:root {
  color-scheme: dark;
  --bg: #05070d; --bg-soft: #090d16; --panel: rgba(14, 20, 33, .78); --panel-solid: #0e1421;
  --ink: #f6f8fc; --muted: #9ba8bd; --faint: #5e6b80; --line: rgba(180, 205, 235, .14);
  --blue: #2aa8ff; --cyan: #5be7ff; --pink: #ff2b91; --green: #8dff3f; --amber: #ffb42b;
  --max: 1180px; --radius: 26px;
}
* { box-sizing: border-box; }
html { scroll-behavior: smooth; }
body { margin: 0; overflow-x: hidden; background: radial-gradient(circle at 14% 8%, rgba(27,89,165,.12), transparent 26rem), var(--bg); color: var(--ink); font-family: Inter, ui-sans-serif, -apple-system, BlinkMacSystemFont, "SF Pro Display", "Helvetica Neue", Arial, sans-serif; line-height: 1.55; -webkit-font-smoothing: antialiased; }
a { color: inherit; } img { max-width: 100%; }
.shell { width: min(calc(100% - 40px), var(--max)); margin-inline: auto; }
.skip-link { position: fixed; left: 16px; top: -100px; z-index: 100; background: var(--ink); color: var(--bg); padding: 10px 16px; border-radius: 10px; }
.skip-link:focus { top: 16px; }
.site-header { position: sticky; top: 0; z-index: 30; border-bottom: 1px solid var(--line); background: rgba(5,7,13,.78); backdrop-filter: blur(18px) saturate(135%); }
.header-inner { min-height: 72px; display: flex; align-items: center; justify-content: space-between; gap: 28px; }
.brand { display: inline-flex; align-items: baseline; text-decoration: none; font-weight: 900; font-size: 19px; letter-spacing: .16em; }
.brand-aura { color: var(--ink); } .brand-x { color: var(--cyan); margin-left: .1em; text-shadow: 0 0 18px rgba(91,231,255,.7); }
nav { display: flex; align-items: center; gap: 26px; }
nav a { color: var(--muted); text-decoration: none; font-size: 13px; font-weight: 700; letter-spacing: .02em; transition: color .2s ease; }
nav a:hover, nav a:focus-visible { color: var(--ink); }
nav .language { border: 1px solid var(--line); border-radius: 999px; padding: 7px 11px; }
.hero { position: relative; min-height: 760px; display: grid; align-items: center; overflow: hidden; border-bottom: 1px solid var(--line); background: #03060b; }
.hero::after { content: ""; position: absolute; inset: 0; z-index: 1; background: linear-gradient(90deg,rgba(3,6,11,.97) 0%,rgba(3,6,11,.88) 38%,rgba(3,6,11,.28) 68%,rgba(3,6,11,.08) 100%),linear-gradient(0deg,rgba(3,6,11,.74),transparent 42%); pointer-events: none; }
.hero-photo { position: absolute; inset: 0; width: 100%; height: 100%; object-fit: cover; object-position: center; filter: saturate(.78) contrast(1.05); }
.hero-grid { position: relative; z-index: 2; display: grid; grid-template-columns: minmax(0,1.05fr) minmax(320px,.95fr); align-items: center; gap: 70px; padding-block: 110px 100px; }
.hero-copy { position: relative; z-index: 2; }
.eyebrow { margin: 0 0 18px; display: flex; align-items: center; gap: 10px; color: var(--cyan); font: 800 11px/1.3 ui-monospace,"SFMono-Regular",Menlo,monospace; letter-spacing: .2em; text-transform: uppercase; }
.eyebrow span { width: 30px; height: 1px; background: currentColor; box-shadow: 0 0 10px currentColor; }
h1, h2, h3, p { margin-top: 0; }
h1 { max-width: 830px; margin-bottom: 26px; font-size: clamp(56px,8vw,104px); line-height: .92; letter-spacing: -.065em; font-weight: 850; }
h1 em { display: inline-block; color: transparent; font-style: normal; -webkit-text-stroke: 1px rgba(246,248,252,.8); }
.hero-lead { max-width: 600px; margin-bottom: 34px; color: var(--muted); font-size: clamp(18px,2vw,22px); line-height: 1.55; }
.hero-actions { display: flex; align-items: center; gap: 12px; flex-wrap: wrap; }
.button { min-height: 50px; display: inline-flex; align-items: center; justify-content: center; gap: 18px; border-radius: 999px; padding: 0 22px; text-decoration: none; font-size: 14px; font-weight: 800; transition: transform .2s ease,border-color .2s ease,background .2s ease; }
.button:hover { transform: translateY(-2px); }
.button-primary { background: linear-gradient(105deg,var(--cyan),var(--blue)); color: #03111d; box-shadow: 0 10px 45px rgba(42,168,255,.24); }
.button-quiet { color: var(--muted); border: 1px solid var(--line); background: rgba(255,255,255,.02); }
.button-quiet:hover { border-color: rgba(91,231,255,.35); color: var(--ink); }
.platforms { display: flex; flex-wrap: wrap; gap: 20px; margin: 40px 0 0; padding: 0; list-style: none; color: var(--faint); font-size: 12px; font-weight: 700; letter-spacing: .07em; }
.platforms li { display: flex; align-items: center; gap: 7px; }
.platforms li::before { content: ""; width: 5px; height: 5px; border-radius: 50%; background: var(--cyan); box-shadow: 0 0 8px var(--cyan); }
.hero-visual-space { min-height: 520px; }
.hero-mark { position: relative; aspect-ratio: 1; display: grid; place-items: center; }
.x-shape { position: relative; z-index: 2; font-size: clamp(190px,28vw,390px); line-height: .8; font-weight: 900; letter-spacing: -.16em; transform: translateX(-.08em); color: transparent; -webkit-text-stroke: 2px rgba(91,231,255,.85); text-shadow: 0 0 32px rgba(42,168,255,.25),0 0 90px rgba(42,168,255,.15); }
.orbit { position: absolute; inset: 9%; border: 1px solid rgba(91,231,255,.19); border-radius: 50%; transform: rotate(-12deg) scaleY(.62); }
.orbit::after { content: ""; position: absolute; top: 49%; left: -5px; width: 9px; height: 9px; border-radius: 50%; background: var(--pink); box-shadow: 0 0 24px var(--pink); }
.orbit-two { inset: 21%; transform: rotate(36deg) scaleY(.7); border-color: rgba(255,43,145,.16); }
.orbit-two::after { left: auto; right: -5px; background: var(--cyan); box-shadow: 0 0 24px var(--cyan); }
.hero-glow { position: absolute; width: 36rem; height: 36rem; border-radius: 50%; filter: blur(100px); opacity: .12; pointer-events: none; }
.hero-glow-one { background: var(--blue); top: 4%; right: 6%; } .hero-glow-two { background: var(--pink); bottom: -24%; right: 24%; opacity: .08; }
.product { padding: 120px 0; }
.section-heading { display: grid; grid-template-columns: 1fr 1fr; align-items: end; gap: 50px; margin-bottom: 48px; }
.section-heading h2, .principle h2, .privacy h2, .availability h2 { margin-bottom: 0; font-size: clamp(40px,6vw,72px); line-height: 1; letter-spacing: -.045em; }
.section-heading > p { max-width: 590px; margin-bottom: 4px; color: var(--muted); font-size: 19px; }
.product-stage { position: relative; min-height: 440px; display: flex; align-items: center; padding: 48px 24px 12px; overflow: hidden; border: 1px solid var(--line); border-radius: 34px; background: radial-gradient(circle at 52% 82%,rgba(42,168,255,.16),transparent 34%),linear-gradient(145deg,#080c15,#0a111d); }
.product-stage::before { content: ""; position: absolute; inset: 0; opacity: .32; background-image: linear-gradient(rgba(255,255,255,.03) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.03) 1px,transparent 1px); background-size: 44px 44px; mask-image: linear-gradient(to bottom,transparent,#000 50%); }
.product-badge { position: absolute; z-index: 2; top: 28px; left: 30px; display: flex; align-items: center; gap: 14px; }
.product-badge img { width: 62px; height: 62px; border-radius: 16px; box-shadow: 0 0 28px rgba(42,168,255,.18); }
.product-badge div { display: grid; } .product-badge strong { font-size: 18px; } .product-badge span { color: var(--muted); font-size: 12px; }
.product-visual { position: relative; z-index: 1; width: 100%; height: auto; transform: translateY(35px); filter: drop-shadow(0 34px 45px rgba(0,0,0,.5)); }
.feature-grid { display: grid; grid-template-columns: 1fr 1fr; gap: 18px; margin-top: 18px; }
.feature { min-height: 500px; position: relative; overflow: hidden; display: flex; flex-direction: column; padding: 34px; border: 1px solid var(--line); border-radius: var(--radius); background: linear-gradient(150deg,rgba(16,23,38,.9),rgba(8,12,21,.85)); }
.feature > :not(.feature-photo) { position: relative; z-index: 2; }
.feature-photo { position: absolute; inset: 34% 0 0; width: 100%; height: 66%; object-fit: cover; object-position: center; opacity: .46; filter: saturate(.72) contrast(1.05); -webkit-mask-image: linear-gradient(to bottom,transparent 0%,rgba(0,0,0,.72) 30%,#000 62%); mask-image: linear-gradient(to bottom,transparent 0%,rgba(0,0,0,.72) 30%,#000 62%); }
.feature-number { color: var(--cyan); font: 800 11px/1 ui-monospace,"SFMono-Regular",Menlo,monospace; letter-spacing: .18em; }
.feature h3 { max-width: 500px; margin: 34px 0 16px; font-size: clamp(30px,4vw,44px); line-height: 1.05; letter-spacing: -.04em; }
.feature p { max-width: 560px; color: var(--muted); font-size: 16px; }
.metric-demo { position: relative; display: grid; gap: 12px; margin-top: auto; padding: 25px; border: 1px solid rgba(91,231,255,.22); border-radius: 20px; background: rgba(3,9,17,.78); box-shadow: inset 0 0 36px rgba(42,168,255,.08),0 0 50px rgba(42,168,255,.08); }
.metric-demo > span { color: var(--muted); font-size: 13px; } .metric-demo strong { font-size: clamp(42px,6vw,78px); font-weight: 350; line-height: 1; }
.metric-demo small { color: var(--cyan); font-size: .22em; text-transform: uppercase; }
.metric-demo i { justify-self: start; padding: 10px 18px; border-radius: 999px; background: linear-gradient(105deg,var(--cyan),var(--blue)); color: #03111d; font-size: 13px; font-style: normal; font-weight: 800; }
.timer { position: absolute; right: -44px; bottom: -70px; width: 220px; height: 220px; display: grid; place-items: center; border: 2px solid var(--amber); border-radius: 50%; box-shadow: 0 0 25px rgba(255,180,43,.22),inset 0 0 36px rgba(255,180,43,.08); }
.timer::before { content: ""; position: absolute; inset: 14px; border: 1px solid rgba(255,180,43,.25); border-radius: inherit; }
.timer span { transform: translate(-25px,-27px); color: var(--amber); font-size: 31px; font-weight: 300; }
.bars { position: relative; height: 92px; display: flex; align-items: end; gap: 12px; margin-top: auto; border-bottom: 1px solid var(--line); }
.bars i { flex: 1; min-width: 12px; border-radius: 8px 8px 0 0; background: linear-gradient(to top,var(--blue),var(--cyan)); box-shadow: 0 0 20px rgba(42,168,255,.22); }
.bars i:nth-child(1){height:25%;opacity:.5}.bars i:nth-child(2){height:42%;opacity:.6}.bars i:nth-child(3){height:38%;opacity:.65}.bars i:nth-child(4){height:68%;opacity:.75}.bars i:nth-child(5){height:76%;opacity:.84}.bars i:nth-child(6){height:100%}
.analysis-values { position: relative; display: grid; grid-template-columns: repeat(3,1fr); gap: 8px; margin-top: auto; }
.analysis-values span { display: grid; min-width: 0; gap: 4px; padding: 14px; border: 1px solid var(--line); border-radius: 14px; color: var(--faint); font-size: 11px; text-transform: uppercase; letter-spacing: .08em; }
.analysis-values strong { color: var(--cyan); font-size: 20px; letter-spacing: -.02em; text-transform: none; }
.principle { padding: 120px 0; border-block: 1px solid var(--line); background: linear-gradient(120deg,rgba(13,20,34,.72),rgba(5,7,13,.2)); }
.principle-grid { display: grid; grid-template-columns: .9fr 1.1fr; gap: 90px; } .principle h2 { line-height: 1.08; }
.statement-list { border-top: 1px solid var(--line); }
.statement-list > div { display: grid; grid-template-columns: 50px 1fr; gap: 18px; padding: 28px 0; border-bottom: 1px solid var(--line); }
.statement-list span { color: var(--cyan); font: 700 12px ui-monospace,"SFMono-Regular",Menlo,monospace; }
.statement-list p { margin: 0; color: var(--muted); font-size: 17px; } .statement-list strong { display: block; margin-bottom: 4px; color: var(--ink); font-size: 19px; }
.privacy { padding: 110px 0; }
.privacy-card { display: grid; grid-template-columns: 1.08fr .92fr; gap: 80px; padding: 64px; border: 1px solid rgba(91,231,255,.2); border-radius: 34px; background: radial-gradient(circle at 10% 0%,rgba(42,168,255,.14),transparent 46%),var(--panel-solid); }
.privacy-copy > p:not(.eyebrow) { max-width: 610px; margin: 26px 0 20px; color: var(--muted); font-size: 17px; }
.text-link { color: var(--cyan); text-decoration: none; font-weight: 750; }
.privacy-points { align-self: center; display: grid; gap: 12px; margin: 0; padding: 0; list-style: none; }
.privacy-points li { display: grid; grid-template-columns: 12px 1fr; gap: 16px; padding: 20px; border: 1px solid var(--line); border-radius: 18px; background: rgba(255,255,255,.025); }
.privacy-points .status { width: 8px; height: 8px; margin-top: 7px; border-radius: 50%; background: var(--green); box-shadow: 0 0 12px var(--green); }
.privacy-points strong { display: block; margin-bottom: 3px; } .privacy-points p { margin: 0; color: var(--muted); font-size: 13px; }
.availability { padding: 28px 0 110px; }
.availability-inner { display: flex; align-items: end; justify-content: space-between; gap: 40px; padding-top: 80px; border-top: 1px solid var(--line); }
.availability h2 { margin-bottom: 18px; } .availability p:not(.eyebrow) { margin: 0; color: var(--muted); }
.site-footer { padding: 54px 0; border-top: 1px solid var(--line); background: #03050a; }
.footer-grid { display: grid; grid-template-columns: 1fr auto; gap: 30px; align-items: end; }
.footer-brand { margin-bottom: 12px; } .site-footer p { margin: 0; color: var(--faint); font-size: 13px; }
.footer-links { display: flex; flex-wrap: wrap; justify-content: flex-end; gap: 20px; } .footer-links a { color: var(--muted); text-decoration: none; font-size: 13px; } .footer-links a:hover { color: var(--ink); }
.copyright { grid-column: 1/-1; padding-top: 22px; border-top: 1px solid var(--line); }
.subpage main { min-height: 70vh; }
.legal-hero { padding: 100px 0 54px; border-bottom: 1px solid var(--line); }
.legal-hero h1 { max-width: 900px; margin: 0; font-size: clamp(46px,7vw,80px); }
.legal-body { max-width: 820px; padding-block: 60px 110px; }
.legal-body h2 { margin: 48px 0 12px; font-size: 22px; letter-spacing: -.015em; }
.legal-body h3 { margin: 28px 0 8px; font-size: 17px; }
.legal-body p, .legal-body li, .legal-body address { color: var(--muted); font-size: 16px; }
.legal-body address { font-style: normal; } .legal-body a { color: var(--cyan); } .legal-body ul { padding-left: 20px; } .legal-body li { margin-bottom: 9px; }
.legal-summary { margin-bottom: 42px; padding: 24px; border: 1px solid rgba(91,231,255,.2); border-radius: 18px; background: rgba(42,168,255,.07); color: var(--ink)!important; }
.support-grid { display: grid; grid-template-columns: repeat(2,1fr); gap: 18px; margin-top: 34px; }
.support-card { padding: 26px; border: 1px solid var(--line); border-radius: 20px; background: var(--panel); } .support-card h2 { margin-top: 0; } .support-card p:last-child { margin-bottom: 0; }
@media (max-width:900px) {
  .hero{min-height:auto}.hero::after{background:linear-gradient(180deg,rgba(3,6,11,.95) 0%,rgba(3,6,11,.78) 58%,rgba(3,6,11,.5) 100%)}.hero-photo{object-position:68% center;opacity:.58}.hero-grid{grid-template-columns:1fr;gap:24px;padding-block:90px 70px}.hero-visual-space{display:none}.hero-mark{width:min(74vw,430px);justify-self:center}
  .section-heading,.principle-grid,.privacy-card{grid-template-columns:1fr}.section-heading{gap:24px}.feature-grid{grid-template-columns:1fr}.principle-grid{gap:54px}.privacy-card{gap:44px;padding:46px 34px}.product-stage{min-height:360px}
}
@media (max-width:680px) {
  .shell{width:min(calc(100% - 28px),var(--max))}.header-inner{min-height:64px}nav a:not(.language):not([href="support.html"]):not([href="../support.html"]){display:none}nav{gap:10px}nav a{font-size:12px}
  h1{font-size:clamp(44px,14vw,58px);letter-spacing:-.055em}.legal-hero h1{font-size:clamp(38px,12vw,52px);overflow-wrap:anywhere}.hero-grid{padding-block:72px 54px}.hero-actions{align-items:stretch;flex-direction:column}.button{width:100%}.platforms{gap:12px 16px}.product,.principle,.privacy{padding-block:82px}
  .product-stage{min-height:300px;padding:92px 8px 0}.product-badge{top:20px;left:20px}.product-badge img{width:54px;height:54px}.product-visual{min-width:760px;max-width:none;transform:translate(-25%,26px)}.feature{min-height:500px;padding:26px}.feature h3{margin-top:42px;font-size:32px}.timer{right:-60px}.analysis-values{grid-template-columns:1fr}.analysis-values span{grid-template-columns:auto 1fr;align-items:baseline}
  .privacy-card{padding:34px 24px}.availability-inner{align-items:stretch;flex-direction:column}.footer-grid{grid-template-columns:1fr}.footer-links{justify-content:flex-start}.copyright{grid-column:auto}.support-grid{grid-template-columns:1fr}
}
@media (prefers-reduced-motion:reduce) { html{scroll-behavior:auto}*,*::before,*::after{transition-duration:.01ms!important} }