:root {
  --bg:#e9eee5; --surface:#f8f6ee; --ink:#102f32; --muted:#58706a; --line:#a9b9ae;
  --line-strong:#174b43; --red:#ed722b; --red-dark:#c74b1d; --blue:#176c61;
  --cyan:#78b7a2; --green:#2c8067; --navy:#092f38; --soft-blue:#d1e4db;
  --soft-red:#f7dcc5; --radius:18px; --shadow:0 18px 46px rgba(17,64,56,.15);
}
body { color:var(--ink); background:#e9eee5; background-image:radial-gradient(circle at 20% 20%,rgba(31,108,94,.06) 0 2px,transparent 2px),linear-gradient(rgba(21,72,65,.035) 1px,transparent 1px),linear-gradient(90deg,rgba(21,72,65,.035) 1px,transparent 1px); background-size:32px 32px,64px 64px,64px 64px; }
.site-header { background:rgba(248,246,238,.95); border-bottom:1px solid #829d91; box-shadow:0 7px 28px rgba(17,64,56,.09); }
.logo-mark { border-radius:50% 50% 50% 0; background:#ed722b; transform:rotate(-45deg); box-shadow:inset 0 0 0 3px rgba(120,42,15,.16); }
.logo-mark svg { transform:rotate(45deg); }.logo small { color:#ed722b; font:700 8px Consolas,monospace; letter-spacing:.16em; }
.nav-links a { color:#254941; font:700 11px Consolas,monospace; }.nav-links a:hover,.nav-links a[aria-current="page"]{color:#df5e22}
.nav-cta,.btn { border:1px solid #cf541f; border-radius:999px; color:#fff; background:#ed722b; box-shadow:0 8px 22px rgba(202,80,27,.24); font-weight:800; }
.btn:hover,.nav-cta:hover { color:#fff; background:#ca4d1b; transform:translateY(-2px); }.btn-secondary{color:#174b43;background:#f8f6ee;border-color:#739487}
.hero { min-height:880px; color:#fff; background:#082f38; border-bottom:9px solid #ed722b; overflow:hidden; }
.hero::before { content:""; position:absolute; inset:0; opacity:.28; background:radial-gradient(circle at 20% 24%,#73c09e 0 4px,transparent 5px),radial-gradient(circle at 72% 58%,#ef7c36 0 5px,transparent 6px),repeating-radial-gradient(ellipse at 65% 43%,transparent 0 42px,rgba(126,193,166,.14) 43px 44px); }
.hero::after { content:""; position:absolute; left:0; right:0; bottom:0; height:9px; background:repeating-linear-gradient(90deg,#ed722b 0 50px,#f7a13e 50px 100px,#f5e4c5 100px 150px); }
.hero-grid { padding-top:140px; gap:7%; }
.live-badge { border:1px solid #69b895; border-radius:999px; color:#a9dac5; background:#123f45; font:700 10px Consolas,monospace; }
.live-dot { border-radius:50% 50% 50% 0; background:#ed722b; transform:rotate(-45deg); box-shadow:none; }
h1,.title { font-family:"Arial Narrow","Microsoft YaHei",sans-serif; font-weight:900; letter-spacing:-.045em; }
h1{font-size:clamp(58px,6.5vw,108px);line-height:.94}h1 span{color:#f5a450}
.hero-copy p{color:#bfd9ce;border-left:4px solid #ed722b;padding-left:18px}.trust-row{color:#99c0b0;font-family:Consolas,monospace}.trust-row span::before{border-radius:50%;background:#ed722b}
.app-window { border:8px solid #f4f0e4; border-radius:22px; background:#123c43; box-shadow:18px 20px 0 rgba(1,19,25,.48); transform:rotate(1deg); }
.app-window::before { content:"ROUTE ACTIVE"; position:absolute; z-index:3; top:55px; right:-18px; padding:8px 12px; border-radius:999px; color:#fff; background:#ed722b; font:800 9px Consolas,monospace; }
.app-window img{border-radius:14px}.window-bar{background:#f4f0e4;border-color:#9eb2a8}.window-status{color:#176c61;font-family:Consolas,monospace}
.presence-card{border:1px solid #76998a;border-radius:12px;color:#153e39;background:#f8f6ee;box-shadow:7px 7px 0 rgba(5,42,44,.24)}.presence-card small{color:#637b74}.presence-avatars span{border-radius:50% 50% 50% 0;background:#176c61}
.timezone-bar{margin:0;background:#f4f0e4;border:0;border-bottom:1px solid #829d91}.procurement-flow{border:1px solid #749286;border-radius:16px;background:#fbfaf4;box-shadow:var(--shadow)}
.procurement-step{border-right:1px dashed #89a197;color:#183d37;background:transparent}.procurement-step:last-child{border:0}.procurement-step:not(:last-child)::after{content:"→";color:#ed722b}
.procurement-step small,.eyebrow{color:#d75620;font-family:Consolas,monospace;font-weight:800}.procurement-step span{color:#637b73}
.section{padding-block:112px;border-bottom:1px dashed #8ca298}.section-white{background:rgba(248,246,238,.88)}
.section-dark{margin-inline:2%;border-radius:28px;color:#fff;background:#0a343b;box-shadow:0 25px 60px rgba(9,47,56,.2)}
.section-dark::before{content:"";position:absolute;inset:0;border-radius:inherit;opacity:.18;background:repeating-radial-gradient(ellipse at 45% 70%,transparent 0 45px,#89c0aa 46px 47px)}
.section-head{border-bottom:3px solid #176c61}.section-dark .section-head{border-color:#71b49a}.eyebrow::before{border-radius:50% 50% 50% 0;background:#ed722b;transform:rotate(-45deg);box-shadow:none}
.title span{color:#176c61}.section-dark .title span{color:#8bd0b4}.intro{color:#60766f}.section-dark .intro{color:#b3d0c4}
.feature-grid{gap:16px}.feature-card{border:1px solid #89a398;border-radius:16px;background:rgba(250,248,241,.9);box-shadow:7px 8px 0 #cad8d0}
.feature-card::after{content:"↗";position:absolute;right:20px;bottom:15px;color:#df5b20;font-size:20px}.feature-card:hover{transform:translateY(-6px);border-color:#176c61;box-shadow:10px 12px 0 #b8cdc2}
.feature-icon,.feature-card:nth-child(2) .feature-icon,.feature-card:nth-child(5) .feature-icon{border-radius:50% 50% 50% 0;color:#fff;background:#176c61;transform:rotate(-45deg)}.feature-icon{font-size:0}.feature-icon::after{content:"•";font-size:30px;transform:rotate(45deg);display:block}.card-presence{color:#d65520;font-family:Consolas,monospace}
.collab-media{border:1px solid #739487;border-radius:20px;background:#123f45;box-shadow:13px 14px 0 #bfd1c7}.collab-media img{border:0;border-radius:19px;box-shadow:none}
.floating-note{border:1px solid #78988a;border-radius:12px;box-shadow:6px 6px 0 #b7cbbf}.floating-note span{color:#d65520}.check-list li::before{border-radius:50% 50% 50% 0;background:#176c61}
.download-grid{gap:15px}.download-card{border:1px solid #6b9383;border-radius:16px;background:rgba(21,67,69,.88);box-shadow:7px 8px 0 #041d23}.platform{border-radius:50% 50% 50% 0;color:#fff;background:#ed722b}
.scene-grid,.quotes{gap:16px}.scene-card,.quote{border:1px solid #89a398;border-radius:16px;background:rgba(249,247,240,.9);box-shadow:7px 8px 0 #c8d6cf}.scene-card:not(:first-child){background:#dfebe4}.scene-graphic{border-radius:16px;background:linear-gradient(135deg,#d8e6df 0 45%,#ed722b 46% 52%,#b5d3c4 53%)}.scene-graphic::before,.scene-graphic::after{border-radius:50% 50% 50% 0;background:#176c61}
.avatar{border-radius:50% 50% 50% 0;background:#176c61}.quote:nth-child(2) .avatar{background:#ed722b}.quote:nth-child(3) .avatar{background:#0a343b}
.pricing{gap:16px}.price-card{border:1px solid #89a398;border-radius:16px;background:#faf8f1;box-shadow:7px 8px 0 #c8d6cf}.price-card.featured{border-color:#ef7b35;color:#fff;background:#0d4a46;box-shadow:10px 12px 0 #ed722b;transform:translateY(-9px)}.plan{border-radius:999px;background:#176c61}.featured .plan{color:#153e39;background:#f5a450}
.faq-item{border-color:#78958a}.faq-question b{border-radius:50% 50% 50% 0;background:#ed722b}.cta-panel{border:1px solid #789589;border-radius:22px;color:#fff;background:#0d4a46;box-shadow:10px 12px 0 #ed722b}
.page-hero{min-height:640px;color:#fff;background:#082f38;border-bottom:9px solid #ed722b}.page-hero p{color:#bad5c8}.page-media{border:8px solid #f4f0e4;border-radius:22px;box-shadow:13px 14px 0 rgba(0,25,29,.42)}
.download-row,.help-card,.help-nav,.search-box,.requirement{border:1px solid #87a096;border-radius:15px;background:rgba(250,248,241,.92);box-shadow:6px 7px 0 #c4d4cb}.download-row .platform{background:#ed722b}.help-nav a{border-radius:999px}.help-nav a:hover{color:#fff;background:#176c61}.help-card:hover{border-color:#176c61;box-shadow:9px 10px 0 #b6cabf}.article-num,.article>span:last-child{color:#dc5b21}
.route-strip{position:relative;z-index:3;display:flex;align-items:center;justify-content:center;gap:18px;margin-top:-26px;padding:17px 24px;border:1px solid #789589;border-radius:999px;background:#faf8f1;box-shadow:0 14px 35px rgba(12,57,52,.15)}.route-strip a{color:#174b43;font:800 11px Consolas,monospace}.route-strip span{color:#ed722b}
.site-footer{background:#072b32;border-top:9px solid #ed722b}
@media(max-width:980px){.site-header .nav-links{background:#f8f6ee;border-color:#789589}.app-window{transform:none}}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{animation:none!important;transition:none!important}}
/* Hero media integrity — final cascade guard */
.hero-grid{align-items:center}.hero-visual{align-self:center;height:auto;margin-block:0;padding:0;overflow:visible}.hero-visual .app-window{align-self:center;height:auto;margin-block:0;padding:0;overflow:visible}.hero-visual img{display:block;width:100%;height:auto;min-height:0;max-height:none;margin:0;padding:0;object-fit:contain;object-position:center;clip-path:none}