:root {
  --ink: #11130f;
  --muted: #64685f;
  --paper: #f4f5ef;
  --white: #ffffff;
  --acid: #d7ff3f;
  --acid-dark: #b8e31b;
  --blue: #3157ff;
  --orange: #ff7144;
  --line: #d9dcd2;
  --dark-line: #34382f;
  --radius: 6px;
}

* { box-sizing: border-box; }
html { scroll-behavior: smooth; }
body { margin: 0; color: var(--ink); background: var(--paper); font-family: Inter, "Segoe UI", Arial, sans-serif; letter-spacing: 0; }
a { color: inherit; text-decoration: none; }
button, input, textarea { font: inherit; }
button { cursor: pointer; }
h1, h2, h3, p { margin-top: 0; }
button, a, input, textarea, summary { outline-color: var(--blue); }

.site-header { position: relative; z-index: 20; height: 76px; display: grid; grid-template-columns: 1fr auto 1fr; align-items: center; padding: 0 clamp(22px, 4vw, 64px); border-bottom: 1px solid var(--line); background: rgba(244,245,239,.94); backdrop-filter: blur(16px); }
.brand { display: inline-flex; align-items: center; gap: 11px; width: fit-content; }
.brand-mark { width: 32px; height: 32px; display: grid; place-items: center; border-radius: 3px; background: var(--ink); color: var(--acid); font-size: 17px; font-weight: 900; }
.brand-name { font-size: 16px; font-weight: 950; letter-spacing: .04em; }
.brand-name span { color: var(--muted); }
.nav { display: flex; gap: 30px; color: #3f433b; font-size: 13px; font-weight: 750; }
.nav a:hover { color: var(--blue); }
.nav-cta { justify-self: end; display: flex; align-items: center; gap: 22px; padding: 11px 14px; border: 1px solid var(--ink); border-radius: 4px; font-size: 13px; font-weight: 850; }
.nav-cta:hover { background: var(--ink); color: var(--white); }

.hero { overflow: hidden; }
.hero-grid { min-height: 690px; display: grid; grid-template-columns: minmax(460px,.78fr) minmax(650px,1.22fr); max-width: 1500px; margin: 0 auto; padding: 80px clamp(24px,5vw,76px) 66px; }
.hero-copy { position: relative; z-index: 2; align-self: center; padding-right: clamp(22px,4vw,64px); }
.system-label, .section-index { display: flex; align-items: center; gap: 10px; margin: 0 0 24px; color: #4e5349; font-size: 11px; font-weight: 900; letter-spacing: .12em; }
.system-label span { width: 7px; height: 7px; border-radius: 50%; background: var(--acid-dark); box-shadow: 0 0 0 4px rgba(184,227,27,.2); }
h1 { margin-bottom: 26px; font-size: clamp(56px,5.7vw,92px); line-height: .94; letter-spacing: -.055em; font-weight: 850; }
h1 em { color: var(--blue); font-style: normal; }
.hero-lead { max-width: 630px; margin-bottom: 30px; color: #4f544c; font-size: 18px; line-height: 1.65; }
.hero-actions { display: flex; flex-wrap: wrap; gap: 10px; }
.btn { min-height: 51px; display: inline-flex; align-items: center; justify-content: center; gap: 18px; padding: 13px 18px; border: 1px solid transparent; border-radius: 4px; font-weight: 850; transition: transform .15s, background .15s; }
.btn:hover { transform: translateY(-1px); }
.btn-primary { background: var(--ink); color: var(--white); }
.btn-primary:hover { background: var(--blue); }
.btn-secondary { border-color: #b9bdb3; background: transparent; color: var(--ink); }
.play-icon { width: 24px; height: 24px; display: grid; place-items: center; border-radius: 50%; background: var(--acid); font-size: 9px; }
.hero-proof { display: grid; grid-template-columns: repeat(3,1fr); max-width: 580px; margin-top: 46px; border-top: 1px solid var(--line); }
.hero-proof div { display: grid; gap: 5px; padding: 18px 12px 0 0; border-right: 1px solid var(--line); }
.hero-proof div + div { padding-left: 18px; }
.hero-proof div:last-child { border-right: 0; }
.hero-proof strong { font-size: 27px; letter-spacing: -.04em; }
.hero-proof span { color: var(--muted); font-size: 12px; }

.workbench { position: relative; align-self: center; min-width: 670px; border: 1px solid #272b24; border-radius: 7px; background: #181b16; color: #f4f5ef; box-shadow: 0 36px 90px rgba(17,19,15,.22); transform: perspective(1600px) rotateY(-3deg); transform-origin: left center; }
.workbench-head { height: 44px; display: flex; align-items: center; justify-content: space-between; padding: 0 15px; border-bottom: 1px solid var(--dark-line); color: #b8bdb2; font-size: 9px; font-weight: 850; letter-spacing: .08em; }
.wb-brand, .wb-status { display: flex; align-items: center; gap: 8px; }
.wb-brand i { width: 10px; height: 10px; background: var(--acid); border-radius: 2px; }
.wb-status span { width: 6px; height: 6px; border-radius: 50%; background: var(--acid); }
.workbench-body { min-height: 480px; display: grid; grid-template-columns: 142px 1fr; }
.wb-sidebar { display: flex; flex-direction: column; gap: 4px; padding: 18px 10px; border-right: 1px solid var(--dark-line); }
.wb-sidebar small { margin: 2px 8px 8px; color: #73796d; font-size: 8px; letter-spacing: .12em; }
.wb-sidebar small:nth-of-type(2) { margin-top: 22px; }
.wb-sidebar button { display: flex; align-items: center; gap: 8px; width: 100%; padding: 9px 8px; border: 0; border-radius: 3px; background: transparent; color: #949a8f; font-size: 10px; text-align: left; }
.wb-sidebar button.active { background: #292d25; color: var(--white); }
.wb-sidebar b { width: 16px; color: var(--acid); font: 11px Consolas, monospace; }
.wb-main { min-width: 0; padding: 28px; }
.wb-title-row { display: flex; align-items: start; justify-content: space-between; gap: 20px; }
.wb-title-row small, .pipeline-node small, .float-card small { color: #787f73; font-size: 8px; letter-spacing: .12em; }
.wb-title-row h2 { margin: 7px 0 0; font-size: 22px; letter-spacing: -.03em; }
.running-badge { padding: 5px 7px; border: 1px solid #4c563a; border-radius: 3px; color: var(--acid); font-size: 8px; letter-spacing: .08em; }
.pipeline { display: grid; grid-template-columns: 1fr 30px 1fr 30px 1fr; align-items: center; margin-top: 30px; }
.pipeline-node { min-height: 104px; display: grid; grid-template-columns: auto 1fr auto; align-items: start; gap: 9px; padding: 12px; border: 1px solid var(--dark-line); border-radius: 4px; background: #1e211b; }
.pipeline-node > span { width: 22px; height: 22px; display: grid; place-items: center; border: 1px solid #4a5045; border-radius: 2px; color: #aab0a5; font-size: 8px; }
.pipeline-node div { display: grid; gap: 8px; }
.pipeline-node strong { font-size: 10px; line-height: 1.35; }
.pipeline-node > i { color: var(--acid); font-size: 10px; font-style: normal; }
.pipeline-node.active { border-color: var(--acid); background: #24291c; }
.pipeline-node.active > i { width: 7px; height: 7px; border-radius: 50%; background: var(--acid); box-shadow: 0 0 0 4px rgba(215,255,63,.1); }
.pipeline-link { height: 1px; background: var(--acid); }
.pipeline-link.muted { background: #50554b; }
.output-console { margin-top: 28px; border: 1px solid var(--dark-line); border-radius: 4px; background: #121510; }
.console-head { display: flex; justify-content: space-between; padding: 10px 12px; border-bottom: 1px solid var(--dark-line); color: #7f8579; font-size: 8px; letter-spacing: .1em; }
.console-grid { display: grid; grid-template-columns: 145px 1fr; min-height: 162px; }
.score { display: flex; flex-wrap: wrap; align-content: center; padding: 18px; border-right: 1px solid var(--dark-line); }
.score strong { color: var(--acid); font-size: 55px; line-height: 1; letter-spacing: -.07em; }
.score > span { align-self: center; color: #73796d; font-size: 14px; }
.score small { width: 100%; margin-top: 8px; color: #73796d; font-size: 7px; letter-spacing: .08em; }
.checks { display: grid; align-content: center; gap: 15px; padding: 18px; }
.checks p { display: grid; grid-template-columns: auto 1fr auto; align-items: center; gap: 9px; margin: 0; color: #c6cbc1; font-size: 9px; }
.checks i { width: 6px; height: 6px; border-radius: 50%; background: var(--acid); }
.checks i.warn { background: #ffd34e; }.checks i.risk { background: var(--orange); }
.checks b { color: var(--white); }
.float-card { position: absolute; z-index: 3; width: 174px; display: grid; gap: 5px; padding: 12px; border: 1px solid #dfe2d9; border-radius: 4px; background: var(--white); color: var(--ink); box-shadow: 0 15px 40px rgba(17,19,15,.14); }
.float-card strong { font-size: 12px; }.float-card span { color: var(--muted); font-size: 9px; }
.float-input { left: -42px; bottom: 68px; }.float-output { right: -34px; top: 112px; border-top: 3px solid var(--acid-dark); }
.tool-rail { min-height: 78px; display: flex; align-items: center; justify-content: center; gap: clamp(13px,2vw,30px); padding: 20px clamp(20px,4vw,64px); border-top: 1px solid var(--line); border-bottom: 1px solid var(--line); white-space: nowrap; overflow: hidden; }
.tool-rail > span { color: #858a80; font-size: 9px; letter-spacing: .1em; }.tool-rail strong { font-size: 13px; }.tool-rail i { width: 3px; height: 3px; border-radius: 50%; background: #a3a79f; }

.section { max-width: 1500px; margin: 0 auto; padding: 120px clamp(24px,5vw,76px); }
.section-intro { display: grid; grid-template-columns: .42fr 1fr .7fr; align-items: start; gap: 50px; margin-bottom: 64px; }
.section-index { margin: 8px 0 0; }.section-index.light { color: #9ca295; }
.section-intro h2, .lab-head h2, .outcomes-title h2, .about h2, .register h2 { margin: 0; font-size: clamp(42px,5vw,72px); line-height: 1.02; letter-spacing: -.05em; }
.section-intro > p:last-child { margin: 7px 0 0; color: var(--muted); font-size: 16px; line-height: 1.7; }
.platform-grid { display: grid; grid-template-columns: repeat(3,1fr); border-top: 1px solid var(--line); border-left: 1px solid var(--line); }
.platform-card { min-width: 0; display: grid; grid-template-rows: auto 260px 1fr; border-right: 1px solid var(--line); border-bottom: 1px solid var(--line); background: rgba(255,255,255,.26); }
.card-number { justify-self: end; margin: 18px 18px 0; color: #868b81; font: 10px Consolas, monospace; }
.card-visual { position: relative; min-height: 260px; display: grid; place-items: center; overflow: hidden; }
.card-copy { padding: 30px; border-top: 1px solid var(--line); }
.card-copy small { color: var(--blue); font-size: 9px; font-weight: 900; letter-spacing: .12em; }
.card-copy h3 { margin: 14px 0 12px; font-size: 27px; line-height: 1.1; letter-spacing: -.03em; }
.card-copy p { margin: 0; color: var(--muted); font-size: 14px; line-height: 1.65; }
.source-visual { grid-template-columns: repeat(3,66px); gap: 12px; align-content: center; }
.file { height: 82px; display: grid; place-items: end start; padding: 10px; border: 1px solid var(--line); border-radius: 3px; background: var(--white); box-shadow: 0 12px 30px rgba(17,19,15,.07); font-size: 10px; font-weight: 900; }
.file-pdf { transform: rotate(-7deg); border-top: 3px solid var(--orange); }.file-xls { transform: translateY(-12px); border-top: 3px solid #16a46d; }.file-doc { transform: rotate(7deg); border-top: 3px solid var(--blue); }
.source-line { position: absolute; bottom: 44px; width: 62%; height: 1px; background: var(--line); }.source-visual b { position: absolute; bottom: 27px; font-size: 8px; letter-spacing: .1em; }
.logic-visual { background-image: linear-gradient(var(--line) 1px,transparent 1px),linear-gradient(90deg,var(--line) 1px,transparent 1px); background-size: 32px 32px; }
.logic-core { z-index: 2; width: 112px; height: 112px; display: grid; place-items: center; border: 1px solid var(--ink); border-radius: 50%; background: var(--acid); font-size: 38px; font-weight: 900; box-shadow: 0 0 0 18px rgba(215,255,63,.25); }.logic-core span { display: block; margin-top: -30px; font-size: 7px; letter-spacing: .1em; }
.logic-dot { position: absolute; width: 10px; height: 10px; border: 2px solid var(--ink); border-radius: 50%; background: var(--paper); }.d1{top:38px;left:23%}.d2{top:52px;right:21%}.d3{bottom:42px;left:19%}.d4{right:27%;bottom:26px}
.deliverable-visual { align-content: center; gap: 8px; padding: 36px; }
.deliverable-visual div { width: 100%; display: flex; justify-content: space-between; padding: 14px; border: 1px solid var(--line); background: var(--white); font: 9px Consolas,monospace; }.deliverable-visual b { color: #16845a; }

.lab { max-width: none; background: var(--ink); color: var(--white); }
.lab-head, .lab-shell { max-width: 1350px; margin-left: auto; margin-right: auto; }
.lab-head { display: grid; grid-template-columns: 1fr 360px; align-items: end; gap: 60px; margin-bottom: 54px; }
.lab-head p:last-child { color: #9ea399; line-height: 1.7; }
.lab-shell { border: 1px solid var(--dark-line); border-radius: var(--radius); background: #161914; }
.lab-tabs { display: grid; grid-template-columns: repeat(4,1fr); border-bottom: 1px solid var(--dark-line); }
.lab-tabs button { min-height: 58px; padding: 14px; border: 0; border-right: 1px solid var(--dark-line); background: transparent; color: #92988c; font-size: 10px; font-weight: 850; letter-spacing: .05em; }.lab-tabs button:last-child{border-right:0}.lab-tabs button.is-active { background: var(--acid); color: var(--ink); }
.lab-canvas { min-height: 420px; display: grid; grid-template-columns: 1fr 170px 1fr; align-items: stretch; padding: 44px; }
.lab-panel { position: relative; padding: 34px; border: 1px solid var(--dark-line); border-radius: 4px; background: #1c1f19; }
.lab-panel > small { color: #7d8377; font-size: 9px; letter-spacing: .12em; }.lab-panel h3 { margin: 65px 0 14px; font-size: 34px; letter-spacing: -.04em; }.lab-panel p { max-width: 400px; color: #9da397; font-size: 14px; line-height: 1.6; }
.before-panel { opacity: .75; }.after-panel { border-color: #687638; background: #20251a; box-shadow: inset 0 3px var(--acid); }
.text-lines { display:grid;gap:10px;margin-top:35px}.text-lines i{height:5px;background:#353930}.text-lines i:nth-child(2){width:72%}.text-lines i:nth-child(3){width:88%}.text-lines i:nth-child(4){width:61%}.text-lines i:nth-child(5){width:80%}
.lab-engine { display: grid; place-items: center; align-content: center; gap: 15px; }.lab-engine > span { width: 52px; height: 52px; display: grid; place-items: center; border-radius: 50%; background: var(--acid); color: var(--ink); font-size: 20px; font-weight: 900; }.lab-engine small{font-size:7px;letter-spacing:.12em;color:#777d71}.lab-engine div{width:90px;height:1px;background:#3c4237;overflow:hidden}.lab-engine i{display:block;width:30px;height:1px;background:var(--acid);animation:process 1.8s infinite ease-in-out}@keyframes process{from{transform:translateX(-30px)}to{transform:translateX(90px)}}
.quality-row { display: flex; flex-wrap: wrap; gap: 8px; margin-top: 50px; }.quality-row span { padding: 8px 9px; border: 1px solid #3f4b2a; border-radius: 3px; color: var(--acid); font-size: 8px; font-weight: 850; }.quality-row i{display:inline-block;width:5px;height:5px;margin-right:5px;border-radius:50%;background:var(--acid)}

.program-intro { grid-template-columns: .42fr 1fr .7fr; }.sprint-list { border-top: 1px solid var(--line); }
.sprint-list article { min-height: 132px; display: grid; grid-template-columns: 70px 1fr 1fr 90px; align-items: center; gap: 36px; border-bottom: 1px solid var(--line); transition: background .2s,padding .2s; }.sprint-list article:hover{padding:0 18px;background:var(--white)}
.sprint-no { font: 12px Consolas,monospace; color: var(--blue); }.sprint-list small { color: #878c82; font-size: 8px; letter-spacing: .1em; }.sprint-list h3 { margin: 7px 0 0; font-size: 23px; letter-spacing: -.03em; }.sprint-list p { margin: 0; color: var(--muted); font-size: 14px; line-height: 1.5; }.sprint-list b { color: #8a8f85; font-size: 8px; letter-spacing: .1em; text-align:right; }

.outcomes { display: grid; grid-template-columns: .8fr 1.2fr; gap: 80px; border-top: 1px solid var(--line); }.outcomes-title { position: sticky; top: 30px; align-self: start; }.outcome-matrix { display: grid; grid-template-columns: repeat(2,1fr); border-top: 1px solid var(--line); border-left: 1px solid var(--line); }.outcome-matrix article { min-height: 210px; padding: 24px; border-right: 1px solid var(--line); border-bottom: 1px solid var(--line); }.outcome-matrix span{color:var(--blue);font:10px Consolas,monospace}.outcome-matrix h3{margin:70px 0 8px;font-size:22px;letter-spacing:-.03em}.outcome-matrix p{margin:0;color:var(--muted);font-size:13px;line-height:1.5}

.about { border-top: 1px solid var(--line); }.about-identity { display: grid; grid-template-columns: 300px 1fr; align-items: center; gap: 70px; max-width: 1100px; }.portrait-mark { position: relative; width: 300px; aspect-ratio: 1; display: grid; place-items:center; overflow:hidden; border-radius:4px;background:var(--blue);color:var(--white)}.portrait-mark::before{content:"";position:absolute;inset:26px;border:1px solid rgba(255,255,255,.35);border-radius:50%}.portrait-mark span{font-size:80px;font-weight:900;letter-spacing:-.08em}.portrait-mark i{position:absolute;left:18px;bottom:15px;font-size:8px;font-style:normal;letter-spacing:.12em}.about-identity > div:last-child > p:last-child{max-width:720px;margin:26px 0 0;color:var(--muted);font-size:17px;line-height:1.7}.about-stats{display:grid;grid-template-columns:repeat(3,1fr);margin-top:70px;border-top:1px solid var(--line);border-left:1px solid var(--line)}.about-stats div{min-height:150px;display:grid;align-content:center;gap:9px;padding:26px;border-right:1px solid var(--line);border-bottom:1px solid var(--line)}.about-stats strong{font-size:42px;letter-spacing:-.05em}.about-stats span{color:var(--muted);font-size:12px}

.register { max-width:none; display:grid;grid-template-columns:1.15fr .85fr;gap:90px;padding-left:max(24px,calc((100vw - 1350px)/2));padding-right:max(24px,calc((100vw - 1350px)/2));background:var(--blue);color:var(--white)}.register-copy>p:not(.section-index){max-width:700px;margin:25px 0;color:#ccd4ff;font-size:17px;line-height:1.65}.direct-contact{display:grid;grid-template-columns:1fr 1fr;gap:1px;margin-top:36px;background:rgba(255,255,255,.25)}.direct-contact a{display:grid;grid-template-columns:1fr auto;gap:5px;padding:18px;background:var(--blue)}.direct-contact small{grid-column:1/3;color:#bac5ff;font-size:8px;letter-spacing:.1em}.direct-contact strong{font-size:18px}.direct-contact a:hover{background:#2749dc}.faq-list{margin-top:38px;border-top:1px solid rgba(255,255,255,.25)}.faq-list details{border-bottom:1px solid rgba(255,255,255,.25)}.faq-list summary{padding:16px 0;font-size:13px;font-weight:800;cursor:pointer}.faq-list p{margin:0 0 15px!important;color:#ccd4ff!important;font-size:13px!important}
.signup-form{display:grid;align-self:start;gap:14px;padding:26px;border-radius:var(--radius);background:var(--white);color:var(--ink);box-shadow:0 30px 80px rgba(8,20,91,.28)}.form-head{display:flex;justify-content:space-between;margin-bottom:10px;padding-bottom:16px;border-bottom:1px solid var(--line);font-size:9px;font-weight:900;letter-spacing:.1em}.form-head i{font-style:normal;color:var(--blue)}.signup-form label{display:grid;gap:7px;font-size:11px;font-weight:850}.signup-form input,.signup-form textarea{width:100%;padding:12px;border:1px solid var(--line);border-radius:3px;background:#f8f9f5;color:var(--ink)}.signup-form textarea{resize:vertical}.signup-form fieldset{display:grid;grid-template-columns:repeat(2,1fr);gap:9px;margin:0;padding:13px;border:1px solid var(--line);border-radius:3px}.signup-form legend{padding:0 5px;font-size:11px;font-weight:850}.signup-form fieldset label{display:grid;grid-template-columns:auto 1fr;align-items:center;gap:7px;color:var(--muted)}.signup-form input[type=checkbox]{width:16px;height:16px;accent-color:var(--blue)}.submit-btn{justify-content:space-between;background:var(--acid);color:var(--ink)}.submit-btn:hover{background:var(--acid-dark)}.form-note{margin:0;color:var(--muted);font-size:10px}.form-note.success{color:#15845a;font-weight:800}.hp-field{position:absolute;left:-10000px;width:1px!important;height:1px}

.site-footer{min-height:120px;display:flex;align-items:center;justify-content:space-between;gap:20px;padding:30px clamp(24px,5vw,76px);background:var(--ink);color:var(--white)}.site-footer p{margin:0;color:#7f8579;font-size:9px;letter-spacing:.1em}.site-footer>a:last-child{font-size:9px;font-weight:850;letter-spacing:.08em}.site-footer .brand-mark{background:var(--acid);color:var(--ink)}.site-footer .brand-name span{color:#8a9084}
.mobile-sticky-cta{display:none}.demo-modal{position:fixed;inset:0;z-index:100;display:none;place-items:center;padding:20px;background:rgba(17,19,15,.82)}.demo-modal.is-open{display:grid}.demo-modal-panel{width:min(760px,100%);padding:38px;border-radius:6px;background:var(--paper);box-shadow:0 30px 100px rgba(0,0,0,.4)}.demo-modal-panel h2{font-size:42px;letter-spacing:-.04em}.modal-close{float:right;border:0;background:transparent;font-size:30px}.modal-flow{display:grid;grid-template-columns:1fr auto 1fr auto 1fr;align-items:center;gap:18px;margin:38px 0}.modal-flow>span{display:grid;gap:15px;min-height:110px;padding:18px;border:1px solid var(--line);font-weight:900}.modal-flow small{color:var(--muted);font-size:11px}

@media (max-width: 1120px){
  .nav{display:none}.site-header{grid-template-columns:1fr auto}.hero-grid{grid-template-columns:1fr;padding-top:65px}.hero-copy{max-width:820px;padding:0 0 55px}.workbench{min-width:0;width:100%;transform:none}.section-intro{grid-template-columns:1fr}.section-intro h2{grid-row:2}.section-intro>p:last-child{max-width:650px}.platform-grid{grid-template-columns:1fr}.platform-card{grid-template-columns:1fr 1fr;grid-template-rows:auto 1fr}.card-number{grid-column:1/3}.card-visual{grid-row:2}.card-copy{border-top:0;border-left:1px solid var(--line)}.outcomes{grid-template-columns:1fr}.outcomes-title{position:static}.register{gap:40px}.lab-canvas{grid-template-columns:1fr 100px 1fr}
}
@media (max-width: 760px){
  body{padding-bottom:62px}.site-header{height:64px;padding:0 16px}.brand-mark{width:28px;height:28px}.nav-cta{padding:9px 10px;font-size:11px}.nav-cta span{display:none}.hero-grid{min-height:0;padding:54px 16px 42px}.system-label{margin-bottom:20px}h1{font-size:52px;line-height:.96}.hero-lead{font-size:16px;line-height:1.55}.hero-actions{display:grid}.btn{width:100%}.hero-proof{margin-top:34px}.hero-proof div{padding-right:8px}.hero-proof div+div{padding-left:10px}.hero-proof strong{font-size:22px}.hero-proof span{font-size:10px}.workbench{margin-top:44px}.workbench-body{grid-template-columns:1fr}.wb-sidebar{display:none}.wb-main{padding:16px}.wb-title-row h2{font-size:18px}.pipeline{grid-template-columns:1fr;gap:7px}.pipeline-link{width:1px;height:10px;margin-left:24px}.pipeline-node{min-height:66px}.console-grid{grid-template-columns:95px 1fr}.score{padding:12px}.score strong{font-size:38px}.checks{gap:10px;padding:12px}.checks p{font-size:8px}.float-card{display:none}.tool-rail{justify-content:flex-start;overflow-x:auto;padding:17px 16px}.tool-rail>span{display:none}.section{padding:80px 16px}.section-intro{gap:12px;margin-bottom:38px}.section-intro h2,.lab-head h2,.outcomes-title h2,.about h2,.register h2{font-size:42px}.platform-card{grid-template-columns:1fr;grid-template-rows:auto 220px 1fr}.card-number{grid-column:auto}.card-visual{grid-row:auto;min-height:220px}.card-copy{border-left:0;border-top:1px solid var(--line);padding:24px}.lab-head{grid-template-columns:1fr;gap:18px;margin-bottom:32px}.lab-tabs{grid-template-columns:repeat(2,1fr)}.lab-tabs button:nth-child(2){border-right:0}.lab-tabs button:nth-child(-n+2){border-bottom:1px solid var(--dark-line)}.lab-canvas{min-height:0;grid-template-columns:1fr;padding:16px}.lab-panel{padding:24px}.lab-panel h3{margin-top:38px;font-size:29px}.lab-engine{min-height:110px}.sprint-list article{grid-template-columns:44px 1fr;gap:12px;padding:20px 0}.sprint-list article:hover{padding:20px 10px}.sprint-list p{grid-column:2}.sprint-list b{display:none}.outcomes{gap:40px}.outcome-matrix{grid-template-columns:1fr}.outcome-matrix article{min-height:170px}.outcome-matrix h3{margin-top:45px}.about-identity{grid-template-columns:1fr;gap:36px}.portrait-mark{width:100%;max-width:330px}.about-stats{grid-template-columns:1fr}.about-stats div{min-height:110px}.register{grid-template-columns:1fr;padding:80px 16px;gap:48px}.direct-contact{grid-template-columns:1fr}.signup-form{padding:20px}.site-footer{flex-direction:column;align-items:flex-start;padding:35px 16px}.mobile-sticky-cta{position:fixed;z-index:70;left:0;right:0;bottom:0;height:62px;display:grid;grid-template-columns:repeat(3,1fr);padding:6px;background:var(--ink);transform:translateY(100%);transition:transform .2s}.show-sticky-cta .mobile-sticky-cta{transform:translateY(0)}.mobile-sticky-cta a{display:grid;place-items:center;border-right:1px solid #34382f;color:var(--white);font-size:12px;font-weight:850}.mobile-sticky-cta a:last-child{border:0;background:var(--acid);color:var(--ink)}.modal-flow{grid-template-columns:1fr}.modal-flow>i{display:none}.modal-flow>span{min-height:72px}.demo-modal-panel{padding:24px}.demo-modal-panel h2{font-size:34px}
}
@media (prefers-reduced-motion: reduce){html{scroll-behavior:auto}.lab-engine i{animation:none}.btn{transition:none}}

/* Vong visual QA cuoi */
:root {
  --paper: #f7f7f3;
  --line: #dedfd8;
  --soft-shadow: 0 20px 60px rgba(25, 28, 22, .08);
  --product-shadow: 0 42px 110px rgba(15, 18, 13, .25);
}

body { background: var(--paper); }
.site-header {
  position: sticky;
  top: 0;
  height: 72px;
  max-width: 1500px;
  margin: 0 auto;
  padding: 0 clamp(24px, 5vw, 72px);
  border-bottom-color: rgba(17, 19, 15, .09);
  background: rgba(247, 247, 243, .88);
}
.brand { gap: 12px; }
.brand-mark {
  position: relative;
  width: 34px;
  height: 34px;
  overflow: hidden;
  border-radius: 7px;
  font-size: 16px;
  box-shadow: inset 0 0 0 1px rgba(255, 255, 255, .12);
}
.brand-mark::after {
  content: "";
  position: absolute;
  width: 22px;
  height: 2px;
  right: -8px;
  bottom: 7px;
  background: var(--acid);
  transform: rotate(-45deg);
}
.brand-name { font-size: 15px; font-weight: 800; }
.nav { gap: 8px; padding: 5px; border: 1px solid rgba(17, 19, 15, .08); border-radius: 9px; background: rgba(255, 255, 255, .48); }
.nav a { min-height: 36px; display: flex; align-items: center; padding: 0 14px; border-radius: 6px; color: #65695f; font-size: 14px; font-weight: 600; }
.nav a:hover { background: var(--white); color: var(--ink); box-shadow: 0 3px 12px rgba(17, 19, 15, .06); }
.nav-cta { min-height: 42px; gap: 18px; padding: 0 16px; border-radius: 7px; background: var(--ink); color: var(--white); font-size: 14px; font-weight: 650; }
.nav-cta:hover { background: #2a2e26; }

.hero { position: relative; background: #f9f9f6; }
.hero::before {
  content: "";
  position: absolute;
  inset: 0;
  pointer-events: none;
  opacity: .32;
  background-image: linear-gradient(rgba(17, 19, 15, .05) 1px, transparent 1px), linear-gradient(90deg, rgba(17, 19, 15, .05) 1px, transparent 1px);
  background-size: 72px 72px;
  mask-image: linear-gradient(to bottom, #000, transparent 78%);
}
.hero-grid {
  position: relative;
  min-height: 760px;
  grid-template-columns: minmax(500px, .9fr) minmax(680px, 1.1fr);
  align-items: center;
  padding-top: 72px;
  padding-bottom: 72px;
}
.hero-copy { padding-right: 48px; }
.system-label { margin-bottom: 28px; color: #6e7269; font-size: 13px; font-weight: 650; letter-spacing: .04em; }
h1 { max-width: 650px; margin-bottom: 28px; font-size: clamp(60px, 5.4vw, 82px); line-height: .98; letter-spacing: -.052em; font-weight: 720; }
h1 em { font-weight: 720; }
.hero-lead { max-width: 590px; margin-bottom: 32px; color: #5e625a; font-size: 17px; line-height: 1.7; }
.hero-actions { gap: 12px; }
.btn { min-height: 52px; border-radius: 7px; font-weight: 650; }
.btn-primary { box-shadow: 0 12px 30px rgba(17, 19, 15, .16); }
.btn-secondary { border-color: #d4d6ce; background: rgba(255, 255, 255, .78); }
.hero-proof { margin-top: 48px; border-color: rgba(17, 19, 15, .1); }
.hero-proof div { min-height: 76px; padding-top: 18px; border-color: rgba(17, 19, 15, .1); }
.hero-proof strong { font-size: 28px; font-weight: 650; }
.hero-proof span { font-size: 14px; }

.workbench {
  min-width: 720px;
  border-color: #353a31;
  border-radius: 10px;
  background: #1a1d18;
  box-shadow: var(--product-shadow), 0 0 0 10px rgba(255, 255, 255, .38);
  transform: perspective(1800px) rotateY(-2deg) rotateX(1deg);
}
.workbench::after {
  content: "";
  position: absolute;
  z-index: -1;
  inset: 20% 8% -48px;
  background: rgba(60, 74, 44, .2);
  filter: blur(34px);
}
.workbench-head { height: 48px; padding: 0 16px; font-size: 12px; letter-spacing: 0; }
.wb-window-dots { display: flex; gap: 6px; }
.wb-window-dots i { width: 8px; height: 8px; border-radius: 50%; background: #454a40; }
.wb-window-dots i:first-child { background: #6a705f; }
.wb-brand { position: absolute; left: 50%; transform: translateX(-50%); color: #c6cbc0; font-weight: 650; }
.wb-status { font-size: 11px; }
.workbench-body { min-height: 500px; grid-template-columns: 154px 1fr; }
.wb-sidebar { padding: 22px 12px; border-color: rgba(255, 255, 255, .08); }
.wb-sidebar small { margin-bottom: 10px; color: #787e73; font-size: 11px; letter-spacing: 0; text-transform: none; }
.wb-sidebar button { min-height: 38px; padding: 9px 10px; border-radius: 6px; color: #a5aa9f; font-size: 12px; }
.wb-sidebar button.active { background: #2a2e27; box-shadow: inset 2px 0 var(--acid); }
.wb-main { padding: 26px 28px 28px; }
.wb-title-row small, .pipeline-node small, .float-card small { color: #92988d; font-size: 11px; letter-spacing: 0; text-transform: none; }
.wb-title-row h2 { margin-top: 6px; font-size: 23px; font-weight: 650; }
.running-badge { padding: 6px 9px; border-color: #56613d; border-radius: 5px; font-size: 10px; letter-spacing: 0; }
.pipeline { margin-top: 25px; }
.pipeline-node { min-height: 96px; align-items: center; padding: 13px; border-color: rgba(255, 255, 255, .1); border-radius: 7px; background: #20231e; }
.pipeline-node > span { border-radius: 5px; font-size: 9px; }
.pipeline-node strong { font-size: 12px; font-weight: 600; }
.pipeline-node.active { border-color: rgba(215, 255, 63, .56); background: #262b20; box-shadow: 0 8px 22px rgba(0, 0, 0, .16); }
.pipeline-link { opacity: .7; }
.output-console { margin-top: 24px; overflow: hidden; border-color: rgba(255, 255, 255, .1); border-radius: 8px; background: #131611; }
.console-head { padding: 11px 13px; font-size: 10px; letter-spacing: 0; text-transform: none; }
.console-grid { grid-template-columns: 142px 1fr; min-height: 184px; }
.document-preview { display: grid; align-content: center; justify-items: center; gap: 9px; padding: 14px; border-right: 1px solid var(--dark-line); background: #181b16; }
.document-preview > small { max-width: 115px; overflow: hidden; color: #949a8e; font-size: 9px; text-overflow: ellipsis; white-space: nowrap; }
.doc-sheet { position: relative; width: 82px; height: 108px; padding: 14px 11px; border-radius: 3px; background: #f4f5ef; box-shadow: 0 10px 22px rgba(0, 0, 0, .25); }
.doc-sheet b { display: block; width: 55%; height: 5px; margin-bottom: 13px; background: #22261f; }
.doc-sheet i { display: block; width: 100%; height: 3px; margin: 7px 0; border-radius: 2px; background: #c9ccc4; }
.doc-sheet i:nth-of-type(2) { width: 76%; }
.doc-sheet i:nth-of-type(4) { width: 62%; }
.doc-sheet span { position: absolute; right: 8px; bottom: 7px; color: #8c9187; font-size: 8px; }
.result-summary { display: grid; grid-template-columns: 112px 1fr; align-content: center; padding: 17px; }
.score { align-content: center; padding: 0; border: 0; }
.score strong { font-size: 49px; font-weight: 650; }
.score small { color: #8c9286; font-size: 9px; letter-spacing: 0; text-transform: none; }
.checks { gap: 14px; padding: 0; }
.checks p { font-size: 10px; }
.progress-track { grid-column: 1 / 3; height: 4px; margin-top: 20px; overflow: hidden; border-radius: 8px; background: #2d3229; }
.progress-track i { display: block; width: 86%; height: 100%; border-radius: inherit; background: var(--acid); animation: load-progress 2.4s ease-out both; }
@keyframes load-progress { from { width: 12%; } to { width: 86%; } }
.float-card { width: 186px; gap: 6px; padding: 14px; border-radius: 8px; box-shadow: 0 20px 50px rgba(17, 19, 15, .16); }
.float-card strong { font-size: 13px; }.float-card span { font-size: 10px; }
.float-input { left: -30px; bottom: 54px; }.float-output { right: -24px; top: 118px; }
.tool-rail { min-height: 88px; gap: clamp(18px, 2.2vw, 34px); background: #f3f4ef; }
.tool-rail > span { font-size: 11px; letter-spacing: .04em; }.tool-rail strong { color: #555a51; font-size: 14px; font-weight: 600; }

.section { padding-top: 136px; padding-bottom: 136px; }
.section-index { color: #777c72; font-size: 12px; font-weight: 650; letter-spacing: .05em; }
.section-intro { gap: 56px; margin-bottom: 72px; }
.section-intro h2, .lab-head h2, .outcomes-title h2, .about h2, .register h2 { font-weight: 650; }
.section-intro > p:last-child { font-size: 16px; }

.platform-grid { gap: 20px; border: 0; }
.platform-card { grid-template-rows: auto 272px 1fr; overflow: hidden; border: 1px solid rgba(17, 19, 15, .08); border-radius: 10px; background: rgba(255, 255, 255, .64); box-shadow: 0 18px 60px rgba(25, 28, 22, .04); }
.platform-card:nth-child(2) { transform: translateY(24px); }
.card-number { margin: 20px 22px 0; font-size: 12px; }
.card-copy { padding: 32px; border-color: rgba(17, 19, 15, .07); }
.card-copy small { color: #70756b; font-size: 11px; letter-spacing: .04em; }
.card-copy h3 { margin-top: 16px; font-size: 28px; font-weight: 650; }
.card-copy p { font-size: 15px; }
.file, .deliverable-visual div { border-color: rgba(17, 19, 15, .09); box-shadow: 0 15px 35px rgba(17, 19, 15, .08); }
.logic-visual { background-size: 40px 40px; }
.logic-core { width: 116px; height: 116px; box-shadow: 0 0 0 16px rgba(215, 255, 63, .16), 0 18px 45px rgba(17, 19, 15, .12); }

.lab { padding-top: 132px; padding-bottom: 132px; }
.lab-head { margin-bottom: 56px; }
.lab-head p:last-child { font-size: 16px; }
.lab-shell { overflow: hidden; border-color: rgba(255, 255, 255, .12); border-radius: 10px; background: #171a15; box-shadow: 0 35px 90px rgba(0, 0, 0, .2); }
.lab-tabs { gap: 6px; padding: 8px; border-bottom-color: rgba(255, 255, 255, .09); background: #121510; }
.lab-tabs button { min-height: 48px; border: 0; border-radius: 6px; color: #9ca197; font-size: 14px; font-weight: 600; letter-spacing: 0; }
.lab-tabs button.is-active { background: #2b3027; color: var(--white); box-shadow: inset 0 -2px var(--acid); }
.lab-caption { display: grid; grid-template-columns: 1fr auto 1fr; align-items: center; gap: 28px; padding: 28px 36px; border-bottom: 1px solid rgba(255, 255, 255, .09); }
.lab-caption > div { min-width: 0; }.lab-caption > i { color: var(--acid); font-size: 18px; font-style: normal; }
.lab-caption span { color: #8f958a; font-size: 13px; }.lab-caption h3 { margin: 5px 0; font-size: 22px; font-weight: 600; }.lab-caption p { margin: 0; color: #999f94; font-size: 14px; line-height: 1.5; }
.lab-stage { position: relative; min-height: 470px; padding: 36px; }
.lab-scene { display: none; min-height: 398px; animation: scene-in .35s ease both; }
.lab-scene.is-active { display: grid; }
@keyframes scene-in { from { opacity: 0; transform: translateY(8px); } to { opacity: 1; transform: none; } }
.word-scene { grid-template-columns: .78fr 100px 1fr; align-items: center; gap: 24px; }
.word-notes { position: relative; height: 310px; padding: 35px; border-radius: 8px; background: #20231e; transform: rotate(-1.5deg); }
.word-notes i { display: block; width: 88%; height: 7px; margin: 18px 0; border-radius: 2px; background: #3d4239; }.word-notes i:nth-child(2){width:63%}.word-notes i:nth-child(3){width:92%}.word-notes i:nth-child(4){width:71%}.word-notes b{position:absolute;right:28px;bottom:28px;width:70px;height:22px;border:1px solid #4c5247;border-radius:4px}
.scene-flow { display: grid; justify-items: center; gap: 24px; }.scene-flow span { width: 48px; height: 48px; display: grid; place-items: center; border-radius: 50%; background: var(--acid); color: var(--ink); font-weight: 800; }.scene-flow i{width:80px;height:1px;background:linear-gradient(90deg,#3d4338,var(--acid));}
.word-document { min-height: 350px; padding: 40px 48px; border-radius: 5px; background: #f5f5f0; color: var(--ink); box-shadow: 0 24px 65px rgba(0,0,0,.28); }.word-document header{display:flex;gap:6px;margin-bottom:45px}.word-document header i{width:7px;height:7px;border-radius:50%;background:#c5c7c0}.word-document strong{display:block;margin-bottom:28px;font-size:18px}.word-document>b{display:block;width:100%;height:6px;margin:14px 0;border-radius:3px;background:#d6d8d1}.word-document>b:nth-of-type(2){width:76%}.word-document>b:nth-of-type(4){width:62%}.word-document footer{display:flex;gap:8px;margin-top:38px}.word-document footer span{padding:6px 9px;border-radius:4px;background:#e9ecdf;color:#6c7b38;font-size:11px}
.excel-scene { grid-template-columns: 1fr 240px; gap: 24px; align-items: stretch; }.sheet{position:relative;overflow:hidden;border:1px solid #3b4037;border-radius:7px;background:#f3f4ef}.sheet header{height:40px;display:grid;grid-template-columns:repeat(5,1fr);padding-left:42px;background:#e8eae3;color:#64695f}.sheet header span{display:grid;place-items:center;border-left:1px solid #d3d6ce;font-size:11px}.sheet-cells{height:calc(100% - 40px);background-image:linear-gradient(#d9dbd4 1px,transparent 1px),linear-gradient(90deg,#d9dbd4 1px,transparent 1px);background-size:20% 38px;margin-left:42px}.cell-focus{position:absolute;left:42%;top:154px;width:20%;height:38px;border:2px solid #2a7e55;background:rgba(42,126,85,.1)}.excel-summary{display:grid;align-content:center;justify-items:center;gap:14px;border:1px solid #38402e;border-radius:7px;background:#20251c}.excel-summary strong{color:var(--acid);font-size:76px;font-weight:600}.excel-summary span{color:#aeb4a8;font-size:14px}.excel-summary div{display:flex;gap:7px;margin-top:26px}.excel-summary i{width:38px;height:5px;border-radius:4px;background:#3f453a}.excel-summary i:first-child{background:var(--acid)}
.notebook-scene { grid-template-columns: 260px 1fr; overflow:hidden;border:1px solid #363b32;border-radius:7px;background:#f1f2ed;color:var(--ink)}.notebook-scene aside{display:grid;align-content:start;gap:10px;padding:28px;border-right:1px solid #d4d7cf;background:#e8eae3}.notebook-scene aside span{margin-bottom:15px;color:#70766b;font-size:13px}.notebook-scene aside b{padding:14px;border-radius:5px;background:#f7f7f3;font-size:13px;font-weight:600}.source-answer{position:relative;padding:55px}.source-answer>i{display:block;width:88%;height:8px;margin:22px 0;border-radius:4px;background:#cfd2ca}.source-answer>i:nth-child(2){width:72%}.source-answer>i:nth-child(3){width:92%}.source-answer p{display:flex;gap:9px;margin-top:60px}.source-answer span{width:28px;height:28px;display:grid;place-items:center;border:1px solid #bac1af;border-radius:50%;color:#55643d;font-size:11px}
.codex-scene { grid-template-columns: 180px 1fr;grid-template-rows:1fr auto;overflow:hidden;border:1px solid #343a30;border-radius:7px;background:#0f120e}.file-tree{grid-row:1/3;display:grid;align-content:start;gap:8px;padding:24px;border-right:1px solid #2f342c;color:#8f958a}.file-tree span{margin-bottom:14px;font-size:11px}.file-tree b{padding:8px;border-radius:4px;font-size:12px;font-weight:500}.file-tree b.selected{background:#272c24;color:#d7dbd2}.terminal{display:grid;align-content:center;gap:18px;padding:44px;font:14px/1.4 Consolas,monospace}.terminal p{margin:0;color:#aab0a5}.terminal i{display:inline-block;width:28px;color:var(--acid);font-style:normal}.terminal span{width:9px;height:18px;background:var(--acid);animation:blink 1s step-end infinite}@keyframes blink{50%{opacity:0}}.generated-file{display:flex;align-items:center;gap:11px;padding:18px 44px;border-top:1px solid #30362d;background:#181c16}.generated-file i{width:26px;height:26px;display:grid;place-items:center;border-radius:5px;background:var(--acid);color:var(--ink);font-style:normal}.generated-file b{font-size:13px}

.sprint-list { position: relative; display: grid; grid-template-columns: repeat(4, 1fr); gap: 16px; border: 0; }
.sprint-list::before { content:""; position:absolute; top:86px; left:9%; right:9%; height:1px; background:#bfc3b9; }
.sprint-list article { position: relative; z-index: 1; min-height: 360px; display: grid; grid-template-columns: 1fr; align-content: start; gap: 22px; padding: 24px; border: 1px solid rgba(17,19,15,.09); border-radius: 10px; background: rgba(255,255,255,.68); box-shadow: 0 18px 50px rgba(25,28,22,.04); }
.sprint-list article:hover { padding: 24px; background: var(--white); transform: translateY(-4px); box-shadow: var(--soft-shadow); }
.sprint-no { width: 36px; height: 36px; display:grid;place-items:center;border-radius:50%;background:var(--ink);color:var(--white);font-size:12px; }
.sprint-icon { position: relative; width: 88px; height: 88px; margin: 2px 0 10px; border-radius: 8px; background: #eef0e9; }
.sprint-icon i { position:absolute;left:18px;right:18px;height:2px;background:#7a8175}.sprint-icon i:nth-child(1){top:26px}.sprint-icon i:nth-child(2){top:43px;width:38px}.sprint-icon i:nth-child(3){top:60px;width:25px}
.document-icon{border:1px solid #d9dcd3;background:#fff}.document-icon::after{content:"";position:absolute;right:0;top:0;border-style:solid;border-width:0 0 24px 24px;border-color:transparent transparent #e8eae3 transparent}.automation-icon{background:#1d211b}.automation-icon i{left:50%;right:auto;top:50%!important;width:8px!important;height:8px;border-radius:50%;background:var(--acid)}.automation-icon i:nth-child(1){transform:translate(-28px,-4px)}.automation-icon i:nth-child(2){transform:translate(-4px,-4px)}.automation-icon i:nth-child(3){transform:translate(20px,-4px)}.ship-icon{background:var(--blue)}.ship-icon i{left:20px;right:20px;background:#fff}.ship-icon i:nth-child(1){transform:rotate(45deg);top:43px}.ship-icon i:nth-child(2){transform:rotate(-45deg);top:43px}.ship-icon i:nth-child(3){display:none}
.sprint-list small { font-size: 11px; letter-spacing: .04em; }.sprint-list h3 { margin-top: 9px; font-size: 23px; font-weight: 650; }.sprint-list p { margin: 16px 0 0; font-size: 14px; }.sprint-list b { align-self:end;text-align:left;font-size:11px;letter-spacing:.04em;color:#73786e; }

.outcomes { border-color: rgba(17,19,15,.08); }.outcome-matrix { gap: 1px; border: 0; background: var(--line); }.outcome-matrix article { border: 0; background: var(--paper); }.outcome-matrix h3 { font-weight: 650; }

.about { border-color: rgba(17,19,15,.08); }.about-identity { grid-template-columns: 420px 1fr; gap: 88px; max-width: 1220px; }.portrait-mark { position:relative;width:420px;aspect-ratio:4/5;margin:0;overflow:hidden;border-radius:10px;background:#e8e9e3;box-shadow:var(--soft-shadow)}.portrait-mark::before{display:none}.portrait-mark img{width:100%;height:100%;display:block;object-fit:cover}.portrait-mark figcaption{position:absolute;left:16px;right:16px;bottom:16px;padding:11px 13px;border-radius:6px;background:rgba(17,19,15,.78);color:#e5e8df;font-size:11px;backdrop-filter:blur(12px)}.about-identity > div:last-child > p:last-child{font-size:18px}.about-stats{gap:1px;border:0;background:var(--line)}.about-stats div{border:0;background:var(--paper)}.about-stats strong{font-weight:650}.about-stats span{font-size:14px}

.register { background: #283fd1; }.register h2 { font-weight: 620; }.direct-contact { gap: 12px; background: transparent; }.direct-contact a { min-height: 82px; border: 1px solid rgba(255,255,255,.22); border-radius: 8px; background: rgba(255,255,255,.06); }.direct-contact small { font-size: 11px; letter-spacing: .04em; }.direct-contact a:hover { background: rgba(255,255,255,.12); }.faq-list summary { min-height: 50px; font-size: 14px; }
.signup-form { gap: 18px; padding: 32px; border-radius: 10px; box-shadow: 0 34px 90px rgba(8,20,91,.3); }.form-head { margin-bottom: 4px; padding-bottom: 20px; font-size: 13px; letter-spacing: 0; text-transform: none; }.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:14px}.signup-form label{gap:9px;font-size:14px;font-weight:600}.signup-form input,.signup-form textarea{min-height:48px;padding:13px 14px;border-radius:7px;background:#fafaf7;font-size:14px;transition:border-color .2s,box-shadow .2s,background .2s}.signup-form input:focus,.signup-form textarea:focus{border-color:#6880ff;background:#fff;box-shadow:0 0 0 4px rgba(49,87,255,.12);outline:0}.signup-form fieldset{grid-template-columns:repeat(2,1fr);gap:10px;padding:0;border:0}.signup-form legend{margin-bottom:10px;padding:0;font-size:14px;font-weight:600}.signup-form fieldset label{position:relative;min-height:46px;display:flex;align-items:center;padding:0 13px;border:1px solid var(--line);border-radius:7px;background:#fafaf7;color:#555a51;font-size:13px;cursor:pointer}.signup-form fieldset label:has(input:checked){border-color:#8292ed;background:#eef0ff;color:#253bb9;box-shadow:inset 0 0 0 1px #8292ed}.signup-form input[data-interest]{position:absolute;opacity:0;pointer-events:none}.form-more{border-top:1px solid var(--line);border-bottom:1px solid var(--line)}.form-more summary{min-height:52px;display:flex;align-items:center;justify-content:space-between;cursor:pointer;font-size:14px;font-weight:600;list-style:none}.form-more summary::-webkit-details-marker{display:none}.form-more summary::after{content:"+";margin-left:12px;color:var(--blue);font-size:18px}.form-more[open] summary::after{content:"−"}.form-more summary small{margin-left:auto;color:var(--muted);font-size:12px;font-weight:500}.form-more>div{display:grid;gap:14px;padding:4px 0 18px}.submit-btn{min-height:54px;border-radius:7px}.form-note{font-size:12px}.signup-form.is-submitted{box-shadow:0 34px 90px rgba(8,20,91,.3),inset 0 4px #47a873}
.offer-summary{display:grid;gap:18px;margin:30px 0;padding:24px;border:1px solid rgba(255,255,255,.22);border-radius:9px;background:rgba(255,255,255,.07)}.offer-summary>div{display:grid;grid-template-columns:1fr auto;align-items:end;gap:4px}.offer-summary>div span{font-size:13px}.offer-summary>div strong{grid-row:1/3;grid-column:2;font-size:36px}.offer-summary>div small{font-size:12px;color:#dce1ff}.offer-summary ul{display:grid;gap:11px;margin:0;padding:17px 0 0;border-top:1px solid rgba(255,255,255,.17);list-style:none}.offer-summary li{position:relative;padding-left:24px;font-size:14px}.offer-summary li::before{content:"✓";position:absolute;left:0;color:var(--acid);font-weight:900}
.checkout-card{align-self:start}.checkout-card>section,.checkout-card>form{color:var(--ink)}.consent-check{display:flex!important;grid-template-columns:none!important;align-items:flex-start;gap:10px!important;font-weight:500!important;line-height:1.45}.consent-check input{position:static!important;inset:auto!important;width:18px!important;height:18px!important;min-height:18px!important;flex:0 0 18px;padding:0!important;opacity:1!important;pointer-events:auto!important;accent-color:var(--blue)}.consent-check a{color:var(--blue);text-decoration:underline;text-underline-offset:2px}
.payment-panel{display:grid;gap:18px;padding:30px;border-radius:10px;background:var(--white);box-shadow:0 34px 90px rgba(8,20,91,.3)}.payment-panel[hidden]{display:none}.payment-panel>img{width:min(100%,360px);height:auto;justify-self:center;border:1px solid var(--line);border-radius:8px;background:#fff}.payment-amount{display:flex;align-items:end;justify-content:space-between;padding:17px 0;border-top:1px solid var(--line);border-bottom:1px solid var(--line)}.payment-amount span{color:var(--muted);font-size:13px}.payment-amount strong{font-size:28px}.payment-details{display:grid;gap:0;margin:0}.payment-details>div{display:grid;grid-template-columns:120px 1fr;gap:14px;padding:12px 0;border-bottom:1px solid var(--line)}.payment-details dt{color:var(--muted);font-size:12px}.payment-details dd{display:flex;align-items:center;justify-content:space-between;gap:10px;margin:0;font-size:14px;font-weight:700}.payment-details button{min-height:36px;padding:7px 10px;border:1px solid var(--line);border-radius:5px;background:#f5f6f1;color:var(--ink);font-size:12px;cursor:pointer}.payment-note{margin:0;color:var(--muted);font-size:12px;line-height:1.5}.status-panel{justify-items:center;padding:48px 30px;text-align:center}.status-mark{width:58px;height:58px;display:grid;place-items:center;border-radius:50%;background:var(--acid);font-size:28px;font-weight:900}.status-panel h3{margin:4px 0 0;font-size:27px}.status-panel p{max-width:420px;margin:0;color:var(--muted)}.status-panel>strong{padding:10px 14px;border-radius:5px;background:#eff1e9;font:700 15px Consolas,monospace}.status-panel .btn{width:100%}
.consent-banner{position:fixed;z-index:100;right:18px;bottom:18px;width:min(430px,calc(100% - 36px));display:grid;gap:15px;padding:18px;border:1px solid #34382f;border-radius:8px;background:#151713;color:#f4f5ef;box-shadow:0 22px 70px rgba(0,0,0,.3)}.consent-banner[hidden]{display:none}.consent-banner p{margin:0;font-size:13px;line-height:1.5}.consent-banner div{display:flex;justify-content:flex-end;gap:8px}.consent-banner button{min-height:40px;padding:8px 12px;border:1px solid #454a40;border-radius:5px;background:transparent;color:#f4f5ef;font-weight:700;cursor:pointer}.consent-banner button:last-child{border-color:var(--acid);background:var(--acid);color:var(--ink)}
.site-footer>nav{display:flex;align-items:center;gap:20px}.site-footer>nav a{min-height:44px;display:flex;align-items:center;color:var(--muted);font-size:11px;font-weight:700}

@media (max-width: 1120px) {
  .site-header { max-width: none; }
  .hero-grid { min-height: 0; grid-template-columns: 1fr; padding-top: 72px; }
  .hero-copy { max-width: 760px; padding-bottom: 64px; }
  .workbench { min-width: 0; }
  .platform-grid { gap: 16px; }
  .platform-card { grid-template-columns: 1fr 1fr; grid-template-rows: auto 1fr; }
  .platform-card:nth-child(2) { transform: none; }
  .lab-stage { min-height: 420px; }
  .sprint-list { grid-template-columns: repeat(2, 1fr); }
  .sprint-list::before { display: none; }
  .sprint-list article { min-height: 330px; }
  .about-identity { grid-template-columns: 340px 1fr; gap: 56px; }
  .portrait-mark { width: 340px; }
}

@media (max-width: 760px) {
  body { padding-bottom: 64px; }
  .site-header { height: 64px; padding: 0 16px; }
  .brand-name { font-size: 14px; }.brand-mark { width: 32px; height: 32px; }
  .nav-cta { min-height: 44px; padding: 0 13px; font-size: 14px; }
  .hero::before { background-size: 48px 48px; }
  .hero-grid { padding: 52px 16px 48px; }
  .system-label { margin-bottom: 24px; font-size: 14px; }
  h1 { max-width: 355px; margin-bottom: 24px; font-size: 48px; line-height: .98; }
  .hero-lead { font-size: 16px; }
  .hero-actions { gap: 10px; }.btn { min-height: 52px; font-size: 14px; }
  .hero-proof { margin-top: 36px; }.hero-proof div{min-height:72px}.hero-proof strong{font-size:24px}.hero-proof span{font-size:14px}
  .workbench { margin-top: 48px; border-radius: 9px; box-shadow: 0 28px 70px rgba(15,18,13,.25),0 0 0 5px rgba(255,255,255,.35); transform: none; }
  .workbench-head { height: 46px; font-size: 14px; }.wb-brand{font-size:14px}.wb-status{display:none}.wb-window-dots i{width:7px;height:7px}
  .workbench-body { min-height: 0; }.wb-main{padding:18px}.wb-title-row small{font-size:14px}.wb-title-row h2{font-size:20px}.running-badge{font-size:12px}
  .pipeline { display: block; margin-top: 20px; }.pipeline-node:not(.active),.pipeline-link{display:none}.pipeline-node{min-height:74px}.pipeline-node strong{font-size:14px}.pipeline-node small{font-size:12px}.pipeline-node>span{width:28px;height:28px;font-size:11px}
  .output-console{margin-top:14px}.console-head{font-size:12px}.console-grid{grid-template-columns:105px 1fr;min-height:205px}.document-preview{padding:10px}.doc-sheet{width:72px;height:96px}.document-preview>small{display:none}.result-summary{grid-template-columns:1fr;padding:14px}.score{display:flex;align-items:baseline}.score strong{font-size:42px}.score small{font-size:12px}.checks{grid-column:1;margin-top:12px}.checks p{font-size:12px}.progress-track{grid-column:1;margin-top:14px}
  .tool-rail { min-height: 72px; gap: 26px; }.tool-rail strong{font-size:14px}
  .section { padding: 88px 16px; }.section-index{font-size:14px}.section-intro{margin-bottom:48px}.section-intro h2,.lab-head h2,.outcomes-title h2,.about h2,.register h2{font-size:40px}.section-intro>p:last-child,.lab-head p:last-child{font-size:16px}
  .platform-grid{gap:16px}.platform-card{grid-template-columns:1fr;grid-template-rows:auto 220px 1fr;border-radius:9px}.card-copy{padding:26px}.card-copy small{font-size:12px}.card-copy h3{font-size:26px}.card-copy p{font-size:15px}
  .lab { padding-top: 88px; padding-bottom: 88px; }.lab-head{margin-bottom:36px}.lab-tabs{display:flex;overflow-x:auto;scroll-snap-type:x mandatory;padding:8px}.lab-tabs button{flex:0 0 176px;min-height:48px;border:0!important;scroll-snap-align:start;font-size:14px}.lab-caption{grid-template-columns:1fr;padding:22px}.lab-caption>i{display:none}.lab-caption>div:first-child{display:none}.lab-caption span,.lab-caption p{font-size:14px}.lab-caption h3{font-size:21px}.lab-stage{min-height:0;padding:14px}.lab-scene{min-height:360px}.word-scene{grid-template-columns:1fr;gap:14px}.word-notes,.scene-flow{display:none}.word-document{min-height:340px;padding:36px 28px}.excel-scene{grid-template-columns:1fr;gap:12px}.sheet{min-height:300px}.excel-summary{min-height:110px;grid-template-columns:auto auto;align-items:center;justify-content:center;gap:12px}.excel-summary strong{font-size:48px}.excel-summary div{display:none}.notebook-scene{grid-template-columns:1fr}.notebook-scene aside{grid-template-columns:repeat(3,1fr);gap:6px;padding:14px;border:0;border-bottom:1px solid #d4d7cf}.notebook-scene aside span{grid-column:1/4;margin:0;font-size:14px}.notebook-scene aside b{padding:10px 6px;overflow:hidden;font-size:12px;text-overflow:ellipsis}.source-answer{min-height:250px;padding:30px}.codex-scene{grid-template-columns:1fr;grid-template-rows:auto 1fr auto}.file-tree{grid-row:auto;display:flex;overflow-x:auto;padding:12px;border:0;border-bottom:1px solid #2f342c}.file-tree span{display:none}.file-tree b{white-space:nowrap;font-size:12px}.terminal{padding:28px 20px;font-size:13px}.generated-file{padding:14px 20px}
  .sprint-list{display:flex;overflow-x:auto;gap:12px;margin-right:-16px;padding-right:16px;scroll-snap-type:x mandatory}.sprint-list article{flex:0 0 82%;min-height:330px;padding:22px;scroll-snap-align:start}.sprint-list article:hover{padding:22px;transform:none}.sprint-list h3{font-size:22px}.sprint-list p{font-size:14px}.sprint-list small,.sprint-list b{font-size:12px}
  .outcome-matrix article{min-height:160px}.outcome-matrix span{font-size:12px}.outcome-matrix h3{font-size:22px}.outcome-matrix p{font-size:14px}
  .about-identity{grid-template-columns:1fr;gap:40px}.portrait-mark{width:100%;max-width:none;aspect-ratio:4/5}.portrait-mark figcaption{font-size:12px}.about-identity>div:last-child>p:last-child{font-size:16px}.about-stats{grid-template-columns:1fr}.about-stats div{min-height:100px}.about-stats span{font-size:14px}
  .register{padding:88px 16px}.register-copy>p:not(.section-index){font-size:16px}.offer-summary{padding:20px}.offer-summary>div strong{font-size:32px}.direct-contact{grid-template-columns:1fr}.direct-contact small{font-size:12px}.faq-list summary{min-height:52px;font-size:14px}.faq-list p{font-size:14px!important}.signup-form,.payment-panel{padding:22px}.form-head{font-size:14px}.form-grid{grid-template-columns:1fr}.signup-form label,.signup-form input,.signup-form textarea,.signup-form legend,.signup-form fieldset label,.form-more summary{font-size:14px}.signup-form fieldset{grid-template-columns:1fr 1fr}.signup-form fieldset label{min-height:48px;padding:0 10px}.form-more summary small,.form-note{font-size:12px}.payment-details>div{grid-template-columns:1fr;gap:5px}.payment-details dd{min-width:0}.payment-details dd span{overflow-wrap:anywhere}.consent-banner{bottom:74px}.site-footer>nav{flex-wrap:wrap;gap:14px}
  .mobile-sticky-cta{height:64px;padding:6px}.mobile-sticky-cta a{min-height:52px;font-size:14px}
  .site-footer p,.site-footer>a:last-child{font-size:12px}
}

.section-index { color: #62675e; }
.section-index.light { color: #d6dcff; }
.card-number { color: #60655b; }
.sprint-list small { color: #64695f; }
.direct-contact small { color: #e0e4ff; }
.brand, .site-footer > a:last-child { min-height: 44px; align-items: center; }
.signup-form input[data-interest] { inset: 0; width: 100%; height: 100%; cursor: pointer; pointer-events: auto; }
.word-document footer span { color: #4f5b25; font-weight: 600; }
main > .section { contain: layout paint; }

@media (max-width: 760px) {
  .card-number { font-size: 14px; }
}

@media (prefers-reduced-motion: reduce) {
  .progress-track i, .lab-scene, .terminal span { animation: none; }
}

@media (max-width: 760px) {
  .hero-copy { padding: 0 0 24px; }
  .workbench { margin-top: 12px; }
  .workbench-body { grid-template-columns: 1fr; }
  .wb-main { width: 100%; }
  .wb-title-row { min-height: 60px; }
  .pipeline-node.active { min-height: 76px; }
  .console-head, .pipeline-node small, .pipeline-node strong, .score small, .checks p { font-size: 14px; }
  .console-grid { grid-template-columns: 104px minmax(0, 1fr); }
  .result-summary { min-width: 0; }
  .checks p { grid-template-columns: auto minmax(0, 1fr) auto; line-height: 1.35; }
  .section { padding-top: 76px; padding-bottom: 76px; }
  .card-copy small, .sprint-list small, .sprint-list b, .outcome-matrix span, .portrait-mark figcaption, .form-more summary small, .form-note, .site-footer p, .site-footer > a:last-child { font-size: 14px; }
  .outcome-matrix { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .outcome-matrix article { min-height: 190px; padding: 18px; }
  .outcome-matrix h3 { margin-top: 34px; font-size: 20px; }
  .outcome-matrix p { line-height: 1.45; }
  .about-stats { grid-template-columns: repeat(3, minmax(0, 1fr)); }
  .about-stats div { min-height: 150px; padding: 16px; }
  .about-stats strong { font-size: 32px; }
  .about-stats span { line-height: 1.35; }
}