
/* Impulse v3: the selected direction. Earlier concepts remain untouched. */
.navlinks{gap:9px}
.navlinks a{padding:9px 12px;border-radius:7px;transition:color .18s,background .18s}
.navlinks a[aria-current=location]{background:#a4edda18;color:#b4f5df}
.navlinks a[aria-current=location]:after{width:18px;left:12px;bottom:3px;background:#a4edda}
.navlinks a:hover:after{width:18px;left:12px}
.arrival-highlight{background:#a4edda13;box-shadow:0 0 0 10px #a4edda13;border-radius:5px;animation:arrival 1.6s ease-out}
.arrival-highlight:focus{outline:none}
@keyframes arrival{0%,35%{background:#a4edda30;box-shadow:0 0 0 10px #a4edda30}100%{background:#a4edda13;box-shadow:0 0 0 10px #a4edda13}}
.hero{grid-template-columns:1fr 1.07fr;gap:52px;padding-top:58px}
.hero h1{font-size:clamp(43px,4.2vw,69px)}
.hero h1>span{color:#a4edda}
.hero-description{font-size:16px;max-width:520px}
.system-visual{position:relative;padding:24px;border:1px solid #3c5149;border-radius:23px;background:radial-gradient(ellipse at 90% 40%,#2c4b37aa,transparent 60%),radial-gradient(#6eab8130 1px,transparent 1px),#13201d;background-size:auto,17px 17px,auto;box-shadow:0 28px 65px #0004}
.system-top{display:flex;justify-content:space-between;align-items:center;gap:10px;margin-bottom:24px;font-size:12px}
.system-top .badge{font-size:9px;background:#192724}
.system-top .live-dot{background:#b6e792}
.system-grid{position:relative;display:grid;grid-template-columns:1fr 1fr;gap:35px 30px}
.system-wires{position:absolute;inset:0;width:100%;height:100%;overflow:visible;pointer-events:none}
.system-wires path{fill:none;stroke:#87baa369;stroke-width:1.5}
.system-wires .signal{stroke:#cff5a9;stroke-width:3;stroke-dasharray:45 1200;stroke-dashoffset:1300;opacity:0;filter:drop-shadow(0 0 5px #bafa96)}
.system-visual.playing .signal{animation:signal 3.2s linear}
@keyframes signal{0%{stroke-dashoffset:1300;opacity:0}8%,90%{opacity:1}100%{stroke-dashoffset:-100;opacity:0}}
.system-node{position:relative;z-index:1;border:1px solid #4f685966;background:#1b2c25;border-radius:12px;padding:20px;min-width:0;box-shadow:0 7px 15px #0002;transition:transform .2s,border-color .2s}
.system-node:hover{transform:translateY(-3px);border-color:#91c6a7}
.node-caption{display:flex;justify-content:space-between;gap:8px;font-size:9px;letter-spacing:.09em;color:#b5c8bd}
.system-node h3{font-size:22px;letter-spacing:-.04em;line-height:1.14;margin:13px 0}
.node-site{background:#e3f3e9;color:#18352a;transform:rotate(-2deg)}
.node-site .node-caption{color:#466254}
.browser-dots{display:flex;gap:4px;margin-top:13px}
.browser-dots i{width:4px;height:4px;background:#738e7e;border-radius:50%}
.fake-input{display:flex;align-items:center;justify-content:space-between;gap:6px;padding:10px;background:#cde5d7;border:1px solid #b3d2c0;border-radius:6px;font-size:9px}
.node-footer{display:block;font-size:9px;color:#a5c0ae;margin-top:12px}
.node-site .node-footer{color:#506e5c}
.node-crm{margin-top:18px;align-self:center}
.record-row{display:flex;justify-content:space-between;gap:8px;font-size:10px;padding:8px 0;border-top:1px solid #47665266}
.record-row span{color:#a9bdb4}
.record-row b{font-weight:400}
.node-status{display:inline-flex;font-size:9px;color:#d1efbd;background:#668c3a30;border:1px solid #77935940;border-radius:20px;padding:5px 8px;margin-top:13px}
.node-ai{grid-column:1/-1;display:flex;align-items:center;gap:20px;background:#bde992;color:#1d3b20;padding:21px 25px;margin-inline:25px;transform:rotate(1deg)}
.ai-symbol{font-size:58px;line-height:1}
.node-ai .node-caption{color:#3d5a32;font-size:9px}
.node-ai h3{font-size:24px;margin:9px 0}
.node-ai p{font-size:10px;color:#3d5a32}
.node-human{margin-right:10px}
.review-avatars{display:flex;margin-top:20px}
.review-avatars span{width:26px;height:26px;border-radius:50%;background:#354c3f;border:2px solid #1b2c25;display:grid;place-items:center;font-size:11px}
.review-avatars span+span{margin-left:-6px;background:#ceeaa8;color:#1d3b20}
.node-app{transform:rotate(2deg);background:#223a34;align-self:start;margin-top:8px}
.app-progress{display:flex;gap:4px;margin-top:20px}
.app-progress i{height:4px;background:#a4edda;border-radius:3px;flex:1}
.app-progress i:last-child{background:#517268}
.system-bottom{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-top:23px;border-top:1px solid #45605177;padding-top:13px}
.system-bottom>span{font-size:9px;color:#a9bdb4}
.system-bottom .text-button{font-size:10px;margin:0;color:#bde992;min-height:34px}
.system-disclaimer{font-size:8px;line-height:1.6;text-align:center;margin-top:13px}
.service-sketch{display:flex;align-items:center;justify-content:space-between;gap:5px;font-size:9px;padding:15px 0;border-top:1px solid var(--line);margin-top:auto}
.service-sketch strong{background:#a4edda12;border:1px solid #a4edda30;padding:9px 7px;border-radius:5px;font-weight:400;color:#b4f5df}
.service-sketch i{font-style:normal;color:#a4edda}
.deliverable{margin-top:8px}
.example-panel{background:linear-gradient(135deg,#1e3029,#192724);border-color:#405c4f}
.demo-view{box-shadow:0 15px 40px #0003}
.mock-card{border-color:#50705d80}
@media(min-width:1600px){.hero h1{font-size:74px}}
@media(max-width:1100px){.hero{gap:28px}.hero h1{font-size:clamp(39px,4.6vw,54px)}.system-visual{padding:18px}.system-grid{gap:27px 20px}.system-node{padding:15px}.system-node h3{font-size:20px}.node-ai{margin-inline:10px;padding:18px;gap:14px}.ai-symbol{font-size:45px}.node-ai h3{font-size:22px}.system-top{font-size:10px}.system-disclaimer{font-size:8px}.hero-actions .button{font-size:11px}}
@media(max-width:900px){.hero{grid-template-columns:1fr;gap:40px}.hero-copy{max-width:650px}.hero h1{font-size:58px}.hero-description{font-size:16px}.hero-actions{display:flex}.hero-actions .button{width:auto;font-size:13px}.hero-note{text-align:left}.system-visual{max-width:650px;width:100%;margin:auto}.system-node{padding:23px}.system-node h3{font-size:24px}.system-top{font-size:12px}.node-ai{margin-inline:35px}.service-sketch{grid-column:1/-1;margin-top:15px}.system-disclaimer{font-size:9px}}
@media(max-width:600px){.hero{padding-top:35px;gap:25px}.hero h1{font-size:clamp(37px,9.6vw,56px)}.hero-description{font-size:14px}.hero-actions{display:grid}.hero-actions .button{width:100%;font-size:13px}.hero-note{text-align:center}.system-visual{padding:15px;border-radius:16px}.system-top{font-size:9px;margin-bottom:20px;gap:5px}.system-top .badge{font-size:8px;padding:4px 6px}.system-top .live-dot{width:5px;height:5px;margin-right:4px}.system-grid{gap:24px 13px}.system-node{padding:12px;border-radius:9px}.system-node h3{font-size:18px;margin:11px 0}.node-caption{font-size:7px;letter-spacing:.055em}.fake-input{font-size:7px;padding:7px}.node-footer{font-size:8px}.node-crm{margin-top:15px}.record-row{font-size:8px;padding:7px 0}.node-status{font-size:7px;padding:4px 6px;margin-top:10px}.node-ai{margin-inline:8px;padding:15px;gap:13px}.ai-symbol{font-size:37px}.node-ai h3{font-size:20px}.node-ai p{font-size:8px}.node-ai .node-caption{font-size:8px}.node-human{margin-right:0}.node-app{margin-top:4px}.system-bottom>span{font-size:8px}.system-bottom .text-button{font-size:9px;gap:7px}.system-disclaimer{font-size:8px}.service-sketch{font-size:9px}.navlinks a[aria-current=location]:before{content:"";display:inline-block;width:6px;height:6px;background:#a4edda;border-radius:50%;margin-right:9px}.navlinks a[aria-current=location]:after{display:none}}
@media(prefers-reduced-motion:reduce){.system-wires .signal{display:none}.system-node:hover{transform:none}.arrival-highlight{animation:none}.system-visual.playing .system-node{border-color:#a4edda}}

