:root {
  color-scheme: dark;
  --bg: #050b13;
  --bg-deep: #03070c;
  --surface: #091321;
  --surface-2: #0c1929;
  --line: rgba(128,166,207,.16);
  --line-strong: rgba(87,158,231,.32);
  --text: #f2f7fd;
  --muted: #91a1b5;
  --muted-2: #607287;
  --blue: #148bff;
  --cyan: #17c8ff;
  --shell: min(1240px, calc(100% - 48px));
  --radius: 20px;
}

* { box-sizing: border-box; }
html { scroll-behavior: smooth; background: var(--bg); }
body { margin: 0; min-width: 320px; overflow-x: hidden; color: var(--text); background: radial-gradient(circle at 78% 5%,rgba(0,111,255,.12),transparent 30rem),linear-gradient(180deg,#050b13,#040910 72%,#03070c); font-family: "Segoe UI Variable","Segoe UI",Arial,sans-serif; line-height: 1.55; -webkit-font-smoothing: antialiased; }
body::before { content:""; position:fixed; inset:0; z-index:-1; opacity:.35; pointer-events:none; background-image:linear-gradient(rgba(255,255,255,.018) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.018) 1px,transparent 1px); background-size:52px 52px; mask-image:linear-gradient(to bottom,#000,transparent 80%); }
a { color: inherit; text-decoration: none; }
img { display:block; max-width:100%; }
.shell { width:var(--shell); margin-inline:auto; }
:focus-visible { outline:2px solid var(--cyan); outline-offset:4px; }
.mobile-top{display:none}

.header { min-height:94px; display:grid; grid-template-columns:180px 1fr; align-items:center; gap:40px; border-bottom:1px solid var(--line); }
.brand { width:158px; }.brand img { width:100%; height:auto; }
.header nav { display:flex; align-items:center; justify-content:flex-end; gap:clamp(22px,4vw,54px); color:#a2afbe; font-size:13px; font-weight:650; }.header nav a:hover{color:#fff}
.hero { position:relative; isolation:isolate; min-height:760px; display:grid; grid-template-columns:minmax(0,.92fr) minmax(500px,1.08fr); align-items:center; gap:clamp(54px,8vw,112px); padding-block:92px 120px; }
.hero::before{content:"";position:absolute;z-index:-2;top:0;bottom:0;left:18%;right:calc((100vw - 100%)/-2 + 16px);background:url("assets/secammo-ecosystem-v1.webp") right center/cover no-repeat;opacity:.8;mask-image:linear-gradient(90deg,transparent 0,#000 30%,#000 100%);-webkit-mask-image:linear-gradient(90deg,transparent 0,#000 30%,#000 100%)}
.hero::after{content:"";position:absolute;z-index:-1;inset:0 calc((100vw - 100%)/-2 + 16px) 0 0;background:linear-gradient(90deg,#050b13 0%,rgba(5,11,19,.97) 27%,rgba(5,11,19,.48) 55%,rgba(5,11,19,.08) 82%),linear-gradient(180deg,#050b13 0%,transparent 18%,transparent 72%,#050b13 100%);pointer-events:none}
.hero-copy{position:relative;z-index:1}
.eyebrow,.section-tag { margin:0 0 24px; color:#45aaff; font:750 10px/1.4 ui-monospace,Consolas,monospace; letter-spacing:.14em; text-transform:uppercase; }.eyebrow{display:flex;align-items:center;gap:10px}.eyebrow span,.section-tag i{display:inline-block;width:22px;height:1px;background:var(--blue);box-shadow:0 0 9px rgba(20,139,255,.6)}
.hero h1 { margin:0; font-size:clamp(68px,7.8vw,108px); font-weight:610; letter-spacing:-.075em; line-height:.84; }.hero h1 em{display:inline-block;white-space:nowrap;color:var(--blue);font-style:normal;text-shadow:0 0 35px rgba(20,139,255,.2)}
.hero-thesis { max-width:650px; margin:40px 0 0; color:#d4deea; font-size:clamp(19px,2vw,23px); line-height:1.45; }.hero-support{max-width:630px;margin:17px 0 0;color:var(--muted);font-size:16px}
.hero-actions{display:flex;flex-wrap:wrap;gap:12px;margin-top:38px}.button{min-height:50px;display:inline-flex;align-items:center;justify-content:center;gap:24px;padding:12px 20px;border:1px solid transparent;border-radius:7px;font-size:13px;font-weight:750;transition:transform .2s,background .2s,box-shadow .2s}.button:hover{transform:translateY(-2px)}.primary{background:linear-gradient(135deg,#087af4,#0ba2ff);box-shadow:0 12px 34px rgba(0,111,255,.2)}.primary:hover{box-shadow:0 15px 38px rgba(0,124,255,.32)}.quiet{border-color:var(--line-strong);color:#bfccda;background:rgba(9,19,33,.58)}.quiet:hover{background:rgba(20,139,255,.09)}

.solutions{padding-block:118px 130px;border-block:1px solid var(--line);background:linear-gradient(180deg,rgba(8,18,31,.86),rgba(5,12,21,.92))}.section-heading{margin-bottom:52px}.section-heading>div{max-width:760px}.section-heading h2,.about h2,.why h2{margin:0;font-size:clamp(48px,5.5vw,72px);font-weight:590;letter-spacing:-.055em;line-height:1}.section-summary{max-width:720px;margin:24px 0 0;color:var(--muted);font-size:16px}.section-tag{display:flex;align-items:center;gap:10px;margin-bottom:18px}
.solution-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}.solution-card{position:relative;overflow:hidden;min-height:500px;display:flex;flex-direction:column;padding:30px;border:1px solid var(--line);border-radius:14px;background:linear-gradient(145deg,rgba(12,26,44,.9),rgba(6,14,24,.98));transition:transform .25s,border-color .25s,box-shadow .25s}.solution-card::before{content:"";position:absolute;width:260px;height:260px;right:-130px;top:-140px;border:1px solid rgba(23,144,255,.11);border-radius:50%;box-shadow:0 0 70px rgba(0,100,255,.08)}.solution-card:hover{transform:translateY(-6px);border-color:rgba(28,148,255,.52);box-shadow:0 22px 55px rgba(0,0,0,.25)}.card-top{display:flex;align-items:center;justify-content:space-between;gap:15px;color:#486079;font:700 8px/1.4 ui-monospace,monospace;text-transform:uppercase;letter-spacing:.08em}.card-status{display:inline-flex;align-items:center;gap:7px;color:#72bded}.card-status i{width:5px;height:5px;border-radius:50%;background:var(--cyan);box-shadow:0 0 7px rgba(23,200,255,.7)}.card-status.muted{color:#8191a3}.card-status.muted i{background:#74879c;box-shadow:none}.card-status.service{color:#8db8df}.card-status.service i{background:#508cc4;box-shadow:none}
.product-symbol{position:relative;width:88px;height:88px;margin:70px 0 30px;border:1px solid rgba(54,150,237,.34);border-radius:18px;color:#4eb4ff;background:rgba(12,38,64,.46);box-shadow:inset 0 0 30px rgba(0,111,255,.05)}.symbol-extension span{position:absolute;left:20px;top:24px;width:45px;height:26px;border:2px solid currentColor;border-radius:13px}.symbol-extension i{position:absolute;left:39px;top:16px;width:8px;height:42px;border-inline:1px solid currentColor;transform:rotate(45deg)}.symbol-extension b{position:absolute;right:13px;bottom:9px;font-size:17px}.symbol-control span{position:absolute;left:17px;right:17px;top:21px;height:40px;border:2px solid currentColor;border-radius:6px}.symbol-control span::before,.symbol-control span::after{content:"";position:absolute;left:8px;right:8px;height:1px;background:currentColor}.symbol-control span::before{top:11px}.symbol-control span::after{top:23px}.symbol-control i{position:absolute;right:13px;bottom:11px;width:22px;height:22px;border:2px solid var(--cyan);border-radius:50%;background:#0a1d32}.symbol-control b{position:absolute;right:20px;bottom:19px;width:8px;height:5px;border-left:2px solid var(--cyan);border-bottom:2px solid var(--cyan);transform:rotate(-45deg)}.symbol-development{display:flex;align-items:center;justify-content:center;gap:10px;font:800 23px/1 ui-monospace,monospace}.symbol-development i{width:2px;height:42px;background:currentColor;transform:rotate(20deg)}
.solution-card h3{margin:0;font-size:clamp(31px,3.3vw,46px);font-weight:580;letter-spacing:-.05em;line-height:.96}.solution-card h3 em{color:var(--blue);font-style:normal}.solution-card>p{margin:22px 0 30px;color:#95a5b8;font-size:15px}.card-link{display:flex;align-items:center;justify-content:space-between;margin-top:auto;padding-top:18px;border-top:1px solid var(--line);color:#d3e5f5;font-size:12px;font-weight:700}.card-link b{color:var(--cyan);font-size:15px}

.about{display:grid;grid-template-columns:.96fr 1.04fr;gap:clamp(70px,9vw,130px);align-items:center;padding-block:132px}.about-lead{max-width:650px;margin:34px 0 18px;color:#c2cedb;font-size:20px}.about-copy>p:last-child{max-width:660px;margin:0;color:var(--muted);font-size:16px}.about-model{border-top:1px solid var(--line)}.about-model>div{display:grid;grid-template-columns:52px .6fr 1fr;align-items:center;gap:22px;min-height:118px;border-bottom:1px solid var(--line)}.about-model span{color:#536981;font:700 9px/1 ui-monospace,monospace}.about-model b{font-size:18px;font-weight:600}.about-model p{margin:0;color:#7f90a4;font-size:13px}

.why{padding-block:124px;background:#07111e;border-block:1px solid var(--line)}.why-grid{display:grid;grid-template-columns:.82fr 1.18fr;gap:clamp(75px,10vw,150px)}.why-intro>p:last-child{max-width:470px;margin:30px 0 0;color:var(--muted)}.principles{border-top:1px solid var(--line)}.principles article{display:grid;grid-template-columns:52px 1fr;gap:24px;padding:25px 0;border-bottom:1px solid var(--line)}.principles article>span{padding-top:5px;color:#536b84;font:700 9px/1 ui-monospace,monospace}.principles h3{margin:0 0 8px;font-size:17px;font-weight:620}.principles p{margin:0;color:#7f91a6;font-size:13px}

.footer{position:relative;padding-top:74px;color:#667a90;border-top:1px solid var(--line);font-size:11px}.footer::before{content:"";position:absolute;left:0;top:-1px;width:120px;height:1px;background:linear-gradient(90deg,var(--blue),var(--cyan));box-shadow:0 0 14px rgba(20,139,255,.5)}.footer-main{min-height:190px;display:grid;grid-template-columns:1fr auto auto;align-items:start;gap:clamp(60px,9vw,130px)}.footer-identity{display:block}.footer-brand{display:inline-block;font-size:34px;font-weight:800;color:#d2dce7;letter-spacing:-.055em;line-height:1}.footer-brand span{color:var(--blue)}.footer-identity p{margin:22px 0 0;color:#73869a;font-size:13px;line-height:1.7}.footer-nav{min-width:190px;display:grid;gap:11px}.footer-nav>span{margin-bottom:7px;color:#3f5870;font:750 8px/1.4 ui-monospace,Consolas,monospace;letter-spacing:.14em;text-transform:uppercase}.footer-nav a{display:flex;align-items:center;justify-content:space-between;gap:30px;color:#8fa0b2;font-size:12px}.footer-nav b{color:#1b8fff;font-weight:500}.footer a{transition:color .2s}.footer a:hover{color:#e5f2ff}.footer-up{display:flex;align-items:center;gap:12px;color:#8fa0b2;font-size:11px;text-transform:uppercase;letter-spacing:.08em}.footer-up span{width:38px;height:38px;display:grid;place-items:center;border:1px solid var(--line-strong);border-radius:50%;color:var(--cyan);font-size:16px}.footer-bottom{min-height:72px;display:grid;grid-template-columns:1fr auto 1fr;align-items:center;border-top:1px solid var(--line);color:#40566d}.footer-bottom small{font-size:8px;text-transform:uppercase;letter-spacing:.11em}.footer-bottom span{color:#29445f;font:750 8px/1 ui-monospace,Consolas,monospace;letter-spacing:.2em}.footer-bottom small:last-child{text-align:right}

.footer-nav>span{color:#66809a;font:700 13px/1.4 "Segoe UI Variable","Segoe UI",Arial,sans-serif;letter-spacing:.02em;text-transform:none}.footer-nav a{justify-content:flex-start;gap:8px}

.placeholder-page{min-height:100vh;background:radial-gradient(circle at 70% 30%,rgba(0,119,255,.15),transparent 25rem),var(--bg)}.placeholder-header{min-height:90px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line)}.placeholder-back{color:#a9b9ca;font-size:13px}.placeholder-back span{margin-right:10px;color:var(--cyan)}.placeholder-main{min-height:calc(100vh - 210px);display:grid;grid-template-columns:1fr .7fr;align-items:center;gap:80px;padding-block:90px}.placeholder-main h1{margin:0;font-size:clamp(62px,8vw,104px);font-weight:600;letter-spacing:-.07em;line-height:.88}.placeholder-main h1 em{display:block;color:var(--blue);font-style:normal}.placeholder-main>div>p:not(.eyebrow){max-width:650px;margin:34px 0;color:var(--muted);font-size:18px}.placeholder-card{padding:30px;border:1px solid var(--line-strong);border-radius:16px;background:rgba(9,24,42,.86)}.placeholder-card span{color:#5f7892;font:700 9px/1.4 ui-monospace,monospace;text-transform:uppercase;letter-spacing:.1em}.placeholder-card strong{display:block;margin:14px 0 8px;font-size:24px}.placeholder-card p{margin:0;color:#8395a9;font-size:14px}.placeholder-footer{min-height:120px;display:flex;align-items:center;justify-content:space-between;border-top:1px solid var(--line);color:#5f7286;font-size:11px}

@media(max-width:1000px){.header{grid-template-columns:160px 1fr}.header nav{gap:24px;font-size:12px}.hero{grid-template-columns:1fr}.hero::before{left:10%;opacity:.46}.hero::after{background:linear-gradient(90deg,#050b13 0%,rgba(5,11,19,.95) 45%,rgba(5,11,19,.48) 78%),linear-gradient(180deg,#050b13 0%,transparent 18%,transparent 72%,#050b13 100%)}.hero-copy{max-width:820px}.solution-grid{grid-template-columns:1fr}.solution-card{min-height:410px}.product-symbol{margin-top:48px}.about,.why-grid{grid-template-columns:1fr}.about-copy,.why-intro{max-width:760px}.footer-main{grid-template-columns:1fr auto;gap:70px}.footer-up{grid-column:2}.footer-bottom{grid-template-columns:1fr auto}.footer-bottom span{display:none}.placeholder-main{grid-template-columns:1fr}.placeholder-card{max-width:620px}}
@media(max-width:700px){:root{--shell:min(100% - 30px,1240px)}.header{min-height:auto;grid-template-columns:1fr;gap:18px;padding-block:18px}.brand{width:128px}.header nav{width:100%;justify-content:flex-start;gap:18px;overflow-x:auto;padding-bottom:4px;font-size:11px;white-space:nowrap;scrollbar-width:thin}.hero{min-height:0;padding-block:72px 84px}.hero::before{left:0;right:-15px;background-position:64% center;opacity:.3;mask-image:linear-gradient(90deg,transparent,#000 18%,#000);-webkit-mask-image:linear-gradient(90deg,transparent,#000 18%,#000)}.hero::after{right:-15px;background:linear-gradient(90deg,rgba(5,11,19,.98),rgba(5,11,19,.82) 72%,rgba(5,11,19,.58)),linear-gradient(180deg,#050b13,transparent 22%,transparent 70%,#050b13)}.hero h1{font-size:clamp(52px,18vw,67px)}.hero-thesis{margin-top:30px;font-size:18px}.hero-support{font-size:15px}.hero-actions{flex-direction:column}.hero-actions .button{width:100%}.solutions,.why{padding-block:82px}.section-heading{margin-bottom:42px}.section-summary{margin-top:20px}.section-heading h2,.about h2,.why h2{font-size:46px}.solution-card{min-height:450px;padding:24px}.solution-card h3{font-size:41px}.card-status{max-width:160px;text-align:right}.about{padding-block:86px;gap:48px}.about-model>div{grid-template-columns:40px 1fr;padding-block:22px}.about-model p{grid-column:2}.why-grid{gap:50px}.footer{padding-top:54px}.footer-main{min-height:0;grid-template-columns:1fr;gap:44px;padding-bottom:52px}.footer-up{grid-column:1}.footer-bottom{min-height:86px;grid-template-columns:1fr;gap:8px;padding-block:20px}.footer-bottom small:last-child{text-align:left}.placeholder-main{min-height:calc(100vh - 180px);padding-block:68px;gap:48px}.placeholder-main h1{font-size:clamp(44px,16vw,59px)}.placeholder-footer{min-height:90px;gap:18px;flex-wrap:wrap;padding-block:24px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*{transition-duration:.01ms!important}}

/* Preview v4: refreshed brand and product storytelling */
.header{grid-template-columns:230px 1fr}
.brand{width:auto;display:inline-flex;align-items:center;gap:12px;justify-self:start}
.brand img,.brand .brand-mark{width:30px;height:48px;object-fit:contain;flex:0 0 auto}
.brand-name{color:#dbe7f3;font-size:25px;font-weight:800;letter-spacing:-.055em;line-height:1}
.brand-name>span{color:var(--blue)}

.hero{overflow:visible}
.signal-field{position:absolute;z-index:0;inset:0 calc((100vw - 100%)/-2 + 16px) 0 42%;pointer-events:none;overflow:hidden;opacity:.88}
.signal{--travel:220px;position:absolute;height:1px;background:linear-gradient(90deg,transparent,rgba(25,138,255,.26),rgba(23,200,255,.48),transparent);filter:drop-shadow(0 0 5px rgba(16,156,255,.55));transform-origin:left center}
.signal::after{content:"";position:absolute;left:0;top:-2px;width:5px;height:5px;border-radius:50%;background:#a6eeff;box-shadow:0 0 6px #4dcaff,0 0 18px #148bff;animation:signal-travel 4.8s cubic-bezier(.35,.02,.62,.98) infinite}
.signal-one{left:21%;top:48%;width:230px;--travel:225px;transform:rotate(19deg)}
.signal-one::after{animation-delay:-1.2s}
.signal-two{left:47%;top:62%;width:260px;--travel:255px;transform:rotate(-18deg)}
.signal-two::after{animation-delay:-3.1s;animation-duration:5.5s}
.signal-three{left:38%;top:36%;width:185px;--travel:180px;transform:rotate(-7deg)}
.signal-three::after{animation-delay:-2.2s;animation-duration:4.2s}
.signal-node{position:absolute;width:8px;height:8px;border:1px solid rgba(98,208,255,.75);border-radius:50%;box-shadow:0 0 0 0 rgba(20,139,255,.4),0 0 16px rgba(23,200,255,.7);animation:node-pulse 3s ease-out infinite}
.node-one{left:48%;top:39%}.node-two{left:67%;top:57%;animation-delay:-1.4s}
@keyframes signal-travel{0%{opacity:0;transform:translateX(0) scale(.65)}12%{opacity:1}78%{opacity:1}100%{opacity:0;transform:translateX(var(--travel)) scale(1.2)}}
@keyframes node-pulse{0%,45%{opacity:.25;box-shadow:0 0 0 0 rgba(20,139,255,.38),0 0 12px rgba(23,200,255,.4)}75%{opacity:1;box-shadow:0 0 0 14px rgba(20,139,255,0),0 0 22px rgba(23,200,255,.85)}100%{opacity:.25}}

.product-detail{position:relative;scroll-margin-top:24px;padding-block:132px;border-bottom:1px solid var(--line);overflow:hidden}
.product-detail::before{content:"";position:absolute;pointer-events:none;width:720px;height:720px;right:-270px;top:10%;border-radius:50%;background:radial-gradient(circle,rgba(0,119,255,.13),transparent 68%)}
.product-grid{position:relative;display:grid;grid-template-columns:minmax(0,.92fr) minmax(430px,1.08fr);gap:clamp(64px,8vw,118px);align-items:center}
.product-copy{position:relative;z-index:2}
.product-copy h2{max-width:720px;margin:0;font-size:clamp(50px,6.2vw,78px);font-weight:590;letter-spacing:-.065em;line-height:.92}
.product-copy h2 em{display:block;color:var(--blue);font-style:normal}
.product-copy>p:not(.section-tag){max-width:720px;margin:0 0 18px;color:var(--muted);font-size:15px;line-height:1.72}
.product-copy .product-lead{margin:34px 0 24px;color:#d4deea;font-size:clamp(18px,2vw,22px);line-height:1.48}
.capability-row{display:flex;flex-wrap:wrap;gap:8px;margin-top:32px}
.capability-row span{padding:8px 11px;border:1px solid rgba(57,151,234,.26);border-radius:5px;color:#86bfe8;background:rgba(9,31,51,.62);font:700 9px/1 ui-monospace,Consolas,monospace;letter-spacing:.06em;text-transform:uppercase}
.extension-pricing{width:min(100%,620px);margin-top:38px}
.pricing-heading{display:flex;align-items:center;justify-content:space-between;gap:24px;margin-bottom:22px}
.pricing-heading>div>span{display:block;margin-bottom:7px;color:#7489a1;font:700 9px/1 ui-monospace,Consolas,monospace;letter-spacing:.18em;text-transform:uppercase}
.extension-pricing h3{margin:0;color:#f1f5fa;font-size:29px;font-weight:660;line-height:1.05;letter-spacing:-.04em}
.extension-pricing h3 em{color:var(--blue);font-style:normal}
.pricing-badge{width:62px;height:42px;display:grid;place-items:center;border:1px solid rgba(28,145,255,.55);border-radius:10px;color:#2e97ff;background:rgba(0,91,204,.06);font:750 11px/1 ui-monospace,Consolas,monospace;letter-spacing:.17em;box-shadow:inset 0 0 18px rgba(0,106,255,.04)}
.pricing-options{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}
.pricing-plan{position:relative;min-height:190px;padding:22px;border:1px solid rgba(31,145,255,.62);border-radius:14px;background:radial-gradient(circle at 82% 18%,rgba(0,118,255,.12),transparent 42%),linear-gradient(145deg,rgba(10,34,61,.96),rgba(4,17,31,.93));box-shadow:inset 0 0 40px rgba(0,85,200,.06),0 18px 44px rgba(0,0,0,.16)}
.pricing-plan-head{display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:13px}
.pricing-plan-head>span{color:#3c638a;font:750 13px/1 ui-monospace,Consolas,monospace;letter-spacing:.08em}
.pricing-plan-head>b{color:#e7eef6;font-size:14px;font-weight:720;letter-spacing:.075em;text-transform:uppercase}
.plan-symbol{position:relative;width:38px;height:38px;border:1px solid rgba(31,145,255,.26);border-radius:8px;color:#299aff;background:rgba(0,90,200,.06)}
.plan-lightning::before{content:"";position:absolute;left:10px;top:6px;width:19px;height:27px;background:currentColor;clip-path:polygon(57% 0,12% 55%,43% 55%,29% 100%,88% 38%,57% 38%);filter:drop-shadow(0 0 5px rgba(41,154,255,.25))}
.plan-crown::before{content:"";position:absolute;left:7px;top:9px;width:24px;height:20px;background:currentColor;clip-path:polygon(0 18%,25% 48%,47% 4%,68% 48%,100% 15%,88% 82%,11% 82%)}
.plan-crown::after{content:"";position:absolute;left:10px;top:14px;width:18px;height:10px;background:#071b31;clip-path:polygon(0 0,24% 35%,47% 0,68% 35%,100% 0,87% 66%,11% 66%)}
.pricing-price{display:block;margin-top:38px;color:#f5f8fc;font-size:41px;font-weight:700;line-height:.95;letter-spacing:-.04em;text-shadow:0 0 24px rgba(80,163,255,.1)}
.pricing-plan>small{display:block;margin-top:13px;color:#6d87a1;font-size:11px;font-weight:650;letter-spacing:.04em;text-transform:uppercase}
.product-shot{position:relative;z-index:1;margin:0;justify-self:stretch;isolation:isolate}
.product-shot::before{content:"";position:absolute;z-index:-1;inset:8% -6% 10% 8%;border:1px solid rgba(43,138,226,.22);border-radius:22px;transform:rotate(2deg)}
.product-shot::after{content:"";position:absolute;z-index:-2;left:12%;right:8%;bottom:4%;height:18%;border-radius:50%;background:rgba(0,79,183,.28);filter:blur(45px)}
.product-shot img{position:relative;width:100%;height:auto;border:1px solid rgba(84,158,230,.25);border-radius:16px;box-shadow:0 30px 75px rgba(0,0,0,.45),0 0 44px rgba(0,103,255,.09)}
.shot-glow{position:absolute;inset:-15%;z-index:-3;background:radial-gradient(circle at 55% 55%,rgba(0,124,255,.17),transparent 62%);filter:blur(12px)}
.product-shot figcaption{display:flex;align-items:center;justify-content:space-between;gap:20px;margin-top:18px;padding-inline:3px;color:#5d7288;font-size:11px}
.product-shot figcaption span{font:700 8px/1 ui-monospace,Consolas,monospace;letter-spacing:.12em;color:#3f6688}
.product-shot figcaption b{color:#879bad;font-size:11px;font-weight:550}
.extension-shot{max-width:382px;justify-self:center}
.extension-shot img{max-height:650px;object-fit:cover;object-position:top}

.product-app-control{background:linear-gradient(180deg,#07111e,#050c15)}
.section-anchor{position:absolute;left:0;top:72px;width:1px;height:1px;scroll-margin-top:0;pointer-events:none}
.solutions{position:relative}
.solutions-anchor{top:58px}
.product-anchor{top:96px}
.product-app-control::before{left:-300px;right:auto;top:18%;background:radial-gradient(circle,rgba(0,94,218,.12),transparent 68%)}
.app-grid{grid-template-columns:minmax(0,.88fr) minmax(520px,1.12fr);gap:clamp(55px,6.5vw,92px)}
.app-shot{align-self:center}
.app-shot::before{inset:6% -5% 8% 6%;transform:rotate(-1.5deg)}
.feature-list{display:grid;grid-template-columns:1fr 1fr;gap:0 24px;margin-top:38px;border-top:1px solid var(--line)}
.feature-list>div{display:grid;grid-template-columns:30px 1fr;gap:12px;padding:17px 0;border-bottom:1px solid var(--line)}
.feature-list span{padding-top:4px;color:#3f6e99;font:700 8px/1 ui-monospace,Consolas,monospace}
.feature-list p{margin:0;color:#98a9bb;font-size:12px;line-height:1.55}

@media(max-width:1000px){
  .header{grid-template-columns:210px 1fr}
  .signal-field{inset:0 -24px 0 38%;opacity:.55}
  .product-grid,.app-grid{grid-template-columns:1fr;gap:64px}
  .product-copy{max-width:820px}
  .product-shot{width:min(100%,760px);justify-self:center}
  .extension-shot{width:min(72%,390px)}
}

@media(max-width:700px){
  .header{grid-template-columns:1fr auto;gap:16px}
  .brand{gap:9px}.brand img,.brand .brand-mark{width:24px;height:38px}.brand-name{font-size:21px}
  .header nav{width:auto;justify-content:flex-end;overflow:visible;padding:0;gap:15px}
  .signal-field{inset:0 -15px 0 26%;opacity:.42}
  .signal-one{top:44%;left:18%;width:155px;--travel:150px}.signal-two{left:30%;top:61%;width:170px;--travel:165px}.signal-three{display:none}
  .product-detail{padding-block:86px}.product-grid,.app-grid{gap:50px}
  .section-anchor{top:26px}
  .solutions-anchor{top:22px}
  .product-anchor{top:26px}
  .product-copy h2{font-size:clamp(47px,14vw,59px)}
  .product-copy .product-lead{margin-top:28px;font-size:18px}
  .product-copy>p:not(.section-tag){font-size:14px;line-height:1.65}
  .extension-shot{width:min(88%,390px)}
  .product-shot figcaption{align-items:flex-start;flex-direction:column;gap:7px}
  .feature-list{grid-template-columns:1fr;gap:0}
}

@media(prefers-reduced-motion:reduce){.signal::after,.signal-node{animation:none!important}.signal-field{opacity:.35}}

/* Bidirectional data flow between the illustrated nodes */
.signal-one::before,.signal-three::before{content:"";position:absolute;left:0;top:-2px;width:5px;height:5px;border-radius:50%;background:#78dcff;box-shadow:0 0 6px #32baff,0 0 16px #087af4;animation:signal-travel 6.2s cubic-bezier(.35,.02,.62,.98) infinite reverse}
.signal-one::before{animation-delay:-3.7s}
.signal-two::after{animation-direction:reverse}
.signal-three::before{animation-delay:-1.8s;animation-duration:5.8s}

.product-app-control .product-lead{margin-top:54px}

@media(max-width:700px){.product-app-control .product-lead{margin-top:40px}}
@media(prefers-reduced-motion:reduce){.signal-one::before,.signal-three::before{animation:none!important}}

/* Independent, non-intersecting routes with deliberately uneven timing */
.signal{width:6px;height:6px;border-radius:50%;background:#a8efff;box-shadow:0 0 7px #55d3ff,0 0 20px #087af4;filter:none;transform:none;offset-rotate:0deg;animation:signal-route var(--route-duration) linear infinite}
.signal::before,.signal::after{content:none}
.signal-one{left:18%;top:40%;--route-duration:11.6s;offset-path:path("M 0 18 C 68 -8 142 2 226 30");animation-delay:-3.4s}
.signal-two{left:48%;top:57%;--route-duration:14.3s;offset-path:path("M 0 48 C 72 70 155 48 244 2");animation-delay:-9.1s;animation-direction:reverse}
.signal-three{left:35%;top:28%;--route-duration:12.7s;offset-path:path("M 0 50 C 42 18 104 8 178 0");animation-delay:-6.8s}
.signal-four{left:66%;top:34%;--route-duration:16.1s;offset-path:path("M 0 0 C 18 48 62 86 138 98");animation-delay:-12.2s;animation-direction:reverse}
@keyframes signal-route{0%{offset-distance:0%;opacity:0;scale:.7}10%{opacity:.9}82%{opacity:.9}100%{offset-distance:100%;opacity:0;scale:1.15}}

.product-app-control .product-copy h2{line-height:1;padding-bottom:52px}
.product-app-control .product-lead{margin:0 0 24px}

@media(max-width:700px){
  .signal-one{left:8%;top:42%;offset-path:path("M 0 12 C 44 -4 92 2 148 24")}
  .signal-two{left:38%;top:62%;offset-path:path("M 0 34 C 48 50 106 34 164 0")}
  .signal-three,.signal-four{display:none}
  .product-app-control .product-copy h2{padding-bottom:38px}
}
@media(prefers-reduced-motion:reduce){.signal{animation:none!important;opacity:.32}}

/* Final rhythm: visibly different speeds and equal product-title spacing */
.signal-one{--route-duration:6.5s}
.signal-two{--route-duration:9.2s}
.signal-three{--route-duration:11.8s}
.signal-four{--route-duration:14.7s}

/* Staggered first appearance: delayed signals stay hidden until launch */
.signal{animation-fill-mode:both}
.signal-one{animation-delay:0s}
.signal-two{animation-delay:1.8s}
.signal-three{animation-delay:3.5s}
.signal-four{animation-delay:5.2s}

.product-detail .product-copy h2{line-height:1;padding-bottom:40px}
.product-detail .product-lead{margin:0 0 24px}

@media(max-width:700px){.product-detail .product-copy h2{padding-bottom:30px}}

/* Preview v5: stable line icons and contact chooser */
.thin-arrow{position:relative;display:inline-block;width:13px;height:13px;flex:0 0 13px;color:currentColor;font-style:normal}
.thin-arrow::before{content:"";position:absolute;top:1px;right:1px;width:7px;height:7px;border-top:1.2px solid currentColor;border-right:1.2px solid currentColor}
.thin-arrow::after{content:"";position:absolute;left:1px;bottom:2px;width:13px;height:1.2px;background:currentColor;transform:rotate(-45deg);transform-origin:left center}
.button .thin-arrow{color:#a9d9ff}
.card-link .thin-arrow{color:var(--cyan)}

.contact-icon{position:relative;width:22px;height:22px;display:inline-block;flex:0 0 22px;color:#35b9ff;font-style:normal}
.icon-telegram::before{content:"";position:absolute;inset:2px 1px;background:currentColor;clip-path:polygon(2% 45%,98% 2%,70% 98%,49% 65%,31% 82%,36% 57%)}
.icon-envelope::before{content:"";position:absolute;left:1px;top:4px;width:19px;height:14px;border:1.5px solid currentColor;border-radius:3px}
.icon-envelope::after{content:"";position:absolute;left:6px;top:2px;width:10px;height:10px;border-left:1.5px solid currentColor;border-bottom:1.5px solid currentColor;transform:rotate(-45deg)}

.footer-contact{min-height:28px}
.footer-contact .contact-icon{width:17px;height:17px;flex-basis:17px}
.footer-contact .icon-envelope::before{left:0;top:3px;width:15px;height:11px;border-width:1px}
.footer-contact .icon-envelope::after{left:4px;top:1px;width:8px;height:8px;border-width:0 0 1px 1px}
.footer-contact .icon-telegram::before{inset:1px 0}
.icon-person::before{content:"";position:absolute;left:6px;top:1px;width:5px;height:5px;border:1px solid currentColor;border-radius:50%}
.icon-person::after{content:"";position:absolute;left:3px;bottom:1px;width:11px;height:7px;border:1px solid currentColor;border-bottom:0;border-radius:8px 8px 0 0}
.footer-owner{max-width:310px;display:flex;align-items:flex-start;gap:9px;margin-top:18px;padding-top:16px;border-top:1px solid rgba(57,151,234,.16);color:#8497aa;font-size:11px;line-height:1.55}
.footer-owner>.contact-icon{width:17px;height:17px;flex-basis:17px}
.footer-owner span,.footer-owner small{display:block}
.footer-owner small{margin-top:3px;color:#5f7891;font-size:10px;letter-spacing:.025em}

@media(max-width:700px){
  .pricing-options{grid-template-columns:1fr}
  .extension-pricing{margin-top:24px}
  .pricing-heading{margin-bottom:18px}
  .extension-pricing h3{font-size:26px}
  .pricing-badge{width:56px;height:38px}
  .pricing-plan{min-height:174px;padding:20px}
  .pricing-price{margin-top:30px;font-size:38px}
}

.contact-modal{position:fixed;z-index:100;inset:0;display:grid;place-items:center;padding:24px;visibility:hidden;opacity:0;pointer-events:none;transition:opacity .22s ease,visibility 0s linear .22s}
.contact-modal:target{visibility:visible;opacity:1;pointer-events:auto;transition-delay:0s}
.contact-modal-backdrop{position:absolute;inset:0;background:rgba(1,6,12,.82);backdrop-filter:blur(10px)}
.contact-modal-panel{position:relative;width:min(540px,100%);padding:38px;border:1px solid rgba(71,156,235,.34);border-radius:18px;background:linear-gradient(145deg,rgba(12,27,46,.98),rgba(5,13,23,.99));box-shadow:0 32px 90px rgba(0,0,0,.58),0 0 55px rgba(0,115,255,.1);transform:translateY(14px) scale(.985);transition:transform .22s ease}
.contact-modal:target .contact-modal-panel{transform:none}
.contact-modal-close{position:absolute;right:18px;top:18px;width:36px;height:36px;display:grid;place-items:center;border:1px solid var(--line-strong);border-radius:50%;color:#91a6bb;font-size:25px;font-weight:300;line-height:1;transition:color .2s,border-color .2s,background .2s}
.contact-modal-close span{position:relative;display:block;width:14px;height:14px;font-size:0;line-height:0}
.contact-modal-close span::before,.contact-modal-close span::after{content:"";position:absolute;left:50%;top:50%;width:14px;height:1px;border-radius:1px;background:currentColor;transform-origin:center}
.contact-modal-close span::before{transform:translate(-50%,-50%) rotate(45deg)}
.contact-modal-close span::after{transform:translate(-50%,-50%) rotate(-45deg)}
.contact-modal-close:hover{color:#fff;border-color:rgba(23,200,255,.58);background:rgba(20,139,255,.08)}
.contact-modal-panel h2{margin:0;color:var(--text);font-size:clamp(40px,6vw,58px);font-weight:590;letter-spacing:-.055em;line-height:1}
.contact-modal-lead{margin:19px 0 30px;color:var(--muted);font-size:15px}
.contact-options{display:grid;gap:10px}
.contact-options>a{display:grid;grid-template-columns:46px 1fr 14px;align-items:center;gap:16px;min-height:86px;padding:17px 20px;border:1px solid var(--line);border-radius:12px;background:rgba(8,22,38,.78);transition:transform .2s,border-color .2s,background .2s}
.contact-options>a:hover{transform:translateY(-2px);border-color:rgba(35,151,246,.48);background:rgba(11,34,57,.94)}
.contact-options .contact-icon{justify-self:center}
.contact-options span{display:grid;gap:4px}
.contact-options b{color:#e2edf8;font-size:15px;font-weight:680}
.contact-options small{color:#71869b;font-size:12px}
.contact-options .thin-arrow{color:var(--cyan)}
html:has(.contact-modal:target){overflow:hidden}

@media(max-width:700px){
  .mobile-top{position:fixed;z-index:40;right:15px;bottom:calc(18px + env(safe-area-inset-bottom));display:inline-flex;align-items:center;gap:9px;min-height:40px;padding:9px 14px;border:1px solid rgba(73,154,230,.34);border-radius:999px;color:#b9cadd;background:rgba(6,17,30,.9);box-shadow:0 12px 32px rgba(0,0,0,.34);backdrop-filter:blur(12px);font-size:11px;font-weight:700;letter-spacing:.04em;text-transform:uppercase}
  .mobile-top span{display:grid;place-items:center;width:20px;height:20px;border:1px solid rgba(45,168,255,.34);border-radius:50%;color:var(--cyan);font-size:12px;line-height:1}
  .contact-modal{padding:15px}
  .contact-modal-panel{padding:31px 20px 22px;border-radius:15px}
  .contact-modal-close{right:14px;top:14px}
  .contact-modal-panel .section-tag{padding-right:46px}
  .contact-options>a{grid-template-columns:38px minmax(0,1fr) 14px;gap:12px;min-height:78px;padding:14px}
  .contact-options small{overflow-wrap:anywhere}
}

@supports (animation-timeline:scroll()){
  @media(max-width:700px){
    .mobile-top{animation:mobile-top-reveal linear both;animation-timeline:scroll(root block);animation-range:220px 340px}
  }
}

@keyframes mobile-top-reveal{
  from{opacity:0;visibility:hidden;pointer-events:none;transform:translateY(8px)}
  to{opacity:1;visibility:visible;pointer-events:auto;transform:none}
}

@media(prefers-reduced-motion:reduce){.contact-modal,.contact-modal-panel{transition:none}}

/* Legal documents: static, same-origin pages; scoped to avoid homepage layout changes. */
.footer-legal{display:flex;flex-wrap:wrap;align-items:center;gap:12px 28px;padding:20px 0;color:#93a9be;font-size:12px;line-height:1.6}
.footer-legal a{text-decoration:underline;text-decoration-color:rgba(147,169,190,.35);text-underline-offset:4px}
.footer-legal a:hover{color:var(--cyan);text-decoration-color:currentColor}
.legal-page{background:radial-gradient(circle at 90% 0,rgba(0,111,255,.09),transparent 35rem),var(--bg)}
.legal-main{max-width:900px;padding-block:56px 72px}
.legal-nav{display:flex;flex-wrap:wrap;gap:10px;margin:24px 0 22px}
.legal-nav a{padding:11px 16px;border:1px solid var(--line-strong);border-radius:8px;color:#aebed0;font-size:13px;line-height:1.5}
.legal-nav a:hover,.legal-nav a[aria-current="page"]{color:var(--text);border-color:rgba(20,139,255,.7);background:rgba(20,139,255,.12)}
.legal-toc{margin-bottom:42px;border:1px solid var(--line);border-radius:12px;background:rgba(9,19,33,.65);color:#aebed0}
.legal-toc summary{padding:16px 20px;cursor:pointer;font-size:14px;font-weight:650}
.legal-toc summary::marker{color:var(--blue)}
.legal-toc ol{columns:2;column-gap:40px;margin:0;padding:4px 32px 22px 44px;font-size:13px;line-height:1.65}
.legal-toc li{break-inside:avoid;margin:0 0 9px;padding-left:4px}
.legal-toc a:hover{color:var(--cyan)}
.legal-document{overflow-wrap:anywhere;color:#afbed0;font-size:16px;line-height:1.8}
.legal-document h1{margin:0;color:var(--text);font-size:clamp(30px,3.1vw,43px);font-weight:650;letter-spacing:-.035em;line-height:1.22}
.legal-document .legal-subtitle{margin:18px 0 0;color:#bcd4eb;font-size:21px;font-weight:500;line-height:1.5}
.legal-document .legal-date{margin:24px 0 34px;padding-bottom:28px;border-bottom:1px solid var(--line);color:#7895af;font-size:13px}
.legal-document h2{margin:52px 0 20px;padding-top:24px;border-top:1px solid var(--line);color:var(--text);font-size:25px;font-weight:620;letter-spacing:-.025em;line-height:1.35;scroll-margin-top:28px}
.legal-document p{margin:0 0 18px}
.legal-document strong{color:#dce8f5;font-weight:650}
.legal-document ul{margin:0 0 24px;padding-left:24px}
.legal-document li{margin-bottom:8px;padding-left:5px}
.legal-document li::marker{color:#428fcf}
.legal-document a{color:#5cb3ff;text-decoration:underline;text-decoration-color:rgba(92,179,255,.35);text-underline-offset:3px}
.legal-document a:hover{color:var(--cyan)}
.legal-end{display:flex;align-items:center;justify-content:space-between;gap:24px;margin-top:48px;padding-top:28px;border-top:1px solid var(--line)}
.legal-footer{gap:24px;padding-block:30px;flex-wrap:wrap}
.legal-footer .footer-brand{font-size:28px}
.legal-footer .footer-legal{padding:0}
@media(max-width:700px){
  .footer-legal{align-items:flex-start;flex-direction:column;gap:12px;padding-block:20px}
  .legal-main{padding-block:32px 48px}
  .legal-nav{display:grid;grid-template-columns:1fr;gap:8px;margin-block:20px}
  .legal-nav a{font-size:13px;padding:11px 14px}
  .legal-toc{margin-bottom:30px}
  .legal-toc ol{columns:1;padding-right:20px}
  .legal-document{font-size:15px;line-height:1.75}
  .legal-document h1{font-size:27px;letter-spacing:-.025em}
  .legal-document .legal-subtitle{font-size:18px}
  .legal-document h2{margin-top:38px;padding-top:22px;font-size:22px}
  .legal-document .legal-date{margin-block:20px 28px}
  .legal-document ul{padding-left:21px}
  .legal-footer{align-items:flex-start;flex-direction:column;gap:22px}
}

/* Purchase flow v9: static pages with one same-origin checkout controller. */
.pricing-plan-link{display:block;color:inherit;cursor:pointer;transition:transform .22s ease,border-color .22s ease,box-shadow .22s ease,background .22s ease}
.pricing-plan-link:hover{transform:translateY(-4px);border-color:rgba(38,174,255,.88);box-shadow:inset 0 0 40px rgba(0,96,220,.1),0 24px 56px rgba(0,0,0,.24),0 0 30px rgba(20,139,255,.08)}
.pricing-plan-link:focus-visible{outline-offset:5px}

.purchase-page{min-height:100vh;background:radial-gradient(circle at 78% 12%,rgba(0,111,255,.14),transparent 32rem),linear-gradient(180deg,#050b13,#040910 72%,#03070c)}
.purchase-main{width:min(980px,calc(100% - 48px));min-height:calc(100vh - 210px);margin-inline:auto;padding-block:72px 92px}
.purchase-intro{display:grid;grid-template-columns:1fr auto;align-items:end;gap:28px;margin-bottom:42px}
.purchase-intro h1{margin:0;font-size:clamp(52px,7vw,82px);font-weight:610;letter-spacing:-.065em;line-height:.92}
.purchase-intro h1 em{color:var(--blue);font-style:normal}
.purchase-lead{max-width:650px;margin:24px 0 0;color:#9eb0c4;font-size:17px;line-height:1.7}
.purchase-badge{width:94px;height:66px;display:grid;place-items:center;border:1px solid rgba(28,145,255,.55);border-radius:13px;color:#2e97ff;background:rgba(0,91,204,.06);font:750 16px/1 ui-monospace,Consolas,monospace;letter-spacing:.17em;box-shadow:inset 0 0 22px rgba(0,106,255,.06)}
.purchase-plan-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px}
.purchase-plan-grid .pricing-plan{min-height:250px;padding:30px}
.purchase-plan-grid .pricing-price{margin-top:56px;font-size:54px}
.purchase-plan-grid .pricing-plan>small{font-size:12px}
.purchase-note{margin:28px 0 0;color:#71869b;font-size:13px}

.checkout-layout{display:grid;grid-template-columns:minmax(0,1.14fr) minmax(280px,.86fr);gap:20px;align-items:start}
.checkout-panel,.checkout-summary,.purchase-message{border:1px solid var(--line-strong);border-radius:18px;background:linear-gradient(145deg,rgba(12,27,46,.96),rgba(5,13,23,.98));box-shadow:0 26px 72px rgba(0,0,0,.28),inset 0 0 42px rgba(0,87,197,.04)}
.checkout-panel{padding:34px}
.checkout-summary{padding:30px;position:sticky;top:24px}
.checkout-summary>span,.checkout-panel>span,.purchase-message>span{display:block;margin-bottom:14px;color:#66809a;font:750 9px/1.4 ui-monospace,Consolas,monospace;letter-spacing:.15em;text-transform:uppercase}
.checkout-summary strong{display:block;color:#f4f8fc;font-size:31px;line-height:1.15}
.checkout-summary .checkout-price{margin-top:26px;color:#f8fbff;font-size:48px;font-weight:720;letter-spacing:-.045em;line-height:1}
.checkout-summary small{display:block;margin-top:11px;color:#6e86a0;font-size:12px;text-transform:uppercase;letter-spacing:.06em}
.checkout-panel h2,.purchase-message h2{margin:0;color:var(--text);font-size:clamp(29px,4vw,40px);font-weight:620;letter-spacing:-.04em;line-height:1.1}
.form-field{display:grid;gap:10px;margin-top:30px}
.form-field label{color:#dce7f2;font-size:15px;font-weight:650}
.form-field input{width:100%;min-height:54px;padding:13px 15px;border:1px solid rgba(74,143,211,.38);border-radius:9px;color:var(--text);background:rgba(3,12,22,.72);font:inherit;font-size:16px;outline:0;transition:border-color .2s,box-shadow .2s,background .2s}
.form-field input::placeholder{color:#53677d}
.form-field input:hover{border-color:rgba(75,158,237,.58)}
.form-field input:focus{border-color:var(--blue);background:rgba(4,16,28,.9);box-shadow:0 0 0 3px rgba(20,139,255,.13)}
.form-help{margin:11px 0 0;color:#7e91a6;font-size:13px;line-height:1.65}
.checkout-submit{width:100%;margin-top:28px;border:0;color:#fff;font-family:inherit;cursor:pointer}
.checkout-submit:disabled{cursor:wait;opacity:.68;transform:none;box-shadow:none}
.checkout-legal{margin:17px 0 0;color:#71869b;font-size:12px;line-height:1.65}
.checkout-legal a{color:#63b8ff;text-decoration:underline;text-decoration-color:rgba(99,184,255,.34);text-underline-offset:3px}
.checkout-legal a:hover{color:var(--cyan)}
.checkout-status{min-height:24px;margin:15px 0 0;color:#8da3b9;font-size:13px}
.checkout-status[data-state="error"]{color:#ff9da6}
.checkout-status[data-state="pending"]{color:#79cbff}
.purchase-message{padding:36px}
.purchase-message p{max-width:680px;margin:20px 0 0;color:#91a4b9;font-size:16px;line-height:1.75}
.purchase-choice-actions{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin-top:30px}
.purchase-choice-actions .button{min-height:58px}
.purchase-secondary-link{display:inline-flex;margin-top:24px;color:#75aee0;font-size:13px}
.purchase-secondary-link:hover{color:var(--cyan)}
.purchase-home-link{margin-top:32px}
.purchase-message .activation-guide{margin-top:28px;padding:18px 20px;border:1px solid rgba(43,145,234,.24);border-radius:10px;color:#bfd3e6;background:rgba(7,25,43,.65);font-size:15px}
[hidden]{display:none!important}

@media(max-width:760px){
  .purchase-main{width:min(100% - 30px,980px);padding-block:48px 68px}
  .purchase-intro{grid-template-columns:1fr;align-items:start;margin-bottom:32px}
  .purchase-intro>*{min-width:0}
  .purchase-intro h1{font-size:clamp(40px,13vw,56px);overflow-wrap:anywhere}
  .purchase-badge{width:78px;height:52px;grid-row:1;font-size:13px}
  .purchase-plan-grid,.checkout-layout,.purchase-choice-actions{grid-template-columns:1fr}
  .purchase-plan-grid .pricing-plan{min-height:204px;padding:24px}
  .purchase-plan-grid .pricing-price{margin-top:40px;font-size:45px}
  .checkout-panel,.checkout-summary,.purchase-message{padding:24px;border-radius:15px}
  .checkout-summary{position:static;grid-row:1}
  .checkout-summary .checkout-price{font-size:42px}
}

@media(prefers-reduced-motion:reduce){.pricing-plan-link{transition:none}}

/* Purchase flow v11: make only the homepage tariff cards slightly more compact. */
.product-extension .extension-pricing .pricing-plan{min-height:158px;padding:16px 20px}
.product-extension .extension-pricing .pricing-price{margin-top:23px;font-size:37px}
.product-extension .extension-pricing .pricing-plan>small{margin-top:8px}

@media(max-width:700px){
  .product-extension .extension-pricing .pricing-plan{min-height:150px;padding:16px 18px}
  .product-extension .extension-pricing .pricing-price{margin-top:21px;font-size:35px}
}

/* Language control v12: same-origin, keyboard-accessible and dependency-free. */
.header nav,.legal-header nav{display:flex;align-items:center}
.language-switcher{position:relative;margin-left:8px;color:var(--text)}
.language-switcher summary{min-width:76px;display:flex;align-items:center;justify-content:center;gap:7px;padding:9px 12px;border:1px solid var(--line-strong);border-radius:8px;color:#a8bdd1;background:rgba(6,20,34,.72);font:700 12px/1.2 ui-monospace,Consolas,monospace;letter-spacing:.08em;cursor:pointer;list-style:none}
.language-switcher summary::-webkit-details-marker{display:none}
.language-switcher summary:hover,.language-switcher[open] summary{color:#f2f8ff;border-color:rgba(40,157,255,.64);background:rgba(9,35,60,.9)}
.language-switcher summary:focus-visible{outline:2px solid var(--blue);outline-offset:3px}
.language-menu{position:absolute;z-index:30;top:calc(100% + 9px);right:0;width:154px;padding:6px;border:1px solid var(--line-strong);border-radius:10px;background:#071525;box-shadow:0 18px 46px rgba(0,0,0,.42)}
.language-menu button{width:100%;display:block;padding:10px 12px;border:0;border-radius:7px;color:#9eb2c7;background:transparent;font:650 13px/1.25 inherit;text-align:left;cursor:pointer}
.language-menu button:hover,.language-menu button:focus-visible{color:#f3f8fd;background:rgba(20,139,255,.14);outline:0}
.language-menu button[aria-current="true"]{color:#55b6ff;background:rgba(20,139,255,.09)}
.placeholder-header{gap:20px}
.purchase-header-actions{display:flex;align-items:center;gap:16px;margin-left:auto}
.purchase-header-actions .language-switcher{margin-left:0}
.legal-header .language-switcher{margin-left:8px}

@media(max-width:700px){
  .header{gap:14px}
  .header nav{gap:4px}
  .header nav>a{padding-inline:7px}
  .language-switcher{margin-left:2px}
  .language-switcher summary{min-width:64px;padding:8px 9px}
  .placeholder-header{flex-wrap:wrap}
  .purchase-header-actions{width:100%;justify-content:space-between;margin-left:0}
  .legal-header{grid-template-columns:1fr}
  .legal-header nav{width:100%;min-width:0;justify-content:flex-start;flex-wrap:wrap}
}