@import url('https://fonts.googleapis.com/css2?family=DM+Mono:wght@400;500&family=Space+Grotesk:wght@400;500;600;700&display=swap');

:root{
 --bg:#05070b;--panel:#090d14;--panel2:#0d121b;--text:#edf2f7;--muted:#8c98a8;
 --line:rgba(255,255,255,.09);--cyan:#56f0ff;--purple:#8f7cff;--green:#7dffb2;
 --max:1240px;--ease:cubic-bezier(.2,.8,.2,1);
}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--bg);color:var(--text);font-family:"Space Grotesk",Arial,sans-serif;overflow-x:hidden}
body:before{content:"";position:fixed;inset:0;background:radial-gradient(circle at 70% 10%,rgba(86,240,255,.08),transparent 28%),radial-gradient(circle at 20% 60%,rgba(143,124,255,.06),transparent 25%);pointer-events:none;z-index:-2}
a{color:inherit;text-decoration:none}.nav{position:fixed;top:0;left:0;right:0;height:78px;display:flex;align-items:center;justify-content:space-between;padding:0 5vw;border-bottom:1px solid rgba(255,255,255,.05);background:rgba(5,7,11,.68);backdrop-filter:blur(18px);z-index:50}
.brand{display:flex;align-items:center;gap:11px;font-weight:700;letter-spacing:.12em}.accent{color:var(--cyan)}.brand-mark{display:grid;grid-template-columns:repeat(2,7px);gap:3px;transform:skew(-15deg)}.brand-mark i{display:block;width:7px;height:7px;background:var(--cyan)}.brand-mark i:nth-child(2){opacity:.7}.brand-mark i:nth-child(3){opacity:.45}.brand-mark i:nth-child(4){opacity:.2}
.nav nav{display:flex;align-items:center;gap:28px;font:12px "DM Mono",monospace;color:#adb6c2}.nav nav a{transition:.3s}.nav nav a:hover{color:var(--cyan)}.nav-cta{border:1px solid rgba(86,240,255,.4);padding:10px 14px;color:#eafcff!important}.menu{display:none;background:none;border:0;color:white;font-size:22px}
.hero{min-height:100vh;position:relative;display:flex;align-items:center;padding:130px 7vw 80px;overflow:hidden;background:radial-gradient(circle at 68% 46%,rgba(86,240,255,.055),transparent 25%),radial-gradient(circle at 82% 18%,rgba(143,124,255,.075),transparent 22%)}.hero-grid{position:absolute;inset:0;background-image:linear-gradient(rgba(86,240,255,.045) 1px,transparent 1px),linear-gradient(90deg,rgba(86,240,255,.045) 1px,transparent 1px);background-size:70px 70px;mask-image:linear-gradient(to bottom,black,transparent 88%);animation:grid-drift 18s linear infinite}#matrix{position:absolute;inset:-4%;width:108%;height:108%;opacity:.52;mix-blend-mode:screen;filter:saturate(1.15) contrast(1.08)}.matrix-vignette{position:absolute;inset:0;background:radial-gradient(ellipse at center,transparent 25%,rgba(5,7,11,.12) 58%,rgba(5,7,11,.86) 100%);pointer-events:none}.matrix-scan{position:absolute;left:-15%;right:-15%;top:18%;height:1px;background:linear-gradient(90deg,transparent,rgba(86,240,255,.0) 15%,rgba(86,240,255,.65) 50%,rgba(143,124,255,.0) 85%,transparent);box-shadow:0 0 24px rgba(86,240,255,.25);opacity:.65;animation:matrix-sweep 9s cubic-bezier(.45,0,.55,1) infinite;pointer-events:none}.matrix-hud{position:absolute;right:7vw;top:102px;display:flex;gap:16px;color:rgba(140,152,168,.42);font:8px "DM Mono",monospace;letter-spacing:.16em;z-index:1;pointer-events:none}.matrix-hud span:last-child{color:rgba(86,240,255,.5)}@keyframes grid-drift{to{background-position:70px 70px}}@keyframes matrix-sweep{0%,12%{transform:translateY(-4vh);opacity:0}20%{opacity:.7}50%{transform:translateY(62vh);opacity:.45}78%{opacity:.15}100%{transform:translateY(118vh);opacity:0}}
.hero-content{position:relative;z-index:2;max-width:760px}.eyebrow,.section-tag{font:11px "DM Mono",monospace;letter-spacing:.18em;color:#788493}.eyebrow{display:flex;align-items:center;gap:9px;margin-bottom:24px}.pulse{width:7px;height:7px;background:var(--green);box-shadow:0 0 14px var(--green);border-radius:50%;animation:pulse 1.7s infinite}
@keyframes pulse{50%{opacity:.35;transform:scale(.65)}}h1{font-size:clamp(54px,8vw,116px);line-height:.89;letter-spacing:-.065em;margin:0 0 28px;font-weight:600}.gradient{background:linear-gradient(100deg,#fff 10%,var(--cyan) 52%,var(--purple) 92%);-webkit-background-clip:text;background-clip:text;color:transparent}
.hero-lead{font-size:18px;line-height:1.65;color:#a9b4c1;max-width:680px}.hero-actions{display:flex;gap:12px;margin:35px 0 48px}.button{display:inline-flex;align-items:center;justify-content:center;gap:18px;padding:15px 20px;border-radius:3px;font:12px "DM Mono",monospace;letter-spacing:.04em;border:1px solid var(--line);transition:transform .3s var(--ease),border .3s,background .3s}.button:hover{transform:translateY(-3px)}.button.primary{background:#eefbff;color:#071017;border-color:#eefbff}.button.primary:hover{box-shadow:0 12px 35px rgba(86,240,255,.18)}.button.ghost{color:#c4ced8}.button.ghost:hover{border-color:rgba(86,240,255,.4)}
.hero-stats{display:grid;grid-template-columns:repeat(4,1fr);max-width:700px;border-top:1px solid var(--line);padding-top:20px}.hero-stats div{display:flex;flex-direction:column;gap:4px}.hero-stats strong{font-size:19px}.hero-stats span{font:10px "DM Mono",monospace;color:#697584;text-transform:uppercase}
.hero-terminal{position:absolute;right:6vw;bottom:13vh;width:330px;z-index:3;border:1px solid rgba(86,240,255,.14);background:rgba(5,9,14,.72);box-shadow:0 20px 80px rgba(0,0,0,.5);backdrop-filter:blur(14px);transform:perspective(900px) rotateY(-7deg) rotateX(3deg);animation:float 7s ease-in-out infinite}.terminal-head{padding:10px 12px;border-bottom:1px solid var(--line);font:9px "DM Mono",monospace;color:#687788;display:flex;justify-content:space-between}.status{color:var(--green)}.terminal-body{height:190px;padding:14px;font:10px/1.75 "DM Mono",monospace;color:#91a4b8;overflow:hidden}.term-line{display:block}.term-line b{color:var(--cyan)}@keyframes float{50%{transform:perspective(900px) rotateY(-3deg) translateY(-10px)}}
.scroll-cue{position:absolute;bottom:26px;left:7vw;color:#5e6a78;font:9px "DM Mono",monospace;letter-spacing:.18em}.scroll-cue span{color:var(--cyan);margin-left:8px}
.section{max-width:var(--max);margin:auto;padding:145px 32px}.section-heading{display:grid;grid-template-columns:1.15fr .85fr;gap:80px;margin:24px 0 70px}.section h2{font-size:clamp(42px,6vw,78px);line-height:.95;letter-spacing:-.05em;margin:0;font-weight:500}.section h2 span,.stack-heading h2 span,.manifesto span,.contact-panel h2 span{color:var(--cyan)}.section-heading p,.stack-heading p{color:var(--muted);font-size:16px;line-height:1.7;align-self:end;max-width:480px}
.system-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}.system-card{position:relative;min-height:420px;padding:28px;border:1px solid var(--line);background:linear-gradient(145deg,rgba(255,255,255,.035),rgba(255,255,255,.008));overflow:hidden;transition:.5s var(--ease)}.system-card:hover{transform:translateY(-8px);border-color:rgba(86,240,255,.28)}.system-card:after{content:"";position:absolute;inset:auto -30% -60% -30%;height:60%;background:radial-gradient(circle,rgba(86,240,255,.09),transparent 65%);pointer-events:none}.card-index{font:10px "DM Mono",monospace;color:#566273}.system-card h3{font-size:29px;font-weight:500;margin:95px 0 15px}.system-card p{color:#8d99a8;line-height:1.65}.system-card ul{padding:0;margin:35px 0 0;list-style:none;color:#c5ced8;font:10px "DM Mono",monospace;text-transform:uppercase}.system-card li{padding:10px 0;border-top:1px solid var(--line)}.orb{position:absolute;right:26px;top:55px;width:58px;height:58px;border-radius:50%;filter:blur(.2px);animation:orb 5s ease-in-out infinite}.orb:after{content:"";position:absolute;inset:10px;border:1px solid rgba(255,255,255,.4);border-radius:50%}.orb-purple{background:radial-gradient(circle at 35% 30%,#fff,var(--purple) 20%,transparent 68%);box-shadow:0 0 55px rgba(143,124,255,.5)}.orb-cyan{background:radial-gradient(circle at 35% 30%,#fff,var(--cyan) 20%,transparent 68%);box-shadow:0 0 55px rgba(86,240,255,.5)}.orb-green{background:radial-gradient(circle at 35% 30%,#fff,var(--green) 20%,transparent 68%);box-shadow:0 0 55px rgba(125,255,178,.4)}@keyframes orb{50%{transform:translate(6px,-6px) scale(1.08)}}
.method-section{max-width:none;background:#080c12;border-top:1px solid var(--line);border-bottom:1px solid var(--line);padding-left:max(32px,calc((100vw - var(--max))/2 + 32px));padding-right:max(32px,calc((100vw - var(--max))/2 + 32px))}.method-layout{display:grid;grid-template-columns:.85fr 1.15fr;gap:120px;margin-top:24px}.large-copy{color:#a3aebb;font-size:18px;line-height:1.75;max-width:560px;margin:32px 0}.text-link{font:11px "DM Mono",monospace;color:var(--cyan);border-bottom:1px solid rgba(86,240,255,.35);padding-bottom:8px}.steps{border-top:1px solid var(--line)}.step{display:grid;grid-template-columns:70px 1fr;gap:22px;padding:28px 0;border-bottom:1px solid var(--line)}.step>span{font:11px "DM Mono",monospace;color:var(--cyan)}.step h3{font:14px "DM Mono",monospace;margin:0 0 9px;letter-spacing:.12em}.step p{color:#778392;margin:0;line-height:1.6;font-size:14px}
.stack-heading{display:flex;justify-content:space-between;align-items:end;margin:24px 0 55px}.stack-heading h2{font-size:clamp(42px,6vw,76px);font-weight:500;letter-spacing:-.05em;margin:0}.stack-heading p{margin:0}.stack-map{height:480px;position:relative;border:1px solid var(--line);background:radial-gradient(circle at 50% 50%,rgba(86,240,255,.055),transparent 30%),linear-gradient(rgba(255,255,255,.025) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.025) 1px,transparent 1px);background-size:auto,48px 48px,48px 48px;overflow:hidden}.stack-core{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);width:150px;height:150px;border:1px solid rgba(86,240,255,.55);border-radius:50%;display:flex;flex-direction:column;justify-content:center;align-items:center;background:#070c12;box-shadow:0 0 80px rgba(86,240,255,.12)}.stack-core:before{content:"";position:absolute;inset:10px;border:1px dashed rgba(86,240,255,.25);border-radius:50%;animation:spin 15s linear infinite}.stack-core span{font-weight:700;font-size:22px;letter-spacing:.12em}.stack-core small{font:8px "DM Mono",monospace;color:#687686;margin-top:5px}.stack-node{position:absolute;padding:16px 20px;border:1px solid var(--line);background:#080d14;min-width:120px}.stack-node b{display:block;font-size:16px}.stack-node small{font:9px "DM Mono",monospace;color:#647181}.n1{left:12%;top:13%}.n2{right:12%;top:13%}.n3{left:11%;bottom:13%}.n4{right:11%;bottom:13%}.n5{left:50%;top:6%;transform:translateX(-50%)}.connections{position:absolute;inset:0;width:100%;height:100%;pointer-events:none}.connections path{fill:none;stroke:rgba(86,240,255,.17);stroke-width:1;stroke-dasharray:5 8;animation:dash 8s linear infinite}@keyframes dash{to{stroke-dashoffset:-130}}@keyframes spin{to{transform:rotate(360deg)}}.tech-row{display:flex;gap:30px;flex-wrap:wrap;margin-top:24px;color:#586575;font:10px "DM Mono",monospace}
.use-grid{display:grid;grid-template-columns:repeat(4,1fr);border-top:1px solid var(--line);border-left:1px solid var(--line)}.use-card{min-height:330px;padding:25px;border-right:1px solid var(--line);border-bottom:1px solid var(--line);transition:.35s}.use-card:hover{background:#0b1119}.use-card>span{font:10px "DM Mono",monospace;color:#596777}.use-card h3{font-size:25px;margin:65px 0 13px;font-weight:500}.use-card p{color:#7d8998;font-size:13px;line-height:1.6}.flow{margin-top:45px;font:9px "DM Mono",monospace;color:#687687}.flow b{color:var(--cyan);padding:0 7px}
.manifesto{padding:110px 32px;background:#080b10;border-top:1px solid var(--line);overflow:hidden}.manifesto-inner{max-width:var(--max);margin:auto;position:relative}.manifesto blockquote{font-size:clamp(38px,6vw,82px);letter-spacing:-.055em;line-height:1.02;margin:45px 0 10px;font-weight:500}.scanline{height:1px;background:linear-gradient(90deg,transparent,var(--cyan),transparent);opacity:.6;animation:scan 4s linear infinite}@keyframes scan{0%{transform:translateX(-20%);opacity:0}40%{opacity:.7}100%{transform:translateX(20%);opacity:0}}
.contact-section{padding-bottom:100px}.contact-panel{border:1px solid rgba(86,240,255,.18);padding:55px;background:radial-gradient(circle at 85% 15%,rgba(86,240,255,.07),transparent 25%),#080d14}.contact-panel h2{font-size:clamp(42px,6vw,78px);letter-spacing:-.055em;line-height:.95;margin:24px 0}.contact-panel>p{color:#7f8b99;max-width:600px;line-height:1.7}.contact-panel form{margin-top:50px;max-width:900px}.form-row{display:grid;grid-template-columns:1fr 1fr;gap:16px}label{display:block;color:#7e8a99;font:10px "DM Mono",monospace;text-transform:uppercase;letter-spacing:.1em;margin-bottom:18px}input,textarea{width:100%;margin-top:8px;padding:15px 14px;background:#05080d;border:1px solid var(--line);color:white;font:13px "Space Grotesk",sans-serif;outline:none;border-radius:2px}input:focus,textarea:focus{border-color:rgba(86,240,255,.45)}textarea{resize:vertical}.form-status{font:10px "DM Mono",monospace;color:var(--green);min-height:15px}
footer{border-top:1px solid var(--line);padding:28px 5vw;display:flex;justify-content:space-between;gap:20px;color:#566271;font:9px "DM Mono",monospace;text-transform:uppercase;align-items:center}.footer-brand{display:flex;gap:10px;align-items:center;color:#8793a0}.footer-brand strong{color:#dce5ed}.footer-brand span:last-child{font-size:8px;color:#4d5967}
#cursor-glow{position:fixed;width:240px;height:240px;border-radius:50%;background:radial-gradient(circle,rgba(86,240,255,.08),transparent 68%);transform:translate(-50%,-50%);pointer-events:none;z-index:0;mix-blend-mode:screen}
#noise{position:fixed;inset:0;pointer-events:none;z-index:100;opacity:.025;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)'/%3E%3C/svg%3E")}
@media(max-width:900px){.matrix-hud{right:24px;top:96px}.matrix-scan{opacity:.45}.nav nav{display:none}.menu{display:block}.hero{padding:125px 24px 80px}.hero-terminal{display:none}.hero-stats{grid-template-columns:repeat(2,1fr);gap:18px}.section{padding:100px 24px}.section-heading,.method-layout{grid-template-columns:1fr;gap:40px}.system-grid,.use-grid{grid-template-columns:1fr 1fr}.method-section{padding-left:24px;padding-right:24px}.stack-map{height:430px}.n1{left:5%}.n2{right:5%}.n3{left:5%}.n4{right:5%}footer{flex-direction:column;align-items:flex-start}}
@media(max-width:560px){.matrix-hud{right:18px;top:92px;gap:8px;font-size:7px}.matrix-hud span:first-child{display:none}.matrix-scan{animation-duration:12s}#matrix{opacity:.38}h1{font-size:53px}.hero-lead{font-size:16px}.hero-actions{flex-direction:column;align-items:stretch}.system-grid,.use-grid,.form-row{grid-template-columns:1fr}.system-card{min-height:350px}.stack-heading{display:block}.stack-heading p{margin-top:20px}.stack-map{height:390px}.stack-node{min-width:90px;padding:11px}.n1{left:3%;top:12%}.n2{right:3%;top:12%}.n3{left:3%;bottom:12%}.n4{right:3%;bottom:12%}.n5{top:5%}.stack-core{width:125px;height:125px}.contact-panel{padding:30px 22px}}


/* REVO7 Content & Channel expansion */
.service-grid{grid-template-columns:repeat(3,1fr)}
.service-grid .system-card:nth-child(4),
.service-grid .system-card:nth-child(5),
.service-grid .system-card:nth-child(6){min-height:390px}
.content-engine-section{max-width:none;background:#06090e;border-top:1px solid var(--line);border-bottom:1px solid var(--line);padding-left:max(32px,calc((100vw - var(--max))/2 + 32px));padding-right:max(32px,calc((100vw - var(--max))/2 + 32px))}
.content-engine{display:grid;grid-template-columns:.9fr 1.1fr;gap:100px;margin-top:35px;align-items:center}
.engine-copy h2{font-size:clamp(44px,6vw,80px);line-height:.92;letter-spacing:-.055em;font-weight:500;margin:0}
.engine-copy h2 span{color:var(--cyan)}
.engine-copy p{color:#8793a1;line-height:1.75;font-size:16px;max-width:520px;margin:30px 0}
.engine-tags{display:flex;gap:8px;flex-wrap:wrap}
.engine-tags span{border:1px solid var(--line);padding:8px 10px;color:#687687;font:9px "DM Mono",monospace}
.content-pipeline{border:1px solid var(--line);padding:25px;background:linear-gradient(145deg,rgba(86,240,255,.035),rgba(255,255,255,.008))}
.pipeline-node{display:grid;grid-template-columns:38px 1fr;grid-template-rows:auto auto;column-gap:12px;padding:17px;border:1px solid var(--line);background:#080c12;transition:.4s}
.pipeline-node b{grid-row:1/3;color:#566675;font:10px "DM Mono",monospace}
.pipeline-node strong{font:12px "DM Mono",monospace;letter-spacing:.12em}
.pipeline-node small{color:#697786;font:9px "DM Mono",monospace;margin-top:5px}
.pipeline-node.active{border-color:rgba(86,240,255,.42);box-shadow:inset 0 0 30px rgba(86,240,255,.035)}
.pipeline-node.active strong{color:var(--cyan)}
.pipeline-arrow{text-align:center;height:28px;line-height:28px;color:#425361;font:14px "DM Mono",monospace}
@media(max-width:900px){.matrix-hud{right:24px;top:96px}.matrix-scan{opacity:.45}
 .service-grid{grid-template-columns:1fr 1fr}
 .content-engine{grid-template-columns:1fr;gap:50px}
 .content-engine-section{padding-left:24px;padding-right:24px}
}
@media(max-width:560px){
 .service-grid{grid-template-columns:1fr}
}

/* REVO7 © 2026 — All rights reserved. Proprietary design and UI system. */
.honeypot{position:absolute;left:-10000px;width:1px;height:1px;overflow:hidden;opacity:0}
button:disabled{opacity:.55;cursor:wait}


/* REVO7 © 2026 — Interactive AI Automation Simulator */
.demo-section{max-width:none;background:#05080d;border-top:1px solid var(--line);border-bottom:1px solid var(--line);padding-left:max(32px,calc((100vw - var(--max))/2 + 32px));padding-right:max(32px,calc((100vw - var(--max))/2 + 32px))}
.demo-heading{display:grid;grid-template-columns:1fr .75fr;gap:80px;margin:24px 0 55px;align-items:end}
.demo-heading h2{font-size:clamp(43px,6vw,76px);line-height:.94;letter-spacing:-.055em;font-weight:500;margin:0}
.demo-heading h2 span{color:var(--cyan)}
.demo-heading p{color:#7e8b9a;line-height:1.7;margin:0}
.automation-demo{border:1px solid rgba(86,240,255,.18);background:#070b11;box-shadow:0 35px 100px rgba(0,0,0,.35);overflow:hidden}
.demo-topbar{height:46px;border-bottom:1px solid var(--line);padding:0 16px;display:flex;align-items:center;justify-content:space-between;color:#667483;font:9px "DM Mono",monospace;letter-spacing:.08em}
.demo-dot{display:inline-block;width:6px;height:6px;background:var(--green);border-radius:50%;box-shadow:0 0 12px var(--green);margin-right:8px}.demo-runtime b{color:var(--cyan);margin-left:12px}
.demo-body{display:grid;grid-template-columns:220px 1fr;min-height:590px}
.demo-sidebar{border-right:1px solid var(--line);padding:20px;background:rgba(255,255,255,.012)}
.sidebar-label{font:9px "DM Mono",monospace;color:#52606f;letter-spacing:.12em;margin-bottom:12px}
.scenario{display:block;width:100%;text-align:left;background:transparent;color:#778493;border:1px solid transparent;padding:13px 12px;margin-bottom:6px;cursor:pointer;font-family:inherit;transition:.25s}
.scenario b{display:block;font:10px "DM Mono",monospace;letter-spacing:.05em}.scenario small{display:block;margin-top:5px;color:#4f5c6a;font:9px "DM Mono",monospace}.scenario:hover,.scenario.active{border-color:rgba(86,240,255,.25);background:rgba(86,240,255,.035);color:#dce8ef}.scenario.active b{color:var(--cyan)}
.sidebar-bottom{border-top:1px solid var(--line);margin-top:30px;padding-top:18px;display:grid;gap:5px}.sidebar-bottom span{font:8px "DM Mono",monospace;color:#4d5b69;margin-top:9px}.sidebar-bottom strong{font:10px "DM Mono",monospace;color:#a3afbc}
.demo-workspace{min-width:0}.demo-canvas{height:410px;position:relative;overflow:hidden;background:radial-gradient(circle at 50% 50%,rgba(86,240,255,.045),transparent 35%)}
.grid-overlay{position:absolute;inset:0;background-image:linear-gradient(rgba(86,240,255,.028) 1px,transparent 1px),linear-gradient(90deg,rgba(86,240,255,.028) 1px,transparent 1px);background-size:36px 36px}
.demo-node{position:absolute;z-index:4;width:150px;padding:13px 12px;border:1px solid #1b2a35;background:#080d14;display:grid;grid-template-columns:30px 1fr;gap:9px;align-items:center;transition:.4s var(--ease);box-shadow:0 10px 30px rgba(0,0,0,.25)}
.demo-node .node-icon{font:9px "DM Mono",monospace;color:#526373}.demo-node small{display:block;font:7px "DM Mono",monospace;color:#536271;letter-spacing:.08em}.demo-node strong{display:block;font:12px "DM Mono",monospace;margin-top:3px}.demo-node i{position:absolute;right:7px;top:7px;width:4px;height:4px;border-radius:50%;background:#26343f}
.demo-node.running{border-color:rgba(86,240,255,.65);box-shadow:0 0 30px rgba(86,240,255,.09),inset 0 0 25px rgba(86,240,255,.025)}.demo-node.running i{background:var(--cyan);box-shadow:0 0 9px var(--cyan);animation:pulse 1s infinite}.demo-node.done{border-color:rgba(125,255,178,.4)}.demo-node.done i{background:var(--green);box-shadow:0 0 9px var(--green)}
.node-trigger{left:5%;top:48%}.node-ai{left:25%;top:23%}.node-n8n{left:44%;top:57%}.node-uipath{right:24%;top:23%}.node-output{right:5%;top:55%}
.demo-connector{position:absolute;height:1px;background:rgba(86,240,255,.13);z-index:2;transform-origin:left center}.demo-connector:after{content:"";position:absolute;right:0;top:-2px;width:5px;height:5px;border-radius:50%;background:#1d303b}
.c1{left:16%;top:51%;width:13%;transform:rotate(-22deg)}.c2{left:36%;top:43%;width:10%;transform:rotate(25deg)}.c3{left:57%;top:48%;width:12%;transform:rotate(-21deg)}.c4{left:76%;top:45%;width:12%;transform:rotate(18deg)}
.demo-connector.active{background:linear-gradient(90deg,transparent,var(--cyan));box-shadow:0 0 10px rgba(86,240,255,.25)}
.demo-connector.active:after{background:var(--cyan);box-shadow:0 0 10px var(--cyan)}
.data-packet{position:absolute;width:6px;height:6px;border-radius:50%;background:var(--cyan);box-shadow:0 0 12px var(--cyan);z-index:5;opacity:0}
.packet-a{left:17%;top:49%}.packet-b{left:38%;top:42%}
.data-packet.travel{opacity:1;animation:packetTravel 1.2s linear forwards}
@keyframes packetTravel{from{transform:translate(0,0)}to{transform:translate(90px,-25px)}}
.demo-radar{position:absolute;left:50%;top:50%;width:190px;height:190px;border:1px solid rgba(86,240,255,.06);border-radius:50%;transform:translate(-50%,-50%);box-shadow:0 0 0 35px rgba(86,240,255,.012),0 0 0 70px rgba(86,240,255,.008)}
.demo-radar:after{content:"";position:absolute;left:50%;top:50%;width:50%;height:1px;background:linear-gradient(90deg,var(--cyan),transparent);transform-origin:left;animation:radar 4s linear infinite;opacity:.4}
@keyframes radar{to{transform:rotate(360deg)}}
.demo-signal{position:absolute;left:50%;bottom:18px;transform:translateX(-50%);font:8px "DM Mono",monospace;letter-spacing:.16em;color:#465564}
.demo-console{height:220px;border-top:1px solid var(--line);background:#05080c}
.console-head{padding:9px 13px;border-bottom:1px solid var(--line);display:flex;justify-content:space-between;color:#475665;font:8px "DM Mono",monospace}.console-lines{padding:10px 13px;height:94px;overflow:hidden;font:9px/1.8 "DM Mono",monospace;color:#71808e}.console-lines div{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.console-lines em{font-style:normal;color:var(--cyan);margin-right:8px}
.demo-footer{display:flex;align-items:center;justify-content:space-between;padding:16px;border-top:1px solid var(--line)}.demo-metrics{display:flex;gap:35px}.demo-metrics div{display:flex;flex-direction:column;gap:5px}.demo-metrics span{font:7px "DM Mono",monospace;color:#4f5d6b}.demo-metrics strong{font:14px "DM Mono",monospace;color:#b9c5cf}
@media(max-width:900px){.matrix-hud{right:24px;top:96px}.matrix-scan{opacity:.45}.demo-heading{grid-template-columns:1fr;gap:25px}.demo-body{grid-template-columns:1fr}.demo-sidebar{border-right:0;border-bottom:1px solid var(--line);display:flex;gap:6px;overflow:auto;padding:10px}.sidebar-label,.sidebar-bottom{display:none}.scenario{min-width:150px;margin:0}.demo-canvas{height:450px}}
@media(max-width:560px){.demo-section{padding-left:18px;padding-right:18px}.demo-canvas{height:500px}.demo-node{width:125px}.node-trigger{left:3%;top:15%}.node-ai{left:49%;top:30%}.node-n8n{left:3%;top:50%}.node-uipath{right:3%;top:65%}.node-output{left:35%;top:82%}.c1,.c2,.c3,.c4{display:none}.demo-footer{align-items:flex-start;flex-direction:column;gap:18px}.demo-metrics{gap:20px}}

/* REVO7 © 2026 — Language selector + B2B value messaging */
.lang-switch{display:flex;align-items:center;gap:3px;margin-left:-14px;border:1px solid var(--line);padding:3px;background:rgba(255,255,255,.02)}
.lang-switch button{border:0;background:transparent;color:#687687;padding:6px 7px;font:9px "DM Mono",monospace;cursor:pointer;letter-spacing:.06em}.lang-switch button:hover,.lang-switch button.active{color:var(--cyan);background:rgba(86,240,255,.07)}
.value-section{padding-top:0;padding-bottom:0;max-width:none;border-bottom:1px solid var(--line);background:#070a0f}
.value-strip{max-width:var(--max);margin:auto;display:grid;grid-template-columns:repeat(4,1fr)}
.value-strip div{padding:25px 28px;border-right:1px solid var(--line);min-height:112px}.value-strip div:last-child{border-right:0}.value-strip strong{display:block;font:10px "DM Mono",monospace;letter-spacing:.1em;color:#dce7ee}.value-strip span{display:block;color:#657383;font-size:12px;line-height:1.55;margin-top:9px}
@media(max-width:900px){.matrix-hud{right:24px;top:96px}.matrix-scan{opacity:.45}.lang-switch{margin-left:0}.value-strip{grid-template-columns:1fr 1fr}.value-strip div:nth-child(2){border-right:0}.value-strip div{border-bottom:1px solid var(--line)}}
@media(max-width:560px){.value-strip{grid-template-columns:1fr}.value-strip div{border-right:0}.value-strip div:last-child{border-bottom:0}}

/* REVO7 © 2026 — Unified visual system */
.industry-section{position:relative;overflow:hidden}.industry-section:before{content:"";position:absolute;inset:0;background:linear-gradient(120deg,rgba(86,240,255,.025),transparent 42%,rgba(143,124,255,.025));pointer-events:none}.industry-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:14px;position:relative}.industry-card{min-height:285px;padding:28px;border:1px solid var(--line);background:rgba(255,255,255,.018);position:relative;overflow:hidden;transition:.45s var(--ease)}.industry-card:hover{transform:translateY(-6px);border-color:rgba(86,240,255,.3);background:rgba(86,240,255,.025)}.industry-card:after{content:"";position:absolute;width:180px;height:180px;right:-80px;bottom:-90px;border-radius:50%;background:radial-gradient(circle,rgba(86,240,255,.12),transparent 68%);pointer-events:none}.industry-code{font:10px "DM Mono",monospace;color:#566273;letter-spacing:.12em}.industry-icon{margin-top:48px;color:var(--cyan);font:26px "DM Mono",monospace;text-shadow:0 0 20px rgba(86,240,255,.35)}.industry-card h3{font-size:25px;font-weight:500;margin:16px 0 10px;letter-spacing:-.02em}.industry-card p{margin:0;color:#8793a2;line-height:1.65;font-size:14px;max-width:390px}.nav nav{flex-wrap:wrap}.nav nav>a{white-space:nowrap}@media(max-width:900px){.matrix-hud{right:24px;top:96px}.matrix-scan{opacity:.45}.industry-grid{grid-template-columns:1fr 1fr}}@media(max-width:560px){.industry-grid{grid-template-columns:1fr}.industry-card{min-height:245px}}

/* REVO7 © 2026 — Mobile-first responsive hardening */
html{overflow-x:hidden}
img,svg,video,canvas{max-width:100%;height:auto}
button,a,input,textarea,select{touch-action:manipulation}

@media (max-width: 900px){
  .nav{height:68px;padding:0 24px}
  .brand{font-size:14px}
  .menu{display:block;position:relative;z-index:52;width:44px;height:44px;padding:0;border:1px solid var(--line);font-size:20px;line-height:1}
  .nav nav{display:none;position:absolute;top:68px;left:12px;right:12px;padding:12px;background:rgba(5,7,11,.97);border:1px solid var(--line);box-shadow:0 25px 70px rgba(0,0,0,.5);gap:4px;align-items:stretch;flex-direction:column;backdrop-filter:blur(18px)}
  .nav nav.mobile-open{display:flex!important}
  .nav nav a{display:flex;align-items:center;min-height:48px;padding:12px 14px;border-bottom:1px solid rgba(255,255,255,.05);font-size:11px}
  .nav nav a:last-child{border-bottom:0}
  .nav .lang-switch{order:0;margin:6px 0 2px;align-self:flex-start}
  .lang-switch button{min-width:42px;min-height:38px}
  .hero{min-height:100svh;padding:110px 24px 72px;align-items:flex-start}
  .hero-content{max-width:100%;padding-top:4vh}
  h1{font-size:clamp(48px,12vw,82px);line-height:.91;margin-bottom:24px}
  .hero-lead{font-size:16px;line-height:1.6}
  .hero-actions{flex-wrap:wrap;margin:28px 0 38px}
  .button{min-height:48px;padding:14px 17px}
  .hero-stats{grid-template-columns:repeat(2,1fr);gap:18px 24px;max-width:100%}
  .hero-stats strong{font-size:17px}
  .hero-terminal{display:none}
  .scroll-cue{left:24px;bottom:18px}
  .section{padding:100px 24px}
  .section-heading{grid-template-columns:1fr;gap:22px;margin-bottom:48px}
  .section h2,.stack-heading h2{font-size:clamp(40px,9vw,64px)}
  .section-heading p,.stack-heading p{font-size:15px;max-width:100%}
  .system-grid{grid-template-columns:1fr 1fr}
  .system-card{min-height:360px;padding:22px}
  .system-card h3{font-size:24px;margin-top:75px}
  .system-card ul{margin-top:25px}
  .method-section,.content-engine-section,.demo-section{padding-left:24px;padding-right:24px}
  .method-layout{grid-template-columns:1fr;gap:60px}
  .large-copy{font-size:16px}
  .stack-heading{display:grid;grid-template-columns:1fr;gap:22px;align-items:start}
  .stack-map{height:430px}
  .stack-node{padding:12px 14px;min-width:100px}
  .stack-node b{font-size:14px}
  .use-grid{grid-template-columns:repeat(2,1fr)}
  .use-card{min-height:280px}
  .use-card h3{font-size:22px;margin-top:52px}
  .industry-grid{grid-template-columns:1fr 1fr}
  .content-engine{gap:45px}
  .demo-heading{margin-bottom:38px}
  .demo-topbar{height:auto;min-height:46px;gap:12px}
  .demo-body{min-height:0}
}

@media (max-width: 600px){
  .nav{padding:0 16px}
  .nav nav{left:8px;right:8px}
  .hero{padding:96px 18px 64px}
  .hero-grid{background-size:45px 45px}
  h1{font-size:clamp(44px,13.5vw,66px);letter-spacing:-.07em}
  .hero-lead{font-size:15px}
  .hero-actions{display:grid;grid-template-columns:1fr;width:100%;gap:9px}
  .button{width:100%}
  .hero-stats{gap:14px 12px;padding-top:16px}
  .hero-stats strong{font-size:16px}
  .hero-stats span{font-size:8px;line-height:1.35}
  .section{padding:78px 18px}
  .section-heading{margin-bottom:36px}
  .section h2,.stack-heading h2{font-size:clamp(38px,11.5vw,56px)}
  .system-grid,.use-grid,.industry-grid{grid-template-columns:1fr}
  .system-card{min-height:330px}
  .system-card h3{font-size:25px}
  .method-section,.content-engine-section,.demo-section{padding-left:18px;padding-right:18px}
  .method-layout{gap:42px}
  .step{grid-template-columns:42px 1fr;gap:14px;padding:22px 0}
  .step p{font-size:13px}
  .stack-map{height:500px}
  .stack-core{width:116px;height:116px}
  .stack-core span{font-size:18px}
  .n1{left:4%;top:10%}.n2{right:4%;top:10%}.n3{left:4%;bottom:10%}.n4{right:4%;bottom:10%}.n5{top:4%}
  .tech-row{gap:16px}
  .use-card{min-height:235px;padding:21px}
  .use-card h3{margin-top:42px}
  .industry-card{min-height:225px;padding:23px}
  .industry-icon{margin-top:32px}
  .value-strip{grid-template-columns:1fr}
  .value-strip div{padding:21px 18px}
  .content-engine{gap:34px}
  .engine-copy h2,.demo-heading h2{font-size:clamp(40px,11vw,58px)}
  .content-pipeline{padding:14px}
  .pipeline-node{padding:14px}
  .demo-body{display:block}
  .demo-sidebar{display:flex;overflow-x:auto;scroll-snap-type:x mandatory;-webkit-overflow-scrolling:touch;padding:9px}
  .scenario{flex:0 0 155px;scroll-snap-align:start;min-height:68px}
  .demo-canvas{height:510px}
  .demo-node{width:112px;padding:10px 9px;grid-template-columns:25px 1fr;gap:6px}
  .demo-node strong{font-size:10px}
  .demo-node small{font-size:6px}
  .node-trigger{left:3%;top:10%}.node-ai{left:auto;right:3%;top:27%}.node-n8n{left:3%;top:46%}.node-uipath{right:3%;top:64%}.node-output{left:34%;top:82%}
  .demo-connector{display:none}
  .demo-radar{width:145px;height:145px}
  .demo-console{height:190px}
  .console-lines{height:105px;font-size:8px}
  .demo-footer{padding:13px;gap:16px}
  .demo-metrics{width:100%;justify-content:space-between;gap:8px}
  .demo-metrics strong{font-size:12px}
  .demo-metrics span{font-size:6px}
}

@media (max-width: 380px){
  .brand{font-size:12px;letter-spacing:.08em}
  .brand-mark{transform:scale(.85) skew(-15deg)}
  h1{font-size:43px}
  .hero{padding-left:15px;padding-right:15px}
  .section,.method-section,.content-engine-section,.demo-section{padding-left:15px;padding-right:15px}
  .demo-node{width:104px}
  .node-output{left:31%}
}

@media (prefers-reduced-motion: reduce){
  html{scroll-behavior:auto}
  *,*:before,*:after{animation-duration:.001ms!important;animation-iteration-count:1!important;transition-duration:.001ms!important}
}

/* REVO7 © 2026 — Enhanced Autonomous Workflow Simulator */
.demo-context{height:30px;border-bottom:1px solid var(--line);display:flex;align-items:center;gap:22px;padding:0 13px;color:#465564;font:7px "DM Mono",monospace;letter-spacing:.08em;background:rgba(255,255,255,.008)}
.demo-context b{color:#687888;font-weight:500;margin-right:5px}
.demo-node{grid-template-columns:30px 1fr;min-height:64px}
.demo-node .node-status{grid-column:2;color:#42505e;font:7px "DM Mono",monospace;letter-spacing:.08em;margin-top:3px}
.demo-node.running .node-status{color:var(--cyan)}
.demo-node.done .node-status{color:var(--green)}
.demo-node.running{animation:nodePulse 1.25s ease-in-out infinite}
@keyframes nodePulse{0%,100%{transform:translateY(0)}50%{transform:translateY(-2px)}}
.demo-connector.active{background:linear-gradient(90deg,rgba(86,240,255,.15),var(--cyan));}
.demo-signal{background:rgba(5,8,13,.78);padding:5px 10px;border:1px solid rgba(86,240,255,.08)}
@media(max-width:560px){.demo-context{gap:10px;overflow:hidden;white-space:nowrap}.demo-context span:nth-child(n+3){display:none}.demo-node{min-height:60px}.demo-node .node-status{font-size:6px}}

/* REVO7 © 2026 — Plain-language automation explainer */
.explain-section{background:#06090e;border-top:1px solid var(--line)}
.explain-heading{display:grid;grid-template-columns:1fr .8fr;gap:70px;align-items:end;margin-bottom:42px}
.explain-heading h2{font-size:clamp(42px,5.7vw,72px);line-height:.96;letter-spacing:-.05em;font-weight:500;margin:0}.explain-heading h2 span{color:var(--cyan)}
.explain-heading p{color:#7e8b9a;line-height:1.75;margin:0}
.explain-grid{display:grid;grid-template-columns:repeat(4,1fr);border:1px solid var(--line)}
.explain-grid article{padding:26px 22px;min-height:180px;background:rgba(255,255,255,.012);border-right:1px solid var(--line)}.explain-grid article:last-child{border-right:0}
.explain-grid span{font:9px "DM Mono",monospace;color:var(--cyan)}.explain-grid h3{font:13px "DM Mono",monospace;letter-spacing:.08em;margin:28px 0 10px;color:#dfe8ef}.explain-grid p{font-size:13px;line-height:1.7;color:#71808e;margin:0}
.benefit-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:1px;background:var(--line);margin-top:34px;border:1px solid var(--line)}
.benefit-grid>div{background:#090d14;padding:27px 24px}.benefit-grid small{display:block;font:8px "DM Mono",monospace;color:var(--cyan);letter-spacing:.12em;margin-bottom:14px}.benefit-grid strong{display:block;font-size:20px;line-height:1.15;font-weight:500;color:#eaf1f5}.benefit-grid p{color:#71808e;line-height:1.65;font-size:12px;margin:12px 0 0}
.toolbox{margin-top:34px;padding:20px 22px;border:1px solid var(--line);background:rgba(255,255,255,.012)}.toolbox>span{display:block;font:8px "DM Mono",monospace;color:#536271;letter-spacing:.12em;margin-bottom:16px}.toolbox>div{display:flex;flex-wrap:wrap;gap:8px}.toolbox b{font:9px "DM Mono",monospace;color:#9daab7;border:1px solid #202d38;padding:8px 10px;background:#080d13}
@media(max-width:900px){.matrix-hud{right:24px;top:96px}.matrix-scan{opacity:.45}.explain-heading{grid-template-columns:1fr;gap:22px}.explain-grid{grid-template-columns:repeat(2,1fr)}.explain-grid article:nth-child(2){border-right:0}.explain-grid article:nth-child(-n+2){border-bottom:1px solid var(--line)}.benefit-grid{grid-template-columns:1fr}}
@media(max-width:560px){.explain-section{padding-left:18px;padding-right:18px}.explain-grid{grid-template-columns:1fr}.explain-grid article{border-right:0;border-bottom:1px solid var(--line)}.explain-grid article:last-child{border-bottom:0}.benefit-grid{margin-top:22px}.toolbox>div{gap:6px}.toolbox b{font-size:8px}}


/* REVO7 real-life simulator enhancements */
.demo-explainer{
  margin-top:18px;
  border:1px solid rgba(86,240,255,.16);
  background:rgba(9,13,20,.82);
  padding:28px;
}
.demo-explainer-grid{
  display:grid;
  grid-template-columns:repeat(3,1fr);
  gap:22px;
}
.demo-explainer-grid > div{
  border-left:2px solid rgba(86,240,255,.32);
  padding-left:18px;
}
.demo-explainer h3{
  margin:0 0 9px;
  font-size:13px;
  letter-spacing:.06em;
  text-transform:uppercase;
}
.demo-explainer p{
  margin:0;
  color:var(--muted,#8c98a8);
  line-height:1.65;
  font-size:14px;
}
.demo-explainer p strong{color:#edf2f7}
.scenario{min-height:66px}
.scenario + .scenario{margin-top:8px}
@media (max-width: 900px){
  .demo-explainer-grid{grid-template-columns:1fr}
}


/* REVO7 business-value storytelling */
.automation-value-map{display:grid;grid-template-columns:1fr 28px 1fr 28px 1fr;align-items:stretch;gap:10px;margin:0 0 20px}
.value-map-card{border:1px solid rgba(140,152,168,.18);background:rgba(9,13,20,.72);padding:22px}
.value-map-card.active{border-color:rgba(86,240,255,.35);box-shadow:inset 0 0 40px rgba(86,240,255,.04)}
.value-map-card span,.pain-label{display:block;color:#56f0ff;font-size:10px;letter-spacing:.12em;margin-bottom:9px}
.value-map-card strong{display:block;color:#edf2f7;font-size:16px;line-height:1.3;margin-bottom:8px}
.value-map-card p{color:#8c98a8;font-size:13px;line-height:1.6;margin:0}
.value-map-arrow{display:flex;align-items:center;justify-content:center;color:#56f0ff;font-size:22px}
.pain-intro{max-width:820px;margin:0 0 26px}
.pain-intro h3{margin:0 0 8px;color:#edf2f7;font-size:18px}
.pain-intro p{margin:0;color:#8c98a8;line-height:1.7}
.pain-label{margin-bottom:7px}
.importance-strip{display:grid;grid-template-columns:repeat(3,1fr);margin-top:24px;border-top:1px solid rgba(140,152,168,.15)}
.importance-strip div{padding:18px 20px;border-right:1px solid rgba(140,152,168,.12)}
.importance-strip div:last-child{border-right:0}
.importance-strip b{display:block;color:#edf2f7;font-size:10px;letter-spacing:.1em;margin-bottom:6px}
.importance-strip span{display:block;color:#8c98a8;font-size:12px;line-height:1.55}
@media(max-width:900px){.matrix-hud{right:24px;top:96px}.matrix-scan{opacity:.45}.automation-value-map{grid-template-columns:1fr}.value-map-arrow{transform:rotate(90deg);min-height:20px}.importance-strip{grid-template-columns:1fr}.importance-strip div{border-right:0;border-bottom:1px solid rgba(140,152,168,.12)}.importance-strip div:last-child{border-bottom:0}}

@media (prefers-reduced-motion: reduce){.hero-grid,.matrix-scan,.orb,.hero-terminal,.pulse,.connections path,.stack-core:before,.scanline{animation:none!important}.hero-grid{background-position:0 0}#matrix{opacity:.22}}

/* REVO7 FWA LAYER — restrained motion outside the hero */
.section-animated,.business-section,.business-why-section,.system-section,.content-engine-section,.demo-section,.method-section,.stack-section,.work-section,.contact-section{position:relative;isolation:isolate}
.reveal-section{opacity:0;transform:translate3d(0,34px,0);transition:opacity .9s var(--ease),transform 1s var(--ease);transition-delay:var(--reveal-delay,0ms)}
.reveal-section.is-visible{opacity:1;transform:none}
.reveal-section:after{content:"";position:absolute;top:0;left:7vw;right:7vw;height:1px;background:linear-gradient(90deg,transparent,rgba(86,240,255,.24),rgba(143,124,255,.18),transparent);transform:scaleX(.35);transform-origin:center;opacity:0;transition:transform 1.1s var(--ease),opacity .8s ease}
.reveal-section.is-visible:after{transform:scaleX(1);opacity:1}
.business-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:1px;background:var(--line);margin-top:46px}
.business-card{position:relative;min-height:310px;padding:28px;background:linear-gradient(145deg,rgba(13,18,27,.94),rgba(8,11,17,.9));overflow:hidden;transition:transform .55s var(--ease),background .55s ease,border-color .55s ease}
.business-card:before{content:"";position:absolute;inset:0;background:linear-gradient(115deg,transparent 25%,rgba(86,240,255,.055) 50%,transparent 75%);transform:translateX(-110%);transition:transform .9s var(--ease)}
.business-card:hover{transform:translateY(-8px);background:linear-gradient(145deg,rgba(17,25,36,.98),rgba(8,11,17,.96))}.business-card:hover:before{transform:translateX(110%)}
.business-code{font:10px "DM Mono",monospace;color:#687688;letter-spacing:.16em}.business-icon{font-size:30px;color:var(--cyan);margin:34px 0 18px;text-shadow:0 0 24px rgba(86,240,255,.2)}
.business-card:nth-child(2) .business-icon{color:var(--purple)}.business-card:nth-child(3) .business-icon{color:var(--green)}
.business-card h3{font-size:20px;letter-spacing:-.02em;margin:0 0 12px}.business-card p{color:var(--muted);line-height:1.65;max-width:430px}.mini-flow{position:absolute;left:28px;right:28px;bottom:25px;display:flex;align-items:center;justify-content:space-between;color:#647182;font:9px "DM Mono",monospace;letter-spacing:.08em}.mini-flow i{font-style:normal;color:var(--cyan);animation:flow-pulse 2.6s ease-in-out infinite}.business-card:nth-child(2) .mini-flow i{color:var(--purple)}.business-card:nth-child(3) .mini-flow i{color:var(--green)}
@keyframes flow-pulse{50%{opacity:.35;transform:translateX(3px)}}
.section-heading,.stack-heading,.demo-heading,.explain-heading{position:relative}.section-heading:before,.stack-heading:before,.demo-heading:before,.explain-heading:before{content:"";position:absolute;left:-28px;top:.55em;width:3px;height:34px;background:linear-gradient(var(--cyan),var(--purple));transform:scaleY(0);transform-origin:top;transition:transform .8s var(--ease)}.reveal-section.is-visible .section-heading:before,.reveal-section.is-visible .stack-heading:before,.reveal-section.is-visible .demo-heading:before,.reveal-section.is-visible .explain-heading:before{transform:scaleY(1)}
.system-card,.use-card,.step,.stack-node,.business-card{will-change:transform}.system-card:hover .orb{transform:scale(1.15);opacity:.85}.orb{transition:transform .7s var(--ease),opacity .7s ease}
@media(max-width:900px){.business-grid{grid-template-columns:1fr}.business-card{min-height:280px}.section-heading:before,.stack-heading:before,.demo-heading:before,.explain-heading:before{left:-14px}}
@media(prefers-reduced-motion:reduce){.reveal-section{opacity:1;transform:none;transition:none}.reveal-section:after{opacity:1;transform:none}.business-card:before,.mini-flow i{display:none}.business-card{transition:none}}


/* REVO7 / modern buyer-system motion layer */
.buyer-system{position:relative;max-width:var(--max);margin:0 auto;padding:9rem 32px 8rem;overflow:hidden}
.buyer-system:before{content:"";position:absolute;inset:10% -20% auto;height:1px;background:linear-gradient(90deg,transparent,rgba(86,240,255,.5),rgba(143,124,255,.45),transparent);opacity:.55;animation:signalSweep 7s ease-in-out infinite}
.buyer-intro{max-width:980px;margin:1rem 0 4rem}
.buyer-intro h2{font-size:clamp(3rem,7vw,7.4rem);line-height:.92;letter-spacing:-.055em;margin:0 0 2rem}
.buyer-intro h2 span{background:linear-gradient(90deg,#56f0ff,#8f7cff,#7dffb2);-webkit-background-clip:text;background-clip:text;color:transparent}
.buyer-intro>p{max-width:760px;color:var(--muted,#8c98a8);font-size:clamp(1rem,1.5vw,1.25rem);line-height:1.7}
.buyer-grid{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:1px;background:rgba(255,255,255,.08);border:1px solid rgba(255,255,255,.08)}
.buyer-card{min-height:330px;padding:1.6rem;background:rgba(7,11,17,.82);position:relative;transition:transform .6s cubic-bezier(.2,.8,.2,1),background .4s,border-color .4s}
.buyer-card:after{content:"";position:absolute;left:1.6rem;right:1.6rem;bottom:1.4rem;height:1px;background:linear-gradient(90deg,rgba(86,240,255,.7),transparent);transform:scaleX(.2);transform-origin:left;transition:transform .6s}
.buyer-card:hover{transform:translateY(-8px);background:rgba(12,18,28,.95)}
.buyer-card:hover:after{transform:scaleX(1)}
.buyer-card>span{font-family:var(--mono,monospace);font-size:.72rem;color:#56f0ff;opacity:.8}
.buyer-card small{display:block;margin-top:4rem;font-family:var(--mono,monospace);font-size:.66rem;letter-spacing:.18em;color:#8f7cff}
.buyer-card h3{font-size:1.35rem;margin:.6rem 0 .8rem;letter-spacing:-.02em}
.buyer-card p{color:var(--muted,#8c98a8);line-height:1.65;font-size:.92rem}
.buyer-bridge{margin-top:7rem;max-width:1000px}
.bridge-line{width:100%;height:1px;background:linear-gradient(90deg,#56f0ff,rgba(143,124,255,.5),transparent);margin-bottom:2.5rem;position:relative;overflow:hidden}
.bridge-line:after{content:"";position:absolute;top:0;left:-20%;width:20%;height:100%;background:#7dffb2;box-shadow:0 0 18px #7dffb2;animation:linePulse 4s linear infinite}
.buyer-bridge h3{font-size:clamp(2rem,4vw,4.6rem);line-height:1;letter-spacing:-.045em;margin:0 0 1.4rem}
.buyer-bridge h3 span{color:#56f0ff}
.buyer-bridge>p{max-width:760px;color:var(--muted,#8c98a8);line-height:1.7}
.buyer-principles{display:grid;grid-template-columns:repeat(4,1fr);gap:1rem;margin-top:3rem}
.buyer-principles>div{padding:1.2rem;border-top:1px solid rgba(255,255,255,.14)}
.buyer-principles span{font: .7rem var(--mono,monospace);color:#7dffb2}
.buyer-principles p{margin:.7rem 0 0;font-size:.9rem;color:#edf2f7;line-height:1.5}
@keyframes signalSweep{0%,100%{transform:translateX(-10%);opacity:.25}50%{transform:translateX(10%);opacity:.8}}
@keyframes linePulse{from{left:-20%}to{left:110%}}
.section-reveal{opacity:0;transform:translateY(35px);transition:opacity .9s ease,transform .9s cubic-bezier(.2,.7,.2,1)}
.section-reveal.is-visible{opacity:1;transform:none}
@media(max-width:900px){.buyer-grid{grid-template-columns:1fr 1fr}.buyer-principles{grid-template-columns:1fr 1fr}}
@media(max-width:620px){.buyer-system{padding:6rem 0}.buyer-grid{grid-template-columns:1fr}.buyer-card{min-height:260px}.buyer-card small{margin-top:2rem}.buyer-principles{grid-template-columns:1fr}.buyer-intro h2{font-size:clamp(2.8rem,13vw,5rem)}}
@media(prefers-reduced-motion:reduce){.buyer-system:before,.bridge-line:after{animation:none}.section-reveal{opacity:1;transform:none}.buyer-card,.buyer-card:after{transition:none}}


/* REVO7 / brand system layer */
.brand-system-section{position:relative;overflow:hidden}
.brand-system-heading{display:grid;grid-template-columns:minmax(0,1.1fr) minmax(280px,.65fr);gap:5rem;align-items:end;margin:1rem 0 4rem}
.brand-system-heading h2{font-size:clamp(2.8rem,6vw,6.2rem);line-height:.94;letter-spacing:-.055em;margin:0}
.brand-system-heading h2 span{background:linear-gradient(90deg,#56f0ff,#8f7cff,#7dffb2);-webkit-background-clip:text;background-clip:text;color:transparent}
.brand-system-heading>p{margin:0;color:var(--muted,#8c98a8);line-height:1.75;max-width:620px}
.brand-system-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));border-top:1px solid rgba(255,255,255,.12);border-left:1px solid rgba(255,255,255,.08)}
.brand-system-grid article{min-height:290px;padding:1.5rem;border-right:1px solid rgba(255,255,255,.08);border-bottom:1px solid rgba(255,255,255,.08);background:linear-gradient(135deg,rgba(255,255,255,.025),transparent);transition:transform .55s cubic-bezier(.2,.8,.2,1),background .4s}
.brand-system-grid article:hover{transform:translateY(-6px);background:linear-gradient(135deg,rgba(86,240,255,.06),rgba(143,124,255,.025))}
.brand-system-grid article>span{font:.65rem var(--mono,monospace);letter-spacing:.14em;color:#56f0ff}
.brand-system-grid h3{font-size:1.35rem;line-height:1.1;margin:3.5rem 0 .8rem}
.brand-system-grid p{font-size:.9rem;line-height:1.65;color:var(--muted,#8c98a8);margin:0}
.brand-system-line{display:flex;align-items:center;gap:1rem;margin-top:2.5rem;color:#8c98a8;font:.62rem var(--mono,monospace);letter-spacing:.12em;white-space:nowrap}
.brand-system-line i{height:1px;flex:1;background:linear-gradient(90deg,rgba(86,240,255,.5),rgba(143,124,255,.15),transparent)}
@media(max-width:900px){.brand-system-heading{grid-template-columns:1fr;gap:2rem}.brand-system-grid{grid-template-columns:1fr 1fr}.brand-system-grid article{min-height:240px}}
@media(max-width:620px){.brand-system-grid{grid-template-columns:1fr}.brand-system-heading h2{font-size:clamp(2.7rem,12vw,5rem)}.brand-system-line{overflow:auto;padding-bottom:.4rem}.brand-system-line i{min-width:30px}}
@media(prefers-reduced-motion:reduce){.brand-system-grid article{transition:none}}

/* REVO7 / real-world demo story layer */
.demo-story{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:1px;margin-top:1px;background:rgba(255,255,255,.08);border:1px solid rgba(255,255,255,.08)}
.demo-story article{min-height:230px;padding:1.45rem;background:rgba(7,11,17,.82);position:relative}
.demo-story article:after{content:"";position:absolute;left:1.45rem;right:1.45rem;bottom:1.25rem;height:1px;background:linear-gradient(90deg,rgba(86,240,255,.65),transparent)}
.demo-story span,.demo-story article>span{font: .67rem var(--mono,monospace);letter-spacing:.16em;color:#56f0ff}
.demo-story h3{font-size:1.05rem;line-height:1.3;margin:1.5rem 0 .7rem;letter-spacing:-.015em}
.demo-story p{margin:0;color:var(--muted,#8c98a8);font-size:.88rem;line-height:1.65}
.demo-story p strong{color:#edf2f7;font-weight:500}
@media(max-width:1000px){.demo-story{grid-template-columns:1fr 1fr}}
@media(max-width:620px){.demo-story{grid-template-columns:1fr}.demo-story article{min-height:190px}}

/* REVO7 / Decision-column alignment + strategic CTA motion layer */
:root{--content-max:1240px}
.section,.buyer-system{max-width:var(--content-max)}
.buyer-system{padding:145px 32px 145px;box-sizing:border-box}
.buyer-intro,.buyer-grid,.buyer-bridge{width:100%}
.buyer-intro{margin-left:0;margin-right:0}
.section-cta-row{display:flex;justify-content:flex-end;align-items:center;margin:-38px 0 52px;position:relative;z-index:3}
.section-cta-row + *{position:relative}
.strategic-cta{position:relative;display:inline-flex;align-items:center;gap:16px;min-height:44px;padding:11px 15px 10px 17px;border:1px solid rgba(86,240,255,.22);background:linear-gradient(135deg,rgba(86,240,255,.045),rgba(143,124,255,.035));color:#cfe8ee;font:10px "DM Mono",monospace;letter-spacing:.08em;text-transform:uppercase;overflow:hidden;isolation:isolate;transition:transform .45s var(--ease),border-color .35s,background .35s,box-shadow .45s}
.strategic-cta:before{content:"";position:absolute;left:-35%;top:0;width:28%;height:100%;background:linear-gradient(90deg,transparent,rgba(86,240,255,.32),transparent);transform:skewX(-18deg);animation:ctaBeam 5.8s ease-in-out infinite;z-index:-1}
.strategic-cta:after{content:"";position:absolute;inset:0;border:1px solid transparent;background:linear-gradient(90deg,rgba(86,240,255,.65),transparent 35%,rgba(143,124,255,.45)) border-box;mask:linear-gradient(#000 0 0) padding-box,linear-gradient(#000 0 0);mask-composite:exclude;opacity:.45;transition:opacity .35s}
.strategic-cta:hover{transform:translate3d(0,-4px,0);border-color:rgba(86,240,255,.5);background:linear-gradient(135deg,rgba(86,240,255,.10),rgba(143,124,255,.06));box-shadow:0 14px 38px rgba(0,0,0,.24),0 0 28px rgba(86,240,255,.07)}
.strategic-cta:hover:after{opacity:.9}
.strategic-cta:focus-visible{outline:2px solid var(--cyan);outline-offset:4px}
@keyframes ctaBeam{0%,60%{transform:translateX(0);opacity:0}70%{opacity:1}100%{transform:translateX(520%);opacity:0}}
.section-cta-row .strategic-cta:active{transform:translateY(-1px) scale(.985)}
.scroll-progress{position:fixed;left:0;top:0;width:0;height:2px;background:linear-gradient(90deg,var(--cyan),var(--purple),var(--green));box-shadow:0 0 18px rgba(86,240,255,.45);z-index:100;pointer-events:none;transform-origin:left}
.buyer-system:after{content:"";position:absolute;left:32px;right:32px;top:145px;height:1px;background:linear-gradient(90deg,transparent,rgba(86,240,255,.16),transparent);pointer-events:none}
@media(max-width:900px){
 .buyer-system{padding:100px 24px}
 .buyer-system:after{left:24px;right:24px;top:100px}
 .section-cta-row{justify-content:flex-start;margin:-22px 0 42px}
 .strategic-cta{max-width:100%;white-space:normal}
}
@media(max-width:560px){
 .buyer-system{padding:78px 18px}
 .buyer-system:after{left:18px;right:18px;top:78px}
 .section-cta-row{margin:-14px 0 34px}
 .strategic-cta{width:100%;justify-content:space-between;padding:12px 13px}
}
@media(prefers-reduced-motion:reduce){
 .strategic-cta,.strategic-cta:before{animation:none!important;transition:none!important}
 .strategic-cta:before{display:none}
}
.strategic-cta.cta-visible{animation:ctaArrive .75s var(--ease) both}
@keyframes ctaArrive{from{opacity:0;transform:translateY(10px);filter:blur(3px)}to{opacity:1;transform:none;filter:none}}
.strategic-cta.cta-pulse{box-shadow:0 0 0 4px rgba(86,240,255,.08),0 0 34px rgba(86,240,255,.14)}
@media(prefers-reduced-motion:reduce){.strategic-cta.cta-visible{animation:none}.strategic-cta.cta-pulse{box-shadow:none}}

/* REVO7 / SIMULATOR v2 — realistic trace console */
.demo-sidebar .scenario{position:relative;text-align:left;padding:15px 14px 14px 18px;min-height:82px;overflow:hidden}
.demo-sidebar .scenario:before{content:"";position:absolute;left:0;top:0;bottom:0;width:2px;background:linear-gradient(180deg,var(--cyan),transparent);transform:scaleY(0);transform-origin:top;transition:transform .45s var(--ease)}
.demo-sidebar .scenario:hover:before,.demo-sidebar .scenario.active:before{transform:scaleY(1)}
.demo-sidebar .scenario-index{display:block;font:7px "DM Mono",monospace;letter-spacing:.16em;color:#4d5d6c;margin-bottom:7px}
.demo-sidebar .scenario b{display:block;letter-spacing:.04em}
.demo-sidebar .scenario small{display:block;line-height:1.5;margin-top:6px}
.console-lines{scroll-behavior:smooth}
.console-lines>div{display:grid;grid-template-columns:78px 62px minmax(0,1fr);gap:8px;align-items:start;font:8px/1.55 "DM Mono",monospace;color:#758391;padding:4px 0;border-bottom:1px solid rgba(255,255,255,.025)}
.console-lines time{color:#43515e}.console-lines em{font-style:normal;color:var(--cyan);letter-spacing:.06em}.console-lines span{color:#9aa8b5}
.console-lines .log-live{animation:logIn .34s ease both}
@keyframes logIn{from{opacity:0;transform:translateX(9px);filter:blur(2px)}to{opacity:1;transform:none;filter:none}}
@media(max-width:700px){.console-lines>div{grid-template-columns:66px 50px minmax(0,1fr);font-size:7px}.demo-sidebar .scenario{min-width:190px}}

/* Minimal future-key contact interaction */
.contact-form-wrap.key-interface{position:relative;overflow:hidden}
.future-key{height:82px;position:relative;display:flex;align-items:center;justify-content:center;margin:-2px 0 8px;pointer-events:none;opacity:.72}
.key-core{width:12px;height:12px;border:1px solid var(--cyan);border-radius:50%;box-shadow:0 0 18px rgba(86,240,255,.35);animation:keyPulse 3.8s ease-in-out infinite}
.key-ring{position:absolute;border:1px solid rgba(86,240,255,.15);border-radius:50%;width:38px;height:38px;animation:keyOrbit 6s linear infinite}.key-ring.r2{width:64px;height:64px;border-color:rgba(143,124,255,.12);animation-duration:9s;animation-direction:reverse}
.key-label{position:absolute;top:7px;right:0;font:7px "DM Mono",monospace;letter-spacing:.14em;color:#50606d}
.contact-form-wrap.key-interface:after{content:"";position:absolute;left:0;right:0;top:80px;height:1px;background:linear-gradient(90deg,transparent,rgba(86,240,255,.35),transparent);transform:scaleX(var(--form-progress,0));transform-origin:left;transition:transform .5s ease}
#contact-form.is-active{--form-glow:rgba(86,240,255,.08)}
#contact-form label{transition:transform .35s ease,color .35s ease}
#contact-form label.field-active{transform:translateX(3px);color:#d8f8ff}
#contact-form.transmitting .button.primary{animation:keyTransmit 1.2s ease both}
#contact-form.transmitting:before{content:"";position:absolute;inset:0;pointer-events:none;background:linear-gradient(90deg,transparent,rgba(86,240,255,.08),transparent);animation:transmitSweep 1.1s ease both}
@keyframes keyPulse{0%,100%{transform:scale(.8);opacity:.6}50%{transform:scale(1.15);opacity:1}}
@keyframes keyOrbit{from{transform:rotate(0deg)}to{transform:rotate(360deg)}}
@keyframes keyTransmit{0%{transform:translateY(0);box-shadow:0 0 0 rgba(86,240,255,0)}35%{transform:translateY(-2px);box-shadow:0 0 28px rgba(86,240,255,.16)}100%{transform:translateY(0);box-shadow:0 0 0 rgba(86,240,255,0)}}
@keyframes transmitSweep{from{transform:translateX(-100%)}to{transform:translateX(100%)}}
@media(prefers-reduced-motion:reduce){.key-core,.key-ring,#contact-form.transmitting .button.primary,.console-lines .log-live{animation:none!important}.future-key{opacity:.5}}
/* Contact panel is the visual shell for the future-key interaction. */
.contact-panel.key-interface{position:relative;overflow:hidden}
.contact-panel.key-interface .future-key{margin:0 0 10px}
.contact-panel.key-interface:after{content:"";position:absolute;left:0;right:0;top:95px;height:1px;background:linear-gradient(90deg,transparent,rgba(86,240,255,.28),transparent);transform:scaleX(var(--form-progress,0));transform-origin:left;transition:transform .5s ease;pointer-events:none}
.contact-panel.key-interface #contact-form:after{content:"";position:absolute;left:-20%;right:-20%;top:0;height:1px;background:linear-gradient(90deg,transparent,rgba(86,240,255,.18),transparent);opacity:0}
.contact-panel.key-interface #contact-form.transmitting:after{opacity:1;animation:transmitSweep 1.1s ease both}


/* =====================================================================
   REVO7 / VISUAL SYSTEM 4.0 — alignment, hierarchy and modernisation
   One grid. One rhythm. One red line.
   ===================================================================== */
:root{
  --content-edge:max(24px,calc((100vw - var(--max))/2 + 32px));
  --section-space:clamp(96px,9vw,144px);
  --module-gap:clamp(28px,4vw,56px);
}

/* Every major section now resolves to the same 1240px content rail. */
.section,
.method-section,
.content-engine-section,
.demo-section,
.value-section{
  width:100%;
  max-width:none;
  box-sizing:border-box;
}
.section:not(.value-section),
.method-section,
.content-engine-section,
.demo-section{
  padding-top:var(--section-space);
  padding-bottom:var(--section-space);
  padding-left:var(--content-edge);
  padding-right:var(--content-edge);
}
.section:not(.value-section)>*,
.method-section>*,
.content-engine-section>*,
.demo-section>*{
  max-width:var(--max);
  margin-left:auto;
  margin-right:auto;
}

/* Restore the exact same left/right visual rail even for full-bleed modules. */
.section-heading,
.demo-heading,
.stack-heading,
.brand-system-heading,
.buyer-intro,
.buyer-grid,
.buyer-bridge,
.method-layout,
.content-engine,
.business-grid,
.system-grid,
.use-grid,
.explain-grid,
.benefit-grid,
.stack-map,
.tech-row,
.automation-value-map,
.automation-demo,
.demo-story{
  width:100%;
  max-width:var(--max);
}

.section-tag{
  width:100%;
  display:grid;
  grid-template-columns:auto minmax(36px,1fr);
  align-items:center;
  gap:18px;
  margin:0 auto;
  color:#637181;
  min-height:16px;
}
.section-tag:after{
  content:"";
  height:1px;
  background:linear-gradient(90deg,rgba(86,240,255,.24),rgba(143,124,255,.08),transparent);
  transform-origin:left;
  transform:scaleX(.28);
  transition:transform .9s var(--ease);
}
.section.revealed .section-tag:after,
.section.is-visible .section-tag:after{transform:scaleX(1)}

.section-heading,
.demo-heading,
.stack-heading,
.brand-system-heading{
  margin-top:26px;
  margin-bottom:clamp(42px,5vw,64px);
}
.section-heading{grid-template-columns:minmax(0,1.12fr) minmax(280px,.88fr);gap:clamp(44px,7vw,92px)}
.section-heading p,
.stack-heading p,
.demo-heading p,
.brand-system-heading>p{
  max-width:560px;
  margin:0;
}
.section-cta-row{
  width:100%;
  max-width:var(--max);
  margin:-22px auto 42px;
  padding:0;
}
.section-cta-row .strategic-cta{margin-left:auto}

/* Quiet grid line behind the section system — gives every module a common spine. */
.section:not(.hero):not(.value-section),
.method-section,
.content-engine-section,
.demo-section{
  position:relative;
}
.section:not(.hero):not(.value-section):before,
.method-section:before,
.content-engine-section:before,
.demo-section:before{
  content:"";
  position:absolute;
  left:var(--content-edge);
  top:0;
  bottom:0;
  width:1px;
  background:linear-gradient(180deg,transparent,rgba(86,240,255,.08) 18%,rgba(86,240,255,.035) 82%,transparent);
  pointer-events:none;
}

/* Business-fit cards: same visual density as the service system. */
.business-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}
.business-card{
  min-height:330px;
  padding:28px;
  border:1px solid var(--line);
  background:linear-gradient(145deg,rgba(255,255,255,.035),rgba(255,255,255,.008));
  position:relative;
  overflow:hidden;
  transition:transform .45s var(--ease),border-color .35s,background .35s,box-shadow .45s;
}
.business-card:before{
  content:"";position:absolute;left:0;top:0;width:1px;height:0;
  background:linear-gradient(var(--cyan),var(--purple));
  transition:height .5s var(--ease);
}
.business-card:hover{transform:translateY(-6px);border-color:rgba(86,240,255,.25);background:linear-gradient(145deg,rgba(86,240,255,.045),rgba(255,255,255,.008));box-shadow:0 24px 60px rgba(0,0,0,.18)}
.business-card:hover:before{height:100%}
.business-card h3{font-size:clamp(22px,2vw,29px);margin:68px 0 13px;line-height:1.05;letter-spacing:-.025em}
.business-card p{min-height:94px}
.business-card .mini-flow{margin-top:auto;padding-top:20px}

/* Service grid: balanced cards, consistent baseline and stronger hierarchy. */
.system-grid{gap:14px}
.system-card{min-height:390px}
.service-grid .system-card:nth-child(n){min-height:390px}
.system-card h3{font-size:clamp(24px,2.4vw,30px);line-height:1.02}

/* Content engine — correct the previous 3-child grid so CTA cannot break the layout. */
.content-engine{grid-template-columns:minmax(0,.86fr) minmax(0,1.14fr);gap:clamp(40px,7vw,96px);align-items:center}
.content-engine>.engine-copy{grid-column:1}
.content-engine>.content-pipeline{grid-column:2;grid-row:1}
.content-engine>.section-cta-row{grid-column:1 / -1;grid-row:2;margin:-18px 0 0}

/* Demo keeps its established footprint; the scenario rail scrolls inside it. */
.automation-demo{width:100%;max-width:var(--max);border-radius:4px;box-shadow:0 28px 90px rgba(0,0,0,.32)}
.demo-body{grid-template-columns:282px minmax(0,1fr)}
.demo-sidebar{background:linear-gradient(180deg,rgba(255,255,255,.014),transparent);}
.demo-sidebar .scenario{border-radius:3px}
.demo-sidebar .scenario b{font-size:9px}
.demo-workspace{border-left:1px solid var(--line)}
.demo-canvas{background:radial-gradient(circle at 50% 50%,rgba(86,240,255,.055),transparent 34%),#070b11}
.demo-console{background:linear-gradient(180deg,#05080c,#060a0f)}
.demo-story{margin-top:26px}

/* Method 3.0 — visual operating model, not a generic process list. */
.method-section{background:linear-gradient(180deg,#080c12 0%,#060a0f 100%)}
.method-layout{grid-template-columns:minmax(330px,.78fr) minmax(0,1.22fr);gap:clamp(28px,5vw,72px);align-items:stretch;margin-top:0}
.method-layout>div:first-child{
  min-height:100%;
  padding:clamp(26px,3vw,38px);
  display:flex;
  flex-direction:column;
  justify-content:center;
  border:1px solid rgba(86,240,255,.15);
  background:
    radial-gradient(circle at 15% 15%,rgba(86,240,255,.08),transparent 30%),
    linear-gradient(145deg,rgba(255,255,255,.035),rgba(255,255,255,.006));
  box-shadow:0 30px 80px rgba(0,0,0,.2);
}
.method-layout>div:first-child:before{margin-bottom:42px;color:#617080}
.method-layout>div:first-child h2{font-size:clamp(46px,5.4vw,76px);line-height:.9}
.method-layout>div:first-child .large-copy{font-size:15px;line-height:1.75;color:#8d99a8;margin:30px 0 34px}
.method-layout>div:first-child .text-link{font:10px "DM Mono",monospace;letter-spacing:.1em;text-transform:uppercase;color:#d6e9ef}
.steps{grid-template-columns:1fr 1fr;gap:12px}
.steps:before{display:none}
.step{min-height:205px;padding:24px;background:linear-gradient(145deg,rgba(255,255,255,.032),rgba(255,255,255,.008));}
.step:after{content:"";position:absolute;right:18px;top:18px;width:5px;height:5px;border-radius:50%;background:#26343f;transition:.35s}
.step:hover:after{background:var(--cyan);box-shadow:0 0 12px var(--cyan)}
.step>span{font-size:9px}
.step h3{font-size:11px;margin-bottom:12px}
.step p{font-size:12px;line-height:1.65}

/* Stack and use-case modules share the same header rhythm. */
.stack-heading{display:grid;grid-template-columns:minmax(0,1fr) minmax(280px,.75fr);gap:clamp(40px,7vw,90px);align-items:end}
.stack-map{height:460px}
.use-grid{gap:0}
.use-card{min-height:300px;padding:26px}
.use-card h3{font-size:clamp(22px,2.1vw,27px);margin-top:60px}

/* Decision section now sits on exactly the same rail as every other section. */
.buyer-system{width:100%;max-width:none;padding:var(--section-space) var(--content-edge);}
.buyer-system:after{left:var(--content-edge);right:var(--content-edge);top:var(--section-space)}
.buyer-system>*{max-width:var(--max);margin-left:auto;margin-right:auto}
.buyer-intro{margin-top:26px;margin-bottom:42px}
.buyer-intro h2{font-size:clamp(48px,6.3vw,82px);max-width:1040px}
.buyer-grid{grid-template-columns:repeat(5,minmax(0,1fr));gap:10px}
.buyer-card{min-height:300px;padding:22px;background:linear-gradient(145deg,rgba(255,255,255,.028),rgba(255,255,255,.006))}
.buyer-card h3{font-size:19px;line-height:1.15}
.buyer-bridge{margin-top:58px}

/* Trust module — cleaner shared baseline. */
.brand-system-heading{grid-template-columns:minmax(0,1.12fr) minmax(280px,.72fr);gap:clamp(40px,7vw,90px)}
.brand-system-grid{grid-template-columns:repeat(4,minmax(0,1fr))}
.brand-system-grid article{min-height:270px;padding:26px}

/* Contact panel is deliberately quieter than the hero: the future is the interaction. */
.contact-panel{max-width:var(--max);margin:0 auto;padding:clamp(34px,5vw,58px);box-shadow:0 30px 90px rgba(0,0,0,.24)}

/* Reveal rail animation — consistent across every module. */
.section-heading:before,.stack-heading:before,.demo-heading:before,.explain-heading:before{
  left:-18px;top:.48em;height:42px;width:2px;
  transform:scaleY(0);transition:transform .75s var(--ease);
}
.section.revealed .section-heading:before,
.section.revealed .stack-heading:before,
.section.revealed .demo-heading:before,
.section.revealed .explain-heading:before{transform:scaleY(1)}

/* Light mode follows the same geometry and contrast hierarchy. */
body[data-theme="light"] .section:not(.value-section):before,
body[data-theme="light"] .method-section:before,
body[data-theme="light"] .content-engine-section:before,
body[data-theme="light"] .demo-section:before{background:linear-gradient(180deg,transparent,rgba(0,126,145,.13) 18%,rgba(0,126,145,.035) 82%,transparent)}
body[data-theme="light"] .business-card,
body[data-theme="light"] .system-card,
body[data-theme="light"] .step,
body[data-theme="light"] .buyer-card{box-shadow:0 18px 45px rgba(10,25,38,.045)}

@media(max-width:1100px){
  .buyer-grid{grid-template-columns:repeat(3,minmax(0,1fr))}
  .brand-system-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
}
@media(max-width:900px){
  :root{--content-edge:24px;--section-space:100px}
  .section:not(.value-section),.method-section,.content-engine-section,.demo-section{padding-left:24px;padding-right:24px}
  .section:not(.hero):not(.value-section):before,.method-section:before,.content-engine-section:before,.demo-section:before{left:24px}
  .section-heading,.demo-heading,.stack-heading,.brand-system-heading{grid-template-columns:1fr;gap:24px}
  .section-cta-row{margin:-8px auto 34px}
  .business-grid{grid-template-columns:1fr 1fr}
  .content-engine>.engine-copy,.content-engine>.content-pipeline{grid-column:1}
  .content-engine>.content-pipeline{grid-row:2}
  .content-engine>.section-cta-row{grid-row:3}
  .method-layout{grid-template-columns:1fr;gap:18px}
  .buyer-system{padding-left:24px;padding-right:24px}
  .buyer-system:after{left:24px;right:24px}
  .buyer-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
  .brand-system-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
  .demo-workspace{border-left:0}
}
@media(max-width:600px){
  :root{--content-edge:18px;--section-space:82px}
  .section:not(.value-section),.method-section,.content-engine-section,.demo-section{padding-left:18px;padding-right:18px}
  .section:not(.hero):not(.value-section):before,.method-section:before,.content-engine-section:before,.demo-section:before{left:18px}
  .section-heading,.demo-heading,.stack-heading,.brand-system-heading{margin-top:22px;margin-bottom:36px}
  .section-cta-row{margin:0 auto 30px}
  .section-cta-row .strategic-cta{width:100%;justify-content:space-between}
  .business-grid,.buyer-grid,.brand-system-grid{grid-template-columns:1fr}
  .business-card{min-height:290px}
  .business-card p{min-height:0}
  .content-engine{gap:34px}
  .method-layout>div:first-child{padding:24px}
  .steps{grid-template-columns:1fr}
  .step{min-height:0}
  .buyer-system{padding-left:18px;padding-right:18px}
  .buyer-system:after{left:18px;right:18px}
  .buyer-intro h2{font-size:clamp(43px,12vw,60px)}
  .brand-system-grid article{min-height:235px}
  .contact-panel{padding:30px 22px}
}

@media(prefers-reduced-motion:reduce){
  .business-card,.system-card,.step,.buyer-card,.strategic-cta{transition:none!important}
  .section-tag:after{transition:none!important}
}


/* =====================================================================
   REVO7 / EXECUTIVE VISUAL PASS 5.0
   Serious, precise, restrained. Same motion language, cleaner authority.
   ===================================================================== */
:root{
  --bg:#05080d;
  --panel:#080d14;
  --panel2:#0b1119;
  --text:#edf1f4;
  --muted:#8995a3;
  --line:rgba(210,225,236,.105);
  --cyan:#63d7e2;
  --purple:#8580bd;
  --green:#79bd98;
  --content-edge:max(24px,calc((100vw - var(--max))/2 + 32px));
}

/* One page rail: navigation, hero and every content module share the same edge. */
.nav{padding-left:var(--content-edge);padding-right:var(--content-edge);background:rgba(5,8,13,.82);border-bottom-color:rgba(210,225,236,.075)}
.hero{padding-left:var(--content-edge);padding-right:var(--content-edge)}
.hero-content{width:100%;max-width:var(--max);margin:0 auto}
.scroll-cue{left:var(--content-edge)}
.matrix-hud{right:var(--content-edge)}

/* Reduce neon intensity without removing the animated identity. */
body:before{background:radial-gradient(circle at 72% 8%,rgba(99,215,226,.045),transparent 28%),radial-gradient(circle at 18% 60%,rgba(133,128,189,.035),transparent 25%)}
.hero{background:radial-gradient(circle at 68% 46%,rgba(99,215,226,.035),transparent 25%),radial-gradient(circle at 82% 18%,rgba(133,128,189,.045),transparent 22%)}
.hero-grid{background-image:linear-gradient(rgba(99,215,226,.035) 1px,transparent 1px),linear-gradient(90deg,rgba(99,215,226,.035) 1px,transparent 1px)}
.matrix-scan{box-shadow:0 0 18px rgba(99,215,226,.16);opacity:.48}
.gradient{background:linear-gradient(100deg,#f4f6f7 15%,#b9e4e8 58%,#aaa6ce 95%)}

/* Executive navigation hierarchy. */
.nav nav{gap:25px;color:#9ba6b2}
.nav nav a{font-size:11px;letter-spacing:.01em}
.nav-cta{border-color:rgba(99,215,226,.30);background:rgba(99,215,226,.025)}
.lang-switch{border-left:1px solid rgba(210,225,236,.08);padding-left:14px;margin-left:2px}
.lang-switch button{color:#7f8b98}
.lang-switch button.active{color:#e6edf2}

/* More controlled cards and surfaces. */
.system-card,.use-card,.business-card,.buyer-card,.brand-system-grid article,.pipeline-node,.step{background:linear-gradient(145deg,rgba(255,255,255,.026),rgba(255,255,255,.006));border-color:rgba(210,225,236,.095)}
.system-card:hover,.use-card:hover,.business-card:hover,.buyer-card:hover,.brand-system-grid article:hover{border-color:rgba(99,215,226,.22);box-shadow:0 18px 50px rgba(0,0,0,.18)}
.system-card:after{background:radial-gradient(circle,rgba(99,215,226,.045),transparent 65%)}
.card-index,.section-tag,.eyebrow{color:#73808e}
.section h2,.stack-heading h2{font-weight:520}
.section-heading p,.stack-heading p,.hero-lead,.large-copy{color:#98a4b1}
.button.primary{background:#e8f0f2;color:#071017;border-color:#e8f0f2}
.button.primary:hover{box-shadow:0 12px 30px rgba(99,215,226,.12)}
.button.ghost:hover{border-color:rgba(99,215,226,.28)}

/* Method reads like an operating model rather than a generic four-card section. */
.method-section{background:#070b11;border-top-color:rgba(210,225,236,.09);border-bottom-color:rgba(210,225,236,.09)}
.method-layout{gap:clamp(60px,8vw,120px)}
.method-layout>div:first-child{position:relative}
.method-layout>div:first-child:before{content:"";position:absolute;left:0;top:-20px;width:34px;height:1px;background:var(--cyan);box-shadow:0 0 16px rgba(99,215,226,.16)}
.steps{position:relative}
.steps:before{background:linear-gradient(180deg,rgba(99,215,226,.42),rgba(99,215,226,.04))}
.step{transition:border-color .35s var(--ease),background .35s var(--ease),transform .35s var(--ease)}
.step:hover{background:rgba(255,255,255,.018);border-color:rgba(99,215,226,.18);transform:translateX(4px)}
.step>span{color:var(--cyan)}
.step h3{color:#dfe7eb}

/* Demo: premium control-room feel, still animated and functional. */
.automation-demo{border-color:rgba(210,225,236,.11);box-shadow:0 26px 80px rgba(0,0,0,.24)}
.demo-sidebar{background:#070b11;border-right-color:rgba(210,225,236,.08)}
.demo-sidebar .scenario.active{background:rgba(99,215,226,.055);border-color:rgba(99,215,226,.22)}
.demo-workspace,.demo-canvas{background:#080d14}
.demo-node{background:rgba(10,16,24,.92);border-color:rgba(210,225,236,.10)}
.demo-node.active{border-color:rgba(99,215,226,.3)}
.demo-console{background:#060a10;border-left-color:rgba(210,225,236,.08)}

/* Strategic CTAs: quiet signals, not sales banners. */
.strategic-cta{color:#a8dfe4;border-color:rgba(99,215,226,.22);background:rgba(99,215,226,.018)}
.strategic-cta:hover{background:rgba(99,215,226,.055);border-color:rgba(99,215,226,.36);box-shadow:0 12px 35px rgba(0,0,0,.18)}

/* Contact remains minimal, with the existing future-key animation intact. */
.contact-panel{border-color:rgba(210,225,236,.11);background:linear-gradient(145deg,rgba(255,255,255,.025),rgba(255,255,255,.006))}
.form-field input,.form-field textarea,.form-field select{background:rgba(3,7,12,.55);border-color:rgba(210,225,236,.10)}
.form-field input:focus,.form-field textarea:focus,.form-field select:focus{border-color:rgba(99,215,226,.34);box-shadow:0 0 0 3px rgba(99,215,226,.035)}

/* Keep the animated identity, but make it calmer and more deliberate. */
.orb{filter:saturate(.78)}
.orb-cyan{box-shadow:0 0 42px rgba(99,215,226,.22)}
.orb-purple{box-shadow:0 0 42px rgba(133,128,189,.22)}
.orb-green{box-shadow:0 0 42px rgba(121,189,152,.20)}

@media(max-width:900px){
  .nav{padding-left:20px;padding-right:20px}
  .hero{padding-left:24px;padding-right:24px}
  .scroll-cue{left:24px}
  .matrix-hud{right:24px}
}
@media(max-width:600px){
  .hero{padding-left:20px;padding-right:20px}
  .scroll-cue{left:20px}
  .matrix-hud{right:20px}
  .section:not(.value-section),.method-section,.content-engine-section,.demo-section{padding-left:20px;padding-right:20px}
}


/* =====================================================================
   HERO EYEBROW / STATUS LABEL
   Clean editorial label — no banner, pill, box or gradient treatment.
   ===================================================================== */
.hero .eyebrow{
  display:flex;
  align-items:center;
  gap:10px;
  width:max-content;
  max-width:100%;
  margin:0 0 24px;
  padding:0;
  border:0;
  border-radius:0;
  background:transparent !important;
  background-image:none !important;
  box-shadow:none !important;
  color:#7f8b98;
  font:10px "DM Mono",monospace;
  font-weight:500;
  letter-spacing:.16em;
  line-height:1.4;
  text-transform:uppercase;
}
.hero .eyebrow:before,.hero .eyebrow:after{
  content:none !important;
  display:none !important;
}
.hero .eyebrow .pulse{
  flex:0 0 5px;
  width:5px;
  height:5px;
  margin:0;
  border-radius:50%;
  background:#63d7e2;
  box-shadow:0 0 9px rgba(99,215,226,.32);
}
@media(max-width:600px){
  .hero .eyebrow{font-size:9px;letter-spacing:.13em;margin-bottom:20px}
}

/* REVO7 — Scenario rail: contained internal scroll on desktop.
   Keeps the simulator footprint stable while all examples remain accessible. */
@media (min-width:901px){
  .demo-sidebar{
    height:630px;
    max-height:630px;
    overflow-y:auto;
    overflow-x:hidden;
    scrollbar-width:thin;
    scrollbar-color:rgba(99,215,226,.42) rgba(255,255,255,.035);
    scrollbar-gutter:stable;
    overscroll-behavior:contain;
    -webkit-overflow-scrolling:touch;
  }
  .demo-sidebar::-webkit-scrollbar{width:6px}
  .demo-sidebar::-webkit-scrollbar-track{background:rgba(255,255,255,.025);border-left:1px solid rgba(255,255,255,.025)}
  .demo-sidebar::-webkit-scrollbar-thumb{background:linear-gradient(180deg,rgba(99,215,226,.52),rgba(99,215,226,.16));border-radius:99px;border:1px solid rgba(255,255,255,.06)}
  .demo-sidebar::-webkit-scrollbar-thumb:hover{background:linear-gradient(180deg,rgba(99,215,226,.72),rgba(99,215,226,.25))}
  .demo-sidebar .sidebar-label{
    position:sticky;
    top:-20px;
    z-index:6;
    padding:20px 0 12px;
    margin:0 0 2px;
    background:linear-gradient(180deg,#070b11 72%,rgba(7,11,17,0));
  }
  .demo-sidebar .sidebar-bottom{
    position:sticky;
    bottom:-20px;
    z-index:5;
    margin:22px -14px -20px;
    padding:18px 14px 20px;
    background:linear-gradient(180deg,rgba(7,11,17,0),#070b11 22%);
  }
}

@media (max-width:900px){
  .demo-sidebar{
    height:auto;
    max-height:none;
    overflow-x:auto;
    overflow-y:hidden;
    scrollbar-width:thin;
    scrollbar-color:rgba(99,215,226,.35) rgba(255,255,255,.025);
    scrollbar-gutter:stable;
    overscroll-behavior-x:contain;
  }
  .demo-sidebar::-webkit-scrollbar{height:5px}
  .demo-sidebar::-webkit-scrollbar-track{background:rgba(255,255,255,.025)}
  .demo-sidebar::-webkit-scrollbar-thumb{background:rgba(99,215,226,.35);border-radius:99px}
}

@media (max-width:700px){
  .demo-sidebar{scrollbar-width:none}
  .demo-sidebar::-webkit-scrollbar{display:none}
}

/* FINAL HEADER / HEADING CLEANUP
   Keep heading treatments text-only: no blocks, labels or accidental color boxes. */
.hero h1,
.section h2,
.stack-heading h2,
.demo-heading h2,
.explain-heading h2,
.brand-system-heading h2,
.contact-panel h2,
.manifesto blockquote{
  position:relative;
  z-index:2;
  background-color:transparent !important;
  background-image:none !important;
  box-shadow:none !important;
}
.hero h1 .gradient,
.section h2 span,
.stack-heading h2 span,
.demo-heading h2 span,
.explain-heading h2 span,
.brand-system-heading h2 span,
.contact-panel h2 span,
.manifesto span{
  position:relative;
  z-index:1;
  background-color:transparent !important;
  background-image:linear-gradient(100deg,#f4f6f7 15%,#b9e4e8 58%,#aaa6ce 95%) !important;
  -webkit-background-clip:text !important;
  background-clip:text !important;
  -webkit-text-fill-color:transparent !important;
  color:transparent !important;
  -webkit-box-decoration-break:clone;
  box-decoration-break:clone;
}
.section-tag,
.hero .eyebrow{
  position:relative;
  z-index:4;
  display:flex;
  align-items:center;
  width:max-content;
  max-width:100%;
  background:transparent !important;
  background-image:none !important;
  box-shadow:none !important;
  border:0 !important;
  border-radius:0 !important;
  color:#7f8b98 !important;
}
.section-tag:before,
.section-tag:after,
.hero .eyebrow:before,
.hero .eyebrow:after{
  content:none !important;
  display:none !important;
}