:root{color-scheme:light;--bg: #F7F7F5;--bg2: #F1F1EF;--surface: #FFFFFF;--dark: #0F1113;--dark2: #17191C;--text: #111111;--muted: #5F5F5F;--muted2: #8A8A8A;--border: rgba(17,17,17,.09);--border2: rgba(17,17,17,.18);--on-dark: #F4F4F2;--on-dark-muted: rgba(244,244,242,.68);--on-dark-border: rgba(255,255,255,.1);--success: #16A34A;--success-bright: #4ADE80;--danger: #DC2626;--warning: #D97706;--fit: 1}*,*:before,*:after{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;font-family:Inter,system-ui,sans-serif;background:var(--bg);color:var(--text);line-height:1.6;overflow-x:clip;-webkit-font-smoothing:antialiased}img{max-width:100%}a:focus-visible,button:focus-visible{outline:2px solid currentColor;outline-offset:3px;border-radius:8px}.btn-primary:focus-visible,.nav-cta:focus-visible,.skip-link:focus-visible{outline-color:var(--dark)}html.on-dark .nav-cta:focus-visible,html.on-dark .scene-rail button:focus-visible{outline-color:#fff}.num{font-family:Space Grotesk,Inter,sans-serif;font-variant-numeric:tabular-nums}.skip-link{position:fixed;left:16px;top:-60px;z-index:300;padding:10px 16px;border-radius:10px;background:var(--dark);color:#fff;font-weight:700;text-decoration:none}.skip-link:focus{top:12px}.scroll-progress{position:fixed;top:0;left:0;z-index:220;width:100%;height:3px;background:var(--dark);transform:scaleX(0);transform-origin:left center;pointer-events:none}.nav{position:fixed;top:0;left:0;right:0;z-index:200;display:flex;align-items:center;justify-content:space-between;height:64px;padding:0 40px;background:#f7f7f5d1;backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);border-bottom:1px solid var(--border);transition:background-color .4s ease,border-color .4s ease}.nav-logo{display:flex;align-items:center;gap:10px;font-weight:800;font-size:1.15rem;letter-spacing:-.02em;color:var(--text);text-decoration:none;transition:color .4s ease}.nav-logo img{width:28px;height:28px;border-radius:8px;display:block}.nav-links{display:flex;align-items:center;gap:26px;list-style:none;margin:0;padding:0}.nav-links a{color:var(--muted);text-decoration:none;font-size:.875rem;font-weight:500;transition:color .2s ease}.nav-links a:hover{color:var(--text)}.nav-cta{display:inline-flex;align-items:center;gap:6px;padding:9px 18px;border-radius:10px;background:var(--dark);color:#fff!important;font-weight:700!important;white-space:nowrap;transition:background-color .4s ease,color .4s ease}html.on-dark .nav{background:#0f1113b8;border-bottom-color:var(--on-dark-border)}html.on-dark .nav-logo{color:var(--on-dark)}html.on-dark .nav-links a{color:var(--on-dark-muted)}html.on-dark .nav-links a:hover{color:#fff}html.on-dark .nav-cta{background:#fff;color:var(--dark)!important}.scene-rail{position:fixed;right:22px;top:50%;z-index:150;transform:translateY(-50%);display:flex;flex-direction:column;gap:6px;margin:0;padding:0;list-style:none}.scene-rail button{position:relative;display:flex;align-items:center;justify-content:flex-end;width:26px;height:22px;padding:0;background:none;border:0;cursor:pointer;color:var(--text)}.scene-rail button:after{content:"";width:6px;height:6px;border-radius:999px;background:currentColor;opacity:.28;transition:height .3s ease,opacity .3s ease}.scene-rail button[aria-current=step]:after{height:20px;opacity:1}.scene-rail-label{position:absolute;right:22px;top:50%;transform:translate(6px,-50%);padding:4px 10px;border-radius:8px;background:var(--dark);color:#fff;font-size:.72rem;font-weight:600;white-space:nowrap;opacity:0;pointer-events:none;transition:opacity .2s ease,transform .2s ease}.scene-rail button:hover .scene-rail-label,.scene-rail button:focus-visible .scene-rail-label{opacity:1;transform:translateY(-50%)}html.on-dark .scene-rail button{color:var(--on-dark)}html.on-dark .scene-rail-label{background:#fff;color:var(--dark)}.btn-primary,.btn-ghost,.btn-light{display:inline-flex;align-items:center;justify-content:center;gap:8px;flex-shrink:0;white-space:nowrap;padding:14px 28px;border-radius:12px;font-family:inherit;font-size:1rem;font-weight:700;text-decoration:none;cursor:pointer;transition:background-color .15s ease,transform .15s ease,border-color .15s ease}.btn-primary{background:var(--dark);color:#fff;border:1px solid var(--dark)}.btn-primary:hover{background:#2a2a2a;transform:translateY(-1px)}.btn-ghost{background:transparent;color:var(--text);border:1px solid var(--border2);font-weight:600}.btn-ghost:hover{border-color:var(--text);background:var(--surface)}.btn-light{background:#fff;color:var(--dark);border:1px solid #FFFFFF}.btn-light:hover{transform:translateY(-1px);background:#ededea}.track{position:relative}.track-a{height:640vh}.track-b{height:700vh}.track-c{height:190vh}.scene-anchor{position:absolute;left:0;width:1px;height:1px;pointer-events:none}.stage{position:sticky;top:0;height:100vh;height:100lvh;overflow:hidden;isolation:isolate}.stage-bg{position:absolute;inset:0;z-index:-2;background:var(--bg)}.stage-grain{position:absolute;inset:0;z-index:-1;pointer-events:none;background-image:linear-gradient(to right,rgba(17,17,17,.045) 1px,transparent 1px),linear-gradient(to bottom,rgba(17,17,17,.045) 1px,transparent 1px);background-size:64px 64px;-webkit-mask-image:radial-gradient(ellipse 80% 70% at 60% 45%,#000 20%,transparent 75%);mask-image:radial-gradient(ellipse 80% 70% at 60% 45%,#000 20%,transparent 75%)}.layer{position:absolute;will-change:transform,opacity}.center-box{inset:0;margin:auto}.eyebrow{display:inline-flex;align-items:center;gap:8px;font-size:.74rem;font-weight:700;text-transform:uppercase;letter-spacing:.12em;color:var(--muted)}.eyebrow:before{content:"";width:18px;height:2px;background:currentColor}.on-dark-text{color:var(--on-dark)}.on-dark-text .eyebrow{color:var(--on-dark-muted)}html.on-dark .scroll-progress{background:#fff}.scene-title{margin:14px 0 0;font-size:clamp(2.2rem,4.2vw,3.9rem);font-weight:900;line-height:1.02;letter-spacing:-.035em}.scene-title em{font-style:normal;color:var(--muted)}.on-dark-text .scene-title em{color:var(--on-dark-muted)}.scene-sub{margin:18px 0 0;font-size:clamp(1rem,1.25vw,1.12rem);line-height:1.65;color:var(--muted);max-width:460px}.on-dark-text .scene-sub{color:var(--on-dark-muted)}.s1-copy{top:0;bottom:0;left:6vw;width:min(560px,40vw);display:flex;flex-direction:column;justify-content:center;padding-top:40px}.s1-chip{align-self:flex-start;display:inline-flex;align-items:center;gap:10px;padding:4px 14px 4px 4px;border-radius:999px;border:1px solid var(--border2);background:var(--surface);color:var(--muted);font-size:.82rem;font-weight:600;text-decoration:none}.s1-chip b{display:inline-flex;align-items:center;gap:6px;padding:3px 10px;border-radius:999px;background:var(--dark);color:#fff;font-size:.72rem}.s1-chip b:before{content:"";width:6px;height:6px;border-radius:50%;background:#fff}.s1-title{margin:26px 0 0;font-size:clamp(2.6rem,5vw,4.6rem);font-weight:900;line-height:1.02;letter-spacing:-.04em}.s1-title em{font-style:normal;color:var(--muted)}.s1-sub{margin:22px 0 0;max-width:480px;font-size:clamp(1rem,1.3vw,1.15rem);line-height:1.65;color:var(--muted)}.s1-actions{display:flex;flex-wrap:wrap;gap:12px;margin-top:32px}.s1-micro{margin:14px 0 0;font-size:.8rem;color:var(--muted)}.s1-photo{left:45vw;top:13vh;width:23vw;aspect-ratio:4 / 3;margin:0;border-radius:24px;overflow:hidden;box-shadow:0 30px 70px #11111129;border:1px solid var(--border)}.s1-photo img{display:block;width:100%;height:100%;object-fit:cover}.s1-browser{left:53vw;top:37vh;width:44vw}.s1-hint{left:0;right:0;bottom:26px;margin:0 auto;width:max-content;display:flex;align-items:center;gap:10px;font-size:.78rem;font-weight:600;color:var(--muted)}.mouse{width:20px;height:30px;border-radius:12px;border:2px solid currentColor;display:flex;justify-content:center;padding-top:5px}.mouse:before{content:"";width:3px;height:6px;border-radius:3px;background:currentColor;animation:mouseWheel 1.6s ease-in-out infinite}@keyframes mouseWheel{0%{transform:translateY(0);opacity:1}70%{transform:translateY(7px);opacity:0}to{opacity:0}}.phone-layer{width:300px;height:620px;z-index:5}.phone-fit{width:300px;height:620px;transform:scale(var(--fit));transform-origin:center}.phone{position:relative;width:300px;height:620px;border-radius:50px;padding:10px;background:#0b0c0e;box-shadow:inset 0 0 0 1.5px #2c2f34,inset 0 0 0 4px #0b0c0e,0 50px 100px #00000052,0 12px 30px #0000002e}.screen{position:relative;width:100%;height:100%;border-radius:40px;overflow:hidden;background:var(--bg)}.screen-content{position:absolute;inset:0;display:flex;flex-direction:column}.island{position:absolute;top:10px;left:50%;z-index:3;width:92px;height:26px;margin-left:-46px;border-radius:20px;background:#000}.status{height:44px;flex-shrink:0;display:flex;align-items:center;justify-content:space-between;padding:6px 26px 0 30px;background:var(--dark);color:#fff;font-size:.72rem;font-weight:700}.status-icons{display:flex;gap:5px;align-items:center}.app-bar{height:46px;flex-shrink:0;display:flex;align-items:center;justify-content:space-between;padding:0 16px;background:var(--dark);color:#fff;font-weight:800;font-size:.86rem}.app-brand{display:flex;align-items:center;gap:7px}.app-brand img{width:20px;height:20px;border-radius:6px;display:block}.app-avatar{width:24px;height:24px;border-radius:50%;background:#fff;color:var(--dark);display:flex;align-items:center;justify-content:center;font-size:.6rem;font-weight:800}.app-body{flex:1;min-height:0;overflow:hidden;padding:12px 14px 0;display:flex;flex-direction:column;gap:10px}.app-month{display:flex;align-items:center;justify-content:space-between;font-size:.82rem;font-weight:800;color:var(--text)}.app-month-arrow{color:var(--muted2);font-weight:600}.month-window{position:relative;overflow:hidden;width:140px;height:20px;text-align:center}.month-strip{position:absolute;top:0;left:0;display:flex;will-change:transform}.month-strip span{width:140px;flex-shrink:0;text-align:center}.app-ring-card{display:flex;align-items:center;gap:12px;padding:12px;border-radius:16px;background:var(--surface);border:1px solid var(--border)}.app-ring-card strong{display:block;font-size:.86rem;color:var(--text)}.app-ring-card span{font-size:.7rem;color:var(--muted)}.app-sum{display:grid;grid-template-columns:1fr 1fr;gap:8px}.app-sum>div{position:relative;padding:8px 10px;border-radius:12px;background:var(--surface);border:1px solid var(--border)}.app-sum small{display:block;font-size:.56rem;font-weight:700;text-transform:uppercase;letter-spacing:.04em;color:var(--muted2)}.app-sum b{font-size:.86rem;color:var(--text)}.swap{position:relative;display:block;height:1.3em}.swap>b{position:absolute;left:0;top:0}.app-list-title{font-size:.66rem;font-weight:800;text-transform:uppercase;letter-spacing:.06em;color:var(--muted2);margin-top:2px}.app-list{display:flex;flex-direction:column;will-change:transform}.app-row{display:flex;align-items:center;gap:10px;padding:9px 0;border-bottom:1px solid var(--border)}.app-row-icon{width:30px;height:30px;flex-shrink:0;border-radius:9px;display:flex;align-items:center;justify-content:center;background:var(--bg2);color:var(--muted)}.app-row-main{flex:1;min-width:0}.app-row-main strong{display:block;font-size:.76rem;color:var(--text);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.app-row-main span{display:block;font-size:.64rem;color:var(--muted2)}.app-row-value{font-size:.76rem;font-weight:700;color:var(--text);white-space:nowrap}.app-tabbar{height:62px;flex-shrink:0;display:grid;grid-template-columns:repeat(5,1fr);padding:8px 6px 14px;background:var(--surface);border-top:1px solid var(--border)}.app-tab{display:flex;flex-direction:column;align-items:center;gap:2px;font-size:.54rem;font-weight:600;color:var(--muted2)}.app-tab.is-active{color:var(--text)}.pill{display:inline-flex;align-items:center;gap:5px;padding:3px 8px;border-radius:999px;font-size:.62rem;font-weight:700;white-space:nowrap;background:var(--bg2);color:var(--muted)}.pill.ok{background:#16a34a1f;color:#15803d}.pill.due{background:#d9770621;color:#b45309}.pill.today{background:#dc26261c;color:#b91c1c}.notif{width:300px;height:68px;z-index:8;display:flex;align-items:center;gap:11px;padding:10px 14px 10px 10px;border-radius:18px;background:#fff;border:1px solid var(--border);box-shadow:0 18px 44px #1111112e}.notif-icon{width:40px;height:40px;flex-shrink:0;border-radius:11px;display:flex;align-items:center;justify-content:center;background:var(--dark)}.notif-icon img{width:26px;height:26px;border-radius:7px;display:block}.notif-body{flex:1;min-width:0;line-height:1.3}.notif-body small{display:flex;justify-content:space-between;font-size:.66rem;color:var(--muted2);font-weight:600}.notif-body strong{display:block;font-size:.84rem;color:var(--text)}.notif-body span{font-size:.74rem;color:var(--muted)}.s2-copy{top:0;bottom:0;left:6vw;width:min(470px,32vw);display:flex;flex-direction:column;justify-content:center}.s2-copy .scene-title{font-size:clamp(2rem,3.3vw,3.2rem)}.s2-chip{left:63vw;width:min(320px,26vw);display:flex;align-items:center;gap:14px;padding:14px 18px;border-radius:18px;background:#1a1c1f;border:1px solid var(--on-dark-border);color:var(--on-dark)}.s2-chip.c1{top:20vh}.s2-chip.c2{top:35vh}.s2-chip.c3{top:50vh}.s2-chip.c4{top:65vh}.s2-chip-dot{width:10px;height:10px;border-radius:50%;flex-shrink:0}.s2-chip small{display:block;font-size:.72rem;font-weight:600;color:var(--on-dark-muted)}.s2-chip b{display:block;font-size:1.35rem;line-height:1.2}.s2-chip>span:last-child{margin-left:auto;font-size:.72rem;color:var(--on-dark-muted);text-align:right;max-width:110px;line-height:1.35}.s3-beat{top:0;bottom:0;left:59vw;width:min(460px,33vw);display:flex;flex-direction:column;justify-content:center}.s3-beat .scene-title{font-size:clamp(2rem,3.4vw,3.2rem)}.beat-index{font-size:.8rem;font-weight:700;color:var(--on-dark-muted);letter-spacing:.08em;text-transform:uppercase}.s3-card{left:7vw;top:30vh;width:300px;z-index:6;padding:16px;border-radius:20px;background:var(--surface);border:1px solid var(--border);box-shadow:0 30px 70px #00000059;color:var(--text)}.card-head{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-bottom:12px}.card-kicker{font-size:.68rem;font-weight:800;letter-spacing:.08em;text-transform:uppercase;color:var(--muted2)}.card-title{font-size:.98rem;font-weight:800;letter-spacing:-.01em}.card-big{font-size:1.6rem;font-weight:700;letter-spacing:-.02em}.card-note{margin-top:10px;font-size:.72rem;color:var(--muted);line-height:1.45}.card-row{display:flex;align-items:center;gap:10px;padding:9px 0;border-top:1px solid var(--border);font-size:.8rem}.card-row:first-of-type{border-top:0}.card-row-main{flex:1;min-width:0}.card-row-main span{display:block;font-size:.68rem;color:var(--muted2)}.card-row-value{font-weight:700;white-space:nowrap}.month-chips{display:flex;gap:6px;margin:10px 0 2px}.month-chips span{flex:1;text-align:center;padding:7px 0;border-radius:10px;font-size:.7rem;font-weight:700;color:var(--muted);background:var(--bg2);border:1px solid var(--border)}.month-chips span.is-on{background:var(--dark);color:#fff;border-color:var(--dark)}.check{width:20px;height:20px;flex-shrink:0;border-radius:7px;display:flex;align-items:center;justify-content:center;border:1.5px solid var(--border2);color:transparent;transition:background-color .25s ease,border-color .25s ease,color .25s ease}.task-row.is-done .check{background:var(--success);border-color:var(--success);color:#fff}.task-row strong{transition:color .25s ease}.task-row.is-done strong{color:var(--muted2);text-decoration:line-through}.browser{width:100%;border-radius:20px;overflow:hidden;background:var(--surface);border:1px solid var(--border);box-shadow:0 1px 2px #11111108,0 40px 100px #11111124}.browser-bar{display:flex;align-items:center;gap:6px;padding:10px 16px;background:var(--bg2);border-bottom:1px solid var(--border)}.browser-dot{width:10px;height:10px;border-radius:50%}.browser-url{flex:1;margin:0 10px;height:22px;border-radius:6px;display:flex;align-items:center;padding:0 10px;background:var(--surface);color:var(--muted2);font-size:.72rem;font-family:ui-monospace,monospace}.dash{display:flex;flex-direction:column;height:var(--dash-h, 380px);container-type:inline-size}.dash-top{display:flex;align-items:center;gap:18px;flex-shrink:0;height:46px;padding:0 16px;background:var(--dark)}.dash-brand{display:flex;align-items:center;gap:8px;font-weight:800;font-size:.82rem;color:#fff}.dash-brand img{width:20px;height:20px;border-radius:5px;display:block}.dash-nav{display:flex;gap:4px;flex:1}.dash-nav span{padding:6px 10px;border-radius:6px;font-size:.74rem;font-weight:600;color:#ffffff80}.dash-nav span.is-on{color:#fff;background:#ffffff14}.dash-main{flex:1;min-height:0;padding:16px 18px;display:flex;flex-direction:column;gap:10px;background:var(--bg2)}.kpis{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px}.kpi{display:flex;align-items:center;gap:9px;min-width:0;padding:10px 11px;border-radius:12px;background:var(--surface);border:1px solid var(--border)}.kpi-icon{width:30px;height:30px;flex-shrink:0;border-radius:9px;display:flex;align-items:center;justify-content:center}.kpi-label{font-size:.6rem;font-weight:700;text-transform:uppercase;letter-spacing:.03em;color:var(--muted2);white-space:nowrap}.kpi-value{font-size:1.02rem;font-weight:700;color:var(--text);white-space:nowrap}.dash-bottom{display:flex;gap:10px;flex:1;min-height:0}.dash-chart,.dash-goals{background:var(--surface);border:1px solid var(--border);border-radius:12px;padding:14px;min-width:0}.dash-chart{flex:1;display:flex;flex-direction:column}.dash-chart svg{flex:1;width:100%;min-height:0}.dash-goals{width:170px;flex-shrink:0;display:flex;flex-direction:column;gap:12px}.panel-label{font-size:.64rem;font-weight:800;text-transform:uppercase;letter-spacing:.04em;color:var(--muted)}.goal-line-top{display:flex;justify-content:space-between;font-size:.66rem;color:var(--muted);margin-bottom:5px}.goal-line-top b{color:var(--text);font-weight:700}.bar{height:5px;border-radius:999px;background:#11111114;overflow:hidden}.bar>i{display:block;height:100%;width:var(--p);border-radius:inherit;background:var(--c, var(--dark))}@container (max-width: 640px){.kpis{grid-template-columns:repeat(2,minmax(0,1fr))}}@container (max-width: 520px){.dash-nav,.dash-goals{display:none}.dash-main{padding:12px}}@container (max-width: 380px){.kpi-icon{display:none}}.s4-copy{left:0;right:0;top:11vh;margin:0 auto;width:min(1000px,88vw);text-align:center}.s4-copy .scene-sub{margin-left:auto;margin-right:auto}.s4-dash{left:0;right:0;top:36vh;margin:0 auto;width:min(1060px,82vw);--dash-h: min(460px, 50vh);transform-origin:30% 60%}.peel{width:250px;z-index:4;padding:16px;border-radius:18px;background:var(--surface);border:1px solid var(--border);box-shadow:0 30px 70px #1111112e}.peel small{display:block;font-size:.68rem;font-weight:700;text-transform:uppercase;letter-spacing:.06em;color:var(--muted2)}.peel b{display:block;font-size:1.7rem;letter-spacing:-.02em;line-height:1.2;margin-top:4px}.peel span{font-size:.76rem;color:var(--muted)}.peel-1{inset:0;margin:auto;height:max-content}.peel-2{inset:0;margin:auto;height:max-content;display:flex;align-items:center;gap:14px}.s5-photo{inset:0;z-index:1;overflow:hidden;clip-path:inset(50% 50% 50% 50% round 28px)}.desk{position:absolute;left:0;top:0;width:1400px;height:1050px;transform-origin:0 0;will-change:transform}.desk>img{display:block;width:100%;height:100%}.desk-screen{position:absolute;inset:0;clip-path:polygon(34.86% 47.6%,56% 47.2%,56.6% 66.8%,46.1% 66.8%,45.71% 65%,45.27% 63.57%,44.64% 61.9%,43.93% 60.24%,43.21% 58.57%,42.32% 56.67%,40.89% 54.76%,39.82% 52.62%,38.57% 51.67%,36.79% 50.71%,34.91% 49.14%);opacity:.94}.desk-ui{position:absolute;left:0;top:0;width:680px;height:425px;transform-origin:0 0;overflow:hidden;background:var(--bg2)}.desk-ui .dash{--dash-h: 425px}.desk-ui:after{content:"";position:absolute;inset:0;pointer-events:none;background:linear-gradient(115deg,#ffffff38,#fff0 42%),linear-gradient(0deg,#e8ecf029,#e8ecf029),linear-gradient(0deg,#14181c0d,#14181c0d)}.s5-shade{inset:0;z-index:2;pointer-events:none;background:linear-gradient(90deg,#0a0b0dd1,#0a0b0d73 48%,#0a0b0d26),linear-gradient(0deg,rgba(10,11,13,.75) 0%,transparent 45%)}.s5-big{left:6vw;z-index:3;margin:0;font-size:clamp(3rem,8.4vw,8rem);font-weight:900;line-height:.95;letter-spacing:-.05em;color:#fff}.s5-big.b1{top:16vh}.s5-big.b2{top:calc(16vh + clamp(3rem,8.4vw,8rem));color:#ffffff9e}.s5-results{left:6vw;right:6vw;bottom:9vh;z-index:3;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:28px;margin:0;padding:0;list-style:none}.s5-result{padding-top:16px;border-top:1px solid rgba(255,255,255,.28);color:#fff;will-change:transform,opacity}.s5-result b{display:block;font-size:clamp(2rem,3.4vw,3rem);line-height:1;letter-spacing:-.03em}.s5-result strong{display:block;margin-top:10px;font-size:1rem}.s5-result span{display:block;margin-top:4px;font-size:.86rem;color:#ffffffbd;line-height:1.5}.s6-copy{left:0;right:0;top:10vh;margin:0 auto;z-index:3;width:min(1100px,88vw);text-align:center}.s6-copy .scene-sub{margin-left:auto;margin-right:auto}.bento{left:0;right:0;bottom:6vh;margin:0 auto;z-index:2;width:min(1160px,88vw);height:min(540px,58vh);pointer-events:none;display:grid;grid-template-columns:1fr 1.55fr .82fr;grid-template-rows:1.25fr 1fr;grid-template-areas:"photo dash phone" "goals small phone";gap:14px}.tile{position:relative;min-width:0;min-height:0;border-radius:20px;overflow:hidden;background:var(--dark2);border:1px solid var(--on-dark-border);color:var(--on-dark);padding:16px;will-change:transform,opacity}.tile-label{font-size:.68rem;font-weight:700;letter-spacing:.1em;text-transform:uppercase;color:var(--on-dark-muted)}.tile-photo{grid-area:photo;background:transparent;border-color:transparent;display:flex;align-items:flex-end;padding:14px}.tile-photo .pill{background:#fffffff0;color:var(--text);font-size:.72rem;padding:6px 12px}.tile-dash{grid-area:dash;padding:0;background:var(--surface);border-color:transparent}.tile-dash .dash{--dash-h: 100%;height:100%}.tile-dash .kpis{grid-template-columns:repeat(4,minmax(0,1fr));gap:8px}.tile-dash .kpi{padding:8px 9px}.tile-dash .kpi-value{font-size:.84rem}.tile-dash .kpi-label{font-size:.54rem}.tile-phone{grid-area:phone;display:flex;flex-direction:column;align-items:center;justify-content:flex-end;padding-bottom:0;background:linear-gradient(180deg,#1d2024,#121417)}.tile-phone .tile-label{position:absolute;top:16px;left:16px}.mini-phone-wrap{width:160px;height:300px;overflow:hidden;flex-shrink:0}.mini-phone-wrap .phone{transform:scale(.533);transform-origin:top left}.tile-goals{grid-area:goals;display:flex;flex-direction:column;gap:12px}.tile-goals .goal-line-top{color:var(--on-dark-muted);font-size:.74rem}.tile-goals .goal-line-top b{color:var(--on-dark)}.tile-goals .bar{background:#ffffff1a;height:6px}.tile-small{grid-area:small;display:grid;grid-template-columns:1fr 1fr;gap:14px;padding:0;background:transparent;border:0;overflow:visible}.tile-small>.tile{height:100%}.tile-task-row{display:flex;align-items:center;gap:8px;margin-top:10px;font-size:.78rem;color:var(--on-dark)}.tile-task-row .check{border-color:#ffffff4d;width:16px;height:16px;border-radius:5px}.tile-task-row.is-done .check{background:var(--success);border-color:var(--success);color:#fff}.tile-task-row.is-done span{color:var(--on-dark-muted);text-decoration:line-through}.tile-bill b{display:block;margin-top:8px;font-size:1.5rem;letter-spacing:-.02em}.tile-bill .bills{display:flex;gap:4px;margin-top:12px;height:6px}.tile-bill .bills i{border-radius:999px}.s7-copy{left:0;right:0;top:13vh;margin:0 auto;z-index:3;width:min(880px,90vw);text-align:center}.s7-title{margin:14px 0 0;font-size:clamp(2.4rem,5.4vw,5rem);font-weight:900;line-height:1;letter-spacing:-.045em}.s7-title em{font-style:normal;color:var(--muted)}.s7-actions{display:flex;justify-content:center;flex-wrap:wrap;gap:12px;margin-top:30px}.s7-micro{margin:14px 0 0;font-size:.82rem;color:var(--muted)}.s7-phone{inset:auto 0 0;margin:0 auto;width:300px;height:620px;z-index:2}.s7-phone .phone-fit{transform-origin:bottom center}.s7-float{z-index:4;display:flex;align-items:center;gap:10px;padding:10px 14px 10px 10px;border-radius:14px;background:#fffffff5;border:1px solid var(--border);box-shadow:0 18px 40px #1111111f;font-size:.76rem;color:var(--muted);line-height:1.35;white-space:nowrap}.s7-float strong{display:block;color:var(--text);font-size:.84rem}.s7-float.f1{left:calc(50% - 360px);bottom:22vh}.s7-float.f2{left:calc(50% + 150px);bottom:12vh}.float-icon{width:34px;height:34px;flex-shrink:0;border-radius:10px;display:flex;align-items:center;justify-content:center}.pricing{padding:110px 24px 120px;background:var(--bg2);border-top:1px solid var(--border);text-align:center}.pricing .scene-sub{margin:14px auto 48px}.pricing-card{max-width:440px;margin:0 auto;padding:40px;border-radius:24px;text-align:center;background:var(--surface);border:1px solid var(--border2);box-shadow:0 24px 60px #1111110f}.pricing-badge{display:inline-flex;padding:4px 12px;border-radius:999px;background:var(--dark);color:#fff;font-size:.75rem;font-weight:700;text-transform:uppercase;letter-spacing:.06em}.pricing-price{display:flex;align-items:flex-start;justify-content:center;gap:4px;margin:18px 0 4px}.pricing-currency{font-size:1.4rem;font-weight:700;color:var(--muted);margin-top:8px}.pricing-value{font-size:4.5rem;font-weight:700;line-height:1;letter-spacing:-.03em}.pricing-period{align-self:flex-end;padding-bottom:8px;font-size:1rem;color:var(--muted);text-align:left;line-height:1.3}.pricing-desc{color:var(--muted);font-size:.9rem;margin:0 0 28px}.pricing-features{list-style:none;margin:0 0 32px;padding:0;text-align:left;display:flex;flex-direction:column;gap:12px}.pricing-features li{display:flex;align-items:center;gap:10px;font-size:.92rem;color:var(--muted)}.pricing-check{width:20px;height:20px;flex-shrink:0;border-radius:50%;display:flex;align-items:center;justify-content:center;background:var(--dark);color:#fff}.pricing-card .btn-primary{width:100%}.pricing-note{margin:16px 0 0;font-size:.78rem;color:var(--muted)}.footer{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:16px;padding:32px 40px;border-top:1px solid var(--border)}.footer-links{display:flex;gap:24px;list-style:none;margin:0;padding:0}.footer-links a{font-size:.82rem;color:var(--muted);text-decoration:none}.footer-links a:hover{color:var(--text)}.footer-copy{font-size:.8rem;color:var(--muted)}@media(max-width:1100px){.nav{padding:0 24px}.nav-links{gap:18px}.s1-photo{left:44vw;width:26vw}.s1-browser{left:50vw;width:48vw}.s2-chip{left:64vw;width:31vw}.s2-chip>span:last-child{display:none}.s3-card{left:4vw}}@media(max-width:860px){.nav-links li:not(.keep){display:none}.scene-rail{display:none}}@media(max-width:768px){.nav{padding:0 16px}.track-a{height:560vh}.track-b{height:600vh}.track-c{height:170vh}.s1-copy{left:0;right:0;bottom:auto;width:auto;z-index:6;padding:88px 20px 0;justify-content:flex-start;align-items:center;text-align:center}.s1-chip{align-self:center;font-size:.76rem}.s1-title{margin-top:18px;font-size:clamp(2.1rem,9.6vw,2.9rem)}.s1-sub{margin-top:12px;font-size:.95rem;max-width:360px}.s1-actions{justify-content:center;margin-top:20px}.s1-actions .btn-primary,.s1-actions .btn-ghost{padding:12px 20px;font-size:.92rem}.s1-micro{display:none}.s1-photo{left:5vw;top:60vh;width:44vw}.s1-browser,.s1-hint{display:none}.s2-copy,.s3-beat{left:0;right:0;bottom:auto;width:auto;padding:84px 22px 0;justify-content:flex-start;text-align:center;align-items:center}.scene-title{font-size:clamp(1.8rem,8vw,2.4rem)}.s3-beat .scene-title{font-size:clamp(1.7rem,7.4vw,2.2rem)}.scene-sub{font-size:.92rem;margin-top:10px}.s2-chip{width:42vw;padding:10px 12px;gap:9px;border-radius:14px;background:#17191ce0}.s2-chip b{font-size:1.05rem}.s2-chip small{font-size:.64rem}.s2-chip{width:45vw}.s2-chip.c1{left:4vw;top:38vh}.s2-chip.c2{left:auto;right:4vw;top:38vh}.s2-chip.c3{left:4vw;top:47vh}.s2-chip.c4{left:auto;right:4vw;top:47vh}.s3-card{left:0;right:0;top:auto;bottom:5vh;margin:0 auto;width:min(320px,88vw)}.s4-copy{top:10vh}.s4-dash{top:40vh;width:92vw;--dash-h: 330px}.peel{width:200px;padding:12px}.peel b{font-size:1.3rem}.s5-big{left:6vw;font-size:10vw;white-space:nowrap}.s5-big.b1{top:14vh}.s5-big.b2{top:calc(14vh + 10.5vw)}.s5-results{grid-template-columns:1fr;gap:14px;bottom:6vh}.s5-result{padding-top:10px}.s5-result b{font-size:1.7rem}.s5-result strong{margin-top:4px;font-size:.92rem}.s5-result span{display:none}.s6-copy{top:9vh}.bento{width:92vw;height:66vh;bottom:3vh;gap:10px;grid-template-columns:1fr 1fr;grid-template-rows:1fr 1.2fr 1fr;grid-template-areas:"photo goals" "dash dash" "small small"}.tile{padding:12px;border-radius:16px}.tile-phone{display:none}.tile-goals>div:nth-of-type(3){display:none}.tile-dash .kpi:nth-child(n+3){display:none}.tile-dash .kpis{grid-template-columns:repeat(2,minmax(0,1fr))}.tile-dash .dash-chart .panel-label{display:none}.tile-dash .dash-chart{padding:8px}.s6-copy .scene-title{font-size:clamp(1.6rem,7.4vw,2.2rem)}.tile-small{gap:10px}.s7-copy{top:11vh}.s7-actions{gap:10px}.s7-actions .btn-primary,.s7-actions .btn-ghost{padding:12px 18px;font-size:.92rem}.s7-float.f1{left:4vw;bottom:26vh}.s7-float.f2{left:auto;right:4vw;bottom:12vh}.pricing{padding:80px 20px 90px}.pricing-card{padding:32px 22px}.footer{flex-direction:column;text-align:center;padding:28px 20px}.footer-links{flex-wrap:wrap;justify-content:center;gap:14px}}@media(max-width:768px)and (max-height:760px){.s1-copy{padding-top:80px}.s1-title{margin-top:14px;font-size:clamp(2rem,8.8vw,2.6rem)}.s1-sub{margin-top:10px;font-size:.9rem;line-height:1.55}.s1-actions{margin-top:16px}.s2-copy,.s3-beat{padding-top:78px}.scene-title{font-size:clamp(1.65rem,7.4vw,2.2rem)}.s3-beat .scene-title{font-size:clamp(1.5rem,6.6vw,2rem)}.scene-sub{font-size:.88rem;line-height:1.55}.s3-card{bottom:2.5vh;padding:12px 14px}.s3-card .card-big{font-size:1.35rem}.s3-card .card-row{padding:7px 0}.s3-card .month-chips span{padding:5px 0}.s4-copy{top:9vh}.s6-copy{top:8vh}.s7-copy{top:9vh}.s7-title{font-size:clamp(2rem,9vw,2.6rem)}.s7-actions{margin-top:20px}}@media(max-width:420px){.nav-cta{padding:8px 14px}.s1-actions .btn-ghost,.s7-float.f2{display:none}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.mouse:before{animation:none}}html.rm .layer{transition:opacity .3s ease}[data-reveal] .w{display:inline-block;overflow:hidden;vertical-align:top;padding:.12em .02em .16em;margin:-.12em -.02em -.16em}[data-reveal] .wi{display:inline-block}.phone{will-change:transform}.s1-copy>*,.s1-photo img,.s1-browser>.browser,.phone-layer .phone-fit{transition:opacity .9s cubic-bezier(.16,1,.3,1),translate 1.1s cubic-bezier(.16,1,.3,1),scale 1.4s cubic-bezier(.16,1,.3,1)}.s1-title .wi{transition:transform 1.05s cubic-bezier(.16,1,.3,1);transition-delay:calc(.14s + var(--ln, 0) * 95ms)}.s1-chip{transition-delay:40ms}.s1-sub{transition-delay:.42s}.s1-actions{transition-delay:.52s}.s1-micro{transition-delay:.6s}.s1-photo img{transition-delay:.2s}.s1-browser>.browser{transition-delay:.38s}.phone-layer .phone-fit{transition-delay:.52s}.notif{transition:translate .9s cubic-bezier(.34,1.56,.64,1) 1.05s,scale .9s cubic-bezier(.34,1.56,.64,1) 1.05s}html.cine-intro .s1-chip,html.cine-intro .s1-sub,html.cine-intro .s1-actions,html.cine-intro .s1-micro{opacity:0;translate:0 16px}html.cine-intro:not(.split) .s1-title{opacity:0}html.cine-intro .s1-title .wi{transform:translateY(112%)}html.cine-intro .s1-photo img{opacity:0;scale:1.08}html.cine-intro .s1-browser>.browser{opacity:0;translate:0 40px}html.cine-intro .phone-layer .phone-fit{opacity:0;translate:0 70px}html.cine-intro .notif{translate:0 -14px;scale:0}@media(prefers-reduced-motion:reduce){.s1-copy>*,.s1-photo img,.s1-browser>.browser,.phone-layer .phone-fit,.s1-title .wi,.notif{transition:none}}