.pdo-site{
  --bg:#f6f8fc;
  --card:#ffffff;
  --text:#0f172a;
  --muted:rgba(15,23,42,.72);
  --line:rgba(15,23,42,.12);
  --accent:#ff7a00;
--accent2:#ffb347;

  --shadow:0 12px 30px rgba(2, 8, 23, .08);
  --radius:18px;
  font-family: -apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Inter,Arial,sans-serif;
  color:var(--text);
  background:
    radial-gradient(800px 520px at 12% 0%, rgba(79,70,229,.12), transparent 55%),
    radial-gradient(820px 520px at 88% 10%, rgba(6,182,212,.10), transparent 55%),
    linear-gradient(180deg, #ffffff, var(--bg));
  padding: 18px 0 44px;
}
.pdo-wrap{ width:min(1120px, calc(100% - 32px)); margin:0 auto; }

.pdo-topbar{
  position: sticky; top: 0; z-index: 50;
  backdrop-filter: blur(10px);
  background: rgba(255,255,255,.78);
  border-bottom: 1px solid var(--line);
}
.pdo-topbar .pdo-wrap{
  display:flex; align-items:center; justify-content:space-between;
  padding: 12px 0;
  gap: 14px;
}
.pdo-brand{
  display:flex; align-items:center; gap:12px; min-width: 260px;
  text-decoration:none; color:var(--text);
}
.pdo-logo{
  width:40px; height:40px; border-radius:14px;
  background: linear-gradient(135deg, rgba(79,70,229,1), rgba(6,182,212,1));
  box-shadow: 0 10px 24px rgba(2,8,23,.10);
  position: relative;
  overflow:hidden;
}
.pdo-logo:after{
  content:"";
  position:absolute; inset:-30%;
  background: radial-gradient(circle at 30% 30%, rgba(255,255,255,.55), transparent 60%);
  transform: rotate(20deg);
}
.pdo-brand b{ display:block; font-size:14px; letter-spacing:.2px; }
.pdo-brand span{ display:block; font-size:12px; color:var(--muted); margin-top:2px; }

.pdo-nav{ display:flex; flex-wrap:wrap; gap: 8px; justify-content:flex-end; }
.pdo-nav a{
  color:var(--muted); text-decoration:none; font-size:13px;
  padding:8px 10px; border-radius:12px; border:1px solid transparent;
}
.pdo-nav a:hover{ color:var(--text); border-color: var(--line); background: rgba(15,23,42,.03); }

.pdo-cta{ display:flex; gap:10px; align-items:center; }
.pdo-btn{
  display:inline-flex; align-items:center; justify-content:center;
  height: 38px; padding: 0 14px;
  border-radius: 14px; border: 1px solid var(--line);
  background: rgba(255,255,255,.85);
  color: var(--text); text-decoration:none; font-size:13px;
  transition: transform .12s ease, background .12s ease, border-color .12s ease;
  white-space:nowrap;
  gap: 8px;
}
.pdo-btn:hover{ transform: translateY(-1px); background: #fff; border-color: rgba(15,23,42,.20); }
.pdo-btn.pdo-btn-accent{
  border-color: transparent;
  background: linear-gradient(135deg, rgba(79,70,229,1), rgba(6,182,212,1));
  color: #ffffff;
  font-weight: 800;
}
.pdo-btn svg{ width:16px; height:16px; display:block; }

.pdo-card{
  background: var(--card);
  border:1px solid var(--line);
  border-radius: var(--radius);
  box-shadow: var(--shadow);
}

.pdo-hero{ padding: 26px 0 14px; }
.pdo-hero-grid{
  display:grid;
  grid-template-columns: 1.15fr .85fr;
  gap: 16px;
  align-items:stretch;
}
.pdo-hero-main{ padding: 26px; position:relative; overflow:hidden; }
.pdo-kicker{
  display:inline-flex; gap:10px; align-items:center;
  font-size:12px; color: var(--muted);
  padding: 8px 10px; border:1px solid var(--line); border-radius: 999px;
  background: rgba(15,23,42,.02);
}
.pdo-dot{
  width:9px;height:9px;border-radius:99px;
  background: var(--accent2);
  box-shadow: 0 0 0 4px rgba(6,182,212,.18);
}
.pdo-title{
  margin: 14px 0 8px;
  font-size: 36px;
  line-height: 1.1;
  letter-spacing: -0.6px;
}
.pdo-subtitle{
  margin: 0;
  color: var(--muted);
  font-size: 15px;
  line-height: 1.7;
  max-width: 72ch;
}
.pdo-hero-actions{ display:flex; gap:10px; flex-wrap:wrap; margin-top: 16px; }
.pdo-mini{
  margin-top: 14px;
  display:flex; gap:10px; flex-wrap:wrap;
  color: var(--muted); font-size: 12px;
}
.pdo-mini span{
  display:inline-flex; gap:8px; align-items:center;
  padding: 8px 10px;
  border:1px solid var(--line);
  border-radius: 14px;
  background: rgba(15,23,42,.02);
}
.pdo-hero-side{ padding: 18px; background: linear-gradient(180deg, #ffffff, rgba(79,70,229,.03)); }
.pdo-side-title{
  margin: 2px 0 10px;
  font-size: 12px; color: var(--muted); letter-spacing:.25px;
  text-transform: uppercase;
}
.pdo-facts{ display:grid; gap:10px; }
.pdo-fact{
  padding: 12px;
  border-radius: 16px;
  border:1px solid var(--line);
  background: rgba(255,255,255,.85);
  display:flex;
  gap: 10px;
  align-items:flex-start;
}
.pdo-fact .ico{
  width: 34px; height: 34px;
  border-radius: 14px;
  border: 1px solid rgba(15,23,42,.12);
  background: rgba(79,70,229,.06);
  display:flex; align-items:center; justify-content:center;
  flex: 0 0 34px;
  color: rgba(15,23,42,.9);
}
.pdo-fact b{ display:block; font-size: 14px; }
.pdo-fact span{ display:block; margin-top: 4px; color: var(--muted); font-size: 13px; line-height:1.5; }

.pdo-section{ padding: 16px 0; }
.pdo-h2{ font-size: 20px; margin: 0 0 10px; letter-spacing: -0.2px; }
.pdo-p{ margin: 0; color: var(--muted); line-height: 1.75; font-size: 14px; }
.pdo-grid-2{ display:grid; grid-template-columns: 1fr 1fr; gap: 14px; }
.pdo-box{ padding: 18px; }

.pdo-list{ margin: 10px 0 0; padding: 0; list-style: none; display:grid; gap: 8px; }
.pdo-list li{
  padding: 10px 12px;
  border-radius: 16px;
  border:1px solid var(--line);
  background: rgba(15,23,42,.02);
  color: var(--muted);
  font-size: 14px;
  line-height: 1.65;
}
.pdo-list li b{ color: var(--text); font-weight: 800; }

.pdo-features{
  display:grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 12px;
  margin-top: 12px;
}
.pdo-feature{
  padding: 14px;
  border-radius: 18px;
  border:1px solid var(--line);
  background: linear-gradient(180deg, rgba(255,255,255,.9), rgba(15,23,42,.02));
  display:flex; gap: 10px; align-items:flex-start;
}
.pdo-feature .ico{
  width: 38px; height: 38px;
  border-radius: 16px;
  background: rgba(6,182,212,.10);
  border: 1px solid rgba(6,182,212,.22);
  display:flex; align-items:center; justify-content:center;
  flex: 0 0 38px;
  color: rgba(15,23,42,.92);
}
.pdo-feature b{ display:block; font-size: 14px; }
.pdo-feature span{ display:block; margin-top:4px; color:var(--muted); font-size: 13px; line-height:1.55; }

.pdo-topics{ display:grid; gap: 10px; margin-top: 12px; }
.pdo-topic{
  padding: 12px;
  border-radius: 16px;
  border:1px solid var(--line);
  background: rgba(255,255,255,.9);
  display:flex; gap: 12px;
  align-items:flex-start;
}
.pdo-badge{
  min-width: 30px; height: 30px; border-radius: 12px;
  display:inline-flex; align-items:center; justify-content:center;
  font-weight: 900;
  background: rgba(79,70,229,.10);
  border: 1px solid rgba(79,70,229,.24);
  color: var(--text);
  font-size: 12px;
}
.pdo-topic b{ display:block; font-size: 14px; }
.pdo-topic span{ display:block; margin-top: 4px; color: var(--muted); font-size: 13px; line-height:1.6; }

.pdo-pdf{
  margin-top: 12px;
  padding: 14px;
  border-radius: 18px;
  border: 1px dashed rgba(15,23,42,.22);
  background: rgba(15,23,42,.02);
  display:flex; align-items:center; justify-content:space-between; gap: 12px; flex-wrap:wrap;
}
.pdo-pdf .left{ display:flex; gap: 10px; align-items:center; }
.pdo-pdf .tag{
  font-size:12px; color: var(--muted);
  padding: 6px 10px;
  border-radius: 999px;
  border: 1px solid rgba(15,23,42,.14);
  background: rgba(255,255,255,.85);
}

.pdo-field{ display:flex; flex-direction:column; gap: 6px; }
.pdo-label{ font-size: 12px; color: var(--muted); }
.pdo-input, .pdo-textarea{
  width:100%;
  border-radius: 16px;
  border:1px solid rgba(15,23,42,.16);
  background: #ffffff;
  color: var(--text);
  padding: 12px 12px;
  font-size: 14px;
  outline: none;
}
.pdo-input:focus, .pdo-textarea:focus{
  border-color: rgba(79,70,229,.45);
  box-shadow: 0 0 0 4px rgba(79,70,229,.12);
}
.pdo-textarea{ min-height: 120px; resize: vertical; }
.pdo-submit-row{ display:flex; align-items:center; justify-content:space-between; gap: 12px; margin-top: 12px; flex-wrap:wrap; }
.pdo-note{ color: var(--muted); font-size: 12px; line-height:1.6; max-width: 80ch; }

.pdo-footer{
  margin-top: 14px;
  border-top: 1px solid var(--line);
  padding-top: 14px;
  color: var(--muted);
  font-size: 12px;
  line-height: 1.7;
}

@media (max-width: 980px){
  .pdo-hero-grid{ grid-template-columns: 1fr; }
  .pdo-grid-2{ grid-template-columns: 1fr; }
  .pdo-features{ grid-template-columns: 1fr; }
  .pdo-nav{ display:none; }
}
/* ===== Mobile nav (burger) ===== */
.pdo-burger{
  display:none;
  height:38px;
  padding:0 14px;
  border-radius:14px;
  border:1px solid var(--line);
  background: rgba(255,255,255,.9);
  cursor:pointer;
  align-items:center;
  justify-content:center;
  font-size:14px;
  font-weight:600;
  color: var(--text);
}
.pdo-burger span{
  display:block;
  width:18px;
  height:2px;
  background: rgba(15,23,42,.75);
  border-radius:999px;
}

.pdo-mnav{
  display:none;
  position:fixed;
  inset:0;
  background: rgba(15,23,42,.35);
  backdrop-filter: blur(6px);
  z-index: 999;
  padding: 16px;
}
.pdo-mnav-card{
  max-width:520px;
  margin: 70px auto 0;
  background: #fff;
  border:1px solid var(--line);
  border-radius: 18px;
  box-shadow: var(--shadow);
  padding: 14px;
  display:grid;
  gap: 8px;
}
.pdo-mnav-title{
  font-size:12px;
  color: var(--muted);
  letter-spacing:.2px;
  text-transform: uppercase;
  margin-bottom: 6px;
}
.pdo-mnav-card a{
  display:block;
  text-decoration:none;
  color: var(--text);
  padding: 12px 12px;
  border-radius: 14px;
  border:1px solid var(--line);
  background: rgba(15,23,42,.02);
  font-size:14px;
}
.pdo-mnav-card a:active{
  transform: scale(.99);
}
.pdo-mnav-close{
  margin-top: 4px;
  height: 40px;
  border-radius: 14px;
  border:1px solid var(--line);
  background: #fff;
  cursor:pointer;
  font-weight:700;
}

/* Mobile rules */
@media (max-width: 980px){
  .pdo-nav{ display:none; }
  .pdo-burger{ display:inline-flex; }
}