@charset "UTF-8";
:root{color-scheme:dark;--bg:#080809;--surface:#101011;--text:#f5f5f7;--muted:#a1a1a6;--red:#ff493d;--ease-out:cubic-bezier(.23,1,.32,1);--ease-in-out:cubic-bezier(.77,0,.175,1);font-family:-apple-system,BlinkMacSystemFont,"SF Pro Display","Helvetica Neue",Arial,sans-serif;font-optical-sizing:auto;font-synthesis:none;scroll-behavior:smooth;scroll-padding-top:90px}
*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--text);-webkit-font-smoothing:antialiased}a{color:inherit;text-decoration:none}button{font:inherit;color:inherit;cursor:pointer}button,a,summary{-webkit-tap-highlight-color:transparent;touch-action:manipulation}button{border:0}svg{width:24px;height:24px;fill:none;stroke:currentColor;stroke-width:1.5;stroke-linecap:round;stroke-linejoin:round;flex-shrink:0}button:focus-visible,a:focus-visible,summary:focus-visible,[tabindex]:focus-visible{outline:2px solid #ff867d;outline-offset:6px}::selection{color:white;background:#aa342c}.sr-only{position:absolute;width:1px;height:1px;margin:-1px;clip:rect(0,0,0,0);overflow:hidden}.skip-link{position:fixed;left:20px;top:10px;padding:12px 20px;background:var(--red);color:#080809;transform:translateY(-150%);z-index:100}.skip-link:focus{transform:none}.content-width{width:min(1160px,calc(100% - 96px));margin-inline:auto}.eyebrow{font-size:11px;line-height:1.5;font-weight:600;letter-spacing:.17em;color:#b8b8bd}.red-dot{display:inline-block;width:5px;height:5px;border-radius:50%;background:var(--red);flex-shrink:0}.button{display:inline-flex;align-items:center;justify-content:center;gap:24px;min-height:48px;padding:0 24px;border-radius:100px;font-size:14px;font-weight:500;transition:transform 160ms var(--ease-out),background-color 200ms ease,color 200ms ease}.button:active{transform:scale(.97)}.primary-button{background:var(--red);color:#fff;box-shadow:0 3px 24px #ff493d16;min-height:50px}.primary-button svg{width:20px;height:20px}.text-link{display:inline-flex;align-items:center;gap:6px;font-size:14px;line-height:1.5;color:var(--red)}.text-link svg{width:20px;height:20px}.site-header{position:fixed;top:0;inset-inline:0;z-index:50;background:rgba(8,8,9,.8);backdrop-filter:blur(24px) saturate(140%);-webkit-backdrop-filter:blur(24px) saturate(140%)}.nav-shell{height:80px;width:min(1392px,calc(100% - 96px));margin:auto;display:flex;align-items:center;justify-content:space-between}.brand{display:inline-flex;align-items:center;flex-shrink:0;min-height:44px}.brand-art{display:block;width:124px;height:24px;background:url('/assets/finis-reference.png') 5.866% 3.614% / 1078.7% 3360.7% no-repeat}.desktop-nav{display:flex;gap:38px;padding-left:50px}.nav-link{font-size:12px;line-height:44px;color:#a7a7ae;transition:color 200ms ease}.nav-link.active{color:#f5f5f7}.nav-cta{min-height:37px;border:1px solid #3d2725;background:#19110f;font-size:12px;gap:24px;padding:0 19px;color:#ffb5ab}.nav-cta svg{width:16px;height:16px}.menu-toggle{display:none}.mobile-nav{display:none}.hero{height:190svh;position:relative}.hero-stage{height:100svh;min-height:620px;position:sticky;top:0;overflow:clip;isolation:isolate}.hero-atmosphere{position:absolute;inset:0;z-index:-2;background:radial-gradient(ellipse 40% 50% at 50% 78%,#7d241623,transparent 85%)}.hero-copy{position:absolute;top:clamp(115px,16svh,180px);left:0;width:100%;text-align:center;z-index:5;will-change:transform,opacity}.hero-copy .eyebrow{margin:0 0 24px;display:flex;align-items:center;justify-content:center;gap:9px;font-size:10px}.hero-copy h1{font-size:clamp(64px,7.2vw,112px);line-height:1.03;letter-spacing:-.063em;font-weight:600;margin:0 20px 22px}.hero-copy h1 span{color:#a7a7ad}.hero-subtitle{font-size:19px;letter-spacing:-.02em;color:#a7a7ad;margin:0 0 26px;line-height:1.4}.hero-actions{display:flex;align-items:center;justify-content:center;gap:30px}.hero-actions .text-link{color:#d3d3d8;font-size:13px}.hero-actions .primary-button{min-height:46px;font-size:13px;padding:0 24px}.horizon{position:absolute;inset:0;z-index:-1;pointer-events:none;will-change:transform}.horizon-surface{position:absolute;top:84%;left:50%;width:170%;height:73%;transform:translateX(-50%);border-radius:50% 50% 0 0;background:radial-gradient(ellipse at 50% 2%,#52201944,transparent 55%),#080809;border-top:1px solid #d6684d;box-shadow:0 -2px 12px #ff603455,0 -12px 70px #ff493d18,inset 0 1px 8px #d0583b2a}.horizon-light{position:absolute;width:70%;height:25%;top:72%;left:15%;border-radius:50%;background:radial-gradient(ellipse,#ff754738,transparent 65%);filter:blur(30px)}.phone-anchor{position:absolute;top:0;left:50%;width:min(330px,35svh);transform:translateX(-50%);z-index:4;pointer-events:none}.phone-scroll{transform:translateY(49svh);will-change:transform}.phone-entrance{position:relative;will-change:transform,opacity}.iphone{position:relative;aspect-ratio:259 / 538;width:100%;background:#080809 url('/assets/iphone-18-pro-apple.jpg') 9.57% 50.43% / 378.378% 121.375% no-repeat;border-radius:20% / 9.7%;box-shadow:0 20px 55px #0009;container-type:inline-size}.iphone-screen{position:absolute;inset:1.35% 3.55% 1.65%;border-radius:16.8cqw;overflow:hidden;background:#050505}.app-art{position:absolute;inset:8.5% 0 2%;background:url('/assets/finis-reference.png') 50.04% 80.3% / 408.8% 127.55% no-repeat}.status-bar{position:absolute;top:3.5%;left:9%;right:7%;display:flex;align-items:center;justify-content:space-between;font-size:4.15cqw;font-weight:600;color:#fff;line-height:1;z-index:2}.status-icons{display:flex;align-items:center;gap:1.2cqw}.status-icons svg{width:4cqw;height:3.5cqw;stroke-width:2.5}.status-icons svg circle{fill:white;stroke:none}.battery{width:6.2cqw;height:3cqw;border:1px solid #aaa;border-radius:.8cqw;position:relative;display:block;background:linear-gradient(90deg,#fff 88%,transparent 88%)}.battery:after{content:"";position:absolute;width:.65cqw;height:1.2cqw;background:#999;right:-1cqw;top:.6cqw;border-radius:2px}.dynamic-island{position:absolute;top:2.55%;left:50%;transform:translateX(-50%);width:21%;height:3.65%;border-radius:50px;background:#000;z-index:3;box-shadow:0 0 0 1px #111}.dynamic-island span{position:absolute;right:11%;top:30%;width:2.9cqw;height:2.9cqw;background:radial-gradient(circle at 42% 35%,#193867,#060b18 55%,#000 75%);border-radius:50%}.home-indicator{position:absolute;bottom:.85%;left:33%;width:34%;height:.45%;border-radius:10px;background:#ddd8}.phone-glow{position:absolute;inset:12% -30% -7%;border-radius:50%;background:radial-gradient(ellipse,#ff593423,transparent 65%);z-index:-1;filter:blur(28px)}.hero-note{position:absolute;top:41%;opacity:0;z-index:6;will-change:transform,opacity}.note-left{left:max(48px,calc((100% - 1160px) / 2));max-width:30%}.note-number{display:block;font-size:9px;letter-spacing:.15em;color:#aaa0a0;font-weight:600;margin-bottom:26px}.note-left h2{font-size:clamp(27px,3vw,42px);line-height:1.12;letter-spacing:-.045em;font-weight:500;margin:0 0 20px}.note-left h2 span{color:var(--muted)}.note-left p{font-size:14px;color:#9b9696;line-height:1.7;margin:0 0 25px}.note-right{right:max(48px,calc((100% - 1160px) / 2));width:240px}.note-right .note-number{margin-bottom:30px}.note-feature{display:flex;align-items:center;gap:16px;margin-bottom:26px}.feature-symbol{width:39px;height:39px;display:grid;place-items:center;border:1px solid #66312977;border-radius:12px;color:#ffa193;background:linear-gradient(140deg,#51251f66,#1b100e33)}.feature-symbol svg{width:20px;height:20px}.note-feature strong{display:block;font-size:13px;line-height:1.5;font-weight:500}.note-feature div>span{font-size:11px;color:#8a8585}.hero-bottom{position:absolute;bottom:26px;inset-inline:48px;display:flex;justify-content:space-between;align-items:center;z-index:8}.scroll-cue{display:flex;align-items:center;gap:10px;font-size:8px;letter-spacing:.16em;color:#89838a}.scroll-cue svg{width:14px;height:18px}.device-caption{font-size:9px;color:#878185;letter-spacing:.02em}.intro-section{padding:150px 0 170px;text-align:center}.section-title{font-size:clamp(38px,4.5vw,62px);line-height:1.1;font-weight:600;letter-spacing:-.045em;margin:20px 0 28px}.section-title span{color:#8c8c94}.intro-text{font-size:17px;line-height:1.75;letter-spacing:-.015em;color:#a1a1a8;margin:32px auto 52px;max-width:800px}.principles{display:flex;align-items:center;justify-content:center;gap:40px;color:#d0d0d5;font-size:15px;font-weight:500}.principles span{display:flex;align-items:center;gap:9px}.principles i{width:4px;height:4px;background:#59595f;border-radius:50%}.principles .accent{color:var(--red)}.principles .accent i{background:var(--red)}.features-section{padding:110px 0 130px;background:#101011}.section-heading{display:flex;justify-content:space-between;align-items:flex-end;margin-bottom:48px}.section-heading .section-title{margin-bottom:0}.heading-aside{font-size:14px;line-height:1.65;color:#929299;margin:0 0 6px}.feature-tabs{display:flex;align-items:center;border-bottom:1px solid #ffffff13;margin-bottom:0;gap:40px}.feature-tabs button{background:none;padding:20px 0;font-size:10px;color:#75757c;display:flex;gap:14px;align-items:center;position:relative;transition:color 200ms ease;min-height:56px}.feature-tabs button span{font-size:14px;font-weight:500}.feature-tabs button[aria-selected=true]{color:#f5f5f7}.feature-tabs button:after{content:"";position:absolute;bottom:-1px;left:0;right:0;height:2px;background:var(--red);transform:scaleX(0);transform-origin:left;transition:transform 200ms var(--ease-out)}.feature-tabs button[aria-selected=true]:after{transform:scaleX(1)}.feature-panels{margin-top:50px}.feature-panel{display:grid;grid-template-columns:.9fr 1.1fr;gap:85px;min-height:430px;align-items:center}.feature-panel[hidden]{display:none}.panel-kicker{font-size:9px;letter-spacing:.13em;color:#87878d;font-weight:600}.panel-copy h3{font-size:45px;line-height:1.08;letter-spacing:-.04em;font-weight:500;margin:25px 0}.panel-copy h3 span{color:var(--red)}.panel-copy p{font-size:15px;line-height:1.7;color:#aaaab1;max-width:340px;margin:0 0 30px}.panel-copy p.interaction-hint{font-size:12px;color:#89898f}.demo-surface{border:1px solid #ffffff18;border-radius:28px;background:radial-gradient(ellipse at 80% 0%,#7b2d2225,transparent 70%),linear-gradient(135deg,#1c1c1e,#141416);padding:30px;box-shadow:0 20px 50px #0002}.demo-header{display:flex;align-items:center;justify-content:space-between;gap:14px;margin-bottom:34px}.demo-header>span:first-child{font-size:18px;font-weight:500;letter-spacing:-.025em}.demo-label{font-size:7px;letter-spacing:.12em;color:#8e8383}.goal-preview{display:grid;grid-template-columns:45px 1fr auto;gap:14px;align-items:center;margin-bottom:28px}.goal-icon{display:grid;place-items:center;width:45px;height:45px;border-radius:13px;color:#ff8f80;border:1px solid #74392b;background:linear-gradient(135deg,#76372c60,#4d2a2660);font-size:19px}.goal-icon svg{width:23px;height:23px}.goal-preview strong{display:block;font-size:13px;line-height:1.5;font-weight:500}.goal-preview div>span{font-size:10px;line-height:2;color:#aaa0a0}.goal-preview b{font-size:12px;font-weight:400;align-self:start;padding-top:4px;color:#ccbdba}.goal-line{height:4px;border-radius:4px;background:#ffffff16;margin-top:11px;overflow:hidden}.goal-line i{display:block;height:100%;border-radius:inherit;background:linear-gradient(90deg,#9e3a2e,#ff7b62)}.demo-footnote{display:flex;align-items:center;gap:8px;border-top:1px solid #ffffff0b;padding-top:22px;margin-top:34px;font-size:10px;color:#a69c9b}.demo-footnote .red-dot{width:4px;height:4px}.score-summary{display:flex;align-items:center;gap:17px;margin-bottom:32px}.score-summary>strong{font-size:44px;line-height:1;letter-spacing:-.06em;font-weight:500}.score-summary>strong span{font-size:15px;letter-spacing:-.02em;color:#848088;margin-left:7px}.score-summary div b{display:block;font-size:12px;font-weight:500;margin-bottom:5px}.score-summary div span{font-size:9px;color:#9c9092}.streak-pill{border:1px solid #8e473355;color:#ffa38c;background:#71372533;border-radius:30px;font-size:9px;padding:7px 12px;margin-left:auto}.week-chart{display:flex;gap:16px;height:180px;align-items:stretch}.week-chart button{flex:1;display:flex;flex-direction:column;justify-content:flex-end;align-items:center;gap:14px;background:transparent;padding:0;min-width:0;font-size:10px;color:#817979;min-height:44px}.chart-bar{width:100%;max-width:32px;height:calc(var(--score) * 135px);display:block;border-radius:7px;background:linear-gradient(#744a4355,#462b2744);border:1px solid #a1625144;transition:background-color 200ms ease}.week-chart .selected .chart-bar{background:linear-gradient(#ff8973,#ae3e2d);border-color:#ff8a76;box-shadow:0 2px 25px #d44c2833}.week-chart .selected{color:#fda694}.journal-entry{padding:23px 25px;background:#ffffff04;border:1px solid #ffffff0e;border-radius:17px}.journal-entry>span{font-size:8px;letter-spacing:.11em;color:#ae8f86}.journal-entry p{font-size:22px;line-height:1.45;letter-spacing:-.025em;color:#ded2ce;margin:20px 0 23px}.journal-line{height:4px;width:86%;background:#ffffff08;margin-bottom:8px;border-radius:10px}.journal-line.short{width:58%}.voice-preview{display:flex;align-items:center;gap:14px;margin:22px 0 2px}.mic-icon{width:41px;height:41px;display:grid;place-items:center;color:#ffc0ac;background:#893d2e55;border-radius:12px;border:1px solid #ad564146}.mic-icon svg{width:19px;height:23px}.voice-preview strong{display:block;font-size:12px;font-weight:500;margin-bottom:5px}.voice-preview div>span{color:#a39492;font-size:10px}.waveform{display:flex;align-items:center;gap:4px;margin-left:auto;height:32px}.waveform i{display:block;width:3px;height:12px;border-radius:3px;background:#f29177}.waveform i:nth-child(2n){height:20px}.waveform i:nth-child(3n){height:28px}.statement-section{position:relative;padding:135px 0 145px;overflow:clip;text-align:center;background:#080809;isolation:isolate}.statement-section h2{font-size:clamp(70px,8vw,110px);letter-spacing:-.065em;line-height:1.03;font-weight:600;margin:30px 0}.statement-section h2 span{color:var(--red)}.statement-section p:not(.eyebrow){font-size:17px;color:#9e9799;letter-spacing:-.015em;margin:28px 0 32px}.statement-orbit{position:absolute;width:1100px;height:1100px;border:1px solid #87362538;box-shadow:inset 0 0 100px #a4331710,0 0 120px #a433170b;border-radius:50%;left:50%;top:45%;transform:translate(-50%,-50%);z-index:-1}.telegram-note{display:block;margin-top:15px;font-size:10px;color:#847e80}.faq-section{display:grid;grid-template-columns:1fr 1.1fr;gap:75px;padding:115px 0 140px;border-top:1px solid #ffffff0a}.faq-section .section-title{font-size:42px}.faq-list details{border-bottom:1px solid #ffffff14}.faq-list summary{list-style:none;cursor:pointer;display:flex;align-items:center;justify-content:space-between;gap:20px;padding:25px 0;font-size:15px;letter-spacing:-.01em;min-height:64px}.faq-list summary::-webkit-details-marker{display:none}.faq-list summary svg{width:18px;height:18px;color:#9e9eaa;transition:transform 200ms var(--ease-out)}.faq-list details[open] summary svg{transform:rotate(45deg)}.faq-list details p{font-size:14px;line-height:1.75;color:#9f9fa9;margin:0;padding:0 30px 26px 0}.faq-list details p a{color:#ff8e7c;text-decoration:underline;text-underline-offset:3px}.faq-list details p strong{font-weight:500;color:#cbcbd2}.site-footer{border-top:1px solid #ffffff13;padding:45px 0 28px}.footer-top,.footer-bottom{display:flex;align-items:center;justify-content:space-between;gap:20px}.footer-top>span{font-size:13px;color:#94949c}.footer-top .text-link{font-size:12px}.footer-bottom{margin-top:36px;color:#777780;font-size:9px}.footer-bottom>a{padding:10px 0}.reveal{opacity:1}.js-ready .reveal{opacity:0;transform:translateY(20px)}
@media(hover:hover) and (pointer:fine){.nav-link:hover{color:#f5f5f7}.nav-cta:hover{background:#38201b;color:#ffd0c6}.primary-button:hover{background:#ff665a}.text-link:hover{text-decoration:underline;text-underline-offset:5px}.feature-tabs button:hover{color:#e3e3e7}.week-chart button:hover .chart-bar{border-color:#f98a70}.faq-list summary:hover{color:#ff998d}.footer-bottom a:hover{color:#ccc}}
@media(min-width:1600px){.hero-copy h1{font-size:116px}.hero-copy{top:16svh}.hero-subtitle{font-size:21px}.phone-anchor{width:min(380px,35svh)}.note-left h2{font-size:47px}.hero-note{top:43%}.note-right{width:265px}.note-feature strong{font-size:15px}.note-feature div>span{font-size:12px}}
@media(max-width:1100px){.content-width{width:calc(100% - 64px)}.nav-shell{width:calc(100% - 64px)}.hero-copy h1{font-size:82px}.hero-note.note-left{left:32px;max-width:26%}.hero-note.note-right{right:32px;width:205px}.note-left h2{font-size:30px}.note-feature{gap:10px}.note-feature strong{font-size:11px}.note-feature div>span{font-size:10px}.hero-bottom{inset-inline:32px}.feature-panel{gap:42px}.panel-copy h3{font-size:38px}.demo-surface{padding:25px}.demo-label{font-size:6px}.feature-tabs{gap:30px}.streak-pill{font-size:8px;padding:6px 8px}.week-chart{gap:11px}.faq-section{gap:45px}}
@media(max-width:760px){:root{scroll-padding-top:80px}.content-width{width:calc(100% - 40px)}.nav-shell{width:calc(100% - 40px);height:67px;gap:16px}.brand-art{width:104px;height:20px}.desktop-nav{display:none}.nav-cta{margin-left:auto;min-height:34px;padding:0 14px;font-size:11px;gap:14px}.menu-toggle{display:flex;flex-direction:column;justify-content:center;gap:5px;padding:9px;background:transparent;width:36px;height:40px}.menu-toggle span{display:block;width:18px;height:1px;background:#d8d8dd;transition:transform 200ms var(--ease-out)}.menu-toggle[aria-expanded=true] span:first-child{transform:translateY(3px) rotate(45deg)}.menu-toggle[aria-expanded=true] span:last-child{transform:translateY(-3px) rotate(-45deg)}.mobile-nav{display:grid;grid-template-columns:1fr 1fr;gap:0 20px;padding:0 20px;background:#0d0d0f;max-height:0;visibility:hidden;overflow:hidden}.mobile-nav.open{max-height:220px;padding:10px 20px 20px;visibility:visible}.mobile-nav a{font-size:14px;padding:14px 2px;color:#b4b4bd}.hero{height:170svh}.hero-stage{min-height:600px}.hero-copy{top:128px}.hero-copy .eyebrow{font-size:8px;letter-spacing:.14em;margin-bottom:20px}.hero-copy h1{font-size:clamp(50px,10vw,74px);line-height:1.04;letter-spacing:-.056em;margin:0 20px 18px;max-width:650px}.hero-subtitle{font-size:15px;margin-bottom:22px}.hero-actions{gap:22px}.hero-actions .primary-button{min-height:42px;font-size:12px;padding:0 20px;gap:16px}.hero-actions .text-link{font-size:11px}.phone-anchor{width:min(285px,36svh,68vw)}.phone-scroll{transform:translateY(48svh)}.horizon-surface{width:235%;top:85%;height:50%}.horizon-light{width:130%;left:-15%;top:77%}.hero-note.note-left{top:26%;left:24px;max-width:200px}.hero-note.note-right{display:none}.note-number{font-size:8px;margin-bottom:13px}.note-left h2{font-size:25px;line-height:1.1;margin-bottom:0}.note-left p,.note-left .text-link{display:none}.hero-bottom{bottom:18px;inset-inline:20px}.scroll-cue{font-size:6px;letter-spacing:.09em;gap:5px}.device-caption{font-size:7px}.intro-section{padding:100px 0 110px}.section-title{font-size:36px;margin:20px 0 24px;line-height:1.15}.intro-text{font-size:15px;line-height:1.8;margin:25px auto 38px;max-width:530px}.desktop-break{display:none}.principles{gap:20px;flex-wrap:wrap;font-size:12px;row-gap:18px}.principles span{gap:6px}.features-section{padding:80px 0 85px}.section-heading{display:block;margin-bottom:25px}.heading-aside{font-size:13px;line-height:1.6;margin-top:24px}.feature-tabs{gap:0;justify-content:space-between}.feature-tabs button{gap:7px;font-size:8px;padding:19px 0;min-height:60px}.feature-tabs button span{font-size:12px}.feature-panel{grid-template-columns:1fr;gap:30px;min-height:0}.feature-panels{margin-top:35px}.panel-copy h3{font-size:38px;margin:22px 0}.panel-copy p{font-size:14px;max-width:440px;margin-bottom:20px}.panel-kicker{font-size:8px}.demo-surface{max-width:520px;width:100%;padding:25px;border-radius:22px;min-height:330px}.goal-preview{gap:11px;grid-template-columns:39px 1fr auto;margin-bottom:26px}.goal-icon{width:39px;height:39px}.goal-preview strong{font-size:12px}.goal-preview div>span{font-size:9px}.goal-preview b{font-size:10px}.demo-header>span:first-child{font-size:16px}.demo-label{font-size:6px}.demo-header{margin-bottom:26px}.demo-footnote{font-size:9px;margin-top:28px}.statement-section{padding:95px 0 100px}.statement-section h2{font-size:76px;margin:25px 0}.statement-section p:not(.eyebrow){font-size:15px}.statement-orbit{width:800px;height:800px}.faq-section{grid-template-columns:1fr;gap:18px;padding:75px 0 85px}.faq-section .section-title{font-size:36px}.faq-list summary{font-size:14px;padding:23px 0}.faq-list details p{font-size:13px}.footer-top{flex-wrap:wrap;gap:22px}.footer-top>span{order:3;flex-basis:100%;font-size:12px}.footer-bottom{margin-top:25px;flex-wrap:wrap;font-size:8px}.site-footer{padding-top:30px}.footer-bottom>span:nth-child(2){display:none}}
@media(max-width:380px){.hero-copy h1{font-size:48px}.hero-subtitle{font-size:13px}.hero-actions{gap:17px}.hero-copy{top:118px}.note-left h2{font-size:22px}.principles{gap:13px}.feature-tabs button span{font-size:10px}.demo-surface{padding:21px}.demo-label{font-size:5px}.goal-preview strong{font-size:10px}.score-summary{gap:10px}.streak-pill{font-size:7px}.journal-entry p{font-size:20px}}
@media(prefers-reduced-motion:reduce){:root{scroll-behavior:auto}.hero{height:auto}.hero-stage{height:120svh;min-height:800px;position:relative}.hero-note{display:none}.phone-scroll{transform:translateY(48svh)!important}.phone-entrance{transform:none!important;opacity:1!important}.hero-copy{transform:none!important;opacity:1!important}.js-ready .reveal{opacity:1;transform:none}.button,.feature-tabs button:after,.faq-list summary svg,.menu-toggle span{transition:none}.horizon{transform:none!important}.hero-bottom .scroll-cue{visibility:hidden}}
@media(prefers-reduced-transparency:reduce){.site-header{background:#080809;backdrop-filter:none}}
@media(prefers-contrast:more){:root{--muted:#c5c5cf}.site-header{border-bottom:1px solid #ffffff1c}.demo-surface{border-color:#8b8b94}.nav-link,.eyebrow,.note-number,.demo-label{color:#c5c5cf}}

/* Keep scroll padding out of the ViewTimeline's automatic inset. Anchor
   destinations use section margins so the reveal begins at exactly zero. */
:root{scroll-padding-top:0}
section[id]{scroll-margin-top:90px}
#product{scroll-margin-top:0}
@media(max-width:760px){section[id]{scroll-margin-top:80px}.phone-scroll{transform:translateY(max(48svh,390px))}.hero-note.note-left{top:15%;left:20px;width:calc(100% - 40px);max-width:none;text-align:center}.note-left h2{font-size:28px}.note-number{margin-bottom:12px}}
@media(prefers-reduced-motion:reduce){.hero-stage{height:125svh}.hero-copy .intro-item,.js-ready .reveal{opacity:1!important;transform:none!important}}

/* The phone is precisely 1.3 times the original responsive dimensions.
   Its upper edge sits halfway down the headline, with hardware in front. */
.phone-anchor{width:min(429px,45.5svh);z-index:7}
.phone-scroll{transform:translateY(var(--phone-overlap-y,27svh))}
.hero-support{position:absolute;top:32svh;left:max(48px,calc((100% - 1160px) / 2));width:min(300px,26vw);text-align:left}
.hero-support .hero-subtitle{font-size:22px;line-height:1.5;max-width:245px;margin-bottom:26px;letter-spacing:-.025em}
.hero-support .hero-actions{flex-direction:column;align-items:flex-start;gap:23px}
@media(min-width:1600px){.phone-anchor{width:min(494px,45.5svh)}}
@media(max-width:1100px){.hero-support{left:32px}.hero-support .hero-subtitle{font-size:19px}}
@media(max-width:1000px){.hero-support,.hero-note{display:none}}
@media(max-width:760px){.phone-anchor{width:min(370.5px,46.8svh,88.4vw)}.hero-bottom{display:none}}
@media(prefers-reduced-motion:reduce){.phone-scroll{transform:translateY(var(--phone-overlap-y,27svh))!important}}

/* Vector app artwork stays sharp at any pixel density. Status/chrome are
   omitted; the physical camera cutout remains part of the Apple enclosure. */
.brand-art{background:url('/assets/finis-logo.svg') center / contain no-repeat}
.app-art{inset:0;width:100%;height:100%;background:none;display:block;object-fit:fill}
.hero-stage{height:100svh;min-height:0}
.hero-copy{top:clamp(104px,12svh,145px)}
.phone-anchor{width:min(429px,calc((76svh - 24px) * .48141264));z-index:7}
.phone-scroll{transform:translateY(var(--phone-overlap-y,24svh))}
@media(min-width:1600px){.phone-anchor{width:min(494px,calc((76svh - 24px) * .48141264))}.hero-copy{top:12svh}}
@media(max-width:760px){.hero-copy{top:max(83px,11svh)}.phone-anchor{width:min(370.5px,88.4vw,calc((76svh - 24px) * .48141264))}}
@media(max-width:380px){.hero-copy{top:83px}}
@media(prefers-reduced-motion:reduce){.hero-stage{height:100svh;min-height:0}.phone-scroll{transform:translateY(var(--phone-overlap-y,24svh))!important}}

/* Original Mini App renderer; no painted imitation or non-uniform stretching. */
.brand-art{background:url('/assets/finis-wordmark.png') center / contain no-repeat}
.app-live{position:absolute;inset:0;border:0;display:block;transform-origin:0 0;pointer-events:none;background:#0d0d0d}
.app-fallback{position:absolute;inset:0;width:100%;height:100%;object-fit:contain}
/* The original app is a real interactive viewport. */
.phone-anchor,.app-live{pointer-events:auto}.phone-glow,.dynamic-island{pointer-events:none}.app-live{touch-action:pan-y}.device-caption{pointer-events:none}
.preview-held{transform:var(--preview-held-transform)!important;opacity:var(--preview-held-opacity)!important}

/* Fifteen percent larger, with the original assets and a uniform live screen.
   The CSS fallback also keeps the complete hardware inside the first view. */
.phone-anchor{--phone-width:min(493.35px,calc((76svh - 24px) * .553624536),calc(100vw - 16px));width:var(--phone-width)}
.phone-scroll{--phone-fallback-y:max(0px,min(24svh,calc(100svh - 24px - var(--phone-width) * 538 / 259)));transform:translateY(var(--phone-overlap-y,var(--phone-fallback-y)))}
@media(min-width:1600px){.phone-anchor{--phone-width:min(568.1px,calc((76svh - 24px) * .553624536),calc(100vw - 16px))}}
@media(max-width:760px){.phone-anchor{--phone-width:min(426.075px,101.66vw,calc((76svh - 24px) * .553624536),calc(100vw - 16px))}}
@media(prefers-reduced-motion:reduce){.phone-scroll{transform:translateY(var(--phone-overlap-y,var(--phone-fallback-y)))!important}}