:root {
    --bg: #17232d;
    --bg-deep: #0f1921;
    --panel: rgba(95, 112, 124, 0.20);
    --panel-strong: rgba(82, 100, 113, 0.42);
    --line: rgba(184, 213, 225, 0.20);
    --line-bright: rgba(132, 243, 246, 0.56);
    --text: #eef7fa;
    --muted: #b8c6cc;
    --cyan: #39f4f1;
    --cyan-soft: #8ffffb;
    --cyan-dark: #0a9da4;
    --gold: #e3b664;
    --red: #ff615c;
    --blueprint: #2d568b;
    --shadow: 0 26px 70px rgba(0, 0, 0, .42);
    --radius: 14px;
    --font-body: "Manrope", system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
    --font-tech: "Rajdhani", "Arial Narrow", sans-serif;
    --font-note: "Shadows Into Light", "Bradley Hand", cursive;
}

* { box-sizing: border-box; }
html { scroll-behavior: smooth; }
body {
    margin: 0;
    min-width: 320px;
    color: var(--text);
    font-family: var(--font-body);
    background:
        radial-gradient(circle at 12% 5%, rgba(129, 170, 190, .24), transparent 28%),
        radial-gradient(circle at 82% 30%, rgba(55, 100, 118, .18), transparent 30%),
        linear-gradient(135deg, #33434f 0%, var(--bg) 36%, #101a22 100%);
    overflow-x: hidden;
}
body::before {
    content: "";
    position: fixed;
    inset: 0;
    pointer-events: none;
    z-index: -2;
    background-image:
        linear-gradient(rgba(179, 212, 224, .055) 1px, transparent 1px),
        linear-gradient(90deg, rgba(179, 212, 224, .055) 1px, transparent 1px);
    background-size: 48px 48px;
    mask-image: linear-gradient(to bottom, #000 0%, rgba(0,0,0,.78) 65%, transparent 100%);
}
body.dialog-open { overflow: hidden; }

::selection { color: #061014; background: var(--cyan); }
a { color: inherit; }
button, input, textarea { font: inherit; }
button { color: inherit; }
.sr-only { position: absolute; width: 1px; height: 1px; padding: 0; margin: -1px; overflow: hidden; clip: rect(0,0,0,0); white-space: nowrap; border: 0; }

#signal-canvas { position: fixed; inset: 0; z-index: -3; width: 100%; height: 100%; opacity: .45; }
.noise {
    position: fixed;
    inset: 0;
    z-index: 99;
    pointer-events: none;
    opacity: .08;
    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='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='.45'/%3E%3C/svg%3E");
    mix-blend-mode: soft-light;
}
.scanline {
    position: fixed;
    z-index: 98;
    pointer-events: none;
    inset: -30% 0 auto;
    height: 26%;
    opacity: .035;
    background: linear-gradient(transparent, #fff, transparent);
    animation: scan 9s linear infinite;
}
@keyframes scan { to { transform: translateY(560vh); } }
.cursor-aura {
    position: fixed;
    z-index: 97;
    width: 360px;
    height: 360px;
    border-radius: 50%;
    pointer-events: none;
    transform: translate(-50%, -50%);
    background: radial-gradient(circle, rgba(57,244,241,.09), transparent 66%);
    mix-blend-mode: screen;
    opacity: 0;
    transition: opacity .25s ease;
}

.site-shell {
    width: min(1320px, calc(100% - 48px));
    margin: 28px auto 0;
    border: 1px solid rgba(199, 229, 238, .20);
    border-bottom: 0;
    box-shadow: inset 0 0 46px rgba(157, 210, 222, .025), 0 0 0 1px rgba(0,0,0,.15);
    position: relative;
}
.site-shell::before,
.site-shell::after {
    content: "";
    position: absolute;
    width: 18px;
    height: 18px;
    border-color: rgba(156, 217, 228, .50);
    pointer-events: none;
}
.site-shell::before { top: -1px; left: -1px; border-top: 2px solid; border-left: 2px solid; }
.site-shell::after { right: -1px; bottom: 0; border-right: 2px solid; border-bottom: 2px solid; }

.glass-panel {
    background: linear-gradient(180deg, rgba(136, 157, 171, .18), rgba(61, 75, 86, .20));
    border: 1px solid rgba(194, 224, 234, .18);
    box-shadow: inset 0 1px 0 rgba(255,255,255,.08), 0 18px 60px rgba(0,0,0,.16);
    backdrop-filter: blur(16px);
}
.site-header {
    position: sticky;
    z-index: 50;
    top: 14px;
    min-height: 58px;
    margin: 16px 68px 0;
    padding: 0 18px;
    border-radius: 10px;
    display: flex;
    align-items: center;
    justify-content: space-between;
}
.brand, .footer-brand {
    display: inline-flex;
    align-items: center;
    gap: 10px;
    text-decoration: none;
    font-weight: 800;
    letter-spacing: -.025em;
}
.brand-mark { position: relative; width: 22px; height: 18px; display: inline-block; filter: drop-shadow(0 0 6px rgba(57,244,241,.38)); }
.brand-mark i { position: absolute; top: 1px; width: 5px; height: 16px; border-radius: 1px 1px 5px 5px; background: linear-gradient(180deg, #71fbff, #079ea9); transform: skew(-13deg); }
.brand-mark i:nth-child(1) { left: 1px; }
.brand-mark i:nth-child(2) { left: 8px; height: 12px; top: 5px; }
.brand-mark i:nth-child(3) { left: 15px; }
.brand-mark.tiny { transform: scale(.62); transform-origin: left center; }
.site-nav { display: flex; align-items: center; gap: 30px; font-family: var(--font-tech); font-size: .86rem; letter-spacing: .035em; }
.site-nav a, .nav-cta { text-decoration: none; color: #eef5f7; opacity: .86; transition: color .2s ease, opacity .2s ease, text-shadow .2s ease; }
.site-nav a:hover, .nav-cta:hover { color: var(--cyan); opacity: 1; text-shadow: 0 0 14px rgba(57,244,241,.65); }
.nav-cta { border: 0; background: transparent; cursor: pointer; color: var(--cyan-soft); padding: 10px 0; }
.menu-toggle { display: none; border: 0; background: transparent; width: 42px; height: 42px; position: relative; }
.menu-toggle span:not(.sr-only) { position: absolute; width: 21px; height: 1px; background: var(--cyan-soft); left: 10px; top: 16px; }
.menu-toggle span:nth-child(2) { top: 25px; width: 15px; left: 16px; }

main { overflow: hidden; }
.section-grid { display: grid; grid-template-columns: minmax(0, 1fr) minmax(0, 1.08fr); gap: 54px; align-items: center; }
.hero { min-height: 690px; padding: 74px 68px 86px; position: relative; }
.eyebrow, .section-index { color: var(--gold); font-family: var(--font-tech); letter-spacing: .14em; font-size: .75rem; font-weight: 700; }
.eyebrow { display: flex; align-items: center; gap: 9px; margin-bottom: 20px; color: #9ec4cd; }
.eyebrow span { width: 7px; height: 7px; border-radius: 50%; background: var(--cyan); box-shadow: 0 0 13px var(--cyan); animation: blink 2s ease-in-out infinite; }
@keyframes blink { 50% { opacity: .25; } }
.hero h1, .section-heading h2, .lab-copy h2, .pricing-copy h2, .dialog-intro h2, .spec-panel h2 {
    margin: 0;
    font-family: var(--font-tech);
    font-weight: 700;
    letter-spacing: -.035em;
    line-height: .91;
}
.hero h1 {
    max-width: 670px;
    font-size: clamp(3.5rem, 5.9vw, 5.7rem);
    color: var(--cyan);
    text-shadow: 0 0 14px rgba(57,244,241,.47), 0 0 42px rgba(57,244,241,.16);
}
.hero-lead { max-width: 570px; color: #e0e8eb; font-size: 1.08rem; line-height: 1.6; margin: 24px 0 24px; }
.hero-actions { display: flex; gap: 14px; align-items: center; }
.button {
    min-height: 46px;
    padding: 0 20px;
    border-radius: 6px;
    border: 1px solid rgba(198, 229, 238, .28);
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    color: var(--text);
    text-decoration: none;
    font-family: var(--font-tech);
    font-weight: 700;
    letter-spacing: .02em;
    cursor: pointer;
    transition: transform .18s ease, box-shadow .18s ease, background .18s ease;
}
.button:hover { transform: translateY(-2px); }
.button-primary { color: #052126; background: linear-gradient(180deg, #5cffff, #1bd6d8); border-color: #5cffff; box-shadow: 0 0 14px rgba(57,244,241,.78), inset 0 1px 0 rgba(255,255,255,.75); }
.button-primary:hover { box-shadow: 0 0 24px rgba(57,244,241,.9), 0 10px 30px rgba(0,0,0,.24); }
.button-secondary { background: linear-gradient(180deg, rgba(124,143,155,.26), rgba(55,68,78,.2)); box-shadow: inset 0 1px 0 rgba(255,255,255,.08); }
.button-secondary:hover { border-color: rgba(110,252,250,.55); background: rgba(57,244,241,.08); }
.button-large { min-height: 54px; padding-inline: 26px; }
.hero-proof { display: flex; gap: 34px; margin-top: 48px; padding-top: 18px; border-top: 1px solid var(--line); max-width: 570px; }
.hero-proof div { display: grid; gap: 2px; }
.hero-proof strong { font-family: var(--font-tech); font-size: 1.8rem; color: #f4fbfd; line-height: 1; }
.hero-proof span { color: #91a3ab; font-size: .72rem; text-transform: uppercase; letter-spacing: .09em; }

.hero-console {
    min-height: 410px;
    position: relative;
    border: 1px solid rgba(79,245,243,.66);
    border-radius: 10px;
    background: linear-gradient(155deg, rgba(74,107,121,.36), rgba(26,39,49,.58));
    box-shadow: 0 0 24px rgba(57,244,241,.18), inset 0 0 34px rgba(57,244,241,.05), var(--shadow);
    overflow: hidden;
    transform-style: preserve-3d;
}
.hero-console::before, .hero-console::after { content: ""; position: absolute; pointer-events: none; }
.hero-console::before { inset: 16px; border: 1px solid rgba(129, 247, 247, .22); border-radius: 5px; }
.hero-console::after { width: 54%; height: 1px; top: 0; left: 13%; background: var(--cyan); box-shadow: 0 0 14px var(--cyan); }
.console-topbar { height: 42px; padding: 0 15px; border-bottom: 1px solid var(--line); display: flex; align-items: center; justify-content: space-between; color: #9bb1b9; font-family: var(--font-tech); font-size: .66rem; letter-spacing: .11em; }
.traffic { display: flex; gap: 5px; }
.traffic i { width: 6px; height: 6px; border-radius: 50%; background: #ff7b6b; }
.traffic i:nth-child(2) { background: var(--gold); }.traffic i:nth-child(3) { background: #59d8a5; }
.console-status { color: #7ceec1; }.console-status i { display: inline-block; width: 5px; height: 5px; border-radius: 50%; background: #6effb9; margin-right: 4px; box-shadow: 0 0 8px #6effb9; }
.console-grid { position: absolute; inset: 58px 18px 38px; }
.identity-module { position: absolute; left: 10px; top: 24px; display: flex; gap: 10px; align-items: center; }
.avatar-icon { width: 49px; height: 62px; border: 1px solid rgba(57,244,241,.7); border-radius: 6px; display: grid; place-items: center; box-shadow: inset 0 0 20px rgba(57,244,241,.08); }
.avatar-icon span { width: 23px; height: 25px; position: relative; border-radius: 13px 13px 5px 5px; background: var(--cyan); box-shadow: 0 0 12px rgba(57,244,241,.5); }
.avatar-icon span::before { content: ""; position: absolute; width: 11px; height: 11px; border-radius: 50%; background: #204a53; top: 4px; left: 6px; }
.tiny-lines { width: 48px; display: grid; gap: 5px; }.tiny-lines i { display: block; height: 2px; background: rgba(167,205,216,.35); }.tiny-lines i:nth-child(2){width:75%;}.tiny-lines i:nth-child(3){width:55%;}
.flow-map { position: absolute; inset: 28px 14px 44px 98px; }
.flow-map svg { width: 100%; height: 100%; overflow: visible; }
.flow-lines path { stroke: rgba(102, 246, 244, .72); stroke-width: 2; stroke-dasharray: 8 7; animation: dash 9s linear infinite; }
.flow-lines path:nth-child(2) { stroke: rgba(227,182,100,.72); animation-direction: reverse; }
@keyframes dash { to { stroke-dashoffset: -120; } }
.flow-nodes circle { fill: #294853; stroke: var(--cyan); stroke-width: 2; }
.flow-nodes circle:nth-child(4), .flow-nodes circle:nth-child(7) { stroke: var(--gold); }
.flow-pulses circle { fill: #fff; filter: drop-shadow(0 0 5px var(--cyan)); }
.map-label { position: absolute; font: 600 .54rem var(--font-tech); color: #a9bec6; letter-spacing: .08em; border: 1px solid rgba(196,225,233,.18); padding: 3px 6px; border-radius: 3px; background: rgba(17,31,39,.75); }
.label-a { left: 1%; top: 18%; }.label-b { left: 54%; top: 2%; }.label-c { right: 0; top: 46%; }.label-d { left: 46%; bottom: 0; color: var(--gold); }
.metric-card { position: absolute; right: 7px; bottom: 5px; width: 118px; text-align: center; }
.metric-ring { width: 92px; height: 92px; margin: 0 auto; position: relative; }
.metric-ring svg { transform: rotate(-90deg); width: 100%; height: 100%; }
.metric-ring circle { fill: none; stroke-width: 4; }
.ring-track { stroke: rgba(255,255,255,.1); }.ring-progress { stroke: var(--red); stroke-linecap: round; stroke-dasharray: 326.72; stroke-dashoffset: 326.72; filter: drop-shadow(0 0 4px rgba(255,97,92,.65)); transition: stroke-dashoffset 1.6s cubic-bezier(.22,1,.36,1); }
.metric-ring.active .ring-progress { stroke-dashoffset: 19.6; }
.metric-ring div { position: absolute; inset: 0; display: grid; place-content: center; grid-template-columns: auto auto; align-items: end; }
.metric-ring strong { font: 700 1.9rem var(--font-tech); line-height: 1; }.metric-ring span { font: 600 .85rem var(--font-tech); color: #c5d5db; }
.metric-card p { margin: -4px 0 0; font: 600 .61rem/1.05 var(--font-tech); letter-spacing: .04em; color: #dce6e9; }
.console-readout { position: absolute; left: 10px; bottom: 10px; width: 120px; display: grid; grid-template-columns: 1fr auto; gap: 3px 8px; align-items: center; font: 600 .57rem var(--font-tech); color: #9db0b7; }
.console-readout strong { color: #62f6bc; }.readout-bars { grid-column: 1 / -1; display: flex; gap: 3px; }.readout-bars i { width: 18%; height: 4px; background: #54efbe; box-shadow: 0 0 6px rgba(84,239,190,.35); }.readout-bars i:nth-child(5){background:rgba(255,255,255,.12);box-shadow:none;}
.console-caption { position: absolute; left: 20px; bottom: 12px; right: 20px; text-align: center; color: rgba(190,212,219,.46); font: 500 .56rem var(--font-tech); letter-spacing: .12em; text-transform: uppercase; }
.annotation { font-family: var(--font-note); color: var(--gold); font-size: 1.05rem; transform: rotate(-6deg); text-shadow: 0 2px 8px rgba(0,0,0,.25); }
.hero-note { position: absolute; right: 19%; top: 84px; }
.hero-note span { display: inline-block; font-size: 1.6rem; transform: rotate(28deg); }

.process-section { padding: 72px 68px 108px; border-top: 1px solid rgba(198,229,238,.12); position: relative; }
.section-heading { display: grid; grid-template-columns: 1fr 330px; align-items: end; gap: 50px; margin-bottom: 40px; }
.section-heading h2, .lab-copy h2, .pricing-copy h2 { font-size: clamp(2.55rem, 4vw, 4.25rem); }
.section-heading p:last-child { margin: 0 0 5px; color: #9eb0b7; line-height: 1.6; }
.section-index { margin: 0 0 12px; }
.process-track { display: grid; grid-template-columns: 1fr 56px 1fr 56px 1fr; align-items: center; }
.process-card {
    min-width: 0;
    min-height: 430px;
    padding: 20px 18px 17px;
    border-radius: 10px;
    background: linear-gradient(160deg, rgba(127,145,157,.47), rgba(50,62,72,.48));
    border: 1px solid rgba(217,236,241,.26);
    box-shadow: inset 0 1px 0 rgba(255,255,255,.10), 0 18px 36px rgba(0,0,0,.28);
    position: relative;
    overflow: hidden;
    transform-style: preserve-3d;
}
.process-card::after { content:""; position:absolute; inset:0; pointer-events:none; background: linear-gradient(110deg, transparent 20%, rgba(255,255,255,.055) 45%, transparent 67%); transform: translateX(-110%); transition: transform .7s ease; }
.process-card:hover::after { transform: translateX(110%); }
.card-number { position: absolute; right: 15px; top: 12px; font: 700 2.6rem var(--font-tech); color: rgba(255,255,255,.07); }
.process-card h3 { margin: 0 0 4px; font: 700 1.18rem var(--font-tech); color: var(--gold); }
.process-card header p { margin: 0 0 18px; min-height: 42px; color: #d8e1e4; font-size: .82rem; line-height: 1.45; }
.mini-screen { height: 185px; background: #eaf2f4; border: 1px solid rgba(255,255,255,.72); border-radius: 5px; box-shadow: 0 8px 18px rgba(0,0,0,.26); overflow: hidden; position: relative; }
.mini-browser { height: 17px; background: #dce5e8; border-bottom: 1px solid #c6d3d7; display: flex; align-items: center; gap: 3px; padding-left: 7px; }.mini-browser span { width: 4px; height: 4px; border-radius: 50%; background: #ff766c; }.mini-browser span:nth-child(2){background:#e9bd57}.mini-browser span:nth-child(3){background:#5ccf91}
.sitemap-lines { position: absolute; inset: 18px 0 0; }
.sitemap-lines .node, .sitemap-lines .root { position: absolute; width: 42px; height: 16px; border: 1px solid #88c6d6; background: #d6eff4; border-radius: 2px; z-index: 1; }
.sitemap-lines .root { left: calc(50% - 21px); top: 10px; }.sitemap-lines .n1{left:12%;top:72px}.sitemap-lines .n2{left:calc(50% - 21px);top:72px}.sitemap-lines .n3{right:12%;top:72px}.sitemap-lines .n4{left:12%;top:126px}.sitemap-lines .n5{left:calc(50% - 21px);top:126px}.sitemap-lines .n6{right:12%;top:126px}
.sitemap-lines svg { position: absolute; inset: 0; width: 100%; height: 100%; }.sitemap-lines path { fill:none; stroke:#8fc1cc; stroke-width:1; }
.friction-screen { background: #26333d; padding: 11px; display: grid; grid-template-columns: 1fr 1fr; gap: 9px; }
.wireframe-view, .heatmap-view { border: 1px solid #667681; border-radius: 3px; position: relative; overflow:hidden; }
.wireframe-view::before { content:""; position:absolute; inset:13px 10px 63px; border:1px solid #81909a; background:linear-gradient(145deg,transparent 49%,#81909a 50%,transparent 51%),linear-gradient(35deg,transparent 49%,#81909a 50%,transparent 51%); }
.wireframe-view i { position:absolute; left:10px; right:10px; height:3px; background:#63737c; bottom:45px; }.wireframe-view i:nth-child(2){bottom:35px;width:70%}.wireframe-view i:nth-child(3){bottom:25px;width:42%}.wireframe-view b{position:absolute;width:48px;height:12px;border:1px solid #7f9099;bottom:6px;left:calc(50% - 24px)}
.heatmap-view { background: linear-gradient(180deg,#17243b,#244063); }.heatmap-view span { position:absolute;border-radius:50%;filter:blur(8px);mix-blend-mode:screen; }.heatmap-view span:nth-child(1){width:72px;height:55px;background:#ff213c;top:26px;left:17px;box-shadow:0 0 0 15px #f8d82a,0 0 0 30px #2676ff}.heatmap-view span:nth-child(2){width:55px;height:40px;background:#ff431d;bottom:25px;right:10px;box-shadow:0 0 0 13px #ffe23b,0 0 0 25px #1676e8}.heatmap-view span:nth-child(3){width:25px;height:25px;background:#43ddff;bottom:10px;left:10px}.heatmap-view em{position:absolute;width:50px;height:15px;border-radius:10px;bottom:8px;right:10px;background:#ffb725;box-shadow:0 0 10px #ffbd34;}
.document-screen { padding: 16px 18px; color:#17222a; background:#f7f8f7; }
.doc-brand { display:flex; align-items:center; font-size:.38rem; font-weight:700; color:#55707a; height:12px; }
.document-screen h4 { margin:22px 0 14px; font:800 1.18rem/1.03 var(--font-body); }.doc-rule{height:2px;background:#222d32;width:38%;margin-bottom:7px}.doc-copy{height:3px;background:#c3cbcd;width:90%;margin:5px 0}.doc-copy.short{width:62%}.doc-rule.second{margin-top:22px;width:31%;}
.card-data { display: grid; grid-template-columns: 1fr 1fr; gap: 10px; margin: 17px 0; color: #c1cdd1; font-size: .66rem; line-height: 1.35; }.card-data strong { display:block; color: var(--gold); font-size: .88rem; font-weight:600; }
.spec-button { border:1px solid rgba(227,182,100,.28); background:rgba(184,125,27,.22); color:var(--gold); font:700 .64rem var(--font-tech); padding:7px 10px; border-radius:3px; cursor:pointer; transition:.2s ease; }.spec-button:hover { background:rgba(227,182,100,.22);border-color:var(--gold); }
.track-arrow { height: 28px; position: relative; filter:drop-shadow(0 0 5px rgba(57,244,241,.72)); }
.track-arrow::before { content:""; position:absolute; left:4px; right:5px; top:13px; height:1px; background:var(--cyan); }
.track-arrow span { position:absolute; width:16px;height:16px;border-top:1px solid var(--cyan);border-right:1px solid var(--cyan);transform:rotate(45deg);right:2px;top:5px; }.track-arrow span:nth-child(2){right:11px;opacity:.45}
.process-notes .note-one { position:absolute;left:13%;bottom:44px; }.process-notes .note-two { position:absolute;left:43%;bottom:35px;transform:rotate(3deg); }

.lab-section { padding: 112px 68px; background: linear-gradient(110deg, rgba(8,15,20,.16), rgba(49,75,86,.08)); border-top:1px solid rgba(198,229,238,.10); border-bottom:1px solid rgba(198,229,238,.10); }
.lab-copy > p:not(.section-index), .pricing-copy > p:not(.section-index):not(.microcopy) { color:#b7c5ca; line-height:1.75; max-width:600px; }
.test-list { display:grid; gap:12px; margin-top:30px; }.test-list > div { display:grid;grid-template-columns:44px 1fr;gap:14px;padding:15px 0;border-top:1px solid var(--line); }.test-list span { font:700 1.1rem var(--font-tech);color:var(--cyan); }.test-list p{margin:0;color:#aebdc3;font-size:.86rem;line-height:1.5}.test-list strong{display:block;color:#eef8fa;font-size:.92rem;margin-bottom:3px}
.lab-dashboard { min-height:450px;border:1px solid rgba(120,244,245,.34);border-radius:10px;background:rgba(21,31,39,.70);box-shadow:var(--shadow),inset 0 0 35px rgba(57,244,241,.035);overflow:hidden; }
.dashboard-toolbar { height:44px;border-bottom:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;padding:0 16px;font:600 .64rem var(--font-tech);letter-spacing:.11em;color:#90a7af; }.dashboard-toolbar span:last-child{color:#65efbc}.dashboard-toolbar span:last-child::before{content:"";display:inline-block;width:5px;height:5px;border-radius:50%;background:#65efbc;margin-right:6px;box-shadow:0 0 8px #65efbc}
.dashboard-body { padding:18px;display:grid;grid-template-columns:1.35fr .8fr;gap:16px;min-height:405px; }.page-wireframe { position:relative;background:#e9eef0;border-radius:5px;overflow:hidden;padding:18px; }.wf-nav{height:9px;background:#c3ced2;width:100%}.wf-hero{height:91px;background:#cbd7da;margin-top:16px}.wf-copy{height:7px;background:#aab8be;width:68%;margin-top:12px;box-shadow:0 12px 0 #c5ced1}.wf-button{width:68px;height:18px;background:#2ecfd2;margin-top:24px}.wf-row{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin-top:25px}.wf-row i{height:84px;background:#d4dde0;border:1px solid #bdc8cc}
.heat { position:absolute;border-radius:50%;filter:blur(12px);mix-blend-mode:multiply;opacity:.83}.heat-1{width:105px;height:70px;background:#ffef20;box-shadow:0 0 0 22px rgba(255,52,28,.78),0 0 0 46px rgba(37,117,255,.45);top:58px;left:25%}.heat-2{width:55px;height:35px;background:#ffea2a;box-shadow:0 0 0 14px rgba(255,45,25,.76),0 0 0 31px rgba(29,109,250,.42);top:170px;left:15%}.heat-3{width:46px;height:46px;background:#ff472c;box-shadow:0 0 0 18px rgba(255,226,32,.66),0 0 0 34px rgba(20,116,255,.4);bottom:55px;right:17%}
.signal-panel{display:flex;flex-direction:column;gap:10px}.signal-score{padding:15px;background:rgba(84,108,120,.18);border:1px solid var(--line);display:flex;justify-content:space-between;align-items:end}.signal-score span,.signal-row span{font:600 .62rem var(--font-tech);color:#91a5ad;letter-spacing:.07em}.signal-score strong{font:700 2.45rem var(--font-tech);color:var(--cyan)}.signal-chart{height:110px;border:1px solid var(--line);padding:10px;display:flex;align-items:end;gap:6px;background-image:linear-gradient(rgba(255,255,255,.04) 1px,transparent 1px);background-size:100% 25%}.signal-chart i{height:var(--h);flex:1;background:linear-gradient(#7dffff,#159ca5);box-shadow:0 0 8px rgba(57,244,241,.18)}.signal-row{padding:12px;border:1px solid var(--line);display:flex;justify-content:space-between;gap:8px}.signal-row strong{font:700 .64rem var(--font-tech);color:#66efba}.signal-row.warning strong{color:var(--gold)}

.pricing-section { padding:120px 68px;gap:72px; }
.blueprint-stack { position:relative;min-height:350px;transform-style:preserve-3d; }
.blueprint-sheet { position:absolute;inset:28px 5px 5px;border:1px solid rgba(137,182,233,.58);background:#2a4c77;box-shadow:var(--shadow); }.shadow-sheet.one{transform:translate(-12px,-12px) rotate(-1.3deg);opacity:.68}.shadow-sheet.two{transform:translate(12px,-5px) rotate(1deg);opacity:.78}.main-sheet{display:grid;grid-template-columns:.8fr 1.2fr;gap:30px;align-items:center;padding:42px 38px;overflow:hidden;background:linear-gradient(135deg,#315d98,#25466f)}
.blueprint-grid{position:absolute;inset:0;opacity:.19;background-image:linear-gradient(#b3d6ff 1px,transparent 1px),linear-gradient(90deg,#b3d6ff 1px,transparent 1px);background-size:14px 14px}.main-sheet::before,.main-sheet::after{content:"";position:absolute;pointer-events:none}.main-sheet::before{inset:14px;border:1px solid rgba(202,227,255,.25)}.main-sheet::after{width:180px;height:180px;border:1px solid rgba(202,227,255,.18);border-radius:50%;right:-90px;bottom:-90px;box-shadow:0 0 0 24px rgba(202,227,255,.03),0 0 0 54px rgba(202,227,255,.02)}
.price-block,.deliverables{position:relative;z-index:1}.price-block{border-right:1px solid rgba(215,233,255,.30);padding-right:24px}.price-block p{font:700 1.45rem/1.02 var(--font-tech);margin:0}.price{font:700 5.1rem/.92 var(--font-tech);letter-spacing:-.04em;margin:7px 0}.price sup{font-size:2.2rem;vertical-align:top;position:relative;top:7px}.price-block span{font-size:.68rem;text-transform:uppercase;letter-spacing:.1em;color:#cfdef1}.deliverables p{font:700 .82rem var(--font-tech);letter-spacing:.03em}.deliverables ul{list-style:none;padding:0;margin:12px 0;display:grid;gap:9px;font-size:.73rem;color:#e4eef9}.deliverables li::before{content:"✓";margin-right:9px;color:#bdfbff}.blueprint-stamp{position:absolute;z-index:2;right:20px;bottom:17px;font:600 .49rem var(--font-tech);letter-spacing:.16em;color:rgba(229,240,255,.58);border:1px solid rgba(229,240,255,.24);padding:4px 7px}
.pricing-copy .price-meta{display:flex;gap:22px;margin:28px 0 25px;padding:18px 0;border-top:1px solid var(--line);border-bottom:1px solid var(--line)}.price-meta span{font-size:.68rem;color:#96aab2;text-transform:uppercase;letter-spacing:.06em}.price-meta strong{font:700 1.25rem var(--font-tech);color:#fff;display:block}.microcopy{font-size:.7rem!important;color:#8599a1!important;margin-top:12px!important}

.inquiry-section { position:relative;padding:92px 30px 120px;display:grid;place-items:center;min-height:650px; }
.inquiry-section::before{content:"";position:absolute;width:600px;height:600px;border-radius:50%;background:radial-gradient(circle,rgba(57,244,241,.105),transparent 65%);filter:blur(3px)}
.inquiry-portal{width:min(510px,100%);padding:14px;border:1px solid rgba(145,210,218,.28);border-radius:12px;background:rgba(92,110,120,.20);box-shadow:var(--shadow);position:relative}.portal-glow{position:absolute;inset:-1px;border-radius:12px;box-shadow:0 0 28px rgba(57,244,241,.28),inset 0 0 34px rgba(57,244,241,.04);pointer-events:none}.portal-inner{border:1px solid rgba(77,246,242,.48);border-radius:7px;padding:27px;background:linear-gradient(165deg,rgba(62,83,94,.64),rgba(30,42,50,.82));box-shadow:inset 0 0 28px rgba(57,244,241,.04)}.portal-status{font:600 .58rem var(--font-tech);letter-spacing:.11em;color:#8babb3;margin-bottom:10px}.portal-status i{display:inline-block;width:6px;height:6px;border-radius:50%;background:#5cf0bb;box-shadow:0 0 8px #5cf0bb;margin-right:7px}.portal-inner h2{margin:0;font:600 1.38rem var(--font-tech);text-align:center;color:#e9f7f8}.portal-inner>p{text-align:center;font-size:.76rem;color:#94a9b0;margin:8px 0 21px}.contact-form,.brief-form{display:grid;gap:11px}.form-row{display:grid;grid-template-columns:1fr 1fr;gap:9px}.contact-form label,.brief-form label{display:grid;gap:5px}.contact-form label>span{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0,0,0,0)}.contact-form input,.contact-form textarea,.brief-form input,.brief-form textarea{width:100%;border:1px solid rgba(181,214,224,.22);border-radius:3px;background:rgba(105,126,137,.15);color:#f4fbfc;padding:11px 12px;outline:none;transition:border-color .2s,box-shadow .2s}.contact-form textarea,.brief-form textarea{resize:vertical}.contact-form input::placeholder,.contact-form textarea::placeholder{color:#9aaeb5}.contact-form input:focus,.contact-form textarea:focus,.brief-form input:focus,.brief-form textarea:focus{border-color:rgba(57,244,241,.72);box-shadow:0 0 0 3px rgba(57,244,241,.08),0 0 16px rgba(57,244,241,.08)}.portal-submit{height:42px;border:1px solid rgba(78,247,244,.58);border-radius:3px;background:rgba(57,244,241,.05);color:var(--cyan-soft);display:flex;align-items:center;justify-content:center;gap:14px;font:700 .7rem var(--font-tech);letter-spacing:.07em;cursor:pointer;box-shadow:0 0 12px rgba(57,244,241,.13);transition:.2s}.portal-submit:hover{background:rgba(57,244,241,.14);box-shadow:0 0 18px rgba(57,244,241,.26)}.portal-submit:disabled,.button:disabled{opacity:.55;cursor:wait}.form-status{min-height:18px;font-size:.72rem;color:#8ff5c9}.form-status.error{color:#ff9e99}.hp-field{position:absolute!important;left:-10000px!important;opacity:0!important}
.circuit-lines{position:absolute;width:32%;height:180px;top:270px;opacity:.22;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 420 180' xmlns='http://www.w3.org/2000/svg'%3E%3Cg fill='none' stroke='%2376c7d2' stroke-width='1'%3E%3Cpath d='M0 90h78l20-20h62l22 22h94l28-28h116'/%3E%3Cpath d='M0 118h112l20-20h85l18 18h185'/%3E%3Cpath d='M0 61h42l17-17h94l24 24h57l17-17h169'/%3E%3C/g%3E%3Cg fill='%2376c7d2'%3E%3Ccircle cx='79' cy='90' r='3'/%3E%3Ccircle cx='160' cy='70' r='3'/%3E%3Ccircle cx='276' cy='92' r='3'/%3E%3Ccircle cx='112' cy='118' r='3'/%3E%3Ccircle cx='217' cy='98' r='3'/%3E%3C/g%3E%3C/svg%3E");background-size:cover}.circuit-lines.left{left:0}.circuit-lines.right{right:0;transform:scaleX(-1)}

.site-footer { min-height:120px;border-top:1px solid var(--line);display:grid;grid-template-columns:1fr auto 1fr;gap:25px;align-items:center;padding:28px 68px;color:#8ea1a8;font-size:.75rem}.site-footer p{text-align:center}.footer-links{display:flex;justify-content:flex-end;gap:20px}.footer-links a{text-decoration:none}.footer-links a:hover{color:var(--cyan)}

.brief-dialog { width:min(980px,calc(100% - 32px));max-height:calc(100vh - 32px);padding:0;border:1px solid rgba(112,246,244,.46);border-radius:12px;background:#17252e;color:var(--text);box-shadow:0 40px 130px rgba(0,0,0,.75),0 0 35px rgba(57,244,241,.12);overflow:auto}.brief-dialog::backdrop{background:rgba(5,11,15,.82);backdrop-filter:blur(8px)}.dialog-close,.spec-close{position:absolute;top:14px;right:16px;width:38px;height:38px;border:1px solid var(--line);border-radius:50%;background:rgba(255,255,255,.04);font-size:1.5rem;cursor:pointer;z-index:2}.dialog-close:hover,.spec-close:hover{border-color:var(--cyan);color:var(--cyan)}.dialog-grid{display:grid;grid-template-columns:.85fr 1.15fr;min-height:610px}.dialog-intro{padding:62px 44px;background:linear-gradient(145deg,rgba(57,244,241,.08),rgba(13,25,32,.28));border-right:1px solid var(--line)}.dialog-intro h2{font-size:4rem;color:var(--cyan);text-shadow:0 0 25px rgba(57,244,241,.16)}.dialog-intro>p:not(.section-index){color:#a9b9bf;line-height:1.65}.dialog-signal{height:220px;margin-top:38px;position:relative;border:1px solid rgba(57,244,241,.18);background-image:linear-gradient(rgba(57,244,241,.06) 1px,transparent 1px),linear-gradient(90deg,rgba(57,244,241,.06) 1px,transparent 1px);background-size:20px 20px}.dialog-signal::before{content:"";position:absolute;left:14%;right:14%;top:50%;height:1px;background:var(--cyan);box-shadow:0 0 10px var(--cyan);transform:rotate(-13deg)}.dialog-signal span{position:absolute;width:18px;height:18px;border-radius:50%;border:2px solid var(--cyan);background:#1f3943;box-shadow:0 0 10px rgba(57,244,241,.5)}.dialog-signal span:nth-child(1){left:13%;top:61%}.dialog-signal span:nth-child(2){left:47%;top:43%}.dialog-signal span:nth-child(3){right:13%;top:28%}.dialog-signal i{position:absolute;width:45px;height:45px;border:1px solid var(--gold);right:8%;top:17%;transform:rotate(45deg)}.brief-form{padding:58px 46px;align-content:center}.brief-form label>span{font:700 .62rem var(--font-tech);letter-spacing:.13em;color:#8eabb4}.brief-form input,.brief-form textarea{background:rgba(255,255,255,.025);border-width:0 0 1px;border-radius:0;padding:11px 3px}.brief-form .button{margin-top:12px}

.spec-panel { position:fixed;z-index:80;top:0;right:0;width:min(450px,100%);height:100vh;padding:70px 38px 40px;background:linear-gradient(155deg,#233640,#111d24);border-left:1px solid rgba(57,244,241,.42);box-shadow:-30px 0 100px rgba(0,0,0,.52);transform:translateX(105%);transition:transform .42s cubic-bezier(.22,1,.36,1);overflow:auto}.spec-panel.open{transform:translateX(0)}.spec-panel h2{font-size:3.25rem;color:var(--cyan);margin:20px 0}.spec-panel>p:not(.section-index){color:#adbec4;line-height:1.7}.spec-metrics{display:grid;gap:9px;margin:28px 0 34px}.spec-metrics div{display:flex;justify-content:space-between;padding:13px 0;border-bottom:1px solid var(--line);font:600 .72rem var(--font-tech);letter-spacing:.08em;color:#90a6ae}.spec-metrics strong{color:var(--gold)}

.reveal { opacity:0;transform:translateY(22px);transition:opacity .7s ease,transform .7s cubic-bezier(.22,1,.36,1)}.reveal.visible{opacity:1;transform:translateY(0)}
[data-tilt] { transition: transform .16s ease-out; will-change: transform; }

@media (max-width: 1100px) {
    .site-shell { width: min(100% - 24px, 1050px); }
    .site-header { margin-inline: 28px; }
    .hero,.process-section,.lab-section,.pricing-section { padding-left: 38px; padding-right: 38px; }
    .hero { grid-template-columns: 1fr; padding-top: 76px; }
    .hero-copy { max-width: 760px; }
    .hero-console { min-height: 430px; }
    .hero-note { top:48%; right:8%; }
    .process-track { grid-template-columns:1fr;gap:22px; }
    .track-arrow { transform:rotate(90deg);width:54px;justify-self:center; }
    .process-card { min-height: 410px; }
    .process-notes { display:none; }
    .lab-section,.pricing-section { grid-template-columns:1fr; }
    .pricing-copy { order:-1; }
    .blueprint-stack { min-height:390px; }
    .site-footer { grid-template-columns:1fr;justify-items:center;text-align:center}.footer-links{justify-content:center}
}

@media (max-width: 760px) {
    .site-shell { width: calc(100% - 12px); margin-top: 6px; }
    .site-header { top:6px;margin:8px 8px 0;padding:0 12px; }
    .menu-toggle { display:block; }
    .site-nav { position:absolute;top:calc(100% + 8px);right:0;width:min(310px,calc(100vw - 28px));padding:18px;display:grid;gap:12px;background:#1a2932;border:1px solid var(--line);border-radius:8px;box-shadow:var(--shadow);transform:translateY(-8px);opacity:0;pointer-events:none;transition:.2s ease; }
    .site-nav.open{transform:translateY(0);opacity:1;pointer-events:auto}.site-nav a,.nav-cta{padding:10px;text-align:left;border-bottom:1px solid rgba(255,255,255,.05)}
    .hero,.process-section,.lab-section,.pricing-section { padding-left: 22px; padding-right: 22px; }
    .hero { min-height:auto;padding-top:70px;padding-bottom:80px;gap:46px}.hero h1{font-size:clamp(3rem,15vw,4.5rem)}.hero-proof{gap:18px;justify-content:space-between}.hero-proof strong{font-size:1.45rem}.hero-proof span{font-size:.58rem}.hero-note{display:none}
    .hero-console { min-height:355px; }.console-grid{inset:54px 10px 34px}.flow-map{inset:30px 4px 66px 58px}.identity-module{transform:scale(.8);transform-origin:left top}.metric-card{transform:scale(.82);transform-origin:right bottom}.console-readout{transform:scale(.8);transform-origin:left bottom}.console-caption{display:none}
    .section-heading { grid-template-columns:1fr;gap:12px}.section-heading h2,.lab-copy h2,.pricing-copy h2{font-size:3rem}.section-heading p:last-child{max-width:550px}
    .process-card{min-height:auto}.mini-screen{height:210px}
    .dashboard-body{grid-template-columns:1fr}.signal-panel{display:grid;grid-template-columns:1fr 1fr}.signal-chart{grid-column:1/-1}.lab-dashboard{min-height:auto}
    .main-sheet{grid-template-columns:1fr;gap:18px;padding:30px 24px}.price-block{border-right:0;border-bottom:1px solid rgba(215,233,255,.3);padding:0 0 18px}.price{font-size:4.3rem}.blueprint-stack{min-height:500px}.pricing-copy .price-meta{flex-wrap:wrap}
    .inquiry-section{padding-inline:18px}.circuit-lines{display:none}.portal-inner{padding:22px 16px}.form-row{grid-template-columns:1fr}
    .dialog-grid{grid-template-columns:1fr}.dialog-intro{padding:48px 28px 34px;border-right:0;border-bottom:1px solid var(--line)}.dialog-intro h2{font-size:3.2rem}.dialog-signal{display:none}.brief-form{padding:34px 28px 45px}
    .site-footer{padding:30px 22px}.footer-links{flex-wrap:wrap}
}

@media (max-width: 420px) {
    .brand { font-size:.88rem }.site-header{min-height:54px}.hero-actions{align-items:stretch;flex-direction:column}.button{width:100%}.hero-proof{display:grid;grid-template-columns:repeat(3,1fr)}
    .hero-console{min-height:315px}.flow-map{left:32px}.identity-module{display:none}.metric-card{right:-5px}.console-readout{bottom:2px}
    .section-heading h2,.lab-copy h2,.pricing-copy h2{font-size:2.55rem}.signal-panel{grid-template-columns:1fr}.signal-chart{grid-column:auto}.blueprint-stack{min-height:530px}.price-block p{font-size:1.15rem}.deliverables li{font-size:.68rem}
}

@media (prefers-reduced-motion: reduce) {
    html { scroll-behavior:auto; }
    *,*::before,*::after { animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important; }
    .reveal{opacity:1;transform:none}
    .scanline,.cursor-aura{display:none}
}

/* ================================================================
   INQUIRY / DECISION SUPPORT LAB — V2
   ================================================================ */
.inquiry-section {
    position: relative;
    min-height: 900px;
    padding: 104px 34px 126px;
    overflow: hidden;
    isolation: isolate;
}
.inquiry-section::before {
    content: "";
    position: absolute;
    inset: 0;
    z-index: -4;
    background:
        radial-gradient(circle at 24% 42%, rgba(57,244,241,.10), transparent 33%),
        radial-gradient(circle at 80% 46%, rgba(48,133,158,.12), transparent 30%),
        linear-gradient(180deg, rgba(7,17,24,.02), rgba(7,17,24,.42));
}
.inquiry-section::after {
    content: "";
    position: absolute;
    inset: 0;
    z-index: -3;
    opacity: .35;
    background-image:
        linear-gradient(rgba(109,184,196,.07) 1px, transparent 1px),
        linear-gradient(90deg, rgba(109,184,196,.07) 1px, transparent 1px);
    background-size: 42px 42px;
    mask-image: linear-gradient(to right, transparent 0%, #000 8%, #000 92%, transparent 100%);
}
.inquiry-layout {
    width: min(1240px, 100%);
    margin: 0 auto;
    display: grid;
    grid-template-columns: minmax(0, 1.35fr) minmax(390px, .78fr);
    gap: 54px;
    align-items: center;
    position: relative;
    z-index: 2;
}
.inquiry-circuit {
    position: absolute;
    width: 31%;
    height: 280px;
    top: 36%;
    opacity: .34;
    z-index: -1;
    background-image: url("data:image/svg+xml,%3Csvg viewBox='0 0 520 260' xmlns='http://www.w3.org/2000/svg'%3E%3Cg fill='none' stroke='%235bdce7' stroke-width='1'%3E%3Cpath d='M0 131h82l25-25h76l25 25h100l34-34h178'/%3E%3Cpath d='M0 166h126l26-26h91l22 22h255'/%3E%3Cpath d='M0 91h58l23-23h112l29 29h72l25-25h201'/%3E%3Cpath d='M0 204h90l17-17h88l30 30h129l28-28h138'/%3E%3C/g%3E%3Cg fill='%235bdce7'%3E%3Ccircle cx='82' cy='131' r='4'/%3E%3Ccircle cx='183' cy='106' r='4'/%3E%3Ccircle cx='308' cy='131' r='4'/%3E%3Ccircle cx='126' cy='166' r='4'/%3E%3Ccircle cx='243' cy='140' r='4'/%3E%3Ccircle cx='90' cy='204' r='4'/%3E%3C/g%3E%3C/svg%3E");
    background-repeat: no-repeat;
    background-size: cover;
    filter: drop-shadow(0 0 6px rgba(57,244,241,.15));
}
.inquiry-circuit-left { left: -8%; }
.inquiry-circuit-right { right: -8%; transform: scaleX(-1); }
.inquiry-data-bridge {
    position: absolute;
    z-index: 3;
    left: 61.8%;
    top: 48%;
    width: 9.5%;
    height: 92px;
    pointer-events: none;
    opacity: .9;
    background:
        linear-gradient(90deg, transparent 0 5%, rgba(57,244,241,.82) 5% 100%) 0 15px/100% 1px no-repeat,
        linear-gradient(90deg, transparent 0 16%, rgba(57,244,241,.58) 16% 100%) 0 35px/100% 1px no-repeat,
        linear-gradient(90deg, transparent 0 27%, rgba(57,244,241,.45) 27% 100%) 0 55px/100% 1px no-repeat,
        linear-gradient(90deg, transparent 0 38%, rgba(57,244,241,.30) 38% 100%) 0 75px/100% 1px no-repeat;
    filter: drop-shadow(0 0 7px rgba(57,244,241,.6));
}
.inquiry-data-bridge::before,
.inquiry-data-bridge::after {
    content: "";
    position: absolute;
    inset: 0;
    background: linear-gradient(90deg, transparent 0 70%, rgba(57,244,241,.95) 78%, transparent 86%) 0 15px/44% 1px no-repeat;
    animation: bridgeSignal 2.5s linear infinite;
}
.inquiry-data-bridge::after { animation-delay: -1.25s; opacity: .55; }
.inquiry-data-bridge i {
    position: absolute;
    right: 0;
    width: 6px;
    height: 6px;
    border-radius: 50%;
    background: var(--cyan);
    box-shadow: 0 0 10px var(--cyan);
}
.inquiry-data-bridge i:nth-child(1){top:12px}.inquiry-data-bridge i:nth-child(2){top:32px}.inquiry-data-bridge i:nth-child(3){top:52px}.inquiry-data-bridge i:nth-child(4){top:72px}
@keyframes bridgeSignal { from { transform: translateX(-35%); } to { transform: translateX(105%); } }

.decision-support,
.inquiry-portal {
    position: relative;
    min-width: 0;
    padding: 16px;
    border: 1px solid rgba(147,220,228,.28);
    border-radius: 16px;
    background: linear-gradient(145deg, rgba(92,120,134,.19), rgba(18,31,40,.35));
    box-shadow: 0 35px 95px rgba(0,0,0,.45), inset 0 1px rgba(255,255,255,.045);
    backdrop-filter: blur(18px);
}
.decision-support { min-height: 682px; }
.decision-support-glow,
.portal-glow {
    position: absolute;
    inset: -1px;
    pointer-events: none;
    border-radius: inherit;
    box-shadow: 0 0 34px rgba(57,244,241,.17), inset 0 0 42px rgba(57,244,241,.035);
}
.decision-support-inner,
.portal-inner {
    position: relative;
    height: 100%;
    border: 1px solid rgba(79,246,242,.54);
    border-radius: 10px;
    background:
        linear-gradient(rgba(86,199,209,.035) 1px, transparent 1px),
        linear-gradient(90deg, rgba(86,199,209,.035) 1px, transparent 1px),
        linear-gradient(150deg, rgba(48,74,88,.66), rgba(12,25,33,.89));
    background-size: 34px 34px, 34px 34px, auto;
    box-shadow: inset 0 0 42px rgba(57,244,241,.045);
}
.decision-support-inner { padding: 34px 34px 20px; }
.decision-top-grid {
    display: grid;
    grid-template-columns: minmax(0, 1.08fr) minmax(260px, .92fr);
    gap: 28px;
    align-items: start;
}
.diagnostic-status,
.portal-status {
    font: 700 .61rem var(--font-tech);
    letter-spacing: .15em;
    color: #8eb6bf;
    text-transform: uppercase;
}
.diagnostic-status i,
.portal-status i {
    display: inline-block;
    width: 7px;
    height: 7px;
    margin-right: 10px;
    border-radius: 50%;
    background: #5cf0bb;
    box-shadow: 0 0 9px #5cf0bb, 0 0 19px rgba(92,240,187,.55);
    animation: statusPulse 2.1s ease-in-out infinite;
}
@keyframes statusPulse { 50% { opacity: .48; transform: scale(.82); } }
.decision-copy h2 {
    margin: 24px 0 10px;
    max-width: 620px;
    color: var(--cyan);
    font: 700 clamp(2.35rem, 3.35vw, 4rem)/.98 var(--font-tech);
    letter-spacing: -.02em;
    text-shadow: 0 0 24px rgba(57,244,241,.25);
}
.decision-lead {
    margin: 0 0 17px;
    color: #f1f7f8;
    font-size: 1rem;
    line-height: 1.5;
}
.decision-description {
    max-width: 520px;
    margin: 0;
    color: #b0c0c6;
    font-size: .82rem;
    line-height: 1.65;
}
.decision-benefits {
    list-style: none;
    padding: 0;
    margin: 29px 0 0;
    display: grid;
    gap: 14px;
}
.decision-benefits li {
    display: flex;
    align-items: center;
    gap: 13px;
    color: #d6e3e6;
    font-size: .83rem;
}
.decision-benefits li>span {
    width: 25px;
    height: 25px;
    display: grid;
    place-items: center;
    flex: 0 0 auto;
    border: 1px solid rgba(57,244,241,.8);
    border-radius: 50%;
    color: var(--cyan);
    font-size: .72rem;
    box-shadow: 0 0 10px rgba(57,244,241,.19), inset 0 0 8px rgba(57,244,241,.08);
}
.decision-note {
    right: 47%;
    top: 35%;
    color: var(--gold);
    font-size: 1.15rem;
    line-height: 1.15;
    transform: rotate(-4deg);
}
.decision-note span { position:absolute;left:-42px;top:-7px;font-size:2.3rem;transform:rotate(-22deg); }

.clarity-map {
    min-height: 342px;
    position: relative;
    overflow: hidden;
    border: 1px solid rgba(57,244,241,.72);
    border-radius: 11px;
    background:
        radial-gradient(circle at 50% 48%, rgba(57,244,241,.12), transparent 42%),
        linear-gradient(145deg, rgba(32,58,70,.88), rgba(12,24,32,.92));
    box-shadow: 0 0 23px rgba(57,244,241,.14), inset 0 0 28px rgba(57,244,241,.055);
}
.clarity-map::before,
.clarity-map::after {
    content: "";
    position: absolute;
    width: 45px;
    height: 1px;
    top: -1px;
    right: 34px;
    background: var(--cyan);
    box-shadow: 0 0 9px var(--cyan);
}
.clarity-map::after { width:1px;height:45px;top:auto;right:-1px;bottom:32px; }
.clarity-map-topbar {
    height: 38px;
    padding: 0 15px;
    display: flex;
    align-items: center;
    gap: 5px;
    border-bottom: 1px solid rgba(169,220,226,.12);
    color: #b5c8cd;
    font: 700 .55rem var(--font-tech);
    letter-spacing: .08em;
}
.clarity-map-topbar span { margin-right: auto; }
.clarity-map-topbar i { width:5px;height:5px;border-radius:50%;background:#637883; }
.clarity-map-topbar i:nth-last-child(3){background:var(--gold)}
.clarity-map-topbar i:nth-last-child(2){background:#8cd9dc}
.clarity-map svg { position:absolute;inset:35px 0 52px;width:100%;height:calc(100% - 87px);overflow:visible; }
.clarity-links path { stroke:rgba(73,217,222,.39);stroke-width:1.3;stroke-dasharray:4 5;animation:lineTravel 7s linear infinite; }
@keyframes lineTravel { to { stroke-dashoffset:-45; } }
.clarity-pulses circle { fill:var(--cyan); }.clarity-pulses .risk-pulse{fill:var(--gold)}
.clarity-node circle { fill:rgba(24,53,65,.92);stroke-width:2;filter:drop-shadow(0 0 5px rgba(57,244,241,.4)); }
.clarity-node rect,.clarity-node path,.clarity-node circle+circle { fill:none;stroke-width:2;stroke-linecap:round;stroke-linejoin:round; }
.clarity-node.opportunity circle,.clarity-node.opportunity rect,.clarity-node.opportunity path { stroke:#44e4e3; }
.clarity-node.risk circle,.clarity-node.risk rect,.clarity-node.risk path { stroke:#e6a63d; }
.clarity-node.unknown circle { stroke:#6f8690; }.clarity-node.unknown circle+circle{fill:#6f8690;stroke:none}
.clarity-core>circle:last-of-type { fill:none;stroke:rgba(57,244,241,.25);stroke-width:1.2;stroke-dasharray:4 8;animation:coreOrbit 12s linear infinite;transform-origin:195px 172px; }
@keyframes coreOrbit { to { transform:rotate(360deg); } }
.clarity-core text { fill:white;font:700 34px var(--font-tech); }
.map-readout { position:absolute;left:15px;width:63px;height:43px;border:1px solid rgba(124,207,214,.12);border-radius:4px;background:rgba(104,156,168,.055);padding:9px; }
.map-readout-a{top:55px}.map-readout-b{top:109px;width:46px}
.map-readout span,.map-readout i{display:block;height:3px;margin-bottom:5px;border-radius:3px;background:#2aa9b0}.map-readout i{width:74%;background:#59717b}.map-readout i:last-child{width:48%}
.clarity-legend { position:absolute;right:12px;bottom:11px;display:grid;gap:5px;padding:7px 9px;border:1px solid rgba(148,203,209,.14);border-radius:4px;background:rgba(8,20,27,.65);font:600 .5rem var(--font-tech);color:#aebec3; }
.clarity-legend span { display:flex;align-items:center;gap:6px; }.clarity-legend i{width:6px;height:6px;border-radius:50%}.clarity-legend .opportunity{background:var(--cyan);box-shadow:0 0 6px var(--cyan)}.clarity-legend .risk{background:var(--gold)}.clarity-legend .unknown{background:#667b84}

.clarity-process {
    margin-top: 23px;
    padding-top: 16px;
    border-top: 1px solid rgba(176,220,226,.14);
}
.clarity-process>p {
    margin: 0 0 13px;
    color: var(--cyan);
    font: 700 .68rem var(--font-tech);
    letter-spacing: .06em;
}
.clarity-process-track {
    display: grid;
    grid-template-columns: 1fr auto 1.12fr auto 1.35fr;
    align-items: center;
    gap: 11px;
}
.clarity-step { display:grid;grid-template-columns:44px auto 1fr;align-items:center;gap:8px;min-width:0; }
.clarity-step-icon { width:42px;height:42px;display:grid;place-items:center; }
.clarity-step-icon svg { width:100%;height:100%;fill:none;stroke:#56dce2;stroke-width:1.6;stroke-linecap:round;stroke-linejoin:round;filter:drop-shadow(0 0 5px rgba(57,244,241,.25)); }
.clarity-step strong { color:var(--cyan);font:700 1.55rem var(--font-tech); }
.clarity-step>span:last-child { color:#c3d2d6;font-size:.7rem;line-height:1.45;white-space:nowrap; }
.clarity-arrow { color:var(--cyan);font-style:normal;font-size:1.45rem;text-shadow:0 0 10px rgba(57,244,241,.6);animation:arrowNudge 1.9s ease-in-out infinite; }
@keyframes arrowNudge { 50% { transform:translateX(5px); } }

.decision-metrics {
    margin-top: 20px;
    display: grid;
    grid-template-columns: 1fr 1.1fr 1.05fr 1.55fr;
    border: 1px solid rgba(113,212,219,.32);
    border-radius: 9px;
    overflow: hidden;
    background:rgba(17,35,44,.62);
    box-shadow: inset 0 0 24px rgba(57,244,241,.025);
}
.diagnostic-metric { min-width:0;min-height:102px;padding:17px 18px;border-right:1px solid rgba(175,215,222,.15);position:relative; }
.diagnostic-metric:last-child{border-right:0}
.diagnostic-metric>span { display:block;color:#8fa6ae;font:700 .53rem var(--font-tech);letter-spacing:.055em;margin-bottom:8px; }
.diagnostic-metric>strong { display:block;color:var(--cyan);font:600 1.45rem var(--font-tech); }
.diagnostic-metric strong b { font:inherit; }
.diagnostic-clarity svg { position:absolute;left:17px;right:17px;bottom:11px;width:calc(100% - 34px);height:28px;overflow:visible; }
.diagnostic-clarity path { fill:none;stroke:var(--cyan);stroke-width:2;filter:drop-shadow(0 0 4px rgba(57,244,241,.45));stroke-dasharray:180;stroke-dashoffset:180; }
.decision-support.visible .diagnostic-clarity path { animation:drawSpark 1.7s .4s ease forwards; }
@keyframes drawSpark { to { stroke-dashoffset:0; } }
.diagnostic-friction>strong,.diagnostic-scope>strong{color:var(--gold);font-size:1.25rem}
.friction-scale { position:relative;display:grid;grid-template-columns:repeat(12,1fr);gap:2px;margin-top:16px; }
.friction-scale i{height:6px;border-radius:1px;background:#3cae8c}.friction-scale i:nth-child(n+5){background:#b2c94b}.friction-scale i:nth-child(n+8){background:#e8b44e}.friction-scale i:nth-child(n+10){background:#d4773d}.friction-scale b{position:absolute;width:0;height:0;border-left:4px solid transparent;border-right:4px solid transparent;border-bottom:7px solid var(--gold);top:12px;left:75%;filter:drop-shadow(0 0 3px rgba(227,182,100,.6))}
.scope-dots { display:flex;gap:5px;margin-top:18px; }.scope-dots i{width:6px;height:6px;border-radius:50%;background:#31434c}.scope-dots i:nth-child(-n+3){background:#9d8357}.scope-dots i:nth-child(3){box-shadow:0 0 8px rgba(227,182,100,.7);animation:scopeBlink 1.6s infinite}
@keyframes scopeBlink { 50% { opacity:.3 } }
.diagnostic-next { display:flex;flex-direction:column;justify-content:center; }
.diagnostic-next a { color:var(--cyan);font:600 .95rem var(--font-tech);text-decoration:none;white-space:nowrap; }.diagnostic-next a i{font-style:normal;margin-left:8px;transition:transform .2s}.diagnostic-next a:hover i{display:inline-block;transform:translateX(5px)}
.diagnostic-note { left:16%;bottom:-46px;color:var(--gold);font-size:1.18rem;transform:rotate(2deg); }.diagnostic-note span{position:absolute;left:-24px;top:-28px;font-size:2.1rem;transform:rotate(-20deg)}

.inquiry-portal { align-self: center; }
.inquiry-portal .portal-inner { padding: 34px 30px 24px; }
.inquiry-portal .portal-status { margin-bottom: 18px; }
.inquiry-portal .portal-inner h3 {
    margin: 0;
    color: #f0f7f9;
    font: 700 clamp(2rem, 2.7vw, 3rem)/1.02 var(--font-tech);
    letter-spacing: -.015em;
    text-shadow:0 0 18px rgba(255,255,255,.08);
}
.inquiry-portal .portal-inner>p { margin: 13px 0 28px;text-align:left;color:#9eb2b9;font-size:.79rem; }
.inquiry-portal .contact-form { gap:14px; }
.inquiry-portal .contact-form input,
.inquiry-portal .contact-form textarea {
    min-height: 52px;
    border: 1px solid rgba(185,218,226,.24);
    border-radius: 4px;
    padding: 13px 14px;
    background: linear-gradient(135deg, rgba(116,142,153,.20), rgba(70,91,102,.16));
    box-shadow: inset 0 1px rgba(255,255,255,.025);
}
.inquiry-portal .contact-form textarea { min-height:142px; }
.inquiry-portal .portal-submit {
    height: 57px;
    margin-top: 2px;
    border: 1px solid #72ffff;
    border-radius: 5px;
    color:#071418;
    background:linear-gradient(100deg,#24e7e5,#58fbf6);
    box-shadow:0 0 13px rgba(57,244,241,.65),0 0 32px rgba(57,244,241,.22),inset 0 1px rgba(255,255,255,.52);
    font-size:.86rem;
    letter-spacing:.06em;
}
.inquiry-portal .portal-submit:hover { background:linear-gradient(100deg,#66ffff,#25e7e6);box-shadow:0 0 20px rgba(57,244,241,.8),0 0 43px rgba(57,244,241,.3);transform:translateY(-1px); }
.inquiry-portal .portal-submit i { font-style:normal;font-size:1.15rem;transition:transform .2s; }.inquiry-portal .portal-submit:hover i{transform:translateX(5px)}
.portal-trust {
    margin-top: 15px;
    padding-top: 16px;
    border-top: 1px solid rgba(181,219,224,.14);
    display: grid;
    grid-template-columns: .9fr .75fr 1.35fr;
}
.portal-trust>div { min-width:0;display:flex;align-items:center;gap:9px;padding:0 10px;border-right:1px solid rgba(179,214,220,.12); }.portal-trust>div:first-child{padding-left:0}.portal-trust>div:last-child{padding-right:0;border-right:0}
.portal-trust p { margin:0;color:#849aa2;font:500 .5rem/1.4 var(--font-body); }.portal-trust strong{color:#aabcc1;font-weight:600}
.trust-icon { position:relative;width:24px;height:24px;flex:0 0 auto;opacity:.9; }
.trust-icon.shield { border:1px solid #91aab2;border-radius:5px 5px 9px 9px;clip-path:polygon(50% 0,95% 17%,88% 71%,50% 100%,12% 71%,5% 17%); }
.trust-icon.shield::after{content:"✓";position:absolute;inset:0;display:grid;place-items:center;color:#a7c3c9;font-size:.65rem}
.trust-icon.lock::before{content:"";position:absolute;left:5px;right:5px;bottom:2px;height:14px;border:1px solid #91aab2;border-radius:3px}.trust-icon.lock::after{content:"";position:absolute;left:8px;right:8px;top:1px;height:10px;border:1px solid #91aab2;border-bottom:0;border-radius:7px 7px 0 0}
.trust-icon.response{border:1px solid #91aab2;border-radius:50%;border-bottom-color:transparent}.trust-icon.response::before{content:"";position:absolute;left:50%;top:4px;width:1px;height:8px;background:#91aab2;transform-origin:bottom;transform:rotate(35deg)}.trust-icon.response::after{content:"";position:absolute;left:3px;right:3px;bottom:3px;height:4px;border-top:1px solid #91aab2}
.portal-note { right:4px;top:-66px;color:var(--gold);font-size:1.16rem;line-height:1.05;transform:rotate(4deg); }.portal-note span{position:absolute;left:-35px;bottom:-9px;font-size:2.2rem;transform:rotate(12deg)}

@media (max-width: 1180px) {
    .inquiry-section { padding-inline: 28px; }
    .inquiry-layout { grid-template-columns: minmax(0, 1fr) minmax(360px, .72fr);gap:34px; }
    .decision-top-grid { grid-template-columns:1fr; }
    .clarity-map { min-height:300px; }
    .decision-note { display:none; }
    .inquiry-data-bridge { display:none; }
    .decision-metrics { grid-template-columns:1fr 1fr; }
    .diagnostic-metric:nth-child(2){border-right:0}.diagnostic-metric:nth-child(-n+2){border-bottom:1px solid rgba(175,215,222,.15)}
    .diagnostic-next { border-right:0; }
}
@media (max-width: 900px) {
    .inquiry-section { min-height:auto;padding:88px 28px 110px; }
    .inquiry-layout { grid-template-columns:1fr;max-width:760px;gap:70px; }
    .decision-support { min-height:auto; }
    .decision-top-grid { grid-template-columns:minmax(0,1.05fr) minmax(250px,.95fr); }
    .decision-copy h2 { font-size:clamp(2.45rem,6vw,3.7rem); }
    .decision-note { display:block;right:43%;top:35%; }
    .inquiry-portal { width:min(570px,100%);justify-self:center; }
    .portal-note { display:block; }
    .inquiry-circuit { width:50%; }
}
@media (max-width: 680px) {
    .inquiry-section { padding:74px 14px 96px; }
    .decision-support,.inquiry-portal { padding:10px;border-radius:12px; }
    .decision-support-inner { padding:27px 20px 18px; }
    .decision-top-grid { grid-template-columns:1fr; }
    .decision-copy h2 { font-size:clamp(2.6rem,12vw,3.5rem); }
    .decision-description { font-size:.78rem; }
    .decision-note,.diagnostic-note,.portal-note { display:none; }
    .clarity-map { min-height:318px; }
    .clarity-process-track { grid-template-columns:1fr;gap:10px; }
    .clarity-step { grid-template-columns:42px 38px 1fr;padding:8px 0;border-bottom:1px solid rgba(172,214,220,.1); }
    .clarity-step:last-child { border-bottom:0; }
    .clarity-arrow { display:none; }
    .clarity-step>span:last-child { white-space:normal; }
    .decision-metrics { grid-template-columns:1fr; }
    .diagnostic-metric { border-right:0!important;border-bottom:1px solid rgba(175,215,222,.15)!important; }
    .diagnostic-metric:last-child { border-bottom:0!important; }
    .inquiry-portal .portal-inner { padding:28px 19px 20px; }
    .portal-trust { grid-template-columns:1fr;gap:11px; }
    .portal-trust>div { padding:0 0 11px;border-right:0;border-bottom:1px solid rgba(179,214,220,.12); }.portal-trust>div:last-child{padding-bottom:0;border-bottom:0}
}
@media (prefers-reduced-motion: reduce) {
    .inquiry-data-bridge::before,.inquiry-data-bridge::after,.diagnostic-status i,.portal-status i,.clarity-links path,.clarity-core>circle:last-of-type,.clarity-arrow,.scope-dots i:nth-child(3){animation:none!important}
    .diagnostic-clarity path{stroke-dashoffset:0!important}
}

/* V2.0.1 inquiry refinements */
.decision-copy h2 span { display:block; white-space:nowrap; }
.inquiry-data-bridge { left:58.25%; width:5.7%; }
@media (max-width: 1180px) {
    .decision-copy h2 { font-size:clamp(2.1rem,3.25vw,3.1rem); }
}
@media (max-width: 680px) {
    .decision-copy h2 span { white-space:normal; }
}

/* Prevent the decision headline from colliding with the live map when fonts load slowly. */
.decision-copy h2 span:first-child { white-space:nowrap; }
.decision-copy h2 span:last-child { white-space:normal; }
@media (max-width: 680px) {
    .decision-copy h2 span:first-child { white-space:normal; }
}

/* ================================================================
   V2.1 BRAND, HERO ANNOTATION + PROJECT SIMULATION UPGRADES
   ================================================================ */

/* Larger brand presence in the navigation and footer. */
.site-header {
    min-height: 66px;
    padding-inline: 22px;
}
.brand {
    gap: 12px;
    font-size: 1.08rem;
}
.footer-brand {
    gap: 12px;
    font-size: 1.02rem;
    color: #dcebed;
}
.brand-mark {
    width: 31px;
    height: 25px;
    flex: 0 0 31px;
    filter: drop-shadow(0 0 8px rgba(57,244,241,.48));
}
.brand-mark i {
    top: 1px;
    width: 7px;
    height: 22px;
    border-radius: 2px 2px 7px 7px;
}
.brand-mark i:nth-child(1) { left: 1px; }
.brand-mark i:nth-child(2) { left: 11px; height: 17px; top: 6px; }
.brand-mark i:nth-child(3) { left: 21px; }
.brand-mark.tiny {
    transform: scale(.52);
    width: 31px;
    margin-right: -13px;
}
.site-footer { min-height: 132px; }

/* Replace the ambiguous character arrow with a deliberate hand-drawn route. */
.hero-note {
    right: 13.5%;
    top: 78px;
    width: 180px;
    padding-right: 6px;
    font-size: 1.12rem;
    line-height: 1.02;
    text-align: right;
    transform: rotate(-4deg);
}
.hero-note span {
    position: absolute;
    left: -52px;
    top: 30px;
    width: 72px;
    height: 34px;
    border-bottom: 2px solid currentColor;
    border-left: 2px solid currentColor;
    border-radius: 0 0 0 70%;
    transform: rotate(-9deg);
}
.hero-note span::after {
    content: "";
    position: absolute;
    left: -3px;
    bottom: -5px;
    width: 9px;
    height: 9px;
    border-left: 2px solid currentColor;
    border-bottom: 2px solid currentColor;
    transform: rotate(19deg);
}

/* The project intake visual now shows a clear route-selection simulation. */
.dialog-grid { grid-template-columns: 1.02fr 1.1fr; min-height: 650px; }
.dialog-intro { padding: 54px 36px 38px; overflow: hidden; }
.dialog-intro h2 { font-size: clamp(3.35rem, 5vw, 4.35rem); }
.dialog-intro > p:not(.section-index) { max-width: 430px; margin-bottom: 0; }
.dialog-simulation {
    position: relative;
    height: 310px;
    margin-top: 28px;
    border: 1px solid rgba(91,240,240,.30);
    border-radius: 8px;
    overflow: hidden;
    background:
        linear-gradient(rgba(57,244,241,.055) 1px, transparent 1px),
        linear-gradient(90deg, rgba(57,244,241,.055) 1px, transparent 1px),
        linear-gradient(145deg, rgba(17,42,52,.92), rgba(9,23,31,.82));
    background-size: 18px 18px, 18px 18px, auto;
    box-shadow: inset 0 0 32px rgba(57,244,241,.045), 0 18px 38px rgba(0,0,0,.22);
}
.dialog-simulation::before,
.dialog-simulation::after {
    content: "";
    position: absolute;
    z-index: 2;
    pointer-events: none;
}
.dialog-simulation::before {
    inset: 8px;
    border: 1px solid rgba(105,234,237,.10);
    border-radius: 5px;
}
.dialog-simulation::after {
    width: 43%;
    height: 1px;
    right: 9%;
    top: 0;
    background: var(--cyan);
    box-shadow: 0 0 12px var(--cyan);
}
.sim-toolbar {
    position: relative;
    z-index: 3;
    height: 34px;
    padding: 0 11px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    border-bottom: 1px solid rgba(174,219,225,.14);
    color: #89a4ad;
    font: 700 .52rem var(--font-tech);
    letter-spacing: .11em;
}
.sim-toolbar span { display: flex; align-items: center; gap: 7px; }
.sim-toolbar i {
    width: 6px;
    height: 6px;
    border-radius: 50%;
    background: #5cf0bb;
    box-shadow: 0 0 9px #5cf0bb;
    animation: simStatus 1.7s ease-in-out infinite;
}
.sim-toolbar b { color: var(--gold); font-weight: 700; }
@keyframes simStatus { 50% { opacity: .28; } }
.dialog-simulation svg {
    position: relative;
    z-index: 1;
    display: block;
    width: 100%;
    height: 235px;
    overflow: visible;
}
.sim-route-card > rect:first-child {
    fill: rgba(41,68,80,.88);
    stroke: rgba(132,209,216,.35);
    stroke-width: 1;
}
.sim-route-card.selected > rect:first-child {
    stroke: var(--cyan);
    filter: drop-shadow(0 0 5px rgba(57,244,241,.38));
}
.sim-route-card text {
    fill: #9fb7bf;
    font: 700 7px var(--font-tech);
    letter-spacing: .08em;
}
.sim-route-card .sim-score { fill: var(--gold); font-size: 8px; text-anchor: end; }
.sim-route-card.selected .sim-score { fill: var(--cyan); }
.sim-route-card .sim-thumb { fill: rgba(8,24,32,.72); stroke: rgba(156,212,219,.18); }
.sim-route-card path { fill: none; stroke: rgba(170,213,220,.55); stroke-width: 1; }
.sim-flow-paths path {
    stroke: rgba(83,230,231,.57);
    stroke-width: 1.5;
    stroke-dasharray: 5 5;
    animation: simDash 5.5s linear infinite;
}
.sim-flow-paths path:nth-child(2) { stroke: rgba(126,151,161,.42); }
.sim-flow-paths path:nth-child(3),
.sim-flow-paths path:nth-child(4) { stroke: rgba(227,182,100,.75); }
@keyframes simDash { to { stroke-dashoffset: -70; } }
.sim-moving-pulses circle { fill: #eefeff; }
.sim-moving-pulses .selected-pulse { fill: var(--gold); }
.sim-friction-scanner > rect:first-child {
    fill: rgba(26,54,65,.92);
    stroke: rgba(57,244,241,.58);
    filter: drop-shadow(0 0 7px rgba(57,244,241,.16));
}
.sim-friction-scanner text {
    fill: #b5cbd0;
    font: 700 7px var(--font-tech);
    letter-spacing: .07em;
}
.sim-friction-scanner .scanner-screen { fill: #152c3a; stroke: rgba(129,197,207,.22); }
.sim-friction-scanner .scan-wireframe { fill: none; stroke: rgba(226,243,245,.55); stroke-width: 1; }
.scanner-bar { fill: rgba(255,255,255,.1); }
.scanner-progress { fill: var(--gold); filter: drop-shadow(0 0 3px rgba(227,182,100,.65)); animation: scannerLoad 2.8s ease-in-out infinite; transform-origin: 9px center; }
@keyframes scannerLoad { 50% { transform: scaleX(.64); } }
.sim-blueprint-card > rect:first-child { stroke: #d8fbff; stroke-width: 1; filter: drop-shadow(0 0 5px rgba(57,244,241,.25)); }
.sim-blueprint-card text { fill: #17313c; font: 800 8px var(--font-tech); letter-spacing: .04em; }
.sim-blueprint-card path:not(.sim-check) { fill: none; stroke: #6d8991; stroke-width: 1; }
.sim-blueprint-card rect:not(:first-child) { fill: #2aa8ad; }
.sim-blueprint-card circle { fill: #20c9c8; }
.sim-blueprint-card .sim-check { fill: none; stroke: white; stroke-width: 1.5; stroke-linecap: round; stroke-linejoin: round; }
.sim-caption { fill: #78929b; font: 700 6.5px var(--font-tech); letter-spacing: .08em; }
.output-caption { fill: var(--cyan); }
.sim-readouts {
    position: absolute;
    z-index: 3;
    left: 10px;
    right: 10px;
    bottom: 8px;
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    border-top: 1px solid rgba(166,214,221,.13);
    padding-top: 7px;
}
.sim-readouts span {
    min-width: 0;
    padding: 0 8px;
    border-right: 1px solid rgba(166,214,221,.11);
    color: #718a93;
    font: 700 .43rem var(--font-tech);
    letter-spacing: .05em;
    white-space: nowrap;
}
.sim-readouts span:last-child { border-right: 0; }
.sim-readouts b { display: block; margin-top: 2px; color: #b9ccd1; font-size: .57rem; }
.sim-readouts span:first-child b,
.sim-readouts span:last-child b { color: var(--cyan); }
.sim-scanline {
    position: absolute;
    z-index: 2;
    top: 34px;
    bottom: 39px;
    width: 1px;
    left: 42%;
    background: linear-gradient(transparent, rgba(57,244,241,.95), transparent);
    box-shadow: 0 0 11px rgba(57,244,241,.86);
    animation: simSweep 4.1s cubic-bezier(.45,0,.55,1) infinite;
    opacity: .68;
}
@keyframes simSweep {
    0%, 100% { transform: translateX(-95px); opacity: 0; }
    12%, 88% { opacity: .68; }
    50% { transform: translateX(135px); }
}

/* Let the conversion ring use the randomly generated percentage. */
.metric-ring.active .ring-progress { stroke-dashoffset: var(--ring-offset, 19.6); }

@media (max-width: 1100px) {
    .hero-note { top: 47%; right: 8%; }
}
@media (max-width: 760px) {
    .site-header { min-height: 62px; }
    .brand { font-size: 1rem; }
    .brand-mark { transform: scale(.9); transform-origin: left center; margin-right: -2px; }
    .footer-brand { font-size: .96rem; }
    .dialog-grid { grid-template-columns: 1fr; }
    .dialog-intro { padding: 46px 26px 31px; border-right: 0; border-bottom: 1px solid var(--line); }
    .dialog-simulation { height: 292px; max-width: 520px; }
    .dialog-simulation svg { height: 218px; }
}
@media (max-width: 420px) {
    .brand { font-size: .96rem; }
    .brand-mark { transform: scale(.82); margin-right: -5px; }
    .sim-readouts span { padding-inline: 4px; font-size: .38rem; }
}
@media (prefers-reduced-motion: reduce) {
    .sim-toolbar i,.sim-flow-paths path,.scanner-progress,.sim-scanline { animation: none!important; }
}
.flow-lines path,.flow-nodes circle { transition: d .35s ease, cx .35s ease, cy .35s ease; }
.readout-bars i.is-muted { background: rgba(255,255,255,.12); box-shadow: none; }
/* Extend the hero annotation so its arrow clearly lands on the simulation console. */
.hero-note span {
    left: -286px;
    top: 30px;
    width: 302px;
    height: 48px;
    border-radius: 0 0 0 58%;
}
@media (max-width: 1100px) {
    .hero-note span { left: -210px; width: 224px; }
}

/* ================================================================
   V2.2 ANNOTATION PLACEMENT + CONTINUOUS CLARITY CONNECTIONS
   ================================================================ */

/* Shared hand-drawn arrows are real SVG paths so they stay continuous
   at every viewport size instead of relying on stretched CSS borders. */
.annotation .note-arrow {
    display: block;
    overflow: visible;
    pointer-events: none;
}
.annotation .note-arrow path {
    fill: none;
    stroke: currentColor;
    stroke-width: 2.15;
    stroke-linecap: round;
    stroke-linejoin: round;
    vector-effect: non-scaling-stroke;
    filter: drop-shadow(0 2px 3px rgba(0,0,0,.22));
}
.annotation .note-arrowhead { stroke-width: 2.35; }

/* Hero note: short, deliberate curve aimed at the simulation console. */
.hero-note {
    right: 12.5%;
    top: 58px;
    width: 205px;
    height: 92px;
    padding: 0;
    text-align: right;
    transform: rotate(-3deg);
    z-index: 4;
}
.hero-note span.note-copy {
    position: absolute;
    right: 0;
    top: 0;
    left: auto;
    bottom: auto;
    display: block;
    width: auto;
    height: auto;
    padding: 0;
    border: 0;
    border-radius: 0;
    font-size: 1.08rem;
    line-height: 1.02;
    transform: none;
}
.hero-note span.note-copy::after { content: none; }
.hero-note .note-arrow {
    position: absolute;
    left: 0;
    top: 31px;
    width: 180px;
    height: 58px;
}

/* Keep the side annotation readable without interrupting the copy flow. */
.decision-copy { position: relative; }
.decision-note {
    position: absolute;
    right: 2px;
    top: 55%;
    width: 118px;
    margin: 0;
    font-size: 1.03rem;
    line-height: 1.08;
    text-align: left;
    transform: rotate(-4deg);
}
.decision-note span { left: -32px; top: -5px; font-size: 1.85rem; }

/* Move the lower annotations into purposeful negative space. */
.diagnostic-note {
    position: absolute;
    right: 34px;
    left: auto;
    bottom: 124px;
    width: 145px;
    height: 75px;
    color: var(--gold);
    font-size: 1.06rem;
    line-height: 1.03;
    text-align: right;
    transform: rotate(-3deg);
    z-index: 5;
}
.diagnostic-note span.note-copy {
    position: absolute;
    right: 0;
    top: 0;
    left: auto;
    display: block;
    width: auto;
    height: auto;
    font-size: inherit;
    line-height: inherit;
    transform: none;
}
.diagnostic-note .note-arrow {
    position: absolute;
    left: 0;
    top: 23px;
    width: 120px;
    height: 54px;
}

.portal-note {
    position: absolute;
    right: 22px;
    top: -48px;
    width: 126px;
    height: 70px;
    color: var(--gold);
    font-size: 1.06rem;
    line-height: 1.02;
    text-align: right;
    transform: rotate(3deg);
    z-index: 5;
}
.portal-note span.note-copy {
    position: absolute;
    right: 0;
    top: 0;
    left: auto;
    bottom: auto;
    display: block;
    width: auto;
    height: auto;
    font-size: inherit;
    line-height: inherit;
    transform: none;
}
.portal-note .note-arrow {
    position: absolute;
    left: 0;
    top: 20px;
    width: 105px;
    height: 50px;
}

/* The map connections are continuous. Motion is carried by the light
   pulses, so the structure reads clearly instead of looking damaged. */
.clarity-links {
    filter: drop-shadow(0 0 4px rgba(57,244,241,.28));
}
.clarity-links path {
    stroke: rgba(86,230,232,.56);
    stroke-width: 1.55;
    stroke-dasharray: none;
    stroke-linecap: round;
    animation: none;
}
.clarity-links path:nth-child(5),
.clarity-links path:nth-child(7) {
    stroke: rgba(227,182,100,.58);
}

@media (max-width: 1180px) {
    .hero-note { right: 8%; top: 46%; }
    .hero-note .note-arrow { width: 152px; left: 28px; }
    .diagnostic-note { display: none; }
}
@media (max-width: 900px) {
    .portal-note { display: none; }
}
@media (max-width: 760px) {
    .hero-note { display: none; }
}

/* V2.2.1 final annotation spacing */
.hero-note {
    right: 12.5%;
    top: 54px;
    width: 215px;
    height: 158px;
}
.hero-note .note-arrow {
    left: 7px;
    top: 31px;
    width: 190px;
    height: 125px;
}

/* The middle note crowded the decision copy at real browser widths. */
.decision-note { display: none; }

/* Both closing annotations now live above their panels in reserved space. */
.diagnostic-note {
    top: -57px;
    right: 38px;
    bottom: auto;
    left: auto;
    width: 190px;
    height: 58px;
    font-size: 1.02rem;
    line-height: 1;
    white-space: nowrap;
    text-align: right;
}
.diagnostic-note .note-arrow {
    left: 19px;
    top: 13px;
    width: 92px;
    height: 42px;
}
.portal-note {
    top: -57px;
    left: 34px;
    right: auto;
    width: 170px;
    height: 58px;
    font-size: 1.02rem;
    line-height: 1;
    white-space: nowrap;
    text-align: left;
}
.portal-note span.note-copy {
    left: 0;
    right: auto;
}
.portal-note .note-arrow {
    left: 55px;
    top: 13px;
    width: 94px;
    height: 42px;
}

@media (max-width: 1180px) {
    .hero-note { top: 44%; right: 7%; }
    .hero-note .note-arrow { width: 155px; left: 38px; }
    .diagnostic-note { display: none; }
}
/* Land the hero arrowhead directly on the simulation console's top edge. */
.hero-note { top: 68px; }

/* ================================================================
   V2.3 IDEA ENGINE, SPEED MESSAGE, FORM READABILITY + HERO CTA
   ================================================================ */

/* Make the first-load action unmistakable. */
.hero-primary-cta {
    min-height: 58px;
    padding-inline: 29px;
    border-radius: 7px;
    font-size: 1.01rem;
    letter-spacing: .045em;
    box-shadow:
        0 0 17px rgba(57,244,241,.88),
        0 0 42px rgba(57,244,241,.24),
        0 12px 30px rgba(0,0,0,.26),
        inset 0 1px 0 rgba(255,255,255,.82);
    position: relative;
    overflow: hidden;
}
.hero-primary-cta::before {
    content: "";
    position: absolute;
    inset: 0;
    background: linear-gradient(105deg, transparent 20%, rgba(255,255,255,.58) 48%, transparent 72%);
    transform: translateX(-130%);
    animation: heroCtaSweep 4.8s 1.2s ease-in-out infinite;
}
.hero-primary-cta > * { position: relative; z-index: 1; }
.hero-primary-cta span { font-size: 1.22em; transition: transform .2s ease; }
.hero-primary-cta:hover span { transform: translateX(4px); }
.hero-secondary-cta { min-height: 50px; padding-inline: 21px; }
@keyframes heroCtaSweep {
    0%, 58%, 100% { transform: translateX(-130%); }
    72% { transform: translateX(130%); }
}

/* Replace the generic sitemap with a real concept-route engine. */
.idea-engine-screen {
    background:
        linear-gradient(rgba(78,213,220,.055) 1px, transparent 1px),
        linear-gradient(90deg, rgba(78,213,220,.055) 1px, transparent 1px),
        linear-gradient(155deg, #132934, #0c1d26);
    background-size: 14px 14px, 14px 14px, auto;
    border-color: rgba(103,238,240,.35);
    box-shadow:
        0 10px 24px rgba(0,0,0,.36),
        inset 0 0 22px rgba(57,244,241,.04),
        0 0 16px rgba(57,244,241,.08);
}
.idea-engine-toolbar {
    padding: 0 7px;
    background: linear-gradient(180deg, rgba(75,105,117,.55), rgba(22,48,58,.72));
    border-bottom-color: rgba(101,222,226,.22);
}
.idea-engine-toolbar b {
    margin-left: 5px;
    color: #9bb4bc;
    font: 700 .42rem var(--font-tech);
    letter-spacing: .10em;
}
.idea-engine-toolbar em {
    margin-left: auto;
    display: inline-flex;
    align-items: center;
    gap: 4px;
    color: #73efba;
    font: 700 .39rem var(--font-tech);
    font-style: normal;
    letter-spacing: .08em;
}
.idea-engine-toolbar em i {
    width: 4px;
    height: 4px;
    border-radius: 50%;
    background: #70f4bd;
    box-shadow: 0 0 6px #70f4bd;
    animation: ideaStatusBlink 1.6s ease-in-out infinite;
}
.idea-engine-map { display: block; width: 100%; height: calc(100% - 17px); }
.idea-input-card > rect {
    fill: rgba(35,69,81,.92);
    stroke: rgba(94,219,225,.48);
    stroke-width: 1;
}
.idea-input-card text,
.idea-route-card text,
.idea-engine-status {
    font-family: var(--font-tech);
    font-weight: 700;
    letter-spacing: .06em;
}
.idea-input-card text { fill: #8ba6af; font-size: 6.4px; }
.idea-input-card .idea-input-title { fill: #e7f6f8; font-size: 8.4px; letter-spacing: .02em; }
.idea-input-card path { fill: none; stroke: rgba(168,211,217,.44); stroke-width: 1; }
.idea-input-card rect:not(:first-child) { fill: rgba(57,244,241,.11); stroke: rgba(57,244,241,.34); }
.idea-input-card .idea-goal { fill: var(--cyan-soft); font-size: 5.9px; }
.idea-flow-lines path {
    stroke: rgba(72,229,231,.63);
    stroke-width: 1.4;
    stroke-linecap: round;
    filter: drop-shadow(0 0 3px rgba(57,244,241,.35));
}
.idea-flow-lines path:last-child { stroke: rgba(227,182,100,.72); }
.idea-pulses circle { fill: #efffff; }
.idea-pulses .idea-pulse-gold { fill: var(--gold); }
.idea-core-orbit {
    fill: none;
    stroke: rgba(57,244,241,.42);
    stroke-width: 1;
    stroke-dasharray: 3 5;
    transform-origin: center;
    animation: ideaOrbit 8s linear infinite;
}
.idea-core-orbit.second {
    stroke: rgba(227,182,100,.34);
    stroke-dasharray: 2 7;
    animation-duration: 5.8s;
    animation-direction: reverse;
}
.idea-core-fill { stroke: rgba(230,255,255,.8); stroke-width: .8; }
.idea-core text { fill: #062027; font: 800 7px var(--font-tech); letter-spacing: .03em; }
.idea-satellite { fill: var(--cyan); transform-origin: center; }
.idea-satellite.s2 { fill: var(--gold); }
.idea-route-card > rect:first-child {
    fill: rgba(40,70,81,.94);
    stroke: rgba(137,205,213,.36);
    stroke-width: 1;
}
.idea-route-card.selected > rect:first-child {
    stroke: var(--gold);
    filter: drop-shadow(0 0 5px rgba(227,182,100,.36));
}
.idea-route-card text { fill: #b7c9ce; font-size: 6px; }
.idea-route-card .idea-score { fill: var(--cyan); font-size: 7.2px; }
.idea-route-card.selected .idea-score { fill: var(--gold); }
.idea-route-preview {
    fill: rgba(9,28,36,.84);
    stroke: rgba(119,197,207,.25);
}
.idea-route-card path { fill: none; stroke: rgba(160,209,216,.55); stroke-width: .8; }
.idea-route-card.selected path { stroke: rgba(236,198,125,.78); }
.idea-engine-status { fill: #6f8c95; font-size: 5.8px; }
.idea-route-card { animation: ideaRouteFloat 3.8s ease-in-out infinite; transform-box: fill-box; transform-origin: center; }
.idea-route-card.route-two { animation-delay: -.9s; }
.idea-route-card.route-three { animation-delay: -1.8s; }
@keyframes ideaStatusBlink { 50% { opacity: .25; } }
@keyframes ideaOrbit { to { transform: rotate(360deg); } }
@keyframes ideaRouteFloat { 0%,100% { translate: 0 0; } 50% { translate: 0 -1.5px; } }

/* Make the 48-hour first signal part of the offer, without hiding the full sprint timeline. */
.pricing-speed {
    display: inline-flex;
    align-items: center;
    gap: 9px;
    margin-top: 13px;
    padding: 8px 11px;
    border: 1px solid rgba(57,244,241,.28);
    border-radius: 4px;
    background: rgba(57,244,241,.055);
    color: var(--cyan-soft);
    font: 700 .67rem var(--font-tech);
    letter-spacing: .095em;
    box-shadow: inset 0 0 16px rgba(57,244,241,.035);
}
.pricing-speed i {
    width: 7px;
    height: 7px;
    border-radius: 50%;
    background: #66f4bd;
    box-shadow: 0 0 9px #66f4bd;
    animation: pricingSignal 1.8s ease-in-out infinite;
}
@keyframes pricingSignal { 50% { opacity:.35; transform: scale(.82); } }

/* Visible labels and higher-contrast placeholders survive bright mobile conditions. */
.inquiry-portal .contact-form { gap: 10px; }
.inquiry-portal .contact-form label { gap: 6px; }
.inquiry-portal .contact-form label > span {
    position: static;
    width: auto;
    height: auto;
    overflow: visible;
    clip: auto;
    color: #c7d9dd;
    font: 700 .54rem var(--font-tech);
    letter-spacing: .105em;
    line-height: 1;
}
.inquiry-portal .contact-form input,
.inquiry-portal .contact-form textarea {
    background: rgba(10,28,36,.48);
    border-color: rgba(184,223,229,.34);
    color: #f8ffff;
    caret-color: var(--cyan);
    text-shadow: 0 1px 2px rgba(0,0,0,.35);
}
.inquiry-portal .contact-form input::placeholder,
.inquiry-portal .contact-form textarea::placeholder {
    color: #c4d2d6;
    opacity: 1;
}
.inquiry-portal .contact-form input:focus,
.inquiry-portal .contact-form textarea:focus {
    background: rgba(9,31,39,.68);
    border-color: rgba(91,255,251,.78);
}

@media (max-width: 680px) {
    .hero-actions { align-items: stretch; }
    .hero-primary-cta { min-height: 60px; font-size: 1rem; }
    .hero-secondary-cta { min-height: 50px; }
    .pricing-speed { font-size: .62rem; line-height: 1.35; }
    .inquiry-portal .contact-form input,
    .inquiry-portal .contact-form textarea {
        font-size: 16px;
        padding: 13px 12px;
        border-color: rgba(201,232,236,.42);
    }
    .inquiry-portal .contact-form input::placeholder,
    .inquiry-portal .contact-form textarea::placeholder { color: #d3dfe2; }
    .inquiry-portal .contact-form label > span { font-size: .58rem; }
}

@media (prefers-reduced-motion: reduce) {
    .hero-primary-cta::before,
    .idea-engine-toolbar em i,
    .idea-core-orbit,
    .idea-route-card,
    .pricing-speed i { animation: none!important; }
}

/* ================================================================
   V2.4 CONVERSION LAYER: PROOF, BOOKABLE OFFER + HUMAN ACCOUNTABILITY
   ================================================================ */

/* Proof appears immediately after the hero, before the process explanation. */
.proof-strip {
    position: relative;
    z-index: 4;
    display: grid;
    grid-template-columns: minmax(0, 1.18fr) minmax(310px, .86fr) minmax(320px, 1fr);
    gap: 26px;
    align-items: center;
    padding: 24px 42px;
    border-top: 1px solid rgba(112, 238, 241, .28);
    border-bottom: 1px solid rgba(112, 238, 241, .18);
    background:
        linear-gradient(90deg, rgba(57,244,241,.06), transparent 22%, transparent 78%, rgba(57,244,241,.035)),
        rgba(8, 21, 29, .52);
    box-shadow: inset 0 1px rgba(255,255,255,.03), inset 0 -1px rgba(0,0,0,.24);
    overflow: hidden;
}
.proof-strip::before {
    content: "";
    position: absolute;
    inset: 0;
    pointer-events: none;
    opacity: .24;
    background-image:
        linear-gradient(rgba(106, 224, 230, .08) 1px, transparent 1px),
        linear-gradient(90deg, rgba(106, 224, 230, .08) 1px, transparent 1px);
    background-size: 28px 28px;
    mask-image: linear-gradient(90deg, #000, transparent 38%, transparent 62%, #000);
}
.proof-primary,
.proof-facts,
.proof-logos { position: relative; z-index: 1; min-width: 0; }
.proof-primary {
    display: grid;
    grid-template-columns: 54px minmax(0, 1fr);
    gap: 14px;
    align-items: center;
}
.proof-shield {
    width: 50px;
    height: 56px;
    display: grid;
    place-items: center;
    color: var(--cyan);
    font: 700 1rem var(--font-tech);
    border: 1px solid rgba(84, 252, 248, .66);
    clip-path: polygon(50% 0, 92% 17%, 84% 73%, 50% 100%, 16% 73%, 8% 17%);
    background: rgba(57,244,241,.045);
    box-shadow: inset 0 0 18px rgba(57,244,241,.09), 0 0 20px rgba(57,244,241,.12);
}
.proof-primary div { display: grid; gap: 4px; }
.proof-primary div > span,
.proof-logos-label {
    color: #7e9aa3;
    font: 700 .53rem var(--font-tech);
    letter-spacing: .14em;
}
.proof-primary strong {
    color: #edfafa;
    font: 700 clamp(.88rem, 1.1vw, 1.08rem)/1.18 var(--font-tech);
    letter-spacing: .035em;
}
.proof-facts {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    border-left: 1px solid rgba(186, 225, 231, .12);
    border-right: 1px solid rgba(186, 225, 231, .12);
}
.proof-facts div {
    min-width: 0;
    padding: 4px 16px;
    border-right: 1px solid rgba(186, 225, 231, .10);
}
.proof-facts div:last-child { border-right: 0; }
.proof-facts b {
    display: block;
    margin-bottom: 3px;
    color: var(--cyan);
    font: 700 1.18rem/1 var(--font-tech);
    text-shadow: 0 0 12px rgba(57,244,241,.32);
}
.proof-facts span {
    display: block;
    color: #91a8af;
    font: 700 .48rem/1.35 var(--font-tech);
    letter-spacing: .08em;
}
.proof-logos { display: grid; gap: 8px; }
.logo-cloud {
    display: grid;
    grid-template-columns: repeat(5, minmax(0, 1fr));
    gap: 9px;
    align-items: center;
}
.client-logo {
    min-width: 0;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 5px;
    color: #a9b9be;
    font: 700 .62rem var(--font-tech);
    letter-spacing: .11em;
    opacity: .68;
    white-space: nowrap;
    transition: color .2s ease, opacity .2s ease, transform .2s ease;
}
.client-logo:hover { color: #e6f7f8; opacity: 1; transform: translateY(-1px); }
.client-logo i {
    position: relative;
    width: 13px;
    height: 13px;
    flex: 0 0 auto;
    border: 1px solid currentColor;
    transform: rotate(45deg);
}
.logo-summit i { clip-path: polygon(50% 0, 100% 100%, 0 100%); transform: none; }
.logo-lumen i { border-radius: 50%; box-shadow: inset 0 0 0 3px rgba(169,185,190,.15); transform: none; }
.logo-verde i { border-radius: 8px 0 8px 0; transform: rotate(-35deg); }
.logo-pivot i::after { content:""; position:absolute; inset:3px; border:1px solid currentColor; }

/* Turn the $349 blueprint into an obvious, keyboard-accessible booking trigger. */
.offer-card {
    cursor: pointer;
    border-radius: 8px;
    outline: none;
}
.offer-card:focus-visible .main-sheet,
.offer-card:hover .main-sheet {
    border-color: rgba(139,255,252,.85);
    box-shadow:
        0 28px 78px rgba(0,0,0,.48),
        0 0 0 1px rgba(57,244,241,.2),
        0 0 34px rgba(57,244,241,.17),
        inset 0 0 34px rgba(57,244,241,.045);
}
.offer-card .main-sheet { transition: border-color .25s ease, box-shadow .25s ease, filter .25s ease; }
.offer-card:hover .main-sheet { filter: saturate(1.08) brightness(1.035); }
.offer-card-status {
    position: absolute;
    z-index: 3;
    top: 15px;
    right: 20px;
    display: inline-flex;
    align-items: center;
    gap: 7px;
    color: #d9ffff;
    font: 700 .5rem var(--font-tech);
    letter-spacing: .11em;
}
.offer-card-status i {
    width: 6px;
    height: 6px;
    border-radius: 50%;
    background: #66f4bd;
    box-shadow: 0 0 10px #66f4bd;
    animation: pricingSignal 1.8s ease-in-out infinite;
}
.offer-card-action {
    position: absolute;
    z-index: 4;
    left: 38px;
    bottom: 16px;
    min-height: 38px;
    padding: 0 15px;
    border: 1px solid rgba(188,255,252,.64);
    border-radius: 4px;
    color: #07171b;
    background: linear-gradient(100deg, #57ffff, #25e2e1);
    box-shadow: 0 0 15px rgba(57,244,241,.42), inset 0 1px rgba(255,255,255,.62);
    font: 700 .62rem var(--font-tech);
    letter-spacing: .09em;
    cursor: pointer;
    transition: transform .2s ease, box-shadow .2s ease, filter .2s ease;
}
.offer-card-action:hover {
    transform: translateY(-2px);
    box-shadow: 0 0 24px rgba(57,244,241,.68), 0 10px 20px rgba(0,0,0,.22);
    filter: brightness(1.05);
}
.offer-card-action span { margin-left: 9px; }
.offer-card .main-sheet { padding-bottom: 78px; }
.offer-card .blueprint-stamp { bottom: 24px; }

/* Scope-sprint mode adds real booking context to the existing project intake. */
.dialog-offer-badge {
    display: none;
    grid-template-columns: auto 1fr;
    gap: 13px;
    align-items: center;
    margin-top: 20px;
    padding: 12px 14px;
    border: 1px solid rgba(227,182,100,.38);
    border-radius: 6px;
    background: rgba(227,182,100,.055);
    box-shadow: inset 0 0 18px rgba(227,182,100,.035);
}
.dialog-offer-badge strong {
    color: var(--gold);
    font: 700 2rem/1 var(--font-tech);
}
.dialog-offer-badge span {
    color: #cfd9dc;
    font: 700 .62rem/1.3 var(--font-tech);
    letter-spacing: .08em;
}
.brief-dialog.scope-sprint-mode .dialog-offer-badge { display: grid; }
.offer-only-field { display: none !important; }
.brief-dialog.scope-sprint-mode .offer-only-field { display: grid !important; }
.brief-dialog.scope-sprint-mode .dialog-intro h2 { color: var(--gold); text-shadow: 0 0 25px rgba(227,182,100,.14); }

/* Human accountability layer grounds the futuristic interface. */
.human-accountability {
    width: min(1240px, 100%);
    margin: 62px auto 0;
    display: grid;
    grid-template-columns: 168px minmax(0, 1.05fr) minmax(320px, .95fr);
    gap: 30px;
    align-items: center;
    padding: 26px 30px;
    position: relative;
    z-index: 2;
    border: 1px solid rgba(128, 215, 221, .28);
    border-radius: 12px;
    background:
        linear-gradient(120deg, rgba(57,244,241,.055), transparent 35%),
        linear-gradient(160deg, rgba(46,67,77,.78), rgba(12,27,35,.82));
    box-shadow: inset 0 1px rgba(255,255,255,.04), 0 26px 65px rgba(0,0,0,.31);
    overflow: hidden;
}
.human-accountability::before {
    content: "HUMAN_REVIEW.ACTIVE";
    position: absolute;
    right: 18px;
    top: 12px;
    color: rgba(121, 236, 239, .22);
    font: 700 .55rem var(--font-tech);
    letter-spacing: .13em;
}
.founder-portrait {
    width: 150px;
    aspect-ratio: 1;
    position: relative;
    border-radius: 50%;
    padding: 5px;
    border: 1px solid rgba(107,250,247,.54);
    background: rgba(57,244,241,.035);
    box-shadow: 0 0 28px rgba(57,244,241,.16), inset 0 0 18px rgba(57,244,241,.06);
}
.founder-portrait img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    border-radius: inherit;
    display: block;
    filter: saturate(.78) contrast(1.03);
}
.founder-portrait > span {
    position: absolute;
    left: 50%;
    bottom: -9px;
    transform: translateX(-50%);
    white-space: nowrap;
    padding: 4px 7px;
    border: 1px solid rgba(227,182,100,.38);
    border-radius: 3px;
    background: #17232d;
    color: var(--gold);
    font: 700 .42rem var(--font-tech);
    letter-spacing: .09em;
}
.human-review-copy h3 {
    margin: 6px 0 10px;
    color: var(--cyan-soft);
    font: 700 clamp(1.65rem, 2.4vw, 2.55rem)/1 var(--font-tech);
    letter-spacing: -.015em;
}
.human-review-copy > p:not(.section-index) {
    margin: 0;
    max-width: 670px;
    color: #b1c1c6;
    font-size: .81rem;
    line-height: 1.65;
}
.founder-signature {
    display: inline-block;
    margin-top: 8px;
    color: #f0f7f7;
    font: 400 2rem/1 var(--font-note);
    transform: rotate(-3deg);
}
.founder-role {
    display: block;
    margin-top: 2px;
    color: #7f9aa2;
    font: 700 .51rem var(--font-tech);
    letter-spacing: .13em;
}
.human-review-points {
    display: grid;
    gap: 13px;
    padding-left: 28px;
    border-left: 1px solid rgba(175,215,222,.14);
}
.human-review-points > div {
    display: grid;
    grid-template-columns: 26px 1fr;
    gap: 10px;
    align-items: start;
}
.human-review-points > div > span {
    width: 24px;
    height: 24px;
    display: grid;
    place-items: center;
    border: 1px solid rgba(57,244,241,.55);
    border-radius: 50%;
    color: var(--cyan);
    font: 700 .68rem var(--font-tech);
    box-shadow: inset 0 0 9px rgba(57,244,241,.05);
}
.human-review-points p {
    margin: 0;
    color: #899fa6;
    font-size: .67rem;
    line-height: 1.45;
}
.human-review-points strong {
    display: block;
    margin-bottom: 2px;
    color: #d9e8eb;
    font-size: .72rem;
}

@media (max-width: 1120px) {
    .proof-strip { grid-template-columns: 1.1fr .9fr; }
    .proof-logos { grid-column: 1 / -1; grid-template-columns: auto 1fr; align-items: center; }
    .human-accountability { grid-template-columns: 150px 1fr; }
    .human-review-points { grid-column: 1 / -1; grid-template-columns: repeat(3, 1fr); padding: 21px 0 0; border-left: 0; border-top: 1px solid rgba(175,215,222,.14); }
}

@media (max-width: 760px) {
    .proof-strip { grid-template-columns: 1fr; padding: 24px 22px; gap: 20px; }
    .proof-facts { border: 1px solid rgba(186,225,231,.12); }
    .proof-facts div { padding: 12px; }
    .proof-logos { grid-column: auto; grid-template-columns: 1fr; }
    .logo-cloud { grid-template-columns: repeat(5, minmax(70px, 1fr)); overflow-x: auto; padding-bottom: 7px; scrollbar-width: thin; }
    .client-logo { min-width: 74px; }
    .offer-card-action { left: 24px; bottom: 17px; }
    .offer-card-status { top: 14px; right: 16px; }
    .human-accountability { grid-template-columns: 1fr; justify-items: center; text-align: center; padding: 31px 22px; }
    .human-review-copy > p:not(.section-index) { max-width: 590px; }
    .human-review-points { grid-template-columns: 1fr; width: 100%; text-align: left; }
    .founder-role { margin-top: 5px; }
}

@media (max-width: 480px) {
    .proof-primary { grid-template-columns: 44px 1fr; }
    .proof-shield { width: 42px; height: 48px; }
    .proof-facts { grid-template-columns: 1fr; }
    .proof-facts div { border-right: 0; border-bottom: 1px solid rgba(186,225,231,.10); }
    .proof-facts div:last-child { border-bottom: 0; }
    .offer-card-action { right: 24px; width: calc(100% - 48px); }
    .offer-card .main-sheet { padding-bottom: 82px; }
    .offer-card .blueprint-stamp { display: none; }
    .human-accountability::before { display: none; }
}

@media (prefers-reduced-motion: reduce) {
    .offer-card-status i { animation: none !important; }
}

.brief-form input[type="date"] { color-scheme: dark; }


/* ================================================================
   V2.5 OUTCOME-LED CTA, UNIFIED PRICING + READABILITY
   ================================================================ */

/* The primary action now promises the outcome, with risk reversal immediately below it. */
.hero-primary-cta {
    min-height: 62px;
    padding-inline: 30px;
    font-size: .98rem;
    letter-spacing: .045em;
}
.hero-cta-proof {
    margin: 11px 0 0;
    color: #d7e3e6;
    font: 600 .72rem/1.4 var(--font-main);
    letter-spacing: .015em;
}
.hero-cta-proof span { color: var(--cyan); padding-inline: 6px; }

/* High-readability body copy in the two most explanation-heavy sections. */
.section-heading > p:last-child,
.lab-copy > p:not(.section-index),
.process-card header p,
.test-list p,
.pricing-card-summary {
    color: #d1d5db;
}
.process-card header p,
.test-list p { line-height: 1.55; }

/* Replace the split price/argument layout with one coherent buying container. */
.pricing-section-unified {
    display: block;
    padding: 112px 68px;
    position: relative;
}
.pricing-section-unified::before {
    content: "";
    position: absolute;
    inset: 8% 8% 5%;
    pointer-events: none;
    background: radial-gradient(circle at 50% 42%, rgba(57,244,241,.095), transparent 58%);
    filter: blur(24px);
}
.pricing-card-unified {
    position: relative;
    z-index: 1;
    max-width: 1180px;
    margin: 0 auto;
    padding: 38px 40px 34px;
    overflow: hidden;
    border: 1px solid rgba(83, 252, 248, .58);
    border-radius: 14px;
    background:
        linear-gradient(145deg, rgba(47,78,91,.68), rgba(11,28,37,.94) 58%),
        rgba(8,22,29,.92);
    box-shadow:
        0 0 30px rgba(57,244,241,.17),
        0 28px 70px rgba(0,0,0,.35),
        inset 0 1px 0 rgba(255,255,255,.08),
        inset 0 0 48px rgba(57,244,241,.035);
}
.pricing-card-unified::before,
.pricing-card-unified::after {
    content: "";
    position: absolute;
    pointer-events: none;
}
.pricing-card-unified::before {
    inset: 0;
    opacity: .22;
    background-image:
        linear-gradient(rgba(97,230,234,.11) 1px, transparent 1px),
        linear-gradient(90deg, rgba(97,230,234,.11) 1px, transparent 1px);
    background-size: 34px 34px;
    mask-image: linear-gradient(135deg, #000, transparent 72%);
}
.pricing-card-unified::after {
    width: 42%;
    height: 2px;
    top: 0;
    left: 8%;
    background: var(--cyan);
    box-shadow: 0 0 16px var(--cyan);
}
.pricing-card-signal,
.pricing-card-head,
.pricing-card-divider,
.pricing-card-body,
.pricing-card-action-row { position: relative; z-index: 1; }
.pricing-card-signal {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    margin-bottom: 25px;
    color: #91abb2;
    font: 700 .58rem var(--font-tech);
    letter-spacing: .13em;
}
.pricing-card-signal i {
    width: 7px;
    height: 7px;
    border-radius: 50%;
    background: #60f0bd;
    box-shadow: 0 0 10px #60f0bd;
    animation: pricingSignal 1.8s ease-in-out infinite;
}
.pricing-card-head {
    display: grid;
    grid-template-columns: minmax(0, 1fr) auto;
    gap: 56px;
    align-items: start;
}
.pricing-card-head h2 {
    margin: 8px 0 17px;
    max-width: 760px;
    color: #f4ffff;
    font: 700 clamp(2.55rem, 4.8vw, 4.85rem)/.94 var(--font-tech);
    letter-spacing: -.04em;
}
.pricing-card-summary {
    max-width: 700px;
    margin: 0;
    font-size: 1rem;
    line-height: 1.7;
}
.pricing-card-price {
    min-width: 230px;
    padding: 20px 22px 18px;
    border: 1px solid rgba(102,247,245,.33);
    border-radius: 9px;
    background: rgba(4,20,27,.58);
    box-shadow: inset 0 0 24px rgba(57,244,241,.045), 0 0 22px rgba(57,244,241,.08);
    text-align: right;
}
.pricing-card-price > span,
.pricing-card-price small {
    display: block;
    color: #8aa4ac;
    font: 700 .58rem var(--font-tech);
    letter-spacing: .12em;
}
.pricing-card-price strong {
    display: block;
    color: #fff;
    font: 700 5.1rem/.86 var(--font-tech);
    letter-spacing: -.055em;
    text-shadow: 0 0 25px rgba(57,244,241,.18);
}
.pricing-card-price sup { font-size: 2rem; vertical-align: 1.2rem; color: var(--cyan); }
.pricing-card-price small { margin-top: 10px; }
.pricing-card-divider {
    height: 1px;
    margin: 30px 0;
    background: linear-gradient(90deg, rgba(57,244,241,.65), rgba(187,226,232,.14) 72%, transparent);
}
.pricing-card-divider span {
    position: absolute;
    width: 9px;
    height: 9px;
    left: 35%;
    top: -4px;
    border-radius: 50%;
    background: var(--cyan);
    box-shadow: 0 0 11px var(--cyan);
}
.pricing-card-body {
    display: grid;
    grid-template-columns: minmax(0, 1.35fr) minmax(310px, .72fr);
    gap: 52px;
    align-items: stretch;
}
.pricing-card-deliverables > p {
    margin: 0 0 17px;
    color: var(--cyan-soft);
    font: 700 .7rem var(--font-tech);
    letter-spacing: .11em;
}
.pricing-card-deliverables ul { list-style: none; padding: 0; margin: 0; display: grid; gap: 9px; }
.pricing-card-deliverables li {
    display: grid;
    grid-template-columns: 30px 1fr;
    gap: 11px;
    align-items: start;
    padding: 12px 14px;
    border: 1px solid rgba(186,224,230,.14);
    border-radius: 6px;
    background: rgba(6,24,31,.43);
}
.pricing-card-deliverables li > span {
    width: 25px;
    height: 25px;
    display: grid;
    place-items: center;
    border: 1px solid rgba(57,244,241,.58);
    border-radius: 50%;
    color: var(--cyan);
    box-shadow: inset 0 0 11px rgba(57,244,241,.08);
}
.pricing-card-deliverables li div { display: grid; gap: 4px; }
.pricing-card-deliverables strong { color: #edfafa; font-size: .91rem; }
.pricing-card-deliverables small { color: #b9c7cb; font-size: .74rem; line-height: 1.45; }
.pricing-card-outcome {
    border-left: 1px solid rgba(102,227,232,.22);
    padding-left: 30px;
    display: grid;
    align-content: center;
}
.pricing-card-outcome > div {
    display: grid;
    grid-template-columns: 62px 1fr;
    gap: 14px;
    align-items: start;
    padding: 17px 0;
    border-bottom: 1px solid rgba(185,220,226,.12);
}
.pricing-card-outcome > div:last-child { border-bottom: 0; }
.pricing-card-outcome > div > span {
    color: var(--gold);
    font: 700 1.45rem/1 var(--font-tech);
}
.pricing-card-outcome p { margin: 0; color: #bdcbd0; font-size: .75rem; line-height: 1.48; }
.pricing-card-outcome p strong {
    display: block;
    margin-bottom: 4px;
    color: #effafb;
    font: 700 .68rem var(--font-tech);
    letter-spacing: .08em;
}
.pricing-card-action-row {
    display: flex;
    align-items: center;
    gap: 24px;
    margin-top: 30px;
    padding-top: 28px;
    border-top: 1px solid rgba(187,225,231,.16);
}
.pricing-card-cta {
    flex: 0 1 580px;
    min-height: 64px;
    font-size: 1rem;
    letter-spacing: .055em;
}
.pricing-card-action-row > p {
    margin: 0;
    color: #d3dfe2;
    font-size: .72rem;
    line-height: 1.45;
}
.pricing-card-action-row > p span { color: var(--cyan); padding-inline: 4px; }

/* Replace robotic portal language while preserving the visual system. */
.inquiry-portal .portal-inner h3 {
    max-width: 390px;
    color: #f0fbfc;
}
.inquiry-portal .portal-inner > p { color: #cbd8dc; line-height: 1.55; }
.portal-submit span { letter-spacing: .065em; }

@media (max-width: 980px) {
    .pricing-section-unified { padding: 92px 38px; }
    .pricing-card-head { grid-template-columns: 1fr; gap: 24px; }
    .pricing-card-price { width: min(100%, 360px); text-align: left; }
    .pricing-card-body { grid-template-columns: 1fr; gap: 28px; }
    .pricing-card-outcome { border-left: 0; border-top: 1px solid rgba(102,227,232,.22); padding: 14px 0 0; }
}
@media (max-width: 680px) {
    .pricing-section-unified { padding: 74px 18px; }
    .pricing-card-unified { padding: 27px 18px 24px; border-radius: 10px; }
    .pricing-card-head h2 { font-size: clamp(2.35rem, 12vw, 3.15rem); }
    .pricing-card-price { min-width: 0; width: 100%; }
    .pricing-card-price strong { font-size: 4.45rem; }
    .pricing-card-body { gap: 22px; }
    .pricing-card-deliverables li { grid-template-columns: 27px 1fr; padding: 11px 10px; }
    .pricing-card-outcome > div { grid-template-columns: 55px 1fr; }
    .pricing-card-action-row { display: grid; gap: 12px; }
    .pricing-card-cta { width: 100%; min-height: 62px; font-size: .88rem; }
    .hero-actions { gap: 10px; }
    .hero-cta-proof { font-size: .68rem; }
}

@media (prefers-reduced-motion: reduce) {
    .pricing-card-signal i { animation: none!important; }
}

/* Version 2.6: price alignment and zero-obligation booking reassurance. */
.pricing-card-price strong {
    display: inline-flex;
    align-items: flex-start;
    justify-content: flex-end;
    gap: .18rem;
    width: 100%;
    line-height: 1;
}
.pricing-card-price .pricing-currency {
    flex: 0 0 auto;
    margin-top: .62rem;
    color: var(--cyan);
    font: 700 2rem/1 var(--font-tech);
    letter-spacing: -.03em;
    text-shadow: 0 0 16px rgba(57,244,241,.25);
}
.pricing-card-price .pricing-amount {
    color: #fff;
    font: 700 5.1rem/.86 var(--font-tech);
    letter-spacing: -.055em;
}
.pricing-card-price sup { display: none; }

.modal-obligation-note {
    grid-template-columns: auto minmax(0, 1fr);
    gap: 8px;
    align-items: start;
    margin: -2px 0 0;
    padding: 10px 11px;
    border: 1px solid rgba(174,197,204,.14);
    border-radius: 5px;
    background: rgba(255,255,255,.025);
    color: #b8c5ca;
    font: 500 .66rem/1.5 var(--font-body);
}
.modal-obligation-note > span {
    display: inline-block;
    filter: grayscale(1);
    opacity: .82;
    transform: translateY(1px);
}

@media (max-width: 700px) {
    .pricing-card-price .pricing-currency { margin-top: .48rem; font-size: 1.65rem; }
    .pricing-card-price .pricing-amount { font-size: 4.45rem; }
    .modal-obligation-note { font-size: .7rem; line-height: 1.48; }
}

/* v2.7: real founder image and useful audience-fit proof in place of temporary logos */
.proof-audiences { position: relative; z-index: 1; min-width: 0; display: grid; gap: 8px; }
.proof-audiences-label { font: 700 .56rem var(--font-tech); letter-spacing: .14em; color: #8ea7ae; }
.audience-cloud { display: grid; grid-template-columns: repeat(2,minmax(110px,1fr)); gap: 7px; }
.audience-chip { min-height: 33px; display: flex; align-items: center; gap: 8px; padding: 7px 9px; border: 1px solid rgba(105,205,214,.18); background: rgba(35,63,75,.22); color: #dcebed; font: 700 .58rem var(--font-tech); letter-spacing: .055em; white-space: nowrap; }
.audience-chip i { display: grid; place-items: center; width: 21px; height: 21px; border: 1px solid rgba(57,244,241,.45); color: var(--cyan-soft); font-style: normal; font-size: .48rem; background: rgba(57,244,241,.06); }
.founder-portrait img { object-position: 50% 34%; }
@media (max-width: 1180px) { .proof-audiences { grid-column: 1 / -1; grid-template-columns: auto 1fr; align-items:center; } .audience-cloud { grid-template-columns: repeat(4,minmax(100px,1fr)); } }
@media (max-width: 720px) { .proof-audiences { grid-template-columns: 1fr; } .audience-cloud { grid-template-columns: repeat(2,minmax(0,1fr)); } .audience-chip { white-space: normal; } }