/* /assets/css/pricing-fixed.css */
/* SiteHub · Fixed Price System 2026. Isolated to .a26p; no legacy component overrides. */
.a26p{--a26-blue:#B2B2B2;--a26-deep:#0F0F0F;--a26-ink:#F5F5F5;--a26-muted:#949494;--a26-surface:#141414;--a26-stroke:rgba(255,255,255,0.1);--a26-bg:#141414;--a26-radius:22px;color:var(--a26-ink);font-family:Manrope,Inter,system-ui,sans-serif;max-width:1420px;margin:0 auto;padding:8px clamp(15px,3vw,40px) 90px;isolation:isolate}
.a26p *{box-sizing:border-box}.a26p button,.a26p input,.a26p textarea{font:inherit}.a26p a{color:inherit;text-decoration:none}.a26p button{cursor:pointer}.a26p :where(button,input,textarea,a):focus-visible{outline:3px solid rgba(255,110,40,0.55);outline-offset:3px}.a26p [hidden]{display:none!important}.a26p .breadcrumbs,.a26p .breadcrumb{margin-bottom:22px;opacity:.8}.a26p :where(h1,h2,h3,h4,p){margin-top:0}.a26p h1,.a26p h2,.a26p h3,.a26p h4{letter-spacing:-.05em;line-height:1.13;font-weight:800}.a26p p{line-height:1.67}.a26p-status{display:inline-block;width:8px;height:8px;flex:none;border-radius:50%;background:#67edc0;box-shadow:0 0 0 6px rgba(103,237,192,.12),0 0 22px rgba(103,237,192,.7)}
.a26p-hero{min-height:480px;display:grid;grid-template-columns:minmax(0,1.65fr) minmax(300px,.7fr);gap:clamp(24px,5vw,70px);align-items:center;background:radial-gradient(ellipse 70% 80% at 85% 20%,rgba(24,18,15,0.467),transparent 72%),radial-gradient(ellipse 80% 80% at 15% 100%,rgba(20,20,20,0.533),transparent 80%),#0E0E0E;border:1px solid rgba(255,255,255,0.1);border-radius:32px;padding:clamp(32px,6vw,76px);color:white;position:relative;overflow:hidden;box-shadow:0 32px 90px rgba(0,0,0,0.272)}.a26p-hero:after{content:"";position:absolute;width:520px;height:520px;border:1px solid rgba(255,255,255,0.008);border-radius:50%;right:2%;top:-65%;pointer-events:none;box-shadow:0 0 0 84px #ffffff04,0 0 0 168px #ffffff03}.a26p-hero-text,.a26p-hero-proof{position:relative;z-index:1}.a26p-eyebrow{display:flex;gap:13px;align-items:center;color:#B2B2B2;font-size:10px;letter-spacing:.16em;font-weight:800;text-transform:uppercase;margin-bottom:25px}.a26p-eyebrow b{font-weight:700;color:#FF8A00}.a26p-hero h1{font-size:clamp(44px,5.1vw,83px);margin:0 0 25px;line-height:1.04}.a26p-hero h1 em,.a26p-builder-hero h1 em{font-style:normal;color:#FF8A00}.a26p-hero-text p{font-size:clamp(15px,1.16vw,18px);color:#D1D1D1;max-width:630px;margin:0 0 33px}.a26p-hero-actions{display:flex;flex-wrap:wrap;gap:10px}.a26p-btn{display:inline-flex;align-items:center;justify-content:space-between;min-height:53px;padding:0 19px;gap:30px;border-radius:12px;font-size:13px;font-weight:800;transition:transform .28s cubic-bezier(.22,1,.36,1),background .25s,box-shadow .3s}.a26p-btn:hover{transform:translateY(-3px)}.a26p-btn-white{color:#F5F5F5!important;background:#141414;box-shadow:0 10px 22px rgba(0,0,0,0.32)}.a26p-btn-white:hover{box-shadow:0 15px 28px rgba(0,0,0,0.6)}.a26p-btn-outline{border:1px solid rgba(255,255,255,0.1);color:white!important}.a26p-btn-outline:hover{background:rgba(255,255,255,0.06)}.a26p-hero-proof{padding:31px 29px;border:1px solid rgba(255,255,255,0.021);background:linear-gradient(142deg,rgba(255,255,255,0.06),rgba(255,255,255,0.02));border-radius:22px;backdrop-filter:blur(12px)}.a26p-proof-label,.a26p-proof-index{font-size:10px;letter-spacing:.18em;font-weight:800;color:#FF8A00}.a26p-proof-index{font-size:43px;letter-spacing:-.08em;margin:10px 0}.a26p-proof-index span{font-size:16px;letter-spacing:-.02em;color:#B2B2B2}.a26p-hero-proof>strong{font-size:18px;display:block;line-height:1.4;margin-bottom:21px;max-width:260px}.a26p-proof-line{padding:14px 0;border-top:1px solid rgba(255,255,255,0.017);display:flex;gap:18px;align-items:center}.a26p-proof-line>span{font-size:25px;letter-spacing:-.06em;font-weight:800;min-width:65px}.a26p-proof-line b{display:block;font-size:12px}.a26p-proof-line small{display:block;color:#D1D1D1;font-size:10px;margin-top:4px}.a26p-proof-bottom{padding-top:14px;color:#a8d8c8;font-size:11px;font-weight:700}
.a26p-section-intro{padding:83px 0 29px;display:flex;align-items:end;justify-content:space-between;gap:16px}.a26p-section-intro small,.a26p-assurance-head>span,.a26p-final>div>span,.a26p-group-heading span{font-size:10px;letter-spacing:.17em;font-weight:800;color:var(--a26-blue)}.a26p-section-intro h2{font-size:clamp(29px,3.6vw,47px);margin:12px 0 0}.a26p-section-intro>span{font-size:12px;font-weight:800;color:var(--a26-muted);padding-bottom:6px}.a26p-filter{display:flex;flex-wrap:wrap;gap:8px;border-bottom:1px solid var(--a26-stroke);padding:0 0 23px;margin-bottom:38px}.a26p-filter button{min-height:39px;border:1px solid rgba(255,255,255,0.1);background:#141414;color:#949494;padding:0 15px;border-radius:10px;font-size:12px;font-weight:750;transition:.24s}.a26p-filter button:is(:hover,.is-active){background:#131313;color:#fff;border-color:#1F1F1F;transform:translateY(-1px)}.a26p-price-group{margin-bottom:50px;animation:a26Reveal .4s both}.a26p-group-heading{margin:0 0 22px}.a26p-group-heading h3{font-size:29px;margin:8px 0}.a26p-group-heading p{font-size:13px;color:var(--a26-muted);margin:0}.a26p-price-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}.a26p-price-card{position:relative;display:flex;flex-direction:column;min-height:250px;padding:24px;background:var(--a26-surface);border:1px solid var(--a26-stroke);border-radius:20px;overflow:hidden;box-shadow:0 4px 14px rgba(0,0,0,0.04);transition:transform .4s cubic-bezier(.22,1,.36,1),border-color .25s,box-shadow .3s}.a26p-price-card:hover{transform:translateY(-6px);border-color:rgba(255,255,255,0.1);box-shadow:0 24px 54px rgba(0,0,0,0.176)}.a26p-price-card.is-featured:before{content:"";position:absolute;inset:0 0 auto;height:3px;background:linear-gradient(90deg,#18120F,#18120F)}.a26p-card-top{display:flex;align-items:center;justify-content:space-between;margin-bottom:16px}.a26p-card-icon,.a26p-plan-symbol,.a26p-option-icon{display:grid;place-items:center;width:40px;height:40px;background:#121212;color:#FF8A00;border-radius:11px}.a26p-card-icon svg,.a26p-plan-symbol svg,.a26p-option-icon svg{width:20px;height:20px;fill:none;stroke:currentColor;stroke-width:1.65;stroke-linecap:round;stroke-linejoin:round}.a26p-card-tag{background:#121212;border:1px solid rgba(255,255,255,0.1);color:#FF8A00;font-size:10px;padding:7px 10px;border-radius:50px;font-weight:800}.a26p-price-card h4{font-size:20px;letter-spacing:-.04em;margin:0 0 10px}.a26p-price-card>p{font-size:12px;line-height:1.7;color:var(--a26-muted);max-width:370px;margin:0 0 22px;flex:1}.a26p-card-bottom{border-top:1px solid rgba(255,255,255,0.1);padding-top:20px;display:flex;justify-content:space-between;align-items:end;gap:12px}.a26p-card-bottom small{display:block;font-size:10px;font-weight:700;color:#969696;margin-bottom:5px}.a26p-card-bottom strong{display:block;font-size:22px;letter-spacing:-.065em;white-space:nowrap}.a26p-card-arrow{border:1px solid rgba(255,255,255,0.1);background:#141414;color:#FF8A00!important;display:grid;place-items:center;border-radius:11px;width:40px;height:40px;flex:none;font-size:19px;transition:.25s}.a26p-price-card:hover .a26p-card-arrow{background:#18120F;color:#fff!important;border-color:rgba(255,255,255,0.1);transform:rotate(45deg)}
.a26p-assurance{padding:54px 0}.a26p-assurance-head h2{font-size:clamp(28px,3vw,42px);max-width:730px;margin:12px 0 25px}.a26p-assurance-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:13px}.a26p-assurance-grid>div{background:#141414;border:1px solid rgba(255,255,255,0.1);padding:27px;border-radius:17px}.a26p-assurance-grid>div>span{display:grid;place-items:center;background:#121212;color:#B2B2B2;width:35px;height:35px;border-radius:10px;margin-bottom:20px}.a26p-assurance-grid b{font-size:15px;display:block;margin-bottom:8px}.a26p-assurance-grid p{font-size:12px;color:#949494;margin:0}.a26p-final{background:linear-gradient(110deg,#101010,#18120F);border:1px solid rgba(255,255,255,0.1);border-radius:26px;color:white;display:flex;align-items:center;justify-content:space-between;gap:30px;padding:45px 50px;margin-top:26px}.a26p-final>div>span{color:#D1D1D1}.a26p-final h2{font-size:clamp(28px,3vw,42px);margin:9px 0}.a26p-final p{color:#D1D1D1;font-size:13px;margin:0}.a26p-final .a26p-btn{flex:none}
.a26p-builder-hero{display:flex;gap:25px;justify-content:space-between;align-items:end;padding:30px 0 42px;border-bottom:1px solid var(--a26-stroke)}.a26p-builder-hero h1{font-size:clamp(36px,4.25vw,64px);margin:0 0 15px}.a26p-builder-hero h1 em{color:#FF8A00}.a26p-builder-hero .a26p-eyebrow{color:#B2B2B2;margin-bottom:15px}.a26p-builder-hero p{max-width:640px;color:var(--a26-muted);font-size:14px;margin:0}.a26p-back-prices{display:inline-block;white-space:nowrap;color:#FF8A00!important;font-size:12px;font-weight:800;padding:10px}.a26p-progress{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px;margin:30px 0}.a26p-progress button{display:flex;align-items:center;gap:12px;text-align:left;background:#121212;border:1px solid rgba(255,255,255,0.1);border-radius:13px;padding:12px 17px;color:#989898;font-size:11px;font-weight:800;transition:.3s}.a26p-progress button small{display:grid;place-items:center;font-size:11px;background:#141414;border:1px solid rgba(255,255,255,0.1);color:#9E9E9E;border-radius:9px;min-width:32px;height:32px}.a26p-progress button.is-active{color:#fff;background:#E8421C;border-color:rgba(255,110,40,0.55);box-shadow:0 11px 24px rgba(0,0,0,0.37)}.a26p-progress button.is-active small{color:#FF8A00}.a26p-progress button.is-complete{background:#121212;border-color:rgba(255,255,255,0.1);color:#F5F5F5}.a26p-builder-layout{display:grid;grid-template-columns:minmax(0,1fr) minmax(286px,350px);gap:24px;align-items:start}.a26p-builder-main{min-width:0;border:1px solid rgba(255,255,255,0.1);background:#141414;border-radius:22px;padding:clamp(19px,3vw,37px);box-shadow:0 15px 40px rgba(0,0,0,0.056)}.a26p-build-step{animation:a26Reveal .4s cubic-bezier(.22,1,.36,1) both}.a26p-build-head{border-bottom:1px solid rgba(255,255,255,0.1);margin-bottom:24px;padding-bottom:20px}.a26p-build-head>span{display:inline-block;font-size:10px;color:#B2B2B2;font-weight:850;letter-spacing:.18em;margin-bottom:15px}.a26p-build-head h2{font-size:clamp(27px,3vw,40px);margin:0 0 10px}.a26p-build-head p{font-size:12px;color:#949494;margin:0;max-width:700px}.a26p-plan-search{display:flex;justify-content:space-between;align-items:center;gap:18px;margin-bottom:16px}.a26p-plan-search label{flex:1;max-width:360px;position:relative}.a26p-plan-search label span{display:block;font-size:11px;font-weight:750;color:#949494;margin-bottom:6px}.a26p-plan-search input{background:#141414;width:100%;min-height:42px;border:1px solid rgba(255,255,255,0.1);border-radius:10px;padding:0 13px;color:#F5F5F5;outline:0}.a26p-plan-search input:focus{border-color:rgba(255,255,255,0.1);box-shadow:0 0 0 3px rgba(0,0,0,0.182)}.a26p-plan-search>span{font-size:10px;font-weight:800;color:#60DDAD;white-space:nowrap}.a26p-plan-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.a26p-plan{cursor:pointer;min-width:0;position:relative;background:#141414;border:1.5px solid rgba(255,255,255,0.1);border-radius:17px;padding:19px 19px 17px;display:flex;flex-direction:column;min-height:191px;transition:transform .25s,border-color .25s,box-shadow .25s,background .25s}.a26p-plan:hover{border-color:rgba(255,255,255,0.1);transform:translateY(-2px);box-shadow:0 11px 24px rgba(0,0,0,0.1)}.a26p-plan.is-selected,.a26p-plan:has(input:checked){border-color:rgba(255,110,40,0.55);background:linear-gradient(165deg,#141414,#141414 73%);box-shadow:0 0 0 3px rgba(0,0,0,0.107)}.a26p-plan>input,.a26p-option>input{position:absolute;opacity:0;width:1px;height:1px;pointer-events:none}.a26p-plan-tick{position:absolute;right:18px;top:20px;display:grid;place-items:center;width:20px;height:20px;border:1.5px solid rgba(255,255,255,0.1);border-radius:100%;background:#141414}.a26p-plan-tick svg{width:13px;height:13px;stroke:white;fill:none;stroke-width:3}.a26p-plan.is-selected .a26p-plan-tick,.a26p-plan:has(input:checked) .a26p-plan-tick{border-color:rgba(255,110,40,0.55);background:#E8421C}.a26p-plan-symbol{width:39px;height:39px;margin-bottom:18px}.a26p-plan strong{font-size:14px;letter-spacing:-.015em;margin-bottom:5px;max-width:90%}.a26p-plan>small{font-size:10px;color:#949494;line-height:1.55;flex:1}.a26p-plan>b{font-size:17px;letter-spacing:-.055em;margin-top:16px}.a26p-options{display:flex;flex-direction:column;gap:10px}.a26p-option{position:relative;display:flex;align-items:center;gap:14px;min-height:91px;padding:15px 15px;background:#141414;border:1.5px solid rgba(255,255,255,0.1);border-radius:15px;cursor:pointer;transition:.25s}.a26p-option:hover{border-color:rgba(255,255,255,0.1);transform:translateX(2px)}.a26p-option.is-selected,.a26p-option:has(input:checked){background:#141414;border-color:rgba(255,110,40,0.55);box-shadow:0 0 0 2px rgba(0,0,0,0.113)}.a26p-option-icon{flex:none;width:42px;height:42px}.a26p-option-info{display:block;min-width:0;flex:1}.a26p-option-info strong{display:block;font-size:12px;font-weight:800;margin-bottom:6px}.a26p-option-info small{display:block;line-height:1.48;color:#949494;font-size:10px}.a26p-option-end{display:flex;flex-direction:column;align-items:end;gap:8px;min-width:104px}.a26p-option-end>b{font-size:12px;white-space:nowrap;letter-spacing:-.02em}.a26p-option-end i{width:21px;height:21px;display:grid;place-items:center;border:1px solid rgba(255,255,255,0.1);border-radius:6px;background:#141414}.a26p-option-end svg{width:13px;height:13px;fill:none;stroke:white;stroke-width:3}.a26p-option.is-selected .a26p-option-end i,.a26p-option:has(input:checked) .a26p-option-end i{background:#E8421C;border-color:rgba(255,110,40,0.55)}.a26p-step-nav{display:flex;justify-content:space-between;align-items:center;margin-top:27px;gap:10px}.a26p-step-nav button{min-height:47px;border-radius:11px;border:1px solid rgba(255,255,255,0.1);padding:0 19px;background:#141414;font-size:12px;font-weight:850;color:#F5F5F5}.a26p-step-nav [data-a26-next]{margin-left:auto;min-width:195px;background:#E8421C;color:white;border-color:rgba(255,255,255,0.1);box-shadow:0 10px 25px rgba(0,0,0,0.351);display:flex;align-items:center;justify-content:space-between;gap:30px;transition:.2s}.a26p-step-nav button:hover{transform:translateY(-2px)}.a26p-summary{position:sticky;top:90px;overflow:hidden;background:#0F0F0F;border:1px solid #1F1F1F;border-radius:22px;color:#fff;box-shadow:0 21px 45px rgba(0,0,0,0.238)}.a26p-summary-top{background:radial-gradient(ellipse at 88% 0%,rgba(24,18,15,0.467),transparent 65%);padding:27px 26px 18px}.a26p-summary-kicker{display:flex;gap:11px;align-items:center;font-size:9px;color:#FF8A00;font-weight:800;letter-spacing:.15em}.a26p-summary-kicker i{width:6px;height:6px}.a26p-summary-top h2{font-size:24px;margin:18px 0 7px}.a26p-summary-top p{font-size:11px;color:#B2B2B2;margin:0}.a26p-summary-items{margin:0 26px 10px;border-top:1px solid rgba(255,255,255,0.016);padding-top:12px;max-height:290px;overflow:auto;scrollbar-color:#516497 transparent}.a26p-summary-row{display:flex;justify-content:space-between;align-items:start;gap:13px;font-size:11px;color:#D1D1D1;margin:0;padding:9px 0;border-bottom:1px solid rgba(255,255,255,0.009)}.a26p-summary-row strong{font-size:12px;white-space:nowrap;color:white}.a26p-summary-row.a26p-summary-base{font-weight:800;color:#fff}.a26p-summary-foot{padding:11px 26px 25px}.a26p-summary-total{border-top:1px solid rgba(255,255,255,0.025);padding-top:17px}.a26p-summary-total>span{display:block;font-size:10px;color:#B2B2B2;font-weight:700}.a26p-summary-total>strong{font-size:clamp(27px,2.5vw,38px);letter-spacing:-.075em;display:block;margin:6px 0}.a26p-summary-total>small{display:block;font-size:9px;color:#79dcba;font-weight:750}.a26p-summary-payment{margin-top:23px;background:rgba(255,255,255,0.051);border:1px solid rgba(255,255,255,0.015);border-radius:12px;padding:12px 15px}.a26p-summary-payment>span{display:flex;align-items:center;justify-content:space-between;gap:10px;font-size:10px;color:#B2B2B2;padding:7px 0}.a26p-summary-payment b{font-size:13px;color:#fff;white-space:nowrap}.a26p-summary-foot>p{font-size:10px;color:#B2B2B2;margin:15px 0 0}.a26p-form-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:15px}.a26p-form-grid>label,.a26p-textarea{font-size:11px;font-weight:800;color:#E6E6E6;display:block}.a26p-form-grid input,.a26p-textarea textarea{margin-top:7px;width:100%;border:1px solid rgba(255,255,255,0.1);border-radius:11px;min-height:48px;padding:13px;font-size:13px;color:#F5F5F5;background:#141414}.a26p-textarea{margin-top:16px}.a26p-textarea textarea{resize:vertical;min-height:114px}.a26p-submit{width:100%;min-height:52px;margin-top:20px;border-radius:12px;background:#E8421C;color:white;font-size:13px;font-weight:800;display:flex;align-items:center;justify-content:center}.a26p-form .privacy-consent-field{margin-top:20px}.a26p-form .hp-field{position:absolute;left:-9999px;width:1px;height:1px;opacity:0}
@keyframes a26Reveal{from{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}
@media(max-width:1130px){.a26p-price-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.a26p-hero{grid-template-columns:minmax(0,1.4fr) minmax(250px,.8fr);gap:25px;padding:40px}.a26p-hero h1{font-size:clamp(41px,4vw,65px)}.a26p-builder-layout{grid-template-columns:minmax(0,1fr) 295px;gap:15px}.a26p-builder-main{padding:23px}.a26p-progress button{padding:10px;gap:7px}.a26p-price-card{min-height:230px}}
@media(max-width:820px){.a26p-hero{grid-template-columns:1fr;min-height:unset;padding:38px 30px}.a26p-hero-proof{display:grid;grid-template-columns:1fr 1fr;column-gap:18px;align-items:center}.a26p-proof-label,.a26p-proof-index,.a26p-hero-proof>strong,.a26p-proof-bottom{grid-column:span 2}.a26p-hero-proof>strong{max-width:none}.a26p-proof-line{border-top:1px solid rgba(255,255,255,0.018)}.a26p-assurance-grid{grid-template-columns:1fr}.a26p-builder-layout{grid-template-columns:1fr}.a26p-summary{position:relative;top:auto;grid-row:1;display:grid;grid-template-columns:1fr 1fr}.a26p-summary-top{padding:23px}.a26p-summary-items{margin:0 15px;padding:23px 0;border-top:0;max-height:210px}.a26p-summary-foot{grid-column:span 2;display:grid;grid-template-columns:1fr 1fr;gap:16px;padding-top:0}.a26p-summary-total{align-self:center}.a26p-summary-payment{margin:0}.a26p-summary-foot>p{grid-column:span 2;margin:0}.a26p-progress button span{font-size:10px}.a26p-final{padding:30px;flex-wrap:wrap}.a26p-plan-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:560px){.a26p{padding:4px 12px 55px}.a26p-hero{border-radius:23px;padding:32px 21px}.a26p-hero h1{font-size:clamp(39px,11vw,55px)}.a26p-hero-text p{font-size:13px}.a26p-hero-proof{padding:19px}.a26p-hero-proof>strong{font-size:15px}.a26p-proof-line{gap:8px}.a26p-proof-line>span{font-size:20px;min-width:51px}.a26p-btn{width:100%;min-height:49px}.a26p-section-intro{padding:50px 0 20px;display:block}.a26p-section-intro>span{display:block;margin-top:10px}.a26p-filter{flex-wrap:nowrap;overflow-x:auto;overscroll-behavior-x:contain;scrollbar-width:none;padding-bottom:14px;gap:6px}.a26p-filter button{flex:none;white-space:nowrap}.a26p-group-heading h3{font-size:26px}.a26p-price-grid{grid-template-columns:1fr;gap:11px}.a26p-price-card{min-height:0;padding:21px}.a26p-price-card>p{margin-bottom:23px}.a26p-assurance{padding-top:28px}.a26p-final{border-radius:20px;padding:30px 22px}.a26p-builder-hero{display:block;padding-top:20px}.a26p-builder-hero h1{font-size:38px}.a26p-back-prices{display:inline-block;margin-top:18px;padding-left:0}.a26p-progress{gap:5px;margin:20px 0}.a26p-progress button{flex-direction:column;gap:5px;border-radius:10px;padding:9px 2px}.a26p-progress button small{min-width:29px;height:29px}.a26p-progress button span{font-size:9px;text-align:center;line-height:1.3}.a26p-builder-main{padding:17px;border-radius:18px}.a26p-plan-search{display:block}.a26p-plan-search label{max-width:none}.a26p-plan-search>span{display:block;margin-top:10px}.a26p-plan-grid{grid-template-columns:1fr}.a26p-plan{min-height:155px}.a26p-option{gap:10px;padding:13px 11px}.a26p-option-icon{height:34px;width:34px;border-radius:9px}.a26p-option-icon svg{width:17px}.a26p-option-end{min-width:82px}.a26p-option-end>b{font-size:10px}.a26p-summary{display:block;border-radius:17px}.a26p-summary-top{padding-bottom:10px}.a26p-summary-items{padding:12px 0;margin:0 23px;max-height:165px}.a26p-summary-foot{display:block;padding:12px 23px 22px}.a26p-summary-total>strong{font-size:32px}.a26p-summary-payment{margin-top:15px}.a26p-summary-foot>p{margin-top:13px}.a26p-form-grid{grid-template-columns:1fr}.a26p-step-nav [data-a26-next]{min-width:160px}}
@media(prefers-reduced-motion:reduce){.a26p *, .a26p *:before,.a26p *:after{animation-duration:.01ms!important;scroll-behavior:auto!important;transition-duration:.01ms!important}}

.a26p-plan-types{display:flex;flex-wrap:wrap;gap:6px;margin:0 0 16px}.a26p-plan-types button{padding:9px 11px;border:1px solid rgba(255,255,255,0.1);border-radius:9px;background:#141414;font-size:10px;font-weight:850;color:#949494;transition:.2s}.a26p-plan-types button.is-active,.a26p-plan-types button:hover{color:#fff;background:#E8421C;border-color:rgba(255,110,40,0.55)}.a26p-plan[hidden]{display:none!important}@media(max-width:560px){.a26p-plan-types{overflow-x:auto;flex-wrap:nowrap;scrollbar-width:none;padding-bottom:5px}.a26p-plan-types button{white-space:nowrap;flex:none}}

/* /assets/css/seo-locality.css */
/* SiteHub SEO: compact locality block in contact aside + footer */
.adev-seo-location{display:flex;flex-direction:column;gap:4px;margin:0 0 14px;padding:12px 15px;border:1px solid rgba(255,255,255,0.1);border-radius:16px;background:rgba(255,138,0,0.06)}
.adev-seo-location span{font-size:11px;letter-spacing:.08em;text-transform:uppercase;opacity:.65}
.adev-seo-location strong{font-size:15px;font-weight:800}
.adev-seo-location small{font-size:12px;line-height:1.5;opacity:.75}
.adev-seo-footer-locality{margin:4px 0 10px!important;font-size:12px!important;opacity:.8}

/* /assets/css/privacy-document-2026.css */
/* SiteHub Privacy Document 2026 — scoped to /privacy only. No global layout changes. */
.p26-page { --p26-ink:#F5F5F5; --p26-muted:#E6E6E6; --p26-navy:#0F0F0F; --p26-border:rgba(255,255,255,0.1); --p26-blue:#B2B2B2; max-width:none; color:var(--p26-ink); background:#141414; }
.p26-page *, .p26-page *::before, .p26-page *::after { box-sizing:border-box; }
.p26-page .p26-hero { background:var(--p26-navy); color:#fff; margin:0; padding:0 clamp(20px, 5vw, 88px) clamp(52px,6vw,92px); position:relative; isolation:isolate; }
.p26-page .p26-hero-bar { margin:auto;max-width:1350px;min-height:85px;display:flex;align-items:center;justify-content:space-between;gap:16px;border-bottom:1px solid rgba(255,255,255,0.017); }
.p26-page .p26-brand {display:inline-flex;align-items:center;gap:11px;font-size:13px;font-weight:700;letter-spacing:.015em;color:#D1D1D1;}
.p26-page .p26-brand svg {width:19px;height:19px;fill:none;stroke:#FF8A00;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round;}
.p26-page .p26-brand-sep {color:#B2B2B2;display:inline-block;margin:0 5px;}
.p26-page .p26-top-contact {display:inline-flex;align-items:center;gap:8px;color:#D1D1D1;text-decoration:none;font-size:13px;font-weight:650;border-radius:10px;padding:10px 13px;transition:background-color .2s ease;}
.p26-page .p26-top-contact:hover,.p26-page .p26-top-contact:focus-visible {background:rgba(255,255,255,0.06);color:#fff;}
.p26-page .p26-top-contact svg {width:17px;height:17px;fill:none;stroke:currentColor;stroke-width:1.7;}
.p26-page .p26-hero-layout {max-width:1350px; margin:auto; display:grid;grid-template-columns:minmax(0,1.14fr) minmax(310px,.72fr); gap:clamp(28px,6vw,114px);padding-top:clamp(48px,7vw,104px);align-items:center;}
.p26-page .p26-hero-copy {min-width:0;}
.p26-page .p26-overline {margin:0 0 23px;color:#FF8A00;letter-spacing:.035em;font-weight:700;font-size:13px;line-height:1.45;}
.p26-page .p26-hero-copy h1 {margin:0 0 24px;color:#fff;letter-spacing:-.045em;font-size:clamp(39px,5vw,71px);line-height:1.08;font-weight:800;max-width:770px;overflow-wrap:break-word;}
.p26-page .p26-hero-intro {max-width:680px;color:#D1D1D1;line-height:1.7;font-size:clamp(16px,1.45vw,19px);margin:0 0 29px;}
.p26-page .p26-hero-meta {display:flex;flex-wrap:wrap;align-items:center;gap:10px;}
.p26-page .p26-hero-meta span {display:inline-flex;align-items:center;gap:8px;font-size:12px;line-height:1.35;color:#D1D1D1;border:1px solid rgba(255,255,255,0.018);border-radius:50px;padding:10px 13px;}
.p26-page .p26-hero-meta svg {width:16px;height:16px;fill:none;stroke:#FF8A00;stroke-width:1.8;}
.p26-page .p26-quick {background:#141414;color:#F5F5F5;border:1px solid rgba(255,255,255,0.1);border-radius:20px;box-shadow:0 22px 60px rgba(0,0,0,0.272);padding:22px;}
.p26-page .p26-quick-heading {display:flex;align-items:center;justify-content:space-between;margin:0 0 10px;padding:0 4px 8px;gap:12px;}
.p26-page .p26-quick-heading b {font-size:18px;letter-spacing:-.03em;}
.p26-page .p26-quick-heading span {font-size:12px;color:#949494;}
.p26-page .p26-quick-link {display:grid;grid-template-columns:40px minmax(0,1fr);gap:14px;align-items:center;border-radius:12px;padding:12px 9px;color:inherit;text-decoration:none;transition:background .2s ease,transform .2s ease;}
.p26-page .p26-quick-link + .p26-quick-link {border-top:1px solid rgba(255,255,255,0.1);}
.p26-page .p26-quick-link:hover,.p26-page .p26-quick-link:focus-visible {background:#141414;transform:translateX(2px);}
.p26-page .p26-quick-link>svg {width:38px;height:38px;border-radius:10px;padding:10px;background:#121212;stroke:#FF8A00;stroke-width:1.6;fill:none;stroke-linecap:round;stroke-linejoin:round;}
.p26-page .p26-quick-link b {display:block;color:#FF8A00;font-size:14px;line-height:1.3;font-weight:750;}
.p26-page .p26-quick-link small {display:block;color:#949494;font-size:12px;line-height:1.45;margin-top:4px;}
.p26-page .p26-cookie-action {display:flex;align-items:center;justify-content:center;gap:10px;width:100%;margin-top:14px;min-height:47px;padding:10px 12px;border-radius:11px;background:#18120F;color:#fff;border:0;font-family:inherit;font-size:13px;font-weight:750;cursor:pointer;transition:background .2s ease,transform .2s ease;}
.p26-page .p26-cookie-action:hover {background:#18120F;transform:translateY(-1px);}
.p26-page .p26-cookie-action svg {width:17px;height:17px;fill:none;stroke:currentColor;stroke-width:1.8;}
.p26-page .adp-legal-layout {max-width:1350px;padding:clamp(38px,5vw,76px) 32px 110px;display:grid;grid-template-columns:260px minmax(0,1fr);align-items:start;gap:clamp(35px,5vw,86px);}
.p26-page .adp-legal-nav {top:94px;position:sticky;border:1px solid var(--p26-border);border-radius:16px;background:#141414;padding:16px 12px;box-shadow:0 8px 24px rgba(0,0,0,0.048);max-height:calc(100vh - 120px);overflow-y:auto;}
.p26-page .p26-aside-label {display:flex;justify-content:space-between;align-items:baseline;gap:8px;font-size:15px;font-weight:800;color:#F5F5F5;padding:10px 12px 16px;margin-bottom:3px;}
.p26-page .p26-aside-label span {font-weight:550;color:#949494;font-size:11px;}
.p26-page .adp-legal-nav a {min-height:42px;display:grid;grid-template-columns:26px 1fr;align-items:center;gap:7px;padding:10px 11px;border:0;border-radius:9px;color:#E6E6E6;text-decoration:none;font-size:13px;line-height:1.3;font-weight:570;transition:color .2s ease,background .2s ease;}
.p26-page .adp-legal-nav a:hover,.p26-page .adp-legal-nav a:focus-visible {color:#FF8A00;padding-left:11px;background:#121212;}
.p26-page .adp-legal-nav a span {color:#A0A0A0;font-size:11px;font-variant-numeric:tabular-nums;}
.p26-page .adp-legal-content {min-width:0;max-width:820px;}
.p26-page .adp-legal-section {padding:28px 0 48px;scroll-margin-top:100px;border:0;}
.p26-page .adp-legal-section:first-child {padding-top:5px;}
.p26-page .adp-legal-section + .adp-legal-section {border-top:1px solid var(--p26-border);padding-top:45px;}
.p26-page .adp-legal-section .adp-kicker {font-size:12px!important;font-weight:750;letter-spacing:.045em;color:var(--p26-blue);line-height:1.4;}
.p26-page .adp-legal-section h2 {font-size:clamp(23px,2.3vw,35px);line-height:1.2;letter-spacing:-.035em;color:var(--p26-ink);font-weight:800;margin:11px 0 17px;overflow-wrap:break-word;}
.p26-page .adp-legal-section p {color:#E6E6E6;font-size:16px;line-height:1.82;max-width:730px;margin:0 0 13px;}
.p26-page .adp-cookie-categories {grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;margin-top:22px;}
.p26-page .adp-cookie-categories article {background:#141414;border:1px solid rgba(255,255,255,0.1);border-radius:14px;padding:22px;}
.p26-page .adp-cookie-categories b {font-size:15px;color:#F5F5F5;line-height:1.4;margin-bottom:9px;}
.p26-page .adp-cookie-categories em {font-size:13px;color:#E6E6E6;line-height:1.65;display:block;font-style:normal;}
.p26-page .p26-settings-note {display:flex;justify-content:space-between;align-items:center;gap:20px;background:#121212;border:1px solid rgba(255,255,255,0.1);border-radius:14px;padding:20px;margin-top:24px;}
.p26-page .p26-settings-note>div {display:flex;align-items:center;gap:15px;}
.p26-page .p26-settings-note svg {width:24px;height:24px;flex:0 0 24px;stroke:#FF8A00;stroke-width:1.6;fill:none;}
.p26-page .p26-settings-note strong {font-size:14px;color:#FF8A00;display:block;line-height:1.4;}
.p26-page .p26-settings-note small {display:block;font-size:12px;color:#B2B2B2;line-height:1.6;margin-top:4px;}
.p26-page .p26-settings-note button {flex:0 0 auto;background:#E8421C;color:white;font-size:13px;font-weight:700;font-family:inherit;border:0;border-radius:9px;padding:13px 16px;cursor:pointer;}
.p26-page .p26-settings-note button:hover {background:#E8421C;}
.p26-page .adp-related-legal {max-width:1286px;margin:0 auto 64px;padding:24px 26px;background:#141414;border:1px solid var(--p26-border);border-radius:14px;display:flex;align-items:center;justify-content:space-between;gap:16px;}
.p26-page .adp-related-legal strong {font-size:14px;color:#F5F5F5;}
.p26-page .adp-related-legal a {font-size:13px;color:#FF8A00;font-weight:650;text-decoration:none;display:inline-flex;align-items:center;gap:6px;}
.p26-page .adp-related-legal svg {width:16px;height:16px;}
.p26-page .adp-related-legal a:hover {text-decoration:underline;}
.p26-page :is(a,button):focus-visible {outline:3px solid rgba(255,110,40,0.55);outline-offset:3px;}
@media (max-width:1024px) {
 .p26-page .p26-hero-layout {grid-template-columns:minmax(0,1fr) minmax(280px,.78fr);gap:26px;}
 .p26-page .adp-legal-layout {grid-template-columns:215px minmax(0,1fr);gap:28px;padding-left:24px;padding-right:24px;}
 .p26-page .p26-hero-copy h1 {font-size:clamp(35px,5vw,57px);}
}
@media (max-width:760px) {
 .p26-page .p26-hero {padding:0 20px 48px;}
 .p26-page .p26-hero-bar {min-height:67px;}
 .p26-page .p26-brand {font-size:11px;}
 .p26-page .p26-top-contact {font-size:12px;padding:9px 7px;}
 .p26-page .p26-hero-layout {grid-template-columns:1fr;padding-top:45px;gap:35px;}
 .p26-page .p26-hero-copy h1 {font-size:clamp(35px,9vw,52px);}
 .p26-page .p26-overline {font-size:12px;}
 .p26-page .p26-hero-intro {font-size:16px;}
 .p26-page .p26-hero-meta span {font-size:11px;}
 .p26-page .p26-quick {padding:17px;border-radius:15px;}
 .p26-page .adp-legal-layout {display:block;padding:32px 20px 75px;}
 .p26-page .adp-legal-nav {position:relative;top:auto;display:flex;align-items:center;gap:7px;max-height:none;overflow-x:auto;overflow-y:hidden;padding:12px;margin-bottom:36px;border-radius:12px;scrollbar-width:thin;}
 .p26-page .p26-aside-label {display:none;}
 .p26-page .adp-legal-nav a {display:inline-flex;gap:8px;flex:0 0 auto;white-space:nowrap;padding:10px 12px;font-size:12px;background:#141414;min-height:38px;}
 .p26-page .adp-legal-nav a:hover {padding-left:12px;}
 .p26-page .adp-legal-section {scroll-margin-top:75px;}
 .p26-page .adp-legal-section + .adp-legal-section {padding-top:32px;}
 .p26-page .adp-cookie-categories {grid-template-columns:1fr;}
 .p26-page .p26-settings-note {display:block;}
 .p26-page .p26-settings-note button {display:block;width:100%;margin-top:18px;min-height:44px;}
 .p26-page .adp-related-legal {margin:0 20px 45px;display:block;}
 .p26-page .adp-related-legal>div {margin-top:15px;gap:15px;}
}
@media (max-width:350px) {
 .p26-page .p26-hero {padding-left:14px;padding-right:14px;}
 .p26-page .adp-legal-layout {padding-left:14px;padding-right:14px;}
 .p26-page .p26-hero-copy h1 {font-size:33px;}
 .p26-page .p26-hero-meta span {padding:9px 10px;}
 .p26-page .p26-quick-link {gap:7px;}
}
@media (prefers-reduced-motion:reduce) {
 .p26-page *,.p26-page *::before,.p26-page *::after {animation-duration:.01ms!important;transition-duration:.01ms!important;scroll-behavior:auto!important;}
}

/* ---------------------------------------------------------------------
   SiteHub Privacy | Refined document edition V2
   This is an intentionally scoped visual patch. No legal text,
   settings handlers, routes or global components are changed.
   --------------------------------------------------------------------- */
.p26-page {
  --p26-blue:#B2B2B2;
  --p26-radius:32px;
  background:linear-gradient(180deg,#141414 0%,#141414 50%,#141414 100%);
  overflow:visible;
}
/* Remove global decorative backplate and inherited decorative ornaments. */
.p26-page::before,
.p26-page .adp-kicker::before,
.p26-page .adp-kicker::after,
.p26-page .p26-overline::before,
.p26-page .p26-overline::after {content:none!important;display:none!important;}
.p26-page .p26-hero {
  margin:16px clamp(10px,2.3vw,32px) 0;
  border-radius:var(--p26-radius);
  overflow:hidden;
  background:
    radial-gradient(ellipse at 98% 6%,rgba(255,138,0,0.16),transparent 42%),
    radial-gradient(ellipse at -8% 105%,rgba(255,138,0,0.16),transparent 51%),
    linear-gradient(128deg,#0F0F0F 8%,#0F0F0F 54%,#101010 100%);
  border:1px solid rgba(255,255,255,0.1);
  box-shadow:0 26px 65px rgba(0,0,0,0.24);
  padding-bottom:clamp(44px,5vw,72px);
}
.p26-page .p26-hero-bar {
  border-bottom:0;
  min-height:78px;
  padding-top:10px;
}
.p26-page .p26-brand {font-size:13px;}
.p26-page .p26-top-contact {
  border:1px solid rgba(255,255,255,0.1);
  border-radius:999px;
  padding:11px 15px;
  background:rgba(255,255,255,0.035);
  transition:transform .22s ease,background .22s ease,border-color .22s ease;
}
.p26-page .p26-top-contact:hover,
.p26-page .p26-top-contact:focus-visible {
  transform:translateY(-2px);
  border-color:rgba(255,255,255,0.1);
  background:rgba(255,255,255,0.06);
}
.p26-page .p26-hero-layout {padding-top:clamp(32px,5.5vw,76px);gap:clamp(32px,5vw,90px);}
.p26-page .p26-overline {
  display:inline-flex;
  padding:9px 14px;
  border:1px solid rgba(255,255,255,0.1);
  border-radius:999px;
  background:rgba(255,138,0,0.09);
  margin:0 0 24px;
  color:#FF8A00;
  font-size:12px;
  font-weight:700;
  letter-spacing:.01em;
}
.p26-page .p26-hero-copy h1 {
  font-size:clamp(36px,3.25vw,52px);
  line-height:1.08;
  letter-spacing:-.052em;
  margin:0 0 23px;
  text-wrap:balance;
  overflow-wrap:normal;
  word-break:normal;
  hyphens:none;
}
.p26-page .p26-hero-intro {color:#D1D1D1;line-height:1.72;}
.p26-page .p26-hero-meta span {
  border-radius:999px;
  background:rgba(255,255,255,0.045);
  border-color:rgba(255,255,255,0.1);
  padding:10px 14px;
}
.p26-page .p26-quick {
  border:1px solid rgba(255,255,255,0.1);
  border-radius:26px;
  padding:25px;
  background:linear-gradient(150deg,#141414 0%,#141414 100%);
  box-shadow:0 28px 62px rgba(0,0,0,0.288),0 3px 11px rgba(0,0,0,0.064);
  transition:transform .35s cubic-bezier(.22,1,.36,1),box-shadow .35s ease;
}
.p26-page .p26-quick:hover {transform:translateY(-3px);box-shadow:0 36px 72px rgba(0,0,0,0.32),0 4px 14px rgba(0,0,0,0.064);}
.p26-page .p26-quick-heading {padding:0 3px 12px;margin-bottom:5px;border:0;}
.p26-page .p26-quick-heading b {font-size:20px;letter-spacing:-.035em;}
/* Meaningless section counters are not part of the legal information. */
.p26-page .p26-quick-heading>span {display:none;}
.p26-page .p26-quick-link {
  grid-template-columns:43px minmax(0,1fr);
  border:0!important;
  padding:13px 10px;
  border-radius:16px;
  gap:13px;
  transition:transform .24s cubic-bezier(.22,1,.36,1),background .24s ease;
}
.p26-page .p26-quick-link + .p26-quick-link {margin-top:3px;}
.p26-page .p26-quick-link:hover,
.p26-page .p26-quick-link:focus-visible {
  transform:translateX(3px);
  background:#141414;
}
.p26-page .p26-quick-link>svg {
  width:42px;height:42px;padding:11px;
  border-radius:14px;
  background:linear-gradient(145deg,#121212,#121212);
  color:#FF8A00;
  stroke:#FF8A00;
}
.p26-page .p26-quick-link b {font-size:14px;line-height:1.32;}
.p26-page .p26-quick-link small {font-size:12px;line-height:1.48;}
.p26-page .p26-cookie-action {
  margin-top:18px;
  border-radius:15px;
  min-height:50px;
  background:linear-gradient(105deg,#18120F,#18120F);
  box-shadow:0 10px 20px rgba(0,0,0,0.256);
  transition:transform .24s ease,box-shadow .24s ease,background .24s ease;
}
.p26-page .p26-cookie-action:hover,
.p26-page .p26-cookie-action:focus-visible {
  transform:translateY(-2px);
  box-shadow:0 14px 25px rgba(0,0,0,0.384);
  background:linear-gradient(105deg,#18120F,#18120F);
}
.p26-page .adp-legal-layout {
  padding-top:clamp(45px,5vw,78px);
  padding-bottom:85px;
  gap:clamp(32px,5vw,82px);
}
.p26-page .adp-legal-nav {
  border:1px solid rgba(255,255,255,0.1);
  border-radius:24px;
  padding:18px 13px;
  box-shadow:0 16px 38px rgba(0,0,0,0.096);
}
.p26-page .adp-legal-nav a {
  border:0;
  border-radius:13px;
  transition:background .22s ease,transform .22s ease,color .22s ease;
}
.p26-page .adp-legal-nav a:hover,
.p26-page .adp-legal-nav a:focus-visible {
  transform:translateX(3px);
  background:#121212;
}
.p26-page .adp-legal-section {padding:26px 0 43px;}
.p26-page .adp-legal-section + .adp-legal-section {
  border-top:0!important;
  padding-top:35px;
}
.p26-page .adp-legal-section .adp-kicker {
  display:inline-flex;
  align-items:center;
  padding:8px 12px;
  border:1px solid rgba(255,255,255,0.1);
  border-radius:999px;
  background:#121212;
  color:#FF8A00;
  text-transform:none;
  letter-spacing:.02em;
  font-size:11px!important;
}
.p26-page .adp-legal-section h2 {margin-top:18px;}
.p26-page .adp-legal-section:target {
  border-radius:20px;
  background:rgba(255,255,255,0.06);
  box-shadow:0 0 0 14px rgba(0,0,0,0.48);
  transition:background .3s ease,box-shadow .3s ease;
}
.p26-page .adp-cookie-categories article {
  border-radius:22px;
  box-shadow:0 10px 25px rgba(0,0,0,0.056);
  transition:transform .25s ease,box-shadow .25s ease;
}
.p26-page .adp-cookie-categories article:hover {transform:translateY(-3px);box-shadow:0 16px 32px rgba(0,0,0,0.144);}
.p26-page .p26-settings-note {border-radius:24px;background:#121212;}
.p26-page .p26-settings-note button {border-radius:14px;transition:background .2s ease,transform .2s ease;}
.p26-page .p26-settings-note button:hover {transform:translateY(-2px);}
.p26-page .adp-related-legal {border-radius:24px;box-shadow:0 13px 32px rgba(0,0,0,0.072);}
@media(max-width:760px) {
  .p26-page .p26-hero {
    margin:8px 7px 0;
    padding:0 19px 42px;
    border-radius:26px;
  }
  .p26-page .p26-hero-bar {min-height:70px;padding:5px 0 0;gap:8px;}
  .p26-page .p26-hero-layout {padding-top:37px;gap:30px;}
  .p26-page .p26-hero-copy h1 {font-size:clamp(27px,7.2vw,34px);overflow-wrap:normal;word-break:normal;}
  .p26-page .p26-quick {padding:20px;border-radius:23px;}
  .p26-page .adp-legal-layout {padding:34px 20px 68px;}
  .p26-page .adp-legal-nav {border-radius:18px;padding:11px;}
  .p26-page .adp-legal-section + .adp-legal-section {padding-top:25px;}
  .p26-page .adp-legal-section:target {box-shadow:0 0 0 7px rgba(0,0,0,0.48);}
}
@media(max-width:350px) {
  .p26-page .p26-hero {padding-left:14px;padding-right:14px;margin-left:5px;margin-right:5px;}
  .p26-page .p26-hero-copy h1 {font-size:25px;}
  .p26-page .p26-top-contact {padding:9px;}
  .p26-page .p26-brand {font-size:11px;}
  .p26-page .p26-overline {font-size:11px;}
}
@media(prefers-reduced-motion:reduce) {
  .p26-page .p26-quick,
  .p26-page .p26-cookie-action,
  .p26-page .p26-quick-link,
  .p26-page .p26-top-contact,
  .p26-page .adp-legal-nav a,
  .p26-page .adp-cookie-categories article {transform:none!important;transition:none!important;}
}

/* /assets/css/adeptdev-host-hero-v65.css */
/* V65: Scoped premium conversion hero. Does NOT change original left hero / checkout. */
.ad65-original-hidden{display:none!important}
html.ad65-hero-active [data-ah64][data-page="home"],html.ad65-hero-active [data-adb63]{display:none!important}
.ad65-hero-promo{--ad65-white:#fff;--ad65-sky:#141414;box-sizing:border-box;position:relative;isolation:isolate;overflow:hidden;min-width:0;width:100%;max-width:100%;border:1px solid rgba(255,255,255,0.1);border-radius:29px;background:linear-gradient(125deg,#101010 4%,#131313 58%,#18120F 100%);box-shadow:0 26px 64px rgba(0,0,0,0.304),inset 0 1px 0 rgba(255,255,255,.10);color:var(--ad65-white);font:500 14px/1.5 Manrope,Inter,system-ui,sans-serif;letter-spacing:normal;text-align:left;align-self:center;padding:24px clamp(20px,2.4vw,31px) 17px;min-height:480px;display:flex;flex-direction:column;gap:0;animation:ad65-enter .7s cubic-bezier(.2,.75,.3,1) both}
.ad65-hero-promo *, .ad65-hero-promo *::before,.ad65-hero-promo *::after{box-sizing:border-box}.ad65-hero-promo a{text-decoration:none}.ad65-hero-promo a:focus-visible{outline:3px solid #262626;outline-offset:4px}
.ad65-glow{position:absolute;pointer-events:none;inset:0;z-index:-1;background:radial-gradient(circle at 85% 24%,rgba(255,138,0,0.16),transparent 37%),radial-gradient(circle at 3% 100%,rgba(255,138,0,0.16),transparent 33%)}
.ad65-hero-promo::before{content:'';position:absolute;z-index:-1;width:400px;height:400px;border:1px solid rgba(255,255,255,0.1);border-radius:50%;top:-252px;right:-210px;box-shadow:0 0 0 50px rgba(0,0,0,0.056),0 0 0 105px rgba(0,0,0,0.04)}
.ad65-top{display:flex;justify-content:space-between;align-items:center;gap:10px;padding-bottom:17px;border-bottom:1px solid rgba(255,255,255,0.1)}.ad65-brand{display:flex;align-items:center;gap:9px;color:#fff;font-size:12px;font-weight:800;white-space:nowrap;letter-spacing:-.03em}.ad65-brand b{font-size:11px;color:#FF8A00;margin:0 2px}.ad65-brandmark{display:grid;place-items:center;font-size:19px;line-height:1;font-weight:900;letter-spacing:-.17em;font-style:italic;color:#FF8A00;width:24px}.ad65-brandmark span{font-size:13px;color:#FF8A00;font-weight:500}
.ad65-top-tag{display:inline-flex;align-items:center;gap:7px;min-width:0;color:#FF8A00;font:750 9px/1.25 Manrope,system-ui,sans-serif;letter-spacing:.04em;text-align:right}.ad65-top-tag i{display:inline-block;flex:0 0 7px;width:7px;height:7px;background:#66dfa9;box-shadow:0 0 0 4px rgba(81,209,156,.11);border-radius:50%}
.ad65-primary{padding-top:20px}.ad65-eyebrow{display:inline-flex;align-items:center;gap:8px;padding:5px 10px;border:1px solid rgba(255,255,255,0.1);border-radius:30px;background:rgba(255,138,0,0.12);color:#FF8A00;letter-spacing:.09em;font-size:9px;font-weight:850}.ad65-eyebrow span{color:#FF8A00;font-size:13px}.ad65-intro{font-weight:650!important;font-size:13px!important;color:#D1D1D1!important;margin:14px 0 2px!important;line-height:1.4!important}.ad65-primary h2{font-size:clamp(27px,2.9vw,39px)!important;font-weight:850!important;letter-spacing:-.058em!important;line-height:1.13!important;color:#fff!important;margin:0!important;max-width:98%}.ad65-free{display:block;margin-top:2px;color:#B2B2B2;font-weight:900;font-size:clamp(39px,4vw,54px);letter-spacing:-.065em;line-height:1.08;text-shadow:0 11px 28px rgba(0,0,0,0.192)}.ad65-description{max-width:455px;color:#D1D1D1!important;font-size:12px!important;line-height:1.6!important;margin:10px 0 16px!important}
.ad65-cta{width:fit-content;display:inline-flex;justify-content:space-between;align-items:center;gap:22px;padding:11px 14px 11px 16px;min-height:44px;border-radius:11px;background:linear-gradient(100deg,#E8421C,#E8421C);border:1px solid rgba(255,255,255,0.1);box-shadow:0 10px 25px rgba(0,0,0,0.432);color:#fff!important;font-size:11px;font-weight:800;transition:transform .24s,box-shadow .24s}.ad65-cta>span{display:grid;place-items:center}.ad65-cta:hover{transform:translateY(-3px);box-shadow:0 16px 30px rgba(0,0,0,0.576)}
.ad65-divider{display:flex;align-items:center;gap:12px;color:#B2B2B2;font-size:10px;font-weight:700;padding:19px 0 12px;white-space:nowrap}.ad65-divider::after{content:'';height:1px;flex:1;background:linear-gradient(90deg,rgba(255,255,255,0.06),transparent)}
.ad65-hosting{display:grid;grid-template-columns:36px minmax(0,1fr) auto;align-items:start;gap:13px;border:1px solid rgba(255,255,255,0.1);border-radius:15px;background:linear-gradient(112deg,rgba(255,138,0,0.14),rgba(255,138,0,0.1));padding:15px 14px 13px;transition:background .25s,transform .25s}.ad65-hosting:hover{transform:translateY(-2px);background:rgba(255,138,0,0.16)}.ad65-hosting-icon{display:grid;place-items:center;width:35px;height:35px;border:1px solid rgba(255,255,255,0.1);border-radius:11px;background:rgba(255,138,0,0.16);color:#FF8A00}.ad65-hosting-label{color:#FF8A00;font-size:9px;letter-spacing:.11em;font-weight:850;margin-bottom:4px}.ad65-hosting-copy h3{font-size:17px!important;font-weight:850!important;line-height:1.18!important;color:#fff!important;margin:0 0 5px!important;letter-spacing:-.04em}.ad65-hosting-copy p{max-width:270px;margin:0!important;font-size:10px!important;line-height:1.5!important;color:#D1D1D1!important}.ad65-price{display:flex;align-items:flex-end;flex-direction:column;gap:0;white-space:nowrap}.ad65-price strong{font-size:26px;letter-spacing:-.075em;line-height:1.1;color:#fff}.ad65-price small{color:#FF8A00;font-size:10px;font-weight:650}.ad65-price a{display:inline-flex;align-items:center;gap:3px;margin-top:15px;color:#FF8A00!important;font-size:10px;font-weight:800}.ad65-price a svg{width:13px;height:13px}.ad65-price a:hover{color:#fff!important}
.ad65-footnote{margin-top:auto;padding-top:11px;color:#B2B2B2;font-size:9px;line-height:1.45;text-align:center}
@keyframes ad65-enter{from{opacity:0;transform:translateY(16px)}to{opacity:1;transform:translateY(0)}}
@media(min-width:1360px){.ad65-hero-promo{min-height:500px}}
@media(max-width:1150px){.ad65-hero-promo{padding:20px 19px 15px}.ad65-primary h2{font-size:30px!important}.ad65-free{font-size:42px}.ad65-top-tag{max-width:140px}.ad65-hosting{grid-template-columns:32px minmax(0,1fr);gap:10px}.ad65-hosting-icon{width:32px;height:32px}.ad65-price{grid-column:2;flex-direction:row;align-items:center;gap:5px}.ad65-price a{margin:0 0 0 auto}}
@media(max-width:760px){.ad65-hero-promo{min-height:0;border-radius:22px;padding:20px 19px 16px}.ad65-top-tag{font-size:8px}.ad65-primary h2{font-size:clamp(26px,7vw,37px)!important}.ad65-free{font-size:clamp(37px,10vw,50px)}.ad65-description{max-width:100%;font-size:12px!important}.ad65-hosting{grid-template-columns:34px minmax(0,1fr) auto}.ad65-price{grid-column:auto;flex-direction:column;align-items:flex-end}.ad65-price a{margin-top:10px}.ad65-divider{padding-top:16px}.ad65-footnote{text-align:left}}
@media(max-width:460px){.ad65-top-tag{display:none}.ad65-hosting{grid-template-columns:29px minmax(0,1fr);padding:12px}.ad65-hosting-icon{width:29px;height:29px}.ad65-price{grid-column:2;flex-direction:row;align-items:center;gap:5px;width:100%}.ad65-price strong{font-size:23px}.ad65-price a{margin:0 0 0 auto}.ad65-hosting-copy h3{font-size:16px!important}.ad65-brand{font-size:11px}}
@media(prefers-reduced-motion:reduce){.ad65-hero-promo{animation:none}.ad65-hero-promo *{transition:none!important}}

/* /assets/css/mega-navigation-v2.css */
/* SITEHUB v1.5 — native navigation recolored to official brand tokens. All layout/JS hooks retained. */
/* SiteHub Floating Mega Navigation V4 — original design system, scoped only to existing menu. */
.site-header .header-inner{position:relative;overflow:visible}
.desktop-nav.adev-topnav{display:flex;align-items:center;justify-content:center;gap:5px;position:static;min-width:0}
.adev-topnav .adev-nav-entry{position:static;display:flex;align-items:center}
.adev-topnav .adev-nav-button{position:relative;display:inline-flex;gap:8px;align-items:center;justify-content:center;cursor:pointer;white-space:nowrap;min-height:46px;padding:10px 13px;border:0;border-radius:12px;background:transparent;color:var(--sh-text);font:700 12.7px/1.35 Manrope,system-ui,sans-serif;transition:color .2s,background .2s}
.adev-topnav .adev-nav-button:hover,.adev-topnav .adev-nav-entry.is-open>.adev-nav-button{color:var(--sh-orange);background:var(--sh-surface-2)}
.adev-topnav .adev-nav-button:focus-visible,.adev-topnav .adev-nav-price:focus-visible,.adev-menu a:focus-visible{outline:2px solid var(--sh-orange)!important;outline-offset:2px}
.adev-topnav .adev-nav-price{font:700 12.7px/1.35 Manrope,system-ui,sans-serif;padding:10px 12px}
.adev-nav-button svg.adev-chevron{width:14px;height:14px;flex:0 0 auto;transition:transform .24s cubic-bezier(.2,.8,.2,1)}
.adev-nav-entry.is-open svg.adev-chevron{transform:rotate(180deg)}
/* Mouse bridge: the 14px air gap must never break hover while travelling from trigger to panel. */
.adev-topnav .adev-nav-entry.is-open::after{content:"";position:absolute;left:0;right:0;top:calc(100% - 1px);height:19px;z-index:1500;pointer-events:auto;background:transparent}
.adev-menu{position:absolute;z-index:1501;left:50%;top:calc(100% + 14px);width:min(1180px,calc(100vw - 52px));max-height:min(78dvh,700px);overflow-x:hidden;overflow-y:auto;overscroll-behavior:contain;scrollbar-color:var(--sh-border-2) var(--sh-bg);scrollbar-width:thin;visibility:hidden;opacity:0;pointer-events:none;transform:translate(-50%,8px) scale(.99);transform-origin:top center;transition:opacity .2s ease,transform .26s cubic-bezier(.2,.8,.2,1),visibility .2s;color:var(--sh-text);background:var(--sh-bg-2);border:1px solid var(--sh-border-2);border-radius:22px;box-shadow:var(--sh-shadow);font-family:Manrope,system-ui,sans-serif;isolation:isolate}
.adev-nav-entry.is-open>.adev-menu,html:not(.adev-js-ready) .adev-nav-entry:focus-within>.adev-menu{visibility:visible;opacity:1;pointer-events:auto;transform:translate(-50%,0) scale(1)}
.adev-menu-heading{display:flex;justify-content:space-between;align-items:center;gap:30px;padding:23px 30px 21px;border-bottom:1px solid var(--sh-border-2)}
.adev-overline{display:block;color:var(--sh-orange);font:750 10px/1.5 Manrope,system-ui,sans-serif;letter-spacing:.14em;text-transform:uppercase}
.adev-menu-heading h2{font:760 clamp(25px,2vw,30px)/1.15 Manrope,system-ui,sans-serif;margin:5px 0 6px;color:var(--sh-text);letter-spacing:-.05em}
.adev-menu-heading p{color:var(--sh-text-2);font:500 12px/1.55 Manrope,system-ui,sans-serif;margin:0;max-width:690px}
.adev-menu-toplink{display:inline-flex;align-items:center;gap:10px;flex:0 0 auto;color:var(--sh-text)!important;text-decoration:none!important;white-space:nowrap;font:700 12px/1.35 Manrope,system-ui,sans-serif;padding:11px 14px!important;background:var(--sh-surface-2)!important;border:1px solid var(--sh-border-2)!important;border-radius:11px!important;transition:color .18s,background .18s,border-color .18s}
.adev-menu-toplink:hover{background:var(--sh-surface-2)!important;border-color:var(--sh-border-2)!important;color:var(--sh-text)!important}
.adev-top-arrow,.adev-feature-arrow{width:15px;height:15px;flex:none;color:var(--sh-orange)}
.adev-menu-layout{display:grid;grid-template-columns:minmax(0,1fr) 285px;min-width:0}
.adev-menu-groups{min-width:0;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));padding:22px 16px 23px;gap:0}
.adev-menu--three .adev-menu-layout{display:block}
.adev-menu--three .adev-menu-groups{grid-template-columns:repeat(3,minmax(0,1fr));padding:22px 15px 18px}
.adev-menu-group{min-width:0;padding:0 15px}
.adev-menu-group+.adev-menu-group{border-left:1px solid var(--sh-border-2)}
.adev-menu-group h3{margin:0 0 13px;color:var(--sh-orange);font:750 10px/1.5 Manrope,system-ui,sans-serif;letter-spacing:.11em;text-transform:uppercase}
.adev-menu-links{display:flex;flex-direction:column;gap:3px}
.adev-menu-link{position:relative;display:grid;grid-template-columns:30px minmax(0,1fr) 15px;align-items:center;gap:10px;padding:10px 9px;min-height:62px;min-width:0;text-decoration:none!important;color:var(--sh-text)!important;border:1px solid transparent;border-radius:12px;background:transparent;transition:background .18s ease,border-color .18s ease,transform .18s ease}
.adev-menu-link:hover,.adev-menu-link:focus-visible{background:var(--sh-bg-2)!important;border-color:var(--sh-border-2)!important;color:var(--sh-text)!important;transform:translateX(2px)}
.adev-menu-icon-box{width:30px;height:30px;display:grid;place-items:center;flex:0 0 auto;border:1px solid var(--sh-border-2);background:var(--sh-surface-2);border-radius:9px;color:var(--sh-orange);transition:background .18s,border-color .18s,color .18s}
.adev-menu-link:hover .adev-menu-icon-box,.adev-menu-link:focus-visible .adev-menu-icon-box{background:var(--sh-surface-2);border-color:var(--sh-border-2);color:var(--sh-text-2)}
.adev-menu-icon{width:18px;height:18px;display:block}
.adev-menu-link-copy{min-width:0;display:flex;flex-direction:column;gap:3px}
.adev-menu-link strong{font:700 12.7px/1.35 Manrope,system-ui,sans-serif;color:inherit;letter-spacing:-.014em;overflow-wrap:anywhere}
.adev-menu-link small{font:500 10.7px/1.45 Manrope,system-ui,sans-serif;color:var(--sh-text-2);overflow-wrap:anywhere}
.adev-item-arrow{width:15px;height:15px;flex:none;color:var(--sh-orange);opacity:0;transform:translateX(-4px);transition:opacity .18s,transform .18s}
.adev-menu-link:hover .adev-item-arrow,.adev-menu-link:focus-visible .adev-item-arrow{opacity:1;transform:translateX(0)}
.adev-menu-feature{position:relative;display:flex;flex-direction:column;align-items:flex-start;min-width:0;padding:27px 26px 26px;color:var(--sh-text);border-left:1px solid var(--sh-border-2);background:var(--sh-bg-2);overflow:hidden}
.adev-feature-kicker{font:750 10px/1.5 Manrope,system-ui,sans-serif;letter-spacing:.1em;color:var(--sh-orange)}
.adev-menu-feature h3{color:var(--sh-text);font:760 21px/1.22 Manrope,system-ui,sans-serif;letter-spacing:-.04em;margin:20px 0 10px;max-width:260px}
.adev-menu-feature p{color:var(--sh-text-2);font:500 11.5px/1.65 Manrope,system-ui,sans-serif;margin:0 0 27px;max-width:260px}
.adev-menu-feature a{display:inline-flex;align-items:center;gap:10px;color:var(--sh-text)!important;text-decoration:none!important;font:720 12px/1.35 Manrope,system-ui,sans-serif;padding:11px 13px!important;border:1px solid var(--sh-border-2)!important;border-radius:10px!important;background:var(--sh-surface-2)!important;margin-top:auto;transition:background .18s,border-color .18s}
.adev-menu-feature a:hover{background:var(--sh-surface-2)!important;border-color:var(--sh-border-2)!important}
.adev-menu--three .adev-menu-feature{display:flex;flex-direction:row;align-items:center;gap:21px;min-height:72px;padding:15px 28px;border-left:0;border-top:1px solid var(--sh-border-2);background:var(--sh-bg-2)}
.adev-menu--three .adev-menu-feature h3{margin:0;font:750 14px/1.4 Manrope,system-ui,sans-serif;letter-spacing:-.02em;max-width:300px}
.adev-menu--three .adev-menu-feature p{margin:0;font:500 11px/1.5 Manrope,system-ui,sans-serif;max-width:none;flex:1}
.adev-menu--three .adev-menu-feature a{margin:0;flex:0 0 auto}
@media(min-width:1101px) and (max-width:1370px){.adev-topnav .adev-nav-button{padding:9px 9px;font-size:11.5px;gap:7px}.adev-topnav .adev-nav-price{padding:10px 8px;font-size:11.5px}.header-actions .header-gdpr-check{display:none!important}.adev-menu{width:min(1135px,calc(100vw - 36px))}.adev-menu-groups{padding-left:10px;padding-right:10px}.adev-menu-group{padding:0 10px}.adev-menu--three .adev-menu-groups{padding:15px 10px}}
@media(min-width:1101px) and (max-width:1230px){.adev-menu-layout{grid-template-columns:minmax(0,1fr) 260px}.adev-menu-heading{padding:19px 22px}.adev-menu--three .adev-menu-feature p{display:none}}
@media(max-width:1100px){.desktop-nav.adev-topnav{display:none!important}}
@media(max-width:380px){.site-header .header-actions .lang-switch{display:none!important}.site-header .header-inner{grid-template-columns:auto 1fr!important}.site-header .header-actions{justify-self:end;min-width:0}.site-header .menu-btn{min-width:44px;min-height:44px}}
@media(prefers-reduced-motion:reduce){.adev-menu,.adev-menu *,.adev-topnav .adev-nav-button,.adev-nav-button svg{transition:none!important;animation:none!important}}


/* --------------------------------------------------------------------------
   SiteHub mobile mega navigation v5. The desktop panel remains unchanged.
   Content is generated server-side from the same four Mega Menu groups.
   -------------------------------------------------------------------------- */
@media (max-width:1100px){
  #mobilePanel:has(.adev-mobile-nav){
    padding:0 16px calc(22px + env(safe-area-inset-bottom,0px))!important;
    background:var(--sh-surface)!important;color:var(--sh-text)!important;
    overflow-y:auto;overscroll-behavior:contain;
    -webkit-overflow-scrolling:touch;
    box-sizing:border-box;
  }
  #mobilePanel .mobile-panel-head{
    position:sticky;top:0;z-index:8;display:flex;align-items:center;
    margin:0 -16px;padding:calc(12px + env(safe-area-inset-top,0px)) 20px 12px;
    min-height:72px;background:var(--sh-surface-2)!important;
    border-bottom:1px solid var(--sh-border-2)!important;
    backdrop-filter:blur(18px);-webkit-backdrop-filter:blur(18px);
  }
  #mobilePanel .mobile-panel-head .brand{gap:8px;min-width:0}
  #mobilePanel .mobile-panel-head .brand b{font-size:17px;font-weight:750;letter-spacing:-.035em}
  #mobilePanel .mobile-panel-head>button{
    width:45px;height:45px;min-width:45px;border-radius:15px!important;
    color:var(--sh-text);background:var(--sh-surface)!important;border:1px solid var(--sh-border-2)!important;
    box-shadow:var(--sh-shadow);
  }
  #mobilePanel .mobile-panel-head>button:focus-visible,#mobilePanel .adev-mobile-nav :is(button,a):focus-visible{
    outline:3px solid var(--sh-orange)!important;outline-offset:2px!important;
  }
  #mobilePanel nav.adev-mobile-nav{display:block;margin:0;padding:18px 0 0;}
  #mobilePanel .adev-mobile-nav-intro{margin:1px 3px 17px;}
  #mobilePanel .adev-mobile-nav-overline{font:750 10px/1.5 Manrope,system-ui,sans-serif;letter-spacing:.15em;color:var(--sh-orange);}
  #mobilePanel .adev-mobile-nav-intro p{font:750 clamp(20px,5.6vw,26px)/1.2 Manrope,system-ui,sans-serif;letter-spacing:-.045em;color:var(--sh-text);margin:6px 0 0;}
  #mobilePanel .adev-mobile-shortcuts{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:9px;margin-bottom:17px;}
  #mobilePanel .adev-mobile-shortcut{
    min-height:52px;padding:12px 13px;display:flex;align-items:center;gap:9px;
    border-radius:15px;border:1px solid var(--sh-border-2);background:var(--sh-surface);
    box-shadow:var(--sh-shadow);text-decoration:none!important;
    color:var(--sh-text)!important;font:750 12.5px/1.25 Manrope,system-ui,sans-serif;
    transition:background .18s ease,transform .18s ease;
  }
  #mobilePanel .adev-mobile-shortcut:hover{background:var(--sh-surface);transform:translateY(-1px)}
  #mobilePanel .adev-mobile-shortcut span{flex:1;min-width:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;color:inherit}
  #mobilePanel .adev-mobile-shortcut-arrow{width:14px;height:14px;opacity:.6;color:var(--sh-orange);flex:none}
  #mobilePanel .adev-mobile-svg{width:19px;height:19px;flex:none;stroke:currentColor}
  #mobilePanel .adev-mobile-shortcut>.adev-mobile-svg{color:var(--sh-orange)}
  #mobilePanel .adev-mobile-accordions{display:flex;flex-direction:column;gap:10px;}
  #mobilePanel .adev-mobile-section{
    overflow:hidden;background:var(--sh-surface);border:1px solid var(--sh-border-2);border-radius:19px;
    box-shadow:var(--sh-shadow);
  }
  #mobilePanel .adev-mobile-section.is-active{
    border-color:var(--sh-border-2);box-shadow:var(--sh-shadow);
  }
  #mobilePanel .adev-mobile-section-title{margin:0;padding:0;font-size:inherit;font-weight:inherit;}
  #mobilePanel .adev-mobile-toggle{
    width:100%;display:flex;align-items:center;gap:12px;min-height:78px;
    padding:14px 13px 14px 14px;cursor:pointer;text-align:left;
    background:var(--sh-surface);border:0;color:var(--sh-text);font-family:Manrope,system-ui,sans-serif;
  }
  #mobilePanel .adev-mobile-section-icon{
    width:43px;height:43px;display:grid;place-items:center;flex:none;
    background:var(--sh-surface);border-radius:14px;color:var(--sh-orange);
  }
  #mobilePanel .adev-mobile-section-heading{min-width:0;flex:1;display:flex;flex-direction:column;gap:4px;}
  #mobilePanel .adev-mobile-section-heading strong{font:760 15.5px/1.2 Manrope,system-ui,sans-serif;letter-spacing:-.025em;color:var(--sh-text)}
  #mobilePanel .adev-mobile-section-heading small{font:500 11.3px/1.35 Manrope,system-ui,sans-serif;color:var(--sh-text-2);display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
  #mobilePanel .adev-mobile-chevron{width:32px;height:32px;flex:none;display:grid;place-items:center;border-radius:11px;background:var(--sh-surface);color:var(--sh-orange);transition:transform .25s ease,background .2s ease;}
  #mobilePanel .adev-mobile-chevron .adev-mobile-svg{width:17px;height:17px;transition:transform .25s ease;}
  #mobilePanel .adev-mobile-toggle[aria-expanded="true"] .adev-mobile-chevron{background:var(--sh-surface)}
  #mobilePanel .adev-mobile-toggle[aria-expanded="true"] .adev-mobile-chevron .adev-mobile-svg{transform:rotate(180deg)}
  #mobilePanel .adev-mobile-panel-content{padding:0 13px 15px;}
  #mobilePanel .adev-mobile-panel-content[hidden]{display:none!important}
  #mobilePanel .adev-mobile-subgroup{margin:0 0 18px;}
  #mobilePanel .adev-mobile-subgroup h3{
    margin:0 0 7px;padding:10px 5px 3px;
    color:var(--sh-text-2);font:780 9px/1.4 Manrope,system-ui,sans-serif;
    letter-spacing:.11em;text-transform:uppercase;
  }
  #mobilePanel .adev-mobile-list{display:grid;grid-template-columns:1fr;gap:4px;}
  #mobilePanel .adev-mobile-link{
    display:grid;grid-template-columns:34px minmax(0,1fr) 18px;
    align-items:center;gap:10px;min-height:58px;padding:8px 8px;
    border-radius:12px;text-decoration:none!important;color:var(--sh-text)!important;
    transition:background .18s ease,transform .18s ease;
  }
  #mobilePanel .adev-mobile-link:hover,#mobilePanel .adev-mobile-link:focus-visible{background:var(--sh-surface);transform:translateX(1px)}
  #mobilePanel .adev-mobile-link-icon{
    width:34px;height:34px;display:grid;place-items:center;
    flex:none;background:var(--sh-surface);border-radius:10px;color:var(--sh-orange);
  }
  #mobilePanel .adev-mobile-link-icon .adev-mobile-svg{width:17px;height:17px}
  #mobilePanel .adev-mobile-link-copy{min-width:0;display:flex;flex-direction:column;gap:3px;}
  #mobilePanel .adev-mobile-link-copy strong{font:740 13px/1.3 Manrope,system-ui,sans-serif;letter-spacing:-.01em;color:var(--sh-text);overflow-wrap:anywhere}
  #mobilePanel .adev-mobile-link-copy small{font:500 11.2px/1.3 Manrope,system-ui,sans-serif;color:var(--sh-text-2);overflow-wrap:anywhere}
  #mobilePanel .adev-mobile-link-arrow{width:15px;height:15px;color:var(--sh-orange);opacity:.73}
  #mobilePanel .adev-mobile-view-all{
    display:flex;align-items:center;justify-content:space-between;gap:10px;
    color:var(--sh-orange)!important;background:var(--sh-surface);border-radius:12px;
    padding:12px 13px;text-decoration:none!important;
    font:740 11.6px/1.25 Manrope,system-ui,sans-serif;
  }
  #mobilePanel .adev-mobile-view-all .adev-mobile-svg{width:16px;height:16px}
  #mobilePanel .adev-mobile-client{
    margin:16px 0 4px;display:grid;grid-template-columns:40px minmax(0,1fr) 16px;
    gap:11px;align-items:center;padding:14px;border-radius:16px;text-decoration:none!important;
    background:var(--sh-bg-2);color:var(--sh-text)!important;
  }
  #mobilePanel .adev-mobile-client-icon{display:grid;place-items:center;width:40px;height:40px;border-radius:13px;background:var(--sh-surface);color:var(--sh-orange)}
  #mobilePanel .adev-mobile-client span:nth-child(2){display:flex;flex-direction:column;gap:4px;min-width:0}
  #mobilePanel .adev-mobile-client strong{color:var(--sh-text);font:750 12.5px/1.3 Manrope,system-ui,sans-serif}
  #mobilePanel .adev-mobile-client small{color:var(--sh-text-2);font:500 10.5px/1.3 Manrope,system-ui,sans-serif}
  #mobilePanel .adev-mobile-client>.adev-mobile-link-arrow{color:var(--sh-orange)}
  #mobilePanel .mobile-langs{margin:15px 0 12px;display:flex;justify-content:center;gap:9px;}
  #mobilePanel .mobile-langs a{min-width:60px;min-height:42px;display:grid;place-items:center;background:var(--sh-surface);border:1px solid var(--sh-border-2);border-radius:13px;color:var(--sh-text-2);font:730 11px/1 Manrope,system-ui,sans-serif}
  #mobilePanel .mobile-langs a.active{background:var(--sh-surface);border-color:var(--sh-border-2);color:var(--sh-orange)}
  #mobilePanel>.btn.js-open-lead{display:flex;justify-content:center;align-items:center;margin:0 0 8px;width:100%;min-height:48px;border-radius:14px;font:750 13px/1.2 Manrope,system-ui,sans-serif}
}
@media(max-width:360px){
  #mobilePanel .adev-mobile-section-heading strong{font-size:14px}
  #mobilePanel .adev-mobile-section-heading small{font-size:10px}
  #mobilePanel .adev-mobile-link-copy strong{font-size:12.5px}
  #mobilePanel .adev-mobile-toggle{padding-left:11px;padding-right:11px;gap:9px}
}
@media(prefers-reduced-motion:reduce){#mobilePanel .adev-mobile-nav *,#mobilePanel .adev-mobile-nav *::before,#mobilePanel .adev-mobile-nav *::after{transition:none!important;animation:none!important;scroll-behavior:auto!important}}

/* /assets/css/webdev-atelier-2026.css */
/* SiteHub / Web Development Atelier · 2026. Scoped to ONE page. */
.wb26{--w-ink:#F5F5F5;--w-blue:#B2B2B2;--w-line:rgba(255,255,255,0.1);--w-muted:#949494;--w-bg:#141414;--w-ivory:#141414;position:relative;isolation:isolate;width:100vw;max-width:none!important;margin-left:calc(50% - 50vw);background:#141414;color:var(--w-ink);font-family:Manrope,system-ui,sans-serif;font-size:15px;line-height:1.6;overflow:clip}
.wb26,.wb26 *{box-sizing:border-box}.wb26 h1,.wb26 h2,.wb26 h3,.wb26 p{margin:0}.wb26 h1,.wb26 h2,.wb26 h3{color:inherit;letter-spacing:-.055em}.wb26 a{color:inherit;text-decoration:none}.wb26 button{font:inherit;cursor:pointer}.wb26 button:focus-visible,.wb26 a:focus-visible,.wb26 summary:focus-visible{outline:3px solid rgba(255,110,40,0.55);outline-offset:4px}.wb26-container{width:min(1280px,calc(100% - 104px));margin:0 auto}.wb26-section{padding:clamp(88px,9vw,152px) 0}.wb26-label{display:block;margin:0 0 27px;color:#FF8A00;font-size:11px;font-weight:900;line-height:1.35;letter-spacing:.175em}.wb26-section-heading{margin-bottom:56px}.wb26-section-heading h2{max-width:720px;font-size:clamp(36px,4.15vw,66px);line-height:1.08;font-weight:850}.wb26-section-heading-split{display:grid;grid-template-columns:1fr minmax(230px,330px);gap:10%;align-items:end}.wb26-section-heading p{max-width:330px;font-size:15px;line-height:1.9;color:var(--w-muted)}
/* Split hero: deliberate whitespace, no floating template cards. */
.wb26-hero{min-height:760px;padding:clamp(90px,9vw,150px) 0 80px;background:radial-gradient(ellipse at 72% -12%,#121212 0,transparent 42%),linear-gradient(135deg,#141414,#121212 72%);border-bottom:1px solid rgba(255,255,255,0.1);position:relative}.wb26-hero-grid{display:grid;grid-template-columns: minmax(0,1.12fr) minmax(0,.88fr);align-items:center;gap:clamp(40px,6vw,100px)}.wb26-intro{padding:12px 0 24px}.wb26-overline{display:flex;align-items:center;gap:11px;margin-bottom:40px;color:#FF8A00;font-size:11px;font-weight:850;letter-spacing:.14em}.wb26-hero h1{font-size:clamp(47px,5.15vw,83px);line-height:1.045;letter-spacing:-.068em;max-width:700px;font-weight:850}.wb26-hero h1 span{color:var(--w-blue)}.wb26-intro>p{max-width:535px;margin:30px 0 31px;font-size:17px;line-height:1.87;color:#E6E6E6}.wb26-actions{display:flex;align-items:center;flex-wrap:wrap;gap:11px}.wb26-btn{display:inline-flex;align-items:center;justify-content:space-between;gap:20px;min-height:54px;padding:0 22px;border:1px solid transparent;border-radius:9px;font-size:12px;font-weight:850;line-height:1.3;transition:background .24s,color .24s,transform .24s,box-shadow .24s}.wb26-btn:hover{transform:translateY(-3px)}.wb26-btn-primary{background:#E8421C;color:#fff!important;box-shadow:0 12px 27px rgba(0,0,0,0.32)}.wb26-btn-primary:hover{background:#E8421C;box-shadow:0 17px 33px rgba(0,0,0,0.414)}.wb26-btn-secondary{border-color:rgba(255,255,255,0.1);color:#F5F5F5;background:transparent}.wb26-btn-secondary:hover{background:#141414;border-color:rgba(255,255,255,0.1)}.wb26-scroll-link{display:inline-flex;align-items:center;gap:12px;margin-top:73px;font-size:11px;font-weight:850;color:#949494!important}
/* A real interactive explanatory widget; explicitly not a client screenshot. */
.wb26-lab{color:#D1D1D1;background:#0F0F0F;border:1px solid #1F1F1F;border-radius:18px;box-shadow:0 27px 75px rgba(0,0,0,0.368);overflow:hidden;position:relative;transform:translateZ(0)}.wb26-lab-top,.wb26-lab-title,.wb26-lab-tabs,.wb26-lab-display,.wb26-lab-bottom{position:relative}.wb26-lab-top{padding:21px 23px;border-bottom:1px solid rgba(255,255,255,0.1);display:flex;gap:16px;justify-content:space-between;align-items:center;font-size:9px;font-weight:900;letter-spacing:.11em}.wb26-lab-top b span{color:#FF8A00}.wb26-lab-signal{display:inline-flex;align-items:center;gap:8px;color:#B2B2B2;font-size:8px}.wb26-lab-title{padding:27px 27px 20px;display:grid;gap:6px}.wb26-lab-title span{font-size:12px;font-weight:850;letter-spacing:.075em}.wb26-lab-title small{color:#B2B2B2;font-size:10px}.wb26-lab-tabs{display:grid;grid-template-columns:repeat(3,1fr);gap:7px;margin:0 20px 18px}.wb26-lab-tab{display:flex;align-items:center;justify-content:center;gap:8px;border:1px solid #1F1F1F;background:#111111;color:#B2B2B2;border-radius:7px;padding:12px 4px;font-size:11px;font-weight:750;min-height:47px;transition:.2s}.wb26-lab-tab:hover,.wb26-lab-tab.is-active{border-color:rgba(255,110,40,0.55);background:#E8421C;color:#fff}.wb26-lab-display{margin:0 20px;background:#141414;border-radius:9px;overflow:hidden;color:#F5F5F5;box-shadow:0 14px 30px rgba(0,0,0,0.433)}.wb26-demo-top{height:35px;padding:0 16px;border-bottom:1px solid rgba(255,255,255,0.1);display:flex;align-items:center;justify-content:space-between}.wb26-demo-address{color:#999999;font-size:9px}.wb26-demo-content{min-height:242px;padding:27px 30px 24px;display:flex;flex-direction:column;align-items:flex-start}.wb26-demo-kicker{font-size:9px;color:#FF8A00;letter-spacing:.12em;font-weight:900}.wb26-demo-content>strong{margin:13px 0 10px;font-size:clamp(21px,2.05vw,28px);line-height:1.18;letter-spacing:-.045em;max-width:330px}.wb26-demo-content>p{color:#949494;font-size:11px;line-height:1.7;max-width:310px}.wb26-demo-action{margin-top:auto;padding:10px 13px;border-radius:6px;background:#18120F;color:#fff;display:flex;align-items:center;gap:7px;font-size:10px;font-weight:800}.wb26-lab-bottom{display:flex;align-items:center;justify-content:space-between;padding:18px 23px;color:#B2B2B2;font-size:9px;font-weight:800;letter-spacing:.08em}.wb26-lab-bottom b{color:#fff;font-size:13px}
.wb26-proof{background:#141414;border-bottom:1px solid rgba(255,255,255,0.1)}.wb26-proof-inner{display:grid;grid-template-columns:repeat(4,1fr)}.wb26-proof-inner > span{padding:26px 13px;color:#F5F5F5;border-right:1px solid rgba(255,255,255,0.1);font-size:11px;font-weight:850;text-align:center}.wb26-proof-inner > span:first-child{border-left:1px solid rgba(255,255,255,0.1)}
/* Format selection: three luxury editorial rows, not cards. */
.wb26-formats{background:#141414}.wb26-format-list{border-top:1px solid #262626}.wb26-format{display:grid;grid-template-columns:185px minmax(0,1fr) 210px 46px;gap:18px;align-items:center;padding:36px 8px;border-bottom:1px solid rgba(255,255,255,0.1);transition:background .2s,padding .2s}.wb26-format:hover{background:#141414;padding-left:20px}.wb26-format-no{font-size:10px;color:#949494;font-weight:800;letter-spacing:.045em;align-self:start;padding-top:7px}.wb26-format-center h3{font-size:clamp(25px,2.25vw,34px);line-height:1.17}.wb26-format-center p{margin:9px 0 8px;font-size:13px;color:#949494;line-height:1.65;max-width:570px}.wb26-format-center small{font-size:10px;color:#FF8A00;font-weight:800}.wb26-format-cost{align-self:center;text-align:right}.wb26-format-cost strong{display:block;color:#FF8A00;font-size:18px;white-space:nowrap;letter-spacing:-.03em}.wb26-format-cost strong small{font-size:13px}.wb26-format-cost>span{font-size:9px;letter-spacing:.05em;font-weight:750;color:#9A9A9A}.wb26-round-btn{width:44px;height:44px;border-radius:50%;border:1px solid rgba(255,255,255,0.1);background:#141414;color:#B2B2B2;display:grid;place-items:center;font-size:22px;transition:background .25s,color .25s,transform .25s}.wb26-format:hover .wb26-round-btn{background:#E8421C;color:#fff}.wb26-textlink{display:inline-flex;gap:12px;align-items:center;margin-top:28px;color:#FF8A00!important;text-decoration:none;font-size:12px;font-weight:900}
/* Big editorial section in place of redundant bento cards. */
.wb26-value{background:#0F0F0F;color:white;position:relative;overflow:hidden}.wb26-value-grid{display:grid;grid-template-columns:.95fr 1.05fr;gap:11%;position:relative;z-index:1}.wb26-value .wb26-label{color:#FF8A00}.wb26-value h2{font-size:clamp(39px,4.45vw,68px);line-height:1.06;color:white}.wb26-value-copy>p{margin-top:27px;max-width:510px;color:#B2B2B2;font-size:15px;line-height:1.93}.wb26-value-line{display:flex;align-items:flex-start;gap:18px;margin-top:70px;padding-top:25px;border-top:1px solid rgba(255,255,255,0.1);color:#B2B2B2;font-size:12px;max-width:450px}.wb26-journey{margin-top:58px}.wb26-journey-row{display:grid;grid-template-columns:50px 1fr 25px;gap:20px;padding:26px 0 30px;border-top:1px solid rgba(255,255,255,0.1);align-items:start;transition:padding .2s}.wb26-journey-row:hover{padding-left:10px}.wb26-journey-row>span{font-size:11px;font-weight:900;color:#B2B2B2}.wb26-journey-row h3{color:#fff;font-size:25px;line-height:1.1}.wb26-journey-row p{color:#B2B2B2;margin-top:12px;font-size:13px;max-width:340px;line-height:1.65}
.wb26-process{background:#121212}.wb26-process-grid{display:grid;grid-template-columns:.82fr 1.18fr;gap:13%}.wb26-process h2{font-size:clamp(37px,3.7vw,59px);line-height:1.12}.wb26-process header>p{color:#949494;margin-top:24px;line-height:1.9;max-width:450px}.wb26-process-marker{margin-top:96px;display:flex;align-items:center;justify-content:space-between;border-top:1px solid rgba(255,255,255,0.1);padding-top:15px;font-size:10px;font-weight:800;color:#B2B2B2;letter-spacing:.12em}.wb26-process-list{border-top:1px solid rgba(255,255,255,0.1)}.wb26-process-step{border-bottom:1px solid rgba(255,255,255,0.1);overflow:hidden}.wb26-process-step summary{list-style:none;display:grid;grid-template-columns:53px 1fr 22px;align-items:center;gap:14px;cursor:pointer;padding:24px 3px;color:#FF8A00}.wb26-process-step summary::-webkit-details-marker{display:none}.wb26-process-step summary span{font-size:12px;color:#B2B2B2;font-weight:900}.wb26-process-step summary strong{font-size:clamp(18px,2vw,27px);letter-spacing:-.04em}.wb26-process-body{padding:0 26px 30px 67px;animation:wb26reveal .28s ease}.wb26-process-body p{max-width:490px;color:#949494;font-size:13px;line-height:1.85}.wb26-process-body div{display:grid;gap:8px;max-width:480px;border-left:2px solid rgba(255,255,255,0.1);padding:10px 0 10px 18px;margin-top:22px;background:linear-gradient(90deg,#121212,transparent)}.wb26-process-body div small{font-size:10px;font-weight:900;letter-spacing:.1em;color:#FF8A00}.wb26-process-body div span{color:#F5F5F5;font-size:13px;font-weight:750}
/* Work cards are live-link proof, not fake screenshot placeholders */
.wb26-cases{background:#141414}.wb26-cases-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}.wb26-case{min-height:390px;display:flex;flex-direction:column;padding:29px 27px 25px;border:1px solid rgba(255,255,255,0.1);background:linear-gradient(145deg,#141414,#141414);border-radius:7px;position:relative;overflow:hidden;transition:background .28s,box-shadow .28s,transform .28s,border-color .28s}.wb26-case:hover{background:#121212;box-shadow:0 23px 45px rgba(0,0,0,0.157);transform:translateY(-7px);border-color:rgba(255,255,255,0.1)}.wb26-case-number{display:flex;align-items:center;justify-content:space-between;font-size:9px;color:#B2B2B2;font-weight:850;letter-spacing:.13em;position:relative;z-index:1}.wb26-case-name{font-size:clamp(30px,3.2vw,48px);font-weight:850;letter-spacing:-.08em;line-height:1.2;margin-top:97px}.wb26-case-tag{margin-top:8px;font-size:11px;color:#FF8A00;font-weight:850}.wb26-case p{margin-top:15px;color:#949494;font-size:13px;line-height:1.8}.wb26-case-bottom{display:flex;align-items:center;justify-content:space-between;margin-top:auto;border-top:1px solid rgba(255,255,255,0.1);padding-top:18px;font-size:11px;font-weight:850;color:#B2B2B2}
.wb26-pricing{background:#121212}.wb26-pricing-grid{display:grid;grid-template-columns:.85fr 1.15fr;gap:12%;align-items:center}.wb26-pricing h2{font-size:clamp(37px,4vw,62px);line-height:1.06}.wb26-pricing p{margin:24px 0 20px;color:#949494;max-width:460px;line-height:1.85}.wb26-pricing small{font-size:11px;color:#949494}.wb26-price-menu{background:#141414;border:1px solid rgba(255,255,255,0.1);padding:14px 28px;box-shadow:0 28px 70px rgba(0,0,0,0.16)}.wb26-price-menu>div{display:flex;justify-content:space-between;align-items:center;gap:10px;padding:23px 0;border-bottom:1px solid rgba(255,255,255,0.1)}.wb26-price-menu>div span{font-size:13px;font-weight:850}.wb26-price-menu>div strong{font-size:15px;letter-spacing:-.03em;white-space:nowrap}.wb26-price-menu>a{display:flex;justify-content:space-between;padding:24px 0;color:#FF8A00;font-size:12px;font-weight:900}.wb26-price-menu>a b{font-size:20px}
.wb26-faq{background:#141414}.wb26-faq-grid{display:grid;grid-template-columns:.72fr 1.28fr;gap:13%}.wb26-faq h2{font-size:clamp(34px,4vw,61px)}.wb26-faq-list{border-top:1px solid rgba(255,255,255,0.1)}.wb26-faq-list details{border-bottom:1px solid rgba(255,255,255,0.1)}.wb26-faq-list summary{display:flex;justify-content:space-between;align-items:center;gap:16px;cursor:pointer;list-style:none;padding:22px 0;font-size:14px;font-weight:850;line-height:1.5}.wb26-faq-list summary::-webkit-details-marker{display:none}.wb26-faq-list details p{padding:0 40px 22px 0;font-size:13px;line-height:1.9;color:#949494}.wb26-faq .wb26-textlink{margin-top:40px}
.wb26-final{padding:100px 0 104px;background:#18120F;color:white;position:relative;overflow:hidden}.wb26-final-grid{position:relative;display:grid;grid-template-columns:1.3fr .7fr;gap:10%;align-items:end}.wb26-final .wb26-label{color:#FF8A00}.wb26-final .wb26-label:before{background:#1A1A1A}.wb26-final h2{max-width:850px;font-size:clamp(40px,4.8vw,72px);line-height:1.07;color:white}.wb26-final p{margin-top:27px;max-width:600px;color:#D1D1D1;font-size:15px;line-height:1.85}.wb26-final-actions{display:grid;gap:12px}.wb26-btn-light{background:#141414;color:#F5F5F5!important}.wb26-btn-outline{border-color:rgba(255,255,255,0.1);color:white!important;background:rgba(0,0,0,.09)}.wb26-btn-outline:hover{background:rgba(255,255,255,0.06)}
@keyframes wb26pulse{50%{opacity:.25;box-shadow:0 0 0 7px #72c7b330}}@keyframes wb26reveal{from{opacity:0;transform:translateY(-6px)}to{opacity:1;transform:none}}
@media(max-width:1100px){.wb26-container{width:min(100% - 64px,1280px)}.wb26-hero-grid{gap:35px}.wb26-hero h1{font-size:clamp(42px,5.4vw,74px)}.wb26-format{grid-template-columns:130px 1fr 190px 44px}.wb26-format-cost strong{font-size:16px}.wb26-case{padding:24px}.wb26-case-name{font-size:32px}}
@media(max-width:820px){.wb26-container{width:calc(100% - 42px)}.wb26-hero{min-height:0;padding:58px 0 65px}.wb26-hero-grid{grid-template-columns:1fr;gap:48px}.wb26-intro{padding:10px 0}.wb26-hero h1{font-size:clamp(43px,9vw,75px);max-width:700px}.wb26-intro>p{margin-top:24px}.wb26-scroll-link{margin-top:33px}.wb26-lab{max-width:670px}.wb26-proof-inner{grid-template-columns:repeat(2,1fr)}.wb26-proof-inner > span{border-bottom:1px solid rgba(255,255,255,0.1)}.wb26-section{padding:84px 0}.wb26-section-heading-split,.wb26-value-grid,.wb26-process-grid,.wb26-pricing-grid,.wb26-faq-grid,.wb26-final-grid{grid-template-columns:1fr;gap:32px}.wb26-section-heading p{max-width:550px}.wb26-value .wb26-journey{margin-top:12px}.wb26-value-line{margin-top:34px}.wb26-process-marker{display:none}.wb26-process-list{margin-top:18px}.wb26-cases-grid{grid-template-columns:1fr 1fr}.wb26-case:last-child{grid-column:1/-1;min-height:270px}.wb26-case:last-child .wb26-case-name{margin-top:40px}.wb26-format{grid-template-columns:120px 1fr auto;gap:15px}.wb26-format-cost{grid-column:2;grid-row:2;text-align:left;align-self:start}.wb26-format>.wb26-round-btn{grid-column:3;grid-row:1/3}.wb26-format-center{grid-column:2}.wb26-price-menu{max-width:650px}.wb26-final{padding:85px 0}.wb26-final-actions{max-width:420px}}
@media(max-width:540px){.wb26-container{width:calc(100% - 32px)}.wb26-hero{padding:37px 0 47px}.wb26-overline{font-size:9px;margin-bottom:23px}.wb26-hero h1{font-size:clamp(38px,11vw,57px);line-height:1.065;letter-spacing:-.068em}.wb26-intro>p{font-size:13px;line-height:1.85;margin:20px 0 24px}.wb26-actions{align-items:stretch;flex-direction:column}.wb26-btn{min-height:51px;width:100%;padding:0 17px}.wb26-scroll-link{margin-top:24px}.wb26-lab-top{padding:14px}.wb26-lab-top b{font-size:8px}.wb26-lab-title{padding:18px 16px 15px}.wb26-lab-tabs{margin:0 11px 11px;gap:4px}.wb26-lab-tab{font-size:9px;gap:4px;padding:8px 2px;min-height:38px}.wb26-lab-tab em{font-size:8px}.wb26-lab-display{margin:0 11px}.wb26-demo-content{padding:21px 17px;min-height:234px}.wb26-demo-content>strong{font-size:22px}.wb26-lab-bottom{padding:13px 15px;font-size:8px}.wb26-proof-inner > span{font-size:9px;padding:19px 8px}.wb26-section{padding:67px 0}.wb26-label{font-size:9px;margin-bottom:21px}.wb26-section-heading{margin-bottom:30px}.wb26-section-heading h2,.wb26-value h2,.wb26-process h2,.wb26-pricing h2,.wb26-faq h2,.wb26-final h2{font-size:clamp(31px,9vw,46px);line-height:1.1}.wb26-section-heading p{font-size:12px;line-height:1.8}.wb26-format{grid-template-columns:1fr auto;gap:9px;padding:24px 0}.wb26-format-no{grid-column:1/-1;font-size:9px;margin-bottom:8px}.wb26-format-center{grid-column:1}.wb26-format-center h3{font-size:25px}.wb26-format-center p{font-size:12px;margin:8px 0}.wb26-format-center small{font-size:9px}.wb26-format-cost{grid-column:1;grid-row:3;margin-top:10px}.wb26-format>.wb26-round-btn{grid-column:2;grid-row:2/4}.wb26-format:hover{padding-left:8px}.wb26-value-copy>p,.wb26-process header>p,.wb26-pricing p,.wb26-final p{font-size:13px}.wb26-journey-row h3{font-size:23px}.wb26-process-step summary{padding:21px 0;grid-template-columns:33px 1fr 18px}.wb26-process-body{padding-left:40px}.wb26-process-step summary strong{font-size:19px}.wb26-cases-grid{grid-template-columns:1fr}.wb26-case,.wb26-case:last-child{min-height:300px;grid-column:auto}.wb26-case-name,.wb26-case:last-child .wb26-case-name{margin-top:55px;font-size:35px}.wb26-price-menu{padding:10px 17px}.wb26-price-menu>div{padding:18px 0;flex-wrap:wrap}.wb26-price-menu>div span,.wb26-price-menu>div strong{font-size:12px}.wb26-faq-list summary{font-size:13px}.wb26-final{padding:65px 0 95px}}
@media(prefers-reduced-motion:reduce){.wb26 *,.wb26 *::before,.wb26 *::after{scroll-behavior:auto!important;animation:none!important;transition:none!important}}

/* SVG FIX V1 · real vector iconography, zero fake lines/glyph arrows, confined to webdev page. */
.wb26 .wb26-icon{display:inline-block;vertical-align:middle;flex:none;width:1.12rem;height:1.12rem;stroke:currentColor;stroke-width:1.8;fill:none;transition:transform .22s ease,opacity .22s ease;pointer-events:none}
.wb26 .wb26-label{display:inline-flex;align-items:center;gap:10px;letter-spacing:.11em;margin-bottom:22px}
.wb26 .wb26-label .wb26-icon{width:18px;height:18px;color:#FF8A00}
.wb26 .wb26-value .wb26-label .wb26-icon,.wb26 .wb26-final .wb26-label .wb26-icon{color:#FF8A00}
.wb26 .wb26-overline .wb26-icon{width:18px;height:18px}
.wb26 .wb26-btn .wb26-icon{width:18px;height:18px}
.wb26 .wb26-btn:hover .wb26-icon-arrow-up-right,.wb26 .wb26-textlink:hover .wb26-icon-arrow-up-right,.wb26 .wb26-case:hover .wb26-icon-arrow-up-right{transform:translate(2px,-2px)}
.wb26 .wb26-scroll-link .wb26-icon{width:18px;height:18px;transition:transform .25s}
.wb26 .wb26-scroll-link:hover .wb26-icon{transform:translateY(4px)}
.wb26 .wb26-lab-top>b{display:inline-flex;align-items:center;gap:9px}
.wb26 .wb26-lab-top>b .wb26-icon{color:#FF8A00;width:16px;height:16px}
.wb26 .wb26-lab-signal{gap:6px}.wb26 .wb26-lab-signal .wb26-icon{width:15px;height:15px;color:#7fd0b8}
.wb26 .wb26-lab-tab .wb26-icon{width:17px;height:17px}
.wb26 .wb26-demo-top{justify-content:flex-start;gap:10px}
.wb26 .wb26-demo-top .wb26-icon{width:16px;height:16px;color:#FF8A00}
.wb26 .wb26-demo-address{font-weight:700;letter-spacing:.03em;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.wb26 .wb26-demo-action .wb26-icon{width:16px;height:16px}
.wb26 .wb26-proof-inner>span{display:flex;align-items:center;justify-content:center;gap:10px}
.wb26 .wb26-proof-inner>span .wb26-icon{width:20px;height:20px;color:#FF8A00}
.wb26 .wb26-format-center h3{display:flex;align-items:center;gap:14px}
.wb26 .wb26-format-center h3 .wb26-icon{width:26px;height:26px;color:#FF8A00}
.wb26 .wb26-round-btn .wb26-icon{width:20px;height:20px}
.wb26 .wb26-textlink .wb26-icon{width:17px;height:17px}
.wb26 .wb26-value-line .wb26-icon{color:#FF8A00;flex:none;margin-top:2px;width:20px;height:20px}
.wb26 .wb26-journey-row>.wb26-icon{color:#FF8A00;width:22px;height:22px}
.wb26 .wb26-process-step summary>.wb26-icon,.wb26 .wb26-faq-list summary>.wb26-icon{color:#FF8A00;transition:transform .22s ease;width:19px;height:19px}
.wb26 .wb26-process-step[open] summary>.wb26-icon,.wb26 .wb26-faq-list details[open] summary>.wb26-icon{transform:rotate(180deg)}
.wb26 .wb26-case-number>span:last-child{display:inline-flex;align-items:center;gap:6px}
.wb26 .wb26-case-number .wb26-icon{width:15px;height:15px}
.wb26 .wb26-case-bottom .wb26-icon{width:19px;height:19px}
.wb26 .wb26-price-menu>a .wb26-icon{width:18px;height:18px}
@media(max-width:540px){.wb26 .wb26-label{gap:8px}.wb26 .wb26-label .wb26-icon{width:16px;height:16px}.wb26 .wb26-proof-inner>span{gap:7px;flex-direction:column}.wb26 .wb26-proof-inner>span .wb26-icon{width:20px;height:20px}.wb26 .wb26-format-center h3{gap:9px}.wb26 .wb26-format-center h3 .wb26-icon{width:22px;height:22px}}
@media(prefers-reduced-motion:reduce){.wb26 .wb26-icon{transition:none!important}}

/* /assets/css/services-studio-2026.css */
/* SITEHUB SERVICES 2026 — isolated premium editorial design */
.sv26{--navy:#101010;--ink:#F5F5F5;--blue:#B2B2B2;--muted:#949494;max-width:1320px;margin:auto;padding:16px 20px 95px;color:var(--ink)}
.sv26 *,.sv26 *::before,.sv26 *::after{box-sizing:border-box}
.sv26 h1,.sv26 h2,.sv26 h3,.sv26 p{margin:0}.sv26 h1,.sv26 h2,.sv26 h3{letter-spacing:-.047em;font-weight:800}.sv26 a{text-decoration:none}.sv26 button{font:inherit;cursor:pointer}
.sv26 svg{height:19px;width:19px;stroke:currentColor;stroke-width:1.65;stroke-linecap:round;stroke-linejoin:round;fill:none;flex:none}
.sv26 a:focus-visible,.sv26 button:focus-visible{outline:3px solid rgba(255,110,40,0.55);outline-offset:4px}
.sv26-hero{background:#0F0F0F;border-radius:30px;color:#fff;min-height:520px;display:grid;grid-template-columns:1fr .95fr;align-items:center;gap:40px;padding:clamp(34px,5vw,70px);position:relative;overflow:hidden}
.sv26-hero:after{content:"";position:absolute;pointer-events:none;right:-23%;top:-90%;width:90%;height:110%;background:#18120F;filter:blur(150px);opacity:.13;border-radius:50%}
.sv26-hero-copy{z-index:1}.sv26-smallbrand,.sv26-overline{font-size:11px;letter-spacing:.13em;font-weight:800;text-transform:uppercase}.sv26-smallbrand{color:#FF8A00;display:flex;align-items:center;gap:11px;margin-bottom:25px}.sv26-brand-dot{height:9px;width:9px;flex:none;background:#E8421C;border-radius:50%;box-shadow:0 0 0 5px rgba(0,0,0,0.452)}
.sv26-hero h1{font-size:clamp(36px,4.1vw,62px);line-height:1.065;text-wrap:balance;max-width:630px}.sv26-hero p{font-size:15px;line-height:1.75;color:#D1D1D1;margin-top:26px;max-width:570px}
.sv26-hero-cta,.sv26-contact-actions{display:flex;flex-wrap:wrap;gap:12px;margin-top:30px}.sv26-btn{min-height:52px;display:inline-flex;align-items:center;justify-content:center;gap:12px;font-weight:800;font-size:13px;line-height:1.2;text-align:center;padding:13px 20px;border:1px solid transparent;border-radius:14px;transition:transform .22s,background .22s,box-shadow .22s}.sv26-btn svg{width:16px;height:16px}.sv26-btn:hover{transform:translateY(-3px)}
.sv26-btn-blue{background:#E8421C;color:#fff!important;box-shadow:0 13px 24px rgba(0,0,0,0.6)}.sv26-btn-blue:hover{background:#E8421C}.sv26-btn-outline{background:rgba(255,255,255,0.051);border-color:rgba(255,255,255,0.028);color:#fff!important}.sv26-btn-outline:hover{background:rgba(255,255,255,0.06)}
.sv26-hero-facts{display:flex;flex-wrap:wrap;gap:12px 17px;margin-top:29px}.sv26-hero-facts span{display:flex;gap:7px;align-items:center;color:#D1D1D1;font-size:11px;font-weight:700}.sv26-hero-facts svg{height:15px;width:15px;color:#B2B2B2}
.sv26-hero-project{display:block;background:#141414;border-radius:22px;overflow:hidden;position:relative;z-index:1;transform:rotate(1deg);box-shadow:0 24px 50px rgba(0,0,0,0.6);transition:transform .3s,box-shadow .3s}.sv26-hero-project:hover{transform:rotate(0) translateY(-4px);box-shadow:0 33px 65px #0008}.sv26-hero-project>img{display:block;width:100%;height:auto;min-height:220px;max-height:360px;object-fit:cover;object-position:top}
.sv26-project-meta{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:19px 21px;color:#F5F5F5}.sv26-project-meta b{display:block;font-size:15px}.sv26-project-meta small{display:block;font-size:11px;color:#949494;margin-top:4px}.sv26-go-round{height:37px;width:37px;border-radius:50%;background:#121212;color:#B2B2B2;display:grid;place-items:center;flex:none;transition:background .25s,transform .25s}.sv26-hero-project:hover .sv26-go-round,.sv26-case-card:hover .sv26-go-round{background:#18120F;color:#fff;transform:rotate(-30deg)}
.sv26-anchor-nav{width:max-content;max-width:100%;display:flex;justify-content:center;flex-wrap:wrap;gap:5px;padding:6px;margin:17px auto 85px;border-radius:17px;background:#121212}.sv26-anchor-nav a{font-size:12px;font-weight:800;color:#E6E6E6;border-radius:11px;padding:11px 15px;transition:background .2s,color .2s}.sv26-anchor-nav a:hover{background:#141414;color:#FF8A00}
.sv26-overline{color:#FF8A00;display:block;margin-bottom:17px}.sv26-intro{display:grid;grid-template-columns:1.2fr .8fr;align-items:end;gap:48px;margin:0 10px 31px}.sv26-intro h2,.sv26-case h2,.sv26-process h2,.sv26-facts h2,.sv26-contact h2{font-size:clamp(30px,3.25vw,49px);line-height:1.13;letter-spacing:-.047em;text-wrap:balance}.sv26-intro p{color:#949494;line-height:1.8;font-size:14px;max-width:390px}
.sv26-filters{display:flex;flex-wrap:wrap;gap:8px;padding:0 10px 22px}.sv26-filters button{background:#141414;border:1px solid rgba(255,255,255,0.1);border-radius:100px;padding:13px 19px;min-height:44px;font-size:12px;color:#F5F5F5;font-weight:800;transition:transform .2s,background .2s,color .2s}.sv26-filters button:hover{transform:translateY(-2px)}.sv26-filters button[aria-pressed=true]{background:#131313;border-color:#1F1F1F;color:white}
.sv26-catalog{display:grid;grid-template-columns:1fr 1fr;gap:12px;padding:0 10px}.sv26-item{display:grid;grid-template-columns:46px minmax(0,1fr) auto;gap:17px;align-items:start;min-height:165px;padding:23px;background:#141414;border:1px solid rgba(255,255,255,0.1);border-radius:20px;transition:transform .25s,box-shadow .25s,border-color .25s}.sv26-item:hover{transform:translateY(-3px);box-shadow:0 14px 32px rgba(0,0,0,0.125);border-color:rgba(255,255,255,0.1)}.sv26-item[hidden]{display:none!important}
.sv26-item-ico{height:45px;width:45px;border-radius:14px;background:#121212;color:#FF8A00;display:grid;place-items:center}.sv26-item-ico svg{width:21px;height:21px}.sv26-item-info{min-width:0}.sv26-item-index{font-size:10px;text-transform:uppercase;letter-spacing:.08em;font-weight:800;color:#B2B2B2;margin:2px 0 10px}.sv26-item-info h3{font-size:19px;line-height:1.25;letter-spacing:-.025em}.sv26-item-info p{font-size:12px;color:#949494;line-height:1.65;margin-top:9px;max-width:340px}
.sv26-item-bottom{min-width:110px;display:flex;flex-direction:column;align-items:flex-end;text-align:right;gap:24px}.sv26-item-bottom strong{white-space:nowrap;font-size:15px;line-height:1.25}.sv26-item-bottom small{display:block;color:#999999;font-size:10px;margin-top:6px}.sv26-item-link{height:36px;width:36px;background:#121212;color:#FF8A00;border-radius:11px;display:grid;place-items:center;transition:transform .2s,background .2s}.sv26-item:hover .sv26-item-link{transform:rotate(-35deg);background:#E8421C;color:white}
.sv26-price-foot{display:flex;align-items:center;justify-content:space-between;gap:20px;flex-wrap:wrap;padding:26px 13px 0}.sv26-price-foot span{display:flex;align-items:center;gap:9px;color:#949494;font-size:12px}.sv26-price-foot span svg{width:16px;height:16px}.sv26-price-foot a,.sv26-text-link{display:inline-flex;align-items:center;gap:9px;color:#FF8A00;font-weight:800;font-size:12px}.sv26-price-foot a svg,.sv26-text-link svg{width:16px;height:16px}
.sv26-case{padding:100px 10px 85px}.sv26-case-head{display:flex;justify-content:space-between;align-items:end;gap:19px;margin-bottom:29px}.sv26-case-head h2{max-width:600px}.sv26-projects{display:grid;grid-template-columns:1fr 1fr;gap:17px}.sv26-case-card{display:block;color:#F5F5F5;background:#141414;border-radius:23px;overflow:hidden;border:1px solid rgba(255,255,255,0.1);transition:transform .3s,box-shadow .3s}.sv26-case-card:hover{transform:translateY(-5px);box-shadow:0 20px 40px rgba(0,0,0,0.176)}.sv26-case-picture{height:245px;overflow:hidden;background:#121212}.sv26-case-picture img{display:block;width:100%;height:100%;object-fit:cover;object-position:top center;transition:transform .6s}.sv26-case-card:hover img{transform:scale(1.035)}.sv26-case-bottom{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:24px 27px 26px}.sv26-case-bottom span:not(.sv26-go-round){font-size:11px;color:#B2B2B2;font-weight:800}.sv26-case-bottom h3{font-size:25px;letter-spacing:-.03em;margin-top:5px}.sv26-case-bottom p{font-size:12px;line-height:1.6;color:#949494;margin-top:7px}
.sv26-process{background:#101010;color:white;border-radius:30px;padding:clamp(30px,4.7vw,64px);display:grid;grid-template-columns:.86fr 1.14fr;gap:clamp(25px,4.2vw,65px);align-items:start}.sv26-process .sv26-overline{color:#FF8A00}.sv26-process-side p{font-size:14px;line-height:1.8;color:#B2B2B2;max-width:440px;margin-top:24px}.sv26-btn-light{margin-top:28px;color:#F5F5F5!important;background:#141414}.sv26-btn-light:hover{background:#121212}.sv26-process-main{display:grid;grid-template-columns:.94fr 1.06fr;gap:13px;min-width:0}.sv26-step-tabs{display:flex;flex-direction:column;gap:6px}.sv26-step-tabs button{min-height:67px;background:transparent;border:1px solid transparent;text-align:left;border-radius:15px;display:flex;align-items:center;gap:12px;padding:12px;color:#D1D1D1;font-size:12px;font-weight:800;transition:background .25s,color .25s}.sv26-step-tabs button:hover{background:rgba(255,255,255,0.043);color:#fff}.sv26-step-tabs button[aria-selected=true]{background:#141414;border-color:rgba(255,110,40,0.369);color:#fff}.sv26-step-tabs button span{width:28px;height:28px;flex:none;display:grid;place-items:center;border-radius:8px;background:rgba(255,255,255,0.06);color:#FF8A00;font-size:10px}
.sv26-step-panels{min-height:328px;background:#131313;border-radius:22px;padding:28px}.sv26-step-panels [hidden]{display:none}.sv26-step-panels [role=tabpanel]{animation:sv26Reveal .28s both}.sv26-step-icon{display:grid;place-items:center;height:50px;width:50px;border-radius:15px;background:#E8421C;color:white;margin-bottom:42px}.sv26-step-panels strong{font-size:11px;letter-spacing:.1em;color:#FF8A00}.sv26-step-panels h3{font-size:clamp(22px,2vw,29px);line-height:1.2;margin-top:12px}.sv26-step-panels p{font-size:13px;line-height:1.75;color:#D1D1D1;margin-top:16px}
.sv26-facts{padding:100px 12px;display:grid;grid-template-columns:.9fr 1.1fr;gap:65px}.sv26-fact-list{display:grid;gap:12px}.sv26-fact-list p{display:flex;align-items:start;gap:16px;border-radius:17px;background:#141414;padding:20px 22px;font-size:14px;font-weight:750;color:#F5F5F5;line-height:1.6}.sv26-fact-list svg{color:#B2B2B2;margin-top:2px}
.sv26-contact{background:#121212;border-radius:31px;padding:clamp(32px,4.7vw,66px);display:grid;grid-template-columns:1.12fr .48fr;gap:35px;align-items:center}.sv26-contact p{font-size:14px;line-height:1.75;color:#F5F5F5;margin-top:20px;max-width:570px}.sv26-contact-sign{background:#111111;color:#D1D1D1;border-radius:23px;min-height:240px;display:flex;flex-direction:column;gap:22px;align-items:center;justify-content:center;text-align:center;padding:26px}.sv26-contact-sign img{height:80px;width:98px;object-fit:contain}.sv26-contact-sign span{font-size:12px;line-height:1.6;max-width:180px}.sv26-btn-quiet{background:transparent;border-color:rgba(255,255,255,0.1);color:#B2B2B2!important}
@keyframes sv26Reveal{from{opacity:0;transform:translateY(9px)}to{opacity:1;transform:translateY(0)}}
@media(max-width:1100px){.sv26-hero{gap:25px;padding:40px 35px}.sv26-hero h1{font-size:clamp(35px,4vw,52px)}.sv26-item{grid-template-columns:44px 1fr}.sv26-item-bottom{grid-column:2;flex-direction:row;justify-content:space-between;align-items:center;gap:12px;text-align:left}.sv26-process{grid-template-columns:1fr}.sv26-process-main{grid-template-columns:.9fr 1.1fr}}
@media(max-width:760px){.sv26{padding:10px 13px 60px}.sv26-hero{grid-template-columns:1fr;gap:30px;border-radius:23px;padding:36px 25px;min-height:0}.sv26-hero h1{font-size:clamp(34px,7vw,47px)}.sv26-hero p{font-size:14px;margin-top:19px}.sv26-hero-cta{margin-top:23px}.sv26-hero-project{transform:none}.sv26-hero-project img{min-height:185px;max-height:265px}.sv26-anchor-nav{width:100%;flex-wrap:nowrap;justify-content:space-between;overflow-x:auto;gap:0;border-radius:13px;margin:14px auto 70px}.sv26-anchor-nav a{font-size:11px;padding:11px 8px;white-space:nowrap}.sv26-intro{grid-template-columns:1fr;gap:16px;margin:0 2px 26px}.sv26-intro h2,.sv26-case h2,.sv26-process h2,.sv26-facts h2,.sv26-contact h2{font-size:clamp(29px,6vw,40px)}.sv26-filters{padding:0 0 20px}.sv26-filters button{font-size:11px;padding:11px 13px}.sv26-catalog{grid-template-columns:1fr;padding:0;gap:10px}.sv26-item{min-height:140px;padding:20px;border-radius:18px}.sv26-price-foot{padding:22px 0 0}.sv26-case{padding:72px 0}.sv26-case-head{align-items:start;flex-direction:column}.sv26-projects{grid-template-columns:1fr;gap:13px}.sv26-case-picture{height:220px}.sv26-process{padding:31px 24px;border-radius:23px}.sv26-process-main{grid-template-columns:1fr}.sv26-step-tabs{display:grid;grid-template-columns:1fr 1fr}.sv26-step-tabs button{min-height:53px;font-size:11px;gap:8px;padding:10px}.sv26-step-panels{min-height:250px}.sv26-step-icon{margin-bottom:24px}.sv26-facts{grid-template-columns:1fr;gap:25px;padding:75px 0}.sv26-contact{grid-template-columns:1fr;padding:35px 25px;border-radius:23px}.sv26-contact-sign{min-height:170px}.sv26-case-bottom{padding:22px}}
@media(max-width:360px){.sv26-hero{padding:28px 19px}.sv26-hero h1{font-size:32px}.sv26-btn{width:100%}.sv26-filters button{padding:11px 10px}.sv26-item{grid-template-columns:36px 1fr;padding:16px;gap:10px}.sv26-item-ico{height:36px;width:36px}.sv26-item-ico svg{width:18px;height:18px}.sv26-item-bottom{grid-column:1/-1;padding-left:46px}.sv26-step-tabs button{font-size:10px}}
@media(prefers-reduced-motion:reduce){.sv26 *,.sv26 *::before,.sv26 *::after{animation:none!important;transition:none!important}}

/* /assets/css/partners-compact-2026.css */
/* SiteHub compact collaboration page 2026. Scoped: no impact on other pages. */
.pr26{max-width:1210px;margin:0 auto;padding:clamp(17px,2.8vw,34px) clamp(16px,2.5vw,28px) 84px;color:#F5F5F5;font-family:Manrope,system-ui,sans-serif}
.pr26 *{box-sizing:border-box}.pr26 :is(h1,h2,h3,p){margin:0}.pr26 :is(a,button){-webkit-tap-highlight-color:transparent}.pr26 :is(a,button):focus-visible{outline:3px solid rgba(255,110,40,0.55);outline-offset:4px}
.pr26 svg{width:20px;height:20px;fill:none;stroke:currentColor;stroke-linecap:round;stroke-linejoin:round;stroke-width:1.7;flex-shrink:0}
.pr26-hero{display:grid;grid-template-columns:minmax(0,1.65fr) minmax(260px,.85fr);align-items:center;gap:clamp(23px,4vw,68px);min-height:350px;padding:clamp(28px,4.6vw,56px);border-radius:28px;background:#101010;color:#fff;box-shadow:0 22px 60px rgba(0,0,0,0.256)}
.pr26-kicker,.pr26-section-kicker{display:block;color:#FF8A00;letter-spacing:.09em;font-size:11px;font-weight:800;text-transform:uppercase}
.pr26-hero h1{font-weight:800;font-size:clamp(34px,3.5vw,49px);line-height:1.1;letter-spacing:-.045em;max-width:735px;margin:15px 0 17px;text-wrap:balance;color:#fff}
.pr26-hero-copy>p{font-size:14px;line-height:1.76;color:#D1D1D1;max-width:625px}
.pr26-actions{display:flex;flex-wrap:wrap;align-items:center;gap:12px;margin-top:27px}
.pr26-primary,.pr26-last-btn{display:inline-flex;align-items:center;justify-content:center;gap:11px;min-height:47px;border:0;border-radius:13px;background:#E8421C;color:#fff;padding:0 19px;font-size:12px;font-weight:800;cursor:pointer;transition:transform .2s ease,background .2s ease,box-shadow .2s ease}.pr26-primary:hover,.pr26-last-btn:hover{background:#E8421C;transform:translateY(-2px);box-shadow:0 12px 24px rgba(0,0,0,0.352)}.pr26-primary svg,.pr26-last-btn svg{width:17px;height:17px}
.pr26-secondary{display:inline-flex;align-items:center;gap:9px;min-height:45px;padding:0 13px;text-decoration:none!important;color:#D1D1D1!important;font-weight:750;font-size:12px;border-radius:12px;transition:background .2s}.pr26-secondary:hover{background:rgba(255,255,255,0.06)}.pr26-secondary svg{width:16px;height:16px}
.pr26-hero-side{padding:22px 23px;border-radius:20px;background:#111111;border:1px solid #1F1F1F;align-self:stretch;display:flex;flex-direction:column;justify-content:center;max-height:268px}
.pr26-hero-side>strong{font-size:14px;line-height:1.4;margin-bottom:17px}.pr26-cap-list{display:grid;gap:9px}.pr26-cap-list>span{display:flex;align-items:center;gap:12px;padding:9px 0;color:#D1D1D1;font-size:12px;font-weight:700}.pr26-cap-list svg{color:#B2B2B2;width:18px;height:18px}.pr26-hero-side small{margin-top:15px;color:#B2B2B2;font-size:11px;line-height:1.55}
.pr26-section{margin-top:70px}.pr26-section-head{display:flex;align-items:end;justify-content:space-between;gap:30px;margin-bottom:20px}.pr26-section-kicker{color:#FF8A00;font-size:10px}.pr26-section-head h2,.pr26-proof h2,.pr26-delivery h2,.pr26-last h2{color:#F5F5F5;letter-spacing:-.035em;line-height:1.19;font-size:clamp(23px,2.3vw,32px);font-weight:800;margin-top:8px;text-wrap:balance}
.pr26-section-head p{max-width:300px;color:#949494;line-height:1.65;font-size:12px}
.pr26-formats{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}
.pr26-format{border-radius:18px;background:#141414;border:1px solid rgba(255,255,255,0.1);min-height:150px;padding:21px;display:flex;align-items:start;gap:15px;transition:transform .23s,box-shadow .23s,border-color .23s}.pr26-format:hover{transform:translateY(-3px);box-shadow:0 13px 30px rgba(0,0,0,0.128);border-color:rgba(255,255,255,0.1)}.pr26-format-icon{width:41px;height:41px;border-radius:12px;background:#121212;color:#FF8A00;display:grid;place-items:center;flex:none}.pr26-format-icon svg{width:19px;height:19px}.pr26-format h3{font-size:14px;line-height:1.5;color:#F5F5F5;font-weight:800}.pr26-format p{font-size:11px;line-height:1.7;color:#949494;margin-top:8px}
.pr26-proof{margin-top:73px;display:grid;grid-template-columns:minmax(240px,.7fr) minmax(0,1.3fr);gap:clamp(25px,5vw,72px);align-items:start;padding:0 1px}.pr26-proof h2{max-width:340px}.pr26-proof-intro p{font-size:12px;line-height:1.7;max-width:310px;color:#949494;margin-top:14px}.pr26-proof-list{border:1px solid rgba(255,255,255,0.1);border-radius:20px;background:#141414;overflow:hidden;padding:7px}
.pr26-project{display:flex;align-items:center;gap:15px;padding:17px 16px;border-radius:13px;text-decoration:none!important;transition:background .2s}.pr26-project:hover{background:#141414}.pr26-project-name{display:grid;gap:5px;flex:1;min-width:0;font-size:13px;font-weight:800;color:#F5F5F5}.pr26-project-name small{font-size:11px;font-weight:500;color:#949494}.pr26-project-url{font-size:11px;color:#949494}.pr26-project-arrow{width:30px;height:30px;border-radius:9px;display:grid;place-items:center;color:#FF8A00;background:#121212}.pr26-project-arrow svg{width:16px;height:16px}
.pr26-delivery{margin-top:68px}.pr26-steps{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px}.pr26-steps li{display:flex;flex-direction:column;gap:8px;padding:17px 19px;background:#121212;border-radius:15px;min-height:106px}.pr26-steps li>span{color:#FF8A00;font-size:11px;font-weight:800}.pr26-steps b{font-size:13px;color:#FF8A00}.pr26-steps small{font-size:11px;color:#949494;line-height:1.5}
.pr26-last{margin-top:58px;border-radius:23px;padding:clamp(23px,3.2vw,35px);background:#121212;display:flex;justify-content:space-between;gap:25px;align-items:center}.pr26-last h2{font-size:clamp(22px,2.15vw,29px);margin:0}.pr26-last p{max-width:660px;color:#F5F5F5;font-size:12px;line-height:1.6;margin-top:10px}.pr26-last-btn{white-space:nowrap}
@media(max-width:980px){.pr26-hero{grid-template-columns:1.3fr 1fr;gap:23px}.pr26-hero-side{padding:18px}.pr26-formats{grid-template-columns:1fr}.pr26-format{min-height:94px;padding:18px}.pr26-proof{grid-template-columns:.75fr 1.25fr;gap:28px}}
@media(max-width:690px){.pr26{padding:18px 14px 64px}.pr26-hero{grid-template-columns:1fr;min-height:0;padding:27px 23px;border-radius:22px}.pr26-hero h1{font-size:clamp(30px,7vw,39px);margin:12px 0}.pr26-hero-side{max-height:none;padding:17px 19px;border-radius:16px}.pr26-hero-side>strong{margin-bottom:7px}.pr26-cap-list{gap:2px}.pr26-cap-list>span{padding:6px 0}.pr26-hero-side small{margin-top:8px}.pr26-section{margin-top:48px}.pr26-section-head{display:block}.pr26-section-head p{margin-top:12px}.pr26-formats{gap:10px}.pr26-format{border-radius:16px}.pr26-proof{grid-template-columns:1fr;gap:16px;margin-top:48px}.pr26-proof h2{max-width:none}.pr26-proof-intro p{max-width:none}.pr26-delivery{margin-top:48px}.pr26-steps{grid-template-columns:repeat(2,minmax(0,1fr));gap:9px}.pr26-steps li{min-height:104px;padding:15px 13px}.pr26-last{margin-top:42px;align-items:stretch;flex-direction:column;border-radius:20px}.pr26-last-btn{width:100%}.pr26-project-url{display:none}}
@media(max-width:350px){.pr26-hero{padding:23px 18px}.pr26-hero h1{font-size:28px}.pr26-actions{align-items:stretch;flex-direction:column}.pr26-primary,.pr26-secondary{justify-content:center}.pr26-steps{grid-template-columns:1fr}.pr26-steps li{min-height:76px}.pr26-project{padding:14px 11px}}
@media(prefers-reduced-motion:reduce){.pr26 *,.pr26 *::before,.pr26 *::after{transition:none!important;animation:none!important}}

/* /assets/css/redesign-atelier-2026.css */
/* SiteHub REDESIGN 2026 — route scoped, no global style resets */
.ard26{--ard-navy:#0F0F0F;--ard-blue:#B2B2B2;--ard-ink:#F5F5F5;--ard-muted:#949494;--ard-radius:26px;color:var(--ard-ink);font-family:inherit;padding:0 0 clamp(64px,7vw,100px);background:#141414}
.ard26 *{box-sizing:border-box}
.ard26-shell{width:min(1240px,calc(100% - 48px));margin-inline:auto}
.ard26 a{text-decoration:none}.ard26-breadcrumb{display:flex;align-items:center;gap:10px;font-size:13px;padding:22px 0;color:#949494}.ard26-breadcrumb a{color:#F5F5F5}.ard26-breadcrumb a:hover{text-decoration:underline}
.ard26-hero{background:radial-gradient(600px 430px at 90% 12%,#18120F 0,transparent 68%),linear-gradient(130deg,#0F0F0F 0%,#101010 100%);border-radius:32px;overflow:hidden;display:grid;grid-template-columns:minmax(0,1fr) minmax(340px,.89fr);gap:clamp(32px,5vw,76px);padding:clamp(32px,4.2vw,62px);color:#D1D1D1;box-shadow:0 24px 70px rgba(0,0,0,0.208)}
.ard26-label{font-size:12px;letter-spacing:.13em;text-transform:uppercase;font-weight:750;color:#FF8A00}.ard26-hero h1{font-size:clamp(34px,3.95vw,58px);font-weight:800;max-width:650px;line-height:1.08;letter-spacing:-.047em;margin:20px 0 20px;color:#fff;overflow-wrap:normal}.ard26-hero-copy>p{font-size:clamp(15px,1.1vw,18px);line-height:1.75;color:#D1D1D1;max-width:590px;margin:0}.ard26-actions{display:flex;align-items:center;gap:10px;margin-top:30px;flex-wrap:wrap}.ard26-btn{display:inline-flex;align-items:center;gap:10px;justify-content:center;font:inherit;font-size:14px;font-weight:700;min-height:48px;padding:12px 18px;border-radius:14px;cursor:pointer;border:1px solid transparent;transition:transform .22s ease,box-shadow .22s ease,background .22s ease;white-space:normal}.ard26-btn svg{height:18px;width:18px}.ard26-btn-main{background:#E8421C;color:white;border-color:rgba(255,255,255,0.1)}.ard26-btn-main:hover{background:#E8421C;transform:translateY(-2px);box-shadow:0 8px 20px rgba(0,0,0,0.384)}.ard26-btn-outline{color:#D1D1D1;border-color:#333333;background:transparent}.ard26-btn-outline:hover{background:rgba(255,255,255,0.06)}.ard26-rate{display:grid;grid-template-columns:1fr auto;align-items:center;gap:2px 16px;padding:16px 0 0;margin-top:26px;max-width:390px}.ard26-rate span{font-size:12px;color:#B2B2B2}.ard26-rate strong{grid-row:span 2;grid-column:2;font-size:26px;letter-spacing:-.02em}.ard26-rate small{font-size:13px;color:#B2B2B2}
.ard26-diagnostic{background:#141414;color:#F5F5F5;border-radius:24px;padding:24px;align-self:start;box-shadow:0 18px 50px rgba(0,0,0,0.224)}.ard26-diagnostic-top{display:flex;gap:12px;align-items:center;justify-content:space-between;font-weight:800;font-size:17px}.ard26-diagnostic-top small{color:#B2B2B2;font-size:11px;letter-spacing:.1em;white-space:nowrap}.ard26-diagnostic>p{font-size:13px;color:#949494;line-height:1.5;margin:8px 0 18px}.ard26-issue-list{display:grid;grid-template-columns:1fr 1fr;gap:8px}.ard26-issue{display:flex;align-items:center;text-align:left;gap:9px;background:#141414;border:1px solid rgba(255,255,255,0.1);border-radius:13px;color:#F5F5F5;min-height:68px;padding:10px 11px;cursor:pointer;transition:border .2s,background .2s,transform .2s;font:inherit;font-size:12px;line-height:1.4;font-weight:650}.ard26-issue svg{width:21px;height:21px;color:#B2B2B2;flex-shrink:0}.ard26-issue:hover{transform:translateY(-1px);border-color:rgba(255,255,255,0.1)}.ard26-issue.is-current{border-color:rgba(255,110,40,0.55);background:#121212;color:#FF8A00}.ard26-outcome{border-radius:16px;background:#121212;padding:17px 18px;margin-top:14px}.ard26-outcome span{display:block;color:#B2B2B2;font-weight:750;font-size:11px;text-transform:uppercase;letter-spacing:.1em;margin-bottom:6px}.ard26-outcome strong{display:block;font-weight:650;font-size:13px;line-height:1.55}.ard26-facts{display:grid;grid-template-columns:1fr 1fr;gap:15px;padding:23px 2px 14px}.ard26-facts span{font-size:13px;color:#B2B2B2;line-height:1.5;display:flex;gap:10px;align-items:flex-start}.ard26-facts svg{color:#B2B2B2;flex-shrink:0;width:18px;height:18px}
.ard26-section{padding:clamp(44px,5.1vw,74px) 0}.ard26-heading{display:flex;gap:36px;align-items:end;justify-content:space-between;margin-bottom:24px}.ard26-heading h2,.ard26-preserve h2,.ard26-faq h2,.ard26-end h2{font-size:clamp(25px,2.8vw,38px);letter-spacing:-.037em;line-height:1.15;font-weight:800;margin:10px 0 0;color:#F5F5F5}.ard26-heading p{font-size:14px;line-height:1.65;color:#949494;max-width:380px;margin:0 0 2px}.ard26-section .ard26-label{color:#FF8A00}
.ard26-deliverables{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px}.ard26-deliverable{background:#141414;border:1px solid rgba(255,255,255,0.1);border-radius:20px;padding:24px 21px;box-shadow:0 5px 16px rgba(0,0,0,0.048);transition:transform .2s ease,box-shadow .2s ease}.ard26-deliverable:hover{transform:translateY(-3px);box-shadow:0 14px 30px rgba(0,0,0,0.112)}.ard26-icon{display:inline-flex;align-items:center;justify-content:center;width:43px;height:43px;border-radius:13px;background:#121212;color:#FF8A00}.ard26-icon svg{width:22px;height:22px}.ard26-deliverable h3{font-size:16px;letter-spacing:-.015em;margin:19px 0 8px}.ard26-deliverable p{font-size:13px;color:#949494;line-height:1.65;margin:0}
.ard26-preserve{border-radius:28px;background:#121212;padding:clamp(26px,4vw,48px);display:grid;grid-template-columns:.75fr 1.35fr;gap:48px}.ard26-preserve .ard26-label{color:#FF8A00}.ard26-preserve-pair{display:grid;grid-template-columns:1fr 1fr;gap:18px}.ard26-preserve-pair>div{background:#141414;border-radius:19px;padding:20px 22px}.ard26-preserve-pair h3{display:flex;align-items:center;gap:9px;font-size:15px;margin:0 0 17px}.ard26-preserve-pair h3 svg{color:#B2B2B2;width:20px;height:20px}.ard26-preserve-pair ul{list-style:none;margin:0;padding:0;display:grid;gap:13px}.ard26-preserve-pair li{display:flex;align-items:flex-start;gap:8px;font-size:12.5px;line-height:1.45;color:#F5F5F5}.ard26-preserve-pair li svg{width:16px;height:16px;color:#B2B2B2;flex-shrink:0}
.ard26-steps{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px}.ard26-steps li{background:#141414;border:1px solid rgba(255,255,255,0.1);border-radius:19px;padding:22px;min-height:174px}.ard26-steps li>span{font-size:14px;color:#FF8A00;font-weight:800}.ard26-steps h3{font-size:17px;letter-spacing:-.02em;margin:20px 0 7px}.ard26-steps p{font-size:13px;line-height:1.6;color:#949494;margin:0}.ard26-projects{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}.ard26-projects a{background:#141414;border:1px solid rgba(255,255,255,0.1);border-radius:20px;padding:24px 23px;min-height:122px;display:grid;grid-template-columns:1fr auto;align-content:center;gap:8px 12px;transition:transform .2s ease,border .2s ease}.ard26-projects a:hover{transform:translateY(-2px);border-color:rgba(255,255,255,0.1)}.ard26-projects span{font-size:12px;color:#949494}.ard26-projects strong{font-size:21px;color:#FF8A00;letter-spacing:-.02em}.ard26-projects svg{grid-row:span 2;color:#B2B2B2;align-self:center}
.ard26-last-grid{display:grid;grid-template-columns:1fr 1fr;gap:18px;padding-top:18px}.ard26-faq,.ard26-end{border-radius:26px;padding:clamp(24px,3vw,40px);background:#141414}.ard26-faq h2{margin:0 0 19px}.ard26-faq details{border-bottom:1px solid rgba(255,255,255,0.1)}.ard26-faq details:last-child{border-bottom:0}.ard26-faq summary{cursor:pointer;display:flex;justify-content:space-between;align-items:center;gap:14px;list-style:none;padding:17px 0;font-weight:700;font-size:14px}.ard26-faq summary::-webkit-details-marker{display:none}.ard26-faq summary svg{height:17px;width:17px;transition:transform .22s}.ard26-faq details[open] summary svg{transform:rotate(180deg)}.ard26-faq details p{font-size:13px;line-height:1.75;color:#949494;margin:0;padding:0 0 17px}.ard26-end{background:#101010;color:#fff;display:flex;flex-direction:column;align-items:flex-start}.ard26-end h2{color:#fff;max-width:470px}.ard26-end>p{font-size:14px;line-height:1.75;color:#D1D1D1;margin:18px 0 25px}.ard26-end-actions{display:flex;align-items:center;flex-wrap:wrap;gap:14px}.ard26-end-link{display:inline-flex;align-items:center;gap:8px;color:#FF8A00;font-size:13px;font-weight:700}.ard26-end-link svg{width:16px;height:16px}.ard26-end>small{display:block;color:#B2B2B2;margin-top:auto;padding-top:24px;font-size:12px}
.ard26 button:focus-visible,.ard26 a:focus-visible,.ard26 summary:focus-visible{outline:3px solid rgba(255,110,40,0.55);outline-offset:3px}
@media(max-width:1100px){.ard26-hero{grid-template-columns:1fr 1fr;padding:34px;gap:28px}.ard26-hero h1{font-size:clamp(34px,4vw,49px)}.ard26-deliverables{grid-template-columns:repeat(2,minmax(0,1fr))}.ard26-preserve{grid-template-columns:1fr;gap:22px}}
@media(max-width:780px){.ard26-shell{width:min(100% - 28px,620px)}.ard26-hero{grid-template-columns:minmax(0,1fr);padding:25px;border-radius:25px}.ard26-hero h1{font-size:clamp(32px,8vw,46px)}.ard26-facts{grid-template-columns:1fr}.ard26-heading{display:block}.ard26-heading p{margin-top:12px}.ard26-deliverables,.ard26-steps,.ard26-preserve-pair,.ard26-projects,.ard26-last-grid{grid-template-columns:1fr 1fr}.ard26-steps li{min-height:0}.ard26-preserve{padding:25px}.ard26-last-grid{grid-template-columns:1fr}}
@media(max-width:520px){.ard26-shell{width:calc(100% - 24px)}.ard26-hero{padding:22px 18px;border-radius:22px}.ard26-hero h1{font-size:clamp(29px,9vw,37px)}.ard26-hero-copy>p{font-size:14px}.ard26-actions{flex-direction:column;align-items:stretch}.ard26-btn{width:100%}.ard26-rate strong{font-size:22px}.ard26-diagnostic{padding:17px;border-radius:19px}.ard26-issue{padding:10px 8px;font-size:11px;min-height:62px}.ard26-issue svg{width:18px;height:18px}.ard26-deliverables,.ard26-steps,.ard26-preserve-pair,.ard26-projects{grid-template-columns:1fr}.ard26-deliverable{padding:21px}.ard26-preserve{padding:19px;border-radius:22px}.ard26-preserve-pair>div{padding:19px}.ard26-steps li{padding:19px}.ard26-faq,.ard26-end{padding:23px;border-radius:21px}}
@media(prefers-reduced-motion:reduce){.ard26 *, .ard26 *::before, .ard26 *::after{animation:none!important;transition:none!important;scroll-behavior:auto!important}}

/* /assets/css/speed-studio-2026.css */
/* SiteHub Speed Studio — scope to speed page only, no global resets */
.asp26{--asp-navy:#101010;--asp-deep:#0F0F0F;--asp-blue:#B2B2B2;--asp-muted:#949494;--asp-line:rgba(255,255,255,0.1);--asp-white:#fff;color:#F5F5F5;font-family:inherit;isolation:isolate;padding:18px 0 84px}
.asp26,.asp26 *{box-sizing:border-box}.asp26 [hidden]{display:none!important}.asp26 button,.asp26 a{font:inherit}.asp26 button{cursor:pointer}.asp26 a{text-decoration:none}.asp26 h1,.asp26 h2,.asp26 h3,.asp26 p{margin:0}.asp26-wrap{width:min(1232px,calc(100% - 48px));margin:0 auto}
.asp26-breadcrumb{display:flex;align-items:center;gap:8px;font-size:12px;color:#949494;margin:8px 0 19px}.asp26-breadcrumb a{color:#F5F5F5}.asp26-breadcrumb svg{width:12px;height:12px;transform:rotate(-90deg)}
.asp26-hero{display:grid;grid-template-columns:minmax(0,1.06fr) minmax(340px,.94fr);gap:clamp(24px,3.5vw,52px);align-items:center;min-height:482px;padding:clamp(28px,4vw,64px);border-radius:32px;background:radial-gradient(ellipse at 85% 10%,rgba(255,138,0,0.16),transparent 44%),linear-gradient(125deg,#0F0F0F 0%,#101010 100%);color:white;box-shadow:0 22px 50px rgba(0,0,0,0.192)}
.asp26-overline{font-size:11px;letter-spacing:.1em;font-weight:800;color:#FF8A00;text-transform:uppercase}.asp26-intro h1{font-size:clamp(32px,3.45vw,54px);line-height:1.105;letter-spacing:-.045em;font-weight:800;margin:20px 0 17px;max-width:625px;overflow-wrap:break-word}.asp26-lead{font-size:clamp(14px,1.13vw,17px);line-height:1.78;color:#D1D1D1;max-width:590px}.asp26-hero-buttons{display:flex;gap:12px;flex-wrap:wrap;margin-top:29px}.asp26-btn{display:inline-flex;justify-content:center;align-items:center;gap:10px;border-radius:14px;border:1px solid transparent;padding:13px 18px;font-size:13px;font-weight:750;line-height:1.2;transition:background .22s,transform .22s,border-color .22s,box-shadow .22s;min-height:45px}.asp26-btn svg{width:18px;height:18px}.asp26-primary{background:#E8421C;color:white;border-color:rgba(255,110,40,0.55);box-shadow:0 8px 26px rgba(0,0,0,0.384)}.asp26-primary:hover{background:#E8421C;transform:translateY(-2px);box-shadow:0 14px 28px rgba(0,0,0,0.448)}.asp26-outline{color:#D1D1D1;background:rgba(255,255,255,0.06);border-color:rgba(255,255,255,0.019)}.asp26-outline:hover{background:rgba(255,255,255,0.06)}.asp26-hero-note{display:flex;align-items:flex-start;gap:8px;margin-top:24px;font-size:12px;line-height:1.5;color:#B2B2B2}.asp26-hero-note svg{width:16px;height:16px;flex:none;color:#D1D1D1}
.asp26-metrics{background:#141414;color:#F5F5F5;padding:23px;border-radius:25px;box-shadow:0 26px 60px rgba(0,0,0,0.32);min-width:0}.asp26-metrics-top{display:flex;justify-content:space-between;align-items:center;gap:12px;margin-bottom:18px}.asp26-metrics-top>span{display:flex;align-items:center;gap:8px;font-size:13px;font-weight:800}.asp26-metrics-top svg{width:18px;height:18px;color:#B2B2B2}.asp26-metrics-top small{font-size:10px;letter-spacing:.07em;color:#B2B2B2;white-space:nowrap}.asp26-metric-tabs{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:7px;background:#121212;padding:6px;border-radius:15px}.asp26-metric-tabs button{border:0;border-radius:10px;background:transparent;padding:12px 5px;color:#949494;text-align:center;display:flex;flex-direction:column;align-items:center;gap:2px;transition:background .18s,color .18s,box-shadow .18s}.asp26-metric-tabs button b{font-size:15px}.asp26-metric-tabs button span{font-size:11px}.asp26-metric-tabs button[aria-selected="true"]{background:#141414;box-shadow:0 3px 10px rgba(0,0,0,0.176);color:#FF8A00}.asp26-metric-detail{min-height:169px;padding:27px 4px 16px}.asp26-value{display:flex;align-items:flex-end;gap:15px;flex-wrap:wrap}.asp26-value b{font-size:clamp(28px,3vw,38px);letter-spacing:-.05em;font-weight:850;line-height:1}.asp26-value small{font-size:12px;color:#949494;padding-bottom:2px}.asp26-metric-detail p{font-size:13px;line-height:1.62;color:#949494;max-width:400px;margin-top:14px}.asp26-metrics-note{background:#141414;border-radius:12px;padding:13px;display:flex;gap:9px;align-items:flex-start;color:#949494;font-size:11px;line-height:1.4}.asp26-metrics-note svg{width:16px;height:16px;color:#B2B2B2;flex:none}
.asp26-section{padding:clamp(50px,6vw,80px) 0}.asp26-heading{display:flex;justify-content:space-between;align-items:flex-start;gap:30px;margin-bottom:23px}.asp26-heading h2,.asp26-method h2,.asp26-bottom h2,.asp26-final h2{font-weight:800;letter-spacing:-.035em;line-height:1.15}.asp26-heading h2{font-size:clamp(25px,2.65vw,35px)}.asp26-heading p{font-size:14px;line-height:1.65;color:var(--asp-muted);max-width:710px;margin-top:8px}.asp26-counter{color:#B2B2B2;font-size:12px;white-space:nowrap}.asp26-areas{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.asp26-area{display:flex;gap:17px;align-items:flex-start;background:#141414;border-radius:20px;padding:25px 24px;box-shadow:0 3px 24px rgba(0,0,0,0.088);border:1px solid #262626;transition:transform .22s,box-shadow .22s}.asp26-area:hover{transform:translateY(-3px);box-shadow:0 12px 30px rgba(0,0,0,0.144)}.asp26-area-icon{border-radius:13px;min-width:45px;height:45px;background:#121212;display:grid;place-items:center;color:#FF8A00}.asp26-area-icon svg{width:22px;height:22px}.asp26-area h3{font-size:17px;letter-spacing:-.02em;margin:2px 0 8px}.asp26-area p{font-size:13px;color:#949494;line-height:1.65;max-width:440px}
.asp26-method{padding:clamp(27px,3.8vw,45px);background:#121212;border-radius:27px}.asp26-method-head h2{font-size:clamp(25px,2.6vw,35px);margin-top:9px}.asp26-method-head .asp26-overline{color:#B2B2B2}.asp26-steps{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin:23px 0 18px}.asp26-steps article{background:#141414;border-radius:18px;padding:24px;display:grid;grid-template-columns:1fr auto;column-gap:12px;align-content:start;min-height:198px}.asp26-step-icon{color:#FF8A00}.asp26-step-icon svg{width:22px;height:22px}.asp26-steps b{font-size:12px;color:#B2B2B2}.asp26-steps h3{font-size:18px;grid-column:1/-1;margin:18px 0 6px}.asp26-steps p{font-size:13px;line-height:1.65;color:#949494;grid-column:1/-1}.asp26-protect{display:flex;gap:12px;align-items:flex-start;padding:14px 16px;background:#121212;border-radius:14px}.asp26-protect>svg{color:#F5F5F5;width:21px;height:21px;flex:none}.asp26-protect strong{font-size:13px}.asp26-protect p{color:#B2B2B2;font-size:12px;line-height:1.55;margin-top:3px}
.asp26-bottom{padding:clamp(48px,6vw,76px) 0 36px;display:grid;grid-template-columns:1fr 1fr;gap:16px}.asp26-price,.asp26-faq{padding:clamp(24px,3vw,38px);border-radius:25px;background:#141414;border:1px solid rgba(255,255,255,0.1)}.asp26-price .asp26-overline{color:#FF8A00}.asp26-price h2{font-size:clamp(24px,2.5vw,34px);margin:14px 0 24px}.asp26-price-amount{display:flex;align-items:baseline;flex-wrap:wrap;gap:11px;color:#FF8A00}.asp26-price-amount>span{font-size:12px;color:#949494}.asp26-price-amount strong{font-size:clamp(35px,4vw,52px);letter-spacing:-.05em}.asp26-price-amount>b{font-size:14px}.asp26-price p{font-size:13px;color:#949494;line-height:1.65;margin-top:16px}.asp26-price>small{display:block;margin-top:12px;font-size:12px;line-height:1.6;color:#949494}.asp26-price>a{display:inline-flex;align-items:center;gap:8px;margin-top:23px;font-size:13px;font-weight:750;color:#FF8A00}.asp26-price>a:hover{color:#FF8A00}.asp26-price>a svg{width:16px;height:16px}.asp26-faq h2{font-size:clamp(24px,2.5vw,34px);margin-bottom:18px}.asp26-faq details{border-bottom:1px solid var(--asp-line)}.asp26-faq details:last-of-type{border-bottom:0}.asp26-faq summary{cursor:pointer;list-style:none;display:flex;gap:12px;justify-content:space-between;align-items:center;padding:14px 0;font-weight:740;font-size:13px;line-height:1.45}.asp26-faq summary::-webkit-details-marker{display:none}.asp26-faq summary svg{width:17px;height:17px;flex:none;transition:transform .22s}.asp26-faq details[open] summary svg{transform:rotate(180deg)}.asp26-faq details p{color:#949494;font-size:13px;line-height:1.68;padding:0 0 16px}.asp26-official{display:inline-flex;align-items:center;gap:8px;font-size:12px;font-weight:700;color:#B2B2B2;margin-top:24px}.asp26-official svg{width:16px;height:16px}.asp26-final{border-radius:23px;padding:clamp(24px,3.5vw,40px);display:flex;justify-content:space-between;align-items:center;gap:25px;background:#111111;color:#fff}.asp26-final h2{font-size:clamp(22px,2.3vw,31px)}.asp26-final p{font-size:13px;color:#D1D1D1;line-height:1.55;margin-top:8px;max-width:650px}.asp26-final .asp26-btn{flex:none}
.asp26 a:focus-visible,.asp26 button:focus-visible,.asp26 summary:focus-visible{outline:3px solid rgba(255,110,40,0.55);outline-offset:3px}
@media(max-width:1040px){.asp26-hero{grid-template-columns:1fr 1fr;gap:24px;padding:34px}.asp26-intro h1{font-size:clamp(31px,3.9vw,43px)}.asp26-metrics{padding:19px}.asp26-metrics-top small{display:none}}
@media(max-width:790px){.asp26-wrap{width:calc(100% - 28px)}.asp26-hero{grid-template-columns:minmax(0,1fr);padding:clamp(24px,5vw,36px)}.asp26-intro h1{max-width:650px}.asp26-metrics{max-width:680px;width:100%}.asp26-steps{grid-template-columns:1fr}.asp26-steps article{min-height:unset}.asp26-bottom{grid-template-columns:1fr}.asp26-final{flex-direction:column;align-items:flex-start}.asp26-final .asp26-btn{align-self:flex-start}}
@media(max-width:520px){.asp26{padding-bottom:46px}.asp26-wrap{width:calc(100% - 24px)}.asp26-hero{padding:24px 19px;border-radius:24px;min-height:unset;gap:27px}.asp26-intro h1{font-size:clamp(30px,8.2vw,39px);margin:14px 0}.asp26-lead{font-size:14px;line-height:1.65}.asp26-hero-buttons{flex-direction:column;margin-top:20px}.asp26-btn{width:100%}.asp26-metrics{padding:17px;border-radius:20px}.asp26-metric-tabs button b{font-size:14px}.asp26-metric-tabs button span{font-size:10px}.asp26-metric-detail{min-height:155px}.asp26-value{align-items:start;flex-direction:column;gap:7px}.asp26-areas{grid-template-columns:1fr}.asp26-heading{display:block}.asp26-counter{display:none}.asp26-area{padding:20px 18px;gap:13px}.asp26-area-icon{min-width:38px;height:38px}.asp26-method{padding:23px 19px;border-radius:21px}.asp26-steps article{padding:19px}.asp26-price,.asp26-faq{padding:23px 19px;border-radius:21px}.asp26-final{padding:25px 20px;border-radius:21px}.asp26-final .asp26-btn{width:100%}}
@media(prefers-reduced-motion:reduce){.asp26 *,.asp26 *::before,.asp26 *::after{animation:none!important;transition:none!important;scroll-behavior:auto!important}}

/* /assets/css/seo-promovare-2026.css */
/* SiteHub — SEO & Promovare Google 2026. Scoped to .shs26, no global resets. */
.shs26,.shs26-modal{--o:#FF8A00;--r:#FF3B30;--p:#FF2D55;--grad:linear-gradient(90deg,#FF8A00 0%,#FF3B30 55%,#FF2D55 100%);--grad-d:linear-gradient(135deg,#FF8A00 0%,#FF3B30 55%,#FF2D55 100%);--bg:#0B0B0B;--s1:#121212;--s2:#161616;--s3:#1C1C1C;--line:#232323;--line2:#2E2E2E;--t1:#F5F5F5;--t2:#B3B3B3;--t3:#8A8A8A;--ease:cubic-bezier(.2,.8,.2,1);color:var(--t1);font-family:var(--sh-font,'Manrope',system-ui,-apple-system,'Segoe UI',sans-serif)}
.shs26{padding:18px 0 96px;isolation:isolate}
.shs26 *,.shs26 *::before,.shs26 *::after,.shs26-modal *,.shs26-modal *::before,.shs26-modal *::after{box-sizing:border-box}
.shs26 [hidden],.shs26-modal[hidden],.shs26-modal [hidden]{display:none!important}
.shs26 :where(h1,h2,h3,p,ul,ol,dl,dd,fieldset),.shs26-modal :where(h2,h3,p,ol,dl,dd,fieldset){margin:0;padding:0}
.shs26 :where(ul,ol),.shs26-modal :where(ol){list-style:none}
.shs26 :where(fieldset),.shs26-modal :where(fieldset){border:0;min-width:0}
.shs26 :where(a),.shs26-modal :where(a){color:inherit;text-decoration:none}
.shs26 :where(button,input,textarea),.shs26-modal :where(button,input,textarea){font:inherit}
.shs26 :where(button),.shs26-modal :where(button){cursor:pointer}
.shs26 svg,.shs26-modal svg{flex:none}
.shs26 :focus-visible,.shs26-modal :focus-visible{outline:2px solid var(--o);outline-offset:3px;border-radius:10px}
.shs26-sr{position:absolute!important;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}
.shs26-wrap{width:min(1232px,calc(100% - 48px));margin:0 auto}
.shs26-breadcrumb{display:flex;flex-wrap:wrap;align-items:center;gap:8px;font-size:12px;color:var(--t3);margin:8px 0 19px}
.shs26-breadcrumb a{color:var(--t1)}.shs26-breadcrumb a:hover{color:var(--o)}
.shs26-overline{display:inline-block;font-size:11px;letter-spacing:.12em;font-weight:800;text-transform:uppercase;color:var(--o)}

/* Buttons */
.shs26-btn{position:relative;display:inline-flex;align-items:center;justify-content:center;gap:10px;min-height:46px;padding:13px 20px;border-radius:14px;border:1px solid transparent;font-size:14px;font-weight:750;line-height:1.2;color:var(--t1);transition:transform .25s var(--ease),box-shadow .25s var(--ease),background .25s,border-color .25s,color .25s}
.shs26-btn svg{width:18px;height:18px;transition:transform .25s var(--ease)}
.shs26-btn:hover svg{transform:translateX(3px)}
.shs26-btn-primary{background:var(--grad);color:#fff;box-shadow:0 10px 30px rgba(255,59,48,.28)}
.shs26-btn-primary:hover{transform:translateY(-2px);box-shadow:0 16px 36px rgba(255,59,48,.38)}
.shs26-btn-primary:active{transform:translateY(0) scale(.98)}
.shs26-btn-ghost{background:rgba(255,255,255,.05);border-color:var(--line2);color:#E2E2E2}
.shs26-btn-ghost:hover{background:rgba(255,255,255,.08);border-color:rgba(255,138,0,.45)}
.shs26-btn-soft{background:var(--s3);border-color:var(--line2)}
.shs26-btn-soft:hover{border-color:rgba(255,90,40,.55);background:#211a17}
.shs26-btn-sm{min-height:38px;padding:9px 14px;font-size:13px;border-radius:11px}
.shs26-btn[disabled]{opacity:.6;pointer-events:none}

/* Hero */
.shs26-hero{position:relative;overflow:hidden;display:grid;grid-template-columns:minmax(0,1.05fr) minmax(340px,.95fr);gap:clamp(24px,3.6vw,56px);align-items:center;padding:clamp(28px,4vw,64px);border-radius:32px;background:linear-gradient(125deg,#0F0F0F 0%,#111 100%);border:1px solid #1A1A1A;box-shadow:0 22px 60px rgba(0,0,0,.35)}
.shs26-hero-glow{position:absolute;inset:auto -10% -55% 35%;height:120%;background:radial-gradient(closest-side,rgba(255,74,30,.22),rgba(255,45,85,.07) 55%,transparent);pointer-events:none;z-index:0;animation:shs26-breathe 9s ease-in-out infinite}
.shs26-hero>:not(.shs26-hero-glow){position:relative;z-index:1}
.shs26-hero h1{font-size:clamp(32px,3.6vw,56px);line-height:1.08;letter-spacing:-.045em;font-weight:800;margin:18px 0 18px;max-width:640px}
.shs26-hero h1 span{display:block;background:var(--grad);-webkit-background-clip:text;background-clip:text;color:transparent}
.shs26-lead{font-size:clamp(14px,1.15vw,17px);line-height:1.75;color:#CFCFCF;max-width:590px}
.shs26-hero-actions{display:flex;flex-wrap:wrap;gap:12px;margin-top:28px}
.shs26-hero-note{display:flex;gap:9px;align-items:flex-start;margin-top:22px;font-size:12.5px;line-height:1.55;color:var(--t2);max-width:540px}
.shs26-hero-note svg{width:17px;height:17px;color:var(--o);margin-top:1px}

/* Console */
.shs26-console{background:var(--s2);border:1px solid var(--line);border-radius:26px;padding:22px;box-shadow:0 28px 70px rgba(0,0,0,.45);min-width:0}
.shs26-console-top{display:flex;justify-content:space-between;align-items:center;gap:12px;margin-bottom:16px}
.shs26-console-top>span{display:flex;align-items:center;gap:8px;font-size:13.5px;font-weight:800}
.shs26-console-top svg{width:18px;height:18px;color:var(--o)}
.shs26-console-top small{font-size:9.5px;letter-spacing:.1em;font-weight:800;color:var(--t3);border:1px solid var(--line2);padding:4px 8px;border-radius:999px;white-space:nowrap}
.shs26-tabs{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:6px;background:var(--s1);padding:5px;border-radius:14px;margin-bottom:16px}
.shs26-tabs button{border:0;background:transparent;color:var(--t3);font-size:12.5px;font-weight:750;padding:10px 6px;border-radius:10px;transition:background .2s,color .2s}
.shs26-tabs button[aria-selected="true"]{background:var(--s3);color:var(--t1);box-shadow:inset 0 0 0 1px rgba(255,138,0,.35)}
.shs26-panel{min-height:236px;animation:shs26-fade .35s var(--ease)}
.shs26-serp-query{display:flex;align-items:center;gap:10px;height:42px;padding:0 14px;border-radius:999px;background:#0E0E0E;border:1px solid var(--line2);font-size:13px;color:#DADADA}
.shs26-serp-query svg{width:16px;height:16px;color:var(--t3)}
.shs26-serp-query span::after{content:"";display:inline-block;width:1px;height:14px;margin-left:2px;vertical-align:-2px;background:var(--o);animation:shs26-caret 1s steps(1) infinite}
.shs26-serp{margin-top:14px;padding:14px 15px;border-radius:16px;background:#0F0F0F;border:1px solid var(--line)}
.shs26-serp-url{display:flex;align-items:center;gap:8px;font-size:11.5px;color:var(--t2)}
.shs26-serp-url i{display:grid;place-items:center;width:20px;height:20px;border-radius:50%;background:#262626;font-style:normal;font-size:10px;font-weight:800}
.shs26-serp-title{display:block;margin:8px 0 5px;font-size:15px;line-height:1.35;color:#8AB4F8;font-weight:600}
.shs26-serp p{font-size:12px;line-height:1.55;color:var(--t2)}
.shs26-checks{display:grid;gap:9px;margin-top:14px}
.shs26-checks li{display:grid;grid-template-columns:88px 1fr;align-items:center;gap:12px;font-size:12px;color:#CFCFCF}
.shs26-meter{position:relative;height:6px;border-radius:99px;background:#232323;overflow:hidden}
.shs26-meter::after{content:"";position:absolute;inset:0;width:calc(var(--v)*100%);border-radius:inherit;background:var(--grad);transform-origin:left;animation:shs26-grow 1.2s var(--ease) both}
.shs26-audit{display:grid;gap:8px}
.shs26-audit li{display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:12px;padding:12px 13px;border-radius:13px;background:#0F0F0F;border:1px solid var(--line);font-size:12.5px;animation:shs26-slide .5s var(--ease) both;animation-delay:calc(var(--d)*90ms)}
.shs26-audit b{font-weight:700}
.shs26-audit code{font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:10.5px;color:var(--t3);background:#181818;border:1px solid var(--line2);padding:3px 7px;border-radius:7px;white-space:nowrap}
.shs26-audit-dot{width:9px;height:9px;border-radius:50%;background:var(--o);box-shadow:0 0 0 4px rgba(255,138,0,.14);animation:shs26-pulse 2.4s ease-in-out infinite;animation-delay:calc(var(--d)*.3s)}
.shs26-local{display:grid;grid-template-columns:120px 1fr;gap:14px;align-items:stretch}
.shs26-local-map{position:relative;border-radius:16px;background:#0F0F0F;border:1px solid var(--line);overflow:hidden;min-height:200px;background-image:linear-gradient(#1a1a1a 1px,transparent 1px),linear-gradient(90deg,#1a1a1a 1px,transparent 1px);background-size:22px 22px}
.shs26-local-map i{position:absolute;border:1px solid rgba(255,138,0,.35);border-radius:50%;left:50%;top:48%;width:20px;height:20px;transform:translate(-50%,-50%);animation:shs26-ring 2.8s ease-out infinite}
.shs26-local-map i:nth-child(3){animation-delay:.9s}.shs26-local-map i:nth-child(4){animation-delay:1.8s}
.shs26-pin{position:absolute;left:50%;top:48%;transform:translate(-50%,-80%);color:var(--r);z-index:1}
.shs26-pin svg{width:30px;height:30px;filter:drop-shadow(0 6px 12px rgba(255,59,48,.45))}
.shs26-local-card{padding:15px;border-radius:16px;background:#0F0F0F;border:1px solid var(--line)}
.shs26-local-card b{display:block;font-size:13.5px;margin-bottom:10px}
.shs26-local-card ul{display:grid;gap:8px}
.shs26-local-card li{display:flex;gap:8px;align-items:flex-start;font-size:12px;line-height:1.45;color:#CFCFCF}
.shs26-local-card svg{width:15px;height:15px;color:var(--o);margin-top:1px}
.shs26-console-note{margin-top:14px;font-size:10.5px;line-height:1.5;color:var(--t3)}

/* Sections */
.shs26-section{margin-top:clamp(64px,8vw,104px);scroll-margin-top:96px}
.shs26-head{max-width:760px;margin-bottom:30px}
.shs26-head h2{font-size:clamp(26px,2.6vw,40px);line-height:1.12;letter-spacing:-.035em;font-weight:800;margin-top:12px}
.shs26-head p{margin-top:12px;font-size:14.5px;line-height:1.7;color:var(--t2)}

/* Plans */
.shs26-plans{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px;align-items:stretch}
.shs26-plan{position:relative;display:flex;flex-direction:column;padding:28px 26px 26px;border-radius:26px;background:var(--s2);border:1px solid var(--line);transition:transform .35s var(--ease),border-color .35s,box-shadow .35s}
.shs26-plan:hover{transform:translateY(-4px);border-color:#3a2a22;box-shadow:0 24px 50px rgba(0,0,0,.45)}
.shs26-plan.is-recommended{background:linear-gradient(180deg,#1b1512 0%,var(--s2) 46%);border-color:rgba(255,90,40,.42)}
.shs26-plan.is-recommended::before{content:"";position:absolute;inset:-1px;border-radius:inherit;padding:1px;background:var(--grad-d);-webkit-mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);-webkit-mask-composite:xor;mask-composite:exclude;opacity:.55;pointer-events:none}
.shs26-plan.is-selected{border-color:var(--o);box-shadow:0 0 0 3px rgba(255,138,0,.18),0 24px 50px rgba(0,0,0,.45);transform:translateY(-4px)}
.shs26-plan-badge{position:absolute;top:22px;right:22px;font-size:10.5px;font-weight:800;letter-spacing:.06em;text-transform:uppercase;padding:6px 10px;border-radius:999px;color:#FFB36B;background:rgba(255,138,0,.1);border:1px solid rgba(255,138,0,.28)}
.shs26-plan h3{font-size:19px;font-weight:800;letter-spacing:.01em}
.shs26-plan-for{margin-top:8px;font-size:13.5px;line-height:1.55;color:var(--t2);min-height:42px;padding-right:64px}
.shs26-plan:not(.is-recommended) .shs26-plan-for{padding-right:0}
.shs26-plan-price{display:flex;align-items:baseline;flex-wrap:wrap;gap:6px;margin:22px 0 20px;padding-bottom:20px;border-bottom:1px solid var(--line)}
.shs26-plan-price small{font-size:13px;color:var(--t2);font-weight:700}
.shs26-plan-price strong{font-size:clamp(34px,3vw,44px);line-height:1;letter-spacing:-.04em;font-weight:800}
.shs26-plan.is-recommended .shs26-plan-price strong{background:var(--grad);-webkit-background-clip:text;background-clip:text;color:transparent}
.shs26-plan-price span{font-size:14px;font-weight:800;color:var(--t1)}
.shs26-plan-price em{font-style:normal;font-weight:600;color:var(--t3);margin-left:4px}
.shs26-plan-list{display:grid;gap:10px}
.shs26-plan-list li{display:flex;gap:10px;align-items:flex-start;font-size:13.5px;line-height:1.45;color:#DCDCDC}
.shs26-plan-list svg{width:17px;height:17px;color:var(--o);margin-top:1px}
.shs26-plan-list li.is-extra{display:none}
.shs26-plan-list.is-open li.is-extra{display:flex;animation:shs26-slide .4s var(--ease) both}
.shs26-more{align-self:flex-start;display:inline-flex;align-items:center;gap:6px;margin-top:14px;padding:6px 0;border:0;background:none;color:var(--o);font-size:13px;font-weight:750}
.shs26-more svg{width:16px;height:16px;transition:transform .3s var(--ease)}
.shs26-more[aria-expanded="true"] svg{transform:rotate(180deg)}
.shs26-plan-fine{margin-top:14px;font-size:12px;line-height:1.5;color:var(--t3)}
.shs26-plan-cta{margin-top:auto;width:100%}
.shs26-plan-list+.shs26-plan-cta,.shs26-more+.shs26-plan-cta,.shs26-plan-fine+.shs26-plan-cta{margin-top:24px}

/* Comparison */
.shs26-cmp-switch{display:none}
.shs26-table-wrap{overflow-x:auto;border-radius:22px;border:1px solid var(--line);background:var(--s2)}
.shs26-table{width:100%;border-collapse:collapse;min-width:720px;font-size:13.5px}
.shs26-table th,.shs26-table td{padding:15px 18px;text-align:left;border-bottom:1px solid var(--line);vertical-align:middle}
.shs26-table thead th{position:sticky;top:0;background:#141414;font-size:12px;color:var(--t2);font-weight:700}
.shs26-table thead th b{display:block;font-size:14px;color:var(--t1);font-weight:800}
.shs26-table thead th small{display:block;margin-top:4px;color:var(--o);font-size:12px;font-weight:700}
.shs26-table tbody th{font-weight:650;color:#DADADA;width:30%}
.shs26-table td{color:#CFCFCF;width:23.3%}
.shs26-table .is-rec{background:rgba(255,138,0,.045)}
.shs26-table tr:last-child th,.shs26-table tr:last-child td{border-bottom:0}
.shs26-table tbody tr{transition:background .2s}
.shs26-table tbody tr:hover{background:rgba(255,255,255,.02)}
.shs26-yes{display:inline-grid;place-items:center;width:26px;height:26px;border-radius:50%;background:rgba(255,138,0,.12);color:var(--o)}
.shs26-yes svg{width:15px;height:15px}
.shs26-no{color:#555}

/* One-time */
.shs26-once{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px}
.shs26-once-card{display:flex;flex-direction:column;padding:22px;border-radius:22px;background:var(--s2);border:1px solid var(--line);transition:transform .3s var(--ease),border-color .3s}
.shs26-once-card:hover{transform:translateY(-3px);border-color:#3a2a22}
.shs26-once-ic{display:grid;place-items:center;width:42px;height:42px;border-radius:13px;background:rgba(255,138,0,.1);color:var(--o);margin-bottom:16px}
.shs26-once-ic svg{width:20px;height:20px}
.shs26-once-card h3{font-size:15.5px;line-height:1.3;font-weight:800}
.shs26-once-card p{margin-top:8px;font-size:12.8px;line-height:1.55;color:var(--t2)}
.shs26-once-foot{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-top:auto;padding-top:18px}
.shs26-once-foot strong{font-size:16px;font-weight:800}
.shs26-icon-btn{display:grid;place-items:center;width:40px;height:40px;border-radius:12px;border:1px solid var(--line2);background:var(--s3);color:var(--t1);transition:background .25s,border-color .25s,transform .25s var(--ease)}
.shs26-icon-btn svg{width:18px;height:18px}
.shs26-icon-btn:hover{background:var(--grad);border-color:transparent;transform:translateX(2px)}
.shs26-diff{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:1px;margin-top:22px;border-radius:22px;overflow:hidden;background:var(--line);border:1px solid var(--line)}
.shs26-diff>div{padding:22px;background:#111}
.shs26-diff b{font-size:11px;color:var(--o);letter-spacing:.1em}
.shs26-diff h3{margin:8px 0 6px;font-size:16px;font-weight:800}
.shs26-diff p{font-size:13px;line-height:1.6;color:var(--t2)}
.shs26-disclaimer{display:flex;gap:10px;align-items:flex-start;margin-top:16px;font-size:12.5px;line-height:1.55;color:var(--t2)}
.shs26-disclaimer svg{width:17px;height:17px;color:var(--o);margin-top:1px}

/* Directions */
.shs26-dirs{display:grid;grid-template-columns:minmax(240px,.8fr) minmax(0,1.6fr);gap:18px}
.shs26-dir-nav{display:grid;gap:8px;align-content:start}
.shs26-dir-nav button{display:flex;align-items:center;gap:12px;width:100%;padding:15px 16px;border-radius:16px;border:1px solid var(--line);background:var(--s2);color:var(--t2);font-size:14px;font-weight:700;text-align:left;transition:border-color .25s,color .25s,background .25s,transform .25s var(--ease)}
.shs26-dir-nav button svg{width:19px;height:19px}
.shs26-dir-nav button:hover{color:var(--t1);transform:translateX(3px)}
.shs26-dir-nav button[aria-selected="true"]{color:var(--t1);border-color:rgba(255,90,40,.5);background:linear-gradient(90deg,rgba(255,138,0,.1),rgba(255,45,85,.04))}
.shs26-dir-nav button[aria-selected="true"] svg{color:var(--o)}
.shs26-dir-panels{position:relative}
.shs26-dir-panel{padding:clamp(24px,3vw,36px);border-radius:24px;background:var(--s2);border:1px solid var(--line);min-height:100%;animation:shs26-fade .4s var(--ease)}
.shs26-dir-panel[data-inactive]{display:none}
.shs26-dir-ic{display:grid;place-items:center;width:50px;height:50px;border-radius:15px;background:var(--grad-d);color:#fff;box-shadow:0 12px 26px rgba(255,59,48,.3)}
.shs26-dir-ic svg{width:24px;height:24px}
.shs26-dir-panel h3{margin-top:18px;font-size:clamp(20px,1.8vw,26px);letter-spacing:-.02em;font-weight:800}
.shs26-dir-panel p{margin-top:12px;font-size:14.5px;line-height:1.75;color:#CFCFCF;max-width:640px}
.shs26-dir-panel ul{display:flex;flex-wrap:wrap;gap:8px;margin-top:20px}
.shs26-dir-panel li{display:inline-flex;align-items:center;gap:7px;padding:8px 12px;border-radius:999px;background:#0F0F0F;border:1px solid var(--line2);font-size:12.5px;color:#DADADA}
.shs26-dir-panel li svg{width:14px;height:14px;color:var(--o)}
.shs26-related{display:flex;flex-wrap:wrap;align-items:center;gap:8px 10px;margin-top:20px;font-size:13px;color:var(--t3)}
.shs26-related a{padding:7px 12px;border-radius:999px;border:1px solid var(--line2);color:#DADADA;transition:border-color .2s,color .2s}
.shs26-related a:hover{border-color:rgba(255,138,0,.5);color:var(--o)}

/* Process */
.shs26-steps{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;counter-reset:s}
.shs26-steps li{position:relative;padding:22px;border-radius:20px;background:var(--s2);border:1px solid var(--line);overflow:hidden}
.shs26-steps li::after{content:"";position:absolute;left:22px;right:22px;top:0;height:2px;background:var(--grad);transform:scaleX(0);transform-origin:left;transition:transform .8s var(--ease) calc(var(--d)*120ms)}
.shs26-steps li.is-in::after{transform:scaleX(1)}
.shs26-steps b{font-size:12px;color:var(--o);letter-spacing:.08em}
.shs26-steps h3{margin-top:10px;font-size:16px;font-weight:800}
.shs26-steps p{margin-top:6px;font-size:13px;line-height:1.6;color:var(--t2)}

/* FAQ */
.shs26-faq{display:grid;gap:10px;max-width:920px}
.shs26-faq details{border-radius:18px;background:var(--s2);border:1px solid var(--line);transition:border-color .25s}
.shs26-faq details[open]{border-color:rgba(255,90,40,.38)}
.shs26-faq summary{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:18px 20px;cursor:pointer;list-style:none}
.shs26-faq summary::-webkit-details-marker{display:none}
.shs26-faq summary h3{font-size:15px;line-height:1.4;font-weight:750}
.shs26-faq summary svg{width:20px;height:20px;color:var(--t3);transition:transform .3s var(--ease),color .3s}
.shs26-faq details[open] summary svg{transform:rotate(180deg);color:var(--o)}
.shs26-faq details>div{padding:0 20px 20px}
.shs26-faq details[open]>div{animation:shs26-fade .35s var(--ease)}
.shs26-faq details p{font-size:14px;line-height:1.75;color:#CFCFCF}

/* Final */
.shs26-final{position:relative;overflow:hidden;display:flex;align-items:center;justify-content:space-between;gap:28px;flex-wrap:wrap;margin-top:clamp(64px,8vw,104px);padding:clamp(28px,4vw,52px);border-radius:30px;background:radial-gradient(ellipse at 90% 0%,rgba(255,74,30,.22),transparent 55%),linear-gradient(125deg,#141010 0%,#101010 100%);border:1px solid rgba(255,90,40,.25)}
.shs26-final h2{margin-top:10px;font-size:clamp(24px,2.4vw,36px);line-height:1.15;letter-spacing:-.03em;font-weight:800;max-width:640px}
.shs26-final p{margin-top:10px;font-size:14.5px;line-height:1.65;color:var(--t2);max-width:600px}
.shs26-final-actions{display:flex;gap:12px;flex-wrap:wrap}

/* Reveal */
.shs26-js .shs26-reveal{opacity:0;transform:translateY(22px);transition:opacity .7s var(--ease),transform .7s var(--ease);transition-delay:calc(var(--d,0)*90ms)}
.shs26-js .shs26-reveal.is-in{opacity:1;transform:none}
.shs26-js .shs26-reveal.is-in.shs26-plan:hover{transform:translateY(-4px)}

/* Modal */
.shs26-modal{position:fixed;inset:0;z-index:2147483000;display:grid;place-items:center;padding:16px}
.shs26-modal-backdrop{position:absolute;inset:0;background:rgba(5,5,5,.72);backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px);animation:shs26-fade .25s ease both}
.shs26-dialog{position:relative;width:min(680px,100%);max-height:calc(100dvh - 32px);overflow:auto;overscroll-behavior:contain;padding:28px;border-radius:26px;background:#141414;border:1px solid var(--line2);box-shadow:0 40px 100px rgba(0,0,0,.6);animation:shs26-pop .4s var(--ease) both}
.shs26-dialog:focus{outline:none}
.shs26-dlg-close{position:absolute;top:16px;right:16px;display:grid;place-items:center;width:38px;height:38px;border-radius:12px;border:1px solid var(--line2);background:var(--s3);color:var(--t2)}
.shs26-dlg-close:hover{color:var(--t1);border-color:rgba(255,138,0,.5)}
.shs26-dlg-close svg{width:18px;height:18px}
.shs26-dlg-head h2{margin-top:8px;font-size:24px;letter-spacing:-.025em;font-weight:800}
.shs26-progress{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:6px;margin:18px 0 22px}
.shs26-progress li{display:flex;flex-direction:column;gap:7px;font-size:10.5px;color:var(--t3);font-weight:700}
.shs26-progress li::before{content:"";height:4px;border-radius:99px;background:#262626;transition:background .35s}
.shs26-progress li i{display:none}
.shs26-progress li.is-done::before,.shs26-progress li.is-active::before{background:var(--grad)}
.shs26-progress li.is-active{color:var(--t1)}
.shs26-step legend{font-size:14px;font-weight:800;margin-bottom:14px;padding:0}
.shs26-step{animation:shs26-step .35s var(--ease) both}
.shs26-choice-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:9px}
.shs26-choice{position:relative;display:block;cursor:pointer}
.shs26-choice input{position:absolute;opacity:0;inset:0;margin:0;cursor:pointer}
.shs26-choice>span{display:flex;flex-direction:column;gap:4px;height:100%;padding:13px 14px;border-radius:14px;border:1px solid var(--line2);background:#101010;transition:border-color .2s,background .2s,box-shadow .2s}
.shs26-choice b{font-size:13.5px;font-weight:800}
.shs26-choice small{font-size:12px;color:var(--t2)}
.shs26-goals .shs26-choice>span{flex-direction:row;align-items:center;gap:10px;min-height:58px}
.shs26-goals svg{width:19px;height:19px;color:var(--o)}
.shs26-choice input:checked+span{border-color:var(--o);background:#1b1410;box-shadow:0 0 0 3px rgba(255,138,0,.15)}
.shs26-choice input:focus-visible+span{outline:2px solid var(--o);outline-offset:2px}
.shs26-field-note{margin-top:14px;font-size:12px;line-height:1.55;color:var(--t3)}
.shs26-fields{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}
.shs26-field{display:flex;flex-direction:column;gap:6px;font-size:12.5px;font-weight:700;color:#D5D5D5}
.shs26-field-wide{grid-column:1/-1}
.shs26-field input,.shs26-field textarea{width:100%;padding:12px 14px;border-radius:12px;border:1px solid var(--line2);background:#0E0E0E;color:var(--t1);font-size:14px;font-weight:500;transition:border-color .2s,box-shadow .2s}
.shs26-field textarea{resize:vertical;min-height:76px}
.shs26-field input:focus,.shs26-field textarea:focus{outline:none;border-color:var(--o);box-shadow:0 0 0 3px rgba(255,138,0,.18)}
.shs26-field input[aria-invalid="true"]{border-color:var(--r)}
.shs26-err{display:block;font-style:normal;font-size:12px;font-weight:600;color:#FF6B5E;min-height:0}
.shs26-err:empty{display:none}
.shs26-consent{display:flex;gap:10px;align-items:flex-start;margin-top:14px;font-size:12.5px;line-height:1.5;color:var(--t2);cursor:pointer}
.shs26-consent input{width:18px;height:18px;margin-top:1px;accent-color:#FF5A28;flex:none}
.shs26-consent a{color:var(--o);text-decoration:underline}
.shs26-summary{display:grid;gap:1px;border-radius:16px;overflow:hidden;background:var(--line);border:1px solid var(--line)}
.shs26-summary>div{display:grid;grid-template-columns:150px 1fr;gap:12px;padding:12px 14px;background:#101010;font-size:13px}
.shs26-summary dt{color:var(--t3);font-weight:700}
.shs26-summary dd{color:var(--t1);font-weight:650;word-break:break-word}
.shs26-send-error{margin-top:12px;padding:12px 14px;border-radius:12px;background:rgba(255,59,48,.08);border:1px solid rgba(255,59,48,.35);font-size:13px;color:#FFB0A8}
.shs26-dlg-actions{display:flex;justify-content:space-between;gap:10px;margin-top:22px}
.shs26-dlg-actions [data-shs26-back]{visibility:hidden}
.shs26-dlg-actions.has-back [data-shs26-back]{visibility:visible}
.shs26-success{text-align:center;padding:10px 4px 4px;animation:shs26-pop .45s var(--ease) both}
.shs26-success:focus{outline:none}
.shs26-success-ic{display:inline-grid;place-items:center;width:64px;height:64px;border-radius:50%;background:var(--grad-d);color:#fff;box-shadow:0 14px 34px rgba(255,59,48,.35)}
.shs26-success-ic svg{width:30px;height:30px}
.shs26-success h3{margin-top:16px;font-size:22px;font-weight:800}
.shs26-success p{margin-top:10px;font-size:13.5px;line-height:1.6;color:var(--t2)}
.shs26-success p b{color:var(--t1);font-family:ui-monospace,SFMono-Regular,Menlo,monospace}
.shs26-success .shs26-btn{margin-top:20px}
.shs26-hp{position:absolute!important;left:-9999px;width:1px;height:1px;overflow:hidden}
html.shs26-lock,html.shs26-lock body{overflow:hidden}

/* Keyframes */
@keyframes shs26-fade{from{opacity:0}to{opacity:1}}
@keyframes shs26-pop{from{opacity:0;transform:translateY(14px) scale(.98)}to{opacity:1;transform:none}}
@keyframes shs26-step{from{opacity:0;transform:translateX(14px)}to{opacity:1;transform:none}}
@keyframes shs26-slide{from{opacity:0;transform:translateY(8px)}to{opacity:1;transform:none}}
@keyframes shs26-grow{from{transform:scaleX(0)}to{transform:scaleX(1)}}
@keyframes shs26-caret{50%{opacity:0}}
@keyframes shs26-pulse{0%,100%{box-shadow:0 0 0 3px rgba(255,138,0,.14)}50%{box-shadow:0 0 0 7px rgba(255,138,0,.04)}}
@keyframes shs26-ring{from{width:20px;height:20px;opacity:.9}to{width:150px;height:150px;opacity:0}}
@keyframes shs26-breathe{0%,100%{opacity:.85;transform:scale(1)}50%{opacity:1;transform:scale(1.05)}}

/* Responsive */
@media (max-width:1100px){
  .shs26-once{grid-template-columns:repeat(2,minmax(0,1fr))}
  .shs26-plans{grid-template-columns:1fr 1fr}
  .shs26-plan.is-recommended{order:-1;grid-column:1/-1}
}
@media (max-width:900px){
  .shs26-hero{grid-template-columns:1fr}
  .shs26-dirs{grid-template-columns:1fr}
  .shs26-dir-nav{grid-auto-flow:column;grid-auto-columns:minmax(200px,1fr);overflow-x:auto;padding-bottom:4px;scroll-snap-type:x mandatory}
  .shs26-dir-nav button{scroll-snap-align:start}
  .shs26-steps{grid-template-columns:1fr 1fr}
  .shs26-diff{grid-template-columns:1fr}
}
@media (max-width:760px){
  .shs26-wrap{width:calc(100% - 28px)}
  .shs26{padding-bottom:72px}
  .shs26-hero{border-radius:24px;padding:24px 18px}
  .shs26-hero-actions .shs26-btn{flex:1 1 100%}
  .shs26-console{padding:16px;border-radius:20px}
  .shs26-local{grid-template-columns:1fr}
  .shs26-local-map{min-height:120px}
  .shs26-plans{grid-template-columns:1fr}
  .shs26-plan.is-recommended{grid-column:auto}
  .shs26-plan{padding:24px 20px}
  .shs26-once{grid-template-columns:1fr}
  .shs26-steps{grid-template-columns:1fr}
  /* Mobile comparison: one package column at a time */
  .shs26-cmp-switch{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:5px;padding:5px;margin-bottom:12px;border-radius:14px;background:var(--s1);border:1px solid var(--line)}
  .shs26-cmp-switch button{border:0;background:transparent;color:var(--t3);padding:10px 4px;border-radius:10px;font-size:12px;font-weight:800}
  .shs26-cmp-switch button[aria-selected="true"]{background:var(--s3);color:var(--t1);box-shadow:inset 0 0 0 1px rgba(255,138,0,.4)}
  .shs26-table{min-width:0;table-layout:fixed}
  .shs26-table th,.shs26-table td{padding:13px 14px}
  .shs26-table tbody th{width:52%}
  .shs26-cmp[data-active="1"] [data-c]:not([data-c="1"]),.shs26-cmp[data-active="2"] [data-c]:not([data-c="2"]),.shs26-cmp[data-active="3"] [data-c]:not([data-c="3"]){display:none}
  .shs26-table td{width:auto}
  .shs26-dialog{padding:22px 16px;border-radius:22px}
  .shs26-modal{padding:0;align-items:end}
  .shs26-dialog{max-height:94dvh;border-bottom-left-radius:0;border-bottom-right-radius:0}
  .shs26-choice-grid,.shs26-fields{grid-template-columns:1fr}
  .shs26-progress li span{display:none}
  .shs26-summary>div{grid-template-columns:1fr;gap:3px}
  .shs26-final-actions .shs26-btn{flex:1 1 100%}
}
@media (prefers-reduced-motion:reduce){
  .shs26 *,.shs26 *::before,.shs26 *::after,.shs26-modal *,.shs26-modal *::before,.shs26-modal *::after{animation:none!important;transition:none!important}
  .shs26-js .shs26-reveal{opacity:1;transform:none}
  .shs26-steps li::after{transform:scaleX(1)}
  .shs26-serp-query span::after{display:none}
}

/* /assets/css/seo-market-prices.css */
/* SiteHub — SEO page: market price + discount next to our price. Scoped to .shs26, uses the page's own tokens. */

.shs26-mkt { display: flex; flex-direction: column; align-items: flex-start; gap: 6px; margin: 18px 0 0; }
.shs26-mkt + .shs26-plan-price { margin-top: 8px; }
.shs26-mkt__label { font-size: 11px; font-weight: 800; letter-spacing: .12em; text-transform: uppercase; color: var(--t3, #8A807A); }
.shs26-mkt__line { display: inline-flex; align-items: center; flex-wrap: wrap; gap: 10px; }
.shs26-mkt__old { font-size: 17px; font-weight: 700; line-height: 1.2; color: var(--t3, #8A807A); font-variant-numeric: tabular-nums;
  text-decoration: line-through; text-decoration-color: rgba(255, 90, 70, .95); text-decoration-thickness: 2px; text-decoration-skip-ink: none; }
.shs26-mkt__old em { font-style: normal; font-weight: 600; font-size: 13px; }
.shs26-mkt__off {
  display: inline-flex; align-items: center; height: 26px; padding: 0 10px; border-radius: 999px; color: #fff; font-size: 13px; font-weight: 800; letter-spacing: .01em;
  background: linear-gradient(90deg, var(--o, #FF8A00), #FF3B30 60%, #FF2D55); box-shadow: 0 6px 16px rgba(255, 59, 48, .28);
}
.shs26-mkt__save { flex-basis: 100%; margin: 6px 0 0; font-size: 13px; font-weight: 700; color: var(--o, #FF8A00); }

/* comparison table header */
.shs26-table thead th .shs26-mkt__old--sm { display: block; margin-top: 4px; font-size: 12px; font-weight: 600; }
.shs26-table thead th .shs26-mkt__old--sm + small { margin-top: 2px; }
.shs26-table thead th .shs26-mkt__off--sm { height: 20px; margin-top: 6px; padding: 0 8px; font-size: 11px; box-shadow: none; }

/* footnote */
.shs26-mkt-note { margin: 28px auto 0; max-width: 980px; padding: 16px 18px; border-radius: 16px; background: rgba(255, 255, 255, .03); border: 1px solid var(--line, #2A2522); }
.shs26-mkt-note__t { margin: 0; font-size: 12.5px; line-height: 1.6; color: var(--t2, #B3B3B3); }
.shs26-mkt-note__d { margin-top: 10px; }
.shs26-mkt-note__d summary { display: inline-flex; align-items: center; gap: 8px; min-height: 44px; cursor: pointer; font-size: 13px; font-weight: 700; color: var(--o, #FF8A00); list-style: none; }
.shs26-mkt-note__d summary::-webkit-details-marker { display: none; }
.shs26-mkt-note__d summary::after { content: '+'; display: inline-grid; place-items: center; width: 20px; height: 20px; border-radius: 50%; border: 1px solid currentColor; font-size: 14px; line-height: 1; }
.shs26-mkt-note__d[open] summary::after { content: '\2212'; }
.shs26-mkt-note__d summary:focus-visible { outline: none; border-radius: 8px; box-shadow: 0 0 0 3px rgba(255, 138, 0, .45); }
.shs26-mkt-note__d p { margin: 6px 0 0; font-size: 12.5px; color: var(--t2, #B3B3B3); }
.shs26-mkt-table { width: 100%; margin-top: 8px; border-collapse: collapse; font-size: 12.5px; color: var(--t2, #B3B3B3); }
.shs26-mkt-table th, .shs26-mkt-table td { padding: 8px 10px; text-align: left; border-top: 1px solid var(--line, #2A2522); vertical-align: top; }
.shs26-mkt-table thead th { font-size: 11px; letter-spacing: .08em; text-transform: uppercase; color: var(--t3, #8A807A); border-top: 0; }
.shs26-mkt-table th[scope="row"] { color: var(--t1, #F5F5F5); font-weight: 700; }
.shs26-mkt-table a { color: var(--o, #FF8A00); }
@media (max-width: 640px) {
  .shs26-mkt-note { padding: 14px; }
  .shs26-mkt-table--how, .shs26-mkt-table--how tbody, .shs26-mkt-table--how tr, .shs26-mkt-table--how th, .shs26-mkt-table--how td { display: block; width: 100%; }
  .shs26-mkt-table--how tr { padding: 8px 0; border-top: 1px solid var(--line, #2A2522); }
  .shs26-mkt-table--how th, .shs26-mkt-table--how td { padding: 2px 0; border: 0; }
}

/* /assets/showroom/showroom.css */
/* SiteHub Showroom — gallery page (light; app styles load lazily from showroom-app.css). */
.shr-page{--o:#FF8A00;--r:#FF3B30;--p:#FF2D55;--grad:linear-gradient(90deg,#FF8A00 0%,#FF3B30 55%,#FF2D55 100%);--grad-d:linear-gradient(135deg,#FF8A00 0%,#FF3B30 55%,#FF2D55 100%);--s2:#151515;--line:#232323;--line2:#2E2E2E;--t1:#F5F5F5;--t2:#B3B3B3;--t3:#858585;--ease:cubic-bezier(.2,.8,.2,1);color:var(--t1);font-family:var(--sh-font,'Manrope',system-ui,-apple-system,'Segoe UI',sans-serif);padding:18px 0 96px}
.shr-page *,.shr-page *::before,.shr-page *::after{box-sizing:border-box}
.shr-page :where(h1,h2,h3,p,ul){margin:0;padding:0}
.shr-page :where(ul){list-style:none}
.shr-page :where(a){color:inherit;text-decoration:none}
.shr-page :where(button){font:inherit;cursor:pointer;color:inherit}
.shr-page :focus-visible{outline:2px solid var(--o);outline-offset:3px;border-radius:12px}
.shr-page [hidden]{display:none!important}
.shr-wrap{width:min(1232px,calc(100% - 48px));margin:0 auto}
.shr-breadcrumb{display:flex;flex-wrap:wrap;gap:8px;font-size:12px;color:var(--t3);margin:8px 0 19px}
.shr-breadcrumb a{color:var(--t1);display:inline-flex;align-items:center;min-height:32px}.shr-breadcrumb a:hover{color:var(--o)}
.shr-overline{display:inline-block;font-size:11px;letter-spacing:.12em;font-weight:800;color:var(--o)}
.shr-page .shr-btn{display:inline-flex;align-items:center;justify-content:center;gap:10px;min-height:46px;padding:13px 20px;border-radius:14px;border:1px solid transparent;font-size:14px;font-weight:750;transition:transform .25s var(--ease),box-shadow .25s,background .25s,border-color .25s}
.shr-page .shr-btn-primary{background:var(--grad);color:#fff;box-shadow:0 10px 30px rgba(255,59,48,.28)}
.shr-page .shr-btn-primary:hover{transform:translateY(-2px)}
.shr-page .shr-btn-ghost{background:rgba(255,255,255,.05);border-color:var(--line2);color:#E2E2E2}
.shr-page .shr-btn-ghost:hover{border-color:rgba(255,138,0,.45)}

/* Hero */
.shr-hero{position:relative;display:grid;grid-template-columns:minmax(0,1.05fr) minmax(320px,.95fr);gap:clamp(24px,4vw,56px);align-items:center;padding:clamp(28px,4vw,60px);border-radius:32px;background:radial-gradient(ellipse at 85% 80%,rgba(255,74,30,.16),transparent 55%),linear-gradient(125deg,#0f0f0f,#111);border:1px solid #1a1a1a;overflow:hidden}
.shr-hero h1{font-size:clamp(30px,3.5vw,54px);line-height:1.08;letter-spacing:-.045em;font-weight:800;margin:16px 0}
.shr-hero h1 span{display:block;background:var(--grad);-webkit-background-clip:text;background-clip:text;color:transparent}
.shr-lead{font-size:clamp(14px,1.1vw,16.5px);line-height:1.75;color:#CFCFCF;max-width:600px}
.shr-hero-actions{display:flex;flex-wrap:wrap;gap:12px;margin-top:26px}
.shr-hero-facts{display:flex;gap:24px;margin-top:28px;flex-wrap:wrap}
.shr-hero-facts b{display:block;font-size:26px;font-weight:800;background:var(--grad);-webkit-background-clip:text;background-clip:text;color:transparent}
.shr-hero-facts span{font-size:12px;color:var(--t2)}
.shr-hero-visual{position:relative;height:360px}
.shr-hv-card{position:absolute;border-radius:22px;background:#151515;border:1px solid #262626;box-shadow:0 30px 70px rgba(0,0,0,.5);overflow:hidden}
.shr-hv-card svg{display:block;width:100%;height:100%}
.shr-hv-a{width:58%;height:78%;left:0;top:8%;animation:shr-float 7s ease-in-out infinite}
.shr-hv-b{width:58%;height:62%;right:0;top:0;animation:shr-float 8s ease-in-out -2s infinite}
.shr-hv-c{right:6%;bottom:2%;width:52%;padding:16px 18px;display:flex;flex-direction:column;gap:7px;animation:shr-float 6s ease-in-out -4s infinite}
.shr-hv-c span{font-size:11px;color:var(--t3);font-weight:700}
.shr-hv-c b{font-size:24px;font-weight:800;background:var(--grad);-webkit-background-clip:text;background-clip:text;color:transparent}
.shr-hv-c i{display:block;height:5px;border-radius:9px;background:var(--grad);width:80%}
.shr-hv-c i:nth-of-type(2){width:55%;opacity:.7}.shr-hv-c i:nth-of-type(3){width:35%;opacity:.45}

/* Gallery */
.shr-gallery,.shr-section{margin-top:clamp(60px,8vw,100px);scroll-margin-top:96px}
.shr-head{max-width:760px;margin-bottom:26px}
.shr-head h2{font-size:clamp(26px,2.6vw,40px);line-height:1.12;letter-spacing:-.035em;font-weight:800;margin-top:12px}
.shr-head p{margin-top:12px;font-size:14.5px;line-height:1.7;color:var(--t2)}
.shr-cards{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px}
.shr-card{position:relative;display:flex;flex-direction:column;border-radius:26px;background:linear-gradient(180deg,#161616,#121212);border:1px solid var(--line);overflow:hidden;transition:transform .45s var(--ease),border-color .35s,box-shadow .45s;isolation:isolate}
.shr-card::before{content:"";position:absolute;inset:0;border-radius:inherit;background:radial-gradient(500px circle at var(--mx,50%) var(--my,0%),rgba(255,106,40,.14),transparent 45%);opacity:0;transition:opacity .35s;z-index:-1}
.shr-card:hover{transform:translateY(-6px);border-color:rgba(255,106,40,.45);box-shadow:0 28px 60px rgba(0,0,0,.5)}
.shr-card:hover::before{opacity:1}
.shr-card:nth-child(1),.shr-card:nth-child(4),.shr-card:nth-child(7),.shr-card:nth-child(8){grid-column:span 2}
.shr-card:nth-child(1) .shr-card-pv,.shr-card:nth-child(4) .shr-card-pv{height:250px}
.shr-card-top{display:flex;justify-content:space-between;padding:16px 18px 0;font-size:11px;font-weight:800;letter-spacing:.08em}
.shr-card-n{color:var(--t3)}
.shr-card-kind{color:#FFB36B;border:1px solid rgba(255,138,0,.3);background:rgba(255,138,0,.07);padding:3px 8px;border-radius:99px}
.shr-card-pv{display:block;height:190px;padding:6px 14px 0}
.shr-card-pv svg{width:100%;height:100%}
.shr-card-body{display:flex;flex-direction:column;gap:8px;padding:6px 18px 18px;flex:1}
.shr-card h3{font-size:17px;line-height:1.25;font-weight:800;letter-spacing:-.01em}
.shr-card-desc{font-size:12.8px;line-height:1.6;color:var(--t2)}
.shr-card-tags{font-size:11px;color:var(--t3);font-weight:700}
.shr-card-cta{margin-top:auto;padding-top:10px;display:inline-flex;align-items:center;gap:8px;font-size:13.5px;font-weight:800;color:var(--o)}
.shr-card-cta svg{transition:transform .3s var(--ease)}
.shr-card:hover .shr-card-cta svg{transform:translateX(4px)}
.shr-card.is-launching{transform:scale(.98);border-color:var(--o)}
.shr-js .shr-card,.shr-js .shr-how article{opacity:0;transform:translateY(24px);transition:opacity .7s var(--ease),transform .7s var(--ease),border-color .35s,box-shadow .45s;transition-delay:calc(var(--i,0)*55ms)}
.shr-js .shr-card.is-in,.shr-js .shr-how article.is-in{opacity:1;transform:none}
.shr-js .shr-card.is-in:hover{transform:translateY(-6px)}

/* Preview animations (function-bound) */
.shr-card .pv-roof{transform-origin:160px 120px;animation:pv-roof 4.5s ease-in-out infinite}
.shr-card .pv-pop{animation:pv-pop 4s ease-in-out infinite}
.shr-card .pv-sel{animation:pv-dash 2.4s linear infinite}
.shr-card .pv-ins{animation:pv-ins 4s ease-in-out infinite}
.shr-card .pv-cover{transform-origin:right;animation:pv-wipe 4.5s ease-in-out infinite}
.shr-card .pv-door{transform-origin:250px 100px;animation:pv-door 4.8s ease-in-out infinite}
.shr-card .pv-glass{transform-origin:168px 100px;animation:pv-glass 4.4s ease-in-out infinite}
.shr-card .pv-bars rect{transform-origin:40px 0;animation:pv-bar 3.6s ease-in-out infinite}
.shr-card .pv-bars rect:nth-child(2){animation-delay:.2s}.shr-card .pv-bars rect:nth-child(3){animation-delay:.4s}.shr-card .pv-bars rect:nth-child(4){animation-delay:.6s}
.shr-card .pv-cart{animation:pv-cart 3.4s ease-in-out infinite}
.shr-card .pv-frame{animation:pv-color 6s steps(1) infinite}
.shr-card .pv-slot{animation:pv-blink 2.2s ease-in-out infinite}
.shr-card .pv-check{stroke-dasharray:40;stroke-dashoffset:40;animation:pv-check 2.6s ease-in-out infinite}
@keyframes pv-roof{0%,100%{transform:scaleY(1)}50%{transform:scaleY(1.28)}}
@keyframes pv-pop{0%,30%{opacity:0;transform:translateY(6px)}45%,85%{opacity:1;transform:none}100%{opacity:0}}
@keyframes pv-dash{to{stroke-dashoffset:-18}}
@keyframes pv-ins{0%,100%{width:10px}50%{width:22px}}
@keyframes pv-wipe{0%,15%{transform:scaleX(1)}55%,85%{transform:scaleX(0)}100%{transform:scaleX(1)}}
@keyframes pv-door{0%,20%,100%{transform:scaleX(1)}50%,75%{transform:scaleX(.18)}}
@keyframes pv-glass{0%,20%,100%{transform:scaleX(1)}50%,75%{transform:scaleX(.25) skewY(-8deg)}}
@keyframes pv-bar{0%,100%{transform:scaleX(.55)}50%{transform:scaleX(1)}}
@keyframes pv-cart{0%,40%,100%{transform:translateY(0)}55%{transform:translateY(-8px)}}
@keyframes pv-color{0%{fill:#383E42}33%{fill:#A0682F}66%{fill:#F2F2F0}}
@keyframes pv-blink{0%,100%{fill:#151515}50%{fill:#2a1a10}}
@keyframes pv-check{0%,30%{stroke-dashoffset:40}60%,100%{stroke-dashoffset:0}}
@keyframes shr-float{0%,100%{transform:translateY(0)}50%{transform:translateY(-10px)}}

/* How / FAQ / Final */
.shr-how{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}
.shr-how article{padding:22px;border-radius:22px;background:var(--s2);border:1px solid var(--line)}
.shr-how h3{font-size:16px;font-weight:800}.shr-how p{margin-top:8px;font-size:13.5px;line-height:1.65;color:var(--t2)}
.shr-related{display:flex;flex-wrap:wrap;gap:8px 10px;align-items:center;margin-top:18px;font-size:13px;color:var(--t3)}
.shr-related a{display:inline-flex;align-items:center;min-height:38px;padding:7px 14px;border-radius:99px;border:1px solid var(--line2);color:#ddd}.shr-related a:hover{border-color:rgba(255,138,0,.5);color:var(--o)}
.shr-faq{display:grid;gap:10px;max-width:920px}
.shr-faq details{border-radius:18px;background:var(--s2);border:1px solid var(--line)}
.shr-faq details[open]{border-color:rgba(255,90,40,.38)}
.shr-faq summary{padding:18px 20px;cursor:pointer;list-style:none}.shr-faq summary::-webkit-details-marker{display:none}
.shr-faq summary h3{display:inline;font-size:15px;font-weight:750}
.shr-faq details p{padding:0 20px 20px;font-size:14px;line-height:1.75;color:#CFCFCF}
.shr-final{display:flex;justify-content:space-between;align-items:center;gap:24px;flex-wrap:wrap;margin-top:clamp(60px,8vw,100px);padding:clamp(26px,4vw,50px);border-radius:30px;background:radial-gradient(ellipse at 90% 0%,rgba(255,74,30,.22),transparent 55%),linear-gradient(125deg,#141010,#101010);border:1px solid rgba(255,90,40,.25)}
.shr-final h2{margin-top:10px;font-size:clamp(24px,2.4vw,36px);letter-spacing:-.03em;font-weight:800}
.shr-final p{margin-top:10px;font-size:14.5px;color:var(--t2);max-width:600px}

/* App overlay */
html.shr-locked,html.shr-locked body{overflow:hidden}
.shr-overlay{position:fixed;inset:0;z-index:2147482000;background:#070707;padding:12px;display:flex;contain:strict}
/* while a demo is open the gallery underneath is hidden and its animations stop → nothing repaints behind the 3D canvas */
html.shr-locked .shr-page>.shr-wrap{visibility:hidden}
html.shr-locked body *{animation-play-state:paused!important}
html.shr-locked .shr-overlay *{animation-play-state:running!important}
.shr-overlay-panel{position:relative;flex:1;max-width:1720px;margin:0 auto;border-radius:28px;overflow:auto;transform-origin:0 0;will-change:transform}
.shr-overlay.is-animating .shr-overlay-panel{overflow:hidden}
.shr-overlay-host{min-height:100%;display:flex;flex-direction:column}
.shr-overlay-host>div{flex:1}
.shr-overlay-host .shr-app{min-height:calc(100dvh - 24px)}
.shr-skeleton{flex:1;min-height:calc(100dvh - 24px);border-radius:28px;background:#0d0d0d;border:1px solid #1b1b1b;display:flex;flex-direction:column}
.shr-skel-head{padding:22px;border-bottom:1px solid #1d1d1d;font-size:20px}
.shr-skel-body{flex:1;display:grid;grid-template-columns:320px 1fr 320px;gap:1px}
.shr-skel-body i{background:linear-gradient(90deg,#111 0%,#181818 50%,#111 100%);background-size:200% 100%;animation:shr-shimmer 1.3s linear infinite}
@keyframes shr-shimmer{to{background-position:-200% 0}}
.shr-page .shr-error{display:grid;gap:12px;place-items:center;padding:40px;color:var(--t2);background:#111;border-radius:28px;min-height:50vh}

@media (max-width:1100px){.shr-cards{grid-template-columns:repeat(2,minmax(0,1fr))}.shr-card:nth-child(1),.shr-card:nth-child(4){grid-column:span 2}.shr-card:nth-child(7),.shr-card:nth-child(8){grid-column:auto}.shr-how{grid-template-columns:1fr}}
@media (max-width:900px){.shr-hero{grid-template-columns:1fr}.shr-hero-visual{height:260px}}
@media (max-width:760px){
  .shr-card:nth-child(n){grid-column:auto}
  .shr-wrap{width:calc(100% - 28px)}
  .shr-hero{border-radius:24px;padding:24px 18px}
  .shr-hero-actions .shr-btn{flex:1 1 100%}
  .shr-hero-visual{display:none}
  .shr-cards{grid-template-columns:1fr}.shr-card:nth-child(1),.shr-card:nth-child(4){grid-column:auto}
  .shr-card-pv,.shr-card:nth-child(1) .shr-card-pv,.shr-card:nth-child(4) .shr-card-pv{height:180px}
  .shr-overlay{padding:0}.shr-overlay-panel{border-radius:0}
  .shr-overlay-host .shr-app,.shr-skeleton{min-height:100dvh;border-radius:0}
  .shr-skel-body{grid-template-columns:1fr}
}
@media (prefers-reduced-motion:reduce){
  .shr-page *,.shr-page *::before,.shr-page *::after{animation:none!important;transition:none!important}
  .shr-js .shr-card,.shr-js .shr-how article{opacity:1;transform:none}
  .shr-card .pv-cover{display:none}
}

/* /assets/css/shop-atelier-2026.css */
/* SiteHub eCommerce Atelier 2026 — isolated to .ec26; mobile first; reduced motion. */
.ec26{--ec-ink:#F5F5F5;--ec-muted:#949494;--ec-blue:#B2B2B2;--ec-edge:#141414;--ec-soft:#141414;--ec-navy:#0F0F0F;color:var(--ec-ink);font-family:inherit;background:transparent;overflow:clip}
.ec26 *{box-sizing:border-box}.ec26-wrap{max-width:1272px;margin:0 auto;padding:0 26px 82px}.ec26 .breadcrumb{margin:18px 0 16px!important}.ec26 h1,.ec26 h2,.ec26 h3{font-family:inherit;letter-spacing:-.045em;color:inherit;margin:0;text-wrap:balance}.ec26 h1{font-size:clamp(2.6rem,4.15vw,4.45rem);font-weight:790;line-height:1.04}.ec26 h2{font-size:clamp(1.68rem,2.7vw,2.7rem);line-height:1.13;font-weight:760}.ec26 h3{font-size:1.06rem;line-height:1.3;font-weight:750}.ec26 p{margin:0;color:var(--ec-muted);line-height:1.62}.ec26 a{text-decoration:none}.ec26 svg{display:block;flex:none}.ec26 svg *{vector-effect:non-scaling-stroke}
.ec26-hero{padding:clamp(26px,4.3vw,62px);background:linear-gradient(118deg,#0F0F0F 1%,#101010 100%);border-radius:32px;display:grid;grid-template-columns:minmax(0,1.07fr) minmax(0,.93fr);gap:clamp(24px,4vw,56px);align-items:center;box-shadow:0 28px 60px rgba(0,0,0,0.24);color:#fff;min-height:500px}.ec26-hero-copy{min-width:0}.ec26-kicker{display:inline-flex;align-items:center;gap:10px;color:#FF8A00;letter-spacing:.075em;font-size:.72rem;font-weight:750;margin-bottom:22px}.ec26-kicker svg{width:18px;height:18px}.ec26-hero h1{color:#fff;max-width:700px}.ec26-hero-copy>p{color:#D1D1D1;max-width:565px;margin:20px 0 26px;font-size:1rem}.ec26-actions{display:flex;flex-wrap:wrap;align-items:center;gap:10px}.ec26-btn{min-height:48px;padding:12px 19px;border-radius:13px;display:inline-flex;align-items:center;justify-content:center;gap:12px;font:inherit;font-size:.88rem;font-weight:740;cursor:pointer;transition:transform .22s ease,box-shadow .22s ease,background .22s ease;border:1px solid transparent;white-space:normal}.ec26-btn:hover{transform:translateY(-2px)}.ec26-btn:focus-visible,.ec26-tab:focus-visible,.ec26 a:focus-visible,.ec26 summary:focus-visible{outline:3px solid rgba(255,110,40,0.55);outline-offset:4px}.ec26-btn svg{width:17px;height:17px}.ec26-btn-primary{background:#E8421C;color:#fff!important;box-shadow:0 12px 32px rgba(0,0,0,0.448)}.ec26-btn-primary:hover{background:#E8421C}.ec26-btn-secondary{color:#D1D1D1!important;border-color:rgba(255,255,255,0.1);background:rgba(255,255,255,0.055)}.ec26-btn-secondary:hover{background:rgba(255,255,255,0.06)}.ec26-evidence{display:flex;gap:12px 18px;flex-wrap:wrap;margin-top:31px}.ec26-evidence span{display:inline-flex;gap:6px;align-items:center;color:#D1D1D1;font-size:.74rem;font-weight:650}.ec26-evidence svg{width:14px;height:14px;color:#B2B2B2}
.ec26-hero-visual{position:relative;min-width:0;margin:0;border-radius:22px;overflow:hidden;border:1px solid rgba(255,255,255,0.018);background:#141414;box-shadow:0 30px 65px rgba(0,0,0,0.448)}.ec26-hero-visual img{display:block;width:100%;aspect-ratio:16/11;object-fit:cover;object-position:top}.ec26-hero-visual figcaption{display:grid;gap:3px;padding:15px 18px;background:#141414;color:#F5F5F5}.ec26-hero-visual figcaption strong{font-size:.83rem}.ec26-hero-visual figcaption span{color:#949494;line-height:1.45;font-size:.74rem}
.ec26-section-intro{display:grid;grid-template-columns:1.2fr .8fr;gap:30px;align-items:end;margin-bottom:27px}.ec26-section-intro p{font-size:.91rem;max-width:420px;justify-self:end}.ec26-section-id{display:block;color:#B2B2B2;font-size:.71rem;font-weight:760;letter-spacing:.095em;text-transform:uppercase;margin-bottom:14px}.ec26-flow,.ec26-scope,.ec26-cases,.ec26-bottom,.ec26-faq{margin-top:clamp(56px,6.5vw,90px)}
.ec26-flow-layout{display:grid;grid-template-columns: minmax(260px,.8fr) minmax(0,1.2fr);gap:14px;align-items:stretch}.ec26-tablist{display:grid;gap:10px;grid-auto-rows:minmax(75px,1fr)}.ec26-tab{width:100%;text-align:left;display:grid;grid-template-columns:46px minmax(0,1fr) auto;align-items:center;gap:14px;border:1px solid var(--ec-edge);background:#141414;border-radius:18px;padding:12px 16px;font:inherit;cursor:pointer;color:#F5F5F5;transition:background .23s,border-color .23s,transform .23s,box-shadow .23s}.ec26-tab>span:nth-child(2){font-size:1rem;font-weight:750}.ec26-tab-index{font-weight:720;color:#B2B2B2;font-size:.73rem}.ec26-tab-icon{width:42px;height:42px;display:grid;place-items:center;border-radius:13px;background:#141414;color:#FF8A00}.ec26-tab-icon svg{width:21px;height:21px}.ec26-tab:is(:hover,.is-active){border-color:rgba(255,110,40,0.55);background:#141414;box-shadow:0 10px 28px rgba(0,0,0,0.128);transform:translateX(3px)}.ec26-tab.is-active{box-shadow:inset 3px 0 0 rgba(0,0,0,0.6),0 8px 22px rgba(0,0,0,0.096)}.ec26-tabpanels{position:relative;min-height:335px}.ec26-panel{height:100%;border-radius:24px;background:#121212;border:1px solid rgba(255,255,255,0.1);padding:clamp(25px,4vw,50px);display:flex;flex-direction:column;align-items:flex-start}.ec26-panel[hidden]{display:none}.ec26-panel-ordinal{display:inline-block;font-size:.76rem;color:#B2B2B2;font-weight:760;letter-spacing:.12em}.ec26-panel-icon{margin-top:32px;width:50px;height:50px;display:grid;place-items:center;background:#141414;border-radius:15px;color:#FF8A00;box-shadow:0 9px 23px rgba(0,0,0,0.113)}.ec26-panel-icon svg{width:23px;height:23px}.ec26-panel h3{font-size:clamp(1.55rem,2.35vw,2.6rem);margin-top:17px}.ec26-panel>p{max-width:620px;font-size:.98rem;margin-top:12px}.ec26-panel-note{margin-top:auto;padding-top:26px;display:flex;align-items:flex-start;gap:9px;color:#F5F5F5;line-height:1.5;font-size:.82rem;font-weight:600}.ec26-panel-note svg{width:16px;height:16px;color:#B2B2B2;margin-top:1px}
.ec26-features{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}.ec26-feature{background:#141414;border:1px solid var(--ec-edge);border-radius:19px;padding:24px 22px;min-width:0;transition:transform .22s ease,box-shadow .22s ease}.ec26-feature:hover{transform:translateY(-3px);box-shadow:0 14px 40px rgba(0,0,0,0.113)}.ec26-feature-icon{width:43px;height:43px;border-radius:13px;background:#121212;color:#FF8A00;display:grid;place-items:center;margin-bottom:17px}.ec26-feature-icon svg{width:21px;height:21px}.ec26-feature h3{margin-bottom:7px}.ec26-feature p{font-size:.86rem}
.ec26-case-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:15px}.ec26-case{display:block;overflow:hidden;min-width:0;border-radius:23px;background:#141414;border:1px solid var(--ec-edge);color:var(--ec-ink);transition:transform .23s,box-shadow .23s}.ec26-case:hover{transform:translateY(-4px);box-shadow:0 24px 48px rgba(0,0,0,0.138)}.ec26-case>img{display:block;width:100%;aspect-ratio:16/9;object-fit:cover;object-position:top;transition:transform .55s ease}.ec26-case:hover>img{transform:scale(1.025)}.ec26-case-meta{display:flex;gap:12px;justify-content:space-between;align-items:flex-start;padding:20px 21px 8px}.ec26-case-meta>span:first-child{min-width:0;display:grid;gap:4px}.ec26-case-meta strong{font-size:1.23rem;line-height:1.2;letter-spacing:-.025em}.ec26-case-meta small{color:#949494;line-height:1.5;font-size:.8rem}.ec26-case-external{width:35px;height:35px;flex:none;border-radius:12px;background:#121212;color:#B2B2B2;display:grid;place-items:center}.ec26-case-external svg{width:18px;height:18px}.ec26-case-link{display:block;padding:0 21px 20px;color:#FF8A00;font-weight:700;font-size:.77rem}
.ec26-bottom{display:grid;grid-template-columns:1.05fr .95fr;gap:17px;align-items:stretch}.ec26-steps,.ec26-price{border-radius:25px;padding:clamp(24px,3.1vw,36px)}.ec26-steps{background:#121212;border:1px solid var(--ec-edge)}.ec26-step-grid{display:grid;gap:10px;margin-top:22px}.ec26-step{background:#141414;border-radius:13px;padding:13px 15px;display:flex;gap:14px;border:1px solid rgba(255,255,255,0.1)}.ec26-step>span{color:#FF8A00;font-weight:780;font-size:.75rem;padding-top:3px}.ec26-step h3{font-size:.95rem}.ec26-step p{font-size:.78rem;margin-top:4px}.ec26-price{background:#101010;color:#fff;display:flex;align-items:flex-start;flex-direction:column}.ec26-price h2{color:#fff;margin-bottom:23px}.ec26-price .ec26-section-id{color:#FF8A00}.ec26-price-label{font-size:.85rem;font-weight:720;color:#FF8A00}.ec26-price-amount{display:block;font-size:clamp(2.5rem,4vw,4.7rem);line-height:1.07;letter-spacing:-.065em;margin:6px 0;color:#fff;font-weight:800}.ec26-price-once{font-size:.77rem;color:#B2B2B2}.ec26-price p{color:#D1D1D1;font-size:.91rem;margin:27px 0 24px}.ec26-price small{font-size:.73rem;line-height:1.55;color:#B2B2B2;margin-top:18px}
.ec26-faq{display:grid;grid-template-columns:.7fr 1.3fr;gap:30px}.ec26-faq-list{display:grid;gap:9px}.ec26-faq-list details{background:#141414;border:1px solid var(--ec-edge);border-radius:14px;overflow:hidden}.ec26-faq-list summary{display:flex;gap:18px;align-items:center;justify-content:space-between;padding:18px 20px;list-style:none;cursor:pointer;font-size:.9rem;font-weight:740}.ec26-faq-list summary::-webkit-details-marker{display:none}.ec26-faq-list summary svg{width:17px;height:17px;transition:transform .2s;color:#B2B2B2}.ec26-faq-list details[open] summary svg{transform:rotate(90deg)}.ec26-faq-list details p{padding:0 20px 20px;font-size:.84rem}.ec26-cta{background:linear-gradient(125deg,#111111,#0F0F0F);border-radius:27px;padding:clamp(26px,3.6vw,46px);display:flex;gap:30px;align-items:center;justify-content:space-between;margin-top:72px}.ec26-cta h2{color:#fff;max-width:530px}.ec26-cta p{color:#D1D1D1;font-size:.89rem;max-width:540px;margin-top:12px}.ec26-cta .ec26-actions{justify-content:flex-end}.ec26-btn-light{background:#141414;color:#F5F5F5}.ec26-btn-light:hover{background:#121212}.ec26-cta-secondary{color:#FF8A00;font-size:.85rem;font-weight:680;white-space:nowrap}
@media(max-width:1000px){.ec26-hero{grid-template-columns:1fr;min-height:auto}.ec26-hero-visual{max-width:750px}.ec26-hero h1{max-width:720px}.ec26 .ec26-faq{grid-template-columns:1fr}.ec26 .ec26-cta{flex-direction:column;align-items:flex-start}.ec26 .ec26-cta .ec26-actions{justify-content:flex-start}}
@media(max-width:720px){.ec26-wrap{padding:0 16px 55px}.ec26-hero{padding:29px 22px;border-radius:24px;gap:26px}.ec26-hero h1{font-size:clamp(2.05rem,7.8vw,3.3rem)}.ec26-hero-copy>p{font-size:.9rem;margin:15px 0 24px}.ec26-evidence{margin-top:25px}.ec26-hero-visual{border-radius:17px}.ec26-hero-visual figcaption{padding:13px}.ec26-section-intro{grid-template-columns:1fr;gap:10px}.ec26-section-intro p{justify-self:start}.ec26-flow-layout{grid-template-columns:1fr;gap:11px}.ec26-tablist{grid-template-columns:repeat(2,minmax(0,1fr));grid-auto-rows:1fr;gap:8px}.ec26-tab{grid-template-columns:29px 1fr;gap:8px;min-width:0;padding:11px;border-radius:14px}.ec26-tab>span:nth-child(2){font-size:.82rem}.ec26-tab-icon{width:29px;height:29px;border-radius:9px}.ec26-tab-icon svg{width:17px;height:17px}.ec26-tab-index{display:none}.ec26-tab:hover{transform:none}.ec26-panel{min-height:290px;border-radius:18px;padding:23px}.ec26-panel-icon{margin-top:18px}.ec26-features{grid-template-columns:repeat(2,minmax(0,1fr))}.ec26-feature{padding:17px;border-radius:15px}.ec26-case-grid,.ec26-bottom{grid-template-columns:1fr}.ec26-cta{padding:28px 23px;border-radius:22px;margin-top:55px}.ec26-cta .ec26-actions{width:100%}}
@media(max-width:430px){.ec26-wrap{padding:0 12px 48px}.ec26-hero{padding:24px 18px}.ec26-kicker{font-size:.66rem}.ec26 h2{font-size:1.66rem}.ec26-features{grid-template-columns:1fr}.ec26-actions{width:100%}.ec26-actions .ec26-btn{flex:1 1 auto}.ec26-evidence{gap:10px 13px}.ec26-panel{min-height:325px}.ec26-bottom{gap:10px}.ec26-steps,.ec26-price{padding:22px}.ec26-price-amount{font-size:2.7rem}.ec26-faq-list summary{padding:15px 16px}.ec26-faq-list details p{padding:0 16px 16px}}
@media(prefers-reduced-motion:reduce){.ec26 *,.ec26 *::before,.ec26 *::after{transition:none!important;animation:none!important;scroll-behavior:auto!important}}

/* SiteHub — eCommerce wide-composition correction, 2026-10-28
   Only .ec26 affected; content, routes, pricing and JS untouched.
   Preserve complete real-project screenshots rather than cropping their sides. */
/* Escape the older 1220px page-shell only on this specific service page. */
.ec26 {
  width: min(1480px, calc(100vw - 32px));
  max-width: none;
  position: relative;
  left: 50%;
  transform: translateX(-50%);
}
.ec26-wrap {
  max-width: 1480px;
  padding-inline: clamp(18px, 2.35vw, 36px);
}
.ec26-hero {
  grid-template-columns: minmax(0, .82fr) minmax(0, 1.18fr);
  gap: clamp(26px, 3.2vw, 52px);
  padding: clamp(27px, 3.4vw, 52px);
  min-height: 0;
  align-items: center;
}
.ec26-hero h1 {
  max-width: 580px;
  font-size: clamp(2.3rem, 2.8vw, 3.2rem);
  line-height: 1.075;
  letter-spacing: -.045em;
  text-wrap: pretty;
  overflow-wrap: normal;
}
.ec26-hero-copy>p {
  max-width: 520px;
  margin: 18px 0 24px;
  line-height: 1.58;
}
.ec26-evidence { margin-top: 24px; }
.ec26-hero-visual {
  max-width: none;
  width: 100%;
  min-width: 0;
  border-radius: 24px;
}
.ec26-hero-visual img {
  display: block;
  width: 100%;
  height: auto;
  aspect-ratio: 2 / 1;
  object-fit: contain;
  object-position: center top;
  background: #141414;
}
.ec26-hero-visual figcaption { padding: 15px 19px; }
/* Two full-width photographic studies; no center-cut or portrait squeeze. */
.ec26-case-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); gap: clamp(16px, 1.75vw, 24px); }
.ec26-case { min-width: 0; border-radius: 25px; }
.ec26-case>img {
  display: block;
  width: 100%;
  height: auto;
  aspect-ratio: 1.85 / 1;
  object-fit: contain;
  object-position: center top;
  background: #141414;
}
.ec26-case-meta { padding: 17px 20px 7px; }
.ec26-case-link { padding: 0 20px 19px; }
/* At tablet sizes the media gets its own full-width row. */
@media (max-width: 1150px) {
  .ec26-hero {
    grid-template-columns: minmax(0, 1fr);
    gap: 24px;
    min-height: 0;
  }
  .ec26-hero h1 {
    max-width: 890px;
    font-size: clamp(2.3rem, 4.2vw, 3.35rem);
  }
  .ec26-hero-visual { max-width: none; width: 100%; }
}
@media (max-width: 720px) {
  .ec26-wrap { padding: 0 16px 55px; }
  .ec26-hero { padding: 28px 22px; border-radius: 24px; gap: 24px; }
  .ec26-hero h1 { font-size: clamp(2.05rem, 7.6vw, 3.1rem); line-height: 1.075; }
  .ec26-hero-visual { border-radius: 17px; }
  .ec26-hero-visual img { aspect-ratio: 2 / 1; }
  .ec26-case-grid { grid-template-columns: minmax(0, 1fr); gap: 15px; }
  .ec26-case>img { aspect-ratio: 1.85 / 1; }
}
@media (max-width: 430px) {
  .ec26-wrap { padding: 0 12px 48px; }
  .ec26-hero { padding: 24px 18px; }
  .ec26-hero h1 { font-size: clamp(2rem, 7.6vw, 2.55rem); }
  .ec26-hero-visual figcaption { padding: 12px 14px; }
  .ec26-case-meta { padding: 15px 16px 7px; }
  .ec26-case-link { padding: 0 16px 16px; }
}

/* /assets/css/opencart-atelier-2026.css */
/* SiteHub OpenCart Atelier 2026 — isolated to [data-oc26] */
.oc26,.oc26 *{box-sizing:border-box}
.oc26{--oc-blue:#B2B2B2;--oc-navy:#0F0F0F;--oc-text:#F5F5F5;--oc-muted:#949494;--oc-border:rgba(255,255,255,0.1);--oc-rad:26px;position:relative;left:50%;transform:translateX(-50%);width:min(1320px,calc(100vw - 44px));padding:18px 0 88px;color:var(--oc-text);font-family:inherit}
.oc26 button,.oc26 a{font:inherit}
.oc26 h1,.oc26 h2,.oc26 h3,.oc26 p{margin-top:0}
.oc26 a{text-decoration:none}
.oc26 .oc26-icon{width:20px;height:20px;flex-shrink:0;stroke:currentColor}
.oc26 .oc26-eyebrow{display:inline-flex;align-items:center;gap:9px;font-size:11px;line-height:1.3;letter-spacing:.115em;font-weight:750;text-transform:uppercase}
.oc26 .oc26-eyebrow .oc26-icon{width:17px;height:17px}
.oc26-hero{display:grid;grid-template-columns:minmax(0,1.05fr) minmax(390px,.95fr);gap:clamp(28px,4vw,62px);align-items:center;padding:clamp(32px,4.6vw,70px);min-height:590px;background:linear-gradient(136deg,#0F0F0F 0%,#111111 100%);border-radius:34px;overflow:hidden;color:white;box-shadow:0 24px 70px rgba(0,0,0,0.192)}
.oc26-hero-copy{min-width:0}
.oc26-hero .oc26-eyebrow{color:#FF8A00;margin-bottom:22px}
.oc26-hero h1{font-size:clamp(32px,3.8vw,56px);font-weight:790;letter-spacing:-.052em;line-height:1.055;max-width:690px;margin:0 0 23px;color:white;text-wrap:balance;overflow-wrap:normal}
.oc26-hero .oc26-intro{font-size:clamp(15px,1.3vw,17px);line-height:1.7;color:#D1D1D1;max-width:550px;margin:0 0 28px}
.oc26-actions{display:flex;gap:12px;align-items:center;flex-wrap:wrap}
.oc26 .oc26-button{border:0;appearance:none;display:inline-flex;justify-content:center;align-items:center;gap:13px;min-height:48px;padding:12px 21px;border-radius:13px;font-size:14px;line-height:1.2;font-weight:750;cursor:pointer;transition:transform .22s cubic-bezier(.2,.8,.2,1),background-color .22s ease,box-shadow .22s ease;color:inherit}
.oc26 .oc26-button .oc26-icon{height:17px;width:17px}
.oc26 .oc26-button--primary{background:#E8421C;color:#fff;box-shadow:0 8px 24px rgba(0,0,0,0.32)}
.oc26 .oc26-button--primary:hover{background:#E8421C;transform:translateY(-2px);box-shadow:0 12px 28px rgba(0,0,0,0.48)}
.oc26 .oc26-button--ghost{color:white;background:rgba(255,255,255,0.06);border:1px solid rgba(255,255,255,0.024)}
.oc26 .oc26-button--ghost:hover{background:rgba(255,255,255,0.06)}
.oc26 .oc26-button--solid{background:#E8421C;color:#fff}
.oc26 .oc26-button--solid:hover{background:#E8421C;transform:translateY(-2px)}
.oc26-trust{margin-top:35px;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:11px 14px;max-width:560px}
.oc26-trust span{display:flex;gap:8px;align-items:flex-start;font-size:12px;color:#D1D1D1;line-height:1.35}
.oc26-trust .oc26-icon{width:15px;height:15px;color:#FF8A00}
.oc26-tool{background:#141414;color:#F5F5F5;border-radius:24px;padding:22px;box-shadow:0 18px 36px rgba(0,0,0,.17);min-width:0;align-self:center}
.oc26-tool-head{display:flex;justify-content:space-between;gap:12px;align-items:center}
.oc26-tool .oc26-eyebrow{margin:0;color:#FF8A00;font-size:10px}
.oc26-tool-symbol{font-weight:850;letter-spacing:-.07em;font-size:24px;color:#D1D1D1}
.oc26-tool h2{font-size:clamp(20px,1.7vw,26px);line-height:1.2;letter-spacing:-.03em;margin:12px 0 16px;color:#F5F5F5}
.oc26-options{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}
.oc26-option{display:flex;align-items:center;gap:9px;min-height:61px;text-align:left;color:#F5F5F5;background:#121212;border:1px solid rgba(255,255,255,0.1);border-radius:13px;padding:11px 12px;font-size:12px;line-height:1.25;font-weight:690;cursor:pointer;transition:background-color .2s,border-color .2s,transform .2s}
.oc26-option>.oc26-icon:first-child{color:#FF8A00;width:19px;height:19px}
.oc26-option>.oc26-icon:last-child{width:13px;height:13px;margin-left:auto;color:#9A9A9A;transition:transform .2s}
.oc26-option.is-selected,.oc26-option[aria-pressed=true]{border-color:rgba(255,110,40,0.55);background:#121212;color:#FF8A00}
.oc26-option:hover{border-color:rgba(255,255,255,0.1);transform:translateY(-1px)}
.oc26-option:hover>.oc26-icon:last-child{transform:translateX(3px)}
.oc26-explanation{min-height:178px;background:#141414;border-radius:16px;margin:12px 0 0;padding:16px 18px}
.oc26-explainer[hidden]{display:none!important}
.oc26-explainer{animation:oc26Fade .25s ease both}
.oc26-explainer h3{font-size:17px;letter-spacing:-.026em;line-height:1.3;color:#F5F5F5;margin:0 0 7px}
.oc26-explainer p{font-size:12px;line-height:1.55;color:#949494;margin:0 0 11px}
.oc26-explainer ul{list-style:none;display:flex;flex-wrap:wrap;gap:7px;margin:0;padding:0}
.oc26-explainer li{display:flex;gap:4px;align-items:center;border-radius:9px;padding:5px 7px;background:#141414;border:1px solid rgba(255,255,255,0.1);font-size:10px;color:#F5F5F5}
.oc26-explainer li .oc26-icon{width:12px;height:12px;color:#FF8A00}
.oc26-note{display:block;color:#949494;font-size:10px;line-height:1.5;margin:11px 0 0}
.oc26-section{padding:72px 24px 0}
.oc26-section-heading{display:flex;align-items:end;justify-content:space-between;gap:32px;margin-bottom:29px}
.oc26-section-heading h2,.oc26-faq h2{font-size:clamp(26px,2.7vw,39px);line-height:1.14;letter-spacing:-.045em;font-weight:760;max-width:680px;color:#F5F5F5;margin:0;text-wrap:balance}
.oc26-section-heading>p{color:#949494;font-size:14px;line-height:1.6;max-width:430px;margin:0}
.oc26-section .oc26-eyebrow{color:#FF8A00;margin-bottom:12px}
.oc26-scope-list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}
.oc26-scope-row{display:grid;grid-template-columns:29px 43px minmax(0,1fr);gap:12px;align-items:start;padding:23px 20px;background:#141414;border:1px solid #262626;border-radius:19px;transition:transform .22s,box-shadow .22s}
.oc26-scope-row:hover{transform:translateY(-3px);box-shadow:0 14px 28px rgba(0,0,0,0.112)}
.oc26-scope-num{padding-top:8px;color:#B2B2B2;font-size:11px;font-weight:750}
.oc26-scope-icon{width:42px;height:42px;display:flex;align-items:center;justify-content:center;background:#121212;color:#FF8A00;border-radius:13px}
.oc26-scope-row h3{font-size:17px;line-height:1.3;margin:3px 0 6px;font-weight:730;color:#F5F5F5}
.oc26-scope-row p{font-size:13px;color:#949494;line-height:1.6;margin:0}
.oc26-method{background:#141414;border-radius:28px;padding:36px 34px 34px;margin-top:74px}
.oc26-method .oc26-section-heading{margin-bottom:24px}
.oc26-steps{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}
.oc26-step{background:#141414;border:1px solid rgba(255,255,255,0.1);border-radius:15px;display:flex;align-items:center;gap:14px;padding:17px;min-height:64px;cursor:pointer;color:#F5F5F5;text-align:left;transition:background-color .2s,box-shadow .2s,border-color .2s}
.oc26-step b{font-size:12px;color:#FF8A00}.oc26-step span{font-size:15px;font-weight:740;color:#F5F5F5}
.oc26-step.is-active{background:#131313;border-color:#1F1F1F;box-shadow:0 10px 26px rgba(0,0,0,0.272)}
.oc26-step.is-active b,.oc26-step.is-active span{color:white}
.oc26-step-details{min-height:120px;background:#141414;border-radius:17px;padding:25px 28px;margin-top:12px;border:1px solid rgba(255,255,255,0.1)}
.oc26-step-details>div[hidden]{display:none!important}
.oc26-step-details>div{animation:oc26Fade .24s ease both}
.oc26-step-details p{font-size:15px;line-height:1.6;color:#F5F5F5;margin:0 0 14px}
.oc26-step-details strong{display:flex;gap:9px;align-items:flex-start;color:#FF8A00;font-size:13px;line-height:1.5}
.oc26-step-details strong .oc26-icon{width:16px;height:16px}
.oc26-cases{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}
.oc26-case{padding:22px 24px;display:grid;grid-template-columns:43px minmax(0,1fr);gap:15px;align-items:start;background:#141414;border-radius:19px;border:1px solid rgba(255,255,255,0.1);color:inherit;transition:transform .2s,box-shadow .2s,border-color .2s}
.oc26-case:hover{transform:translateY(-3px);box-shadow:0 13px 30px rgba(0,0,0,0.112);border-color:rgba(255,255,255,0.1)}
.oc26-case-icon{width:43px;height:43px;border-radius:13px;background:#121212;color:#FF8A00;display:flex;align-items:center;justify-content:center}
.oc26-case strong{display:block;font-size:19px;line-height:1.2;margin:2px 0 7px;color:#FF8A00}
.oc26-case small{display:block;color:#949494;line-height:1.55;font-size:13px;min-height:44px}
.oc26-case-link{grid-column:2;display:flex;align-items:center;gap:9px;color:#FF8A00;font-size:12px;font-weight:740;padding-top:5px}
.oc26-case-link .oc26-icon{width:15px;height:15px}
.oc26-pricing{margin-top:74px;padding:38px 34px;background:#141414;border-radius:27px}
.oc26-prices{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}
.oc26-price{border-radius:17px;background:#141414;border:1px solid rgba(255,255,255,0.1);padding:23px 24px}
.oc26-price h3{font-size:17px;letter-spacing:-.02em;margin:0 0 6px;color:#FF8A00}
.oc26-price p{font-size:13px;line-height:1.55;color:#949494;min-height:40px;margin:0 0 18px}
.oc26-price>div{display:flex;align-items:baseline;gap:8px}
.oc26-price>div small{font-size:12px;color:#949494}
.oc26-price>div strong{font-size:32px;font-weight:780;letter-spacing:-.045em;color:#FF8A00;line-height:1}
.oc26-price>div span{font-size:13px;font-weight:650;color:#949494}
.oc26-price-footer{display:flex;align-items:center;justify-content:space-between;gap:22px;margin-top:19px}
.oc26-price-footer p{color:#949494;font-size:12px;line-height:1.65;max-width:690px;margin:0}
.oc26-faq{padding-top:77px;display:grid;grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);gap:48px}
.oc26-faq-items{display:grid;gap:8px}
.oc26-faq details{background:#141414;border:1px solid rgba(255,255,255,0.1);border-radius:14px;padding:0 17px;overflow:hidden}
.oc26-faq details[open]{border-color:rgba(255,255,255,0.1);box-shadow:0 5px 16px rgba(0,0,0,0.064)}
.oc26-faq summary{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:17px 0;font-weight:700;font-size:14px;cursor:pointer;list-style:none;color:#F5F5F5;line-height:1.5}
.oc26-faq summary::-webkit-details-marker{display:none}
.oc26-faq summary>span{display:flex;align-items:center;justify-content:center}
.oc26-faq summary .oc26-icon{width:16px;height:16px;transform:rotate(90deg);transition:transform .2s;color:#FF8A00}
.oc26-faq details[open] summary .oc26-icon{transform:rotate(-90deg)}
.oc26-faq details p{margin:0 0 19px;color:#949494;font-size:13px;line-height:1.65}
.oc26-final{display:flex;gap:30px;align-items:center;justify-content:space-between;margin-top:74px;padding:36px 38px;border-radius:27px;background:#101010;color:white}
.oc26-final h2{font-size:clamp(24px,2.2vw,33px);letter-spacing:-.035em;line-height:1.15;max-width:690px;margin:0 0 10px;color:white}
.oc26-final p{margin:0;color:#D1D1D1;line-height:1.6;font-size:13px;max-width:690px}
.oc26-final-actions{display:flex;flex-direction:column;align-items:flex-end;gap:13px;min-width:235px}
.oc26-final-actions>a{color:#FF8A00;font-weight:650;font-size:12px}
.oc26-final-actions>a:hover{color:white}
.oc26 :is(a,button,summary):focus-visible{outline:3px solid rgba(255,110,40,0.55);outline-offset:3px}
@keyframes oc26Fade{from{opacity:.6;transform:translateY(5px)}to{opacity:1;transform:translateY(0)}}
@media(max-width:1060px){.oc26-hero{grid-template-columns:1fr;padding:42px;gap:30px;min-height:0}.oc26-hero h1{max-width:850px}.oc26-tool{width:100%;max-width:none}.oc26-tool h2{font-size:22px}.oc26-trust{max-width:none}}
@media(max-width:760px){.oc26{width:calc(100vw - 24px);padding:10px 0 50px}.oc26-hero{padding:26px 22px;border-radius:24px;gap:27px}.oc26-hero h1{font-size:clamp(31px,8vw,43px);line-height:1.07}.oc26 .oc26-button{min-height:46px}.oc26-tool{padding:17px;border-radius:19px}.oc26-options{gap:7px}.oc26-option{min-height:61px;padding:9px;gap:6px;font-size:11px}.oc26-option>.oc26-icon:first-child{width:16px;height:16px}.oc26-explanation{padding:13px}.oc26-section{padding:54px 8px 0}.oc26-section-heading{display:block;margin-bottom:19px}.oc26-section-heading>p{margin-top:12px}.oc26-scope-list,.oc26-cases,.oc26-prices{grid-template-columns:1fr}.oc26-scope-row{padding:18px;grid-template-columns:26px 36px minmax(0,1fr)}.oc26-scope-icon{width:36px;height:36px}.oc26-method,.oc26-pricing{margin-top:54px;padding:24px 17px;border-radius:22px}.oc26-steps{grid-template-columns:1fr;gap:7px}.oc26-step{min-height:54px;padding:13px}.oc26-step-details{padding:17px;min-height:0}.oc26-case{padding:18px}.oc26-price-footer{display:block}.oc26-price-footer .oc26-button{margin-top:17px}.oc26-faq{display:block;padding-top:55px}.oc26-faq-items{margin-top:22px}.oc26-final{margin-top:53px;padding:26px 20px;border-radius:23px;display:block}.oc26-final-actions{min-width:0;align-items:stretch;margin-top:20px}.oc26-final-actions>a{text-align:center}}
@media(max-width:400px){.oc26-hero{padding:22px 17px}.oc26-hero h1{font-size:32px}.oc26-actions{gap:8px}.oc26 .oc26-button{padding:11px 14px;font-size:12px}.oc26-option>span{overflow-wrap:anywhere}.oc26-trust{gap:10px 8px}.oc26-trust span{font-size:11px}}
@media(prefers-reduced-motion:reduce){.oc26 *, .oc26 *::before, .oc26 *::after{animation:none!important;transition:none!important;scroll-behavior:auto!important}}

/* /assets/sitehub/sitehub.css */
/* SiteHub 2026 · Brand foundation · Stage v1
   Loaded LAST after original styles. Legacy selectors, handlers and forms preserved.
   Graphic uses pixels cropped from the approved SITEHUB DESIGN.png source; no fake SVG logo.
*/
:root{
  color-scheme:dark;
  --bg:#0b0b0b;--bg2:#111111;--panel:#171717;--panel2:#1f1f1f;
  --line:rgba(255,255,255,.115);--line2:rgba(255,255,255,.19);
  --text:#f5f5f5;--muted:#aaa8a7;--soft:#d4d1cf;
  --accent:#ff8a00;--accent2:#ff3b30;--cyan:#ff995e;--green:#8bdcaa;
  /* Canonical colors come from assets/sitehub/brand/sitehub-brand.css. */
  --sh-ink:var(--sh-black);--sh-card:var(--sh-surface);--sh-card2:var(--sh-surface-2);
  --sh-gradient:var(--sh-grad);
  --shadow:0 28px 84px rgba(0,0,0,.42);
}
html{background:#0b0b0b!important;scroll-padding-top:85px}
body{background:#0b0b0b!important;color:#f5f5f5;min-height:100vh}
body::before,body::after{background-image:none!important;opacity:0!important}
::selection{color:#F5F5F5;background:#ff9b39}
:focus-visible{outline:2px solid #ff8a00!important;outline-offset:4px}
.site-header{background:rgba(11,11,11,.96)!important;border-bottom:1px solid rgba(255,255,255,0.013)!important;box-shadow:none!important;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px)}
.site-header.scrolled{background:rgba(11,11,11,.98)!important;border-bottom-color:rgba(255,138,0,.18)!important}
.site-header .header-inner{max-width:1520px;gap:30px}
.sh-brand,.site-header .brand.sh-brand{display:inline-flex;flex:0 0 auto;align-items:center;min-width:0!important;gap:0!important}
.sh-brand>img{display:block;width:221px;max-width:100%;height:auto;object-fit:contain;object-position:left center;filter:none!important}
.site-header .desktop-nav,.site-header .header-actions{min-width:0}
.site-header a,.site-header button{transition:color .22s ease,border-color .22s ease,background-color .22s ease}
.site-header a:hover,.site-header .lang-switch a.active{color:#ff9d41}
.site-header .btn.btn-primary,.btn.btn-primary,.sh-btn-primary{background:var(--sh-gradient)!important;color:#F5F5F5!important;border:1px solid #ff8a00!important;box-shadow:0 7px 22px rgba(255,92,24,.15)!important;text-shadow:none!important}
.btn.btn-primary:hover,.sh-btn-primary:hover{filter:brightness(1.08);transform:translateY(-2px);box-shadow:0 12px 28px rgba(255,92,24,.24)!important}
.btn.btn-soft,.sh-btn-outline{background:rgba(255,255,255,0.035)!important;color:#f5f5f5!important;border:1px solid #46413e!important;box-shadow:none!important}
.btn.btn-soft:hover,.sh-btn-outline:hover{background:#222!important;border-color:#ff8a00!important}
.page-progress,.page-progress i{background:var(--sh-gradient)!important}
.ambient,.ambient-a,.ambient-b{display:none!important}
.mobile-panel{background:#101010!important;color:#f5f5f5!important}
.mobile-panel .sh-brand>img{width:180px}
.mobile-panel a:hover,.mobile-panel button:hover{color:#ff8a00}
.site-client-portal-v185{background:#131211!important;color:#eee!important;border-color:#2b2723!important}
.site-client-portal-inner-v185{max-width:1400px}
.site-client-portal-kicker-v185{color:#ff9e52!important}
.site-client-portal-cta-v185{background:#222!important;color:#ffb060!important;border:1px solid #57402e!important}
.lux-preloader{background:#0b0b0b!important}
.lux-preloader .lux-preloader-orb,.lux-preloader .lux-preloader-noise{opacity:.10!important}
.lux-preloader .lux-preloader-brand img{object-fit:contain!important;width:48px;height:62px}
.lux-preloader .lux-preloader-meter i{background:var(--sh-gradient)!important}
/* New hero: structured editorial visual instead of the former UI dashboard mockup. */
.home192,.home192 .home192-inner{color:#f5f5f5}
.sh-hero{width:min(1500px,calc(100% - 56px));margin:0 auto;display:grid;grid-template-columns:minmax(0,1.08fr) minmax(0,.92fr);gap:clamp(28px,4vw,70px);align-items:center;padding:clamp(70px,9vw,145px) 0 clamp(65px,8vw,125px);min-height:630px;position:relative;isolation:isolate}
.sh-hero-copy{max-width:760px;position:relative;z-index:2}
.sh-eyebrow{display:flex;align-items:center;gap:12px;color:#ffad66;font-size:11px;letter-spacing:.21em;font-weight:800;text-transform:uppercase;line-height:1.6}
.sh-eyebrow-dot{width:9px;height:9px;border-radius:100%;background:#ff8a00;box-shadow:0 0 0 4px rgba(255,138,0,.12);flex:0 0 auto}
.sh-hero h1{max-width:860px;font-size:clamp(52px,5.25vw,90px);font-weight:800;letter-spacing:-.065em;line-height:1.045;color:#f5f5f5;margin:28px 0 25px;text-wrap:balance}
.sh-hero h1 em{font-style:normal;background:var(--sh-gradient);background-clip:text;-webkit-background-clip:text;color:transparent}
.sh-hero-copy>p{max-width:610px;color:#bcb8b6;font-weight:450;font-size:clamp(15px,1.25vw,18px);line-height:1.82;margin:0 0 33px;text-wrap:pretty}
.sh-hero-actions{display:flex;flex-wrap:wrap;gap:12px;align-items:center}
.sh-hero-actions a{display:inline-flex;align-items:center;gap:15px;justify-content:center;padding:15px 25px!important;border-radius:13px!important;font-size:14px!important;font-weight:750!important;min-height:55px!important}
.sh-hero-actions a svg{width:19px;height:19px}
.sh-proof-line{margin-top:42px;padding-top:22px;border-top:1px solid #333;display:flex;flex-wrap:wrap;gap:12px 24px}
.sh-proof-line>span{display:inline-flex;align-items:center;gap:7px;font-size:11px;color:#a9a5a3;font-weight:700}
.sh-proof-line svg{width:14px;height:14px;color:#ff8a00}
.sh-hero-stage{position:relative;isolation:isolate;min-height:510px;border:1px solid #39312e;border-radius:28px;background:linear-gradient(151deg,#14100f 0%,#0b0b0b 40%,#17100e 100%);display:grid;grid-template-rows:auto 1fr auto;overflow:hidden;box-shadow:0 35px 100px rgba(0,0,0,.33)}
.sh-hero-stage::before{content:"";position:absolute;inset:auto -35% -65% -35%;height:390px;background:radial-gradient(ellipse,rgba(255,65,30,.18),transparent 66%);pointer-events:none;z-index:-1}
.sh-stage-top,.sh-stage-foot{position:relative;z-index:2;display:flex;justify-content:space-between;align-items:center;gap:12px;color:#89827e;font-size:10px;letter-spacing:.16em;font-weight:750;text-transform:uppercase}
.sh-stage-top{padding:24px 29px;border-bottom:1px solid #2b2624}
.sh-stage-top span:first-child{font-size:12px;letter-spacing:.01em;color:#fff;text-transform:lowercase}
.sh-stage-foot{padding:22px 29px;border-top:1px solid #2b2624;gap:16px}
.sh-stage-core{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:330px;padding:35px 15px 27px;text-align:center}
.sh-stage-ribbon{width:112px;height:157px;display:grid;place-items:center;overflow:hidden;filter:drop-shadow(0 13px 20px rgba(255,55,25,.16));animation:sh-ribbon-enter 1.1s cubic-bezier(.16,.8,.24,1) both}
.sh-stage-ribbon img{height:100%;width:auto;object-fit:contain;display:block;transform:none!important;filter:none!important}
.sh-stage-wordmark{font-size:clamp(42px,4.9vw,69px);font-weight:850;letter-spacing:-.067em;line-height:1.05;margin:16px 0 11px}
.sh-stage-site{color:#f5f5f5}
.sh-stage-hub{background:var(--sh-gradient);background-clip:text;-webkit-background-clip:text;color:transparent}
.sh-stage-md{color:#dbd9d8;font-size:.65em;letter-spacing:-.047em}
.sh-stage-core>p{font-size:9px;color:#a8a1a0;letter-spacing:.39em;font-weight:650;margin:0}
@keyframes sh-ribbon-enter{from{opacity:0;transform:translateY(16px);filter:blur(8px)}to{opacity:1;transform:translateY(0);filter:blur(0)}}
/* Existing real projects, editable prices, forms, portfolio and processes stay live. */
.home192-clients,.home192-solutions,.home192-proof,.home192-process,.home192-calc,.home192-faq,.home192-final,.home192-band,.home192-delivery-band,.home192-services-matrix{background:#0b0b0b!important;color:#f5f5f5!important}
.home192 .home192-section-head h2,.home192 .home192-clients-head h2,.home192 .home192-faq-intro h2,.home192 .home192-calc h2,.home192 .home192-final h2,.home192 .home192-process h2,.home192 .home192-delivery-copy h2{color:#f5f5f5!important}
.home192 .home192-section-head p,.home192 .home192-clients-head p,.home192 .home192-faq-intro p,.home192 .home192-calc p,.home192 .home192-final p,.home192 .home192-delivery-copy p{color:#b4afac!important}
.home192 .home192-solution-card,.home192 .home192-proof-card,.home192 .home192-process-grid article,.home192 .home192-faq-list details,.home192 .home192-calc-prices>*{background:#181716!important;color:#f5f5f5!important;border:1px solid #343130!important;box-shadow:none!important;transition:background .2s,border-color .2s,transform .2s}
.home192 .home192-solution-card:hover,.home192 .home192-proof-card:hover{background:#201b18!important;border-color:#825034!important}
.home192 .home192-solution-card h3,.home192 .home192-solution-card h2,.home192 .home192-proof-card h3,.home192 .home192-proof-card b,.home192 .home192-process-grid h3,.home192 .home192-faq-list summary{color:#f5f5f5!important}
.home192 .home192-solution-card p,.home192 .home192-proof-card p,.home192 .home192-process-grid p,.home192 .home192-faq-list details>p{color:#b1ada9!important}
.home192 .home192-client-logo{background:#141414!important} /* real customer logo artwork on clean neutral tiles */
.home192 .home192-client-logo:focus-visible{outline-color:#ff8a00!important}
.home192 .home192-section-head>a,.home192 .home192-services-all{color:#ffab67!important}
.home192 .home192-solution-card svg,.home192 .home192-process-node svg{color:#ff8a00!important}
.home192 .home192-process-node:before,.home192 .home192-process-node:after{background:#ff8a00!important}
.home192 .home192-faq-list details{border-radius:15px!important}
.home192 .home192-faq-list details[open]{border-color:#80503b!important}
.home192 .home192-final{border-top:1px solid #302724!important}
/* Shared public pages. Retain per-page information hierarchy and working form inputs. */
.page-shell{background:#0b0b0b!important;color:#f5f5f5!important}
.site-footer{background:#101010!important;color:#ececec!important;border-top:1px solid #302a28!important}
.site-footer::before,.site-footer::after,.adept-footer-glow-v192,.adept-footer-grid-v192{opacity:0!important;display:none!important}
.adept-footer-shell-v192,.adept-footer-main-v192,.adept-footer-bottom-v192{background:#101010!important;color:#eaeaea!important}
.adept-footer-cta-v192{background:#171514!important;border:1px solid #37312e!important;color:#f4f4f4!important;box-shadow:none!important}
.adept-footer-logo-v192 img.sh-footer-wordmark{width:220px!important;max-width:100%;height:auto!important;object-fit:contain!important;display:block!important}
.adept-footer-logo-v192 span{display:none}
.site-footer .adept-footer-kicker-v192{color:#ff9d45!important}
.site-footer a:hover{color:#ffae5e!important}
.site-footer .adept-footer-btn-v192.is-primary{background:var(--sh-gradient)!important;border-color:#ff8a00!important;color:#F5F5F5!important}
.site-footer .adept-footer-btn-v192.is-portal{background:#202020!important;color:#f5f5f5!important;border-color:#47403d!important}
.site-footer .adept-footer-telegram-v192{color:#ffae64!important}
/* Tooling/pricing: recolor accents while leaving the validated pricing engine untouched. */
.pricing26 a,.public-calc a{--accent:#ff8a00}
.pricing26 :is(.btn-primary,.pricing26-primary),.public-calc :is(.btn-primary,.public-calc-primary){background:var(--sh-gradient)!important;color:#F5F5F5!important}
.privacy-banner{background:#121111!important;color:#f5f5f5!important;border-color:#3b322d!important}
.privacy-dialog{background:#1a1817!important;border-color:#443b36!important;color:#f5f5f5!important}
.privacy-option{background:#242120!important;border-color:#403a36!important;color:#f5f5f5!important}
.privacy-btn-primary,.privacy-banner-btn.is-primary{background:var(--sh-gradient)!important;color:#F5F5F5!important}
.privacy-brand img,.privacy-banner-brand img,.adev-support img[src*='/brand/']{object-fit:contain!important;background:#0b0b0b;border-radius:6px}
.adev-support-launcher,.adev-support-head{background:#171513!important;border-color:#473a32!important}
.adev-support-launcher-dot,.adev-support-live i{background:#ff8a00!important}
/* Responsive parity & performance */
@media(max-width:1260px){.sh-hero{width:min(1300px,calc(100% - 40px));gap:28px}.sh-hero h1{font-size:clamp(44px,5.2vw,72px)}.sh-hero-stage{min-height:475px}}
@media(max-width:1050px){.sh-hero{grid-template-columns:minmax(0,1fr);padding-top:58px;gap:45px;min-height:0}.sh-hero-copy{max-width:790px}.sh-hero-stage{max-width:730px;width:100%;min-height:400px}.sh-hero h1{font-size:clamp(52px,7vw,82px)}.sh-stage-core{min-height:250px}}
@media(max-width:700px){
  .sh-brand>img{width:177px}
  .sh-hero{width:calc(100% - 36px);padding:49px 0 68px;gap:36px}
  .sh-eyebrow{font-size:9px;letter-spacing:.13em}
  .sh-hero h1{font-size:clamp(40px,10.5vw,64px);margin:21px 0}
  .sh-hero-copy>p{font-size:14.5px;line-height:1.7}
  .sh-hero-actions{display:grid;grid-template-columns:1fr;gap:10px}
  .sh-hero-actions a{width:100%;min-height:52px}
  .sh-proof-line{margin-top:25px;gap:12px 17px}
  .sh-proof-line>span{font-size:10px}
  .sh-hero-stage{min-height:370px;border-radius:21px}
  .sh-stage-top,.sh-stage-foot{padding:16px;font-size:8px;letter-spacing:.06em}
  .sh-stage-core{min-height:285px;padding:23px 8px}
  .sh-stage-ribbon{width:85px;height:115px}
  .sh-stage-wordmark{font-size:clamp(45px,10vw,62px)}
  .sh-stage-core>p{font-size:8px;letter-spacing:.22em}
  .site-client-portal-v185{max-height:none}
}
@media(max-width:380px){.sh-hero{width:calc(100% - 28px)}.sh-hero h1{font-size:39px}.sh-stage-foot span:last-child{display:none}.sh-brand>img{width:148px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.sh-stage-ribbon{animation:none}.sh-hero *{transition-duration:.001ms!important}}

/* /assets/sitehub/brand/sitehub-unify-v14.css */
/* SITEHUB v1.4 – unified public / portal / admin brand overrides.
 * Loaded last. Keeps existing HTML/JS actions intact while removing legacy
 * white/blue treatment. Brand tokens are defined in sitehub-brand.css.
 */
:root{color-scheme:dark;--accent:var(--sh-orange);--accent2:var(--sh-red);--bg:var(--sh-bg);--bg2:var(--sh-bg-2);--panel:var(--sh-surface);--panel2:var(--sh-surface-2);--text:var(--sh-text);--muted:var(--sh-text-2);--cyan:var(--sh-orange);--line:var(--sh-border-2);--brand:#FF8A00}
html,body{background:var(--sh-bg)!important;color:var(--sh-text);font-family:var(--sh-font)!important}
body,body input,body button,body select,body textarea{font-family:var(--sh-font)!important}
body :is(h1,h2,h3,h4,h5,h6){text-wrap:balance}
body :is(p,small,span,label,a,button,strong){overflow-wrap:break-word}
:where(a,button,input,select,textarea,[tabindex]):focus-visible{outline:2px solid var(--sh-orange)!important;outline-offset:3px}
:where(.btn-primary,.sh-btn-primary,.ad26-btn-primary,.a26p-btn-primary,.sv26-btn-blue,.a26p-submit,.privacy-banner-btn.is-primary,.market26-adept .btn-primary){background:var(--sh-grad)!important;border-color:transparent!important;color:var(--sh-#F5F5F5)!important}
:where(.btn-primary,.sh-btn-primary,.ad26-btn-primary,.a26p-btn-primary,.a26p-submit) svg{color:currentColor}
a:not([class]):hover{color:var(--sh-orange)}
/* Brand — original transparent SVGs from Claude, not bitmap crops. */
.site-header .sh-brand{display:inline-flex;align-items:center;min-width:0;padding:0;max-width:220px}
.site-header .sh-brand picture{display:block;width:auto;height:auto;line-height:0;max-width:100%}
.site-header .sh-brand picture img{display:block!important;width:auto!important;height:52px!important;max-width:220px!important;object-fit:contain!important;background:transparent!important;filter:none!important;box-shadow:none!important;animation:none!important}
.sh-footer-wordmark{height:58px!important;width:auto!important;max-width:230px!important;object-fit:contain!important;background:transparent!important;filter:none!important;animation:none!important}
.brand .sh-mobile-brand-logo{display:block!important;width:160px!important;height:auto!important;max-height:54px;object-fit:contain}
:is(.privacy-banner-brand,.privacy-brand,.adev-support-launcher-mark,.adev-support-avatar,.adev-support-message-avatar,.portal-login-brand,.portal-brand,.sh-workspace-bar,.sh-workspace-logo) img[src*='/brand/']{background:transparent!important;object-fit:contain!important;filter:none!important}
.sh-stage-brand-lockup.sh-brand-emblem{display:flex!important;flex-direction:column;align-items:center;gap:9px;width:100%;max-width:100%;text-align:center}
.sh-stage-brand-lockup.sh-brand-emblem img{width:auto!important;height:clamp(118px,15vw,196px)!important;max-width:88%!important;object-fit:contain!important;filter:drop-shadow(0 10px 38px rgba(255,59,48,.14))!important;animation:none!important}
.sh-stage-brand-lockup.sh-brand-emblem strong{font:800 clamp(36px,5vw,64px)/1 var(--sh-font);letter-spacing:-.065em;color:var(--sh-text)}
.sh-stage-brand-lockup.sh-brand-emblem strong span{background:var(--sh-grad);color:transparent;background-clip:text;-webkit-background-clip:text}
.sh-stage-brand-lockup.sh-brand-emblem small{font:650 clamp(8px,.9vw,11px)/1.2 var(--sh-font);letter-spacing:.24em;color:var(--sh-text-2)}
.sh-stage-core{background:transparent!important;isolation:isolate}
/* Header / navigation / announcements */
.site-header,.site-header.scrolled,.site-header .header-inner{background:var(--sh-bg)!important;border-color:var(--sh-border)!important}
.site-header :is(.nav-link,.desktop-nav>a,.site-nav>a,.header-nav a,.nav-trigger,.mega-nav-trigger,.header-inner a:not(.btn)),.mega-nav a{color:var(--sh-text-2)!important}
.site-header :is(.nav-link,.desktop-nav>a,.site-nav>a,.header-nav a,.nav-trigger,.mega-nav-trigger,.header-inner a:not(.btn)):hover,.site-header [aria-expanded=true]{color:var(--sh-text)!important}
.site-header :is(.nav-link,.desktop-nav>a,.site-nav>a,.header-nav a,.nav-trigger,.mega-nav-trigger,.header-inner a:not(.btn)):focus-visible{color:var(--sh-orange)!important}
:is(.site-client-portal-v185,.site-client-portal-v185 *, .mega-nav-panel,.mega-nav-dropdown,.mobile-panel){border-color:var(--sh-border-2)}
.site-client-portal-v185{background:var(--sh-surface)!important;color:var(--sh-text)!important}
.site-client-portal-v185 :is(h2,h3,strong,b,a){color:var(--sh-text)!important}
.site-client-portal-v185 :is(p,small,span){color:var(--sh-text-2)!important}
.mobile-panel,.mobile-panel nav,.mega-nav-panel,.mega-nav-dropdown{background:var(--sh-surface)!important;color:var(--sh-text)!important}
.mobile-panel :is(a,b,span,small){color:var(--sh-text-2)!important}
.mobile-panel a:hover,.mobile-panel a:focus-visible{color:var(--sh-orange)!important}
/* Blue and white homepage islands: dark surfaces, legible text, consistent cards. */
.home192,:is(.home192,.home192-clients,.home192-services-matrix,.home192-calc,.home192-delivery-band,.home192-band,.home192-solutions,.home192-process,.home192-blog,.home192-partners,.home192-about,.home192-pricing){background-color:var(--sh-bg)!important;color:var(--sh-text)!important}
:where(.home192,.ad26-showcase,.ad26-comparison,.adp-direct-comparison,.market26,.a26p,.services191,.sv26,.pricing26,.public-calc) :is(h1,h2,h3,h4,strong){color:var(--sh-text)!important}
:where(.home192,.ad26-showcase,.ad26-comparison,.adp-direct-comparison,.market26,.a26p,.services191,.sv26,.pricing26,.public-calc) :is(p,small,figcaption){color:var(--sh-text-2)!important}
:where(.home192,.ad26-showcase,.ad26-comparison,.adp-direct-comparison,.market26,.a26p,.services191,.sv26,.pricing26,.public-calc) :is(.eyebrow,.kicker,.overline,[class*='eyebrow'],[class*='kicker']){color:var(--sh-orange)!important}
.home192 :is(.home192-solution-card,.home192-proof-card,.home192-service-card,.home192-blog-card,.home192-calc-layout,.home192-delivery-copy){background:var(--sh-surface)!important;border-color:var(--sh-border-2)!important;box-shadow:none!important}
.home192 :is(.home192-solution-card,.home192-proof-card,.home192-service-card,.home192-blog-card) :is(h2,h3,strong,b){color:var(--sh-text)!important}
/* Allow pale card surfaces only around third-party brand artwork when essential. */
.home192-client-logo{background:var(--sh-surface)!important;border-color:var(--sh-border-2)!important;box-shadow:none!important}
.home192-client-logo:focus-visible{outline-color:var(--sh-orange)!important}
/* Previously blue international/market sections */
.market26,.market26 :is(section,article,.market26-tabs,.market26-panel,.market26-price,.market26-card,.market26-adept,.market26-typical,.market26-container){background-color:var(--sh-bg-2)!important;color:var(--sh-text)!important}
.market26 :is([class*='card'],[class*='panel'],[class*='tab'],[class*='summary'],[class*='offer']){border-color:var(--sh-border-2)!important;box-shadow:none!important}
.market26 :is(h2,h3,h4,strong,b,[class*='price']){color:var(--sh-text)!important}
.market26 :is(p,small,label){color:var(--sh-text-2)!important}
.market26 button:is(.is-active,[aria-selected=true]),.market26 [role=tab][aria-selected=true]{background:var(--sh-grad)!important;color:var(--sh-#F5F5F5)!important;border-color:var(--sh-orange)!important}
.market26 :is([class*='adept'],[class*='market']) [class*='price']{color:var(--sh-orange)!important}
/* Previously nearly invisible blue-on-black heading / white-on-white proof cards */
.ad26-showcase-summary-v137 .ad26-proof-card,.ad26-showcase-summary-v137 .ad26-proof-card-primary{background:var(--sh-surface)!important;border:1px solid var(--sh-border-2)!important;box-shadow:none!important}
.ad26-showcase-summary-v137 .ad26-proof-card::after{background:var(--sh-glow)!important}
.ad26-showcase-summary-v137 .ad26-proof-card>strong,.ad26-showcase-summary-v137 .ad26-proof-top strong{color:var(--sh-text)!important}
.ad26-showcase-summary-v137 .ad26-proof-card>p,.ad26-proof-top small,.ad26-proof-metric span,.ad26-proof-action span{color:var(--sh-text-2)!important}
.ad26-proof-metric,.ad26-proof-action{border-top-color:var(--sh-border-2)!important}
.ad26-proof-index{background:var(--sh-surface-2)!important;color:var(--sh-orange)!important}
.ad26-proof-metric b{color:var(--sh-orange)!important}
.ad26-proof-action b{background:var(--sh-orange)!important;color:var(--sh-#F5F5F5)!important}
.ad26-proof-live{background:var(--sh-surface-2)!important;color:var(--sh-success)!important}
/* Pricing / comparison / catalog. The calculations and JS selectors remain intact. */
.a26p,.a26p :is(.a26p-hero,.a26p-builder-main,.a26p-summary,.a26p-final,.a26p-price-card,.a26p-plan,.a26p-option,.a26p-panel){background:var(--sh-surface)!important;border-color:var(--sh-border-2)!important;box-shadow:none!important;color:var(--sh-text)!important}
.a26p :is(.a26p-plan.is-selected,.a26p-plan:has(input:checked),.a26p-option.is-selected,.a26p-option:has(input:checked)){background:var(--sh-surface-2)!important;border-color:var(--sh-orange)!important;box-shadow:0 0 0 1px var(--sh-orange)!important}
.a26p :is([class*='price'],[class*='total'],.a26p-plan>b,.a26p-summary-total>strong){color:var(--sh-text)!important}
.a26p :is(.a26p-progress button.is-active,.a26p-filter button.is-active,.a26p-plan-types button.is-active){background:var(--sh-grad)!important;border-color:var(--sh-orange)!important;color:var(--sh-#F5F5F5)!important}
.a26p :is(input,textarea,select),.sh-input{background:var(--sh-surface-2)!important;border-color:var(--sh-border-2)!important;color:var(--sh-text)!important}
.a26p :is(input,textarea,select):focus{border-color:var(--sh-orange)!important;box-shadow:var(--sh-focus)!important}
.a26p :is(.a26p-summary-top,.a26p-summary-foot,.a26p-summary-items,.a26p-summary-payment,.a26p-plan-tick,.a26p-option-end i){background:var(--sh-surface-2)!important;border-color:var(--sh-border-2)!important}
.a26p :is([class*='tick'],[class*='check']) svg{stroke:var(--sh-orange)!important}
.a26p :is(.a26p-summary-top,.a26p-summary-foot,.a26p-summary-items) :is(p,small,span){color:var(--sh-text-2)!important}
/* Additional service and editorial sections */
:where(.ad26-services-grid,.services191,.sv26,.ad26-showcase,.ad26-comparison,.adp-direct-comparison,.pr26,.seo-locality) :is([class*='card'],[class*='panel'],[class*='tile'],[class*='box']){background-color:var(--sh-surface)!important;border-color:var(--sh-border-2)!important}
/* Cookies — use the same dark theme, including the fine-print link */
.privacy-banner,.privacy-banner-inner,.privacy-dialog,.privacy-dialog-panel{background:var(--sh-surface)!important;border-color:var(--sh-border-2)!important;color:var(--sh-text)!important;box-shadow:0 18px 65px rgba(0,0,0,.55)!important}
.privacy-banner-brand{background:var(--sh-surface-2)!important;border:1px solid var(--sh-border-2)!important;box-shadow:none!important}
.privacy-banner :is(h2,h3,strong,b),.privacy-banner-brand b,.privacy-dialog :is(h2,h3,strong,b){color:var(--sh-text)!important}
.privacy-banner :is(p,small),.privacy-dialog :is(p,small,span){color:var(--sh-text-2)!important}
.privacy-banner a,.privacy-dialog a{color:var(--sh-orange)!important}
.privacy-banner-btn,.privacy-btn{background:var(--sh-surface-2)!important;border:1px solid var(--sh-border-2)!important;color:var(--sh-text)!important}
.privacy-banner-btn.is-primary,.privacy-btn-primary{background:var(--sh-grad)!important;color:var(--sh-#F5F5F5)!important;border-color:transparent!important}
/* Chat launcher: compact, visible, does not cover CTAs and consent dialog. */
.adev-support{z-index:990!important;right:16px!important;bottom:18px!important;max-width:calc(100vw - 32px)}
.adev-support-launcher{width:56px!important;height:56px!important;min-width:56px!important;min-height:56px!important;padding:0!important;border-radius:50%!important;justify-content:center!important;background:var(--sh-surface)!important;color:var(--sh-text)!important;border:1px solid var(--sh-border-2)!important;box-shadow:0 8px 28px rgba(0,0,0,.45)!important}
.adev-support-launcher-copy{position:absolute!important;width:1px!important;height:1px!important;overflow:hidden!important;clip:rect(0,0,0,0)!important;white-space:nowrap!important}
.adev-support-launcher-mark{background:var(--sh-surface-2)!important;border-radius:50%!important}
.adev-support-launcher-mark img{max-height:34px;max-width:30px;object-fit:contain}
.adev-support-panel{z-index:991!important;background:var(--sh-surface)!important;color:var(--sh-text)!important;border-color:var(--sh-border-2)!important}
.adev-support-panel :is(input,textarea,.adev-support-compose){background:var(--sh-surface-2)!important;color:var(--sh-text)!important;border-color:var(--sh-border-2)!important}
.adev-support-panel :is(p,small,span){color:var(--sh-text-2)}
body:has(.privacy-banner:not([hidden]):not(.is-hidden)) .adev-support:not(.is-open){bottom:148px!important}
/* Client portal and admin panels: consistent brand without replacing their backend. */
.portal-body,.portal-shell,.portal-login,.portal-login-panel,.portal-sidebar,.portal-main,.sh-workspace,.sh-workspace-shell{background:var(--sh-bg)!important;color:var(--sh-text)!important}
.portal-body :is(.portal-card,.portal-login-box,.portal-help,.portal-login-art,.portal-stat,.portal-panel),.sh-workspace :is([class*='card'],[class*='panel']){background:var(--sh-surface)!important;border-color:var(--sh-border-2)!important;color:var(--sh-text)!important}
.portal-body :is(h1,h2,h3,h4,strong,b),.sh-workspace :is(h1,h2,h3,strong,b){color:var(--sh-text)!important}
.portal-body :is(p,small,label),.sh-workspace :is(p,small,label){color:var(--sh-text-2)!important}
.portal-body :is(input,textarea,select),.sh-workspace :is(input,textarea,select){background:var(--sh-surface-2)!important;color:var(--sh-text)!important;border-color:var(--sh-border-2)!important}
.portal-body .portal-nav a.is-active{background:var(--sh-surface-2)!important;color:var(--sh-orange)!important}
.portal-body :is(.portal-login-brand,.portal-brand) img{width:auto;max-height:45px}
.sh-workspace-logo img{width:auto;max-height:65px}
/* Device width and layout parity. */
@media(max-width:768px){
 .site-header .sh-brand picture img{height:36px!important;max-width:160px!important}
 .sh-hero-stage{min-height:330px!important}
 .sh-stage-brand-lockup.sh-brand-emblem img{height:120px!important}
 .sh-stage-brand-lockup.sh-brand-emblem strong{font-size:clamp(31px,9vw,48px)!important}
 .sh-stage-brand-lockup.sh-brand-emblem small{font-size:8px;letter-spacing:.16em}
 :is(.market26,.a26p,.home192,.ad26-showcase) [class*='eyebrow'],:is(.market26,.a26p,.home192,.ad26-showcase) [class*='kicker']{max-width:100%!important;width:auto!important;min-width:0!important;white-space:normal!important;overflow-wrap:normal!important;word-break:normal!important}
 .adev-support{bottom:calc(16px + env(safe-area-inset-bottom))!important;right:16px!important}
 body:has(.privacy-banner:not([hidden]):not(.is-hidden)) .adev-support:not(.is-open){bottom:calc(175px + env(safe-area-inset-bottom))!important}
 .adev-support-panel{z-index:991!important}
 .privacy-banner-inner{max-height:min(70dvh,480px);overflow:auto}
 .a26p,.market26,.home192,.site-footer{max-width:100%;min-width:0}
}
@media(max-width:390px){.site-header .sh-brand picture img{height:31px!important}.sh-stage-brand-lockup.sh-brand-emblem strong{font-size:32px!important}}
@media(prefers-reduced-motion:reduce){.sh-brand-emblem img,.site-header .sh-brand picture img{animation:none!important;transition:none!important}}

/* /assets/sitehub/brand/sitehub-refinement-v15.css */
/* SiteHub v1.5 | focused section & mobile improvements.
   Uses only tokens from brand/sitehub-brand.css; loaded AFTER historical app styles.
   No PHP/JS selectors or form behaviours are changed. */
:root { --sh-current-accent: var(--sh-orange); }
html { scroll-padding-top: 96px; }
html,body { max-width:100%; }
body { overflow-x: clip; }
:where(button,a,input,textarea,select,[role="button"]):focus-visible { outline:2px solid var(--sh-orange)!important;outline-offset:3px!important; }
/* Navigation: preserve the original dropdown/accordion behaviour, dark theme throughout. */
.site-header .adev-topnav .adev-nav-button,.site-header .adev-topnav .adev-nav-price {color:var(--sh-text-2)!important}
.site-header .adev-topnav .adev-nav-button:hover,.site-header .adev-topnav .adev-nav-entry.is-open>.adev-nav-button {color:var(--sh-text)!important;background:var(--sh-surface-2)!important}
.adev-menu,.adev-menu-feature {background:var(--sh-surface)!important;border-color:var(--sh-border-2)!important;box-shadow:var(--sh-shadow)!important;color:var(--sh-text)!important}
.adev-menu :is(.adev-menu-group h3,.adev-overline,.adev-feature-kicker) {color:var(--sh-orange)!important}
.adev-menu :is(.adev-menu-heading h2,.adev-menu-feature h3,.adev-menu-link strong) {color:var(--sh-text)!important}
.adev-menu :is(.adev-menu-heading p,.adev-menu-feature p,.adev-menu-link small) {color:var(--sh-text-2)!important}
.adev-menu :is(.adev-menu-link,.adev-menu-toplink,.adev-menu-feature a) {background:transparent!important;border-color:var(--sh-border)!important;color:var(--sh-text)!important}
.adev-menu .adev-menu-link:hover,.adev-menu .adev-menu-link:focus-visible {background:var(--sh-surface-2)!important;border-color:var(--sh-border-accent)!important}
.adev-menu :is(.adev-menu-icon-box,.adev-item-arrow,.adev-top-arrow,.adev-feature-arrow) {color:var(--sh-orange)!important}
.adev-menu :is(.adev-menu-icon-box,.adev-menu-toplink) {background:var(--sh-surface-2)!important}
.adev-menu-feature {border-left:1px solid var(--sh-border-2)!important}
/* Mobile: high-specificity corrections for the former white mobile accordion. */
@media(max-width:1100px){
 #mobilePanel:has(.adev-mobile-nav){background:var(--sh-bg)!important;color:var(--sh-text)!important}
 #mobilePanel .mobile-panel-head{background:var(--sh-bg)!important;border-color:var(--sh-border-2)!important}
 #mobilePanel :is(.adev-mobile-section,.adev-mobile-shortcut,.adev-mobile-toggle,.mobile-langs a){background:var(--sh-surface)!important;color:var(--sh-text)!important;border-color:var(--sh-border-2)!important;box-shadow:none!important}
 #mobilePanel :is(.adev-mobile-section.is-active,.adev-mobile-toggle[aria-expanded="true"],.mobile-langs a.active){background:var(--sh-surface-2)!important;border-color:var(--sh-border-accent)!important}
 #mobilePanel :is(.adev-mobile-nav-overline,.adev-mobile-section-icon,.adev-mobile-link-icon,.adev-mobile-view-all,.adev-mobile-shortcut>.adev-mobile-svg){color:var(--sh-orange)!important}
 #mobilePanel :is(.adev-mobile-nav-intro p,.adev-mobile-section-heading strong,.adev-mobile-link-copy strong,.adev-mobile-client strong){color:var(--sh-text)!important}
 #mobilePanel :is(.adev-mobile-section-heading small,.adev-mobile-link-copy small,.adev-mobile-client small){color:var(--sh-text-2)!important}
 #mobilePanel :is(.adev-mobile-section-icon,.adev-mobile-link-icon,.adev-mobile-chevron,.adev-mobile-view-all){background:var(--sh-surface-2)!important}
 #mobilePanel :is(.adev-mobile-client,.adev-mobile-link){background:transparent!important;color:var(--sh-text)!important}
 #mobilePanel :is(.adev-mobile-link:hover,.adev-mobile-link:focus-visible,.adev-mobile-shortcut:hover){background:var(--sh-surface-2)!important}
 #mobilePanel .adev-mobile-section{overflow:clip}
 #mobilePanel .adev-mobile-panel-content{min-width:0}
 #mobilePanel .adev-mobile-shortcuts>*{min-width:0}
 #mobilePanel .adev-mobile-client{border:1px solid var(--sh-border-2)}
 #mobilePanel .mobile-panel-head>button{background:var(--sh-surface-2)!important;color:var(--sh-text)!important;border-color:var(--sh-border-2)!important;box-shadow:none!important}
 #mobilePanel .mobile-langs a.active{color:var(--sh-orange)!important}
}
/* Homepage sections that were still white or blue in legacy app.css. */
.home192 :is(.home192-services-matrix,.home192-solutions,.home192-proof,.home192-process,.home192-faq,.home192-final,.home192-insights,.home192-delivery-band,.home192-calc,.home192-band){background:var(--sh-bg)!important;color:var(--sh-text)!important}
.home192 :is(.home192-section-head h2,.home192-services-head h2,.home192-clients-head h2,.home192-faq-intro h2,.home192-delivery-copy h2){color:var(--sh-text)!important}
.home192 :is(.home192-section-head p,.home192-services-head p,.home192-clients-head p,.home192-faq-intro p,.home192-delivery-copy p){color:var(--sh-text-2)!important}
.home192 :is(.home192-section-kicker,.home192-kicker,.home192-services-kicker,.market26-kicker){color:var(--sh-orange)!important}
.home192 :is(.home192-solution-card,.home192-proof-card,.home192-process-grid article,.home192-calc-prices>span,.home192-faq-list details,.home-insight-card,.order-product-card){background:var(--sh-surface)!important;color:var(--sh-text)!important;border:1px solid var(--sh-border-2)!important;box-shadow:none!important}
.home192 :is(.home192-solution-card,.home192-proof-card,.home192-process-grid article,.home192-calc-prices>span,.home-insight-card,.order-product-card):hover{border-color:var(--sh-border-accent)!important;background:var(--sh-surface-2)!important}
.home192 :is(.home192-solution-card,.home192-proof-card,.home192-process-grid article,.home192-calc-prices>span,.home192-faq-list details,.home-insight-card,.order-product-card) :is(h2,h3,h4,strong,b){color:var(--sh-text)!important}
.home192 :is(.home192-solution-card,.home192-proof-card,.home192-process-grid article,.home192-calc-prices>span,.home192-faq-list details,.home-insight-card,.order-product-card) :is(p,small){color:var(--sh-text-2)!important}
.home192 :is(.home192-solution-card,.home192-process-grid article,.home192-calc-prices>span,.home192-faq-list summary>span) :is(svg,i){color:var(--sh-orange)!important}
.home192 .home192-faq-list details[open]{border-color:var(--sh-border-accent)!important}
.home192 .home192-faq-list summary{color:var(--sh-text)!important;min-height:60px}
.home192 .home192-faq-list summary>span,.home192 .home192-process-grid article>span{background:var(--sh-surface-2)!important;color:var(--sh-orange)!important}
.home192 .home192-insights :is(.home-insight-card,.home-insight-card:hover){box-shadow:none!important}
.home192 .home-insight-card a,.home192 .home192-faq-intro a{color:var(--sh-orange)!important}
.home192 .home192-calc-prices span:first-child{background:var(--sh-surface-2)!important;border-color:var(--sh-border-accent)!important}
.home192 .home192-calc-prices span:first-child b{color:var(--sh-orange)!important}
.home192 .home192-calc-prices :is(small,b){color:var(--sh-text-2)!important}
.home192 .home192-calc-prices b{color:var(--sh-text)!important}
.home192 .home192-faq{background:var(--sh-bg-2)!important}
/* Pricing: theme active tabs/cards without changing their event handlers or calculation logic. */
.market26,.market26 .market26-shell,.market26 .market26-panel,.market26 .market26-market-card{background:var(--sh-bg-2)!important;color:var(--sh-text)!important;border-color:var(--sh-border-2)!important}
.market26 :is(.market26-market-card,.market26-panel,.market26-adept-included,.market26-typical,.market26-adept,.market26-start-compare,.market26-adept-checklist li){background:var(--sh-surface)!important;border-color:var(--sh-border-2)!important;color:var(--sh-text)!important;box-shadow:none!important}
.market26 :is(.market26-start-compare,.market26-adept-included,.market26-adept-checklist li):hover{border-color:var(--sh-border-accent)!important}
.market26 :is(.market26-market-card,.market26-panel,.market26-adept) :is(h2,h3,h4,strong,b){color:var(--sh-text)!important}
.market26 :is(.market26-market-card,.market26-panel,.market26-adept) :is(p,small){color:var(--sh-text-2)!important}
.market26 :is(.market26-kicker,.market26-project-icon,.market26-card-price strong,.market26-text-link,.market26-adept-checklist svg,.market26-adept-section-title>span){color:var(--sh-orange)!important}
.market26 :is(.market26-adept-checklist li svg,.market26-adept-scope li>span){filter:none!important;color:var(--sh-orange)!important}
.market26 :is(.market26-tab[aria-selected="true"],.market26-tab.is-active){background:var(--sh-grad)!important;color:var(--sh-#F5F5F5)!important;border-color:var(--sh-orange)!important}
.market26 :is(.market26-tab:not(.is-active),.market26-typical,.market26-card-note){color:var(--sh-text-2)!important}
/* Forms, privacy & action priority */
.privacy-banner,.privacy-dialog,.privacy-option{background:var(--sh-surface)!important;color:var(--sh-text)!important;border-color:var(--sh-border-2)!important}
.privacy-banner :is(p,small),.privacy-dialog :is(p,small){color:var(--sh-text-2)!important}
.privacy-banner a,.privacy-dialog a{color:var(--sh-orange)!important}
.privacy-banner :is(button,a),.adev-support-launcher,.mobile-dock :is(a,button){min-height:44px}
.privacy-banner :is(button,a):focus-visible{outline:2px solid var(--sh-orange)!important;outline-offset:3px!important}
.adev-support-panel{max-width:min(410px,calc(100vw - 28px))!important}
/* Account for bottom nav, cookie banner, mobile keyboard and safe-area. */
@media(max-width:768px){
 .site-header .header-inner{gap:12px!important;min-width:0}
 .site-header .header-actions{gap:6px!important;min-width:0}
 .site-header .sh-brand{max-width:min(41vw,174px)!important}
 .site-header .sh-brand picture img{max-width:100%!important;object-fit:contain!important}
 .home192 :is(.home192-section-head,.home192-services-head,.market26-head){max-width:100%;min-width:0}
 .home192 :is(.home192-section-head h2,.home192-services-head h2,.market26-head h2){overflow-wrap:break-word;hyphens:auto}
 .home192 .home192-calc-prices{grid-template-columns:repeat(2,minmax(0,1fr))}
 .home192 :is(.home192-process-grid,.home-insights-grid,.home192-solution-grid){min-width:0}
 .adev-support{right:12px!important;bottom:calc(82px + env(safe-area-inset-bottom))!important}
 .adev-support-panel{width:min(410px,calc(100vw - 24px))!important;max-height:min(74dvh,650px)!important}
 .adev-support.is-open{bottom:calc(82px + env(safe-area-inset-bottom))!important}
 .privacy-banner{max-height:min(75dvh,500px);overflow:auto}
 body:has(.privacy-banner:not([hidden]):not(.is-hidden)) .adev-support:not(.is-open){opacity:0!important;visibility:hidden!important;pointer-events:none!important}
 .mobile-dock{padding-bottom:env(safe-area-inset-bottom)}
}
@media(max-width:480px){
 .home192 .home192-calc-prices{grid-template-columns:1fr}
 .market26 :is(.market26-adept-checklist,.market26-adept-scope ul){grid-template-columns:1fr!important}
 .sh-hero-actions,.market26-actions{max-width:100%}
}
@media(prefers-reduced-motion:reduce){
 .adev-menu,.adev-menu *,.home192 :is(.home192-solution-card,.home-insight-card,.order-product-card),.market26 :is(.market26-panel,.market26-tab){animation:none!important;transition-duration:.01ms!important}
}

/* /assets/sitehub/brand/sitehub-interior-v16.css */
/* SITEHUB v1.6 — scoped reconstruction of real inner-page components.
   Source of truth: pages rendered by index.php and pricing/ui.php.
   No event-hook, calculation, filtering, backend, or preloader changes. */

/* Shared foundations; retain independent page layout and breakpoints. */
:where(.sv26,.pf26,.pfcase26,.a26p) {
  color:var(--sh-text);
  font-family:var(--sh-font);
  min-width:0;
}
:where(.sv26,.pf26,.pfcase26,.a26p) :is(h1,h2,h3,h4) {color:var(--sh-text)}
:where(.sv26,.pf26,.pfcase26,.a26p) :is(a,button,input,textarea,select,[tabindex]):focus-visible {
  outline:2px solid var(--sh-orange)!important;
  outline-offset:3px;
}
:where(.sv26,.pf26,.pfcase26,.a26p) :is(img,svg) {max-width:100%}
:where(.sv26,.pf26,.pfcase26,.a26p) :is(h1,h2,h3,h4,p,strong,small) {overflow-wrap:break-word}
:where(.sv26,.pf26,.pfcase26,.a26p) [hidden] {display:none!important}

/* ===== Services /ro/servicii, /ru/uslugi, /en/services ===== */
.sv26 {--navy:var(--sh-bg);--ink:var(--sh-text);--blue:var(--sh-orange);--muted:var(--sh-text-2);color:var(--sh-text)}
.sv26 :is(.sv26-hero,.sv26-contact,.sv26-process,.sv26-facts,.sv26-intro,.sv26-case) {color:var(--sh-text)}
.sv26 .sv26-hero {background:var(--sh-bg-2)!important;border:1px solid var(--sh-border-2);isolation:isolate}
.sv26 .sv26-hero::after {background:var(--sh-glow)!important;filter:none!important;opacity:.6}
.sv26 .sv26-hero :is(h1,h2) {color:var(--sh-text)!important}
.sv26 .sv26-hero :is(p,.sv26-hero-facts span) {color:var(--sh-text-2)!important}
.sv26 :is(.sv26-smallbrand,.sv26-overline,.sv26-item-index,.sv26-project-meta,.sv26-price-foot) {color:var(--sh-orange)!important}
.sv26 :is(.sv26-brand-dot,.sv26-status-dot) {background:var(--sh-orange)!important}
.sv26 .sv26-hero-facts svg {color:var(--sh-orange)!important}
.sv26 :is(.sv26-hero-project,.sv26-case-card) {background:var(--sh-surface)!important;border:1px solid var(--sh-border-2)!important;box-shadow:none!important}
.sv26 .sv26-hero-project>img {object-position:top center}
.sv26 :is(.sv26-item,.sv26-process-main,.sv26-step-tabs,.sv26-step-panel,.sv26-case-card,.sv26-fact-card,.sv26-facts-list>div) {background:var(--sh-surface)!important;color:var(--sh-text)!important;border-color:var(--sh-border-2)!important;box-shadow:none!important}
.sv26 .sv26-item:hover {background:var(--sh-surface-2)!important;border-color:var(--sh-border-accent)!important;box-shadow:none!important}
.sv26 .sv26-item :is(h3,strong) {color:var(--sh-text)!important}
.sv26 .sv26-item :is(p,small) {color:var(--sh-text-2)!important}
.sv26 :is(.sv26-item-ico,.sv26-item-link,.sv26-step-icon,.sv26-go-round) {background:var(--sh-surface-2)!important;color:var(--sh-orange)!important;border-color:var(--sh-border-2)!important}
.sv26 :is(.sv26-item:hover .sv26-item-link,.sv26-case-card:hover .sv26-go-round) {background:var(--sh-grad)!important;color:var(--sh-#F5F5F5)!important}
.sv26 :is(.sv26-filters button,.sv26-anchor-nav a,.sv26-step-tabs button) {background:var(--sh-surface)!important;border-color:var(--sh-border-2)!important;color:var(--sh-text-2)!important}
.sv26 :is(.sv26-filters button.is-active,.sv26-filters button[aria-pressed="true"],.sv26-step-tabs button.is-active,.sv26-anchor-nav a:hover) {background:var(--sh-surface-2)!important;color:var(--sh-orange)!important;border-color:var(--sh-border-accent)!important}
.sv26 :is(.sv26-intro p,.sv26-case p,.sv26-process p,.sv26-facts p,.sv26-contact p,.sv26-case-bottom p) {color:var(--sh-text-2)!important}
.sv26 .sv26-contact {background:var(--sh-bg-2)!important;border:1px solid var(--sh-border-2)}
.sv26 .sv26-contact-sign {background:var(--sh-surface)!important;color:var(--sh-text-2)!important;border:1px solid var(--sh-border-2)}
.sv26 :is(.sv26-btn-blue,.sv26-btn-light) {background:var(--sh-grad)!important;color:var(--sh-#F5F5F5)!important;border-color:transparent!important}
.sv26 .sv26-btn-outline {background:var(--sh-surface)!important;color:var(--sh-text)!important;border-color:var(--sh-border-2)!important}
.sv26 .sv26-text-link {color:var(--sh-orange)!important}

/* ===== Portfolio grid /ro/proiecte and case studies ===== */
.pf26 {--pf-blue:var(--sh-orange);--pf-blue2:var(--sh-red);--pf-ink:var(--sh-text);--pf-muted:var(--sh-text-2);--pf-line:var(--sh-border-2);--pf-bg:var(--sh-bg);--pf-card:var(--sh-surface)}
.pf26 :is(.pf26-hero,.pf26-featured,.pf26-toolbar,.pf26-project-grid,.pf26-capabilities,.pf26-process,.pf26-cta) {color:var(--sh-text)}
.pf26 :is(.pf26-hero,.pf26-featured,.pf26-capabilities,.pf26-process,.pf26-cta) {background:var(--sh-bg-2)!important;border-color:var(--sh-border-2)!important;box-shadow:none!important}
.pf26 :is(.pf26-orb,.pf26-hero-grid) {opacity:.10;filter:grayscale(1);pointer-events:none}
.pf26 :is(.pf26-hero h1,.pf26-featured h2,.pf26-section-head h2,.pf26-capabilities h2,.pf26-process h2,.pf26-cta h2) {color:var(--sh-text)!important}
.pf26 :is(.pf26-hero p,.pf26-featured p,.pf26-section-head p,.pf26-capabilities p,.pf26-process p,.pf26-cta p) {color:var(--sh-text-2)!important}
.pf26 :is(.pf26-kicker,.pf26-section-index,.pf26-featured-kicker,.pf26-project-meta,.pf26-media-arrow) {color:var(--sh-orange)!important}
.pf26 :is(.pf26-card,.pf26-capability,.pf26-process-step,.pf26-featured-panel,.pf26-laptop,.pf26-card-body) {background:var(--sh-surface)!important;color:var(--sh-text)!important;border-color:var(--sh-border-2)!important;box-shadow:none!important}
.pf26 .pf26-card {overflow:hidden}
.pf26 .pf26-card:hover {border-color:var(--sh-border-accent)!important;background:var(--sh-surface-2)!important}
.pf26 .pf26-card-title,.pf26 .pf26-card-tags .pf26-tag b {color:var(--sh-text)!important}
.pf26 :is(.pf26-card-desc,.pf26-card-body small,.pf26-card-body p) {color:var(--sh-text-2)!important}
.pf26 :is(.pf26-tag,.pf26-card-tags .pf26-tag,.pf26-filter button,.pf26-filter a,.pf26-toolbar button) {background:var(--sh-surface-2)!important;color:var(--sh-text-2)!important;border-color:var(--sh-border-2)!important;box-shadow:none!important}
.pf26 .pf26-card:hover .pf26-card-tags .pf26-tag {background:var(--sh-surface-2)!important;border-color:var(--sh-border-accent)!important;box-shadow:none!important}
.pf26 :is(.pf26-tag-icon,.pf26-card-tags .pf26-tag-icon,.pf26-card:hover .pf26-card-tags .pf26-tag-icon) {background:var(--sh-bg-2)!important;color:var(--sh-orange)!important;border-color:var(--sh-border-2)!important}
.pf26 :is(.pf26-filter button.is-active,.pf26-filter button[aria-pressed="true"],.pf26-toolbar button.is-active) {background:var(--sh-grad)!important;color:var(--sh-#F5F5F5)!important;border-color:transparent!important}
.pf26 :is(.pf26-card-link,.pf26-card-main .pf26-card-link,.pf26-card-offer,.pf26-card:hover .pf26-card-link,.pf26-card-link:hover,.pf26-card-offer:hover) {background:var(--sh-surface-2)!important;color:var(--sh-text)!important;border-color:var(--sh-border-accent)!important;box-shadow:none!important}
.pf26 :is(.pf26-card-link>i,.pf26-card:hover .pf26-card-link>i,.pf26-card-offer svg) {background:var(--sh-grad)!important;color:var(--sh-#F5F5F5)!important;box-shadow:none!important}
.pf26 .pf26-card-offer svg {background:transparent!important;color:var(--sh-orange)!important}
.pf26 .pf26-card-main:focus-visible .pf26-card-link {box-shadow:var(--sh-focus)!important;border-color:var(--sh-orange)!important}
.pf26 :is(.pf26-btn-ghost,.pf26-featured-actions a) {background:var(--sh-surface)!important;border-color:var(--sh-border-2)!important;color:var(--sh-text)!important}
.pf26 :is(.pf26-btn-ghost:hover,.pf26-featured-actions a:hover) {border-color:var(--sh-border-accent)!important}
.pf26 :is(.pf26-card-media,.pf26-featured-media) {background:var(--sh-bg-2)!important}
.pf26 :is(.pf26-card-media img,.pf26-featured-media img) {max-width:100%;object-fit:cover}
/* A client demo screenshot itself may be light; avoid recoloring screenshots or screenshots' frames. */

/* ===== Single project details ===== */
.pfcase26 {color:var(--sh-text)}
.pfcase26 :is(.pfcase26-copy,.pfcase26-cover,.pfcase26-story>article,.pfcase26-deliverables,.pfcase26-tech,.pfcase26-gallery,.pfcase26-next a,.pfcase26-cta) {background:var(--sh-surface)!important;border-color:var(--sh-border-2)!important;color:var(--sh-text)!important;box-shadow:none!important}
.pfcase26 :is(.pfcase26-copy h1,.pfcase26-story h2,.pfcase26-tech h2,.pfcase26-gallery h2,.pfcase26-cta h2,.pfcase26-deliverables h3) {color:var(--sh-text)!important}
.pfcase26 :is(.pfcase26-copy p,.pfcase26-story p,.pfcase26-deliverables p,.pfcase26-cta p,.pfcase26-meta small,.pfcase26-story small) {color:var(--sh-text-2)!important}
.pfcase26 :is(.pfcase26-back,.pfcase26-kicker,.pfcase26-tech-icon,.pfcase26-deliverable-icon,.pfcase26-tech-grid span) {color:var(--sh-orange)!important}
.pfcase26 :is(.pfcase26-kicker,.pfcase26-meta span,.pfcase26-tech-icon,.pfcase26-deliverable-icon) {background:var(--sh-surface-2)!important;border-color:var(--sh-border-2)!important}
.pfcase26 :is(.pfcase26-meta b,.pfcase26-deliverables strong) {color:var(--sh-text)!important}
.pfcase26 :is(.pfcase26-gallery .pfcase26-shot,.pfcase26-cover) {overflow:hidden}
.pfcase26 .pfcase26-cover img {max-width:100%;object-fit:cover}
.pfcase26 :is(.pfcase26-cta .pfcase26-register,.pfcase26-cta .btn-primary) {background:var(--sh-grad)!important;border-color:transparent!important;color:var(--sh-#F5F5F5)!important;box-shadow:none!important}
.pfcase26 .pfcase26-cta .pfcase26-register:hover {box-shadow:var(--sh-shadow-accent)!important}

/* ===== Pricing catalog & live calculator. Keep all JS data selectors intact. ===== */
.a26p {--a26-blue:var(--sh-orange);--a26-deep:var(--sh-bg);--a26-ink:var(--sh-text);--a26-muted:var(--sh-text-2);--a26-surface:var(--sh-surface);--a26-stroke:var(--sh-border-2);--a26-bg:var(--sh-bg-2);color:var(--sh-text)}
.a26p :is(.a26p-hero,.a26p-builder-hero,.a26p-assurance,.a26p-final,.a26p-build-step,.a26p-price-group) {background:var(--sh-bg-2)!important;color:var(--sh-text)!important;border-color:var(--sh-border-2)!important;box-shadow:none!important}
.a26p :is(.a26p-hero h1,.a26p-builder-hero h1,.a26p-section-intro h2,.a26p-group-heading h3,.a26p-assurance h2,.a26p-final h2,.a26p-build-head h2) {color:var(--sh-text)!important}
.a26p :is(.a26p-hero h1 em,.a26p-builder-hero h1 em) {color:var(--sh-orange)!important}
.a26p :is(.a26p-hero p,.a26p-builder-hero p,.a26p-group-heading p,.a26p-assurance p,.a26p-final p,.a26p-build-head p) {color:var(--sh-text-2)!important}
.a26p :is(.a26p-eyebrow,.a26p-group-heading>div>span,.a26p-build-head>span,.a26p-assurance-head>span,.a26p-section-intro small,.a26p-final>div>span) {color:var(--sh-orange)!important}
.a26p :is(.a26p-hero-proof,.a26p-price-card,.a26p-summary,.a26p-plan,.a26p-option,.a26p-assurance-grid>div) {background:var(--sh-surface)!important;color:var(--sh-text)!important;border-color:var(--sh-border-2)!important;box-shadow:none!important}
.a26p :is(.a26p-price-card,.a26p-plan,.a26p-option):hover {border-color:var(--sh-border-accent)!important;box-shadow:none!important}
.a26p .a26p-price-card.is-featured {border-color:var(--sh-border-accent)!important}
.a26p :is(.a26p-price-card h4,.a26p-plan strong,.a26p-option strong,.a26p-summary h2,.a26p-assurance-grid b,.a26p-hero-proof strong) {color:var(--sh-text)!important}
.a26p :is(.a26p-price-card p,.a26p-price-card small,.a26p-plan small,.a26p-option small,.a26p-summary p,.a26p-summary small,.a26p-hero-proof small,.a26p-assurance-grid p) {color:var(--sh-text-2)!important}
.a26p :is(.a26p-card-icon,.a26p-plan-symbol,.a26p-option-icon,.a26p-card-arrow,.a26p-plan-tick,.a26p-option-end i) {background:var(--sh-surface-2)!important;border-color:var(--sh-border-2)!important;color:var(--sh-orange)!important}
.a26p :is(.a26p-card-tag,.a26p-price-group .a26p-card-tag) {background:var(--sh-grad-soft)!important;color:var(--sh-orange)!important;border-color:var(--sh-border-accent)!important}
.a26p :is(.a26p-filter button,.a26p-plan-types button,.a26p-progress button,.a26p-back-prices,.a26p-step-nav button) {background:var(--sh-surface)!important;border-color:var(--sh-border-2)!important;color:var(--sh-text-2)!important;box-shadow:none!important}
.a26p :is(.a26p-filter button.is-active,.a26p-filter button[aria-pressed="true"],.a26p-plan-types button.is-active,.a26p-progress button.is-active,.a26p-progress button[aria-current="step"],.a26p-step-nav button[data-a26-next]) {background:var(--sh-grad)!important;border-color:transparent!important;color:var(--sh-#F5F5F5)!important}
.a26p :is(.a26p-price-card .a26p-card-bottom,.a26p-summary-foot,.a26p-summary-top,.a26p-summary-items,.a26p-summary-payment,.a26p-plan-search) {border-color:var(--sh-border-2)!important;color:var(--sh-text)!important}
.a26p :is(.a26p-card-bottom strong,.a26p-plan>b,.a26p-option-end b,.a26p-summary-total strong,.a26p-summary-payment b) {color:var(--sh-text)!important}
.a26p :is(.a26p-summary-kicker,.a26p-price-card .a26p-card-arrow,.a26p-status) {color:var(--sh-orange)!important}
.a26p :is(.a26p-plan.is-selected,.a26p-plan:has(input:checked),.a26p-option.is-selected,.a26p-option:has(input:checked)) {border-color:var(--sh-orange)!important;background:var(--sh-surface-2)!important;box-shadow:0 0 0 1px var(--sh-orange)!important}
.a26p :is(.a26p-plan-tick,.a26p-option-end i) svg {stroke:currentColor!important}
.a26p :is(input:not([type='checkbox']):not([type='radio']),textarea,select) {background:var(--sh-surface-2)!important;color:var(--sh-text)!important;border-color:var(--sh-border-2)!important}
.a26p :is(input,textarea)::placeholder {color:var(--sh-text-3)!important}
.a26p :is(input,textarea,select):focus-visible {border-color:var(--sh-orange)!important;box-shadow:var(--sh-focus)!important}
.a26p .a26p-assurance-grid>div>span {color:var(--sh-orange)!important;background:var(--sh-surface-2)!important}
.a26p .a26p-assurance-grid>div>span svg {width:19px;height:19px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
.a26p :is(.a26p-btn-white,.a26p-btn:not(.a26p-btn-outline),.a26p-submit) {background:var(--sh-grad)!important;color:var(--sh-#F5F5F5)!important;border-color:transparent!important;box-shadow:none!important}
.a26p .a26p-btn-outline {background:var(--sh-surface)!important;color:var(--sh-text)!important;border-color:var(--sh-border-2)!important}
.a26p .a26p-svg-action {width:17px;height:17px;display:inline-block;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round;flex:none;vertical-align:middle}
.a26p :is(.a26p-filter,.a26p-plan-types) {scroll-margin-top:95px}

/* Responsive: avoid clipping selected plans, portfolio overlays and buttons. */
@media(max-width:900px) {
  .a26p .a26p-builder-layout {grid-template-columns:minmax(0,1fr)!important}
  .a26p .a26p-summary {position:relative!important;top:auto!important;min-width:0!important}
  .pf26 .pf26-card {min-width:0}
  .sv26 .sv26-item {min-width:0}
}
@media(max-width:640px) {
  .sv26,.pf26,.pfcase26,.a26p {max-width:100%;min-width:0}
  .sv26 .sv26-catalog {min-width:0}
  .sv26 :is(.sv26-hero-cta,.sv26-contact-actions) a {min-height:44px}
  .pf26 .pf26-project-grid {grid-template-columns:minmax(0,1fr)!important}
  .pf26 .pf26-card-tags {min-width:0;overflow-wrap:anywhere}
  .pf26 .pf26-card.has-offer .pf26-card-link,.pf26 .pf26-card.has-offer .pf26-card-offer {min-height:44px!important}
  .pfcase26 .pfcase26-hero {grid-template-columns:minmax(0,1fr)!important}
  .pfcase26 .pfcase26-cover {min-width:0;min-height:220px}
  .a26p .a26p-hero {grid-template-columns:minmax(0,1fr)!important}
  .a26p .a26p-hero-actions {display:flex;flex-wrap:wrap}
  .a26p .a26p-filter {overflow-x:auto;flex-wrap:nowrap;scrollbar-width:thin;padding-bottom:14px}
  .a26p .a26p-filter button {flex:none;min-height:44px;white-space:nowrap}
  .a26p .a26p-price-grid,.a26p .a26p-plan-grid {grid-template-columns:minmax(0,1fr)!important}
  .a26p .a26p-step-nav {gap:10px}
  .a26p .a26p-step-nav button {min-height:44px;min-width:0}
  .a26p .a26p-option {min-width:0;grid-template-columns:auto minmax(0,1fr) auto}
  .a26p .a26p-option-end {min-width:0}
  .a26p .a26p-progress {overflow-x:auto;scrollbar-width:thin}
  .a26p .a26p-progress button {flex:none;min-height:44px}
}
@media(prefers-reduced-motion:reduce) {
  .sv26 :is(.sv26-item,.sv26-btn,.sv26-hero-project),
  .pf26 :is(.pf26-card,.pf26-card-media img,.pf26-card-link),
  .pfcase26 :is(.pfcase26-register,.pfcase26-shot),
  .a26p :is(.a26p-price-card,.a26p-plan,.a26p-option) {animation:none!important;transition:none!important;transform:none!important}
}

/* /assets/sitehub/brand/sitehub-promo-v17.css */
/* SiteHub Promo — supplied design from Claude + scoped integration. */
@property --shp-angle { syntax: '<angle>'; inherits: false; initial-value: 0deg; }

.shp-promo {
  --o: var(--sh-orange, #FF8A00); --r: var(--sh-red, #FF3B30); --p: var(--sh-pink, #FF2D55);
  --bg: var(--sh-bg, #0B0B0B); --line: var(--sh-border, #1F1F1F);
  --t1: var(--sh-text, #F5F5F5); --t2: var(--sh-text-2, #B3B3B3); --t3: var(--sh-text-3, #8A8A8A);
  position: relative; width: 100%; max-width: 660px; border-radius: 28px; padding: 1px; isolation: isolate;
  font-family: var(--sh-font, 'Manrope', system-ui, sans-serif); color: var(--t1);
  opacity: 0; transform: translateY(18px);
  transition: opacity .8s cubic-bezier(.2,.8,.2,1), transform .8s cubic-bezier(.2,.8,.2,1);
}
.shp-promo.is-in { opacity: 1; transform: none; }

/* бегущий свет по рамке */
.shp-promo::before {
  content: ''; position: absolute; inset: 0; border-radius: inherit; z-index: -1;
  background: conic-gradient(from var(--shp-angle), rgba(255,255,255,.06) 0deg, rgba(255,255,255,.06) 250deg,
              var(--o) 290deg, var(--r) 320deg, var(--p) 345deg, rgba(255,255,255,.06) 360deg);
  animation: shp-spin 6s linear infinite;
}
@keyframes shp-spin { to { --shp-angle: 360deg; } }

.shp-promo__inner {
  position: relative; overflow: hidden; border-radius: 27px;
  background:
    radial-gradient(60% 55% at 50% 45%, rgba(255,74,30,.16), transparent 70%),
    linear-gradient(180deg, #121212, #0D0D0D);
}

/* шапка и низ карточки */
.shp-promo__bar { display: flex; align-items: center; justify-content: space-between; gap: 12px;
  padding: 20px 28px; border-bottom: 1px solid var(--line); }
.shp-promo__brand { display: flex; align-items: center; gap: 10px; font-weight: 700; font-size: 14px; }
.shp-promo__brand img { width: 22px; height: auto; display: block; }
.shp-badge { display: inline-flex; align-items: center; gap: 8px; height: 28px; padding: 0 12px; border-radius: 999px;
  font-size: 11px; font-weight: 800; letter-spacing: .14em; text-transform: uppercase; color: var(--o);
  background: rgba(255,138,0,.1); border: 1px solid rgba(255,138,0,.28); }
.shp-badge i { width: 7px; height: 7px; border-radius: 50%; background: var(--o); box-shadow: 0 0 0 0 rgba(255,138,0,.6);
  animation: shp-ping 1.8s ease-out infinite; }
@keyframes shp-ping { 70% { box-shadow: 0 0 0 8px rgba(255,138,0,0); } 100% { box-shadow: 0 0 0 0 rgba(255,138,0,0); } }

.shp-promo__body { padding: 30px 28px 28px; display: flex; flex-direction: column; align-items: center; text-align: center; }

.shp-promo__brand { text-decoration: none; }
.shp-promo__brand img { width: auto; height: 40px; }

/* «Такие акции — только у нас» */
.shp-excl { display: inline-flex; align-items: center; gap: 8px; margin: 0 0 18px; font-size: 13px; font-weight: 700;
  letter-spacing: .04em; color: var(--t2); opacity: 0; transform: translateY(8px); }
.shp-excl b { background: linear-gradient(90deg, var(--o), var(--p)); -webkit-background-clip: text; background-clip: text; color: transparent; }
.shp-excl__star { display: grid; place-items: center; width: 22px; height: 22px; border-radius: 50%; color: var(--o);
  background: rgba(255,138,0,.12); border: 1px solid rgba(255,138,0,.3); }
.shp-excl__star svg { width: 12px; height: 12px; animation: shp-twinkle 2.4s ease-in-out infinite; }
@keyframes shp-twinkle { 50% { transform: rotate(45deg) scale(.8); } }
.is-in .shp-excl { animation: shp-pop .6s cubic-bezier(.2,.8,.2,1) .2s forwards; }

/* печать «DOAR LA NOI» у кольца */
.shp-stamp { position: absolute; right: -78px; top: -14px; width: 96px; height: 96px;
  opacity: 0; transform: scale(.4) rotate(-40deg); }
.shp-stamp.show { animation: shp-stamp .8s cubic-bezier(.2,.9,.3,1.4) forwards; }
@keyframes shp-stamp { to { opacity: 1; transform: none; } }
.shp-stamp__text { position: absolute; inset: 0; width: 100%; height: 100%; animation: shp-rotate 16s linear infinite;
  filter: drop-shadow(0 6px 18px rgba(255,59,48,.25)); }
.shp-stamp__text text { font: 800 8.4px var(--sh-font, 'Manrope', sans-serif); letter-spacing: .5px; fill: var(--o); }
@keyframes shp-rotate { to { transform: rotate(360deg); } }
.shp-stamp__icon { position: absolute; left: 50%; top: 50%; width: 30px; height: auto; transform: translate(-50%, -50%); }

/* формула: Site + Calculator = Hosting */
.shp-eq { display: flex; align-items: center; justify-content: center; gap: 10px; flex-wrap: wrap; }
.shp-chip { display: inline-flex; align-items: center; gap: 8px; height: 40px; padding: 0 14px; border-radius: 12px;
  background: #171717; border: 1px solid #2A2A2A; font-size: 14px; font-weight: 700; color: var(--t1);
  opacity: 0; transform: translateY(10px) scale(.96); }
.shp-chip svg { width: 18px; height: 18px; color: var(--o); }
.shp-chip--gift { background: linear-gradient(90deg, var(--o), var(--r) 60%, var(--p)); border-color: transparent; color: #fff;
  box-shadow: 0 10px 26px rgba(255,59,48,.35); }
.shp-chip--gift svg { color: #fff; }
.shp-op { color: var(--t3); font-weight: 700; font-size: 18px; opacity: 0; }
.is-in .shp-chip, .is-in .shp-op { animation: shp-pop .55s cubic-bezier(.2,.9,.3,1.3) forwards; }
.shp-grp { display: inline-flex; align-items: center; gap: 10px; white-space: nowrap; }
.is-in .shp-eq > :nth-child(1) { animation-delay: .35s; }
.is-in .shp-eq > :nth-child(2) { animation-delay: .5s; }
.is-in .shp-eq > :nth-child(3) { animation-delay: .62s; }
.is-in .shp-grp > .shp-op { animation-delay: .78s; }
.is-in .shp-grp > .shp-chip { animation-delay: .9s; }
@keyframes shp-pop { to { opacity: 1; transform: none; } }

/* кольцо 60 дней */
.shp-ring { position: relative; width: 236px; height: 236px; margin: 26px 0 8px; }
.shp-ring svg { position: absolute; inset: 0; width: 100%; height: 100%; overflow: visible; }
.shp-ring .tick { stroke: #262626; stroke-width: 3; stroke-linecap: round; transition: stroke .25s, filter .25s; }
.shp-ring .tick.on { filter: drop-shadow(0 0 3px rgba(255,74,30,.55)); }
.shp-ring__glow { position: absolute; inset: 22%; border-radius: 50%;
  background: radial-gradient(circle, rgba(255,74,30,.35), transparent 70%); filter: blur(10px);
  animation: shp-breathe 3.2s ease-in-out infinite; }
@keyframes shp-breathe { 50% { transform: scale(1.12); opacity: .7; } }
.shp-ring__center { position: absolute; inset: 0; display: flex; flex-direction: column; align-items: center; justify-content: center; }
.shp-num { font-size: 86px; line-height: .9; font-weight: 800; letter-spacing: -4px; font-variant-numeric: tabular-nums;
  background: linear-gradient(180deg, #fff 10%, #FFD9B8 55%, var(--o)); -webkit-background-clip: text; background-clip: text; color: transparent; }
.shp-unit { margin-top: 6px; font-size: 13px; font-weight: 700; letter-spacing: .22em; text-transform: uppercase; color: var(--t2); }

/* GRATUIT */
.shp-free { position: relative; display: inline-block; margin-top: 6px; font-size: 40px; font-weight: 800; letter-spacing: -1px;
  background: linear-gradient(90deg, var(--o), var(--r) 55%, var(--p)); -webkit-background-clip: text; background-clip: text; color: transparent;
  opacity: 0; transform: scale(.85); filter: blur(6px); }
.shp-free.show { animation: shp-free .7s cubic-bezier(.2,.9,.3,1.35) forwards; }
@keyframes shp-free { to { opacity: 1; transform: none; filter: blur(0); } }
.shp-free::after { content: attr(data-text); position: absolute; inset: 0; color: transparent;
  background: linear-gradient(105deg, transparent 35%, rgba(255,255,255,.85) 50%, transparent 65%) -200% 0 / 200% 100% no-repeat;
  -webkit-background-clip: text; background-clip: text; }
.shp-free.show::after { animation: shp-shine 4.5s ease-in-out 1s infinite; }
@keyframes shp-shine { 0%, 60% { background-position: -200% 0; } 85%, 100% { background-position: 200% 0; } }

.shp-sub { max-width: 400px; margin: 10px 0 0; font-size: 15px; line-height: 1.55; color: var(--t2); opacity: 0; transform: translateY(8px); }
.shp-sub b { color: var(--t1); font-weight: 700; }

.shp-cta { display: inline-flex; align-items: center; gap: 10px; height: 50px; margin-top: 22px; padding: 0 24px; border-radius: 12px;
  background: linear-gradient(90deg, var(--o), var(--r) 55%, var(--p)); color: #fff; text-decoration: none;
  font: 700 15px/1 inherit; font-family: inherit; box-shadow: 0 12px 30px rgba(255,59,48,.32);
  opacity: 0; transform: translateY(8px); transition: transform .2s, box-shadow .2s; }
.shp-cta svg { width: 18px; height: 18px; transition: transform .2s; }
.shp-cta:hover { box-shadow: 0 16px 38px rgba(255,59,48,.45); }
.shp-cta:hover svg { transform: translateX(3px); }
.shp-cta:focus-visible { outline: none; box-shadow: 0 0 0 3px rgba(255,138,0,.5); }
.shp-sub.show, .shp-cta.show { animation: shp-pop .6s cubic-bezier(.2,.8,.2,1) forwards; }
.shp-cta.show { animation-delay: .12s; }

.shp-promo__foot { display: flex; justify-content: space-between; gap: 16px; padding: 16px 28px; border-top: 1px solid var(--line);
  font-size: 11px; font-weight: 700; letter-spacing: .14em; text-transform: uppercase; color: var(--t3); }

@media (max-width: 520px) {
  .shp-promo__bar, .shp-promo__foot { padding-left: 18px; padding-right: 18px; }
  .shp-promo__body { padding: 24px 18px; }
  .shp-chip { height: 36px; font-size: 13px; padding: 0 11px; }
  .shp-ring { width: 200px; height: 200px; }
  .shp-stamp { width: 74px; height: 74px; right: -44px; top: -18px; }
  .shp-stamp__icon { width: 24px; }
  .shp-promo__brand img { height: 32px; }
  .shp-num { font-size: 72px; }
  .shp-free { font-size: 34px; }
  .shp-promo__foot { flex-direction: column; gap: 6px; }
}
@media (prefers-reduced-motion: reduce) {
  .shp-promo, .shp-chip, .shp-op, .shp-free, .shp-sub, .shp-cta, .shp-excl, .shp-stamp { opacity: 1 !important; transform: none !important; filter: none !important; animation: none !important; }
  .shp-promo::before, .shp-ring__glow, .shp-badge i, .shp-free::after, .shp-stamp__text, .shp-excl__star svg { animation: none !important; }
}

/* SITEHUB v1.7 integration: layout only, no changes to promo motion artwork. */
.sh-hero > .shp-promo {min-width:0; max-width:660px; justify-self:center; align-self:center; box-sizing:border-box;}
.sh-hero > .shp-promo, .sh-hero > .shp-promo * {box-sizing:border-box;}
.sh-hero > .shp-promo .shp-promo__inner {width:100%;}
.sh-hero > .shp-promo .shp-cta {font-size:15px; font-weight:700;line-height:1;}
.sh-hero > .shp-promo .shp-chip, .sh-hero > .shp-promo .shp-promo__foot {min-width:0;}
@media(max-width:1050px){.sh-hero>.shp-promo {width:100%;max-width:660px;margin-inline:auto;}}
@media(max-width:520px){.sh-hero>.shp-promo {max-width:100%;} .sh-hero>.shp-promo .shp-promo__bar {min-width:0;}}
@media(max-width:390px){html[lang="ru"] .sh-hero>.shp-promo .shp-free{font-size:30px;}}

/* /assets/sitehub/brand/sitehub-promo-v18.css */
/* SiteHub Promo — rotating offers panel, v19 (premium motion rework; file name kept so the cache token updates by itself).
   Additive layer over sitehub-promo-v17.css: slide 1 keeps its original markup and styles;
   everything below is scoped to .shp-promo.shp-slider, which sitehub-promo-v18.js adds. */

/* ---------- no layout shift on init ----------
   The slider adds a control row and takes the height of the tallest slide. Until the script runs, reserve that
   height (measured on the live layout, per breakpoint) so the content below the hero does not jump. */
.shp-promo:not(.shp-slider) { display: flex; flex-direction: column; min-height: 808px; }
.shp-promo:not(.shp-slider) .shp-promo__inner { flex: 1; display: flex; flex-direction: column; }
.shp-promo:not(.shp-slider) .shp-promo__body { flex: 1; justify-content: center; }
/* two-column hero: Romanian and Russian wrap the first row of chips there */
@media (min-width: 1100px) and (max-width: 1330px) { html:not([lang="en"]) .shp-promo:not(.shp-slider) { min-height: 858px; } }
@media (min-width: 1100px) { html[lang="ru"] .shp-promo:not(.shp-slider) { min-height: 858px; } }
@media (max-width: 520px) { .shp-promo:not(.shp-slider) { min-height: 817px; } }
@media (max-width: 430px) { html[lang="ru"] .shp-promo:not(.shp-slider) { min-height: 840px; } }
@media (max-width: 385px) { .shp-promo:not(.shp-slider) { min-height: 840px; } html[lang="ru"] .shp-promo:not(.shp-slider) { min-height: 886px; } }
@media (max-width: 345px) { .shp-promo:not(.shp-slider) { min-height: 886px; } }
@media (max-width: 325px) { html[lang="ru"] .shp-promo:not(.shp-slider) { min-height: 910px; } }

/* ---------- stage: all slides share one grid cell, so the height is always the tallest slide ---------- */
.shp-promo.shp-slider .shp-slides { position: relative; z-index: 1; display: grid; overflow: hidden; touch-action: pan-y; }
.shp-promo.shp-slider .shp-promo__bar,
.shp-promo.shp-slider .shp-ctl,
.shp-promo.shp-slider .shp-promo__foot { position: relative; z-index: 1; }
.shp-promo.shp-slider .shp-slide {
  grid-area: 1 / 1; min-width: 0; justify-content: flex-start;
  visibility: hidden; opacity: 0; pointer-events: none;
}
.shp-promo.shp-slider .shp-slide.is-active,
.shp-promo.shp-slider .shp-slide.is-leaving { visibility: visible; opacity: 1; }
.shp-promo.shp-slider .shp-slide.is-active { pointer-events: auto; }
.shp-promo.shp-slider .shp-slide.is-leaving { pointer-events: none; z-index: 1; }

/* the dial keeps its place from block to block; text above it is top-aligned, the button sits at the bottom of every block */
.shp-promo.shp-slider .shp-slide .shp-eq { align-content: center; }
.shp-promo.shp-slider .shp-slide .shp-sub { margin-bottom: 22px; }
.shp-promo.shp-slider .shp-slide .shp-cta { margin-top: auto; }

/* ---------- slide 1 after the v17 intro: freeze its parts in their final look, so the block change fully controls them
   (their own "forwards" CSS animations would otherwise keep winning over the transition) ---------- */
.shp-promo.shp-slider.is-ready .shp-slide:not(.shp-slide--x) :is(.shp-excl, .shp-chip, .shp-op, .shp-free, .shp-sub, .shp-cta, .shp-stamp) { opacity: 1; transform: none; filter: none; animation: none; }

/* ---------- soft colour behind the content: one layer per offer ---------- */
.shp-aura { position: absolute; inset: 0; z-index: 0; pointer-events: none; }
.shp-aura i { position: absolute; inset: 0; opacity: 0; transition: opacity 1.3s cubic-bezier(.3, 0, .2, 1); }
.shp-aura i.is-on { opacity: 1; }
.shp-aura i:nth-child(2) { background: radial-gradient(52% 40% at 50% 36%, rgba(255, 138, 0, .11), transparent 72%); }
.shp-aura i:nth-child(3) { background: radial-gradient(52% 40% at 50% 38%, rgba(255, 59, 48, .12), transparent 72%); }
.shp-aura i:nth-child(4) { background: radial-gradient(52% 40% at 50% 40%, rgba(255, 45, 85, .12), transparent 72%); }

/* ---------- dials of offers 2–4: one canvas drawn by the script (no CSS/SVG animation), numbers in the same box as the slide-1 dial ---------- */
.shp-viz { --k: 1; }
.shp-viz .vz-cv { position: absolute; inset: 0; width: 100%; height: 100%; z-index: 1; display: block; }
.shp-viz .shp-ring__center { position: absolute; inset: 0; display: flex; flex-direction: column; align-items: center; justify-content: center; z-index: 3; }
.shp-viz .shp-num { font-variant-numeric: tabular-nums; }
.shp-num small { font-size: .46em; letter-spacing: 0; margin-left: 3px; vertical-align: .62em; font-weight: 800; }

/* slide 1 dial while it re-counts: the glow of every lit tick is a filter, too heavy to repaint 60 times a frame; it returns when the sweep ends */
.shp-ring.is-sweep .tick.on { filter: none; }

/* 90 days: a bit tighter number */
.shp-viz--days .shp-num { letter-spacing: -3px; }

/* the three networks of offer 4 */
.shp-viz .vz-node {
  position: absolute; z-index: 2; width: calc(42px * var(--k)); height: calc(42px * var(--k)); border-radius: 50%; box-sizing: border-box;
  display: grid; place-items: center; background: #151515; border: 1px solid rgba(255, 255, 255, .14); color: rgba(255, 255, 255, .55);
  opacity: 0; transform: translate(-50%, -50%) scale(.72);
  transition: border-color .45s, color .45s, background-color .45s;
}
.shp-viz .vz-node svg { position: static; inset: auto; width: calc(19px * var(--k)); height: calc(19px * var(--k)); display: block; }
.shp-viz .vz-node.is-on { border-color: rgba(255, 138, 0, .7); color: #FF8A00; background: #1A1410; }
.shp-viz--social .shp-num { font-size: 70px; letter-spacing: -3px; }
.shp-viz--social .shp-unit { letter-spacing: .16em; font-size: 12px; }

/* ---------- slides 2–4: reuse v17 components, but they are not part of the one-time intro ---------- */
.shp-promo.shp-slider .shp-slide--x .shp-excl,
.shp-promo.shp-slider .shp-slide--x .shp-chip,
.shp-promo.shp-slider .shp-slide--x .shp-sub,
.shp-promo.shp-slider .shp-slide--x .shp-cta,
.shp-promo.shp-slider .shp-slide--x .shp-free { opacity: 1; transform: none; filter: none; animation: none; }
.shp-promo.shp-slider .shp-slide--x .shp-free--md { font-size: 30px; line-height: 1.12; letter-spacing: -.5px; max-width: 440px; text-wrap: balance; }
.shp-promo.shp-slider .shp-slide--x .shp-free::after { content: none; }   /* no endless shine: it repaints the title every frame */
.shp-promo.shp-slider .shp-slide--x .shp-chip { height: 40px; padding: 0 12px; gap: 7px; font-size: 13.5px; }
.shp-promo.shp-slider .shp-slide--x .shp-chip svg { width: 17px; height: 17px; }

/* offer 4: the chips are the links */
.shp-chip--link { position: relative; text-decoration: none; transition: border-color .25s, background-color .25s, transform .25s; }
.shp-chip--link::after { content: ''; position: absolute; inset: -4px; }                 /* 44px hit area */
.shp-chip--link:hover { border-color: rgba(255, 138, 0, .55); background: #1C1C1C; transform: translateY(-1px); }
.shp-chip--link:focus-visible { outline: none; box-shadow: 0 0 0 3px rgba(255, 138, 0, .5); }

/* the footer text changes per slide: never wrap, so the card keeps one height */
.shp-promo.shp-slider .shp-promo__foot span { min-width: 0; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }

/* ---------- controls ---------- */
.shp-ctl { display: flex; align-items: center; justify-content: center; gap: 6px; padding: 10px 12px 14px; transition: opacity .4s; }
.shp-promo.shp-slider:not(.is-ready) .shp-ctl { opacity: 0; visibility: hidden; }
.shp-ctl__btn {
  position: relative; display: grid; place-items: center; width: 32px; height: 32px; padding: 0; border-radius: 50%;
  background: #151515; border: 1px solid #2A2A2A; color: var(--t2, #B3B3B3); cursor: pointer;
  transition: color .2s, border-color .2s, background-color .2s, transform .2s;
}
.shp-ctl__btn::before { content: ''; position: absolute; inset: -6px; } /* 44px hit area */
.shp-ctl__btn svg { width: 14px; height: 14px; display: block; }
.shp-ctl__btn:hover { color: #fff; border-color: rgba(255, 138, 0, .55); background: #1C1C1C; }
.shp-ctl__btn:active { transform: scale(.94); }
.shp-ctl__btn:focus-visible, .shp-dot:focus-visible { outline: none; box-shadow: 0 0 0 3px rgba(255, 138, 0, .5); }
.shp-ctl__btn[hidden] { display: none; }
.shp-ctl__pause { margin-left: 6px; }

.shp-dots { display: flex; gap: 2px; margin: 0 6px; }
.shp-dot { position: relative; width: 28px; height: 44px; padding: 0; border: 0; border-radius: 8px; background: none; cursor: pointer; }
.shp-dot::before, .shp-dot i {
  content: ''; position: absolute; left: 3px; right: 3px; top: 50%; height: 4px; margin-top: -2px; border-radius: 4px;
}
.shp-dot::before { background: #2A2A2A; transition: background-color .2s; }
.shp-dot:hover::before { background: #3A3A3A; }
.shp-dot i { background: linear-gradient(90deg, var(--o, #FF8A00), var(--r, #FF3B30) 55%, var(--p, #FF2D55)); transform: scaleX(0); transform-origin: left center; }
.shp-promo.shp-slider.is-static .shp-dot[aria-current="true"] i { transform: none; }

/* ---------- calmer page: same look, less work for the phone ----------
   1) the running light on the card border is turned by a transform (GPU) instead of animating an @property, which forced a style recalculation
      and a repaint of the whole border layer on every frame;
   2) endless decorative animations of blocks that are not on screen are paused. */
.shp-promo.shp-slider { overflow: hidden; }
.shp-promo.shp-slider::before {
  inset: auto; left: 50%; top: 50%; width: 1240px; height: 1240px; margin: -620px 0 0 -620px; border-radius: 0;
  background: conic-gradient(rgba(255,255,255,.06) 0deg, rgba(255,255,255,.06) 250deg, var(--o) 290deg, var(--r) 320deg, var(--p) 345deg, rgba(255,255,255,.06) 360deg);
  animation: shp-turn 6s linear infinite; will-change: transform;
}
@keyframes shp-turn { to { transform: rotate(360deg); } }
.shp-promo.shp-slider .shp-slide:not(.is-active):not(.is-leaving) *,
.shp-promo.shp-slider .shp-slide:not(.is-active):not(.is-leaving) *::before,
.shp-promo.shp-slider .shp-slide:not(.is-active):not(.is-leaving) *::after { animation-play-state: paused !important; }

/* ---------- narrow screens ---------- */
@media (max-width: 520px) {
  .shp-viz { --k: .847; }
  /* the badge text changes per slide: let it wrap and keep the top bar the same height for all of them */
  .shp-promo.shp-slider .shp-promo__bar { min-height: 80px; }
  .shp-promo.shp-slider .shp-badge { height: auto; min-height: 28px; padding: 5px 12px; line-height: 1.2; text-align: center; }
  .shp-promo.shp-slider .shp-slide--x .shp-chip { height: 36px; font-size: 13px; }
  .shp-promo.shp-slider .shp-slide--x .shp-free--md { font-size: 24px; }
  .shp-viz--social .shp-num { font-size: 58px; }
  .shp-viz--days .shp-unit { letter-spacing: .12em; font-size: 12px; }   /* long Russian label must stay inside the bezel */
  .shp-ctl { padding-inline: 8px; }
}
@media (max-width: 360px) {
  .shp-dot { width: 24px; }
  .shp-ctl__pause { margin-left: 2px; }
}

@media (prefers-reduced-motion: reduce) {
  .shp-promo.shp-slider::before { animation: none; }
  .shp-aura i, .shp-viz .vz-node, .shp-viz .vz-q, .shp-chip--link { transition: none; }
  .shp-ctl, .shp-ctl__btn { transition: none; }
}

/* ---------- contact page: held back until its layer is ready (set by sitehub-promo-v18.js / sitehub-contact-v26.js), shown after 2.4 s whatever happens ---------- */
html:not(.sh-ct-on) .adp-contact-page { opacity: 0; animation: sh-ct-failsafe 0s linear 2.4s forwards; }
@keyframes sh-ct-failsafe { to { opacity: 1; } }

/* ---------- portfolio page: held back until its layer is ready (set by sitehub-promo-v18.js / sitehub-portfolio-v27.js), shown after 2.4 s whatever happens ---------- */
html:not(.sh-pf-on) .pf26[data-pf26] { opacity: 0; animation: sh-pf-failsafe 0s linear 2.4s forwards; }
@keyframes sh-pf-failsafe { to { opacity: 1; } }
html:not(.sh-wb-on) .wb26[data-web26] { opacity: 0; animation: sh-wb-failsafe 0s linear 2.4s forwards; }
@keyframes sh-wb-failsafe { to { opacity: 1; } }
html[data-page="roadmap"]:not(.sh-rm-on) #pageContent { opacity: 0; animation: sh-rm-failsafe 0s linear 2.4s forwards; }
@keyframes sh-rm-failsafe { to { opacity: 1; } }

/* /assets/css/sitehub-hero-typing.css */

.sht {
  --o: var(--sh-orange, #FF8A00); --r: var(--sh-red, #FF3B30); --p: var(--sh-pink, #FF2D55);
  --t1: var(--sh-text, #F5F5F5); --t2: var(--sh-text-2, #B3B3B3); --t3: var(--sh-text-3, #8A8A8A);
  --line: var(--sh-border, #1F1F1F);
  font-family: var(--sh-font, 'Manrope', system-ui, sans-serif); color: var(--t1); max-width: 760px;
}
.sht-sr { position: absolute; width: 1px; height: 1px; margin: -1px; overflow: hidden; clip: rect(0 0 0 0); white-space: nowrap; }

/* надзаголовок */
.sht-eyebrow { display: flex; align-items: center; gap: 10px; min-height: 18px; margin: 0 0 22px;
  font-size: 12px; font-weight: 800; letter-spacing: .18em; text-transform: uppercase; color: var(--o); }
.sht-eyebrow__dot { width: 10px; height: 10px; border-radius: 50%; background: var(--o); flex: none;
  box-shadow: 0 0 0 4px rgba(255,138,0,.16); animation: sht-ping 2s ease-out infinite; }
@keyframes sht-ping { 0% { box-shadow: 0 0 0 0 rgba(255,138,0,.45); } 80%,100% { box-shadow: 0 0 0 10px rgba(255,138,0,0); } }

/* заголовок */
.sht-title { margin: 0; font-weight: 800; font-size: clamp(42px, 6.2vw, 88px); line-height: 1.02; letter-spacing: -.045em; }
.sht-line1 { display: block; color: var(--t1); min-height: 1.02em; }
/* стопка: невидимые фразы держат высоту (без «прыжков» вёрстки), поверх — печатаемая */
.sht-stack { display: grid; }
.sht-stack > * { grid-area: 1 / 1; align-self: start; }
.sht-ghost { visibility: hidden; }
.sht-typed { display: block;
  background: linear-gradient(165deg, var(--o) 0%, #FF6A14 30%, var(--r) 62%, var(--p) 100%);
  -webkit-background-clip: text; background-clip: text; color: transparent; }
.sht-typed .sht-txt { -webkit-box-decoration-break: clone; box-decoration-break: clone; }

/* курсор */
.sht-caret { display: inline-block; width: .075em; height: .86em; margin-left: .04em; vertical-align: -.06em; border-radius: 2px;
  background: linear-gradient(180deg, var(--o), var(--p)); box-shadow: 0 0 14px rgba(255,59,48,.55);
  animation: sht-blink 1.05s steps(1) infinite; }
.sht-caret--sm { width: 2px; height: 1.05em; vertical-align: -.2em; box-shadow: none; background: var(--o); }
.is-typing > .sht-caret, .is-typing .sht-caret { animation: none; opacity: 1; }
@keyframes sht-blink { 0%, 49% { opacity: 1; } 50%, 100% { opacity: 0; } }

/* описание — слова проявляются по очереди */
.sht-lead { max-width: 600px; margin: 30px 0 0; font-size: clamp(16px, 1.35vw, 19px); line-height: 1.65; color: var(--t2); }
.sht-lead b { color: var(--t1); font-weight: 700; }
.sht-lead .w { display: inline-block; white-space: nowrap; opacity: 0; transform: translateY(8px); filter: blur(4px);
  transition: opacity .5s ease, transform .5s cubic-bezier(.2,.8,.2,1), filter .5s ease; }
.sht-lead.show .w { opacity: 1; transform: none; filter: none; }

/* кнопки */
.sht-actions { display: flex; flex-wrap: wrap; gap: 12px; margin-top: 34px; }
.sht-btn { display: inline-flex; align-items: center; gap: 10px; height: 54px; padding: 0 24px; border-radius: 12px;
  font: 700 16px/1 inherit; font-family: inherit; text-decoration: none; transition: transform .2s, box-shadow .2s, border-color .2s, background-color .2s;
  opacity: 0; transform: translateY(10px); }
.sht-btn svg { width: 18px; height: 18px; transition: transform .2s; }
.sht-btn:hover svg { transform: translateX(3px); }
.sht-btn:focus-visible { outline: none; box-shadow: 0 0 0 3px rgba(255,138,0,.5); }
.sht-btn--primary { color: #fff; background: linear-gradient(90deg, var(--o), var(--r) 60%, var(--p)); box-shadow: 0 12px 30px rgba(255,59,48,.3); }
.sht-btn--primary:hover { box-shadow: 0 16px 38px rgba(255,59,48,.45); }
.sht-btn--ghost { color: var(--t1); border: 1px solid #2A2A2A; background: rgba(255,255,255,.02); }
.sht-btn--ghost:hover { border-color: rgba(255,90,40,.5); background: #141414; }
.sht-actions.show .sht-btn { animation: sht-up .6s cubic-bezier(.2,.8,.2,1) forwards; }
.sht-actions.show .sht-btn:nth-child(2) { animation-delay: .1s; }
@keyframes sht-up { to { opacity: 1; transform: none; } }

/* строка преимуществ */
.sht-proof { display: flex; flex-wrap: wrap; gap: 10px 26px; margin: 34px 0 0; padding: 22px 0 0; border-top: 1px solid var(--line); list-style: none; }
.sht-proof li { display: inline-flex; align-items: center; gap: 8px; font-size: 14px; font-weight: 600; color: var(--t2);
  opacity: 0; transform: translateY(6px); }
.sht-proof svg { width: 16px; height: 16px; color: var(--o); flex: none; }
.sht-proof.show li { animation: sht-up .5s cubic-bezier(.2,.8,.2,1) forwards; }
.sht-proof.show li:nth-child(2) { animation-delay: .08s; }
.sht-proof.show li:nth-child(3) { animation-delay: .16s; }
.sht-proof.show li:nth-child(4) { animation-delay: .24s; }

@media (max-width: 600px) {
  .sht-eyebrow { font-size: 11px; letter-spacing: .14em; margin-bottom: 16px; }
  .sht-lead { margin-top: 22px; }
  .sht-actions { margin-top: 26px; }
  .sht-btn { flex: 1 1 100%; justify-content: center; height: 52px; }
}
@media (prefers-reduced-motion: reduce) {
  .sht-lead .w, .sht-btn, .sht-proof li { opacity: 1 !important; transform: none !important; filter: none !important; animation: none !important; transition: none !important; }
  .sht-caret, .sht-eyebrow__dot { animation: none !important; }
}

/* /assets/css/sitehub-hero-alignment.css */
/* SiteHub v1.9: align the left headline and the promo card by their top edges. */
@media (min-width: 1051px) {
  .home192 .sh-hero {
    align-items: start;
  }
  .home192 .sh-hero > .sh-hero-copy,
  .home192 .sh-hero > .shp-promo {
    align-self: start;
    margin-top: 0;
  }
}

/* v2.0: visually lift only the promo panel; keep the typing column untouched. */
@media (min-width: 1051px) {
  .home192 .sh-hero > .shp-promo {
    position: relative;
    top: -105px;
  }
}
@media (max-width: 1050px) {
  .home192 .sh-hero > .shp-promo { top: auto; }
}

/* /assets/css/sitehub-clients.css */

.shc {
  --o: var(--sh-orange, #FF8A00); --r: var(--sh-red, #FF3B30); --p: var(--sh-pink, #FF2D55);
  --t1: var(--sh-text, #F5F5F5); --t2: var(--sh-text-2, #B3B3B3); --t3: var(--sh-text-3, #8A8A8A);
  --line: var(--sh-border, #1F1F1F); --surface: var(--sh-surface, #141414);
  --tile-w: 248px; --tile-h: 116px; --gap: 14px;
  position: relative; max-width: 1460px; margin: 0 auto; padding: clamp(28px, 4vw, 44px) 0; overflow: hidden;
  border: 1px solid var(--line); border-radius: 28px;
  background: radial-gradient(70% 120% at 50% 0%, rgba(255,74,30,.07), transparent 60%), #0E0E0E;
  font-family: var(--sh-font, 'Manrope', system-ui, sans-serif); color: var(--t1);
}

.shc-head { display: flex; align-items: flex-end; justify-content: space-between; gap: 24px; flex-wrap: wrap;
  padding: 0 clamp(20px, 3vw, 36px) clamp(24px, 3vw, 34px); }
.shc-eyebrow { margin: 0 0 12px; font-size: 12px; font-weight: 800; letter-spacing: .18em; text-transform: uppercase; color: var(--o); }
.shc-title { margin: 0; font-size: clamp(32px, 4vw, 52px); line-height: 1.05; font-weight: 800; letter-spacing: -.04em; }
.shc-title span { background: linear-gradient(100deg, var(--o), var(--r) 60%, var(--p)); -webkit-background-clip: text; background-clip: text; color: transparent; }
.shc-desc { margin: 0; max-width: 420px; font-size: 15px; line-height: 1.6; color: var(--t2); }
.shc-head > * { opacity: 0; transform: translateY(14px); transition: opacity .7s ease, transform .7s cubic-bezier(.2,.8,.2,1); }
.shc.is-in .shc-head > * { opacity: 1; transform: none; }
.shc.is-in .shc-head > :nth-child(2) { transition-delay: .12s; }

/* ленты */
.shc-rows { display: grid; gap: var(--gap);
  -webkit-mask-image: linear-gradient(90deg, transparent, #000 9%, #000 91%, transparent);
          mask-image: linear-gradient(90deg, transparent, #000 9%, #000 91%, transparent); }
.shc-row { display: flex; overflow: hidden; opacity: 0; transition: opacity .9s ease, transform 1.1s cubic-bezier(.2,.8,.2,1); }
.shc-row:nth-child(1) { transform: translateX(-60px); }
.shc-row:nth-child(2) { transform: translateX(60px); }
.shc.is-in .shc-row { opacity: 1; transform: none; }
.shc.is-in .shc-row:nth-child(2) { transition-delay: .15s; }
.shc-track { display: flex; gap: var(--gap); padding-right: var(--gap); flex: none;
  animation: shc-scroll var(--dur, 40s) linear infinite; }
.shc-row--rev .shc-track { animation-direction: reverse; }
.shc-row:hover .shc-track, .shc-row:focus-within .shc-track { animation-play-state: paused; }
@keyframes shc-scroll { to { transform: translateX(-100%); } }

/* плитка */
.shc-tile { position: relative; flex: none; width: var(--tile-w); height: var(--tile-h); border-radius: 18px;
  display: grid; place-items: center; text-decoration: none; isolation: isolate;
  background: var(--surface); border: 1px solid var(--line);
  transition: background-color .35s, border-color .35s, transform .35s cubic-bezier(.2,.8,.2,1), box-shadow .35s; }
.shc-tile::before { /* градиентная рамка при наведении */
  content: ''; position: absolute; inset: -1px; border-radius: inherit; padding: 1px; z-index: -1; opacity: 0;
  background: linear-gradient(120deg, var(--o), var(--r) 55%, var(--p));
  -webkit-mask: linear-gradient(#000 0 0) content-box, linear-gradient(#000 0 0);
  -webkit-mask-composite: xor; mask-composite: exclude; transition: opacity .35s; }
.shc-tile::after { /* свечение */
  content: ''; position: absolute; inset: 0; border-radius: inherit; z-index: -2; opacity: 0;
  background: radial-gradient(80% 90% at 50% 100%, rgba(255,74,30,.22), transparent 70%); transition: opacity .35s; }
.shc-tile img { display: block; width: auto; height: var(--h, 36px); max-width: 76%; opacity: .58;
  transition: opacity .35s, transform .45s cubic-bezier(.2,.8,.2,1); user-select: none; -webkit-user-drag: none; }
.shc-tile__name { position: absolute; left: 0; right: 0; bottom: 10px; display: flex; align-items: center; justify-content: center; gap: 5px;
  font-size: 12px; font-weight: 700; letter-spacing: .02em; color: var(--o); opacity: 0; transform: translateY(6px);
  transition: opacity .3s, transform .35s cubic-bezier(.2,.8,.2,1); }
.shc-tile__name svg { width: 13px; height: 13px; }
.shc-tile:hover, .shc-tile:focus-visible { outline: none; background: #171717; border-color: transparent; transform: translateY(-3px);
  box-shadow: 0 14px 34px rgba(0,0,0,.45); }
.shc-tile:hover::before, .shc-tile:focus-visible::before, .shc-tile:hover::after, .shc-tile:focus-visible::after { opacity: 1; }
.shc-tile:hover img, .shc-tile:focus-visible img { opacity: 1; transform: translateY(-9px) scale(1.04); }
.shc-tile:hover .shc-tile__name, .shc-tile:focus-visible .shc-tile__name { opacity: 1; transform: none; }

/* плитка-призыв */
.shc-tile--cta { gap: 6px; align-content: center; text-align: center; padding: 0 18px; border-style: dashed; border-color: #2E2E2E; }
.shc-tile--cta b { font-size: 15px; font-weight: 800; color: var(--t1); }
.shc-tile--cta span { display: inline-flex; align-items: center; gap: 6px; font-size: 13px; font-weight: 700; color: var(--o); }
.shc-tile--cta span svg { width: 15px; height: 15px; transition: transform .25s; }
.shc-tile--cta:hover span svg { transform: translateX(3px); }
.shc-tile--cta:hover { border-style: solid; }

@media (max-width: 640px) {
  .shc { --tile-w: 176px; --tile-h: 92px; --gap: 10px; border-radius: 22px; }
  .shc-tile img { height: calc(var(--h, 36px) * .78); }
  .shc-rows { -webkit-mask-image: linear-gradient(90deg, transparent, #000 6%, #000 94%, transparent); mask-image: linear-gradient(90deg, transparent, #000 6%, #000 94%, transparent); }
}
@media (hover: none) { /* на телефоне имя сайта видно всегда */
  .shc-tile img { opacity: .8; transform: translateY(-8px); }
  .shc-tile__name { opacity: .9; transform: none; bottom: 8px; font-size: 11px; }
}
@media (prefers-reduced-motion: reduce) {
  .shc-track { animation: none; flex-wrap: wrap; justify-content: center; }
  .shc-row { overflow: visible; justify-content: center; }
  .shc-head > *, .shc-row { opacity: 1 !important; transform: none !important; transition: none !important; }
}

/* /assets/css/sitehub-chat-v22.css */

/* ---------- общие токены виджета ---------- */
.shw, .adev-support {
  --o: var(--sh-orange, #FF8A00); --r: var(--sh-red, #FF3B30); --p: var(--sh-pink, #FF2D55);
  --bg: var(--sh-bg, #0B0B0B); --s1: var(--sh-surface, #141414); --s2: var(--sh-surface-2, #1A1A1A);
  --b1: var(--sh-border, #1F1F1F); --b2: var(--sh-border-2, #2A2A2A);
  --t1: var(--sh-text, #F5F5F5); --t2: var(--sh-text-2, #B3B3B3); --t3: var(--sh-text-3, #8A8A8A);
  --ok: var(--sh-success, #34C759);
  --grad: linear-gradient(90deg, var(--o), var(--r) 55%, var(--p));
  --fur: #FF9A2E; --fur-d: #E86A00; --cream: #FFE7CC;
  font-family: var(--sh-font, 'Manrope', system-ui, sans-serif);
}
.adev-support-launcher { display: none !important; } /* старая кнопка заменена новой */
.shw *, .shw *::before, .shw *::after, .adev-support *, .adev-support *::before, .adev-support *::after { box-sizing: border-box; }
.adev-support button, .adev-support textarea, .adev-support input, .shw button { font-family: inherit; }
.adev-support svg { fill: none; stroke: currentColor; stroke-width: 1.8; stroke-linecap: round; stroke-linejoin: round; }

/* ---------- док: кнопка + кошка ---------- */
.shw { position: fixed; right: 20px; bottom: 20px; z-index: 9990; }
.shw-dock { position: relative; width: 64px; height: 64px; }

.shw-launcher { position: relative; z-index: 3; width: 64px; height: 64px; border-radius: 50%; border: 0; padding: 0; cursor: pointer;
  display: grid; place-items: center; background: #121212; color: var(--t1);
  box-shadow: 0 10px 30px rgba(0,0,0,.55), 0 0 0 1px var(--b2) inset; transition: transform .25s cubic-bezier(.2,.8,.2,1), box-shadow .25s; }
.shw-launcher::before { content: ''; position: absolute; inset: -2px; border-radius: 50%; padding: 2px; z-index: -1;
  background: conic-gradient(from var(--shw-a, 0deg), var(--o), var(--r), var(--p), transparent 60%, var(--o));
  -webkit-mask: linear-gradient(#000 0 0) content-box, linear-gradient(#000 0 0); -webkit-mask-composite: xor; mask-composite: exclude;
  animation: shw-ring 4s linear infinite; opacity: .9; }
@property --shw-a { syntax: '<angle>'; inherits: false; initial-value: 0deg; }
@keyframes shw-ring { to { --shw-a: 360deg; } }
.shw-launcher:hover { transform: scale(1.06); box-shadow: 0 14px 36px rgba(255,59,48,.35), 0 0 0 1px var(--b2) inset; }
.shw-launcher:focus-visible { outline: none; box-shadow: 0 0 0 4px rgba(255,138,0,.5); }
.shw-launcher__icon, .shw-launcher__x { grid-area: 1 / 1; transition: transform .35s cubic-bezier(.2,.8,.2,1), opacity .25s; }
.shw-launcher__icon { width: 26px; height: auto; }
.shw-launcher__x { width: 24px; height: 24px; opacity: 0; transform: rotate(-90deg) scale(.6); }
.shw.is-open .shw-launcher__icon { opacity: 0; transform: rotate(90deg) scale(.6); }
.shw.is-open .shw-launcher__x { opacity: 1; transform: none; }
.shw-launcher__dot { position: absolute; right: 4px; top: 4px; width: 12px; height: 12px; border-radius: 50%; background: var(--ok);
  box-shadow: 0 0 0 3px #121212; }
.shw-launcher__badge[hidden] { display: none; }
.shw-launcher__badge { position: absolute; right: -4px; top: -4px; min-width: 22px; height: 22px; padding: 0 6px; border-radius: 11px;
  background: var(--grad); color: #fff; font-size: 12px; font-weight: 800; display: grid; place-items: center; box-shadow: 0 0 0 3px var(--bg); z-index: 4; }

/* кошка: голова прячется за кнопкой, лапки держатся за край */
.shw-cat-clip { position: absolute; left: -16px; right: -16px; bottom: 54px; height: 100px; overflow: hidden; z-index: 2; pointer-events: none; }
.shw-cat { position: absolute; left: 50%; bottom: 0; width: 72px; margin-left: -36px; transform: translateY(110%);
  transition: transform .5s cubic-bezier(.3,1.4,.5,1); }
.shw-cat svg { display: block; width: 100%; height: auto; }
.shw[data-cat="ears"] .shw-cat { transform: translateY(62%); }
.shw[data-cat="eyes"] .shw-cat { transform: translateY(30%); }
.shw[data-cat="up"] .shw-cat, .shw[data-cat="sit"] .shw-cat { transform: translateY(0); }
.shw[data-cat="up"] .shw-cat svg { animation: shw-pull .5s cubic-bezier(.3,1.3,.5,1); transform-origin: 50% 100%; }
@keyframes shw-pull { 0% { transform: scale(1,.9); } 60% { transform: scale(.96,1.06); } 100% { transform: none; } }
.shw[data-cat="duck"] .shw-cat { transform: translateY(110%); transition-duration: .3s; transition-timing-function: ease-in; }

.shw-eyes { transform-origin: 50px 50px; animation: shw-blink 4.6s infinite; }
@keyframes shw-blink { 0%, 92%, 100% { transform: scaleY(1); } 95% { transform: scaleY(.1); } }
.shw-ear-l { transform-origin: 30px 40px; } .shw-ear-r { transform-origin: 70px 40px; }
.shw[data-cat="sit"] .shw-ear-r { animation: shw-twitch 5.5s 1s infinite; }
.shw[data-cat="ears"] .shw-ear-l, .shw[data-cat="ears"] .shw-ear-r { animation: shw-twitch .6s 2; }
@keyframes shw-twitch { 0%, 88%, 100% { transform: rotate(0); } 92% { transform: rotate(-12deg); } 96% { transform: rotate(6deg); } }
.shw[data-cat="sit"] .shw-cat svg { animation: shw-tilt 7s 2s ease-in-out infinite; transform-origin: 50% 90%; }
@keyframes shw-tilt { 0%, 80%, 100% { transform: rotate(0); } 86%, 94% { transform: rotate(-7deg); } }

.shw-paws { position: absolute; left: 50%; top: -7px; width: 52px; margin-left: -26px; display: flex; justify-content: space-between;
  z-index: 4; pointer-events: none; opacity: 0; transform: translateY(-8px) scale(.8); transition: opacity .2s, transform .35s cubic-bezier(.3,1.6,.5,1); }
.shw-paws svg { width: 20px; height: auto; display: block; }
.shw[data-cat="up"] .shw-paws, .shw[data-cat="sit"] .shw-paws, .shw[data-cat="eyes"].paws .shw-paws { opacity: 1; transform: none; }
.shw[data-cat="duck"] .shw-paws { opacity: 0; transform: translateY(6px); transition-duration: .15s; }

.shw-tail { position: absolute; left: 44px; bottom: 26px; width: 30px; z-index: 1; pointer-events: none; transform-origin: 6px 56px;
  opacity: 0; transform: rotate(40deg) scale(.4); transition: opacity .3s, transform .5s cubic-bezier(.3,1.5,.5,1); }
.shw[data-cat="sit"] .shw-tail { opacity: 1; transform: none; animation: shw-sway 3.2s ease-in-out .5s infinite; }
@keyframes shw-sway { 0%, 100% { transform: rotate(0); } 50% { transform: rotate(-14deg); } }

/* реплика кошки */
.shw-say { position: absolute; right: 78px; bottom: 58px; width: max-content; max-width: 280px; padding: 14px 34px 14px 16px; border-radius: 18px 18px 6px 18px;
  background: #151515; border: 1px solid var(--b2); box-shadow: 0 16px 40px rgba(0,0,0,.55); color: var(--t1); cursor: pointer; text-align: left;
  opacity: 0; transform: translate(10px, 10px) scale(.9); transform-origin: 100% 100%; pointer-events: none;
  transition: opacity .3s, transform .45s cubic-bezier(.3,1.4,.5,1); }
.shw-say::before { content: ''; position: absolute; inset: -1px; border-radius: inherit; padding: 1px; background: var(--grad); opacity: .55;
  -webkit-mask: linear-gradient(#000 0 0) content-box, linear-gradient(#000 0 0); -webkit-mask-composite: xor; mask-composite: exclude; pointer-events: none; }
.shw.say .shw-say { opacity: 1; transform: none; pointer-events: auto; }
.shw-say__text { display: block; font-size: 15px; line-height: 1.4; font-weight: 700; }
.shw-say__cta { display: inline-flex; align-items: center; gap: 4px; margin-top: 6px; font-size: 13px; font-weight: 700; color: var(--o); }
.shw-say__cta svg { width: 14px; height: 14px; transition: transform .2s; }
.shw-say:hover .shw-say__cta svg { transform: translateX(3px); }
.shw-say__x { position: absolute; right: 8px; top: 8px; width: 22px; height: 22px; border-radius: 50%; border: 0; background: transparent; color: var(--t3);
  display: grid; place-items: center; cursor: pointer; }
.shw-say__x:hover { background: var(--s2); color: var(--t1); }
.shw-say__x svg { width: 14px; height: 14px; }
.shw-typing { display: inline-flex; gap: 4px; padding: 6px 0; }
.shw-typing i { width: 7px; height: 7px; border-radius: 50%; background: var(--t3); animation: shw-dot 1s infinite; }
.shw-typing i:nth-child(2) { animation-delay: .15s; } .shw-typing i:nth-child(3) { animation-delay: .3s; }
@keyframes shw-dot { 0%, 60%, 100% { transform: none; opacity: .5; } 30% { transform: translateY(-4px); opacity: 1; } }
.shw-say .shw-say__msg { display: none; } .shw-say.typed .shw-say__msg { display: block; animation: shw-in .35s ease; } .shw-say.typed .shw-typing { display: none; }
@keyframes shw-in { from { opacity: 0; transform: translateY(4px); } }

/* меню выбора канала */
.shw-menu { position: absolute; right: 0; bottom: 80px; width: 360px; max-width: calc(100vw - 32px); border-radius: 24px; overflow: hidden;
  background: #0F0F0F; border: 1px solid var(--b1); box-shadow: 0 24px 70px rgba(0,0,0,.65); color: var(--t1);
  opacity: 0; visibility: hidden; transform: translateY(14px) scale(.96); transform-origin: 100% 100%;
  transition: opacity .25s, transform .4s cubic-bezier(.2,1,.3,1), visibility .4s; }
.shw.is-open .shw-menu { opacity: 1; visibility: visible; transform: none; }
.shw-menu__head { display: flex; align-items: center; gap: 12px; padding: 18px 18px 16px;
  background: radial-gradient(120% 140% at 0% 0%, rgba(255,74,30,.16), transparent 60%); border-bottom: 1px solid var(--b1); }
.shw-avatar { position: relative; width: 44px; height: 44px; flex: none; }
.shw-avatar img { width: 100%; height: 100%; display: block; }
.shw-avatar::after { content: ''; position: absolute; right: -1px; bottom: -1px; width: 12px; height: 12px; border-radius: 50%; background: var(--ok); box-shadow: 0 0 0 3px #0F0F0F; }
.shw-menu__who { flex: 1; min-width: 0; }
.shw-menu__who b { display: block; font-size: 16px; font-weight: 800; }
.shw-menu__who small { display: flex; align-items: center; gap: 6px; margin-top: 2px; font-size: 12.5px; color: var(--t2); }
.shw-menu__who small svg { width: 13px; height: 13px; color: var(--o); flex: none; }
.shw-icon-btn { width: 34px; height: 34px; border-radius: 10px; border: 1px solid var(--b2); background: transparent; color: var(--t2);
  display: grid; place-items: center; cursor: pointer; transition: background-color .2s, color .2s, border-color .2s; flex: none; }
.shw-icon-btn:hover { background: var(--s2); color: var(--t1); }
.shw-icon-btn:focus-visible { outline: none; border-color: var(--o); }
.shw-icon-btn svg { width: 18px; height: 18px; }
.shw-menu__body { padding: 18px; }
.shw-menu__title { margin: 0; font-size: 20px; font-weight: 800; letter-spacing: -.02em; }
.shw-menu__sub { margin: 4px 0 14px; font-size: 14px; color: var(--t2); }
.shw-list { display: grid; gap: 8px; margin: 0; padding: 0; list-style: none; }
.shw-opt { position: relative; display: flex; align-items: center; gap: 12px; padding: 10px 12px; border-radius: 14px; text-decoration: none; color: var(--t1);
  background: var(--s1); border: 1px solid var(--b1); cursor: pointer; width: 100%; font: inherit; text-align: left;
  opacity: 0; transform: translateY(8px); transition: background-color .2s, border-color .2s, transform .2s; }
.shw.is-open .shw-opt { animation: shw-opt .45s cubic-bezier(.2,.9,.3,1.2) forwards; }
.shw.is-open .shw-list li:nth-child(2) .shw-opt { animation-delay: .04s; } .shw.is-open .shw-list li:nth-child(3) .shw-opt { animation-delay: .08s; }
.shw.is-open .shw-list li:nth-child(4) .shw-opt { animation-delay: .12s; } .shw.is-open .shw-list li:nth-child(5) .shw-opt { animation-delay: .16s; }
.shw.is-open .shw-list li:nth-child(6) .shw-opt { animation-delay: .2s; }
@keyframes shw-opt { to { opacity: 1; transform: none; } }
.shw-opt:hover, .shw-opt:focus-visible { outline: none; background: var(--s2); border-color: rgba(255,90,40,.45); }
.shw-opt__ic { width: 40px; height: 40px; border-radius: 12px; flex: none; display: grid; place-items: center; color: var(--t1);
  background: #1C1C1C; border: 1px solid var(--b2); transition: background .2s, border-color .2s, color .2s; }
.shw-opt__ic svg { width: 20px; height: 20px; }
.shw-opt:hover .shw-opt__ic, .shw-opt:focus-visible .shw-opt__ic { background: var(--grad); border-color: transparent; color: #fff; }
.shw-opt__txt { flex: 1; min-width: 0; }
.shw-opt__txt b { display: block; font-size: 15px; font-weight: 700; }
.shw-opt__txt small { display: block; margin-top: 1px; font-size: 12.5px; color: var(--t3); white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.shw-opt__go { width: 18px; height: 18px; color: var(--t3); flex: none; transition: transform .2s, color .2s; }
.shw-opt:hover .shw-opt__go { color: var(--o); transform: translateX(3px); }
.shw-opt--main { padding: 14px; background: linear-gradient(135deg, rgba(255,138,0,.14), rgba(255,45,85,.10)); border-color: rgba(255,90,40,.4); }
.shw-opt--main .shw-opt__ic { background: var(--grad); border-color: transparent; color: #fff; box-shadow: 0 8px 20px rgba(255,59,48,.35); }
.shw-opt--main small { color: var(--t2); }
.shw-opt__tag { font-size: 10.5px; font-weight: 800; letter-spacing: .08em; text-transform: uppercase; color: var(--o);
  padding: 3px 8px; border-radius: 999px; background: rgba(255,138,0,.12); border: 1px solid rgba(255,138,0,.3); flex: none; }
.shw-menu__foot { display: flex; align-items: center; justify-content: center; gap: 8px; padding: 12px 18px 16px; font-size: 13px; color: var(--t3); }
.shw-menu__foot a { color: var(--t1); font-weight: 700; text-decoration: none; display: inline-flex; align-items: center; gap: 6px; }
.shw-menu__foot a:hover { color: var(--o); }
.shw-menu__foot svg { width: 14px; height: 14px; color: var(--o); }

/* ---------- чат на сайте: новая тёмная тема (разметка и логика — прежние, site-chat.js) ---------- */
.adev-support-panel { position: fixed; right: 20px; bottom: 100px; z-index: 9991; width: 380px; max-width: calc(100vw - 32px);
  height: min(620px, calc(100vh - 130px)); display: flex; flex-direction: column; overflow: hidden; border-radius: 24px;
  background: #0F0F0F; border: 1px solid var(--b1); box-shadow: 0 24px 70px rgba(0,0,0,.65); color: var(--t1);
  opacity: 0; visibility: hidden; transform: translateY(14px) scale(.96); transform-origin: 100% 100%;
  transition: opacity .25s, transform .4s cubic-bezier(.2,1,.3,1), visibility .4s; }
.adev-support.is-open .adev-support-panel { opacity: 1; visibility: visible; transform: none; }
.adev-support-head { display: flex; align-items: center; justify-content: space-between; gap: 10px; padding: 16px 16px 14px;
  background: radial-gradient(120% 140% at 0% 0%, rgba(255,74,30,.16), transparent 60%); border-bottom: 1px solid var(--b1); }
.adev-support-identity { display: flex; align-items: center; gap: 12px; min-width: 0; }
.adev-support-avatar { position: relative; width: 42px; height: 42px; flex: none; display: grid; place-items: center; border-radius: 12px; background: #141414; border: 1px solid var(--b2); }
.adev-support-avatar img { width: 22px !important; height: auto !important; }
.adev-support-avatar::after { content: ''; position: absolute; right: -3px; bottom: -3px; width: 12px; height: 12px; border-radius: 50%; background: var(--ok); box-shadow: 0 0 0 3px #131313; }
.adev-support-identity > div { min-width: 0; }
.adev-support-hours { line-height: 1.35; }
.adev-support-identity strong { display: block; font-size: 15.5px; font-weight: 800; color: var(--t1); }
.adev-support-hours { display: flex; align-items: center; gap: 6px; margin-top: 2px; font-size: 12px; color: var(--t2); }
.adev-support-hours svg { width: 13px; height: 13px; color: var(--o); flex: none; }
.adev-support-head-actions { display: flex; align-items: center; gap: 8px; }
.adev-support-live { display: none !important; } /* статус — зелёная точка на аватаре */
.adev-support-live-old { display: inline-flex; align-items: center; gap: 6px; height: 26px; padding: 0 10px; border-radius: 999px; font-size: 12px; font-weight: 700;
  color: var(--t1); background: #161616; border: 1px solid var(--b2); }
.adev-support-live i { width: 7px; height: 7px; border-radius: 50%; background: var(--ok); }
.adev-support-close, .shw-back { width: 32px; height: 32px; border-radius: 10px; border: 1px solid var(--b2); background: transparent; color: var(--t2);
  display: grid; place-items: center; cursor: pointer; }
.adev-support-close:hover, .shw-back:hover { background: var(--s2); color: var(--t1); }
.adev-support-close svg, .shw-back svg { width: 16px; height: 16px; }
.adev-support-intro { padding: 14px 16px 12px; border-bottom: 1px solid var(--b1); }
.adev-support-intro p { margin: 0 0 10px; font-size: 13.5px; color: var(--t2); }
.adev-support-quick { display: grid; grid-template-columns: 1fr 1fr; gap: 8px; }
.adev-support-quick button { display: flex; align-items: center; gap: 8px; min-height: 42px; padding: 6px 10px; border-radius: 12px; cursor: pointer; text-align: left;
  background: var(--s1); border: 1px solid var(--b1); color: var(--t1); font-weight: 700; font-size: 13px; line-height: 1.2; transition: border-color .2s, background-color .2s; }
.adev-support-quick button:hover { border-color: rgba(255,90,40,.45); background: var(--s2); }
.adev-support-quick-icon { width: 26px; height: 26px; border-radius: 8px; display: grid; place-items: center; flex: none; color: var(--o);
  background: rgba(255,138,0,.1); border: 1px solid rgba(255,138,0,.22); }
.adev-support-quick-icon svg { width: 15px; height: 15px; }
.adev-support-history { flex: 1; overflow-y: auto; padding: 16px; display: flex; flex-direction: column; gap: 12px; background: var(--bg);
  scrollbar-width: thin; scrollbar-color: #2A2A2A transparent; }
.adev-support-welcome, .adev-support-message { display: flex; align-items: flex-end; gap: 8px; }
.adev-support-message.is-outgoing { justify-content: flex-end; }
.adev-support-message-avatar { width: 28px; height: 28px; flex: none; display: grid; place-items: center; border-radius: 9px; background: #141414; border: 1px solid var(--b2); }
.adev-support-message-avatar img { width: 15px !important; height: auto !important; }
.adev-support-bubble { max-width: 80%; padding: 10px 13px; border-radius: 16px 16px 16px 6px; background: var(--s1); border: 1px solid var(--b1); }
.adev-support-bubble p { margin: 0; font-size: 14px; line-height: 1.5; color: var(--t1); white-space: pre-wrap; word-wrap: break-word; }
.adev-support-bubble small { display: block; margin-top: 4px; font-size: 11px; color: var(--t3); }
.is-outgoing .adev-support-bubble { border-radius: 16px 16px 6px 16px; background: var(--grad); border-color: transparent; }
.is-outgoing .adev-support-bubble p { color: #fff; }
.is-outgoing .adev-support-bubble small { color: rgba(255,255,255,.75); }
.adev-support-contact { padding: 12px 16px; border-top: 1px solid var(--b1); background: #121212; }
.adev-support-contact[hidden] { display: none; }
.adev-support-contact-grid { display: grid; gap: 8px; }
.adev-support-contact label span { display: block; margin-bottom: 4px; font-size: 12px; color: var(--t2); }
.adev-support-contact input { width: 100%; box-sizing: border-box; height: 40px; padding: 0 12px; border-radius: 10px; background: var(--s2); border: 1px solid var(--b2); color: var(--t1); font-weight: 500; font-size: 14px; }
.adev-support-contact input:focus { outline: none; border-color: var(--o); box-shadow: 0 0 0 3px rgba(255,138,0,.25); }
.adev-support-contact-actions { display: flex; justify-content: flex-end; gap: 8px; margin-top: 10px; }
.adev-support-contact-actions button { height: 36px; padding: 0 14px; border-radius: 10px; font-weight: 700; font-size: 13px; cursor: pointer; border: 1px solid var(--b2); background: transparent; color: var(--t1); }
.adev-support-contact-actions [data-chat-contact-save] { background: var(--grad); border-color: transparent; color: #fff; }
.adev-support-foot { padding: 10px 12px 12px; border-top: 1px solid var(--b1); background: #0F0F0F; }
.adev-support-meta { display: flex; flex-wrap: wrap; gap: 6px; margin-bottom: 10px; }
.adev-support-meta > * { display: inline-flex; align-items: center; gap: 5px; height: 26px; padding: 0 10px; border-radius: 999px; font-weight: 600; font-size: 11.5px;
  color: var(--t2); background: var(--s1); border: 1px solid var(--b1); }
.adev-support-meta button { cursor: pointer; } .adev-support-meta button:hover { color: var(--t1); border-color: rgba(255,90,40,.45); }
.adev-support-meta svg { width: 13px; height: 13px; color: var(--o); }
.adev-support-compose { display: flex; align-items: flex-end; gap: 8px; padding: 6px 6px 6px 14px; border-radius: 16px; background: var(--s1); border: 1px solid var(--b2); transition: border-color .2s, box-shadow .2s; }
.adev-support-compose:focus-within { border-color: var(--o); box-shadow: 0 0 0 3px rgba(255,138,0,.2); }
.adev-support-compose textarea { flex: 1; min-height: 24px; max-height: 104px; padding: 9px 0; border: 0; outline: 0; resize: none; background: transparent; color: var(--t1); font-weight: 500; font-size: 14.5px; line-height: 1.4; }
.adev-support-compose textarea::placeholder { color: var(--t3); }
.adev-support-compose button { width: 42px; height: 42px; flex: none; border: 0; border-radius: 12px; cursor: pointer; display: grid; place-items: center; color: #fff;
  background: var(--grad); box-shadow: 0 8px 20px rgba(255,59,48,.3); transition: transform .2s; }
.adev-support-compose button:hover { transform: scale(1.05); } .adev-support-compose button:disabled { opacity: .5; }
.adev-support-compose button svg { width: 18px; height: 18px; }
.adev-support-status-row { margin-top: 8px; text-align: center; }
.adev-support-status-row small { font-size: 11px; color: var(--t3); }
.adev-support-status-row small[data-state="error"] { color: var(--r); }
.adev-support-unread { display: none !important; } /* счётчик переносится на новую кнопку */

/* ---------- chat composer focus: one restrained focus ring, no double outline (v22.1) ---------- */
/* The panel itself communicates textarea focus. Global :focus-visible rules must not
   draw a second (offset) orange rectangle inside the composer. */
.adev-support .adev-support-compose textarea:focus,
.adev-support .adev-support-compose textarea:focus-visible {
  outline: none !important;
  outline-offset: 0 !important;
  box-shadow: none !important;
}
.adev-support .adev-support-compose:focus-within {
  border-color: rgba(255, 138, 0, .48) !important;
  box-shadow: 0 0 0 2px rgba(255, 138, 0, .075) !important;
}
/* Keyboard users still get a distinct indicator when the send button is focused. */
.adev-support .adev-support-compose button:focus-visible {
  outline: 2px solid rgba(255, 216, 171, .9) !important;
  outline-offset: 2px !important;
}

/* ---------- мобильные ---------- */
@media (max-width: 520px) {
  .shw { right: 14px; bottom: 14px; }
  .shw-menu { position: fixed; left: 10px; right: 10px; bottom: 92px; width: auto; max-width: none; }
  .shw-say { max-width: 200px; }
  .adev-support-panel { left: 0; right: 0; bottom: 0; width: 100%; max-width: none; height: calc(100% - 56px); border-radius: 24px 24px 0 0; transform-origin: 50% 100%; }
  .adev-support.is-open ~ .shw, .shw.chat-open { opacity: 0; pointer-events: none; }
}
@media (prefers-reduced-motion: reduce) {
  .shw *, .adev-support * { animation: none !important; transition-duration: .01ms !important; }
  .shw-opt { opacity: 1; transform: none; }
}

/* /assets/css/sitehub-chat-consent.css */
/* SiteHub chat — personal-data consent row (above the message box).
   Same wording pattern and "required" badge as the site's other forms. Self-contained, brand tokens with fallbacks. */

.adev-support-consent {
  position: relative; display: flex; align-items: flex-start; gap: 10px; margin: 0 0 8px; padding: 8px 10px; border-radius: 12px; cursor: pointer;
  background: rgba(255, 138, 0, .05); border: 1px solid rgba(255, 138, 0, .26); color: #CFC6BF; font-size: 12px; line-height: 1.4;
  transition: border-color .2s, background-color .2s; box-sizing: border-box;
}
.adev-support-consent[hidden] { display: none !important; }
.adev-support-consent:hover { border-color: rgba(255, 138, 0, .5); }
.adev-support-consent input { position: absolute; opacity: 0; width: 1px; height: 1px; }
.adev-support-consent__box {
  display: grid; place-items: center; flex: none; width: 20px; height: 20px; margin-top: 1px; border-radius: 6px; color: transparent;
  background: #1B1917; border: 1px solid #4A403A; transition: background-color .2s, border-color .2s, color .2s, box-shadow .2s;
}
.adev-support-consent__box svg { width: 13px; height: 13px; stroke-width: 3; opacity: 0 !important; color: #fff !important; } /* the tick is drawn only when checked, whatever the chat theme sets on svg */
.adev-support-consent input:checked + .adev-support-consent__box svg { opacity: 1 !important; }
.adev-support-consent input:checked + .adev-support-consent__box { color: #fff; border-color: transparent; background: linear-gradient(135deg, #FF8A00, #FF3B30 60%, #FF2D55); }
.adev-support-consent input:focus-visible + .adev-support-consent__box { box-shadow: 0 0 0 3px rgba(255, 138, 0, .5); }
.adev-support-consent__copy { display: block; min-width: 0; font-size: 12px; }
.adev-support-consent__copy b {
  display: inline-block; margin-right: 6px; padding: 1px 7px; vertical-align: 1px; border-radius: 99px; font-size: 10.5px; font-weight: 800; letter-spacing: .12em; text-transform: uppercase;
  color: #FF8A00; background: rgba(255, 138, 0, .1); border: 1px solid rgba(255, 138, 0, .3);
}
.adev-support-consent__copy a { color: #FFAE62; text-decoration: underline; text-underline-offset: 3px; }
.adev-support-consent__copy a:focus-visible { outline: none; border-radius: 3px; box-shadow: 0 0 0 3px rgba(255, 138, 0, .5); }

/* asked to tick it: red frame + a short shake */
.adev-support-consent input[aria-invalid="true"] + .adev-support-consent__box { border-color: #FF6B5E; box-shadow: 0 0 0 3px rgba(255, 107, 94, .2); }
.adev-support-consent.is-attn { border-color: #FF6B5E; background: rgba(255, 107, 94, .08); animation: adev-consent-shake .4s ease; }
@keyframes adev-consent-shake { 20% { transform: translateX(-5px); } 40% { transform: translateX(5px); } 60% { transform: translateX(-3px); } 80% { transform: translateX(3px); } }

@media (max-width: 420px) { .adev-support-consent { padding: 9px 10px; font-size: 12px; } }
@media (prefers-reduced-motion: reduce) { .adev-support-consent, .adev-support-consent__box { transition: none; } .adev-support-consent.is-attn { animation: none; } }

/* /assets/sitehub/header-v24.css */

/* =====================================================================
   sitehub.md — шапка с мега-меню (префикс mm-)
   ===================================================================== */
.mm { --o: var(--sh-orange, #FF8A00); --r: var(--sh-red, #FF3B30); --p: var(--sh-pink, #FF2D55);
  --t1: var(--sh-text, #F5F5F5); --t2: var(--sh-text-2, #B3B3B3); --t3: var(--sh-text-3, #8A8A8A);
  --b1: var(--sh-border, #1F1F1F); --b2: var(--sh-border-2, #2A2A2A); --s1: var(--sh-surface, #141414); --s2: var(--sh-surface-2, #1A1A1A);
  --grad: linear-gradient(90deg, var(--o), var(--r) 55%, var(--p));
  --mm-h: 76px; --mm-w: 1320px;
  position: fixed; inset: 0 0 auto; z-index: 1000; font-family: var(--sh-font, 'Manrope', system-ui, sans-serif); color: var(--t1); }
.mm *, .mm *::before, .mm *::after { box-sizing: border-box; }
.mm a { text-decoration: none; color: inherit; }
.mm svg { flex: none; }

/* ---------- полоса ---------- */
.mm-bar { position: relative; z-index: 3; display: flex; align-items: center; gap: 24px; height: var(--mm-h); max-width: var(--mm-w); margin: 0 auto;
  padding: 0 clamp(16px, 4vw, 40px); }
.mm::before { content: ''; position: absolute; inset: 0 0 auto; height: var(--mm-h); z-index: 2; border-bottom: 1px solid transparent;
  transition: background-color .3s, border-color .3s, backdrop-filter .3s; }
.mm.is-scrolled::before, .mm.is-open::before, .mm.is-drawer::before { background: rgba(11,11,11,.82); -webkit-backdrop-filter: blur(16px) saturate(140%); backdrop-filter: blur(16px) saturate(140%); border-bottom-color: var(--b1); }
.mm.is-open::before { background: #0E0E0E; }
.mm-logo-link img { display: block; height: 40px; width: auto; }

.mm-nav { position: relative; margin-left: 8px; }
.mm-nav ul { display: flex; gap: 2px; margin: 0; padding: 0; list-style: none; }
.mm-pill { position: absolute; top: 0; left: 0; height: 40px; width: 0; border-radius: 11px; background: rgba(255,255,255,.06); opacity: 0; pointer-events: none;
  transition: transform .35s cubic-bezier(.2,.8,.2,1), width .35s cubic-bezier(.2,.8,.2,1), opacity .2s; }
.mm-pill::after { content: ''; position: absolute; left: 14px; right: 14px; bottom: -1px; height: 2px; border-radius: 2px; background: var(--grad); opacity: 0; transition: opacity .25s; }
.mm.is-open .mm-pill::after { opacity: 1; }
.mm-trigger { position: relative; display: inline-flex; align-items: center; gap: 6px; height: 40px; padding: 0 14px; border: 0; border-radius: 11px; background: transparent;
  color: var(--t2); font: inherit; font-size: 15px; font-weight: 600; cursor: pointer; transition: color .2s; }
.mm .mm-trigger--link { color: var(--t2); }
.mm-trigger:hover, .mm .mm-trigger--link:hover, .mm-trigger[aria-expanded="true"] { color: var(--t1); }
.mm-trigger:focus-visible { outline: none; box-shadow: 0 0 0 3px rgba(255,138,0,.45); }
.mm-chev { width: 15px; height: 15px; opacity: .7; transition: transform .3s; }
.mm-trigger[aria-expanded="true"] .mm-chev { transform: rotate(180deg); opacity: 1; color: var(--o); }

.mm-end { display: flex; align-items: center; gap: 10px; margin-left: auto; }
.mm-lang { display: flex; padding: 3px; border-radius: 11px; border: 1px solid var(--b2); background: rgba(255,255,255,.02); }
.mm-lang a { padding: 5px 9px; border-radius: 8px; font-size: 12.5px; font-weight: 700; color: var(--t3); transition: color .2s, background-color .2s; }
.mm-lang a:hover { color: var(--t1); }
.mm-lang a[aria-current] { color: var(--t1); background: var(--s2); box-shadow: inset 0 0 0 1px var(--b2); }
.mm-cab { display: inline-flex; align-items: center; gap: 8px; height: 42px; padding: 0 14px; border-radius: 11px; border: 1px solid var(--b2); font-size: 14px; font-weight: 600;
  transition: border-color .2s, background-color .2s; }
.mm-cab svg { width: 17px; height: 17px; color: var(--o); }
.mm-cab:hover { border-color: rgba(255,90,40,.5); background: var(--s1); }
.mm-cta { display: inline-flex; align-items: center; gap: 8px; height: 42px; padding: 0 18px; border-radius: 11px; color: #fff !important; font-size: 14px; font-weight: 700;
  background: var(--grad); box-shadow: 0 10px 26px rgba(255,59,48,.3); transition: box-shadow .2s, transform .2s; white-space: nowrap; }
.mm-cta svg { width: 16px; height: 16px; transition: transform .2s; }
.mm-cta:hover { box-shadow: 0 14px 34px rgba(255,59,48,.45); } .mm-cta:hover svg { transform: translateX(3px); }
.mm-cab:focus-visible, .mm-cta:focus-visible, .mm-lang a:focus-visible { outline: none; box-shadow: 0 0 0 3px rgba(255,138,0,.45); }
.mm-burger { display: none; width: 44px; height: 44px; border-radius: 12px; border: 1px solid var(--b2); background: transparent; color: var(--t1); cursor: pointer; place-items: center; }
.mm-burger svg { grid-area: 1 / 1; width: 22px; height: 22px; transition: opacity .2s, transform .3s; }
.mm-burger__close { opacity: 0; transform: rotate(-90deg); }
.mm.is-drawer .mm-burger__open { opacity: 0; transform: rotate(90deg); }
.mm.is-drawer .mm-burger__close { opacity: 1; transform: none; }

/* ---------- мега-панель ---------- */
.mm-panel { position: absolute; left: 0; right: 0; top: var(--mm-h); z-index: 1; display: flex; justify-content: center; padding: 0 clamp(16px, 4vw, 40px);
  pointer-events: none; }
.mm-panel__in { position: relative; width: 100%; max-width: calc(var(--mm-w) - 2 * clamp(16px, 4vw, 40px)); height: 0; margin-top: 10px; overflow: hidden; border-radius: 24px;
  background: #0F0F0F; border: 1px solid var(--b1); box-shadow: 0 30px 80px rgba(0,0,0,.6);
  opacity: 0; transform: translateY(-8px) scale(.985); transform-origin: 50% 0;
  transition: height .4s cubic-bezier(.2,.8,.2,1), opacity .22s ease, transform .35s cubic-bezier(.2,.8,.2,1); }
.mm.is-open .mm-panel { pointer-events: auto; }
.mm.is-open .mm-panel__in { opacity: 1; transform: none; }
.mm-panel__in::before { content: ''; position: absolute; inset: 0 0 auto; height: 220px; pointer-events: none;
  background: radial-gradient(60% 100% at 0% 0%, rgba(255,74,30,.10), transparent 70%); }
.mm-sec { position: absolute; inset: 0 0 auto; transition: opacity .25s ease, transform .35s cubic-bezier(.2,.8,.2,1); }
.mm-sec[hidden] { display: block; visibility: hidden; opacity: 0; pointer-events: none; }
.mm-sec.from-right { transform: translateX(28px); } .mm-sec.from-left { transform: translateX(-28px); }

.mm-sec__head { display: flex; align-items: flex-end; justify-content: space-between; gap: 24px; padding: 26px 30px 22px; border-bottom: 1px solid var(--b1); }
.mm-eyebrow { margin: 0; font-size: 11.5px; font-weight: 800; letter-spacing: .18em; text-transform: uppercase; color: var(--o); }
.mm-title { margin: 6px 0 0; font-size: 28px; line-height: 1.1; font-weight: 800; letter-spacing: -.03em; }
.mm-sub { margin: 6px 0 0; font-size: 14.5px; color: var(--t2); }
.mm-all { display: inline-flex; align-items: center; gap: 8px; height: 40px; padding: 0 16px; border-radius: 11px; border: 1px solid var(--b2); font-size: 14px; font-weight: 700; flex: none;
  transition: border-color .2s, color .2s; }
.mm-all svg { width: 16px; height: 16px; color: var(--o); transition: transform .2s; }
.mm-all:hover { border-color: rgba(255,90,40,.5); } .mm-all:hover svg { transform: translateX(3px); }

.mm-sec__body { display: grid; grid-template-columns: minmax(0, 1fr) 300px; gap: 0; }
.mm-cols { display: grid; grid-template-columns: repeat(var(--cols), minmax(0, 1fr)); gap: 0; padding: 14px; }
.mm-col { padding: 10px 8px; }
.mm-col + .mm-col { border-left: 1px solid var(--b1); padding-left: 16px; }
.mm-col__h { margin: 0 0 8px 10px; font-size: 11.5px; font-weight: 800; letter-spacing: .14em; text-transform: uppercase; color: var(--t3); }
.mm-col__list { display: grid; gap: 2px; }
.mm-item { display: flex; align-items: center; gap: 12px; padding: 10px; border-radius: 14px; transition: background-color .2s; }
.mm-item:hover, .mm-item:focus-visible { background: var(--s2); outline: none; }
.mm-item:focus-visible { box-shadow: inset 0 0 0 1px rgba(255,138,0,.5); }
.mm-item__ic { width: 40px; height: 40px; border-radius: 12px; display: grid; place-items: center; flex: none; color: var(--o);
  background: rgba(255,138,0,.08); border: 1px solid rgba(255,138,0,.18); transition: background .25s, color .25s, border-color .25s, transform .25s; }
.mm-item__ic svg { width: 19px; height: 19px; }
.mm-item:hover .mm-item__ic, .mm-item:focus-visible .mm-item__ic { background: var(--grad); color: #fff; border-color: transparent; transform: scale(1.05); }
.mm-item__t { min-width: 0; }
.mm-item__t b { display: flex; align-items: center; gap: 5px; font-size: 14.5px; font-weight: 700; line-height: 1.3; }
.mm-item__t small { display: block; margin-top: 2px; font-size: 13px; color: var(--t3); line-height: 1.35; }
.mm-item__ext { width: 13px; height: 13px; color: var(--t3); }

.mm-logos { display: grid; grid-template-columns: 1fr 1fr; gap: 8px; }
.mm-logo { display: flex; flex-direction: column; align-items: center; justify-content: center; gap: 8px; height: 104px; border-radius: 14px; background: var(--s1); border: 1px solid var(--b1);
  transition: border-color .25s, background-color .25s; }
.mm-logo img { height: 40px; width: auto; max-width: 70%; opacity: .7; transition: opacity .25s, transform .3s; }
.mm-logo small { font-size: 12px; color: var(--t3); transition: color .25s; }
.mm-logo:hover { border-color: rgba(255,90,40,.45); background: var(--s2); }
.mm-logo:hover img { opacity: 1; transform: translateY(-2px); } .mm-logo:hover small { color: var(--o); }

/* правая карточка */
.mm-feat { position: relative; display: flex; flex-direction: column; gap: 8px; margin: 14px 14px 14px 0; padding: 22px; border-radius: 18px; overflow: hidden; isolation: isolate;
  background: var(--s1); border: 1px solid var(--b1); transition: border-color .25s; }
a.mm-feat:hover { border-color: rgba(255,90,40,.45); }
.mm-feat__lbl { font-size: 11.5px; font-weight: 800; letter-spacing: .14em; text-transform: uppercase; color: var(--o); }
.mm-feat__t { font-size: 19px; line-height: 1.25; font-weight: 800; letter-spacing: -.02em; }
.mm-feat__d { font-size: 13.5px; color: var(--t2); line-height: 1.5; }
.mm-feat__more { display: inline-flex; align-items: center; gap: 6px; margin-top: auto; padding-top: 8px; font-size: 14px; font-weight: 700; color: var(--o); }
.mm-feat__more svg { width: 16px; height: 16px; transition: transform .2s; }
a.mm-feat:hover .mm-feat__more svg { transform: translateX(3px); }
.mm-feat--grad { background: radial-gradient(120% 90% at 100% 0%, rgba(255,74,30,.30), transparent 60%), linear-gradient(160deg, #1A1310, #121212); border-color: rgba(255,90,40,.3); }
.mm-feat__big { width: 64px; height: 64px; border-radius: 18px; display: grid; place-items: center; margin: 8px 0 6px; color: #fff; background: var(--grad); box-shadow: 0 14px 30px rgba(255,59,48,.35); }
.mm-feat__big svg { width: 30px; height: 30px; }
.mm-feat__foot { display: flex; align-items: flex-end; justify-content: space-between; margin-top: auto; padding-top: 14px; border-top: 1px solid rgba(255,255,255,.08); }
.mm-feat__price { font-size: 20px; font-weight: 800; letter-spacing: -.02em; }
.mm-feat__price small { display: block; font-size: 12px; font-weight: 600; color: var(--t3); letter-spacing: 0; }
.mm-feat__go { width: 38px; height: 38px; border-radius: 11px; display: grid; place-items: center; border: 1px solid rgba(255,255,255,.14); transition: background .25s, transform .25s, border-color .25s; }
.mm-feat__go svg { width: 17px; height: 17px; }
a.mm-feat:hover .mm-feat__go { background: var(--grad); border-color: transparent; transform: rotate(-45deg); }
.mm-feat--img { padding-top: 0; }
.mm-feat__img { position: relative; display: block; margin: 0 -22px 8px; height: 150px; overflow: hidden; }
.mm-feat__img img { width: 100%; height: 100%; object-fit: cover; transition: transform 1s cubic-bezier(.2,.8,.2,1); }
.mm-feat__img::after { content: ''; position: absolute; inset: 40% 0 0; background: linear-gradient(transparent, var(--s1)); }
a.mm-feat:hover .mm-feat__img img { transform: scale(1.06); }
.mm-feat__logo { width: 34px; height: auto; margin: 6px 0 2px; }
.mm-feat__btns { display: flex; gap: 8px; margin-top: auto; padding-top: 10px; }
.mm-mini { display: inline-flex; align-items: center; gap: 6px; height: 36px; padding: 0 12px; border-radius: 10px; border: 1px solid var(--b2); font-size: 13px; font-weight: 700; transition: border-color .2s, color .2s; }
.mm-mini svg { width: 15px; height: 15px; color: var(--o); }
.mm-mini:hover { border-color: rgba(255,90,40,.5); color: var(--o) !important; }
.mm-calc { display: grid; gap: 6px; margin-top: 6px; }
.mm-calc__row { display: flex; justify-content: space-between; gap: 10px; padding: 9px 12px; border-radius: 10px; background: #101010; border: 1px solid var(--b1); font-size: 13px; color: var(--t2); }
.mm-calc__row b { color: var(--t1); font-weight: 800; }

/* нижняя полоса с акцией */
.mm-strip { display: flex; align-items: center; gap: 14px; padding: 14px 30px; border-top: 1px solid var(--b1); background: linear-gradient(90deg, rgba(255,138,0,.08), rgba(255,45,85,.05)); transition: background-color .2s; }
.mm-strip__ic { width: 32px; height: 32px; border-radius: 10px; display: grid; place-items: center; color: #fff; background: var(--grad); }
.mm-strip__ic svg { width: 16px; height: 16px; }
.mm-strip__l { font-size: 11.5px; font-weight: 800; letter-spacing: .14em; text-transform: uppercase; color: var(--o); white-space: nowrap; }
.mm-strip__t { flex: 1; font-size: 14.5px; font-weight: 700; color: var(--t1); }
.mm-strip__c { display: inline-flex; align-items: center; gap: 6px; font-size: 14px; font-weight: 700; color: var(--o); white-space: nowrap; }
.mm-strip__c svg { width: 16px; height: 16px; transition: transform .2s; }
.mm-strip:hover .mm-strip__c svg { transform: translateX(3px); }

/* затемнение страницы под меню */
.mm-scrim { position: fixed; inset: 0; z-index: 999; background: rgba(5,5,5,.55); -webkit-backdrop-filter: blur(3px); backdrop-filter: blur(3px);
  opacity: 0; visibility: hidden; transition: opacity .3s, visibility .3s; }
.mm-scrim.on { opacity: 1; visibility: visible; }

/* ---------- мобильное меню ---------- */
.mm-drawer { position: fixed; inset: var(--mm-h) 0 0; z-index: 1; display: flex; flex-direction: column; background: #0B0B0B;
  opacity: 0; visibility: hidden; transform: translateY(-10px); transition: opacity .25s, transform .35s cubic-bezier(.2,.8,.2,1), visibility .35s; }
.mm.is-drawer .mm-drawer { opacity: 1; visibility: visible; transform: none; }
.mm-drawer__scroll { flex: 1; overflow-y: auto; padding: 12px clamp(16px, 4vw, 40px) 24px; overscroll-behavior: contain; }
.mm-acc { display: block; border-bottom: 1px solid var(--b1); }
.mm-acc summary, .mm-acc--link { display: flex; align-items: center; justify-content: space-between; padding: 18px 2px; font-size: 22px; font-weight: 800; letter-spacing: -.02em; cursor: pointer; list-style: none; }
.mm-acc summary::-webkit-details-marker { display: none; }
.mm-acc summary .mm-chev { width: 20px; height: 20px; }
.mm-acc[open] summary { color: var(--o); }
.mm-acc[open] summary .mm-chev { transform: rotate(180deg); }
.mm-acc__list { display: grid; grid-template-columns: 1fr 1fr; gap: 6px; padding: 0 0 18px; }
.mm-acc__list a { display: flex; align-items: center; gap: 10px; padding: 8px; border-radius: 12px; font-size: 14px; font-weight: 700; line-height: 1.25; background: var(--s1); border: 1px solid var(--b1); }
.mm-acc__list .mm-item__ic { width: 34px; height: 34px; border-radius: 10px; }
.mm-acc__list .mm-item__ic svg { width: 16px; height: 16px; }
.mm-item__ic--logo { background: #1C1C1C; border-color: var(--b2); }
.mm-item__ic--logo img { width: 24px; height: auto; max-height: 22px; object-fit: contain; }
.mm-drawer__foot { display: flex; flex-wrap: wrap; align-items: center; gap: 10px; padding: 14px clamp(16px, 4vw, 40px) calc(14px + env(safe-area-inset-bottom)); border-top: 1px solid var(--b1); background: #0E0E0E; }
.mm-drawer__foot .mm-cta { flex: 1 1 100%; justify-content: center; height: 52px; font-size: 16px; order: -1; }
.mm-drawer__foot .mm-cab { flex: 1; justify-content: center; }

/* пока открыто мобильное меню, плавающие виджеты (кошка/чат) не перекрывают его */
.mm-drawer-open .shw, .mm-drawer-open .adev-support { visibility: hidden; }

/* ---------- адаптив ---------- */
@media (max-width: 1240px) { .mm-sec__body { grid-template-columns: minmax(0, 1fr) 260px; } .mm-bar .mm-cab span { display: none; } .mm-bar .mm-cab { padding: 0 11px; } }
@media (max-width: 1080px) {
  .mm-nav, .mm-bar > .mm-end > .mm-lang, .mm-bar > .mm-end > .mm-cab, .mm-panel { display: none; }
  .mm-burger { display: grid; }
}
@media (max-width: 520px) { .mm-bar > .mm-end > .mm-cta { display: none; } .mm-acc__list { grid-template-columns: 1fr; } }
@media (min-width: 1081px) { .mm-drawer { display: none; } }
@media (prefers-reduced-motion: reduce) { .mm *, .mm-scrim { transition-duration: .01ms !important; } }


/* SiteHub v2.4: hide legacy mobile nav, new mega menu is authoritative */
.mobile-panel#mobilePanel{display:none!important}
.site-client-portal-v185{display:none!important}
.mm{z-index:1100}
.mm-scrim{z-index:1090}
body:has(.sh-home-v23) .mm{display:block!important}
body:has(.sh-home-v23) .sh-home-v23 .hp-top{display:none!important}
body:has(.mm-drawer.is-open) .shw,body:has(.mm-drawer.is-open) .adev-support{visibility:hidden!important;pointer-events:none!important}

/* /assets/sitehub/sitehub-pages-v25.css */
/* =====================================================================
   sitehub.md — общий слой для ВСЕХ страниц (v25)
   Подключить ПОСЛЕДНИМ CSS-файлом на всех страницах.
   ===================================================================== */

/* ---------- 1. Логотип в шапке — крупнее ---------- */
.mm .mm-logo-link img { height: 48px !important; width: auto !important; }
.mm .mm-logo-link { display: inline-flex; align-items: center; flex: none; border-radius: 10px; }
.mm .mm-logo-link:focus-visible { outline: none; box-shadow: 0 0 0 3px rgba(255,138,0,.45); }
@media (max-width: 1080px) { .mm .mm-logo-link img { height: 42px !important; } }
@media (max-width: 420px)  { .mm .mm-logo-link img { height: 38px !important; } }

/* ---------- 2. Главные кнопки внутренних страниц — фирменный градиент ---------- */
:is(.wb26-btn-primary, .adlp26-btn-primary, .adlp26-preview-cta, .ard26-btn-main, .asp26-primary, .ec26-btn-primary,
    .oc26-button--primary, .oc26-button--solid, .s26-btn-primary, .c3d-btn--blue, .demoa26-primary, .pr26-primary,
    .pr26-last-btn, .sv26-btn-primary, .ad26-btn-primary, .adp-btn-primary, .core187-btn-primary, .pf26-btn-primary) {
  background: var(--sh-grad, linear-gradient(90deg,#FF8A00,#FF3B30 55%,#FF2D55)) !important;
  border-color: transparent !important; color: #fff !important;
  box-shadow: 0 10px 26px rgba(255,59,48,.28) !important;
  transition: transform .2s cubic-bezier(.2,.8,.2,1), box-shadow .2s !important;
}
:is(.wb26-btn-primary, .adlp26-btn-primary, .ard26-btn-main, .asp26-primary, .ec26-btn-primary, .oc26-button--primary,
    .oc26-button--solid, .s26-btn-primary, .c3d-btn--blue, .demoa26-primary, .pr26-primary, .pr26-last-btn):hover {
  transform: translateY(-1px); box-shadow: 0 14px 34px rgba(255,59,48,.42) !important;
}

/* ---------- 3. Спокойные анимации появления (только если JS работает) ---------- */
html.sh-anim .sh-rv { opacity: 0; transform: translateY(22px); transition: opacity .7s ease, transform .8s cubic-bezier(.2,.8,.2,1); }
html.sh-anim .sh-rv.sh-in { opacity: 1; transform: none; }
html.sh-anim .sh-rv-kid { opacity: 0; transform: translateY(14px); transition: opacity .55s ease, transform .6s cubic-bezier(.2,.8,.2,1); transition-delay: calc(var(--i, 0) * 60ms); }
html.sh-anim .sh-in .sh-rv-kid { opacity: 1; transform: none; }
html.sh-anim .sh-hero-in > * { animation: sh-hero-in .8s cubic-bezier(.2,.8,.2,1) both; animation-delay: calc(var(--i, 0) * 90ms + 80ms); }
@keyframes sh-hero-in { from { opacity: 0; transform: translateY(16px); } }
/* карточки: лёгкий подъём при наведении */
main :is(article, [class*="-card"], [class*="card-"]):not(.mm *):not(.shw *) { transition: transform .3s cubic-bezier(.2,.8,.2,1), border-color .3s, box-shadow .3s; }
@media (hover: hover) {
  main :is(a[class*="-card"], a[class*="card"], article:has(> a)):hover { transform: translateY(-3px); }
}
/* аккордеоны */
main details > summary { cursor: pointer; transition: color .2s; }
main details > summary:hover { color: var(--sh-orange, #FF8A00); }
main details[open] > :not(summary) { animation: sh-acc .35s ease both; }
@keyframes sh-acc { from { opacity: 0; transform: translateY(-4px); } }
/* страховка: если скрипт не запустился — всё видно */
html.sh-rescue .sh-rv, html.sh-rescue .sh-rv-kid { opacity: 1 !important; transform: none !important; }
@media (prefers-reduced-motion: reduce) {
  html.sh-anim .sh-rv, html.sh-anim .sh-rv-kid, html.sh-anim .sh-hero-in > * { opacity: 1 !important; transform: none !important; animation: none !important; transition: none !important; }
}

/* ---------- 4. Мелочи ---------- */
/* синий переключатель «включено» в превью Cookie-центра (задан прямо в разметке) */
.privacy-preview i[style*="2f72d8"] { background: var(--sh-orange, #FF8A00) !important; }

/* =====================================================================
   5. Перекрытие цветов из стилей, встроенных прямо в шаблоны страниц
   ===================================================================== */
/* встроенные стили: ro_aplicatie_mobila, ro_arhiva_demo, ro_automatizare_business … */
html:root body .ad26-showcase-summary-v137 .ad26-proof-card{border:1px solid rgba(255,255,255,0.1);background:linear-gradient(155deg,#141414 0%,#141414 100%);box-shadow:0 18px 48px rgba(0,0,0,0.128)}
html:root body .ad26-showcase-summary-v137 .ad26-proof-card::after{background:radial-gradient(circle,rgba(255,138,0,0.12) 0%,rgba(255,138,0,0) 70%)}
html:root body .ad26-showcase-summary-v137 .ad26-proof-card-primary{border-color:rgba(255,110,40,0.55);background:linear-gradient(155deg,#141414 0%,#141414 100%)}
html:root body .ad26-proof-index{background:#121212;color:#B2B2B2}
html:root body .ad26-proof-top small{color:#B2B2B2}
html:root body .ad26-proof-live{background:#121212;color:#59E4A9}
html:root body .ad26-showcase-summary-v137 .ad26-proof-card>strong{color:#FF8A00}
html:root body .ad26-showcase-summary-v137 .ad26-proof-card>p{color:#949494}
html:root body .ad26-proof-metric, html:root body .ad26-proof-action{border-top:1px solid rgba(255,255,255,0.1)}
html:root body .ad26-proof-metric b{color:#FF8A00}
html:root body .ad26-proof-metric span, html:root body .ad26-proof-action span{color:#F5F5F5}
html:root body .ad26-proof-action b{background:#18120F;box-shadow:0 8px 18px rgba(0,0,0,0.352)}

/* встроенные стили: ro_configurator_3d_moldova */
html:root body .c3d{--c3d-navy:#0F0F0F;--c3d-ink:#F5F5F5;--c3d-blue:#B2B2B2;--c3d-muted:#949494;--c3d-soft:#141414;--c3d-border:rgba(255,255,255,0.1)}
html:root body .c3d a:focus-visible, html:root body .c3d button:focus-visible, html:root body .c3d input:focus-visible+label, html:root body .c3d summary:focus-visible{outline:3px solid rgba(255,110,40,0.55)}
html:root body .c3d-bc{color:#949494}
html:root body .c3d-bc span{color:#B5B5B5}
html:root body .c3d-hero{background:linear-gradient(125deg,#0F0F0F,#101010 69%,#131313);box-shadow:0 30px 70px -42px rgba(0,0,0,0.6)}
html:root body .c3d-eyebrow{color:#FF8A00}
html:root body .c3d-hero p{color:#D1D1D1}
html:root body .c3d-btn--blue{background:#E8421C;box-shadow:0 12px 30px -20px rgba(0,0,0,0.6)}
html:root body .c3d-btn--blue:hover{background:#E8421C}
html:root body .c3d-btn--light{background:rgba(255,255,255,0.06);border-color:rgba(255,255,255,0.1)}
html:root body .c3d-btn--light:hover{background:rgba(255,255,255,0.06)}
html:root body .c3d-proof{color:#D1D1D1}
html:root body .c3d-proof svg{color:#B2B2B2}
html:root body .c3d-preview{background:#141414}
html:root body .c3d-preview-foot{color:#F5F5F5;background:#141414}
html:root body .c3d-preview-foot small{color:#949494}
html:root body .c3d-selector{background:#141414}
html:root body .c3d-tabs label{color:#949494;background:#121212}
html:root body .c3d-selector:has(#c3d-radio-a:checked) label[for=c3d-radio-a], html:root body .c3d-selector:has(#c3d-radio-b:checked) label[for=c3d-radio-b], html:root body .c3d-selector:has(#c3d-radio-c:checked) label[for=c3d-radio-c]{background:#E8421C}
html:root body .c3d-choice-panel p{color:#E6E6E6}
html:root body .c3d-tags span{background:#121212;color:#F5F5F5}
html:root body .c3d-illustrate{background:#121212}
html:root body .c3d-illustrate p{color:#E6E6E6}
html:root body .c3d-illustrate .c3d-visual-list span{background:#141414;color:#F5F5F5}
html:root body .c3d-feature{background:#141414}
html:root body .c3d-feature:hover{box-shadow:0 20px 40px -34px rgba(0,0,0,0.6)}
html:root body .c3d-feature-icon{color:#FF8A00;background:#121212}
html:root body .c3d-project{background:#101010}
html:root body .c3d-project-info p{color:#D1D1D1}
html:root body .c3d-step{background:#141414}
html:root body .c3d-step>small{color:#FF8A00}
html:root body .c3d-step p{color:#949494}
html:root body .c3d-price{background:#121212}
html:root body .c3d-price strong{color:#FF8A00}
html:root body .c3d-price p, html:root body .c3d-final p{color:#949494}
html:root body .c3d-final{background:#0F0F0F}
html:root body .c3d-final p{color:#D1D1D1}
html:root body .c3d-faq details{background:#141414}
html:root body .c3d-faq summary::after{color:#B2B2B2}
html:root body .c3d-faq details p{color:#949494}
html:root body .c3d-hero-example{background:#141414;color:#F5F5F5}
html:root body .c3d-hero-example-details small{color:#949494}
html:root body .c3d-hero-example-action{color:#B2B2B2}
html:root body .c3d-usecases{background:#121212}
html:root body .c3d-usecases header p{color:#949494}
html:root body .c3d-usecase-row{background:#141414}
html:root body .c3d-usecase-row small{color:#949494}
html:root body .c3d-usecase-icon{background:#121212;color:#FF8A00}
html:root body .c3d-usecase-row>a{color:#FF8A00;background:#121212}
html:root body .c3d-usecase-row>a:hover, html:root body .c3d-usecase-row>a:focus-visible{background:#18120F}
html:root body .c3d-case{background:#141414;border:1px solid rgba(255,255,255,0.1)}
html:root body .c3d-case:hover{box-shadow:0 21px 46px -35px rgba(0,0,0,0.6)}
html:root body .c3d-case-image{background:#121212}
html:root body .c3d-case-category{color:#B2B2B2}
html:root body .c3d-case-text p{color:#949494}
html:root body .c3d-case-text>a{color:#FF8A00}

/* встроенные стили: ro_creare_landing_page_moldova */
html:root body .adlp26{--adlp-ink:#F5F5F5;--adlp-secondary:#949494;--adlp-blue:#B2B2B2;--adlp-navy:#0F0F0F;--adlp-tint:#141414;--adlp-border:rgba(255,255,255,0.1)}
html:root body .adlp26 :is(button, html:root body a, html:root body summary, html:root body input):focus-visible{outline:3px solid rgba(255,110,40,0.55)}
html:root body .adlp26-kicker{color:#FF8A00}
html:root body .adlp26-hero{background:radial-gradient(ellipse at 85% 8%,rgba(255,138,0,0.16),transparent 52%),linear-gradient(135deg,#101010 0%,#0E0E0E 100%);box-shadow:0 23px 56px rgba(0,0,0,0.192)}
html:root body .adlp26-lead{color:#D1D1D1}
html:root body .adlp26-btn-primary{background:#E8421C;box-shadow:0 10px 28px rgba(0,0,0,0.352)}
html:root body .adlp26-btn-primary:hover{background:#E8421C}
html:root body .adlp26-btn-ghost{color:#D1D1D1 !important;border-color:rgba(255,255,255,0.1);background:rgba(255,255,255,0.035)}
html:root body .adlp26-btn-ghost:hover{background:rgba(255,255,255,0.06)}
html:root body .adlp26-micro{color:#B2B2B2}
html:root body .adlp26-micro svg{color:#B2B2B2}
html:root body .adlp26-interactive{background:#141414;box-shadow:0 20px 48px rgba(0,0,0,0.368)}
html:root body .adlp26-demoicon{background:#121212;color:#FF8A00}
html:root body .adlp26-interactive-head p{color:#949494}
html:root body .adlp26-choices label{background:#121212;color:#F5F5F5}
html:root body .adlp26-radio:focus-visible+label{outline:3px solid rgba(255,110,40,0.55)}
html:root body .adlp26-choices label:hover{background:#121212}
html:root body .adlp26-choices input:checked+label{color:#FF8A00;background:#121212;border-color:rgba(255,110,40,0.55);box-shadow:inset 0 0 0 1px rgba(0,0,0,0.192)}
html:root body .adlp26-preview-wrap{background:linear-gradient(145deg,#121212 0%,#141414 77%)}
html:root body .adlp26-preview-label{color:#FF8A00}
html:root body .adlp26-preview p{color:#F5F5F5}
html:root body .adlp26-preview-cta{background:#E8421C}
html:root body .adlp26-preview-flow{color:#B2B2B2}
html:root body .adlp26-benefit{background:#141414}
html:root body .adlp26-benefit:hover{background:#121212}
html:root body .adlp26-circleicon{background:#121212;color:#FF8A00}
html:root body .adlp26-benefit p{color:#949494}
html:root body .adlp26-flowblock{background:#121212}
html:root body .adlp26-flowstep{background:#141414}
html:root body .adlp26-flowstep:hover{box-shadow:0 12px 25px rgba(0,0,0,0.128)}
html:root body .adlp26-step-number{color:#FF8A00}
html:root body .adlp26-included-list svg{color:#B2B2B2}
html:root body .adlp26-scope{color:#949494}
html:root body .adlp26-case{background:#141414}
html:root body .adlp26-case:hover{background:#121212}
html:root body .adlp26-case-index{color:#B2B2B2}
html:root body .adlp26-case-out{background:#121212;color:#B2B2B2}
html:root body .adlp26-pricing{background:linear-gradient(140deg,#101010,#101010);box-shadow:0 25px 50px rgba(0,0,0,0.192)}
html:root body .adlp26-pricing-intro p{color:#B2B2B2}
html:root body .adlp26-price-line{background:#121212}
html:root body .adlp26-price-line.is-primary{background:#121212;color:#FF8A00}
html:root body .adlp26-price-line:not(.is-primary):hover{background:#141414}
html:root body .adlp26-faq details{background:#141414}
html:root body .adlp26-faq details[open]{background:#121212}
html:root body .adlp26-faq summary svg{color:#B2B2B2}
html:root body .adlp26-faq details p{color:#949494}
html:root body .adlp26-final{background:#121212}

/* встроенные стили: ro_mentenanta_site_moldova */
html:root body .s26{--ink:#F5F5F5;--muted:#949494;--blue:#B2B2B2;--navy:#0F0F0F;--surface:#141414}
html:root body .s26 .s26-hero{box-shadow:0 25px 65px rgba(0,0,0,0.24)}
html:root body .s26 .s26-eyebrow{color:#FF8A00}
html:root body .s26 .s26-hero-desc{color:#D1D1D1}
html:root body .s26 .s26-btn-primary{background:#E8421C;box-shadow:0 10px 24px rgba(0,0,0,0.352)}
html:root body .s26 .s26-btn-primary:hover{background:#E8421C}
html:root body .s26 .s26-btn-secondary{background:rgba(255,255,255,0.06);border-color:rgba(255,255,255,0.02)}
html:root body .s26 .s26-facts{color:#D1D1D1}
html:root body .s26 .s26-facts svg{color:#B2B2B2}
html:root body .s26 .s26-diagnostic{background:#141414;box-shadow:0 22px 40px rgba(0,0,0,0.272)}
html:root body .s26 .s26-diagnostic>small{color:#FF8A00}
html:root body .s26 .s26-choice label{border:1px solid rgba(255,255,255,0.1);background:#141414}
html:root body .s26 .s26-choice label svg{color:#B2B2B2}
html:root body .s26 .s26-choice input:focus-visible+label{outline:3px solid rgba(255,255,255,0.1)}
html:root body .s26 .s26-choice input:checked+label{border-color:rgba(255,110,40,0.55);color:#FF8A00;background:#121212}
html:root body .s26 .s26-choice input:checked+label svg{color:#FF8A00}
html:root body .s26 .s26-preview{background:#121212}
html:root body .s26 .s26-preview p{color:#E6E6E6}
html:root body .s26 .s26-preview em{color:#FF8A00}
html:root body .s26 .s26-note{color:#989898}
html:root body .s26 .s26-service{background:#141414;box-shadow:0 6px 25px rgba(0,0,0,0.088);border:1px solid rgba(255,255,255,0.1)}
html:root body .s26 .s26-service:hover{box-shadow:0 16px 32px rgba(0,0,0,0.192)}
html:root body .s26 .s26-service>.s26-ico{color:#FF8A00}
html:root body .s26 .s26-step{background:#121212}
html:root body .s26 .s26-price-main{background:#111111}
html:root body .s26 .s26-price-main .s26-eyebrow{color:#FF8A00}
html:root body .s26 .s26-price-main p{color:#D1D1D1}
html:root body .s26 .s26-price-number span{color:#D1D1D1}
html:root body .s26 .s26-price-includes span{color:#FF8A00}
html:root body .s26 .s26-price-includes .s26-ico{color:#FF8A00}
html:root body .s26 .s26-price-custom{border:1px solid rgba(255,255,255,0.1);background:#141414}
html:root body .s26 .s26-custom-price{color:#FF8A00}
html:root body .s26 .s26-price-custom .s26-link{color:#FF8A00}
html:root body .s26 .s26-price-custom button.s26-link:hover{color:#FF8A00}
html:root body .s26 .s26-price-custom button.s26-link:focus-visible{outline:3px solid rgba(255,110,40,0.55)}
html:root body .s26 .s26-terms{color:#949494}
html:root body .s26 .s26-faq details{background:#141414;border:1px solid rgba(255,255,255,0.1)}
html:root body .s26 .s26-faq summary:after{color:#B2B2B2}
html:root body .s26 .s26-final{background:#121212}
html:root body .s26 .s26-final p{color:#F5F5F5}
html:root body .s26 .s26-final .s26-btn-secondary{background:#141414;color:#F5F5F5;border-color:rgba(255,255,255,0.1)}
html:root body .s26 .s26-final .s26-btn-secondary:hover{background:#141414}

/* ---------- 6. Раскладка внутренних страниц под закреплённую шапку ---------- */
/* шапка .mm закреплена сверху (76px) — внутренние страницы начинаются под ней, а не под шапкой */
body:not(:has(.hp-hero)):has(.mm) { padding-top: 76px; }
/* общие обёртки страниц раньше были светлым «листом»; после перехода на тёмную тему они рисовали
   серый прямоугольник за всеми блоками — делаем их прозрачными (карточки и секции внутри сохраняют свой фон) */
body:not(:has(.hp-hero)) :is(main, main > div, main > article, body > div, body > main > div, .a26p, [class$="-page"], [class*="-shell"]:not(.adept-footer-shell-v192), [class*="-wrap"]):not(.mm):not(.mm *):not(.shw):not(.shw *):not(.adev-support):not(.adev-support *):not(#shp-preloader):not(footer):not(footer *) {
  background-color: transparent !important;
}
/* длинные секции страниц на всю ширину — без своей «плашки», если у них нет скругления (т.е. это не карточка) */
body:not(:has(.hp-hero)) main section[class*="-group"],
body:not(:has(.hp-hero)) main section.a26p-price-group { background-color: transparent !important; }