@font-face{font-family:Outfit Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/_astro/outfit-latin-ext-wght-normal.DdQaqQDo.woff2)format("woff2-variations");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Outfit Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/_astro/outfit-latin-wght-normal.Bc-8i84L.woff2)format("woff2-variations");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}.analytics-consent{z-index:1500;bottom:max(16px, env(safe-area-inset-bottom));width:min(420px,100% - 32px);color:var(--theme-ink,#132421);background:var(--theme-surface,#fff);border:1px solid var(--panel-frame,#c8d3da);letter-spacing:0;text-align:left;border-radius:8px;padding:18px;font-family:Outfit Variable,Outfit,Arial,sans-serif;position:fixed;left:16px;box-shadow:0 8px 28px #0002}.analytics-consent[hidden]{display:none}.analytics-consent h2{margin:0 0 6px;font-size:16px;font-weight:650}.analytics-consent p{margin:0;font-size:14px;line-height:1.45}.analytics-consent a{color:inherit;text-decoration:underline}.analytics-consent-actions{grid-template-columns:1fr 1fr;gap:10px;margin-top:14px;display:grid}.analytics-consent-actions button{min-height:44px;color:inherit;font:inherit;cursor:pointer;box-shadow:none;letter-spacing:0;background:0 0;border:1px solid;border-radius:6px;padding:8px;font-size:14px;font-weight:600}.analytics-consent-actions button:hover{background:var(--theme-hover,#64748b18)}.analytics-consent-actions button:disabled{opacity:.45;cursor:not-allowed}.analytics-settings{min-height:44px;box-shadow:none;color:inherit;font:inherit;cursor:pointer;letter-spacing:0;text-underline-offset:3px;background:0 0;border:0;align-items:center;padding:0;text-decoration:underline;display:inline-flex}.analytics-consent button:focus-visible,.analytics-settings:focus-visible{outline:3px solid var(--theme-accent,#1760ce);outline-offset:3px}:root{--site-ink:#132421;--site-muted:#42534d;--site-paper:#fff;--site-mint:#e6f5ed;--site-line:#d4e2da;--site-action:#ffec52;--site-coral:#f76643;color:var(--site-ink);background:var(--site-paper);font-synthesis:none;font-family:Outfit Variable,Outfit,Arial,sans-serif}*{box-sizing:border-box;letter-spacing:0}html{scroll-behavior:smooth;min-width:320px;scroll-padding-top:24px}body{-webkit-font-smoothing:antialiased;margin:0}a{color:inherit;text-decoration:none}button,input,select{font:inherit}a,button,summary{-webkit-tap-highlight-color:transparent}a:focus-visible,button:focus-visible,summary:focus-visible{outline-offset:6px;outline:3px solid #125d43}main:focus{outline:none}svg{flex:none;width:20px;height:20px}img{max-width:100%}h1,h2,p{overflow-wrap:break-word}.skip-link{z-index:10;border:2px solid var(--site-ink);background:#fff;padding:12px 18px;position:fixed;top:16px;left:20px;transform:translateY(-180%)}.skip-link:focus{transform:none}.site-header{--header-gutter:48px;z-index:2;max-width:1440px;height:96px;padding-inline:var(--header-gutter);justify-content:space-between;align-items:center;gap:24px;margin-inline:auto;display:flex;position:relative}.site-home .site-header{max-width:none;padding-inline:max(var(--header-gutter), calc((100% - 1344px) / 2));backdrop-filter:blur(14px);background:#ffffffeb;border-bottom:1px solid #1324211a;position:absolute;inset:0 0 auto}.site-brand{flex-shrink:0;align-items:center;gap:10px;display:inline-flex}.site-brand img{object-fit:contain}.brand-word{color:#101813;font-size:36px;font-weight:800;line-height:1}.brand-word>span{color:var(--site-coral)}.site-header nav{align-items:center;gap:32px;font-size:16px;font-weight:600;line-height:1.25;display:flex}.site-header nav>a{white-space:nowrap;min-height:44px}.nav-account{justify-content:center;align-items:center;gap:8px;min-width:44px;display:inline-flex}.nav-account svg{flex-shrink:0;width:22px;height:22px}.nav-packs-short{display:none}.site-header nav>a:not(.nav-play),.site-footer nav a{padding-block:12px}.site-header nav>a:not(.nav-play):hover,.site-footer nav a:hover{text-underline-offset:5px;text-decoration:underline}.button,.nav-play{background:var(--site-action);color:#152015;border:1px solid #efd526;border-radius:8px;justify-content:center;align-items:center;gap:12px;max-width:100%;min-height:56px;padding:14px 30px;font-size:22px;font-weight:650;line-height:1.2;transition:transform .16s,background .16s,box-shadow .16s;display:inline-flex;box-shadow:0 4px #d1b936,0 7px 16px #283e2414}.button svg,.nav-play svg{width:20px;height:20px}.button svg.lucide-play,.nav-play svg.lucide-play{fill:currentColor}.button:hover,.nav-play:hover{background:#fff277;transform:translateY(-2px)}.button:active,.nav-play:active{transform:translateY(3px);box-shadow:0 1px #d1b936}.nav-play{gap:8px;min-height:44px;padding:10px 18px;font-size:16px}.nav-play svg{width:16px;height:16px}.hero{isolation:isolate;background:#f2f6ef;grid-template-rows:auto minmax(0,1fr);height:min(1000px,100svh - 84px);min-height:560px;padding:118px 24px 22px;display:grid;position:relative;overflow:hidden}.hero-environment{z-index:-1;pointer-events:none;position:absolute;inset:0}.hero-environment img{object-fit:cover;object-position:50% 57%;width:100%;height:100%;display:block}.hero-copy{text-align:center;width:100%;max-width:1150px;margin-inline:auto}.hero h1{color:#0b1510;text-wrap:balance;margin:0;font-size:88px;font-weight:800;line-height:1.04}.hero h1>span{color:var(--site-coral)}.hero-copy>p{text-wrap:pretty;max-width:700px;margin:16px auto 22px;font-size:22px;line-height:1.45}.hero .button{min-width:208px}.hero-note{margin-top:14px;font-size:14px;line-height:1.4;display:block}.hero-stage{justify-content:center;align-items:flex-end;min-width:0;min-height:0;padding-top:14px;display:flex}.hero-board{object-fit:contain;object-position:center bottom;width:100%;max-width:1000px;height:100%;display:block}h2{text-wrap:balance;margin:0;font-size:40px;font-weight:700;line-height:1.15}.discovery-band{--demo-ink:#142b25;--demo-muted:#426359;--demo-line:#9bbeb1;color:var(--demo-ink);background:#e5f3ed;padding:64px 32px;transition:background-color .35s,color .35s}.discovery-band[data-preview-theme=crystal-pop]{--demo-ink:#153e4c;--demo-muted:#416671;--demo-line:#8abdc8;background:#eafaff}.discovery-band[data-preview-theme=block-garden]{--demo-ink:#233d2d;--demo-muted:#4d6552;--demo-line:#9fba92;background:#edf2e5}.discovery-band[data-preview-theme=night-arcade]{--demo-ink:#eff8f8;--demo-muted:#adbdc8;--demo-line:#4b626e;background:#141f28}.discovery-band[data-preview-theme=neon]{--demo-ink:#f3fff9;--demo-muted:#b2cbc4;--demo-line:#47766c;background:#101b1c}.discovery-content{grid-template-columns:.9fr 1.1fr;align-items:center;gap:56px;max-width:1120px;margin-inline:auto;display:grid}.discovery-copy{min-width:0}.discovery-content h2{max-width:430px;color:var(--demo-ink);font-size:46px}.discovery-content p{color:var(--demo-muted);margin:24px 0 30px;font-size:18px;line-height:1.65}.discovery-actions{flex-wrap:wrap;align-items:center;gap:20px;margin-top:28px;display:flex}.discovery-actions .text-link{color:var(--demo-ink);font-size:16px}.demo-styles{border:0;min-width:0;margin:0;padding:0}.demo-styles legend{color:var(--demo-muted);margin-bottom:12px;font-size:14px;font-weight:600}.demo-style-options{grid-template-columns:repeat(5,minmax(0,1fr));gap:8px;display:grid}.demo-style-options label{text-align:center;cursor:pointer;border-bottom:3px solid #0000;grid-template-rows:62px 32px;justify-items:center;gap:6px;padding-bottom:8px;font-size:12px;line-height:16px;display:grid;position:relative}.demo-style-options input{opacity:0;width:1px;height:1px;position:absolute}.demo-style-options label:has(input:checked){border-color:var(--demo-ink);font-weight:700}.demo-style-options label:has(input:focus-visible){outline:2px solid var(--demo-ink);outline-offset:3px}.demo-swatch{width:min(100%,56px);height:62px}.demo-swatch canvas{object-fit:contain;width:100%;height:100%;display:block}.demo-styles:disabled .demo-swatch{background:var(--swatch);border-radius:8px}.demo-visual{min-width:0}.demo-stage{aspect-ratio:600/650;width:100%;position:relative}.demo-stage canvas,.demo-fallback{object-fit:contain;width:100%;height:100%;position:absolute;inset:0}.demo-stage canvas{visibility:hidden}.demo-stage[data-ready=true] canvas{visibility:visible}.demo-stage[data-ready=true] .demo-fallback{visibility:hidden}.demo-stage .demo-cube[hidden]{display:none!important}.demo-stage .demo-cube{pointer-events:none}.demo-status{color:var(--demo-muted);justify-content:space-between;align-items:center;padding:8px 7% 0;font-size:14px;display:flex}.demo-status[hidden],.demo-pause[hidden]{display:none}.demo-pause{border:1px solid var(--demo-line);width:44px;height:44px;color:var(--demo-ink);cursor:pointer;background:0 0;border-radius:8px;place-items:center;padding:0;display:grid}.demo-pause:hover{background:color-mix(in srgb, var(--demo-ink) 8%, transparent)}.demo-pause svg{width:18px;height:18px}.demo-pause:focus-visible{outline:2px solid var(--demo-ink);outline-offset:3px}.text-link{color:#14573d;align-items:center;gap:14px;padding:10px 0;font-size:18px;font-weight:600;display:inline-flex}.text-link:hover{text-underline-offset:5px;text-decoration:underline}.questions-section{grid-template-columns:1fr 1.65fr;gap:70px;max-width:1120px;margin-inline:auto;padding:78px 32px 88px;display:grid}.questions{border-top:1px solid var(--site-line)}.questions details{border-bottom:1px solid var(--site-line)}.questions summary{cursor:pointer;justify-content:space-between;align-items:center;gap:20px;min-height:72px;padding-block:21px;font-size:18px;font-weight:500;line-height:1.4;list-style:none;display:flex}.questions summary::-webkit-details-marker{display:none}.questions summary svg{color:#245540;transition:transform .15s}.questions details[open] summary svg{transform:rotate(45deg)}.questions details p{color:var(--site-muted);margin:0 30px 24px 0;font-size:16px;line-height:1.7}.closing{text-align:center;background:#f3f8f4;padding:56px 24px 60px}.closing h2{max-width:720px;margin:0 auto 28px}.closing .button{min-width:208px}.quiet-link{width:fit-content;max-width:100%;color:var(--site-muted);justify-content:center;align-items:center;gap:8px;margin:26px auto 0;padding-block:8px;font-size:14px;display:flex}.quiet-link:hover{text-underline-offset:4px;text-decoration:underline}.quiet-link svg{width:15px;height:15px}.site-footer{grid-template-columns:1fr auto;align-items:center;gap:28px;max-width:1264px;margin-inline:auto;padding:36px 32px;display:grid}.site-footer .brand-word{font-size:28px}.site-footer nav{color:var(--site-muted);flex-wrap:wrap;align-items:center;gap:8px 28px;font-size:14px;display:flex}.site-footer small{color:var(--site-muted);grid-column:1/-1;max-width:790px;font-size:12px;line-height:1.7}.document-page{max-width:800px;min-height:calc(100svh - 300px);margin-inline:auto;padding:52px 32px 88px}.eyebrow{color:var(--site-muted);font-size:12px;line-height:1.5}.document-page h1{margin:18px 0 28px;font-size:52px;font-weight:750;line-height:1.1}.document-page h2{margin:38px 0 12px;font-size:24px;line-height:1.3}.document-page p{color:var(--site-muted);font-size:16px;line-height:1.8}.document-page .document-intro{font-size:21px;line-height:1.55}.document-page .document-updated{margin:-12px 0 28px;font-size:14px}.document-page p a{color:#14573d;text-underline-offset:3px;text-decoration:underline}.document-page code{overflow-wrap:anywhere;background:var(--site-mint);border-radius:3px;padding:3px 5px;font-size:14px}.notice{border-left:3px solid #e0c933;padding:8px 0 8px 20px}@media (width<=1100px){.site-header{--header-gutter:32px;height:84px}.site-header nav{gap:12px}.nav-account span{display:none}.hero{padding-top:108px}.hero h1{font-size:68px}.hero-copy>p{max-width:630px;font-size:20px}.discovery-content{gap:48px}.questions-section{gap:40px}}@media (width<=800px){.site-header nav>a[href*=\#questions]{display:none}}@media (width<=700px){.site-header{--header-gutter:20px;gap:14px;height:72px}.brand-word{font-size:29px}.site-brand{gap:7px}.site-brand img{width:32px;height:32px}.site-header nav{gap:18px;font-size:14px}.site-header nav>a[href*=\#preview]{display:none}.nav-play{padding:10px 13px;font-size:14px}.hero{height:min(820px,100svh - 70px);min-height:530px;padding:88px 18px 24px}.hero-environment img{object-position:49% center}.hero h1{max-width:510px;margin-inline:auto;font-size:50px}.hero-copy>p{max-width:480px;margin:14px auto 18px;font-size:18px;line-height:1.4}.hero .button{min-width:184px;min-height:52px;padding:12px 24px;font-size:20px}.hero-note{margin-top:12px;font-size:13px}.hero-stage{margin-inline:-10px;padding-top:10px}h2{font-size:30px}.discovery-band{padding:40px 24px}.discovery-content{grid-template-columns:1fr;gap:26px}.discovery-content h2{max-width:500px;font-size:34px}.discovery-content p{margin:18px 0 22px;font-size:17px}.discovery-actions{gap:18px;margin-top:22px}.demo-visual{width:100%;max-width:480px;margin-inline:auto}.demo-status{padding-top:0}.demo-style-options label{font-size:11px}.questions-section{grid-template-columns:1fr;gap:28px;padding:46px 24px 52px}.questions summary{min-height:68px;font-size:17px}.closing{padding:40px 24px 44px}.site-footer{grid-template-columns:1fr;gap:20px;padding:30px 24px}.site-footer nav{gap:4px 22px}.document-page{padding:36px 24px 60px}.document-page h1{font-size:40px}.document-page .document-intro{font-size:19px}}@media (width<=440px){.nav-packs-full{display:none}.nav-packs-short{display:inline}.site-header{--header-gutter:12px;gap:4px}.site-header nav{gap:8px}.brand-word{font-size:24px}}@media (width<=400px){.hero h1{max-width:330px;font-size:43px}.hero-copy>p{margin:12px auto 16px;font-size:16px}.hero-note{font-size:12px}.hero .button{min-width:170px;font-size:18px}}@media (width<=380px){.site-header nav>a[href^=\/packs]{display:none}}@media (width>=701px) and (height<=800px){.site-header{height:76px}.hero{min-height:500px;padding-top:90px}.hero h1{font-size:62px}.hero-copy>p{max-width:650px;margin:10px auto 16px;font-size:18px}.hero .button{min-height:48px;padding-block:11px;font-size:19px}.hero-note{margin-top:10px;font-size:12px}}@media (width>=701px) and (height<=600px){.site-header{height:64px}.brand-word{font-size:28px}.hero{height:calc(100svh - 48px);min-height:400px;padding-top:74px;padding-bottom:12px}.hero h1{font-size:42px}.hero-copy>p{max-width:750px;margin:8px auto 12px;font-size:16px}.hero .button{min-height:44px;padding:10px 24px;font-size:17px}.hero-note{margin-top:8px}.hero-stage{padding-top:6px}}@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,:before,:after{transition:none!important;animation:none!important}}