:root{--page:#fbf6ec;--page-tint:#f2ecdd;--paper:#fffcf6;--ink:#22302e;--ink-soft:#4e5d59;--ink-faint:#66736f;--line:#22302e1f;--line-strong:#22302e38;--sage:#9abda9;--sage-soft:#dde9df;--sage-deep:#2f6b54;--cream:#f4efd5;--on-accent:#fbf8f0;--blue:#88afd3;--blue-deep:#3c6b96;--honey:#ebd07b;--coral:#ee7a62;--tint-sage:#dce9df;--tint-blue:#dde8f4;--tint-honey:#f8e8c1;--tint-coral:#fadfd7;--tint-plum:#e8e0f4;--tint-teal:#d6ede9;--tint-cream:#f5eed8;--shadow-soft:0 14px 34px #30372a17;--shadow-lift:0 22px 54px #30372a21;--hero-outer-bg:#ede4c7;--hero-inner-bg:var(--sage);--hero-outer-shadow:0 16px 38px #2630281f;--hero-inner-shadow:none;--hero-bezel-bg:linear-gradient(150deg, #2f4e58, #1e333a 30%, #1e333a 70%, #263f47);--hero-speaker-bg:#1e333a;--radius-frame:30px;--radius-card:20px;--radius-tile:16px;--page-pad:clamp(20px, 4vw, 52px);--max-width:1180px;--section-space:clamp(58px, 6.5vw, 96px)}@media (prefers-color-scheme:dark){:root{--page:#141f1d;--page-tint:#1a2725;--paper:#1f2d2a;--ink:#ece6d9;--ink-soft:#bcc4bf;--ink-faint:#98a29e;--line:#ece6d924;--line-strong:#ece6d942;--sage-soft:#253a31;--sage-deep:#8fc7ab;--cream:#48432c;--on-accent:#10201a;--shadow-soft:0 14px 34px #00000057;--shadow-lift:0 22px 54px #0006}}*,:before,:after{box-sizing:border-box}html{background:var(--page);scroll-padding-top:88px}body{background:radial-gradient(circle at 84% -4%, #9abda94d, transparent 30rem), radial-gradient(circle at 4% 12%, #f2c25c24, transparent 26rem), var(--page);color:var(--ink);font-family:var(--font-sans), -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;margin:0;font-size:16px;font-weight:420;line-height:1.58;overflow-x:clip}a{color:inherit;text-underline-offset:.18em;text-decoration-thickness:1px}button,a{-webkit-tap-highlight-color:transparent}button,input,select,textarea{color:inherit;font:inherit}img{border-style:none;max-width:100%;height:auto;display:block}h1,h2,h3,p,ul,ol,figure{margin:0}h1,h2,h3{letter-spacing:-.028em;text-wrap:balance;font-weight:800;line-height:1.06}h1{letter-spacing:-.035em;max-width:13ch;margin-bottom:18px;font-size:clamp(3rem,6vw,4.5rem)}h2{max-width:22ch;margin-bottom:14px;font-size:clamp(1.75rem,3.1vw,2.4rem)}h3{margin-bottom:6px;font-size:1.1rem;line-height:1.25}.sr-only{clip:rect(0, 0, 0, 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.skip-link{z-index:1000;background:var(--ink);color:var(--page);border-radius:12px;padding:12px 16px;transition:transform .16s;position:fixed;top:12px;left:12px;transform:translateY(-160%)}.skip-link:focus{transform:translateY(0)}:focus-visible{outline:3px solid var(--sage-deep);outline-offset:3px}.site-header{z-index:100;width:100%;min-height:70px;padding:10px var(--page-pad);background:color-mix(in srgb, var(--page) 86%, transparent);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);grid-template-columns:1fr auto 1fr;align-items:center;display:grid;position:sticky;top:0}.brand{letter-spacing:-.02em;justify-self:start;align-items:center;gap:11px;width:fit-content;min-height:44px;font-size:1.2rem;font-weight:800;text-decoration:none;display:inline-flex}.brand img{border-radius:12px;width:42px;height:42px;box-shadow:0 3px 10px #30372a29}.beta-pill{background:var(--sage-soft);color:var(--sage-deep);letter-spacing:.01em;border-radius:999px;padding:4px 10px;font-size:.72rem;font-weight:700}.site-header nav{justify-self:center;gap:26px;display:flex}.site-header nav a{color:var(--ink-soft);font-size:.93rem;font-weight:550;text-decoration:none}.site-header nav a:hover{color:var(--ink);text-decoration:underline}.site-header>.button{justify-self:end}.button{letter-spacing:-.005em;cursor:pointer;border:0;border-radius:999px;justify-content:center;align-items:center;gap:8px;padding:14px 22px;font-size:.98rem;font-weight:700;text-decoration:none;transition:transform .14s,box-shadow .14s,background-color .14s;display:inline-flex}.button.primary{background:var(--sage-deep);color:var(--on-accent);box-shadow:0 10px 24px #2f6b5442}.button.primary:hover{transform:translateY(-1px);box-shadow:0 14px 30px #2f6b5452}.button:active{transform:translateY(1px)}.button.compact{padding:9px 16px;font-size:.88rem}.button-arrow{font-size:.9em;transition:transform .14s}.button:hover .button-arrow{transform:translate(1px,-1px)}.text-link{color:var(--ink-soft);align-items:center;gap:6px;padding:12px 4px;font-weight:600;text-decoration:none;display:inline-flex}.text-link:hover{color:var(--sage-deep);text-decoration:underline}.section,.hero{width:min(100%, var(--max-width));padding-inline:var(--page-pad);margin:0 auto}.section{padding-block:calc(var(--section-space) * .5)}.section-head{max-width:46ch;margin-bottom:34px}.section-head p{color:var(--ink-soft);margin:0;font-size:1.06rem}.fine-print{color:var(--ink-faint);margin:0;font-size:.88rem;line-height:1.5}.fine-print a{color:var(--sage-deep);font-weight:600}.tile{aspect-ratio:1;border-radius:var(--radius-tile);background:var(--tint-sage);place-items:center;width:100%;display:grid}.tile.small{border-radius:12px;width:44px}.tile-emoji{-webkit-user-select:none;user-select:none;justify-content:center;align-items:center;font-size:clamp(2.1rem,3.2vw,2.5rem);line-height:1;display:flex}.tile.small .tile-emoji{font-size:1.25rem}.tile .object-art{width:72%;height:72%}.tile>.tile-symbol{width:52%;height:52%;color:var(--tile-symbol-color,var(--ink))}.tint-sage{background:var(--tint-sage);--tile-symbol-color:var(--sage-deep)}.tint-blue{background:var(--tint-blue);--tile-symbol-color:var(--blue-deep)}.tint-honey{background:var(--tint-honey);--tile-symbol-color:#80631f}.tint-coral{background:var(--tint-coral);--tile-symbol-color:#a54b3b}.tint-plum{background:var(--tint-plum);--tile-symbol-color:#70528f}.tint-teal{background:var(--tint-teal);--tile-symbol-color:#337972}.tint-cream{background:var(--tint-cream);--tile-symbol-color:#6b6034}.path{margin:0;font-size:.82rem;font-weight:600;line-height:2.2}.crumb{--nest-delay:0s;background:var(--paper);color:var(--ink-soft);animation:nest-path-cycle 17.5s linear var(--nest-delay) infinite;border-radius:999px;padding:6px 10px;font-size:.78rem;display:inline-block;position:relative;box-shadow:0 2px 8px #30372a14}.crumb+.crumb{margin-left:16px}.crumb+.crumb:before{content:"›";color:var(--ink-faint);font-weight:500;position:absolute;left:-12px}.crumb.here{background:var(--sage-deep);color:var(--on-accent)}.crumb:nth-child(2),.nest-room{--nest-delay:-14s}.crumb:nth-child(3),.nest-closet{--nest-delay:-10.5s}.crumb:nth-child(4),.nest-box{--nest-delay:-7s}.crumb:nth-child(5),.nest-thing{--nest-delay:-3.5s}@keyframes nest-path-cycle{0%,16%,to{background:var(--sage-deep);box-shadow:0 7px 18px color-mix(in srgb, var(--sage-deep) 24%, transparent);color:var(--on-accent);transform:translateY(-1px)}20%,96%{background:var(--paper);color:var(--ink-soft);transform:translateY(0);box-shadow:0 2px 8px #30372a14}}.hero{grid-template-columns:minmax(0,1.05fr) minmax(0,.95fr);grid-template-areas:"copy visual""recognition recognition";align-items:center;gap:clamp(22px,2.6vw,34px) clamp(28px,4vw,60px);padding-block:clamp(28px,5vw,60px) clamp(32px,4.5vw,54px);display:grid}.hero-copy{flex-direction:column;grid-area:copy;justify-content:space-between;padding-block:clamp(6px,1.2vw,16px);display:flex}.hero-copy h1{letter-spacing:-.038em;max-width:11ch;margin-bottom:clamp(22px,2.8vw,34px);font-size:clamp(3.6rem,6.8vw,5.4rem);line-height:1}.tagline{letter-spacing:-.022em;max-width:28ch;margin-bottom:clamp(22px,2.8vw,34px);font-size:clamp(1.32rem,2.2vw,1.7rem);font-weight:700;line-height:1.32}.hl{-webkit-box-decoration-break:clone;box-decoration-break:clone;border-radius:4px;margin:0 -.125em;padding:.05em .125em}.hl-sage{background:color-mix(in srgb, var(--sage) 45%, transparent);color:inherit}.hl-honey{background:color-mix(in srgb, var(--honey) 45%, transparent);color:inherit}@media (prefers-color-scheme:dark){.hl{background:0 0;border-radius:0;margin:0;padding:0}.hl-sage{color:#7ee0b0}.hl-honey{color:#f4d66f}}.hero-lede{max-width:44ch;color:var(--ink-soft);margin-bottom:clamp(26px,3.2vw,40px);font-size:clamp(1.06rem,1.2vw,1.16rem);line-height:1.62}.hero-actions{align-items:center;gap:14px;margin-bottom:clamp(20px,2.5vw,30px);display:flex}.recognition-band{border-block:1px solid var(--line);grid-area:recognition;width:100%;padding-block:clamp(18px,2vw,24px)}.recognition-band h2{max-width:none;color:var(--ink-soft);letter-spacing:-.012em;margin-bottom:clamp(16px,1.8vw,22px);font-size:clamp(1rem,1.25vw,1.12rem);font-weight:700;line-height:1.3}.recognition-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:18px clamp(24px,3vw,44px);margin:0;padding:0;list-style:none;display:grid}.recognition-grid li{min-width:0}.recognition-grid p{color:var(--ink-soft);margin:0;font-size:clamp(.91rem,1vw,.98rem);line-height:1.48}.recognition-hook{color:var(--ink);letter-spacing:-.012em;font-size:1.05em;font-weight:780}.recognition-hook-sage,.recognition-hook-honey{-webkit-box-decoration-break:clone;box-decoration-break:clone;background-repeat:no-repeat;margin-inline:-.04em;padding-inline:.04em}.recognition-hook-sage{background-image:linear-gradient(to bottom, transparent 61%, color-mix(in srgb, var(--sage) 42%, transparent) 61%, color-mix(in srgb, var(--sage) 42%, transparent) 91%, transparent 91%)}.recognition-hook-honey{background-image:linear-gradient(to bottom, transparent 61%, color-mix(in srgb, var(--honey) 46%, transparent) 61%, color-mix(in srgb, var(--honey) 46%, transparent) 91%, transparent 91%)}@media (prefers-color-scheme:dark){.recognition-hook-sage,.recognition-hook-honey{background-image:none;margin-inline:0;padding-inline:0}.recognition-hook-sage{color:#7ee0b0}.recognition-hook-honey{color:#f4d66f}}.hero-visual{grid-area:visual;justify-content:center;display:flex}.hero-stage{--phone-w:clamp(230px, 24vw, 264px);--phone-r:46px;--inner-band:18px;--outer-band:22px;--inner-r:calc(var(--phone-r) + var(--inner-band));--outer-r:calc(var(--inner-r) + var(--outer-band));width:min(100%, calc(var(--phone-w) + var(--inner-band) + var(--inner-band) + var(--outer-band) + var(--outer-band)));padding:calc(var(--inner-band) + var(--outer-band));justify-content:center;align-items:center;margin:0 auto;display:flex;position:relative}.hero-frame-outer{border-radius:var(--outer-r);background:var(--hero-outer-bg);box-shadow:var(--hero-outer-shadow);position:absolute;inset:0}.hero-frame-inner{inset:var(--outer-band);border-radius:var(--inner-r);background:var(--hero-inner-bg);box-shadow:none;position:absolute}.hero-stage .phone-frame{z-index:2;width:100%;max-width:var(--phone-w);--frame-radius:var(--phone-r);margin:0 auto;position:relative;transform:none}.hero-chip{z-index:4;background:var(--paper);color:var(--ink);white-space:nowrap;border-radius:999px;align-items:center;gap:7px;padding:8px 13px;font-size:.78rem;font-weight:650;display:flex;position:absolute;box-shadow:0 10px 24px #262d2233}.hero-chip b{color:var(--ink-faint);font-weight:500}.hero-chip-path{top:12%;right:-6%}.hero-chip-thing{border-radius:16px;padding:7px 15px 7px 7px;bottom:14%;left:-7%}.hero-chip-thing .tile.small{border-radius:10px;width:36px}.phone-frame{--bezel:9px;--frame-radius:46px;box-sizing:border-box;width:min(100%,320px);padding:var(--bezel);isolation:isolate;border-radius:var(--frame-radius);background:var(--hero-bezel-bg,linear-gradient(150deg, #2f4e58, #1e333a 30%, #1e333a 70%, #263f47));position:relative;overflow:hidden;box-shadow:0 24px 56px #191c173d,0 0 0 1px #ffffff1a,inset 0 0 0 1px #ffffff29}.phone-frame img{border-radius:calc(var(--frame-radius) - var(--bezel));background:#1e333a;width:100%;height:auto;display:block;position:relative}.phone-speaker{z-index:2;top:calc(var(--bezel) + 5px);background:var(--hero-speaker-bg,#1e333a);border-radius:999px;width:30%;height:22px;position:absolute;left:50%;transform:translate(-50%)}.idea{grid-template-columns:minmax(0,1fr) minmax(300px,.85fr);align-items:center;gap:clamp(30px,5vw,66px);display:grid}.idea-copy p{max-width:46ch;color:var(--ink-soft);margin-bottom:14px;font-size:1.06rem}.idea-copy .path{max-width:none;margin-top:24px}.nest-art{justify-self:center;width:100%;max-width:420px;rotate:-1.4deg;container-type:inline-size}.nest{border-radius:34px;position:relative;box-shadow:0 10px 24px #2c342817}.nest:after,.nest-thing:after{z-index:3;border:2px solid var(--sage-deep);border-radius:inherit;box-shadow:inset 0 0 0 1px color-mix(in srgb, var(--paper) 46%, transparent), 0 12px 28px color-mix(in srgb, var(--sage-deep) 24%, transparent);content:"";opacity:0;pointer-events:none;animation:nest-layer-cycle 17.5s linear var(--nest-delay) infinite;position:absolute;inset:0}.nest-tag{z-index:4;isolation:isolate;background:color-mix(in srgb, currentColor 4%, transparent);box-shadow:0 1px 0 color-mix(in srgb, currentColor 14%, transparent);letter-spacing:.005em;border-radius:999px;padding:3px 8px 4px;font-size:clamp(.82rem,3.5cqi,.94rem);font-weight:700;line-height:1.2;position:absolute;top:16px;left:20px}.nest-tag:before{z-index:1;content:"";opacity:0;height:2px;animation:nest-layer-cycle 17.5s linear var(--nest-delay) infinite;background:currentColor;border-radius:999px;position:absolute;bottom:-4px;left:8px;right:8px}.nest-home{--nest-delay:0s;background:var(--sage-soft);padding:50px 20px 20px}.nest-home>.nest-tag{color:var(--sage-deep)}.nest-room{background:var(--sage);border-radius:28px;margin-left:6px;padding:46px 18px 22px}.nest-room>.nest-tag{color:#22402f}.nest-closet{background:var(--cream);border-radius:24px;margin-right:6px;padding:44px 16px 20px}.nest-closet>.nest-tag{color:#6b6034}@media (prefers-color-scheme:dark){.nest-closet>.nest-tag{color:#d8cd9e}}.nest-box{background:var(--blue);border-radius:20px;margin-left:4px;padding:42px 14px 18px}.nest-box>.nest-tag{color:#17324a}.nest-room>.nest-tag,.nest-closet>.nest-tag,.nest-box>.nest-tag{top:10px}.nest-thing{--nest-delay:-3.5s;background:var(--paper);border-radius:15px;align-items:center;gap:12px;padding:10px 16px 10px 10px;font-weight:700;display:flex;position:relative;box-shadow:0 6px 16px #18283833}.nest-thing>*{z-index:4;position:relative}.nest-thing .object-art{background:var(--tint-plum);object-fit:contain;border-radius:11px;flex:none;width:40px;height:40px;padding:4px}@keyframes nest-layer-cycle{0%,16%,to{opacity:1}20%,96%{opacity:0}}@container (width<=300px){.nest-tag{padding:2px 6px 3px;font-size:.76rem;top:9px;left:10px}.nest-home,.nest-room,.nest-closet,.nest-box{padding:38px 12px 12px}}.start{padding-block:calc(var(--section-space) * .55)}.start-grid{grid-template-columns:repeat(6,1fr);gap:clamp(20px,3vw,32px) clamp(14px,2vw,24px);margin:0;padding:0;list-style:none;display:grid}.start-grid li{text-align:center;flex-direction:column;align-items:center;gap:10px;display:flex}.start-grid .tile{border-radius:var(--radius-tile);width:clamp(84px,7.5vw,110px);height:clamp(84px,7.5vw,110px);transition:transform .14s}.start-art{object-fit:contain;width:65.55%;height:65.55%}.start-grid li:hover .tile{transform:translateY(-2px)}.start-label{color:var(--ink-soft);font-size:.9rem;font-weight:600;line-height:1.32}.fun{padding-block:calc(var(--section-space) * .55)}.fun-grid{grid-template-columns:repeat(3,1fr);gap:clamp(16px,2.5vw,24px);display:grid}.fun-card{border:1px solid var(--line);background:color-mix(in srgb, var(--paper) 42%, transparent);border-radius:16px;flex-direction:column;justify-content:flex-start;gap:16px;padding:clamp(20px,2.6vw,28px);transition:transform .14s,border-color .14s,background-color .14s;display:flex}.fun-card:hover{border-color:var(--line-strong);background:color-mix(in srgb, var(--paper) 68%, transparent);transform:translateY(-2px)}.fun-visual{align-items:center;gap:12px;display:flex}.fun-tile{border-radius:19px;flex-shrink:0;width:70px;height:70px;overflow:hidden}.fun-art{object-fit:contain;width:58.08px;height:58.08px}.fun-badge{background:var(--page-tint);color:var(--ink-soft);letter-spacing:.01em;white-space:nowrap;border-radius:999px;padding:4px 11px;font-size:.82rem;font-weight:650}.fun-body{flex-direction:column;gap:6px;display:flex}.fun-tag{color:var(--sage-deep);letter-spacing:.03em;text-transform:uppercase;font-size:.74rem;font-weight:750}.fun-card h3{min-height:2.52em;color:var(--ink);margin-bottom:4px;font-size:1.12rem;line-height:1.26}.fun-card p{color:var(--ink-soft);margin:0;font-size:.94rem;line-height:1.52}.fun-card[data-feature=perishables]{--fun-term-accent:#55afa4}.fun-card[data-feature=active-containers]{--fun-term-accent:#d8b747}.fun-card[data-feature=busy-containers]{--fun-term-accent:#a989c5}.fun-copy-term{z-index:0;isolation:isolate;color:var(--ink);white-space:nowrap;font-weight:760;display:inline-block;position:relative}.fun-copy-term:after{z-index:-1;background:var(--fun-term-accent);content:"";opacity:.48;border-radius:5px 8px 4px 7px;height:.42em;position:absolute;bottom:.06em;left:-.1em;right:-.1em;transform:skew(-7deg)rotate(-.8deg)}@media (prefers-color-scheme:dark){.fun-copy-term:after{opacity:.32}}.invite-panel{border-radius:var(--radius-frame);background:var(--sage-soft);grid-template-columns:minmax(0,1.5fr) minmax(0,.85fr);align-items:center;gap:clamp(24px,4vw,54px);padding:clamp(28px,4vw,52px);display:grid}.invite-hello{color:var(--sage-deep);margin-bottom:12px;font-size:.95rem;font-weight:700;display:inline-block;position:relative}.squiggle{width:100%;height:8px;color:var(--sage);position:absolute;bottom:-7px;left:0}.invite-copy p:not(.invite-hello){max-width:50ch;margin-bottom:14px;font-size:1.06rem}.invite-send{color:var(--ink-soft)}.invite-send a{color:var(--sage-deep);text-underline-offset:.18em;font-weight:600;text-decoration:underline}.invite-copy .button{margin-top:8px}.prompt-card{border-radius:var(--radius-card);background:var(--paper);box-shadow:var(--shadow-soft);padding:24px 26px;rotate:1.2deg}.prompt-card ul{margin:0 0 12px;padding:0;list-style:none}.prompt-card li{border-bottom:1px dashed var(--line);color:var(--ink-soft);padding:8px 0;font-size:.96rem}.prompt-card li:last-child{border-bottom:0}.prompt-card>p{color:var(--ink-faint);margin:0;font-size:.86rem}.detail-grid{grid-template-columns:repeat(auto-fit,minmax(250px,1fr));align-items:start;gap:clamp(18px,2.4vw,28px);margin-bottom:clamp(38px,5vw,62px);display:grid}.detail-grid article{border-top:2px solid var(--sage);padding:22px 4px 0}.detail-grid h3{color:var(--sage-deep)}.detail-grid p{color:var(--ink-soft);margin:0 0 10px;font-size:.95rem}.detail-grid p:last-child{margin-bottom:0}.faq h2{margin:0 0 clamp(18px,2.4vw,28px);font-size:clamp(1.5rem,2.4vw,1.9rem)}.faq-list details{border-bottom:1px solid var(--line)}.faq-list summary{cursor:pointer;padding:16px 34px 16px 0;font-size:1rem;font-weight:650;list-style:none;position:relative}.faq-list summary::-webkit-details-marker{display:none}.faq-list summary:after{content:"+";color:var(--sage-deep);font-size:1.3rem;font-weight:500;line-height:0;transition:transform .16s;position:absolute;top:50%;right:4px}.faq-list details[open] summary:after{transform:rotate(45deg)}.faq-list p{max-width:62ch;color:var(--ink-soft);margin:0 0 18px;font-size:.98rem}.final-panel{border-radius:var(--radius-frame);background:linear-gradient(168deg, var(--cream), var(--sage-soft));text-align:center;flex-direction:column;align-items:center;gap:18px;padding:clamp(36px,5vw,64px) clamp(24px,4vw,48px);display:flex}.final-mark{border-radius:19px;width:66px;height:66px;box-shadow:0 10px 26px #30372a33}.final-panel h2{max-width:20ch;margin:0}.news-signup{border-top:1px solid color-mix(in srgb, var(--ink) 14%, transparent);width:min(100%,610px);margin-top:8px;padding-top:24px}.news-signup h3{margin-bottom:5px;font-size:1.08rem}.news-signup>p{max-width:50ch;color:var(--ink-soft);margin:0 auto 14px;font-size:.92rem;line-height:1.5}.news-fields{grid-template-columns:minmax(0,1fr) auto;gap:10px;width:100%;display:grid}.news-input{border:1px solid var(--line-strong);background:var(--paper);min-width:0;min-height:52px;color:var(--ink);border-radius:999px;padding:0 18px;box-shadow:0 4px 12px #30372a14}.news-input::placeholder{color:var(--ink-faint);opacity:1}.news-input:focus-visible{border-color:var(--sage-deep)}.news-submit{white-space:nowrap;min-height:52px}.social-follow{border-top:1px solid color-mix(in srgb, var(--ink) 14%, transparent);width:min(100%,610px);padding-top:22px}.social-follow>p{color:var(--ink-soft);margin-bottom:11px;font-size:.9rem;font-weight:750}.social-links{grid-template-columns:repeat(4,minmax(0,1fr));gap:8px;display:grid}.social-link{border:1px solid var(--line-strong);background:color-mix(in srgb, var(--paper) 76%, transparent);min-height:48px;color:var(--ink);border-radius:999px;justify-content:center;align-items:center;gap:8px;padding:9px 12px;font-size:.86rem;font-weight:700;line-height:1;text-decoration:none;transition:transform .14s,border-color .14s,background-color .14s,box-shadow .14s;display:inline-flex;box-shadow:0 4px 12px #30372a12}.social-link:hover{border-color:color-mix(in srgb, var(--sage-deep) 48%, transparent);background:var(--paper);transform:translateY(-1px);box-shadow:0 7px 16px #30372a1c}.social-link:active{transform:translateY(1px)}.social-icon{background:currentColor;flex:none;width:18px;height:18px;-webkit-mask-position:50%;mask-position:50%;-webkit-mask-size:contain;mask-size:contain;-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat}.social-icon-instagram{-webkit-mask-image:url(/assets/social/instagram.svg);mask-image:url(/assets/social/instagram.svg)}.social-icon-youtube{-webkit-mask-image:url(/assets/social/youtube.svg);mask-image:url(/assets/social/youtube.svg)}.social-icon-tiktok{-webkit-mask-image:url(/assets/social/tiktok.svg);mask-image:url(/assets/social/tiktok.svg)}.social-icon-pinterest{-webkit-mask-image:url(/assets/social/pinterest.svg);mask-image:url(/assets/social/pinterest.svg)}footer{width:min(100%, var(--max-width));padding:28px var(--page-pad) 44px;grid-template-columns:auto 1fr auto;align-items:center;gap:14px 24px;margin:0 auto;display:grid}footer>p{color:var(--ink-soft);margin:0;font-size:.94rem;font-weight:600}.footer-links{justify-self:end;gap:20px;font-size:.92rem;display:flex}.footer-brand img{width:32px;height:32px}.made-by{border-top:1px solid var(--line);color:var(--ink-faint);grid-column:1/-1;padding-top:16px;font-size:.85rem;font-weight:500}.not-found{text-align:center;flex-direction:column;justify-content:center;align-items:center;min-height:100svh;padding:30px;display:flex}.not-found img{box-shadow:var(--shadow-soft);border-radius:22px;margin-bottom:26px}.not-found h1{max-width:680px}.not-found>p{color:var(--ink-soft);margin-bottom:26px}.showcase-stage{grid-template-columns:minmax(400px,500px) minmax(280px,326px);justify-content:center;align-items:center;gap:clamp(40px,6vw,80px);display:grid}.showcase-screen{width:100%;min-width:0;max-width:326px;margin-inline:auto}.showcase-device{--showcase-phone-width:258px;--showcase-phone-radius:40px;--showcase-inner-band:15px;--showcase-outer-band:19px;--showcase-mock-scale:.7;--showcase-inner-radius:calc(var(--showcase-phone-radius) + var(--showcase-inner-band));--showcase-outer-radius:calc(var(--showcase-inner-radius) + var(--showcase-outer-band));--showcase-outer-bg:var(--hero-outer-bg);--showcase-inner-bg:var(--hero-inner-bg);--showcase-outer-shadow:var(--hero-outer-shadow);--showcase-bezel-bg:var(--hero-bezel-bg);--showcase-speaker-bg:var(--hero-speaker-bg);--showcase-screen-bg:#f2f1f5;--showcase-from-outer-bg:var(--hero-outer-bg);--showcase-from-inner-bg:var(--hero-inner-bg);--showcase-from-outer-shadow:var(--hero-outer-shadow);--showcase-from-bezel-bg:var(--hero-bezel-bg);--showcase-from-speaker-bg:var(--hero-speaker-bg);--showcase-pulse-outer-a:#7772bd;--showcase-pulse-outer-b:#c7838e;--showcase-pulse-inner-a:#d4b96f;--showcase-pulse-inner-b:#76aaa5;--showcase-pulse-bezel-a:#8d6eaa;--showcase-pulse-bezel-b:#b97972;--showcase-pulse-speaker-a:#75aeb6;--showcase-pulse-speaker-b:#c9b36f;width:100%;max-width:calc(var(--showcase-phone-width) + var(--showcase-inner-band) + var(--showcase-inner-band) + var(--showcase-outer-band) + var(--showcase-outer-band));padding:calc(var(--showcase-inner-band) + var(--showcase-outer-band));margin-inline:auto;position:relative}.showcase-device[data-theme=pop]{--showcase-outer-bg:#fec74c;--showcase-inner-bg:#f76c5d;--showcase-outer-shadow:0 18px 44px #f76c5d4d;--showcase-bezel-bg:#7e1f3b;--showcase-speaker-bg:#7e1f3b;--showcase-screen-bg:#fadfe6;--showcase-pulse-outer-a:#746eb0;--showcase-pulse-outer-b:#63aaa1;--showcase-pulse-inner-a:#6686bc;--showcase-pulse-inner-b:#c8bb73;--showcase-pulse-bezel-a:#63aaa2;--showcase-pulse-bezel-b:#776aa8;--showcase-pulse-speaker-a:#69aaa3;--showcase-pulse-speaker-b:#696595}.showcase-device[data-theme=nova]{--showcase-outer-bg:#e8f9ff;--showcase-inner-bg:#9d8fe8;--showcase-outer-shadow:0 20px 48px #6853dd57;--showcase-bezel-bg:linear-gradient(150deg, #292352, #211b47 30%, #0f0d22 72%, #241d4c);--showcase-speaker-bg:#171429;--showcase-screen-bg:#08061a;--showcase-pulse-outer-a:#bc7888;--showcase-pulse-outer-b:#c5ae6d;--showcase-pulse-inner-a:#68a894;--showcase-pulse-inner-b:#bd7a6d;--showcase-pulse-bezel-a:#bd9361;--showcase-pulse-bezel-b:#61a39d;--showcase-pulse-speaker-a:#b36e82;--showcase-pulse-speaker-b:#c2ac6e}.showcase-device[data-theme=play]{--showcase-outer-bg:#fff768;--showcase-inner-bg:#41e0d1;--showcase-outer-shadow:0 18px 46px #2669ff52;--showcase-bezel-bg:#1849b8;--showcase-speaker-bg:#1849b8;--showcase-screen-bg:#fbfaf0;--showcase-pulse-outer-a:#9670a8;--showcase-pulse-outer-b:#bd748c;--showcase-pulse-inner-a:#b97972;--showcase-pulse-inner-b:#746baa;--showcase-pulse-bezel-a:#b26e95;--showcase-pulse-bezel-b:#bd845f;--showcase-pulse-speaker-a:#916da3;--showcase-pulse-speaker-b:#b87686}.showcase-device[data-from-theme=piilo]{--showcase-from-outer-bg:var(--hero-outer-bg);--showcase-from-inner-bg:var(--hero-inner-bg);--showcase-from-outer-shadow:var(--hero-outer-shadow);--showcase-from-bezel-bg:var(--hero-bezel-bg);--showcase-from-speaker-bg:var(--hero-speaker-bg)}.showcase-device[data-from-theme=pop]{--showcase-from-outer-bg:#fec74c;--showcase-from-inner-bg:#f76c5d;--showcase-from-outer-shadow:0 18px 44px #f76c5d4d;--showcase-from-bezel-bg:#7e1f3b;--showcase-from-speaker-bg:#7e1f3b}.showcase-device[data-from-theme=nova]{--showcase-from-outer-bg:#e8f9ff;--showcase-from-inner-bg:#9d8fe8;--showcase-from-outer-shadow:0 20px 48px #6853dd57;--showcase-from-bezel-bg:linear-gradient(150deg, #292352, #211b47 30%, #0f0d22 72%, #241d4c);--showcase-from-speaker-bg:#171429}.showcase-device[data-from-theme=play]{--showcase-from-outer-bg:#fff768;--showcase-from-inner-bg:#41e0d1;--showcase-from-outer-shadow:0 18px 46px #2669ff52;--showcase-from-bezel-bg:#1849b8;--showcase-from-speaker-bg:#1849b8}.showcase-frame-outer,.showcase-frame-inner{pointer-events:none;position:absolute}.showcase-frame-outer{border-radius:var(--showcase-outer-radius);background:var(--showcase-outer-bg);box-shadow:var(--showcase-outer-shadow);inset:0}.showcase-frame-inner{inset:var(--showcase-outer-band);border-radius:var(--showcase-inner-radius);background:var(--showcase-inner-bg)}.showcase-phone-frame{z-index:2;box-sizing:border-box;border-radius:var(--showcase-phone-radius);background:var(--showcase-bezel-bg);width:100%;margin-inline:auto;padding:8px;position:relative;box-shadow:0 20px 44px #191c1738,0 0 0 1px #ffffff1a,inset 0 0 0 1px #ffffff24}.showcase-phone-frame:before{z-index:1;border-radius:inherit;content:"";opacity:0;pointer-events:none;position:absolute;inset:0}.showcase-phone-frame .phone-speaker{z-index:10;background:var(--showcase-speaker-bg);border-radius:999px;width:28%;height:17px;position:absolute;top:13px;left:50%;transform:translate(-50%)}.showcase-phone-screen{z-index:2;aspect-ratio:440/956;border-radius:calc(var(--showcase-phone-radius) - 8px);background:var(--showcase-screen-bg);width:100%;clip-path:inset(0 round calc(var(--showcase-phone-radius) - 8px));position:relative;overflow:hidden;-webkit-mask-image:-webkit-radial-gradient(#fff,#000)}.showcase-phone-screen:after{z-index:20;background:radial-gradient(circle at 24% 18%, var(--showcase-pulse-outer-a), transparent 48%), radial-gradient(circle at 76% 80%, var(--showcase-pulse-inner-b), transparent 54%);content:"";mix-blend-mode:color;opacity:0;pointer-events:none;position:absolute;inset:0}.showcase-device.is-theme-transitioning .showcase-frame-outer{will-change:background-color, box-shadow, filter, transform;animation:.75s cubic-bezier(.4,0,.2,1) both showcase-outer-color-trip}.showcase-device.is-theme-transitioning .showcase-frame-inner{will-change:background-color, filter, transform;animation:.75s cubic-bezier(.45,0,.18,1) both showcase-inner-color-trip}.showcase-device.is-theme-transitioning .showcase-phone-frame:before{animation:.75s cubic-bezier(.42,0,.18,1) both showcase-bezel-color-trip}.showcase-device.is-theme-transitioning .phone-speaker{will-change:background-color, box-shadow, transform;animation:.75s cubic-bezier(.4,0,.2,1) both showcase-island-color-trip}.showcase-device.is-theme-transitioning .showcase-phone-screen:after{animation:.75s ease-in-out both showcase-screen-aurora}@keyframes showcase-outer-color-trip{0%{background-color:var(--showcase-from-outer-bg);box-shadow:var(--showcase-from-outer-shadow);filter:saturate();transform:scale(1)}18%{background-color:var(--showcase-pulse-outer-a);box-shadow:0 0 52px color-mix(in srgb, var(--showcase-pulse-outer-a) 58%, transparent);filter:saturate(1.14)brightness(1.025);transform:scale(1.016)}43%{background-color:var(--showcase-pulse-outer-b);box-shadow:0 0 62px color-mix(in srgb, var(--showcase-pulse-outer-b) 54%, transparent);filter:saturate(1.18)brightness(1.02);transform:scale(.994)}72%{background-color:color-mix(in srgb, var(--showcase-pulse-outer-a) 28%, var(--showcase-outer-bg));box-shadow:0 20px 54px color-mix(in srgb, var(--showcase-outer-bg) 38%, transparent);filter:saturate(1.08);transform:scale(1.008)}to{background-color:var(--showcase-outer-bg);box-shadow:var(--showcase-outer-shadow);filter:saturate();transform:scale(1)}}@keyframes showcase-inner-color-trip{0%{background-color:var(--showcase-from-inner-bg);filter:saturate();transform:scale(1)}13%{background-color:var(--showcase-pulse-inner-a);filter:saturate(1.18)brightness(1.03);transform:scale(.986)}39%{background-color:var(--showcase-pulse-inner-b);filter:saturate(1.16)brightness(1.025);transform:scale(1.014)}64%{background-color:color-mix(in srgb, var(--showcase-pulse-inner-a) 46%, var(--showcase-pulse-inner-b));filter:saturate(1.12);transform:scale(.998)}82%{background-color:color-mix(in srgb, var(--showcase-pulse-inner-b) 24%, var(--showcase-inner-bg));filter:saturate(1.06);transform:scale(1.004)}to{background-color:var(--showcase-inner-bg);filter:saturate();transform:scale(1)}}@keyframes showcase-bezel-color-trip{0%{background:var(--showcase-from-bezel-bg);opacity:1}22%{background:var(--showcase-pulse-bezel-a);opacity:.96}48%{background:var(--showcase-pulse-bezel-b);opacity:.9}70%{background:color-mix(in srgb, var(--showcase-pulse-bezel-a) 42%, var(--showcase-pulse-bezel-b));opacity:.94}88%{background:var(--showcase-bezel-bg);opacity:.76}to{background:var(--showcase-bezel-bg);opacity:0}}@keyframes showcase-island-color-trip{0%{background-color:var(--showcase-from-speaker-bg);transform:translate(-50%)scale(1);box-shadow:0 0 #0000}26%{background-color:var(--showcase-pulse-speaker-a);box-shadow:0 0 16px color-mix(in srgb, var(--showcase-pulse-speaker-a) 42%, transparent);transform:translate(-50%)scale(1.08)}54%{background-color:var(--showcase-pulse-speaker-b);box-shadow:0 0 18px color-mix(in srgb, var(--showcase-pulse-speaker-b) 40%, transparent);transform:translate(-50%)scale(.94)}78%{background-color:color-mix(in srgb, var(--showcase-pulse-speaker-a) 30%, var(--showcase-speaker-bg));box-shadow:0 0 10px color-mix(in srgb, var(--showcase-speaker-bg) 35%, transparent);transform:translate(-50%)scale(1.025)}to{background-color:var(--showcase-speaker-bg);transform:translate(-50%)scale(1);box-shadow:0 0 #0000}}@keyframes showcase-screen-aurora{0%,to{opacity:0}30%{opacity:.15}55%{opacity:.2}78%{opacity:.1}}.showcase-phone-screen .mock{box-shadow:none;border-radius:0}.mock-shell{width:142.857%;height:142.857%;transform:scale(var(--showcase-mock-scale));transform-origin:0 0;display:grid}.mock-shell>*{grid-area:1/1;min-width:0;height:100%;min-height:0}.mock-sizer{visibility:hidden;pointer-events:none}.mock-live{position:relative}.mock-live-previous{z-index:2;pointer-events:none}.mock-live-current{z-index:3}.showcase-device.is-theme-transitioning .mock-live-previous{animation:.75s ease-in-out both showcase-screen-fade-out}.showcase-device.is-theme-transitioning .mock-live-current{animation:.75s ease-in-out both showcase-screen-fade-in}@keyframes showcase-screen-fade-out{0%{filter:saturate()hue-rotate()brightness();opacity:1}38%{filter:saturate(1.22)hue-rotate(-8deg)brightness(1.04);opacity:.72}64%{filter:saturate(1.34)hue-rotate(16deg)brightness(1.07);opacity:.16}to{filter:saturate(1.14)hue-rotate(5deg)brightness(1.02);opacity:0}}@keyframes showcase-screen-fade-in{0%{filter:saturate(1.36)hue-rotate(-18deg)brightness(1.09);opacity:0}38%{filter:saturate(1.28)hue-rotate(-11deg)brightness(1.07);opacity:.12}68%{filter:saturate(1.16)hue-rotate(5deg)brightness(1.035);opacity:.68}to{filter:saturate()hue-rotate()brightness();opacity:1}}.mock-live .mock{height:100%}.showcase .section-head p+p{margin-top:12px}.showcase-side{max-width:500px}.showcase-head{max-width:none;margin-bottom:16px}.showcase-head h2{margin-top:0}.showcase-aside{border-bottom:1px solid var(--line);margin:0 0 16px;padding-bottom:16px;font-size:1.06rem;font-weight:550}.showcase-note{min-height:3.25em;color:var(--ink-soft);margin:0 0 14px;font-size:1.02rem;font-weight:550}.showcase-steps{flex-wrap:nowrap;gap:8px;margin-bottom:18px;display:flex}.showcase-steps button{appearance:none;background:var(--page-tint);min-height:44px;color:var(--ink-soft);white-space:nowrap;touch-action:manipulation;cursor:pointer;border:0;border-radius:999px;padding:7px 14px;font-size:.85rem;font-weight:650;transition:background-color .14s,color .14s}.showcase-steps button:hover{background:var(--sage-soft);color:var(--ink)}.showcase-steps button[aria-pressed=true]{background:var(--ink);color:var(--page)}.showcase-theme-copy{margin-bottom:18px}.showcase-theme-note{color:var(--ink);margin:0 0 12px;font-size:.98rem;font-weight:600}.showcase-theme-descriptions{gap:7px;display:grid}.showcase-theme-descriptions p{color:var(--ink-soft);margin:0;font-size:.88rem;line-height:1.4}.showcase-theme-descriptions strong{color:var(--ink);font-weight:700}.showcase-themes{flex-wrap:nowrap;align-items:center;gap:9px;display:flex}.showcase-themes button{appearance:none;background:color-mix(in srgb, var(--paper) 82%, transparent);min-height:44px;color:var(--ink-soft);touch-action:manipulation;cursor:pointer;border:0;border-radius:999px;align-items:center;gap:9px;padding:7px 15px 7px 7px;font-size:.9rem;font-weight:650;transition:background-color .14s,color .14s;display:inline-flex;box-shadow:0 3px 12px #30372a14}.showcase-themes button:hover{background:var(--paper);color:var(--ink)}.showcase-themes button[aria-pressed=true]{background:var(--ink);color:var(--page)}.showcase-themes img{border-radius:9px;width:28px;height:28px}@media (prefers-reduced-motion:reduce){.showcase-device.is-theme-transitioning .showcase-frame-outer,.showcase-device.is-theme-transitioning .showcase-frame-inner,.showcase-device.is-theme-transitioning .showcase-phone-frame:before,.showcase-device.is-theme-transitioning .phone-speaker,.showcase-device.is-theme-transitioning .showcase-phone-screen:after,.showcase-device.is-theme-transitioning .mock-live-current{animation:none}.showcase-device.is-theme-transitioning .mock-live-previous{display:none}}.mock{--m-bg:#f2f1f5;--m-ink:#14141a;--m-ink-soft:#65656f;--m-accent:#35745c;--m-ink-blue:#4779a3;--m-ink-teal:#2f857f;--m-ink-plum:#7f5ba3;--m-ink-honey:#a8802a;--m-ink-coral:#c2653f;--m-ink-sage:#5d8a6a;--m-ink-stone:#6e7480;--m-surface:#fff;--m-surface-line:transparent;--m-chrome:#ffffffeb;--m-field:#fff;--m-dash:#14141a42;--m-tile-radius:18px;--m-card-radius:15px;--m-tile-line:transparent;--m-tile-glow:0 0 0 #0000;--m-tint-blue:#ccd9ea;--m-tint-teal:#cfe1db;--m-tint-plum:#ded4e8;--m-tint-honey:#ecdec2;--m-tint-coral:#efd6cf;--m-tint-sage:#d5e2d7;--m-tint-stone:#d9dbe1;border-radius:var(--radius-frame);background:var(--m-bg);box-shadow:var(--shadow-lift);color:var(--m-ink);transition:background-color .26s,color .26s;position:relative;overflow:hidden;container-type:inline-size}.mock[data-theme=pop]{--m-bg:#fdf0d2;--m-ink:#2f1c2b;--m-ink-soft:#865f5f;--m-accent:#ef6355;--m-glyph-force:#fff6ea;--m-surface:#fdf3dc;--m-surface-line:#c67c485c;--m-chrome:#ffffffb3;--m-field:#ffffff85;--m-dash:#ef635599;--m-tile-radius:15px;--m-tile-line:#b06a3a80;--m-tint-blue:#4f63c4;--m-tint-teal:#1fbdb2;--m-tint-plum:#c93d7c;--m-tint-honey:#e08a2b;--m-tint-coral:#f0645a;--m-tint-sage:#2fae98;--m-tint-stone:#5b6fd0}.mock[data-theme=nova]{--m-bg:#0a0718;--m-ink:#ecebf8;--m-ink-soft:#9a96bb;--m-accent:#40e6ff;--m-ink-blue:#7fa3d8;--m-ink-teal:#63b0a8;--m-ink-plum:#a48ad4;--m-ink-honey:#cfb37f;--m-ink-coral:#d4897c;--m-ink-sage:#7fbf9c;--m-ink-stone:#9aa0c4;--m-surface:#ffffff0f;--m-surface-line:#8c78ff52;--m-chrome:#ffffff14;--m-field:#ffffff0f;--m-dash:#ecebf84d;--m-tile-line:#8c78ff57;--m-tile-glow:0 0 22px #7056eb52;--m-tint-blue:#223050;--m-tint-teal:#1c3b40;--m-tint-plum:#33244c;--m-tint-honey:#3d3426;--m-tint-coral:#43272c;--m-tint-sage:#24382f;--m-tint-stone:#262a3e}.mock[data-theme=play]{--m-bg:#fbfaf0;--m-ink:#17335c;--m-ink-soft:#4f6d97;--m-accent:#1a8e94;--m-glyph-force:#14345f;--m-surface:#fdfcf3;--m-surface-line:#1a8e9457;--m-chrome:#fdfcf3;--m-field:#fdfcf3;--m-dash:#1a8e9499;--m-tile-radius:9px;--m-card-radius:8px;--m-tile-line:#185a782e;--m-tint-blue:#b6cdee;--m-tint-teal:#bde2dc;--m-tint-plum:#d8cbe8;--m-tint-honey:#f2e2b6;--m-tint-coral:#f6d2c5;--m-tint-sage:#cee3cc;--m-tint-stone:#dcdccf}.mock-washes{position:absolute;inset:0}.mock-wash{opacity:0;transition:opacity .26s;position:absolute;inset:0}.mock-wash.is-on{opacity:1}.mock-wash[data-theme=piilo]{background:#f2f1f5}.mock-wash[data-theme=pop]{background:linear-gradient(177deg,#fdf0d2 0%,#fce3d2 48%,#fadfe6 100%)}.mock-wash[data-theme=nova]{background:radial-gradient(120% 82% at 28% -12%,#2b1e5e 0%,#120c2d 44%,#08061a 100%)}.mock-wash[data-theme=play]{background-color:#fbfaf0;background-image:repeating-linear-gradient(0deg,#5db6b242 0 1px,#0000 1px 26px),repeating-linear-gradient(90deg,#5db6b242 0 1px,#0000 1px 26px)}.mock-inner{flex-direction:column;gap:clamp(16px,2.2vw,26px);padding:clamp(16px,2.4vw,28px);display:flex;position:relative}.mock-chrome{flex-direction:column;gap:10px;display:flex}.mock-top-bar{justify-content:space-between;align-items:center;width:100%;display:flex}.mock-inbox-btn{background:var(--m-chrome);width:34px;height:34px;color:var(--m-accent);border-radius:999px;justify-content:center;align-items:center;transition:background-color .26s;display:inline-flex}.mock-inbox-btn .mock-glyph{width:18px;height:18px}.mock-toolbar{background:var(--m-chrome);color:var(--m-accent);border-radius:999px;gap:14px;padding:7px 15px;transition:background-color .26s;display:inline-flex}.mock-toolbar .mock-glyph{width:17px;height:17px}.mock-search{border:1px solid var(--m-surface-line);background:var(--m-field);width:100%;color:var(--m-ink-soft);border-radius:999px;justify-content:space-between;align-items:center;padding:8px 14px;font-size:.82rem;font-weight:550;transition:background-color .26s;display:flex}.mock-search-left{align-items:center;gap:7px;display:flex}.mock-search-left .mock-glyph{width:15px;height:15px}.mock-search-tools{align-items:center;gap:8px;display:flex}.mock-search-tools .mock-glyph{width:14px;height:14px}.mock-search-tools .mock-glyph:last-child{color:#8b5cf6}.mock-heading{letter-spacing:-.025em;align-items:center;gap:7px;margin:0 0 11px;font-size:1.04rem;font-weight:800;display:flex}.mock-heading .mock-glyph{width:12px;height:12px;color:var(--m-ink-soft)}.mock-grid{gap:clamp(9px,1.2vw,14px);display:grid}.mock-places .mock-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.mock-containers .mock-grid{grid-template-columns:repeat(4,minmax(0,1fr))}.mock-lists .mock-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.mock-tile{animation:.46s cubic-bezier(.2,.8,.2,1) backwards mock-tile-in;animation-delay:calc(var(--i,0) * 60ms);flex-direction:column;gap:6px;display:flex}.mock-face{aspect-ratio:1;border-radius:var(--m-tile-radius);background:var(--m-tile-bg,var(--m-tint-stone));box-shadow:var(--m-tile-glow), inset 0 0 0 1px var(--m-tile-line);place-items:center;transition:background-color .26s,border-radius .26s,box-shadow .26s;display:grid;position:relative;overflow:hidden;container-type:inline-size}.mock-face>*{z-index:1;position:relative}.mock-places .mock-face{aspect-ratio:4/3}.mock-label{color:var(--m-ink);text-align:center;animation:.38s backwards mock-fade-in;animation-delay:calc(var(--i,0) * 60ms + .18s);font-size:.79rem;font-weight:700;line-height:1.22}.mock-meta{color:var(--m-ink-soft);text-align:center;font-size:.72rem;font-weight:550;line-height:1.2}.mock-lists .mock-tile{background:var(--m-surface);border-radius:var(--m-card-radius,14px);border:1px solid var(--m-surface-line,#0000000f);align-items:center;padding:10px 8px}.mock-lists .mock-face{border-radius:999px;width:32px;height:32px;margin-bottom:2px}.mock-lists .mock-face .mock-glyph{width:18px;height:18px}.mock-lists .mock-face .mock-emoji{font-size:18px}.mock-lists .mock-tile.mock-new{border:1.5px dashed var(--m-dash);background:0 0}.mock-tile[data-tint=blue]{--m-tile-bg:var(--m-tint-blue);--m-tile-ink:var(--m-ink-blue)}.mock-tile[data-tint=teal]{--m-tile-bg:var(--m-tint-teal);--m-tile-ink:var(--m-ink-teal)}.mock-tile[data-tint=plum]{--m-tile-bg:var(--m-tint-plum);--m-tile-ink:var(--m-ink-plum)}.mock-tile[data-tint=honey]{--m-tile-bg:var(--m-tint-honey);--m-tile-ink:var(--m-ink-honey)}.mock-tile[data-tint=coral]{--m-tile-bg:var(--m-tint-coral);--m-tile-ink:var(--m-ink-coral)}.mock-tile[data-tint=sage]{--m-tile-bg:var(--m-tint-sage);--m-tile-ink:var(--m-ink-sage)}.mock-tile[data-tint=stone]{--m-tile-bg:var(--m-tint-stone);--m-tile-ink:var(--m-ink-stone)}.mock-face>.mock-glyph{width:48cqw;height:48cqw;color:var(--m-glyph-force,var(--m-tile-ink,var(--m-ink-stone)))}.mock-emoji{font-size:52cqw;line-height:1}.mock-image{object-fit:cover;object-position:center;width:100%;height:100%}.mock[data-theme=play] .mock-places .mock-face{border:3px solid #fff;border-radius:12px;box-shadow:0 3px 8px #00000024}.mock[data-theme=play] .mock-containers .mock-face:before{content:"";background:var(--m-tint-teal);border-bottom:2px solid #185a782e;border-radius:6px 6px 0 0;height:22%;position:absolute;top:0;left:0;right:0}.mock[data-theme=play] .mock-lists .mock-tile{background:#fcf9e8;border:1px solid #1a8e9447}.mock-bottom-bar{flex-direction:column;gap:10px;margin-top:6px;display:flex}.mock-checking-card{background:color-mix(in srgb, var(--m-tint-sage) 65%, var(--m-surface));color:var(--m-ink);border-radius:999px;justify-content:space-between;align-items:center;padding:8px 14px;font-size:.78rem;font-weight:700;display:flex}.mock-checking-left{align-items:center;gap:6px;display:flex}.mock-checking-left .mock-glyph{width:15px;height:15px;color:var(--m-accent)}.mock-checking-right{align-items:center;gap:4px;display:flex}.mock-mini-emoji{font-size:.9rem}.mock-checking-right .mock-glyph{width:12px;height:12px;color:var(--m-ink-soft)}.mock-total-count{color:var(--m-ink-soft);justify-content:center;align-items:center;gap:6px;margin:0;font-size:.76rem;font-weight:550;display:flex}.mock-total-count .mock-glyph{width:14px;height:14px;color:var(--m-ink-soft)}.mock-tile[data-visual=cutout] .mock-image,.mock-tile[data-visual=sticker] .mock-image{object-fit:contain;width:auto;max-width:84%;height:78%}.mock-tile[data-visual=cutout] .mock-image{filter:drop-shadow(0 3px 5px #1418143d)}.mock-tile[data-visual=sticker] .mock-image{filter:drop-shadow(0 6px 9px #14181457);rotate:-4deg}.mock-badge{z-index:2;background:var(--m-ink);color:var(--m-bg);border-radius:999px;padding:3px 8px;font-size:.62rem;font-weight:750;animation:.32s .42s backwards mock-fade-in;position:absolute;top:6px;right:6px}.mock-tile.is-new .mock-face{box-shadow:var(--m-tile-glow), inset 0 0 0 1px var(--m-tile-line), 0 0 0 3px color-mix(in srgb, var(--m-accent) 55%, transparent)}.mock-new .mock-face{border:1.5px dashed var(--m-dash);box-shadow:none;color:var(--m-ink-soft);background:0 0}.mock-new .mock-face>.mock-glyph{width:24cqw;height:24cqw;color:var(--m-ink-soft)}.mock-new .mock-label{color:var(--m-ink-soft);font-weight:600}.mock-lists .mock-tile{border-radius:var(--m-card-radius);background:var(--m-surface);box-shadow:inset 0 0 0 1px var(--m-surface-line);gap:7px;padding:11px 12px 13px;transition:background-color .26s}.mock-lists .mock-face{border-radius:999px;width:34px}.mock-lists .mock-new{border:1.5px dashed var(--m-dash);box-shadow:none;background:0 0;justify-content:center;align-items:center}.mock-lists .mock-new .mock-face{border:0;width:30px}.mock-lists .mock-new .mock-face>.mock-glyph{width:14px;height:14px}.mock[data-theme=play] .mock-containers .mock-tile:not(.mock-new) .mock-face{padding-top:16%}.mock[data-theme=play] .mock-containers .mock-tile:not(.mock-new) .mock-face:before{border-radius:var(--m-tile-radius) var(--m-tile-radius) 0 0;content:"";background:#a6dcd6;height:25%;position:absolute;inset:0 0 auto}.mock[data-theme=play] .mock-containers .mock-tile:not(.mock-new) .mock-face:after{content:"";background:#fffc;border-radius:999px;width:30%;height:5%;position:absolute;top:9%;left:50%;translate:-50%}.mock[data-theme=play] .mock-lists .mock-tile:not(.mock-new){background-image:repeating-linear-gradient(#0000 0 15px,#1a8e9433 15px 16px)}.mock[data-theme=play] .mock-tile:nth-child(odd) .mock-face{rotate:-.9deg}.mock[data-theme=play] .mock-tile:nth-child(2n) .mock-face{rotate:.8deg}@keyframes mock-tile-in{0%{opacity:0;transform:translateY(9px)scale(.9)}to{opacity:1;transform:none}}@keyframes mock-sticker-in{0%{opacity:0;transform:translateY(10px)scale(.82)rotate(-7deg)}to{opacity:1;transform:none}}@keyframes mock-fade-in{0%{opacity:0}to{opacity:1}}@media (width<=1000px){.site-header{grid-template-columns:1fr auto}.site-header nav{display:none}.hero{grid-template-columns:1fr;grid-template-areas:"copy""recognition""visual";justify-items:start}.hero-copy{max-width:34rem}.hero-visual{justify-content:flex-start;width:100%;margin-top:8px}.idea{grid-template-columns:1fr}.nest-art{justify-self:start}.invite-panel{grid-template-columns:1fr}.prompt-card{width:100%;max-width:30rem}}@media (width<=900px){.start-grid{grid-template-columns:repeat(4,1fr)}.fun-grid{grid-template-columns:repeat(2,1fr)}.showcase-stage{grid-template-columns:1fr;justify-items:center}.showcase-side{display:contents}.showcase-intro{order:1}.showcase-screen{order:2;width:min(100%,326px);margin-inline:auto}.showcase-controls{order:3}.showcase-intro,.showcase-controls{width:100%;max-width:480px;margin-inline:auto}.showcase-steps,.showcase-themes{flex-wrap:wrap}}@media (width<=700px){.recognition-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:16px 14px}.mock-badge{display:none}}@media (width<=580px){:root{--page-pad:18px;--radius-frame:24px;--radius-card:18px;--section-space:56px}body{padding-bottom:calc(74px + env(safe-area-inset-bottom))}h1{font-size:clamp(2.8rem,12vw,3.8rem)}h2{font-size:clamp(1.65rem,7.6vw,2.1rem)}.site-header>.button{display:none}.brand{font-size:1.28rem}.brand img{border-radius:13px;width:46px;height:46px}.hero-actions{flex-direction:column;align-items:stretch;gap:8px;width:100%}.hero-actions .button{width:100%}.hero-actions .text-link{align-self:flex-start}.recognition-band{padding-block:16px 18px}.recognition-band h2{margin-bottom:15px;font-size:.96rem}.recognition-grid p{font-size:.9rem;line-height:1.42}.hero-stage{--phone-w:216px;--phone-r:36px;--inner-band:13px;--outer-band:16px}.hero-chip-path{top:6%;right:0}.hero-chip-thing{bottom:5%;left:0}.phone-frame{--bezel:7px;--frame-radius:34px}.phone-speaker{height:17px}.start-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:18px 12px}.fun-grid{grid-template-columns:1fr;gap:14px}.fun-card h3{min-height:0}.fun-badge{padding:6px 12px;font-size:.9rem}.start-grid .tile{width:84px;height:84px}.start-label{font-size:.86rem}.mock-label{font-size:.74rem}.mock-heading{font-size:.96rem}.showcase-steps,.showcase-themes{grid-template-columns:repeat(2,minmax(0,1fr));display:grid}.invite-copy .button,.final-panel .button{width:100%}.news-fields{grid-template-columns:1fr}.social-links{grid-template-columns:repeat(2,minmax(0,1fr))}footer{grid-template-columns:1fr;align-items:start}.footer-links{justify-self:start}}@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}.crumb,.nest:after,.nest-thing:after,.nest-tag:before{animation:none!important}.nest-thing:after{opacity:1}*,:before,:after{scroll-behavior:auto!important;transition-duration:.001ms!important;animation-duration:.001ms!important;animation-iteration-count:1!important}}@media (prefers-contrast:more){:root{--line:color-mix(in srgb, var(--ink) 34%, transparent);--line-strong:color-mix(in srgb, var(--ink) 55%, transparent)}.path span,.path strong,.recognition-band,.detail-grid article,.prompt-card{outline:1px solid var(--line-strong)}}
