:root{
--navy:#071B3A;
--gold:#C8A45D;
--bg:#FAF8F3;
--glass:rgba(255,255,255,.68);
--text:#17243d;
}
*{box-sizing:border-box}
body{
margin:0;
font-family:Inter,Arial,sans-serif;
background:#f7fbfd;
color:var(--text);
overflow-x:hidden;
position:relative;
}
body::before{
content:"";
position:fixed;
inset:-20%;
z-index:-2;
background:
radial-gradient(circle at 15% 20%, rgba(124,183,220,.42), transparent 32%),
radial-gradient(circle at 85% 15%, rgba(255,255,255,.95), transparent 34%),
radial-gradient(circle at 65% 85%, rgba(200,164,93,.16), transparent 30%),
linear-gradient(135deg,#f8fcff,#eaf4f8,#ffffff,#eef6f8);
background-size:140% 140%;
animation:casavelGradient 24s ease-in-out infinite;
}
body::after{
content:"";
position:fixed;
inset:0;
z-index:-1;
background:linear-gradient(120deg,rgba(7,27,58,.03),transparent 35%,rgba(200,164,93,.04));
pointer-events:none;
}
@keyframes casavelGradient{
0%{background-position:0% 50%}
50%{background-position:100% 50%}
100%{background-position:0% 50%}
}
h1,h2{font-family:Georgia,serif;color:var(--navy);line-height:1.05}
h1{font-size:clamp(42px,6vw,78px)}
h2{font-size:clamp(32px,4vw,52px)}
p{line-height:1.7}
.container{width:min(1180px,90%);margin:auto}
.nav{position:sticky;top:20px;z-index:10;width:min(1180px,90%);margin:20px auto;background:var(--glass);backdrop-filter:blur(20px);border-radius:30px;padding:18px 28px;display:flex;align-items:center;justify-content:space-between;box-shadow:0 20px 60px #071b3a14}
.logo{font-weight:800;letter-spacing:5px;color:var(--navy)}
.logo span{display:block;font-size:10px;letter-spacing:4px;color:var(--gold)}
nav a{margin:0 12px;color:var(--text);text-decoration:none}
.btn{background:var(--navy);color:white;padding:14px 26px;border-radius:999px;text-decoration:none;display:inline-block}
.secondary{background:white;color:var(--navy);border:1px solid #ddd}
.hero{display:grid;grid-template-columns:1fr 1fr;gap:40px;align-items:center;padding:80px 0}
.eyebrow{color:var(--gold);letter-spacing:2px;font-size:13px;font-weight:bold}
.actions{display:flex;gap:15px;margin:30px 0}
.glass{background:var(--glass);backdrop-filter:blur(18px);border:1px solid rgba(255,255,255,.7);border-radius:28px;box-shadow:0 20px 50px rgba(7,27,58,.08)}
.mini-grid{display:flex;gap:12px;flex-wrap:wrap}
.mini-grid div{padding:15px}
.hero-card{height:550px;position:relative}
.image-placeholder{height:100%;border-radius:40px;background:linear-gradient(135deg,#dceaf0,#fff);display:flex;align-items:center;justify-content:center;text-align:center;color:var(--navy)}
.float-card{position:absolute;bottom:40px;left:-30px;padding:25px}
.mission,.lux{display:grid;grid-template-columns:1fr 1fr;gap:40px;margin:90px auto}
.checklist{padding:35px}
.center{text-align:center}
.cards,.features,.network-grid{display:grid;gap:24px}
.cards{grid-template-columns:repeat(3,1fr);margin:50px 0}
.card{padding:35px;transition:.4s}
.card:hover,.features .glass:hover{transform:translateY(-8px)}
.network-grid{grid-template-columns:repeat(3,1fr);margin:40px 0}
.network-grid div,.features div{padding:30px;text-align:center}
.features{grid-template-columns:repeat(3,1fr);margin:40px 0}
.cta{padding:60px;text-align:center;margin:80px auto}
footer{background:var(--navy);color:white;padding:50px;text-align:center}
.ambient{position:fixed;border-radius:50%;filter:blur(80px);opacity:.2;z-index:-1}
.ambient-one{width:400px;height:400px;background:#c8a45d;top:0;left:0}
.ambient-two{width:500px;height:500px;background:#a8d8e8;right:0;bottom:0}
.line-pattern{position:fixed;inset:0;background-image:linear-gradient(120deg,transparent 49%,#c8a45d22 50%,transparent 51%);background-size:300px 300px;animation:move 30s linear infinite;z-index:-1}
@keyframes move{to{background-position:300px 300px}}
.reveal{animation:up .8s ease both}
@keyframes up{from{opacity:0;transform:translateY(30px)}to{opacity:1;transform:none}}
@media(max-width:800px){nav{display:none}.hero,.mission,.lux{grid-template-columns:1fr}.cards,.features,.network-grid{grid-template-columns:1fr}.hero-card{height:380px}}

.ambient,.line-pattern{
display:none;
}