:root{--bg:#05100c;--em:#0c2a1f;--amb:#d9a441;--amb2:#f0c060;--tx:#efe9da;--mut:#b8b3a4;--line:rgba(217,164,65,.22);--glass:rgba(8,20,15,.62);--u:min(1vw,1.78vh)}
*{box-sizing:border-box;margin:0;padding:0}
html,body{height:100%}
body{background:var(--bg);color:var(--tx);font:400 clamp(14px,calc(var(--u)*1.25),40px)/1.45 ui-sans-serif,system-ui,-apple-system,"Segoe UI",Roboto,Inter,sans-serif;display:flex;flex-direction:column;overflow:hidden;padding:0 clamp(16px,calc(var(--u)*4.3),180px)}
.bg{position:fixed;inset:0;z-index:-1;background:radial-gradient(ellipse at 20% 30%,#0b2219 0%,transparent 60%),url(/assets/hive-forest.webp) right center/auto 100% no-repeat,linear-gradient(180deg,#071510,#040c09);}
@media (max-width:1400px){.bg{background-image:radial-gradient(ellipse at 20% 30%,#0b2219 0%,transparent 60%),url(/assets/hive-forest-sm.webp),linear-gradient(180deg,#071510,#040c09)}}
.bg::after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(5,16,12,.9) 0%,rgba(5,16,12,.4) 45%,transparent 70%)}
a{color:inherit}
.skip{position:absolute;left:-999px;top:8px;background:var(--amb);color:#111;padding:8px 12px;border-radius:6px;z-index:9}.skip:focus{left:8px}
.vh{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0)}
:focus-visible{outline:2px solid var(--amb2);outline-offset:3px;border-radius:6px}
.nav{display:flex;align-items:center;justify-content:space-between;padding:calc(var(--u)*2.2) 0}
.brand{display:flex;align-items:center;gap:.8em;text-decoration:none;font-weight:500;letter-spacing:.32em;font-size:1.3em}
.brand img{width:calc(var(--u)*4.4);min-width:36px;height:auto}
nav{display:flex;align-items:center;gap:calc(var(--u)*2.6)}
nav button{background:none;border:0;color:var(--tx);font:inherit;font-size:1.05em;cursor:pointer;padding:.3em .1em;opacity:.9}nav button:hover{color:var(--amb2)}
.btn{display:inline-flex;align-items:center;justify-content:center;border-radius:.45em;padding:.85em 2em;text-decoration:none;font-weight:500;font-size:1.05em;transition:transform .2s,box-shadow .2s,background .2s;cursor:pointer;border:1px solid transparent;font-family:inherit}
.btn.sm{padding:.6em 1.4em}
.primary{background:linear-gradient(180deg,var(--amb2),var(--amb));color:#1a1206;box-shadow:0 0 24px rgba(217,164,65,.25)}
.primary:hover{transform:translateY(-1px);box-shadow:0 0 36px rgba(240,192,96,.45)}
.ghost{background:rgba(255,255,255,.03);border-color:rgba(239,233,218,.35);color:var(--tx)}.ghost:hover{border-color:var(--amb2);color:var(--amb2)}
main{flex:1;display:flex;flex-direction:column;justify-content:space-between;min-height:0}
.hero{margin-top:calc(var(--u)*1.2)}
.chip{display:inline-block;border:1px solid var(--line);background:rgba(217,164,65,.08);color:var(--amb2);border-radius:99px;padding:.35em 1em;font-size:.95em;letter-spacing:.06em}
h1{font-family:"Iowan Old Style","Palatino Linotype",Palatino,"Book Antiqua",Georgia,serif;font-weight:400;font-size:calc(var(--u)*5.4);line-height:1.05;letter-spacing:-.01em;margin:calc(var(--u)*1.2) 0 calc(var(--u)*1)}
.sub{font-size:1.35em;color:var(--tx);opacity:.92}
.ctas{display:flex;gap:1em;margin:calc(var(--u)*1.8) 0 calc(var(--u)*1.4);flex-wrap:wrap}
.ca{display:inline-flex;align-items:center;gap:1em;background:var(--glass);backdrop-filter:blur(6px);border:1px solid rgba(255,255,255,.1);border-radius:.6em;padding:.75em 1em;max-width:100%}
.ca-l{font-weight:600;padding-right:1em;border-right:1px solid rgba(255,255,255,.15)}
.ca code{font:1em ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;letter-spacing:.02em;word-break:break-all;user-select:all}
.copy{background:none;border:0;color:var(--tx);cursor:pointer;padding:.3em;display:flex}.copy:hover{color:var(--amb2)}
.copy svg{width:1.3em;height:1.3em}
.status{min-height:1.4em;color:var(--amb2);font-size:.9em;margin-top:.4em}
.strip{display:flex;align-items:center;justify-content:space-between;gap:2em;background:var(--glass);backdrop-filter:blur(6px);border:1px solid rgba(255,255,255,.1);border-radius:.6em;padding:1em 1.6em;margin:calc(var(--u)*1) 0 calc(var(--u)*1.2);flex-shrink:0}
.strip ol{list-style:none;display:flex;align-items:center;gap:1.6em;flex-wrap:wrap}
.strip li b{font-weight:500;font-size:1.25em;margin-right:.6em;color:var(--tx)}
.arr{color:var(--mut)}
.tag{border-left:1px solid rgba(255,255,255,.15);padding-left:1.6em;color:var(--tx);opacity:.9}
.foot{flex-shrink:0;display:flex;align-items:center;gap:2.5em;padding:calc(var(--u)*1.6) 0 calc(var(--u)*2)}
.social{list-style:none;display:flex;gap:1.8em;align-items:center}
.social a{text-decoration:none;opacity:.9;display:flex}.social a:hover{color:var(--amb2)}
.social svg{width:1.2em;height:1.2em}
.risk{color:var(--mut);font-size:.92em}
dialog{margin:auto;max-width:min(92vw,34em);background:#0a1a14;color:var(--tx);border:1px solid var(--line);border-radius:.8em;padding:1.6em 1.8em;box-shadow:0 20px 80px rgba(0,0,0,.6)}
dialog::backdrop{background:rgba(2,8,6,.7);backdrop-filter:blur(3px)}
dialog h2{font-family:Georgia,serif;font-weight:400;font-size:1.7em;margin-bottom:.5em;color:var(--amb2)}
dialog p,dialog li{margin-bottom:.7em;color:#ddd7c8}dialog form{margin-top:1em;text-align:right}
.steps{padding-left:1.2em}.clinks{list-style:none}.clinks a{color:var(--amb2)}
.small{font-size:.9em;color:var(--mut)}
@media (max-width:820px),(max-height:480px){
 body{overflow:auto;height:auto;min-height:100%;font-size:15px}
 :root{--u:2.2vw}
 nav button{display:none}
 .bg{background-size:cover;background-position:65% center}.bg::after{background:rgba(5,16,12,.6)}
 h1{font-size:clamp(2.4rem,11vw,4rem)}
 .strip{flex-direction:column;align-items:flex-start}.strip ol{flex-direction:column;align-items:flex-start;gap:.5em}.arr{display:none}
 .tag{border:0;padding:0}.foot{flex-direction:column;align-items:flex-start;gap:1em}.social{flex-wrap:wrap}
 .ca{flex-wrap:wrap}.ca code{font-size:.85em}
 main{gap:2em}
}
@media (prefers-reduced-motion:reduce){*{transition:none!important;animation:none!important}}