@font-face{font-family:Inter;src:url('/assets/inter-latin.woff2') format('woff2');font-style:normal;font-weight:400 850;font-display:swap;unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}
@font-face{font-family:Inter;src:url('/assets/inter-vi.woff2') format('woff2');font-style:normal;font-weight:400 850;font-display:swap;unicode-range:U+0102-0103,U+0110-0111,U+0128-0129,U+0168-0169,U+01A0-01A1,U+01AF-01B0,U+0300-0301,U+0303-0304,U+0308-0309,U+0323,U+0329,U+1EA0-1EF9,U+20AB}
:root{--ink:#10213c;--muted:#495d75;--line:#d9e3ef;--mint:#77efd4;--dark:#091428;--paper:#f4f8fc;--radius:20px;--font:Inter,"Segoe UI",system-ui,sans-serif}
body{line-height:1.6}
[hidden]{display:none!important}
.top,.footer{background:#0a1429}
.top{background:#0a1429f5;backdrop-filter:blur(12px)}
.brand-accent,.nav a:hover{color:var(--mint)}
.hero{background:radial-gradient(ellipse at 85% 18%,#224076 0%,transparent 54%),radial-gradient(ellipse at 58% 90%,#163a46 0%,transparent 50%),#0a1429}
.hero h1{font-weight:790;letter-spacing:-.055em;text-wrap:balance}
.hero h1 em{color:var(--mint)}
.hero p,.hero-meta{color:#cbd9ec}
.console{border-color:#7aa8d27a;background:#101f37;transform:rotate(-2deg)}
.console-top,.float-pill{background:#1b3351}
.hero .pulse,.account-hero .pulse{background:var(--mint);box-shadow:0 0 0 4px #77efd426}
.btn-main{background:var(--mint);color:#072a29;box-shadow:0 8px 24px #24bd9a28}
.btn-main:hover{background:#a2ffe9}
.btn-download{background:#193c67}
.btn-download:hover{background:#245586}
.btn-detail:hover{border-color:#88a8cb;background:#f2f7fc}
.header-account{min-height:42px;padding-inline:13px}
.section-head h2,.soon h2{letter-spacing:-.042em;text-wrap:balance}
.family{box-shadow:0 10px 30px #203c6510}
.family.security{background:linear-gradient(145deg,#e3fbf4,#fff 65%)}
.family.pdf{background:linear-gradient(145deg,#f0e8ff,#fff 65%)}
.family.archive{background:linear-gradient(145deg,#fff0d7,#fff 65%)}
.eyebrow.dark{color:#075d52}
.site-callout{margin-top:22px;padding:19px 22px;border-radius:16px;border:1px solid #b7deda;background:#e8f8f4;display:flex;align-items:center;justify-content:space-between;gap:12px 24px;flex-wrap:wrap}
.site-callout strong{display:block;color:#0b4947}
.site-callout p{margin:2px 0 0;color:#345c63;font-size:14px}
.site-callout .btn,.trial-card .btn-main,.account-shell .btn-main{color:#fff;background:#146457;box-shadow:none}
.site-callout .btn:hover,.trial-card .btn-main:hover,.account-shell .btn-main:hover{background:#0e5147}
.account-page{min-height:100vh;background:linear-gradient(#0a1429 0 340px,#f4f8fc 340px)}
.account-wrap{padding-block:58px 64px}
.account-hero{color:#f5fbff;max-width:790px;margin-bottom:30px}
.account-hero h1{font-size:clamp(35px,6vw,63px);line-height:1.06;letter-spacing:-.05em;margin:10px 0;text-wrap:balance}
.account-hero p{color:#cbd9ec;margin:8px 0;max-width:620px}
.account-shell{background:white;border:1px solid var(--line);border-radius:24px;padding:clamp(18px,4vw,38px);box-shadow:0 20px 64px #1c315320}
#account-status{color:var(--muted);margin-top:0;font-size:14px}
.account-profile{display:flex;align-items:center;justify-content:space-between;gap:10px;flex-wrap:wrap;padding-bottom:13px;border-bottom:1px solid var(--line)}
.account-profile strong{overflow-wrap:anywhere}
.account-profile .fine{margin-top:0}
.account-shell h2{font-size:clamp(21px,4vw,29px);letter-spacing:-.034em;margin:20px 0 10px}
.trial-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}
.trial-card{background:#f8fbff;border:1px solid var(--line);border-radius:16px;padding:18px;min-width:0}
.trial-card[data-selected=true]{border-color:#38907e;box-shadow:0 0 0 2px #ceeae4}
.trial-chip{color:#126358;background:#e4f6f0;padding:4px 7px;border-radius:7px;font-size:11px;font-weight:800}
.trial-card h3{margin:9px 0 0;font-size:22px;letter-spacing:-.03em}
.trial-card p,.trial-follow p{margin:4px 0 12px;color:var(--muted);font-size:14px}
.trial-actions{display:flex;align-items:start;flex-wrap:wrap;gap:6px}
.trial-actions .btn{min-height:42px;font-size:13px;padding-inline:11px;white-space:normal}
.trial-code{background:#edf3f9;display:block;border-radius:8px;overflow-wrap:anywhere;padding:8px;margin:9px 0;font-size:12px;color:#142f52}
.trial-follow,.admin-panel{border-top:1px solid var(--line);margin-top:22px;padding-top:8px}
.admin-panel summary{cursor:pointer;padding-block:8px;font-weight:700;color:#12385d}
@media(hover:hover) and (prefers-reduced-motion:no-preference){
  .btn,.family,.release,.trial-card{transition:background-color .18s,border-color .18s,box-shadow .18s,transform .18s}
  .family:hover,.release:hover,.trial-card:hover{transform:translateY(-2px);box-shadow:0 9px 24px #29496a16}
  .btn:active{transform:translateY(1px)}
}
@media(max-width:900px){.header-account{display:inline-flex}.header-cta:not(.header-account){display:none}}
@media(max-width:780px){.trial-grid{grid-template-columns:1fr}}
@media(max-width:680px){.nav{background:#0a1429}.header-account{font-size:12px;padding-inline:8px}.account-wrap{padding-block:34px 50px}.account-page{background:linear-gradient(#0a1429 0 300px,#f4f8fc 300px)}}
@media(max-width:370px){.bar .brand img{width:28px;height:28px}.bar .brand{gap:5px;font-size:18px}.header-account{padding-inline:6px}.languages a{min-width:24px}}