/* Aurifex Daylight (Steve, Nov 2026): crisp white, heavy black headlines, cyan accent,
   gold on the name and the gold price only, a warm-to-cool spectrum as the signature line. */
:root{
  --bg:#f5f7fa; --panel:#fff; --ink:#000; --muted:#3b4250; --line:#e3e7ee; --chip:#edf0f4;
  --cyan:#06b6d4; --cyan-ink:#0e7490; --name:#06a3c4;
  --gold-grad:linear-gradient(100deg,#c2860a,#e0a81c 55%,#f0b429);
  --spectrum:linear-gradient(90deg,#f97316,#facc15 25%,#84cc16 50%,#2dd4bf 75%,#3b82f6);
  --down:#dc2626;
}
*{box-sizing:border-box}
html{-webkit-text-size-adjust:100%}
body{margin:0;background:var(--bg);color:var(--ink);font:500 16px/1.55 "Figtree",system-ui,-apple-system,"Segoe UI",sans-serif}
a{color:var(--cyan-ink)}
.wrap{max-width:1080px;margin:0 auto;padding-left:max(16px,env(safe-area-inset-left));padding-right:max(16px,env(safe-area-inset-right))}
header{background:#fff;border-bottom:1px solid var(--line);position:sticky;top:0;z-index:5}
.bar{display:flex;align-items:center;gap:12px;padding-block:12px}
.brand{display:flex;align-items:center;text-decoration:none}
.logo{height:58px;width:auto;display:block}
.sp{flex:1}
.btn{display:inline-block;font:800 15px/1 "Figtree",sans-serif;padding:13px 20px;border-radius:999px;border:0;cursor:pointer;text-decoration:none}
.btn.primary{background:var(--cyan);color:#fff;box-shadow:0 10px 22px -12px rgba(6,182,212,.75)}
.btn.ghost{background:var(--chip);color:var(--ink)}
.hero{padding:48px 0 28px;display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.1fr);gap:40px;align-items:center}
.hero-copy{min-width:0}
.devices{margin:0;position:relative;padding:0 0 26px 0;min-width:0}
.laptop{position:relative;margin-right:12%}
.laptop .screen{background:#0b0f1a;border-radius:14px 14px 4px 4px;padding:8px;box-shadow:0 30px 60px -30px rgba(11,15,26,.45)}
.laptop img{display:block;width:100%;height:auto;border-radius:6px;aspect-ratio:16/10;object-fit:cover;object-position:top}
.laptop .base{height:12px;margin:0 -6%;background:linear-gradient(#d9dde4,#b9bfca);border-radius:0 0 12px 12px}
.phone{position:absolute;right:0;bottom:0;width:31%;background:#0b0f1a;border-radius:26px;padding:7px;box-shadow:0 24px 50px -22px rgba(11,15,26,.55)}
.phone img{display:block;width:100%;height:auto;border-radius:20px;aspect-ratio:9/16.6;object-fit:cover;object-position:top}
.devices figcaption{position:absolute;left:0;bottom:0;font-size:12.5px;color:var(--muted)}
.ico{display:inline-flex;width:44px;height:44px;border-radius:12px;background:#ecfbfe;align-items:center;justify-content:center;margin-bottom:10px}
.ico svg{width:26px;height:26px;fill:none;stroke:var(--ink);stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
.ico .gd{fill:#d9a21a;stroke:none}
.ico .gs{stroke:#d9a21a;stroke-width:2.2}
@media (max-width:860px){.hero{grid-template-columns:1fr;gap:28px;padding-top:32px}.laptop{margin-right:16%}}
@media (max-width:420px){.logo{height:46px}}
h1{font-weight:900;font-size:clamp(34px,7vw,64px);line-height:1.02;letter-spacing:-2px;margin:0 0 14px;text-wrap:balance}
h1 em{font-style:normal;color:var(--cyan)}
.line{height:6px;width:120px;border-radius:999px;background:var(--spectrum);margin:6px 0 20px}
.lead.tight{margin-bottom:14px}
.lead{font-size:clamp(17px,2.2vw,20px);color:var(--muted);max-width:60ch;margin:0 0 24px}
h2{font-weight:900;font-size:clamp(26px,4vw,36px);letter-spacing:-1px;margin:0 0 8px}
section{padding:28px 0}
.grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,240px),1fr));gap:12px;margin-top:16px}
.card{background:var(--panel);border:1px solid var(--line);border-radius:18px;padding:18px;box-shadow:0 1px 2px rgba(11,15,26,.04),0 12px 28px -20px rgba(11,15,26,.22)}
.card h3{font-weight:800;font-size:19px;margin:0 0 6px;letter-spacing:-.3px}
.card p{margin:0;color:var(--muted);font-size:15px}
.never li{margin:6px 0}
.never b{color:var(--ink)}
.join{background:#fff;border:1.5px solid transparent;background:linear-gradient(#fff,#fff) padding-box,var(--spectrum) border-box;border-radius:22px;padding:22px}
form{display:grid;gap:12px;max-width:520px}
label.field{display:grid;gap:6px;font-weight:700}
input[type=email]{font:500 17px/1.2 "Figtree",sans-serif;padding:14px 16px;border-radius:14px;border:1.5px solid var(--line);background:#fff;color:var(--ink);width:100%}
input[type=email]:focus{outline:3px solid rgba(6,182,212,.35);border-color:var(--cyan)}
.check{display:flex;gap:10px;align-items:flex-start;font-size:14.5px;color:var(--muted)}
.check input{width:20px;height:20px;margin-top:2px;accent-color:var(--cyan);flex:none}
.hp{position:absolute;left:-9999px;width:1px;height:1px;overflow:hidden}
.msg{font-weight:700;min-height:1.4em;margin:0}
.msg.ok{color:#15803d}.msg.err{color:var(--down)}
.risk{background:#fff7ed;border:1px solid #fed7aa;border-radius:14px;padding:14px 16px;font-size:14px;color:#7c2d12}
footer{border-top:1px solid var(--line);margin-top:24px;padding:22px 0 40px;font-size:13.5px;color:var(--muted)}
footer a{color:var(--muted)}
.doc{max-width:720px;padding:40px 0}
.doc h1{font-size:clamp(30px,5vw,44px)}
.doc h2{font-size:22px;margin-top:26px}
.doc p,.doc li{color:var(--muted)}