@import"https://fonts.googleapis.com/css2?family=Patrick+Hand&family=Space+Grotesk:wght@400;500;700&display=swap";@import"https://unpkg.com/@phosphor-icons/web@2/src/regular/style.css";@import"https://unpkg.com/@phosphor-icons/web@2/src/duotone/style.css";:root{--bg: #f3eadb;--paper: #fff8f0;--paper-strong: #fffdf9;--surface: rgba(255, 250, 244, .82);--surface-strong: rgba(255, 252, 247, .86);--surface-soft: rgba(255, 255, 255, .55);--surface-chip: rgba(255, 248, 240, .78);--surface-pill: rgba(255, 248, 240, .86);--ink: #302d2a;--muted: #655d56;--accent: #d78c6a;--accent-dark: #bf7252;--sage: #b8c9a8;--line: rgba(111, 92, 72, .12);--shadow: 0 24px 60px rgba(79, 58, 35, .12);--bg-glow-warm: rgba(215, 140, 106, .08);--bg-glow-cool: rgba(184, 201, 168, .1);--hero-glow: rgba(206, 157, 124, .12);--dot-color: rgba(111, 92, 72, .1);--dot-grid: radial-gradient(circle, var(--dot-color) 1px, transparent 1px);--tile-bg: #F5F5F0;--tile-border: #c8c4bc;--tile-shadow: rgba(79, 58, 35, .18);--pip-color: #1a1a1a;--divider-color: #b0aaa0;--felt-bg: #104005;--felt-bg-dark: #082502;--felt-vignette: rgba(0, 0, 0, .35)}body[data-theme=dark]{--bg: #161b0f;--paper: #1f2418;--paper-strong: #2a2f20;--surface: rgba(35, 42, 26, .88);--surface-strong: rgba(42, 47, 32, .92);--surface-soft: rgba(52, 58, 40, .72);--surface-chip: rgba(42, 47, 32, .86);--surface-pill: rgba(42, 47, 32, .88);--ink: #f4ede4;--muted: #c4b8aa;--accent: #e1916f;--accent-dark: #f0b091;--sage: #8da27e;--line: rgba(255, 244, 232, .12);--shadow: 0 24px 60px rgba(0, 0, 0, .32);--bg-glow-warm: rgba(164, 107, 81, .08);--bg-glow-cool: rgba(110, 128, 99, .07);--hero-glow: rgba(150, 103, 80, .1);--dot-color: rgba(255, 244, 232, .08);--dot-grid: radial-gradient(circle, var(--dot-color) 1px, transparent 1px);--tile-bg: #2a2723;--tile-border: #444038;--tile-shadow: rgba(0, 0, 0, .4);--pip-color: #f0ebe0;--divider-color: #555045;--felt-bg: #0a2e04;--felt-bg-dark: #051a02;--felt-vignette: rgba(0, 0, 0, .5)}body[data-theme=dark] .phone,body[data-theme=dark] .phone-frame,body[data-theme=dark] .tablet-frame{background:linear-gradient(180deg,#4d5246,#353a2e)}body[data-tiles=invert] .domino,body[data-tiles=invert] .dh-tile{--tile-bg: #2a2723;--tile-border: #444038;--pip-color: #f0ebe0;--divider-color: #555045}body[data-tiles=invert][data-theme=dark] .domino,body[data-tiles=invert][data-theme=dark] .dh-tile{--tile-bg: #F5F5F0;--tile-border: #c8c4bc;--pip-color: #1a1a1a;--divider-color: #b0aaa0}*{margin:0;padding:0;box-sizing:border-box}body{font-family:Space Grotesk,sans-serif;color:var(--ink);background:radial-gradient(circle at top left,var(--bg-glow-warm),transparent 32%),radial-gradient(circle at bottom right,var(--bg-glow-cool),transparent 28%),var(--bg);line-height:1.55;transition:background .25s ease,color .25s ease}img{display:block;max-width:100%}a{color:inherit;text-decoration:none}.container{width:min(1120px,calc(100% - 32px));margin:0 auto}.site-header{padding:24px 0 12px}.nav{display:flex;align-items:center;justify-content:space-between;gap:16px}.brand{display:flex;align-items:center;gap:12px;font-weight:700;letter-spacing:.08em;text-transform:uppercase}.brand-mark{width:42px;height:42px;border-radius:14px;object-fit:cover;border:1px solid rgba(215,140,106,.25);box-shadow:0 10px 24px #7b563914;display:block}.header-badge{padding:10px 16px;border-radius:999px;background:var(--surface-pill);border:1px solid var(--line);color:var(--muted);font-size:.92rem}.header-actions{display:flex;align-items:center;gap:12px;flex-wrap:wrap}.theme-toggle{appearance:none;-webkit-appearance:none;-moz-appearance:none;width:44px;height:44px;padding:0;border-radius:50%;border:0;background:var(--surface-pill);box-shadow:none;outline:none;color:var(--ink);font:inherit;font-size:1.25rem;display:inline-flex;align-items:center;justify-content:center;cursor:pointer;transition:background .2s ease,border-color .2s ease,transform .18s ease}.theme-toggle:hover{transform:rotate(-12deg)}.theme-toggle:focus,.theme-toggle:focus-visible,.theme-toggle::-moz-focus-inner{border:0;outline:none;box-shadow:none}.hero{padding:34px 0 80px}.hero-col{display:flex;flex-direction:column;align-items:center;text-align:center}.eyebrow{display:inline-flex;align-items:center;gap:10px;padding:10px 16px;border-radius:999px;background:var(--surface-pill);border:1px solid var(--line);color:var(--accent-dark);font-family:Patrick Hand,cursive;font-size:.88rem;font-weight:400;text-transform:uppercase;letter-spacing:.08em}.flag-row{display:flex;flex-wrap:wrap;justify-content:center;gap:6px;margin-top:18px}.flag-row img{width:24px;height:24px;border-radius:50%;box-shadow:0 1px 3px #00000026;display:block}.hero h1{margin-top:18px;font-family:Patrick Hand,cursive;font-size:clamp(3rem,7vw,5.6rem);line-height:.95;font-weight:400;letter-spacing:-.05em}.hero .tagline{margin-top:18px;font-family:Patrick Hand,cursive;font-size:clamp(1.1rem,2vw,1.4rem);color:var(--accent-dark);font-weight:400}.hero-content{margin-top:0}.hero-below{margin-top:32px}.hero p{margin-top:18px;max-width:620px;margin-left:auto;margin-right:auto;font-size:1.08rem;color:var(--muted)}.domino-board{display:flex;align-items:center;justify-content:center;margin-top:32px}.domino-row{display:flex;align-items:center;gap:10px}.domino{--tile-w: 72px;--tile-h: 144px;width:var(--tile-w);height:var(--tile-h);background:var(--tile-bg);border:2px solid var(--tile-border);border-radius:10px;display:flex;flex-direction:column;overflow:hidden;box-shadow:0 4px 12px var(--tile-shadow),inset 0 1px #ffffff26;position:relative}.domino.h{flex-direction:row;width:var(--tile-h);height:var(--tile-w)}.domino.v{flex-direction:column}.domino-half{flex:1;display:grid;grid-template-rows:repeat(3,1fr);grid-template-columns:repeat(3,1fr);padding:6px}.domino-divider{flex:0 0 2px;background:var(--divider-color)}.domino.h .domino-divider{flex:0 0 2px;align-self:stretch}.pip{width:10px;height:10px;border-radius:50%;background:var(--pip-color);align-self:center;justify-self:center}.domino.pose{--tile-w: 200px;--tile-h: 400px;border-radius:36px;border:2px solid var(--tile-border);background:linear-gradient(180deg,#2f2d2b,#151414);box-shadow:0 8px 28px var(--tile-shadow),inset 0 1px #ffffff14}body[data-theme=dark] .domino.pose{background:linear-gradient(180deg,#4d5246,#353a2e)}.phone-screen{flex:1;margin:8px;border-radius:22px;background:#111;border:2px solid rgba(255,255,255,.1);overflow:hidden}.phone-screen img{width:100%;height:100%;object-fit:cover;display:block}.cta-row{display:flex;flex-wrap:wrap;gap:14px;margin-top:28px;justify-content:center}.store-badges{display:flex;flex-wrap:wrap;gap:12px;align-items:center;justify-content:center;margin-top:24px}.store-badge img{height:48px;display:block}.store-badge-google img{height:70px;margin:-11px -12px}.cta{display:inline-flex;align-items:center;justify-content:center;min-height:54px;padding:0 24px;border-radius:999px;font-weight:700;transition:transform .18s ease,box-shadow .18s ease,background .18s ease}.cta.primary{background:var(--accent);color:#fff;box-shadow:0 16px 28px #bf725238}.cta.secondary{background:var(--surface-strong);border:1px solid var(--line);color:var(--ink)}.cta:hover{transform:translateY(-1px)}.hero-points{display:flex;flex-wrap:wrap;gap:12px;margin-top:22px}.hero-points span{padding:9px 14px;border-radius:999px;background:var(--surface-chip);border:1px solid var(--line);color:var(--muted);font-size:.92rem}.screen{overflow:hidden;border-radius:32px;border:2px solid rgba(255,255,255,.12);background:#111}section{padding:38px 0}.domino-section{display:flex;flex-wrap:wrap;background:var(--tile-bg);border:2px solid var(--tile-border);border-bottom:none;border-radius:16px;box-shadow:0 4px 16px var(--tile-shadow);overflow:visible}.ds-border-bottom{width:100%;display:flex;align-items:center;justify-content:center;gap:4px;padding:0 8px;transform:translateY(50%);margin-top:-20px}.ds-border-bottom .domino{flex-shrink:0;border-radius:3px;box-shadow:0 2px 4px var(--tile-shadow)}.ds-border-bottom .domino.h,.ds-border-bottom .domino.v{--tile-w: 24px;--tile-h: 48px}.ds-border-bottom .pip{width:4px;height:4px}.ds-border-bottom .domino-half{padding:2px}.ds-half{padding:36px}.ds-head{flex:0 0 320px;display:flex;flex-direction:column;justify-content:center}.ds-head h2{font-family:Patrick Hand,cursive;font-size:clamp(1.8rem,3vw,2.6rem);line-height:1.1;font-weight:400;margin-bottom:10px}.ds-head p{color:var(--muted);font-size:.95rem}.ds-divider{width:2px;align-self:stretch;background:var(--divider-color);flex-shrink:0}.ds-body{flex:1;min-width:0}.ds-compact{max-width:700px;margin-left:auto;margin-right:auto}.download-section{max-width:var(--max)}.download-section .ds-head{align-items:center;text-align:center}.download-body{display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;gap:20px}.download-actions{display:flex;flex-wrap:wrap;align-items:center;justify-content:center;gap:14px}.download-points{display:flex;flex-wrap:wrap;justify-content:center;gap:10px}.download-points span{display:inline-flex;align-items:center;gap:8px;padding:9px 12px;border:1px solid var(--line);border-radius:999px;background:var(--surface-chip);color:var(--muted);font-size:.92rem}.download-points i{color:var(--accent);font-size:1.05rem}@media(max-width:980px){.domino-section{flex-direction:column}.ds-head{flex:none}.ds-divider{width:auto;height:2px}}.step-carousel{position:relative;width:100%}.carousel-track{position:relative;min-height:380px}.carousel-slide{display:none;grid-template-columns:1fr 1fr;align-items:start;gap:24px;animation:slideFadeIn .35s ease}.carousel-slide.is-active{display:grid}@keyframes slideFadeIn{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:translateY(0)}}.slide-phone{display:flex;justify-content:center}.slide-phone .phone-frame{width:min(220px,100%)}.slide-text{display:flex;flex-direction:column;gap:8px}.slide-text h3{font-family:Patrick Hand,cursive;font-size:1.3rem;font-weight:400}.slide-text p{color:var(--muted);font-size:.95rem}.carousel-nav{display:flex;align-items:center;justify-content:center;gap:8px;margin-top:20px}.carousel-dot{appearance:none;-webkit-appearance:none;border:none;background:none;padding:4px;cursor:pointer;opacity:.4;transition:opacity .2s,transform .2s}.carousel-dot.is-active{opacity:1;transform:scale(1.15)}.carousel-dot:hover{opacity:.8}.domino.v.step-domino-mini{--tile-w: 22px;--tile-h: 44px;width:22px!important;height:44px!important;border-radius:3px;box-shadow:none;border-width:1px;pointer-events:none}.step-domino-mini .pip{width:3px;height:3px}.step-domino-mini .domino-half{padding:2px}.slide-prev,.slide-next{appearance:none;-webkit-appearance:none;border:1px solid var(--line);background:var(--surface-soft);color:var(--accent);width:32px;height:32px;border-radius:50%;font-size:1rem;cursor:pointer;display:grid;place-items:center;transition:background .2s,transform .18s}.slide-prev:hover{background:var(--surface-strong);transform:translate(-2px)}.slide-next:hover{background:var(--surface-strong);transform:translate(2px)}@media(max-width:600px){.carousel-slide{grid-template-columns:1fr;justify-items:center;text-align:center}.carousel-nav{gap:6px}.domino.v.step-domino-mini{--tile-w: 18px;--tile-h: 36px;width:18px!important;height:36px!important;border-radius:2px}.step-domino-mini .pip{width:2px;height:2px}.step-domino-mini .domino-half{padding:1px}.slide-prev,.slide-next{width:28px;height:28px;font-size:.85rem}}.workflow-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:18px}.workflow-step{display:flex;flex-direction:column;align-items:center;text-align:center;gap:12px}.workflow-step .phone-frame{width:100%}.workflow-step h3{font-family:Patrick Hand,cursive;font-size:1.05rem;font-weight:400}.workflow-step p{color:var(--muted);font-size:.9rem}.step-number{width:36px;height:36px;border-radius:50%;background:var(--accent);color:#fff;font-family:Patrick Hand,cursive;font-size:1.1rem;display:grid;place-items:center}.beginner-options{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px}.beginner-option{display:flex;flex-direction:column;align-items:center;text-align:center;gap:12px}.beginner-option h3{font-family:Patrick Hand,cursive;font-size:1.25rem;font-weight:400}.beginner-option p{color:var(--muted);font-size:.95rem}.screenshot-placeholder{aspect-ratio:9 / 16;width:min(220px,100%);display:grid;place-items:center;border:1px dashed var(--line);border-radius:24px;background:linear-gradient(180deg,rgba(255,255,255,.08),transparent),var(--surface-soft);color:var(--accent);box-shadow:inset 0 0 0 8px #ffffff0a}.screenshot-placeholder i{font-size:clamp(2.25rem,6vw,4rem)}@media(max-width:768px){.workflow-grid{grid-template-columns:repeat(2,1fr)}.beginner-options,.feature-grid-inner{grid-template-columns:1fr}}.section-head{max-width:none;margin-bottom:28px}.section-head h2{font-family:Patrick Hand,cursive;font-size:clamp(2rem,4vw,3.2rem);line-height:1;font-weight:400;margin-bottom:10px}.domino-heading{display:flex;flex-wrap:wrap;align-items:center;gap:5px;font-size:inherit;line-height:1}.dh-tile{display:inline-flex;align-items:center;justify-content:center;background:var(--tile-bg);border:1.5px solid var(--tile-border);border-radius:5px;box-shadow:0 2px 4px var(--tile-shadow);font-family:Patrick Hand,cursive;font-weight:400;color:var(--pip-color)}.dh-h{flex-direction:row;height:clamp(28px,3.5vw,38px)}.dh-v{flex-direction:column;width:clamp(28px,3.5vw,38px);height:clamp(48px,6vw,64px)}.dh-v .dh-half{padding:0;flex:1;display:inline-flex;align-items:center;justify-content:center;font-size:clamp(1.3rem,2.5vw,1.8rem)}.dh-posed{background:var(--accent);border-color:var(--accent-dark);color:#fff;box-shadow:0 0 12px #d78c6a4d,0 2px 4px var(--tile-shadow)}.dh-half{display:inline-flex;align-items:center;justify-content:center;padding:0 clamp(5px,1vw,10px);font-size:clamp(1rem,2vw,1.5rem);line-height:1}.dh-div{width:1.5px;align-self:stretch;background:var(--divider-color)}.dh-space{width:clamp(8px,1.5vw,16px)}.section-head p{color:var(--muted);font-size:1rem}.feature-grid{display:grid;grid-template-columns:1fr;gap:18px}.feature-card-wrap{padding:36px;border-radius:30px;background:var(--dot-grid),var(--surface);background-size:20px 20px,auto;border:1px solid var(--line);box-shadow:var(--shadow)}.feature-card-wrap .section-head{margin-bottom:22px}.feature-grid-inner{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}.feature-card{padding:20px 18px;text-align:center}.feature-icon{width:64px;height:64px;border-radius:18px;display:grid;place-items:center;background:#d78c6a29;color:var(--accent-dark);font-size:1.8rem;margin:0 auto 14px}.feature-card h3{font-family:Patrick Hand,cursive;font-size:1.1rem;font-weight:400;margin-bottom:8px}.feature-card p{color:var(--muted);font-size:.96rem}.showcase{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:18px}.shot-card{padding:18px;border-radius:28px;background:var(--surface-strong);border:1px solid var(--line);box-shadow:var(--shadow)}.shot-card h3{margin-top:16px;font-family:Patrick Hand,cursive;font-size:1rem;font-weight:400}.shot-card p{margin-top:8px;color:var(--muted);font-size:.92rem}.phone-frame{padding:10px;border-radius:34px;background:linear-gradient(180deg,#2d2a28,#171616);border:1px solid rgba(255,255,255,.08);box-shadow:0 22px 36px #34261c42}.phone-frame .screen{border-radius:26px;border-width:2px}.tablet-showcase{padding:36px;border-radius:30px;background:var(--dot-grid),var(--surface);background-size:20px 20px,auto;border:1px solid var(--line);box-shadow:var(--shadow)}.tablet-slideshow{position:relative;margin-top:28px;min-height:340px}.tablet-slide{display:none}.tablet-slide.is-active{display:block;animation:tabletFadeIn .4s ease}@keyframes tabletFadeIn{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}.tablet-pair{display:flex;align-items:flex-start;justify-content:center;position:relative}.tablet-frame{padding:8px;border-radius:16px;background:linear-gradient(180deg,#2d2a28,#171616);border:1px solid rgba(255,255,255,.08);box-shadow:0 22px 36px #34261c42;position:relative}.tablet-frame.landscape{width:58%;z-index:1}.tablet-frame.portrait{width:28%;margin-left:-40px;margin-top:60px;z-index:2}.tablet-frame .screen{border-radius:10px;border-width:2px}.tablet-frame img{width:100%;display:block}.tablet-slide-label{text-align:center;margin-top:18px;font-family:Patrick Hand,cursive;font-size:1.1rem;color:var(--muted)}.tablet-nav{display:flex;align-items:center;justify-content:center;gap:16px;margin-top:24px}.tablet-arrow{width:40px;height:40px;border-radius:50%;border:1px solid var(--line);background:var(--surface-soft);color:var(--ink);font-size:1.4rem;cursor:pointer;display:grid;place-items:center;transition:background .2s}.tablet-arrow:hover{background:var(--surface-strong)}.tablet-dots{display:flex;gap:8px}.tablet-dot{width:10px;height:10px;border-radius:50%;border:none;background:var(--line);cursor:pointer;transition:background .2s,transform .2s}.tablet-dot.is-active{background:var(--accent);transform:scale(1.3)}.compare-grid{padding:36px;border-radius:30px;background:var(--dot-grid),var(--surface-strong);background-size:20px 20px,auto;border:1px solid var(--line);box-shadow:var(--shadow);display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.15fr);gap:22px;align-items:start}.copy-panel,.gallery-panel{padding:0;border:0;background:transparent;box-shadow:none;min-width:0}.list{display:grid;gap:14px;margin-top:18px}.list-item{padding:14px 16px;border-radius:18px;background:var(--surface-soft);border:1px solid rgba(111,92,72,.08);cursor:pointer;transition:background .2s,border-color .2s}.list-item:hover{border-color:#6f5c4833}.list-item.is-active{background:var(--accent);color:#fff;border-color:var(--accent)}.list-item.is-active span{color:#fffc}.list-item strong{display:block;margin-bottom:4px}.list-item span{color:var(--muted);font-size:.94rem}.try-hint{color:var(--accent);font-style:italic}.try-badge{position:absolute;top:-18px;right:-18px;background:var(--accent);color:#fff;font-size:1.1rem;font-weight:700;padding:10px 20px;border-radius:20px;z-index:20;animation:badge-bounce 2s ease-in-out infinite;pointer-events:none}@keyframes badge-bounce{0%,to{transform:translateY(0) rotate(-6deg)}50%{transform:translateY(-4px) rotate(-6deg)}}.mock-phone{position:relative;width:min(320px,100%);margin:18px auto 0;--mock-ui-scale: 1.18;--cell-size: 14px;--cell-gap: 2px;--mock-shell: #f2ebda;--mock-top: #f2ebda;--mock-top-border: rgba(60, 60, 60, .08);--mock-card: #fafbf5;--mock-card-border: rgba(60, 60, 60, .08);--mock-text: #3c3c3c;--mock-subtle: #8b8177;--mock-fill: #f4f2e5;--mock-empty: #e7ddcf;--mock-level-1: #f5c6aa;--mock-level-2: #d4926e;--mock-level-3: #b5c9a8;--mock-level-4: #9ab68b}body[data-theme=dark] .mock-phone{--mock-shell: #181c10;--mock-top: #181c10;--mock-top-border: rgba(255, 255, 255, .08);--mock-card: #232818;--mock-card-border: rgba(255, 255, 255, .08);--mock-text: #e6ead6;--mock-subtle: #a9b39a;--mock-fill: #2c321f;--mock-empty: #424731;--mock-level-1: #8da27e;--mock-level-2: #c9a87c;--mock-level-3: #d4926e;--mock-level-4: #f0b091}.mock-app{position:relative;aspect-ratio:9 / 20;background:var(--mock-shell);color:var(--mock-text);border-radius:26px;overflow:hidden;font-family:Patrick Hand,cursive}.mock-app-top{padding:calc(14px * var(--mock-ui-scale)) calc(14px * var(--mock-ui-scale)) calc(10px * var(--mock-ui-scale));background:var(--mock-top);display:grid;gap:calc(10px * var(--mock-ui-scale))}.mock-app-title{display:flex;align-items:center;justify-content:flex-start;gap:calc(8px * var(--mock-ui-scale));min-height:calc(28px * var(--mock-ui-scale));font-family:Patrick Hand,cursive;font-size:calc(1rem * var(--mock-ui-scale));font-weight:400}.mock-app-back{color:var(--mock-subtle);font-size:calc(1.1rem * var(--mock-ui-scale))}.mock-toggle-row{display:flex;align-items:center;gap:calc(8px * var(--mock-ui-scale))}.mock-toggle-bar{flex:1;display:flex;gap:calc(4px * var(--mock-ui-scale));padding:calc(3px * var(--mock-ui-scale));border-radius:calc(10px * var(--mock-ui-scale));background:var(--mock-fill)}.mock-zoom-controls{display:flex;gap:calc(4px * var(--mock-ui-scale))}.mock-segment{padding:calc(7px * var(--mock-ui-scale)) calc(8px * var(--mock-ui-scale));border-radius:calc(8px * var(--mock-ui-scale));border:0;background:transparent;color:var(--mock-text);font:inherit;font-size:calc(.64rem * var(--mock-ui-scale));cursor:pointer;box-shadow:none;transition:background .18s ease,color .18s ease}.mock-segment.is-active{background:var(--accent);border-color:transparent;color:#fff}.mock-zoom{appearance:none;-webkit-appearance:none;-moz-appearance:none;width:calc(24px * var(--mock-ui-scale));height:calc(24px * var(--mock-ui-scale));border-radius:calc(6px * var(--mock-ui-scale));border:0;background:var(--mock-card);box-shadow:none;outline:none;color:var(--mock-subtle);font:inherit;font-size:calc(.9rem * var(--mock-ui-scale));line-height:1;cursor:pointer}.mock-scroll{height:calc(100% - 96px);overflow:auto;padding:calc(14px * var(--mock-ui-scale));cursor:grab;touch-action:none}.mock-scroll.is-dragging{cursor:grabbing;user-select:none}.mock-canvas{width:max-content;min-width:100%;display:grid}.mock-panel-title{display:flex;align-items:center;justify-content:space-between;gap:calc(12px * var(--mock-ui-scale));font-size:calc(.95rem * var(--mock-ui-scale));font-weight:600}.mock-panel-title span:last-child,.mock-month-label,.mock-week-label{color:var(--mock-subtle);font-size:calc(.84rem * var(--mock-ui-scale))}.mock-year-grid{display:flex;gap:var(--cell-gap);align-items:flex-start;overflow:hidden}.mock-year-column{display:grid;grid-template-rows:repeat(7,var(--cell-size));gap:var(--cell-gap)}.mock-year-column .mock-cell{width:var(--cell-size)}.mock-month-grid{display:grid;grid-template-columns:repeat(7,var(--cell-size));gap:var(--cell-gap);justify-content:center}.mock-week-grid{display:grid;grid-template-columns:repeat(7,minmax(0,1fr));gap:10px}.mock-yearly-board{width:max-content;min-width:100%}.mock-year-header-row,.mock-year-row{display:flex;align-items:center;line-height:1;margin-bottom:var(--cell-gap)}.mock-year-row:last-child{margin-bottom:0}.mock-year-side{width:calc(24px * var(--mock-ui-scale));flex:0 0 calc(24px * var(--mock-ui-scale));text-align:right;padding-right:calc(4px * var(--mock-ui-scale));color:var(--mock-subtle);font-size:calc(.62rem * var(--mock-ui-scale))}.mock-year-month-col{width:calc(var(--cell-size) + var(--cell-gap));flex:0 0 calc(var(--cell-size) + var(--cell-gap));display:flex;align-items:center;justify-content:center;height:calc(var(--cell-size) + var(--cell-gap));text-align:center;font-size:calc(.62rem * var(--mock-ui-scale));color:var(--mock-subtle)}.mock-year-year-col{width:calc((var(--cell-size) + var(--cell-gap)) * 12);flex:0 0 calc((var(--cell-size) + var(--cell-gap)) * 12);display:flex;align-items:center;height:calc(var(--cell-size) + var(--cell-gap));text-align:left;font-size:calc(.72rem * var(--mock-ui-scale));font-weight:700;color:var(--mock-subtle)}.mock-year-cells{display:flex;align-items:center}.mock-year-cells .mock-cell{margin-right:var(--cell-gap)}.mock-year-cells .mock-cell:last-child{margin-right:0}.mock-months-board{display:flex;gap:calc(20px * var(--mock-ui-scale));align-items:flex-start;width:max-content;min-width:100%}.mock-month-year{display:grid;gap:calc(12px * var(--mock-ui-scale));min-width:calc(138px * var(--mock-ui-scale))}.mock-month-year-title{font-size:calc(.78rem * var(--mock-ui-scale));font-weight:700;color:var(--mock-subtle)}.mock-month-card{display:grid;gap:calc(4px * var(--mock-ui-scale))}.mock-month-weekdays{display:grid;grid-template-columns:repeat(7,var(--cell-size));gap:var(--cell-gap);justify-content:start;font-size:calc(.52rem * var(--mock-ui-scale));color:var(--mock-subtle);text-align:center}.mock-weekly-board{display:flex;gap:calc(20px * var(--mock-ui-scale));align-items:flex-start;width:max-content;min-width:100%}.mock-week-year{display:grid;gap:0}.mock-week-year-title{font-size:calc(.78rem * var(--mock-ui-scale));font-weight:700;color:var(--mock-subtle)}.mock-week-head{display:flex;align-items:center;gap:var(--cell-gap);padding-left:calc(26px * var(--mock-ui-scale));font-size:calc(.54rem * var(--mock-ui-scale));color:var(--mock-subtle);text-transform:uppercase;letter-spacing:.04em}.mock-week-head span{width:var(--cell-size);text-align:center}.mock-week-row{display:flex;align-items:center;gap:var(--cell-gap);margin-bottom:var(--cell-gap);line-height:1}.mock-week-row:last-child{margin-bottom:0}.mock-week-num{width:calc(24px * var(--mock-ui-scale));text-align:right;color:var(--mock-subtle);font-size:calc(.6rem * var(--mock-ui-scale));padding-right:calc(3px * var(--mock-ui-scale));line-height:1}.mock-week-row .mock-cell{width:var(--cell-size);height:var(--cell-size);border-radius:3px}.mock-week-day{display:grid;justify-items:center;gap:calc(6px * var(--mock-ui-scale))}.mock-week-day-label{color:var(--mock-subtle);font-size:calc(.72rem * var(--mock-ui-scale));text-transform:uppercase;letter-spacing:.06em}.mock-cell{width:var(--cell-size);height:var(--cell-size);border-radius:3px;background:var(--mock-empty)}.mock-cell[data-level="1"]{background:var(--mock-level-1)}.mock-cell[data-level="2"]{background:var(--mock-level-2)}.mock-cell[data-level="3"]{background:var(--mock-level-3)}.mock-cell[data-level="4"]{background:var(--mock-level-4)}.mock-cell[data-date]{cursor:pointer;transition:opacity .12s ease}.mock-cell[data-date]:hover{opacity:.75}.mock-popup-overlay{display:none;position:absolute;inset:0;z-index:10;background:#00000059;border-radius:26px;justify-content:center;align-items:center}.mock-popup-overlay.is-visible{display:flex;animation:popupFadeIn .18s ease}@keyframes popupFadeIn{0%{opacity:0}to{opacity:1}}.mock-popup{background:var(--mock-card);border:1px solid var(--mock-card-border);border-radius:12px;padding:20px;min-width:180px;max-width:240px;box-shadow:0 16px 40px #00000040;text-align:center}.mock-popup-date{font-size:13px;font-weight:600;color:var(--mock-text)}.mock-popup-board{font-size:11px;color:var(--mock-subtle);margin-top:2px;margin-bottom:10px}.mock-popup-pixel{display:inline-flex;align-items:center;gap:6px}.mock-popup-swatch{width:14px;height:14px;border-radius:4px;flex-shrink:0}.mock-popup-label{font-size:12px;color:var(--mock-text)}.mock-popup-empty{font-size:12px;color:var(--mock-subtle)}.mock-week-day .mock-cell{width:var(--cell-size);height:var(--cell-size);border-radius:3px}.workflow-card{padding:36px;border-radius:30px;background:var(--dot-grid),var(--surface);background-size:20px 20px,auto;border:1px solid var(--line);box-shadow:var(--shadow)}.workflow-card .section-head{margin-bottom:22px}.workflow-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:18px}.workflow-step .phone-frame{margin-left:auto;margin-right:auto;margin-bottom:16px;max-width:220px}.step-number{width:42px;height:42px;border-radius:50%;display:grid;place-items:center;margin-bottom:14px;background:var(--sage);color:#fff;font-weight:700}.workflow-step h3,.footer-cta h2{font-family:Patrick Hand,cursive;font-weight:400}.workflow-step p,.step p{color:var(--muted);font-size:.95rem}.footer-cta{padding:36px;border-radius:34px;background:var(--dot-grid),var(--surface-strong);background-size:20px 20px,auto;border:1px solid var(--line);box-shadow:var(--shadow);text-align:center}.footer-cta p{max-width:640px;margin:12px auto 0;color:var(--muted)}footer{padding:28px 0 48px;text-align:center;color:var(--muted);font-size:.92rem}@media(max-width:980px){.compare-grid,.feature-grid-inner,.showcase,.workflow-grid{grid-template-columns:1fr}.tablet-pair{flex-direction:column;align-items:center;gap:20px}.tablet-frame.landscape{width:70%}.tablet-frame.portrait{width:45%}.gallery-grid{grid-template-columns:1fr 1fr}}.legal-section{flex-direction:column}.legal-section .ds-half{flex:1 1 auto;width:100%}.legal-body h3{font-family:Patrick Hand,cursive;font-size:1.4rem;margin:1.6rem 0 .4rem}.legal-body h3:first-child{margin-top:0}.legal-body p{margin:0 0 1rem;line-height:1.6}.legal-body ul{margin:0 0 1rem 1.25rem;padding:0}.legal-body li{margin-bottom:.4rem;line-height:1.6}.legal-body a{color:var(--accent-dark);text-decoration:underline}@media(max-width:640px){.container{width:min(100% - 48px,1120px)}.site-header{padding-top:18px}.nav{align-items:flex-start;flex-direction:column}.header-actions{width:100%}.hero{padding-top:16px}.domino{--tile-w: 48px;--tile-h: 96px}.domino.pose{--tile-w: 140px;--tile-h: 280px;border-radius:28px}.phone-screen{margin:6px;border-radius:18px}.pip{width:7px;height:7px}.cta-row,.hero-points{flex-direction:column;align-items:stretch}.compare-grid,.feature-card-wrap,.workflow-card,.tablet-showcase,.footer-cta{padding:20px}.compare-grid{gap:16px}.tablet-frame.landscape{width:85%}.tablet-frame.portrait{width:55%;margin-left:0;margin-top:0}}