/* Client Homework: professional look (own brand, separate from K9PN) */
:root{--bg:#FFFBF2;--alt:#FFF6E5;--ink:#1D1B3A;--mut:#5b5977;--line:#E9DFC9;--acc:#6B4EFF;--acc2:#5638E6;--accsoft:#F1ECFF;--ok:#0FA37B;--oksoft:#DDF8EE;--warn:#B45309;--warnsoft:#FFF1CC;--bad:#E4472F;--badsoft:#FFE9E4;--sun:#FFC83D;--coral:#FF6B57;--mint:#27D6A0;--sky:#43B8FF;--r:16px;--sh:0 2px 0 rgba(29,27,58,.08),0 12px 30px rgba(29,27,58,.09);--f:'Poppins','Inter',system-ui,-apple-system,'Segoe UI',Roboto,sans-serif}
*{box-sizing:border-box;margin:0;padding:0}
html{scroll-behavior:smooth;scroll-padding-top:84px}
body{background:var(--bg);color:var(--ink);font:16px/1.6 var(--f);-webkit-font-smoothing:antialiased;overflow-x:hidden}
a{color:inherit}
button,input,select,textarea{font:inherit;color:inherit}
img,svg{max-width:100%;display:block}
.wrap{width:min(1180px,100% - 48px);margin:0 auto}
:focus-visible{outline:3px solid #9C86FF;outline-offset:2px;border-radius:8px}
h1,h2,h3,h4{font-weight:700;letter-spacing:-.02em;line-height:1.12}
h1{font-size:clamp(34px,4.4vw,56px);letter-spacing:-.03em}
h2{font-size:clamp(28px,3.4vw,40px)}
h3{font-size:20px}
.eyebrow{font:700 12px var(--f);letter-spacing:.14em;color:var(--acc);margin-bottom:14px}
.sub{color:var(--mut);font-size:18px;max-width:760px;margin-top:14px}
.lead{color:#2C2A52;font-size:19px;max-width:580px;margin-top:20px}
.fine{color:var(--mut);font-size:14px;margin-top:20px}
.fine a,.card a,.foot a,.fine2 a{text-decoration:underline;text-decoration-color:#B9A8FF;text-underline-offset:3px}

/* nav */
.nav{position:fixed;inset:0 0 auto;z-index:50;transition:.25s;border-bottom:1px solid transparent}
.nav.sc{background:rgba(255,255,255,.92);backdrop-filter:blur(10px);border-color:var(--line)}
.nav-in{display:flex;align-items:center;gap:28px;height:68px}
.logo{display:flex;align-items:center;gap:10px;text-decoration:none;font-size:19px;font-weight:500;letter-spacing:-.01em}
.logo b{font-weight:800}
.links{display:flex;gap:26px;margin-left:auto}
.links a{font-weight:500;font-size:15px;color:#2C2A52;text-decoration:none;transition:.2s}
.links a:hover{color:var(--acc)}
.burger{display:none;margin-left:auto;background:none;border:0;width:42px;height:42px;position:relative;cursor:pointer}
.burger span{position:absolute;left:10px;right:10px;height:2px;background:var(--ink);border-radius:2px;transition:.25s}
.burger span:first-child{top:16px}.burger span:last-child{top:25px}
.burger[aria-expanded=true] span:first-child{top:20px;transform:rotate(45deg)}
.burger[aria-expanded=true] span:last-child{top:20px;transform:rotate(-45deg)}

/* buttons */
.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:13px 24px;border-radius:10px;font:600 15px var(--f);border:1px solid transparent;cursor:pointer;text-decoration:none;transition:.2s}
.btn-primary{background:var(--acc);color:#fff;box-shadow:0 1px 2px rgba(79,70,229,.4)}
.btn-primary:hover{background:var(--acc2);transform:translateY(-1px)}
.btn-secondary{background:#fff;border-color:#D9CDB2;color:var(--ink)}
.btn-secondary:hover{border-color:var(--acc);color:var(--acc)}
.btn-sm{padding:9px 16px;font-size:14px}
.w100{width:100%}
.cta-row{display:flex;gap:12px;flex-wrap:wrap;margin-top:30px}

/* reveal */
.rv{transition:opacity .6s ease,transform .6s ease}
.anim .rv:not(.in){opacity:0;transform:translateY(16px)}
.d1{transition-delay:.08s}.d2{transition-delay:.16s}.d3{transition-delay:.24s}

/* hero */
.hero{padding:130px 0 40px;background:linear-gradient(180deg,#F6F1FF 0%,#fff 70%)}
.hero-in{display:grid;grid-template-columns:1.05fr .95fr;gap:56px;align-items:center}
.hero-card{background:#fff;border:1px solid var(--line);border-radius:18px;box-shadow:var(--sh);padding:22px}
.hc-head{display:flex;justify-content:space-between;align-items:flex-start;gap:12px;padding-bottom:14px;border-bottom:1px solid var(--line)}
.hc-head b{display:block;font-size:17px}.hc-head small{color:var(--mut);font-size:13px}
.hc-row{display:grid;grid-template-columns:38px 1fr 90px auto;gap:12px;align-items:center;padding:12px 0;border-bottom:1px solid #F3EBDA}
.hc-name b{display:block;font-size:14.5px}.hc-name small{display:block;color:var(--mut);font-size:12.5px;line-height:1.3}
.hc-foot{display:flex;justify-content:space-between;align-items:center;margin-top:14px;padding:12px 14px;background:var(--accsoft);border-radius:10px;font-size:14px;color:var(--acc2)}
.hc-foot b{font-weight:700}
.chip{display:inline-block;font:600 12px var(--f);padding:4px 10px;border-radius:99px;background:#F3EBDA;color:#2C2A52;white-space:nowrap}
.chip.ok{background:var(--oksoft);color:#0B7F5F}.chip.warn{background:var(--warnsoft);color:var(--warn)}.chip.bad{background:var(--badsoft);color:var(--bad)}.chip.acc{background:var(--accsoft);color:var(--acc2)}
.av{width:36px;height:36px;border-radius:50%;background:var(--accsoft);color:var(--acc2);display:grid;place-items:center;font:700 12px var(--f);flex:none}
.av.b{background:#DDF1FF;color:#0369A1}.av.c{background:#FDE8E8;color:#B42318}.av.d{background:#E6F6EF;color:#0B7F5F}
.bar{height:8px;background:#EFE6D2;border-radius:6px;overflow:hidden}
.bar i{display:block;height:100%;width:var(--w);background:var(--acc);border-radius:6px}
.fields-strip{display:flex;flex-wrap:wrap;gap:8px 10px;margin-top:44px;padding-top:26px;border-top:1px solid var(--line)}
.fields-strip span{font-size:14px;color:var(--mut);font-weight:500;padding:6px 14px;border:1px solid var(--line);border-radius:99px;background:#fff}

/* sections */
.sec{padding:96px 0}
.sec.alt{background:var(--alt);border-block:1px solid var(--line)}
.sec-head{margin-bottom:40px}
.steps4{list-style:none;display:grid;grid-template-columns:repeat(4,1fr);gap:20px}
.steps4 li{background:#fff;border:1px solid var(--line);border-radius:var(--r);padding:26px;box-shadow:0 1px 2px rgba(16,24,40,.04)}
.steps4 .n{display:grid;place-items:center;width:34px;height:34px;border-radius:50%;background:var(--accsoft);color:var(--acc2);font-weight:700;margin-bottom:16px}
.steps4 p{color:var(--mut);font-size:15px;margin-top:8px}

/* mode switch + tabs */
.modes{display:inline-flex;gap:4px;padding:4px;background:#F3EBDA;border-radius:10px;margin-bottom:18px;flex-wrap:wrap}
.modes button{background:none;border:0;padding:9px 18px;border-radius:8px;font:600 14px var(--f);color:#2C2A52;cursor:pointer;transition:.2s}
.modes button.on{background:#fff;color:var(--acc2);box-shadow:0 1px 3px rgba(16,24,40,.12)}
.ftabs{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:28px}
.ftabs button{background:#fff;border:1px solid #D9CDB2;padding:8px 15px;border-radius:99px;font:500 14px var(--f);cursor:pointer;transition:.2s}
.ftabs button:hover{border-color:var(--acc);color:var(--acc)}
.ftabs button.on{background:var(--acc);border-color:var(--acc);color:#fff}

/* sample program */
.prog{background:#fff;border:1px solid var(--line);border-radius:18px;box-shadow:var(--sh);overflow:hidden}
.pg-top{padding:26px 28px;border-bottom:1px solid var(--line);background:linear-gradient(180deg,#FAFBFF,#fff)}
.pg-top h3{font-size:24px}
.pg-meta{display:flex;flex-wrap:wrap;gap:8px;margin-top:12px}
.pg-grid{display:grid;grid-template-columns:1.7fr 1fr}
.syl{border-right:1px solid var(--line)}
.syl-h,.syl-r{display:grid;grid-template-columns:34px 1.1fr 1.15fr 1.15fr 1fr;gap:14px;padding:14px 22px;align-items:start}
.syl-h{font:700 11px var(--f);letter-spacing:.1em;text-transform:uppercase;color:var(--mut);background:var(--alt);border-bottom:1px solid var(--line)}
.syl-r{border-bottom:1px solid #F3EBDA;font-size:14px;line-height:1.45;cursor:pointer;transition:.15s;text-align:left;width:100%;background:#fff;border-left:0;border-right:0;border-top:0}
.syl-r:hover{background:#FAFBFF}
.syl-r.sel{background:var(--accsoft);box-shadow:inset 3px 0 0 var(--acc)}
.syl-r .mn{width:26px;height:26px;border-radius:50%;background:#F3EBDA;display:grid;place-items:center;font:700 12px var(--f)}
.syl-r.sel .mn{background:var(--acc);color:#fff}
.syl-r b{display:block;font-size:14.5px;margin-bottom:2px}
.syl-r small{color:var(--mut);font-size:12.5px}
.who{padding:24px;display:grid;gap:16px;align-content:start}
.who-h{display:flex;gap:12px;align-items:center}
.who-h b{display:block}.who-h small{color:var(--mut);font-size:13px}
.who h5{font:700 11px var(--f);letter-spacing:.1em;text-transform:uppercase;color:var(--mut)}
.mlist{display:grid;gap:8px}
.mrow{display:flex;justify-content:space-between;align-items:center;gap:10px;font-size:14px;padding:9px 12px;border:1px solid var(--line);border-radius:10px}
.mrow.sel{border-color:var(--acc);background:var(--accsoft)}
.sub-card{border:1px solid var(--line);border-radius:12px;overflow:hidden}
.vid{background:#101828;color:#fff;padding:22px 16px;display:flex;align-items:center;gap:12px;font-size:13px}
.vid i{width:34px;height:34px;border-radius:50%;background:rgba(255,255,255,.18);display:grid;place-items:center;font-style:normal;font-size:13px;flex:none}
.sub-b{padding:14px 16px;font-size:14px}
.sub-b small{display:block;color:var(--mut);font-size:12px;margin-bottom:4px}
.sub-b p{margin-top:6px}
.sub-b .chips{display:flex;gap:6px;flex-wrap:wrap;margin-top:10px}
.note{margin:0;padding:14px 28px;background:var(--warnsoft);color:#7A3E06;font-size:13.5px;border-top:1px solid #F5DDB8}

/* learner phone */
.lv-grid{display:grid;grid-template-columns:1fr 400px;gap:64px;align-items:center}
.lv-copy h3{font-size:28px;margin-bottom:10px}
.lv-copy .lead2{color:#2C2A52;font-size:17px;max-width:560px}
.lv-copy ul,.tick{list-style:none;display:grid;gap:10px;margin:22px 0}
.lv-copy li,.tick li,.tier li{position:relative;padding-left:28px;font-size:15.5px}
.lv-copy li:before,.tick li:before,.tier li:before{content:"";position:absolute;left:0;top:4px;width:18px;height:18px;border-radius:50%;background:var(--oksoft) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Cpath d='M4 8.5l2.5 2.5L12 5.5' fill='none' stroke='%230E9F6E' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") center/12px no-repeat}
.fnote{border:1px solid #F5DDB8;background:var(--warnsoft);color:#7A3E06;border-radius:10px;padding:12px 14px;font-size:14px}
.phone-wrap{display:flex;justify-content:center}
.phone{position:relative;width:370px;background:#fff;border:1px solid #D9CDB2;border-radius:36px;padding:34px 18px 20px;box-shadow:var(--sh)}
.notch{position:absolute;top:10px;left:50%;transform:translateX(-50%);width:80px;height:6px;background:#E9DFC9;border-radius:6px}
.pscr{display:grid;gap:10px;font-size:14px;min-height:560px;align-content:start}
.fcopy.swap,.pscr.swap{animation:fade .35s ease}
@keyframes fade{from{opacity:0;transform:translateY(8px)}to{opacity:1;transform:none}}
.ph-head{display:flex;gap:12px;align-items:center;background:var(--acc);color:#fff;border-radius:12px;padding:12px 14px}
.ph-head b{display:block;font-size:16px;line-height:1.15}.ph-head small{opacity:.85;font-size:12px}
.ph-head .av{background:#fff;color:var(--acc2)}
.ph-h{font:700 11px var(--f);letter-spacing:.1em;color:var(--mut);margin-top:4px;display:flex;justify-content:space-between;text-transform:uppercase}
.tasks{list-style:none;display:grid;gap:7px}
.tasks li{display:flex;align-items:center;gap:10px;padding:9px 10px;border:1px solid var(--line);border-radius:10px;font-weight:500;cursor:pointer;background:#fff;transition:.2s;user-select:none}
.tasks li:hover{border-color:#B9A8FF}
.tasks .day{font:600 10px var(--f);background:#F3EBDA;color:#2C2A52;padding:3px 7px;border-radius:99px}
.tasks em{margin-left:auto;font-style:normal;color:var(--mut);font-weight:500;font-size:12px}
.tasks .box{flex:none;width:20px;height:20px;border:1.5px solid #B7B2C8;border-radius:6px;display:grid;place-items:center;background:#fff;color:#fff;font-size:12px}
.tasks li.ok{background:var(--oksoft);border-color:#BFE6D4}
.tasks li.ok .box{background:var(--ok);border-color:var(--ok)}
.tasks li.ok .box:after{content:"\2713";font-weight:800}
.tasks li.ok span.t{color:#2B6B52}
.quiz{border:1px solid #DDD2FF;border-radius:12px;padding:12px;background:#FAF6FF}
.quiz h5{font:700 13px/1.3 var(--f);margin-bottom:9px}
.quiz .opts{display:grid;gap:6px}
.opt{text-align:left;background:#fff;border:1px solid #D9CDB2;border-radius:9px;padding:8px 10px;font:500 13px/1.3 var(--f);cursor:pointer;transition:.15s}
.opt:hover:not(:disabled){border-color:var(--acc)}
.opt.wrong{background:var(--badsoft);border-color:#F4C2AE;color:var(--bad);animation:shake .35s}
.opt:disabled{cursor:default}
@keyframes shake{25%{transform:translateX(-4px)}75%{transform:translateX(4px)}}
.qmsg{font:600 12.5px var(--f);margin-top:8px;min-height:16px}
.qmsg.ok{color:#0B7F5F}.qmsg.no{color:var(--bad)}
.sendbtn{border:0;background:var(--acc);color:#fff;border-radius:10px;padding:12px;font:600 15px var(--f);cursor:pointer;transition:.15s;position:relative;overflow:hidden}
.sendbtn:hover:not(:disabled){background:var(--acc2)}
.sendbtn:disabled{background:#E9DFC9;color:#8A8699;cursor:not-allowed}
.sendbtn i{position:absolute;left:0;top:0;bottom:0;width:0;background:rgba(255,255,255,.25)}
.sendbtn.up i{animation:fill 1.1s linear forwards}
@keyframes fill{to{width:100%}}
.sendbtn span{position:relative}
.chat{display:grid;gap:8px}
.bub{max-width:92%;padding:9px 12px;border-radius:12px;font-size:13px;line-height:1.4;animation:fade .35s both}
.bub.me{background:var(--accsoft);color:var(--acc2);justify-self:end;border-bottom-right-radius:3px;font-weight:600}
.bub.ai{background:#F6EEDD;border-bottom-left-radius:3px}
.lad{display:grid;grid-template-columns:repeat(4,1fr);gap:5px}
.lad i{font:600 10px/1.15 var(--f);font-style:normal;text-align:center;padding:8px 2px;border-radius:8px;background:#F3EBDA;color:var(--mut)}
.lad i.d{background:var(--oksoft);color:#0B7F5F}
.lad i.c{background:var(--acc);color:#fff}
.xp{height:8px;border-radius:6px;background:#EFE6D2;overflow:hidden}
.xp i{display:block;height:100%;width:0;background:var(--acc);transition:width .6s ease}
.xplab{display:flex;justify-content:space-between;font:600 11px var(--f);color:var(--mut)}
.banner{text-align:center;background:var(--oksoft);color:#0B7F5F;border-radius:10px;padding:10px;font:700 15px var(--f);animation:fade .4s both}

/* two uses */
.two{display:grid;grid-template-columns:1fr 1fr;gap:24px}
.panel,.card,.mini,.scard{background:#fff;border:1px solid var(--line);border-radius:var(--r);padding:28px;box-shadow:0 1px 2px rgba(16,24,40,.04)}
.panel h3{font-size:22px}
.card p,.scard p,.mini p{color:var(--mut);margin-top:6px;font-size:15px}
.grid3{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}
.crm-points{margin-top:32px}

/* apprenticeship */
.phases{list-style:none;display:grid;grid-template-columns:repeat(4,1fr);gap:16px;margin-bottom:14px}
.phases li{background:#fff;border:1px solid var(--line);border-radius:var(--r);padding:22px;cursor:pointer;transition:.25s;position:relative}
.phases li:hover{border-color:#B9A8FF}
.phases .n{display:grid;place-items:center;width:32px;height:32px;border-radius:50%;background:#F3EBDA;font-weight:700;margin-bottom:12px}
.phases b{display:block;font-size:18px}
.phases p{color:var(--mut);font-size:14.5px;margin-top:6px}
.phases em{display:block;margin-top:12px;padding-top:10px;border-top:1px solid var(--line);font:600 12.5px var(--f);font-style:normal;color:var(--mut)}
.phases li.on{border-color:var(--acc);box-shadow:0 0 0 3px #E4DCFF}
.phases li.on .n{background:var(--acc);color:#fff}
.phases li.done{background:var(--oksoft);border-color:#BFE6D4}
.phases li.done .n{background:var(--ok);color:#fff}
.phases li.done em{color:#0B7F5F}
.stamp-btn{display:none;margin-top:14px;width:100%;border:0;background:var(--acc);color:#fff;border-radius:8px;padding:9px;font:600 14px var(--f);cursor:pointer}
.stamp-btn:hover{background:var(--acc2)}
.phases li.on .stamp-btn{display:block}
.stamp{position:absolute;right:14px;top:16px;font:700 12px var(--f);font-style:normal;color:#0B7F5F;background:#fff;border:1px solid #BFE6D4;border-radius:99px;padding:3px 10px;opacity:0;transform:scale(.8);transition:.3s}
.phases li.done .stamp{opacity:1;transform:none}
.phbar{height:6px;background:#E9DFC9;border-radius:6px;overflow:hidden;margin-bottom:14px}
.phbar i{display:block;height:100%;width:0;background:var(--acc);transition:width .5s ease}
.done-msg{font-weight:600;color:#0B7F5F;margin-bottom:10px}
.done-msg button{margin-left:10px;background:#fff;border:1px solid #D9CDB2;border-radius:8px;padding:5px 12px;font:600 13px var(--f);cursor:pointer;color:var(--ink)}
.cohort{display:grid;grid-template-columns:1.1fr .9fr;gap:40px;align-items:start;margin-top:40px}
.dash{background:#fff;border:1px solid var(--line);border-radius:16px;box-shadow:var(--sh);padding:22px}
.dash-h{display:flex;justify-content:space-between;align-items:baseline;margin-bottom:8px}
.dash-h b{font-size:17px}.dash-h span{font-size:12px;color:var(--mut)}
.crow{display:grid;grid-template-columns:38px 110px 1fr 140px;gap:14px;align-items:center;padding:13px 0;border-top:1px solid #F3EBDA}
.crow b{font-size:14.5px}
.crow em{font-style:normal;color:var(--mut);font-weight:600;font-size:13px;text-align:right}
.crow em.warn{color:var(--bad)}
.so{border:0;background:var(--ok);color:#fff;border-radius:8px;padding:7px 12px;font:600 13px var(--f);cursor:pointer;justify-self:end}
.so:hover{filter:brightness(.93)}
.so.signed{background:var(--oksoft);color:#0B7F5F;cursor:default}
.ready{margin-top:12px;background:var(--accsoft);border-radius:10px;padding:12px 14px;color:var(--acc2)}
.ready small{display:block;font:600 12px var(--f)}.ready b{font-size:16px}
.cohort-copy{display:grid;gap:12px}
.mini{padding:18px 22px}
.mini b{font-size:16px}
.fine2{color:var(--mut);font-size:13px}

/* CRM */
.pipe{display:grid;grid-template-columns:repeat(4,1fr);gap:14px;margin-bottom:6px}
.pcol{background:var(--alt);border:1px solid var(--line);border-radius:14px;padding:12px;min-height:220px}
.pcol h4{font:700 12px var(--f);letter-spacing:.08em;color:var(--mut);margin:2px 4px 10px;display:flex;justify-content:space-between;text-transform:uppercase}
.pcol h4 em{font-style:normal;background:#fff;border:1px solid var(--line);border-radius:99px;padding:0 8px;color:var(--ink)}
.pcard{display:block;width:100%;text-align:left;background:#fff;border:1px solid var(--line);border-radius:10px;padding:10px 12px;margin-bottom:8px;font:600 14px var(--f);cursor:pointer;transition:.2s;animation:fade .35s both;box-shadow:0 1px 2px rgba(16,24,40,.04)}
.pcard:hover{border-color:var(--acc);transform:translateY(-1px)}
.pcard small{display:block;color:var(--mut);font-weight:400;font-size:12.5px;margin-top:1px}
.pcard.flash{animation:flash .9s ease}
@keyframes flash{0%{background:var(--accsoft);border-color:var(--acc)}100%{background:#fff}}
.pcol:last-child{background:var(--oksoft);border-color:#BFE6D4}

/* plans */
.tiers{display:grid;grid-template-columns:1fr 1fr;gap:24px}
.tier{background:#fff;border:1px solid var(--line);border-radius:18px;padding:32px;display:flex;flex-direction:column;box-shadow:0 1px 2px rgba(16,24,40,.04)}
.tier.hot{border-color:var(--acc);box-shadow:0 0 0 1px var(--acc),var(--sh)}
.tag{display:inline-block;align-self:flex-start;font:700 11px var(--f);letter-spacing:.12em;color:var(--acc2);background:var(--accsoft);padding:5px 11px;border-radius:99px;margin-bottom:14px}
.tier h3{font-size:28px;margin-bottom:6px}
.t-sub{color:var(--mut);margin-bottom:20px}
.tier ul{list-style:none;display:grid;gap:11px;margin-bottom:26px;flex:1}
.sell{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;margin-top:24px}
.scard{padding:20px 22px}.scard b{font-size:16px}

/* apply */
.apply{border-top:1px solid var(--line)}
.apply-in{display:grid;grid-template-columns:.8fr 1.2fr;gap:56px;align-items:start}
.apply-copy{position:sticky;top:100px}
.next-list{list-style:none;display:grid;gap:16px;margin-top:30px}
.next-list li{display:flex;gap:14px;align-items:flex-start}
.next-list b{flex:none;width:30px;height:30px;border-radius:50%;background:var(--accsoft);color:var(--acc2);display:grid;place-items:center;font-size:14px}
.form{background:#fff;border:1px solid var(--line);border-radius:18px;padding:30px;box-shadow:var(--sh)}
.form label{display:block;font:600 14px var(--f);margin-bottom:14px}
.form input:not([type=checkbox]):not([type=radio]),.form textarea,.form select{display:block;width:100%;margin-top:6px;background:#fff;border:1px solid #D9CDB2;border-radius:9px;padding:11px 13px;outline:0;font-size:15px;font-weight:400;transition:.2s}
.form input:focus,.form textarea:focus,.form select:focus{border-color:var(--acc);box-shadow:0 0 0 3px #E4DCFF}
.form .bad{border-color:#E4572E!important;background:#FFF6F3!important}
.r2{display:grid;grid-template-columns:1fr 1fr;gap:14px}
.r3{display:grid;grid-template-columns:2fr 1fr;gap:14px}
fieldset{border:0;margin:6px 0 16px}
legend{font:700 14px var(--f);margin-bottom:10px}
legend small{font-weight:400;color:var(--mut)}
.radios{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}
.radios.sm{margin-top:10px;margin-bottom:12px}
.rc{margin:0!important;cursor:pointer;position:relative}
.rc input{position:absolute;opacity:0;pointer-events:none}
.rc span{display:block;height:100%;border:1px solid #D9CDB2;border-radius:10px;padding:10px 12px;background:#fff;transition:.2s}
.rc b{display:block;font-size:14px;line-height:1.25}
.rc small{display:block;color:var(--mut);font-size:12px;margin-top:2px;font-weight:400}
.rc:hover span{border-color:#A19DB5}
.rc input:checked+span{border-color:var(--acc);background:var(--accsoft);box-shadow:0 0 0 1px var(--acc)}
.rc input:focus-visible+span{outline:3px solid #9C86FF}
.checks{display:grid;grid-template-columns:1fr 1fr;gap:2px 14px}
.checks label,.one,.consent{display:flex!important;gap:10px;align-items:flex-start;font-weight:400!important;font-size:14.5px!important;margin-bottom:9px!important;cursor:pointer}
input[type=checkbox]{width:18px;height:18px;accent-color:var(--acc);flex:none;margin-top:3px}
.hp{position:absolute!important;left:-9999px;width:1px;height:1px;opacity:0}
.err{color:#9A2A0F;background:#FFF1EC;border:1px solid #F5C6B5;border-radius:9px;padding:10px 14px;font-size:14px;margin-bottom:12px}
.big-btn{padding:15px;font-size:16px}
.big-btn[disabled]{opacity:.6;cursor:wait}
.f-ok{text-align:center;padding:30px 10px}
.f-ok h3{font-size:30px;margin:14px 0 8px}
.f-ok p{color:var(--mut);margin-bottom:22px}
.check{width:72px;height:72px;margin:0 auto;color:var(--ok)}
.check circle{stroke-dasharray:152;stroke-dashoffset:152;animation:dr .7s ease forwards}
.check path{stroke-dasharray:50;stroke-dashoffset:50;animation:dr .5s .55s ease forwards}
@keyframes dr{to{stroke-dashoffset:0}}
.foot{padding:48px 0;border-top:1px solid var(--line);background:var(--alt);text-align:center}
.foot-in{display:grid;gap:12px;justify-items:center}
.foot p{color:var(--mut);font-size:14px;max-width:560px}.foot .mut{font-size:13px}

/* responsive */
@media(max-width:1020px){
  .hero-in,.lv-grid,.cohort,.apply-in,.two,.tiers,.pg-grid{grid-template-columns:1fr}
  .syl{border-right:0;border-bottom:1px solid var(--line)}
  .steps4,.phases,.pipe{grid-template-columns:1fr 1fr}
  .grid3,.sell{grid-template-columns:1fr}
  .apply-copy{position:static}
  .links{display:none;position:absolute;top:68px;left:0;right:0;flex-direction:column;gap:0;background:#fff;border-bottom:1px solid var(--line);padding:8px 24px}
  .nav.open .links{display:flex}.links a{padding:12px 0}
  .burger{display:block}.nav-cta{display:none}
  .syl-h{display:none}
  .syl-r{grid-template-columns:30px 1fr;gap:6px 12px}
  .syl-r>div:nth-child(n+3){grid-column:2}
  .syl-r>div:nth-child(n+3):before{content:attr(data-l);display:block;font:700 10.5px var(--f);letter-spacing:.08em;text-transform:uppercase;color:var(--mut);margin-bottom:1px}
}
@media(max-width:560px){
  .steps4,.phases,.pipe,.r2,.r3,.radios,.checks{grid-template-columns:1fr}
  .phone{width:min(360px,100%)}
  .hc-row{grid-template-columns:36px 1fr auto}.hc-row .bar{display:none}
  .crow{grid-template-columns:36px 1fr}.crow .bar{display:none}.crow em,.crow .so{grid-column:1/-1;justify-self:start;text-align:left}
  .sec{padding:68px 0}
}
@media(prefers-reduced-motion:reduce){*{animation:none!important;transition:none!important}html{scroll-behavior:auto}}

/* ===== Brand layer: matches the narrated video (grape / sun / coral / mint on cream) ===== */
.hero{background:radial-gradient(900px 420px at 88% 8%,rgba(255,200,61,.28),transparent 60%),radial-gradient(700px 380px at 0% 0%,rgba(107,78,255,.12),transparent 60%),linear-gradient(180deg,#FFF6E5 0%,#FFFBF2 75%)}
.hero h1{position:relative}
.btn-primary{background:var(--acc);box-shadow:0 4px 0 #1D1B3A;border:2px solid #1D1B3A}
.btn-primary:hover{box-shadow:0 6px 0 #1D1B3A;transform:translateY(-2px);background:var(--acc)}
.btn-secondary{border:2px solid #1D1B3A;background:#fff}
.hero-card{border:2px solid #1D1B3A;box-shadow:8px 8px 0 #FFC83D}
.eyebrow,.eb{color:var(--acc)}
nav .btn-primary,.nav .btn-primary{box-shadow:0 3px 0 #1D1B3A}
.chip.on,.tab.on,.pill.on{background:var(--acc);color:#fff;border-color:#1D1B3A}
.foot{background:#1D1B3A;color:#E9E5FF}
.foot a{color:#FFC83D}
.mark-sun{background:linear-gradient(transparent 62%,#FFC83D 62%,#FFC83D 92%,transparent 92%);padding:0 .08em}