@font-face{font-family:Nunito;src:url(assets/fonts/nunito-latin-wght.woff2) format("woff2");font-weight:400 900;font-style:normal;font-display:swap}:root{--c1: #665647;--c2: #e69f00;--c3: #56b4e9;--c4: #009e73;--c5: #f0e442;--c6: #0072b2;--c7: #d55e00;--c8: #cc79a7;--c9: #b8b4b0;--bg: #faf9f6;--surface: #ffffff;--icon-canvas: #f4ecda;--glass-rim: rgba(255, 255, 255, .55);--ink: #1b1a18;--ink-2: #6b6964;--accent: #5a5fcf;--on-accent: #ffffff;--conflict: #c25b5e;--cell-border: #e5e2dd;--box-sep: #b0a99b;--c4-deep: #007a57;--ok-green: #007a57;--link: #5358c8;--accent-strong: #5a5fcf;--ink-rgb: 27, 26, 24;--accent-rgb: 90, 95, 207;--s1: 4px;--s2: 8px;--s3: 12px;--s4: 16px;--s5: 24px;--s6: 32px;--s7: 48px;--s8: 64px;--s9: 96px;--r-cell: 6px;--r-board: 8px;--r-chip: 8px;--r-swatch: 14px;--r-card: 20px;--r-pill: 999px;--sh-subtle: 0 1px 2px rgba(var(--ink-rgb), .08);--sh-card: 0 3px 12px rgba(var(--ink-rgb), .1);--sh-float: 0 16px 48px -16px rgba(var(--ink-rgb), .28);--ease-spring: cubic-bezier(.34, 1.4, .5, 1);--ease-out: cubic-bezier(.22, 1, .36, 1);--dur: .5s;--font-display: ui-rounded, "SF Pro Rounded", "Nunito", system-ui, sans-serif;--font-body: system-ui, -apple-system, "Segoe UI", Roboto, Helvetica, Arial, sans-serif;--maxw: 1120px;--nav-h: 64px;color-scheme:light}:root[data-theme=dark]{--bg: #0f1014;--surface: #2a2c33;--icon-canvas: #15161c;--glass-rim: rgba(255, 255, 255, .12);--ink: #edebe7;--ink-2: #95938f;--accent: #7b82e0;--conflict: #e27277;--cell-border: #4a4c54;--box-sep: #7a7c84;--ok-green: #2ecb9a;--link: #9ba1ec;--ink-rgb: 237, 235, 231;--accent-rgb: 123, 130, 224;--sh-float: 0 16px 48px -16px rgba(0, 0, 0, .6);color-scheme:dark}@media(prefers-color-scheme:dark){:root:not([data-theme=light]){--bg: #0f1014;--surface: #2a2c33;--icon-canvas: #15161c;--glass-rim: rgba(255, 255, 255, .12);--ink: #edebe7;--ink-2: #95938f;--accent: #7b82e0;--conflict: #e27277;--cell-border: #4a4c54;--box-sep: #7a7c84;--ok-green: #2ecb9a;--link: #9ba1ec;--ink-rgb: 237, 235, 231;--accent-rgb: 123, 130, 224;--sh-float: 0 16px 48px -16px rgba(0, 0, 0, .6);color-scheme:dark}}*,*:before,*:after{box-sizing:border-box}*{margin:0}html{-webkit-text-size-adjust:100%;scroll-behavior:smooth}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}body{font-family:var(--font-body);background:var(--bg);color:var(--ink);line-height:1.6;font-size:17px;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;overflow-x:hidden;transition:background-color .4s var(--ease-out),color .4s var(--ease-out)}body:before{content:"";position:fixed;inset:0;z-index:-1;pointer-events:none;background:radial-gradient(36% 26% at 4% 6%,color-mix(in srgb,var(--c3) 16%,transparent),transparent 62%),radial-gradient(34% 26% at 97% 10%,color-mix(in srgb,var(--c8) 14%,transparent),transparent 62%),radial-gradient(40% 30% at 95% 95%,color-mix(in srgb,var(--c4) 14%,transparent),transparent 62%),radial-gradient(36% 28% at 5% 96%,color-mix(in srgb,var(--c2) 13%,transparent),transparent 62%);filter:blur(18px)}:root[data-theme=dark] body:before,:root:not([data-theme=light]) body:before{opacity:.6}img,svg{display:block;max-width:100%}a{color:var(--link);text-decoration:none}a:hover{text-decoration:underline}.prose a,.callout a,.faq .ans a,main p a{text-decoration:underline;text-underline-offset:2px;text-decoration-thickness:1px}.prose a:hover,.callout a:hover,.faq .ans a:hover,main p a:hover{text-decoration-thickness:2px}:focus-visible{outline:3px solid var(--accent);outline-offset:3px;border-radius:4px}h1,h2,h3,h4{font-family:var(--font-display);font-weight:800;line-height:1.1;letter-spacing:-.02em;text-wrap:balance}p{text-wrap:pretty}.wrap{width:100%;max-width:var(--maxw);margin-inline:auto;padding-inline:var(--s5)}.section{padding-block:clamp(56px,9vw,112px);position:relative}.section--tight{padding-block:clamp(40px,6vw,72px)}.eyebrow{font-family:var(--font-display);font-weight:800;font-size:.8rem;letter-spacing:.12em;text-transform:uppercase;color:var(--accent);margin-bottom:var(--s3)}.section h2{font-size:clamp(1.9rem,4.2vw,2.8rem)}.section .lead{font-size:clamp(1.05rem,2vw,1.2rem);color:var(--ink-2);max-width:60ch}.dotfield{position:absolute;inset:0;overflow:hidden;pointer-events:none;z-index:0}.dotfield i{position:absolute;border-radius:50%;opacity:.16;filter:blur(34px)}:root[data-theme=dark] .dotfield i,:root:not([data-theme=light]) .dotfield i{opacity:.2}.section>.wrap{position:relative;z-index:1}.btn{display:inline-flex;align-items:center;gap:var(--s2);font-family:var(--font-display);font-weight:800;font-size:1rem;padding:14px 26px;border-radius:var(--r-pill);border:1.5px solid transparent;cursor:pointer;transition:transform .2s var(--ease-spring),box-shadow .25s var(--ease-out),background-color .25s,border-color .25s,color .25s;text-decoration:none;line-height:1;white-space:nowrap}.btn:hover{text-decoration:none;transform:translateY(-2px)}.btn:active{transform:translateY(0) scale(.98)}.btn--primary{background:var(--accent-strong);color:var(--on-accent);box-shadow:var(--sh-card)}.btn--primary:hover{box-shadow:0 10px 28px -8px rgba(var(--accent-rgb),.6)}.btn--ghost{background:transparent;color:var(--ink);border-color:var(--cell-border)}.btn--ghost:hover{border-color:var(--accent);color:var(--accent)}.appstore{display:inline-flex;align-items:center;gap:12px;background:var(--ink);color:var(--bg);padding:11px 20px 11px 18px;border-radius:14px;font-family:var(--font-display);text-decoration:none;transition:transform .2s var(--ease-spring),opacity .2s,box-shadow .25s;box-shadow:var(--sh-card)}.appstore:hover{transform:translateY(-2px);text-decoration:none}.appstore svg{width:26px;height:26px;fill:var(--bg);flex:none}.appstore .as-top{display:block;font-size:.72rem;opacity:.85;font-weight:600;line-height:1.2}.appstore .as-bot{display:block;font-size:1.15rem;font-weight:800;line-height:1.1;letter-spacing:-.01em}.appstore[data-state=soon]{cursor:default}.appstore[data-state=soon]:hover{transform:none}.soon-pill{display:inline-flex;align-items:center;gap:8px;font-family:var(--font-display);font-weight:800;font-size:.82rem;color:var(--accent);background:rgba(var(--accent-rgb),.12);padding:7px 14px;border-radius:var(--r-pill)}.soon-pill:before{content:"";width:8px;height:8px;border-radius:50%;background:var(--accent)}.nav{position:sticky;top:0;z-index:50;height:var(--nav-h);display:flex;align-items:center;backdrop-filter:saturate(180%) blur(14px);-webkit-backdrop-filter:saturate(180%) blur(14px);background:color-mix(in srgb,var(--bg) 78%,transparent);border-bottom:1px solid transparent;transition:border-color .3s,background-color .3s}.nav.is-stuck{border-bottom-color:var(--cell-border)}.nav .wrap{display:flex;align-items:center;justify-content:space-between;gap:var(--s4);width:100%}.nav-links{display:flex;align-items:center;gap:var(--s5)}.nav-links a{color:var(--ink-2);font-weight:600;font-size:.95rem}.nav-links a:hover{color:var(--ink);text-decoration:none}.nav-actions{display:flex;align-items:center;gap:var(--s3)}.wordmark{font-family:var(--font-display);font-weight:900;letter-spacing:-.04em;line-height:1;display:inline-flex;text-decoration:none}.wordmark span:nth-child(1){color:var(--c7)}.wordmark span:nth-child(2){color:var(--c3)}.wordmark span:nth-child(3){color:var(--c4)}.wordmark span:nth-child(4){color:var(--c2)}.wordmark span:nth-child(5){color:var(--c8)}.wordmark--nav{font-size:1.6rem}.wordmark:hover{text-decoration:none}.icon-btn{width:40px;height:40px;display:grid;place-items:center;border-radius:var(--r-pill);border:1.5px solid var(--cell-border);background:var(--surface);color:var(--ink);cursor:pointer;transition:border-color .2s,transform .2s var(--ease-spring),background-color .3s}.icon-btn:hover{border-color:var(--accent);transform:translateY(-1px)}.icon-btn svg{width:20px;height:20px;stroke:currentColor;fill:none;stroke-width:2}.icon-btn .sun{display:none}.icon-btn .moon{display:block}:root[data-theme=dark] .icon-btn .sun,:root:not([data-theme=light]) .icon-btn .sun{display:block}:root[data-theme=dark] .icon-btn .moon,:root:not([data-theme=light]) .icon-btn .moon{display:none}.menu-btn{display:none}.drawer{position:fixed;inset:var(--nav-h) 0 auto 0;z-index:49;background:var(--surface);border-bottom:1px solid var(--cell-border);padding:var(--s4) var(--s5) var(--s6);transform:translateY(-120%);transition:transform .35s var(--ease-out);display:flex;flex-direction:column;gap:var(--s2);box-shadow:var(--sh-card)}.drawer.open{transform:translateY(0)}.drawer a{color:var(--ink);font-family:var(--font-display);font-weight:700;font-size:1.1rem;padding:12px 4px;border-bottom:1px solid var(--cell-border)}.drawer a:last-child{border-bottom:none}.hero{padding-top:clamp(40px,7vw,80px);padding-bottom:clamp(48px,8vw,96px);position:relative;overflow:hidden}.hero-grid{display:grid;grid-template-columns:1.05fr .95fr;gap:clamp(32px,5vw,72px);align-items:center}.hero h1{font-size:clamp(2.5rem,6.2vw,4.3rem);margin-bottom:var(--s4)}.hero h1 .tag-rainbow{display:block}.hero .sub{font-size:clamp(1.1rem,2.3vw,1.35rem);color:var(--ink-2);max-width:32ch;margin-bottom:var(--s6)}.hero-cta{display:flex;flex-wrap:wrap;align-items:center;gap:var(--s4);margin-bottom:0}.hero-trust{display:flex;flex-wrap:wrap;gap:var(--s2) var(--s5);color:var(--ink-2);font-size:.92rem;font-weight:600}.hero-trust span{display:inline-flex;align-items:center;gap:8px}.hero-trust span:before{content:"";width:16px;height:16px;border-radius:5px;background:var(--mk, var(--c4));flex:none}.hero-art{display:grid;place-items:center}.board-stage{position:relative;width:min(440px,86vw)}.board-card{background:var(--surface);border-radius:28px;padding:clamp(16px,3.5vw,26px);box-shadow:var(--sh-float);border:1px solid var(--cell-border)}.board{display:grid;grid-template-columns:repeat(3,1fr);gap:clamp(5px,1.4vw,9px);aspect-ratio:1;width:100%}.board .box{display:grid;grid-template-columns:repeat(3,1fr);gap:2px}.board .cell{position:relative;aspect-ratio:1;border-radius:var(--r-cell);display:grid;place-items:center}.cell .tile{position:absolute;inset:15%;border-radius:24%;background:var(--fill);transform:scale(0);transition:transform .45s var(--ease-spring)}.cell.filled.shown .tile{transform:scale(1)}.cell.player .tile{box-shadow:inset 0 0 0 1.5px #ffffff57}.cell.empty{box-shadow:inset 0 0 0 1px color-mix(in srgb,var(--box-sep) 45%,transparent);border-radius:var(--r-cell)}.cell.sel{box-shadow:inset 0 0 0 2px var(--accent);background:rgba(var(--accent-rgb),.16)}.cell .pencil{position:absolute;inset:0;display:flex;flex-wrap:wrap;gap:3px;align-items:center;justify-content:center;padding:22%}.cell .pencil i{width:26%;aspect-ratio:1;border-radius:2px;min-width:5px}.cell .glyph{position:relative;width:38%;height:38%;z-index:2;opacity:0;transform:scale(.6);transition:opacity .4s var(--ease-out),transform .4s var(--ease-spring)}.cell .glyph svg{width:100%;height:100%}.board.pattern .cell.filled.shown .glyph{opacity:1;transform:scale(1)}.cell .glyph{color:#fff}.cell[data-v="2"] .glyph,.cell[data-v="3"] .glyph,.cell[data-v="5"] .glyph,.cell[data-v="8"] .glyph,.cell[data-v="9"] .glyph{color:#000}@keyframes bloomPulse{0%{transform:scale(1)}45%{transform:scale(1.09)}to{transform:scale(1)}}.board.bloom .cell.filled .tile{animation:bloomPulse .55s var(--ease-out) both;animation-delay:var(--bd, 0s)}.board-tools{display:flex;justify-content:center;gap:var(--s3);margin-top:clamp(30px,4.5vh,48px);flex-wrap:wrap;position:relative;z-index:3}.chip-toggle{display:inline-flex;align-items:center;gap:8px;font-family:var(--font-display);font-weight:700;font-size:.9rem;padding:9px 16px;border-radius:var(--r-pill);border:1.5px solid var(--cell-border);background:var(--surface);color:var(--ink-2);cursor:pointer;transition:all .2s var(--ease-out);box-shadow:var(--sh-subtle)}.chip-toggle:hover{border-color:var(--accent);color:var(--ink)}.chip-toggle[aria-pressed=true]{background:rgba(var(--accent-rgb),.14);color:var(--accent);border-color:transparent}.chip-toggle svg{width:16px;height:16px}.cb-tag{position:absolute;top:-14px;right:-8px;z-index:3;background:var(--c4-deep);color:#fff;font-family:var(--font-display);font-weight:800;font-size:.78rem;padding:8px 14px;border-radius:var(--r-pill);box-shadow:var(--sh-card);display:inline-flex;align-items:center;gap:6px;transform:rotate(3deg)}.cb-tag svg{width:15px;height:15px;fill:#fff}.prose .palette-row{display:grid;grid-template-columns:repeat(9,1fr);gap:clamp(5px,1.2vw,12px);justify-content:stretch}.prose .palette-row .swatch{--sz: auto;width:100%;height:auto;aspect-ratio:1}.hero-art{position:relative;display:grid;place-items:center}.phone{position:relative;width:clamp(266px,31vw,326px)}.phone-glow{position:absolute;inset:-10% -8%;z-index:0;pointer-events:none;background:radial-gradient(58% 46% at 50% 40%,color-mix(in srgb,var(--c3) 24%,transparent),transparent 70%),radial-gradient(52% 50% at 72% 78%,color-mix(in srgb,var(--c8) 20%,transparent),transparent 72%);filter:blur(36px)}.phone-body{position:relative;z-index:1;aspect-ratio:9 / 18.9;background:linear-gradient(158deg,#1c1d22,#2a2c33);border-radius:46px;padding:11px;box-shadow:0 34px 60px -32px #00000080,inset 0 0 0 2px #ffffff0d}.phone-screen{position:relative;width:100%;height:100%;overflow:hidden;background:var(--bg);border-radius:36px;display:flex;flex-direction:column;gap:0;padding:12px 10px 20px}.phone-screen:before{content:"";position:absolute;inset:0;z-index:0;pointer-events:none;background:radial-gradient(42% 30% at 20% 12%,color-mix(in srgb,var(--c3) 42%,transparent),transparent 72%),radial-gradient(38% 28% at 86% 22%,color-mix(in srgb,var(--c8) 36%,transparent),transparent 74%),radial-gradient(46% 32% at 82% 86%,color-mix(in srgb,var(--c4) 34%,transparent),transparent 74%),radial-gradient(38% 28% at 14% 84%,color-mix(in srgb,var(--c2) 30%,transparent),transparent 74%),radial-gradient(30% 24% at 50% 50%,color-mix(in srgb,var(--c6) 20%,transparent),transparent 74%);filter:blur(6px) saturate(115%)}:root[data-theme=dark] .phone-screen:before,:root:not([data-theme=light]) .phone-screen:before{opacity:.6}.phone-screen>*{position:relative;z-index:1}.app-statusbar{display:flex;align-items:center;justify-content:space-between;padding:3px 17px 0;min-height:16px}.sb-time{font-family:var(--font-body);font-weight:680;font-size:.8rem;color:var(--ink);letter-spacing:.01em;line-height:1}.sb-icons{display:flex;align-items:center;gap:5px;color:var(--ink)}.sb-ic{height:11px;width:auto;display:block}.sb-batt{position:relative;width:22px;height:11px;display:grid;place-items:center;border:1px solid color-mix(in srgb,var(--ink) 38%,transparent);border-radius:3px}.sb-batt:after{content:"";position:absolute;right:-3px;top:50%;transform:translateY(-50%);width:2px;height:4px;border-radius:0 2px 2px 0;background:color-mix(in srgb,var(--ink) 38%,transparent)}.sb-batt-fill{position:absolute;inset:1.5px;border-radius:1.5px;background:#34c759}.sb-bolt{position:relative;z-index:1;width:8px;height:8px}.app-topbar{position:relative;display:flex;align-items:center;gap:8px;margin-top:14px}.app-title{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);white-space:nowrap;font-family:var(--font-body);font-weight:500;font-size:.8rem;letter-spacing:-.01em;color:var(--ink)}.app-topbar-actions{margin-left:auto;display:flex;gap:6px}.app-iconbtn{width:33px;height:33px;flex:none;border-radius:50%;background:color-mix(in srgb,var(--surface) 86%,transparent);color:var(--ink-2);backdrop-filter:blur(10px) saturate(150%);-webkit-backdrop-filter:blur(10px) saturate(150%);display:grid;place-items:center;box-shadow:inset 0 .6px 0 var(--glass-rim),inset 0 0 0 .5px color-mix(in srgb,var(--ink) 7%,transparent),0 5px 12px -5px rgba(var(--ink-rgb),.4)}.app-iconbtn svg{width:17px;height:17px;stroke:currentColor;fill:none;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}.app-iconbtn svg.dots{fill:currentColor;stroke:none}.app-board{margin:32px 0 0;border:1px solid var(--box-sep);border-radius:14px;padding:15px 8px;background:var(--surface);box-shadow:0 14px 28px -18px rgba(var(--ink-rgb),.5),inset 0 0 0 .5px var(--glass-rim)}.app-board .board{gap:1px;background:var(--box-sep)}.app-board .board .box{gap:.5px;background:var(--cell-border)}.app-board .cell{background:var(--surface);border-radius:0}.app-board .cell.empty{box-shadow:none}.app-board .cell.sel{box-shadow:inset 0 0 0 2px var(--accent)}.app-board .cell .glyph{width:44%;height:44%}.app-board .cell[data-v="1"] .glyph,.app-palette .swatch[data-v="1"] svg{width:60%;height:60%}.app-board .cell[data-v="2"] .glyph,.app-palette .swatch[data-v="2"] svg{width:43%;height:43%}.app-board .cell[data-v="3"] .glyph,.app-palette .swatch[data-v="3"] svg{width:47%;height:47%}.app-board .cell[data-v="4"] .glyph,.app-palette .swatch[data-v="4"] svg{width:56%;height:56%}.app-board .cell[data-v="5"] .glyph,.app-palette .swatch[data-v="5"] svg{width:41%;height:41%}.app-board .cell[data-v="6"] .glyph,.app-palette .swatch[data-v="6"] svg{width:37%;height:37%}.app-board .cell[data-v="7"] .glyph,.app-palette .swatch[data-v="7"] svg{width:53%;height:53%}.app-board .cell[data-v="8"] .glyph,.app-palette .swatch[data-v="8"] svg{width:40%;height:40%}.app-board .cell[data-v="9"] .glyph,.app-palette .swatch[data-v="9"] svg{width:39%;height:39%}.app-actions{display:flex;gap:6px;margin:22px 0 0}.app-action{flex:1;display:inline-flex;align-items:center;justify-content:center;gap:5px;background:color-mix(in srgb,var(--surface) 86%,transparent);border-radius:999px;padding:12px 8px;backdrop-filter:blur(10px) saturate(150%);-webkit-backdrop-filter:blur(10px) saturate(150%);font-family:ui-rounded,var(--font-display),system-ui,sans-serif;font-weight:700;font-size:.72rem;color:var(--ink);box-shadow:inset 0 .6px 0 var(--glass-rim),inset 0 0 0 .5px color-mix(in srgb,var(--ink) 7%,transparent),0 6px 14px -8px rgba(var(--ink-rgb),.36)}.app-action svg{width:16px;height:16px;stroke:currentColor;fill:none;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}.app-action.is-off{opacity:.4}.app-action b{display:inline-grid;place-items:center;min-width:15px;height:15px;padding:0 3px;border-radius:999px;background:var(--accent-strong);color:#fff;font-size:.58rem;line-height:1}.app-palette{margin-top:44px}.app-palette .palette-row{display:grid;grid-template-columns:repeat(5,1fr);gap:6px}.app-palette .swatch{--sz: auto;width:100%;height:auto;aspect-ratio:1;border-radius:15px;box-shadow:inset 0 0 0 .5px var(--glass-rim),0 3px 8px -6px rgba(var(--ink-rgb),.3)}.app-palette .swatch:hover{transform:none;box-shadow:inset 0 0 0 .5px var(--glass-rim),0 3px 8px -6px rgba(var(--ink-rgb),.3)}.app-palette .swatch .name{display:none}.app-palette .swatch svg{width:44%;height:44%;opacity:0;transition:opacity .3s var(--ease-out)}.app-palette .palette-row.pattern .swatch svg{opacity:1}.app-palette .swatch .count{position:absolute;top:4px;right:4px;min-width:15px;height:15px;padding:0 3px;display:grid;place-items:center;border-radius:999px;background:var(--surface);color:var(--ink);border:1px solid var(--cell-border);font-family:var(--font-display);font-weight:800;font-size:.55rem;line-height:1}.palette-eraser{border-radius:12px;aspect-ratio:1;background:var(--surface);border:1.5px solid var(--cell-border);display:grid;place-items:center;color:var(--ink-2)}.palette-eraser svg{width:44%;height:44%}.app-difficulty{display:block;text-align:right;margin-top:5px;font-family:ui-rounded,var(--font-display),system-ui,sans-serif;font-size:.64rem;font-weight:700;color:var(--ink-2)}.feat-grid{list-style:none;padding:0;margin:var(--s6) 0 0;display:grid;grid-template-columns:1fr 1fr;gap:var(--s4) var(--s5)}.feat{display:flex;align-items:center;gap:11px}.feat-ic{width:36px;height:36px;flex:none;border-radius:11px;display:grid;place-items:center;background:color-mix(in srgb,var(--mk, var(--accent)) 15%,var(--surface))}.feat-ic svg{width:19px;height:19px;stroke:var(--mk, var(--accent));fill:none;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}.feat-label{font-family:var(--font-display);font-weight:700;font-size:.95rem;line-height:1.2;color:var(--ink)}.chip-toggle .pt-off,.chip-toggle[aria-pressed=true] .pt-on{display:none}.chip-toggle[aria-pressed=true] .pt-off{display:inline}.palette-row{display:flex;flex-wrap:wrap;gap:var(--s3);justify-content:center}.swatch{--sz: clamp(58px, 11vw, 84px);width:var(--sz);height:var(--sz);border-radius:var(--r-swatch);background:var(--fill);position:relative;box-shadow:var(--sh-subtle);display:grid;place-items:center;transition:transform .25s var(--ease-spring),box-shadow .25s}.swatch:hover{transform:translateY(-4px);box-shadow:var(--sh-card)}.swatch svg{width:36%;height:36%;color:#fff}.swatch[data-v="2"] svg,.swatch[data-v="3"] svg,.swatch[data-v="5"] svg,.swatch[data-v="8"] svg,.swatch[data-v="9"] svg{color:#000}.swatch .name{position:absolute;bottom:-24px;left:50%;transform:translate(-50%);font-size:.72rem;color:var(--ink-2);white-space:nowrap;font-weight:600;opacity:0;transition:opacity .2s}.swatch:hover .name{opacity:1}.feature-split{display:grid;grid-template-columns:1fr 1fr;gap:clamp(32px,5vw,72px);align-items:center}.feature-split.rev .col-text{order:2}.cards{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:var(--s4)}.card{background:var(--surface);border:1px solid var(--cell-border);border-radius:var(--r-card);padding:var(--s6);transition:transform .3s var(--ease-out),box-shadow .3s,border-color .3s}.card:hover{transform:translateY(-4px);box-shadow:var(--sh-card)}.card .ic{width:46px;height:46px;border-radius:13px;display:grid;place-items:center;margin-bottom:var(--s4);background:color-mix(in srgb,var(--mk, var(--accent)) 16%,var(--surface))}.card .ic svg{width:24px;height:24px;stroke:var(--mk, var(--accent));fill:none;stroke-width:2}.card h3{font-size:1.2rem;margin-bottom:var(--s2)}.card p{color:var(--ink-2);font-size:.97rem}.bullet-list{list-style:none;padding:0;display:grid;gap:var(--s4);margin-top:var(--s5)}.bullet-list li{display:flex;gap:var(--s3);align-items:flex-start}.bullet-list .b-ic{width:30px;height:30px;flex:none;border-radius:9px;display:grid;place-items:center;background:color-mix(in srgb,var(--mk, var(--accent)) 18%,var(--surface));margin-top:2px}.bullet-list .b-ic svg{width:17px;height:17px;stroke:var(--mk, var(--accent));fill:none;stroke-width:2.2}.bullet-list strong{font-family:var(--font-display);display:block}.bullet-list span{color:var(--ink-2);font-size:.95rem}.device{background:var(--icon-canvas);border-radius:36px;padding:18px;border:1px solid var(--cell-border);box-shadow:var(--sh-float);position:relative;width:min(340px,82vw);margin-inline:auto}.device:before{content:"";position:absolute;top:14px;left:50%;transform:translate(-50%);width:90px;height:22px;background:var(--ink);border-radius:var(--r-pill);opacity:.9}.pro{background:var(--icon-canvas);border-radius:clamp(20px,4vw,40px);overflow:hidden;position:relative}.pro-inner{display:grid;grid-template-columns:1fr 1fr;gap:clamp(28px,4vw,56px);align-items:center;padding:clamp(32px,5vw,64px)}.price-card{background:var(--surface);border-radius:var(--r-card);padding:var(--s7);box-shadow:var(--sh-card);border:1px solid var(--cell-border);text-align:center}.price-card .price{font-family:var(--font-display);font-weight:900;font-size:clamp(2.6rem,7vw,3.6rem);letter-spacing:-.03em}.price-card .price small{font-size:1rem;color:var(--ink-2);font-weight:600}.price-card .once{color:var(--ok-green);font-weight:800;font-family:var(--font-display);margin-bottom:var(--s4)}.compare{display:grid;gap:var(--s2);margin-top:var(--s5);text-align:left}.compare li{display:flex;gap:10px;align-items:flex-start;font-size:.95rem}.compare svg{width:18px;height:18px;flex:none;margin-top:3px}.compare .free svg{color:var(--c4)}.compare .pro-i svg{color:var(--accent)}.tier-cols{display:grid;grid-template-columns:1fr 1fr;gap:var(--s4);margin-top:var(--s5)}.tier{background:var(--surface);border:1px solid var(--cell-border);border-radius:var(--r-card);padding:var(--s5)}.tier h4{font-size:1.05rem;margin-bottom:var(--s3);display:flex;align-items:center;gap:8px}.tier ul{list-style:none;padding:0;display:grid;gap:10px}.tier li{font-size:.92rem;color:var(--ink-2);display:flex;gap:8px;align-items:flex-start}.tier li:before{content:"";width:7px;height:7px;border-radius:50%;background:var(--mk, var(--accent));margin-top:8px;flex:none}.faq{display:grid;gap:var(--s3);max-width:780px;margin-inline:auto}.faq details{background:var(--surface);border:1px solid var(--cell-border);border-radius:var(--r-swatch);padding:4px var(--s5);transition:border-color .2s;box-shadow:inset 0 0 0 .5px var(--glass-rim),0 6px 18px -14px rgba(var(--ink-rgb),.22)}.faq details[open]{border-color:color-mix(in srgb,var(--accent) 40%,var(--cell-border))}.faq summary{cursor:pointer;list-style:none;padding:var(--s4) 0;font-family:var(--font-display);font-weight:700;font-size:1.05rem;display:flex;justify-content:space-between;align-items:center;gap:var(--s4)}.faq summary::-webkit-details-marker{display:none}.faq summary:after{content:"+";font-size:1.5rem;color:var(--accent);transition:transform .25s var(--ease-spring);line-height:1}.faq details[open] summary:after{transform:rotate(45deg)}.faq .ans{padding:0 0 var(--s4);color:var(--ink-2)}.faq .ans a{font-weight:600}.cta-band{text-align:center}.cta-band h2{font-size:clamp(2rem,5vw,3rem);margin-bottom:var(--s4)}.cta-band .wordmark{font-size:clamp(3rem,11vw,6rem);margin-bottom:var(--s5)}.nav-text-link{color:var(--ink-2);font-weight:600;font-size:.95rem}.nav-text-link:hover{color:var(--ink);text-decoration:none}.lander{position:relative;min-height:calc(100svh - var(--nav-h));display:grid;align-items:center;padding-block:clamp(24px,4vh,56px);overflow:hidden}.lander-grid{display:grid;grid-template-columns:1.02fr .98fr;gap:clamp(32px,5vw,80px);align-items:center}.lead-col h1{font-size:clamp(2.6rem,5.6vw,4.4rem);line-height:1.02;letter-spacing:-.03em;margin-bottom:var(--s4)}.lead-col .sub{font-size:clamp(1.05rem,1.8vw,1.25rem);color:var(--ink-2);max-width:38ch;margin-bottom:var(--s6)}.chips{list-style:none;padding:0;display:flex;flex-wrap:wrap;gap:9px;margin:var(--s5) 0 var(--s6)}.chip{display:inline-flex;align-items:center;gap:9px;background:var(--surface);border:1px solid var(--cell-border);border-radius:var(--r-pill);padding:8px 15px 8px 11px;font-size:.9rem;font-weight:600;box-shadow:var(--sh-subtle)}.chip i{width:15px;height:15px;border-radius:5px;flex:none}.price-line{color:var(--ink-2);font-size:.95rem;margin-top:var(--s4);max-width:46ch}.price-line strong{color:var(--ink);font-family:var(--font-display)}.ribbon{background:var(--icon-canvas);border-top:1px solid var(--cell-border)}.ribbon-grid{display:grid;grid-template-columns:auto 1fr;gap:clamp(28px,5vw,64px);align-items:center;padding-block:clamp(32px,5vw,56px)}.ribbon-palette .palette-row{justify-content:flex-start;gap:10px}.ribbon-palette .swatch{--sz: clamp(44px, 5.2vw, 60px)}.ribbon-palette .swatch .name{display:none}.ribbon-copy h2{font-size:clamp(1.5rem,3vw,2rem);margin-bottom:var(--s3)}.ribbon-copy p{color:var(--ink-2);max-width:62ch}.ribbon-copy p+p{margin-top:var(--s3)}.ribbon-tiers strong{color:var(--ink);font-family:var(--font-display)}.ribbon-links{margin-top:var(--s4);font-weight:600}@media(max-width:920px){.lander-grid{grid-template-columns:1fr;text-align:center}.lead-col .sub{margin-inline:auto}.hero-cta{justify-content:center}.feat-grid{max-width:440px;margin-inline:auto;text-align:left}.hero-art{order:-1}.ribbon-grid{grid-template-columns:1fr;text-align:center}.ribbon-palette .palette-row{justify-content:center}}@media(max-width:430px){.feat-grid{grid-template-columns:1fr;max-width:320px}}@media(max-width:600px){.lander{padding-block:var(--s4)}.phone{width:clamp(214px,60vw,264px)}.phone-body{box-shadow:0 22px 40px -26px #00000073,inset 0 0 0 2px #ffffff0d}.board-tools{margin-top:var(--s5)}}@media(max-width:560px){.nav-text-link{display:none}}.footer{border-top:1px solid var(--cell-border);padding-block:var(--s6);background:var(--bg)}.footer-row{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:var(--s4) var(--s6)}.footer-links{display:flex;flex-wrap:wrap;gap:var(--s3) var(--s5)}.footer-links a{color:var(--ink-2);font-weight:600;font-size:.92rem}.footer-links a:hover{color:var(--accent)}.footer-meta{display:flex;flex-direction:column;gap:3px;align-items:flex-end;color:var(--ink-2);font-size:.84rem}.no-track{display:inline-flex;align-items:center;gap:7px;color:var(--ink-2)}.no-track:before{content:"";width:8px;height:8px;border-radius:50%;background:var(--c4)}@media(max-width:600px){.footer-row{flex-direction:column;align-items:flex-start}.footer-meta{align-items:flex-start}}.prose-head{padding-top:var(--s8);padding-bottom:var(--s5)}.prose-head h1{font-size:clamp(2.2rem,5vw,3.2rem)}.prose-head .updated{color:var(--ink-2);margin-top:var(--s3);font-size:.95rem}.prose{max-width:760px;margin-inline:auto;padding-bottom:var(--s9)}.prose h2{font-size:1.5rem;margin-top:var(--s8);margin-bottom:var(--s3);scroll-margin-top:84px}.prose h3{font-size:1.15rem;margin-top:var(--s6);margin-bottom:var(--s2)}.prose p,.prose li{color:var(--ink);font-size:1.02rem}.prose p+p{margin-top:var(--s4)}.prose ul,.prose ol{padding-left:1.3em;display:grid;gap:var(--s2);margin-top:var(--s3)}.prose .callout{background:var(--surface);border:1px solid var(--cell-border);border-left:4px solid var(--accent);border-radius:var(--r-swatch);padding:var(--s5);margin:var(--s5) 0;box-shadow:inset 0 0 0 .5px var(--glass-rim),0 8px 22px -16px rgba(var(--ink-rgb),.24)}.prose .callout.good{border-left-color:var(--c4)}.prose .callout p{color:var(--ink-2)}.prose .toc{background:var(--surface);border:1px solid var(--cell-border);border-radius:var(--r-card);padding:var(--s5) var(--s6);margin-bottom:var(--s7)}.prose .toc h2{margin:0 0 var(--s3);font-size:1.1rem}.prose .toc ol{columns:2;gap:var(--s5);margin:0}.prose .toc a{font-size:.95rem}.prose dl{display:grid;gap:var(--s3);margin-top:var(--s4)}.prose dt{font-family:var(--font-display);font-weight:700}.prose dd{margin:0;color:var(--ink-2)}.data-table{width:100%;border-collapse:collapse;margin-top:var(--s4);font-size:.95rem}.data-table th,.data-table td{text-align:left;padding:12px 14px;border-bottom:1px solid var(--cell-border);vertical-align:top}.data-table th{font-family:var(--font-display)}.data-table tr:last-child td{border-bottom:none}.press-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(160px,1fr));gap:var(--s5);margin-top:var(--s4)}.press-asset{background:var(--surface);border:1px solid var(--cell-border);border-radius:var(--r-card);padding:var(--s5);margin:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:var(--s3);text-align:center;box-shadow:inset 0 0 0 .5px var(--glass-rim),0 8px 22px -16px rgba(var(--ink-rgb),.24)}.press-asset img{display:block}.press-asset figcaption{font-size:.85rem;color:var(--ink-2);line-height:1.6}.backlink{display:inline-flex;align-items:center;gap:8px;color:var(--ink-2);font-weight:600;font-size:.92rem;margin-bottom:var(--s4)}.backlink:hover{color:var(--accent);text-decoration:none}.backlink svg{width:16px;height:16px}.reveal{opacity:0;transform:translateY(22px);transition:opacity .7s var(--ease-out),transform .7s var(--ease-out)}.reveal.in{opacity:1;transform:none}.feature.reveal{opacity:1;transform:none;transition:none}.feature.reveal .feature-copy,.feature.reveal .feature-shot{opacity:0;transform:translateY(48px);transition:opacity .9s var(--ease-out),transform .9s var(--ease-out)}.feature.reveal.in .feature-copy{opacity:1;transform:none}.feature.reveal.in .feature-shot{opacity:1;transform:none;transition-delay:.14s}.feature-grid{display:grid;grid-template-columns:1.05fr .95fr;gap:clamp(36px,6vw,88px);align-items:center}.feature--flip .feature-grid{grid-template-columns:.95fr 1.05fr}.feature--flip .feature-grid .feature-copy{order:2}.feature--flip{background:color-mix(in srgb,var(--surface) 55%,transparent)}.feature h2{font-size:clamp(1.7rem,3.6vw,2.5rem);margin-bottom:var(--s4)}.feature .lead{font-size:clamp(1.05rem,1.7vw,1.18rem);line-height:1.55}.feature-note{margin-top:var(--s4);font-family:var(--font-display);font-weight:800;font-size:.95rem;color:var(--ok-green)}.feature-link{margin-top:var(--s3);font-weight:700}.feature-link a{text-decoration:underline;text-underline-offset:3px;text-decoration-thickness:1px}.feature-shot{display:grid;place-items:center;position:relative}.shot-frame{position:relative;width:clamp(232px,30vw,296px);background:linear-gradient(158deg,#1c1d22,#2a2c33);border-radius:44px;padding:10px;box-shadow:var(--sh-float),inset 0 0 0 2px #ffffff0d}.shot-frame:before{content:"";position:absolute;inset:-14% -10% -10%;z-index:-1;pointer-events:none;background:radial-gradient(60% 50% at 50% 40%,color-mix(in srgb,var(--mk, var(--accent)) 26%,transparent),transparent 70%);filter:blur(30px)}.shot-frame img{width:100%;height:auto;border-radius:34px;display:block}.feature:nth-of-type(1) .shot-frame{--mk: var(--c3)}.feature--closer .shot-frame{--mk: var(--c4)}.feature--closer .feature-closer{display:grid;grid-template-columns:.95fr 1.05fr;gap:clamp(36px,6vw,88px);align-items:center}.closer-cta{margin-top:var(--s6)}.closer-tagline{margin-top:var(--s5);font-family:var(--font-display);font-weight:800;font-size:clamp(1.15rem,2vw,1.45rem);letter-spacing:-.01em;color:var(--ink-2)}@media(max-width:920px){.hero-grid{grid-template-columns:1fr;text-align:center}.hero .sub{max-width:46ch;margin-inline:auto}.hero-cta,.hero-trust{justify-content:center}.hero-art{order:-1}.feature-split{grid-template-columns:1fr}.feature-split.rev .col-text{order:0}.feature-grid,.feature--flip .feature-grid,.feature--closer .feature-closer{grid-template-columns:1fr;text-align:center;gap:var(--s7)}.feature--flip .feature-grid .feature-copy{order:0}.feature--closer .feature-closer .feature-shot{order:2}.feature .lead{margin-inline:auto}.closer-cta{justify-content:center}.pro-inner{grid-template-columns:1fr}.footer-grid{grid-template-columns:1fr 1fr}}@media(max-width:720px){.nav-links{display:none}.menu-btn{display:grid}.nav-actions .appstore-mini{display:none}.tier-cols{grid-template-columns:1fr}.prose .toc ol{columns:1}}@media(max-width:480px){body{font-size:16px}.footer-grid{grid-template-columns:1fr;gap:var(--s5)}.hero-cta{flex-direction:column;align-items:stretch}.hero-cta .btn,.hero-cta .appstore{justify-content:center}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.001ms!important;animation-iteration-count:1!important;transition-duration:.001ms!important}.reveal{opacity:1;transform:none}.feature.reveal .feature-copy,.feature.reveal .feature-shot{opacity:1;transform:none;transition:none}.cell .tile{transition:none}}@media print{.nav,.drawer,.footer,.backlink,.dotfield{display:none}body{background:#fff;color:#000}.prose{max-width:none}}