:root{
    --bg:#0b0d12; --panel:#141821; --panel2:#101420; --border:#242b38;
    --text:#e8ecf3; --muted:#94a0b3; --dim:#6b7688;
    --accent:#ff4438; --accent2:#ffb03a;
    --grad:linear-gradient(90deg,#ff4438,#ffb03a);
    --radius:14px;
  }
  *{box-sizing:border-box;margin:0;padding:0}
  html{scroll-behavior:smooth}
  body{background:var(--bg);color:var(--text);font-family:"Inter","Segoe UI",system-ui,-apple-system,sans-serif;line-height:1.55;font-size:16px}
  a{color:inherit}
  .wrap{max-width:1080px;margin:0 auto;padding:0 24px}

  /* NAV */
  nav{position:sticky;top:0;z-index:50;background:rgba(11,13,18,.85);backdrop-filter:blur(10px);border-bottom:1px solid var(--border)}
  .nav-in{display:flex;align-items:center;gap:22px;height:60px}
  .logo{font-weight:800;font-size:19px;letter-spacing:.2px;white-space:nowrap;text-decoration:none}
  .logo span{background:var(--grad);-webkit-background-clip:text;background-clip:text;color:transparent}
  .nav-links{display:flex;gap:18px;font-size:14px;color:var(--muted);overflow-x:auto}
  .nav-links a{text-decoration:none;white-space:nowrap;padding:4px 0}
  .nav-links a:hover{color:var(--text)}
  .btn{display:inline-block;padding:12px 22px;border-radius:10px;font-weight:600;font-size:15px;text-decoration:none;transition:.15s;cursor:pointer;border:none}
  .btn-primary{background:var(--grad);color:#14100d}
  .btn-primary:hover{filter:brightness(1.08)}
  .btn-ghost{border:1px solid var(--border);color:var(--text)}
  .btn-ghost:hover{border-color:var(--dim)}
  .nav-cta{margin-left:auto;padding:9px 16px;font-size:14px}

  /* HERO */
  .hero{padding:72px 0 40px;position:relative;overflow:hidden}
  .hero:before{content:"";position:absolute;top:-220px;right:-160px;width:560px;height:560px;border-radius:50%;
    background:radial-gradient(closest-side,rgba(255,68,56,.16),transparent 70%);pointer-events:none}
  .pill{display:inline-block;font-size:13px;font-weight:600;color:var(--accent2);border:1px solid rgba(255,176,58,.35);border-radius:99px;padding:5px 14px;margin-bottom:22px}
  h1{font-size:clamp(34px,5.4vw,58px);line-height:1.08;font-weight:800;letter-spacing:-.5px;max-width:840px}
  h1 em{font-style:normal;background:var(--grad);-webkit-background-clip:text;background-clip:text;color:transparent}
  .hero-sub{margin:22px 0 10px;color:var(--muted);font-size:17px;max-width:760px}
  .hero-actions{display:flex;gap:14px;margin:28px 0 40px;flex-wrap:wrap}
  .facts{display:grid;grid-template-columns:repeat(auto-fit,minmax(170px,1fr));gap:1px;background:var(--border);border:1px solid var(--border);border-radius:var(--radius);overflow:hidden}
  .fact{background:var(--panel);padding:16px 18px}
  .fact b{display:block;font-size:13px;color:var(--dim);font-weight:500;margin-bottom:4px}
  .fact span{font-weight:600;font-size:15px}

  /* CORE */
  .core{margin:56px 0 0;border:1px solid var(--border);border-left:4px solid var(--accent);border-radius:var(--radius);background:var(--panel2);padding:30px 32px}
  .core h2{font-size:22px;margin-bottom:14px}
  .core p{color:#c7d0dd;font-size:16.5px}
  .core p+p{margin-top:12px}
  .core strong{color:var(--text)}

  /* SECTIONS */
  section{padding:72px 0 8px}
  .kicker{font-size:13px;font-weight:700;letter-spacing:.12em;text-transform:uppercase;color:var(--accent2);margin-bottom:12px}
  h2.sec{font-size:clamp(26px,3.6vw,38px);font-weight:800;letter-spacing:-.4px;margin-bottom:14px}
  .lead{color:var(--muted);max-width:740px;margin-bottom:34px}

  /* EXPECT CARDS */
  .cards3{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:16px}
  .card{background:var(--panel);border:1px solid var(--border);border-radius:var(--radius);padding:22px}
  .card h3{font-size:17px;margin-bottom:8px}
  .card h3:before{content:"— ";color:var(--accent)}
  .card p{color:var(--muted);font-size:14.5px}
  .note{margin-top:18px;color:var(--dim);font-size:14.5px}
  .note a{color:var(--accent2)}

  /* TOPICS */
  details.topic{border:1px solid var(--border);border-radius:var(--radius);background:var(--panel);margin-bottom:12px;overflow:hidden}
  details.topic[open]{border-color:#37415a}
  summary.t-head{display:flex;align-items:center;gap:12px;padding:18px 22px;cursor:pointer;list-style:none;font-weight:700;font-size:17px;user-select:none}
  summary.t-head::-webkit-details-marker{display:none}
  summary.t-head:after{content:"+";margin-left:auto;font-size:22px;font-weight:400;color:var(--dim);transition:.2s}
  details[open] summary.t-head:after{transform:rotate(45deg)}
  .badge{font-size:11.5px;font-weight:700;letter-spacing:.04em;border-radius:99px;padding:3px 10px;white-space:nowrap}
  .b-prio{color:#ffb03a;border:1px solid rgba(255,176,58,.4)}
  .b-new{color:#5dd8a3;border:1px solid rgba(93,216,163,.4)}
  .t-body{padding:4px 22px 24px;border-top:1px solid var(--border)}
  .shift{margin:18px 0;padding:16px 18px;border-radius:10px;background:rgba(255,68,56,.06);border:1px solid rgba(255,68,56,.18);font-size:14.5px;color:#d7dde8}
  .shift b{color:var(--accent2);display:block;margin-bottom:6px;font-size:12.5px;letter-spacing:.08em;text-transform:uppercase}
  .want{margin:20px 0 6px}
  .want b{display:block;font-size:12.5px;letter-spacing:.08em;text-transform:uppercase;color:#5dd8a3;margin-bottom:10px}
  .want ul{list-style:none}
  .want li{padding:7px 0 7px 26px;position:relative;color:#cfd6e2;font-size:15px;border-bottom:1px dashed #1e2431}
  .want li:last-child{border-bottom:none}
  .want li:before{content:"→";position:absolute;left:0;color:var(--accent);font-weight:700}
  details.sub{margin-top:14px;border:1px solid var(--border);border-radius:10px;background:var(--panel2)}
  details.sub summary{padding:11px 16px;cursor:pointer;font-size:13.5px;color:var(--muted);list-style:none;user-select:none}
  details.sub summary::-webkit-details-marker{display:none}
  details.sub summary:before{content:"▸ ";color:var(--dim)}
  details.sub[open] summary:before{content:"▾ "}
  .sub ul{padding:2px 20px 14px 36px;color:var(--muted);font-size:14px}
  .sub li{margin:4px 0}
  .sub h4{font-size:13.5px;color:var(--text);padding:10px 20px 0}
  .grp{font-weight:700;color:var(--text);font-size:14px;margin:14px 0 4px}

  /* STRONG/WEAK */
  .duo{display:grid;grid-template-columns:1fr 1fr;gap:16px;margin-bottom:26px}
  @media(max-width:760px){.duo{grid-template-columns:1fr}}
  .quote{border-radius:var(--radius);padding:22px;border:1px solid var(--border)}
  .quote.bad{background:rgba(255,68,56,.05)}
  .quote.good{background:rgba(93,216,163,.06)}
  .quote .tag{font-size:12px;font-weight:700;letter-spacing:.06em;text-transform:uppercase;display:block;margin-bottom:10px}
  .quote.bad .tag{color:#ff7b72}.quote.good .tag{color:#5dd8a3}
  .quote p:first-of-type{font-weight:600;font-size:15.5px;margin-bottom:8px}
  .quote p:last-of-type{color:var(--muted);font-size:14px}
  .checks{list-style:none;columns:2;column-gap:36px}
  @media(max-width:760px){.checks{columns:1}}
  .checks li{padding:7px 0 7px 26px;position:relative;color:#cfd6e2;font-size:15px;break-inside:avoid}
  .checks li:before{content:"✓";position:absolute;left:0;color:#5dd8a3;font-weight:700}

  /* PROCESS */
  .steps{counter-reset:s;display:grid;gap:14px}
  .step{background:var(--panel);border:1px solid var(--border);border-radius:var(--radius);padding:20px 22px 20px 66px;position:relative}
  .step:before{counter-increment:s;content:counter(s);position:absolute;left:20px;top:20px;width:30px;height:30px;border-radius:50%;
    background:var(--grad);color:#14100d;font-weight:800;display:flex;align-items:center;justify-content:center;font-size:15px}
  .step h3{font-size:16px;margin-bottom:4px}
  .step h3 small{color:var(--accent2);font-weight:600;margin-left:8px;font-size:13px}
  .step p{color:var(--muted);font-size:14.5px}
  .step.star:before{content:"★"}

  /* CTA */
  .cta{margin:80px 0;border-radius:20px;background:linear-gradient(135deg,#1a1e2a,#12151e);border:1px solid var(--border);padding:56px 40px;text-align:center;position:relative;overflow:hidden}
  .cta:before{content:"";position:absolute;inset:auto -80px -160px auto;width:420px;height:420px;border-radius:50%;
    background:radial-gradient(closest-side,rgba(255,176,58,.14),transparent 70%)}
  .cta h2{font-size:clamp(24px,3.5vw,36px);font-weight:800;margin-bottom:10px}
  .cta p{color:var(--muted);margin-bottom:26px}
  footer{border-top:1px solid var(--border);padding:34px 0 50px;color:var(--dim);font-size:13.5px}
  footer a{color:var(--muted)}

  /* FORMATS WITH PHOTOS */
  .fmt-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:16px}
  .fmt{background:var(--panel);border:1px solid var(--border);border-radius:var(--radius);overflow:hidden}
  .fmt img{width:100%;height:150px;object-fit:cover;display:block;filter:saturate(.9)}
  .fmt .fb{padding:16px 18px}
  .fmt h3{font-size:16.5px;margin-bottom:4px}
  .fmt .dur{color:var(--accent2);font-size:12.5px;font-weight:700;margin-bottom:8px}
  .fmt p{color:var(--muted);font-size:13px}

  /* WHY SPEAK */
  .why-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:16px}
  .why{background:var(--panel);border:1px solid var(--border);border-radius:var(--radius);padding:20px}
  .why b.num{color:var(--accent);font-size:13px;display:block;margin-bottom:8px}
  .why h3{font-size:16px;margin-bottom:6px}
  .why p{color:var(--muted);font-size:13.5px}

  /* QUOTES */
  .q-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:16px}
  .qc{background:var(--panel);border:1px solid var(--border);border-radius:var(--radius);padding:22px;font-size:14px;color:#cfd6e2}
  .qc .who{margin-top:14px;font-weight:700;color:var(--text)}
  .qc .co{color:var(--dim);font-size:12.5px}

  /* FAQ */
  details.faq{border:1px solid var(--border);border-radius:10px;background:var(--panel);margin-bottom:10px}
  details.faq summary{padding:14px 18px;cursor:pointer;font-weight:600;font-size:15px;list-style:none;user-select:none}
  details.faq summary::-webkit-details-marker{display:none}
  details.faq summary:after{content:" +";color:var(--dim);float:right}
  details.faq[open] summary:after{content:" –"}
  details.faq p{padding:0 18px 16px;color:var(--muted);font-size:14px}

  /* COMMITTEE */
  .pk-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(140px,1fr));gap:18px}
  .pk{text-align:center}
  .pk img{width:96px;height:96px;border-radius:50%;object-fit:cover;border:2px solid var(--border);background:var(--panel2)}
  .pk b{display:block;font-size:13.5px;margin-top:8px;line-height:1.25}
  .pk span{color:var(--dim);font-size:12px}
  .morebtn{display:block;margin:26px auto 0;padding:11px 26px;border-radius:10px;border:1px solid var(--border);background:var(--panel);color:var(--text);font-size:14px;font-weight:600;cursor:pointer}
  .morebtn:hover{border-color:var(--dim)}
  .contact-inline{color:var(--muted);font-size:14px;margin-top:14px}
  .contact-inline a{color:var(--accent2)}

  /* TOPIC TWO COLUMNS */
  .t-cols{display:grid;grid-template-columns:1.15fr 1fr;gap:30px;align-items:start;margin-top:4px}
  .full{border-left:1px solid var(--border);padding-left:26px}
  .full>b{display:block;font-size:12.5px;letter-spacing:.08em;text-transform:uppercase;color:var(--accent2);margin:20px 0 10px}
  .full ul{list-style:none}
  .full li{padding:6px 0 6px 18px;position:relative;color:var(--muted);font-size:14px;border-bottom:1px dashed #1e2431}
  .full li:last-child{border-bottom:none}
  .full li:before{content:"\2014";position:absolute;left:0;color:var(--dim)}
  .full h4{font-size:13.5px;color:var(--text);margin:12px 0 2px}
  @media(max-width:860px){.t-cols{grid-template-columns:1fr}.full{border-left:none;padding-left:0}}

  /* SELF TEST */
  .qz-card{max-width:680px;background:var(--panel);border:1px solid var(--border);border-radius:var(--radius);padding:26px 28px}
  .qz-bar{height:3px;background:var(--border);border-radius:2px;margin-bottom:18px;overflow:hidden}
  .qz-bar i{display:block;height:100%;background:var(--grad);width:0;transition:width .3s}
  .qz-step{font-size:12.5px;color:var(--dim);margin-bottom:8px}
  .qz-q{font-size:17px;font-weight:700;margin-bottom:16px}
  .qz-opt{display:block;width:100%;text-align:left;padding:13px 16px;margin:8px 0;border:1px solid var(--border);border-radius:10px;background:var(--panel2);color:#cfd6e2;font-size:14.5px;font-family:inherit;cursor:pointer;transition:.15s}
  .qz-opt:hover{border-color:var(--accent2);color:var(--text)}
  .qz-res-title{font-size:19px;font-weight:800;margin-bottom:10px}
  .qz-res-text{color:#c7d0dd;font-size:14.5px;line-height:1.6}
  .qz-res-text ul{margin:10px 0 0 0;list-style:none}
  .qz-res-text li{padding:4px 0 4px 20px;position:relative}
  .qz-res-text li:before{content:"\2192";position:absolute;left:0;color:var(--accent)}
  .qz-again{margin-top:16px;background:none;border:1px solid var(--border);color:var(--muted);padding:9px 18px;border-radius:8px;font-size:13px;cursor:pointer;font-family:inherit}
  .qz-again:hover{border-color:var(--dim);color:var(--text)}
  .qz-green{border-left:4px solid #5dd8a3}
  .qz-amber{border-left:4px solid var(--accent2)}
  .qz-gray{border-left:4px solid var(--dim)}