:root{--ink: #111b32;--muted: #63708a;--paper: #f3f7fc;--surface: #ffffff;--surface-soft: #eaf1fa;--line: #d7e2f0;--brand: #1578e8;--brand-dark: #075bbd;--brand-light: #e0efff;--accent: #55c9ff;--danger: #b23c3c;--success: #087a62;--shadow: 0 22px 60px rgba(18, 48, 92, .14);font-family:Manrope,sans-serif;color:var(--ink);background:var(--paper);font-synthesis:none}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;min-width:320px;background:var(--paper)}button,input{font:inherit}button{cursor:pointer}a{color:inherit;text-decoration:none}img{display:block;max-width:100%}#root{min-height:100vh}.page-shell{overflow:hidden}.site-header{position:fixed;z-index:50;top:14px;left:50%;width:min(1180px,calc(100% - 28px));min-height:68px;padding:10px 12px 10px 18px;border:1px solid rgba(255,255,255,.7);border-radius:18px;background:#f5faffb8;box-shadow:0 14px 44px #082e6724,inset 0 1px #ffffffd9;-webkit-backdrop-filter:blur(24px) saturate(155%);backdrop-filter:blur(24px) saturate(155%);transform:translate(-50%);display:flex;align-items:center;gap:26px}.brand{display:inline-flex;align-items:center;gap:10px;font-family:Sora,sans-serif;font-size:1.12rem;font-weight:800}.brand img{width:38px;height:38px;border-radius:10px;object-fit:cover;box-shadow:0 7px 16px #1578e840}.brand span{line-height:1}.brand small{display:block;margin-top:5px;color:var(--brand);font-family:Manrope,sans-serif;font-size:.58rem;font-weight:800;letter-spacing:.12em}.site-header nav{display:flex;align-items:center;gap:24px;margin:0 auto;color:#52627d;font-size:.88rem;font-weight:700}.site-header nav a:hover,.footer a:hover,.auth-links a:hover,.legal-page a:hover{color:var(--brand)}.header-actions,.hero-actions,.trust-row,.status-actions{display:flex;align-items:center;gap:10px}.icon-button{display:inline-grid;place-items:center;width:42px;height:42px;padding:0;border:1px solid rgba(255,255,255,.72);border-radius:12px;background:#ffffff8f;color:var(--ink);box-shadow:inset 0 1px #ffffffe6}.mobile-menu{display:none}.button{min-height:42px;padding:10px 16px;border:1px solid transparent;border-radius:12px;display:inline-flex;align-items:center;justify-content:center;gap:8px;font-size:.88rem;font-weight:800;transition:transform .18s ease,background-color .18s ease,border-color .18s ease,box-shadow .18s ease}.button:hover{transform:translateY(-1px)}.button.primary{background:var(--brand);color:#fff;box-shadow:0 10px 24px #1578e847,inset 0 1px #ffffff40}.button.primary:hover{background:var(--brand-dark)}.button.secondary{border-color:#ffffffb8;background:#ffffff9e;color:var(--ink);box-shadow:inset 0 1px #ffffffdb;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px)}.button.secondary:hover{border-color:#a9c9ed;background:#ebf5ffe0}.button.large{min-height:50px;padding:13px 20px}.button.full{width:100%}.button:disabled{cursor:wait;opacity:.65;transform:none}.hero{min-height:720px;padding:158px max(24px,calc((100vw - 1180px)/2)) 88px;position:relative;background-color:#07162f;background-image:linear-gradient(rgba(89,180,255,.07) 1px,transparent 1px),linear-gradient(90deg,rgba(89,180,255,.07) 1px,transparent 1px);background-size:52px 52px;color:#fff;display:grid;grid-template-columns:minmax(0,.85fr) minmax(560px,1.15fr);align-items:center;gap:58px}.hero-copy{max-width:560px;animation:hero-in .8s cubic-bezier(.2,.8,.2,1) both}.eyebrow{color:var(--brand);font-size:.73rem;font-weight:800;letter-spacing:.08em;text-transform:uppercase}.hero .eyebrow,.cta-band .eyebrow{color:#77d3ff;display:inline-flex;align-items:center;gap:7px}.hero h1{margin:20px 0;font-family:Sora,sans-serif;font-size:clamp(2.7rem,5vw,4.9rem);line-height:1.04;letter-spacing:0}.hero-copy>p{max-width:550px;margin:0 0 30px;color:#b9cbe4;font-size:1.08rem;line-height:1.75}.hero .button.secondary{border-color:#ffffff40;background:#ffffff12;color:#fff}.trust-row{flex-wrap:wrap;margin-top:26px;color:#a9bdd9;font-size:.78rem;font-weight:700}.trust-row span{display:inline-flex;align-items:center;gap:6px}.trust-row svg{color:#77d3ff}.product-preview{position:relative;animation:preview-in .95s .15s cubic-bezier(.2,.8,.2,1) both,preview-float 7s 1.1s ease-in-out infinite}.product-preview>img{width:100%;border:1px solid rgba(255,255,255,.23);border-radius:16px;box-shadow:0 34px 90px #0000006b,inset 0 1px #ffffff3d}.preview-tag{position:absolute;min-width:190px;padding:13px;border:1px solid rgba(255,255,255,.16);border-radius:14px;background:#e2f2ffb8;box-shadow:0 15px 35px #00000038;-webkit-backdrop-filter:blur(20px) saturate(170%);backdrop-filter:blur(20px) saturate(170%);color:var(--ink);display:flex;align-items:center;gap:10px}.preview-tag svg{color:var(--brand)}.preview-tag span{display:grid;gap:2px;color:var(--muted);font-size:.65rem}.preview-tag strong{color:var(--ink);font-size:.76rem}.tag-one{left:-28px;bottom:28px}.tag-two{top:-28px;right:28px}.metric-band{padding:0 max(24px,calc((100vw - 1180px)/2));border-bottom:1px solid var(--line);background:var(--surface);display:grid;grid-template-columns:repeat(3,1fr)}.metric-band div{padding:28px 34px;border-left:1px solid var(--line);display:grid;gap:4px}.metric-band div:last-child{border-right:1px solid var(--line)}.metric-band strong{font-family:Sora,sans-serif;font-size:1.1rem}.metric-band span{color:var(--muted);font-size:.78rem}.section{width:min(1180px,calc(100% - 40px));margin:0 auto;padding:104px 0}.section-heading{max-width:660px;margin-bottom:42px}.section-heading.centered{margin-right:auto;margin-left:auto;text-align:center}.section-heading h2,.cta-band h2,.auth-aside h1,.card-heading h2,.legal-page h1{margin:12px 0;font-family:Sora,sans-serif;font-size:clamp(2rem,4vw,3.25rem);line-height:1.14;letter-spacing:0}.section-heading p,.cta-band p,.card-heading p{margin:0;color:var(--muted);line-height:1.7}.feature-grid{display:grid;grid-template-columns:repeat(4,1fr);border-top:1px solid var(--line);border-left:1px solid var(--line)}.feature-card{min-height:250px;padding:30px;border-right:1px solid var(--line);border-bottom:1px solid var(--line);background:#ffffffb8;transition:background-color .25s ease,transform .25s ease}.feature-card:hover{background:#fff;transform:translateY(-4px)}.feature-icon{width:46px;height:46px;margin-bottom:46px;border-radius:7px;background:var(--brand-light);color:var(--brand);display:grid;place-items:center}.feature-card h3,.screen-card h3,.plan-card h3{margin:0 0 10px;font-family:Sora,sans-serif;font-size:1.05rem}.feature-card p,.screen-card p{margin:0;color:var(--muted);font-size:.86rem;line-height:1.65}.product-section{width:100%;padding-right:max(20px,calc((100vw - 1180px)/2));padding-left:max(20px,calc((100vw - 1180px)/2));background:#e8f1fb}.screens-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:18px}.screen-card{overflow:hidden;border:1px solid rgba(255,255,255,.78);border-radius:14px;background:#ffffff9e;box-shadow:0 16px 42px #1a477e1c,inset 0 1px #ffffffe6;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);transition:transform .3s ease,box-shadow .3s ease}.screen-card:hover{transform:translateY(-5px);box-shadow:0 24px 56px #1a477e2e}.screen-card img{width:100%;aspect-ratio:16 / 9;object-fit:cover;object-position:top;border-bottom:1px solid var(--line)}.screen-card div{padding:22px}.plans-section{padding-bottom:120px}.plan-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;align-items:stretch}.plan-grid.compact{grid-template-columns:repeat(3,minmax(150px,1fr))}.plan-card{position:relative;padding:30px;border:1px solid rgba(255,255,255,.82);border-radius:16px;background:#ffffffad;box-shadow:0 15px 40px #1d447717,inset 0 1px #ffffffeb;-webkit-backdrop-filter:blur(20px) saturate(145%);backdrop-filter:blur(20px) saturate(145%);display:flex;flex-direction:column;transition:transform .3s ease,box-shadow .3s ease,opacity .55s ease}.plan-card:hover{transform:translateY(-6px);box-shadow:0 24px 58px #1578e82e}.plan-card.featured{border-color:var(--brand);box-shadow:var(--shadow)}.plan-badge{position:absolute;top:-13px;right:20px;padding:6px 10px;border-radius:4px;background:var(--brand);color:#fff;font-size:.68rem;font-weight:800}.price{min-height:64px;margin:18px 0;display:flex;align-items:baseline;gap:4px}.price strong{font-family:Sora,sans-serif;font-size:2rem}.price span{color:var(--muted);font-size:.76rem}.plan-card ul{min-height:184px;margin:0 0 24px;padding:20px 0 0;border-top:1px solid var(--line);list-style:none;display:grid;align-content:start;gap:12px}.plan-card li{color:#43544b;font-size:.8rem;display:flex;gap:8px}.plan-card li svg{flex:0 0 auto;color:var(--brand)}.plan-card small{margin-top:12px;color:var(--muted);text-align:center;font-size:.68rem}.skeleton{min-height:440px;background:linear-gradient(100deg,#fff 30%,#edf2ef,#fff 70%);background-size:300% 100%;animation:skeleton 1.4s infinite}@keyframes skeleton{to{background-position:-300% 0}}.cta-band{width:min(1180px,calc(100% - 40px));margin:0 auto 104px;padding:50px;border:1px solid rgba(255,255,255,.16);border-radius:18px;background:#082552f0;box-shadow:0 22px 60px #0825523d,inset 0 1px #ffffff2e;-webkit-backdrop-filter:blur(22px);backdrop-filter:blur(22px);color:#fff;display:flex;align-items:center;justify-content:space-between;gap:30px}.cta-band h2{margin-bottom:8px;font-size:clamp(1.8rem,3vw,2.7rem)}.cta-band p{color:#b8cbe5}.footer{padding:44px max(24px,calc((100vw - 1180px)/2));border-top:1px solid var(--line);background:var(--surface);display:grid;grid-template-columns:1fr auto;align-items:center;gap:14px 28px}.footer p,.footer small{margin:0;color:var(--muted);font-size:.75rem}.footer div{display:flex;gap:18px;color:#53627a;font-size:.78rem;font-weight:700}.footer small{grid-column:1 / -1;padding-top:14px;border-top:1px solid var(--line)}.auth-page{min-height:100vh;background:var(--surface);display:grid;grid-template-columns:minmax(360px,.75fr) minmax(520px,1.25fr)}.auth-aside{position:sticky;top:0;height:100vh;padding:44px max(36px,calc((100vw - 1180px)/2));background-color:#071b3d;background-image:linear-gradient(rgba(89,180,255,.07) 1px,transparent 1px),linear-gradient(90deg,rgba(89,180,255,.07) 1px,transparent 1px);background-size:52px 52px;color:#fff;display:flex;flex-direction:column;align-items:flex-start;justify-content:center}.auth-aside .brand{position:absolute;top:42px;left:max(36px,calc((100vw - 1180px)/2))}.back-link{position:absolute;top:104px;left:max(36px,calc((100vw - 1180px)/2));color:#b9cbe4;font-size:.78rem;font-weight:700;display:inline-flex;align-items:center;gap:4px}.auth-aside h1{max-width:470px;font-size:clamp(2.3rem,4vw,4rem)}.auth-aside>p{max-width:440px;margin:0;color:#b9cbe4;line-height:1.7}.auth-points{margin-top:32px;display:grid;gap:12px;color:#dbe8f7;font-size:.8rem;font-weight:700}.auth-points span{display:flex;align-items:center;gap:8px}.auth-points svg{color:#77d3ff}.auth-card{width:min(620px,calc(100% - 48px));margin:auto;padding:72px 0}.card-heading{margin-bottom:30px}.card-heading h2{font-size:2.2rem}.form{display:grid;gap:18px}.form label{color:#3f4e69;font-size:.76rem;font-weight:800;display:grid;gap:8px}.form input{width:100%;min-height:48px;padding:11px 13px;border:1px solid #cbd9e9;border-radius:11px;outline:none;background:#fff;color:var(--ink);transition:border-color .18s ease,box-shadow .18s ease}.form input:focus{border-color:var(--brand);box-shadow:0 0 0 4px #1578e81f}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:14px}.plan-selector{display:grid;grid-template-columns:repeat(3,1fr);gap:8px}.plan-selector button{min-height:68px;padding:10px;border:1px solid var(--line);border-radius:11px;background:#fff;color:var(--ink);display:grid;gap:4px;text-align:left}.plan-selector button.active{border-color:var(--brand);background:var(--brand-light)}.plan-selector span{color:var(--muted);font-size:.68rem}.check-row{grid-template-columns:18px 1fr!important;align-items:start;gap:10px!important;font-weight:600!important;line-height:1.5}.check-row input{min-height:auto;margin-top:2px;accent-color:var(--brand)}.check-row a{color:var(--brand);text-decoration:underline}.auth-links{margin-top:24px;color:var(--muted);font-size:.77rem;display:flex;justify-content:space-between;gap:14px}.auth-links a{color:var(--brand);font-weight:800}.feedback{margin:0;padding:11px 13px;border-radius:5px;font-size:.76rem;line-height:1.5}.feedback.error{background:#f9e8e8;color:var(--danger)}.feedback.success{background:var(--brand-light);color:var(--success)}.field-status{min-height:18px;font-size:.68rem;font-weight:700;display:inline-flex;align-items:center;gap:5px}.field-status.checking{color:var(--muted)}.field-status.available{color:var(--success)}.field-status.unavailable{color:var(--danger)}.plan-grid>.feedback{grid-column:1 / -1}.status-card{text-align:center}.status-card>svg{color:var(--brand);margin:0 auto 20px}.status-card h2{margin:0 auto 30px;max-width:500px;font-family:Sora,sans-serif;font-size:1.7rem;line-height:1.35}.status-actions{justify-content:center}.spinner{width:42px;height:42px;margin:0 auto 24px;border:4px solid var(--brand-light);border-top-color:var(--brand);border-radius:50%;animation:spin .8s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.reveal{opacity:0;transform:translateY(24px);transition:opacity .65s ease,transform .65s cubic-bezier(.2,.8,.2,1)}.reveal.visible{opacity:1;transform:translateY(0)}@keyframes hero-in{0%{opacity:0;transform:translateY(24px)}to{opacity:1;transform:translateY(0)}}@keyframes preview-in{0%{opacity:0;transform:translateY(30px) scale(.97)}to{opacity:1;transform:translateY(0) scale(1)}}@keyframes preview-float{0%,to{translate:0 0}50%{translate:0 -8px}}.legal-page>header{width:min(900px,calc(100% - 40px));margin:0 auto;padding:22px 0;display:flex;justify-content:space-between;align-items:center}.legal-page>main{width:min(760px,calc(100% - 40px));margin:40px auto 100px}.legal-page h1{margin-top:18px}.legal-page main>p{margin-bottom:48px;color:var(--muted)}.legal-page section{padding:25px 0;border-top:1px solid var(--line)}.legal-page section h2{margin:0 0 10px;font-family:Sora,sans-serif;font-size:1.15rem}.legal-page section p{margin:0;color:var(--muted);line-height:1.8}.legal-page section a{color:var(--brand);font-weight:800}@media(max-width:1000px){.site-header{gap:14px}.site-header nav{gap:14px}.hero{grid-template-columns:1fr;padding-top:140px}.hero-copy{max-width:700px}.product-preview{max-width:780px}.feature-grid{grid-template-columns:repeat(2,1fr)}.plan-card{padding:22px}.auth-page{grid-template-columns:1fr}.auth-aside{position:relative;height:auto;min-height:330px;padding:140px 32px 50px}.auth-aside .brand,.back-link{left:32px}.auth-card{padding:54px 0}}@media(max-width:760px){.site-header{min-height:60px;top:8px;width:calc(100% - 16px);padding:8px 9px 8px 12px}.brand img{width:34px;height:34px}.mobile-menu{display:inline-grid;margin-left:auto}.site-header nav{position:absolute;top:66px;right:0;left:0;padding:10px;border:1px solid var(--line);border-radius:7px;background:#fff;box-shadow:var(--shadow);display:none}.site-header nav.open{display:grid}.site-header nav a{padding:11px}.header-actions .secondary{display:none}.header-actions .primary{min-height:42px;padding:9px 11px;font-size:0}.header-actions .primary svg{width:19px;height:19px}.hero{min-height:0;padding:116px 20px 70px;gap:50px}.hero h1{font-size:2.55rem}.hero-actions{align-items:stretch;flex-direction:column}.hero-actions .button{width:100%}.trust-row{align-items:flex-start;flex-direction:column}.preview-tag{display:none}.metric-band{grid-template-columns:1fr;padding:0 20px}.metric-band div,.metric-band div:last-child{padding:22px 0;border-right:0;border-left:0;border-bottom:1px solid var(--line)}.metric-band div:last-child{border-bottom:0}.section{width:calc(100% - 40px);padding:72px 0}.feature-grid,.screens-grid,.plan-grid,.plan-grid.compact{grid-template-columns:1fr}.feature-card{min-height:210px}.feature-icon{margin-bottom:28px}.product-section{width:100%;padding-right:20px;padding-left:20px}.plan-card ul{min-height:0}.cta-band{margin-bottom:72px;padding:30px 24px;align-items:stretch;flex-direction:column}.footer{grid-template-columns:1fr}.footer div{flex-wrap:wrap}.footer small{grid-column:auto}.auth-aside{min-height:300px;padding:132px 24px 42px}.auth-aside .brand,.back-link{left:24px}.auth-aside h1{font-size:2.4rem}.auth-points{display:none}.auth-card{width:calc(100% - 40px);padding:44px 0}.form-grid,.plan-selector{grid-template-columns:1fr}.plan-selector button{min-height:56px;grid-template-columns:1fr auto;align-items:center}.auth-links,.status-actions{align-items:stretch;flex-direction:column}.status-actions .button{width:100%}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{scroll-behavior:auto!important;animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}.reveal{opacity:1;transform:none}}
