:root{--amber:#e8943a;--amber2:#f4b063;--teal:#1b6b6b;--tealL:#48b7ae;--ink:#eff4f2;--dim:rgba(239,244,242,.74);--dim2:rgba(239,244,242,.5)}
*{margin:0;padding:0;box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:84px}
body{font-family:'Nunito',system-ui,sans-serif;color:var(--ink);background:#070c0b;-webkit-font-smoothing:antialiased;overflow-x:hidden}
h1,h2,h3{font-weight:900;letter-spacing:-.7px;line-height:1.06}a{color:inherit;text-decoration:none}.amber{color:var(--amber)}
#bg{position:fixed;inset:0;z-index:-2;background:radial-gradient(60% 50% at 82% 6%,rgba(232,148,58,.15),transparent 60%),radial-gradient(74% 64% at 15% 22%,rgba(28,132,124,.30),transparent 62%),linear-gradient(180deg,#0a1a17,#070c0b 60%)}
.vig{position:fixed;inset:0;z-index:-1;pointer-events:none;box-shadow:inset 0 0 320px 90px rgba(0,0,0,.55)}
body.day{background:#eef1ec;color:#1a2422;--ink:#1a2422;--dim:rgba(26,36,34,.78);--dim2:rgba(26,36,34,.55)}
body.day #bg{background:radial-gradient(55% 45% at 80% 8%,rgba(232,148,58,.1),transparent 60%),radial-gradient(70% 60% at 18% 26%,rgba(30,120,114,.16),transparent 62%),linear-gradient(180deg,#e7ede9,#eef1ec 55%)}
body.day .vig{box-shadow:inset 0 0 320px 90px rgba(255,255,255,.35)}
header{position:fixed;top:0;left:0;right:0;z-index:9000;display:flex;align-items:center;justify-content:space-between;padding:15px 34px;background:rgba(7,12,11,.42);backdrop-filter:blur(14px);border-bottom:1px solid rgba(255,255,255,.05)}
body.day header{background:rgba(238,241,236,.6)}
header .logo{height:44px;display:block}header .logoicon{display:none}
header nav{display:flex;align-items:center;gap:22px}header nav a.nl{font-size:14px;color:var(--dim);font-weight:700}header nav a.nl:hover{color:var(--ink)}
.toggle{width:52px;height:28px;border-radius:999px;background:rgba(255,255,255,.12);border:1px solid rgba(255,255,255,.2);position:relative;cursor:pointer;flex:none}
.toggle:before{content:"";position:absolute;top:2px;left:2px;width:22px;height:22px;border-radius:50%;background:var(--amber);transition:.3s}
body.day .toggle{background:rgba(20,50,46,.1)}body.day .toggle:before{left:26px;background:#f0c04a}
.cta{background:var(--amber);color:#3a2200;font-weight:800;font-size:14px;padding:10px 20px;border-radius:10px}
.wrap{max-width:1000px;margin:0 auto;padding:0 30px}.narrow{max-width:820px;margin:0 auto;padding:0 30px}
.hero{padding:150px 0 20px;text-align:center}
.eyebrow{font-size:13px;letter-spacing:4px;text-transform:uppercase;font-weight:800;color:var(--amber);margin-bottom:16px}
.hero h1{font-size:clamp(38px,6.4vw,64px)}.hero p{color:var(--dim);font-size:19px;margin:18px auto 0;max-width:600px;line-height:1.55}
section{padding:36px 0}
.glass{background:rgba(255,255,255,.05);border:1px solid rgba(255,255,255,.12);border-radius:20px;backdrop-filter:blur(6px);padding:32px}
body.day .glass{background:rgba(255,255,255,.75);border-color:rgba(20,50,46,.14);box-shadow:0 16px 44px rgba(20,50,46,.09)}
.btn{background:var(--amber);color:#3a2200;font-weight:800;font-size:17px;padding:15px 32px;border-radius:13px;border:0;cursor:pointer;font-family:inherit;display:inline-block;box-shadow:0 14px 34px rgba(232,148,58,.3);transition:.18s}
.btn:hover{transform:translateY(-2px)}.btn.ghost{background:rgba(255,255,255,.07);color:var(--ink);box-shadow:none;border:1px solid rgba(255,255,255,.22);font-weight:700;font-size:15px}
body.day .btn.ghost{background:rgba(20,50,46,.05);border-color:rgba(20,50,46,.18)}
h2.sec{font-size:clamp(28px,4vw,44px);text-align:center}.lead{color:var(--dim);text-align:center;max-width:640px;margin:14px auto 0;font-size:18px;line-height:1.55}
.teal{color:var(--tealL)}body.day .teal{color:#15746f}
.cend{text-align:center;padding:70px 0 30px}.cend h2{font-size:clamp(28px,4.4vw,46px);margin-bottom:14px}.cend p{color:var(--dim);max-width:560px;margin:0 auto 24px;font-size:18px}
footer{padding:56px 0 40px;text-align:center;color:var(--dim2);font-size:13px;line-height:1.9;border-top:1px solid rgba(255,255,255,.06);margin-top:40px}
footer a{color:var(--dim)}
@media(max-width:760px){.hero{padding:120px 0 14px}.glass{padding:24px 20px}header{padding:11px 16px}header .logo{display:none}header .logoicon{display:block;height:36px}header nav{gap:12px}header nav a.nl{display:none}.wrap,.narrow{padding:0 18px}}