@font-face{font-family:BrawlitWeb;src:url(assets/regular.woff2) format('woff2');font-weight:400;font-display:swap}
@font-face{font-family:BrawlitWeb;src:url(assets/medium.woff2) format('woff2');font-weight:500;font-display:swap}
@font-face{font-family:BrawlitWeb;src:url(assets/bold.woff2) format('woff2');font-weight:700;font-display:swap}
:root{--paper:#fff;--ink:#111;--muted:#6e6e6e;--surface:#f5f5f5;--line:#dedede;--ease:cubic-bezier(.22,1,.36,1)}
*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:90px;scrollbar-gutter:stable}body{margin:0;background:var(--paper);color:var(--ink);font-family:BrawlitWeb,-apple-system,system-ui,sans-serif;-webkit-font-smoothing:antialiased;font-synthesis:none}body.dialog-open{overflow:hidden}a{color:inherit;text-decoration:none}button{font:inherit;cursor:pointer}a,button,summary{-webkit-tap-highlight-color:transparent}a:focus-visible,button:focus-visible,summary:focus-visible{outline:3px solid #777;outline-offset:5px}::selection{background:#222;color:#fff}h1,h2,h3,p{margin:0}h1,h2,h3{text-wrap:balance;word-break:keep-all}p{text-wrap:pretty;word-break:keep-all}.wrap{max-width:1200px;padding-inline:40px;margin-inline:auto}.skip{position:fixed;left:20px;top:-70px;padding:16px;background:#fff;z-index:100}.skip:focus{top:12px}.arrow{width:18px;height:18px;fill:none;stroke:currentColor;stroke-width:1.6;stroke-linecap:round;stroke-linejoin:round;flex:none}
/* Thin, quiet navigation with one continuous baseline. */
.nav-shell{position:sticky;top:0;z-index:20;background:#ffffffed;border-bottom:1px solid #00000014}.nav{max-width:1120px;margin:auto;min-height:68px;display:flex;align-items:center;justify-content:space-between;gap:28px;padding:4px 0}.brand{display:flex;align-items:center;gap:8px;white-space:nowrap;font-size:23px;font-weight:700;letter-spacing:-1px}.brand img{width:29px;height:29px;border-radius:8px}.brand-dot{margin-left:-8px}.nav-links{display:flex;gap:30px;align-items:center;font-size:12px;color:#444}.nav-links a{padding:18px 0}.nav-links a:hover{color:#000}@supports(backdrop-filter:blur(16px)){.nav-shell{background:#ffffffd9;backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px)}}
.hero{padding:83px 0 0;overflow:clip}.hero-copy{text-align:center}h1{font-size:clamp(48px,6.4vw,80px);line-height:1.16;letter-spacing:-4px;font-weight:700}.mobile-break{display:none}.intro{font-size:19px;line-height:1.7;color:#666;margin-top:24px;letter-spacing:-.4px}.hero-actions{display:flex;justify-content:center;align-items:center;margin-top:25px}.product-stage{position:relative;height:615px;max-width:1120px;margin:44px auto 0;background:var(--surface);border-radius:32px;overflow:hidden;isolation:isolate}.stage-phones{position:relative;width:800px;height:615px;margin:0 auto}.device{position:relative;width:282px;padding:5px;border:1px solid #888;border-radius:40px;background:linear-gradient(125deg,#d7d7d7,#626262 24%,#c6c6c6 52%,#717171 75%,#d8d8d8);box-shadow:0 28px 45px -18px #00000035,0 3px 7px #00000012}.device-screen{position:relative;aspect-ratio:1080/2110;border:4px solid #202020;overflow:hidden;border-radius:34px;background:#f5f5f5}.device-screen img{display:block;width:100%;height:auto;transform:translateY(-4.5%)}.stage-phones>.device{position:absolute;left:calc(50% - 141px);transform-origin:50% 85%}.device-center{top:38px;z-index:3}.device-left{top:114px;translate:-235px 0;rotate:-7deg;scale:.9;z-index:1}.device-right{top:114px;translate:235px 0;rotate:7deg;scale:.9;z-index:2}
/* Product cards: independent surfaces, short copy, original app captures. */
.feature-section{padding:108px 0 83px}.feature-section h2{font-size:45px;letter-spacing:-1.9px;line-height:1.25;margin-bottom:42px}.card-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px;align-items:stretch}.feature-card{position:relative;min-width:0;height:490px;background:#fff;border-radius:28px;overflow:hidden;isolation:isolate;transition:transform 240ms var(--ease)}.card-copy{position:relative;z-index:2;padding:32px 29px 0}.card-copy h3{font-size:27px;line-height:1.2;letter-spacing:-1.2px}.card-copy p{font-size:13px;color:#666;margin-top:12px;line-height:1.7}.card-art{position:absolute;top:143px;left:0;right:0;display:flex;justify-content:center;transition:transform 400ms var(--ease)}.card-art .device{width:242px;border-radius:35px;padding:4px}.card-art .device-screen{border-radius:29px;border-width:3px}.feature-card:nth-child(1) .card-art{transform:rotate(-5deg) translateY(5px)}.feature-card:nth-child(2) .card-art{transform:translateY(8px)}.feature-card:nth-child(3) .card-art{transform:rotate(5deg) translateY(5px)}.card-open{position:absolute;z-index:4;right:19px;bottom:19px;width:44px;height:44px;border:0;background:transparent;color:#000;display:flex;align-items:center;justify-content:center;box-shadow:none;font-size:29px;font-weight:400;line-height:1;transition:background 160ms,transform 160ms}.card-open span{margin-top:-2px}.card-open:hover{transform:scale(1.06)}.card-open:active{transform:scale(.95)}@media(hover:hover){.feature-card:hover{transform:scale(1.015)}}.screen-note{text-align:center;font-size:10px;line-height:1.7;color:var(--muted);margin-top:22px}.gallery-controls{display:flex;gap:12px;justify-content:flex-end;margin-top:22px}.gallery-controls[hidden]{display:none}.gallery-controls button{width:44px;height:44px;border:0;background:transparent;color:#000;font-size:24px;display:grid;place-items:center}.gallery-controls button:disabled{opacity:.25;cursor:default}
.faq{display:grid;grid-template-columns:1fr 1.4fr;gap:70px;padding:0 0 58px}.faq h2{font-size:31px;letter-spacing:-1.2px;line-height:1.4;padding-top:20px}.faq details{border-bottom:1px solid var(--line)}.faq summary{display:flex;align-items:center;justify-content:space-between;gap:24px;list-style:none;cursor:pointer;font-size:14px;font-weight:700;padding:25px 0}.faq summary::-webkit-details-marker{display:none}.faq summary span{font-size:22px;font-weight:400;color:#777;transition:rotate 180ms}.faq details[open] summary span{rotate:45deg}.faq details p{font-size:13px;line-height:1.9;color:var(--muted);padding:0 24px 24px 0}.closing{text-align:center;padding:32px 0 46px;border-top:1px solid var(--line)}.footer{display:flex;justify-content:space-between;gap:28px;border-top:1px solid var(--line);padding:25px 0 30px;font-size:10px;line-height:1.9;color:#777}.footer-links{display:flex;align-items:start;gap:20px;white-space:nowrap}.footer a:hover{color:#111}
/* Native dialog provides focus containment, Escape dismissal, and inert background. */
#feature-dialog{width:min(780px,calc(100% - 48px));max-height:88dvh;padding:0;border:0;border-radius:28px;background:#fff;color:#111;overscroll-behavior:contain;box-shadow:0 25px 100px #00000025}#feature-dialog::backdrop{background:#0008;backdrop-filter:blur(8px)}.dialog-inner{position:relative;padding:20px 48px 34px}.dialog-close{position:sticky;top:16px;z-index:3;margin-right:-28px;margin-left:auto;display:flex;align-items:center;justify-content:center;width:44px;height:44px;border:0;border-radius:50%;background:#ededed;color:#555;font-size:28px;line-height:1}.dialog-copy{margin:8px 0 30px}.dialog-copy h2{font-size:39px;line-height:1.2;letter-spacing:-1.6px}.dialog-copy p{font-size:15px;line-height:1.8;color:var(--muted);margin-top:14px;max-width:580px}#dialog-screen{display:block;width:min(100%,300px);height:auto;margin:0 auto;border-radius:20px;box-shadow:0 0 0 1px #ddd}.dialog-inner .screen-note{margin-top:20px}
@media(prefers-reduced-motion:no-preference){.hero-copy{animation:hero-enter 560ms var(--ease) both}.stage-phones{animation:device-enter 760ms var(--ease) 70ms both}.reveal-pending{opacity:0;transform:translateY(var(--rise,36px))}}
@keyframes hero-enter{from{opacity:0;transform:translateY(22px)}to{opacity:1;transform:translateY(0)}}@keyframes device-enter{from{opacity:0;transform:translateY(45px) scale(.985)}to{opacity:1;transform:translateY(0) scale(1)}}
@media(max-width:1200px){.nav{margin-inline:40px}.product-stage{margin-inline:40px}.card-copy{padding-inline:24px}.card-copy h3{font-size:26px}.card-copy p{font-size:12px}.card-art .device{width:224px}.feature-card{height:470px}}
@media(max-width:900px){.nav-links{gap:22px}.card-grid{grid-template-columns:none;grid-auto-flow:column;grid-auto-columns:min(72vw,350px);overflow-x:auto;scroll-snap-type:x mandatory;scroll-padding-inline:0;scrollbar-width:none;padding-block:8px;margin-block:-8px}.card-grid::-webkit-scrollbar{display:none}.feature-card{--rise:0px;scroll-snap-align:start;scroll-snap-stop:always;height:470px}.faq{gap:40px}.feature-section h2{font-size:38px}}
@media(max-width:720px){html{scroll-padding-top:85px}.wrap{padding-inline:24px}.nav{min-height:62px;margin-inline:20px;padding:5px 0;gap:14px}.brand{font-size:22px}.brand img{width:27px;height:27px}.nav-links{display:none}.hero{padding-top:54px}.mobile-break{display:block}h1{font-size:clamp(44px,11.5vw,64px);line-height:1.17;letter-spacing:-2.5px}.intro{font-size:14px;margin-top:20px}.hero-actions{margin-top:20px}.product-stage{margin:29px 16px 0;height:449px;border-radius:24px}.stage-phones{width:100%;height:449px}.stage-phones>.device{width:211px;left:calc(50% - 105.5px);border-radius:31px;padding:4px}.stage-phones .device-screen{border-radius:26px;border-width:3px}.device-center{top:28px}.device-left{top:94px;translate:-139px 0;scale:.82;rotate:-7deg}.device-right{top:94px;translate:139px 0;scale:.82;rotate:7deg}.feature-section{padding:64px 0 53px}.feature-section h2{font-size:29px;letter-spacing:-1.25px;margin-bottom:27px}.card-grid{gap:16px;grid-auto-columns:86%;padding:5px 1px;margin:-5px -1px;scroll-padding-inline:1px}.feature-card{border-radius:24px;height:440px}.card-copy{padding:27px 23px 0}.card-copy h3{font-size:26px}.card-copy p{font-size:12px;margin-top:11px}.card-art{top:133px}.card-art .device{width:216px}.card-open{bottom:17px;right:17px}.screen-note{font-size:9px;margin-top:19px}.gallery-controls{margin-top:19px}.faq{grid-template-columns:1fr;gap:16px;padding-bottom:35px}.faq h2{font-size:26px;padding-top:0}.faq summary{font-size:13px;padding-block:22px}.faq details p{font-size:12px}.closing{padding:24px 0 33px}.footer{display:block;font-size:9px}.footer-links{margin-top:16px;font-size:10px}#feature-dialog{width:calc(100% - 24px);max-height:90dvh;border-radius:24px}.dialog-inner{padding:12px 24px 25px}.dialog-close{margin-right:-12px;top:12px}.dialog-copy{margin:14px 0 24px}.dialog-copy h2{font-size:31px}.dialog-copy p{font-size:13px;margin-top:12px}#dialog-screen{width:min(100%,270px);border-radius:15px}}
@media(max-width:360px){.wrap{padding-inline:20px}.nav{margin-inline:18px}.card-copy{padding-inline:20px}.card-copy p{font-size:11px}.card-art .device{width:204px}.feature-card{height:420px}.feature-section h2{font-size:27px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*::before,*::after{animation:none!important;transition:none!important}.reveal-pending{opacity:1;transform:none}}
@media(prefers-contrast:more){:root{--muted:#444;--line:#777}.nav-shell{background:#fff;backdrop-filter:none}.feature-card{outline:1px solid #888}.card-copy p{color:#444}}
/* Exact capsule viewport excludes the generated asset's surrounding backdrop.
   Source viewport: x=64, y=138, width=1800, height=522 in a 1930x815 image. */
.play-badge{position:relative;display:inline-block;flex:none;width:224px;height:72px;vertical-align:middle;transition:transform 160ms var(--ease);isolation:isolate;border-radius:999px}
.play-badge::before{content:'';position:absolute;left:0;right:0;top:50%;aspect-ratio:1800/522;transform:translateY(-50%);border-radius:999px;background:#222222}
.play-badge img{position:absolute;display:block;width:107.222222%;height:auto;left:-3.555556%;top:50%;transform:translateY(-48.957055%);pointer-events:none;clip-path:inset(16.932515% 3.419689% 19.018405% 3.316062% round 999px)}
.play-badge:hover{transform:translateY(-2px)}
.play-badge:active{transform:translateY(1px) scale(.97)}
.play-badge--compact{width:140px;height:44px;margin-right:-4px}
@media(max-width:720px){.play-badge{width:216px;height:70px}.hero-actions .play-badge{width:200px;height:66px}.play-badge--compact{width:136px;height:44px}.hero-actions{gap:18px}}
@media(max-width:360px){.hero-actions .play-badge{width:184px;height:60px}.hero-actions{gap:12px}.play-badge--compact{width:128px;height:44px}}

/* Slightly firmer supporting text, retaining its existing size and color. */
.nav-links,.intro,.card-copy p,.screen-note,.faq details p,.footer,.dialog-copy p{font-weight:500}

/* Deeper app features: white surfaces and authentic, cropped app captures. */
.insights-section{padding:12px 0 100px}.insights-section h2{font-size:45px;line-height:1.25;letter-spacing:-1.9px;margin-bottom:40px}.insights-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:24px}.insight-card{position:relative;overflow:hidden;min-width:0;background:#fff;border:1px solid #ececec;border-radius:28px;isolation:isolate}.insight-copy{position:relative;z-index:1;padding:38px 40px 28px}.insight-label{font-size:13px;font-weight:700;color:#6e6e6e;margin-bottom:17px}.insight-copy h3{font-size:34px;line-height:1.26;letter-spacing:-1.3px}.insight-copy>p:not(.insight-label){font-size:14px;font-weight:500;line-height:1.75;color:#6e6e6e;margin-top:17px}.history-figure{min-width:0;margin:30px 24px 48px 0}.insight-note{font-size:11px;font-weight:500;line-height:1.75;color:#6e6e6e;text-align:center;margin-top:14px}.insight-card--history{grid-column:1/-1;display:grid;grid-template-columns:.9fr 1.1fr;align-items:center;min-height:420px;padding:18px 22px}.insight-card--history .insight-copy h3{font-size:43px;letter-spacing:-1.7px}.capture-window{position:relative;overflow:hidden;background:#f4f4f4;border-radius:22px;isolation:isolate}.capture-window img{display:block;width:100%;height:auto}.capture-window--history{aspect-ratio:1080/890}.capture-window--history img{transform:translateY(-52.2%)}.insight-card--favorites,.insight-card--teammates{height:610px}.capture-window--favorites{margin:0 38px;aspect-ratio:1080/1050}.capture-window--favorites img{transform:translateY(-19%)}.capture-window--teammates{margin:30px 38px 0;aspect-ratio:1080/810}.capture-window--teammates img{transform:translateY(-17.8%)}
@media(max-width:900px){.insight-copy{padding:30px 28px 24px}.insight-copy h3{font-size:28px}.insight-card--history{padding:10px;min-height:370px}.insight-card--history .insight-copy h3{font-size:35px}.history-figure{margin-right:18px}.capture-window--favorites,.capture-window--teammates{margin-inline:26px}.insight-card--favorites,.insight-card--teammates{height:540px}}
@media(max-width:720px){.insights-section{padding:0 0 64px}.insights-section h2{font-size:29px;letter-spacing:-1.25px;margin-bottom:27px}.insights-grid{grid-template-columns:1fr;gap:20px}.insight-card{border-radius:24px}.insight-card--history{grid-column:auto;display:block;padding:0;min-height:0}.insight-copy{padding:30px 26px 25px}.insight-copy h3,.insight-card--history .insight-copy h3{font-size:30px;letter-spacing:-1.2px}.insight-label{font-size:12px;margin-bottom:14px}.insight-copy>p:not(.insight-label){font-size:13px;margin-top:14px}.history-figure{margin:0 24px 64px}.insight-card--favorites,.insight-card--teammates{height:auto;padding-bottom:64px}.capture-window--favorites{margin:0 24px;aspect-ratio:1080/1150}.capture-window--teammates{margin:8px 24px 0}.capture-window{border-radius:17px}}

.download-section{text-align:center;padding:58px 24px 68px;margin-bottom:72px;border-top:1px solid #ededed;border-bottom:1px solid #ededed}.download-icon{display:block;width:84px;height:84px;border-radius:23px;margin:0 auto 25px}.download-section h2{font-size:35px;letter-spacing:-1.3px;line-height:1.3;margin-bottom:24px}.download-section .play-badge{vertical-align:top}
@media(max-width:720px){.download-section{padding:42px 4px 48px;margin-bottom:42px}.download-icon{width:72px;height:72px;border-radius:20px;margin-bottom:22px}.download-section h2{font-size:26px;letter-spacing:-1px;margin-bottom:20px}}

.hero-icon{display:block;width:76px;height:76px;border-radius:21px;margin:0 auto 28px}
@media(max-width:720px){.hero-icon{width:64px;height:64px;border-radius:18px;margin-bottom:24px}}