
:root{
 --bg:#05070b; --panel:#0b1018; --panel2:#101722; --blue:#1597ff;
 --blue2:#0b6fe8; --text:#f5f7fb; --muted:#a9b1bf; --line:#202a38;
 --max:1180px; --radius:22px;
}
*{box-sizing:border-box} html{scroll-behavior:smooth}
body{margin:0;background:radial-gradient(circle at 80% 0%,#0d1c32 0,#05070b 35%);color:var(--text);font-family:Inter,Arial,sans-serif;line-height:1.6}
a{color:inherit;text-decoration:none}.container{width:min(92%,var(--max));margin:auto}
header{position:sticky;top:0;z-index:20;background:rgba(5,7,11,.88);backdrop-filter:blur(14px);border-bottom:1px solid rgba(255,255,255,.07)}
.nav{height:76px;display:flex;align-items:center;justify-content:space-between;gap:24px}
.brand{display:flex;align-items:center;gap:12px;font-weight:900;letter-spacing:.08em}.brand-mark{width:42px;height:42px;border:2px solid var(--blue);border-radius:14px;display:grid;place-items:center;color:var(--blue);font-size:19px}.brand small{display:block;color:var(--muted);font-size:9px;letter-spacing:.18em}.brand strong{font-size:16px}.brand strong span{color:var(--blue)}
nav{display:flex;gap:22px;font-size:13px;color:#dce2eb}nav a:hover,nav a.active{color:var(--blue)}
.btn{display:inline-flex;align-items:center;justify-content:center;gap:9px;padding:13px 20px;border-radius:999px;font-weight:800;font-size:13px;border:1px solid transparent;cursor:pointer}
.btn-primary{background:linear-gradient(135deg,var(--blue),var(--blue2));color:white;box-shadow:0 10px 30px rgba(21,151,255,.2)}.btn-outline{border-color:#687385;color:white;background:transparent}.btn:hover{transform:translateY(-1px)}
.hero{min-height:650px;display:flex;align-items:center;position:relative;overflow:hidden}.hero:after{content:"";position:absolute;right:-15%;top:-20%;width:65%;height:110%;background:radial-gradient(circle,#123e70 0,transparent 65%);opacity:.35}
.hero-content{position:relative;z-index:2;width:55%;padding:90px 0}.eyebrow{text-transform:uppercase;letter-spacing:.32em;color:var(--blue);font-size:12px;font-weight:800}.hero h1{font-size:clamp(42px,6vw,78px);line-height:.95;margin:15px 0}.hero h1 span{color:var(--blue)}.hero p{color:var(--muted);max-width:570px;font-size:18px}.hero-photo{position:absolute;right:-5%;bottom:0;width:58%;height:100%;display:flex;align-items:end;justify-content:center;background:radial-gradient(ellipse at center bottom,rgba(21,151,255,.18),transparent 60%)}.photo-placeholder{width:80%;height:80%;border-radius:50% 50% 18px 18px;background:linear-gradient(145deg,#172231,#080b10);border:1px solid #263447;display:grid;place-items:center;color:#738198;font-size:14px;text-align:center;padding:30px}
.actions{display:flex;gap:12px;flex-wrap:wrap;margin-top:28px}
.trust{border-top:1px solid var(--line);border-bottom:1px solid var(--line);padding:22px 0}.trust-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:20px}.trust-item{display:flex;gap:12px;align-items:center;color:#dce2eb;font-size:13px}.icon{width:40px;height:40px;border:1px solid #2a394c;border-radius:12px;display:grid;place-items:center;color:var(--blue)}
section{padding:90px 0}.section-head{text-align:center;margin-bottom:38px}.section-head .eyebrow{margin-bottom:8px}.section-head h2{font-size:clamp(30px,4vw,48px);margin:0}.section-head h2 span{color:var(--blue)}.section-head p{color:var(--muted);max-width:650px;margin:10px auto}
.about{display:grid;grid-template-columns:1fr 1fr;gap:50px;align-items:center}.image-box{min-height:420px;border-radius:var(--radius);background:linear-gradient(145deg,#152235,#080b10);border:1px solid #263447;display:grid;place-items:center;color:#738198;padding:30px;text-align:center}.about h2{font-size:42px;line-height:1.05;margin:10px 0}.about h2 span{color:var(--blue)}
.cards{display:grid;grid-template-columns:repeat(4,1fr);gap:18px}.card{background:linear-gradient(180deg,#111a26,#090d13);border:1px solid var(--line);border-radius:18px;overflow:hidden}.card-img{height:280px;background:linear-gradient(145deg,#1a293b,#080b10);display:grid;place-items:center;color:#6f7d91}.card-body{padding:18px}.card h3{margin:0;font-size:20px}.meta{color:var(--muted);font-size:13px}.availability{color:#5ee68a;font-size:12px;font-weight:800;text-transform:uppercase}
.feature{display:grid;grid-template-columns:1.15fr .85fr;align-items:stretch}.feature .image-box{border-radius:22px 0 0 22px}.feature-copy{background:#0d141e;border:1px solid var(--line);padding:55px;border-radius:0 22px 22px 0}.feature-copy h2{font-size:42px;line-height:1.05}.feature-copy span{color:var(--blue)}
.testimonial{background:#0c131d;border:1px solid var(--line);border-radius:24px;padding:34px;max-width:820px;margin:auto;text-align:center}.stars{color:#ffd44d;letter-spacing:3px}.testimonial p{font-size:20px}.testimonial small{color:var(--muted)}
.contact{background:linear-gradient(135deg,#0b1d31,#07101a);border:1px solid #173554;border-radius:28px;padding:55px;text-align:center}.contact h2{font-size:42px;margin:0 0 10px}.contact p{color:var(--muted)}
footer{border-top:1px solid var(--line);padding:50px 0 25px}.footer-grid{display:grid;grid-template-columns:1.5fr 1fr 1fr;gap:35px}.footer-grid h4{margin-top:0}.footer-grid p,.footer-grid a{color:var(--muted);font-size:14px;display:block;margin:6px 0}.copyright{border-top:1px solid var(--line);margin-top:35px;padding-top:20px;color:#687385;font-size:12px;display:flex;justify-content:space-between}
.page-hero{padding:90px 0 55px;background:linear-gradient(180deg,#0a1421,transparent)}.page-hero h1{font-size:52px;margin:8px 0}.page-hero p{color:var(--muted);max-width:700px}
.form{display:grid;gap:14px;max-width:720px;margin:auto}.form input,.form textarea,.form select{width:100%;background:#090e15;border:1px solid #263447;color:white;padding:14px 16px;border-radius:12px;font:inherit}.form textarea{min-height:150px}
.mobile-toggle{display:none;background:none;border:1px solid var(--line);color:white;padding:8px 12px;border-radius:10px}
@media(max-width:900px){nav{display:none}.mobile-toggle{display:block}.hero{min-height:auto}.hero-content{width:100%;padding:75px 0 40px}.hero-photo{position:relative;right:auto;width:100%;height:330px}.hero{display:block}.trust-grid{grid-template-columns:repeat(2,1fr)}.about,.feature{grid-template-columns:1fr}.feature .image-box{border-radius:22px 22px 0 0}.feature-copy{border-radius:0 0 22px 22px}.cards{grid-template-columns:repeat(2,1fr)}.footer-grid{grid-template-columns:1fr 1fr}}
@media(max-width:560px){.nav{height:68px}.brand strong{font-size:13px}.brand-mark{width:36px;height:36px}.hero h1{font-size:47px}.hero p{font-size:16px}.trust-grid,.cards,.footer-grid{grid-template-columns:1fr}.actions .btn{width:100%}section{padding:65px 0}.about h2,.feature-copy h2,.contact h2{font-size:32px}.copyright{display:block}.copyright span{display:block;margin-top:8px}}
