:root{--bg:#0b0f14;--panel:#161b22;--panel2:#1a1f29;--border:#2b3440;--text:#faf9fa;--muted:#b7c0cc;--blue:#009ff7;--cyan:#01c8fb;--royal:#0074f2;--gradient:linear-gradient(90deg,#01c8fb,#009ff7 48%,#0074f2);color-scheme:dark}
*{box-sizing:border-box}
html{scroll-behavior:smooth;scroll-padding-top:100px}
body{margin:0;background:var(--bg);color:var(--text);font:16px/1.65 system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif}
img{max-width:100%;height:auto}
a{color:inherit;text-decoration:none}
button,input,select,textarea{font:inherit}
button,a,input,select,textarea{outline-offset:3px}
button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible{outline:3px solid var(--cyan)}
.wrap{width:min(1180px,calc(100% - 2.5rem));margin-inline:auto}
.skip{position:absolute;z-index:1000;left:-9999px;top:10px;background:#fff;color:#000;padding:8px}
.skip:focus{left:10px}
.topbar{position:sticky;top:0;z-index:100;background:rgba(11,15,20,.96);border-bottom:1px solid var(--border);backdrop-filter:blur(12px)}
.navigation{min-height:94px;display:flex;justify-content:space-between;align-items:center;gap:24px}
.brand{display:flex;align-items:center;gap:13px;min-width:0}
.brand img{width:74px;height:74px;object-fit:contain;border-radius:50%}
.brand b{display:block;line-height:1.3;font-size:1.05rem}
.brand small{display:block;color:var(--muted);font-size:.77rem}
nav{display:flex;align-items:center;gap:22px;font-size:.88rem;font-weight:650}
nav>a:not(.button){color:#cad5e1}
nav>a:hover{color:var(--cyan)}
.menu{display:none;color:white;background:#172330;border:1px solid var(--border);border-radius:10px;padding:9px 14px}
.button{display:inline-flex;align-items:center;justify-content:center;border:1px solid transparent;background:var(--gradient);border-radius:100px;padding:13px 23px;min-height:47px;color:#04131e;font-weight:800;cursor:pointer;box-shadow:0 12px 35px rgba(0,116,242,.18);text-align:center}
.button:hover{filter:brightness(1.08)}
.button.small{padding:9px 17px;min-height:40px;font-size:.82rem}
.button.outline{background:transparent;color:var(--cyan);border-color:#1785b6;box-shadow:none}
.hero{background:radial-gradient(ellipse at 85% 5%,rgba(0,159,247,.17),transparent 45%);padding:86px 0 90px}
.hero-grid{display:grid;grid-template-columns:minmax(0,1.15fr) minmax(300px,.85fr);align-items:center;gap:54px}
.eyebrow{font-size:.79rem;letter-spacing:.13em;text-transform:uppercase;color:var(--cyan);font-weight:800;margin:0 0 18px}
h1,h2,h3{line-height:1.13;margin:0 0 20px;letter-spacing:-.035em}
h1{font-size:clamp(2.65rem,5vw,4.8rem);max-width:13ch}
h2{font-size:clamp(1.95rem,3.8vw,3.3rem);max-width:780px}
h3{font-size:1.3rem}
p{color:var(--muted);margin:0 0 20px}
.lead{font-size:1.08rem;max-width:630px}
.checklist{margin:22px 0 30px;padding:0;list-style:none}
.checklist li{margin:8px 0;padding-left:26px;position:relative}
.checklist li:before{content:"✓";color:var(--cyan);font-weight:900;position:absolute;left:0}
.actions{display:flex;flex-wrap:wrap;gap:14px}
.panel{border:1px solid var(--border);border-radius:22px;background:linear-gradient(160deg,#1a202c,#111720);padding:28px;box-shadow:0 16px 40px rgba(0,0,0,.12)}
.hero-visual{padding:22px;text-align:center}
.hero-logo{display:block;max-width:240px;max-height:240px;width:100%;margin:0 auto}
.hero-visual-foot{display:flex;justify-content:center;flex-wrap:wrap;gap:10px}
.chip{display:inline-block;color:#91e7ff;background:rgba(1,200,251,.11);border:1px solid rgba(1,200,251,.23);border-radius:40px;font-size:.75rem;font-weight:750;padding:5px 11px;margin:0 0 18px}
.hero-visual-foot .chip{margin:0}
.section{padding:92px 0}
.tinted{background:#111820;border-block:1px solid rgba(255,255,255,.035)}
.section-intro{max-width:720px;font-size:1.04rem;margin:0 0 35px}
.cards{display:grid;gap:22px;margin-top:34px}
.two{grid-template-columns:repeat(2,minmax(0,1fr))}
.three{grid-template-columns:repeat(3,minmax(0,1fr))}
.cards .panel{display:flex;flex-direction:column}
.cards .panel>p{flex:0 0 auto}
.cards ul{padding-left:20px;color:var(--muted);margin:0 0 20px}
.cards li{margin:5px 0}
.text-link{display:inline-block;margin-top:auto;color:var(--cyan);font-weight:750}
.notice{background:rgba(1,200,251,.075);border-left:3px solid var(--cyan);border-radius:8px;color:#d7eaf4;padding:15px 18px;margin-top:30px}
.center-cta{text-align:center;margin:30px 0 0}
.price-line{display:flex;align-items:start;justify-content:space-between;gap:20px;padding:15px 0;border-bottom:1px solid var(--border)}
.price-line strong{color:#fff;white-space:nowrap;font-size:1.13rem}
.fine{font-size:.86rem;margin:20px 0 0}
.about{display:grid;grid-template-columns:1fr 1fr;gap:50px}
.contact-grid{display:grid;grid-template-columns:.85fr 1.15fr;gap:54px;align-items:start}
.dev-notice{margin-top:24px}
label{display:block;font-weight:680;font-size:.87rem;margin-bottom:18px;color:#e8f0f7}
input:not([type=checkbox]),select,textarea{display:block;width:100%;margin-top:7px;padding:12px 14px;border-radius:11px;border:1px solid #445064;background:#0b1118;color:var(--text);min-height:47px}
textarea{resize:vertical}
input::placeholder,textarea::placeholder{color:#99a8b8}
.form-grid{display:grid;grid-template-columns:1fr 1fr;column-gap:18px}
.consent{display:flex;align-items:flex-start;gap:12px;line-height:1.5;font-weight:500}
.consent input{width:20px;height:20px;flex-shrink:0;margin-top:2px;accent-color:var(--blue)}
.form-feedback{min-height:22px;font-size:.88rem;margin:16px 0 0}
.footer{border-top:1px solid var(--border);padding:22px 0;background:#070b10}
.footer .wrap{display:flex;justify-content:space-between;gap:26px}
.footer p{font-size:.85rem;margin:0}
@media(max-width:1024px){
 .hero-grid{gap:25px}
 nav{gap:12px;font-size:.81rem}
 .brand small{display:none}
 .three{grid-template-columns:repeat(2,minmax(0,1fr))}
}
@media(max-width:780px){
 .navigation{min-height:75px}
 .brand img{height:58px;width:58px}
 .brand b{font-size:.9rem}
 .menu{display:block}
 nav{display:none;position:absolute;left:0;right:0;top:75px;background:#101923;padding:18px 1.25rem 25px;border-bottom:1px solid var(--border);flex-direction:column;align-items:stretch;gap:15px}
 nav.open{display:flex}
 nav a{padding:7px}
 .hero{padding:65px 0}
 .hero-grid,.about,.contact-grid{grid-template-columns:1fr}
 .hero-visual{max-width:520px;width:100%;margin:auto}
 .section{padding:66px 0}
 .three,.two{grid-template-columns:1fr}
 .form-grid{grid-template-columns:1fr}
 .footer .wrap{display:block}
 .footer p+p{margin-top:10px}
}
@media(max-width:500px){
 .wrap{width:min(100% - 1.6rem,1180px)}
 .panel{padding:22px}
 h1{font-size:2.5rem}
 .actions{display:grid;grid-template-columns:1fr}
 .price-line{display:block}
 .price-line strong{display:block;margin-top:5px}
}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*{transition:none!important;animation:none!important}}

/* Friendly privacy promise: no consent cookies, tracking, or local storage. */
.privacy-banner{position:fixed;z-index:125;left:50%;bottom:max(16px,env(safe-area-inset-bottom));transform:translateX(-50%);width:min(840px,calc(100% - 32px));display:flex;align-items:center;gap:17px;padding:18px 20px;background:#142233;border:1px solid #267daa;border-radius:17px;box-shadow:0 18px 50px rgba(0,0,0,.55);color:#f4faff}
.privacy-banner[hidden]{display:none}
.privacy-cookie{font-size:2rem;line-height:1;flex:0 0 auto}
.privacy-copy{flex:1;min-width:0}
.privacy-copy strong{display:block;font-size:1.02rem;color:#fff;line-height:1.35}
.privacy-copy p{font-size:.86rem;line-height:1.45;margin:4px 0}
.privacy-copy small{display:block;color:#99dfff;font-size:.78rem;line-height:1.4}
.privacy-dismiss{flex:0 0 auto;min-height:40px;border:1px solid #46baff;border-radius:999px;background:#009ff7;color:#06121e;font-weight:750;padding:8px 16px;cursor:pointer}
.privacy-dismiss:hover{filter:brightness(1.1)}
.privacy-dismiss:focus-visible{outline:3px solid var(--cyan);outline-offset:3px}
@media(max-width:600px){
 .privacy-banner{align-items:flex-start;gap:11px;padding:14px}
 .privacy-cookie{font-size:1.4rem}
 .privacy-copy strong{font-size:.94rem}
 .privacy-copy p{font-size:.78rem}
 .privacy-copy small{font-size:.72rem}
 .privacy-dismiss{padding:7px 10px;min-height:36px;font-size:.78rem}
}