/* Counterfy Stream v2 – content, navigation, responsive polish */
:root{--content-border:#2a4053;--soft:#91a9bb}
.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}
.site-body{background:radial-gradient(ellipse 55% 30% at 78% 8%,#19364a 0%,transparent 75%),#0c111b}
.nav-header{gap:22px}.top-nav{display:flex;gap:22px;margin-left:auto}.top-nav a{font-size:13px;text-decoration:none;color:#bacbdd;font-weight:650}.top-nav a:hover,.footer-links a:hover{color:#80e6f6}.nav-right{display:flex;align-items:center;gap:13px;margin-left:12px}
.language-switch{appearance:auto;color:#e9f6fc;background:#182a39;border:1px solid #415a6b;border-radius:9px;padding:10px 12px;font-size:12px;font-weight:700;cursor:pointer;max-width:142px}
.language-switch:focus-visible,.primary-button:focus-visible,a:focus-visible,button:focus-visible{outline:2px solid #8beaff;outline-offset:3px}
.hero h1 .hero-line{color:#f2f6fb}.hero h1 .hero-accent{color:#75e4f6}.home-page{min-height:100vh}
.homepage{padding-bottom:38px;min-height:560px}.feature-strip span{display:block;line-height:1.55}.visual-footer span{font-size:9px}
.content-section{padding:38px 0 28px}.section-heading{max-width:740px;margin-bottom:26px}.section-heading h2{font-size:clamp(26px,3.5vw,39px);margin:0 0 10px;letter-spacing:-.055em}.section-heading p{color:#9db3c4;line-height:1.7;font-size:15px}
.content-section .info-section{margin:0}.info-card h3{font-size:17px;margin:15px 0 10px}.info-card{background:linear-gradient(150deg,#142331,#101925)}
.benefits-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}.benefit-card{border:1px solid var(--stroke);border-radius:15px;background:#101c2a;padding:24px}.benefit-card h3{margin:0 0 14px;font-size:16px}.benefit-card p{margin:0;color:var(--muted);line-height:1.85;font-size:13px}
.faq-section{padding-bottom:70px}.faq-items{border:1px solid var(--stroke);border-radius:17px;overflow:hidden}.faq-items details{background:#132131;border-bottom:1px solid var(--stroke);padding:2px 22px}.faq-items details:last-child{border:0}.faq-items summary{cursor:pointer;padding:19px 0;font-size:15px;font-weight:750}.faq-items summary::marker{color:var(--cyan)}.faq-items p{max-width:900px;color:#aebecf;line-height:1.85;font-size:14px;margin:0 0 20px}.text-cta{display:inline-block;margin-top:20px;color:#8ceafa;font-size:14px;text-decoration:none;font-weight:700}.text-cta:hover{text-decoration:underline}
.site-footer{display:flex;justify-content:space-between;gap:30px;padding:40px 0 52px}.site-footer>div{max-width:540px}.footer-brand{font-weight:900;letter-spacing:.02em;color:#f4f9fb;font-size:15px}.footer-brand span{color:#7ce7f6}.site-footer p{margin:13px 0 7px;color:#91a9bc;line-height:1.8;font-size:12px}.site-footer small{color:#70899d}.footer-links{display:flex;align-items:flex-start;justify-content:flex-end;gap:15px;flex-wrap:wrap;max-width:480px}.footer-links a{color:#91a9bd;text-decoration:none;font-size:12px;font-weight:650}
.article-page{padding:64px 0 90px}.article-page>h1{font-size:clamp(35px,5vw,61px);letter-spacing:-.065em;margin:20px 0 12px}.article-lead{font-size:17px;color:#a8bfd0;line-height:1.75;max-width:840px;margin:0 0 47px}.article-layout{display:grid;grid-template-columns:minmax(0,2.3fr) minmax(230px,1fr);gap:28px;align-items:start}.article-body{display:grid;gap:14px}.article-body section{border:1px solid var(--stroke);background:#111c29;border-radius:16px;padding:27px 30px}.article-body h2{margin:0 0 15px;font-size:20px;letter-spacing:-.035em}.article-body p{margin:0;color:#b6c4d4;font-size:14px;line-height:1.95}.article-aside{position:sticky;top:20px;border:1px solid #2b4659;border-radius:16px;background:linear-gradient(155deg,#1b3143,#121e2c);padding:24px}.article-aside>span{font-size:11px;font-weight:800;letter-spacing:.16em;color:#9bcbdc}.article-aside>div{color:#73e7f9;font-family:Consolas,monospace;font-size:clamp(22px,2.8vw,32px);margin:27px 0}.article-aside .dim{opacity:.55}.article-aside p{color:#a2b8c7;font-size:12px;line-height:1.8;margin:0 0 14px}
.control-layout{padding-top:44px;padding-bottom:35px}.page-heading p{line-height:1.7;max-width:560px}.control-layout .language-switch{max-width:140px}.header-pill{gap:7px}.state-badge{font-size:10px}.demo-number{white-space:nowrap}
/* No ad script or ad placement is loaded within control / overlay views. */
@media(max-width:940px){.top-nav{gap:13px}.brand{font-size:17px}.top-nav a{font-size:12px}.article-layout{grid-template-columns:1fr}.article-aside{position:static}.benefits-grid{grid-template-columns:1fr 1fr}.site-footer{flex-direction:column}.footer-links{justify-content:flex-start}}
@media(max-width:670px){.nav-header{flex-wrap:wrap;padding:12px 0 15px;gap:11px}.top-nav{order:3;width:100%;justify-content:flex-start;gap:25px}.nav-right{margin-left:auto}.hero h1{font-size:clamp(38px,11vw,52px)}.site-header{min-height:83px}.hero-visual{padding:17px}.visual-footer{flex-wrap:wrap}.info-section,.benefits-grid{grid-template-columns:1fr}.content-section{padding-top:20px}.faq-section{padding-bottom:50px}.article-page{padding:39px 0 60px}.article-body section{padding:21px}.site-footer{padding-bottom:40px}.header-pill{font-size:10px}.control-layout{padding-top:25px}.control-layout .nav-right{margin:0}.top-nav a{font-size:12px}}
@media(max-width:360px){.brand{font-size:14px}.brand-icon{width:31px;height:31px}.language-switch{max-width:110px;padding:8px}.demo-number{font-size:31px}.big-time{font-size:31px}}
