:root {
  --ink: #11110f;
  --paper: #f7f5ef;
  --lime: #c9ff43;
  --violet: #7757ff;
  --orange: #ff6a3d;
  --line: rgba(17, 17, 15, 0.15);
}

* { box-sizing: border-box; }
html { scroll-behavior: smooth; }
body {
  margin: 0;
  color: var(--ink);
  background:
    radial-gradient(circle at 74% 20%, rgba(119, 87, 255, .12), transparent 28rem),
    var(--paper);
  font-family: "Manrope", sans-serif;
  overflow-x: hidden;
}

.noise {
  position: fixed; inset: 0; pointer-events: none; z-index: 20; opacity: .035;
  background-image: url("data:image/svg+xml,%3Csvg viewBox='0 0 180 180' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.9' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='.8'/%3E%3C/svg%3E");
}

.nav-shell {
  width: min(1440px, calc(100% - 48px)); margin: 20px auto 0; height: 68px;
  display: flex; align-items: center; justify-content: space-between;
  border: 1px solid var(--line); border-radius: 999px; padding: 0 10px 0 24px;
  background: rgba(247,245,239,.82); backdrop-filter: blur(18px); position: relative; z-index: 10;
}
.brand { display: flex; align-items: center; gap: 12px; color: inherit; text-decoration: none; font-size: 14px; letter-spacing: -.03em; font-weight: 800; }
.brand b { color: var(--violet); }
.brand-mark { display: grid; grid-template-columns: repeat(2, 8px); gap: 3px; transform: rotate(45deg); }
.brand-mark i { width: 8px; height: 18px; border-radius: 8px; background: var(--ink); }
.brand-mark i:last-child { background: var(--lime); border: 1px solid var(--ink); }
nav { display: flex; gap: 34px; }
nav a, .text-link { color: inherit; text-decoration: none; font-size: 13px; font-weight: 600; }
.nav-cta, .button { display: inline-flex; align-items: center; justify-content: space-between; gap: 18px; text-decoration: none; font-weight: 700; }
.nav-cta { background: var(--ink); color: white; padding: 15px 18px; border-radius: 999px; font-size: 12px; }
.nav-cta span, .button span { color: var(--lime); }

.hero {
  width: min(1440px, calc(100% - 48px)); min-height: calc(100vh - 108px); margin: 20px auto;
  border: 1px solid var(--line); border-radius: 34px; overflow: hidden; position: relative;
  display: grid; grid-template-columns: 1.05fr .95fr; align-items: center; padding: clamp(54px, 7vw, 110px);
  background: linear-gradient(135deg, rgba(255,255,255,.5), rgba(255,255,255,.08));
}
.hero::after { content:""; position:absolute; width: 270px; height: 270px; border-radius: 50%; background: var(--lime); filter: blur(2px); right: -120px; top: -160px; opacity: .75; }
.hero-copy { position: relative; z-index: 2; }
.eyebrow { font-family: "DM Mono", monospace; text-transform: uppercase; font-size: 11px; letter-spacing: .12em; display:flex; align-items:center; gap:10px; margin-bottom: 30px; }
.eyebrow span { width: 9px; height: 9px; border-radius: 50%; background: var(--orange); box-shadow: 0 0 0 5px rgba(255,106,61,.13); }
h1 { margin: 0; font-size: clamp(54px, 6.5vw, 104px); line-height: .9; letter-spacing: -.075em; font-weight: 800; }
h1 em { font-style: normal; color: var(--violet); position: relative; }
h1 em::after { content:""; position:absolute; height: 8px; border: 2px solid var(--ink); border-top: 0; border-radius: 50%; left: 4%; right: -2%; bottom: -14px; transform: rotate(-1deg); }
.hero-lede { max-width: 630px; font-size: clamp(17px, 1.5vw, 22px); line-height: 1.55; color: rgba(17,17,15,.66); margin: 38px 0 30px; }
.hero-actions { display:flex; align-items:center; gap:28px; flex-wrap:wrap; }
.button { border-radius: 999px; padding: 18px 22px; font-size: 13px; }
.button-dark { background: var(--ink); color:white; box-shadow: 0 10px 26px rgba(17,17,15,.14); }
.text-link { padding: 14px 0; border-bottom: 1px solid var(--ink); }
.trust-line { display:flex; align-items:center; gap:13px; margin-top: 46px; font-family:"DM Mono", monospace; font-size:10px; letter-spacing:.08em; color:rgba(17,17,15,.48); text-transform:uppercase; }
.trust-line i { width:4px; height:4px; background:var(--violet); border-radius:50%; }

