/* Ai-Neut template refresh (Oct 2026). Loads after style.css + motion.css; restyles only — no motion rules removed. */
:root{--cream:#FBF8F4;--lav:#F4EFFB;--lav2:#E8DFF7;--lav3:#CFC2EC;--purple:#5B3A99;--ink:#2B2350;--muted:#544B6B;--navy:#1F2A5C;--orange:#A84B07;--orange-hi:#F28C28;--orange-soft:#FFB870;--sans:system-ui,-apple-system,"Segoe UI",Roboto,"Helvetica Neue",Arial,sans-serif;--serif:Georgia,"Times New Roman",serif}
body{font-family:var(--sans);background:var(--cream);color:var(--ink);line-height:1.55}
h1,h2,h3{font-family:var(--serif);color:var(--ink);letter-spacing:-.01em}
h2{color:var(--ink)}
.o,.hl{color:var(--orange)}
/* nav */
nav{background:rgba(255,255,255,.92);backdrop-filter:saturate(1.4) blur(10px);-webkit-backdrop-filter:saturate(1.4) blur(10px);border-bottom:1px solid var(--lav2);padding:12px 5%;gap:12px}
nav a{font-family:var(--sans);color:var(--ink);font-weight:600;font-size:.98rem;margin-left:0}
nav .links{gap:4px 22px}
nav .links a:not(.btn){padding:8px 2px}
a.logo{display:inline-flex;align-items:center;gap:8px;font-family:var(--serif);font-size:1.45rem;color:var(--ink)}
a.logo::before{content:"";width:34px;height:34px;flex:none;background:url(img/neuts/neut-orange-240.webp) center/contain no-repeat}
nav .btn{padding:10px 20px}
@media(max-width:700px){nav{flex-direction:row;flex-wrap:wrap;justify-content:space-between;padding:10px 4%}nav .links{width:100%;justify-content:center;gap:2px 16px;font-size:.94rem}nav .links .btn{order:-1;flex-basis:100%;text-align:center;margin:2px 0 4px;padding:9px 18px}a.logo{font-size:1.3rem}}
/* buttons */
.btn{background:var(--orange);font-family:var(--sans);font-weight:700;border-radius:999px;padding:12px 24px;box-shadow:0 6px 16px rgba(185,83,9,.22);transition:transform .28s var(--ease),box-shadow .28s var(--ease),filter .28s,background .25s}
.btn:hover{background:#8F3F05;transform:translateY(-2px);box-shadow:0 10px 22px rgba(185,83,9,.28)}
.btn.alt{background:var(--purple);box-shadow:0 6px 16px rgba(91,58,153,.22)}
.btn.ghost{background:#fff;color:var(--ink)!important;border:1.5px solid var(--lav3);box-shadow:none}
.btn.ghost:hover{border-color:var(--purple);background:var(--lav)}
.btn.big{padding:14px 28px;font-size:1.05rem}
a:focus-visible,button:focus-visible{outline:3px solid var(--purple);outline-offset:3px}
/* cards */
.card{border-top:0;border:1px solid var(--lav2);border-radius:20px;box-shadow:0 4px 18px rgba(43,35,80,.06)}
.card h3,.card h3 a{color:var(--ink)}
.eyebrow{font-family:var(--sans);color:var(--orange)}
.hero-copy .eyebrow{text-align:inherit;font-size:.78rem;margin:0 0 12px}
.tag{display:inline-block;font:700 .68rem/1 var(--sans);letter-spacing:.1em;text-transform:uppercase;color:var(--purple);background:var(--lav);border:1px solid var(--lav2);border-radius:999px;padding:6px 10px}
.badge{opacity:1;border:1.5px solid var(--lav3);border-style:solid;border-radius:999px;background:#fff;color:var(--ink);font:600 .88rem var(--sans);padding:8px 14px}
/* store pills: wrap, never overlap */
.store-pills{display:flex;flex-wrap:wrap;gap:10px;align-items:center;margin:14px 0 0;padding:0;list-style:none}
.store-pill{display:inline-flex;align-items:center;gap:8px;white-space:nowrap;background:#fff;color:var(--ink);border:1.5px solid var(--lav3);border-radius:999px;padding:8px 14px 8px 10px;font:600 .86rem/1.2 var(--sans)}
.store-pill svg{width:18px;height:18px;flex:none}
.store-pill small{font-weight:500;color:var(--muted);font-size:inherit}
@media(max-width:360px){.store-pill{white-space:normal}}
.included{font:600 .92rem var(--sans);color:var(--muted);margin:12px 0 0}
.included b{color:var(--ink)}
/* footer */
footer{background:var(--navy);color:#E9E6F5;line-height:1.9}
footer a{color:#FFD3A8}
/* botanical / circuit edges */
.botanic{position:absolute;top:0;width:clamp(70px,13vw,190px);height:auto;pointer-events:none;z-index:0;opacity:.95}
.botanic.l{left:-8px}.botanic.r{right:-8px;transform:scaleX(-1)}
@media(max-width:700px){.botanic{width:64px;opacity:.55}}
/* ===== Home hero ===== */
.stage-hero{position:relative;isolation:isolate;grid-template-columns:minmax(0,.92fr) minmax(0,1.08fr);gap:28px 40px;padding:52px 6% 44px;min-height:0;align-items:center}
.stage-hero::before{background:radial-gradient(ellipse at 30% 20%,#fff 0,rgba(255,255,255,.75) 40%,rgba(244,239,251,.9) 75%),linear-gradient(180deg,#FBF9FE,#F1EBFA)}
.stage-hero h1{color:var(--ink);font-size:clamp(2.2rem,4.6vw,3.7rem);line-height:1.06}
.stage-hero .lede{font-family:var(--sans);font-size:1.15rem;color:var(--muted)}
.stage-hero .hero-copy{z-index:2}
.hero-cta{display:flex;flex-wrap:wrap;gap:12px;margin:22px 0 4px}
.hero-visual{position:relative;z-index:1;min-width:0;padding:0 0 64px}
.laptop{position:relative;width:84%;margin:0 0 0 0}
.lt-screen{background:#fff;border:10px solid #2A2438;border-bottom-width:14px;border-radius:16px 16px 6px 6px;box-shadow:0 26px 60px rgba(43,35,80,.18);overflow:hidden;font-family:var(--sans)}
.lt-base{height:14px;margin:0 -7%;background:linear-gradient(#D9D5E2,#B9B3C9);border-radius:0 0 18px 18px;box-shadow:0 10px 18px rgba(43,35,80,.12)}
.lt-bar{display:flex;align-items:center;justify-content:space-between;padding:10px 14px;border-bottom:1px solid var(--lav2);font-size:.82rem;color:var(--ink)}
.lt-bar b{font-family:var(--serif);font-size:1rem}
.lt-bar span{background:var(--lav);border-radius:999px;padding:3px 10px;font-weight:600;color:var(--purple);font-size:.72rem}
.lt-week{display:grid;grid-template-columns:repeat(7,1fr);min-height:220px}
.lt-week>div{border-right:1px solid #EFEAF7;padding:6px 4px;font-size:.62rem;color:var(--muted);min-width:0}
.lt-week>div:last-child{border-right:0}
.lt-week b{display:block;font-size:.66rem;color:var(--ink);margin-bottom:6px;text-align:center}
.lt-week i{display:block;font-style:normal;border-radius:6px;padding:4px 5px;margin-bottom:5px;font-weight:600;line-height:1.2;color:#2B2350;overflow:hidden;text-overflow:ellipsis}
.ev1{background:#FFE3C7}.ev2{background:#E3D8F8}.ev3{background:#D6EEDD}.ev4{background:#D9E6FB}.ev5{background:#FBD9E2}
.stage-hero .hero-visual .stage{position:absolute;right:0;top:6%;width:min(32%,230px);z-index:2;justify-self:auto}
.hero-visual .stage .screen{border-radius:28px;box-shadow:0 26px 50px rgba(43,35,80,.3),0 0 0 7px #1F1A2B;max-height:none}
.hero-visual .stage .slide .chip{font-size:.72rem;left:10px;bottom:12px}
.hero-visual .stage .slide .chip+.chip{left:auto;right:10px;top:12px;bottom:auto}
.hero-visual .thumbs{gap:6px;margin-top:14px;justify-content:flex-end}
.hero-visual .thumbs button{width:44px;height:44px;border-radius:12px}
.hero-visual .floaty{z-index:3}
.hero-visual .floaty.front-o{left:6%;bottom:2%}
.hero-visual .floaty.front-s{left:40%;bottom:0}
.stage-hero .hero-visual .floaty.hero-friend img{--w:clamp(120px,15vw,190px)}
.hero-visual .floaty.front-s img{--w:clamp(110px,13vw,170px)}
@media (prefers-reduced-motion:reduce){.hero-visual .floaty{display:block!important}.hero-visual .floaty img{animation:none}}
.stage-hero .scroll-cue{bottom:8px}
/* the 3 template cards */
.hero-cards{grid-column:1/-1;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px;position:relative;z-index:2;margin-top:6px}
.hcard{position:relative;overflow:hidden;display:flex;flex-direction:column;min-height:200px;padding:22px 36% 18px 22px!important;background:linear-gradient(160deg,#fff 55%,#F6F1FD)}
.hcard h3{font-size:1.3rem;margin:0 0 6px}
.hcard p{margin:0 0 14px;color:var(--muted);font-size:.95rem}
.hcard .who{margin-top:auto;font:700 .9rem var(--sans);color:var(--ink)}
.hcard .who .tag{display:block;width:max-content;margin-top:4px}
.hcard img{position:absolute;right:0;bottom:0;width:auto;height:auto;max-width:40%;max-height:78%;object-fit:contain;object-position:right bottom}
.hcard:hover img{transform:translateY(-3px);transition:transform .3s}
@media(max-width:860px){.stage-hero{grid-template-columns:1fr;text-align:center;padding:28px 5% 30px}.hero-cta,.store-pills{justify-content:center}.hero-visual{width:min(560px,100%);margin:0 auto;text-align:left}.hero-cards{grid-template-columns:1fr;text-align:left}}
@media(max-width:560px){.laptop{width:88%}.lt-week{min-height:150px}.lt-week i{font-size:.5rem;padding:3px}.lt-week i:nth-of-type(2){display:none}.stage-hero .hero-visual .stage{width:38%;top:2%}.hero-visual .thumbs button{width:34px;height:34px;border-radius:9px}.hero-visual .stage .slide .chip{font-size:.58rem;padding:4px 7px}.hero-visual .stage .slide .chip+.chip{display:none}.hcard{min-height:170px}}
/* ===== Find your kind of Neut ===== */
.sec-head{display:flex;flex-wrap:wrap;align-items:flex-end;justify-content:space-between;gap:12px 24px;max-width:1180px;margin:0 auto 20px}
.sec-head h2{text-align:left;margin:0;font-size:clamp(1.7rem,3vw,2.4rem)}
.sec-head p{margin:6px 0 0;color:var(--muted)}
#neuts{background:linear-gradient(180deg,#F7F3FD,#EFE8FA);position:relative;overflow:hidden}
.neut-row{display:flex;gap:0;max-width:1180px;margin:0 auto;border-radius:24px;overflow:hidden;background:#F1ECFA;box-shadow:0 10px 30px rgba(43,35,80,.08)}
.ntile{margin:0;flex:var(--f,1) 1 0;min-width:0;text-align:center;padding-bottom:14px}
.ntile img{display:block;width:100%;height:auto;transition:transform .35s}
.ntile:hover img{transform:translateY(-4px) scale(1.02)}
.ntile figcaption{font:700 .95rem var(--sans);color:var(--ink);padding:0 4px}
.ntile figcaption .tag{display:inline-block;margin-top:6px;font-size:.6rem;padding:5px 8px}
@media(max-width:760px){.neut-row{overflow-x:auto;scroll-snap-type:x mandatory;-webkit-overflow-scrolling:touch;border-radius:18px}.ntile{flex:0 0 auto;width:auto;scroll-snap-align:start}.ntile img{height:150px;width:auto}}
/* ===== Navy Helping Hand band ===== */
.hh-band{position:relative;max-width:1180px;margin:0 auto;background:radial-gradient(ellipse at 85% 0,#2E3C7A,transparent 60%),var(--navy);color:#fff;border-radius:28px;padding:28px 30px 28px 170px;display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:16px 28px;overflow:hidden}
.hh-band img{position:absolute;left:14px;bottom:0;width:140px;height:auto}
.hh-band h2{color:#fff;text-align:left;margin:0 0 6px;font-size:clamp(1.25rem,2.4vw,1.75rem)}
.hh-band h2 .o{color:var(--orange-soft)}
.hh-band p{margin:0;color:#DCD9EE}
.hh-band .btn{background:#fff;color:var(--navy)!important;box-shadow:none}
.hh-band .btn:hover{background:#FFE9D4}
@media(max-width:700px){.hh-band{padding:120px 22px 24px;text-align:center;justify-content:center}.hh-band h2{text-align:center}.hh-band img{left:50%;top:6px;bottom:auto;width:110px;transform:translateX(-50%)}}
/* ===== Learning Center ===== */
.lc-hero{position:relative;overflow:hidden;display:grid;grid-template-columns:minmax(0,1.1fr) minmax(0,.9fr);gap:24px;align-items:center;padding:56px 6% 40px;background:linear-gradient(180deg,#FBF9FE,#F1EBFA)}
.lc-hero h1{font-size:clamp(2.1rem,4.4vw,3.4rem);line-height:1.08;margin:0 0 14px}
.lc-hero p.lede{font-size:1.12rem;color:var(--muted);max-width:540px}
.lc-hero .art{position:relative;z-index:1;justify-self:center;width:min(360px,80%)}
.lc-hero .art img{width:100%;height:auto;display:block}
.lc-hero .hero-copy{position:relative;z-index:1}
@media(max-width:760px){.lc-hero{grid-template-columns:1fr;text-align:center;padding-top:30px}.lc-hero p.lede{margin:auto}.lc-hero .hero-cta{justify-content:center}.lc-hero .art{width:min(220px,60%)}}
.lc-wrap{max-width:1180px;margin:0 auto}
.steps{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px;counter-reset:s;list-style:none;padding:0;margin:0}
.steps li{position:relative;background:#fff;border:1px solid var(--lav2);border-radius:20px;padding:22px 20px 20px 70px}
.steps li::before{counter-increment:s;content:counter(s);position:absolute;left:20px;top:20px;width:36px;height:36px;border-radius:50%;background:var(--orange);color:#fff;font:700 1rem/36px var(--sans);text-align:center}
.steps h3{margin:0 0 6px;font-size:1.15rem}.steps p{margin:0 0 10px;color:var(--muted)}
.steps a{font-weight:700;color:var(--purple)}
@media(max-width:760px){.steps{grid-template-columns:1fr}}
.tut-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}
.tut{padding:0!important;overflow:hidden}
.tut video,.tut img{display:block;width:100%;height:auto;aspect-ratio:4/5;object-fit:cover;background:#2A2438}
.tut .tb{padding:16px 18px 18px}
.tut h3{margin:0 0 4px}.tut p{margin:0 0 12px;color:var(--muted)}
@media(max-width:860px){.tut-grid{grid-template-columns:1fr 1fr}}@media(max-width:560px){.tut-grid{grid-template-columns:1fr}}
.picker{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:12px;list-style:none;padding:0;margin:0}
.picker button{width:100%;background:#fff;border:2px solid var(--lav2);border-radius:18px;padding:10px 8px 12px;cursor:pointer;font:700 .9rem var(--sans);color:var(--ink);transition:transform .25s,border-color .25s,box-shadow .25s}
.picker button img{display:block;width:100%;height:auto;aspect-ratio:1/1;object-fit:contain;margin-bottom:6px}
.picker button:hover{transform:translateY(-3px)}
.picker button[aria-pressed="true"]{border-color:var(--orange);box-shadow:0 0 0 3px rgba(185,83,9,.18)}
.picker-note{font-family:var(--sans);color:var(--muted);margin-top:12px}
@media(max-width:700px){.picker{grid-template-columns:repeat(3,minmax(0,1fr))}}
.two-up{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px}
@media(max-width:760px){.two-up{grid-template-columns:1fr}}
.info-card{position:relative;padding:24px 24px 22px!important}
.info-card h3{margin:0 0 6px;font-size:1.3rem}
.info-card .plan{font:700 .82rem var(--sans);color:var(--orange);letter-spacing:.06em;text-transform:uppercase;margin:0 0 8px}
.info-card ul{list-style:none;padding:0;margin:12px 0 16px}
.info-card li{padding-left:26px;position:relative;margin:6px 0}
.info-card li::before{content:"✓";position:absolute;left:0;color:var(--purple);font-weight:800}
.info-card.navy{background:var(--navy);color:#fff;border-color:var(--navy)}
.info-card.navy h3{color:#fff}.info-card.navy .plan{color:var(--orange-soft)}.info-card.navy li::before{color:var(--orange-soft)}.info-card.navy p{color:#DCD9EE}
.info-card.navy .btn{background:#fff;color:var(--navy)!important}
.mic{display:inline-grid;place-items:center;width:48px;height:48px;border-radius:50%;background:var(--lav);color:var(--purple);margin-bottom:8px}
section h2{font-size:clamp(1.6rem,3vw,2.3rem)}
/* kid mode (coming soon) + ages */
#kid-mode{padding:8px 6% 40px}
#kid-mode .kid-soon{max-width:760px;margin:auto;text-align:left;border:2px dashed var(--lav3);background:#fff}
#kid-mode h2{text-align:left;font-size:clamp(1.3rem,3vw,1.7rem);margin:8px 0 6px;color:var(--ink)}
.kid-soon .tag.soon{color:#fff;background:var(--purple);border-color:var(--purple)}
.kid-soon .fine{font-size:.92rem;color:var(--muted)}
.kid-soon .fine a{color:var(--purple);font-weight:700}
.legal .kid-soon{margin:12px 0 24px;border:2px dashed var(--lav3)}
/* ===== Co-design pass with ChatGPT's mockups (Oct 28) — never cream: cool stone / French-wash ===== */
:root{--cream:#F1F0F7;--stone:#ECEBF4}
body{background-color:#EDECF5;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='240' height='240'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.85' numOctaves='3' stitchTiles='stitch'/%3E%3CfeColorMatrix values='0 0 0 0 .33 0 0 0 0 .3 0 0 0 0 .5 0 0 0 .07 0'/%3E%3C/filter%3E%3Crect width='240' height='240' filter='url(%23n)'/%3E%3C/svg%3E"),url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='320' height='320' fill='none' stroke='%235B3A99' stroke-opacity='.06' stroke-width='1.2'%3E%3Cpath d='M0 60h70l20 20h60M320 210h-80l-20-20h-50M160 0v40l20 20M60 320v-60l30-30'/%3E%3Ccircle cx='150' cy='80' r='3'/%3E%3Ccircle cx='170' cy='190' r='3'/%3E%3Ccircle cx='90' cy='230' r='3'/%3E%3C/svg%3E"),radial-gradient(ellipse 60% 50% at 12% 8%,rgba(214,204,240,.55),transparent 70%),radial-gradient(ellipse 50% 45% at 92% 30%,rgba(198,220,240,.45),transparent 70%),radial-gradient(ellipse 70% 50% at 50% 100%,rgba(222,214,240,.5),transparent 70%);background-attachment:scroll}
.stage-hero::before{background:radial-gradient(ellipse at 28% 18%,rgba(255,255,255,.82) 0,rgba(255,255,255,.4) 45%,transparent 75%),linear-gradient(180deg,rgba(246,244,252,.7),rgba(232,226,246,.6))}
.lc-hero{background:radial-gradient(ellipse at 28% 18%,rgba(255,255,255,.8),transparent 70%),linear-gradient(180deg,rgba(246,244,252,.7),rgba(232,226,246,.6))}
#neuts{background:transparent}
.sheet:nth-child(3){background:#E4E9F8}.sheet:nth-child(4){background:#EEEAF8}
.poster .ic.newtic{background:#E3DCF5}
/* hero laptop = app UI */
.lt-bar .lt-tabs{display:flex;gap:4px;background:none;padding:0}
.lt-tabs em{font-style:normal;font-weight:600;font-size:.7rem;color:var(--muted);padding:3px 9px;border-radius:999px}
.lt-tabs em.on{background:var(--lav);color:var(--purple)}
.lt-bar .lt-dots{background:none;padding:0;display:flex;gap:4px}.lt-dots i{width:8px;height:8px;border-radius:50%;background:var(--lav3)}
.lt-body{display:grid;grid-template-columns:clamp(64px,22%,110px) minmax(0,1fr)}
.lt-side{list-style:none;margin:0;padding:8px 6px;border-right:1px solid var(--lav2);background:#FAF9FD;font:600 .64rem/1.2 var(--sans);color:var(--muted)}
.lt-side li{padding:6px 8px;border-radius:8px;margin-bottom:2px}
.lt-side li.on{background:var(--lav);color:var(--purple)}
.lt-head{display:flex;justify-content:space-between;align-items:baseline;padding:8px 10px 2px;font-size:.66rem;color:var(--muted)}
.lt-head b{font-family:var(--serif);font-size:.9rem;color:var(--ink)}
@media(max-width:560px){.lt-side{display:none}.lt-body{grid-template-columns:1fr}}
/* hero cards = icon + text + arrow, mini UI, overlapping Neut */
.hcard{padding:20px 20px 16px!important;min-height:0;background:rgba(255,255,255,.94)}
.hc-top{display:grid;grid-template-columns:auto minmax(0,1fr) auto;gap:12px;align-items:start}
.hc-ico{display:grid;place-items:center;width:48px;height:48px;border-radius:14px}
.hc-ico.ico-o{background:#FFE9D6;color:var(--orange)}.hc-ico.ico-p{background:var(--lav);color:var(--purple)}
.hcard h3{font-size:1.22rem;margin:2px 0 4px}
.hcard .hc-txt p{margin:0;font-size:.92rem}
.hc-go{display:grid;place-items:center;width:34px;height:34px;border-radius:50%;border:1.5px solid var(--lav3);color:var(--ink);font-weight:700;text-decoration:none;transition:background .25s,border-color .25s,transform .25s}
.hc-go:hover{background:var(--lav);border-color:var(--purple);transform:translateX(2px)}
.hc-demo{margin:14px 40% 0 0;background:#FBFAFE;border:1px solid var(--lav2);border-radius:14px;padding:10px 10px 8px;font:600 .66rem/1.25 var(--sans);color:var(--muted);min-height:118px}
.hd-t{margin:0 0 6px!important;font:700 .74rem var(--serif);color:var(--ink)!important}
.hd-cal{display:grid;grid-template-columns:auto 1fr 1fr;gap:3px 4px;align-items:center}
.hd-cal b{font-size:.62rem;color:var(--ink);text-align:center}
.hd-cal i{font-style:normal;border-radius:5px;padding:3px 4px;color:#2B2350;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.hd-cal i.wide{grid-column:span 2}
.hd-tabs{display:flex;gap:4px;margin:0 0 6px!important}.hd-tabs em{font-style:normal;padding:2px 8px;border-radius:999px;border:1px solid var(--lav2)}.hd-tabs em.on{background:var(--purple);border-color:var(--purple);color:#fff}
.hd-list{list-style:none;margin:0;padding:0}.hd-list li{display:flex;justify-content:space-between;gap:6px;padding:4px 0;border-top:1px solid #EEEAF6}.hd-list b{color:var(--ink);font-weight:600}
.hd-sky{height:44px;border-radius:8px;background:linear-gradient(180deg,#9FC3EA 0,#C9DDF3 45%,#9CC79A 46%,#6FA56D 100%)}
.hd-j{margin:6px 0 4px!important;color:var(--ink)!important;font-size:.68rem!important}
.hd-tags{display:flex;flex-wrap:wrap;gap:3px;margin:0!important}.hd-tags em{font-style:normal;background:var(--lav);color:var(--purple);border-radius:999px;padding:2px 6px;font-size:.58rem}
.hc-neut{position:absolute;right:6px;bottom:8px;margin:0;width:38%;text-align:center}
.hcard .hc-neut img{position:static;display:block;max-width:100%;max-height:150px;margin:0 auto 4px}
.hcard .who{margin:0;font:700 .82rem var(--sans);color:var(--ink)}
.hcard .who span{display:block;font:700 .58rem/1.3 var(--sans);letter-spacing:.12em;text-transform:uppercase;color:var(--orange);margin-top:2px}
/* Find your kind of Neut: free-standing, no box */
.neut-row{background:none;box-shadow:none;border-radius:0;gap:6px}
.ntile figcaption .tag{background:none;border:0;padding:2px 0;color:var(--orange);letter-spacing:.12em}
/* Helping Hand: full-width navy/purple band */
#hh-band{padding-left:0!important;padding-right:0!important}
.hh-band{max-width:none;border-radius:0;padding:30px max(6%,calc((100% - 1180px)/2));background:radial-gradient(ellipse at 85% 0,rgba(122,87,205,.55),transparent 60%),linear-gradient(100deg,#1B2350,#2C2464 60%,#3A2A78);justify-content:flex-start;gap:16px 24px}
.hh-ico{display:grid;place-items:center;flex:none;width:64px;height:64px;border-radius:50%;background:rgba(255,255,255,.1);border:1.5px solid rgba(255,255,255,.35);color:#fff}
.hh-name{font:700 1.35rem var(--serif);color:#fff!important;margin:0!important;padding-right:24px;border-right:1px solid rgba(255,255,255,.3)}
.hh-copy{flex:1 1 320px;min-width:0}
.hh-band .btn{margin-left:auto;background:transparent;color:#fff!important;border:1.5px solid rgba(255,255,255,.75)}
.hh-band .btn:hover{background:rgba(255,255,255,.12)}
@media(max-width:700px){.hh-band{padding:28px 6%;flex-direction:column;align-items:center}.hh-name{border-right:0;padding-right:0}.hh-band .btn{margin:0}}
@media(max-width:860px){.hc-demo{margin-right:42%}}
/* Learning Center */
.lc-hero .art{width:min(480px,92%);padding-bottom:10px}
.lc-hero .art .laptop{width:86%;margin:0}
.lc-hero .art img#lc-art{position:absolute;right:-4%;bottom:0;width:44%;z-index:2;filter:drop-shadow(0 12px 18px rgba(43,35,80,.18))}
.lc-day{padding:10px 12px;font:600 .7rem/1.2 var(--sans);color:var(--muted)}
.lc-day p{display:grid;grid-template-columns:62px 1fr;gap:8px;align-items:center;margin:0 0 6px}
.lc-day i{font-style:normal;color:#2B2350;border-radius:6px;padding:5px 8px}
.steps li{padding-bottom:18px;background:rgba(255,255,255,.94)}
.steps .mini{list-style:none;margin:12px 0 0;padding:8px 10px;background:#FBFAFE;border:1px solid var(--lav2);border-radius:12px}
.steps .mini-menu li{position:static;background:none;border:0;border-radius:0;padding:4px 0;font-size:.74rem;color:var(--muted);border-top:1px solid #EEEAF6}
.steps .mini-menu li:first-child{border-top:0}
.steps .mini-menu li::before{content:none}
.steps .mini-menu b{display:block;color:var(--ink);font-size:.8rem}
.steps .mini.lc-day{margin-left:0}
.mini-pick div{display:grid;grid-template-columns:repeat(3,1fr);gap:6px}
.mini-pick img{width:100%;aspect-ratio:1;object-fit:contain;background:#fff;border:1.5px solid var(--lav2);border-radius:10px}
.mini-pick img.on{border-color:var(--orange)}
.sec-head>a.btn{flex:none}
.tut .btn svg{vertical-align:-4px;margin-right:4px}
.comp-wrap{display:grid;grid-template-columns:minmax(0,.32fr) minmax(0,1fr);gap:20px 30px;align-items:center}
.comp-head h2{text-align:left;margin:0 0 8px}.comp-head .picker-note{margin:0}
.comp-wrap #pick-status{grid-column:1/-1;text-align:center}
.picker button{position:relative}
.picker button[aria-pressed="true"]::after{content:"✓";position:absolute;top:6px;right:6px;width:24px;height:24px;border-radius:50%;background:var(--orange);color:#fff;font:800 .8rem/24px var(--sans)}
@media(max-width:860px){.comp-wrap{grid-template-columns:1fr}.comp-head h2,.comp-head{text-align:center}}
.info-card.mint{background:#E6F5EE;border-color:#C9E8D9}
.info-card.mint .mic{background:#fff;color:#1F6B4A}.info-card.mint li::before{color:#1F6B4A}.info-card.mint .plan{color:#1F6B4A}
.info-card.sky{background:#E5EFFC;border-color:#C8DBF5}
.info-card.sky .plan{color:var(--orange)}
.ask{display:flex;justify-content:space-between;align-items:center;background:#fff;border:1px solid #C8DBF5;border-radius:999px;padding:8px 8px 8px 16px;margin:4px 0 14px;color:var(--muted);font-size:.92rem}
.ask b{display:grid;place-items:center;width:30px;height:30px;border-radius:50%;background:var(--purple);color:#fff;font-size:.8rem}
@media(max-width:760px){.lc-hero .art{width:min(340px,92%)}}
@media(max-width:560px){.hc-demo{margin-right:36%}.hd-tabs{flex-wrap:nowrap}.hd-tabs em{padding:2px 5px;white-space:nowrap;font-size:.6rem}.hd-list li{font-size:.6rem}}
/* cast 2026-10-29: picker 8 Neuts + Meet the Neuts page */
#companions .picker{grid-template-columns:repeat(4,minmax(0,1fr))}
@media(max-width:700px){#companions .picker{grid-template-columns:repeat(4,minmax(0,1fr));gap:8px}#companions .picker button{font-size:.78rem;padding:8px 4px 10px;border-radius:14px}}
.mtn-hero{padding-bottom:8px}
.mtn-hero .hero-copy{max-width:760px}
.mtn-kicker{font:700 .8rem var(--sans);letter-spacing:.14em;text-transform:uppercase;color:var(--orange);margin:0}
.mtn-note{font-family:var(--sans);color:var(--muted);font-weight:600}
.mtn-sec{max-width:1180px;margin:0 auto;padding:28px 4% 36px}
.mtn-sec h2{margin:0 0 6px}
.mtn-family{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:18px;margin-top:18px}
.mtn-fam{margin:0;text-align:center}
.mtn-art{aspect-ratio:1/1;display:flex;align-items:flex-end;justify-content:center;background:radial-gradient(closest-side,#fff 0%,rgba(255,255,255,.6) 60%,rgba(255,255,255,0) 100%);border-radius:24px;padding:8px}
.mtn-art img{max-width:100%;max-height:100%;width:auto;height:auto;transition:transform .35s var(--ease,ease)}
.mtn-fam:hover .mtn-art img{transform:translateY(-6px) scale(1.03)}
.mtn-fam figcaption,.mtn-role figcaption{font:700 1rem var(--sans);color:var(--ink);margin-top:8px}
.mtn-fam figcaption span{display:block;font-size:.68rem;letter-spacing:.12em;text-transform:uppercase;color:var(--orange);margin-top:4px}
.mtn-roles-head{display:flex;justify-content:space-between;align-items:flex-end;gap:16px;flex-wrap:wrap;margin-bottom:18px}
.mtn-roles-head p{margin:0;color:var(--muted)}
.mtn-toggle{display:inline-flex;background:#fff;border:2px solid var(--lav2);border-radius:999px;padding:4px}
.mtn-toggle button{border:0;background:none;border-radius:999px;padding:9px 18px;font:700 .95rem var(--sans);color:var(--ink);cursor:pointer;transition:background .25s,color .25s}
.mtn-toggle button[aria-selected="true"]{background:var(--purple);color:#fff}
.mtn-toggle button:focus-visible{outline:3px solid var(--orange);outline-offset:2px}
.mtn-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:18px}
.mtn-grid[hidden]{display:none}
.mtn-role{margin:0;text-align:center}
.mtn-role img{display:block;width:100%;height:auto;border-radius:20px;box-shadow:0 6px 18px rgba(43,35,80,.12);transition:transform .35s var(--ease,ease),box-shadow .35s}
.mtn-role:hover img{transform:translateY(-6px);box-shadow:0 14px 28px rgba(43,35,80,.2)}
.mtn-grid.mtn-glow .mtn-role img{background:#0b1030}
@media(max-width:900px){.mtn-family{grid-template-columns:repeat(3,minmax(0,1fr))}.mtn-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media(max-width:560px){.mtn-family{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.mtn-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.mtn-fam figcaption,.mtn-role figcaption{font-size:.9rem}}
@media(prefers-reduced-motion:reduce){.mtn-art img,.mtn-role img{transition:none}.mtn-fam:hover .mtn-art img,.mtn-role:hover img{transform:none}}
/* Meet the Neuts family entrance: visible by default; only animates once JS opts in, never hides again */
@keyframes mtnPop{from{opacity:0;transform:translate3d(0,18px,0) scale(.96)}to{opacity:1;transform:none}}
.mtn-family.mtn-anim .mtn-fam{opacity:0}
.mtn-family.mtn-anim .mtn-fam.mtn-in{opacity:1;animation:mtnPop .6s var(--ease,cubic-bezier(.2,.7,.2,1)) var(--mtn-d,0ms) both}
@media(prefers-reduced-motion:reduce){.mtn-family.mtn-anim .mtn-fam{opacity:1;animation:none}}
/* school page: big rising Neut sits right of the CTA, clear of copy */
.hero .newt-layer img.newt.school-newt{width:clamp(170px,17vw,230px)}
@media(min-width:701px) and (max-width:1000px){.school-hero{padding-bottom:150px!important}.hero .newt-layer img.newt.school-newt{left:6%!important;width:170px}}