:root{
  --bg:#04111c;
  --bg-deep:#020a11;
  --panel:#081827;
  --panel-2:#0b1d2e;
  --line:rgba(170,208,232,.16);
  --line-strong:rgba(170,208,232,.28);
  --text:#f4f7fb;
  --muted:#9fb0c3;
  --muted-2:#73869a;
  --cyan:#29d5ef;
  --cyan-soft:#77e8f7;
  --orange:#ff6b2d;
  --orange-soft:#ffae72;
  --green:#25c88a;
  --max:1240px;
  --header:78px;
  --shadow:0 30px 90px rgba(0,0,0,.32);
  --radius:28px;
}
*{box-sizing:border-box}
html{scroll-behavior:smooth;background:var(--bg-deep)}
body{margin:0;background:
  radial-gradient(circle at 15% 8%,rgba(41,213,239,.08),transparent 28rem),
  radial-gradient(circle at 88% 46%,rgba(255,107,45,.06),transparent 26rem),
  linear-gradient(180deg,var(--bg-deep),var(--bg) 18%,#03101a 100%);
  color:var(--text);font-family:-apple-system,BlinkMacSystemFont,"SF Pro Display","Segoe UI",Inter,Arial,sans-serif;
  -webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;overflow-x:hidden}
a{color:inherit;text-decoration:none}
img{display:block;max-width:100%;height:auto}
button{font:inherit}
.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}
.container{width:min(calc(100% - 40px),var(--max));margin-inline:auto}
.site-header{position:sticky;top:0;z-index:60;height:var(--header);background:rgba(2,10,17,.84);backdrop-filter:blur(20px);border-bottom:1px solid var(--line)}
.header-inner{height:100%;display:flex;align-items:center;justify-content:space-between;gap:24px}
.brand{display:inline-flex;align-items:center;min-width:0}
.brand img{width:150px;height:auto;object-fit:contain}
.nav-wrap{display:flex;align-items:center;gap:22px}
.primary-nav{display:flex;align-items:center;gap:28px;font-size:14px;font-weight:650;color:#b8c5d2}
.primary-nav a{transition:color .2s ease}
.primary-nav a:hover,.primary-nav a:focus-visible{color:var(--text)}
.lang-switch{display:inline-flex;align-items:center;padding:4px;border:1px solid var(--line-strong);border-radius:999px;background:rgba(255,255,255,.025)}
.lang-switch a{min-width:42px;padding:7px 10px;border-radius:999px;text-align:center;font-size:12px;font-weight:800;letter-spacing:.05em;color:#8da0b4}
.lang-switch a[aria-current="page"]{background:var(--text);color:#06111a}
.menu-btn{display:none;width:44px;height:44px;border-radius:14px;border:1px solid var(--line-strong);background:#071622;color:var(--text);align-items:center;justify-content:center;cursor:pointer}
.menu-btn span,.menu-btn::before,.menu-btn::after{content:"";display:block;width:18px;height:2px;background:currentColor;border-radius:2px;transition:.2s ease}
.menu-btn span{margin:4px 0}
.menu-btn[aria-expanded="true"] span{opacity:0}.menu-btn[aria-expanded="true"]::before{transform:translateY(6px) rotate(45deg)}.menu-btn[aria-expanded="true"]::after{transform:translateY(-6px) rotate(-45deg)}
.mobile-nav{display:none;position:absolute;left:20px;right:20px;top:calc(var(--header) - 8px);padding:16px;border:1px solid var(--line-strong);border-radius:20px;background:#06131f;box-shadow:var(--shadow)}
.mobile-nav.open{display:grid;gap:4px}
.mobile-nav a{padding:13px 14px;border-radius:12px;color:#c1cddb;font-weight:650}
.mobile-nav a:hover,.mobile-nav a:focus-visible{background:rgba(255,255,255,.05);color:#fff}

.hero,.feature-section{scroll-margin-top:calc(var(--header) + 24px)}
.hero{padding:74px 0 78px;border-bottom:1px solid var(--line)}
.hero-grid,.feature-grid{display:grid;grid-template-columns:minmax(0,1fr) minmax(360px,.82fr);align-items:center;gap:clamp(54px,7vw,110px)}
.hero-copy{min-width:0}
.eyebrow{display:inline-flex;align-items:center;gap:10px;margin:0 0 18px;font-size:12px;line-height:1.2;font-weight:850;letter-spacing:.18em;text-transform:uppercase;color:var(--cyan)}
.eyebrow::before{content:"";width:28px;height:1px;background:currentColor;opacity:.9}
h1,h2,h3,p{margin-top:0}
h1{max-width:760px;margin-bottom:24px;font-size:clamp(54px,6.25vw,96px);line-height:.94;letter-spacing:-.055em;font-weight:820}
h1 .accent{color:var(--cyan)}
.lede{max-width:680px;margin-bottom:28px;font-size:clamp(18px,1.6vw,22px);line-height:1.6;color:#afbdcc}
.hero-actions{display:flex;flex-wrap:wrap;gap:12px;margin:28px 0 28px}
.btn{display:inline-flex;align-items:center;justify-content:center;min-height:48px;padding:0 21px;border-radius:999px;border:1px solid var(--line-strong);font-weight:780;font-size:14px;transition:transform .2s ease,border-color .2s ease,background .2s ease}
.btn:hover{transform:translateY(-1px)}
.btn-primary{background:var(--cyan);border-color:var(--cyan);color:#00131a}
.btn-secondary{background:rgba(255,255,255,.025);color:var(--text)}
.proof-row{display:flex;flex-wrap:wrap;gap:9px}
.proof-pill,.chip{display:inline-flex;align-items:center;min-height:34px;padding:7px 11px;border:1px solid var(--line-strong);border-radius:999px;background:rgba(5,20,31,.6);font-size:12px;font-weight:730;color:#b5c4d2}
.hero-visual,.device-media{min-width:0;display:flex;justify-content:center;align-items:center;position:relative}
.device-stage{position:relative;width:min(100%,500px);padding:18px 18px 22px}
.device-stage::before{content:"";position:absolute;inset:6% 0 8%;border-radius:44%;background:radial-gradient(circle,rgba(41,213,239,.14),transparent 66%);filter:blur(28px);pointer-events:none}
.device-shot{position:relative;z-index:1;width:min(100%,430px);margin-inline:auto;filter:drop-shadow(0 36px 44px rgba(0,0,0,.36));border-radius:24px}
.hero-note{margin-top:14px;text-align:center;font-size:11px;letter-spacing:.08em;text-transform:uppercase;color:#6f8397}

.journey{padding:28px 0;border-bottom:1px solid var(--line);background:rgba(255,255,255,.012)}
.journey-track{display:grid;grid-template-columns:repeat(6,1fr);align-items:center}
.journey-step{position:relative;padding:12px 16px;text-align:center;font-size:12px;font-weight:780;color:#9aabbb}
.journey-step:not(:last-child)::after{content:"";position:absolute;right:-5px;top:50%;width:10px;height:10px;border-top:1px solid #496274;border-right:1px solid #496274;transform:translateY(-50%) rotate(45deg)}
.journey-step strong{display:block;margin-bottom:3px;color:#e8f0f7;font-size:13px}

.feature-section{position:relative;padding:clamp(84px,10vw,148px) 0;border-bottom:1px solid var(--line)}
.feature-section::before{content:"";position:absolute;inset:0;pointer-events:none;background:linear-gradient(90deg,rgba(41,213,239,.018),transparent 34%,transparent 66%,rgba(255,107,45,.012))}
.feature-grid{grid-template-columns:minmax(0,.92fr) minmax(360px,.9fr)}
.feature-section.reverse .feature-copy{order:2}.feature-section.reverse .device-media{order:1}
.feature-copy{min-width:0;position:relative;z-index:1}
.section-index{display:inline-flex;margin-bottom:16px;color:#60788d;font-size:12px;font-weight:850;letter-spacing:.16em}
h2{max-width:720px;margin-bottom:22px;font-size:clamp(42px,4.4vw,70px);line-height:1.02;letter-spacing:-.045em;font-weight:810}
h3{margin-bottom:10px;font-size:22px;line-height:1.2;letter-spacing:-.02em}
.feature-copy>p{max-width:680px;font-size:17px;line-height:1.68;color:#a9b8c7}
.detail-list{display:grid;gap:0;margin:30px 0 0;padding:0;list-style:none;border-top:1px solid var(--line)}
.detail-list li{display:grid;grid-template-columns:minmax(130px,.32fr) 1fr;gap:22px;padding:15px 0;border-bottom:1px solid var(--line);font-size:14px;line-height:1.5}
.detail-list strong{color:#edf4f9}.detail-list span{color:#91a5b7}
.chip-row{display:flex;flex-wrap:wrap;gap:8px;margin-top:24px}
.stage-section .eyebrow,.stage-section .section-index{color:var(--orange-soft)}
.stage-section .eyebrow::before{background:currentColor}
.stage-section .device-stage::before{background:radial-gradient(circle,rgba(255,107,45,.12),transparent 66%)}

.feature-callout{margin-top:30px;padding:18px 20px;border:1px solid var(--line-strong);border-radius:18px;background:linear-gradient(135deg,rgba(41,213,239,.045),rgba(255,255,255,.018));color:#b7c6d4;line-height:1.6;font-size:14px}
.feature-callout strong{color:#eef6fb}

.plans{padding:clamp(92px,10vw,150px) 0;border-bottom:1px solid var(--line)}
.section-head{display:grid;grid-template-columns:minmax(0,1.15fr) minmax(300px,.7fr);gap:48px;align-items:end;margin-bottom:46px}
.section-head p{margin:0;color:#9fb0c2;font-size:17px;line-height:1.65}
.plan-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px}
.plan-card{padding:18px 18px 22px;border:1px solid var(--line);border-radius:24px;background:linear-gradient(180deg,#081827,#06131f);min-width:0;box-shadow:0 18px 50px rgba(0,0,0,.16)}
.plan-card.featured{border-color:rgba(255,107,45,.36);background:linear-gradient(180deg,rgba(255,107,45,.055),#071521 38%)}
.plan-card img{width:100%;aspect-ratio:1/1;object-fit:contain;margin-bottom:10px}
.plan-card .plan-kicker{font-size:11px;font-weight:850;letter-spacing:.14em;color:#61788d;text-transform:uppercase}
.plan-card p{min-height:76px;color:#9eafbf;font-size:14px;line-height:1.55}
.plan-card .trial{display:block;margin-top:12px;padding-top:12px;border-top:1px solid var(--line);font-size:12px;color:#7f94a7}
.pricing-note{margin-top:20px;color:#71879a;font-size:13px;line-height:1.55}

.faq{padding:clamp(90px,9vw,138px) 0;border-bottom:1px solid var(--line)}
.faq-grid{display:grid;grid-template-columns:minmax(280px,.65fr) minmax(0,1fr);gap:70px}
.faq-list{border-top:1px solid var(--line)}
details{border-bottom:1px solid var(--line)}
summary{list-style:none;cursor:pointer;padding:21px 34px 21px 0;font-size:17px;font-weight:760;position:relative}
summary::-webkit-details-marker{display:none}
summary::after{content:"+";position:absolute;right:4px;top:20px;color:var(--cyan);font-size:22px;font-weight:400}
details[open] summary::after{content:"–"}
details p{padding:0 36px 22px 0;margin:0;color:#9fb0c0;line-height:1.65}

.support-cta{padding:clamp(86px,9vw,130px) 0}
.support-panel{display:grid;grid-template-columns:120px minmax(0,1fr) auto;gap:34px;align-items:center;padding:30px;border:1px solid var(--line-strong);border-radius:30px;background:linear-gradient(135deg,#071824,#08131d 55%,rgba(41,213,239,.045));box-shadow:var(--shadow)}
.support-panel img{width:110px;height:110px;object-fit:contain}
.support-panel p{margin:8px 0 0;color:#9fb0c0;line-height:1.6}

.site-footer{padding:34px 0 44px;border-top:1px solid var(--line)}
.footer-inner{display:flex;align-items:flex-end;justify-content:space-between;gap:28px}
.footer-brand img{width:146px;margin-bottom:10px}.footer-brand p,.footer-meta{margin:0;color:#6f8498;font-size:12px;line-height:1.6}.footer-meta{text-align:right}

.support-page{padding:76px 0 120px}.support-page h1{max-width:800px;font-size:clamp(48px,6vw,84px)}
.support-intro{max-width:760px;color:#a9b8c7;font-size:19px;line-height:1.65}
.support-layout{display:grid;grid-template-columns:240px minmax(0,1fr);gap:60px;margin-top:58px}
.support-toc{position:sticky;top:110px;align-self:start;display:grid;gap:8px}
.support-toc a{padding:10px 12px;border-radius:10px;color:#91a5b7;font-size:14px}.support-toc a:hover{background:rgba(255,255,255,.04);color:#fff}
.support-content section{scroll-margin-top:110px;padding:0 0 48px;margin-bottom:48px;border-bottom:1px solid var(--line)}
.support-content h2{font-size:34px;margin-bottom:16px}.support-content h3{margin-top:28px}.support-content p,.support-content li{color:#a1b2c1;line-height:1.7}.support-content ul{padding-left:20px}

:focus-visible{outline:2px solid var(--cyan);outline-offset:3px}

@media (max-width:1080px){
  .hero-grid,.feature-grid{grid-template-columns:minmax(0,1fr) minmax(330px,.78fr);gap:44px}
  h1{font-size:clamp(54px,7vw,78px)}
  .plan-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
}
@media (max-width:920px){
  :root{--header:70px}
  .primary-nav{display:none}.menu-btn{display:inline-flex}.nav-wrap{gap:10px}.brand img{width:132px}
  .hero{padding:54px 0 72px}.hero-grid,.feature-grid,.section-head,.faq-grid{grid-template-columns:1fr}
  .hero-grid,.feature-grid{gap:36px}.hero-copy{max-width:760px}
  .hero-visual{justify-content:flex-start}.device-stage{width:min(100%,460px);padding-left:0}
  .feature-section{padding:82px 0}
  .feature-section.reverse .feature-copy,.feature-section .feature-copy{order:1}.feature-section.reverse .device-media,.feature-section .device-media{order:2}
  .device-media{justify-content:flex-start}.feature-section.reverse .device-media{justify-content:flex-start}
  .detail-list li{grid-template-columns:minmax(112px,.3fr) 1fr}
  .journey-track{grid-template-columns:repeat(3,1fr);gap:8px}.journey-step{border:1px solid var(--line);border-radius:14px}.journey-step::after{display:none}
  .support-panel{grid-template-columns:90px minmax(0,1fr)}.support-panel .btn{grid-column:1/-1;justify-self:start}.support-panel img{width:84px;height:84px}
  .support-layout{grid-template-columns:1fr}.support-toc{position:static;grid-template-columns:repeat(2,minmax(0,1fr))}
}
@media (max-width:620px){
  .container{width:min(calc(100% - 28px),var(--max))}
  .lang-switch a{min-width:38px;padding-inline:8px}.mobile-nav{left:14px;right:14px}
  .hero{padding-top:42px}.eyebrow{font-size:10px;letter-spacing:.14em}.eyebrow::before{width:20px}
  h1{font-size:clamp(46px,14vw,66px);line-height:.96}.lede{font-size:17px;line-height:1.55}
  .hero-actions{display:grid;grid-template-columns:1fr 1fr}.btn{width:100%;padding-inline:14px}
  .proof-row{gap:7px}.proof-pill{font-size:11px}
  .device-stage{width:100%;padding:8px 0 0}.device-shot{width:min(100%,370px);border-radius:18px}
  .hero-note{font-size:9px}
  .journey{padding:18px 0}.journey-track{grid-template-columns:1fr 1fr}.journey-step{padding:10px 8px;font-size:10px}.journey-step strong{font-size:11px}
  .feature-section{padding:72px 0}.section-index{font-size:10px}h2{font-size:clamp(38px,11vw,52px)}.feature-copy>p{font-size:16px}
  .detail-list li{grid-template-columns:1fr;gap:5px;padding:14px 0}.detail-list strong{font-size:13px}.detail-list span{font-size:13px}
  .chip{font-size:11px}
  .plan-grid{grid-template-columns:1fr}.plan-card p{min-height:0}.section-head{gap:20px;margin-bottom:30px}
  .faq-grid{gap:34px}.faq-list summary{font-size:16px}
  .support-panel{grid-template-columns:1fr;gap:16px;padding:24px}.support-panel img{width:88px;height:88px}.support-panel .btn{grid-column:auto}
  .footer-inner{align-items:flex-start;flex-direction:column}.footer-meta{text-align:left}
  .support-toc{grid-template-columns:1fr}
}
@media (max-width:380px){
  .hero-actions{grid-template-columns:1fr}.brand img{width:120px}.lang-switch{display:none}
  h1{font-size:44px}.proof-pill{padding-inline:9px}.journey-track{grid-template-columns:1fr 1fr}
}
@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}.btn,.primary-nav a,.menu-btn span,.menu-btn::before,.menu-btn::after{transition:none}}

/* Legal / privacy pages */
.legal-page .support-intro{max-width:920px}.legal-meta{display:flex;flex-wrap:wrap;gap:10px 26px;margin:28px 0 0;padding:18px 20px;border:1px solid var(--line);border-radius:18px;background:rgba(255,255,255,.02);color:#8fa3b5;font-size:13px}.legal-meta strong{color:#eaf3f9}.legal-meta a,.legal-page a{color:var(--cyan)}.legal-summary{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;margin:34px 0 0}.legal-summary article{display:grid;gap:8px;padding:18px;border:1px solid var(--line);border-radius:18px;background:linear-gradient(180deg,rgba(41,213,239,.035),rgba(255,255,255,.012))}.legal-summary strong{color:#edf5fa;font-size:14px}.legal-summary span{color:#8fa4b7;font-size:13px;line-height:1.55}.legal-page .support-content strong{color:#edf5fa}.legal-page .support-content a{text-decoration:underline;text-underline-offset:3px}.footer-meta a{color:#91a6b8}.footer-meta a:hover{color:#fff}
@media(max-width:920px){.legal-summary{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:620px){.legal-summary{grid-template-columns:1fr}.legal-meta{display:grid;gap:8px}.legal-page .support-page h1{font-size:44px}}