:root{box-sizing:border-box;padding-top:env(safe-area-inset-top,0px);padding-bottom:env(safe-area-inset-bottom,0px);--bg:#fff;--text:#16181d;--muted:#5d6370;--line:#e7e7e3;--soft:#f7f7f5;--or:#f58020;--ink:#16181d}
html{scroll-behavior:smooth;scroll-padding-top:90px}
*{box-sizing:border-box}
body{margin:0;background:var(--bg);color:var(--text);font:400 17px/1.6 Roboto,system-ui,-apple-system,"Segoe UI",sans-serif;-webkit-font-smoothing:antialiased}
a{color:inherit;text-decoration:none}
a:focus-visible,button:focus-visible,select:focus-visible,input:focus-visible{outline:2px solid var(--or);outline-offset:2px}
.wrap{max-width:1160px;margin:0 auto;padding:0 24px}
h1,h2,h3,h4,p{margin:0}
.topbar{background:var(--ink);color:#d5d8df;font-size:14px}
.topbar .wrap{display:flex;justify-content:space-between;align-items:center;gap:20px;min-height:40px}
.topbar svg{width:17px;height:17px;fill:#b8bcc7;flex:none}
.item{display:flex;align-items:center;gap:8px;color:inherit;background:none;border:0;font:inherit;padding:0;cursor:pointer}
.item.l svg{fill:var(--or)}
.item.l b{color:#fff}
.item:hover{color:var(--or)}
.topbar .has>button{background:none;border:0;color:inherit;font:inherit;cursor:pointer;padding:0;display:flex;align-items:center;gap:6px}
.has{position:relative}
.has>button:after{content:"";border:4px solid transparent;border-top-color:currentColor;margin-top:4px;opacity:.6}
.drop{display:none;position:absolute;top:100%;left:0;min-width:210px;background:#fff;border:1px solid var(--line);border-radius:10px;box-shadow:0 12px 28px rgba(16,18,24,.12);padding:8px;z-index:50}
.topbar .drop{left:auto;right:0;min-width:170px}
.has:hover .drop,.has:focus-within .drop{display:block}
.drop a{display:block;padding:9px 12px;border-radius:6px;font-size:15px;color:var(--text)}
.drop a:hover{background:#fdf1e7;color:var(--or)}
.header{background:#fff;border-bottom:1px solid var(--line);position:sticky;top:0;z-index:40}
.header .wrap{display:flex;align-items:center;justify-content:space-between;height:84px}
.header img{height:40px;width:auto;display:block}
.menu{display:flex;align-items:center;gap:30px;list-style:none;margin:0;padding:0;font-size:17px;color:#3b3f47}
.menu>li>a,.menu .has>button{background:none;border:0;font:inherit;color:inherit;cursor:pointer;display:flex;align-items:center;gap:6px;padding:28px 0}
.menu>li>a:hover,.menu .has:hover>button{color:var(--or)}
.menu .drop{top:calc(100% - 12px);left:-14px}
.menu .login a{background:var(--or);color:#fff;font-weight:500;padding:13px 22px;border-radius:6px}
.menu .login a:hover{filter:brightness(.94);color:#fff}
.burger{display:none;background:none;border:1px solid #d8dbe0;border-radius:8px;font-size:22px;padding:4px 12px;cursor:pointer;color:#333}
.incl li:before{content:"✓";flex:none;width:22px;height:22px;border-radius:50%;background:var(--or);color:#fff;font-size:13px;font-weight:700;display:flex;align-items:center;justify-content:center}
.stars{display:flex;justify-content:center;gap:3px;margin:24px 0 8px}
.sq{width:28px;height:28px;display:flex;align-items:center;justify-content:center;background:linear-gradient(90deg,#00b67a var(--p,100%),#dcdce6 var(--p,100%))}
.sq svg{width:19px;height:19px;fill:#fff}
.sec{padding:80px 0}
.sec.white{background:#fff}
.sec h2{font-size:clamp(28px,3.4vw,40px);line-height:1.15;font-weight:700;letter-spacing:-.6px;text-align:center;margin-bottom:12px}
.sec .sub{text-align:center;color:var(--muted);font-size:18px;max-width:600px;margin:0 auto 40px}
.incl{max-width:1000px;margin:0 auto;background:var(--soft);border:1px solid var(--line);border-radius:12px;padding:26px 30px}
.incl h3{font-size:18px;margin-bottom:16px}
.incl ul{list-style:none;margin:0;padding:0;display:grid;gap:14px 24px;grid-template-columns:repeat(auto-fit,minmax(200px,1fr))}
.incl li{display:flex;align-items:center;gap:10px;font-weight:500;font-size:16px}
@media(max-width:1240px){.burger{display:block}
.menu{display:none;position:absolute;left:0;right:0;top:84px;background:#fff;flex-direction:column;align-items:stretch;gap:0;padding:6px 24px 18px;border-bottom:1px solid var(--line);box-shadow:0 12px 20px rgba(16,18,24,.08)}
.menu.open{display:flex}
.menu>li>a,.menu .has>button{padding:13px 0;width:100%}
.menu .has>button:after{margin-left:auto}
.menu .drop{display:block;position:static;box-shadow:none;border:0;padding:0 0 6px 12px;min-width:0}
.menu .login{margin-top:10px}
.menu .login a{display:block;text-align:center}}
@media(max-width:860px){.sec{padding:56px 0}}
@media(max-width:700px){.topbar .wrap{flex-wrap:wrap;gap:6px;padding-top:6px;padding-bottom:6px}
.header .wrap{height:72px}
.menu{top:72px}}
.sec#plans .incl{background:none;border:0;border-radius:0;padding:0;max-width:1000px;text-align:center}
.sec#plans .incl h3{font-size:19px;font-weight:700;margin-bottom:26px}
.sec#plans .incl ul{display:flex;flex-wrap:wrap;justify-content:center;gap:16px 40px}
.sec#plans .incl li{font-weight:400;font-size:17px;color:var(--text)}
.sec#plans .incl li:before{width:28px;height:28px;background:#fdeedd;color:var(--or);font-size:14px}
.sec#plans .sub{margin-bottom:34px}
.menu{gap:clamp(16px,2.2vw,30px)}
.menu>li>a,.menu .has>button{white-space:nowrap}
.topbar .wrap{flex-wrap:wrap;row-gap:4px}
.header .wrap{gap:16px}
.header nav{min-width:0}
.stars{margin:16px 0 6px}
.sq{width:24px;height:24px}
.sq svg{width:16px;height:16px}
.plansec{background:#fff;padding:0 0 88px}
.pgrid{display:grid;gap:20px;grid-template-columns:repeat(4,1fr);align-items:stretch}
.pw{display:flex;flex-direction:column}
.lbl{height:34px;line-height:34px;text-align:center;font-size:13px;font-weight:700;letter-spacing:1.2px}
.pw.rec .lbl{background:var(--or);color:#fff;border-radius:14px 14px 0 0}
.pk{flex:1;display:flex;flex-direction:column;background:#fff;border:1px solid var(--line);border-radius:14px;padding:28px 24px 24px}
.pw.rec .pk{border:2px solid var(--or);border-top:0;border-radius:0 0 14px 14px}
.pk h3{font-size:24px;font-weight:700;letter-spacing:-.3px;margin-bottom:8px}
.pd{color:var(--muted);font-size:15px;line-height:1.55;min-height:70px;margin-bottom:18px}
.sv{display:flex;align-items:center;gap:10px;font-size:14px;margin-bottom:6px;min-height:26px}
.bd{background:#fdeedd;color:#9a4a07;font-weight:500;padding:2px 8px;border-radius:4px}
.sv s{color:var(--muted)}
.pp{font-size:44px;font-weight:700;line-height:1.1;letter-spacing:-1px;display:flex;align-items:baseline;flex-wrap:wrap;gap:0 6px}
.pp span{font-size:14px;font-weight:400;letter-spacing:0;color:var(--muted)}
.th{font-size:14px;color:var(--muted);margin:6px 0 22px}
.cont{display:block;text-align:center;background:var(--or);color:#fff;font-weight:500;font-size:15px;letter-spacing:.6px;padding:14px;border-radius:8px;margin-bottom:24px}
.cont:hover{filter:brightness(.94)}
.fl{list-style:none;margin:0;padding:0;font-size:15px}
.fl li{display:flex;align-items:center;gap:10px;padding:6px 0;line-height:1.35}
.fl li:before{content:"✓";color:var(--text);font-weight:700;flex:none;width:16px}
.fl b{font-weight:700}
.inf{display:inline-flex;align-items:center;justify-content:center;flex:none;width:16px;height:16px;border:1.5px solid #a3a8b3;border-radius:50%;font:700 10px/1 Roboto,sans-serif;font-style:normal;color:#7d838f;cursor:help}
@media(max-width:1100px){.pgrid{grid-template-columns:repeat(2,1fr)}
.pd{min-height:0}}
@media(max-width:640px){.pgrid{grid-template-columns:1fr}
.pk{padding:24px 20px}}
.menu .drop.g1{width:340px}
.menu .drop.g2{width:640px;grid-template-columns:1fr 1fr;gap:4px}
.has:hover .drop.g2,.has:focus-within .drop.g2{display:grid}
.menu .drop{padding:12px;border-radius:12px;box-shadow:0 18px 44px rgba(16,18,24,.14)}
.menu .drop a{padding:13px 14px;border-radius:8px}
.menu .drop a b{display:block;font-weight:500;font-size:16px;color:var(--text)}
.menu .drop a small{display:block;font-size:13px;line-height:1.45;color:var(--muted);margin-top:3px;font-weight:400}
.menu .drop a:hover b{color:var(--or)}
@media(max-width:1240px){.menu .has .drop.g1,.menu .has .drop.g2{display:block;width:auto}
.menu .drop a{padding:10px 12px}}
.stars{border-top:1px solid var(--line);padding-top:18px;margin-top:18px}
.menu .drop a{display:flex;align-items:flex-start;gap:14px}
.mi{flex:none;width:40px;height:40px;border-radius:10px;background:#fdeedd;color:var(--or);display:flex;align-items:center;justify-content:center;transition:background .15s,color .15s}
.mi svg{width:22px;height:22px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
.menu .drop a:hover .mi{background:var(--or);color:#fff}
.menu .drop.g1{width:370px}
.menu .drop.g2{width:680px}
@media(max-width:1240px){.menu .has .drop.g1,.menu .has .drop.g2{display:block;width:auto}
.mi{width:36px;height:36px}}
.hero2{position:relative;overflow:hidden;background-color:#14161b;color:#fff;padding:56px 0 68px;background-image:radial-gradient(60% 90% at 88% 45%,rgba(245,128,32,.26),transparent 62%),radial-gradient(40% 60% at 0% 100%,rgba(245,128,32,.08),transparent 70%)}
.hx{display:grid;grid-template-columns:1.05fr .95fr;gap:48px;align-items:center}
.hero2 h1{font-size:clamp(32px,4.2vw,52px);line-height:1.1;letter-spacing:-1.2px;font-weight:700;margin-bottom:14px;text-wrap:balance;max-width:560px}
.hx-lead{font-size:18px;color:#b8bcc7;margin-bottom:20px}
.hx-ticks{display:flex;flex-wrap:wrap;gap:10px 20px;margin-bottom:26px;font-size:15px;color:#e6e8ee}
.hx-ticks span{display:flex;align-items:center;gap:8px}
.hx-ticks span:before{content:"✓";flex:none;width:20px;height:20px;border-radius:50%;background:var(--or);color:#fff;font-size:12px;font-weight:700;display:flex;align-items:center;justify-content:center}
.hx-search{display:flex;align-items:center;background:#fff;border-radius:12px;padding:6px;gap:4px;max-width:540px;box-shadow:0 14px 34px rgba(0,0,0,.35)}
.hx-search svg{width:22px;height:22px;margin-left:12px;stroke:#8d939e;fill:none;stroke-width:1.8;flex:none}
.hx-search input{flex:1;min-width:0;border:0;outline:0;font:16px Roboto,sans-serif;padding:13px 10px;color:#16181d;background:transparent}
.hx-search select{border:0;border-left:1px solid #e3e5e9;background:transparent;font:16px Roboto,sans-serif;color:#16181d;padding:10px 8px;outline:0}
.hx-search button{background:var(--or);color:#fff;border:0;border-radius:8px;padding:13px 26px;font:500 16px Roboto,sans-serif;cursor:pointer}
.hx-search button:hover{filter:brightness(.94)}
.hx-pop{margin-top:14px;font-size:14px;color:#a3a8b3;display:flex;gap:8px;align-items:center;flex-wrap:wrap}
.hx-pop button{background:rgba(255,255,255,.08);color:#fff;border:1px solid rgba(255,255,255,.16);border-radius:99px;padding:3px 13px;font:14px Roboto,sans-serif;cursor:pointer}
.hx-pop button:hover{border-color:var(--or);color:var(--or)}
.hx-pop a{margin-left:10px;text-decoration:underline;text-underline-offset:3px;color:#d5d8df}
.hx-pop a:hover{color:var(--or)}
.hx-trust{display:flex;align-items:center;gap:12px;margin-top:26px;font-size:14px;color:#c9ccd4;flex-wrap:wrap}
.hx-trust .stars{margin:0;padding:0;border:0;gap:3px}
.hx-trust .sq{width:22px;height:22px}
.hx-trust .sq svg{width:14px;height:14px}
.hx-trust b{color:#fff}
.hx-trust a{text-decoration:underline;text-underline-offset:3px}
.hx-trust a:hover{color:var(--or)}
.hx-r{position:relative;height:400px}
.mock{position:absolute;left:0;top:30px;width:88%;background:#fff;border-radius:14px;box-shadow:0 30px 60px rgba(0,0,0,.45);overflow:hidden;color:#16181d;animation:fl 7s ease-in-out infinite alternate}
.mock .bar{display:flex;align-items:center;gap:6px;background:#f1f2f4;padding:11px 14px}
.mock .bar i{width:10px;height:10px;border-radius:50%;background:#d5d7dc}
.mock .bar i:first-child{background:var(--or)}
.mock .url{margin-left:10px;flex:1;background:#fff;border-radius:99px;font-size:13px;color:#555b66;padding:3px 12px}
.live{display:inline-flex;align-items:center;gap:5px;font-size:12px;font-weight:500;color:#0a8a55}
.live:before{content:"";width:7px;height:7px;border-radius:50%;background:#12b76a}
.mock .body{padding:20px 22px 24px}
.heroblock{height:96px;border-radius:10px;background:linear-gradient(135deg,#fdeedd,#fbd0a8);margin-bottom:16px;padding:18px;display:flex;flex-direction:column;gap:9px;align-items:flex-start}
.heroblock b{display:block;height:11px;border-radius:6px;background:#16181d;width:55%}
.heroblock b+b{width:38%;background:#8a4a14;opacity:.5}
.heroblock em{display:block;width:70px;height:20px;border-radius:10px;background:var(--or)}
.tri{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin-top:14px}
.tri span{height:50px;border-radius:8px;background:#f4f5f7}
.fc{position:absolute;background:#fff;color:#16181d;border-radius:12px;box-shadow:0 22px 46px rgba(0,0,0,.42);padding:14px 16px;font-size:14px}
.fcA{right:0;top:0;width:200px;animation:fl 6s ease-in-out infinite alternate -2s}
.fcA .ft{font-weight:700;margin-bottom:8px}
.fcB{left:18px;bottom:0;width:260px;animation:fl 8s ease-in-out infinite alternate -4s}
.fcB .fs{font-size:14px;color:#555b66}
.fcB .fp{font-size:34px;font-weight:700;letter-spacing:-1px;line-height:1.2}
.fcB .fp small{display:block;font-size:12px;font-weight:400;letter-spacing:0;color:#7d838f}
.fcB .fp span{font-size:14px;font-weight:400;letter-spacing:0;color:#555b66;margin-left:3px}
.fbtn{display:block;margin-top:10px;background:var(--or);color:#fff;text-align:center;font-weight:500;font-size:15px;padding:11px;border-radius:8px}
.fbtn:hover{filter:brightness(.94)}
@keyframes fl{to{transform:translateY(-8px)}}
@media(max-width:900px){.hero2{padding:36px 0 48px}
.hx{grid-template-columns:1fr;gap:36px}
.hx-r{height:360px}
.mock{width:100%}
.fcA{display:none}
.fcB{left:auto;right:0}}
@media(max-width:460px){.hx-search svg{display:none}
.hx-search button{padding:13px 18px}
.fcB{width:230px}}
.topbar{border-bottom:1px solid rgba(255,255,255,.06)}
.topbar .drop{width:310px;padding:10px}
.topbar .drop a{display:flex;align-items:flex-start;gap:12px;padding:11px 12px;border-radius:8px}
.topbar .drop a b{display:block;font-weight:500;font-size:15px;color:var(--text)}
.topbar .drop a small{display:block;font-size:13px;line-height:1.4;color:var(--muted);margin-top:2px}
.topbar .drop a:hover b{color:var(--or)}
.topbar .drop a:hover .mi{background:var(--or);color:#fff}
.header .wrap{height:84px}
.header img{height:48px;width:auto}
.header{transition:box-shadow .2s}
.header.hdr-scrolled{box-shadow:0 8px 26px rgba(16,18,24,.09)}
.menu{font-size:16.5px;font-weight:500}
.menu>li>a,.menu .has>button{position:relative;padding:30px 0}
.menu>li:not(.login)>a:after,.menu .has>button:before{content:"";position:absolute;left:0;right:0;bottom:0;height:3px;border-radius:3px 3px 0 0;background:var(--or);transform:scaleX(0);transition:transform .2s}
.menu>li:not(.login)>a:hover:after,.menu .has:hover>button:before,.menu .has:focus-within>button:before{transform:scaleX(1)}
.menu .has>button:after{transition:transform .2s}
.menu .has:hover>button:after{transform:rotate(180deg) translateY(1px)}
.menu .login a{display:flex;align-items:center;gap:8px;padding:12px 22px;box-shadow:0 8px 18px rgba(245,128,32,.3);transition:transform .15s,box-shadow .15s,filter .15s}
.menu .login a svg{width:18px;height:18px;fill:none;stroke:#fff;stroke-width:2;stroke-linecap:round}
.menu .login a:hover{transform:translateY(-1px);box-shadow:0 12px 22px rgba(245,128,32,.38)}
.menu .drop{top:100%;border:0;box-shadow:0 22px 50px rgba(16,18,24,.16),0 0 0 1px #e9ebef;animation:dd .18s ease-out}
@keyframes dd{from{opacity:0;transform:translateY(6px)}}
.mfoot{grid-column:1/-1;margin-top:8px;padding:12px 14px;background:var(--soft);border-radius:8px;font-size:14px;color:var(--muted)}
.menu .drop .mfoot a{display:inline;padding:0;color:var(--or);font-weight:500;border-radius:0}
.menu .drop .mfoot a:hover{text-decoration:underline;background:none}
@media(max-width:1240px){.menu>li:not(.login)>a:after,.menu .has>button:before{display:none}
.menu .drop{animation:none}
.menu .login a{justify-content:center}
.topbar .drop{width:auto}}
.mock .url{display:flex;align-items:center;gap:6px}
.mock .url svg{width:14px;height:14px;fill:none;stroke:#12b76a;stroke-width:2.2;stroke-linecap:round;stroke-linejoin:round;flex:none}
.fcA{width:236px;padding:16px 18px}
.fcA .ft{font-weight:700;margin-bottom:12px;font-size:15px}
.sec2{display:flex;gap:12px}
.bdg{flex:1;text-align:center}
.bdg .ic{width:50px;height:50px;border-radius:50%;display:flex;align-items:center;justify-content:center;margin:0 auto 8px}
.bdg .ic svg{width:26px;height:26px;fill:none;stroke-width:1.9;stroke-linecap:round;stroke-linejoin:round}
.bdg .ic.g{background:#e6f7ef}
.bdg .ic.g svg{stroke:#12b76a}
.bdg .ic.o{background:#fdeedd}
.bdg .ic.o svg{stroke:var(--or)}
.bdg b{display:block;font-size:14px;line-height:1.2}
.bdg small{display:block;font-size:12px;color:#7d838f}
.topbar .wrap{justify-content:flex-end}
.tl{justify-content:flex-end}
.topbar{color:#b1b6c2;font-size:15px}
.tl{display:flex;align-items:center;gap:30px;flex-wrap:wrap}
.topbar .item svg{fill:#8d939e}
.topbar .item.l svg{fill:var(--or)}
.topbar .item:hover svg{fill:var(--or)}
.topbar .item.l b{color:#fff}
.topbar .tl .drop{left:0;right:auto}
.topbar .has>button.item:after{display:none}
@media(max-width:700px){.tl{gap:14px;font-size:13px}}
.fl li{position:relative}
button.inf{background:none;padding:0;cursor:help;transition:border-color .15s,color .15s}
.tip::after{content:attr(data-tip);position:absolute;left:0;bottom:calc(100% + 6px);width:100%;min-width:210px;background:#16181d;color:#fff;font:400 13px/1.45 Roboto,system-ui,sans-serif;letter-spacing:0;text-align:left;white-space:normal;padding:10px 12px;border-radius:8px;box-shadow:0 12px 28px rgba(0,0,0,.25);opacity:0;visibility:hidden;transform:translateY(4px);transition:opacity .15s,transform .15s,visibility .15s;pointer-events:none;z-index:30}
.fl li:hover .tip::after,.tip:focus::after{opacity:1;visibility:visible;transform:none}
.tip:hover,.tip:focus{border-color:var(--or);color:var(--or);outline:none}
.tip:focus-visible{outline:2px solid var(--or);outline-offset:2px}
.tip::after{width:max-content;min-width:0;max-width:none;white-space:nowrap;padding:8px 12px}
.fl li span{white-space:nowrap}
.pk{padding-left:22px;padding-right:22px}
@media(max-width:1240px){.pgrid{grid-template-columns:repeat(2,1fr)}
.pd{min-height:0}}
@media(max-width:640px){.pgrid{grid-template-columns:1fr}}
.plansec .wrap{max-width:1260px}
.pgrid{gap:16px}
.pk{padding:28px 22px 22px}
.fl li{padding:7px 0;font-size:14.5px;gap:10px}
.fl li:before{color:var(--or);width:14px}
.fl li span{flex:1}
.fl .tip{margin-left:auto}
.specs{min-height:0}
.pw.rec .pk{background:#fffdfb}
.cont{margin-bottom:22px}
@media(max-width:1200px){.pgrid{grid-template-columns:repeat(2,1fr)}
.pd{min-height:0}
.specs{min-height:0}}
@media(max-width:640px){.pgrid{grid-template-columns:1fr}}
.plansec{background:linear-gradient(180deg,#fff 0,#fdf3e7 35%,#fdf3e7 85%,#fff 100%);padding:16px 0 96px}
.ph{display:flex;align-items:center;gap:12px;margin-bottom:10px}
.ph h3{margin:0}
.ph .mi{width:46px;height:46px;border-radius:12px}
.ph .mi svg{width:24px;height:24px}
.pk{transition:transform .2s,box-shadow .2s;box-shadow:0 2px 6px rgba(16,18,24,.04)}
.pw:not(.rec) .pk:hover{transform:translateY(-5px);box-shadow:0 20px 40px rgba(16,18,24,.1);border-color:#f3c9a0}
.pp{font-size:48px}
.cont{box-shadow:0 8px 18px rgba(245,128,32,.28);transition:transform .15s,box-shadow .15s,filter .15s}
.cont:hover{transform:translateY(-1px);box-shadow:0 12px 22px rgba(245,128,32,.36)}
.pw.rec .lbl{box-shadow:0 -4px 14px rgba(245,128,32,.25)}
.pw.rec .pk{background:#fff;border-color:var(--or);box-shadow:0 24px 50px rgba(245,128,32,.2)}
.cont{margin-bottom:12px}
.pk,.pw:not(.rec) .pk:hover{transform:none!important}
.pw:not(.rec) .pk:hover{box-shadow:0 14px 30px rgba(16,18,24,.1)}
.header img{height:38px;width:auto}
.header .wrap{gap:56px}
.header .wrap>a{flex:none}
.header nav{flex:1;min-width:0}
.menu{justify-content:flex-end}
@media(max-width:1240px){.header .wrap{gap:16px}
.header nav{flex:0 0 0}
.burger{margin-left:auto}}
@media(max-width:700px){.header img{height:34px}}
.menu .login{margin-left:28px;position:relative}
.menu .login:before{content:"";position:absolute;left:-20px;top:50%;height:28px;margin-top:-14px;width:1px;background:#e3e5e9}
@media(max-width:1240px){.menu .login{margin-left:0}
.menu .login:before{display:none}}
.pk .fl li:before{display:none}
.fi{flex:none;width:18px;height:18px;fill:none;stroke:var(--or);stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
.hero2 .wrap{position:relative;z-index:1}
.hbg{position:absolute;right:-9%;top:50%;transform:translateY(-50%);width:900px;max-width:none;z-index:0;pointer-events:none}
.hx-r{height:430px}
.mnav{display:flex;align-items:center;gap:10px;margin-bottom:14px}
.mnav .lg{width:22px;height:22px;border-radius:7px;background:var(--or)}
.mnav span{width:34px;height:7px;border-radius:4px;background:#e4e6ea}
.mnav em{margin-left:auto;width:48px;height:18px;border-radius:9px;background:#16181d}
.heroblock{flex-direction:row;align-items:center;justify-content:space-between;height:104px;padding:16px 18px;margin-bottom:14px}
.heroblock .ht{display:flex;flex-direction:column;gap:9px;flex:1}
.heroblock .ht b{display:block;height:11px;border-radius:6px;background:#16181d;width:62%}
.heroblock .ht b+b{width:42%;background:#8a4a14;opacity:.5}
.heroblock .ht u{display:block;width:72px;height:20px;border-radius:10px;background:var(--or)}
.heroblock svg{width:84px;height:auto;flex:none}
.tri span{height:auto;padding:10px;display:flex;flex-direction:column;gap:6px;background:#f6f7f9;border:1px solid #eceef1}
.tri i{display:block;width:22px;height:22px;border-radius:7px;background:#fdeedd;margin-bottom:2px}
.tri b{display:block;height:6px;border-radius:3px;background:#e1e4e8}
.tri b+b{width:60%}
.spark{display:block;width:100%;height:44px;margin-top:14px}
.chip2{display:flex;align-items:center;gap:8px;right:-4px;top:196px;padding:9px 14px;font-weight:500;animation:fl 7s ease-in-out infinite alternate -1s}
.chip2 svg{width:18px;height:18px;fill:var(--or)}
@media(max-width:900px){.hbg{width:640px;right:-30%;opacity:.55}
.hx-r{height:400px}
.chip2{display:none}}
:root{--or:#f4883a}
.topbar{background:#f3f4f6;color:#5d6370;border-bottom:1px solid var(--line)}
.topbar .item,.topbar .item.l{color:#5d6370}
.topbar .item.l b{color:#16181d}
.topbar .item svg{fill:#8d939e}
.topbar .item.l svg{fill:var(--or)}
.topbar .item:hover{color:var(--or)}
.hero2{background-color:#fff;color:var(--text);background-image:radial-gradient(60% 90% at 88% 40%,rgba(244,136,58,.13),transparent 62%),radial-gradient(45% 70% at 0% 100%,rgba(90,140,220,.08),transparent 70%)}
.hero2 h1{color:#16181d}
.hx-lead{color:#5d6370}
.hx-ticks{color:#3b3f47}
.hx-search{border:1px solid var(--line);box-shadow:0 12px 30px rgba(16,18,24,.09)}
.hx-pop{color:#6b717c}
.hx-pop button{background:#fff;color:#3b3f47;border-color:#e0e3e8}
.hx-pop button:hover{border-color:var(--or);color:var(--or)}
.hx-pop a{color:#5d6370}
.hx-trust{color:#5d6370}
.hx-trust b{color:#16181d}
.mock{border:1px solid #eceef1;box-shadow:0 22px 46px rgba(16,18,24,.14)}
.fc{box-shadow:0 14px 32px rgba(16,18,24,.13)}
.mnav em,.heroblock .ht b{background:#3b4252}
.menu .login a{box-shadow:0 6px 14px rgba(244,136,58,.2)}
.cont{box-shadow:0 6px 14px rgba(244,136,58,.22)}
.hx-search button{box-shadow:none}
.plansec{background:linear-gradient(180deg,#fff 0,#fff8f1 35%,#fff8f1 85%,#fff 100%)}
.pw.rec .pk{box-shadow:0 20px 44px rgba(244,136,58,.14)}
.header .wrap{max-width:1280px}
.menu{gap:clamp(12px,1.5vw,24px);font-size:16px}
.menu .login{margin-left:20px}
.menu .login a{padding:12px 20px}
.header .wrap>a{margin-right:8px}
.pgrid{grid-template-columns:repeat(4,minmax(0,1fr))}
.fl li{font-size:14px}
.pk{padding-left:20px;padding-right:20px}
.incl ul{flex-wrap:wrap}
.sec#plans .incl{max-width:1100px}
@media(max-width:1200px){.pgrid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:640px){.pgrid{grid-template-columns:minmax(0,1fr)}}
.topbar .wrap{max-width:1280px}
.plansec .wrap{max-width:1340px}
.pk{padding-left:18px;padding-right:18px}
.fl li span{white-space:normal;min-width:0}
.fl li{gap:9px}
/* phone fit */
.hx>*{min-width:0}
.hx-search{width:100%}
.hx-search input{width:100%}
@media(max-width:460px){.hx-search select{padding:10px 4px}
.hx-search button{padding:13px 16px}}
/* phone menu: collapsible groups */
@media(max-width:1240px){.menu{max-height:calc(100vh - 120px);overflow-y:auto}
.menu .has:not(.open) .drop{display:none!important}
.menu .has.open .drop.g1,.menu .has.open .drop.g2{display:block!important}
.menu .has.open>button:after{transform:rotate(180deg)}
.menu>li>a,.menu .has>button{border-bottom:1px solid var(--line)}
.menu .login{border:0;margin:14px 0 0}
.menu .login a{border-bottom:0;padding:13px 20px;justify-content:center}
.menu>li>a,.menu .has>button{padding:14px 0}}
/* centred menu, login button on the right */
.hlogin{display:flex;align-items:center;gap:8px;flex:none;background:var(--or);color:#fff;font-weight:500;font-size:16px;padding:12px 20px;border-radius:6px;box-shadow:0 6px 14px rgba(244,136,58,.2)}
.hlogin:hover{filter:brightness(.94)}
.hlogin svg{width:18px;height:18px;fill:none;stroke:#fff;stroke-width:2;stroke-linecap:round}
.menu{justify-content:center}
.menu .login{display:none}
@media(max-width:1240px){.hlogin{display:none}
.menu .login{display:block}}
/* bottom order and compare */
/* top bar left, main menu right */
.topbar .wrap{justify-content:flex-start}
.tl{justify-content:flex-start}
.menu{justify-content:flex-end}
/* top bar right, main menu centred */
.topbar .wrap{justify-content:flex-end}
.tl{justify-content:flex-end}
.menu{justify-content:center}
.topbar .tl .drop{left:auto;right:0}
/* hero aligned to the header edges */
.hero2 .wrap{max-width:1280px}
.hx{grid-template-columns:1fr 1fr;gap:40px}
.hx-r{max-width:600px;margin-left:auto;width:100%}
/* billing period buttons */
.terms{display:flex;justify-content:center;gap:4px;width:max-content;max-width:100%;margin:0 auto 34px;padding:5px;background:#fff;border:1px solid var(--line);border-radius:99px;box-shadow:0 6px 18px rgba(16,18,24,.06)}
.terms button{border:0;background:none;font:500 16px Roboto,system-ui,sans-serif;color:#3b3f47;padding:11px 30px;border-radius:99px;cursor:pointer;transition:background .15s,color .15s}
.terms button:hover{color:var(--or)}
.terms button.on{background:var(--or);color:#fff}
.amt{font-style:normal}
@media(max-width:480px){.terms button{padding:10px 18px;font-size:15px}}
.terms .tb{display:inline-block;margin-left:8px;padding:2px 8px;border-radius:99px;background:#fdeedd;color:#9a4a07;font-size:12px;font-weight:500;vertical-align:1px}
.terms button.on .tb{background:rgba(255,255,255,.28);color:#fff}
@media(max-width:560px){.terms{flex-wrap:wrap;justify-content:center;border-radius:20px}
.terms .tb{display:block;margin:2px 0 0}}
/* order buttons at the bottom of cards */
.th{margin-bottom:20px}
/* a little more room between menu links */
.menu{gap:clamp(18px,2.2vw,34px)}
@media(max-width:1240px){.menu{gap:0}}
/* more hosting options */
.proplans{position:relative;overflow:hidden;background:#fff;padding:84px 0 90px}
.proplans:before{content:"";position:absolute;left:48px;top:150px;width:90px;height:90px;background-image:radial-gradient(#cfd3da 2px,transparent 2px);background-size:15px 15px;opacity:.8}
.proplans:after{content:"";position:absolute;right:-60px;top:-60px;width:320px;height:260px;background-image:radial-gradient(#e6c9ae 2.2px,transparent 2.2px);background-size:17px 17px;opacity:.55;-webkit-mask-image:radial-gradient(circle at 100% 0,#000 20%,transparent 70%);mask-image:radial-gradient(circle at 100% 0,#000 20%,transparent 70%)}
.proplans .wrap{position:relative;z-index:1;max-width:1180px}
.ptop{text-align:center;margin-bottom:46px}
.eyebrow{display:inline-flex;align-items:center;gap:14px;color:var(--or);font-weight:500;font-size:16px;margin-bottom:10px}
.eyebrow:before,.eyebrow:after{content:"";width:28px;height:2px;background:var(--or);border-radius:2px}
.ptop h2{font-size:clamp(28px,3.6vw,42px);line-height:1.15;letter-spacing:-.8px;margin-bottom:12px}
.ptop h2 em{font-style:normal;color:var(--or)}
.ptop .sub{margin:0 auto}
@media(max-width:960px){.proplans{padding:56px 0 60px}}
.ptop .sub{color:var(--muted);font-size:18px;max-width:600px}
/* quick product grid */
.proplans{padding:72px 0 80px}
@media(prefers-reduced-motion:reduce){.chip2{animation:none}}
@media(prefers-reduced-motion:reduce){.mock,.fc{animation:none}}
@media(prefers-reduced-motion:reduce){*{transition:none!important;scroll-behavior:auto!important}}
@media(max-width:900px){.hx{grid-template-columns:minmax(0,1fr)}
.hx-r{margin:0 auto}}
/* tabbed feature banner */
/* tabbed banner v2 */
@keyframes dpin{from{opacity:0;transform:translateY(8px)}}
/* vertical tabs */
@keyframes vpin{from{opacity:0;transform:translateY(6px)}}
/* vertical tabs v2 */
/* bigger product boxes */
.proplans .wrap{max-width:1260px}
/* product box icons */
/* guarantees */
.guar{background:#fff;padding:20px 0 90px}
.guar .wrap{max-width:1280px}
.guar h2{text-align:center;font-size:clamp(30px,3.6vw,42px);letter-spacing:-.8px;margin-bottom:16px}
.gsub{text-align:center;color:var(--muted);font-size:18px;line-height:1.75;max-width:860px;margin:0 auto 46px}
.gcards{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:24px}
.gc{display:flex;flex-direction:column;align-items:center;text-align:center;background:#fff;border:1px solid #eef0f3;border-radius:14px;padding:36px 18px 34px;box-shadow:0 10px 28px rgba(16,18,24,.07);transition:transform .2s,box-shadow .2s}
.gc:hover{transform:translateY(-5px);box-shadow:0 18px 38px rgba(16,18,24,.11)}
.gi{width:96px;height:96px;margin-bottom:22px}
.gi img{display:block;width:100%;height:100%}
.gc p{margin:0;font-size:19px;line-height:1.5;color:#3b3f47}
@media(max-width:1100px){.gcards{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media(max-width:700px){.gcards{grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}
.gc{padding:26px 12px}
.gc p{font-size:16px}
.gi{width:78px;height:78px;margin-bottom:14px}
.guar{padding-bottom:56px}}
/* guarantees v2 */
.guar{position:relative;overflow:hidden;background:linear-gradient(180deg,#fff 0,#fff8f1 38%,#fff8f1 82%,#fff 100%);padding:70px 0 96px}
.guar:before{content:"";position:absolute;left:40px;top:90px;width:96px;height:96px;background-image:radial-gradient(#e3c9ad 2px,transparent 2px);background-size:16px 16px;opacity:.7}
.guar:after{content:"";position:absolute;right:30px;bottom:70px;width:130px;height:96px;background-image:radial-gradient(#e3c9ad 2px,transparent 2px);background-size:16px 16px;opacity:.6}
.guar .wrap{position:relative;z-index:1}
.guar .eyebrow{display:flex;justify-content:center;width:max-content;margin:0 auto 10px}
.guar h2{margin-bottom:14px}
.gsub{margin-bottom:54px}
.gcards{grid-template-columns:repeat(5,minmax(0,1fr));gap:22px}
.gc{position:relative;overflow:hidden;background:#fff;border:1px solid #f0e6dc;border-radius:18px;padding:34px 20px 32px;box-shadow:0 12px 30px rgba(120,70,20,.07);transition:transform .25s,box-shadow .25s,border-color .25s}
.gc:before{content:"";position:absolute;left:0;right:0;top:0;height:4px;background:linear-gradient(90deg,#f4883a,#f7a55f);transform:scaleX(0);transform-origin:left;transition:transform .3s}
.gc:hover{transform:translateY(-6px);border-color:#f3c9a0;box-shadow:0 22px 44px rgba(120,70,20,.14)}
.gc:hover:before{transform:scaleX(1)}
.gi{position:relative;width:112px;height:112px;margin-bottom:22px;display:flex;align-items:center;justify-content:center;border-radius:50%;background:radial-gradient(circle at 50% 40%,#fff4e8 0,#fde7d2 100%)}
.gi img{width:78px;height:78px;transition:transform .3s}
.gc:hover .gi img{transform:scale(1.1) rotate(-3deg)}
.gc h3{font-size:19px;font-weight:500;line-height:1.35;color:var(--text);margin:0 0 8px}
.gc p{font-size:15px;line-height:1.6;color:var(--muted)}
@media(max-width:1180px){.gcards{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media(max-width:700px){.gcards{grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}
.gc{padding:24px 12px 24px}
.gi{width:86px;height:86px;margin-bottom:14px}
.gi img{width:60px;height:60px}
.gc h3{font-size:16px}
.gc p{font-size:13.5px}
.guar{padding:48px 0 60px}
.guar:before,.guar:after{display:none}}
@media(prefers-reduced-motion:reduce){.gc,.gi img,.gc:before{transition:none}}
/* customers section */
/* customers section v3 */
/* customers v3 spacing fixes */
/* customers v4 */
@keyframes pfl{to{transform:translateY(-7px)}}
/* customers v5 */
/* technical team */
.tl{font-size:19px;line-height:1.75;color:var(--muted);margin:0 0 30px;max-width:620px}
@media(max-width:960px){.tl{font-size:17px}}
/* technical team v2 */
/* customers: compact, heading on top */
/* align text with the card */
/* technical team: compact, heading on top, text aligned with image */
.tl{font-size:17px;line-height:1.65;margin:0 0 20px}
/* customers text column matches technical team */
/* intro lines: block, not the old top-bar flex style */
/* ratings in the customer card */
/* free migration (light, matches the rest of the site) */
.migr{position:relative;overflow:hidden;background:linear-gradient(180deg,#fff 0,#fff8f1 40%,#fff8f1 85%,#fff 100%);padding:60px 0 72px;text-align:center}
.migr:before{content:"";position:absolute;right:40px;top:50px;width:120px;height:100px;background-image:radial-gradient(#ead9c8 2px,transparent 2px);background-size:16px 16px;opacity:.8}
.migr:after{content:"";position:absolute;left:36px;bottom:60px;width:110px;height:90px;background-image:radial-gradient(#ead9c8 2px,transparent 2px);background-size:16px 16px;opacity:.7}
.migr .wrap{position:relative;z-index:1;max-width:1180px}
.migr .eyebrow{display:flex;justify-content:center;width:max-content;margin:0 auto 8px}
.migr h2{font-size:clamp(28px,3.2vw,38px);line-height:1.15;letter-spacing:-.7px;margin:0 0 12px}
.msub{font-size:17px;line-height:1.7;color:var(--muted);max-width:700px;margin:0 auto 40px}
.mcards{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:44px;text-align:left;margin-bottom:38px}
.mc{position:relative;background:#fff;border:1px solid #f0e6dc;border-radius:18px;padding:26px 26px 28px;box-shadow:0 12px 30px rgba(120,70,20,.07);transition:transform .25s,box-shadow .25s,border-color .25s}
.mc:hover{transform:translateY(-5px);border-color:#f3c9a0;box-shadow:0 22px 44px rgba(120,70,20,.13)}
.mc:not(:last-child):after{content:"";position:absolute;top:50px;right:-44px;width:44px;border-top:2px dashed #f0c9a4}
.mc:not(:last-child):before{content:"";position:absolute;top:43px;right:-24px;width:14px;height:14px;border-top:2px solid var(--or);border-right:2px solid var(--or);transform:rotate(45deg);background:transparent}
.mh{display:flex;align-items:center;justify-content:space-between;margin-bottom:18px}
.mh i{display:flex;align-items:center;justify-content:center;width:56px;height:56px;border-radius:50%;background:radial-gradient(circle at 50% 40%,#fff4e8,#fde7d2)}
.mh svg{width:28px;height:28px;fill:none;stroke:var(--or);stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round;transition:transform .25s}
.mc:hover .mh svg{transform:scale(1.1)}
.mh span{padding:5px 14px;border-radius:99px;background:#fdeedd;color:#b25a12;font-size:14px;font-weight:500}
.mc h3{font-size:21px;margin:0 0 8px;color:var(--text)}
.mc p{margin:0;font-size:16px;line-height:1.65;color:var(--muted)}
.mbtn{display:inline-block;background:var(--or);color:#fff;font-weight:500;font-size:17px;padding:14px 32px;border-radius:8px;box-shadow:0 8px 18px rgba(244,136,58,.28);transition:transform .15s,filter .15s}
.mbtn:hover{filter:brightness(.94);transform:translateY(-2px)}
@media(max-width:960px){.mcards{grid-template-columns:minmax(0,1fr);max-width:560px;margin-left:auto;margin-right:auto;gap:18px}
.mc:after,.mc:before{display:none!important}
.migr{padding:44px 0 52px}
.migr:before,.migr:after{display:none}
.msub{font-size:16.5px;margin-bottom:28px}}
@media(prefers-reduced-motion:reduce){.mc,.mh svg,.mbtn{transition:none}}
/* migration flow graphic */
.mflow{max-width:880px;margin:0 auto 34px}
.mflow img{display:block;width:100%;height:auto}
@media(max-width:700px){.mflow{display:none}}
/* customer reviews carousel */
.rev{background:#fff;padding:70px 0 80px;text-align:center}
.rev .wrap{max-width:1280px}
.rev .eyebrow{display:flex;justify-content:center;width:max-content;margin:0 auto 8px}
.rev h2{font-size:clamp(28px,3.4vw,40px);line-height:1.15;letter-spacing:-.8px;margin:0 0 12px}
.rsub{font-size:18px;line-height:1.7;color:var(--muted);max-width:760px;margin:0 auto 38px}
.rv-wrap{position:relative}
.rv-track{position:relative;display:flex;gap:20px;overflow-x:auto;scroll-snap-type:x mandatory;scroll-behavior:smooth;scrollbar-width:none;padding:6px 2px 10px;text-align:left}
.rv-track::-webkit-scrollbar{display:none}
.rv{flex:0 0 calc((100% - 40px)/3);scroll-snap-align:start;background:#f9fafc;border:1px solid #e9edf3;border-radius:16px;padding:24px 24px 20px;display:flex;flex-direction:column;min-height:270px;transition:box-shadow .2s,border-color .2s,transform .2s}
.rv:hover,.rv:focus-visible{box-shadow:0 16px 34px rgba(16,18,24,.09);border-color:#f3c9a0;transform:translateY(-3px);outline:none}
.rv h3{font-size:18px;font-weight:500;margin:0 0 10px;color:var(--text)}
.rv p{margin:0;font-size:16px;line-height:1.65;color:#3b3f47;flex:1;display:-webkit-box;-webkit-line-clamp:4;-webkit-box-orient:vertical;overflow:hidden}
.rv-foot{margin-top:16px}
.rv-st{display:flex;gap:4px;margin-bottom:10px}
.rv-st svg{width:26px;height:26px;padding:4px;background:#00b67a;border-radius:3px;fill:#fff}
.rv time{font-size:14px;color:var(--muted)}
.rv-nav{position:absolute;top:50%;transform:translateY(-50%);width:46px;height:46px;border-radius:50%;background:#fff;border:2px solid #2a303c;display:flex;align-items:center;justify-content:center;cursor:pointer;z-index:2;box-shadow:0 8px 20px rgba(16,18,24,.14);transition:background .15s,border-color .15s}
.rv-nav svg{width:20px;height:20px;fill:none;stroke:#2a303c;stroke-width:2.4;stroke-linecap:round;stroke-linejoin:round;transition:stroke .15s}
.rv-nav:hover{background:var(--or);border-color:var(--or)}
.rv-nav:hover svg{stroke:#fff}
.rv-prev{left:-20px}
.rv-next{right:-20px}
.rv-dots{display:flex;justify-content:center;gap:10px;margin:20px 0 34px}
.rv-dots button{width:11px;height:11px;border-radius:50%;border:0;background:#dfe4ec;cursor:pointer;padding:0;transition:background .15s,transform .15s}
.rv-dots button.on{background:var(--or);transform:scale(1.2)}
@media(max-width:1000px){.rv{flex-basis:calc((100% - 20px)/2)}}
@media(max-width:640px){.rv{flex-basis:86%}
.rv-nav{display:none}
.rev{padding:48px 0 56px}
.rsub{font-size:16.5px}}
@media(prefers-reduced-motion:reduce){.rv-track{scroll-behavior:auto}
.rv{transition:none}}
/* Google review cards */
.rv-st{gap:3px;margin-bottom:0}
.rv-st svg{width:24px;height:24px;padding:0;background:none;border-radius:0;fill:#fbbc05}
.rv{min-height:220px}
.rv-foot{margin-top:18px}
.rv p{-webkit-line-clamp:5}
.rv p{-webkit-line-clamp:9}
/* mixed Google and Trustpilot reviews */
.rv.t .rv-st{gap:4px}
.rv.t .rv-st svg{width:26px;height:26px;padding:4px;background:#00b67a;border-radius:3px;fill:#fff}
.rv time{display:block;margin-top:10px;font-size:14px;color:var(--muted)}
.rv-v{display:inline-block;margin-left:10px;padding:2px 10px;border-radius:99px;background:#e6f7ef;color:#0a8a55;font-size:12px;font-weight:500;vertical-align:2px}
.rv p{-webkit-line-clamp:6}
.rv.open p{-webkit-line-clamp:unset;display:block}
.rv-more{align-self:flex-start;background:none;border:0;padding:6px 0 0;margin:0;color:var(--or);font:500 15px Roboto,system-ui,sans-serif;cursor:pointer}
.rv-more:hover{text-decoration:underline}
.rv-dots button{width:10px;height:10px}
.rv p{-webkit-line-clamp:5}
.rv{min-height:230px}
.rv-count{display:none;text-align:center;font-size:15px;color:var(--muted);margin:14px 0 26px}
@media(max-width:640px){.rv-dots{display:none}
.rv-count{display:block}}
/* reviews: polished */
.rev{background:linear-gradient(180deg,#fff 0,#fff8f1 38%,#fff8f1 82%,#fff 100%);padding:72px 0 84px}
.rv-rate{display:flex;justify-content:center;gap:18px;flex-wrap:wrap;margin:0 auto 38px}
.rr{display:flex;align-items:center;gap:16px;background:#fff;border:1px solid #f0e6dc;border-radius:16px;padding:14px 26px 14px 22px;box-shadow:0 10px 26px rgba(120,70,20,.08);text-align:left;transition:transform .2s,box-shadow .2s,border-color .2s}
.rr:hover{transform:translateY(-3px);box-shadow:0 16px 34px rgba(120,70,20,.14);border-color:#f3c9a0}
.rr-n{font-size:40px;font-weight:700;line-height:1;letter-spacing:-1px;color:var(--text)}
.rr-n small{font-size:15px;font-weight:400;color:var(--muted);letter-spacing:0;margin-left:4px}
.rr-m span{display:block;font-size:14.5px;color:var(--muted);margin-top:4px}
.rr-st{position:relative;display:inline-block;line-height:0}
.rr-st .base,.rr-st .fill{display:flex;white-space:nowrap}
.rr-st .fill{position:absolute;left:0;top:0;overflow:hidden}
.rr-st svg{flex:none;width:20px;height:20px}
.rr-st .base svg{fill:#dfe3ea}
.rr.g .rr-st .fill svg{fill:#fbbc05}
.rr.t .rr-st .fill svg{fill:#00b67a}
.rv{background:#fff;border:1px solid #efe6dc;border-top:4px solid #fbbc05;border-radius:16px;padding:20px 22px 18px;min-height:240px;box-shadow:0 8px 22px rgba(120,70,20,.06)}
.rv.t{border-top-color:#00b67a}
.rv:hover,.rv:focus-visible{box-shadow:0 18px 38px rgba(120,70,20,.13);border-color:#f3c9a0;transform:translateY(-4px)}
.rv.t:hover,.rv.t:focus-visible{border-top-color:#00b67a}
.rv.g:hover,.rv.g:focus-visible{border-top-color:#fbbc05}
.rv-top{display:flex;align-items:center;gap:12px;margin-bottom:14px}
.rv-av{flex:none;width:44px;height:44px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-weight:700;font-size:16px;color:#fff;background:var(--or)}
.rv:nth-child(5n+2) .rv-av{background:#2a303c}
.rv:nth-child(5n+3) .rv-av{background:#f7c85b;color:#16181d}
.rv:nth-child(5n+4) .rv-av{background:#fcd9b6;color:#7a3f0c}
.rv:nth-child(5n) .rv-av{background:#8d939e}
.rv-who{flex:1;min-width:0}
.rv-who h3{font-size:17px;font-weight:500;margin:0;line-height:1.25;color:var(--text)}
.rv-who .rv-v{margin:3px 0 0;display:inline-block}
.rv-via{display:inline-flex;align-items:center;gap:6px;font-size:13px;font-weight:500;color:var(--muted);white-space:nowrap}
.rv-via svg{width:16px;height:16px;fill:#fbbc05}
.rv.t .rv-via svg{fill:#00b67a}
.rv p{font-size:16px;line-height:1.65;color:#3b3f47}
.rv-links{display:flex;justify-content:center;flex-wrap:wrap;gap:16px;margin-top:6px}
.rl{display:inline-flex;align-items:center;gap:12px;background:#fff;color:var(--text);border:2px solid #2a303c;border-radius:12px;padding:15px 26px 15px 18px;font-size:17px;font-weight:500;box-shadow:0 10px 24px rgba(16,18,24,.12);transition:background .18s,color .18s,border-color .18s,transform .18s}
.rl i{display:flex;align-items:center;justify-content:center;width:34px;height:34px;border-radius:50%;background:#fff7e0}
.rl.t i{background:#e6f7ef}
.rl i svg{width:19px;height:19px;fill:#fbbc05}
.rl.t i svg{fill:#00b67a}
.rl .ar{width:20px;height:20px;fill:none;stroke:currentColor;stroke-width:2.2;stroke-linecap:round;stroke-linejoin:round;transition:transform .18s}
.rl:hover{background:var(--or);border-color:var(--or);color:#fff;transform:translateY(-3px)}
.rl:hover .ar{transform:translateX(4px)}
.rl:hover i{background:#fff}
@media(max-width:640px){.rr{padding:12px 18px}
.rr-n{font-size:32px}
.rv-links{flex-direction:column;align-items:stretch;padding:0 14px}
.rl{justify-content:center;font-size:16px;padding:14px 16px}
.rv-top{gap:10px}
.rv-via{display:none}
.rev{padding:50px 0 58px}}
/* single "read all reviews" button on the home page */
.rl-main{display:inline-flex;align-items:center;gap:12px;background:var(--or);color:#fff;font-weight:500;font-size:18px;padding:16px 34px;border-radius:12px;box-shadow:0 12px 26px rgba(244,136,58,.34);transition:transform .18s,filter .18s}
.rl-main:hover{filter:brightness(.94);transform:translateY(-3px)}
.rl-main .ar{width:22px;height:22px;fill:none;stroke:currentColor;stroke-width:2.2;stroke-linecap:round;stroke-linejoin:round;transition:transform .18s}
.rl-main:hover .ar{transform:translateX(5px)}
@media(max-width:640px){.rl-main{width:100%;justify-content:center;font-size:17px;padding:15px 18px}}
/* reviews page */
.rp-hero{background:linear-gradient(180deg,#fff 0,#fff8f1 100%);padding:44px 0 36px;text-align:center}
.rp-crumb{display:flex;justify-content:center;align-items:center;gap:10px;font-size:15px;color:var(--muted);margin-bottom:22px}
.rp-crumb a{color:var(--or);font-weight:500}
.rp-crumb a:hover{text-decoration:underline}
.rp-crumb b{font-weight:400;color:var(--text)}
.rp-hero .eyebrow{display:flex;justify-content:center;width:max-content;margin:0 auto 8px}
.rp-hero h1{font-size:clamp(30px,3.8vw,46px);line-height:1.12;letter-spacing:-.9px;margin:0 0 12px}
.rp-hero .rsub{margin-bottom:28px}
.rp-hero .rv-rate{margin-bottom:0}
.rp-list{background:#fff8f1;padding:10px 0 80px}
.rp-filter{display:flex;justify-content:center;flex-wrap:wrap;gap:10px;margin:8px 0 30px}
.rp-filter button{display:inline-flex;align-items:center;gap:8px;background:#fff;border:1.5px solid #ecd9c4;border-radius:99px;padding:10px 20px;font:500 16px Roboto,system-ui,sans-serif;color:var(--text);cursor:pointer;transition:background .15s,color .15s,border-color .15s}
.rp-filter button em{font-style:normal;font-size:13px;padding:1px 9px;border-radius:99px;background:#fdeedd;color:#b25a12}
.rp-filter button:hover{border-color:var(--or);color:var(--or)}
.rp-filter button.on{background:var(--or);border-color:var(--or);color:#fff}
.rp-filter button.on em{background:rgba(255,255,255,.28);color:#fff}
.rv-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:22px;align-items:start;margin-bottom:46px}
.rv-grid .rv{flex:none;min-height:0}
.rv-grid .rv p{-webkit-line-clamp:unset;display:block}
.rv-grid .rv[hidden]{display:none}
.rp-back{text-align:center;margin:30px 0 0}
.rp-back a{color:var(--muted);font-weight:500}
.rp-back a:hover{color:var(--or)}
@media(max-width:1000px){.rv-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:640px){.rv-grid{grid-template-columns:minmax(0,1fr)}
.rp-hero{padding:30px 0 26px}
.rp-list{padding-bottom:56px}}
.rv-grid{align-items:stretch}
.rv-grid .rv .rv-foot{margin-top:auto;padding-top:14px}
.rv-grid .rv p{flex:0 0 auto}
/* migration: two buttons */
.mbtns{display:flex;justify-content:center;align-items:center;flex-wrap:wrap;gap:14px}
.mbtn2{display:inline-flex;align-items:center;gap:10px;background:#fff;color:var(--text);border:2px solid var(--or);box-shadow:0 8px 18px rgba(244,136,58,.14)}
.mbtn2 svg{width:20px;height:20px;fill:none;stroke:var(--or);stroke-width:2;stroke-linecap:round;stroke-linejoin:round;transition:stroke .15s}
.mbtn2:hover{background:var(--or);color:#fff;filter:none}
.mbtn2:hover svg{stroke:#fff}
@media(max-width:560px){.mbtns{flex-direction:column;align-items:stretch;padding:0 16px}
.mbtn,.mbtn2{justify-content:center;text-align:center}}
.mbtn{border:2px solid transparent;line-height:1.4}
.mbtn2{line-height:1.4}
/* support contact section */
.supp{position:relative;overflow:hidden;background:linear-gradient(180deg,#fff 0,#fff8f1 100%);padding:70px 0 80px}
.supp:before{content:"";position:absolute;left:36px;bottom:50px;width:110px;height:90px;background-image:radial-gradient(#ead9c8 2px,transparent 2px);background-size:16px 16px;opacity:.8}
.supp .wrap{position:relative;z-index:1;max-width:1280px}
.supp-g{display:grid;grid-template-columns:minmax(0,.8fr) minmax(0,2.2fr);gap:48px;align-items:center}
.supp-h .eyebrow{display:flex;margin-bottom:10px}
.supp-h h2{font-size:clamp(28px,3.2vw,40px);line-height:1.18;letter-spacing:-.8px;margin:0 0 14px}
.supp-h p{margin:0;font-size:18px;line-height:1.65;color:var(--muted)}
.scards{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:22px}
.sc{display:flex;flex-direction:column;align-items:center;text-align:center;background:#fff;border:1px solid #f0e6dc;border-radius:18px;padding:32px 24px 28px;box-shadow:0 12px 30px rgba(120,70,20,.07);transition:transform .25s,box-shadow .25s,border-color .25s}
.sc:hover{transform:translateY(-5px);border-color:#f3c9a0;box-shadow:0 22px 44px rgba(120,70,20,.13)}
.si2{width:104px;height:104px;margin-bottom:20px;border-radius:50%;display:flex;align-items:center;justify-content:center;background:radial-gradient(circle at 50% 40%,#fff4e8,#fde7d2)}
.si2 img{width:70px;height:70px;display:block;transition:transform .3s}
.sc:hover .si2 img{transform:scale(1.1) rotate(-3deg)}
.sc h3{font-size:22px;margin:0 0 8px;color:var(--text)}
.sc p{margin:0 0 22px;font-size:16px;line-height:1.6;color:var(--muted);flex:1}
.sbtn{display:block;width:100%;text-align:center;border:2px solid var(--or);color:var(--or);border-radius:10px;padding:12px 14px;font-weight:500;font-size:16px;transition:background .15s,color .15s}
.sbtn:hover{background:var(--or);color:#fff}
@media(max-width:1100px){.supp-g{grid-template-columns:minmax(0,1fr);gap:30px}
.supp-h{text-align:center}
.supp-h .eyebrow{justify-content:center;width:max-content;margin:0 auto 10px}}
@media(max-width:760px){.scards{grid-template-columns:minmax(0,1fr);max-width:420px;margin:0 auto;gap:16px}
.supp{padding:48px 0 56px}
.supp:before{display:none}}
@media(prefers-reduced-motion:reduce){.sc,.si2 img{transition:none}}
/* footer v2 */
.sf{background:#f3f4f6;border-top:1px solid var(--line);padding:56px 0 24px;color:var(--muted);font-size:15px}
.sf .wrap{max-width:1280px}
.ft-top{display:grid;grid-template-columns:1.5fr 1fr 1fr 1fr;gap:40px}
.ft-brand img{display:block;height:38px;width:auto;margin-bottom:16px}
.ft-brand p{margin:0 0 18px;max-width:340px;line-height:1.65}
.ft-col h4{margin:0 0 14px;color:var(--text);font-size:17px}
.ft-col ul{list-style:none;margin:0;padding:0}
.ft-col li{padding:4px 0}
.ft-col a{transition:color .15s}
.ft-col a:hover{color:var(--or)}
.ft-pay{display:flex;align-items:center;gap:18px;flex-wrap:wrap;margin-top:40px;padding:22px 0;border-top:1px solid #e1e4ea;border-bottom:1px solid #e1e4ea}
.ft-lab{font-weight:500;color:var(--text);font-size:16px}
.pay{display:flex;flex-wrap:wrap;gap:10px}
.pay img{display:block;width:64px;height:40px;border-radius:6px;box-shadow:0 2px 6px rgba(16,18,24,.06);transition:transform .15s}
.pay img:hover{transform:translateY(-2px)}
.ft-bot{display:flex;justify-content:space-between;flex-wrap:wrap;gap:10px;padding-top:20px;font-size:14px}
@media(max-width:960px){.ft-top{grid-template-columns:1fr 1fr;gap:32px}
.ft-brand{grid-column:1/-1}}
@media(max-width:560px){.ft-top{grid-template-columns:1fr}
.sf{padding-top:44px}
.pay img{width:58px;height:36px}
.ft-bot{flex-direction:column}}
/* footer v3 */
.sf{background:linear-gradient(180deg,#fff8f1 0,#f3f4f6 220px);padding-top:60px}
.ft-col a{display:inline-block}
.ft-col a:hover{transform:translateX(4px)}
.ft-col h4{position:relative;padding-bottom:10px;margin-bottom:12px}
.ft-col h4:after{content:"";position:absolute;left:0;bottom:0;width:28px;height:3px;border-radius:3px;background:var(--or)}
.ft-lab{display:inline-flex;align-items:center;gap:8px}
.ft-lab svg{width:20px;height:20px;fill:none;stroke:#0a8a55;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}
.pay img{width:70px;height:44px}
.ft-bot{align-items:center}
.to-top{width:42px;height:42px;border-radius:50%;border:2px solid #2a303c;background:#fff;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:background .15s,border-color .15s,transform .15s}
.to-top svg{width:18px;height:18px;fill:none;stroke:#2a303c;stroke-width:2.4;stroke-linecap:round;stroke-linejoin:round;transition:stroke .15s}
.to-top:hover{background:var(--or);border-color:var(--or);transform:translateY(-3px)}
.to-top:hover svg{stroke:#fff}
@media(max-width:640px){.pay img{width:58px;height:36px}
.ft-bot{flex-direction:row;flex-wrap:wrap}}
@media(prefers-reduced-motion:reduce){.to-top,.ft-col a,.pay img{transition:none}}
@media(max-width:640px){.ft-bot{justify-content:space-between}
.ft-bot span:nth-child(2){order:3;flex-basis:100%}}
/* footer legal links */
.ft-legal{display:flex;flex-wrap:wrap;justify-content:center;gap:8px 28px}
.ft-legal a{color:var(--muted);font-weight:500;transition:color .15s}
.ft-legal a:hover{color:var(--or);text-decoration:underline;text-underline-offset:3px}
@media(max-width:640px){.ft-bot .ft-legal{order:3;flex-basis:100%;justify-content:flex-start}}
/* top bar: keep the links vertically centred (a leftover intro-text rule was adding a bottom margin) */
.topbar .tl{margin:0;max-width:none}
.topbar .wrap{align-content:center;min-height:50px}
/* legal links on the right */
.ft-bot .ft-legal{margin-left:auto;margin-right:22px;justify-content:flex-end}
@media(max-width:640px){.ft-bot .ft-legal{margin:0;order:3;flex-basis:100%;justify-content:flex-start}}
/* copyright line in the left column */
.ft-bot{justify-content:flex-end}
@media(max-width:640px){.ft-bot{justify-content:space-between}}
/* copyright back in the bottom bar, on the left */
.ft-bot{justify-content:space-between}
/* hosting types: richer cards with filter tabs */
.hg{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:22px}
.hc{position:relative;overflow:hidden;display:flex;flex-direction:column;background:#fff;border:1px solid #f0e6dc;border-radius:18px;padding:26px 24px 24px;box-shadow:0 10px 26px rgba(120,70,20,.06);transition:transform .25s,box-shadow .25s,border-color .25s}
.hc:before{content:"";position:absolute;left:0;right:0;top:0;height:4px;background:linear-gradient(90deg,#f4883a,#f7a55f);transform:scaleX(0);transform-origin:left;transition:transform .3s}
.hc:hover{transform:translateY(-6px);border-color:#f3c9a0;box-shadow:0 22px 44px rgba(120,70,20,.13)}
.hc:hover:before{transform:scaleX(1)}
.hc[hidden]{display:none}
.hc-top{display:flex;align-items:center;justify-content:space-between;margin-bottom:20px}
.hc-i{display:flex;align-items:center;justify-content:center;width:62px;height:62px;border-radius:18px;background:radial-gradient(circle at 50% 35%,#fff4e8,#fde7d2);transition:background .25s}
.hc-i svg{width:30px;height:30px;fill:none;stroke:var(--or);stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round;transition:stroke .25s,transform .25s}
.hc:hover .hc-i{background:var(--or)}
.hc:hover .hc-i svg{stroke:#fff;transform:scale(1.08)}
.hc h3{font-size:20px;margin:0 0 8px;color:var(--text)}
.hc p{margin:0 0 20px;font-size:15.5px;line-height:1.6;color:var(--muted);flex:1}
.hc-go{display:inline-flex;align-items:center;gap:8px;color:var(--or);font-weight:500;font-size:15.5px}
.hc-go .ar{width:18px;height:18px;fill:none;stroke:currentColor;stroke-width:2.2;stroke-linecap:round;stroke-linejoin:round;transition:transform .2s}
.hc:hover .hc-go .ar{transform:translateX(5px)}
@media(max-width:1100px){.hg{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:640px){.hg{grid-template-columns:minmax(0,1fr);gap:16px}
.hc{padding:22px 20px}}
@media(prefers-reduced-motion:reduce){.hc,.hc:before,.hc-i svg{transition:none}}
/* packages v3: button up top, shorter cards */
.bf{align-self:flex-start;display:inline-block;margin:0 0 10px;padding:4px 12px;border-radius:99px;background:#fdeedd;color:#b25a12;font-size:13px;font-weight:500}
.pk .cont{margin:6px 0 0}
.trust{display:flex;align-items:center;justify-content:center;gap:8px;margin:14px 0 18px;font-size:13.5px;color:var(--muted)}
.trust svg{width:17px;height:17px;fill:none;stroke:#0a8a55;stroke-width:2;stroke-linecap:round;stroke-linejoin:round;flex:none}
.ks{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin:0 0 16px}
.ks div{background:#fff8f1;border:1px solid #f4e6d6;border-radius:12px;padding:10px 12px}
.ks svg{display:block;width:18px;height:18px;fill:none;stroke:var(--or);stroke-width:1.9;stroke-linecap:round;stroke-linejoin:round;margin-bottom:4px}
.ks b{display:block;font-size:19px;line-height:1.2;color:var(--text)}
.ks span{font-size:13px;color:var(--muted)}
/* no empty gap inside the package cards: each card is only as tall as its content */
.pgrid{align-items:start}
.pk{flex:none}
/* top bar links: polished */
.topbar .tl{font-size:15px;line-height:1.4;gap:6px}
.topbar .item{position:relative;gap:9px;padding:7px 14px;border-radius:99px;font-weight:500;color:#4a4f5a;transition:background .18s,color .18s,box-shadow .18s}
.topbar .item svg{width:18px;height:18px;fill:var(--or);transition:transform .18s}
.topbar .item:hover{background:#fff;color:var(--or);box-shadow:0 4px 12px rgba(16,18,24,.08)}
.topbar .item:hover svg{transform:scale(1.12)}
.topbar .tl>.item:not(.l):after,.topbar .tl>.has:after{content:"";position:absolute;right:-4px;top:50%;height:16px;margin-top:-8px;width:1px;background:#d9dce3;pointer-events:none}
.topbar .tl>.has{position:relative}
.topbar .tl>.item.l{margin-left:6px;background:#fff;border:1px solid #f0e0cf;box-shadow:0 4px 12px rgba(244,136,58,.14);padding:7px 18px 7px 14px}
.topbar .tl>.item.l b{font-weight:700;letter-spacing:.2px}
.topbar .tl>.item.l:hover{border-color:var(--or);background:#fff7ef;color:var(--text)}
.topbar .tl>.item.l:hover b{color:var(--or)}
.topbar .has:hover>.item,.topbar .has:focus-within>.item{background:#fff;color:var(--or)}
@media(max-width:640px){.topbar .tl{gap:2px}
.topbar .item{padding:6px 10px;font-size:14px}
.topbar .tl>.item.l{margin-left:0;padding:6px 12px 6px 10px}
.topbar .tl>.item:not(.l):after,.topbar .tl>.has:after{display:none}}
.topbar .tl{gap:18px}
.topbar .tl>.item:not(.l):after,.topbar .tl>.has:after{right:-10px}
.topbar .tl>.item.l{margin-left:4px}
@media(max-width:640px){.topbar .tl{gap:2px}}
/* hosting that grows: better cards, no filter */
.hg{gap:24px}
.hc{background:linear-gradient(180deg,#fff 0,#fffaf5 100%);padding:28px 26px 24px}
.hc-i{width:68px;height:68px;border-radius:20px}
.hc-i svg{width:32px;height:32px}
.hc-wm{position:absolute;right:-22px;bottom:34px;width:130px;height:130px;fill:none;stroke:var(--or);stroke-width:1.1;stroke-linecap:round;stroke-linejoin:round;opacity:.07;pointer-events:none;transition:opacity .25s,transform .25s}
.hc:hover .hc-wm{opacity:.13;transform:rotate(-6deg) scale(1.05)}
.hc h3{font-size:21px;margin-bottom:10px;position:relative}
.hc p{position:relative;margin-bottom:22px}
.hc-go{margin-top:auto;padding-top:16px;border-top:1px solid #f3e8dc;position:relative}
.hc p{flex:1}
/* package features: underlined, tooltip on hover or tap */
.pk .fl li span{text-decoration:underline dotted;text-decoration-color:#c3c9d4;text-decoration-thickness:1.5px;text-underline-offset:5px;cursor:help;transition:text-decoration-color .15s,color .15s}
.pk .fl li:hover span,.pk .fl li:focus-within span{text-decoration-color:var(--or);color:var(--text)}
.pk .fl li{cursor:help}
/* hide the small (i) icon on package features; the tooltip still opens on hover or tap */
.pk .inf.tip{width:0;height:0;min-width:0;padding:0;margin:0;border:0;background:none;font-size:0;line-height:0;overflow:visible;box-shadow:none;flex:none}
.pk .inf.tip:hover,.pk .inf.tip:focus{border:0}
/* package cards: same height, every row lines up across the four plans */
.pgrid{align-items:stretch}
.pw{display:flex;flex-direction:column}
.pw .pk{flex:1 1 auto}
.pw.rec .pk{padding-top:calc(var(--pk-pad,28px) + 1px)}
/* See More Features link at the end of each package */
.pk-more{display:flex;align-items:center;justify-content:center;gap:8px;margin-top:auto;padding-top:18px;border-top:1px solid #f1e4d5;color:var(--or);font-weight:500;font-size:15.5px;transition:color .15s}
.pk-more svg{width:18px;height:18px;fill:none;stroke:currentColor;stroke-width:2.2;stroke-linecap:round;stroke-linejoin:round;transition:transform .2s}
.pk-more:hover{text-decoration:underline;text-underline-offset:4px}
.pk-more:hover svg{transform:translateX(5px)}
.pk .specs{margin-bottom:20px}
.pw.rec .pk{padding-bottom:21px}

/* tooltips: stay inside the card on every screen size and never widen the page */
.pk .fl li{position:relative}
.pk .inf.tip{position:static}
.pk .tip::after{display:none;position:absolute;left:0;right:auto;bottom:calc(100% + 6px);width:max-content;max-width:100%;white-space:normal;padding:9px 12px;font-size:13px;line-height:1.45;opacity:1;visibility:visible;transform:none;transition:none}
.pk .fl li:hover .tip::after,.pk .fl li:focus-within .tip::after,.pk .tip:focus::after{display:block}

/* responsive hardening for every device */
html{-webkit-text-size-adjust:100%;text-size-adjust:100%;overflow-x:clip;scroll-padding-top:96px}
body{overflow-x:clip}
img,svg,video{max-width:100%}
a,button,select,label{touch-action:manipulation;-webkit-tap-highlight-color:rgba(244,136,58,.18)}
input,select,textarea{font-size:16px}
@media(max-width:1240px){.burger{min-width:46px;min-height:46px;display:flex;align-items:center;justify-content:center}}
.menu{max-height:calc(100vh - 150px);max-height:calc(100dvh - 150px);-webkit-overflow-scrolling:touch;overscroll-behavior:contain}
.hbg{max-width:none}
@media(max-width:760px){.hbg{opacity:.35}}
@media(max-width:480px){.hbg{opacity:.22}.hx-pop{gap:8px}}
@supports(padding:max(0px)){.sf{padding-bottom:max(24px,env(safe-area-inset-bottom))}}
@media(hover:none){.rl:hover,.hc:hover,.gc:hover,.sc:hover,.mc:hover,.rr:hover,.rv:hover,.pw:hover{transform:none}}

/* comfortable tap targets on touch screens and small screens */
@media(max-width:900px),(hover:none){
  .topbar .item{min-height:40px;display:inline-flex;align-items:center}
  .hx-pop button{min-height:40px;padding:0 16px}
  .hx-pop a{min-height:40px;display:inline-flex;align-items:center}
  .rv-more{min-height:40px}
  .ft-col a{display:inline-block;padding:10px 0}
  .ft-col li{padding:0}
  .ft-legal a{padding:10px 4px}
  .tways a,.pk-more,.hc-go{min-height:40px}
  .to-top{width:46px;height:46px}
}

/* very small phones: domain search stacks so nothing is cut off */
@media(max-width:400px){
  .hx-search{flex-wrap:wrap;padding:8px;gap:8px}
  .hx-search input{flex:1 1 100%;width:100%;min-height:48px;padding:12px;border:1px solid #e3e5e9;border-radius:8px}
  .hx-search select{flex:1 1 40%;border:1px solid #e3e5e9;border-radius:8px;min-height:48px}
  .hx-search button{flex:1 1 50%;min-height:48px}
}

/* stats strip under hero (ss- prefix) */
.ss{background:#fff8f1;border-top:1px solid #fde3cc;border-bottom:1px solid #fde3cc;padding:22px 0}
.ss-list{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(4,minmax(0,1fr))}
.ss-list li{display:flex;align-items:center;justify-content:center;gap:14px;padding:4px 16px;position:relative}
.ss-list li+li:before{content:"";position:absolute;left:0;top:10%;bottom:10%;width:1px;background:#f6cfae}
.ss-list i{flex:none;width:46px;height:46px;border-radius:12px;background:#fff;border:1px solid #fde3cc;display:flex;align-items:center;justify-content:center}
.ss-list svg{width:24px;height:24px;fill:none;stroke:var(--or);stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
.ss-list b{display:block;color:var(--text);font-size:24px;line-height:1.15;font-weight:700}
.ss-list small{display:block;color:var(--muted);font-size:14px;margin-top:2px}
@media(max-width:900px){.ss-list{grid-template-columns:repeat(2,minmax(0,1fr));row-gap:18px}.ss-list li{justify-content:flex-start}.ss-list li:nth-child(3):before{display:none}}
@media(max-width:480px){.ss{padding:18px 0}.ss-list li{gap:10px;padding:2px 8px}.ss-list i{width:38px;height:38px;border-radius:10px}.ss-list svg{width:20px;height:20px}.ss-list b{font-size:19px}.ss-list small{font-size:12.5px}}

/* features / technology (tk- prefix) */
.tk{background:#fff;padding:36px 0 70px;text-align:center}
.tk .wrap{max-width:1180px}
.tk .eyebrow{display:flex;justify-content:center;width:max-content;margin:0 auto 8px}
.tk h2{font-size:clamp(28px,3.4vw,40px);line-height:1.15;letter-spacing:-.8px;margin:0 auto 12px;max-width:760px}
.tk-sub{font-size:18px;line-height:1.7;color:var(--muted);max-width:640px;margin:0 auto 44px}
.tk-g{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:22px;text-align:left}
.tk-c{background:#fff;border:1px solid #eef0f3;border-radius:16px;padding:28px 26px;box-shadow:0 8px 24px rgba(16,18,24,.05);transition:transform .2s,box-shadow .2s,border-color .2s}
.tk-c:hover{transform:translateY(-4px);border-color:#f3c9a0;box-shadow:0 16px 34px rgba(120,70,20,.1)}
.tk-i{width:52px;height:52px;border-radius:14px;background:#fff4e8;display:flex;align-items:center;justify-content:center;margin-bottom:18px}
.tk-i svg{width:26px;height:26px;fill:none;stroke:var(--or);stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
.tk-c h3{margin:0 0 8px;font-size:20px;color:var(--text)}
.tk-c p{margin:0;font-size:16px;line-height:1.6;color:var(--muted)}
@media(max-width:960px){.tk-g{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:600px){.tk{padding:28px 0 56px}.tk-g{grid-template-columns:minmax(0,1fr);gap:14px}.tk-c{padding:22px 20px}.tk-sub{margin-bottom:30px}}

/* FAQ (faq- prefix) */
.faq{background:linear-gradient(180deg,#fff 0,#fff8f1 30%,#fff8f1 80%,#fff 100%);padding:72px 0 76px;text-align:center}
.faq .eyebrow{display:flex;justify-content:center;width:max-content;margin:0 auto 8px}
.faq h2{font-size:clamp(28px,3.4vw,40px);line-height:1.15;letter-spacing:-.8px;margin:0 0 12px}
.faq-sub{font-size:18px;line-height:1.7;color:var(--muted);max-width:640px;margin:0 auto 36px}
.faq-sub a{color:var(--or);font-weight:500;text-decoration:underline;text-underline-offset:3px}
.faq-l{max-width:860px;margin:0 auto;text-align:left;display:grid;gap:12px}
.faq-i{background:#fff;border:1px solid #f0e6dc;border-radius:14px;box-shadow:0 6px 18px rgba(120,70,20,.05);transition:border-color .2s,box-shadow .2s}
.faq-i[open]{border-color:#f3c9a0;box-shadow:0 12px 28px rgba(120,70,20,.09)}
.faq-i summary{list-style:none;cursor:pointer;display:flex;align-items:center;justify-content:space-between;gap:16px;padding:20px 24px;font-size:18px;font-weight:500;color:var(--text)}
.faq-i summary::-webkit-details-marker{display:none}
.faq-i summary:after{content:"+";flex:none;width:32px;height:32px;border-radius:50%;background:#fff4e8;color:var(--or);display:flex;align-items:center;justify-content:center;font-size:22px;line-height:1;transition:transform .2s}
.faq-i[open] summary:after{content:"\2212"}
.faq-i summary:focus-visible{outline:2px solid var(--or);outline-offset:2px;border-radius:14px}
.faq-a{padding:0 24px 20px}
.faq-a p{margin:0;font-size:16px;line-height:1.7;color:var(--muted)}
@media(max-width:600px){.faq{padding:56px 0}.faq-i summary{padding:16px 18px;font-size:16.5px}.faq-a{padding:0 18px 16px}}

/* final call to action (cta- prefix) */
.cta{background:#fff;padding:20px 0 72px}
.cta .wrap{max-width:1280px}
.cta-box{position:relative;overflow:hidden;display:flex;align-items:center;justify-content:space-between;gap:32px;background:#16181d;color:#fff;border-radius:22px;padding:44px 52px;background-image:radial-gradient(60% 120% at 100% 0%,rgba(244,136,58,.35),transparent 60%)}
.cta-t h2{margin:0 0 8px;font-size:clamp(24px,2.8vw,34px);line-height:1.2;letter-spacing:-.5px;color:#fff}
.cta-t p{margin:0;font-size:17px;line-height:1.6;color:#c9ccd3}
.cta-t b{color:#fff}
.cta-b{display:flex;gap:12px;flex:none}
.cta-b a{display:inline-flex;align-items:center;justify-content:center;padding:14px 26px;border-radius:10px;font-weight:500;font-size:16px;white-space:nowrap;transition:filter .15s,background .15s,color .15s}
.cta-p{background:var(--or);color:#fff;box-shadow:0 8px 20px rgba(244,136,58,.3)}
.cta-p:hover{filter:brightness(.94)}
.cta-s{border:2px solid rgba(255,255,255,.35);color:#fff}
.cta-s:hover{background:#fff;color:#16181d}
@media(max-width:900px){.cta-box{flex-direction:column;align-items:flex-start;padding:36px 32px}}
@media(max-width:520px){.cta{padding:8px 0 56px}.cta-box{padding:30px 22px;border-radius:18px}.cta-b{flex-direction:column;width:100%}.cta-b a{width:100%}}
@media(prefers-reduced-motion:reduce){.tk-c,.faq-i,.faq-i summary:after{transition:none}}

/* design clean-up: fewer boxes (3 Oct 2026) */
.tk-g{gap:44px 56px}
.tk-c{background:none;border:0;border-radius:0;box-shadow:none;padding:0}
.tk-c:hover{transform:none;box-shadow:none}
.tk-c h3{font-size:19px}
@media(max-width:600px){.tk-g{gap:30px}.tk-c{padding:0}}
.gcards{gap:12px}
.gc{background:none;border:0;border-radius:0;box-shadow:none;padding:8px 10px 0;overflow:visible}
.gc:before{display:none}
.gc:hover{transform:none;box-shadow:none;border-color:transparent}
.gi{background:radial-gradient(circle at 50% 40%,#fff 0,#fde7d2 100%);box-shadow:0 10px 24px rgba(120,70,20,.10)}
@media(max-width:700px){.gcards{row-gap:28px}.gc{padding:4px 6px 0}}
.faq-wa{white-space:nowrap}
.guar:after{display:none}
@media(max-width:700px){.gc:last-child:nth-child(odd){grid-column:1/-1;max-width:260px;margin:0 auto}}


/* migration steps without boxes (mstep override) */
.mcards{gap:40px;text-align:center;margin:8px 0 40px}
.mc{background:none;border:0;border-radius:0;box-shadow:none;padding:0 10px}
.mc:hover{transform:none;box-shadow:none;border-color:transparent}
.mh{flex-direction:column-reverse;justify-content:center;gap:12px;margin-bottom:16px}
.mh i{width:72px;height:72px;background:#fff;box-shadow:0 0 0 8px #fff4e8,0 14px 28px rgba(244,136,58,.2)}
.mh svg{width:32px;height:32px}
.mh span{padding:3px 12px;font-size:13px}
.mc:not(:last-child):after{top:76px;right:-62px;width:84px;left:auto}
.mc:not(:last-child):before{top:70px;right:-30px}
.mc h3{font-size:20px}
.mc p{font-size:15.5px;max-width:320px;margin:0 auto}
@media(max-width:960px){.mcards{gap:34px}}
.mc:not(:last-child):after{left:calc(50% + 56px);right:calc(-50% - 40px + 60px);width:auto;top:76px}
.mc:not(:last-child):before{left:auto;right:calc(-50% - 40px + 60px);top:70px}

/* smaller review cards on the home page carousel (rv-track scope) */
.rv-track{gap:16px}
.rv-track .rv{flex:0 0 calc((100% - 48px)/4);min-height:0;padding:18px 18px 16px;border-radius:14px}
.rv-track .rv-top{margin-bottom:10px;gap:10px}
.rv-track .rv-av{width:36px;height:36px;font-size:14px}
.rv-track .rv-who h3{font-size:15.5px}
.rv-track .rv-via{font-size:12px}
.rv-track .rv p{font-size:14.5px;line-height:1.6;-webkit-line-clamp:4}
.rv-track .rv-foot{margin-top:12px}
.rv-track .rv-st svg{width:18px;height:18px}
.rv-track .rv.t .rv-st svg{width:20px;height:20px;padding:3px}
.rv-track .rv time{margin-top:6px;font-size:13px}
.rv-track .rv-more{font-size:14px;padding-top:4px}
@media(max-width:1100px){.rv-track .rv{flex-basis:calc((100% - 32px)/3)}}
@media(max-width:800px){.rv-track .rv{flex-basis:calc((100% - 16px)/2)}}
@media(max-width:640px){.rv-track .rv{flex-basis:78%}}
.rv-track .rv p{flex:0 0 auto}
.rv-track .rv .rv-foot{margin-top:auto;padding-top:12px}
.rv-track .rv.open p{display:block}

/* hero polish (hx- additions, 3 Oct 2026) */
.hx-hl{color:var(--or)}
.hero2 h1{margin-bottom:16px}
.hx-lead{font-size:18.5px;line-height:1.6;max-width:540px;margin-bottom:22px}
.hx-flabel{margin:0 0 10px;font-size:15px;font-weight:500;color:var(--text)}
.hx-search{max-width:560px;padding:7px;border-radius:14px;transition:border-color .15s,box-shadow .15s}
.hx-search:focus-within{border-color:var(--or);box-shadow:0 0 0 4px rgba(244,136,58,.15),0 12px 30px rgba(16,18,24,.09)}
.hx-search input{padding:15px 10px;font-size:16.5px}
.hx-search button{padding:15px 30px;border-radius:10px}
@media(max-width:480px){.hx-lead{font-size:16.5px}}
@media(prefers-reduced-motion:reduce){.hx-search{transition:none}}
.hero2{padding-top:40px;padding-bottom:52px}.hx-flabel{margin-bottom:8px}
@media(max-width:900px){.hero2{padding-top:28px;padding-bottom:40px}}

/* main menu on the left, next to the logo (desktop) */
@media(min-width:1241px){.menu{justify-content:flex-start}}

/* starter hosting pages (pg- prefix) */
.pg-hero{background:linear-gradient(180deg,#fff8f1 0,#fff 100%);border-bottom:1px solid #f6e3d1;padding:44px 0 52px}
.pg-crumbs{display:flex;flex-wrap:wrap;gap:8px;font-size:14px;color:var(--muted);margin-bottom:18px}
.pg-crumbs a{color:var(--muted);text-decoration:underline;text-underline-offset:3px}.pg-crumbs a:hover{color:var(--or)}
.pg-crumbs [aria-current]{color:var(--text);font-weight:500}
.pg-hero h1{font-size:clamp(32px,4vw,48px);line-height:1.12;letter-spacing:-1px;margin:0 0 14px;color:var(--text)}
.pg-lead{font-size:18.5px;line-height:1.6;color:var(--muted);max-width:640px;margin:0 0 22px}
.pg-ticks{color:#3b3f47;margin-bottom:28px}
.pg-btns{display:flex;flex-wrap:wrap;gap:12px}
.pg-btn{display:inline-flex;align-items:center;justify-content:center;padding:14px 26px;border-radius:10px;font-weight:500;font-size:16px;background:var(--or);color:#fff;box-shadow:0 8px 20px rgba(244,136,58,.25);transition:filter .15s}
.pg-btn:hover{filter:brightness(.94)}
.pg-btn2{background:#fff;color:var(--text);border:1px solid var(--line);box-shadow:0 6px 16px rgba(16,18,24,.06)}
.pg-btn2:hover{border-color:var(--or);color:var(--or);filter:none}
.pg-body{padding:56px 0 72px}
.pg-soon{margin:0;font-size:17px;line-height:1.7;color:var(--muted);max-width:720px}
.pg-soon a{color:var(--or);text-decoration:underline;text-underline-offset:3px}
@media(max-width:560px){.pg-hero{padding:30px 0 40px}.pg-lead{font-size:16.5px}.pg-btns{flex-direction:column}.pg-btn{width:100%}}
.pg-hero .wrap,.pg-body .wrap{max-width:1280px}


/* website hosting page hero v2 (wh2- prefix) */
.wh2{position:relative;overflow:hidden;background:linear-gradient(180deg,#fdfaf7 0,#fff 100%);border-bottom:1px solid #f3e6da;padding:56px 0 72px}
.wh2 .wrap{max-width:1280px}
.wh2-grid{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:56px;align-items:center}
.wh2-l h1{font-size:clamp(34px,4.6vw,60px);line-height:1.06;letter-spacing:-1.6px;font-weight:700;margin:0 0 28px;color:var(--text);text-wrap:balance}
.wh2-hl{color:var(--or)}
.wh2-ticks{list-style:none;margin:0 0 30px;padding:0;display:grid;gap:16px}
.wh2-ticks li{position:relative;padding-left:44px;font-size:18px;line-height:28px;color:#2a2e36}
.wh2-ticks li:before{content:"";position:absolute;left:0;top:0;width:28px;height:28px;border-radius:7px;background:#e6f6ec url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%231a8f4c' stroke-width='2.6' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M6 12.5l4 4 8-9'/%3E%3C/svg%3E") center/16px no-repeat}
.wh2-price{margin:0 0 22px;font-size:18px;color:#3b3f47}
.wh2-price b{font-size:34px;font-weight:700;color:var(--text);letter-spacing:-.5px;margin-left:4px}
.wh2-price span{font-size:18px;color:#3b3f47}
.wh2-price small{display:inline-block;margin-left:8px;font-size:14px;color:var(--muted)}
.wh2-btn{display:inline-flex;align-items:center;justify-content:center;min-width:200px;padding:18px 40px;border-radius:14px;background:linear-gradient(180deg,#f7984e,#f0782a);color:#fff;font-weight:700;font-size:18px;box-shadow:0 14px 30px rgba(244,136,58,.32);transition:transform .15s,box-shadow .15s}
.wh2-btn:hover{transform:translateY(-2px);box-shadow:0 18px 36px rgba(244,136,58,.4)}
.wh2-guar{display:flex;align-items:center;gap:10px;margin:22px 0 0;font-size:16px;color:#3b3f47}
.wh2-guar svg{width:20px;height:20px;fill:none;stroke:#5d6370;stroke-width:1.8;stroke-linejoin:round}
.wh2-r{position:relative;padding:20px 40px 40px 40px}
.wh2-win{background:#fff;border:1px solid #eceef2;border-radius:22px;overflow:hidden;box-shadow:0 34px 70px rgba(244,136,58,.18),0 10px 26px rgba(16,18,24,.06)}
.wh2-bar{display:flex;gap:8px;padding:16px 20px;background:#fff}
.wh2-bar i{width:12px;height:12px;border-radius:50%;background:#dfe2e8}
.wh2-screen{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:10px;min-height:340px;background:radial-gradient(70% 90% at 70% 20%,rgba(255,255,255,.18),transparent 60%),linear-gradient(135deg,#f7984e 0%,#ef6f1f 100%);color:#fff;text-align:center;padding:30px}
.wh2-screen b{font-size:clamp(28px,3vw,42px);font-weight:700;letter-spacing:-1px}
.wh2-screen span{font-size:17px;font-weight:500;opacity:.92}
.wh2-url{position:absolute;left:0;top:76px;display:flex;align-items:center;gap:12px;background:#fff;border-radius:16px;padding:12px 20px 12px 12px;box-shadow:0 16px 36px rgba(16,18,24,.12);font-size:17px;font-weight:500;color:var(--text)}
.wh2-shield{display:flex;align-items:center;justify-content:center;width:40px;height:40px;border-radius:10px;background:#fff4e8}
.wh2-shield svg{width:20px;height:20px;fill:none;stroke:var(--or);stroke-width:2;stroke-linecap:round;stroke-linejoin:round}
.wh2-globe{width:18px;height:18px;fill:none;stroke:#8d939e;stroke-width:1.8}
.wh2-score{position:absolute;right:0;bottom:0;background:#fff;border-radius:18px;padding:16px 22px 20px;box-shadow:0 18px 40px rgba(16,18,24,.14);text-align:center}
.wh2-score small{display:block;font-size:15px;font-weight:500;color:#3b3f47;margin-bottom:10px}
.wh2-ring{position:relative;width:110px;height:110px}
.wh2-ring svg{width:100%;height:100%;transform:rotate(-90deg)}
.wh2-ring circle{fill:none;stroke-width:10}
.wh2-rt{stroke:#fde7d2}
.wh2-rv{stroke:var(--or);stroke-linecap:round;stroke-dasharray:263.9;stroke-dashoffset:.3}
.wh2-ring b{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;font-size:26px;font-weight:700;color:var(--text);letter-spacing:-.5px}
.wh2-ring em{font-style:normal;font-size:15px;margin-left:1px}
@media(max-width:1100px){.wh2-grid{gap:36px}.wh2-r{padding:20px 24px 40px 24px}}
@media(max-width:960px){.wh2-grid{grid-template-columns:minmax(0,1fr)}.wh2-r{max-width:600px;width:100%;margin:0 auto}}
@media(max-width:560px){.wh2{padding:36px 0 52px}.wh2-l h1{margin-bottom:22px}.wh2-ticks li{font-size:16px;padding-left:40px}.wh2-price b{font-size:30px}.wh2-btn{width:100%}
.wh2-r{padding:14px 0 34px}.wh2-screen{min-height:220px}.wh2-url{top:56px;left:-4px;font-size:14.5px;padding:8px 14px 8px 8px}.wh2-shield{width:32px;height:32px}.wh2-score{right:-4px;padding:12px 14px 14px}.wh2-ring{width:80px;height:80px}.wh2-ring b{font-size:19px}.wh2-ring em{font-size:12px}}
@media(prefers-reduced-motion:reduce){.wh2-btn{transition:none}}
.wh2-grid{grid-template-columns:minmax(0,1.2fr) minmax(0,.8fr);gap:48px}
.wh2-l h1{font-size:clamp(34px,4vw,56px)}
@media(max-width:960px){.wh2-grid{grid-template-columns:minmax(0,1fr)}}
@media(max-width:560px){.wh2-screen{min-height:250px;padding:30px 20px 96px}}
.wh2-screen{padding-bottom:80px}@media(max-width:560px){.wh2-screen{padding-bottom:96px}}

/* website hosting hero v2 polish */
.wh2-eye{display:inline-flex;align-items:center;gap:8px;margin-bottom:18px;padding:7px 14px 7px 10px;border-radius:99px;background:#fff;border:1px solid #f6d6b8;box-shadow:0 6px 16px rgba(244,136,58,.10);font-size:14px;font-weight:500;color:#3b3f47}
.wh2-eye svg{width:18px;height:18px;padding:3px;border-radius:50%;background:var(--or);fill:#fff}
.wh2-btns{display:flex;flex-wrap:wrap;gap:12px;align-items:center}
.wh2-btn{gap:10px}
.wh2-btn svg{width:20px;height:20px;fill:none;stroke:#fff;stroke-width:2.4;stroke-linecap:round;stroke-linejoin:round;transition:transform .15s}
.wh2-btn:hover svg{transform:translateX(3px)}
.wh2-btn2{display:inline-flex;align-items:center;gap:10px;padding:17px 28px;border-radius:14px;background:#fff;border:1px solid var(--line);color:var(--text);font-weight:500;font-size:17px;box-shadow:0 6px 16px rgba(16,18,24,.05);transition:border-color .15s,color .15s}
.wh2-btn2:hover{border-color:var(--or);color:var(--or)}
.wh2-btn2 svg{width:20px;height:20px;fill:none;stroke:var(--or);stroke-width:1.9;stroke-linecap:round}
.wh2-rate{display:flex;align-items:center;flex-wrap:wrap;gap:8px 12px;margin-top:22px;padding-top:22px;border-top:1px solid #f0e6dc;font-size:14.5px;color:var(--muted)}
.wh2-rate b{color:var(--text)}
.wh2-stars{display:inline-flex;gap:2px}
.wh2-stars svg{width:18px;height:18px;fill:#fbbc05}
.wh2-glow{position:absolute;z-index:0;right:4%;top:6%;width:80%;height:85%;border-radius:40px;background:radial-gradient(closest-side,rgba(244,136,58,.28),transparent);filter:blur(10px)}
.wh2-dots{position:absolute;z-index:0;left:6px;bottom:6px;width:120px;height:96px;background-image:radial-gradient(#ecc9a6 2px,transparent 2px);background-size:16px 16px;opacity:.8}
.wh2-win{position:relative;z-index:1}
.wh2-screen{position:relative;overflow:hidden}
.wh2-sk{position:absolute;left:28px;right:28px;top:26px;display:grid;gap:10px;opacity:.22}
.wh2-sk i{display:block;height:10px;border-radius:99px;background:#fff}
.wh2-sk .a{width:38%}.wh2-sk .b{width:64%;height:14px}.wh2-sk .c{width:22%;height:24px;border-radius:8px}
.wh2-live{position:absolute;right:18px;top:18px;display:inline-flex;align-items:center;gap:7px;background:rgba(255,255,255,.95);color:#1a8f4c;font-size:13px;font-weight:700;padding:5px 12px 5px 10px;border-radius:99px}
.wh2-live i{width:8px;height:8px;border-radius:50%;background:#22b35e;box-shadow:0 0 0 0 rgba(34,179,94,.5);animation:wh2pulse 2s infinite}
.wh2-url,.wh2-score,.wh2-ssl{z-index:2}
.wh2-ssl{position:absolute;left:10px;bottom:22px;display:flex;align-items:center;gap:12px;background:#fff;border-radius:16px;padding:12px 18px 12px 12px;box-shadow:0 16px 36px rgba(16,18,24,.12)}
.wh2-ssl svg{width:38px;height:38px;padding:9px;border-radius:10px;background:#e6f6ec;fill:none;stroke:#1a8f4c;stroke-width:2;stroke-linecap:round}
.wh2-ssl b{display:block;font-size:15px;color:var(--text)}
.wh2-ssl small{display:block;font-size:12.5px;color:var(--muted)}
.wh2-url{animation:wh2float 6s ease-in-out infinite}
.wh2-ssl{animation:wh2float 7s ease-in-out infinite .8s}
.wh2-score{animation:wh2float 6.5s ease-in-out infinite 1.6s}
.wh2-rv{animation:wh2ring 1.4s ease-out both .3s}
@keyframes wh2float{0%,100%{transform:translateY(0)}50%{transform:translateY(-8px)}}
@keyframes wh2ring{from{stroke-dashoffset:263.9}to{stroke-dashoffset:.3}}
@keyframes wh2pulse{0%{box-shadow:0 0 0 0 rgba(34,179,94,.5)}70%{box-shadow:0 0 0 8px rgba(34,179,94,0)}100%{box-shadow:0 0 0 0 rgba(34,179,94,0)}}
@media(max-width:560px){.wh2-btns{flex-direction:column;align-items:stretch}.wh2-btn,.wh2-btn2{width:100%;justify-content:center}
.wh2-ssl{left:-4px;bottom:16px;padding:8px 12px 8px 8px}.wh2-ssl svg{width:30px;height:30px;padding:7px}.wh2-ssl b{font-size:13px}.wh2-ssl small{display:none}
.wh2-live{right:12px;top:12px;font-size:12px}.wh2-sk{display:none}.wh2-dots{display:none}}
@media(prefers-reduced-motion:reduce){.wh2-url,.wh2-ssl,.wh2-score,.wh2-rv,.wh2-live i{animation:none}.wh2-btn svg,.wh2-btn2{transition:none}}
/* website hosting hero: smaller (owner request) */
.wh2{padding:36px 0 48px}
.wh2-eye{margin-bottom:14px;font-size:13px;padding:5px 12px 5px 8px}
.wh2-l h1{font-size:clamp(30px,3.3vw,44px);letter-spacing:-1px;margin-bottom:20px}
.wh2-ticks{gap:11px;margin-bottom:22px}
.wh2-ticks li{font-size:16px;line-height:24px;padding-left:36px}
.wh2-ticks li:before{width:24px;height:24px;border-radius:6px;background-size:14px}
.wh2-price{font-size:16px;margin-bottom:18px}
.wh2-price b{font-size:28px}
.wh2-price span{font-size:16px}
.wh2-btn{min-width:0;padding:14px 28px;font-size:16px;border-radius:12px}
.wh2-btn svg{width:18px;height:18px}
.wh2-btn2{padding:13px 22px;font-size:15.5px;border-radius:12px}
.wh2-guar{margin-top:16px;font-size:15px}
.wh2-rate{margin-top:16px;padding-top:16px;font-size:14px}
.wh2-r{padding:16px 32px 32px 32px;max-width:500px;justify-self:end;width:100%}
.wh2-win{border-radius:18px}
.wh2-bar{padding:12px 16px}.wh2-bar i{width:10px;height:10px}
.wh2-screen{min-height:250px;padding:24px 24px 64px}
.wh2-screen b{font-size:clamp(24px,2.4vw,32px)}
.wh2-screen span{font-size:15px}
.wh2-url{top:58px;font-size:15px;padding:9px 16px 9px 9px;border-radius:14px}
.wh2-shield{width:32px;height:32px;border-radius:8px}.wh2-shield svg{width:17px;height:17px}
.wh2-ssl{padding:9px 14px 9px 9px;bottom:16px}.wh2-ssl svg{width:32px;height:32px;padding:7px}.wh2-ssl b{font-size:14px}
.wh2-score{padding:12px 16px 14px;border-radius:16px}.wh2-score small{font-size:13.5px;margin-bottom:8px}
.wh2-ring{width:84px;height:84px}.wh2-ring b{font-size:20px}.wh2-ring em{font-size:12px}
@media(max-width:960px){.wh2-r{justify-self:center;max-width:460px}}
@media(max-width:560px){.wh2{padding:28px 0 40px}.wh2-l h1{font-size:30px}.wh2-ticks li{font-size:15px}.wh2-r{padding:12px 0 28px}.wh2-screen{min-height:210px;padding:24px 18px 84px}.wh2-url{top:48px;font-size:13.5px}.wh2-ring{width:70px;height:70px}.wh2-ring b{font-size:16px}}
@media(max-width:560px){.wh2-screen{padding-top:64px;padding-bottom:76px;min-height:230px}.wh2-live{top:auto;bottom:12px;left:12px;right:auto}}
@media(max-width:560px){.wh2-live{top:12px;bottom:auto;right:12px;left:auto}}
/* website hosting hero: close the gap between text and mock-up */
@media(min-width:961px){.wh2-grid{grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:32px}
.wh2-r{justify-self:stretch;max-width:none;padding:16px 36px 32px 44px}
.wh2-l h1{font-size:clamp(30px,3.6vw,48px)}
.wh2-ticks{grid-template-columns:repeat(2,minmax(0,1fr));column-gap:24px}
.wh2-ticks li:last-child{grid-column:1/-1}}
@media(max-width:1199px){.wh2-ticks{grid-template-columns:minmax(0,1fr)}}

/* website hosting page: illustration + aligned ticks (whc- prefix) */
.whc-r{position:relative;width:100%;max-width:600px;justify-self:end}
.whc-r svg{display:block;width:100%;height:auto;overflow:visible}
.whc-r .hi-cloud{animation:hiF 7s ease-in-out infinite}
.whc-r .hi-shield{animation:hiF 6s ease-in-out infinite .6s}
.whc-r .hi-gauge{animation:hiF 6.5s ease-in-out infinite 1.2s}
.whc-r .hi-globe{animation:hiF 7.5s ease-in-out infinite 1.8s}
.whc-r .hi-flow{animation:hiD 1.2s linear infinite}
.whc-r .hi-blink{animation:hiB 1.6s steps(1) infinite}
.whc-r .hi-blink2{animation:hiB 2.2s steps(1) infinite .5s}
@keyframes hiF{0%,100%{transform:translateY(0)}50%{transform:translateY(-8px)}}
@keyframes hiD{to{stroke-dashoffset:-30}}
@keyframes hiB{50%{opacity:.25}}
@media(min-width:961px){.wh2 .wh2-ticks{grid-template-columns:minmax(0,1fr)}.wh2 .wh2-ticks li:last-child{grid-column:auto}}
.wh2-l{max-width:600px}
.wh2-rate{max-width:560px}
@media(max-width:960px){.whc-r{justify-self:center;max-width:520px}}
@media(prefers-reduced-motion:reduce){.whc-r *{animation:none!important}}

/* website hosting page: 3 plan cards (no Professional) */
.pgrid.wh-pg3{grid-template-columns:repeat(3,minmax(0,1fr));max-width:1080px;margin-left:auto;margin-right:auto}
@media(max-width:900px){.pgrid.wh-pg3{grid-template-columns:minmax(0,1fr);max-width:440px}}

/* website hosting hero: ratings centred under the hero */
.wh2-rrow{display:flex;justify-content:center;max-width:1280px}
.wh2-rrow .wh2-rate{justify-content:center;text-align:center;margin-top:20px;padding:12px 22px;border:1px solid #f0e6dc;border-radius:99px;background:#fff;box-shadow:0 6px 16px rgba(120,70,20,.06);max-width:none}
@media(max-width:560px){.wh2-rrow .wh2-rate{border-radius:16px}}

/* "Built for performance" styled like Our Guarantees (website hosting page only) */
.tk.tk-fx{position:relative;overflow:hidden;background:linear-gradient(180deg,#fff 0,#fff8f1 30%,#fff8f1 82%,#fff 100%);padding:72px 0 88px}
.tk.tk-fx:before,.tk.tk-fx:after{content:"";position:absolute;background-image:radial-gradient(#e3c9ad 2px,transparent 2px);background-size:16px 16px;opacity:.7;pointer-events:none}
.tk.tk-fx:before{left:40px;top:80px;width:112px;height:96px}
.tk.tk-fx:after{right:36px;bottom:64px;width:130px;height:96px}
.tk.tk-fx .wrap{position:relative;z-index:1}
.tk-fx .tk-sub{margin-bottom:54px}
.tk-fx .tk-g{gap:44px 36px;text-align:center}
.tk-fx .tk-c{display:flex;flex-direction:column;align-items:center}
.tk-fx .tk-i{width:96px;height:96px;border-radius:50%;margin-bottom:20px;background:radial-gradient(circle at 50% 40%,#fff 0,#fde7d2 100%);box-shadow:0 12px 26px rgba(120,70,20,.12),inset 0 0 0 1px rgba(244,136,58,.12);position:relative;transition:transform .25s}
.tk-fx .tk-i:after{content:"";position:absolute;inset:-8px;border-radius:50%;border:1px dashed rgba(244,136,58,.35)}
.tk-fx .tk-i svg{width:38px;height:38px;stroke-width:1.7}
.tk-fx .tk-c:hover .tk-i{transform:translateY(-4px) scale(1.04)}
.tk-fx .tk-c h3{font-size:20px;margin-bottom:8px}
.tk-fx .tk-c p{max-width:320px;margin:0 auto}
@media(max-width:700px){.tk.tk-fx{padding:56px 0 64px}.tk.tk-fx:before,.tk.tk-fx:after{display:none}.tk-fx .tk-i{width:80px;height:80px}.tk-fx .tk-i svg{width:32px;height:32px}}
@media(prefers-reduced-motion:reduce){.tk-fx .tk-i{transition:none}}
.tk.tk-fx{padding-top:40px}
@media(max-width:700px){.tk.tk-fx{padding-top:32px}.tk-fx .tk-g{grid-template-columns:repeat(2,minmax(0,1fr));gap:30px 14px}.tk-fx .tk-i{width:68px;height:68px;margin-bottom:14px}.tk-fx .tk-i:after{inset:-6px}.tk-fx .tk-i svg{width:28px;height:28px}.tk-fx .tk-c h3{font-size:16px}.tk-fx .tk-c p{font-size:13.5px;line-height:1.55}.tk-fx .tk-sub{margin-bottom:36px}}

/* Developer Friendly Web Hosting: 10 features in 5 columns (website hosting page) */
.tk-dev .wrap{max-width:1280px}
.tk-dev h2{max-width:none}
.tk-dev .tk-sub{max-width:720px}
.tk-dev .tk-g{grid-template-columns:repeat(5,minmax(0,1fr));gap:40px 20px}
.tk-dev .tk-c h3{font-size:17px;font-weight:500;line-height:1.35;margin:0}
.tk-dev .tk-c p{font-size:13.5px;color:var(--muted);margin-top:4px}
.tk-dev .tk-i{width:88px;height:88px}
@media(max-width:1000px){.tk-dev .tk-g{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media(max-width:700px){.tk-dev .tk-g{grid-template-columns:repeat(2,minmax(0,1fr));gap:28px 12px}.tk-dev .tk-c h3{font-size:15px}.tk-dev .tk-i{width:68px;height:68px}}
.tk.tk-dev:after{bottom:16px;right:16px;height:64px}@media(max-width:1000px){.tk-dev .tk-g{grid-template-columns:repeat(2,minmax(0,1fr))}}

/* plan comparison table (cmp- prefix, website hosting page) */
.cmp{background:#fff;padding:64px 0 72px}
.cmp .wrap{max-width:1180px;text-align:center}
.cmp .eyebrow{display:flex;justify-content:center;width:max-content;margin:0 auto 8px}
.cmp h2{font-size:clamp(28px,3.4vw,40px);line-height:1.15;letter-spacing:-.8px;margin:0 0 12px}
.cmp-sub{font-size:17px;line-height:1.65;color:var(--muted);max-width:640px;margin:0 auto 34px}
.cmp-scroll{overflow-x:auto;-webkit-overflow-scrolling:touch;border:1px solid #eceef2;border-radius:18px;box-shadow:0 14px 34px rgba(16,18,24,.06);background:#fff}
.cmp-t{width:100%;min-width:720px;border-collapse:separate;border-spacing:0;text-align:center;font-size:15px}
.cmp-t th,.cmp-t td{padding:14px 18px;border-bottom:1px solid #f0f1f4}
.cmp-t tbody th[scope=row]{text-align:left;font-weight:400;color:#3b3f47}
.cmp-t td{color:var(--text);font-weight:500;width:22%}
.cmp-t thead th{position:sticky;top:0;z-index:2;background:#fff;padding:26px 16px 20px;vertical-align:bottom;border-bottom:2px solid #f0e6dc}
.cmp-corner{text-align:left!important;font-size:13px;font-weight:700!important;letter-spacing:.06em;text-transform:uppercase;color:var(--muted)!important}
.cmp-name{display:block;font-size:20px;color:var(--text);margin-bottom:6px}
.cmp-price{display:flex;align-items:baseline;justify-content:center;gap:2px}
.cmp-amt{font-size:28px;font-weight:700;color:var(--text);letter-spacing:-.5px}
.cmp-price small{font-size:14px;color:var(--muted);font-weight:400}
.cmp-bill{font-size:12.5px;color:var(--muted);font-weight:400;margin:2px 0 12px}
.cmp-btn{display:inline-flex;justify-content:center;min-width:130px;padding:10px 18px;border-radius:10px;border:2px solid var(--or);color:var(--or);font-weight:500;font-size:14.5px;transition:background .15s,color .15s}
.cmp-btn:hover{background:var(--or);color:#fff}
.cmp-rec{background:#fff8f1!important}
thead .cmp-rec{border-top:3px solid var(--or)}
.cmp-rec .cmp-btn{background:var(--or);color:#fff}
.cmp-rec .cmp-btn:hover{filter:brightness(.94)}
.cmp-tag{display:inline-block;margin-bottom:8px;background:var(--or);color:#fff;font-size:11px;font-weight:700;letter-spacing:.06em;text-transform:uppercase;padding:3px 10px;border-radius:99px}
.cmp-g th{text-align:left;background:#fafbfc;font-size:13px;font-weight:700;letter-spacing:.05em;text-transform:uppercase;color:var(--or);padding:12px 18px}
.cmp-y{display:inline-flex;width:24px;height:24px;border-radius:50%;background:#e6f6ec;align-items:center;justify-content:center}
.cmp-y svg{width:14px;height:14px;fill:none;stroke:#1a8f4c;stroke-width:3;stroke-linecap:round;stroke-linejoin:round}
.cmp-n{color:#b8bcc7;font-size:18px}
.cmp-t tfoot th{padding:20px 16px;border-bottom:0;font-weight:400}
.cmp-t tbody tr:not(.cmp-g):hover th,.cmp-t tbody tr:not(.cmp-g):hover td{background:#fffaf5}
.cmp-note{margin:16px 0 0;font-size:13.5px;color:var(--muted)}
@media(max-width:760px){.cmp{padding:48px 0 56px}.cmp-t{font-size:14px}.cmp-t th,.cmp-t td{padding:12px 12px}
.cmp-t tbody th[scope=row],.cmp-corner{position:sticky;left:0;z-index:1;background:#fff;min-width:150px;box-shadow:6px 0 10px -8px rgba(0,0,0,.18)}
.cmp-t thead .cmp-corner{z-index:3}.cmp-g th{position:sticky;left:0}
.cmp-amt{font-size:22px}.cmp-btn{min-width:0;padding:8px 12px;font-size:13.5px}}

.cmp-hint{display:none}
@media(max-width:760px){.cmp-hint{display:block;margin:-16px 0 12px;font-size:13.5px;font-weight:500;color:var(--or)}
.cmp-t{min-width:520px;font-size:13.5px}
.cmp-t tbody th[scope=row],.cmp-corner{min-width:0;width:128px;max-width:128px;white-space:normal;line-height:1.35}
.cmp-t th,.cmp-t td{padding:11px 8px}.cmp-g th{padding:10px 12px;font-size:12px}
.cmp-t thead th{padding:20px 8px 16px}.cmp-name{font-size:17px}.cmp-amt{font-size:20px}.cmp-bill{font-size:11px;line-height:1.3}
.cmp-btn{padding:7px 10px;font-size:12.5px;border-width:1.5px}.cmp-tag{font-size:10px;padding:2px 8px}}

/* website hosting hero: six key points in two columns */
.wh2 .wh2-ticks.wh2-six{grid-template-columns:repeat(2,max-content);column-gap:36px;row-gap:12px}
.wh2 .wh2-six li{font-size:16px}
@media(max-width:1100px){.wh2 .wh2-ticks.wh2-six{column-gap:24px}}
@media(max-width:560px){.wh2 .wh2-ticks.wh2-six{grid-template-columns:minmax(0,1fr)}}

/* "What Makes Us Better Than Our Competition" (wmb- prefix, website hosting page) */
.wmb{position:relative;background-color:#233536;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 1440 760' preserveAspectRatio='none'%3E%3Cg fill='%23ffffff'%3E%3Cpath d='M0 0L520 0L260 420Z' opacity='.035'/%3E%3Cpath d='M520 0L980 0L760 300Z' opacity='.05'/%3E%3Cpath d='M980 0L1440 0L1440 380Z' opacity='.03'/%3E%3Cpath d='M260 420L760 300L620 760L0 760L0 520Z' opacity='.025'/%3E%3Cpath d='M760 300L1440 380L1180 760L620 760Z' opacity='.045'/%3E%3Cpath d='M1180 760L1440 380L1440 760Z' opacity='.02'/%3E%3C/g%3E%3Cg fill='%23000000'%3E%3Cpath d='M0 0L260 420L0 520Z' opacity='.08'/%3E%3Cpath d='M760 300L980 0L1440 380Z' opacity='.06'/%3E%3C/g%3E%3C/svg%3E"),linear-gradient(135deg,#2a3f40 0%,#1e2e2f 100%);background-size:100% 100%,100% 100%;color:#fff;padding:64px 0 72px;text-align:center}
.wmb .wrap{max-width:1240px}
.wmb h2{font-size:clamp(26px,3.2vw,38px);line-height:1.2;font-weight:500;letter-spacing:-.5px;color:#fff;margin:0 0 44px}
.wmb-g{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:48px 40px}
.wmb-c{display:flex;flex-direction:column;align-items:center}
.wmb-i{display:flex;align-items:center;justify-content:center;width:96px;height:96px;margin-bottom:22px;border-radius:50%;background:rgba(244,136,58,.08);box-shadow:inset 0 0 0 1px rgba(244,136,58,.18);transition:transform .25s,background .25s}
.wmb-i svg{width:62px;height:62px}
.wmb-c:hover .wmb-i{transform:translateY(-4px);background:rgba(244,136,58,.14)}
.wmb-c h3{font-size:22px;font-weight:500;color:#fff;margin:0 0 12px}
.wmb-c p{margin:0;max-width:380px;font-size:15.5px;line-height:1.65;color:#c9d2d3}
@media(max-width:960px){.wmb-g{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:600px){.wmb{padding:48px 0 56px}.wmb h2{margin-bottom:32px}.wmb-g{grid-template-columns:minmax(0,1fr);gap:36px}.wmb-i{width:84px;height:84px}.wmb-i svg{width:54px;height:54px}.wmb-c h3{font-size:19px}}
@media(prefers-reduced-motion:reduce){.wmb-i{transition:none}}
.wmb-i svg{width:72px;height:72px}@media(max-width:600px){.wmb-i svg{width:62px;height:62px}}

/* competition section recoloured to the page scheme (light, orange) */
.wmb{background-color:#fff8f1;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 1440 760' preserveAspectRatio='none'%3E%3Cg fill='%23f4883a'%3E%3Cpath d='M0 0L520 0L260 420Z' opacity='.04'/%3E%3Cpath d='M520 0L980 0L760 300Z' opacity='.06'/%3E%3Cpath d='M980 0L1440 0L1440 380Z' opacity='.035'/%3E%3Cpath d='M260 420L760 300L620 760L0 760L0 520Z' opacity='.03'/%3E%3Cpath d='M760 300L1440 380L1180 760L620 760Z' opacity='.05'/%3E%3C/g%3E%3C/svg%3E"),linear-gradient(180deg,#fff 0,#fff8f1 25%,#fff8f1 80%,#fff 100%);color:var(--text);padding:72px 0 80px}
.wmb h2{color:var(--text);font-weight:700;letter-spacing:-.8px;font-size:clamp(28px,3.4vw,40px)}
.wmb-i{width:104px;height:104px;background:radial-gradient(circle at 50% 40%,#fff 0,#fde7d2 100%);box-shadow:0 12px 26px rgba(120,70,20,.12)}
.wmb-c:hover .wmb-i{background:radial-gradient(circle at 50% 40%,#fff 0,#fcd9b6 100%)}
.wmb-c h3{color:var(--text)}
.wmb-c p{color:var(--muted)}
.wmb .wmb-i svg{width:60px;height:60px}
@media(max-width:600px){.wmb-i{width:88px;height:88px}.wmb .wmb-i svg{width:52px;height:52px}}

.wmb .eyebrow{display:flex;justify-content:center;width:max-content;margin:0 auto 10px}
.wmb h2{margin-bottom:14px}
.wmb-sub{font-size:17.5px;line-height:1.7;color:var(--muted);max-width:700px;margin:0 auto 48px}
@media(max-width:600px){.wmb-sub{font-size:16px;margin-bottom:34px}}
.cmp-t td{width:18%}

/* ===== website hosting page: unique sections (wu-, cp-, sx-, dmb-) ===== */
/* Who is it for */
.wu{background:#fff;padding:72px 0 64px;text-align:center}
.wu .wrap{max-width:1280px}
.wu .eyebrow,.sx .eyebrow{display:flex;justify-content:center;width:max-content;margin:0 auto 8px}
.wu h2,.sx h2{font-size:clamp(28px,3.4vw,40px);line-height:1.15;letter-spacing:-.8px;margin:0 0 12px}
.wu-sub,.sx-sub{font-size:17px;line-height:1.65;color:var(--muted);max-width:640px;margin:0 auto 40px}
.wu-g{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:20px;text-align:left}
.wu-c{position:relative;display:flex;flex-direction:column;background:#fff;border:1px solid #eceef2;border-radius:18px;padding:26px 22px 22px;box-shadow:0 10px 26px rgba(16,18,24,.05);transition:transform .2s,box-shadow .2s,border-color .2s;overflow:hidden}
.wu-c:before{content:"";position:absolute;left:0;right:0;top:0;height:4px;background:linear-gradient(90deg,#f4883a,#f7a55f);transform:scaleX(0);transform-origin:left;transition:transform .3s}
.wu-c:hover{transform:translateY(-5px);border-color:#f3c9a0;box-shadow:0 18px 38px rgba(120,70,20,.12)}
.wu-c:hover:before{transform:scaleX(1)}
.wu-i{width:54px;height:54px;border-radius:14px;background:#fff4e8;display:flex;align-items:center;justify-content:center;margin-bottom:18px}
.wu-i svg{width:28px;height:28px;fill:none;stroke:var(--or);stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
.wu-c h3{font-size:19px;margin:0 0 8px;color:var(--text)}
.wu-c p{margin:0 0 18px;font-size:15px;line-height:1.6;color:var(--muted);flex:1}
.wu-plan{display:flex;align-items:baseline;gap:8px;flex-wrap:wrap;padding:12px 14px;border-radius:12px;background:#fff8f1;border:1px solid #fde3cc;margin-bottom:14px}
.wu-plan small{width:100%;font-size:11.5px;font-weight:700;letter-spacing:.06em;text-transform:uppercase;color:#c2600f}
.wu-plan b{font-size:18px;color:var(--text)}.wu-plan em{font-style:normal;font-size:14px;color:var(--muted)}
.wu-go{display:inline-flex;align-items:center;gap:6px;font-weight:500;font-size:15px;color:var(--or)}
.wu-go svg{width:16px;height:16px;fill:none;stroke:currentColor;stroke-width:2.2;stroke-linecap:round;stroke-linejoin:round;transition:transform .15s}
.wu-c:hover .wu-go svg{transform:translateX(3px)}
.wu-note{margin:18px 0 0;font-size:13.5px;color:var(--muted)}
@media(max-width:1100px){.wu-g{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:600px){.wu{padding:52px 0 48px}.wu-g{grid-template-columns:minmax(0,1fr)}}

/* Control panel showcase */
.cp{background:linear-gradient(180deg,#fff 0,#fff8f1 100%);padding:72px 0}
.cp .wrap{max-width:1280px}
.cp-grid{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:64px;align-items:center}
.cp-txt .eyebrow{display:inline-flex;margin-bottom:10px}
.cp-txt h2{font-size:clamp(28px,3.2vw,40px);line-height:1.15;letter-spacing:-.8px;margin:0 0 14px}
.cp-lead{font-size:17px;line-height:1.65;color:var(--muted);margin:0 0 24px}
.cp-list{list-style:none;margin:0 0 28px;padding:0;display:grid;gap:16px}
.cp-list li{position:relative;padding-left:38px}
.cp-list li:before{content:"";position:absolute;left:0;top:1px;width:26px;height:26px;border-radius:50%;background:#f4883a url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23fff' stroke-width='3' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M6 12.5l4 4 8-9'/%3E%3C/svg%3E") center/14px no-repeat}
.cp-list b{display:block;font-size:17px;color:var(--text)}
.cp-list span{display:block;font-size:15px;line-height:1.55;color:var(--muted);margin-top:2px}
.cp-btn{display:inline-flex;padding:14px 30px;border-radius:12px;background:var(--or);color:#fff;font-weight:500;font-size:16px;box-shadow:0 10px 24px rgba(244,136,58,.28)}
.cp-btn:hover{filter:brightness(.95)}
.cp-vis{position:relative;padding:20px}
.cp-vis:before{content:"";position:absolute;inset:0;border-radius:32px;background:linear-gradient(135deg,#fde7d2,#fff4e8);transform:rotate(-3deg)}
.cp-panel{position:relative;background:#fff;border:1px solid #eceef2;border-radius:20px;padding:22px;box-shadow:0 30px 60px rgba(22,24,29,.10)}
.cp-ph{display:flex;align-items:center;justify-content:space-between;padding-bottom:16px;margin-bottom:16px;border-bottom:1px solid #f0f1f4}
.cp-ph b{display:block;font-size:17px;color:var(--text)}.cp-ph small{font-size:13px;color:var(--muted)}
.cp-ok{display:inline-flex;align-items:center;gap:7px;font-size:13px;font-weight:700;color:#1a8f4c;background:#e6f6ec;padding:5px 12px;border-radius:99px}
.cp-ok i{width:8px;height:8px;border-radius:50%;background:#22b35e}
.cp-tiles{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}
.cp-t{background:#fafbfc;border:1px solid #f0f1f4;border-radius:14px;padding:14px}
.cp-t small{display:block;font-size:12.5px;color:var(--muted)}
.cp-t b{display:block;font-size:17px;color:var(--text);margin:4px 0 10px}.cp-t b em{font-style:normal;font-weight:400;font-size:13px;color:var(--muted)}
.cp-bar{display:block;height:7px;border-radius:99px;background:#eceef2;overflow:hidden}.cp-bar i{display:block;height:100%;border-radius:99px;background:linear-gradient(90deg,#f4883a,#f7a55f)}
.cp-s{display:flex;align-items:center;gap:12px}.cp-s b{margin:0;font-size:15px}
.cp-ic{flex:none;width:38px;height:38px;border-radius:10px;display:flex;align-items:center;justify-content:center}
.cp-ic svg{width:20px;height:20px;fill:none;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}
.cp-ic.g{background:#e6f6ec}.cp-ic.g svg{stroke:#1a8f4c}.cp-ic.o{background:#fff4e8}.cp-ic.o svg{stroke:var(--or)}
.cp-apps{margin-top:14px;padding-top:14px;border-top:1px solid #f0f1f4}
.cp-apps small{display:block;font-size:12.5px;color:var(--muted);margin-bottom:8px}
.cp-apps div{display:flex;flex-wrap:wrap;gap:8px}.cp-apps span{font-size:13px;font-weight:500;color:#3b3f47;background:#fff4e8;border:1px solid #fde3cc;padding:5px 12px;border-radius:99px}
@media(max-width:960px){.cp-grid{grid-template-columns:minmax(0,1fr);gap:40px}.cp-vis{order:2;max-width:560px}}
@media(max-width:600px){.cp{padding:52px 0}.cp-tiles{grid-template-columns:minmax(0,1fr)}.cp-btn{width:100%;justify-content:center}.cp-vis{padding:12px}}

/* Speed & security */
.sx{background:#fff;padding:72px 0;text-align:center}
.sx .wrap{max-width:1180px}
.sx-g{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:24px;text-align:left}
.sx-card{border-radius:22px;padding:30px 30px 26px;border:1px solid #eceef2;box-shadow:0 12px 30px rgba(16,18,24,.06)}
.sx-speed{background:linear-gradient(160deg,#16181d 0%,#262a33 100%);color:#fff;border-color:#16181d}
.sx-sec{background:linear-gradient(160deg,#fff8f1 0%,#fff 100%)}
.sx-head{display:flex;align-items:center;gap:16px;margin-bottom:22px}
.sx-big{flex:none;width:60px;height:60px;border-radius:16px;display:flex;align-items:center;justify-content:center;background:var(--or);box-shadow:0 10px 22px rgba(244,136,58,.35)}
.sx-big svg{width:30px;height:30px;fill:none;stroke:#fff;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}
.sx-head small{display:block;font-size:12.5px;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:var(--or)}
.sx-head h3{margin:2px 0 0;font-size:22px}
.sx-speed h3{color:#fff}.sx-sec h3{color:var(--text)}
.sx-card ul{list-style:none;margin:0;padding:0;display:grid;gap:18px}
.sx-card li{display:flex;gap:14px;align-items:flex-start}
.sx-ic{flex:none;width:40px;height:40px;border-radius:12px;display:flex;align-items:center;justify-content:center}
.sx-speed .sx-ic{background:rgba(244,136,58,.14)}.sx-sec .sx-ic{background:#fff;border:1px solid #fde3cc}
.sx-ic svg{width:20px;height:20px;fill:none;stroke:var(--or);stroke-width:2;stroke-linecap:round;stroke-linejoin:round}
.sx-card li b{display:block;font-size:16.5px}
.sx-card li span{display:block;font-size:14.5px;line-height:1.55;margin-top:3px}
.sx-speed li b{color:#fff}.sx-speed li span{color:#b8bcc7}
.sx-sec li b{color:var(--text)}.sx-sec li span{color:var(--muted)}
@media(max-width:860px){.sx-g{grid-template-columns:minmax(0,1fr)}}
@media(max-width:600px){.sx{padding:52px 0}.sx-card{padding:24px 20px}}

/* Domain search band */
.dmb{padding:20px 0 64px;background:#fff}
.dmb .wrap{max-width:1280px}
.dmb-in{display:grid;grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);gap:40px;align-items:center;background:radial-gradient(60% 120% at 100% 0%,rgba(255,255,255,.18),transparent 60%),linear-gradient(135deg,#f7984e 0%,#ef6f1f 100%);border-radius:24px;padding:40px 44px;color:#fff;box-shadow:0 20px 44px rgba(244,136,58,.28)}
.dmb-t h2{margin:0 0 8px;font-size:clamp(24px,2.8vw,34px);line-height:1.2;letter-spacing:-.5px;color:#fff}
.dmb-t p{margin:0;font-size:16.5px;line-height:1.6;color:#fff3e8}
.dmb-t b{color:#fff}
.dmb-search{max-width:none;border:0;box-shadow:0 12px 28px rgba(122,52,6,.22)}
.dmb-search button{background:#16181d}
.dmb-search button:hover{filter:none;background:#2a2f38}
.dmb .hx-pop{color:#fff3e8;margin-top:14px}
.dmb .hx-pop button{background:rgba(255,255,255,.15);border-color:rgba(255,255,255,.35);color:#fff}
.dmb .hx-pop button:hover{background:#fff;color:var(--or);border-color:#fff}
.dmb .hx-pop a{color:#fff}
@media(max-width:960px){.dmb-in{grid-template-columns:minmax(0,1fr);gap:24px;padding:32px 28px}}
@media(max-width:560px){.dmb{padding:8px 0 48px}.dmb-in{padding:26px 18px;border-radius:18px}}
@media(prefers-reduced-motion:reduce){.wu-c,.wu-c:before,.wu-go svg{transition:none}}

/* "Easy to manage" section: richer background */
.cp{position:relative;overflow:hidden;background:linear-gradient(180deg,#fff 0%,#fff6ee 35%,#ffefe1 70%,#fff 100%);padding:88px 0}
.cp:before{content:"";position:absolute;inset:0;background-image:linear-gradient(rgba(244,136,58,.08) 1px,transparent 1px),linear-gradient(90deg,rgba(244,136,58,.08) 1px,transparent 1px);background-size:46px 46px;-webkit-mask-image:radial-gradient(70% 80% at 50% 50%,#000 30%,transparent 80%);mask-image:radial-gradient(70% 80% at 50% 50%,#000 30%,transparent 80%);pointer-events:none}
.cp:after{content:"";position:absolute;right:40px;top:56px;width:120px;height:96px;background-image:radial-gradient(#ecc9a6 2px,transparent 2px);background-size:16px 16px;opacity:.8;pointer-events:none}
.cp .wrap{position:relative;z-index:1}
.cp-blob{position:absolute;border-radius:50%;filter:blur(60px);pointer-events:none;z-index:0}
.cp-blob1{width:420px;height:420px;left:-120px;top:20%;background:rgba(244,136,58,.20)}
.cp-blob2{width:320px;height:320px;right:-80px;bottom:-60px;background:rgba(247,165,95,.22)}
.cp-vis:before{background:linear-gradient(135deg,#f7a55f 0%,#f4883a 100%);opacity:.18}
.cp-panel{z-index:1}
.cp-chip{position:absolute;z-index:2;display:flex;align-items:center;gap:10px;background:#fff;border-radius:14px;padding:10px 16px 10px 10px;box-shadow:0 16px 36px rgba(16,18,24,.14)}
.cp-chip b{display:block;font-size:14px;color:var(--text)}
.cp-chip small{display:block;font-size:12px;color:var(--muted)}
.cp-chip .cp-ic{width:34px;height:34px}.cp-chip .cp-ic svg{width:18px;height:18px}
.cp-chip1{right:-14px;top:-6px;animation:hiF 6s ease-in-out infinite}
.cp-chip2{left:-18px;bottom:-10px;animation:hiF 7s ease-in-out infinite 1s}
.cp-txt h2 span{color:var(--or)}
@media(max-width:960px){.cp-chip1{right:0}.cp-chip2{left:0}}
@media(max-width:600px){.cp{padding:60px 0}.cp:after{display:none}.cp-chip{padding:8px 12px 8px 8px}.cp-chip small{display:none}.cp-chip1{top:-14px}.cp-chip2{bottom:-16px}}
@media(prefers-reduced-motion:reduce){.cp-chip{animation:none}}

/* Speed & security: richer background and cards */
.sx{position:relative;overflow:hidden;background:#16181d;padding:88px 0;color:#fff}
.sx:before{content:"";position:absolute;inset:0;background-image:radial-gradient(rgba(255,255,255,.07) 1.2px,transparent 1.2px);background-size:22px 22px;-webkit-mask-image:radial-gradient(70% 80% at 50% 40%,#000 20%,transparent 80%);mask-image:radial-gradient(70% 80% at 50% 40%,#000 20%,transparent 80%);pointer-events:none}
.sx-glow{position:absolute;left:50%;top:-180px;width:900px;height:520px;transform:translateX(-50%);background:radial-gradient(closest-side,rgba(244,136,58,.32),transparent);filter:blur(20px);pointer-events:none}
.sx .wrap{position:relative;z-index:1}
.sx h2{color:#fff}.sx h2 span{color:var(--or)}
.sx-sub{color:#b8bcc7}
.sx-card{position:relative;overflow:hidden;border-radius:24px;padding:32px 30px 0;box-shadow:0 24px 50px rgba(0,0,0,.35);transition:transform .25s}
.sx-card:hover{transform:translateY(-4px)}
.sx-speed{background:linear-gradient(160deg,#262a33 0%,#1c1f26 100%);border:1px solid rgba(255,255,255,.08)}
.sx-speed:after{content:"";position:absolute;right:-60px;top:-60px;width:220px;height:220px;border-radius:50%;background:radial-gradient(closest-side,rgba(244,136,58,.28),transparent)}
.sx-sec{background:linear-gradient(160deg,#fff 0%,#fff6ee 100%);border:1px solid #fde3cc}
.sx-sec:after{content:"";position:absolute;right:-50px;bottom:60px;width:180px;height:180px;border-radius:50%;background:radial-gradient(closest-side,rgba(244,136,58,.16),transparent)}
.sx-card>*{position:relative;z-index:1}
.sx-stats{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));margin:26px -30px 0;border-top:1px solid rgba(255,255,255,.08)}
.sx-sec .sx-stats{border-top-color:#fde3cc;background:#fff8f1}
.sx-speed .sx-stats{background:rgba(255,255,255,.03)}
.sx-stats div{padding:16px 10px;text-align:center}
.sx-stats div+div{border-left:1px solid rgba(255,255,255,.08)}
.sx-sec .sx-stats div+div{border-left-color:#fde3cc}
.sx-stats b{display:block;font-size:20px;font-weight:700;color:var(--or)}
.sx-stats small{display:block;font-size:12.5px;margin-top:2px}
.sx-speed .sx-stats small{color:#b8bcc7}.sx-sec .sx-stats small{color:var(--muted)}
@media(max-width:600px){.sx{padding:60px 0}.sx-card{padding:24px 20px 0}.sx-stats{margin:22px -20px 0}.sx-stats b{font-size:17px}.sx-stats small{font-size:11.5px}}
@media(prefers-reduced-motion:reduce){.sx-card{transition:none}}
.sx-card li .sx-ic{display:flex;margin-top:0}
.sx-card{display:flex;flex-direction:column}
.sx-card ul{flex:1}
/* website hosting page: overlap fixes */
@media(min-width:961px) and (max-width:1199px){.wh2 .wh2-ticks.wh2-six{grid-template-columns:minmax(0,1fr)}.wh2-grid{gap:40px}}
.wmb-g.wmb-g4{grid-template-columns:repeat(4,minmax(0,1fr));gap:40px 28px}
@media(max-width:1100px){.wmb-g.wmb-g4{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:600px){.wmb-g.wmb-g4{grid-template-columns:minmax(0,1fr)}}
.sec.white#plans .sub{margin-bottom:8px}
/* review carousel arrows get their own gutter on every page */
@media(min-width:641px){.rv-track{margin:0 54px}.rv-prev{left:0}.rv-next{right:0}}

/* Technical specifications (tsx- prefix, website hosting page) */
.tsx{background:linear-gradient(180deg,#fff 0,#fff8f1 100%);padding:72px 0}
.tsx .wrap{max-width:1280px;text-align:center}
.tsx .eyebrow{display:flex;justify-content:center;width:max-content;margin:0 auto 8px}
.tsx h2{font-size:clamp(28px,3.4vw,40px);line-height:1.15;letter-spacing:-.8px;margin:0 0 12px}
.tsx-sub{font-size:17px;line-height:1.65;color:var(--muted);max-width:640px;margin:0 auto 40px}
.tsx-grid{display:grid;grid-template-columns:minmax(0,1.7fr) minmax(0,1fr);gap:48px;align-items:center;text-align:left}
.tsx-list{list-style:none;margin:0;padding:0;columns:3;column-gap:32px}
.tsx-list li{break-inside:avoid;position:relative;padding:11px 0 11px 30px;border-bottom:1px dashed #ead7c4;font-size:15.5px;color:#2a2e36}
.tsx-list li:before{content:"";position:absolute;left:0;top:12px;width:20px;height:20px;border-radius:50%;background:#f4883a url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23fff' stroke-width='3.4' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M6 12.5l4 4 8-9'/%3E%3C/svg%3E") center/12px no-repeat}
.tsx-art svg{display:block;width:100%;max-width:420px;height:auto;margin:0 auto}
.tsx-pop{animation:hiF 6s ease-in-out infinite}
@media(max-width:1100px){.tsx-grid{grid-template-columns:minmax(0,1fr)}.tsx-art{order:-1;max-width:340px;margin:0 auto}}
@media(max-width:760px){.tsx-list{columns:2;column-gap:20px}.tsx-list li{font-size:14.5px}}
@media(max-width:420px){.tsx-list li{font-size:13.5px;padding-left:26px}.tsx-list li:before{width:18px;height:18px;background-size:11px}}
@media(prefers-reduced-motion:reduce){.tsx-pop{animation:none}}

/* website hosting hero: richer ratings bar (hr- prefix) */
.hr-bar{display:flex;align-items:center;justify-content:center;gap:28px;flex-wrap:wrap;margin-top:24px;padding:16px 30px;background:#fff;border:1px solid #f0e6dc;border-radius:20px;box-shadow:0 14px 34px rgba(120,70,20,.10)}
.hr-item{display:flex;flex-direction:column;gap:4px;color:var(--text)}
a.hr-item{transition:transform .15s}a.hr-item:hover{transform:translateY(-2px)}
.hr-top{display:flex;align-items:center;gap:10px}
.hr-top b,.hr-cust b{font-size:26px;font-weight:700;letter-spacing:-.5px;line-height:1}
.hr-item small{display:flex;align-items:center;gap:6px;font-size:13.5px;color:var(--muted)}
.hr-tp{display:inline-flex;gap:3px}
.hr-tp i{display:flex;width:22px;height:22px;background:#00b67a;align-items:center;justify-content:center}
.hr-tp i:last-child{background:linear-gradient(90deg,#00b67a 70%,#dcdce6 70%)}
.hr-tp svg{width:15px;height:15px;fill:#fff}
.hr-tpl{width:16px;height:16px;fill:#00b67a}
.hr-gs{display:inline-flex;gap:2px}.hr-gs svg{width:20px;height:20px;fill:#fbbc05}
.hr-g{width:15px;height:15px}
.hr-div{width:1px;align-self:stretch;background:#f0e6dc}
.hr-cust{flex-direction:row;align-items:center;gap:12px}
.hr-av{display:flex}
.hr-av i{width:34px;height:34px;border-radius:50%;border:2px solid #fff;margin-left:-10px;display:flex;align-items:center;justify-content:center;font-style:normal;font-size:11.5px;font-weight:700;color:#fff;background:var(--or)}
.hr-av i:first-child{margin-left:0}
.hr-av i:nth-child(2){background:#2a303c}.hr-av i:nth-child(3){background:#f7c85b;color:#16181d}.hr-av i:nth-child(4){background:#fcd9b6;color:#7a3f0c}
.hr-cust small{display:block}
@media(max-width:700px){.hr-bar{gap:16px 20px;padding:16px 18px}.hr-div{display:none}.hr-cust{width:100%;justify-content:center;padding-top:12px;border-top:1px solid #f0e6dc}}
.hr-gs svg:last-child{fill:url(#hrHalf)}@media(max-width:700px){.hr-bar a.hr-item{flex:1 1 40%;align-items:center}}

/* ===== website hosting page: responsive polish (4 Oct) ===== */
/* spacing above the billing switcher */
.pg-wh .sec.white#plans{padding-bottom:28px}
.pg-wh .plansec{padding-top:8px}
/* hero illustration and ratings bar on tablets */
@media(max-width:960px){.pg-wh .whc-r{max-width:440px}
 .hr-bar{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px 20px;padding:18px 22px}
 .hr-div{display:none}.hr-bar a.hr-item{align-items:center}
 .hr-cust{grid-column:1/-1;justify-content:center;padding-top:14px;border-top:1px solid #f0e6dc}}
@media(max-width:420px){.hr-top b,.hr-cust b{font-size:22px}.hr-tp i{width:18px;height:18px}.hr-tp svg{width:12px;height:12px}.hr-gs svg{width:16px;height:16px}}
.hr-av i{font-size:10.5px}
/* minimum label size */
.wu-plan small,.sx-stats small{font-size:12px}
/* FAQ WhatsApp link: bigger tap target */
.faq-wa{display:inline-block;padding:4px 2px}
/* comparison table: fit tablets, readable phones */
@media(max-width:960px){.cmp-t{min-width:0}.cmp-t th,.cmp-t td{padding:12px 10px}.cmp-btn{min-width:0;padding:9px 12px}}
@media(max-width:960px) and (min-width:761px){.cmp-t tbody th[scope=row]{width:26%}}
.cmp-btn{white-space:nowrap}
@media(max-width:760px){.cmp-t{min-width:600px}
 .cmp-t tbody th[scope=row],.cmp-corner{width:150px;max-width:150px}
 .cmp-t td,.cmp-t thead th,.cmp-t tfoot th{width:112px}
 .cmp-btn{padding:7px 12px;font-size:12.5px}}
/* Who is it for: compact cards on phones */
@media(max-width:600px){.wu-g{gap:14px}
 .wu-c{display:grid;grid-template-columns:46px minmax(0,1fr);column-gap:14px;padding:18px 18px 16px}
 .wu-i{width:46px;height:46px;margin:0;grid-row:1/3;border-radius:12px}.wu-i svg{width:24px;height:24px}
 .wu-c h3{font-size:17px;margin:2px 0 4px;align-self:center}
 .wu-c p{grid-column:2;font-size:14px;margin-bottom:12px}
 .wu-plan{grid-column:1/-1;margin-bottom:10px;padding:10px 12px}
 .wu-go{grid-column:1/-1}}
/* Easy to manage: shorter dashboard on phones */
@media(max-width:600px){.cp-tiles{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}
 .cp-t{padding:11px}.cp-t b{font-size:15px;margin:3px 0 8px}.cp-t b em{display:block;font-size:12px}
 .cp-s{flex-direction:column;align-items:flex-start;gap:8px}.cp-s b{font-size:14px}.cp-panel{padding:16px}}
/* competition section: tighter on phones */
@media(max-width:600px){.wmb-g.wmb-g4{gap:30px}.wmb-i{width:76px;height:76px;margin-bottom:14px}.wmb .wmb-i svg{width:46px;height:46px}.wmb-c h3{font-size:18px;margin-bottom:8px}.wmb-c p{font-size:14.5px}}
@media(min-width:480px) and (max-width:600px){.wmb-g.wmb-g4{grid-template-columns:repeat(2,minmax(0,1fr))}}
/* general section rhythm on phones */
@media(max-width:600px){.pg-wh .wu,.pg-wh .cp,.pg-wh .sx,.pg-wh .wmb,.pg-wh .cmp,.pg-wh .tsx,.pg-wh .faq{padding-top:48px;padding-bottom:48px}.pg-wh .rev{padding-top:48px;padding-bottom:52px}}

/* compare plans + technical specifications: tabs, tooltips, spec groups */
.cmp-tabs{display:inline-flex;gap:4px;padding:5px;margin:0 auto 26px;background:#fff;border:1px solid #f0e6dc;border-radius:99px;box-shadow:0 6px 18px rgba(120,70,20,.06)}
.cmp-tabs button{border:0;background:none;padding:11px 24px;border-radius:99px;font:500 15.5px Roboto,system-ui,sans-serif;color:#3b3f47;cursor:pointer;transition:background .15s,color .15s}
.cmp-tabs button.on{background:var(--or);color:#fff;box-shadow:0 6px 14px rgba(244,136,58,.3)}
.cmp-tabs button:not(.on):hover{color:var(--or)}
.cmp-tabs button:focus-visible{outline:2px solid var(--or);outline-offset:2px}
.cmp-panel[hidden]{display:none}
.cmp-tip{position:relative;display:inline-flex;align-items:center;justify-content:center;width:16px;height:16px;margin-left:7px;border-radius:50%;background:#fde7d2;color:#c2600f;font:700 10.5px/1 Georgia,serif;font-style:italic;cursor:help;vertical-align:1px;flex:none}
.cmp-tip:hover,.cmp-tip:focus,.cmp-tip.open{background:var(--or);color:#fff;outline:none}
.cmp-tip:after{content:attr(data-tip);position:absolute;left:calc(100% + 10px);top:50%;transform:translateY(-50%);width:240px;padding:10px 12px;border-radius:10px;background:#16181d;color:#fff;font:400 13px/1.45 Roboto,system-ui,sans-serif;font-style:normal;text-align:left;box-shadow:0 12px 28px rgba(0,0,0,.25);opacity:0;visibility:hidden;transition:opacity .15s,visibility .15s;z-index:20;pointer-events:none;white-space:normal}
.cmp-tip:before{content:"";position:absolute;left:calc(100% + 4px);top:50%;transform:translateY(-50%);border:6px solid transparent;border-right-color:#16181d;opacity:0;visibility:hidden;transition:opacity .15s;z-index:21}
.cmp-tip:hover:after,.cmp-tip:focus:after,.cmp-tip.open:after,.cmp-tip:hover:before,.cmp-tip:focus:before,.cmp-tip.open:before{opacity:1;visibility:visible}
.cmp-tip-demo{cursor:default;margin:0 2px}
.cmp-tip-demo:after,.cmp-tip-demo:before{display:none}
.cmp-t tbody th[scope=row]{position:relative}
/* tooltips in the table must not be clipped by the scrolling box */
.cmp-scroll{overflow:visible}
@media(max-width:760px){.cmp-scroll{overflow-x:auto}.cmp-tip:after{width:200px}}
/* spec groups */
.sp-banner{display:flex;align-items:center;gap:14px;max-width:720px;margin:0 auto 26px;padding:14px 20px;background:#e6f6ec;border:1px solid #c9ead6;border-radius:14px;text-align:left}
.sp-banner b{display:block;font-size:16px;color:var(--text)}.sp-banner span:not(.cmp-y){display:block;font-size:14.5px;color:#3b3f47}
.sp-banner .cmp-y{flex:none;width:30px;height:30px;background:#22b35e}.sp-banner .cmp-y svg{stroke:#fff;width:16px;height:16px}
.sp-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px;text-align:left}
.sp-card{background:#fff;border:1px solid #eceef2;border-radius:18px;padding:22px 22px 14px;box-shadow:0 10px 26px rgba(16,18,24,.05)}
.sp-card:nth-child(3){grid-row:span 2}
.sp-h{display:flex;align-items:center;gap:12px;margin-bottom:12px;padding-bottom:12px;border-bottom:1px solid #f0f1f4}
.sp-ic{flex:none;width:40px;height:40px;border-radius:12px;background:#fff4e8;display:flex;align-items:center;justify-content:center}
.sp-ic svg{width:21px;height:21px;fill:none;stroke:var(--or);stroke-width:1.9;stroke-linecap:round;stroke-linejoin:round}
.sp-h h3{margin:0;font-size:17px;color:var(--text)}
.sp-card ul{list-style:none;margin:0;padding:0}
.sp-card li{display:flex;align-items:center;padding:9px 0 9px 28px;position:relative;font-size:15px;color:#2a2e36;border-bottom:1px dashed #f0e6dc}
.sp-card li:last-child{border-bottom:0}
.sp-card li:before{content:"";position:absolute;left:0;top:50%;margin-top:-9px;width:18px;height:18px;border-radius:50%;background:#f4883a url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23fff' stroke-width='3.4' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M6 12.5l4 4 8-9'/%3E%3C/svg%3E") center/11px no-repeat}
.sp-card .cmp-tip:after{left:auto;right:calc(100% + 10px)}
.sp-card .cmp-tip:before{left:auto;right:calc(100% + 4px);border-right-color:transparent;border-left-color:#16181d}
@media(max-width:1000px){.sp-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.sp-card:nth-child(3){grid-row:auto}}
@media(max-width:640px){.sp-grid{grid-template-columns:minmax(0,1fr)}.cmp-tabs{display:flex;width:100%}.cmp-tabs button{flex:1;padding:11px 10px;font-size:14px}
 .sp-card .cmp-tip:after{right:auto;left:50%;top:auto;bottom:calc(100% + 10px);transform:translateX(-50%)}
 .sp-card .cmp-tip:before{display:none}
 .cmp-t .cmp-tip:after{left:0;top:auto;bottom:calc(100% + 8px);transform:none;width:190px}.cmp-t .cmp-tip:before{display:none}}
@media(min-width:1001px){.sp-grid{display:block;columns:3;column-gap:20px}.sp-card{break-inside:avoid;margin-bottom:20px;display:inline-block;width:100%}.sp-card:nth-child(3){grid-row:auto}}
.sp-note{font-style:normal;margin-left:6px;font-size:11.5px;font-weight:500;color:#c2600f;background:#fff4e8;border:1px solid #fde3cc;padding:1px 7px;border-radius:99px;white-space:nowrap}
.sp-card li{flex-wrap:wrap}

/* Easy to manage: cPanel + Softaculous windows (cpx-/cps- prefix) */
.cpx{position:relative;padding:24px 18px 70px 0;min-height:440px}
.cpx:before{inset:10px 30px 30px 10px}
.cpx-win{position:relative;background:#fff;border:1px solid #eceef2;border-radius:18px;box-shadow:0 30px 60px rgba(22,24,29,.12);overflow:hidden;z-index:1}
.cpx-bar{display:flex;align-items:center;gap:7px;padding:11px 14px;background:#fafbfc;border-bottom:1px solid #f0f1f4}
.cpx-bar i{width:10px;height:10px;border-radius:50%;background:#e3e5ea}.cpx-bar i:first-child{background:var(--or)}
.cpx-bar b{margin-left:8px;font-size:14.5px;color:var(--text)}
.cpx-search{margin-left:auto;font-size:12px;color:#8d939e;background:#fff;border:1px solid #eceef2;border-radius:99px;padding:4px 12px}
.cpx-tag{margin-left:auto;font-size:11.5px;font-weight:700;color:#c2600f;background:#fff4e8;border-radius:99px;padding:3px 10px}
.cpx-body{padding:14px 16px 16px}
.cpx-lbl{display:block;font-size:11.5px;font-weight:700;letter-spacing:.06em;text-transform:uppercase;color:var(--muted);margin-bottom:10px}
.cpx-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}
.cpx-tool{display:flex;flex-direction:column;align-items:center;gap:7px;padding:12px 6px;border:1px solid #f0f1f4;border-radius:12px;background:#fff;text-align:center}
.cpx-tool span:last-child{font-size:12px;color:#3b3f47;line-height:1.25}
.cpx-ic{width:38px;height:38px;border-radius:10px;display:flex;align-items:center;justify-content:center}
.cpx-ic svg{width:20px;height:20px;fill:none;stroke-width:1.9;stroke-linecap:round;stroke-linejoin:round}
.cpx-ic.o{background:#fff4e8}.cpx-ic.o svg{stroke:#f4883a}
.cpx-ic.b{background:#e8f1fd}.cpx-ic.b svg{stroke:#2f6fd6}
.cpx-ic.p{background:#f1ecfd}.cpx-ic.p svg{stroke:#7a4fd6}
.cpx-ic.g{background:#e6f6ec}.cpx-ic.g svg{stroke:#1a8f4c}
.cpx-cpanel{width:86%}
.cpx-soft{position:absolute;right:0;bottom:0;width:66%;z-index:2;box-shadow:0 30px 60px rgba(22,24,29,.18)}
.cps-app{display:flex;align-items:center;gap:12px;padding:9px 0;border-bottom:1px dashed #f0f1f4}
.cps-app:last-child{border-bottom:0}
.cps-logo{flex:none;width:36px;height:36px;border-radius:10px;color:#fff;font:700 17px/36px Georgia,serif;text-align:center}
.cps-meta{flex:1;min-width:0}.cps-meta b{display:block;font-size:14px;color:var(--text)}.cps-meta small{display:block;font-size:12px;color:var(--muted)}
.cps-bar{display:block;height:5px;margin-top:6px;border-radius:99px;background:#eceef2;overflow:hidden}
.cps-bar i{display:block;height:100%;width:70%;border-radius:99px;background:linear-gradient(90deg,#f4883a,#f7a55f);animation:cpsLoad 2.4s ease-in-out infinite}
@keyframes cpsLoad{0%{width:15%}70%,100%{width:100%}}
.cps-btn{flex:none;font-size:12px;font-weight:500;padding:6px 12px;border-radius:8px;border:1.5px solid var(--or);color:var(--or)}
.cps-btn.on{background:var(--or);color:#fff}
.cpx .cp-chip1{right:auto;left:-14px;top:-4px;z-index:3}
@media(max-width:960px){.cpx{max-width:560px;margin:0 auto}}
@media(max-width:600px){.cpx{padding:20px 0 120px;min-height:0}.cpx-cpanel{width:100%}.cpx-soft{width:88%;right:-4px}.cpx-grid{gap:8px}.cpx-tool{padding:10px 4px}.cpx-ic{width:32px;height:32px}.cpx-ic svg{width:17px;height:17px}.cpx-tool span:last-child{font-size:11px}.cpx-search{display:none}.cpx .cp-chip1{left:-4px;top:-8px}}
@media(prefers-reduced-motion:reduce){.cps-bar i{animation:none}}
.cpx{padding:30px 0 150px 0}
.cpx-cpanel{width:84%}
.cpx-soft{width:60%;bottom:0}
.cpx .cp-chip1{left:auto;right:0;top:0}
@media(max-width:600px){.cpx{padding:30px 0 0}.cpx-soft{position:relative;width:90%;margin:-36px 0 0 auto;right:auto}.cpx .cp-chip1{right:-4px;left:auto;top:-6px}}
.cpx-search{display:none}

/* Speed & security v2: light theme + security visual (sx2-/sv- prefix) */
.sx.sx2{background:linear-gradient(180deg,#fff 0%,#fff6ee 40%,#ffefe1 75%,#fff 100%);color:var(--text);padding:88px 0;text-align:center}
.sx.sx2:before{background-image:linear-gradient(rgba(244,136,58,.08) 1px,transparent 1px),linear-gradient(90deg,rgba(244,136,58,.08) 1px,transparent 1px);background-size:46px 46px;-webkit-mask-image:radial-gradient(70% 80% at 50% 55%,#000 30%,transparent 80%);mask-image:radial-gradient(70% 80% at 50% 55%,#000 30%,transparent 80%)}
.sx2-blob{position:absolute;right:-120px;top:30%;width:460px;height:460px;border-radius:50%;background:rgba(244,136,58,.18);filter:blur(70px);pointer-events:none}
.sx2 .wrap{max-width:1280px}
.sx2 h2{color:var(--text)}.sx2 h2 span{color:var(--or)}
.sx2 .sx-sub{color:var(--muted);max-width:720px}
.sx2-grid{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:56px;align-items:center;text-align:left;margin-top:10px}
.sx2-txt{display:grid;gap:30px}
.sx2-gh{display:flex;align-items:center;gap:14px;margin-bottom:16px}
.sx2-gh .sx-big{width:50px;height:50px;border-radius:14px}.sx2-gh .sx-big svg{width:26px;height:26px}
.sx2-gh small{display:block;font-size:12.5px;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:var(--or)}
.sx2-gh h3{margin:2px 0 0;font-size:21px;color:var(--text)}
.sx2-list{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px 22px}
.sx2-list li{display:flex;gap:12px;align-items:flex-start}
.sx2-list .sx-ic{flex:none;width:38px;height:38px;border-radius:11px;background:#fff;border:1px solid #fde3cc;display:flex;align-items:center;justify-content:center}
.sx2-list .sx-ic svg{width:19px;height:19px;fill:none;stroke:var(--or);stroke-width:2;stroke-linecap:round;stroke-linejoin:round}
.sx2-list b{display:block;font-size:15.5px;color:var(--text)}
.sx2-list span:not(.sx-ic){display:block;font-size:14px;line-height:1.55;color:var(--muted);margin-top:2px}
/* visual */
.sxv{position:relative;padding:34px 0 120px;min-height:470px}
.sxv:before{content:"";position:absolute;inset:10px 20px 40px 30px;border-radius:32px;background:linear-gradient(135deg,#f7a55f,#f4883a);opacity:.16;transform:rotate(3deg)}
.sxv-win{position:relative;background:#fff;border:1px solid #eceef2;border-radius:18px;box-shadow:0 30px 60px rgba(22,24,29,.12);overflow:hidden;z-index:1}
.sxv-imu{width:86%;margin-left:auto}
.sxv-jet{position:absolute;left:0;bottom:0;width:62%;z-index:2;box-shadow:0 30px 60px rgba(22,24,29,.18)}
.sxv-body{padding:14px 16px 16px}
.sxv-ok{margin-left:auto;display:inline-flex;align-items:center;gap:6px;font-size:12px;font-weight:700;color:#1a8f4c;background:#e6f6ec;padding:4px 10px;border-radius:99px}
.sxv-ok i{width:7px;height:7px;border-radius:50%;background:#22b35e}
.sxv-stats{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-bottom:12px}
.sxv-stats div{background:#fafbfc;border:1px solid #f0f1f4;border-radius:12px;padding:10px 12px}
.sxv-stats small{display:block;font-size:11.5px;color:var(--muted)}
.sxv-stats b{display:block;font-size:20px;color:var(--text);margin-top:2px}.sxv-stats b.g{color:#1a8f4c}
.sxv-chart{display:flex;align-items:flex-end;gap:6px;height:64px;padding:0 2px 6px;border-bottom:1px solid #f0f1f4;margin-bottom:10px}
.sxv-chart span{flex:1;border-radius:5px 5px 2px 2px;background:linear-gradient(180deg,#f7a55f,#f4883a);opacity:.85}
.sxv-rows div{display:flex;align-items:center;gap:10px;padding:7px 0;font-size:13px;color:#3b3f47}
.sxv-rows svg{width:16px;height:16px;fill:none;stroke:var(--or);stroke-width:2;stroke-linecap:round;stroke-linejoin:round}
.sxv-rows em{margin-left:auto;font-style:normal;font-size:11.5px;font-weight:700;color:#1a8f4c}
.sxv-bk{display:flex;align-items:center;gap:12px;padding:9px 0;border-bottom:1px dashed #f0f1f4}.sxv-bk:last-child{border-bottom:0}
.sxv-dot{flex:none;width:10px;height:10px;border-radius:50%;background:#e3e5ea}.sxv-dot.g{background:#22b35e;box-shadow:0 0 0 4px #e6f6ec}
.sxv-bk div{flex:1;min-width:0}.sxv-bk b{display:block;font-size:13.5px;color:var(--text)}.sxv-bk small{display:block;font-size:12px;color:var(--muted)}
.sxv-btn{flex:none;font-size:12px;font-weight:500;padding:6px 12px;border-radius:8px;border:1.5px solid var(--or);color:var(--or)}
.sxv-chip{position:absolute;z-index:3;display:flex;align-items:center;gap:10px;background:#fff;border-radius:14px;padding:10px 16px 10px 10px;box-shadow:0 16px 36px rgba(16,18,24,.14)}
.sxv-chip b{display:block;font-size:14px;color:var(--text)}.sxv-chip small{display:block;font-size:12px;color:var(--muted)}
.sxv-cic{flex:none;width:34px;height:34px;border-radius:10px;display:flex;align-items:center;justify-content:center}
.sxv-cic svg{width:18px;height:18px;fill:none;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}
.sxv-cic.o{background:#fff4e8}.sxv-cic.o svg{stroke:var(--or)}
.sxv-cic.r{background:#fdecec}.sxv-cic.r svg{stroke:#d64545}
.sxv-ddos{left:0;top:0;animation:hiF 6s ease-in-out infinite}
.sxv-cpg{right:-8px;bottom:36px;animation:hiF 7s ease-in-out infinite 1s}
@media(max-width:1100px){.sx2-list{grid-template-columns:minmax(0,1fr)}}
@media(max-width:960px){.sx2-grid{grid-template-columns:minmax(0,1fr);gap:40px}.sxv{max-width:560px;margin:0 auto;width:100%}.sx2-list{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:600px){.sx.sx2{padding:52px 0}.sx2-list{grid-template-columns:minmax(0,1fr)}
 .sxv{padding:44px 0 0;min-height:0}.sxv-imu{width:100%}.sxv-jet{position:relative;width:88%;margin-top:-30px}.sxv-cpg{right:-4px;bottom:auto;top:auto;position:relative;margin:-14px 0 0 auto;width:max-content}.sxv-ddos{left:-4px;top:0}.sxv:before{inset:20px 0 0 0}}
@media(prefers-reduced-motion:reduce){.sxv-chip{animation:none}}
.sxv{padding:72px 0 170px}
.sxv-ddos{left:0;top:0}
.sxv-cpg{right:-8px;bottom:46px}
@media(max-width:600px){.sxv{padding:70px 0 0}.sxv-ddos{left:-4px;top:0}}
@media(max-width:600px){.sxv-jet{margin-top:14px;width:92%}.sxv-cpg{position:relative;right:auto;bottom:auto;margin:14px 0 0 auto;animation:none}.sxv{padding-bottom:10px}}

/* ===== merged sections: "ez" (white, easy & fast) and "sg" (dark, security & guarantees) ===== */
.ez{position:relative;background:#fff;padding:84px 0;overflow:hidden}
.ez:before{content:"";position:absolute;inset:0;background-image:radial-gradient(#ead7c4 1.3px,transparent 1.3px);background-size:22px 22px;-webkit-mask-image:radial-gradient(45% 60% at 25% 50%,#000 20%,transparent 75%);mask-image:radial-gradient(45% 60% at 25% 50%,#000 20%,transparent 75%);opacity:.7;pointer-events:none}
.ez .wrap{position:relative;max-width:1280px}
.ez-grid{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:56px;align-items:center}
.ez-txt .eyebrow{display:inline-flex;margin-bottom:10px}
.ez-txt h2{font-size:clamp(28px,3.2vw,40px);line-height:1.15;letter-spacing:-.8px;margin:0 0 14px}
.ez-txt h2 span{color:var(--or)}
.ez-lead{font-size:17px;line-height:1.65;color:var(--muted);margin:0 0 22px}
.ez-h{display:flex;align-items:center;gap:10px;font-size:13px;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:var(--or);margin:22px 0 14px}
.ez-h:after{content:"";flex:1;height:1px;background:#f0e6dc}
.ez-list{margin-bottom:6px}
.ez .cp-btn{margin-top:22px}
.ez .cpx:before{opacity:.5}
/* dark security section */
.sg{position:relative;overflow:hidden;background:#16181d;color:#fff;padding:88px 0 80px}
.sg:before{content:"";position:absolute;inset:0;background-image:radial-gradient(rgba(255,255,255,.06) 1.2px,transparent 1.2px);background-size:22px 22px;-webkit-mask-image:radial-gradient(70% 70% at 50% 40%,#000 20%,transparent 80%);mask-image:radial-gradient(70% 70% at 50% 40%,#000 20%,transparent 80%);pointer-events:none}
.sg-glow{position:absolute;left:50%;top:-200px;width:1000px;height:560px;transform:translateX(-50%);background:radial-gradient(closest-side,rgba(244,136,58,.30),transparent);filter:blur(20px);pointer-events:none}
.sg .wrap{position:relative;z-index:1;max-width:1280px}
.sg-head{text-align:center;max-width:760px;margin:0 auto 40px}
.sg-head .eyebrow{display:flex;justify-content:center;width:max-content;margin:0 auto 8px}
.sg-head h2{font-size:clamp(28px,3.4vw,40px);line-height:1.15;letter-spacing:-.8px;margin:0 0 12px;color:#fff}
.sg-head h2 span{color:var(--or)}
.sg-head p{margin:0;font-size:17px;line-height:1.65;color:#b8bcc7}
.sg-grid{display:grid;grid-template-columns:minmax(0,1.1fr) minmax(0,.9fr);gap:56px;align-items:center}
.sg .sxv:before{background:linear-gradient(135deg,#f7a55f,#f4883a);opacity:.22}
.sg-list{grid-template-columns:minmax(0,1fr)!important;gap:22px}
.sg-list .sx-ic{background:rgba(244,136,58,.12);border-color:rgba(244,136,58,.3)}
.sg-list b{color:#fff!important;font-size:16.5px}
.sg-list span:not(.sx-ic){color:#b8bcc7!important}
.sg-row{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px;margin-top:56px;padding-top:40px;border-top:1px solid rgba(255,255,255,.08)}
.sg-c{display:flex;gap:14px;align-items:flex-start;padding:20px;border-radius:16px;background:rgba(255,255,255,.04);border:1px solid rgba(255,255,255,.08);transition:background .2s,transform .2s}
.sg-c:hover{background:rgba(244,136,58,.08);transform:translateY(-3px)}
.sg-i{flex:none;width:44px;height:44px;border-radius:12px;background:var(--or);display:flex;align-items:center;justify-content:center;box-shadow:0 8px 18px rgba(244,136,58,.3)}
.sg-i svg{width:22px;height:22px;fill:none;stroke:#fff;stroke-width:1.9;stroke-linecap:round;stroke-linejoin:round}
.sg-c b{display:block;font-size:16px;color:#fff;margin-bottom:4px}
.sg-c span:not(.sg-i){display:block;font-size:13.5px;line-height:1.55;color:#b8bcc7}
@media(max-width:1100px){.sg-row{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:960px){.ez-grid,.sg-grid{grid-template-columns:minmax(0,1fr);gap:40px}.ez .cpx{order:2}.sg .sxv{max-width:560px;margin:0 auto;width:100%}}
@media(max-width:600px){.ez,.sg{padding:52px 0}.sg-row{grid-template-columns:minmax(0,1fr);margin-top:36px;padding-top:28px}.ez-list{grid-template-columns:minmax(0,1fr)}.ez .cp-btn{width:100%;justify-content:center}}
@media(prefers-reduced-motion:reduce){.sg-c{transition:none}}
@media(min-width:601px){.sg .sxv{padding-bottom:190px}}
/* ez: heading on top, content below */
.ez-head{text-align:center;max-width:760px;margin:0 auto 48px}
.ez-head .eyebrow{display:flex;justify-content:center;width:max-content;margin:0 auto 8px}
.ez-head h2{font-size:clamp(28px,3.4vw,40px);line-height:1.15;letter-spacing:-.8px;margin:0 0 12px}
.ez-head h2 span{color:var(--or)}
.ez-head .ez-lead{margin:0;font-size:17px}
.ez-txt .ez-h:first-child{margin-top:0}
.ez:before{-webkit-mask-image:radial-gradient(45% 60% at 25% 62%,#000 20%,transparent 75%);mask-image:radial-gradient(45% 60% at 25% 62%,#000 20%,transparent 75%)}
@media(max-width:960px){.ez .cpx{order:0}}
@media(max-width:600px){.ez-head{margin-bottom:32px}}
/* ez: short, compact feature tiles */
.ez-list{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}
.ez-list li{display:flex;align-items:center;gap:12px;padding:12px 14px;background:#fff;border:1px solid #f0e6dc;border-radius:14px;box-shadow:0 4px 12px rgba(120,70,20,.04)}
.ez-list .sx-ic{flex:none;width:38px;height:38px;border-radius:11px;background:#fff4e8;display:flex;align-items:center;justify-content:center}
.ez-list .sx-ic svg{width:19px;height:19px;fill:none;stroke:var(--or);stroke-width:2;stroke-linecap:round;stroke-linejoin:round}
.ez-list b{display:block;font-size:15px;color:var(--text);line-height:1.3}
.ez-list div span{display:block;font-size:13px;color:var(--muted);margin-top:2px;line-height:1.35}
.ez-h{margin:0 0 12px}.ez-list+.ez-h{margin-top:22px}
.ez .cpx{min-height:0;padding:30px 0 120px}
.ez{padding:72px 0}
@media(max-width:600px){.ez-list{grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:10px}.ez-list li{flex-direction:column;align-items:flex-start;gap:8px;padding:12px}.ez .cpx{padding:30px 0 0}}
/* ez tabs */
.ez-tabs{display:flex;gap:6px;padding:5px;margin-bottom:18px;background:#fff8f1;border:1px solid #f0e6dc;border-radius:16px}
.ez-tabs button{flex:1;display:flex;align-items:center;justify-content:center;gap:8px;border:0;background:none;padding:12px 14px;border-radius:12px;font:500 15.5px Roboto,system-ui,sans-serif;color:#3b3f47;cursor:pointer;transition:background .15s,color .15s,box-shadow .15s}
.ez-tabs button svg{width:18px;height:18px;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}
.ez-tabs button.on{background:#fff;color:var(--or);box-shadow:0 6px 16px rgba(120,70,20,.10)}
.ez-tabs button:not(.on):hover{color:var(--or)}
.ez-tabs button:focus-visible{outline:2px solid var(--or);outline-offset:2px}
.ez-panel[hidden]{display:none}
.ez-panel{animation:ezIn .25s ease}
@keyframes ezIn{from{opacity:0;transform:translateY(6px)}}
.ez-txt .cp-btn{margin-top:20px}
@media(max-width:600px){.ez-tabs button{font-size:14px;padding:11px 8px}}
@media(prefers-reduced-motion:reduce){.ez-panel{animation:none}}

/* feature side tabs (ft- prefix) */
.ez-ft{padding:76px 0}
.ft{display:grid;grid-template-columns:320px minmax(0,1fr);gap:28px;align-items:start}
.ft-tabs{display:flex;flex-direction:column;gap:6px;padding:12px;background:#fff8f1;border:1px solid #f0e6dc;border-radius:20px}
.ft-grp{font-size:12px;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:var(--or);padding:10px 10px 4px}
.ft-grp+button{margin-top:0}
.ft-tabs button{display:flex;align-items:center;gap:12px;width:100%;text-align:left;border:1px solid transparent;background:none;padding:10px 12px;border-radius:14px;cursor:pointer;font-family:inherit;transition:background .15s,border-color .15s,box-shadow .15s}
.ft-tabs button:hover{background:rgba(255,255,255,.7)}
.ft-tabs button.on{background:#fff;border-color:#f6d6b8;box-shadow:0 8px 20px rgba(120,70,20,.10)}
.ft-tabs button:focus-visible{outline:2px solid var(--or);outline-offset:2px}
.ft-ti{flex:none;width:38px;height:38px;border-radius:11px;background:#fff;border:1px solid #fde3cc;display:flex;align-items:center;justify-content:center;transition:background .15s}
.ft-ti svg{width:19px;height:19px;fill:none;stroke:var(--or);stroke-width:2;stroke-linecap:round;stroke-linejoin:round}
.ft-tabs button.on .ft-ti{background:var(--or);border-color:var(--or)}.ft-tabs button.on .ft-ti svg{stroke:#fff}
.ft-tt b{display:block;font-size:15px;color:var(--text);line-height:1.3}
.ft-tt small{display:block;font-size:12.5px;color:var(--muted);margin-top:1px}
.ft-panels{background:#fff;border:1px solid #f0e6dc;border-radius:24px;box-shadow:0 20px 50px rgba(120,70,20,.08);overflow:hidden;min-height:100%}
.ft-panel{display:grid;grid-template-columns:minmax(0,1.05fr) minmax(0,1fr);min-height:520px;animation:ezIn .3s ease}
.ft-panel[hidden]{display:none}
.ft-vis{position:relative;display:flex;align-items:center;justify-content:center;padding:32px;background:radial-gradient(70% 70% at 30% 30%,#fff 0,#fff4e8 60%,#fde7d2 100%)}
.ft-vis-win .cpx-win{position:relative;width:100%;max-width:420px;right:auto;bottom:auto;left:auto}
.ft-vis-card{flex-direction:column;gap:22px}
.ft-big{width:132px;height:132px;border-radius:34px;background:linear-gradient(135deg,#f7a55f,#ef6f1f);display:flex;align-items:center;justify-content:center;box-shadow:0 20px 40px rgba(244,136,58,.35);transform:rotate(-6deg)}
.ft-big svg{width:64px;height:64px;fill:none;stroke:#fff;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round;transform:rotate(6deg)}
.ft-chips{display:flex;flex-wrap:wrap;justify-content:center;gap:8px;max-width:320px}
.ft-chips span{font-size:13.5px;font-weight:500;color:#3b3f47;background:#fff;border:1px solid #fde3cc;padding:7px 14px;border-radius:99px;box-shadow:0 4px 12px rgba(120,70,20,.06)}
.ft-info{padding:40px 36px;display:flex;flex-direction:column;justify-content:center}
.ft-info h3{margin:0 0 12px;font-size:26px;letter-spacing:-.4px;color:var(--text)}
.ft-info p{margin:0 0 20px;font-size:16px;line-height:1.65;color:var(--muted)}
.ft-info ul{list-style:none;margin:0 0 24px;padding:0;display:grid;gap:12px}
.ft-info li{position:relative;padding-left:32px;font-size:15.5px;color:#2a2e36}
.ft-info li:before{content:"";position:absolute;left:0;top:0;width:22px;height:22px;border-radius:50%;background:#f4883a url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23fff' stroke-width='3.2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M6 12.5l4 4 8-9'/%3E%3C/svg%3E") center/12px no-repeat}
.ft-link{display:inline-flex;align-items:center;gap:8px;align-self:flex-start;padding:12px 22px;border-radius:12px;background:var(--or);color:#fff;font-weight:500;box-shadow:0 10px 22px rgba(244,136,58,.28)}
.ft-link svg{width:17px;height:17px;fill:none;stroke:#fff;stroke-width:2.2;stroke-linecap:round;stroke-linejoin:round}
.ft-link:hover{filter:brightness(.95)}
@media(max-width:1180px){.ft{grid-template-columns:280px minmax(0,1fr)}.ft-panel{grid-template-columns:minmax(0,1fr)}.ft-vis{min-height:300px}.ft-panel{min-height:0}}
@media(max-width:860px){.ft{grid-template-columns:minmax(0,1fr);gap:16px}
 .ft-tabs{flex-direction:row;overflow-x:auto;scrollbar-width:none;padding:8px;gap:8px;border-radius:16px}.ft-tabs::-webkit-scrollbar{display:none}
 .ft-grp{display:none}.ft-tabs button{flex:none;width:auto;padding:8px 14px 8px 8px}.ft-tt small{display:none}.ft-tt b{white-space:nowrap;font-size:14px}.ft-ti{width:32px;height:32px}}
@media(max-width:600px){.ez-ft{padding:52px 0}.ft-vis{padding:22px;min-height:240px}.ft-big{width:100px;height:100px;border-radius:26px}.ft-big svg{width:48px;height:48px}.ft-info{padding:24px 20px}.ft-info h3{font-size:22px}.ft-link{width:100%;justify-content:center}}
.ft{align-items:stretch}.ft-panels{display:flex}.ft-panel{flex:1;min-height:0}@media(max-width:860px){.ft-panels{display:block}}
.cpx-lbl{font-size:12px}@media(max-width:600px){.ft-vis .cpx-tool span:last-child{font-size:12px}}
/* ez-ft: compact */
.ez-ft{padding:60px 0}
.ez-ft .ez-head{margin-bottom:32px}
.ft{grid-template-columns:250px minmax(0,1fr);gap:20px}
.ft-tabs{padding:8px;gap:4px;justify-content:center}
.ft-tabs button{padding:9px 10px}
.ft-tt b{font-size:14.5px}
.ft-ti{width:34px;height:34px}.ft-ti svg{width:17px;height:17px}
.ft-panel{min-height:0}
.ft-vis{padding:22px}
.ft-vis-win .cpx-win{max-width:360px}
.ft-vis .cpx-body{padding:10px 12px 12px}.ft-vis .cpx-grid{gap:8px}.ft-vis .cpx-tool{padding:8px 4px;gap:5px}.ft-vis .cpx-ic{width:30px;height:30px}.ft-vis .cpx-ic svg{width:16px;height:16px}
.ft-vis .cps-app{padding:7px 0}
.ft-big{width:96px;height:96px;border-radius:26px}.ft-big svg{width:46px;height:46px}
.ft-vis-card{gap:16px}
.ft-info{padding:26px 28px}
.ft-info h3{font-size:22px;margin-bottom:8px}
.ft-info p{font-size:15px;margin-bottom:14px}
.ft-info ul{gap:8px;margin-bottom:18px}.ft-info li{font-size:14.5px;padding-left:28px}.ft-info li:before{width:19px;height:19px;background-size:11px}
.ft-link{padding:10px 18px;font-size:15px}
@media(max-width:1180px){.ft-vis{min-height:220px}}
@media(max-width:600px){.ez-ft{padding:44px 0}.ft-vis{min-height:200px;padding:16px}.ft-info{padding:20px 18px}}
@media(max-width:600px){.ft-vis{display:none}.ft-panels{border-radius:18px}}
/* security section: a little more compact */
.sg{padding:68px 0 64px}.sg-head{margin-bottom:30px}.sg-row{margin-top:40px;padding-top:30px}
@media(max-width:600px){.sg{padding:48px 0}}
@media(max-width:860px){.ft{grid-template-columns:minmax(0,1fr);gap:14px}.ft-tabs{justify-content:flex-start}}
@media(min-width:861px) and (max-width:1180px){.ft{grid-template-columns:230px minmax(0,1fr)}}

/* Security & guarantees v3: light, matches Easy & fast (sg2) */
.sg.sg2{background:linear-gradient(180deg,#fff 0%,#fff6ee 30%,#ffefe1 75%,#fff 100%);color:var(--text);padding:72px 0}
.sg.sg2:before{background-image:radial-gradient(#ead7c4 1.3px,transparent 1.3px);background-size:22px 22px;-webkit-mask-image:radial-gradient(45% 60% at 75% 55%,#000 20%,transparent 75%);mask-image:radial-gradient(45% 60% at 75% 55%,#000 20%,transparent 75%);opacity:.7}
.sg2 .ez-head h2{color:var(--text)}
.sg2-grid{align-items:center}
.sg2 .sxv:before{background:linear-gradient(135deg,#f7a55f,#f4883a);opacity:.16}
.sg2 .sg-row{border-top:1px solid #f0e6dc;margin-top:48px;padding-top:36px}
.sg2 .sg-c{background:#fff;border:1px solid #f0e6dc;box-shadow:0 8px 22px rgba(120,70,20,.06)}
.sg2 .sg-c:hover{background:#fff;border-color:#f3c9a0;box-shadow:0 14px 30px rgba(120,70,20,.12)}
.sg2 .sg-c b{color:var(--text)}
.sg2 .sg-c span:not(.sg-i){color:var(--muted)}
.sg2 .sg-i{background:#fff4e8;box-shadow:none}.sg2 .sg-i svg{stroke:var(--or)}
.sg2-txt .cp-btn{margin-top:20px}
@media(max-width:960px){.sg2 .sxv{order:2}}
@media(max-width:600px){.sg.sg2{padding:48px 0}}

/* ===== Website Hosting: sleek pass (4 Oct) ===== */
/* even section rhythm */
.pg-wh .wh2{padding-bottom:40px}
.pg-wh #plans{padding:60px 0 8px}
.pg-wh #plans h2{margin-bottom:10px}
.pg-wh .plansec{padding-bottom:72px}
.pg-wh .ez,.pg-wh .sg.sg2,.pg-wh .cmp,.pg-wh .rev,.pg-wh .faq{padding:72px 0}
.pg-wh .faq{background:#fff;border-top:1px solid #f3ece5}
.pg-wh .sg.sg2{background:linear-gradient(180deg,#fff8f1 0%,#fff3e8 100%);border-top:1px solid #f6e7d8;border-bottom:1px solid #f6e7d8}
.pg-wh .sg2 .sg-row{margin-top:40px;padding-top:32px}
.pg-wh .ez-head{margin-bottom:40px}
/* compare table: compact rows and fold */
.pg-wh .cmp-t th,.pg-wh .cmp-t td{padding-top:11px;padding-bottom:11px}
.pg-wh .cmp-t .cmp-g th{padding-top:9px;padding-bottom:9px}
.pg-wh .cmp-x-hide .cmp-x{display:none}
.cmp-more-wrap{display:flex;justify-content:center;margin:18px 0 4px}
.cmp-more{display:inline-flex;align-items:center;gap:8px;background:#fff;border:1px solid #f0d6bd;color:var(--or);font:inherit;font-weight:600;font-size:15px;padding:11px 22px;border-radius:999px;cursor:pointer;transition:background .2s,border-color .2s}
.cmp-more:hover,.cmp-more:focus-visible{background:#fff6ee;border-color:var(--or)}
.cmp-more svg{width:16px;height:16px;fill:none;stroke:currentColor;stroke-width:2.2;stroke-linecap:round;stroke-linejoin:round;transition:transform .2s}
.cmp-more[aria-expanded=true] svg{transform:rotate(180deg)}
/* plan cards: features fold on phones */
.pk-fold{display:none}
@media(max-width:640px){
 .pg-wh #plans{padding:44px 0 4px}
 .pg-wh .plansec{padding-bottom:52px}
 .pg-wh .ez,.pg-wh .sg.sg2,.pg-wh .cmp,.pg-wh .rev,.pg-wh .faq{padding:52px 0}
 .pg-wh .ez-head{margin-bottom:28px}
 .pg-wh .pw.fold-on .fl.specs{display:none}
 .pg-wh .pw.fold-on.open .fl.specs{display:block}
 .pg-wh .pw.fold-on .pk-more{display:none}
 .pg-wh .pw.fold-on.open .pk-more{display:inline-flex}
 .pk-fold{display:flex;align-items:center;justify-content:center;gap:6px;width:100%;background:none;border:0;border-top:1px solid #f1e6db;color:var(--or);font:inherit;font-weight:600;font-size:15px;padding:14px 0 2px;margin-top:6px;cursor:pointer;min-height:44px}
 .pk-fold svg{width:16px;height:16px;fill:none;stroke:currentColor;stroke-width:2.2;stroke-linecap:round;stroke-linejoin:round;transition:transform .2s}
 .pw.open .pk-fold svg{transform:rotate(180deg)}
}
.pg-wh .cmp-x-hide tfoot{display:none}
@media(max-width:640px){.pg-wh .plansec .pgrid{row-gap:28px}}

/* ===== Security & guarantees v4 (sg3): different layout from Easy & fast (4 Oct) ===== */
.sg3-head{display:grid;grid-template-columns:minmax(0,1.1fr) minmax(0,1fr);gap:48px;align-items:end;margin-bottom:44px;text-align:left}
.sg3-head .eyebrow{justify-content:flex-start;margin-left:0}
.sg3-head .eyebrow:before{display:none}
.sg3-head h2{margin:10px 0 0;text-align:left;font-size:clamp(28px,3.4vw,40px);line-height:1.15}
.sg3-head h2 span{color:var(--or)}
.sg3-head .ez-lead{margin:0 0 18px;text-align:left;max-width:none}
.sg3-head .cp-btn{margin:0}
.sg3-grid{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.45fr) minmax(0,1fr);gap:36px;align-items:center}
.sg3-col{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:30px}
.sg3-col li{display:flex;gap:14px;align-items:flex-start}
.sg3-col .sx-ic{flex:none;width:46px;height:46px;border-radius:50%;background:#fff;border:1px solid #f3d9c0;box-shadow:0 8px 18px rgba(120,70,20,.08);display:flex;align-items:center;justify-content:center}
.sg3-col .sx-ic svg{width:21px;height:21px;fill:none;stroke:var(--or);stroke-width:1.9;stroke-linecap:round;stroke-linejoin:round}
.sg3-col b{display:block;font-size:16.5px;color:var(--text);margin:2px 0 3px}
.sg3-col div span{display:block;font-size:14px;line-height:1.5;color:var(--muted)}
.sg3-col:not(.sg3-r) li{flex-direction:row-reverse;text-align:right}
.sg3 .sxv{min-height:0}
/* guarantees as one bar */
.pg-wh .sg3 .sg3-bar{gap:0;margin-top:48px;padding:6px;border:1px solid #f0e2d4;border-radius:20px;background:#fff;box-shadow:0 14px 34px rgba(120,70,20,.07)}
.sg3 .sg3-bar .sg-c{background:none;border:0;box-shadow:none;border-radius:14px;padding:20px 22px;position:relative;transform:none}
.sg3 .sg3-bar .sg-c:hover{background:#fff8f2;box-shadow:none;transform:none}
.sg3 .sg3-bar .sg-c+.sg-c:before{content:"";position:absolute;left:0;top:22px;bottom:22px;width:1px;background:#f1e5da}
.sg3 .sg3-bar .sg-i{background:var(--or);box-shadow:0 8px 16px rgba(244,136,58,.25)}.sg3 .sg3-bar .sg-i svg{stroke:#fff}
@media(max-width:1100px){
 .sg3-grid{grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:32px 28px}
 .sg3 .sxv{grid-column:1/-1;grid-row:1;max-width:560px;width:100%;margin:0 auto}
 .sg3-col:not(.sg3-r) li{flex-direction:row;text-align:left}
 .sg3 .sg3-bar .sg-c:nth-child(3):before{display:none}
}
@media(max-width:760px){.sg3-head{grid-template-columns:minmax(0,1fr);gap:16px;margin-bottom:32px}}
@media(max-width:600px){
 .sg3-grid{grid-template-columns:minmax(0,1fr);gap:22px}
 .sg3-col{gap:22px}
 .sg3 .sxv-jet,.sg3 .sxv-cpg{display:none}
 .sg3 .sxv{padding:62px 0 0}
 .sg3 .cp-btn{width:100%;justify-content:center}
 .pg-wh .sg3 .sg3-bar{margin-top:36px;padding:4px}
 .sg3 .sg3-bar .sg-c+.sg-c:before{left:20px;right:20px;top:0;bottom:auto;width:auto;height:1px;display:block}
}

/* ===== Security & guarantees v5 (sg5): simple card grid (4 Oct) ===== */
.sg5{background:#fff;padding:80px 0;border-top:1px solid #f1ece7}
.sg5-head{text-align:center;max-width:760px;margin:0 auto 48px}
.sg5-head h2{font-size:clamp(30px,4vw,48px);font-weight:500;letter-spacing:-.025em;line-height:1.12;color:var(--text);margin:0 0 16px}
.sg5-head p{font-size:17px;color:var(--muted);margin:0}
.sg5-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px}
.sg5-g4{grid-template-columns:repeat(4,minmax(0,1fr))}
.sg5-c{background:#f6f5f4;border-radius:18px;padding:30px 28px 32px;transition:background .2s,transform .2s}
.sg5-c:hover{background:#fbf3ec;transform:translateY(-2px)}
.sg5-i{width:48px;height:48px;border-radius:10px;background:var(--or);display:flex;align-items:center;justify-content:center;margin-bottom:22px}
.sg5-i svg{width:24px;height:24px;fill:none;stroke:#fff;stroke-width:1.9;stroke-linecap:round;stroke-linejoin:round}
.sg5-c h3{font-size:20px;font-weight:500;color:var(--text);margin:0 0 10px;letter-spacing:-.01em}
.sg5-c p{font-size:15.5px;line-height:1.6;color:var(--muted);margin:0}
.sg5-sub{text-align:center;font-size:22px;font-weight:500;color:var(--text);margin:56px 0 24px}
@media(max-width:1100px){.sg5-g4{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:900px){.sg5-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:600px){.sg5{padding:52px 0}.sg5-head{margin-bottom:32px}.sg5-head p{font-size:16px}.sg5-grid,.sg5-g4{grid-template-columns:minmax(0,1fr);gap:14px}.sg5-c{padding:24px 22px}.sg5-i{margin-bottom:16px}.sg5-c h3{font-size:18px}.sg5-sub{margin:40px 0 18px;font-size:20px}}
@media(prefers-reduced-motion:reduce){.sg5-c{transition:none}}


/* sg5 cards now use the home page service card style (.hc) */
.sg5 .hc.sg5-c{background:linear-gradient(180deg,#fff 0,#fffaf5 100%);border:1px solid #f0e6dc;border-radius:18px;padding:28px 26px 28px}
.sg5 .hc.sg5-c:hover{background:linear-gradient(180deg,#fff 0,#fffaf5 100%);transform:translateY(-6px)}
.sg5 .hc h3{font-size:20px;font-weight:700;letter-spacing:0}
.sg5 .hc p{margin:0;font-size:15.5px}
.sg5 .hc-wm{bottom:-14px;right:-18px}
.sg5-g4 .hc.sg5-c{padding:26px 24px}.sg5-g4 .hc h3{font-size:18px}.sg5-g4 .hc p{font-size:14.5px}
.sg5-g4 .hc-i{width:58px;height:58px;border-radius:16px}.sg5-g4 .hc-i svg{width:27px;height:27px}
@media(max-width:600px){.sg5 .hc.sg5-c{padding:22px 20px}.sg5 .hc-top{margin-bottom:14px}.sg5 .hc h3{font-size:18px}}
@media(min-width:400px){.sg5 .ez-head h2 span{white-space:nowrap}}
/* sg5: 4 security + 4 guarantee boxes in one grid */
.sg5-8{grid-template-columns:repeat(4,minmax(0,1fr))}
.sg5-8 .hc.sg5-c{padding:26px 24px}.sg5-8 .hc h3{font-size:18.5px}.sg5-8 .hc p{font-size:14.5px}
.sg5-8 .hc-i{width:60px;height:60px;border-radius:17px}.sg5-8 .hc-i svg{width:28px;height:28px}
@media(max-width:1100px){.sg5-8{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:600px){.sg5-8{grid-template-columns:minmax(0,1fr)}}

/* ===== Website Hosting: final review polish (4 Oct) ===== */
.pg-wh #plans .eyebrow{display:flex;justify-content:center;margin-bottom:10px}
.pg-wh #plans h2 span,.pg-wh .cmp h2 span,.pg-wh .faq h2 span{color:var(--or)}
.pg-wh #plans .sub{max-width:620px;margin-left:auto;margin-right:auto}
.sg5 .ez-head h2 span{white-space:nowrap}
/* domain band keeps a side gutter below 1320px */
@media(max-width:1320px){.pg-wh .dmb .dmb-in{margin-left:24px;margin-right:24px}}
@media(max-width:560px){.pg-wh .dmb .dmb-in{margin-left:16px;margin-right:16px}}
@media(max-width:640px){
 /* empty label strip above non-recommended cards adds a gap on phones */
 .pg-wh .plansec .pw:not(.rec) .lbl{display:none}
 /* hero illustration a little smaller */
 .pg-wh .whc-r{max-width:320px;margin-left:auto;margin-right:auto}
 /* security & guarantee boxes: compact row layout */
 .sg5 .hc.sg5-c{display:grid;grid-template-columns:52px minmax(0,1fr);column-gap:16px;padding:18px 18px 20px;align-items:start}
 .sg5 .hc-top{grid-row:1/3;margin:0}
 .sg5 .hc-i,.sg5-8 .hc-i{width:52px;height:52px;border-radius:14px}
 .sg5 .hc-i svg,.sg5-8 .hc-i svg{width:24px;height:24px}
 .sg5 .hc h3{font-size:17px;margin:2px 0 4px}
 .sg5 .hc p{font-size:14.5px}
 .sg5 .hc-wm{width:96px;height:96px;bottom:-18px;right:-16px}
 .sg5-8{gap:12px}
}
/* sg5 gets the same dotted background as the home page "More hosting options" section */
.sg5{position:relative;overflow:hidden}
.sg5:before{content:"";position:absolute;left:48px;top:150px;width:90px;height:90px;background-image:radial-gradient(#cfd3da 2px,transparent 2px);background-size:15px 15px;opacity:.8;pointer-events:none}
.sg5:after{content:"";position:absolute;right:-60px;top:-60px;width:320px;height:260px;background-image:radial-gradient(#e6c9ae 2.2px,transparent 2.2px);background-size:17px 17px;opacity:.55;-webkit-mask-image:radial-gradient(circle at 100% 0,#000 20%,transparent 70%);mask-image:radial-gradient(circle at 100% 0,#000 20%,transparent 70%);pointer-events:none}
.sg5 .wrap{position:relative;z-index:1}
@media(max-width:960px){.sg5:before{display:none}}
/* compare table: feature names on one line */
@media(min-width:761px){.pg-wh .cmp-t tbody th[scope=row]{white-space:nowrap}}
@media(max-width:760px){.pg-wh .cmp-t tbody th[scope=row],.pg-wh .cmp-corner{width:150px;max-width:150px;font-size:13.5px}}
@media(max-width:760px){
 .pg-wh .cmp .cmp-t{table-layout:fixed;min-width:600px;width:600px}
 .pg-wh .cmp .cmp-t .cmp-corner,.pg-wh .cmp .cmp-t tbody th[scope=row]{width:176px;max-width:176px;white-space:nowrap;font-size:13px;padding-left:10px;padding-right:6px}
 .pg-wh .cmp .cmp-t .cmp-tip{margin-left:4px}
}
@media(max-width:760px){.pg-wh .cmp .cmp-t{min-width:630px;width:630px}.pg-wh .cmp .cmp-t .cmp-corner,.pg-wh .cmp .cmp-t tbody th[scope=row]{width:200px;max-width:200px}}
.terms .tb{display:none!important}
/* billing switcher without save badges: one row on phones */
@media(max-width:560px){.terms{flex-wrap:nowrap;border-radius:99px;gap:2px;padding:4px}.terms button{padding:9px 13px;font-size:14.5px;white-space:nowrap}}
@media(max-width:360px){.terms button{padding:8px 9px;font-size:13.5px}}
/* billing switcher: more prominent */
.terms-lbl{text-align:center;margin:0 0 12px;font-size:14px;font-weight:600;letter-spacing:.06em;text-transform:uppercase;color:var(--or)}
.terms{padding:7px;gap:6px;border:1.5px solid #f3cfae;background:#fff;box-shadow:0 14px 34px rgba(244,136,58,.16),0 2px 6px rgba(22,24,29,.05);margin-bottom:40px}
.terms button{font-size:17px;font-weight:600;color:#2b2f36;padding:13px 34px}
.terms button:not(.on):hover{background:#fff4ea;color:var(--or)}
.terms button.on{background:linear-gradient(135deg,#f7984e,#ef6f1f);box-shadow:0 8px 18px rgba(239,111,31,.35)}
@media(max-width:560px){.terms-lbl{font-size:12.5px;margin-bottom:10px}.terms{padding:5px;gap:3px}.terms button{padding:10px 13px;font-size:15px}}
@media(max-width:360px){.terms button{padding:9px 9px;font-size:14px}}
@media(max-width:360px){.terms button{padding:9px 8px;font-size:13.5px}}
.terms-lbl{text-transform:none;letter-spacing:0;font-size:16px}@media(max-width:560px){.terms-lbl{font-size:14.5px}}
/* billing switcher: a little smaller */
.terms-lbl{font-size:14.5px;margin-bottom:10px}
.terms{padding:5px;gap:4px;margin-bottom:34px}
.terms button{font-size:15.5px;padding:10px 26px}
@media(max-width:560px){.terms-lbl{font-size:13.5px}.terms button{padding:9px 12px;font-size:14.5px}}
@media(max-width:360px){.terms button{padding:8px 8px;font-size:13.5px}}
.ez-list li>div{min-width:0;overflow-wrap:anywhere}
/* sg5 intro: text left, stats card right (owner reference) */
.sgh{display:grid;grid-template-columns:minmax(0,1.05fr) minmax(0,1fr);gap:56px;align-items:center;margin-bottom:56px}
.sgh-eye{display:block;font-size:14px;font-weight:600;letter-spacing:.12em;text-transform:uppercase;color:var(--or);margin-bottom:14px}
.sgh-txt h2{margin:0 0 18px;font-size:clamp(28px,3.4vw,42px);line-height:1.15;letter-spacing:-.6px;color:var(--text);text-align:left}
.sgh-txt h2 span{color:var(--or)}
.sgh-txt p{margin:0;font-size:17px;line-height:1.75;color:var(--muted)}
.sgh-card{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px;padding:30px;background:#fff;border:1px solid #f0e6dc;border-radius:24px;box-shadow:0 24px 50px rgba(120,70,20,.10)}
.sgh-s{background:#fff6ee;border-radius:16px;padding:22px 22px 20px}
.sgh-s b{display:block;font-size:clamp(28px,2.8vw,36px);line-height:1.1;font-weight:700;color:var(--or);letter-spacing:-.5px;margin-bottom:6px}
.sgh-s span{display:block;font-size:15px;color:#4b5060}
.sgh-g{background:#e8f6ee}.sgh-g b{color:#1a8f4c}.sgh-g span{color:#1a8f4c}
@media(max-width:960px){.sgh{grid-template-columns:minmax(0,1fr);gap:32px;margin-bottom:40px}}
@media(max-width:600px){.sgh-card{padding:16px;gap:12px;border-radius:18px}.sgh-s{padding:16px}.sgh-txt p{font-size:16px}}
@media(min-width:400px){.sgh-txt h2 span{white-space:nowrap}}
/* sg6: security section laid out like the cPanel section */
.sg6 .ez-head{margin-bottom:44px}
.sg6-vis{position:relative;padding:28px 18px}
.sg6-vis:before{content:"";position:absolute;inset:0 30px 0 10px;border-radius:32px;background:linear-gradient(135deg,#f7a55f,#f4883a);opacity:.22;transform:rotate(-3deg)}
.sg6-vis .sgh-card{position:relative;z-index:1}
.sg6 .ez-txt .cp-btn{margin-top:22px}
.sg6 .ez-h{margin-top:0}
@media(max-width:960px){.sg6-vis{max-width:560px;margin:0 auto;width:100%}}
@media(max-width:600px){.sg6 .cp-btn{width:100%;justify-content:center}.sg6-vis{padding:16px 6px}}
/* sg7: all security & guarantee items as small tiles in rows */
.sg7 .ez-head{margin-bottom:40px}
.sg7-list{grid-template-columns:repeat(5,minmax(0,1fr));gap:14px}
.sg7-list li{flex-direction:column;align-items:flex-start;gap:10px;padding:18px 16px}
.sg7-list b{font-size:15.5px}
.sg7-cta{display:flex;justify-content:center;margin-top:34px}
@media(max-width:1100px){.sg7-list{grid-template-columns:repeat(4,minmax(0,1fr))}}
@media(max-width:860px){.sg7-list{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media(max-width:600px){.sg7-list{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.sg7-list li{padding:14px 12px}.sg7 .cp-btn{width:100%;justify-content:center}}
/* sg7 tiles: attractive + reveal details on hover / tap */
.sg7-list li{position:relative;overflow:hidden;min-height:150px;cursor:default;background:linear-gradient(180deg,#fff 0,#fffaf5 100%);border:1px solid #f0e2d4;box-shadow:0 8px 20px rgba(120,70,20,.06);transition:transform .25s,box-shadow .25s,border-color .25s;outline:none}
.sg7-list li:before{content:"";position:absolute;left:0;right:0;top:0;height:3px;background:linear-gradient(90deg,#f4883a,#f7a55f);transform:scaleX(0);transform-origin:left;transition:transform .3s;z-index:3}
.sg7-list .sx-ic{width:44px;height:44px;border-radius:13px;background:radial-gradient(circle at 50% 35%,#fff4e8,#fde2c8);transition:background .25s}
.sg7-list .sx-ic svg{width:21px;height:21px;transition:stroke .25s}
.sg7-plus{position:absolute;right:12px;top:12px;width:22px;height:22px;border-radius:50%;background:#fff1e4;color:var(--or);font-weight:700;font-size:15px;line-height:22px;text-align:center;transition:opacity .2s}
.sg7-more{position:absolute;inset:0;margin:0;padding:18px 16px;display:flex;flex-direction:column;justify-content:center;gap:6px;background:linear-gradient(135deg,#f7984e 0%,#ef6f1f 100%);color:#fff;font-size:13.5px;line-height:1.5;opacity:0;transform:translateY(12px);transition:opacity .25s,transform .25s;pointer-events:none;z-index:2}
.sg7-more b{color:#fff!important;font-size:15px;margin:0}
.sg7-list li:hover,.sg7-list li:focus-visible,.sg7-list li:focus{transform:translateY(-5px);border-color:#f3c9a0;box-shadow:0 20px 40px rgba(239,111,31,.18)}
.sg7-list li:hover:before,.sg7-list li:focus:before{transform:scaleX(1)}
.sg7-list li:hover .sg7-more,.sg7-list li:focus .sg7-more,.sg7-list li:focus-within .sg7-more{opacity:1;transform:none}
.sg7-list li:hover .sg7-plus,.sg7-list li:focus .sg7-plus{opacity:0}
@media(max-width:600px){.sg7-list li{min-height:150px}.sg7-more{padding:14px 12px;font-size:13px}.sg7-more b{font-size:14px}}
@media(prefers-reduced-motion:reduce){.sg7-list li,.sg7-more,.sg7-list li:before{transition:none}}
.sg7-more{visibility:hidden;transition:opacity .25s,transform .25s,visibility 0s .25s}
.sg7-list li:hover .sg7-more,.sg7-list li:focus .sg7-more,.sg7-list li:focus-within .sg7-more{visibility:visible;transition:opacity .25s,transform .25s,visibility 0s}
/* sg7: 11 tiles, centred rows of 4 */
.sg7-list{display:flex;flex-wrap:wrap;justify-content:center;gap:16px}
.sg7-list li{flex:0 0 calc((100% - 48px)/4)}
@media(max-width:1100px){.sg7-list li{flex-basis:calc((100% - 32px)/3)}}
@media(max-width:600px){.sg7-list{gap:10px}.sg7-list li{flex-basis:calc((100% - 10px)/2)}}
@media(max-width:420px){.sg7-list li{flex-basis:100%;min-height:118px;flex-direction:row;align-items:center;gap:14px}.sg7-more{padding:12px 16px}}
/* sg7 tiles: compact */
.sg7-list{gap:12px}
.sg7-list li{flex:0 0 calc((100% - 36px)/4);min-height:92px;flex-direction:row;align-items:center;gap:12px;padding:14px 34px 14px 14px;border-radius:14px}
.sg7-list .sx-ic{width:38px;height:38px;border-radius:11px}
.sg7-list .sx-ic svg{width:18px;height:18px}
.sg7-list b{font-size:14.5px}
.sg7-list div span{font-size:12.5px}
.sg7-plus{right:10px;top:10px;width:18px;height:18px;line-height:18px;font-size:13px}
.sg7-more{padding:10px 14px;font-size:12.5px;line-height:1.45;gap:2px}
.sg7-more b{display:none}
.sg7-list li:hover,.sg7-list li:focus{transform:translateY(-3px)}
@media(max-width:1100px){.sg7-list li{flex-basis:calc((100% - 24px)/3)}}
@media(max-width:760px){.sg7-list li{flex-basis:calc((100% - 12px)/2)}}
@media(max-width:600px){.sg7-list li{min-height:92px;padding:12px 30px 12px 12px}}
@media(max-width:480px){.sg7-list li{flex-basis:100%;min-height:76px}}
/* sg7: 9 tiles -> 3 per row on desktop */
.sg7-list li{flex-basis:calc((100% - 24px)/3)}
@media(max-width:760px){.sg7-list li{flex-basis:calc((100% - 12px)/2)}}
@media(max-width:480px){.sg7-list li{flex-basis:100%}}
.hero2 a[href*="trustpilot.com/review"]{display:inline-block;padding:12px 0;margin:-12px 0}
/* website-hosting: More hosting options after compare */
.pg-wh .proplans{border-top:1px solid #f3ece5;padding:72px 0}
@media(max-width:640px){.pg-wh .proplans{padding:52px 0}}
/* website-hosting: compact "Looking for something else" cards */
.pg-wh .proplans .hg{gap:16px}
.pg-wh .proplans .hc{padding:20px 20px 16px;border-radius:16px}
.pg-wh .proplans .hc-top{margin-bottom:14px}
.pg-wh .proplans .hc-i{width:48px;height:48px;border-radius:14px}
.pg-wh .proplans .hc-i svg{width:23px;height:23px}
.pg-wh .proplans .hc h3{font-size:18px;margin-bottom:6px}
.pg-wh .proplans .hc p{font-size:14.5px;line-height:1.55;margin-bottom:14px}
.pg-wh .proplans .hc-go{padding-top:12px;font-size:14.5px}
.pg-wh .proplans .hc-wm{width:96px;height:96px;right:-16px;bottom:30px}
.pg-wh .proplans .ptop{margin-bottom:32px}
@media(max-width:1100px){.pg-wh .proplans .hg{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:480px){.pg-wh .proplans .hg{grid-template-columns:minmax(0,1fr);gap:12px}}
.cmp-unit{font-size:12px;color:var(--muted);font-weight:400}
@media(max-width:760px){.pg-wh .cmp .cmp-t{min-width:660px;width:660px}.pg-wh .cmp .cmp-t .cmp-corner,.pg-wh .cmp .cmp-t tbody th[scope=row]{width:230px;max-width:230px}}
.pg-wh .wh2 .hx-r{margin-top:10px}@media(max-width:960px){.pg-wh .wh2 .hx-r{margin-bottom:28px}}
/* website-hosting hero: same globe background as the home hero */
.pg-wh .wh2{background-color:#fff;background-image:radial-gradient(60% 90% at 88% 40%,rgba(244,136,58,.13),transparent 62%),radial-gradient(45% 70% at 0% 100%,rgba(90,140,220,.08),transparent 70%)}
.pg-wh .wh2>.wrap{position:relative;z-index:1}
/* ===== website-hosting hero: hosting dashboard illustration (whd) ===== */
.whd{position:relative;max-width:520px;width:100%;justify-self:end;padding:34px 30px 46px 40px}
.whd:before{content:"";position:absolute;inset:6px 10px 18px 22px;border-radius:30px;background:linear-gradient(135deg,#f7a55f,#f4883a);opacity:.16;transform:rotate(-3deg)}
.whd svg{fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}
.whd-card{position:relative;z-index:1;background:#fff;border:1px solid #eceef2;border-radius:20px;box-shadow:0 30px 60px rgba(22,24,29,.12);padding:18px 18px 16px}
.whd-top{display:flex;align-items:center;gap:12px;padding-bottom:14px;border-bottom:1px solid #f0f1f4}
.whd-logo{flex:none;width:40px;height:40px;border-radius:12px;background:#16181d;color:#fff;display:flex;align-items:center;justify-content:center}.whd-logo svg{width:20px;height:20px}
.whd-top b{display:block;font-size:15px;color:var(--text)}.whd-top small{display:block;font-size:12px;color:var(--muted)}
.whd-ok{margin-left:auto;display:inline-flex;align-items:center;gap:6px;font-size:12px;font-weight:700;color:#1a8f4c;background:#e6f6ec;padding:5px 10px;border-radius:99px;white-space:nowrap}
.whd-ok i{width:7px;height:7px;border-radius:50%;background:#22b35e;box-shadow:0 0 0 3px rgba(34,179,94,.2)}
.whd-sites{padding:10px 0 6px}
.whd-site{display:flex;align-items:center;gap:12px;padding:8px 2px;border-bottom:1px dashed #f0f1f4}.whd-site:last-child{border-bottom:0}
.whd-fav{flex:none;width:30px;height:30px;border-radius:9px;display:flex;align-items:center;justify-content:center;font-weight:700;font-size:13px;color:#fff}
.whd-fav.o{background:#f4883a}.whd-fav.b{background:#3b82f6}.whd-fav.g{background:#22b35e}
.whd-site div{flex:1;min-width:0}.whd-site b{display:block;font-size:13.5px;color:var(--text);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.whd-site small{display:block;font-size:12px;color:var(--muted)}
.whd-site em{font-style:normal;font-size:12px;font-weight:700;color:#1a8f4c}
.whd-meters{display:grid;grid-template-columns:1fr 1fr;gap:12px;padding:12px 0;border-top:1px solid #f0f1f4;border-bottom:1px solid #f0f1f4}
.whd-ml{display:flex;justify-content:space-between;align-items:baseline;gap:6px;margin-bottom:6px}.whd-ml span{font-size:12px;color:var(--muted)}.whd-ml b{font-size:12px;color:var(--text)}
.whd-bar{height:7px;border-radius:99px;background:#f3f4f6;overflow:hidden}.whd-bar i{display:block;height:100%;border-radius:99px;background:linear-gradient(90deg,#f7a55f,#f4883a)}
.whd-up{display:flex;align-items:center;gap:14px;padding-top:12px}.whd-up small{display:block;font-size:12px;color:var(--muted)}.whd-up b{display:block;font-size:22px;color:var(--text);letter-spacing:-.3px}
.whd-spark{flex:1;height:40px;stroke:none}
.whd-chip{position:absolute;z-index:2;display:flex;align-items:center;gap:10px;background:#fff;border-radius:14px;padding:9px 14px 9px 9px;box-shadow:0 16px 36px rgba(16,18,24,.14)}
.whd-chip>span{flex:none;width:32px;height:32px;border-radius:10px;display:flex;align-items:center;justify-content:center}.whd-chip>span svg{width:17px;height:17px}
.whd-chip .g{background:#e6f6ec;color:#1a8f4c}.whd-chip .o{background:#fff4e8;color:var(--or)}
.whd-chip b{display:block;font-size:13.5px;color:var(--text);white-space:nowrap}.whd-chip small{display:block;font-size:12px;color:var(--muted)}
.whd-c1{top:0;right:0;animation:hiF 6s ease-in-out infinite}
.whd-c2{left:0;bottom:6px;animation:hiF 7s ease-in-out infinite .8s}
.whd-c3{right:-6px;bottom:96px;padding:9px 14px 9px 9px;animation:hiF 6.5s ease-in-out infinite 1.4s}
@media(max-width:960px){.whd{justify-self:center;margin:8px auto 28px}}
@media(max-width:480px){.whd{padding:30px 6px 40px}.whd-c3{display:none}.whd-top{flex-wrap:wrap}.whd-ok{margin-left:52px}.whd-meters{grid-template-columns:1fr}}
@media(prefers-reduced-motion:reduce){.whd-chip{animation:none}}
.whd-c3{right:auto;left:-4px;bottom:auto;top:44%}
.whd-c2{left:auto;right:24px;bottom:4px}
@media(max-width:960px){.whd{padding-bottom:56px}}
@media(max-width:480px){.whd-c2{right:6px;bottom:0}.whd{padding-bottom:52px}}
.whd-c3{left:6px;top:auto;bottom:4px}@media(max-width:480px){.whd-c3{display:none}}
/* coming-soon pages */
.pg-pill{display:inline-flex;align-items:center;gap:6px;background:#fff1e4;color:#c2600f;border:1px solid #f6d3b2;font-size:13px;font-weight:700;letter-spacing:.06em;text-transform:uppercase;padding:5px 12px;border-radius:99px;margin:6px 0 14px}
.pg-pill:before{content:"";width:7px;height:7px;border-radius:50%;background:var(--or);box-shadow:0 0 0 3px rgba(244,136,58,.2)}
.pg-cs{max-width:640px;margin:0 auto;text-align:center;background:linear-gradient(180deg,#fff 0,#fffaf5 100%);border:1px solid #f0e2d4;border-radius:22px;padding:40px 32px;box-shadow:0 18px 40px rgba(120,70,20,.08)}
.pg-cs-ic{display:inline-flex;align-items:center;justify-content:center;width:64px;height:64px;border-radius:18px;background:radial-gradient(circle at 50% 35%,#fff4e8,#fde2c8);margin-bottom:16px}
.pg-cs-ic svg{width:30px;height:30px;fill:none;stroke:var(--or);stroke-width:2;stroke-linecap:round;stroke-linejoin:round}
.pg-cs h2{font-size:clamp(22px,2.6vw,28px);margin:0 0 10px;color:var(--text)}
.pg-cs p{margin:0 auto 22px;max-width:520px;font-size:16.5px;line-height:1.65;color:var(--muted)}
.pg-cs-btns{display:flex;justify-content:center;gap:12px;flex-wrap:wrap;margin-bottom:16px}
.pg-cs-back{display:inline-block;font-weight:500;color:var(--or);padding:8px 0}
@media(max-width:560px){.pg-cs{padding:30px 18px}.pg-cs-btns{flex-direction:column}.pg-cs-btns .pg-btn{width:100%}}
/* Web Hosting menu: fill top-to-bottom (Budget, Pro, Business | Node.js, WordPress, Reseller) */
@media(min-width:1241px){.menu .drop.g2{grid-template-rows:repeat(3,auto) auto;grid-auto-flow:column}.menu .drop.g2 .mfoot{grid-column:1/-1;grid-row:4}}

/* ===== Legal pages (terms / privacy) ===== */
.lg-hero h1{margin-bottom:12px}
.lg-meta{display:flex;flex-wrap:wrap;gap:8px;margin:0 0 22px}
.lg-meta span{font-size:13.5px;font-weight:500;color:#5b4a3a;background:#fff;border:1px solid #f0e2d4;padding:6px 12px;border-radius:99px}
button.pg-btn{font:inherit;cursor:pointer;border:0}
.lg-glance{padding:48px 0 8px;background:#fff}
.lg-gh{max-width:760px;margin-bottom:22px}.lg-gh h2{font-size:clamp(22px,2.4vw,28px);margin:0 0 6px;color:var(--text)}.lg-gh p{margin:0;color:var(--muted);font-size:15.5px}
.lg-gg{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px}
.lg-gc{display:flex;flex-direction:column;gap:6px;padding:18px;border:1px solid #f0e2d4;border-radius:16px;background:linear-gradient(180deg,#fff 0,#fffaf5 100%);text-decoration:none;transition:transform .2s,box-shadow .2s,border-color .2s}
.lg-gc:hover,.lg-gc:focus-visible{transform:translateY(-3px);border-color:#f3c9a0;box-shadow:0 16px 32px rgba(239,111,31,.14)}
.lg-gi{width:40px;height:40px;border-radius:12px;background:radial-gradient(circle at 50% 35%,#fff4e8,#fde2c8);display:flex;align-items:center;justify-content:center;margin-bottom:4px}
.lg-gi svg{width:20px;height:20px;fill:none;stroke:var(--or);stroke-width:2;stroke-linecap:round;stroke-linejoin:round}
.lg-gc b{font-size:15.5px;color:var(--text)}.lg-gc span:not(.lg-gi){font-size:13.5px;line-height:1.5;color:var(--muted)}
.lg{padding:40px 0 80px;background:#fff}
.lg-wrap{display:grid;grid-template-columns:290px minmax(0,1fr);gap:40px;align-items:start}
.lg-side{position:sticky;top:96px;max-height:calc(100vh - 116px);overflow:auto;padding-right:4px}
.lg-search{display:flex;align-items:center;gap:8px;border:1.5px solid #ecdccc;border-radius:12px;padding:0 12px;background:#fff;transition:border-color .2s}
.lg-search:focus-within{border-color:var(--or)}
.lg-search svg{width:18px;height:18px;flex:none;fill:none;stroke:#9a8a7a;stroke-width:2;stroke-linecap:round}
.lg-search input{border:0;outline:0;font:inherit;font-size:15px;padding:11px 0;width:100%;background:transparent;color:var(--text)}
.lg-count{min-height:20px;margin:6px 2px 6px;font-size:13px;color:var(--muted)}
.lg-toc-btn{display:none}
.lg-toc ol{list-style:none;margin:0;padding:0}
.lg-toc ol>li{margin:2px 0}
.lg-toc a{display:block;text-decoration:none;color:#4b5060;font-size:14px;line-height:1.4;padding:7px 10px;border-radius:9px;transition:background .15s,color .15s}
.lg-toc .lg-tg>a{font-weight:600;color:var(--text)}
.lg-toc .lg-tg>a b{display:inline-flex;align-items:center;justify-content:center;width:22px;height:22px;border-radius:7px;background:#fff1e4;color:var(--or);font-size:12px;margin-right:8px}
.lg-toc ul{list-style:none;margin:0 0 4px 30px;padding:0 0 0 10px;border-left:1px solid #f0e6dc}
.lg-toc ul a{font-size:13.5px;padding:5px 10px}
.lg-toc a:hover{background:#fff6ee;color:var(--or)}
.lg-toc a.on{background:#fff1e4;color:var(--or)}
.lg-toc li.lg-hide{display:none}
.lg-sec{scroll-margin-top:100px;padding:6px 0 28px;margin-bottom:22px;border-bottom:1px solid #f3ece5}
.lg-sec:last-of-type{border-bottom:0}
.lg-sub{scroll-margin-top:100px;margin-top:22px}
.lg-sec h2{display:flex;align-items:center;gap:12px;font-size:clamp(21px,2.2vw,26px);color:var(--text);margin:0 0 14px;line-height:1.25}
.lg-sub h3{display:flex;align-items:center;gap:10px;font-size:18px;color:var(--text);margin:0 0 10px}
.lg-n{flex:none;display:inline-flex;align-items:center;justify-content:center;width:34px;height:34px;border-radius:10px;background:linear-gradient(135deg,#f7984e,#ef6f1f);color:#fff;font-size:15px;font-weight:700}
.lg-n2{flex:none;font-size:13px;font-weight:700;color:var(--or);background:#fff1e4;border-radius:7px;padding:3px 8px}
.lg-main p{font-size:16px;line-height:1.8;color:#3d424d;margin:0 0 14px}
.lg-caps{position:relative;background:#fff8f2;border:1px solid #f6dcc3;border-left:4px solid var(--or);border-radius:12px;padding:16px 18px 6px;margin:0 0 16px}
.lg-caps p{font-size:13.5px!important;line-height:1.75!important;letter-spacing:.01em;color:#4a3b2e!important}
.lg-caps-tag{display:inline-block;font-size:11.5px;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:#fff;background:var(--or);border-radius:6px;padding:3px 8px;margin-bottom:8px}
.lg-link{margin-left:auto;flex:none;width:32px;height:32px;border-radius:9px;border:1px solid transparent;background:none;color:#b7a594;cursor:pointer;display:inline-flex;align-items:center;justify-content:center;opacity:0;transition:opacity .2s,background .2s,color .2s}
.lg-link svg{width:16px;height:16px;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}
.lg-sec h2:hover .lg-link,.lg-sub h3:hover .lg-link,.lg-link:focus-visible{opacity:1}
.lg-link:hover{background:#fff1e4;color:var(--or)}
.lg-link.ok{opacity:1;color:#1a8f4c;background:#e6f6ec}
.lg-main mark{background:#ffe1b8;color:inherit;border-radius:3px;padding:0 2px}
.lg-sec.lg-dim,.lg-sub.lg-dim{display:none}
.lg-end{margin-top:10px!important;padding:16px 18px;border-radius:12px;background:#f7f8fa;font-size:15px!important}
.lg-end a{color:var(--or)}
.lg-progress{position:fixed;left:0;right:0;top:0;height:3px;z-index:200;pointer-events:none}
.lg-progress i{display:block;height:100%;width:0;background:linear-gradient(90deg,#f7a55f,#ef6f1f)}
@media(max-width:1100px){.lg-gg{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:960px){
 .lg-wrap{grid-template-columns:minmax(0,1fr);gap:18px}
 .lg-side{position:sticky;top:64px;z-index:20;max-height:none;overflow:visible;background:#fff;padding:10px 0;margin:-10px 0 0;border-bottom:1px solid #f3ece5}
 .lg-toc-btn{display:flex;align-items:center;justify-content:space-between;width:100%;font:inherit;font-weight:600;font-size:15px;color:var(--text);background:#fff7ef;border:1px solid #f0e2d4;border-radius:12px;padding:11px 14px;cursor:pointer}
 .lg-toc-btn svg{width:18px;height:18px;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round;transition:transform .2s}
 .lg-toc-btn[aria-expanded=true] svg{transform:rotate(180deg)}
 .lg-toc{display:none;max-height:55vh;overflow:auto;margin-top:8px;border:1px solid #f0e2d4;border-radius:12px;padding:6px;background:#fff}
 .lg-toc.open{display:block}
 .lg-count{margin:6px 2px}
 .lg-link{opacity:1}
}
@media(max-width:560px){.lg-gg{grid-template-columns:minmax(0,1fr)}.lg-main p{font-size:15.5px}.lg-sec h2{font-size:20px}.lg-n{width:30px;height:30px;font-size:14px}}
@media print{.topbar,.header,header,footer,.lg-side,.lg-glance,.lg-progress,.supp,.pg-btns,.lg-link,.lg-end{display:none!important}.lg-wrap{display:block}.lg-caps{break-inside:avoid}}
@media(max-width:960px){.lg-side{top:85px}.lg-sec,.lg-sub{scroll-margin-top:200px}}
.lg-caps-tag{font-size:12px}
.lg-toc .lg-tg>a{display:flex;align-items:flex-start}.lg-toc .lg-tg>a b{flex:none;margin-top:-1px}

/* ===== Company page + company side menu ===== */
.co-hero{position:relative;overflow:hidden;padding-bottom:0!important}
.co-hero:after{content:"";position:absolute;right:-120px;top:-80px;width:460px;height:460px;border-radius:50%;background:radial-gradient(circle,rgba(244,136,58,.16),rgba(244,136,58,0) 70%);pointer-events:none}
.co-hero .wrap{position:relative;z-index:1}
.co-kicker{display:inline-block;font-size:13px;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:#c2600f;background:#fff1e4;border:1px solid #f6d3b2;border-radius:99px;padding:5px 12px;margin:4px 0 12px}
.co-hero h1{max-width:760px}
.co-hero h1 span{background:linear-gradient(90deg,#f7984e,#ef6f1f);-webkit-background-clip:text;background-clip:text;color:transparent}
.co-hero .pg-lead{max-width:720px}
.co-stats{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:0;margin:34px 0 0;background:#fff;border:1px solid #f0e2d4;border-bottom:0;border-radius:18px 18px 0 0;box-shadow:0 -6px 30px rgba(239,111,31,.06)}
.co-stat{padding:22px 20px;text-align:center;border-left:1px solid #f3ece5}
.co-stat:first-child{border-left:0}
.co-stat b{display:block;font-size:clamp(26px,3vw,36px);font-weight:800;line-height:1.1;color:var(--text);letter-spacing:-.02em}
.co-stat span{display:block;margin-top:4px;font-size:14px;color:var(--muted)}
.co{padding:44px 0 70px;background:#fff;border-top:1px solid #f0e2d4}
.co-wrap{max-width:1280px;display:grid;grid-template-columns:270px minmax(0,1fr);gap:44px;align-items:start}
.co-side{position:sticky;top:96px}
/* side menu (shared by company, terms, privacy) */
.co-nav{display:flex;flex-direction:column;gap:2px;padding:10px;border:1px solid #f0e2d4;border-radius:16px;background:linear-gradient(180deg,#fff 0,#fffaf5 100%)}
.co-nav-h{margin:4px 10px 6px;font-size:12px;font-weight:700;letter-spacing:.09em;text-transform:uppercase;color:#a08a75}
.co-nav>a{display:flex;align-items:center;gap:10px;padding:9px 10px;border-radius:10px;text-decoration:none;color:#3d424d;font-size:15px;font-weight:500;transition:background .15s,color .15s}
.co-nav>a i{flex:none;display:inline-flex;align-items:center;justify-content:center;width:32px;height:32px;border-radius:9px;background:#fff1e4;color:var(--or);transition:background .15s,color .15s}
.co-nav>a:hover{background:#fff4ea;color:var(--or)}
.co-nav>a.on{background:linear-gradient(135deg,#f7984e,#ef6f1f);color:#fff;box-shadow:0 8px 18px rgba(239,111,31,.22)}
.co-nav>a.on i{background:rgba(255,255,255,.22);color:#fff}
.co-subs{display:flex;flex-direction:column;margin:4px 0 6px 26px;padding-left:12px;border-left:2px solid #f3e4d6}
.co-subs a{font-size:14px;color:#5d6370;text-decoration:none;padding:6px 10px;border-radius:8px;transition:background .15s,color .15s}
.co-subs a:hover{color:var(--or);background:#fff6ee}
.co-subs a.on{color:var(--or);font-weight:600;background:#fff1e4}
.co-mob{display:none}
.lg-side .co-nav{margin-bottom:16px}
.co-help{margin-top:14px;padding:18px;border-radius:16px;background:#1d2029;color:#fff}
.co-help b{display:block;font-size:16px}
.co-help p{margin:4px 0 12px;font-size:14px;color:#c6cad3}
.co-help a{display:inline-flex;align-items:center;gap:8px;font-size:14px;font-weight:600;color:#fff;background:#25a244;padding:9px 14px;border-radius:9px;text-decoration:none;transition:filter .15s}
.co-help a:hover{filter:brightness(1.08)}
/* main column */
.co-sec{scroll-margin-top:100px;padding:0 0 48px;margin:0 0 44px;border-bottom:1px solid #f3ece5}
.co-sec:last-child{border-bottom:0;margin-bottom:0;padding-bottom:0}
.co-tag{display:inline-block;font-size:13px;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:var(--or);margin-bottom:6px}
.co-sec h2{font-size:clamp(24px,2.6vw,32px);line-height:1.2;color:var(--text);margin:0 0 18px;letter-spacing:-.01em}
.co-intro{margin:-6px 0 22px;color:var(--muted);font-size:16px}
.co-story{display:grid;grid-template-columns:minmax(0,1.4fr) minmax(0,1fr);gap:28px;align-items:start}
.co-story p{font-size:16.5px;line-height:1.8;color:#3d424d;margin:0 0 14px}
.co-quote{position:relative;margin:0;padding:26px 24px 22px;border-radius:18px;background:linear-gradient(160deg,#fff7ef,#fde9d6);border:1px solid #f6dcc3}
.co-qm{position:absolute;top:-8px;left:18px;font-size:72px;line-height:1;color:var(--or);font-family:Georgia,serif}
.co-quote blockquote{margin:14px 0 14px;font-size:18px;line-height:1.55;font-weight:600;color:#2b2420}
.co-quote figcaption{font-size:14px;color:#6b5a4b}
.co-stars{display:block;color:#f5a623;letter-spacing:2px;font-size:16px;margin-bottom:2px}
.co-ic{flex:none;display:inline-flex;align-items:center;justify-content:center;width:46px;height:46px;border-radius:13px;background:radial-gradient(circle at 50% 35%,#fff4e8,#fde2c8);color:var(--or);transition:transform .25s,background .25s,color .25s}
.co-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}
.co-card,.co-pol{display:flex;flex-direction:column;gap:8px;padding:22px;border:1px solid #efe6dd;border-radius:18px;background:#fff;text-decoration:none;transition:transform .25s,box-shadow .25s,border-color .25s}
.co-card b,.co-pol b{font-size:17px;color:var(--text);margin-top:6px}
.co-d,.co-pol p{font-size:14.5px;line-height:1.6;color:var(--muted);margin:0;flex:1}
.co-go{display:inline-flex;align-items:center;gap:6px;font-size:14px;font-weight:600;color:var(--or);margin-top:6px}
.co-go svg{transition:transform .2s}
.co-card:hover,.co-pol:hover,.co-card:focus-visible,.co-pol:focus-visible{transform:translateY(-4px);border-color:#f3c9a0;box-shadow:0 18px 36px rgba(239,111,31,.13)}
.co-card:hover .co-ic,.co-pol:hover .co-ic{background:linear-gradient(135deg,#f7984e,#ef6f1f);color:#fff;transform:rotate(-6deg)}
.co-card:hover .co-go svg,.co-pol:hover .co-go svg{transform:translateX(4px)}
.co-whys{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}
.co-why{display:flex;gap:14px;align-items:flex-start;padding:18px;border-radius:16px;background:#f9f9f7;border:1px solid transparent;transition:background .2s,border-color .2s}
.co-why:hover{background:#fff;border-color:#f3dcc6}
.co-why:hover .co-ic{transform:scale(1.08)}
.co-why b{display:block;font-size:16px;color:var(--text);margin:2px 0 4px}
.co-why p{margin:0;font-size:14.5px;line-height:1.6;color:var(--muted)}
.co-pols{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}
.co-pol{background:linear-gradient(180deg,#fff 0,#fffaf5 100%);border-color:#f0e2d4}
.co-cts{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px}
.co-ct{display:flex;flex-direction:column;align-items:flex-start;gap:12px;padding:20px;border:1px solid #efe6dd;border-radius:16px;text-decoration:none;background:#fff;transition:transform .25s,box-shadow .25s,border-color .25s}
.co-ct b{display:block;font-size:16px;color:var(--text)}
.co-ct small{display:block;font-size:14px;color:var(--muted);margin-top:2px}
.co-ct:hover{transform:translateY(-4px);border-color:#f3c9a0;box-shadow:0 18px 36px rgba(239,111,31,.13)}
.co-ct.co-wa .co-ic{background:#e7f7ec;color:#1f9a40}
.co-ct.co-wa:hover{border-color:#a8dfb8;box-shadow:0 18px 36px rgba(37,162,68,.14)}
@media(max-width:1180px){.co-cts{grid-template-columns:repeat(2,minmax(0,1fr))}.co-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:960px){
 .co-wrap{grid-template-columns:minmax(0,1fr);gap:0}
 .co-side{display:none}
 .lg-side .co-nav{display:none}
 .co-mob{display:flex;flex-direction:row;gap:8px;overflow-x:auto;padding:4px 4px 14px;margin:-4px -4px 14px;border:0;background:none;border-radius:0;scrollbar-width:none}
 .co-mob::-webkit-scrollbar{display:none}
 .co-mob .co-nav-h{display:none}
 .co-mob>a{flex:none;border:1px solid #f0e2d4;background:#fff;padding:7px 14px 7px 7px;font-size:14px;border-radius:99px}
 .co-mob>a i{width:30px;height:30px;border-radius:50%}
 .co-story{grid-template-columns:minmax(0,1fr)}
 .co-stats{grid-template-columns:repeat(2,minmax(0,1fr))}
 .co-stat:nth-child(3){border-left:0}
 .co-stat:nth-child(n+3){border-top:1px solid #f3ece5}
}
@media(max-width:600px){
 .co-grid,.co-whys,.co-pols{grid-template-columns:minmax(0,1fr)}
 .co-cts{grid-template-columns:minmax(0,1fr)}
 .co-ct{flex-direction:row;align-items:center}
 .co-stat{padding:16px 10px}
 .co-sec{padding-bottom:36px;margin-bottom:34px}
}
.co-hgrid{display:grid;grid-template-columns:minmax(0,1.25fr) minmax(0,1fr);gap:40px;align-items:center}
.co-hero h1 span{white-space:nowrap}
.co-vis{position:relative;height:370px}
.co-vc{position:absolute;background:#fff;border:1px solid #f0e2d4;border-radius:18px;box-shadow:0 22px 48px rgba(60,40,20,.10);padding:18px 20px;animation:coFloat 6s ease-in-out infinite}
.co-vc1{left:4%;top:8px;width:58%}
.co-vc2{right:0;top:92px;z-index:2;width:50%;animation-delay:-2s;background:linear-gradient(135deg,#f7984e,#ef6f1f);border-color:transparent;color:#fff}
.co-vc3{left:12%;bottom:6px;width:70%;animation-delay:-4s}
.co-vc small{display:block;font-size:13px;color:var(--muted)}
.co-vc2 small{color:rgba(255,255,255,.85)}
.co-vr{display:flex;align-items:baseline;gap:8px;margin:2px 0}
.co-vr b{font-size:34px;font-weight:800;color:var(--text);line-height:1}
.co-vr .co-stars{display:inline;font-size:15px}
.co-vc2 b{display:block;font-size:44px;font-weight:800;line-height:1}
.co-vc2 span{font-size:15px;font-weight:600}
.co-chips{display:flex;flex-wrap:wrap;gap:6px;margin-top:10px}
.co-chips span{display:inline-flex;align-items:center;gap:6px;font-size:13px;font-weight:600;color:#5b4a3a;background:#fff4ea;border:1px solid #f4dcc4;border-radius:99px;padding:5px 10px}
.co-chips span:before{content:"";width:6px;height:6px;border-radius:50%;background:#2fb35a}
@keyframes coFloat{0%,100%{transform:translateY(0)}50%{transform:translateY(-8px)}}
@media(prefers-reduced-motion:reduce){.co-vc{animation:none}}
@media(max-width:960px){.co-hgrid{grid-template-columns:minmax(0,1fr)}.co-vis{display:none}}
.co-aside{display:flex;flex-direction:column;gap:14px}
.co-since{padding:20px 22px;border-radius:18px;background:linear-gradient(135deg,#f7984e,#ef6f1f);color:#fff;box-shadow:0 16px 34px rgba(239,111,31,.22)}
.co-since small{display:block;font-size:13px;opacity:.9}
.co-since b{display:block;font-size:46px;font-weight:800;line-height:1.05;letter-spacing:-.02em}
.co-since span{font-size:14px;font-weight:600}
.co-str{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}
.co-st{position:relative;display:flex;flex-direction:column;gap:10px;padding:24px 22px;border:1px solid #efe6dd;border-radius:18px;background:#fff;overflow:hidden;transition:transform .25s,box-shadow .25s,border-color .25s}
.co-st:before{content:"";position:absolute;left:0;top:0;right:0;height:4px;background:linear-gradient(90deg,#f7a55f,#ef6f1f);transform:scaleX(0);transform-origin:left;transition:transform .35s}
.co-st:hover{transform:translateY(-4px);border-color:#f3c9a0;box-shadow:0 18px 36px rgba(239,111,31,.13)}
.co-st:hover:before{transform:scaleX(1)}
.co-st:hover .co-ic{background:linear-gradient(135deg,#f7984e,#ef6f1f);color:#fff;transform:rotate(-6deg)}
.co-st-n{position:absolute;right:18px;top:12px;font-size:40px;font-weight:800;color:#f8ebde;line-height:1}
.co-st h3{margin:6px 0 0;font-size:19px;color:var(--text)}
.co-st p{margin:0;font-size:14.5px;line-height:1.7;color:#4b505c}
.co-gts{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}
.co-gt{display:flex;gap:20px;align-items:flex-start;padding:24px;border-radius:18px;background:linear-gradient(160deg,#fffaf5,#fff);border:1px solid #f0e2d4;transition:box-shadow .25s,border-color .25s}
.co-gt:hover{border-color:#f3c9a0;box-shadow:0 18px 36px rgba(239,111,31,.12)}
.co-gt-big{flex:none;width:108px;height:108px;border-radius:50%;display:flex;align-items:baseline;justify-content:center;padding-top:34px;background:#fff;border:3px solid var(--or);color:var(--or);box-shadow:0 0 0 6px #fff1e4}
.co-gt-big b{font-size:27px;letter-spacing:-.02em;font-weight:800;line-height:1}
.co-gt-big span{font-size:13px;font-weight:700;margin-left:2px}
.co-gt h3{margin:4px 0 8px;font-size:19px;color:var(--text)}
.co-gt p{margin:0 0 6px;font-size:14.5px;line-height:1.7;color:#4b505c}
.co-sup{display:grid;grid-template-columns:minmax(0,1.3fr) minmax(0,1fr);gap:28px;align-items:center;padding:34px;border-radius:22px;background:#1d2029;color:#fff;position:relative;overflow:hidden}
.co-sup:after{content:"";position:absolute;right:-90px;bottom:-110px;width:320px;height:320px;border-radius:50%;background:radial-gradient(circle,rgba(244,136,58,.35),rgba(244,136,58,0) 70%);pointer-events:none}
.co-sup h2{color:#fff}
.co-sup p{margin:0 0 20px;font-size:16px;line-height:1.75;color:#c9cdd6}
.co-sup-btns{display:flex;flex-wrap:wrap;gap:10px}
.co-sup-btns .pg-btn{width:auto}
.co-sup-btns .pg-btn2{background:transparent;color:#fff;border:1px solid rgba(255,255,255,.3);box-shadow:none}
.co-sup-stats{position:relative;z-index:1;display:flex;flex-direction:column;gap:10px}
.co-sup-stats div{padding:14px 16px;border-radius:14px;background:rgba(255,255,255,.06);border:1px solid rgba(255,255,255,.1);transition:background .2s}
.co-sup-stats div:hover{background:rgba(255,255,255,.1)}
.co-sup-stats b{display:block;font-size:22px;font-weight:800;color:#f7a55f}
.co-sup-stats span{font-size:14px;color:#c9cdd6}
#support{border-bottom:0}
@media(max-width:1180px){.co-str{grid-template-columns:minmax(0,1fr)}.co-gts{grid-template-columns:minmax(0,1fr)}}
@media(max-width:960px){.co-sup{grid-template-columns:minmax(0,1fr)}}
@media(max-width:600px){.co-gt{flex-direction:column;gap:14px}.co-gt-big{width:92px;height:92px;padding-top:30px}.co-gt-big b{font-size:22px}.co-sup{padding:24px 20px}.co-sup-btns .pg-btn{width:100%}}
@media print{.co-nav{display:none}}
a.co-go{padding:8px 0;min-height:36px}
/* Company page v2: equal cards */
.co-grid,.co-str,.co-gts,.co-pols,.co-cts{grid-auto-rows:1fr}
.co-st{padding:26px 24px 24px;gap:0}
.co-st-top{display:flex;align-items:center;justify-content:space-between;margin-bottom:18px}
.co-st-n{position:static;font-size:15px;font-weight:800;color:#e9b98d;letter-spacing:.06em;background:#fff6ee;border:1px solid #f6e1cc;border-radius:99px;padding:4px 10px}
.co-st h3{margin:0 0 8px;font-size:20px}
.co-st p{font-size:15px;line-height:1.65;color:var(--muted);min-height:3.3em;margin:0 0 16px}
.co-ticks{list-style:none;margin:auto 0 0;padding:16px 0 0;border-top:1px dashed #f0e2d4;display:flex;flex-direction:column;gap:10px}
.co-ticks li{display:flex;align-items:center;gap:10px;font-size:14.5px;font-weight:500;color:#2f333c}
.co-ticks i{flex:none;display:inline-flex;align-items:center;justify-content:center;width:22px;height:22px;border-radius:50%;background:#e8f7ee;color:#1f9a40}
.co-gt{flex-direction:column;align-items:stretch;gap:0;padding:26px}
.co-gt-head{display:flex;align-items:center;gap:18px;margin-bottom:14px}
.co-gt-head h3{margin:0;font-size:20px;line-height:1.3}
.co-gt-big{width:88px;height:88px;padding-top:28px;box-shadow:0 0 0 5px #fff1e4}
.co-gt-big b{font-size:23px}
.co-gt p{font-size:15px;line-height:1.65;color:var(--muted);margin:0 0 16px;min-height:3.3em}
.co-gt .co-ticks{margin:0 0 6px}
.co-gt .co-go{margin-top:auto}
.co-card .co-d{min-height:3.2em}
.co-sec h2{margin-bottom:22px}
.co-sec .co-tag{display:inline-flex;align-items:center;gap:8px}
.co-sec .co-tag:before{content:"";width:18px;height:2px;background:var(--or);border-radius:2px}
@media(max-width:1180px){.co-str{grid-template-columns:repeat(3,minmax(0,1fr))}.co-gts{grid-template-columns:repeat(2,minmax(0,1fr))}.co-st{padding:22px 18px}}
@media(max-width:860px){.co-str,.co-gts{grid-template-columns:minmax(0,1fr);grid-auto-rows:auto}.co-st p,.co-gt p,.co-card .co-d{min-height:0}}
@media(max-width:600px){.co-grid,.co-pols,.co-cts{grid-auto-rows:auto}.co-gt{flex-direction:column}.co-gt-big{width:80px;height:80px;padding-top:25px}.co-gt-big b{font-size:21px}}
.co-st p{min-height:4.95em}
.co-ticks{margin-top:0}
.co-ticks li{white-space:nowrap}
@media(max-width:1180px){.co-ticks li{white-space:normal}}
@media(max-width:860px){.co-st p{min-height:0}}
.supp#contact{scroll-margin-top:90px}
.co-rrow{max-width:none;justify-content:flex-start;margin:6px 0 0}
.co-rrow .hr-bar{margin-top:18px}
.co-hero .co-stats{margin-top:30px}
@media(max-width:960px){.co-rrow{justify-content:center}}
.co-hero{padding-bottom:48px!important}
/* Company hero background illustration */
.co-hero:before{content:"";position:absolute;top:0;bottom:0;right:0;width:60%;background:url(../images/company-hero.svg) no-repeat center right/contain;pointer-events:none;z-index:0;animation:coBg 14s ease-in-out infinite alternate}
@keyframes coBg{from{transform:translateY(0)}to{transform:translateY(-10px)}}
@media(prefers-reduced-motion:reduce){.co-hero:before{animation:none}}
@media(max-width:960px){.co-hero:before{top:-30px;bottom:auto;height:360px;width:130%;right:-55%;opacity:.55;background-position:top right}}

/* ===== Pro Hosting page ===== */
.pg-pro .plansec .pgrid{grid-template-columns:repeat(2,minmax(0,400px));justify-content:center;gap:28px}
.pg-pro .plansec{padding-top:8px}
.pg-pro .pfrom{margin:6px 0 -2px;font-size:13px;font-weight:600;letter-spacing:.04em;text-transform:uppercase;color:var(--muted)}
.pg-pro .pw.rec .pk{box-shadow:0 22px 50px rgba(239,111,31,.18)}
.pg-pro .cmp-t2{min-width:560px}
.pg-pro .cmp-t2 th[scope=col]{width:32%}
.pv{padding:64px 0 70px;background:linear-gradient(180deg,#fff 0,#fff8f1 100%)}
.pv-head{text-align:center;max-width:720px;margin:0 auto 34px}
.pv-head h2{font-size:clamp(26px,3vw,38px);line-height:1.2;margin:8px 0 10px;color:var(--text)}
.pv-head h2 span{color:var(--or)}
.pv-lead{margin:0;color:var(--muted);font-size:16.5px}
.pv-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));grid-auto-rows:1fr;gap:18px}
.pv-t{position:relative;display:flex;flex-direction:column;gap:8px;padding:26px 24px;border-radius:18px;background:#fff;border:1px solid #f0e2d4;overflow:hidden;transition:transform .25s,box-shadow .25s,border-color .25s;outline:none}
.pv-t:after{content:"";position:absolute;right:-40px;top:-40px;width:120px;height:120px;border-radius:50%;background:radial-gradient(circle,rgba(244,136,58,.14),rgba(244,136,58,0) 70%);transition:transform .35s}
.pv-t:hover,.pv-t:focus-visible{transform:translateY(-4px);border-color:#f3c9a0;box-shadow:0 18px 36px rgba(239,111,31,.14)}
.pv-t:hover:after,.pv-t:focus-visible:after{transform:scale(1.6)}
.pv-ic{flex:none;display:inline-flex;align-items:center;justify-content:center;width:50px;height:50px;border-radius:14px;background:radial-gradient(circle at 50% 35%,#fff4e8,#fde2c8);color:var(--or);transition:background .25s,color .25s,transform .25s}
.pv-t:hover .pv-ic,.pv-t:focus-visible .pv-ic{background:linear-gradient(135deg,#f7984e,#ef6f1f);color:#fff;transform:rotate(-6deg)}
.pv-t b{font-size:18px;color:var(--text);margin-top:8px}
.pv-t p{margin:0;font-size:15px;line-height:1.65;color:var(--muted)}
.pv-note{display:flex;align-items:center;gap:16px;margin-top:22px;padding:18px 22px;border-radius:16px;background:#1d2029;color:#fff}
.pv-note .pv-ic{width:44px;height:44px;background:rgba(255,255,255,.08);color:#f7a55f}
.pv-note div{flex:1}
.pv-note b{display:block;font-size:16px}
.pv-note span{font-size:14.5px;color:#c9cdd6}
.pv-note a{display:inline-flex;align-items:center;gap:8px;flex:none;font-weight:600;font-size:15px;color:#fff;background:var(--or);padding:11px 18px;border-radius:10px;text-decoration:none;transition:filter .15s}
.pv-note a:hover{filter:brightness(1.07)}
@media(max-width:960px){.pv-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:760px){.pg-pro .plansec .pgrid{grid-template-columns:minmax(0,1fr)}}
@media(max-width:600px){.pv{padding:46px 0 52px}.pv-grid{grid-template-columns:minmax(0,1fr);grid-auto-rows:auto}.pv-note{flex-direction:column;align-items:flex-start}.pv-note a{width:100%;justify-content:center}}
.pg-pro .pd{min-height:48px;margin-bottom:8px}
/* 404 page */
.nf-hero{text-align:center}
.nf-hero .pg-lead{margin-left:auto;margin-right:auto;max-width:640px}
.nf-hero .pg-btns{justify-content:center}
.nf-pill:before{background:#e5484d;box-shadow:0 0 0 3px rgba(229,72,77,.18)}
.nf-h{text-align:center;font-size:22px;margin:0 0 18px;color:var(--text)}
.nf-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;max-width:960px;margin:0 auto 20px}
.nf-l{display:flex;flex-direction:column;gap:4px;padding:18px 20px;border:1px solid #efe6dd;border-radius:14px;background:#fff;text-decoration:none;transition:transform .2s,box-shadow .2s,border-color .2s}
.nf-l b{color:var(--text);font-size:16px}
.nf-l span{color:var(--muted);font-size:14px}
.nf-l:hover{transform:translateY(-3px);border-color:#f3c9a0;box-shadow:0 14px 28px rgba(239,111,31,.12)}
@media(max-width:760px){.nf-grid{grid-template-columns:minmax(0,1fr)}}

/* ===== Jobs / careers page (jb-) ===== */
.jb-hero{position:relative;overflow:hidden}
.jb-hero h1 span{background:linear-gradient(90deg,#f7984e,#ef6f1f);-webkit-background-clip:text;background-clip:text;color:transparent}
.jb-hero:before{content:"";position:absolute;top:0;bottom:0;right:0;width:55%;background:url(../images/company-hero.svg) no-repeat center right/contain;opacity:.8;pointer-events:none}
.jb-hero .wrap{position:relative;z-index:1}
.jb-sec{padding:60px 0;background:#fff}
.jb-perks-sec{background:linear-gradient(180deg,#fff 0,#fff8f1 100%)}
.jb-head{text-align:center;max-width:720px;margin:0 auto 30px}
.jb-head h2{font-size:clamp(26px,3vw,36px);line-height:1.2;margin:8px 0 8px;color:var(--text)}
.jb-head h2 span{color:var(--or)}
.jb-head p{margin:0;color:var(--muted);font-size:16px}
.jb-perks{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));grid-auto-rows:1fr;gap:16px}
.jb-perk{display:flex;flex-direction:column;gap:8px;padding:24px 22px;border-radius:18px;background:#fff;border:1px solid #f0e2d4;transition:transform .25s,box-shadow .25s,border-color .25s;outline:none}
.jb-perk:hover,.jb-perk:focus-visible{transform:translateY(-4px);border-color:#f3c9a0;box-shadow:0 18px 36px rgba(239,111,31,.13)}
.jb-perk b{font-size:17px;color:var(--text);margin-top:6px}
.jb-perk p{margin:0;font-size:14.5px;line-height:1.6;color:var(--muted)}
.jb-ic{flex:none;display:inline-flex;align-items:center;justify-content:center;width:48px;height:48px;border-radius:14px;background:radial-gradient(circle at 50% 35%,#fff4e8,#fde2c8);color:var(--or);transition:background .25s,color .25s,transform .25s}
.jb-perk:hover .jb-ic{background:linear-gradient(135deg,#f7984e,#ef6f1f);color:#fff;transform:rotate(-6deg)}
.jb-filter{display:flex;flex-wrap:wrap;justify-content:center;gap:8px;margin:0 0 22px}
.jb-filter button{display:inline-flex;align-items:center;gap:8px;font:inherit;font-weight:600;font-size:15px;color:#3d424d;background:#fff;border:1px solid #ecdccc;border-radius:99px;padding:9px 16px;cursor:pointer;transition:background .15s,color .15s,border-color .15s;min-height:44px}
.jb-filter button span{font-size:12px;font-weight:700;background:#fff1e4;color:var(--or);border-radius:99px;padding:2px 8px}
.jb-filter button:hover{border-color:var(--or);color:var(--or)}
.jb-filter button.on{background:linear-gradient(135deg,#f7984e,#ef6f1f);border-color:transparent;color:#fff}
.jb-filter button.on span{background:rgba(255,255,255,.25);color:#fff}
.jb-list-wrap{display:flex;flex-direction:column;gap:14px;max-width:980px;margin:0 auto}
.jb-card{border:1px solid #efe6dd;border-radius:18px;background:#fff;transition:box-shadow .25s,border-color .25s;scroll-margin-top:100px}
.jb-card[hidden]{display:none}
.jb-card:hover{border-color:#f3c9a0;box-shadow:0 14px 30px rgba(239,111,31,.10)}
.jb-card summary{display:flex;align-items:center;gap:16px;padding:20px 22px;cursor:pointer;list-style:none}
.jb-card summary::-webkit-details-marker{display:none}
.jb-t{flex:1;min-width:0}
.jb-t b{display:block;font-size:18px;color:var(--text);margin-bottom:6px}
.jb-meta{display:flex;flex-wrap:wrap;gap:8px 14px;font-size:14px;color:var(--muted)}
.jb-meta span{display:inline-flex;align-items:center;gap:5px}
.jb-meta svg{color:var(--or)}
.jb-more{flex:none;display:inline-flex;align-items:center;gap:6px;font-weight:600;font-size:14.5px;color:var(--or)}
.jb-more svg{transition:transform .2s}
.jb-card details[open] .jb-more svg{transform:rotate(180deg)}
.jb-card details[open] summary{border-bottom:1px dashed #f0e2d4}
.jb-body{padding:20px 22px 22px}
.jb-sum{margin:0 0 18px;font-size:16px;line-height:1.7;color:#3d424d}
.jb-cols{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:24px}
.jb-cols h4{margin:0 0 10px;font-size:15px;color:var(--text);text-transform:uppercase;letter-spacing:.05em}
.jb-cols h4+ul{margin-bottom:18px}
.jb-list{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:9px}
.jb-list li{display:flex;gap:10px;font-size:15px;line-height:1.55;color:#3d424d}
.jb-list i{flex:none;display:inline-flex;align-items:center;justify-content:center;width:22px;height:22px;margin-top:1px;border-radius:50%;background:#e8f7ee;color:#1f9a40}
.jb-nice i{background:#fff1e4;color:var(--or)}
.jb-apply{display:flex;flex-wrap:wrap;align-items:center;gap:12px 18px;margin-top:22px;padding-top:18px;border-top:1px solid #f3ece5}
.jb-apply .pg-btn{width:auto;gap:8px}
.jb-apply span{font-size:14.5px;color:var(--muted)}
.jb-apply span a{color:var(--or);font-weight:600}
.jb-how{background:linear-gradient(180deg,#fff8f1 0,#fff 100%)}
.jb-steps{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;max-width:980px;margin:0 auto}
.jb-step{position:relative;padding:24px 22px;border-radius:18px;background:#fff;border:1px solid #f0e2d4}
.jb-n{display:inline-flex;align-items:center;justify-content:center;width:38px;height:38px;border-radius:12px;background:linear-gradient(135deg,#f7984e,#ef6f1f);color:#fff;font-weight:800;margin-bottom:12px}
.jb-step b{display:block;font-size:17px;color:var(--text);margin-bottom:6px}
.jb-step p{margin:0;font-size:14.5px;line-height:1.6;color:var(--muted);overflow-wrap:anywhere}
.jb-cta{display:flex;align-items:center;gap:18px;max-width:980px;margin:22px auto 0;padding:20px 24px;border-radius:18px;background:#1d2029;color:#fff}
.jb-cta div{flex:1}
.jb-cta b{display:block;font-size:17px}
.jb-cta span{font-size:14.5px;color:#c9cdd6}
.jb-cta a{flex:none;display:inline-flex;align-items:center;gap:8px;font-weight:600;color:#fff;background:var(--or);padding:12px 18px;border-radius:10px;text-decoration:none}
@media(max-width:1000px){.jb-perks{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:760px){.jb-hero:before{opacity:.3;width:100%}.jb-cols,.jb-steps{grid-template-columns:minmax(0,1fr)}.jb-card summary{flex-wrap:wrap;padding:18px}.jb-more{width:100%;padding-left:64px}.jb-body{padding:18px}.jb-cta{flex-direction:column;align-items:flex-start}.jb-cta a{width:100%;justify-content:center}}
@media(max-width:560px){.jb-perks{grid-template-columns:minmax(0,1fr);grid-auto-rows:auto}.jb-sec{padding:44px 0}.jb-apply .pg-btn{width:100%;justify-content:center}}
/* Company page: careers block */
.co-jobs{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.1fr);gap:28px;align-items:center;padding:30px;border-radius:22px;background:linear-gradient(135deg,#fff8f1,#fde9d6);border:1px solid #f6dcc3}
.co-jobs-t p{margin:0 0 18px;font-size:16px;line-height:1.7;color:#4b505c}
.co-jobs-t .pg-btn{width:auto;gap:8px}
.co-jobs-l{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:8px}
.co-jobs-l a{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:13px 16px;border-radius:12px;background:#fff;border:1px solid #f0e2d4;text-decoration:none;transition:transform .2s,border-color .2s,box-shadow .2s}
.co-jobs-l a:hover{transform:translateX(4px);border-color:#f3c9a0;box-shadow:0 10px 22px rgba(239,111,31,.12)}
.co-jobs-l b{font-size:15px;color:var(--text)}
.co-jobs-l span{flex:none;font-size:12.5px;font-weight:700;color:var(--or);background:#fff1e4;border-radius:99px;padding:3px 10px}
@media(max-width:960px){.co-jobs{grid-template-columns:minmax(0,1fr);padding:22px}}
@media(max-width:600px){.co-jobs-t .pg-btn{width:100%;justify-content:center}}
/* Footer: 5 columns (brand + Hosting, Servers & Domains, Support, Company) */
.ft-top{grid-template-columns:1.4fr 1fr 1fr 1fr 1fr;gap:32px}
@media(max-width:1100px){.ft-top{grid-template-columns:repeat(4,minmax(0,1fr))}.ft-brand{grid-column:1/-1}}
@media(max-width:760px){.ft-top{grid-template-columns:repeat(2,minmax(0,1fr));gap:28px 20px}}
@media(max-width:380px){.ft-top{grid-template-columns:minmax(0,1fr)}}
/* Footer: 6 columns (brand + Hosting, Servers, Domains & SSL, Support, Company) */
.ft-top{grid-template-columns:1.35fr repeat(5,minmax(0,1fr));gap:28px}
@media(max-width:1180px){.ft-top{grid-template-columns:repeat(5,minmax(0,1fr))}.ft-brand{grid-column:1/-1}}
@media(max-width:900px){.ft-top{grid-template-columns:repeat(3,minmax(0,1fr));gap:28px 20px}}
@media(max-width:600px){.ft-top{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:360px){.ft-top{grid-template-columns:minmax(0,1fr)}}
/* Footer: trust badges at the right of the payments row */
.ft-trust{display:flex;gap:12px;margin-left:auto;flex-wrap:wrap}
.ft-tb{display:inline-flex;align-items:center;gap:10px;padding:8px 14px 8px 10px;border-radius:12px;background:#fff;border:1px solid #e6e8ee}
.ft-tb>svg{flex:none;width:34px;height:34px;padding:8px;border-radius:10px;background:#e8f7ee;color:#1f9a40}
.ft-tb b{display:block;font-size:13.5px;color:var(--text);line-height:1.3}
.ft-tb small{display:block;font-size:12px;color:var(--muted)}
@media(max-width:1180px){.ft-trust{margin-left:0;width:100%}}
@media(max-width:560px){.ft-tb{flex:1 1 100%}}
.ft-tb{gap:8px;padding:6px 12px 6px 6px;border-radius:10px}
.ft-tb>svg{width:28px;height:28px;padding:6px;border-radius:8px}
.ft-tb b{font-size:13.5px;white-space:nowrap}
.ft-trust{gap:10px}
@media(max-width:560px){.ft-tb{flex:1 1 0;justify-content:center}}
/* Footer trust badges v2 (more attractive) */
.ft-trust{gap:12px}
.ft-tb{position:relative;overflow:hidden;display:inline-flex;align-items:center;gap:12px;padding:9px 18px 9px 9px;border-radius:14px;border:0;color:#fff;box-shadow:0 10px 24px rgba(16,18,24,.12);transition:transform .2s,box-shadow .2s;cursor:default}
.ft-tb:hover{transform:translateY(-3px);box-shadow:0 16px 30px rgba(16,18,24,.18)}
.ft-tb:after{content:"";position:absolute;top:0;left:-60%;width:40%;height:100%;background:linear-gradient(100deg,rgba(255,255,255,0) 0,rgba(255,255,255,.35) 50%,rgba(255,255,255,0) 100%);transform:skewX(-20deg);animation:ftShine 5s ease-in-out infinite}
.ft-tb-mb:after{animation-delay:2.5s}
@keyframes ftShine{0%,70%{left:-60%}100%{left:130%}}
@media(prefers-reduced-motion:reduce){.ft-tb:after{animation:none;display:none}}
.ft-tb-ssl{background:linear-gradient(135deg,#17a05d 0,#0d7a45 100%)}
.ft-tb-mb{background:linear-gradient(135deg,#f7984e 0,#e8641a 100%)}
.ft-tb>svg{display:none}
.ft-tb i{flex:none;display:inline-flex;align-items:center;justify-content:center;width:38px;height:38px;border-radius:11px;background:rgba(255,255,255,.2);box-shadow:inset 0 0 0 1px rgba(255,255,255,.3)}
.ft-tb b{display:block;font-size:14.5px;font-weight:700;color:#fff;line-height:1.2;white-space:nowrap;letter-spacing:.01em}
.ft-tb small{display:block;font-size:12px;color:rgba(255,255,255,.88);white-space:nowrap;margin-top:1px}
@media(max-width:560px){.ft-tb{flex:1 1 100%;justify-content:flex-start}}
/* Footer trust links v3: Privacy / Terms / Refund */
.ft-tb{padding:7px 16px 7px 7px;gap:10px;text-decoration:none;cursor:pointer}
.ft-tb i{width:32px;height:32px;border-radius:9px}
.ft-tb b{font-size:14px}
.ft-tb-tos{background:linear-gradient(135deg,#2f3646 0,#1b1f29 100%)}
.ft-tb-tos:after{animation-delay:1.25s}
.ft-tb-mb:after{animation-delay:2.5s}
.ft-tb:focus-visible{outline:2px solid var(--or);outline-offset:3px}
@media(max-width:560px){.ft-tb{flex:1 1 100%}}
/* Footer bottom bar v2 */
.ft-bot{display:flex;align-items:center;justify-content:space-between;gap:14px 20px;flex-wrap:wrap;margin-top:22px;padding:14px 14px 14px 22px;border-radius:18px;background:linear-gradient(135deg,#1d2029 0,#2a2f3b 100%);color:#c9cdd6;font-size:14px;box-shadow:0 14px 34px rgba(16,18,24,.16);position:relative;overflow:hidden}
.ft-bot:before{content:"";position:absolute;right:-60px;top:-80px;width:220px;height:220px;border-radius:50%;background:radial-gradient(circle,rgba(244,136,58,.28),rgba(244,136,58,0) 70%);pointer-events:none}
.ft-copy{display:flex;align-items:center;gap:10px;position:relative}
.ft-copy b{color:#fff;font-weight:600}
.ft-dot{width:8px;height:8px;border-radius:50%;background:#2fb35a;box-shadow:0 0 0 4px rgba(47,179,90,.18);flex:none}
.ft-quick{display:flex;flex-wrap:wrap;gap:8px;margin-left:auto;position:relative}
.ft-q{display:inline-flex;align-items:center;gap:8px;padding:9px 14px;border-radius:99px;background:rgba(255,255,255,.07);border:1px solid rgba(255,255,255,.12);color:#fff;font-weight:600;font-size:13.5px;text-decoration:none;transition:background .2s,transform .2s,border-color .2s;min-height:40px}
.ft-q svg{color:#f7a55f}
.ft-q:hover{background:rgba(244,136,58,.18);border-color:rgba(244,136,58,.5);transform:translateY(-2px)}
.ft-q-wa svg{color:#4ade80}
.ft-q-wa:hover{background:rgba(37,162,68,.2);border-color:rgba(74,222,128,.5)}
.ft-bot .to-top{position:relative;flex:none;width:44px;height:44px;border:0;background:linear-gradient(135deg,#f7984e,#ef6f1f);box-shadow:0 8px 18px rgba(239,111,31,.35)}
.ft-bot .to-top svg{stroke:#fff}
.ft-bot .to-top:hover{transform:translateY(-3px);background:linear-gradient(135deg,#f7984e,#ef6f1f)}
@media(max-width:900px){.ft-bot{padding:16px}.ft-quick{margin-left:0;order:3;flex-basis:100%}.ft-bot .to-top{margin-left:auto}}
@media(max-width:560px){.ft-copy{flex:1 1 0;font-size:13px}.ft-q{flex:1 1 auto;justify-content:center}}

/* ===== Footer v3: premium dark footer ===== */
.sf{position:relative;overflow:hidden;background:#0f1218;background-image:radial-gradient(900px 380px at 0% 0%,rgba(244,136,58,.14),transparent 60%),radial-gradient(700px 320px at 100% 100%,rgba(244,136,58,.08),transparent 60%);color:#9aa1b0;border-top:0;padding:72px 0 28px;font-size:15px;letter-spacing:.005em}
.sf:before{content:"";position:absolute;left:0;right:0;top:0;height:3px;background:linear-gradient(90deg,#f7a55f,#ef6f1f 50%,#f7a55f)}
.sf .ft-brand img{height:auto;max-width:190px}
.sf .ft-brand p{color:#9aa1b0;font-size:14.5px;line-height:1.75;margin-top:16px;max-width:300px}
.sf .ft-col h4{color:#fff;font-size:13px;font-weight:700;letter-spacing:.12em;text-transform:uppercase;padding-bottom:12px;margin-bottom:16px}
.sf .ft-col h4:after{width:22px;height:2px;background:linear-gradient(90deg,#f7a55f,#ef6f1f)}
.sf .ft-col ul{display:flex;flex-direction:column;gap:2px}
.sf .ft-col li{margin:0}
.sf .ft-col a{color:#aeb4c1;font-size:14.5px;font-weight:400;line-height:1.5;padding:5px 0;transition:color .15s,transform .2s}
.sf .ft-col a:hover{color:#fff;transform:translateX(4px)}
.sf .ft-col a:before{content:"";display:inline-block;width:0;height:2px;margin-right:0;vertical-align:middle;background:var(--or);border-radius:2px;transition:width .2s,margin-right .2s}
.sf .ft-col a:hover:before{width:10px;margin-right:6px}
.sf .ft-pay{margin-top:48px;padding:24px 0;border-top:1px solid rgba(255,255,255,.08);border-bottom:1px solid rgba(255,255,255,.08)}
.sf .ft-lab{color:#fff;font-weight:600;font-size:14px;letter-spacing:.02em}
.sf .ft-lab svg{color:#4ade80;stroke:#4ade80}
.sf .pay img{box-shadow:0 4px 12px rgba(0,0,0,.25)}
.sf .ft-tb{box-shadow:0 10px 24px rgba(0,0,0,.35)}
.sf .ft-tb-tos{background:linear-gradient(135deg,#3a4152 0,#262b37 100%);box-shadow:0 10px 24px rgba(0,0,0,.35),inset 0 0 0 1px rgba(255,255,255,.08)}
/* bottom bar: clean, no panel */
.sf .ft-bot{margin-top:0;padding:22px 0 0;border-radius:0;background:none;box-shadow:none;color:#8b92a1;font-size:13.5px;overflow:visible}
.sf .ft-bot:before{display:none}
.sf .ft-copy b{color:#e6e8ee;font-weight:500}
.sf .ft-dot{background:#4ade80;box-shadow:0 0 0 4px rgba(74,222,128,.15);animation:ftPulse 2.4s ease-in-out infinite}
@keyframes ftPulse{0%,100%{box-shadow:0 0 0 3px rgba(74,222,128,.18)}50%{box-shadow:0 0 0 7px rgba(74,222,128,0)}}
@media(prefers-reduced-motion:reduce){.sf .ft-dot{animation:none}}
.sf .ft-quick{gap:6px}
.sf .ft-q{background:transparent;border:0;padding:8px 12px;color:#c9cdd6;font-weight:500;font-size:13.5px;border-radius:10px;min-height:40px}
.sf .ft-q:hover{background:rgba(255,255,255,.06);color:#fff;transform:none}
.sf .ft-q+.ft-q{position:relative}
.sf .ft-q+.ft-q:before{content:"";position:absolute;left:-3px;top:50%;width:1px;height:16px;margin-top:-8px;background:rgba(255,255,255,.12)}
.sf .ft-bot .to-top{width:42px;height:42px;margin-left:8px}
@media(max-width:900px){.sf{padding-top:56px}.sf .ft-bot{padding-top:18px}.sf .ft-quick{order:3;flex-basis:100%;margin-left:-12px}}
@media(max-width:560px){.sf .ft-q{flex:0 0 auto}.sf .ft-q+.ft-q:before{display:none}.sf .ft-brand p{max-width:none}}
.sf .ft-col a{padding:4px 0}
/* Footer bottom: plain legal links */
.sf .ft-quick{gap:0 4px;align-items:center}
.sf .ft-q{padding:6px 12px;min-height:36px;background:none!important;border-radius:0;color:#aeb4c1;font-weight:500;font-size:13.5px;text-decoration:none}
.sf .ft-q:hover{color:#fff;text-decoration:underline;text-decoration-color:var(--or);text-underline-offset:5px;text-decoration-thickness:2px}
@media(max-width:900px){.sf .ft-quick{margin-left:-12px}}
@media(max-width:560px){.sf .ft-q{padding:6px 10px}}

/* ===== Home hero v2 ===== */
.hero2{background-image:radial-gradient(55% 80% at 85% 40%,rgba(244,136,58,.16),transparent 62%),radial-gradient(40% 60% at 0% 100%,rgba(90,140,220,.09),transparent 70%),linear-gradient(180deg,#fffaf5 0,#fff 100%)}
.hero2:before{content:"";position:absolute;inset:0;background-image:radial-gradient(rgba(22,24,29,.07) 1px,transparent 1px);background-size:22px 22px;-webkit-mask-image:radial-gradient(60% 70% at 30% 40%,#000 0,transparent 75%);mask-image:radial-gradient(60% 70% at 30% 40%,#000 0,transparent 75%);pointer-events:none}
.hx-kick{display:inline-flex;align-items:center;gap:10px;margin:0 0 18px;padding:5px 14px 5px 5px;border-radius:99px;background:#fff;border:1px solid #f3dcc6;box-shadow:0 6px 18px rgba(239,111,31,.10);color:#3b3f47;font-size:14px;text-decoration:none;transition:transform .2s,box-shadow .2s,border-color .2s}
.hx-kick b{color:var(--text)}
.hx-kick svg{color:var(--or);transition:transform .2s}
.hx-kick:hover{transform:translateY(-2px);border-color:#f3c9a0;box-shadow:0 10px 24px rgba(239,111,31,.16)}
.hx-kick:hover svg{transform:translateX(3px)}
.hx-kick-tag{font-size:12px;font-weight:700;letter-spacing:.06em;text-transform:uppercase;color:#fff;background:linear-gradient(135deg,#f7984e,#ef6f1f);border-radius:99px;padding:4px 10px}
.hero2 h1{font-size:clamp(34px,4.4vw,58px);font-weight:800;letter-spacing:-.035em;line-height:1.05;max-width:600px}
.hero2 .hx-hl{background:linear-gradient(90deg,#f7984e 0,#ef6f1f 60%,#e8641a 100%);-webkit-background-clip:text;background-clip:text;color:transparent;display:inline-block;transition:opacity .35s,transform .35s}
.hero2 .hx-hl.out{opacity:0;transform:translateY(12px)}
.hero2 .hx-lead{font-size:18px;line-height:1.65;color:#4b505c;max-width:540px}
.hero2 .hx-ticks{gap:10px;margin-bottom:28px}
.hero2 .hx-ticks span{padding:7px 14px 7px 8px;border-radius:99px;background:#fff;border:1px solid #efe6dd;font-size:14.5px;font-weight:500;color:#2f333c;box-shadow:0 4px 12px rgba(16,18,24,.04)}
.hero2 .hx-ticks span:before{width:20px;height:20px;background:#e8f7ee;color:#1f9a40}
.hero2 .hx-flabel{font-weight:600;font-size:15px;color:var(--text)}
.hero2 .hx-search{position:relative;border:0;border-radius:16px;padding:7px;box-shadow:0 0 0 1px #ecdccc,0 18px 40px rgba(239,111,31,.12);transition:box-shadow .25s}
.hero2 .hx-search:focus-within{box-shadow:0 0 0 2px var(--or),0 18px 44px rgba(239,111,31,.22)}
.hero2 .hx-search svg{display:block}
.hero2 .hx-search button{border-radius:11px;background:linear-gradient(135deg,#f7984e,#ef6f1f);font-weight:600;padding:14px 28px;box-shadow:0 8px 18px rgba(239,111,31,.30);transition:transform .15s,filter .15s}
.hero2 .hx-search button:hover{transform:translateY(-1px);filter:brightness(1.04)}
.hero2 .hx-pop button,.hero2 .hx-pop a{transition:background .15s,color .15s,border-color .15s}
.hero2 .hx-pop button:hover{background:#fff1e4;border-color:#f3c9a0;color:var(--or)}
.hero2 .hx-trust{display:inline-flex;margin-top:22px;padding:8px 14px;border-radius:12px;background:#fff;border:1px solid #efe6dd;box-shadow:0 4px 12px rgba(16,18,24,.04)}
.hero2 .hx-r:before{content:"";position:absolute;left:8%;top:6%;width:84%;height:88%;border-radius:40px;background:radial-gradient(circle at 50% 50%,rgba(247,152,78,.35),rgba(247,152,78,0) 65%);filter:blur(10px);z-index:-1}
.hero2 .mock{box-shadow:0 30px 70px rgba(16,18,24,.16),0 0 0 1px rgba(16,18,24,.04);border-radius:18px}
@keyframes hxFloat{0%,100%{transform:translateY(0)}50%{transform:translateY(-10px)}}
@media(min-width:961px) and (prefers-reduced-motion:no-preference){.hero2 .fcA{animation:hxFloat 7s ease-in-out infinite}.hero2 .fcB{animation:hxFloat 8s ease-in-out infinite -3s}.hero2 .chip2{animation:hxFloat 6s ease-in-out infinite -1.5s}}
@media(max-width:600px){.hero2 .hx-lead{font-size:16px}.hx-kick{font-size:13px}.hero2 .hx-ticks span{font-size:13.5px}.hero2 .hx-search svg{display:none}.hero2 .hx-trust{display:flex}}
.hero2 .hx-hl{white-space:nowrap}
.hero2 .hx-rot{display:block;width:max-content;max-width:100%}
@media(max-width:600px){.hx-kick-x{display:none}}

/* ===== Home hero v3: background + right visual (hv-) ===== */
.hero-home{background:linear-gradient(180deg,#fff8f1 0,#fffdfb 55%,#fff 100%)}
.hero-home:before{display:none}
.hero-home .hbg2{left:0;right:auto;top:0;width:100%;height:100%;transform:none;object-fit:cover;opacity:1}
.hero-home:after{content:"";position:absolute;inset:auto 0 0 0;height:90px;background:linear-gradient(180deg,rgba(255,255,255,0),#fff);pointer-events:none}
.hv{position:relative;height:500px;max-width:600px;isolation:isolate}
.hero2 .hv:before{left:4%;top:4%;width:92%;height:92%;background:radial-gradient(circle at 50% 50%,rgba(247,152,78,.42),rgba(247,152,78,0) 62%);filter:blur(14px)}
.hv-ring{position:absolute;left:50%;top:50%;border-radius:50%;border:1.5px dashed rgba(244,136,58,.35);transform:translate(-50%,-50%);z-index:-1}
.hv-r1{width:470px;height:470px}
.hv-r2{width:600px;height:600px;border-style:solid;border-color:rgba(244,136,58,.14)}
.hv-ring i{position:absolute;width:12px;height:12px;border-radius:50%;background:linear-gradient(135deg,#f7984e,#ef6f1f);box-shadow:0 0 0 5px rgba(244,136,58,.15);top:-6px;left:calc(50% - 6px)}
.hv-r1 i:nth-child(2){top:auto;bottom:-6px;background:#5b8def;box-shadow:0 0 0 5px rgba(91,141,239,.15)}
.hv-win{position:absolute;left:8%;top:62px;width:84%;background:#fff;border-radius:18px;box-shadow:0 40px 80px -20px rgba(22,24,29,.25),0 0 0 1px rgba(22,24,29,.05);overflow:hidden}
.hv-bar{display:flex;align-items:center;gap:6px;padding:11px 14px;background:#f7f7f9;border-bottom:1px solid #eeeff2}
.hv-bar>i{width:10px;height:10px;border-radius:50%;background:#ff6159}.hv-bar>i:nth-child(2){background:#ffbd2e}.hv-bar>i:nth-child(3){background:#28c941}
.hv-url{flex:1;display:flex;align-items:center;gap:6px;margin:0 8px;padding:5px 12px;border-radius:99px;background:#fff;border:1px solid #eceef1;font-size:12.5px;color:#4b505c}
.hv-url svg{color:#1f9a40}
.hv-live{display:inline-flex;align-items:center;gap:6px;font-size:11.5px;font-weight:700;color:#1f9a40;background:#e8f7ee;padding:4px 9px;border-radius:99px}
.hv-live:before{content:"";width:7px;height:7px;border-radius:50%;background:#28c941;box-shadow:0 0 0 0 rgba(40,201,65,.5);animation:hvPulse 2s infinite}
.hv-body{padding:16px 18px 20px}
.hv-nav{display:flex;align-items:center;gap:12px;margin-bottom:14px}
.hv-nav b{width:26px;height:26px;border-radius:8px;background:linear-gradient(135deg,#f7984e,#ef6f1f)}
.hv-nav span{width:44px;height:7px;border-radius:9px;background:#e6e8ec}.hv-nav span:nth-of-type(1){margin-left:auto}
.hv-nav em{width:62px;height:22px;border-radius:99px;background:#16181d}
.hv-ban{display:flex;justify-content:space-between;align-items:flex-end;min-height:136px;padding:20px 18px 0;border-radius:14px;background:linear-gradient(120deg,#f7984e 0,#ef6f1f 55%,#e85d2a 100%);position:relative;overflow:hidden}
.hv-ban:before{content:"";position:absolute;right:-40px;top:-60px;width:200px;height:200px;border-radius:50%;background:rgba(255,255,255,.14)}
.hv-bt{align-self:center;padding-bottom:18px;position:relative}
.hv-bt b{display:block;height:11px;border-radius:9px;background:#fff;margin-bottom:9px;width:170px}.hv-bt b+b{width:120px;opacity:.85}
.hv-bt u{display:block;height:7px;width:140px;border-radius:9px;background:rgba(255,255,255,.55);margin:12px 0 14px}
.hv-bt em{display:block;width:84px;height:26px;border-radius:99px;background:#16181d}
.hv-art{position:relative;display:block;width:150px;height:auto}
.hv-row{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin-top:14px}
.hv-row span{padding:9px;border-radius:12px;border:1px solid #eef0f3;background:#fff}
.hv-row i{display:block;height:46px;border-radius:8px;margin-bottom:8px}
.hv-row .t1{background:linear-gradient(135deg,#ffe2c9,#ffc497)}.hv-row .t2{background:linear-gradient(135deg,#dbe7ff,#b6ceff)}.hv-row .t3{background:linear-gradient(135deg,#d9f5e3,#aee6c3)}
.hv-row b{display:block;height:6px;border-radius:9px;background:#e6e8ec;margin-top:6px}.hv-row b+b{width:60%}
.hv-c,.hv-chip{position:absolute;background:#fff;border-radius:16px;box-shadow:0 18px 40px -10px rgba(22,24,29,.22),0 0 0 1px rgba(22,24,29,.04);z-index:2;color:#16181d}
.hv-chip{display:flex;align-items:center;gap:10px;padding:9px 14px;border-radius:99px;font-size:13px;font-weight:600}
.hv-c b,.hv-chip b{display:block;font-size:14px;line-height:1.2}.hv-c small,.hv-chip small{display:block;font-size:12px;color:#6b7280;font-weight:500}
.hv-sup{left:0;top:6px;padding:7px 16px 7px 8px}
.hv-av{display:flex}.hv-av i{width:30px;height:30px;border-radius:50%;display:grid;place-items:center;font-style:normal;font-size:12px;font-weight:700;color:#fff;border:2px solid #fff;margin-left:-8px;background:#f4883a}.hv-av i:first-child{margin-left:0;background:#5b8def}.hv-av i:last-child{background:#1f9a40}
.hv-dot{width:9px;height:9px;border-radius:50%;background:#28c941;animation:hvPulse 2s infinite}
.hv-sec{right:-6px;top:110px;display:flex;align-items:center;gap:11px;padding:12px 16px 12px 12px}
.hv-ic{width:42px;height:42px;border-radius:12px;display:grid;place-items:center;color:#fff;background:linear-gradient(135deg,#35c46a,#1f9a40);box-shadow:0 8px 18px rgba(31,154,64,.3)}
.hv-spd{left:-14px;top:268px;color:#fff;background:linear-gradient(135deg,#22252d,#16181d)}
.hv-spd svg{color:#f7984e}
.hv-up{right:6px;bottom:8px;padding:12px 14px;width:178px}
.hv-uh{display:flex;justify-content:space-between;align-items:baseline;margin-bottom:8px}.hv-uh b{font-size:18px;color:#1f9a40}
.hv-bars{display:flex;gap:3px;align-items:flex-end;height:26px}
.hv-bars i{flex:1;border-radius:3px;background:linear-gradient(180deg,#4fd07e,#28b25a);height:100%;transform-origin:bottom}
.hv-bars i:nth-child(3n){height:88%}.hv-bars i:nth-child(4n){height:94%}.hv-bars i:nth-child(5n+2){height:80%}
.hv-plan{left:20px;bottom:-4px;padding:14px 16px;width:210px}
.hv-ps{font-size:12.5px;font-weight:600;color:#6b7280;text-transform:uppercase;letter-spacing:.06em}
.hv-pp{font-size:30px;font-weight:800;letter-spacing:-.02em;margin:2px 0 10px;line-height:1.1}.hv-pp small{font-size:12px;font-weight:500;color:#6b7280}.hv-pp span{font-size:13px;font-weight:500;color:#6b7280}
.hv-pb{display:flex;align-items:center;justify-content:center;gap:6px;padding:10px 12px;border-radius:10px;color:#fff;font-weight:600;font-size:14px;background:linear-gradient(135deg,#f7984e,#ef6f1f);box-shadow:0 8px 18px rgba(239,111,31,.3);transition:transform .15s}
.hv-pb:hover{transform:translateY(-1px);color:#fff}
@keyframes hvPulse{0%{box-shadow:0 0 0 0 rgba(40,201,65,.5)}70%{box-shadow:0 0 0 8px rgba(40,201,65,0)}100%{box-shadow:0 0 0 0 rgba(40,201,65,0)}}
@keyframes hvSpin{to{transform:translate(-50%,-50%) rotate(360deg)}}
@keyframes hvGrow{from{transform:scaleY(.15)}}
@media(prefers-reduced-motion:no-preference){
 .hv-r1{animation:hvSpin 40s linear infinite}.hv-r2{animation:hvSpin 70s linear infinite reverse}
 .hv-bars i{animation:hvGrow .9s cubic-bezier(.2,.8,.2,1) both}.hv-bars i:nth-child(n){animation-delay:calc(var(--d,0) * 1s)}
}
@media(min-width:961px) and (prefers-reduced-motion:no-preference){.hv-sec{animation:hxFloat 7s ease-in-out infinite}.hv-plan{animation:hxFloat 8s ease-in-out infinite -3s}.hv-spd{animation:hxFloat 6s ease-in-out infinite -1.5s}.hv-up{animation:hxFloat 7.5s ease-in-out infinite -4s}.hv-sup{animation:hxFloat 6.5s ease-in-out infinite -2s}}
@media(max-width:1100px) and (min-width:901px){.hv{height:460px}.hv-win{left:4%;width:92%}.hv-bt b{width:130px}.hv-bt b+b{width:90px}.hv-bt u{width:100px}.hv-art{width:110px}}
@media(max-width:900px){.hv{height:480px;margin:10px auto 0}}
@media(max-width:600px){.hv{height:390px}.hv-r1{width:340px;height:340px}.hv-r2{width:440px;height:440px}
 .hv-win{left:0;width:100%;top:52px;border-radius:14px}.hv-body{padding:12px}.hv-ban{min-height:104px;padding:14px 12px 0}.hv-bt b{width:96px;height:8px}.hv-bt b+b{width:64px}.hv-bt u{width:76px;margin:8px 0 10px}.hv-bt em{width:60px;height:20px}.hv-art{width:96px}
 .hv-row{gap:8px}.hv-row i{height:30px}.hv-url{font-size:11px;margin:0 4px}.hv-live{display:none}
 .hv-sec{right:-4px;top:4px;padding:8px 12px 8px 8px}.hv-ic{width:34px;height:34px}.hv-sup{display:none}.hv-spd{display:none}
 .hv-plan{left:-4px;bottom:0;width:176px;padding:11px 12px}.hv-pp{font-size:24px;margin-bottom:8px}.hv-pb{font-size:13px;padding:8px}
 .hv-up{right:-4px;bottom:14px;width:146px;padding:10px 12px}.hv-uh b{font-size:16px}}

/* ===== Footer v4: light footer matching the home hero ===== */
.sf{background-color:#fff;background-image:url(../images/home-hero-bg.svg),linear-gradient(180deg,#fff 0,#fff8f1 100%);background-size:cover,auto;background-position:center bottom,0 0;background-repeat:no-repeat;color:#5d6370;border-top:1px solid #f1e6db}
.sf:before{height:3px;background:linear-gradient(90deg,rgba(247,165,95,0),#ef6f1f 50%,rgba(247,165,95,0))}
.sf .ft-brand p{color:#5d6370}
.sf .ft-col h4{color:#16181d}
.sf .ft-col a{color:#4b505c}
.sf .ft-col a:hover{color:var(--or)}
.sf .ft-pay{border-top:1px solid #efe4d9;border-bottom:1px solid #efe4d9}
.sf .ft-lab{color:#16181d}
.sf .ft-lab svg{color:#1f9a40;stroke:#1f9a40}
.sf .pay img{box-shadow:0 4px 12px rgba(16,18,24,.08);border-radius:8px;background:#fff}
.sf .ft-bot{color:#6b7280}
.sf .ft-copy b{color:#16181d;font-weight:600}
.sf .ft-dot{background:#28c941;box-shadow:0 0 0 4px rgba(40,201,65,.15)}
.sf .ft-q{color:#4b505c}
.sf .ft-q:hover{color:var(--or)}
.sf .ft-q+.ft-q:before{background:#e3d8cd}

/* ===== Footer v4.1: lighter background + tidy menu ===== */
.sf{background-image:linear-gradient(rgba(255,255,255,.62),rgba(255,255,255,.62)),url(../images/home-hero-bg.svg),linear-gradient(180deg,#fff 0,#fffaf5 100%);background-size:auto,cover,auto;background-position:0 0,center bottom,0 0;padding-top:64px}
.sf .ft-top.ft-v4{grid-template-columns:minmax(0,1.5fr) repeat(4,minmax(0,1fr));gap:40px 32px}
.sf .ft-v4 .ft-brand{padding-right:24px}
.sf .ft-v4 .ft-brand p{font-size:14.5px;line-height:1.75;margin:18px 0 20px;max-width:330px}
.ft-rate{display:inline-flex;align-items:center;gap:10px;padding:8px 14px 8px 10px;border-radius:12px;background:#fff;border:1px solid #f0e4d8;box-shadow:0 6px 16px rgba(16,18,24,.05);font-size:13.5px;color:#4b505c;transition:border-color .15s,box-shadow .15s}
.ft-rate b{color:#16181d}
.ft-rate:hover{border-color:#f3c9a0;box-shadow:0 8px 20px rgba(239,111,31,.12);color:#4b505c}
.ft-stars{display:inline-flex;gap:1px;color:#f5a623}
.ft-cta{display:flex;width:max-content;align-items:center;gap:8px;margin-top:14px;padding:11px 18px;border-radius:12px;background:linear-gradient(135deg,#f7984e,#ef6f1f);color:#fff!important;font-weight:600;font-size:14.5px;box-shadow:0 10px 22px rgba(239,111,31,.26);transition:transform .15s,box-shadow .15s}
.ft-cta:hover{transform:translateY(-2px);box-shadow:0 14px 28px rgba(239,111,31,.32)}
.sf .ft-v4 .ft-col h4{font-size:13px;letter-spacing:.1em;margin-bottom:14px;padding-bottom:12px}
.sf .ft-v4 .ft-col ul+h4{margin-top:28px}
.sf .ft-v4 .ft-col ul{gap:4px}
.sf .ft-v4 .ft-col a{font-size:15px;color:#4b505c;padding:4px 0;font-weight:450}
.sf .ft-v4 .ft-col a:hover{color:var(--or);transform:translateX(3px)}
.sf .ft-v4 .ft-col a:before{background:var(--or)}
.sf .ft-pay{margin-top:52px;display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:16px}
.sf .pay img{border-radius:8px;border:1px solid #eee3d8;box-shadow:0 3px 10px rgba(16,18,24,.05)}
@media(max-width:1180px){.sf .ft-top.ft-v4{grid-template-columns:repeat(4,minmax(0,1fr))}.sf .ft-v4 .ft-brand{grid-column:1/-1;display:grid;grid-template-columns:auto 1fr;align-items:center;gap:6px 32px;padding-right:0}.sf .ft-v4 .ft-brand>a:first-child{grid-row:1}.sf .ft-v4 .ft-brand p{grid-column:1/-1;max-width:640px;margin:10px 0 6px}.sf .ft-v4 .ft-rate{justify-self:start}.sf .ft-v4 .ft-cta{margin-top:0}}
@media(max-width:1180px){.sf .ft-v4 .ft-brand{display:flex;flex-wrap:wrap;align-items:center;gap:12px 16px}.sf .ft-v4 .ft-brand>a:first-child{flex-basis:100%}.sf .ft-v4 .ft-brand p{flex-basis:100%;margin:4px 0}.sf .ft-v4 .ft-cta{margin:0}}
@media(max-width:760px){.sf{padding-top:48px}.sf .ft-top.ft-v4{grid-template-columns:repeat(2,minmax(0,1fr));gap:32px 20px}}
@media(max-width:360px){.sf .ft-top.ft-v4{grid-template-columns:minmax(0,1fr)}}
.sf .ft-v4 .ft-col li{padding:0}
.sf .ft-v4 .ft-col a{padding:3px 0}
.sf .ft-pay{justify-content:flex-start;gap:16px 24px}
@media(max-width:1180px){.sf .ft-v4 .ft-brand p{max-width:none}}
@media(max-width:760px){.sf .ft-v4 .ft-col a{padding:7px 0}}
/* footer social icons (not linked yet) */
.ft-social{display:flex;gap:10px;margin-top:18px}
.ft-si{width:40px;height:40px;border-radius:12px;display:grid;place-items:center;background:#fff;border:1px solid #f0e4d8;color:#4b505c;box-shadow:0 4px 12px rgba(16,18,24,.05);transition:transform .15s,background .15s,color .15s,border-color .15s;cursor:default}
.ft-si:hover{transform:translateY(-2px);color:#fff;border-color:transparent}
.ft-si.fb:hover{background:#1877f2}.ft-si.yt:hover{background:#ff0000}.ft-si.tw:hover{background:#16181d}.ft-si.ig:hover{background:linear-gradient(45deg,#f9a03f,#e1306c 50%,#833ab4)}
@media(max-width:1180px){.sf .ft-v4 .ft-social{margin-top:0}}
.sf .ft-v4 .ft-brand .ft-social{margin-top:4px}

/* ===== Home hero v3.2: modern right visual (tilt, glass, layered) ===== */
.hero-home .hv{perspective:1600px}
.hero-home .hv-win{border:1px solid transparent;background:linear-gradient(#fff,#fff) padding-box,linear-gradient(140deg,rgba(247,152,78,.7),rgba(255,255,255,.6) 45%,rgba(91,141,239,.45)) border-box;border-radius:20px;box-shadow:0 50px 90px -30px rgba(239,111,31,.35),0 30px 60px -30px rgba(22,24,29,.35);transform:rotateY(-9deg) rotateX(3deg);transform-origin:60% 50%;transition:transform .6s cubic-bezier(.2,.8,.2,1)}
.hero-home .hv:hover .hv-win{transform:rotateY(-3deg) rotateX(1deg)}
.hv-back{position:absolute;left:14%;top:30px;width:78%;height:330px;border-radius:24px;background:linear-gradient(135deg,#ffb27a,#ef6f1f 55%,#c2410c);opacity:.9;transform:rotate(6deg);box-shadow:0 30px 60px -20px rgba(239,111,31,.5);z-index:0}
.hv-back:after{content:"";position:absolute;inset:0;border-radius:inherit;background-image:radial-gradient(rgba(255,255,255,.35) 1.2px,transparent 1.2px);background-size:16px 16px;-webkit-mask-image:linear-gradient(135deg,#000,transparent 70%);mask-image:linear-gradient(135deg,#000,transparent 70%)}
.hero-home .hv-bar{background:rgba(247,247,249,.85);border-bottom:1px solid #f0f1f4}
.hero-home .hv-ban{background:radial-gradient(120% 140% at 0% 0%,#ffb27a 0,transparent 50%),radial-gradient(90% 120% at 100% 100%,#c2410c 0,transparent 55%),linear-gradient(120deg,#f7984e,#ef6f1f)}
.hero-home .hv-row span{border-color:#f1f2f5;box-shadow:0 4px 10px rgba(16,18,24,.03)}
.hv-kpi{display:flex;align-items:center;gap:10px;margin-top:12px;padding:10px 12px;border-radius:12px;background:#fafafb;border:1px solid #f1f2f5}
.hv-kpi span{display:flex;flex-direction:column;line-height:1.15;padding-right:12px;border-right:1px solid #eceef1}
.hv-kpi small{font-size:10.5px;color:#8a8f9a;font-weight:500}
.hv-kpi b{font-size:15px;color:#16181d}
.hv-kpi em{font-style:normal;font-size:10.5px;font-weight:700;color:#1f9a40}
.hv-kpi svg{flex:1;height:36px;width:auto;min-width:0}
/* glass floating cards */
.hero-home .hv-c,.hero-home .hv-sup{background:rgba(255,255,255,.78);-webkit-backdrop-filter:blur(16px) saturate(1.5);backdrop-filter:blur(16px) saturate(1.5);border:1px solid rgba(255,255,255,.95);box-shadow:0 24px 50px -16px rgba(22,24,29,.28),0 0 0 1px rgba(22,24,29,.04)}
.hero-home .hv-c{border-radius:18px}
.hero-home .hv-spd{background:rgba(22,24,29,.9);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);box-shadow:0 16px 34px -10px rgba(22,24,29,.45)}
.hero-home .hv-r1{border:1px solid rgba(239,111,31,.2)}
.hero-home .hv-r2{border-color:rgba(239,111,31,.08)}
.hero-home .hv-ring i{box-shadow:0 0 14px 4px rgba(244,136,58,.45)}
.hero-home .hv-r1 i:nth-child(2){box-shadow:0 0 14px 4px rgba(91,141,239,.4)}
@media(max-width:900px){.hero-home .hv-win{transform:none}.hv-back{transform:rotate(4deg)}}
@media(max-width:600px){.hv-back{left:8%;width:88%;height:270px;top:40px}.hv-kpi{display:none}}
@media(prefers-reduced-motion:reduce){.hero-home .hv-win{transition:none}}
@media(min-width:1101px){.hero-home .hv-plan{left:-30px;bottom:-14px}.hero-home .hv-up{right:-14px;bottom:-6px}}

/* Refund policy content (refund page + terms) */
.lg-intro{font-size:16.5px;line-height:1.75;color:#3f4450;padding:16px 18px;border-left:3px solid var(--or);background:#fff8f2;border-radius:0 12px 12px 0;margin:0 0 28px}
.lg-ul{margin:4px 0 16px;padding:0;list-style:none;display:grid;gap:8px}
.lg-ul li{position:relative;padding-left:26px;line-height:1.65}
.lg-ul li:before{content:"";position:absolute;left:4px;top:.62em;width:8px;height:8px;border-radius:50%;background:var(--or);box-shadow:0 0 0 4px #fde7d4}
.lg-rp{margin-top:22px;padding:22px 22px 8px;border:1px solid #f1e3d6;border-radius:16px;background:linear-gradient(180deg,#fffaf5,#fff)}
.lg-rp h4{font-size:18px;margin:0 0 8px;color:#16181d}
.lg-rp h5{font-size:15.5px;margin:18px 0 6px;color:#16181d}
.lg-rp h5 span{color:var(--or)}
.lg-rp-more{font-size:14px;color:#6b7280}
.lg-rp-more a{color:var(--or);font-weight:600}
.lg-sub .lg-rp-s h5{font-size:15.5px;margin:20px 0 6px;color:#16181d}.lg-sub .lg-rp-s h5 span{color:var(--or)}

/* ===== Home hero: simple (hero-simple) ===== */
.hero-simple{background:linear-gradient(180deg,#fff7f0 0,#fff 100%)}
.hero-simple:before,.hero-simple:after{display:none}
.hero-simple .hx{align-items:center}
.hero-simple .hv{height:440px}
.hero-simple .hv:before{left:10%;top:10%;width:80%;height:80%;background:radial-gradient(circle,rgba(247,152,78,.22),rgba(247,152,78,0) 65%);filter:blur(20px)}
.hero-simple .hv-win{transform:none!important;left:6%;width:88%;top:40px;border:1px solid #eeeff2;background:#fff;border-radius:18px;box-shadow:0 30px 60px -24px rgba(22,24,29,.22)}
.hero-simple .hv-ban{background:linear-gradient(120deg,#f7984e,#ef6f1f)}
.hero-simple .hv-c{background:#fff;-webkit-backdrop-filter:none;backdrop-filter:none;border:1px solid #f0f1f4;box-shadow:0 16px 36px -12px rgba(22,24,29,.2);animation:none!important}
.hero-simple .hv-sec{right:0;left:auto;top:6px}
.hero-simple .hv-plan{left:0;bottom:6px}
@media(min-width:1101px){.hero-simple .hv-plan{left:-10px;bottom:6px}}
.hero-simple .hx-kick,.hero-simple .hx-search,.hero-simple .hx-search button{box-shadow:none}
.hero-simple .hx-search{box-shadow:0 0 0 1px #ecdccc,0 10px 24px rgba(239,111,31,.08)}
.hero-simple .hx-ticks span{box-shadow:none}
@media(max-width:900px){.hero-simple .hv{height:400px}}
@media(max-width:600px){.hero-simple .hv{height:330px}.hero-simple .hv-win{left:0;width:100%;top:30px}.hero-simple .hv-sec{display:none}.hero-simple .hv-plan{left:-4px;bottom:0}}

/* Home hero typography */
.hero-simple h1{font-family:"Plus Jakarta Sans",Roboto,system-ui,sans-serif;font-weight:800;font-size:clamp(36px,4.3vw,58px);line-height:1.08;letter-spacing:-.03em;color:#14161b;margin-bottom:18px}
.hero-simple .hx-hl{font-family:inherit;font-weight:800}
.hero-simple .hx-lead{font-size:18.5px;line-height:1.7;color:#4b505c;font-weight:400;max-width:520px;margin-bottom:24px}
.hero-simple .hx-lead b{color:#16181d;font-weight:500}
.hero-simple .hx-ticks span{font-size:15px;font-weight:500;color:#2a2d35;letter-spacing:.005em}
.hero-simple .hx-kick{font-size:14px}
.hero-simple .hx-flabel{font-family:"Plus Jakarta Sans",Roboto,sans-serif;font-weight:700;font-size:15px;letter-spacing:-.005em}
@media(max-width:600px){.hero-simple h1{font-size:34px}.hero-simple .hx-lead{font-size:16.5px}.hero-simple .hx-ticks span{font-size:14px}}
.hero-simple .hx-ticks{gap:8px}.hero-simple .hx-ticks span{font-size:14.5px}

/* ===== Home hero C: split with Starter plan card ===== */
.hero-c h1{font-family:"Plus Jakarta Sans",Roboto,sans-serif;font-weight:800;letter-spacing:-.03em;line-height:1.08;margin:0}
.o-hl{background:linear-gradient(90deg,#f7984e,#ef6f1f);-webkit-background-clip:text;background-clip:text;color:transparent}
.hero-c .hx-search{display:flex;align-items:center;gap:8px;background:#fff;border-radius:16px;padding:7px;box-shadow:0 0 0 1px #e9e2da,0 16px 36px -14px rgba(22,24,29,.18)}
.hero-c .hx-search input[name=query]{flex:1;border:0;outline:0;font-size:16px;padding:12px 6px;min-width:0;background:none}
.hero-c .hx-search select{border:0;border-left:1px solid #eee;padding:10px 8px;background:none;font-size:15px}
.hero-c .hx-search button{border:0;border-radius:11px;padding:14px 26px;color:#fff;font-weight:600;font-size:16px;background:linear-gradient(135deg,#f7984e,#ef6f1f);cursor:pointer}
.hero-c .hx-search>svg{margin-left:8px;color:#8a8f9a;flex:none}
.hero-c .hx-pop{margin-top:12px;font-size:14px;color:#6b7280;display:flex;flex-wrap:wrap;gap:8px;align-items:center}
.hero-c .hx-pop button{border:1px solid #e6e1db;background:#fff;border-radius:99px;padding:4px 12px;font-size:13.5px;cursor:pointer}
.hero-c .hx-pop a{color:#5d6370}
/* C */
.hero-c{padding:64px 0 76px;background:linear-gradient(180deg,#fff7f0,#fff)}
.oc-grid{display:grid;grid-template-columns:1.15fr .85fr;gap:56px;align-items:center}
.hero-c h1{font-size:clamp(34px,4.2vw,56px);color:#14161b}
.oc-lead{font-size:18px;line-height:1.7;color:#4b505c;max-width:540px;margin:18px 0 26px}
.oc-flabel{font-weight:700;font-size:15px;margin:0 0 10px;font-family:"Plus Jakarta Sans",Roboto,sans-serif}
.hero-c .hx-trust{margin-top:22px}
.oc-card{background:#fff;border-radius:22px;padding:28px;border:1px solid #f0e4d8;box-shadow:0 40px 80px -30px rgba(239,111,31,.35);position:relative;overflow:hidden}
.oc-card:before{content:"";position:absolute;left:0;right:0;top:0;height:5px;background:linear-gradient(90deg,#f7984e,#ef6f1f)}
.oc-tag{display:inline-block;font-size:12px;font-weight:700;letter-spacing:.06em;text-transform:uppercase;color:#ef6f1f;background:#fff1e4;padding:5px 10px;border-radius:99px}
.oc-card h3{font-family:"Plus Jakarta Sans",Roboto,sans-serif;font-size:24px;margin:12px 0 4px}
.oc-price{font-size:46px;font-weight:800;letter-spacing:-.03em;margin:0;font-family:"Plus Jakarta Sans",Roboto,sans-serif}.oc-price small{font-size:14px;font-weight:500;color:#6b7280;letter-spacing:0}.oc-price span{font-size:16px;font-weight:500;color:#6b7280;letter-spacing:0}
.oc-note{margin:4px 0 18px;font-size:14px;color:#1f9a40;font-weight:500}
.oc-card ul{list-style:none;padding:18px 0 0;margin:0;border-top:1px solid #f1f2f5;display:grid;gap:10px}
.oc-card li{display:flex;gap:10px;align-items:center;font-size:15.5px;color:#2a2d35}
.oc-btn{display:flex;justify-content:center;align-items:center;gap:8px;margin-top:22px;padding:15px;border-radius:12px;background:linear-gradient(135deg,#f7984e,#ef6f1f);color:#fff!important;font-weight:600;font-size:16px;box-shadow:0 14px 30px -12px rgba(239,111,31,.55)}
.oc-mb{text-align:center;margin:12px 0 0;font-size:13.5px;color:#6b7280}
@media(max-width:900px){.oc-grid{grid-template-columns:1fr}.oc-r{max-width:460px}}
@media(max-width:600px){.hero-c .hx-search{flex-wrap:wrap}.hero-c .hx-search>svg{display:none}.hero-c .hx-search input[name=query]{flex-basis:100%}.hero-c .hx-search button{flex:1}.hero-c{padding:40px 0 52px}.oc-card{padding:22px}.oc-price{font-size:40px}.hero-c h1{font-size:34px}.oc-lead{font-size:16.5px}}
.oc-r li svg{color:#1f9a40;flex:none}
/* Home hero C: background illustration */
.hero-c{position:relative;overflow:hidden}
.hero-c:before{content:"";position:absolute;right:-60px;top:50%;width:1000px;height:700px;transform:translateY(-50%);background:url(../images/home-hero-c.svg) center/contain no-repeat;pointer-events:none;z-index:0}
.hero-c .wrap{position:relative;z-index:1}
@media(max-width:1100px){.hero-c:before{right:-260px;opacity:.8}}
@media(max-width:900px){.hero-c:before{top:auto;bottom:-120px;transform:none;right:-300px;opacity:.6}}
.hero-c:before{right:-10px;width:940px;height:658px}@media(max-width:1100px){.hero-c:before{right:-200px}}
.hero-c:before{right:auto;left:calc(50% - 233px)}@media(max-width:1100px){.hero-c:before{left:auto;right:-200px}}@media(max-width:900px){.hero-c:before{right:-300px}}

/* ===== Our Guarantees v2 (guar2) ===== */
.guar2 h2{font-family:"Plus Jakarta Sans",Roboto,sans-serif;font-weight:800;letter-spacing:-.025em}
.g2h{color:var(--or)}
.guar2 .gsub{max-width:560px;margin-left:auto;margin-right:auto}
.g2grid{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:20px;margin-top:44px}
.g2c{position:relative;background:#fff;border:1px solid #f0e6dc;border-radius:20px;padding:26px 22px 24px;text-align:left;box-shadow:0 10px 30px -18px rgba(22,24,29,.18);transition:transform .2s,box-shadow .2s,border-color .2s;overflow:hidden}
.g2c:before{content:"";position:absolute;left:0;right:0;top:0;height:4px;background:linear-gradient(90deg,#f7984e,#ef6f1f);transform:scaleX(0);transform-origin:left;transition:transform .25s}
.g2c:hover{transform:translateY(-4px);box-shadow:0 22px 44px -20px rgba(239,111,31,.35);border-color:#f3cfaf}
.g2c:hover:before{transform:scaleX(1)}
.g2i{width:64px;height:64px;border-radius:16px;display:grid;place-items:center;background:linear-gradient(135deg,#fff3e8,#ffe4cc);margin-bottom:18px}
.g2i img{width:44px;height:44px}
.g2s{margin:0;font-family:"Plus Jakarta Sans",Roboto,sans-serif;font-size:28px;font-weight:800;letter-spacing:-.02em;color:var(--or);line-height:1.1}
.g2c h3{margin:4px 0 8px;font-size:16.5px;font-weight:600;color:#16181d;line-height:1.35}
.g2d{margin:0;font-size:14.5px;line-height:1.6;color:#5d6370}
.g2cta{display:flex;align-items:center;justify-content:center;gap:18px;flex-wrap:wrap;margin-top:40px}
.g2btn{display:inline-flex;align-items:center;gap:8px;padding:14px 26px;border-radius:12px;background:linear-gradient(135deg,#f7984e,#ef6f1f);color:#fff!important;font-weight:600;box-shadow:0 12px 26px -10px rgba(239,111,31,.5);transition:transform .15s}
.g2btn:hover{transform:translateY(-2px)}
.g2cta span{font-size:14.5px;color:#6b7280}
@media(max-width:1180px){.g2grid{grid-template-columns:repeat(6,minmax(0,1fr))}.g2c{grid-column:span 2}.g2c:nth-child(4){grid-column:2/span 2}}
@media(max-width:760px){.g2grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}.g2c,.g2c:nth-child(4){grid-column:auto}.g2c:last-child{grid-column:1/-1}.g2c{padding:20px 18px}.g2s{font-size:24px}}
@media(max-width:420px){.g2grid{grid-template-columns:1fr}.g2c:last-child{grid-column:auto}}
@media(prefers-reduced-motion:reduce){.g2c,.g2c:before,.g2btn{transition:none}}
@media(max-width:600px){.g2grid{grid-template-columns:1fr;gap:12px}.g2c,.g2c:nth-child(4),.g2c:last-child{grid-column:auto;display:grid;grid-template-columns:56px 1fr;column-gap:16px;padding:18px}.g2i{grid-row:1/4;width:56px;height:56px;margin:0;border-radius:14px}.g2i img{width:38px;height:38px}.g2s{font-size:22px}.g2c h3{margin:2px 0 4px;font-size:15.5px}.g2d{font-size:14px}}

/* ===== Free migration v2 (migr2) ===== */
.migr2 .m2grid{display:grid;grid-template-columns:.9fr 1.1fr;gap:56px;align-items:center}
.migr2 .m2l{text-align:left}
.migr2 .eyebrow{justify-content:flex-start}
.migr2 h2{font-family:"Plus Jakarta Sans",Roboto,sans-serif;font-weight:800;letter-spacing:-.025em;text-align:left;font-size:clamp(28px,3.2vw,42px);line-height:1.15;margin:12px 0 14px}
.m2h{color:var(--or)}
.migr2 .msub{text-align:left;margin:0 0 26px;max-width:480px}
.m2k{margin:0 0 12px;font-weight:700;font-size:15px;color:#16181d;font-family:"Plus Jakarta Sans",Roboto,sans-serif}
.m2list{list-style:none;padding:0;margin:0 0 30px;display:grid;grid-template-columns:1fr 1fr;gap:12px 20px;max-width:440px}
.m2list li{display:flex;align-items:center;gap:10px;font-size:15.5px;font-weight:500;color:#2a2d35}
.m2list li span{width:26px;height:26px;border-radius:8px;display:grid;place-items:center;background:#e8f7ee;color:#1f9a40;flex:none}
.migr2 .mbtns{justify-content:flex-start;margin-top:0}
.m2card{background:#fff;border:1px solid #f0e6dc;border-radius:24px;padding:24px 26px 26px;box-shadow:0 30px 60px -30px rgba(239,111,31,.35)}
.m2flow{background:linear-gradient(180deg,#fff7f0,#fff);border-radius:16px;padding:10px 6px 4px;margin-bottom:22px}
.m2flow img{display:block;width:100%;height:auto}
.m2steps{list-style:none;padding:0;margin:0;display:grid;gap:18px;position:relative}
.m2steps:before{content:"";position:absolute;left:17px;top:30px;bottom:30px;border-left:2px dashed #f3c9a0}
.m2steps li{display:flex;gap:16px;align-items:flex-start;position:relative}
.m2steps b{width:36px;height:36px;border-radius:50%;display:grid;place-items:center;flex:none;color:#fff;font-weight:700;font-size:15px;background:linear-gradient(135deg,#f7984e,#ef6f1f);box-shadow:0 0 0 5px #fff,0 8px 16px -6px rgba(239,111,31,.6)}
.m2steps h3{margin:4px 0 4px;font-size:17px;color:#16181d}
.m2steps p{margin:0;font-size:14.5px;line-height:1.6;color:#5d6370}
@media(max-width:960px){.migr2 .m2grid{grid-template-columns:1fr;gap:36px}.m2r{max-width:620px}}
@media(max-width:600px){.m2list{grid-template-columns:1fr 1fr;gap:10px 12px}.m2list li{font-size:14.5px}.m2card{padding:18px}.migr2 .mbtns{flex-direction:column;align-items:stretch}.migr2 .mbtns a{justify-content:center;text-align:center}}
.migr.migr2 .wrap.m2grid{display:grid;grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);gap:56px;align-items:center}
.migr.migr2 .eyebrow{margin:0 0 4px;justify-content:flex-start}
.migr.migr2 .eyebrow:after{display:none}
.m2steps:before{bottom:auto;height:calc(100% - 80px)}
@media(max-width:960px){.migr.migr2 .wrap.m2grid{grid-template-columns:minmax(0,1fr);gap:32px}}
@media(max-width:600px){.migr2 .mbtns{margin-bottom:0}}
.migr.migr2 .m2steps,.migr.migr2 .m2steps div{text-align:left}
.migr.migr2 .mbtns{margin-left:0;padding-left:0}
@media(max-width:600px){.migr.migr2 .mbtns{margin:0}}

/* ===== Payments page (pm-) ===== */
.pm-hero{background:radial-gradient(50% 70% at 85% 30%,rgba(247,152,78,.18),transparent 70%),linear-gradient(180deg,#fff7f0,#fff);padding:48px 0 64px}
.pm-hgrid{display:grid;grid-template-columns:minmax(0,1.2fr) minmax(0,.8fr);gap:56px;align-items:center}
.pm-hero h1{font-family:"Plus Jakarta Sans",Roboto,sans-serif;font-weight:800;letter-spacing:-.03em;font-size:clamp(34px,4.2vw,54px);line-height:1.08;margin:10px 0 14px}
.pm-hero h1 span{color:var(--or)}
.pm-hero .pg-btn svg{vertical-align:-3px;margin-right:4px}
.pm-logos{display:flex;flex-wrap:wrap;align-items:center;gap:8px;margin-top:26px}
.pm-logos img,.pm-ml img{border-radius:7px;border:1px solid #ece6df;background:#fff}
.pm-kp{display:inline-flex;align-items:center;height:34px;padding:0 12px;border-radius:7px;border:1px solid #ece6df;background:#fff;font-weight:800;font-size:13.5px;color:#16181d;letter-spacing:-.01em}
.pm-kp:before{content:"";width:9px;height:9px;border-radius:2px;background:#ef6f1f;margin-right:7px}
.pm-inv{background:#fff;border:1px solid #f0e6dc;border-radius:22px;padding:24px;box-shadow:0 40px 80px -30px rgba(239,111,31,.35);position:relative}
.pm-inv-h{display:flex;justify-content:space-between;align-items:center;padding-bottom:16px;border-bottom:1px dashed #eadfd4}
.pm-inv-h small{display:block;color:#8a8f9a;font-size:12.5px}.pm-inv-h b{font-size:20px}
.pm-paid{display:inline-flex;align-items:center;gap:5px;padding:5px 12px;border-radius:99px;background:#e8f7ee;color:#1f9a40;font-weight:700;font-size:13px;letter-spacing:.04em;text-transform:uppercase}
.pm-inv dl{margin:14px 0;display:grid;gap:10px}
.pm-inv dl div{display:flex;justify-content:space-between;font-size:14.5px}
.pm-inv dt{color:#6b7280}.pm-inv dd{margin:0;font-weight:600;color:#16181d}.pm-inv dd.g{color:#1f9a40}
.pm-inv-t{display:flex;justify-content:space-between;align-items:baseline;padding:14px 16px;border-radius:12px;background:#fff7f0}
.pm-inv-t span{color:#5d6370;font-weight:500}.pm-inv-t b{font-size:26px;font-family:"Plus Jakarta Sans",Roboto,sans-serif;font-weight:800}
.pm-inv-n{margin:10px 0 0;text-align:center;font-size:12px;color:#9aa0aa}
.pm-sec{padding:72px 0}
.pm-head{text-align:center;max-width:640px;margin:0 auto 40px}
.pm-head .eyebrow{display:flex;justify-content:center;width:max-content;margin:0 auto 8px}
.pm-head h2{font-family:"Plus Jakarta Sans",Roboto,sans-serif;font-weight:800;letter-spacing:-.025em;font-size:clamp(28px,3.2vw,40px);margin:0 0 10px}
.pm-head h2 span{color:var(--or)}
.pm-head p{margin:0;color:#5d6370;font-size:17px;line-height:1.65}
.pm-ic{width:48px;height:48px;border-radius:14px;display:grid;place-items:center;flex:none;color:var(--or);background:linear-gradient(135deg,#fff3e8,#ffe4cc)}
.pm-mgrid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:20px}
.pm-m{background:#fff;border:1px solid #f0e6dc;border-radius:20px;padding:24px;display:flex;flex-direction:column;box-shadow:0 10px 30px -18px rgba(22,24,29,.18);transition:transform .2s,box-shadow .2s}
.pm-m:hover{transform:translateY(-4px);box-shadow:0 22px 44px -20px rgba(239,111,31,.35)}
.pm-mt{display:flex;justify-content:space-between;align-items:center;margin-bottom:16px}
.pm-sp{display:inline-flex;align-items:center;gap:4px;font-size:12px;font-weight:700;padding:4px 10px;border-radius:99px}
.pm-sp.in{background:#e8f7ee;color:#1f9a40}.pm-sp.sl{background:#fff4e5;color:#b45309}
.pm-m h3{margin:0 0 6px;font-size:18px}
.pm-m p{margin:0 0 18px;color:#5d6370;font-size:14.5px;line-height:1.6;flex:1}
.pm-ml{display:flex;flex-wrap:wrap;gap:6px}
.pm-bank{background:linear-gradient(180deg,#fff,#fff8f1)}
.pm-bgrid{display:grid;grid-template-columns:minmax(0,1.15fr) minmax(0,.85fr);gap:24px;align-items:stretch}
.pm-bcard{background:#fff;border:1px solid #f0e6dc;border-radius:22px;padding:8px 24px 14px;box-shadow:0 30px 60px -30px rgba(22,24,29,.25)}
.pm-bh{display:flex;align-items:center;gap:14px;padding:18px 0;border-bottom:1px solid #f1ebe4}
.pm-bh b{display:block;font-size:18px}.pm-bh small{color:#6b7280}
.pm-cur{margin-left:auto;font-weight:700;font-size:13px;padding:4px 10px;border-radius:99px;background:#fff1e4;color:#ef6f1f}
.pm-row{display:grid;grid-template-columns:140px minmax(0,1fr) auto;align-items:center;gap:12px;padding:14px 0;border-bottom:1px solid #f4efe9}
.pm-row:last-child{border-bottom:0}
.pm-row>span{color:#6b7280;font-size:14.5px}
.pm-row b{font-size:16px;font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;letter-spacing:.02em;overflow-wrap:anywhere}
.pm-copy{display:inline-flex;align-items:center;gap:5px;border:1px solid #ece6df;background:#fff;border-radius:9px;padding:6px 10px;font:inherit;font-size:13px;color:#4b505c;cursor:pointer;min-height:34px}
.pm-copy em{font-style:normal}.pm-copy:hover{border-color:#f3c9a0;color:var(--or)}.pm-copy.ok{background:#e8f7ee;color:#1f9a40;border-color:#bfe8cd}
.pm-ph{background:#fff3c4;color:#8a5a00;padding:1px 6px;border-radius:5px;font-family:inherit}
.pm-note{background:#16181d;color:#d7dbe3;border-radius:22px;padding:28px;display:flex;flex-direction:column;align-items:flex-start}
.pm-note .pm-ic{background:rgba(247,152,78,.15)}
.pm-note h3{color:#fff;margin:16px 0 8px;font-size:20px}
.pm-note p{margin:0 0 22px;line-height:1.7;font-size:15px}.pm-note b{color:#fff}
.pm-nb{display:flex;flex-wrap:wrap;gap:10px;margin-top:auto}
.pm-nb .pg-btn svg{vertical-align:-4px;margin-right:4px}
.pm-note .pg-btn2{background:transparent;color:#fff;border-color:rgba(255,255,255,.25)}
.pm-steps{list-style:none;padding:0;margin:0;display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:16px;counter-reset:s;position:relative}
.pm-steps:before{content:"";position:absolute;left:10%;right:10%;top:22px;border-top:2px dashed #f3c9a0}
.pm-steps li{position:relative;text-align:center;padding:0 6px}
.pm-steps b{width:44px;height:44px;margin:0 auto 14px;border-radius:50%;display:grid;place-items:center;color:#fff;font-size:17px;background:linear-gradient(135deg,#f7984e,#ef6f1f);box-shadow:0 0 0 6px #fff,0 10px 20px -8px rgba(239,111,31,.6);position:relative}
.pm-steps h3{margin:0 0 6px;font-size:16.5px}.pm-steps p{margin:0;font-size:14.5px;color:#5d6370;line-height:1.6}
.pm-know{background:#fffaf6}
.pm-ggrid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}
.pm-g{display:block;background:#fff;border:1px solid #f0e6dc;border-radius:18px;padding:22px;color:inherit;transition:border-color .2s,transform .2s}
a.pm-g:hover{border-color:#f3c9a0;transform:translateY(-3px);color:inherit}
.pm-g h3{margin:14px 0 6px;font-size:17px}.pm-g p{margin:0;color:#5d6370;font-size:14.5px;line-height:1.6}
.pm-cta{padding:0 0 72px;background:#fffaf6}
.pm-ctab{display:flex;align-items:center;justify-content:space-between;gap:24px;flex-wrap:wrap;padding:32px 36px;border-radius:24px;background:linear-gradient(120deg,#f7984e,#ef6f1f);color:#fff}
.pm-ctab h2{margin:0 0 4px;color:#fff;font-family:"Plus Jakarta Sans",Roboto,sans-serif;font-weight:800;font-size:clamp(22px,2.4vw,30px)}
.pm-ctab p{margin:0;opacity:.92}
.pm-ctab .pg-btn{background:#fff;color:#ef6f1f!important;border-color:#fff}
.pm-ctab .pg-btn2{background:transparent;color:#fff!important;border-color:rgba(255,255,255,.6)}
@media(max-width:1100px){.pm-mgrid{grid-template-columns:repeat(2,minmax(0,1fr))}.pm-steps{grid-template-columns:repeat(3,minmax(0,1fr));row-gap:28px}.pm-steps:before{display:none}}
@media(max-width:900px){.pm-hgrid,.pm-bgrid{grid-template-columns:minmax(0,1fr)}.pm-inv{max-width:440px}.pm-ggrid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:600px){.pm-sec{padding:52px 0}.pm-mgrid,.pm-ggrid{grid-template-columns:minmax(0,1fr)}.pm-steps{grid-template-columns:minmax(0,1fr)}.pm-steps li{display:grid;grid-template-columns:44px 1fr;column-gap:14px;text-align:left}.pm-steps b{grid-row:1/3;margin:0}.pm-row{grid-template-columns:minmax(0,1fr) auto}.pm-row>span{grid-column:1/-1;font-size:13px}.pm-copy em{display:none}.pm-ctab{padding:26px 22px}.pm-bcard{padding:4px 16px 10px}}
.pm-head{max-width:760px}

/* ===== Payments page v2 (pq-) ===== */
.pq-hero{background:radial-gradient(45% 70% at 85% 35%,rgba(247,152,78,.16),transparent 70%),linear-gradient(180deg,#fff7f0,#fff);padding:40px 0 72px}
.pq-pill{display:inline-flex;align-items:center;gap:7px;padding:8px 16px;border-radius:99px;background:#e8f7ee;border:1px solid #bfe8cd;color:#16803a;font-weight:600;font-size:14.5px;margin:18px 0 6px}
.pq-hero .pg-btn{display:inline-flex;align-items:center;gap:8px;padding:16px 30px;font-size:17px;box-shadow:0 16px 30px -12px rgba(239,111,31,.55)}
.pq-inv{background:#fff;border-radius:24px;overflow:hidden;box-shadow:0 40px 80px -30px rgba(22,24,29,.35),0 0 0 1px rgba(22,24,29,.05)}
.pq-inv-h{display:flex;justify-content:space-between;align-items:center;padding:26px 30px;background:linear-gradient(120deg,#22252d,#16181d)}
.pq-inv-h b{color:#fff;font-size:18px;font-family:"Plus Jakarta Sans",Roboto,sans-serif}
.pq-inv-h span{background:rgba(74,222,128,.16);color:#4ade80;font-weight:700;font-size:13px;letter-spacing:.06em;text-transform:uppercase;padding:6px 14px;border-radius:99px}
.pq-inv dl{margin:0;padding:10px 30px 20px}
.pq-inv dl div{display:flex;justify-content:space-between;padding:16px 0;border-bottom:1px solid #f1f2f5;font-size:15.5px}
.pq-inv dt{color:#8a8f9a}.pq-inv dd{margin:0;font-weight:600;color:#16181d}
.pq-inv dl .t{border-bottom:0}.pq-inv .t dt{color:#16181d;font-weight:700;font-size:17px}.pq-inv .t dd{color:#1f9a40;font-size:22px;font-weight:800}
.pq-eb{display:block;color:var(--or);font-weight:700;font-size:14px;letter-spacing:.12em;text-transform:uppercase;margin-bottom:10px}
.pq-head{max-width:820px;margin:0 0 36px}
.pq-head h2,.pq-how h2{font-family:"Plus Jakarta Sans",Roboto,sans-serif;font-weight:800;letter-spacing:-.025em;font-size:clamp(28px,3.2vw,42px);margin:0 0 14px;color:#14161b}
.pq-head p,.pq-how p{color:#4b505c;font-size:17px;line-height:1.75;margin:0 0 14px}
.pq-head.pq-c{text-align:center;margin:0 auto 40px;max-width:640px}
.pq-bank{background:#fff}
.pq-bgrid{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:24px;align-items:start}
.pq-bcard{border:1px solid #ece6df;border-radius:22px;overflow:hidden;background:#fff;box-shadow:0 20px 50px -30px rgba(22,24,29,.25)}
.pq-bh{display:flex;align-items:center;gap:14px;padding:22px 26px;background:#fffaf5;border-bottom:1px solid #f1e8de}
.pq-bh b{display:block;font-size:19px;color:#16181d}.pq-bh small{color:#8a8f9a;font-size:14px}
.pq-bi{width:50px;height:50px;border-radius:14px;display:grid;place-items:center;flex:none;background:#fff;color:var(--or);box-shadow:0 4px 12px rgba(16,18,24,.06)}
.pq-rows{padding:6px 26px}
.pq-rows .pm-row{grid-template-columns:130px minmax(0,1fr) auto}
.pq-rows .pm-row b{text-align:right;font-size:15.5px}
.pq-qr{display:flex;gap:20px;align-items:center;margin:12px 26px 26px;padding:18px;border:1px solid #f1ebe4;border-radius:16px}
.pq-qrimg{width:120px;height:120px;flex:none;border:2px dashed #e8d6c5;border-radius:12px;display:grid;place-items:center;align-content:center;gap:4px;color:#c7a787}
.pq-qrimg small{font-size:10px;font-weight:700;letter-spacing:.08em}
.pq-qr h3{margin:0 0 6px;color:#1f9a40;font-size:18px}.pq-qr p{margin:0;color:#5d6370;font-size:14.5px;line-height:1.6}
.pq-side{display:grid;gap:16px}
.pq-m{display:flex;gap:18px;align-items:flex-start;padding:22px 24px;border:1px solid #ece6df;border-radius:20px;background:#fff;transition:border-color .2s,box-shadow .2s}
.pq-m:hover{border-color:#f3cfaf;box-shadow:0 18px 40px -24px rgba(239,111,31,.4)}
.pq-logo{width:72px;height:52px;flex:none;border:1px solid #ece6df;border-radius:12px;display:grid;place-items:center;background:#fff}
.pq-logo img{width:52px;height:34px;border:0}.pq-logo .pm-kp{border:0;padding:0 4px;font-size:12px}
.pq-mh{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:8px}
.pq-m h3{margin:2px 0 6px;font-size:19px;color:#16181d}
.pq-m p{margin:0;color:#5d6370;font-size:15px;line-height:1.65}
.pq-chip{display:inline-flex;align-items:center;gap:6px;padding:6px 10px;border-radius:10px;background:#f6f6f8;font-size:13px}
.pq-chip small{font-size:11px;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:#8a8f9a}
.pq-after{display:flex;align-items:center;gap:18px;flex-wrap:wrap;margin-top:24px;padding:22px 26px;border-radius:20px;background:#16181d;color:#c9cdd6}
.pq-after .pq-bi{background:rgba(247,152,78,.15)}
.pq-after>div:nth-child(2){flex:1;min-width:240px}.pq-after b{color:#fff}
.pq-after>div:nth-child(2) b:first-child{display:block;font-size:17px;margin-bottom:3px}
.pq-after .pm-nb{margin:0}.pq-after .pg-btn2{background:transparent;color:#fff;border-color:rgba(255,255,255,.25)}
.pq-lost{display:flex;align-items:center;gap:18px;flex-wrap:wrap;margin-top:24px;padding:22px 26px;border-radius:20px;background:#fffaf0;border:1px solid #f4dfb4;border-left:5px solid #e0a33a}
.pq-li{width:46px;height:46px;border-radius:12px;display:grid;place-items:center;background:#fdefd2;color:#a8701a;flex:none}
.pq-lost>div{flex:1;min-width:220px;color:#7a5a1e}.pq-lost>div b{display:block;color:#5b4312;font-size:17px;margin-bottom:3px}
.pq-lost a{color:#5b4312;font-weight:700;text-decoration:underline}
.pq-lost .pq-lbtn{display:inline-flex;align-items:center;gap:8px;padding:14px 26px;border-radius:12px;background:#e0a33a;color:#fff!important;font-weight:700;text-decoration:none;box-shadow:0 10px 22px -10px rgba(224,163,58,.7)}
.pq-how{background:#fbf8f5}
.pq-hgrid{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:56px;align-items:start}
.pq-steps{background:#fff;border:1px solid #ece6df;border-radius:22px;overflow:hidden;box-shadow:0 20px 50px -30px rgba(22,24,29,.25)}
.pq-sh{padding:20px 28px;background:#fffaf5;border-bottom:1px solid #f1e8de;font-weight:700;font-size:14px;letter-spacing:.1em;text-transform:uppercase;color:#8a6a4c}
.pq-steps ol{list-style:none;margin:0;padding:8px 28px 14px}
.pq-steps li{display:flex;gap:16px;align-items:flex-start;padding:16px 0;border-bottom:1px solid #f4efe9;font-size:15.5px;line-height:1.6;color:#2a2d35}
.pq-steps li:last-child{border-bottom:0}
.pq-steps li b{width:36px;height:36px;border-radius:50%;flex:none;display:grid;place-items:center;background:#fff1e4;color:#ef6f1f;font-size:15px}
.pq-steps li span{padding-top:6px}
.pq-know{background:#fff}
.pq-ggrid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px}
.pq-g{display:flex;gap:16px;align-items:flex-start;padding:28px 26px;border:1px solid #ece6df;border-radius:20px;background:#fff;box-shadow:0 12px 30px -24px rgba(22,24,29,.25)}
.pq-gi{width:48px;height:48px;border-radius:14px;flex:none;display:grid;place-items:center;background:#fff1e4;color:#ef6f1f}
.pq-g h3{margin:2px 0 8px;font-size:18px;color:#16181d}
.pq-g p{margin:0;color:#5d6370;font-size:15px;line-height:1.7}
.pq-cta{background:#fff}
@media(max-width:1000px){.pq-bgrid,.pq-hgrid{grid-template-columns:minmax(0,1fr)}.pq-ggrid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:600px){.pq-ggrid{grid-template-columns:minmax(0,1fr)}.pq-rows{padding:4px 16px}.pq-rows .pm-row{grid-template-columns:minmax(0,1fr) auto}.pq-rows .pm-row b{text-align:left}.pq-bh{padding:18px 16px}.pq-qr{margin:8px 16px 16px;flex-direction:column;align-items:flex-start}.pq-m{padding:18px;gap:14px}.pq-logo{width:58px;height:44px}.pq-after,.pq-lost{padding:20px}.pq-after .pm-nb,.pq-lost .pq-lbtn{width:100%}.pq-after .pm-nb a,.pq-lost .pq-lbtn{flex:1;justify-content:center;text-align:center}.pq-inv-h,.pq-inv dl{padding-left:20px;padding-right:20px}}
.pq-after>div:nth-child(2) span b{display:inline;font-size:inherit;margin:0}
.pq-after span b{display:inline!important;font-size:inherit!important;margin:0!important}
@media(max-width:600px){.pq-after .pm-nb{flex-direction:column}.pq-after .pm-nb a{width:100%}.pq-logo .pm-kp{font-size:10px;padding:0}.pq-logo .pm-kp:before{width:6px;height:6px;margin-right:4px}}
.pq-logo .pm-kp{font-size:11px;padding:0}.pq-logo .pm-kp:before{width:7px;height:7px;margin-right:4px}.pq-after a[href^=mailto]:not(.pg-btn){color:#f7a55f;text-decoration:underline}
/* Payments: pay-online block */
.pq-online{display:grid;grid-template-columns:minmax(0,1.2fr) minmax(0,.8fr);gap:32px;align-items:center;padding:36px;margin-bottom:64px;border-radius:24px;background:linear-gradient(120deg,#fff3e8,#fff 60%);border:1px solid #f3dcc7;box-shadow:0 30px 60px -36px rgba(239,111,31,.45)}
.pq-oh h2{font-family:"Plus Jakarta Sans",Roboto,sans-serif;font-weight:800;letter-spacing:-.025em;font-size:clamp(24px,2.6vw,34px);margin:0 0 12px;color:#14161b}
.pq-oh p{margin:0 0 18px;color:#4b505c;font-size:16.5px;line-height:1.7}
.pq-otags{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:22px}
.pq-otags span{padding:6px 12px;border-radius:99px;background:#fff;border:1px solid #f0e2d5;font-size:14px;font-weight:600;color:#2a2d35}
.pq-obtn{display:inline-flex;align-items:center;gap:8px;padding:15px 26px;font-size:16.5px;box-shadow:0 14px 28px -12px rgba(239,111,31,.55)}
.pq-ost{list-style:none;margin:0;padding:22px;background:#fff;border-radius:18px;border:1px solid #f0e6dc;display:grid;gap:14px}
.pq-ost li{display:flex;gap:14px;align-items:flex-start;font-size:15.5px;line-height:1.55;color:#2a2d35}
.pq-ost b{width:32px;height:32px;border-radius:50%;flex:none;display:grid;place-items:center;color:#fff;background:linear-gradient(135deg,#f7984e,#ef6f1f);font-size:14px}
.pq-ost span{padding-top:5px}
.pq-logo svg{color:var(--or)}
@media(max-width:900px){.pq-online{grid-template-columns:minmax(0,1fr);padding:24px}}
@media(max-width:600px){.pq-online{padding:20px;margin-bottom:44px}.pq-obtn{width:100%;justify-content:center}}
/* Payments v3: two options */
.pq-two{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:24px;align-items:stretch}
.pq-opt{display:flex;flex-direction:column;background:#fff;border:1px solid #ece6df;border-radius:24px;padding:28px;box-shadow:0 24px 50px -32px rgba(22,24,29,.3)}
.pq-opt>p{margin:0 0 18px;color:#4b505c;font-size:16px;line-height:1.7}
.pq-opth{display:flex;align-items:center;gap:14px;margin-bottom:16px;padding-bottom:16px;border-bottom:1px solid #f1ebe4}
.pq-num{width:44px;height:44px;border-radius:14px;display:grid;place-items:center;flex:none;color:#fff;font-weight:800;font-size:18px;background:linear-gradient(135deg,#f7984e,#ef6f1f)}
.pq-opth h3{margin:0;font-size:21px;color:#16181d;font-family:"Plus Jakarta Sans",Roboto,sans-serif}
.pq-opth small{color:#1f9a40;font-weight:600;font-size:13.5px}
.pq-optb .pq-opth small{color:#8a8f9a}
.pq-mlist{list-style:none;margin:0 0 24px;padding:0;display:grid;gap:10px}
.pq-mlist li{display:flex;align-items:center;gap:14px;padding:10px 12px;border:1px solid #f1ebe4;border-radius:14px;font-weight:600;font-size:15.5px;color:#16181d;flex-wrap:wrap}
.pq-mlist em{font-style:normal;font-weight:400;color:#8a8f9a;font-size:13.5px}
.pq-li2{width:56px;height:38px;border-radius:9px;display:grid;place-items:center;background:#fff7f0;color:var(--or);flex:none}
.pq-li2 img{width:46px;height:30px;border:0;background:none}
.pq-opt .pq-obtn{margin-top:auto;align-self:flex-start}
.pq-optb .pq-rows{padding:0;margin-bottom:18px}
.pq-optb .pm-row{grid-template-columns:120px minmax(0,1fr) auto}
.pq-mail{margin-top:auto;display:flex;gap:12px;align-items:flex-start;padding:16px;border-radius:14px;background:#fff7f0;color:#4b505c;font-size:15px;line-height:1.6}
.pq-mail svg{color:var(--or);flex:none;margin-top:2px}.pq-mail b{color:#16181d}.pq-mail a{color:var(--or);font-weight:600}
.pq-ggrid{grid-template-columns:repeat(6,minmax(0,1fr))}.pq-g{grid-column:span 2}.pq-g:nth-child(4){grid-column:2/span 2}
@media(max-width:1000px){.pq-two{grid-template-columns:minmax(0,1fr)}.pq-ggrid{grid-template-columns:repeat(2,minmax(0,1fr))}.pq-g,.pq-g:nth-child(4){grid-column:auto}.pq-g:last-child{grid-column:1/-1}}
@media(max-width:600px){.pq-opt{padding:20px}.pq-optb .pm-row{grid-template-columns:minmax(0,1fr) auto}.pq-optb .pm-row b{text-align:left}.pq-opt .pq-obtn{align-self:stretch;justify-content:center}.pq-ggrid{grid-template-columns:minmax(0,1fr)}.pq-g:last-child{grid-column:auto}}
.pq-optc{margin-top:24px}
.pq-cgrid{display:grid;grid-template-columns:minmax(0,1.1fr) minmax(0,1fr) minmax(0,1.1fr);gap:24px;align-items:center}
.pq-cgrid>p{margin:0;color:#4b505c;font-size:16px;line-height:1.7}
.pq-optc .pq-rows{padding:0}.pq-optc .pm-row{grid-template-columns:auto minmax(0,1fr) auto;border:1px solid #f1ebe4;border-radius:14px;padding:12px 14px}
.pq-optc .pm-row b{text-align:right}
.pq-optc .pq-mail{margin:0}
@media(max-width:1000px){.pq-cgrid{grid-template-columns:minmax(0,1fr);gap:16px}}
@media(max-width:600px){.pq-optc .pm-row{grid-template-columns:minmax(0,1fr) auto}.pq-optc .pm-row b{text-align:left}}
/* Payments v4: method tabs (left) + details panel (right) */
.pq-tabs{display:grid;grid-template-columns:minmax(0,.85fr) minmax(0,1.15fr);gap:24px;align-items:start}
.pq-tlist{display:grid;gap:10px}
.pq-tab{display:flex;align-items:center;gap:14px;width:100%;text-align:left;padding:14px 16px;border:1px solid #ece6df;border-radius:16px;background:#fff;font:inherit;color:#16181d;cursor:pointer;transition:border-color .15s,box-shadow .15s,background .15s;position:relative}
.pq-tab:hover{border-color:#f3cfaf}
.pq-tab.on{border-color:var(--or);background:#fff8f2;box-shadow:0 14px 30px -18px rgba(239,111,31,.55)}
.pq-tab.on:after{content:"";position:absolute;right:-13px;top:50%;width:14px;height:14px;background:#fff8f2;border-top:1px solid var(--or);border-right:1px solid var(--or);transform:translateY(-50%) rotate(45deg)}
.pq-tab:focus-visible{outline:3px solid rgba(239,111,31,.35);outline-offset:2px}
.pq-ti{width:56px;height:40px;border-radius:10px;display:grid;place-items:center;flex:none;background:#fff;border:1px solid #f1ebe4;color:var(--or)}
.pq-ti img{width:46px;height:30px;border:0;background:none}
.pq-tt{flex:1;min-width:0}.pq-tt b{display:block;font-size:16px}.pq-tt small{display:block;color:#8a8f9a;font-size:13px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.pq-kind{font-size:11.5px;font-weight:700;padding:3px 9px;border-radius:99px;flex:none}
.pq-kind.online{background:#e8f7ee;color:#1f9a40}.pq-kind.offline{background:#f3f4f6;color:#5d6370}
.pq-panels{background:#fff;border:1px solid #ece6df;border-radius:24px;padding:28px;box-shadow:0 30px 60px -36px rgba(22,24,29,.35);min-height:100%}
.pq-pan[hidden]{display:none}
.pq-pan{animation:pqIn .25s ease}
@keyframes pqIn{from{opacity:0;transform:translateY(6px)}}
.pq-panh{display:flex;align-items:center;gap:14px;padding-bottom:18px;margin-bottom:18px;border-bottom:1px solid #f1ebe4}
.pq-panh h3{margin:0;font-size:22px;font-family:"Plus Jakarta Sans",Roboto,sans-serif}.pq-panh small{color:#8a8f9a}
.pq-pan>p{color:#4b505c;font-size:16px;line-height:1.7;margin:0 0 16px}
.pq-ps{margin:0 0 16px;padding:0;list-style:none;counter-reset:n;display:grid;gap:10px}
.pq-ps li{counter-increment:n;display:flex;gap:12px;align-items:flex-start;font-size:15.5px;line-height:1.55;color:#2a2d35}
.pq-ps li:before{content:counter(n);width:28px;height:28px;border-radius:50%;flex:none;display:grid;place-items:center;background:#fff1e4;color:#ef6f1f;font-weight:700;font-size:13.5px}
.pq-pan .pq-ok{display:flex;align-items:center;gap:6px;color:#1f9a40;font-weight:600;font-size:14.5px}
.pq-pan .pq-obtn{display:inline-flex;margin-top:4px}
.pq-plogos{display:flex;gap:8px;margin-top:18px}.pq-plogos img{border:1px solid #ece6df;border-radius:7px}
.pq-pan .pq-rows{padding:0;margin-bottom:16px}.pq-pan .pm-row{grid-template-columns:120px minmax(0,1fr) auto}.pq-pan .pm-row b{text-align:right}
@media(prefers-reduced-motion:reduce){.pq-pan{animation:none}}
@media(max-width:900px){.pq-tabs{grid-template-columns:minmax(0,1fr)}.pq-tlist{grid-template-columns:repeat(2,minmax(0,1fr))}.pq-tab.on:after{display:none}.pq-kind{display:none}}
@media(max-width:600px){.pq-tlist{grid-template-columns:minmax(0,1fr);gap:8px}.pq-tab{padding:10px 12px}.pq-panels{padding:20px}.pq-pan .pm-row{grid-template-columns:minmax(0,1fr) auto}.pq-pan .pm-row b{text-align:left}.pq-pan .pq-obtn{width:100%;justify-content:center}}
.pq-ps li span{padding-top:3px}
.pq-kpl{list-style:none;margin:4px 0 18px;padding:0;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}
.pq-kpl li{display:flex;gap:12px;align-items:flex-start;padding:14px;border:1px solid #f1ebe4;border-radius:14px;background:#fffaf6}
.pq-kpl svg{color:var(--or);flex:none;margin-top:2px}
.pq-kpl b{display:block;font-size:15px;color:#16181d;line-height:1.35}.pq-kpl span{display:block;font-size:13.5px;color:#6b7280;margin-top:3px}
@media(max-width:600px){.pq-kpl{grid-template-columns:minmax(0,1fr)}}
.pq-ti.pq-kpi{background:linear-gradient(135deg,#f7984e,#ef6f1f);border-color:transparent;color:#fff;font-weight:800;font-size:15px;letter-spacing:.04em}
.pq-pan .pm-row b{font-family:inherit;font-weight:600;letter-spacing:0}.pq-pan .pm-row b[data-v]{font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace}#pp-cheque .pm-row:nth-child(2) b{font-family:inherit;font-weight:600;line-height:1.5}

/* ===== Payments page polish (v5) ===== */
.pg-pay .pm-sec .wrap,.pg-pay .pm-cta .wrap{max-width:1280px}
/* hero */
.pq-hero{position:relative;overflow:hidden;padding:36px 0 80px}
.pq-hero:before{content:"";position:absolute;inset:0;background-image:radial-gradient(rgba(239,111,31,.16) 1.2px,transparent 1.2px);background-size:22px 22px;-webkit-mask-image:radial-gradient(55% 70% at 80% 45%,#000,transparent 75%);mask-image:radial-gradient(55% 70% at 80% 45%,#000,transparent 75%);pointer-events:none}
.pq-hero .wrap{position:relative}
.pq-hero h1{font-size:clamp(36px,4.4vw,58px)}
.pq-hero .pg-btns{display:flex;flex-wrap:wrap;gap:12px;margin-top:6px}
.pq-hero .pg-btn2{display:inline-flex;align-items:center;padding:16px 26px;font-size:16.5px;background:#fff}
.pq-strip{display:flex;flex-wrap:wrap;align-items:center;gap:8px;margin-top:30px;padding-top:22px;border-top:1px solid #f1e3d6;max-width:560px}
.pq-strip>span:first-child{font-size:13px;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:#8a8f9a;margin-right:4px}
.pq-strip img{width:50px;height:32px;border:1px solid #ece6df;border-radius:7px;background:#fff}
.pq-kpb{display:inline-flex;align-items:center;height:32px;padding:0 10px;border-radius:7px;border:1px solid #ece6df;background:#fff;font-weight:800;font-size:12.5px;color:#ef6f1f}
.pq-sx{font-size:13.5px;color:#6b7280;margin-left:4px}
.pq-invw{position:relative;padding:26px 0 0 26px}
.pq-invw .pq-inv{transform:rotate(1.5deg);transition:transform .4s}
.pq-invw:hover .pq-inv{transform:none}
.pq-toast{position:absolute;left:0;top:0;z-index:2;display:flex;align-items:center;gap:10px;padding:12px 16px 12px 12px;border-radius:14px;background:#fff;box-shadow:0 18px 40px -14px rgba(22,24,29,.3);border:1px solid #eef0f3}
.pq-toast>svg{width:30px;height:30px;padding:7px;border-radius:50%;background:#28c941;color:#fff;stroke-width:3;flex:none}
.pq-toast b{display:block;font-size:14.5px;color:#16181d}.pq-toast small{color:#6b7280;font-size:12.5px}
@media(prefers-reduced-motion:no-preference){.pq-toast{animation:hxFloat 6s ease-in-out infinite}}
/* method section */
.pq-bank{padding-top:84px}
.pq-tab{padding:16px 18px}
.pq-tab .pq-tt b{font-size:16.5px}
.pq-panels{padding:32px}
/* how it works */
.pq-how h2{font-size:clamp(28px,3vw,40px)}
.pq-how .pq-hgrid{align-items:center}
/* good to know: list */
.pq-know{padding:88px 0}
.pq-kgrid{display:grid;grid-template-columns:minmax(0,.8fr) minmax(0,1.2fr);gap:64px;align-items:start}
.pq-kh{position:sticky;top:120px}
.pq-kh h2{font-family:"Plus Jakarta Sans",Roboto,sans-serif;font-weight:800;letter-spacing:-.025em;font-size:clamp(28px,3vw,40px);margin:0 0 14px;color:#14161b}
.pq-kh p{color:#4b505c;font-size:17px;line-height:1.7;margin:0 0 20px}
.pq-klink{display:inline-flex;align-items:center;gap:6px;font-weight:600;color:var(--or)}
.pq-klist{display:grid;border:1px solid #ece6df;border-radius:24px;background:#fff;overflow:hidden;box-shadow:0 24px 50px -34px rgba(22,24,29,.3)}
.pq-klist .pq-g{grid-column:auto!important;border:0;border-radius:0;box-shadow:none;padding:24px 28px;border-bottom:1px solid #f4efe9;transition:background .15s}
.pq-klist .pq-g:last-child{border-bottom:0}
.pq-klist .pq-g:hover{background:#fffaf6}
.pq-klist .pq-g h3{font-size:17.5px;margin:4px 0 6px}
/* CTA */
.pq-cta{padding:0 0 88px}
.pq-cta .pm-ctab{padding:40px 44px;position:relative;overflow:hidden}
.pq-cta .pm-ctab:after{content:"";position:absolute;right:-60px;top:-80px;width:260px;height:260px;border-radius:50%;background:rgba(255,255,255,.12);pointer-events:none}
.pq-cta .pm-nb{position:relative;z-index:1}
@media(max-width:1000px){.pq-kgrid{grid-template-columns:minmax(0,1fr);gap:28px}.pq-kh{position:static}.pq-invw{max-width:460px}}
@media(max-width:600px){.pq-hero{padding-bottom:56px}.pq-hero .pg-btns a{flex:1;justify-content:center;text-align:center}.pq-invw{padding:20px 0 0 12px}.pq-invw .pq-inv{transform:none}.pq-klist .pq-g{padding:20px}.pq-cta .pm-ctab{padding:28px 22px}.pq-strip{gap:6px}.pq-sx{flex-basis:100%;margin:4px 0 0}}
.pq-invw{padding:0 0 30px 0}
.pq-toast{top:auto;bottom:0;left:-22px}
.pq-head h2,.pq-how h2,.pq-kh h2{line-height:1.15}
@media(max-width:600px){.pq-toast{left:-4px}}
.pq-invw{padding-bottom:44px}.pq-toast{bottom:0}.pq-invw .pq-inv dl{padding-bottom:28px}
/* Payments hero illustration */
.pq-hgrid>.pq-invw{z-index:1}
.pq-hero .pm-hgrid{position:relative}
.pq-hero .pm-hgrid:after{content:"";position:absolute;right:-140px;top:50%;width:860px;height:612px;transform:translateY(-50%);background:url(../images/pay-hero.svg) center/contain no-repeat;pointer-events:none;z-index:0}
.pq-hero .pm-hgrid>div{position:relative;z-index:1}
@media(max-width:1100px){.pq-hero .pm-hgrid:after{right:-260px;opacity:.8}}
@media(max-width:900px){.pq-hero .pm-hgrid:after{top:auto;bottom:-80px;transform:none;width:620px;height:441px;right:-160px;opacity:.7}}
.pq-hero .pm-hgrid:after{right:-90px;width:780px;height:555px;top:52%}
@media(max-width:1100px){.pq-hero .pm-hgrid:after{right:-200px}}
@media(max-width:900px){.pq-hero .pm-hgrid:after{right:50%;margin-right:-280px;width:560px;height:398px;bottom:-30px;opacity:.75}}
@media(min-width:1101px){.pq-hero .pm-hgrid:after{right:-50px}}
/* Payments: tighter gap between hero and methods */
.pq-hero{padding-bottom:40px}
.pq-bank{padding-top:44px}
.pq-hero+.pq-bank .pq-head{margin-bottom:28px}
@media(max-width:600px){.pq-hero{padding-bottom:28px}.pq-bank{padding-top:32px}}
/* Payments: bank & cheque values use normal site font */
.pg-pay .pm-row b,.pg-pay .pq-pan .pm-row b[data-v],.pg-pay #pp-cheque .pm-row b{font-family:inherit!important;font-size:16px;font-weight:600;letter-spacing:0;color:#16181d}
.pg-pay .pm-row>span{font-size:15px}
.pq-map{display:inline-flex;align-items:center;gap:8px;margin:0 0 16px;padding:10px 16px;border-radius:12px;border:1px solid #f3cfaf;background:#fff8f2;color:#ef6f1f!important;font-weight:600;font-size:15px}
.pq-map:hover{background:#fff1e4}
.pg-pay #pp-cheque .pm-row{grid-template-columns:170px minmax(0,1fr) auto}
@media(max-width:600px){.pg-pay #pp-cheque .pm-row{grid-template-columns:minmax(0,1fr) auto}}
/* Payments: How it works v2 */
.pq-how{background:#f8f6f3}
.pq-how .pq-hgrid{grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:64px;align-items:center}
.pq-how h2{font-size:clamp(28px,2.7vw,38px);letter-spacing:-.03em}
.pq-hl p{font-size:17px;line-height:1.8}
.pq-hc{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-top:22px}
.pq-hc>div{padding:16px 18px;border-radius:16px;background:#fff;border:1px solid #ece6df}
.pq-hc b{display:flex;align-items:center;gap:8px;font-size:15.5px;color:#16181d}.pq-hc b svg{color:var(--or)}
.pq-hc span{display:block;margin-top:4px;color:#6b7280;font-size:14px}
.pq-steps{border-radius:22px;border:1px solid #e9e4de;box-shadow:0 30px 60px -36px rgba(22,24,29,.3)}
.pq-sh{display:flex;align-items:center;gap:8px;padding:22px 30px;background:#fbf8f5;color:#7a6a5c;font-size:13.5px}
.pq-sh svg{color:var(--or)}
.pq-steps ol{padding:6px 30px 10px;position:relative}
.pq-steps li{position:relative;align-items:center;padding:18px 0;font-size:16px}
.pq-steps li:not(:last-child):after{content:"";position:absolute;left:18px;top:56px;bottom:-18px;border-left:2px dashed #f3cfaf}
.pq-steps li b{position:relative;z-index:1;width:38px;height:38px;background:#fff1e4;box-shadow:0 0 0 4px #fff}
.pq-steps li:last-child b{background:linear-gradient(135deg,#35c46a,#1f9a40);color:#fff}
.pq-steps li span{padding-top:0}
@media(max-width:1000px){.pq-how .pq-hgrid{grid-template-columns:minmax(0,1fr);gap:32px}}
@media(max-width:600px){.pq-hc{grid-template-columns:1fr}.pq-sh,.pq-steps ol{padding-left:20px;padding-right:20px}.pq-steps li{font-size:15px}}
.pq-steps li:not(:last-child):after{display:none}
.pq-steps li b{box-shadow:none}
.pq-how h2{font-size:clamp(26px,2.45vw,34px)}
.pm-copy.err{background:#fff4e5;color:#b45309;border-color:#f6d3a0}
/* Good to Know About Billing – 3x2 grid */
.pq-know2{background:#fff}
.pq-know2 .pq-head h2{font-size:clamp(28px,3vw,42px);letter-spacing:-.03em}
.pq-g6{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px}
.pq-g6 .pq-g{grid-column:auto!important;display:flex;gap:20px;align-items:flex-start;padding:32px 30px;border:1px solid #ece6df;border-radius:22px;background:#fff;box-shadow:0 18px 40px -28px rgba(22,24,29,.3);transition:transform .2s,box-shadow .2s,border-color .2s}
.pq-g6 .pq-g:hover{transform:translateY(-3px);border-color:#f3cfaf;box-shadow:0 24px 50px -28px rgba(239,111,31,.4)}
.pq-g6 .pq-gi{width:52px;height:52px;border-radius:14px;background:#fff1e4;color:#ef6f1f}
.pq-g6 .pq-g h3{margin:2px 0 10px;font-size:19px;color:#16181d;font-family:"Plus Jakarta Sans",Roboto,sans-serif}
.pq-g6 .pq-g p{font-size:16px;line-height:1.75;color:#5d6370}
@media(max-width:1000px){.pq-g6{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:600px){.pq-g6{grid-template-columns:minmax(0,1fr);gap:14px}.pq-g6 .pq-g{padding:22px}}

/* ===== Home hero D (dashboard style) ===== */
.hero-d{position:relative;background:#fffdfb;overflow:hidden}
.hero-d:before{content:"";position:absolute;inset:0;background-image:linear-gradient(rgba(22,24,29,.045) 1px,transparent 1px),linear-gradient(90deg,rgba(22,24,29,.045) 1px,transparent 1px);background-size:56px 56px;-webkit-mask-image:linear-gradient(180deg,#000 40%,transparent);mask-image:linear-gradient(180deg,#000 40%,transparent);pointer-events:none}
.hero-d:after{content:"";position:absolute;right:-10%;top:-20%;width:60%;height:120%;background:radial-gradient(circle,rgba(247,152,78,.16),transparent 65%);pointer-events:none}
.hero-d .wrap{position:relative;z-index:1}
.hd-grid{display:grid;grid-template-columns:minmax(0,1.05fr) minmax(0,.95fr);gap:48px;align-items:center;padding:52px 0 64px}
.hd-eb{display:inline-flex;align-items:center;gap:10px;padding:8px 16px;border-radius:99px;background:#fff;border:1px solid #efe4d9;font:600 13px/1 ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;letter-spacing:.12em;color:#b45309;box-shadow:0 4px 14px rgba(16,18,24,.04)}
.hd-eb i{width:8px;height:8px;border-radius:50%;background:#28c941;box-shadow:0 0 0 4px rgba(40,201,65,.15)}
.hero-d h1{font-family:"Plus Jakarta Sans",Roboto,sans-serif;font-weight:800;font-size:clamp(36px,4.3vw,60px);line-height:1.06;letter-spacing:-.035em;color:#14161b;margin:22px 0 18px}
.hero-d h1 span{color:var(--or)}
.hd-lead{font-size:18px;line-height:1.7;color:#4b505c;max-width:560px;margin:0 0 26px}.hd-lead b{color:#16181d}
.hd-chips{display:flex;flex-wrap:wrap;gap:10px;margin-bottom:26px}
.hd-chip{display:inline-flex;align-items:center;gap:9px;padding:9px 18px 9px 9px;border-radius:99px;background:#fff;border:1px solid #ece6df;font-weight:600;font-size:15.5px;color:#16181d;transition:border-color .15s,transform .15s}
.hd-chip span{width:32px;height:32px;border-radius:50%;display:grid;place-items:center;background:#fff1e4;color:#ef6f1f}
.hd-chip:hover{border-color:#f3c9a0;transform:translateY(-1px);color:#16181d}
.hd-chip.on{background:#16181d;border-color:#16181d;color:#fff}.hd-chip.on span{background:rgba(255,255,255,.12);color:#f7a55f}
.hd-btns{display:flex;flex-wrap:wrap;gap:12px}
.hd-btn{display:inline-flex;align-items:center;gap:8px;padding:16px 28px;border-radius:12px;background:linear-gradient(135deg,#f7984e,#ef6f1f);color:#fff!important;font-weight:600;font-size:16.5px;box-shadow:0 16px 30px -12px rgba(239,111,31,.6)}
.hd-btn2{display:inline-flex;align-items:center;padding:16px 26px;border-radius:12px;background:#fff;border:1px solid #e6e1db;color:#16181d!important;font-weight:600;font-size:16.5px}
.hd-trust{margin:22px 0 0;color:#6b7280;font-size:14.5px}.hd-trust b{color:#16181d}
.hd-r{position:relative;padding:10px 0 40px}
.hd-win{background:#fff;border-radius:22px;border:1px solid #ece6df;box-shadow:0 50px 90px -40px rgba(22,24,29,.35)}
.hd-bar{display:flex;align-items:center;gap:7px;padding:13px 18px;border-bottom:1px solid #f1ebe4}
.hd-bar i{width:11px;height:11px;border-radius:50%;background:#ff6159}.hd-bar i:nth-child(2){background:#ffbd2e}.hd-bar i:nth-child(3){background:#28c941}
.hd-bar b{margin-left:10px;font-size:14px;color:#16181d}.hd-bar span{margin-left:auto;font-size:12px;font-weight:700;color:#1f9a40;background:#e8f7ee;padding:4px 10px;border-radius:99px}
.hd-body{padding:18px;display:grid;gap:14px}
.hd-dark{border-radius:18px;padding:20px;color:#fff;background:radial-gradient(120% 140% at 100% 0%,rgba(247,152,78,.35),transparent 55%),linear-gradient(135deg,#22252d,#16181d)}
.hd-dh{display:flex;align-items:center;gap:12px}.hd-di{width:42px;height:42px;border-radius:12px;display:grid;place-items:center;background:rgba(255,255,255,.1);color:#f7a55f}
.hd-dh b{display:block;font-size:16px}.hd-dh small{color:#b5bac5;font-size:13px}
.hd-dh em,.hd-ch em{margin-left:auto;font-style:normal;font-size:12px;font-weight:700;padding:4px 10px;border-radius:99px;background:rgba(74,222,128,.18);color:#4ade80}
.hd-stats{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin:18px 0 14px}
.hd-stats div{padding:10px 12px;border-radius:12px;background:rgba(255,255,255,.07)}.hd-stats small{display:block;color:#b5bac5;font-size:12px}.hd-stats b{font-size:15px}
.hd-meter{height:8px;border-radius:9px;background:rgba(255,255,255,.12);overflow:hidden}.hd-meter i{display:block;height:100%;border-radius:9px;background:linear-gradient(90deg,#f7984e,#ef6f1f)}
.hd-two{display:grid;grid-template-columns:1fr 1fr;gap:14px}
.hd-card{border:1px solid #f1ebe4;border-radius:16px;padding:14px}
.hd-ch{display:flex;align-items:center;gap:10px;margin-bottom:10px}.hd-ci{width:36px;height:36px;border-radius:10px;display:grid;place-items:center;background:#fff1e4;color:#ef6f1f;flex:none}
.hd-ch b{display:block;font-size:14px;color:#16181d}.hd-ch small{color:#8a8f9a;font-size:12px}
.hd-ch em{background:#e8f7ee;color:#1f9a40}.hd-ch em.g{background:#e8f7ee}
.hd-card ul{list-style:none;margin:0;padding:0;display:grid;gap:7px;font-size:13.5px;color:#2a2d35}
.hd-card li{display:flex;align-items:center;gap:7px}.hd-card li svg{color:#1f9a40}
.hd-card li.sp i{width:13px;height:13px;border-radius:50%;border:2px solid #f3c9a0;border-top-color:#ef6f1f}
@media(prefers-reduced-motion:no-preference){.hd-card li.sp i{animation:hdSpin 1s linear infinite}}
@keyframes hdSpin{to{transform:rotate(360deg)}}
.hd-big{margin:0 0 8px;font-size:22px;font-weight:800;color:#16181d}
.hd-bars{display:flex;align-items:flex-end;gap:6px;height:44px}.hd-bars i{flex:1;border-radius:5px 5px 2px 2px;background:linear-gradient(180deg,#f7a55f,#ef6f1f)}
.hd-dom{display:flex;align-items:center;flex-wrap:wrap;gap:10px;padding:12px 14px;border-radius:14px;background:#fffaf6;border:1px solid #f1ebe4;font-size:13.5px}
.hd-dom>span{display:flex;align-items:center;gap:7px;color:#4b505c;font-weight:600}.hd-dom>span svg{color:var(--or)}
.hd-dtags{display:flex;gap:6px}.hd-dtags em{display:inline-flex;align-items:center;gap:4px;font-style:normal;font-size:12px;padding:3px 9px;border-radius:99px;background:#fff;border:1px solid #f0e2d5;color:#4b505c}
.hd-dom>b{margin-left:auto;color:#1f9a40;font-size:13px}
.hd-float{position:absolute;display:flex;align-items:center;gap:10px;padding:10px 16px 10px 10px;border-radius:14px;background:#fff;border:1px solid #eef0f3;box-shadow:0 18px 40px -16px rgba(22,24,29,.3);font-weight:600;font-size:14.5px;color:#16181d}
.hd-float span{width:30px;height:30px;border-radius:9px;display:grid;place-items:center;background:#fff1e4;color:#ef6f1f}
.hd-f1{left:-36px;bottom:6px}.hd-f2{right:-12px;bottom:-4px}
@media(prefers-reduced-motion:no-preference){.hd-f1{animation:hxFloat 6s ease-in-out infinite}.hd-f2{animation:hxFloat 7s ease-in-out infinite -3s}}
.hd-strip{position:relative;z-index:1;background:linear-gradient(180deg,#fff7f0,#fff1e4);border-top:1px solid #f3e3d4;padding:22px 0}
.hd-sl{display:flex;flex-wrap:wrap;justify-content:center;gap:12px}
.hd-sl a{display:inline-flex;align-items:center;gap:10px;padding:8px 18px 8px 8px;border-radius:99px;background:#fff;border:1px solid #f0e2d5;font-weight:600;font-size:15px;color:#16181d;box-shadow:0 6px 16px -10px rgba(239,111,31,.4);transition:transform .15s,border-color .15s}
.hd-sl a span{width:34px;height:34px;border-radius:50%;display:grid;place-items:center;background:#fff1e4;color:#ef6f1f}
.hd-sl a:hover{transform:translateY(-2px);border-color:#f3c9a0;color:#ef6f1f}
@media(max-width:1100px){.hd-f1{left:-8px}.hd-f2{right:0}}
@media(max-width:960px){.hd-grid{grid-template-columns:minmax(0,1fr);gap:36px;padding:36px 0 48px}.hd-r{max-width:620px}}
@media(max-width:600px){.hd-eb{font-size:11px;letter-spacing:.06em;padding:7px 12px}.hd-lead{font-size:16.5px}.hd-chip{font-size:14px;padding-right:14px}.hd-btns a{flex:1;justify-content:center}.hd-two{grid-template-columns:1fr}.hd-stats{grid-template-columns:1fr 1fr 1fr;gap:6px}.hd-stats div{padding:8px}.hd-stats b{font-size:13px}.hd-float{display:none}.hd-sl{justify-content:flex-start;flex-wrap:nowrap;overflow-x:auto;padding-bottom:6px;scrollbar-width:none}.hd-sl a{flex:none}}
.hd-grid{grid-template-columns:minmax(0,1.1fr) minmax(0,.9fr);gap:44px}
.hero-d h1{font-size:clamp(34px,3.9vw,54px)}
.hd-chips{gap:8px}
.hd-chip{padding:7px 14px 7px 7px;font-size:14.5px;gap:8px}.hd-chip span{width:28px;height:28px}
.hd-strip{padding:18px 0}
.hd-sl{gap:10px}
.hd-sl a{padding:6px 14px 6px 6px;font-size:14px;gap:8px}.hd-sl a span{width:30px;height:30px}
@media(min-width:1101px){.hero-d .hd-strip .wrap{max-width:1320px}}
.hero-d h1{text-wrap:balance}
.hd-ch b,.hd-ch small{white-space:nowrap}
.hd-ch>div{min-width:0}
.hd-ch em{font-size:11px;padding:3px 8px}
.hero-d .hd-grid{padding-left:24px;padding-right:24px}@media(max-width:600px){.hero-d .hd-grid{padding-left:16px;padding-right:16px}}
@media(max-width:960px){.hero-d .hd-grid{grid-template-columns:minmax(0,1fr);gap:36px}.hd-r{max-width:620px}}
@media(max-width:600px){.hd-btns{flex-direction:column}.hd-btns a{width:100%;justify-content:center;white-space:nowrap}.hd-bar b{white-space:nowrap;font-size:13px}.hd-bar span{white-space:nowrap;font-size:11px}.hd-body{padding:12px}.hd-dark{padding:16px}}
.hd-r,.hd-win,.hd-body,.hd-two>div{min-width:0}
@media(max-width:1100px){.hero-d .hd-grid{grid-template-columns:minmax(0,1fr);gap:36px}.hd-r{max-width:640px;width:100%}}
/* hero-d: domain search + reviews */
.hd-search{margin:0 0 22px;max-width:600px}
.hd-flabel{margin:0 0 10px;font-weight:700;font-size:15px;color:#16181d;font-family:"Plus Jakarta Sans",Roboto,sans-serif}
.hero-d .hx-search{display:flex;align-items:center;gap:8px;max-width:600px;background:#fff;border:0;border-radius:16px;padding:7px;box-shadow:0 0 0 1px #e9e2da,0 18px 40px -16px rgba(239,111,31,.3)}
.hero-d .hx-search:focus-within{box-shadow:0 0 0 2px var(--or),0 18px 40px -16px rgba(239,111,31,.35)}
.hero-d .hx-search>svg{margin-left:8px;color:#8a8f9a;flex:none}
.hero-d .hx-search input[name=query]{flex:1;min-width:0;border:0;outline:0;background:none;font-size:16px;padding:12px 6px}
.hero-d .hx-search select{border:0;border-left:1px solid #eee;background:none;padding:10px 8px;font-size:15px}
.hero-d .hx-search button{border:0;border-radius:11px;padding:14px 26px;color:#fff;font-weight:600;font-size:16px;cursor:pointer;background:linear-gradient(135deg,#f7984e,#ef6f1f)}
.hero-d .hx-pop{margin-top:12px;font-size:14px;color:#6b7280;display:flex;flex-wrap:wrap;gap:8px;align-items:center}
.hero-d .hx-pop button{border:1px solid #e6e1db;background:#fff;color:#3b3f47;border-radius:99px;padding:4px 12px;font-size:13.5px;cursor:pointer}
.hero-d .hx-pop button:hover{border-color:var(--or);color:var(--or)}
.hero-d .hx-pop a{color:#5d6370;text-decoration:underline;text-underline-offset:3px;margin-left:6px}
.hero-d .hd-btns{margin-bottom:4px}
.hd-rev .hx-trust{display:inline-flex;align-items:center;gap:12px;flex-wrap:wrap;margin-top:22px;padding:10px 16px;border-radius:14px;background:#fff;border:1px solid #efe6dd;box-shadow:0 6px 18px rgba(16,18,24,.05);color:#5d6370;font-size:14px}
.hd-rev .hx-trust b{color:#16181d}
.hd-rev .hx-trust a{color:#5d6370;text-decoration:underline;text-underline-offset:3px}
@media(max-width:600px){.hero-d .hx-search{flex-wrap:wrap}.hero-d .hx-search>svg{display:none}.hero-d .hx-search input[name=query]{flex-basis:100%}.hero-d .hx-search button{flex:1}.hd-rev .hx-trust{display:flex}}
.hd-lead{margin-bottom:24px}
.hd-rev .hx-trust{margin-top:18px}
.hd-row{display:flex;align-items:center;justify-content:space-between;gap:16px;flex-wrap:wrap;margin-top:22px;max-width:600px}
.hd-row .hd-rev .hx-trust{margin-top:0}
.hd-row .hd-btn{flex:none}
@media(max-width:600px){.hd-row{flex-direction:column;align-items:stretch}.hd-row .hd-btn{justify-content:center}}
.hd-rbtn{display:flex;justify-content:center;margin-top:62px}
.hd-rbtn .hd-btn{padding:16px 34px}
@media(max-width:600px){.hd-rbtn{margin-top:20px}.hd-rbtn .hd-btn{width:100%;justify-content:center}}
.hd-r{padding-bottom:0}
.hd-f1{left:-40px;bottom:auto;top:300px}
.hd-f2{right:-24px;bottom:auto;top:40px}
.hd-rbtn{margin-top:28px}
@media(max-width:1100px){.hd-f1{left:-8px}.hd-f2{right:-6px}}
.hd-f1{top:auto;left:-36px;bottom:82px}
.hd-f2{top:auto;right:-12px;bottom:80px}
.hd-rbtn{margin-top:50px}
@media(max-width:1100px){.hd-f1{left:-8px}.hd-f2{right:0}}
/* hero-d: Starter plan card button */
.hd-r{padding-bottom:70px}
.hd-plan{position:absolute;left:-40px;bottom:0;z-index:3;width:250px;padding:20px 22px;border-radius:20px;background:#fff;border:1px solid #f0e6dc;box-shadow:0 30px 60px -20px rgba(22,24,29,.3)}
.hd-plan small{display:block;font-size:13px;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:#4b505c}
.hd-plan span{display:block;font-size:13px;color:#6b7280;margin-top:6px}
.hd-plan p{margin:0 0 14px;color:#6b7280;font-size:15px}.hd-plan p b{font-size:36px;font-weight:800;color:#16181d;letter-spacing:-.02em;margin-right:2px;font-family:"Plus Jakarta Sans",Roboto,sans-serif}
.hd-plan .hd-btn{width:100%;justify-content:center;padding:14px 16px;font-size:15.5px}
.hd-f2{bottom:40px}
@media(prefers-reduced-motion:no-preference) and (min-width:961px){.hd-plan{animation:hxFloat 8s ease-in-out infinite -2s}}
@media(max-width:1100px){.hd-plan{left:-8px}}
@media(max-width:600px){.hd-r{padding-bottom:0}.hd-plan{position:static;width:auto;margin-top:16px}}
.hd-plan{width:220px;padding:16px 18px}
.hd-plan p b{font-size:30px}
.hd-plan .hd-btn{padding:12px 14px;font-size:15px}
.hd-plan{width:236px}.hd-plan .hd-btn{white-space:nowrap}
@media(min-width:1101px){.hd-sl{flex-wrap:nowrap;gap:8px}.hd-sl a{padding:5px 12px 5px 5px;font-size:13.5px;gap:7px;white-space:nowrap}.hd-sl a span{width:28px;height:28px}.hd-sl a span svg{width:16px;height:16px}}
@media(min-width:1101px){.hd-sl{gap:6px}.hd-sl a{font-size:13px;padding:4px 11px 4px 4px;gap:6px}.hd-sl a span{width:26px;height:26px}}
@media(min-width:1101px) and (max-width:1300px){.hd-sl{flex-wrap:wrap}}

/* ===== Site-wide headings use the hero font ===== */
h1,h2,h3,.co-h2,.pq-head h2,.pm-head h2,.jb-head h2{font-family:"Plus Jakarta Sans",Roboto,system-ui,sans-serif}
h1{font-weight:800;letter-spacing:-.035em}
h2{font-weight:800;letter-spacing:-.025em}
h3{font-weight:700;letter-spacing:-.01em}
.pg-hero h1,.lg-hero h1{line-height:1.08}
.sf .ft-col h4,.eyebrow,.pq-eb,.co-kicker{font-family:inherit}

/* ===== Guarantees v3 (faded band) ===== */

.go{padding:76px 0;text-align:center;background:#fff}
.go .eyebrow{display:flex;justify-content:center;width:max-content;margin:0 auto 8px}
.go h2{font-family:"Plus Jakarta Sans",Roboto,sans-serif;font-weight:800;letter-spacing:-.03em;font-size:clamp(28px,3.2vw,42px);margin:0 0 10px}
.go-o{color:var(--or)}.go-sub{color:#5d6370;font-size:17px;margin:0 auto 40px}
.go-g4{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:20px;text-align:left}
.go-c{display:flex;flex-direction:column;background:#fff;border:1px solid #efe6dc;border-radius:20px;padding:26px 22px;box-shadow:0 12px 30px -20px rgba(22,24,29,.2);transition:transform .2s,box-shadow .2s,border-color .2s}
.go-c:hover{transform:translateY(-4px);border-color:#f3cfaf;box-shadow:0 22px 44px -20px rgba(239,111,31,.35)}
.go-i{width:60px;height:60px;border-radius:16px;display:grid;place-items:center;background:linear-gradient(135deg,#fff3e8,#ffe4cc);margin-bottom:16px}.go-i img{width:40px;height:40px}
.go-big{margin:0;font:800 28px/1.1 "Plus Jakarta Sans",Roboto,sans-serif;color:var(--or);letter-spacing:-.02em}
.go-c h3{margin:4px 0 8px;font-size:16.5px;color:#16181d}
.go-d{margin:0 0 16px;font-size:14.5px;line-height:1.6;color:#5d6370;flex:1}
.go-l{display:inline-flex;align-items:center;gap:6px;font-weight:600;font-size:14px;color:#ef6f1f!important}
.go-cta{display:flex;justify-content:center;align-items:center;gap:16px;flex-wrap:wrap;margin-top:40px}.go-cta span{color:#6b7280;font-size:14.5px}
.go-btn{display:inline-flex;align-items:center;gap:8px;padding:15px 26px;border-radius:12px;background:linear-gradient(135deg,#f7984e,#ef6f1f);color:#fff!important;font-weight:600;box-shadow:0 14px 28px -12px rgba(239,111,31,.55)}
@media(max-width:1000px){.go-g4{grid-template-columns:repeat(2,minmax(0,1fr))}.go-bgrid{grid-template-columns:minmax(0,1fr)}}
@media(max-width:600px){.go-g4,.go-g22{grid-template-columns:minmax(0,1fr)}.go-feat{padding:24px}.go-seal{width:84px;height:84px;right:18px;top:18px}.go-seal b{font-size:28px}.go-feat h3{margin-top:90px;font-size:22px}}

.go-f{position:relative;overflow:hidden;background:linear-gradient(180deg,#fff6ee 0,#fffaf6 60%,#fff 100%)}
.go-f:before{content:"";position:absolute;inset:0;background:radial-gradient(45% 60% at 85% 0%,rgba(247,152,78,.16),transparent 70%),radial-gradient(40% 60% at 0% 100%,rgba(247,152,78,.08),transparent 70%);pointer-events:none}
.go-f .wrap{position:relative}
.go-f .go-c{background:rgba(255,255,255,.8);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border-color:#f1e3d6;box-shadow:0 14px 34px -24px rgba(239,111,31,.35)}
.go-f .go-i{background:#fff;box-shadow:0 6px 16px -8px rgba(239,111,31,.4)}
.guar.go{padding:72px 0}
@media(max-width:600px){.guar.go{padding:52px 0}}
@media(max-width:600px){.go-f .go-c{display:grid;grid-template-columns:52px 1fr;column-gap:14px;padding:18px}.go-f .go-i{grid-row:1/5;width:52px;height:52px;margin:0}.go-f .go-i img{width:34px;height:34px}.go-f .go-big{font-size:22px}.go-f .go-d{margin-bottom:8px}.go-cta .go-btn{white-space:nowrap;font-size:15px}}
.go-f .go-d{margin-bottom:0;font-size:15px;line-height:1.7}
.go-f .go-c h3{font-size:17px}
.go-f .go-sub{max-width:560px}

/* ===== Free migration v3 (mg3) ===== */
.mg3{padding:76px 0;background:#fff;text-align:left}
.mg3 .wrap{max-width:1200px}
.mg3-h{text-align:center;max-width:760px;margin:0 auto 40px}
.mg3-h .eyebrow{display:flex;justify-content:center;width:max-content;margin:0 auto 8px}
.mg3-h h2{font-size:clamp(28px,3.4vw,46px);letter-spacing:-.035em;line-height:1.1;margin:0 0 14px;text-align:center}
.mg3-h h2 span{color:var(--or)}
.mg3-h p{margin:0;color:#4b505c;font-size:17.5px;line-height:1.65;text-align:center}
.mg3-panel{position:relative;overflow:hidden;display:grid;grid-template-columns:minmax(0,1.15fr) minmax(0,.85fr);gap:48px;align-items:center;padding:56px 64px;border-radius:32px;background:radial-gradient(60% 90% at 100% 0%,rgba(239,111,31,.28),transparent 60%),linear-gradient(135deg,#1c1f26,#121419);color:#fff}
.mg3-panel:after{content:"";position:absolute;right:40px;top:40px;bottom:40px;width:44%;background-image:radial-gradient(rgba(255,255,255,.18) 1.3px,transparent 1.3px);background-size:26px 26px;-webkit-mask-image:radial-gradient(closest-side,#000,transparent);mask-image:radial-gradient(closest-side,#000,transparent);pointer-events:none}
.mg3-l{position:relative;z-index:1}
.mg3-l h3{font-family:"Plus Jakarta Sans",Roboto,sans-serif;font-weight:800;font-size:clamp(24px,2.4vw,34px);letter-spacing:-.025em;line-height:1.15;margin:0 0 24px;color:#fff}
.mg3-l ul{list-style:none;margin:0 0 34px;padding:0;display:grid;gap:14px}
.mg3-l li{display:flex;gap:12px;align-items:flex-start;font-size:17px;line-height:1.5;color:#e6e8ee}
.mg3-l li svg{color:#f7a55f;flex:none;margin-top:3px}
.mg3-btns{display:flex;flex-wrap:wrap;gap:12px}
.mg3-btn{display:inline-flex;align-items:center;padding:16px 34px;border-radius:12px;background:#fff;color:#16181d!important;font-weight:700;font-size:16.5px;transition:transform .15s}
.mg3-btn:hover{transform:translateY(-2px)}
.mg3-btn2{display:inline-flex;align-items:center;gap:8px;padding:16px 26px;border-radius:12px;border:1px solid rgba(255,255,255,.25);color:#fff!important;font-weight:600;font-size:16px}
.mg3-btn2:hover{border-color:#f7a55f;color:#f7a55f!important}
.mg3-r{position:relative;z-index:1;display:flex;justify-content:center}
.mg3-dev{width:100%;max-width:340px;padding:16px;border-radius:24px;background:#2a2d35;border:1px solid rgba(255,255,255,.08);box-shadow:0 40px 80px -30px rgba(0,0,0,.8)}
.mg3-site{border-radius:14px;overflow:hidden;background:#fff}
.mg3-nav{display:flex;align-items:center;gap:10px;padding:9px 12px;font-size:9px;color:#6b7280}.mg3-nav b{width:14px;height:14px;border-radius:4px;background:#ef6f1f;margin-right:auto}
.mg3-hero{display:flex;justify-content:space-between;align-items:flex-end;height:120px;padding:16px 14px 0;background:linear-gradient(120deg,#f7984e,#ef6f1f)}
.mg3-hero div{align-self:center;padding-bottom:16px}.mg3-hero i{display:block;height:8px;border-radius:9px;background:#fff;width:110px;margin-bottom:7px}.mg3-hero i+i{width:76px;opacity:.85}.mg3-hero u{display:block;width:56px;height:18px;border-radius:99px;background:#16181d;margin-top:10px}
.mg3-hero svg{width:100px;height:auto}
.mg3-flow{display:flex;flex-direction:column;align-items:center;gap:6px;padding:10px 0}
.mg3-flow i{width:0;height:14px;border-left:2px dashed rgba(255,255,255,.25)}
.mg3-flow span{padding:6px 14px;border-radius:99px;background:rgba(255,255,255,.07);color:#c9cdd6;font-size:11px;font-weight:700;letter-spacing:.12em}
.mg3-prog{padding:16px;border-radius:14px;background:rgba(255,255,255,.05)}
.mg3-pt{display:flex;justify-content:space-between;align-items:baseline;margin-bottom:12px}.mg3-pt b{font-size:15px;color:#fff}.mg3-pt em{font-style:normal;font-weight:700;color:#f7a55f;font-size:14px}
.mg3-bars{display:flex;gap:3px;height:14px}.mg3-bars i{flex:1;border-radius:2px;background:rgba(255,255,255,.12)}
.mg3-bars i:nth-child(-n+25){background:linear-gradient(180deg,#f7a55f,#ef6f1f)}
.mg3-pf{display:flex;justify-content:space-between;margin-top:10px;font-size:11.5px;color:#8b92a1}
@media(prefers-reduced-motion:no-preference){.mg3-flow span{animation:mgPulse 1.6s ease-in-out infinite}.mg3-bars i:nth-child(25){animation:mgPulse 1s ease-in-out infinite}}
@keyframes mgPulse{50%{opacity:.45}}
@media(max-width:1000px){.mg3-panel{grid-template-columns:minmax(0,1fr);padding:40px 32px;gap:36px}.mg3-panel:after{display:none}}
@media(max-width:600px){.mg3{padding:52px 0}.mg3-panel{padding:28px 20px;border-radius:24px}.mg3-l li{font-size:15.5px}.mg3-btns a{flex:1;justify-content:center}}
.migr.mg3:before,.migr.mg3:after{display:none}
.mg3-h h2{text-wrap:balance}
@media(max-width:600px){.mg3-btns{flex-direction:column}.mg3-btns a{width:100%;justify-content:center;white-space:nowrap;padding:15px 20px}}
/* dot patterns v1 */
.dz-on{position:relative;isolation:isolate}
.dz{position:absolute;z-index:-1;pointer-events:none}
.dz-l{left:48px;top:150px;width:90px;height:90px;background-image:radial-gradient(#cfd3da 2px,transparent 2px);background-size:15px 15px;opacity:.8}
.dz-r{right:0;top:0;width:280px;height:220px;background-image:radial-gradient(#e6c9ae 2.2px,transparent 2.2px);background-size:17px 17px;opacity:.55;-webkit-mask-image:radial-gradient(circle at 100% 0,#000 18%,transparent 68%);mask-image:radial-gradient(circle at 100% 0,#000 18%,transparent 68%)}
.dz-on.pg-hero .dz-l,.dz-on.lg-hero .dz-l,.dz-on.rp-hero .dz-l{top:auto;bottom:30px}
@media(max-width:760px){.dz-l{display:none}.dz-r{width:170px;height:140px}}
/* hero illustration (same art as footer) v1 */
.hero-d{background-color:#fffdfb;background-image:linear-gradient(rgba(255,253,251,.5),rgba(255,253,251,.5)),url(../images/home-hero-bg.svg);background-size:auto,cover;background-position:0 0,center bottom;background-repeat:no-repeat}
.pg-hero:not(.pm-hero):not(.co-hero):not(.jb-hero),.rp-hero{background-color:#fff;background-image:linear-gradient(rgba(255,255,255,.58),rgba(255,255,255,.58)),url(../images/home-hero-bg.svg),linear-gradient(180deg,#fff8f1 0,#fff 100%);background-size:auto,cover,auto;background-position:0 0,center bottom,0 0;background-repeat:no-repeat}
.dz-on.pg-hero .dz-l,.dz-on.lg-hero .dz-l,.dz-on.rp-hero .dz-l{display:none}
/* smaller hero picture v1 */

/* package inside main picture v1 */
.hd-pk{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-top:14px;padding:16px 18px;border-radius:16px;background:linear-gradient(135deg,#fff4e8,#ffe7d2);border:1px solid #f6d6b8}
.hd-pk small{display:block;font-size:12px;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:#4b505c}
.hd-pk p{margin:2px 0 0;color:#6b7280;font-size:14px}
.hd-pk p b{font-family:"Plus Jakarta Sans",Roboto,sans-serif;font-size:28px;font-weight:800;color:#16181d;letter-spacing:-.02em}
.hd-pk .hd-btn{flex:none;white-space:nowrap;padding:12px 18px;font-size:15px}
@media(max-width:480px){.hd-pk{flex-direction:column;align-items:stretch}.hd-pk .hd-btn{justify-content:center}}
.hd-pk{margin-top:10px}.hero-d .hd-r{padding-bottom:0}
/* home hero — payments look v2 */
.hero-d{background:radial-gradient(45% 70% at 85% 35%,rgba(247,152,78,.16),transparent 70%),linear-gradient(180deg,#fff7f0,#fff)!important}
.hero-d:before{background-image:radial-gradient(rgba(239,111,31,.16) 1.2px,transparent 1.2px)!important;background-size:22px 22px!important;-webkit-mask-image:radial-gradient(55% 70% at 80% 45%,#000,transparent 75%)!important;mask-image:radial-gradient(55% 70% at 80% 45%,#000,transparent 75%)!important}
.hero-d:after{display:none!important}
.hero-d .hd-r{isolation:isolate}
.hero-d .hd-l{position:relative;z-index:2}
.hero-d .hd-r:before{content:"";position:absolute;left:50%;top:50%;width:900px;height:640px;transform:translate(-46%,-50%);background:url(../images/home-hero-pay.svg?v=7) center/contain no-repeat;pointer-events:none;z-index:-1}
.hero-d .hd-win{transform:rotate(2deg);transform-origin:center}
.hero-d .hd-eb{display:inline-flex;align-items:center;gap:8px;background:#e9f8ee;border:1px solid #bfe8cc;color:#17803d;font:600 15px/1 Roboto,sans-serif;letter-spacing:0;text-transform:none;padding:10px 18px;box-shadow:none}
.hero-d .hd-eb svg{flex:none}
.hd-toast{position:absolute;left:-36px;bottom:150px;z-index:3;display:flex;align-items:center;gap:10px;padding:12px 16px 12px 12px;border-radius:14px;background:#fff;box-shadow:0 18px 40px -14px rgba(22,24,29,.3);border:1px solid #eef0f3;animation:hxFloat 6s ease-in-out infinite}
.hd-toast>svg{width:30px;height:30px;padding:7px;border-radius:50%;background:#28c941;color:#fff;flex:none}
.hd-toast b{display:block;font-size:14.5px;color:#16181d}
.hd-toast small{color:#6b7280;font-size:12.5px}
@media(max-width:960px){.hero-d .hd-win{transform:none}.hd-toast{left:8px;bottom:auto;top:-18px}.hero-d .hd-r:before{width:600px;height:427px;opacity:.7}}
@media(prefers-reduced-motion:reduce){.hd-toast{animation:none}}
@media(min-width:961px){.hd-toast{bottom:-34px;left:-40px}}
@media(max-width:960px){.hd-toast{display:none}}
.hero-d .hd-win{transform:none!important}
.pq-cnote{margin-top:18px!important}
/* business hosting v1 */
.pg-biz .plansec .pgrid{grid-template-columns:repeat(4,minmax(0,1fr));gap:20px;justify-content:stretch}
.pg-biz .plansec{padding-top:8px}
.pg-biz .pw .bf{margin-bottom:6px}
.pg-biz .cmp-t8{min-width:1000px}
.pg-biz .cmp-scroll{overflow-x:auto!important}
.pg-biz .cmp-t8 th[scope=col]{width:auto}
@media(max-width:1100px){.pg-biz .plansec .pgrid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:640px){.pg-biz .plansec .pgrid{grid-template-columns:minmax(0,1fr)}}
.pg-biz .cmp-t8 thead th[scope=col],.pg-biz .cmp-t8 tfoot th[scope=col]{padding-left:6px;padding-right:6px;min-width:0}
.pg-biz .cmp-t8 td{padding-left:6px;padding-right:6px}
.pg-biz .cmp-t8 .cmp-amt{font-size:22px}
.pg-biz .cmp-t8 .cmp-btn{padding:9px 10px;font-size:13.5px;min-width:0;width:100%}
.pg-biz .cmp-t8 .cmp-corner,.pg-biz .cmp-t8 tbody th[scope=row]{width:210px}
.pg-biz .cmp-t8 .cmp-name{font-size:17px;white-space:nowrap}
.pg-biz .cmp-t8 .cmp-tag{white-space:nowrap;font-size:10.5px;padding:4px 8px}
.pg-biz .cmp-t8 .cmp-amt{font-size:20px}
.pg-biz .cmp-t8 .cmp-corner,.pg-biz .cmp-t8 tbody th[scope=row]{width:190px}
/* business: slider option */
.bz-car{position:relative}
.pg-biz .plansec .bz-track{display:flex!important;gap:20px;overflow-x:auto;scroll-snap-type:x mandatory;scroll-behavior:smooth;scrollbar-width:none;padding:34px 4px 14px;margin:0 -4px}
.bz-track::-webkit-scrollbar{display:none}
.bz-track>.pw{flex:0 0 calc((100% - 60px)/4);scroll-snap-align:start;min-width:0}
.bz-nav{position:absolute;top:50%;z-index:3;width:48px;height:48px;border-radius:50%;border:1px solid #f1e3d6;background:#fff;color:#ef6f1f;display:flex;align-items:center;justify-content:center;cursor:pointer;box-shadow:0 12px 26px rgba(122,58,16,.16);transform:translateY(-50%);transition:opacity .2s,background .2s}
.bz-nav:hover{background:#fff4e8}.bz-nav:disabled{opacity:0;pointer-events:none}
.bz-prev{left:-24px}.bz-next{right:-24px}
.bz-dots{display:flex;justify-content:center;gap:8px;margin-top:14px}
.bz-dot{width:9px;height:9px;border-radius:99px;border:0;background:#e9d9ca;cursor:pointer;padding:0;transition:width .2s,background .2s}
.bz-dot.on{width:26px;background:#ef6f1f}
@media(max-width:1100px){.bz-track>.pw{flex-basis:calc((100% - 20px)/2)}.bz-prev{left:-8px}.bz-next{right:-8px}}
@media(max-width:640px){.bz-track>.pw{flex-basis:86%}.bz-nav{display:none}}
/* business: range picker option */
.bz-pick{max-width:980px;margin:0 auto}
.bz-q{text-align:center;font-weight:700;font-size:20px;color:#16181d;margin:0 0 18px}
.bz-range{-webkit-appearance:none;appearance:none;width:100%;height:10px;border-radius:99px;background:linear-gradient(90deg,#f4883a var(--p,14%),#f1e3d6 var(--p,14%));outline:none;margin:0}
.bz-range::-webkit-slider-thumb{-webkit-appearance:none;width:30px;height:30px;border-radius:50%;background:#fff;border:6px solid #ef6f1f;box-shadow:0 6px 16px rgba(239,111,31,.4);cursor:pointer}
.bz-range::-moz-range-thumb{width:20px;height:20px;border-radius:50%;background:#fff;border:6px solid #ef6f1f;cursor:pointer}
.bz-stops{display:flex;justify-content:space-between;margin:12px -10px 30px}
.bz-stop{border:0;background:none;font:600 14px/1 Roboto,sans-serif;color:#6b7280;cursor:pointer;padding:6px 8px;border-radius:8px}
.bz-stop.on{color:#ef6f1f;background:#fff4e8}
.bz-card{display:grid;grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);background:#fff;border:1px solid #f1e3d6;border-radius:26px;box-shadow:0 40px 80px -36px rgba(122,58,16,.35);overflow:hidden}
.bz-main{position:relative;padding:36px 34px;background:linear-gradient(160deg,#fff7f0,#fff)}
.bz-tag{position:absolute;top:22px;right:22px;padding:5px 12px;border-radius:99px;background:linear-gradient(135deg,#f7984e,#ef6f1f);color:#fff;font-size:12px;font-weight:700;letter-spacing:.04em;text-transform:uppercase}
.bz-name{font-size:34px;margin:0 0 8px;color:#16181d}
.bz-price{display:flex;align-items:baseline;gap:8px;margin:2px 0 22px}
.bz-price b{font-family:"Plus Jakarta Sans",Roboto,sans-serif;font-size:56px;font-weight:800;letter-spacing:-.03em;color:#16181d;line-height:1}
.bz-price span{color:#6b7280;font-size:15px}
.bz-main .cont{display:flex;justify-content:center}
.bz-specs{padding:34px}
.bz-big{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin-bottom:24px}
.bz-big>div{padding:16px;border-radius:16px;background:#fff7f0;border:1px solid #f6e3d1;color:#ef6f1f}
.bz-big b{display:block;margin-top:8px;font-size:22px;color:#16181d}
.bz-big span{display:block;font-size:13px;line-height:1.35;color:#6b7280}
.bz-inc{margin:0 0 12px;font-size:13px;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:#4b505c}
.bz-list{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:1fr 1fr;gap:12px 18px}
.bz-list li{display:flex;align-items:center;gap:10px;font-size:15px;color:#2b2f38}
.bz-list svg{color:#1a8f4c;flex:none}
.bz-all{text-align:center;margin:24px 0 0}
.bz-all a{display:inline-flex;align-items:center;gap:8px;font-weight:700;color:#ef6f1f}
@media(max-width:820px){.bz-card{grid-template-columns:1fr}.bz-stop{font-size:12px;padding:6px 3px}.bz-stops{margin:12px -4px 24px}}
@media(max-width:520px){.bz-big{gap:8px}.bz-big>div{padding:12px 10px}.bz-big b{font-size:17px}.bz-big span{font-size:12px}.bz-list{grid-template-columns:1fr}.bz-price b{font-size:46px}.bz-main,.bz-specs{padding:26px 22px}.bz-stop:nth-child(even){visibility:hidden}}
/* business hero visual v1 */
.bzh{position:relative;max-width:500px;width:100%;justify-self:end;padding:30px 24px 40px 30px}
.bzh:before{content:"";position:absolute;inset:4px 6px 14px 16px;border-radius:30px;background:linear-gradient(135deg,#f7a55f,#f4883a);opacity:.16;transform:rotate(-3deg)}
.bzh-card{position:relative;z-index:1;background:#fff;border:1px solid #eceef2;border-radius:22px;box-shadow:0 30px 60px rgba(22,24,29,.12);padding:18px;display:grid;gap:12px}
.bzh-top{display:flex;align-items:center;gap:12px;padding-bottom:12px;border-bottom:1px solid #f0f1f4}
.bzh-logo{flex:none;width:40px;height:40px;border-radius:12px;background:#16181d;color:#fff;display:flex;align-items:center;justify-content:center}
.bzh-top b{display:block;font-size:15px;color:#16181d}.bzh-top small{font-size:12px;color:#6b7280}
.bzh-ok{margin-left:auto;display:inline-flex;align-items:center;gap:6px;font-size:12px;font-weight:700;color:#1a8f4c;background:#e6f6ec;padding:5px 10px;border-radius:99px}
.bzh-ok i{width:7px;height:7px;border-radius:50%;background:#22b35e;box-shadow:0 0 0 3px rgba(34,179,94,.2)}
.bzh-t{padding:14px;border-radius:16px;background:#fffaf6;border:1px solid #f6e6d8}
.bzh-h{display:flex;align-items:center;gap:12px}
.bzh-ic{flex:none;width:38px;height:38px;border-radius:11px;background:linear-gradient(135deg,#f7984e,#ef6f1f);color:#fff;display:flex;align-items:center;justify-content:center}
.bzh-h b{display:block;font-size:14.5px;color:#16181d}.bzh-h small{display:block;font-size:12px;color:#6b7280}
.bzh-speed{margin-top:12px}
.bzh-speed>div:first-child{display:flex;justify-content:space-between;font-size:12px;color:#6b7280;margin-bottom:6px}
.bzh-speed em{font-style:normal;font-weight:700;color:#1a8f4c}
.bzh-bar{height:8px;border-radius:99px;background:#f1e7dd;overflow:hidden}
.bzh-bar i{display:block;height:100%;width:92%;border-radius:99px;background:linear-gradient(90deg,#f7a55f,#ef6f1f);animation:bzhLoad 2.6s ease-out infinite}
@keyframes bzhLoad{0%{width:8%}60%,100%{width:92%}}
.bzh-mail{list-style:none;margin:10px 0 0;padding:0;display:grid;gap:6px}
.bzh-mail li{display:flex;align-items:center;gap:10px;font-size:13px;color:#2b2f38;background:#fff;border:1px solid #f1e7dd;border-radius:10px;padding:7px 10px}
.bzh-mail span{flex:none;width:24px;height:24px;border-radius:7px;color:#fff;font-size:12px;font-weight:700;display:flex;align-items:center;justify-content:center}
.bzh-mail .o{background:#f4883a}.bzh-mail .b{background:#3b82f6}.bzh-mail .g{background:#22b35e}
.bzh-mail em{margin-left:auto;font-style:normal;font-size:11.5px;font-weight:700;color:#ef6f1f;white-space:nowrap}
.bzh-tl{position:relative;display:flex;justify-content:space-between;margin:14px 6px 8px}
.bzh-tl:before{content:"";position:absolute;left:0;right:0;top:50%;height:2px;background:#f1d9c3;transform:translateY(-50%)}
.bzh-tl i{position:relative;width:12px;height:12px;border-radius:50%;background:#fff;border:3px solid #f4b07a}
.bzh-tl i.now{border-color:#22b35e;box-shadow:0 0 0 5px rgba(34,179,94,.18);animation:wh2pulse 2s infinite}
.bzh-tlc{display:flex;justify-content:space-between;font-size:12px;color:#6b7280}
.bzh-tlc .g{display:inline-flex;align-items:center;gap:4px;color:#1a8f4c;font-weight:700}
.bzh-chip{position:absolute;z-index:2;display:flex;align-items:center;gap:8px;background:#fff;border-radius:12px;padding:8px 12px 8px 8px;box-shadow:0 16px 36px rgba(16,18,24,.14);font-size:13.5px;font-weight:700;color:#16181d;animation:hiF 6s ease-in-out infinite}
.bzh-chip span{width:28px;height:28px;border-radius:9px;background:#fff4e8;color:#ef6f1f;display:flex;align-items:center;justify-content:center}
.bzh-chip span.g{background:#e6f6ec;color:#1a8f4c}
.bzh-c1{top:0;right:0}.bzh-c2{left:0;bottom:4px;animation-delay:.8s}
@media(max-width:960px){.bzh{justify-self:center;margin:8px auto 20px}}
@media(max-width:480px){.bzh{padding:26px 4px 36px}.bzh-mail li{font-size:12px}.bzh-c1{right:4px}.bzh-c2{left:4px}}
@media(prefers-reduced-motion:reduce){.bzh-bar i,.bzh-chip,.bzh-tl i.now{animation:none}}
.bzh-mini{display:grid;grid-template-columns:1fr 1fr;gap:8px}
.bzh-mini span{display:flex;align-items:center;gap:8px;padding:9px 10px;border-radius:12px;background:#fff;border:1px solid #f1e7dd;font-size:12.5px;font-weight:600;color:#2b2f38}
.bzh-mini svg{flex:none;color:#ef6f1f}
.bzh-t{padding:12px 14px}
.pg-biz .wh2 .bz-bg{opacity:1}.pg-biz .wh2-grid{position:relative;z-index:1}
.pg-biz .wh2 img.bz-bg{left:0!important;right:auto!important;top:0!important;width:100%!important;height:100%!important;max-width:none;transform:none!important;object-fit:cover;opacity:1!important}
@media(max-width:960px){.pg-biz .wh2 img.bz-bg{display:none!important}}
.pg-biz .pv-grid{grid-template-columns:repeat(3,minmax(0,1fr))}@media(max-width:900px){.pg-biz .pv-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:560px){.pg-biz .pv-grid{grid-template-columns:minmax(0,1fr)}}
/* business technical specifications band */
.bzs{position:relative;overflow:hidden;background:#16181d;color:#e9eaee;padding:84px 0;background-image:radial-gradient(45% 70% at 85% 50%,rgba(244,136,58,.22),transparent 70%),radial-gradient(35% 60% at 0% 100%,rgba(244,136,58,.10),transparent 70%)}
.bzs:before{content:"";position:absolute;inset:0;background-image:radial-gradient(rgba(255,255,255,.06) 1px,transparent 1px);background-size:22px 22px;pointer-events:none}
.bzs-g{position:relative;display:grid;grid-template-columns:minmax(0,1.05fr) minmax(0,.95fr);gap:48px;align-items:center}
.bzs .eyebrow{color:#f7a55f}
.bzs h2{color:#fff;font-size:clamp(30px,3.4vw,44px);line-height:1.12;letter-spacing:-.02em;margin:10px 0 26px}
.bzs h2 span{color:#f4883a}
.bzs-list{list-style:none;margin:0 0 30px;padding:0;display:grid;gap:14px}
.bzs-list li{display:flex;align-items:flex-start;gap:14px;font-size:16.5px;line-height:1.5;color:#e3e5ea}
.bzs-list i{flex:none;width:26px;height:26px;margin-top:-1px;border-radius:50%;background:linear-gradient(135deg,#f7984e,#ef6f1f);color:#fff;display:flex;align-items:center;justify-content:center;box-shadow:0 6px 16px rgba(239,111,31,.35)}
.bzs-btn{display:inline-flex;align-items:center;gap:10px;padding:15px 26px;border-radius:12px;background:linear-gradient(135deg,#f7984e,#ef6f1f);color:#fff;font-weight:700;font-size:16px;box-shadow:0 16px 30px -12px rgba(239,111,31,.7)}
.bzs-btn:hover{color:#fff;transform:translateY(-1px)}
.bzs-r{display:flex;justify-content:center}.bzs-r img{width:100%;max-width:560px;height:auto}
@media(max-width:960px){.bzs{padding:56px 0}.bzs-g{grid-template-columns:minmax(0,1fr);gap:28px}.bzs-r{order:-1}.bzs-r img{max-width:380px}}
@media(max-width:560px){.bzs-list li{font-size:15px}.bzs-btn{width:100%;justify-content:center}}
.pg-biz .cmp-t8 tbody th[scope=row]{white-space:normal;width:200px;max-width:200px}.pg-biz .cmp-t8 .cmp-amt{font-size:19px}
.bzs-lead{color:#b9bcc6;font-size:17px;line-height:1.6;margin:-12px 0 24px;max-width:560px}
.bz-specs{display:flex;flex-direction:column;justify-content:center}
.bz-incl{display:flex;align-items:center;gap:14px;padding:16px 18px;border-radius:16px;border:1px dashed #f1c9a6;background:#fffaf6;color:#ef6f1f;transition:background .2s,border-color .2s}
.bz-incl:hover{background:#fff4e8;border-color:#ef6f1f}
.bz-incl span{flex:1}.bz-incl b{display:block;font-size:15px;color:#16181d}.bz-incl small{display:block;font-size:13px;color:#6b7280;margin-top:2px}
.bz-incl>svg:first-child{flex:none;color:#1a8f4c}
.bz-big{margin-bottom:18px}
/* why business: light theme to match site */
.bzs{background:#fff7f0;color:#2b2f38;background-image:radial-gradient(45% 70% at 85% 50%,rgba(247,152,78,.16),transparent 70%),linear-gradient(180deg,#fff,#fff7f0)}
.bzs:before{background-image:radial-gradient(rgba(239,111,31,.12) 1px,transparent 1px);-webkit-mask-image:radial-gradient(60% 70% at 80% 50%,#000,transparent 75%);mask-image:radial-gradient(60% 70% at 80% 50%,#000,transparent 75%)}
.bzs .eyebrow{color:#ef6f1f}
.bzs h2{color:#16181d}
.bzs-lead{color:#5d6370}
.bzs-list li{color:#2b2f38}
.bzs-list i{background:#e6f6ec;color:#1a8f4c;box-shadow:none}
.bzs-list{gap:12px}
.bzs-list li{align-items:center}
.bzs-list i{width:38px;height:38px;margin-top:0;border-radius:11px;background:#fff;color:#ef6f1f;border:1px solid #f6d6b8;box-shadow:0 6px 14px rgba(239,111,31,.12)}
.bzs-list i{width:40px;height:40px;background:linear-gradient(135deg,#f7984e,#ef6f1f);color:#fff;border:0;box-shadow:0 8px 18px -6px rgba(239,111,31,.55)}.bzs-list i svg{width:20px;height:20px}
.bzs-list i svg{width:22px!important;height:22px!important;stroke-width:2.2}
/* business page: premium tick style */
.pg-biz .bzs-list i{width:24px;height:24px;border-radius:50%;background:linear-gradient(135deg,#f7984e,#ef6f1f);color:#fff;border:0;box-shadow:0 0 0 4px rgba(244,136,58,.14)}
.pg-biz .bzs-list i svg{width:13px!important;height:13px!important;stroke-width:3.4}
.pg-biz .bzs-list li{align-items:flex-start;gap:14px}.pg-biz .bzs-list i{margin-top:1px}
.pg-biz .wh2-ticks li:before{width:22px;height:22px;border-radius:50%;background:linear-gradient(135deg,#f7984e,#ef6f1f);box-shadow:0 0 0 4px rgba(244,136,58,.14);-webkit-mask:none}
.pg-biz .wh2-ticks li:after{content:"";position:absolute;left:0;top:0;width:22px;height:22px;background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23fff' stroke-width='3.4' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M6 12.5l4 4 8-9'/%3E%3C/svg%3E") center/13px no-repeat}
.pg-biz .cmp-y{width:24px;height:24px;background:linear-gradient(135deg,#f7984e,#ef6f1f);box-shadow:0 0 0 4px rgba(244,136,58,.12)}
.pg-biz .cmp-y svg{stroke:#fff;width:13px;height:13px;stroke-width:3.4}
.pg-biz .wh2-ticks li:before,.pg-biz .wh2-ticks li:after{top:1px}
.pg-biz .cmp-t8 tbody th[scope=row],.pg-biz .cmp-t8 .cmp-corner{min-width:210px}
/* business ticks: sleek */
.pg-biz .bzs-list i{width:20px;height:20px;background:none;box-shadow:none;border:0;color:#ef6f1f;margin-top:2px}
.pg-biz .bzs-list i svg{width:18px!important;height:18px!important;stroke-width:2.6}
.pg-biz .wh2-ticks li:before{background:none;box-shadow:none;width:20px;height:20px}
.pg-biz .wh2-ticks li:after{width:20px;height:22px;background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23ef6f1f' stroke-width='2.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M5 12.5l4.5 4.5L19 7.5'/%3E%3C/svg%3E") center/18px no-repeat}
.pg-biz .wh2-ticks li{padding-left:30px}
.pg-biz .cmp-y{width:auto;height:auto;background:none;box-shadow:none}
.pg-biz .cmp-y svg{stroke:#ef6f1f;width:18px;height:18px;stroke-width:2.8}
.pg-biz .cmp-y svg{width:20px!important;height:20px!important;stroke-width:2.6}.pg-biz .bzs-list i svg{width:20px!important;height:20px!important}
/* why business v2 */
.bzs-g{grid-template-columns:minmax(0,1.1fr) minmax(0,.9fr)}
.bzs-2{grid-template-columns:1fr 1fr;gap:14px 16px!important}
.bzs-2 li{padding:14px 14px;border-radius:14px;background:#fff;border:1px solid #f3e4d6;box-shadow:0 8px 20px -14px rgba(122,58,16,.25);transition:transform .2s,border-color .2s,box-shadow .2s}
.bzs-2 li:hover{transform:translateY(-2px);border-color:#f6c9a3;box-shadow:0 16px 30px -16px rgba(239,111,31,.35)}
.bzs-2 li span{display:block;font-size:13.5px;line-height:1.45;color:#6b7280}
.bzs-2 li b{display:block;font-size:15px;color:#16181d;margin-bottom:2px}
.pg-biz .bzs-2 i{margin-top:2px}
.bzs-r img{max-width:600px}
@media(max-width:560px){.bzs-2{grid-template-columns:1fr}}
@media(min-width:961px){.bzs-g{gap:40px;grid-template-columns:minmax(0,1fr) minmax(0,1fr)}.bzs-r img{width:118%;max-width:none;margin-right:-9%}}
@media(max-width:960px){.bzs-g{grid-template-columns:minmax(0,1fr)!important;gap:28px}.bzs-r{order:-1}.bzs-r img{width:100%;max-width:420px;margin:0 auto}}
/* business compare: clean */
.pg-biz .cmp-t8 thead th[scope=col]{padding:26px 8px 20px}
.pg-biz .cmp-t8 td,.pg-biz .cmp-t8 tbody th[scope=row]{padding-top:20px;padding-bottom:20px;font-size:15.5px}
.pg-biz .cmp-t8 td{font-weight:700;color:#16181d}
.pg-biz .cmp-t8 .cmp-g th{padding-top:14px;padding-bottom:14px}
.pg-biz .cmp-scroll+.cmp-more,.pg-biz .cmp-panel .cmp-more{display:none}
.cmp-inc{margin-top:22px;padding:24px 26px;border-radius:18px;background:#fff;border:1px solid #f1e3d6;box-shadow:0 14px 34px rgba(16,18,24,.05)}
.cmp-inc p{margin:0 0 14px;font-size:13px;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:#ef6f1f}
.cmp-inc ul{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px 22px}
.cmp-inc li{display:flex;align-items:flex-start;gap:9px;font-size:14.5px;line-height:1.45;color:#2b2f38}
.cmp-inc svg{flex:none;margin-top:2px;color:#ef6f1f;stroke-width:2.8}
@media(max-width:900px){.cmp-inc ul{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:560px){.cmp-inc{padding:20px 18px}.cmp-inc ul{grid-template-columns:1fr}}
.cmp-inc ul,.cmp-inc li{text-align:left}.cmp-inc li{justify-content:flex-start}.cmp-inc p{text-align:left}
@media(max-width:640px){.pg-biz .cmp-t8 tbody th[scope=row],.pg-biz .cmp-t8 .cmp-corner{min-width:120px;width:120px;font-size:13.5px}.pg-biz .cmp-t8{min-width:880px}}
/* business compare: server resources popover */
.res-row th small{display:block;font-size:12px;font-weight:500;color:#8a8e99;margin-top:2px}
.res-b{position:relative;display:inline-flex;align-items:center;gap:6px;padding:7px 12px 7px 9px;border-radius:99px;border:1px solid #f1d9c3;background:#fff7f0;color:#ef6f1f;font:600 13px/1 Roboto,sans-serif;cursor:pointer;transition:background .15s,border-color .15s}
.res-b:hover,.res-b:focus-visible{background:#fff;border-color:#ef6f1f;outline:none}
.res-pop{position:absolute;z-index:20;bottom:calc(100% + 10px);left:50%;width:230px;transform:translate(-50%,6px);padding:14px 16px;border-radius:14px;background:#16181d;color:#fff;text-align:left;box-shadow:0 20px 40px -12px rgba(0,0,0,.45);opacity:0;visibility:hidden;transition:opacity .18s,transform .18s,visibility .18s;pointer-events:none;font-weight:400}
.res-pop:after{content:"";position:absolute;top:100%;left:50%;margin-left:-7px;border:7px solid transparent;border-top-color:#16181d}
.res-r .res-pop{left:auto;right:-10px;transform:translateY(6px)}.res-r .res-pop:after{left:auto;right:28px}
.res-b:hover .res-pop,.res-b:focus .res-pop,.res-b.open .res-pop{opacity:1;visibility:visible;transform:translate(-50%,0)}
.res-r:hover .res-pop,.res-r:focus .res-pop,.res-r.open .res-pop{transform:translateY(0)}
.res-pop b{display:block;font-size:13px;color:#f7a55f;margin-bottom:10px;letter-spacing:.02em}
.res-pop i{display:grid;grid-template-columns:18px 1fr auto;align-items:center;gap:8px;font-style:normal;padding:7px 0;border-top:1px solid rgba(255,255,255,.1)}
.res-pop i svg{color:#f7a55f}
.res-pop em{font-style:normal;font-size:13px;color:#c9ccd4}
.res-pop strong{font-size:14px;color:#fff}
.pg-biz .cmp-scroll{overflow-y:visible}
.pg-biz .cmp-t8 thead th[scope=col]{padding-top:34px}
.bzs-2 li:last-child:nth-child(odd){grid-column:1/-1}
/* cmp v2 (budget/pro, business-style) */
.cmpv2 .cmp-scroll{overflow-y:visible}
.cmpv2 .cmp-t thead th[scope=col]{padding-top:30px}
.cmpv2 .cmp-t td,.cmpv2 .cmp-t tbody th[scope=row]{padding-top:18px;padding-bottom:18px;font-size:15.5px}
.cmpv2 .cmp-t td{font-weight:700;color:#16181d}
.cmpv2 .cmp-y{width:auto;height:auto;background:none;box-shadow:none}
.cmpv2 .cmp-y svg{stroke:#ef6f1f;width:20px;height:20px;stroke-width:2.6}
.cmpv2 .cmp-x{display:table-row!important}
.cmpv2 .cmp-more,.cmpv2 .cmp-x-btn{display:none!important}
.cmpv2 .cmp-inc li{font-size:14.5px}
/* home hero aligned with header logo */
.hero-d .wrap.hd-grid{max-width:1280px;padding-left:24px;padding-right:24px}
@media(max-width:1100px){.hero-d .wrap.hd-grid{padding-left:24px;padding-right:24px}}
@media(max-width:560px){.hero-d .wrap.hd-grid{padding-left:24px;padding-right:24px}}
/* product heroes match payments theme */
.wh2{background:radial-gradient(45% 70% at 85% 35%,rgba(247,152,78,.16),transparent 70%),linear-gradient(180deg,#fff7f0,#fff)!important;padding-top:36px}
.wh2:before{content:"";position:absolute;inset:0;background-image:radial-gradient(rgba(239,111,31,.16) 1.2px,transparent 1.2px);background-size:22px 22px;-webkit-mask-image:radial-gradient(55% 70% at 80% 45%,#000,transparent 75%);mask-image:radial-gradient(55% 70% at 80% 45%,#000,transparent 75%);pointer-events:none;z-index:0}
.wh2 img.hbg:not(.bz-bg){display:none}
.wh2-pill{margin:0 0 18px}
.wh2 .pg-crumbs{margin-bottom:16px}
.wh2 .wh2-grid,.wh2 .wh2-rrow{position:relative;z-index:1}
.wh2 .wh2-ticks li{padding-left:30px}
.wh2 .wh2-ticks li:before{background:none!important;box-shadow:none;width:20px;height:22px;top:1px;background-image:none!important}
.wh2 .wh2-ticks li:after{content:"";position:absolute;left:0;top:1px;width:20px;height:22px;background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23ef6f1f' stroke-width='2.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M5 12.5l4.5 4.5L19 7.5'/%3E%3C/svg%3E") center/18px no-repeat}
.wh2 img.bz-bg{display:block!important;left:0!important;right:auto!important;top:0!important;width:100%!important;height:100%!important;max-width:none;transform:none!important;object-fit:cover;opacity:1!important;z-index:0}
@media(max-width:960px){.wh2 img.bz-bg{display:none!important}}
/* product heroes: payments-style art behind dashboard */
.whd:after{content:"";position:absolute;left:50%;top:50%;width:820px;height:583px;transform:translate(-50%,-48%);background:center/contain no-repeat;pointer-events:none;z-index:-1;opacity:.9}
.whd{isolation:isolate}
.pg-wh:not(.pg-pro) .whd:after{background-image:url(../images/budget-hero-art.svg?v=4)}
.pg-pro:not(.pg-biz) .whd:after{background-image:url(../images/pro-hero-art.svg?v=5)}
.pg-biz .whd:after{background-image:url(../images/business-hero-art.svg?v=4)}
.wh2 .wh2-l{position:relative;z-index:2}
@media(max-width:960px){.whd:after{width:640px;height:455px;opacity:.7}}
@media(max-width:560px){.whd:after{width:520px;height:370px}}

/* budget: 3 plans */
@media(min-width:901px){.pg-wh:not(.pg-pro) .plansec .pgrid{grid-template-columns:repeat(3,minmax(0,1fr));max-width:1120px;margin-left:auto;margin-right:auto}}
@media(max-width:900px){.pg-wh:not(.pg-pro) .plansec .pgrid{grid-template-columns:minmax(0,1fr);max-width:460px;margin-left:auto;margin-right:auto}}

/* included v2 (budget) */
.cmp-inc2{padding:28px;background:linear-gradient(180deg,#fff8f2 0%,#fff 60%);border-color:#f3dcc8}
.cmp-inc2 .ci2-head{display:flex;align-items:flex-end;justify-content:space-between;gap:18px;margin-bottom:20px}
.cmp-inc2 .ci2-head p{margin:0 0 6px}
.cmp-inc2 .ci2-head h3{margin:0;font-size:21px;line-height:1.3;color:#1c1f26;letter-spacing:-.01em}
.ci2-count{flex:none;display:inline-flex;align-items:center;gap:7px;padding:8px 14px;border-radius:999px;background:#fff;border:1px solid #f1d9c4;font-size:13.5px;color:#5b6070;white-space:nowrap}
.ci2-count b{color:#ef6f1f;font-size:16px}
.ci2-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px}
.ci2-card{background:#fff;border:1px solid #f1e6dc;border-radius:14px;padding:18px 18px 16px;transition:transform .2s,box-shadow .2s,border-color .2s}
.ci2-card:hover{transform:translateY(-3px);box-shadow:0 14px 30px rgba(239,111,31,.10);border-color:#f6c8a2}
.ci2-ch{display:flex;align-items:center;gap:10px;margin-bottom:12px;padding-bottom:12px;border-bottom:1px dashed #f0dfd0}
.ci2-ch b{font-size:15px;color:#1c1f26}
.ci2-ic{width:38px;height:38px;flex:none;border-radius:11px;display:grid;place-items:center;background:#fff1e6;color:#ef6f1f}
.ci2-ic svg{margin:0!important;stroke-width:2!important}
.cmp-inc2 ul{display:flex!important;flex-direction:column;gap:9px!important}
.cmp-inc2 li{font-size:14px!important;align-items:center!important}
.cmp-inc2 li svg{margin:0!important;width:18px;height:18px;padding:3px;border-radius:50%;background:#fff1e6;stroke-width:3.2!important}
.cmp-inc2 sup{color:#ef6f1f;font-weight:700}
.ci2-foot{display:flex;flex-wrap:wrap;gap:10px;margin-top:18px}
.ci2-pill{display:inline-flex;align-items:center;gap:8px;padding:9px 14px;border-radius:999px;background:#eaf8f0;color:#178a4c;font-size:13.5px;font-weight:600}
.ci2-pill svg{margin:0!important;color:currentColor!important}
.ci2-pill.ci2-alt{background:#f4f5f8;color:#555b6a;font-weight:500}
@media(max-width:1100px){.ci2-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:640px){.cmp-inc2{padding:20px 16px}.cmp-inc2 .ci2-head{flex-direction:column;align-items:flex-start}.cmp-inc2 .ci2-head h3{font-size:18px}.ci2-grid{grid-template-columns:1fr}}
.ci2-pill{text-align:left;line-height:1.35}
/* compare v3 polish (budget + pro) */
.pg-wh .cmpv2 .cmp-scroll{border-radius:22px;border:1px solid #efe3d8;background:#fff;box-shadow:0 24px 50px -20px rgba(120,60,10,.16),0 2px 6px rgba(16,18,24,.03)}
.pg-wh .cmpv2 .cmp-t thead th{padding:26px 16px 22px;border-bottom:1px solid #f0e3d6;background:#fff}
.pg-wh .cmpv2 .cmp-t thead th.cmp-corner{vertical-align:bottom;text-align:left;padding-left:28px;font-size:12px;letter-spacing:.12em;color:#8a8f9c}
.pg-wh .cmpv2 .cmp-name{font-size:19px;letter-spacing:-.01em}
.pg-wh .cmpv2 .cmp-for{display:block;margin:4px 0 10px;font-size:12.5px;font-weight:500;color:#8a8f9c}
.pg-wh .cmpv2 .cmp-price{margin-top:2px}
.pg-wh .cmpv2 .cmp-amt{font-size:30px;letter-spacing:-.02em}
.pg-wh .cmpv2 .cmp-btn{border-radius:12px;min-width:132px;transition:transform .15s,box-shadow .15s,background .15s}
.pg-wh .cmpv2 .cmp-btn:hover{transform:translateY(-1px);box-shadow:0 10px 20px -8px rgba(239,111,31,.45)}
.pg-wh .cmpv2 thead th.cmp-rec{background:linear-gradient(180deg,#fff1e4 0%,#fff8f1 100%)!important;border-top:0;box-shadow:inset 0 4px 0 #ef6f1f}
.pg-wh .cmpv2 .cmp-tag{box-shadow:0 6px 14px -6px rgba(239,111,31,.6)}
.pg-wh .cmpv2 .cmp-t .cmp-g th{background:#fbf7f3;padding:12px 28px!important;text-align:left;font-size:11.5px;letter-spacing:.14em;color:#ef6f1f;border-bottom:1px solid #f3e7dc}
.pg-wh .cmpv2 .cmp-t tbody th[scope=row]{padding-left:28px;font-weight:500;color:#2b2f38}
.pg-wh .cmpv2 .cmp-t tbody tr:not(.cmp-g):not(.res-row):nth-child(odd) th,.pg-wh .cmpv2 .cmp-t tbody tr:not(.cmp-g):not(.res-row):nth-child(odd) td:not(.cmp-rec){background:#fcfcfd}
.pg-wh .cmpv2 .cmp-t tbody tr:not(.cmp-g):hover th,.pg-wh .cmpv2 .cmp-t tbody tr:not(.cmp-g):hover td{background:#fff4ea!important}
.pg-wh .cmpv2 .cmp-t td{font-weight:700;font-size:15.5px;color:#16181d;font-variant-numeric:tabular-nums}
.pg-wh .cmpv2 .cmp-t td.cmp-rec{color:#c2510c}
.pg-wh .cmpv2 .cmp-y{display:inline-grid;place-items:center;width:26px;height:26px;border-radius:50%;background:#e9f8ef}
.pg-wh .cmpv2 .cmp-y svg{stroke:#18a058;width:15px;height:15px;stroke-width:3}
.pg-wh .cmpv2 .cmp-n{display:inline-grid;place-items:center;width:26px;height:26px;border-radius:50%;background:#f4f5f7;color:#b3b7c0;font-weight:700}
.pg-wh .cmpv2 .res-row th,.pg-wh .cmpv2 .res-row td{border-bottom:0;padding-top:20px;padding-bottom:22px}
.pg-wh .cmpv2 .res-row th small{display:block;margin-top:3px;color:#8a8f9c;font-weight:400}
@media(max-width:640px){.pg-wh .cmpv2 .cmp-scroll{border-radius:16px}.pg-wh .cmpv2 .cmp-t thead th.cmp-corner,.pg-wh .cmpv2 .cmp-t tbody th[scope=row],.pg-wh .cmpv2 .cmp-t .cmp-g th{padding-left:14px!important}.pg-wh .cmpv2 .cmp-amt{font-size:24px}.pg-wh .cmpv2 .cmp-name{font-size:17px}.pg-wh .cmpv2 .cmp-btn{min-width:0}.pg-wh .cmpv2 .cmp-t td{font-size:14.5px}}
@media(max-width:640px){.pg-wh .cmpv2 .cmp-t tbody th[scope=row],.pg-wh .cmpv2 .cmp-t thead th.cmp-corner{white-space:normal;width:118px;min-width:118px;max-width:118px;font-size:13px;line-height:1.35;padding-right:8px}.pg-wh .cmpv2 .cmp-t td,.pg-wh .cmpv2 .cmp-t thead th:not(.cmp-corner){min-width:118px}.pg-wh .cmpv2 .cmp-t{min-width:0}.cmp-inc2 .ci2-head{text-align:left}}
@media(max-width:640px){.pg-wh .cmpv2 .cmp-t{width:auto!important;min-width:0!important}.pg-wh .cmpv2 .cmp-t td,.pg-wh .cmpv2 .cmp-t thead th:not(.cmp-corner){width:112px;min-width:112px;max-width:112px;padding-left:6px;padding-right:6px}}
.ci2-foot{align-items:center;justify-content:space-between}
.ci2-addons{display:flex;flex-wrap:wrap;align-items:center;gap:8px}
.ci2-al{font-size:12px;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:#8a8f9c;margin-right:2px}
.ci2-add{display:inline-flex;align-items:center;gap:6px;padding:7px 12px;border-radius:999px;background:#fff;border:1px dashed #e3cdb9;color:#3b3f47;font-size:13.5px;font-weight:500}
.ci2-add svg{color:#ef6f1f;width:14px;height:14px;stroke-width:2.6}
@media(max-width:640px){.ci2-al{width:100%}}
.ci2-al{text-align:left}
.pg-wh .cmpv2 .cmp-y{background:linear-gradient(135deg,#ffb36b,#ef6f1f);box-shadow:0 4px 10px -3px rgba(239,111,31,.45)}
.pg-wh .cmpv2 .cmp-y svg{stroke:#fff;stroke-width:3.2}
.pg-wh .cmpv2 .cmp-y{background:linear-gradient(135deg,#ffd2a8,#f9a25e);box-shadow:0 3px 8px -3px rgba(239,111,31,.3)}
.pg-wh .cmpv2 .cmp-y{width:24px;height:24px;box-shadow:none}
.pg-wh .cmpv2 .cmp-y svg{stroke-width:2.2;width:14px;height:14px}
/* included head v2 */
.cmp-inc2{position:relative;overflow:hidden}
.cmp-inc2:before{content:"";position:absolute;right:-60px;top:-80px;width:260px;height:260px;border-radius:50%;background:radial-gradient(circle,rgba(244,136,58,.14) 0%,rgba(244,136,58,0) 70%);pointer-events:none}
.cmp-inc2 .ci2-head{position:relative;margin-bottom:24px;padding-bottom:20px;border-bottom:1px solid #f3e4d6}
.cmp-inc2 .ci2-head p.ci2-eb{display:inline-flex;align-items:center;gap:7px;margin:0 0 12px;padding:6px 12px 6px 10px;border-radius:999px;background:#fff;border:1px solid #f6d6bb;box-shadow:0 4px 12px -6px rgba(239,111,31,.35);font-size:11.5px;letter-spacing:.1em}
.cmp-inc2 .ci2-eb svg{margin:0!important;color:#ef6f1f;stroke-width:2.2!important}
.cmp-inc2 .ci2-head h3{font-size:26px;font-weight:800;letter-spacing:-.02em;line-height:1.2}
.cmp-inc2 .ci2-head h3 span{color:#ef6f1f}
.ci2-sub{display:block;margin-top:8px;font-size:15px;color:#5b6070;max-width:560px}
@media(max-width:640px){.cmp-inc2 .ci2-head h3{font-size:21px}.ci2-sub{font-size:14px}}
.cmp-inc2 .ci2-head,.cmp-inc2 .ci2-head>div{text-align:left}
/* included ticks v2 */
.cmp-inc2 li{gap:10px!important}
.cmp-inc2 li>svg{flex:none;box-sizing:border-box;width:20px!important;height:20px!important;padding:4.5px!important;border-radius:50%;background:linear-gradient(135deg,#ffd2a8,#f9a25e)!important;color:#fff!important;stroke:#fff;stroke-width:2.4!important}
.ci2-card:hover li>svg{background:linear-gradient(135deg,#ffbf86,#f28a3c)!important}
/* ticks v3: lighter + thinner */
.cmp-inc2 li>svg,.ci2-card:hover li>svg{background:#ffeedf!important;color:#f08a43!important;stroke:#f08a43!important;stroke-width:2!important;padding:5px!important}
.pg-wh .cmpv2 .cmp-y{background:#ffeedf}
.pg-wh .cmpv2 .cmp-y svg{stroke:#f08a43;stroke-width:2}
.cmp-inc2 li>svg,.ci2-card:hover li>svg{padding:3.5px!important;stroke-width:2.3!important;color:#ef7d2f!important;stroke:#ef7d2f!important}
.pg-wh .cmpv2 .cmp-y svg{width:16px;height:16px;stroke:#ef7d2f;stroke-width:2.3}
/* hero pill: brand orange */
.pq-pill{background:#fff;border:1px solid #f6d3b4;color:#d9620f;box-shadow:0 6px 16px -8px rgba(239,111,31,.45)}
.pq-pill svg{color:#ef6f1f}
.hero-d .hd-eb{background:#fff;border:1px solid #f6d3b4;color:#d9620f;box-shadow:0 6px 16px -8px rgba(239,111,31,.45)}
.hero-d .hd-eb svg{color:#ef6f1f}
/* budget/pro compare switcher */
.cmp-sw{display:flex;justify-content:center;gap:12px;margin:0 auto 18px;max-width:640px}
.cmp-sw-i{flex:1;display:flex;align-items:center;gap:12px;padding:12px 16px;border-radius:16px;background:#fff;border:1px solid #efe3d8;text-decoration:none;color:#2b2f38;text-align:left;transition:border-color .2s,box-shadow .2s,transform .2s}
.cmp-sw-i:hover{border-color:#f6c8a2;transform:translateY(-2px);box-shadow:0 12px 24px -14px rgba(239,111,31,.5)}
.cmp-sw-i.on{border-color:#ef6f1f;background:linear-gradient(180deg,#fff6ee,#fff);box-shadow:0 0 0 3px rgba(239,111,31,.12)}
.cmp-sw-ic{flex:none;width:40px;height:40px;border-radius:12px;display:grid;place-items:center;background:#fff1e6;color:#ef6f1f}
.cmp-sw-i.on .cmp-sw-ic{background:#ef6f1f;color:#fff}
.cmp-sw-t{display:flex;flex-direction:column;gap:2px;line-height:1.25}
.cmp-sw-t b{font-size:15.5px;color:#16181d}
.cmp-sw-t small{font-size:12.5px;color:#7a7f8c}
.cmp-sw-i.on .cmp-sw-t b{color:#d9620f}
@media(max-width:560px){.cmp-sw{gap:8px}.cmp-sw-i{padding:10px;gap:8px}.cmp-sw-ic{width:34px;height:34px}.cmp-sw-t b{font-size:14px}.cmp-sw-t small{font-size:11px}}
.cmp-sw-t small{white-space:nowrap}
.cmp-sw-i{min-width:0}.cmp-sw-t{min-width:0}
@media(max-width:560px){.cmp-sw-t small{white-space:normal}.cmp-sw-ic{display:none}.cmp-sw-i{padding:10px 12px}}
/* package card: expandable extra features */
.pk-tg{width:100%;background:none;border:0;border-top:1px solid #f1e4d5;cursor:pointer;font-family:inherit}
.pk-tg[aria-expanded=true] svg{transform:rotate(180deg)}
.pk-tg:hover svg{transform:none}.pk-tg[aria-expanded=true]:hover svg{transform:rotate(180deg)}
.pk-x{margin:6px 0 4px;padding-top:14px;border-top:1px dashed #f0dfd0;display:flex;flex-direction:column;gap:14px;text-align:left}
.pk-x[hidden]{display:none}
.pkx-h{display:flex;align-items:center;gap:7px;margin:0 0 7px;font-size:12px;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:#ef6f1f}
.pkx-h svg{flex:none}
.pk-x ul{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:6px}
.pk-x li{display:flex;align-items:center;gap:8px;font-size:14px;color:#3b3f47;line-height:1.35}
.pk-x li svg{flex:none;box-sizing:border-box;width:18px;height:18px;padding:3px;border-radius:50%;background:#ffeedf;color:#ef7d2f}
.pkx-chips{display:flex;flex-wrap:wrap;gap:6px;margin-top:9px}
.pkx-chips span{padding:4px 9px;border-radius:999px;background:#fff7f0;border:1px solid #f3dfcd;font-size:12px;color:#5b6070}
/* compare: all features expander */
.cmpf-body[hidden]{display:none}
.cmpf-tgb td{padding:0!important;border-bottom:0!important;background:#fff!important}
.cmpf-tg{display:flex;align-items:center;justify-content:center;gap:8px;width:100%;padding:16px;border:0;border-top:1px solid #f0e3d6;background:linear-gradient(180deg,#fff,#fff8f1);color:#ef6f1f;font:600 15px Roboto,system-ui,sans-serif;cursor:pointer;position:sticky;left:0}
.cmpf-tg:hover{background:#fff1e4}
.cmpf-tg svg{transition:transform .2s}
.cmpf-tg[aria-expanded=true] svg{transform:rotate(180deg)}
.cmpf-body th[scope=row]{font-weight:400!important}
.pg-wh .cmpv2 .cmpf-body td,.pg-wh .cmpv2 .cmpf-body th[scope=row]{padding-top:12px!important;padding-bottom:12px!important;font-size:14.5px}
.cmpf-tg{max-width:calc(100vw - 50px)}
.ci2-grid.ci2-n5{grid-template-columns:repeat(3,minmax(0,1fr))}
@media(max-width:1100px){.ci2-grid.ci2-n5{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:640px){.ci2-grid.ci2-n5{grid-template-columns:1fr}}
/* spec tab: light ticks + orange banner to match */
.pg-wh .sp-card li:before{background:#ffeedf url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23ef7d2f' stroke-width='2.6' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M6 12.5l4 4 8-9'/%3E%3C/svg%3E") center/12px no-repeat}
.pg-wh .sp-banner{background:#fff7f0;border-color:#f6d9c0}
.pg-wh .sp-banner .cmp-y{background:#ffeedf}
.pg-wh .sp-banner .cmp-y svg{stroke:#ef7d2f}
/* specs shown under comparison */
.cmp-specs-open{margin-top:56px}
.cmp-specs-open[hidden]{display:block!important}
.sp-head{text-align:center;max-width:720px;margin:0 auto 28px}
.sp-head .eyebrow{display:inline-block;margin-bottom:8px}
.sp-head h3{margin:0 0 8px;font-size:30px;font-weight:800;letter-spacing:-.02em;color:#16181d;line-height:1.2}
.sp-head h3 span{color:#ef6f1f}
.sp-head p{margin:0;font-size:15.5px;color:#5b6070}
@media(max-width:640px){.cmp-specs-open{margin-top:40px}.sp-head h3{font-size:23px}}
/* included box with all specs (masonry) */
.ci2-grid.ci2-mas{display:block;columns:3;column-gap:14px}
.ci2-mas .ci2-card{break-inside:avoid;margin:0 0 14px;display:inline-block;width:100%;box-sizing:border-box}
.ci2-all li .cmp-tip{margin-left:4px}
.ci2-apps{margin-top:2px;background:#fff;border:1px solid #f1e6dc;border-radius:14px;padding:18px}
.ci2-apps .ci2-ch{flex-wrap:wrap}
.ci2-apps .ci2-ch small{flex-basis:100%;margin:-4px 0 0 48px;font-size:13px;color:#7a7f8c}
.ci2-chips{display:flex;flex-wrap:wrap;gap:8px}
.ci2-chips span{padding:6px 12px;border-radius:999px;background:#fff7f0;border:1px solid #f3dfcd;font-size:13px;color:#3b3f47}
@media(max-width:1100px){.ci2-grid.ci2-mas{columns:2}}
@media(max-width:640px){.ci2-grid.ci2-mas{columns:1}.ci2-apps .ci2-ch small{margin-left:0}}
.ci2-apps,.ci2-apps .ci2-ch small{text-align:left}
.ci2-more[hidden]{display:none}
.ci2-more{margin-top:14px}
.ci2-tg{display:flex;align-items:center;justify-content:center;gap:8px;width:100%;margin-top:14px;padding:13px 16px;border-radius:12px;border:1px dashed #efc9a6;background:#fff;color:#ef6f1f;font:600 15px Roboto,system-ui,sans-serif;cursor:pointer;transition:background .15s}
.ci2-tg:hover{background:#fff4ea}
.ci2-tg svg{transition:transform .2s}
.ci2-tg[aria-expanded=true] svg{transform:rotate(180deg)}
.ci2-grid.ci2-n4{grid-template-columns:repeat(4,minmax(0,1fr))}
@media(max-width:1100px){.ci2-grid.ci2-n4{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:640px){.ci2-grid.ci2-n4{grid-template-columns:1fr}}
.ci2-grid.ci2-n3{grid-template-columns:repeat(3,minmax(0,1fr))}
@media(max-width:900px){.ci2-grid.ci2-n3{grid-template-columns:1fr}}
.ci2-foot{justify-content:center}
/* included: accordion per feature group */
.acc-list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;align-items:start}
.acc-i{background:#fff;border:1px solid #f1e6dc;border-radius:14px;transition:border-color .2s,box-shadow .2s}
.acc-i[open]{border-color:#f6c8a2;box-shadow:0 12px 26px -16px rgba(239,111,31,.45)}
.acc-i summary{list-style:none;display:flex;align-items:center;gap:12px;padding:14px 16px;cursor:pointer;user-select:none}
.acc-i summary::-webkit-details-marker{display:none}
.acc-i summary b{font-size:15.5px;color:#16181d}
.acc-i summary em{margin-left:auto;font-style:normal;font-size:12.5px;color:#8a8f9c;background:#f6f7f9;padding:3px 9px;border-radius:999px}
.acc-i .ci2-ic{width:36px;height:36px}
.acc-chev{flex:none;color:#ef6f1f;transition:transform .2s}
.acc-i[open] .acc-chev{transform:rotate(180deg)}
.acc-i summary:hover b{color:#d9620f}
.acc-i ul{list-style:none;margin:0;padding:4px 18px 16px;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:9px 16px;border-top:1px dashed #f0dfd0;padding-top:14px}
.acc-i li{display:flex;align-items:center;gap:8px;font-size:14px;color:#3b3f47}
.acc-i li>svg{flex:none;box-sizing:border-box;width:18px!important;height:18px!important;padding:3.5px!important;border-radius:50%;background:#ffeedf!important;color:#ef7d2f!important;stroke:#ef7d2f!important;stroke-width:2.3!important}
.acc-i li .cmp-tip{margin-left:2px}
@media(max-width:900px){.acc-list{grid-template-columns:1fr}}
@media(max-width:480px){.acc-i ul{grid-template-columns:1fr}}
.cmp-inc2 .acc-i ul{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr));gap:9px 16px!important}
@media(max-width:480px){.cmp-inc2 .acc-i ul{grid-template-columns:1fr}}
/* accordion v2 polish */
.acc-list{gap:14px}
.acc-i{position:relative;overflow:hidden;border:1px solid #efe4da;border-radius:16px;background:linear-gradient(180deg,#fff 0%,#fffcf9 100%);box-shadow:0 1px 2px rgba(16,18,24,.03);transition:border-color .2s,box-shadow .25s,transform .2s}
.acc-i:before{content:"";position:absolute;left:0;top:0;bottom:0;width:3px;background:linear-gradient(180deg,#ffb36b,#ef6f1f);opacity:0;transition:opacity .2s}
.acc-i:hover{border-color:#f5cfae;transform:translateY(-2px);box-shadow:0 14px 28px -18px rgba(239,111,31,.45)}
.acc-i[open]{border-color:#f3c39b;transform:none;box-shadow:0 18px 36px -22px rgba(239,111,31,.55);background:#fff}
.acc-i[open]:before{opacity:1}
.acc-i summary{padding:16px 18px;gap:14px}
.acc-i summary:focus-visible{outline:2px solid #ef6f1f;outline-offset:-2px;border-radius:16px}
.acc-i .ci2-ic{width:42px;height:42px;border-radius:12px;background:linear-gradient(135deg,#fff3e8,#ffe4cd);color:#ef6f1f;box-shadow:inset 0 0 0 1px #f8d9bf;transition:background .2s,color .2s}
.acc-i[open] .ci2-ic,.acc-i:hover .ci2-ic{background:linear-gradient(135deg,#ff9a4d,#ef6f1f);color:#fff;box-shadow:0 6px 14px -6px rgba(239,111,31,.6)}
.acc-i summary b{font-size:16px;font-weight:700;letter-spacing:-.01em}
.acc-i summary em{background:#fff4ea;color:#c2600f;font-weight:600;font-size:12px;padding:4px 10px;border:1px solid #f7dcc5}
.acc-chev{width:30px;height:30px;padding:6px;box-sizing:border-box;border-radius:50%;background:#fff;border:1px solid #f1e0d1;transition:transform .25s,background .2s,border-color .2s}
.acc-i[open] .acc-chev{background:#ef6f1f;border-color:#ef6f1f;color:#fff}
.acc-i ul{margin:0 18px 18px!important;padding:16px 0 0!important;border-top:1px dashed #f0dccb}
.acc-i[open] ul{animation:accIn .28s ease}
@keyframes accIn{from{opacity:0;transform:translateY(-6px)}to{opacity:1;transform:none}}
.acc-i li{padding:8px 10px;border-radius:10px;background:#fbf8f5;border:1px solid #f4ece4;font-size:14px;transition:background .15s,border-color .15s}
.acc-i li:hover{background:#fff4ea;border-color:#f7d6bb}
@media (prefers-reduced-motion:reduce){.acc-i,.acc-chev{transition:none}.acc-i[open] ul{animation:none}.acc-i:hover{transform:none}}
@media(max-width:640px){.acc-i summary{padding:14px}.acc-i .ci2-ic{width:38px;height:38px}.acc-i summary b{font-size:15px}.acc-i ul{margin:0 14px 14px!important}}
.acc-i summary{text-align:left}
.acc-i summary b{flex:1;min-width:0}
.acc-i summary em{margin-left:0;white-space:nowrap;flex:none}
@media(max-width:640px){.acc-i summary{gap:10px}.acc-i summary em{font-size:11px;padding:3px 8px}}
.acc-i[open] .ci2-ic,.acc-i:hover .ci2-ic{background:linear-gradient(135deg,#ffeedd,#ffdcbf);color:#e8691c;box-shadow:inset 0 0 0 1px #f6cfae}
.acc-i[open] .acc-chev{background:#ffeedf;border-color:#f6cfae;color:#e8691c}
/* business: 7 columns must fit */
.pg-biz .cmpv2 .cmp-t thead th{padding:24px 6px 18px}
.pg-biz .cmpv2 .cmp-t thead th.cmp-corner{padding-left:22px}
.pg-biz .cmpv2 .cmp-btn{min-width:0;padding-left:10px;padding-right:10px}
.pg-biz .cmpv2 .cmp-amt{font-size:22px}
.pg-biz .cmpv2 .cmp-name{font-size:16px}
.pg-biz .cmpv2 .cmp-t td{padding-left:6px!important;padding-right:6px!important;font-size:14.5px}
.pg-biz .cmpv2 .cmp-t tbody th[scope=row],.pg-biz .cmpv2 .cmp-t .cmp-g th{padding-left:22px!important}
.bz-sup{display:flex;align-items:center;gap:12px;margin:12px 0 0;padding:12px 14px;border-radius:14px;background:#fff7f0;border:1px solid #f6dcc6;text-align:left}
.bz-sup-ic{flex:none;width:38px;height:38px;border-radius:11px;display:grid;place-items:center;background:#ffeedf;color:#ef6f1f}
.bz-sup b{display:block;font-size:15px;color:#16181d}
.bz-sup small{display:block;font-size:12.5px;color:#6b7080;margin-top:2px}
.bz-sup{margin-bottom:10px}
.bz-mal{margin-bottom:8px}
/* accordion items v3: bolder, cleaner tiles */
.cmp-inc2 .acc-i ul{gap:10px 12px!important}
.acc-i li{position:relative;padding:11px 12px 11px 12px;gap:10px;border-radius:12px;background:#fff;border:1px solid #f1e5da;box-shadow:0 1px 2px rgba(16,18,24,.03);font-size:14.5px;font-weight:600;color:#1f232b;letter-spacing:-.005em;line-height:1.3;transition:border-color .15s,box-shadow .15s,transform .15s}
.acc-i li:hover{background:#fff;border-color:#f3c7a2;box-shadow:0 8px 18px -12px rgba(239,111,31,.5);transform:translateY(-1px)}
.acc-i li>svg{width:22px!important;height:22px!important;padding:5px!important;background:linear-gradient(135deg,#fff1e4,#ffe2c8)!important;box-shadow:inset 0 0 0 1px #f8d6b8}
.acc-i li span{flex:1;min-width:0}
.acc-i li .cmp-tip{flex:none;margin-left:auto}
.acc-i ul{background:linear-gradient(180deg,#fffaf5,#fff);border-radius:0 0 14px 14px}
@media(max-width:640px){.acc-i li{font-size:14px;padding:10px 11px}}
.acc-i li{font-weight:500;color:#2b2f38}

/* ===== Home hero: sleek illustration (v20261260) ===== */
.hero-d .hd-r{padding:0;display:flex;justify-content:center}
.hd-art{display:block;width:100%;max-width:580px;height:auto;filter:drop-shadow(0 40px 60px rgba(22,24,29,.08))}
.hero-d .hd-lead{font-size:18.5px;max-width:520px;margin-bottom:24px}
.hero-d .hd-btns{margin:0 0 28px}
.hero-d .hd-search{margin-bottom:0;max-width:560px}
.hero-d .hd-search .hx-search{box-shadow:0 10px 30px -18px rgba(22,24,29,.25)}
.hero-d .hd-grid{padding:64px 24px 72px;gap:40px}
@media(prefers-reduced-motion:no-preference){.hd-art{animation:hxFloat 8s ease-in-out infinite}}
@media(max-width:1100px){.hero-d .hd-r{max-width:520px;margin:0 auto}}
@media(max-width:600px){.hero-d .hd-grid{padding-top:40px;padding-bottom:48px}.hero-d .hd-btns a{flex:1;justify-content:center}.hero-d .hd-r{max-width:400px}}
.hero-d .hd-r:before{display:none}
/* Home hero balance: text fits alongside illustration (v20261262) */
.hero-d .hd-grid{grid-template-columns:minmax(0,1fr) minmax(0,1fr);padding-top:48px;padding-bottom:56px;gap:32px}
.hero-d h1{font-size:clamp(34px,3.7vw,52px);margin:18px 0 14px}
.hero-d .hd-lead{font-size:17.5px;line-height:1.65;margin-bottom:22px}
.hero-d .hd-btns{margin-bottom:22px}.hero-d .hd-btn,.hero-d .hd-btn2{padding:14px 24px;font-size:16px}
.hero-d .hd-rev .hx-trust{margin-top:16px}
.hero-d .hd-r{align-self:center}
.hd-art{max-width:640px}
@media(max-width:1100px){.hero-d .hd-grid{grid-template-columns:minmax(0,1fr)}.hero-d .hd-r{max-width:560px}}
@media(max-width:600px){.hero-d .hd-r{max-width:420px}}
/* Home hero text rhythm (v20261264) */
.hero-d .hd-grid{grid-template-columns:minmax(0,1.05fr) minmax(0,.95fr);gap:40px;padding-top:44px;padding-bottom:52px}
.hero-d .hd-l{max-width:600px}
.hero-d .hd-eb{font-size:13px;padding:8px 15px}
.hero-d h1{font-size:clamp(36px,4vw,56px);line-height:1.05;letter-spacing:-.035em;margin:20px 0 18px}
.hero-d h1 span{display:block}
.hero-d .hd-lead{font-size:18px;line-height:1.65;max-width:500px;margin:0 0 28px;color:#4b505c}
.hero-d .hd-btns{gap:12px;margin:0 0 28px}
.hero-d .hd-btn,.hero-d .hd-btn2{padding:15px 26px;font-size:16px;border-radius:12px}
.hero-d .hd-search{max-width:560px}
.hero-d .hx-pop{margin-top:12px}
.hero-d .hd-rev .hx-trust{margin-top:20px}
@media(max-width:1100px) and (min-width:901px){.hero-d .hd-grid{grid-template-columns:minmax(0,1.1fr) minmax(0,.9fr);gap:24px}.hero-d .hd-r{max-width:none;margin:0}.hero-d h1{font-size:clamp(34px,4.2vw,46px)}.hero-d .hd-lead{font-size:17px}}
@media(max-width:900px){.hero-d .hd-grid{grid-template-columns:minmax(0,1fr);gap:28px;padding-top:36px}.hero-d .hd-l{max-width:640px}.hero-d .hd-r{max-width:520px;margin:0 auto}}
@media(max-width:600px){.hero-d h1{font-size:34px;margin:16px 0 14px}.hero-d .hd-lead{font-size:16.5px;margin-bottom:22px}.hero-d .hd-btns{margin-bottom:22px}.hero-d .hd-r{max-width:400px}}

/* ===== Home hero: card style (v20261267) ===== */

.h2{position:relative;background:#fffdfb;padding:40px 0 64px;overflow:hidden}

.h2 .wrap{position:relative;max-width:1280px;padding-left:24px;padding-right:24px}
.h2-title{font-family:"Plus Jakarta Sans",Roboto,sans-serif;font-weight:800;font-size:clamp(28px,3vw,42px);letter-spacing:-.03em;line-height:1.1;color:#14161b;margin:0 0 22px}
.h2-title span{color:var(--or)}
.h2-search{display:grid;grid-template-columns:minmax(0,1.35fr) auto;gap:24px;align-items:center;margin-bottom:28px}
.h2-search .hx-search{width:100%;max-width:none;box-shadow:0 14px 34px -20px rgba(22,24,29,.3);margin:0}
.h2-tlds{display:flex;gap:8px;flex-wrap:wrap}
.h2-tlds button{display:flex;flex-direction:column;align-items:flex-start;gap:2px;padding:9px 14px;border-radius:12px;border:1px solid #efe4d9;background:#fff;cursor:pointer;transition:border-color .15s,transform .15s}
.h2-tlds button:hover{border-color:#f3c9a0;transform:translateY(-1px)}
.h2-tlds b{font:800 18px/1 "Plus Jakarta Sans",Roboto,sans-serif;color:#16181d}.h2-tlds b:first-letter{color:var(--or)}
.h2-tlds small{font-size:11.5px;color:#8a8f9a}
.h2-cards{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:22px}
.h2-card{position:relative;overflow:hidden;min-height:540px;border-radius:26px;background:linear-gradient(160deg,#fff 0%,#fff6ee 100%);border:1px solid #f1e6db;display:flex;transition:transform .2s,box-shadow .2s}

.h2-txt{position:relative;z-index:2;align-self:flex-start;padding:32px 30px;max-width:100%}
.h2-tag{display:inline-block;padding:6px 12px;border-radius:8px;background:#fff1e4;color:#c2410c;font-weight:700;font-size:13.5px;margin-bottom:14px}
.h2-card h2{font-family:"Plus Jakarta Sans",Roboto,sans-serif;font-weight:800;font-size:clamp(24px,2.1vw,31px);line-height:1.15;letter-spacing:-.025em;color:#16181d;margin:0 0 22px;max-width:340px}
.h2-btn{display:inline-flex;align-items:center;gap:8px;padding:13px 22px;border-radius:12px;background:#16181d;color:#fff!important;font-weight:600;font-size:15.5px;transition:gap .15s,background .15s}
.h2-btn:hover{gap:12px;background:#ef6f1f}
.h2-art{position:absolute;right:10px;bottom:-210px;width:262px;transform:rotate(14deg);filter:drop-shadow(0 30px 40px rgba(22,24,29,.18));transition:transform .3s}

.h2-art:after{content:"";position:absolute;inset:0}
.h2-phone{display:block;width:100%;height:auto}

.h2-hot{background:linear-gradient(160deg,#f7984e 0%,#e9661a 100%);border-color:transparent}
.h2-hot .h2-tag{background:#16181d;color:#f7a55f}
.h2-hot h2{color:#fff;text-shadow:none}

.h2-hot .h2-btn{background:#fff;color:#16181d!important}.h2-hot .h2-btn:hover{background:#16181d;color:#fff!important}
@media(max-width:1100px){.h2-search{grid-template-columns:minmax(0,1fr)}.h2-cards{grid-template-columns:repeat(2,minmax(0,1fr))}.h2-cards .h2-card:last-child{grid-column:1/-1;min-height:420px}}
@media(max-width:700px){.h2{padding:28px 0 44px}.h2-cards{grid-template-columns:minmax(0,1fr)}.h2-card,.h2-cards .h2-card:last-child{min-height:400px}.h2-art{width:210px;right:-20px;bottom:-170px}.h2-txt{max-width:100%;padding:24px 22px}.h2-tlds button{padding:8px 11px}.h2-tlds small{display:none}}
@media(max-width:600px){.h2 .hx-search{flex-wrap:wrap}.h2 .hx-search>svg{display:none}.h2 .hx-search input[name=query]{flex-basis:100%}.h2 .hx-search button{flex:1}}
@media(prefers-reduced-motion:reduce){.h2-card,.h2-art{transition:none}}
.h2-bg{position:absolute;inset:0;width:100%;height:100%;pointer-events:none}
.h2-deco{position:absolute;inset:0;width:100%;height:100%;color:#f08a3c;pointer-events:none;z-index:0}
.h2-hot .h2-deco{color:#fff}
.h2-hot{background:linear-gradient(160deg,#ffc795 0%,#f9a15c 100%)!important;border-color:#f8b27a!important}
.h2-hot h2{color:#16181d!important}
.h2-hot .h2-tag{background:#16181d;color:#ffc795}
.h2-hot .h2-btn{background:#16181d!important;color:#fff!important}.h2-hot .h2-btn:hover{background:#fff!important;color:#16181d!important}
.h2-card{background:linear-gradient(160deg,#fff 0%,#fff3e8 100%)}
.h2-tag{background:#ffeedd;color:#c2410c}
.h2-title span,.h2-tlds b:first-letter{color:#f7984e}
.h2-btn:hover{background:#f7984e}
/* polish v4 */
.h2{padding:44px 0 72px}
.h2 .wrap{padding-left:24px;padding-right:32px}
@media(max-width:1100px){.h2 .wrap{padding-right:40px}}
@media(max-width:600px){.h2 .wrap{padding-left:24px;padding-right:24px}}
.h2-head{display:flex;align-items:flex-end;justify-content:space-between;gap:24px;margin-bottom:24px}
.h2-title{margin:0;font-size:clamp(30px,3.2vw,46px)}
.h2-sub{margin:0 0 6px;max-width:330px;font-size:16.5px;line-height:1.6;color:#5d6370;text-align:right}
.h2-search{gap:16px;margin-bottom:26px;padding:10px;border-radius:22px;background:rgba(255,255,255,.75);border:1px solid #f1e6db;box-shadow:0 20px 50px -36px rgba(122,58,16,.35);-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px)}
.h2-search .hx-search{box-shadow:none;border:1px solid #efe4d9;border-radius:16px;min-height:58px}
.h2-search .hx-search:focus-within{border-color:#f7b27a;box-shadow:0 0 0 4px rgba(247,152,78,.15)}
.h2-search .hx-search button[type=submit]{border-radius:12px;background:linear-gradient(135deg,#fbb071,#f38a3d)}
.h2-tlds{gap:8px;flex-wrap:nowrap}
.h2-tlds button{min-height:58px;justify-content:center;padding:8px 16px;border-radius:14px;border-color:#f1e6db;background:#fff}
.h2-tlds button:hover{border-color:#f7b27a;background:#fffaf5;transform:none}
.h2-cards{gap:24px}
.h2-card{border-radius:28px;border-color:#f3e7dc;box-shadow:0 1px 0 #fff inset,0 24px 60px -40px rgba(122,58,16,.35)}
.h2-txt{padding:34px 32px}
.h2-tag{border-radius:99px;padding:6px 14px;font-size:13px;letter-spacing:.01em}
.h2-card h2{margin:0 0 10px}
.h2-txt p{margin:0 0 22px;max-width:300px;font-size:15.5px;line-height:1.6;color:#5d6370}
.h2-hot .h2-txt p{color:#3b2a1d}
.h2-btn{padding:13px 22px;border-radius:12px;box-shadow:0 12px 24px -14px rgba(22,24,29,.6)}
.h2-card{min-height:600px}.h2-art{bottom:-290px}
@media(max-width:1100px){.h2-head{display:block}.h2-sub{text-align:left;margin-top:10px;max-width:none}.h2-tlds{flex-wrap:wrap}.h2-search{background:transparent;border:0;box-shadow:none;padding:0;-webkit-backdrop-filter:none;backdrop-filter:none}}
@media(max-width:1100px){.h2-cards .h2-card:last-child{min-height:520px}}
@media(max-width:700px){.h2-card,.h2-cards .h2-card:last-child{min-height:510px}.h2-art{width:200px;right:-14px;bottom:-232px}.h2-tlds button{min-height:46px}}

/* ===== Home: header blends into card hero (v20261268) ===== */
body.home .topbar{background:#fff4ea;border-bottom:1px solid #f6e4d4;color:#6b5a4c}
body.home .header{background:rgba(255,250,245,.88);border-bottom-color:transparent;-webkit-backdrop-filter:saturate(1.4) blur(12px);backdrop-filter:saturate(1.4) blur(12px)}
body.home .header.hdr-scrolled{background:rgba(255,255,255,.94);border-bottom-color:#f1e6db;box-shadow:0 10px 30px -18px rgba(122,58,16,.35)}
body.home .h2{background:linear-gradient(180deg,#fffaf5 0%,#fffdfb 45%,#fffdfb 100%);padding-top:36px}
body.home .h2-head{padding-top:4px;border-top:0}
body.home .menu>li>button,body.home .menu>li>a{border-radius:10px}
body.home .menu>li>button:hover,body.home .menu>li>a:hover{background:#fff1e4}
body.home .topbar .item.l b{color:#16181d}
@media(max-width:600px){body.home .h2-tlds{flex-wrap:nowrap;gap:6px}body.home .h2-tlds button{flex:1;min-width:0;padding:8px 2px;align-items:center;min-height:44px}body.home .h2-tlds b{font-size:14.5px}}
body.home .h2-title span{white-space:nowrap}body.home .h2-title{font-size:clamp(30px,3.1vw,44px)}
/* hero title + subtitle single line each (v20261270) */
body.home .h2-head{display:block}
body.home .h2-title{margin:0 0 10px}
body.home .h2-sub{text-align:left;max-width:none;margin:0;font-size:17.5px}
@media(min-width:901px){body.home .h2-title,body.home .h2-sub{white-space:nowrap}}
/* home: reviews bar under card hero (v20261272) */
.h2-rrow{margin:8px auto 0}
.h2-rrow .hr-bar{margin-top:20px;background:rgba(255,255,255,.9)}
/* reviews bar + stats merged (v20261273) */
.h2-rrow .hr-bar{gap:26px}
.hr-stat{flex-direction:row;align-items:center;gap:12px}
.hr-stat b{font-size:26px;font-weight:700;letter-spacing:-.5px;line-height:1;display:block}
.hr-stat small{display:block;margin-top:4px}
.hr-si{width:40px;height:40px;border-radius:12px;display:grid;place-items:center;background:#fff1e4;color:#f2883b}
.hr-si svg{width:20px;height:20px}
@media(max-width:1100px){.h2-rrow .hr-bar{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px 20px;padding:18px 22px}.h2-rrow .hr-div{display:none}.h2-rrow .hr-item{justify-content:center;align-items:center}.h2-rrow .hr-cust{grid-column:1/-1;padding:14px 0;border-top:1px solid #f0e6dc;border-bottom:1px solid #f0e6dc}}
@media(max-width:600px){.hr-stat b{font-size:22px}.hr-si{width:34px;height:34px}}
@media(min-width:1101px){.h2-rrow{width:100%}.h2-rrow .hr-bar{width:100%;flex-wrap:nowrap;justify-content:space-between;gap:18px;padding:16px 28px}.h2-rrow .hr-item{flex:0 0 auto}.h2-rrow .hr-cust small{white-space:nowrap}}
@media(max-width:1280px) and (min-width:1101px){.h2-rrow .hr-top b,.h2-rrow .hr-cust b,.h2-rrow .hr-stat b{font-size:22px}.h2-rrow .hr-tp i{width:18px;height:18px}.h2-rrow .hr-gs svg{width:16px;height:16px}}
@media(max-width:1100px){.h2-rrow,.h2-rrow .hr-bar{width:100%}}@media(max-width:1100px) and (min-width:701px){.h2-rrow .hr-bar{grid-template-columns:repeat(3,minmax(0,1fr))}.h2-rrow .hr-cust{grid-column:auto;border:0;padding:0}}
/* unified trust bar (v20261274) */
.h2-rrow{margin-top:-6px}
.h2-rrow .hr-bar{position:relative;overflow:hidden;border-radius:22px;border:1px solid #f1e3d5;background:linear-gradient(180deg,#fff,#fffaf5);box-shadow:0 24px 50px -30px rgba(122,58,16,.35)}
.h2-rrow .hr-bar:before{content:"";position:absolute;left:0;right:0;top:0;height:3px;background:linear-gradient(90deg,#fbc590,#f2883b,#fbc590)}
.h2-rrow .hr-div{background:linear-gradient(180deg,transparent,#f0e2d4,transparent)}
.h2-rrow .hr-stat small,.h2-rrow .hr-item small{text-transform:none}
@media(min-width:1101px){.h2-rrow .hr-bar{padding:18px 26px;gap:14px}.h2-rrow .hr-top b,.h2-rrow .hr-cust b,.h2-rrow .hr-stat b{font-size:22px}.h2-rrow .hr-tp i{width:18px;height:18px}.h2-rrow .hr-tp svg{width:12px;height:12px}.h2-rrow .hr-gs svg{width:16px;height:16px}.h2-rrow .hr-si{width:36px;height:36px}.h2-rrow .hr-av i{width:30px;height:30px;font-size:10.5px}}
@media(max-width:1100px) and (min-width:701px){.h2-rrow .hr-bar{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media(max-width:700px){.h2-rrow .hr-bar{grid-template-columns:repeat(2,minmax(0,1fr))}.h2-rrow .hr-cust{grid-column:1/-1}}
.h2-rrow{margin-top:14px}.h2-rrow .hr-stat b,.h2-rrow .hr-cust b{white-space:nowrap}
@media(max-width:700px){.h2-rrow .hr-cust{grid-column:auto;border:0;padding:0}.h2-rrow .hr-av{display:none}.h2-rrow .hr-item{justify-content:flex-start;align-items:center}.h2-rrow .hr-bar a.hr-item{align-items:flex-start}.h2-rrow .hr-stat .hr-si{display:none}.h2-rrow .hr-bar{gap:18px 16px;padding:20px}}
/* hero rating line + reviews moved up (v20261275) */
.h2-rate{display:flex;justify-content:center;align-items:center;flex-wrap:wrap;gap:10px 14px;margin:30px auto 0;font-size:16px;color:#5d6370;text-align:center}
.h2-rate b{color:#16181d}.h2-rate a{color:#5d6370;text-decoration:underline;text-underline-offset:3px}.h2-rate a:hover{color:#f2883b}
.h2-rstars{display:inline-flex;gap:3px}.h2-rs{display:grid;place-items:center;width:22px;height:22px;background:#f7a55f;border-radius:4px}.h2-rs svg{width:14px;height:14px;fill:#fff}
.h2-rs:last-child{background:linear-gradient(90deg,#f7a55f 70%,#f3dccb 70%)}
.rev-top{padding-top:72px}
.rev-top h2 span{color:#f2883b}
.rev-top .rv-wrap{padding:26px 22px;border-radius:24px;background:#fff;border:1px solid #f1e6db;box-shadow:0 30px 60px -40px rgba(122,58,16,.35)}
.rv-stats{list-style:none;margin:28px 0 0;padding:0;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px}
.rv-stats li{display:flex;align-items:center;gap:12px;padding:16px 18px;border-radius:18px;background:#fffaf5;border:1px solid #f3e6da}
.rv-stats i{flex:none;width:44px;height:44px;border-radius:13px;display:grid;place-items:center;background:#fff1e4;color:#f2883b}.rv-stats i svg{width:20px;height:20px}
.rv-stats b{display:block;font-family:"Plus Jakarta Sans",Roboto,sans-serif;font-size:22px;font-weight:800;color:#16181d;line-height:1.1}
.rv-stats small{display:block;font-size:14px;color:#6b7280;margin-top:2px}
@media(max-width:900px){.rv-stats{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:600px){.rev-top{padding-top:52px}.rev-top .rv-wrap{padding:16px 10px}.rv-stats li{padding:12px}.rv-stats i{width:36px;height:36px}.rv-stats b{font-size:18px}.h2-rate{font-size:14.5px}}
.rev-top .rv-rate{display:none}.rev-top .rsub{margin-bottom:30px}.h2{padding-bottom:56px}

/* ===== Home: mixed hosting plans carousel (v20261277) ===== */
.hp{padding:84px 0 72px;background:#fff}
.hp .wrap{max-width:1280px;padding-left:24px;padding-right:32px}
@media(max-width:1100px){.hp .wrap{padding-right:40px}}@media(max-width:600px){.hp .wrap{padding-right:24px}}
.hp-head{display:flex;align-items:flex-end;justify-content:space-between;gap:24px;margin-bottom:22px}
.hp-head h2{font-family:"Plus Jakarta Sans",Roboto,sans-serif;font-weight:800;font-size:clamp(28px,3vw,42px);letter-spacing:-.03em;line-height:1.12;color:#14161b;margin:10px 0 12px;text-align:left}
.hp-head h2 span{color:#f2883b}
.hp-head p{margin:0;max-width:640px;font-size:17px;line-height:1.7;color:#5d6370;text-align:left}
.hp-head .eyebrow{justify-content:flex-start}
.hp-ctrl{flex:none;display:flex;align-items:center;gap:14px}
.hp-ctrl button{width:44px;height:44px;border-radius:50%;border:1px solid #e6e1db;background:#fff;color:#16181d;display:grid;place-items:center;cursor:pointer;transition:background .15s,border-color .15s,opacity .15s}
.hp-ctrl button:hover:not(:disabled){background:#16181d;border-color:#16181d;color:#fff}.hp-ctrl button:disabled{opacity:.35;cursor:default}
.hp-bar{width:150px;height:3px;border-radius:3px;background:#efe8e1;overflow:hidden}.hp-bar i{display:block;height:100%;width:30%;background:#16181d;border-radius:3px;transition:margin-left .2s,width .2s}
.hp-tabs{display:flex;gap:8px;flex-wrap:wrap;margin:0 0 22px}
.hp-tabs button{padding:9px 18px;border-radius:99px;border:1px solid #ece4dc;background:#fff;font-weight:600;font-size:14.5px;color:#4b505c;cursor:pointer;transition:all .15s}
.hp-tabs button:hover{border-color:#f7b27a}
.hp-tabs button[aria-pressed=true]{background:#16181d;border-color:#16181d;color:#fff}
.hp-track{display:flex;gap:20px;overflow-x:auto;scroll-snap-type:x mandatory;scroll-behavior:smooth;padding:4px 2px 14px;scrollbar-width:none;outline:none}
.hp-track::-webkit-scrollbar{display:none}
.hp-card{flex:0 0 calc((100% - 60px)/4);min-width:270px;scroll-snap-align:start;display:flex;flex-direction:column;padding:26px 24px 22px;border-radius:22px;border:1px solid #ece6df;background:#fff;transition:border-color .15s,box-shadow .15s}
.hp-card:hover{border-color:#f3c9a0;box-shadow:0 24px 50px -36px rgba(122,58,16,.4)}
.hp-card[hidden]{display:none}
.hp-hot{background:linear-gradient(180deg,#fff5ec,#fff);border-color:#f6c49a}
.hp-tag{margin:0;font-size:12.5px;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:#6b7280}
.hp-hot .hp-tag{color:#e1701f}
.hp-card h3{margin:6px 0 12px;font-family:"Plus Jakarta Sans",Roboto,sans-serif;font-size:30px;font-weight:700;letter-spacing:-.02em;color:#16181d}
.hp-save{display:flex;align-items:center;gap:10px;min-height:32px}
.hp-save span{padding:5px 11px;border-radius:8px;background:#ffe9d6;color:#c2560f;font-weight:700;font-size:13.5px}
.hp-save s{color:#8a8f9a;font-size:15px}
.hp-save0 span{background:#f5f2ee;color:#4b505c;font-weight:600}
.hp-price{margin:12px 0 16px;display:flex;align-items:baseline;gap:4px}
.hp-price b{font-family:"Plus Jakarta Sans",Roboto,sans-serif;font-size:42px;font-weight:800;letter-spacing:-.03em;color:#16181d;line-height:1}
.hp-price span{color:#6b7280;font-size:16px}
.hp-btn{display:flex;justify-content:center;padding:14px;border-radius:12px;background:#16181d;color:#fff!important;font-weight:600;font-size:16px;transition:background .15s}
.hp-btn:hover{background:#f2883b}
.hp-hot .hp-btn{background:linear-gradient(135deg,#fbab68,#f2883b)}.hp-hot .hp-btn:hover{background:#16181d}
.hp-note{margin:10px 0 18px;font-size:13.5px;color:#6b7280;text-align:center}
.hp-card ul{list-style:none;margin:0 0 18px;padding:18px 0 0;border-top:1px solid #f1ebe4;display:grid;gap:11px;font-size:15px;color:#2a2d35}
.hp-card li{display:flex;align-items:flex-start;gap:10px;line-height:1.4}.hp-card li svg{flex:none;margin-top:2px;color:#f2883b}
.hp-more{margin-top:auto;display:inline-flex;align-items:center;gap:6px;font-weight:600;font-size:14.5px;color:#16181d!important}
.hp-more:hover{color:#f2883b!important;gap:10px}
.hp-inc{margin:18px 0 0;font-size:14.5px;color:#6b7280;text-align:center}
@media(max-width:1100px){.hp-card{flex-basis:calc((100% - 40px)/3)}}
@media(max-width:800px){.hp-head{flex-direction:column;align-items:flex-start}.hp-card{flex-basis:calc((100% - 20px)/2)}}
@media(max-width:600px){.hp{padding:56px 0}.hp-card{flex-basis:85%;min-width:0}.hp-ctrl{width:100%}.hp-bar{flex:1}}
@media(prefers-reduced-motion:reduce){.hp-track{scroll-behavior:auto}}
@media(max-width:600px){.hp-tabs{flex-wrap:nowrap;gap:6px}.hp-tabs button{flex:1;padding:9px 6px;font-size:13.5px}}
/* carousel polish (v20261278) */
.hp{background:linear-gradient(180deg,#fff 0%,#fffaf6 100%)}
.hp-head{flex-direction:column;align-items:stretch;gap:26px;margin-bottom:26px}
.hp-bar2{display:flex;align-items:center;justify-content:space-between;gap:20px}
.hp-bar2 .hp-tabs{margin:0;padding:5px;border-radius:99px;background:#f6f1ec;gap:4px}
.hp-bar2 .hp-tabs button{border:0;background:transparent;padding:10px 20px}
.hp-bar2 .hp-tabs button[aria-pressed=true]{background:#fff;color:#16181d;box-shadow:0 6px 16px -8px rgba(22,24,29,.3)}
.hp-card{padding:28px 26px 24px;border-radius:24px;box-shadow:0 1px 0 rgba(22,24,29,.02);min-height:100%}
.hp-top{display:flex;align-items:center;justify-content:space-between;gap:10px}
.hp-cat{padding:4px 10px;border-radius:99px;font-size:12px;font-weight:700}
.hp-cat-budget{background:#fff1e4;color:#c2560f}.hp-cat-pro{background:#16181d;color:#fbb071}.hp-cat-biz{background:#eef0f3;color:#2a2d35}
.hp-card h3{font-size:32px;margin:10px 0 10px}
.hp-save0{min-height:32px}
.hp-price b{font-size:46px}
.hp-hot{background:linear-gradient(180deg,#fff1e4 0%,#fff 55%);border:2px solid #f6b27a;box-shadow:0 30px 60px -40px rgba(122,58,16,.5)}
.hp-card ul{gap:12px}
.hp-card li{font-size:15px}
.hp-more{padding-top:14px;border-top:1px dashed #efe6dc;width:100%}
@media(max-width:800px){.hp-bar2{flex-direction:column;align-items:stretch}}
@media(max-width:600px){.hp-bar2 .hp-tabs{width:100%}.hp-bar2 .hp-tabs button{padding:9px 4px}}
.hp-save0 em{font-style:normal;font-size:14.5px;color:#6b7280}
.hp-track.hp-fit{justify-content:center}.hp:not(.hp-nofit) .hp-ctrl{visibility:hidden}
/* yearly / monthly toggle (v20261280) */
.hp-bar2{flex-wrap:wrap}
.hp-bill{display:flex;gap:4px;padding:5px;border-radius:99px;background:#16181d;margin-left:auto;margin-right:16px}
.hp-bill button{border:0;background:transparent;color:#c9ccd3;padding:9px 18px;border-radius:99px;font-weight:600;font-size:14.5px;cursor:pointer;display:inline-flex;align-items:center;gap:8px}
.hp-bill button[aria-pressed=true]{background:#fff;color:#16181d}
.hp-bill em{font-style:normal;font-size:11.5px;font-weight:700;padding:2px 8px;border-radius:99px;background:#ffe2c6;color:#c2560f}
.hp-ysub{display:none;margin:-8px 0 16px;font-size:14px;color:#5d6370}.hp-ysub b{color:#16181d}.hp-ysub span{color:#c2560f;font-weight:700}
.hp-yearly .hp-ysub{display:block}
.hp-yearly .hp-save{display:none}
.hp-yearly .hp-save.hp-save0{display:flex}
@media(max-width:800px){.hp-bill{margin:0;align-self:flex-start}}
@media(max-width:600px){.hp-bill{width:100%}.hp-bill button{flex:1;justify-content:center;padding:9px 6px}}
/* billing toggle refresh (v20261281) */
.hp-bill{background:#fff;border:1px solid #efe4d9;box-shadow:0 8px 22px -14px rgba(122,58,16,.35);padding:5px;gap:2px}
.hp-bill button{color:#4b505c;padding:10px 20px;transition:background .2s,color .2s}
.hp-bill button:hover{color:#16181d}
.hp-bill button[aria-pressed=true]{background:linear-gradient(135deg,#fbab68,#f2883b);color:#fff;box-shadow:0 8px 18px -10px rgba(242,136,59,.8)}
.hp-bill em{background:#e8f7ee;color:#1a8f4c;font-size:11.5px;padding:3px 9px}
.hp-bill button[aria-pressed=true] em{background:rgba(255,255,255,.25);color:#fff}
.hp-bill em{white-space:nowrap}.hp-bill button[aria-pressed=true]:hover{color:#fff}@media(max-width:600px){.hp-bill button{font-size:14px;gap:6px}.hp-bill em{font-size:10.5px;padding:2px 7px}}
/* keep card layout stable when switching billing (v20261282) */
.hp-save{min-height:32px}
.hp-yearly .hp-save:not(.hp-save0){display:flex;visibility:hidden}
.hp-ysub{display:block;visibility:hidden;min-height:21px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.hp-yearly .hp-ysub{visibility:visible}
.hp-price,.hp-ysub,.hp-note{transition:none}
/* 3-option billing (v20261283) */
.hp-bill button{padding:10px 16px}
@media(max-width:600px){.hp-bill button{padding:9px 4px;font-size:13px;flex-direction:column;gap:3px}}
.hp-note{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.hp-ysub{height:22px;min-height:22px;line-height:22px}
/* billing bar left, 4 options (v20261284) */
.hp-bar2 .hp-bill{margin-left:0;margin-right:auto}
.hp-bill button{padding:10px 16px}
@media(max-width:700px){.hp-bill{width:100%;display:grid;grid-template-columns:repeat(4,1fr);border-radius:18px}.hp-bill button{flex-direction:column;gap:3px;padding:8px 2px;font-size:13px;border-radius:14px}.hp-bill em{font-size:10px;padding:2px 6px}}
/* billing bar colours (v20261285) */
.hp-bill{background:#fff7f0;border:1px solid #f3e2d2;box-shadow:inset 0 1px 0 #fff,0 10px 24px -18px rgba(122,58,16,.45)}
.hp-bill button{color:#3b3f4a;font-weight:600;letter-spacing:-.005em}
.hp-bill button:hover{background:#ffeedd;color:#16181d}
.hp-bill button[aria-pressed=true]{background:#16181d;color:#fff;box-shadow:0 10px 20px -12px rgba(22,24,29,.7)}
.hp-bill button[aria-pressed=true]:hover{background:#16181d;color:#fff}
.hp-bill em{background:#ffe3cc;color:#b4500e;font-weight:700}
.hp-bill button[aria-pressed=true] em{background:linear-gradient(135deg,#fbab68,#f2883b);color:#fff}
/* home plan tooltips (v20261287) */
.hp-card li{align-items:center}.hp-card li>span{flex:1;min-width:0}
.hp-card li .inf{flex:none;margin-left:auto}
.hp-card .tip::after{display:none!important}
.hp-tt{position:fixed;z-index:200;max-width:260px;padding:10px 12px;border-radius:10px;background:#16181d;color:#fff;font:400 13px/1.5 Inter,Roboto,system-ui,sans-serif;box-shadow:0 14px 30px -10px rgba(0,0,0,.35);pointer-events:none;opacity:0;transform:translateY(4px);transition:opacity .12s,transform .12s}
.hp-tt.on{opacity:1;transform:none}
.hp-tt:after{content:"";position:absolute;left:var(--ax,50%);bottom:-5px;width:10px;height:10px;margin-left:-5px;background:#16181d;transform:rotate(45deg)}
/* tooltips on dotted-underlined text (v20261288) */
.hp-card .hp-tx{flex:0 1 auto;cursor:help;text-decoration:underline dotted #e9a46d;text-decoration-thickness:1.5px;text-underline-offset:4px;border-radius:4px;outline:none;transition:color .15s,text-decoration-color .15s}
.hp-card .hp-tx:hover,.hp-card .hp-tx:focus-visible{color:#c2560f;text-decoration-color:#f2883b}
.hp-card .hp-tx:focus-visible{box-shadow:0 0 0 3px rgba(247,152,78,.25)}
.hp-card .hp-tx b{font-weight:700;color:#16181d}
/* savings shown on every billing (v20261294) */
.hp-yearly .hp-save:not(.hp-save0){visibility:visible}
.hp-save s{white-space:nowrap}
@media(max-width:700px){.hp-bill em{font-size:9.5px;padding:2px 5px}}
/* sleek plan cards, lighter weights (v20261295) */
.hp-card{padding:24px 22px 20px;border-radius:20px;border:1px solid #efe9e3;box-shadow:none;background:#fff}
.hp-card:hover{border-color:#f1d2b4;box-shadow:0 18px 40px -32px rgba(122,58,16,.35)}
.hp-hot{border:1.5px solid #f4b98a;background:linear-gradient(180deg,#fff8f2 0%,#fff 45%);box-shadow:0 20px 44px -34px rgba(122,58,16,.45)}
.hp-tag{font-size:11.5px;font-weight:600;letter-spacing:.09em;color:#8a8f9a}
.hp-hot .hp-tag{color:#e0782c}
.hp-cat{font-weight:600;font-size:11.5px;padding:3px 9px}
.hp-card h3{font-size:24px;font-weight:600;letter-spacing:-.015em;margin:8px 0 10px}
.hp-save{min-height:28px}.hp-save span{font-weight:600;font-size:12.5px;padding:4px 9px;border-radius:7px}
.hp-save s{font-size:13.5px}
.hp-price{margin:10px 0 12px}.hp-price b{font-size:36px;font-weight:700;letter-spacing:-.025em}
.hp-price span{font-size:14.5px}
.hp-ysub{font-size:13px}.hp-ysub b{font-weight:600}.hp-ysub span{font-weight:600}
.hp-btn{padding:12px;border-radius:11px;font-weight:600;font-size:15px}
.hp-note{font-size:12.5px;margin:9px 0 14px}
.hp-card ul{gap:9px;padding-top:14px;margin-bottom:14px}
.hp-card li{font-size:14px;color:#3b3f4a}
.hp-card .hp-tx b{font-weight:600;color:#2a2d35}
.hp-card li svg{width:14px;height:14px}
.hp-more{font-size:13.5px;font-weight:600;padding-top:12px}
.hp-head h2{font-weight:700}
.hp-bill button{font-weight:500}.hp-bill button[aria-pressed=true]{font-weight:600}.hp-bill em{font-weight:600}
.hp-card .hp-tx{text-decoration-color:#f3cba8;text-decoration-thickness:1px}
/* sleek billing bar (v20261296) */
.hp-bill{padding:4px;gap:2px;background:#fff;border:1px solid #eee7e0;box-shadow:none;border-radius:99px}
.hp-bill button{padding:8px 14px;font-size:13.5px;font-weight:500;color:#5d6370;gap:7px;box-shadow:none}
.hp-bill button:hover{background:#faf6f2;color:#16181d}
.hp-bill button[aria-pressed=true]{background:#fff4ea;color:#c2560f;font-weight:600;box-shadow:inset 0 0 0 1px #f6cfab}
.hp-bill button[aria-pressed=true]:hover{background:#fff4ea;color:#c2560f}
.hp-bill em{background:transparent;color:#1a8f4c;font-weight:500;font-size:11.5px;padding:0}
.hp-bill button[aria-pressed=true] em{background:transparent;color:#1a8f4c}
@media(max-width:700px){.hp-bill{border-radius:16px}.hp-bill button{border-radius:12px;padding:7px 2px;font-size:12.5px}.hp-bill em{font-size:10px;padding:0}}
.hp-bill em,.hp-bill button[aria-pressed=true] em{color:#e0782c}
/* sleek domain search box (v20261298) */
.h2-search{padding:6px;gap:10px;border-radius:18px;background:#fff;border:1px solid #efe9e3;box-shadow:none;-webkit-backdrop-filter:none;backdrop-filter:none}
.h2-search .hx-search{min-height:50px;border:1px solid #efe9e3;border-radius:13px;box-shadow:none}
.h2-search .hx-search input[name=query]{font-size:15px}
.h2-search .hx-search select{font-size:14.5px;font-weight:500;color:#3b3f4a}
.h2-search .hx-search button[type=submit]{border-radius:10px;font-weight:600;font-size:15px;padding:0 22px;box-shadow:none}
.h2-tlds{gap:6px}
.h2-tlds button{min-height:50px;padding:6px 13px;border-radius:12px;border:1px solid #efe9e3;gap:1px}
.h2-tlds button:hover{border-color:#f1d2b4;background:#fffaf6}
.h2-tlds b{font:600 15.5px/1.1 "Plus Jakarta Sans",Roboto,sans-serif;color:#2a2d35}
.h2-tlds small{font-size:11px;font-weight:400;color:#9a9ea8}
@media(max-width:600px){body.home .h2-tlds b{font-size:13.5px}}
.h2-search .hx-search button[type=submit]{padding:11px 24px;align-self:center;font-weight:600}
/* plans intro as trust band (v20261299) */
.hp-trust{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.25fr);gap:48px;align-items:center;padding:38px 40px;border-radius:24px;background:#faf7f3;border:1px solid #f1ebe4}
.hp-tl h2{font-weight:600;font-size:clamp(28px,2.8vw,38px);line-height:1.15;letter-spacing:-.02em;margin:10px 0 12px}
.hp-tl h2 span{color:#f2883b}
.hp-tl p{font-size:15.5px;line-height:1.75;color:#5d6370;margin:0;max-width:520px}
.hp-stats{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:20px}
.hp-stats li{display:flex;flex-direction:column;gap:4px}
.hp-stats i{color:#f2883b;margin-bottom:10px;line-height:0}
.hp-stats b{font:500 26px/1.1 "Plus Jakarta Sans",Roboto,sans-serif;color:#16181d;letter-spacing:-.02em}
.hp-stats small{font-size:13.5px;color:#6b7280}
.hp-head{gap:28px}
@media(max-width:1000px){.hp-trust{grid-template-columns:minmax(0,1fr);gap:28px;padding:28px}}
@media(max-width:600px){.hp-stats{grid-template-columns:repeat(2,minmax(0,1fr));gap:22px 16px}.hp-trust{padding:24px 20px}.hp-stats b{font-size:22px}}
.hp-head .hp-tl h2{font-weight:600}.hp-tl h2 span{display:block}
.hp .hp-trust{margin-top:40px}
/* hero heading matches trust box style (v20261301) */
body.home .h2-title{font-family:"Plus Jakarta Sans",Roboto,sans-serif;font-weight:600;letter-spacing:-.02em;line-height:1.15;color:#14161b}
body.home .h2-title span{color:#f2883b}
body.home .h2-sub{font-size:15.5px;line-height:1.75;color:#5d6370;font-weight:400}
/* features as trust-style band, text on right (v20261302) */
.tk-band{display:grid;grid-template-columns:minmax(0,1.35fr) minmax(0,1fr);gap:48px;align-items:center;padding:40px;border-radius:24px;background:#faf7f3;border:1px solid #f1ebe4;text-align:left}
.tk-band .tk-text{order:2}
.tk-band .tk-g{order:1;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:28px 24px;margin:0}
.tk-band .eyebrow{justify-content:flex-start}
.tk-band h2{font-family:"Plus Jakarta Sans",Roboto,sans-serif;font-weight:600;font-size:clamp(28px,2.8vw,38px);line-height:1.15;letter-spacing:-.02em;margin:10px 0 12px;text-align:left;color:#14161b}
.tk-band h2 span{display:block;color:#f2883b}
.tk-band .tk-sub{font-size:15.5px;line-height:1.75;color:#5d6370;margin:0;text-align:left;max-width:440px}
.tk-band .tk-c{padding:0;background:none;border:0;box-shadow:none;border-radius:0;text-align:left}
.tk-band .tk-c:hover{transform:none;box-shadow:none;background:none}
.tk-band .tk-i{width:auto;height:auto;background:none;border:0;border-radius:0;color:#f2883b;margin:0 0 10px;display:block;line-height:0;box-shadow:none}
.tk-band .tk-i svg{width:34px;height:34px;stroke-width:1.5}
.tk-band .tk-c h3{font:500 18px/1.25 "Plus Jakarta Sans",Roboto,sans-serif;letter-spacing:-.01em;color:#16181d;margin:0 0 6px}
.tk-band .tk-c p{font-size:13.5px;line-height:1.6;color:#6b7280;margin:0}
@media(max-width:1000px){.tk-band{grid-template-columns:minmax(0,1fr);gap:28px;padding:28px}.tk-band .tk-text{order:1}.tk-band .tk-g{order:2}}
@media(max-width:600px){.tk-band .tk-g{grid-template-columns:repeat(2,minmax(0,1fr));gap:22px 16px}.tk-band{padding:24px 20px}}
.tk .wrap{max-width:1280px;padding-left:24px;padding-right:32px}
@media(max-width:1100px){.tk .wrap{padding-right:40px}}@media(max-width:600px){.tk .wrap{padding-right:24px}}
.tk .tk-band .eyebrow{display:flex;justify-content:flex-start;text-align:left;margin-left:0}
.tk .tk-band h2{font-weight:600!important;font-size:clamp(28px,2.6vw,36px)}
.tk .tk-band h2{font-size:clamp(26px,2.3vw,31px)}.tk-band{grid-template-columns:minmax(0,1.3fr) minmax(0,1fr)}
.tk-band .tk-g{grid-template-columns:repeat(2,minmax(0,1fr));gap:30px 36px}
@media(max-width:1000px){.tk-band{grid-template-columns:minmax(0,1fr)}}
@media(max-width:600px){.tk-band .tk-g{grid-template-columns:minmax(0,1fr);gap:22px}}
/* plans intro text (v20261310) */
.hp-intro{margin:0 0 26px}
.hp-intro .eyebrow{display:flex;justify-content:flex-start}
.hp-intro h2{font-family:"Plus Jakarta Sans",Roboto,sans-serif;font-weight:600;font-size:clamp(28px,2.8vw,38px);line-height:1.15;letter-spacing:-.02em;color:#14161b;margin:10px 0 10px;text-align:left}
.hp-intro h2 span{color:#f2883b}
.hp-intro p{font-size:15.5px;line-height:1.75;color:#5d6370;margin:0;max-width:620px;text-align:left}
/* migration section matched to upper style (v20261311) */
.migr.mg3 .wrap{max-width:1280px;padding-left:24px;padding-right:32px}
@media(max-width:1100px){.migr.mg3 .wrap{padding-right:40px}}@media(max-width:600px){.migr.mg3 .wrap{padding-right:24px}}
.mg3-panel{background:#faf7f3!important;border:1px solid #f1ebe4;border-radius:24px;box-shadow:none!important;color:#3b3f4a;padding:40px!important;gap:48px}
.mg3-panel:before,.mg3-panel:after{display:none!important}
.mg3-l .eyebrow{display:flex;justify-content:flex-start}
.mg3-l h2{font-family:"Plus Jakarta Sans",Roboto,sans-serif;font-weight:600;font-size:clamp(28px,2.8vw,38px);line-height:1.15;letter-spacing:-.02em;color:#14161b;margin:10px 0 12px;text-align:left}
.mg3-l h2 span{display:block;color:#f2883b}
.mg3-p{font-size:15.5px;line-height:1.75;color:#5d6370;margin:0 0 20px;max-width:520px}
.mg3-l ul{gap:10px}
.mg3-l li{color:#3b3f4a!important;font-size:14.5px}
.mg3-l li svg{color:#f2883b!important}
.mg3-btn{background:#16181d!important;color:#fff!important;border-radius:11px;font-weight:600;box-shadow:none}
.mg3-btn:hover{background:#f2883b!important}
.mg3-btn2{background:#fff!important;color:#16181d!important;border:1px solid #e6e1db!important;border-radius:11px;font-weight:600}
.mg3-btn2:hover{border-color:#f3c9a0!important}
@media(max-width:600px){.mg3-panel{padding:24px 20px!important}}
.migr .mg3-l .eyebrow{display:flex!important;justify-content:flex-start!important;margin-left:0!important;width:auto;text-align:left}.mg3-l{text-align:left}
/* migration art matched to hero cards (v20261312) */
.mg3-r{display:flex;justify-content:center}
.mg3-art{position:relative;width:100%;max-width:440px;height:420px;border-radius:24px;overflow:hidden;background:linear-gradient(160deg,#ffc795 0%,#f9a15c 100%);border:1px solid #f8b27a}
.mg3-art .h2-deco{position:absolute;inset:0;width:100%;height:100%;color:#fff}
.mg3-ph{position:absolute;right:40px;bottom:-200px;width:260px;transform:rotate(12deg);filter:drop-shadow(0 30px 40px rgba(22,24,29,.22))}
.mg3-ph svg{display:block;width:100%;height:auto}
.mg3-chip{position:absolute;left:24px;top:28px;display:flex;align-items:center;gap:10px;padding:10px 16px 10px 10px;border-radius:14px;background:#fff;box-shadow:0 16px 34px -16px rgba(122,58,16,.45)}
.mg3-chip>span{width:34px;height:34px;border-radius:10px;display:grid;place-items:center;background:#16181d;color:#fbb071;font-weight:700}
.mg3-chip b{display:block;font-size:14px;color:#16181d}.mg3-chip small{display:block;font-size:12px;color:#6b7280}
@media(max-width:600px){.mg3-art{height:360px}.mg3-ph{width:220px;right:20px;bottom:-170px}}
/* migration art: old servers -> HostNext (v20261313) */
.mg3-svg{position:absolute;inset:0;width:100%;height:100%}
.mg3-art .mg3-chip{z-index:2}
@media(prefers-reduced-motion:no-preference){.mg3-pk{animation:mgPk 2.4s ease-in-out infinite}.mg3-pk1{animation-delay:.4s}.mg3-pk2{animation-delay:.8s}}
@keyframes mgPk{0%,100%{transform:translateY(0)}50%{transform:translateY(-6px)}}
@media(max-width:600px){.mg3-art{height:340px}}
.mg3-art{height:440px}@media(max-width:600px){.mg3-art{height:350px}}
/* two-column CTA banner (v20261314) */
.cta2{padding:24px 0 72px}
.cta2 .wrap{max-width:1280px;padding-left:24px;padding-right:32px}
@media(max-width:1100px){.cta2 .wrap{padding-right:40px}}@media(max-width:600px){.cta2 .wrap{padding-right:24px}}
.cta2-box{position:relative;overflow:hidden;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:56px;padding:56px 64px;border-radius:24px;background:linear-gradient(135deg,#ffc795 0%,#f9a15c 100%)}
.cta2-box:before{content:"";position:absolute;right:-120px;top:-120px;width:360px;height:360px;border-radius:50%;border:1.5px solid rgba(255,255,255,.35);box-shadow:0 0 0 60px rgba(255,255,255,.08)}
.cta2-col{position:relative}
.cta2-col h2{font-family:"Plus Jakarta Sans",Roboto,sans-serif;font-weight:600;font-size:clamp(24px,2.3vw,32px);line-height:1.2;letter-spacing:-.02em;color:#16181d;margin:0 0 12px;text-align:left}
.cta2-col p{font-size:15.5px;line-height:1.75;color:#4a3526;margin:0 0 26px;max-width:480px}
.cta2-btn,.cta2-btn2{display:inline-flex;align-items:center;gap:8px;padding:14px 24px;border-radius:12px;font-weight:600;font-size:15.5px;transition:background .15s,color .15s,gap .15s}
.cta2-btn{background:#16181d;color:#fff!important}.cta2-btn:hover{background:#2a2d35;gap:12px}
.cta2-btn2{background:#fff;color:#16181d!important}.cta2-btn2:hover{background:#fff7f0;gap:12px}
@media(max-width:860px){.cta2-box{grid-template-columns:minmax(0,1fr);gap:36px;padding:36px 28px}}
@media(max-width:600px){.cta2{padding-bottom:52px}.cta2-col h2{font-size:24px}}
/* migration section v2 (v20261316) */
.mg4{padding:72px 0}
.mg4 .wrap{max-width:1280px;padding-left:24px;padding-right:32px}
@media(max-width:1100px){.mg4 .wrap{padding-right:40px}}@media(max-width:600px){.mg4 .wrap{padding-right:24px}}
.mg4-box{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.05fr);gap:48px;align-items:center;padding:44px;border-radius:24px;background:#faf7f3;border:1px solid #f1ebe4}
.mg4-l .eyebrow{display:flex;justify-content:flex-start}
.mg4-l h2{font-family:"Plus Jakarta Sans",Roboto,sans-serif;font-weight:600;font-size:clamp(28px,2.8vw,38px);line-height:1.15;letter-spacing:-.02em;color:#14161b;margin:10px 0 12px;text-align:left}
.mg4-l h2 span{display:block;color:#f2883b}
.mg4-p{font-size:15.5px;line-height:1.75;color:#5d6370;margin:0 0 26px;max-width:500px}
.mg4-steps{list-style:none;margin:0 0 28px;padding:0;display:grid;gap:4px;position:relative}
.mg4-steps li{display:flex;gap:16px;position:relative;padding-bottom:16px}
.mg4-steps li:not(:last-child):before{content:"";position:absolute;left:17px;top:38px;bottom:2px;width:2px;background:repeating-linear-gradient(#f3c9a0 0 4px,transparent 4px 9px)}
.mg4-n{flex:none;width:36px;height:36px;border-radius:50%;display:grid;place-items:center;background:#fff;border:1.5px solid #f3c9a0;color:#e0782c;font:600 15px/1 "Plus Jakarta Sans",Roboto,sans-serif}
.mg4-steps li:last-child .mg4-n{background:#16181d;border-color:#16181d;color:#fbb071}
.mg4-steps b{display:block;font:500 17px/1.3 "Plus Jakarta Sans",Roboto,sans-serif;color:#16181d;margin:6px 0 3px}
.mg4-steps p{margin:0;font-size:14px;line-height:1.6;color:#6b7280}
.mg4-btns{display:flex;flex-wrap:wrap;gap:12px}
.mg4-btn,.mg4-btn2{display:inline-flex;align-items:center;gap:8px;padding:14px 24px;border-radius:12px;font-weight:600;font-size:15.5px}
.mg4-btn{background:#16181d;color:#fff!important}.mg4-btn:hover{background:#f2883b}
.mg4-btn2{background:#fff;border:1px solid #e6e1db;color:#16181d!important}.mg4-btn2:hover{border-color:#f3c9a0}
.mg4-art{position:relative;border-radius:22px;overflow:hidden;background:linear-gradient(160deg,#ffc795 0%,#f9a15c 100%);aspect-ratio:460/420}
.mg4-art:before{content:"";position:absolute;right:-90px;top:-90px;width:300px;height:300px;border-radius:50%;border:1.5px solid rgba(255,255,255,.35);box-shadow:0 0 0 50px rgba(255,255,255,.08)}
.mg4-svg{position:relative;display:block;width:100%;height:100%}
@media(max-width:1000px){.mg4-box{grid-template-columns:minmax(0,1fr);gap:32px;padding:28px}.mg4-r{max-width:560px}}
@media(max-width:600px){.mg4{padding:52px 0}.mg4-box{padding:24px 18px}.mg4-btns a{flex:1;justify-content:center}}
@media(max-width:600px){.mg4-btns{flex-direction:column}.mg4-btns a{width:100%}}
.tk+.cta2{padding-top:8px}
.hp+.cta2{padding-top:0}
.hp+.cta2{padding-top:8px;background:#fffaf6}
/* ===== plan cards: reference-style layout (v20261320) ===== */
.hp-track{gap:24px}
.hp-card{flex:0 0 calc((100% - 72px)/3.4);min-width:300px;padding:30px 28px 26px;border-radius:22px;border:1px solid #ece6df;background:#fff}
.hp-hot{background:#fff6ee;border:1.5px solid #f2883b;box-shadow:none}
.hp-top{justify-content:flex-start;gap:10px}
.hp-tag{font-size:13px;font-weight:500;letter-spacing:.06em;color:#3b3f4a}
.hp-hot .hp-tag{color:#c2560f}
.hp-cat{display:none}
.hp-card h3{font-family:"Plus Jakarta Sans",Roboto,sans-serif;font-size:38px;font-weight:500;letter-spacing:-.02em;margin:6px 0 14px;color:#14161b}
.hp-save,.hp-save0{min-height:42px;gap:14px}
.hp-save span{padding:9px 14px;border-radius:10px;background:#ffe6cf;color:#a9480b;font-size:15px;font-weight:500}
.hp-hot .hp-save span{background:#ffd9b8}
.hp-save s{font-size:20px;color:#2a2d35;text-decoration-thickness:1.5px}
.hp-price{margin:16px 0 18px}
.hp-price b{font-family:"Plus Jakarta Sans",Roboto,sans-serif;font-size:46px;font-weight:500;letter-spacing:-.03em;color:#14161b}
.hp-price span{font-size:15px;color:#3b3f4a}
.hp-ysub{order:0;margin:-8px 0 16px;font-size:14.5px}
.hp-btn{align-self:flex-start;display:inline-flex;padding:15px 34px;border-radius:10px;font-size:16px;font-weight:500;background:#16181d!important;color:#fff!important}
.hp-btn:hover{background:#f2883b!important}
.hp-hot .hp-btn{background:#16181d!important}
.hp-note{text-align:left;margin:14px 0 22px;font-size:15px;color:#3b3f4a;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.hp-card .hp-tx{text-decoration:underline dotted #f3cba8;text-decoration-thickness:1px;text-underline-offset:4px}
.hp-card ul{border-top:0;padding-top:0;gap:14px}
.hp-card li{font-size:16px;color:#2a2d35}
.hp-card li svg{color:#16181d;width:16px;height:16px;margin-top:3px}
.hp-hot li svg{color:#c2560f}
.hp-card .hp-tx b{font-weight:500;color:#2a2d35}
.hp-more{border-top:1px solid #f1ebe4;padding-top:16px;font-weight:500}
@media(max-width:1100px){.hp-card{flex-basis:calc((100% - 24px)/2.2)}}
@media(max-width:600px){.hp-card{flex-basis:88%;min-width:0;padding:24px 22px}.hp-card h3{font-size:32px}.hp-price b{font-size:40px}}
@media(max-width:600px){.hp-note{font-size:13.5px}}
/* ===== Home typography system (v20261321) =====
   Section title: Jakarta 600, clamp(28-38px), -.02em, #14161b, orange span
   Lead text: 15.5px/1.75 #5d6370   Card title: Jakarta 600 19px   Card text: 14.5px/1.65 #6b7280
   Buttons: 600 15.5px radius 12px */
body.home section h2{font-family:"Plus Jakarta Sans",Roboto,sans-serif;font-weight:600;letter-spacing:-.02em;line-height:1.15;color:#14161b}
body.home .proplans h2,body.home .faq h2,body.home .supp h2,body.home .hp-intro h2,body.home .hp-tl h2,body.home .tk-band h2{font-size:clamp(28px,2.8vw,38px)!important;font-weight:600!important}
body.home section h2 span,body.home section h2 em{color:#f2883b;font-style:normal}
body.home .proplans .sub,body.home .faq p.fsub,body.home .faq .wrap>p,body.home .supp-h p,body.home .supp .wrap>div>p{font-size:15.5px;line-height:1.75;color:#5d6370}
body.home .proplans .ptop p,body.home .faq .wrap>p:not(.faq-l *){font-size:15.5px;line-height:1.75}
/* hero cards */
body.home .h2-card h2{font-weight:600!important;letter-spacing:-.02em}
body.home .h2-tag{font-weight:600;font-size:12.5px}
/* card titles */
body.home .tk-c h3,body.home .hc h3,body.home .supp h3,body.home .sc h3{font-family:"Plus Jakarta Sans",Roboto,sans-serif;font-weight:600;font-size:19px;letter-spacing:-.01em;line-height:1.3;color:#16181d}
body.home .tk-c p,body.home .hc p,body.home .sc p,body.home .supp .sc p{font-size:14.5px;line-height:1.65;color:#6b7280}
/* FAQ */
body.home .faq summary{font-size:16.5px;font-weight:500;color:#16181d}
body.home .faq details p{font-size:15px;line-height:1.75;color:#5d6370}
/* stats + numbers */
body.home .hp-stats b{font-weight:500}
/* buttons */
body.home .h2-btn,body.home .hp-btn,body.home .cta2-btn,body.home .cta2-btn2,body.home .sbtn,body.home .hc-go{font-weight:600;font-size:15.5px}
body.home .h2-btn,body.home .hp-btn,body.home .cta2-btn,body.home .cta2-btn2,body.home .sbtn{border-radius:12px}
/* eyebrows */
body.home .eyebrow{font-size:15px;font-weight:500;color:#f2883b}
body.home .tk-band h2{font-size:clamp(26px,2.4vw,34px)!important}
/* ===== Home style applied to Budget page: body.hs (v20261322) ===== */
/* header blend like home */
body.hs .topbar{background:#fff4ea;border-bottom:1px solid #f6e4d4;color:#6b5a4c}
body.hs .header{background:rgba(255,250,245,.88);border-bottom-color:transparent;-webkit-backdrop-filter:saturate(1.4) blur(12px);backdrop-filter:saturate(1.4) blur(12px)}
body.hs .header.hdr-scrolled{background:rgba(255,255,255,.94);border-bottom-color:#f1e6db;box-shadow:0 10px 30px -18px rgba(122,58,16,.35)}
body.hs .menu>li>button:hover,body.hs .menu>li>a:hover{background:#fff1e4;border-radius:10px}
/* hero */
body.hs .wh2 h1{font-weight:600;letter-spacing:-.02em;line-height:1.12;color:#14161b}
body.hs .wh2 h1 span{color:#f2883b}
body.hs .wh2 p{font-size:15.5px;line-height:1.75;color:#5d6370}
/* section titles + leads */
body.hs section h2{font-family:"Plus Jakarta Sans",Roboto,sans-serif;font-weight:600!important;letter-spacing:-.02em;line-height:1.15}
body.hs #plans h2,body.hs .ez h2,body.hs .sg5 h2,body.hs .cmp h2,body.hs .proplans h2,body.hs .faq h2,body.hs .rev h2,body.hs .supp h2{font-size:clamp(28px,2.8vw,38px)!important;color:#14161b}
body.hs section h2 span,body.hs section h2 em{color:#f2883b;font-style:normal}
body.hs #plans .sub,body.hs .ez .wrap>p,body.hs .sg5 .wrap>p,body.hs .cmp .wrap>p,body.hs .proplans .sub,body.hs .faq .wrap>p,body.hs .rev .rsub,body.hs .supp-h p{font-size:15.5px!important;line-height:1.75;color:#5d6370}
body.hs .eyebrow{font-size:15px;font-weight:500;color:#f2883b}
/* card titles + text */
body.hs .proplans h3,body.hs .hc h3,body.hs .supp h3,body.hs .sc h3,body.hs .sg5 h3,body.hs .ez-c h3{font-family:"Plus Jakarta Sans",Roboto,sans-serif;font-weight:600;font-size:19px;letter-spacing:-.01em}
body.hs .hc p,body.hs .sc p,body.hs .sg5 .wrap p:not(.sub){font-size:14.5px;line-height:1.65}
body.hs .cmp h3{font-weight:600}
/* package boxes: lighter, sleek like home cards */
body.hs .pk{border-radius:22px;border:1px solid #ece6df;box-shadow:none}
body.hs .pk:hover{box-shadow:0 18px 40px -32px rgba(122,58,16,.35)}
body.hs .pk h3{font-weight:500;font-size:30px;letter-spacing:-.02em}
body.hs .pk .bf{font-weight:500}
body.hs .pk .pd{font-size:14.5px;color:#6b7280}
body.hs .pk .sv .bd{font-weight:500;border-radius:9px;background:#ffe6cf;color:#a9480b}
body.hs .pk .pp .amt{font-weight:500;letter-spacing:-.03em}
body.hs .pk .cont{border-radius:12px;font-weight:600;background:#16181d;box-shadow:none}
body.hs .pk .cont:hover{background:#f2883b}
body.hs .pk .ks>div{border-radius:14px}
body.hs .pk .ks b{font-weight:600}
body.hs .pk .fl li{font-size:15px;color:#2a2d35}
body.hs .pk .fl b{font-weight:600}
body.hs .pw.rec .pk,body.hs .pw.pop .pk,body.hs .pw .pk.rec{background:#fff6ee}
/* billing terms like home bar */
body.hs .terms{background:#fff;border:1px solid #eee7e0;box-shadow:none;padding:4px;border-radius:99px}
body.hs .terms button{font-weight:500;font-size:14px;color:#5d6370;border-radius:99px}
body.hs .terms button.on{background:#fff4ea;color:#c2560f;font-weight:600;box-shadow:inset 0 0 0 1px #f6cfab}
/* FAQ */
body.hs .faq summary{font-size:16.5px;font-weight:500}
body.hs .faq details p{font-size:15px;line-height:1.75}
/* buttons */
body.hs .sbtn,body.hs .cta-p,body.hs .cta-s{font-weight:600;border-radius:12px}
body.hs .cta h2{font-size:clamp(26px,2.6vw,34px)!important;color:#fff}
body.hs .pw.rec .pk{background:linear-gradient(180deg,#fff6ee,#fff 60%)!important}
/* Budget hero = home hero style (v20261323) */
body.hs .h2b{padding-top:30px}
body.hs .h2b .h2-head{display:block;margin:6px 0 26px}
body.hs .h2b .h2-title{font-family:"Plus Jakarta Sans",Roboto,sans-serif;font-weight:600;letter-spacing:-.02em;line-height:1.15;color:#14161b;font-size:clamp(30px,3.1vw,44px);margin:0 0 10px}
body.hs .h2b .h2-title span{color:#f2883b;white-space:nowrap}
body.hs .h2b .h2-sub{text-align:left;max-width:none;margin:0;font-size:15.5px;line-height:1.75;color:#5d6370}
@media(min-width:901px){body.hs .h2b .h2-title,body.hs .h2b .h2-sub{white-space:nowrap}}
body.hs .h2b .h2-card h2{font-weight:600;letter-spacing:-.02em}
body.hs .h2b .h2-tag{font-weight:600;font-size:12.5px}
body.hs .h2b .crumb,body.hs .h2b nav{margin-bottom:6px}
body.hs .h2b .h2-rrow{margin-top:28px}
/* Budget hero split (ref idea) (v20261324) */
.bh{position:relative;background:linear-gradient(180deg,#fffaf5 0%,#fffdfb 100%);padding:28px 0 56px;overflow:hidden}
.bh .wrap{max-width:1280px;padding-left:24px;padding-right:32px}
@media(max-width:1100px){.bh .wrap{padding-right:40px}}@media(max-width:600px){.bh .wrap{padding-right:24px}}
.bh-grid{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:48px;align-items:center;margin-top:10px}
.bh-pill{display:inline-block;padding:8px 14px;border-radius:10px;background:#ffe2c6;color:#a9480b;font-size:14.5px;font-weight:600}
.bh h1{font-family:"Plus Jakarta Sans",Roboto,sans-serif;font-weight:600;font-size:clamp(34px,3.6vw,52px);line-height:1.1;letter-spacing:-.025em;color:#14161b;margin:18px 0 16px}
.bh h1 span{display:block;color:#f2883b}
.bh-lead{font-size:16.5px;line-height:1.75;color:#4b505c;margin:0 0 20px;max-width:560px}
.bh-list{list-style:none;margin:0 0 28px;padding:0;display:grid;gap:12px}
.bh-list li{display:flex;align-items:center;gap:12px;font-size:16px;color:#2a2d35}
.bh-list svg{flex:none;width:22px;height:22px;padding:3px;border-radius:50%;background:#fff1e4;color:#f2883b}
.bh-btns{display:flex;align-items:center;gap:20px;flex-wrap:wrap}
.bh-btn{display:inline-flex;align-items:center;gap:8px;padding:15px 28px;border-radius:12px;background:#16181d;color:#fff!important;font-weight:600;font-size:16px;transition:background .15s,gap .15s}
.bh-btn:hover{background:#f2883b;gap:12px}
.bh-from{font-size:15px;color:#5d6370}.bh-from b{font-family:"Plus Jakarta Sans",Roboto,sans-serif;font-size:22px;color:#16181d}
.bh-art{position:relative;max-width:560px;margin-left:auto}
.bh-svg{display:block;width:100%;height:auto}
.bh-chip{position:absolute;display:flex;flex-direction:column;justify-content:center;padding:14px 18px;border-radius:16px;box-shadow:0 18px 36px -18px rgba(122,58,16,.45)}
.bh-chip b{font:700 22px/1.05 "Plus Jakarta Sans",Roboto,sans-serif;letter-spacing:-.01em}
.bh-chip small{font-size:11.5px;font-weight:700;letter-spacing:.06em;text-transform:uppercase}
.bh-c1{right:-6px;top:22%;background:#16181d;color:#fff}.bh-c1 small{color:#fbb071}
.bh-c2{left:-14px;top:48%;background:linear-gradient(135deg,#fbab68,#f2883b);color:#fff}
.bh-c3{right:-6px;bottom:12%;background:#fff3e6;color:#16181d;border:1px solid #f6d3b3}.bh-c3 small{color:#c2560f}
@media(prefers-reduced-motion:no-preference){.bh-c1{animation:hxFloat 6s ease-in-out infinite}.bh-c2{animation:hxFloat 7s ease-in-out infinite .8s}.bh-c3{animation:hxFloat 6.5s ease-in-out infinite 1.4s}}
.bh .h2-rate{margin-top:36px}
@media(max-width:960px){.bh-grid{grid-template-columns:minmax(0,1fr);gap:32px}.bh-art{margin:0 auto}}
@media(max-width:600px){.bh-chip{padding:10px 12px}.bh-chip b{font-size:17px}.bh-chip small{font-size:10px}.bh-c2{left:0}.bh-c1,.bh-c3{right:0}.bh-btns{gap:14px}}
/* Budget packages reference style (v20261325) */
body.hs .hp-b{padding:64px 0 56px;background:#fff}
body.hs .hp-b .hp-intro p{max-width:760px}
body.hs .hp-b .hp-btn{font-weight:600;font-size:15.5px;border-radius:12px}
body.hs .hp-b .hp-intro h2{font-size:clamp(28px,2.8vw,38px)!important;font-weight:600!important}
@media(min-width:1101px){body.hs .hp-b .hp-card{flex:1 1 0;min-width:0}body.hs .hp-b .hp-track.hp-fit{justify-content:flex-start}}
body.hs .hp-b .hp-inc{text-align:left}
@media(max-width:600px){body.hs .hp-b .hp-inc{text-align:center}}
/* Budget Easy to manage cards (v20261326) */
.ez2{padding:64px 0;background:#fff}
.ez2-intro{margin:0 0 30px}
.ez2-intro .eyebrow{display:flex;justify-content:flex-start}
.ez2-intro h2{font-family:"Plus Jakarta Sans",Roboto,sans-serif;font-weight:600!important;font-size:clamp(28px,2.8vw,38px)!important;line-height:1.15;letter-spacing:-.02em;color:#14161b;margin:10px 0;text-align:left}
.ez2-intro h2 span{color:#f2883b}
.ez2-intro p{font-size:15.5px;line-height:1.75;color:#5d6370;margin:0;max-width:760px;text-align:left}
.ez2-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:24px}
.ez2-card{display:flex;flex-direction:column;padding:30px 28px 28px;border-radius:22px;border:1px solid #ece6df;background:#fff}
.ez2-hot{background:#fff6ee;border:1.5px solid #f2883b}
.ez2-tag{margin:0;font-size:13px;font-weight:500;letter-spacing:.06em;text-transform:uppercase;color:#3b3f4a}
.ez2-hot .ez2-tag{color:#c2560f}
.ez2-card h3{font-family:"Plus Jakarta Sans",Roboto,sans-serif;font-size:30px;font-weight:500;letter-spacing:-.02em;line-height:1.15;margin:6px 0 10px;color:#14161b}
.ez2-d{margin:0 0 20px;font-size:14.5px;line-height:1.6;color:#5d6370}
.ez2-card ul{list-style:none;margin:0;padding:18px 0 0;border-top:1px solid #efe9e3;display:flex;flex-direction:column;gap:13px}
.ez2-hot ul{border-top-color:#f6dcc6}
.ez2-card li{display:flex;gap:10px;align-items:flex-start;font-size:15.5px;color:#2a2d35;line-height:1.4}
.ez2-card li svg{flex:none;color:#16181d;margin-top:2px}
.ez2-hot li svg{color:#c2560f}
.ez2-cta{display:flex;align-items:center;gap:18px;flex-wrap:wrap;margin-top:30px}
.ez2-btn{display:inline-flex;align-items:center;justify-content:center;height:52px;padding:0 30px;border-radius:12px;background:#16181d;color:#fff!important;font-weight:600;font-size:15.5px;text-decoration:none;transition:background .15s}
.ez2-btn:hover{background:#2a2d35}
.ez2-cta span{font-size:14.5px;color:#6b7280}
@media(max-width:1100px){.ez2-grid{grid-template-columns:repeat(2,1fr)}}
@media(max-width:600px){.ez2{padding:52px 0}.ez2-grid{grid-template-columns:1fr;gap:16px}.ez2-card{padding:24px 22px}.ez2-card h3{font-size:26px}.ez2-cta{flex-direction:column;align-items:stretch;text-align:center}}
.ez2 .wrap{max-width:1280px;padding-left:24px;padding-right:32px}
@media(max-width:600px){.ez2 .wrap{padding-right:24px}}
/* Budget Secure & affordable cards (v20261327) */
.ez2-sec{background:#fffaf5;border-top:1px solid #f6ece2;border-bottom:1px solid #f6ece2}
/* cta2 on Budget page (v20261328) */
body.hs .cta2-btn,body.hs .cta2-btn2{font-weight:600;font-size:15.5px;border-radius:12px}
body.hs .cta2 h2{font-family:"Plus Jakarta Sans",Roboto,sans-serif;font-weight:600;letter-spacing:-.02em}
body.hs .cta2 .wrap{max-width:1280px;padding-left:24px;padding-right:32px}
@media(max-width:600px){body.hs .cta2 .wrap{padding-right:24px}}
/* Budget Secure & affordable split (ref idea) (v20261329) */
.sp{padding:72px 0 64px;background:#fffaf5;border-top:1px solid #f6ece2;border-bottom:1px solid #f6ece2;overflow:hidden}
.sp .wrap{max-width:1280px;padding-left:24px;padding-right:32px}
.sp-top{display:grid;grid-template-columns:1fr 1.1fr;gap:56px;align-items:center}
.sp-pill{display:inline-block;padding:7px 14px;border-radius:8px;background:#ffe2c9;color:#b4500e;font-size:14px;font-weight:500}
.sp h2{font-family:"Plus Jakarta Sans",Roboto,sans-serif;font-weight:600!important;font-size:clamp(28px,2.8vw,38px)!important;line-height:1.15;letter-spacing:-.02em;color:#14161b;margin:14px 0 12px;text-align:left}
.sp h2 span{color:#f2883b}
.sp-txt p{font-size:15.5px;line-height:1.8;color:#5d6370;margin:0 0 26px;max-width:560px}
.sp-art{position:relative;padding:28px 40px 56px 24px}
.sp-win{border-radius:20px;overflow:hidden;background:#16181d;box-shadow:0 30px 60px -30px rgba(22,24,29,.45)}
.sp-bar{display:flex;align-items:center;gap:6px;padding:12px 16px;background:#1f2228}
.sp-bar i{width:9px;height:9px;border-radius:50%;background:#3a3e47}
.sp-bar span{margin-left:10px;padding:4px 12px;border-radius:6px;background:#2a2d35;color:#a9aebb;font-size:11.5px}
.sp-scr{position:relative;height:270px;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;color:#fff;background:radial-gradient(120% 90% at 50% 120%,#7a3a10 0%,#2a1d16 45%,#16181d 75%);overflow:hidden}
.sp-glow{position:absolute;width:380px;height:380px;border-radius:50%;bottom:-260px;left:50%;transform:translateX(-50%);background:radial-gradient(circle,rgba(242,136,59,.55),rgba(242,136,59,0) 70%)}
.sp-glow2{position:absolute;inset:0;background-image:radial-gradient(rgba(255,190,140,.5) 1px,transparent 1.4px);background-size:22px 22px;mask-image:linear-gradient(to top,#000,transparent 75%);-webkit-mask-image:linear-gradient(to top,#000,transparent 75%);opacity:.5}
.sp-scr small{position:relative;color:#f6a565;font-size:13px;font-weight:500}
.sp-scr b{position:relative;font-family:"Plus Jakarta Sans",Roboto,sans-serif;font-size:30px;font-weight:600;letter-spacing:-.02em;margin:4px 0}
.sp-scr em{position:relative;font-style:normal;color:#c9ccd4;font-size:13.5px}
.sp-cta{position:relative;margin-top:16px;padding:8px 18px;border-radius:8px;background:#f2883b;color:#fff;font-size:12.5px;font-weight:600}
.sp-bolt{position:absolute;left:0;top:0;width:62px;height:62px;border-radius:50%;background:#16181d;color:#f2883b;display:flex;align-items:center;justify-content:center;box-shadow:0 0 0 6px #fffaf5;z-index:2}
.sp-bolt svg{fill:#f2883b}
.sp-up{position:absolute;right:0;top:56px;width:120px;padding:12px 10px 14px;border-radius:16px;background:linear-gradient(160deg,#f6a565,#f2883b);color:#fff;text-align:center;box-shadow:0 18px 36px -18px rgba(194,86,15,.7);z-index:2}
.sp-up small{display:block;font-size:12.5px;font-weight:600;margin-bottom:6px}
.sp-ring{position:relative;display:inline-flex;align-items:center;justify-content:center}
.sp-ring b{position:absolute;font-size:14px;font-weight:700}
.sp-an{position:absolute;right:12px;bottom:0;width:250px;padding:14px 16px 10px;border-radius:16px;background:#fff;border:1px solid #efe9e3;box-shadow:0 20px 40px -22px rgba(22,24,29,.35);z-index:2}
.sp-an-h{display:flex;align-items:center;gap:6px;font-size:13.5px;font-weight:600;color:#16181d}
.sp-tabs{display:flex;gap:6px;margin:10px 0 6px}
.sp-tabs span{font-size:11px;padding:3px 8px;border-radius:6px;border:1px solid #ece6df;color:#5d6370}
.sp-tabs span.on{background:#16181d;border-color:#16181d;color:#fff}
.sp-line{display:block;width:100%;height:60px}
.sp-feats{display:grid;grid-template-columns:repeat(4,1fr);gap:32px;margin-top:64px;text-align:center}
.sp-ic{display:inline-flex;align-items:center;justify-content:center;width:64px;height:64px;border-radius:16px;background:#ffeedd;border:1px solid #fbdcc0;color:#e0701f}
.sp-f h3{font-family:"Plus Jakarta Sans",Roboto,sans-serif;font-size:18px;font-weight:600;letter-spacing:-.01em;color:#16181d;margin:20px 0 10px;line-height:1.35}
.sp-f p{margin:0 auto;max-width:260px;font-size:15px;line-height:1.7;color:#5d6370}
@media(max-width:1000px){.sp-top{grid-template-columns:1fr;gap:36px}.sp-art{max-width:620px}.sp-feats{grid-template-columns:repeat(2,1fr);gap:36px 24px}}
@media(max-width:600px){.sp{padding:52px 0}.sp .wrap{padding-right:24px}.sp-art{padding:22px 14px 70px 12px}.sp-scr{height:200px}.sp-scr b{font-size:22px}.sp-bolt{width:48px;height:48px}.sp-up{width:96px;top:40px}.sp-ring svg{width:50px;height:50px}.sp-ring b{font-size:12px}.sp-an{width:200px;right:0}.sp-feats{grid-template-columns:1fr;margin-top:44px}.sp-txt .ez2-btn{width:100%}}
.sp-ic svg{width:28px!important;height:28px!important}
.sp-ring b{font-size:12.5px}
.sp h2 span{white-space:nowrap}
@media(min-width:1001px){.sp-top{grid-template-columns:1fr 1fr}}
@media(max-width:600px){.sp-up{top:4px;right:4px;width:84px;padding:8px 6px 10px}.sp-up small{font-size:11px;margin-bottom:2px}.sp-ring svg{width:44px;height:44px}.sp-ring b{font-size:10.5px}.sp-scr{height:190px;padding:0 70px 40px 16px}.sp-scr b{font-size:19px}.sp-scr em{font-size:12px}.sp-cta{display:none}.sp-an{width:180px;padding:10px 12px 6px}.sp-tabs span{font-size:10px;padding:2px 6px}.sp-line{height:44px}}
/* Secure section: picture on the left (v20261330) */
@media(min-width:1001px){.sp-rev .sp-art{order:-1}.sp-rev .sp-txt{padding-left:8px}}
.sp-feats{row-gap:48px}
/* Budget compare table, reference card style (v20261333) */
body.hs .cmp3{background:#fff;padding:72px 0 64px}
body.hs .cmp3>.wrap{max-width:1280px;padding-left:24px;padding-right:32px}
body.hs .cmp3>.wrap>.eyebrow{display:flex;justify-content:flex-start}
body.hs .cmp3>.wrap>h2{text-align:left;font-family:"Plus Jakarta Sans",Roboto,sans-serif;font-weight:600!important;font-size:clamp(28px,2.8vw,38px)!important;letter-spacing:-.02em;color:#14161b;margin:10px 0}
body.hs .cmp3>.wrap>h2 span{color:#f2883b}
body.hs .cmp3 .cmp-sub{text-align:left;margin:0;max-width:760px;font-size:15.5px;line-height:1.75;color:#5d6370}
body.hs .cmp3 .cmp-help{display:flex;align-items:center;gap:8px;margin:12px 0 30px;font-size:13.5px;color:#6b7280}
body.hs .cmp3 .cmp-panel{margin-top:0}
body.hs .cmp3 .cmp-scroll{border:1px solid #ece6df!important;border-radius:22px!important;box-shadow:none!important;background:#fff;overflow:auto}
body.hs .cmp3 .cmp-t{border-collapse:separate;border-spacing:0}
body.hs .cmp3 thead th{vertical-align:top!important;padding:30px 24px 26px!important;text-align:left!important;background:#fff!important;border-bottom:1px solid #ece6df!important;border-top:0!important}
body.hs .cmp3 thead th.cmp-corner{vertical-align:bottom!important;font-size:13px!important;letter-spacing:.06em;color:#3b3f4a!important;font-weight:500!important}
body.hs .cmp3 thead th:not(.cmp-corner){display:table-cell}
body.hs .cmp3 thead th .cmp-tag{position:static!important;display:block!important;transform:none!important;background:none!important;box-shadow:none!important;padding:0!important;margin:0 0 2px!important;color:#c2560f!important;font-size:12.5px!important;font-weight:500!important;letter-spacing:.06em;text-transform:uppercase;border-radius:0!important}
body.hs .cmp3 .cmp-for{display:block;order:-1;font-size:12.5px!important;font-weight:500;letter-spacing:.06em;text-transform:uppercase;color:#3b3f4a!important;margin:0 0 4px!important}
body.hs .cmp3 .cmp-rec .cmp-for{display:none}
body.hs .cmp3 .cmp-name{display:block;font-family:"Plus Jakarta Sans",Roboto,sans-serif;font-size:30px!important;font-weight:500!important;letter-spacing:-.02em;color:#14161b!important;line-height:1.15;margin:0 0 12px}
body.hs .cmp3 .cmp-price{justify-content:flex-start!important;align-items:baseline;gap:3px;margin:0}
body.hs .cmp3 .cmp-amt{font-family:"Plus Jakarta Sans",Roboto,sans-serif;font-size:34px!important;font-weight:500!important;letter-spacing:-.02em;color:#14161b!important}
body.hs .cmp3 .cmp-price small{font-size:14px!important;color:#5d6370!important}
body.hs .cmp3 .cmp-bill{font-size:13px!important;color:#5d6370!important;margin:4px 0 16px!important;min-height:18px;white-space:nowrap}
body.hs .cmp3 .cmp-btn{display:inline-flex!important;align-items:center;justify-content:center;width:100%;max-width:200px;height:46px;padding:0 18px!important;border-radius:12px!important;border:0!important;background:#16181d!important;color:#fff!important;font-weight:600!important;font-size:15px!important;box-shadow:none!important;transition:background .15s}
body.hs .cmp3 .cmp-btn:hover{background:#2a2d35!important}
body.hs .cmp3 thead th.cmp-rec{background:#fff6ee!important;border-top:0!important;box-shadow:inset 1.5px 0 0 #f2883b,inset -1.5px 0 0 #f2883b,inset 0 1.5px 0 #f2883b!important}
body.hs .cmp3 tbody td.cmp-rec{background:#fffaf5!important;box-shadow:inset 1.5px 0 0 #f2883b,inset -1.5px 0 0 #f2883b!important;color:#14161b!important}
body.hs .cmp3 tbody tr:last-child td.cmp-rec{box-shadow:inset 1.5px 0 0 #f2883b,inset -1.5px 0 0 #f2883b,inset 0 -1.5px 0 #f2883b!important}
body.hs .cmp3 tbody th,body.hs .cmp3 tbody td{padding:16px 24px!important;border-bottom:1px solid #f3eee8!important;background:#fff}
body.hs .cmp3 tbody tr:nth-child(even) th,body.hs .cmp3 tbody tr:nth-child(even) td:not(.cmp-rec){background:#fff!important}
body.hs .cmp3 tbody th{font-size:15.5px!important;font-weight:400!important;color:#2a2d35!important}
body.hs .cmp3 tbody td{text-align:left!important;font-size:15.5px!important;font-weight:500!important;color:#14161b!important}
body.hs .cmp3 tbody tr.cmp-g th{background:#fffaf5!important;color:#c2560f!important;font-size:12.5px!important;font-weight:600!important;letter-spacing:.06em;padding:12px 24px!important}
body.hs .cmp3 .cmp-y{margin:0!important}
body.hs .cmp3 .cmp-more-wrap{margin-top:20px}
@media(max-width:600px){body.hs .cmp3{padding:52px 0}body.hs .cmp3>.wrap{padding-right:24px}body.hs .cmp3 thead th{padding:20px 14px!important}body.hs .cmp3 .cmp-name{font-size:22px!important}body.hs .cmp3 .cmp-amt{font-size:24px!important}body.hs .cmp3 .cmp-btn{height:40px;font-size:13.5px!important}body.hs .cmp3 tbody th,body.hs .cmp3 tbody td{padding:13px 14px!important;font-size:14px!important}body.hs .cmp3 .cmp-bill{white-space:normal}}
body.hs .cmp3>.wrap>.eyebrow{margin-left:0!important;margin-right:auto!important;width:max-content;justify-content:flex-start!important;text-align:left}
body.hs .cmp3 .cmp-rec .cmp-tag+.cmp-for{display:none}
body.hs .cmp3 .cmp-rec .cmp-for{display:block}
body.hs .cmp3 thead th .cmp-tag,body.hs .cmp3 .cmp-for{line-height:18px!important;margin:0 0 4px!important}
body.hs .cmp3 .cmp-help{justify-content:flex-start;text-align:left}
@media(max-width:600px){body.hs .cmp3 .cmp-help{align-items:flex-start}body.hs .cmp3 .cmp-for,body.hs .cmp3 thead th .cmp-tag{font-size:11px!important;letter-spacing:.03em}}
/* Budget compare: clean grid table (ref idea) (v20261334) */
body.hs .cmp4>.wrap>.eyebrow{margin-left:auto!important;margin-right:auto!important}
body.hs .cmp4>.wrap>h2{text-align:center;font-size:clamp(30px,3.2vw,44px)!important;font-weight:700!important;margin:12px 0 14px}
body.hs .cmp4 .cmp-sub{text-align:center;margin:0 auto}
body.hs .cmp4 .cmp-help{justify-content:center;margin:12px 0 40px}
body.hs .cmp4 .cmp-scroll{border:0!important;border-radius:6px!important;box-shadow:0 12px 40px -12px rgba(22,24,29,.14),0 0 0 1px rgba(22,24,29,.04)!important}
body.hs .cmp4 thead th{padding:34px 28px!important;vertical-align:middle!important;border-bottom:1px solid #ebebeb!important;border-right:1px solid #ebebeb!important}
body.hs .cmp4 thead th:last-child,body.hs .cmp4 tbody td:last-child{border-right:0!important}
body.hs .cmp4 thead th .cmp-tag,body.hs .cmp4 .cmp-for,body.hs .cmp4 .cmp-price,body.hs .cmp4 .cmp-bill,body.hs .cmp4 .cmp-btn{display:none!important}
body.hs .cmp4 thead th.cmp-corner{font-size:0!important}
body.hs .cmp4 .cmp-name{font-size:20px!important;font-weight:700!important;letter-spacing:-.01em;margin:0!important;color:#16181d!important}
body.hs .cmp4 thead th.cmp-rec,body.hs .cmp4 tbody td.cmp-rec{background:#fff!important;box-shadow:none!important}
body.hs .cmp4 tbody th,body.hs .cmp4 tbody td{padding:18px 28px!important;border-bottom:1px solid #ebebeb!important;border-right:1px solid #ebebeb!important;background:#fff!important}
body.hs .cmp4 tbody th{font-weight:700!important;font-size:16px!important;color:#16181d!important}
body.hs .cmp4 tbody td{font-weight:400!important;font-size:16px!important;color:#5d6370!important}
body.hs .cmp4 tbody td.cmp-rec{color:#5d6370!important}
body.hs .cmp4 tbody tr.cmp-g th{background:#fafafa!important;color:#c2560f!important;font-size:12.5px!important;font-weight:600!important;padding:12px 28px!important;border-right:0!important}
body.hs .cmp4 .cmp-y{width:auto;height:auto;background:none!important;box-shadow:none!important;border-radius:0}
body.hs .cmp4 .cmp-y svg{width:22px;height:22px;stroke:#f2883b!important;stroke-width:2.2}
body.hs .cmp4 .cmp-n{display:inline-block;width:22px;height:22px;font-size:0!important;background:none!important;position:relative}
body.hs .cmp4 .cmp-n::before,body.hs .cmp4 .cmp-n::after{content:"";position:absolute;left:3px;right:3px;top:10px;height:2px;border-radius:2px;background:#3b3f4a;transform:rotate(45deg)}
body.hs .cmp4 .cmp-n::after{transform:rotate(-45deg)}
@media(max-width:600px){body.hs .cmp4 thead th{padding:20px 14px!important}body.hs .cmp4 .cmp-name{font-size:16px!important}body.hs .cmp4 tbody th,body.hs .cmp4 tbody td{padding:14px!important;font-size:14px!important}}
body.hs .cmp4 tbody tr td.cmp-rec,body.hs .cmp4 tbody tr:last-child td.cmp-rec{box-shadow:none!important}
body.hs .cmp4 .cmp-y svg{width:28px!important;height:28px!important;display:block;stroke-width:2!important}
body.hs .cmp4 .cmp-y,body.hs .cmp4 .cmp-n{vertical-align:middle;display:inline-flex}
body.hs .cmp4 tbody td{vertical-align:middle!important}
/* Budget More hosting options (ref idea) (v20261335) */
.mo{padding:72px 0;background:#fff;border-top:1px solid #f3eee8}
.mo .wrap{max-width:1280px;padding-left:24px;padding-right:32px}
.mo-intro h2{font-family:"Plus Jakarta Sans",Roboto,sans-serif;font-weight:600!important;font-size:clamp(28px,2.8vw,38px)!important;line-height:1.15;letter-spacing:-.02em;color:#14161b;margin:16px 0 12px;text-align:left}
.mo-intro h2 span{color:#f2883b}
.mo-intro p{font-size:15.5px;line-height:1.75;color:#5d6370;margin:0;max-width:780px}
.mo-grid{display:grid;grid-template-columns:repeat(4,1fr);margin-top:44px}
.mo-c{display:flex;flex-direction:column;align-items:flex-start;padding:4px 32px}
.mo-c:first-child{padding-left:0}.mo-c:last-child{padding-right:0}
.mo-c+.mo-c{border-left:1px solid #ebe5de}
.mo-ic{display:inline-flex;align-items:center;justify-content:center;width:50px;height:50px;border-radius:10px;background:#16181d;color:#f2883b}
.mo-c h3{font-family:"Plus Jakarta Sans",Roboto,sans-serif;font-size:20px;font-weight:600;letter-spacing:-.01em;color:#14161b;margin:22px 0 10px;line-height:1.3}
.mo-c p{margin:0 0 24px;font-size:15px;line-height:1.75;color:#5d6370;flex:1}
.mo-c p a{color:#16181d;text-decoration:underline;text-underline-offset:3px;text-decoration-color:#f2883b;font-weight:500}
.mo-c p a:hover{color:#c2560f}
.mo-btn{display:inline-flex;align-items:center;height:48px;padding:0 20px;border-radius:10px;background:#16181d;color:#fff!important;font-weight:600;font-size:15px;text-decoration:none;transition:background .15s}
.mo-btn:hover{background:#2a2d35}
@media(max-width:1100px){.mo-grid{grid-template-columns:repeat(2,1fr);row-gap:40px}.mo-c:nth-child(3){padding-left:0;border-left:0}.mo-c:nth-child(2){padding-right:0}}
@media(max-width:600px){.mo{padding:52px 0}.mo .wrap{padding-right:24px}.mo-grid{grid-template-columns:1fr;row-gap:0;margin-top:32px}.mo-c{padding:28px 0!important;border-left:0!important}.mo-c+.mo-c{border-top:1px solid #ebe5de}.mo-btn{width:100%;justify-content:center}}
/* Budget reviews carousel (ref idea) (v20261336) */
.rx{padding:72px 0 60px;background:#f7f5f2}
.rx .wrap{max-width:1280px;padding-left:24px;padding-right:32px}
.rx-head{display:flex;align-items:flex-end;justify-content:space-between;gap:40px}
.rx-head h2{font-family:"Plus Jakarta Sans",Roboto,sans-serif;font-weight:600!important;font-size:clamp(28px,2.8vw,38px)!important;line-height:1.15;letter-spacing:-.02em;color:#14161b;margin:16px 0 12px;text-align:left}
.rx-head h2 span{color:#f2883b}
.rx-head p{font-size:15.5px;line-height:1.75;color:#5d6370;margin:0;max-width:740px}
.rx-score{display:flex;flex-direction:column;align-items:flex-end;gap:8px;flex:none}
.rx-s{display:flex;flex-direction:column;align-items:flex-end;gap:8px;text-decoration:none;color:#16181d}
.rx-lbl{font-size:14.5px;color:#3b3f4a}.rx-lbl b{font-weight:600;color:#16181d}
.rx-s:hover .rx-lbl{text-decoration:underline;text-underline-offset:3px}
.rx-st{display:inline-flex;gap:4px}
.rx-st i{display:inline-flex;align-items:center;justify-content:center;width:30px;height:30px;background:#e4dfd9}
.rx-st i.on{background:#f2883b}
.rx-big i{width:44px;height:44px}
.rx-track{display:flex;gap:24px;overflow-x:auto;scroll-snap-type:x mandatory;scroll-behavior:smooth;scrollbar-width:none;margin-top:40px;padding:2px}
.rx-track::-webkit-scrollbar{display:none}
.rx-c{flex:0 0 calc((100% - 48px)/3.25);min-width:300px;scroll-snap-align:start;display:flex;flex-direction:column;padding:26px 26px 24px;background:#fff;border:1px solid #ebe5de;border-radius:22px;outline:none}
.rx-c:focus-visible{border-color:#f2883b}
.rx-top{display:flex;align-items:center;gap:14px;margin-bottom:18px}
.rx-top span:not(.rx-st){font-size:15px;color:#3b3f4a}
.rx-tx{margin:0;font-size:16px;line-height:1.75;color:#2a2d35}
.rx-long{display:-webkit-box;-webkit-line-clamp:6;-webkit-box-orient:vertical;overflow:hidden}
.rx-long.rx-open{display:block;-webkit-line-clamp:unset}
.rx-more{align-self:flex-start;margin-top:6px;padding:0;border:0;background:none;font:inherit;font-size:15px;font-weight:500;color:#16181d;text-decoration:underline;text-decoration-color:#f2883b;text-underline-offset:3px;cursor:pointer}
.rx-by{margin:auto 0 0;padding-top:22px;font-size:15.5px;color:#16181d;font-weight:500}
.rx-by small{display:block;margin-top:2px;font-size:13px;font-weight:400;color:#6b7280}
.rx-ctrl{display:flex;align-items:center;justify-content:center;gap:24px;margin-top:36px}
.rx-ctrl button{display:inline-flex;align-items:center;justify-content:center;width:40px;height:40px;border:0;background:none;color:#16181d;cursor:pointer;border-radius:50%}
.rx-ctrl button:hover:not(:disabled){background:#ece6df}
.rx-ctrl button:disabled{color:#b8bcc7;cursor:default}
.rx-bar{width:200px;height:4px;border-radius:4px;background:#e4dfd9;overflow:hidden}
.rx-bar i{display:block;height:100%;border-radius:4px;background:#16181d;transition:margin-left .2s,width .2s}
@media(max-width:900px){.rx-head{flex-direction:column;align-items:flex-start;gap:24px}.rx-score,.rx-s{align-items:flex-start}.rx-c{flex-basis:calc((100% - 24px)/1.6)}}
@media(max-width:600px){.rx{padding:52px 0}.rx .wrap{padding-right:24px}.rx-c{flex-basis:88%;min-width:0;padding:22px 20px}.rx-st i{width:24px;height:24px}.rx-st i svg{width:13px;height:13px}.rx-big i{width:34px;height:34px}.rx-big i svg{width:18px;height:18px}.rx-top{gap:10px}.rx-top span:not(.rx-st){font-size:13.5px}.rx-bar{width:140px}}
/* Reviews: original colours (Trustpilot green / Google yellow, peach band) (v20261337) */
.rx{background:linear-gradient(180deg,#fff 0,#fff8f1 30%,#fff8f1 85%,#fff 100%)}
.rx-st i.on{background:#00b67a;border-radius:3px}
.rx-st i{border-radius:3px}
.rx-g .rx-st{gap:2px}
.rx-g .rx-st i,.rx-g .rx-st i.on{background:none;width:24px;height:24px}
.rx-g .rx-st i svg path{fill:#fbbc05}
.rx-g .rx-st i svg{width:22px;height:22px}
.rx-gs{gap:2px}.rx-gs i,.rx-gs i.on{background:none!important;width:24px;height:24px}
.rx-score{gap:14px}
.rx-c{border-top:3px solid #00b67a}
.rx-c.rx-g{border-top-color:#fbbc05}
.rx-ctrl button:hover:not(:disabled){background:#ffe9d6}
.rx-bar{background:#f3e3d4}.rx-bar i{background:#f2883b}
.rx-more{text-decoration-color:#f2883b}
@media(max-width:600px){.rx-g .rx-st i{width:20px;height:20px}.rx-g .rx-st i svg{width:18px;height:18px}}
/* Reviews: equal compact cards (v20261338) */
.rx-track{align-items:flex-start}
.rx-tx{display:-webkit-box;-webkit-line-clamp:4;-webkit-box-orient:vertical;overflow:hidden;height:calc(1.75em * 4)}
.rx-tx.rx-open{display:block;-webkit-line-clamp:unset;height:auto}
.rx-more{margin-top:8px;height:22px}
.rx-by{margin:0;padding-top:16px;border-top:1px solid #f1ebe4;margin-top:16px}
.rx-top{height:30px}@media(max-width:600px){.rx-top{height:24px}}
/* Compare header on the left (v20261339) */
body.hs .cmp4>.wrap>.eyebrow{margin-left:0!important;margin-right:auto!important}
body.hs .cmp4>.wrap>h2{text-align:left!important;font-size:clamp(28px,2.8vw,38px)!important;font-weight:600!important;margin:10px 0!important}
body.hs .cmp4 .cmp-sub{text-align:left!important;margin:0!important}
body.hs .cmp4 .cmp-help{justify-content:flex-start!important;text-align:left;margin:12px 0 32px!important}
/* Budget FAQ two-column (ref idea) (v20261340) */
.fq{padding:72px 0;background:#f7f5f2}
.fq .wrap{max-width:1280px;padding-left:24px;padding-right:32px}
.fq-g{display:grid;grid-template-columns:minmax(0,.8fr) minmax(0,1.6fr);gap:48px;align-items:start}
.fq-l{position:sticky;top:110px}
.fq-l h2{font-family:"Plus Jakarta Sans",Roboto,sans-serif;font-weight:600!important;font-size:clamp(28px,2.8vw,38px)!important;line-height:1.15;letter-spacing:-.02em;color:#14161b;margin:16px 0 12px;text-align:left}
.fq-l h2 span{color:#f2883b}
.fq-l p{font-size:15.5px;line-height:1.75;color:#5d6370;margin:0 0 24px}
.fq-list{display:flex;flex-direction:column;gap:18px}
.fq-i{background:#fff;border-radius:10px;border:1px solid #efe9e3;transition:border-color .15s}
.fq-i[open]{border-color:#f6cfae}
.fq-i summary{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:22px 24px;cursor:pointer;list-style:none;font-size:16.5px;font-weight:500;color:#16181d;line-height:1.45}
.fq-i summary::-webkit-details-marker{display:none}
.fq-i summary::marker{content:""}
.fq-ar{flex:none;display:inline-flex;align-items:center;justify-content:center;width:46px;height:46px;border-radius:50%;background:#16181d;color:#fff;transition:transform .2s,background .2s}
.fq-i summary:hover .fq-ar{background:#2a2d35}
.fq-i[open] .fq-ar{transform:rotate(90deg);background:#f2883b}
.fq-a{padding:0 24px 22px}
.fq-a p{margin:0;font-size:15.5px;line-height:1.75;color:#5d6370;max-width:820px}
@media(max-width:900px){.fq-g{grid-template-columns:1fr;gap:28px}.fq-l{position:static}}
@media(max-width:600px){.fq{padding:52px 0}.fq .wrap{padding-right:24px}.fq-i summary{padding:16px 16px;font-size:15.5px}.fq-ar{width:38px;height:38px}.fq-a{padding:0 16px 18px}.fq-list{gap:12px}}
.fq-ar svg{width:20px!important;height:20px!important}
/* Compare: Free Domain Name row (v20261341) */
.cmp-fd{display:inline-flex;align-items:center;gap:8px}
.cmp-fd small{font-size:14px;color:#5d6370}
@media(max-width:600px){.cmp-fd{flex-direction:column;align-items:flex-start;gap:2px}.cmp-fd small{font-size:12px}}
/* Compare: price + Order row at the bottom (ref idea) (v20261342) */
body.hs .cmp4 tfoot th,body.hs .cmp4 tfoot td{padding:30px 28px 34px!important;background:#fff!important;border-right:1px solid #ebebeb;vertical-align:top;text-align:left;box-shadow:none!important}
body.hs .cmp4 tfoot td:last-child{border-right:0}
body.hs .cmp4 tfoot .cmp-ft-l{font-size:0}
body.hs .cmp4 .cmp-ft-sv{display:flex;align-items:baseline;gap:8px;font-size:15.5px}
body.hs .cmp4 .cmp-ft-sv s{color:#9aa0ab}
body.hs .cmp4 .cmp-save{color:#e0701f;font-weight:600}
body.hs .cmp4 .cmp-ft-p{display:flex!important;align-items:baseline;gap:4px;margin:6px 0 2px}
body.hs .cmp4 tfoot .cmp-amt{display:inline!important;font-family:"Plus Jakarta Sans",Roboto,sans-serif;font-size:40px!important;font-weight:700!important;letter-spacing:-.02em;color:#14161b!important;line-height:1.1}
body.hs .cmp4 .cmp-ft-p small{font-size:16px;font-weight:600;color:#14161b}
body.hs .cmp4 tfoot .cmp-bill{display:block!important;font-size:13px!important;color:#6b7280!important;margin:0 0 18px!important;white-space:nowrap}
body.hs .cmp4 .cmp-ft-btn{display:flex;align-items:center;justify-content:center;width:100%;max-width:240px;height:52px;border-radius:10px;background:#16181d;color:#fff!important;font-weight:600;font-size:16px;text-decoration:none;transition:background .15s}
body.hs .cmp4 .cmp-ft-btn:hover{background:#2a2d35}
body.hs .cmp4 tfoot td.cmp-rec .cmp-ft-btn{background:#f2883b}
body.hs .cmp4 tfoot td.cmp-rec .cmp-ft-btn:hover{background:#e0701f}
@media(max-width:600px){body.hs .cmp4 tfoot th,body.hs .cmp4 tfoot td{padding:20px 14px 24px!important}body.hs .cmp4 tfoot .cmp-amt{font-size:26px!important}body.hs .cmp4 .cmp-ft-sv{flex-direction:column;gap:0;font-size:13px}body.hs .cmp4 .cmp-ft-btn{height:42px;font-size:14px}body.hs .cmp4 tfoot .cmp-bill{white-space:normal}}
body.hs .cmp4 .cmp-x-hide tfoot{display:table-footer-group!important}
/* Reviews improved (v20261343) */
.rx-score{flex-direction:row;align-items:stretch;gap:14px}
.rx-sc{display:flex;align-items:center;gap:14px;padding:14px 18px;border-radius:16px;background:#fff;border:1px solid #efe4d9;text-decoration:none;color:#16181d;transition:border-color .15s,transform .15s}
.rx-sc:hover{border-color:#f2883b;transform:translateY(-2px)}
.rx-sc b{font-family:"Plus Jakarta Sans",Roboto,sans-serif;font-size:34px;font-weight:700;letter-spacing:-.02em;line-height:1}
.rx-sc>span{display:flex;flex-direction:column;gap:5px}
.rx-sc small{font-size:13px;color:#5d6370;font-weight:500}
.rx-sc .rx-st i{width:22px;height:22px}
.rx-sc .rx-st i svg{width:14px;height:14px}
.rx-sc .rx-gs i{width:18px;height:22px}.rx-sc .rx-gs i svg{width:18px;height:18px}
.rx-c{position:relative;transition:transform .2s,box-shadow .2s}
.rx-c:hover{transform:translateY(-3px);box-shadow:0 18px 36px -22px rgba(122,58,16,.35)}
.rx-q{position:absolute;right:22px;top:20px;color:#fde6d2}
.rx-t .rx-q{color:#d6f3e8}.rx-g .rx-q{color:#fdf0c8}
.rx-by2{display:flex;align-items:center;gap:12px;margin-top:16px;padding-top:16px;border-top:1px solid #f1ebe4}
.rx-by2 .rx-by{margin:0;padding:0;border:0;flex:1;min-width:0}
.rx-av{flex:none;display:inline-flex;align-items:center;justify-content:center;width:42px;height:42px;border-radius:50%;background:#fff1e4;color:#c2560f;font-weight:700;font-size:14px}
.rx-t .rx-av{background:#e3f6ee;color:#00875a}.rx-g .rx-av{background:#fff6d9;color:#a37200}
.rx-vf{flex:none;display:inline-flex;align-items:center;gap:4px;font-size:12px;font-weight:600;color:#00875a;background:#e9f8f1;padding:4px 9px;border-radius:999px}
.rx-vf::before{content:"";width:6px;height:6px;border-radius:50%;background:#00b67a}
.rx-ctrl{justify-content:space-between}
.rx-ctrl .rx-sp{flex:1}
.rx-all{flex:1;display:inline-flex;justify-content:flex-end;align-items:center;gap:6px;font-size:15px;font-weight:600;color:#16181d;text-decoration:none}
.rx-all:hover{color:#c2560f}
.rx-ctrl>button,.rx-ctrl>.rx-bar{flex:none}
@media(max-width:900px){.rx-score{flex-wrap:wrap}}
@media(max-width:600px){.rx-sc{padding:10px 14px;gap:10px}.rx-sc b{font-size:26px}.rx-ctrl{flex-wrap:wrap;gap:14px}.rx-ctrl .rx-sp{display:none}.rx-all{flex-basis:100%;justify-content:center;order:5}.rx-av{width:36px;height:36px;font-size:12.5px}.rx-q{width:26px;height:26px}}
.rx-by2 .rx-by,.rx-by2 .rx-by small{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.rx-by2{height:59px;box-sizing:border-box}
.rx-vf-g{color:#8a6100;background:#fff6d9}.rx-vf-g::before{background:#fbbc05}
@media(max-width:600px){.rx-score{flex-wrap:nowrap;gap:10px;width:100%}.rx-sc{flex:1;padding:10px 12px;gap:8px}.rx-sc b{font-size:22px}.rx-sc .rx-st i{width:16px;height:16px}.rx-sc .rx-st i svg{width:11px;height:11px}.rx-sc .rx-gs i{width:14px;height:16px}.rx-sc .rx-gs i svg{width:14px;height:14px}.rx-sc small{font-size:11.5px}.rx-ctrl{justify-content:center;gap:18px}.rx-all{margin-top:4px}}
/* Budget Support section (ref idea) (v20261344) */
.mo-g3{grid-template-columns:repeat(3,1fr)}
.mo-sup{border-top:1px solid #f3eee8}
@media(max-width:1100px){.mo-g3{grid-template-columns:repeat(3,1fr)}.mo-g3 .mo-c:nth-child(3){padding-left:32px;border-left:1px solid #ebe5de}.mo-g3 .mo-c:nth-child(2){padding-right:32px}}
@media(max-width:900px){.mo-g3{grid-template-columns:1fr;row-gap:0}.mo-g3 .mo-c{padding:28px 0!important;border-left:0!important}.mo-g3 .mo-c+.mo-c{border-top:1px solid #ebe5de}}
/* More hosting options: heading on the right (v20261345) */
#more-hosting .mo-intro{display:flex;flex-direction:column;align-items:flex-end;text-align:right;margin-left:auto;max-width:780px}
#more-hosting .mo-intro h2{text-align:right}
@media(max-width:600px){#more-hosting .mo-intro{align-items:flex-start;text-align:left}#more-hosting .mo-intro h2{text-align:left}}
/* More hosting: illustration + text (v20261346) */
.mh-top{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.1fr);gap:56px;align-items:center}
#more-hosting .mh-top .mo-intro{align-items:flex-start;text-align:left;margin:0;max-width:none}
#more-hosting .mh-top .mo-intro h2{text-align:left}
.mh-art{position:relative;height:280px}
.mh-blob{position:absolute;left:50%;top:50%;width:250px;height:250px;transform:translate(-50%,-50%);border-radius:50%;background:radial-gradient(circle at 35% 35%,#ffe2c9,#fff1e4 60%,rgba(255,241,228,0) 72%)}
.mh-ring{position:absolute;left:50%;top:50%;width:300px;height:180px;transform:translate(-50%,-50%);border:1.5px dashed #f6c9a3;border-radius:50%}
.mh-hub{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);width:104px;height:104px;border-radius:26px;background:#16181d;color:#f2883b;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:6px;box-shadow:0 24px 40px -20px rgba(22,24,29,.6)}
.mh-hub small{color:#fff;font-size:12px;font-weight:600;letter-spacing:.02em}
.mh-k{position:absolute;display:flex;align-items:center;gap:10px;padding:10px 14px 10px 10px;border-radius:14px;background:#fff;border:1px solid #efe4d9;box-shadow:0 14px 30px -18px rgba(122,58,16,.45);white-space:nowrap}
.mh-i{display:inline-flex;align-items:center;justify-content:center;width:36px;height:36px;border-radius:9px;background:#16181d;color:#f2883b}
.mh-i svg{width:18px;height:18px}
.mh-k b{display:block;font-size:13.5px;font-weight:600;color:#16181d;line-height:1.2}
.mh-k small{display:block;font-size:11.5px;color:#6b7280}
.mh-k1{left:4%;top:8%}.mh-k2{right:2%;top:2%}.mh-k3{left:0;bottom:6%}.mh-k4{right:6%;bottom:2%}
@media(max-width:900px){.mh-top{grid-template-columns:1fr;gap:28px}.mh-top .mo-intro{order:-1}.mh-art{max-width:520px;width:100%}}
@media(max-width:600px){.mh-art{height:240px}.mh-blob{width:190px;height:190px}.mh-ring{width:240px;height:150px}.mh-hub{width:84px;height:84px;border-radius:20px}.mh-k{padding:7px 10px 7px 7px;gap:7px}.mh-i{width:28px;height:28px}.mh-k b{font-size:12px}.mh-k small{font-size:10.5px}}
#more-hosting .mo-intro h2 span{white-space:nowrap}.mh-top+.mo-grid{margin-top:52px}
/* More hosting: text left, illustration right (v20261347) */
@media(min-width:901px){.mh-top{grid-template-columns:minmax(0,1.1fr) minmax(0,1fr)}.mh-top .mo-intro{order:-1}}
#more-hosting .mo-intro h2 span{white-space:normal;display:block}
#more-hosting .mo-intro p{max-width:600px}
.mh-pts{list-style:none;margin:22px 0 0;padding:0;display:flex;flex-direction:column;gap:12px}
.mh-pts li{display:flex;align-items:center;gap:10px;font-size:15.5px;color:#2a2d35;font-weight:500}
.mh-pts i{flex:none;display:inline-flex;align-items:center;justify-content:center;width:24px;height:24px;border-radius:50%;background:#fff1e4;color:#e0701f}
@media(max-width:600px){.mh-pts li{font-size:14.5px;align-items:flex-start}}
/* Support: text left + illustration (v20261348) */
@media(max-width:600px){.mh-hub small{font-size:10.5px;text-align:center}}
/* Support: small chat illustration (v20261349) */
.sx-art{position:relative;display:flex;justify-content:center;align-items:center;padding:16px 0}
.sx-glow{position:absolute;width:260px;height:260px;border-radius:50%;background:radial-gradient(circle,#ffe7d2 0,rgba(255,231,210,0) 70%)}
.sx-chat{position:relative;width:100%;max-width:340px;background:#fff;border:1px solid #efe4d9;border-radius:18px;box-shadow:0 24px 44px -26px rgba(122,58,16,.45);overflow:hidden}
.sx-hd{display:flex;align-items:center;gap:10px;padding:12px 14px;background:#16181d;color:#fff}
.sx-av{display:inline-flex;align-items:center;justify-content:center;width:34px;height:34px;border-radius:50%;background:#2a2d35;color:#f2883b}
.sx-hd b{display:block;font-size:13.5px;font-weight:600}
.sx-hd small{display:flex;align-items:center;gap:5px;font-size:11.5px;color:#b8bcc7}
.sx-hd small i{width:7px;height:7px;border-radius:50%;background:#22c55e}
.sx-247{margin-left:auto;padding:3px 9px;border-radius:999px;background:#f2883b;color:#fff;font-size:11.5px;font-weight:700}
.sx-body{display:flex;flex-direction:column;gap:8px;padding:14px;background:#fffaf5}
.sx-b{margin:0;max-width:82%;padding:9px 12px;font-size:12.5px;line-height:1.45;border-radius:12px}
.sx-me{align-self:flex-end;background:#16181d;color:#fff;border-bottom-right-radius:4px}
.sx-us{align-self:flex-start;background:#fff;color:#2a2d35;border:1px solid #efe4d9;border-bottom-left-radius:4px}
.sx-ok{display:flex;align-items:center;gap:6px}
.sx-ok span{display:inline-flex;align-items:center;justify-content:center;width:16px;height:16px;border-radius:50%;background:#f2883b;color:#fff}
@media(max-width:600px){.sx-chat{max-width:300px}.sx-glow{width:200px;height:200px}}
.sx-glow{left:50%;top:50%;transform:translate(-50%,-50%)}
/* Budget final CTA in section style (v20261351) */
.lw{padding:72px 0;background:#fffaf5;border-top:1px solid #f6ece2}
.lw .wrap{max-width:1280px;padding-left:24px;padding-right:32px}
.lw-g{display:grid;grid-template-columns:minmax(0,1.4fr) minmax(0,1fr);gap:56px;align-items:center}
.lw-t h2{font-family:"Plus Jakarta Sans",Roboto,sans-serif;font-weight:600!important;font-size:clamp(28px,2.8vw,38px)!important;line-height:1.15;letter-spacing:-.02em;color:#14161b;margin:16px 0 12px;text-align:left}
.lw-t h2 span{color:#f2883b}
.lw-t>p{font-size:15.5px;line-height:1.75;color:#5d6370;margin:0;max-width:620px}
.lw-card{padding:30px 30px 28px;background:#fff;border:1px solid #efe4d9;border-radius:22px;box-shadow:0 24px 48px -30px rgba(122,58,16,.4)}
.lw-card small{font-size:13px;font-weight:500;letter-spacing:.06em;text-transform:uppercase;color:#3b3f4a}
.lw-p{display:flex;align-items:baseline;gap:4px;margin:6px 0 6px}
.lw-p b{font-family:"Plus Jakarta Sans",Roboto,sans-serif;font-size:46px;font-weight:600;letter-spacing:-.02em;color:#14161b;line-height:1}
.lw-p span{font-size:16px;color:#5d6370}
.lw-n{margin:0 0 22px;font-size:14.5px;color:#5d6370}
.lw-btn,.lw-btn2{display:flex;align-items:center;justify-content:center;height:52px;border-radius:12px;font-weight:600;font-size:15.5px;text-decoration:none;transition:background .15s,border-color .15s}
.lw-btn{background:#16181d;color:#fff!important}.lw-btn:hover{background:#2a2d35}
.lw-btn2{margin-top:10px;border:1.5px solid #e5ddd4;color:#16181d!important;background:#fff}.lw-btn2:hover{border-color:#f2883b}
@media(max-width:900px){.lw-g{grid-template-columns:1fr;gap:32px}}
@media(max-width:600px){.lw{padding:52px 0}.lw .wrap{padding-right:24px}.lw-card{padding:24px 20px}.lw-p b{font-size:38px}}
/* More hosting: no picture, text on the left (v20261353) */
#more-hosting .mo-intro{display:block;text-align:left;margin:0;max-width:none}
#more-hosting .mo-intro h2{text-align:left}
#more-hosting .mo-intro h2 span{display:inline;white-space:normal}
#more-hosting .mo-intro p{max-width:760px}
#more-hosting .mh-pts{flex-direction:row;flex-wrap:wrap;gap:12px 28px}
#more-hosting .mo-grid{margin-top:48px}
@media(max-width:600px){#more-hosting .mh-pts{flex-direction:column;gap:12px}}
.lw-t h2{margin-top:0}
/* Dark footer (ref idea) (v20261355) */
.fx{background:#16181d!important;color:#c9ccd4;border-top:0!important;padding:64px 0 0!important}
.fx::before,.fx::after{display:none!important}
.fx .wrap{max-width:1280px;padding-left:24px;padding-right:32px}
.fx-top{display:flex;align-items:center;gap:28px;padding-bottom:40px;border-bottom:1px solid #2a2d35}
.fx-logo img{display:block;width:170px;height:auto}
.fx-top p{margin:0;max-width:680px;font-size:15.5px;line-height:1.75;color:#d7d9df}
.fx-cols{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:32px;padding:44px 0 36px}
.fx h4{margin:0 0 18px;font-family:"Plus Jakarta Sans",Roboto,sans-serif;font-size:16px;font-weight:700;letter-spacing:.01em;color:#fff}
.fx ul{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:13px}
.fx-col a{font-size:15px;color:#c9ccd4;text-decoration:none;transition:color .15s}
.fx-col a:hover,.fx-contact a:hover{color:#f2883b}
.fx-mid{display:grid;grid-template-columns:minmax(0,1.2fr) minmax(0,1fr);gap:40px;padding:36px 0 40px;border-top:1px solid #2a2d35}
.fx-contact li{display:flex;align-items:center;gap:14px;font-size:15.5px}
.fx-contact a,.fx-contact span:not(.fx-ci){color:#fff;text-decoration:none}
.fx-ci{flex:none;display:inline-flex;align-items:center;justify-content:center;width:40px;height:40px;border-radius:10px;background:#22252c;color:#f2883b}
.fx-pay{display:flex;flex-wrap:wrap;gap:10px;margin-bottom:28px}
.fx-pay img{width:64px;height:40px;border-radius:6px;background:#fff;padding:2px}
.fx-soc{display:flex;gap:10px}
.fx-soc .ft-si{display:inline-flex;align-items:center;justify-content:center;width:40px;height:40px;border-radius:10px;background:#22252c;color:#fff;border:0;box-shadow:none;transition:background .15s}
.fx-soc .ft-si:hover{background:#f2883b}
.fx .ft-bot{border-top:1px solid #2a2d35;padding:22px 0 26px;margin:0}
.fx .ft-copy,.fx .ft-copy b{color:#c9ccd4}
.fx .ft-copy b{color:#fff}
.fx .ft-q{color:#c9ccd4}.fx .ft-q:hover{color:#f2883b}
@media(max-width:1000px){.fx-cols{grid-template-columns:repeat(3,minmax(0,1fr))}.fx-mid{grid-template-columns:1fr}}
@media(max-width:600px){.fx{padding-top:48px!important}.fx .wrap{padding-right:24px}.fx-top{flex-direction:column;align-items:flex-start;gap:16px;padding-bottom:28px}.fx-cols{grid-template-columns:repeat(2,minmax(0,1fr));gap:28px 20px;padding:32px 0 28px}.fx-contact li{font-size:14.5px}}
/* Footer address (v20261357) */
.fx-addr{align-items:flex-start!important}
.fx-addr a{line-height:1.6;padding-top:9px}
/* Home More hosting: 8 options in two rows (v20261360) */
.mo-g8{row-gap:48px}
@media(min-width:1101px){.mo-g8 .mo-c:nth-child(4n+1){padding-left:0;border-left:0}.mo-g8 .mo-c:nth-child(4n){padding-right:0}}
@media(max-width:1100px) and (min-width:601px){.mo-g8 .mo-c{padding:4px 32px}.mo-g8 .mo-c:nth-child(odd){padding-left:0;border-left:0}.mo-g8 .mo-c:nth-child(even){padding-right:0;border-left:1px solid #ebe5de}}
/* Reviews redesign: summary panel + 2-up carousel (v20261361) */
.rx2{background:#fff!important;padding:80px 0!important}
.rx2-g{display:grid;grid-template-columns:minmax(0,380px) minmax(0,1fr);gap:32px;align-items:stretch}
.rx2-sum{position:relative;display:flex;flex-direction:column;padding:36px 32px;border-radius:24px;background:#16181d;color:#c9ccd4;overflow:hidden}
.rx2-sum::after{content:"";position:absolute;right:-90px;bottom:-90px;width:240px;height:240px;border-radius:50%;background:radial-gradient(circle,rgba(242,136,59,.35),rgba(242,136,59,0) 70%)}
.rx2-lab{font-size:13px;font-weight:600;letter-spacing:.06em;text-transform:uppercase;color:#f2883b}
.rx2-sum h2{font-family:"Plus Jakarta Sans",Roboto,sans-serif;font-weight:600!important;font-size:clamp(26px,2.4vw,32px)!important;line-height:1.2;letter-spacing:-.02em;color:#fff!important;margin:12px 0 12px;text-align:left}
.rx2-sum h2 span{color:#f2883b}
.rx2-sum>p{margin:0 0 26px;font-size:15px;line-height:1.7;color:#b8bcc7}
.rx2 .rx-score{flex-direction:column!important;align-items:stretch!important;gap:12px!important;margin-bottom:26px}
.rx2 .rx-sc{background:#22252c!important;border:1px solid #2f333c!important;color:#fff!important;padding:14px 16px!important}
.rx2 .rx-sc:hover{border-color:#f2883b!important}
.rx2 .rx-sc b{color:#fff}
.rx2 .rx-sc small{color:#b8bcc7!important}
.rx2-btn{position:relative;z-index:1;margin-top:auto;display:inline-flex;align-items:center;justify-content:center;gap:8px;height:50px;border-radius:12px;background:#f2883b;color:#fff!important;font-weight:600;font-size:15.5px;text-decoration:none;transition:background .15s}
.rx2-btn:hover{background:#e0701f}
.rx2-main{display:flex;flex-direction:column;min-width:0}
.rx2 .rx-track{margin-top:0!important;gap:20px!important;align-items:stretch!important;flex:1}
.rx2 .rx-c{flex:0 0 calc((100% - 20px)/2)!important;min-width:0!important;border:1px solid #eee6de!important;border-top:1px solid #eee6de!important;border-radius:22px!important;background:#fffaf5!important;padding:30px 28px 24px!important;box-shadow:none!important}
.rx2 .rx-c::before{content:"\201C";display:block;height:34px;margin:-6px 0 6px;font-family:Georgia,"Times New Roman",serif;font-size:64px;line-height:1;color:#f2883b}
.rx2 .rx-c:hover{transform:translateY(-3px);box-shadow:0 20px 40px -26px rgba(122,58,16,.45)!important}
.rx2 .rx-top{order:3;height:auto!important;margin:16px 0 0!important}
.rx2 .rx-top span:not(.rx-st){display:none}
.rx2 .rx-c{display:flex!important;flex-direction:column}
.rx2 .rx-tx{order:1;font-size:17px!important;line-height:1.7!important;color:#1f2228!important;height:calc(1.7em * 5)!important;-webkit-line-clamp:5!important}
.rx2 .rx-tx.rx-open{height:auto!important}
.rx2 .rx-more{order:2}
.rx2 .rx-by2{order:4;border-top-color:#efe4d9!important}
.rx2 .rx-st i{width:22px!important;height:22px!important}
.rx2 .rx-st i svg{width:13px!important;height:13px!important}
.rx2 .rx-g .rx-st i{width:20px!important}
.rx2 .rx-g .rx-st i svg{width:18px!important;height:18px!important}
.rx2 .rx-ctrl{justify-content:flex-start!important;margin-top:24px!important}
@media(max-width:1000px){.rx2-g{grid-template-columns:1fr}.rx2-sum{padding:30px 24px}.rx2 .rx-score{flex-direction:row!important}.rx2 .rx-sc{flex:1}.rx2-btn{margin-top:4px}}
@media(max-width:600px){.rx2{padding:52px 0!important}.rx2 .rx-c{flex-basis:88%!important;padding:24px 20px 20px!important}.rx2 .rx-tx{font-size:15.5px!important}.rx2 .rx-score{flex-direction:column!important}.rx2 .rx-ctrl{justify-content:center!important}}
.rx2 .rx-track{flex:0 0 auto!important;align-items:flex-start!important}
.rx2 .rx-tx{height:calc(1.7em * 4)!important;-webkit-line-clamp:4!important}
.rx2-main{justify-content:center}
.rx2 .rx-sc .rx-gs i{width:20px!important;height:22px!important}.rx2 .rx-sc .rx-gs i svg{width:18px!important;height:18px!important}
@media(min-width:1001px){.rx2-g{align-items:center}}
/* Reviews: compact summary box (v20261362) */
@media(min-width:1001px){.rx2-g{grid-template-columns:minmax(0,300px) minmax(0,1fr);gap:28px}}
.rx2-sum{padding:26px 24px!important;border-radius:20px}
.rx2-sum h2{font-size:clamp(22px,1.9vw,26px)!important;margin:8px 0 10px!important}
.rx2-sum>p{font-size:14px!important;line-height:1.6!important;margin:0 0 18px!important}
.rx2 .rx-score{gap:8px!important;margin-bottom:18px!important}
.rx2 .rx-sc{padding:9px 12px!important;gap:10px!important;border-radius:12px!important}
.rx2 .rx-sc b{font-size:24px!important}
.rx2 .rx-sc .rx-st i{width:17px!important;height:17px!important}.rx2 .rx-sc .rx-st i svg{width:11px!important;height:11px!important}
.rx2 .rx-sc .rx-gs i{width:16px!important;height:17px!important}.rx2 .rx-sc .rx-gs i svg{width:15px!important;height:15px!important}
.rx2 .rx-sc small{font-size:12px!important}
.rx2-btn{height:44px;font-size:14.5px;border-radius:10px}
.rx2-sum::after{width:180px;height:180px;right:-70px;bottom:-70px}
.rx2-sum>p{display:none}.rx2-sum h2{margin-bottom:16px!important}
@media(min-width:1001px){.rx2-g{align-items:start!important}}
.rx2 .rx-track{margin-top:-2px!important}
.rx2 .rx-ctrl{justify-content:center!important}
/* Payments page in site theme (v20261365) */
.bh-pay .pay-r{display:flex;justify-content:center;align-items:center}
.bh-pay .pq-invw{width:100%;max-width:440px}
.bh-pay .bh-from{color:#16181d;font-weight:600;text-decoration:underline;text-decoration-color:#f2883b;text-underline-offset:4px}
.bh-pay .pq-strip{margin-top:24px}
.pay-sec{background:#fff!important;padding:72px 0!important}
.pay-sec .wrap,.pay-know .wrap{max-width:1280px;padding-left:24px;padding-right:32px}
.pay-intro{margin-bottom:34px}
.pay-intro .sp-pill+h2{margin-top:16px}
.pay-how{background:#fffaf5!important;border-top:1px solid #f6ece2;border-bottom:1px solid #f6ece2}
.pay-how .pq-hl h2{font-family:"Plus Jakarta Sans",Roboto,sans-serif;font-weight:600!important;font-size:clamp(28px,2.8vw,38px)!important;line-height:1.15;letter-spacing:-.02em;color:#14161b;margin:16px 0 12px;text-align:left;text-transform:none}
.pay-how .pq-hl h2 span{color:#f2883b}
.pay-how .pq-hl p{font-size:15.5px;line-height:1.75;color:#5d6370}
.pay-know{padding:72px 0;background:#fff}
.pay-feats{grid-template-columns:repeat(3,1fr)!important;margin-top:8px!important}
.pay-feats .sp-ic svg{width:26px!important;height:26px!important}
@media(max-width:900px){.pay-feats{grid-template-columns:repeat(2,1fr)!important}}
@media(max-width:600px){.pay-sec,.pay-know{padding:52px 0!important}.pay-sec .wrap,.pay-know .wrap{padding-right:24px}.pay-feats{grid-template-columns:1fr!important}}
/* Business page in Budget design (v20261369) */
.biz-ph{padding-bottom:8px!important}
.bh-biz .biz-r{display:flex;justify-content:center}
.bh-biz .whd{max-width:520px;width:100%}
body.hs .bzm-range{background:#fff}
body.hs.pg-biz .dz{display:none!important}
/* Terms page in Budget design (v20261371) */
body.hs.pg-legal .dz{display:none!important}
.bh-legal .bh-btn{border:0;cursor:pointer;font-family:inherit}
.bh-legal .lg-ask{color:#16181d;font-weight:600;text-decoration:underline;text-decoration-color:#f2883b;text-underline-offset:4px}
.bh-legal .bh-r{display:flex;justify-content:center;align-items:center}
.lg-key{width:100%;max-width:420px}
.lg-key-h{margin:6px 0 18px;font-family:"Plus Jakarta Sans",Roboto,sans-serif;font-size:22px;font-weight:600;letter-spacing:-.01em;color:#14161b;line-height:1.3}
.lg-key .mh-pts{margin:0 0 24px}
.lg-key .mh-pts a{color:#2a2d35;text-decoration:none}
.lg-key .mh-pts a:hover{color:#c2560f}
body.hs.pg-legal .lg-glance2{background:#fff;padding:72px 0 40px}
body.hs.pg-legal .lg-glance2>.wrap,body.hs.pg-legal .lg>.wrap{max-width:1280px;padding-left:24px;padding-right:32px}
body.hs.pg-legal .lg-gg{gap:20px}
body.hs.pg-legal .lg-gc{border-radius:20px!important;border:1px solid #efe4d9!important;background:#fffaf5!important;box-shadow:none!important;padding:24px 22px!important;transition:border-color .15s,transform .15s}
body.hs.pg-legal .lg-gc:hover{border-color:#f2883b!important;transform:translateY(-2px)}
body.hs.pg-legal .lg-gi{border-radius:12px!important;background:#16181d!important;color:#f2883b!important}
body.hs.pg-legal .lg-gc b{font-family:"Plus Jakarta Sans",Roboto,sans-serif;font-size:17px;font-weight:600;color:#14161b}
body.hs.pg-legal .lg{padding-top:24px}
body.hs.pg-legal .lg-sec h2{font-family:"Plus Jakarta Sans",Roboto,sans-serif!important;font-weight:600!important;letter-spacing:-.02em;color:#14161b}
body.hs.pg-legal .lg-sec h3{font-family:"Plus Jakarta Sans",Roboto,sans-serif;font-weight:600;color:#16181d}
body.hs.pg-legal .lg-sec p,body.hs.pg-legal .lg-sec li{font-size:15.5px;line-height:1.8;color:#4b505c}
body.hs.pg-legal .co-nav a.on{background:#16181d!important;color:#fff!important;box-shadow:none!important}
body.hs.pg-legal .co-nav a.on i{background:#2a2d35!important;color:#f2883b!important}
/* Careers page in Budget design (v20261372) */
body.hs.pg-jobs .dz{display:none!important}
.bh-jobs .bh-r{display:flex;justify-content:center;align-items:center}
.jb-key{width:100%;max-width:420px}
.bh-jobs .jb-mail{color:#16181d;font-weight:600;text-decoration:underline;text-decoration-color:#f2883b;text-underline-offset:4px}
.jb-roles li{justify-content:flex-start}
.jb-roles a{flex:1;color:#2a2d35;text-decoration:none}
.jb-roles a:hover{color:#c2560f}
.jb-roles em{font-style:normal;font-size:12px;font-weight:600;color:#a9480b;background:#ffe9d6;padding:3px 9px;border-radius:999px}
.jb-why .sp-feats{margin-top:8px}
body.hs.pg-jobs .jb-sec{padding:72px 0}
body.hs.pg-jobs .jb-sec>.wrap{max-width:1280px;padding-left:24px;padding-right:32px}
body.hs.pg-jobs .jb-open2{background:#fffaf5;border-top:1px solid #f6ece2;border-bottom:1px solid #f6ece2}
body.hs.pg-jobs .jb-filter button.on{background:#16181d!important;color:#fff!important;border-color:#16181d!important}
body.hs.pg-jobs .jb-card{border-radius:20px!important;border:1px solid #efe4d9!important;box-shadow:none!important;background:#fff!important}
body.hs.pg-jobs .jb-card .jb-ic{border-radius:12px!important;background:#16181d!important;color:#f2883b!important}
body.hs.pg-jobs .jb-card b{font-family:"Plus Jakarta Sans",Roboto,sans-serif;font-weight:600}
body.hs.pg-jobs .jb-step{border-radius:20px!important;border:1px solid #efe4d9!important;background:#fffaf5!important;box-shadow:none!important}
body.hs.pg-jobs .jb-n{background:#16181d!important;color:#fff!important}
body.hs.pg-jobs .jb-cta{border-radius:20px!important;background:#16181d!important;color:#c9ccd4!important;border:0!important}
body.hs.pg-jobs .jb-cta b{color:#fff!important}
body.hs.pg-jobs .jb-cta a{background:#f2883b!important;color:#fff!important;border-radius:12px!important;border:0!important}
@media(max-width:600px){body.hs.pg-jobs .jb-sec{padding:52px 0}body.hs.pg-jobs .jb-sec>.wrap{padding-right:24px}}
.jb-key .mh-pts{margin:0 0 24px;gap:10px}
body.hs.pg-jobs .jb-list-wrap,body.hs.pg-jobs .jb-steps,body.hs.pg-jobs .jb-cta{max-width:none!important}
body.hs.pg-jobs .jb-filter{justify-content:flex-start!important}
/* Remaining pages in Budget/Home design (v20261373) */
body.hs .dz{display:none!important}
.bh-soon .bh-r,.bh-co .bh-r,.bh-rev .bh-r,.bh-404 .bh-r{display:flex;justify-content:center;align-items:center}
.bh .lg-ask{color:#16181d;font-weight:600;text-decoration:underline;text-decoration-color:#f2883b;text-underline-offset:4px}
.bh-soon .lg-key .lw-n{margin:0 0 20px}
.bh-co .co-vis{width:100%;max-width:520px}
.rev-sum{width:100%;max-width:400px;padding:32px 28px!important}
.rev-sum h2{font-size:clamp(24px,2.2vw,30px)!important}
.rev-sum .rx-score{flex-direction:column!important}
.nf-big{font-family:"Plus Jakarta Sans",Roboto,sans-serif;font-size:clamp(120px,16vw,220px);font-weight:700;letter-spacing:-.04em;line-height:1;color:#ffe2c6;text-shadow:0 1px 0 #fff}
body.hs .rp-list2{background:#fff;padding:64px 0}
body.hs .rp-list2>.wrap,body.hs .nf-body>.wrap,body.hs.pg-co .co>.wrap,body.hs.pg-co .co-sec>.wrap{max-width:1280px;padding-left:24px;padding-right:32px}
body.hs .rp-filter button.on{background:#16181d!important;color:#fff!important;border-color:#16181d!important}
body.hs .nf-body{background:#fff;padding:64px 0}
body.hs .nf-l{border-radius:18px!important;border:1px solid #efe4d9!important;background:#fffaf5!important;box-shadow:none!important}
body.hs .nf-l:hover{border-color:#f2883b!important}
body.hs.pg-co .co-sec h2,body.hs.pg-co .co h2{font-family:"Plus Jakarta Sans",Roboto,sans-serif!important;font-weight:600!important;letter-spacing:-.02em;color:#14161b}
body.hs.pg-co .co-sec h2 span,body.hs.pg-co .co h2 span{color:#f2883b}
body.hs.pg-co .co-nav a.on{background:#16181d!important;color:#fff!important;box-shadow:none!important}
body.hs.pg-co .co-nav a.on i{background:#2a2d35!important;color:#f2883b!important}
@media(max-width:600px){body.hs .rp-list2,body.hs .nf-body{padding:48px 0}body.hs .rp-list2>.wrap,body.hs .nf-body>.wrap{padding-right:24px}.nf-big{font-size:110px}}
/* Header + top bar matched to the page design, all pages (v20261374) */
@media(min-width:1001px){.topbar .wrap,.header .wrap{max-width:1280px!important;padding-left:24px!important;padding-right:32px!important}}
.topbar{background:#fff4ea!important;border-bottom:1px solid #f6e4d4!important;color:#5d6370}
.topbar .item{font-size:14px;color:#4b505c!important;font-weight:500}
.topbar .item:hover{color:#c2560f!important}
.topbar .item svg{color:#f2883b}
.topbar .item.l{background:#fff!important;border:1px solid #f1e2d4!important;border-radius:999px!important;padding:7px 16px!important;box-shadow:none!important}
.topbar .item.l b{color:#16181d!important;font-weight:600}
.header{background:rgba(255,250,245,.9)!important;border-bottom:1px solid #f6ece2!important;-webkit-backdrop-filter:saturate(1.4) blur(12px);backdrop-filter:saturate(1.4) blur(12px)}
.header.hdr-scrolled{background:rgba(255,255,255,.95)!important;box-shadow:0 10px 30px -20px rgba(122,58,16,.35)!important}
.menu>li>a,.menu>li>button{font-size:15.5px!important;font-weight:500!important;color:#2a2d35!important;border-radius:10px}
.menu>li:not(.login)>a:hover,.menu .has:hover>button{background:#fff1e4!important;color:#16181d!important}
.menu>li:not(.login)>a:after,.menu .has>button:before{display:none!important}
.menu .login a{background:#16181d!important;border-radius:12px!important;box-shadow:none!important;font-weight:600!important;padding:12px 22px!important;transform:none!important}
.menu .login a:hover{background:#f2883b!important;filter:none!important}
.menu .drop{border-radius:18px!important;border:1px solid #efe4d9!important;box-shadow:0 24px 48px -24px rgba(22,24,29,.25)!important}
.menu .drop .mi{background:#16181d!important;color:#f2883b!important;border-radius:10px!important}
.menu .drop .mi svg{stroke:#f2883b}
.hlogin{background:#16181d!important;border-radius:12px!important;box-shadow:none!important;font-weight:600!important;font-size:15.5px!important;padding:12px 22px!important;transition:background .15s}
.hlogin:hover{background:#f2883b!important;filter:none!important}
.menu>li:not(.login)>a:hover,.menu .has:hover>button{background:transparent!important;color:#c2560f!important}
/* Mobile menu panel (v20261375) */
@media(max-width:1240px){.menu{position:fixed!important;left:0;right:0;overflow-y:auto!important;-webkit-overflow-scrolling:touch;overscroll-behavior:contain}
.menu .login a{color:#fff!important}
.menu .login a svg{stroke:#fff!important}}
@media(max-width:1240px){.menu{justify-content:flex-start!important;align-content:flex-start!important}}
@media(max-width:1240px){.header{background:rgba(255,250,245,.98)!important}}
/* Footer copyright dot in brand orange (v20261376) */
.sf .ft-dot,.fx .ft-dot{background:#f2883b!important;box-shadow:0 0 0 4px rgba(242,136,59,.22)!important;animation:none!important}
/* Footer copyright: HostNext icon instead of dot (v20261377) */
.ft-copy{display:flex;align-items:center;gap:10px}
.ft-ic{display:block;flex:none;width:22px;height:22px;border-radius:6px}
/* Footer copyright: orange dot (v20261378) */
.sf .ft-dot,.fx .ft-dot{display:block;width:10px;height:10px;border-radius:50%;background:#f2883b!important;box-shadow:0 0 0 4px rgba(242,136,59,.25)!important;animation:none!important;flex:none}
/* Free migration banner on Budget/Pro (v20261380) */
.cta2-one{padding:8px 0 72px}
.cta2-one .cta2-box{grid-template-columns:1fr;padding:44px 56px}
.cta2-one .cta2-col{display:grid;grid-template-columns:minmax(0,1fr) auto;column-gap:40px;align-items:center}
.cta2-one .cta2-col h2{grid-column:1;margin-bottom:8px}
.cta2-one .cta2-col p{grid-column:1;margin:0;max-width:640px}
.cta2-one .cta2-col .cta2-btn{grid-column:2;grid-row:1/span 2;margin:0;white-space:nowrap}
body.hs .cta2-btn{font-weight:600;font-size:15.5px;border-radius:12px}
body.hs .cta2 h2{font-family:"Plus Jakarta Sans",Roboto,sans-serif;font-weight:600;letter-spacing:-.02em}
@media(max-width:800px){.cta2-one .cta2-box{padding:32px 24px}.cta2-one .cta2-col{grid-template-columns:1fr}.cta2-one .cta2-col .cta2-btn{grid-column:1;grid-row:auto;margin-top:20px;justify-self:start}}
/* Our guarantees box on Budget/Pro (v20261381) */
.gtr{padding:0 0 72px}
.gtr .hp-tl h2{font-size:clamp(28px,2.8vw,38px);font-weight:600}
.cta2-one+.gtr{margin-top:-16px}
@media(max-width:600px){.gtr{padding-bottom:48px}}
body.hs .gtr .wrap{max-width:1280px;padding-left:24px;padding-right:32px}
@media(max-width:1100px){body.hs .gtr .wrap{padding-right:40px}}@media(max-width:600px){body.hs .gtr .wrap{padding-right:24px}}
/* Full two-column trust+migration banner on Budget/Pro (v20261383) */
.cta2-full{padding:8px 0 72px}
/* Guarantees layout: text left, 2x2 stat tiles in a card right (v20261384) */
.gtr .hp-trust{grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:64px;padding:0;background:none;border:0;border-radius:0}
.gtr .hp-tl p{font-size:16px;max-width:560px}
.gtr .hp-stats{grid-template-columns:repeat(2,minmax(0,1fr));gap:18px;padding:28px;background:#fff;border:1px solid #f1ebe4;border-radius:24px;box-shadow:0 24px 50px -28px rgba(22,24,29,.22)}
.gtr .hp-stats li{display:grid;grid-template-columns:auto minmax(0,1fr);grid-template-rows:auto auto;column-gap:14px;row-gap:2px;align-items:center;padding:22px;border-radius:16px;background:#faf7f3}
.gtr .hp-stats li:last-child{background:#fff1e6}
.gtr .hp-stats i{grid-row:1/3;margin:0;width:48px;height:48px;border-radius:12px;background:#fff;display:grid;place-items:center}
.gtr .hp-stats i svg{width:26px;height:26px}
.gtr .hp-stats b{font-size:26px}
@media(max-width:1000px){.gtr .hp-trust{grid-template-columns:minmax(0,1fr);gap:32px}}
@media(max-width:600px){.gtr .hp-stats{grid-template-columns:minmax(0,1fr);padding:18px;gap:12px}.gtr .hp-stats li{padding:18px}.gtr .hp-stats b{font-size:22px}}
/* Guarantees: tiles left, text right on desktop (v20261385) */
@media(min-width:1001px){.gtr .hp-stats{order:-1}}
/* Budget/Pro "All plans include" note right-aligned (v20261389) */
body.hs .hp-b .hp-inc{text-align:right;margin-left:auto;margin-right:0}
@media(max-width:600px){body.hs .hp-b .hp-inc{text-align:center;margin-right:auto}}
/* Migration banner style options (v20261391) */
.mg .mg-ico{display:none}.mg .mg-steps{display:none}
.mg-steps{list-style:none;margin:0 0 26px;padding:0;display:flex;flex-wrap:wrap;gap:10px}
.mg-steps li{display:flex;align-items:center;gap:8px;font-size:14px;font-weight:500}
.mg-steps b{display:grid;place-items:center;width:26px;height:26px;border-radius:50%;font-size:13px;font-weight:600}
/* A: two separate cards */
.mgA .cta2-box{background:none;padding:0;gap:24px;overflow:visible}.mgA .cta2-box:before{display:none}
.mgA .cta2-col{display:flex;flex-direction:column;align-items:flex-start;padding:40px;border-radius:24px;background:#fff;border:1px solid #f1ebe4;box-shadow:0 24px 50px -30px rgba(22,24,29,.25)}
.mgA .mg-move{background:linear-gradient(135deg,#ffc795 0%,#f9a15c 100%);border-color:transparent}
.mgA .mg-ico{display:grid;place-items:center;width:52px;height:52px;border-radius:14px;margin-bottom:20px;background:#fff1e6;color:#f2883b}
.mgA .mg-move .mg-ico{background:#fff;color:#f2883b}
.mgA .mg-trust p{color:#5d6370}.mgA .mg-trust .cta2-btn2{background:#16181d;color:#fff!important}.mgA .mg-trust .cta2-btn2:hover{background:#2a2d35}
.mgA .cta2-col a{margin-top:auto}
/* B: dark charcoal */
.mgB .cta2-box{background:#16181d;gap:0;padding:0}.mgB .cta2-box:before{border-color:rgba(242,136,59,.35);box-shadow:0 0 0 60px rgba(242,136,59,.06)}
.mgB .cta2-col{padding:52px 56px}.mgB .mg-move{border-left:1px solid rgba(255,255,255,.1)}
.mgB .cta2-col h2{color:#fff}.mgB .cta2-col p{color:#b8bcc6}
.mgB .mg-ico{display:grid;place-items:center;width:52px;height:52px;border-radius:14px;margin-bottom:20px;background:rgba(242,136,59,.14);color:#f2883b}
.mgB .mg-steps{display:flex}.mgB .mg-steps li{color:#e6e8ec}.mgB .mg-steps b{background:#f2883b;color:#16181d}
.mgB .cta2-btn{background:#f2883b;color:#16181d!important}.mgB .cta2-btn:hover{background:#ff9a52}
.mgB .cta2-btn2{background:transparent;color:#fff!important;border:1px solid rgba(255,255,255,.3)}.mgB .cta2-btn2:hover{background:rgba(255,255,255,.08)}
/* C: light card with peach migration panel and steps */
.mgC .cta2-box{background:#faf7f3;border:1px solid #f1ebe4;padding:16px;gap:16px;grid-template-columns:minmax(0,.85fr) minmax(0,1.15fr)}.mgC .cta2-box:before{display:none}
.mgC .cta2-col{padding:36px 40px;border-radius:18px}
.mgC .mg-trust p{color:#5d6370}.mgC .mg-trust .cta2-btn2{background:#fff;border:1px solid #e9e1d8}
.mgC .mg-move{background:linear-gradient(135deg,#ffc795 0%,#f9a15c 100%);overflow:hidden}
.mgC .mg-move:before{content:"";position:absolute;right:-90px;top:-90px;width:260px;height:260px;border-radius:50%;border:1.5px solid rgba(255,255,255,.35)}
.mgC .mg-steps{display:flex}.mgC .mg-steps li{color:#16181d;background:rgba(255,255,255,.55);padding:6px 14px 6px 6px;border-radius:999px}.mgC .mg-steps b{background:#16181d;color:#fff}
.mgC .mg-ico{display:grid;place-items:center;width:48px;height:48px;border-radius:14px;margin-bottom:18px;background:#fff;color:#f2883b}
@media(max-width:860px){.mgA .cta2-box,.mgB .cta2-box,.mgC .cta2-box{grid-template-columns:minmax(0,1fr)}.mgA .cta2-col{padding:30px 24px}.mgB .cta2-col{padding:34px 26px}.mgB .mg-move{border-left:0;border-top:1px solid rgba(255,255,255,.1)}.mgC .cta2-col{padding:28px 22px}.mgC .cta2-box{padding:12px;gap:12px}}
/* D: migration box matched to page (guarantee-card look) (v20261391) */
.mgD .cta2-box{background:#fff;border:1px solid #f1ebe4;border-radius:24px;box-shadow:0 24px 50px -28px rgba(22,24,29,.22);padding:20px;gap:20px;overflow:visible;grid-template-columns:minmax(0,1fr) minmax(0,1.1fr)}
.mgD .cta2-box:before{display:none}
.mgD .cta2-col{display:flex;flex-direction:column;align-items:flex-start;padding:40px 44px;border-radius:18px;background:#faf7f3;overflow:hidden}
.mgD .mg-move{background:#fff1e6}
.mgD .mg-move:before{content:"";position:absolute;right:-80px;top:-80px;width:240px;height:240px;border-radius:50%;border:1.5px solid rgba(242,136,59,.18);box-shadow:0 0 0 46px rgba(242,136,59,.05)}
.mgD .mg-ico{display:grid;place-items:center;width:52px;height:52px;border-radius:14px;margin-bottom:20px;background:#fff;color:#f2883b;box-shadow:0 6px 16px -10px rgba(22,24,29,.25)}
.mgD .cta2-col h2{font-size:clamp(24px,2.2vw,30px)}
.mgD .cta2-col p{color:#5d6370;margin-bottom:22px}
.mgD .mg-steps{display:flex;margin-bottom:26px}
.mgD .mg-steps li{color:#16181d;background:#fff;padding:6px 14px 6px 6px;border-radius:999px;border:1px solid #f6dcc6}
.mgD .mg-steps b{background:#f2883b;color:#fff}
.mgD .cta2-col a{margin-top:auto}
.mgD .mg-trust .cta2-btn2{background:#fff;border:1px solid #e9e1d8}.mgD .mg-trust .cta2-btn2:hover{background:#fff7f0}
@media(max-width:860px){.mgD .cta2-box{grid-template-columns:minmax(0,1fr);padding:12px;gap:12px}.mgD .cta2-col{padding:28px 22px}}
/* E: dark charcoal two-column banner (v20261392) */
.mgE .cta2-box{background:#16181d;padding:72px 80px;gap:80px;border-radius:24px}
.mgE .cta2-box:before{right:-140px;top:-140px;border-color:rgba(242,136,59,.28);box-shadow:0 0 0 70px rgba(242,136,59,.05)}
.mgE .cta2-box:after{content:"";position:absolute;left:50%;top:72px;bottom:72px;width:1px;background:rgba(255,255,255,.08)}
.mgE .cta2-col{display:flex;flex-direction:column;align-items:flex-start}
.mgE .cta2-col h2{color:#fff;font-size:clamp(24px,2.2vw,32px);line-height:1.2;margin-bottom:14px}
.mgE .cta2-col p{color:#b8bcc6;font-size:16px;margin-bottom:32px;max-width:500px}
.mgE .cta2-col a{margin-top:auto;padding:16px 28px}
.mgE .cta2-btn2{background:#fff;color:#16181d!important}.mgE .cta2-btn2:hover{background:#fff1e6}
.mgE .cta2-btn{background:#f2883b;color:#fff!important}.mgE .cta2-btn:hover{background:#e07a2f}
@media(max-width:860px){.mgE .cta2-box{grid-template-columns:minmax(0,1fr);padding:44px 28px;gap:44px}.mgE .cta2-box:after{left:28px;right:28px;top:50%;bottom:auto;width:auto;height:1px}}
/* Compare all shared hosting page (v20261396) */
.bh-cx .bh-btn{display:inline-flex;align-items:center}
.cx-qa{list-style:none;margin:0 0 24px;padding:0;display:grid;gap:10px}
.cx-qa li{display:grid;grid-template-columns:minmax(0,1fr) auto;column-gap:12px;padding:14px 16px;border-radius:14px;background:#faf7f3;border:1px solid #f1ebe4}
.cx-qa span{grid-column:1/-1;font-size:13px;color:#6b7280;margin-bottom:4px}
.cx-qa b{font:600 17px/1.2 "Plus Jakarta Sans",Roboto,sans-serif;color:#16181d}
.cx-qa em{font-style:normal;font-weight:600;color:#f2883b;font-size:14.5px}
.cx-head{max-width:760px}
.cx-head h2{font-family:"Plus Jakarta Sans",Roboto,sans-serif;font-weight:600;font-size:clamp(28px,2.8vw,38px);line-height:1.15;letter-spacing:-.02em;margin:12px 0 12px;color:#16181d}
.cx-head h2 span{color:#f2883b}
.cx-head p{font-size:16px;line-height:1.75;color:#5d6370;margin:0}
.cx-which,.cx-vs,.cx-all{padding:84px 0}
.cx-vs{background:#faf7f3}
.cx-fams{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px}
.cx-f{display:flex;flex-direction:column;padding:32px;border-radius:24px;background:#fff;border:1px solid #f1ebe4;box-shadow:0 24px 50px -32px rgba(22,24,29,.22)}
.cx-f-p{border-color:#f2883b;background:#fffaf6}
.cx-cnt{display:inline-block;font-size:12.5px;font-weight:600;color:#c2560f;background:#fff1e6;padding:5px 12px;border-radius:999px}
.cx-f h3{font:600 24px/1.2 "Plus Jakarta Sans",Roboto,sans-serif;letter-spacing:-.02em;color:#16181d;margin:16px 0 8px}
.cx-best{font-size:14.5px;color:#5d6370;margin:0 0 18px;min-height:44px}
.cx-fr{display:flex;align-items:baseline;gap:6px;margin:0 0 20px;padding-bottom:20px;border-bottom:1px solid #f1ebe4}
.cx-fr small{font-size:13px;color:#6b7280}.cx-fr b{font:700 34px/1 "Plus Jakarta Sans",Roboto,sans-serif;color:#16181d;letter-spacing:-.02em}.cx-fr span{color:#6b7280;font-size:14px}
.cx-f .mh-pts{display:grid;gap:10px;margin:0 0 20px;padding:0}
.cx-why{font-size:14.5px;line-height:1.7;color:#4b5160;background:#faf7f3;border-radius:14px;padding:14px 16px;margin:0 0 22px}
.cx-f-p .cx-why{background:#fff}
.cx-why b{color:#16181d}
.cx-fb{margin-top:auto}
.cx-b1{display:inline-flex;align-items:center;gap:8px;padding:13px 22px;border-radius:12px;background:#16181d;color:#fff!important;font-weight:600;font-size:15px;transition:background .15s,gap .15s}
.cx-b1:hover{background:#2a2d35;gap:12px}.cx-f-p .cx-b1{background:#f2883b}.cx-f-p .cx-b1:hover{background:#e07a2f}
.cx-vg{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px}
.cx-v{padding:30px;border-radius:24px;background:#fff;border:1px solid #f1ebe4}
.cx-vt{font-size:12.5px;font-weight:600;color:#c2560f;text-transform:uppercase;letter-spacing:.08em}
.cx-v h3{font:600 20px/1.3 "Plus Jakarta Sans",Roboto,sans-serif;color:#16181d;margin:10px 0 10px;letter-spacing:-.01em}
.cx-v h3 span{color:#f2883b}
.cx-v p{font-size:14.5px;line-height:1.7;color:#5d6370;margin:0 0 18px}
.cx-vtab{width:100%;border-collapse:collapse;font-size:14px}
.cx-vtab th,.cx-vtab td{padding:10px 8px;border-top:1px solid #f1ebe4;text-align:left}
.cx-vtab thead th{border-top:0;font-size:13px;color:#6b7280;font-weight:600}
.cx-vtab tbody th{font-weight:500;color:#5d6370}
.cx-vtab td{color:#16181d}
.cx-vtab .cx-w{color:#c2560f;font-weight:600;background:#fff7f0}
.cx-scroll{overflow-x:auto;border:1px solid #f1ebe4;border-radius:20px;background:#fff;box-shadow:0 24px 50px -32px rgba(22,24,29,.22);-webkit-overflow-scrolling:touch}
.cx-scroll:focus{outline:2px solid #f2883b;outline-offset:2px}
.cx-t{border-collapse:separate;border-spacing:0;min-width:1500px;width:100%;font-size:14px}
.cx-t th,.cx-t td{padding:14px 14px;border-bottom:1px solid #f3eee8;text-align:center;white-space:nowrap;color:#2a2d35}
.cx-t tbody th{text-align:left;font-weight:600;color:#16181d}
.cx-stick{position:sticky;left:0;z-index:2;background:#fff;text-align:left!important;min-width:170px;box-shadow:1px 0 0 #f1ebe4}
.cx-grp th{font-size:12.5px;font-weight:600;text-transform:uppercase;letter-spacing:.08em;padding:12px}
.cx-g-b{background:#faf7f3;color:#5d6370}.cx-g-p{background:#fff1e6;color:#c2560f}.cx-g-z{background:#16181d;color:#fff}
.cx-names th{vertical-align:bottom;padding-top:18px}
.cx-names th em{display:block;font-style:normal;font-size:11.5px;font-weight:600;color:#fff;background:#f2883b;border-radius:999px;padding:3px 10px;margin:0 auto 8px;width:max-content}
.cx-names th b{display:block;font:600 16px/1.2 "Plus Jakarta Sans",Roboto,sans-serif;color:#16181d}
.cx-pr{display:block;margin-top:6px;font-weight:700;color:#16181d;font-size:18px}.cx-pr small{font-size:12px;color:#6b7280;font-weight:500}
.cx-c-p{background:#fffaf6}
.cx-t tbody tr:hover td,.cx-t tbody tr:hover th{background:#fff7f0}
.cx-t .cmp-y{display:inline-flex;width:24px;height:24px;border-radius:50%;background:#fff1e6;color:#f2883b;align-items:center;justify-content:center}
.cx-n{color:#b8bcc6;font-weight:600}
.cx-order td,.cx-order th{border-bottom:0;padding:18px 14px}
.cx-ob{display:inline-block;padding:10px 18px;border-radius:10px;background:#16181d;color:#fff!important;font-weight:600;font-size:14px}
.cx-ob:hover{background:#2a2d35}.cx-ob-hl{background:#f2883b}.cx-ob-hl:hover{background:#e07a2f}
.cx-note{font-size:14px;color:#6b7280;margin:16px 0 0;text-align:center}
@media(max-width:1000px){.cx-fams,.cx-vg{grid-template-columns:minmax(0,1fr)}.cx-best{min-height:0}}
@media(max-width:600px){.cx-which,.cx-vs,.cx-all{padding:56px 0}.cx-f,.cx-v{padding:24px 20px}.cx-stick{min-width:130px}.cx-t th,.cx-t td{padding:12px 10px}}
body.hs .cx-which .wrap,body.hs .cx-vs .wrap,body.hs .cx-all .wrap{max-width:1280px;padding-left:24px;padding-right:32px}
@media(max-width:600px){body.hs .cx-which .wrap,body.hs .cx-vs .wrap,body.hs .cx-all .wrap{padding-left:20px;padding-right:20px}}
.cx-t .cmp-y svg{stroke:#f2883b!important;color:#f2883b}
.cx-scroll{position:relative}
/* Reviews v3: 4-up cards + Trustpilot/Google verify (v20261397) */
.rx3{padding:84px 0;background:#fff}
body.hs .rx3 .wrap{max-width:1280px;padding-left:24px;padding-right:32px}
.rx3-head{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:40px;align-items:end;margin-bottom:36px}
.rx3-ht h2{font-family:"Plus Jakarta Sans",Roboto,sans-serif;font-weight:600;font-size:clamp(28px,2.8vw,38px);line-height:1.15;letter-spacing:-.02em;margin:12px 0 10px;color:#16181d}
.rx3-ht h2 span{color:#f2883b}
.rx3-ht p{font-size:16px;line-height:1.75;color:#5d6370;margin:0;max-width:560px}
.rx3-ver{display:flex;gap:14px}
.rx3-v{display:grid;grid-template-columns:auto auto;align-items:center;column-gap:16px;row-gap:8px;padding:16px 20px;border-radius:18px;background:#fff;border:1px solid #f1ebe4;box-shadow:0 18px 40px -28px rgba(22,24,29,.25);color:#16181d!important;transition:border-color .15s,transform .15s}
.rx3-v:hover{border-color:#f2883b;transform:translateY(-2px)}
.rx3-vl .rx3-src{margin:0}
.rx3-vs{display:flex;align-items:baseline;gap:4px;justify-self:end}.rx3-vs b{font:700 24px/1 "Plus Jakarta Sans",Roboto,sans-serif}.rx3-vs small{font-size:12.5px;color:#6b7280}
.rx3-vg{grid-column:1/-1;display:inline-flex;align-items:center;gap:6px;font-size:13.5px;font-weight:600;color:#c2560f}
.rx3-src{display:inline-flex;align-items:center;gap:6px;font-weight:600;font-size:14.5px;color:#16181d;margin-bottom:16px}
.rx3-track{display:grid;grid-auto-flow:column;grid-auto-columns:calc((100% - 72px)/4);gap:24px;overflow-x:auto;scroll-snap-type:x mandatory;scroll-behavior:smooth;scrollbar-width:none;padding:4px 2px 8px}
.rx3-track::-webkit-scrollbar{display:none}
.rx3-c{scroll-snap-align:start;display:flex;flex-direction:column;padding:28px 26px;border-radius:24px;background:#faf7f3;border:1px solid #f1ebe4}
.rx3-st{display:inline-flex;gap:4px;margin-bottom:16px}.rx3-st svg path{fill:#f2883b}
.rx3-tx{font-size:15px;line-height:1.75;color:#2a2d35;margin:0 0 22px}
.rx3-by{margin-top:auto;display:flex;align-items:center;gap:12px;padding-top:18px;border-top:1px solid #ece4da}
.rx3-av{flex:none;display:grid;place-items:center;width:40px;height:40px;border-radius:50%;background:#16181d;color:#fff;font-weight:600;font-size:13.5px}
.rx3-by p{margin:0;display:flex;flex-direction:column}.rx3-by b{font-weight:600;color:#16181d;font-size:15px}.rx3-by small{font-size:12.5px;color:#6b7280;margin-top:2px}
.rx3-nav{display:flex;align-items:center;justify-content:center;gap:18px;margin-top:28px}
.rx3-nav button{display:grid;place-items:center;width:46px;height:46px;border-radius:50%;border:1px solid #e9e1d8;background:#fff;color:#16181d;cursor:pointer;transition:background .15s,color .15s,border-color .15s}
.rx3-nav button:hover:not(:disabled){background:#f2883b;border-color:#f2883b;color:#fff}
.rx3-nav button:disabled{opacity:.4;cursor:default}
.rx3-all{font-weight:600;font-size:15px;color:#16181d;text-decoration:underline;text-decoration-color:#f2883b;text-underline-offset:4px}
@media(max-width:1100px){.rx3-head{grid-template-columns:minmax(0,1fr);align-items:start;gap:24px}.rx3-track{grid-auto-columns:calc((100% - 24px)/2)}}
@media(max-width:600px){.rx3{padding:56px 0}body.hs .rx3 .wrap{padding-left:20px;padding-right:20px}.rx3-ver{flex-direction:column}.rx3-track{grid-auto-columns:88%;gap:14px}.rx3-c{padding:24px 20px}}
.rx3-track{align-items:stretch}
.rx3-tx{display:-webkit-box;-webkit-line-clamp:6;-webkit-box-orient:vertical;overflow:hidden;margin-bottom:10px}
.rx3-tx.rx3-open{display:block;-webkit-line-clamp:unset}
.rx3-more{display:none;align-self:flex-start;border:0;background:none;padding:0;margin:0 0 18px;font:600 14px/1.4 inherit;font-family:inherit;color:#c2560f;cursor:pointer;text-decoration:underline;text-underline-offset:3px}
/* E: extra colour rings on dark banner (v20261399) */
.mgE .cta2-box{background-color:#16181d;background-image:
 radial-gradient(circle at 6% 112%,transparent 0 118px,rgba(242,136,59,.55) 119px 121px,transparent 122px),
 radial-gradient(circle at 6% 112%,transparent 0 160px,rgba(242,136,59,.18) 161px 163px,transparent 164px),
 radial-gradient(circle at 6% 112%,rgba(242,136,59,.10) 0 90px,transparent 91px),
 radial-gradient(circle at 47% -18%,transparent 0 70px,rgba(255,199,149,.35) 71px 72.5px,transparent 73.5px),
 radial-gradient(circle at 47% -18%,rgba(255,199,149,.07) 0 50px,transparent 51px),
 radial-gradient(circle at 70% 108%,transparent 0 46px,rgba(242,136,59,.4) 47px 48.5px,transparent 49.5px),
 radial-gradient(circle at 96% 92%,rgba(242,136,59,.22) 0 7px,transparent 8px),
 radial-gradient(circle at 38% 88%,rgba(255,199,149,.35) 0 4px,transparent 5px),
 radial-gradient(circle at 88% 14%,rgba(255,255,255,.18) 0 3px,transparent 4px)}
.mgE .cta2-box:before{border-color:rgba(242,136,59,.45);border-width:2px;box-shadow:0 0 0 70px rgba(242,136,59,.06),0 0 0 140px rgba(242,136,59,.03)}
.mgE .cta2-col{z-index:1}
section.rx3>.wrap{max-width:1280px;padding-left:24px;padding-right:32px}
@media(max-width:600px){section.rx3>.wrap{padding-left:20px;padding-right:20px}}
/* cPanel section illustration (v20261400) */
.ez2-top{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,460px);gap:48px;align-items:center;margin-bottom:34px}
.ez2-top .ez2-intro{margin:0}
.ez2-art{position:relative}
.ez2-svg{display:block;width:100%;height:auto;filter:drop-shadow(0 24px 40px rgba(22,24,29,.12))}
@media(max-width:900px){.ez2-top{grid-template-columns:minmax(0,1fr);gap:28px}.ez2-art{max-width:460px}}
/* Align package cards with section heading (v20261402) */
.hp .hp-track{padding-left:0;padding-right:0;margin-left:0;margin-right:0}
.hp .hp-card{scroll-margin-left:0}
/* Business: plan picker aligned with plans heading (v20261403) */
.bzm-range .bz-pick{max-width:none;margin:0}
.bzm-range .bz-q{text-align:left}
body.hs .bzm-range .wrap{max-width:1280px;padding-left:24px;padding-right:32px}
@media(max-width:600px){body.hs .bzm-range .wrap{padding-left:24px;padding-right:24px}}
/* Home: guarantees copied from Budget (v20261406) */
section.gtr>.wrap{max-width:1280px;padding-left:24px;padding-right:32px}
@media(max-width:600px){section.gtr>.wrap{padding-left:24px;padding-right:24px}}
body.home section.gtr{background:#fffaf6;padding-top:16px}
body.home .gtr+.cta2{padding-top:0;background:#fffaf6}
/* Home more-hosting with 6 cards: 3 per row (v20261408) */
@media(min-width:1101px){.mo-g6{grid-template-columns:repeat(3,1fr);row-gap:44px}.mo-g6 .mo-c{padding:4px 32px}.mo-g6 .mo-c:nth-child(3n+1){padding-left:0;border-left:0}.mo-g6 .mo-c:nth-child(3n){padding-right:0}}
@media(max-width:1100px) and (min-width:601px){.mo-g6 .mo-c{padding:4px 32px}.mo-g6 .mo-c:nth-child(odd){padding-left:0;border-left:0}.mo-g6 .mo-c:nth-child(even){padding-right:0;border-left:1px solid #ebe5de}}
/* Reviews page: full grid in home review design (v20261409) */
.rx3-page{padding:72px 0 84px}
.rx3-filter{display:flex;flex-wrap:wrap;gap:10px;margin:0 0 28px}
.rx3-filter button{display:inline-flex;align-items:center;gap:8px;padding:10px 18px;border-radius:999px;border:1px solid #e9e1d8;background:#fff;font:600 14.5px/1 inherit;font-family:inherit;color:#16181d;cursor:pointer;transition:background .15s,border-color .15s,color .15s}
.rx3-filter button em{font-style:normal;font-size:12.5px;font-weight:600;color:#6b7280;background:#faf7f3;border-radius:999px;padding:3px 8px}
.rx3-filter button:hover{border-color:#f2883b}
.rx3-filter button.on{background:#16181d;border-color:#16181d;color:#fff}.rx3-filter button.on em{background:#f2883b;color:#fff}
.rx3-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:24px;align-items:stretch}
.rx3-grid .rx3-c[hidden]{display:none}
@media(max-width:1100px){.rx3-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:600px){.rx3-page{padding:52px 0 60px}.rx3-grid{grid-template-columns:minmax(0,1fr);gap:14px}}
/* Reviews: 15 max + more card / show more (v20261410) */
.rx3-c-more{justify-content:center;align-items:flex-start;gap:10px;background:#16181d;border-color:#16181d;color:#fff!important;text-decoration:none;transition:background .15s}
.rx3-c-more:hover{background:#2a2d35}
.rx3-mn{font:700 44px/1 "Plus Jakarta Sans",Roboto,sans-serif;color:#f2883b;letter-spacing:-.02em}
.rx3-c-more b{font:600 20px/1.3 "Plus Jakarta Sans",Roboto,sans-serif;color:#fff}
.rx3-ml{display:inline-flex;align-items:center;gap:6px;font-size:14px;color:#c9ccd3}
.rx3-by b a{color:inherit;text-decoration:none}.rx3-by b a:hover{color:#c2560f;text-decoration:underline;text-underline-offset:3px}
.rx3-morebar{display:flex;flex-direction:column;align-items:center;gap:10px;margin-top:32px}
.rx3-load{height:52px;padding:0 30px;border-radius:12px;border:0;background:#16181d;color:#fff;font:600 15.5px/1 inherit;font-family:inherit;cursor:pointer;transition:background .15s}
.rx3-load:hover{background:#f2883b}
.rx3-count{margin:0;font-size:14px;color:#6b7280}
/* Reviews page: rating box rebuilt (v20261412) */
.bh-rev .bh-r{justify-content:flex-end}
.rvh{width:100%;max-width:460px;padding:30px;border-radius:24px;background:#fff;border:1px solid #f1ebe4;box-shadow:0 24px 50px -28px rgba(22,24,29,.22)}
.rvh-lab{font-size:12.5px;font-weight:600;letter-spacing:.08em;text-transform:uppercase;color:#c2560f}
.rvh-h{margin:8px 0 20px;font:600 24px/1.25 "Plus Jakarta Sans",Roboto,sans-serif;letter-spacing:-.01em;color:#16181d}.rvh-h span{color:#f2883b}
.rvh-row{display:grid;grid-template-columns:minmax(0,1fr) auto;grid-template-areas:"logo sc" "st n";align-items:center;row-gap:8px;column-gap:12px;padding:16px 18px;border-radius:16px;background:#faf7f3;border:1px solid #f1ebe4;margin-bottom:12px;color:#16181d!important;text-decoration:none;transition:border-color .15s}
.rvh-row:hover{border-color:#f2883b}
.rvh-logo{grid-area:logo}.rvh-logo .rx3-src{margin:0;font-size:15px}
.rvh-sc{grid-area:sc;display:flex;align-items:baseline;gap:4px;justify-self:end}.rvh-sc b{font:700 26px/1 "Plus Jakarta Sans",Roboto,sans-serif}.rvh-sc small{font-size:13px;color:#6b7280}
.rvh-st{grid-area:st;display:inline-flex;gap:3px}.rvh-st svg path{fill:#f2883b}
.rvh-n{grid-area:n;justify-self:end;font-size:12.5px;color:#6b7280}
.rvh-btns{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-top:20px}
.rvh-b1,.rvh-b2{display:flex;align-items:center;justify-content:center;height:48px;padding:0 12px;border-radius:12px;font-weight:600;font-size:14.5px;text-align:center;text-decoration:none;transition:background .15s,border-color .15s}
.rvh-b1{background:#16181d;color:#fff!important}.rvh-b1:hover{background:#2a2d35}
.rvh-b2{background:#fff;color:#16181d!important;border:1px solid #e9e1d8}.rvh-b2:hover{border-color:#f2883b}
@media(max-width:900px){.bh-rev .bh-r{justify-content:flex-start}.rvh{max-width:none}}
@media(max-width:420px){.rvh{padding:22px 18px}.rvh-btns{grid-template-columns:1fr}}
/* reviews page list head: badges already shown in the top box */
.rx3-page .rx3-ver{display:none}