
@import url('https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700;800&display=swap');
:root{color-scheme:dark;--bg:#081321;--panel:#101e2f;--line:#2e4056;--text:#edf3fa;--muted:#a6b6ca;--gold:#e9bd78;--gold2:#f5d7a5;--green:#15803d;--green2:#166534}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;min-height:100vh;background:radial-gradient(ellipse at 10% 0,#172d47,transparent 55%),radial-gradient(ellipse at 90% 20%,#102d4b,transparent 42%),var(--bg);color:var(--text);font:16px/1.6 Inter,system-ui,-apple-system,Segoe UI,sans-serif}
a{color:inherit}
header{width:min(1240px,calc(100% - 48px));min-height:92px;margin:auto;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line);position:relative;z-index:2}.brand{text-decoration:none;font-weight:800;letter-spacing:.12em}.brand b{color:var(--gold)!important}nav{display:flex;gap:28px}nav a,footer a,footer button{font-size:11px;letter-spacing:.15em;color:var(--muted);text-decoration:none;background:none;border:0;cursor:pointer;text-transform:uppercase}nav a:hover,footer a:hover,footer button:hover{color:var(--gold)}
main{position:relative;z-index:1}.hero{width:min(1240px,calc(100% - 48px));min-height:690px;margin:auto;padding:76px 0 88px;display:grid;grid-template-columns:1.05fr .95fr;align-items:center;gap:7vw}.eyebrow{font-size:11px;letter-spacing:.22em;color:var(--gold);font-weight:800;text-transform:uppercase}.hero>div>strong{color:var(--gold)!important;font-size:clamp(25px,3vw,38px)!important}.hero h1,.split h2{font-size:clamp(58px,7vw,102px);line-height:.88;letter-spacing:-.06em;margin:22px 0;font-weight:800}.hero h1 em{color:var(--gold);font-style:normal}.hero p{max-width:640px;color:var(--muted);font-size:18px;line-height:1.75}.actions{display:flex;flex-wrap:wrap;gap:12px;margin:30px 0 14px}
.button{display:inline-flex;align-items:center;justify-content:center;min-height:52px;padding:0 24px;border:1px solid var(--gold);border-radius:8px;background:var(--gold);color:#171a20;text-decoration:none;font-size:11px;letter-spacing:.13em;font-weight:800;cursor:pointer;transition:.15s}.button:hover{transform:translateY(-1px);background:var(--gold2);border-color:var(--gold2);box-shadow:0 10px 30px #0004}.button.register-free{background:var(--green)!important;color:#fff!important;border-color:var(--green)!important}.button.register-free:hover{background:var(--green2)!important;border-color:var(--green2)!important}
a:focus-visible,button:focus-visible,input:focus-visible,textarea:focus-visible,summary:focus-visible{outline:2px solid var(--gold);outline-offset:3px}.hero small{color:#7f91a8}.hero aside{background:#0b1929bb!important;border:1px solid var(--line)!important;border-radius:14px!important;box-shadow:0 18px 50px #0002}.hero aside>a{color:var(--gold)}.hero aside details{border:0;padding:0}
.table{width:min(520px,40vw);height:320px;border:1px solid #6e5938;border-radius:50%;padding:18px;transform:rotate(-6deg);background:linear-gradient(145deg,#15263a,#08111e);box-shadow:0 38px 100px #0009,0 0 0 8px #0a1726,0 0 0 9px #35465b}.felt{height:100%;border:2px solid #967545;border-radius:50%;background:radial-gradient(circle,#174d48,#0c292b 72%);display:flex;align-items:center;justify-content:center;gap:10px;position:relative;box-shadow:inset 0 0 55px #0007}.felt i{background:#f8f4eb;color:#111a25;width:70px;height:96px;padding:10px;border-radius:7px;font-size:24px;font-weight:800;font-style:normal;box-shadow:0 7px 18px #0005}.felt strong{position:absolute;bottom:14%;color:var(--gold);font-size:11px;letter-spacing:.16em;text-align:center}
.tiles{width:min(1240px,calc(100% - 48px));margin:0 auto 80px;display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.tiles article{padding:38px;border:1px solid var(--line);border-radius:16px;background:linear-gradient(145deg,#112238dd,#0c1828dd);box-shadow:0 18px 60px #0002}.tiles b{color:var(--gold);font-size:12px;letter-spacing:.18em}.tiles h2{margin:18px 0 8px;font-size:24px}.tiles p,.split p{color:var(--muted);line-height:1.75}
.split{width:min(1240px,calc(100% - 48px));margin:0 auto 28px;padding:64px;border:1px solid var(--line);border-radius:18px;background:linear-gradient(145deg,#101e2fee,#0a1727ee);display:grid;grid-template-columns:.8fr 1.2fr;gap:7vw;box-shadow:0 18px 60px #0002}.split h2{font-size:clamp(46px,6vw,76px)}details{padding:22px 0;border-top:1px solid var(--line)}details:last-child{border-bottom:1px solid var(--line)}summary{font-weight:700;cursor:pointer}form{display:grid;gap:18px}label{font-size:12px;font-weight:600;color:var(--muted)}input,textarea{width:100%;margin-top:8px;padding:13px 14px;background:#091626;border:1px solid #465970;border-radius:8px;color:var(--text);font:inherit;outline:none}input:focus,textarea:focus{border-color:var(--gold)}
footer{width:min(1240px,calc(100% - 48px));margin:70px auto 0;padding:32px 0 38px;display:grid;grid-template-columns:1fr auto;gap:15px;border-top:1px solid var(--line);color:var(--muted)}footer div{display:flex;gap:24px}footer small{grid-column:1/-1;color:#73859c}
dialog{width:min(900px,92vw);max-height:86vh;background:#0d1b2d;color:var(--text);border:1px solid var(--line);border-radius:18px;padding:42px;line-height:1.65;box-shadow:0 30px 100px #000a}dialog::backdrop{background:#01040bdd;backdrop-filter:blur(5px)}dialog h3{color:var(--gold)}.x{position:absolute;right:20px;top:14px;background:none;border:0;color:#fff;font-size:30px;cursor:pointer}
@media(max-width:850px){nav{display:none}.hero,.split{grid-template-columns:1fr}.hero,.tiles,.split,header,footer{width:min(100% - 32px,1240px)}.table{width:min(82vw,520px);margin:40px auto 0}.tiles{grid-template-columns:1fr}.split{padding:32px}footer{grid-template-columns:1fr}}@media(max-width:520px){.actions{flex-direction:column}.actions .button{width:100%}.table{height:245px}.split{padding:24px}}

/* Crawlable product/discovery copy */
.seo-copy{width:min(1240px,calc(100% - 48px));margin:0 auto 28px;padding:64px;border:1px solid var(--line);border-radius:18px;background:linear-gradient(145deg,#101e2fee,#0a1727ee);box-shadow:0 18px 60px #0002}.seo-copy h2{font-size:clamp(42px,5vw,68px);line-height:.95;letter-spacing:-.05em;margin:18px 0 38px}.seo-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:28px}.seo-grid h3{color:var(--gold);font-size:18px}.seo-grid p{color:var(--muted)}.seo-grid a{color:var(--gold)}@media(max-width:850px){.seo-copy{width:min(100% - 32px,1240px);padding:32px}.seo-grid{grid-template-columns:1fr}}

/* Search-friendly product copy, visually integrated with the main site */
.discovery{
  width:min(1240px,calc(100% - 48px));
  margin:0 auto 28px;
  padding:64px;
  border:1px solid var(--line);
  border-radius:18px;
  background:linear-gradient(145deg,#101e2fee,#0a1727ee);
  box-shadow:0 18px 60px #0002;
}
.discovery-copy{max-width:920px}
.discovery h2{
  margin:18px 0 28px;
  font-size:clamp(42px,5.5vw,72px);
  line-height:.92;
  letter-spacing:-.05em;
}
.discovery p{
  max-width:900px;
  margin:0 0 16px;
  color:var(--muted);
  font-size:16px;
  line-height:1.75;
}
.discovery p strong{color:var(--text)}
.discovery-actions{
  display:flex;
  flex-wrap:wrap;
  align-items:center;
  gap:12px;
  margin-top:30px;
}
.discovery-actions .text-link{
  margin-left:8px;
  color:var(--gold);
  font-size:11px;
  font-weight:800;
  letter-spacing:.12em;
  text-decoration:none;
}
.discovery-actions .text-link:hover{text-decoration:underline}
@media(max-width:850px){
  .discovery{width:min(100% - 32px,1240px);padding:32px}
}
@media(max-width:520px){
  .discovery{padding:24px}
  .discovery-actions{flex-direction:column;align-items:stretch}
  .discovery-actions .button{width:100%}
  .discovery-actions .text-link{margin:8px 0 0;text-align:center}
}

/* Hard reset: no decorative grid overlay */
body::before, body:before { content:none !important; display:none !important; background:none !important; }

/* Integrated discovery block */
.discovery{
  width:min(1240px,calc(100% - 48px)) !important;
  margin:0 auto 28px !important;
  padding:56px 64px !important;
  overflow:hidden;
}
.discovery-copy{max-width:920px;margin:0}
.discovery .eyebrow{display:block}
.discovery h2{max-width:760px}
@media(max-width:850px){
  .discovery{width:min(100% - 32px,1240px) !important;padding:32px !important}
}
@media(max-width:520px){
  .discovery{padding:24px !important}
}
