@font-face{font-family:EpicSans;src:url('assets/sans.woff') format('woff');font-weight:400;font-display:swap}
@font-face{font-family:EpicSans;src:url('assets/sans-bold.woff') format('woff');font-weight:700 900;font-display:swap}
@font-face{font-family:EpicWide;src:url('assets/syne.woff') format('woff');font-weight:400 800;font-display:swap}
:root{--ink:#090c26;--muted:#55596e;--paper:#fff;--violet:#7440f5;--cyan:#42dcd9;--yellow:#f9e45c;--pink:#f4a5d0;--line:#dedfe7;--pad:clamp(24px,5.5vw,96px);--max:1600px;--header-height:90px}
*{box-sizing:border-box}
html{scroll-behavior:smooth;scroll-padding-top:110px}
body{margin:0;background:var(--paper);color:var(--ink);font-family:EpicSans,Arial,sans-serif;font-size:1.0625rem;line-height:1.5;-webkit-tap-highlight-color:#bda1ff}
button,input{font:inherit}
a{color:inherit;text-underline-offset:5px}
button,a,summary{touch-action:manipulation}
button{cursor:pointer}
button:disabled{cursor:default}
button:focus-visible,a:focus-visible,summary:focus-visible,[tabindex]:focus-visible{outline:3px solid #178bc7;outline-offset:5px}
img{max-width:100%;height:auto;display:block}
figure,p,h1,h2,h3,ol,ul{margin:0}
h1,h2,h3{line-height:1.05;font-weight:800;letter-spacing:-.04em;overflow-wrap:anywhere}
h1{font-family:EpicWide,Arial,sans-serif}
h2{font-family:EpicSans,Arial,sans-serif;font-size:clamp(2.5rem,6.5vw,6.5rem);line-height:.99;letter-spacing:-.055em}
h3{font-size:clamp(1.6rem,2.4vw,2.4rem);line-height:1.13}
h2 span{color:var(--violet)}
h1 em{font-style:normal}
p+p{margin-top:16px}
main{overflow:clip}
section[id]{scroll-margin-top:110px}
.section{max-width:var(--max);margin:auto;padding:clamp(48px,5vw,80px) var(--pad)}
.eyebrow{text-transform:uppercase;letter-spacing:.12em;font-size:.875rem;font-weight:700;line-height:1.45;margin-bottom:24px}
.small-note{font-size:.875rem;line-height:1.55;color:var(--muted)}
.skip{position:fixed;left:16px;top:-100px;z-index:100;padding:14px 18px;background:#fff;color:var(--ink)}
.skip:focus{top:14px}
.review-bar{display:flex;align-items:center;justify-content:space-between;gap:24px;padding:8px var(--pad);min-height:40px;background:#f1f0f6;color:#38394e;font-size:.8125rem;line-height:1.35}
.review-bar a{text-decoration:none;white-space:nowrap;padding:4px 0}
.review-bar nav{display:flex;gap:26px}
.review-bar a[aria-current]{font-weight:700;color:#5226c1;text-decoration:underline;text-underline-offset:6px}
.review-bar a:hover{color:var(--violet)}
.site-header{position:sticky;top:0;z-index:40;display:flex;align-items:center;justify-content:space-between;gap:32px;padding:17px var(--pad);min-height:var(--header-height);background:#fff;border-bottom:1px solid var(--line)}
.brand{display:block;flex:0 0 164px}
.brand-image{width:164px;height:auto}
.main-nav{display:flex;gap:26px;align-items:center}
.main-nav a{text-decoration:none;font-size:.9375rem;font-weight:700;white-space:nowrap;position:relative;padding:10px 0}
.main-nav a:after{content:"";position:absolute;left:0;bottom:4px;height:2px;width:100%;background:currentColor;transform:scaleX(0);transform-origin:left;transition:transform .2s}
.main-nav a:hover:after{transform:scaleX(1)}
.header-actions{display:flex;align-items:center;gap:24px}
.header-contact{font-size:.9375rem;font-weight:700;text-decoration:none;white-space:nowrap}
.header-contact span{font-size:1.25rem;margin-left:7px}
.motion-toggle{background:none;border:0;color:inherit;font-size:.875rem;padding:10px 0;white-space:nowrap}
.motion-toggle span{color:var(--violet);margin-left:8px}
.motion-toggle:disabled{opacity:.65}
.menu-button{display:none}
.button{display:inline-flex;justify-content:space-between;align-items:center;gap:36px;min-height:55px;padding:17px 22px;font-weight:700;font-size:.9375rem;line-height:1.25;text-decoration:none;border:1px solid transparent;max-width:100%;transition:background .2s,color .2s}
.button span{font-size:1.5rem;font-weight:400;line-height:1}
.button.light{background:var(--yellow);color:var(--ink)}
.button.light:hover{background:#fff}
.button.ink{background:var(--ink);color:#fff}
.button.ink:hover{background:var(--violet)}
.hero-line{display:block}
.hero-intro{font-size:clamp(1.125rem,1.45vw,1.375rem);line-height:1.5;max-width:31em}
.hero-links{display:flex;flex-wrap:wrap;gap:28px;align-items:center;margin-top:30px}
.quiet-link{font-size:.9375rem;font-weight:700;text-decoration:none;padding:12px 0}
.text-link{display:inline-flex;align-items:center;gap:25px;min-height:44px;padding:10px 0;font-size:1rem;font-weight:700;text-decoration:underline;text-decoration-thickness:1px}
.text-link span{font-size:1.4rem}
.text-link:hover{color:var(--violet)}
/* 01 — A cinematic laboratory with typography across the scene */
body[data-design="a"]{background:var(--ink);color:#fff}
body[data-design="a"] .site-header{background:var(--ink);color:#fff;border-color:#252a45}
body[data-design="a"] .site-header .brand-image,body[data-design="a"] .site-footer .brand-image{filter:invert(1)}
body[data-design="a"] .motion-toggle span{color:var(--cyan)}
.scene-hero{position:relative;min-height:790px;height:calc(100svh - 130px);max-height:1080px;color:#fff;background:#151b32;isolation:isolate}
.scene-backdrop,.scene-shade{position:absolute;inset:0;z-index:-2;overflow:hidden}
.scene-image{width:100%;height:100%;object-fit:cover;object-position:58% 50%}
.scene-shade{z-index:-1;background:linear-gradient(90deg,rgba(4,8,28,.84) 0%,rgba(4,8,28,.55) 33%,rgba(4,8,28,.08) 72%),linear-gradient(180deg,rgba(4,8,28,.5) 0%,rgba(4,8,28,.5) 32%,rgba(4,8,28,0) 57%),linear-gradient(0deg,rgba(4,8,28,.85),transparent 35%)}
.scene-copy{padding:clamp(50px,5.1vw,94px) var(--pad) 120px;position:relative}
.scene-copy h1{font-size:clamp(1.875rem,8.45vw,8rem);line-height:1;letter-spacing:-.055em;margin:0 0 28px}
.scene-copy h1 em{color:var(--cyan)}
.scene-copy .hero-intro{max-width:27em}
.scene-copy .eyebrow{color:#e3e1f6}
.scene-spot{position:absolute;z-index:2;display:flex;align-items:center;gap:10px;text-decoration:none;min-height:46px;font-size:.875rem;font-weight:700}
.scene-spot>span:first-child{display:grid;place-items:center;width:44px;height:44px;border-radius:50%;border:1px solid #ffffff90;color:#fff;background:#080d2680;font-size:1.5rem;font-weight:400;transition:background .2s,color .2s}
.scene-spot>span:last-child{background:#080d26bd;padding:9px 13px;border:1px solid #ffffff32}
.scene-spot:hover>span:first-child{background:var(--cyan);color:var(--ink)}
.spot-vr{right:10%;top:57%}
.spot-device{right:17%;top:78%}
.scene-bottom{position:absolute;left:var(--pad);right:var(--pad);bottom:30px;display:flex;justify-content:space-between;align-items:center;gap:24px;padding-top:20px;border-top:1px solid #ffffff50;font-size:.875rem}
.scene-bottom a{text-decoration:none;font-weight:700}
.scene-bottom a span{margin-left:24px;font-size:1.25rem}
.scene-corner{position:absolute;top:34px;right:var(--pad);font-size:.75rem;letter-spacing:.12em;writing-mode:vertical-rl;color:#dadbe8}
/* 02 — Product editorial, oversized type, visual whitespace */
.paper-hero{position:relative;min-height:810px;padding:32px var(--pad) 52px;background:#fff;isolation:isolate}
.paper-topline{display:flex;justify-content:space-between;gap:30px;align-items:start;padding-bottom:38px;border-bottom:1px solid var(--line)}
.paper-topline .eyebrow{margin:0}
.paper-edition{font-size:.875rem;color:var(--muted)}
.paper-title{position:relative;z-index:2;padding-top:38px;width:59%}
.paper-title h1{font-size:clamp(3rem,6.2vw,7rem);line-height:1;letter-spacing:-.055em}
.paper-title h1 em{color:var(--violet)}
.title-plus{display:inline-block;font-family:EpicSans,Arial,sans-serif;color:var(--violet);font-size:1.25em;line-height:.65;margin-left:20px}
.paper-intro{display:flex;align-items:start;flex-direction:column;gap:25px;max-width:28em;margin-top:30px;font-size:1.125rem}
.paper-object{position:absolute;z-index:1;right:0;top:190px;width:49%;padding-right:25px}
.paper-object img{width:100%;height:auto}
.paper-object figcaption{font-size:.8125rem;color:var(--muted);text-align:right;padding:20px 28px 0}
.paper-stamp{position:absolute;right:8%;bottom:100px;display:grid;place-items:center;gap:3px;width:155px;height:155px;border-radius:50%;background:var(--yellow);color:var(--ink);transform:rotate(11deg);font-size:.75rem;letter-spacing:.09em;font-weight:700;padding:20px 5px}
.stamp-symbol{font-size:3.7rem;line-height:1}
.paper-scroll{position:absolute;bottom:48px;right:var(--pad);font-size:.875rem;font-weight:700;text-decoration:none}
.paper-scroll span{margin-left:30px;font-size:1.3rem}
body[data-design="b"] .site-header{border-bottom:3px solid var(--ink)}
body[data-design="b"] .section-heading h2{font-family:EpicWide,sans-serif;font-weight:700;font-size:clamp(2.4rem,5.9vw,5.6rem);letter-spacing:-.06em}
/* 03 — An interactive collage with a configurable first step */
.playground-hero{position:relative;padding:50px var(--pad) 0;background:#f5f4f9;min-height:860px;display:grid;grid-template-columns:1fr 1fr;gap:38px 60px}
.playground-heading{position:relative;z-index:2;padding:20px 0}
.playground-heading h1{font-size:clamp(2.875rem,5.05vw,5.8rem);line-height:1.02;letter-spacing:-.06em;margin:0 0 32px}
.playground-heading h1 em{color:var(--violet)}
.playground-heading .hero-intro{max-width:28em}
.play-dot{display:inline-block;vertical-align:baseline;margin-left:17px;width:.25em;height:.25em;background:var(--cyan);border-radius:50%}
.playground-visual{position:relative;min-width:0;min-height:560px;align-self:start;transform:translateY(28px)}
.playground-frame{position:absolute;inset:0 0 80px 0;background:#fff;border:8px solid #fff;overflow:hidden;clip-path:polygon(0 0,85% 0,100% 15%,100% 100%,0 100%)}
.playground-photo{width:100%;height:100%;object-fit:cover;object-position:57% center}
.playground-tab{position:absolute;top:-24px;left:24px;z-index:3;background:var(--violet);color:#fff;padding:13px 22px;transform:rotate(-5deg);font-size:.9375rem;font-weight:700}
.playground-word{position:absolute;bottom:26px;right:-18px;background:var(--cyan);color:var(--ink);padding:12px 22px;font-family:EpicWide,sans-serif;font-size:clamp(2rem,4.4vw,4.6rem);font-weight:800;letter-spacing:-.06em;transform:rotate(5deg);z-index:3;white-space:nowrap}
.playground-word span{font-family:EpicSans,sans-serif;margin-left:15px}
.playground-mini{position:absolute;left:-30px;bottom:7px;width:31%;height:210px;border:7px solid #fff;transform:rotate(-8deg);z-index:2;background:#fff;box-shadow:0 12px 20px #090c2620}
.playground-mini img{width:100%;height:100%;object-fit:cover;object-position:65% center}
.playground-coordinate{position:absolute;right:0;top:103%;font-size:.75rem;font-weight:700;letter-spacing:.15em}
.hero-picker{grid-column:1/-1;display:grid;grid-template-columns:1fr 3fr;align-items:center;gap:32px;border-top:1px solid #c8c6d4;padding:25px 0 32px}
.hero-picker>p{font-size:.9375rem;font-weight:700}
.hero-picker>div{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}
.hero-picker button{display:flex;align-items:center;justify-content:space-between;gap:16px;text-align:left;border:1px solid #c8c6d4;background:none;color:var(--ink);min-height:52px;padding:13px 18px;font-size:.9375rem;font-weight:700}
.hero-picker button[aria-pressed="true"]{background:var(--ink);border-color:var(--ink);color:#fff}
.hero-picker button:hover{border-color:var(--violet)}
/* Shared brand grammar; distinct pacing and placement in each route */
.epic-ribbon{background:var(--violet);color:#fff;padding:24px 0;overflow:hidden;max-width:100%}
.ribbon-track{display:flex;align-items:center;justify-content:space-around;gap:34px;min-width:105%;font-family:EpicSans,sans-serif;font-size:clamp(1.8rem,3.7vw,4.2rem);font-weight:800;line-height:1.05;letter-spacing:-.03em;white-space:nowrap}
.ribbon-track span:nth-child(even){color:var(--yellow)}
body[data-design="b"] .epic-ribbon{background:var(--yellow);color:var(--ink);transform:rotate(-1.3deg);margin:8px -2% 10px;max-width:104%}
body[data-design="b"] .ribbon-track span:nth-child(even){color:var(--violet)}
body[data-design="c"] .epic-ribbon{background:var(--ink)}
body[data-design="c"] .ribbon-track span:nth-child(even){color:var(--cyan)}
.manifesto{display:grid;grid-template-columns:1.2fr 1fr;gap:40px 70px;background:var(--ink);color:#fff}
.manifesto>.eyebrow{grid-column:1/-1;color:var(--cyan);margin:0}
.manifesto-title{font-size:clamp(3.4rem,7.9vw,8.5rem);line-height:.97;letter-spacing:-.055em}
.manifesto-title span{color:var(--cyan)}
.manifesto-caption{align-self:end;padding-bottom:6px;font-size:clamp(1.125rem,1.65vw,1.6rem);max-width:28em}
.big-mark{display:block;color:var(--violet);font-size:clamp(6rem,14vw,14rem);line-height:.8;margin-bottom:28px}
body[data-design="b"] .manifesto{background:var(--violet)}
body[data-design="b"] .manifesto-title span,body[data-design="b"] .big-mark{color:var(--yellow)}
.section-heading{display:grid;grid-template-columns:1.5fr 1fr;gap:45px;align-items:end;margin-bottom:48px}
.section-heading>p{font-size:1.125rem;max-width:34em;justify-self:end}
.section-heading .eyebrow{margin-bottom:24px}
.ecosystem{background:#fff;color:var(--ink)}
.ecosystem-explorer{display:grid;grid-template-columns:260px minmax(0,1fr);border-top:1px solid var(--ink)}
.product-tabs{display:flex;flex-direction:column;padding-top:12px}
.product-tab{display:grid;grid-template-columns:25px 1fr 18px;align-items:center;gap:12px;background:none;border:0;border-bottom:1px solid var(--line);color:var(--ink);text-align:left;padding:20px 20px 20px 0;min-height:64px;font-size:.9375rem;font-weight:700}
.tab-number{font-size:.75rem;letter-spacing:.03em;color:var(--muted)}
.tab-arrow{font-size:1.5rem;line-height:1}
.product-tab[aria-selected="true"]{color:var(--violet)}
.product-tab[aria-selected="true"] .tab-number{color:var(--violet)}
.product-tab:hover{color:var(--violet)}
.product-panel{display:grid;grid-template-columns:minmax(0,1fr);margin:30px 0 0 40px;min-width:0}
.product-photo{position:relative;overflow:hidden;aspect-ratio:1.95;background:#f4f2f9}
.product-photo>img{height:100%;width:100%;object-fit:cover;object-position:center 45%}
.photo-label{position:absolute;left:20px;bottom:20px;padding:9px 15px;background:var(--violet);color:#fff;font-size:.875rem;font-weight:700}
.photo-cross{position:absolute;top:15px;right:20px;font-size:2rem;color:#fff;line-height:1.2;background:var(--ink);width:38px;height:38px;text-align:center}
.product-copy{display:grid;grid-template-columns:1.1fr 1fr;gap:15px 35px;padding:35px 0 0}
.product-copy .eyebrow{grid-column:1/-1;color:var(--violet);margin:0}
.product-copy h3{grid-column:1}
.product-copy>p:not(.eyebrow):not(.small-note){grid-column:1}
.product-copy ul{grid-column:2;grid-row:2/span 2}
.product-copy .small-note{grid-column:1}
.product-copy .text-link{grid-column:2;align-self:start}
.clean-list{list-style:none;padding:0}
.clean-list li{position:relative;padding:11px 0 11px 24px;border-bottom:1px solid var(--line);font-size:1rem;line-height:1.4}
.clean-list li:first-child{padding-top:4px}
.clean-list li:before{content:"+";position:absolute;left:0;font-weight:700;color:var(--violet)}
body[data-design="b"] .ecosystem-explorer{grid-template-columns:1fr;border:0}
body[data-design="b"] .product-tabs{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));padding:0;border-top:1px solid var(--ink);border-left:1px solid var(--ink)}
body[data-design="b"] .product-tab{border-right:1px solid var(--ink);border-bottom:1px solid var(--ink);padding:17px}
body[data-design="b"] .product-tab[aria-selected="true"]{background:var(--violet);color:#fff}
body[data-design="b"] .product-tab[aria-selected="true"] .tab-number{color:#fff}
body[data-design="b"] .product-panel{margin:35px 0 0;grid-template-columns:1.2fr 1fr;gap:45px}
body[data-design="b"] .product-photo{aspect-ratio:auto;min-height:500px}
body[data-design="b"] .product-copy{display:flex;flex-direction:column;padding:10px 0}
body[data-design="b"] .product-copy h3{font-size:2rem}
body[data-design="b"] .product-copy .eyebrow{margin-bottom:0}
body[data-design="c"] .ecosystem{background:var(--violet);color:#fff}
body[data-design="c"] .ecosystem h2 span{color:var(--yellow)}
body[data-design="c"] .ecosystem-explorer{grid-template-columns:1fr 1.7fr;border-color:#ffffff50}
body[data-design="c"] .product-tabs{padding-right:40px}
body[data-design="c"] .product-tab{color:#fff;border-color:#ffffff40}
body[data-design="c"] .tab-number{color:#ded1ff}
body[data-design="c"] .product-tab[aria-selected="true"],body[data-design="c"] .product-tab[aria-selected="true"] .tab-number{color:var(--yellow)}
body[data-design="c"] .product-panel{background:#fff;color:var(--ink);margin-left:0}
body[data-design="c"] .product-copy{display:flex;flex-direction:column;padding:30px}
body[data-design="c"] .product-photo{aspect-ratio:1.7}
.best-section{background:#f2f1f7;color:var(--ink)}
.best-switch{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));border:1px solid var(--ink)}
.best-choice{position:relative;border:0;border-right:1px solid var(--ink);color:var(--ink);background:#fff;display:flex;flex-direction:column;align-items:start;padding:25px 25px 19px;text-align:left;font-weight:700;font-size:1rem;gap:14px}
.best-choice:last-child{border-right:0}
.best-letter{font-family:EpicWide,sans-serif;font-size:clamp(4rem,8vw,8rem);font-weight:800;line-height:1;letter-spacing:-.06em}
.best-arrow{position:absolute;right:20px;bottom:16px;font-size:1.5rem}
.best-0[aria-selected="true"]{background:var(--violet);color:#fff}
.best-1[aria-selected="true"]{background:var(--cyan)}
.best-2[aria-selected="true"]{background:var(--yellow)}
.best-3[aria-selected="true"]{background:var(--pink)}
.best-choice:hover{background:#e7e0f7}
.best-panel{display:grid;grid-template-columns:1.3fr 1fr;min-height:440px;margin-top:32px;background:#fff}
.best-visual{position:relative;overflow:hidden;background:#f5f4f8;min-height:440px}
.best-visual img{height:100%;width:100%;object-fit:cover;object-position:60% center}
.best-glyph{position:absolute;bottom:-11px;right:25px;font-family:EpicWide,sans-serif;font-size:clamp(7rem,13vw,12rem);font-weight:800;line-height:1;color:#fff;text-shadow:0 2px 20px #0002}
.best-copy{align-self:center;padding:40px}
.best-copy h3{font-size:clamp(1.8rem,2.8vw,2.7rem);margin:0 0 22px}
.best-copy .eyebrow{color:var(--violet)}
.tags{list-style:none;padding:0;display:flex;gap:10px;flex-wrap:wrap;margin:23px 0}
.tags li{font-size:.875rem;border-bottom:1px solid var(--ink);padding-bottom:5px}
body[data-design="a"] .best-section{background:var(--violet);color:#fff}
body[data-design="a"] .best-section h2 span{color:var(--yellow)}
body[data-design="a"] .best-panel{color:var(--ink)}
body[data-design="b"] .best-switch{border:0;gap:14px}
body[data-design="b"] .best-choice{border:1px solid var(--ink)}
body[data-design="b"] .best-choice:nth-child(2){transform:translateY(10px)}
body[data-design="b"] .best-choice:nth-child(4){transform:translateY(10px)}
body[data-design="b"] .best-panel{margin-top:42px}
.book-section{background:#fff;color:var(--ink)}
.book-title h2{font-family:EpicWide,sans-serif;font-weight:800;font-size:clamp(1.3125rem,5.65vw,5.6rem);letter-spacing:-.06em;line-height:1.04}
.book-title h2 span{color:var(--violet)}
.book-switch{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px;margin:42px 0 25px;border-top:1px solid var(--ink)}
.book-switch button{display:flex;gap:16px;align-items:center;min-height:68px;color:var(--muted);border:0;border-bottom:1px solid #b1adba;background:none;padding:15px 0;text-align:left;font-size:1rem;font-weight:700}
.book-switch button>span:first-child{font-size:.8125rem;font-weight:400}
.book-switch button>span:last-child{margin-left:auto;font-size:1.5rem}
.book-switch button[aria-selected="true"]{color:var(--violet);border-bottom:3px solid var(--violet)}
.book-panel{display:grid;grid-template-columns:1.6fr 1fr;gap:50px;align-items:center}
.book-stage{min-width:0;padding:10px 0}
.book-stage img{width:100%;height:400px;object-fit:contain;object-position:center;background:#fff}
.book-stage figcaption{font-size:.8125rem;color:var(--muted);padding-top:20px}
.book-mode-copy h3{font-size:clamp(1.8rem,2.7vw,2.6rem);margin-bottom:23px}
.book-mode-copy .eyebrow{color:var(--violet)}
.book-mode-copy .text-link{margin-top:20px}
.book-footnote{font-size:.875rem;margin-top:28px;padding-top:25px;border-top:1px solid var(--line);max-width:74em;color:var(--muted)}
body[data-design="b"] .book-section{padding-top:95px;background:#fff}
body[data-design="b"] .book-title h2{font-family:EpicSans,sans-serif;font-size:clamp(2.7rem,7.7vw,7.5rem)}
body[data-design="b"] .book-panel{grid-template-columns:1.8fr 1fr}
body[data-design="c"] .book-title h2{font-family:EpicSans,sans-serif;font-size:clamp(2.5rem,7vw,6.7rem)}
.teacher-section{display:grid;grid-template-columns:1fr 1.05fr;gap:45px 70px;background:var(--ink);color:#fff}
.teacher-heading h2{font-size:clamp(2.5rem,5.4vw,5.25rem);margin-bottom:30px}
.teacher-heading h2 span{color:var(--cyan)}
.teacher-heading .eyebrow{color:var(--cyan)}
.teacher-heading>p:last-child{font-size:1.125rem;max-width:31em}
.teacher-photo{position:relative;align-self:start;margin-top:45px}
.teacher-photo img{width:100%;min-height:320px;object-fit:cover}
.teacher-photo figcaption{font-size:.875rem;padding:20px 0;color:#d8d6e8}
.teacher-steps{grid-column:1/-1;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:40px;list-style:none;padding:0;margin-top:20px}
.teacher-steps li{display:flex;gap:25px;border-top:1px solid #ffffff55;padding:30px 0 0}
.teacher-steps li>span{color:var(--cyan);font-size:.875rem}
.teacher-steps h3{font-size:1.5rem;margin-bottom:16px}
.teacher-steps p{font-size:1rem;color:#dcdae8}
body[data-design="b"] .teacher-section{background:#e7e1ff;color:var(--ink)}
body[data-design="b"] .teacher-heading h2 span,body[data-design="b"] .teacher-heading .eyebrow,body[data-design="b"] .teacher-steps li>span{color:#5d2bdd}
body[data-design="b"] .teacher-steps li{border-color:#a79bbc}
body[data-design="b"] .teacher-steps p,body[data-design="b"] .teacher-photo figcaption{color:var(--muted)}
body[data-design="c"] .teacher-section{background:var(--violet)}
body[data-design="c"] .teacher-heading h2 span,body[data-design="c"] .teacher-heading .eyebrow,body[data-design="c"] .teacher-steps li>span{color:var(--yellow)}
.possibilities{background:#fff;color:var(--ink)}
.extended-feature{position:relative;min-height:570px;display:flex;align-items:end;isolation:isolate;padding:45px;background:var(--ink);color:#fff}
.extended-feature figure{position:absolute;inset:0;z-index:-2}
.extended-feature figure img{width:100%;height:100%;object-fit:cover;object-position:center 50%}
.extended-feature:after{content:"";position:absolute;inset:0;z-index:-1;background:linear-gradient(90deg,#080c26eb 0%,#080c2690 45%,#080c2620 100%)}
.extended-copy{max-width:31em}
.extended-copy h3{font-size:clamp(2rem,4vw,3.75rem);line-height:1.05;margin-bottom:24px}
.extended-copy .eyebrow{color:var(--cyan)}
.extended-copy .text-link{margin-top:15px}
.flagship-feature{display:grid;grid-template-columns:1fr 1.2fr 1.05fr;gap:50px;align-items:start;padding:50px 0 0}
.flagship-feature h3{font-size:2rem}
.flagship-feature .eyebrow{color:var(--violet)}
.flagship-feature .small-note{margin-top:15px}
.flagship-value strong{display:block;font-family:EpicWide,sans-serif;font-size:5.5rem;font-weight:800;line-height:1;letter-spacing:-.07em;color:var(--violet);margin-bottom:16px}
.flagship-value strong span{font-size:.6em}
.flagship-value p{font-size:.875rem}
.modalities{background:#f3f1f8;color:var(--ink)}
.plan-switch{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));border-top:1px solid var(--ink);border-left:1px solid var(--ink)}
.plan-switch button{position:relative;display:flex;flex-direction:column;align-items:start;gap:5px;background:none;color:var(--ink);border:0;border-right:1px solid var(--ink);border-bottom:1px solid var(--ink);text-align:left;padding:20px;min-height:105px}
.plan-switch button>span:first-child{font-size:.8125rem}
.plan-switch button strong{font-size:1.25rem;letter-spacing:-.03em}
.plan-switch button>span:last-child{position:absolute;right:17px;top:17px;font-size:1.5rem}
.plan-switch button[aria-selected="true"]{background:var(--violet);color:#fff}
.plan-switch button:hover:not([aria-selected="true"]){background:#e6def7}
.plan-panel{display:grid;grid-template-columns:1fr 1fr;gap:60px;padding:45px 0}
.plan-overview strong{display:block;font-family:EpicSans,sans-serif;font-size:clamp(2rem,3.4vw,3.4rem);letter-spacing:-.04em;line-height:1.1;margin-bottom:20px;overflow-wrap:anywhere}
.plan-overview>p:last-child{color:var(--muted);font-size:.9375rem}
.plan-overview .eyebrow{color:var(--violet)}
.plan-overview .plan-inquiry{font-size:1.125rem;line-height:1.5;max-width:28em}
.plan-copy h3{font-size:2rem;margin-bottom:20px}
.plan-copy .small-note{margin-top:20px}
.plan-copy .button{margin-top:27px}
.proposal-note{font-size:.875rem;color:var(--muted);max-width:80em;padding-top:25px;border-top:1px solid var(--line)}
.reservation{margin-top:35px;border-top:1px solid var(--ink);border-bottom:1px solid var(--ink)}
.reservation summary{cursor:pointer;display:flex;justify-content:space-between;gap:30px;padding:22px 0;font-size:1rem;font-weight:700;list-style:none}
.reservation summary::-webkit-details-marker{display:none}
.reservation summary span{font-size:1.5rem;line-height:1}
.reservation[open] summary span{transform:rotate(45deg)}
.reservation>div{padding:4px 0 28px;max-width:45em}
.reservation h3{font-size:1.5rem;margin-bottom:20px}
.reservation p{font-size:1rem}
body[data-design="a"] .modalities{background:#10162f;color:#fff}
body[data-design="a"] .modalities h2 span{color:var(--cyan)}
body[data-design="a"] .plan-switch{border-color:#ffffff55}
body[data-design="a"] .plan-switch button{color:#fff;border-color:#ffffff55}
body[data-design="a"] .plan-switch button[aria-selected="true"]{background:var(--cyan);color:var(--ink)}
body[data-design="a"] .plan-switch button:hover:not([aria-selected="true"]){background:#272047}
body[data-design="a"] .plan-overview .eyebrow{color:var(--cyan)}
body[data-design="a"] .modalities .small-note,body[data-design="a"] .proposal-note,body[data-design="a"] .plan-overview>p:last-child{color:#c6c8d6}
body[data-design="a"] .modalities .clean-list li,body[data-design="a"] .proposal-note{border-color:#ffffff35}
body[data-design="a"] .modalities .clean-list li:before{color:var(--cyan)}
body[data-design="a"] .plan-copy .button{background:var(--violet)}
body[data-design="a"] .reservation{border-color:#ffffff55}
.implementation{display:grid;grid-template-columns:1.15fr 1fr;gap:80px;background:#fff;color:var(--ink)}
.implementation-heading h2{font-size:clamp(2.5rem,5.35vw,5rem);margin-bottom:28px}
.implementation-heading>p:last-of-type{font-size:1.125rem;max-width:29em}
.investment-note{display:flex;gap:24px;align-items:start;margin-top:36px;padding:25px 0;border-top:1px solid var(--line)}
.investment-note>span{color:var(--violet);font-size:2.5rem;line-height:1}
.investment-note h3{font-size:1.3rem;letter-spacing:-.02em;margin-bottom:12px}
.investment-note p{font-size:.9375rem;color:var(--muted)}
.implementation-steps{list-style:none;padding:0}
.implementation-steps li{display:flex;gap:27px;border-top:1px solid var(--line);padding:25px 0}
.implementation-steps li>span{font-size:1rem;color:var(--violet);font-weight:700;min-width:24px}
.implementation-steps h3{font-size:1.8rem;margin-bottom:16px}
.implementation-steps p{font-size:1rem;color:var(--muted)}
body[data-design="b"] .implementation{background:var(--yellow)}
body[data-design="b"] .investment-note,body[data-design="b"] .implementation-steps li{border-color:#161b3245}
.contact-section{background:var(--violet);color:#fff}
.contact-section h2{position:relative;font-family:EpicWide,sans-serif;font-size:clamp(2.6rem,7.75vw,8rem);font-weight:800;line-height:1.05;letter-spacing:-.06em}
.contact-section h2 span{color:var(--yellow)}
.contact-arrow{position:absolute;bottom:0;right:0;font-family:EpicSans,sans-serif;font-weight:400;font-size:1.9em;line-height:.9}
.contact-bottom{display:flex;justify-content:space-between;align-items:start;gap:40px;border-top:1px solid #ffffff55;padding-top:30px;margin-top:45px}
.contact-bottom>p{font-size:1.125rem;max-width:29em}
.contact-bottom .button{flex-shrink:0}
body[data-design="b"] .contact-section{background:var(--ink)}
body[data-design="c"] .contact-section{background:var(--cyan);color:var(--ink)}
body[data-design="c"] .contact-section h2 span{color:var(--violet)}
body[data-design="c"] .contact-bottom{border-color:#080c2660}
body[data-design="c"] .contact-bottom .button{background:var(--ink);color:#fff}
.site-footer{padding:45px var(--pad) 25px;display:grid;grid-template-columns:1fr 1.2fr 1fr;gap:35px;align-items:center;max-width:var(--max);margin:auto;background:#fff;color:var(--ink)}
.site-footer>p:nth-child(2){font-size:1rem}
.site-footer>a:nth-child(3){font-size:.875rem;justify-self:end;text-decoration:none}
.footer-legal{grid-column:1/-1;font-size:.8125rem;color:var(--muted);border-top:1px solid var(--line);padding-top:20px;margin-top:6px!important}
body[data-design="a"] .site-footer{background:var(--ink);color:#fff}
body[data-design="a"] .footer-legal{color:#c6c8d6;border-color:#ffffff35}
.lab-dialog{border:0;padding:0;max-width:min(1250px,94vw);width:94vw;max-height:90svh;color:var(--ink);background:#fff;overflow:auto}
.lab-dialog[open]{display:grid;grid-template-columns:1.3fr 1fr}
.lab-dialog::backdrop{background:#060924dc;backdrop-filter:blur(7px)}
.lab-dialog figure{min-width:0}
.lab-dialog figure img{width:100%;height:100%;min-height:480px;object-fit:cover}
.lab-dialog-copy{align-self:center;padding:50px}
.lab-dialog-copy h2{font-size:clamp(2rem,3.3vw,3.1rem);margin-bottom:25px}
.lab-dialog-copy .eyebrow{color:var(--violet)}
.lab-dialog-copy .small-note{margin-top:20px}
.lab-dialog-copy .button{margin-top:25px}
.dialog-close{position:absolute;top:12px;right:12px;width:44px;height:44px;display:grid;place-items:center;font-size:1.9rem;border:1px solid var(--line);color:var(--ink);background:#fff;line-height:1;z-index:2}
.no-motion{scroll-behavior:auto}
html:has(body.no-motion){scroll-behavior:auto}
.no-motion *, .no-motion *:before,.no-motion *:after{animation:none!important;transition:none!important}
.is-preview .review-bar,.is-preview .motion-toggle{display:none}
@media(min-width:1600px){
 .scene-copy{max-width:1600px;margin:auto}
 .scene-bottom{max-width:1408px;margin:auto}
 .paper-hero,.playground-hero{max-width:1600px;margin:auto}
}
@media(max-width:1180px){
 .site-header{gap:22px}
 .header-actions{gap:20px}
 .main-nav{gap:18px}
 .motion-toggle{font-size:.8125rem}
 .brand,.brand-image{width:150px;flex-basis:150px}
 .paper-hero{min-height:740px}
 .paper-stamp{bottom:100px;width:135px;height:135px;right:6%}
 .playground-hero{gap:35px;min-height:780px}
 .playground-visual{min-height:500px}
 .playground-mini{height:170px}
 .hero-picker{grid-template-columns:1fr 3.4fr;gap:20px}
 .hero-picker button{padding:12px;font-size:.875rem}
 .ecosystem-explorer{grid-template-columns:220px minmax(0,1fr)}
 .product-panel{margin-left:30px}
 .teacher-section{gap:45px}
 .teacher-steps{gap:25px}
 .flagship-feature{gap:30px}
 .implementation{gap:50px}
}
@media(max-width:960px){
 :root{--pad:32px;--header-height:82px}
 .review-bar{padding:8px 22px;gap:20px}
 .review-bar nav{gap:18px}
 .site-header{padding:14px var(--pad);gap:20px}
 .main-nav{display:none;position:absolute;top:100%;left:0;right:0;flex-direction:column;align-items:stretch;background:#fff;padding:22px var(--pad);border-bottom:1px solid var(--line);color:var(--ink);gap:7px}
 .main-nav.is-open{display:flex}
 .main-nav a{font-size:1rem;padding:12px 0}
 .menu-button{display:flex;align-items:center;gap:14px;border:0;color:inherit;background:none;min-height:44px;padding:8px 0;font-size:.9375rem;margin-left:auto}
 .header-contact{display:none}
 .header-actions{gap:0}
 .scene-hero{min-height:720px;max-height:900px;height:calc(100svh - 122px)}
 .scene-copy{padding-top:55px}
 .scene-copy h1{font-size:8.4vw}
 .scene-copy .hero-intro{font-size:1.125rem;max-width:27em}
 .spot-vr{top:69%;right:5%}
 .spot-device{top:80%;right:8%}
 .scene-bottom>span:nth-child(2){display:none}
 .paper-hero{min-height:690px;padding-top:26px}
 .paper-title{width:64%;padding-top:32px}
 .paper-title h1{font-size:6.65vw}
 .paper-topline{padding-bottom:26px}
 .paper-object{top:170px;width:46%;padding-right:0}
 .paper-stamp{width:115px;height:115px;bottom:85px;font-size:.625rem;right:5%;padding:14px 3px}
 .stamp-symbol{font-size:3rem}
 .paper-intro{font-size:1rem;max-width:23em}
 .paper-object figcaption{padding-right:25px;font-size:.75rem}
 .playground-hero{padding-top:40px;gap:35px 30px;min-height:730px}
 .playground-heading h1{font-size:5.15vw}
 .playground-heading .hero-intro{font-size:1.125rem}
 .playground-visual{min-height:420px}
 .playground-word{right:0;bottom:32px}
 .playground-mini{left:-12px;width:37%;height:165px}
 .hero-picker{display:block;padding-top:22px}
 .hero-picker>p{margin-bottom:20px}
 .hero-picker>div{gap:10px}
 .section-heading{grid-template-columns:1.2fr 1fr;gap:30px}
 .manifesto{gap:30px 40px}
 .manifesto-caption{font-size:1.125rem}
 .ecosystem-explorer,body[data-design="c"] .ecosystem-explorer{grid-template-columns:1fr}
 .product-tabs,body[data-design="c"] .product-tabs{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));padding:0;border-top:1px solid var(--line)}
 .product-tab{padding:15px 10px 15px 0;gap:8px;grid-template-columns:18px 1fr 14px;font-size:.875rem}
 .product-panel{margin:30px 0 0}
 .product-copy{gap:15px 25px}
 body[data-design="b"] .product-panel{gap:25px;grid-template-columns:1.15fr 1fr}
 body[data-design="b"] .product-photo{min-height:440px}
 body[data-design="b"] .product-tab{padding:15px 10px}
 body[data-design="c"] .product-panel{margin-top:30px;display:grid;grid-template-columns:1.1fr 1fr}
 body[data-design="c"] .product-photo{aspect-ratio:auto;min-height:420px}
 body[data-design="c"] .product-copy{padding:28px}
 .best-copy{padding:28px}
 .best-panel{grid-template-columns:1.1fr 1fr}
 .best-choice{padding:20px}
 .best-letter{font-size:7.7vw}
 .best-arrow{right:14px}
 .book-panel,body[data-design="b"] .book-panel{gap:30px;grid-template-columns:1.2fr 1fr}
 .book-stage img{height:340px}
 .teacher-section{gap:35px}
 .teacher-heading h2{font-size:5.4vw}
 .teacher-photo img{min-height:280px}
 .teacher-steps{gap:23px}
 .teacher-steps li{gap:15px}
 .flagship-feature{grid-template-columns:1fr 1fr;gap:30px}
 .flagship-feature>div:nth-child(2){grid-column:1;grid-row:2}
 .flagship-value{grid-column:2;grid-row:1/span 2}
 .plan-panel{gap:40px}
 .plan-switch button{padding:18px 14px}
 .plan-switch button strong{font-size:1.0625rem}
 .implementation{gap:35px}
 .implementation-heading h2{font-size:5.4vw}
 .contact-section h2{font-size:7.5vw}
 .contact-arrow{font-size:1.6em}
 .site-footer{gap:25px}
 .site-footer>p:nth-child(2){font-size:.9375rem}
 .lab-dialog[open]{grid-template-columns:1.1fr 1fr}
 .lab-dialog-copy{padding:45px 28px}
}
@media(max-width:700px){
 :root{--pad:24px;--header-height:76px}
 html{scroll-padding-top:90px}
 .review-bar{padding:7px 16px;flex-direction:column;align-items:flex-start;gap:5px;font-size:.75rem}
 .review-bar nav{width:100%;justify-content:space-between;gap:12px}
 .review-bar nav a{font-size:.75rem}
 .site-header{padding:11px var(--pad);gap:14px;flex-wrap:wrap}
 .brand{flex-basis:132px}
 .brand-image{width:132px}
 .menu-button{font-size:.875rem;gap:8px}
 .motion-toggle{font-size:.75rem}
 .motion-toggle span{margin-left:4px}
 .section{padding:68px var(--pad)}
 .eyebrow{font-size:.8125rem;letter-spacing:.08em;margin-bottom:20px}
 .button{min-height:52px;font-size:.9375rem;padding:15px 19px;gap:25px}
 h2{font-size:clamp(2.6rem,10.8vw,4.2rem)}
 .scene-hero{min-height:750px;height:auto;max-height:none}
 .scene-image{object-position:57% center}
 .scene-shade{background:linear-gradient(180deg,#060a26b8 0%,#060a2670 35%,#060a2695 67%,#060a26e8 100%)}
 .scene-copy{padding:50px var(--pad) 255px}
 .scene-copy h1{font-size:clamp(1.75rem,8.35vw,3.7rem);margin-bottom:25px}
 .scene-copy .hero-intro{font-size:1.125rem;max-width:27em}
 .hero-links{gap:20px;margin-top:26px}
 .scene-corner{display:none}
 .scene-spot{font-size:.8125rem;gap:8px}
 .scene-spot>span:first-child{width:40px;height:40px}
 .spot-vr{top:auto;bottom:156px;right:var(--pad)}
 .spot-device{top:auto;bottom:101px;right:var(--pad)}
 .scene-bottom{bottom:25px;font-size:.8125rem;gap:14px}
 .scene-bottom a span{margin-left:10px}
 .paper-hero{padding:23px var(--pad) 35px;min-height:0;display:flex;flex-direction:column}
 .paper-topline{padding-bottom:22px}
 .paper-topline .eyebrow{font-size:.75rem}
 .paper-edition{display:none}
 .paper-title{width:100%;padding-top:28px}
 .paper-title h1{font-size:clamp(2.2rem,10.5vw,4.5rem);line-height:.98}
 .title-plus{margin-left:14px}
 .paper-intro{font-size:1.125rem;max-width:29em;margin-top:26px;gap:22px}
 .paper-object{position:relative;top:auto;right:auto;width:100%;padding:0;margin:25px 0 0;order:3}
 .paper-object figcaption{text-align:left;padding:14px 0 0;font-size:.75rem}
 .paper-stamp{width:100px;height:100px;right:27px;bottom:68px;z-index:3;font-size:.6rem}
 .stamp-symbol{font-size:2.5rem}
 .paper-scroll{display:none}
 .playground-hero{display:flex;flex-direction:column;padding:32px var(--pad) 0;gap:20px;min-height:0}
 .playground-heading{padding:0}
 .playground-heading h1{font-size:clamp(2rem,9.3vw,3.8rem);margin-bottom:25px}
 .playground-heading .hero-intro{max-width:27em}
 .playground-visual{width:100%;min-height:420px;transform:none;margin:30px 0 32px}
 .playground-frame{inset:0 0 70px;border-width:6px}
 .playground-tab{left:17px;padding:11px 17px;font-size:.875rem}
 .playground-mini{left:-8px;bottom:0;width:33%;height:150px}
 .playground-word{font-size:clamp(2rem,8vw,3rem);right:-5px;bottom:20px}
 .playground-coordinate{top:102%;font-size:.6875rem}
 .hero-picker{padding:23px 0 28px}
 .hero-picker>div{grid-template-columns:1fr}
 .hero-picker button{font-size:.9375rem;min-height:50px;padding:12px 16px}
 .epic-ribbon{padding:18px 0}
 .ribbon-track{font-size:1.8rem;gap:25px;justify-content:start;min-width:max-content;padding:0 24px;transform:none!important}
 .manifesto{display:block}
 .manifesto>.eyebrow{margin-bottom:32px}
 .manifesto-title{font-size:clamp(3.3rem,13.5vw,5rem)}
 .manifesto-caption{font-size:1.125rem;margin-top:32px}
 .big-mark{font-size:5rem;margin-bottom:22px}
 .section-heading{display:block;margin-bottom:34px}
 .section-heading>p{font-size:1.0625rem;margin-top:25px;max-width:32em}
 body[data-design="b"] .section-heading h2{font-family:EpicSans,sans-serif;font-size:clamp(2.5rem,10.8vw,4rem)}
 .product-tabs,body[data-design="b"] .product-tabs,body[data-design="c"] .product-tabs{grid-template-columns:repeat(2,minmax(0,1fr))}
 .product-tab{font-size:.875rem;padding:14px 10px 14px 0;min-height:62px;grid-template-columns:20px 1fr 15px}
 body[data-design="b"] .product-tab{padding:14px 12px}
 .product-panel,body[data-design="b"] .product-panel,body[data-design="c"] .product-panel{display:block;margin:27px 0 0}
 .product-photo,body[data-design="b"] .product-photo,body[data-design="c"] .product-photo{aspect-ratio:1.22;min-height:0}
 .photo-label{left:15px;bottom:15px;font-size:.8125rem;padding:8px 12px}
 .product-copy,body[data-design="b"] .product-copy{display:flex;flex-direction:column;gap:18px;padding:25px 0 0}
 body[data-design="c"] .product-copy{padding:28px 24px}
 .product-copy h3,body[data-design="b"] .product-copy h3{font-size:1.7rem}
 .product-copy ul{margin-top:2px}
 .product-copy .text-link{align-self:start}
 .best-switch{grid-template-columns:repeat(2,minmax(0,1fr))}
 .best-choice{padding:20px;font-size:.875rem;gap:10px;border-bottom:1px solid var(--ink)}
 .best-choice:nth-child(2){border-right:0}
 .best-choice:nth-child(n+3){border-bottom:0}
 .best-letter{font-size:clamp(2.7rem,10.8vw,4rem)}
 .best-arrow{display:none}
 .best-panel{display:block;margin-top:25px}
 .best-visual{min-height:0;aspect-ratio:1.3}
 .best-visual img{height:100%}
 .best-glyph{font-size:6rem;right:17px;bottom:0}
 .best-copy{padding:28px 24px}
 .best-copy h3{font-size:1.8rem}
 body[data-design="b"] .best-switch{gap:6px}
 body[data-design="b"] .best-choice:nth-child(2),body[data-design="b"] .best-choice:nth-child(4){transform:translateY(8px)}
 body[data-design="b"] .best-panel{margin-top:30px}
 .book-title h2{font-size:clamp(1.3125rem,5.8vw,2.9rem);letter-spacing:-.06em}
 body[data-design="b"] .book-title h2,body[data-design="c"] .book-title h2{font-size:clamp(2rem,8.4vw,3.8rem)}
 body[data-design="b"] .book-section{padding-top:65px}
 .book-switch{gap:14px;margin-top:30px}
 .book-switch button{font-size:.875rem;min-height:68px;gap:7px;flex-wrap:wrap;align-content:center}
 .book-switch button>span:first-child{font-size:.75rem}
 .book-switch button>span:last-child{display:none}
 .book-panel,body[data-design="b"] .book-panel{display:block}
 .book-stage img{height:280px}
 .book-mode-copy{margin-top:22px}
 .book-mode-copy h3{font-size:1.85rem}
 .book-footnote{margin-top:30px}
 .teacher-section{display:block}
 .teacher-heading h2{font-size:clamp(2.6rem,10.8vw,4.2rem)}
 .teacher-heading>p:last-child{font-size:1.0625rem}
 .teacher-photo{margin-top:30px}
 .teacher-photo img{min-height:0;aspect-ratio:1.3;object-fit:cover}
 .teacher-photo figcaption{font-size:.8125rem;padding:16px 0}
 .teacher-steps{display:block;margin-top:15px}
 .teacher-steps li{gap:23px;padding:25px 0;margin-top:25px}
 .teacher-steps h3{margin-bottom:12px}
 .extended-feature{padding:28px 24px;min-height:530px}
 .extended-feature:after{background:linear-gradient(0deg,#080c26ee 0%,#080c2680 65%,#080c2610 100%)}
 .extended-feature figure img{object-position:60% center}
 .extended-copy h3{font-size:2.2rem}
 .flagship-feature{display:block;padding-top:35px}
 .flagship-feature>div+div{margin-top:25px}
 .flagship-feature h3{font-size:1.9rem}
 .flagship-value strong{font-size:4.7rem}
 .flagship-value p{max-width:28em}
 .plan-switch{grid-template-columns:repeat(2,minmax(0,1fr))}
 .plan-switch button{min-height:90px;padding:17px}
 .plan-switch button strong{font-size:1.125rem}
 .plan-panel{display:block;padding:33px 0}
 .plan-overview strong{font-size:clamp(1.9rem,7.8vw,3.3rem)}
 .plan-copy{margin-top:35px}
 .plan-copy h3{font-size:1.7rem}
 .reservation summary{font-size:.9375rem;gap:20px}
 .implementation{display:block}
 .implementation-heading h2{font-size:clamp(2.5rem,10.3vw,4rem)}
 .implementation-heading>p:last-of-type{font-size:1.0625rem}
 .implementation-steps{margin-top:20px}
 .implementation-steps li{padding:23px 0}
 .implementation-steps h3{font-size:1.6rem}
 .contact-section h2{font-family:EpicSans,sans-serif;font-size:clamp(2.875rem,12vw,4.7rem);letter-spacing:-.04em}
 .contact-arrow{font-size:1.6em;right:0;bottom:3px}
 .contact-bottom{display:block;margin-top:30px;padding-top:25px}
 .contact-bottom .button{margin-top:27px}
 .site-footer{grid-template-columns:1fr;gap:25px;padding:35px var(--pad) 24px}
 .site-footer>a:nth-child(3){justify-self:start}
 .footer-legal{grid-column:1}
 .lab-dialog[open]{display:block}
 .lab-dialog figure img{min-height:0;aspect-ratio:1.3}
 .lab-dialog-copy{padding:28px}
 .lab-dialog-copy h2{font-size:2rem}
 .is-preview .review-bar{display:none}
}
@media(max-width:370px){
 .site-header{padding-left:18px;padding-right:18px;gap:13px}
 .brand{flex-basis:115px}
 .brand-image{width:115px}
 .motion-toggle{font-size:.6875rem}
 .menu-button{font-size:.8125rem}
 .hero-links{gap:12px}
 .paper-stamp{width:85px;height:85px;bottom:66px}
 .playground-visual{min-height:365px}
 .playground-mini{height:125px}
 .playground-word{padding:10px 15px}
 .clean-list li{font-size:.9375rem}
 .book-stage img{height:240px}
 .book-switch button{font-size:.8125rem}
 .best-choice{font-size:.875rem;padding:16px}
}
@media(prefers-reduced-motion:reduce){
 html{scroll-behavior:auto}
 *,*:before,*:after{animation:none!important;transition:none!important;scroll-behavior:auto!important}
}