:root{--color-bg:#f3efe4;--color-bg-alt:#fbf7ec;--color-ink:#17130e;--color-muted:#5c5548;--color-accent:#ff5a1f;--color-accent-2:#2447ff;--color-extra:#ffd43b;--color-line:#d8d0bf;--radius-s:12px;--radius-m:24px;--radius-l:40px;--space-8:8px;--space-16:16px;--space-24:24px;--space-32:32px;--space-48:48px;--space-64:64px;--space-96:96px;--space-128:128px;--space-160:160px;--font-display:"Bricolage Grotesque", "Helvetica Neue", Arial, sans-serif;--font-body:"Outfit", "Helvetica Neue", Arial, sans-serif;--pink:#ffc2d8;--lilac:#c9c0ff;--forest:#123b2a;--cream:#fbf7ec;--shadow-hard:4px 4px 0 var(--color-ink);--shadow-hard-lg:8px 8px 0 var(--color-ink)}*,:before,:after{box-sizing:border-box}html{scroll-behavior:smooth}@view-transition{navigation:auto}body{background:var(--color-bg);color:var(--color-ink);font-family:var(--font-body);-webkit-font-smoothing:antialiased;text-rendering:optimizelegibility;margin:0;font-size:18px;line-height:1.5}img{object-fit:cover;max-width:100%;display:block}a{color:inherit;text-decoration:none}button{font:inherit;color:inherit;cursor:pointer;background:0 0;border:0;padding:0}ul,ol{margin:0;padding:0;list-style:none}p,h1,h2,h3,figure,blockquote{margin:0}svg{display:block}::selection{background:var(--color-accent);color:var(--color-ink)}:focus-visible{outline:3px solid var(--color-accent-2);outline-offset:4px}.display,.h1,.h2,.h3,.title-sm,.cta-title{font-family:var(--font-display);font-weight:800}.display{letter-spacing:-.05em;font-size:112px;line-height:.94}.h1{letter-spacing:-.04em;font-size:64px;line-height:1.02}.h2{letter-spacing:-.03em;font-size:40px;line-height:1.06}.h3{letter-spacing:-.02em;font-size:28px;line-height:1.12}.lead{color:var(--color-muted);font-size:22px;font-weight:300;line-height:1.5}.body{font-size:18px;font-weight:400;line-height:1.55}.label{letter-spacing:.1em;text-transform:uppercase;font-size:14px;font-weight:600;line-height:1.4}.button{letter-spacing:.01em;font-size:16px;font-weight:600;line-height:1}.stat-num{font-family:var(--font-display);letter-spacing:-.06em;font-size:88px;font-weight:800;line-height:1}.stat-num-sm{font-family:var(--font-display);letter-spacing:-.05em;font-size:56px;font-weight:800;line-height:1}@media (width<=1024px){.display{font-size:80px}.h1{font-size:52px}.stat-num{font-size:68px}.stat-num-sm{font-size:44px}}@media (width<=768px){.display{font-size:56px}.h1{font-size:40px}.h2{font-size:32px}.h3{font-size:24px}.lead{font-size:18px}.stat-num{font-size:52px}.stat-num-sm{font-size:36px}}@media (width<=480px){.display{font-size:44px}.h1{font-size:36px}}.container{width:1280px;max-width:calc(100% - 48px);margin-inline:auto}.section{padding-block:var(--space-96);position:relative}.section-head{gap:var(--space-24);margin-bottom:var(--space-48);grid-template-columns:repeat(12,minmax(0,1fr));align-items:end;display:grid}.section-head .h1{grid-column:1/8}.section-head .lead{grid-column:9/13;max-width:420px;padding-bottom:6px}.eyebrow{margin-bottom:var(--space-24);color:var(--color-ink);align-items:center;gap:10px;display:inline-flex}.eyebrow:before{content:"";border:2px solid var(--color-ink);background:var(--color-accent);border-radius:3px;width:12px;height:12px}.sticker{border:2px solid var(--color-ink);background:var(--color-extra);width:fit-content;box-shadow:3px 3px 0 var(--color-ink);letter-spacing:.08em;text-transform:uppercase;border-radius:999px;align-items:center;gap:8px;padding:9px 16px;font-size:14px;font-weight:700;line-height:1;display:inline-flex;transform:rotate(-1.5deg)}.hero-actions{align-items:center;gap:var(--space-16);margin-top:var(--space-32);display:flex}.tag-row{margin-bottom:var(--space-24);flex-wrap:wrap;gap:8px;display:flex}.tag{border:1.5px solid var(--cream);letter-spacing:.05em;text-transform:uppercase;border-radius:999px;padding:7px 14px;font-size:14px;font-weight:600}.tag--ink{border-color:var(--color-ink)}.inside-frame{width:960px;margin-inline:auto}.inside-frame .browser-screen{aspect-ratio:auto;height:360px}.cta{padding-block:var(--space-96)}.cta-panel{border:2px solid var(--color-ink);border-radius:var(--radius-l);background:var(--color-accent);box-shadow:var(--shadow-hard-lg);justify-content:space-between;align-items:flex-end;gap:var(--space-48);padding:64px;display:flex;position:relative;overflow:hidden}.cta-panel:before{content:"";border:2px solid var(--color-ink);background:var(--color-extra);border-radius:50%;width:300px;height:300px;position:absolute;top:-180px;right:160px}.cta-side{z-index:2;align-items:center;gap:var(--space-24);flex-direction:column;padding-bottom:12px;display:flex;position:relative}.cta-side .label{text-align:center;max-width:180px}@media (width<=1024px){.section-head{grid-template-columns:1fr}.section-head .h1{grid-column:1/-1}.section-head .lead{grid-column:1/-1;max-width:100%}}@media (width<=768px){.section{padding-block:var(--space-48)}.cta-panel{gap:var(--space-24);flex-direction:column;padding:32px}.hero-actions{flex-wrap:wrap}.inside-frame{width:100%;max-width:100%}.inside-frame .browser-screen{height:auto}}.btn{border:2px solid var(--color-ink);box-shadow:var(--shadow-hard);background:var(--color-ink);color:var(--cream);border-radius:999px;align-items:center;gap:14px;padding:14px 22px;transition:transform .22s,box-shadow .22s,background-color .22s;display:inline-flex}.btn:hover{box-shadow:1px 1px 0 var(--color-ink);transform:translate(2px,2px)}.btn-arrow{background:var(--color-extra);width:26px;height:26px;color:var(--color-ink);border-radius:50%;place-items:center;display:grid}.btn-arrow svg{width:15px;height:15px}.btn-light{background:var(--cream);color:var(--color-ink)}.btn-light .btn-arrow{background:var(--color-accent);color:var(--color-ink)}.text-link{border-bottom:2px solid var(--color-ink);align-items:center;gap:8px;padding-bottom:3px;transition:color .22s,border-color .22s;display:inline-flex}.text-link svg{width:18px;height:18px;transition:transform .22s}.text-link:hover{color:var(--color-accent-2);border-color:var(--color-accent-2)}.text-link:hover svg{transform:translate(2px,-2px)}@media (width<=768px){.text-link{align-items:center;min-height:44px}}.phone{border:2px solid var(--color-ink);background:var(--color-ink);width:280px;height:580px;box-shadow:6px 6px 0 var(--color-ink);border-radius:38px;flex-shrink:0;padding:8px}.phone-screen{background:var(--cream);width:100%;height:100%;color:var(--color-ink);border-radius:29px;overflow:hidden}.browser{border:2px solid var(--color-ink);background:var(--cream);width:100%;box-shadow:var(--shadow-hard);border-radius:20px;overflow:hidden}.browser-bar{border-bottom:2px solid var(--color-ink);background:var(--color-extra);align-items:center;gap:7px;height:38px;padding:0 14px;display:flex}.browser-dot{border:1.5px solid var(--color-ink);background:var(--color-bg);border-radius:50%;width:10px;height:10px}.browser-dot:nth-child(2){background:var(--color-accent)}.browser-dot:nth-child(3){background:var(--color-accent-2)}.browser-url{border:1.5px solid var(--color-ink);background:var(--color-bg-alt);letter-spacing:.04em;text-transform:none;color:var(--color-muted);border-radius:999px;margin-left:8px;padding:4px 12px;font-size:14px}.browser-screen{aspect-ratio:16/10;background:var(--color-bg-alt);color:var(--color-ink);overflow:hidden}.laptop{width:640px;max-width:100%;position:relative}.laptop-screen{color:var(--color-ink);border:2px solid var(--color-ink);background:var(--color-bg-alt);aspect-ratio:16/10;box-shadow:var(--shadow-hard);border-radius:18px 18px 4px 4px;margin-inline:22px;overflow:hidden}.laptop-base{border:2px solid var(--color-ink);background:var(--color-extra);height:20px;box-shadow:var(--shadow-hard);border-radius:4px 4px 14px 14px;margin-top:4px}.dash{background:var(--color-bg-alt);grid-template-columns:46px 1fr;height:100%;display:grid;overflow:hidden}.dash-rail{background:var(--color-ink);color:var(--cream);flex-direction:column;align-items:center;gap:12px;padding-top:12px;display:flex}.dash-rail svg{opacity:.55;width:18px;height:18px}.dash-rail svg:first-child{opacity:1;color:var(--color-extra)}.dash-main{min-width:0;padding:12px 16px}.dash-top{border-bottom:1.5px solid var(--color-line);align-items:center;gap:8px;padding-bottom:8px;display:flex}.dash-logo{border:1.5px solid var(--color-ink);background:var(--color-accent);width:22px;height:22px;font-family:var(--font-display);border-radius:6px;place-items:center;font-size:14px;font-weight:800;display:grid}.dash-name{letter-spacing:.02em;font-size:14px;font-weight:700}.dash-chip{border:1.5px solid var(--color-ink);background:var(--color-extra);text-transform:uppercase;letter-spacing:.06em;border-radius:999px;margin-left:auto;padding:3px 8px;font-size:14px;font-weight:700}.dash-avatar{border:1.5px solid var(--color-ink);background:var(--color-accent-2);width:22px;height:22px;color:var(--cream);border-radius:50%;place-items:center;font-size:14px;font-weight:700;display:grid}.dash-head{justify-content:space-between;align-items:end;padding-block:8px 6px;display:flex}.dash-head .label{letter-spacing:.06em;font-size:14px}.dash-head h3{font-family:var(--font-display);letter-spacing:-.02em;font-size:20px;font-weight:800;line-height:1}.dash-stats{grid-template-columns:repeat(3,1fr);gap:6px;margin-bottom:8px;display:grid}.dash-stat{border:1.5px solid var(--color-ink);background:var(--cream);border-radius:8px;padding:6px 8px}.dash-stat span{text-transform:uppercase;letter-spacing:.05em;color:var(--color-muted);font-size:14px;display:block}.dash-stat strong{font-family:var(--font-display);font-size:18px;line-height:1.1;display:block}.dash-stat em{color:#146b3a;font-size:14px;font-style:normal;font-weight:700}.dash-cols{grid-template-columns:1.45fr 1fr;gap:8px;display:grid}.dash-card{border:1.5px solid var(--color-ink);background:var(--cream);border-radius:8px;padding:7px;overflow:hidden}.dash-card-head{text-transform:uppercase;letter-spacing:.04em;color:var(--color-muted);justify-content:space-between;margin-bottom:4px;font-size:14px;display:flex}.dash-bars{width:100%;height:76px}.dash-bars rect{fill:var(--color-accent)}.dash-bars rect:nth-child(2n){fill:var(--color-accent-2)}.dash-bars rect:nth-child(3n){fill:var(--color-extra)}.dash-list{gap:5px;display:grid}.dash-list-row{border-bottom:1px solid var(--color-line);align-items:center;gap:5px;padding-bottom:4px;font-size:14px;display:flex}.dash-list-row:last-child{border-bottom:0}.dash-dot{background:#146b3a;border-radius:50%;flex-shrink:0;width:6px;height:6px}.dash-dot--warn{background:var(--color-accent)}.dash-list-row b{font-weight:600}.dash-list-row span:last-child{color:var(--color-muted);margin-left:auto}.laptop-screen .dash,.laptop-screen .dash-main{height:100%}.laptop-screen .dash{grid-template-columns:54px 1fr}.laptop-screen .dash-main{padding:16px 20px}.laptop-screen .dash-head h3{font-size:26px}.laptop-screen .dash-head .label,.laptop-screen .dash-stat span,.laptop-screen .dash-stat em,.laptop-screen .dash-list-row,.laptop-screen .dash-card-head{font-size:14px}.laptop-screen .dash-stat strong{font-size:22px}.laptop-screen .dash-bars{height:110px}.mob{background:var(--cream);flex-direction:column;gap:10px;height:100%;padding:10px 12px;display:flex}.mob--compact{gap:7px;padding:8px 10px}.mob--compact .mob-row{padding:6px 8px}.mob-status{justify-content:space-between;align-items:center;display:flex}.mob-status>span:first-child{font-size:14px;font-weight:700}.mob-bars{align-items:flex-end;gap:2px;height:10px;display:flex}.mob-bars i{background:var(--color-ink);border-radius:1px;width:3px}.mob-bars i:first-child{height:4px}.mob-bars i:nth-child(2){height:7px}.mob-bars i:nth-child(3){height:10px}.mob-head{justify-content:space-between;align-items:center;gap:8px;display:flex}.mob-head .label{letter-spacing:.07em;color:var(--color-muted);font-size:14px}.mob-head h3{font-family:var(--font-display);letter-spacing:-.03em;font-size:28px;font-weight:800;line-height:1}.mob-avatar{border:2px solid var(--color-ink);background:var(--color-accent);border-radius:50%;place-items:center;width:34px;height:34px;font-size:14px;font-weight:700;display:grid}.mob-search{border:2px solid var(--color-ink);background:var(--color-bg);color:var(--color-muted);border-radius:999px;justify-content:space-between;align-items:center;padding:9px 12px;font-size:14px;display:flex}.mob-search svg{width:14px;height:14px}.mob-tabs{gap:5px;display:flex}.mob-tabs span{border:1.5px solid var(--color-ink);border-radius:999px;padding:5px 10px;font-size:14px;font-weight:600}.mob-tabs .is-on{background:var(--color-ink);color:var(--cream)}.mob-hero{border:2px solid var(--color-ink);background:var(--color-extra);border-radius:16px;padding:12px}.mob-hero span{text-transform:uppercase;letter-spacing:.07em;font-size:14px}.mob-hero strong{font-family:var(--font-display);letter-spacing:-.04em;font-size:34px;line-height:1.05;display:block}.mob-hero em{font-size:14px;font-style:normal;font-weight:600}.mob-list{gap:7px;display:grid}.mob-row{border:1.5px solid var(--color-ink);background:var(--color-bg-alt);border-radius:10px;align-items:center;gap:8px;padding:9px 10px;display:flex}.mob-row .dash-dot{width:8px;height:8px}.mob-row strong{font-size:14px;line-height:1.2;display:block}.mob-row small{color:var(--color-muted);font-size:14px;display:block}.mob-row>span:last-child{margin-left:auto;font-size:14px;font-weight:600}.mob-nav{border-top:1.5px solid var(--color-line);justify-content:space-around;margin-top:auto;padding-top:8px;display:flex}.mob-nav span{color:var(--color-muted);flex-direction:column;align-items:center;gap:2px;font-size:14px;display:flex}.mob-nav svg{width:16px;height:16px}.mob-nav .is-on{color:var(--color-ink)}.mob-nav .is-on svg{color:var(--color-accent)}[data-reveal]{transition:opacity .5s,transform .5s}.reveal-on [data-reveal]{opacity:0;transform:translateY(18px)}.reveal-on [data-reveal].is-in{opacity:1;transform:none}@keyframes fade-in{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:none}}@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,:before,:after{scroll-behavior:auto;transition-duration:.01ms;animation-duration:.01ms;animation-iteration-count:1}.reveal-on [data-reveal]{opacity:1;transform:none}}
