:root{
 --bg:#050c14;
 --bg-soft:#07131f;
 --panel:#091826;
 --panel2:#0b1c2c;
 --white:#f4f7fb;
 --text:#b3c1d0;
 --muted:#75899e;
 --cyan:#36c6da;
 --blue:#1689f8;
 --gold:#e6a83f;
 --line:rgba(184,210,235,.09);
 --max:1180px;
}

*{box-sizing:border-box;margin:0;padding:0}
html{scroll-behavior:smooth}

body{
 font-family:"Segoe UI Variable Text","Segoe UI",Inter,Arial,sans-serif;
 background:
  radial-gradient(circle at 78% -5%,rgba(22,137,248,.10),transparent 29%),
  var(--bg);
 color:var(--white);
 line-height:1.7;
 -webkit-font-smoothing:antialiased;
}

a{color:inherit;text-decoration:none}
img{max-width:100%}
button,input,textarea,select{font:inherit}

.container{
 width:min(var(--max),92%);
 margin:auto;
}

.nav-wrap{
 position:sticky;
 top:0;
 z-index:1000;
 background:rgba(5,12,20,.88);
 backdrop-filter:blur(18px);
 border-bottom:1px solid var(--line);
}

.nav{
 min-height:84px;
 display:flex;
 align-items:center;
 justify-content:space-between;
 gap:30px;
}

.brand img{width:225px;display:block}

.nav-links{
 display:flex;
 align-items:center;
 gap:29px;
 color:#91a5b9;
 font-size:13px;
 font-weight:550;
}

