/* RADLAB — radlab.online  ·  owned rebuild 2026-07-10  ·  static, no build step */
:root{
  --bg:#1e2326; --bg-1:#232a2e; --bg-2:#2d353b; --bg-3:#343f44;
  --border:#3d484d; --border-soft:#333b40;
  --text:#d3c6aa; --text-dim:#a6b0a0; --muted:#859289;
  --green:#a7c080; --green-bright:#bdd696; --aqua:#83c092;
  --radius:16px; --radius-sm:10px; --maxw:1200px;
  --shadow:0 1px 0 rgba(255,255,255,.02), 0 18px 40px -24px rgba(0,0,0,.6);
  --mono:"JetBrains Mono",ui-monospace,monospace;
  --sans:"Inter","Inter Fallback",system-ui,sans-serif;
  --display:"Space Grotesk","Space Grotesk Fallback",var(--sans);
}
*,*::before,*::after{box-sizing:border-box;margin:0;padding:0}
html{scroll-behavior:smooth;-webkit-text-size-adjust:100%}
body{background:var(--bg);color:var(--text);font-family:var(--sans);font-size:17px;line-height:1.65;
  -webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;overflow-x:hidden}
a{color:inherit;text-decoration:none}
img,svg{display:block;max-width:100%}
::selection{background:rgba(167,192,128,.28);color:#fff}
.wrap{max-width:var(--maxw);margin:0 auto;padding:0 28px}
.eyebrow{font-family:var(--mono);text-transform:uppercase;letter-spacing:.18em;font-size:12px;
  color:var(--green);display:inline-flex;align-items:center;gap:9px}
.eyebrow::before{content:"";width:7px;height:7px;border-radius:50%;background:var(--green);
  box-shadow:0 0 12px 1px rgba(167,192,128,.7)}
h1,h2,h3{font-family:var(--display);font-weight:600;line-height:1.05;letter-spacing:-.02em;color:#e6dcc4}
h2{font-size:clamp(2rem,3.6vw,2.9rem)}
h3{font-size:1.28rem;letter-spacing:-.01em}
p{color:var(--text-dim)}
.lead{font-size:1.16rem;color:var(--text-dim);max-width:42ch}

/* buttons */
.btn{display:inline-flex;align-items:center;gap:9px;font-weight:600;font-size:15px;
  padding:14px 24px;border-radius:999px;border:1px solid transparent;cursor:pointer;
  transition:.18s ease;font-family:var(--sans);white-space:nowrap}
.btn-primary{background:var(--green);color:#1a1f18;border-color:var(--green)}
.btn-primary:hover{background:var(--green-bright);transform:translateY(-1px)}
.btn-ghost{background:transparent;color:var(--text);border-color:var(--border)}
.btn-ghost:hover{border-color:var(--green);color:#e6dcc4;background:rgba(167,192,128,.06)}
.btn .arw{transition:transform .18s ease}
.btn:hover .arw{transform:translateX(3px)}

/* header */
header.site{position:sticky;top:0;z-index:50;background:rgba(30,35,38,.82);
  backdrop-filter:blur(14px);border-bottom:1px solid var(--border-soft)}
.nav{display:flex;align-items:center;gap:32px;height:78px}
.brand{display:flex;align-items:center;gap:13px}
.brand img{width:38px;height:38px}
.brand .wm{font-family:var(--display);font-weight:700;font-size:22px;letter-spacing:.02em;color:#e6dcc4}
.nav .links{display:flex;gap:30px;margin-left:12px}
.nav .links a{font-size:15px;color:var(--text-dim);transition:.15s}
.nav .links a:hover{color:var(--green)}
.nav .spacer{flex:1}
.menu-btn{display:none;background:none;border:0;color:var(--text)}

/* hero */
.hero{padding:76px 0 56px}
.hero-grid{display:grid;grid-template-columns:1.05fr .95fr;gap:56px;align-items:center}
.hero h1{font-size:clamp(3rem,6.4vw,5.4rem);margin:22px 0 24px}
.hero h1 .accent{color:var(--green)}
.hero .cta-row{display:flex;gap:14px;flex-wrap:wrap;margin-top:32px}
.hero-art{aspect-ratio:1/.86;background:linear-gradient(160deg,#262d31,#20262a);
  border:1px solid var(--border);border-radius:24px;display:grid;place-items:center;
  box-shadow:var(--shadow);position:relative;overflow:hidden}
.hero-art::after{content:"";position:absolute;inset:0;background:radial-gradient(60% 60% at 50% 45%,rgba(167,192,128,.10),transparent 70%)}
.hero-art img{width:58%;filter:drop-shadow(0 14px 30px rgba(167,192,128,.18))}
.stats{display:flex;gap:52px;margin-top:52px;padding-top:34px;border-top:1px solid var(--border-soft);flex-wrap:wrap}
.stat .n{font-family:var(--display);font-weight:700;font-size:2.5rem;color:var(--green);line-height:1}
.stat .l{font-size:14px;color:var(--muted);margin-top:6px}

/* sections */
section.blk{padding:70px 0}
.sec-head{display:flex;justify-content:space-between;align-items:flex-end;gap:20px;margin-bottom:40px;flex-wrap:wrap}
.sec-head .lead{margin-top:14px}
.link-arrow{color:var(--green);font-weight:600;font-size:15px;display:inline-flex;gap:7px;align-items:center}
.link-arrow:hover .arw{transform:translateX(3px)}

/* cards */
.grid{display:grid;gap:20px}
.g-3{grid-template-columns:repeat(3,1fr)}
.g-4{grid-template-columns:repeat(4,1fr)}
.g-2{grid-template-columns:repeat(2,1fr)}
.card{background:var(--bg-2);border:1px solid var(--border);border-radius:var(--radius);
  padding:26px;transition:.2s ease;display:flex;flex-direction:column;gap:12px}
.card:hover{border-color:rgba(167,192,128,.45);transform:translateY(-3px);background:var(--bg-3)}
.card .meta{font-family:var(--mono);font-size:11.5px;letter-spacing:.08em;color:var(--muted);
  text-transform:uppercase;display:flex;gap:12px}
.card h3{margin-top:2px}
.card p{font-size:15px;line-height:1.6}
.card .foot{margin-top:auto;padding-top:8px}
.card .idx{font-family:var(--mono);font-size:13px;color:var(--green);opacity:.8}
.chips{display:flex;flex-wrap:wrap;gap:8px;margin-top:6px}
.chip{font-family:var(--mono);font-size:11.5px;color:var(--text-dim);background:var(--bg-1);
  border:1px solid var(--border-soft);border-radius:7px;padding:4px 9px}
.card .tag{font-family:var(--mono);font-size:11px;letter-spacing:.1em;text-transform:uppercase;color:var(--aqua)}

/* cta band */
.cta-band{background:linear-gradient(150deg,#242c30,#1f2529);border:1px solid var(--border);
  border-radius:24px;padding:56px;text-align:center;box-shadow:var(--shadow)}
.cta-band h2{margin-bottom:14px}
.cta-band .cta-row{justify-content:center;display:flex;gap:14px;margin-top:26px;flex-wrap:wrap}

/* legal / prose */
.prose{max-width:760px}
.prose h2{font-size:1.4rem;margin:36px 0 10px}
.prose p{margin-bottom:14px}
.prose .kicker{font-family:var(--mono);color:var(--green);text-transform:uppercase;letter-spacing:.15em;font-size:12px}

/* footer */
footer.site{border-top:1px solid var(--border-soft);margin-top:40px;padding:56px 0 40px;background:var(--bg-1)}
.foot-grid{display:grid;grid-template-columns:1.4fr 1fr 1fr;gap:40px}
.foot-brand .wm{font-family:var(--display);font-weight:700;font-size:20px;color:#e6dcc4}
.foot-brand p{font-size:14.5px;margin-top:12px;max-width:34ch}
.foot-col h4{font-family:var(--mono);text-transform:uppercase;letter-spacing:.12em;font-size:12px;
  color:var(--muted);margin-bottom:14px;font-weight:500}
.foot-col a{display:block;color:var(--text-dim);font-size:15px;padding:5px 0;transition:.15s}
.foot-col a:hover{color:var(--green)}
.foot-bot{margin-top:44px;padding-top:22px;border-top:1px solid var(--border-soft);
  display:flex;justify-content:space-between;gap:16px;flex-wrap:wrap;color:var(--muted);font-size:13.5px}

/* form */
.form{display:grid;gap:18px;max-width:560px}
.field{display:grid;gap:7px}
.field label{font-size:13.5px;color:var(--text-dim);font-weight:500}
.field input,.field select,.field textarea{background:var(--bg-1);border:1px solid var(--border);
  border-radius:10px;padding:13px 15px;color:var(--text);font-family:var(--sans);font-size:15px;transition:.15s}
.field input:focus,.field select:focus,.field textarea:focus{outline:none;border-color:var(--green);
  box-shadow:0 0 0 3px rgba(167,192,128,.14)}
.field textarea{resize:vertical;min-height:120px}
.hp{position:absolute;left:-9999px}
.form-note{font-size:14px;color:var(--muted)}

.page-hero{padding:64px 0 26px}
.page-hero h1{font-size:clamp(2.4rem,5vw,3.7rem);margin:20px 0 18px}

/* responsive */
@media(max-width:900px){
  .hero-grid{grid-template-columns:1fr;gap:34px}.hero-art{order:-1;max-width:360px}
  .g-3,.g-4{grid-template-columns:repeat(2,1fr)}.foot-grid{grid-template-columns:1fr 1fr}
}
@media(max-width:640px){
  body{font-size:16px}.nav .links{display:none}.menu-btn{display:block}
  .g-3,.g-4,.g-2{grid-template-columns:1fr}.stats{gap:32px}.cta-band{padding:36px 22px}
  .foot-grid{grid-template-columns:1fr}.sec-head{flex-direction:column;align-items:flex-start}
}