:root {
  --bg:#e8d3a8; --surface:#f4e6c8; --ink:#302319; --muted:#705a45;
  --line:#9b754e; --line-strong:#542e25; --red:#b74325; --red-dark:#722b25;
  --blue:#17666a; --cyan:#e29b24; --green:#536b45; --navy:#253f3d;
  --soft-blue:#c2d5c5; --soft-red:#e4b473; --radius:14px; --shadow:0 14px 30px rgba(62,35,20,.18);
}
html { background:#251b16; }
body {
  color:var(--ink);
  background-color:var(--bg);
  background-image:radial-gradient(rgba(71,40,22,.13) .7px,transparent .7px),linear-gradient(90deg,rgba(255,255,255,.12),transparent 50%,rgba(84,46,37,.06));
  background-size:5px 5px,100% 100%;
  font-family:"Trebuchet MS","Microsoft YaHei",sans-serif;
}
body::after { content:""; pointer-events:none; position:fixed; inset:0; z-index:999; opacity:.13; background:url("data:image/svg+xml,%3Csvg viewBox='0 0 160 160' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.85' numOctaves='2' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='.25'/%3E%3C/svg%3E"); }
.site-header { background:rgba(244,230,200,.93); border-top:8px solid var(--red-dark); border-bottom:2px solid var(--line-strong); box-shadow:0 5px 0 rgba(84,46,37,.12); }
.nav { min-height:75px; }
.logo-mark { border-radius:4px; color:#f7e8c7; background:var(--red); box-shadow:inset 0 0 0 3px #7e2d24; }
.logo small { color:var(--red-dark); font:700 8px "Courier New",monospace; letter-spacing:.18em; }
.nav-links a { color:#4b3728; font:700 11px "Courier New",monospace; letter-spacing:.08em; }
.nav-links a:hover,.nav-links a[aria-current="page"] { color:var(--red-dark); }
.nav-cta,.btn { border:2px solid #502d24; border-radius:4px; color:#f8e9c8; background:var(--red); box-shadow:4px 4px 0 #502d24; font-family:"Courier New",monospace; font-weight:900; text-transform:uppercase; }
.btn:hover,.nav-cta:hover { color:#fff5df; background:var(--red-dark); transform:translate(2px,2px); box-shadow:2px 2px 0 #502d24; }
.btn-secondary { color:#3a2a20; background:#e8cb91; }

.hero { min-height:850px; color:#f8e9c8; background:#2f453f; border-bottom:14px solid #b74325; overflow:hidden; }
.hero::before { content:""; position:absolute; inset:0; opacity:.24; background:repeating-linear-gradient(0deg,transparent 0 3px,rgba(0,0,0,.2) 4px),radial-gradient(circle at 12% 30%,#d59d30 0 3px,transparent 4px); }
.hero::after { content:"90"; position:absolute; right:-2vw; bottom:-7vw; font:900 clamp(180px,28vw,420px)/1 Georgia,serif; color:rgba(231,197,135,.05); }
.hero-grid { padding-top:140px; }
.live-badge { border:1px solid #d9b96d; border-radius:3px; color:#f1d78f; background:#253934; font-family:"Courier New",monospace; }
.live-dot { border-radius:50%; background:#e3a92e; box-shadow:0 0 0 4px rgba(227,169,46,.2); }
h1,.title { font-family:Georgia,"Times New Roman","STSong",serif; font-weight:900; letter-spacing:-.045em; }
h1 { font-size:clamp(52px,6.5vw,104px); line-height:.95; text-shadow:4px 4px 0 #722b25; }
h1 span { color:#e4b14d; }
.hero-copy p { color:#ead8b6; border-left:5px solid #d99428; padding-left:18px; }
.trust-row { color:#d6c29a; font-family:"Courier New",monospace; }
.trust-row span::before { border-radius:50%; background:#d99428; }
.app-window { position:relative; border:12px solid #c4a474; border-radius:36px; background:#493b2c; box-shadow:17px 20px 0 #1c2c29; transform:rotate(1.2deg); }
.app-window::before,.app-window::after { content:""; position:absolute; z-index:3; bottom:-55px; width:72px; height:72px; border:12px double #2d2119; border-radius:50%; background:#c79d62; box-shadow:inset 0 0 0 8px #c79d62; }
.app-window::before { left:21%; } .app-window::after { right:21%; }
.app-window img { border-radius:20px; filter:saturate(.85) sepia(.15) contrast(1.03); }
.window-bar { background:#362a20; border-color:#1a2926; }
.window-dots i { border-radius:1px; background:#c98225; }
.window-status { color:#e3cc9d; font-family:"Courier New",monospace; }
.presence-card { border:2px solid #57372a; border-radius:5px; color:#35261d; background:#eed9aa; box-shadow:6px 6px 0 #57372a; }
.presence-card small { color:#70543a; }
.presence-avatars span { border-radius:50%; color:#f3dfb8; background:#17666a; border-color:#eed9aa; }

.timezone-bar { margin:0; background:#d18a27; border:0; border-bottom:7px solid #722b25; }
.procurement-flow { border:3px solid #542e25; border-radius:6px; background:#efcf91; box-shadow:7px 7px 0 #542e25; }
.procurement-step { border-right:2px dashed #9b754e; color:#39261d; background:transparent; }
.procurement-step:last-child { border:0; }
.procurement-step:not(:last-child)::after { color:#8c3025; }
.procurement-step small,.eyebrow { color:var(--red-dark); font-family:"Courier New",monospace; font-weight:900; letter-spacing:.12em; }
.procurement-step span { color:#6b503c; }

.section { padding-block:108px; border-bottom:2px dashed rgba(84,46,37,.38); }
.section-white { background:#f0ddb6; }
.section-dark { margin-inline:auto; border-radius:0; color:#f3dfb7; background:#29443e; border-top:10px solid #b74325; border-bottom:10px solid #d3962e; }
.section-dark::before { content:""; position:absolute; inset:0; pointer-events:none; opacity:.16; background:repeating-linear-gradient(0deg,transparent 0 4px,#000 5px); }
.section-head { border-bottom:4px double var(--line-strong); }
.section-dark .section-head { border-color:#ddb15d; }
.eyebrow::before { border-radius:50%; background:#b74325; box-shadow:0 0 0 4px rgba(183,67,37,.13); }
.title { color:#38261d; }
.title span { color:var(--red); }
.section-dark .title { color:#f2dfb9; }
.section-dark .title span { color:#e4ad3b; }
.intro { color:#705640; }
.section-dark .intro { color:#d8c49d; }
.feature-grid { gap:18px; }
.feature-card { border:2px solid #76513b; border-radius:7px; background:#efd9ad; box-shadow:6px 6px 0 #76513b; }
.feature-card::after { content:"REC"; position:absolute; right:20px; bottom:16px; color:#a53d29; font:900 9px "Courier New",monospace; letter-spacing:.15em; }
.feature-card:hover { transform:translateY(-4px) rotate(-.4deg); border-color:#542e25; box-shadow:9px 10px 0 #542e25; }
.feature-icon,.feature-card:nth-child(2) .feature-icon,.feature-card:nth-child(5) .feature-icon { border-radius:50%; color:#f5e4c4; background:#17666a; box-shadow:inset 0 0 0 5px #efd9ad,0 0 0 2px #17666a; }
.card-presence { color:#8a3025; font-family:"Courier New",monospace; }
.collab-media { background:#3d3024; border:10px solid #b18b5c; border-radius:5px; box-shadow:12px 12px 0 #542e25; }
.collab-media img { border:0; border-radius:0; box-shadow:none; filter:saturate(.8) sepia(.12); }
.floating-note { border:2px solid #542e25; border-radius:3px; background:#f1dba9; box-shadow:5px 5px 0 #542e25; transform:rotate(-2deg); }
.floating-note span { color:#a53d29; }
.check-list li::before { border-radius:50%; color:#f3e0b8; background:#17666a; }

.download-grid { gap:14px; }
.download-card { border:2px solid #cfaa64; border-radius:5px; background:#36534c; box-shadow:5px 5px 0 #152824; }
.download-card::before { content:""; display:block; height:7px; margin:-4px 0 18px; background:repeating-linear-gradient(90deg,#d89b2e 0 18px,#a83d29 18px 36px,#e7d1a5 36px 54px,#17666a 54px 72px); }
.platform { border:3px double #e0bb69; border-radius:50%; color:#f1dbae; background:#253d38; }
.scene-grid,.quotes { gap:20px; }
.scene-card,.quote { border:2px solid #77523b; border-radius:7px; background:#efd9ad; box-shadow:7px 7px 0 #77523b; }
.scene-card:not(:first-child) { background:#e9ca8f; }
.scene-card img { filter:saturate(.78) sepia(.12); }
.scene-graphic { border:2px solid #77523b; border-radius:5px; background:linear-gradient(135deg,#bd472c 0 33%,#d99d2c 33% 66%,#17666a 66%); }
.scene-graphic::before,.scene-graphic::after { border-radius:50%; background:#2c241b; box-shadow:inset 0 0 0 7px #b99563; }
.avatar { border-radius:50%; background:#b74325; box-shadow:0 0 0 3px #efd9ad,0 0 0 5px #77523b; }
.quote:nth-child(2) .avatar { background:#17666a; }.quote:nth-child(3) .avatar { background:#d19328; }
.pricing { gap:16px; }
.price-card { border:2px solid #77523b; border-radius:7px; background:#efd9ad; box-shadow:6px 6px 0 #77523b; }
.price-card.featured { border-color:#542e25; color:#f3dfb7; background:#36534c; box-shadow:9px 9px 0 #542e25; transform:translateY(-10px) rotate(.4deg); }
.plan { border-radius:3px; color:#f3dfb7; background:#a43c29; }
.featured .plan { color:#35261d; background:#e0ab40; }
.faq-item { border-color:#77523b; }
.faq-question b { border-radius:50%; color:#f3dfb7; background:#a43c29; }
.cta-panel { border:3px solid #542e25; border-radius:7px; color:#f5e4c4; background:#a33c29; box-shadow:10px 10px 0 #542e25; }
.page-hero { min-height:620px; color:#f4e1bc; background:#29443e; border-bottom:12px solid #b74325; }
.page-hero::before { content:""; position:absolute; inset:0; opacity:.14; background:repeating-linear-gradient(0deg,transparent 0 4px,#000 5px); }
.page-hero p { color:#decaa4; }
.page-media { border:12px solid #ba9868; border-radius:28px; box-shadow:12px 14px 0 #152824; }
.download-row,.help-card,.help-nav,.search-box,.requirement { border-color:#77523b; border-radius:6px; background:#efd9ad; box-shadow:5px 5px 0 #77523b; }
.download-row .platform { color:#f3dfb7; background:#17666a; }
.help-nav a { border-radius:3px; }
.help-nav a:hover { color:#f3dfb7; background:#a43c29; }
.help-card:hover { border-color:#542e25; box-shadow:8px 8px 0 #542e25; }
.article-num,.article > span:last-child { color:#a43c29; }
.site-footer { color:#e7d4ad; background:#251b16; border-top:10px solid #d29229; }
.site-footer .logo-mark { background:#a43c29; }
@media (max-width:980px) { .site-header .nav-links { background:#f3dfb7; border-color:#542e25; } .app-window { transform:none; } }
@media (max-width:680px) { .procurement-flow { grid-template-columns:1fr; } .procurement-step { border-right:0; border-bottom:2px dashed #9b754e; } }
@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; }