html{scroll-behavior:smooth;scroll-padding-top:110px}.landing{--ink:#e8eeea;--muted:#a2b3a9;--accent:#00c853;min-height:100vh;color:var(--ink);background:#050807;font-family:system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;overflow:clip}.landing a{text-decoration:none}.landing button,.landing a{-webkit-tap-highlight-color:transparent}.landing-nav,.landing main,.landing-footer{width:min(1160px,100% - 48px);margin:auto}.landing-nav{border-bottom:1px solid #29372e;justify-content:space-between;align-items:center;gap:24px;padding:22px 0;display:flex}.landing-brand{color:#f2f6f3;align-items:center;display:inline-flex}.landing-nav nav{align-items:center;gap:12px;font-size:13px;display:flex}.landing nav a{color:#b1c3b8}.landing nav a:hover{color:#d5f4df}.landing-button{color:#d6e6dc;background:#101712;border:1px solid #34483b;border-radius:8px;justify-content:center;align-items:center;gap:12px;min-height:44px;padding:12px 18px;font-family:inherit;font-size:14px;font-weight:600;line-height:1.3;display:inline-flex}.landing-button.solid{color:#052011;background:#00c853;border-color:#00c853}.landing-button svg,.landing-text-link svg{flex:none;width:18px;height:18px}.landing :where(a,button):focus-visible{outline-offset:4px;outline:2px solid #4add80}.landing-hero{grid-template-columns:1.08fr 1fr;align-items:center;gap:64px;min-height:650px;padding:64px 0 58px;display:grid}.landing-kicker{letter-spacing:.1em;color:#91bfa0;align-items:center;gap:9px;margin:0 0 18px;font:500 10px/1.7 ui-monospace,SFMono-Regular,monospace;display:flex}.landing-kicker>span{background:#00c853;border-radius:50%;flex:none;width:6px;height:6px;display:block;box-shadow:0 0 14px #00c85350}.landing h1{letter-spacing:-.055em;margin:0;font-size:clamp(44px,5.5vw,72px);font-weight:600;line-height:1.04}.landing h1 em,.landing h2 em{color:#00c853;font-family:inherit;font-size:1em;font-style:normal;font-weight:500;line-height:1.12}.hero-description{color:var(--muted);max-width:39ch;margin:24px 0;font-size:16px;line-height:1.7}.hero-capabilities{color:#b4cabd;flex-wrap:wrap;gap:6px 16px;margin:0 0 26px;font-size:12px;display:flex}.hero-capabilities>span{align-items:center;gap:6px;display:inline-flex}.hero-capabilities>span:before{content:"✓";color:#00c853}.landing-actions{flex-wrap:wrap;align-items:center;gap:16px;display:flex}.landing-text-link{color:#b4d4bf;align-items:center;gap:8px;min-height:36px;font-size:13px;font-weight:500;line-height:1.5;display:inline-flex}.hero-small{color:#94a99b;max-width:42ch;margin:18px 0 0;font-size:12px;line-height:1.7}.hero-binder{width:100%;max-width:470px;position:relative;transform:none}.demo-page{background:#030605;border:1px solid #3c5445;border-radius:8px 16px 16px 8px;padding:22px 22px 20px;position:relative;box-shadow:8px 19px 60px #0008,inset 8px 0 #1b2921}.demo-page-label,.demo-page-footer{letter-spacing:.08em;color:#9db5a6;justify-content:space-between;gap:12px;min-width:0;font:7px/1.5 ui-monospace,monospace;display:flex}.demo-page-label>span:last-child{text-overflow:ellipsis;white-space:nowrap;max-width:70%;overflow:hidden}.demo-page-label{margin-bottom:15px}.demo-page-footer{margin-top:16px;font-size:6px}.demo-pocket-grid{aspect-ratio:63/88;grid-template-columns:repeat(3,minmax(0,1fr));grid-auto-rows:minmax(0,1fr);gap:8px;transition:opacity .15s;display:grid}.demo-pocket-grid.example-changing{opacity:0}.demo-pocket{background:#0c100e;border:1px solid #3d5145;border-radius:4px;min-width:0;min-height:0;padding:2px;overflow:hidden;box-shadow:inset 1px 2px 4px #c8d1be18}.demo-pocket img{object-fit:contain;border-radius:3px;width:100%;height:100%;display:block}.demo-example-controls{z-index:1;flex-wrap:wrap;justify-content:center;align-items:center;gap:6px;margin-top:14px;display:flex;position:relative}.demo-example-controls button,.demo-example-controls a{color:#bed4c4;cursor:pointer;background:#0e1812;border:1px solid #344a3c;border-radius:6px;justify-content:center;align-items:center;min-height:38px;padding:8px 10px;font:11px/1.4 ui-monospace,monospace;display:inline-flex}.demo-example-controls a{background:0 0;border-color:#0000}.demo-example-controls button:hover{border-color:#6e9b7d}.demo-example-controls button:disabled{opacity:.5;cursor:wait}.demo-caption{text-align:center;color:#91a599;margin-top:12px;font:10px/1.7 ui-monospace,monospace;display:block}.binder-side-note{writing-mode:vertical-rl;letter-spacing:.15em;color:#94a39a;font:7px/1.7 ui-monospace,monospace;position:absolute;top:34%;right:-22px}.js-examples .demo-pocket-grid:not(.example-ready) .demo-pocket,.demo-pocket-grid.example-unavailable .demo-pocket{visibility:hidden}.landing-game-strip{border-block:1px solid #29372e;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;padding:20px 0;display:flex}.landing-game-strip>span{color:#8caa97;letter-spacing:.08em;font:10px ui-monospace,monospace}.landing-game-strip p{color:#bfcfc5;align-items:center;gap:7px;margin:0;font-size:14px;font-weight:500;display:inline-flex}.game-beta-badge{color:#a9c5b2;background:#152019;border:1px solid #40574a;border-radius:4px;padding:2px 6px;font:500 9px/1.4 ui-monospace,monospace}.feature-jumps{border-bottom:1px solid #29372e;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;padding:22px 0;scroll-margin-top:110px;display:grid}.feature-jumps a{grid-template-columns:auto 1fr auto;align-items:center;gap:8px;min-height:44px;font-size:12px;display:grid;color:#afc1b5!important}.feature-jumps a>span{color:#70937c;font:10px ui-monospace,monospace}.feature-jumps svg{color:#6d8c78;width:14px;height:14px;transition:transform .2s}.landing-feature{border-bottom:1px solid #29372e;grid-template-columns:1fr 1fr;align-items:center;gap:clamp(32px,6vw,80px);min-width:0;padding:76px 0;scroll-margin-top:100px;display:grid}.landing-feature.reverse .feature-copy{order:2}.feature-copy{min-width:0}.landing h2{letter-spacing:-.045em;margin:0 0 20px;font-size:clamp(31px,3.8vw,46px);font-weight:550;line-height:1.12}.feature-copy>p:not(.landing-kicker){color:var(--muted);max-width:45ch;margin:16px 0 20px;font-size:15px;line-height:1.75}.feature-copy>.feature-coverage{color:#8ea79a!important;font-size:12px!important}.feature-tags{flex-wrap:wrap;gap:7px;margin:0 0 20px;display:flex}.feature-tags span{color:#a3baac;background:#0c140f;border:1px solid #2a4033;border-radius:5px;padding:5px 8px;font-size:11px;line-height:1.5}.feature-links{flex-wrap:wrap;gap:6px 20px;display:flex}.palette-example,.overview-example,.collection-example,.art-example,.frames-example{background:linear-gradient(150deg,#11211880,#0000 70%),#0c130f;border:1px solid #2c4233;border-radius:14px;min-width:0;padding:24px;box-shadow:0 10px 28px #0003}.example-heading{letter-spacing:.07em;color:#94b5a1;justify-content:space-between;align-items:flex-start;gap:12px;margin-bottom:20px;font:9px/1.6 ui-monospace,monospace;display:flex}.example-heading>span:last-child{text-align:right;color:#789886;font-size:8px}.palette-example-cards{grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;display:grid}.palette-example-cards figure{min-width:0;margin:0}.palette-color-group{gap:4px;margin-bottom:12px;display:flex}.palette-color-group i{border-radius:3px;flex:1;min-width:0;height:23px;display:block;box-shadow:inset 0 1px #ffffff18}.palette-example-cards img{aspect-ratio:63/88;object-fit:contain;border-radius:5px;width:100%;height:auto;display:block}.palette-example-cards figcaption{color:#8fa798;overflow-wrap:anywhere;gap:4px;margin-top:12px;font-size:10px;line-height:1.4;display:grid}.palette-example-cards figcaption strong{color:#d4e3d9;font-size:12px;font-weight:500}.palette-example>p,.overview-example>p{color:#9bb2a4;text-align:center;margin:18px 0 0;font-size:12px;line-height:1.6}.collection-demo-top{color:#d5e6dc;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:8px;font-size:13px;display:flex}.collection-demo-top strong{color:#99b6a4;font-size:11px;font-weight:500}.collection-progress{background:#26392d;border-radius:4px;height:4px;margin:16px 0 20px;overflow:hidden}.collection-progress>i{transform-origin:0;width:100%;height:100%;transform:scaleX(var(--progress,.333333));background:#00c853;transition:transform .4s cubic-bezier(.22,1,.36,1);display:block}.collection-demo-row{border-bottom:1px solid #26372d;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:14px;min-height:62px;display:grid}.collection-demo-row>span{color:#72917f;font:10px ui-monospace,monospace}.collection-demo-row>strong{overflow-wrap:anywhere;font-size:13px;font-weight:500}.demo-owned-toggle{color:#afc5b8;cursor:pointer;background:#111b15;border:1px solid #3a4e40;border-radius:6px;justify-content:center;align-items:center;gap:4px;min-width:80px;min-height:40px;padding:8px 9px;font:500 11px/1.4 system-ui,sans-serif;transition:background .18s,border-color .18s,color .18s,transform .18s;display:inline-flex}.demo-owned-toggle[data-owned=true]{color:#bce5c9;background:#183a23;border-color:#327147}.demo-owned-toggle:disabled{cursor:default}.collection-scopes{gap:12px;margin-top:22px;display:grid}.collection-scopes>div{justify-content:space-between;align-items:baseline;gap:16px;display:flex}.collection-scopes span{color:#739981;flex:none;font:9px ui-monospace,monospace}.collection-scopes p{text-align:right;color:#a4bcad;margin:0;font-size:11px;line-height:1.5}.demo-footnote{color:#8da596;text-align:center;margin:18px 0 0;font-size:11px;line-height:1.65}.demo-switches{background:#080f0b;border:1px solid #2a3b30;border-radius:9px;flex-wrap:wrap;gap:4px;margin-bottom:20px;padding:4px;display:flex}.demo-switches button{color:#91ac9b;cursor:pointer;background:0 0;border:1px solid #0000;border-radius:6px;flex:1;min-width:0;min-height:42px;padding:8px 10px;font:500 12px/1.35 system-ui,sans-serif;transition:color .18s,background .18s,border-color .18s}.demo-switches button[aria-pressed=true]{color:#d0ebd9;background:#172b1e;border-color:#2e523b}.demo-switches button:disabled{cursor:default}.art-demo-stage{width:min(290px,100%);margin:0 auto}.michi-demo-grid,.merged-demo-grid{background:#080d11;border:1px solid #314d3d;border-radius:6px;grid-template-rows:repeat(3,auto);grid-template-columns:repeat(3,minmax(0,1fr));gap:5px;width:100%;height:auto;padding:3px;display:grid;overflow:hidden}.michi-demo-grid{background:#080d11}.michi-demo-grid>.michi-demo-insert{background-image:url(/images/home/kanto-pool-garden-v2.webp);background-size:calc(300% + 10px) calc(300% + 10px);background-origin:border-box;background-clip:padding-box;background-position:var(--michi-sheet-x,0%) var(--michi-sheet-y,0%)}.michi-demo-grid>div,.merged-demo-grid>div{aspect-ratio:63/88;min-width:0;min-height:0;box-shadow:none;border:0;border-radius:3px;position:relative;overflow:hidden}.michi-demo-grid>div.michi-demo-card{background:0 0}.michi-demo-grid img,.merged-demo-grid img{object-fit:contain;border-radius:3px;width:100%;height:100%;display:block;position:absolute;inset:0}.merged-demo-grid>div{background:#101915;place-items:center;display:grid}.merged-demo-grid>div>span{color:#7b9d89;font:20px/1 ui-monospace,monospace}.merged-demo-grid>.merged-demo-panel{aspect-ratio:auto;background:#123544;grid-area:2/1/auto/span 2;padding:0}.merged-demo-grid>.merged-demo-panel>img{object-fit:cover;object-position:100% 50%;border-radius:0}.art-demo-stage [hidden]{display:none!important}.painted-frame-proofs{border-top:1px solid #2a4333;margin-top:22px;padding-top:10px}.painted-frame-proofs>summary{cursor:pointer;color:#bfdac9;min-height:44px;padding:12px 0;font:500 12px/1.5 system-ui,sans-serif}.painted-frame-proofs>summary:focus-visible{outline-offset:4px;border-radius:3px;outline:2px solid #00c853}.painted-surround-pair{grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;padding-top:10px;display:grid}.painted-surround-pair figure{min-width:0;margin:0}.painted-surround-pair img{background:#070a09;width:100%;height:auto;display:block}.painted-surround-pair figcaption{color:#99b5a4;margin-top:8px;font:11px/1.6 system-ui,sans-serif}.home-frame-preview{isolation:isolate;grid-template-columns:repeat(3,minmax(0,1fr));gap:0;margin:26px 0 0;display:grid}.home-framed-card{aspect-ratio:310/409;min-width:0;position:relative}.home-frame-surround{pointer-events:none;border-radius:0;width:calc(100% + 1.2px);height:100%;display:block;position:absolute;inset:0 -.6px}.home-frame-card{object-fit:contain;z-index:1;border-radius:3px;width:80.6452%;height:85.3301%;display:block;position:absolute;top:7.33496%;left:9.67742%;box-shadow:0 0 0 2px #090d0e}.frame-demo-switches{gap:2px}.frame-demo-switches button{min-width:42px;padding:8px 5px;font-size:11px}.frame-print-caption{color:#b9d1c2;border-top:1px solid #2a3b30;flex-wrap:wrap;align-items:center;gap:9px;margin-top:18px;padding-top:18px;font-size:11px;line-height:1.6;display:flex}.frame-print-caption svg{flex:none;width:18px;height:18px}.frame-print-caption>span:last-child{color:#83a18e;margin-left:auto;font:9px/1.6 ui-monospace,monospace}.frames-example .frame-size-note{text-align:left;margin-top:10px;font-size:10px}.overview-example{container-type:inline-size}.mini-shelf{grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;display:grid}.mini-book{aspect-ratio:63/88;background:linear-gradient(125deg,#232f40,#35405a);border:1px solid #536075;border-radius:4px 10px 10px 4px;grid-template-rows:auto 1fr auto;gap:16px;min-width:0;padding:16px 9px 12px 18px;display:grid;position:relative;box-shadow:inset 7px 0 #0003,inset 8px 0 #ffffff07,0 8px 16px #0004}.mini-book.book-1{--book-delay:.11s;background:linear-gradient(125deg,#362a31,#564047);border-color:#72545f}.mini-book.book-2{--book-delay:.22s;background:linear-gradient(125deg,#1b3427,#304b37);border-color:#496953}.mini-book>span,.mini-book>small{letter-spacing:.09em;color:#aebbb4;overflow-wrap:anywhere;min-width:0;font:500 6px/1.7 ui-monospace,monospace}.mini-book>strong{letter-spacing:-.035em;color:#e8efe9;overflow-wrap:anywhere;align-self:center;width:100%;min-width:0;font-size:clamp(10px,4.25cqi,18px);font-weight:600;line-height:1.28}.mini-book>strong>span{display:block}.mini-book>small{justify-content:space-between;align-items:flex-end;gap:4px;font-size:5px;display:flex}.mini-book>small>span:first-child{max-width:15ch}.home-inspiration{border-bottom:1px solid #29372e;padding:76px 0;scroll-margin-top:100px}.home-section-heading{grid-template-columns:1fr 1fr;align-items:end;gap:clamp(32px,6vw,80px);margin-bottom:32px;display:grid}.home-section-heading h2{margin-bottom:0}.home-section-heading>div>p:not(.landing-kicker){max-width:45ch;color:var(--muted);margin:0 0 14px;font-size:15px;line-height:1.75}.home-layout-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:20px;display:grid}.home-layout-card{background:#0d1510;border:1px solid #2b4233;border-radius:12px;min-width:0;padding:12px;transition:border-color .22s,transform .22s,box-shadow .22s;display:block}.home-layout-image{background:#050a07;border-radius:5px;overflow:hidden}.home-layout-image img{aspect-ratio:599/824;object-fit:contain;width:100%;height:auto;display:block}.home-layout-card>div:last-child{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:8px;padding:16px 3px 5px;display:flex}.home-layout-card h3{letter-spacing:-.015em;color:#dcebe1;margin:0;font-size:14px;font-weight:550;line-height:1.4}.home-layout-card>div>span{color:#8daf9b;align-items:center;gap:6px;font-size:11px;display:inline-flex}.home-layout-card svg{width:14px;height:14px}.home-sharing-note{border-top:1px solid #29372e;justify-content:space-between;align-items:center;gap:24px;margin-top:26px;padding-top:24px;display:flex}.home-sharing-note p{color:#95afa0;max-width:76ch;margin:0;font-size:13px;line-height:1.75}.home-sharing-note strong{color:#c6dece;font-weight:550}.home-sharing-note .landing-text-link{flex:none}.landing-final{text-align:center;padding:72px 0 80px}.landing-final .landing-kicker,.landing-final .landing-actions{justify-content:center}.landing-final .landing-actions{margin-top:28px}.landing-final>p:last-child{color:#92aa9a;margin-top:18px;font-size:12px;line-height:1.7}.landing-final>p:last-child a{color:#bed7c7;text-underline-offset:3px;text-decoration:underline}.landing-footer{border-top:1px solid #29372e;grid-template-columns:1fr 1fr;gap:22px;padding:28px 0;display:grid}.landing-footer p{color:#91a599;margin:10px 0 0;font-size:12px;line-height:1.65}.landing-footer nav{flex-wrap:wrap;justify-content:flex-end;align-items:center;gap:10px 14px;font-size:12px;line-height:1.5;display:flex}.landing-footer>small{color:#91a599;grid-column:1/-1;max-width:90ch;font-size:12px;line-height:1.65}.js-reveal [data-reveal]{opacity:0;transition:opacity .65s,transform .65s cubic-bezier(.22,1,.36,1);transform:translateY(20px)}.js-reveal [data-reveal].revealed{opacity:1;transform:none}@media (prefers-reduced-motion:no-preference){.demo-pocket.example-enter{animation:example-card-arrive .4s cubic-bezier(.22,1,.36,1) var(--example-delay,0s) both}@keyframes example-card-arrive{0%{opacity:0;transform:translateY(8px)scale(.987)}to{opacity:1;transform:none}}.revealed .palette-example figure{animation:.65s cubic-bezier(.22,1,.36,1) both feature-card-arrive}.revealed .palette-example figure:nth-child(2){animation-delay:70ms}.revealed .palette-example figure:nth-child(3){animation-delay:.14s}@keyframes feature-card-arrive{0%{opacity:0;transform:translateY(14px)}to{opacity:1;transform:none}}.art-demo-stage>.demo-just-entered,.home-frame-preview.demo-just-entered{animation:.32s both demo-detail-arrive}@keyframes demo-detail-arrive{0%{opacity:.25;transform:translateY(3px)}to{opacity:1;transform:none}}}@media (hover:hover){.feature-jumps a:hover svg{transform:translate(3px)}.demo-switches button:not(:disabled):hover,.demo-owned-toggle:not(:disabled):hover{color:#e0f4e7;border-color:#619371}.home-layout-card:hover{border-color:#52735d;transform:translateY(-4px);box-shadow:0 10px 24px #0004}}@media (max-width:950px){.landing-nav{gap:12px}.landing-feature{gap:36px}.feature-jumps{gap:8px}.feature-jumps a{gap:6px;font-size:11px}.feature-jumps svg{display:none}.example-heading{font-size:8px}.example-heading>span:last-child{font-size:7px}.collection-demo-row{gap:9px}.collection-demo-row>strong{font-size:12px}}@media (max-width:760px){.landing-feature{grid-template-columns:1fr;gap:30px;padding:54px 0}.landing-feature.reverse .feature-copy{order:0}.feature-copy>p:not(.landing-kicker){max-width:55ch}.home-section-heading{grid-template-columns:1fr;gap:16px}.home-section-heading>div>p:not(.landing-kicker){max-width:55ch}.home-inspiration{padding:54px 0}.home-layout-grid{gap:12px}.home-layout-card{padding:8px}.home-layout-card h3{font-size:12px}.home-layout-card>div>span{font-size:10px}.home-sharing-note{flex-direction:column;align-items:flex-start;gap:12px}.binder-side-note{right:-17px}}@media (max-width:650px){.landing .landing-nav nav>a[href=\/community]{display:none}.landing-nav,.landing main,.landing-footer{width:calc(100% - 32px)}.landing-nav{flex-wrap:wrap;align-items:flex-start;padding:16px 0}.landing-nav nav{flex-wrap:wrap;justify-content:flex-start;gap:4px;width:100%}.landing-hero{grid-template-columns:1fr;gap:36px;padding:42px 0 38px}.hero-binder{width:min(420px,94%);margin:0 auto 12px}.landing h1{font-size:clamp(43px,9.5vw,62px)}.hero-description{font-size:15px}.hero-capabilities{gap:6px 12px;font-size:11px}.landing-game-strip{justify-content:center;padding:18px 0}.landing-game-strip>span:first-child{text-align:center;width:100%}.landing-game-strip p{font-size:12px}.feature-jumps{grid-template-columns:repeat(2,minmax(0,1fr));gap:3px 16px;padding:14px 0}.feature-jumps a{font-size:12px}.feature-jumps svg{width:12px;height:12px;display:block}.landing h2{font-size:36px}.palette-example,.overview-example,.collection-example,.art-example,.frames-example{padding:20px}.example-heading{font-size:9px}.example-heading>span:last-child{font-size:7px}.palette-example-cards{gap:9px}.palette-example-cards figcaption{font-size:9px}.palette-example-cards figcaption strong{font-size:11px}.palette-color-group{gap:3px}.palette-color-group i{height:20px}.collection-demo-row{gap:12px}.collection-demo-row>strong{font-size:13px}.home-layout-grid{grid-template-columns:1fr;gap:14px}.home-layout-card{grid-template-columns:minmax(0,140px) minmax(0,1fr);align-items:center;gap:20px;padding:12px;display:grid}.home-layout-card>div:last-child{justify-content:start;gap:14px;padding:0;display:grid}.home-layout-card h3{letter-spacing:-.025em;font-size:17px}.home-layout-card>div>span{font-size:12px}.home-layout-image img{max-width:140px}.landing-footer{grid-template-columns:1fr}.landing-footer nav{justify-content:flex-start;gap:10px 16px}.landing-footer>small{grid-column:1}.demo-example-controls button{min-height:44px}.home-sharing-note p{font-size:12px}}@media (max-width:360px){.collection-demo-row{gap:8px}.collection-demo-row>span{font-size:9px}.collection-demo-row>strong{font-size:12px}.demo-owned-toggle{min-width:72px;padding:8px 6px}.home-layout-card{grid-template-columns:minmax(0,115px) minmax(0,1fr);gap:14px}.home-layout-card h3{font-size:15px}.frame-demo-switches button{font-size:10px}}@media (pointer:coarse){.demo-switches button,.demo-owned-toggle,.feature-jumps a{min-height:44px}}@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}.js-reveal [data-reveal]{opacity:1;transition:none;transform:none}.landing *,.landing :before,.landing :after{transition:none!important;animation:none!important}.home-layout-card:hover{transform:none}}@media (forced-colors:active){.demo-switches button,.demo-owned-toggle,.collection-progress,.collection-progress>i,.home-layout-card{border:1px solid buttontext}.demo-switches button[aria-pressed=true],.demo-owned-toggle[aria-pressed=true]{outline:2px solid highlight}.feature-jumps a>span{color:linktext}}.mini-book-drift{will-change:auto;flex:1;min-width:0;display:flex}.mini-book-drift>.mini-book{flex:1;width:100%}@media (prefers-reduced-motion:no-preference){.mini-book-drift{animation:mini-shelf-drift 6.8s ease-in-out var(--drift-delay,0s) infinite;animation-play-state:paused}.shelf-drifting .mini-book-drift{animation-play-state:running}}@keyframes mini-shelf-drift{0%,to{translate:0 3px}50%{translate:0 -5px}}.possibility-showcase{container-type:inline-size}.possibility-showcase h1 .possibility-heading{display:block}.possibility-showcase h1 .possibility-line{--possibility-roll-time:1.8s;white-space:nowrap;justify-content:center;align-items:center;gap:.18em;min-height:1.3em;margin-top:.18em;font-size:min(1em,8.4cqi);line-height:1.3;display:flex}.possibility-number{width:var(--possibility-finite-width,4.6em);font-variant-numeric:tabular-nums;white-space:nowrap;flex:none;height:1.3em;display:block;position:relative}.possibility-finite{opacity:1;align-items:center;gap:.14em;width:max-content;height:1.3em;transition:opacity .36s;display:flex;position:absolute;inset:0 auto auto 0}.possibility-mantissa{flex:none;align-items:center;height:1.3em;display:flex}.possibility-digit{white-space:pre;flex:none;height:1.3em;line-height:1.3;display:inline-grid;position:relative}.possibility-wheel{overflow:hidden;-webkit-mask-image:linear-gradient(#0000,#000 16% 84%,#0000);mask-image:linear-gradient(#0000,#000 16% 84%,#0000)}.possibility-wheel>span{grid-area:1/1;line-height:1.3}.possibility-before{opacity:0;transform:translateY(-100%)}.possibility-after{opacity:1;transform:translateY(0)}.possibility-power{align-items:center;gap:.035em;height:1.3em;line-height:1.3;display:inline-flex}.possibility-times{margin-right:.045em}.possibility-power sup{vertical-align:baseline;align-self:flex-start;margin:.15em 0 0 .04em;font-size:.43em;line-height:1;position:static}.possibility-label{flex:none;line-height:1.3;display:block}.possibility-infinity{opacity:0;align-items:center;width:max-content;height:100%;font-size:1.2em;line-height:1;transition:opacity .36s;display:grid;position:absolute;top:0;left:50%;transform:translate(-50%)}.possibility-line[data-phase=infinity] .possibility-number{width:var(--possibility-infinity-width,.95em);transition:width .7s cubic-bezier(.22,1,.36,1)}.possibility-line[data-phase=fading] .possibility-finite,.possibility-line[data-phase=infinity] .possibility-finite{opacity:0}.possibility-line[data-phase=infinity] .possibility-infinity{opacity:1;animation:4.5s ease-in-out .7s infinite possibility-glow}.possibility-line[data-phase=ready] .possibility-before{opacity:1;transform:translateY(0)}.possibility-line[data-phase=ready] .possibility-after{opacity:0;transform:translateY(100%)}.possibility-line.motion-paused .possibility-before,.possibility-line.motion-paused .possibility-after,.possibility-line.motion-paused .possibility-infinity{animation-play-state:paused}.landing-final .possibility-note{color:#91a599;max-width:52ch;margin:18px auto 26px;font-size:11px;line-height:1.7}.sr-only{clip-path:inset(50%);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}@media (prefers-reduced-motion:no-preference){[data-phase=rolling] :is(.possibility-before,.possibility-after){animation-duration:var(--possibility-roll-time);animation-timing-function:linear;animation-fill-mode:both}[data-phase=rolling] .possibility-before{animation-name:possibility-digit-out}[data-phase=rolling] .possibility-after{animation-name:possibility-digit-in}}@keyframes possibility-digit-out{0%{opacity:1;transform:translateY(0)}to{opacity:0;transform:translateY(-100%)}}@keyframes possibility-digit-in{0%{opacity:0;transform:translateY(100%)}to{opacity:1;transform:translateY(0)}}@keyframes possibility-glow{0%,to{text-shadow:0 0 10px #00c85315}50%{text-shadow:0 0 22px #00c85348}}@media (prefers-reduced-motion:reduce){.possibility-line *{transition:none!important;animation:none!important}}.demo-example-controls button[aria-disabled=true]:not(:disabled){opacity:1;box-shadow:none;cursor:progress;transform:none}@media (hover:none){.demo-example-controls button:focus:not(:focus-visible){box-shadow:none;background:#102018;border-color:#3b5845;transform:none}}.random-card-toy{color:#d2e3d8;align-items:center;gap:17px;max-width:420px;min-height:112px;margin:22px auto 4px;padding:4px 0;display:flex}.random-card-stage{background:#122019;border:1px solid #45664e50;border-radius:6px;width:76px;height:106px;display:block;position:relative;overflow:hidden;box-shadow:0 9px 24px #0007}.random-card-stage img{object-fit:contain;opacity:0;width:100%;height:100%;transition:opacity .35s;display:block;position:absolute;inset:0}.random-card-stage img.random-visible{opacity:1}.random-card-toy>div{flex:1;min-width:0}.random-card-kicker{letter-spacing:.1em;color:#7fa78d;font:9px/1.5 ui-monospace,monospace}.random-card-toy p{letter-spacing:-.025em;text-overflow:ellipsis;white-space:nowrap;margin:7px 0;font:500 17px/1.25 Arial,Helvetica,sans-serif;overflow:hidden}.random-card-toy #random-card-language{color:#8a9c91;font:10px/1.5 ui-monospace,monospace}.random-card-toy button{color:#a7c6b0;background:#112018;border:1px solid #385442;border-radius:30px;min-height:36px;padding:10px 13px;font:10px ui-monospace,monospace}.home-layout-grid.is-stack{isolation:isolate;touch-action:pan-y;max-width:1000px;margin:36px auto 0;padding:0 8px 20px;display:block;position:relative}.home-layout-grid.is-stack:before,.home-layout-grid.is-stack:after{content:"";z-index:-1;background:#192b20;border:1px solid #4f6b586b;border-radius:18px;position:absolute;inset:10px 16px;transform:rotate(-2deg)}.home-layout-grid.is-stack:after{z-index:-2;background:#0c1a12;inset:18px 22px 2px;transform:rotate(1.5deg)}.home-layout-grid.is-stack .home-layout-card{min-height:400px;transform:translateX(var(--stack-drag,0px));background:#0e1913;border:1px solid #45654f;border-radius:16px;grid-template-columns:minmax(0,1fr) minmax(0,1fr);align-items:center;gap:36px;padding:30px;display:grid;box-shadow:0 20px 50px #0004}.home-layout-grid.is-stack .home-layout-card[hidden]{display:none}.home-layout-grid.is-stack .home-layout-image{aspect-ratio:599/824;border-radius:7px;width:100%;max-width:330px;margin:auto;overflow:hidden}.home-layout-grid.is-stack .home-layout-card h3{letter-spacing:-.05em;margin:0 0 25px;font:italic 650 clamp(27px,4vw,50px)/1.1 Arial,Helvetica,sans-serif}.layout-stack-controls{justify-content:center;align-items:center;gap:20px;margin:20px auto 35px;display:flex}.layout-stack-controls button{color:#bed9c8;background:#14251a;border:1px solid #3c5c46;border-radius:50%;flex:none;width:44px;height:44px;font:23px Arial,sans-serif}.layout-stack-count{text-align:center;color:#94b29e;max-width:300px;font:10px/1.7 ui-monospace,monospace}.home-layout-grid.is-stack:focus-visible{outline-offset:10px;border-radius:16px;outline:2px solid #84bb97}@media (max-width:700px){.random-card-toy{gap:12px;max-width:350px;margin:18px auto 0}.random-card-stage{width:65px;height:91px}.random-card-toy p{font-size:15px}.home-layout-grid.is-stack .home-layout-card{grid-template-columns:1.1fr 1fr;gap:18px;min-height:320px;padding:22px 17px}.home-layout-grid.is-stack .home-layout-card h3{overflow-wrap:anywhere;font-size:27px}.home-layout-grid.is-stack .home-layout-card span{font-size:12px}.layout-stack-controls{gap:14px}}@media (prefers-reduced-motion:reduce){.random-card-stage img{transition:none}}.art-demo-stage{isolation:isolate;background:#0c140f;border:1px solid #3d5445;border-radius:10px;padding:10px;display:grid;position:relative;box-shadow:0 12px 30px #0004}.art-demo-stage>div{background-color:#0000;grid-area:1/1;min-height:0;transition:opacity .28s,visibility;box-shadow:none!important;border:0!important}.art-demo-stage>div[aria-hidden=true]{opacity:0;visibility:hidden;pointer-events:none;transition:opacity .28s,visibility 0s .28s}.art-demo-stage>div[aria-hidden=false]{opacity:1;visibility:visible}.home-framed-card .home-frame-surround{opacity:0;z-index:0;pointer-events:none;transition:opacity .18s}.home-framed-card .home-frame-surround.is-current{opacity:1;z-index:1}.home-framed-card .home-frame-card{z-index:2;position:relative}@media (prefers-reduced-motion:reduce){.art-demo-stage>div,.home-framed-card .home-frame-surround{transition:none}}.home-layout-grid.is-stack{display:grid}.home-layout-grid.is-stack .home-layout-card{grid-area:1/1;align-items:stretch}.home-layout-grid.is-stack .home-layout-card[hidden]{visibility:hidden;opacity:0;pointer-events:none;display:grid!important}.home-layout-grid.is-stack .home-layout-card>div:last-child{grid-template-rows:1fr auto;grid-template-columns:minmax(0,1fr);align-self:stretch;align-items:end;gap:20px;padding:16px 3px 5px;display:grid}.home-layout-grid.is-stack .home-layout-card h3{align-self:center;margin:0}.home-layout-grid.is-stack .home-layout-card>div>span{white-space:nowrap;justify-self:start;width:max-content;max-width:100%}.layout-stack-controls{box-sizing:border-box;grid-template-columns:44px minmax(0,300px) 44px;gap:20px;width:min(100%,440px);height:64px;display:grid}.layout-stack-count{justify-content:center;align-items:center;min-height:34px;display:flex}.landing .random-card-toy{max-width:520px;min-height:210px}.landing .random-card-stage{aspect-ratio:63/88;flex:none;width:clamp(92px,9vw,140px);height:auto}.landing .random-card-toy>a{flex:none}.landing .random-card-toy p{-webkit-line-clamp:2;white-space:normal;-webkit-box-orient:vertical;min-height:2.7em;max-height:2.7em;margin:7px 0;line-height:1.35;display:-webkit-box;overflow:hidden}.landing .random-card-kicker{font-size:11px}.landing .random-card-toy #random-card-language{font-size:12px;line-height:1.5}.landing .example-heading{font-size:11px}.landing .demo-caption,.landing .demo-footnote{font-size:12px}@media (max-width:700px){.landing .random-card-toy{max-width:100%;min-height:125px}.landing .random-card-stage{width:80px}.layout-stack-controls{gap:14px}}body .landing .landing-hero{grid-template-columns:minmax(0,1.08fr) minmax(0,1fr);grid-template-areas:"possibilities binder";gap:clamp(24px,4vw,56px);min-height:0;padding:28px 0 38px}.possibility-showcase{min-width:0;text-align:center;grid-area:possibilities;min-block-size:0}.possibility-showcase h1 .possibility-heading{font-size:min(1em,8.4cqi);line-height:1.3}.landing .possibility-showcase h1{margin:0;font-size:clamp(34px,4.5vw,58px);line-height:1.12}.hero-binder{grid-area:binder;align-self:center}.landing .hero-layout-actions{grid-template-columns:minmax(0,1fr) max-content;align-items:center;gap:12px;margin-top:12px;display:grid}.hero-layout-actions>a{text-align:center;justify-content:center;min-width:0;min-height:44px}.hero-layout-actions .landing-text-link{padding:8px 0}.landing .hero-layout-actions .hero-start-cta{isolation:isolate;white-space:nowrap;gap:8px;min-height:44px;padding:10px 12px;position:relative;box-shadow:inset 0 1px #ffffff38,0 0 12px #00c85326}.hero-start-cta>svg{flex:none;width:18px;height:18px}.hero-start-cta>span,.hero-start-cta>svg{z-index:2;position:relative}.hero-start-cta:after{content:"";border-radius:inherit;pointer-events:none;z-index:0;opacity:.09;mix-blend-mode:soft-light;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='160' height='160'%3E%3Cfilter id='grain'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.85' numOctaves='3' stitchTiles='stitch'/%3E%3CfeColorMatrix type='saturate' values='0'/%3E%3C/filter%3E%3Cpath fill='%23fff' filter='url(%23grain)' d='M0 0h160v160H0z'/%3E%3C/svg%3E");position:absolute;inset:1px}@property --hero-neon-angle{syntax:"<angle>";inherits:false;initial-value:0deg}@supports (mask-composite:exclude) or (-webkit-mask-composite:xor){.hero-start-cta:before{content:"";border-radius:inherit;pointer-events:none;z-index:1;background:conic-gradient(from var(--hero-neon-angle),#88ffac26 0deg 220deg,#00f57566 270deg,#72ffa7 310deg,#ecfff2 330deg,#88ffac26 342deg 360deg);-webkit-mask-composite:xor;padding:2px;position:absolute;inset:-1px;-webkit-mask-image:linear-gradient(#fff 0 0),linear-gradient(#fff 0 0);mask-image:linear-gradient(#fff 0 0),linear-gradient(#fff 0 0);-webkit-mask-position:0 0,0 0;mask-position:0 0,0 0;-webkit-mask-size:auto,auto;mask-size:auto,auto;-webkit-mask-repeat:repeat,repeat;mask-repeat:repeat,repeat;-webkit-mask-clip:content-box,border-box;mask-clip:content-box,border-box;-webkit-mask-origin:content-box,border-box;mask-origin:content-box,border-box;-webkit-mask-composite:xor;mask-composite:exclude;-webkit-mask-source-type:auto,auto;mask-mode:match-source,match-source}@media (prefers-reduced-motion:no-preference){.hero-start-cta:before{animation:1.8s linear infinite hero-neon-orbit}}}@keyframes hero-neon-orbit{to{--hero-neon-angle:360deg}}.homepage-details{border-top:1px solid #29372e;padding:32px 0 24px}.homepage-details .hero-copy{min-width:0;max-width:720px;margin:0 auto 32px}.homepage-details .hero-description,.homepage-details .hero-small{max-width:60ch}@media (max-width:760px){body .landing .landing-hero{grid-template-columns:minmax(0,1fr);grid-template-areas:"possibilities""binder";row-gap:12px;padding:18px 0 28px}.landing .possibility-showcase h1{font-size:clamp(30px,8.5vw,42px)}.landing .hero-binder{margin:0 auto}}@media (prefers-reduced-motion:reduce){.hero-start-cta:before{animation:none}}@media (forced-colors:active){.hero-start-cta:before,.hero-start-cta:after{display:none}.landing .hero-layout-actions .hero-start-cta{box-shadow:none}}.landing-story main{width:100%}.landing-story .landing-hero,.landing-story .story-coda{width:min(1160px,100% - 48px);margin-inline:auto}body .landing-story .landing-hero{padding-top:16px;padding-bottom:52px}.landing-story .hero-binder{z-index:1}.landing-story .demo-page{color:inherit;cursor:pointer;text-decoration:none;display:block}.landing-story .demo-page:focus-visible{outline-offset:6px;outline:2px solid #91dca9}.home-story{position:relative}.story-scene{isolation:isolate;min-width:0;scroll-margin-top:80px;position:relative;overflow:clip}.story-stage{min-width:0;max-width:1280px;margin:auto;padding:44px clamp(24px,5vw,72px) 28px;position:relative}.story-eyebrow,.story-scene-tail{letter-spacing:.12em;justify-content:space-between;align-items:center;gap:16px;font:10px/1.5 ui-monospace,SFMono-Regular,monospace;display:flex}.story-eyebrow{opacity:.8;border-bottom:1px solid;padding-bottom:16px}.story-eyebrow>span:last-child{text-align:right}.story-scene-heading{z-index:2;justify-content:space-between;align-items:flex-end;gap:24px;margin:38px 0 0;display:flex;position:relative}.landing .story-scene h2{letter-spacing:-.065em;margin:0;font-size:clamp(54px,8vw,112px);font-weight:600;line-height:.94}.landing .story-scene h2 em{color:inherit;line-height:inherit}.story-link{min-height:44px;color:inherit;white-space:nowrap;border-bottom:1px solid;justify-content:space-between;align-items:center;gap:20px;padding:10px 0;font-size:14px;font-weight:550;display:inline-flex}.story-link svg{flex:none;width:22px;height:22px;transition:transform .25s}.story-scene-tail{z-index:2;opacity:.65;border-top:1px solid;margin-top:36px;padding-top:14px;position:relative}.story-colour{color:#163b2c;background:#e5e4d6}.story-colour:before{content:"";z-index:1;pointer-events:none;background:linear-gradient(115deg,#f3efdf99,#e7e8d78c);position:absolute;inset:0}.story-colour>.story-stage{z-index:2}.story-rainbow-light{z-index:0;pointer-events:none;opacity:.92;filter:blur(clamp(28px,4vw,64px));position:absolute;inset:-28%;transform:translate(0,0)}.story-rainbow-light i{background:radial-gradient(at 18% 25%,#ff6686e0,#0000 42%),radial-gradient(at 82% 25%,#b881efd9,#0000 44%),radial-gradient(at 78% 78%,#41cedde0,#0000 42%),radial-gradient(at 20% 80%,#ffd36fdb,#0000 42%),radial-gradient(at 48% 55%,#6ee2a8b3,#0000 42%);position:absolute;inset:0}.story-rainbow-light i+i{opacity:.6;background-position:35% 60%;inset:8% -12%;transform:rotate(130deg)}@media (prefers-reduced-motion:no-preference){.story-rainbow-light i{animation:10s ease-in-out infinite alternate rainbow-lamplight}.story-rainbow-light i+i{animation:16s ease-in-out infinite alternate rainbow-lamplight-second}}@keyframes rainbow-lamplight{0%{transform:translate(-13%,-9%)rotate(-14deg)scale(.92)}to{transform:translate(13%,10%)rotate(22deg)scale(1.12)}}@keyframes rainbow-lamplight-second{0%{transform:translate(10%,-8%)rotate(110deg)scale(1.1)}to{transform:translate(-12%,12%)rotate(155deg)scale(.94)}}.story-colour .story-scene-heading h2 em{color:#62744e}.story-colour :where(a,button):focus-visible{outline-color:#194d32}.story-palette{perspective:1200px;grid-template-columns:repeat(3,minmax(0,1fr));align-items:start;gap:clamp(16px,4vw,64px);max-width:870px;margin:54px auto 0;padding:16px 20px;display:grid;position:relative}.story-colour-halo{filter:blur(34px);pointer-events:none;background:conic-gradient(from 30deg,#93bbc040,#c8bd7740,#cb8b7740,#93bbc040);border-radius:50%;position:absolute;inset:4% -8%}.story-colour-card{transform-origin:50% 80%;min-width:0;margin:0;position:relative}.story-card-mount{filter:drop-shadow(0 18px 14px #22382a30)}.story-card-mount img{aspect-ratio:63/88;object-fit:contain;width:100%;height:auto;display:block}.story-colour-card figcaption{grid-template-columns:auto 1fr;align-items:center;gap:8px;margin-top:20px;display:grid}.story-colour-card figcaption>span{opacity:.6;font:10px ui-monospace,monospace}.story-colour-card figcaption strong{letter-spacing:-.03em;font-size:clamp(14px,2vw,22px);font-weight:550}.story-swatches{grid-column:1/-1;gap:4px;display:flex}.story-swatches i{border-radius:1px;flex:1;height:5px}.story-beyond{color:#d4edcf;background:#0b271d}.story-beyond:before{content:"";pointer-events:none;opacity:.8;background:linear-gradient(90deg,#0b271df5,#0b271db8),url(/images/home/aurora-scene.svg) 50%/cover;position:absolute;inset:0}.story-beyond-layout{grid-template-columns:1fr 1fr;align-items:center;gap:48px;padding-top:28px;display:grid}.story-beyond .story-scene-heading{margin:0;display:block}.landing .story-beyond h2 em{color:#a7d86d}.story-links{flex-wrap:wrap;gap:12px 28px;margin-top:32px;display:flex}.story-links .story-link{font-size:12px}.story-composition{perspective:1400px;min-width:0;padding:32px 0 0;position:relative}.story-composition-mount{transform-origin:50%;filter:drop-shadow(0 25px 24px #0007);max-width:380px;margin:auto;position:relative}.story-composition .art-demo-stage{background:#071b14;border-color:#65957866;width:100%;padding:9px;box-shadow:0 1px #dcffe144}.story-orbits{pointer-events:none;position:absolute;inset:-6% -18%;overflow:visible}.story-orbits i{border:1px solid #a9d88724;border-radius:50%;position:absolute;inset:8%;transform:rotate(-24deg)scaleX(.8)}.story-orbits i:nth-child(2){inset:0;transform:rotate(24deg)scaleX(.85)}.story-orbits i:nth-child(3){inset:-8%;transform:rotate(55deg)scaleX(.9)}.story-switches{z-index:3;background:#06150e80;border-color:#86b59844;border-radius:40px;max-width:430px;margin:26px auto 0;padding:5px;position:relative}.story-switches button{color:#b7cfc0;border-radius:28px;min-height:44px;padding:9px 12px;font-size:12px}.story-switches button[aria-pressed=true]{color:#10271a;background:#bddbaa;border-color:#bddbaa}.story-finish{color:#dce6f3;background:#111824}.story-finish:before{content:"";pointer-events:none;background:radial-gradient(at 20% 70%,#3f627748,#0000 60%),radial-gradient(at 100% 20%,#66568940,#0000 60%);position:absolute;inset:0}.story-finish:after{content:"";z-index:0;pointer-events:none;opacity:.16;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='128' height='128'%3E%3Cfilter id='g'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.93' numOctaves='2' stitchTiles='stitch'/%3E%3CfeColorMatrix type='saturate' values='0'/%3E%3C/filter%3E%3Cpath fill='%23fff' filter='url(%23g)' d='M0 0h128v128H0z'/%3E%3C/svg%3E");background-size:128px 128px;position:absolute;inset:0}@media (prefers-reduced-motion:no-preference){.story-finish:after{animation:.65s step-end infinite story-film-grain}}@keyframes story-film-grain{0%,to{background-position:0 0}12%{background-position:-23px 41px}25%{background-position:51px -17px}37%{background-position:-41px -31px}50%{background-position:13px 59px}62%{background-position:-59px 7px}75%{background-position:37px 29px}87%{background-position:7px -53px}}.story-finish>.story-stage{z-index:1}.landing .story-finish h2 em{color:#a3bed7}.story-frame-gallery{perspective:1400px;max-width:1000px;margin:46px auto 0;padding:20px 0;position:relative}.story-frame-light{pointer-events:none;background:radial-gradient(#819bd33d,#0000 65%);position:absolute;inset:-15% -10%}.story-frame-gallery .home-frame-preview{filter:drop-shadow(0 24px 25px #0008);transform-origin:50%;margin:0;position:relative}.story-frame-gallery .home-framed-card{isolation:isolate}.story-finish .story-switches{background:#080e18a3;border-color:#9caeca44;max-width:620px}.story-finish .story-switches button{color:#b7c6db}.story-finish .story-switches button[aria-pressed=true]{color:#101c2e;background:#c6d5e6;border-color:#c6d5e6}.story-status{max-width:48ch;text-align:center;color:#adbed2;min-block-size:3em;margin:12px auto 0;font-size:12px;line-height:1.5;position:relative}.story-coda{padding:64px 0 28px}.story-coda-label{text-align:center;letter-spacing:.13em;color:#789b86;margin:0 0 16px;font:10px/1.5 ui-monospace,monospace}.landing .story-coda .random-card-toy{margin:0 auto 48px}.landing .story-coda .random-card-stage{width:clamp(116px,14vw,178px)}.landing .story-coda .random-card-toy{gap:22px;max-width:580px}.landing .story-coda .random-card-stage{box-shadow:none;filter:drop-shadow(0 9px 15px #0007);background:0 0;border:0;border-radius:0;overflow:visible}.random-card-kicker{align-items:center;display:inline-flex}.random-card-kicker svg{width:24px;height:24px;display:block}.story-endnote{border-block:1px solid #304136;justify-content:space-between;align-items:flex-end;gap:24px;padding:36px 0;display:flex}.landing .story-endnote h2{letter-spacing:-.06em;margin:0;font-size:clamp(48px,8vw,100px);line-height:.96}.story-endnote .story-link{color:#b8d8c4}.story-directory{flex-wrap:wrap;justify-content:center;gap:4px 28px;padding:24px 0 0;display:flex}.story-directory a{align-items:center;min-height:44px;font-size:12px;display:inline-flex}@media (min-width:900px) and (min-height:760px) and (prefers-reduced-motion:no-preference){.story-scene{min-height:140svh}.story-stage{padding-top:26px;padding-bottom:18px;position:sticky;top:80px}.story-scene-heading{margin-top:24px}.landing .story-scene h2{font-size:clamp(60px,10svh,100px)}.story-palette{max-width:min(870px,74svh);margin-top:22px;padding-block:8px}.story-frame-gallery{max-width:min(1000px,90svh);margin-top:22px;padding-block:8px}.story-scene-tail{margin-top:24px}.story-composition-mount{max-width:min(380px,44svh)}}@media (hover:hover){.story-link:hover svg{transform:translate(5px)}.story-switches button:not(:disabled):hover{border-color:currentColor}.story-switches button[aria-pressed=true]:not(:disabled):hover{color:#10271a;background:#bddbaa}.story-finish .story-switches button[aria-pressed=true]:not(:disabled):hover{color:#101c2e;background:#c6d5e6}}@media (max-width:760px){.landing-story .landing-hero,.landing-story .story-coda{width:calc(100% - 32px)}body .landing-story .landing-hero{row-gap:20px;padding:20px 0 32px}.landing-story .hero-layout-actions{gap:10px}.landing-story .hero-start-cta{font-size:12px}.landing .story-coda .random-card-toy{gap:16px}.landing .story-coda .random-card-stage{width:clamp(110px,30vw,142px)}.story-stage{padding:28px 20px 24px}.story-eyebrow{letter-spacing:.08em;padding-bottom:12px;font-size:9px}.story-eyebrow>span:last-child{display:none}.story-scene-heading{margin-top:30px;display:block}.landing .story-scene h2{font-size:clamp(52px,13vw,92px)}.story-scene-heading>.story-link{margin-top:20px;font-size:12px}.story-palette{gap:14px;margin-top:40px;padding:8px 4px}.story-colour-card figcaption{gap:5px;margin-top:14px}.story-colour-card figcaption>span{font-size:8px}.story-colour-card figcaption strong{font-size:14px}.story-scene-tail{letter-spacing:.06em;margin-top:34px;font-size:8px}.story-beyond-layout{grid-template-columns:1fr;gap:12px;padding-top:30px}.story-links{gap:8px 24px;margin-top:16px}.story-composition{padding-top:18px}.story-composition-mount{width:min(74%,310px)}.story-orbits{inset:-6% 0}.story-switches{margin-top:22px}.story-frame-gallery{margin-top:30px;padding:16px 0}.story-finish .story-switches{border-radius:22px;grid-template-columns:repeat(2,minmax(0,1fr));max-width:350px;display:grid}.story-finish .story-switches button{font-size:12px}.story-coda{padding:42px 0 18px}.story-endnote{align-items:center;padding:28px 0}.landing .story-endnote h2{font-size:clamp(40px,10.5vw,60px)}.story-endnote .story-link{gap:10px;font-size:12px}.story-directory{gap:4px 18px}}@media (max-width:360px){.story-stage{padding-inline:16px}.story-palette{gap:10px}.landing .story-scene h2{font-size:48px}.story-endnote{gap:12px}.story-endnote .story-link{gap:6px}.story-endnote .story-link svg{width:18px}}@media (prefers-reduced-motion:reduce){.story-stage{position:relative}.story-scene{min-height:0}.story-link svg{transition:none}}@media (forced-colors:active){.story-colour:before,.story-beyond:before,.story-finish:before,.story-finish:after,.story-rainbow-light,.story-colour-halo,.story-orbits,.story-frame-light{display:none}.story-switches button{border:1px solid buttontext}.story-scene{color:canvastext;background:canvas}.story-scene h2 em{color:canvastext!important}}.story-feature-layout{grid-template-columns:minmax(0,1.12fr) minmax(0,.88fr);align-items:center;gap:clamp(32px,5vw,76px);padding:36px 0 12px;display:grid}.story-feature-layout>.story-scene-heading{min-width:0;margin:0;display:block}.landing .story-feature-layout h2{letter-spacing:-.06em;font-size:clamp(52px,6.6vw,88px);line-height:1}.story-feature-copy{opacity:.82;text-wrap:pretty;max-width:35ch;margin:28px 0 20px;font-size:clamp(14px,1.3vw,17px);line-height:1.65}.story-feature-footnote{opacity:.65;margin:24px 0 0;font-size:11px;line-height:1.8}.feature-demo-label{letter-spacing:.09em;justify-content:space-between;align-items:center;gap:12px;font:9px/1.5 ui-monospace,SFMono-Regular,monospace;display:flex}.chapter-switches{border:1px solid;border-radius:40px;gap:4px;padding:4px;display:flex}.chapter-switches button{min-width:0;min-height:44px;color:inherit;font:inherit;cursor:pointer;background:0 0;border:1px solid #0000;border-radius:30px;flex:1;padding:10px 12px;font-size:12px;transition:background .2s,color .2s}.chapter-switches button:disabled{cursor:default;opacity:.65}.chapter-demo-status{text-align:center;opacity:.65;min-height:3em;margin:6px 0 0;font-size:11px;line-height:1.5}.story-language{color:#40372b;background:#ece4d5}.story-language .story-scene-heading h2 em{color:#a14730}.story-language>.story-stage{z-index:1}.language-glyphs{pointer-events:none;opacity:.055;font-family:Georgia,Times New Roman,serif;position:absolute;inset:0;overflow:hidden}.language-glyphs span{font-size:clamp(200px,40vw,550px);line-height:1;position:absolute}.language-glyphs span:first-child{top:15%;left:-8%;transform:rotate(-14deg)}.language-glyphs span:nth-child(2){top:4%;right:-8%;transform:rotate(11deg)}.language-glyphs span:nth-child(3){bottom:-6%;right:21%;transform:rotate(-8deg)}.language-showcase{justify-self:center;width:100%;min-width:0;max-width:440px;position:relative}.language-showcase:before{content:"";z-index:-1;pointer-events:none;background:radial-gradient(#d3b37960,#0000 65%);position:absolute;inset:5% -12% 18%}.language-owned{color:#536446;white-space:nowrap;border:1px solid #848a694d;border-radius:20px;padding:5px 8px}.language-deck{perspective:1000px;max-width:294px;margin:16px auto 18px;display:grid}.language-printing{opacity:0;visibility:hidden;grid-area:1/1;min-width:0;margin:0;transition:opacity .5s,transform .6s,visibility 0s .6s;transform:translateY(12px)rotateY(-9deg)}.language-printing.is-current{opacity:1;visibility:visible;transition-delay:0s;transform:none}.language-card-mount{filter:drop-shadow(0 16px 16px #5a492e30)}.language-card-mount img{aspect-ratio:63/88;object-fit:contain;width:100%;height:auto;display:block}.language-printing figcaption{text-align:center;margin:16px -50px 0}.language-printing figcaption strong{letter-spacing:-.03em;font-size:22px;line-height:1.3;display:block}.language-printing figcaption>span{opacity:.65;min-height:16px;margin-top:4px;font:10px/1.5 ui-monospace,monospace;display:block}.language-switches{background:#fff3;border-color:#9b80634d}.language-switches button[aria-pressed=true]{color:#fff8eb;background:#40372b}.language-demo-tools{justify-content:space-between;align-items:center;gap:12px;margin-top:8px;display:flex}.language-demo-tools>span{letter-spacing:.12em;opacity:.55;font:8px/1.5 ui-monospace,monospace}.language-demo-tools button{min-height:40px;color:inherit;cursor:pointer;background:0 0;border:0;align-items:center;gap:8px;padding:8px 0 8px 12px;font-size:11px;display:flex}.language-demo-tools button[hidden]{display:none}.story-values{color:#d6eddf;background:#0a2524}.story-values .story-scene-heading h2 em{color:#9ed5b1}.story-values>.story-stage{z-index:1}.value-ambient{pointer-events:none;transform-origin:50%;background:radial-gradient(at 85%,#49706b5c,#0000 58%),repeating-linear-gradient(0deg,#0000 0 79px,#9acaad08 79px 80px);position:absolute;inset:-10%}.value-principles{color:#b6d5c4;flex-wrap:wrap;gap:9px 18px;margin-top:30px;font:9px/1.5 ui-monospace,monospace;display:flex}.value-principles span:before{content:"↗";color:#9ed5b1;margin-right:7px}.value-ledger{transform-origin:50% 60%;background:linear-gradient(145deg,#153b34f5,#102d2af5);border:1px solid #89b7a538;border-radius:5px;justify-self:center;width:100%;min-width:0;max-width:475px;padding:26px clamp(20px,2.7vw,34px) 22px;position:relative;box-shadow:0 24px 50px #02161452,inset 0 1px #e2ffe61a}.value-ledger .feature-demo-label{color:#a3c0b2}.value-ledger .feature-demo-label>span:last-child{letter-spacing:.1em;border:1px solid #91bba342;border-radius:3px;padding:2px 5px;font-size:8px}.value-switches{background:#071c1940;border-color:#9fd5b23b;margin-top:22px}.value-switches button{color:#b9d2c3;justify-content:space-between;align-items:center;gap:12px;padding-inline:16px;display:flex}.value-switches button[aria-pressed=true]{color:#153c2a;background:#c8e6cd}.value-switches button span{opacity:.65}.value-panels{display:grid}.value-panel{opacity:0;visibility:hidden;grid-area:1/1;min-width:0;transition:opacity .25s,transform .3s,visibility 0s .3s;transform:translateY(6px)}.value-panel.is-current{visibility:visible;opacity:1;transition-delay:0s;transform:none}.value-total-label{letter-spacing:.14em;color:#9dbeb0;margin:25px 0 5px;font:9px/1.5 ui-monospace,monospace}.value-total{letter-spacing:-.055em;font-variant-numeric:tabular-nums;color:#e6f3e5;white-space:nowrap;margin:0;font-size:clamp(42px,5.8vw,70px);line-height:1.15}.value-total>span{letter-spacing:.05em;color:#8fae9f;margin-left:12px;font:10px/1 ui-monospace,monospace;display:inline-block}.value-coverage{color:#a3c3b1;align-items:center;gap:7px;margin:12px 0 22px;font-size:10px;display:flex}.value-coverage i{background:#acdcab;border-radius:50%;width:5px;height:5px}.value-row{border-top:1px solid #b6d5bd21;align-items:center;gap:12px;min-width:0;padding:13px 0;display:flex}.value-row img{aspect-ratio:63/88;object-fit:contain;filter:drop-shadow(0 3px 3px #001c17aa);flex:none;width:34px;height:auto;display:block}.value-row-copy{flex:1;min-width:0}.value-row-copy strong{text-overflow:ellipsis;white-space:nowrap;color:#d5e7dc;font-size:12px;font-weight:500;display:block;overflow:hidden}.value-row-copy>span{color:#9eb9aa;font-size:8px;line-height:1.7;display:block}.value-bar{background:#9eb9aa19;height:2px;margin-top:8px;overflow:hidden}.value-bar:after{content:"";height:100%;width:var(--value-fill);transform-origin:0;background:#a6cdb0;display:block}.value-bar.is-unpriced{background:0 0;border-top:1px dashed #9eb9aa6e;height:2px}.value-bar.is-unpriced:after{display:none}.value-row-amount{text-align:right;font-variant-numeric:tabular-nums;color:#deebdf;min-width:58px;font:12px/1.4 ui-monospace,monospace}.value-row-amount small{color:#a3b5aa;font:8px/1.5 ui-monospace,monospace;display:block}.value-demo-note{color:#9eb9aa;border-top:1px solid #b6d5bd21;max-width:36ch;margin:0;padding-top:14px;font-size:9px;line-height:1.65}.story-collection{color:#f1dce0;background:#2b1c2b}.story-collection .story-scene-heading h2 em{color:#d8aad1}.story-collection>.story-stage{z-index:1}.collection-ambient{pointer-events:none;background:radial-gradient(at 85% 70%,#7b4b6447,#0000 55%),linear-gradient(125deg,#41233710,#120e241c);position:absolute;inset:0}.collection-preview{transform-origin:50%;justify-self:center;width:100%;min-width:0;max-width:390px}.collection-preview .feature-demo-label{color:#cfb6c5;margin-bottom:14px}.collection-card-grid{background:#160f1ba3;border:1px solid #c6a6b12e;border-radius:5px;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;padding:12px;display:grid;box-shadow:0 20px 40px #120b184f}.collection-card{aspect-ratio:63/88;cursor:pointer;isolation:isolate;background:0 0;border:0;border-radius:0;min-width:0;padding:0;display:block;position:relative}.collection-card img{object-fit:contain;width:100%;height:100%;transition:filter .35s,opacity .35s;display:block}.collection-card[aria-pressed=false] img{filter:grayscale(.65);opacity:.37}.collection-card-mark{color:#e0f4e3;background:#10241cdb;border:1px solid #c7d6bf44;border-radius:20px;justify-content:center;align-items:center;gap:5px;min-height:24px;padding:3px;font:8px/1.4 ui-monospace,monospace;display:flex;position:absolute;inset:auto 3px 4px;box-shadow:0 2px 10px #0003}.collection-card[aria-pressed=false] .collection-card-mark{color:#f0d9e9;background:#3a283ee8;border-color:#e9c6de5c}.collection-card-mark>span:first-child{font-size:12px}.collection-demo-hint{text-align:center;color:#d2b7c9;margin:14px 0 0;font-size:11px}.collection-tally{align-items:center;gap:18px;margin-top:34px;display:flex}.collection-ring{background:conic-gradient(#dbaccf var(--owned-progress),#dbaccf24 0);border-radius:50%;flex:none;width:68px;height:68px;padding:3px;transform:rotate(-90deg)}.collection-ring>span{font-variant-numeric:tabular-nums;background:#2b1c2b;border-radius:50%;place-items:center;width:100%;height:100%;font:13px/1 ui-monospace,monospace;display:grid;transform:rotate(90deg)}.collection-tally strong{color:#ecd3e5;font-size:13px;font-weight:500;display:block}.collection-tally div>span:not([data-collection-fraction]){color:#c3a7b9;margin-top:6px;font-size:10px;line-height:1.5;display:block}.story-collection .story-links{gap:8px 24px;margin-top:14px}.story-collection .story-links .story-link{font-size:12px}.story-feature-layout :where(a,button):focus-visible{outline-offset:5px;outline:2px solid}.collection-card:focus-visible{outline-color:#f4d8ef}@media (hover:hover){.chapter-switches button:not(:disabled):hover{border-color:currentColor}.collection-card:not(:disabled):hover img{filter:none;opacity:1}.language-demo-tools button:hover{text-underline-offset:4px;text-decoration:underline}}@media (min-width:900px) and (min-height:760px) and (prefers-reduced-motion:no-preference){.story-feature-layout{padding-top:24px;padding-bottom:0}.landing .story-feature-layout h2{font-size:clamp(54px,8.8svh,88px)}.story-feature-copy{margin-top:22px;font-size:15px}.language-deck{max-width:min(294px,29svh);margin-block:12px}.language-printing figcaption{margin-top:12px}.collection-preview{max-width:min(390px,42svh)}.value-ledger{padding-top:22px;padding-bottom:18px}.value-row{padding-block:10px}.value-total{font-size:clamp(48px,7.5svh,68px)}.value-total-label{margin-top:20px}.value-coverage{margin-bottom:18px}}@media (max-width:899px){.story-feature-layout{grid-template-columns:1fr;gap:32px;padding-top:30px}.landing .story-feature-layout h2{font-size:clamp(52px,10vw,82px)}.story-feature-copy{max-width:38ch;margin-top:22px;font-size:15px}.story-feature-footnote{margin-top:20px}.language-showcase{max-width:430px}.language-deck{max-width:clamp(210px,48vw,294px)}.value-ledger{max-width:460px}.value-total{font-size:clamp(48px,10vw,70px)}.collection-preview{max-width:370px}.collection-tally{margin-top:24px}.collection-ring{width:60px;height:60px}}@media (max-width:420px){.landing .story-feature-layout h2{font-size:clamp(46px,12.5vw,54px)}.story-feature-layout{gap:28px}.story-feature-copy{font-size:14px}.feature-demo-label{font-size:8px}.chapter-switches button{padding-inline:7px;font-size:11px}.value-ledger{padding-inline:20px}.value-row{gap:10px}.value-row-copy strong{font-size:11px}.collection-card-grid{gap:7px;padding:9px}.collection-card-mark{font-size:7px;inset-inline:2px}.collection-card-mark>span:first-child{font-size:10px}}@media (prefers-reduced-motion:reduce){.language-printing,.value-panel,.collection-card img,.chapter-switches button{transition:none;transform:none}.language-glyphs{transform:none}}@media (forced-colors:active){.language-glyphs,.value-ambient,.collection-ambient,.language-showcase:before{display:none}.story-language,.story-values,.story-collection{color:canvastext;background:canvas}.value-ledger,.collection-card-grid{box-shadow:none;background:canvas;border-color:canvastext}.chapter-switches button[aria-pressed=true]{color:highlighttext;background:highlight}.collection-card-mark{color:canvastext;background:canvas}.collection-ring{background:canvas;border:2px solid canvastext}.collection-ring>span{color:canvastext;background:canvas}}.discovery-intro{max-width:28ch;padding-bottom:4px}.discovery-intro p{margin:0 0 12px;font-size:14px;line-height:1.6}.discovery-controls{border-block:1px solid #244c3033;justify-content:space-between;align-items:center;gap:16px;max-width:870px;margin:28px auto 0;padding:12px 0;display:flex}.discovery-mode{letter-spacing:.08em;white-space:nowrap;font:9px/1.5 ui-monospace,monospace}.discovery-mode>span{opacity:.4;margin:0 8px}.discovery-colors{flex-wrap:wrap;gap:5px;display:flex}.discovery-colors button{color:#234333;min-height:44px;font:inherit;cursor:pointer;background:0 0;border:1px solid #0000;border-radius:24px;align-items:center;gap:7px;padding:8px 12px;font-size:11px;line-height:1.3;display:flex}.discovery-colors button[aria-pressed=true]{background:#f8f7e294;border-color:#31573d66;box-shadow:0 2px 8px #30472c0a}.discovery-colors i{border-radius:50%;width:10px;height:10px;box-shadow:inset 0 0 0 1px #0002}.story-colour .story-palette{margin-top:22px}.story-colour-card .story-card-mount{transition:opacity .35s,filter .35s}.story-colour-card.discovery-muted .story-card-mount{opacity:.25;filter:grayscale(.65)drop-shadow(0 12px 14px #22382a15)}.story-colour-card.discovery-match .story-card-mount{filter:drop-shadow(0 20px 16px #22382a40)}.story-colour-card .discovery-card-name{opacity:.7;grid-column:1/-1;font-size:10px;line-height:1.5}.discovery-caption{justify-content:space-between;align-items:center;gap:16px;max-width:830px;margin:12px auto 0;display:flex}.discovery-caption p{max-width:38ch;margin:0;font-size:12px;line-height:1.5}.discovery-caption .story-link{gap:12px;font-size:11px}.story-composer{color:#213a4c;background:#d8e5e9;min-height:0}.story-composer>.story-stage,.story-templates>.story-stage{position:relative;top:auto}.composer-ambient{pointer-events:none;background:radial-gradient(at 90% 5%,#fff9,#0000 60%),radial-gradient(at 0 90%,#9dbdcc66,#0000 50%);position:absolute;inset:0}.story-composer .story-scene-heading h2 em{color:#527b8b}.story-composer .story-feature-layout{grid-template-columns:minmax(0,1fr) minmax(0,1fr);align-items:start;gap:clamp(32px,6vw,100px);padding-top:44px}.story-composer .story-scene-heading{padding-top:20px}.landing .story-composer h2{font-size:clamp(52px,6.8vw,88px)}.staging-story{border-top:1px solid #45647938;max-width:340px;margin-top:52px;padding-top:24px}.staging-story-line{letter-spacing:.08em;color:#527687;align-items:center;gap:12px;font:9px/1.5 ui-monospace,monospace;display:flex}.staging-story-line i{background:currentColor;width:28px;height:1px;position:relative}.staging-story-line i:after{content:"";border-top:1px solid;border-right:1px solid;width:5px;height:5px;position:absolute;top:-2px;right:0;transform:rotate(45deg)}.staging-story h3{letter-spacing:-.045em;margin:22px 0 16px;font-size:38px;font-weight:550;line-height:1.08}.staging-story h3 em{color:#527b8b;font-family:Georgia,serif;font-weight:400}.staging-story p{opacity:.8;max-width:32ch;margin:0 0 12px;font-size:13px;line-height:1.75}.staging-story .story-link{font-size:11px}.home-composer-demo{width:100%;min-width:0;max-width:410px;margin-inline:auto;position:relative}.home-composer-demo>.feature-demo-label{padding-bottom:14px}.composer-directions{background:#ffffff38;border-color:#36556d36;border-radius:14px;gap:2px;margin-bottom:16px;padding:3px}.composer-directions button{border-radius:10px;padding:8px 6px;font-size:10px;line-height:1.35}.composer-directions button[aria-pressed=true]{color:#f3f6f4;background:#244457;box-shadow:0 3px 10px #1e38421a}.composer-paper{background:#eef2ef;border:1px solid #fff9;border-radius:4px;padding:14px 20px 20px;box-shadow:0 22px 36px -20px #18394966,0 1px 3px #24435524}.composer-paper-label{letter-spacing:.06em;color:#65787f;justify-content:space-between;gap:12px;padding-bottom:12px;font:8px/1.4 ui-monospace,monospace;display:flex}.composer-demo-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:7px;max-width:320px;margin:auto;display:grid}.composer-demo-grid>button{cursor:pointer;outline-offset:3px;aspect-ratio:63/88;isolation:isolate;background:0 0;border:0;border-radius:0;min-width:0;padding:0;display:block;position:relative}.composer-demo-grid>button[aria-pressed=true]:after{content:"";pointer-events:none;border:1px solid #29728b;border-radius:3px;position:absolute;inset:-3px}.composer-demo-grid img{object-fit:contain;filter:drop-shadow(0 2px 2px #172b3428);width:100%;height:100%;display:block}.composer-pin-mark{color:#234657;background:#eef7ef;border-radius:50%;justify-content:center;align-items:center;width:19px;height:19px;font-size:8px;display:none;position:absolute;top:3px;right:3px;box-shadow:0 1px 4px #0004}[data-composer-slot][data-pinned=true] .composer-pin-mark{display:flex}.composer-demo-actions{gap:4px;margin:12px 0 18px;display:flex}.composer-demo-actions button,.composer-demo-tray>button{color:#254657;min-height:44px;font:inherit;cursor:pointer;background:#edf4f238;border:1px solid #436b7d44;border-radius:6px;padding:8px 12px;font-size:11px;line-height:1.3}.composer-demo-actions button:first-child{flex:1}.composer-demo-actions button:nth-child(2){color:#f3f6f4;background:#244457;flex:1.25}.composer-demo-actions button:last-child{border-color:#0000;padding-inline:8px}.home-composer-demo button:disabled{cursor:default;opacity:.55}.composer-alternatives .feature-demo-label{margin-bottom:9px;font-size:8px}.composer-alternative-cards{grid-template-columns:repeat(3,minmax(0,1fr));gap:6px;display:grid}.composer-alternative-cards>button{color:#213e4b;cursor:pointer;text-align:left;background:#f0f5f044;border:1px solid #40647730;border-radius:6px;grid-template-columns:30px 1fr;align-items:center;gap:6px;min-width:0;min-height:56px;padding:7px;display:grid;position:relative}.composer-alternative-cards>button[hidden]{display:none}.composer-alternative-cards img{object-fit:contain;width:30px;height:42px}.composer-alternative-cards span{overflow-wrap:anywhere;padding-bottom:10px;font-size:9px;line-height:1.35}.composer-alternative-cards b{font-size:12px;font-weight:400;position:absolute;bottom:4px;right:6px}.composer-demo-tray{background:#b9cfd34d;border:1px solid #3d657e3d;border-radius:8px;margin-top:14px;padding:12px}.composer-demo-tray .feature-demo-label{font-size:8px}.composer-demo-tray .feature-demo-label b{font:inherit;color:#f4f7f1;background:#315567;border-radius:12px;margin-left:4px;padding:2px 5px}.composer-tray-cards{align-items:center;gap:6px;min-height:66px;padding:8px 0;display:flex}.composer-tray-empty{opacity:.6;font-size:11px;font-style:italic}.composer-tray-cards button{min-width:0;min-height:48px;color:inherit;cursor:pointer;text-align:left;background:#edf3ee9c;border:1px solid #4264783b;border-radius:4px;flex:1;align-items:center;gap:5px;padding:5px 10px 5px 5px;display:flex;position:relative}.composer-tray-cards img{object-fit:contain;width:26px;height:37px}.composer-tray-cards span{overflow-wrap:anywhere;font-size:8px;line-height:1.3}.composer-tray-cards b{font-size:10px;font-weight:400;position:absolute;top:0;right:2px}.composer-demo-tray>button{background:#e6efec80;border-color:#456c7d4d;justify-content:space-between;align-items:center;width:100%;display:flex}.home-composer-demo .chapter-demo-status{text-align:left;opacity:.8;min-height:3em;margin:12px 0 0;font-size:10px}.composer-demo-note{opacity:.6;margin:4px 0 0;font-size:9px;line-height:1.5}:is(.home-composer-demo button:focus-visible,.discovery-colors button:focus-visible){outline-offset:3px;outline:2px solid #17637c}.story-templates{color:#f1dfce;background:#372420;min-height:0}.story-templates:before{content:"";pointer-events:none;background:radial-gradient(at 85% 25%,#97605730,#0000 65%);position:absolute;inset:0}.template-feature-layout{grid-template-columns:minmax(0,1fr) minmax(0,1fr);align-items:center;gap:64px;padding:52px 0 44px;display:grid}.template-feature-layout>.story-scene-heading{margin:0;display:block}.landing .story-templates h2{font-size:clamp(52px,7vw,92px)}.story-templates h2 em{color:#d99b7c}.template-preview-stack{isolation:isolate;justify-content:center;align-items:center;padding:24px 10px 20px;display:flex;position:relative}.template-preview{color:#30433d;background:#e2e7dc;border:1px solid #fff4;border-radius:3px;flex:0 0 56%;width:56%;min-width:0;padding:12px;transition:transform .3s,box-shadow .3s;display:block;position:relative;transform:rotate(-9deg)translateY(-12px);box-shadow:0 18px 22px #140a0b55}.template-preview+.template-preview{color:#583641;background:#e5d5d5;margin-left:-12%;transform:rotate(9deg)translateY(15px)}.template-preview-heading{letter-spacing:.08em;justify-content:space-between;margin-bottom:9px;font:7px/1.4 ui-monospace,monospace;display:flex}.template-preview-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:3px;display:grid}.template-preview-grid img{aspect-ratio:63/88;object-fit:contain;width:100%;height:auto;display:block}.template-preview>strong{letter-spacing:-.02em;margin:12px 0 2px;font-size:12px;font-weight:550;line-height:1.4;display:block}.template-preview:focus-visible{outline-offset:6px;z-index:2;outline:2px solid #f7d6ac;transform:rotate(0)translateY(-8px)}.sharing-finish{border-top:1px solid #c69b803b;justify-content:space-between;align-items:center;gap:36px;padding:30px 0 4px;display:flex}.sharing-label{letter-spacing:.12em;color:#d1a493;font:8px/1.5 ui-monospace,monospace}.sharing-finish h3{letter-spacing:-.035em;margin:12px 0;font-size:clamp(28px,3.2vw,42px);font-weight:550;line-height:1.1}.sharing-finish p{color:#d1b4a7;max-width:45ch;margin:0;font-size:12px;line-height:1.6}.sharing-links{flex-direction:column;gap:8px;min-width:190px;display:flex}.sharing-links .story-link{font-size:11px}@media (hover:hover){.template-preview:hover{z-index:2;transform:rotate(-3deg)translateY(-20px);box-shadow:0 25px 30px #140a0b66}.template-preview+.template-preview:hover{transform:rotate(3deg)translateY(3px)}.composer-alternative-cards button:not(:disabled):hover,.composer-demo-actions button:not(:disabled):hover,.composer-tray-cards button:not(:disabled):hover{box-shadow:0 0 0 1px #365a6a}.discovery-colors button:not(:disabled):hover{background:#faf8e36e}}@media (prefers-reduced-motion:no-preference){.composer-settled [data-composer-slot]:not([data-pinned=true]) img{animation:.45s both composer-card-settle}@keyframes composer-card-settle{0%{transform:translateY(5px)}to{transform:none}}}@media (min-width:900px) and (min-height:760px) and (prefers-reduced-motion:no-preference){.story-colour .story-palette{max-width:min(760px,58svh);margin-top:12px;padding-block:4px}.discovery-controls{margin-top:16px;padding-block:5px}.story-colour-card figcaption{margin-top:10px}.discovery-caption{margin-top:6px}.story-colour .story-scene-tail{margin-top:12px}}@media (max-width:899px){.story-composer .story-feature-layout{grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:30px}.staging-story{margin-top:32px}.template-feature-layout{gap:28px}.composer-paper{padding:12px}}@media (max-width:760px){.discovery-intro{max-width:35ch;margin-top:20px}.discovery-intro p{margin-bottom:8px;font-size:13px}.discovery-intro .story-link{font-size:12px}.discovery-controls{margin-top:22px;padding:12px 0 8px;display:block}.discovery-mode{margin-bottom:6px;font-size:8px;display:block}.discovery-colors{justify-content:space-between;gap:2px}.discovery-colors button{padding:8px 9px;font-size:10px}.story-colour .story-palette{margin-top:26px}.story-colour-card .discovery-card-name{font-size:8px}.discovery-caption{align-items:flex-start;margin-top:18px}.discovery-caption p{max-width:23ch;padding-top:12px;font-size:10px}.story-composer .story-feature-layout{grid-template-columns:1fr;gap:30px;padding-top:26px}.story-composer .story-scene-heading{padding:0}.landing .story-composer h2,.landing .story-templates h2{font-size:clamp(50px,12.7vw,78px)}.staging-story{max-width:none;margin-top:30px;padding-top:20px}.staging-story h3{margin:16px 0 12px;font-size:30px}.staging-story h3 br{display:none}.staging-story h3 em:before{content:" "}.staging-story p{max-width:40ch;font-size:12px}.composer-paper{padding:14px 18px 18px}.template-feature-layout{grid-template-columns:1fr;gap:24px;padding:32px 0 40px}.template-preview-stack{width:100%;max-width:420px;margin:auto;padding-inline:20px}.sharing-finish{padding-top:24px;display:block}.sharing-links{flex-flow:wrap;gap:8px 24px;margin-top:20px}.sharing-links .story-link{gap:10px;font-size:10px}}@media (max-width:360px){.discovery-colors button{padding-inline:7px}.discovery-mode>span{margin-inline:5px}.composer-paper{padding:10px}.composer-directions button{font-size:9px}.composer-alternative-cards>button{grid-template-columns:24px 1fr;gap:4px;padding:5px}.composer-alternative-cards img{width:24px;height:34px}.composer-alternative-cards span{font-size:8px}.composer-tray-cards span{display:none}.composer-tray-cards button{justify-content:center}.composer-tray-cards b{right:4px}}@media (prefers-reduced-motion:reduce){.story-colour-card .story-card-mount,.template-preview{transition:none}.composer-demo-grid img{animation:none!important}}@media (forced-colors:active){.composer-ambient,.story-templates:before{display:none}.story-composer,.story-templates,.composer-paper,.template-preview,.template-preview+.template-preview{color:canvastext;background:canvas}.discovery-colors button,.home-composer-demo button,.template-preview{border:1px solid buttontext}.discovery-colors button[aria-pressed=true],.composer-directions button[aria-pressed=true],.composer-pin-mark{color:highlighttext;background:highlight}.story-colour-card.discovery-muted .story-card-mount{opacity:.5}}.value-total b{font:inherit}.value-row-copy>span{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.value-row-copy>[data-price-date]{color:#a8c9b5;margin-top:2px;font-size:7px}.value-row-amount{flex-direction:column;justify-content:center;align-self:center;min-height:44px;padding:6px 0;text-decoration:none;display:flex}.value-row-amount:focus-visible{outline-offset:5px;outline:2px solid #c8e6cd}.value-row-amount:hover [data-price-amount]{text-underline-offset:3px;text-decoration:underline}.value-row-amount small{margin-top:3px;font-size:7px}.value-demo-note{max-width:none}.value-refresh-status{color:#a8c9b5;max-width:46ch;min-height:3.2em;margin:7px 0 0;font-size:8px;line-height:1.6}.story-sharing{color:#193e35;background:#e6e9da;min-height:0}.story-sharing>.story-stage{z-index:1;position:relative;top:auto}.story-sharing .story-feature-layout{grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:clamp(36px,6vw,90px);padding:48px 0 30px}.story-sharing .story-scene-heading h2 em{color:#5f7960}.sharing-orbits{pointer-events:none;opacity:.3;position:absolute;inset:0}.sharing-orbits i{aspect-ratio:1;border:1px solid #8ca48670;border-radius:50%;width:70%;position:absolute;top:4%;right:-12%}.sharing-orbits i:nth-child(2){width:54%;top:16%;right:-4%}.sharing-orbits i:nth-child(3){width:38%;top:28%;right:4%}.sharing-details{color:#4c6958;flex-direction:column;gap:12px;margin-top:28px;font:10px/1.5 ui-monospace,monospace;display:flex}.sharing-details span:before{content:"↗";margin-right:10px}.sharing-pass{background:#f8f9ee;border:1px solid #fff8;border-radius:5px;justify-self:center;width:100%;min-width:0;max-width:480px;padding:26px;position:relative;box-shadow:0 30px 60px -22px #254d3538,0 2px 7px #354e3312}.sharing-pass-header{border-bottom:1px solid #38533e24;justify-content:space-between;align-items:center;gap:12px;padding-bottom:22px;display:flex}.sharing-pass-header>span:first-child{letter-spacing:-.05em;font-size:13px;font-weight:700}.sharing-pass-header>span:first-child>span{color:#65816a;font-weight:400}.sharing-pass-header>span:last-child{letter-spacing:.06em;white-space:nowrap;border:1px solid #456f4438;border-radius:14px;padding:4px 7px;font:7px/1.5 ui-monospace,monospace}.sharing-pass-body{grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:20px;padding:25px 0 22px;display:grid}.sharing-mini-page{background:#1d3930;border:1px solid #28483b;border-radius:3px;grid-template-columns:repeat(3,minmax(0,1fr));gap:4px;padding:8px;display:grid;box-shadow:0 9px 15px #1b3d3020}.sharing-mini-page img{aspect-ratio:63/88;object-fit:contain;width:100%;height:auto;display:block}.sharing-qr{text-align:center;width:clamp(140px,17vw,184px)}.sharing-qr a{outline-offset:4px;background:#fff;display:block}.sharing-qr img{aspect-ratio:1;width:100%;height:auto;display:block}.sharing-qr>span{letter-spacing:.11em;white-space:nowrap;color:#56705b;margin-top:8px;font:6px/1.5 ui-monospace,monospace;display:block}.sharing-pass-caption>span{letter-spacing:.1em;color:#637d66;font:7px/1.5 ui-monospace,monospace}.sharing-pass-caption h3{letter-spacing:-.045em;margin:10px 0;font-size:clamp(27px,3vw,37px);font-weight:500;line-height:1.08}.sharing-pass-caption p{color:#69806b;margin:0 0 22px;font-size:10px;line-height:1.6}.sharing-open{color:#f1f5e8;background:#20483a;border-radius:3px;justify-content:space-between;align-items:center;gap:20px;min-height:48px;padding:13px 16px;font-size:11px;text-decoration:none;transition:background .2s;display:flex}.sharing-open svg{width:22px;height:22px}.sharing-open:hover{background:#315d47}.sharing-open:focus-visible{outline-offset:4px;outline:2px solid #305e46}.sharing-qr a:focus-visible{outline-offset:4px;outline:2px solid #305e46}@media (max-width:899px){.sharing-pass{padding:20px}.sharing-pass-body{gap:12px}.sharing-pass-header{gap:6px}.sharing-pass-header>span:first-child{font-size:11px}.sharing-pass-header>span:last-child{padding:4px;font-size:6px}}@media (max-width:760px){.story-sharing .story-feature-layout{grid-template-columns:1fr;gap:32px;padding:32px 0 12px}.sharing-pass{max-width:420px}.sharing-qr{width:clamp(140px,40vw,184px)}.sharing-pass-body{gap:20px}.sharing-details{gap:9px;font-size:9px}.sharing-orbits i{width:110%;top:35%;right:-30%}.sharing-pass-caption h3{font-size:32px}}@media (max-width:360px){.sharing-pass{padding:16px}.sharing-pass-body{gap:12px}.sharing-mini-page{gap:3px;padding:5px}.sharing-qr{width:140px}.sharing-pass-header>span:first-child{font-size:11px}.value-ledger{padding-inline:16px}.value-ledger .feature-demo-label{font-size:8px}.value-ledger .feature-demo-label>span:last-child{font-size:6px}}@media (prefers-reduced-motion:reduce){.sharing-open{transition:none}}@media (forced-colors:active){.sharing-orbits{display:none}.sharing-pass,.story-sharing{color:canvastext;background:canvas}.sharing-open{color:buttontext;background:buttonface;border:1px solid buttontext}.sharing-qr{forced-color-adjust:none;color:#000;background:#fff}.value-row-amount{color:linktext}}