.engine-wrap { position: relative; width: min(100%, 560px); aspect-ratio: 1 / 1.02; justify-self: end; display:grid; place-items:center; }
.orbit { position:absolute; border:1px solid rgba(17,17,15,.14); border-radius:50%; }
.orbit-one { inset: 1%; animation: spin 24s linear infinite; }
.orbit-one::before { content:""; position:absolute; width:15px; height:15px; border-radius:50%; background:var(--orange); left:8%; top:20%; box-shadow:0 0 0 8px rgba(255,106,61,.1); }
.orbit-two { inset: 11%; border-style:dashed; animation: spin 17s linear infinite reverse; }
.engine-card { position:relative; z-index:2; width:78%; background:rgba(17,17,15,.96); color:white; border-radius:28px; padding:22px; box-shadow: 0 35px 80px rgba(36,27,79,.3); transform:rotate(2deg); }
.engine-head { display:flex; justify-content:space-between; align-items:center; font-family:"DM Mono", monospace; font-size:9px; letter-spacing:.1em; margin-bottom:18px; color:rgba(255,255,255,.62); }
.live-dot { display:inline-block; width:7px; height:7px; margin-right:7px; border-radius:50%; background:var(--lime); box-shadow:0 0 14px var(--lime); }
.demo-pill { border:1px solid rgba(255,255,255,.16); border-radius:999px; padding:6px 8px; }
.signal-card { background:#242321; border:1px solid rgba(255,255,255,.08); border-radius:18px; padding:18px; }
.signal-top { display:flex; justify-content:space-between; font-family:"DM Mono", monospace; font-size:9px; color:var(--lime); }
.signal-top b { color:rgba(255,255,255,.2); }
.signal-card p { font-size:16px; line-height:1.45; margin:22px 0; }
.signal-path { display:flex; align-items:center; }
.signal-path i { flex:1; height:1px; background:rgba(255,255,255,.18); }
.node { font: 8px "DM Mono", monospace; padding:7px 8px; border:1px solid rgba(255,255,255,.18); border-radius:999px; }
.node.active { color:var(--ink); background:var(--lime); border-color:var(--lime); }
.engine-grid { display:grid; grid-template-columns:1fr 1fr; gap:10px; margin:10px 0; }
.mini-card { color:var(--ink); border-radius:16px; padding:16px; min-height:112px; display:flex; flex-direction:column; }
.mini-card.violet { background:#a799ff; }
.mini-card.yellow { background:#ffd84a; }
.mini-card span { font:8px "DM Mono", monospace; letter-spacing:.1em; }
.mini-card strong { font-size:14px; margin-top:auto; }
.mini-card small { font-size:10px; opacity:.62; margin-top:3px; }
.run-demo { width:100%; border:0; background:white; color:var(--ink); border-radius:14px; padding:14px 16px; font-weight:800; display:flex; justify-content:space-between; cursor:pointer; }
.run-demo:hover { background:var(--lime); }
.float-note { position:absolute; z-index:3; width:90px; height:90px; display:grid; place-items:center; align-content:center; text-align:center; border:1px solid var(--ink); border-radius:50%; background:var(--lime); font-size:22px; font-weight:800; line-height:.8; box-shadow:6px 7px 0 var(--ink); }
.float-note span { font:8px "DM Mono", monospace; text-transform:uppercase; letter-spacing:.08em; }
.note-one { left:-1%; bottom:14%; transform:rotate(-10deg); }
.note-two { right:-1%; top:8%; background:var(--violet); color:white; transform:rotate(9deg); }

@keyframes spin { to { transform:rotate(360deg); } }

.proof-strip { width:min(1440px,calc(100% - 48px)); margin:20px auto 110px; border-radius:18px; overflow:hidden; background:var(--ink); color:white; }
.ticker { display:flex; align-items:center; width:max-content; padding:16px 0; animation:ticker 28s linear infinite; font:11px "DM Mono",monospace; letter-spacing:.1em; }
.ticker span { padding:0 28px; white-space:nowrap; }
.ticker b { color:var(--lime); }
@keyframes ticker { to { transform:translateX(-50%); } }

.manifesto,.services,.process { width:min(1280px,calc(100% - 48px)); margin:0 auto 140px; }
.section-label { display:flex; gap:14px; align-items:center; font:10px "DM Mono",monospace; letter-spacing:.13em; margin-bottom:38px; }
.section-label span { display:grid; place-items:center; width:32px; height:32px; border:1px solid var(--line); border-radius:50%; }
.section-label.light { color:rgba(255,255,255,.65); }
.section-label.light span { border-color:rgba(255,255,255,.2); }
.manifesto-grid { display:grid; grid-template-columns:1.5fr .7fr; gap:clamp(50px,9vw,150px); }
.manifesto h2,.services h2,.scanner-intro h2,.contact h2 { margin:0; font-size:clamp(44px,6vw,86px); line-height:.98; letter-spacing:-.065em; }
.manifesto h2 em,.services h2 em,.scanner-intro h2 em,.contact h2 em { font-style:normal; color:var(--violet); }
.manifesto-copy { padding-top:12px; }
.manifesto-copy>p { margin:0 0 48px; font-size:18px; line-height:1.65; color:rgba(17,17,15,.62); }
.founder-note { border-top:1px solid var(--line); padding-top:22px; }
.founder-note span { font:9px "DM Mono",monospace; letter-spacing:.12em; color:var(--orange); }
.founder-note strong { display:block; font-size:16px; line-height:1.5; margin-top:12px; }

.scanner-section { width:min(1440px,calc(100% - 48px)); margin:0 auto 140px; padding:clamp(36px,6vw,90px); border-radius:36px; background:var(--ink); color:white; display:grid; grid-template-columns:.75fr 1fr; gap:clamp(48px,8vw,120px); overflow:hidden; position:relative; }
.scanner-section::before { content:""; position:absolute; width:360px; height:360px; border-radius:50%; background:var(--violet); filter:blur(120px); opacity:.28; left:-120px; bottom:-180px; }
.scanner-intro { position:relative; z-index:2; }
.scanner-intro h2 em { color:var(--lime); }
.scanner-intro>p { color:rgba(255,255,255,.58); font-size:16px; line-height:1.65; margin:28px 0 36px; }
.scanner-tabs { display:flex; gap:8px; flex-wrap:wrap; }
.scanner-tab { padding:11px 14px; border-radius:999px; border:1px solid rgba(255,255,255,.18); color:rgba(255,255,255,.68); background:transparent; font:10px "DM Mono",monospace; cursor:pointer; }
.scanner-tab.active,.scanner-tab:hover { background:white; color:var(--ink); }
.scanner-console { position:relative; background:#1b1b19; border:1px solid rgba(255,255,255,.12); border-radius:26px; padding:22px; box-shadow:0 30px 80px rgba(0,0,0,.35); }
.console-top { display:flex; justify-content:space-between; font:9px "DM Mono",monospace; color:rgba(255,255,255,.48); }
.console-top i { display:inline-block; width:7px; height:7px; background:var(--lime); border-radius:50%; margin-right:8px; box-shadow:0 0 12px var(--lime); }
.radar { width:200px; height:200px; border:1px solid rgba(201,255,67,.28); border-radius:50%; margin:25px auto; position:relative; overflow:hidden; background:repeating-radial-gradient(circle,transparent 0 32px,rgba(201,255,67,.11) 33px 34px); }
.radar::before,.radar::after { content:""; position:absolute; background:rgba(201,255,67,.15); }
.radar::before { width:1px; height:100%; left:50%; }
.radar::after { height:1px; width:100%; top:50%; }
.radar-sweep { position:absolute; inset:0; border-radius:50%; background:conic-gradient(from 0deg,transparent 0 72%,rgba(201,255,67,.48) 99%,transparent 100%); animation:spin 2.8s linear infinite; }
.radar b,.radar>i { position:absolute; width:6px; height:6px; background:var(--lime); border-radius:50%; box-shadow:0 0 12px var(--lime); z-index:2; }
.radar b { left:31%; top:30%; }.radar>i:nth-of-type(1){right:25%;top:45%}.radar>i:nth-of-type(2){left:44%;bottom:22%}.radar>i:nth-of-type(3){right:15%;bottom:18%}
.scan-results { display:grid; gap:7px; }
.scan-item { display:grid; grid-template-columns:34px 1fr auto; gap:12px; align-items:center; border:1px solid rgba(255,255,255,.09); border-radius:13px; padding:11px 12px; }
.scan-item>span { font:9px "DM Mono",monospace; color:rgba(255,255,255,.3); }
.scan-item small { display:block; font:7px "DM Mono",monospace; color:rgba(255,255,255,.4); margin-bottom:3px; letter-spacing:.1em; }
.scan-item strong { font-size:12px; }
.severity { font:7px "DM Mono",monospace; padding:6px 7px; border-radius:999px; }
.severity.high { color:#ffaf98; background:rgba(255,106,61,.14); }.severity.ready{color:var(--lime);background:rgba(201,255,67,.1)}.severity.next{color:#c7beff;background:rgba(119,87,255,.16)}
.scan-button { width:100%; border:0; border-radius:13px; background:var(--lime); color:var(--ink); font-weight:800; margin-top:12px; padding:14px 16px; display:flex; justify-content:space-between; cursor:pointer; }

.services-head { display:grid; grid-template-columns:1fr .4fr; column-gap:80px; align-items:end; margin-bottom:54px; }
.services-head .section-label { grid-column:1/-1; }
.services-head p { line-height:1.6; color:rgba(17,17,15,.58); margin:0; }
.service-grid { display:grid; grid-template-columns:1.15fr .85fr .85fr; gap:14px; }
.service-card { min-height:360px; padding:30px; border:1px solid var(--line); border-radius:26px; display:flex; flex-direction:column; position:relative; overflow:hidden; background:rgba(255,255,255,.25); transition:transform .3s ease,box-shadow .3s ease; }
.service-card:hover { transform:translateY(-6px); box-shadow:0 22px 55px rgba(35,27,76,.1); }
.service-featured { grid-row:span 2; background:var(--violet); color:white; min-height:734px; }
.service-number { font:9px "DM Mono",monospace; letter-spacing:.1em; opacity:.58; }
.service-card h3 { font-size:clamp(28px,3vw,48px); line-height:1; letter-spacing:-.05em; margin:36px 0 20px; max-width:500px; }
.service-card p { line-height:1.65; color:inherit; opacity:.66; margin:0; }
.service-card ul { list-style:none; padding:0; margin:auto 0 0; position:relative; z-index:2; }
.service-card li { border-top:1px solid rgba(255,255,255,.18); padding:13px 0; font:10px "DM Mono",monospace; text-transform:uppercase; letter-spacing:.08em; }
.service-card li::before { content:"✓"; color:var(--lime); margin-right:10px; }
.service-card>a { margin-top:auto; color:inherit; text-decoration:none; font-size:12px; font-weight:800; display:flex; justify-content:space-between; border-top:1px solid var(--line); padding-top:17px; }
.card-orb { position:absolute; width:300px; height:300px; border:1px solid rgba(255,255,255,.23); border-radius:50%; right:-90px; bottom:60px; display:grid; place-items:center; }
.card-orb::before,.card-orb::after { content:""; position:absolute; border:1px dashed rgba(255,255,255,.23); border-radius:50%; }
.card-orb::before{inset:30px}.card-orb::after{inset:70px}.card-orb span{width:76px;height:76px;border-radius:50%;background:var(--lime);color:var(--ink);display:grid;place-items:center;font-weight:800;box-shadow:0 0 50px rgba(201,255,67,.4);}
.service-card.acid { background:var(--lime); }
.micro-chart { height:100px; display:flex; align-items:end; gap:7px; margin-top:auto; }
.micro-chart i { flex:1; background:var(--ink); border-radius:5px 5px 0 0; height:20%; }.micro-chart i:nth-child(2){height:34%}.micro-chart i:nth-child(3){height:31%}.micro-chart i:nth-child(4){height:58%}.micro-chart i:nth-child(5){height:73%}.micro-chart i:nth-child(6){height:100%;background:var(--violet)}

.lab { width:min(1440px,calc(100% - 48px)); margin:0 auto 140px; background:var(--violet); color:white; border-radius:36px; padding:clamp(38px,6vw,90px); }
.lab-grid { display:grid; grid-template-columns:.85fr 1fr; gap:clamp(48px,9vw,130px); }
.lab h2 { font-size:clamp(44px,6vw,82px); line-height:.98; letter-spacing:-.065em; margin:0 0 24px; }
.lab p { color:rgba(255,255,255,.62); max-width:560px; line-height:1.7; }
.calculator { background:white; color:var(--ink); padding:30px; border-radius:24px; box-shadow:10px 12px 0 var(--ink); }
.calculator label { display:flex; align-items:center; justify-content:space-between; font-size:13px; font-weight:700; margin:10px 0; }
.calculator output { display:grid; place-items:center; width:38px; height:32px; background:var(--ink); color:white; border-radius:9px; font:12px "DM Mono",monospace; }
.calculator input[type=range] { width:100%; accent-color:var(--violet); margin:0 0 26px; }
.calc-result { background:var(--lime); border-radius:18px; padding:22px; }
.calc-result>span { font:8px "DM Mono",monospace; letter-spacing:.12em; }
.calc-result strong { display:block; font-size:34px; margin:12px 0 4px; }.calc-result strong b{font-size:62px;line-height:1}
.calc-result small { font-size:10px; opacity:.62; }

.process-track { display:grid; grid-template-columns:1fr 1fr; border-top:1px solid var(--line); }
.process-track article { padding:34px 30px 58px 0; border-bottom:1px solid var(--line); display:grid; grid-template-columns:54px 1fr; gap:18px; }
.process-track article:nth-child(odd) { border-right:1px solid var(--line); padding-right:50px; }.process-track article:nth-child(even){padding-left:50px}
.process-track article>span { font:11px "DM Mono",monospace; color:var(--violet); }
.process-track small { font:9px "DM Mono",monospace; letter-spacing:.12em; color:var(--orange); }
.process-track h3 { font-size:28px; letter-spacing:-.04em; margin:12px 0; }.process-track p{color:rgba(17,17,15,.58);line-height:1.6;margin:0;max-width:410px}

.contact { width:min(1440px,calc(100% - 48px)); margin:0 auto 20px; background:var(--ink); color:white; border-radius:36px; padding:clamp(40px,7vw,100px); display:grid; grid-template-columns:1fr .75fr; gap:clamp(50px,9vw,140px); position:relative; overflow:hidden; }
.contact::before { content:""; position:absolute; width:350px;height:350px;border-radius:50%;background:var(--lime);filter:blur(150px);opacity:.2;left:22%;bottom:-220px; }
.contact h2 em { color:var(--lime); }
.contact-copy>p { max-width:580px;color:rgba(255,255,255,.6);font-size:17px;line-height:1.7;margin:30px 0 46px; }
.contact-meta { font:9px "DM Mono",monospace; letter-spacing:.1em; color:rgba(255,255,255,.45); display:flex;align-items:center;gap:12px;text-transform:uppercase; }.contact-meta i{width:5px;height:5px;border-radius:50%;background:var(--orange)}
.contact-form { position:relative;z-index:2;background:#262522;border:1px solid rgba(255,255,255,.12);border-radius:24px;padding:28px; }
.contact-form-grid { display:grid;grid-template-columns:1fr 1fr;column-gap:18px; }
.contact-form label { display:block;font:9px "DM Mono",monospace;letter-spacing:.1em;color:rgba(255,255,255,.48);margin-bottom:18px;text-transform:uppercase; }
.contact-form input,.contact-form textarea { width:100%;border:0;border-bottom:1px solid rgba(255,255,255,.17);background:transparent;color:white;padding:12px 0;font:15px "Manrope",sans-serif;outline:none;resize:vertical; }
.contact-form input:focus,.contact-form textarea:focus { border-color:var(--lime); }.contact-form ::placeholder{color:rgba(255,255,255,.28)}
.contact-submit { width:100%;border:0;border-radius:14px;background:var(--lime);color:var(--ink);padding:16px;font-weight:800;display:flex;justify-content:space-between;cursor:pointer; }
.contact-submit:disabled { cursor:wait;opacity:.72; }
.selected-scan { font:9px "DM Mono",monospace;color:rgba(255,255,255,.42);margin:-2px 0 16px;text-transform:uppercase;letter-spacing:.08em; }
.selected-scan strong { color:var(--lime);font-weight:500; }
.form-trap { position:absolute!important;left:-10000px!important;width:1px!important;height:1px!important;overflow:hidden!important; }
.form-note { font:9px "DM Mono",monospace;color:rgba(255,255,255,.36);text-align:center;margin:14px 0 0;min-height:14px; }
.form-note.success { color:var(--lime); }
.form-note.error { color:#ffaf98; }
footer { width:min(1440px,calc(100% - 48px));margin:0 auto 20px;border:1px solid var(--line);border-radius:24px;padding:30px;display:grid;grid-template-columns:1fr 1fr 1fr;align-items:center;font-size:11px; }
.footer-brand{justify-self:start}.footer-brand .brand-mark{transform:rotate(45deg) scale(.8)}footer>p{text-align:center;color:rgba(17,17,15,.5)}footer>div{display:flex;justify-content:flex-end;gap:24px;color:rgba(17,17,15,.5)}footer a{color:inherit;text-decoration:none}
.reveal { opacity:0; transform:translateY(28px); transition:opacity .75s ease,transform .75s ease; }.reveal.visible{opacity:1;transform:none}
.scanner-console.scanning .radar { box-shadow:0 0 55px rgba(201,255,67,.22); }.scanner-console.scanning .scan-item{animation:pulseRow .45s ease both}.scanner-console.scanning .scan-item:nth-child(2){animation-delay:.18s}.scanner-console.scanning .scan-item:nth-child(3){animation-delay:.36s}
@keyframes pulseRow{50%{background:rgba(201,255,67,.12);transform:translateX(5px)}}

@media (max-width: 980px) {
  nav { display:none; }
  .hero { grid-template-columns:1fr; padding:60px 34px; }
  .engine-wrap { justify-self:center; margin-top:48px; width:min(100%,540px); }
  .manifesto-grid,.scanner-section,.lab-grid,.contact{grid-template-columns:1fr}.service-grid{grid-template-columns:1fr 1fr}.service-featured{grid-column:1/-1;grid-row:auto;min-height:600px}.services-head{grid-template-columns:1fr}.services-head p{margin-top:26px;max-width:520px}.contact{gap:60px}footer{grid-template-columns:1fr;gap:20px;text-align:center}.footer-brand{justify-self:center}footer>div{justify-content:center}
}
@media (max-width: 620px) {
  .nav-shell, .hero { width:calc(100% - 24px); }
  .nav-shell { height:60px; padding-left:17px; }
  .nav-cta { padding:12px 14px; }
  .nav-cta span { display:none; }
  .hero { border-radius:26px; padding:48px 21px; }
  h1 { font-size:clamp(48px,16vw,72px); }
  .hero-lede { margin-top:32px; }
  .trust-line { gap:8px; flex-wrap:wrap; }
  .engine-card { width:88%; padding:15px; }
  .float-note { width:72px; height:72px; font-size:18px; }
  .proof-strip,.manifesto,.scanner-section,.services,.lab,.process,.contact,footer{width:calc(100% - 24px)}
  .manifesto,.services,.process{margin-bottom:90px}.scanner-section,.lab{margin-bottom:90px;border-radius:26px;padding:40px 21px}.scanner-tabs{display:grid}.scanner-tab{text-align:left}.radar{width:160px;height:160px}.service-grid{grid-template-columns:1fr}.service-featured{grid-column:auto;min-height:560px}.service-card{min-height:340px;padding:24px}.process-track{grid-template-columns:1fr}.process-track article,.process-track article:nth-child(odd),.process-track article:nth-child(even){border-right:0;padding:28px 0}.services-head{margin-bottom:32px}.contact{border-radius:26px;padding:42px 21px}.contact-form{padding:22px 18px}.contact-form-grid{grid-template-columns:1fr}.contact-meta{flex-wrap:wrap}.engine-wrap{margin-top:28px}.calc-result strong b{font-size:50px}
}
@media (prefers-reduced-motion: reduce) {
  * { scroll-behavior:auto !important; animation-duration:.001ms !important; animation-iteration-count:1 !important; }
}

/* 2026 editorial identity: deliberately bold, tactile, and anti-template. */
body {
  background: var(--paper);
}

.noise { opacity: .12; }

.nav-shell {
  width: 100%;
  height: 84px;
  margin: 0;
  padding: 0 3vw;
  border: 0;
  border-bottom: 1px solid var(--ink);
  border-radius: 0;
  background: rgba(247,245,239,.94);
}

.brand {
  font-size: 17px;
  letter-spacing: -.065em;
  gap: 15px;
}

.brand-mark {
  grid-template-columns: repeat(2, 10px);
}

.brand-mark i {
  width: 10px;
  height: 22px;
  border-radius: 0;
}

.nav-cta,
.button,
.scanner-tab,
.scan-button,
.run-demo,
.contact-submit {
  border-radius: 0;
}

.nav-cta {
  padding: 17px 20px;
}

.hero {
  width: 100%;
  min-height: calc(100svh - 84px);
  margin: 0;
  padding: clamp(48px, 6vw, 92px) 3vw 4vw;
  border: 0;
  border-bottom: 1px solid var(--ink);
  border-radius: 0;
  grid-template-columns: 1.14fr .86fr;
  gap: 3vw;
  background:
    linear-gradient(90deg, transparent 0 72%, rgba(201,255,67,.95) 72% 100%);
}

.hero::before {
  content: "SPOT THE OPENING · SCALE WHAT WORKS · ";
  position: absolute;
  right: -15px;
  top: 37%;
  z-index: 1;
  max-width: 320px;
  color: var(--ink);
  font: 500 10px/1.5 "DM Mono", monospace;
  letter-spacing: .15em;
  transform: rotate(90deg);
}

.hero::after {
  width: 33vw;
  height: 33vw;
  right: -12vw;
  top: -16vw;
  background: var(--violet);
  opacity: 1;
  border-radius: 50%;
  box-shadow: -24px 28px 0 var(--orange);
}

.hero-copy { align-self: center; }

h1 {
  max-width: 930px;
  font-size: clamp(76px, 10vw, 165px);
  line-height: .76;
  letter-spacing: -.095em;
  text-transform: uppercase;
}

h1 em {
  display: inline-block;
  color: var(--orange);
  font-family: "Instrument Serif", Georgia, serif;
  font-weight: 400;
  text-transform: none;
  transform: rotate(-4deg) translateY(-.04em);
}

h1 em::after { display: none; }

.hero-lede {
  max-width: 560px;
  margin: 44px 0 30px;
  color: var(--ink);
  font-size: clamp(18px, 1.55vw, 24px);
  font-weight: 650;
}

.button-dark {
  box-shadow: 8px 8px 0 var(--violet);
  text-transform: uppercase;
  font-family: "DM Mono", monospace;
  letter-spacing: .04em;
}

.trust-line { color: var(--ink); }

.engine-wrap {
  width: min(100%, 600px);
  transform: rotate(-2deg);
}

.engine-card {
  width: 82%;
  border: 2px solid var(--ink);
  border-radius: 0;
  box-shadow: 20px 20px 0 var(--violet);
}

.signal-card,
.mini-card,
.demo-pill,
.node {
  border-radius: 0;
}

.float-note {
  border-radius: 0;
  transform: rotate(-7deg);
}

.proof-strip {
  width: 100%;
  margin: 0 0 140px;
  border-radius: 0;
  color: var(--lime);
}

.manifesto h2 em,
.services h2 em,
.scanner-intro h2 em,
.contact h2 em,
.lab h2 em {
  font-family: "Instrument Serif", Georgia, serif;
  font-weight: 400;
  font-style: italic;
}

.manifesto h2,
.services h2,
.scanner-intro h2,
.contact h2 {
  font-size: clamp(58px, 7.4vw, 112px);
  line-height: .85;
  letter-spacing: -.075em;
}

.scanner-section,
.lab,
.contact {
  width: 100%;
  border-radius: 0;
  margin-bottom: 140px;
  padding-left: max(3vw, calc((100vw - 1280px) / 2));
  padding-right: max(3vw, calc((100vw - 1280px) / 2));
}

.scanner-section {
  border-top: 12px solid var(--lime);
  border-bottom: 12px solid var(--violet);
}

.scanner-console,
.scan-item,
.service-card,
.calculator,
.calc-result,
.contact-form {
  border-radius: 0;
}

.service-grid { gap: 0; border: 1px solid var(--ink); }

.service-card {
  border-color: var(--ink);
  margin: -1px 0 0 -1px;
  background: var(--paper);
}

.service-card:hover {
  transform: translate(-7px,-7px);
  box-shadow: 7px 7px 0 var(--ink);
  z-index: 2;
}

.service-featured {
  background: var(--violet);
}

.lab {
  background: var(--orange);
  color: var(--ink);
  border-top: 1px solid var(--ink);
  border-bottom: 1px solid var(--ink);
}

.lab p { color: rgba(17,17,15,.68); }

.calculator {
  border: 2px solid var(--ink);
  box-shadow: 16px 16px 0 var(--ink);
}

.contact {
  margin-bottom: 0;
  border-top: 14px solid var(--lime);
}

.contact-form {
  border: 1px solid rgba(255,255,255,.3);
  box-shadow: 16px 16px 0 var(--violet);
}

footer {
  width: 100%;
  margin: 0;
  border: 0;
  border-radius: 0;
  padding: 44px 3vw;
}

@media (max-width: 980px) {
  .hero {
    grid-template-columns: 1fr;
    background: linear-gradient(180deg, transparent 0 74%, rgba(201,255,67,.95) 74% 100%);
  }
  .hero::before { display: none; }
  .engine-wrap { margin: 70px auto 40px; }
}

@media (max-width: 620px) {
  .nav-shell,
  .hero,
  .proof-strip,
  .scanner-section,
  .lab,
  .contact,
  footer {
    width: 100%;
  }
  .nav-shell { height: 68px; }
  .brand { font-size: 14px; }
  .nav-cta { padding: 12px; font-size: 10px; }
  .hero { padding: 72px 5vw 48px; min-height: calc(100svh - 68px); }
  .hero::after { width: 180px; height: 180px; right: -85px; top: -80px; box-shadow: -12px 14px 0 var(--orange); }
  h1 { font-size: clamp(66px, 22vw, 104px); line-height: .78; }
  .hero-lede { font-size: 17px; }
  .engine-card { width: 90%; box-shadow: 10px 10px 0 var(--violet); }
  .float-note { border-radius: 0; }
  .manifesto h2,.services h2,.scanner-intro h2,.contact h2 { font-size: clamp(50px,15vw,78px); }
  .scanner-section,.lab,.contact { border-radius: 0; padding: 56px 5vw; }
}