:root { --echo-navy:#071322; --echo-panel:#0c1b2e; --echo-cream:#f8f3e8; --echo-blue:#9dacbf; --echo-line:#233a55; --echo-amber:#ffb44d; --echo-amber-soft:#ffd089; }
.echo-site { background:var(--echo-navy); color:var(--echo-cream); overflow:hidden; }
.echo-site main { overflow-x:hidden; background:radial-gradient(circle at 76% 12%,rgba(34,69,103,.32),transparent 28%),var(--echo-navy); }
.echo-grid { position:fixed; inset:0; pointer-events:none; z-index:-1; opacity:.23; background-image:linear-gradient(rgba(157,172,191,.07) 1px,transparent 1px),linear-gradient(90deg,rgba(157,172,191,.07) 1px,transparent 1px); background-size:56px 56px; }
.echo-header { background:rgba(7,19,34,.88); border-color:rgba(157,172,191,.14); box-shadow:none; }
.echo-header .brand-mark,.echo-footer .footer-mark { background:url("/games/intercept-echo/assets/mark.svg") center/cover no-repeat; color:transparent; font-size:0; }
.echo-header .brand-text { font-size:.82rem; letter-spacing:.22em; }.echo-header .brand-text b { color:var(--echo-amber); }
.echo-header .main-nav a { color:var(--echo-blue); font-size:.78rem; letter-spacing:.08em; text-transform:uppercase; }
.echo-site .section { width:min(calc(100% - 2rem),1180px); }
.echo-hero { min-height:calc(100vh - var(--header-height)); display:grid; grid-template-columns:1fr .82fr; align-items:center; gap:4rem; padding-block:3rem; }
.signal-label { display:flex; align-items:center; gap:.7rem; margin:0 0 1.2rem; color:var(--echo-amber); font-size:.72rem; font-weight:700; letter-spacing:.18em; text-transform:uppercase; }
.signal-label span { width:2.5rem; height:1px; background:var(--echo-amber); box-shadow:0 0 8px var(--echo-amber); }
.echo-wordmark { width:min(620px,100%); margin:0 0 1.4rem; }
.echo-hero h1,.echo-site h2 { font-family:"Space Grotesk",sans-serif; color:var(--echo-cream); letter-spacing:-.045em; }
.echo-hero h1 { max-width:none; margin-bottom:1rem; font-size:clamp(2.6rem,5vw,5.3rem); font-weight:600; }
.echo-lede { max-width:590px; color:var(--echo-blue); font-size:clamp(1.05rem,1.5vw,1.28rem); line-height:1.7; }
.echo-button { display:inline-flex; align-items:center; justify-content:space-between; gap:1.4rem; min-height:3.5rem; padding:.85rem 1.1rem; border:1px solid var(--echo-amber); border-radius:4px; background:var(--echo-amber); color:#071322; font-weight:700; text-decoration:none; box-shadow:0 0 28px rgba(255,180,77,.18); }
.echo-button:hover { background:var(--echo-amber-soft); }.echo-text-link { align-self:center; color:var(--echo-cream); font-weight:600; text-underline-offset:5px; }
.availability { margin-top:1.2rem; color:#71839a; font-size:.78rem; letter-spacing:.04em; }
.echo-device-stage { min-height:650px; position:relative; display:grid; place-items:center; }.radar { position:absolute; inset:5% -15%; display:grid; place-items:center; }
.radar i { position:absolute; width:28%; aspect-ratio:1; border:1px solid rgba(69,103,139,.32); border-radius:50%; }.radar i:nth-child(2){width:48%}.radar i:nth-child(3){width:68%}.radar i:nth-child(4){width:88%}
.phone { margin:0; overflow:hidden; border:1px solid #435873; border-radius:32px; background:#06111f; box-shadow:0 30px 80px rgba(0,0,0,.45); }.phone img { width:100%; height:auto; }
.phone-main { width:min(320px,75vw); position:relative; z-index:2; transform:rotate(2deg); }
.transmission-chip { position:absolute; z-index:3; padding:.75rem .9rem; border:1px solid #344a66; border-radius:3px; background:rgba(9,25,42,.92); box-shadow:0 12px 30px rgba(0,0,0,.32); }
.transmission-chip small { display:block; color:#71839a; font-size:.58rem; letter-spacing:.16em; }.transmission-chip strong { color:var(--echo-cream); font-size:.82rem; letter-spacing:.08em; }
.chip-one { left:0; top:25%; }.chip-two { right:0; bottom:22%; }.chip-two strong { color:var(--echo-amber); }
.mission-strip { display:grid; grid-template-columns:repeat(3,1fr); border-block:1px solid var(--echo-line); background:rgba(12,27,46,.78); padding-inline:max(1rem,calc((100% - 1180px)/2)); }
.mission-strip>div { display:flex; gap:1rem; padding:1.6rem; border-right:1px solid var(--echo-line); }.mission-strip>div:first-child{border-left:1px solid var(--echo-line)}
.mission-strip span { color:var(--echo-amber); font-size:.72rem; font-weight:700; }.mission-strip p { margin:0; color:var(--echo-blue); font-size:.88rem; }.mission-strip b { display:block; margin-bottom:.25rem; color:var(--echo-cream); }
.echo-story { display:grid; grid-template-columns:.85fr 1.15fr; gap:5rem; align-items:start; }.echo-site h2 { max-width:none; font-size:clamp(2.35rem,4.5vw,4.6rem); font-weight:600; }
.story-copy>p:not(.signal-label),.campaign-copy>p:not(.signal-label),.echo-cta>p:not(.signal-label) { color:var(--echo-blue); line-height:1.75; }.operation-list { border-top:1px solid var(--echo-line); }
.operation-list article { display:grid; grid-template-columns:2.5rem 1fr auto; gap:1.2rem; align-items:center; padding:1.5rem 0; border-bottom:1px solid var(--echo-line); }
.operation-list article>b { color:var(--echo-amber); font-size:.72rem; }.operation-list h3 { margin:0 0 .3rem; color:var(--echo-cream); }.operation-list p { margin:0; color:var(--echo-blue); font-size:.92rem; }
.operation-symbol { color:var(--echo-amber); font-size:2rem; font-weight:700; }.bit-row { color:var(--echo-amber); font:600 .72rem ui-monospace,SFMono-Regular,monospace; letter-spacing:.16em; }
.campaign-section { display:grid; grid-template-columns:1.15fr .85fr; gap:6rem; align-items:center; border-top:1px solid var(--echo-line); }.campaign-visual { min-height:600px; position:relative; }
.phone-secondary,.phone-tertiary { position:absolute; width:min(285px,55vw); }.phone-secondary{right:10%;top:0;z-index:2}.phone-tertiary{left:8%;top:14%;transform:rotate(-5deg);opacity:.56}
.campaign-copy ul { list-style:none; margin:2rem 0 0; padding:0; display:grid; grid-template-columns:repeat(3,1fr); border-block:1px solid var(--echo-line); }
.campaign-copy li { padding:1rem .5rem; color:var(--echo-blue); font-size:.78rem; text-transform:uppercase; letter-spacing:.08em; }.campaign-copy li+li{border-left:1px solid var(--echo-line)}.campaign-copy li span{display:block;color:var(--echo-amber);font-size:1.9rem;font-weight:700}
.echo-cta { position:relative; display:grid; justify-items:center; text-align:center; padding-block:7rem; border-top:1px solid var(--echo-line); overflow:hidden; }.echo-cta>img{position:absolute;width:380px;opacity:.08;top:50%;transform:translateY(-50%)}.echo-cta>*:not(img){position:relative}.echo-cta h2{margin-bottom:.5rem}.echo-cta .signal-label{justify-content:center}.echo-cta .echo-button{margin-top:1.5rem}
.echo-footer { background:#050e19; border-top:1px solid var(--echo-line); }.echo-footer a,.echo-footer p{color:var(--echo-blue)}
.field-hero { padding-top:5rem; padding-bottom:2rem; }.field-hero h1{max-width:14ch}.field-hero .echo-lede{max-width:760px}.field-guide{display:grid;grid-template-columns:repeat(3,1fr);gap:1rem;padding-top:1rem}.field-card{padding:1.4rem;border:1px solid var(--echo-line);background:var(--echo-panel)}.field-card>b{color:var(--echo-amber);font-size:.72rem}.field-card h2{font-size:1.7rem;margin:.7rem 0}.field-card p{color:var(--echo-blue)}.register-demo{display:grid;grid-template-columns:repeat(8,1fr);gap:.35rem;margin:1.2rem 0}.register-demo span{display:grid;place-items:center;aspect-ratio:1;border:1px solid #536b88;border-radius:5px;color:var(--echo-cream);font-family:monospace}.register-demo .on{background:var(--echo-amber);border-color:var(--echo-amber);color:var(--echo-navy)}.guide-note{margin-top:1rem;padding:1rem;border-left:3px solid var(--echo-amber);background:rgba(255,180,77,.07);color:var(--echo-blue)}
.subpage-hero { min-height:620px; display:grid; grid-template-columns:1fr .65fr; gap:5rem; align-items:center; }.subpage-hero h1{max-width:12ch}.subpage-phone{width:min(300px,75vw);justify-self:center}.operation-deep-dive{display:grid;gap:1rem;padding-top:1rem}.operation-deep-dive article{display:grid;grid-template-columns:.8fr 1.15fr .85fr;gap:2rem;align-items:center;padding:1.6rem;border-block:1px solid var(--echo-line);background:linear-gradient(90deg,rgba(12,27,46,.8),rgba(12,27,46,.25))}.operation-deep-dive header>b{color:var(--echo-amber);font-size:.72rem;letter-spacing:.12em}.operation-deep-dive h2{margin:.5rem 0 0;font-size:2rem}.operation-deep-dive p{margin:0;color:var(--echo-blue)}.operation-glyph{padding:1.25rem;border:1px solid var(--echo-line);color:var(--echo-cream);font:600 clamp(.78rem,1.6vw,1.05rem) ui-monospace,SFMono-Regular,monospace;letter-spacing:.12em;text-align:center}.operation-glyph span{color:var(--echo-amber);padding-inline:.5rem}
.legal-shell .legal-page{padding-top:4.5rem;padding-bottom:5rem}.legal-shell .legal-page .eyebrow{display:flex;align-items:center;gap:.7rem;color:var(--echo-amber);letter-spacing:.18em}.legal-shell .legal-page .eyebrow::before{content:"";width:2.5rem;height:1px;background:var(--echo-amber);box-shadow:0 0 8px var(--echo-amber)}.legal-shell .legal-page h1{color:var(--echo-cream);font-family:"Space Grotesk",sans-serif;font-size:clamp(2.7rem,5vw,4.8rem);letter-spacing:-.045em}.legal-shell .legal-page h2{margin-top:2.5rem;color:var(--echo-cream);font-size:1.5rem;letter-spacing:-.02em}.legal-shell .legal-page h3{margin-top:1.5rem;color:var(--echo-cream);font-size:1.05rem}.legal-shell .legal-page p,.legal-shell .legal-page li{color:var(--echo-blue)}.legal-shell .legal-page a{color:var(--echo-amber)}.legal-shell .legal-page>p:first-of-type{color:var(--echo-amber)}.legal-shell .btn-ghost{border-color:var(--echo-amber);background:transparent;color:var(--echo-amber)}.echo-footer [aria-current="page"]{color:var(--echo-amber)}.future-social{min-width:1px}
@media(max-width:850px){.echo-hero,.echo-story,.campaign-section,.subpage-hero{grid-template-columns:1fr}.echo-hero{gap:1rem}.echo-device-stage{min-height:560px}.mission-strip{grid-template-columns:1fr}.mission-strip>div{border-left:1px solid var(--echo-line)}.campaign-section{gap:2rem}.campaign-visual{order:2}.field-guide{grid-template-columns:1fr}.operation-deep-dive article{grid-template-columns:1fr}.main-nav{display:none}.menu-toggle{display:block}}
@media(max-width:520px){:root{--footer-height:148px}.echo-site .section{width:min(calc(100% - 1.25rem),1180px)}.echo-hero{padding-top:1.4rem}.echo-device-stage{min-height:500px}.phone-main{width:260px}.operation-list article{grid-template-columns:2rem 1fr}.operation-list article>span{grid-column:2}.campaign-copy ul{grid-template-columns:1fr}.campaign-copy li+li{border-left:0;border-top:1px solid var(--echo-line)}.campaign-visual{min-height:520px}.phone-secondary,.phone-tertiary{width:230px}.echo-footer .footer-utility{display:flex;gap:.35rem 1rem}.echo-footer .footer-top{gap:.4rem}.echo-footer .footer-bottom{margin-top:.4rem;padding-top:.4rem}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.reveal{opacity:1;transform:none;transition:none}}