/* SAENTIX / NEBULA GLASS — v19: original dark homepage; richer product detail pages. */
:root {
  color-scheme: dark;
  --bg:#080d17; --bg2:#0d1524; --ink:#f5f6ff; --muted:#b7c3d9;
  --soft:#8d9bb8; --violet:#bda8ff; --cyan:#a2d9ff;
  --line:rgba(167,187,238,.19); --line-bright:rgba(182,175,255,.48);
  --glass:rgba(17,26,44,.72); --max:1280px; --radius:20px;
}
*{box-sizing:border-box}
html{scroll-behavior:smooth;scroll-padding-top:90px}
body{margin:0;overflow-x:hidden;color:var(--ink);font:16px/1.65 Inter,ui-sans-serif,system-ui,-apple-system,"Segoe UI",sans-serif;background:#080d17}
body.menu-open{overflow:hidden}
body::before{content:"";position:fixed;inset:0;z-index:-1;pointer-events:none;background:radial-gradient(ellipse at 96% 1%,rgba(83,64,151,.17),transparent 40%),radial-gradient(ellipse at 2% 80%,rgba(16,73,120,.13),transparent 40%),#080d17}
a{color:inherit;text-decoration:none}a:hover{color:#d5cbff}
button,input,textarea{font:inherit}button{cursor:pointer}
img{display:block;max-width:100%}h1,h2,h3,p{margin:0}p+p{margin-top:1rem}
h1,h2,h3{line-height:1.1;letter-spacing:-.045em}h1{font-size:clamp(3.3rem,6.2vw,6rem);font-weight:800}h2{font-size:clamp(2.25rem,4.1vw,4.3rem);font-weight:780}h3{font-size:1.25rem;font-weight:730}
em{font-style:normal;color:#c4b4ff}h1 span{color:#c2adff}
.container{width:min(calc(100% - 92px),var(--max));margin-inline:auto}
.skip-link{position:fixed;z-index:1000;left:12px;top:-70px;background:#fff;color:#101427;padding:10px 18px}.skip-link:focus{top:8px}
/* Header is outside of all motion wrappers: mobile fixed positioning stays viewport-relative. */
.site-header{position:sticky;top:0;z-index:200;height:78px;background:rgba(6,10,19,.91);border-bottom:1px solid rgba(190,193,245,.13);backdrop-filter:blur(18px);-webkit-backdrop-filter:blur(18px)}
.header-inner{height:100%;display:flex;align-items:center;gap:28px}
.brand{display:flex;align-items:center;flex:none}.brand img{height:37px;width:auto;max-width:173px}
.desktop-nav{display:flex;align-items:center;justify-content:center;gap:clamp(10px,1.48vw,23px);margin-left:auto;white-space:nowrap}
.desktop-nav a{position:relative;padding:10px 0;color:#c5cee2;font-size:12px;font-weight:650;transition:color .18s}
.desktop-nav a:hover,.desktop-nav a[aria-current=page]{color:#fff}
.desktop-nav a[aria-current=page]::after{content:"";position:absolute;bottom:0;left:0;right:0;height:2px;background:#baabff;box-shadow:0 0 12px #9889ff}
.header-cta{margin-left:12px;white-space:nowrap;min-height:43px!important;padding:10px 23px!important;font-size:12px!important}
.menu-toggle{display:none;align-items:center;justify-content:center;flex:none;margin-left:auto;width:46px;height:46px;border:1px solid var(--line);border-radius:12px;background:#152036;color:#f8f8ff;position:relative;z-index:210}
.menu-toggle svg{width:23px;height:23px}
.menu-overlay{position:fixed;inset:0;z-index:300;background:rgba(3,6,14,.82);opacity:0;pointer-events:none;transition:opacity .22s}
.menu-overlay.open{opacity:1;pointer-events:auto}
.mobile-panel{position:fixed;inset:0 0 0 auto;width:min(440px,calc(100vw - 26px));z-index:310;display:flex;flex-direction:column;padding:22px 26px 34px;border-left:1px solid var(--line-bright);box-shadow:-25px 0 70px #020713a8;overflow-y:auto;overscroll-behavior:contain;background:radial-gradient(ellipse at 90% 0%,rgba(92,57,156,.23),transparent 48%),#0b1220;opacity:0;visibility:hidden;pointer-events:none;transition:opacity .22s}
.mobile-panel.open{opacity:1;visibility:visible;pointer-events:auto}
.mobile-head{display:flex;align-items:center;justify-content:space-between;min-height:48px;margin-bottom:25px}.mobile-head img{height:34px;width:auto}
.mobile-close{height:45px;width:45px;border-radius:12px;border:1px solid var(--line-bright);background:#172039;color:white;font-size:28px;line-height:1}
.mobile-nav{display:grid;gap:7px}.mobile-nav a{padding:13px 17px;border-radius:12px;border:1px solid var(--line);background:rgba(28,39,64,.7);font-size:clamp(16px,4vw,19px);font-weight:650}
.mobile-nav a[aria-current=page]{border-color:#b19cf5;background:rgba(91,75,151,.24)}.mobile-foot{margin-top:22px;color:#a7b5d2;font-size:11px;letter-spacing:.17em}
/* Buttons and shared text */
.btn{display:inline-flex;justify-content:center;align-items:center;gap:14px;min-height:51px;padding:13px 23px;border-radius:11px;border:1px solid transparent;font-size:13px;font-weight:730;line-height:1.3;transition:transform .23s,box-shadow .23s,border-color .23s,background .23s}
.btn:hover{transform:translateY(-3px);color:#fff}
.btn-primary{color:#fff;background:linear-gradient(112deg,#394771,#53498c);border-color:rgba(194,185,255,.48);box-shadow:inset 0 1px 0 rgba(255,255,255,.15),0 6px 18px rgba(3,8,22,.18)}
.btn-primary:hover{color:#fff;background:linear-gradient(112deg,#4b5d8d,#6757aa);border-color:#c9c2ff;box-shadow:0 10px 24px rgba(10,13,41,.24)}
.btn-outline,.btn-ghost{color:#e3eaff;background:rgba(20,31,52,.42);border-color:rgba(169,187,226,.38);box-shadow:inset 0 1px 0 rgba(255,255,255,.04)}
.btn-outline:hover,.btn-ghost:hover{color:#fff;border-color:rgba(209,204,255,.7);background:rgba(47,54,88,.7);box-shadow:0 7px 22px rgba(2,7,20,.15)}
/* Luminous actions only in the Hero and Free Kit; remaining buttons stay dark. */
.hero .btn-primary{color:#17213c;background:linear-gradient(112deg,#fff,#f0efff 48%,#ceceff);border-color:rgba(255,255,255,.82);box-shadow:0 0 0 1px rgba(255,255,255,.5) inset,0 0 21px rgba(171,164,255,.34)}
.hero .btn-primary:hover{color:#111a33;background:linear-gradient(112deg,#fff,#e0e4ff 68%,#c5c7ff);box-shadow:0 0 25px rgba(182,183,255,.52)}
.actions{display:flex;gap:13px;flex-wrap:wrap;margin-top:31px}
.eyebrow{margin-bottom:17px;color:#c3c2e3;font-size:10px;font-weight:760;letter-spacing:.28em;text-transform:uppercase}
.eyebrow-line{display:inline-block;width:25px;height:1px;margin-right:9px;vertical-align:middle;background:#bdacff}
.lead{max-width:600px;color:#cbd3e5;font-size:clamp(15px,1.4vw,18px);line-height:1.72}
/* Cinematic full-bleed portal. Real bitmap artwork + one independently movable astronaut. */
.hero{position:relative;min-height:675px;isolation:isolate;overflow:hidden;background:#090e1d}
.hero-inner{min-height:675px;display:flex;align-items:center;position:relative;z-index:2;pointer-events:none}
.hero-copy{width:min(710px,61%);padding:105px 0 84px;position:relative;z-index:3;pointer-events:auto}
.hero-copy h1{font-size:clamp(3.3rem,5.0vw,5.2rem);max-width:710px;line-height:1.065;text-wrap:balance}
.hero-copy .lead{max-width:550px;margin-top:23px}
.hero-note{color:#b2bfdd;font-size:10px;font-weight:650;letter-spacing:.18em;margin-top:28px}
.hero-note span{color:#aa9ad6;padding:0 6px}
.hero-stars{pointer-events:none;position:absolute;inset:0;z-index:1;background:linear-gradient(90deg,#070c17d9 0%,#080d19a1 25%,#070b1570 42%,transparent 75%),linear-gradient(0deg,#080d17 0%,transparent 22%,transparent 82%,#080d1740 100%)}
.hero-art{position:absolute;inset:0 auto 0 50%;width:100vw;transform:translateX(-50%);z-index:0;pointer-events:none;overflow:hidden}
.hero-art picture,.hero-environment{position:absolute;inset:0;width:100%;height:100%}
.hero-environment{object-fit:cover;object-position:58% 54%}
.hero-explorer{position:absolute;z-index:2;width:clamp(255px,29vw,395px);max-width:none;height:auto;right:15%;bottom:-42px;filter:drop-shadow(0 18px 33px #050817b0);animation:explorer-breathe 7.5s ease-in-out infinite}
/* The homepage preserves the established section order and required copy. */
.section{position:relative;padding:92px 0;isolation:isolate}
.section::before{content:"";position:absolute;z-index:-1;inset:0;pointer-events:none;background:radial-gradient(ellipse at 98% 10%,rgba(73,52,136,.075),transparent 54%)}
/* Every main section stays dark. Light is a restrained editorial accent. */
#who{padding-top:103px;background:linear-gradient(180deg,#080d17,#0c1525)}
#collection{background:linear-gradient(180deg,#0c1525,#090f1b 75%,#0a1221)}
#mission{background:linear-gradient(180deg,#0a1221,#0c1526)}
#benefits{background:linear-gradient(180deg,#0c1526,#10192b)}
#learning-paths{background:linear-gradient(180deg,#10192b,#0c1627);color:var(--ink)}
#learning-paths::before{background:radial-gradient(ellipse at 95% 15%,rgba(74,66,135,.13),transparent 43%)}
#materials{background:linear-gradient(180deg,#0c1627,#101b2c)}
#practice{background:linear-gradient(180deg,#101b2c,#0c1526)}
#free{background:linear-gradient(180deg,#0c1526,#0c1424)}
#faq{background:linear-gradient(180deg,#0c1424,#080d17);padding-bottom:112px}
.split{display:grid;grid-template-columns:1fr 1fr;align-items:center;gap:clamp(38px,7vw,110px)}
.split-copy p:not(.eyebrow){max-width:550px;color:var(--muted);font-size:15px;line-height:1.9}.split-copy .btn{margin-top:28px}
.split-copy h2{max-width:610px;text-wrap:balance}
.visual-window{position:relative;min-height:380px;display:grid;place-items:center;overflow:hidden;border-radius:21px;border:1px solid rgba(159,161,211,.17);background:#0a1424}
.visual-window::after{content:"";position:absolute;inset:0;pointer-events:none;background:linear-gradient(0deg,#090f20a3,transparent 38%)}
.visual-window img{width:100%;height:100%;max-height:490px;object-fit:cover;transition:transform .65s ease}
.visual-window:hover img{transform:scale(1.035)}
.section-heading{display:flex;justify-content:space-between;align-items:end;gap:22px;margin-bottom:33px}
.section-heading h2{max-width:840px}.section-heading p:not(.eyebrow){max-width:600px;color:var(--muted);margin-top:15px}
.section-index{font-size:11px;letter-spacing:.18em;color:#b2bad2;white-space:nowrap}
/* Portrait book products, no cropped planet-tiles. All text in accessible DOM. */
.product-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:18px}
.product-card{display:flex;flex-direction:column;min-width:0;overflow:hidden;border:1px solid rgba(157,175,214,.18);border-radius:12px;background:linear-gradient(180deg,#111b2d,#0d1626);transition:transform .3s,border-color .3s,box-shadow .3s}
.product-card:hover{transform:translateY(-5px);border-color:#b0a3e3;box-shadow:0 20px 48px #03081770}
.product-art{position:relative;aspect-ratio:3/4;overflow:hidden;background:#0b1120}
.product-art img{width:100%;height:100%;object-fit:contain;transition:transform .45s}
.product-card:hover .product-art img{transform:scale(1.035)}
.card-index{position:absolute;top:12px;left:12px;z-index:1;border:1px solid #c8c1ff58;border-radius:7px;padding:4px 8px;background:#0c1324d8;font-size:9px;font-weight:760;letter-spacing:.11em}
.product-meta{display:flex;flex:1;flex-direction:column;gap:7px;padding:18px 18px 19px;border-top:1px solid var(--line)}
.product-meta h3{font-size:19px;letter-spacing:-.035em}.product-meta p{flex:1;font-size:12px;line-height:1.58;color:#aebdd8}
.product-bottom{display:flex;justify-content:space-between;align-items:center;gap:8px;margin-top:7px}
.price{color:#e2dcff;font-size:18px;font-weight:800}.price.free{color:#9edff5}
.card-arrow{display:grid;place-items:center;width:36px;height:35px;border:1px solid #888dbd72;border-radius:8px;background:#1b2740;color:#f1eeff}
.center-action{display:flex;justify-content:center;margin-top:35px}
/* Open benefit columns instead of four interchangeable glass boxes. */
.benefit-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:0;border-top:1px solid var(--line);border-bottom:1px solid var(--line)}
.benefit{padding:31px 25px 30px;border-right:1px solid var(--line);background:none;min-width:0}
.benefit:first-child{padding-left:0}.benefit:last-child{border-right:0;padding-right:0}
.benefit img{width:36px;height:36px;margin-bottom:26px}.benefit h3{margin-bottom:11px;font-size:17px}.benefit p{color:#b1bed7;font-size:13px}
.paths-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}
.path-card{min-width:0;padding:31px 27px;border:1px solid rgba(164,185,228,.2);border-radius:15px;background:linear-gradient(165deg,rgba(25,39,64,.82),rgba(13,23,41,.94));color:var(--ink)}
.path-card>span{color:#acb7db;font-size:10px;font-weight:750;letter-spacing:.18em}.path-card h3{font-size:32px;margin:18px 0 11px}
.path-card>p{min-height:66px;color:#b7c3d8;font-size:14px}.path-card [data-path-ids]{display:grid;gap:8px;margin-top:22px}
.path-card [data-path-ids] a{display:flex;justify-content:space-between;gap:10px;border-top:1px solid rgba(170,189,224,.2);padding:9px 0;font-size:13px;color:#e1e9fc}
.path-card [data-path-ids] a:hover{color:#cfc2ff}
/* Practice reads like numbered editorial examples, not a row of generic cards. */
.example-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:0;border-top:1px solid var(--line);border-bottom:1px solid var(--line)}
.example-card{padding:33px 29px 36px;min-width:0;border-right:1px solid var(--line);background:transparent}
.example-card:first-child{padding-left:0}.example-card:last-child{padding-right:0;border-right:0}
.example-card span{font-size:10px;font-weight:750;letter-spacing:.16em;color:#b8c3e0}
.example-card h3{margin:21px 0 15px;font-size:21px}.example-card p{font-size:13px;color:var(--muted);line-height:1.86}
.example-card a{display:inline-block;margin-top:25px;font-size:13px;font-weight:760;color:#d8ceff;border-bottom:1px solid rgba(196,179,255,.6)}
.updates-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}
.info-panel{padding:29px;border:1px solid var(--line);border-radius:16px;background:rgba(22,32,52,.83)}
/* The Free Kit panel stays cinematic; its sole primary CTA is light. */
.free-panel{display:grid;grid-template-columns:1.14fr .86fr;align-items:center;gap:28px;overflow:hidden;position:relative;padding:54px 7%;border:1px solid rgba(173,175,231,.32);border-radius:21px;background:radial-gradient(ellipse at 86% 30%,rgba(97,82,174,.24),transparent 50%),linear-gradient(118deg,#16223b,#0b1325)}
.free-panel::after{content:"";position:absolute;inset:0;z-index:0;pointer-events:none;background:url("assets/hero/hero-environment.webp") right center/auto 180% no-repeat;opacity:.10}
.free-panel>*{position:relative;z-index:1}.free-panel h2{margin-bottom:18px}.free-panel p:not(.eyebrow){max-width:480px;color:var(--muted)}.free-panel .btn{margin-top:25px}
.free-stage{display:grid;justify-items:center;gap:0;position:relative;isolation:isolate}
.free-cover{justify-self:center;width:min(100%,260px);transform:rotate(4deg);filter:drop-shadow(0 24px 35px #020611b8);z-index:1}
.free-cover img{width:100%;height:auto;border-radius:5px}
#free .btn-primary{color:#17213c;background:linear-gradient(112deg,#fff,#f0efff 48%,#ceceff);border-color:rgba(255,255,255,.82);box-shadow:0 0 0 1px rgba(255,255,255,.5) inset,0 0 21px rgba(171,164,255,.34)}
#free .btn-primary:hover{color:#111a33;background:linear-gradient(112deg,#fff,#e0e4ff 68%,#c5c7ff);box-shadow:0 0 25px rgba(182,183,255,.52)}

.policy-content a{color:#a8d7ff;text-decoration:underline;text-underline-offset:3px}

/* Internal page hero uses real secondary cosmic motif, avoids generic bright gradient cards. */
.page-hero{position:relative;overflow:hidden;padding:100px 0 87px;isolation:isolate;background:#0b1220}
.page-hero::before{content:"";position:absolute;inset:0;z-index:-1;background:linear-gradient(90deg,#0a1020 0%,#0a1120d4 45%,#0a102091 72%,#0a10205c),url("assets/hero/hero-environment.webp") center 49%/cover no-repeat}
.page-hero h1{max-width:980px;font-size:clamp(3rem,5.6vw,5.7rem);text-wrap:balance}.page-hero .lead{margin-top:23px}
.catalog-intro{padding-bottom:94px}.catalog-intro::before{background:linear-gradient(90deg,#080e1ce8 0%,#090f1ed9 48%,#080e1970),url("assets/hero/hero-environment.webp") center 57%/cover no-repeat}
.product-page-hero{padding:70px 0 82px}.product-page-hero::before{background:linear-gradient(90deg,#080e1efa,#0a1120d9 65%,#0a1120a3),url("assets/hero/hero-environment.webp") center/cover no-repeat}
.product-hero-grid{display:grid;grid-template-columns:minmax(0,.87fr) minmax(0,1.13fr);gap:clamp(36px,6vw,90px);align-items:center;margin-top:22px}
.product-cover-large{width:min(100%,420px);justify-self:center;position:relative;overflow:hidden;border:1px solid #a59fd654;border-radius:14px;box-shadow:0 30px 75px #030713bd}
.product-cover-large img{width:100%;height:auto;aspect-ratio:3/4;object-fit:contain}
.product-hero-copy .eyebrow{margin-bottom:18px}.product-title{font-size:clamp(2.7rem,5.2vw,5rem)}
.product-hero-copy p:not(.eyebrow){margin-top:17px;color:#c3cee2;line-height:1.8}.product-hero-copy .tagline{font-size:19px;font-weight:650;color:#e5ddff}
.product-price{margin-top:18px;font-size:37px;color:#ded4ff;font-weight:830}.product-hero-copy .actions{margin-top:20px}
.product-format{font-size:12px!important;color:#b4c2df!important}
.product-syllabus{max-width:1030px}.module-list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin-top:27px}
.module{display:flex;gap:15px;align-items:center;padding:18px;border:1px solid var(--line);border-radius:12px;background:#142037}
.module span{font-size:11px;color:#b6aff1}.module h3{font-size:15px;line-height:1.4}
.show-more{margin-top:21px;padding:11px 19px;border:1px solid #9b91d770;border-radius:9px;background:#19253e;color:#f1edff}
.fit-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}.fit-card{padding:32px;border:1px solid var(--line);border-radius:16px;background:#142037}
.fit-card h3{margin-bottom:14px}.fit-card p,.fit-card li{color:var(--muted);font-size:14px}.fit-card ul{padding-left:20px;margin:10px 0}
.product-final{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:37px;padding:38px;border:1px solid #aaa4e06e;border-radius:20px;background:linear-gradient(120deg,#1a2540,#10182c)}
.product-final h3{margin-bottom:15px}.product-final p,.product-final li{color:var(--muted);font-size:14px}.product-final .btn{margin-top:19px}
.related-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px;max-width:1010px;margin:auto}
/* Footer remains full-width, with exactly Contact | Main Menu | Docs. */
.site-footer{position:relative;margin-top:0;border-top:1px solid var(--line);padding:69px 0 26px;background:linear-gradient(180deg,#090e19,#070b14)}
.footer-grid{display:grid;grid-template-columns:1.4fr 1fr 1fr;gap:clamp(30px,6vw,85px)}
.footer-grid h3{font-size:11px;letter-spacing:.22em;font-weight:750;margin-bottom:20px}
.footer-contact p{color:#b9c4da;font-size:12px;margin:8px 0;overflow-wrap:anywhere}
.footer-menu,.footer-docs{display:flex;align-items:flex-start;flex-direction:column;gap:10px}
.footer-menu a,.footer-docs a{font-size:13px;color:#bcc6d9}.footer-menu a:hover,.footer-docs a:hover{color:#fff}
.socials{display:flex;align-items:center;gap:10px;margin-top:18px}.socials a{display:grid;place-items:center;position:relative;width:43px;height:43px;border:1px solid rgba(161,188,245,.38);border-radius:50%;background:linear-gradient(145deg,#1b2c47,#101b30);box-shadow:inset 0 1px 0 #ffffff12;transition:transform .25s,border-color .25s,box-shadow .25s}.socials a::after{content:"";position:absolute;inset:-4px;border:1px solid transparent;border-top-color:#9dcaff88;border-radius:50%;transform:rotate(-32deg);transition:transform .4s;pointer-events:none}.socials a:hover{transform:translateY(-3px);border-color:#ced0ff;box-shadow:0 0 19px #7f8cdd42}.socials a:hover::after{transform:rotate(35deg)}.socials img{width:24px;height:24px;max-width:24px;object-fit:contain}
.footer-bottom{display:flex;justify-content:space-between;gap:18px;margin-top:47px;padding-top:19px;border-top:1px solid var(--line);color:#8391ac;font-size:11px}
/* Contact, FAQ, updates, policy, and checkout have purposely restrained motion. */
.contact-layout{display:grid;grid-template-columns:1fr 1fr;gap:clamp(32px,6vw,82px)}
.contact-info>h2{margin-bottom:24px}.contact-info #contact-details-block p{font-size:14px;color:var(--muted);margin:8px 0}.contact-note{font-size:12px;color:#9eacc6}
.contact-form{display:flex;flex-direction:column;gap:9px;padding:32px;border:1px solid var(--line);border-radius:17px;background:#142037}
.contact-form .eyebrow{margin:0}.contact-form h2{font-size:30px;margin:0 0 15px}.contact-form label{font-size:12px;font-weight:700}
.contact-form input,.contact-form textarea{width:100%;padding:12px 14px;color:#fff;border:1px solid #4a5975;border-radius:8px;background:#0c1526;outline:none}
.contact-form :is(input,textarea):focus{border-color:#b6a7ff;box-shadow:0 0 0 3px #b6a7ff28}.contact-form button{margin-top:12px}.form-status{font-size:11px;color:#b8c4d8}
.updates-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.info-panel h2{font-size:27px;margin:10px 0 19px}.info-panel p{font-size:14px;color:var(--muted)}
.text-link{display:inline-block;color:#badfff;font-weight:720;margin-top:19px}
.legal-page{padding:75px 0 105px}.policy-content{max-width:950px;margin:auto;padding:clamp(24px,5vw,64px);background:rgba(18,29,47,.85);border:1px solid var(--line);border-radius:16px;color:#cbd4e3}
.policy-content h1{font-size:clamp(35px,5vw,53px);color:#fff;margin-bottom:14px}.policy-content h2{font-size:22px;color:#fff;margin:38px 0 13px;letter-spacing:-.025em}
.policy-content p{margin:12px 0;color:#cbd4e3;font-size:14px;line-height:1.87}.policy-content ul,.policy-content ol{padding-left:24px}.policy-content li{margin:9px 0;font-size:14px;line-height:1.8}.policy-content a{overflow-wrap:anywhere}
.loading-main{min-height:70vh;display:grid;place-items:center;padding:45px 22px;background:linear-gradient(90deg,#080e19e9,#080e19a8),url("assets/hero/hero-environment.webp") center/cover no-repeat}
.loading-card{max-width:540px;width:100%;padding:61px 37px;text-align:center;border:1px solid #a59ce36b;border-radius:18px;background:#101a2cdb;backdrop-filter:blur(12px)}
.loading-card h1{font-size:clamp(28px,5vw,43px)}.loading-card p:not(.eyebrow){color:var(--muted);margin:22px 0}
.loader{width:47px;height:47px;margin:0 auto 28px;border-radius:50%;border:3px solid #4b456c;border-top-color:#cdb9ff;animation:spin 1s linear infinite}

a:focus-visible,button:focus-visible,summary:focus-visible{outline:3px solid #9bd8ff;outline-offset:4px}
[hidden]{display:none!important}
.reveal{opacity:0;transform:translateY(17px);transition:opacity .62s,transform .62s}.reveal.in-view{opacity:1;transform:none}
@keyframes spin{to{transform:rotate(360deg)}}
@keyframes explorer-breathe{0%,100%{transform:translateY(0)}50%{transform:translateY(-8px)}}
/* Minimal illustration edges: imagery is a field, not another boxed dashboard card. */
.visual-window{border-radius:12px;border-color:rgba(174,184,239,.11)}
#who .visual-window,#materials .visual-window{clip-path:polygon(0 0,100% 0,100% 94%,94% 100%,0 100%)}
#mission .visual-window{clip-path:polygon(0 0,100% 0,100% 100%,5% 100%,0 94%)}
.section-heading .eyebrow,.split-copy .eyebrow{color:#aebcda}
/* Curriculum keeps its established dark chapter cards. */
.curriculum-intro{display:flex;align-items:center;gap:22px;max-width:990px;padding:18px 22px;margin:0 0 27px;border-radius:12px}
.curriculum-intro p{font-weight:650;font-size:13px;line-height:1.5;margin:0;flex:1}
.curriculum-intro__count{font-weight:750;font-size:11px;color:#536180;letter-spacing:.14em;white-space:nowrap}
.curriculum-grid .path-card{position:relative;background:linear-gradient(160deg,#17233b,#0c1729);border:1px solid rgba(179,187,232,.28);color:var(--ink);padding-top:39px}
.curriculum-grid .path-card::before{content:"";position:absolute;top:0;left:26px;width:46px;height:3px;background:linear-gradient(90deg,#9cd7ff,#c4acff);border-radius:0 0 4px 4px}
.curriculum-grid .path-card>span{color:#b7c4e3}
.curriculum-grid .path-card>p{color:#c3cde1}
.curriculum-grid .path-card [data-path-ids] a{border-color:rgba(177,191,233,.21);color:#e0e9fa}
.curriculum-grid .path-card [data-path-ids] a:hover{color:#e8d7ff}
.faq-intro{display:flex;align-items:end;justify-content:space-between;gap:40px;margin-bottom:32px}
.faq-intro h2{font-size:clamp(27px,3.4vw,43px)}
.faq-intro>p{font-size:13px;color:var(--muted);max-width:360px;line-height:1.8}
#faq-all{padding-top:71px}
@media(max-width:1130px){.desktop-nav,.header-cta{display:none}.menu-toggle{display:flex}.container{width:min(calc(100% - 56px),var(--max))}.footer-grid{gap:38px}}
@media(max-width:900px){
  .hero,.hero-inner{min-height:690px}.hero-copy{width:min(600px,75%);padding:75px 0 92px}.hero-explorer{right:4%;width:300px;bottom:-44px}
  .hero-stars{background:linear-gradient(90deg,#070c17e8 0%,#080d19c7 37%,#070b157d 69%,transparent 100%),linear-gradient(0deg,#080d17 0%,transparent 30%)}
  .product-grid,.benefit-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.benefit:nth-child(2){border-right:0}.example-card:nth-child(2){border-right:1px solid var(--line)}.benefit:nth-child(-n+2){border-bottom:1px solid var(--line)}.benefit:nth-child(odd){padding-left:0}.benefit:nth-child(even){padding-right:0}.split{gap:28px}.visual-window{min-height:290px}.paths-grid{gap:12px}.path-card{padding:26px 18px}
  .product-hero-grid{gap:34px}.related-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
}
@media(max-width:640px){
  .container{width:calc(100% - 36px)}.site-header{height:69px}.brand img{height:31px}
  .hero,.hero-inner{min-height:765px}.hero-inner{align-items:flex-start}
  .hero-copy{width:100%;padding:70px 0 0}.hero-copy h1{font-size:clamp(2.85rem,11.4vw,4.25rem);max-width:490px}.hero-copy .lead{font-size:14px;max-width:440px;margin-top:20px}
  .hero .actions{margin-top:24px}.hero .btn{min-height:45px;padding:11px 16px;font-size:12px}.hero-note{font-size:9px;max-width:360px;line-height:1.6}
  .hero-environment{object-position:50% 74%}.hero-stars{background:linear-gradient(180deg,#080d19f6 0%,#080d19e8 30%,#080d19c9 48%,#080d1938 73%,#080d17 100%)}
  .hero-explorer{right:5%;bottom:-29px;width:clamp(215px,58vw,295px)}
  .section{padding:65px 0}#who{padding-top:73px}#faq{padding-bottom:76px}
  .split,.free-panel,.contact-layout,.product-final,.product-hero-grid{grid-template-columns:1fr}
  .split-reverse .visual-window{order:2}.visual-window{min-height:260px}.visual-window img{max-height:380px}
  .section-heading{align-items:start}.section-index{display:none}.section-heading h2,.split-copy h2{font-size:clamp(2.1rem,8.8vw,3.1rem)}
  .product-grid{gap:11px}.product-meta{padding:12px 11px 14px}.product-meta h3{font-size:15px}.product-meta p{font-size:11px}.price{font-size:15px}.card-arrow{width:30px;height:30px}
  .benefit-grid,.paths-grid,.example-grid,.updates-grid,.fit-grid,.module-list{grid-template-columns:1fr}.path-card>p{min-height:0}.benefit{padding:25px 0!important;border-right:0!important;border-bottom:1px solid var(--line)}.benefit:last-child{border-bottom:0}.example-card{border-right:0;border-bottom:1px solid var(--line);padding:24px 0!important}.example-card:last-child{border-bottom:0}.curriculum-intro{flex-wrap:wrap;gap:7px 15px}.curriculum-intro p{flex-basis:65%}.faq-intro{flex-direction:column;align-items:start;gap:14px}
  .free-panel{padding:37px 24px}.free-cover{max-width:230px}.footer-grid{grid-template-columns:1fr;gap:32px}.footer-bottom{flex-direction:column;gap:8px}
  .page-hero{padding:68px 0 58px}.page-hero h1{font-size:clamp(2.85rem,10vw,4.15rem)}.product-page-hero{padding:39px 0 57px}
  .product-cover-large{max-width:370px}.product-title{font-size:clamp(2.7rem,10vw,4rem)}.product-final{padding:25px}.related-grid{gap:11px}
  .legal-page{padding:44px 0 65px}.policy-content{padding:24px 19px}.policy-content h2{font-size:19px}.loading-card{padding:45px 23px}.contact-layout{gap:33px}.contact-form{padding:24px}
}
@media(max-width:380px){.container{width:calc(100% - 28px)}.product-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:9px}.hero-copy h1{font-size:2.72rem}.hero,.hero-inner{min-height:735px}.hero-explorer{width:215px;right:0}.btn{padding:12px 15px}.mobile-panel{padding-inline:17px}}
@media(max-width:640px) and (orientation:landscape){.mobile-panel{padding-top:12px;padding-bottom:14px}.mobile-head{margin-bottom:10px}.mobile-nav{grid-template-columns:repeat(2,minmax(0,1fr));gap:5px}.mobile-nav a{padding:8px 12px;font-size:14px}.mobile-foot{margin-top:10px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*::before,*::after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}.reveal{opacity:1;transform:none}}

/* Last Updates is factual editorial guidance; no invented news dates or launch promises. */
#updates .updates-intro{max-width:760px;margin-bottom:32px}
#updates .updates-intro h2{font-size:clamp(31px,4vw,53px);margin-bottom:12px}
#updates .updates-intro>p:last-child{color:var(--muted);max-width:660px;font-size:15px}
#updates .updates-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:20px}
#updates .update-feature{display:flex;flex-direction:column;align-items:flex-start;min-height:310px;padding:clamp(26px,3.6vw,48px);background:linear-gradient(155deg,#17243b,#0e182a);border-color:rgba(175,189,231,.27);border-radius:18px}
#updates .update-feature h3{font-size:clamp(23px,2.5vw,32px);max-width:520px;line-height:1.2;margin:16px 0}
#updates .update-feature p:not(.eyebrow){color:#c4cee2;max-width:540px;font-size:14px;line-height:1.78}
#updates .update-feature .text-link{margin-top:auto;padding-top:22px;color:#c5d9ff;text-decoration:underline;text-underline-offset:5px}
@media(max-width:640px){#updates .updates-grid{grid-template-columns:1fr}#updates .update-feature{min-height:0}}

/* v19 / Product pages: two content-rich sections, deliberately dark like the core site. */
.product-route-section{background:linear-gradient(180deg,#0b1220,#0e192c)}
.product-route-section::before{background:radial-gradient(ellipse at 96% 18%,rgba(88,76,158,.13),transparent 44%)}
.study-route{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:0;border-top:1px solid rgba(177,190,230,.29);border-bottom:1px solid rgba(177,190,230,.29)}
.study-stage{position:relative;min-width:0;padding:29px 29px 35px 0;margin-right:29px;border-right:1px solid rgba(177,190,230,.22)}
.study-stage:last-child{margin-right:0;border-right:none;padding-right:0}
.study-stage-label{display:block;margin-bottom:19px;font-size:10px;font-weight:790;letter-spacing:.16em;color:#b4a6f1}
.study-stage h3{font-size:clamp(19px,2vw,25px);letter-spacing:-.038em;margin:0 0 18px}
.study-stage ul{margin:0;padding:0;list-style:none;display:grid;gap:12px}
.study-stage li{position:relative;padding-left:20px;color:#bbc9e3;font-size:13px;line-height:1.6}
.study-stage li::before{content:'';position:absolute;top:.67em;left:1px;width:7px;height:7px;border:1px solid #a99cf4;border-radius:50%;background:#121a33}
.product-practice-section{background:linear-gradient(180deg,#0c1525,#101a2c)}
.practice-brief{position:relative;overflow:hidden;display:grid;grid-template-columns:minmax(0,1.3fr) minmax(260px,.7fr);gap:clamp(28px,6vw,95px);align-items:center;padding:clamp(28px,5vw,60px);border:1px solid rgba(167,180,229,.24);border-radius:19px;background:linear-gradient(115deg,rgba(24,36,61,.96),rgba(15,24,44,.96));box-shadow:0 24px 60px rgba(3,7,17,.18)}
.practice-brief::before{content:'';position:absolute;right:-90px;top:-110px;width:380px;height:380px;border:1px solid rgba(183,170,248,.11);border-radius:50%;pointer-events:none;box-shadow:0 0 0 60px rgba(183,170,248,.027),0 0 0 120px rgba(183,170,248,.02)}
.practice-brief>*{position:relative}
.practice-brief h2{max-width:660px;font-size:clamp(2.2rem,4vw,4rem)}
.practice-exercise{max-width:650px;margin-top:24px;color:#edf1ff;font-size:clamp(16px,1.5vw,19px);line-height:1.75}
.practice-context{max-width:570px;margin-top:19px;color:#9daecb;font-size:12px;line-height:1.75}
.practice-review{padding:27px 0 27px 29px;border-left:1px solid rgba(171,188,238,.26)}
.practice-review .eyebrow{color:#afc6e8;margin-bottom:20px}
.practice-review ol{margin:0;padding-left:20px;display:grid;gap:17px;color:#cbd5e9;font-size:13px;line-height:1.65}
.practice-review li::marker{color:#c4adff;font-weight:750}
.product-close-section{background:linear-gradient(180deg,#0c1424,#0a1020)}
.product-close-section .product-final{margin-top:20px}
@media(max-width:900px){.practice-brief{grid-template-columns:1fr;gap:24px}.practice-review{padding:22px 0 0;border-left:0;border-top:1px solid rgba(171,188,238,.26)}}
@media(max-width:640px){.study-route{grid-template-columns:1fr}.study-stage{margin:0;padding:22px 0 25px;border-right:0;border-bottom:1px solid rgba(177,190,230,.22)}.study-stage:last-child{padding-bottom:24px;border-bottom:0}.study-stage-label{margin-bottom:9px}.study-stage h3{margin-bottom:11px}.study-stage ul{gap:7px}.practice-brief{padding:27px 23px;border-radius:15px}.practice-exercise{margin-top:16px}}

/* =========================================================
   SAENTIX v20 — curriculum map + Q&A slider refinement
   ========================================================= */

/* Icon / control hardening: fixed hit areas keep glyphs centered and away from labels. */
.mobile-close{display:grid;place-items:center;padding:0;line-height:1;font-family:Arial,sans-serif}
.show-more{display:inline-flex;align-items:center;justify-content:center;gap:9px;min-height:44px;line-height:1.2}

/* CURRICULUM */
.curriculum-hero::before{background:linear-gradient(90deg,#080e1efa 0%,#0a1120db 48%,#090f1fa3 74%,#090f1f65),url("assets/sections/section-target.webp") center 45%/cover no-repeat}
.curriculum-overview-section{padding-bottom:62px;background:linear-gradient(180deg,#0b1220,#0c1627)}
.curriculum-overview{display:grid;grid-template-columns:minmax(0,1.1fr) minmax(420px,.9fr);gap:48px;align-items:end;padding-bottom:38px;border-bottom:1px solid var(--line)}
.curriculum-overview>div:first-child>p:not(.eyebrow){max-width:690px;color:var(--muted);margin-top:19px}
.curriculum-overview__facts{display:grid;grid-template-columns:.7fr .7fr 1.6fr;border:1px solid var(--line);border-radius:15px;overflow:hidden;background:linear-gradient(145deg,rgba(27,42,69,.72),rgba(11,20,36,.9))}
.curriculum-overview__facts>div{display:flex;min-width:0;flex-direction:column;justify-content:space-between;gap:20px;padding:24px 21px;border-right:1px solid var(--line)}
.curriculum-overview__facts>div:last-child{border-right:0}
.curriculum-overview__facts strong{font-size:clamp(1.35rem,2.4vw,2.2rem);letter-spacing:-.045em;color:#e6e1ff}
.curriculum-overview__facts span{font-size:10px;letter-spacing:.15em;text-transform:uppercase;color:#9faccc}
.curriculum-map-section{padding-top:72px;background:linear-gradient(180deg,#0c1627,#080e19)}
.curriculum-map{display:grid;gap:28px}
.curriculum-stage{position:relative;overflow:hidden;border:1px solid rgba(164,185,228,.22);border-radius:21px;background:linear-gradient(155deg,rgba(21,34,57,.92),rgba(10,18,32,.97));box-shadow:0 24px 70px rgba(2,6,15,.2)}
.curriculum-stage::before{content:"";position:absolute;inset:0 0 auto 0;height:2px;background:linear-gradient(90deg,#9edcff,#c7afff 46%,transparent 82%)}
.curriculum-stage__head{display:grid;grid-template-columns:80px minmax(0,1.3fr) minmax(230px,.7fr);gap:28px;align-items:start;padding:34px 34px 30px;border-bottom:1px solid var(--line)}
.curriculum-stage__number{font-size:58px;font-weight:800;line-height:.9;letter-spacing:-.07em;color:rgba(205,197,255,.26)}
.curriculum-stage__head .eyebrow{margin-bottom:10px}.curriculum-stage__head h3{font-size:clamp(1.65rem,2.7vw,2.5rem);margin-bottom:13px}.curriculum-stage__head p:not(.eyebrow){max-width:680px;color:#bdc9df;font-size:14px}
.curriculum-stage__tags{display:flex;justify-content:flex-end;flex-wrap:wrap;gap:8px}
.curriculum-stage__tags span{padding:7px 10px;border:1px solid rgba(174,190,228,.22);border-radius:999px;background:rgba(18,31,52,.74);font-size:10px;letter-spacing:.08em;text-transform:uppercase;color:#b8c7e2}
.curriculum-guides{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:0}
.curriculum-stage--integrate .curriculum-guides{grid-template-columns:repeat(2,minmax(0,1fr))}
.curriculum-guide{display:grid;grid-template-columns:74px minmax(0,1fr) 32px;gap:16px;align-items:center;min-width:0;padding:24px;border-right:1px solid var(--line);transition:background .25s ease,transform .25s ease}
.curriculum-guide:last-child{border-right:0}.curriculum-guide:hover{color:var(--ink);background:rgba(57,73,111,.22)}
.curriculum-guide__cover{width:74px;aspect-ratio:3/4;overflow:hidden;border:1px solid rgba(188,181,255,.24);border-radius:6px;background:#0a1020;box-shadow:0 10px 24px rgba(0,0,0,.2)}
.curriculum-guide__cover img{width:100%;height:100%;object-fit:cover}
.curriculum-guide__body{min-width:0;display:grid;gap:7px}.curriculum-guide__top{display:flex;align-items:start;justify-content:space-between;gap:10px}.curriculum-guide__top strong{font-size:15px}.curriculum-guide__top b{white-space:nowrap;font-size:11px;color:#d7d0ff}
.curriculum-guide__tagline{font-size:12px;line-height:1.5;color:#b7c4db}.curriculum-guide__meta{font-size:10px;line-height:1.5;color:#7f91b3}
.curriculum-guide__arrow{display:grid;place-items:center;width:31px;height:31px;border-radius:50%;border:1px solid rgba(184,177,244,.28);color:#ddd6ff;transition:transform .22s,border-color .22s}.curriculum-guide:hover .curriculum-guide__arrow{transform:translate(2px,-2px);border-color:#cabdff}
.curriculum-progression-section{background:linear-gradient(180deg,#080e19,#0d1626)}
.curriculum-progression{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));border-top:1px solid var(--line);border-bottom:1px solid var(--line)}
.curriculum-progression article{position:relative;padding:29px 24px 30px;border-right:1px solid var(--line)}
.curriculum-progression article:last-child{border-right:0}.curriculum-progression article::after{content:"→";position:absolute;right:-9px;top:30px;z-index:2;color:#8b96bb;background:#0b1423;padding:0 3px}.curriculum-progression article:last-child::after{display:none}
.curriculum-progression span{font-size:10px;font-weight:780;letter-spacing:.14em;color:#9fd8ff}.curriculum-progression h3{margin:17px 0 10px;font-size:18px}.curriculum-progression p{color:#9facbf;font-size:12px;line-height:1.65}

/* Q&A SLIDER — visible answers, no +/- disclosure glyphs. */
.faq-intro{display:flex;justify-content:space-between;align-items:end;gap:36px;margin-bottom:34px}.faq-intro>div{max-width:720px}.faq-intro>p{max-width:440px;color:var(--muted);font-size:14px}
.qa-slider{--qa-gap:16px;position:relative}.qa-viewport{overflow-x:auto;overscroll-behavior-inline:contain;scroll-snap-type:x mandatory;scrollbar-width:none}.qa-viewport::-webkit-scrollbar{display:none}.qa-track{display:flex;gap:var(--qa-gap)}
.qa-slide{scroll-snap-align:start;flex:0 0 calc((100% - var(--qa-gap))/2);min-width:0;min-height:285px;display:flex;flex-direction:column;padding:27px 28px 28px;border:1px solid rgba(165,183,226,.2);border-radius:18px;background:radial-gradient(circle at 96% 0%,rgba(108,87,183,.16),transparent 34%),linear-gradient(155deg,rgba(26,40,66,.9),rgba(11,20,36,.96));box-shadow:0 20px 48px rgba(3,7,15,.18);transition:border-color .25s ease,transform .25s ease,background .25s ease}
.qa-slide:hover{transform:translateY(-3px);border-color:rgba(198,184,255,.46)}
.qa-slide__meta{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:36px;font-size:9px;font-weight:760;letter-spacing:.16em;color:#9db0d0}.qa-slide__meta span:first-child{display:grid;place-items:center;width:34px;height:34px;border-radius:9px;background:#e8eefb;color:#14213c;letter-spacing:.04em}.qa-slide h3{max-width:520px;font-size:clamp(1.35rem,2.2vw,2rem);line-height:1.15;margin-bottom:22px}.qa-slide__answer{margin-top:auto;padding-top:20px;border-top:1px solid var(--line)}.qa-slide__answer p{color:#bdc9df;font-size:14px;line-height:1.78}.qa-slide__answer a{color:#a8d7ff;text-decoration:underline;text-underline-offset:3px}
.qa-controls{display:grid;grid-template-columns:48px minmax(160px,240px) 48px;justify-content:end;align-items:center;gap:12px;margin-top:24px}.qa-arrow{display:grid;place-items:center;width:48px;height:48px;padding:0;border:1px solid rgba(184,178,237,.32);border-radius:50%;background:#17233a;color:#f0edff;font-size:19px;line-height:1;transition:transform .2s,border-color .2s,opacity .2s}.qa-arrow:hover:not(:disabled){transform:translateY(-2px);border-color:#c8bbff}.qa-arrow:disabled{opacity:.32;cursor:default}.qa-progress{display:grid;grid-template-columns:auto auto auto 1fr;align-items:center;gap:6px;color:#aebbd5;font-size:11px;font-weight:720;letter-spacing:.08em}.qa-progress-current{color:#f0ecff}.qa-progress-line{height:2px;margin-left:9px;overflow:hidden;background:rgba(161,176,211,.18)}.qa-progress-line i{display:block;width:100%;height:100%;transform:scaleX(.25);transform-origin:left;background:linear-gradient(90deg,#8bd8ff,#c3adff);transition:transform .25s ease}
.qa-slider--home .qa-slide{min-height:250px}.qa-slider--home .qa-slide__meta{margin-bottom:27px}.qa-slider--home .qa-controls{margin-top:20px}

@media(max-width:980px){
  .curriculum-overview{grid-template-columns:1fr;gap:28px}.curriculum-overview__facts{max-width:720px}
  .curriculum-stage__head{grid-template-columns:58px 1fr}.curriculum-stage__tags{grid-column:2;justify-content:flex-start}.curriculum-stage__number{font-size:44px}
  .curriculum-guides,.curriculum-stage--integrate .curriculum-guides{grid-template-columns:1fr}.curriculum-guide{border-right:0;border-bottom:1px solid var(--line)}.curriculum-guide:last-child{border-bottom:0}
  .curriculum-progression{grid-template-columns:repeat(3,minmax(0,1fr))}.curriculum-progression article:nth-child(3){border-right:0}.curriculum-progression article:nth-child(-n+3){border-bottom:1px solid var(--line)}.curriculum-progression article:nth-child(3)::after{display:none}
}
@media(max-width:720px){
  .curriculum-overview__facts{grid-template-columns:1fr}.curriculum-overview__facts>div{border-right:0;border-bottom:1px solid var(--line);gap:8px}.curriculum-overview__facts>div:last-child{border-bottom:0}
  .curriculum-stage__head{grid-template-columns:1fr;padding:27px 20px 24px}.curriculum-stage__number{font-size:34px}.curriculum-stage__tags{grid-column:1}.curriculum-guide{grid-template-columns:62px minmax(0,1fr) 28px;padding:19px 17px;gap:12px}.curriculum-guide__cover{width:62px}.curriculum-guide__top{display:grid;gap:3px}.curriculum-guide__top b{font-size:10px}.curriculum-guide__meta{display:none}
  .curriculum-progression{grid-template-columns:1fr}.curriculum-progression article{border-right:0;border-bottom:1px solid var(--line);padding:24px 6px}.curriculum-progression article:nth-child(3){border-bottom:1px solid var(--line)}.curriculum-progression article:last-child{border-bottom:0}.curriculum-progression article::after{display:none}
  .faq-intro{flex-direction:column;align-items:start;gap:14px}.qa-slide{flex-basis:100%;min-height:300px;padding:23px 20px}.qa-slide__meta{margin-bottom:29px}.qa-slide h3{font-size:1.55rem}.qa-controls{grid-template-columns:44px minmax(120px,1fr) 44px;width:100%}.qa-arrow{width:44px;height:44px}.qa-slider--home .qa-slide{min-height:270px}
}

/* =========================================================
   SAENTIX v21 — richer editorial / cosmic systems pass
   ========================================================= */

/* Shared editorial accents */
.section-heading--split{align-items:end}
.section-note{max-width:360px;padding-left:18px;border-left:1px solid rgba(151,205,255,.3);color:#9fb0ce;font-size:12px;line-height:1.75}
.section-heading h2,.split-copy h2{letter-spacing:-.05em}
.section{overflow:hidden}
.section::after{content:"";position:absolute;left:50%;bottom:0;width:min(calc(100% - 92px),var(--max));height:1px;transform:translateX(-50%);background:linear-gradient(90deg,transparent,rgba(132,160,210,.14) 18%,rgba(132,160,210,.14) 82%,transparent);pointer-events:none}
.visual-window{border-radius:26px;border-color:rgba(147,177,224,.22);box-shadow:0 24px 80px rgba(2,7,18,.25)}
.visual-window::before{content:"";position:absolute;z-index:2;inset:13px;border:1px solid rgba(186,206,242,.12);border-radius:18px;pointer-events:none}
.visual-window::after{background:linear-gradient(180deg,transparent 55%,rgba(4,9,18,.72))}

/* Benefits — no longer a plain four-column strip */
#benefits{background:radial-gradient(circle at 14% 12%,rgba(73,123,179,.12),transparent 30%),linear-gradient(180deg,#0d1728,#09111e)}
.benefit-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;border:0}
.benefit{position:relative;overflow:hidden;min-height:230px;padding:32px 34px!important;border:1px solid rgba(153,178,220,.2)!important;border-radius:22px;background:linear-gradient(145deg,rgba(23,37,62,.95),rgba(10,18,32,.96));box-shadow:0 18px 45px rgba(2,7,15,.15)}
.benefit::before{content:"";position:absolute;width:210px;height:210px;right:-100px;top:-120px;border:1px solid rgba(150,200,255,.12);border-radius:50%;box-shadow:0 0 0 28px rgba(174,160,255,.03),0 0 0 56px rgba(174,160,255,.02)}
.benefit::after{content:"";position:absolute;left:34px;bottom:0;width:66px;height:2px;background:linear-gradient(90deg,#8cddff,#b69dff)}
.benefit-icon{width:56px;height:56px;display:grid;place-items:center;margin-bottom:29px;border:1px solid rgba(154,187,236,.22);border-radius:18px;background:radial-gradient(circle at 35% 25%,rgba(130,220,255,.14),transparent 50%),rgba(15,26,46,.8);box-shadow:inset 0 0 22px rgba(99,116,203,.06)}
.benefit-icon img{width:40px!important;height:40px!important;margin:0!important}
.benefit h3{font-size:20px;margin-bottom:12px}.benefit p{max-width:500px;font-size:13px;line-height:1.7}
.benefit:nth-child(2),.benefit:nth-child(3){background:linear-gradient(145deg,rgba(18,32,55,.96),rgba(12,20,36,.98))}

/* Learning paths — connected route, not three generic cards */
#learning-paths{background:radial-gradient(circle at 76% 16%,rgba(84,65,153,.13),transparent 32%),linear-gradient(180deg,#0a1220,#0d1728)}
.paths-grid{position:relative;gap:18px;padding-top:25px}
.paths-grid::before{content:"";position:absolute;left:9%;right:9%;top:3px;height:1px;background:linear-gradient(90deg,transparent,#71d6ff 18%,#b7a2ff 50%,#71d6ff 82%,transparent);opacity:.42}
.path-card{position:relative;overflow:hidden;min-height:370px;padding:34px 30px 28px;border:1px solid rgba(150,177,222,.22);border-radius:22px;background:linear-gradient(155deg,rgba(24,39,65,.94),rgba(10,19,34,.97));color:var(--ink);box-shadow:0 20px 55px rgba(2,6,15,.16)}
.path-card::after{content:"";position:absolute;inset:auto -80px -120px auto;width:230px;height:230px;border:1px solid rgba(175,157,255,.09);border-radius:50%;pointer-events:none}
.path-node{display:grid;place-items:center;width:46px;height:46px;margin-bottom:26px;border:1px solid rgba(152,204,255,.32);border-radius:50%;background:#101f34;color:#c9b8ff;box-shadow:0 0 0 7px rgba(105,134,187,.055),0 0 28px rgba(114,115,255,.09)}
.path-label{display:inline-block;color:#9fcff0!important;font-size:10px!important;font-weight:760!important;letter-spacing:.18em!important;text-transform:uppercase}
.path-card h3{margin:13px 0 12px;font-size:34px}.path-card>p{min-height:58px;color:#b8c5dc}
.path-card [data-path-ids]{margin-top:24px;gap:7px}
.path-card [data-path-ids] a{padding:11px 12px;border:1px solid rgba(148,173,215,.16)!important;border-radius:10px;background:rgba(15,27,47,.72);color:#e7eefc!important;transition:transform .2s,border-color .2s,background .2s}
.path-card [data-path-ids] a:hover{transform:translateX(3px);border-color:rgba(187,173,255,.4)!important;background:rgba(32,44,73,.76)}

/* Existing examples get richer containers */
.example-grid{gap:16px;border:0}.example-card{position:relative;padding:30px 28px!important;border:1px solid rgba(150,176,219,.2)!important;border-radius:19px;background:linear-gradient(150deg,rgba(22,36,60,.88),rgba(10,18,32,.95));overflow:hidden}
.example-card::before{content:"";position:absolute;inset:0 auto 0 0;width:2px;background:linear-gradient(180deg,transparent,#8ddcff 25%,#c4a9ff 70%,transparent)}
.example-card>span{display:inline-flex;padding:6px 9px;border:1px solid rgba(157,182,225,.2);border-radius:999px;color:#9fdcff!important;background:rgba(10,20,36,.55)}

/* Homepage — Interface anatomy */
.feature-system{background:radial-gradient(circle at 84% 42%,rgba(79,61,152,.15),transparent 31%),linear-gradient(180deg,#08101d,#0d1727)}
.anatomy-layout{display:grid;grid-template-columns:minmax(0,1.15fr) minmax(360px,.85fr);gap:clamp(36px,7vw,90px);align-items:center}
.anatomy-stack{display:grid;gap:11px}
.anatomy-stack article{display:grid;grid-template-columns:18px minmax(0,1fr) auto;gap:18px;align-items:center;padding:20px 22px;border:1px solid rgba(148,177,220,.18);border-radius:15px;background:linear-gradient(110deg,rgba(19,32,53,.88),rgba(10,19,34,.7));transition:transform .25s,border-color .25s}
.anatomy-stack article:hover{transform:translateX(6px);border-color:rgba(177,166,255,.4)}
.anatomy-dot{width:10px;height:10px;border-radius:50%;background:#91dfff;box-shadow:0 0 0 5px rgba(145,223,255,.08),0 0 18px rgba(145,223,255,.3)}
.anatomy-stack article:nth-child(even) .anatomy-dot{background:#bea6ff;box-shadow:0 0 0 5px rgba(190,166,255,.08),0 0 18px rgba(190,166,255,.28)}
.anatomy-stack small{font-size:9px;letter-spacing:.16em;color:#8da4c6}.anatomy-stack h3{margin:4px 0 5px;font-size:18px}.anatomy-stack p{color:#9dacc5;font-size:12px}.anatomy-stack a{font-size:11px;font-weight:730;color:#d8d3ff;white-space:nowrap}
.anatomy-orbit{position:relative;min-height:440px;display:grid;place-items:center}
.orbit-core{position:relative;z-index:3;width:150px;height:150px;display:grid;place-items:center;border-radius:50%;border:1px solid rgba(170,188,237,.3);background:radial-gradient(circle at 35% 30%,rgba(114,215,255,.18),transparent 35%),radial-gradient(circle at 65% 70%,rgba(181,153,255,.2),transparent 42%),#0d1a2d;box-shadow:0 0 55px rgba(91,87,180,.16),inset 0 0 45px rgba(108,162,220,.07)}
.orbit-core strong{position:absolute;top:33px;left:34px;font-size:22px}.orbit-core span{position:absolute;right:31px;top:67px;color:#9fdfff;font-weight:750}.orbit-core b{position:absolute;bottom:28px;left:58px;color:#c5adff}
.orbit-ring{position:absolute;border:1px solid rgba(126,170,226,.23);border-radius:50%;transform:rotate(-17deg)}.orbit-ring--one{width:260px;height:140px}.orbit-ring--two{width:380px;height:220px;border-color:rgba(180,158,244,.18);transform:rotate(26deg)}
.orbit-satellite{position:absolute;z-index:4;padding:7px 10px;border:1px solid rgba(156,183,226,.25);border-radius:999px;background:#101d31;color:#aebdda;font-size:9px;letter-spacing:.13em}.orbit-satellite--a{top:82px;right:53px}.orbit-satellite--b{bottom:87px;left:40px}.orbit-satellite--c{bottom:38px;right:82px}

/* Homepage — goal finder */
.goal-finder{background:linear-gradient(180deg,#0d1728,#0a1220)}
.goal-grid{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:14px}
.goal-card{grid-column:span 2;min-height:270px;display:flex;flex-direction:column;position:relative;overflow:hidden;padding:27px;border:1px solid rgba(153,177,219,.2);border-radius:19px;background:linear-gradient(155deg,rgba(20,34,57,.94),rgba(9,18,32,.98));transition:transform .25s,border-color .25s,box-shadow .25s}
.goal-card--wide{grid-column:span 3}.goal-card:hover{transform:translateY(-5px);border-color:rgba(188,174,255,.42);box-shadow:0 22px 55px rgba(1,6,15,.26);color:var(--ink)}
.goal-card::after{content:"";position:absolute;width:170px;height:170px;right:-80px;top:-80px;border:1px solid rgba(136,201,255,.1);border-radius:50%;box-shadow:0 0 0 28px rgba(179,156,255,.025)}
.goal-signal{font-size:9px;letter-spacing:.18em;color:#9acfee}.goal-card h3{max-width:420px;margin:42px 0 12px;font-size:24px}.goal-card p{max-width:430px;color:#9eacc6;font-size:13px;line-height:1.7}.goal-link{display:flex;justify-content:space-between;align-items:center;margin-top:auto;padding-top:22px;border-top:1px solid rgba(148,173,214,.18);font-size:12px;font-weight:730;color:#d7d3ff}

/* Homepage — practice loop */
.practice-loop-section{background:radial-gradient(circle at 65% 50%,rgba(64,79,160,.13),transparent 32%),linear-gradient(180deg,#09111f,#0d1728)}
.practice-loop{display:grid;grid-template-columns:minmax(280px,.65fr) minmax(0,1.35fr);gap:clamp(42px,8vw,110px);align-items:center}
.practice-loop__intro p:not(.eyebrow){max-width:480px;margin-top:20px;color:var(--muted)}.practice-loop__intro .text-link{display:inline-block;margin-top:27px}
.practice-loop__wheel{position:relative;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;padding:56px}
.practice-loop__wheel::before,.practice-loop__wheel::after{content:"";position:absolute;inset:10% 18%;border:1px solid rgba(146,180,225,.13);border-radius:50%;pointer-events:none}.practice-loop__wheel::after{inset:22% 30%;border-color:rgba(190,166,255,.18);transform:rotate(35deg)}
.practice-loop__wheel article{position:relative;z-index:2;min-height:180px;padding:23px;border:1px solid rgba(149,176,220,.2);border-radius:18px;background:rgba(13,24,42,.92);box-shadow:0 14px 35px rgba(1,5,14,.16)}
.practice-loop__wheel article span{font-size:9px;letter-spacing:.16em;color:#9bdcff}.practice-loop__wheel article strong{display:block;margin:25px 0 8px;font-size:16px}.practice-loop__wheel article p{font-size:12px;line-height:1.65;color:#9cabc5}
.practice-loop__core{position:absolute;z-index:4;left:50%;top:50%;width:112px;height:112px;transform:translate(-50%,-50%);display:grid;place-items:center;text-align:center;border:1px solid rgba(180,171,242,.3);border-radius:50%;background:#111d31;color:#dcd7ff;font-size:10px;line-height:1.5;letter-spacing:.13em;box-shadow:0 0 36px rgba(113,100,220,.14)}

/* Homepage — QA checklist */
.quality-checks{background:linear-gradient(180deg,#0c1526,#09111f)}
.check-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}
.check-grid article{position:relative;min-height:180px;padding:28px 27px 24px 50px;border:1px solid rgba(148,174,216,.18);border-radius:17px;background:linear-gradient(145deg,rgba(17,30,51,.86),rgba(10,18,32,.95))}
.check-grid article i{position:absolute;left:22px;top:32px;width:11px;height:11px;border:1px solid #94dcff;border-radius:50%;box-shadow:0 0 0 5px rgba(148,220,255,.06)}
.check-grid article:nth-child(even) i{border-color:#c0aaff}.check-grid h3{font-size:18px;margin-bottom:12px}.check-grid p{font-size:12px;line-height:1.7;color:#9eacc5}

/* Curriculum: remove numbering and make the stage head feel like a system panel */
.curriculum-stage__head{grid-template-columns:minmax(0,1.35fr) minmax(230px,.65fr);padding:36px 36px 31px;background:radial-gradient(circle at 90% 15%,rgba(90,81,172,.09),transparent 38%)}
.curriculum-stage__tags{justify-content:flex-end}
.curriculum-stage::after{content:"";position:absolute;right:35px;top:31px;width:58px;height:58px;border:1px solid rgba(143,199,245,.12);border-radius:50%;box-shadow:0 0 0 13px rgba(175,157,255,.018);pointer-events:none}
.curriculum-progression{position:relative;gap:0;background:linear-gradient(180deg,rgba(13,24,42,.6),rgba(7,14,26,.5));border:1px solid rgba(146,171,212,.16);border-radius:18px;overflow:hidden}
.curriculum-progression article{padding:34px 24px 30px}.curriculum-progression article::before{content:"";display:block;width:12px;height:12px;margin-bottom:24px;border:2px solid #93dfff;border-radius:50%;box-shadow:0 0 0 5px rgba(147,223,255,.05)}.curriculum-progression article:nth-child(even)::before{border-color:#c0a7ff}.curriculum-progression article::after{top:38px}

/* Curriculum skill matrix */
.skill-matrix-section{background:linear-gradient(180deg,#09111f,#0c1627)}
.skill-matrix{overflow:hidden;border:1px solid rgba(150,176,218,.2);border-radius:20px;background:rgba(10,19,34,.72)}
.skill-matrix__head,.skill-row{display:grid;grid-template-columns:minmax(230px,1.5fr) repeat(4,minmax(90px,.5fr));align-items:center}
.skill-matrix__head{padding:13px 20px;background:rgba(25,39,65,.7);font-size:9px;letter-spacing:.13em;text-transform:uppercase;color:#91a5c6}
.skill-row{min-height:86px;padding:0 20px;border-top:1px solid rgba(143,168,210,.14)}.skill-row strong{font-size:14px}.skill-row i{justify-self:center;width:18px;height:18px;border:1px solid rgba(139,167,211,.25);border-radius:50%;background:rgba(17,29,49,.75)}.skill-row i.is-strong{border-color:#9edfff;background:radial-gradient(circle,#a8e3ff 0 28%,rgba(113,185,236,.18) 31% 100%);box-shadow:0 0 20px rgba(109,201,255,.17)}

/* FAQ full page — all answers visible */
.faq-reference{background:linear-gradient(180deg,#0b1424,#08101d)}
.faq-quick{display:grid;grid-template-columns:minmax(280px,.75fr) minmax(0,1.25fr);gap:55px;align-items:end;padding-bottom:56px;border-bottom:1px solid rgba(149,174,217,.17)}
.faq-quick>div:first-child>p:not(.eyebrow){max-width:580px;margin-top:18px;color:var(--muted)}
.faq-quick__grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.faq-quick__grid article{padding:20px 21px;border:1px solid rgba(145,173,217,.17);border-radius:14px;background:rgba(15,27,47,.75)}.faq-quick__grid span{font-size:8px;letter-spacing:.15em;color:#92dafa}.faq-quick__grid strong{display:block;margin:10px 0 5px;font-size:14px}.faq-quick__grid p{font-size:11px;line-height:1.6;color:#91a0bb}
.faq-group{padding:64px 0 10px}.faq-group+.faq-group{border-top:1px solid rgba(145,171,214,.14)}
.faq-group__head{display:flex;align-items:end;justify-content:space-between;gap:20px;margin-bottom:26px}.faq-group__head .eyebrow{margin:0}.faq-group__head h2{font-size:clamp(2rem,3.4vw,3.4rem);max-width:760px}
.faq-answer-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}
.faq-answer-card{position:relative;overflow:hidden;min-height:220px;padding:28px 28px 26px;border:1px solid rgba(150,177,221,.19);border-radius:18px;background:linear-gradient(150deg,rgba(20,34,58,.91),rgba(9,18,32,.97));transition:transform .25s,border-color .25s,background .25s}
.faq-answer-card:hover{transform:translateY(-4px);border-color:rgba(190,176,255,.42);background:linear-gradient(150deg,rgba(25,41,68,.95),rgba(10,20,36,.98))}
.faq-answer-card__signal{width:42px;height:2px;margin-bottom:31px;background:linear-gradient(90deg,#88dcff,#c4a8ff)}
.faq-answer-card h3{max-width:540px;font-size:20px;line-height:1.3;margin-bottom:17px}.faq-answer-card__body{padding-top:16px;border-top:1px solid rgba(146,171,212,.14)}.faq-answer-card__body p{font-size:13px;line-height:1.75;color:#aab8d0}.faq-answer-card__body a{color:#9fdcff;text-decoration:underline;text-underline-offset:3px}

/* About / Catalog / Contact / Updates additional blocks */
.editorial-system{background:linear-gradient(180deg,#0a1220,#0d1728)}
.editorial-grid,.routing-grid,.method-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px}.routing-grid,.method-grid{grid-template-columns:repeat(3,minmax(0,1fr))}
.editorial-grid article,.routing-grid article,.method-grid article{min-height:220px;padding:27px 25px;border:1px solid rgba(148,176,220,.18);border-radius:18px;background:linear-gradient(150deg,rgba(20,34,57,.88),rgba(10,18,32,.95))}
.editorial-mark,.routing-grid span,.method-grid span{display:inline-block;font-size:9px;letter-spacing:.15em;color:#9edcff}.editorial-grid h3,.routing-grid h3,.method-grid h3{margin:43px 0 12px;font-size:20px}.editorial-grid p,.routing-grid p,.method-grid p{font-size:12px;line-height:1.72;color:#9fadc6}
.catalog-compass{background:linear-gradient(180deg,#0a1220,#0d1728)}
.catalog-compass-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}.catalog-compass-grid article{padding:29px;border:1px solid rgba(148,176,220,.18);border-radius:19px;background:linear-gradient(145deg,rgba(22,36,60,.9),rgba(10,18,32,.96))}.catalog-compass-grid>article>span{font-size:9px;letter-spacing:.16em;color:#97dcff}.catalog-compass-grid h3{margin:32px 0 10px;font-size:22px}.catalog-compass-grid p{max-width:520px;color:#9fadc6;font-size:12px;line-height:1.7}.catalog-compass-grid article>div{display:flex;flex-wrap:wrap;gap:8px;margin-top:24px}.catalog-compass-grid a{padding:8px 10px;border:1px solid rgba(155,181,223,.19);border-radius:9px;background:#101d31;font-size:11px;color:#e5eaff}.catalog-compass-grid a:hover{border-color:#beaaff;color:#fff}
.contact-routing,.field-note-method{background:linear-gradient(180deg,#09111f,#0d1728)}

/* Product extra content */
.product-signal-section{background:linear-gradient(180deg,#0a1220,#0c1627)}
.product-signal{display:grid;grid-template-columns:minmax(280px,.7fr) minmax(0,1.3fr);gap:50px;align-items:end}.product-signal>div:first-child>p:not(.eyebrow){margin-top:18px;color:var(--muted);max-width:480px}.product-signal__grid{display:grid;grid-template-columns:.55fr 1fr 1.2fr;border:1px solid rgba(150,177,220,.19);border-radius:18px;overflow:hidden;background:rgba(13,24,42,.78)}.product-signal__grid article{padding:24px 22px;border-right:1px solid rgba(145,171,212,.16)}.product-signal__grid article:last-child{border-right:0}.product-signal__grid span{font-size:8px;letter-spacing:.14em;color:#8fd9fb}.product-signal__grid strong{display:block;margin:16px 0 10px;font-size:clamp(1.1rem,2vw,1.8rem);line-height:1.25;color:#e6e4ff}.product-signal__grid p{font-size:11px;line-height:1.6;color:#8f9fba}

/* Home QA slider: category pill, no numeric badge */
.qa-slide__meta{justify-content:flex-start}.qa-slide__meta span:first-child{display:inline-flex;width:auto;height:auto;padding:7px 9px;border:1px solid rgba(151,181,225,.18);border-radius:999px;background:rgba(16,28,48,.7);color:#9fdcff;letter-spacing:.13em}

/* Social icons keep brand recognition but now share the same orbital system */
.socials a{width:38px;height:38px;display:grid;place-items:center;border:1px solid rgba(145,177,222,.18);border-radius:50%;background:#0f1b2e;transition:transform .2s,border-color .2s,box-shadow .2s}.socials a:hover{transform:translateY(-2px);border-color:rgba(191,175,255,.52);box-shadow:0 0 24px rgba(130,113,231,.14)}.socials img{width:30px!important;height:30px!important}

/* Responsive refinements */
@media(max-width:1100px){
  .anatomy-layout,.practice-loop,.faq-quick,.product-signal{grid-template-columns:1fr}.anatomy-orbit{min-height:370px}.goal-card,.goal-card--wide{grid-column:span 3}.practice-loop__wheel{max-width:760px}.editorial-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.curriculum-stage__head{grid-template-columns:1fr}.curriculum-stage__tags{justify-content:flex-start}.curriculum-stage::after{display:none}
}
@media(max-width:800px){
  .benefit-grid,.faq-answer-grid,.catalog-compass-grid,.routing-grid,.method-grid,.check-grid{grid-template-columns:1fr 1fr}.goal-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.goal-card,.goal-card--wide{grid-column:span 1}.practice-loop__wheel{padding:36px}.skill-matrix{overflow-x:auto}.skill-matrix__head,.skill-row{min-width:720px}.product-signal__grid{grid-template-columns:1fr}.product-signal__grid article{border-right:0;border-bottom:1px solid rgba(145,171,212,.16)}.product-signal__grid article:last-child{border-bottom:0}
}
@media(max-width:640px){
  .section-note{padding-left:0;border-left:0}.benefit-grid,.faq-answer-grid,.catalog-compass-grid,.routing-grid,.method-grid,.check-grid,.editorial-grid,.goal-grid{grid-template-columns:1fr}.benefit{min-height:0;padding:27px 24px!important}.paths-grid::before{display:none}.path-card{min-height:0}.anatomy-stack article{grid-template-columns:14px 1fr}.anatomy-stack article a{grid-column:2;margin-top:4px}.anatomy-orbit{min-height:320px;transform:scale(.88)}.practice-loop__wheel{grid-template-columns:1fr;padding:16px}.practice-loop__core{display:none}.practice-loop__wheel::before,.practice-loop__wheel::after{display:none}.faq-quick__grid{grid-template-columns:1fr}.faq-group{padding-top:48px}.faq-answer-card{min-height:0}.curriculum-progression{border-radius:14px}.editorial-grid article,.routing-grid article,.method-grid article{min-height:0}.section-heading--split{align-items:start}.goal-card{min-height:230px}
}

/* v22 — structural polish, cleaner hierarchy, fewer repeated section ideas */

/* Catalog is product-first: keep the hero concise and let the books lead. */
.catalog-intro{padding-bottom:68px}
#all-guides{padding-top:72px;background:linear-gradient(180deg,#0a1120 0%,#0d1728 52%,#0a1220 100%)}
#all-guides .section-heading{margin-bottom:30px}
.catalog-compass{padding-top:82px;background:radial-gradient(circle at 82% 10%,rgba(109,88,194,.12),transparent 28%),linear-gradient(180deg,#0a1220,#09111e)}
.catalog-compass-grid{grid-template-columns:1.18fr .82fr .82fr 1.18fr;gap:12px}
.catalog-compass-grid article{min-height:280px;display:flex;flex-direction:column;position:relative;overflow:hidden}
.catalog-compass-grid article::before{content:"";position:absolute;right:-54px;top:-54px;width:150px;height:150px;border:1px solid rgba(159,198,255,.1);border-radius:50%;box-shadow:0 0 0 26px rgba(178,154,255,.025)}
.catalog-compass-grid article>div{margin-top:auto}

/* Who + mission now form one richer block instead of two near-identical sections. */
#who{background:radial-gradient(circle at 88% 20%,rgba(83,65,158,.12),transparent 28%),linear-gradient(180deg,#0b1424,#09111f)}
#who .split{align-items:stretch}
#who .split-copy{display:flex;flex-direction:column;justify-content:center}
.who-principle{position:relative;margin:27px 0 0;padding:21px 22px 20px 25px;border:1px solid rgba(163,181,224,.18);border-radius:16px;background:linear-gradient(140deg,rgba(23,37,62,.88),rgba(12,22,38,.9));overflow:hidden}
.who-principle::before{content:"";position:absolute;left:0;top:18px;bottom:18px;width:2px;background:linear-gradient(180deg,#8fdcff,#c2a7ff)}
.who-principle__signal{display:block;margin-bottom:12px;color:#95dbff;font-size:9px;font-weight:760;letter-spacing:.17em}
.who-principle h3{font-size:18px;margin-bottom:9px;letter-spacing:-.025em}
.who-principle p{color:#9facC4!important;font-size:12px!important;line-height:1.72!important}

/* Benefits: still concise, but visually treated as a system rather than four plain cells. */
#benefits{background:linear-gradient(180deg,#09111f,#0d1728)}
#benefits .benefit-grid{grid-template-columns:1.08fr .92fr .92fr 1.08fr;gap:12px}
#benefits .benefit{position:relative;min-height:255px;overflow:hidden;padding:30px 25px;border-radius:20px;background:linear-gradient(150deg,rgba(22,37,62,.96),rgba(10,19,33,.98))}
#benefits .benefit::after{content:"";position:absolute;width:140px;height:140px;right:-68px;bottom:-70px;border:1px solid rgba(156,204,255,.09);border-radius:50%;box-shadow:0 0 0 25px rgba(191,166,255,.025)}
#benefits .benefit:nth-child(even){transform:translateY(20px)}
#benefits .benefit-icon{width:52px;height:52px;display:grid;place-items:center;border:1px solid rgba(157,190,230,.18);border-radius:16px;background:linear-gradient(145deg,rgba(35,55,89,.78),rgba(14,26,45,.9));box-shadow:inset 0 1px 0 rgba(255,255,255,.05)}
#benefits .benefit-icon img{width:28px;height:28px;margin:0}
#benefits .benefit h3{margin-top:44px;font-size:19px}

/* The learning path now includes a small goal-entry rail; the old standalone goal section is gone. */
#learning-paths{background:radial-gradient(circle at 50% 0%,rgba(86,72,166,.13),transparent 30%),linear-gradient(180deg,#09111f,#0d1728)}
#learning-paths .paths-grid{position:relative;gap:14px}
#learning-paths .paths-grid::before{content:"";position:absolute;left:9%;right:9%;top:47px;height:1px;background:linear-gradient(90deg,transparent,#6fd8ff 18%,#baa5ff 50%,#6fd8ff 82%,transparent);opacity:.35;pointer-events:none}
#learning-paths .path-card{position:relative;z-index:1;min-height:430px;padding:29px 27px 25px;border-radius:21px;background:linear-gradient(155deg,rgba(22,38,64,.95),rgba(10,18,32,.98));box-shadow:0 22px 50px rgba(1,6,15,.14)}
#learning-paths .path-card::after{content:"";position:absolute;inset:auto 22px 0;height:2px;background:linear-gradient(90deg,transparent,#8ddcff,#bca8ff,transparent);opacity:.28}
#learning-paths .path-node{width:34px;height:34px;margin:16px 0 29px;border:1px solid rgba(164,199,238,.35);border-radius:50%;background:radial-gradient(circle,#a8e3ff 0 3px,#162740 4px 100%);box-shadow:0 0 0 7px rgba(133,204,255,.04),0 0 25px rgba(125,191,255,.12);font-size:0}
#learning-paths .path-card:nth-child(2) .path-node{background:radial-gradient(circle,#c7b4ff 0 3px,#1c2444 4px 100%)}
#learning-paths .path-card h3{font-size:32px}
.path-goals{display:grid;grid-template-columns:.9fr repeat(3,1fr);gap:12px;margin-top:26px}
.path-goals__intro{padding:25px 24px;border-left:1px solid rgba(156,181,220,.2)}
.path-goals__intro h3{font-size:21px;line-height:1.28;letter-spacing:-.03em}
.path-goal{min-height:190px;display:flex;flex-direction:column;padding:23px;border:1px solid rgba(153,179,220,.18);border-radius:17px;background:rgba(12,23,40,.78);transition:.25s transform,.25s border-color,.25s background}
.path-goal:hover{transform:translateY(-4px);border-color:rgba(190,176,255,.42);background:rgba(19,31,53,.94);color:#fff}
.path-goal>span{font-size:8px;letter-spacing:.16em;color:#8edcff}.path-goal h4{margin:28px 0 9px;font-size:17px;line-height:1.25}.path-goal p{font-size:11px;line-height:1.62;color:#94a6c3}.path-goal b{margin-top:auto;padding-top:18px;font-size:11px;color:#d8d4ff}

/* Materials + practice loop are one coherent section instead of two sections saying nearly the same thing. */
#materials{background:linear-gradient(180deg,#09111f,#0d1728)}
.materials-practice{margin-top:76px;padding-top:58px;border-top:1px solid rgba(148,174,216,.16)}
.materials-practice .practice-loop{grid-template-columns:minmax(260px,.62fr) minmax(0,1.38fr)}
.materials-practice .practice-loop__wheel article{background:linear-gradient(150deg,rgba(18,32,55,.9),rgba(10,18,32,.96))}

/* Practice examples: show the actual book, not another generic text card. */
.example-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:15px}
.example-card{display:grid!important;grid-template-columns:92px minmax(0,1fr);gap:20px;align-items:start;min-height:300px;padding:23px!important}
.example-card__book{align-self:stretch;display:flex;align-items:flex-start;justify-content:center;padding:6px;border:1px solid rgba(155,182,224,.14);border-radius:13px;background:#0a1322}
.example-card__book img{width:100%;aspect-ratio:3/4;object-fit:cover;border-radius:7px;box-shadow:0 16px 28px rgba(0,5,15,.34)}
.example-card__copy{display:flex;min-width:0;height:100%;flex-direction:column}
.example-card__copy h3{margin:18px 0 12px}
.example-card__copy a{margin-top:auto}

/* Checklist: break the regular 3x2 card rhythm. */
#quality-checks{background:radial-gradient(circle at 16% 12%,rgba(63,125,178,.08),transparent 26%),linear-gradient(180deg,#0d1728,#09111f)}
.check-grid{grid-template-columns:repeat(12,minmax(0,1fr));gap:12px}
.check-grid article{grid-column:span 4;min-height:185px}
.check-grid article:nth-child(1),.check-grid article:nth-child(6){grid-column:span 5}
.check-grid article:nth-child(2),.check-grid article:nth-child(5){grid-column:span 3}

/* Internal pages — add visual hierarchy without adding duplicate content. */
.editorial-grid article:nth-child(2),.editorial-grid article:nth-child(4){transform:translateY(18px)}
.updates-grid{grid-template-columns:1.15fr .85fr;align-items:stretch}
.update-feature:first-child{min-height:390px;background:radial-gradient(circle at 90% 8%,rgba(98,78,183,.15),transparent 27%),linear-gradient(150deg,rgba(22,37,62,.93),rgba(9,18,32,.98))}
.update-feature:last-child{margin-top:42px}
.routing-grid article:nth-child(2){transform:translateY(18px)}
.method-grid article:nth-child(2){transform:translateY(18px)}

/* Product pages: curriculum is enough; remove redundant separate route and make existing blocks richer. */
.product-signal{align-items:stretch}
.product-signal__grid article{position:relative;overflow:hidden}
.product-signal__grid article::after{content:"";position:absolute;right:-32px;bottom:-32px;width:90px;height:90px;border:1px solid rgba(144,203,255,.08);border-radius:50%}
.product-syllabus .module-list{gap:10px}
.product-syllabus .module{position:relative;overflow:hidden;border-radius:15px;background:linear-gradient(145deg,rgba(20,33,56,.9),rgba(10,18,31,.96))}
.product-practice-section{background:radial-gradient(circle at 80% 30%,rgba(79,62,155,.11),transparent 28%),linear-gradient(180deg,#09111f,#0d1728)}

/* If direct contact data has not been supplied, never show a broken form or placeholders. */
.no-direct-email .contact-layout{grid-template-columns:1fr;max-width:760px}
.no-direct-email .contact-info{max-width:720px}

/* Keep the light button treatment only where it was intentionally approved. */
.header-cta,.product-page-hero .btn-primary,.product-close-section .btn-primary,.contact-form .btn-primary,.loading-card .btn-primary{color:#fff;background:linear-gradient(112deg,#394771,#53498c);border-color:rgba(194,185,255,.48);box-shadow:inset 0 1px 0 rgba(255,255,255,.15),0 6px 18px rgba(3,8,22,.18)}
.header-cta:hover,.product-page-hero .btn-primary:hover,.product-close-section .btn-primary:hover,.contact-form .btn-primary:hover,.loading-card .btn-primary:hover{color:#fff;background:linear-gradient(112deg,#4b5d8d,#6757aa);border-color:#c9c2ff}
.hero .btn-primary,#free .btn-primary{color:#17213c;background:linear-gradient(112deg,#fff,#f0efff 48%,#ceceff);border-color:rgba(255,255,255,.82);box-shadow:0 0 0 1px rgba(255,255,255,.5) inset,0 0 21px rgba(171,164,255,.34)}

@media(max-width:1130px){
  .catalog-compass-grid{grid-template-columns:1fr 1fr}
  #benefits .benefit-grid{grid-template-columns:1fr 1fr}
  #benefits .benefit:nth-child(even){transform:none}
  .path-goals{grid-template-columns:1fr 1fr}.path-goals__intro{grid-column:1/-1}
  .check-grid article,.check-grid article:nth-child(1),.check-grid article:nth-child(6),.check-grid article:nth-child(2),.check-grid article:nth-child(5){grid-column:span 6}
}
@media(max-width:760px){
  .catalog-compass-grid,#benefits .benefit-grid,.path-goals,.example-grid,.updates-grid{grid-template-columns:1fr}
  .catalog-compass-grid article{min-height:0}
  #learning-paths .paths-grid::before{display:none}
  #learning-paths .path-card{min-height:0}
  .path-goals__intro{grid-column:auto;border-left:0;padding-inline:0}
  .materials-practice{margin-top:55px;padding-top:42px}
  .example-card{grid-template-columns:78px minmax(0,1fr);min-height:0}
  .check-grid{grid-template-columns:1fr}.check-grid article,.check-grid article:nth-child(1),.check-grid article:nth-child(6),.check-grid article:nth-child(2),.check-grid article:nth-child(5){grid-column:auto}
  .editorial-grid article:nth-child(2),.editorial-grid article:nth-child(4),.update-feature:last-child,.routing-grid article:nth-child(2),.method-grid article:nth-child(2){transform:none;margin-top:0}
}

/* v23 — restore structural placeholders, keep forms, regularize card rhythm */

/* Benefits: equal cards, restrained cosmic icon treatment, no oversized decorative discs. */
#benefits .benefit-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:12px}
#benefits .benefit{min-height:238px!important;transform:none!important;padding:28px 24px!important;border-radius:18px;background:linear-gradient(150deg,rgba(21,35,59,.95),rgba(10,19,33,.98))}
#benefits .benefit::before{content:"";position:absolute;right:20px;top:18px;width:46px;height:46px;border:1px solid rgba(146,202,255,.1);border-radius:50%;box-shadow:0 0 0 8px rgba(188,166,255,.025)}
#benefits .benefit::after{left:24px;right:24px;bottom:0;width:auto;height:1px;opacity:.55;background:linear-gradient(90deg,#8cddff,#b69dff,transparent)}
#benefits .benefit-icon{width:48px;height:48px;margin-bottom:28px;border-radius:14px}
#benefits .benefit-icon img{width:30px!important;height:30px!important}
#benefits .benefit h3{margin-top:0;font-size:19px}

/* Interface anatomy: the four ideas are equal modules; the orbit remains the visual anchor. */
.anatomy-layout{grid-template-columns:minmax(0,1.25fr) minmax(340px,.75fr);gap:48px;align-items:stretch}
.anatomy-stack{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}
.anatomy-stack article{min-height:154px;grid-template-columns:16px minmax(0,1fr);align-content:center;gap:14px;padding:22px;border-radius:17px}
.anatomy-stack article:hover{transform:none;border-color:rgba(177,166,255,.4)}
.anatomy-stack article a{grid-column:2;margin-top:8px}
.anatomy-orbit{min-height:100%;}

/* Learning / examples / checklist: regular heights unless content truly needs more room. */
#learning-paths .path-card{min-height:410px}
.example-grid{grid-template-columns:repeat(3,minmax(0,1fr));align-items:stretch}
.example-card{min-height:282px!important;height:100%;grid-template-columns:88px minmax(0,1fr);align-items:stretch}
.example-card__book{height:100%;min-height:216px;align-items:flex-start}
.example-card__copy{min-height:100%}
.check-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}
.check-grid article,.check-grid article:nth-child(1),.check-grid article:nth-child(2),.check-grid article:nth-child(5),.check-grid article:nth-child(6){grid-column:auto;min-height:185px}

/* Catalog compass: four equal choices instead of decorative unequal widths. */
.catalog-compass-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:12px}
.catalog-compass-grid article{min-height:270px}
.catalog-compass-grid article::before{width:84px;height:84px;right:-28px;top:-28px;box-shadow:none;opacity:.7}

/* Internal-page supporting cards stay aligned and equal. */
.editorial-grid article,.routing-grid article,.method-grid article{min-height:220px;transform:none!important;margin-top:0!important}
.editorial-grid article:nth-child(2),.editorial-grid article:nth-child(4),.routing-grid article:nth-child(2),.method-grid article:nth-child(2){transform:none!important;margin-top:0!important}
.updates-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;align-items:stretch}
.update-feature:first-child,.update-feature:last-child{min-height:340px;margin-top:0!important}

/* Contact: placeholders and the form are intentionally part of the agreed structure. */
.contact-layout{grid-template-columns:minmax(0,.8fr) minmax(0,1.2fr);align-items:start}
.contact-form[hidden]{display:flex!important}
.form-status:empty{display:none}
.footer-bottom{justify-content:flex-start}

/* FAQ page: three equal answer cards in view on desktop, two on tablet, one on mobile. */
.faq-carousel-section{background:radial-gradient(circle at 86% 4%,rgba(103,82,188,.12),transparent 29%),linear-gradient(180deg,#0b1424,#08101d)}
.faq-category-key{display:flex;flex-wrap:wrap;justify-content:flex-end;gap:8px;align-self:end}
.faq-category-key span{padding:7px 10px;border:1px solid rgba(151,181,225,.18);border-radius:999px;background:rgba(16,28,48,.72);color:#98dcff;font-size:8px;font-weight:760;letter-spacing:.13em}
.qa-slider--page{--qa-gap:14px;margin-top:12px}
.qa-slider--page .qa-track{display:grid;grid-auto-flow:column;grid-auto-columns:calc((100% - (var(--qa-gap) * 2))/3);gap:var(--qa-gap);align-items:stretch}
.qa-slider--page .qa-slide{width:auto;flex:none;min-height:330px;height:100%;padding:26px 25px 25px;border-radius:18px;background:linear-gradient(150deg,rgba(20,34,58,.94),rgba(9,18,32,.98));box-shadow:none}
.qa-slider--page .qa-slide:hover{transform:none;border-color:rgba(190,176,255,.44)}
.qa-slider--page .qa-slide__meta{margin-bottom:30px}
.qa-slider--page .qa-slide__meta span:first-child{padding:7px 9px;border-radius:999px}
.qa-slider--page .qa-slide h3{font-size:clamp(1.3rem,1.8vw,1.75rem);line-height:1.2;margin-bottom:18px}
.qa-slider--page .qa-slide__answer{margin-top:auto;padding-top:18px}
.qa-slider--page .qa-slide__answer p{font-size:13px;line-height:1.72}
.qa-slider--page .qa-controls{margin-top:22px}

@media(max-width:1130px){
  #benefits .benefit-grid,.catalog-compass-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
  .anatomy-layout{grid-template-columns:1fr}.anatomy-orbit{min-height:360px}
  .qa-slider--page .qa-track{grid-auto-columns:calc((100% - var(--qa-gap))/2)}
}
@media(max-width:760px){
  #benefits .benefit-grid,.catalog-compass-grid,.check-grid{grid-template-columns:1fr}
  .anatomy-stack{grid-template-columns:1fr}
  .anatomy-stack article{min-height:0}
  .example-grid{grid-template-columns:1fr}
  .example-card{min-height:0!important;grid-template-columns:78px minmax(0,1fr)}
  .example-card__book{min-height:190px}
  .faq-category-key{justify-content:flex-start}
  .qa-slider--page .qa-track{grid-auto-columns:100%}
  .qa-slider--page .qa-slide{min-height:300px}
  .contact-layout{grid-template-columns:1fr}
}

/* =========================================================
   SAENTIX v24 — clarity / conversion / editorial refinement
   ========================================================= */

/* Practice loop — one readable rail, no awkward central wheel. */
.practice-loop-v24{background:radial-gradient(circle at 78% 18%,rgba(91,72,169,.11),transparent 30%),linear-gradient(180deg,#09111f,#0c1627)}
.practice-rail{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));border:1px solid rgba(149,176,220,.2);border-radius:22px;overflow:hidden;background:linear-gradient(145deg,rgba(18,31,53,.94),rgba(9,17,31,.98))}
.practice-rail article{position:relative;min-height:250px;padding:30px 26px 27px;border-right:1px solid rgba(148,175,219,.18)}
.practice-rail article:last-child{border-right:0}
.practice-rail article:not(:last-child)::after{content:'→';position:absolute;right:-15px;top:34px;z-index:2;width:30px;height:30px;display:grid;place-items:center;border:1px solid rgba(158,187,232,.2);border-radius:50%;background:#0b1424;color:#a6ddff;font-size:12px}
.practice-rail__icon{width:46px;height:46px;display:grid;place-items:center;margin-bottom:38px;border:1px solid rgba(161,188,230,.22);border-radius:14px;background:linear-gradient(145deg,rgba(130,218,255,.12),rgba(173,151,255,.08));color:#b6e6ff;font-size:12px;font-weight:800;letter-spacing:.08em}
.practice-rail small{display:block;color:#88dbff;font-size:8px;font-weight:780;letter-spacing:.18em}.practice-rail h3{margin:12px 0 11px;font-size:19px}.practice-rail p{color:#9eacc5;font-size:12px;line-height:1.7}
.practice-rail__footer{display:flex;align-items:center;justify-content:space-between;gap:24px;margin-top:18px;padding:16px 2px 0;color:#8fa1bd;font-size:10px;letter-spacing:.12em}.practice-rail__footer .text-link{font-size:12px;letter-spacing:0;color:#d7cdff}

/* Practice examples — clearer workbench cards, equal height. */
#practice{background:linear-gradient(180deg,#0d1728,#0a1220)}
#practice .example-grid{align-items:stretch}
.example-card-v24{grid-template-columns:118px minmax(0,1fr)!important;min-height:360px!important;padding:26px!important;border-radius:22px!important;background:linear-gradient(145deg,rgba(22,36,60,.94),rgba(9,18,32,.98))!important}
.example-card-v24 .example-card__book{min-height:0;height:auto;align-self:start;padding:8px;border-radius:15px;background:linear-gradient(180deg,#0b1526,#08111f)}
.example-card-v24 .example-card__book img{aspect-ratio:3/4;object-fit:cover}
.example-card-v24 .example-card__copy>span{display:inline-flex;align-self:flex-start;padding:6px 9px;border:1px solid rgba(149,179,224,.18);border-radius:999px;color:#9addff!important;background:rgba(12,23,40,.72);font-size:8px;letter-spacing:.14em}
.example-card-v24 .example-card__copy h3{margin:20px 0 13px;font-size:23px}.example-card-v24 .example-card__copy>p{font-size:13px;line-height:1.78}
.example-card__focus-v24{margin-top:24px;padding-top:18px;border-top:1px solid rgba(146,174,218,.16)}.example-card__focus-v24 small{display:block;margin-bottom:7px;color:#91dcff;font-size:8px;letter-spacing:.15em}.example-card__focus-v24 b{display:block;color:#d6deee;font-size:12px;line-height:1.6;font-weight:650}
.example-card-v24 .example-card__copy>a{margin-top:auto;padding-top:22px}

/* FAQ — page-based navigation rather than an ambiguous slide index. */
.qa-progress--pages{display:grid!important;grid-template-columns:minmax(160px,auto) minmax(120px,1fr)!important;gap:18px!important;align-items:center!important}
.qa-progress--pages>div:first-child{display:grid;gap:2px}.qa-progress-range{color:#eef1ff;font-size:11px;font-weight:760;letter-spacing:.04em}.qa-progress-page{color:#899bb8;font-size:9px;font-weight:700;letter-spacing:.12em;text-transform:uppercase}
.qa-progress--pages .qa-progress-line{margin-left:0!important;min-width:150px;height:3px;border-radius:999px}.qa-progress--pages .qa-progress-line i{border-radius:999px}
.qa-slider--home .qa-track{display:grid;grid-auto-flow:column;grid-auto-columns:calc((100% - 16px)/2);gap:16px;align-items:stretch}.qa-slider--home .qa-slide{width:auto;flex:none;min-height:280px;height:100%}
.qa-slider--home .qa-controls,.qa-slider--page .qa-controls{grid-template-columns:50px minmax(250px,430px) 50px;justify-content:end;gap:12px}
.qa-slider--page .qa-slide{min-height:350px}

/* About — manifesto + vertical method, deliberately different from Contact. */
.about-manifesto{background:radial-gradient(circle at 8% 10%,rgba(80,109,174,.12),transparent 28%),linear-gradient(180deg,#09111f,#0d1728)}
.about-manifesto__grid{display:grid;grid-template-columns:minmax(280px,.78fr) minmax(0,1.22fr);gap:clamp(42px,8vw,110px);align-items:start}
.about-manifesto__statement{position:sticky;top:110px;padding-right:20px}.about-manifesto__statement h2{max-width:640px}.about-manifesto__statement>p:not(.eyebrow){max-width:560px;margin-top:23px;color:var(--muted);line-height:1.85}
.about-manifesto__signal{display:flex;flex-wrap:wrap;gap:8px;margin-top:28px}.about-manifesto__signal span{padding:8px 10px;border:1px solid rgba(149,179,223,.18);border-radius:999px;background:#0e1a2e;color:#96dcff;font-size:8px;font-weight:760;letter-spacing:.13em}
.about-method{border-top:1px solid rgba(149,176,220,.18)}.about-method article{display:grid;grid-template-columns:105px minmax(180px,.7fr) minmax(0,1fr);gap:22px;align-items:start;padding:29px 0;border-bottom:1px solid rgba(149,176,220,.18)}.about-method small{color:#91dcff;font-size:8px;letter-spacing:.16em}.about-method h3{font-size:20px}.about-method p{color:#9daac1;font-size:12px;line-height:1.7}

/* Contact — route selector, not another editorial card grid. */
.contact-assist{background:linear-gradient(180deg,#09111f,#0c1627)}
.contact-assist__grid{display:grid;grid-template-columns:minmax(270px,.72fr) minmax(0,1.28fr);gap:clamp(42px,8vw,100px);align-items:start}.contact-assist__grid>div:first-child>p:not(.eyebrow){margin-top:21px;color:var(--muted);max-width:480px;line-height:1.8}
.contact-assist__routes{display:grid;border:1px solid rgba(149,176,220,.19);border-radius:20px;overflow:hidden;background:rgba(13,24,42,.72)}.contact-assist__routes article{display:grid;grid-template-columns:90px minmax(190px,.7fr) minmax(0,1fr);gap:22px;align-items:center;padding:25px 26px;border-bottom:1px solid rgba(149,176,220,.16)}.contact-assist__routes article:last-child{border-bottom:0}.contact-assist__routes span{color:#90dcff;font-size:8px;font-weight:760;letter-spacing:.15em}.contact-assist__routes h3{font-size:17px}.contact-assist__routes p{color:#9aa9c2;font-size:12px;line-height:1.65}

/* Latest Updates — actual change ledger. */
.update-ledger{background:radial-gradient(circle at 90% 10%,rgba(88,69,163,.1),transparent 28%),linear-gradient(180deg,#09111f,#0d1728)}
.update-ledger__list{border-top:1px solid rgba(150,176,219,.18)}.update-ledger__list article{display:grid;grid-template-columns:130px minmax(0,1fr) 90px;gap:28px;align-items:start;padding:27px 0;border-bottom:1px solid rgba(150,176,219,.18)}.update-ledger__list article>span{color:#8fdbff;font-size:8px;font-weight:760;letter-spacing:.15em}.update-ledger__list h3{margin-bottom:8px;font-size:18px}.update-ledger__list p{max-width:780px;color:#9daac2;font-size:12px;line-height:1.72}.update-ledger__list b{justify-self:end;padding:7px 9px;border:1px solid rgba(173,159,239,.22);border-radius:999px;color:#c8b8ff;font-size:8px;letter-spacing:.12em;font-weight:760}

/* Product page v24 — clearer value hierarchy and stronger conversion flow. */
.product-page-hero-v24 .product-hero-grid{grid-template-columns:minmax(300px,.78fr) minmax(0,1.22fr)}
.product-kicker-row{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:24px}.product-kicker-row span{padding:7px 9px;border:1px solid rgba(151,180,224,.19);border-radius:999px;background:rgba(12,23,41,.72);color:#9addff;font-size:8px;font-weight:760;letter-spacing:.13em}
.product-page-hero-v24 .product-cover-large{max-width:390px;border-radius:18px;transform:perspective(900px) rotateY(4deg);box-shadow:0 35px 90px rgba(1,5,14,.45)}
.product-outcomes-v24{background:linear-gradient(180deg,#0b1424,#0d1728)}
.product-outcome-grid-v24{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));border:1px solid rgba(150,176,220,.18);border-radius:20px;overflow:hidden;background:rgba(13,24,42,.72)}.product-outcome-grid-v24 article{min-height:210px;padding:28px 26px;border-right:1px solid rgba(150,176,220,.16)}.product-outcome-grid-v24 article:last-child{border-right:0}.product-outcome-grid-v24 span{color:#91dcff;font-size:8px;font-weight:760;letter-spacing:.15em}.product-outcome-grid-v24 h3{margin-top:42px;font-size:20px;line-height:1.35;color:#e9edfb}
.product-curriculum-v24{background:linear-gradient(180deg,#0d1728,#09111f)}.product-curriculum-head-v24{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:40px;align-items:end;margin-bottom:34px}.product-curriculum-head-v24>div>p:not(.eyebrow){max-width:650px;margin-top:18px;color:var(--muted)}.product-curriculum-meta-v24{display:flex;flex-wrap:wrap;justify-content:flex-end;gap:8px}.product-curriculum-meta-v24 span{padding:7px 10px;border:1px solid rgba(150,177,221,.18);border-radius:999px;background:#0f1b2f;color:#a8b6cf;font-size:9px}
.product-module-grid-v24{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.product-module-v24{display:grid;grid-template-columns:54px 1fr;gap:17px;align-items:center;min-height:115px;padding:20px 21px;border:1px solid rgba(151,177,220,.18);border-radius:16px;background:linear-gradient(145deg,rgba(20,34,57,.9),rgba(9,18,32,.97))}.product-module-v24>span{width:42px;height:42px;display:grid;place-items:center;border:1px solid rgba(153,184,228,.2);border-radius:12px;background:#0d192b;color:#a7def7;font-size:10px;font-weight:780}.product-module-v24 small{display:block;margin-bottom:6px;color:#8edaff;font-size:7px;letter-spacing:.16em}.product-module-v24 h3{font-size:16px}
.product-fit-v24{background:linear-gradient(180deg,#09111f,#0c1627)}.product-fit-grid-v24{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}.product-fit-grid-v24 article{min-height:280px;padding:29px 27px;border:1px solid rgba(151,177,220,.19);border-radius:19px;background:linear-gradient(150deg,rgba(20,34,58,.92),rgba(9,18,32,.97))}.product-fit-grid-v24 article>span{color:#91dcff;font-size:8px;letter-spacing:.15em}.product-fit-grid-v24 h3{margin:37px 0 17px;font-size:18px;line-height:1.45;color:#e8ecf8}.product-fit-grid-v24 p{color:#97a7c0;font-size:12px;line-height:1.72}
.product-practice-v24{background:radial-gradient(circle at 78% 22%,rgba(81,62,153,.12),transparent 28%),linear-gradient(180deg,#0c1627,#0d1728)}.product-project-v24{display:grid;grid-template-columns:minmax(0,1.2fr) minmax(280px,.8fr);gap:0;border:1px solid rgba(155,178,220,.2);border-radius:22px;overflow:hidden;background:linear-gradient(145deg,rgba(23,37,61,.95),rgba(10,18,32,.98))}.product-project-copy-v24{padding:clamp(30px,5vw,58px)}.product-project-copy-v24 h2{max-width:720px}.product-project-brief-v24{max-width:690px;margin-top:23px;color:#edf1ff;font-size:clamp(16px,1.5vw,19px);line-height:1.75}.product-project-tags-v24{display:flex;flex-wrap:wrap;gap:8px;margin-top:27px}.product-project-tags-v24 span{padding:7px 9px;border:1px solid rgba(149,180,223,.18);border-radius:999px;color:#9cddff;font-size:8px;letter-spacing:.13em}.product-project-review-v24{padding:clamp(30px,4vw,46px);border-left:1px solid rgba(151,177,220,.18);background:rgba(8,16,30,.44)}.product-project-review-v24>div{display:grid;grid-template-columns:38px 1fr;gap:12px;align-items:start;padding:17px 0;border-bottom:1px solid rgba(151,177,220,.14)}.product-project-review-v24>div:last-child{border-bottom:0}.product-project-review-v24 b{color:#9cddff;font-size:10px}.product-project-review-v24 span{color:#cbd4e7;font-size:12px;line-height:1.6}
.product-close-v24{background:linear-gradient(180deg,#0d1728,#09111f)}.product-close-panel-v24{display:grid;grid-template-columns:120px minmax(0,1fr) auto;gap:30px;align-items:center;padding:30px;border:1px solid rgba(174,161,236,.3);border-radius:20px;background:radial-gradient(circle at 92% 0%,rgba(125,106,216,.16),transparent 28%),linear-gradient(135deg,#17233b,#0d1728)}.product-close-cover-v24{width:110px}.product-close-cover-v24 img{width:100%;aspect-ratio:3/4;object-fit:cover;border-radius:7px;box-shadow:0 18px 38px rgba(0,5,14,.35)}.product-close-panel-v24>div:nth-child(2)>p:not(.eyebrow){max-width:650px;color:#a8b5ca;line-height:1.75}.product-close-action-v24{display:grid;justify-items:end;gap:14px}.product-close-action-v24 strong{font-size:29px;color:#e2dcff}

@media(max-width:1100px){
  .practice-rail{grid-template-columns:repeat(2,minmax(0,1fr))}.practice-rail article:nth-child(2){border-right:0}.practice-rail article:nth-child(-n+2){border-bottom:1px solid rgba(148,175,219,.18)}.practice-rail article:nth-child(2)::after{display:none}
  .about-manifesto__grid,.contact-assist__grid{grid-template-columns:1fr}.about-manifesto__statement{position:static}.contact-assist__routes article{grid-template-columns:80px minmax(180px,.8fr) minmax(0,1.2fr)}
  .product-outcome-grid-v24,.product-fit-grid-v24{grid-template-columns:1fr}.product-outcome-grid-v24 article{min-height:0;border-right:0;border-bottom:1px solid rgba(150,176,220,.16)}.product-outcome-grid-v24 article:last-child{border-bottom:0}.product-outcome-grid-v24 h3{margin-top:22px}.product-fit-grid-v24 article{min-height:0}.product-curriculum-head-v24{grid-template-columns:1fr}.product-curriculum-meta-v24{justify-content:flex-start}.product-close-panel-v24{grid-template-columns:100px 1fr}.product-close-action-v24{grid-column:2;justify-items:start}
}
@media(max-width:720px){
  .practice-rail{grid-template-columns:1fr}.practice-rail article{min-height:0;border-right:0;border-bottom:1px solid rgba(148,175,219,.18)}.practice-rail article:last-child{border-bottom:0}.practice-rail article::after{display:none!important}.practice-rail__footer{align-items:flex-start;flex-direction:column}
  .example-card-v24{grid-template-columns:84px minmax(0,1fr)!important;min-height:0!important}.example-card__focus-v24{display:none}
  .qa-slider--home .qa-track,.qa-slider--page .qa-track{grid-auto-columns:100%}.qa-slider--home .qa-controls,.qa-slider--page .qa-controls{grid-template-columns:44px minmax(0,1fr) 44px;width:100%}.qa-progress--pages{grid-template-columns:1fr!important;gap:8px!important}.qa-progress--pages .qa-progress-line{min-width:0}
  .about-method article{grid-template-columns:1fr;gap:9px}.contact-assist__routes article{grid-template-columns:1fr;gap:8px}.update-ledger__list article{grid-template-columns:1fr;gap:9px}.update-ledger__list b{justify-self:start}
  .product-page-hero-v24 .product-cover-large{transform:none}.product-module-grid-v24{grid-template-columns:1fr}.product-project-v24{grid-template-columns:1fr}.product-project-review-v24{border-left:0;border-top:1px solid rgba(151,177,220,.18)}.product-close-panel-v24{grid-template-columns:78px 1fr;padding:22px;gap:18px}.product-close-cover-v24{width:74px}.product-close-action-v24{grid-column:1/-1;justify-items:start}.product-close-action-v24 strong{font-size:24px}
}
.materials-practice-v24{margin-top:64px;padding-top:48px;border-top:1px solid rgba(148,175,219,.16)}
.materials-practice-v24__head{display:grid;grid-template-columns:minmax(0,1fr) minmax(260px,.55fr);gap:50px;align-items:end;margin-bottom:28px}.materials-practice-v24__head>p{color:var(--muted);font-size:13px;line-height:1.8}.materials-practice-v24__head h2{max-width:760px}
@media(max-width:760px){.materials-practice-v24__head{grid-template-columns:1fr;gap:14px}.materials-practice-v24{margin-top:46px;padding-top:38px}}

/* v25 — compact Contact helper + visible FAQ index / answer desk */
.contact-guide-v25{padding-top:34px;background:linear-gradient(180deg,#09111f,#0b1525)}
.contact-guide-panel-v25{display:grid;grid-template-columns:minmax(250px,.72fr) minmax(0,1.28fr);gap:clamp(28px,5vw,68px);align-items:center;padding:30px 32px;border:1px solid rgba(151,178,220,.18);border-radius:20px;background:radial-gradient(circle at 94% 0%,rgba(112,90,204,.11),transparent 30%),linear-gradient(145deg,rgba(18,31,52,.94),rgba(9,18,31,.98))}
.contact-guide-copy-v25 h2{max-width:520px;font-size:clamp(1.9rem,3.3vw,3.15rem)}
.contact-guide-copy-v25>p:not(.eyebrow){max-width:520px;margin-top:15px;color:#9eadc4;font-size:13px;line-height:1.75}
.contact-guide-items-v25{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}
.contact-guide-items-v25 article{min-width:0;padding:20px 18px;border:1px solid rgba(151,179,221,.15);border-radius:15px;background:rgba(12,23,40,.7);transition:transform .25s ease,border-color .25s ease,background .25s ease}
.contact-guide-items-v25 article:hover{transform:translateY(-3px);border-color:rgba(196,180,255,.35);background:rgba(16,29,50,.92)}
.contact-guide-items-v25 img{width:32px;height:32px;margin-bottom:18px}
.contact-guide-items-v25 span{display:block;color:#8edcff;font-size:7px;font-weight:760;letter-spacing:.15em}
.contact-guide-items-v25 h3{margin:8px 0 9px;font-size:15px;line-height:1.35}
.contact-guide-items-v25 p{color:#93a3bc;font-size:11px;line-height:1.65}

.faq-library-v25{background:radial-gradient(circle at 88% 2%,rgba(95,76,179,.12),transparent 26%),linear-gradient(180deg,#0b1424,#08101d)}
.faq-library-layout-v25{display:grid;grid-template-columns:minmax(0,1.15fr) minmax(360px,.85fr);gap:24px;align-items:start;margin-top:18px}
.faq-question-index-v25{display:grid;gap:17px}
.faq-question-group-v25{overflow:hidden;border:1px solid rgba(150,177,219,.17);border-radius:18px;background:linear-gradient(150deg,rgba(18,31,53,.9),rgba(9,18,32,.96))}
.faq-question-group-title-v25{display:flex;align-items:center;justify-content:space-between;gap:14px;padding:15px 17px;border-bottom:1px solid rgba(150,177,219,.14);background:rgba(13,24,41,.62)}
.faq-question-group-title-v25 span{color:#8edcff;font-size:8px;font-weight:780;letter-spacing:.15em}
.faq-question-group-title-v25 b{color:#71839f;font-size:8px;font-weight:680;letter-spacing:.08em;text-transform:uppercase}
.faq-question-list-v25{display:grid}
.faq-question-button-v25{display:grid;grid-template-columns:minmax(0,1fr) 24px;gap:14px;align-items:center;width:100%;padding:14px 17px;border:0;border-bottom:1px solid rgba(150,177,219,.11);background:transparent;color:#dfe6f5;text-align:left;transition:background .2s ease,color .2s ease,padding-left .2s ease}
.faq-question-button-v25:last-child{border-bottom:0}
.faq-question-button-v25 span{font-size:13px;line-height:1.45}
.faq-question-button-v25 i{display:grid;place-items:center;width:24px;height:24px;border:1px solid rgba(151,181,224,.18);border-radius:999px;color:#8edcff;font-style:normal;font-size:11px;transition:transform .2s ease,background .2s ease}
.faq-question-button-v25:hover,.faq-question-button-v25.is-active{padding-left:21px;background:linear-gradient(90deg,rgba(111,91,195,.12),rgba(71,136,187,.05));color:#fff}
.faq-question-button-v25.is-active i{transform:rotate(45deg);background:linear-gradient(135deg,rgba(123,213,255,.16),rgba(177,156,255,.16));border-color:rgba(191,178,255,.34)}
.faq-answer-desk-v25{position:sticky;top:94px;min-height:520px;padding:30px;border:1px solid rgba(181,169,238,.25);border-radius:22px;background:radial-gradient(circle at 100% 0%,rgba(127,105,218,.18),transparent 32%),linear-gradient(150deg,rgba(24,39,66,.98),rgba(8,16,29,.99));box-shadow:0 24px 65px rgba(2,6,15,.24)}
.faq-answer-top-v25{display:flex;align-items:center;justify-content:space-between;gap:20px;margin-bottom:68px}
.faq-answer-category-v25{padding:7px 10px;border:1px solid rgba(151,181,225,.2);border-radius:999px;color:#8edcff;font-size:8px;font-weight:760;letter-spacing:.13em}
.faq-answer-count-v25{color:#7f91ac;font-size:10px;font-weight:720;letter-spacing:.13em}
.faq-answer-question-v25{max-width:560px;font-size:clamp(1.8rem,3vw,3rem);line-height:1.08;text-wrap:balance}
.faq-answer-body-v25{margin-top:30px;padding-top:25px;border-top:1px solid rgba(151,177,220,.16)}
.faq-answer-body-v25 p{color:#b8c4d8;font-size:14px;line-height:1.8}
.faq-answer-body-v25 a{color:#9fdcff;text-decoration:underline;text-underline-offset:3px}
.faq-answer-controls-v25{display:grid;grid-template-columns:42px 1fr 42px;gap:12px;align-items:center;margin-top:38px}
.faq-answer-controls-v25 button{display:grid;place-items:center;width:42px;height:42px;border:1px solid rgba(151,181,225,.22);border-radius:999px;background:#111e33;color:#dbe5f5;font-size:16px;transition:transform .2s ease,border-color .2s ease,background .2s ease}
.faq-answer-controls-v25 button:hover:not(:disabled){transform:translateY(-2px);border-color:rgba(199,184,255,.45);background:#172742}
.faq-answer-controls-v25 button:disabled{opacity:.35;cursor:default}
.faq-answer-progress-v25{height:2px;overflow:hidden;border-radius:99px;background:#25364e}
.faq-answer-progress-v25 i{display:block;width:100%;height:100%;transform-origin:left;background:linear-gradient(90deg,#81ddff,#b89fff);transform:scaleX(.05);transition:transform .35s ease}
.faq-answer-desk-v25.is-updating .faq-answer-question-v25,.faq-answer-desk-v25.is-updating .faq-answer-body-v25,.faq-answer-desk-v25.is-updating .faq-answer-category-v25{animation:faq-answer-in .32s ease both}
@keyframes faq-answer-in{from{opacity:0;transform:translateY(7px)}to{opacity:1;transform:none}}
.faq-answer-sources-v25{display:none!important}

@media(max-width:1050px){
  .contact-guide-panel-v25{grid-template-columns:1fr}.contact-guide-items-v25{grid-template-columns:repeat(3,minmax(0,1fr))}
  .faq-library-layout-v25{grid-template-columns:1fr}.faq-answer-desk-v25{position:relative;top:auto;min-height:0;order:-1}
}
@media(max-width:720px){
  .contact-guide-panel-v25{padding:23px 20px}.contact-guide-items-v25{grid-template-columns:1fr}.contact-guide-items-v25 article{display:grid;grid-template-columns:36px 1fr;gap:13px;align-items:start}.contact-guide-items-v25 img{margin:0;width:30px;height:30px}.contact-guide-items-v25 article>div{min-width:0}
  .faq-answer-desk-v25{padding:24px 20px}.faq-answer-top-v25{margin-bottom:42px}.faq-answer-question-v25{font-size:clamp(1.65rem,8vw,2.5rem)}.faq-answer-body-v25 p{font-size:13px}.faq-question-button-v25 span{font-size:12px}
}

/* =========================================================
   SAENTIX v26 — cinematic motion system
   Motion is concentrated where it explains hierarchy or depth.
   ========================================================= */

/* --- Hero: slow cinematic drift, soft portal breathing, fine cursor parallax --- */
.hero{--hero-bg-x:0px;--hero-bg-y:0px;--hero-fg-x:0px;--hero-fg-y:0px}
.hero-environment{
  translate:var(--hero-bg-x) var(--hero-bg-y);
  scale:1.035;
  animation:hero-scene-breathe-v26 16s ease-in-out infinite alternate;
  will-change:translate,scale;
}
.hero-explorer{
  translate:var(--hero-fg-x) var(--hero-fg-y);
  animation:explorer-breathe-v26 7.5s ease-in-out infinite;
  will-change:translate,transform;
}
.hero-art::after{
  content:"";position:absolute;z-index:1;pointer-events:none;
  width:min(42vw,610px);aspect-ratio:.84;right:3.5%;top:7%;
  border-radius:48%;
  background:radial-gradient(ellipse at 50% 52%,rgba(182,167,255,.22) 0 16%,rgba(112,192,255,.12) 28%,rgba(149,109,255,.055) 45%,transparent 70%);
  filter:blur(9px);mix-blend-mode:screen;
  animation:portal-breathe-v26 6.8s ease-in-out infinite;
}
.hero-stars::after{
  content:"";position:absolute;inset:-6%;pointer-events:none;opacity:.34;
  background:
    radial-gradient(circle at 64% 18%,rgba(255,255,255,.75) 0 1px,transparent 1.5px),
    radial-gradient(circle at 77% 30%,rgba(164,216,255,.7) 0 1px,transparent 1.5px),
    radial-gradient(circle at 55% 54%,rgba(213,192,255,.6) 0 1px,transparent 1.4px),
    radial-gradient(circle at 89% 62%,rgba(255,255,255,.55) 0 1px,transparent 1.4px),
    radial-gradient(circle at 46% 73%,rgba(129,214,255,.5) 0 1px,transparent 1.4px);
  background-size:260px 210px,330px 290px,410px 360px,480px 420px,560px 510px;
  animation:star-drift-v26 22s linear infinite alternate;
}
@keyframes hero-scene-breathe-v26{0%{scale:1.035}100%{scale:1.075}}
@keyframes explorer-breathe-v26{0%,100%{transform:translateY(0)}50%{transform:translateY(-9px)}}
@keyframes portal-breathe-v26{0%,100%{opacity:.58;scale:.96}50%{opacity:1;scale:1.045}}
@keyframes star-drift-v26{0%{transform:translate3d(-.8%,0,0)}100%{transform:translate3d(1.2%,-.7%,0)}}

/* Light-button sheen only where light buttons are intentionally used. */
.hero .btn-primary,#free .btn-primary{position:relative;overflow:hidden;isolation:isolate}
.hero .btn-primary::after,#free .btn-primary::after{
  content:"";position:absolute;inset:-45% auto -45% -38%;width:34%;pointer-events:none;
  background:linear-gradient(90deg,transparent,rgba(255,255,255,.8),transparent);
  transform:skewX(-20deg);opacity:0;
}
.hero .btn-primary:hover::after,#free .btn-primary:hover::after{animation:button-sheen-v26 .8s ease}
@keyframes button-sheen-v26{0%{left:-38%;opacity:0}20%{opacity:.55}100%{left:118%;opacity:0}}

/* --- Interface Anatomy: a live orbit map rather than a static diagram. --- */
#interface-anatomy{overflow:hidden}
#interface-anatomy .anatomy-layout{grid-template-columns:minmax(0,1.08fr) minmax(430px,.92fr);gap:clamp(40px,6vw,88px);align-items:center}
#interface-anatomy .anatomy-stack{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}
#interface-anatomy .anatomy-stack article{
  position:relative;overflow:hidden;min-height:168px;padding:24px 24px 21px;
  display:grid;grid-template-columns:16px minmax(0,1fr);align-content:center;gap:14px;
  border:1px solid rgba(151,179,221,.18);border-radius:18px;
  background:linear-gradient(150deg,rgba(18,31,53,.92),rgba(8,17,30,.98));
  transition:border-color .35s ease,background .35s ease,box-shadow .35s ease,transform .35s ease;
}
#interface-anatomy .anatomy-stack article::before{
  content:"";position:absolute;inset:0;pointer-events:none;opacity:0;
  background:radial-gradient(circle at 18% 22%,rgba(132,219,255,.15),transparent 34%),linear-gradient(110deg,transparent 30%,rgba(181,157,255,.055),transparent 72%);
  transition:opacity .35s ease;
}
#interface-anatomy .anatomy-stack article::after{
  content:"";position:absolute;left:0;top:22%;bottom:22%;width:2px;border-radius:99px;
  background:linear-gradient(#83dcff,#b99fff);opacity:0;transform:scaleY(.25);transition:opacity .35s ease,transform .35s ease;
}
#interface-anatomy .anatomy-stack article.is-active{
  transform:translateY(-3px);border-color:rgba(188,177,255,.48);
  background:linear-gradient(150deg,rgba(26,43,72,.97),rgba(10,19,35,.99));
  box-shadow:0 22px 55px rgba(2,7,18,.24),0 0 34px rgba(102,155,255,.07);
}
#interface-anatomy .anatomy-stack article.is-active::before,#interface-anatomy .anatomy-stack article.is-active::after{opacity:1}
#interface-anatomy .anatomy-stack article.is-active::after{transform:scaleY(1)}
#interface-anatomy .anatomy-stack article a{position:relative;z-index:2;grid-column:2;margin-top:8px}
#interface-anatomy .anatomy-dot{position:relative;z-index:2;transition:box-shadow .35s ease,background .35s ease,scale .35s ease}
#interface-anatomy .anatomy-stack article.is-active .anatomy-dot{scale:1.18;box-shadow:0 0 0 7px rgba(129,217,255,.07),0 0 26px rgba(129,217,255,.35)}
#interface-anatomy .anatomy-stack article>div{position:relative;z-index:2}

.anatomy-orbit{position:relative;min-height:520px;display:grid;place-items:center;overflow:visible!important;transform:none!important}
.orbit-scene-v26{position:relative;width:min(100%,520px);aspect-ratio:1;display:grid;place-items:center;isolation:isolate}
.orbit-scene-v26::before{
  content:"";position:absolute;inset:7%;border-radius:50%;pointer-events:none;
  background:radial-gradient(circle,rgba(108,191,255,.035),rgba(92,70,173,.018) 48%,transparent 69%);
  box-shadow:inset 0 0 85px rgba(112,96,211,.05);
}
.orbit-halo-v26{position:absolute;width:42%;aspect-ratio:1;border-radius:50%;background:radial-gradient(circle,rgba(111,207,255,.14),rgba(155,122,255,.07) 45%,transparent 72%);filter:blur(14px);animation:orbit-halo-v26 5.8s ease-in-out infinite}
.orbit-plane-v26{
  --orbit-duration:20s;position:absolute;left:50%;top:50%;width:76%;height:44%;
  border:1px solid rgba(143,177,226,.23);border-radius:50%;
  transform-origin:center;animation:orbit-spin-v26 var(--orbit-duration) linear infinite;
  transition:border-color .35s ease,box-shadow .35s ease,opacity .35s ease;
  opacity:.66;will-change:transform;
}
.orbit-plane-v26::after{content:"";position:absolute;inset:-1px;border-radius:inherit;background:linear-gradient(90deg,transparent,rgba(127,219,255,.18),transparent 42%,rgba(187,159,255,.16),transparent);mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);mask-composite:exclude;padding:1px;opacity:.34}
.orbit-plane--foundation{width:49%;height:49%;--orbit-duration:15s;animation-direction:reverse}
.orbit-plane--layout{width:74%;height:43%;--orbit-duration:22s;rotate:13deg}
.orbit-plane--behavior{width:83%;height:49%;--orbit-duration:28s;animation-direction:reverse;rotate:-17deg}
.orbit-plane--system{width:91%;height:58%;--orbit-duration:34s;rotate:28deg}
.orbit-label-v26{
  position:absolute;right:-43px;top:50%;translate:0 -50%;min-width:78px;padding:7px 10px;
  border:1px solid rgba(143,190,233,.25);border-radius:999px;background:rgba(10,21,37,.93);
  color:#8edcff;font-size:8px;font-weight:780;letter-spacing:.14em;text-align:center;
  box-shadow:0 8px 20px rgba(0,6,17,.2);animation:orbit-counter-v26 var(--orbit-duration) linear infinite;
  transition:background .35s ease,color .35s ease,border-color .35s ease,box-shadow .35s ease;
}
.orbit-plane--foundation .orbit-label-v26,.orbit-plane--behavior .orbit-label-v26{animation-direction:reverse}
.orbit-plane-v26.is-active{opacity:1;border-color:rgba(168,206,255,.5);box-shadow:0 0 38px rgba(95,166,255,.09),inset 0 0 30px rgba(164,132,255,.04)}
.orbit-plane-v26.is-active .orbit-label-v26{color:#fff;border-color:rgba(207,193,255,.5);background:linear-gradient(135deg,rgba(41,68,106,.98),rgba(75,54,122,.98));box-shadow:0 0 28px rgba(131,190,255,.14)}
.orbit-core-v26{
  position:relative;z-index:4;width:154px;aspect-ratio:1;border:1px solid rgba(151,199,241,.34);border-radius:50%;
  display:grid;place-items:center;align-content:center;gap:2px;
  background:radial-gradient(circle at 38% 32%,rgba(101,208,255,.15),rgba(17,33,55,.96) 43%,rgba(10,18,34,.99) 72%);
  box-shadow:0 0 0 12px rgba(131,184,255,.018),0 0 55px rgba(105,137,255,.14),inset 0 0 36px rgba(123,179,255,.07);
  animation:core-breathe-v26 5.2s ease-in-out infinite;
}
.orbit-core-kicker-v26{margin-bottom:7px;color:#7f93b3;font-size:7px;font-weight:780;letter-spacing:.2em}
.orbit-core-v26 strong{font-size:27px;line-height:1;color:#fff;letter-spacing:-.04em}
.orbit-core-v26>span:not(.orbit-core-kicker-v26){font-size:15px;font-weight:800;color:#8edcff}
.orbit-core-v26 b{font-size:14px;color:#c2a8ff}
.orbit-status-v26{
  position:absolute;z-index:5;left:50%;bottom:3.5%;translate:-50% 0;width:min(82%,340px);padding:12px 16px;
  display:grid;grid-template-columns:auto 1fr;gap:2px 14px;align-items:center;
  border:1px solid rgba(146,178,221,.18);border-radius:14px;background:rgba(8,18,32,.88);backdrop-filter:blur(10px);
  box-shadow:0 16px 34px rgba(1,5,14,.22);
}
.orbit-status-v26 span{grid-row:1/3;color:#7185a6;font-size:7px;font-weight:780;letter-spacing:.14em}
.orbit-status-v26 strong{font-size:13px;color:#fff;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.orbit-status-v26 small{font-size:9px;color:#93dfff}
@keyframes orbit-spin-v26{from{transform:translate(-50%,-50%) rotate(0)}to{transform:translate(-50%,-50%) rotate(360deg)}}
@keyframes orbit-counter-v26{from{transform:rotate(0)}to{transform:rotate(-360deg)}}
@keyframes orbit-halo-v26{0%,100%{opacity:.55;scale:.96}50%{opacity:1;scale:1.08}}
@keyframes core-breathe-v26{0%,100%{box-shadow:0 0 0 12px rgba(131,184,255,.018),0 0 42px rgba(105,137,255,.1),inset 0 0 30px rgba(123,179,255,.05)}50%{box-shadow:0 0 0 16px rgba(131,184,255,.025),0 0 66px rgba(105,137,255,.2),inset 0 0 42px rgba(123,179,255,.09)}}

/* --- Learning path: the connector draws in, nodes wake in sequence. --- */
body.motion-v26 #learning-paths .paths-grid::before{transform:scaleX(0);transform-origin:left center;transition:transform 1.15s cubic-bezier(.2,.7,.2,1) .12s}
body.motion-v26 #learning-paths.is-motion-visible-v26 .paths-grid::before{transform:scaleX(1)}
body.motion-v26 #learning-paths .path-node{transition:box-shadow .45s ease,scale .45s ease,border-color .45s ease}
body.motion-v26 #learning-paths.is-motion-visible-v26 .path-card:nth-child(1) .path-node{animation:path-node-wake-v26 .7s ease .42s both}
body.motion-v26 #learning-paths.is-motion-visible-v26 .path-card:nth-child(2) .path-node{animation:path-node-wake-v26 .7s ease .72s both}
body.motion-v26 #learning-paths.is-motion-visible-v26 .path-card:nth-child(3) .path-node{animation:path-node-wake-v26 .7s ease 1.02s both}
@keyframes path-node-wake-v26{0%{scale:.72;box-shadow:0 0 0 0 rgba(137,218,255,0)}60%{scale:1.16;box-shadow:0 0 0 12px rgba(137,218,255,.08),0 0 34px rgba(137,218,255,.22)}100%{scale:1}}

/* --- Practice rail: one pulse travels across the build loop only after reveal. --- */
body.motion-v26 .practice-rail article{--rail-delay:0ms}
body.motion-v26 .practice-rail article:nth-child(2){--rail-delay:130ms}
body.motion-v26 .practice-rail article:nth-child(3){--rail-delay:260ms}
body.motion-v26 .practice-rail article:nth-child(4){--rail-delay:390ms}
body.motion-v26 .practice-rail article::before{
  content:"";position:absolute;left:0;right:0;bottom:0;height:2px;transform:scaleX(0);transform-origin:left;
  background:linear-gradient(90deg,#7ddcff,#b79dff,transparent);transition:transform .65s ease var(--rail-delay);
}
body.motion-v26 .materials-practice-v24.is-motion-visible-v26 .practice-rail article::before{transform:scaleX(1)}
body.motion-v26 .materials-practice-v24.is-motion-visible-v26 .practice-rail__icon{animation:practice-icon-pulse-v26 .65s ease var(--rail-delay) both}
@keyframes practice-icon-pulse-v26{0%{transform:scale(.82);opacity:.5}65%{transform:scale(1.08);opacity:1}100%{transform:scale(1)}}

/* --- Books: subtle 3D tilt; Free Kit gets a slow float. --- */
body.motion-v26 .product-card{--tilt-x:0deg;--tilt-y:0deg;transform-style:preserve-3d;will-change:transform}
body.motion-v26 .product-card.is-tilting-v26{transform:perspective(900px) rotateX(var(--tilt-x)) rotateY(var(--tilt-y)) translateY(-7px);border-color:rgba(176,166,234,.48);box-shadow:0 27px 65px rgba(1,5,14,.32)}
body.motion-v26 .product-card.is-tilting-v26 .product-art img{transform:translateZ(18px) scale(1.025)}
body.motion-v26 #free .free-cover{animation:free-book-float-v26 6.6s ease-in-out infinite;will-change:transform}
body.motion-v26 #free .free-panel::before{
  content:"";position:absolute;right:8%;top:17%;width:33%;aspect-ratio:1;border-radius:50%;pointer-events:none;
  background:radial-gradient(circle,rgba(161,145,255,.13),transparent 66%);filter:blur(12px);animation:free-glow-v26 5.5s ease-in-out infinite;
}
@keyframes free-book-float-v26{0%,100%{transform:rotate(4deg) translateY(0)}50%{transform:rotate(3deg) translateY(-8px)}}
@keyframes free-glow-v26{0%,100%{opacity:.45;scale:.94}50%{opacity:1;scale:1.08}}

/* --- Purposeful reveal system with stagger; JS only adds classes, content stays visible without JS. --- */
body.motion-v26 .motion-reveal-v26{opacity:0;transform:translateY(22px);transition:opacity .72s ease var(--motion-delay,0ms),transform .72s cubic-bezier(.2,.75,.2,1) var(--motion-delay,0ms)}
body.motion-v26 .motion-reveal-v26.is-motion-visible-v26{opacity:1;transform:none}
body.motion-v26 .visual-window.motion-reveal-v26{transform:translateY(18px) scale(.985)}
body.motion-v26 .visual-window.motion-reveal-v26.is-motion-visible-v26{transform:none}

/* Keep hover movement restrained on sections that are already animated. */
body.motion-v26 .anatomy-stack article:hover{transform:translateY(-3px)}
body.motion-v26 .example-card-v24{transition:transform .3s ease,border-color .3s ease,box-shadow .3s ease}
body.motion-v26 .example-card-v24:hover{transform:translateY(-4px);border-color:rgba(190,177,255,.36);box-shadow:0 20px 44px rgba(1,6,15,.18)}

@media(max-width:1130px){
  #interface-anatomy .anatomy-layout{grid-template-columns:1fr;gap:32px}
  .anatomy-orbit{min-height:470px}
  .orbit-scene-v26{width:min(92vw,500px)}
}
@media(max-width:760px){
  .hero-art::after{width:76vw;right:-20%;top:34%}
  #interface-anatomy .anatomy-stack{grid-template-columns:1fr}
  #interface-anatomy .anatomy-stack article{min-height:0}
  .anatomy-orbit{min-height:390px;margin-top:4px}
  .orbit-scene-v26{width:min(98vw,390px)}
  .orbit-status-v26{bottom:0;width:88%}
  .orbit-label-v26{min-width:66px;right:-32px;padding:6px 8px;font-size:7px}
  .orbit-core-v26{width:126px}
  .orbit-core-v26 strong{font-size:23px}
}
@media(max-width:520px){
  .anatomy-orbit{min-height:340px;overflow:hidden!important}
  .orbit-scene-v26{width:350px;max-width:112vw}
  .orbit-plane--system{width:84%;height:54%}
  .orbit-plane--behavior{width:78%}
  .orbit-plane--layout{width:69%}
  .orbit-status-v26{padding:10px 12px}
  .orbit-status-v26 strong{font-size:11px}
}

@media(prefers-reduced-motion:reduce){
  .hero-environment,.hero-explorer,.hero-art::after,.hero-stars::after,.orbit-plane-v26,.orbit-label-v26,.orbit-halo-v26,.orbit-core-v26,#free .free-cover,#free .free-panel::before{animation:none!important}
  .hero-environment{scale:1.035!important;translate:0 0!important}.hero-explorer{translate:0 0!important}
  .orbit-plane-v26{opacity:.78}
  body.motion-v26 .motion-reveal-v26{opacity:1!important;transform:none!important;transition:none!important}
  body.motion-v26 #learning-paths .paths-grid::before{transform:scaleX(1)!important;transition:none!important}
  body.motion-v26 .practice-rail article::before{transform:scaleX(1)!important;transition:none!important}
}
.hero-environment,.hero-explorer{transition:translate .7s cubic-bezier(.2,.7,.2,1)}
body.motion-v26 .product-cover-large{--tilt-x:0deg;--tilt-y:4deg;transform-style:preserve-3d;transition:transform .42s cubic-bezier(.2,.72,.2,1),box-shadow .35s ease,border-color .35s ease;will-change:transform}
body.motion-v26 .product-cover-large.is-tilting-v26{transform:perspective(950px) rotateX(var(--tilt-x)) rotateY(var(--tilt-y)) translateY(-4px);border-color:rgba(194,181,255,.5);box-shadow:0 38px 90px rgba(1,5,14,.5),0 0 42px rgba(116,144,255,.09)}
body.motion-v26 .product-cover-large::after{content:"";position:absolute;inset:-20%;pointer-events:none;background:linear-gradient(110deg,transparent 36%,rgba(255,255,255,.11) 48%,transparent 59%);translate:-55% 0;opacity:0;transition:translate .7s ease,opacity .3s ease}
body.motion-v26 .product-cover-large.is-tilting-v26::after{translate:55% 0;opacity:.55}
@media(max-width:720px){body.motion-v26 .product-cover-large.is-tilting-v26{transform:none}}
.orbit-core-v26 strong,.orbit-core-v26>span:not(.orbit-core-kicker-v26),.orbit-core-v26 b{opacity:.42;transition:opacity .35s ease,color .35s ease,text-shadow .35s ease,scale .35s ease}
#interface-anatomy[data-active-layer="foundation"] .orbit-core-v26 strong{opacity:1;scale:1.06;text-shadow:0 0 22px rgba(142,220,255,.38)}
#interface-anatomy[data-active-layer="layout"] .orbit-core-v26>span:not(.orbit-core-kicker-v26){opacity:1;scale:1.08;text-shadow:0 0 20px rgba(142,220,255,.42)}
#interface-anatomy[data-active-layer="behavior"] .orbit-core-v26 b{opacity:1;scale:1.1;text-shadow:0 0 20px rgba(194,168,255,.48)}
#interface-anatomy[data-active-layer="system"] .orbit-core-v26 strong,#interface-anatomy[data-active-layer="system"] .orbit-core-v26>span:not(.orbit-core-kicker-v26),#interface-anatomy[data-active-layer="system"] .orbit-core-v26 b{opacity:1;text-shadow:0 0 18px rgba(177,191,255,.34)}
.orbit-core-v26::before{content:"";position:absolute;inset:-11px;border-radius:50%;padding:1px;background:conic-gradient(from 0deg,transparent 0 66%,rgba(128,220,255,.6) 77%,rgba(188,157,255,.52) 85%,transparent 96%);mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);mask-composite:exclude;animation:core-scan-v26 8s linear infinite;opacity:.68}
@keyframes core-scan-v26{to{transform:rotate(360deg)}}
@media(prefers-reduced-motion:reduce){.orbit-core-v26::before{animation:none!important}}

/* =========================================================
   SAENTIX v27 — fit & sticky refinement
   ========================================================= */

/* Section artwork: never leave empty bars when the responsive column grows. */
.visual-window{
  min-height:0;
  aspect-ratio:1 / 1;
  overflow:hidden;
}
.visual-window > img{
  position:absolute;
  inset:0;
  width:100%;
  height:100%;
  max-height:none;
  object-fit:cover;
  object-position:center;
}
.visual-window::before{z-index:3}
.visual-window::after{z-index:2}
.prism-window > img{object-position:center center}
.material-window > img{object-position:center center}

/* FAQ: keep the answer desk with the reader while the full question index scrolls. */
#faq-all.faq-library-v25,
.faq-library-v25{
  overflow:visible;
}
.faq-library-layout-v25{
  overflow:visible;
  align-items:start;
}
.faq-question-index-v25{min-width:0}
.faq-answer-desk-v25{
  position:sticky;
  top:96px;
  align-self:start;
  min-height:min(520px,calc(100vh - 118px));
  will-change:transform;
}

/* A slightly clearer sticky state without making the panel look detached. */
.faq-answer-desk-v25::before{
  content:"";
  position:absolute;
  inset:-1px;
  z-index:-1;
  border-radius:inherit;
  background:linear-gradient(135deg,rgba(130,218,255,.09),transparent 34%,rgba(185,161,255,.08));
  opacity:.7;
  pointer-events:none;
}

@media(max-width:1050px){
  .faq-library-v25{overflow:hidden}
  .faq-answer-desk-v25{
    position:relative;
    top:auto;
    min-height:0;
    will-change:auto;
  }
}

@media(max-width:720px){
  .visual-window{aspect-ratio:1 / 1}
}