.nav-links a:not(.nav-action):hover{color:#fff}

.nav-action{
 padding:11px 18px;
 border:1px solid rgba(54,198,218,.24);
 border-radius:9px;
 background:rgba(54,198,218,.035);
 color:#edfaff;
}

.menu-button{
 display:none;
 width:42px;height:42px;
 border:1px solid var(--line);
 border-radius:9px;
 background:#081521;
 color:white;
 cursor:pointer;
}

.hero{
 min-height:680px;
 display:grid;
 grid-template-columns:1.08fr .92fr;
 align-items:center;
 gap:70px;
}

.eyebrow{
 color:#55c1d3;
 text-transform:uppercase;
 letter-spacing:2.5px;
 font-weight:650;
 font-size:11px;
}

.hero h1,.page-hero h1{
 font-family:"Segoe UI Variable Display","Segoe UI",Arial,sans-serif;
 font-weight:620;
 letter-spacing:-3.8px;
 line-height:1.02;
}

.hero h1{
 font-size:clamp(51px,6vw,81px);
 margin:18px 0 25px;
}

.gradient{
 background:linear-gradient(105deg,#e8ae49 0%,#e8ae49 14%,#40c4d9 52%,#2389f4 100%);
 background-clip:text;
 -webkit-background-clip:text;
 color:transparent;
}

.hero-copy{
 max-width:630px;
 color:#aab9c8;
 font-size:16.5px;
 line-height:1.8;
}

.actions{
 display:flex;
 flex-wrap:wrap;
 gap:11px;
 margin-top:31px;
}

.btn{
 display:inline-flex;
 align-items:center;
 justify-content:center;
 min-height:48px;
 padding:0 22px;
 border-radius:9px;
 border:1px solid transparent;
 cursor:pointer;
 font-size:13px;
 font-weight:650;
 transition:.2s;
}

.btn:hover{transform:translateY(-2px)}
.btn-primary{background:#e3a53d;color:#101822}
.btn-primary:hover{background:#ecb550}
.btn-secondary{
 border-color:rgba(185,213,236,.16);
 background:rgba(255,255,255,.018);
 color:#dde7ef;
}

.hero-visual{
 min-height:470px;
 display:grid;
 place-items:center;
 position:relative;
}

.orbit-shell{
 width:390px;height:390px;
 position:relative;
 display:grid;
 place-items:center;
}

.orbit,.orbit2{
 position:absolute;
 border-radius:50%;
 border:1px solid rgba(54,198,218,.12);
 animation:spin 28s linear infinite;
}
.orbit{inset:0}
.orbit2{
 inset:62px;
 border-color:rgba(230,168,63,.13);
 animation-direction:reverse;
 animation-duration:21s;
}

.dot{
 position:absolute;
 width:10px;height:10px;
 border-radius:50%;
 background:var(--cyan);
 box-shadow:0 0 18px rgba(54,198,218,.7);
 top:-5px;left:50%;
}

.orbit2 .dot{
 background:var(--gold);
 box-shadow:0 0 18px rgba(230,168,63,.5);
}

.brand-core{
 width:177px;height:177px;
 padding:9px;
 border-radius:50%;
 background:radial-gradient(circle,rgba(24,110,175,.10),rgba(5,12,20,.95) 70%);
 box-shadow:0 0 75px rgba(22,137,248,.08);
 z-index:4;
}

.brand-core img{width:100%;height:100%;display:block}

.orbit-label{
 position:absolute;
 z-index:5;
 border:1px solid var(--line);
 background:rgba(7,19,31,.88);
 border-radius:8px;
 padding:8px 11px;
 color:#8399ad;
 text-transform:uppercase;
 letter-spacing:1.4px;
 font-size:9px;
}
.ol1{top:82px;right:-3px}
.ol2{bottom:77px;right:5px}
.ol3{bottom:72px;left:5px}

@keyframes spin{to{transform:rotate(360deg)}}

.section{
 padding:88px 0;
 border-top:1px solid rgba(255,255,255,.06);
}

.section-head{max-width:760px;margin-bottom:38px}

.section-head h2,
.page-section h2{
 font-family:"Segoe UI Variable Display","Segoe UI",Arial,sans-serif;
 font-size:clamp(31px,4vw,47px);
 line-height:1.1;
 letter-spacing:-2.2px;
 font-weight:620;
 margin:11px 0 13px;
}

.section-head p,.lead{
 color:#8fa2b5;
 max-width:730px;
}

.grid-3{
 display:grid;
 grid-template-columns:repeat(3,1fr);
 gap:15px;
}

.grid-4{
 display:grid;
 grid-template-columns:repeat(4,1fr);
 gap:15px;
}

.card{
 padding:28px;
 border:1px solid var(--line);
 border-radius:14px;
 background:linear-gradient(145deg,rgba(255,255,255,.024),rgba(255,255,255,.006));
}

.card-label{
 color:#4bbdd1;
 text-transform:uppercase;
 letter-spacing:2px;
 font-size:10px;
 font-weight:650;
}

.card h3{
 margin:23px 0 9px;
 font-size:18px;
 font-weight:620;
}

.card p{color:#7f94a9;font-size:13.5px}

.fact{
 padding:24px;
 border-top:1px solid rgba(54,198,218,.25);
 background:rgba(255,255,255,.012);
}

.fact small{
 color:#698096;
 display:block;
 text-transform:uppercase;
 letter-spacing:1.4px;
 font-size:9px;
 margin-bottom:8px;
}
.fact strong{font-size:16px;font-weight:600}

.product-feature{
 border:1px solid var(--line);
 border-radius:18px;
 padding:38px;
 background:
   radial-gradient(circle at 90% 0%,rgba(22,137,248,.08),transparent 34%),
   #081725;
}

.product-feature h3{
 font-size:32px;
 letter-spacing:-1.6px;
 font-weight:620;
 margin:12px 0;
}
.product-feature p{color:#95a7b8;max-width:690px}

.tags{
 display:flex;
 flex-wrap:wrap;
 gap:8px;
 margin-top:24px;
}
.tag{
 border:1px solid var(--line);
 border-radius:999px;
 padding:7px 11px;
 color:#8fa5b7;
 font-size:10px;
}

.pricing-grid{
 display:grid;
 grid-template-columns:repeat(3,1fr);
 gap:15px;
 margin-top:35px;
}

.price{
 border:1px solid var(--line);
 border-radius:15px;
 padding:31px;
 background:rgba(255,255,255,.014);
}

.price.featured{border-color:rgba(54,198,218,.26)}

.price-range{
 color:#4ebfd2;
 font-size:10px;
 font-weight:650;
 letter-spacing:1.7px;
 text-transform:uppercase;
}

.price-value{
 margin:16px 0 4px;
 font-size:36px;
 letter-spacing:-2px;
 font-weight:640;
}

.price small{color:#778ca0}

.notice{
 margin-top:20px;
 padding:19px 20px;
 border-left:2px solid var(--gold);
 background:rgba(230,168,63,.035);
 color:#99aabc;
 font-size:13px;
}

.steps{
 display:grid;
 grid-template-columns:repeat(5,1fr);
 gap:12px;
 counter-reset:step;
}

.step{
 border:1px solid var(--line);
 border-radius:13px;
 padding:23px;
 background:rgba(255,255,255,.012);
}

.step:before{
 counter-increment:step;
 content:"0" counter(step);
 display:block;
 color:#49bcd0;
 font-size:10px;
 letter-spacing:2px;
 margin-bottom:17px;
}
.step h3{font-size:15px;margin-bottom:7px}
.step p{color:#758b9f;font-size:12.5px}

.page-hero{
 padding:92px 0 70px;
 border-bottom:1px solid rgba(255,255,255,.06);
}
.page-hero h1{
 font-size:clamp(43px,5vw,67px);
 max-width:850px;
 margin:14px 0 20px;
}
.page-hero p{
 max-width:720px;
 color:#9aabba;
 font-size:16px;
}

.page-section{
 padding:75px 0;
 border-bottom:1px solid rgba(255,255,255,.055);
}

.business-grid{
 display:grid;
 grid-template-columns:repeat(2,1fr);
 gap:14px;
}

.business-card{
 border:1px solid var(--line);
 border-radius:13px;
 padding:25px;
 background:rgba(255,255,255,.012);
}
.business-card small{
 display:block;
 color:#607b91;
 letter-spacing:1.3px;
 text-transform:uppercase;
 font-size:9px;
 margin-bottom:8px;
}
.business-card strong{
 font-size:18px;
 font-weight:600;
}
.business-card p{
 color:#8498ab;
 margin-top:6px;
 font-size:13px;
}

.order-grid{
 display:grid;
 grid-template-columns:.8fr 1.2fr;
 gap:28px;
 align-items:start;
}

.panel{
 border:1px solid var(--line);
 border-radius:15px;
 padding:29px;
 background:rgba(255,255,255,.012);
}

.panel h2{font-size:24px;margin-bottom:18px}

.form-group{margin-bottom:15px}
.form-group label{
 display:block;
 color:#a4b4c2;
 font-size:11px;
 font-weight:600;
 margin-bottom:6px;
}

.form-group input,
.form-group textarea,
.form-group select{
 width:100%;
 background:#06121e;
 border:1px solid rgba(170,205,230,.12);
 color:#fff;
 border-radius:8px;
 padding:12px 13px;
 outline:none;
}

.form-group input:focus,
.form-group textarea:focus{
 border-color:rgba(54,198,218,.42);
}

.form-group textarea{min-height:105px;resize:vertical}

.consent{
 display:flex;
 gap:9px;
 align-items:flex-start;
 color:#7f94a8;
 font-size:11px;
 margin:18px 0;
}

.consent a{color:#5fc9da}

.error-message{
 display:none;
 margin-top:15px;
 padding:12px 14px;
 border:1px solid rgba(230,100,100,.22);
 background:rgba(230,100,100,.05);
 border-radius:8px;
 color:#e6a3a3;
 font-size:12px;
}

.policy{max-width:860px}
.policy-meta{
 border:1px solid var(--line);
 border-radius:12px;
 padding:16px 18px;
 color:#74899d;
 font-size:12px;
 margin-bottom:30px;
}

.policy h2{
 margin:34px 0 10px;
 font-size:23px;
 letter-spacing:-.8px;
}
.policy p,.policy li{color:#9bacbc;margin-bottom:10px}
.policy ul{padding-left:22px}

.status-box{
 max-width:760px;
 border:1px solid rgba(54,198,218,.18);
 border-radius:17px;
 padding:38px;
 background:
   radial-gradient(circle at 95% 0%,rgba(22,137,248,.08),transparent 38%),
   rgba(255,255,255,.012);
}

.status-label{
 display:inline-block;
 color:#4fc4d6;
 border:1px solid rgba(54,198,218,.2);
 padding:6px 10px;
 border-radius:999px;
 font-size:9px;
 letter-spacing:1.6px;
 text-transform:uppercase;
}

.order-ref{
 margin:20px 0 5px;
 font-family:ui-monospace,SFMono-Regular,Consolas,monospace;
 font-size:24px;
 color:#edf6fb;
}

footer{
 padding:52px 0 30px;
 border-top:1px solid rgba(255,255,255,.06);
 background:#040a11;
}

.footer-grid{
 display:grid;
 grid-template-columns:2fr 1fr 1fr;
 gap:45px;
}

.footer-brand img{width:210px;margin-bottom:17px}
.footer-brand p,.footer-col a,.footer-col p{
 display:block;
 color:#687d91;
 font-size:12px;
 margin:6px 0;
}
.footer-col h4{
 color:#c1ced9;
 margin-bottom:12px;
 font-size:12px;
}

.copyright{
 display:flex;
 justify-content:space-between;
 gap:20px;
 border-top:1px solid rgba(255,255,255,.055);
 margin-top:38px;
 padding-top:21px;
 color:#52697e;
 font-size:10px;
}

.hp-field{
 position:absolute!important;
 left:-99999px!important;
 opacity:0!important;
}

@media(max-width:950px){
 .hero{grid-template-columns:1fr;text-align:center;padding:65px 0}
 .hero-copy{margin:auto}
 .actions{justify-content:center}
 .grid-3,.grid-4,.pricing-grid{grid-template-columns:1fr 1fr}
 .steps{grid-template-columns:1fr 1fr}
 .order-grid{grid-template-columns:1fr}
}

@media(max-width:800px){
 .menu-button{display:block}
 .nav-links{
  display:none;
  position:absolute;
  top:84px;left:0;right:0;
  padding:23px 4%;
  flex-direction:column;
  align-items:flex-start;
  background:#050f19;
  border-bottom:1px solid var(--line);
 }
 .nav-links.open{display:flex}
}

@media(max-width:600px){
 .brand img{width:190px}
 .hero h1{font-size:47px;letter-spacing:-2.8px}
 .page-hero h1{letter-spacing:-2.2px}
 .hero-visual{min-height:360px}
 .orbit-shell{width:300px;height:300px}
 .brand-core{width:145px;height:145px}
 .orbit-label{display:none}
 .grid-3,.grid-4,.pricing-grid,.steps,.business-grid{grid-template-columns:1fr}
 .section,.page-section{padding:65px 0}
 .footer-grid{grid-template-columns:1fr}
 .copyright{display:block}
}