:root{--bg:#e8dfcf;--surface:#f6eedf;--ink:#202d3e;--muted:#6d695f;--line:#b8aa92;--line-strong:#213b59;--red:#7c2634;--red-dark:#551b28;--blue:#213b59;--cyan:#78958e;--green:#476f68;--navy:#14283f;--soft-blue:#d6dfdc;--soft-red:#ead4d0;--radius:10px;--shadow:0 18px 42px rgba(50,35,27,.18)}
body{color:var(--ink);background:#e8dfcf;background-image:radial-gradient(rgba(92,70,43,.1) .7px,transparent .7px);background-size:5px 5px;font-family:Georgia,"Microsoft YaHei",serif}
.site-header{background:rgba(246,238,223,.95);border-top:7px solid #7c2634;border-bottom:1px solid #9d8c72;box-shadow:0 8px 26px rgba(55,39,29,.12)}.logo-mark{border-radius:4px;color:#d9b96f;background:#213b59;box-shadow:inset 0 0 0 2px #b79857}.logo small{color:#7c2634;font:800 8px Consolas,monospace;letter-spacing:.16em}.nav-links a{color:#3b4551;font:800 10px Consolas,monospace}.nav-links a:hover,.nav-links a[aria-current=page]{color:#7c2634}
.nav-cta,.btn{border:1px solid #4e1925;border-radius:4px;color:#f8eedc;background:#7c2634;box-shadow:4px 4px 0 #4e1925;font-family:Arial,"Microsoft YaHei",sans-serif;font-weight:900}.btn:hover,.nav-cta:hover{color:#fff;background:#5e1d2a;transform:translate(2px,2px);box-shadow:2px 2px 0 #4e1925}.btn-secondary{color:#213b59;background:#f5ead5;border-color:#213b59}
.hero{min-height:890px;color:#f5ead7;background:#152b45;border-bottom:12px solid #7c2634;overflow:hidden}.hero::before{content:"";position:absolute;inset:0;opacity:.19;background:repeating-radial-gradient(circle at 76% 34%,transparent 0 58px,#d8bb74 59px 61px),linear-gradient(120deg,transparent 0 48%,rgba(213,180,106,.22) 48.3% 48.7%,transparent 49%)}.hero::after{content:"ENTRY / APPROVED";position:absolute;left:4vw;bottom:1.5vw;color:rgba(223,196,135,.06);font:900 clamp(55px,11vw,180px)/1 Georgia,serif;letter-spacing:-.05em}
.hero-grid{padding-top:140px;gap:7%}.live-badge{border:1px solid #b99b63;border-radius:3px;color:#dfc68b;background:#203a58;font:800 10px Consolas,monospace}.live-dot{border:2px solid #dfc68b;border-radius:50%;background:#7c2634;box-shadow:none}
h1,.title{font-family:Georgia,"Times New Roman","STSong",serif;font-weight:900;letter-spacing:-.04em}h1{font-size:clamp(55px,6.3vw,105px);line-height:.96;text-shadow:3px 3px 0 #571d29}h1 span{color:#d9ba73}.hero-copy p{color:#d6c9b2;border-left:5px double #d9ba73;padding-left:18px}.trust-row{color:#b9ab94;font-family:Consolas,monospace}.trust-row span::before{border-radius:50%;background:#bca05f}
.app-window{border:12px solid #6f2933;border-radius:12px;background:#1e334d;box-shadow:15px 17px 0 #0b1a2b;transform:rotate(1deg)}.app-window::before{content:"WPS / MULTI-DEVICE";position:absolute;z-index:3;right:24px;bottom:-18px;padding:10px 14px;border:2px solid #7c2634;border-radius:50%;color:#7c2634;background:#eadfc9;font:800 9px Consolas,monospace;transform:rotate(-8deg)}.app-window img{border-radius:2px}.window-bar{background:#e8dcc4;border-color:#8f8068}.window-status{color:#7c2634;font-family:Consolas,monospace}
.presence-card{border:1px solid #806f57;border-radius:4px;color:#293848;background:#f4ead6;box-shadow:5px 5px 0 #826e52;transform:rotate(-1deg)}.presence-card small{color:#716a5f}.presence-avatars span{border-radius:50%;background:#213b59;border-color:#f4ead6}
.timezone-bar{margin:0;background:#dbcbaa;border:0;border-bottom:1px solid #9e8a68}.procurement-flow{border:1px solid #88785f;border-radius:5px;background:#f4ead6;box-shadow:7px 7px 0 #9d8865}.procurement-step{border-right:1px dashed #9c8a70;color:#293846;background:transparent}.procurement-step:last-child{border:0}.procurement-step:not(:last-child)::after{content:"✈";color:#7c2634}.procurement-step small,.eyebrow{color:#7c2634;font-family:Consolas,monospace;font-weight:900}.procurement-step span{color:#70695f}
.section{padding-block:112px;border-bottom:1px dashed #a89982}.section-white{background:rgba(247,239,222,.86)}.section-dark{margin-inline:2%;border-radius:16px;color:#f3e8d3;background:#17334a;box-shadow:0 22px 55px rgba(25,33,43,.2);border:2px solid #b99a5d}.section-dark::before{content:"";position:absolute;inset:15px;border:1px solid rgba(216,185,115,.32);border-radius:10px;pointer-events:none}
.section-head{border-bottom:4px double #213b59}.section-dark .section-head{border-color:#d3b56f}.eyebrow::before{border:2px solid #7c2634;border-radius:50%;background:transparent;box-shadow:none}.title span{color:#7c2634}.section-dark .title span{color:#d6b96f}.intro{color:#706c64}.section-dark .intro{color:#cfc1aa}
.feature-grid{gap:16px}.feature-card{border:1px solid #9d8a6c;border-radius:5px;background:#f5ead5;box-shadow:6px 7px 0 #b7a486}.feature-card::after{content:"ENTRY";position:absolute;right:18px;bottom:13px;padding:4px 7px;border:2px solid rgba(124,38,52,.5);border-radius:50%;color:#7c2634;font:900 8px Consolas,monospace;transform:rotate(-10deg)}.feature-card:hover{transform:translateY(-5px) rotate(-.4deg);border-color:#7c2634;box-shadow:9px 10px 0 #a48e6d}
.feature-icon,.feature-card:nth-child(2) .feature-icon,.feature-card:nth-child(5) .feature-icon{border-radius:50%;color:#d6b96f;background:#213b59;box-shadow:inset 0 0 0 3px #d6b96f}.card-presence{color:#7c2634;font-family:Consolas,monospace}
.collab-media{border:12px solid #f3e8d2;border-radius:7px;background:#253950;box-shadow:12px 13px 0 #8f7a5b}.collab-media img{border:0;border-radius:0;box-shadow:none}.floating-note{border:1px solid #89775c;border-radius:3px;background:#f3e8d2;box-shadow:5px 5px 0 #9e8968;transform:rotate(-2deg)}.floating-note span{color:#7c2634}.check-list li::before{border-radius:50%;color:#d6b96f;background:#213b59}
.download-grid{gap:14px}.download-card{border:1px solid #b39762;border-radius:6px;background:#213b59;box-shadow:6px 7px 0 #0d1c2c}.download-card::before{content:"DESTINATION";display:block;padding-bottom:12px;border-bottom:1px dashed #a98e58;color:#d9bd7b;font:800 8px Consolas,monospace;letter-spacing:.15em}.platform{border:3px double #d5b86f;border-radius:50%;color:#d9bd7b;background:#172e48}
.scene-grid,.quotes{gap:16px}.scene-card,.quote{border:1px solid #9d8a6d;border-radius:6px;background:#f5ead6;box-shadow:6px 7px 0 #b7a587}.scene-card:not(:first-child){background:#e6dcc9}.scene-graphic{border:1px solid #a38f6f;border-radius:5px;background:radial-gradient(circle at 30% 40%,transparent 0 26px,#7c2634 27px 29px,transparent 30px),linear-gradient(135deg,#d8c7a7,#f4ead7)}.scene-graphic::before,.scene-graphic::after{border:2px solid #213b59;border-radius:50%;background:transparent}
.avatar{border-radius:50%;background:#7c2634;box-shadow:0 0 0 3px #d5b871}.quote:nth-child(2) .avatar{background:#213b59}.quote:nth-child(3) .avatar{background:#476f68}.pricing{gap:16px}.price-card{border:1px solid #9d8a6d;border-radius:6px;background:#f5ead6;box-shadow:6px 7px 0 #b7a587}.price-card.featured{border-color:#b99a5d;color:#f2e6d0;background:#213b59;box-shadow:9px 10px 0 #7c2634;transform:translateY(-9px)}.plan{border-radius:3px;background:#7c2634}.featured .plan{color:#213b59;background:#d8b96e}
.faq-item{border-color:#99866a}.faq-question b{border:2px solid #7c2634;border-radius:50%;color:#7c2634;background:transparent}.cta-panel{border:2px solid #b7985e;border-radius:8px;color:#f3e7d1;background:#7c2634;box-shadow:10px 11px 0 #4b1722}
.page-hero{min-height:650px;color:#f3e8d2;background:#152b45;border-bottom:11px solid #7c2634}.page-hero p{color:#d1c4af}.page-media{border:12px solid #f1e4cc;border-radius:9px;box-shadow:12px 13px 0 #091827}
.download-row,.help-card,.help-nav,.search-box,.requirement{border:1px solid #9a886c;border-radius:5px;background:#f5ead6;box-shadow:5px 6px 0 #b7a587}.download-row .platform{color:#d8bd7c;background:#213b59}.help-nav a{border-radius:3px}.help-nav a:hover{color:#f2e6d1;background:#7c2634}.help-card:hover{border-color:#7c2634;box-shadow:8px 9px 0 #aa9472}.article-num,.article>span:last-child{color:#7c2634}
.passport-strip{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;margin-top:-34px;position:relative;z-index:4}.passport-strip a{padding:18px;border:1px solid #8f7a5d;border-radius:5px;color:#213b59;background:#f4ead6;box-shadow:5px 5px 0 #9c8767;font:900 10px Consolas,monospace;text-align:center}.passport-strip a::before{content:"✦";display:block;margin-bottom:8px;color:#7c2634;font-size:20px}.site-footer{background:#101f32;border-top:10px solid #7c2634}
@media(max-width:980px){.site-header .nav-links{background:#f5ead6;border-color:#8e7b5e}.app-window{transform:none}}@media(max-width:680px){.passport-strip{grid-template-columns:1fr 1fr}}
@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}