:root { --bg:#0a0f1a; --panel:rgba(255,255,255,.05); --text:#f3f6fb; --muted:#a9b4c6; --line:rgba(255,255,255,.1); --accent:#90cdf4; --accent-strong:#d9ecff; --max:1120px; --shadow:0 24px 60px rgba(0,0,0,.28); }
*{box-sizing:border-box} html{scroll-behavior:smooth}
body{margin:0;font-family:"Inter",system-ui,sans-serif;color:var(--text);background:radial-gradient(circle at top right, rgba(144,205,244,.16), transparent 22%),radial-gradient(circle at top left, rgba(217,236,255,.08), transparent 26%),linear-gradient(180deg,#08101a 0%,#0a0f1a 100%)}
img{display:block;max-width:100%} a{color:inherit;text-decoration:none} p{margin:0;color:var(--muted);line-height:1.65} h1,h2{margin:0;line-height:1.04}
.container{width:min(var(--max),calc(100% - 2rem));margin:0 auto}
.site-header{position:sticky;top:0;z-index:10;backdrop-filter:blur(14px);background:rgba(10,15,26,.7);border-bottom:1px solid var(--line)}
.nav{min-height:74px;display:flex;align-items:center;justify-content:space-between;gap:1rem}
.brand{font-weight:800;letter-spacing:.05em;text-transform:uppercase}
.top-nav{display:flex;gap:1.1rem;align-items:center}
.top-nav a,.nav-link-button,.nav-disabled{color:var(--muted);font-size:.95rem}
.top-nav a:hover,.nav-link-button:hover,.share-btn:hover{color:var(--text)}
.nav-link-button{background:transparent;border:0;padding:0;cursor:pointer;font-family:inherit}
.nav-disabled{opacity:.5;cursor:not-allowed}
.share-btn{width:28px;height:28px;display:inline-flex;align-items:center;justify-content:center;background:transparent;border:0;color:var(--muted);cursor:pointer;padding:0;transition:transform 180ms ease,color 180ms ease}
.share-btn:hover{transform:translateY(-1px)} .share-btn svg{width:16px;height:16px;display:block}
.hero{padding:6rem 0 3.25rem}
.hero-grid{display:grid;grid-template-columns:1.2fr .8fr;gap:1.5rem;align-items:center}
.eyebrow,.section-label,.mini-label{display:inline-block;margin-bottom:.85rem;color:var(--accent);font-size:.78rem;font-weight:700;text-transform:uppercase;letter-spacing:.1em}
h1{font-size:clamp(2.4rem,5.8vw,5rem);max-width:11ch}
.hero-text{margin-top:1.2rem;max-width:36rem;font-size:1.03rem}
.hero-actions{display:flex;flex-wrap:wrap;gap:.85rem;margin-top:1.6rem}
.btn{min-height:48px;padding:0 1.05rem;display:inline-flex;align-items:center;justify-content:center;border-radius:999px;border:1px solid transparent;font-weight:700;transition:transform 180ms ease,border-color 180ms ease,background 180ms ease}
.btn:hover{transform:translateY(-1px)}
.btn-primary{background:linear-gradient(135deg,var(--accent-strong) 0%,var(--accent) 100%);color:#09111c;box-shadow:var(--shadow)}
.btn-secondary{border-color:var(--line);background:rgba(255,255,255,.02);color:var(--text)}
.hero-card,.contact-block,.metrics div{background:var(--panel);border:1px solid var(--line);box-shadow:var(--shadow)}
.hero-card{border-radius:26px;padding:1.1rem}
.avatar{width:100%;max-width:240px;margin:0 auto .9rem;border-radius:20px;border:1px solid var(--line)}
.hero-card-copy ul{list-style:none;margin:0;padding:0}
.hero-card-copy li{color:var(--text);padding:.65rem 0;border-top:1px solid var(--line)}
.section{padding:3.5rem 0}
.section-soft{border-top:1px solid var(--line);border-bottom:1px solid var(--line);background:rgba(255,255,255,.02)}
.compact-grid{display:grid;grid-template-columns:1fr 1fr;gap:1.7rem;align-items:start}
h2{font-size:clamp(1.8rem,3.5vw,3rem);max-width:12ch}
.lines{display:grid;gap:.9rem}
.lines p{display:grid;grid-template-columns:10.5rem 1fr;gap:.9rem;padding-bottom:.9rem;border-bottom:1px solid var(--line)}
.lines strong{color:var(--text)}
.metrics{display:grid;grid-template-columns:repeat(3,1fr);gap:.9rem}
.metrics div{border-radius:20px;padding:1.2rem}
.metrics span{display:block;font-size:1.15rem;font-weight:800;margin-bottom:.25rem;color:var(--text)}
.contact-premium{border-radius:28px;padding:1.6rem;display:grid;gap:1rem}
.contact-text{margin-top:.55rem;max-width:34rem}
.callback-form{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.85rem}
.callback-form textarea{grid-column:1 / -1;min-height:110px;resize:vertical}
.callback-form input,.callback-form textarea{width:100%;background:rgba(255,255,255,.02);border:1px solid var(--line);border-radius:14px;padding:.95rem 1rem;color:var(--text);outline:none}
.callback-form input::placeholder,.callback-form textarea::placeholder{color:var(--muted)}
.callback-form input:focus,.callback-form textarea:focus{border-color:rgba(144,205,244,.8)}
.form-submit{width:fit-content}.form-note{align-self:center;font-size:.9rem}
.email-inline{display:flex;align-items:center;gap:.5rem}.email-icon{color:var(--muted);font-size:.95rem}.contact-link{font-size:1.05rem;color:var(--text)}.subtle-link{color:var(--muted);font-size:.96rem}
.site-footer{padding-bottom:2rem}
.logo-wall{overflow:hidden;border-top:1px solid var(--line);border-bottom:1px solid var(--line);background:rgba(255,255,255,.02);padding:.9rem 0}
.logo-wall-track{display:inline-flex;align-items:center;gap:1.7rem;min-width:max-content;animation:marquee 42s linear infinite;color:var(--muted);font-size:.88rem;white-space:nowrap}
.footer-row{padding-top:1.15rem;display:flex;justify-content:space-between;align-items:center;gap:1rem}.footer-row p{color:var(--muted)}
@keyframes marquee{from{transform:translateX(0)}to{transform:translateX(-50%)}}
@media (max-width:900px){.hero-grid,.compact-grid,.metrics,.callback-form{grid-template-columns:1fr}.lines p{grid-template-columns:1fr;gap:.35rem}}
@media (max-width:680px){.nav{align-items:flex-start;flex-direction:column;padding:1rem 0}.top-nav{flex-wrap:wrap;gap:.85rem}.hero{padding-top:4.5rem}}