
:root{--bg:#0b1118;--panel:#151e28;--muted:#aeb9c5;--orange:#ff920e;--white:#f5f7fa}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--bg);color:var(--white);font-family:system-ui,-apple-system,Segoe UI,Arial,sans-serif;line-height:1.55}a{color:inherit}header{border-bottom:1px solid #29313a;background:#0a1017eF;position:sticky;top:0;z-index:10}.nav{max-width:1160px;margin:auto;display:flex;align-items:center;justify-content:space-between;padding:15px 22px;gap:20px}.brand{font-weight:900;font-style:italic;letter-spacing:.07em;text-decoration:none;font-size:22px}.brand b{color:var(--orange)}.navlinks{display:flex;gap:22px;align-items:center}.navlinks a{text-decoration:none;color:#d9e0e6;font-size:14px}.pill{border:1px solid #ec981e;color:#ffb23f;border-radius:999px;padding:7px 12px;font-size:12px;font-weight:700}.wrap{max-width:1160px;margin:auto;padding:55px 22px}.hero{display:grid;grid-template-columns:1.1fr .9fr;align-items:center;gap:44px;min-height:570px}.eyebrow{text-transform:uppercase;color:var(--orange);letter-spacing:.2em;font-weight:800;font-size:12px}.hero h1{font-size:clamp(40px,5.5vw,78px);line-height:1.04;letter-spacing:-.045em;margin:18px 0}.hero h1 em{color:var(--orange);font-style:normal}.lead{font-size:19px;color:#c3ccd6;max-width:620px}.btn{display:inline-block;padding:14px 22px;border-radius:9px;background:var(--orange);color:#151515;font-weight:900;text-decoration:none;margin-top:18px}.outline{background:transparent;border:1px solid #6d7987;color:#f2f4f6}.media{background:#090d12;border:1px solid #2a3642;border-radius:18px;padding:14px;box-shadow:0 30px 90px #0007}.media img{display:block;width:100%;height:auto;border-radius:10px}.sectiontitle{font-size:clamp(28px,4vw,43px);letter-spacing:-.03em;margin:0 0 14px}.sub{color:var(--muted);max-width:740px}.grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;margin-top:26px}.tile{border:1px solid #2d3945;background:linear-gradient(145deg,#17222d,#101720);border-radius:14px;padding:24px}.tile h3{margin:0 0 8px;font-size:19px}.tile p{color:#c0cad4;margin:0}.tag{display:inline-block;color:#ffb95c;border:1px solid #64451c;padding:5px 10px;border-radius:6px;font-size:12px;font-weight:800}.pricing{display:flex;justify-content:space-between;align-items:center;gap:24px;padding:26px;border-radius:15px;background:#171f28;border:1px solid #394450}.price{font-size:42px;font-weight:900}.price small{font-size:16px;color:#c2cbd3;font-weight:500}.qr{width:164px;height:164px;background:white;padding:7px;border-radius:10px}.foot{border-top:1px solid #26313b;padding:28px 22px;color:#9ba8b5;font-size:13px;text-align:center}.foot a{color:#d0d8e0}.notice{border-left:4px solid var(--orange);background:#221c12;color:#f5dfbf;padding:16px 20px;border-radius:6px;margin-top:22px}.topo{background-image:radial-gradient(ellipse at 85% 12%,#ff920e15,transparent 40%),repeating-radial-gradient(ellipse at 90% 5%,transparent 0 25px,#a8b3c009 26px 27px,transparent 28px 55px)}@media(max-width:800px){.hero{grid-template-columns:1fr;gap:24px;padding-top:35px}.grid{grid-template-columns:1fr}.pricing{align-items:flex-start;flex-direction:column}.navlinks{gap:10px}.navlinks a{font-size:12px}.wrap{padding:36px 20px}.hero h1{font-size:43px}}@media(max-width:420px){.navlinks .optional{display:none}}

/* SUPTIQ Daily replacement artwork: preserve full poster and rounded border. */
.hero .media{min-width:0;overflow:visible}
.hero .media img{display:block;width:100%;height:auto;max-height:none;object-fit:contain;object-position:center;border-radius:10px}
@media(max-width:800px){.hero .media{width:100%;max-width:680px;margin-inline:auto}}

/* 2026-11-09 product hierarchy: Decision Engine (flagship), Daily, concrete logs. New rules only; existing rules unchanged. */
.grid2{display:grid;grid-template-columns:repeat(2,1fr);gap:16px;margin-top:26px}
.engine-card{display:grid;grid-template-columns:1.15fr .85fr;gap:34px;padding:34px;border-radius:18px;border:1px solid #64451c;background:radial-gradient(ellipse at 100% 0,#ff920e1f,transparent 55%),linear-gradient(145deg,#17222d,#0e151d);box-shadow:0 30px 90px #0007}
.engine-head .sectiontitle{margin:14px 0 6px}
.engine-tagline{font-size:clamp(20px,2.4vw,27px);font-weight:800;letter-spacing:-.02em;margin:0 0 14px}
.engine-tagline em{color:var(--orange);font-style:normal}
.engine-scope h3{margin:4px 0 12px;font-size:15px;text-transform:uppercase;letter-spacing:.14em;color:var(--orange)}
.engine-scope .scope{flex-direction:column;align-items:flex-start}
.tag-live{color:#9fe0b0;border-color:#2f5a3b}
.h3sub{color:var(--muted);font-weight:600;font-size:15px}
.concrete .sectiontitle em{color:var(--orange);font-style:normal}
.product{display:flex;flex-direction:column;gap:10px}
.product h3{margin:4px 0 0;font-size:21px}
.product .tag{align-self:flex-start}
.scope{list-style:none;margin:6px 0 0;padding:0;display:flex;flex-wrap:wrap;gap:8px}
.scope li{border:1px solid #394450;background:#0f161e;color:#d9e0e6;border-radius:999px;padding:5px 12px;font-size:13px}
.fine{color:var(--muted);font-size:13px;margin-top:18px}
@media(max-width:800px){.grid2{grid-template-columns:1fr}.engine-card{grid-template-columns:1fr;gap:18px;padding:24px}.product h3{font-size:19px}}

/* 2026-11-09 Request an Invitation (mailto support@). New rules only. */
.btnrow{display:flex;flex-wrap:wrap;gap:12px;align-items:center}
.btnrow .btn{margin-top:18px}
.notice a,.sub a{color:var(--orange);font-weight:700}
