.landing{--gap-section:clamp(72px, 10vw, 128px);overflow-x:clip}.section{padding-top:var(--gap-section)}.section-head{gap:14px;max-width:62ch;margin-bottom:clamp(32px,4.5vw,52px);display:grid}.hero{grid-template-columns:minmax(0,1.1fr) minmax(0,1fr);align-items:center;gap:clamp(28px,4vw,56px);padding-top:clamp(28px,5vw,64px);display:grid}.hero-copy{justify-items:start;gap:22px;display:grid}.hero-title{text-wrap:balance;font-size:clamp(2.6rem,5vw,4rem);line-height:1.04}.hero-line{display:block}.hero-hi{color:inherit}.hero-sub{max-width:48ch}.hero-ctas{flex-wrap:wrap;gap:12px;margin-top:4px;display:flex}.hero-copy .ca{margin-top:4px}.hero-demo{gap:22px;margin:0;display:grid;container-type:inline-size}.hero-stage{justify-items:center;gap:22px;display:grid;position:relative}.hero-bubble{width:100%;max-width:420px;min-height:4.6em}.hero-bubble.bubble[data-side]:after{top:-9px;left:50%;translate:-50%;rotate:135deg}.hero-slip{justify-self:center;width:min(100%,420px)}@container (min-width:470px){.hero-stage{display:block}.hero-stage .device{--w:320px;margin-inline:0}.hero-bubble{z-index:1;width:auto;max-width:236px;min-height:6.6em;position:absolute;top:-34px;left:286px;right:-24px}.hero-bubble.bubble[data-side]:after{top:22px;left:-9px;translate:none;rotate:45deg}.hero-bubble p{min-height:4.2em}.hero-slip{justify-self:start;margin-left:8px}}.hero-demo-bar{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px 16px;display:flex}.hero-demo-note{color:var(--muted);max-width:40ch;font-size:.86rem}.hero-demo-ctrls{gap:8px;display:inline-flex}.demo-btn{min-height:44px;font-family:var(--f-pixel), monospace;border:2px solid color-mix(in srgb, var(--ink) 30%, transparent);cursor:pointer;background:0 0;border-radius:10px;align-items:center;gap:8px;padding:0 14px;font-size:.75rem;font-weight:700;transition-property:border-color,background-color;transition-duration:.15s;display:inline-flex}.demo-btn:hover{border-color:var(--ink);background:color-mix(in srgb, var(--ink) 5%, transparent)}.lcd-clock{font-variant-numeric:tabular-nums}.swap{animation:swap-in .24s var(--ease-out) both}@keyframes swap-in{0%{opacity:0;transform:translateY(6px)}}.slip{background:var(--card);border:2px solid var(--ink);box-shadow:var(--shadow-sm);font-family:var(--f-lcd), monospace;border-top-style:dashed;border-radius:4px 4px 10px 10px;gap:6px;padding:12px 16px 14px;font-size:1.3rem;line-height:1.05;display:grid;position:relative}.slip:before{content:"";background:radial-gradient(circle, var(--line) 1px, transparent 1.4px) 0 0 / 8px 2px repeat-x;height:2px;position:absolute;inset:6px 10px auto}.slip-meta{color:var(--muted);font-variant-numeric:tabular-nums;margin-top:4px;font-size:1rem}.slip-trade{font-variant-numeric:tabular-nums;overflow-wrap:anywhere}.slip-tag{border-top:1px dashed var(--line);align-items:center;gap:8px;padding-top:8px;display:inline-flex}.slip-tag svg{flex:none}.moods-scroll{border-radius:18px}.moods-row{--cell-h:152px;grid-template-columns:repeat(5,minmax(0,1fr));margin:0;padding:0 12px;list-style:none;display:grid;position:relative}.moods-row:before{content:"";height:var(--cell-h);border:3px solid var(--ink);background-color:var(--lcd);background-image:linear-gradient(color-mix(in srgb, var(--lcd-ink) 7%, transparent) 1px, transparent 1px), linear-gradient(90deg, color-mix(in srgb, var(--lcd-ink) 7%, transparent) 1px, transparent 1px);box-shadow:inset 0 0 0 3px color-mix(in srgb, var(--lcd-ink) 18%, transparent), inset 5px 6px 0 color-mix(in srgb, var(--lcd-ink) 12%, transparent), var(--shadow);background-size:5px 5px;border-radius:18px;position:absolute;inset:0 0 auto}.mood{grid-template-rows:var(--cell-h) auto;text-align:center;justify-items:center;display:grid;position:relative}.mood-cell{color:var(--lcd-ink);align-content:center;justify-items:center;gap:4px;display:grid}.mood-name{font-family:var(--f-lcd), monospace;text-transform:uppercase;font-size:1.35rem;line-height:1}.mood+.mood .mood-cell{border-left:2px dotted color-mix(in srgb, var(--lcd-ink) 25%, transparent)}.mood-cell{width:100%;height:100%}.mood-cause{color:var(--muted);text-wrap:pretty;max-width:18ch;padding:18px 8px 0;font-size:.92rem;line-height:1.4}@media (max-width:900px){.moods-scroll{scroll-snap-type:x mandatory;scrollbar-width:none;margin-inline:calc(var(--gutter) * -1);padding-inline:var(--gutter);scroll-padding-inline:var(--gutter);-webkit-mask-image:linear-gradient(90deg, transparent, #000 var(--gutter), #000 calc(100% - 48px), transparent);mask-image:linear-gradient(90deg, transparent, #000 var(--gutter), #000 calc(100% - 48px), transparent);overflow-x:auto}.moods-scroll::-webkit-scrollbar{display:none}.moods-row{width:max-content;padding:0;display:flex}.mood{scroll-snap-align:start;flex:none;width:150px;padding-inline:6px}.moods-scroll:focus-visible{outline-offset:-3px}}.timeline{grid-template-columns:repeat(5,minmax(0,1fr));gap:24px;margin:0;padding:0;list-style:none;display:grid}.tl-step{align-content:start;gap:18px;display:grid;position:relative}.tl-num{z-index:1;font-family:var(--f-pixel), monospace;background:var(--paper);font-variant-numeric:tabular-nums;justify-self:start;padding-right:14px;font-size:clamp(2.6rem,4.4vw,3.6rem);font-weight:700;line-height:1;position:relative}.tl-step:not(:last-child):after{content:"";border-top:3px dashed var(--ink);position:absolute;top:calc(clamp(2.6rem,4.4vw,3.6rem)/2);left:0;right:-32px}.tl-text{gap:8px;max-width:30ch;display:grid}.tl-text h3{font-size:1.1rem}.tl-text p{color:var(--muted)}@media (max-width:760px){.timeline{grid-template-columns:1fr;gap:36px}.tl-step{grid-template-columns:4.2rem 1fr;gap:18px}.tl-num{justify-self:center;padding:0 0 8px;font-size:2.6rem}.tl-step:not(:last-child):after{border-top:0;border-left:3px dashed var(--ink);inset:3.2rem auto -30px 2.1rem}.tl-text{padding-top:6px}}.transcript{gap:44px;max-width:780px;margin:0 auto;padding:0;list-style:none;display:grid}.exchange{gap:14px;display:grid}.exchange+.exchange{border-top:1px solid var(--line);padding-top:44px}.ex-you{justify-self:end;justify-items:end;gap:6px;width:min(100%,400px);display:grid}.ex-you .slip{width:100%}.ex-who{font-family:var(--f-pixel), monospace;color:var(--muted);font-size:.7rem}.ex-pet{align-items:flex-start;gap:16px;display:flex}.avatar{background:var(--lcd);border:2px solid var(--ink);width:56px;height:56px;box-shadow:inset 0 0 0 2px color-mix(in srgb, var(--lcd-ink) 18%, transparent);border-radius:14px;flex:none;place-items:center;display:grid}.ex-pet .bubble{max-width:46ch;margin-top:4px}.stats{grid-template-columns:repeat(3,minmax(0,1fr));margin:0;display:grid}.stat{flex-direction:column;gap:12px;min-width:0;padding:6px clamp(16px,3vw,40px);display:flex}.stat:first-child{padding-left:0}.stat+.stat{border-left:1px solid var(--ink)}.stat dt{font-family:var(--f-pixel), monospace;text-transform:uppercase;letter-spacing:.04em;color:var(--muted);font-size:.78rem}.stat dd{margin:0}.stat-num{font-family:var(--f-body), system-ui, sans-serif;letter-spacing:-.02em;font-variant-numeric:tabular-nums;font-size:clamp(1.8rem,3vw,2.5rem);font-weight:800;line-height:1}.stat-unit{font-family:var(--f-pixel), monospace;font-size:.95rem}.stat-note{color:var(--muted);margin-top:8px;font-size:.86rem;display:block}.hunger{gap:18px;margin:clamp(48px,6vw,72px) 0 0;display:grid}.hunger-grid{display:flex}.hunger-col{flex:var(--span) 1 0;grid-template-rows:auto auto auto 1fr;min-width:0;display:grid}.hunger-pet{background:var(--lcd);border:2px solid var(--ink);border-radius:14px;justify-self:start;place-items:center;width:60px;height:60px;margin:0 0 12px 12px;display:grid}.hunger-seg{border-block:2px solid var(--ink);border-right:2px solid var(--ink);height:46px;font-family:var(--f-pixel), monospace;align-items:center;padding-inline:14px;font-size:.9rem;font-weight:700;display:flex}.hunger-col:first-child .hunger-seg{border-left:2px solid var(--ink);background:var(--shell);border-radius:12px 0 0 12px}.hunger-col[data-stage="1"] .hunger-seg{background:var(--button)}.hunger-col[data-stage="2"] .hunger-seg{background:repeating-linear-gradient(-45deg, color-mix(in srgb, var(--lcd-dim) 55%, var(--paper)) 0 6px, var(--paper) 6px 12px);border-right:0;border-radius:0;-webkit-mask-image:linear-gradient(90deg,#000 55%,#0000);mask-image:linear-gradient(90deg,#000 55%,#0000)}.hunger-when{font-family:var(--f-lcd), monospace;font-variant-numeric:tabular-nums;margin-top:12px;padding-left:14px;font-size:1.25rem}.hunger-body{color:var(--muted);max-width:30ch;padding:4px 14px 0;font-size:.94rem}.newborn{font-family:var(--f-pixel), monospace;margin-top:32px;font-size:.9rem}@media (max-width:720px){.stats{grid-template-columns:1fr}.stat{padding:20px 0}.stat+.stat{border-left:0;border-top:1px solid var(--ink)}.hunger-grid{flex-direction:column;gap:0}.hunger-col{grid-template-rows:auto;grid-template-columns:60px 1fr;align-items:start;column-gap:16px;padding-bottom:20px;position:relative}.hunger-pet{grid-row:span 3;margin:0}.hunger-seg,.hunger-col:first-child .hunger-seg,.hunger-col[data-stage="2"] .hunger-seg{border:2px solid var(--ink);border-radius:10px;height:36px;-webkit-mask-image:none;mask-image:none}.hunger-when{margin-top:8px;padding-left:0}.hunger-body{padding:2px 0 0}}.safety{grid-template-columns:repeat(2,minmax(0,1fr));column-gap:clamp(32px,6vw,80px);margin:0;padding:0;list-style:none;display:grid}.safe{border-top:2px dashed color-mix(in srgb, var(--ink) 35%, transparent);grid-template-columns:26px 1fr;gap:18px;padding-block:28px;display:grid}.safe:nth-last-child(-n+2){border-bottom:2px dashed color-mix(in srgb, var(--ink) 35%, transparent)}.safe-icon{color:var(--shell-dark);margin-top:2px}.safe h3{margin-bottom:6px}.safe p{color:var(--muted);max-width:44ch}@media (max-width:720px){.safety{grid-template-columns:1fr}.safe:nth-last-child(-n+2){border-bottom:0}.safe:last-child{border-bottom:2px dashed color-mix(in srgb, var(--ink) 35%, transparent)}}.cta-band{margin-top:var(--gap-section);background:var(--shell);border-block:2px solid var(--ink)}.cta-inner{grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:40px;padding-block:clamp(48px,7vw,80px);display:grid}.cta-copy{justify-items:start;gap:18px;display:grid}.cta-copy h2{max-width:22ch}.cta-copy p{font-size:1.1rem}.cta-band .device{margin:0}.cta-band .device-shell{background:radial-gradient(120% 90% at 50% 110%, var(--shell-dark), var(--shell-light) 70%)}.landing+.footer{margin-top:0}@media (max-width:960px){.hero{grid-template-columns:1fr}.hero-demo{width:100%;max-width:560px;margin-inline:auto}}@media (max-width:640px){.hero-stage .device{--w:250px}.hero-ctas .btn{flex:auto}.ex-you{width:100%}.ex-pet{gap:12px}.avatar{width:48px;height:48px}.cta-inner{grid-template-columns:1fr;justify-items:start}.cta-band .device{--w:170px;justify-self:center}}@media (prefers-reduced-motion:reduce){.swap{animation:none}.demo-btn{transition:none}}.rewards-body{grid-template-columns:1.2fr 1fr;gap:20px;margin-top:24px;display:grid}.rewards-rules{background:var(--card);border:2px solid var(--ink);border-radius:16px;gap:10px;margin:0;padding:22px 22px 22px 40px;font-size:1.05rem;display:grid}.rewards-board{background:var(--card);border:2px solid var(--ink);border-radius:16px;padding:22px}.rewards-empty{color:var(--muted);margin:14px 0 0}@media (max-width:760px){.rewards-body{grid-template-columns:1fr}}.tl-num{font-family:var(--f-body), system-ui, sans-serif;letter-spacing:-.03em;font-weight:800}.board-rows{gap:8px;margin:12px 0 0;padding:0;list-style:none;display:grid}.board-row{font-variant-numeric:tabular-nums;grid-template-columns:2ch 1fr auto;align-items:baseline;gap:12px;display:grid}.board-rank{font-weight:800}.board-wallet{color:var(--muted);margin-left:6px;font-size:.9em}.board-pnl{color:var(--profit);font-weight:800}.live-section{margin-top:clamp(28px,4vw,48px)}.live-stats{background:var(--card);border:2px solid var(--ink);box-shadow:var(--shadow-sm);border-radius:18px;padding:20px 22px}.live-head{align-items:center;gap:8px;margin:0 0 14px;font-weight:800;display:flex}.live-dot{background:var(--profit);width:10px;height:10px;box-shadow:0 0 0 4px color-mix(in srgb, var(--profit) 20%, transparent);border-radius:50%;animation:1.6s ease-in-out infinite live-pulse}.live-dot.off{background:var(--muted);box-shadow:none;animation:none}@keyframes live-pulse{50%{opacity:.35}}@media (prefers-reduced-motion:reduce){.live-dot{animation:none}}.live-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:14px 20px;margin:0;display:grid}.live-cell{border-top:1px dashed var(--line);padding-top:10px}.live-cell dt{color:var(--muted);font-size:.85rem}.live-cell dd{letter-spacing:-.02em;font-variant-numeric:tabular-nums;margin:4px 0 0;font-size:clamp(1.2rem,2vw,1.6rem);font-weight:800}@media (max-width:760px){.live-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}.scoring{grid-template-columns:1.4fr 1fr;align-items:start;gap:20px;display:grid}.scoring-list{grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;margin:0;display:grid}.scoring-item{background:var(--card);border:2px solid var(--ink);border-radius:14px;padding:16px 18px}.scoring-item dt{font-weight:800}.scoring-item dd{color:var(--muted);margin:6px 0 0}.scoring-example{background:var(--lcd);border:2px solid var(--ink);font-family:var(--f-lcd), monospace;color:var(--lcd-ink);border-radius:14px;padding:18px 20px;font-size:1.25rem}.scoring-example table{border-collapse:collapse;width:100%;margin-top:8px}.scoring-example td{border-bottom:1px dashed var(--lcd-dim);padding:6px 0}.scoring-example td:last-child{text-align:right}.scoring-example tr.total td{border-bottom:0;padding-top:10px;font-weight:700}@media (max-width:860px){.scoring,.scoring-list{grid-template-columns:1fr}}
