:root{--g:#1f6b45;--g2:#2f8a5b;--gl:#e7f3ec;--ink:#14231b;--mut:#66756c;--bg:#f6f8f5;--line:#e2e8e3;--card:#fff;--r:18px;--sh:0 10px 30px -12px rgba(20,50,30,.18);--acc:#d9a441}
*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:80px}
body{margin:0;font:15px/1.55 Inter,system-ui,-apple-system,"Segoe UI",Roboto,sans-serif;color:var(--ink);background:var(--bg)}
h1,h2,h3{line-height:1.12;margin:.2em 0 .4em;letter-spacing:-.02em}h1{font-size:clamp(36px,5.4vw,64px)}h2{font-size:clamp(26px,3.2vw,38px)}h3{font-size:19px}
a{color:inherit;text-decoration:none}button,input,select{font:inherit;color:inherit}
.wrap{max-width:1240px;margin:0 auto;padding:0 22px}.muted{color:var(--mut);font-weight:400}.hidden{display:none!important}
.eyebrow{font-size:12px;font-weight:700;letter-spacing:.14em;text-transform:uppercase;color:var(--g2)}
.lead{font-size:17px;color:var(--mut);max-width:520px}
.card{background:var(--card);border:1px solid var(--line);border-radius:var(--r);box-shadow:var(--sh)}
button{cursor:pointer;border:0;background:none}
.primary{background:var(--g);color:#fff;padding:11px 18px;border-radius:12px;font-weight:600;transition:.2s}.primary:hover{background:var(--g2);transform:translateY(-1px)}
.ghost{border:1px solid var(--line);background:#fff;padding:10px 15px;border-radius:12px;font-weight:500;transition:.2s}.ghost:hover{border-color:var(--g2);color:var(--g)}
.link{color:var(--g);font-weight:600;text-decoration:underline}
.topbar{position:sticky;top:0;z-index:40;background:rgba(246,248,245,.85);backdrop-filter:blur(12px);border-bottom:1px solid var(--line)}
.bar{display:flex;align-items:center;gap:24px;height:68px}
.brand{display:flex;align-items:center;gap:8px;font-weight:800;font-size:20px;letter-spacing:.02em}.brand b{color:var(--g2)}.brand small{font-weight:400;font-size:11px;color:var(--mut);margin-left:6px;max-width:90px;line-height:1.2}
.logo{width:28px;height:28px;border-radius:8px;background:linear-gradient(135deg,var(--g),#7cc49a)}
.nav{display:flex;gap:22px;margin-left:auto}.nav a{color:var(--mut);font-weight:500}.nav a:hover,.nav a.on{color:var(--g)}
.actions{display:flex;gap:8px}.burger{display:none;font-size:22px}
.hero{padding:56px 0 40px;background:radial-gradient(900px 400px at 85% 10%,#d9eedf,transparent),var(--bg)}
.hero-grid{display:grid;grid-template-columns:1.05fr 1fr;gap:40px;align-items:center}
.searchbox{background:#fff;border:1px solid var(--line);border-radius:22px;padding:14px;box-shadow:var(--sh);margin-top:24px}
.tabs{display:flex;gap:4px;margin-bottom:10px}.tabs button{padding:8px 14px;border-radius:10px;color:var(--mut);font-weight:600}.tabs .active{background:var(--gl);color:var(--g)}
.row{display:grid;grid-template-columns:1.3fr 1fr 1fr auto;gap:8px}
.row label{display:flex;flex-direction:column;font-size:12px;color:var(--mut);background:var(--bg);border-radius:12px;padding:8px 12px}
.row input,.row select{border:0;background:none;outline:0;padding:2px 0;font-size:15px;color:var(--ink)}
.cad{display:flex;align-items:center;gap:10px;margin-top:10px;padding-top:10px;border-top:1px dashed var(--line)}.cad input{flex:1;border:0;outline:0;min-width:0}
.stats{display:flex;gap:36px;margin-top:28px}.stats b{font-size:28px;display:block}.stats span{color:var(--mut);font-size:13px}
.hero-map{position:relative;overflow:hidden;padding:0}
.map{height:460px;position:relative;background:#e9f0e8}.map.big{height:560px}.map svg{width:100%;height:100%;display:block}
.pin{cursor:pointer;transition:transform .2s}.pin:hover,.pin.on{transform:scale(1.12)}.pin rect{fill:#fff;stroke:var(--g);stroke-width:1.5}.pin.on rect{fill:var(--g)}.pin.on text{fill:#fff}.pin text{font-size:12px;font-weight:700;fill:var(--g)}
.map-pop{position:absolute;left:16px;bottom:16px;right:16px;max-width:340px;background:#fff;border-radius:16px;padding:14px;box-shadow:var(--sh);display:flex;gap:12px;align-items:center}
.map-pop .th{width:84px;height:70px;border-radius:12px;flex:none}.map-pop b{display:block}
.sec-head{display:flex;justify-content:space-between;align-items:end;gap:16px;margin:72px 0 18px;flex-wrap:wrap}
.seg{display:flex;background:#fff;border:1px solid var(--line);border-radius:12px;padding:4px}.seg button{padding:8px 14px;border-radius:9px;font-weight:600;color:var(--mut)}.seg .active{background:var(--g);color:#fff}
.filters{display:flex;gap:8px;flex-wrap:wrap;margin-bottom:12px}.chip{padding:7px 14px;border-radius:99px;border:1px solid var(--line);background:#fff;font-weight:500;font-size:14px}.chip.on{background:var(--gl);border-color:var(--g2);color:var(--g)}
.toolbar{display:flex;gap:12px;align-items:center;flex-wrap:wrap;margin-bottom:20px}.toolbar input[type=text],#fText,#fSort{padding:10px 14px;border:1px solid var(--line);border-radius:12px;background:#fff}#fText{flex:1;min-width:220px}
.range{display:flex;align-items:center;gap:8px;font-size:14px;color:var(--mut)}.range input{accent-color:var(--g)}.chk{display:flex;gap:6px;align-items:center;font-size:14px}.chk input{accent-color:var(--g)}
.grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(270px,1fr));gap:20px}
.lot{overflow:hidden;display:flex;flex-direction:column;transition:.25s;animation:fade .4s both}.lot:hover{transform:translateY(-4px);box-shadow:0 20px 40px -18px rgba(20,60,35,.35)}
@keyframes fade{from{opacity:0;transform:translateY(10px)}}
.ph{height:170px;position:relative}.ph .tag{position:absolute;left:12px;top:12px;background:rgba(255,255,255,.92);padding:4px 10px;border-radius:99px;font-size:12px;font-weight:600}
.ph .heart{position:absolute;right:12px;top:10px;width:36px;height:36px;border-radius:50%;background:#fff;font-size:17px;color:var(--mut)}.heart.on{color:#d0473c}
.ph .ver{position:absolute;left:12px;bottom:12px;background:var(--g);color:#fff;font-size:11px;padding:3px 8px;border-radius:6px}
.lot .bd{padding:16px;display:flex;flex-direction:column;gap:6px;flex:1}.lot .loc{color:var(--mut);font-size:14px}.price{font-size:21px;font-weight:800}.ppa{font-size:13px;color:var(--mut);font-weight:500}
.feat{display:flex;gap:6px;flex-wrap:wrap}.feat span{font-size:12px;background:var(--bg);padding:3px 8px;border-radius:7px}
.lot .ft{display:flex;justify-content:space-between;align-items:center;margin-top:auto;padding-top:8px}.badge{font-size:12px;font-weight:700;color:var(--g);background:var(--gl);padding:3px 8px;border-radius:7px}
.empty{text-align:center;padding:50px;color:var(--mut)}.more{text-align:center;margin-top:24px}
.catalog-map{position:relative;overflow:hidden}
.band{background:linear-gradient(180deg,#eaf3ec,#f6f8f5);margin-top:80px;padding:70px 0}.band+.wrap .sec-head{margin-top:70px}
.two{display:grid;grid-template-columns:1fr 1.1fr;gap:40px;align-items:center}
.sel{display:flex;flex-direction:column;font-size:13px;color:var(--mut);margin:18px 0;max-width:360px}.sel select{padding:10px;border:1px solid var(--line);border-radius:12px;background:#fff;margin-top:4px}
.passport{padding:26px;display:grid;grid-template-columns:150px 1fr;gap:22px}.score{position:relative;width:150px;height:150px}.score svg{transform:rotate(-90deg)}
.score circle{fill:none;stroke-width:10}.track{stroke:var(--gl)}.val{stroke:var(--g2);stroke-linecap:round;stroke-dasharray:327;transition:stroke-dashoffset 1s}
.score div{position:absolute;inset:0;display:grid;place-content:center;text-align:center}.score b{font-size:40px;line-height:1}.score span{font-size:12px;color:var(--mut)}
.checks{list-style:none;padding:0;margin:0;display:grid;gap:6px}.checks li:before{content:"✓";color:var(--g2);font-weight:800;margin-right:8px}.checks li.warn:before{content:"!";color:var(--acc)}
.scen{grid-column:1/-1;display:grid;gap:10px}.scen div{display:grid;grid-template-columns:170px 1fr 50px;gap:10px;align-items:center;font-size:14px}.bar-i{height:9px;border-radius:9px;background:var(--gl);overflow:hidden}.bar-i i{display:block;height:100%;background:linear-gradient(90deg,var(--g),#7cc49a);transition:width .8s}
.an{align-items:stretch}.chart{padding:20px;height:340px}.chart svg{width:100%;height:100%}
.calc{padding:24px;display:flex;flex-direction:column;gap:14px}.calc label{font-size:14px;color:var(--mut);display:flex;flex-wrap:wrap;justify-content:space-between}.calc label b{color:var(--ink)}.calc input{width:100%;accent-color:var(--g)}
.kpis{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin-top:auto}.kpis div{background:var(--bg);border-radius:12px;padding:12px}.kpis span{font-size:12px;color:var(--mut);display:block}.kpis b{font-size:20px}
.valform{padding:24px;display:grid;gap:12px}.valform label,.mform label{display:flex;flex-direction:column;font-size:13px;color:var(--mut);gap:4px}
.valform input,.mform input,.mform select,.mform textarea{padding:12px;border:1px solid var(--line);border-radius:12px;background:#fff;outline-color:var(--g2)}
.valres{background:var(--gl);border-radius:14px;padding:16px}.valres b{font-size:24px;color:var(--g)}
.kpi4{display:grid;grid-template-columns:repeat(4,1fr);gap:16px}.kpi4 .card{padding:20px}.kpi4 span{color:var(--mut);font-size:13px}.kpi4 b{display:block;font-size:30px}.kpi4 em{font-style:normal;color:var(--g2);font-size:13px;font-weight:600}
.leads{margin-top:16px;padding:20px;overflow-x:auto}table{width:100%;border-collapse:collapse;font-size:14px}th{text-align:left;color:var(--mut);font-weight:500}th,td{padding:10px 8px;border-bottom:1px solid var(--line)}
.st{font-size:12px;padding:3px 8px;border-radius:7px;font-weight:600}.st.new{background:#fff3d6;color:#9a6a00}.st.work{background:var(--gl);color:var(--g)}.st.done{background:#e6ecff;color:#3550b0}
.feats{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;margin-top:60px}.feats .card{padding:20px;display:grid;grid-template-columns:44px 1fr;column-gap:12px}.feats i{grid-row:span 2;width:44px;height:44px;border-radius:12px;background:var(--gl);color:var(--g);display:grid;place-content:center;font-style:normal;font-size:20px}.feats span{color:var(--mut);font-size:14px}
footer{margin-top:70px;border-top:1px solid var(--line);padding:30px 0 90px;background:#fff}.foot{display:flex;justify-content:space-between;gap:20px;flex-wrap:wrap;align-items:center}.sub{display:flex;gap:8px}.sub input{padding:11px 14px;border:1px solid var(--line);border-radius:12px;min-width:240px}
.tabbar{display:none}
.modal{position:fixed;inset:0;background:rgba(15,30,20,.5);backdrop-filter:blur(4px);z-index:90;display:none;align-items:center;justify-content:center;padding:16px}.modal.open{display:flex;animation:fade .2s}
.modal-box{background:#fff;border-radius:22px;max-width:760px;width:100%;max-height:92vh;overflow:auto;position:relative;padding:28px}.x{position:absolute;right:14px;top:10px;font-size:28px;color:var(--mut);z-index:2}
.gal{border-radius:16px;overflow:hidden;position:relative;height:280px;margin:-8px -8px 16px}.gal .sl{position:absolute;inset:0;transition:opacity .4s;opacity:0}.gal .sl.on{opacity:1}
.gal .nv{position:absolute;top:50%;transform:translateY(-50%);width:38px;height:38px;border-radius:50%;background:rgba(255,255,255,.9);font-size:18px}.gal .p{left:10px}.gal .n{right:10px}.dots{position:absolute;bottom:10px;left:0;right:0;display:flex;gap:6px;justify-content:center}.dots i{width:8px;height:8px;border-radius:50%;background:rgba(255,255,255,.6)}.dots i.on{background:#fff}
.specs{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin:14px 0}.specs div{background:var(--bg);padding:10px 12px;border-radius:12px}.specs span{display:block;font-size:12px;color:var(--mut)}
.mform{display:grid;gap:12px}.mform .r2{display:grid;grid-template-columns:1fr 1fr;gap:12px}.mbtns{display:flex;gap:10px;flex-wrap:wrap;margin-top:6px}
.steps{display:flex;gap:6px;margin-bottom:16px}.steps i{flex:1;height:5px;border-radius:5px;background:var(--line)}.steps i.on{background:var(--g2)}
.toasts{position:fixed;right:18px;bottom:18px;z-index:99;display:grid;gap:8px}.toast{background:var(--ink);color:#fff;padding:12px 16px;border-radius:12px;box-shadow:var(--sh);animation:fade .3s;max-width:340px}
.spin{display:inline-block;width:16px;height:16px;border:2px solid rgba(255,255,255,.4);border-top-color:#fff;border-radius:50%;animation:r .7s linear infinite;vertical-align:-3px}@keyframes r{to{transform:rotate(1turn)}}
@media(max-width:980px){.hero-grid,.two{grid-template-columns:1fr}.kpi4{grid-template-columns:1fr 1fr}.feats{grid-template-columns:1fr}.map{height:340px}.map.big{height:440px}
.nav{display:none;position:absolute;top:68px;left:0;right:0;background:#fff;flex-direction:column;padding:16px 22px;gap:14px;border-bottom:1px solid var(--line)}.nav.open{display:flex}.burger{display:block}.actions .primary,.actions [data-open=login]{display:none}.brand small{display:none}}
@media(max-width:640px){.row{grid-template-columns:1fr 1fr}.row label:first-child{grid-column:1/-1}.find{grid-column:1/-1}.cad{flex-wrap:wrap}.cad input{flex-basis:100%}.stats{gap:18px}.passport{grid-template-columns:1fr;justify-items:center}.scen div{grid-template-columns:110px 1fr 40px}.specs,.mform .r2{grid-template-columns:1fr 1fr}.kpis{grid-template-columns:1fr}
.tabbar{display:flex;position:fixed;bottom:0;left:0;right:0;background:#fff;border-top:1px solid var(--line);z-index:50;justify-content:space-around;padding:6px 0 10px}.tabbar a{display:flex;flex-direction:column;align-items:center;font-size:18px;color:var(--mut)}.tabbar span{font-size:11px}.toasts{bottom:80px}.sub{width:100%}.sub input{min-width:0;flex:1}}
.hero-grid>*,.two>*{min-width:0}body{overflow-x:hidden}
/* v2 */
.wrap{max-width:none;padding:0 4vw}
body{background:#fff}
.topbar{background:rgba(255,255,255,.94);backdrop-filter:blur(14px)}.bar{height:76px;gap:28px}
.brand{display:block;font:900 29px/22px Inter,"Helvetica Neue",Arial,sans-serif;letter-spacing:-1.5px;color:var(--ink)}.brand b{color:var(--g2);font-weight:900}
.brand small{display:block!important;max-width:none;margin:6px 0 0;font-size:8.5px;font-weight:600;letter-spacing:1.4px;text-transform:uppercase;color:var(--mut);line-height:1}
.nav{margin:0 auto;gap:30px}.nav a{position:relative;color:#2b3632;font-size:14.5px;padding:6px 0}.nav a:after{content:"";position:absolute;left:0;right:0;bottom:0;height:2px;background:var(--g2);transform:scaleX(0);transition:transform .25s;border-radius:2px}.nav a:hover:after,.nav a.on:after{transform:scaleX(1)}
.actions{align-items:center}.icon-btn{position:relative;width:42px;height:42px;border-radius:50%;display:grid;place-items:center;color:var(--ink);transition:.2s}.icon-btn:hover{background:var(--gl);color:var(--g)}
.bdg{position:absolute;top:3px;right:2px;min-width:18px;height:18px;padding:0 5px;border-radius:9px;background:var(--g2);color:#fff;font-size:11px;font-weight:700;display:grid;place-items:center;border:2px solid #fff;transform:scale(0);transition:transform .25s cubic-bezier(.3,1.6,.5,1)}.bdg.has{transform:scale(1)}.bdg.pop{animation:pop .4s}
@keyframes pop{50%{transform:scale(1.4)}}
.hero{position:relative;overflow:hidden;background:linear-gradient(125deg,#fbfcfa 0%,#edf4ef 45%,#d9e7dc 75%,#eef6f0 100%);background-size:220% 220%;animation:hg 18s ease-in-out infinite alternate;min-height:620px;display:flex;align-items:center}
.hero-grid{width:100%;position:relative;z-index:1}@keyframes hg{to{background-position:100% 100%}}
.orb{position:absolute;border-radius:50%;filter:blur(60px);opacity:.55;pointer-events:none}.o1{width:420px;height:420px;background:#bfe3cb;right:8%;top:-120px;animation:fl 14s ease-in-out infinite alternate}.o2{width:300px;height:300px;background:#f3e6c4;left:30%;bottom:-140px;animation:fl 17s ease-in-out infinite alternate-reverse}
@keyframes fl{to{transform:translate(60px,40px) scale(1.15)}}
.hero-map{will-change:transform;transition:transform .2s ease-out}
.hero h1,.hero .lead,.hero .eyebrow,.searchbox,.stats{animation:up .8s cubic-bezier(.2,.7,.2,1) both}.hero h1{animation-delay:.08s}.hero .lead{animation-delay:.16s}.searchbox{animation-delay:.24s}.stats{animation-delay:.32s}.hero-map{animation:up .9s .2s both}
@keyframes up{from{opacity:0;transform:translateY(24px)}}
.rv{opacity:0;transform:translateY(28px);transition:opacity .7s ease,transform .7s cubic-bezier(.2,.7,.2,1)}.rv.in{opacity:1;transform:none}
.lot{position:relative;transition:transform .35s cubic-bezier(.2,.7,.2,1),box-shadow .35s}.lot:hover{transform:translateY(-6px)}
.lot .ph{overflow:hidden}.lot .ph:after{content:"";position:absolute;inset:0;background:linear-gradient(115deg,transparent 30%,rgba(255,255,255,.45) 50%,transparent 70%);transform:translateX(-120%);transition:transform .8s}.lot:hover .ph:after{transform:translateX(120%)}
.feats .card,.kpi4 .card{transition:transform .3s,box-shadow .3s}.feats .card:hover,.kpi4 .card:hover{transform:translateY(-4px)}
.primary{position:relative;overflow:hidden}.primary:after{content:"";position:absolute;inset:0;background:linear-gradient(115deg,transparent 35%,rgba(255,255,255,.3) 50%,transparent 65%);transform:translateX(-120%);transition:transform .6s}.primary:hover:after{transform:translateX(120%)}
.modal-box{animation:mz .3s cubic-bezier(.2,.7,.2,1)}@keyframes mz{from{opacity:0;transform:scale(.96) translateY(10px)}}
@media(max-width:980px){.wrap{padding:0 18px}.hero{min-height:0;padding:40px 0}.nav{padding:16px 18px}}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation:none!important;transition:none!important;scroll-behavior:auto!important}.rv{opacity:1;transform:none}}
.find{white-space:nowrap;padding:0 22px}.row{grid-template-columns:minmax(0,1.4fr) minmax(0,1fr) minmax(0,.8fr) auto}.row select{min-width:0}
@media(min-width:981px){.hero-grid{grid-template-columns:55% 1fr}}
@media(max-width:640px){.row{grid-template-columns:1fr 1fr}.find{padding:12px}}
/* v3: transitions + indicator */
.band{position:relative;margin-top:110px;padding:120px 0 130px;background:linear-gradient(180deg,#eef6f0 0%,#e3f0e7 50%,#eef6f0 100%);overflow:hidden}
.wave{position:absolute;left:0;width:100%;height:90px;pointer-events:none;z-index:1}.wave path{fill:#fff;transition:d .1s linear}.wave.top{top:-1px}.wave.bot{bottom:-1px;transform:scaleY(-1)}
.band>.wrap{position:relative;z-index:2}
.contours{position:absolute;inset:0;opacity:.5;background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='600' height='400' viewBox='0 0 600 400'%3E%3Cg fill='none' stroke='%232f8a5b' stroke-opacity='.18'%3E%3Cpath d='M-20 300c120-60 200 40 320-20s220-160 320-80'/%3E%3Cpath d='M-20 330c120-60 200 40 320-20s220-160 320-80'/%3E%3Cpath d='M-20 270c120-60 200 40 320-20s220-160 320-80'/%3E%3Cellipse cx='450' cy='120' rx='90' ry='50'/%3E%3Cellipse cx='450' cy='120' rx='60' ry='30'/%3E%3Cellipse cx='450' cy='120' rx='30' ry='14'/%3E%3Cellipse cx='120' cy='90' rx='70' ry='40'/%3E%3Cellipse cx='120' cy='90' rx='40' ry='20'/%3E%3C/g%3E%3C/svg%3E") repeat;background-size:600px 400px;animation:drift 60s linear infinite}
@keyframes drift{to{background-position:600px 400px}}
.band:before{content:"";position:absolute;width:520px;height:520px;right:-120px;top:10%;border-radius:50%;background:radial-gradient(circle,#c6e6d1,transparent 70%);opacity:.8}
#passport .two{grid-template-columns:1fr 1.15fr;gap:5vw}
.pp-facts{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin:22px 0 4px;max-width:520px}.pp-facts div{background:rgba(255,255,255,.7);backdrop-filter:blur(6px);border:1px solid #d4e6da;border-radius:14px;padding:12px 14px}.pp-facts b{display:block;font-size:22px;color:var(--g)}.pp-facts span{font-size:12px;color:var(--mut)}
.passport{position:relative}.passport:before{content:"";position:absolute;inset:-14px 14px auto auto;width:100%;height:100%;border-radius:var(--r);background:#fff;opacity:.5;z-index:-1;transform:rotate(2.5deg)}
.sec{transition:opacity .8s ease,transform .9s cubic-bezier(.2,.7,.2,1)}.sec.pre{opacity:0;transform:translateY(50px) scale(.97)}
body{transition:background-color .8s ease}
.side{position:fixed;right:22px;top:50%;transform:translateY(-50%);z-index:45;display:flex;flex-direction:column;gap:22px;padding:6px 0}
.side .rail{position:absolute;left:50%;top:0;bottom:0;width:2px;margin-left:-1px;background:#dfe7e1;border-radius:2px}.side .rail i{position:absolute;left:0;top:0;width:100%;background:var(--g2);border-radius:2px;height:0;transition:height .15s linear}
.side a{position:relative;width:14px;height:14px;display:grid;place-items:center}.side a:before{content:"";width:10px;height:10px;border-radius:50%;background:#fff;border:2px solid #b9c9be;transition:.35s cubic-bezier(.3,1.6,.5,1)}
.side a.on:before{background:var(--g2);border-color:var(--g2);transform:scale(1.35);box-shadow:0 0 0 5px rgba(47,138,91,.15)}.side a.done:before{border-color:var(--g2)}
.side a span{position:absolute;right:26px;white-space:nowrap;background:var(--ink);color:#fff;font-size:12px;font-weight:600;padding:5px 10px;border-radius:8px;opacity:0;transform:translateX(8px);transition:.25s;pointer-events:none}.side a:hover span,.side a.on span{opacity:1;transform:none}.side a.on span{background:var(--g)}
.side:not(:hover) a.on span{opacity:0}
.progress{position:fixed;top:0;left:0;height:3px;width:100%;transform-origin:0 50%;transform:scaleX(0);background:linear-gradient(90deg,var(--g),#7cc49a);z-index:60;display:none}
@media(max-width:980px){.side{display:none}.progress{display:block}.band{padding:80px 0 90px;margin-top:70px}.wave{height:50px}.pp-facts{grid-template-columns:repeat(3,1fr)}}
@media(max-width:640px){.pp-facts b{font-size:17px}.passport:before{display:none}}
@media(prefers-reduced-motion:reduce){.sec.pre{opacity:1;transform:none}.contours{animation:none}}
/* v4: custom selects */
.cs{position:relative;min-width:0}.cs select{position:absolute;opacity:0;pointer-events:none;width:1px;height:1px}
.cs-btn{width:100%;display:flex;align-items:center;justify-content:space-between;gap:8px;text-align:left;padding:2px 0;font-size:15px;color:var(--ink);white-space:nowrap}.cs-btn span{overflow:hidden;text-overflow:ellipsis}.cs-btn svg{flex:none;color:var(--g2);transition:transform .25s}
.cs.open .cs-btn svg{transform:rotate(180deg)}
.toolbar .cs,.sel .cs,.mform .cs{background:#fff;border:1px solid var(--line);border-radius:12px;padding:10px 14px;transition:border-color .2s,box-shadow .2s}.toolbar .cs{min-width:200px}.sel .cs{margin-top:4px}
.toolbar .cs:hover,.sel .cs:hover,.mform .cs:hover,.cs.open{border-color:var(--g2)}.cs.open{box-shadow:0 0 0 4px rgba(47,138,91,.12)}
.cs-list{position:absolute;left:0;right:0;top:calc(100% + 8px);min-width:220px;margin:0;padding:6px;list-style:none;background:#fff;border:1px solid var(--line);border-radius:14px;box-shadow:0 20px 40px -12px rgba(20,50,30,.28);z-index:70;max-height:260px;overflow:auto;opacity:0;transform:translateY(-6px) scale(.98);transform-origin:top;pointer-events:none;transition:.2s cubic-bezier(.2,.7,.2,1)}
.cs.open .cs-list{opacity:1;transform:none;pointer-events:auto}
.cs-list li{padding:9px 12px;border-radius:9px;cursor:pointer;font-size:14px;color:var(--ink);transition:background .15s}.cs-list li:hover{background:var(--gl)}.cs-list li.sel{background:var(--g);color:#fff}
.row .cs-list{left:-12px;right:-12px}
/* forms */
.valform input,.mform input,.mform textarea,#fText,.sub input{transition:border-color .2s,box-shadow .2s}
.valform input:focus,.mform input:focus,.mform textarea:focus,#fText:focus,.sub input:focus{outline:0;border-color:var(--g2);box-shadow:0 0 0 4px rgba(47,138,91,.12)}
.row label{transition:background .2s,box-shadow .2s}.row label:focus-within{background:#fff;box-shadow:inset 0 0 0 1.5px var(--g2)}
input:user-invalid{border-color:#d0473c!important;box-shadow:0 0 0 4px rgba(208,71,60,.1)!important}
/* yandex */
.ymap-box{overflow:hidden;height:560px;padding:0}.ymap-box iframe,.ymap-mini iframe{width:100%;height:100%;border:0;display:block}
.ymap-mini{height:220px;border-radius:14px;overflow:hidden;margin:6px 0 18px;border:1px solid var(--line)}
@media(max-width:980px){.ymap-box{height:440px}}
/* scrollbars */
html{scrollbar-width:thin;scrollbar-color:#3b9a68 #eef3ef}
.modal-box,.cs-list,.leads{scrollbar-width:thin;scrollbar-color:#3b9a68 transparent}
::-webkit-scrollbar{width:10px;height:10px}::-webkit-scrollbar-track{background:#eef3ef}
::-webkit-scrollbar-thumb{background:linear-gradient(180deg,#2f8a5b,#7cc49a);border-radius:10px;border:2px solid #eef3ef}
::-webkit-scrollbar-thumb:hover{background:linear-gradient(180deg,#1f6b45,#2f8a5b)}
.modal-box::-webkit-scrollbar,.cs-list::-webkit-scrollbar,.leads::-webkit-scrollbar{width:6px;height:6px}
.modal-box::-webkit-scrollbar-track,.cs-list::-webkit-scrollbar-track,.leads::-webkit-scrollbar-track{background:transparent;margin:12px}
.modal-box::-webkit-scrollbar-thumb,.cs-list::-webkit-scrollbar-thumb,.leads::-webkit-scrollbar-thumb{border:0}
/* v5: segmented morph */
.seg,.tabs{position:relative}.seg button,.tabs button{position:relative;z-index:1;transition:color .3s}.seg .active{background:none!important;color:#fff}.tabs .active{background:none!important}
.seg-ind{position:absolute;top:4px;bottom:4px;left:0;border-radius:9px;background:var(--g);transition:transform .45s cubic-bezier(.5,1.6,.4,1),width .45s cubic-bezier(.5,1.6,.4,1),opacity .2s;z-index:0;box-shadow:0 6px 14px -6px rgba(31,107,69,.6)}
.tabs .seg-ind{top:0;bottom:0;background:var(--gl);box-shadow:none;border-radius:10px}
/* calculator */
.calc{--q:#2f8a5b;--q2:#7cc49a;gap:18px;transition:box-shadow .4s}.calc[data-q=mid]{--q:#c48a1e;--q2:#f0c66a}.calc[data-q=bad]{--q:#c4473c;--q2:#f09a8a}
.calc-h{display:flex;justify-content:space-between;align-items:center;gap:10px;flex-wrap:wrap}.calc-h h3{margin:0}.presets button{font-size:13px;padding:6px 11px}
.rg-t{display:flex;justify-content:space-between;align-items:center;font-size:14px;color:var(--mut)}
.rg-n{width:84px;text-align:right;font-weight:700;font-size:15px;border:1px solid var(--line);border-radius:9px;padding:5px 8px;background:#fff;transition:.2s}.rg-n:focus{outline:0;border-color:var(--q);box-shadow:0 0 0 3px color-mix(in srgb,var(--q) 18%,transparent)}
.rg-w{position:relative;padding-top:6px}
.calc input[type=range]{-webkit-appearance:none;appearance:none;width:100%;height:8px;border-radius:8px;background:linear-gradient(90deg,var(--q),var(--q2)) 0/var(--p,50%) 100% no-repeat,#e6ede8;outline:0;margin:10px 0 4px;cursor:pointer}
.calc input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;width:22px;height:22px;border-radius:50%;background:#fff;border:3px solid var(--q);box-shadow:0 0 0 6px color-mix(in srgb,var(--q) 16%,transparent),0 4px 12px color-mix(in srgb,var(--q) 50%,transparent);transition:transform .2s,box-shadow .2s}
.calc input[type=range]:hover::-webkit-slider-thumb,.calc input[type=range]:active::-webkit-slider-thumb{transform:scale(1.15);box-shadow:0 0 0 10px color-mix(in srgb,var(--q) 18%,transparent),0 0 20px var(--q2)}
.calc input[type=range]::-moz-range-thumb{width:16px;height:16px;border-radius:50%;background:#fff;border:3px solid var(--q);box-shadow:0 0 0 6px color-mix(in srgb,var(--q) 16%,transparent)}
.rg-w output{position:absolute;top:-22px;transform:translateX(-50%);background:var(--ink);color:#fff;font-size:11px;font-weight:700;padding:3px 7px;border-radius:7px;opacity:0;transition:opacity .2s;pointer-events:none;white-space:nowrap}.rg-w output:after{content:"";position:absolute;left:50%;bottom:-4px;margin-left:-4px;border:4px solid transparent;border-bottom:0;border-top-color:var(--ink)}
.rg-w:hover output,.rg-w:focus-within output{opacity:1}
.ticks{display:flex;justify-content:space-between;font-size:10.5px;color:#9aa69e;padding:0 4px}.ticks i{font-style:normal;position:relative;padding-top:6px}.ticks i:before{content:"";position:absolute;left:50%;top:0;width:1px;height:4px;background:#c9d4cc}
.res{display:grid;grid-template-columns:170px 1fr;gap:16px;align-items:center}.gauge{position:relative;text-align:center}.gauge svg{width:100%;overflow:visible}
.g-tr,.g-v{fill:none;stroke-width:11;stroke-linecap:round}.g-tr{stroke:#e6ede8}.g-v{stroke:var(--q);stroke-dasharray:100;stroke-dashoffset:100;transition:stroke-dashoffset .8s cubic-bezier(.2,.7,.2,1),stroke .4s;filter:drop-shadow(0 3px 6px color-mix(in srgb,var(--q) 45%,transparent))}
.gauge div{margin-top:-34px}.gauge b{font-size:30px;color:var(--q);transition:color .4s}.gauge b:after{content:"%";font-size:18px}.gauge span{display:block;font-size:11px;color:var(--mut)}
.res .kpis{margin:0}.res .kpis b{font-size:17px}#cGrade{color:var(--q)}
.cf{background:var(--bg);border-radius:14px;padding:12px 14px}.cf-h{display:flex;justify-content:space-between;font-size:12px;color:var(--mut);margin-bottom:6px;flex-wrap:wrap;gap:6px}.cf-h b{color:#d9a441}#cfChart svg{width:100%;display:block}
.cfb{transform-box:fill-box;transform-origin:50% 100%;animation:grow .55s cubic-bezier(.2,.7,.2,1) both}.cfb.neg{fill:#e8b4ab;transform-origin:50% 0}.cfb.pos{fill:var(--q)}
@keyframes grow{from{transform:scaleY(0)}}.be{transition:transform .5s cubic-bezier(.2,.7,.2,1);animation:fadein .5s .4s both}@keyframes fadein{from{opacity:0}}
@media(max-width:640px){.res{grid-template-columns:1fr}.gauge{max-width:200px;margin:0 auto}}
.rg-t span{white-space:nowrap}.rg-t .rg-n{flex:none}
/* v6 photos */
.ph{background:#dfe9e1}.ph img,.gal .sl img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;display:block}
.ph img{transition:transform .9s cubic-bezier(.2,.7,.2,1),filter .5s}.lot:hover .ph img{transform:scale(1.08);filter:saturate(1.15)}
.ph:before{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(0,0,0,.18),transparent 35%,transparent 65%,rgba(0,0,0,.25));z-index:1;pointer-events:none}
.ph .tag,.ph .heart,.ph .ver{z-index:2}.lot .ph:after{z-index:1}
.gal .sl img{transform:scale(1.04);transition:transform 6s ease}.gal .sl.on img{transform:scale(1)}
html{overflow-x:clip}
/* ===== v7 ===== */
@property --a{syntax:'<angle>';initial-value:0deg;inherits:false}
/* header */
.topbar{position:fixed;left:0;right:0;top:0;background:transparent;border-bottom:1px solid transparent;backdrop-filter:none;transition:background .35s,box-shadow .35s,border-color .35s,backdrop-filter .35s}
body{padding-top:0}.hero{padding-top:120px}
.topbar .bar{height:84px;transition:height .35s cubic-bezier(.2,.7,.2,1)}
.topbar.scrolled{background:rgba(255,255,255,.82);backdrop-filter:blur(18px) saturate(1.6);border-color:rgba(20,50,30,.08);box-shadow:0 10px 30px -18px rgba(20,50,30,.35)}
.topbar.scrolled .bar{height:64px}.topbar .brand{transition:transform .35s;transform-origin:left center}.topbar.scrolled .brand{transform:scale(.88)}
.nav{position:relative;gap:4px;background:rgba(255,255,255,.55);border:1px solid rgba(20,50,30,.07);border-radius:99px;padding:5px;backdrop-filter:blur(8px)}
.nav a{padding:8px 16px;border-radius:99px;z-index:1;transition:color .25s}.nav a:after{display:none}.nav a.on,.nav a:hover{color:#fff}
.nav-ind{position:absolute;left:0;top:5px;bottom:5px;border-radius:99px;background:linear-gradient(135deg,var(--g),var(--g2));box-shadow:0 6px 16px -6px rgba(31,107,69,.7);transition:transform .45s cubic-bezier(.5,1.5,.4,1),width .45s cubic-bezier(.5,1.5,.4,1),opacity .3s;opacity:0}
.phone{display:flex;align-items:center;gap:8px;padding:0 8px;color:var(--ink)}.phone .ic{color:var(--g2);flex:none}.phone b{display:block;font-size:14px;white-space:nowrap}.phone small{display:block;font-size:10.5px;color:var(--mut);white-space:nowrap}
.cta{background:linear-gradient(135deg,var(--g),var(--g2));box-shadow:0 8px 22px -10px rgba(31,107,69,.9);transition:transform .25s cubic-bezier(.2,.7,.2,1),box-shadow .3s}
.cta:before,.find:before{content:"";position:absolute;inset:0;background:radial-gradient(120px circle at var(--mx,50%) var(--my,50%),rgba(255,255,255,.35),transparent 60%);opacity:0;transition:opacity .3s}.cta:hover:before,.find:hover:before{opacity:1}.cta span{position:relative}
.burger{display:none;width:42px;height:42px;border-radius:12px;position:relative;z-index:101}.burger i{position:absolute;left:11px;right:11px;height:2px;background:var(--ink);border-radius:2px;transition:.35s cubic-bezier(.2,.7,.2,1)}.burger i:nth-child(1){top:14px}.burger i:nth-child(2){top:20px}.burger i:nth-child(3){top:26px;right:17px}
.mm-open .burger i:nth-child(1){top:20px;transform:rotate(45deg)}.mm-open .burger i:nth-child(2){opacity:0;transform:translateX(10px)}.mm-open .burger i:nth-child(3){top:20px;right:11px;transform:rotate(-45deg)}
.mmenu{position:fixed;inset:0;z-index:39;pointer-events:none;display:flex;flex-direction:column;justify-content:space-between;padding:110px 26px 34px;visibility:hidden}
.mm-bg{position:absolute;inset:0;background:radial-gradient(600px 400px at 100% 0,#d9eedf,transparent),#fbfcfa;clip-path:circle(0 at calc(100% - 44px) 42px);transition:clip-path .6s cubic-bezier(.7,0,.2,1)}
.mm-open .mmenu{pointer-events:auto;visibility:visible}.mm-open .mm-bg{clip-path:circle(150% at calc(100% - 44px) 42px)}.mm-open .topbar{background:transparent;box-shadow:none;border-color:transparent;backdrop-filter:none}
.mmenu nav,.mm-foot{position:relative;display:flex;flex-direction:column}.mmenu nav a{font-size:clamp(34px,9vw,52px);font-weight:800;letter-spacing:-.03em;padding:6px 0;display:flex;align-items:baseline;gap:14px;opacity:0;transform:translateY(30px);transition:.5s cubic-bezier(.2,.7,.2,1)}
.mmenu nav a em{font-style:normal;font-size:13px;color:var(--g2);font-weight:700}.mmenu nav a:active{color:var(--g)}
.mm-open .mmenu nav a{opacity:1;transform:none}
.mm-open .mmenu nav a:nth-child(1){transition-delay:.15s}.mm-open .mmenu nav a:nth-child(2){transition-delay:.2s}.mm-open .mmenu nav a:nth-child(3){transition-delay:.25s}.mm-open .mmenu nav a:nth-child(4){transition-delay:.3s}.mm-open .mmenu nav a:nth-child(5){transition-delay:.35s}
.mm-foot{gap:14px;opacity:0;transition:opacity .4s .4s}.mm-open .mm-foot{opacity:1}.phone.big{font-size:20px;font-weight:700;padding:0}.mm-btns{display:grid;grid-template-columns:1fr 1fr;gap:10px}.mm-btns button{padding:14px}
@media(max-width:1280px){.phone small{display:none}}
@media(max-width:1180px){.phone{display:none}}
@media(max-width:980px){.burger{display:block}.nav{display:none!important}.actions .cta,.actions .login-btn{display:none}.topbar .bar{height:68px}.hero{padding-top:90px}}
@media(min-width:981px){.mmenu{display:none}}
/* hero */
.hero{overflow:visible;z-index:3}.hero-bg{position:absolute;inset:0;overflow:hidden;pointer-events:none}
.hero-grain{position:absolute;inset:0;opacity:.35;background-image:radial-gradient(rgba(31,107,69,.12) 1px,transparent 1px);background-size:22px 22px;mask-image:linear-gradient(120deg,#000,transparent 70%)}
.split .w{display:inline-block;opacity:0;transform:translateY(.5em) rotate(3deg);filter:blur(6px);transition:opacity .7s var(--d),transform .8s cubic-bezier(.2,.7,.2,1) var(--d),filter .7s var(--d)}.split.go .w{opacity:1;transform:none;filter:none}
.hero h1{animation:none}
.shine{background:linear-gradient(100deg,var(--g) 0%,#3fae73 30%,#b9e8c8 45%,#3fae73 60%,var(--g) 100%);background-size:250% 100%;-webkit-background-clip:text;background-clip:text;color:transparent;animation:shine 6s ease-in-out infinite}
@keyframes shine{0%,100%{background-position:100% 0}50%{background-position:0 0}}
.glass{position:relative;background:rgba(255,255,255,.72);backdrop-filter:blur(16px) saturate(1.4);border:0;box-shadow:0 30px 60px -30px rgba(20,60,35,.45),inset 0 1px 0 rgba(255,255,255,.9)}
.glass:before{content:"";position:absolute;inset:0;border-radius:inherit;padding:1.5px;background:conic-gradient(from var(--a),rgba(47,138,91,.15),#3fae73,rgba(217,164,65,.6),rgba(47,138,91,.15) 40%,rgba(47,138,91,.15));-webkit-mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);-webkit-mask-composite:xor;mask-composite:exclude;animation:spinb 7s linear infinite;pointer-events:none}
@keyframes spinb{to{--a:360deg}}
.tabs .seg-ind{background:#fff;box-shadow:0 6px 18px -6px rgba(47,138,91,.6),0 0 0 1px rgba(47,138,91,.25)}.tabs .active{color:var(--g)}
.row label{display:grid;grid-template-columns:22px 1fr;column-gap:8px;align-items:center;background:rgba(246,248,245,.8)}.row label .ic{grid-row:span 2;color:var(--g2)}.row label>span{font-size:12px}
.row label:focus-within .ic{animation:bob .5s}@keyframes bob{50%{transform:translateY(-3px)}}
.find{display:flex;align-items:center;gap:8px;justify-content:center;background:linear-gradient(135deg,var(--g),#2f9a62);box-shadow:0 10px 26px -8px rgba(47,138,91,.85),0 0 0 0 rgba(63,174,115,.5);animation:glow 2.8s ease-in-out infinite;transition:transform .25s cubic-bezier(.2,.7,.2,1)}
.find span,.find svg{position:relative}@keyframes glow{50%{box-shadow:0 10px 30px -6px rgba(47,138,91,.95),0 0 0 8px rgba(63,174,115,0)}}
.cad-ic{color:var(--g2);display:grid}.cad-f{position:relative;flex:1;overflow:hidden;border-radius:8px}.cad-f input{width:100%;border:0;outline:0;background:none;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;letter-spacing:.06em;padding:6px 2px}
.scan{position:absolute;top:0;bottom:0;width:60px;left:-60px;background:linear-gradient(90deg,transparent,rgba(63,174,115,.35),transparent);border-right:2px solid #3fae73;pointer-events:none;opacity:0}
.cad-f:focus-within .scan{animation:scan 2.2s ease-in-out infinite;opacity:1}.cad-f.scanning .scan{animation:scan .9s ease-in-out 2;opacity:1}@keyframes scan{from{left:-60px}to{left:100%}}
.stats{gap:14px;flex-wrap:wrap}.chip-g{display:flex;align-items:center;gap:12px;padding:12px 16px 12px 12px;border-radius:16px;background:rgba(255,255,255,.6);backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.9);box-shadow:0 10px 24px -16px rgba(20,60,35,.5);transition:transform .3s}.chip-g:hover{transform:translateY(-3px)}
.chip-g b{font-size:24px;line-height:1.1}.chip-g span{font-size:12px}.ring{width:40px;height:40px;transform:rotate(-90deg);flex:none}.ring circle{fill:none;stroke-width:4;stroke:#dcebe1}.ring .rv-ring{stroke:var(--g2);stroke-linecap:round;stroke-dasharray:94.2;stroke-dashoffset:94.2;transition:stroke-dashoffset 1.6s cubic-bezier(.2,.7,.2,1) .3s}.chip-g.on .rv-ring{stroke-dashoffset:calc(94.2*(1 - var(--v)))}
.spark{width:52px;height:28px;flex:none}.spark path{fill:none;stroke:var(--g2);stroke-width:2.4;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:80;stroke-dashoffset:80;transition:stroke-dashoffset 1.6s .3s}.chip-g.on .spark path{stroke-dashoffset:0}
.cs-list{z-index:200}
/* calculator pills */
.calc .rg-t{gap:10px}.calc .pill{display:inline-flex;align-items:center;gap:4px;flex:none;background:#fff;border:1px solid var(--line);border-radius:99px;padding:3px 12px 3px 4px;transition:border-color .2s,box-shadow .2s}
.calc .pill:focus-within{border-color:var(--q);box-shadow:0 0 0 3px color-mix(in srgb,var(--q) 18%,transparent)}
.calc .rg-n{width:64px!important;border:0!important;box-shadow:none!important;padding:4px 6px;text-align:right;background:none;-moz-appearance:textfield;margin:0}.calc .rg-n::-webkit-inner-spin-button{-webkit-appearance:none}
.calc .pill em{font-style:normal;font-size:12px;color:var(--mut);white-space:nowrap}.rg-t>span{white-space:normal!important;min-width:0}
/* filter range like calculator */
.rng-w{--q:#2f8a5b;--q2:#7cc49a;white-space:nowrap}.rng{-webkit-appearance:none;appearance:none;width:150px;height:6px;border-radius:6px;background:linear-gradient(90deg,var(--q),var(--q2)) 0/var(--p,100%) 100% no-repeat,#e6ede8;outline:0;cursor:pointer}
.rng::-webkit-slider-thumb{-webkit-appearance:none;width:18px;height:18px;border-radius:50%;background:#fff;border:3px solid var(--q);box-shadow:0 0 0 5px rgba(47,138,91,.15),0 3px 8px rgba(47,138,91,.4);transition:transform .2s}.rng:hover::-webkit-slider-thumb{transform:scale(1.15)}
.rng::-moz-range-thumb{width:13px;height:13px;border-radius:50%;background:#fff;border:3px solid var(--q)}
/* toggle pills */
.tgl{cursor:pointer}.tgl input{position:absolute;opacity:0;pointer-events:none}.tgl>span{display:inline-flex;align-items:center;gap:6px;padding:8px 14px;border-radius:99px;border:1px solid var(--line);background:#fff;font-size:14px;font-weight:500;color:var(--mut);transition:.25s}
.tgl:hover>span{border-color:var(--g2);color:var(--g)}.tgl input:checked+span{background:var(--gl);border-color:var(--g2);color:var(--g);box-shadow:0 6px 14px -8px rgba(47,138,91,.6)}
.tgl input:focus-visible+span,.cbx input:focus-visible+.box,.role input:focus-visible+span{outline:0;box-shadow:0 0 0 4px rgba(47,138,91,.25)}
.tgl .ck{width:0;transition:width .25s}.tgl .ck path,.cbx .box path{fill:none;stroke:currentColor;stroke-width:3;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:24;stroke-dashoffset:24;transition:stroke-dashoffset .35s .05s}
.tgl input:checked+span .ck{width:14px}.tgl input:checked+span .ck path{stroke-dashoffset:0}
.cbx{display:flex;align-items:flex-start;gap:10px;cursor:pointer;font-size:13.5px;color:var(--mut);line-height:1.4}.cbx input{position:absolute;opacity:0;pointer-events:none}
.cbx .box{flex:none;width:20px;height:20px;border-radius:6px;border:2px solid #c4d2c8;display:grid;place-items:center;transition:.2s;color:#fff;background:#fff}.cbx .box svg{width:14px;height:14px}
.cbx input:checked+.box{background:var(--g2);border-color:var(--g2);transform:scale(1.05)}.cbx input:checked+.box path{stroke-dashoffset:0}.cbx:hover .box{border-color:var(--g2)}
/* footer */
footer.foot-x{position:relative;margin-top:100px;padding:80px 0 30px;background:#0f2a1f;color:#cfe0d5;overflow:hidden;border:0}
.f-contours{position:absolute;inset:0;opacity:.6;background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='600' height='400' viewBox='0 0 600 400'%3E%3Cg fill='none' stroke='%237cc49a' stroke-opacity='.12'%3E%3Cpath d='M-20 300c120-60 200 40 320-20s220-160 320-80'/%3E%3Cpath d='M-20 330c120-60 200 40 320-20s220-160 320-80'/%3E%3Cpath d='M-20 270c120-60 200 40 320-20s220-160 320-80'/%3E%3Cellipse cx='450' cy='120' rx='90' ry='50'/%3E%3Cellipse cx='450' cy='120' rx='60' ry='30'/%3E%3Cellipse cx='120' cy='90' rx='70' ry='40'/%3E%3C/g%3E%3C/svg%3E");animation:drift 80s linear infinite}
footer.foot-x:before{content:"";position:absolute;width:700px;height:700px;left:-200px;top:-300px;border-radius:50%;background:radial-gradient(circle,rgba(63,174,115,.25),transparent 65%)}
.foot-x .wrap{position:relative}.f-top{display:grid;grid-template-columns:1fr 1.4fr;gap:6vw}.f-cta h3{color:#fff;font-size:clamp(24px,2.4vw,34px);margin:10px 0 22px;max-width:460px}.foot-x .eyebrow{color:#7cc49a}
.sub-x{position:relative;display:flex;align-items:center;background:rgba(255,255,255,.06);border:1px solid rgba(255,255,255,.14);border-radius:99px;padding:6px;max-width:480px;transition:border-color .3s,box-shadow .3s}.sub-x:focus-within{border-color:#3fae73;box-shadow:0 0 0 5px rgba(63,174,115,.15)}
.sub-ic{width:40px;text-align:center;color:#7cc49a;font-weight:700}.sub-x input{flex:1;background:none;border:0;outline:0;color:#fff;padding:16px 0 6px;font-size:15px;min-width:0}
.sub-x label{position:absolute;left:46px;top:50%;transform:translateY(-50%);color:#8fa99a;pointer-events:none;transition:.2s}.sub-x input:focus+label,.sub-x input:not(:placeholder-shown)+label{top:14px;font-size:11px;color:#7cc49a}
.sub-x .primary{border-radius:99px;display:flex;gap:8px;align-items:center;padding:12px 20px;background:linear-gradient(135deg,#2f8a5b,#3fae73)}.sub-x .primary svg{transition:transform .3s}.sub-x .primary:hover svg{transform:translateX(4px)}
.f-cols{display:grid;grid-template-columns:repeat(4,1fr);gap:24px}.f-cols h4{color:#fff;font-size:14px;margin:0 0 14px;letter-spacing:.04em}.f-cols a,.f-cols span{display:block;color:#9fb8a9;font-size:14px;padding:4px 0;transition:color .2s,transform .2s}.f-cols a:hover{color:#fff;transform:translateX(4px)}
.f-phone{color:#fff!important;font-size:18px!important;font-weight:700}.socials{display:flex;gap:8px;margin-top:14px}.socials a{width:40px;height:40px;border-radius:12px;display:grid!important;place-items:center;padding:0!important;background:rgba(255,255,255,.06);border:1px solid rgba(255,255,255,.1);color:#cfe0d5;transition:.3s cubic-bezier(.2,.7,.2,1)!important}
.socials a:hover{background:#3fae73;color:#fff;transform:translateY(-4px) rotate(-6deg)!important;box-shadow:0 10px 20px -8px #3fae73}
.wordmark{font-weight:900;font-size:clamp(70px,17.5vw,300px);line-height:.8;letter-spacing:-.06em;margin:70px 0 24px;white-space:nowrap;text-align:center;background:linear-gradient(180deg,rgba(124,196,154,.55),rgba(124,196,154,.04) 85%),url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='120' height='60'%3E%3Cpath d='M0 30c30-20 60 20 120 0' fill='none' stroke='%23fff' stroke-opacity='.25'/%3E%3C/svg%3E");-webkit-background-clip:text;background-clip:text;color:transparent;user-select:none}.wordmark span{opacity:.6}
.f-bot{display:flex;justify-content:space-between;flex-wrap:wrap;gap:12px;padding-top:22px;border-top:1px solid rgba(255,255,255,.1);font-size:13px;color:#8fa99a}.f-links{display:flex;gap:20px}.f-links a:hover{color:#fff}
.totop{position:fixed;right:22px;bottom:24px;width:52px;height:52px;border-radius:50%;background:#fff;box-shadow:0 12px 28px -10px rgba(20,60,35,.5);z-index:46;display:grid;place-items:center;color:var(--g);opacity:0;transform:translateY(20px) scale(.8);pointer-events:none;transition:.35s cubic-bezier(.2,.7,.2,1)}
.totop.show{opacity:1;transform:none;pointer-events:auto}.totop:hover{background:var(--g);color:#fff}.totop svg:first-child{position:absolute;inset:0;transform:rotate(-90deg)}.tt-tr,.tt-v{fill:none;stroke-width:2.5}.tt-tr{stroke:#e2ece5}.tt-v{stroke:#3fae73;stroke-dasharray:113;stroke-dashoffset:113;stroke-linecap:round}.totop:hover .tt-ar{animation:bob .6s infinite}
.side{right:18px}@media(min-width:981px){.totop{right:auto;left:22px}}
@media(max-width:980px){.f-top{grid-template-columns:1fr}.f-cols{grid-template-columns:1fr 1fr}.totop{bottom:86px;right:16px}}
@media(max-width:640px){.sub-x .primary span{display:none}.f-bot{flex-direction:column}}
/* auth */
.modal-box.auth-box{max-width:980px;padding:0;overflow:hidden}.auth{display:grid;grid-template-columns:.9fr 1.1fr;min-height:620px}
.auth-art{position:relative;color:#fff;overflow:hidden;background:#123524}.aa-ph{position:absolute;inset:0;background-size:cover;background-position:center;transform:scale(1.08);animation:kb 18s ease-in-out infinite alternate}@keyframes kb{to{transform:scale(1.18) translate(-2%,-2%)}}
.aa-ct{position:absolute;inset:0;background:linear-gradient(160deg,rgba(15,42,31,.55),rgba(15,42,31,.92)),url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='300' height='200'%3E%3Cg fill='none' stroke='%23fff' stroke-opacity='.12'%3E%3Cpath d='M-10 150c60-30 100 20 160-10s110-80 160-40'/%3E%3Cpath d='M-10 170c60-30 100 20 160-10s110-80 160-40'/%3E%3Cellipse cx='220' cy='60' rx='45' ry='25'/%3E%3C/g%3E%3C/svg%3E")}
.aa-in{position:relative;height:100%;display:flex;flex-direction:column;padding:36px}.brand.light{color:#fff}.brand.light b{color:#7cc49a}.brand.light small{color:#bcd6c6}
.aa-in ul{list-style:none;padding:0;margin:auto 0 24px;display:grid;gap:12px}.aa-in li{padding-left:30px;position:relative;color:#d7e7dd}.aa-in li:before{content:"✓";position:absolute;left:0;top:0;width:20px;height:20px;border-radius:50%;background:#3fae73;color:#fff;font-size:12px;display:grid;place-items:center}.aa-in li b{color:#fff}
.aa-q{background:rgba(255,255,255,.1);backdrop-filter:blur(8px);border:1px solid rgba(255,255,255,.15);border-radius:16px;padding:16px;font-size:14px;line-height:1.5}.aa-q span{display:block;margin-top:8px;font-size:12px;color:#a9c6b4}
.auth-main{padding:36px 40px;display:flex;flex-direction:column}.atabs{position:relative;display:grid;grid-template-columns:repeat(3,auto);justify-content:start;gap:2px;background:var(--bg);border-radius:12px;padding:4px;margin-bottom:26px;width:max-content;max-width:100%}
.atabs button{position:relative;z-index:1;padding:9px 16px;border-radius:9px;font-weight:600;font-size:14px;color:var(--mut);transition:color .3s}.atabs .active{color:var(--g)}.at-ind{position:absolute;top:4px;bottom:4px;left:0;border-radius:9px;background:#fff;box-shadow:0 4px 12px -4px rgba(20,60,35,.3);transition:transform .45s cubic-bezier(.5,1.5,.4,1),width .45s cubic-bezier(.5,1.5,.4,1)}
.aview.in,#rStep.in{animation:av .45s cubic-bezier(.2,.7,.2,1)}@keyframes av{from{opacity:0;transform:translateX(var(--dx,40px))}}
.aview h2{font-size:30px;margin:0 0 4px}.af{display:grid;gap:14px;margin-top:18px}
.fl{position:relative}.fl input{width:100%;padding:22px 44px 8px 44px;border:1.5px solid var(--line);border-radius:14px;background:#fff;font-size:15px;outline:0;transition:border-color .2s,box-shadow .2s}
.fl label{position:absolute;left:44px;top:50%;transform:translateY(-50%);color:var(--mut);pointer-events:none;transition:.2s cubic-bezier(.2,.7,.2,1)}.fl input:focus+label,.fl input:not(:placeholder-shown)+label{top:15px;font-size:11px;color:var(--g2);font-weight:600}
.fl-ic{position:absolute;left:14px;top:50%;transform:translateY(-50%);color:#9aa89f;transition:color .2s}.fl:focus-within .fl-ic{color:var(--g2)}.fl input:focus{border-color:var(--g2);box-shadow:0 0 0 4px rgba(47,138,91,.12)}.fl.err input{border-color:#d0473c}
.eye{position:absolute;right:10px;top:50%;transform:translateY(-50%);width:32px;height:32px;border-radius:8px;color:#9aa89f;display:grid;place-items:center}.eye.on{color:var(--g)}.eye:hover{background:var(--bg)}
.af-row{display:flex;justify-content:space-between;align-items:center;gap:10px}.af-row .link{font-size:13.5px;text-decoration:none}.primary.wide{width:100%;padding:14px;font-size:15px;background:linear-gradient(135deg,var(--g),var(--g2))}
.or{display:flex;align-items:center;gap:12px;font-size:12px;color:var(--mut);margin:4px 0}.or:before,.or:after{content:"";flex:1;height:1px;background:var(--line)}
.socl{display:grid;grid-template-columns:repeat(3,1fr);gap:8px}.socl button{display:flex;align-items:center;justify-content:center;gap:8px;padding:11px 8px;border:1.5px solid var(--line);border-radius:12px;font-size:13px;font-weight:600;transition:.2s}.socl button:hover{border-color:var(--g2);transform:translateY(-2px)}.socl button.ld{opacity:.6;pointer-events:none}
.socl i{width:22px;height:22px;border-radius:6px;display:grid;place-items:center;font-style:normal;font-size:11px;font-weight:800;color:#fff}.ya{background:#fc3f1d}.vk{background:#0077ff}.gu{background:linear-gradient(135deg,#0d4cd3,#ee2f53)}
.roles{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}.role input{position:absolute;opacity:0}.role span{display:flex;flex-direction:column;gap:2px;padding:14px;border:1.5px solid var(--line);border-radius:14px;cursor:pointer;transition:.25s;height:100%}.role svg{color:var(--mut);margin-bottom:6px;transition:.25s}.role small{color:var(--mut);font-size:12px}
.role:hover span{border-color:var(--g2)}.role input:checked+span{border-color:var(--g2);background:var(--gl);box-shadow:0 8px 20px -12px rgba(47,138,91,.8);transform:translateY(-2px)}.role input:checked+span svg{color:var(--g)}
.strength{display:grid;grid-template-columns:repeat(4,1fr) auto;gap:6px;align-items:center;margin-top:-6px}.strength i{height:5px;border-radius:5px;background:var(--line);transition:background .3s}.strength span{font-size:12px;color:var(--mut);min-width:70px;text-align:right}
.strength[data-s="1"] i:nth-child(-n+1){background:#d0473c}.strength[data-s="2"] i:nth-child(-n+2){background:#e09a2b}.strength[data-s="3"] i:nth-child(-n+3){background:#7cb342}.strength[data-s="4"] i{background:var(--g2)}
.rsteps{display:flex;gap:6px;margin-bottom:16px}.rsteps i{flex:1;height:4px;border-radius:4px;background:var(--line);transition:background .4s}.rsteps i.on{background:var(--g2)}
.otp{display:grid;grid-template-columns:repeat(6,1fr);gap:8px}.otp input{height:58px;text-align:center;font-size:24px;font-weight:700;border:1.5px solid var(--line);border-radius:14px;outline:0;transition:.2s}.otp input:focus{border-color:var(--g2);box-shadow:0 0 0 4px rgba(47,138,91,.12);transform:translateY(-2px)}
.otp input.fill{border-color:var(--g2);background:var(--gl);animation:pop .3s}.resend{font-size:13px;text-decoration:none;justify-self:center}.resend:disabled{color:var(--mut);cursor:default}
.done{text-align:center;padding:30px 0}.done svg{width:96px;height:96px;margin-bottom:10px}.done circle{fill:none;stroke:var(--g2);stroke-width:4;stroke-dasharray:227;stroke-dashoffset:227;animation:dr .7s forwards}.done path{fill:none;stroke:var(--g2);stroke-width:5;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:60;stroke-dashoffset:60;animation:dr .5s .5s forwards}@keyframes dr{to{stroke-dashoffset:0}}
.auth-box .x{color:var(--mut)}
@media(max-width:860px){.modal:has(.auth-box){padding:0}.modal-box.auth-box{max-width:none;height:100%;max-height:none;border-radius:0}.auth{grid-template-columns:1fr;min-height:100%}.auth-art{min-height:150px}.aa-in{padding:22px}.aa-in ul,.aa-q{display:none}.auth-main{padding:24px 20px 40px}
.modal-box.auth-box{animation:sheet .45s cubic-bezier(.2,.7,.2,1)}@keyframes sheet{from{transform:translateY(100%)}}.roles{grid-template-columns:1fr}.role span{flex-direction:row;align-items:center;gap:10px}.role svg{margin:0}.socl{grid-template-columns:1fr}}
@media(prefers-reduced-motion:reduce){.split .w{opacity:1;transform:none;filter:none}}
.searchbox{z-index:5}.hero-grid>div:first-child{position:relative;z-index:4}.stats{position:relative;z-index:1}
.mm-open .tabbar{display:none}.mm-open .totop{opacity:0;pointer-events:none}
@media(min-width:981px){.totop{left:auto;right:56px}}
.mmenu .phone.big{display:flex;color:var(--ink)}
/* v8 portal dropdowns */
.cs-list.portal{position:fixed;left:0;top:0;right:auto;z-index:10000;min-width:0;transform-origin:top}
.cs-list.portal.up{transform-origin:bottom;transform:translateY(6px) scale(.98)}
.cs-list.portal.open{opacity:1;transform:none;pointer-events:auto}
/* v8 valuation */
#valuation .val-grid{grid-template-columns:1fr 1fr;gap:5vw;align-items:center}
.val-vis{position:relative;overflow:hidden;padding:0;margin:22px 0 18px;max-width:560px;border-radius:20px}.vv{display:block;width:100%;height:auto}
.plot{fill:rgba(63,174,115,.0);stroke:var(--g2);stroke-width:3;stroke-linejoin:round;stroke-dasharray:620;stroke-dashoffset:620;transition:stroke-dashoffset 2s cubic-bezier(.6,0,.2,1),fill 1s 1.6s}
.val-vis.draw .plot{stroke-dashoffset:0;fill:rgba(63,174,115,.18)}.vtx circle{fill:#fff;stroke:var(--g2);stroke-width:2.5;opacity:0;transition:opacity .3s}.val-vis.draw .vtx circle{opacity:1}
.val-vis.draw .vtx circle:nth-child(1){transition-delay:.2s}.val-vis.draw .vtx circle:nth-child(2){transition-delay:.5s}.val-vis.draw .vtx circle:nth-child(3){transition-delay:.8s}.val-vis.draw .vtx circle:nth-child(4){transition-delay:1.1s}.val-vis.draw .vtx circle:nth-child(5){transition-delay:1.4s}.val-vis.draw .vtx circle:nth-child(6){transition-delay:1.7s}
.vlabel rect{fill:#fff;filter:drop-shadow(0 6px 10px rgba(20,60,35,.15))}.vlabel text{font-size:11px;fill:#7a887f}.vlabel .big{font-size:18px;font-weight:800;fill:var(--g)}.vlabel{opacity:0;transform:translateY(10px);transition:.6s 2s}.val-vis.draw .vlabel{opacity:1;transform:none}
.vv-scan{position:absolute;left:0;right:0;height:70px;top:-70px;background:linear-gradient(180deg,transparent,rgba(63,174,115,.28));border-bottom:2px solid #3fae73;pointer-events:none;opacity:0}.val-vis.scanning .vv-scan{opacity:1;animation:vscan 1.3s ease-in-out infinite}@keyframes vscan{to{top:100%}}
.vsteps{list-style:none;padding:0;margin:0 0 16px;display:grid;grid-template-columns:repeat(3,1fr);gap:10px;max-width:560px;counter-reset:s}
.vsteps li{position:relative;display:flex;align-items:center;gap:10px;padding:10px 12px;border-radius:14px;background:rgba(255,255,255,.55);border:1px solid #d9e8de;transition:.4s}
.vsteps b{width:28px;height:28px;flex:none;border-radius:50%;display:grid;place-items:center;background:#e3efe7;color:var(--g);font-size:13px;transition:.4s}.vsteps span{font-weight:700;font-size:14px;line-height:1.2}.vsteps small{display:block;font-weight:400;font-size:11.5px;color:var(--mut)}
.vsteps li.on b{background:var(--g2);color:#fff}.vsteps li.cur{background:#fff;border-color:var(--g2);box-shadow:0 10px 22px -14px rgba(47,138,91,.8);transform:translateY(-2px)}.vsteps li.cur b{animation:pulse 1.6s infinite}
@keyframes pulse{0%{box-shadow:0 0 0 0 rgba(63,174,115,.5)}100%{box-shadow:0 0 0 10px rgba(63,174,115,0)}}
.trust{display:flex;flex-wrap:wrap;gap:8px}.trust span{font-size:12.5px;font-weight:600;color:var(--g);padding:6px 12px;border-radius:99px;background:rgba(255,255,255,.7);border:1px solid #d4e6da;backdrop-filter:blur(6px)}
.valform-x{padding:30px;display:block;border-radius:24px}.valform-x h3{font-size:24px;margin:0 0 4px}.small{font-size:13.5px;margin:0 0 20px}.valform-x #valIdle{display:grid;gap:14px}.valform-x #valIdle>p.small{margin-bottom:6px}
.cadf .scan{z-index:1}.cadf{overflow:hidden;border-radius:14px}.cadf input{font-family:ui-monospace,SFMono-Regular,Menlo,monospace;letter-spacing:.06em}.cadf:focus-within .scan{animation:scan 2.2s ease-in-out infinite;opacity:1}
.cadf .hint{position:absolute;right:14px;top:50%;transform:translateY(-50%);font:12px ui-monospace,monospace;color:#b4c2b9;pointer-events:none;transition:opacity .2s}.cadf input:focus~.hint,.cadf input:not(:placeholder-shown)~.hint{opacity:0}
.fl.err input{border-color:#d0473c;box-shadow:0 0 0 4px rgba(208,71,60,.1)}.fl.err .fl-ic{color:#d0473c}
.val-goal{display:flex;align-items:center;gap:12px;flex-wrap:wrap}.val-goal>span{font-size:13px;color:var(--mut)}.goal-chips{display:flex;gap:6px}.goal-chips .tgl>span{padding:7px 14px}
.val-btn{padding:16px;font-size:16px}.fine{font-size:11.5px;color:var(--mut);margin:0;text-align:center}
.shake{animation:shake .45s}@keyframes shake{20%,60%{transform:translateX(-6px)}40%,80%{transform:translateX(6px)}}
.mono{font-family:ui-monospace,monospace;letter-spacing:.05em}.an-bar{height:8px;border-radius:8px;background:#e6ede8;overflow:hidden;margin:6px 0 20px}.an-bar i{display:block;height:100%;width:0;background:linear-gradient(90deg,var(--g),#7cc49a);border-radius:8px;transition:width .6s cubic-bezier(.2,.7,.2,1);box-shadow:0 0 12px #7cc49a}
.an-steps{list-style:none;padding:0;margin:0;display:grid;gap:12px}.an-steps li{display:flex;align-items:center;gap:12px;color:#9aa89f;font-weight:500;transition:color .3s}.an-steps .dot{width:22px;height:22px;border-radius:50%;border:2px solid #d4e0d8;flex:none;transition:.3s}
.an-steps li.run{color:var(--ink)}.an-steps li.run .dot{border-color:var(--g2);border-top-color:transparent;animation:r .7s linear infinite}.an-steps li.ok{color:var(--ink)}.an-steps li.ok .dot{background:var(--g2);border-color:var(--g2)}.an-steps em{margin-left:auto;font-style:normal;color:var(--g2);font-weight:800}
.vres>*{opacity:0;transform:translateY(14px);transition:.6s cubic-bezier(.2,.7,.2,1)}.vres.in>*{opacity:1;transform:none}.vres.in>*:nth-child(2){transition-delay:.08s}.vres.in>*:nth-child(3){transition-delay:.16s}.vres.in>*:nth-child(4){transition-delay:.24s}.vres.in>*:nth-child(5){transition-delay:.32s}.vres.in>*:nth-child(6){transition-delay:.4s}.vres.in>*:nth-child(7){transition-delay:.48s}
.vr-h{display:flex;justify-content:space-between;align-items:center}.vr-price{display:flex;align-items:baseline;gap:4px;margin:8px 0 16px;font-size:44px;font-weight:800;letter-spacing:-.03em;color:var(--g)}.vr-price span{font-size:18px;color:var(--mut);margin-left:6px;font-weight:600}
.vr-track{position:relative;height:12px;border-radius:12px;background:linear-gradient(90deg,#f0c66a,#7cc49a 50%,#2f8a5b)}.vr-range{position:absolute;top:-4px;bottom:-4px;left:var(--l);right:var(--r);border-radius:10px;border:2px solid #fff;box-shadow:0 0 0 2px var(--g2);transform-origin:center;animation:grow2 .8s .4s both}@keyframes grow2{from{transform:scaleX(0)}}
.vr-pin{position:absolute;left:var(--x);top:50%;width:20px;height:20px;margin:-10px 0 0 -10px;border-radius:50%;background:#fff;border:4px solid var(--g);box-shadow:0 4px 12px rgba(31,107,69,.5);animation:pinIn .9s .6s cubic-bezier(.3,1.6,.5,1) both}.vr-pin span{position:absolute;bottom:26px;left:50%;transform:translateX(-50%);white-space:nowrap;font-size:11px;font-weight:700;background:var(--ink);color:#fff;padding:3px 8px;border-radius:6px}
@keyframes pinIn{from{left:0;opacity:0}}
.vr-lab{display:flex;justify-content:space-between;font-size:11px;color:var(--mut);margin:8px 0 18px}
.vr-kpi{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}.vr-kpi div{background:var(--bg);border-radius:14px;padding:12px}.vr-kpi span{display:block;font-size:12px;color:var(--mut)}.vr-kpi b{font-size:19px}.vr-kpi em{font-style:normal}
.vr-buyers{display:flex;align-items:center;margin:16px 0}.vr-buyers i{width:34px;height:34px;border-radius:50%;margin-left:-8px;display:grid;place-items:center;font-style:normal;font-size:11px;font-weight:700;color:#fff;border:2px solid #fff;background:hsl(calc(140 + var(--i)*25),45%,40%);animation:pop .4s calc(.8s + var(--i)*.08s) both}.vr-buyers i:first-child{margin-left:0}.vr-buyers span{margin-left:12px;font-size:13px;color:var(--mut)}
.vr-cta{display:flex;gap:10px;flex-wrap:wrap}.vr-cta .find{flex:1;padding:14px}.vr-again{display:block;margin:14px auto 0;font-size:13.5px}
@media(max-width:980px){#valuation .val-grid{grid-template-columns:1fr}}
@media(max-width:640px){.vsteps{grid-template-columns:1fr}.vr-price{font-size:34px}.vr-kpi{grid-template-columns:1fr 1fr}.valform-x{padding:22px}}
.vr-scale{margin-top:34px}.vr-buyers i{font-size:10px}.vr-cta .find span{white-space:normal;text-align:center}
@media(max-width:640px){.vr-cta{flex-direction:column}.vr-cta .ghost{padding:13px}.vr-h{flex-wrap:wrap;gap:6px}}
.nav a,.nav a:hover{color:#2b3632}.nav a.on{color:var(--g);font-weight:600}.nav a.hl,.nav a.hl:hover{color:#fff}
/* v10 phone */
.phone{background:none;border:0;cursor:pointer;border-radius:14px;padding:6px 10px;transition:background .25s}.phone:hover,.phone.pop-on{background:rgba(47,138,91,.08)}
.ph-ic{position:relative;width:34px;height:34px;border-radius:50%;display:grid;place-items:center;background:linear-gradient(135deg,var(--g),#3fae73);color:#fff;flex:none;box-shadow:0 6px 14px -6px rgba(31,107,69,.8)}
.ph-ic svg{animation:ringw 4s ease-in-out infinite;transform-origin:50% 50%}@keyframes ringw{0%,78%,100%{transform:rotate(0)}80%,84%,88%{transform:rotate(-16deg)}82%,86%,90%{transform:rotate(16deg)}}
.ph-ic i{position:absolute;inset:0;border-radius:50%;border:2px solid #3fae73;opacity:0;animation:pring 4s ease-out infinite}.ph-ic .ring2{animation-delay:.35s}@keyframes pring{0%,76%{transform:scale(1);opacity:0}80%{opacity:.7}100%{transform:scale(1.9);opacity:0}}
.phone.offline .ph-ic{background:linear-gradient(135deg,#6b7a71,#93a299);box-shadow:none}.phone.offline .ph-ic i{display:none}
.ph-tx small{display:flex!important;align-items:center;gap:5px}.ph-tx em{font-style:normal}.st-dot{width:7px;height:7px;border-radius:50%;background:#2fbf6b;box-shadow:0 0 0 0 rgba(47,191,107,.6);animation:pulse 1.8s infinite}.phone.offline .st-dot{background:#d9a441;animation:none}
.hpop{position:fixed;z-index:10001;width:360px;background:rgba(255,255,255,.88);backdrop-filter:blur(20px) saturate(1.6);border:1px solid rgba(255,255,255,.9);border-radius:22px;box-shadow:0 30px 70px -20px rgba(20,60,35,.45),0 0 0 1px rgba(20,50,30,.06);padding:18px;opacity:0;transform:translateY(-8px) scale(.97);transform-origin:var(--ax,50%) 0;pointer-events:none;transition:opacity .22s,transform .3s cubic-bezier(.2,.7,.2,1)}
.hpop.open{opacity:1;transform:none;pointer-events:auto}.hpop:before{content:"";position:absolute;top:-7px;left:var(--ax,50%);width:14px;height:14px;margin-left:-7px;background:inherit;border-left:1px solid rgba(20,50,30,.06);border-top:1px solid rgba(20,50,30,.06);transform:rotate(45deg);border-radius:3px 0 0 0}
.hpop.sheet{width:auto;border-radius:24px;transform:translateY(30px)}.hpop.sheet.open{transform:none}.hpop.sheet:before{display:none}
body.pop-sheet:after{content:"";position:fixed;inset:0;background:rgba(15,30,20,.35);z-index:10000;animation:fadein .2s}
.pp-mgr{display:flex;gap:12px;align-items:center}.ava{position:relative;width:46px;height:46px;border-radius:50%;background:linear-gradient(135deg,#d9a441,#2f8a5b);color:#fff;display:grid;place-items:center;font-weight:800;flex:none}.ava i{position:absolute;right:0;bottom:1px;width:12px;height:12px;border-radius:50%;background:#b8c2bc;border:2px solid #fff}.ava i.on{background:#2fbf6b}
.pp-mgr b{display:block}.pp-mgr small{color:var(--mut);font-size:12px}
.pp-num{display:flex;align-items:center;justify-content:space-between;margin:14px 0 6px;padding:10px 12px;border-radius:14px;background:var(--bg)}.pp-num a{font-size:20px;font-weight:800;letter-spacing:-.01em}.copy{width:34px;height:34px;border-radius:10px;display:grid;place-items:center;color:var(--g);transition:.2s}.copy:hover{background:#fff}.copy.ok{background:var(--g2);color:#fff;animation:pop .35s}
.pp-st{display:flex;align-items:center;gap:6px;font-size:12px;color:#a07015;margin-bottom:12px}.pp-st i{width:7px;height:7px;border-radius:50%;background:#d9a441}.pp-st.on{color:var(--g)}.pp-st.on i{background:#2fbf6b;animation:pulse 1.8s infinite}
.pp-cb{background:linear-gradient(135deg,rgba(47,138,91,.08),rgba(124,196,154,.15));border:1px solid #d4e6da;border-radius:16px;padding:12px}.pp-cb .lbl{font-size:12.5px;font-weight:700;color:var(--g)}.pp-row{display:flex;gap:8px;margin-top:8px}
.pp-row input{flex:1;min-width:0;padding:11px 12px;border:1.5px solid var(--line);border-radius:12px;background:#fff;outline:0;transition:.2s}.pp-row input:focus{border-color:var(--g2);box-shadow:0 0 0 3px rgba(47,138,91,.15)}.pp-row input.err{border-color:#d0473c;animation:shake .4s}.pp-row .primary{padding:10px 14px;font-size:13.5px;white-space:nowrap}
.pp-cb.wait{display:flex;gap:12px;align-items:center}.pp-cb.wait small{display:block;color:var(--mut);font-size:12px}.cd{position:relative;width:52px;height:52px;flex:none}.cd svg{transform:rotate(-90deg)}.cd circle{fill:none;stroke-width:5}.cd-tr{stroke:#dcebe1}.cd-v{stroke:var(--g2);stroke-dasharray:176;stroke-dashoffset:0;stroke-linecap:round;transition:stroke-dashoffset 1s linear}.cd b{position:absolute;inset:0;display:grid;place-items:center;font-size:17px;color:var(--g)}
.cd-ok{width:52px;height:52px;border-radius:50%;background:var(--g2);color:#fff;display:grid;place-items:center;font-size:24px;animation:pop .4s;flex:none}
.pp-msg{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin:12px 0}.pp-msg a{display:flex;align-items:center;justify-content:center;gap:6px;padding:10px 6px;border-radius:12px;font-size:13px;font-weight:600;color:#fff;transition:transform .2s,box-shadow .2s}.pp-msg a:hover{transform:translateY(-2px)}
.pp-msg .tg{background:#2aabee;box-shadow:0 8px 16px -10px #2aabee}.pp-msg .wa{background:#25d366;box-shadow:0 8px 16px -10px #25d366}.pp-msg .mx{background:linear-gradient(135deg,#6a3df5,#2d7cf6);box-shadow:0 8px 16px -10px #6a3df5}.pp-msg .mx i{font-style:normal;font-weight:900;width:18px;height:18px;border-radius:5px;background:rgba(255,255,255,.25);display:grid;place-items:center;font-size:11px}
.pp-hours{display:grid;grid-template-columns:auto 1fr;gap:4px 12px;font-size:12.5px;padding-top:10px;border-top:1px solid var(--line)}.pp-hours span{color:var(--mut)}.pp-hours b{text-align:right;font-weight:600}
@media(max-width:1180px){.phone{display:flex!important;padding:4px}.phone .ph-tx{display:none}}
/* heart */
.heart-btn{position:relative}.heart-btn svg{transition:transform .3s cubic-bezier(.3,1.6,.5,1)}.heart-btn:hover svg{transform:scale(1.15)}.heart-btn.pop-on{background:var(--gl);color:#d0473c}.heart-btn.pop-on svg{fill:#d0473c}
.bp{position:absolute;left:50%;top:50%;width:5px;height:5px;margin:-2.5px;border-radius:50%;background:#e2574c;pointer-events:none;animation:burst .65s ease-out forwards;transform:rotate(var(--r)) translateY(0)}.bp:nth-child(even){background:#3fae73}
@keyframes burst{0%{opacity:1;transform:rotate(var(--r)) translateY(-6px) scale(1)}100%{opacity:0;transform:rotate(var(--r)) translateY(-24px) scale(.3)}}
.fav-pop{width:340px;padding:14px}.fp-h{display:flex;justify-content:space-between;align-items:baseline;padding:2px 4px 10px}.fp-h span{font-size:12.5px;color:var(--mut)}
.fp-l{list-style:none;margin:0;padding:0;display:grid;gap:6px;max-height:320px;overflow:auto}.fp-l li{display:flex;gap:10px;align-items:center;padding:6px;border-radius:14px;cursor:pointer;transition:background .2s,opacity .25s,transform .25s;animation:up .4s calc(var(--i)*50ms) both}.fp-l li:hover{background:#fff}.fp-l li.out{opacity:0;transform:translateX(30px)}
.fp-l img{width:64px;height:48px;object-fit:cover;border-radius:10px;flex:none}.fp-l li>div{flex:1;min-width:0}.fp-l b{display:block;font-size:13.5px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.fp-l small{display:block;font-size:11.5px;color:var(--mut)}.fp-l em{font-style:normal;font-weight:800;font-size:13.5px;color:var(--g)}
.fp-x{width:28px;height:28px;border-radius:8px;font-size:18px;color:var(--mut);flex:none}.fp-x:hover{background:#fde8e6;color:#d0473c}
.fp-f{display:grid;grid-template-columns:1fr 1.4fr;gap:8px;margin-top:10px}.fp-f button{padding:10px}
.fp-e{text-align:center;padding:12px 8px 6px;display:grid;gap:6px;justify-items:center}.fp-eh{font-size:34px;color:#e2574c;animation:beat 1.4s infinite}@keyframes beat{0%,100%{transform:scale(1)}15%{transform:scale(1.2)}30%{transform:scale(1)}45%{transform:scale(1.12)}}.fp-e small{color:var(--mut);font-size:12.5px;max-width:240px}.fp-e .primary{margin-top:6px}
@media(prefers-reduced-motion:reduce){.ph-ic svg,.ph-ic i,.st-dot,.fp-eh{animation:none}}
.brand small{white-space:nowrap}@media(max-width:380px){.brand small{font-size:7.5px;letter-spacing:1px}}