.hero{padding-top:88px;padding-bottom:96px;position:relative;overflow:hidden}.hero__bg{background:radial-gradient(ellipse 60% 40% at 50% 0%, color-mix(in oklab, var(--primary) 22%, transparent), transparent 60%), radial-gradient(ellipse 40% 30% at 20% 100%, color-mix(in oklab, var(--primary) 10%, transparent), transparent 60%);pointer-events:none;position:absolute;inset:0}.hero__bg:before{content:"";background-image:linear-gradient(to right, var(--border-faint) 1px, transparent 1px), linear-gradient(to bottom, var(--border-faint) 1px, transparent 1px);opacity:.4;background-size:80px 80px;position:absolute;inset:0;-webkit-mask-image:radial-gradient(70% 60% at 50% 40%,#000,#0000 80%);mask-image:radial-gradient(70% 60% at 50% 40%,#000,#0000 80%)}.hero__inner{text-align:center;max-width:980px;margin:0 auto;position:relative}.hero .display{margin:20px 0 28px}.hero .display em{background:linear-gradient(120deg,#8b7ae0 0%,#b7a7ff 100%);color:#0000;-webkit-background-clip:text;background-clip:text;font-style:normal}.hero .lede{max-width:620px;margin:0 auto}.hero__cta{flex-wrap:wrap;justify-content:center;gap:12px;margin-top:36px;display:flex}.hero__stats{border-top:1px solid var(--border-faint);border-bottom:1px solid var(--border-faint);gap:0;margin-top:64px;display:flex}.hero__stat{border-right:1px solid var(--border-faint);text-align:left;flex:1;padding:24px 16px}.hero__stat:last-child{border-right:0}.hero__stat .num{letter-spacing:-.025em;color:var(--fg);font-size:28px;font-weight:700}.hero__stat .lbl{font-family:var(--ff-mono);text-transform:uppercase;letter-spacing:.1em;color:var(--fg-muted);margin-top:4px;font-size:11px}@media (max-width:700px){.hero{padding-top:40px;padding-bottom:64px}.hero .display{margin:16px 0 20px}.hero__cta{margin-top:24px}.hero__stats{flex-wrap:wrap;margin-top:40px}.hero__stat{border-bottom:1px solid var(--border-faint);flex-basis:50%}.hero__stat:nth-child(2){border-right:0}.hero__stat:nth-child(3),.hero__stat:nth-child(4){border-bottom:0}}.buddies-strip{flex-wrap:wrap;justify-content:center;gap:18px;margin-top:56px;display:flex}.buddies-strip .buddy-tile{animation:float-soft 5s var(--ease) infinite}.buddies-strip .buddy-tile:nth-child(2){animation-delay:.4s}.buddies-strip .buddy-tile:nth-child(3){animation-delay:.8s}.buddies-strip .buddy-tile:nth-child(4){animation-delay:1.2s}.buddies-strip .buddy-tile:nth-child(5){animation-delay:1.6s}.buddies-strip .buddy-tile:nth-child(6){animation-delay:2s}.section__head{grid-template-columns:1fr 1fr;align-items:end;gap:48px;margin-bottom:56px;display:grid}@media (max-width:780px){.section__head{grid-template-columns:1fr;gap:16px}}.feat{background:var(--bg);border:1px solid var(--border-faint);border-radius:var(--r-lg);transition:border-color .2s var(--ease), transform .2s var(--ease);padding:32px 28px;position:relative}.feat:hover{border-color:var(--border-strong);transform:translateY(-2px)}.feat__ico{background:color-mix(in oklab, var(--primary) 18%, var(--bg-elevated));width:40px;height:40px;color:var(--primary);border-radius:10px;place-items:center;margin-bottom:20px;display:grid}.feat h3{letter-spacing:-.015em;margin-bottom:8px;font-size:18px;font-weight:600}.feat p{color:var(--fg-muted);margin:0;font-size:14px;line-height:1.55}.adaptive-row{grid-template-columns:1fr 1fr;align-items:stretch;gap:16px;display:grid}@media (max-width:800px){.adaptive-row{grid-template-columns:1fr}}.buddies-grid{grid-template-columns:repeat(4,1fr);gap:16px;display:grid}@media (max-width:900px){.buddies-grid{grid-template-columns:repeat(2,1fr)}}@media (max-width:520px){.buddies-grid{grid-template-columns:1fr}}.buddy-card{background:var(--bg-card);border:1px solid var(--border-faint);border-radius:var(--r-lg);padding:24px;transition:border-color .2s,transform .2s;position:relative;overflow:hidden}.buddy-card:hover{border-color:var(--border-strong);transform:translateY(-2px)}.buddy-card__accent{background:var(--primary);height:3px;position:absolute;top:0;left:0;right:0}.buddy-card h4{letter-spacing:-.015em;font-size:17px;font-weight:600}.buddy-card .role{font-family:var(--ff-mono);text-transform:uppercase;letter-spacing:.08em;color:var(--fg-muted);margin-top:4px;font-size:11px}.buddy-card .bio{color:var(--fg-muted);margin-top:12px;font-size:13.5px;line-height:1.55}.buddy-card .traits{flex-wrap:wrap;gap:6px;margin-top:14px;display:flex}.buddy-card .trait{font-family:var(--ff-mono);letter-spacing:.06em;text-transform:uppercase;border-radius:var(--r-full);border:1px solid var(--border-faint);color:var(--fg-2);padding:4px 8px;font-size:10.5px}.modes-grid{border:1px solid var(--border-faint);border-radius:var(--r-xl);background:var(--bg-card);grid-template-columns:320px 1fr;gap:0;display:grid;overflow:hidden}.modes-list{border-right:1px solid var(--border-faint);background:var(--bg-inset);flex-direction:column;display:flex}.mode-item{border-bottom:1px solid var(--border-faint);cursor:pointer;text-align:left;align-items:flex-start;gap:12px;width:100%;padding:18px 24px;transition:background .15s;display:flex}.mode-item:last-child{border-bottom:0}.mode-item:hover{background:var(--bg-elevated)}.mode-item.active{background:var(--bg);border-left:2px solid var(--primary);padding-left:22px}.mode-item__num{font-family:var(--ff-mono);color:var(--fg-dim);min-width:18px;margin-top:2px;font-size:11px}.mode-item__t{font-size:14.5px;font-weight:500}.mode-item__d{color:var(--fg-muted);margin-top:2px;font-size:12.5px}.modes-detail{min-height:380px;padding:40px}.modes-detail h3{letter-spacing:-.025em;margin-bottom:12px;font-size:26px;font-weight:700}.modes-detail .lede{margin-bottom:24px;font-size:15px}.mode-example{background:var(--bg-inset);border:1px solid var(--border-faint);border-radius:var(--r-md);color:var(--fg-muted);padding:16px;font-size:13.5px;line-height:1.55}.mode-example .role-tag{font-family:var(--ff-mono);text-transform:uppercase;letter-spacing:.1em;color:var(--fg-dim);margin-bottom:4px;font-size:10.5px}.mode-example>div+div{margin-top:10px}@media (max-width:780px){.modes-grid{grid-template-columns:1fr}.modes-list{border-right:0;border-bottom:1px solid var(--border-faint);flex-direction:row;overflow-x:auto}.mode-item{border-bottom:0;border-right:1px solid var(--border-faint);flex:none;min-width:200px}.mode-item.active{border-left:0;border-bottom:2px solid var(--primary)}}.prep-grid{background:var(--border-faint);border-radius:var(--r-lg);border:1px solid var(--border-faint);grid-template-columns:repeat(4,1fr);gap:1px;display:grid;overflow:hidden}@media (max-width:700px){.prep-grid{grid-template-columns:repeat(2,1fr)}}.prep-card{background:var(--bg);padding:32px 24px;transition:background .18s}.prep-card:hover{background:var(--bg-elevated)}.prep-card .name{letter-spacing:-.03em;font-size:28px;font-weight:800}.prep-card .full{font-size:12px;font-family:var(--ff-mono);color:var(--fg-muted);text-transform:uppercase;letter-spacing:.08em;margin-top:6px}.prep-card .stats{color:var(--fg-muted);border-top:1px solid var(--border-faint);margin-top:24px;padding-top:16px;font-size:13px;line-height:1.6}.prep-card .stats strong{color:var(--fg)}.split{border:1px solid var(--border-faint);border-radius:var(--r-xl);grid-template-columns:1fr 1fr;gap:0;display:grid;overflow:hidden}@media (max-width:800px){.split{grid-template-columns:1fr}}.split__copy{background:var(--bg);padding:48px}.split__visual{background:var(--bg-card);border-left:1px solid var(--border-faint);padding:48px}@media (max-width:800px){.split__visual{border-left:0;border-top:1px solid var(--border-faint)}}.checklist{flex-direction:column;gap:12px;margin:24px 0 0;padding:0;list-style:none;display:flex}.checklist li{color:var(--fg-2);align-items:flex-start;gap:12px;font-size:14px;line-height:1.5;display:flex}.check{background:color-mix(in oklab, var(--primary) 20%, var(--bg-elevated));width:18px;height:18px;color:var(--primary);border-radius:50%;flex-shrink:0;place-items:center;margin-top:1px;display:grid}.check svg{width:10px;height:10px}.parents-row{grid-template-columns:1.4fr 1fr;align-items:center;gap:48px;display:grid}@media (max-width:800px){.parents-row{grid-template-columns:1fr}}.final-cta{background:linear-gradient(180deg, var(--bg) 0%, color-mix(in oklab, var(--primary) 12%, var(--bg)) 100%);border:1px solid var(--border);border-radius:var(--r-2xl);text-align:center;padding:80px 48px;position:relative;overflow:hidden}.final-cta:before{content:"";background:radial-gradient(ellipse 50% 40% at 50% 100%, color-mix(in oklab, var(--primary) 30%, transparent), transparent 70%);pointer-events:none;position:absolute;inset:0}.final-cta>*{position:relative}
