/* GestorUp / EcoUrban case experience. Isolated from other pages. */
.eco-case-premium{background:#06111d;color:#f5f8fa}
.eco-case-premium .eco-main{overflow:hidden;isolation:isolate}
.eco-case-premium .eco-main *{box-sizing:border-box}
.eco-case-premium .eco-container{width:min(1250px,calc(100% - 84px));margin:0 auto}
.eco-case-premium .eco-main button{font:inherit}
.eco-case-premium .eco-main a:focus-visible,.eco-case-premium .eco-main button:focus-visible{outline:2px solid #e9ba64;outline-offset:4px}
.eco-case-premium .eco-main svg{width:22px;height:22px;fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round;flex-shrink:0}
.eco-case-premium .eco-main [hidden]{display:none!important}

/* Immersive opening */
.eco-hero{position:relative;z-index:0;overflow:hidden;min-height:775px;padding:133px 0 24px;background:radial-gradient(ellipse at 69% 42%,rgba(37,77,107,.19),transparent 54%),linear-gradient(120deg,#031019 0%,#071c2d 50%,#07101c 100%)}
.eco-grain{pointer-events:none;position:absolute;inset:0;opacity:.32;background-image:linear-gradient(rgba(240,223,169,.035) 1px,transparent 1px),linear-gradient(90deg,rgba(240,223,169,.035) 1px,transparent 1px);background-size:63px 63px;mask-image:linear-gradient(90deg,transparent,#000 36%,#000 96%)}
.eco-aura{position:absolute;pointer-events:none;border-radius:50%;filter:blur(42px)}
.eco-aura-a{right:-210px;top:120px;width:660px;height:650px;background:radial-gradient(circle,rgba(30,111,155,.24),transparent 64%)}
.eco-aura-b{left:-160px;bottom:-290px;width:600px;height:540px;background:radial-gradient(circle,rgba(51,97,145,.19),transparent 67%)}
.eco-crumb{position:relative;z-index:2;display:flex;align-items:center;gap:13px;color:#a5b9c3;font-size:11px;font-weight:600;letter-spacing:.04em;margin-bottom:69px}
.eco-crumb a{color:#a5b9c3;transition:color .25s ease}.eco-crumb a:hover{color:#e3b35e}
.eco-crumb>span:nth-child(2){color:#607787}.eco-crumb-line{height:1px;width:43px;background:#4b6575}.eco-crumb-tail{color:#618194;letter-spacing:.18em;font-size:9px}
.eco-hero-grid{display:grid;grid-template-columns:minmax(0,.91fr) minmax(0,1.09fr);align-items:center;gap:clamp(30px,3.3vw,56px)}
.eco-hero-copy{position:relative;z-index:3;min-width:0;padding-bottom:22px;animation:eco-enter .8s both}
.eco-eyebrow{display:inline-flex;align-items:center;gap:10px;color:#d3b376;font-size:10px;font-weight:850;letter-spacing:.13em;white-space:normal}
.eco-eyebrow b{color:#436174}.eco-live-dot{width:8px;height:8px;border-radius:50%;background:#e7bf72;box-shadow:0 0 0 4px rgba(220,169,82,.12),0 0 26px rgba(230,175,81,.44)}
.eco-hero-copy h1{color:#f7faff;font-size:clamp(45px,5.1vw,78px);line-height:1.06;letter-spacing:-.065em;font-weight:790;margin:21px 0 26px;max-width:665px;text-wrap:balance}
.eco-gold-text{background:linear-gradient(100deg,#f3e1a4,#dba351 61%,#f8daa2);background-clip:text;-webkit-background-clip:text;color:transparent}
.eco-stop{color:#d8b064}
.eco-hero-lead{font-size:clamp(14px,1.17vw,16px);line-height:1.88;letter-spacing:.005em;color:#a4b6c4;max-width:480px;margin:0}
.eco-hero-lead strong{font-weight:700;color:#e4edf4}
.eco-hero-actions{display:flex;align-items:center;gap:12px;flex-wrap:wrap;margin-top:32px}
.eco-btn{display:inline-flex;align-items:center;justify-content:center;gap:22px;min-height:54px;padding:13px 22px;border:1px solid transparent;border-radius:12px;font-size:12px;font-weight:800;letter-spacing:.01em;line-height:1.25;transition:transform .3s cubic-bezier(.2,.7,.2,1),background .25s,border-color .25s,box-shadow .25s;white-space:normal}
.eco-btn:hover{transform:translateY(-3px)}.eco-btn svg{width:16px!important;height:16px!important;transition:transform .25s}
.eco-btn:hover svg{transform:translateX(3px)}
.eco-btn-main{color:#111927!important;background:linear-gradient(120deg,#f0d18a 0%,#d9ad5b 65%,#f6d89a 100%);box-shadow:0 13px 32px rgba(202,147,68,.15),inset 0 1px rgba(255,255,255,.42)}
.eco-btn-main:hover{box-shadow:0 17px 38px rgba(202,147,68,.25)}
.eco-btn-secondary{color:#e8f5fc;border-color:rgba(166,198,222,.25);background:rgba(255,255,255,.035)}.eco-btn-secondary:hover{border-color:rgba(215,172,104,.55);background:rgba(220,180,117,.065)}
.eco-btn-outlined{color:#f2f7ff;border-color:rgba(255,255,255,.23);background:transparent}.eco-btn-outlined:hover{border-color:#ddad67;background:rgba(255,255,255,.05)}
.eco-hero-micro{display:flex;gap:14px;align-items:center;margin-top:21px;color:#71899a;font-size:10px;line-height:1.5}
.eco-dot-row{display:flex;align-items:center;gap:3px}.eco-dot-row i{display:block;width:5px;height:5px;border:1px solid #e0ac5c;border-radius:50%}.eco-dot-row i:first-child{background:#d3a350}
.eco-specs{display:flex;gap:0;margin-top:53px;border-top:1px solid rgba(147,174,192,.12);padding-top:23px;max-width:550px}
.eco-specs>div{flex:1;min-width:0;padding-left:20px;border-left:1px solid rgba(171,194,211,.18)}
.eco-specs>div:first-child{padding-left:0;border:0}.eco-specs small{display:block;font-size:9px;letter-spacing:.1em;color:#60869b;font-weight:750}.eco-specs b{display:block;font-size:12px;margin-top:7px;color:#e0ebf2;font-weight:720}
.eco-hero-art{position:relative;min-width:0;padding:54px 0 74px;perspective:1400px;animation:eco-visual-enter 1.05s .1s both}
.eco-orbit{position:absolute;border:1px solid rgba(224,180,99,.13);border-radius:50%;pointer-events:none}
.eco-orbit-a{width:640px;height:640px;right:-165px;top:-104px;transform:rotate(22deg)}
.eco-orbit-b{width:840px;height:840px;right:-268px;top:-206px;border-color:rgba(88,158,182,.105)}
.eco-hero-art:before{content:"";position:absolute;inset:0;z-index:0;background:radial-gradient(ellipse at 48% 40%,rgba(245,196,114,.15),transparent 65%);filter:blur(35px)}
.eco-screen-wrap{position:relative;z-index:1;transform:rotateY(-6deg) rotateX(3deg);transform-origin:center;overflow:hidden;border-radius:19px;border:1px solid rgba(221,184,112,.55);background:#071421;box-shadow:0 42px 85px rgba(0,0,0,.51),0 0 0 8px rgba(222,184,110,.035),inset 0 1px rgba(255,255,255,.2);animation:eco-float 8s ease-in-out infinite}
.eco-screen-wrap:after{content:"";position:absolute;pointer-events:none;inset:0;background:linear-gradient(115deg,transparent 27%,rgba(255,255,255,.065) 45%,transparent 62%);transform:translateX(-120%);animation:eco-sheen 10s 2s ease-in-out infinite}
.eco-screen-top{height:39px;background:#101c27;display:flex;align-items:center;justify-content:space-between;gap:10px;padding:0 17px;color:#97b3c4;font-size:9px;letter-spacing:.03em;border-bottom:1px solid rgba(255,255,255,.085)}
.eco-screen-lights{display:flex;gap:5px;flex:none}.eco-screen-lights i{width:7px;height:7px;border-radius:100%;background:#657785}.eco-screen-lights i:first-child{background:#d5a968}.eco-screen-lights i:nth-child(2){background:#98a4a8}.eco-screen-lights i:nth-child(3){background:#5f8e89}
.eco-screen-address{display:flex;gap:7px;align-items:center;max-width:55%;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.eco-screen-address i{width:5px;height:5px;background:#a7bfac;border-radius:50%}
.eco-screen-url{font-size:8px;color:#537389;letter-spacing:.13em;text-transform:uppercase}
.eco-screen-image{background:#07121e;line-height:0;overflow:hidden}.eco-screen-image img{display:block;width:100%;height:auto;aspect-ratio:1200/527;object-fit:contain;object-position:center center;}
.eco-screen-foot{display:flex;justify-content:space-between;gap:8px;align-items:center;padding:13px 16px;color:#6a8a9c;font-size:8px;font-weight:700;letter-spacing:.12em}.eco-screen-foot span{display:flex;align-items:center;gap:7px}
.eco-led{display:inline-block;width:6px;height:6px;border-radius:50%;background:#4bd5a3;box-shadow:0 0 9px rgba(54,228,166,.6);margin-right:5px}
.eco-floating-note{position:absolute;z-index:5;display:flex;align-items:center;gap:11px;max-width:240px;min-height:66px;padding:12px 14px;border:1px solid rgba(194,209,213,.21);border-radius:14px;background:rgba(13,29,43,.93);box-shadow:0 18px 46px rgba(0,0,0,.31),inset 0 1px rgba(255,255,255,.06);backdrop-filter:blur(18px);animation:eco-note 7s ease-in-out infinite}
.eco-floating-note b{display:block;font-size:10px;color:#e9f0f3;line-height:1.4;letter-spacing:.02em}.eco-floating-note small{display:block;font-size:9px;line-height:1.5;color:#85a2b3;margin-top:2px}
.eco-note-top{top:1px;right:-20px;animation-delay:-3s}
.eco-mini-icon{display:grid;place-items:center;border:1px solid rgba(223,178,110,.4);border-radius:9px;width:30px;height:30px;flex:none;background:rgba(203,155,80,.1);color:#e8bd77;font-size:10px;font-weight:900}
.eco-mini-check{width:6px;height:6px;background:#52c9a1;border-radius:50%;margin-left:auto;box-shadow:0 0 12px #52c9a1}
.eco-note-bottom{bottom:32px;left:-22px;animation-delay:-1s}.eco-note-bottom svg{width:26px;height:26px;color:#eac67c}
.eco-decoration{position:absolute;right:5px;bottom:25px;color:rgba(179,194,194,.26);font-size:9px;letter-spacing:.28em}
.eco-scroll-hint{display:inline-flex;align-items:center;gap:13px;margin-top:38px;font-size:9px;font-weight:750;letter-spacing:.21em;color:#6b889a;transition:color .2s}.eco-scroll-hint:hover{color:#d9b16c}
.eco-scroll-hint span:last-child{margin-left:16px;font-size:13px;color:#d6b069}.eco-mouse{width:21px;height:32px;border:1px solid rgba(168,193,204,.4);border-radius:14px;display:grid;justify-items:center;padding-top:7px}.eco-mouse i{width:2px;height:7px;border-radius:4px;background:#d3a352;animation:eco-wheel 2s ease-in-out infinite}

/* Moving architecture line */
.eco-marquee{overflow:hidden;border-top:1px solid rgba(228,187,114,.17);border-bottom:1px solid rgba(228,187,114,.17);background:#071623}.eco-marquee-inner{display:flex;align-items:center;gap:43px;width:max-content;white-space:nowrap;min-height:80px;animation:eco-marquee 37s linear infinite}.eco-marquee-inner span{font-size:11px;letter-spacing:.2em;font-weight:850;color:#91a4ac}.eco-marquee-inner i{font-size:15px;color:#d6ac69;font-style:normal}

/* Product showcase / actual UI */
.eco-showcase{padding:124px 0 135px;background:linear-gradient(180deg,#f2f6f6 0%,#fff 70%);color:#0a2031}
.eco-section-head{display:grid;grid-template-columns:minmax(0,1.25fr) minmax(0,.75fr);gap:44px;align-items:end;margin-bottom:48px}
.eco-section-kicker{display:flex;align-items:center;gap:13px;color:#5485a1;font-weight:850;font-size:10px;letter-spacing:.17em}
.eco-section-kicker b{color:#a47b38;font-size:11px}.eco-section-kicker i{width:28px;height:1px;background:#98b1bc}
.eco-section-head h2{font-size:clamp(40px,5.25vw,74px);line-height:1.06;letter-spacing:-.061em;font-weight:780;color:#092336;margin:18px 0 0;text-wrap:balance}
.eco-section-head h2 em{font-style:normal;color:#8f9b9f}.eco-section-head>p{margin:0 0 6px;max-width:400px;font-size:14px;line-height:1.85;color:#5b7180}
.eco-tabs{display:flex;gap:9px;margin-bottom:17px}
.eco-tab{display:flex;align-items:center;justify-content:center;gap:11px;cursor:pointer;min-height:43px;padding:9px 15px;border-radius:9px;border:1px solid #d8e2e8;background:transparent;color:#637989;font-weight:750;font-size:11px;transition:background .25s,border-color .25s,color .25s,transform .25s}
.eco-tab:hover{transform:translateY(-1px);border-color:#c6b184}.eco-tab.is-active{background:#082237;color:#fff;border-color:#082237;box-shadow:0 6px 24px rgba(6,35,58,.13)}
.eco-tab span{font-size:9px;color:#aa8648;font-weight:900}.eco-tab.is-active span{color:#e6bd6b}
.eco-display-stage{display:grid;grid-template-columns:minmax(0,1.75fr) minmax(265px,.75fr);align-items:stretch;gap:0;min-height:395px;border-radius:22px;overflow:hidden;box-shadow:0 31px 80px rgba(16,48,60,.09);border:1px solid #d9e4e9}
.eco-display-browser{display:flex;flex-direction:column;min-width:0;background:#09121e;overflow:hidden}
.eco-display-browser-top{flex:0 0 49px;display:flex;gap:16px;align-items:center;padding:0 18px;background:#102131;border-bottom:1px solid #273444;font-size:11px;color:#aebec7}
.eco-browser-dots{display:flex;align-items:center;gap:6px}.eco-browser-dots i{display:block;width:8px;height:8px;border-radius:50%;background:#62717c}.eco-browser-dots i:first-child{background:#d5aa67}.eco-browser-dots i:nth-child(2){background:#79a5a8}.eco-view-label{margin-left:auto;font-size:9px;letter-spacing:.14em;color:#60778a}
.eco-display-browser img{display:block;width:100%;height:auto;aspect-ratio:1200/527;object-fit:contain;object-position:center;background:#06111b;margin:auto}
.eco-display-aside{min-width:0;display:flex;flex-direction:column;align-items:start;justify-content:center;padding:45px clamp(25px,3vw,46px);background:#fff}
.eco-aside-count{font-size:11px;font-weight:750;color:#a98145;letter-spacing:.15em}
.eco-display-aside h3{font-size:clamp(27px,3vw,40px);line-height:1.16;letter-spacing:-.043em;color:#07243a;margin:19px 0}.eco-display-aside h3 i{font-style:normal;color:#bb914e}
.eco-display-aside p{color:#617785;font-size:12px;line-height:1.84;margin:0;max-width:320px}
.eco-mini-tags{display:flex;flex-wrap:wrap;gap:6px;margin:19px 0 27px}.eco-mini-tags span{border-radius:5px;padding:6px 8px;background:#edf2f5;color:#587180;font-size:9px;font-weight:700}
.eco-text-link{margin-top:auto;font-size:11px;color:#0d4567;font-weight:830;display:inline-flex;gap:16px;align-items:center;border-bottom:1px solid #9db4c0;padding-bottom:6px;transition:gap .25s,color .25s}.eco-text-link:hover{color:#ba8e49;gap:23px}
.eco-flow-panel{background:#fff}
.eco-flow-mock{min-width:0;background:radial-gradient(ellipse at 83% 8%,rgba(53,107,128,.17),transparent 43%),linear-gradient(135deg,#0a1726,#0b2635);padding:29px 30px 25px;color:#f6fafb;display:flex;flex-direction:column;justify-content:space-between}
.eco-flow-mock-top{display:flex;justify-content:space-between;gap:10px;align-items:center;font-size:10px;font-weight:850;letter-spacing:.12em;color:#d2e4e9}.eco-mock-disclaimer{color:#638394;font-size:9px}
.eco-flow-stages{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:7px;margin:33px 0 26px}
.eco-flow-stage{position:relative;min-width:0;padding:20px 13px 15px;min-height:127px;background:rgba(255,255,255,.055);border:1px solid rgba(132,173,190,.17);border-radius:11px;overflow:hidden}
.eco-flow-stage::after{content:"";position:absolute;bottom:0;left:0;right:0;height:2px;background:linear-gradient(90deg,#9b763d,#dfbe82)}
.eco-flow-stage small{display:block;font-size:8px;line-height:1.5;letter-spacing:.08em;color:#a4acb2}
.eco-flow-stage b{display:block;margin-top:17px;font-size:11px;overflow-wrap:anywhere}.eco-stage-line{display:block;position:absolute;bottom:30px;right:10px;width:13px;height:13px;border:1px solid #d0a860;border-radius:50%;opacity:.5}
.eco-flow-stage:nth-child(5){background:rgba(83,172,132,.13);border-color:rgba(83,172,132,.3)}.eco-flow-stage:nth-child(5):after{background:#4bad8a}
.eco-flow-bottom{display:flex;flex-wrap:wrap;gap:16px;color:#8eabb8;font-size:9px}

/* Premium product details */
.eco-features{position:relative;padding:133px 0 138px;background:radial-gradient(circle at 83% 8%,rgba(39,75,94,.25),transparent 29%),#061725;color:#fff}
.eco-section-head-dark h2{color:#f2f8fc}.eco-section-head-dark h2 em{color:#9bb4c5}.eco-section-head-dark>p{color:#8ca8b7}
.eco-feature-grid{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:13px}
.eco-feature{position:relative;grid-column:span 3;min-height:293px;overflow:hidden;padding:29px 32px 33px;border-radius:19px;background:linear-gradient(145deg,rgba(29,53,68,.75),rgba(7,26,39,.95));border:1px solid rgba(132,168,181,.16);transition:transform .35s,border-color .35s,box-shadow .35s}
.eco-feature:hover{transform:translateY(-5px);border-color:rgba(222,180,105,.46);box-shadow:0 24px 45px rgba(0,0,0,.19)}
.eco-feature-wide{grid-column:span 3;min-height:320px;background:radial-gradient(circle at 96% 96%,rgba(154,111,43,.15),transparent 50%),linear-gradient(135deg,#0f3041,#081d2d)}
.eco-feature-number{font-size:9px;letter-spacing:.18em;color:#779fb2;font-weight:820;margin-bottom:22px}.eco-feature-icon{display:grid;place-items:center;width:40px;height:40px;background:rgba(219,181,116,.08);color:#e5bf79;border:1px solid rgba(230,183,103,.28);border-radius:12px}
.eco-feature-icon svg{width:20px;height:20px}.eco-feature h3{position:relative;z-index:1;font-size:clamp(20px,2.3vw,28px);line-height:1.18;color:#fff;margin:19px 0 11px;letter-spacing:-.035em}.eco-feature p{position:relative;z-index:1;max-width:430px;margin:0;color:#9eb7c7;line-height:1.78;font-size:12px}
.eco-feature-tags{position:relative;z-index:1;display:flex;flex-wrap:wrap;gap:7px;margin-top:19px}.eco-feature-tags span{font-size:9px;color:#c1d2dd;border:1px solid rgba(152,182,197,.19);border-radius:6px;padding:6px 9px;background:rgba(255,255,255,.032)}
.eco-feature-orbit{position:absolute;width:310px;height:310px;border-radius:50%;border:35px solid rgba(212,164,87,.05);right:-60px;top:-85px}
.eco-feature-chart{display:flex;align-items:flex-end;gap:5px;position:absolute;bottom:12px;right:27px;height:110px;opacity:.32}.eco-feature-chart i{display:block;width:19px;border-radius:4px 4px 0 0;background:linear-gradient(#dfbc75,rgba(222,188,117,.03));height:36%}.eco-feature-chart i:nth-child(2){height:61%}.eco-feature-chart i:nth-child(3){height:43%}.eco-feature-chart i:nth-child(4){height:70%}.eco-feature-chart i:nth-child(5){height:81%}.eco-feature-chart i:nth-child(6){height:100%}

/* Exit / CTA */
.eco-outro{position:relative;background:#e9f0f3;color:#0b2538;padding:95px 0 0;overflow:hidden}
.eco-outro-inner{position:relative;display:grid;grid-template-columns:1.2fr .8fr;align-items:center;min-height:370px;border-radius:24px 24px 0 0;background:linear-gradient(130deg,#fff 0%,#f2f7f7 65%,#e1ebeb 100%);box-shadow:0 18px 60px rgba(19,54,66,.07);overflow:hidden}
.eco-outro-copy{padding:65px clamp(30px,6vw,86px);position:relative;z-index:2}.eco-outro-copy h2{font-size:clamp(35px,4vw,59px);line-height:1.1;letter-spacing:-.057em;max-width:650px;margin:20px 0;color:#082439}.eco-outro-copy h2 em{font-style:normal;color:#ae864a}.eco-outro-copy p{color:#667d89;font-size:13px;line-height:1.85;max-width:520px;margin:0 0 29px}
.eco-outro-actions{display:flex;gap:10px;flex-wrap:wrap}.eco-outro .eco-btn-outlined{color:#0a2e43;border-color:#d4dfe5}.eco-outro .eco-btn-outlined:hover{border-color:#ca9a50}
.eco-outro-art{position:relative;height:100%;min-height:370px;overflow:hidden;background:radial-gradient(ellipse at 50% 45%,rgba(188,149,92,.18),transparent 52%)}
.eco-outro-ring{position:absolute;border-radius:50%;border:1px solid rgba(38,89,116,.2);width:390px;height:390px;top:50%;left:50%;transform:translate(-50%,-50%)}.eco-ring-two{width:280px;height:280px;border:30px solid rgba(44,101,121,.055)}
.eco-outro-monogram{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);font-weight:950;letter-spacing:-.12em;font-size:clamp(90px,11vw,159px);line-height:1;color:#133d54;text-shadow:0 13px 45px rgba(6,45,62,.11)}.eco-outro-monogram span{color:#c7a16a}
.eco-outro-caption{position:absolute;bottom:44px;left:50%;transform:translateX(-50%);white-space:nowrap;color:#7996a2;letter-spacing:.18em;font-size:9px;font-weight:850}
.eco-outro-bottom{display:flex;justify-content:space-between;gap:20px;padding:23px 0 35px;color:#728b98;font-size:10px;letter-spacing:.13em;font-weight:800}.eco-outro-bottom i{font-style:normal;color:#b09158;margin:0 10px}

@keyframes eco-enter{from{opacity:0;transform:translateY(19px)}to{opacity:1;transform:translateY(0)}}
@keyframes eco-visual-enter{from{opacity:0;transform:translateY(21px) scale(.975)}to{opacity:1;transform:translateY(0) scale(1)}}
@keyframes eco-float{0%,100%{transform:rotateY(-6deg) rotateX(3deg) translateY(0)}50%{transform:rotateY(-5deg) rotateX(3deg) translateY(-9px)}}
@keyframes eco-note{0%,100%{transform:translateY(0)}50%{transform:translateY(-8px)}}
@keyframes eco-sheen{0%,12%{transform:translateX(-120%)}25%,100%{transform:translateX(120%)}}
@keyframes eco-wheel{0%,100%{opacity:.3;transform:translateY(0)}50%{opacity:1;transform:translateY(7px)}}
@keyframes eco-marquee{from{transform:translateX(0)}to{transform:translateX(-50%)}}

@media (min-width:1450px){.eco-hero{min-height:800px}.eco-hero-grid{gap:65px}.eco-hero-copy h1{font-size:77px}}
@media (max-width:1120px){.eco-hero{min-height:680px}.eco-case-premium .eco-container{width:min(1250px,calc(100% - 56px))}.eco-crumb{margin-bottom:45px}.eco-hero-grid{gap:24px}.eco-hero-copy h1{font-size:clamp(40px,5.2vw,58px)}.eco-hero-art{padding:44px 0 65px}.eco-note-top{right:-8px}.eco-note-bottom{left:-8px}.eco-hero-actions{gap:8px}.eco-btn{padding:12px 15px;gap:10px}.eco-specs{margin-top:32px}.eco-display-stage{grid-template-columns:minmax(0,1.5fr) minmax(260px,.8fr)}}
@media (max-width:800px){
  .eco-hero{padding-top:125px;padding-bottom:34px;min-height:0}
  .eco-case-premium .eco-container{width:calc(100% - 40px)}
  .eco-crumb{margin-bottom:42px;flex-wrap:wrap}.eco-crumb-tail{display:none}
  .eco-hero-grid{grid-template-columns:1fr;gap:35px}
  .eco-hero-copy{padding:0}
  .eco-hero-copy h1{font-size:clamp(43px,8.1vw,68px);max-width:700px}
  .eco-hero-lead{max-width:650px;font-size:14px;line-height:1.75}
  .eco-specs{max-width:none}
  .eco-hero-art{width:min(660px,100%);margin:0 auto;padding:58px 0 70px}
  .eco-screen-wrap{transform:none;animation:eco-float-mobile 8s ease-in-out infinite}
  .eco-note-top{right:0;top:13px}.eco-note-bottom{left:0;bottom:19px}
  .eco-scroll-hint{margin-top:0}
  .eco-section-head{grid-template-columns:1fr;gap:17px}.eco-section-head>p{max-width:600px}
  .eco-showcase,.eco-features{padding:88px 0}
  .eco-display-stage{grid-template-columns:1fr}.eco-display-aside{padding:36px}.eco-display-aside p{max-width:580px}.eco-text-link{margin-top:4px}
  .eco-display-browser img{margin:0}
  .eco-outro-inner{grid-template-columns:1fr}.eco-outro-copy{padding:60px 42px 24px}.eco-outro-art{min-height:220px}.eco-outro-ring{width:290px;height:290px}.eco-ring-two{width:220px;height:220px}.eco-outro-monogram{font-size:110px}.eco-outro-caption{bottom:20px}
}
@keyframes eco-float-mobile{0%,100%{transform:translateY(0)}50%{transform:translateY(-7px)}}
@media (max-width:570px){
  .eco-case-premium .eco-container{width:calc(100% - 32px)}
  .eco-hero{padding-top:110px}
  .eco-crumb{font-size:10px;margin-bottom:33px}
  .eco-hero-copy h1{font-size:clamp(39px,10.1vw,56px);margin-top:18px;margin-bottom:20px;letter-spacing:-.065em}
  .eco-hero-lead{font-size:13px}
  .eco-eyebrow{font-size:9px;letter-spacing:.11em}
  .eco-hero-actions{display:grid;grid-template-columns:1fr 1fr;margin-top:24px;gap:8px}
  .eco-btn{min-height:53px;padding:12px 12px;border-radius:10px;font-size:11px;gap:8px;justify-content:center;text-align:center}
  .eco-hero-micro{margin-top:15px;font-size:9px}
  .eco-specs{gap:0;padding-top:20px;margin-top:30px}.eco-specs>div{padding-left:10px}.eco-specs small{font-size:7px}.eco-specs b{font-size:10px;line-height:1.4;margin-top:5px}
  .eco-hero-art{padding:54px 0 57px}.eco-screen-wrap{border-radius:13px}.eco-screen-top{height:29px;padding:0 10px}.eco-screen-url{display:none}.eco-screen-foot{font-size:6px;padding:9px 10px}
  .eco-floating-note{min-height:45px;padding:7px 9px;gap:7px;border-radius:9px;max-width:190px}
  .eco-floating-note b{font-size:8px}.eco-floating-note small{font-size:7px}.eco-mini-icon{width:25px;height:25px}.eco-note-top{top:9px;right:-4px}.eco-note-bottom{bottom:9px;left:-3px}
  .eco-note-bottom svg{width:20px;height:20px}.eco-decoration{display:none}.eco-scroll-hint{margin-top:6px;font-size:8px}
  .eco-marquee-inner{gap:23px;min-height:57px}.eco-marquee-inner span{font-size:9px;letter-spacing:.15em}
  .eco-showcase,.eco-features{padding:74px 0 82px}
  .eco-section-head h2{font-size:clamp(37px,9vw,48px)}.eco-section-head>p{font-size:12px;line-height:1.7}.eco-section-kicker{font-size:9px}
  .eco-tabs{display:grid;grid-template-columns:1fr 1fr}.eco-tab{font-size:10px;padding:8px;gap:7px}
  .eco-display-stage{border-radius:14px}.eco-display-browser-top{height:39px;flex-basis:39px;font-size:9px;padding:0 11px}.eco-view-label{display:none}
  .eco-display-aside{padding:28px}.eco-display-aside h3{font-size:30px;margin:13px 0}.eco-mini-tags{margin:15px 0}.eco-flow-mock{padding:19px 13px 18px}.eco-mock-disclaimer{font-size:7px}
  .eco-flow-stages{grid-template-columns:repeat(2,minmax(0,1fr));gap:7px;margin:19px 0}.eco-flow-stage{min-height:86px;padding:11px}.eco-flow-stage b{font-size:10px;margin-top:9px}.eco-flow-stage small{font-size:7px}.eco-flow-stage:nth-child(5){grid-column:span 2;min-height:68px}.eco-flow-bottom{font-size:8px;gap:9px}
  .eco-feature-grid{grid-template-columns:1fr;gap:10px}.eco-feature,.eco-feature-wide{grid-column:auto;min-height:250px;padding:25px}.eco-feature h3{font-size:23px}.eco-feature p{font-size:11px}.eco-feature-chart{opacity:.17}
  .eco-outro{padding-top:56px}.eco-outro-inner{border-radius:18px 18px 0 0}.eco-outro-copy{padding:35px 24px 16px}.eco-outro-copy h2{font-size:38px}.eco-outro-copy p{font-size:12px}.eco-outro-actions{display:grid;grid-template-columns:1fr}.eco-outro-art{min-height:180px}.eco-outro-monogram{font-size:90px}.eco-outro-ring{width:240px;height:240px}.eco-ring-two{width:160px;height:160px}.eco-outro-caption{font-size:8px}.eco-outro-bottom{padding:15px 0 22px;font-size:8px;flex-direction:column;gap:9px}
}
@media (max-width:340px){.eco-case-premium .eco-container{width:calc(100% - 24px)}.eco-hero-copy h1{font-size:36px}.eco-hero-actions{gap:6px}.eco-btn{font-size:10px}.eco-hero-micro{font-size:8px}.eco-specs b{font-size:9px}.eco-floating-note{max-width:150px}}
@media (prefers-reduced-motion:reduce){.eco-case-premium .eco-main *,.eco-case-premium .eco-main *:before,.eco-case-premium .eco-main *:after{animation:none!important;transition:none!important;scroll-behavior:auto!important}}
/* Keep the inherited mobile navigation closed before the global JS initializes. */
@media (max-width:900px){
  .eco-case-premium .site-header .menu:not(.open){visibility:hidden!important;opacity:0!important;pointer-events:none!important}
}
/* Surface the real project preview earlier on small phones. */
@media (max-width:570px){
  .eco-hero-copy .eco-specs{display:none}
  .eco-hero-art{padding-top:49px}
}

/* Identidade oficial GestorUp na assinatura do case EcoUrban. */
.eco-outro-brand{
  position:absolute;
  z-index:2;
  inset:0;
  display:flex;
  flex-direction:column;
  align-items:center;
  justify-content:center;
  gap:16px;
  padding:35px 20px;
}
.eco-outro-brand-logo{
  display:block;
  width:clamp(124px,12vw,174px);
  height:auto;
  aspect-ratio:1;
  object-fit:contain;
  border-radius:50%;
  box-shadow:0 16px 48px rgba(5,24,40,.18),0 0 0 8px rgba(255,255,255,.44),0 0 0 9px rgba(171,130,80,.16);
  animation:ecoOfficialLogoFloat 7s ease-in-out infinite;
}
.eco-outro-brand>span{font-size:10px;font-weight:850;letter-spacing:.18em;color:#496c81;text-align:center;line-height:1.55;}
@keyframes ecoOfficialLogoFloat{0%,100%{transform:translateY(0)}50%{transform:translateY(-6px)}}
@media(max-width:800px){.eco-outro-brand-logo{width:132px}.eco-outro-brand{gap:12px}}
@media(max-width:570px){.eco-outro-brand{gap:12px;padding:15px}.eco-outro-brand-logo{width:105px}.eco-outro-brand>span{font-size:8px;letter-spacing:.12em}}
@media(prefers-reduced-motion:reduce){.eco-outro-brand-logo{animation:none}}