:root{--bg:#000;--g1:#0c0c0c;--g2:#111;--g3:#1a1a1a;--g4:#2a2a2a;--g5:#444;--gt:#a0a0a0;--tx:#fff;--red:#D4160A;--red2:#D4160A;--line:#232323;--r:4px;--pad:max(clamp(16px,4.2vw,88px),env(safe-area-inset-left,0px));--padr:max(clamp(16px,4.2vw,88px),env(safe-area-inset-right,0px));--hh:68px;--ease:cubic-bezier(.2,.7,.2,1)}
*{box-sizing:border-box;margin:0;padding:0}
html{scroll-behavior:smooth;-webkit-text-size-adjust:100%;scroll-padding-top:90px}
body{background:var(--bg);color:var(--tx);font-family:'Inter',system-ui,sans-serif;font-weight:500;font-size:clamp(14px,.9vw + 10px,16px);line-height:1.6;-webkit-font-smoothing:antialiased;overflow-x:hidden}
body.lock{overflow:hidden}
a{color:inherit;text-decoration:none}
button,input,select,textarea{font:inherit;color:inherit}
svg{max-width:100%}img,video{max-width:100%;height:auto}
h1,h2,h3,p,a,li{overflow-wrap:break-word}
ul,ol{list-style:none}
::selection{background:var(--red);color:#fff}
.wrap{max-width:none;margin:0 auto;padding-left:var(--pad);padding-right:var(--padr);width:100%}
:focus-visible{outline:2px solid var(--red2);outline-offset:3px;border-radius:6px}
@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}*{animation-duration:.001s!important;animation-iteration-count:1!important;transition-duration:.001s!important}}
::-webkit-scrollbar{width:10px}::-webkit-scrollbar-track{background:var(--bg)}::-webkit-scrollbar-thumb{background:var(--g4);border-radius:4px}
/* progress + topbar */
#pg{position:fixed;left:0;top:0;height:3px;width:100%;background:linear-gradient(90deg,var(--red),var(--red2));transform-origin:0 50%;transform:scaleX(0);z-index:90}
.topbar{background:var(--g1);border-bottom:1px solid var(--line);font-size:.76rem;color:var(--gt)}
.tb-in{display:flex;justify-content:space-between;align-items:center;gap:16px;min-height:36px}
.tb-l,.tb-r{display:flex;align-items:center;gap:22px;min-width:0}
.tb-skip{position:absolute;left:-999px}.tb-skip:focus{position:static;color:#fff}
.tb-l a,.tb-r a{color:var(--gt);white-space:nowrap;transition:color .15s}.tb-l a:hover,.tb-r a:hover{color:#fff}
.tb-r .em{color:#fff;display:flex;align-items:center;gap:8px}.tb-r .em svg{width:14px;height:14px;color:var(--red2)}
/* header */
.hdr{position:sticky;top:0;z-index:60;background:rgba(9,9,10,.78);backdrop-filter:blur(14px) saturate(1.3);-webkit-backdrop-filter:blur(14px) saturate(1.3);border-bottom:1px solid var(--line);transition:background .2s,box-shadow .2s}
.hdr.sc{background:rgba(9,9,10,.94);box-shadow:0 10px 40px -20px #000}
.hdr-in{display:flex;align-items:center;justify-content:space-between;gap:20px;height:var(--hh)}
.brand{display:block;height:28px;flex:none}.brand svg{height:100%;width:auto;display:block}
.burger{display:none;width:44px;height:44px;background:none;border:0;position:relative;cursor:pointer}
.burger span{position:absolute;left:11px;right:11px;height:2px;background:#fff;border-radius:2px;transition:transform .25s var(--ease),top .25s var(--ease)}
.burger span:first-child{top:17px}.burger span:last-child{top:25px}
.burger[aria-expanded=true] span:first-child{top:21px;transform:rotate(45deg)}.burger[aria-expanded=true] span:last-child{top:21px;transform:rotate(-45deg)}
.nav{display:flex;align-items:center;gap:clamp(14px,1.8vw,30px)}
.nav>a:not(.btn),.dd>a{font-size:.82rem;text-transform:uppercase;letter-spacing:.05em;font-weight:600;color:var(--gt);padding:8px 0;position:relative;display:inline-flex;align-items:center;gap:6px;transition:color .15s}
.nav>a:not(.btn)::after,.dd>a::after{content:"";position:absolute;left:0;right:0;bottom:2px;height:2px;background:var(--red);transform:scaleX(0);transform-origin:0 50%;transition:transform .3s var(--ease)}
.nav>a:not(.btn):hover,.dd:hover>a,.dd:focus-within>a,.nav>a.on,.dd>a.on{color:#fff}
.nav>a:not(.btn):hover::after,.dd:hover>a::after,.nav>a.on::after,.dd>a.on::after{transform:scaleX(1)}
.chev{width:7px;height:7px;border-right:2px solid currentColor;border-bottom:2px solid currentColor;transform:rotate(45deg) translateY(-2px);transition:transform .2s}
.dd{position:relative}.dd:hover .chev,.dd:focus-within .chev{transform:rotate(225deg)}
.dd-m{position:absolute;top:calc(100% + 10px);left:-18px;min-width:240px;background:var(--g1);border:1px solid var(--g3);border-radius:4px;padding:8px;box-shadow:0 30px 60px -20px #000;opacity:0;visibility:hidden;transform:translateY(8px);transition:.2s var(--ease)}
.dd-m::before{content:"";position:absolute;left:0;right:0;top:-14px;height:14px}
.dd:hover .dd-m,.dd:focus-within .dd-m{opacity:1;visibility:visible;transform:none}
.dd-m.two{display:grid;grid-template-columns:1fr 1fr;min-width:480px}
.dd-m a{display:block;padding:9px 12px;border-radius:4px;font-size:.88rem;color:var(--tx);transition:background .15s,color .15s}
.dd-m a small{display:block;color:var(--gt);font-size:.74rem;font-weight:500}
.dd-m a:hover{background:var(--g3)}
.hdr-act{display:flex;align-items:center;gap:10px;margin-left:6px}
.kbtn{display:inline-flex;align-items:center;gap:8px;height:40px;padding:0 14px;border:1px solid var(--g4);background:var(--g2);border-radius:4px;color:var(--gt);font-size:.8rem;cursor:pointer;transition:.2s}
.kbtn:hover{border-color:var(--g5);color:#fff}.kbtn svg{width:15px;height:15px}.kbtn kbd{font:600 .68rem 'Inter';background:var(--g3);padding:2px 6px;border-radius:6px;color:var(--gt)}
/* buttons */
.btn{position:relative;overflow:hidden;display:inline-flex;align-items:center;justify-content:center;gap:10px;height:46px;padding:0 24px;border-radius:4px;border:1px solid var(--red);background:linear-gradient(180deg,var(--red2),var(--red));color:#fff;font-weight:600;font-size:.82rem;letter-spacing:.05em;text-transform:uppercase;cursor:pointer;transition:transform .25s var(--ease),box-shadow .25s,filter .2s;box-shadow:0 8px 28px -10px rgba(212,22,10,.8)}
.btn::after{content:"";position:absolute;top:0;left:-70%;width:50%;height:100%;background:linear-gradient(100deg,transparent,rgba(255,255,255,.35),transparent);transform:skewX(-20deg);transition:left .6s var(--ease)}
.btn:hover{transform:translateY(-2px);box-shadow:0 14px 34px -10px rgba(255,61,36,.9)}.btn:hover::after{left:130%}
.btn:active{transform:translateY(0)}
.btn.sm{height:40px;padding:0 18px;font-size:.76rem}
.btn.ghost{background:var(--g2);border-color:var(--g4);box-shadow:none}.btn.ghost:hover{border-color:var(--g5);box-shadow:none;background:var(--g3)}
.btn.wh{background:#fff;color:#000;border-color:#fff;box-shadow:0 10px 30px -12px rgba(0,0,0,.6)}
.btn.full{width:100%}
.link{display:inline-flex;align-items:center;gap:8px;font-size:.8rem;font-weight:600;text-transform:uppercase;letter-spacing:.05em;color:var(--gt);transition:color .15s,gap .2s}.link:hover{color:#fff;gap:12px}
.ar{display:inline-block;width:7px;height:7px;border-top:2px solid currentColor;border-right:2px solid currentColor;transform:rotate(45deg);flex:none}
/* type */
.h1{font-weight:900;text-transform:uppercase;letter-spacing:-.035em;line-height:.95;font-size:clamp(2.1rem,4.4vw,5rem);text-wrap:balance}
.h1.s{font-size:clamp(1.9rem,3.6vw,3.6rem)}
.h1 em{font-style:normal;color:var(--red2);background:linear-gradient(90deg,var(--red2),#ff7a3d);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent}
.h2{font-weight:900;text-transform:uppercase;letter-spacing:-.03em;line-height:1;font-size:clamp(1.5rem,2.6vw,2.7rem);text-wrap:balance}
.h3{font-size:.74rem;text-transform:uppercase;letter-spacing:.1em;color:var(--gt);font-weight:600;margin:30px 0 12px}
.eyebrow{display:inline-flex;align-items:center;gap:10px;font-size:.72rem;text-transform:uppercase;letter-spacing:.14em;color:var(--gt);font-weight:600;margin-bottom:16px}
.eyebrow::before{content:"";width:8px;height:8px;border-radius:50%;background:var(--red2);box-shadow:0 0 0 0 rgba(255,61,36,.7);animation:pulse 2s infinite}
@keyframes pulse{70%{box-shadow:0 0 0 10px rgba(255,61,36,0)}100%{box-shadow:0 0 0 0 rgba(255,61,36,0)}}
.lead{color:var(--gt);font-size:clamp(1rem,1.2vw,1.2rem);max-width:46rem;margin-top:16px}
.muted{color:var(--gt)}
.note{color:var(--gt);font-size:.88rem;margin-top:14px}.note.fine{font-size:.8rem}
.sh{display:flex;justify-content:space-between;align-items:end;gap:20px;flex-wrap:wrap;margin-bottom:clamp(20px,3vw,36px)}
.sec{padding:clamp(48px,7vw,104px) 0;position:relative}
.sec.tight{padding-top:clamp(24px,3vw,40px)}
.band{background:linear-gradient(180deg,var(--g1),var(--g2));border-top:1px solid var(--line);border-bottom:1px solid var(--line)}
/* reveal */
.js .rv{opacity:0;transform:translateY(26px);transition:opacity .8s var(--ease),transform .8s var(--ease);transition-delay:var(--d,0s)}
.js .rv.in{opacity:1;transform:none}
/* hero */
.hero{position:relative;overflow:hidden;min-height:calc(100vh - 104px);min-height:calc(100dvh - 104px);display:flex;flex-direction:column;justify-content:center;gap:clamp(24px,4vh,48px);padding:clamp(28px,5vh,64px) 0 clamp(24px,4vh,44px)}
.hero>*{position:relative;z-index:2}
.hero-bg{position:absolute!important;inset:0;z-index:0!important;pointer-events:none;background:radial-gradient(60% 60% at 80% 30%,rgba(212,22,10,.22),transparent 70%),radial-gradient(40% 50% at 10% 90%,rgba(212,22,10,.1),transparent 70%)}
.hero-bg::before{content:"";position:absolute;inset:0;background-image:linear-gradient(var(--g3) 1px,transparent 1px),linear-gradient(90deg,var(--g3) 1px,transparent 1px);background-size:64px 64px;opacity:.35;-webkit-mask-image:radial-gradient(70% 70% at 60% 40%,#000,transparent);mask-image:radial-gradient(70% 70% at 60% 40%,#000,transparent);animation:grid 20s linear infinite}
@keyframes grid{to{background-position:64px 64px}}
.hero-bg i{position:absolute;border-radius:50%;filter:blur(60px);background:var(--red);opacity:.28;animation:orb 14s ease-in-out infinite alternate}
.hero-bg i:nth-child(1){width:300px;height:300px;right:8%;top:8%}.hero-bg i:nth-child(2){width:200px;height:200px;left:30%;bottom:6%;animation-delay:-6s;opacity:.15}
@keyframes orb{to{transform:translate(-40px,50px) scale(1.2)}}
.hero-in{display:grid;grid-template-columns:1.05fr 1fr;gap:clamp(32px,5vw,88px);align-items:center}
.hero-p{font-size:clamp(1rem,1.25vw,1.3rem);color:var(--gt);max-width:38rem;margin:24px 0 30px}
.hero-act{display:flex;gap:14px;align-items:center;flex-wrap:wrap}
.hero-trust{display:flex;gap:10px 22px;flex-wrap:wrap;margin-top:28px;font-size:.8rem;color:var(--gt)}
.hero-trust span{display:flex;align-items:center;gap:8px}.hero-trust svg{width:15px;height:15px;color:var(--red2)}
.wl{display:inline-block;overflow:hidden;vertical-align:top}.wl>span{display:inline-block;transform:translateY(110%);animation:wup .9s var(--ease) forwards;animation-delay:calc(var(--i)*.07s + .15s)}
@keyframes wup{to{transform:none}}
.hero-v{display:flex;justify-content:center;perspective:1200px}
/* mockup */
.mk{position:relative;width:min(100%,clamp(340px,40vw,720px));padding:34px 26px;transform-style:preserve-3d;transition:transform .2s ease-out}
.mk-win{background:var(--g2);border:1px solid var(--g4);border-radius:4px;box-shadow:0 50px 90px -30px #000,0 0 0 1px rgba(255,255,255,.03) inset,0 0 80px -20px rgba(212,22,10,.5);overflow:hidden}
.mk-bar{display:flex;align-items:center;gap:7px;padding:12px 16px;background:var(--g3);border-bottom:1px solid var(--g4)}
.mk-bar i{width:10px;height:10px;border-radius:50%;background:var(--g5)}.mk-bar i:first-child{background:var(--red2)}
.mk-url{margin-left:12px;font-size:.72rem;color:var(--gt);background:var(--g1);padding:3px 14px;border-radius:4px}
.mk-body{padding:clamp(14px,2vw,26px)}
.mk-h{font-weight:900;text-transform:uppercase;letter-spacing:-.02em;font-size:clamp(.9rem,1.3vw,1.3rem);margin-bottom:14px}
.mk-plans{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}
.mk-pl{background:var(--g1);border:1px solid var(--g4);border-radius:4px;padding:clamp(10px,1.4vw,18px) 10px;text-align:center;animation:rise .8s var(--ease) both;animation-delay:calc(.5s + var(--i)*.12s)}
.mk-pl small{display:block;font-size:.62rem;text-transform:uppercase;letter-spacing:.1em;color:var(--gt);font-weight:600}
.mk-pl b{display:block;font-weight:900;font-size:clamp(1.1rem,2vw,2rem);letter-spacing:-.03em;line-height:1.2}
.mk-pl em{font-style:normal;font-size:.66rem;color:var(--gt)}
.mk-pl.hot{background:linear-gradient(180deg,var(--red2),var(--red));border-color:var(--red2);box-shadow:0 14px 34px -12px rgba(255,61,36,.8)}.mk-pl.hot small,.mk-pl.hot em{color:rgba(255,255,255,.85)}
@keyframes rise{from{opacity:0;transform:translateY(20px)}}
.mk-lines{margin-top:14px;display:grid;gap:8px}.mk-lines span{height:8px;border-radius:4px;background:linear-gradient(90deg,var(--g4) 30%,var(--g5) 50%,var(--g4) 70%);background-size:200% 100%;animation:shim 2.4s linear infinite}.mk-lines span:last-child{width:60%}
@keyframes shim{to{background-position:-200% 0}}
.mk-chip{position:absolute;display:flex;align-items:center;gap:10px;background:var(--tx);color:#0a0a0a;border-radius:4px;padding:8px 14px;font-size:.74rem;font-weight:600;box-shadow:0 18px 40px -14px #000;white-space:nowrap;animation:fl 6s ease-in-out infinite;transform:translateZ(40px)}
.mk-chip b{color:var(--red);font-weight:900}
.mk-chip.c1{top:0;right:2%}.mk-chip.c2{bottom:4px;left:0;animation-delay:-2s}.mk-chip.c3{bottom:34px;right:0;animation-delay:-4s;background:var(--red);color:#fff}.mk-chip.c3 b{color:#fff}
@keyframes fl{50%{translate:0 -10px}}
.hero-cards{display:grid;grid-template-columns:repeat(3,1fr);gap:clamp(10px,1.4vw,20px)}
.hc{display:flex;align-items:center;justify-content:space-between;gap:16px;min-height:92px}.hc>*{min-width:0}
.hc b{display:block;font-size:1rem;font-weight:600}.hc small{display:block;color:var(--gt);font-size:.84rem;margin-top:2px;font-weight:500}
/* cards */
.card,.hc,.sv,.pc,.bn,.pm{position:relative;background:linear-gradient(180deg,var(--g2),var(--g1));border:1px solid var(--line);border-radius:var(--r);padding:clamp(16px,1.8vw,26px);transition:transform .35s var(--ease),border-color .25s,box-shadow .35s;overflow:hidden;isolation:isolate}
.card::before,.hc::before,.sv::before,.pc::before,.bn::before,.pm::before{content:"";position:absolute;inset:0;z-index:-1;opacity:0;transition:opacity .3s;background:radial-gradient(420px circle at var(--mx,50%) var(--my,50%),rgba(255,61,36,.16),transparent 55%)}
a.card:hover,.hc:hover,.sv:hover,.pc:hover,.bn:hover{transform:translateY(-4px);border-color:rgba(255,61,36,.55);box-shadow:0 24px 50px -24px rgba(212,22,10,.55)}
a.card:hover::before,.hc:hover::before,.sv:hover::before,.pc:hover::before,.bn:hover::before,.pm:hover::before{opacity:1}
/* marquee */
.mq{overflow:hidden;border-top:1px solid var(--line);border-bottom:1px solid var(--line);background:var(--g1);padding:16px 0;-webkit-mask-image:linear-gradient(90deg,transparent,#000 8%,#000 92%,transparent);mask-image:linear-gradient(90deg,transparent,#000 8%,#000 92%,transparent)}
.mq-t{display:flex;gap:14px;width:max-content;animation:mq 70s linear infinite}.mq:hover .mq-t{animation-play-state:paused}
.mq-t span{display:inline-flex;align-items:center;gap:10px;padding:8px 18px;border:1px solid var(--g3);border-radius:4px;font-size:.82rem;color:var(--gt);white-space:nowrap;background:var(--g2)}
.mq-t span::before{content:"";width:6px;height:6px;background:var(--red2);border-radius:50%}
@keyframes mq{to{transform:translateX(-50%)}}
/* stats */
.stats{display:grid;grid-template-columns:repeat(4,1fr);gap:0}
.st{padding:clamp(20px,3vw,40px) clamp(14px,2vw,32px);border-left:1px solid var(--line)}.st:first-child{border-left:0;padding-left:0}
.st b{display:block;font-weight:900;font-size:clamp(2.2rem,4.6vw,4.6rem);line-height:1;letter-spacing:-.04em;background:linear-gradient(180deg,#fff,var(--gt));-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent}
.st b sup{font-size:.4em;color:var(--red2);-webkit-text-fill-color:var(--red2);vertical-align:top;margin-left:2px}
.st span{display:block;margin-top:10px;color:var(--gt);font-size:.88rem}
/* service cards */
.sgrid3{display:grid;grid-template-columns:repeat(3,1fr);gap:clamp(12px,1.4vw,20px)}
.sv{display:flex;flex-direction:column;gap:12px;min-height:200px}
.ic{width:46px;height:46px;border-radius:4px;background:rgba(212,22,10,.14);border:1px solid rgba(255,61,36,.35);display:grid;place-items:center;color:var(--red2);transition:transform .4s var(--ease),background .3s}
.ic svg{width:22px;height:22px}.sv:hover .ic,.pm:hover .ic{transform:rotate(-8deg) scale(1.08);background:var(--red);color:#fff}
.sv h3,.card h3{font-size:1.1rem;font-weight:600;line-height:1.25}
.sv p,.card p{color:var(--gt);font-size:.9rem}
.sv .ft,.card .ft{margin-top:auto;display:flex;justify-content:space-between;align-items:center;font-size:.78rem;color:var(--gt);text-transform:uppercase;letter-spacing:.06em;font-weight:600}
.sv:hover .ft{color:#fff}
/* tabs / plans */
.tabs{display:inline-flex;gap:4px;padding:5px;background:var(--g1);border:1px solid var(--line);border-radius:4px;margin-bottom:26px;max-width:100%;overflow-x:auto}
.tabs button{border:0;background:none;color:var(--gt);padding:10px 20px;border-radius:4px;font-weight:600;font-size:.8rem;text-transform:uppercase;letter-spacing:.05em;cursor:pointer;white-space:nowrap;transition:.2s}
.tabs button:hover{color:#fff}.tabs button.on{background:var(--red);color:#fff;box-shadow:0 8px 20px -8px rgba(255,61,36,.8)}
.pane{display:none}.pane.on{display:block;animation:fadeup .5s var(--ease)}
@keyframes fadeup{from{opacity:0;transform:translateY(14px)}}
.pcs{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,250px),1fr));gap:clamp(12px,1.4vw,20px)}
.pc{display:flex;flex-direction:column;gap:6px}
.pc .bd{position:absolute;top:16px;right:16px;font-size:.66rem;text-transform:uppercase;letter-spacing:.08em;background:var(--red);color:#fff;padding:3px 10px;border-radius:4px;font-weight:600}
.pc .n{font-size:.76rem;text-transform:uppercase;letter-spacing:.1em;color:var(--gt);font-weight:600;padding-right:70px}
.pc .p{font-weight:900;font-size:clamp(2rem,3vw,3rem);letter-spacing:-.04em;line-height:1.1}
.pc .b{color:var(--gt);font-size:.82rem;margin-bottom:12px}
.pc ul{display:grid;gap:8px;margin-bottom:18px}.pc li{position:relative;padding-left:22px;font-size:.88rem;color:#d6d6db}
.pc li::before,.chk li::before{content:"";position:absolute;left:0;top:.5em;width:12px;height:7px;border-left:2px solid var(--red2);border-bottom:2px solid var(--red2);transform:rotate(-45deg) translateY(-3px)}
.pc .more-l{margin-top:auto;display:flex;align-items:center;gap:8px;font-size:.78rem;font-weight:600;text-transform:uppercase;letter-spacing:.06em;color:var(--gt)}.pc:hover .more-l{color:#fff}
/* sbs / red band */
.rb{position:relative;overflow:hidden;background:linear-gradient(120deg,#8f0e06,var(--red) 45%,var(--red2));border-radius:6px;padding:clamp(28px,5vw,72px);display:grid;grid-template-columns:1.2fr 1fr;gap:clamp(24px,4vw,64px);align-items:center;box-shadow:0 40px 90px -40px rgba(212,22,10,.8)}
.rb::before{content:"";position:absolute;inset:0;background:radial-gradient(60% 80% at 100% 0,rgba(255,255,255,.2),transparent 60%),repeating-linear-gradient(135deg,rgba(255,255,255,.05) 0 2px,transparent 2px 14px)}
.rb>*{position:relative;min-width:0}
.rb .h2{font-size:clamp(1.8rem,3.4vw,3.6rem)}
.rb p{color:rgba(255,255,255,.88);margin-top:14px;max-width:34rem}
.rb-price{font-weight:900;font-size:clamp(2rem,4vw,4rem);letter-spacing:-.04em;line-height:1}.rb-price small{font-size:.35em;font-weight:600;letter-spacing:0;opacity:.85}
.rb ul{display:grid;gap:10px;margin:22px 0}.rb li{position:relative;padding-left:26px}.rb li::before{content:"";position:absolute;left:0;top:.5em;width:12px;height:7px;border-left:2px solid #fff;border-bottom:2px solid #fff;transform:rotate(-45deg) translateY(-3px)}
/* process */
.pr{display:grid;grid-template-columns:repeat(5,1fr);gap:clamp(12px,1.6vw,24px);position:relative;counter-reset:s}
.pr::before{content:"";position:absolute;left:0;right:0;top:22px;height:2px;background:var(--g3)}
.pr::after{content:"";position:absolute;left:0;top:22px;height:2px;width:100%;background:linear-gradient(90deg,var(--red),var(--red2));transform:scaleX(0);transform-origin:0 50%;transition:transform 1.6s var(--ease) .2s}
.pr.in::after{transform:scaleX(1)}
.pr li{position:relative;padding-top:64px}
.pr li em{position:absolute;top:0;left:0;width:46px;height:46px;border-radius:50%;background:var(--g1);border:2px solid var(--red);display:grid;place-items:center;font-style:normal;font-weight:900;z-index:1;transition:background .4s,transform .4s var(--ease)}
.pr li:hover em{background:var(--red);transform:scale(1.1)}
.pr li b{display:block;font-size:1.05rem;font-weight:600;margin-bottom:6px}.pr li span{color:var(--gt);font-size:.88rem}
/* promises */
.pm .ic{margin-bottom:14px}.pm h3{font-size:1.05rem;font-weight:600;margin-bottom:6px}.pm p{color:var(--gt);font-size:.9rem}
.g4{display:grid;grid-template-columns:repeat(4,1fr);gap:clamp(12px,1.4vw,20px)}
.who{display:flex;flex-wrap:wrap;gap:10px}.who span{padding:10px 18px;border:1px solid var(--g4);background:var(--g2);border-radius:4px;font-size:.88rem;transition:.25s}.who span:hover{border-color:var(--red2);transform:translateY(-2px)}
/* bundles */
.bn{display:flex;flex-direction:column;gap:6px}
.bn .n{font-size:.76rem;text-transform:uppercase;letter-spacing:.1em;color:var(--gt);font-weight:600}
.bn .p{font-weight:900;font-size:clamp(1.7rem,2.6vw,2.6rem);letter-spacing:-.04em;line-height:1.1}.bn .p small{font-size:.42em;color:var(--red2);letter-spacing:0;font-weight:600}
.bn .b{color:var(--gt);font-size:.82rem;margin-bottom:12px}
.bn ul{display:grid;gap:8px;margin-bottom:18px}.bn li{position:relative;padding-left:22px;font-size:.88rem;color:#d6d6db}.bn li::before{content:"";position:absolute;left:0;top:.5em;width:12px;height:7px;border-left:2px solid var(--red2);border-bottom:2px solid var(--red2);transform:rotate(-45deg) translateY(-3px)}
/* rows (service related) */
.rows{border-top:1px solid var(--line)}
.row{display:grid;grid-template-columns:minmax(0,1.1fr) minmax(0,1.6fr) auto 14px;gap:clamp(12px,2vw,28px);align-items:center;padding:18px 8px;border-bottom:1px solid var(--line);transition:background .2s,padding .3s var(--ease)}
.row:hover{background:var(--g1);padding-left:18px}.row:hover .ar{color:var(--red2)}
.r-n{font-weight:600}.r-s{color:var(--gt);font-size:.88rem}.r-p{text-align:right;white-space:nowrap}.r-p b{font-weight:900;font-size:1.05rem}.r-p i{font-style:normal;display:block;color:var(--gt);font-size:.74rem}
/* faq */
.faq{display:grid;gap:10px}.faq details{background:var(--g1);border:1px solid var(--line);border-radius:4px;transition:border-color .2s}.faq details[open]{border-color:var(--g4);background:var(--g2)}
.faq summary{display:flex;justify-content:space-between;align-items:center;gap:16px;padding:18px 22px;cursor:pointer;font-weight:600;list-style:none}.faq summary::-webkit-details-marker{display:none}
.faq summary i{flex:none;width:28px;height:28px;border-radius:50%;background:var(--g3);position:relative;transition:transform .3s var(--ease),background .2s}
.faq summary i::before,.faq summary i::after{content:"";position:absolute;left:8px;right:8px;top:13px;height:2px;background:#fff;border-radius:2px}.faq summary i::after{transform:rotate(90deg);transition:transform .3s}
.faq details[open] summary i{background:var(--red);transform:rotate(180deg)}.faq details[open] summary i::after{transform:rotate(0)}
.faq details p{padding:0 22px 20px;color:var(--gt);animation:fadeup .4s var(--ease)}
.faq details[hidden]{display:none}
.two{display:grid;grid-template-columns:minmax(0,.8fr) minmax(0,1.4fr);gap:clamp(28px,5vw,80px);align-items:start}
.two>*{min-width:0}
/* cta */
.cta{padding:clamp(40px,6vw,88px) 0}
.cta-box{position:relative;overflow:hidden;border-radius:6px;padding:clamp(28px,5vw,72px);background:linear-gradient(135deg,var(--g2),var(--g1));border:1px solid var(--g3);display:flex;justify-content:space-between;align-items:center;gap:28px;flex-wrap:wrap}
.cta-box::before{content:"";position:absolute;right:-120px;top:-120px;width:420px;height:420px;border-radius:50%;background:radial-gradient(circle,rgba(255,61,36,.45),transparent 65%);animation:orb 10s ease-in-out infinite alternate}
.cta-box>*{position:relative}.cta-box p{color:var(--gt);margin-top:10px;max-width:34rem}
.cta-act{display:flex;gap:12px;flex-wrap:wrap}
/* page head */
.phead{position:relative;overflow:hidden;padding:clamp(40px,6vw,88px) 0 clamp(24px,3vw,40px);border-bottom:1px solid var(--line)}
.phead::before{content:"";position:absolute;right:-8%;top:-60%;width:46vw;height:46vw;max-width:700px;max-height:700px;border-radius:50%;background:radial-gradient(circle,rgba(212,22,10,.28),transparent 65%);pointer-events:none}
.phead>*{position:relative}
.crumb{font-size:.76rem;color:var(--gt);margin-bottom:18px;text-transform:uppercase;letter-spacing:.06em}.crumb a:hover{color:#fff}
.chips{display:flex;flex-wrap:wrap;gap:8px;margin-top:24px}
.chips a,.chips button,.fchips button{padding:8px 16px;border:1px solid var(--g4);background:var(--g2);border-radius:4px;font-size:.8rem;font-weight:600;color:var(--gt);cursor:pointer;transition:.2s}
.chips a:hover,.chips button:hover,.fchips button:hover{border-color:var(--red2);color:#fff}.chips button.on,.fchips button.on{background:var(--red);border-color:var(--red);color:#fff}
.fchips{display:flex;flex-wrap:wrap;gap:8px;margin-top:14px}
/* inputs */
input,select,textarea{width:100%;background:var(--g1);border:1px solid var(--g4);border-radius:4px;padding:13px 16px;outline:0;transition:border-color .2s,box-shadow .2s}
input:focus,select:focus,textarea:focus{border-color:var(--red2);box-shadow:0 0 0 4px rgba(255,61,36,.18)}
select option{background:#111}
.srch{position:relative}.srch svg{position:absolute;left:16px;top:50%;transform:translateY(-50%);width:18px;height:18px;color:var(--gt)}.srch input{padding-left:46px}
.form{display:grid;gap:14px}.form label{display:grid;gap:6px;font-size:.78rem;text-transform:uppercase;letter-spacing:.06em;color:var(--gt);font-weight:600}.form input,.form select,.form textarea{text-transform:none;letter-spacing:0;font-size:1rem;color:var(--tx);font-weight:500}
.cdl dt{font-size:.74rem;text-transform:uppercase;letter-spacing:.1em;color:var(--gt);font-weight:600;margin-top:16px}.cdl dd{font-size:1.2rem;font-weight:600;overflow-wrap:anywhere}
.cp{margin-left:10px;border:1px solid var(--g4);background:var(--g2);color:var(--gt);border-radius:4px;font-size:.7rem;padding:4px 10px;cursor:pointer;vertical-align:middle}.cp:hover{color:#fff;border-color:var(--red2)}
/* service page */
.sgrid{display:grid;grid-template-columns:minmax(0,1fr) 340px;gap:clamp(28px,5vw,72px);align-items:start}
.sgrid>*{min-width:0}
.chk{display:grid;gap:10px}.chk li{position:relative;padding-left:24px}.chk.cols{grid-template-columns:repeat(2,minmax(0,1fr));column-gap:32px}
.chk.no li::before{border:0;width:12px;height:2px;background:var(--g5);transform:none;top:.8em}
.pbox{position:sticky;top:96px;background:linear-gradient(180deg,var(--g2),var(--g1));border:1px solid var(--g3);border-radius:var(--r);padding:26px;overflow:hidden}
.pbox::before{content:"";position:absolute;right:-60px;top:-60px;width:200px;height:200px;border-radius:50%;background:radial-gradient(circle,rgba(255,61,36,.35),transparent 65%)}
.pbox>*{position:relative}
.pb-p{font-weight:900;font-size:clamp(2.2rem,3.4vw,3.4rem);letter-spacing:-.04em;line-height:1}.pb-b{color:var(--gt);margin:6px 0 18px}
.pbox dl{border-top:1px solid var(--line);padding:14px 0 18px}.pbox dt{font-size:.7rem;text-transform:uppercase;letter-spacing:.1em;color:var(--gt);font-weight:600}.pbox dd{margin-top:4px}
.pb-e{text-align:center;margin-top:12px;color:var(--gt);font-size:.82rem;overflow-wrap:anywhere}.pb-n{color:var(--gt);font-size:.76rem;margin-top:14px}
.ptab{width:100%;border-collapse:collapse;font-size:.92rem}.ptab th{text-align:left;font-size:.7rem;text-transform:uppercase;letter-spacing:.1em;color:var(--gt);padding:12px 14px;border-bottom:1px solid var(--g3)}.ptab td{padding:14px;border-bottom:1px solid var(--line)}.ptab tbody tr{transition:background .2s}.ptab tbody tr:hover{background:var(--g1)}.ptab a:hover{color:var(--red2)}
.prose{max-width:46rem}.prose p{color:#d0d0d6;margin-bottom:10px}
.dr{display:inline-block;background:rgba(255,61,36,.15);border:1px solid rgba(255,61,36,.5);color:#ffb3a8;border-radius:4px;padding:5px 14px;font-size:.74rem;font-weight:600;letter-spacing:.06em;text-transform:uppercase;margin-top:16px}
/* services filter grid */
.fbar{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:14px;align-items:center;margin-bottom:6px}
.cgrid{display:grid;grid-template-columns:repeat(auto-fill,minmax(min(100%,300px),1fr));gap:clamp(12px,1.4vw,18px);margin-top:22px}
.card{display:flex;flex-direction:column;gap:8px;min-height:190px}.card .cat{font-size:.68rem;text-transform:uppercase;letter-spacing:.1em;color:var(--red2);font-weight:600}
.card .pr2{font-weight:900;font-size:1.35rem;letter-spacing:-.03em}.card .pr2 small{font-size:.6em;color:var(--gt);font-weight:500;letter-spacing:0}
.card[hidden]{display:none}.empty{padding:40px;text-align:center;color:var(--gt)}
/* builder */
.bld{display:grid;grid-template-columns:minmax(0,1.5fr) minmax(0,1fr);gap:clamp(20px,3vw,48px);align-items:start}
.bg details{background:var(--g1);border:1px solid var(--line);border-radius:4px;margin-bottom:10px}.bg details[open]{border-color:var(--g3)}
.bg summary{display:flex;justify-content:space-between;gap:12px;padding:16px 20px;cursor:pointer;font-weight:600;list-style:none}.bg summary::-webkit-details-marker{display:none}.bg summary small{color:var(--gt);font-weight:500}
.bi{display:grid;grid-template-columns:auto minmax(0,1fr) auto;gap:14px;align-items:center;padding:12px 20px;border-top:1px solid var(--line);cursor:pointer;transition:background .2s}.bi:hover{background:var(--g2)}
.bi input{width:20px;height:20px;accent-color:var(--red);padding:0;box-shadow:none}
.bi b{display:block;font-weight:600;font-size:.94rem}.bi small{color:var(--gt);font-size:.76rem}.bi .pp{font-weight:700;white-space:nowrap;text-align:right}.bi .pp small{display:block}
.bsum{position:sticky;top:96px;background:linear-gradient(180deg,var(--g2),var(--g1));border:1px solid var(--g3);border-radius:var(--r);padding:24px}
.bsum h3{font-size:.74rem;text-transform:uppercase;letter-spacing:.1em;color:var(--gt);font-weight:600;margin-bottom:14px}
.bs-l{display:grid;gap:8px;max-height:36vh;overflow:auto;margin-bottom:16px;font-size:.88rem}.bs-l div{display:flex;justify-content:space-between;gap:12px}.bs-l span{color:var(--gt);white-space:nowrap}.bs-e{color:var(--gt);font-size:.88rem}
.bs-t{border-top:1px solid var(--line);padding-top:16px;display:grid;gap:10px}.bs-t div{display:flex;justify-content:space-between;align-items:baseline}.bs-t b{font-weight:900;font-size:1.8rem;letter-spacing:-.03em}.bs-t span{color:var(--gt);font-size:.82rem;text-transform:uppercase;letter-spacing:.08em}
.bsum .btn{margin-top:18px}
/* palette */
.pal{position:fixed;inset:0;z-index:150;background:rgba(0,0,0,.65);backdrop-filter:blur(6px);display:none;align-items:flex-start;justify-content:center;padding:12vh 16px 16px}.pal.open{display:flex;animation:fadeup .2s}
.pal-b{width:min(640px,100%);background:var(--g1);border:1px solid var(--g4);border-radius:4px;box-shadow:0 40px 100px -20px #000;overflow:hidden}
.pal-b input{border:0;border-bottom:1px solid var(--line);border-radius:0;padding:20px 22px;font-size:1.05rem;background:transparent;box-shadow:none!important}
.pal-l{max-height:50vh;overflow:auto;padding:8px}
.pal-l a{display:flex;justify-content:space-between;gap:16px;align-items:center;padding:12px 14px;border-radius:4px}.pal-l a small{color:var(--gt)}
.pal-l a.sel,.pal-l a:hover{background:var(--g3)}.pal-l a b{font-weight:600}.pal-l .pp{color:var(--red2);font-weight:700;white-space:nowrap}
.pal-f{padding:10px 18px;border-top:1px solid var(--line);color:var(--gt);font-size:.74rem;display:flex;gap:16px}
/* footer */
.ftr{position:relative;overflow:hidden;border-top:1px solid var(--line);background:var(--g1);padding:clamp(40px,5vw,72px) 0 0}
.ftr-top{display:flex;justify-content:space-between;gap:40px;flex-wrap:wrap;padding-bottom:36px}
.ftr-logo{height:30px;margin-bottom:14px}.ftr-logo svg{height:100%;width:auto}.ftr-l p{color:var(--gt);font-size:.9rem;max-width:20rem}
.ftr-cols{display:flex;gap:clamp(28px,5vw,80px);flex-wrap:wrap}
.ftr h4{font-size:.7rem;text-transform:uppercase;letter-spacing:.1em;color:var(--gt);margin-bottom:12px;font-weight:600}
.ftr-cols a,.ftr-cols button{display:block;padding:4px 0;font-size:.9rem;color:#d0d0d6;background:none;border:0;cursor:pointer;text-align:left;transition:color .15s,transform .2s}.ftr-cols a:hover,.ftr-cols button:hover{color:var(--red2);transform:translateX(3px)}
.ftr-bot{display:flex;justify-content:space-between;gap:16px;flex-wrap:wrap;color:var(--gt);font-size:.8rem;border-top:1px solid var(--line);padding:20px 0}
.ftr-wm{font-weight:900;text-transform:uppercase;letter-spacing:-.05em;line-height:.74;font-size:clamp(5rem,22vw,26rem);text-align:center;color:transparent;-webkit-text-stroke:1px var(--g4);user-select:none;margin-top:10px;padding-bottom:.06em;background:linear-gradient(180deg,rgba(212,22,10,.25),transparent 70%);-webkit-background-clip:text;background-clip:text;white-space:nowrap}
.totop{position:fixed;right:max(18px,env(safe-area-inset-right,0px));bottom:18px;width:46px;height:46px;border-radius:50%;background:var(--red);border:0;color:#fff;cursor:pointer;display:grid;place-items:center;opacity:0;visibility:hidden;transform:translateY(12px);transition:.3s var(--ease);z-index:70;box-shadow:0 12px 30px -10px rgba(255,61,36,.8)}.totop.on{opacity:1;visibility:visible;transform:none}.totop svg{width:18px;height:18px}
/* cookie + fire */
.cc{position:fixed;left:max(18px,env(safe-area-inset-left,0px));bottom:18px;z-index:120;width:min(400px,calc(100vw - 36px));background:linear-gradient(180deg,var(--g2),var(--g1));border:1px solid var(--g4);border-radius:4px;padding:20px;box-shadow:0 30px 70px -20px #000,0 0 40px -18px rgba(255,61,36,.6);animation:ccin .7s var(--ease) .6s both;--b:0}
@keyframes ccin{from{opacity:0;transform:translateY(30px) scale(.96)}}
.cc[hidden]{display:none}
.cc-h{display:flex;align-items:center;gap:12px;margin-bottom:8px}.cc-h b{font-size:1rem}
.cc-f{width:30px;height:30px;color:var(--red2);animation:flick 1.2s ease-in-out infinite alternate;filter:drop-shadow(0 0 8px rgba(255,61,36,.8))}
@keyframes flick{to{transform:scale(1.12) rotate(-4deg);filter:drop-shadow(0 0 14px rgba(255,120,40,.95))}}
.cc p{color:var(--gt);font-size:.84rem}.cc p a{color:#fff;text-decoration:underline;text-underline-offset:3px}
.cc-a{display:flex;gap:10px;margin-top:16px}.cc-a .btn{flex:1;padding:0 10px}
.cc.burning{pointer-events:none;animation:none;filter:brightness(calc(1 - var(--b)*.6));-webkit-mask-image:linear-gradient(to top,transparent calc(var(--b)*100% - 4%),#000 calc(var(--b)*100% + 14%));mask-image:linear-gradient(to top,transparent calc(var(--b)*100% - 4%),#000 calc(var(--b)*100% + 14%));}
.fx{position:fixed;z-index:121;pointer-events:none}
.fl{position:absolute}.fl svg{width:100%;height:100%;overflow:visible;transform-origin:50% 100%;animation:wob .4s ease-in-out infinite alternate}
.fl .fo{fill:#D4160A;stroke:#4a0500;stroke-width:3;stroke-linejoin:round}.fl .fm{fill:#F2480F}.fl .fi{fill:#FFB52E}
@keyframes wob{0%{transform:scaleY(.88) skewX(-5deg)}100%{transform:scaleY(1.14) skewX(5deg)}}
.sp{position:absolute;width:7px;height:7px;background:#FFB52E;border:1.5px solid #4a0500;transform:rotate(45deg)}
/* responsive */
@media (max-width:1100px){.nav{gap:14px}.kbtn kbd{display:none}}
@media (max-width:980px){
 .hero{min-height:0}.hero-in,.two,.sgrid,.bld,.rb{grid-template-columns:1fr}.hero-cards,.sgrid3,.g4{grid-template-columns:1fr 1fr}
 .mk{width:min(100%,520px)}.pbox{position:relative;top:auto}.bsum{position:static}.pbox{order:-1}
 .pr{grid-template-columns:1fr;gap:0}.pr::before,.pr::after{left:22px;right:auto;top:0;bottom:0;width:2px;height:auto}.pr::after{transform:scaleY(0);transform-origin:50% 0;width:2px}.pr.in::after{transform:scaleY(1)}
 .pr li{padding:0 0 28px 66px}.pr li em{top:0}
 .stats{grid-template-columns:1fr 1fr}.st:nth-child(3){border-left:0;padding-left:0}.st:nth-child(n+3){border-top:1px solid var(--line)}
}
@media (max-width:860px){
 .burger{display:block}
 .hdr-act{margin-left:auto}.hdr-act .kbtn span,.hdr-act .btn{display:none}
 .nav{position:absolute;top:100%;left:0;right:0;height:calc(100vh - var(--hh));height:calc(100dvh - var(--hh));background:var(--bg);flex-direction:column;align-items:stretch;gap:0;padding:8px var(--padr) 32px var(--pad);visibility:hidden;opacity:0;overflow:auto;transform:translateY(-8px);transition:.25s var(--ease)}
 .nav.open{visibility:visible;opacity:1;transform:none}
 .nav>a:not(.btn),.dd>a{font-size:1.15rem;padding:16px 0;border-bottom:1px solid var(--line);width:100%}
 .nav>a::after,.dd>a::after{display:none}.chev{display:none}
 .dd-m,.dd-m.two{position:static;opacity:1;visibility:visible;transform:none;box-shadow:none;border:0;background:none;padding:0 0 8px 14px;min-width:0;display:block}.dd-m::before{display:none}.dd-m a{padding:10px 0;color:var(--gt)}.dd-m a small{display:none}
 .nav .btn.m{display:inline-flex;margin-top:22px}
 .row{grid-template-columns:1fr auto 14px;gap:12px}.r-s{display:none}
 .chk.cols{grid-template-columns:1fr}
 .ptab thead{display:none}.ptab,.ptab tbody,.ptab tr,.ptab td{display:block;width:100%}.ptab tr{padding:12px 0;border-bottom:1px solid var(--line)}.ptab td{border:0;padding:1px 0}
 .tb-l .tb-tag{display:none}.tb-in{justify-content:flex-end}
 .fbar{grid-template-columns:1fr}
}
@media (max-width:560px){
 .hero-cards,.sgrid3,.g4{grid-template-columns:1fr}
 .tb-r a:not(.em){display:none}.tb-in{justify-content:center}.tb-l a:not(.tb-skip){display:none}.tb-l{display:none}
 .mk-chip.c3{display:none}.mk{padding:26px 6px}.mk-chip{font-size:.68rem;padding:6px 10px}
 .cta-act{flex-wrap:nowrap}.cta-act .btn{flex:1;width:auto;padding-left:10px;padding-right:10px}
 .stats{grid-template-columns:1fr 1fr}.st{padding-left:14px}.st:nth-child(odd){padding-left:0}
}

.card p{display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}
.card .ft{margin-top:auto;display:flex;justify-content:space-between;align-items:center}
.wire{border:1px solid var(--g4);border-radius:4px;background:var(--g1);overflow:hidden;margin-bottom:6px}
.wb{display:flex;gap:5px;padding:8px 10px;background:var(--g3)}.wb s{width:7px;height:7px;border-radius:50%;background:var(--g5)}.wb s:first-child{background:var(--red2)}
.wi{padding:14px;display:grid;gap:8px;height:130px;align-content:start}
.wi i{display:block;height:10px;border-radius:6px;background:var(--g4)}.wi .w1{width:55%;background:var(--g5)}.wi .w2{width:80%}
.wg,.wg2{display:grid;gap:8px}.wg{grid-template-columns:repeat(3,1fr)}.wg2{grid-template-columns:1fr 1fr}
.wg b,.wg2 b{display:block;height:44px;border-radius:4px;background:var(--g3);border:1px solid var(--g4)}.wg b:first-child,.wg2 b:first-child{background:linear-gradient(180deg,var(--red2),var(--red));border-color:var(--red2)}
.wh2{display:grid;grid-template-columns:1fr 1fr;gap:10px;align-items:center}

.nav .btn.m{display:none}
@media (max-width:860px){.nav .btn.m{display:inline-flex}}

/* ===== v5 flat / brochure ===== */
body{font-weight:500}
.eyebrow,.card .cat,.pc .bd,.mk-chip,.hero-bg,.ftr-wm{display:none!important}
.h1 em{background:none;-webkit-text-fill-color:currentColor;color:var(--red)}
.h1,.h2{font-weight:900}
.h2{border-top:3px solid var(--red);padding-top:14px;display:inline-block;min-width:min(100%,6ch)}
.sh .h2,.two .h2{display:block;width:fit-content}
.rb .h2{border-top-color:#fff}
.btn{border-radius:4px;background:var(--red);box-shadow:none;border-color:var(--red)}
.btn::after{display:none}
.btn:hover{transform:translateY(-2px);box-shadow:none;background:#e5190c}
.btn.ghost{background:transparent;border-color:#fff}.btn.ghost:hover{background:#fff;color:#000}
.btn.wh{box-shadow:none}.btn.wh:hover{background:#000;color:#fff;border-color:#fff}
.kbtn{border-radius:4px;background:transparent}
.hdr,.hdr.sc{background:#000;backdrop-filter:none;-webkit-backdrop-filter:none;box-shadow:none}
.topbar{background:var(--red);border-bottom:0;color:#fff}.tb-l a,.tb-r a,.tb-r .em{color:#fff}.tb-r .em svg{color:#fff}.tb-l a:hover,.tb-r a:hover{opacity:.8;color:#fff}
.tb-tag{text-transform:uppercase;letter-spacing:.08em;font-weight:600;font-size:.7rem}
.dd-m{border-radius:4px;box-shadow:none;background:#000;border-color:var(--g4)}
.card,.hc,.sv,.pc,.bn,.pm,.pbox,.bsum,.cta-box,.faq details,.mk-win{background:var(--g2);box-shadow:none}
.card::before,.hc::before,.sv::before,.pc::before,.bn::before,.pm::before,.pbox::before,.cta-box::before,.phead::before{display:none}
a.card:hover,.hc:hover,.sv:hover,.pc:hover,.bn:hover{box-shadow:none;border-color:var(--red);transform:translateY(-3px)}
.hero{border-bottom:1px solid var(--line)}
.sec{border-top:1px solid var(--line)}.sec.tight,.hero+.mq+.sec{border-top:0}
.band{background:var(--g1)}
.mq{background:#000;-webkit-mask-image:none;mask-image:none;padding:14px 0}
.mq-t span{background:none;border:0;border-radius:0;padding:0 8px;text-transform:uppercase;letter-spacing:.1em;font-size:.76rem;font-weight:600;color:#fff}
.mq-t span::before{width:6px;height:6px;border-radius:0;margin-right:6px}
.st b{background:none;-webkit-text-fill-color:currentColor;color:#fff}.st b sup{color:var(--red);-webkit-text-fill-color:var(--red)}
.ic{border-radius:4px;background:var(--red);border:0;color:#fff}
.sv:hover .ic,.pm:hover .ic{background:#fff;color:var(--red);transform:none}
.mk-win{box-shadow:none;border-color:var(--g5)}
.mk-pl.hot{background:var(--red);border-color:var(--red);box-shadow:none}
.mk-lines span{background:var(--g4);animation:none}
.tabs{border-radius:4px;background:transparent;padding:0;border:0;border-bottom:1px solid var(--line);border-radius:0;gap:0}
.tabs button{border-radius:0;padding:12px 22px;border-bottom:3px solid transparent;margin-bottom:-1px}.tabs button.on{background:none;box-shadow:none;border-bottom-color:var(--red);color:#fff}
.rb{background:var(--red);border-radius:var(--r);box-shadow:none}.rb::before{display:none}.rb p{color:#fff}
.rb .btn.wh:hover{background:#000}
.pr::after{background:var(--red)}
.pr li em{border-radius:4px;border-color:var(--red);background:var(--red)}.pr li:hover em{background:#fff;color:#000;transform:none}
.who{display:grid;gap:0;border-top:1px solid var(--line)}.who span{border:0;border-bottom:1px solid var(--line);border-radius:0;background:none;padding:14px 0;font-size:1rem;font-weight:600}.who span:hover{transform:none;padding-left:10px;color:var(--red)}
.chips a,.chips button,.fchips button{border-radius:0;border:0;border-bottom:2px solid var(--g4);background:none;padding:8px 2px;margin-right:14px}
.chips a:hover,.chips button:hover,.fchips button:hover{border-color:var(--red);color:#fff}
.chips button.on,.fchips button.on{background:none;border-color:var(--red);color:#fff}
.chips,.fchips{gap:4px 8px}
.dr{background:none;border:0;border-left:3px solid var(--red);border-radius:0;color:#fff;padding:2px 0 2px 12px;font-size:.8rem}
.faq details{border-radius:4px}.faq summary i{border-radius:4px;background:var(--g3)}.faq details[open] summary i{background:var(--red)}
input,select,textarea{border-radius:4px}input:focus,select:focus,textarea:focus{box-shadow:none;border-color:var(--red)}
.pal-b{border-radius:4px}
.totop{border-radius:4px;box-shadow:none}
.ftr{background:#000}
.cc{border-radius:4px;box-shadow:none;background:#000;border:2px solid var(--red)}
.phead{border-bottom:1px solid var(--line)}
.wire{border-radius:4px}.wg b:first-child,.wg2 b:first-child{background:var(--red);border-color:var(--red)}
.row:hover{background:var(--g2)}
.cc-f{filter:none;animation:flick .5s ease-in-out infinite alternate;transform-origin:50% 100%}
@keyframes flick{0%{transform:scaleY(.92) skewX(-4deg)}100%{transform:scaleY(1.08) skewX(4deg)}}
.cc-f .fo{fill:#D4160A;stroke:#4a0500;stroke-width:3;stroke-linejoin:round}.cc-f .fm{fill:#F2480F}.cc-f .fi{fill:#FFB52E}
.cc-f{width:34px;height:40px}
/* ===== v6 corporate / airy ===== */
body{line-height:1.7}
.sec{padding:clamp(64px,9vw,136px) 0}
.sec.tight{padding-top:clamp(28px,4vw,56px);padding-bottom:clamp(56px,7vw,104px)}
.h1{font-size:clamp(2rem,3.5vw,4rem);line-height:1.02;letter-spacing:-.03em}
.h1.s{font-size:clamp(1.8rem,3vw,3rem)}
.h2{font-size:clamp(1.35rem,2.1vw,2.2rem);border-top:0;padding-top:0;line-height:1.1;letter-spacing:-.025em}
.sh{margin-bottom:clamp(28px,4vw,56px)}
.sh .h2,.two .h2{width:auto}
.lead{max-width:40rem;line-height:1.7}
.hero{padding:clamp(48px,8vh,112px) 0 clamp(40px,6vh,72px);gap:clamp(40px,7vh,88px)}
.hero-p{max-width:34rem;margin:26px 0 36px;line-height:1.7}
.hero-in{gap:clamp(40px,6vw,120px)}
.mk{width:min(100%,clamp(320px,36vw,640px))}

.hero-cards{gap:clamp(14px,1.8vw,28px)}
.card,.hc,.sv,.pc,.bn,.pm{padding:clamp(22px,2.4vw,36px)}
.sgrid3,.pcs,.g4,.cgrid{gap:clamp(16px,2vw,32px)}
.sv{min-height:0;gap:14px}.sv .ft{margin-top:12px}
.sv p,.card p,.pm p,.pr li span{line-height:1.65}
.pc ul{gap:10px}
.st{padding:clamp(8px,1vw,16px) clamp(16px,2.4vw,40px)}
.st b{font-size:clamp(2rem,3.6vw,3.6rem)}
.pr li{padding-top:68px}
.rb{padding:clamp(36px,6vw,88px)}
.cta{padding:clamp(56px,8vw,120px) 0}
.cta-box{padding:clamp(36px,5vw,72px)}
.phead{padding:clamp(56px,8vw,112px) 0 clamp(32px,4vw,56px)}
.faq{gap:14px}.faq summary{padding:22px 26px}.faq details p{padding:0 26px 24px}
.two{gap:clamp(36px,6vw,104px)}
.row{padding:22px 8px}
.ftr{padding-top:clamp(56px,7vw,96px)}
.ftr-top{padding-bottom:56px}
.topbar{font-size:.72rem}.tb-in{min-height:34px}
.hdr-in{height:76px}:root{--hh:76px}
.nav{gap:clamp(18px,2.4vw,40px)}
.chk{gap:12px}
.sbody .h3{margin-top:40px}
/* ===== v6 corporate / airy ===== */
body{line-height:1.7}
.h1{font-size:clamp(2rem,3.5vw,3.9rem);line-height:1.04;letter-spacing:-.025em;font-weight:800}
.h1.s{font-size:clamp(1.8rem,3vw,3rem)}
.h2{font-size:clamp(1.4rem,2.2vw,2.3rem);border-top:0;padding-top:0;line-height:1.1;letter-spacing:-.02em;font-weight:700;display:block;width:auto;min-width:0}
.rb .h2{border:0}
.sub{color:var(--gt);margin-top:12px;max-width:40rem;font-size:1rem}
.sec{padding:clamp(64px,9vw,128px) 0}
.sec.tight{padding-top:clamp(28px,4vw,56px);padding-bottom:clamp(56px,7vw,104px)}
.sh{margin-bottom:clamp(32px,4vw,56px)}
.lead{max-width:40rem}
.hero{padding:clamp(48px,8vh,104px) 0 clamp(40px,6vh,72px);gap:clamp(40px,7vh,84px)}
.hero-p{max-width:34rem;margin:26px 0 36px}
.hero-in{gap:clamp(40px,6vw,120px)}
.mk{width:min(100%,clamp(320px,36vw,640px))}
.hero-cards,.sgrid3,.pcs,.g4,.cgrid{gap:clamp(16px,2vw,32px)}
.card,.hc,.sv,.pm,.bn{padding:clamp(22px,2.4vw,36px)}
.sv{min-height:0;gap:14px}.sv .ft{margin-top:14px}
.st{padding:clamp(8px,1vw,16px) clamp(16px,2.4vw,40px)}.st b{font-size:clamp(2rem,3.6vw,3.6rem)}
.rb{padding:clamp(36px,6vw,88px)}
.cta{padding:clamp(56px,8vw,112px) 0}.cta-box{padding:clamp(36px,5vw,72px)}
.phead{padding:clamp(56px,8vw,104px) 0 clamp(32px,4vw,56px)}
.faq{gap:14px}.faq summary{padding:22px 26px}.faq details p{padding:0 26px 24px}
.two{gap:clamp(36px,6vw,104px)}
.row{padding:22px 8px}
.ftr{padding-top:clamp(56px,7vw,96px)}.ftr-top{padding-bottom:56px}
:root{--hh:76px}.hdr-in{height:76px}.nav{gap:clamp(18px,2.4vw,40px)}
.chk{gap:12px}.sbody .h3{margin-top:40px}
.btn{font-weight:600}
/* process cards */
.stp{display:grid;grid-template-columns:repeat(5,1fr);gap:clamp(14px,1.8vw,28px)}
.stp>div{background:var(--g2);border:1px solid var(--line);border-radius:var(--r);padding:clamp(20px,2vw,30px);display:flex;flex-direction:column;gap:10px;transition:border-color .25s,transform .35s var(--ease)}
.stp>div:hover{border-color:var(--red);transform:translateY(-3px)}
.stp small{color:var(--red);font-weight:600;text-transform:uppercase;letter-spacing:.1em;font-size:.72rem}
.stp b{font-size:1.1rem;font-weight:600;line-height:1.25}.stp span{color:var(--gt);font-size:.9rem;line-height:1.6}
/* plan cards */
.pc{display:flex;flex-direction:column;gap:12px}
.pc .n{font-size:.82rem;text-transform:uppercase;letter-spacing:.1em;color:#fff;font-weight:600;padding:0}
.pc .d{color:var(--gt);font-size:.92rem;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}
.pc .p{font-size:clamp(2rem,2.8vw,2.8rem);font-weight:800;letter-spacing:-.03em;line-height:1.1}.pc .p small{font-size:.38em;font-weight:500;color:var(--gt);letter-spacing:0}
.pc .ta{background:var(--g3);border-radius:4px;padding:9px 14px;font-size:.82rem;font-weight:600}
.pc ul{margin:4px 0 0}
.mi summary{cursor:pointer;color:var(--gt);font-size:.88rem;font-weight:600;border-bottom:1px dashed var(--g5);display:inline-block;list-style:none}.mi summary::-webkit-details-marker{display:none}.mi summary:hover{color:#fff}
.mi ul{margin-top:12px;display:grid;gap:10px}.mi li{position:relative;padding-left:22px;font-size:.88rem;color:#d6d6db}.mi li::before{content:"";position:absolute;left:0;top:.5em;width:12px;height:7px;border-left:2px solid var(--red);border-bottom:2px solid var(--red);transform:rotate(-45deg) translateY(-3px)}
.pca{display:flex;gap:10px;margin-top:auto;padding-top:14px;flex-wrap:wrap}
.pc:hover{transform:none;border-color:var(--g5)}
@media (max-width:1100px){.stp{grid-template-columns:repeat(3,1fr)}}
@media (max-width:760px){.stp{grid-template-columns:1fr}}
/* restore */
.hero-trust{display:flex;gap:10px 28px;flex-wrap:wrap;margin-top:32px;font-size:.84rem;color:var(--gt)}
.hero-trust span{display:flex;align-items:center;gap:8px}.hero-trust svg{width:15px;height:15px;color:var(--red)}
.mk-lines{display:grid}
.hero-cards{margin-top:0}
.stp{position:relative}
.stp::before{content:"";position:absolute;left:0;right:0;top:-18px;height:2px;background:var(--g3)}
.stp::after{content:"";position:absolute;left:0;top:-18px;height:2px;width:100%;background:var(--red);transform:scaleX(0);transform-origin:0 50%;transition:transform 1.6s var(--ease) .2s}
.stp.in::after{transform:scaleX(1)}
.mq{margin:0}

/* ===== v7 ===== */
/* horns */
.hn{position:relative}
.hn::before,.hn::after{content:"";position:absolute;top:-11px;width:12px;height:15px;background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 14 18'%3E%3Cpath fill='%23D4160A' d='M1 18C0 11 3 4 9 0c-2 5-1 10 4 18z'/%3E%3C/svg%3E") center/contain no-repeat;pointer-events:none;z-index:2;transition:transform .35s var(--ease)}
.hn::before{left:14%;transform:rotate(-14deg)}
.hn::after{right:14%;transform:scaleX(-1) rotate(-14deg)}
a:hover>.hn::before,.sv:hover .hn::before,.pm:hover .hn::before,.mg:hover .hn::before{transform:rotate(-24deg) translateY(-2px)}
a:hover>.hn::after,.sv:hover .hn::after,.pm:hover .hn::after,.mg:hover .hn::after{transform:scaleX(-1) rotate(-24deg) translateY(-2px)}
.ic.hn::before,.ic.hn::after{top:-9px;width:10px;height:13px}
.ic.hn::before{left:8px}.ic.hn::after{right:8px}
.hn.big::before,.hn.big::after{top:-20px;width:24px;height:30px}.hn.big::before{left:22%}.hn.big::after{right:22%}
.cc.hn::before,.cc.hn::after{top:-14px;width:16px;height:20px}
.hdr .brand{position:relative}
/* mega menu */
.dd-m{display:none!important}
.mega{position:absolute;top:calc(100% + 14px);left:-24px;width:360px;background:#000;border:1px solid var(--g4);border-radius:4px;padding:14px;opacity:0;visibility:hidden;transform:translateY(10px);transition:opacity .22s var(--ease),transform .22s var(--ease),visibility .22s}
.mega::before{content:"";position:absolute;left:0;right:0;top:-16px;height:16px}
.dd:hover .mega,.dd:focus-within .mega{opacity:1;visibility:visible;transform:none}
.mega.wide{width:min(780px,92vw);left:50%;margin-left:0;transform:translate(-50%,10px)}
.dd:hover .mega.wide,.dd:focus-within .mega.wide{transform:translate(-50%,0)}
.dd.r .mega{left:auto;right:-24px}
.mg-grid{display:grid;grid-template-columns:1fr 1fr;gap:6px}.mg-grid.one{grid-template-columns:1fr}
.mg{display:flex;gap:14px;align-items:center;padding:12px;border-radius:4px;transition:background .2s}.mg:hover{background:var(--g3)}
.mg .ic{width:42px;height:42px;flex:none}.mg b{display:block;font-size:.92rem;font-weight:600;text-transform:none;letter-spacing:0;color:#fff}.mg small{display:block;color:var(--gt);font-size:.78rem;font-weight:500;text-transform:none;letter-spacing:0;margin-top:1px}
.mg-f{display:flex;gap:6px 22px;flex-wrap:wrap;border-top:1px solid var(--line);margin-top:10px;padding:14px 12px 2px}
.mg-f a{font-size:.76rem;text-transform:uppercase;letter-spacing:.06em;font-weight:600;color:var(--gt);display:inline-flex;align-items:center;gap:8px}.mg-f a:hover{color:#fff}
/* quote button */
.hdr-act{gap:12px}
.qhd{display:inline-flex;align-items:center;gap:8px;height:40px;padding:0 16px;border:1px solid #fff;border-radius:4px;background:#fff;color:#000;font-weight:600;font-size:.76rem;text-transform:uppercase;letter-spacing:.05em;cursor:pointer;transition:.2s}
.qhd svg{width:18px;height:18px}.qhd b{display:grid;place-items:center;min-width:20px;height:20px;border-radius:6px;background:var(--g4);color:#fff;font-size:.7rem;padding:0 5px}.qhd.on b{background:var(--red)}.qhd:hover{background:var(--red);border-color:var(--red);color:#fff}
.qfab{position:fixed;right:max(18px,env(safe-area-inset-right,0px));bottom:18px;z-index:75;display:inline-flex;align-items:center;gap:10px;height:50px;padding:0 20px;border-radius:4px;border:0;background:var(--red);color:#fff;font-weight:600;font-size:.82rem;cursor:pointer;opacity:0;visibility:hidden;transform:translateY(14px);transition:.3s var(--ease)}
.qfab.on{opacity:1;visibility:visible;transform:none}.qfab svg{width:20px;height:20px}.qfab b{background:#fff;color:#000;border-radius:6px;min-width:22px;height:22px;display:grid;place-items:center;font-size:.76rem;padding:0 6px}.qfab:hover{background:#e5190c}
.totop{bottom:82px}
/* drawer */
.qd{position:fixed;inset:0;z-index:140;visibility:hidden}.qd.open{visibility:visible}
.qd-bg{position:absolute;inset:0;background:rgba(0,0,0,.7);opacity:0;transition:opacity .3s}.qd.open .qd-bg{opacity:1}
.qd-p{position:absolute;top:0;right:0;bottom:0;width:min(460px,100%);background:#0a0a0a;border-left:2px solid var(--red);transform:translateX(100%);transition:transform .4s var(--ease);display:flex;flex-direction:column;outline:0}
.qd.open .qd-p{transform:none}
.qd-h{display:flex;justify-content:space-between;align-items:center;padding:20px 24px;border-bottom:1px solid var(--line)}.qd-h h2{font-size:1.2rem;font-weight:700;text-transform:uppercase;letter-spacing:-.01em}
.qx{background:none;border:1px solid var(--g4);border-radius:4px;color:#fff;padding:8px 14px;cursor:pointer;font-size:.8rem;font-weight:600}.qx:hover{border-color:var(--red)}
.qd-b{padding:20px 24px 28px;overflow:auto;flex:1}
.qi{display:flex;justify-content:space-between;gap:16px;padding:16px 0;border-bottom:1px solid var(--line)}
.qi small{display:block;color:var(--gt);font-size:.7rem;text-transform:uppercase;letter-spacing:.08em;font-weight:600}.qi b{font-weight:600}.qi a:hover{color:var(--red)}
.qp{text-align:right;display:flex;flex-direction:column;align-items:flex-end;gap:6px}.qp b{font-weight:800;white-space:nowrap}.qp button{background:none;border:0;color:var(--gt);font-size:.76rem;cursor:pointer;text-decoration:underline}.qp button:hover{color:var(--red)}
.qq{display:flex;align-items:center;gap:8px;margin-top:8px;font-size:.78rem;color:var(--gt)}.qq input{width:68px;padding:4px 8px}
.qtot{display:grid;grid-template-columns:1fr auto;gap:8px 16px;align-items:baseline;padding:20px 0 6px}.qtot span{color:var(--gt);font-size:.78rem;text-transform:uppercase;letter-spacing:.08em}.qtot b{font-size:1.6rem;font-weight:800;letter-spacing:-.02em;text-align:right}
.qform{margin-top:18px}
.qempty,.qdone{text-align:center;padding:40px 8px}.qempty .ic{margin:0 auto 22px;width:56px;height:56px}.qempty h3,.qdone h3{font-size:1.2rem;margin-bottom:10px}.qempty p,.qdone p{color:var(--gt);margin-bottom:22px}
.tick{width:64px;height:64px;border-radius:50%;background:var(--red);display:grid;place-items:center;margin:0 auto 22px}.tick svg{width:30px;height:30px;fill:none;stroke:#fff;stroke-width:3;stroke-linecap:round;stroke-linejoin:round}
/* add to quote */
.qa{display:inline-flex;align-items:center;justify-content:center;gap:8px;height:42px;border-radius:4px;border:1px solid var(--g4);background:transparent;color:#fff;font-weight:600;font-size:.76rem;text-transform:uppercase;letter-spacing:.05em;cursor:pointer;transition:.2s;padding:0 18px}
.qa::before{content:"+";font-size:1.1rem;line-height:1}.qa:hover{border-color:var(--red)}.qa.on{background:var(--red);border-color:var(--red)}.qa.on::before{content:"✓";font-size:.9rem}
.card:not(.pad){padding:0;display:flex;flex-direction:column}
.card .cl{display:flex;flex-direction:column;gap:8px;padding:clamp(22px,2.4vw,32px);flex:1}
.card>.qa{margin:0 clamp(22px,2.4vw,32px) clamp(20px,2.2vw,28px)}
.card.pad{padding:clamp(22px,2.4vw,32px);display:flex;flex-direction:column;gap:8px}
.card:hover{border-color:var(--red);transform:translateY(-3px)}
.pca .qa{height:42px}
/* footer ft2 */
.ftr{display:none}
.ft2{position:relative;background:#000;border-top:1px solid var(--line);padding-top:clamp(56px,7vw,96px)}
.ft2-stripe{position:absolute;left:0;right:0;top:0;height:5px;background:var(--red)}
.ft2-main{display:grid;grid-template-columns:1.4fr 1fr 1fr 1.3fr;gap:clamp(28px,4vw,72px);padding-bottom:clamp(40px,5vw,72px)}
.ft2-logo{display:block;height:34px;margin-bottom:20px}.ft2-logo svg{height:100%;width:auto}
.ft2-brand p{color:var(--gt);max-width:22rem;font-size:.92rem}
.ft2-badge{display:inline-block;margin-top:22px;padding:9px 18px;border:1px solid var(--red);border-radius:4px;font-size:.8rem;font-weight:600;color:#fff}
.ft2 h4{font-size:.72rem;text-transform:uppercase;letter-spacing:.12em;color:#fff;font-weight:600;margin-bottom:18px;padding-bottom:12px;border-bottom:2px solid var(--red);display:inline-block}
.ft2-links{display:grid;gap:10px}.ft2-links a{color:var(--gt);font-size:.92rem;transition:color .15s,transform .2s}.ft2-links a:hover{color:#fff;transform:translateX(4px)}
.ft2-c{display:flex;gap:14px;align-items:center;margin-bottom:14px}
.ft2-ci{width:40px;height:40px;border-radius:4px;background:var(--red);display:grid;place-items:center;flex:none;transition:transform .3s var(--ease)}.ft2-ci svg{width:19px;height:19px;color:#fff}.ft2-c:hover .ft2-ci{transform:rotate(-8deg)}
.ft2-c small{display:block;color:var(--gt);font-size:.72rem;text-transform:uppercase;letter-spacing:.08em}.ft2-c b{display:block;font-weight:600;font-size:.92rem;overflow-wrap:anywhere}
.ft2-bar{border-top:1px solid var(--line);background:#050505}
.ft2-bar .wrap{display:flex;justify-content:space-between;align-items:center;gap:14px 28px;flex-wrap:wrap;padding-top:20px;padding-bottom:20px;color:var(--gt);font-size:.82rem}
.ft2-bar nav{display:flex;gap:8px 24px;flex-wrap:wrap;align-items:center}.ft2-bar a,.ft2-bar button{color:var(--gt);background:none;border:0;cursor:pointer;font-size:.82rem}.ft2-bar a:hover,.ft2-bar button:hover{color:#fff}
/* sliders */
.slw{position:relative}
.sl-h{display:flex;justify-content:space-between;align-items:end;gap:20px;flex-wrap:wrap;margin-bottom:clamp(28px,3.4vw,48px)}
.sl-c{display:flex;gap:10px}.sl-c button{width:46px;height:46px;border-radius:4px;border:1px solid var(--g4);background:transparent;color:#fff;cursor:pointer;display:grid;place-items:center;transition:.2s}.sl-c button:hover:not(:disabled){background:var(--red);border-color:var(--red)}.sl-c button:disabled{opacity:.3;cursor:default}
.sl-c svg{width:18px;height:18px}.slw.noscroll .sl-c{display:none}
.slider{display:flex;gap:clamp(16px,2vw,30px);overflow-x:auto;scroll-snap-type:x mandatory;scrollbar-width:none;padding:12px 2px 18px;margin:-12px -2px -18px;cursor:grab}
.slider::-webkit-scrollbar{display:none}.slider.drag{cursor:grabbing;scroll-snap-type:none}.slider.drag *{pointer-events:none}
.slider>*{flex:0 0 clamp(280px,31%,460px);scroll-snap-align:start;min-width:0}
.slider>.rv{will-change:transform}
/* slide-in reveals */
.js .sl-l{opacity:0;transform:translateX(-60px);transition:opacity .9s var(--ease),transform .9s var(--ease)}
.js .sl-r{opacity:0;transform:translateX(60px);transition:opacity .9s var(--ease),transform .9s var(--ease)}
.js .sl-l.in,.js .sl-r.in{opacity:1;transform:none}
/* tabs scroll */
.tabs{display:flex;overflow-x:auto;scrollbar-width:none;max-width:100%}.tabs::-webkit-scrollbar{display:none}.tabs button{flex:none}
.pane.on>.slw .slider>*{flex-basis:clamp(280px,31%,460px)}
.tint{font-size:.98rem;color:var(--gt);margin:0 0 26px;max-width:42rem}
/* pc featured */
.pc.feat{border-color:var(--red)}
.pc{overflow:visible}
/* compare */
.cmp{display:grid;grid-template-columns:1fr 1fr;gap:clamp(16px,2vw,32px)}
.cmp>div{border:1px solid var(--line);border-radius:var(--r);background:var(--g2);overflow:hidden}
.cmp>div.us{border-color:var(--red)}
.cmp h3{padding:20px 28px;font-size:1rem;font-weight:700;text-transform:uppercase;letter-spacing:.04em;border-bottom:1px solid var(--line)}.cmp .us h3{background:var(--red)}
.cmp dl>div{display:grid;grid-template-columns:130px 1fr;gap:16px;padding:16px 28px;border-bottom:1px solid var(--line)}.cmp dl>div:last-child{border-bottom:0}
.cmp dt{color:var(--gt);font-size:.8rem;text-transform:uppercase;letter-spacing:.08em;font-weight:600}.cmp dd{font-weight:600}
/* promises */
.pm .num{display:block;font-weight:800;font-size:2.2rem;color:var(--red);letter-spacing:-.04em;margin-bottom:10px;line-height:1}
/* different */
.dif{display:grid;grid-template-columns:1fr 1.2fr;gap:clamp(32px,5vw,96px);align-items:center}
.dif ol{display:grid;grid-template-columns:1fr 1fr;gap:clamp(14px,1.6vw,24px)}
.dif li{border:1px solid var(--line);border-radius:var(--r);background:var(--g2);padding:24px;transition:border-color .25s}.dif li:hover{border-color:var(--red)}
.dif li em{font-style:normal;color:var(--red);font-weight:800;font-size:.9rem}.dif li b{display:block;margin:8px 0 6px;font-size:1.05rem}.dif li span{color:var(--gt);font-size:.9rem}
/* service page */
.sv-btns{display:flex;gap:12px;flex-wrap:wrap;margin-top:30px}
.tiles{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:14px;margin:30px 0}
.tile{display:flex;gap:14px;align-items:center;padding:18px 20px;border:1px solid var(--line);border-radius:4px;background:var(--g2)}
.tile .ic{width:42px;height:42px;flex:none}.tile small{display:block;font-size:.68rem;text-transform:uppercase;letter-spacing:.1em;color:var(--gt);font-weight:600}.tile b{display:block;font-weight:700;font-size:.98rem}
.strip{border:1px solid var(--line);border-left:3px solid var(--red);border-radius:4px;background:var(--g2);padding:18px 22px;margin-bottom:14px}.strip small{display:block;font-size:.68rem;text-transform:uppercase;letter-spacing:.1em;color:var(--gt);font-weight:600;margin-bottom:4px}
.mini3{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin-top:26px}
.mini3>div{border:1px solid var(--line);border-radius:4px;background:var(--g2);padding:16px 18px;display:flex;gap:12px;align-items:center;font-weight:600;font-size:.92rem}
.mini3 em{font-style:normal;width:30px;height:30px;border-radius:4px;background:var(--red);display:grid;place-items:center;font-weight:800;flex:none}
.acc{border:1px solid var(--line);border-radius:var(--r);background:var(--g2);margin-bottom:16px;overflow:hidden}
.acc summary{display:flex;align-items:center;gap:14px;padding:20px 24px;cursor:pointer;list-style:none;font-weight:700;text-transform:uppercase;letter-spacing:.03em;font-size:.92rem}.acc summary::-webkit-details-marker{display:none}
.acc summary span{flex:1}.acc .cnt{font-style:normal;font-size:.72rem;border:1px solid var(--g5);border-radius:4px;padding:3px 10px;color:var(--gt);text-transform:none;letter-spacing:0;font-weight:600}
.acc summary i{width:28px;height:28px;border-radius:4px;background:var(--red);position:relative;flex:none}.acc summary i::before,.acc summary i::after{content:"";position:absolute;left:8px;right:8px;top:13px;height:2px;background:#fff}.acc summary i::after{transform:rotate(90deg);transition:transform .3s}.acc[open] summary i::after{transform:rotate(0)}
.acc>div{padding:6px 24px 26px;border-top:1px solid var(--line);padding-top:22px;animation:fadeup .4s var(--ease)}
.facts dl>div{display:flex;justify-content:space-between;gap:16px;padding:14px 0;border-bottom:1px solid var(--line)}.facts dt{color:var(--gt);font-size:.82rem}.facts dd{font-weight:600;text-align:right}
.brc{border-top:1px dashed var(--g5);margin-top:20px;padding-top:18px}.brc small{display:block;font-size:.68rem;text-transform:uppercase;letter-spacing:.1em;color:var(--gt);font-weight:600;margin-bottom:6px}.brc p{color:var(--gt);font-size:.88rem;margin-bottom:12px}
.pbox .btn+.btn,.pbox .btn+.qa{margin-top:10px}.pbox .qa{width:100%}
/* responsive slider-ify */
@media (max-width:980px){
 .ft2-main{grid-template-columns:1fr 1fr}.dif,.cmp{grid-template-columns:1fr}.dif ol{grid-template-columns:1fr 1fr}
 .mini3{grid-template-columns:1fr}
}
@media (max-width:860px){
 .mega,.mega.wide,.dd.r .mega{position:static;opacity:1;visibility:visible;transform:none;width:auto;background:none;border:0;padding:0 0 10px 6px;margin:0}
 .dd:hover .mega.wide,.dd:focus-within .mega.wide{transform:none}
 .mg-grid,.mg-grid.one{grid-template-columns:1fr}.mg{padding:8px 0}.mg small{display:none}.mg .ic{width:34px;height:34px}.mg-f{display:none}.mega::before{display:none}
 .hdr-act .btn{display:none}.qhd .ql{display:none}
}
@media (max-width:760px){
 .sgrid3,.g4,.stp,.pcs,.dif ol{display:flex;overflow-x:auto;scroll-snap-type:x mandatory;scrollbar-width:none;gap:14px;padding-bottom:6px}
 .sgrid3::-webkit-scrollbar,.g4::-webkit-scrollbar,.stp::-webkit-scrollbar,.pcs::-webkit-scrollbar{display:none}
 .sgrid3>*,.g4>*,.stp>*,.pcs>*,.dif ol>*{flex:0 0 82%;scroll-snap-align:start;min-width:0}
 .slider>*{flex-basis:84%}
 .ft2-main{grid-template-columns:1fr}.cmp dl>div{grid-template-columns:1fr;gap:4px}
}
@media (max-width:560px){.qfab span{display:none}.qfab{padding:0 14px}}

.pc.hn::before,.bn.hn::before{display:block!important;inset:auto;left:18%;top:-17px;width:20px;height:25px;z-index:2;opacity:1;background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 14 18'%3E%3Cpath fill='%23D4160A' d='M1 18C0 11 3 4 9 0c-2 5-1 10 4 18z'/%3E%3C/svg%3E") center/contain no-repeat;transform:rotate(-14deg)}
.pc.hn::after,.bn.hn::after{top:-17px;width:20px;height:25px;right:18%}
.pc.feat,.bn.feat{overflow:visible}
.wrap.hdr-in{position:relative}
.dd.w{position:static}
.mega.wide{left:var(--pad);margin:0;width:min(780px,calc(100vw - 2*var(--pad)));transform:translateY(10px)}
.dd:hover .mega.wide,.dd:focus-within .mega.wide{transform:none}
html,body{overflow-x:clip}main,section,.sec,footer{overflow-x:clip}
.card .ft{flex-wrap:wrap;gap:6px 14px}
/* ---- v8: template library, template pages, category extras ---- */
.slc{display:flex}.slc>*{flex:1;min-width:0}
.tm{--b:#111;--a:#D4160A;--x:#eee;background:var(--b);color:var(--x);border-radius:4px;overflow:hidden;border:1px solid rgba(128,128,128,.28);aspect-ratio:16/10;display:flex;flex-direction:column;padding:0;font-size:10px;position:relative}
.tm-nav{display:flex;align-items:center;gap:8px;padding:7px 10px;border-bottom:1px solid color-mix(in srgb,var(--x) 14%,transparent)}
.tm-nav b{font-size:9px;font-weight:800;letter-spacing:.03em;margin-right:auto;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:46%}
.tm-nav span{width:16px;height:3px;border-radius:3px;background:color-mix(in srgb,var(--x) 40%,transparent)}
.tm-nav i{width:22px;height:9px;border-radius:5px;background:var(--a)}
.tm-hero{flex:1;display:grid;grid-template-columns:1.1fr 1fr;gap:10px;padding:12px 10px;align-items:center;min-height:0}
.tm-hero.c{grid-template-columns:1fr;justify-items:center;text-align:center}.tm-hero.c .tm-t{align-items:center}
.tm-hero.r{grid-template-columns:1fr 1.1fr}
.tm-t{display:flex;flex-direction:column;gap:5px}
.tm-t u{display:block;height:8px;width:90%;border-radius:4px;background:var(--x)}.tm-t u.s{height:4px;width:70%;opacity:.45}.tm-t u.s2{height:4px;width:55%;opacity:.45}
.tm-t em{display:block;width:34px;height:10px;border-radius:5px;background:var(--a);margin-top:4px}
.tm-img{height:100%;min-height:42px;border-radius:7px;background:linear-gradient(135deg,var(--a),color-mix(in srgb,var(--a) 35%,var(--b)));opacity:.9}
.tm-row{display:grid;grid-template-columns:repeat(3,1fr);gap:6px;padding:0 10px 10px}
.tm-row s{display:block;height:14px;border-radius:5px;background:color-mix(in srgb,var(--x) 14%,transparent)}
.tm.big{font-size:14px;aspect-ratio:16/10}.tm.big .tm-nav{padding:10px 14px}.tm.big .tm-nav b{font-size:12px}.tm.big .tm-hero{padding:22px 16px;gap:16px}.tm.big .tm-t u{height:14px}.tm.big .tm-t u.s,.tm.big .tm-t u.s2{height:7px}.tm.big .tm-t em{width:56px;height:16px}.tm.big .tm-row{gap:10px;padding:0 16px 16px}.tm.big .tm-row s{height:28px}
.tll{display:grid;grid-template-columns:260px minmax(0,1fr);gap:28px;align-items:start;margin-top:18px}
.tll-side{position:sticky;top:90px;background:var(--g1);border:1px solid var(--g3);border-radius:var(--r);padding:20px}
.tll-cats{display:flex;flex-direction:column;gap:4px}
.tll-cats button{display:flex;justify-content:space-between;gap:10px;align-items:center;text-align:left;font:inherit;font-size:.86rem;font-weight:600;color:var(--tx);background:none;border:0;border-radius:4px;padding:8px 10px;cursor:pointer}
.tll-cats button em{font-style:normal;font-size:.72rem;color:var(--gt)}
.tll-cats button:hover{background:var(--g2)}.tll-cats button.on{background:var(--red);color:#fff}.tll-cats button.on em{color:#fff}
.tll-det{margin-top:18px;border-top:1px solid var(--g3);padding-top:14px}.tll-det summary{cursor:pointer;font-weight:800;text-transform:uppercase;letter-spacing:.05em;font-size:.82rem}
.tll-feats,.tll-style{display:flex;flex-wrap:wrap;gap:6px;margin-top:10px}
.tll-feats button,.tll-style button{font:inherit;font-size:.78rem;font-weight:600;color:var(--tx);background:var(--g2);border:1px solid var(--g3);border-radius:4px;padding:6px 12px;cursor:pointer}
.tll-feats button.on,.tll-style button.on{background:var(--red);border-color:var(--red);color:#fff}
.tll-clear{margin-top:18px;background:none;border:0;color:var(--gt);font:inherit;font-size:.82rem;text-decoration:underline;cursor:pointer;padding:0}
.tll-help{margin-top:20px;border:1px dashed var(--g4);border-radius:4px;padding:14px;display:flex;flex-direction:column;gap:8px;font-size:.84rem;color:var(--gt)}.tll-help b{color:var(--tx)}
.tll-count{font-size:.86rem;color:var(--gt);margin:0 0 14px}
.tll-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(min(100%,280px),1fr));gap:20px}
.tlc{background:var(--g1);border:1px solid var(--g3);border-radius:var(--r);overflow:hidden;display:flex;flex-direction:column;transition:transform .25s,border-color .25s}
.tlc:hover{transform:translateY(-4px);border-color:var(--red)}
.tlc[hidden]{display:none}
.tlc-pv{display:block;padding:12px 12px 0}.tlc-pv .tm{transition:transform .35s}.tlc:hover .tm{transform:scale(1.02)}
.tlc-b{padding:16px 18px 18px;display:flex;flex-direction:column;gap:10px;flex:1}
.tlc-top{display:flex;flex-direction:column;gap:6px}.tlc-top h3{margin:0;font-size:1.05rem;text-transform:uppercase;letter-spacing:.02em}.tlc-top h3 a{color:var(--tx)}
.tlc-cat{align-self:flex-start;font-size:.68rem;font-weight:800;letter-spacing:.08em;text-transform:uppercase;color:var(--red);border:1px solid var(--red);border-radius:4px;padding:3px 10px}
.tlc-b p{margin:0;font-size:.88rem;color:var(--gt)}
.tlc-tags{display:flex;flex-wrap:wrap;gap:6px}.tlc-tags span{font-size:.72rem;font-weight:600;color:var(--tx);border:1px solid var(--g4);border-radius:4px;padding:3px 10px}
.tlc-meta{display:flex;align-items:center;gap:8px;font-size:.78rem;color:var(--gt);margin-top:auto}.tlc-meta i{display:none}
.pdots{display:inline-flex}.pdots u{width:14px;height:14px;border-radius:50%;border:2px solid var(--g1);margin-right:-4px}
.tlc-act{display:flex;gap:8px;flex-wrap:wrap}
.sortb{display:flex;align-items:center;gap:10px;font-size:.84rem;color:var(--gt);font-weight:600}
.sortb select{font:inherit;background:var(--g1);color:var(--tx);border:1px solid var(--g3);border-radius:4px;padding:11px 14px}
.tview{display:grid;grid-template-columns:minmax(0,1.5fr) minmax(0,1fr);gap:34px;align-items:center}
.tv-m{position:relative;padding-bottom:30px}
.tv-ph{position:absolute;right:-6px;bottom:0;width:26%;aspect-ratio:9/17;background:var(--g2);border:3px solid var(--g4);border-radius:4px;padding:10px 8px;display:flex;flex-direction:column;gap:7px;box-shadow:0 18px 40px rgba(0,0,0,.5)}
.tv-ph .tm-nav{padding:0;height:8px;border:0;background:var(--g4);border-radius:4px}.tv-b{flex:1;border-radius:7px;background:var(--red);opacity:.9}.tv-b.s{flex:.5;background:var(--g4)}
.pgl{list-style:none;padding:0;margin:0;display:grid;grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:8px}
.pgl li{display:flex;align-items:center;gap:10px;background:var(--g1);border:1px solid var(--g3);border-radius:4px;padding:10px 12px;font-size:.86rem;font-weight:600}
.pgl .ic{width:26px;height:26px;flex:none}.pgl .ic svg{width:14px;height:14px}
.chg{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,220px),1fr));gap:14px}
.chg div{background:var(--g1);border:1px solid var(--g3);border-radius:4px;padding:16px 18px;display:flex;flex-direction:column;gap:4px}.chg b{font-size:.9rem;text-transform:uppercase;letter-spacing:.04em}.chg span{font-size:.86rem;color:var(--gt)}
.note-box{margin-top:26px;border:1px dashed var(--g4);border-radius:4px;padding:16px 20px;font-size:.92rem;color:var(--gt)}.note-box b{color:var(--tx)}
.how3{list-style:none;padding:0;margin:0;display:grid;gap:14px;counter-reset:h}
.how3 li{counter-increment:h;display:flex;flex-direction:column;gap:2px;padding:16px 18px 16px 62px;position:relative;background:var(--g1);border:1px solid var(--g3);border-radius:4px}
.how3 li::before{content:counter(h);position:absolute;left:16px;top:16px;width:32px;height:32px;border-radius:50%;background:var(--red);color:#fff;display:grid;place-items:center;font-weight:800}
.how3 b{text-transform:uppercase;letter-spacing:.03em}.how3 span{color:var(--gt);font-size:.9rem}
.wh{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,260px),1fr));gap:16px}
.wh .card{height:100%}
.dl-rows{display:grid;gap:12px}
.dl-row{display:flex;gap:14px;align-items:center;justify-content:space-between;flex-wrap:wrap;background:var(--g1);border:1px solid var(--g3);border-radius:4px;padding:14px 18px}
.dl-row b{display:block;font-size:.92rem;text-transform:uppercase;letter-spacing:.03em}.dl-row small{color:var(--gt);font-size:.82rem;font-weight:500}
.dl-row .a{display:flex;gap:8px;flex-wrap:wrap}
.cmpt{overflow-x:auto}.cmpt table{min-width:560px}
.reach{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,240px),1fr));gap:16px}
.reach>div{background:var(--g1);border:1px solid var(--g3);border-radius:4px;padding:20px;display:flex;flex-direction:column;gap:6px}.reach b{text-transform:uppercase;letter-spacing:.04em;font-size:.9rem}.reach span,.reach a{color:var(--gt);font-size:.9rem}.reach a{color:var(--tx);font-weight:600}
@media(max-width:980px){.tll{grid-template-columns:1fr}.tll-side{position:static}.tll-cats{flex-direction:row;flex-wrap:wrap}.tll-cats button{border:1px solid var(--g3)}.tview{grid-template-columns:1fr}}
/* ---- v8: page open / leave animation (subtle) ---- */
.topbar,.hdr{animation:pgDown .6s cubic-bezier(.2,.7,.2,1) both}
.hdr{animation-delay:.05s}
main>section:first-child .wrap>*,main>.hero .hero-t>*,main>.hero .hero-v,main>.hero .hero-cards{animation:pgUp .75s cubic-bezier(.2,.7,.2,1) both}
main>section:first-child .wrap>*:nth-child(2),main>.hero .hero-t>*:nth-child(2){animation-delay:.08s}
main>section:first-child .wrap>*:nth-child(3),main>.hero .hero-t>*:nth-child(3),main>.hero .hero-v{animation-delay:.16s}
main>section:first-child .wrap>*:nth-child(4),main>.hero .hero-t>*:nth-child(4),main>.hero .hero-cards{animation-delay:.24s}
main>section:first-child .wrap>*:nth-child(n+5){animation-delay:.3s}
@keyframes pgDown{from{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:none}}
@keyframes pgUp{from{opacity:0;transform:translateY(22px)}to{opacity:1;transform:none}}
body::before{content:"";position:fixed;left:0;top:0;height:3px;width:100%;background:var(--red);z-index:99999;pointer-events:none;transform-origin:left;animation:pgBar .9s cubic-bezier(.65,0,.35,1) forwards}
@keyframes pgBar{0%{transform:scaleX(0);opacity:1}70%{transform:scaleX(1);opacity:1}100%{transform:scaleX(1);opacity:0}}
main{transition:opacity .2s ease,transform .2s ease}
html.pg-leave main{opacity:0;transform:translateY(-8px)}
@media (prefers-reduced-motion:reduce){body::before{display:none}.topbar,.hdr,main>section:first-child .wrap>*,main>.hero .hero-t>*,main>.hero .hero-v,main>.hero .hero-cards{animation:none}main{transition:none}}
/* ---- v8: light theme ---- */
.thm{width:40px;height:40px;border-radius:4px;border:1px solid var(--g4);background:transparent;color:var(--tx);cursor:pointer;display:inline-grid;place-items:center;transition:border-color .2s,background .2s}.thm:hover{border-color:var(--red)}
.thm svg{width:18px;height:18px;grid-area:1/1;transition:transform .4s var(--ease),opacity .3s}
.thm svg:last-child{opacity:0;transform:rotate(-90deg) scale(.5)}
html[data-theme=light] .thm svg:first-child{opacity:0;transform:rotate(90deg) scale(.5)}html[data-theme=light] .thm svg:last-child{opacity:1;transform:none}
html[data-theme=light]{color-scheme:light;--bg:#fff;--g1:#f6f6f6;--g2:#efefef;--g3:#e2e2e2;--g4:#c9c9c9;--g5:#8c8c8c;--gt:#575757;--tx:#0a0a0a;--line:#e2e2e2}
html[data-theme=dark]{color-scheme:dark}
html[data-theme=light] :is(.rb,.topbar){--bg:#000;--g1:#0c0c0c;--g2:#111;--g3:#1a1a1a;--g4:#2a2a2a;--g5:#444;--gt:#a0a0a0;--tx:#fff;--line:#232323}
html[data-theme=light] body{background:var(--bg);color:var(--tx)}
html[data-theme=light] .hdr,html[data-theme=light] .hdr.sc{background:#fff;box-shadow:0 1px 0 var(--line)}
html[data-theme=light] .dd-m,html[data-theme=light] .mega{background:#fff;border-color:var(--g4);box-shadow:0 24px 50px -24px rgba(0,0,0,.3)}
html[data-theme=light] .mq{background:var(--g1)}html[data-theme=light] .mq-t span,html[data-theme=light] .st b{color:var(--tx)}
html[data-theme=light] .burger span{background:var(--tx)}
html[data-theme=light] .nav>a:not(.btn):hover,html[data-theme=light] .dd:hover>a,html[data-theme=light] .dd:focus-within>a,html[data-theme=light] .nav>a.on,html[data-theme=light] .dd>a.on,html[data-theme=light] .link:hover,html[data-theme=light] .crumb a:hover,html[data-theme=light] .tabs button:hover,html[data-theme=light] .tabs button.on,html[data-theme=light] .pc:hover .more-l,html[data-theme=light] .sv:hover .ft,html[data-theme=light] .mi summary:hover,html[data-theme=light] .mg-f a:hover,html[data-theme=light] .cp:hover,html[data-theme=light] .kbtn:hover,html[data-theme=light] .chips a:hover,html[data-theme=light] .chips button:hover,html[data-theme=light] .fchips button:hover,html[data-theme=light] .chips button.on,html[data-theme=light] .fchips button.on,html[data-theme=light] .dr,html[data-theme=light] .pc .n,html[data-theme=light] .mg b{color:var(--tx)}
html[data-theme=light] .chips button.on,html[data-theme=light] .fchips button.on{border-color:var(--red)}
html[data-theme=light] .pc li,html[data-theme=light] .bn li,html[data-theme=light] .mi li,html[data-theme=light] .prose p,html[data-theme=light] .ftr-cols a{color:#3a3a3a}
html[data-theme=light] .qa,html[data-theme=light] .qx,html[data-theme=light] .sl-c button{color:var(--tx)}
html[data-theme=light] .qa.on,html[data-theme=light] .sl-c button:hover:not(:disabled){color:#fff}
html[data-theme=light] .qa:hover{color:var(--tx)}
html[data-theme=light] .btn.ghost{border-color:var(--tx);color:var(--tx)}html[data-theme=light] .btn.ghost:hover{background:var(--tx);color:var(--bg)}
html[data-theme=light] .qhd{background:var(--tx);border-color:var(--tx);color:var(--bg)}html[data-theme=light] .qhd b{background:#444;color:#fff}html[data-theme=light] .qhd.on b{background:var(--red)}
html[data-theme=light] .mk-chip{color:#fff}html[data-theme=light] .mk-chip.c3{color:#fff}
html[data-theme=light] .faq summary i::before,html[data-theme=light] .faq summary i::after{background:var(--tx)}
html[data-theme=light] select option{background:#fff;color:#000}
html[data-theme=light] .qd-p{background:var(--bg)}
html[data-theme=light] .ic svg{color:#fff}
html[data-theme=light] .st b sup{color:var(--red)}
html[data-theme=light] .btn.wh{background:#fff;color:#000}
html[data-theme=light] .tlc-pv .tm,html[data-theme=light] .tv-m .tm{box-shadow:0 10px 30px -14px rgba(0,0,0,.35)}
@media(max-width:860px){.hdr-act .thm{display:inline-grid!important}}
html[data-theme=light] .hdr .brand svg [fill="#F4F0E8"]{fill:#0a0a0a}
/* ---- v8b: cleaner icon tiles, no horns on icons ---- */
.ic.hn::before,.ic.hn::after,.ft2-ci.hn::before,.ft2-ci.hn::after{display:none!important}
.ic,html[data-theme=light] .ic{background:var(--g2);border:1.5px solid var(--g4);color:var(--red);border-radius:4px;transition:background .25s,border-color .25s,color .25s}
.ic svg,html[data-theme=light] .ic svg{color:var(--red);stroke-width:1.8}
.sv:hover .ic,.pm:hover .ic,.mg:hover .ic,.tile:hover .ic{background:var(--red);border-color:var(--red);color:#fff;transform:none}
.sv:hover .ic svg,.pm:hover .ic svg,.mg:hover .ic svg,.tile:hover .ic svg{color:#fff}
html[data-theme=light] .ic{background:#fff}
.pgl .ic{background:var(--red);border-color:var(--red)}.pgl .ic svg{color:#fff}
html[data-theme=light] :is(.ft2,.cc,.rb) .ic{background:var(--g2)}
.cmk{margin:-4px -4px 16px}.cmk .tm{box-shadow:0 10px 28px -16px rgba(0,0,0,.5)}
.card.pad:hover .cmk .tm{transform:scale(1.02)}.cmk .tm{transition:transform .35s}
.cmk-big{max-width:880px;margin:0 auto}
/* ---- v8c: icon beside title, never above ---- */
.sv,.pm:has(.ic){display:grid;grid-template-columns:auto minmax(0,1fr);column-gap:16px;row-gap:12px;align-items:center;align-content:start}
.sv>.ic,.pm>.ic{grid-column:1;grid-row:1;margin:0}
.sv>h3,.pm>h3{grid-column:2;grid-row:1;margin:0}
.sv>p,.pm>p,.sv>.ft{grid-column:1/-1}
.sv>.ft{margin-top:auto}
/* ---- v8d: full-width dropdowns ---- */
.wrap.hdr-in{position:static}.dd.f{position:static}
.mega.full{position:absolute;left:0;right:0;top:100%;width:auto;margin:0;border-radius:0;border:0;border-top:1px solid var(--line);border-bottom:2px solid var(--red);padding:34px 0 38px;background:#000;transform:translateY(8px);box-shadow:0 40px 60px -30px rgba(0,0,0,.6)}
.mega.full::before{top:-44px;height:44px}
.dd.f:hover .mega.full,.dd.f:focus-within .mega.full{transform:none}
.mf{display:grid;grid-template-columns:1.1fr 1fr 1fr 1fr 1.25fr;gap:clamp(20px,3vw,48px);align-items:start}
.mf-k{display:block;font-size:.7rem;font-weight:700;letter-spacing:.14em;text-transform:uppercase;color:var(--red);margin-bottom:12px}
.mf-i p{color:var(--gt);font-size:.95rem;line-height:1.6;margin:0 0 18px;text-transform:none;letter-spacing:0;font-weight:500}
.mf-c h4{font-size:.7rem;letter-spacing:.14em;text-transform:uppercase;color:var(--gt);font-weight:700;margin:0 0 12px;padding-bottom:12px;border-bottom:1px solid var(--g3)}
.mf-c .mg{padding:10px 0}
.mf-f2{display:flex;flex-direction:column;gap:8px;background:var(--red);color:#fff;border-radius:4px;padding:24px;text-transform:none;letter-spacing:0}
.mf-f2 .mf-k{color:rgba(255,255,255,.8);margin:0}.mf-f2 b{font-size:1.25rem;font-weight:800;text-transform:uppercase;line-height:1.15}.mf-f2>span:not(.mf-k):not(.mf-b){font-size:.9rem;font-weight:500;color:#fff;opacity:.92}
.mf-f2 .mf-b{margin-top:8px;display:inline-flex;align-items:center;gap:8px;font-size:.78rem;font-weight:700;text-transform:uppercase;letter-spacing:.06em}
.mf-f2:hover .ar{transform:translateX(4px)}
html[data-theme=light] .mega.full{background:#fff;border-top-color:var(--line)}
html[data-theme=light] .mf-f2{background:var(--red);color:#fff}
@media(max-width:1180px){.mf{grid-template-columns:1fr 1fr 1fr}.mf-i{grid-column:1/-1}.mf-f2{display:none}}
@media(max-width:860px){.mega.full{position:static;padding:0 0 10px 6px;border:0;background:none;box-shadow:none;transform:none;opacity:1;visibility:visible}.mega.full::before{display:none}.mf{display:block}.mf-i,.mf-f2,.mf-c h4{display:none}}
.fqp{display:grid;grid-template-columns:320px minmax(0,1fr);gap:clamp(24px,3vw,56px);align-items:start}
.fq-side{position:sticky;top:96px;display:flex;flex-direction:column;gap:18px}
.fchips.vert{display:flex;flex-direction:column;gap:2px;margin:0}
.fchips.vert button{text-align:left;border:0;border-radius:4px;background:none;padding:10px 14px;font-size:.88rem;font-weight:600;color:var(--gt);border-left:3px solid transparent;border-radius:0 8px 8px 0}
.fchips.vert button:hover{color:var(--tx);background:var(--g1)}
.fchips.vert button.on{background:var(--red);color:#fff;border-left-color:var(--red);border-radius:4px}
html[data-theme=light] .fchips.vert button.on{color:#fff}
.fq-help{border:1px solid var(--red);border-radius:4px;padding:18px;display:flex;flex-direction:column;gap:8px;align-items:flex-start}.fq-help span{color:var(--gt);font-size:.9rem}
@media(max-width:980px){.fqp{grid-template-columns:1fr}.fq-side{position:static}.fchips.vert{flex-direction:row;flex-wrap:wrap;gap:6px}.fchips.vert button{border:1px solid var(--g3);border-radius:4px}}
/* ---- v8e: plan card fixes + bridge ---- */
.mega.full::before{top:-20px;height:20px}
.pcs:has(details.mi[open]){align-items:start}
.mi{margin:4px 0 6px}
.mi summary{display:flex;align-items:center;justify-content:space-between;gap:10px;border:1px solid var(--g4);border-bottom:1px solid var(--g4);border-radius:4px;padding:11px 14px;color:var(--tx);font-size:.82rem;letter-spacing:.03em;width:100%;box-sizing:border-box}
.mi summary::after{content:"+";font-size:1.2rem;line-height:1;color:var(--red)}
.mi[open] summary::after{content:"\2212"}
.mi summary:hover{border-color:var(--red)}
.mi ul{padding:14px 2px 4px}
/* ---- v8f: buttons side by side in price boxes ---- */
.pbox{display:flex;flex-wrap:wrap;gap:10px;align-items:stretch}
.pbox>*{flex:1 1 100%;min-width:0;margin:0!important}
.pbox>.btn,.pbox>.qa{flex:1 1 calc(50% - 5px);min-width:132px;width:auto!important;padding-left:14px;padding-right:14px;font-size:.72rem;text-align:center}
.pbox>.pb-p{margin-top:2px!important}.pbox>.pb-b{margin-bottom:6px!important}
.pbox>.brc{margin-top:8px!important}
.pbox>.btn,.pbox>.qa{white-space:nowrap;min-width:0;flex:1 1 calc(50% - 5px)}
.pbox .qa::before{margin-right:2px}

/* policies */
.pol{display:grid;grid-template-columns:minmax(0,15rem) minmax(0,1fr);gap:clamp(24px,4vw,64px);align-items:start}
.pol-toc{position:sticky;top:calc(var(--hh) + 20px);font-size:.86rem}
.pol-toc b{display:block;margin-bottom:10px;color:var(--gt);font-weight:600;font-size:.76rem;text-transform:uppercase;letter-spacing:.08em}
.pol-toc ol{list-style:none;margin:0;padding:0;display:grid;gap:2px}
.pol-toc a{display:flex;gap:10px;padding:5px 0;color:var(--gt);text-decoration:none}
.pol-toc a:hover{color:var(--tx)}.pol-toc .tn{color:var(--red);font-weight:700;min-width:1.4em}
.pol-body{min-width:0;max-width:48rem}
.pol-meta{display:flex;justify-content:space-between;gap:12px;flex-wrap:wrap;font-size:.84rem;color:var(--gt);margin-bottom:18px}
.pol-meta a{color:var(--tx)}
.pol-sum{border-left:3px solid var(--red);background:var(--g1);padding:16px 20px;border-radius:0 var(--r) var(--r) 0;margin-bottom:34px}
.pol-sum p{margin:6px 0 0;color:var(--gt)}.pol-sum .pol-sn{font-size:.82rem}
.pol-c{margin-bottom:30px;scroll-margin-top:calc(var(--hh) + 16px)}
.pol-c .h2{font-size:1.25rem;display:flex;gap:12px;align-items:baseline;margin-bottom:12px}
.pol-c .n{color:var(--red)}
.pol-i{display:grid;grid-template-columns:3rem minmax(0,1fr);gap:10px;margin-bottom:10px}
.pol-i .pn{color:var(--g5);font-size:.84rem;padding-top:2px}
.pol-i p,.pol-i li{color:var(--gt);line-height:1.65}.pol-i p{margin:0 0 8px}
.pol-i ul,.pol-i ol{margin:6px 0 8px;padding-left:1.2rem;display:grid;gap:5px}
.pol-i a,.pol-c a{color:var(--tx);text-decoration:underline;text-underline-offset:3px}
.pol-i dl,.pol-i dt{color:var(--tx)}
@media(max-width:860px){.pol{grid-template-columns:minmax(0,1fr)}.pol-toc{position:static}.pol-toc ol{grid-template-columns:1fr 1fr;column-gap:16px}.pol-i{grid-template-columns:2.4rem minmax(0,1fr)}}
@media(max-width:480px){.pol-toc ol{grid-template-columns:1fr}}

html[data-theme=light] .mk-win{--tx:#fff;--gt:#a0a0a0;--line:#232323;--g1:#0c0c0c;--g2:#111;--g3:#1a1a1a;--g4:#2a2a2a;--g5:#444;color:#fff}
.dr{border-left:0!important;padding:0!important;color:var(--red)!important;background:none!important;font-weight:700}

/* ===== v2 redesign: hero cards, cards, plan cards, faq, how it works, menus, plan pages ===== */
/* hero cards */
.hero-cards .hc{display:grid;grid-template-columns:48px minmax(0,1fr) auto;align-items:center;gap:16px;min-height:0;padding:20px 22px;background:var(--g1);border:1px solid var(--line);border-radius:4px;transition:border-color .2s,transform .25s var(--ease),background .2s}
.hero-cards .hc:hover{border-color:var(--red);transform:translateY(-3px);background:var(--g2)}
.hero-cards .hc .ic{width:48px;height:48px}
.hero-cards .hc:hover .ic{background:var(--red);border-color:var(--red);color:#fff}.hero-cards .hc:hover .ic svg{color:#fff}
.hc-t b{display:block;font-size:1.02rem;font-weight:700}.hc-t small{display:block;color:var(--gt);font-size:.82rem;line-height:1.5;margin-top:3px;font-weight:500;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
.hc-p{display:flex;flex-direction:column;align-items:flex-end;gap:8px;font-size:.78rem;font-weight:700;color:var(--tx);white-space:nowrap}
.hc-p .ar{width:30px;height:30px;border-radius:50%;border:1px solid var(--line);display:grid;place-items:center}
.hero-cards .hc:hover .hc-p .ar{background:var(--red);border-color:var(--red)}
/* service and add-on cards */
html body .card{padding:0;gap:0;background:var(--g1);border:1px solid var(--line);border-radius:4px;overflow:hidden;min-height:0;transition:border-color .2s,transform .25s var(--ease)}
html body .card:hover{border-color:var(--red);transform:translateY(-3px)}
html body .card .cl{display:flex;flex-direction:column;gap:10px;flex:1;padding:clamp(20px,2vw,28px) clamp(20px,2vw,28px) 18px}
html body .card .cat{color:var(--red2);font-size:.7rem;font-weight:700;letter-spacing:.1em;text-transform:uppercase}
html body .card h3{font-size:1.12rem;font-weight:700;line-height:1.25}
html body .card p{color:var(--gt);font-size:.9rem;line-height:1.6;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}
html body .card .ft{margin-top:auto;padding-top:16px;border-top:1px solid var(--line);display:flex;justify-content:space-between;align-items:center;gap:12px}
html body .card .pr2{font-size:1.4rem;font-weight:900;letter-spacing:-.03em}.card .pr2 small{font-size:.58em;color:var(--gt);font-weight:500;letter-spacing:0;margin-left:4px}
.card .go{display:inline-flex;align-items:center;gap:8px;font-size:.74rem;font-weight:700;text-transform:uppercase;letter-spacing:.07em;color:var(--gt)}
.card:hover .go{color:var(--tx)}.card:hover .go .ar{transform:translateX(3px)}
html body .card>.qa{margin:0;width:100%;height:46px;border:0;border-top:1px solid var(--line);border-radius:0;background:var(--g2);color:var(--tx)}
html body .card>.qa:hover{background:var(--red);color:#fff}
html body .card>.qa.on{background:var(--red);color:#fff}
/* plan cards */
html body .pc{padding:0;gap:0;background:var(--g1);border:1px solid var(--line);border-radius:4px;overflow:hidden;transition:border-color .2s,transform .25s var(--ease)}
html body .pc:hover{border-color:var(--red);transform:translateY(-3px)}
.pc-h{padding:clamp(22px,2.2vw,30px);border-bottom:1px solid var(--line);background:var(--g2);display:flex;flex-direction:column;gap:10px}
html body .pc .n{padding:0;font-size:.74rem;text-transform:uppercase;letter-spacing:.12em;color:var(--red2);font-weight:700}
html body .pc .p{font-size:clamp(2rem,3vw,2.8rem);font-weight:900;letter-spacing:-.04em;line-height:1}.pc .p small{font-size:.34em;color:var(--gt);font-weight:600;letter-spacing:0;margin-left:6px;text-transform:none}
.pc .ta{display:inline-flex;align-self:flex-start;font-size:.76rem;font-weight:600;color:var(--tx);border:1px solid var(--line);border-radius:4px;padding:4px 12px;background:var(--g1)}
.pc-h .d{color:var(--gt);font-size:.9rem;line-height:1.55;margin:0}
html body .pc>ul{padding:22px clamp(22px,2.2vw,30px) 8px;margin:0;gap:11px}
html body .pc li{color:var(--tx);font-size:.9rem;line-height:1.5}
html body .pc .mi{margin:6px clamp(22px,2.2vw,30px) 0}.pc .mi summary{cursor:pointer;font-size:.8rem;font-weight:700;color:var(--gt);padding:8px 0}
html body .pc .pca{margin-top:auto;padding:18px clamp(22px,2.2vw,30px) clamp(22px,2.2vw,30px);display:flex;gap:10px;flex-wrap:nowrap}
.pc .pca>*{flex:1;min-width:0;padding-left:10px;padding-right:10px;white-space:nowrap}
.pc.feat{border-color:var(--red);box-shadow:0 0 0 1px var(--red)}
.pc.feat .pc-h{background:var(--red);border-bottom-color:rgba(255,255,255,.25)}
.pc.feat .pc-h .n,.pc.feat .pc-h .p,.pc.feat .pc-h .p small,.pc.feat .pc-h .d{color:#fff}.pc.feat .pc-h .d{opacity:.92}
.pc.feat .ta{background:rgba(0,0,0,.25);border-color:rgba(255,255,255,.35);color:#fff}
/* faq */
html body .faq{gap:12px;counter-reset:q}
html body .faq details{counter-increment:q;border-radius:4px;background:var(--g1);border:1px solid var(--line);overflow:hidden;transition:border-color .2s,background .2s}
html body .faq details[open]{border-color:var(--red);background:var(--g2)}
html body .faq summary{justify-content:flex-start;gap:18px;padding:20px 24px;font-size:1.02rem;line-height:1.4}
html body .faq summary::before{content:counter(q,decimal-leading-zero);color:var(--red2);font-size:.78rem;font-weight:800;letter-spacing:.04em;min-width:1.9em;flex:none}
html body .faq summary span{flex:1}
html body .faq summary i{width:32px;height:32px;border-radius:50%;background:none;border:1px solid var(--line);transform:none}
html body .faq summary i::before,html body .faq summary i::after{left:9px;right:9px;top:14px;background:var(--tx)}
html body .faq details[open] summary i{background:var(--red);border-color:var(--red);transform:none}html body .faq details[open] summary i::before,html body .faq details[open] summary i::after{background:#fff}
html body .faq details[open] summary i::after{transform:rotate(0)}
html body .faq details p{padding:0 24px 22px calc(24px + 1.9em + 18px);line-height:1.7;max-width:62ch}
.fchips.vert button{border-left:0!important;border-radius:4px!important;padding:11px 14px!important;display:flex;justify-content:space-between}
.fchips.vert button.on{background:var(--red)!important;color:#fff!important}
.fq-help{background:var(--g1);border:1px solid var(--line);border-radius:4px;padding:18px}
/* how it works steps */
.stp{position:relative;grid-template-columns:repeat(5,minmax(0,1fr))}
.stp::before,.stp::after{display:none}
html body .stp>div{padding:clamp(22px,2.2vw,30px);background:var(--g1);border:1px solid var(--line);border-radius:4px;gap:10px;position:relative;overflow:hidden}
html body .stp>div:hover{border-color:var(--red);transform:translateY(-3px)}
.stp>div::after{content:"";position:absolute;left:0;top:0;right:0;height:3px;background:var(--red);transform:scaleX(0);transform-origin:0 50%;transition:transform .35s var(--ease)}.stp>div:hover::after{transform:scaleX(1)}
.stp .sn{font-style:normal;font-size:2.6rem;font-weight:900;letter-spacing:-.05em;line-height:1;color:var(--red2);margin-bottom:8px}
.stp small{display:none}
html body .stp b{font-size:1.08rem;font-weight:700}
/* menus */
.mega.full{background:var(--bg);padding:30px 0 34px}
.mf-c .mg{padding:11px 12px;margin:0 -12px;border-radius:4px;border:1px solid transparent}
.mf-c .mg:hover{background:var(--g2);border-color:var(--line)}
.mg .ic{width:44px;height:44px;border-radius:4px}
.mg:hover .ic{background:var(--red);border-color:var(--red);color:#fff}.mg:hover .ic svg{color:#fff}
.mg b{color:var(--tx)}
.mf-i{padding-right:clamp(8px,2vw,28px)}
.mf-i .mf-k{font-size:1.5rem;letter-spacing:-.02em;text-transform:uppercase;font-weight:900;color:var(--tx);margin-bottom:10px}
.mf-c h4{border-bottom:0;padding-bottom:6px;margin-bottom:6px}
.mf-c+.mf-c{border-left:1px solid var(--line);padding-left:clamp(16px,2vw,32px)}
.mf-f2{border-radius:4px;padding:26px;gap:10px;min-height:100%;background:var(--red)}
.mf-f2 b{font-size:1.4rem}
html[data-theme=light] .mega.full{background:#fff}
/* plan pages */
.sv-hw{display:grid;grid-template-columns:minmax(0,1fr) minmax(300px,400px);gap:clamp(28px,5vw,88px);align-items:center}
.sv-hl .lead{max-width:60ch}
.sv-btns{display:flex;gap:12px;flex-wrap:nowrap;margin-top:24px}.sv-btns>*{flex:0 1 auto}
.pbox.v2{position:static;padding:clamp(22px,2.4vw,32px);background:var(--g1);border:1px solid var(--line);border-radius:4px}
.pbox.v2 .pb-t{font-size:.74rem;text-transform:uppercase;letter-spacing:.12em;color:var(--red2);font-weight:700;margin-bottom:10px}
.pbox.v2 .pb-p{font-size:clamp(2.4rem,3.6vw,3.4rem);font-weight:900;letter-spacing:-.05em;line-height:1}
.pbox.v2 .pb-b{color:var(--gt);margin-top:6px;font-size:.9rem}
.pb-rs{display:grid;gap:14px;border-top:1px solid var(--line);margin-top:20px;padding-top:20px}
.pb-r{display:flex;gap:14px;align-items:center}.pb-r .ic{width:40px;height:40px;flex:none}
.pb-r small{display:block;color:var(--gt);font-size:.7rem;text-transform:uppercase;letter-spacing:.1em;font-weight:600}.pb-r b{display:block;font-weight:600;font-size:.94rem;margin-top:1px}
.pb-l{display:flex;align-items:center;gap:12px;margin-top:18px;padding:12px 14px;border:1px solid var(--line);border-radius:4px;font-weight:600;font-size:.88rem}.pb-l svg{width:20px;height:20px;color:var(--red2);flex:none}.pb-l:hover{border-color:var(--red)}
.pbox.v2 .pb-e{margin-top:18px;font-size:.84rem;color:var(--gt)}
.sv-main{display:grid;gap:20px}
.sx{background:var(--g1);border:1px solid var(--line);border-radius:4px;padding:clamp(22px,2.6vw,36px);min-width:0}
.sx-h{display:flex;justify-content:space-between;align-items:center;gap:12px;margin-bottom:20px;padding-bottom:16px;border-bottom:1px solid var(--line)}
.sx-h h2{font-size:1.1rem;font-weight:800;text-transform:uppercase;letter-spacing:-.005em}
.cnt{font-style:normal;font-size:.74rem;font-weight:600;color:var(--gt);border:1px solid var(--line);padding:4px 12px;border-radius:4px;white-space:nowrap}
.sx2{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:20px}
.sx .chk{gap:12px}.sx .chk li{line-height:1.55}
.sx .how3 li{background:var(--g2);border:1px solid var(--line)}
.sx.no .sx-h h2{color:var(--gt)}
.sx .ptab{width:100%}
@media(max-width:1100px){.stp{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media(max-width:860px){.sv-hw{grid-template-columns:minmax(0,1fr)}.sx2{grid-template-columns:minmax(0,1fr)}.hero-cards .hc{grid-template-columns:44px minmax(0,1fr) auto}.stp{grid-template-columns:minmax(0,1fr)}}
@media(max-width:560px){.hero-cards .hc{grid-template-columns:44px minmax(0,1fr);padding:16px}.hero-cards .hc .hc-p{display:none}.sv-btns .btn,.sv-btns .qa{padding-left:14px;padding-right:14px}.faq summary{padding:16px 16px!important;gap:12px!important}.faq details p{padding:0 16px 18px 16px!important}.faq summary::before{display:none}}
.hc-p{flex-direction:row;align-items:center;gap:12px}
.hc-p .ar,.hero-cards .hc:hover .hc-p .ar{width:7px;height:7px;border:0;border-top:2px solid currentColor;border-right:2px solid currentColor;border-radius:0;background:none;display:inline-block}
.hero-cards .hc:hover .hc-p .ar{color:var(--red2)}
.mf{grid-template-columns:.85fr 1.1fr 1.1fr 1.1fr 1.1fr;gap:clamp(16px,2vw,32px)}
.mf-c+.mf-c{padding-left:clamp(14px,1.6vw,24px)}
.mf-c .mg small{white-space:nowrap}
.mf-c .mg b{line-height:1.3}
/* how it works timeline */
.tl{list-style:none;margin:0;padding:0;display:grid;gap:16px;position:relative;counter-reset:t}
.tl li{display:grid;grid-template-columns:clamp(70px,9vw,120px) minmax(0,1fr);gap:clamp(16px,3vw,40px);align-items:center;background:var(--g1);border:1px solid var(--line);border-radius:4px;padding:clamp(20px,2.4vw,32px) clamp(20px,2.6vw,40px);position:relative;overflow:hidden;transition:border-color .2s,transform .25s var(--ease)}
.tl li:hover{border-color:var(--red);transform:translateX(4px)}
.tl li::before{content:"";position:absolute;left:0;top:0;bottom:0;width:4px;background:var(--red);transform:scaleY(0);transform-origin:50% 0;transition:transform .35s var(--ease)}.tl li:hover::before{transform:scaleY(1)}
.tl-n{font-size:clamp(2.6rem,5vw,4.4rem);font-weight:900;letter-spacing:-.06em;line-height:1;color:var(--red2)}
.tl-c b{display:block;font-size:clamp(1.15rem,1.8vw,1.5rem);font-weight:800;text-transform:uppercase;letter-spacing:-.01em}
.tl-c p{margin:6px 0 0;color:var(--gt);max-width:60ch;line-height:1.6}
@media(max-width:560px){.tl li{grid-template-columns:56px minmax(0,1fr);gap:14px}}
.pc .pca .qa,.pc .pca .btn{font-size:.7rem;letter-spacing:.03em;gap:6px}
@media(max-width:860px){.sv-hl{order:-1}}
/* add-on cards: 5 per row, 2 rows shown */
.aogrid{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:clamp(10px,1.2vw,16px);margin-top:22px}
.aogrid>.ao:nth-child(n+11){display:none}.aogrid.open>.ao:nth-child(n+11){display:flex}
.ao{display:flex;flex-direction:column;background:var(--g1);border:1px solid var(--line);border-radius:4px;overflow:hidden;transition:border-color .2s,transform .25s var(--ease)}
.ao:hover{border-color:var(--red);transform:translateY(-3px)}
.ao-l{display:flex;flex-direction:column;gap:8px;flex:1;padding:18px 18px 14px}
.ao-l b{font-size:.98rem;font-weight:700;line-height:1.25;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;min-height:2.5em}
.ao-l p{margin:0;color:var(--gt);font-size:.8rem;line-height:1.55;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}
.ao-f{display:flex;align-items:center;justify-content:space-between;gap:8px;padding:12px 12px 12px 18px;border-top:1px solid var(--line);background:var(--g2)}
.ao-p{font-size:1.2rem;font-weight:900;letter-spacing:-.03em;line-height:1.1;min-width:0}
.ao-p small{display:block;font-size:.62rem;font-weight:600;letter-spacing:.06em;text-transform:uppercase;color:var(--gt);margin-top:2px;white-space:nowrap}
.ao-f .qa{height:36px;padding:0 12px;font-size:.7rem;flex:none}
.ao-f .qa:hover{background:var(--red);border-color:var(--red);color:#fff}
.ao-more{display:flex;justify-content:center;margin-top:18px}
@media(max-width:1180px){.aogrid{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media(max-width:700px){.aogrid{grid-template-columns:repeat(2,minmax(0,1fr))}.ao-l{padding:14px 14px 12px}.ao-f{padding:10px 10px 10px 14px}.ao-p{font-size:1.05rem}}
@media(max-width:380px){.ao-f .qa{padding:0 9px}}
.ao-f .qa{width:38px;height:38px;padding:0;border-radius:4px}.ao-f .qa .ql{display:none}.ao-f .qa::before{font-size:1.3rem}
.ao-f .qa.on::before{font-size:1rem}

/* ===== v3 layouts ===== */
/* hero strip */
.hero-cards.strip3{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:0;border:1px solid var(--line);border-radius:4px;overflow:hidden;background:var(--g1)}
.strip3 .hc,.hero-cards.strip3 .hc{display:grid;grid-template-columns:auto minmax(0,1fr);grid-template-areas:"ic p" "t t";align-items:center;row-gap:22px;padding:clamp(22px,2.4vw,34px);min-height:0;border:0;border-radius:0;border-right:1px solid var(--line);background:none;transform:none;transition:background .25s,color .25s}
.strip3 .hc:last-child{border-right:0}
.strip3 .hc .ic{grid-area:ic;width:52px;height:52px}.strip3 .hc-p{grid-area:p;justify-content:flex-end;font-size:.95rem}.strip3 .hc-t{grid-area:t}
.strip3 .hc-t b{font-size:1.25rem;font-weight:800;text-transform:uppercase;letter-spacing:-.01em}.strip3 .hc-t small{font-size:.88rem;-webkit-line-clamp:3}
.hero-cards.strip3 .hc:hover{background:var(--red);transform:none;border-color:var(--red);color:#fff}
.strip3 .hc:hover .hc-t b,.strip3 .hc:hover .hc-p,.strip3 .hc:hover .hc-t small{color:#fff}
.strip3 .hc:hover .ic{background:#fff;border-color:#fff;color:var(--red)}.strip3 .hc:hover .ic svg{color:var(--red)}
.strip3 .hc:hover .hc-p .ar{color:#fff}
@media(max-width:860px){.hero-cards.strip3{grid-template-columns:minmax(0,1fr)}.strip3 .hc{border-right:0;border-bottom:1px solid var(--line);grid-template-areas:"ic t p";grid-template-columns:auto minmax(0,1fr) auto;row-gap:0;column-gap:16px;padding:18px}.strip3 .hc:last-child{border-bottom:0}.strip3 .hc .ic{width:44px;height:44px}.strip3 .hc-t b{font-size:1.02rem}.strip3 .hc-p{font-size:.78rem}}
@media(max-width:560px){.strip3 .hc-p{display:none}.strip3 .hc{grid-template-columns:auto minmax(0,1fr)}}
/* horizontal cards */
.cgrid{grid-template-columns:repeat(auto-fill,minmax(min(100%,440px),1fr))}
html body .card{display:grid;grid-template-columns:minmax(0,1fr) 172px;grid-template-rows:1fr;padding:0;min-height:0}
html body .card .cl{padding:clamp(20px,2vw,28px);gap:8px}
.cside{display:flex;flex-direction:column;justify-content:space-between;gap:14px;padding:20px;border-left:1px solid var(--line);background:var(--g2)}
.cside .pr2{font-size:1.5rem;font-weight:900;letter-spacing:-.03em;line-height:1.05}.cside .pr2 small{display:block;margin:4px 0 0;font-size:.6rem;font-weight:600;letter-spacing:.07em;text-transform:uppercase;color:var(--gt)}
html body .card .cside .qa{width:100%;height:40px;border:1px solid var(--line);border-radius:4px;background:var(--g1);padding:0 8px;font-size:.68rem}
html body .card .cside .qa:hover{background:var(--red);border-color:var(--red);color:#fff}
html body .card .cside .qa.on{background:var(--red);border-color:var(--red);color:#fff}
.slider .card,.pane .card{grid-template-columns:minmax(0,1fr);grid-template-rows:1fr auto}
.slider .card .cside,.pane .card .cside{flex-direction:row;align-items:center;border-left:0;border-top:1px solid var(--line)}
.slider .card .cside .qa,.pane .card .cside .qa{width:auto;flex:none;padding:0 12px}
@media(max-width:560px){html body .card{grid-template-columns:minmax(0,1fr);grid-template-rows:1fr auto}.card .cside{flex-direction:row;align-items:center;border-left:0;border-top:1px solid var(--line)}html body .card .cside .qa{width:auto;flex:none;padding:0 12px}}
/* plan tabs */
.plt-tabs{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:10px;margin-bottom:14px}
.plt-tabs button{text-align:left;padding:16px 20px;border:1px solid var(--line);border-radius:4px;background:var(--g1);color:var(--tx);cursor:pointer;transition:.2s;display:flex;flex-direction:column;gap:3px}
.plt-tabs button b{font-size:.98rem;font-weight:800}.plt-tabs button small{color:var(--gt);font-size:.8rem;font-weight:600}
.plt-tabs button:hover{border-color:var(--red)}
.plt-tabs button.on{background:var(--red);border-color:var(--red);color:#fff}.plt-tabs button.on small{color:rgba(255,255,255,.85)}
.plt-body{border:1px solid var(--line);border-radius:4px;overflow:hidden;background:var(--g1)}
html.js .plp{display:none}html.js .plp.on{display:grid}.plp{grid-template-columns:minmax(0,1fr) 320px}
.plp-m{padding:clamp(24px,3vw,44px)}
.plp-m h3{font-size:clamp(1.4rem,2.2vw,2rem);font-weight:900;text-transform:uppercase;letter-spacing:-.02em}
.plp-d{color:var(--gt);margin:8px 0 22px;max-width:60ch}
.plp-h{font-size:.74rem;text-transform:uppercase;letter-spacing:.12em;color:var(--red2);font-weight:700;margin-bottom:12px;padding-top:18px;border-top:1px solid var(--line)}
.plp-s{background:var(--g2);border-left:1px solid var(--line);padding:clamp(24px,3vw,40px);display:flex;flex-direction:column;gap:6px}
.plp-p{font-size:clamp(2.4rem,4vw,3.4rem);font-weight:900;letter-spacing:-.05em;line-height:1}.plp-b{color:var(--gt);font-size:.9rem}
.plp-t{margin-top:16px;padding-top:16px;border-top:1px solid var(--line)}.plp-t small{display:block;color:var(--gt);font-size:.7rem;text-transform:uppercase;letter-spacing:.1em;font-weight:600}.plp-t b{font-weight:600}
.plp-a{display:flex;gap:10px;margin-top:auto;padding-top:22px}.plp-a>*{flex:1;min-width:0;padding-left:10px;padding-right:10px;white-space:nowrap}
@media(max-width:860px){.plp{grid-template-columns:minmax(0,1fr)}html.js .plp.on{display:flex;flex-direction:column}.plp-s{border-left:0;border-top:1px solid var(--line)}.plt-tabs{grid-template-columns:repeat(2,minmax(0,1fr))}}
/* plan rows (home) */
.plrs{display:grid;gap:0;border:1px solid var(--line);border-radius:4px;overflow:hidden;background:var(--g1)}
.plr{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.5fr) 150px auto;gap:clamp(16px,2vw,32px);align-items:center;padding:clamp(18px,2vw,26px) clamp(20px,2.4vw,32px);border-bottom:1px solid var(--line);transition:background .2s}
.plr:last-child{border-bottom:0}.plr:hover{background:var(--g2)}
.plr.feat{background:var(--g2);box-shadow:inset 4px 0 0 var(--red)}
.plr-n b{display:block;font-size:1.05rem;font-weight:800}.plr-n small{color:var(--gt);font-size:.8rem}
.plr-f{display:grid;gap:5px}.plr-f li{position:relative;padding-left:20px;font-size:.84rem;color:var(--gt);line-height:1.4}.plr-f li::before{content:"";position:absolute;left:0;top:.45em;width:11px;height:6px;border-left:2px solid var(--red2);border-bottom:2px solid var(--red2);transform:rotate(-45deg)}
.plr-p{font-size:1.7rem;font-weight:900;letter-spacing:-.04em;line-height:1}.plr-p small{display:block;font-size:.62rem;font-weight:600;letter-spacing:.07em;text-transform:uppercase;color:var(--gt);margin-top:4px}
.plr-a{display:flex;gap:8px}.plr-a>*{white-space:nowrap}
@media(max-width:980px){.plr{grid-template-columns:minmax(0,1fr) auto}.plr-f{grid-column:1/-1;order:3}.plr-a{grid-column:1/-1;order:4}.plr-a>*{flex:1}}
/* faq master detail */
.fchips{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:6px}
.fchips button{border:1px solid var(--line);background:var(--g1);color:var(--tx);border-radius:4px;padding:9px 16px;font-size:.84rem;font-weight:600;cursor:pointer;transition:.2s}
.fchips button:hover{border-color:var(--red)}.fchips button.on{background:var(--red);border-color:var(--red);color:#fff}
.fqm{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.05fr);gap:clamp(24px,4vw,64px);align-items:start;margin-top:24px}
.fqm-l{list-style:none;margin:0;padding:0;border-top:1px solid var(--line)}
.fqm-l li[hidden]{display:none}
.fqm-q{display:flex;align-items:center;justify-content:space-between;gap:16px;width:100%;text-align:left;background:none;border:0;border-bottom:1px solid var(--line);color:var(--tx);padding:18px 6px;font:600 1rem/1.4 inherit;font-family:inherit;cursor:pointer;transition:padding .2s,color .2s}
.fqm-q:hover{padding-left:14px}.fqm-q.on{color:var(--red2);padding-left:14px}.fqm-q .ar{flex:none;color:var(--gt)}.fqm-q.on .ar{color:var(--red2)}
.fqm-r{position:sticky;top:calc(var(--hh) + 24px);display:grid;gap:16px}
.fqm-p{background:var(--g1);border:1px solid var(--line);border-radius:4px;padding:clamp(26px,3vw,44px);min-height:260px}
.fqm-p small,.fqm-a small{display:block;color:var(--red2);font-size:.74rem;font-weight:700;text-transform:uppercase;letter-spacing:.12em;margin-bottom:12px}
.fqm-p h3,.fqm-a h3{font-size:clamp(1.3rem,2vw,1.8rem);font-weight:800;line-height:1.25;margin:0 0 16px}
.fqm-p p,.fqm-a p{color:var(--gt);line-height:1.75;margin:0;max-width:58ch}
.fqm-a{display:none}
@media(max-width:860px){.fqm{grid-template-columns:minmax(0,1fr)}.fqm-r{display:none}.fqm-a:not([hidden]){display:block;padding:0 6px 20px}.fqm-a small,.fqm-a h3{display:none}.fqm-q{font-size:.96rem}}
/* services mega: two pane */
@media(min-width:861px){.mf-old{display:none}}
@media(max-width:860px){.mx{display:none}}
.mx{display:grid;grid-template-columns:minmax(300px,.8fr) minmax(0,1.7fr);border:1px solid var(--line);border-radius:4px;overflow:hidden;background:var(--g1)}
.mx-l{display:flex;flex-direction:column;border-right:1px solid var(--line);background:var(--g2);padding:10px}
.mx-t{display:grid;grid-template-columns:44px minmax(0,1fr) auto;gap:14px;align-items:center;padding:10px 12px;border-radius:4px;transition:background .15s}
.mx-t b{display:block;font-size:.95rem;font-weight:700;color:var(--tx)}.mx-t small{display:block;font-size:.76rem;color:var(--gt);font-weight:500;margin-top:1px}
.mx-t .ar{color:var(--g5)}
.mx-t.on,.mx-t:hover{background:var(--g1)}.mx-t.on .ic{background:var(--red);border-color:var(--red);color:#fff}.mx-t.on .ic svg{color:#fff}.mx-t.on .ar{color:var(--red2)}
.mx-pr{margin-top:auto}
.mx-r{padding:clamp(22px,2.4vw,34px);display:flex;flex-direction:column;gap:18px;min-width:0}
.mx-p{display:none}.mx-p.on{display:block}
.mx-ph h4{font-size:1.5rem;font-weight:900;text-transform:uppercase;letter-spacing:-.02em;margin:0}.mx-ph p{color:var(--gt);margin:6px 0 0;font-size:.9rem}
.mx-g{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));column-gap:36px;margin:18px 0 14px}
.mx-i{display:flex;justify-content:space-between;gap:14px;align-items:baseline;padding:10px 0;border-bottom:1px solid var(--line);font-size:.9rem;font-weight:600;transition:padding .15s,color .15s}
.mx-i em{font-style:normal;color:var(--gt);font-weight:600;font-size:.82rem;white-space:nowrap}.mx-i:hover{padding-left:6px;color:var(--red2)}
.mx-est{margin-top:auto;display:flex;align-items:center;justify-content:space-between;background:var(--red);color:#fff;border-radius:4px;padding:16px 22px}
.mx-est small{display:block;font-size:.68rem;letter-spacing:.14em;text-transform:uppercase;font-weight:700;opacity:.85}.mx-est b{font-size:1.1rem;font-weight:800;text-transform:uppercase}
/* add-on tickets */
.ao{position:relative}
.ao-tag{display:flex;justify-content:space-between;align-items:baseline;gap:8px;background:var(--red);color:#fff;padding:11px 16px;font-size:1.2rem;font-weight:900;letter-spacing:-.03em}
.ao-tag small{font-size:.6rem;font-weight:700;letter-spacing:.08em;text-transform:uppercase;opacity:.9;white-space:nowrap}
.ao>.qa{width:100%;height:44px;border:0;border-top:1px solid var(--line);border-radius:0;background:var(--g2);color:var(--tx);font-size:.7rem}
.ao>.qa .ql{display:inline}.ao>.qa:hover{background:var(--red);color:#fff}.ao>.qa.on{background:var(--red);color:#fff}
.ao>.qa::before{font-size:1.1rem}
/* how it works zigzag + horizontal timeline */
.tl.zz{gap:30px;padding:6px 0}
.tl.zz::before{content:"";position:absolute;left:50%;top:0;bottom:0;width:2px;background:var(--line);transform:translateX(-1px)}
.tl.zz li{width:calc(50% - 40px);grid-template-columns:auto minmax(0,1fr);gap:20px}
.tl.zz li:nth-child(even){margin-left:auto}
.tl.zz li:hover{transform:none}
.tl.zz li::after{content:"";position:absolute;top:50%;width:16px;height:16px;border-radius:50%;background:var(--red);box-shadow:0 0 0 5px var(--bg);transform:translateY(-50%)}
.tl.zz li:nth-child(odd)::after{right:-49px}.tl.zz li:nth-child(even)::after{left:-49px}
.tl.zz .tl-n{font-size:clamp(2.2rem,3.6vw,3.2rem)}
@media(max-width:860px){.tl.zz::before{left:11px}.tl.zz li,.tl.zz li:nth-child(even){width:auto;margin-left:34px}.tl.zz li::after,.tl.zz li:nth-child(odd)::after,.tl.zz li:nth-child(even)::after{left:-31px;right:auto}}
.stp{gap:clamp(16px,2vw,32px)}
html body .stp>div{background:none;border:0;border-radius:0;padding:40px 0 0;overflow:visible}
html body .stp>div:hover{transform:none}
.stp>div::before{content:"";position:absolute;left:0;right:calc(-1 * clamp(16px,2vw,32px));top:7px;height:2px;background:var(--line)}.stp>div:last-child::before{right:0}
.stp>div::after{content:"";position:absolute;left:0;top:0;width:16px;height:16px;border-radius:50%;background:var(--red);right:auto;transform:none;height:16px}
.stp>div:hover::after{transform:scale(1.25)}
.stp .sn{font-size:1.9rem}
/* plan page tabs */
.sv-t .lead{max-width:62ch}
.svx{display:grid;grid-template-columns:minmax(0,1fr) 380px;gap:clamp(24px,4vw,64px);align-items:start}
.svx-s{position:sticky;top:calc(var(--hh) + 24px)}
.svx-tabs{display:flex;gap:4px;border-bottom:1px solid var(--line);overflow-x:auto;scrollbar-width:none;margin-bottom:28px}.svx-tabs::-webkit-scrollbar{display:none}
.svx-tabs button{flex:none;background:none;border:0;border-bottom:3px solid transparent;margin-bottom:-1px;color:var(--gt);font:700 .86rem inherit;font-family:inherit;text-transform:uppercase;letter-spacing:.05em;padding:14px 18px;cursor:pointer;display:flex;align-items:center;gap:8px;transition:color .2s}
.svx-tabs button:hover{color:var(--tx)}.svx-tabs button.on{color:var(--tx);border-bottom-color:var(--red)}
.svx-tabs em{font-style:normal;font-size:.7rem;border:1px solid var(--line);border-radius:4px;padding:2px 8px;color:var(--gt)}
html.js .svx-p{display:none}html.js .svx-p.on{display:block;animation:fadeup .35s var(--ease)}
.svx-p .chk{gap:13px}.svx-p .chk li{line-height:1.55}
.svx-p .h3{margin:0 0 14px}
@media(max-width:980px){.svx{grid-template-columns:minmax(0,1fr)}.svx-s{order:-1;position:static}}
.mx-t{grid-template-columns:38px minmax(0,1fr) auto;gap:12px;padding:7px 10px}.mx-t .ic{width:38px;height:38px}.mx-l{padding:8px}
.mx-r{padding:22px 28px;gap:12px}.mx-g{margin:12px 0 10px}.mx-i{padding:8px 0}.mx-est{padding:13px 20px}
.mega.full{padding:24px 0 28px}
.plp{grid-template-columns:minmax(0,1fr) 360px}.plp-s{padding:clamp(22px,2.4vw,32px)}.plp-a .qa,.plp-a .btn{font-size:.68rem;padding-left:8px;padding-right:8px;gap:5px}
html body .card:not(.pad){display:grid;grid-template-columns:minmax(0,1fr) 172px;grid-template-rows:1fr}
html body .slider .card:not(.pad),html body .pane .card:not(.pad){grid-template-columns:minmax(0,1fr);grid-template-rows:1fr auto}
@media(max-width:560px){html body .card:not(.pad){grid-template-columns:minmax(0,1fr);grid-template-rows:1fr auto}}
/* faqs like reference */
.fqc{max-width:850px;margin:0 auto}
.chip-l{display:inline-block;background:var(--red);color:#fff;font-size:.78rem;font-weight:800;letter-spacing:.06em;text-transform:uppercase;padding:6px 14px;border-radius:6px;transform:rotate(-2deg)}
.srch2{display:flex;align-items:center;gap:12px;height:56px;padding:0 18px;border:2px solid var(--g5);border-radius:4px;background:var(--g1);transition:border-color .2s}
.srch2:focus-within{border-color:var(--red)}.srch2 svg{width:20px;height:20px;flex:none;color:var(--gt)}
.srch2 input{flex:1;min-width:0;background:none;border:0;outline:0;color:var(--tx);font:500 1rem inherit;font-family:inherit}
.fqc .fchips{margin:18px 0 0;gap:10px}
.fqc .fchips button{border:2px solid var(--g5);background:none;border-radius:4px;padding:9px 18px;font-size:.86rem;font-weight:700}
.fqc .fchips button:hover{border-color:var(--red)}.fqc .fchips button.on{background:var(--tx);border-color:var(--tx);color:var(--bg)}
.fq-count{margin:26px 0 14px;color:var(--gt);font-weight:700;font-size:.95rem}
.fqc .faq{gap:14px}
html body .fqc .faq details{border:2px solid var(--g5);border-radius:4px;background:var(--g1)}
html body .fqc .faq details:hover{border-color:var(--tx)}
html body .fqc .faq details[open]{border-color:var(--red);background:var(--g1)}
html body .fqc .faq summary{padding:20px 22px;gap:16px;justify-content:space-between;font-size:1.02rem;font-weight:700}
html body .fqc .faq summary::before{display:none}
html body .fqc .faq summary i{width:28px;height:28px;background:var(--red);border:0;border-radius:50%}
html body .fqc .faq summary i::before,html body .fqc .faq summary i::after{left:8px;right:8px;top:13px;background:#fff}
html body .fqc .faq details[open] summary i::after{transform:rotate(0)}
html body .fqc .faq details p{padding:0 22px 22px;max-width:none}
.fq-help2{display:flex;align-items:center;justify-content:space-between;gap:20px;margin-top:34px;padding:24px 28px;border:2px solid var(--g5);border-radius:4px;background:var(--g1)}
.fq-help2 b{display:block;font-size:1.1rem}.fq-help2 span{color:var(--gt);font-size:.92rem}
@media(max-width:560px){.fq-help2{flex-direction:column;align-items:flex-start}.fqc .faq summary{padding:16px!important}.fqc .faq details p{padding:0 16px 18px!important}}

/* ===== v4 unified system: every card, section and button follows the plan / pricing style ===== */
:root{--cr:4px;--cb:1px solid var(--line)}
/* cards */
html body .sv,html body .bn,html body .pm,html body .card.pad,html body .tlc,html body .dl-row,html body .tile,html body .brc,html body .reach>div,html body .cta-box,html body .pbox:not(.v2),html body .bsum{background:var(--g1);border:var(--cb);border-radius:var(--cr);box-shadow:none;transition:border-color .2s,transform .25s var(--ease)}
html body .sv:hover,html body .bn:hover,html body .pm:hover,html body .card.pad:hover,html body .tlc:hover{border-color:var(--red);transform:translateY(-3px)}
html body .sv,html body .bn,html body .card.pad{padding:clamp(22px,2.4vw,32px);gap:12px}
/* label + title + price hierarchy (as plan cards) */
html body .card .cat,html body .sv .ft span,.tlc-cat,.bn .b{font-size:.72rem;font-weight:700;letter-spacing:.12em;text-transform:uppercase;color:var(--red2)}
html body .sv h3,html body .bn .n,html body .card.pad h3,.tlc h3{font-size:1.15rem;font-weight:800;line-height:1.25;text-transform:none;letter-spacing:-.01em}
html body .bn .n{font-size:.74rem;text-transform:uppercase;letter-spacing:.12em;color:var(--red2);font-weight:700}
html body .bn .p,html body .card.pad .pr2{font-size:clamp(1.8rem,2.6vw,2.4rem);font-weight:900;letter-spacing:-.04em;line-height:1.05}
html body .bn .p small,html body .card.pad .pr2 small{font-size:.38em;font-weight:600;color:var(--gt);letter-spacing:0;margin-left:6px;text-transform:none}
html body .card.pad .ft,html body .sv .ft{margin-top:auto;padding-top:16px;border-top:var(--cb);display:flex;align-items:center;justify-content:space-between;gap:12px}
html body .sv p,html body .card.pad p,.tlc p,.bn li,.pm p{color:var(--gt)}
html body .bn li{color:var(--tx)}
html body .bn.feat,html body .pm.feat{border-color:var(--red);box-shadow:0 0 0 1px var(--red)}
/* icon tiles */
html body .ic.hn{border-radius:4px}
/* section headers */
.sh{align-items:flex-end;gap:20px;margin-bottom:clamp(20px,2.4vw,34px)}
.sh .h2,.h2{font-weight:900;letter-spacing:-.02em;text-transform:uppercase}
.sh .sub,.sub{color:var(--gt)}
.sec.band{background:var(--g1);border-top:var(--cb);border-bottom:var(--cb)}
/* pricing tables styled as plan-style cards */
.ptab{width:100%;border-collapse:separate;border-spacing:0;border:var(--cb);border-radius:var(--cr);overflow:hidden;background:var(--g1)}
.ptab th{background:var(--g2);color:var(--red2);font-size:.72rem;font-weight:700;letter-spacing:.12em;text-transform:uppercase;text-align:left;padding:14px 20px;border-bottom:var(--cb)}
.ptab td{padding:15px 20px;border-bottom:var(--cb);color:var(--tx);vertical-align:top}
.ptab tr:last-child td{border-bottom:0}.ptab tbody tr{transition:background .15s}.ptab tbody tr:hover{background:var(--g2)}
.ptab td a{font-weight:700}.ptab td a:hover{color:var(--red2)}
.ptab td:nth-child(2){font-weight:900;font-size:1.05rem;letter-spacing:-.02em;white-space:nowrap}
.ptab td:nth-child(3),.ptab td:nth-child(4){color:var(--gt);font-size:.9rem}
.cmpt{overflow-x:auto}
/* buttons */
.btn{height:48px;padding:0 26px;border-radius:4px;font-size:.78rem;font-weight:800;letter-spacing:.06em;text-transform:uppercase}
.btn.sm{height:42px;padding:0 18px;font-size:.72rem}
.btn.ghost{background:transparent;border:1.5px solid var(--tx);color:var(--tx)}.btn.ghost:hover{border-color:var(--red);color:var(--red2);background:transparent}
.qa{height:42px;border-radius:4px;border:1.5px solid var(--g5);font-size:.72rem;font-weight:800;letter-spacing:.06em}
.qa:hover{border-color:var(--red)}
/* filters / chips / tabs */
.chips a,.tabs button,.cf button,#cf1 button,#bf1 button{border-radius:4px}

/* v4 header: logo left, menu + actions right; redesigned quote button; no ticks on bundle cards */
@media(min-width:861px){.hdr-in .nav{margin-left:auto;margin-right:8px}}
html body .qhd{display:inline-flex;align-items:center;gap:10px;height:42px;padding:0 6px 0 16px;border-radius:4px;background:transparent;border:1.5px solid var(--g5);color:var(--tx);font-size:.72rem;font-weight:800;letter-spacing:.08em;text-transform:uppercase;transition:border-color .2s,background .2s}
html body .qhd:hover{border-color:var(--red);background:transparent}
html body .qhd svg{width:16px;height:16px;color:var(--red2)}
html body .qhd b{display:inline-grid;place-items:center;min-width:28px;height:28px;padding:0 6px;border-radius:4px;background:var(--red);color:#fff;font-size:.74rem;font-weight:800}
html body .bn li{padding-left:0}html body .bn li::before{display:none}
html body .sv .ft span:empty{display:none}html body .sv .ft{justify-content:flex-end;border-top:0;padding-top:0}

/* v4 SBS block, plan-card style */
.sbx{display:grid;grid-template-columns:1fr 1fr;border:1px solid var(--line);border-radius:4px;overflow:hidden;background:var(--g1)}
.sbx-l{padding:clamp(24px,3.4vw,48px);display:flex;flex-direction:column;align-items:flex-start;gap:14px;min-width:0}
.sbx-l .h2{font-size:clamp(1.5rem,2.6vw,2.4rem);margin:0}.sbx-l p{color:var(--gt);max-width:32rem}
.sbx-l .hero-act{margin-top:10px;flex-wrap:wrap}
.sbx-r{background:var(--g2);border-left:1px solid var(--line);min-width:0}
.sbx-h{padding:22px clamp(22px,3vw,40px);border-bottom:1px solid var(--line);display:grid;gap:8px}
.sbx-h span{font-size:.72rem;font-weight:700;letter-spacing:.12em;text-transform:uppercase;color:var(--red2)}
.sbx-p{font-size:clamp(2rem,3.4vw,3rem);font-weight:900;letter-spacing:-.04em;line-height:1}.sbx-p small{font-size:.34em;font-weight:600;color:var(--gt);letter-spacing:0}
.sbx-r ul{display:grid;gap:12px;padding:22px clamp(22px,3vw,40px) 28px;margin:0}
.sbx-r li{position:relative;padding-left:26px;color:var(--tx)}
.sbx-r li::before{content:"";position:absolute;left:0;top:.5em;width:12px;height:7px;border-left:2px solid var(--red2);border-bottom:2px solid var(--red2);transform:rotate(-45deg) translateY(-3px)}
@media(max-width:860px){.sbx{grid-template-columns:1fr}.sbx-r{border-left:0;border-top:1px solid var(--line)}}
.sbx-l .hero-act{flex-wrap:nowrap;gap:10px}.sbx-l .hero-act .btn{padding:0 16px}.sbx-l .hero-act .qa{padding:0 12px;white-space:nowrap}

/* v4 home How it works: plan-style stacked list */
.hwx{display:grid;grid-template-columns:minmax(0,.8fr) minmax(0,1.2fr);gap:clamp(24px,4vw,64px);align-items:start}
.hwx-l{display:flex;flex-direction:column;align-items:flex-start;gap:14px;position:sticky;top:calc(var(--hh) + 24px)}
.hwx-l .sub{color:var(--gt);max-width:28rem}.hwx-l .hero-act{margin-top:10px;flex-wrap:nowrap;gap:10px}
.hwx-r{list-style:none;margin:0;padding:0;border:1px solid var(--line);border-radius:4px;overflow:hidden;background:var(--g1)}
.hwx-r li{display:grid;grid-template-columns:64px minmax(0,1fr);gap:18px;align-items:center;padding:22px clamp(20px,2.6vw,34px);border-bottom:1px solid var(--line);transition:background .2s}
.hwx-r li:last-child{border-bottom:0}.hwx-r li:hover{background:var(--g2)}
.hwx-r i{font-style:normal;font-weight:900;font-size:1.7rem;letter-spacing:-.04em;color:var(--red2)}
.hwx-r b{display:block;font-size:1.1rem;font-weight:800;margin-bottom:4px}.hwx-r span{color:var(--gt)}
@media(max-width:860px){.hwx{grid-template-columns:minmax(0,1fr)}.hwx-l{position:static}.hwx-r li{grid-template-columns:48px minmax(0,1fr);gap:12px}}

/* v4 template cards in plan-card style */
html body .tlc-pv{padding:0;border-bottom:1px solid var(--line);background:var(--g2);padding:14px 14px 0;overflow:hidden}
html body .tlc-b{padding:22px clamp(20px,2vw,28px) 0;gap:10px}
html body .tlc-top{flex-direction:column-reverse;gap:8px}
html body .tlc-cat{border:0;padding:0;border-radius:0;font-size:.72rem;letter-spacing:.12em;color:var(--red2)}
html body .tlc-top h3{font-size:1.2rem;font-weight:800;text-transform:none}
html body .tlc-tags{gap:0}
html body .tlc-tags span{border:0;border-radius:0;padding:0;font-size:.82rem;font-weight:500;color:var(--gt)}
html body .tlc-tags span+span::before{content:"\00b7";margin:0 8px;color:var(--red2);font-weight:900}
html body .tlc-meta{padding-top:14px;border-top:1px solid var(--line);margin-top:6px}
html body .tlc-act{margin:0 calc(-1 * clamp(20px,2vw,28px));padding:16px clamp(20px,2vw,28px);background:var(--g2);border-top:1px solid var(--line);flex-wrap:nowrap}
html body .tlc-act .btn{padding:0 14px;white-space:nowrap}
html body .tlc{padding:0;gap:0}

/* buttons always side by side */
html body :is(.hero-act,.pca,.tlc-act,.plr-a,.cta-btns,.sbx-l .hero-act){display:flex;flex-wrap:nowrap;gap:8px}
html body :is(.hero-act,.pca,.tlc-act,.plr-a,.cta-btns)>:is(.btn,.qa){flex:0 1 auto;min-width:0;white-space:nowrap}
@media(max-width:420px){html body :is(.hero-act,.pca,.tlc-act,.plr-a,.cta-btns)>:is(.btn,.qa){padding:0 10px;font-size:.66rem;letter-spacing:.03em}html body :is(.hero-act,.pca,.tlc-act,.plr-a,.cta-btns)>.btn{flex:1 1 0}html body :is(.hero-act,.pca,.tlc-act,.plr-a,.cta-btns) .qa svg,html body :is(.pca,.plr-a) .qa::before{display:none}}
@media(max-width:340px){html body :is(.hero-act,.pca,.tlc-act,.plr-a,.cta-btns)>:is(.btn,.qa){font-size:.6rem;letter-spacing:0;padding:0 6px}}

/* v4 why choose us comparison */
.cmx{border:1px solid var(--line);border-radius:4px;overflow:hidden;background:var(--g1)}
.cmx-h,.cmx-r{display:grid;grid-template-columns:minmax(0,.7fr) minmax(0,1.2fr) minmax(0,1.2fr);gap:20px;padding:16px clamp(20px,2.6vw,34px);align-items:center}
.cmx-h{background:var(--g2);border-bottom:1px solid var(--line)}
.cmx-h span{font-size:.72rem;font-weight:700;letter-spacing:.12em;text-transform:uppercase;color:var(--red2)}
.cmx-r{border-bottom:1px solid var(--line);transition:background .15s}.cmx-r:last-child{border-bottom:0}.cmx-r:hover{background:var(--g2)}
.cmx-r b{font-size:1.02rem;font-weight:800}
.cmx-r .y,.cmx-r .n{position:relative;padding-left:26px}
.cmx-r .y{color:var(--tx)}.cmx-r .n{color:var(--gt)}
.cmx-r .y::before{content:"";position:absolute;left:0;top:.45em;width:12px;height:7px;border-left:2px solid var(--red2);border-bottom:2px solid var(--red2);transform:rotate(-45deg) translateY(-3px)}
.cmx-r .n::before,.cmx-r .n::after{content:"";position:absolute;left:0;top:.8em;width:12px;height:2px;background:var(--g5);transform:rotate(45deg)}.cmx-r .n::after{transform:rotate(-45deg)}
@media(max-width:760px){.cmx-h{display:none}.cmx-r{grid-template-columns:minmax(0,1fr);gap:8px;padding:18px 20px}.cmx-r b{font-size:1.1rem;margin-bottom:2px}}

/* v4 call to action, plan-card style */
html body .cta-box.ctx{display:grid;grid-template-columns:minmax(0,1.2fr) minmax(0,.8fr);padding:0;gap:0;overflow:hidden;align-items:stretch;text-align:left}
.ctx-l{padding:clamp(26px,3.6vw,52px);display:flex;flex-direction:column;align-items:flex-start;gap:14px;min-width:0}
.ctx-l .h2{font-size:clamp(1.6rem,3vw,2.6rem);margin:0}.ctx-l p{color:var(--gt);max-width:34rem}
.ctx-r{background:var(--g2);border-left:1px solid var(--line);padding:clamp(26px,3.2vw,44px);display:flex;flex-direction:column;justify-content:center;gap:16px;min-width:0}
.ctx-k{font-size:.72rem;font-weight:700;letter-spacing:.12em;text-transform:uppercase;color:var(--red2)}
.ctx-r .cta-act{display:flex;flex-wrap:nowrap;gap:10px;margin:0}.ctx-r .cta-act .btn{padding:0 18px;white-space:nowrap;flex:0 1 auto}
.ctx-r small{color:var(--gt)}
@media(max-width:860px){html body .cta-box.ctx{grid-template-columns:minmax(0,1fr)}.ctx-r{border-left:0;border-top:1px solid var(--line)}.ctx-r .cta-act .btn{flex:1 1 0;padding:0 10px;font-size:.68rem}}

/* v4 icons: one outlined tile style everywhere, red glyph, fills red on hover */
html body :is(.ic,.ft2-ci){display:inline-grid;place-items:center;flex:none;background:var(--g2);border:1px solid var(--g4);border-radius:4px;color:var(--red2);transition:background .2s,border-color .2s,transform .3s var(--ease)}
html body .ft2-ci{width:42px;height:42px}
html body :is(.ic,.ft2-ci) svg{color:var(--red2);stroke-width:1.8;transition:color .2s}
html body .ft2-c:hover .ft2-ci{background:var(--red);border-color:var(--red);transform:none}html body .ft2-c:hover .ft2-ci svg{color:#fff}
html[data-theme=light] .ic{background:#fff;border-color:#d9d9d9}

/* v4 top bar: links left, email right */
html body .tb-l{display:flex;gap:22px}html body .tb-l a:not(.tb-skip){display:inline-flex;text-transform:uppercase;letter-spacing:.08em;font-weight:600;font-size:.7rem}
@media(max-width:860px){html body .tb-l{display:flex}html body .tb-in{justify-content:space-between}html body .tb-l a:not(.tb-skip){display:inline-flex}html body .tb-r a:not(.em){display:none}}
@media(max-width:480px){html body .tb-l{gap:14px}html body .tb-l a:not(.tb-skip){font-size:.62rem;letter-spacing:.04em}html body .tb-r .em svg{display:none}html body .tb-r .em{font-size:.66rem}}

/* v5 plans back to side-by-side cards; FAQ as clean divider list */
.pcs{align-items:stretch}.pcs>.pc{display:flex;flex-direction:column}.pcs>.pc .pca{margin-top:auto}
.pcs:has(>.pc:nth-child(4)){grid-template-columns:repeat(4,minmax(0,1fr))}
.pcs:has(>.pc:nth-child(3):last-child){grid-template-columns:repeat(3,minmax(0,1fr))}
@media(max-width:1100px){.pcs:has(>.pc:nth-child(4)){grid-template-columns:repeat(2,minmax(0,1fr))}}
html body .fqc .faq{display:block;border-top:1px solid var(--line)}
html body .fqc .faq details{background:none;border:0;border-bottom:1px solid var(--line);border-radius:0;padding:0;box-shadow:none}
html body .fqc .faq details[open]{border-color:var(--line);box-shadow:none}
html body .fqc .faq summary{padding:24px 4px;font-size:1.15rem;font-weight:700;gap:20px}
html body .fqc .faq summary i{background:none;border:0;color:var(--red2);width:24px;height:24px}
html body .fqc .faq details[open] summary{color:var(--red2)}
html body .fqc .faq details>p{padding:0 48px 26px 4px;max-width:46rem}
#pricing .pane .sl-h{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-bottom:18px}#pricing .pane .sl-h .tint{margin:0;min-width:0}
@media(max-width:640px){#pricing .pane .sl-h{flex-direction:column;align-items:flex-start}}
#pricing .pane .sl-h.sl-b{margin:18px 0 0}
#pricing .pgrid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:clamp(12px,1.4vw,20px)}
#pricing .pgrid .card:not(.pad){grid-template-columns:minmax(0,1fr)}
@media(max-width:1100px){#pricing .pgrid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:600px){#pricing .pgrid{grid-template-columns:minmax(0,1fr)}}

/* v5 hero strip: icon beside title, no price or arrow */
html body .hero-cards.strip3 .hc{grid-template-columns:auto minmax(0,1fr);grid-template-areas:"ic n" "d d";column-gap:16px;row-gap:14px;align-items:center}
html body .strip3 .hc .ic{grid-area:ic;width:48px;height:48px}
html body .strip3 .hc-n{grid-area:n;font-size:1.2rem;font-weight:800;text-transform:uppercase;letter-spacing:-.01em;line-height:1.15}
html body .strip3 .hc-d{grid-area:d;font-size:.9rem;color:var(--gt);line-height:1.5}
html body .strip3 .hc:hover .hc-n,html body .strip3 .hc:hover .hc-d{color:#fff}
@media(max-width:860px){html body .hero-cards.strip3 .hc{grid-template-areas:"ic n" "d d";grid-template-columns:auto minmax(0,1fr)}}
html body .hero-cards.strip3 .hc{align-content:start}
.thm-f{width:34px;height:34px;border-radius:4px;border-color:#444;color:#fff}.thm-f:hover{border-color:var(--red)}
.ft2-bar nav{align-items:center}
@media(max-width:860px){.hdr-act .thm{display:none!important}}
@media(max-width:860px){html body .mega .mx{display:none!important}}
html body .ft2-c b{color:#fff}html body .ft2-c small{color:#a0a0a0}
@media(max-width:860px){html body .nav:not(.open){pointer-events:none}html body .nav:not(.open) *{visibility:hidden!important;pointer-events:none!important}}

/* v5 services dropdown: simple category grid */
@media(min-width:861px){
html body .mega.full{padding:22px 0 24px}
.mxs{border:1px solid var(--line);border-radius:4px;background:var(--g1);overflow:hidden}
.mxs-g{display:grid;grid-template-columns:repeat(4,minmax(0,1fr))}
.mxs-c{display:flex;align-items:center;gap:14px;padding:20px 24px;border-right:1px solid var(--line);border-bottom:1px solid var(--line);transition:background .15s}
.mxs-c:nth-child(4n){border-right:0}
.mxs-c b{font-size:.98rem;font-weight:700}
.mxs-c:hover{background:var(--g2)}.mxs-c:hover .ic{background:var(--red);border-color:var(--red)}.mxs-c:hover .ic svg{color:#fff}
.mxs-f{display:flex;gap:28px;padding:14px 24px;background:var(--g2)}
.mf-old{display:none}}
@media(max-width:860px){html body .mxs{display:none}}
@media(min-width:861px){.mxs[style] .mxs-g{grid-template-columns:repeat(var(--n,4),minmax(0,1fr))}.mxs[style] .mxs-c{border-bottom:0;border-right:1px solid var(--line)}.mxs[style] .mxs-c:last-child{border-right:0}}

/* v5 plan and add-on pages */
.plh-in{display:grid;grid-template-columns:minmax(0,1.3fr) minmax(0,.7fr);gap:clamp(24px,4vw,64px);align-items:center}
.plh-l{min-width:0}.plh-r{position:static!important;margin:0}
html body .plh-r{padding:28px;border-radius:4px;background:var(--g1);border:1px solid var(--line)}
.abar{display:flex;align-items:center;gap:clamp(18px,3vw,48px);flex-wrap:wrap;border:1px solid var(--line);border-radius:4px;background:var(--g1);padding:20px clamp(20px,2.6vw,34px)}
.abar-p b{display:block;font-size:clamp(2rem,3.4vw,2.8rem);font-weight:900;letter-spacing:-.04em;line-height:1}
.abar-p small,.abar-i small{display:block;margin-top:6px;font-size:.72rem;font-weight:700;letter-spacing:.12em;text-transform:uppercase;color:var(--red2)}
.abar-i b{display:block;font-size:1.05rem;font-weight:800}
.abar-i{padding-left:clamp(18px,3vw,48px);border-left:1px solid var(--line)}
.abar-a{margin-left:auto}.abar-a .sv-btns{display:flex;flex-wrap:nowrap;gap:10px}
.abar-s{padding-top:0!important}
.spg{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:clamp(16px,2vw,28px);align-items:start}
.spn{border:1px solid var(--line);border-radius:4px;background:var(--g1);overflow:hidden;min-width:0}
.spn.w{grid-column:1/-1}.spn:last-child:nth-child(odd){grid-column:1/-1}
.spn-h{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:16px clamp(20px,2.6vw,32px);background:var(--g2);border-bottom:1px solid var(--line)}
.spn-h span{font-size:.72rem;font-weight:700;letter-spacing:.12em;text-transform:uppercase;color:var(--red2)}
.spn-h em{font-style:normal;font-size:.78rem;font-weight:700;color:var(--gt);border:1px solid var(--g4);border-radius:4px;padding:2px 10px}
.spn-b{padding:clamp(20px,2.6vw,32px)}
.spn-b .faq{border-top:0}
.spn-b .chk.cols{columns:2;column-gap:32px}.spn-b .chk.cols li{break-inside:avoid}
@media(max-width:860px){.plh-in{grid-template-columns:minmax(0,1fr)}.spg{grid-template-columns:minmax(0,1fr)}.abar-i{padding-left:0;border-left:0}.abar-a{margin-left:0;width:100%}.abar-a .sv-btns .btn,.abar-a .sv-btns .qa{flex:1 1 0}}
.abar-s+.sec.tight{padding-top:clamp(20px,3vw,40px)}
.spn-b .how-g{margin:0}

/* page transition overlay */
#pt{position:fixed;inset:0;z-index:9999;background:var(--bg);pointer-events:none;transform:translateY(-101%)}
#pt::before,#pt::after{content:"";position:absolute;left:0;right:0;height:4px;background:var(--red)}
#pt::before{top:0}#pt::after{bottom:0}
html.js #pt{transform:none;animation:ptIn .65s cubic-bezier(.77,0,.18,1) .05s both}
html.js #pt.leave{animation:ptLeave .38s cubic-bezier(.77,0,.18,1) both;pointer-events:all}
@keyframes ptIn{from{transform:none}to{transform:translateY(-101%)}}
@keyframes ptLeave{from{transform:translateY(101%)}to{transform:none}}
@media(prefers-reduced-motion:reduce){#pt{display:none}}

/* v5 industries page */
.indg{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:clamp(14px,1.6vw,22px)}
.indc{display:flex;flex-direction:column;border:1px solid var(--line);border-radius:4px;background:var(--g1);overflow:hidden;transition:border-color .2s,transform .25s var(--ease)}
.indc:hover{border-color:var(--red);transform:translateY(-3px)}
.indc-h{display:flex;align-items:center;gap:14px;padding:20px 22px;background:var(--g2);border-bottom:1px solid var(--line)}
.indc-h h3{font-size:1.02rem;font-weight:800;line-height:1.25;margin:0}
.indc-l{list-style:none;margin:0;padding:18px 22px;display:grid;gap:9px;flex:1}
.indc-l li{position:relative;padding-left:18px;color:var(--tx);font-size:.92rem}
.indc-l li::before{content:"";position:absolute;left:0;top:.62em;width:6px;height:6px;border-radius:50%;background:var(--red2)}
.indc-f{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:14px 22px;border-top:1px solid var(--line)}
.indc-f small{color:var(--gt);font-size:.76rem}
.indxs{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:0;border:1px solid var(--line);border-radius:4px;overflow:hidden;background:var(--g1)}
.indx{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:2px 16px;align-items:center;padding:18px 24px;border-bottom:1px solid var(--line);transition:background .15s}
.indx:nth-child(odd){border-right:1px solid var(--line)}.indx:hover{background:var(--g2)}
.indx b{font-size:1.02rem;font-weight:800}.indx span{grid-column:1;color:var(--gt);font-size:.88rem}.indx .ar{grid-row:1/3;grid-column:2}
@media(max-width:1100px){.indg{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:600px){.indg{grid-template-columns:minmax(0,1fr)}.indxs{grid-template-columns:minmax(0,1fr)}.indx:nth-child(odd){border-right:0}}

/* v5 tighter section spacing */
html body .sec{padding:clamp(36px,5vw,72px) 0}
html body .sec.tight{padding-top:clamp(20px,2.5vw,32px);padding-bottom:clamp(36px,5vw,64px)}
html body .cta{padding:clamp(32px,4.5vw,64px) 0}
html body .abar-s+.sec.tight{padding-top:clamp(16px,2.4vw,32px)}
html body .sh{margin-bottom:clamp(18px,2.2vw,28px)}

/* v6 faq redesign */
html body .faq{display:grid;gap:10px;counter-reset:q;border:0}
html body .faq details{counter-increment:q;border:1px solid var(--line);border-radius:4px;background:var(--g1);overflow:hidden;box-shadow:none;transition:border-color .2s,background .2s}
html body .faq details:hover{border-color:var(--g5)}
html body .faq details[open]{border-color:var(--red);background:var(--g2)}
html body .faq summary{display:flex;align-items:center;justify-content:flex-start;gap:16px;padding:18px 20px;cursor:pointer;list-style:none;font-size:1rem}
html body .faq summary::-webkit-details-marker{display:none}
html body .faq summary::before{content:counter(q,decimal-leading-zero);display:grid;place-items:center;flex:none;width:40px;height:40px;min-width:0;border-radius:4px;background:var(--g2);border:1px solid var(--line);color:var(--red2);font-size:.78rem;font-weight:800;letter-spacing:.02em}
html body .faq details[open] summary::before{background:var(--red);border-color:var(--red);color:#fff}
html body .faq .fq-q{flex:1;min-width:0;display:grid;gap:3px}
html body .faq .fq-q b{font-weight:700;line-height:1.35}
html body .faq .fq-q small{color:var(--gt);font-size:.74rem;font-weight:600;letter-spacing:.04em;text-transform:uppercase}
html body .faq summary i{flex:none;position:relative;width:30px;height:30px;border-radius:50%;background:none;border:1px solid var(--line)}
html body .faq summary i::before,html body .faq summary i::after{content:"";position:absolute;left:8px;right:8px;top:13px;height:2px;border-radius:2px;background:var(--tx);transition:transform .25s var(--ease)}
html body .faq summary i::after{transform:rotate(90deg)}
html body .faq details[open] summary i{background:none;border-color:var(--red);transform:none}
html body .faq details[open] summary i::before,html body .faq details[open] summary i::after{background:var(--red2)}
html body .faq details[open] summary i::after{transform:rotate(0)}
html body .faq details>p{padding:0 20px 22px calc(20px + 40px + 16px);margin:0;max-width:64ch;line-height:1.7;color:var(--gt)}
.fqx{display:grid;grid-template-columns:minmax(0,320px) minmax(0,1fr);gap:clamp(24px,3.5vw,56px);align-items:start}
.fqx-s{position:sticky;top:calc(var(--hh) + 24px);display:grid;gap:16px}
.fqx .srch2{height:52px}
.fqx .fchips{display:grid;gap:6px;margin:0}
html body .fqx .fchips button{display:flex;align-items:center;justify-content:space-between;gap:10px;text-align:left;border:1px solid var(--line);background:var(--g1);color:var(--tx);border-radius:4px;padding:12px 16px;font-size:.9rem;font-weight:700;transition:border-color .2s,background .2s}
html body .fqx .fchips button em{font-style:normal;color:var(--gt);font-size:.78rem;font-weight:700}
html body .fqx .fchips button:hover{border-color:var(--g5)}
html body .fqx .fchips button.on{background:var(--red);border-color:var(--red);color:#fff}html body .fqx .fchips button.on em{color:#fff}
.fqx-help{display:grid;gap:8px;justify-items:start;padding:20px;border:1px solid var(--line);border-radius:4px;background:var(--g2)}
.fqx-help span{color:var(--gt);font-size:.9rem}.fqx-help .btn{margin-top:6px}
.fqx-m .fq-count{margin:0 0 14px}
@media(max-width:900px){.fqx{grid-template-columns:minmax(0,1fr)}.fqx-s{position:static}.fqx .fchips{display:flex;flex-wrap:wrap;gap:8px}html body .fqx .fchips button{border-radius:4px;padding:9px 14px}.fqx-help{display:none}}
@media(max-width:560px){html body .faq summary{padding:14px;gap:12px}html body .faq summary::before{width:34px;height:34px}html body .faq details>p{padding:0 14px 18px}}

/* v6 dropdowns */
html body .mega.full{padding:28px 0 32px}
.mxd{display:grid;grid-template-columns:minmax(0,300px) minmax(0,1fr);gap:clamp(28px,4vw,64px);align-items:start}
.mxd-i{display:grid;gap:12px;align-content:start;padding-right:clamp(20px,3vw,48px);border-right:1px solid var(--line);min-height:100%}
.mxd-t{font-size:1.5rem;font-weight:900;letter-spacing:-.01em;text-transform:uppercase;line-height:1.1}
.mxd-i p{color:var(--gt);font-size:.92rem;line-height:1.6;margin:0}
.mxd-i .link{margin-top:4px}
.mxd-l{display:grid;grid-template-columns:repeat(var(--c,2),minmax(0,1fr));gap:4px 28px}
.mxd-r{display:flex;align-items:center;gap:14px;padding:12px 14px;margin:0 -14px;border-radius:4px;transition:background .15s}
.mxd-r .ic{flex:none}
.mxd-x{display:grid;gap:2px;min-width:0;flex:1}
.mxd-x b{font-size:.98rem;font-weight:700;line-height:1.25}
.mxd-x small{color:var(--gt);font-size:.8rem;line-height:1.35}
.mxd-r .ar{flex:none;opacity:0;transform:translateX(-6px);transition:.2s var(--ease);color:var(--red2)}
.mxd-r:hover{background:var(--g2)}.mxd-r:hover .ar{opacity:1;transform:none}
.mxd-r:hover .ic{background:var(--red);border-color:var(--red)}.mxd-r:hover .ic svg{color:#fff}
@media(max-width:860px){html body .mxd{display:none}}

/* v6 hero redesign */
html body .hero{background:radial-gradient(60% 70% at 78% 40%,rgba(212,22,10,.22),transparent 70%),radial-gradient(40% 50% at 8% 0%,rgba(212,22,10,.10),transparent 70%),var(--bg)}
html[data-theme=light] body .hero{background:radial-gradient(60% 70% at 78% 40%,rgba(212,22,10,.10),transparent 70%),var(--bg)}
html body .hero .hero-in{grid-template-columns:minmax(0,1.1fr) minmax(0,.9fr);gap:clamp(32px,5vw,88px);align-items:center}
html body .hero .h1{font-size:clamp(2.5rem,5.6vw,5.4rem);line-height:.98;letter-spacing:-.02em}
html body .hero .hero-p{max-width:34em;font-size:clamp(1rem,1.25vw,1.18rem);margin-top:22px}
html body .hero .hero-act{margin-top:30px}
html body .hero-v{position:relative;display:flex;justify-content:center}
html body .hero-v .mk{width:100%;max-width:560px;transform:rotate(-1.5deg);filter:drop-shadow(0 40px 60px rgba(212,22,10,.25))}
html body .hero-v .mk-win{border-radius:4px;border:1px solid var(--g4)}
html body .hero-v .mk-h{font-size:1.15rem}
html body .hero-v .mk-pl{padding:22px 12px}html body .hero-v .mk-pl b{font-size:1.6rem}
.mk-foot{display:flex;gap:10px;margin-top:18px;flex-wrap:wrap}
.mk-foot span{font-size:.72rem;font-weight:700;letter-spacing:.04em;text-transform:uppercase;color:var(--gt);border:1px solid var(--line);border-radius:4px;padding:7px 12px}
.hv-chip{position:absolute;z-index:2;background:var(--red);color:#fff;font-size:.74rem;font-weight:800;letter-spacing:.05em;text-transform:uppercase;padding:9px 14px;border-radius:4px;box-shadow:0 14px 30px -10px rgba(212,22,10,.6)}
.hv-chip.c1{top:6%;left:-2%;transform:rotate(-4deg)}.hv-chip.c2{bottom:4%;right:-1%;transform:rotate(3deg);background:var(--tx);color:var(--bg)}
@media(max-width:860px){.hv-chip{display:none}html body .hero-v .mk{transform:none;max-width:none}html body .hero .hero-in{grid-template-columns:minmax(0,1fr)}}
html body .hero .h1{font-size:clamp(2.3rem,4.5vw,4.3rem)}
html body .hero-v .mk{transform:none}
.hv-chip.c1{top:-4%;left:auto;right:6%;transform:rotate(3deg)}.hv-chip.c2{bottom:-5%;right:auto;left:4%;transform:rotate(-3deg)}

/* v6 service card arrow to top */
html body .sv{position:relative}
html body .sv .ft{position:absolute;top:22px;right:22px;margin:0;padding:0;border:0;min-height:0;width:auto}
html body .sv .ft span{display:none}
html body .sv .ft .ar{width:34px;height:34px;border-radius:50%;border:1px solid var(--line);display:grid;place-items:center;background:var(--g2);transition:.2s var(--ease)}
html body .sv:hover .ft .ar{background:var(--red);border-color:var(--red);color:#fff}
html body .sv h3{padding-right:44px}
html body .sv .ft{width:34px;height:34px;border-radius:50%;border:1px solid var(--line);background:var(--g2);display:grid;place-items:center;transition:.2s var(--ease)}
html body .sv .ft .ar{width:auto;height:auto;border:0;border-radius:0;background:none;display:inline-block}
html body .sv:hover .ft{background:var(--red);border-color:var(--red);color:#fff}
html body .sv:hover .ft .ar{background:none}
html body .sv .ft .ar{width:7px;height:7px;border:0;border-top:2px solid currentColor;border-right:2px solid currentColor;border-radius:0;background:none;display:block;margin-left:-3px}
/* no glow */
html body .hero,html[data-theme=light] body .hero{background:var(--bg)}
html body .hero-v .mk{filter:none}
.hv-chip{display:none}
html body .sv>.ft{right:-10px;margin:0}
html body .sv>.ft{justify-content:center;align-content:center;padding:0}

/* v6 home process timeline */
.tl{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:clamp(12px,1.6vw,22px);position:relative;counter-reset:none}
.tl li{position:relative;display:flex;flex-direction:column;gap:8px;padding:0 0 0;min-width:0}
.tl li::before{content:"";position:absolute;top:26px;left:56px;right:calc(-1 * clamp(12px,1.6vw,22px));height:2px;background:var(--line)}
.tl li:last-child::before{display:none}
.tl-n{display:grid;place-items:center;width:52px;height:52px;border-radius:50%;background:var(--red);color:#fff;font-weight:800;font-size:.95rem;position:relative;z-index:1;margin-bottom:12px}
.tl b{font-size:1.05rem;font-weight:800;line-height:1.25}
.tl-t{color:var(--gt);font-size:.92rem;line-height:1.55}
@media(max-width:900px){.tl{grid-template-columns:minmax(0,1fr);gap:0}.tl li{display:grid;grid-template-columns:52px minmax(0,1fr);column-gap:18px;padding-bottom:26px}.tl li::before{top:52px;bottom:0;left:25px;right:auto;width:2px;height:auto}.tl-n{grid-row:1/3;margin:0}.tl b{align-self:end;padding-top:2px}}
html body .tl li{border:0;background:none;box-shadow:none;border-radius:0;padding:0;text-align:left;align-items:flex-start;justify-content:flex-start}
html body .tl li>*{text-align:left}
html body .tl-t,html body .tl b{padding:0;margin:0}
@media(max-width:900px){html body .tl li{padding-bottom:26px;display:grid;align-items:start}html body .tl b{align-self:end}}
html body .tl li::before{content:"";display:block;position:absolute;top:25px;left:64px;right:calc(-1 * clamp(12px,1.6vw,22px) + 8px);height:2px;width:auto;border:0;background:var(--g4);border-radius:0;transform:none}
html body .tl li:last-child::before{display:none}
@media(max-width:900px){html body .tl li::before{top:56px;bottom:4px;left:25px;right:auto;width:2px;height:auto}}

/* v6 business specific mockups */
.tm-h{margin:0;font-size:12px;font-weight:800;line-height:1.15;letter-spacing:-.01em;color:var(--x)}
.tm.big .tm-h{font-size:20px}
.tm-t em{width:auto;height:auto;padding:3px 8px;font-style:normal;font-size:7px;font-weight:800;letter-spacing:.06em;text-transform:uppercase;color:var(--b);align-self:flex-start;border-radius:4px}
.tm-hero.c .tm-t em{align-self:center}
.tm.big .tm-t em{font-size:11px;padding:6px 14px}
.tm-img{display:grid;place-items:center;color:var(--b)}.tm-img svg{width:38%;height:auto;max-width:34px;opacity:.95}
.tm.big .tm-img svg{max-width:56px}
.tm-row.p s{height:auto;background:none;display:flex;flex-direction:column;gap:3px}
.tm-row.p s b{display:block;height:20px;border-radius:5px;background:color-mix(in srgb,var(--a) 38%,var(--b));border:1px solid color-mix(in srgb,var(--x) 14%,transparent)}
.tm-row.p s i{display:block;height:3px;width:55%;border-radius:3px;background:color-mix(in srgb,var(--x) 45%,transparent)}
.tm.big .tm-row.p s b{height:36px}
.tm-row.g s{height:20px;border-radius:50%;width:20px;justify-self:center;background:color-mix(in srgb,var(--a) 50%,var(--b))}
.tm.big .tm-row.g s{height:36px;width:36px}
.tm-row.m{align-items:end}.tm-row.m s{height:14px;background:color-mix(in srgb,var(--a) 40%,var(--b))}.tm-row.m s.t{height:24px;background:color-mix(in srgb,var(--x) 18%,transparent)}
.tm.big .tm-row.m s{height:24px}.tm.big .tm-row.m s.t{height:40px}
.tm-ev{display:grid;gap:4px;padding:0 10px 10px}
.tm-ev s{display:flex;align-items:center;gap:6px}.tm-ev s b{width:16px;height:12px;border-radius:3px;background:var(--a)}.tm-ev s i{flex:1;height:4px;border-radius:3px;background:color-mix(in srgb,var(--x) 28%,transparent)}
.tm-slots{display:flex;gap:5px;padding:0 10px 10px}.tm-slots s{flex:1;height:12px;border-radius:4px;border:1px solid color-mix(in srgb,var(--a) 70%,transparent)}.tm-slots s:nth-child(2){background:var(--a)}
.tm-tab{display:grid;gap:4px;padding:0 10px 10px}.tm-tab s{display:flex;align-items:center;gap:6px;padding-bottom:3px;border-bottom:1px solid color-mix(in srgb,var(--x) 16%,transparent)}.tm-tab s b{width:10px;height:10px;border-radius:2px;background:var(--a)}.tm-tab s i{flex:1;height:4px;border-radius:3px;background:color-mix(in srgb,var(--x) 28%,transparent)}
.tm.big .tm-ev s b{height:20px;width:26px}.tm.big .tm-slots s{height:20px}.tm.big .tm-tab s b{width:16px;height:16px}.tm.big .tm-ev,.tm.big .tm-tab,.tm.big .tm-slots{padding:0 16px 16px;gap:8px}

/* v6 promises cards */
html body .pmx{display:flex;flex-direction:column;gap:16px;padding:26px;border:1px solid var(--line);border-radius:4px;background:var(--g1);transition:border-color .2s,transform .25s var(--ease)}
html body .pmx:hover{border-color:var(--red);transform:translateY(-3px)}
.pmx-h{display:flex;align-items:center;gap:14px}.pmx-h .ic{flex:none}
.pmx h3{margin:0;font-size:1.08rem;font-weight:800;line-height:1.25}
.pmx p{margin:0;color:var(--gt);line-height:1.65;font-size:.95rem;padding-top:16px;border-top:1px solid var(--line)}

/* v6 page header */
html body .phead{background:var(--g1);padding:clamp(40px,5vw,72px) 0;border-bottom:1px solid var(--line)}
.phead-in{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,380px);gap:clamp(28px,5vw,80px);align-items:center}
.phead-l{min-width:0}
html body .phead .h1{font-size:clamp(2.2rem,4.4vw,4rem);line-height:1}
html body .phead .lead{max-width:34em;margin-top:18px}
.phk{display:grid;border:1px solid var(--line);border-radius:4px;background:var(--bg);overflow:hidden}
.phk>div{display:grid;grid-template-columns:44px minmax(0,1fr);column-gap:14px;align-items:center;padding:16px 20px;border-bottom:1px solid var(--line)}
.phk>div:last-child{border-bottom:0}
.phk .ic{grid-row:1/3}
.phk b{font-size:.98rem;font-weight:800;line-height:1.2}
.phk small{color:var(--gt);font-size:.82rem}
@media(max-width:900px){.phead-in{grid-template-columns:minmax(0,1fr)}.phk{display:none}}

/* v6 category questions */
.cqx{display:grid;grid-template-columns:minmax(0,340px) minmax(0,1fr);gap:clamp(28px,5vw,80px);align-items:start}
.cqx-l{display:grid;gap:14px;position:sticky;top:calc(var(--hh) + 24px)}
.cqx-l .hero-act{margin-top:6px}
@media(max-width:900px){.cqx{grid-template-columns:minmax(0,1fr)}.cqx-l{position:static}}

/* v6 more categories */
.mcg{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:clamp(12px,1.4vw,18px)}
.mcc{display:flex;align-items:center;gap:14px;padding:18px 20px;border:1px solid var(--line);border-radius:4px;background:var(--g2);transition:border-color .2s,transform .25s var(--ease)}
.mcc:hover{border-color:var(--red);transform:translateY(-3px)}
.mcc .ic{flex:none}.mcc-x{display:grid;gap:2px;min-width:0;flex:1}
.mcc-x b{font-size:.98rem;font-weight:800;line-height:1.25}.mcc-x small{color:var(--gt);font-size:.8rem}
.mcc .ar{flex:none;color:var(--gt)}.mcc:hover .ar{color:var(--red2)}
@media(max-width:1100px){.mcg{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:560px){.mcg{grid-template-columns:minmax(0,1fr)}}
html{scroll-padding-top:calc(var(--hh) + 20px)}

/* v7 decorative art: flat shapes, no glow */
.dc{display:block;position:absolute;pointer-events:none;background:currentColor;-webkit-mask:var(--m) center/contain no-repeat;mask:var(--m) center/contain no-repeat;color:var(--red)}
.dc-chip{--m:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 100 100'%3E%3Cdefs%3E%3Cmask id='m'%3E%3Crect width='100' height='100' fill='%23fff'/%3E%3Cpath d='M50 37 L61 50 L50 63 L39 50Z' fill='%23000'/%3E%3C/mask%3E%3C/defs%3E%3Cg mask='url(%2523m)'%3E%3Ccircle cx='50' cy='50' r='45' fill='none' stroke='%23000' stroke-width='9' stroke-dasharray='15.5 11.7'/%3E%3Ccircle cx='50' cy='50' r='34' fill='none' stroke='%23000' stroke-width='3'/%3E%3Ccircle cx='50' cy='50' r='24' fill='%23000'/%3E%3C/g%3E%3C/svg%3E")}.dc-wheel{--m:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 100 100'%3E%3Ccircle cx='50' cy='50' r='47' fill='none' stroke='%23000' stroke-width='5'/%3E%3Ccircle cx='50' cy='50' r='38' fill='none' stroke='%23000' stroke-width='2'/%3E%3Ccircle cx='50' cy='50' r='28' fill='none' stroke='%23000' stroke-width='14' stroke-dasharray='4.88 4.88'/%3E%3Ccircle cx='50' cy='50' r='15' fill='none' stroke='%23000' stroke-width='2'/%3E%3Ccircle cx='50' cy='50' r='6' fill='%23000'/%3E%3Cpath d='M50 36V64M36 50H64' stroke='%23000' stroke-width='2.5'/%3E%3Ccircle cx='50' cy='9' r='3.2' fill='%23000'/%3E%3C/svg%3E")}.dc-flame{--m:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 100 100'%3E%3Cpath fill-rule='evenodd' d='M50 3C58 24 82 36 82 62C82 82 68 97 50 97C32 97 18 82 18 62C18 46 28 38 34 27C36 40 42 44 46 44C42 30 44 16 50 3ZM50 54C56 63 64 67 64 77C64 86 58 91 50 91C42 91 36 86 36 77C36 69 44 63 50 54Z'/%3E%3C/svg%3E")}.dc-horns{--m:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 100 60'%3E%3Cpath d='M6 56C2 30 14 8 38 2C28 16 26 34 30 56Z'/%3E%3Cpath d='M94 56C98 30 86 8 62 2C72 16 74 34 70 56Z'/%3E%3C/svg%3E")}.dc-girl{--m:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 100 200'%3E%3Ccircle cx='50' cy='20' r='11'/%3E%3Ccircle cx='61' cy='9' r='6'/%3E%3Cpath d='M44 33C42 38 36 38 30 42C24 46 26 58 31 70C36 82 42 88 40 98C36 120 22 150 14 196H86C78 150 64 120 60 98C58 88 64 82 69 70C74 58 76 46 70 42C64 38 58 38 56 33Z'/%3E%3C/svg%3E")}
.hero-deco,.cta-deco,.ph-deco{position:absolute;inset:0;overflow:hidden;pointer-events:none;z-index:0}
.hero>.wrap,.cta-box>*,.phead-in{position:relative;z-index:1}
.hero-deco .dc-wheel{width:clamp(280px,34vw,520px);aspect-ratio:1;right:-6%;top:50%;margin-top:calc(clamp(280px,34vw,520px)/-2);opacity:.13;animation:dcspin 90s linear infinite}
.hero-deco .dc-chip{aspect-ratio:1}
.hero-deco .c1{width:clamp(64px,7vw,104px);right:clamp(300px,32vw,480px);bottom:12%;transform:rotate(-14deg);color:var(--red)}
.hero-deco .c2{width:clamp(48px,5vw,76px);right:clamp(250px,27vw,410px);bottom:6%;transform:rotate(18deg);color:var(--tx);opacity:.85}
.hero-deco .c3{width:clamp(44px,4.5vw,68px);right:3%;top:9%;transform:rotate(10deg);color:var(--tx);opacity:.5}
.hero-deco .dc-flame{width:clamp(36px,3.4vw,52px);aspect-ratio:1;left:46%;top:14%;opacity:.9;animation:dcflick 2.6s ease-in-out infinite;transform-origin:50% 100%}
.cta-deco .dc-girl{height:118%;aspect-ratio:1/2;right:3%;bottom:-14%;opacity:.1;color:var(--tx)}
.cta-deco .dc-flame{width:34px;aspect-ratio:1;right:34%;top:14%;opacity:.9;animation:dcflick 2.6s ease-in-out infinite;transform-origin:50% 100%}
.cta-deco .dc-chip{width:44px;aspect-ratio:1;right:8%;top:14%;transform:rotate(12deg);opacity:.95}
.ph-deco .dc-wheel{width:clamp(220px,24vw,360px);aspect-ratio:1;right:-40px;top:50%;margin-top:calc(clamp(220px,24vw,360px)/-2);opacity:.07;color:var(--tx);animation:dcspin 120s linear infinite}
.ph-deco .dc-horns{width:56px;aspect-ratio:100/60;left:46%;top:14px;opacity:.55}
.ft2{position:relative}
.ft2::before{content:"";display:block;height:20px;background:var(--red);-webkit-mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 100 100'%3E%3Cpath fill-rule='evenodd' d='M50 3C58 24 82 36 82 62C82 82 68 97 50 97C32 97 18 82 18 62C18 46 28 38 34 27C36 40 42 44 46 44C42 30 44 16 50 3ZM50 54C56 63 64 67 64 77C64 86 58 91 50 91C42 91 36 86 36 77C36 69 44 63 50 54Z'/%3E%3C/svg%3E") center/22px 20px repeat-x;mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 100 100'%3E%3Cpath fill-rule='evenodd' d='M50 3C58 24 82 36 82 62C82 82 68 97 50 97C32 97 18 82 18 62C18 46 28 38 34 27C36 40 42 44 46 44C42 30 44 16 50 3ZM50 54C56 63 64 67 64 77C64 86 58 91 50 91C42 91 36 86 36 77C36 69 44 63 50 54Z'/%3E%3C/svg%3E") center/22px 20px repeat-x}
@keyframes dcspin{to{transform:rotate(360deg)}}
@keyframes dcflick{0%,100%{transform:scaleY(1) scaleX(1)}50%{transform:scaleY(1.1) scaleX(.94)}}
@media(max-width:860px){.hero-deco .dc-wheel{right:-30%;opacity:.1}.hero-deco .c1,.hero-deco .c2,.hero-deco .c3,.hero-deco .dc-flame{display:none}.cta-deco .dc-girl{opacity:.07}.ph-deco{display:none}}
@media(prefers-reduced-motion:reduce){.dc{animation:none!important}}
.hero-deco .dc-wheel{width:clamp(300px,31vw,470px);margin-top:calc(clamp(300px,31vw,470px)/-2);right:3%;top:48%;opacity:.15}
.hero-deco .c1{right:auto;left:55.5%;bottom:auto;top:62%}
.hero-deco .c2{right:auto;left:59.5%;bottom:auto;top:68%}
.hero-deco .c3{top:8%;right:2%}
@media(max-width:860px){.hero-deco .dc-wheel{right:-28%;top:36%}}
.hero>.wrap,.cta-box>*:not(.cta-deco),.phead-in{position:relative;z-index:1}
.cta-box>.cta-deco{position:absolute;z-index:0}
.cta-box{position:relative;overflow:hidden}
.hero-deco .c1{top:51%}.hero-deco .c2{top:57%}
.cta-box>.cta-deco{z-index:2}
.ft2::before{-webkit-mask-size:44px 20px;mask-size:44px 20px;opacity:.9}
.cta-deco .dc-flame{top:auto;bottom:16%;right:24%}
/* polish: remove footer flame strip */
.ft2::before{display:none!important}
/* polish */
.hero-deco .dc-wheel{opacity:.1}
html body .sh .sub{max-width:62ch}
html body .hero{min-height:0;padding:clamp(48px,7vh,88px) 0 clamp(56px,8vh,96px)}
html body .sh .sub{max-width:80ch}
/* polish: aligned pricing tables */
section[id^="c"] .ptab{table-layout:fixed}
section[id^="c"] .ptab th:nth-child(1){width:32%}section[id^="c"] .ptab th:nth-child(2){width:12%}section[id^="c"] .ptab th:nth-child(3){width:14%}
@media(max-width:860px){section[id^="c"] .ptab{table-layout:auto}}
/* v8 polish */
.ft2-stripe{display:none!important}
.ft2{border-top:1px solid var(--line)}
html body .g4[style*="auto-fit"]{align-items:start}
html body .hero-deco,html body .ph-deco{display:none!important}
html body .hero .hn::before,html body .hero .hn::after{display:none!important}
.hn::before,.hn::after{display:none!important}
/* v8 spacing */
html body .ft2{padding-top:clamp(40px,5vw,64px)}
html body .ft2-main{padding-bottom:clamp(28px,3.5vw,48px)}
html body .ft2-badge{margin-top:18px}
html body .pc.hn::before,html body .pc.hn::after,html body .bn.hn::before,html body .bn.hn::after,html body .hn::before,html body .hn::after{display:none!important;content:none!important}
html body .sec:has(+ .cta),html body .sec:has(+ section.cta){padding-bottom:clamp(20px,3vw,40px)}
/* light mode: mock sites keep their own palette */
html body .tm,html body .tm .tm-t b,html body .tm .tm-t strong,html body .tm .tm-t span,html body .tm-t>b{color:var(--x)}
html body .tm .tm-nav b{color:var(--x)}
html body .tm .tm-h,html body .tm p.tm-h{color:var(--x)!important}
/* template cards: consistent previews, no tags or dots */
html body .tlc .tlc-cat,html body .tlc .pdots{display:none}
html body .tlc .tm-hero{grid-template-rows:minmax(0,1fr);overflow:hidden}
html body .tlc .tm-img{height:100%;min-height:0;max-height:100%}
html body .tlc .tlc-meta{gap:0}
/* v9 light mode: mockups, footer, cookie banner follow the theme */
html[data-theme=light] :is(.mk-win,.tm-dk){--bg:#fff;--g1:#f5f5f5;--g2:#fff;--g3:#eee;--g4:#ddd;--g5:#bbb;--gt:#5c5c5c;--tx:#0a0a0a;--line:#e2e2e2}
html[data-theme=light] .mk-win{border-color:var(--g4)}
html[data-theme=light] .tm{--b:color-mix(in srgb,var(--a) 7%,#fff)!important;--x:#1a1a1a!important;border-color:#ddd}
html[data-theme=light] .tm .tm-img{color:#fff}
html[data-theme=light] .tm .tm-row s,html[data-theme=light] .tm-row.p s{background:color-mix(in srgb,var(--a) 14%,#fff)}
html[data-theme=light] .ft2{background:var(--g1);--bg:#fff;--g1:#f5f5f5;--g2:#fff;--g3:#eee;--g4:#ddd;--g5:#bbb;--gt:#555;--tx:#0a0a0a;--line:#e2e2e2}
html[data-theme=light] .ft2 h4,html[data-theme=light] .ft2-c b,html[data-theme=light] .ft2-badge,html[data-theme=light] .ft2-links a:hover{color:#0a0a0a}
html[data-theme=light] .ft2-bar{background:#ececec}
html[data-theme=light] .ft2-logo svg path[fill="#F4F0E8"],html[data-theme=light] .ft2-logo svg path[stroke]{fill:#0a0a0a;stroke:#0a0a0a}
html[data-theme=light] .cc{--bg:#fff;--g1:#f5f5f5;--g2:#fff;--g4:#ddd;--gt:#555;--tx:#0a0a0a;background:#fff;color:#0a0a0a}
html[data-theme=light] .mk-win,html[data-theme=light] .mk-win .mk-h,html[data-theme=light] .mk-pl b{color:#0a0a0a}
html[data-theme=light] .mk-pl.hot,html[data-theme=light] .mk-pl.hot b{color:#fff}
/* v9 spacing: more breathing room */
html body .sh{margin-bottom:clamp(28px,3.4vw,44px);gap:18px 24px}
html body .sh .sub{margin-top:12px}
html body .sec{padding-top:clamp(52px,6vw,84px);padding-bottom:clamp(52px,6vw,84px)}
html body .sec.tight{padding-top:clamp(36px,4vw,56px);padding-bottom:clamp(36px,4vw,56px)}
html body .ao-l{padding:22px 20px 18px;gap:10px}
html body .aogrid{gap:20px}
html body .tlc-b{padding:24px clamp(20px,2vw,28px) 0;gap:12px}
html body .tlc-act{padding-top:18px;padding-bottom:20px}
html body .pc-h{padding-bottom:6px}
html body .pc ul{margin-top:6px}
html body .pca{margin-top:8px}
html body .indc-l{padding-top:20px;padding-bottom:20px}
html body .sh .btn,html body .sh .link{margin-top:2px}
html body .sh+*{margin-top:0}
@media(max-width:700px){
 html body .sh{flex-direction:column;align-items:flex-start;gap:16px;margin-bottom:28px}
 html body .sec{padding-top:44px;padding-bottom:44px}
 html body .tlc .tm{aspect-ratio:16/12}
 html body .tlc .tm-h,html body .tlc .tm-hero .tm-h{font-size:10px;line-height:1.25}
 html body .tlc .tm-row{display:none}
 html body .ao-l{padding:16px 14px 14px}
 html body .aogrid{gap:12px}
}
@media(max-width:700px){html body .tm:not(.big) .tm-row{display:none}html body .tm:not(.big) .tm-hero{padding:14px 12px}}
html body .tl{margin-top:8px}
@media(max-width:480px){html body .sv-btns{gap:6px;flex-wrap:nowrap;width:100%}html body .sv-btns>*{flex:1 1 auto;padding-left:8px;padding-right:8px;font-size:.66rem;letter-spacing:.04em;white-space:nowrap;min-width:0;justify-content:center}html body .sv-btns .qa .ql{white-space:nowrap}}
@media(max-width:480px){html body .sv-btns .qa::before,html body .sv-btns .qa::after{display:none!important;content:none!important}html body .sv-btns .qa{padding:0 6px;gap:0}}
/* hero price panel */
.hp{background:var(--g1);border:1px solid var(--line);border-radius:4px;width:100%;max-width:470px;margin-left:auto}
.hp-h{display:flex;justify-content:space-between;align-items:baseline;gap:12px;padding:22px 26px;border-bottom:1px solid var(--line)}
.hp-h b{font-size:1.05rem;font-weight:800;text-transform:uppercase;letter-spacing:-.01em}
.hp-h span{font-size:.78rem;color:var(--gt)}
.hp-r{display:grid;grid-template-columns:1fr auto 14px;gap:18px;align-items:center;padding:24px 26px;border-bottom:1px solid var(--line);transition:background .2s}
.hp-r:hover{background:var(--g2)}
.hp-n b{display:block;font-size:1.05rem;font-weight:700}
.hp-n small{display:block;margin-top:4px;font-size:.8rem;color:var(--gt)}
.hp-p{font-size:1.9rem;font-weight:900;letter-spacing:-.03em;line-height:1}
.hp-r .ar{justify-self:end}
.hp-r.hot{background:var(--red);border-bottom-color:var(--red)}
.hp-r.hot:hover{background:var(--red)}
.hp-r.hot small{color:rgba(255,255,255,.85)}
.hp-r.hot,.hp-r.hot b,.hp-r.hot .hp-p{color:#fff}
.hp-f{display:flex;justify-content:space-between;align-items:center;gap:12px;padding:18px 26px;font-size:.8rem;color:var(--gt)}
@media(max-width:700px){.hp{max-width:none;margin:0}.hp-h,.hp-r,.hp-f{padding-left:20px;padding-right:20px}.hp-p{font-size:1.6rem}}
/* v10: cta banner, template card alignment, header quote button */
.cta2{background:var(--red);color:#fff;border-radius:4px;padding:clamp(32px,4.5vw,60px);display:grid;grid-template-columns:1fr auto;gap:26px 40px;align-items:center}
.cta2 .h2{color:#fff;border-top-color:#fff;margin-bottom:12px}
.cta2 p{color:rgba(255,255,255,.92);max-width:52ch;margin:0}
.cta2-a{display:flex;gap:12px;flex-wrap:nowrap}
.cta2 .btn{background:#fff;color:#000;border-color:#fff}
.cta2 .btn.ghost{background:transparent;color:#fff;border-color:#fff}
.cta2-f{grid-column:1/-1;display:flex;gap:10px 28px;flex-wrap:wrap;padding-top:20px;border-top:1px solid rgba(255,255,255,.45);font-size:.8rem;font-weight:600;letter-spacing:.04em;text-transform:uppercase}
@media(max-width:860px){.cta2{grid-template-columns:1fr}}
@media(max-width:420px){.cta2-a .btn{padding-left:12px;padding-right:12px;flex:1}}
html body .qhd{min-width:126px;justify-content:space-between;letter-spacing:.06em;font-size:.72rem;font-weight:800}
@media(max-width:860px){html body .qhd{min-width:0}}
.slc{align-items:stretch}
html body .tlc{display:flex;flex-direction:column;height:100%}
html body .tlc .tlc-b{flex:1;display:flex;flex-direction:column}
html body .tlc .tlc-tags{margin-bottom:auto}
html body .tlc .tlc-meta{margin-top:16px}
html body .tlc .tlc-act{margin-top:auto}
/* case study site mockups */
.cm{--b:#111;--a:#D4160A;--x:#eee;container-type:inline-size;background:var(--b);color:var(--x);border:1px solid rgba(128,128,128,.3);border-radius:4px;overflow:hidden;aspect-ratio:16/10;display:flex;flex-direction:column;position:relative;font-family:Inter,sans-serif;line-height:1.2}
.cm-n{display:flex;align-items:center;justify-content:space-between;padding:2.4cqw 4cqw;border-bottom:1px solid color-mix(in srgb,var(--x) 14%,transparent)}
.cm-n b{font-size:3.1cqw;font-weight:800;letter-spacing:-.01em}
.cm-n nav{display:flex;gap:3cqw;font-size:2.2cqw;opacity:.75}
.cm-h{flex:1;min-height:0;display:grid;grid-template-columns:1.15fr 1fr;gap:4cqw;padding:4cqw 4cqw 2cqw;align-items:center}
.cm-h.c{grid-template-columns:1fr;text-align:center;justify-items:center}
.cm-t h4{font-size:6.4cqw;font-weight:900;letter-spacing:-.03em;line-height:1.02;text-transform:none;margin:0}
.cm-t p{font-size:2.5cqw;opacity:.78;margin:1.8cqw 0 2.6cqw;line-height:1.35;max-width:46cqw}
.cm-h.c .cm-t p{margin-left:auto;margin-right:auto}
.cm-t em{display:inline-block;font-style:normal;font-size:2.2cqw;font-weight:800;letter-spacing:.06em;text-transform:uppercase;background:var(--a);color:var(--b);padding:1.5cqw 3cqw;border-radius:.6cqw}
.cm-i{height:100%;min-height:20cqw;background:linear-gradient(145deg,var(--a),color-mix(in srgb,var(--a) 30%,var(--b)));border-radius:1cqw;display:grid;place-items:center;color:var(--b);position:relative;overflow:hidden}
.cm-i::after{content:"";position:absolute;width:60%;aspect-ratio:1;border-radius:50%;right:-15%;bottom:-25%;background:rgba(255,255,255,.14)}
.cm-i svg{width:12cqw;height:12cqw;opacity:.85;position:relative;z-index:1}
.cm-g{display:grid;grid-template-columns:repeat(3,1fr);gap:2.4cqw;padding:0 4cqw 4cqw}
.cm-c{display:flex;flex-direction:column;gap:.6cqw;font-size:2.2cqw}
.cm-c i{display:block;aspect-ratio:16/9;background:color-mix(in srgb,var(--a) 28%,var(--b));border-radius:.8cqw;margin-bottom:.8cqw}
.cm-c b{font-weight:700}.cm-c small{font-size:2cqw;opacity:.7}
.cm-g.l .cm-c{border:1px solid color-mix(in srgb,var(--x) 18%,transparent);border-radius:.8cqw;padding:2cqw}
.cm-l{padding:0 4cqw 3cqw}
.cm-r{display:grid;grid-template-columns:14cqw 1fr 3cqw;gap:2cqw;align-items:center;padding:1.7cqw 0;border-top:1px solid color-mix(in srgb,var(--x) 16%,transparent);font-size:2.3cqw}
.cm-r b{font-weight:800;color:var(--a)}
.cm-r span{opacity:.85}
.cm-r i{width:1.6cqw;height:1.6cqw;border-right:.45cqw solid var(--x);border-top:.45cqw solid var(--x);transform:rotate(45deg);opacity:.6}
html body .cm{aspect-ratio:auto;min-height:0}
html body .cm-t h4{font-size:5cqw;line-height:1.05}
html body .cm-t p{font-size:2.3cqw;margin:1.4cqw 0 2.2cqw}
html body .cm-h{flex:none;padding:3.5cqw 4cqw 3cqw;gap:3cqw}
html body .cm-i{min-height:0;height:auto;align-self:stretch}
html body .cm-i svg{width:9cqw;height:9cqw}
html body .cm-g{padding:0 4cqw 3.5cqw}
html body .cm-c i{aspect-ratio:16/8}
html body .cm-n nav{gap:2.4cqw}
html body .cm p,html body .cm small,html body .cm span{color:inherit}
html body .cm h4,html body .cm b{color:inherit}
html body .cm-t p{opacity:.8}
html[data-theme] body .cm .cm-t p,html[data-theme] body .cm small,html[data-theme] body .cm span{color:var(--x)!important}
/* mobile fit pass */
@media(max-width:640px){
html body .tb a,html body .tb-l a,html body .tb-r a{font-size:11px}
html body .pr2 small,html body small{font-size:11px}
html body .hero-act .btn,html body .sv-btns .btn{padding-left:12px;padding-right:12px;min-width:0;white-space:nowrap}
html body .sv-btns .btn{font-size:11px;letter-spacing:.04em}
}
@media(max-width:360px){html body .hero-act .btn,html body .sv-btns .btn{padding-left:9px;padding-right:9px;font-size:10.5px}}
@media(max-width:860px){
html body .plh-l{order:1}html body .plh-r{order:2}
html body .plh-r .sv-btns{display:grid;grid-template-columns:1fr 1fr;gap:10px}
html body .plh-r .sv-btns>*{width:100%;min-width:0;justify-content:center;text-align:center}
}
@media(max-width:640px){
html body .ptab td[data-l]::before{content:attr(data-l) ": ";color:var(--gt);font-size:12px}
html body .ptab td[data-l]{padding:3px 0}
}
@media(max-width:640px){
html body .ptab tr{display:grid;grid-template-columns:auto 1fr;gap:4px 14px;padding:14px 16px;align-items:baseline}
html body .ptab td{display:block;width:auto;padding:0}
html body .ptab td:first-child{grid-column:1/-1;font-weight:700;font-size:1rem}
html body .ptab td:nth-child(2){font-weight:800;font-size:1.05rem}
html body .ptab td:nth-child(3){color:var(--gt);font-size:.85rem}
html body .ptab td:nth-child(n+4){grid-column:1/-1;font-size:.85rem;color:var(--gt)}
html body .ptab td:not(:first-child)::before{content:none!important}
html body .ptab td[data-l]:nth-child(n+4)::before{content:attr(data-l) ": "!important;color:var(--tx);font-size:.85rem;font-weight:600}
}
@media(max-width:640px){html body .ptab td{border:0!important}html body .ptab tr{border-bottom:1px solid var(--line)}}
@media(max-width:860px){
html body .mxd-l{grid-template-columns:minmax(0,1fr)!important;gap:2px}
html body .mxd-r{margin-left:0!important}
html body .tv-ph{display:none}
}
@media(max-width:860px){html body .mf-c+.mf-c{border-left:0;padding-left:0}html body .mf-c .mg{margin:0}}
@media(max-width:640px){
html body .mk-pl small,html body .ao-p small,html body .plr-p small,html body .pr2 small,html body .cside small{font-size:11px;letter-spacing:.04em}
html body .btn.full,html body .hero-act .btn{white-space:normal;text-align:center;line-height:1.25;height:auto;min-height:46px;padding-top:11px;padding-bottom:11px}
}
@media(max-width:640px){html body small,html body .pr2 small,html body .card .pr2 small{font-size:11px!important}}
/* ===== dropdown redesign (compact cards on desktop, accordion on mobile) ===== */
.dd-b,.mp-act,.mp-info{display:none}
@media(min-width:861px){
html body .dd.f{position:relative}
html body .mega.full{left:-20px;right:auto;top:calc(100% + 14px);width:360px;padding:10px;border:1px solid var(--g4);border-bottom:1px solid var(--g4);border-radius:4px;background:var(--bg);box-shadow:0 24px 48px -20px rgba(0,0,0,.6);transform:translateY(8px)}
html body .mega.full::before{top:-22px;height:22px}
html body .nav>.dd.f:first-child .mega.full{width:640px}
html body .mega.full .wrap{padding:0;max-width:none;width:auto}
html body .mxd{display:block}
html body .mxd-i,html body .mxd-r .ar,html body .mega.full .mf-old{display:none!important}
html body .mxd-l{grid-template-columns:minmax(0,1fr);gap:2px}
html body .nav>.dd.f:first-child .mxd-l{grid-template-columns:repeat(2,minmax(0,1fr))}
html body .mxd-r{margin:0;padding:11px 12px}
html body .mxd-x b{font-size:.95rem}
html body .mxd-x small{font-size:.78rem}
html[data-theme=light] .mega.full{background:#fff;box-shadow:0 24px 48px -24px rgba(0,0,0,.25)}
html body .qfab{opacity:1;visibility:visible;transform:none}
}
@media(max-width:860px){
html body .mega.full{display:none;padding:0 0 10px;border:0}
html body .dd.open>.mega.full{display:block}
html body .nav .dd,html body .nav>a:not(.btn){position:relative;border-bottom:1px solid var(--line)}
html body .nav .dd>a,html body .nav>a:not(.btn){display:block;padding:17px 48px 17px 0;font-size:1.05rem;font-weight:700;letter-spacing:0;text-transform:none;color:var(--tx)}
html body .nav .dd>a .chev{display:none}
html body .nav .dd>a::after{display:none}
html body .nav>a:not(.btn)::after{content:"";display:block;position:absolute;right:6px;top:50%;left:auto;bottom:auto;width:8px;height:8px;margin-top:-5px;background:none;border-right:2px solid var(--red2);border-top:2px solid var(--red2);transform:rotate(45deg);transform-origin:center}
html body .dd-b{display:block;position:absolute;right:0;top:0;width:48px;height:56px;background:none;border:0;cursor:pointer}
html body .dd-b::before{content:"";position:absolute;left:50%;top:50%;width:8px;height:8px;margin:-7px 0 0 -4px;border-right:2px solid var(--red2);border-bottom:2px solid var(--red2);transform:rotate(45deg);transition:transform .2s}
html body .dd.open>.dd-b::before{transform:rotate(225deg);margin-top:-2px}
html body .mf-c .mg{padding:10px 0;border:0}
html body .mf-c .mg small{display:block}
html body .mp-act{display:grid;gap:10px;margin-top:22px}
html body .mp-act .btn{display:flex;width:100%;justify-content:center;margin:0}
html body .qm{display:flex;align-items:center;justify-content:space-between;gap:10px;height:46px;padding:0 8px 0 16px;border:1.5px solid var(--g5);border-radius:4px;background:transparent;color:var(--tx);font:800 .75rem Inter,sans-serif;letter-spacing:.06em;text-transform:uppercase;cursor:pointer}
html body .qm svg{width:16px;height:16px;color:var(--red2);margin-right:-2px}
html body .qm span{margin-right:auto}
html body .qm b{display:grid;place-items:center;min-width:28px;height:28px;padding:0 6px;border-radius:4px;background:var(--red);color:#fff;font-size:.74rem}
html body .mp-info{display:block;margin-top:22px;padding-top:18px;border-top:1px solid var(--line)}
html body .mp-info b{display:block;font-size:.7rem;letter-spacing:.14em;text-transform:uppercase;color:var(--gt);margin-bottom:10px}
html body .mp-info a{display:flex;align-items:center;gap:10px;font-weight:600}
html body .mp-info svg{width:18px;height:18px;color:var(--red2)}
}
@media(max-width:860px){html body .nav .dd>a{border:0!important;box-shadow:none}html body .nav>a:not(.btn){border-top:0}}
/* ===== mobile comment pass ===== */
html body .slider{overflow-y:hidden;overscroll-behavior-x:contain}
html body .slider>*:hover,html body .slider .card:hover,html body .slider .card.pad:hover,html body .slider .bn:hover{transform:none!important}
html body .slider>.rv.in{transform:none}
@media(max-width:860px){
html body .sl-c{display:none!important}
html body .hero .hp{display:none}
html body .hero-in,html body .hero .wrap{min-height:0}
}
@media(max-width:640px){
/* FAQ topic chips: one swipeable row */
html body #fchips{display:flex;flex-wrap:nowrap;gap:8px;overflow-x:auto;overflow-y:hidden;scrollbar-width:none;margin:0 -16px 16px;padding:2px 16px}
html body #fchips::-webkit-scrollbar{display:none}
html body #fchips>*{flex:none;white-space:nowrap}
/* CTA banner */
html body .cta2{display:flex;flex-direction:column;gap:20px;padding:28px 22px;text-align:left}
html body .cta2-t .h2{font-size:1.7rem;line-height:1.05}
html body .cta2-t p{font-size:.95rem;line-height:1.55;margin-top:10px}
html body .cta2-a{display:grid;grid-template-columns:1fr;gap:10px}
html body .cta2-a .btn{width:100%;justify-content:center;text-align:center}
html body .cta2-f{display:grid;grid-template-columns:1fr 1fr;gap:8px 12px;padding-top:18px;font-size:.7rem}
html body .cta2-f span:last-child{grid-column:1/-1}
/* footer: menus two across */
html body .ft2-main{grid-template-columns:1fr 1fr;gap:28px 20px}
html body .ft2-brand,html body .ft2-contact{grid-column:1/-1}
html body .ft2-main nav h4{margin-bottom:12px}
html body .ft2-links a{font-size:.92rem;padding:5px 0}
/* footer bar */
html body .ft2-bar .wrap{display:flex;flex-direction:column;align-items:stretch;gap:16px;text-align:center}
html body .ft2-bar .wrap>span{font-size:.78rem;line-height:1.6;color:var(--gt)}
html body .ft2-bar nav{display:grid;grid-template-columns:44px 1fr 1fr;gap:8px;align-items:stretch}
html body .ft2-bar nav>*{display:flex;align-items:center;justify-content:center;height:44px;border:1px solid var(--line);border-radius:4px;font-size:.78rem;font-weight:700;letter-spacing:.04em;text-transform:uppercase;padding:0 10px;margin:0}
}
@media(max-width:640px){
html body .cta2,html body .cta2-t,html body .cta2-a,html body .cta2-f{text-align:left;justify-items:stretch;align-items:stretch}
html body .cta2-a{display:flex;flex-direction:column;width:100%}
html body .cta2-a .btn{width:100%;max-width:none;flex:none;display:flex}
html body .cta2-f{justify-content:flex-start}
html body .ft2-bar .thm{width:44px;padding:0}
html body .ft2-bar .thm svg{width:18px;height:18px}
html body .ft2-bar .thm svg+svg{display:none}
html[data-theme=light] .ft2-bar .thm svg:first-child{display:none}html[data-theme=light] .ft2-bar .thm svg+svg{display:block}
}
/* hero graphic: stepped plan columns */
.hs{width:100%;max-width:470px;margin-left:auto;padding:26px 26px 20px;border:1px solid var(--line);border-radius:4px;background:var(--g1)}
.hs-h{display:flex;justify-content:space-between;align-items:baseline;gap:12px;margin-bottom:22px}
.hs-h b{font-size:.8rem;letter-spacing:.14em;text-transform:uppercase;font-weight:800}
.hs-h span{font-size:.8rem;color:var(--gt)}
.hs-c{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;align-items:end;height:380px;padding-bottom:0;border-bottom:2px solid var(--tx);background:repeating-linear-gradient(to top,transparent 0,transparent 75px,var(--line) 75px,var(--line) 76px)}
.hs-b{display:flex;flex-direction:column;justify-content:flex-end;gap:4px;padding:16px 14px;border:1px solid var(--g4);border-bottom:0;border-radius:4px 4px 0 0;background:var(--g2);color:var(--tx);transition:background .2s,border-color .2s}
.hs-b.b1{height:150px}.hs-b.b2{height:265px;background:var(--red);border-color:var(--red);color:#fff}.hs-b.b3{height:380px;background:var(--tx);border-color:var(--tx);color:var(--bg)}
.hs-p{font-size:clamp(1.6rem,2.4vw,2.3rem);font-weight:900;letter-spacing:-.04em;line-height:1}
.hs-b b{font-size:.78rem;letter-spacing:.14em;text-transform:uppercase;font-weight:800;margin-top:6px}
.hs-b small{font-size:.76rem;opacity:.75}
.hs-b:hover{border-color:var(--red)}.hs-b.b2:hover{background:#e4180b}.hs-b.b3:hover{background:var(--g5);border-color:var(--g5)}
.hs-f{display:flex;justify-content:space-between;align-items:center;gap:12px;margin-top:16px;font-size:.82rem;color:var(--gt)}
html body .hero .hs{align-self:center}
@media(max-width:860px){html body .hero .hs{display:none}}
@media(max-width:860px){html body .hdr .qhd{display:none!important}}html body .qfab{display:none!important}

/* parity: bundle compare (mobile cards) */
.bcm{display:none}
@media(max-width:860px){html body .bcmp-d{display:none}html body .bcm{display:grid;gap:14px}}
.bcm-c{border:1px solid var(--line);background:var(--g1);padding:18px}
.bcm-c h3{margin:0 0 8px}
.bcm-c dl{margin:0}
.bcm-c dl>div{display:flex;justify-content:space-between;align-items:flex-start;gap:18px;padding:10px 0;border-top:1px solid var(--line)}
.bcm-c dt{color:var(--gt);font-size:.84rem;flex:0 0 38%}
.bcm-c dd{margin:0;text-align:right;font-weight:600;font-size:.9rem;min-width:0;overflow-wrap:anywhere}

.form .rf-ok{display:flex;align-items:center;gap:10px;text-transform:none;letter-spacing:0;font-size:.9rem;font-weight:500}
.form .rf-ok input{width:auto}

/* parity: compare cards */
.vs{display:grid;grid-template-columns:1fr 1fr;gap:16px}
@media(max-width:860px){.vs{grid-template-columns:1fr}}
.vs-c{border:1px solid var(--line);background:var(--g1);padding:26px}
.vs-c.us{border-color:var(--red)}
.vs-b{font-size:.7rem;letter-spacing:.14em;text-transform:uppercase;color:var(--gt);font-weight:700}
.vs-c.us .vs-b{color:var(--red)}
.vs-c h3{margin:10px 0 14px}
.vs-c ul{list-style:none;margin:0;padding:0}
.vs-c li{display:grid;gap:3px;padding:12px 0;border-top:1px solid var(--line)}
.vs-c li small{color:var(--gt);font-size:.76rem;text-transform:uppercase;letter-spacing:.08em}
.vs-c li b{font-weight:600}
.vs-c .vs-n{display:block;font-size:1.5rem;font-weight:900;text-transform:uppercase;letter-spacing:-.01em;margin:8px 0 12px}
html body .sec .brc{padding:20px 22px;border:1px solid var(--line);background:var(--g1)}
html body .sec .brc small{display:block;margin-bottom:6px}
html body .sec .brc p{margin:0 0 14px}
html body .sec .brc .hero-act{margin-top:6px}
html body .sec .brc>.btn:last-child{margin-top:0}