@font-face{font-family:Manrope;src:url('/site/assets/manrope-regular.woff2') format('woff2');font-display:swap;font-weight:400}
@font-face{font-family:Manrope;src:url('/site/assets/manrope-semibold.woff2') format('woff2');font-display:swap;font-weight:600 800}
:root{--easing:cubic-bezier(.22,.82,.24,1)}
body{font-family:Manrope,Arial,sans-serif}
.landing{position:relative;background:radial-gradient(ellipse 46% 24% at 78% 22%,rgba(130,73,234,.10),transparent 90%),var(--site-bg)}
:root[data-theme="dark"] .landing{background:radial-gradient(ellipse 52% 31% at 79% 18%,rgba(126,66,235,.17),transparent 90%),#0e0b17}
.site-header{box-shadow:0 15px 46px rgba(20,10,40,.11)}
.hero{grid-template-columns:minmax(0,1fr) minmax(390px, .95fr);min-height:680px;padding-block:32px 48px;isolation:isolate}
.hero::after{width:min(60vw,620px);height:min(60vw,620px);right:-6%;top:8%;background:radial-gradient(circle,rgba(155,83,255,.12),transparent 69%);filter:none}
.hero-copy{position:relative;z-index:3}
.hero h1{max-width:770px;font-family:Manrope,Arial,sans-serif;font-weight:800;letter-spacing:-.065em;line-height:1.06;text-wrap:balance}
.hero h1 em{font-style:normal;letter-spacing:-.057em}
.hero-lead{max-width:470px;line-height:1.65}
.hero-note span{display:inline-flex;align-items:center;min-height:31px;padding:3px 11px;border:1px solid var(--site-line);border-radius:999px;background:var(--site-surface)}
.hero-actions .button-primary{box-shadow:0 15px 32px rgba(103,46,208,.24);transition:transform .24s var(--easing),box-shadow .24s var(--easing)}
.hero-actions .button-primary:hover{transform:translateY(-3px);box-shadow:0 20px 40px rgba(103,46,208,.31)}
.hero-product{min-height:630px;min-width:0;display:grid;place-items:center}
.product-theatre{position:relative;display:grid;place-items:center;width:100%;min-height:630px;isolation:isolate;perspective:1100px}
.product-orbit{position:absolute;inset:0;width:100%;height:100%;pointer-events:none;opacity:.85}
.product-glow{position:absolute;width:min(75%,450px);aspect-ratio:1;border-radius:50%;background:radial-gradient(circle,rgba(138,61,252,.28),rgba(138,61,252,.05) 56%,transparent 72%);filter:blur(35px);pointer-events:none}
.preview-platform-switch{position:absolute;z-index:4;top:-28px;display:flex;gap:4px;padding:4px;border:1px solid rgba(158,121,228,.3);border-radius:14px;background:#1b1529;box-shadow:0 10px 25px rgba(13,8,29,.24)}
.preview-platform-switch button{min-width:92px;min-height:32px;padding:5px 12px;border:0;border-radius:10px;background:transparent;color:#cfc2e1;font:600 12px Manrope,Arial,sans-serif;cursor:pointer;transition:background .2s ease,color .2s ease}
.preview-platform-switch button.is-active{background:#7132d0;color:#fff}
.preview-platform-switch button:focus-visible{outline:2px solid #d7b7ff;outline-offset:2px}
.preview-stage{position:relative;z-index:2;display:grid;place-items:center;width:100%;padding:36px 12px 68px;min-height:670px;perspective:1000px}
.preview-pedestal{position:absolute;z-index:0;bottom:39px;width:min(410px,96%);height:92px;border:1px solid rgba(182,124,255,.32);border-radius:50%;background:radial-gradient(ellipse at 50% 37%,rgba(173,109,255,.39),rgba(94,48,157,.25) 42%,rgba(35,20,64,.9) 68%,rgba(17,13,31,.15) 73%);box-shadow:0 23px 35px rgba(24,11,49,.43),0 0 48px rgba(149,71,250,.18);transform:rotateX(64deg) translateY(20px);pointer-events:none}
.preview-pedestal::before{content:"";position:absolute;inset:12px 20px;border:1px solid rgba(196,143,255,.46);border-radius:50%;box-shadow:inset 0 0 29px rgba(171,91,255,.28),0 0 22px rgba(172,90,255,.25)}
.preview-pedestal::after{content:"";position:absolute;inset:auto 13% -15px;height:38px;border-radius:50%;background:radial-gradient(ellipse,rgba(115,53,196,.45),transparent 70%);filter:blur(11px)}
.preview-window{--preview-x:0px;--preview-y:0px;--preview-rx:3deg;--preview-ry:-8deg;position:relative;z-index:1;width:min(320px,100%);padding:0 8px 8px;border:1px solid rgba(158,121,228,.34);border-radius:19px;background:linear-gradient(155deg,#272037,#120e1d 55%,#1d152b);box-shadow:18px 38px 70px rgba(17,9,34,.48),-8px 0 23px rgba(163,92,255,.11),0 3px 0 rgba(177,114,255,.19) inset;transform:translate3d(var(--preview-x),calc(var(--preview-y) - 15px),0) rotateX(var(--preview-rx)) rotateY(var(--preview-ry));transition:transform .34s var(--easing),box-shadow .34s var(--easing);will-change:transform}
.preview-window:hover{box-shadow:0 39px 95px rgba(17,9,34,.55),0 0 47px rgba(137,72,245,.12)}
.preview-window.is-dragging{transition:none;cursor:grabbing}
.preview-topline{display:flex;align-items:center;justify-content:space-between;gap:8px;min-height:31px;padding:0 7px;color:#d5c9eb;font:600 10px Manrope,Arial,sans-serif;letter-spacing:.02em;cursor:grab;touch-action:none;user-select:none}
.preview-window.is-dragging .preview-topline{cursor:grabbing}
.preview-grip{font-size:14px;letter-spacing:-3px;color:#9c83c4}
.preview-live{display:inline-flex;align-items:center;gap:5px;color:#c6b3e6}.preview-live i{width:5px;height:5px;border-radius:50%;background:#58e3aa;box-shadow:0 0 7px #58e3aa}
.preview-device{position:relative;overflow:hidden;width:100%;aspect-ratio:1/2;border:1px solid #39304d;border-radius:9px;background:#120f1d}
.preview-device img{display:block;width:100%;height:100%;object-fit:fill;pointer-events:none;user-select:none}
.preview-device img[hidden]{display:none}
.preview-window.is-android{width:min(300px,100%)}
.preview-window.is-android .preview-device{aspect-ratio:9/20}
.preview-window.is-android .preview-connect,.preview-window.is-android .preview-tun,.preview-window.is-android .preview-proxy{display:none}
.preview-window.is-android .preview-home,.preview-window.is-android .preview-account,.preview-window.is-android .preview-settings{top:88%;height:7%}
.preview-hotspot{position:absolute;z-index:2;display:block;padding:0;border:1px solid transparent;border-radius:10px;background:transparent;cursor:pointer;color:transparent;touch-action:manipulation}
@media(hover:hover) and (pointer:fine){.preview-hotspot:hover{border-color:rgba(198,139,255,.8);background:rgba(158,81,243,.09)}}
.preview-hotspot:focus-visible{outline:2px solid #d7b7ff;outline-offset:-2px}
.preview-connect{left:20%;top:21%;width:60%;height:32%;border-radius:37px}
.preview-tun,.preview-proxy{top:68%;height:8%;width:29%}.preview-tun{left:21%}.preview-proxy{left:50%}
.preview-home,.preview-account,.preview-settings{top:90%;height:10%;width:33%}.preview-home{left:0}.preview-account{left:33%}.preview-settings{left:66%}
.preview-window:not([data-preview-screen="home"]) .preview-connect,.preview-window:not([data-preview-screen="home"]) .preview-tun,.preview-window:not([data-preview-screen="home"]) .preview-proxy{display:none}
.preview-caption{position:absolute;z-index:2;bottom:7px;margin:0;padding:8px 13px;border:1px solid var(--site-line);border-radius:999px;background:var(--site-surface);color:var(--site-muted);font-size:11px;text-align:center;box-shadow:var(--site-shadow-small)}
.preview-caption-icon{color:var(--site-accent);font-size:16px}
.pricing-section,.app-section,.faq-section{position:relative}
.pricing-section::before,.app-section::before{content:"";position:absolute;pointer-events:none;z-index:-1;width:55%;height:90%;left:-15%;top:0;background:radial-gradient(ellipse,rgba(143,79,245,.075),transparent 65%)}
.landing-tariff-card,.app-primary,.happ-downloads{transition:transform .27s var(--easing),box-shadow .27s var(--easing),border-color .27s ease}
.landing-tariff-card:hover,.app-primary:hover,.happ-downloads:hover{transform:translateY(-4px);box-shadow:0 19px 52px rgba(58,28,101,.13)}
.dashboard-content{background:radial-gradient(ellipse 55% 30% at 100% 0,rgba(129,77,227,.06),transparent 90%),var(--site-bg)}
.dashboard-content h1,.dashboard-content h2,.dashboard-content h3,.dashboard-content .overview-section-label>strong{font-family:Manrope,Arial,sans-serif;letter-spacing:-.04em;text-transform:none}
.dashboard-content .overview-heading h2{font-size:clamp(29px,2.8vw,41px);line-height:1.14;max-width:680px}
.dashboard-content .overview-section-label>strong{font-size:14px;font-weight:800}
.cabinet-page-header{box-shadow:0 7px 28px rgba(25,15,43,.035)}
.dashboard-content .panel,.dashboard-sidebar{box-shadow:0 10px 32px rgba(40,25,73,.035)}
.dashboard-content .panel{transition:border-color .2s ease,box-shadow .2s ease,transform .25s var(--easing)}
.dashboard-content .panel:hover{border-color:color-mix(in srgb,var(--site-accent) 24%,var(--site-line));box-shadow:0 13px 34px rgba(66,40,110,.075)}
:root[data-theme="dark"] .dashboard-content .panel:hover{box-shadow:0 15px 38px rgba(0,0,0,.19)}
@media(max-width:1080px){.hero{grid-template-columns:minmax(0,1fr) minmax(330px,.85fr)}.product-theatre,.hero-product{min-height:630px}}
@media(max-width:760px){.hero{display:flex;flex-direction:column;align-items:stretch;gap:12px;padding:54px 0 43px}.hero h1{font-size:clamp(38px,10.5vw,52px);line-height:1.08}.hero-product,.product-theatre{min-height:0;width:100%}.product-theatre{padding-bottom:35px}.preview-stage{min-height:0;padding:28px 0 70px}.preview-window{width:min(320px,86vw)}.product-orbit{height:550px;top:20px}.preview-caption{bottom:6px;max-width:100%;font-size:10px;white-space:nowrap}.hero-note span{min-height:28px}.dashboard-content .panel:hover{transform:none}.dashboard-content .overview-heading h2{font-size:clamp(27px,7.5vw,34px);line-height:1.16}}
@media(max-width:360px){.preview-caption{font-size:9px}.preview-window{width:min(300px,83vw)}}
@media(max-width:760px){.preview-window{--preview-rx:2deg;--preview-ry:-4deg}.preview-pedestal{bottom:54px;width:min(365px,96%)}}
@media(max-width:760px){.preview-platform-switch{top:0}.preview-stage{padding-top:70px}.preview-window.is-android{width:min(300px,80vw)}}
@media(prefers-reduced-motion:reduce){.preview-window,.landing-tariff-card,.app-primary,.happ-downloads,.hero-actions .button-primary,.dashboard-content .panel{transition:none!important}.preview-window{transform:translateY(-15px) rotateX(2deg) rotateY(-4deg)!important}.product-orbit{display:none}}

/* Public page polish; the account and application screens retain their styling. */
.landing,.landing h1,.landing h2,.landing h3,
.landing button,.landing .button,.landing .soft-button,.landing .eyebrow,
.landing .tariff-price,.landing .tariff-topline,.landing .tariff-period{
  font-family:Manrope,"Segoe UI",Arial,sans-serif;
}
.landing .site-nav a,.landing .header-login,.landing .button,.landing .soft-button{font-weight:600;text-transform:none}
.landing .menu-toggle{background:var(--site-surface);border-color:var(--site-line)}
.landing .eyebrow{font-weight:600;letter-spacing:.06em;line-height:1.6}
.landing .hero{min-height:680px;padding-block:32px 48px}
.landing .hero h1{font-weight:600;letter-spacing:-.045em;line-height:1.1}
.landing .hero h1 em{letter-spacing:inherit}
.landing .section-intro h2,.landing .final-cta h2{font-weight:600;letter-spacing:-.04em;line-height:1.12}
.landing .hero-actions{margin-top:26px}
.landing .hero-note{gap:6px;flex-wrap:wrap;color:var(--site-muted);font-size:11px}
.landing .hero-note span+span::before{content:none}
.landing .product-orbit{opacity:.55}
.landing .product-glow{opacity:.65;filter:blur(24px)}
.landing .preview-stage{min-height:0;padding:28px 12px 56px}
.landing .preview-window{width:min(300px,100%)}
.landing .preview-window.is-android{width:min(280px,100%)}
.landing .preview-caption{max-width:100%;border-radius:14px;line-height:1.6;text-wrap:balance}
.landing .tariff-topline{font-size:12px;font-weight:600;letter-spacing:0;text-transform:none}
.landing .tariff-topline i{font:600 10px Manrope,Arial,sans-serif;letter-spacing:0}
.landing .tariff-price{font-weight:600;line-height:1.15}
.landing .tariff-period{font-weight:600}
.landing .tariff-card>p{font-size:12px;line-height:1.6;min-height:38px}
.landing .landing-tariff-grid:has(.is-selected) .tariff-card:not(.is-selected){opacity:1}
:root[data-theme="dark"] .landing .landing-tariff-card.is-featured .tariff-select{background:var(--site-accent);border-color:var(--site-accent);color:#fff}
.landing .benefit-list{margin-top:40px}
.landing .benefit-list h3{font-size:22px;font-weight:600;line-height:1.4}
.landing .trust-section{padding-top:0}
.trust-panel{display:grid;grid-template-columns:minmax(0,.85fr) minmax(0,1fr);gap:48px;padding:36px;border:1px solid var(--site-line);border-radius:24px;background:var(--site-surface);box-shadow:var(--site-shadow-small)}
.trust-heading h2{margin:0 0 20px;color:var(--site-ink);font-size:clamp(28px,3vw,38px);font-weight:600;line-height:1.2;letter-spacing:-.04em}
.trust-heading h2 em{color:var(--site-accent);font-style:normal}
.trust-link{display:inline-flex;align-items:center;gap:12px;min-height:44px;color:var(--site-accent);font-size:14px;font-weight:600;text-decoration:underline;text-underline-offset:4px}
.trust-facts{display:grid;gap:20px}
.trust-facts article+article{padding-top:20px;border-top:1px solid var(--site-line)}
.trust-facts h3{margin:0 0 8px;font-size:16px;font-weight:600;line-height:1.5}
.trust-facts p{margin:0;color:var(--site-muted);font-size:14px;line-height:1.75}
.landing .faq-list summary{font-family:Manrope,"Segoe UI",Arial,sans-serif;font-weight:600;line-height:1.5}
.landing .faq-list p{font-size:15px;line-height:1.75}
@media(max-width:1080px) and (min-width:761px){
  .landing .hero{grid-template-columns:minmax(0,1fr) minmax(300px,.85fr)}
  .landing .hero h1{font-size:clamp(38px,4.5vw,52px)}
  .landing .hero-actions{flex-wrap:wrap}
}
@media(max-width:760px){
  .landing .hero{min-height:0;padding-block:28px 32px;gap:24px}
  .landing .hero h1{font-size:clamp(35px,9.5vw,48px);line-height:1.12}
  .landing .hero-lead{font-size:16px;line-height:1.65;margin-top:18px}
  .landing .hero-actions{margin-top:22px;gap:8px}
  .landing .hero-actions .button{min-height:48px;font-size:14px}
  .landing .hero-actions .button-secondary{min-height:44px;box-shadow:none}
  .landing .hero-note{margin-top:12px;font-size:11px;gap:5px}
  .landing .hero-note span{padding:3px 8px}
  .landing .hero-product,.landing .product-theatre{min-height:0}
  .landing .preview-stage{padding:64px 8px 66px}
  .landing .preview-window{width:min(286px,82vw)}
  .landing .preview-window.is-android{width:min(270px,79vw)}
  .landing .preview-caption{font-size:10px;white-space:normal;padding:7px 10px}
  .landing .product-orbit{opacity:.4}
  .landing .benefit-list{margin-top:28px}
  .landing .benefit-list h3{font-size:19px}
  .landing .landing-tariff-card.is-selected{transform:none}
  .landing .landing-tariff-grid{grid-auto-columns:minmax(220px,72vw)}
  .trust-panel{grid-template-columns:1fr;gap:24px;padding:24px 20px;border-radius:20px}
  .trust-heading h2{font-size:28px;margin-bottom:12px}
  .trust-facts p{font-size:14px}
}