/* Forma welcome page. Light "Paper" by default; every colour comes from palette tokens so the dark palettes restyle the page in full.
   Structure: floating pill nav → centred hero with a chrome star → three glass feature cards → built-on row → how it works → live lesson mock-up → coverage → FAQ → final call → giant wordmark. */
@font-face{font-family:'DM Sans';src:url('./vendor/fonts/dm-sans.ttf') format('truetype');font-weight:100 1000;font-display:swap}
*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:96px}
body.welcome{--chrome-hi:#ffffff;--chrome-mid:#c3c6cc;--chrome-lo:#737880;--glass:color-mix(in srgb,var(--surface) 72%,transparent);--shadow-lg:0 30px 80px -30px rgba(20,24,30,.25);margin:0;background:var(--bg);color:var(--ink);font:16px/1.65 'DM Sans',system-ui,sans-serif;-webkit-font-smoothing:antialiased;min-height:100dvh;overflow-x:hidden}
html[data-theme=dark] body.welcome,html[data-theme=graphite] body.welcome,html[data-theme=lofi] body.welcome,html[data-theme=midnight] body.welcome{--chrome-hi:#f6f6f8;--chrome-mid:#8b8f98;--chrome-lo:#2b2e35;--shadow-lg:0 30px 80px -30px rgba(0,0,0,.7)}
body.welcome a{color:inherit;text-decoration:none}body.welcome button{font:inherit;cursor:pointer;color:inherit}body.welcome :focus-visible{outline:3px solid var(--accent);outline-offset:4px;border-radius:8px}
body.welcome.menu-open{overflow:hidden}
/* backdrop */
.welcome-backdrop{position:fixed;inset:0;z-index:-1;overflow:hidden;pointer-events:none}.welcome-backdrop .blob{position:absolute;border-radius:50%;filter:blur(70px);opacity:.55}.welcome-backdrop .b1{width:56vw;height:56vw;right:-18vw;top:-22vw;background:radial-gradient(circle,color-mix(in srgb,var(--accent) 34%,transparent),transparent 65%)}.welcome-backdrop .b2{width:40vw;height:40vw;left:-16vw;top:30vh;background:radial-gradient(circle,color-mix(in srgb,var(--accent-2) 30%,transparent),transparent 65%)}.welcome-backdrop .b3{width:50vw;height:50vw;right:-10vw;bottom:-25vw;background:radial-gradient(circle,color-mix(in srgb,var(--accent-2) 22%,transparent),transparent 65%)}
.welcome-backdrop .grain{position:absolute;inset:0;opacity:.07;background-image:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='160' height='160'><filter id='n'><feTurbulence type='fractalNoise' baseFrequency='.9' numOctaves='2' stitchTiles='stitch'/><feColorMatrix values='0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 .9 0'/></filter><rect width='100%' height='100%' filter='url(%23n)'/></svg>");mix-blend-mode:multiply}
html[data-theme=dark] .welcome-backdrop .grain,html[data-theme=graphite] .welcome-backdrop .grain,html[data-theme=lofi] .welcome-backdrop .grain,html[data-theme=midnight] .welcome-backdrop .grain{mix-blend-mode:screen;opacity:.05}
/* floating pill nav */
.welcome-nav-wrap{position:sticky;top:12px;z-index:50;padding:0 14px}
.welcome-nav{max-width:1120px;margin:0 auto;height:62px;padding:0 10px 0 20px;display:flex;align-items:center;gap:28px;border:1px solid var(--line);border-radius:999px;background:var(--glass);backdrop-filter:blur(18px) saturate(1.3);-webkit-backdrop-filter:blur(18px) saturate(1.3);box-shadow:0 1px 0 color-mix(in srgb,var(--surface) 60%,transparent) inset,0 10px 40px -20px rgba(0,0,0,.25);transition:box-shadow .5s,transform .5s cubic-bezier(.2,.8,.2,1)}
.welcome-nav-wrap.scrolled .welcome-nav{box-shadow:0 1px 0 color-mix(in srgb,var(--surface) 60%,transparent) inset,0 18px 50px -20px rgba(0,0,0,.35)}
.welcome-brand{display:flex;align-items:center;gap:9px;font-size:23px;font-weight:650;letter-spacing:-1.1px}.welcome-brand i{display:grid;place-items:center;width:30px;height:30px;font:italic 24px Georgia,serif;border-radius:9px;background:linear-gradient(135deg,var(--accent),var(--accent-2));color:var(--on-accent);line-height:1}
.welcome-nav nav{display:flex;gap:4px;font-size:14px;color:var(--muted);margin:0 auto}.welcome-nav nav a{padding:8px 13px;border-radius:999px;transition:color .3s,background .3s}.welcome-nav nav a:hover{color:var(--ink);background:var(--soft)}
.welcome-actions{display:flex;gap:8px;align-items:center}.welcome-actions .header-right{display:flex;gap:4px;margin-right:4px}
.welcome-menu{display:none;width:44px;height:44px;border:1px solid var(--line);border-radius:50%;background:transparent;place-items:center;gap:5px;grid-auto-flow:row;padding:0}.welcome-menu span{display:block;width:18px;height:1.6px;background:var(--ink);transition:transform .35s,opacity .35s}.welcome-menu[aria-expanded=true] span:first-child{transform:translateY(3.3px) rotate(45deg)}.welcome-menu[aria-expanded=true] span:last-child{transform:translateY(-3.3px) rotate(-45deg)}
.welcome-menu-sheet{position:fixed;inset:86px 14px auto;z-index:49;display:grid;gap:4px;padding:12px;border:1px solid var(--line);border-radius:22px;background:var(--surface);box-shadow:var(--shadow-lg);animation:enter .4s cubic-bezier(.2,.8,.2,1)}.welcome-menu-sheet[hidden]{display:none}.welcome-menu-sheet a{padding:13px 16px;border-radius:14px;font-size:16px}.welcome-menu-sheet a:hover{background:var(--soft)}
/* buttons */
.welcome-quiet,.welcome-cta,.welcome-ghost{display:inline-flex;align-items:center;justify-content:center;gap:10px;min-height:44px;padding:10px 18px;border-radius:999px;border:1px solid var(--line);font-size:14px;font-weight:550;white-space:nowrap;transition:transform .4s cubic-bezier(.2,.8,.2,1),background .35s,box-shadow .45s,border-color .35s}
.welcome-quiet{background:transparent}.welcome-quiet:hover{background:var(--soft)}
.welcome-cta,body.welcome a.welcome-cta{background:linear-gradient(135deg,var(--accent),color-mix(in srgb,var(--accent) 60%,var(--accent-2)));color:var(--on-accent);border-color:color-mix(in srgb,var(--accent) 70%,var(--ink));box-shadow:0 0 0 0 var(--accent-glow),0 10px 30px -10px var(--accent-glow),inset 0 1px 0 color-mix(in srgb,#fff 25%,transparent)}
.welcome-cta:hover{transform:translateY(-2px);box-shadow:0 0 0 6px color-mix(in srgb,var(--accent) 14%,transparent),0 18px 44px -12px var(--accent-glow),inset 0 1px 0 color-mix(in srgb,#fff 25%,transparent)}.welcome-cta.large{min-height:56px;padding:14px 30px;font-size:16px}.welcome-cta span{transition:transform .4s cubic-bezier(.2,.8,.2,1)}.welcome-cta:hover span{transform:translateX(4px)}
.welcome-ghost{border-color:transparent;color:var(--muted)}.welcome-ghost:hover{color:var(--ink);background:var(--soft)}.welcome-ghost span{transition:transform .4s}.welcome-ghost:hover span{transform:translateY(3px)}
/* hero */
.welcome-hero{position:relative;max-width:1180px;margin:0 auto;padding:clamp(70px,9vw,120px) clamp(18px,4vw,40px) 30px;text-align:center}
.welcome-star{position:absolute;right:clamp(-40px,2vw,60px);top:clamp(-30px,0vw,10px);width:clamp(200px,30vw,400px);aspect-ratio:1;z-index:0;pointer-events:none;opacity:.95}.chrome-star{width:100%;height:100%;overflow:visible}.star-spin{transform-origin:200px 200px;animation:spin 70s linear infinite}.star-spin.slow{animation-duration:140s;animation-direction:reverse}.welcome-star{animation:float 9s ease-in-out infinite}
.welcome-copy{position:relative;z-index:1;max-width:860px;margin:0 auto}
.welcome-badge{display:inline-flex;align-items:center;gap:10px;margin:0 0 28px;padding:6px 14px 6px 6px;border:1px solid var(--line);border-radius:999px;background:var(--glass);backdrop-filter:blur(10px);font-size:13px;color:var(--muted)}.welcome-badge i{font-style:normal;font-size:11px;font-weight:650;letter-spacing:.5px;padding:3px 9px;border-radius:999px;background:var(--accent);color:var(--on-accent)}
.welcome-hero h1{font-size:clamp(42px,7vw,94px);font-weight:600;letter-spacing:-.045em;line-height:1.02;margin:0 0 26px}.welcome-hero h1 em,.welcome-section h2 em,.welcome-final h2 em{font-family:Georgia,'Times New Roman',serif;font-style:italic;font-weight:400;color:var(--accent);letter-spacing:-.02em}
.welcome-hero h1 .word,.welcome-section h2 .word{display:inline-block;will-change:transform,opacity}
.welcome-lead{font-size:clamp(16px,1.6vw,19px);line-height:1.7;color:var(--muted);max-width:640px;margin:0 auto 32px}
.welcome-hero-actions{display:flex;align-items:center;justify-content:center;gap:14px;flex-wrap:wrap}
.welcome-trust{display:flex;justify-content:center;gap:22px;flex-wrap:wrap;list-style:none;margin:26px 0 0;padding:0;font-size:12.5px;color:var(--muted)}.welcome-trust li{display:flex;align-items:center;gap:7px}.welcome-trust li:before{content:'';width:14px;height:14px;border-radius:50%;background:var(--accent-soft);border:1px solid color-mix(in srgb,var(--accent) 40%,transparent);background-image:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 14 14'><path d='M4 7.3l2 2 4-4.6' fill='none' stroke='%232f6b3a' stroke-width='1.6' stroke-linecap='round' stroke-linejoin='round'/></svg>");background-size:100%}
/* glass feature cards */
.welcome-features{position:relative;z-index:1;display:grid;grid-template-columns:repeat(3,1fr);gap:18px;max-width:1120px;margin:clamp(50px,7vw,90px) auto 0;text-align:left;perspective:1200px}
.feature{position:relative;padding:22px 22px 18px;border:1px solid var(--line);border-radius:26px;background:var(--glass);backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);box-shadow:inset 0 1px 0 color-mix(in srgb,#fff 40%,transparent),var(--shadow-lg);transition:border-color .4s,box-shadow .5s}.feature:hover{border-color:color-mix(in srgb,var(--accent) 45%,var(--line));box-shadow:inset 0 1px 0 color-mix(in srgb,#fff 40%,transparent),0 30px 80px -30px var(--accent-glow)}
.feature-head{display:flex;align-items:center;gap:12px;margin-bottom:10px}.feature-icon{display:grid;place-items:center;width:38px;height:38px;border-radius:12px;background:var(--accent-soft);color:var(--accent);border:1px solid color-mix(in srgb,var(--accent) 30%,transparent)}.feature-icon svg{width:19px;height:19px}.feature h3{margin:0;font-size:17px;font-weight:600;letter-spacing:-.3px}.feature p{margin:0 0 16px;font-size:13.5px;line-height:1.65;color:var(--muted)}
.feature-art{position:relative;height:170px;border-radius:18px;overflow:hidden;background:linear-gradient(180deg,color-mix(in srgb,var(--soft) 80%,transparent),var(--surface));border:1px solid var(--line)}.feature:nth-child(1) .feature-art{background:linear-gradient(160deg,color-mix(in srgb,var(--accent) 16%,var(--surface)),var(--surface))}.feature:nth-child(2) .feature-art{background:linear-gradient(160deg,color-mix(in srgb,var(--accent-2) 22%,var(--surface)),var(--surface))}.feature:nth-child(3) .feature-art{background:radial-gradient(circle at 50% 55%,color-mix(in srgb,var(--accent-2) 24%,transparent),transparent 60%),var(--surface)}.feature-art svg{width:100%;height:100%;display:block}
.art-sheet .organ{fill:var(--accent-soft);stroke:var(--accent);stroke-width:1.6}.art-sheet .organ-line{fill:none;stroke:var(--accent);stroke-width:1.2;opacity:.6}.art-sheet .target line{stroke:var(--ink);stroke-width:1.1;opacity:.7}.art-sheet .target circle{fill:var(--accent);stroke:var(--surface);stroke-width:2}.art-sheet .target text{font:600 12px 'DM Sans';fill:var(--ink)}.art-sheet .target{opacity:0;animation:targets 7s ease-in-out infinite}.art-sheet .t2{animation-delay:.5s}.art-sheet .t3{animation-delay:1s}
.art-chart .line{fill:none;stroke:var(--accent);stroke-width:2.4;stroke-linecap:round;stroke-dasharray:420;stroke-dashoffset:420;animation:draw 6s ease-in-out infinite;filter:drop-shadow(0 0 6px var(--accent-glow))}.art-chart .area{opacity:0;animation:fadein 6s ease-in-out infinite}.art-chart .tip{fill:var(--accent);stroke:var(--surface);stroke-width:2;opacity:0;animation:fadein 6s ease-in-out infinite}.chart-pill{position:absolute;right:12px;top:12px;z-index:1;font-size:11.5px;font-weight:650;padding:4px 10px;border-radius:999px;background:var(--surface);border:1px solid var(--line);color:var(--accent)}
.art-ring .rings circle{fill:none;stroke:var(--line);stroke-width:1.2}.art-ring .sweep path{fill:var(--accent-glow);transform-origin:130px 78px;animation:spin 6s linear infinite}.art-ring .pip circle{fill:var(--accent);animation:pulse 2.4s ease-in-out infinite}.art-ring .p2 circle{animation-delay:-.8s}.art-ring .p3 circle{animation-delay:-1.6s}.art-ring .core circle{fill:var(--accent)}.art-ring .core path{fill:none;stroke:var(--on-accent);stroke-width:2;stroke-linecap:round;stroke-linejoin:round}
.welcome-built{display:flex;align-items:center;justify-content:center;gap:18px;flex-wrap:wrap;margin:clamp(40px,6vw,70px) auto 0;color:var(--muted);font-size:11.5px;letter-spacing:1.6px;text-transform:uppercase}.welcome-built ul{display:flex;gap:26px;flex-wrap:wrap;justify-content:center;list-style:none;margin:0;padding:0;font-size:14px;letter-spacing:0;text-transform:none;font-weight:600;color:color-mix(in srgb,var(--ink) 55%,var(--muted))}
.motion-control{position:absolute;right:clamp(18px,4vw,40px);bottom:-6px;font-size:11px;letter-spacing:1px;color:var(--muted);border:1px solid var(--line);border-radius:30px;background:transparent;padding:8px 14px}.motion-control:hover{color:var(--ink);background:var(--surface)}
.landing-motion-paused *,.landing-motion-paused *::before,.landing-motion-paused *::after{animation-play-state:paused!important}
/* sections */
.welcome-section{max-width:1120px;margin:0 auto;padding:clamp(60px,8vw,110px) clamp(18px,4vw,40px) 0}.welcome-eyebrow{display:inline-flex;align-items:center;gap:10px;margin:0 0 18px;font-size:11.5px;letter-spacing:2px;text-transform:uppercase;color:var(--muted)}.welcome-section h2{font-size:clamp(34px,4.6vw,62px);font-weight:600;letter-spacing:-.04em;line-height:1.08;margin:0 0 34px}.welcome-section .welcome-lead{margin:-10px 0 34px;max-width:720px}
.welcome-steps,.welcome-inside{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.welcome-steps article,.welcome-inside article{padding:28px;border:1px solid var(--line);border-radius:24px;background:var(--glass);backdrop-filter:blur(12px);transition:transform .5s cubic-bezier(.2,.8,.2,1),border-color .5s,box-shadow .5s}.welcome-steps article:hover,.welcome-inside article:hover{transform:translateY(-5px);border-color:color-mix(in srgb,var(--accent) 45%,var(--line));box-shadow:var(--shadow-lg)}.welcome-steps span{display:inline-grid;place-items:center;width:40px;height:40px;border-radius:50%;background:var(--accent-soft);color:var(--accent);font-size:12px;font-weight:650;letter-spacing:1px;margin-bottom:18px}.welcome-steps h3,.welcome-inside h3{font-size:19px;font-weight:600;letter-spacing:-.4px;margin:0 0 10px}.welcome-steps p,.welcome-inside p{margin:0;font-size:14.5px;line-height:1.75;color:var(--muted)}
/* lesson mock-up */
.welcome-mock{border:1px solid var(--line);border-radius:22px;background:var(--surface);box-shadow:var(--shadow-lg);overflow:hidden}
.mock-bar{display:flex;align-items:center;gap:7px;padding:12px 16px;border-bottom:1px solid var(--line);background:var(--soft);font-size:12.5px;color:var(--muted)}.mock-bar i{width:10px;height:10px;border-radius:50%;background:var(--line)}.mock-bar i:first-child{background:#e5695e}.mock-bar i:nth-child(2){background:#e8b44a}.mock-bar i:nth-child(3){background:#5fc27a}.mock-bar span{margin-left:10px}
.mock-body{display:grid;grid-template-columns:230px minmax(0,1fr)}.mock-side{padding:20px;border-right:1px solid var(--line);font-size:13px}.mock-side b{display:block;font-size:11px;letter-spacing:1.6px;text-transform:uppercase;color:var(--muted);margin-bottom:12px}.mock-side ol{list-style:none;margin:0;padding:0;display:grid;gap:4px;counter-reset:mock}.mock-side li{counter-increment:mock;display:flex;gap:10px;align-items:center;padding:8px 10px;border-radius:10px;color:var(--muted)}.mock-side li:before{content:counter(mock);display:grid;place-items:center;width:22px;height:22px;border-radius:50%;background:var(--soft);font-size:11px}.mock-side li.on{background:var(--accent-soft);color:var(--ink)}.mock-side li.on:before{background:var(--accent);color:var(--on-accent)}
.mock-tabs{display:flex;gap:4px;margin-top:20px;padding:4px;border:1px solid var(--line);border-radius:12px}.mock-tabs span{flex:1;text-align:center;padding:7px 4px;border-radius:9px;font-size:12px;color:var(--muted)}.mock-tabs .on{background:var(--soft);color:var(--ink)}
.mock-main{padding:20px;min-width:0}.mock-chips{display:flex;gap:8px;flex-wrap:wrap;margin-bottom:14px}.mock-chips span{font-size:11.5px;padding:4px 10px;border-radius:999px;border:1px solid var(--line);color:var(--muted)}
.mock-sheet{border:1px solid var(--line);border-radius:14px;overflow:hidden;background:#fcfcfa;min-height:200px;aspect-ratio:1000/640}.mock-sheet svg{display:block;width:100%;height:auto;font-family:'DM Sans',system-ui,sans-serif}.mock-fallback{margin:0;padding:40px;color:#555;text-align:center}
.mock-row{display:flex;gap:8px;flex-wrap:wrap;margin-top:14px}.mock-btn{display:inline-flex;align-items:center;min-height:36px;padding:7px 14px;border:1px solid var(--line);border-radius:999px;font-size:12.5px;background:var(--surface)}.mock-btn.primary{background:var(--accent);color:var(--on-accent);border-color:var(--accent);margin-left:auto}
/* faq */
.welcome-faq{max-width:820px;border-top:1px solid var(--line)}.welcome-faq details{border-bottom:1px solid var(--line)}.welcome-faq summary{display:flex;justify-content:space-between;align-items:center;gap:20px;padding:20px 4px;font-size:18px;font-weight:600;letter-spacing:-.3px;cursor:pointer;list-style:none}.welcome-faq summary::-webkit-details-marker{display:none}.welcome-faq summary:after{content:'';flex-shrink:0;width:30px;height:30px;border:1px solid var(--line);border-radius:50%;background:center/14px no-repeat url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 14 14'><path d='M7 2v10M2 7h10' stroke='%23777' stroke-width='1.5' stroke-linecap='round'/></svg>");transition:transform .45s cubic-bezier(.2,.8,.2,1),background-color .3s}.welcome-faq details[open] summary:after{transform:rotate(45deg);background-color:var(--soft)}.welcome-faq p{margin:0 0 22px;padding:0 4px;max-width:680px;color:var(--muted);line-height:1.75}
/* final + footer */
.welcome-final{max-width:860px;margin:0 auto;padding:clamp(70px,9vw,120px) clamp(18px,4vw,40px) 40px;text-align:center}.welcome-final h2{font-size:clamp(36px,5.4vw,70px);font-weight:600;letter-spacing:-.045em;line-height:1.05;margin:0 0 16px}.welcome-final p{color:var(--muted);margin:0 0 30px;font-size:17px}
.welcome-footer{max-width:1120px;margin:0 auto;padding:30px clamp(18px,4vw,40px) 0;border-top:1px solid var(--line);font-size:13px;color:var(--muted);overflow:hidden}.welcome-footer-row{display:flex;justify-content:space-between;align-items:center;gap:20px;flex-wrap:wrap}.welcome-footer nav{display:flex;gap:22px}.welcome-footer .welcome-brand{font-size:20px}
.welcome-wordmark{margin:20px 0 -.22em;font-size:clamp(110px,27vw,380px);font-weight:700;letter-spacing:-.07em;line-height:1;text-align:center;background:linear-gradient(180deg,color-mix(in srgb,var(--ink) 55%,var(--bg)) 0%,color-mix(in srgb,var(--ink) 12%,var(--bg)) 70%,transparent 100%);-webkit-background-clip:text;background-clip:text;color:transparent;user-select:none}
/* motion */
.motion-ready .reveal{opacity:0;transform:translateY(22px);transition:opacity .9s,transform 1s cubic-bezier(.2,.8,.2,1)}.motion-ready .reveal.visible{opacity:1;transform:none}
@keyframes spin{to{transform:rotate(360deg)}}@keyframes float{50%{translate:0 -14px}}@keyframes pulse{50%{opacity:.25;transform:scale(.7)}}@keyframes enter{from{opacity:0;transform:translateY(-8px)}to{opacity:1;transform:none}}
@keyframes targets{0%,8%{opacity:0;transform:translateY(4px)}16%,80%{opacity:1;transform:none}90%,100%{opacity:0}}@keyframes draw{0%{stroke-dashoffset:420}35%,85%{stroke-dashoffset:0}100%{stroke-dashoffset:0;opacity:0}}@keyframes fadein{0%,25%{opacity:0}45%,85%{opacity:1}100%{opacity:0}}
@media(max-width:980px){.welcome-features,.welcome-steps,.welcome-inside{grid-template-columns:1fr}.welcome-nav nav{display:none}.welcome-menu{display:grid}.welcome-actions .welcome-quiet{display:none}.mock-body{grid-template-columns:1fr}.mock-side{border-right:0;border-bottom:1px solid var(--line)}.mock-side ol{grid-template-columns:1fr 1fr}.welcome-star{opacity:.45;width:220px;right:-50px;top:70px}}
@media(max-width:600px){.welcome-nav-wrap{top:8px;padding:0 10px}.welcome-nav{height:56px;padding:0 8px 0 14px;gap:10px}.welcome-brand{font-size:20px}.welcome-actions .welcome-cta{min-height:40px;padding:8px 14px;font-size:13px}.welcome-hero{padding:48px 18px 20px;text-align:left}.welcome-copy{margin:0}.welcome-lead{margin-left:0}.welcome-hero-actions,.welcome-trust{justify-content:flex-start}.welcome-hero h1{font-size:clamp(40px,12.5vw,60px)}.welcome-cta.large{width:100%}.welcome-trust{flex-direction:column;gap:10px}.welcome-built{justify-content:flex-start;gap:10px}.welcome-built ul{justify-content:flex-start;gap:14px;font-size:13px}.motion-control{position:static;margin-top:22px}.welcome-section{padding:54px 18px 0}.welcome-section h2{font-size:34px;margin-bottom:24px}.welcome-steps article,.welcome-inside article{padding:22px}.welcome-faq summary{font-size:16px}.mock-side ol{grid-template-columns:1fr}.welcome-final{text-align:left;padding:60px 18px 30px}.welcome-wordmark{margin-bottom:-.2em}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}body.welcome *,body.welcome *::before,body.welcome *::after{animation:none!important;transition:none!important}.motion-control{display:none}.motion-ready .reveal{opacity:1;transform:none}.art-sheet .target,.art-chart .area,.art-chart .tip{opacity:1}.art-chart .line{stroke-dashoffset:0}}
html[data-motion=reduced] body.welcome *,html[data-motion=reduced] body.welcome *::before,html[data-motion=reduced] body.welcome *::after{animation:none!important;transition:none!important}html[data-motion=reduced] .motion-control{display:none}html[data-motion=reduced] .motion-ready .reveal{opacity:1;transform:none}html[data-motion=reduced] .art-sheet .target,html[data-motion=reduced] .art-chart .area,html[data-motion=reduced] .art-chart .tip{opacity:1}html[data-motion=reduced] .art-chart .line{stroke-dashoffset:0}