:root{--ink: #000000;--canvas: #ffffff;--inverse: #1f1d3d;--inverse-ink: #ffffff;--surface-soft: #f7f7f5;--hairline: #e6e6e6;--blue: #0a5af2;--gold: #fdb209;--lime: #dceeb1;--lilac: #c5b0f4;--cream: #f4ecd6;--mint: #c8e6cd;--coral: #f3c9b6;--pink: #efd4d4;--success: #1ea64a;--radius-md: 8px;--radius-lg: 24px;--radius-xl: 32px;--pill: 999px;--container: 1280px;color:var(--ink);background:var(--canvas);font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;font-synthesis:none;text-rendering:geometricPrecision;-webkit-font-smoothing:antialiased;scroll-behavior:smooth}*{box-sizing:border-box}body{margin:0;min-width:320px;background:var(--canvas)}a{color:inherit;text-decoration:none}img{display:block;max-width:100%}.site-shell{overflow-x:clip}.top-nav{position:sticky;top:0;z-index:20;display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:24px;min-height:64px;width:min(100% - 32px,var(--container));margin:0 auto;background:#ffffffeb;border-bottom:1px solid var(--hairline);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px)}.brand{display:inline-flex;align-items:center;gap:10px;font-size:18px;font-weight:720;white-space:nowrap}.brand img{width:38px;height:38px;border:1px solid var(--hairline);border-radius:12px}.nav-links,.footer nav{display:flex;justify-content:center;gap:24px;font-size:16px;font-weight:520}.nav-links a,.footer nav a{border-radius:var(--pill);padding:8px 10px}.nav-links a:hover,.footer nav a:hover{background:var(--surface-soft)}.button{display:inline-flex;align-items:center;justify-content:center;min-height:48px;border-radius:var(--pill);padding:10px 24px;font-size:18px;font-weight:620;line-height:1.2;white-space:nowrap;transition:transform .16s ease,background-color .16s ease,color .16s ease}.button:hover{transform:translateY(-1px)}.button:focus-visible{outline:3px solid var(--gold);outline-offset:3px}.hero-copy{animation:rise-in .64s ease both}.hero-visual{animation:rise-in .76s 80ms ease both}.color-block,.feature-card,.chart-panel,.insight-item,.step-card{animation:rise-in .62s ease both}.feature-card:nth-child(2),.insight-item:nth-child(2),.step-card:nth-child(2){animation-delay:70ms}.feature-card:nth-child(3),.insight-item:nth-child(3),.step-card:nth-child(3){animation-delay:.12s}.feature-card:nth-child(4),.insight-item:nth-child(4){animation-delay:.17s}.feature-card:nth-child(5){animation-delay:.21s}.feature-card:nth-child(6){animation-delay:.25s}.button-primary{color:var(--inverse-ink);background:var(--ink)}.button-secondary{color:var(--ink);background:var(--canvas);border:1px solid var(--hairline)}.button-small{min-height:42px;padding:8px 18px;font-size:16px}.section-pad{width:min(100% - 40px,var(--container));margin:0 auto;padding:96px 0}.hero{display:grid;grid-template-columns:minmax(0,1.04fr) minmax(360px,.86fr);align-items:center;gap:64px;min-height:calc(100vh - 64px);padding-top:72px}.eyebrow{margin:0 0 18px;font-family:JetBrains Mono,SFMono-Regular,Consolas,monospace;font-size:13px;font-weight:700;line-height:1.25;letter-spacing:0;text-transform:uppercase}h1,h2,h3,p{margin-top:0}h1{max-width:760px;margin-bottom:24px;font-size:clamp(48px,7vw,86px);font-weight:380;line-height:.98;letter-spacing:0}h2{margin-bottom:20px;font-size:clamp(38px,5vw,64px);font-weight:380;line-height:1.04;letter-spacing:0}h3{margin-bottom:12px;font-size:24px;font-weight:760;line-height:1.2;letter-spacing:0}.lead{max-width:680px;margin-bottom:32px;font-size:clamp(20px,2.1vw,26px);font-weight:360;line-height:1.36}.hero-actions{display:flex;flex-wrap:wrap;gap:12px;margin-bottom:24px}.trust-notes{display:flex;flex-wrap:wrap;gap:10px}.trust-notes span{border:1px solid var(--hairline);border-radius:var(--pill);padding:8px 12px;background:var(--surface-soft);font-size:14px;font-weight:620}.hero-visual{display:grid;place-items:center;min-height:620px;border-radius:var(--radius-xl);background:var(--lilac)}.phone-frame{width:min(78vw,360px);border:12px solid var(--ink);border-radius:44px;background:var(--ink);box-shadow:0 24px 70px #00000038;animation:phone-float 5.5s ease-in-out infinite}.phone-screen{min-height:650px;padding:24px 18px;border-radius:32px;background:#f8f9fd}.app-top,.chart-header,.subscription-list div,.download-meta,.footer{display:flex;align-items:center}.app-top{justify-content:space-between;margin-bottom:18px}.app-top span,.balance-card span,.mini-stats span,.subscription-list small,.legend,.download-meta,.fine-print,.version{font-size:12px;font-weight:680;color:#0000009e}.app-top strong{display:block;margin-top:4px;font-size:28px}.app-top img{width:46px;height:46px;border-radius:14px}.balance-card{margin-bottom:14px;padding:20px;border-radius:24px;color:var(--inverse-ink);background:var(--blue)}.balance-card span,.balance-card small{color:#ffffffc7}.balance-card strong{display:block;margin:8px 0 18px;font-size:34px;line-height:1}.progress-track{height:10px;margin-bottom:10px;overflow:hidden;border-radius:var(--pill);background:#ffffff3d}.progress-track span{display:block;width:82%;height:100%;border-radius:inherit;background:var(--gold)}.mini-stats{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin-bottom:14px}.mini-stats div,.subscription-list,.calendar-mini,.chart-panel,.insight-item{border:1px solid var(--hairline);border-radius:20px;background:var(--canvas)}.mini-stats div{padding:16px}.mini-stats strong{display:block;margin-top:6px;font-size:24px}.subscription-list{display:grid;gap:12px;margin-bottom:14px;padding:12px}.subscription-list div{gap:10px}.subscription-list p{flex:1;margin:0;font-size:15px;font-weight:760}.subscription-list small{display:block;margin-top:3px}.service-dot{width:34px;height:34px;border-radius:12px}.service-dot.blue{background:var(--blue)}.service-dot.gold{background:var(--gold)}.calendar-mini{display:grid;grid-template-columns:repeat(6,1fr);gap:8px;padding:12px}.calendar-mini span{display:grid;place-items:center;min-height:34px;border-radius:12px;background:var(--surface-soft);font-size:13px;font-weight:760}.calendar-mini .due{color:var(--inverse-ink);background:var(--ink)}.color-block{width:min(100% - 40px,var(--container));margin:0 auto 96px;border-radius:var(--radius-lg);padding:56px}.block-cream{background:var(--cream)}.block-navy{color:var(--inverse-ink);background:var(--inverse)}.block-navy .eyebrow,.block-navy .fine-print{color:#ffffffb8}.block-lilac{background:var(--lilac)}.block-lime{background:var(--lime)}.problem-block,.download-section{display:grid;grid-template-columns:minmax(0,.9fr) minmax(360px,.72fr);align-items:center;gap:48px}.problem-block{position:relative;overflow:hidden;background:radial-gradient(circle at 92% 12%,rgba(10,90,242,.11),transparent 26%),var(--cream)}.problem-copy{max-width:720px}.problem-copy h2{max-width:680px}.block-copy,.offline-copy p,.download-section p,.section-heading p{font-size:clamp(18px,2vw,24px);font-weight:360;line-height:1.38}.pain-grid{display:grid;gap:14px;align-content:start}.pain-item{display:grid;grid-template-columns:auto 1fr;gap:16px;align-items:flex-start;min-height:116px;border:1px solid rgba(0,0,0,.12);border-radius:var(--radius-lg);padding:20px;background:#ffffffb8;transition:transform .18s ease,background-color .18s ease,border-color .18s ease}.pain-item:hover{border-color:#1ea64a73;background:#e5f4d8;transform:translate(8px)}.pain-item span{width:14px;height:14px;margin-top:7px;border-radius:var(--pill);background:var(--ink)}.pain-item strong{display:block;margin-bottom:6px;font-size:20px;line-height:1.15}.pain-item p{margin-bottom:0;font-size:16px;font-weight:430;line-height:1.42}.section-heading{max-width:900px;margin-bottom:48px}.section-heading.compact{max-width:760px}.feature-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}.feature-card{display:flex;flex-direction:column;justify-content:space-between;min-height:250px;border:1px solid var(--hairline);border-radius:var(--radius-lg);padding:24px;background:var(--canvas);transition:transform .18s ease,background-color .18s ease,border-color .18s ease}.feature-card:hover{border-color:#1ea64a73;background:#e5f4d8;transform:translateY(-8px)}.feature-topline{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:56px}.feature-number{display:inline-grid;place-items:center;width:42px;height:42px;border-radius:var(--pill);color:var(--inverse-ink);background:var(--ink);font-family:JetBrains Mono,SFMono-Regular,Consolas,monospace;font-size:12px;font-weight:760}.feature-tag{border:1px solid var(--hairline);border-radius:var(--pill);padding:7px 10px;background:var(--surface-soft);font-size:12px;font-weight:760}.feature-card:hover .feature-tag{border-color:#00000029;background:#ffffff94}.feature-card p,.step-card p{margin-bottom:0;font-size:17px;line-height:1.45}.offline-block{position:relative;overflow:hidden}.offline-container{display:flex;flex-direction:column;align-items:center;text-align:center;max-width:800px;margin:0 auto}.offline-header{margin-bottom:40px}.offline-header h2{margin-bottom:16px;white-space:nowrap}.offline-lead{max-width:560px;margin:0 auto;color:#ffffffc7;font-size:clamp(18px,2vw,22px);font-weight:360;line-height:1.5}.offline-cards{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:16px;width:100%;margin-bottom:32px}.offline-card{display:flex;flex-direction:column;align-items:center;gap:12px;padding:28px 20px;border-radius:var(--radius-lg);background:#ffffff0f;border:1px solid rgba(255,255,255,.1);transition:transform .18s ease,background-color .18s ease,border-color .18s ease}.offline-card:hover{background:#ffffff1f;border-color:#fff3;transform:translateY(-4px)}.offline-icon{display:grid;place-items:center;width:52px;height:52px;border-radius:var(--radius-md);background:#ffffff1a;font-size:24px}.offline-card-content strong{display:block;margin-bottom:6px;font-size:18px;font-weight:720;color:#fff}.offline-card-content p{margin:0;font-size:14px;font-weight:400;line-height:1.5;color:#ffffffa6}.offline-footnote{max-width:480px;margin:0;font-size:14px;font-weight:400;line-height:1.6;color:#ffffff8c}.analytics-layout{display:grid;grid-template-columns:minmax(320px,.8fr) 1fr;gap:16px}.chart-panel{position:relative;overflow:hidden;padding:28px;background:var(--coral)}.chart-panel:before{position:absolute;inset:18px 18px auto auto;width:82px;height:82px;border-radius:50%;background:#ffffff57;content:""}.chart-header{justify-content:space-between;margin-bottom:32px;font-size:18px;font-weight:720}.chart-header strong{font-size:54px;line-height:1}.bar-stack{display:grid;align-items:end;grid-template-columns:1fr .74fr .52fr;gap:12px;min-height:220px;margin-bottom:16px}.bar{display:block;border-radius:18px 18px 8px 8px;transform-origin:bottom;animation:bar-grow .76s ease both}.bar.streaming{height:210px;background:var(--ink)}.bar.tools{height:160px;background:var(--blue)}.bar.utilities{height:112px;background:var(--gold)}.legend{display:flex;flex-wrap:wrap;gap:12px}.insight-list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}.insight-item{align-items:flex-start;gap:14px;min-height:160px;padding:22px;transition:transform .18s ease,background-color .18s ease,border-color .18s ease}.insight-item:hover{border-color:#1ea64a73;background:#e5f4d8;transform:translateY(-6px)}.insight-item span{flex:0 0 auto;width:18px;height:18px;margin-top:4px;border-radius:var(--pill);background:var(--success)}.insight-item strong{display:block;margin-bottom:22px;font-size:36px;line-height:1}.insight-item h3{margin-bottom:8px;font-size:22px}.insight-item p{margin-bottom:0;font-size:16px;line-height:1.42}.steps-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}.step-card{min-height:230px;border:1px solid rgba(0,0,0,.12);border-radius:var(--radius-lg);padding:24px;background:#ffffff94}.step-card span{display:grid;place-items:center;width:46px;height:46px;margin-bottom:44px;border-radius:var(--pill);color:var(--inverse-ink);background:var(--ink);font-size:18px;font-weight:760}.download-section{align-items:center}.download-section h2{max-width:760px}.download-action{display:grid;justify-items:start;gap:18px}.download-meta{flex-wrap:wrap;gap:8px}.download-meta span{border:1px solid rgba(0,0,0,.14);border-radius:var(--pill);padding:8px 10px;color:var(--ink);background:#ffffff80}.footer{justify-content:space-between;gap:24px;width:min(100% - 40px,var(--container));margin:0 auto;padding:40px 0 64px;border-top:1px solid var(--hairline)}.footer p{margin:12px 0 0;font-size:15px}.footer-brand img{width:34px;height:34px}@media(max-width:960px){.top-nav{grid-template-columns:1fr auto}.nav-links{display:none}.hero,.problem-block,.download-section,.analytics-layout{grid-template-columns:1fr}.hero{gap:36px;min-height:auto;padding-top:56px}.hero-visual{min-height:540px}.feature-grid,.steps-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:768px){.section-pad{width:min(100% - 32px,var(--container));padding:72px 0}.color-block{width:100%;margin-bottom:72px;border-radius:0;padding:44px 20px}.hero-visual{border-radius:0;margin-inline:-16px}.feature-grid,.steps-grid,.insight-list{grid-template-columns:1fr}.footer{align-items:flex-start;flex-direction:column}.footer nav{justify-content:flex-start;flex-wrap:wrap}}@media(max-width:560px){.top-nav{width:min(100% - 24px,var(--container));min-height:58px}.brand span{max-width:128px;overflow:hidden;text-overflow:ellipsis}.button-small{min-height:40px;padding:8px 14px;font-size:14px}.hero-actions,.hero-actions .button,.download-action,.download-action .button{width:100%}.trust-notes span{flex:1 1 150px;text-align:center}.phone-frame{width:min(88vw,330px);transform:none}.phone-screen{min-height:610px}.balance-card strong{font-size:30px}.section-heading{margin-bottom:32px}.feature-card,.step-card{min-height:auto}.step-card span,.feature-topline{margin-bottom:28px}.offline-cards{grid-template-columns:1fr}.offline-card{flex-direction:row;align-items:flex-start;text-align:left;padding:20px}.offline-icon{flex-shrink:0}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:1ms!important;animation-iteration-count:1!important;scroll-behavior:auto!important;transition-duration:1ms!important}}@keyframes rise-in{0%{opacity:0;transform:translateY(22px)}to{opacity:1;transform:translateY(0)}}@keyframes phone-float{0%,to{transform:translateY(0) rotate(3deg)}50%{transform:translateY(-12px) rotate(1.5deg)}}@keyframes bar-grow{0%{transform:scaleY(.18)}to{transform:scaleY(1)}}