@font-face{font-family:Inter;src:url('assets/inter-cyrillic.woff2') format('woff2');font-weight:100 900;unicode-range:U+0400-045F,U+0490-0491,U+04B0-04B1,U+2116;font-display:swap}@font-face{font-family:Inter;src:url('assets/inter-latin.woff2') format('woff2');font-weight:100 900;font-display:swap}
:root{--red:#ee1642;--ink:#0a0b0e;--muted:#939398;--paper:#f5f4f0;--line:#28292d}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:30px}body{margin:0;font-family:Inter,Arial,sans-serif;background:var(--ink);color:white;-webkit-font-smoothing:antialiased}button,a{-webkit-tap-highlight-color:transparent}a{color:inherit;text-decoration:none}button{font:inherit;cursor:pointer}button,a{touch-action:manipulation}button:focus-visible,a:focus-visible,summary:focus-visible{outline:3px solid #ee1642;outline-offset:5px}button{border:0}svg{display:block}h1,h2,h3,p{margin:0}em{font-style:normal;color:var(--red)}.wrap{width:calc(100% - 112px);max-width:1328px;margin-inline:auto}.header{height:108px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line);position:relative;z-index:10}.brand{display:inline-flex;align-items:center;gap:9px}.brand>svg{width:46px;color:var(--red)}.brand b{font-size:27px;font-style:italic;letter-spacing:-1px;line-height:1}.brand b span{display:inline-block;margin-left:6px;font-size:11px;letter-spacing:.5px;background:var(--red);padding:5px 6px;transform:skew(-8deg);color:white;vertical-align:middle}.header nav{display:flex;gap:34px;font-size:13px;color:#bebec3}.header nav a:hover,.text-link:hover{color:var(--red)}.nav-cta{background:transparent;color:inherit;font-size:13px;font-weight:600;display:flex;gap:23px;align-items:center}.nav-cta>span{font-size:21px}.mobile-menu{display:none}.eyebrow{font-size:10px;line-height:1.5;letter-spacing:2px;font-weight:600;display:flex;align-items:center;gap:10px}.tiny-dot{width:6px;height:6px;border-radius:50%;background:var(--red)}.button{background:var(--red);color:#fff;display:inline-flex;justify-content:space-between;align-items:center;gap:26px;border-radius:8px;padding:18px 23px;font-size:13px;font-weight:600;min-height:54px;transition:transform .2s,background .2s}.button:hover{transform:translateY(-2px);background:#cf1238}.button>span{font-size:20px;line-height:1}.button.secondary{background:transparent;border:1px solid #3a3a40}.button.secondary:hover{background:#22232a}.hero-copy{position:relative;z-index:2;padding-top:60px}.dark-hero{min-height:798px;position:relative;display:flex;flex-direction:column;justify-content:space-between}.dark-hero h1{font-size:100px;font-weight:600;letter-spacing:-7px;line-height:.99;margin-top:29px}.hero-copy>p{font-size:16px;line-height:1.7;color:#a3a3ab;margin-top:30px}.hero-actions{display:flex;align-items:center;gap:27px;margin-top:31px}.hero-actions>a{font-size:12px}.hero-actions>a>span{margin-left:14px}.hero-note{font-size:10px;color:#8b8c95;margin-top:15px}.platforms{display:flex;align-items:center;gap:18px;font-size:11px;letter-spacing:.2px;color:#a3a3ac}.platforms i{font-style:normal;color:#51515a}.hero-copy>.platforms{margin-top:36px}.dark-art{position:absolute;right:-36px;top:74px;width:68%;height:590px;overflow:hidden;pointer-events:none}.dark-art>picture{display:contents}.dark-art img{width:100%;height:100%;object-fit:contain;mix-blend-mode:screen}.art-caption{position:absolute;right:40px;bottom:66px;font-size:8px;letter-spacing:2px;color:#7f7f8b}.signal-tag{position:absolute;left:42%;top:58%;border:1px solid #ffffff23;background:#17161cbf;backdrop-filter:blur(12px);padding:18px 22px;display:flex;gap:13px;border-radius:12px;box-shadow:0 20px 50px #0003;transform:rotate(-3deg)}.signal-tag svg{width:28px;color:var(--red)}.signal-tag span{font-size:10px;color:#b6b6bf;line-height:1.8}.signal-tag b{color:white;font-size:12px;font-weight:500}.hero-bottom{display:flex;justify-content:space-between;border-top:1px solid var(--line);padding:21px 0 23px;font-size:9px;letter-spacing:1.6px;color:#9999a3}.hero-bottom a{letter-spacing:0}.features{display:grid;grid-template-columns:repeat(3,1fr);border-bottom:1px solid var(--line);padding:46px 0;gap:30px}.features article{padding:0 24px}.features article:first-child{padding-left:0}.features article+article{border-left:1px solid var(--line)}.features svg{width:25px;color:var(--red);margin-bottom:21px}.features h3{font-size:15px;font-weight:500}.features p{font-size:12px;color:#96969f;line-height:1.8;margin-top:12px}.section{padding-block:95px}.section h2{font-size:48px;font-weight:500;letter-spacing:-2px;line-height:1.08;margin-top:17px}.section-top{display:flex;align-items:flex-end;justify-content:space-between;margin-bottom:38px}.section-top>p{font-size:12px;color:var(--muted);line-height:1.8}.story{display:grid;grid-template-columns:1fr 1fr;align-items:center;min-height:660px;border-bottom:1px solid var(--line)}.story h2{font-size:66px;letter-spacing:-3px}.story p{font-size:14px;line-height:1.9;color:var(--muted);margin-top:25px}.text-link{display:inline-flex;gap:24px;font-size:12px;margin-top:27px;align-items:center}.story-visual{position:relative;display:flex;align-items:center;justify-content:center;min-height:450px;overflow:hidden}.orbit{position:absolute;width:430px;height:430px;border:1px solid #303039;border-radius:50%;transform:rotateX(38deg) rotate(-30deg)}.orbit.two{width:540px;height:540px;border-style:dashed;opacity:.45}.device{width:280px;padding:20px;border:1px solid #ffffff22;border-radius:22px;background:linear-gradient(160deg,#24252c,#15161c 50%,#111218);color:#fff;position:relative;box-shadow:0 30px 70px #0004;transform:rotate(-5deg);z-index:2}.device-head{display:flex;align-items:center;justify-content:space-between}.device-head>span:first-child{display:flex;align-items:center;gap:4px;font-size:12px;font-weight:700;font-style:italic}.device-head svg{width:26px;color:var(--red)}.device-menu{color:#8c8c99;letter-spacing:2px}.device-status{font-size:9px;display:flex;gap:6px;align-items:center;justify-content:center;margin-top:30px;color:#d1cfd8}.status-dot{width:5px;height:5px;background:#ef2851;border-radius:50%;box-shadow:0 0 9px #e91848}.power{width:100px;height:100px;border-radius:50%;margin:17px auto;background:radial-gradient(circle,#b9183a33,transparent 68%);border:1px solid #6d293c;display:grid;place-items:center;box-shadow:0 0 0 7px #ee16420b,0 0 0 15px #ee164204}.power svg{width:32px;color:#ff355e}.device h3{text-align:center;font-size:15px;font-weight:500;margin-top:27px}.device>p{text-align:center;color:#91919c;font-size:10px;margin-top:7px}.device-location{display:flex;gap:10px;align-items:center;padding:13px 9px;border:1px solid #ffffff10;border-radius:9px;margin-top:25px}.device-location>svg{width:23px;color:#d5d3db}.device-location div{flex:1;display:flex;flex-direction:column;gap:5px}.device-location b{font-weight:400;font-size:9px}.device-location small{font-size:7px;color:#7e7e8d}.device-location>span{color:#83838e}.device-bottom{display:flex;justify-content:space-between;margin-top:17px;padding-bottom:6px}.device-bottom>span{font-size:8px;color:#777786}.device-bottom b{font-weight:500;color:#c1bfc9;margin-left:4px}.plans{border-bottom:1px solid var(--line)}.plan-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.plan{padding:28px;border:1px solid var(--line);border-radius:12px;background:#101115}.plan.featured{border-color:#a52340;background:linear-gradient(140deg,#34121c,#131015 60%)}.plan-top{display:flex;justify-content:space-between;align-items:center;gap:7px}.plan-top h3{font-size:15px;font-weight:500}.plan-top>span{font-size:9px;color:var(--red)}.plan-top>span:not(:last-child){white-space:nowrap}.plan>p{font-size:11px;color:var(--muted);margin-top:10px}.price{font-size:49px;font-weight:500;letter-spacing:-2px;margin-top:35px;line-height:1.2}.price>span{font-size:27px;margin-left:6px}.plan>small{font-size:10px;color:var(--muted)}.plan ul{list-style:none;padding:0;margin:25px 0}.plan li{font-size:11px;color:#b1afb8;margin:13px 0}.plan li:before{content:'✓';color:var(--red);margin-right:10px}.plan .button{width:100%;font-size:11px;padding:13px 18px;min-height:45px}.trial-row{display:flex;align-items:center;justify-content:space-between;margin-top:28px;font-size:11px}.trial-row>div{display:flex;gap:12px;align-items:center;color:#a3a2ac}.trial-row svg{width:19px;color:var(--red)}.trial-row b{color:inherit;font-weight:500}.trial-row button{color:inherit;background:none;font-size:11px}.trial-row button span{margin-left:18px}.platform-tabs{display:flex;border:1px solid var(--line);border-radius:7px;padding:4px;gap:4px}.platform-tabs button{border-radius:4px;background:none;color:var(--muted);padding:10px 14px;font-size:10px}.platform-tabs [aria-selected=true]{background:#28292f;color:inherit}.step-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:38px}.step-grid article{padding-top:28px;border-top:1px solid var(--line)}.step-grid article>span{font-size:13px;color:var(--red)}.step-grid h3{font-size:14px;font-weight:500;margin-top:24px;line-height:1.5}.step-grid p{font-size:11px;color:var(--muted);line-height:1.9;margin-top:14px}.faq{border-top:1px solid var(--line);display:grid;grid-template-columns:1fr 1.5fr;gap:50px}.faq-list{border-top:1px solid var(--line)}details{border-bottom:1px solid var(--line)}summary{list-style:none;display:flex;justify-content:space-between;gap:20px;cursor:pointer;padding:23px 0;font-size:13px}summary::-webkit-details-marker{display:none}summary>span{font-size:20px;color:var(--muted);line-height:1}details p{font-size:12px;line-height:1.9;color:var(--muted);padding:0 25px 22px 0}details[open] summary>span{transform:rotate(45deg)}.footer{border-top:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;gap:25px;padding-block:38px}.footer .brand b{font-size:20px}.footer .brand>svg{width:33px}.footer .brand b span{font-size:8px;padding:4px}.footer>span,.footer>a:not(.brand){font-size:10px;color:var(--muted)}
/* NOIR production interface: readable type, shared controls, complete routes. */
:root{--muted:#a2a2af;--line:#292a32;color-scheme:dark}.theme-dark{font-size:16px}.skip-link{position:fixed;top:-100px;left:18px;z-index:1000;background:#fff;color:#111;padding:12px 18px;border-radius:5px}.skip-link:focus{top:15px}.eyebrow{font-size:12px;letter-spacing:1.8px}.header nav,.nav-cta{font-size:14px}.header nav a.active{color:#fff}.button{font-size:14px;min-height:52px}.hero-note{font-size:12px}.platforms{font-size:14px}.hero-bottom{font-size:12px;letter-spacing:1px}.dark-hero{min-height:836px}.hero-copy{padding-top:58px}.hero-copy>p{font-size:17px}.hero-actions>a{font-size:14px}.hero-copy>.platforms{margin-top:30px}.art-caption{font-size:10px}.signal-tag span{font-size:12px}.signal-tag b{font-size:14px}.features h3{font-size:17px;line-height:1.4}.features p{font-size:14px}.section-top>p{font-size:14px}.story p{font-size:16px}.text-link{font-size:14px}.plan-top h3{font-size:18px}.plan-top>span{font-size:12px}.plan>p{font-size:14px;line-height:1.5}.plan>small{font-size:13px}.plan li{font-size:14px}.plan .button{font-size:14px;min-height:49px}.trial-row{font-size:14px}.trial-row>a{font-size:14px}.step-grid h3{font-size:17px}.step-grid p{font-size:14px}.step-grid article>span{font-size:15px}.setup-cta{margin-top:35px}summary{font-size:16px;line-height:1.5}details p{font-size:14px}.footer>span,.footer>a:not(.brand){font-size:12px}.platform-tabs button{font-size:14px}.platform-tabs{width:max-content}.icon-button{display:inline-grid;place-items:center;min-width:44px;min-height:44px;background:transparent;color:inherit;padding:10px;border-radius:8px}.icon-button svg{width:23px}.icon-button:hover{background:#ffffff0b}.mobile-menu{display:none}.nav-account{display:none}.panel{background:#121318;border:1px solid var(--line);border-radius:14px}.caption{font-size:13px!important;line-height:1.7!important;color:var(--muted)}.text-button{background:none;color:#e8e6ed;padding:0;border-bottom:1px solid #77727f;padding-bottom:3px;font-size:14px}.neutral-pill,.status-pill{font-size:12px;padding:7px 11px;display:inline-flex;align-items:center;gap:7px;border-radius:30px;white-space:nowrap}.neutral-pill{background:#25262d;color:#b6b5c0}.status-pill{background:#ee164216;color:#ff5a7b;border:1px solid #ee164241}.status-pill:before{content:'';width:5px;height:5px;background:currentColor;border-radius:50%}.status-pill.inactive{background:#27282d;color:#999aa7;border-color:#3a3b43}.round-icon{width:53px;height:53px;display:grid;place-items:center;background:#ee164212;border:1px solid #ee164224;border-radius:14px;flex-shrink:0}.round-icon svg{width:25px;color:#ff3a64}.inline-note{display:flex;align-items:flex-start;gap:12px;background:#ffffff04;border:1px solid var(--line);border-radius:10px;padding:18px;color:#b4b3bf;font-size:13px;line-height:1.7}.inline-note>svg{width:21px;flex-shrink:0;color:#bb687b}.public-page{padding-top:65px}.public-title{margin-bottom:47px}.public-title h1{font-size:70px;letter-spacing:-4px;font-weight:550;line-height:1.08;margin-top:23px}.public-title>p{font-size:17px;line-height:1.8;color:var(--muted);margin-top:24px}.wide-trial{padding:29px;display:flex;align-items:center;gap:22px;margin-top:26px}.wide-trial>div:nth-child(2){flex:1}.wide-trial h2{font-size:25px;letter-spacing:-.7px;font-weight:500}.wide-trial p{font-size:14px;color:var(--muted);margin-top:8px}.connect-layout{display:grid;grid-template-columns:1.25fr 1fr;gap:90px;padding-bottom:80px}.guide-steps{margin-top:35px}.guide-steps article{display:flex;gap:22px;padding:28px 0;border-top:1px solid var(--line)}.guide-steps article>span{color:#ff355f;font-size:14px;padding-top:6px}.guide-steps h2{font-size:24px;line-height:1.3;letter-spacing:-.5px;font-weight:500}.guide-steps p{font-size:16px;line-height:1.8;color:var(--muted);margin-top:15px}.guide-steps .button,.guide-steps .inline-note{margin-top:22px}.connect-preview{height:450px;display:grid;place-items:center;background:radial-gradient(ellipse,#43152366,transparent 65%)}.compact-panel{padding:25px}.compact-panel h3{font-size:21px;font-weight:500}.compact-panel p{font-size:14px;line-height:1.8;color:var(--muted);margin-top:14px}.compact-panel .text-link{margin-top:19px}.login-page{min-height:760px;display:grid;grid-template-columns:1fr .78fr;gap:100px;align-items:center;padding-block:80px}.login-art{position:relative;min-height:590px;padding-top:20px;overflow:hidden}.login-art h1{font-size:80px;letter-spacing:-5px;line-height:1.02;font-weight:550;margin-top:26px;position:relative;z-index:1}.login-art>p{font-size:16px;line-height:1.8;color:var(--muted);margin-top:26px;position:relative;z-index:1}.login-art>img{position:absolute;bottom:-90px;right:-100px;width:660px;height:auto;mix-blend-mode:screen;opacity:.78}.login-panel{padding:40px}.login-panel h2{font-size:31px;letter-spacing:-1px;font-weight:500;margin-top:30px}.login-panel>p{font-size:16px;line-height:1.75;color:var(--muted);margin-top:19px}.login-panel>.button{display:flex;width:100%;margin-top:26px}.login-divider{display:flex;align-items:center;gap:12px;font-size:12px;color:#83818c;margin-top:29px;white-space:nowrap}.login-divider:before,.login-divider:after{content:'';height:1px;flex:1;background:var(--line)}.login-panel small{font-size:13px;display:block;line-height:1.7;color:#92909d;margin-top:22px}.help-page{padding-bottom:90px}.help-layout{display:grid;grid-template-columns:1.4fr 1fr;gap:70px}.search-field{display:flex;gap:14px;align-items:center;border:1px solid #44424d;background:#16161c;border-radius:10px;padding:16px 20px;margin-bottom:28px}.search-field svg{width:22px;color:#95939f}.search-field input{background:none;border:0;color:white;font:inherit;outline:none;width:100%}.search-field:focus-within{border-color:var(--red)}.help-card{padding:32px;height:max-content}.help-card h2{font-size:28px;font-weight:500;letter-spacing:-1px;margin-top:26px}.help-card p{font-size:16px;color:var(--muted);line-height:1.8;margin-top:17px}.help-card .button{margin-top:25px}.search-empty{padding:30px 0;color:var(--muted);font-size:16px;line-height:1.8}.checkout-page{padding-block:42px 90px}.back-link{font-size:14px;color:#a2a0ad}.checkout-heading{margin-block:36px}.checkout-heading h1{font-size:45px;font-weight:500;letter-spacing:-2px;margin-top:16px}.checkout-grid{display:grid;grid-template-columns:1.25fr .85fr;gap:28px;align-items:start;max-width:1070px}.checkout-form,.order-summary{padding:32px}.checkout-form>h2{font-size:23px;font-weight:500;margin-bottom:22px}.duration-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:11px;margin-bottom:38px}.duration-choice{display:flex;flex-direction:column;gap:10px;border:1px solid #393842;border-radius:9px;padding:20px 13px;text-align:center}.duration-choice strong{font-size:17px;font-weight:500}.duration-choice span{font-size:14px;color:#aca9b7}.duration-choice.selected{border-color:var(--red);background:#ee164214}.payment-options{display:grid;gap:12px}.payment-options button{display:flex;gap:16px;align-items:center;border:1px solid #34333d;border-radius:9px;padding:18px;background:#17171e;color:white;text-align:left}.payment-options svg{width:25px;color:#a9a5b5}.payment-options span{font-size:15px;flex:1}.payment-options i{width:16px;height:16px;border:1px solid #605c6b;border-radius:50%}.payment-options [aria-checked=true]{border-color:var(--red)}.payment-options [aria-checked=true] i{border:5px solid var(--red)}.payment-note{font-size:14px;line-height:1.7;color:#aaa7b6;padding:22px 0}.checkout-form>.button{display:flex;width:100%}.checkout-footnote{font-size:12px;color:#85818f;margin-top:17px;text-align:center}.order-summary{position:sticky;top:25px;background:linear-gradient(155deg,#34131f,#15141b 65%)}.summary-brand{display:flex;align-items:center;gap:12px;margin-block:34px 24px}.summary-brand svg{width:64px;color:var(--red)}.summary-brand span{font-size:43px;letter-spacing:-2px}.order-summary h2{font-size:23px;font-weight:500;margin-bottom:28px}.summary-line{display:flex;justify-content:space-between;gap:15px;margin:19px 0;font-size:14px}.summary-line>span{color:#a7a2b0}.summary-line b{font-weight:500}.summary-total{border-top:1px solid #503041;margin-top:30px;padding-top:25px;display:flex;align-items:center;justify-content:space-between}.summary-total strong{font-size:32px;letter-spacing:-1px;font-weight:500}.order-summary>p{color:#aaa1b0;font-size:13px;line-height:1.8;margin-top:25px}.not-found{min-height:70vh;display:flex;flex-direction:column;align-items:flex-start;justify-content:center;gap:25px}.not-found h1{font-size:62px;letter-spacing:-3px;line-height:1.1;font-weight:500}
/* The personal account */
.account-shell{min-height:100vh}.sidebar{overflow-y:auto;overscroll-behavior:contain;position:fixed;inset:0 auto 0 0;width:236px;background:#0f1014;border-right:1px solid #25262d;padding:30px 21px;display:flex;flex-direction:column;z-index:50}.sidebar .brand{padding:0 4px;height:42px}.sidebar .brand b{font-size:24px}.sidebar .brand>svg{width:38px}.sidebar .brand b span{font-size:9px;padding:4px}.sidebar-label{font-size:11px;color:#6c6d79;letter-spacing:1.3px;margin:53px 14px 16px}.sidebar nav{display:flex;flex-direction:column;gap:5px}.sidebar nav a,.sidebar-bottom>a{display:flex;align-items:center;gap:13px;padding:14px 13px;border:1px solid transparent;border-radius:8px;color:#9798a5;font-size:14px;min-height:50px}.sidebar svg{width:20px}.sidebar nav a:hover,.sidebar-bottom>a:hover{background:#1b1c23;color:#fff}.sidebar nav a.selected,.sidebar-bottom>a.selected{color:#fff;border-color:#ee164224;background:linear-gradient(90deg,#ee16421c,#ee16420a)}.sidebar nav a.selected>svg{color:var(--red)}.sidebar nav a i{width:5px;height:5px;border-radius:50%;background:var(--red);margin-left:auto}.sidebar-bottom{margin-top:auto;padding-top:30px;display:flex;flex-direction:column;gap:4px}.sidebar-signature{font-size:10px;color:#545662;letter-spacing:1.5px;padding:25px 13px 0}.account-body{margin-left:236px}.account-topbar{height:89px;border-bottom:1px solid #202129;padding:0 40px;display:flex;justify-content:space-between;align-items:center;font-size:14px}.account-topbar>div{display:flex;align-items:center;gap:29px}.account-topbar>div:first-child>span{color:#b2b0bc}.account-topbar a{display:flex;align-items:center;gap:10px}.account-topbar a>svg{width:18px;color:var(--red)}.avatar{display:grid;place-items:center;width:35px;height:35px;border-radius:50%;background:#2d1c29;border:1px solid #63223b;color:#ff6b8f;font-size:14px}.demo-strip{padding:12px 40px;border-bottom:1px solid #30242c;background:#20131b80;display:flex;align-items:center;justify-content:space-between;gap:20px;color:#978998;font-size:12px;line-height:1.6}.demo-strip b{color:#cfa5b7;font-weight:500}.demo-strip label{display:flex;align-items:center;gap:10px;white-space:nowrap}.demo-strip select{font:inherit;border:1px solid #4a3544;color:#d0b9c6;background:#251b23;border-radius:5px;padding:6px 10px;max-width:210px}.account-main{max-width:1328px;padding:39px 40px 50px;margin:auto}.account-heading{display:flex;align-items:center;justify-content:space-between;gap:25px;margin-bottom:30px}.account-heading .eyebrow{font-size:11px;letter-spacing:1.6px;color:#8d8d9e}.account-heading h1{font-size:42px;letter-spacing:-1.8px;line-height:1.14;font-weight:500;margin-top:13px}.account-heading p{font-size:15px;line-height:1.8;color:#9999a9;margin-top:13px}.subscription-hero{position:relative;overflow:hidden;min-height:292px;background:linear-gradient(115deg,#21141d,#151116 65%);border-color:#452032;padding:30px}.subscription-hero-copy{position:relative;z-index:2}.subscription-overline{display:flex;align-items:center;gap:20px}.subscription-overline>span:first-child{font-size:11px;letter-spacing:1.2px;color:#a890a0}.subscription-hero h2{font-size:47px;letter-spacing:-2px;font-weight:500;margin-top:22px}.subscription-hero p{font-size:14px;color:#b5a3b0;margin-top:10px;line-height:1.6}.subscription-actions{display:flex;align-items:center;gap:25px;margin-top:25px}.subscription-actions .text-link{margin:0}.subscription-art{position:absolute;right:-40px;top:0;width:57%;height:100%;object-fit:cover;opacity:.6;mix-blend-mode:screen;mask-image:linear-gradient(90deg,transparent,#000 25%)}.subscription-corner{position:absolute;right:25px;bottom:20px;font-size:9px;letter-spacing:1.6px;color:#8e5f75}.metric-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;margin-top:20px}.metric{padding:24px;display:block;min-width:0}.metric>span{display:flex;align-items:center;gap:9px;font-size:14px;color:#a7a7b6}.metric>span svg{width:18px;color:#797487}.metric strong{font-size:43px;letter-spacing:-1.8px;display:block;font-weight:500;margin-top:21px;line-height:1}.metric strong small{font-size:16px;letter-spacing:0;color:#8e8c9c;margin-left:9px;font-weight:400}.metric p{font-size:13px;color:#91909f;margin-top:15px}.metric:hover{border-color:#49414e}.account-section-head{display:flex;justify-content:space-between;align-items:center;gap:20px;margin:36px 0 18px}.account-section-head h2{font-size:22px;font-weight:500;letter-spacing:-.5px}.account-section-head>span,.account-section-head>a{font-size:13px;color:#8c8b9a}.quick-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}.quick-card{padding:23px;position:relative;transition:border-color .2s,transform .2s;min-height:185px}.quick-card:hover{border-color:#6a2b44;transform:translateY(-2px)}.quick-card>svg{width:26px;color:#ff375f}.quick-card h3{font-size:16px;font-weight:500;margin-top:22px;line-height:1.4}.quick-card p{font-size:13px;color:#8d8b9b;line-height:1.7;margin-top:8px}.quick-card>span{position:absolute;top:22px;right:22px;color:#7b7489;font-size:20px}.device-list{display:flex;flex-direction:column;gap:12px}.device-row{padding:21px 24px;display:flex;align-items:center;gap:15px}.device-icon{width:46px;height:46px;flex-shrink:0;display:grid;place-items:center;background:#26242d;border:1px solid #35303e;border-radius:12px;color:#b8b2c3}.device-icon svg{width:25px}.device-info{flex:1;min-width:0}.device-info h3{font-size:15px;font-weight:500;line-height:1.5}.device-info p{font-size:12px;color:#858193;margin-top:5px;line-height:1.5}.device-chip{font-size:11px;color:#8b7b8a;padding:5px 10px;border:1px solid #3a2a37;border-radius:30px}.device-list.compact{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}.device-list.compact .device-row{padding:19px 16px;gap:10px}.device-list.compact .device-chip{display:none}.device-list.compact .device-icon{width:36px;height:42px}.device-list.compact .device-icon svg{width:22px}.device-list.compact .device-info h3{font-size:14px}.device-list.compact .device-info p{font-size:12px}.account-help{margin-top:27px;padding:24px;display:flex;align-items:center;justify-content:space-between;gap:25px;background:#111217}.account-help>div{display:flex;align-items:center;gap:16px}.account-help svg{width:25px;color:#8d7e94}.account-help>div>span{display:flex;flex-direction:column;gap:8px}.account-help b{font-size:14px;font-weight:500}.account-help small{font-size:12px;color:#858193}.account-help>a{font-size:14px;white-space:nowrap;display:inline-flex;align-items:center}.account-help>a>span{margin-left:14px}.account-footer{max-width:1328px;padding:20px 40px 30px;margin:auto;display:flex;justify-content:space-between;font-size:12px;color:#8e8c9c}.bottom-nav,.sidebar-scrim{display:none}.subscription-grid{display:grid;grid-template-columns:.95fr 1.1fr;gap:22px}.account-plan{padding:30px;background:linear-gradient(140deg,#2e1521,#15131b 65%);border-color:#563044}.account-plan h2{font-size:33px;font-weight:500;letter-spacing:-1px;margin-top:25px}.account-plan>.price{font-size:52px;margin-top:25px}.account-plan>p{color:#928795;font-size:14px;margin:8px 0 26px}.detail-row{display:flex;align-items:center;justify-content:space-between;gap:20px;font-size:14px;border-top:1px solid #302b35;padding:19px 0;line-height:1.5}.detail-row>span{color:#9e96a5}.detail-row b{font-weight:400;text-align:right}.account-plan>.button{display:flex;margin-top:18px}.account-plan>.text-link{margin-top:21px}.detail-panel{padding:28px}.detail-panel h2,.renewal-panel h2{font-size:22px;font-weight:500;letter-spacing:-.5px;margin-bottom:22px}.detail-panel>.caption{margin-top:11px}.detail-panel>p{font-size:15px;line-height:1.8;color:#9790a2;margin-bottom:22px}.detail-panel>.button{margin-top:5px}.renewal-panel{margin-top:22px;padding:27px}.renewal-panel>div{display:flex;align-items:center;gap:14px;margin-bottom:18px}.renewal-panel h2{margin:0}.renewal-panel p{font-size:14px;line-height:1.8;color:#908797;margin-top:17px}.renewal-panel .round-icon{width:42px;height:42px}.devices-summary{display:flex;align-items:center;justify-content:space-between;gap:20px;margin:35px 0 23px}.devices-summary strong{font-size:45px;letter-spacing:-2px;font-weight:500}.devices-summary strong small{font-size:17px;color:#8d8799;letter-spacing:0;margin-left:12px}.devices-summary>span{font-size:14px;color:#ad879c}.remove-device{color:#917f93}.remove-device:hover{color:#ff426d;background:#ee16420d}.device-explainer{padding:24px;margin-top:24px;display:flex;align-items:flex-start;gap:17px}.device-explainer>svg{width:24px;flex-shrink:0;color:#9a8095}.device-explainer h3{font-size:16px;font-weight:500}.device-explainer p{font-size:14px;color:#8f879c;line-height:1.8;margin-top:10px}.addon-panel{padding:30px;margin-top:26px;display:flex;align-items:center;justify-content:space-between;gap:30px;background:linear-gradient(110deg,#2a1620,#15141b)}.addon-panel h2{font-size:29px;font-weight:500;letter-spacing:-1px;margin-top:15px}.addon-panel p{font-size:15px;color:#a58c9c;line-height:1.7;margin-top:13px}.addon-panel .eyebrow{font-size:11px;color:#b68296}.traffic-grid{display:grid;grid-template-columns:.9fr 1.1fr;gap:22px}.unlimited-panel{padding:30px;position:relative;overflow:hidden;background:radial-gradient(ellipse at 80% 80%,#321629,#131318 70%);display:flex;flex-direction:column;justify-content:center}.unlimited-panel .eyebrow{position:absolute;top:30px}.infinity{font-size:155px;line-height:1;font-weight:300;letter-spacing:-10px;color:#ed1b4a;margin:45px 0 22px}.unlimited-panel h2{font-size:33px;font-weight:500;letter-spacing:-1px}.unlimited-panel p{font-size:15px;color:#a393a6;line-height:1.9;margin-top:19px}.unlimited-panel>svg{position:absolute;bottom:30px;right:30px;width:65px;color:#512638;opacity:.5}.traffic-panel{padding:28px}.card-heading{display:flex;align-items:center;justify-content:space-between;gap:17px}.card-heading h2{font-size:22px;font-weight:500;letter-spacing:-.5px}.card-heading>svg{width:25px;color:#94778c}.traffic-chart{position:relative;width:220px;height:220px;margin:23px auto}.traffic-chart>svg{width:100%;height:100%}.traffic-chart>span{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;flex-direction:column;gap:10px}.traffic-chart b{font-size:42px;font-weight:500;letter-spacing:-2px}.traffic-chart small{font-size:14px;color:#92899f}.traffic-panel .caption{margin-top:8px}.gift-intro{display:flex;align-items:center;gap:22px;padding:28px;background:linear-gradient(125deg,#291320,#151319)}.gift-intro>div:nth-child(2){flex:1}.gift-intro h2{font-size:23px;font-weight:500;letter-spacing:-.5px}.gift-intro p{font-size:14px;color:#a68b9f;line-height:1.7;margin-top:10px}.gift-badge{font-size:14px;line-height:1.4;font-weight:500;letter-spacing:.5px;color:#e7d7e1;border:1px solid #6c3651;transform:rotate(5deg);padding:13px 17px}.account-main .plan{padding:24px}.account-main .plan-top{min-height:27px;flex-wrap:wrap}.account-main .plan-top h3{font-size:17px}.account-main .plan-top>span{font-size:11px}.account-main .plan li{font-size:13px}.account-main .plan>p{font-size:13px}.account-main .plan .button{font-size:13px}.gift-note{padding:28px;margin-top:25px}.gift-note label{display:block;font-size:16px;margin-bottom:18px}.gift-note label>span{font-size:12px;color:#87798f;margin-left:9px}.gift-note textarea{width:100%;background:#0e0e14;border:1px solid #39303e;border-radius:8px;padding:16px;color:#eee6ed;font:inherit;line-height:1.6;resize:vertical;min-height:110px}.gift-note>div{display:flex;justify-content:space-between;gap:15px;font-size:12px;color:#8a7d91;margin-top:13px}.gift-note+.inline-note{margin-top:22px}.referral-hero{display:flex;justify-content:space-between;align-items:center;gap:25px;padding:32px;background:linear-gradient(120deg,#2f1522,#151218)}.referral-hero h2{font-size:82px;font-weight:500;letter-spacing:-5px;margin-top:18px;line-height:1.1}.referral-hero h2>span{font-size:27px;letter-spacing:-1px;color:#bb90a6}.referral-hero p{font-size:15px;line-height:1.8;color:#b298aa;margin-top:18px}.referral-hero .button{margin-top:24px}.referral-equation{display:flex;align-items:center;justify-content:center;gap:15px;flex-wrap:wrap;max-width:300px}.referral-equation>span{width:75px;height:75px;border-radius:50%;background:#431b31;border:1px solid #713249;display:grid;place-items:center}.referral-equation svg{width:31px;color:#f27191}.referral-equation b{font-size:28px;font-weight:400;color:#80556e}.referral-equation small{width:100%;text-align:center;font-size:9px;letter-spacing:1.6px;color:#896377;margin-top:12px}.referral-rules{padding:29px;margin-top:25px}.referral-rules h2{font-size:24px;font-weight:500;letter-spacing:-.5px}.referral-rules ol{list-style:none;counter-reset:steps;padding:0;margin:10px 0 0;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:30px}.referral-rules li{counter-increment:steps}.referral-rules li:before{content:'0' counter(steps);display:block;color:#ee375e;font-size:13px;margin:22px 0}.referral-rules li b{font-size:15px;font-weight:500;line-height:1.5}.referral-rules li p{font-size:14px;color:#96869c;line-height:1.8;margin-top:12px}.profile-grid{display:grid;grid-template-columns:1fr 1fr;gap:23px}.profile-form{padding:30px}.profile-avatar{width:73px;height:73px;background:linear-gradient(140deg,#5c203c,#291326);border:1px solid #84364f;display:grid;place-items:center;border-radius:50%;font-size:29px;color:#ee9cb5}.profile-form h2{font-size:25px;font-weight:500;letter-spacing:-.6px;line-height:1.3;margin-top:24px}.profile-form form{margin-top:30px}.profile-form label{font-size:14px;display:block;margin-bottom:12px;color:#b5a8bb}.profile-form input{width:100%;padding:15px 16px;background:#0d0d13;border:1px solid #403044;border-radius:8px;color:#f6eff7;font:inherit}.profile-form .caption{margin-top:15px}.profile-form .button{margin-top:24px;width:100%}.reset-panel{padding:28px;margin-top:23px}.reset-panel h2{font-size:21px;line-height:1.4;font-weight:500;letter-spacing:-.5px}.reset-panel p{font-size:14px;color:#968b9d;line-height:1.8;margin:15px 0 20px}.empty-state{padding:50px 28px;text-align:center;display:flex;align-items:center;flex-direction:column}.empty-state>svg{width:42px;color:#be5274;margin-bottom:25px}.empty-state h2{font-size:29px;font-weight:500;letter-spacing:-1px}.empty-state p{font-size:15px;line-height:1.8;color:#9989a2;margin-top:16px;max-width:450px}.empty-state .button{margin-top:25px}#modal{width:min(490px,calc(100% - 32px));padding:39px;border:1px solid #594051;border-radius:17px;background:#18151e;color:#faf5fb;box-shadow:0 30px 90px #0008}#modal::backdrop{background:#0009;backdrop-filter:blur(9px)}#modal h2{font-size:27px;line-height:1.25;font-weight:500;letter-spacing:-.8px;padding-right:22px}.dialog-close{position:absolute;right:12px;top:10px;color:#af95ae}.modal-body p{font-size:15px;line-height:1.8;color:#b0a0b8;margin-top:20px}.modal-actions{display:flex;gap:12px;justify-content:flex-end;margin-top:28px}.modal-actions>.button{flex:1}.toast{position:fixed;left:50%;bottom:30px;transform:translate(-50%,20px);background:#eeedef;color:#201323;font-size:14px;line-height:1.6;padding:15px 22px;border-radius:11px;z-index:300;box-shadow:0 15px 45px #0006;opacity:0;pointer-events:none;transition:.2s;max-width:calc(100% - 36px);width:max-content}.toast.visible{opacity:1;transform:translate(-50%,0)}input:focus-visible,textarea:focus-visible,select:focus-visible{outline:2px solid #ee1642;outline-offset:3px}
@media(max-width:1180px){.wrap{width:calc(100% - 64px)}.header nav{gap:22px}.dark-hero h1{font-size:90px}.dark-art{width:68%;right:-30px}.section-top>p{max-width:35%}.connect-layout{gap:40px}.login-page{gap:50px}.login-art h1{font-size:72px}.sidebar{width:214px;padding-inline:15px}.account-body{margin-left:214px}.account-topbar{padding-inline:27px}.demo-strip{padding-inline:27px;flex-wrap:wrap;gap:8px}.account-main{padding-inline:27px}.account-heading h1{font-size:37px}.account-heading>.button{font-size:13px}.subscription-hero{padding:25px}.metric{padding:20px}.metric strong{font-size:36px}.metric strong small{font-size:14px}.quick-card{padding:20px}.device-list.compact{grid-template-columns:1fr}.device-list.compact .device-row{padding:17px 20px}.device-list.compact .device-chip{display:block}.subscription-grid{grid-template-columns:1fr 1fr}.detail-row{font-size:13px;gap:12px}.account-main .plan-grid{gap:12px}.account-main .plan{padding:19px}.account-main .plan .price{font-size:40px}.account-main .plan .button{font-size:12px;padding-inline:13px}.referral-equation{max-width:220px}.referral-equation>span{width:60px;height:60px}.gift-badge{display:none}.account-main .plan-top>span{font-size:10px}.checkout-grid{grid-template-columns:1.2fr 1fr}}
@media(max-width:900px){.nav-account{display:block}.header nav,.nav-cta{display:none}.mobile-menu{display:grid}.header{height:83px}.menu-open nav{display:flex;position:absolute;left:0;right:0;top:76px;background:#17151e;flex-direction:column;padding:22px;border:1px solid #4a3444;border-radius:10px;gap:24px;z-index:60}.menu-open nav:after{content:''}.header .mobile-menu{margin-left:auto}.wrap{width:calc(100% - 44px)}.hero-copy{padding-top:41px}.dark-hero h1{font-size:77px;letter-spacing:-5px}.dark-art{top:145px;width:62%;right:-22px;opacity:.75}.hero-copy>p{font-size:16px}.hero-copy>.platforms{font-size:13px}.features{gap:20px}.features article{padding-inline:17px}.features h3{font-size:15px}.features p{font-size:13px}.section h2{font-size:40px}.story{gap:25px}.story h2{font-size:52px}.story p{font-size:14px}.device{transform:rotate(-5deg) scale(.9)}.plan{padding:22px}.plan-top{flex-wrap:wrap;gap:8px}.plan-top h3{font-size:16px}.plan>p{font-size:13px;min-height:40px}.plan li{font-size:13px;line-height:1.6}.plan .button{font-size:13px;padding-inline:14px}.section-top>p{font-size:13px}.public-title h1{font-size:62px}.connect-layout{grid-template-columns:1.2fr .8fr;gap:28px}.guide-steps h2{font-size:22px}.guide-steps p{font-size:15px}.connect-preview{height:420px}.connect-aside .device{transform:rotate(-5deg) scale(.82)}.login-page{grid-template-columns:1fr 1fr;gap:30px}.login-panel{padding:28px}.login-art h1{font-size:60px;letter-spacing:-3px}.login-art>img{right:-110px;width:560px}.login-divider{font-size:10px}.login-panel>p{font-size:14px}.help-layout{gap:30px;grid-template-columns:1.3fr 1fr}.help-card{padding:25px}.help-card p{font-size:14px}.checkout-heading h1{font-size:39px}.checkout-form,.order-summary{padding:24px}.checkout-grid{gap:20px}.duration-choice{padding:16px 9px}.duration-choice strong{font-size:15px}.duration-choice span{font-size:13px}.sidebar{visibility:hidden;transform:translateX(-100%);transition:transform .2s,visibility .2s;width:246px;inset:0 auto 0 0}.account-body{margin-left:0}.account-topbar{height:72px;padding-inline:22px}.account-topbar>div{gap:14px}.account-topbar>div:first-child{gap:8px}.demo-strip{padding:12px 22px}.account-main{padding:30px 22px 40px}.account-heading h1{font-size:37px}.account-footer{padding:20px 22px 95px}.sidebar-open .sidebar{visibility:visible;transform:translateX(0)}.sidebar-open .sidebar-scrim{display:block;position:fixed;inset:0;background:#0009;backdrop-filter:blur(3px);z-index:40}.bottom-nav{display:flex;position:fixed;left:0;right:0;bottom:0;z-index:35;background:#111117f5;border-top:1px solid #36303d;backdrop-filter:blur(16px);padding:9px 13px calc(9px + env(safe-area-inset-bottom));justify-content:space-around}.bottom-nav>a{display:flex;align-items:center;flex-direction:column;gap:6px;font-size:11px;color:#8e8399;padding:4px 13px}.bottom-nav svg{width:22px}.bottom-nav a.selected{color:#ff4e78}.toast{bottom:87px}.sidebar-label{margin-top:40px}.account-help{margin-top:23px}.device-list.compact{grid-template-columns:repeat(3,minmax(0,1fr))}.device-list.compact .device-chip{display:none}.metric strong{font-size:39px}.account-main .plan li{font-size:14px}.account-main .plan .button{font-size:14px}.account-main .plan>p{font-size:14px}.subscription-grid{grid-template-columns:.9fr 1.1fr}}
@media(max-width:680px){.wrap{width:calc(100% - 40px)}.header{height:79px}.brand>svg{width:35px}.brand b{font-size:24px}.brand b span{font-size:9px;padding:4px}.eyebrow{font-size:11px;letter-spacing:1.3px}.dark-hero{min-height:990px;display:block}.hero-copy{padding-top:38px}.dark-hero h1{font-size:72px;letter-spacing:-4.5px;line-height:1;margin-top:25px}.hero-copy>p{font-size:15px;margin-top:26px}.hero-actions{gap:17px;margin-top:26px;flex-wrap:wrap}.hero-actions .button{font-size:13px;padding:17px 18px;gap:20px}.hero-actions>a:not(.button){font-size:13px}.hero-actions>a>span{margin-left:5px}.hero-note{font-size:12px;line-height:1.6;margin-top:14px;max-width:310px}.hero-copy>.platforms{font-size:12px;gap:14px;margin-top:24px}.dark-art{top:588px;right:-20px;width:calc(100% + 40px);height:327px;opacity:1}.signal-tag{left:40%;top:57%;padding:12px 14px;gap:10px}.signal-tag svg{width:23px}.signal-tag span{font-size:10px}.signal-tag b{font-size:11px}.art-caption{font-size:8px;bottom:25px;right:25px}.hero-bottom{position:absolute;bottom:0;left:0;right:0;font-size:9px;letter-spacing:.6px;padding:22px 0}.hero-bottom>a{font-size:10px;letter-spacing:0}.features{grid-template-columns:1fr;gap:25px;padding-block:34px}.features article,.features article:first-child{padding:0 0 0 46px;position:relative}.features article+article{border-left:0;border-top:1px solid var(--line);padding-top:25px}.features svg{position:absolute;top:0;left:0;width:25px}.features article+article svg{top:25px}.features h3{font-size:16px}.features p{font-size:14px;line-height:1.7}.features br{display:none}.section{padding-block:58px}.section h2{font-size:37px;letter-spacing:-1.7px;line-height:1.12}.section-top{display:block;margin-bottom:29px}.section-top>p{max-width:none;font-size:14px;margin-top:19px}.story{grid-template-columns:1fr;gap:22px;min-height:0}.story h2{font-size:47px;letter-spacing:-2px}.story p{font-size:15px}.story-visual{min-height:425px}.story-visual .device{transform:rotate(-5deg) scale(.95)}.orbit{width:335px;height:335px}.orbit.two{width:400px;height:400px}.plan-grid{grid-template-columns:1fr;gap:17px}.plan,.account-main .plan{padding:27px}.plan-top h3,.account-main .plan-top h3{font-size:19px}.plan-top>span,.account-main .plan-top>span{font-size:12px}.plan>p,.account-main .plan>p{font-size:14px;min-height:0}.plan .price,.account-main .plan .price{font-size:49px}.plan li,.account-main .plan li{font-size:14px}.plan .button,.account-main .plan .button{font-size:14px;min-height:49px}.trial-row{align-items:flex-start;flex-direction:column;gap:20px;font-size:14px}.trial-row>a{margin-left:30px}.step-grid{grid-template-columns:1fr;gap:25px}.step-grid article{position:relative;padding:24px 0 0 40px}.step-grid article>span{position:absolute;left:0;top:26px;font-size:14px}.step-grid h3{margin-top:0;font-size:17px}.step-grid p{font-size:14px;line-height:1.8;margin-top:11px}.faq{grid-template-columns:1fr;gap:25px}.faq h2{font-size:37px}summary{font-size:15px;line-height:1.6;padding-block:22px}details p{font-size:14px}.footer{flex-wrap:wrap;gap:25px;padding-block:28px}.footer .brand{width:100%}.footer>span:nth-child(2){display:none}.footer>.copyright{width:100%;font-size:12px}.public-page{padding-top:43px}.public-title{margin-bottom:32px}.public-title h1{font-size:45px;letter-spacing:-2.3px;margin-top:22px;line-height:1.1}.public-title>p{font-size:16px;margin-top:21px}.wide-trial{padding:23px;gap:16px;flex-wrap:wrap}.wide-trial .round-icon{width:44px;height:44px}.wide-trial h2{font-size:24px}.wide-trial p{font-size:13px}.wide-trial>.button{width:100%;margin-top:4px}.connect-layout{grid-template-columns:1fr;gap:10px;padding-bottom:58px}.connect-layout .platform-tabs{width:100%;display:flex;justify-content:space-between}.platform-tabs button{font-size:13px;padding:12px 13px}.guide-steps{margin-top:27px}.guide-steps article{gap:16px;padding:25px 0}.guide-steps article>span{font-size:13px;padding-top:5px}.guide-steps h2{font-size:23px;letter-spacing:-.5px}.guide-steps p{font-size:15px}.guide-steps .inline-note{margin-left:-30px;font-size:13px}.connect-preview{display:none}.connect-aside .compact-panel{margin-top:18px}.login-page{display:flex;flex-direction:column;gap:35px;padding-block:45px;min-height:0;align-items:stretch}.login-art{min-height:0;padding-top:0;overflow:visible}.login-art h1{font-size:57px;letter-spacing:-3px}.login-art>p{font-size:15px;margin-top:20px}.login-art>img{display:none}.login-panel{padding:28px}.login-panel h2{font-size:29px}.login-panel>p{font-size:16px}.login-panel .login-divider{font-size:12px}.login-panel small{font-size:13px}.help-page{padding-bottom:58px}.help-layout{grid-template-columns:1fr;gap:34px}.help-card{padding:27px}.help-card p{font-size:16px}.checkout-page{padding-block:30px 55px}.checkout-heading{margin-block:30px}.checkout-heading h1{font-size:37px;line-height:1.13;letter-spacing:-1.8px}.checkout-grid{grid-template-columns:1fr;gap:23px}.order-summary{position:static;order:-1;padding:24px}.summary-brand{margin-block:20px 15px}.summary-brand svg{width:44px}.summary-brand span{font-size:34px}.order-summary h2{font-size:21px;margin-bottom:20px}.summary-line{font-size:14px;margin:15px 0}.summary-total{padding-top:20px;margin-top:23px}.summary-total strong{font-size:29px}.order-summary>p{font-size:13px;margin-top:18px}.checkout-form{padding:24px}.duration-grid{gap:8px;margin-bottom:30px}.duration-choice{padding:16px 8px}.duration-choice strong{font-size:14px}.duration-choice span{font-size:13px}.payment-options button{padding:17px 13px}.payment-options span{font-size:14px}.not-found h1{font-size:42px;letter-spacing:-2px}.account-topbar{height:67px;padding-inline:16px}.account-topbar>div:first-child>span{font-size:14px}.account-topbar>div:last-child{gap:15px}.account-topbar>div:last-child>a:first-child{font-size:13px}.account-topbar>div:last-child>a:last-child>span:last-child{display:none}.demo-strip{padding:11px 20px;gap:10px;font-size:12px;align-items:flex-start}.demo-strip label{width:100%;justify-content:space-between;font-size:12px}.demo-strip select{font-size:12px;max-width:210px}.account-main{padding:29px 20px 35px}.account-heading{display:block;margin-bottom:24px}.account-heading h1{font-size:33px;line-height:1.14;letter-spacing:-1.4px}.account-heading .eyebrow{font-size:10px}.account-heading p{font-size:14px;line-height:1.7;margin-top:14px}.account-heading>.button,.account-heading>.status-pill{margin-top:20px}.subscription-hero{padding:22px;min-height:310px}.subscription-overline{gap:12px;justify-content:space-between;flex-wrap:wrap}.subscription-overline>span:first-child{font-size:10px;letter-spacing:1px}.status-pill{font-size:11px;padding:6px 9px}.subscription-hero h2{font-size:41px;margin-top:28px}.subscription-hero p{font-size:13px;max-width:235px;line-height:1.7}.subscription-art{right:-55px;width:70%;opacity:.22;mask-image:linear-gradient(90deg,transparent,#000 60%)}.subscription-actions{margin-top:25px;gap:19px;flex-wrap:wrap}.subscription-actions .button{font-size:13px;padding:16px 16px;gap:13px}.subscription-actions .text-link{font-size:13px;gap:10px}.subscription-corner{font-size:8px;right:20px;bottom:15px}.metric-grid{gap:9px;margin-top:14px}.metric{padding:15px 12px;min-height:127px;border-radius:10px}.metric>span{font-size:12px;line-height:1.5;min-height:36px;align-items:flex-start}.metric>span svg{display:none}.metric strong{font-size:29px;letter-spacing:-1px;margin-top:14px;display:flex;flex-direction:column;gap:7px}.metric strong small{font-size:12px;margin:0;letter-spacing:0}.metric p{display:none}.account-section-head{margin-top:30px}.account-section-head h2{font-size:21px}.account-section-head>span{display:none}.account-section-head>a{font-size:12px}.quick-grid{grid-template-columns:1fr;gap:11px}.quick-card{min-height:0;padding:22px 40px 22px 65px}.quick-card>svg{position:absolute;left:22px;top:24px;width:24px}.quick-card h3{font-size:16px;margin:0}.quick-card p{font-size:13px;margin-top:7px}.quick-card>span{font-size:19px;right:20px;top:24px}.device-list.compact{grid-template-columns:1fr;gap:11px}.device-list.compact .device-row,.device-row{padding:19px 16px;gap:12px}.device-list.compact .device-icon,.device-icon{width:40px;height:43px}.device-list.compact .device-info h3,.device-info h3{font-size:14px}.device-info p{font-size:12px;line-height:1.6}.device-chip{font-size:10px;padding:5px 8px}.device-list:not(.compact) .device-chip{display:none}.device-list.compact .device-chip{display:block}.remove-device{padding:9px;min-width:40px}.remove-device svg{width:20px}.account-help{padding:22px;align-items:flex-start;flex-direction:column;gap:20px}.account-help>div{align-items:flex-start;gap:13px}.account-help b{font-size:14px;line-height:1.5}.account-help small{font-size:12px;line-height:1.7}.account-help>a{font-size:14px;margin-left:38px}.account-footer{padding-inline:20px}.subscription-grid{grid-template-columns:1fr;gap:19px}.account-plan{padding:26px}.account-plan h2{font-size:30px}.account-plan>.price{font-size:50px}.detail-row{font-size:14px}.detail-panel,.renewal-panel{padding:24px}.detail-panel h2,.renewal-panel h2{font-size:22px}.detail-panel>p{font-size:15px}.renewal-panel p{font-size:14px}.devices-summary{margin-top:25px;align-items:flex-start;gap:15px}.devices-summary strong{font-size:35px;letter-spacing:-1.5px}.devices-summary strong small{font-size:14px;margin-left:8px}.devices-summary>span{font-size:12px;line-height:1.5;max-width:100px;padding-top:4px;text-align:right}.device-explainer{padding:22px;gap:14px}.device-explainer h3{font-size:16px;line-height:1.5}.device-explainer p{font-size:14px}.addon-panel{padding:25px;align-items:stretch;flex-direction:column;gap:23px}.addon-panel h2{font-size:26px;line-height:1.2}.addon-panel p{font-size:15px}.addon-panel .eyebrow{font-size:10px}.traffic-grid{grid-template-columns:1fr;gap:18px}.unlimited-panel{padding:25px;min-height:315px}.unlimited-panel .eyebrow{top:25px;font-size:11px}.infinity{font-size:118px;margin:32px 0 8px;letter-spacing:-7px}.unlimited-panel h2{font-size:30px}.unlimited-panel p{font-size:15px;margin-top:14px}.unlimited-panel>svg{width:62px}.traffic-panel{padding:24px}.traffic-chart{width:220px;height:220px;margin-block:17px}.card-heading h2{font-size:21px}.card-heading .neutral-pill{font-size:11px}.gift-intro{padding:24px;gap:17px;align-items:flex-start}.gift-intro .round-icon{width:42px;height:42px}.gift-intro h2{font-size:19px;line-height:1.4}.gift-intro p{font-size:14px}.gift-note{padding:24px}.gift-note label{font-size:16px;line-height:1.7}.gift-note label>span{display:block;margin:0;font-size:12px}.gift-note textarea{font-size:16px;padding:13px}.gift-note>div{font-size:12px;line-height:1.6}.gift-note>div>span:first-child{max-width:190px}.referral-hero{padding:25px}.referral-hero h2{font-size:70px;letter-spacing:-3px;margin-top:18px}.referral-hero h2>span{font-size:26px}.referral-hero p{font-size:14px}.referral-hero br{display:none}.referral-equation{display:none}.referral-hero .button{font-size:13px;padding-inline:17px;gap:15px}.referral-rules{padding:25px}.referral-rules h2{font-size:23px}.referral-rules ol{grid-template-columns:1fr;gap:3px}.referral-rules li:before{margin-block:24px 12px}.referral-rules li b{font-size:16px}.referral-rules li p{font-size:14px}.profile-grid{grid-template-columns:1fr;gap:20px}.profile-form{padding:25px}.profile-form h2{font-size:25px}.profile-form input{font-size:16px}.reset-panel{padding:24px}.empty-state{padding:40px 24px}.empty-state h2{font-size:27px;line-height:1.2}.empty-state p{font-size:15px}.modal-actions{flex-wrap:wrap}#modal{padding:30px 26px}#modal h2{font-size:25px}.modal-body p{font-size:15px}.modal-actions .button{font-size:14px}.toast{font-size:13px;max-width:calc(100% - 30px);padding:13px 17px}}
@media(max-width:360px){.dark-hero h1{font-size:64px}.hero-actions{gap:14px}.hero-actions .button{font-size:12px;padding-inline:15px}.hero-actions>a:not(.button){font-size:12px}.hero-bottom{font-size:8px}.public-title h1{font-size:40px}.account-heading h1{font-size:30px}.subscription-actions .button{width:100%}.subscription-hero{min-height:345px}.duration-grid{gap:6px}.duration-choice strong{font-size:13px}.duration-choice span{font-size:12px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{transition:none!important;animation:none!important}}

.account-heading>div{min-width:0}.account-heading h1{overflow-wrap:anywhere}

/* Shared preview modes stay visible on both the public site and the account. */
.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
.preview-controls{display:flex;align-items:center;gap:22px;padding-block:16px;border-bottom:1px solid var(--line)}
.preview-controls>div{display:flex;flex-direction:column;gap:5px}
.preview-label{font-size:13px;font-weight:600;color:#eeedf1}
.preview-note{font-size:11px;color:#9a949f}
.preview-select select{color:#f4f1f6;background:#20171f;border:1px solid #795061;border-radius:8px;font:inherit;font-size:14px;min-height:44px;padding:10px 35px 10px 13px;cursor:pointer;max-width:100%}
.preview-select option{background:#20171f;color:#fff}
.preview-account{margin-left:auto;font-size:13px;color:#eab4c3;white-space:nowrap}
.preview-account:hover{color:white}
.account-preview{padding:14px 40px;background:#141016;justify-content:space-between}
.account-preview>div{flex-direction:row;align-items:center;gap:12px}
.action-dock{position:fixed;left:0;right:0;bottom:0;z-index:30;padding:18px 20px calc(14px + env(safe-area-inset-bottom,0px));background:linear-gradient(transparent,#0a0b0ef2 45%);pointer-events:none;display:flex;justify-content:center}
.action-dock .button{pointer-events:auto;width:min(100%,440px);justify-content:center;min-height:56px;box-shadow:0 7px 30px #0006;border:1px solid #ff476b}
.has-action-dock{padding-bottom:calc(96px + env(safe-area-inset-bottom,0px))}
.has-action-dock .toast{bottom:calc(102px + env(safe-area-inset-bottom,0px))}
@media(max-width:1180px){.account-preview{padding-inline:27px}}
@media(max-width:900px){.account-preview{padding-inline:22px}.account-preview>div{flex-direction:column;align-items:flex-start;gap:5px}}
@media(max-width:680px){.preview-controls{gap:12px;flex-wrap:wrap;padding-block:14px}.preview-controls>div{flex:1}.preview-select{max-width:calc(100% - 110px)}.preview-select select{width:100%;font-size:13px;padding-left:10px;padding-right:24px}.preview-account{margin-left:0;width:100%;font-size:13px}.preview-label{font-size:12px}.preview-note{font-size:10px}.account-preview{padding:14px 20px}.action-dock{padding-inline:20px}.action-dock .button{font-size:14px;gap:18px;min-height:54px;padding-inline:14px}}
@media(max-width:360px){.preview-controls{gap:9px}.preview-select{max-width:calc(100% - 105px)}.preview-select select{font-size:12px}.action-dock .button{font-size:13px}}

/* SPA navigation focuses the heading for screen readers, not as a control.
   Hide its native Safari focus ring; interactive :focus-visible styles stay intact. */
#app h1[tabindex="-1"]:focus{outline:none}

/* Post-payment choice: full-page site ↔ Telegram handoff after a successful payment. */
.postpay-hero{max-width:960px;margin:0 auto;text-align:center;padding:44px 0 90px}
.postpay-hero .eyebrow{justify-content:center}
.postpay-hero h1{font-size:60px;font-weight:550;letter-spacing:-3px;line-height:1.08;margin-top:22px}
.postpay-hero .postpay-plan{max-width:560px;margin:30px auto 0;text-align:left}
.postpay-plan{display:flex;flex-direction:column;gap:8px;border:1px solid #4a3444;background:#1d1520;border-radius:10px;padding:16px 18px;margin:20px 0}
.postpay-plan>span{font-size:11px;letter-spacing:1.6px;color:#b68296}
.postpay-plan>b{font-size:16px;font-weight:600;letter-spacing:-.3px}
.postpay-question{font-size:20px;font-weight:500;letter-spacing:-.4px;margin-top:38px}
.postpay-duo{display:grid;grid-template-columns:1fr 1fr;gap:16px;margin-top:26px;text-align:left}
.postpay-option{display:flex;flex-direction:column;min-width:0;aspect-ratio:1/1;background:#121318;border:1px solid var(--line);border-radius:14px;padding:34px}
.postpay-bot{border-color:#a52340;background:linear-gradient(140deg,#34121c,#131015 60%)}
.postpay-option h3{font-size:23px;font-weight:500;letter-spacing:-.5px;margin-top:24px}
.postpay-option p{font-size:14px;line-height:1.7;color:#a7a2b0;margin-top:12px;margin-bottom:28px}
.postpay-option .button{width:100%;margin-top:auto;font-size:15px}
.postpay-site .button{color:#ff5a7b;border-color:#6b2b40}
.postpay-footnote{font-size:13px;color:#85818f;margin-top:28px}
.postpay-preview-wrap{text-align:center;margin-top:14px}
.paid-banner{display:flex;align-items:flex-start;gap:14px;border:1px solid #2f5d43;background:#12241b;border-radius:12px;padding:18px 20px;margin-bottom:30px}
.paid-banner>svg{width:24px;flex-shrink:0;color:#4ade80;margin-top:2px}
.paid-banner b{display:block;font-size:15px;font-weight:600}
.paid-banner span{font-size:14px;color:#a7c4b3;line-height:1.6;margin-top:6px;display:block}
@media(max-width:680px){.postpay-hero{padding:30px 0 60px}.postpay-hero h1{font-size:40px;letter-spacing:-2px}.postpay-plan>b{font-size:15px}.postpay-question{font-size:17px;margin-top:30px}.postpay-duo{gap:10px}.postpay-option{padding:22px 18px}.postpay-option .round-icon{width:44px;height:44px}.postpay-option h3{font-size:19px;margin-top:18px}.postpay-option p{font-size:13px;margin-bottom:20px}.postpay-option .button{font-size:14px;padding:14px 12px;gap:8px}.postpay-option .button>span{font-size:16px}.paid-banner{padding:16px}.paid-banner b{font-size:14px}.paid-banner span{font-size:13px}}

.sheet-cta{display:flex;width:100%;min-height:56px;font-size:16px;justify-content:center;gap:12px}
.sheet-skip{text-align:right}
.sheet-skip-link{background:none;border:0;color:#8e8c9c;font-size:13px;padding:12px 2px 2px;cursor:pointer}
.sheet-skip-link:hover{color:#fff}
.sheet-close{position:absolute;right:8px;top:8px;color:#af95ae}
/* Retention centered dialog for paid site-stayers. */
#modal.retention .modal-actions{flex-direction:column;align-items:stretch}
#modal.retention .modal-actions>.button{flex:none}

/* Legal links share the bot's canonical documents and wrap on small screens. */
.footer,.account-footer{flex-wrap:wrap}
.legal-links{flex:0 0 100%;display:flex;flex-wrap:wrap;gap:12px 28px;min-width:0;border-top:1px solid var(--line);padding-top:20px;font-size:12px;line-height:1.7;color:var(--muted)}
.legal-links a{max-width:100%;overflow-wrap:anywhere;text-underline-offset:4px}
.legal-links a:hover{text-decoration:underline}
.account-footer .legal-links{margin-top:20px}
@media(max-width:600px){.legal-links{flex-direction:column;align-items:flex-start;gap:10px}}

/* Payment demonstration: email -> offer -> provider preview -> connection. */
.demo-checkout{max-width:740px;padding-bottom:80px}.demo-checkout .checkout-heading h1{font-size:clamp(32px,6vw,58px);line-height:1.08}.demo-payment-note{border:1px solid #51414d;border-radius:16px;background:#231e26;padding:16px 20px;margin-bottom:24px;color:#d4cbd5;font-size:13px;line-height:1.6}.demo-form{padding:28px;display:flex;flex-direction:column;gap:20px}.demo-form p{margin:0;line-height:1.6}.demo-form h2,.demo-form h3{margin:0}.demo-form>label:not(.demo-consent){font-weight:600}.demo-form>input{width:100%;min-width:0;background:#111014;color:#fff;border:1px solid #534b56;border-radius:10px;padding:16px;font:inherit}.demo-form .button{width:100%;justify-content:center}.demo-form .button svg{width:22px;height:22px}.demo-form .button:disabled{opacity:.4;cursor:not-allowed}.demo-email-line{display:flex;justify-content:space-between;gap:16px;margin-bottom:24px;overflow-wrap:anywhere}.demo-email-line>span{min-width:0}.demo-plan-options{border:0;padding:0;margin:0 0 24px;display:grid;gap:12px}.demo-plan-option{display:flex;gap:16px;align-items:center;padding:22px;border:1px solid #514652;background:#211b24;border-radius:16px;cursor:pointer}.demo-plan-option:has(input:checked){border-color:#ff394b;background:#321d27}.demo-plan-option input,.demo-consent input{accent-color:#fa3348;width:20px;height:20px;flex-shrink:0}.demo-plan-option span{display:flex;flex-direction:column;gap:8px}.demo-plan-option small{color:#c0b6c3;font-size:12px}.demo-plan-option strong{margin-left:auto;white-space:nowrap;font-size:22px}.demo-consent{display:flex;align-items:flex-start;gap:14px;font-size:13px;line-height:1.7;color:#d1c8d4}.demo-consent input{margin-top:3px}.demo-consent a{text-decoration:underline;color:#eee4f1}.demo-instructions{padding-left:24px;line-height:1.8;color:#d1c8d4}.demo-mail{border-top:1px solid #51414d;padding-top:24px;display:grid;gap:12px}.demo-key-text{overflow-wrap:anywhere}.demo-form .summary-row strong{font-size:28px}.demo-form .status-pill{align-self:flex-start}.demo-form .status-pill svg{width:18px;height:18px}.modal-body ol{line-height:1.8;padding-left:20px}.renewal-panel .button{margin-top:12px}@media(max-width:520px){.demo-form{padding:20px}.demo-plan-option{padding:18px;gap:12px}.demo-plan-option strong{font-size:20px}.demo-email-line{font-size:13px}.demo-checkout .checkout-heading{margin-bottom:24px}}
.demo-form .summary-row{display:flex;align-items:center;justify-content:space-between;gap:20px}
.demo-bank-card{background:linear-gradient(125deg,#332837,#1b1a23);border:1px solid #6d5267;border-radius:20px;padding:24px;display:grid;gap:22px}.demo-bank-card>span{font-size:11px;letter-spacing:.14em;color:#c5b9c9}.demo-bank-card label{display:grid;gap:8px;font-size:12px;color:#c5b9c9}.demo-bank-card input{min-width:0;width:100%;background:#141217;color:#fff;border:1px solid #594756;border-radius:8px;padding:12px;font:inherit;font-size:19px;letter-spacing:.07em}.demo-bank-card>div{display:grid;grid-template-columns:1fr 1fr;gap:20px}.demo-plan-option:has(input:disabled){opacity:.45;cursor:default}

/* Demo auto-renewal switch on the subscription page. */
.renewal-head{display:flex;align-items:flex-start;justify-content:space-between;gap:16px}
.renewal-head>div{display:flex;align-items:center;gap:12px}
.switch{position:relative;display:inline-block;width:52px;height:30px;flex:none}
.switch input{position:absolute;inset:0;opacity:0;width:100%;height:100%;margin:0;cursor:pointer}
.switch span{position:absolute;inset:0;background:#3a3a40;border-radius:999px;transition:background .2s}
.switch span:before{content:'';position:absolute;left:3px;top:3px;width:24px;height:24px;border-radius:50%;background:#fff;transition:transform .2s}
.switch input:checked+span{background:var(--red)}
.switch input:checked+span:before{transform:translateX(22px)}
.switch input:focus-visible+span{outline:2px solid #ee1642;outline-offset:3px}
.switch input:disabled+span{opacity:.55}
.switch input:disabled{cursor:wait}

/* Public sign-in entry and reference-aligned account access preview. */
.header .brand b{white-space:nowrap}
.header .nav-login{display:inline-flex;justify-content:center;align-items:center;min-height:42px;padding:10px 22px;border:1px solid #44414b;border-radius:12px;background:#29262f;color:#fff;line-height:1;font-size:14px;font-weight:600;white-space:nowrap}
.header .nav-login:hover{background:#37303d;border-color:#76606a}
.auth-page{min-height:100svh;width:min(100% - 40px,460px);margin:0 auto;padding:64px 0 32px;display:flex;flex-direction:column;align-items:stretch}
.auth-brand{display:flex;justify-content:center;margin-bottom:40px}
.auth-brand .brand{gap:12px}
.auth-card{background:linear-gradient(135deg,#211c28,#19181f);border:1px solid #3a333e;border-radius:22px;padding:34px;box-shadow:0 24px 80px #0003}
.auth-card h1{font-size:30px;letter-spacing:-.8px;line-height:1.2;font-weight:650;margin:0}
.auth-subtitle{font-size:15px;line-height:1.6;color:#aaa3b1;margin:12px 0 30px}
.auth-preview{display:flex;align-items:flex-start;gap:9px;margin:22px 0 24px;color:#c0b6c5;font-size:12px;line-height:1.6}
.auth-preview>span{border:1px solid #73515e;border-radius:5px;padding:0 5px;font-size:10px;text-transform:uppercase;letter-spacing:.04em;color:#f1bcc9;line-height:20px;flex-shrink:0}
.auth-form{display:flex;flex-direction:column;gap:10px}
.auth-form label{color:#c0b8c7;font-size:14px}
.auth-form input{width:100%;min-width:0;background:#35303e;color:#dcd5e2;border:1px solid #514859;border-radius:12px;min-height:52px;padding:14px 16px;font:inherit;font-size:16px;box-shadow:inset 0 1px 1px #ffffff06}
.auth-form input:focus{outline:2px solid var(--red);outline-offset:2px}
.auth-password-label{display:flex;justify-content:space-between;align-items:center;gap:12px;margin-top:10px}
.auth-forgot{color:#ff869b;font-size:12px}
.auth-field-note{margin:0;color:#a99cab;font-size:11px;line-height:1.5}
.auth-card .auth-submit{width:100%;justify-content:center;margin-top:10px;min-height:54px;border-radius:12px;font-size:16px;box-shadow:0 5px 24px #ee164229}
.auth-divider{display:flex;align-items:center;gap:18px;color:#988da0;font-size:12px;margin:28px 0}
.auth-divider:before,.auth-divider:after{content:'';height:1px;background:#413746;flex:1}
.auth-card .auth-telegram{display:flex;width:100%;justify-content:center;align-items:center;gap:12px;background:linear-gradient(#31b5e9,#2299cd);color:#fff;min-height:54px;font-size:15px;border:1px solid #62c3e8;border-radius:12px;box-shadow:0 4px 20px #209cd022}
.auth-telegram svg{width:22px;height:22px;flex-shrink:0}
.auth-card .auth-telegram:hover{background:#28aade;transform:translateY(-1px)}
.auth-telegram-note{margin:12px 0 0;font-size:12px;line-height:1.6;text-align:center;color:#aaa0b2}
.auth-help{border:0;padding:0;margin-top:26px;color:#a99daf;font-size:12px;text-align:center}
.auth-help summary{padding:0;list-style:none;cursor:pointer;display:flex;align-items:center;justify-content:center;gap:5px;min-height:36px}
.auth-help summary::-webkit-details-marker{display:none}
.auth-help summary svg{width:12px;height:12px}
.auth-help[open] summary svg{transform:rotate(180deg)}
.auth-help p{font-size:13px;line-height:1.7;margin:10px 0 0;text-align:left}
.auth-help a,.auth-signup a{color:#ff869b}
.auth-signup{text-align:center;font-size:13px;color:#a99daf;margin:22px 0 0;line-height:1.7}
.auth-home,.auth-back{display:block;text-align:center;color:#aaa3b1;font-size:13px;margin-top:24px;padding:8px}
.auth-feedback{color:#f1c9d2;font-size:13px;line-height:1.65;margin:10px 0 0}
@media(max-width:900px){.header .nav-login{margin-left:auto;margin-right:12px;display:inline-flex}.header .mobile-menu{margin-left:0}}
@media(max-width:480px){.auth-page{width:calc(100% - 28px);padding-top:42px}.auth-brand{margin-bottom:30px}.auth-card{padding:26px 22px;border-radius:20px}.auth-card h1{font-size:27px}.auth-preview{margin-block:20px}.auth-subtitle{font-size:14px}.header .nav-login{padding:10px 16px;margin-right:10px}.auth-card .auth-telegram{font-size:14px}}
@media(max-width:360px){.auth-card{padding:24px 18px}.auth-page{width:calc(100% - 24px)}.auth-card h1{font-size:25px}.auth-forgot{font-size:11px}.auth-card .auth-telegram{font-size:13px}}

@media(max-width:360px){.header .brand{gap:6px}.header .brand>svg{width:32px}.header .brand b{font-size:20px}.header .brand b span{font-size:8px;margin-left:3px;padding:4px}}

.live-account-content .panel{margin-top:24px}.live-subscription-url{display:block;width:100%;min-width:0;padding:14px 16px;border:1px solid #39363e;border-radius:12px;background:#222027;color:#f4f3f5;font:inherit}.live-account-content h1{overflow-wrap:anywhere}
.header .nav-user{gap:10px;padding:5px 16px 5px 5px;max-width:240px}.nav-avatar{position:relative;display:inline-grid;place-items:center;flex:none;width:32px;height:32px;border-radius:50%;overflow:hidden;background:var(--red);color:#fff;font-size:14px;font-weight:700}.nav-avatar img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}.nav-user-name{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}@media(max-width:480px){.header .nav-user{padding:5px}.nav-user-name{display:none}}
.avatar,.profile-avatar{position:relative;overflow:hidden}.avatar img,.profile-avatar img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}.detail-panel .profile-avatar{margin-bottom:16px}
.checkout-email-form{margin-top:18px}.checkout-form .auth-submit,.checkout-form .auth-telegram{display:flex;width:100%;justify-content:center;align-items:center;min-height:52px;border-radius:12px}.checkout-form .auth-telegram,.demo-form .auth-telegram{gap:12px;background:linear-gradient(#31b5e9,#2299cd);color:#fff;border:1px solid #62c3e8;box-shadow:0 4px 20px #209cd022}.checkout-form .auth-feedback{margin:4px 0 0}
.app-links{display:flex;flex-wrap:wrap;gap:10px;margin-top:12px}
/* Live account: real data in the same layouts as the preview pages. */
.live-account .subscription-grid>div>.panel+.panel,.live-account .profile-grid>div>.panel+.panel{margin-top:22px}
.live-link-panel{margin-top:22px}
.live-account .card-heading>svg{width:22px;height:22px;flex-shrink:0;color:#bb687b}
.live-account .detail-panel .card-heading{margin-bottom:22px}
.live-account .detail-panel .card-heading h2{margin-bottom:0}
.copy-field{display:flex;gap:10px;align-items:stretch}
.copy-field .live-subscription-url{flex:1;text-overflow:ellipsis}
.copy-field .button{margin:0;min-height:0;width:auto;padding:0 16px;gap:8px;flex-shrink:0;justify-content:center}
.copy-field .button svg{width:17px;height:17px}
.live-link-actions{display:flex;flex-wrap:wrap;align-items:center;gap:14px 24px;margin-top:18px}
.live-link-actions .button{margin:0;width:auto}
.live-more{margin-top:22px;font-size:14px;color:#b4b3bf}
.live-more summary{cursor:pointer;margin-bottom:14px}
.gift-list{display:grid;gap:16px}
.gift-row>p{margin:18px 0 14px!important}
.profile-rows{margin-top:22px}
#password-form{margin-top:26px;border-top:1px solid #302b35;padding-top:24px}
#password-form h3{font-size:18px;font-weight:500;margin-bottom:18px}
#password-form input{margin-bottom:16px}
#password-form .auth-feedback{font-size:14px;color:#c7a9b8}
.gift-claim .round-icon{margin-bottom:18px}
.gift-claim .round-icon svg{width:24px;color:#ff5a7b}
.gift-claim .gift-row{margin-top:18px}
@media(max-width:600px){.copy-field{flex-direction:column}.copy-field .button{min-height:46px}.live-link-actions .button{width:100%}}
.gift-claim>.button,.gift-claim .live-link-actions{margin-top:22px}
.gift-claim .auth-feedback:empty{display:none}
.postpay-title{margin-top:16px}
.demo-form .auth-divider{margin:4px 0}
.checkout-form .demo-consent{margin:18px 0 20px}
#modal .dialog-close:disabled,#modal .sheet-skip-link:disabled{opacity:.4;cursor:default;color:#8e8c9c}