/* YKZ / ecological technology: raised surfaces, directional light, real landscape. */
:root{--ink:#19344c;--muted:#697f91;--green:#136faf;--green-dark:#105386;--green-soft:#e6f3fb;--line:#d9e5ef;--bg:#eaf1f7;--nav:#091f34;--radius:13px;--cyan:#64d7ff;--scene-x:0px;--scene-y:0px}
body{font-family:"Microsoft YaHei UI","PingFang SC","Segoe UI",sans-serif;background:#eaf1f7;color:var(--ink)}
body.portal{background:radial-gradient(ellipse at 86% 5%,#d4e8f6,transparent 48%),linear-gradient(135deg,#f1f5f8,#e4edf5);background-attachment:fixed}
h1,h2,h3{text-wrap:balance}input,select,textarea{border-color:#c7d8e5;box-shadow:inset 0 2px 4px #14395809;background:#fbfdff}input:focus,select:focus,textarea:focus{outline:2px solid #64b9e5;border-color:#4c99ce;box-shadow:0 0 0 4px #59b5e316}
input::placeholder,textarea::placeholder{color:#8296a8}.brand-logo{width:46px;height:46px;object-fit:contain;border-radius:50%;background:white;box-shadow:0 0 0 3px #a0dfff18,0 0 24px #1cb4ff25;flex-shrink:0}.brand{gap:14px;letter-spacing:2px}.brand small{letter-spacing:1.3px;font-size:8px;color:#84b4d1;margin-top:4px}
.sidebar{background:linear-gradient(160deg,#122e46,#071b2e 65%);box-shadow:7px 0 25px #0a2b4026;border-right:1px solid #31516a}.sidebar .brand small{font-size:7px;letter-spacing:.7px;white-space:nowrap}.sidebar:before{content:'';position:absolute;right:0;top:0;bottom:0;width:1px;background:linear-gradient(transparent,#61d4ff66,transparent);pointer-events:none}.sidebar nav>a{color:#a7c1d5;border:1px solid transparent;transition:transform .2s,box-shadow .2s,background .2s}.sidebar nav>a:hover{background:#1b3f5a;transform:translateX(3px);color:#e0f6ff}.sidebar nav>a.selected{background:linear-gradient(120deg,#265875,#153a55);border-color:#44718c;box-shadow:inset 0 1px #a5e1ff36,inset 3px 0 #6ddaff,0 5px 12px #0003;color:#effcff}.workspace-label,.nav-label{color:#85a9c3}.sidebar-bottom{border-color:#25445b;color:#a0c7df}.sidebar-bottom small{color:#779db6}.live-dot{background:#63d2ff;box-shadow:0 0 8px #54caff}
.topbar{background:#f8fcfff0;box-shadow:0 4px 16px #24486c0b;border-bottom-color:#cfdfec}.avatar{background:linear-gradient(140deg,#effcff,#c3e3f5);box-shadow:inset 0 1px white,0 3px 7px #36648c20;color:#1c6697}.crumb{color:#6e8aa2}.account .text-button{padding:5px 9px}.page-heading h1{font-weight:650}.eyebrow{color:#3c81ae}.panel{border:1px solid #d2e0ec;background:linear-gradient(150deg,#ffffff,#f8fbfe);box-shadow:inset 0 1px #fff,0 3px 0 #cedce7,0 12px 28px #173f5d0b}.panel-heading p{color:#6e879b}
.button,button{transition:transform .18s,box-shadow .18s,background .18s;border-radius:8px;border:1px solid #c4d6e5;background:linear-gradient(#fff,#e5eff7);box-shadow:inset 0 1px #fff,0 3px 0 #a8bdce,0 6px 12px #284f7118;color:#254b6b;position:relative;isolation:isolate}
.button:hover,button:hover{transform:translateY(-2px);background:linear-gradient(#fff,#e4f3ff);box-shadow:inset 0 1px #fff,0 5px 0 #a8bdce,0 10px 18px #20618a25;border-color:#7db6d9}
.button:active,button:active{transform:translateY(2px);box-shadow:inset 0 2px 5px #154e7421,0 1px 0 #9cb7ca,0 2px 4px #1849691a}
.button.primary{background:linear-gradient(145deg,#2597cc,#1169a7);border:1px solid #63b8e3;border-bottom-color:#0f588d;box-shadow:inset 0 1px #b3e9ff77,0 4px 0 #0b4270,0 10px 22px #1376b22e;color:white;text-shadow:0 1px 2px #04457166}
.button.primary:hover{background:linear-gradient(145deg,#3caedb,#1778b5);box-shadow:inset 0 1px #d0f3ff88,0 6px 0 #0b4270,0 13px 28px #159bcd40}
.button.primary:active{background:linear-gradient(145deg,#177fb7,#135c95);box-shadow:inset 0 2px 5px #003c6c66,0 1px 0 #0b4270,0 3px 8px #1376b22e}
.button.danger{background:linear-gradient(#fffaf9,#fae9e5);box-shadow:inset 0 1px white,0 3px 0 #d6aaa0,0 6px 10px #732f1510;border-color:#dbbcb4}.text-button{padding:4px 8px;font-size:11px;border:1px solid #ccdae6;background:linear-gradient(#fff,#edf4fa);box-shadow:inset 0 1px #fff,0 2px 0 #bccedb,0 3px 7px #27466412;min-height:27px}.icon-button{padding:5px 9px}button:disabled{transform:none;box-shadow:inset 0 1px #ffffff33,0 2px 0 #59778b;cursor:wait}
.metric{border-color:#cfdeea;background:linear-gradient(145deg,#fff,#eef6fc);box-shadow:inset 0 1px #fff,0 4px 0 #cadbe7,0 10px 20px #24557a0d;transition:transform .2s,box-shadow .2s}.metric:hover{transform:translateY(-5px);box-shadow:inset 0 1px #fff,0 7px 0 #c1d7e6,0 18px 28px #24557a1c;border-color:#9abfd9}.metric>div{color:#5b7a92}.metric>div>span{color:#287ba9;background:linear-gradient(#f1fbff,#d9edf9);border:1px solid #beddec;box-shadow:inset 0 1px white,0 2px 3px #1b527e13}.metric strong{color:#173d5b}.metric p{color:#6e879a}.quick-panel{background:linear-gradient(145deg,#edf8ff,#dcecf8);border-color:#c4dce9}.quick-panel>a{border-color:#c6dce9}.quick-panel>p,.quick-panel small{color:#6d8aa0}.quick-icon{border-color:#b5d1e3;background:linear-gradient(#fff,#e3f3ff);box-shadow:0 3px 0 #b6d0df}.bar-track{background:#eaf2f8;box-shadow:inset 0 2px 5px #2d59751a}.bar-fill{background:linear-gradient(90deg,#268bb8,#6ec3df);box-shadow:inset 1px 0 #a8e6fa,2px 0 3px #17699722}.stage-col:nth-child(2n) .bar-fill{background:linear-gradient(90deg,#547cb8,#86aadc)}.stage-col>strong{color:#377ca3}
th{background:#edf4f9;color:#668297;border-color:#d5e2ec}td{border-bottom-color:#e0eaf1}tbody tr:hover{background:#f1f8fd}.badge{background:#e5edf5;color:#55728b}.badge.blue{background:#e0f1fc;color:#216c9c}.badge.green{background:#e4f4ee;color:#3b7d6b}.badge.amber{background:#fff0d9;color:#946928}.count,.step{background:#e3f0fa;color:#347fae}.notice{background:#eaf4fc;color:#517b98}.parameter-box{background:#edf5fb;border-color:#dae7f1}.empty-icon{background:linear-gradient(#f0faff,#dbeaf5);box-shadow:inset 0 1px #fff,0 3px 0 #c1d5e5;color:#5089b0}.activity-row{border-color:#deebf3}.tier-card{background:#f0f6fb;border-color:#cfdeea;box-shadow:inset 0 1px white,0 3px 7px #2a527012}.new-tier{background:#e5f2fb}.product-card{border-color:#cbdce8;box-shadow:inset 0 1px white,0 4px 0 #c3d6e4,0 15px 25px #244c7010}.product-card:hover{transform:translateY(-5px);border-color:#91bada}.product-image{background:linear-gradient(145deg,#e0edf7,#f1f8fc)}.product-placeholder{background:radial-gradient(ellipse at 30% 20%,#fff,#e1eef8);color:#83a5bd}.product-placeholder .placeholder-logo{width:100px;height:100px;object-fit:contain;border-radius:50%;opacity:.9;filter:drop-shadow(0 8px 10px #396a9d25)}.product-placeholder.large .placeholder-logo{width:145px;height:145px}.product-category{color:#356c91}.product-bottom{border-color:#dfebf4}.round-arrow{background:linear-gradient(#f1faff,#d7eaf7);box-shadow:0 2px 0 #b5d2e4}.product-gallery>a{background:#f2f7fb;border-color:#d5e5f0}.upload-box{background:#eef7fe;border-color:#95b9d3;color:#4a86ae}.timeline-step.current>span{box-shadow:0 0 0 4px #e3f1fb}.timeline-step:not(:last-child):after{background:#d9e6ef}.flash{box-shadow:0 3px 10px #0a2c3610}footer{color:#7e98ab}
.skip-link{position:fixed;left:20px;top:-70px;z-index:100;padding:10px 16px;background:#fff;border:2px solid #299bc8;color:#134369;border-radius:6px}.skip-link:focus{top:15px}#cursor-trail{position:fixed;inset:0;width:100%;height:100%;pointer-events:none;z-index:80}.motion-toggle{position:fixed;right:20px;bottom:16px;z-index:60;font-size:10px;display:flex;align-items:center;gap:7px;padding:7px 12px;border:1px solid #6eacc46b;background:linear-gradient(#173c53ed,#09293eeb);color:#b9e6fa;box-shadow:inset 0 1px #a0e1ff33,0 3px 0 #06182b,0 7px 20px #03192738;backdrop-filter:blur(12px)}.motion-toggle:hover{background:#1b4961;box-shadow:inset 0 1px #a0e1ff33,0 5px 0 #06182b,0 8px 22px #03192738;border-color:#a1e5fa;color:#fff}.motion-indicator,.signal-dot{display:inline-block;width:5px;height:5px;border-radius:50%;background:#66d4ff;box-shadow:0 0 8px #52bbff;flex-shrink:0}.motion-toggle[aria-pressed=false] .motion-indicator{background:#8299a7;box-shadow:none}
.eco-scene{position:absolute;inset:0;overflow:hidden;pointer-events:none;z-index:0;background:#0d3446;isolation:isolate}.scene-depth{position:absolute;inset:-24px;transform:translate3d(var(--scene-x),var(--scene-y),0);transition:transform 1.5s cubic-bezier(.2,.7,.3,1);will-change:transform}.eco-photo{width:100%;height:100%;background-image:url('ecosystem-wetland.png');background-position:center;background-size:cover;animation:landscape-drift 32s ease-in-out infinite alternate;will-change:transform}.eco-shade{position:absolute;inset:0;background:linear-gradient(90deg,#061b2bd4 0%,#09233768 55%,#06182ca1),linear-gradient(0deg,#041926b3,transparent 60%)}.eco-mist{position:absolute;inset:0;background:radial-gradient(ellipse at 25% 40%,#76d8f911,transparent 50%);animation:mist-flow 18s ease-in-out infinite alternate}.eco-network{position:absolute;inset:0;width:100%;height:100%;opacity:.3}.network-lines{stroke:#81ddff;stroke-width:.8;stroke-dasharray:3 11;animation:network-flow 32s linear infinite}.network-points{fill:#a1eaff;filter:drop-shadow(0 0 5px #55c8ff);animation:signal-breathe 4s ease-in-out infinite alternate}.network-signals{stroke:#81ddff;fill:none;stroke-width:1;animation:signal-breathe 5s ease-in-out infinite alternate}.eco-scan{position:absolute;inset:-30%;background:linear-gradient(115deg,transparent 46%,#88d5ff06 49%,#a9efff17 50%,transparent 53%);animation:scan-pass 14s ease-in-out infinite;mix-blend-mode:screen}.eco-dust{position:absolute;inset:0}.eco-dust i{position:absolute;width:3px;height:3px;background:#b2edff;border-radius:50%;box-shadow:0 0 8px 2px #3fc2f17d;animation:dust-rise 12s ease-in-out infinite;left:12%;top:85%;opacity:0}.eco-dust i:nth-child(2){left:27%;top:76%;animation-delay:-4s}.eco-dust i:nth-child(3){left:43%;top:92%;animation-delay:-8s}.eco-dust i:nth-child(4){left:68%;top:70%;animation-delay:-6s}.eco-dust i:nth-child(5){left:87%;top:90%;animation-delay:-3s}.eco-dust i:nth-child(6){left:54%;top:55%;animation-delay:-10s}.eco-dust i:nth-child(7){left:7%;top:50%;animation-delay:-5s}.eco-dust i:nth-child(8){left:94%;top:53%;animation-delay:-9s}
body.guest{background:#081e2d}.eco-landing{position:relative;min-height:100dvh;display:flex;flex-direction:column;isolation:isolate;margin:0;padding:0;max-width:none;color:#eaf7ff;overflow:hidden}.landing-header{display:flex;justify-content:space-between;align-items:center;gap:20px;position:relative;z-index:2;padding:28px clamp(28px,5vw,82px)}.landing-header .brand{font-size:25px}.landing-header .brand-logo{width:58px;height:58px;box-shadow:0 0 0 5px #e0f6ff0c,0 0 30px #45baf541}.landing-header .brand small{color:#abcee1;font-size:9px;letter-spacing:2px}.landing-wordmark{font-size:11px;letter-spacing:4px;color:#c6deeb;display:flex;align-items:center;gap:14px;border-bottom:1px solid #9adbf53d;padding:0 0 10px}.landing-content{position:relative;z-index:2;flex:1;display:grid;grid-template-columns:minmax(0,1fr) 395px;gap:55px;align-items:center;width:calc(100% - 12vw);max-width:1320px;margin:0 auto;padding:15px 0 28px}.eco-intro{position:relative;padding:8px 0 0;min-width:0}.eco-intro>.eyebrow{color:#aeddf0;font-size:11px;letter-spacing:3px;display:flex;align-items:center;gap:14px;margin-bottom:23px}.eco-intro>.eyebrow>span{width:27px;height:1px;background:#72d6fb;box-shadow:0 0 8px #6ed5ff}.eco-intro h1{font-size:clamp(40px,4.7vw,70px);letter-spacing:1px;font-weight:600;line-height:1.38;color:#f5fbff;margin-bottom:24px;text-shadow:0 3px 20px #0617254d}.eco-intro h1 em{font-style:normal;color:#c5efff}.eco-intro>p{font-size:13px;color:#bbd3df;line-height:2.15;margin-bottom:24px;max-width:470px}.eco-capabilities{display:flex;align-items:center;gap:20px;color:#d4eaf5;font-size:11px;letter-spacing:2px}.eco-capabilities i{height:13px;width:1px;background:#afd7ed45}.eco-beacon{position:relative;width:260px;height:150px;margin:14px 0 0 12px;perspective:650px;pointer-events:none}.beacon-orbit{position:absolute;inset:-30px 20px;border:1px solid #83dbff61;border-top:2px solid #97e2ff;border-radius:50%;transform:rotateX(68deg) rotateZ(0);animation:orbit-spin 22s linear infinite;box-shadow:0 0 14px #5ab6ff1a,inset 0 0 14px #5ab6ff1a}.orbit-offset{inset:-8px 42px;border-style:dashed;animation:orbit-spin 30s linear infinite reverse;border-color:#96e2f770}.beacon-inner{position:absolute;left:91px;top:40px;display:flex;flex-direction:column;align-items:center;justify-content:center;width:78px;height:65px;transform:perspective(400px) rotateX(14deg);border:1px solid #9be0f164;border-radius:14px;background:linear-gradient(#2164808c,#0e355c9c);box-shadow:inset 0 1px #a5e6ff5c,0 7px 0 #0e2c43a6,0 12px 25px #1bacff21;animation:beacon-float 6s ease-in-out infinite}.beacon-inner span{font-size:25px;letter-spacing:1px;font-weight:600;color:#c7eeff}.beacon-inner small{font-size:7px;color:#8bbdd6;letter-spacing:2px}.beacon-marker{position:absolute;left:37px;top:67px;background:#80deff;width:5px;height:5px;border-radius:50%;box-shadow:0 0 12px #81dfff;animation:signal-breathe 3s ease-in-out infinite alternate}.marker-b{left:220px;top:82px;animation-delay:1.5s}.beacon-ground{position:absolute;left:75px;top:117px;width:110px;height:12px;border-radius:50%;background:#56c8ff30;filter:blur(7px)}
.access-card{position:relative;width:100%;padding:30px 31px 22px;background:linear-gradient(140deg,#163c57e8,#071b2ce8);backdrop-filter:blur(22px);border:1px solid #9ed7ef60;border-bottom-color:#6798b666;border-radius:18px;box-shadow:inset 0 1px #dcf6ff40,inset 1px 0 #9ad5ff20,0 8px 0 #061726b0,0 25px 75px #010e245e;transform:perspective(1600px) rotateY(-3deg);animation:card-arrive .8s ease both}.card-edge{position:absolute;top:-1px;left:32px;right:32px;height:2px;background:linear-gradient(90deg,transparent,#9adfff,transparent);box-shadow:0 0 18px #58c9ff70}.access-top{display:flex;justify-content:space-between;align-items:center;font-size:9px;letter-spacing:2px;color:#94c1da;margin-bottom:22px}.access-symbol{font-size:19px;color:#a9e5ff;border:1px solid #5c92ae;width:28px;height:28px;text-align:center;line-height:25px;border-radius:7px;box-shadow:inset 0 1px #a3dcff20,0 2px 3px #0003}.access-card h2{font-size:27px;font-weight:550;color:#f2faff;letter-spacing:1px;margin-bottom:8px}.access-description{font-size:11px;color:#9cb9cb;margin-bottom:27px}.access-card .field{gap:9px;margin-bottom:21px}.access-card .field>span{color:#c4d9e8;font-size:12px}.access-card .field>span small{font-size:8px;letter-spacing:1.5px;color:#6b96b2;margin-left:10px}.access-card input{background:#051a2c8f;border:1px solid #43667e;color:#f0faff;border-radius:8px;box-shadow:inset 0 2px 7px #010c2240,0 1px #c6eaff0b;height:46px;font-size:12px}.access-card input::placeholder{color:#6e91a9}.access-card input:focus{outline:1px solid #6bcbef;outline-offset:1px;border-color:#56a9d0;box-shadow:0 0 0 4px #8ad9ff0b,inset 0 2px 7px #010c2240}.access-card .primary{height:47px;display:flex;justify-content:space-between;padding:10px 18px;margin-top:9px;font-size:12px;letter-spacing:1px;border-radius:8px;background:linear-gradient(145deg,#38b6dc,#146aaa);box-shadow:inset 0 1px #d2f6ff80,0 5px 0 #073d69,0 10px 30px #1c94da35}.access-card .primary:hover{box-shadow:inset 0 1px #d2f6ff90,0 7px 0 #073d69,0 15px 35px #1c94da55}.access-card .primary:active{box-shadow:inset 0 2px 6px #085585,0 1px 0 #073d69;transform:translateY(3px)}.access-note{display:flex;gap:11px;padding:24px 0 0;margin-top:21px;border-top:1px solid #6da2c22b}.access-note>span{color:#73bad8;font-size:21px;line-height:1.3}.access-note p{font-size:10px;line-height:1.9;color:#9ebdce;margin:0}.access-footer{display:flex;justify-content:center;align-items:center;gap:9px;border-top:1px solid #6da2c21c;font-size:9px;color:#769eb6;margin-top:21px;padding-top:16px;letter-spacing:2px}.access-footer .signal-dot{width:4px;height:4px}.landing-footer{position:relative;z-index:2;display:flex;justify-content:space-between;gap:20px;padding:14px 6vw 25px;margin:0;color:#96b3c4;font-size:10px;letter-spacing:1px}.landing-footer>span:last-child{margin-right:150px}.guest .flashes{top:96px;right:5vw;max-width:400px}.guest .flash{background:#103a4bf2;color:#b7e7ed;border-color:#547f93;backdrop-filter:blur(15px)}.guest .flash.error{background:#482f39f2;color:#ffdbcf;border-color:#b28687}.guest>.error-panel{color:var(--ink)}
.overview-hero{position:relative;overflow:hidden;min-height:278px;padding:34px 38px;margin:0 0 28px;border:1px solid #608fac;border-radius:16px;isolation:isolate;box-shadow:inset 0 1px #d8f3ff55,0 5px 0 #b6cad9,0 18px 35px #224d6c22;color:#fff;display:flex;align-items:center}.overview-hero:after{content:'';position:absolute;left:0;right:0;top:0;height:1px;background:linear-gradient(90deg,#c4efff80,transparent);pointer-events:none}.overview-hero .eco-photo{background-position:center 49%}.overview-hero .eco-shade{background:linear-gradient(90deg,#082639e6,#0d335c63 60%,#0b253b6b)}.overview-hero .eco-network{opacity:.22}.overview-copy{position:relative;z-index:2;max-width:70%}.overview-copy .eyebrow{color:#b9e3f4;font-size:9px;letter-spacing:3px}.overview-copy h1{font-size:32px;letter-spacing:.5px;margin:12px 0;font-weight:600}.overview-copy p{font-size:12px;color:#c4dbe9;max-width:450px;margin-bottom:22px}.overview-copy .button{font-size:11px}.overview-emblem{position:absolute;right:45px;top:50%;width:170px;height:190px;transform:translateY(-50%);display:flex;align-items:center;justify-content:center;flex-direction:column;gap:23px}.overview-emblem img{width:95px;height:95px;object-fit:contain;border-radius:50%;box-shadow:0 0 0 9px #89d7ff12,0 8px 30px #07172f5c;animation:beacon-float 7s ease-in-out infinite}.overview-emblem span{font-size:7px;letter-spacing:2px;color:#badcee}.emblem-ring{position:absolute;top:5px;left:5px;width:160px;height:160px;border:1px solid #76c7ef60;border-top:2px solid #a8e4ff;border-right:2px solid transparent;border-radius:50%;animation:emblem-spin 30s linear infinite;box-shadow:inset 0 0 15px #71d4ff0a,0 0 18px #71d4ff0a}
@keyframes landscape-drift{from{transform:scale(1.02) translate3d(-.3%,0,0)}to{transform:scale(1.09) translate3d(.5%,-.4%,0)}}@keyframes mist-flow{from{transform:translate3d(-3%,0,0);opacity:.4}to{transform:translate3d(4%,-2%,0);opacity:1}}@keyframes network-flow{to{stroke-dashoffset:-280}}@keyframes signal-breathe{from{opacity:.25}to{opacity:.9}}@keyframes scan-pass{0%,15%{transform:translate3d(-45%,0,0);opacity:0}30%{opacity:.8}75%{opacity:.5}100%{transform:translate3d(45%,0,0);opacity:0}}@keyframes dust-rise{0%{transform:translate3d(0,25px,0);opacity:0}30%{opacity:.7}75%{opacity:.4}100%{transform:translate3d(30px,-130px,0);opacity:0}}@keyframes orbit-spin{to{transform:rotateX(68deg) rotateZ(360deg)}}@keyframes beacon-float{0%,100%{translate:0 0}50%{translate:0 -6px}}@keyframes emblem-spin{to{transform:rotate(360deg)}}@keyframes card-arrive{from{opacity:0;translate:0 15px}to{opacity:1;translate:0 0}}
html[data-motion=off] .eco-scene *,html[data-motion=off] .eco-beacon *,html[data-motion=off] .overview-emblem *,html[data-motion=off] .access-card{animation:none!important;transition:none!important}html[data-motion=off] .scene-depth{transform:none;will-change:auto}html[data-motion=off] .eco-photo{will-change:auto}html[data-motion=off] #cursor-trail{display:none}html[data-page-hidden=true] .eco-scene *,html[data-page-hidden=true] .eco-beacon *,html[data-page-hidden=true] .overview-emblem *{animation-play-state:paused!important}
@media(min-width:1600px){.landing-content{gap:130px;grid-template-columns:minmax(0,1fr) 430px}.access-card{padding:37px 39px 26px}.eco-intro h1{font-size:68px}.eco-beacon{margin-top:40px;height:180px}.landing-header{padding:32px 6vw}}
@media(max-width:1100px){.landing-content{gap:35px;grid-template-columns:minmax(0,1fr) 360px;width:calc(100% - 9vw)}.eco-intro h1{font-size:42px}.eco-intro>p{font-size:12px}.access-card{padding:27px 25px 20px}.overview-emblem{right:22px;width:150px}.overview-copy{max-width:72%}.overview-copy h1{font-size:28px}.overview-hero{padding:28px}}
@media(max-width:760px){.landing-header{padding:22px 24px}.landing-header .brand{font-size:21px}.landing-header .brand-logo{width:46px;height:46px}.landing-header .brand small{font-size:7px}.landing-wordmark{font-size:9px;letter-spacing:2px}.landing-content{display:flex;flex-direction:column;align-items:stretch;width:calc(100% - 48px);gap:28px;padding:20px 0 35px;max-width:500px}.eco-intro h1{font-size:clamp(32px,6.3vw,46px);margin-bottom:16px}.eco-intro h1 br{display:none}.eco-intro h1 em{display:block}.eco-intro>.eyebrow{font-size:9px;margin-bottom:15px;letter-spacing:2px}.eco-intro>p{font-size:11px;line-height:2;margin-bottom:17px}.eco-capabilities{font-size:9px;gap:16px}.eco-beacon{display:none}.access-card{transform:none;padding:26px;max-width:none}.access-card h2{font-size:25px}.access-description{margin-bottom:23px}.landing-footer{padding:10px 24px 65px;font-size:8px;letter-spacing:.5px;flex-wrap:wrap}.landing-footer>span:last-child{margin-right:0;display:block}.eco-photo{background-position:46% center}.eco-shade{background:linear-gradient(180deg,#071e2ab3,#09243673 35%,#061c2dc9)}.motion-toggle{right:14px;bottom:12px;font-size:9px}.sidebar .brand-logo{width:42px;height:42px}.overview-hero{padding:25px 22px;min-height:240px;margin-bottom:22px}.overview-copy{max-width:100%;padding-right:80px}.overview-copy h1{font-size:25px}.overview-copy p{font-size:11px;max-width:320px}.overview-emblem{right:12px;top:65px;width:78px;height:85px;gap:0}.overview-emblem img{width:56px;height:56px}.overview-emblem span{display:none}.emblem-ring{left:0;top:1px;width:78px;height:78px}.overview-copy .button{font-size:10px;padding:8px 11px}.brand{letter-spacing:1.5px}.guest .flashes{top:14px;left:14px;right:14px;max-width:none}.product-placeholder .placeholder-logo{width:82px;height:82px}footer{padding-bottom:54px}.topbar{backdrop-filter:blur(12px)}}
@media(max-width:420px){.landing-wordmark{display:none}.landing-content{width:calc(100% - 36px)}.landing-header{padding:22px 20px}.eco-intro h1{font-size:33px}.access-card{padding:24px 22px}.overview-copy{padding-right:50px}.overview-copy h1{font-size:21px}.overview-emblem{right:9px;width:62px}.overview-emblem img{width:46px;height:46px}.emblem-ring{width:62px;height:62px;top:10px}.overview-copy p{font-size:10px}}
@media(prefers-reduced-motion:reduce){.eco-scene *,.eco-beacon *,.overview-emblem *,.access-card{animation:none!important;transition:none!important}.scene-depth{transform:none!important}.button,button,.metric,.product-card,.sidebar nav>a{transition:none!important}#cursor-trail{display:none!important}}
@media(hover:none),(pointer:coarse){#cursor-trail{display:none}.scene-depth{transform:none!important}}
@media print{body.portal{background:white;color:#111}.panel,.metric,.product-card{background:white;box-shadow:none;border:1px solid #ddd}.motion-toggle,#cursor-trail,.eco-scene,.overview-emblem,.skip-link{display:none!important}.overview-hero{background:white;color:#111;box-shadow:none;border:0}.overview-copy p,.overview-copy .eyebrow{color:#555}th{color:#555;background:#eee}}