/* Generated for the interview-readiness Cloudflare pilot.
   Page CSS extracted from site/src/pages/ai-interview-readiness.html.
   Edit that HTML style block and rebuild. Do not edit this file.
   Do not edit this file. Change the maintained sources and rebuild.
*/

/* ── Base + TagMango wrapper overrides (proven on bootcamp / 1:1 / policy pages) ── */
*,*::before,*::after{box-sizing:border-box;margin:0;padding:0;}
html{scroll-behavior:smooth;background:#0a0a0a !important;background-color:#0a0a0a !important;}
body{font-family:'Inter',-apple-system,BlinkMacSystemFont,'Segoe UI',Roboto,sans-serif;line-height:1.65;color:#e5e7eb !important;background:#0a0a0a !important;overflow-x:hidden;-webkit-font-smoothing:antialiased;}
html,body,#root,#app,#__next,main,
.page-wrapper,.content-wrapper,.app-wrapper,
[class*="page-wrapper"],[class*="content-wrapper"],[class*="app-wrapper"],
[class*="container"],[class*="wrapper"],[class*="page"],
[class*="tm-"],[class*="TM-"],[class*="Tagmango"],[class*="tagmango"]{background-color:#0a0a0a !important;color:#e5e7eb !important;}
a{color:inherit;text-decoration:none;}
img{display:block;max-width:100%;height:auto;}

/* ── Containers ── */
.wrap{max-width:1200px;margin:0 auto;padding:0 2rem;}
.wrap-narrow{max-width:920px;margin:0 auto;padding:0 2rem;}
.section-pad{padding:5rem 0;}

/* ── Nav ── */
nav{background:rgba(10,10,10,.92);backdrop-filter:blur(14px);border-bottom:1px solid rgba(255,255,255,.06);position:sticky;top:0;z-index:1000;padding:.9rem 0;}
.nav-inner{max-width:1200px;margin:0 auto;padding:0 2rem;display:flex;align-items:center;justify-content:space-between;gap:1rem;}
.nav-logo img{height:38px;width:auto;}
.nav-right{display:flex;align-items:center;gap:1.4rem;}
.nav-right a{font-size:.9rem;font-weight:500;color:#9ca3af;transition:color .2s;}
.nav-right a:hover{color:#fff;}
.nav-cta{background:#6366f1 !important;color:#fff !important;padding:.6rem 1.4rem;border-radius:8px;font-weight:600;font-size:.88rem;transition:background .2s,transform .2s;}
.nav-cta:hover{background:#4f46e5 !important;color:#fff !important;transform:translateY(-1px);}

/* ── Buttons ── */
.btn{display:inline-flex;align-items:center;justify-content:center;gap:.5rem;padding:1rem 2rem;border-radius:10px;font-weight:700;font-size:1rem;letter-spacing:.01em;transition:transform .2s,box-shadow .2s,background .2s,color .2s,border-color .2s;border:1px solid transparent;cursor:pointer;text-align:center;line-height:1.2;text-decoration:none;}
.btn-primary{background:#6366f1 !important;color:#fff !important;box-shadow:0 4px 20px rgba(99,102,241,.4);}
.btn-primary:hover{background:#4f46e5 !important;color:#fff !important;transform:translateY(-2px);box-shadow:0 8px 28px rgba(99,102,241,.5);}
.btn-secondary{background:rgba(255,255,255,.04) !important;color:#fff !important;border-color:rgba(255,255,255,.18);}
.btn-secondary:hover{background:rgba(255,255,255,.08) !important;color:#fff !important;border-color:rgba(255,255,255,.32);transform:translateY(-2px);}
.btn-ghost{background:transparent !important;color:#cbd5e1 !important;border-color:rgba(255,255,255,.18);}
.btn-ghost:hover{background:rgba(255,255,255,.05) !important;color:#fff !important;border-color:rgba(255,255,255,.32);}

/* ── HERO ── */
.hero{position:relative;padding:5.5rem 0 4.5rem;overflow:hidden;background:#0a0a0a !important;}
.hero::before{content:'';position:absolute;top:-200px;right:-220px;width:720px;height:720px;background:radial-gradient(circle,rgba(99,102,241,.18) 0%,transparent 70%);pointer-events:none;}
.hero::after{content:'';position:absolute;bottom:-180px;left:-180px;width:520px;height:520px;background:radial-gradient(circle,rgba(139,92,246,.10) 0%,transparent 70%);pointer-events:none;}
.hero-grid{display:grid;grid-template-columns:1.15fr .85fr;gap:3rem;align-items:start;position:relative;z-index:1;}
.hero-eyebrow{display:inline-flex;align-items:center;gap:.5rem;font-size:.74rem;font-weight:800;letter-spacing:.08em;color:#a5b4fc;background:rgba(99,102,241,.12);border:1px solid rgba(99,102,241,.35);padding:.4rem 1rem;border-radius:100px;margin-bottom:1.4rem;text-transform:uppercase;}
.hero-eyebrow .dot{width:7px;height:7px;border-radius:50%;background:#6366f1;animation:pulse 2s infinite;}
@keyframes pulse{0%,100%{opacity:1;}50%{opacity:.3;}}
.hero h1{font-size:clamp(2rem,4.4vw,3.1rem);font-weight:800;line-height:1.12;letter-spacing:-.02em;color:#fff;margin-bottom:1.1rem;max-width:720px;}
.hero h1 .accent{color:#6366f1;}
.hero-sub{font-size:1.06rem;color:#9ca3af;line-height:1.8;margin-bottom:1.6rem;max-width:620px;}
.hero-sub strong{color:#e5e7eb;font-weight:600;}
.hero-promise{display:flex;align-items:flex-start;gap:.7rem;padding:1rem 1.2rem;background:rgba(99,102,241,.06);border:1px solid rgba(99,102,241,.22);border-left:3px solid #6366f1;border-radius:10px;font-size:.94rem;color:#c7d2fe;line-height:1.7;margin-bottom:1.5rem;max-width:620px;}
.hero-promise .ico{color:#a5b4fc;font-weight:800;flex-shrink:0;margin-top:.05rem;}
.hero-promise strong{color:#fff;font-weight:600;}
.hero-bullets{list-style:none;display:flex;flex-direction:column;gap:.55rem;margin-bottom:1.7rem;max-width:600px;}
.hero-bullets li{display:flex;align-items:flex-start;gap:.55rem;font-size:.95rem;color:#d1d5db;line-height:1.55;}
.hero-bullets li .check{color:#10b981;font-weight:800;flex-shrink:0;margin-top:.05rem;}
.hero-cta-row{display:flex;flex-wrap:wrap;gap:.85rem;margin-bottom:1.4rem;}
.hero-pricing-strip{display:inline-flex;align-items:center;gap:1.1rem;padding:.75rem 1.2rem;background:rgba(255,255,255,.03);border:1px solid rgba(255,255,255,.07);border-radius:10px;font-size:.92rem;color:#9ca3af;flex-wrap:wrap;}
.hero-pricing-strip strong{color:#fff;font-weight:700;}
.hero-pricing-strip .sep{width:1px;height:18px;background:rgba(255,255,255,.16);}
.hero-trust{margin-top:1.4rem;font-size:.86rem;color:#6b7280;font-style:italic;max-width:600px;line-height:1.65;}

/* Hero voucher pill — premium "your session fee carries forward" anchor */
.hero-voucher-pill{display:inline-flex;align-items:flex-start;gap:.7rem;margin-top:1rem;padding:.85rem 1.15rem;background:linear-gradient(135deg,rgba(16,185,129,.1),rgba(99,102,241,.05));border:1px solid rgba(16,185,129,.32);border-left:3px solid #10b981;border-radius:10px;max-width:620px;}
.hero-voucher-pill .vico{display:inline-flex;align-items:center;justify-content:center;width:30px;height:30px;border-radius:9px;background:rgba(16,185,129,.18);border:1px solid rgba(16,185,129,.4);flex-shrink:0;margin-top:.1rem;}
.hero-voucher-pill .vico .material-icons{font-size:1rem;color:#86efac;}
.hero-voucher-pill .vbody{font-size:.88rem;color:#cbd5e1;line-height:1.6;}
.hero-voucher-pill .vbody .vlabel{display:block;font-size:.66rem;font-weight:800;letter-spacing:.12em;text-transform:uppercase;color:#86efac;margin-bottom:.2rem;}
.hero-voucher-pill .vbody strong{color:#fff;font-weight:600;}
.hero-voucher-pill .vbody a{color:#86efac;font-weight:600;border-bottom:1px dashed rgba(134,239,172,.45);}
.hero-voucher-pill .vbody a:hover{color:#bbf7d0;border-bottom-color:rgba(187,247,208,.7);}

/* Hero side card — instructor anchor */
.hero-card{position:relative;background:#111;border:1px solid rgba(255,255,255,.08);border-radius:18px;padding:1.9rem;overflow:hidden;}
.hero-card::before{content:'';position:absolute;top:-1px;left:-1px;right:-1px;height:3px;background:linear-gradient(90deg,#6366f1,#8b5cf6,#6366f1);border-radius:18px 18px 0 0;}
.hero-portrait{width:92px;height:92px;border-radius:50%;overflow:hidden;border:2px solid rgba(99,102,241,.45);box-shadow:0 8px 30px rgba(99,102,241,.22);margin-bottom:1.1rem;background:linear-gradient(135deg,#1e293b,#0f172a);}
.hero-portrait img{width:100%;height:100%;object-fit:cover;}
.hero-card .role{font-size:.7rem;font-weight:800;letter-spacing:.1em;text-transform:uppercase;color:#a5b4fc;margin-bottom:.4rem;}
.hero-card .name{font-size:1.3rem;font-weight:800;color:#fff;letter-spacing:-.01em;margin-bottom:.25rem;}
.hero-card .title{font-size:.88rem;color:#9ca3af;margin-bottom:1.2rem;line-height:1.55;}
.hero-card-meta{display:grid;grid-template-columns:1fr;gap:.65rem;padding-top:1.1rem;border-top:1px solid rgba(255,255,255,.07);}
.hero-card-meta-row{display:flex;align-items:flex-start;gap:.55rem;font-size:.86rem;color:#d1d5db;line-height:1.5;}
.hero-card-meta-row .ico{color:#6366f1;font-weight:800;flex-shrink:0;margin-top:.05rem;}
.hero-card-meta-row strong{color:#fff;font-weight:600;}

/* ── Section header ── */
.section-eyebrow{display:inline-flex;align-items:center;gap:.4rem;font-size:.72rem;font-weight:800;letter-spacing:.1em;text-transform:uppercase;color:#a5b4fc;background:rgba(99,102,241,.12);border:1px solid rgba(99,102,241,.28);padding:.32rem .8rem;border-radius:100px;margin-bottom:.95rem;}
.section-h2{font-size:clamp(1.7rem,3vw,2.3rem);font-weight:800;line-height:1.18;letter-spacing:-.015em;color:#fff;margin-bottom:.7rem;}
.section-h2 .accent{color:#6366f1;}
.section-h2 .accent-green{color:#10b981;}
.section-sub{font-size:1rem;color:#9ca3af;line-height:1.75;max-width:700px;margin:0 auto;}
.section-sub strong{color:#e5e7eb;font-weight:600;}
.section-header{text-align:center;margin:0 auto 3rem;max-width:820px;}

.section-base{background:#0a0a0a;}
.section-elev{background:#111;}

/* ── PAIN — 6 cards ── */
.pain-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:1.2rem;max-width:1180px;margin:0 auto;}
.pain-card{background:#0a0a0a;border:1px solid rgba(255,255,255,.07);border-radius:14px;padding:1.6rem 1.8rem;position:relative;overflow:hidden;transition:border-color .25s,transform .25s;}
.pain-card::before{content:'';position:absolute;top:0;left:0;right:0;height:2px;background:linear-gradient(90deg,#f97316,#ef4444);opacity:.5;}
.pain-card:hover{border-color:rgba(239,68,68,.25);transform:translateY(-2px);}
.pain-card .ico{font-size:1.3rem;margin-bottom:.8rem;display:inline-block;}
.pain-card p{font-size:.93rem;color:#cbd5e1;line-height:1.65;}
.pain-foot{max-width:760px;margin:2.2rem auto 0;text-align:center;padding:1.15rem 1.4rem;background:rgba(99,102,241,.06);border:1px solid rgba(99,102,241,.22);border-radius:12px;font-size:1rem;color:#c7d2fe;line-height:1.7;}
.pain-foot strong{color:#fff;font-weight:600;}

/* ── SOLUTION (5-part framework) ── */
.solution-intro{max-width:760px;margin:0 auto 2.5rem;text-align:center;font-size:1.02rem;color:#cbd5e1;line-height:1.75;}
.solution-intro strong{color:#fff;font-weight:600;}
.framework-grid{display:flex;flex-direction:column;gap:1rem;max-width:920px;margin:0 auto;}
.framework-row{display:grid;grid-template-columns:48px 1fr;gap:1.2rem;align-items:start;padding:1.4rem 1.6rem;background:#0a0a0a;border:1px solid rgba(255,255,255,.07);border-radius:12px;transition:border-color .2s,transform .2s;}
.framework-row:hover{border-color:rgba(99,102,241,.3);transform:translateX(3px);}
.framework-num{width:42px;height:42px;border-radius:10px;background:rgba(99,102,241,.14);border:1px solid rgba(99,102,241,.32);display:flex;align-items:center;justify-content:center;font-size:1.1rem;font-weight:800;color:#a5b4fc;letter-spacing:.02em;}
.framework-body h4{font-size:1.05rem;font-weight:800;color:#fff;letter-spacing:-.01em;line-height:1.3;margin-bottom:.35rem;}
.framework-body p{font-size:.93rem;color:#9ca3af;line-height:1.65;}

/* ── WHAT YOU GET (8-item grid + scope caveat) ── */
.get-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:1rem;max-width:1180px;margin:0 auto;}
.get-card{padding:1.4rem 1.4rem 1.5rem;background:#0a0a0a;border:1px solid rgba(255,255,255,.07);border-radius:12px;display:flex;flex-direction:column;gap:.55rem;transition:border-color .2s,transform .2s;}
.get-card:hover{border-color:rgba(99,102,241,.3);transform:translateY(-2px);}
.get-card.soft{background:linear-gradient(135deg,rgba(99,102,241,.07),rgba(99,102,241,.02));border-color:rgba(99,102,241,.28);}
.get-card .num{width:28px;height:28px;border-radius:7px;background:rgba(99,102,241,.14);border:1px solid rgba(99,102,241,.3);display:flex;align-items:center;justify-content:center;font-size:.74rem;font-weight:800;color:#a5b4fc;margin-bottom:.3rem;}
.get-card.soft .num{background:rgba(16,185,129,.14);border-color:rgba(16,185,129,.32);color:#86efac;}
.get-card h4{font-size:.95rem;font-weight:700;color:#fff;letter-spacing:-.005em;line-height:1.4;}
.get-card p{font-size:.84rem;color:#9ca3af;line-height:1.65;}
.scope-caveat{max-width:880px;margin:2.4rem auto 0;padding:1.2rem 1.5rem;background:rgba(245,158,11,.06);border:1px solid rgba(245,158,11,.25);border-radius:10px;font-size:.92rem;color:#fde68a;line-height:1.7;text-align:left;display:flex;gap:.7rem;align-items:flex-start;}
.scope-caveat .ico{color:#fbbf24;flex-shrink:0;font-size:1.1rem;}
.scope-caveat strong{color:#fff;font-weight:600;}

/* ── FIT (good fit / not a fit) ── */
.fit-grid{display:grid;grid-template-columns:1fr 1fr;gap:1.5rem;max-width:1080px;margin:0 auto;}
.fit-card{background:#0a0a0a;border:1px solid rgba(255,255,255,.07);border-radius:14px;padding:2rem 2.1rem;}
.fit-card.yes{border-top:3px solid #10b981;}
.fit-card.no{border-top:3px solid #ef4444;}
.fit-card h3{font-size:1.1rem;font-weight:800;margin-bottom:1.3rem;display:flex;align-items:center;gap:.55rem;}
.fit-card.yes h3{color:#10b981;}
.fit-card.no h3{color:#ef4444;}
.fit-list{list-style:none;display:flex;flex-direction:column;gap:.75rem;}
.fit-list li{display:flex;align-items:flex-start;gap:.6rem;font-size:.92rem;color:#d1d5db;line-height:1.55;}
.fit-list li::before{content:'';width:6px;height:6px;border-radius:50%;background:#10b981;margin-top:.55rem;flex-shrink:0;}
.fit-card.no .fit-list li::before{background:#ef4444;opacity:.7;}

/* ── HOW IT WORKS (4 steps) ── */
.how-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:1.1rem;max-width:1180px;margin:0 auto;}
.how-step{position:relative;background:#0a0a0a;border:1px solid rgba(255,255,255,.07);border-radius:12px;padding:1.5rem 1.4rem;}
.how-step .num{display:inline-flex;align-items:center;justify-content:center;width:30px;height:30px;border-radius:50%;background:rgba(99,102,241,.15);border:1px solid rgba(99,102,241,.32);font-size:.84rem;font-weight:800;color:#a5b4fc;margin-bottom:.95rem;}
.how-step h5{font-size:.95rem;font-weight:700;color:#fff;line-height:1.35;margin-bottom:.4rem;}
.how-step p{font-size:.85rem;color:#9ca3af;line-height:1.6;}
.how-share-list{margin:.6rem 0 0;padding:0;list-style:none;display:flex;flex-direction:column;gap:.3rem;}
.how-share-list li{font-size:.78rem;color:#9ca3af;line-height:1.5;display:flex;align-items:flex-start;gap:.4rem;}
.how-share-list li::before{content:'';width:4px;height:4px;border-radius:50%;background:#6366f1;margin-top:.45rem;flex-shrink:0;}
.how-foot{max-width:680px;margin:2rem auto 0;text-align:center;padding:.9rem 1.2rem;background:rgba(99,102,241,.06);border:1px solid rgba(99,102,241,.22);border-radius:10px;font-size:.88rem;color:#c7d2fe;line-height:1.6;}
.how-foot strong{color:#fff;font-weight:600;}

/* ── DISCUSS topics grid ── */
.discuss-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:.7rem;max-width:1080px;margin:0 auto;}
.discuss-pill{background:#0a0a0a;border:1px solid rgba(255,255,255,.07);border-radius:10px;padding:.85rem 1rem;font-size:.88rem;color:#cbd5e1;line-height:1.55;display:flex;align-items:flex-start;gap:.55rem;transition:border-color .2s,background .2s;}
.discuss-pill:hover{border-color:rgba(99,102,241,.3);background:rgba(99,102,241,.06);}
.discuss-pill::before{content:'check';font-family:'Material Icons';font-size:.95rem;color:#10b981;flex-shrink:0;line-height:1.5;}

/* ── NOT FOR (honest scope) ── */
.scope-card{max-width:880px;margin:0 auto;background:#0a0a0a;border:1px solid rgba(239,68,68,.22);border-left:3px solid #ef4444;border-radius:12px;padding:2rem 2.2rem;}
.scope-card h3{font-size:1.05rem;font-weight:800;color:#f87171;margin-bottom:1.1rem;display:flex;align-items:center;gap:.5rem;}
.scope-card ul{list-style:none;display:grid;grid-template-columns:1fr 1fr;gap:.55rem .9rem;}
.scope-card ul li{display:flex;align-items:flex-start;gap:.55rem;font-size:.93rem;color:#d1d5db;line-height:1.55;}
.scope-card ul li::before{content:'×';color:#ef4444;font-weight:800;font-size:1rem;flex-shrink:0;line-height:1.4;}
.scope-foot{margin-top:1.5rem;padding-top:1.3rem;border-top:1px solid rgba(255,255,255,.08);font-size:.96rem;color:#a5b4fc;line-height:1.7;text-align:center;font-weight:500;}
.scope-foot strong{color:#fff;font-weight:600;}

/* ── PRICING ── */
.pricing-card{max-width:600px;margin:0 auto;background:linear-gradient(145deg,#141420,#0f0f1a);border:1px solid rgba(99,102,241,.32);border-radius:20px;padding:2.5rem;position:relative;overflow:hidden;box-shadow:0 16px 60px rgba(0,0,0,.4);}
.pricing-card::before{content:'';position:absolute;top:-100px;right:-100px;width:320px;height:320px;background:radial-gradient(circle,rgba(99,102,241,.2),transparent 70%);pointer-events:none;}
.pricing-badge{display:inline-flex;align-items:center;gap:.4rem;font-size:.7rem;font-weight:800;letter-spacing:.1em;text-transform:uppercase;color:#a5b4fc;background:rgba(99,102,241,.14);border:1px solid rgba(99,102,241,.32);padding:.3rem .8rem;border-radius:100px;margin-bottom:1rem;position:relative;z-index:1;}
.pricing-title{font-size:1.4rem;font-weight:800;color:#fff;letter-spacing:-.01em;margin-bottom:.3rem;position:relative;z-index:1;}
.pricing-sub{font-size:.92rem;color:#9ca3af;line-height:1.65;margin-bottom:1.6rem;position:relative;z-index:1;}
.pricing-amounts{display:grid;grid-template-columns:1fr 1fr;gap:.85rem;margin-bottom:1.6rem;position:relative;z-index:1;}
.pricing-cell{padding:1.1rem 1.2rem;background:rgba(255,255,255,.03);border:1px solid rgba(255,255,255,.08);border-radius:10px;}
.pricing-cell .label{font-size:.66rem;font-weight:800;letter-spacing:.08em;text-transform:uppercase;color:#a5b4fc;margin-bottom:.4rem;}
.pricing-cell .amount{font-size:1.45rem;font-weight:800;color:#fff;letter-spacing:-.01em;line-height:1.1;}
.pricing-cell .meta{font-size:.78rem;color:#9ca3af;margin-top:.3rem;font-weight:500;}
.pricing-includes{list-style:none;display:flex;flex-direction:column;gap:.65rem;padding:1.4rem 0;border-top:1px solid rgba(255,255,255,.07);border-bottom:1px solid rgba(255,255,255,.07);margin-bottom:1.5rem;position:relative;z-index:1;}
.pricing-includes li{display:flex;align-items:flex-start;gap:.6rem;font-size:.92rem;color:#d1d5db;line-height:1.55;}
.pricing-includes li::before{content:'check';font-family:'Material Icons';font-size:1rem;color:#10b981;flex-shrink:0;line-height:1.5;}
.pricing-includes li strong{color:#fff;font-weight:600;}
.pricing-cta{display:block;width:100%;text-align:center;position:relative;z-index:1;margin-bottom:.9rem;}
.pricing-note{display:flex;align-items:flex-start;gap:.55rem;padding:.85rem 1rem;background:rgba(99,102,241,.06);border:1px solid rgba(99,102,241,.22);border-radius:8px;font-size:.82rem;color:#c7d2fe;line-height:1.65;position:relative;z-index:1;}
.pricing-note .ico{color:#a5b4fc;font-weight:800;flex-shrink:0;}
.pricing-note strong{color:#fff;font-weight:600;}

/* ── OPTIONAL CREDIT CARD ── */
.credit-card{max-width:820px;margin:0 auto;background:linear-gradient(145deg,rgba(16,185,129,.1),rgba(99,102,241,.04));border:1px solid rgba(16,185,129,.35);border-radius:18px;padding:2rem 2.2rem;position:relative;overflow:hidden;box-shadow:0 16px 50px rgba(0,0,0,.3);}
.credit-card::before{content:'';position:absolute;top:0;left:0;right:0;height:3px;background:linear-gradient(90deg,#10b981,#22c55e,#10b981);}
.credit-card .label{display:inline-flex;align-items:center;gap:.4rem;font-size:.7rem;font-weight:800;letter-spacing:.12em;text-transform:uppercase;color:#86efac;background:rgba(16,185,129,.14);border:1px solid rgba(16,185,129,.35);padding:.32rem .8rem;border-radius:100px;margin-bottom:.95rem;}
.credit-card h3{font-size:clamp(1.2rem,2.2vw,1.5rem);font-weight:800;color:#fff;letter-spacing:-.01em;margin-bottom:.7rem;line-height:1.3;}
.credit-card h3 .accent{color:#86efac;}
.credit-card p{font-size:.95rem;color:#cbd5e1;line-height:1.75;margin-bottom:.85rem;}
.credit-card p:last-child{margin-bottom:0;}
.credit-card p strong{color:#fff;font-weight:600;}
.credit-card .small{font-size:.82rem;color:#9ca3af;font-style:italic;line-height:1.65;}
.credit-card .small strong{color:#cbd5e1;font-style:normal;font-weight:600;}

/* How It Works mini-grid inside voucher card */
.voucher-how{display:grid;grid-template-columns:repeat(3,1fr);gap:.7rem;margin:1.1rem 0 1.2rem;}
.voucher-step{padding:.95rem 1rem;background:rgba(0,0,0,.25);border:1px solid rgba(16,185,129,.22);border-radius:10px;}
.voucher-step .num{display:inline-flex;align-items:center;justify-content:center;width:24px;height:24px;border-radius:7px;background:rgba(16,185,129,.18);border:1px solid rgba(16,185,129,.4);font-size:.72rem;font-weight:800;color:#86efac;margin-bottom:.4rem;}
.voucher-step .title{font-size:.84rem;font-weight:700;color:#fff;line-height:1.35;margin-bottom:.25rem;}
.voucher-step .desc{font-size:.78rem;color:#9ca3af;line-height:1.55;}

/* Worked examples table */
.voucher-examples{margin:1.1rem 0 1.2rem;background:rgba(0,0,0,.25);border:1px solid rgba(16,185,129,.22);border-radius:10px;overflow:hidden;}
.voucher-example-head{display:grid;grid-template-columns:1fr 1fr 1fr;gap:0;padding:.7rem 1rem;background:rgba(16,185,129,.08);border-bottom:1px solid rgba(16,185,129,.18);font-size:.7rem;font-weight:800;letter-spacing:.08em;text-transform:uppercase;color:#86efac;}
.voucher-example-row{display:grid;grid-template-columns:1fr 1fr 1fr;gap:0;padding:.7rem 1rem;border-top:1px solid rgba(255,255,255,.05);font-size:.88rem;color:#e5e7eb;}
.voucher-example-row:first-of-type{border-top:none;}
.voucher-example-row strong{color:#86efac;font-weight:700;}

/* Terms list */
.voucher-terms{margin-top:1.2rem;padding:.95rem 1.1rem;background:rgba(255,255,255,.02);border:1px solid rgba(255,255,255,.06);border-radius:8px;}
.voucher-terms .terms-label{font-size:.66rem;font-weight:800;letter-spacing:.12em;text-transform:uppercase;color:#9ca3af;margin-bottom:.55rem;}
.voucher-terms ul{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:.35rem;}
.voucher-terms li{font-size:.78rem;color:#9ca3af;line-height:1.6;display:flex;align-items:flex-start;gap:.5rem;font-style:normal;}
.voucher-terms li::before{content:'·';color:#86efac;font-weight:800;flex-shrink:0;}

@media(max-width:640px){
  .voucher-how,.voucher-example-head,.voucher-example-row{grid-template-columns:1fr !important;}
  .voucher-example-head{display:none;}
  .voucher-example-row{padding:.85rem 1rem;}
}

/* ── FAQ ── */
.faq-list{max-width:820px;margin:0 auto;display:flex;flex-direction:column;gap:.7rem;}
.faq-item{background:#0a0a0a;border:1px solid rgba(255,255,255,.07);border-radius:12px;overflow:hidden;transition:border-color .2s;}
.faq-item:hover{border-color:rgba(99,102,241,.28);}
.faq-item summary{padding:1.15rem 1.5rem;cursor:pointer;display:flex;align-items:center;justify-content:space-between;gap:1rem;font-size:.97rem;font-weight:600;color:#fff;list-style:none;}
.faq-item summary::-webkit-details-marker{display:none;}
.faq-item summary::after{content:'+';font-size:1.4rem;font-weight:300;color:#a5b4fc;transition:transform .2s;flex-shrink:0;line-height:1;}
.faq-item[open] summary::after{transform:rotate(45deg);}
.faq-item .faq-body{padding:0 1.5rem 1.3rem;}
.faq-item .faq-body p{font-size:.92rem;color:#9ca3af;line-height:1.75;}
.faq-item .faq-body p strong{color:#fff;font-weight:600;}

/* ── FINAL CTA ── */
.final-cta{padding:5.5rem 0;background:radial-gradient(ellipse at center,rgba(99,102,241,.14) 0%,transparent 60%),#0a0a0a;position:relative;overflow:hidden;text-align:center;border-top:1px solid rgba(255,255,255,.06);}
.final-cta-inner{position:relative;z-index:1;max-width:760px;margin:0 auto;padding:0 1.5rem;}
.final-cta h2{font-size:clamp(1.9rem,3.4vw,2.6rem);font-weight:800;line-height:1.18;letter-spacing:-.02em;color:#fff;margin-bottom:1rem;}
.final-cta h2 .accent{color:#6366f1;}
.final-cta p{font-size:1.06rem;color:#9ca3af;line-height:1.75;margin:0 auto 2rem;max-width:580px;}
.final-cta .foot{margin-top:1.5rem;font-size:.86rem;color:#9ca3af;font-style:italic;}
.final-cta .foot strong{color:#cbd5e1;font-weight:600;}
.final-cta .brandline{margin-top:2.5rem;font-size:.85rem;font-weight:700;letter-spacing:.18em;text-transform:uppercase;color:#a5b4fc;opacity:.9;}

/* ── FOOTER ── */
footer{background:#0a0a0a;border-top:1px solid rgba(255,255,255,.06);padding:2.5rem 0 2rem;}
.footer-inner{max-width:1200px;margin:0 auto;padding:0 2rem;display:flex;align-items:center;justify-content:space-between;gap:1.5rem;flex-wrap:wrap;}
.footer-left{display:flex;align-items:center;gap:1rem;flex-wrap:wrap;}
.footer-left img{height:30px;width:auto;}
.footer-left p{font-size:.82rem;color:#6b7280;}
.footer-right{display:flex;gap:1.2rem;font-size:.82rem;flex-wrap:wrap;}
.footer-right a{color:#6b7280;transition:color .2s;}
.footer-right a:hover{color:#a5b4fc;}

/* ── RESPONSIVE ── */
@media(max-width:1024px){
  .pain-grid,.get-grid,.discuss-grid{grid-template-columns:1fr 1fr;}
  .how-grid{grid-template-columns:1fr 1fr;}
}
@media(max-width:980px){
  .hero-grid{grid-template-columns:1fr;gap:2.5rem;}
  .hero-card{max-width:520px;}
}
@media(max-width:640px){
  .section-pad{padding:4rem 0;}
  .hero{padding:3.5rem 0 3rem;}
  .pain-grid,.get-grid,.discuss-grid,.fit-grid,.how-grid{grid-template-columns:1fr;}
  .pricing-amounts{grid-template-columns:1fr;}
  .scope-card ul{grid-template-columns:1fr;}
  .pricing-card{padding:2rem 1.5rem;}
  .hero-cta-row .btn{width:100%;}
  .nav-right a:not(.nav-cta){display:none;}
  .footer-inner{justify-content:center;text-align:center;}
  .wrap{padding:0 1.25rem;}
  .framework-row{padding:1.3rem 1.4rem;gap:1rem;}
  .scope-card{padding:1.7rem 1.5rem;}
}