:root{color-scheme:dark;--bg:#111315;--surface:#191c1f;--field:#13171b;--text:#f2f3f5;--muted:#a0a7b2;--line:#ffffff14;--red:#fa343e;--soft:#252b32;--nav:#171a1e}
:root[data-theme=light]{color-scheme:light;--bg:#f5f6f8;--surface:#fff;--field:#f5f6f8;--text:#202630;--muted:#596575;--line:#18233220;--red:#e72e3a;--soft:#e8ecf1;--nav:#fff}
*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:110px;background:var(--nav)}body{margin:0;font:15px/1.6 -apple-system,BlinkMacSystemFont,"Segoe UI",Arial,sans-serif;background:var(--bg);color:var(--text)}[hidden]{display:none!important}button,input,select{font:inherit}button,a,input,select,summary{-webkit-tap-highlight-color:transparent}button,a{touch-action:manipulation}button{cursor:pointer}a{color:inherit;text-decoration:none}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible,summary:focus-visible{outline:2px solid #fc7c83;outline-offset:4px}button:disabled{cursor:wait;opacity:.65}button[aria-busy=true]::before{content:"";height:14px;width:14px;flex-shrink:0;border:2px solid #ffffff55;border-top-color:white;border-radius:50%;animation:spin .8s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}h1,h2,h3,p{margin:0}h1,h2,h3{line-height:1.15;font-weight:600;letter-spacing:-.035em}.wrap{width:min(1200px,calc(100% - 96px));margin-inline:auto}.skip{position:fixed;top:0;left:12px;transform:translateY(-110%);padding:12px;background:var(--surface);z-index:100}.skip:focus{transform:none}.site-header{position:sticky;top:0;z-index:10;background:var(--bg);border-bottom:1px solid var(--line);padding-top:env(safe-area-inset-top,0px)}.header-row{display:flex;align-items:center;justify-content:space-between;gap:24px;min-height:88px}.brand{display:flex;align-items:center;gap:12px;white-space:nowrap}.brand img{object-fit:contain}.brand span{font-size:17px;font-weight:750;letter-spacing:1px}.brand small{font-size:10px;font-weight:500;color:var(--muted);letter-spacing:.7px}.nav-links{display:flex;gap:28px;color:var(--muted);font-size:13px}.nav-links a:hover,.footer a:hover{color:var(--text)}.header-actions{display:flex;align-items:center;gap:18px}.theme-button{width:34px;height:36px;color:var(--muted);background:none;border:0;font-size:24px}.button,.modal-btn{min-height:48px;padding:12px 22px;display:inline-flex;align-items:center;justify-content:center;gap:18px;border:1px solid var(--line);border-radius:10px;background:var(--surface);color:var(--text);font-weight:500;font-size:14px;transition:background 160ms,transform 160ms}.button:hover{background:var(--soft)}.button.primary,.modal-btn{background:var(--red);color:#fff;border-color:transparent}.button.primary:hover,.modal-btn:hover{background:#e72e3a;transform:translateY(-1px)}.nav-login{min-width:108px;min-height:42px;padding:9px 18px}.hero{display:grid;grid-template-columns:1.15fr 1fr;align-items:center;gap:72px;padding-block:92px 88px}.eyebrow{font-size:10px;font-weight:600;letter-spacing:1.8px;color:var(--muted);margin-bottom:20px}h1{font-size:clamp(40px,4.7vw,66px);line-height:1.08;letter-spacing:-2.6px}h1>span{color:var(--red)}.lead{color:var(--muted);font-size:17px;line-height:1.7;margin-top:26px}.hero-actions{display:flex;gap:12px;margin-top:32px;flex-wrap:wrap}.hero-actions .primary{min-width:200px}.entry-note{font-size:12px;color:var(--muted);line-height:1.7;margin-top:18px}.platform-line{display:flex;flex-wrap:wrap;gap:20px;color:var(--muted);font-size:12px;margin-top:38px}.hero-preview{min-width:0;transform:rotate(2deg)}.preview-label{display:flex;justify-content:space-between;margin:0 4px 12px;color:var(--muted);font-size:9px;letter-spacing:1.6px}.preview-card{position:relative;padding:32px;border:1px solid var(--line);border-radius:20px;background:radial-gradient(ellipse at 100% 0,#ffffff09,transparent 70%),var(--surface);box-shadow:0 24px 70px #0002;overflow:hidden}.preview-card h2{font-size:30px;position:relative;z-index:1}.preview-card .eyebrow{font-size:8px}.ribbon{position:absolute;right:-12px;top:9px;width:205px;height:205px;object-fit:contain}.preview-divider{height:1px;background:var(--line);margin:52px 0 8px}.preview-row{display:flex;align-items:center;gap:16px;padding:18px 0}.preview-row+.preview-row{border-top:1px solid var(--line)}.preview-icon{display:grid;place-items:center;width:36px;height:36px;border:1px solid var(--line);border-radius:9px;color:var(--muted);font-size:20px}.preview-row strong{display:block;font-size:13px;font-weight:500}.preview-row small{display:block;color:var(--muted);font-size:11px;margin-top:3px}.preview-caption{font-size:11px;text-align:center;color:var(--muted);margin-top:20px}.section{padding-block:72px;border-top:1px solid var(--line)}h2{font-size:36px}.section-heading{margin-bottom:32px}.feature-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}.surface{padding:28px;border:1px solid var(--line);border-radius:14px;background:var(--surface)}.feature-number{display:block;font-size:9px;letter-spacing:1.4px;color:var(--muted);margin-bottom:34px}.surface h3{font-size:20px;margin-bottom:16px}.surface p,.steps p,.faq p{color:var(--muted);font-size:14px;line-height:1.8}.surface a{display:inline-block;font-size:12px;margin-top:20px;text-decoration:underline;text-underline-offset:4px}.start-section,.faq-section{display:grid;grid-template-columns:1fr 1.2fr;gap:80px}.small-lead{font-size:15px}.steps{padding:0;margin:0;list-style:none;display:grid}.steps li{display:flex;align-items:flex-start;gap:22px;padding:24px 0;border-bottom:1px solid var(--line)}.steps li:first-child{padding-top:0}.steps li:last-child{border:0;padding-bottom:0}.steps li>span{display:grid;place-items:center;width:30px;height:30px;flex-shrink:0;background:var(--soft);border-radius:50%;color:var(--muted);font-size:12px}.steps h3{font-size:18px;margin:3px 0 10px}.subscription{display:flex;justify-content:space-between;align-items:center;gap:36px;background:var(--surface);padding:40px;border:1px solid var(--line);border-radius:18px}.periods{display:flex;gap:12px;margin-top:30px}.periods span{display:flex;gap:12px;align-items:baseline;border:1px solid var(--line);border-radius:9px;padding:10px 20px;font-size:12px;color:var(--muted)}.periods b{font-size:26px;font-weight:550;color:var(--text)}.subscription-action{display:grid;gap:16px;flex-shrink:0}.subscription-action a{text-align:center;font-size:12px;color:var(--muted)}.faq details{border-bottom:1px solid var(--line)}.faq summary{cursor:pointer;list-style:none;padding:22px 0;display:flex;align-items:center;justify-content:space-between;gap:16px;font-size:15px}.faq summary::-webkit-details-marker{display:none}.faq summary span{color:var(--muted);font-size:22px;font-weight:400}.faq details[open] summary span{transform:rotate(45deg)}.faq p{padding:0 32px 24px 0}.faq p a{text-decoration:underline}.final-cta{text-align:center;padding:60px 0 80px}.final-cta h2{font-size:44px}.final-cta .hero-actions{justify-content:center}.footer{display:flex;gap:30px;align-items:center;justify-content:space-between;padding-block:28px calc(30px + env(safe-area-inset-bottom,0px));border-top:1px solid var(--line)}.footer>div{display:flex;gap:20px;flex-wrap:wrap}.footer a,.footer>small{font-size:11px;color:var(--muted)}.footer .brand{color:var(--text)}
.overlay{position:fixed;inset:0;background:#05070ab8;z-index:50;display:flex;align-items:center;justify-content:center;padding:calc(24px + env(safe-area-inset-top,0px)) 24px calc(24px + env(safe-area-inset-bottom,0px))}.modal{position:relative;background:var(--surface);border:1px solid var(--line);border-radius:16px;padding:32px;width:460px;max-width:100%;max-height:calc(100dvh - 48px - env(safe-area-inset-top,0px) - env(safe-area-inset-bottom,0px));overflow:auto;overscroll-behavior:contain}.modal-close{position:absolute;right:16px;top:12px;width:36px;height:36px;background:none;border:0;color:var(--muted);font-size:27px}.modal-view{display:none}.modal-view.active{display:block}.modal-title{font-size:26px;margin:0 32px 12px 0}.modal-sub{font-size:13px;line-height:1.7;color:var(--muted);margin-bottom:24px}.f-group{display:grid;gap:7px;margin-bottom:16px}.f-lbl{font-size:12px;color:var(--muted)}.f-inp{width:100%;min-width:0;min-height:46px;padding:10px 12px;background:var(--field);border:1px solid var(--line);border-radius:8px;color:var(--text);font-size:16px}.modal-btn{width:100%;margin-top:10px}.modal-status{font-size:12px;color:#fa7983;line-height:1.6;overflow-wrap:anywhere}.modal-status:empty{display:none}.modal-links{display:flex;justify-content:space-between;gap:12px;margin-top:22px}.modal-link,.modal-back{border:0;background:none;padding:8px 0;color:var(--muted);font-size:12px;text-decoration:underline;text-underline-offset:4px}.modal-back{margin-top:16px}.modal-note{font-size:14px;color:var(--muted);margin-bottom:20px}[data-theme=light] .modal-status{color:#b42332}
@media(max-width:1000px){.wrap{width:calc(100% - 56px)}.nav-links{gap:18px;font-size:12px}.hero{gap:32px;padding-block:70px}.hero-preview{transform:none}.preview-card{padding:24px}.ribbon{width:160px;right:-18px}.preview-card h2{font-size:26px}.hero-actions{gap:10px}.hero-actions .button{min-width:0;padding-inline:18px}.start-section,.faq-section{gap:40px}.subscription{padding:30px;gap:24px}.footer{flex-wrap:wrap}.surface{padding:22px}}
@media(max-width:760px){.wrap{width:calc(100% - 40px)}.header-row{min-height:72px;gap:12px}.nav-links{display:none}.header-actions{gap:10px}.brand{gap:8px}.brand span{font-size:14px}.brand img{width:30px;height:30px}.brand small{font-size:9px}.nav-login{min-width:94px;min-height:40px;font-size:13px}.theme-button{font-size:22px;width:28px}.hero{grid-template-columns:1fr;gap:44px;padding-block:48px}.hero h1{font-size:46px;letter-spacing:-1.8px}.hero .eyebrow{font-size:9px;letter-spacing:1.3px}.lead{font-size:15px;margin-top:22px}.hero-actions{margin-top:26px;display:grid;grid-template-columns:1fr 1fr;gap:10px}.hero-actions .button{padding:12px 10px;font-size:12px;gap:8px}.entry-note{font-size:11px}.platform-line{gap:18px;margin-top:28px;font-size:11px}.hero-preview{width:100%;max-width:480px;margin:auto}.preview-card{padding:26px}.preview-card h2{font-size:28px}.ribbon{right:0;width:170px;top:0}.preview-divider{margin-top:40px}.preview-row{padding:15px 0}.preview-caption{font-size:10px}.section{padding-block:44px}.section h2{font-size:29px}.section .eyebrow{font-size:9px;margin-bottom:14px}.feature-grid{grid-template-columns:1fr;gap:12px}.surface{padding:24px}.feature-number{margin-bottom:20px}.surface h3{font-size:20px}.surface p,.steps p,.faq p{font-size:13px}.start-section,.faq-section{grid-template-columns:1fr;gap:30px}.start-section h2 br{display:none}.small-lead{font-size:14px}.steps h3{font-size:17px}.steps li{gap:16px}.subscription{display:block;padding:26px 22px}.subscription .lead br{display:none}.periods{gap:8px;margin-top:24px}.periods span{flex:1;justify-content:center;gap:7px;padding:10px 8px;font-size:11px}.periods b{font-size:23px}.subscription-action{margin-top:28px}.faq summary{font-size:14px}.final-cta{padding-block:44px 56px}.final-cta h2{font-size:34px}.footer{gap:24px}.footer>div{display:grid;gap:12px}.footer>small{width:100%}.modal{padding:28px 22px}.overlay{padding-inline:12px}.modal-title{font-size:25px}}
@media(max-width:360px){.wrap{width:calc(100% - 32px)}.hero h1{font-size:39px}.header-actions{gap:5px}.nav-login{min-width:84px;padding:8px 12px}.brand small{display:none}.hero-actions{grid-template-columns:1fr}.hero-actions .button{font-size:14px}.ribbon{width:144px;right:-12px}.preview-card h2{font-size:24px}.periods span{gap:5px;font-size:10px}.periods b{font-size:20px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*::before,*::after{animation:none!important;transition:none!important}}

/* Motion stays optional and never blocks navigation or form access. */
.sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap}.typing-heading{position:relative;font-size:clamp(38px,4vw,56px);line-height:1.14;letter-spacing:-1.8px}.typing-heading #typedHeading{color:var(--text)}#headingMeasure{position:absolute;left:0;top:0;width:100%;visibility:hidden;pointer-events:none;color:transparent}.typing-caret{display:inline-block;width:3px;height:.85em;background:var(--red);margin-left:4px;vertical-align:-.04em;animation:caretBlink 1s step-end infinite}.typing-paused .typing-caret{animation:none;opacity:.45}.motion-control{display:block;background:none;border:0;color:var(--muted);font-size:10px;margin:14px 0 0;padding:4px 0;text-decoration:underline;text-underline-offset:3px}.hero-copy{position:relative}.hero-preview{animation:previewFloat 7s ease-in-out infinite}.ribbon{animation:ribbonFloat 5s ease-in-out infinite}.hero-copy>.eyebrow,.hero-copy>.lead,.hero-actions{animation:contentIn .65s ease both}.hero-copy>.lead{animation-delay:.08s}.hero-actions{animation-delay:.15s}.reveal{opacity:0;transform:translateY(18px);transition:opacity .55s ease var(--reveal-delay,0ms),transform .55s ease var(--reveal-delay,0ms)}.reveal.revealed{opacity:1;transform:none}.overlay:not([hidden]){animation:overlayIn .16s ease both}.overlay:not([hidden]) .modal{animation:contentIn .22s ease both}.surface,.review-card{transition:border-color .18s,transform .18s,opacity .55s}.surface:hover,.review-card:hover{border-color:#8894a755;transform:translateY(-3px)}.reviews-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;align-items:start}.review-card{padding:26px;border:1px solid var(--line);border-radius:14px;background:var(--surface)}.review-top{display:flex;justify-content:space-between;align-items:center;font-size:11px;color:var(--muted);margin-bottom:12px}.quote-mark{font-size:38px;line-height:1;color:var(--red)}.review-score{display:flex;align-items:baseline;gap:8px}.review-score strong{font-size:38px;font-weight:600;letter-spacing:-1px}.review-score span{font-size:13px;color:var(--muted)}.rating-track{height:3px;background:var(--line);border-radius:3px;margin:12px 0 20px;overflow:hidden}.rating-track span{display:block;height:100%;width:var(--pct,0%);background:var(--red)}.review-unrated{display:block;color:var(--muted);font-size:10px;margin-bottom:20px}.review-card blockquote{margin:0;font-size:14px;line-height:1.85;color:var(--text);overflow-wrap:anywhere}.reviews-note{font-size:13px;color:var(--muted);margin-top:16px;max-width:590px}.hero h1.typing-heading{font-size:clamp(38px,4vw,56px)}
@keyframes caretBlink{50%{opacity:0}}@keyframes contentIn{from{opacity:0;transform:translateY(12px)}to{opacity:1;transform:none}}@keyframes overlayIn{from{opacity:0}to{opacity:1}}@keyframes previewFloat{0%,100%{transform:rotate(2deg) translateY(0)}50%{transform:rotate(1deg) translateY(-8px)}}@keyframes ribbonFloat{0%,100%{transform:translateY(0)}50%{transform:translateY(-6px)}}
@media(max-width:1000px){.reviews-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.nav-links{gap:16px}}
@media(max-width:760px){.hero h1.typing-heading{font-size:38px;letter-spacing:-1.3px}.reviews-grid{grid-template-columns:1fr}.review-card{padding:24px}.review-card blockquote{font-size:13px}.hero-preview{animation-name:ribbonFloat}}
@media(max-width:360px){.hero h1.typing-heading{font-size:33px}}
@media(prefers-reduced-motion:reduce){.reveal{opacity:1;transform:none}.motion-control{display:none}.typing-caret{animation:none}.hero-preview,.ribbon{animation:none}*,*::before,*::after{animation:none!important;transition:none!important}}

.reviews-grid{grid-auto-rows:1fr;align-items:stretch}.review-card{height:100%;min-width:0;display:flex;flex-direction:column}.review-card blockquote{flex:1}.rating-track{flex-shrink:0}.rating-range>span{width:100%;background:linear-gradient(to right,var(--red) 70%,var(--soft) 70%)}