:root{--blue:#3665f3;--blue2:#2f55cc;--red:#e53238;--yel:#f5af02;--grn:#86b817;--ink:#191919;--mut:#707070;--line:#e5e5e5;--soft:#f7f7f7}
*{box-sizing:border-box}body{margin:0;font:14px/1.45 "Helvetica Neue",Helvetica,Arial,sans-serif;color:var(--ink);background:#fff}
a{color:#0654ba;text-decoration:none}a:hover{text-decoration:underline}img{max-width:100%}
.wrap{max-width:1280px;margin:auto;padding:0 16px}main.wrap{padding-top:18px;padding-bottom:48px;min-height:60vh}
input,select,textarea{padding:9px 10px;margin:4px 0;width:100%;max-width:420px;border:1px solid #c7c7c7;border-radius:8px;font:inherit;background:#fff}
button,.btn{background:var(--blue);color:#fff!important;border:0;border-radius:24px;padding:10px 20px;font:inherit;font-weight:700;cursor:pointer;display:inline-block;text-align:center}
button:hover,.btn:hover{background:var(--blue2);text-decoration:none}.btn.ghost{background:#fff;color:var(--blue)!important;border:1px solid var(--blue)}
.btn.big{padding:14px 30px;font-size:16px}.btn.wide{width:100%}.btn.buy{background:var(--blue)}
.top{border-bottom:1px solid var(--line);font-size:12px}.top .wrap{display:flex;justify-content:space-between;align-items:center;gap:12px;flex-wrap:wrap;padding-top:6px;padding-bottom:6px}
.top a{color:var(--ink);margin-right:14px}.top select{font-size:12px;padding:3px 6px;width:auto;margin:0;border-radius:4px}
.hd .wrap{display:flex;align-items:center;gap:18px;padding-top:14px;padding-bottom:14px}
.logo{font-size:26px;font-weight:800;letter-spacing:-1px;white-space:nowrap;color:var(--ink)!important}.logo .a{color:var(--red)}.logo .b{color:var(--blue)}.logo .c{color:var(--yel)}.logo .d{color:var(--grn)}
.search{flex:1;display:flex;border:2px solid var(--ink);border-radius:26px;overflow:hidden;min-width:0}
.search select{border:0;border-right:1px solid var(--line);border-radius:0;background:var(--soft);padding:0 10px;width:auto;max-width:170px;margin:0}
.search input{flex:1;border:0;border-radius:0;margin:0;max-width:none;min-width:0;padding:11px 14px;outline:0}.search button{border-radius:0;padding:0 30px}
.cartlink{font-size:15px;white-space:nowrap;color:var(--ink)}.cartlink b{background:var(--red);color:#fff;border-radius:10px;padding:1px 7px;font-size:12px}
.cats{border-top:1px solid var(--line);border-bottom:1px solid var(--line)}.cats .wrap{display:flex;gap:22px;overflow-x:auto;white-space:nowrap;padding-top:10px;padding-bottom:10px}.cats a{color:var(--ink);font-size:13px}
.hero2{display:grid;grid-template-columns:2fr 1fr;gap:16px}.h-main{background:linear-gradient(120deg,#3665f3,#7a4df5);color:#fff;border-radius:16px;padding:48px 36px}
.h-main h1{font-size:38px;line-height:1.1;margin:0 0 12px}.h-main p{font-size:16px;margin:0 0 22px;opacity:.95}.h-main .btn{background:#fff;color:var(--blue)!important}
.h-side{display:grid;gap:16px}.promo{border-radius:16px;padding:22px;color:var(--ink);display:flex;flex-direction:column;gap:6px;justify-content:center}.promo b{font-size:18px}.promo span{color:#444}.promo:hover{text-decoration:none;filter:brightness(.97)}
.p1{background:#fff3cd}.p2{background:#e4f5d0}
.sec{font-size:22px;margin:34px 0 14px;display:flex;justify-content:space-between;align-items:baseline}.more{font-size:14px;font-weight:400}
.circles{display:flex;gap:18px;overflow-x:auto;padding-bottom:6px}.circles a{display:flex;flex-direction:column;align-items:center;gap:8px;color:var(--ink);min-width:84px;font-size:13px}
.ci{width:84px;height:84px;border-radius:50%;background:var(--soft);display:flex;align-items:center;justify-content:center;font-size:36px;border:1px solid var(--line)}.circles a:hover .ci{border-color:var(--blue)}
.budgets{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:12px}.budgets a{border:1px solid var(--line);border-radius:12px;padding:18px;text-align:center;color:var(--ink);font-size:16px}.budgets a:hover{border-color:var(--blue);text-decoration:none}
.grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(210px,1fr));gap:20px}
.card{display:flex;flex-direction:column;gap:6px}.ph{display:block;aspect-ratio:1;background:var(--soft);border-radius:12px;overflow:hidden}.ph img{width:100%;height:100%;object-fit:cover;display:block}
.card .t{color:var(--ink);display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;min-height:2.9em}.card .t:hover{text-decoration:underline}
.pr{font-size:19px;font-weight:700}.sub{color:var(--mut);font-size:12px}.low{color:var(--red);font-size:12px;font-weight:700}
.qa{display:flex;gap:6px;margin-top:4px}.qa select{width:68px;margin:0;padding:8px}.qa .btn,.qa button{flex:1;padding:8px 10px;font-size:13px}
.value{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:12px;margin-top:36px}.value div{background:var(--soft);border-radius:12px;padding:16px}
.crumbs{color:var(--mut);margin-bottom:12px;font-size:13px}
.listing{display:grid;grid-template-columns:230px 1fr;gap:28px}.side h4{margin:0 0 8px;font-size:15px}.side a{display:block;color:var(--ink);padding:5px 0}.side a.on{font-weight:700;color:var(--blue)}.side h4:not(:first-child){margin-top:22px}
.bar{display:flex;justify-content:space-between;align-items:center;margin-bottom:16px;gap:10px;flex-wrap:wrap}.bar select{width:auto;margin:0}.sort{display:flex;gap:6px;align-items:center}
.pdp{display:grid;grid-template-columns:minmax(0,1.1fr) minmax(0,1fr);gap:36px;align-items:start}.gal{background:var(--soft);border-radius:16px;overflow:hidden;aspect-ratio:1}.gal img{width:100%;height:100%;object-fit:cover;display:block}
.buy h1{font-size:26px;margin:0 0 8px}.price{font-size:32px;font-weight:700;margin:10px 0}.buy label{display:block;margin:10px 0 2px;font-weight:700}.buy select{max-width:220px}
.box{border:1px solid var(--line);border-radius:12px;padding:14px 16px;margin-top:18px}.box ul{margin:6px 0 0;padding-left:18px}.box li{margin:4px 0}
.cartgrid{display:grid;grid-template-columns:1fr 340px;gap:28px;align-items:start}.sumbox{border:1px solid var(--line);border-radius:12px;padding:18px;position:sticky;top:12px}
.sumbox .row{display:flex;justify-content:space-between;margin:8px 0}.sumbox .tot{font-size:20px;font-weight:700;border-top:1px solid var(--line);padding-top:12px;margin-top:12px}.green{color:#107c10}
.line{display:grid;grid-template-columns:84px 1fr auto;gap:14px;align-items:center;padding:14px 0;border-bottom:1px solid var(--line)}.line img{width:84px;height:84px;object-fit:cover;border-radius:10px;background:var(--soft)}
.line select{width:auto;margin:6px 0 0}
.pill{display:inline-block;background:var(--soft);padding:6px 14px;border-radius:20px;margin:3px;color:var(--ink)}
.banner{background:#fff8e1;border-radius:10px;padding:12px 14px;margin:14px 0}.err{background:#fde8ea;border-radius:10px;padding:10px 14px;margin:10px 0;color:#8a1c22}.stat{display:inline-block;background:var(--soft);padding:10px 16px;border-radius:10px;margin-right:8px}
table{width:100%;border-collapse:collapse}td,th{padding:9px 8px;border-bottom:1px solid var(--line);text-align:left}
footer.ft{background:var(--soft);border-top:1px solid var(--line);margin-top:30px}.ft .wrap{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:20px;padding-top:26px;padding-bottom:26px}.ft h5{margin:0 0 8px;font-size:14px}.ft a{display:block;color:var(--ink);margin:4px 0}
@media(max-width:820px){.hero2,.listing,.pdp,.cartgrid{grid-template-columns:1fr}.search select{display:none}.hd .wrap{flex-wrap:wrap}.search{order:3;flex-basis:100%}.h-main{padding:30px 22px}.h-main h1{font-size:28px}.sumbox{position:static}}
.cartwrap{position:relative}.mini{display:none;position:absolute;right:0;top:100%;width:340px;background:#fff;border:1px solid var(--line);border-radius:12px;box-shadow:0 8px 30px rgba(0,0,0,.15);padding:14px;z-index:20}
.cartwrap:hover .mini,.cartwrap:focus-within .mini{display:block}.mi{display:grid;grid-template-columns:48px 1fr auto;gap:10px;align-items:center;padding:6px 0;border-bottom:1px solid var(--line)}
.mi img{width:48px;height:48px;object-fit:cover;border-radius:8px}.mrow{display:flex;justify-content:space-between;margin:10px 0}.mini .btn{margin-top:6px;width:calc(50% - 4px);padding:10px 6px}
.flash{background:#e4f5d0;border-radius:10px;padding:10px 14px;margin-top:12px;color:#235a00}.lnk{background:none;color:#0654ba!important;padding:0 0 0 12px;border-radius:0;font-weight:400}.lnk:hover{background:none;text-decoration:underline}
.stickybar{display:none}@media(max-width:820px){.mini{display:none!important}.stickybar{display:flex;position:fixed;left:0;right:0;bottom:0;background:#fff;border-top:1px solid var(--line);padding:10px 16px;justify-content:space-between;align-items:center;z-index:15}.cartgrid{padding-bottom:70px}}
.thumbs{display:flex;gap:8px;margin-top:10px;flex-wrap:wrap}.thumbs img{width:64px;height:64px;object-fit:cover;border-radius:8px;border:2px solid var(--line);cursor:pointer}.thumbs img:hover{border-color:var(--blue)}
.top .acct{margin-right:14px}.top .acct a{margin-right:0}h1 .sub{font-weight:400;font-size:14px}@media(max-width:820px){.top .hide-m{display:none}}

/* ---- Nginda additions (same visual language) ---- */
.btn.sm{padding:6px 14px;font-size:13px}
.btn.alt{background:#fff;color:var(--blue)!important;border:1px solid var(--blue)}.btn.alt:hover{background:#f0f4ff}
.btn.wa{background:#25a244}.btn.wa:hover{background:#1d8a37}
.btn.danger{background:#fff;color:var(--red)!important;border:1px solid var(--red)}.btn.danger:hover{background:#fdecee}
.h-main .btn.outline{background:transparent;border:2px solid #fff;color:#fff!important;margin-left:6px}
.h-main.timber{background:linear-gradient(120deg,#7a4b1f,#c18a4a)}
.h-main .big{font-size:56px;font-weight:800;line-height:1}
.hp{position:absolute;left:-9999px}.help{color:var(--mut);font-size:12px}
.f2,.two{display:grid;grid-template-columns:1fr 1fr;gap:12px 16px}.two{gap:20px}
.fld{margin-bottom:10px}.fld label,.fform label{display:block;font-weight:700;margin:2px 0}
.form{border:1px solid var(--line);border-radius:12px;padding:22px}
.form input,.form select,.form textarea,.fform input,.fform select,.fform textarea{max-width:none}
input[type=checkbox]{width:auto;margin:0 6px 0 0}textarea{min-height:120px}
.ph{display:grid;place-items:center}.ico{font-size:64px;line-height:1}.gal{display:grid;place-items:center}.gal .ico{font-size:140px}
.qa input{width:76px;margin:0;padding:8px}
.line .ph{width:84px;height:84px;border-radius:10px}.line .ico{font-size:40px}.line input{width:90px;margin:6px 0 0}
.map{border:0;width:100%;height:260px;border-radius:12px;background:var(--soft);margin-top:10px}
.cats a.on{font-weight:700;color:var(--blue)}
.tagline{font-size:13px;color:var(--mut)}
.wa-float{position:fixed;right:16px;bottom:16px;z-index:20;background:#25a244;color:#fff!important;border-radius:28px;padding:12px 18px;font-weight:700;box-shadow:0 6px 20px rgba(0,0,0,.25)}
.wa-float:hover{background:#1d8a37;text-decoration:none}
.flash.err,.flash.bad{background:#fde8ea;color:#8a1c22}
.ft .copy{grid-column:1/-1;border-top:1px solid var(--line);padding-top:14px;font-size:12px;color:var(--mut)}
.pill.on{background:var(--blue);color:#fff}
@media(max-width:820px){.two,.f2{grid-template-columns:1fr}.h-main .big{font-size:40px}.wa-float{bottom:64px}}

/* =====================  v5: premium layer  ===================== */
:root{--navy:#0b1b3d;--shadow:0 10px 30px rgba(16,42,92,.10);--shadow-lg:0 24px 60px rgba(16,42,92,.18);--r:18px}
body{font-family:Inter,"Helvetica Neue",Helvetica,Arial,sans-serif;font-size:15px;-webkit-font-smoothing:antialiased;background:#fbfcff}
h1,h2,h3{letter-spacing:-.02em}
:focus-visible{outline:3px solid rgba(54,101,243,.55);outline-offset:2px}
html{scroll-behavior:smooth}
/* header */
.top{background:var(--navy);border:0;color:#b9c6e0}.top a{color:#fff}.top .sub{color:#9fb0d2}
header.hd{position:sticky;top:0;z-index:40;background:rgba(255,255,255,.86);backdrop-filter:saturate(1.6) blur(14px);-webkit-backdrop-filter:saturate(1.6) blur(14px);border-bottom:1px solid rgba(16,42,92,.08);transition:box-shadow .2s}
header.hd.scrolled{box-shadow:0 8px 28px rgba(16,42,92,.12)}
.logo{font-size:28px}
.search{overflow:visible;position:relative;border:2px solid #dfe5f2;border-radius:30px;background:#fff;transition:border-color .15s,box-shadow .15s}
.search:focus-within{border-color:var(--blue);box-shadow:0 0 0 4px rgba(54,101,243,.12)}
.search select{border-radius:28px 0 0 28px;background:#f3f6fc}.search button{border-radius:0 28px 28px 0;background:linear-gradient(135deg,#3665f3,#5a3df0)}
.sug{position:absolute;left:0;right:0;top:calc(100% + 8px);background:#fff;border:1px solid var(--line);border-radius:16px;box-shadow:var(--shadow-lg);z-index:50;overflow:hidden}
.sug a{display:grid;grid-template-columns:44px 1fr;gap:12px;align-items:center;padding:9px 14px;color:var(--ink)}
.sug a:hover,.sug a.act{background:#f1f5ff;text-decoration:none}.sug .th{width:44px;height:44px;border-radius:10px;overflow:hidden}.sug .th svg,.sug .th img{width:100%;height:100%;object-fit:cover}
.sug .sn{font-weight:600;display:block}.sug .sc{font-size:12px;color:var(--mut)}.sug .all{display:block;padding:10px 14px;background:#f7f9ff;font-weight:600;text-align:center}
.cartlink{font-weight:600;padding:8px 14px;border-radius:24px;background:#f1f5ff}.cartlink b{background:linear-gradient(135deg,#e53238,#ff6a3d)}
.cartlink.bump{animation:bump .45s}@keyframes bump{40%{transform:scale(1.12)}}
.mini{border-radius:18px;box-shadow:var(--shadow-lg)}.mini .mt{width:48px;height:48px;border-radius:10px;overflow:hidden;display:block}.mini .mt svg,.mini .mt img{width:100%;height:100%;object-fit:cover}
.cats{background:#fff;border-color:rgba(16,42,92,.06)}.cats a{font-weight:500;padding:2px 0;border-bottom:2px solid transparent}.cats a:hover{text-decoration:none;border-color:var(--blue)}
/* buttons */
button,.btn{background:linear-gradient(135deg,#3665f3,#4a4df0);box-shadow:0 6px 16px rgba(54,101,243,.28);transition:transform .15s,box-shadow .15s,filter .15s}
button:hover,.btn:hover{background:linear-gradient(135deg,#2f55cc,#4339d6);transform:translateY(-1px);box-shadow:0 10px 22px rgba(54,101,243,.35)}
.btn.alt,.btn.ghost,.btn.danger,.btn.wa,.lnk,.anav button{box-shadow:none}
.btn.wa{background:linear-gradient(135deg,#22b24c,#179a3e)}.btn.alt{border-color:#c8d4f5}.btn.alt:hover{transform:none;border-color:var(--blue)}
.lnk{background:none!important;transform:none!important}
/* hero */
.hero3{position:relative;border-radius:30px;overflow:hidden;color:#fff;padding:clamp(28px,5vw,64px);display:grid;grid-template-columns:1.1fr .9fr;gap:20px;align-items:center;
 background:radial-gradient(60% 80% at 88% 10%,rgba(139,92,246,.65),transparent 60%),radial-gradient(55% 70% at 0% 100%,rgba(54,101,243,.75),transparent 60%),linear-gradient(135deg,#091a4a,#1c3fb3)}
.hero3:before{content:"";position:absolute;inset:0;background:linear-gradient(rgba(255,255,255,.05) 1px,transparent 1px) 0 0/44px 44px,linear-gradient(90deg,rgba(255,255,255,.05) 1px,transparent 1px) 0 0/44px 44px;-webkit-mask-image:radial-gradient(70% 80% at 70% 40%,#000,transparent);mask-image:radial-gradient(70% 80% at 70% 40%,#000,transparent)}
.hero3>*{position:relative}.hero3 h1{font-size:clamp(34px,5vw,58px);line-height:1.04;margin:14px 0 16px;font-weight:800}
.hero3 h1 em{font-style:normal;background:linear-gradient(90deg,#9fc0ff,#d6b8ff);-webkit-background-clip:text;background-clip:text;color:transparent}
.hero3 p.lead{font-size:17px;opacity:.92;max-width:52ch;margin:0 0 26px}
.eyebrow{display:inline-flex;gap:8px;align-items:center;background:rgba(255,255,255,.12);border:1px solid rgba(255,255,255,.22);padding:6px 14px;border-radius:30px;font-size:13px;font-weight:600;backdrop-filter:blur(6px)}
.eyebrow i{width:8px;height:8px;border-radius:50%;background:#43d17a;box-shadow:0 0 0 4px rgba(67,209,122,.25)}
.hero3 .btn{background:#fff;color:#1c3fb3!important;box-shadow:0 10px 26px rgba(0,0,0,.25)}.hero3 .btn:hover{background:#f3f6ff}
.hero3 .btn.outline{background:transparent;color:#fff!important;border:2px solid rgba(255,255,255,.55);box-shadow:none;margin-left:6px}
.hero3 .btn.wa{background:linear-gradient(135deg,#22b24c,#179a3e);color:#fff!important}
.hero3 .stage{position:relative}.art{width:100%;height:auto;max-height:470px;display:block}
.art path{stroke-dasharray:1;animation:draw 2s cubic-bezier(.4,0,.2,1) backwards;animation-delay:calc(var(--i)*26ms)}@keyframes draw{from{stroke-dashoffset:1}to{stroke-dashoffset:0}}
.glass{position:absolute;background:rgba(255,255,255,.14);border:1px solid rgba(255,255,255,.3);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border-radius:16px;padding:12px 16px;box-shadow:0 14px 34px rgba(0,0,0,.25);animation:float 6s ease-in-out infinite}
.glass b{display:block;font-size:22px;line-height:1}.glass span{font-size:12px;opacity:.9}
.g1{left:-2%;top:12%}.g2{right:-1%;top:44%;animation-delay:-2s}.g3{left:8%;bottom:4%;animation-delay:-4s}
@keyframes float{50%{transform:translateY(-9px)}}
/* kpis */
.kpis{display:grid;grid-template-columns:repeat(4,1fr);gap:0;background:#fff;border:1px solid var(--line);border-radius:22px;box-shadow:var(--shadow);margin:-34px 28px 0;position:relative;z-index:3}
.kpis div{padding:22px 24px;border-right:1px solid var(--line)}.kpis div:last-child{border:0}
.kpis b{display:block;font-size:32px;font-weight:800;letter-spacing:-.03em;color:var(--navy);line-height:1.1}.kpis span{color:var(--mut);font-size:13px}
/* section headings */
.sec{font-size:clamp(22px,2.6vw,30px);font-weight:800;margin:56px 0 20px;position:relative}
.sec:after{content:"";position:absolute;left:0;bottom:-10px;width:44px;height:4px;border-radius:4px;background:linear-gradient(90deg,#3665f3,#8b5cf6)}.sec .more{font-weight:600}
.sec+*{margin-top:26px}
/* category tiles */
.tiles{display:grid;grid-template-columns:repeat(auto-fit,minmax(170px,1fr));gap:18px}
.tile{display:block;border-radius:20px;overflow:hidden;background:#fff;border:1px solid var(--line);color:var(--ink);transition:transform .2s,box-shadow .2s}
.tile:hover{transform:translateY(-5px);box-shadow:var(--shadow-lg);text-decoration:none}.tile .th{aspect-ratio:1.15;display:block}.tile svg{width:100%;height:100%;display:block}
.tile b{display:flex;justify-content:space-between;padding:12px 16px;font-size:15px}.tile b span{color:var(--mut);font-weight:400}
/* cards */
.grid{gap:22px}
.card{background:#fff;border:1px solid rgba(16,42,92,.08);border-radius:20px;padding:10px 10px 14px;gap:7px;transition:transform .2s,box-shadow .2s,border-color .2s}
.card:hover{transform:translateY(-5px);box-shadow:var(--shadow-lg);border-color:rgba(54,101,243,.35)}
.card .ph{border-radius:14px;position:relative}.ph svg,.gal svg{width:100%;height:100%;display:block}
.card .t,.card .pr,.card .sub,.card .qa{margin-left:6px;margin-right:6px}.card .t{font-weight:600;min-height:2.6em}
.card .pr{font-size:17px;color:var(--navy)}
.badge{position:absolute;left:10px;top:10px;background:rgba(255,255,255,.92);color:#1c3fb3;font-size:11px;font-weight:700;padding:4px 10px;border-radius:20px;box-shadow:0 2px 8px rgba(0,0,0,.1)}.badge.sale{color:#8a5a2b}
.gal{border-radius:24px;box-shadow:var(--shadow)}.pdp .price{color:var(--navy)}
.box,.sumbox,.form,.branch{border-radius:20px;border-color:rgba(16,42,92,.1)}.sumbox,.form{box-shadow:var(--shadow);background:#fff}
input,select,textarea{border-radius:12px;border-color:#d5dcec;transition:border-color .15s,box-shadow .15s}input:focus,select:focus,textarea:focus{outline:0;border-color:var(--blue);box-shadow:0 0 0 4px rgba(54,101,243,.13)}
/* promo + steps + services */
.promos{display:grid;grid-template-columns:1.6fr 1fr;gap:20px}
.promo2{position:relative;overflow:hidden;border-radius:26px;padding:34px;color:#fff;display:flex;flex-direction:column;gap:8px;justify-content:center;min-height:210px}
.promo2 h3{font-size:30px;margin:0;color:#fff}.promo2 p{margin:0 0 10px;opacity:.92;max-width:46ch}.promo2:hover{text-decoration:none}
.pw{background:linear-gradient(120deg,#6b3f17,#c18a4a)}.pw:after{content:"";position:absolute;right:-30px;bottom:-30px;width:260px;height:150px;background:repeating-linear-gradient(0deg,rgba(255,255,255,.18) 0 4px,transparent 4px 34px);transform:rotate(-8deg);border-radius:12px}
.pg{background:linear-gradient(135deg,#0f8a4a,#35c27a)}
.promo2 .btn{align-self:flex-start;background:#fff;color:#111!important;box-shadow:none}
.li{width:30px;height:30px}.svc{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:18px}
.svc a,.svc div{background:#fff;border:1px solid var(--line);border-radius:20px;padding:24px;color:var(--ink);transition:transform .2s,box-shadow .2s}.svc a:hover{transform:translateY(-4px);box-shadow:var(--shadow);text-decoration:none}
.svc .ib{width:52px;height:52px;border-radius:14px;display:grid;place-items:center;background:linear-gradient(135deg,#e8efff,#f0e9ff);color:#3665f3;margin-bottom:14px}
.svc b{font-size:17px;display:block;margin-bottom:4px}.svc span{color:var(--mut);font-size:13px}
.steps{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:20px;counter-reset:s}
.steps div{position:relative;background:#fff;border:1px solid var(--line);border-radius:20px;padding:26px 24px 22px;counter-increment:s}
.steps div:before{content:counter(s);position:absolute;top:-16px;left:22px;width:34px;height:34px;border-radius:50%;display:grid;place-items:center;font-weight:800;color:#fff;background:linear-gradient(135deg,#3665f3,#8b5cf6);box-shadow:0 6px 14px rgba(54,101,243,.35)}
.steps b{display:block;font-size:17px;margin-bottom:4px}.steps span{color:var(--mut)}
.value div{background:#fff;border:1px solid var(--line);border-radius:18px}
details{background:#fff;border:1px solid var(--line);border-radius:16px;padding:16px 20px;margin-bottom:10px}details summary{cursor:pointer;font-weight:700;list-style:none;display:flex;justify-content:space-between;gap:12px}
details summary::-webkit-details-marker{display:none}details summary:after{content:"+";font-size:22px;line-height:1;color:var(--blue);transition:transform .2s}details[open] summary:after{transform:rotate(45deg)}details p{color:var(--mut);margin:10px 0 0}
.cta2{margin-top:56px;border-radius:30px;padding:clamp(28px,5vw,56px);text-align:center;color:#fff;background:radial-gradient(60% 90% at 80% 0,rgba(139,92,246,.6),transparent 60%),linear-gradient(135deg,#0b1b4d,#2146c7)}
.cta2 h2{font-size:clamp(26px,3.4vw,38px);margin:0 0 10px;color:#fff}.cta2 p{margin:0 auto 22px;opacity:.9;max-width:52ch}.cta2 .btn{background:#fff;color:#1c3fb3!important}
.crumbs{font-size:13px}.listing .side{background:#fff;border:1px solid var(--line);border-radius:20px;padding:18px;align-self:start;position:sticky;top:96px}
.est{background:#f1f5ff;border-radius:14px;padding:12px 14px;margin:12px 0}.est b{font-size:20px;color:var(--navy)}
/* footer + toast + mobile bar */
footer.ft{background:var(--navy);border:0;margin-top:70px;color:#b4c2de}.ft h5{color:#fff;font-size:15px}.ft a{color:#d7e1f5}.ft .sub{color:#8fa1c6}.ft .copy{border-color:rgba(255,255,255,.1);color:#8fa1c6}
.toast{position:fixed;left:50%;bottom:28px;transform:translate(-50%,30px);opacity:0;background:#0b1b3d;color:#fff;padding:12px 18px;border-radius:30px;box-shadow:var(--shadow-lg);z-index:90;display:flex;gap:14px;align-items:center;transition:.3s;pointer-events:none;max-width:92vw}
.toast.on{opacity:1;transform:translate(-50%,0);pointer-events:auto}.toast a{color:#9fc0ff;font-weight:700}.toast.bad{background:#8a1c22}
.wa-float{background:linear-gradient(135deg,#22b24c,#179a3e)}
.mbar{display:none}
.rv{transition:opacity .6s ease,transform .6s ease}
html.rv-on .rv:not(.in){opacity:0;transform:translateY(20px)}
.card.rv{transition:opacity .6s ease,transform .2s,box-shadow .2s,border-color .2s}
@media(max-width:900px){.hero3,.promos{grid-template-columns:1fr}.stage{max-width:420px;margin:0 auto}.kpis{grid-template-columns:1fr 1fr;margin:-24px 8px 0}.kpis div:nth-child(2){border-right:0}.kpis div{border-bottom:1px solid var(--line)}.glass{display:none}.listing .side{position:static}}
@media(max-width:820px){.wa-float{display:none}.mbar{display:grid;grid-template-columns:1fr 1fr 1fr;gap:8px;position:fixed;left:0;right:0;bottom:0;z-index:60;background:rgba(255,255,255,.95);backdrop-filter:blur(10px);padding:10px 12px;border-top:1px solid var(--line)}
 .mbar a{text-align:center;padding:11px 6px;border-radius:14px;font-weight:700;color:#fff;font-size:13px}.mbar a:hover{text-decoration:none}.mbar .c{background:#0b1b3d}.mbar .w{background:#22b24c}.mbar .q{background:#3665f3}body{padding-bottom:70px}.toast{bottom:84px}}
@media(prefers-reduced-motion:reduce){*{animation:none!important;transition:none!important;scroll-behavior:auto!important}html.rv-on .rv:not(.in){opacity:1;transform:none}}