:root{--ink: #16202e;--ink-2: #3c4657;--muted: #5b6577;--line: #e4e0d6;--paper: #fffdf8;--paper-2: #f7f2e8;--white: #ffffff;--orange: #f7a44e;--orange-deep: #a84c08;--orange-soft: #fff0dd;--aqua: #2f86d6;--aqua-deep: #0b4f9c;--aqua-soft: #e6f2fc;--sky: #cfe6f7;--sun: #f8c850;--sun-soft: #fff6d6;--leaf: #4f9a3a;--leaf-soft: #eaf5e3;--grape: #6a4fc4;--grape-soft: #efeafc;--subj-chemistry: #e0711b;--subj-physics: #2f86d6;--subj-earth: #6a4fc4;--subj-living: #3f8f30;--subj-robotics: #0f8f8a;--subj-show: #d0436b;--font-display: "Bricolage Grotesque Variable", "Avenir Next", system-ui, sans-serif;--font-body: "Figtree Variable", "Segoe UI", system-ui, sans-serif;--radius: 18px;--radius-lg: 28px;--shadow-sm: 0 1px 2px rgb(22 32 46 / 6%), 0 2px 8px rgb(22 32 46 / 5%);--shadow: 0 2px 4px rgb(22 32 46 / 5%), 0 12px 32px rgb(22 32 46 / 9%);--shadow-lg: 0 24px 60px rgb(22 32 46 / 16%);--wrap: 1200px;--gutter: clamp(16px, 4vw, 40px);--header-h: 72px}*,*:before,*:after{box-sizing:border-box}html{-webkit-text-size-adjust:100%;scroll-padding-top:calc(var(--header-h) + 16px)}@media(prefers-reduced-motion:no-preference){html{scroll-behavior:smooth}}body{margin:0;background:var(--paper);color:var(--ink);font-family:var(--font-body);font-size:1.0625rem;line-height:1.65;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;overflow-x:clip}img,svg,video{display:block;max-width:100%;height:auto}picture{display:contents}a{color:var(--aqua-deep);text-decoration-thickness:1.5px;text-underline-offset:3px}a:hover{color:var(--ink)}:focus-visible{outline:3px solid var(--aqua);outline-offset:3px;border-radius:6px}::selection{background:var(--sun);color:var(--ink)}h1,h2,h3,h4{font-family:var(--font-display);font-weight:750;line-height:1.08;letter-spacing:-.02em;margin:0 0 .5em;text-wrap:balance}h1{font-size:clamp(2.35rem,5.4vw,4.25rem);letter-spacing:-.035em}h2{font-size:clamp(1.85rem,3.6vw,2.9rem);letter-spacing:-.03em}h3{font-size:clamp(1.2rem,1.8vw,1.45rem);line-height:1.2}h4{font-size:1.05rem;line-height:1.3}p{margin:0 0 1em;text-wrap:pretty}ul,ol{padding-left:1.2em}.wrap{width:min(100% - 2 * var(--gutter),var(--wrap));margin-inline:auto}.wrap-narrow{width:min(100% - 2 * var(--gutter),780px);margin-inline:auto}.section{padding-block:clamp(56px,8vw,112px)}.section-tight{padding-block:clamp(40px,5vw,72px)}.bg-paper2{background:var(--paper-2)}.bg-aqua{background:var(--aqua-soft)}.bg-sun{background:var(--sun-soft)}.bg-ink{background:var(--ink);color:#f4f1ea}.bg-ink a:not(.btn){color:var(--sun)}.eyebrow{display:inline-flex;align-items:center;gap:10px;font-family:var(--font-body);font-weight:700;font-size:.8rem;letter-spacing:.14em;text-transform:uppercase;color:var(--orange-deep);margin-bottom:14px}.eyebrow:before{content:"";width:22px;height:3px;border-radius:3px;background:var(--orange)}.bg-ink .eyebrow{color:var(--sun)}.lead{font-size:clamp(1.12rem,1.6vw,1.3rem);line-height:1.6;color:var(--ink-2);max-width:62ch}.bg-ink .lead{color:#d9d4ca}.muted{color:var(--muted)}.center{text-align:center}.center .lead{margin-inline:auto}.section-head{max-width:760px;margin-bottom:clamp(28px,4vw,48px)}.section-head.center{margin-inline:auto}.section-head p:last-child{margin-bottom:0}.btn{--b: var(--ink);--c: #fff;display:inline-flex;align-items:center;justify-content:center;gap:10px;min-height:50px;padding:0 24px;border-radius:999px;border:2px solid var(--b);background:var(--b);color:var(--c);font:700 1rem/1 var(--font-body);text-decoration:none;cursor:pointer;transition:transform .18s ease,box-shadow .18s ease,background .18s;white-space:nowrap}.btn:hover{color:var(--c);transform:translateY(-2px);box-shadow:0 10px 22px #16202e2e}.btn-orange{--b: var(--orange);--c: var(--ink)}.btn-orange:hover{--b: #f59a3a}.btn-ghost{background:transparent;color:var(--ink)}.btn-ghost:hover{background:var(--ink);color:#fff}.bg-ink .btn-ghost{--b: #f4f1ea;color:#f4f1ea}.bg-ink .btn-ghost:hover{color:var(--ink);background:#f4f1ea}.btn-sm{min-height:42px;padding:0 18px;font-size:.94rem}.btn svg{width:18px;height:18px;flex:none}.btn-row{display:flex;flex-wrap:wrap;gap:12px;align-items:center}.link-arrow{font-weight:700;text-decoration:none;color:var(--ink);display:inline-flex;align-items:center;gap:8px}.link-arrow:after{content:"→";transition:transform .18s ease}.link-arrow:hover:after{transform:translate(4px)}.grid{display:grid;gap:clamp(16px,2.2vw,28px)}.g2{grid-template-columns:repeat(auto-fit,minmax(min(100%,420px),1fr))}.g3{grid-template-columns:repeat(auto-fit,minmax(min(100%,300px),1fr))}.g4{grid-template-columns:repeat(auto-fit,minmax(min(100%,230px),1fr))}.split{display:grid;gap:clamp(32px,5vw,72px);align-items:center;grid-template-columns:1fr}@media(min-width:900px){.split{grid-template-columns:1.05fr .95fr}.split.rev>:first-child{order:2}}.card{position:relative;background:var(--white);border:1px solid var(--line);border-radius:var(--radius);padding:clamp(20px,2.4vw,28px);box-shadow:var(--shadow-sm);transition:transform .2s ease,box-shadow .2s ease,border-color .2s}a.card{color:inherit;text-decoration:none;display:block}a.card:hover{box-shadow:var(--shadow);border-color:#d6cfbf}a.card:not([data-tilt]):hover{transform:translateY(-4px)}.card h3{margin-bottom:.35em}.card p:last-child{margin-bottom:0}.pill{display:inline-flex;align-items:center;gap:6px;padding:4px 11px;border-radius:999px;font-size:.78rem;font-weight:700;letter-spacing:.02em;background:var(--paper-2);color:var(--ink-2);white-space:nowrap}.pill-dot:before{content:"";width:7px;height:7px;border-radius:50%;background:currentColor}.subj-chemistry{color:#9a4a0a}.subj-physics{color:#1b5ea3}.subj-earth{color:#55389f}.subj-living{color:#2e6b21}.subj-robotics{color:#0a6b67}.subj-show{color:#ab2b51}.pill.subj-chemistry{background:#fdeee1}.pill.subj-physics{background:var(--aqua-soft)}.pill.subj-earth{background:var(--grape-soft)}.pill.subj-living{background:var(--leaf-soft)}.pill.subj-robotics{background:#e0f4f2}.pill.subj-show{background:#fce8ee}.hex{clip-path:polygon(25% 3%,75% 3%,100% 50%,75% 97%,25% 97%,0 50%)}.prose{font-size:1.075rem}:where(.prose,.consent,p,li) a:not([class]){display:inline-block}details:not([open])>:not(summary){display:none}.prose>*+*{margin-top:0}.prose h2{font-size:clamp(1.55rem,2.6vw,2.1rem);margin-top:1.6em}.prose h3{margin-top:1.4em}.prose ul{padding-left:0;list-style:none}.prose ul li{position:relative;padding-left:28px;margin-bottom:.45em}.prose ul li:before{content:"";position:absolute;left:4px;top:.62em;width:10px;height:10px;border-radius:50%;background:var(--orange);box-shadow:0 0 0 4px var(--orange-soft)}.prose strong{font-weight:700}.prose a{font-weight:600}.faq{display:grid;gap:12px}.faq details{background:var(--white);border:1px solid var(--line);border-radius:16px;overflow:hidden}.faq summary{list-style:none;cursor:pointer;padding:18px 56px 18px 22px;position:relative;font:700 1.06rem/1.35 var(--font-body)}.faq summary::-webkit-details-marker{display:none}.faq summary:after{content:"";position:absolute;right:20px;top:50%;width:22px;height:22px;margin-top:-11px;border-radius:50%;background:var(--orange-soft) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23c25a0c' stroke-width='3' stroke-linecap='round'%3E%3Cpath d='M12 6v12M6 12h12'/%3E%3C/svg%3E") center/12px no-repeat;transition:transform .2s ease}.faq details[open] summary:after{transform:rotate(45deg)}.faq .answer{padding:0 22px 20px;color:var(--ink-2);overflow:hidden}.faq .answer p:last-child{margin-bottom:0}.crumbs{font-size:.9rem;color:var(--muted);margin-bottom:18px}.crumbs ol{list-style:none;padding:0;margin:0;display:flex;flex-wrap:wrap;gap:6px}.crumbs li:not(:last-child):after{content:"/";margin-left:6px;opacity:.5}.crumbs a{color:var(--muted);text-decoration:none}.crumbs a:hover{color:var(--ink);text-decoration:underline}.field{display:grid;gap:6px}.field label{font-weight:700;font-size:.95rem}.field input,.field select,.field textarea{font:inherit;color:inherit;background:var(--white);border:1.5px solid #d9d3c5;border-radius:12px;padding:12px 14px;min-height:48px;width:100%}.field textarea{min-height:140px;resize:vertical}.field input:focus,.field select:focus,.field textarea:focus{border-color:var(--aqua);outline:3px solid rgb(47 134 214 / 20%);outline-offset:0}.field textarea[rows]{min-height:110px}.qform{display:grid;gap:16px;background:var(--white);border:1px solid var(--line);border-radius:26px;padding:clamp(20px,3vw,34px);box-shadow:var(--shadow-sm)}.qform .two{display:grid;gap:16px;grid-template-columns:repeat(auto-fit,minmax(min(100%,240px),1fr))}.qform abbr{text-decoration:none;color:var(--orange-deep)}.qform .btn{justify-self:start}.qform .consent{display:grid;grid-template-columns:auto 1fr;gap:10px;align-items:start;font-size:.92rem;color:var(--ink-2);cursor:pointer}.qform .consent input{width:22px;height:22px;margin:1px 0 0;accent-color:var(--aqua-deep)}.qform .hp-field{position:absolute;left:-9999px;width:1px;height:1px;overflow:hidden}.qform .form-status:empty{display:none}.qform .form-status{margin:0;border-radius:12px;padding:12px 16px;font-weight:700;background:var(--orange-soft)}.qform .form-status[data-state=success]{background:var(--leaf-soft)}.qform .demo-note{margin:0;background:var(--sun-soft);border-radius:12px;padding:12px 16px;font-size:.94rem;font-weight:600}.qform :user-invalid{border-color:#c2410c}[hidden]{display:none!important}html,body{overflow-x:clip}.visually-hidden{position:absolute!important;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}.skip{position:absolute;left:12px;top:-60px;z-index:100;background:var(--ink);color:#fff;padding:10px 16px;border-radius:10px}.skip:focus{top:12px;color:#fff}@media(prefers-reduced-motion:no-preference){.js [data-reveal]{--rd: calc(var(--i, 0) * 90ms);opacity:0;translate:0 26px;scale:.98;transition:opacity .8s ease var(--rd),translate .9s cubic-bezier(.2,.8,.2,1) var(--rd),scale .9s cubic-bezier(.2,.8,.2,1) var(--rd),rotate .9s cubic-bezier(.2,.8,.2,1) var(--rd),transform .35s cubic-bezier(.2,.8,.2,1),box-shadow .3s ease,border-color .2s ease,background-color .2s ease}.js [data-reveal=pop]{translate:0 30px;scale:.85;rotate:-3deg}.js [data-reveal=left]{translate:-40px 0;scale:1}.js [data-reveal=right]{translate:40px 0;scale:1}.js [data-reveal].is-in{opacity:1;translate:none;scale:none;rotate:none}@media(max-width:719px){.js [data-reveal=left],.js [data-reveal=right]{translate:0 24px}.js [data-reveal=pop]{rotate:none}}@media(max-width:719px){main>section,main>div>section{overflow-x:clip}}}.lab-grid{background-image:linear-gradient(rgb(47 134 214 / 9%) 1px,transparent 1px),linear-gradient(90deg,rgb(47 134 214 / 9%) 1px,transparent 1px);background-size:32px 32px}.bg-ink .lab-grid,.lab-grid.on-dark{background-image:linear-gradient(rgb(255 255 255 / 6%) 1px,transparent 1px),linear-gradient(90deg,rgb(255 255 255 / 6%) 1px,transparent 1px)}h1 em,h2 em{font-style:normal;position:relative;white-space:nowrap;z-index:0}h1 em:after,h2 em:after{content:"";position:absolute;left:-3%;right:-3%;bottom:.05em;height:.34em;z-index:-1;background:var(--sun);border-radius:6px;transform:skew(-8deg) scaleX(var(--mark, 1));transform-origin:left}@media(prefers-reduced-motion:no-preference){.js h1 em:after{--mark: 0;animation:mark-in .9s cubic-bezier(.2,.8,.2,1) .35s forwards}.js h2 em:after{--mark: 0;transition:transform .9s cubic-bezier(.2,.8,.2,1) .2s}.js .is-in h2 em:after,.js h2.is-in em:after{--mark: 1;transform:skew(-8deg) scaleX(1)}}@keyframes mark-in{to{transform:skew(-8deg) scaleX(1)}}.bg-ink h2 em,.on-dark h2 em{color:var(--sun)}.bg-ink h2 em:after,.on-dark h2 em:after{background:#f7a44e66;height:.22em;bottom:0}[data-tilt]{transform:perspective(900px) rotateX(var(--rx, 0deg)) rotateY(var(--ry, 0deg));transform-style:preserve-3d;will-change:transform}[data-tilt]:after{content:"";position:absolute;inset:0;border-radius:inherit;pointer-events:none;opacity:0;transition:opacity .3s;background:radial-gradient(420px circle at var(--gx, 50%) var(--gy, 50%),rgb(255 255 255 / 45%),transparent 45%);mix-blend-mode:soft-light}[data-tilt].tilting:after{opacity:1}[data-tilt]:not([data-reveal]){transition:transform .4s cubic-bezier(.2,.8,.2,1)}.trail-bubble,.foam-bit{position:absolute;border-radius:50%;pointer-events:none;z-index:5}.trail-bubble{border:1.5px solid rgb(255 255 255 / 80%);background:radial-gradient(circle at 30% 30%,#fff 0 15%,#ffffff26 18%)}.foam-bit{left:50%;top:0;box-shadow:inset -3px -3px #0000000f}.tape{position:relative;overflow:hidden;white-space:nowrap;user-select:none}.tape-track{display:inline-flex;gap:0}.tape-track>*{flex:none}@media(prefers-reduced-motion:no-preference){.tape-track{animation:tape var(--tape-speed, 38s) linear infinite}.tape:hover .tape-track,html.tapes-paused .tape-track{animation-play-state:paused}}@keyframes tape{to{transform:translate(-50%)}}.blob{border-radius:42% 58% 55% 45%/48% 42% 58% 52%;overflow:hidden}@media(prefers-reduced-motion:no-preference){.blob{animation:blob 14s ease-in-out infinite}}@keyframes blob{0%,to{border-radius:42% 58% 55% 45%/48% 42% 58% 52%}33%{border-radius:58% 42% 40% 60%/40% 58% 42% 60%}66%{border-radius:48% 52% 62% 38%/58% 46% 54% 42%}}@media(prefers-reduced-motion:no-preference){.float{animation:float-y 6s ease-in-out infinite}.float.slow{animation-duration:9s}.float.d1{animation-delay:-2s}.float.d2{animation-delay:-4s}.spin-slow{animation:spin-z 40s linear infinite}.shake{animation:shake .5s cubic-bezier(.36,.07,.19,.97)}}@keyframes float-y{0%,to{transform:translateY(0) rotate(0)}50%{transform:translateY(-14px) rotate(3deg)}}@keyframes spin-z{to{transform:rotate(360deg)}}@keyframes shake{10%,90%{transform:translate(-1px) rotate(-1deg)}20%,80%{transform:translate(3px) rotate(2deg)}30%,50%,70%{transform:translate(-5px) rotate(-3deg)}40%,60%{transform:translate(5px) rotate(3deg)}}.sticker{display:inline-grid;place-items:center;width:var(--st, 84px);aspect-ratio:1;border-radius:50%;background:var(--white);box-shadow:0 10px 30px #16202e29,inset 0 -4px #16202e0f;border:3px solid var(--white)}.sticker.hexed{border-radius:0;clip-path:polygon(25% 3%,75% 3%,100% 50%,75% 97%,25% 97%,0 50%);box-shadow:none}.video-frame{width:100%;aspect-ratio:9 / 12;border:0;border-radius:18px;background:#000}.vid-consent{position:absolute;left:10px;right:10px;top:10px;z-index:3;display:grid;gap:8px;justify-items:start;padding:12px 14px;border-radius:14px;background:#fffffff5;color:var(--ink);text-align:left;font-size:.88rem;line-height:1.35;box-shadow:var(--shadow);cursor:default}.vid-consent p{margin:0}.promo-bar{background:var(--orange);color:var(--ink);font-size:.92rem;position:relative;z-index:52}.pb-in{width:min(100% - 2 * var(--gutter),1280px);margin-inline:auto;min-height:44px;display:flex;align-items:center;gap:10px}.pb-chip{flex:none;font:800 .72rem/1 var(--font-display);letter-spacing:.1em;text-transform:uppercase;background:var(--ink);color:#fff;border-radius:99px;padding:5px 9px}.pb-txt{flex:1;min-width:0;margin:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.pb-short{display:none}.pb-go{flex:none;border:2px solid var(--ink);background:var(--ink);color:#fff;border-radius:99px;padding:5px 14px;font:700 .88rem/1.2 var(--font-body, inherit);cursor:pointer}.pb-go:hover{background:transparent;color:var(--ink)}.pb-x{flex:none;width:36px;height:36px;border:0;border-radius:50%;background:transparent;color:var(--ink);font-size:1.6rem;line-height:1;cursor:pointer}.pb-x:hover{background:#16202e1f}.pb-go:focus-visible,.pb-x:focus-visible{outline:3px solid var(--ink);outline-offset:2px}@media(max-width:719px){.pb-long{display:none}.pb-short{display:inline}.pb-chip{display:none}.pb-in{gap:8px}}
