:root{--bg:#fff;--ink:#16161d;--muted:#4b4b57;--soft:#7a7a86;--brand:#3976bc;--brand-d:#154d8e;--line:#ececf2;--badge:#fff1dc;--badge-ink:#a35700;
--c1:#e8f0f7;--c2:#eaf2fe;--c3:#fff6e3;--c4:#e8f7ef;--c5:#fdecf3;--c6:#efedfd;
--i1:#154d8e;--i2:#2f6fe0;--i3:#e8890c;--i4:#1f9d63;--i5:#e0307f;--i6:#5b4bd6;
box-sizing:border-box;padding-top:env(safe-area-inset-top,0px);padding-bottom:env(safe-area-inset-bottom,0px)}
@media (prefers-color-scheme:dark){:root:not([data-theme="light"]){--bg:#111118;--ink:#f3f3f8;--muted:#b9b9c6;--soft:#8d8d9a;--brand:#5b9ad8;--brand-d:#8db8e6;--line:#2a2a36;--badge:#ffad33;
--c1:#132238;--c2:#161d2b;--c3:#262016;--c4:#14231c;--c5:#2a1720;--c6:#1b1a2e}}
:root[data-theme="dark"]{--bg:#111118;--ink:#f3f3f8;--muted:#b9b9c6;--soft:#8d8d9a;--brand:#5b9ad8;--brand-d:#8db8e6;--line:#2a2a36;--badge:#ffad33;
--c1:#132238;--c2:#161d2b;--c3:#262016;--c4:#14231c;--c5:#2a1720;--c6:#1b1a2e}
html{scroll-padding-top:env(safe-area-inset-top,0px)}
*,*:before,*:after{box-sizing:inherit}
body{margin:0;background:var(--bg);color:var(--ink);font-family:'DM Sans',system-ui,-apple-system,'Segoe UI',Roboto,sans-serif;-webkit-font-smoothing:antialiased}
header{display:flex;align-items:center;justify-content:space-between;gap:24px;max-width:1280px;margin:0 auto;padding:20px 32px}
.logo{font-weight:600;font-size:24px;letter-spacing:-.5px;color:var(--ink);text-decoration:none}
.logo b{color:var(--brand);font-weight:800}
nav{display:flex;gap:28px;margin-right:auto;margin-left:32px}
nav a{display:flex;align-items:center;gap:5px;font-size:15px;font-weight:500;color:var(--ink);text-decoration:none}
nav svg{width:13px;height:13px;stroke:currentColor;fill:none;stroke-width:2}
.btn{display:inline-flex;align-items:center;justify-content:center;gap:10px;border-radius:999px;font:500 15px 'DM Sans',system-ui,sans-serif;text-decoration:none;padding:12px 26px;border:1.5px solid var(--brand);transition:background .15s}
.btn.p{background:var(--brand);color:#fff}.btn.p:hover{background:var(--brand-d)}
.btn.s{background:transparent;color:var(--brand)}.btn.s:hover{background:var(--c1)}
.btn svg{width:18px;height:18px;stroke:currentColor;fill:none;stroke-width:1.6}
.menu{display:none;background:none;border:1.5px solid var(--line);border-radius:10px;padding:8px;color:var(--ink)}
.menu svg{width:22px;height:22px;stroke:currentColor;fill:none;stroke-width:2;display:block}
main{max-width:1280px;margin:0 auto;padding:44px 32px 64px;text-align:center}
.badge{display:inline-block;background:var(--badge);color:var(--badge-ink);font-size:13px;font-weight:500;letter-spacing:.04em;padding:6px 16px;border-radius:999px}
h1{font-size:clamp(34px,3.4vw,48px);line-height:1.2;font-weight:700;letter-spacing:-.025em;margin:24px auto 0;max-width:none}
h1 em{text-wrap:balance}
h1 span{color:var(--brand)}
h1 em{font-style:normal;display:block}
.lead{font-size:clamp(16px,1.5vw,19px);line-height:1.65;color:var(--muted);max-width:1100px;margin:24px auto 0}
.cards{display:grid;grid-template-columns:repeat(6,1fr);gap:16px;margin-top:44px;text-align:center}
.dots{display:none;justify-content:center;gap:8px;margin-top:16px}.dots{align-items:center}.dots i{width:8px;height:8px;border-radius:99px;background:var(--line);transition:all .2s;cursor:pointer;margin:0 -1px}.dots i.on{width:22px;background:var(--brand)}.dots .a{width:38px;height:38px;border-radius:50%;border:1.5px solid var(--line);background:var(--bg);color:var(--ink);cursor:pointer;display:flex;align-items:center;justify-content:center;padding:0}.dots .a svg{width:18px;height:18px;stroke:currentColor;fill:none;stroke-width:2}.dots .a:disabled{opacity:.35;cursor:default}.dots .m{display:flex;gap:8px;align-items:center;margin:0 6px}
.cards.drag{cursor:grabbing;scroll-snap-type:none;user-select:none}
.mnav{display:none;max-width:1280px;margin:0 auto;padding:0 20px 18px;flex-direction:column;border-bottom:1px solid var(--line)}.mnav a{padding:13px 4px;font-size:16px;font-weight:500;color:var(--ink);text-decoration:none;border-bottom:1px solid var(--line)}.mnav a.btn{margin-top:16px;padding:14px 26px;border:1.5px solid var(--brand);color:#fff}
.card{border-radius:18px;padding:22px 14px;border:1px solid var(--line)}
.card svg{width:34px;height:34px;fill:none;stroke:currentColor;stroke-width:1.6;stroke-linecap:round;stroke-linejoin:round}
.card h3{font-size:15px;font-weight:600;margin:12px 0 6px;line-height:1.3}
.card p{font-size:13.5px;line-height:1.5;color:var(--muted);margin:0}
.cta{display:flex;justify-content:center;gap:16px;margin-top:44px}
.cta .btn{padding:16px 36px;font-size:16px}
.trust{display:flex;align-items:center;justify-content:center;gap:8px;margin-top:24px;font-size:14px;color:var(--soft)}
.trust svg{width:18px;height:18px;stroke:currentColor;fill:none;stroke-width:1.6;flex:none}
@media (max-width:1100px){nav{gap:18px;margin-left:16px}
.cards{display:flex;gap:14px;overflow-x:auto;scroll-snap-type:x mandatory;-webkit-overflow-scrolling:touch;scrollbar-width:none;padding:2px 2px 4px;margin-left:-20px;margin-right:-20px;padding-left:20px;padding-right:20px;scroll-padding-left:20px}
.cards::-webkit-scrollbar{display:none}
.card{flex:0 0 clamp(210px,34%,280px);scroll-snap-align:start}
.dots{display:flex}.cards{touch-action:pan-x pan-y}}
@media (max-width:860px){.mnav.open{display:flex}nav,header>.btn{display:none}.menu{display:block}header{padding:16px 20px}main{padding:32px 20px 48px}}
@media (max-width:560px){.card{flex-basis:72%;padding:20px 14px}.cta{flex-direction:column;align-items:stretch}.trust{text-align:left;align-items:flex-start;justify-content:center}}

.hd{position:relative;z-index:40;background:var(--bg)}
nav a,nav .ni{padding:8px 0}
nav .ni{display:flex;align-items:center;gap:5px;font:500 15px 'DM Sans',system-ui,sans-serif;color:var(--ink);background:none;border:0;cursor:pointer}
nav .ni svg{transition:transform .2s}nav .ni.on{color:var(--brand)}nav .ni.on svg{transform:rotate(180deg)}
.mega{position:absolute;left:0;right:0;top:100%;background:var(--bg);border-top:1px solid var(--line);border-bottom:1px solid var(--line);box-shadow:0 22px 40px rgba(14,42,77,.08);opacity:0;visibility:hidden;transform:translateY(-6px);transition:opacity .18s,transform .18s,visibility .18s;text-align:left}
.mega.open{opacity:1;visibility:visible;transform:none}
.mi{max-width:1280px;margin:0 auto;padding:28px 32px 34px;display:grid;gap:28px}
.mi h4,.sub h4{margin:0 0 10px 10px;font-size:12px;font-weight:600;letter-spacing:.08em;text-transform:uppercase;color:var(--soft)}
.mi .l,.sub .l{display:flex;gap:12px;align-items:flex-start;padding:10px;border-radius:12px;text-decoration:none;color:var(--ink)}
.mi .l:hover,.sub .l:hover{background:var(--c1)}
.mi .t,.sub .t{flex:none;width:38px;height:38px;border-radius:10px;display:flex;align-items:center;justify-content:center}
.mi .t svg,.sub .t svg{width:20px;height:20px;fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round}
.mi b,.sub b{display:block;font-size:14.5px;font-weight:500;line-height:1.3}
.mi small,.sub small{display:block;font-size:12.5px;color:var(--muted);margin-top:2px;line-height:1.4}
.promo{background:var(--c1);border:1px solid var(--line);border-radius:18px;padding:22px;display:flex;flex-direction:column;align-items:flex-start;gap:8px}
.promo h5{margin:0;font-size:17px;font-weight:600}.promo p{margin:0 0 8px;font-size:13.5px;line-height:1.55;color:var(--muted)}
.promo .btn{padding:10px 22px;font-size:14px}
.ac{display:flex;justify-content:space-between;align-items:center;width:100%;background:none;border:0;border-bottom:1px solid var(--line);padding:13px 4px;font:500 16px 'DM Sans',system-ui,sans-serif;color:var(--ink);text-align:left;cursor:pointer}
.ac svg{width:16px;height:16px;stroke:currentColor;fill:none;stroke-width:2;transition:transform .2s}.ac.on svg{transform:rotate(180deg)}.ac.on{color:var(--brand)}
.sub{display:none;padding:6px 0 14px}.sub .l{border-bottom:0;padding:9px 6px}.sub h4{margin:10px 0 4px 6px}.sub .promo{margin-top:14px}.sub .promo .btn{margin-top:0;padding:10px 22px;font-size:14px}.sub.on{display:block}
.mnav{max-height:calc(100vh - 72px);overflow-y:auto}
@media (max-width:860px){.mega{display:none}}

.prob{max-width:1280px;margin:0 auto;padding:24px 32px 88px;text-align:center}
.prob h2{font-size:clamp(26px,3.4vw,42px);line-height:1.22;font-weight:600;letter-spacing:-.02em;margin:0 auto;max-width:860px}
.prob h2 span{color:var(--brand)}
.pg{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;margin-top:48px;text-align:left}
.pc{border:1px solid var(--line);border-radius:20px;padding:14px 14px 26px;background:var(--bg)}
.ill{border-radius:14px;background:var(--c6);display:flex;align-items:center;justify-content:center;padding:10px 0}
.ill svg{width:100%;max-width:300px;height:auto;display:block;font-family:'DM Sans',system-ui,sans-serif}
.pc h3{font-size:19px;font-weight:600;line-height:1.3;margin:22px 12px 10px}
.pc p{font-size:15px;line-height:1.65;color:var(--muted);margin:0 12px}
@media (max-width:860px){.prob{padding:8px 20px 64px}.pg{grid-template-columns:1fr;gap:16px;margin-top:32px}}

/* ---- modern polish ---- */
body{background:var(--bg) radial-gradient(1000px 460px at 50% -120px,var(--c1),transparent 72%) no-repeat}
.hd{position:sticky;top:0;transition:border-color .2s,box-shadow .2s;border-bottom:1px solid transparent}
.hd.sc{border-bottom-color:var(--line);box-shadow:0 6px 24px rgba(14,42,77,.05)}
:focus-visible{outline:2px solid var(--brand);outline-offset:3px;border-radius:8px}
.badge{display:inline-flex;align-items:center;gap:8px;box-shadow:0 0 0 4px rgba(255,153,0,.28)}
.badge:before{content:"";width:7px;height:7px;border-radius:50%;background:var(--brand)}
h1 span{background:linear-gradient(transparent 82%,rgba(57,118,188,.14) 82%);padding:0 2px}
.btn{transition:background .18s,transform .18s,box-shadow .18s}
.btn.p{box-shadow:0 8px 20px rgba(57,118,188,.24)}
.btn.p:hover{transform:translateY(-1px);box-shadow:0 12px 26px rgba(57,118,188,.32)}
.cta .btn.p:after{content:"→";font-size:18px;line-height:1;transition:transform .18s}
.cta .btn.p:hover:after{transform:translateX(3px)}
.card{transition:transform .22s,box-shadow .22s,border-color .22s;border-color:rgba(57,118,188,.08)}
.card svg{width:52px;height:52px;padding:11px;background:var(--bg);border-radius:15px;box-shadow:0 2px 8px rgba(14,42,77,.06)}
.card:hover,.pc:hover{transform:translateY(-5px);box-shadow:0 16px 32px rgba(14,42,77,.09)}
.pc{transition:transform .22s,box-shadow .22s}
.ill{background:linear-gradient(160deg,var(--c6),var(--c1))}
.mi .l:hover b,.sub .l:hover b{color:var(--brand)}
.mi .l{transition:background .15s}
.js .rv{opacity:0}.js .rv.in{opacity:1;animation:up .55s ease backwards;animation-delay:var(--d,0s)}
@keyframes up{from{opacity:0;transform:translateY(16px)}}
@media (prefers-reduced-motion:reduce){.js .rv{opacity:1}.js .rv.in{animation:none}.card,.pc,.btn{transition:none}}

/* ---- unique layer ---- */
main{position:relative;isolation:isolate}
/*texture*/
.flowsec{max-width:1280px;margin:0 auto;padding:16px 32px 96px;text-align:center}
.flowsec h2{font-size:clamp(26px,3.4vw,42px);line-height:1.22;font-weight:600;letter-spacing:-.02em;margin:0 auto;max-width:820px}
.flowsec h2 span{color:var(--brand)}
.flowsec .sub2{font-size:clamp(15px,1.4vw,17px);line-height:1.65;color:var(--muted);max-width:640px;margin:16px auto 0}
.flow{list-style:none;margin:64px 0 0;padding:0;display:grid;grid-template-columns:repeat(5,1fr);gap:16px;position:relative}
.flow:before,.flow:after{content:"";position:absolute;top:30px;left:10%;right:10%;height:3px;border-radius:3px;background:var(--line)}
.flow:after{background:linear-gradient(90deg,var(--i2),var(--brand),var(--i5));transform:scaleX(0);transform-origin:left;transition:transform 1.4s cubic-bezier(.4,0,.2,1) .2s}
.flow.in:after{transform:scaleX(1)}
.flow li{position:relative;padding:0 8px}
.fn{position:relative;z-index:1;width:60px;height:60px;margin:0 auto;border-radius:18px;display:flex;align-items:center;justify-content:center;border:3px solid var(--bg)}
.fn svg{width:26px;height:26px;fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round}
.fn i{position:absolute;top:-8px;right:-8px;width:22px;height:22px;border-radius:50%;background:var(--ink);color:var(--bg);font:600 11px/22px 'DM Sans',system-ui,sans-serif;font-style:normal}
.flow h3{font-size:16px;font-weight:600;margin:18px 0 6px}
.flow p{font-size:14px;line-height:1.55;color:var(--muted);margin:0 auto;max-width:210px}
.sticky{position:fixed;left:12px;right:12px;bottom:calc(12px + env(safe-area-inset-bottom,0px));z-index:30;display:none;align-items:center;justify-content:space-between;gap:12px;padding:10px 10px 10px 18px;background:var(--bg);border:1px solid var(--line);border-radius:999px;box-shadow:0 12px 32px rgba(14,42,77,.16);transform:translateY(140%);transition:transform .3s}
.sticky.show{transform:none}.sticky span{font-size:14px;font-weight:500}.sticky .btn{padding:10px 20px;font-size:14px;white-space:nowrap}
@media (max-width:860px){.flowsec{padding:8px 20px 96px}.sticky{display:flex}
.flow{grid-template-columns:1fr;gap:28px;margin-top:44px;text-align:left}
.flow:before,.flow:after{top:30px;bottom:30px;left:29px;right:auto;width:3px;height:auto}
.flow:after{transform:scaleY(0);transform-origin:top}.flow.in:after{transform:scaleY(1)}
.flow li{display:grid;grid-template-columns:60px 1fr;column-gap:18px;align-items:center;padding:0}
.fn{margin:0;grid-row:span 2}.flow h3{margin:0 0 2px;align-self:end}.flow p{margin:0;max-width:none;align-self:start}}
@media (prefers-reduced-motion:reduce){.flow:after{transition:none}.sticky{transition:none}}

/* ---- challenge section ---- */
.ch{max-width:1320px;margin:0 auto;padding:56px 32px 96px;text-align:center}
.pill{display:inline-block;background:var(--badge);color:var(--badge-ink);font-size:13px;font-weight:500;letter-spacing:.06em;text-transform:uppercase;padding:7px 18px;border-radius:999px}
.ch h2{font-size:clamp(32px,3.4vw,48px);line-height:1.2;font-weight:700;letter-spacing:-.02em;margin:22px auto 0;max-width:none;color:var(--ink)}
.ch h2 em{text-wrap:balance}
html{scroll-behavior:smooth}
.ch h2 em{font-style:normal;display:block}.ch h2 span{color:var(--brand)}
.chg{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;margin-top:56px;text-align:left}
.chc{border:1px solid var(--line);border-radius:22px;padding:20px 20px 28px;display:flex;flex-direction:column;transition:transform .22s,box-shadow .22s}
.chc:hover{transform:translateY(-5px);box-shadow:0 16px 32px rgba(14,42,77,.08)}
.chc.c1{background:var(--c1)}.chc.c2{background:var(--c2)}.chc.c3{background:var(--c3)}
.chv{margin-bottom:18px}.chv svg{display:block;width:100%;height:auto;font-family:'DM Sans',system-ui,sans-serif}
.chv .ta{fill:color-mix(in srgb,var(--i1) 15%,var(--bg))}.chv .tb{fill:color-mix(in srgb,var(--i2) 15%,var(--bg))}.chv .tc{fill:color-mix(in srgb,var(--i3) 17%,var(--bg))}
.num{display:inline-block;font-size:13px;font-weight:600;padding:4px 12px;border-radius:8px}
.c1 .num{background:color-mix(in srgb,var(--i1) 16%,var(--bg));color:var(--i1)}.c2 .num{background:color-mix(in srgb,var(--i2) 16%,var(--bg));color:var(--i2)}.c3 .num{background:color-mix(in srgb,var(--i3) 22%,var(--bg));color:var(--i3)}
.chb h3{font-size:21px;line-height:1.3;font-weight:600;margin:14px 0 10px}
.chb p{font-size:15.5px;line-height:1.65;color:var(--muted);margin:0}
@media (max-width:1100px){.chg{grid-template-columns:repeat(2,1fr)}.chc.c3{grid-column:1/-1;flex-direction:row;align-items:center;gap:32px}.c3 .chv{flex:0 0 46%;margin:0}}
@media (max-width:700px){.ch{padding:32px 20px 72px}.chg{grid-template-columns:1fr;gap:16px;margin-top:36px}.chc.c3{flex-direction:column;align-items:stretch;gap:0}.c3 .chv{flex:none;margin-bottom:18px}}

/* ---- "One product." hover dropdown ---- */
h1{position:relative}
.op{font:inherit;letter-spacing:inherit;color:var(--brand);background:linear-gradient(rgba(57,118,188,.14),rgba(57,118,188,.14)) 0 100%/100% 18% no-repeat;border:0;padding:0 .06em;cursor:pointer;display:inline-flex;align-items:center;gap:.14em;border-radius:8px;transition:background-size .3s}
.op:hover,.op.on{background-size:100% 100%}
.op svg{width:.4em;height:.4em;stroke:currentColor;fill:none;stroke-width:3.2;stroke-linecap:round;stroke-linejoin:round;margin-top:.14em;transition:transform .25s}
.op.on svg{transform:rotate(180deg)}
h1 .pop{position:absolute;left:50%;top:calc(100% + 10px);width:min(640px,100%);z-index:20;display:block;padding:18px;background:var(--bg);color:var(--ink);border:1px solid var(--line);border-radius:20px;box-shadow:0 24px 48px rgba(14,42,77,.14);text-align:left;font:400 14px/1.4 'DM Sans',system-ui,sans-serif;letter-spacing:0;opacity:0;visibility:hidden;transform:translate(-50%,10px) scale(.97);transform-origin:50% 0;transition:opacity .22s,transform .22s,visibility .22s}
h1 .pop.open{opacity:1;visibility:visible;transform:translate(-50%,0) scale(1)}
h1 .pop span{background:none;padding:0;color:inherit}
.pop .ph{display:block;font-size:12px;font-weight:600;letter-spacing:.08em;text-transform:uppercase;color:var(--soft);margin:2px 8px 10px}
.pop .pg2{display:grid;grid-template-columns:1fr 1fr;gap:4px}
.pop .pi{display:flex;gap:12px;align-items:center;padding:10px;border-radius:12px;text-decoration:none;color:var(--ink);opacity:0;transform:translateY(8px);transition:background .15s,opacity .3s,transform .3s;transition-delay:0s,calc(var(--k)*55ms + 90ms),calc(var(--k)*55ms + 90ms)}
.pop.open .pi{opacity:1;transform:none}
.pop .pi:hover{background:var(--c1)}.pop .pi:hover b{color:var(--brand)}
.pop .pt{flex:none;width:38px;height:38px;border-radius:10px;display:flex;align-items:center;justify-content:center}
.pop .pt svg{width:20px;height:20px;fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round;margin:0;transform:none}
.pop b{display:block;font-size:14.5px;font-weight:500;line-height:1.3}
.pop small{display:block;font-size:12.5px;font-weight:400;color:var(--muted);margin-top:2px}
@media (max-width:700px){h1 .pop{left:0;width:100%;transform:translate(0,10px) scale(.97);padding:12px}h1 .pop.open{transform:none}.pop .pg2{grid-template-columns:1fr}}
@media (prefers-reduced-motion:reduce){.pop,.pop .pi,.op,.op svg{transition:none}}

/* ---- hero texture: ledger grid + purple nodes + soft grain ---- */
body{overflow-x:clip}
main:before,main:after{content:"";position:absolute;top:0;bottom:12%;left:50%;width:100vw;margin-left:-50vw;z-index:-1;pointer-events:none;-webkit-mask-image:radial-gradient(ellipse 75% 85% at 50% 28%,#000 25%,transparent 78%);mask-image:radial-gradient(ellipse 75% 85% at 50% 28%,#000 25%,transparent 78%)}
main:before{background:radial-gradient(color-mix(in srgb,var(--brand) 34%,transparent) 1.6px,transparent 2px) -24px -24px/48px 48px,linear-gradient(var(--line) 1px,transparent 1px) 0 0/48px 48px,linear-gradient(90deg,var(--line) 1px,transparent 1px) 0 0/48px 48px}
main:after{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='160' height='160'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.85' numOctaves='2' stitchTiles='stitch'/%3E%3CfeColorMatrix values='0 0 0 0 .42 0 0 0 0 .3 0 0 0 0 .6 0 0 0 .6 0'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E");opacity:.08}
@media (prefers-color-scheme:dark){:root:not([data-theme="light"]) main:after{opacity:.12}}
@media (max-width:700px){main:before{background-size:36px 36px,36px 36px,36px 36px;background-position:-18px -18px,0 0,0 0}}
@media (max-width:860px){h1{font-size:clamp(34px,5.2vw,40px)}.ch h2{font-size:clamp(32px,5vw,40px)}}
@media (max-width:560px){h1{font-size:34px;line-height:1.22}.ch h2{font-size:32px}}

/* ---- clients / payroll experience ---- */
.cl{position:relative;isolation:isolate;max-width:1320px;margin:0 auto;padding:72px 32px 24px 84px}
.clv{position:absolute;left:30px;top:84px;display:flex;flex-direction:column;align-items:center;gap:14px;color:var(--brand)}
.clv i{display:block;width:1px;height:84px;background:currentColor;opacity:.45}
.clv span{writing-mode:vertical-rl;transform:rotate(180deg);font-size:12px;font-weight:600;letter-spacing:.26em}
.cl-top{display:flex;justify-content:space-between;align-items:flex-end;gap:28px 40px;flex-wrap:wrap}
.cl-lab{display:inline-flex;align-items:center;gap:12px;font-size:12.5px;font-weight:600;letter-spacing:.14em;text-transform:uppercase;color:var(--brand)}
.cl-lab:before{content:"";width:28px;height:2px;border-radius:2px;background:currentColor}
.cl h2{font-size:clamp(36px,5vw,60px);line-height:1.1;font-weight:700;letter-spacing:-.03em;margin:16px 0 0}
.cl h2 span{color:var(--brand)}
.cl .lead2{font-size:clamp(16px,1.5vw,19px);line-height:1.65;color:var(--muted);max-width:640px;margin:20px 0 0}
.clb{display:flex;align-items:center;gap:14px;padding:12px 22px 12px 14px;border:1px solid var(--line);border-radius:18px;background:var(--bg)}
.clb .ic{width:42px;height:42px;border-radius:12px;background:var(--c1);color:var(--brand);display:flex;align-items:center;justify-content:center}
.clb .ic svg{width:22px;height:22px;fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round}
.clb b{display:block;font-size:16px;font-weight:700;letter-spacing:.05em;color:var(--brand);line-height:1.2}
.clb small{display:block;font-size:13px;color:var(--muted);margin-top:2px}
.clwrap{position:relative;margin-top:48px}
.clblob{position:absolute;z-index:-1;right:-7%;top:-80px;width:56%;max-width:760px;color:var(--c1)}
.clblob2{position:absolute;z-index:-1;left:-5%;bottom:-60px;width:34%;max-width:420px;color:var(--c2);opacity:.8}
.cldots{position:absolute;z-index:-1;left:-24px;top:-24px;width:112px;height:72px;background:radial-gradient(color-mix(in srgb,var(--brand) 38%,transparent) 1.6px,transparent 2px) 0 0/16px 16px}
.clw{background:#fff;border:1px solid var(--line);border-radius:26px;padding:22px;box-shadow:0 18px 50px rgba(14,42,77,.06);display:grid;grid-template-columns:repeat(6,1fr);gap:14px}
.clt{height:104px;border:1px solid #eeeef4;border-radius:16px;display:flex;align-items:center;justify-content:center;background:#fff;transition:transform .2s,border-color .2s,box-shadow .2s}
.clt:hover{transform:translateY(-3px);border-color:rgba(57,118,188,.28);box-shadow:0 10px 24px rgba(14,42,77,.08)}
.clt img{display:block;max-width:78%;max-height:56px;width:auto;height:auto;mix-blend-mode:multiply}
@media (max-width:1100px){.cl{padding:56px 24px 16px}.clv{display:none}.clw{grid-template-columns:repeat(3,1fr)}}
@media (max-width:700px){.cl{padding:40px 20px 8px}.clw{grid-template-columns:repeat(2,1fr);padding:14px;gap:10px;border-radius:22px}.clt{height:84px;border-radius:14px}.clt img{max-height:46px}.clwrap{margin-top:32px}.clb{margin-top:4px}}
@media (prefers-reduced-motion:reduce){.clt{transition:none}}

/* ---- who we are (v2) ---- */
.wub{position:relative;overflow:hidden;isolation:isolate;background:linear-gradient(180deg,var(--bg) 0,color-mix(in srgb,var(--c1) 60%,var(--bg)) 22%,color-mix(in srgb,var(--c1) 60%,var(--bg)) 78%,var(--bg) 100%)}
.wbg{position:absolute;inset:0;z-index:-1;pointer-events:none}
.wbg i{position:absolute;display:block;border-radius:50%}
.wbg .a{width:420px;height:420px;right:-140px;top:34%;background:color-mix(in srgb,var(--i1) 7%,transparent)}
.wbg .b{width:340px;height:340px;left:-130px;bottom:6%;background:color-mix(in srgb,var(--i3) 8%,transparent)}
.wbg .c{width:200px;height:200px;left:46%;bottom:2%;background:color-mix(in srgb,var(--i1) 6%,transparent)}
.wbg .d{width:130px;height:84px;border-radius:0;left:3%;top:20%;background:radial-gradient(color-mix(in srgb,var(--brand) 35%,transparent) 1.6px,transparent 2px) 0 0/18px 18px}
.wbg .e{width:130px;height:84px;border-radius:0;right:3%;top:16%;background:radial-gradient(color-mix(in srgb,var(--brand) 35%,transparent) 1.6px,transparent 2px) 0 0/18px 18px}
.wu{--lab3:#a85a00;--lab4:#157a4d;max-width:1480px;margin:0 auto;padding:88px 32px 112px;text-align:center}
@media (prefers-color-scheme:dark){:root:not([data-theme="light"]) .wu{--lab3:#f0a53a;--lab4:#4fd09a}}
.wu h2{font-size:clamp(30px,3.1vw,44px);line-height:1.2;font-weight:700;letter-spacing:-.03em;margin:22px auto 0;text-wrap:balance}
.wu h2 span{color:var(--brand)}
.wu .intro{font-size:clamp(16px,1.45vw,19px);line-height:1.7;color:var(--muted);max-width:1040px;margin:20px auto 0;text-wrap:balance}
.wug{display:grid;grid-template-columns:1fr 440px 1fr;grid-template-rows:auto auto;column-gap:40px;row-gap:22px;margin-top:64px;text-align:left}
.wvis{grid-column:2;grid-row:1/3;align-self:center;position:relative;width:100%;aspect-ratio:1}
.wvis .r1{position:absolute;inset:0;border-radius:50%;border:1.5px dashed color-mix(in srgb,var(--brand) 32%,transparent)}
.wvis .r2{position:absolute;inset:6%;border-radius:50%;background:color-mix(in srgb,var(--i1) 9%,var(--bg));box-shadow:0 0 0 14px color-mix(in srgb,var(--i1) 5%,transparent)}
.wvis img{position:absolute;inset:11.5%;width:77%;height:77%;border-radius:50%;object-fit:cover;box-shadow:0 18px 40px rgba(14,42,77,.14)}
.ob{position:absolute;width:17%;aspect-ratio:1;border-radius:50%;display:flex;align-items:center;justify-content:center;background:var(--bg);border:1px solid var(--line);box-shadow:0 8px 22px rgba(14,42,77,.12);transform:translate(-50%,-50%)}
.ob svg{width:46%;height:46%;fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round}
.ob.o1{left:12%;top:11.5%;color:var(--i1);background:color-mix(in srgb,var(--i1) 10%,var(--bg))}
.ob.o2{left:91.5%;top:18%;color:var(--i2);background:color-mix(in srgb,var(--i2) 10%,var(--bg))}
.ob.o3{left:5%;top:84%;color:var(--i3);background:color-mix(in srgb,var(--i3) 12%,var(--bg))}
.ob.o4{left:97%;top:85.5%;color:var(--i4);background:color-mix(in srgb,var(--i4) 12%,var(--bg))}
.od{position:absolute;width:11px;height:11px;border-radius:50%;transform:translate(-50%,-50%)}
.mc{container-type:inline-size;border:1px solid color-mix(in srgb,var(--ink) 6%,transparent);border-radius:26px;padding:26px 28px 28px}
.mc.pe{grid-column:1;grid-row:1;background:color-mix(in srgb,var(--c1) 85%,var(--bg))}.mc.bu{grid-column:1;grid-row:2;background:color-mix(in srgb,var(--c3) 90%,var(--bg))}.mc.fi{grid-column:3;grid-row:1/3;align-self:center;background:color-mix(in srgb,var(--c4) 90%,var(--bg))}
.mci{display:grid;row-gap:14px}
@container (min-width:380px){.mci{grid-template-columns:64px 1fr;column-gap:22px}}
.mi2{width:64px;height:64px;border-radius:18px;display:flex;align-items:center;justify-content:center}
.mi2 svg{width:32px;height:32px;fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round}
.pe .mi2{background:color-mix(in srgb,var(--i1) 14%,var(--bg));color:var(--i1)}.bu .mi2{background:color-mix(in srgb,var(--i3) 16%,var(--bg));color:var(--i3)}.fi .mi2{background:color-mix(in srgb,var(--i4) 14%,var(--bg));color:var(--i4)}
.ml{display:block;font-size:14px;font-weight:600;letter-spacing:.1em;text-transform:uppercase}
.pe .ml{color:var(--i1)}.bu .ml{color:var(--lab3)}.fi .ml{color:var(--lab4)}
.mc h3{font-size:clamp(20px,1.7vw,25px);line-height:1.28;font-weight:700;letter-spacing:-.015em;margin:8px 0 12px}
.mc p{font-size:15.5px;line-height:1.7;color:var(--muted);margin:0}
@media (max-width:1239px){
.wu{padding:64px 24px 88px}
.wug{grid-template-columns:1fr 1fr;column-gap:20px;margin-top:48px}
.wvis{grid-column:1/-1;grid-row:1;max-width:440px;margin:0 auto 28px}
.mc.pe{grid-column:1;grid-row:2}.mc.fi{grid-column:2;grid-row:2;align-self:stretch}.mc.bu{grid-column:1/-1;grid-row:3}}
@media (max-width:760px){.wu{padding:48px 20px 72px}.wug{grid-template-columns:1fr;margin-top:36px}
.mc.pe,.mc.fi,.mc.bu{grid-column:1;grid-row:auto;align-self:stretch}.mc{padding:22px 20px 24px}.wvis{max-width:340px}.wbg .d,.wbg .e{display:none}}

/* ---- lifecycle: hire to retire ---- */
.lc{--g:#157a4d;--y:#a85a00;--r:#c8402b;--b:#2f6fe0;--cr:#e5533d;max-width:1400px;margin:0 auto;padding:40px 32px 96px}
@media (prefers-color-scheme:dark){:root:not([data-theme="light"]) .lc{--g:#4fd09a;--y:#f0a53a;--r:#ff8a75;--b:#7fb0ff;--cr:#ff8a75}}
.lc-track{height:400vh;position:relative}
.lc-stick{position:sticky;top:88px;height:calc(100vh - 112px);min-height:600px;max-height:780px;display:grid;grid-template-columns:minmax(300px,31%) 1fr;gap:40px}
.lc-left{display:flex;flex-direction:column;min-height:0}
.lc-lab{display:inline-flex;align-items:center;gap:12px;font-size:12.5px;font-weight:600;letter-spacing:.14em;text-transform:uppercase;color:var(--brand)}
.lc-lab:before{content:"";width:28px;height:2px;background:currentColor;border-radius:2px}
.lc h2{font-size:clamp(28px,2.6vw,38px);line-height:1.15;font-weight:700;letter-spacing:-.03em;margin:14px 0 10px}
.lc h2 span{color:var(--brand)}
.lc-intro{font-size:14.5px;line-height:1.6;color:var(--muted);margin:0 0 18px;max-width:420px}
.lc-list{list-style:none;margin:0;padding:0 0 0 40px;position:relative;display:grid;gap:4px}
.lc-list:before,.lc-list:after{content:"";position:absolute;left:14px;top:30px;bottom:30px;width:2px;border-radius:2px;background:var(--line)}
.lc-list:after{bottom:auto;height:var(--fill,0px);background:var(--brand);transition:height .6s cubic-bezier(.22,.61,.36,1)}
.lc-it{all:unset;box-sizing:border-box;position:relative;display:grid;grid-template-columns:44px 1fr;gap:14px;align-items:center;width:100%;padding:9px 12px;border-radius:16px;cursor:pointer;transform-origin:left center;transition:background .4s,transform .4s cubic-bezier(.22,.61,.36,1)}
.lc-it:focus-visible{outline:2px solid var(--brand);outline-offset:2px}
.lc-dot{position:absolute;left:-33px;top:50%;width:12px;height:12px;margin-top:-6px;border-radius:50%;background:var(--bg);border:2px solid var(--line);transition:all .4s cubic-bezier(.22,.61,.36,1);z-index:1}
.lc-ic{width:44px;height:44px;border-radius:13px;display:flex;align-items:center;justify-content:center;background:color-mix(in srgb,var(--tc) 13%,var(--bg));color:var(--tc);opacity:.7;transition:opacity .4s}
.lc-ic svg{width:22px;height:22px;fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round}
.lc-tx b{display:block;font-size:15.5px;font-weight:600;color:var(--soft);transition:color .4s}
.lc-tx b small{font-size:11px;font-weight:600;margin-right:6px;letter-spacing:.06em}
.lc-tx span{display:block;font-size:13px;line-height:1.45;color:var(--soft);margin-top:2px;transition:color .4s}
.lc-it[aria-current="true"]{background:color-mix(in srgb,var(--brand) 7%,var(--bg));transform:scale(1.02) translateY(-1px)}
.lc-it[aria-current="true"] .lc-dot{background:var(--brand);border-color:var(--brand);transform:scale(1.25);box-shadow:0 0 0 5px color-mix(in srgb,var(--brand) 18%,transparent)}
.lc-it[aria-current="true"] .lc-ic{opacity:1}.lc-it[aria-current="true"] .lc-tx b{color:var(--ink)}.lc-it[aria-current="true"] .lc-tx span{color:var(--muted)}
.lc-panel{--ac:var(--i1);border:1px solid color-mix(in srgb,var(--ac) 18%,var(--line));border-radius:26px;padding:30px 36px 26px;background:color-mix(in srgb,var(--ac) 6%,var(--bg));display:flex;flex-direction:column;gap:12px;min-height:0;overflow:hidden;transition:background .6s,border-color .6s}
.lc-panel[data-t=onboard]{--ac:var(--i1)}.lc-panel[data-t=attendance]{--ac:var(--i2)}.lc-panel[data-t=payroll]{--ac:var(--brand)}.lc-panel[data-t=perform]{--ac:var(--i5)}.lc-panel[data-t=exit]{--ac:var(--cr)}
.lc-top{display:flex;justify-content:space-between;align-items:center}
.lc-cat{font-size:12.5px;font-weight:600;letter-spacing:.14em;text-transform:uppercase;color:var(--ac)}
.lc-num{font-size:12.5px;font-weight:600;color:var(--soft)}
.lc-panel h3{margin:0;font-size:clamp(24px,2.3vw,34px);line-height:1.18;font-weight:700;letter-spacing:-.025em}
.lc-panel .lc-d{margin:0;font-size:15px;line-height:1.6;color:var(--muted);max-width:760px}
.lc-vis{flex:1;min-height:0}
.lc-bot{display:flex;justify-content:space-between;align-items:center;gap:16px;flex-wrap:wrap}
.lc-chips{display:flex;flex-wrap:wrap;gap:8px}
.lc-chip{font-size:12.5px;font-weight:500;padding:6px 12px;border-radius:999px;background:color-mix(in srgb,var(--ac) 9%,var(--bg));border:1px solid color-mix(in srgb,var(--ac) 22%,transparent);animation:lcChip .5s cubic-bezier(.22,.61,.36,1) both}
@keyframes lcChip{from{opacity:0;transform:translateY(8px)}}
.lc-cta{display:inline-flex;align-items:center;gap:8px;background:var(--brand);color:#fff;text-decoration:none;font-size:14.5px;font-weight:500;padding:11px 24px;border-radius:999px;transition:background .18s}
.lc-cta:hover{background:var(--brand-d)}
.lc-cards{display:none}
/* mockups */
.mk{display:grid;gap:12px;height:100%;align-content:start}.mk.c2{grid-template-columns:1.1fr 1fr}.mk.c4{grid-template-columns:repeat(4,1fr)}.mk .stk{display:grid;gap:12px;align-content:start}
.bx{background:var(--bg);border:1px solid var(--line);border-radius:16px;padding:12px 14px;min-width:0}
.bx h5{margin:0 0 6px;font-size:11.5px;font-weight:600;color:var(--soft);letter-spacing:.07em;text-transform:uppercase}
.rw{display:flex;justify-content:space-between;align-items:center;gap:8px;font-size:12.5px;padding:5px 0;border-bottom:1px dashed var(--line)}.rw:last-child{border:0}.rw span:first-child{color:var(--muted)}.rw b{font-weight:600}
.bd{font-size:11px;font-weight:600;padding:3px 9px;border-radius:999px;white-space:nowrap;background:color-mix(in srgb,var(--c,var(--g)) 14%,var(--bg));color:var(--c,var(--g))}
.bd.y{--c:var(--y)}.bd.r{--c:var(--r)}.bd.b{--c:var(--b)}.bd.p{--c:var(--brand)}
.st{font-size:20px;font-weight:700;line-height:1.2}.st small{display:block;font-size:11.5px;color:var(--muted);font-weight:500;margin-top:2px}
.pbar{height:7px;border-radius:7px;background:var(--line);overflow:hidden;margin-top:5px}.pbar i{display:block;height:100%;border-radius:7px;background:var(--ac)}
.av{flex:none;width:38px;height:38px;border-radius:50%;background:color-mix(in srgb,var(--ac) 16%,var(--bg));color:var(--ac);display:flex;align-items:center;justify-content:center;font-weight:700;font-size:13px}
.ph{display:flex;gap:10px;align-items:center;margin-bottom:6px}.ph b{display:block;font-size:14px}.ph small{color:var(--muted);font-size:12px}
.cal{display:grid;grid-template-columns:repeat(7,1fr);gap:4px}.cal i{height:23px;border-radius:6px;font-style:normal;font-size:10px;display:flex;align-items:center;justify-content:center;color:var(--muted);background:color-mix(in srgb,var(--i4) 14%,var(--bg))}
.cal i.W{background:transparent;border:1px dashed var(--line)}.cal i.A{background:color-mix(in srgb,var(--r) 18%,var(--bg));color:var(--r)}.cal i.L{background:color-mix(in srgb,var(--y) 18%,var(--bg));color:var(--y)}.cal i.V{background:color-mix(in srgb,var(--b) 16%,var(--bg));color:var(--b)}
.ck{display:flex;gap:8px;align-items:center;justify-content:space-between;font-size:12.5px;padding:4px 0}.ck span{display:flex;gap:8px;align-items:center}.ck svg{width:16px;height:16px;fill:none;stroke:var(--g);stroke-width:2;stroke-linecap:round;stroke-linejoin:round}
.mbtn{margin-top:8px;display:inline-flex;gap:6px;align-items:center;background:var(--brand);color:#fff;border-radius:999px;font-size:12.5px;font-weight:600;padding:8px 16px}
.net{font-size:24px;font-weight:700;color:var(--brand)}
/* mobile */
@media (max-width:900px),(max-height:560px){
.lc{padding:24px 20px 72px}.lc-track{height:auto}.lc-stick{position:static;display:block;height:auto;min-height:0;max-height:none}
.lc-list,.lc-panel{display:none}.lc-cards{display:grid;gap:18px;margin-top:28px}
.lc-card{--ac:var(--i1);border:1px solid color-mix(in srgb,var(--ac) 18%,var(--line));background:color-mix(in srgb,var(--ac) 6%,var(--bg));border-radius:22px;padding:22px 18px;opacity:0;transform:translateY(24px);transition:opacity .6s ease-out,transform .6s cubic-bezier(.22,.61,.36,1)}
.lc-card.in{opacity:1;transform:none}
.lc-card .hd2{display:flex;align-items:center;gap:12px;margin-bottom:12px}.lc-card .hd2 b{font-size:13px;font-weight:600;letter-spacing:.1em;text-transform:uppercase;color:var(--ac)}
.lc-card .hd2 span.n{font-size:12px;font-weight:600;color:var(--soft);margin-left:auto}
.lc-card h3{margin:0 0 8px;font-size:22px;line-height:1.25;font-weight:700;letter-spacing:-.02em}.lc-card p{margin:0 0 16px;font-size:15px;line-height:1.6;color:var(--muted)}
.lc-card .lc-chips{margin-top:14px}
.mk.c2,.mk.c4{grid-template-columns:1fr}.mk.c4{grid-template-columns:1fr 1fr}}
@media (min-width:901px) and (max-height:760px){.lc-panel{padding:22px 28px 20px;gap:9px}.lc-panel h3{font-size:24px}.lc-panel .lc-d{font-size:14px;line-height:1.5}.cal i{height:19px}.lc-it{padding:6px 10px}.lc-ic{width:38px;height:38px}}
@media (prefers-reduced-motion:reduce){.lc-it,.lc-dot,.lc-list:after,.lc-panel,.lc-card{transition:none}.lc-chip{animation:none}.lc-card{transform:none}}

/* ---- lifecycle: background + simpler panel ---- */
.lcb{position:relative;isolation:isolate;background:linear-gradient(180deg,var(--bg) 0,color-mix(in srgb,var(--c1) 70%,var(--bg)) 10%,color-mix(in srgb,var(--c6) 75%,var(--bg)) 90%,var(--bg) 100%)}
.lcbg{position:absolute;top:0;right:0;bottom:0;left:0;z-index:-1;pointer-events:none;overflow:hidden}
.lcbg i{position:absolute;display:block;border-radius:50%}
.lcbg .a{width:520px;height:520px;right:-190px;top:5%;background:color-mix(in srgb,var(--i1) 8%,transparent)}
.lcbg .b{width:420px;height:420px;left:-190px;top:38%;background:color-mix(in srgb,var(--i2) 7%,transparent)}
.lcbg .c{width:560px;height:560px;right:-220px;top:62%;background:color-mix(in srgb,var(--i1) 7%,transparent)}
.lcbg .d{width:140px;height:90px;border-radius:0;right:4%;top:3%;background:radial-gradient(color-mix(in srgb,var(--brand) 35%,transparent) 1.6px,transparent 2px) 0 0/18px 18px}
.lcbg .e{width:140px;height:90px;border-radius:0;left:3%;bottom:4%;background:radial-gradient(color-mix(in srgb,var(--brand) 35%,transparent) 1.6px,transparent 2px) 0 0/18px 18px}
.lc-panel{position:relative;background:var(--bg);border-color:var(--line);box-shadow:0 24px 56px rgba(14,42,77,.08)}
.lc-panel>*{position:relative;z-index:1}
.lc-panel:before{content:"";position:absolute;right:-110px;top:-110px;width:360px;height:360px;border-radius:50%;background:color-mix(in srgb,var(--ac) 9%,transparent);transition:background .6s}
.lc-panel:after{content:"";position:absolute;right:26px;bottom:24px;width:110px;height:70px;background:radial-gradient(color-mix(in srgb,var(--ac) 32%,transparent) 1.5px,transparent 2px) 0 0/16px 16px;opacity:.7;pointer-events:none}
.lc-note{display:none;align-items:center;gap:6px;margin-left:auto;margin-right:8px;color:var(--brand);font-family:'DM Serif Display',Georgia,serif;font-style:italic;font-size:21px;line-height:1.05;transform:rotate(-3deg)}
.lc-note svg{width:44px;height:34px;flex:none}
@media (min-width:1280px){.lc-note{display:flex}.lc-bot{flex-wrap:nowrap}}

/* panel without visual: compact, centered */
.lc-panel{align-self:center;padding:44px 52px 38px;gap:18px;min-height:340px}
.lc-panel h3{font-size:clamp(28px,3vw,44px)}
.lc-panel .lc-d{font-size:17px;line-height:1.65}
.lc-bot{margin-top:18px}
@media (min-width:901px) and (max-height:760px){.lc-panel{padding:32px 40px 30px}.lc-panel h3{font-size:30px}.lc-panel .lc-d{font-size:15.5px}}

/* fixed-height right panel: bottom row never moves */
.lc-panel{height:480px;min-height:0;align-self:center}
.lc-panel .lc-bot{margin-top:auto;padding-top:18px}
@media (min-width:901px) and (max-height:760px){.lc-panel{height:420px}}

/* panel with visual: onboard shows photo, other stages keep mockups until their images are supplied */
.lc-panel{height:auto;align-self:stretch;padding:30px 36px 26px;gap:12px}
.lc-panel h3{font-size:clamp(24px,2.3vw,32px)}
.lc-panel .lc-d{font-size:15px;line-height:1.55}
.lc-panel .lc-bot{margin-top:0;padding-top:0}
.lc-vis{flex:1;min-height:0;overflow:hidden;border-radius:20px}
.lc-vis img{display:block;width:100%;height:100%;object-fit:cover;object-position:46% 58%;border-radius:20px;border:1px solid var(--line);box-shadow:0 14px 34px rgba(14,42,77,.12)}
.lc-vm img{display:block;width:100%;height:auto;border-radius:16px;border:1px solid var(--line)}
@media (min-width:901px) and (max-height:760px){.lc-panel{padding:22px 28px 20px;gap:9px}.lc-panel h3{font-size:24px}.lc-panel .lc-d{font-size:14px;line-height:1.5}}

/* simple + professional: full image always visible (never cropped) */
.lc-stick{grid-template-columns:minmax(280px,28%) 1fr;max-height:830px}
.lc-panel{padding:26px 32px 22px;gap:10px;background:var(--bg);box-shadow:0 18px 44px rgba(14,42,77,.07)}
.lc-panel:before,.lc-panel:after{display:none}
.lc-panel h3{font-size:clamp(24px,2.1vw,30px)}
.lc-panel .lc-d{font-size:15px;line-height:1.55;max-width:none}
.lc-vis{position:relative;flex:1;min-height:0;overflow:visible;border-radius:0}
.lc-vis img{position:absolute;inset:0;margin:auto;width:auto;height:auto;max-width:100%;max-height:100%;object-fit:contain;border-radius:16px;border:1px solid var(--line);box-shadow:0 12px 30px rgba(14,42,77,.12)}
@media (min-width:901px) and (max-height:760px){.lc-panel{padding:18px 24px 16px;gap:8px}.lc-panel h3{font-size:22px}.lc-panel .lc-d{font-size:13.5px;line-height:1.45}}

/* ---- lifecycle: device-specific tuning ---- */
@media (min-width:1600px){.lc{max-width:1560px}.lc-stick{grid-template-columns:minmax(340px,28%) 1fr;gap:56px}.lc-panel h3{font-size:34px}.lc-panel .lc-d{font-size:16px}.lc-tx b{font-size:16.5px}.lc-tx span{font-size:14px}}
@media (min-width:901px) and (max-width:1099px){.lc{padding:32px 24px 80px}.lc-stick{grid-template-columns:minmax(230px,30%) 1fr;gap:24px}.lc h2{font-size:26px}.lc-intro{font-size:13.5px;margin-bottom:12px}.lc-tx span{display:none}.lc-it{padding:8px 10px;grid-template-columns:38px 1fr;gap:12px}.lc-ic{width:38px;height:38px}.lc-panel{padding:20px 22px 18px}.lc-chip{font-size:12px;padding:5px 10px}.lc-cta{padding:10px 18px;font-size:14px}}
@media (min-width:601px) and (max-width:900px){.lc-cards{max-width:760px;margin-left:auto;margin-right:auto}.lc-left{max-width:760px;margin:0 auto}.lc-card{padding:26px 26px 24px}.lc-card h3{font-size:25px}.lc-card p{font-size:16px}}
@media (max-width:480px){.lc{padding:20px 16px 56px}.lc h2{font-size:28px}.lc-intro{font-size:14.5px}.lc-card{padding:18px 14px 18px;border-radius:18px}.lc-card h3{font-size:20px}.lc-card p{font-size:14.5px}.lc-chip{font-size:12px;padding:5px 10px}.lc-card .hd2 b{font-size:12px;letter-spacing:.08em}}
@media (hover:none){.lc-it{cursor:default}}

/* ---- compatibility for older phones / browsers ---- */
html{-webkit-text-size-adjust:100%;text-size-adjust:100%}
img{max-width:100%}
@supports not (overflow:clip){html{overflow-x:hidden}}
@supports not (aspect-ratio:1){
.wvis{height:0;padding-bottom:100%}
.ob{height:0;padding-bottom:17%}
.cal i{height:23px}
}
@supports not (color:color-mix(in srgb,red 50%,blue)){
.lcb,.wub{background:var(--c1)}
.lc-ic,.lc-card .lc-ic{background:var(--c1)}
.lc-it[aria-current="true"]{background:var(--c1)}
.lc-chip,.fl span{background:var(--bg);border-color:var(--line)}
.lc-panel,.lc-card{background:var(--bg);border-color:var(--line)}
.mc.pe{background:var(--c1)}.mc.bu{background:var(--c3)}.mc.fi{background:var(--c4)}
.mc{border-color:var(--line)}
.mi2,.pe .mi2,.bu .mi2,.fi .mi2{background:var(--bg)}
.num,.c1 .num,.c2 .num,.c3 .num{background:var(--bg)}
.chv .ta{fill:var(--c1)}.chv .tb{fill:var(--c2)}.chv .tc{fill:var(--c3)}
.ob,.ob.o1,.ob.o2,.ob.o3,.ob.o4{background:var(--bg)}
.wvis .r2{background:var(--c1);box-shadow:none}
.wvis:before{border-color:var(--line)}
.bd{background:var(--c1)}
.lc-panel{border-color:var(--line)}
}

/* ---- built for your role ---- */
.rb{--lab3:#a85a00;--lab4:#157a4d;position:relative;isolation:isolate;background:linear-gradient(180deg,var(--bg),color-mix(in srgb,var(--c1) 55%,var(--bg)) 18%,color-mix(in srgb,var(--c1) 55%,var(--bg)) 82%,var(--bg))}
@media (prefers-color-scheme:dark){:root:not([data-theme="light"]) .rb{--lab3:#f0a53a;--lab4:#4fd09a}}
.rbg{position:absolute;top:0;right:0;bottom:0;left:0;z-index:-1;pointer-events:none;overflow:hidden}
.rbg i{position:absolute;display:block;border-radius:50%}
.rbg .a{width:460px;height:460px;left:-170px;top:-60px;background:color-mix(in srgb,var(--i1) 8%,transparent)}
.rbg .b{width:360px;height:360px;right:-140px;top:30%;background:color-mix(in srgb,var(--i2) 6%,transparent)}
.rbg .d{width:120px;height:90px;border-radius:0;right:5%;top:6%;background:radial-gradient(color-mix(in srgb,var(--brand) 35%,transparent) 1.6px,transparent 2px) 0 0/18px 18px}
.rb-in{max-width:1320px;margin:0 auto;padding:96px 32px 88px;text-align:center}
.rb h2{font-size:clamp(34px,3.7vw,54px);line-height:1.15;font-weight:700;letter-spacing:-.03em;margin:22px auto 0;text-wrap:balance}
.rb h2 span{color:var(--brand)}
.rb-sub{font-size:clamp(16px,1.5vw,19px);line-height:1.65;color:var(--muted);margin:16px auto 0;max-width:720px}
.rb-tabs{display:flex;justify-content:center;gap:14px;margin:44px auto 0;overflow-x:auto;scroll-snap-type:x proximity;scrollbar-width:none;padding:6px 4px}
.rb-tabs::-webkit-scrollbar{display:none}
.rb-tab{flex:none;scroll-snap-align:center;display:inline-flex;align-items:center;gap:12px;min-width:210px;justify-content:center;padding:17px 26px;border-radius:16px;border:1px solid var(--line);background:var(--bg);color:var(--muted);font:500 16px 'DM Sans',system-ui,sans-serif;cursor:pointer;transition:background .3s,color .3s,border-color .3s,transform .3s,box-shadow .3s}
.rb-tab svg{width:24px;height:24px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
.rb-tab:hover{color:var(--brand);border-color:color-mix(in srgb,var(--brand) 35%,var(--line))}
.rb-tab[aria-selected="true"]{background:color-mix(in srgb,var(--brand) 9%,var(--bg));border-color:var(--brand);color:var(--brand);font-weight:600;box-shadow:0 8px 20px rgba(57,118,188,.12)}
.rb-tab:focus-visible{outline:2px solid var(--brand);outline-offset:3px}
.rb-pg{display:flex;align-items:center;justify-content:center;margin-top:22px}
.rb-pg .dt{width:10px;height:10px;border-radius:50%;background:var(--line);transition:background .4s,transform .4s;flex:none}
.rb-pg .dt.on{background:var(--brand)}.rb-pg .dt.cur{transform:scale(1.3)}
.rb-pg .sg{position:relative;width:80px;height:3px;border-radius:3px;background:var(--line);margin:0 8px;overflow:hidden}
.rb-pg .sg i{position:absolute;left:0;top:0;bottom:0;width:0;background:var(--brand);border-radius:3px}
.rb-pg .sg.full i{width:100%;transition:width .5s ease-out}
.rb-pg .sg.run i{animation:rbRun var(--dur,6s) linear forwards}
.rb-pg.paused .sg.run i{animation-play-state:paused}
@keyframes rbRun{to{width:100%}}
.rb-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:22px;margin-top:44px;text-align:left;transition:opacity .25s ease-out,transform .25s ease-out}
.rb-grid.out{opacity:0;transform:translateY(12px)}
.rc{position:relative;display:flex;flex-direction:column;border:1px solid var(--line);border-radius:24px;padding:32px 32px 34px;overflow:hidden;min-height:430px;animation:rcIn .5s cubic-bezier(.22,.61,.36,1) both;animation-delay:var(--d,0s)}
@keyframes rcIn{from{opacity:0;transform:translateY(12px)}}
.rc:before{content:"";position:absolute;left:0;right:0;top:0;height:4px;background:var(--ca)}
.rc.p{--ca:var(--i1);--ct:var(--i1);background:color-mix(in srgb,var(--c1) 90%,var(--bg))}
.rc.c{--ca:var(--i3);--ct:var(--lab3);background:color-mix(in srgb,var(--c3) 92%,var(--bg))}
.rc.o{--ca:linear-gradient(90deg,var(--brand),var(--oa,var(--i4)));--ct:var(--lab4);background:color-mix(in srgb,var(--c4) 92%,var(--bg))}
.rc-h{display:flex;align-items:center;gap:14px}
.rc-n{width:46px;height:46px;border-radius:14px;display:flex;align-items:center;justify-content:center;font-size:20px;font-weight:700;color:var(--ct);background:color-mix(in srgb,var(--ct) 13%,var(--bg))}
.rc-l{font-size:13px;font-weight:600;letter-spacing:.14em;text-transform:uppercase;color:var(--ct)}
.rc-ok{margin-left:auto;display:none;width:28px;height:28px;border-radius:50%;background:var(--i4);color:#fff;align-items:center;justify-content:center}
.rc.o .rc-ok{display:flex}.rc-ok svg{width:16px;height:16px;fill:none;stroke:currentColor;stroke-width:2.6;stroke-linecap:round;stroke-linejoin:round}
.rc-i{width:84px;height:84px;margin:26px 0 22px;border-radius:22px;background:var(--bg);border:1px solid color-mix(in srgb,var(--ct) 18%,var(--line));display:flex;align-items:center;justify-content:center;color:var(--ct)}
.rc.o .rc-i{color:var(--brand)}
.rc-i svg{width:52px;height:52px;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}
.rc h3{margin:0 0 12px;font-size:clamp(21px,1.8vw,26px);line-height:1.25;font-weight:700;letter-spacing:-.02em}
.rc p{margin:0;font-size:15.5px;line-height:1.7;color:var(--muted)}
.rb-foot{display:flex;align-items:center;gap:28px;margin:56px auto 0;max-width:900px;font-size:clamp(15px,1.5vw,18px);color:var(--muted)}
.rb-foot:before,.rb-foot:after{content:"";flex:1;height:1px;background:var(--line)}
.rb-foot span{color:var(--brand);font-weight:600}
@media (max-width:1000px){.rb-in{padding:72px 24px 72px}.rb-grid{grid-template-columns:1fr 1fr}.rc:nth-child(3){grid-column:1/-1;min-height:0}.rc{min-height:0}}
@media (max-width:700px){.rb-in{padding:56px 20px 56px}.rb-tabs{justify-content:flex-start;margin-left:-20px;margin-right:-20px;padding-left:20px;padding-right:20px}.rb-tab{min-width:0;padding:14px 20px;font-size:15px}.rb-grid{grid-template-columns:1fr;gap:16px;margin-top:32px}.rc{padding:26px 22px 28px}.rc h3{font-size:22px}.rc p{font-size:15.5px}.rb-pg .sg{width:44px}.rb-foot{gap:14px;margin-top:40px}}
@media (prefers-reduced-motion:reduce){.rc{animation:none}.rb-grid,.rb-tab,.rb-pg .dt{transition:opacity .2s}.rb-grid.out{transform:none}.rb-pg .sg.run i{animation:none}}
@supports not (color:color-mix(in srgb,red 50%,blue)){.rb{background:var(--c1)}.rc.p{background:var(--c1)}.rc.c{background:var(--c3)}.rc.o{background:var(--c4)}.rc-n{background:var(--bg)}.rb-tab[aria-selected="true"]{background:var(--c1)}}

/* ---- Built for your role: always-dark theme (scoped override) ---- */
#roles.rb{
  --bg:#0a1a2f;--ink:#f4f3fa;--muted:#b4b2c4;--soft:#8d8aa3;--line:#22385a;
  --brand:#6fa3dc;--brand-d:#5b9ad8;--badge:#ffad33;--badge-ink:#2a1d04;
  --c1:#132238;--c2:#161d2b;--c3:#2a2216;--c4:#14261d;--c5:#2a1720;--c6:#1b1a2e;
  --i1:#8db8e6;--i2:#6ea3ff;--i3:#f0a53a;--i4:#4fd09a;--i5:#f06aa6;--i6:#9a8cff;
  --lab3:#f0a53a;--lab4:#4fd09a;
  color:var(--ink);
  background:linear-gradient(180deg,#0a1a2f 0%,#0e2a4d 50%,#0a1a2f 100%);
}
#roles .rbg .a{background:color-mix(in srgb,#6fa3dc 14%,transparent)}
#roles .rbg .b{background:color-mix(in srgb,#6ea3ff 10%,transparent)}
#roles .rb-tab{background:#f2f6fa;border-color:transparent;color:#3a3a47}
#roles .rb-tab:hover{background:#fff;color:#3976bc;border-color:#6fa3dc}
#roles .rb-tab[aria-selected="true"]{background:#fff;border-color:#6fa3dc;color:#3976bc;box-shadow:0 0 0 3px rgba(111,163,220,.35),0 10px 24px rgba(0,0,0,.35)}
#roles .rc{
  --bg:#ffffff;--ink:#16161d;--muted:#4b4b57;--line:#d9e2ec;--brand:#3976bc;
  --i1:#154d8e;--i3:#e8890c;--i4:#1f9d63;--lab3:#a85a00;--lab4:#157a4d;
  color:var(--ink);border-color:transparent;box-shadow:0 14px 34px rgba(0,0,0,.4)}
#roles .rc.p{background:#e8f0f7}
#roles .rc.c{background:#fff6e3}
#roles .rc.o{background:#e8f7ef}
#roles .rc-n{background:#fff}
#roles .rc-i{background:#fff}
#roles .rc h3{color:#16161d}
#roles .rc p{color:#4b4b57}
#roles .rb-foot{color:var(--muted)}
@media (max-width:700px){
#roles .rb-tabs{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin:28px 0 0;padding:4px 0;overflow:visible}
#roles .rb-tab{min-width:0;justify-content:center;gap:8px;padding:12px 10px;border-radius:14px;font-size:14.5px;line-height:1.2;text-align:left}
#roles .rb-tab svg{width:20px;height:20px;flex:none}
#roles .rb-tab[aria-selected="true"]{box-shadow:0 0 0 3px rgba(111,163,220,.35),0 8px 18px rgba(0,0,0,.3)}
#roles .rb-pg{display:none}
#roles .rb-grid{position:relative;gap:22px;margin-top:26px}
#roles .rb-grid:before{content:"";position:absolute;left:40px;top:24px;bottom:24px;border-left:2px dashed rgba(111,163,220,.55)}
#roles .rc{padding:20px 20px 22px;border-radius:20px;min-height:0}
#roles .rc-n{width:40px;height:40px;border-radius:12px;font-size:18px}
#roles .rc-l{font-size:12px}
#roles .rc-i{position:absolute;top:18px;right:18px;width:48px;height:48px;margin:0;border-radius:14px}
#roles .rc-i svg{width:28px;height:28px}
#roles .rc.o .rc-ok{position:absolute;top:10px;right:10px;width:20px;height:20px;z-index:1;box-shadow:0 0 0 2px #fff}
#roles .rc.o .rc-ok svg{width:12px;height:12px}
#roles .rc h3{margin:16px 0 8px;font-size:20px;padding-right:4px}
#roles .rc p{font-size:15px;line-height:1.6;font-weight:400}
#roles .rb-foot{margin-top:32px;font-size:15px}
}
@media (max-width:360px){#roles .rb-tab{font-size:13.5px;padding:11px 8px;gap:6px}#roles .rb-tab svg{width:18px;height:18px}}
@media (max-width:700px){
#roles .rb-tabs{position:sticky;top:72px;z-index:5;gap:8px;margin:22px -20px 0;padding:8px 20px;background:transparent;transition:background-color .2s,box-shadow .2s}
#roles .rb-tabs.stuck{background:#0b1f38;box-shadow:0 12px 24px rgba(0,0,0,.35)}
#roles .rb-tab{padding:9px 10px;font-size:14px}
#roles .rb-tab svg{width:18px;height:18px}
}
@media (max-width:360px){#roles .rb-tab{font-size:13.5px;padding:9px 8px;gap:6px}#roles .rb-tab svg{width:16px;height:16px}}


/* ---- Built for your role: fixed reveal (lifecycle section lifts away like a curtain) ---- */
.rb-space{display:none}
@media (min-width:901px) and (min-height:561px){
  #lifecycle.lcb{z-index:2;clip-path:inset(0 0 0 0 round 0 0 40px 40px);-webkit-clip-path:inset(0 0 0 0 round 0 0 40px 40px)}
  #roles.rb{position:sticky;top:88px;margin-top:-100vh;z-index:1;min-height:calc(100vh - 88px);display:flex;flex-direction:column;justify-content:center}
  #roles .rb-in{padding:36px 32px 36px;width:100%}
  #roles .rb h2,#roles h2{margin-top:16px}
  #roles .rb-sub{margin-top:12px}
  #roles .rb-tabs{margin-top:26px}
  #roles .rb-pg{margin-top:16px}
  #roles .rb-grid{margin-top:26px}
  #roles .rc{min-height:0;padding:24px 28px 26px}
  #roles .rc-i{width:64px;height:64px;margin:16px 0 14px;border-radius:18px}
  #roles .rc-i svg{width:40px;height:40px}
  #roles .rc h3{margin-bottom:8px}
  #roles .rb-foot{margin-top:22px;font-size:16px}
  #roles .rb-in{padding:24px 32px 24px}
  #roles h2{font-size:clamp(30px,3vw,42px)}
  #roles .rb-sub{max-width:900px;font-size:16px}
  #roles .rb-tab{padding:12px 22px}
  #roles .rb-tabs{margin-top:20px}
  #roles .rb-grid{margin-top:20px;gap:18px}
  #roles .rc{padding:20px 24px 22px}
  #roles .rc-i{width:54px;height:54px;margin:12px 0 10px;border-radius:15px}
  #roles .rc-i svg{width:34px;height:34px}
  #roles .rc h3{font-size:clamp(19px,1.5vw,22px);margin-bottom:6px}
  #roles .rc p{font-size:14.5px;line-height:1.6}
  #roles .rc-n{width:40px;height:40px;font-size:18px}
  .rb-space{display:block;height:100vh;pointer-events:none}
}
@media (min-width:901px) and (min-height:561px) and (max-height:820px){
  #roles .rb-pg{display:none}
  #roles .rb-in{padding:16px 32px 16px}
  #roles .rc p{font-size:14px;line-height:1.5}
  #roles .rb-foot{margin-top:14px}
  #roles .rc h3{font-size:19px}
  #roles .rb-foot{font-size:15px}
}
@media (min-width:901px) and (min-height:561px) and (max-height:740px){
  #roles .rb-in{padding:8px 32px 8px}
  #roles h2{font-size:30px;margin-top:12px}
  #roles .rb-sub{margin-top:8px;font-size:15px}
  #roles .rb-tabs{margin-top:14px}
  #roles .rb-tab{padding:10px 20px}
  #roles .rb-grid{margin-top:14px}
  #roles .rc{padding:16px 22px 18px}
  #roles .rc-i{display:none}
  #roles .rc h3{margin-top:12px}
  #roles .rb-foot{margin-top:10px}
}

/* ---- One complete system: interactive journey ---- */
@keyframes nwb{from{width:0}to{width:100%}}
#lifecycle .nw{--cs:60px;--g:#157a4d;--y:#a85a00;--r:#c8402b;--b:#2f6fe0;--cr:#e5533d;max-width:1240px;margin:0 auto;padding:72px 32px 80px;text-align:center;width:100%}
@media (prefers-color-scheme:dark){:root:not([data-theme="light"]) #lifecycle .nw{--g:#4fd09a;--y:#f0a53a;--r:#ff8a75;--b:#7fb0ff;--cr:#ff8a75}}
:root[data-theme="dark"] #lifecycle .nw{--g:#4fd09a;--y:#f0a53a;--r:#ff8a75;--b:#7fb0ff;--cr:#ff8a75}
.nw h2{font-size:clamp(30px,3.4vw,46px);line-height:1.15;font-weight:700;letter-spacing:-.03em;margin:14px auto 0;max-width:780px;text-wrap:balance}
.nw h2 span{color:var(--brand)}
.nw-intro{font-size:clamp(15px,1.4vw,18px);line-height:1.6;color:var(--muted);max-width:620px;margin:14px auto 0}
.nw-rail{position:relative;display:grid;grid-template-columns:repeat(5,1fr);max-width:980px;margin:36px auto 0;padding-top:0}
.nw-line{position:absolute;left:10%;right:10%;top:calc(var(--cs)/2 - 1.5px);height:3px;border-radius:3px;background:var(--line)}
.nw-line i{display:block;height:100%;width:0;border-radius:3px;background:var(--brand);transition:width .6s cubic-bezier(.22,.61,.36,1)}
.nw-n{all:unset;box-sizing:border-box;position:relative;z-index:1;display:flex;flex-direction:column;align-items:center;gap:4px;cursor:pointer;font-family:'DM Sans',system-ui,sans-serif}
.nw-n:focus-visible .nw-c{outline:2px solid var(--brand);outline-offset:4px}
.nw-c{width:var(--cs);height:var(--cs);border-radius:50%;display:grid;place-items:center;background:var(--bg);border:2px solid var(--line);color:var(--tc);margin-bottom:8px;transition:all .4s cubic-bezier(.22,.61,.36,1)}
.nw-c svg{width:26px;height:26px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
.nw-n:hover .nw-c{border-color:var(--tc);transform:translateY(-2px)}
.nw-n.done .nw-c{border-color:var(--tc)}
.nw-n[aria-selected="true"] .nw-c{background:var(--tc);border-color:var(--tc);color:#fff;transform:scale(1.1);box-shadow:0 0 0 7px color-mix(in srgb,var(--tc) 18%,transparent)}
.nw-n small{font-size:11px;font-weight:600;letter-spacing:.08em;color:var(--soft)}
.nw-n b{font-size:14.5px;font-weight:600;color:var(--soft);transition:color .3s}
.nw-n[aria-selected="true"] b,.nw-n:hover b{color:var(--ink)}
.nw-card{--ac:var(--i1);position:relative;overflow:hidden;display:grid;grid-template-columns:minmax(0,.85fr) minmax(0,1.15fr);gap:40px;align-items:center;text-align:left;margin-top:40px;padding:38px;background:var(--bg);border:1px solid var(--line);border-top:4px solid var(--ac);border-radius:28px;box-shadow:0 24px 60px rgba(14,42,77,.1);transition:opacity .17s,transform .17s}
.nw-card.out{opacity:0;transform:translateY(10px)}
.nw-top{display:flex;justify-content:space-between;align-items:center;font-size:12.5px;font-weight:600;letter-spacing:.12em;text-transform:uppercase}
.nw-top span:first-child{color:var(--ac)}.nw-top span:last-child{color:var(--soft);letter-spacing:.04em}
.nw-card h3{margin:16px 0 12px;font-size:clamp(24px,2.4vw,34px);line-height:1.2;font-weight:700;letter-spacing:-.025em}
.nw-card p{margin:0;font-size:16px;line-height:1.7;color:var(--muted)}
.nw-chips{display:flex;flex-wrap:wrap;gap:8px;margin-top:20px}
.nw-act{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-top:28px}
.nw-arr{display:flex;gap:8px}
.nw-arr button{width:44px;height:44px;border-radius:50%;border:1.5px solid var(--line);background:var(--bg);color:var(--ink);font-size:18px;cursor:pointer;transition:all .2s}
.nw-arr button:hover{border-color:var(--ac);color:var(--ac)}
.nw-vis{min-height:300px;border-radius:20px;background:color-mix(in srgb,var(--ac) 8%,var(--bg));display:flex;align-items:center;overflow:hidden}
.nw-vis img{display:block;width:100%;height:auto;border-radius:20px}
.nw-vis .mk{width:100%;padding:18px;height:auto}
.nw-bar{position:absolute;left:0;right:0;bottom:0;height:3px}
.nw-bar i{display:block;height:100%;width:0;background:var(--ac)}
@media (min-width:901px) and (min-height:561px){#lifecycle.lcb{min-height:100vh;display:flex;align-items:center}}
@media (max-width:900px){#lifecycle .nw{padding:56px 20px 64px}.nw-card{grid-template-columns:1fr;gap:24px;padding:26px 22px}.nw-vis{min-height:0}}
@media (max-width:700px){#lifecycle .nw{--cs:46px}.nw-c svg{width:22px;height:22px}.nw-n b,.nw-n small{display:none}.nw-rail{margin-top:36px}.nw-act{flex-wrap:wrap}}
@media (prefers-reduced-motion:reduce){.nw-card,.nw-line i,.nw-c{transition:none}}

/* ---- The product showcase ---- */
.pd{--pbg:#fbf6ee;--pink:#1c2333;--pmu:#6b7280;--pac:#e8590c;--pln:#eadfce;--pcd:#fffdf9;position:relative;z-index:2;background:var(--pbg);color:var(--pink);font-family:'DM Sans',system-ui,sans-serif;overflow:hidden;isolation:isolate}
.pd:before{content:"";position:absolute;z-index:-1;left:-120px;top:-80px;width:520px;height:520px;border-radius:50%;background:radial-gradient(circle,rgba(255,168,120,.16),transparent 70%)}
.pd:after{content:"";position:absolute;z-index:-1;right:-140px;bottom:-60px;width:560px;height:560px;border-radius:50%;background:radial-gradient(circle,rgba(250,190,205,.15),transparent 70%)}
.pd *{box-sizing:border-box}
.pd-in{max-width:1480px;margin:0 auto;padding:96px clamp(20px,5vw,120px) 96px}
.pd-hd{max-width:820px}
.pd-eb{font-size:12px;font-weight:600;letter-spacing:.16em;text-transform:uppercase;color:var(--pac)}
.pd h2{font-size:clamp(34px,4.4vw,62px);line-height:1.06;font-weight:700;letter-spacing:-.03em;margin:16px 0 0;text-wrap:balance}
.pd-hd p{font-size:clamp(16px,1.4vw,19px);line-height:1.6;color:var(--pmu);margin:18px 0 0;max-width:620px}
.pd-grid{display:grid;grid-template-columns:minmax(300px,33%) minmax(0,1fr);gap:clamp(28px,3.4vw,50px);margin-top:56px;align-items:start}
.gl{font-size:11px;font-weight:600;letter-spacing:.14em;text-transform:uppercase;color:#a0937f;margin:20px 0 6px 10px}.gl:first-child{margin-top:0}
.it{border:1px solid transparent;border-radius:20px;transition:background .25s,border-color .25s,box-shadow .25s}
.it.on{background:var(--pcd);border-color:#f3c9a8;box-shadow:0 14px 34px rgba(120,70,20,.09)}
.hd{all:unset;box-sizing:border-box;display:flex;align-items:center;gap:12px;width:100%;padding:9px 14px 9px 10px;cursor:pointer;border-radius:20px;font:500 15.5px 'DM Sans',sans-serif;color:#3d4457}
.hd:focus-visible{outline:2px solid var(--pac);outline-offset:2px}
.it:not(.on) .hd:hover{background:rgba(120,70,20,.045);color:var(--pink)}
.ico{width:34px;height:34px;border-radius:10px;background:rgba(120,70,20,.06);display:grid;place-items:center;color:#8a7f6e;flex:none;transition:all .25s}
.it:hover .ico{color:var(--pink)}.it.on .ico{background:#fdebdc;color:var(--pac)}
.ico svg{width:19px;height:19px;fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round}
.nm{flex:1}.it.on .nm{font-weight:700;font-size:18px;color:var(--pink)}
.chv{width:16px;height:16px;fill:none;stroke:#9a8f7c;stroke-width:2;stroke-linecap:round;transition:transform .25s}.it.on .chv{transform:rotate(180deg);stroke:var(--pac)}
.bd{display:grid;grid-template-rows:0fr;transition:grid-template-rows .3s ease-out}.it.on .bd{grid-template-rows:1fr}
.bd>div{overflow:hidden;padding:0 18px;opacity:0;transition:opacity .25s ease-out}.it.on .bd>div{padding:2px 18px 20px;opacity:1}
.bd p{margin:6px 0 14px;font-size:15px;line-height:1.65;color:var(--pmu)}
.tg{display:flex;flex-wrap:wrap;gap:8px}.tg i{font-style:normal;font-size:12.5px;font-weight:500;padding:5px 12px;border-radius:999px;background:#fdf1e6;border:1px solid #f6d9bf;color:#7a4a1f}
.go{display:inline-flex;gap:6px;margin-top:18px;font-weight:600;font-size:14.5px;color:var(--pac);text-decoration:none}.go:hover{text-decoration:underline}
.pd-pv{position:sticky;top:112px;transition:opacity .18s ease-out,transform .18s ease-out}.pd-pv.out{opacity:0;transform:translateY(8px) scale(.995)}
.bw{background:#fff;border:1px solid var(--pln);border-radius:26px;box-shadow:0 40px 90px rgba(90,50,10,.14);overflow:hidden}
.bb{display:flex;align-items:center;gap:16px;padding:13px 18px;border-bottom:1px solid var(--pln);background:#fcf9f3}
.dots{display:flex;gap:6px}.dots i{width:10px;height:10px;border-radius:50%;background:#e7dccb}.dots i:first-child{background:#f4b9a1}
.bc{font-size:12px;font-weight:500;color:#6b7280;background:#fff;border:1px solid var(--pln);border-radius:999px;padding:4px 14px}
.ap{display:grid;grid-template-columns:168px minmax(0,1fr);height:600px}
.sd{border-right:1px solid var(--pln);padding:14px 10px;background:#fdfaf5;overflow:hidden}
.sd b{display:block;font-size:9.5px;letter-spacing:.12em;text-transform:uppercase;color:#a0937f;margin:12px 8px 4px}.sd b:first-child{margin-top:0}
.sd span{display:block;font-size:12px;padding:5px 8px;border-radius:8px;color:#4b5263}.sd span.on{background:#fdebdc;color:#b8430a;font-weight:600}
.mn{padding:18px 20px;overflow:hidden;min-width:0}
.tp{display:flex;justify-content:space-between;align-items:center;gap:10px}.tp h4{margin:0;font-size:20px;font-weight:700;letter-spacing:-.02em}
.bt{display:flex;gap:6px}.bt i{font-style:normal;font-size:11px;font-weight:500;padding:5px 10px;border:1px solid var(--pln);border-radius:8px;color:#4b5263}
.tb{display:flex;gap:18px;align-items:center;margin:12px 0 14px;border-bottom:1px solid var(--pln);overflow:hidden}
.tb span{font-size:12px;color:#6b7280;padding:6px 0;white-space:nowrap;border-bottom:2px solid transparent}.tb span.on{color:var(--pac);font-weight:600;border-color:var(--pac)}
.tb em{margin-left:auto;font-style:normal;font-size:11px;color:#9a8f7c;border:1px solid var(--pln);border-radius:8px;padding:4px 10px;white-space:nowrap}
.cl{display:grid;grid-template-columns:minmax(0,1.5fr) minmax(0,1fr);gap:14px}.lf{min-width:0;display:grid;gap:12px;align-content:start}
.kp{display:grid;grid-template-columns:repeat(auto-fit,minmax(104px,1fr));gap:10px}
.kp div{border:1px solid var(--pln);border-radius:12px;padding:10px 12px;background:#fffdf9}
.kp small{display:block;font-size:10.5px;color:#6b7280}.kp b{display:block;font-size:19px;font-weight:700;margin:2px 0;letter-spacing:-.02em}.kp span{font-size:10px;color:#9a8f7c}
.lcs{display:grid;grid-template-columns:repeat(5,1fr);gap:6px}.lcs div{background:#fdf1e6;border-radius:10px;padding:8px 6px;text-align:center}.lcs b{display:block;font-size:14px}.lcs span{font-size:10px;color:#7a4a1f}
.pn{border:1px solid var(--pln);border-radius:14px;padding:12px 14px;background:#fffdf9}.pn h5{margin:0 0 10px;font-size:12.5px;font-weight:700}
.br{display:grid;grid-template-columns:86px 1fr 28px;gap:8px;align-items:center;font-size:11px;color:#4b5263;margin:7px 0}
.br u{height:7px;border-radius:7px;background:#f3ebdd;overflow:hidden;display:block}.br u i{display:block;height:100%;border-radius:7px;background:linear-gradient(90deg,#f6a46c,var(--pac))}.br em{font-style:normal;text-align:right;font-weight:600}
.rw{display:flex;align-items:center;gap:9px;padding:8px 0;border-top:1px solid #f3ebdd}.rw:first-of-type{border-top:0}
.av{width:30px;height:30px;border-radius:50%;display:grid;place-items:center;font-size:10.5px;font-weight:700;flex:none}
.v0{background:#fde3d1;color:#a8420b}.v1{background:#dcebfb;color:#2557a7}.v2{background:#dff3e6;color:#1d7a4a}.v3{background:#f3e1f7;color:#8a2fa3}.v4{background:#fdf0c8;color:#8a6a0a}
.tx{flex:1;min-width:0}.tx b{display:block;font-size:12px;font-weight:600;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.tx small{display:block;font-size:10.5px;color:#6b7280;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.mt{display:flex;flex-direction:column;align-items:flex-end;gap:3px;font-size:10.5px;color:#4b5263;flex:none}
.c{font-style:normal;font-size:9.5px;font-weight:600;padding:26px 22px 28px;border-radius:30px}.c.g{background:#dff3e6;color:#1d7a4a}.c.r{background:#fde1dc;color:#b3321f}.c.a{background:#fdf0c8;color:#8a6a0a}
@media (max-width:1100px){.pd-grid{grid-template-columns:minmax(250px,35%) minmax(0,1fr);gap:24px}.ap{grid-template-columns:1fr}.sd{display:none}.cl{grid-template-columns:1fr}}
@media (max-width:900px){.pd-in{padding:64px 20px}.pd-grid{grid-template-columns:1fr;margin-top:36px}.pd-pv{position:static}.ap{height:auto}.bt{display:none}}
@media (prefers-reduced-motion:reduce){.bd,.bd>div,.pd-pv,.chv,.it{transition:none}}
@media (min-width:901px) and (min-height:561px){#product.pd{border-radius:40px 40px 0 0;box-shadow:0 -30px 70px rgba(0,0,0,.35)}}
/* ---- Product showcase (site colours) ---- */
.px{position:relative;z-index:2;overflow:clip;isolation:isolate;font-family:'DM Sans',system-ui,sans-serif;color:var(--ink);--bg:#0a1a2f;--ink:#f4f3fa;--muted:#b4b2c4;--soft:#8d8aa3;--line:#22385a;--brand:#6fa3dc;--c1:#132238;--c2:#161d2b;--c3:#2a2216;--c4:#14261d;--c5:#2a1720;--c6:#1b1a2e;--i1:#8db8e6;--i2:#6ea3ff;--i3:#f0a53a;--i4:#4fd09a;--i5:#f06aa6;--i6:#9a8cff;background:linear-gradient(180deg,#0a1a2f 0%,#0e2a4d 50%,#0a1a2f 100%)}
.px:before,.px:after{content:"";position:absolute;z-index:-1;border-radius:50%;pointer-events:none}
.px:before{width:560px;height:560px;left:-200px;top:-120px;background:color-mix(in srgb,var(--i3) 9%,transparent)}
.px:after{width:620px;height:620px;right:-240px;bottom:-160px;background:color-mix(in srgb,var(--i1) 9%,transparent)}
.px *{box-sizing:border-box}
.px-in{max-width:1480px;margin:0 auto;padding:0 clamp(20px,4vw,72px)}.px-hd{padding-top:72px}.px-st{padding-bottom:96px}
.px-hd{text-align:center}
.px-eb{display:inline-flex;align-items:center;gap:16px;font-size:13px;font-weight:600;letter-spacing:.2em;color:var(--soft)}
.px-eb:before,.px-eb:after{content:"";width:48px;height:1px;background:var(--line)}
.px-hd h2{font-size:clamp(30px,4.4vw,60px);line-height:1.1;font-weight:700;letter-spacing:-.03em;margin:18px auto 0;max-width:1000px;text-wrap:balance}
.px-hd p{font-size:clamp(15px,1.4vw,19px);line-height:1.6;color:var(--muted);margin:18px auto 0;max-width:640px}
.px-hd p:after{content:"";display:block;width:56px;height:3px;border-radius:3px;background:var(--brand);margin:22px auto 0}
.px-grid{display:grid;grid-template-columns:minmax(0,30fr) minmax(0,70fr);gap:40px;margin-top:56px;align-items:start}
.px-nav{display:flex;flex-direction:column;gap:4px;min-width:0}
.px-it{border-radius:20px;border:1px solid transparent;transition:background .25s,border-color .25s,box-shadow .25s}
.px-it>button{all:unset;box-sizing:border-box;width:100%;display:flex;align-items:center;gap:14px;padding:12px 14px;cursor:pointer;font:500 15.5px 'DM Sans',system-ui,sans-serif;color:var(--ink);border-radius:20px}
.px-it>button:focus-visible{outline:2px solid var(--brand);outline-offset:2px}
.px-it:not(.on)>button:hover{background:var(--c1)}
.px-it:not(.on)>button:hover .px-ic{background:color-mix(in srgb,var(--brand) 18%,var(--bg))}
.px-ic{flex:none;width:34px;height:34px;border-radius:10px;display:flex;align-items:center;justify-content:center;background:color-mix(in srgb,var(--brand) 10%,var(--bg));color:var(--brand);transition:background .25s,color .25s}
.px-it.on .px-ic{background:var(--brand);color:#fff}
.px-ch{margin-left:auto;display:flex;color:var(--soft);transition:transform .3s}
.px-it.on .px-ch{transform:rotate(180deg)}
.px-it.on{background:var(--bg);border-color:color-mix(in srgb,var(--brand) 38%,var(--line));box-shadow:0 14px 34px rgba(14,42,77,.12)}
.px-it.on>button{font-weight:600;font-size:17px}
.px-x{display:grid;grid-template-rows:0fr;transition:grid-template-rows .3s ease}
.px-it.on .px-x{grid-template-rows:1fr}
.px-x>div{overflow:hidden;padding:0 18px;visibility:hidden;transition:visibility .3s}
.px-it.on .px-x>div{visibility:visible;padding-bottom:18px}
.px-d{margin:0 0 12px;font-size:14px;line-height:1.6;color:var(--muted)}
.px-tg{display:flex;flex-wrap:wrap;gap:8px}
.px-tg span{font-size:12px;font-weight:500;padding:5px 12px;border-radius:999px;background:var(--c6);color:var(--ink)}
.px-go{display:inline-flex;gap:6px;align-items:center;margin-top:14px;font-size:14px;font-weight:600;color:var(--brand);text-decoration:none}
.px-go:hover svg{transform:translateX(3px)}.px-go svg{transition:transform .2s}
.px-win{position:sticky;top:104px;min-width:0;background:var(--bg);border:1px solid var(--line);border-radius:26px;box-shadow:0 30px 70px rgba(14,42,77,.14);overflow:hidden}
.px-bar{display:flex;align-items:center;gap:14px;padding:13px 20px;background:color-mix(in srgb,var(--c1) 55%,var(--bg));border-bottom:1px solid var(--line)}
.px-dots{display:flex;gap:7px}.px-dots i{width:11px;height:11px;border-radius:50%}
.px-url{font-size:12.5px;padding:6px 16px;border-radius:10px;background:var(--bg);border:1px solid var(--line);color:var(--muted);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.px-app{display:grid;grid-template-columns:150px minmax(0,1fr)}
.px-top{grid-column:1/-1;display:flex;align-items:center;gap:14px;padding:11px 18px;border-bottom:1px solid var(--line)}
.px-lg{font-weight:700;font-size:17px;letter-spacing:-.4px}.px-lg b{color:var(--brand);font-weight:800}
.px-sr{flex:1;min-width:0;display:flex;align-items:center;gap:8px;padding:8px 12px;border:1px solid var(--line);border-radius:10px;font-size:11.5px;color:var(--soft);white-space:nowrap;overflow:hidden}
.px-sr svg,.px-bl svg{flex:none}
.px-dt{font-size:11.5px;color:var(--muted);white-space:nowrap}
.px-bl{position:relative;display:flex;color:var(--muted)}.px-bl i{position:absolute;top:-6px;right:-7px;width:14px;height:14px;border-radius:50%;background:var(--i5);color:var(--bg);font:600 8px/14px 'DM Sans',sans-serif;font-style:normal;text-align:center}
.px-ad{display:flex;align-items:center;gap:8px;font-size:11px;line-height:1.3;color:var(--muted);white-space:nowrap}.px-ad b{display:block;color:var(--ink);font-size:11.5px}
.px-av{flex:none;width:30px;height:30px;border-radius:50%;display:flex;align-items:center;justify-content:center;background:var(--t,var(--i2));color:var(--bg);font-size:10.5px;font-weight:600}
.px-side{padding:14px 10px;border-right:1px solid var(--line);background:color-mix(in srgb,var(--c1) 35%,var(--bg))}
.px-side h6{margin:12px 6px 4px;font-size:10.5px;font-weight:600;color:var(--ink)}.px-side h6:first-child{margin-top:0}
.px-si{display:flex;align-items:center;gap:7px;padding:6px;border-radius:8px;font-size:11px;color:var(--muted);white-space:nowrap;overflow:hidden}
.px-si span{overflow:hidden;text-overflow:ellipsis}.px-si svg{flex:none}
.px-si.on{background:color-mix(in srgb,var(--brand) 13%,var(--bg));color:var(--brand);font-weight:600}
.px-main{padding:20px;min-width:0;transition:opacity .28s,transform .28s}
.px-main.out{opacity:0;transform:translateY(8px)}
.px-ph{display:flex;justify-content:space-between;align-items:flex-start;gap:12px}
.px-ph h3{margin:0;font-size:24px;font-weight:700;letter-spacing:-.02em}.px-ph p{margin:3px 0 0;font-size:12px;color:var(--muted);line-height:1.5}
.px-add{flex:none;display:inline-flex;align-items:center;gap:6px;background:var(--brand);color:#fff;font-size:12px;font-weight:600;padding:9px 14px;border-radius:10px;white-space:nowrap}
.px-tb{display:flex;gap:4px;overflow-x:auto;scrollbar-width:none;margin:14px 0;border-bottom:1px solid var(--line)}.px-tb::-webkit-scrollbar{display:none}
.px-tb span{padding:8px 12px;font-size:12px;color:var(--muted);white-space:nowrap;border-bottom:2px solid transparent;margin-bottom:-1px}
.px-tb span:first-child{color:var(--brand);font-weight:600;border-color:var(--brand)}
.px-mt{display:grid;grid-template-columns:repeat(auto-fit,minmax(118px,1fr));gap:10px}
.px-m{border:1px solid var(--line);border-radius:14px;padding:12px;background:var(--bg);display:flex;flex-direction:column;gap:2px}
.px-mi{width:28px;height:28px;border-radius:8px;display:flex;align-items:center;justify-content:center;background:color-mix(in srgb,var(--t) 14%,var(--bg));color:var(--t);margin-bottom:6px}
.px-m b{font-size:20px;font-weight:700;letter-spacing:-.02em;line-height:1.1}.px-m>span{font-size:11.5px;color:var(--muted)}
.px-m em{font-style:normal;font-size:10.5px;color:var(--soft)}.px-m em.u{color:color-mix(in srgb,var(--i4) 78%,var(--ink))}.px-m em.d{color:color-mix(in srgb,var(--i5) 78%,var(--ink))}
.px-card{border:1px solid var(--line);border-radius:14px;padding:14px;margin-top:12px;background:var(--bg);min-width:0}
.px-card h4{margin:0 0 10px;font-size:13px;font-weight:600}
.px-lc{display:grid;grid-template-columns:repeat(auto-fit,minmax(100px,1fr));gap:8px}
.px-ls{border-radius:10px;padding:10px 12px;background:color-mix(in srgb,var(--t) 12%,var(--bg))}
.px-ls b{display:block;font-size:17px;font-weight:700;line-height:1.2}.px-ls span{font-size:11px;color:var(--muted)}
.px-lo{display:grid;grid-template-columns:minmax(0,1.15fr) minmax(0,1fr);gap:12px}
.px-br{display:grid;grid-template-columns:96px 1fr 34px;align-items:center;gap:8px;font-size:11.5px;padding:4px 0}
.px-br span{color:var(--muted);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.px-br b{text-align:right;font-weight:600}
.px-br i{height:8px;border-radius:8px;background:color-mix(in srgb,var(--line) 70%,var(--bg));overflow:hidden}
.px-br u{display:block;height:100%;border-radius:8px;background:linear-gradient(90deg,var(--t),color-mix(in srgb,var(--t) 55%,var(--bg)));animation:pxw .6s ease-out both}
@keyframes pxw{from{width:0}}
.px-rw{display:flex;align-items:center;gap:10px;padding:7px 0;border-top:1px solid var(--line)}.px-rw:first-of-type{border-top:0}
.px-rw>span:nth-child(2){flex:1;min-width:0}.px-rw b{display:block;font-size:12.5px;font-weight:600;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.px-rw small{display:block;font-size:11px;color:var(--muted);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.px-rw em{font-style:normal;font-size:11px;color:var(--soft);white-space:nowrap}
@media (max-width:1100px){.px-grid{grid-template-columns:minmax(0,35fr) minmax(0,65fr);gap:28px}.px-lo{grid-template-columns:1fr}.px-app{grid-template-columns:1fr}.px-side{display:none}}
@media (max-width:860px){.px-grid{grid-template-columns:1fr;margin-top:36px}.px-win{position:static}.px-in{padding:56px 20px 64px}.px-sr,.px-dt,.px-ad span{display:none}.px-sr{display:none}.px-top{justify-content:space-between}.px-main{padding:14px}.px-ph{flex-direction:column}}
@media (prefers-reduced-motion:reduce){.px-x,.px-main,.px-it,.px-br u{transition:none;animation:none}}

/* part of roles: dark scope + scroll-driven stage */
.px-it.on .px-ic,.px-add{color:var(--bg)}
.px-it.on{box-shadow:0 14px 34px rgba(0,0,0,.4)}.px-win{box-shadow:0 30px 70px rgba(0,0,0,.5)}
.px-sc .px-track{height:calc(100vh - 88px + 570vh)}
.px-sc .px-stick{position:sticky;top:88px;height:calc(100vh - 88px);display:flex;align-items:center}
.px-sc .px-st{width:100%;padding-bottom:0}
.px-sc .px-grid{margin-top:0;align-items:center}
.px-sc .px-nav{position:relative;max-height:calc(100vh - 128px);overflow:hidden;-webkit-mask-image:linear-gradient(transparent,#000 22px,#000 calc(100% - 22px),transparent);mask-image:linear-gradient(transparent,#000 22px,#000 calc(100% - 22px),transparent);padding:10px 0}
.px-sc .px-it>button{padding:7px 12px;font-size:15px}.px-sc .px-it.on>button{font-size:16px}.px-sc .px-ic{width:30px;height:30px}
.px-sc .px-win{position:static;max-height:calc(100vh - 112px)}
.px-sc .px-main{padding:14px 16px;overflow:hidden}.px-sc .px-ph h3{font-size:20px}.px-sc .px-tb{margin:8px 0}.px-sc .px-tb span{padding:6px 12px}
.px-sc .px-m{padding:9px 10px}.px-sc .px-mi{width:24px;height:24px;margin-bottom:3px}.px-sc .px-card{padding:10px 12px;margin-top:8px}.px-sc .px-card h4{margin-bottom:6px}
.px-sc .px-ls{padding:8px 10px}.px-sc .px-br{padding:2px 0}.px-sc .px-rw{padding:5px 0}.px-sc .px-lo{margin-top:0}
@media (max-width:860px){.px-in{padding:0 20px}.px-hd{padding-top:56px}.px-st{padding-bottom:64px}}

/* light containers on the dark section */
.px-win,.px-it.on{--bg:#fff;--ink:#16161d;--muted:#4b4b57;--soft:#7a7a86;--line:#d9e2ec;--brand:#3976bc;--c1:#e8f0f7;--c2:#eaf2fe;--c3:#fff6e3;--c4:#e8f7ef;--c5:#fdecf3;--c6:#efedfd;--i1:#154d8e;--i2:#2f6fe0;--i3:#e8890c;--i4:#1f9d63;--i5:#e0307f;--i6:#5b4bd6;background:#fff;color:var(--ink)}
.px-win{border-color:transparent}
.px-it.on{border-color:color-mix(in srgb,#6fa3dc 60%,#fff)}
/* ---- How it works ---- */
.hw{--hw-ac:#3976bc;--hw-pale:#e8f0f7;--hw-ink:#111a26;--hw-mut:#5f6270;--hw-line:#c3cfdd;--hw-bd:#e3e5ea;--g:24px;--pad:22px;position:relative;z-index:2;background:#f6f7f8;color:var(--hw-ink);font-family:'DM Sans',system-ui,sans-serif;padding:100px 0}
.hw *{box-sizing:border-box}
.hw-in{max-width:1220px;margin:0 auto;padding:0 24px}
.hw-hd{text-align:center}
.hw-eb{display:block;font-size:13px;font-weight:600;letter-spacing:.22em;color:var(--hw-ac)}
.hw h2{margin:18px 0 0;font-family:'DM Serif Display',Georgia,'Times New Roman',serif;font-weight:500;font-size:clamp(34px,4.6vw,56px);line-height:1.08;letter-spacing:-.02em;color:var(--hw-ink)}
.hw-sw{display:inline-flex;flex-wrap:wrap;justify-content:center;gap:4px;margin-top:36px;padding:5px;background:#fff;border:1px solid var(--hw-bd);border-radius:999px;box-shadow:0 2px 10px rgba(14,42,77,.05)}
.hw-sw button{all:unset;box-sizing:border-box;display:inline-flex;align-items:center;gap:9px;padding:12px 24px;border-radius:999px;font:500 15px 'DM Sans',system-ui,sans-serif;color:#3a3d49;cursor:pointer;transition:background .25s,color .25s,box-shadow .25s}
.hw-sw button:hover{background:#f0f4f8}
.hw-sw button[aria-selected="true"]{background:var(--hw-ac);color:#fff;box-shadow:0 8px 20px rgba(57,118,188,.32)}
.hw-sw button:focus-visible{outline:2px solid var(--hw-ac);outline-offset:2px}
.hw-sw svg{flex:none}
.hw-panel{margin-top:40px;transition:opacity .26s ease,transform .26s ease}
.hw-panel[hidden]{display:none}
.hw-panel.out{opacity:0;transform:translateY(12px)}
.hw-flow{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:var(--g)}
.hw-flow>li{--cb:#fff;--cbd:var(--hw-bd);--csh:0 1px 2px rgba(14,42,77,.04),0 8px 22px rgba(14,42,77,.05);position:relative;padding:24px var(--pad) 26px;background:var(--cb);border:1px solid var(--cbd);border-radius:16px;box-shadow:var(--csh);transition:transform .25s ease,box-shadow .25s ease,border-color .25s ease;animation:hwUp .35s ease both;animation-delay:calc(var(--i)*45ms)}
@keyframes hwUp{from{opacity:0;transform:translateY(14px)}}
.hw-flow>li:hover{transform:translateY(-3px);border-color:#c8c2d6;box-shadow:0 2px 4px rgba(14,42,77,.05),0 16px 34px rgba(14,42,77,.1)}
.hw-n{display:flex;align-items:center;margin-bottom:18px}
.hw-n b{flex:none;width:46px;height:46px;border-radius:50%;display:flex;align-items:center;justify-content:center;background:var(--hw-pale);color:var(--hw-ac);font-size:15px;font-weight:600}
.hw-n:after{content:"";flex:1;height:0;border-top:2px dashed var(--hw-line);margin:0 calc(-1*(var(--pad) + var(--g))) 0 14px}
.hw-flow>li:nth-child(4n) .hw-n:after,.hw-flow>li:last-child .hw-n:after{display:none}
.hw-b h3{margin:0 0 10px;font-size:19px;line-height:1.3;font-weight:600;letter-spacing:-.01em;color:var(--hw-ink)}
.hw-b p{margin:0;font-size:14.5px;line-height:1.6;color:var(--hw-mut)}
.hw-flow>li:last-child{--cb:linear-gradient(160deg,#0e2a4d 0%,#154d8e 100%);--cbd:#154d8e;--csh:0 22px 44px rgba(14,42,77,.3);transform:translateY(-4px)}
.hw-flow>li:last-child:hover{transform:translateY(-6px);border-color:#154d8e;box-shadow:0 28px 52px rgba(14,42,77,.36)}
.hw-flow>li:last-child .hw-n b{background:#fff;color:var(--hw-ac)}
.hw-flow>li:last-child h3{color:#fff}.hw-flow>li:last-child p{color:rgba(255,255,255,.8)}
@media (max-width:1024px){.hw-flow{grid-template-columns:repeat(2,minmax(0,1fr))}
.hw-flow>li:nth-child(4n) .hw-n:after{display:block}.hw-flow>li:nth-child(2n) .hw-n:after,.hw-flow>li:last-child .hw-n:after{display:none}.hw-flow>li:last-child{transform:none}.hw-flow>li:last-child:hover{transform:translateY(-3px)}}
@media (max-width:600px){.hw{padding:72px 0;--g:18px}.hw-in{padding:0 18px}.hw-sw{margin-top:36px;border-radius:26px}.hw-sw button{padding:10px 16px;font-size:14px}.hw-panel{margin-top:40px}
.hw-flow{grid-template-columns:1fr;gap:var(--g)}
.hw-flow>li{display:grid;grid-template-columns:46px minmax(0,1fr);column-gap:16px;padding:0;background:none;border:0;box-shadow:none;border-radius:0;transform:none!important}
.hw-flow>li:hover{border:0;box-shadow:none}
.hw-flow>li:not(:last-child):before{content:"";position:absolute;left:22px;top:52px;bottom:calc(6px - var(--g));border-left:2px dashed var(--hw-line)}
.hw-n{margin:0;align-items:flex-start}.hw-n:after{display:none!important}
.hw-b{padding:20px var(--pad) 22px;background:var(--cb);border:1px solid var(--cbd);border-radius:16px;box-shadow:var(--csh)}
.hw-flow>li:last-child .hw-n b{background:#154d8e;color:#fff}}
@media (prefers-reduced-motion:reduce){.hw-flow>li,.hw-panel{animation:none;transition:none}}

/* How it works: refinements */
.hw-sub{margin:18px auto 0;max-width:600px;font-size:clamp(15px,1.4vw,18px);line-height:1.6;color:var(--hw-mut)}
.hw-cap{display:flex;align-items:center;justify-content:center;gap:12px;margin:0 0 30px;font-size:14.5px;color:var(--hw-mut);text-align:left}
.hw-cap b{flex:none;font-size:12px;font-weight:600;letter-spacing:.06em;text-transform:uppercase;padding:5px 12px;border-radius:999px;background:var(--hw-pale);color:var(--hw-ac)}
.hw-ph{display:inline-flex;align-items:center;gap:7px;margin-bottom:10px;font-size:11.5px;font-weight:600;letter-spacing:.09em;text-transform:uppercase;color:var(--hw-ac)}
.hw-ph i{display:flex}
.hw-flow>li:last-child .hw-ph{color:#c9dbef}
.hw-b p{font-size:15px}
.hw-cta{display:flex;flex-direction:column;align-items:center;gap:18px;margin-top:64px;text-align:center}
.hw-cta p{margin:0;font-size:17px;color:var(--hw-ink);font-weight:500}
.hw-btn{display:inline-flex;align-items:center;padding:14px 30px;border-radius:999px;background:var(--hw-ac);color:#fff;font-size:15px;font-weight:600;text-decoration:none;box-shadow:0 10px 24px rgba(57,118,188,.28);transition:transform .2s,box-shadow .2s}
.hw-btn:hover{transform:translateY(-2px);box-shadow:0 14px 30px rgba(57,118,188,.36)}
.hw-btn:focus-visible{outline:2px solid var(--hw-ac);outline-offset:3px}
@media (max-width:600px){.hw-cap{flex-direction:column;gap:8px;text-align:center}.hw-cta{margin-top:44px}}

.wy{--wy-bg:#f6f5f2;--wy-card:#fff;--wy-ink:#1c1f26;--wy-mut:#5d6370;--wy-line:#e7e7eb;--wy-alt:#fafafb;--wy-blue:#12407f;--wy-blue2:#1d5bb5;--wy-pale:#eef4fc;--wy-pale2:#e3ecf9;--wy-ok:#1f9d63;--wy-hov:#f2f3f6;--wy-tile:#f0f1f4;
position:relative;z-index:6;background:var(--wy-bg);color:var(--wy-ink);text-align:center;font-family:'DM Sans',system-ui,-apple-system,'Segoe UI',Roboto,sans-serif}
@media (prefers-color-scheme:dark){:root:not([data-theme="light"]) .wy{--wy-bg:#0e0e14;--wy-card:#15151d;--wy-ink:#f1f1f6;--wy-mut:#b4b4c2;--wy-line:#2a2a36;--wy-alt:#181821;--wy-blue:#1a4f9e;--wy-blue2:#4a89e0;--wy-pale:#132238;--wy-pale2:#183052;--wy-hov:#1d1d28;--wy-tile:#222230}}
:root[data-theme="dark"] .wy{--wy-bg:#0e0e14;--wy-card:#15151d;--wy-ink:#f1f1f6;--wy-mut:#b4b4c2;--wy-line:#2a2a36;--wy-alt:#181821;--wy-blue:#1a4f9e;--wy-blue2:#4a89e0;--wy-pale:#132238;--wy-pale2:#183052;--wy-hov:#1d1d28;--wy-tile:#222230}
.wy *{box-sizing:border-box}
.wy-in{max-width:1200px;margin:0 auto;padding:88px 24px 96px}
.wy-eb{display:inline-flex;align-items:center;gap:10px;font-size:12.5px;font-weight:600;letter-spacing:.16em;color:var(--wy-blue2)}
.wy-eb:before,.wy-eb:after{content:"";width:24px;height:2px;border-radius:2px;background:currentColor;opacity:.45}
.wy h2{font-size:clamp(30px,3.6vw,46px);line-height:1.15;font-weight:700;letter-spacing:-.03em;margin:16px auto 0;max-width:760px;color:var(--wy-ink)}
.wy-sub{font-size:clamp(15px,1.4vw,18px);line-height:1.65;color:var(--wy-mut);max-width:640px;margin:16px auto 0}
.wy-box{margin-top:48px;touch-action:pan-x pan-y;overscroll-behavior-x:contain;scroll-behavior:smooth;background:var(--wy-card);border:1px solid var(--wy-line);border-radius:18px;box-shadow:0 14px 40px rgba(20,30,60,.07);overflow-x:auto;scrollbar-width:none;-webkit-overflow-scrolling:touch;text-align:left}
.wy-box::-webkit-scrollbar{display:none}
.wy table{width:100%;min-width:1000px;border-collapse:separate;border-spacing:0;table-layout:fixed}
.wy col.c0{width:23%}.wy col.c1,.wy col.c2,.wy col.c3{width:19%}.wy col.c4{width:20%}
.wy th,.wy td{padding:22px 22px;vertical-align:middle;border-bottom:1px solid var(--wy-line);font-size:14.5px;line-height:1.5;color:var(--wy-mut)}
.wy th+th,.wy td+td{border-left:1px solid var(--wy-line)}
.wy thead th{font-size:12.5px;font-weight:600;letter-spacing:.1em;text-transform:uppercase;color:var(--wy-mut);background:var(--wy-card);padding:24px 22px}
.wy-h{display:flex;align-items:center;gap:10px}
.wy-h svg{width:20px;height:20px;flex:none;fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round;opacity:.75}
.wy tbody th{font-size:15px;font-weight:600;line-height:1.4;color:var(--wy-ink);text-align:left;background:var(--wy-card)}
.wy-r{display:flex;align-items:center;gap:14px}
.wy-ri{flex:none;width:38px;height:38px;border-radius:11px;background:var(--wy-tile);color:var(--wy-mut);display:flex;align-items:center;justify-content:center}
.wy-ri svg{width:19px;height:19px;fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round}
.wy tbody tr:nth-child(even) td,.wy tbody tr:nth-child(even) th{background:var(--wy-alt)}
.wy tbody tr:hover td:not(.wy-s),.wy tbody tr:hover th{background:var(--wy-hov)}
.wy th:first-child{position:sticky;left:0;z-index:2;box-shadow:1px 0 0 var(--wy-line)}
.wy tbody tr:last-child th,.wy tbody tr:last-child td{border-bottom:0}
.wy thead th.wy-s{background:linear-gradient(180deg,var(--wy-blue2),var(--wy-blue));color:#fff;border:2px solid var(--wy-blue);border-bottom:0;border-radius:14px 14px 0 0;font-size:14px;letter-spacing:.12em}
.wy thead th.wy-s svg{width:26px;height:26px;stroke-width:1.9;opacity:1}
.wy td.wy-s{background:var(--wy-pale);color:var(--wy-ink);font-weight:600;border-left:2px solid var(--wy-blue);border-right:2px solid var(--wy-blue);border-bottom:1px solid var(--wy-pale2)}
.wy tbody tr:last-child td.wy-s{border-bottom:2px solid var(--wy-blue);border-radius:0 0 14px 14px}
.wy tbody tr:hover td.wy-s{background:var(--wy-pale2)}
.wy-ok,.wy-x{display:flex;align-items:flex-start;gap:10px}
.wy-ok i,.wy-x i{flex:none;width:20px;height:20px;border-radius:50%;display:flex;align-items:center;justify-content:center;margin-top:1px}
.wy-ok i{background:var(--wy-ok)}
.wy-x i{border:1.5px solid var(--wy-line);color:var(--wy-mut);opacity:.8}
.wy-ok svg{width:12px;height:12px;fill:none;stroke:#fff;stroke-width:3;stroke-linecap:round;stroke-linejoin:round}
.wy-x svg{width:10px;height:10px;fill:none;stroke:currentColor;stroke-width:2.4;stroke-linecap:round}
.wy tbody tr:nth-child(n) td.wy-s{background:var(--wy-pale);font-weight:500}
.wy tbody tr:nth-child(n):hover td.wy-s{background:var(--wy-pale2)}
.wy tbody th{font-weight:500}
.wy-hd{display:block;text-align:center}
.wy-cta{display:inline-flex;align-items:center;gap:10px;margin-top:40px;padding:15px 34px;border-radius:999px;border:1.5px solid var(--wy-blue2);background:var(--wy-card);color:var(--wy-blue2);font:500 15.5px 'DM Sans',system-ui,sans-serif;text-decoration:none;transition:background .18s,box-shadow .18s}
.wy-cta:hover{background:var(--wy-pale);box-shadow:0 8px 20px rgba(29,91,181,.16)}
.wy-cta span{display:inline-block;transition:transform .18s}.wy-cta:hover span{transform:translateX(5px)}
.wy-cta:focus-visible,.wy-box:focus-visible{outline:3px solid color-mix(in srgb,var(--wy-blue2) 50%,transparent);outline-offset:3px}
.wy-ctl{display:none;align-items:center;gap:12px;margin-top:32px;font-size:13px;color:var(--wy-mut)}
.wy-trk{flex:1;height:4px;border-radius:4px;background:var(--wy-line);overflow:hidden;position:relative}
.wy-trk i{position:absolute;left:0;top:0;height:100%;width:40%;border-radius:4px;background:var(--wy-blue2)}
.wy-b{flex:none;width:40px;height:40px;border-radius:50%;border:1.5px solid var(--wy-blue2);background:var(--wy-card);color:var(--wy-blue2);display:flex;align-items:center;justify-content:center;cursor:pointer;padding:0;transition:background .15s}
.wy-b:hover:not(:disabled){background:var(--wy-pale)}.wy-b:disabled{opacity:.35;cursor:default}
.wy-b svg{width:18px;height:18px;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}
.wy-wrap{position:relative;margin-top:16px}
.wy-wrap .wy-box{margin-top:0}
@media (max-width:1000px){.wy-in{padding:72px 20px 80px}.wy th,.wy td{padding:18px 16px;font-size:14px}.wy table{min-width:960px}.wy-ctl{display:flex}.wy-wrap{margin-top:16px}
.wy-wrap:after{content:"";position:absolute;right:1px;top:1px;bottom:1px;width:44px;border-radius:0 17px 17px 0;background:linear-gradient(90deg,transparent,var(--wy-card));pointer-events:none;transition:opacity .2s}
.wy-wrap.end:after{opacity:0}}
@media (max-width:600px){.wy-in{padding:56px 16px 64px}.wy-box{margin-top:32px;border-radius:14px}.wy table{width:925px;min-width:925px}.wy col.c0{width:140px}.wy col.c1,.wy col.c2,.wy col.c3{width:190px}.wy col.c4{width:215px}.wy-ri{display:none}.wy th:first-child{padding-right:12px}.wy-cta{display:flex;justify-content:center;width:100%;padding:15px 20px}}
@media (prefers-reduced-motion:reduce){.wy-cta,.wy-cta span{transition:none}}

.security-section{--sc-ink:#0f1b3d;--sc-mut:#56607a;--sc-blue:#0b63f6;--sc-blue2:#1e7bff;--sc-pale:#eaf3ff;--sc-line:#dfe8f5;--sc-card:#fff;--sc-bg:#fff;
position:relative;z-index:6;overflow:hidden;isolation:isolate;background:linear-gradient(180deg,#fff 0%,#f6faff 55%,#fff 100%);color:var(--sc-ink);font-family:'DM Sans',ui-sans-serif,system-ui,-apple-system,'Segoe UI',sans-serif}
@media (prefers-color-scheme:dark){:root:not([data-theme="light"]) .security-section{--sc-ink:#eef3ff;--sc-mut:#aab5cf;--sc-blue:#4d92ff;--sc-blue2:#6aa5ff;--sc-pale:#16233d;--sc-line:#26324a;--sc-card:#131a2b;background:linear-gradient(180deg,#0d1220,#0f1830 55%,#0d1220)}}
:root[data-theme="dark"] .security-section{--sc-ink:#eef3ff;--sc-mut:#aab5cf;--sc-blue:#4d92ff;--sc-blue2:#6aa5ff;--sc-pale:#16233d;--sc-line:#26324a;--sc-card:#131a2b;background:linear-gradient(180deg,#0d1220,#0f1830 55%,#0d1220)}
.security-section *{box-sizing:border-box}
.security-bg{position:absolute;inset:0;z-index:-1;pointer-events:none}
.security-bg svg{position:absolute;width:100%;height:100%;left:0;top:0}
.security-dots{position:absolute;width:120px;height:120px;background-image:radial-gradient(circle,#9cc2f5 1.4px,transparent 1.6px);background-size:20px 20px;opacity:.5}
.security-dots.d1{right:2%;top:70px}.security-dots.d2{left:2%;bottom:90px}
.security-container{max-width:1280px;margin:0 auto;padding:104px 32px 80px;display:grid;grid-template-columns:minmax(0,40fr) minmax(0,22fr) minmax(0,38fr);grid-template-areas:"intro visual cards";align-items:center;gap:20px}
.security-intro{grid-area:intro}
.security-badge{display:inline-flex;align-items:center;gap:9px;padding:9px 18px 9px 14px;border-radius:999px;background:var(--sc-pale);border:1px solid color-mix(in srgb,var(--sc-blue) 22%,transparent);font-size:12.5px;font-weight:600;letter-spacing:.1em;text-transform:uppercase;color:var(--sc-blue)}
.security-badge svg{width:18px;height:18px}
.security-label{display:flex;align-items:center;gap:18px;margin:44px 0 22px;font-size:13px;font-weight:600;letter-spacing:.24em;text-transform:uppercase;color:var(--sc-blue)}
.security-label:before{content:"";width:42px;height:2px;background:var(--sc-blue);border-radius:2px}
.security-title{margin:0;font-size:clamp(34px,3.35vw,48px);line-height:1.1;font-weight:700;letter-spacing:-.04em;color:var(--sc-ink)}
.security-title span{display:block;color:var(--sc-blue)}
.security-description{margin:24px 0 0;max-width:520px;font-size:clamp(16px,1.35vw,18.5px);line-height:1.65;color:var(--sc-mut)}
.security-visual{grid-area:visual;position:relative;display:flex;justify-content:center}
.security-visual svg{width:128%;max-width:390px;margin:0 -14%;height:auto;overflow:visible}
.security-feature-grid{grid-area:cards;display:grid;grid-template-columns:1fr 1fr;grid-auto-rows:1fr;gap:18px;margin:0;padding:0;list-style:none}
.security-card{display:flex;flex-direction:column;padding:24px 22px 26px;background:var(--sc-card);border:1px solid var(--sc-line);border-radius:18px;box-shadow:0 10px 30px rgba(20,60,130,.06);transition:transform .22s,border-color .22s,box-shadow .22s}
.security-card:hover{transform:translateY(-3px);border-color:color-mix(in srgb,var(--sc-blue) 38%,var(--sc-line));box-shadow:0 18px 40px rgba(20,60,130,.11)}
.security-card-icon{width:56px;height:56px;border-radius:50%;display:flex;align-items:center;justify-content:center;margin-bottom:20px}
.security-card-icon svg{width:27px;height:27px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
.ic-blue{background:#e6f0ff;color:#0b63f6}.ic-green{background:#e4f6ec;color:#1f9d63}.ic-purple{background:#efe9ff;color:#7a3ff0}.ic-orange{background:#fff0e1;color:#f07a12}
@media (prefers-color-scheme:dark){:root:not([data-theme="light"]) .ic-blue{background:#16264a}:root:not([data-theme="light"]) .ic-green{background:#14291f}:root:not([data-theme="light"]) .ic-purple{background:#241a42}:root:not([data-theme="light"]) .ic-orange{background:#33210f}}
:root[data-theme="dark"] .ic-blue{background:#16264a}:root[data-theme="dark"] .ic-green{background:#14291f}:root[data-theme="dark"] .ic-purple{background:#241a42}:root[data-theme="dark"] .ic-orange{background:#33210f}
.security-card-title{margin:0 0 8px;font-size:clamp(17px,1.4vw,19.5px);line-height:1.3;font-weight:700;color:var(--sc-ink)}
.security-card-description{margin:0;font-size:15px;line-height:1.55;color:var(--sc-mut)}
.security-footer-note{max-width:1280px;margin:0 auto;padding:0 32px 96px;display:flex;align-items:center;justify-content:center;gap:22px;text-align:center;font-size:clamp(14.5px,1.3vw,17px);color:var(--sc-mut)}
.security-footer-note:before,.security-footer-note:after{content:"";flex:0 1 72px;height:1.5px;background:var(--sc-blue2);opacity:.7;border-radius:2px}
@media (max-width:1100px){.security-container{grid-template-columns:1fr 1fr;grid-template-areas:"intro visual" "cards cards";gap:36px 24px;padding:80px 24px 56px}.security-visual svg{width:100%;max-width:340px;margin:0}.security-footer-note{padding:0 24px 80px}}
@media (max-width:680px){.security-container{grid-template-columns:1fr;grid-template-areas:"intro" "visual" "cards";padding:56px 20px 40px;gap:28px}.security-label{margin:32px 0 18px}.security-visual svg{width:100%;max-width:300px;margin:0}.security-feature-grid{grid-template-columns:1fr;grid-auto-rows:auto;gap:14px}.security-card{padding:22px 20px 24px}.security-footer-note{padding:0 20px 64px;gap:12px}.security-footer-note:before,.security-footer-note:after{flex-basis:20px}}
@media (prefers-reduced-motion:reduce){.security-card{transition:none}.security-card:hover{transform:none}}

.security-container{grid-template-columns:minmax(0,38fr) minmax(0,25fr) minmax(0,37fr);padding-bottom:56px}
.security-visual svg{width:122%;max-width:420px;margin:0 -11%}
.security-card{position:relative;overflow:hidden;padding:22px 22px 26px}
.security-card:before{content:"";position:absolute;left:0;right:0;top:0;height:3px;background:var(--c);opacity:0;transition:opacity .22s}
.security-card:hover:before{opacity:1}
.security-card-head{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-bottom:18px}
.security-card-icon{flex:none;margin-bottom:0;background:color-mix(in srgb,var(--c) 12%,var(--sc-card))!important;color:var(--c)!important}
.security-tag{font-size:10px;font-weight:600;letter-spacing:.1em;text-transform:uppercase;padding:5px 10px;border-radius:999px;color:var(--c);background:color-mix(in srgb,var(--c) 10%,transparent);white-space:nowrap}
.sc-n{animation:scF 5s ease-in-out infinite}
.sc-p{transform-box:fill-box;transform-origin:center;animation:scP 4s ease-out infinite;opacity:.0}
@keyframes scF{0%,100%{transform:translateY(0)}50%{transform:translateY(-7px)}}
@keyframes scP{0%{transform:scale(.7);opacity:.5}100%{transform:scale(1.15);opacity:0}}
.security-flow{max-width:1280px;margin:0 auto;padding:0 32px 56px}
.security-flow ol{list-style:none;margin:0;padding:8px;display:grid;grid-template-columns:repeat(4,1fr);background:var(--sc-card);border:1px solid var(--sc-line);border-radius:20px;box-shadow:0 10px 30px rgba(20,60,130,.06)}
.security-flow li{position:relative;display:flex;align-items:center;gap:14px;padding:18px 22px}
.security-flow li+li:before{content:"→"/"";position:absolute;left:-11px;top:50%;transform:translateY(-50%);width:22px;height:22px;border-radius:50%;background:var(--sc-pale);border:1px solid var(--sc-line);color:var(--sc-blue);font-size:12px;display:flex;align-items:center;justify-content:center}
.sc-num{flex:none;width:36px;height:36px;border-radius:50%;background:linear-gradient(180deg,#3a95ff,#0a55e0);color:#fff;font-size:14px;font-weight:700;display:flex;align-items:center;justify-content:center}
.security-flow strong{display:block;font-size:16px;font-weight:700;color:var(--sc-ink)}
.security-flow span:not(.sc-num){display:block;margin-top:2px;font-size:13px;line-height:1.4;color:var(--sc-mut)}
@media (max-width:1100px){.security-container{grid-template-columns:1fr 1fr;padding-bottom:40px}.security-visual svg{width:100%;max-width:360px;margin:0}.security-flow{padding:0 24px 48px}.security-flow ol{grid-template-columns:1fr 1fr}.security-flow li:nth-child(3):before{display:none}}
@media (max-width:680px){.security-container{grid-template-columns:1fr}.security-visual svg{max-width:320px}.security-flow{padding:0 20px 40px}.security-flow ol{grid-template-columns:1fr}.security-flow li{padding:14px 16px}.security-flow li+li:before{display:none}.security-flow li+li{border-top:1px solid var(--sc-line)}}
@media (prefers-reduced-motion:reduce){.sc-n,.sc-p{animation:none}}

.security-cards{grid-area:cards;min-width:0}
.security-container{padding-bottom:96px}
.security-pager{display:none}
@media (max-width:1100px){.security-container{padding-bottom:72px}}
@media (max-width:680px){
.security-container{padding-bottom:56px}
.security-feature-grid{display:flex;gap:14px;overflow-x:auto;scroll-snap-type:x mandatory;scroll-padding-left:20px;margin:0 -20px;padding:6px 20px 14px;scrollbar-width:none;-webkit-overflow-scrolling:touch;overscroll-behavior-x:contain}
.security-feature-grid::-webkit-scrollbar{display:none}
.security-card{flex:0 0 80%;scroll-snap-align:start}
.security-feature-grid:after{content:"";flex:0 0 6px}
.security-pager{display:flex;justify-content:center;align-items:center;gap:8px;margin-top:6px}
.security-pg{width:8px;height:8px;padding:0;border:0;border-radius:99px;background:var(--sc-line);cursor:pointer;transition:width .2s,background .2s}
.security-pg.on{width:24px;background:var(--sc-blue)}
.security-pg:focus-visible{outline:3px solid color-mix(in srgb,var(--sc-blue) 50%,transparent);outline-offset:3px}
}

@media (min-width:1101px){
.security-container{grid-template-columns:minmax(0,1fr) minmax(0,1fr);grid-template-areas:"intro visual" "cards cards";gap:40px 40px;padding:96px 32px 104px}
.security-title{font-size:clamp(44px,3.9vw,56px)}
.security-visual svg{width:100%;max-width:470px;margin:0}
.security-feature-grid{grid-template-columns:repeat(4,minmax(0,1fr));grid-auto-rows:auto;gap:20px}
.security-card{padding:26px 24px 30px}
.security-card-title{font-size:19px}
.security-card-description{font-size:15px;line-height:1.6}
}

.faq-section{position:relative;z-index:6;overflow:hidden;isolation:isolate;color:var(--ink);font-family:'DM Sans',system-ui,-apple-system,'Segoe UI',sans-serif;background:linear-gradient(180deg,var(--bg) 0,color-mix(in srgb,var(--c1) 65%,var(--bg)) 18%,color-mix(in srgb,var(--c1) 65%,var(--bg)) 84%,var(--bg) 100%)}
.faq-section *{box-sizing:border-box}
.faq-bg{position:absolute;inset:0;z-index:-1;pointer-events:none}
.faq-bg:before{content:"";position:absolute;right:-170px;top:8%;width:460px;height:460px;border-radius:50%;background:color-mix(in srgb,var(--i1) 8%,transparent)}
.faq-bg:after{content:"";position:absolute;left:-180px;bottom:22%;width:380px;height:380px;border-radius:50%;background:color-mix(in srgb,var(--i2) 7%,transparent)}
.faq-dots{position:absolute;width:130px;height:84px;background:radial-gradient(color-mix(in srgb,var(--brand) 35%,transparent) 1.6px,transparent 2px) 0 0/18px 18px}
.faq-dots.a{left:3%;bottom:340px}.faq-dots.b{right:3%;top:64px}
.faq-container{max-width:1320px;margin:0 auto;padding:96px 32px 104px}
.faq-grid{display:grid;grid-template-columns:minmax(0,38fr) minmax(0,62fr);gap:64px;align-items:start}
.faq-label{display:inline-block;background:var(--badge);color:var(--badge-ink);font-size:13px;font-weight:500;letter-spacing:.06em;text-transform:uppercase;padding:7px 18px;border-radius:999px}
.faq-title{margin:22px 0 0;max-width:480px;font-size:clamp(32px,3.4vw,48px);line-height:1.15;font-weight:700;letter-spacing:-.03em;color:var(--ink)}
.faq-title span{display:block;color:var(--brand)}
.faq-visual{margin-top:36px;max-width:400px}
.faq-visual svg{width:100%;height:auto;display:block;overflow:visible}
/* recolour the existing illustration from blue to the brand purple */
.faq-visual stop[stop-color="#3b97ff"]{stop-color:#6fa3dc}
.faq-visual stop[stop-color="#4aa6ff"]{stop-color:#4a89cc}
.faq-visual stop[stop-color="#0a55e0"]{stop-color:#3976bc}
.faq-visual [stroke="#5aa9ff"]{stroke:var(--brand);stroke-opacity:.35}
.faq-visual [fill="#3b97ff"],.faq-visual [fill="#1d6df0"]{fill:var(--brand)}
.faq-visual [fill="#eaf2ff"]{fill:#fff}
.faq-section feDropShadow{flood-color:#0e2a4d;flood-opacity:.18}
.faq-list{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:12px}
.faq-item{--fc:var(--i1);background:var(--bg);border:1px solid var(--line);border-radius:18px;box-shadow:0 2px 6px rgba(14,42,77,.03);transition:border-color .25s,box-shadow .25s}
.faq-item:nth-child(1),.faq-item:nth-child(5){--fc:var(--i2)}
.faq-item:nth-child(2),.faq-item:nth-child(7){--fc:var(--i4)}
.faq-item:nth-child(3){--fc:var(--i6)}
.faq-item:nth-child(4){--fc:var(--i3)}
.faq-item:nth-child(6){--fc:var(--i5)}
.faq-item:hover{border-color:color-mix(in srgb,var(--brand) 26%,var(--line));box-shadow:0 12px 28px rgba(14,42,77,.08)}
.faq-item.open{border-color:color-mix(in srgb,var(--brand) 34%,var(--line));box-shadow:0 18px 40px rgba(14,42,77,.10)}
.faq-q{all:unset;box-sizing:border-box;width:100%;display:flex;align-items:center;gap:16px;padding:18px 22px;cursor:pointer;border-radius:18px}
.faq-q:focus-visible{outline:2px solid var(--brand);outline-offset:2px}
.faq-ic{flex:none;width:44px;height:44px;border-radius:13px;display:flex;align-items:center;justify-content:center;background:color-mix(in srgb,var(--fc) 13%,var(--bg));color:var(--fc)}
.faq-ic svg{width:21px;height:21px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
.faq-qt{flex:1;font-size:clamp(15.5px,1.2vw,17px);line-height:1.45;font-weight:600;color:var(--ink);transition:color .2s}
.faq-item:hover .faq-qt,.faq-item.open .faq-qt{color:var(--brand)}
.faq-chev{flex:none;width:32px;height:32px;padding:7px;border-radius:50%;background:var(--c1);fill:none;stroke:var(--brand);stroke-width:2.2;stroke-linecap:round;stroke-linejoin:round;transition:transform .3s,background .3s,stroke .3s}
.faq-item.open .faq-chev{transform:rotate(180deg);background:var(--brand);stroke:#fff}
.faq-a{display:grid;grid-template-rows:0fr;opacity:0;visibility:hidden;transition:grid-template-rows .35s ease,opacity .3s ease,visibility 0s .35s}
.faq-item.open .faq-a{grid-template-rows:1fr;opacity:1;visibility:visible;transition:grid-template-rows .35s ease,opacity .3s ease .05s,visibility 0s}
.faq-a>div{overflow:hidden;min-height:0}
.faq-a p{margin:0;padding:0 64px 22px 82px;font-size:15px;line-height:1.7;color:var(--muted)}
.faq-cta{margin-top:72px;display:grid;grid-template-columns:minmax(0,1.25fr) minmax(0,.75fr);gap:32px;align-items:center;padding:48px 56px;border-radius:26px;background:linear-gradient(120deg,#3976bc 0%,#154d8e 62%,#0e2a4d 100%);color:#fff;box-shadow:0 28px 60px rgba(21,77,142,.26);position:relative;overflow:hidden}
.faq-cta:before{content:"";position:absolute;right:-8%;top:-50%;width:55%;height:200%;border-radius:50%;background:radial-gradient(circle,rgba(255,255,255,.16),transparent 65%);pointer-events:none}
.faq-cta:after{content:"";position:absolute;right:24px;top:20px;width:130px;height:84px;background:radial-gradient(rgba(255,255,255,.28) 1.6px,transparent 2px) 0 0/18px 18px;pointer-events:none}
.faq-cta>*{position:relative;z-index:1}
.faq-eb{display:flex;align-items:center;gap:14px;font-size:12.5px;font-weight:600;letter-spacing:.16em;text-transform:uppercase;color:var(--badge)}
.faq-eb:before{content:"";width:30px;height:2px;border-radius:2px;background:currentColor}
.faq-cta h2{margin:16px 0 0;font-size:clamp(28px,2.8vw,40px);line-height:1.18;font-weight:700;letter-spacing:-.03em;color:#fff}
.faq-cta h2 span{color:var(--badge);white-space:nowrap}
.faq-cta p{margin:16px 0 0;max-width:520px;font-size:16px;line-height:1.65;color:rgba(255,255,255,.82)}
.faq-btns{display:flex;flex-wrap:wrap;gap:14px;margin-top:30px}
.faq-btn{display:inline-flex;align-items:center;justify-content:center;gap:10px;min-height:50px;padding:14px 28px;border-radius:999px;font-size:15px;font-weight:500;text-decoration:none;color:#fff;border:1.5px solid transparent;transition:transform .18s,box-shadow .18s,background .18s}
.faq-btn.p{background:#fff;color:#3976bc;box-shadow:0 8px 20px rgba(8,24,46,.22)}.faq-btn.p:hover{background:#e8f0f7}
.faq-btn.s{border-color:rgba(255,255,255,.55);background:transparent}.faq-btn.s:hover{background:rgba(255,255,255,.1)}
.faq-btn:hover{transform:translateY(-2px);box-shadow:0 12px 26px rgba(8,24,46,.28)}
.faq-btn:focus-visible{outline:2px solid #fff;outline-offset:3px}
.faq-btn i{font-style:normal;display:inline-block;transition:transform .18s}.faq-btn:hover i{transform:translateX(3px)}
.faq-cta-v svg{width:100%;max-width:380px;height:auto;display:block;margin:0 0 0 auto;overflow:visible}
/* recolour the existing CTA illustration from blue to the brand purple */
.faq-cta-v [fill="#1d6df0"]{fill:#3976bc}
.faq-cta-v [stroke="#1d6df0"]{stroke:#3976bc}
.faq-cta-v [fill="#e6f0ff"]{fill:#eef4fa}
.faq-cta-v [fill="#bcd3f6"]{fill:#c9dbef}
.faq-cta-v [fill="#cfe0fa"]{fill:#d9e6f3}
.faq-cta-v [fill="#dbe9ff"]{fill:#e8f0f7}
.faq-cta-v feDropShadow{flood-color:#08182c;flood-opacity:.35}
@media (max-width:1000px){
.faq-container{padding:72px 24px 80px}
.faq-grid{grid-template-columns:1fr;gap:36px}
.faq-left{text-align:center}
.faq-title{margin-left:auto;margin-right:auto}
.faq-visual{max-width:300px;margin:24px auto 0}
.faq-cta{grid-template-columns:1fr;padding:40px 32px}
.faq-cta-v svg{margin:0 auto}}
@media (max-width:600px){
.faq-container{padding:56px 20px 72px}
.faq-title{font-size:32px}
.faq-visual{max-width:240px}
.faq-q{gap:12px;padding:15px 14px}
.faq-ic{width:38px;height:38px;border-radius:11px}.faq-ic svg{width:19px;height:19px}
.faq-chev{width:28px;height:28px;padding:6px}
.faq-a p{padding:0 16px 18px 16px;font-size:14.5px}
.faq-cta{margin-top:48px;padding:32px 22px;border-radius:20px}
.faq-btns{flex-direction:column}.faq-btn{width:100%}}
@media (prefers-reduced-motion:reduce){.faq-a,.faq-item.open .faq-a,.faq-chev,.faq-btn,.faq-btn i,.faq-item,.faq-qt{transition:none}}

.site-footer{position:relative;z-index:6;overflow:hidden;isolation:isolate;color:rgba(255,255,255,.7);padding:4rem 0 2rem;background:#0e2a4d;font-family:'DM Sans',system-ui,-apple-system,'Segoe UI',Roboto,Arial,sans-serif;font-weight:300;font-size:1rem;line-height:1.6;-webkit-font-smoothing:antialiased}
.site-footer *{margin:0;padding:0;box-sizing:border-box}
.site-footer::before{content:"";position:absolute;inset:0 0 auto 0;height:3px;background:linear-gradient(90deg,#3976bc 0%,#6fa3dc 55%,#ff9900 100%)}
.site-footer::after{content:"";position:absolute;inset:0;z-index:-1;pointer-events:none;background:radial-gradient(560px 300px at 0% 0%,rgba(57,118,188,.32),transparent 70%),radial-gradient(460px 260px at 100% 100%,rgba(57,118,188,.18),transparent 70%)}
.site-footer .wrap{max-width:1200px;margin:0 auto;padding:0 1.5rem}
.site-footer .footer-grid{display:grid;grid-template-columns:1.6fr 1fr 1fr 1fr;gap:2rem;margin-bottom:3rem}
.site-footer h4{color:#fff;font-family:'DM Sans',system-ui,-apple-system,'Segoe UI',Roboto,Arial,sans-serif;font-size:.875rem;font-weight:700;line-height:1.25;margin-bottom:1rem;text-transform:uppercase;letter-spacing:.08em}
.site-footer h4::after{content:"";display:block;width:22px;height:2px;border-radius:2px;background:#ff9900;margin-top:10px}
.site-footer ul{list-style:none;display:flex;flex-direction:column;gap:12px}
.site-footer a{color:rgba(255,255,255,.7);font-size:.875rem;text-decoration:none;transition:color 250ms cubic-bezier(.4,0,.2,1)}
.site-footer ul a{display:inline-block;transition:color 250ms,transform 250ms cubic-bezier(.4,0,.2,1)}
.site-footer a:hover{color:#fff}
.site-footer ul a:hover{transform:translateX(4px)}
.site-footer a:focus-visible{outline:none;box-shadow:0 0 0 3px rgba(57,118,188,.45);border-radius:4px}
.site-footer .brand{padding-right:1.5rem}
.site-footer .brand img{display:block;max-width:100%;height:40px;width:auto;margin-bottom:1rem}
.site-footer .brand p{font-size:.875rem;max-width:34ch;line-height:1.65;padding-left:1rem;border-left:2px solid rgba(255,255,255,.16)}
.site-footer .footer-bottom{border-top:1px solid rgba(255,255,255,.12);padding-top:1.5rem;display:flex;justify-content:space-between;gap:1rem;flex-wrap:wrap;font-size:.75rem;color:rgba(255,255,255,.5)}
@media(prefers-reduced-motion:reduce){.site-footer ul a{transition:none}.site-footer ul a:hover{transform:none}}
@media(max-width:980px){
.site-footer .footer-grid{grid-template-columns:repeat(3,minmax(0,1fr))}
.site-footer .brand{grid-column:1/-1;padding-right:0}}
/* phones/tablets: leave room so the floating "Book a Demo" bar does not cover the last footer line */
@media(max-width:860px){.site-footer{padding-bottom:6rem}}
@media(max-width:480px){
.site-footer .footer-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:2rem 1rem}
.site-footer .footer-bottom{flex-direction:column;gap:6px}}
.ft-rv{position:relative;z-index:5}
.ft-rv.on{clip-path:inset(0)}
.ft-rv.on .site-footer{position:fixed;left:0;right:0;bottom:0;z-index:0}
.ft-rv.on:before{content:"";position:absolute;left:0;right:0;top:0;height:28px;z-index:1;pointer-events:none;background:linear-gradient(rgba(8,20,40,.35),transparent)}

.btn.p,.lc-cta,body .hz-cta a,.hw-btn{background:#ff9900;color:#fff}
.btn.p:hover,.lc-cta:hover,body .hz-cta a:hover,.hw-btn:hover{background:#e68a00;color:#fff}
.btn.p,body .hz-cta a,.hw-btn{box-shadow:0 8px 20px rgba(255,153,0,.28)}
.btn.p:hover,.hw-btn:hover{box-shadow:0 12px 26px rgba(255,153,0,.36)}
.faq-btn.p{background:#ff9900;color:#fff;box-shadow:0 8px 20px rgba(8,24,46,.22)}.faq-btn.p:hover{background:#e68a00}
.faq-eb,.faq-cta h2 span{color:#ffad33}
@media (prefers-color-scheme:dark){:root:not([data-theme="light"]){--badge-ink:#2a1d04}}
:root[data-theme="dark"]{--badge-ink:#2a1d04}
main .lead{text-wrap:pretty}
.chc{padding:28px 28px 30px;position:relative;overflow:hidden}
.chc:after{content:"";position:absolute;left:28px;right:28px;top:0;height:3px;border-radius:0 0 3px 3px;background:currentColor;opacity:0;transition:opacity .22s}
.chc:hover:after{opacity:.55}
.chc.c1{color:var(--i1)}.chc.c2{color:var(--i2)}.chc.c3{color:var(--i3)}
.chc .chb{color:var(--ink)}
.chi{display:flex;align-items:center;justify-content:space-between;margin-bottom:22px}
.chi i{width:60px;height:60px;border-radius:18px;background:var(--bg);display:grid;place-items:center;box-shadow:0 8px 18px rgba(14,42,77,.08),inset 0 0 0 1px color-mix(in srgb,currentColor 16%,transparent);transition:transform .22s}
.chc:hover .chi i{transform:translateY(-2px) rotate(-4deg)}
.chi svg{width:30px;height:30px;fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round}
.chb h3{margin-top:0}
@media (max-width:1100px){.chc.c3{flex-direction:column;align-items:stretch;gap:0}}
@media (max-width:700px){.chc{padding:24px 22px 26px}.chi i{width:54px;height:54px;border-radius:16px}.chi svg{width:27px;height:27px}}
@media (prefers-reduced-motion:reduce){.chi i,.chc:after{transition:none}.chc:hover .chi i{transform:none}}
@media (prefers-color-scheme:dark){:root:not([data-theme="light"]) .chc.c1{color:#8db8e6}:root:not([data-theme="light"]) .chc.c2{color:#6ea3ff}:root:not([data-theme="light"]) .chc.c3{color:#f0a53a}:root:not([data-theme="light"]) .chi i{background:rgba(255,255,255,.06);box-shadow:inset 0 0 0 1px color-mix(in srgb,currentColor 30%,transparent)}:root:not([data-theme="light"]) .chc .num{color:currentColor;background:color-mix(in srgb,currentColor 16%,transparent)}}
:root[data-theme="dark"] .chc.c1{color:#8db8e6}:root[data-theme="dark"] .chc.c2{color:#6ea3ff}:root[data-theme="dark"] .chc.c3{color:#f0a53a}:root[data-theme="dark"] .chi i{background:rgba(255,255,255,.06);box-shadow:inset 0 0 0 1px color-mix(in srgb,currentColor 30%,transparent)}:root[data-theme="dark"] .chc .num{color:currentColor;background:color-mix(in srgb,currentColor 16%,transparent)}
.ch-pager{display:none}
@media (max-width:700px){
.chg{display:flex;gap:14px;overflow-x:auto;scroll-snap-type:x mandatory;scroll-padding-left:20px;margin-left:-20px;margin-right:-20px;padding:6px 20px 14px;scrollbar-width:none;-webkit-overflow-scrolling:touch;overscroll-behavior-x:contain}
.chg::-webkit-scrollbar{display:none}
.chg .chc{flex:0 0 80%;scroll-snap-align:start}
.chg:after{content:"";flex:0 0 6px}
.ch-pager{display:flex;justify-content:center;align-items:center;gap:8px;margin-top:6px}
.ch-pg{width:8px;height:8px;padding:0;border:0;border-radius:99px;background:color-mix(in srgb,var(--ink) 20%,transparent);cursor:pointer;transition:width .2s,background .2s}
.ch-pg.on{width:24px;background:var(--i2)}
.ch-pg:focus-visible{outline:3px solid color-mix(in srgb,var(--i2) 50%,transparent);outline-offset:3px}
}
.mc.w1{grid-column:1;grid-row:1;background:color-mix(in srgb,var(--c1) 85%,var(--bg))}
.mc.w2{grid-column:1;grid-row:2;background:color-mix(in srgb,var(--c3) 90%,var(--bg))}
.mc.w3{grid-column:3;grid-row:1;background:color-mix(in srgb,var(--c4) 90%,var(--bg))}
.mc.w4{grid-column:3;grid-row:2;background:color-mix(in srgb,var(--c2) 90%,var(--bg))}
.w1 .mi2{background:color-mix(in srgb,var(--i1) 14%,var(--bg));color:var(--i1)}.w2 .mi2{background:color-mix(in srgb,var(--i3) 16%,var(--bg));color:var(--i3)}
.w3 .mi2{background:color-mix(in srgb,var(--i4) 14%,var(--bg));color:var(--i4)}.w4 .mi2{background:color-mix(in srgb,var(--i2) 14%,var(--bg));color:var(--i2)}
.mc.w1,.mc.w2,.mc.w3,.mc.w4{align-self:stretch;transition:transform .22s,box-shadow .22s}
.mc.w1:hover,.mc.w2:hover,.mc.w3:hover,.mc.w4:hover{transform:translateY(-4px);box-shadow:0 16px 32px rgba(14,42,77,.08)}
.mc.w1 h3,.mc.w2 h3,.mc.w3 h3,.mc.w4 h3{font-size:clamp(19px,1.45vw,22px);margin:2px 0 10px}
@media (max-width:1239px){.mc.w1{grid-column:1;grid-row:2}.mc.w2{grid-column:2;grid-row:2}.mc.w3{grid-column:1;grid-row:3}.mc.w4{grid-column:2;grid-row:3}}
@media (max-width:760px){.mc.w1,.mc.w2,.mc.w3,.mc.w4{grid-column:1;grid-row:auto}}
@media (prefers-reduced-motion:reduce){.mc.w1,.mc.w2,.mc.w3,.mc.w4{transition:none}.mc.w1:hover,.mc.w2:hover,.mc.w3:hover,.mc.w4:hover{transform:none}}
.wcards{display:contents}
@media (max-width:760px){
.wub{overflow:clip}
.wcards{display:flex;flex-direction:column;gap:22px}
.wcards .mc{position:sticky;top:84px;box-shadow:0 -8px 22px rgba(14,42,77,.07)}
.wcards .mc.w2{top:98px}.wcards .mc.w3{top:112px}.wcards .mc.w4{top:126px}
}
@media (prefers-color-scheme:dark){:root:not([data-theme="light"]) .w1 .mi2{color:#8db8e6}:root:not([data-theme="light"]) .w2 .mi2{color:#f0a53a}:root:not([data-theme="light"]) .w3 .mi2{color:#4fd09a}:root:not([data-theme="light"]) .w4 .mi2{color:#6ea3ff}}
:root[data-theme="dark"] .w1 .mi2{color:#8db8e6}:root[data-theme="dark"] .w2 .mi2{color:#f0a53a}:root[data-theme="dark"] .w3 .mi2{color:#4fd09a}:root[data-theme="dark"] .w4 .mi2{color:#6ea3ff}

.hz{position:relative;z-index:6;background:var(--bg);overflow-x:clip;text-align:center}
.hz *{box-sizing:border-box}
.hz-in{max-width:1100px;margin:0 auto;padding:72px 24px 88px}
.hz-eb{display:inline-flex;align-items:center;gap:10px;font-size:12.5px;font-weight:600;letter-spacing:.14em;color:var(--brand)}
.hz-eb:before,.hz-eb:after{content:"";width:24px;height:2px;border-radius:2px;background:currentColor;opacity:.5}
.hz h2{font-size:clamp(30px,3.4vw,46px);line-height:1.15;font-weight:700;letter-spacing:-.03em;margin:14px 0 0;color:var(--ink)}
.hz-sub{color:var(--muted);font-size:clamp(15px,1.4vw,18px);line-height:1.6;max-width:580px;margin:14px auto 0}
.hz-tabs{display:inline-flex;gap:4px;margin-top:30px;padding:5px;border:1.5px solid var(--line);border-radius:999px;background:var(--c1)}
.hz-tab{display:flex;align-items:center;justify-content:center;gap:8px;padding:12px 24px;border:0;background:none;border-radius:999px;font:500 14.5px 'DM Sans',system-ui,sans-serif;color:var(--ink);cursor:pointer;white-space:nowrap;transition:background .2s,color .2s}
.hz-tab:hover{background:color-mix(in srgb,var(--brand) 12%,transparent)}
.hz-tab[aria-selected=true]{background:var(--brand);color:#fff;box-shadow:0 8px 18px rgba(57,118,188,.28)}
.hz-tab svg{width:18px;height:18px;flex:none;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
.hz button:focus-visible{outline:3px solid color-mix(in srgb,var(--brand) 50%,transparent);outline-offset:2px}
.hz-cap{margin:20px 0 0;color:var(--muted);font-size:15px}.hz-cap b{color:var(--brand);margin-right:8px}
.hz-body{--ac:var(--brand);display:grid;grid-template-columns:minmax(0,5fr) minmax(0,7fr);gap:32px;margin-top:36px;text-align:left;align-items:stretch}
.hz-body.end{--ac:var(--i4)}
.hz-list{list-style:none;margin:0;padding:0;position:relative}
.hz-list:before{content:"";position:absolute;left:21px;top:24px;bottom:24px;width:2px;background:var(--line)}
.hz-st{position:relative;display:flex;align-items:center;gap:14px;width:100%;padding:6px 12px 6px 0;border:0;border-radius:14px;background:none;cursor:pointer;text-align:left;font:500 15.5px/1.3 'DM Sans',system-ui,sans-serif;color:var(--muted);transition:background .2s,color .2s}
.hz-st:hover{background:var(--c1);color:var(--ink)}
.hz-nd{flex:none;z-index:1;width:44px;height:44px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:13.5px;font-weight:700;background:var(--bg);color:var(--soft);border:2px solid var(--line);transition:.25s}
.hz-st.done .hz-nd{background:color-mix(in srgb,var(--brand) 14%,var(--bg));border-color:var(--brand);color:var(--brand)}
.hz-st.cur{background:var(--c1);color:var(--ink);font-weight:600}
.hz-st.cur .hz-nd{background:var(--ac);border-color:var(--ac);color:#fff;box-shadow:0 0 0 4px color-mix(in srgb,var(--ac) 22%,transparent)}
.hz-card{display:flex;flex-direction:column;min-height:380px;padding:30px 32px 26px;border:1px solid var(--line);border-top:4px solid var(--ac);border-radius:22px;background:var(--bg);box-shadow:0 10px 30px rgba(14,42,77,.07)}
.hz-body.end .hz-card{background:color-mix(in srgb,var(--i4) 7%,var(--bg))}
.hz-txt{flex:1}.hz-txt.in{animation:hzIn .3s ease}
@keyframes hzIn{from{opacity:0;transform:translateY(8px)}to{opacity:1;transform:none}}
.hz-top{display:flex;align-items:center;gap:14px}
.hz-ic{width:56px;height:56px;border-radius:16px;display:flex;align-items:center;justify-content:center;background:color-mix(in srgb,var(--ac) 14%,var(--bg));color:var(--ac)}
.hz-ic svg{width:28px;height:28px;fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round}
.hz-k{font-size:12.5px;color:var(--soft);font-weight:500}
.hz-ph{font-size:13px;font-weight:600;letter-spacing:.09em;text-transform:uppercase;color:var(--ac)}
.hz-card h3{font-size:clamp(22px,2.2vw,28px);line-height:1.25;font-weight:700;letter-spacing:-.015em;margin:24px 0 12px;color:var(--ink)}
.hz-card p{font-size:16.5px;line-height:1.75;color:var(--muted);margin:0}
.hz-bar{height:6px;border-radius:6px;background:var(--line);overflow:hidden;margin-top:24px}
.hz-bar i{display:block;height:100%;border-radius:6px;background:var(--ac);transition:width .35s}
.hz-nav{display:flex;justify-content:space-between;gap:12px;margin-top:18px}
.hz-nav button{padding:11px 24px;border-radius:999px;border:1.5px solid var(--brand);font:500 14.5px 'DM Sans',system-ui,sans-serif;cursor:pointer;transition:.18s}
.hz-nav .pv{background:transparent;color:var(--brand)}.hz-nav .pv:hover:not(:disabled){background:var(--c1)}
.hz-nav .pv:disabled{opacity:.35;cursor:default}
.hz-nav .nx{background:var(--brand);color:#fff}.hz-nav .nx:hover{background:var(--brand-d)}
.hz-cta{display:flex;align-items:center;justify-content:center;gap:20px;flex-wrap:wrap;margin-top:56px;padding:22px 28px;border-radius:22px;background:var(--c1);border:1px solid var(--line)}
.hz-cta p{margin:0;font-size:16px;font-weight:500;color:var(--ink)}
.hz-cta a{padding:12px 28px;border-radius:999px;background:var(--brand);color:#fff;text-decoration:none;font-weight:500;font-size:15px;box-shadow:0 8px 20px rgba(57,118,188,.24);transition:.18s}.hz-cta a:hover{background:var(--brand-d)}
@media (max-width:800px){.hz-in{padding:48px 18px 64px}
.hz-tabs{display:grid;grid-template-columns:1fr 1fr;width:100%;max-width:420px}.hz-tab{padding:10px 8px;font-size:13px;gap:6px;white-space:normal;line-height:1.2}.hz-tab svg{width:16px;height:16px}
.hz-body{grid-template-columns:1fr;gap:18px;margin-top:26px}
.hz-list{display:flex;justify-content:space-between;gap:4px;overflow-x:auto;scrollbar-width:none;padding:4px 2px}.hz-list::-webkit-scrollbar{display:none}
.hz-list:before{display:none}.hz-list li{flex:1 0 auto}
.hz-st{justify-content:center;padding:0;background:none!important}.hz-lb{display:none}.hz-nd{width:38px;height:38px;font-size:12.5px}
.hz-card{min-height:0;padding:22px 20px 20px}.hz-card p{font-size:15.5px}}
@media (prefers-reduced-motion:reduce){.hz-txt.in{animation:none}.hz-bar i,.hz-nd{transition:none}}

/* the section rules squeeze the letters (-.02em/-.03em) for Poppins; DM Serif Display needs normal spacing, as on index.html - !important beats all those section rules at once */
h1,h2{font-family:'DM Serif Display',Georgia,'Times New Roman',serif;font-synthesis:none;letter-spacing:0!important}

.clw{display:flex;flex-wrap:wrap;justify-content:center}
.clt{flex:0 0 calc((100% - 70px) / 6)}
@media (max-width:1100px){.clt{flex-basis:calc((100% - 28px) / 3)}}
@media (max-width:700px){.clt{flex-basis:calc((100% - 10px) / 2)}}

/* the id keeps the fix to this section only: heading + text on the left, badge on the right, logo box full width below (6 / 3 / 2 per row) */
#clients.cl{display:block}

header>.btn.s{margin-right:-12px}
.mnav a.btn.s{color:var(--brand)}
.mnav a.btn.s+a.btn{margin-top:10px}
#hd.hd{display:block;width:auto;padding:0;gap:normal;border-radius:0;cursor:auto;font:inherit;color:inherit;position:sticky;top:0;z-index:40;background:var(--bg);border-bottom:1px solid transparent;transition:border-color .2s,box-shadow .2s}
#hd.hd.sc{border-bottom-color:var(--line);box-shadow:0 6px 24px rgba(14,42,77,.05)}
/* the header now stays on top, so a menu jump (Product, Security, FAQ) stops below it instead of under it - header is 86px high, 72px on phones */
html{scroll-padding-top:calc(env(safe-area-inset-top,0px) + 86px)}
@media (max-width:860px){html{scroll-padding-top:calc(env(safe-area-inset-top,0px) + 72px)}}

.pricing-intro{--pi-bg:#fffdf9;--pi-ink:#0e2a4d;--pi-txt:#3d4a60;--pi-amber:#ff9900;--pi-amber2:#ffbf47;position:relative;overflow:hidden;isolation:isolate;background:var(--pi-bg);padding:76px 24px 84px;text-align:center}
.pricing-intro__content{position:relative;z-index:1;max-width:1160px;margin:0 auto}
.pricing-intro h1{font-family:'DM Sans',system-ui,-apple-system,'Segoe UI',Roboto,sans-serif;font-size:clamp(36px,5vw,66px);line-height:1.08;font-weight:700;letter-spacing:-.035em!important;color:var(--pi-ink);margin:0 auto;max-width:none;text-wrap:balance}
.pricing-intro h1 span{color:inherit;background:none;padding:0}
.pricing-intro h1 .accent{color:var(--brand);position:relative}
.pricing-intro h1 .pi-ft,.pricing-intro h1 .pi-ul{position:relative}
.pricing-intro h1 .pi-nb{display:block}
.pricing-intro h1 .pi-ul{white-space:nowrap}
.pricing-intro h1 .pi-ul:after{content:"";position:absolute;left:-3%;right:-2%;bottom:-.2em;height:.3em;border-bottom:.075em solid var(--pi-amber2);border-radius:0 0 50% 50%/0 0 100% 100%;transform:rotate(-1.4deg);opacity:.75;pointer-events:none}
/* small hand-drawn strokes: three bars that fan out from one corner */
.pricing-intro .pi-sp{position:absolute;width:.5em;height:.5em;pointer-events:none}
.pricing-intro .pi-sp.l{left:-.62em;top:-.22em}
.pricing-intro .pi-sp.r{right:-.62em;top:.08em}
.pricing-intro .pi-sp i{position:absolute;width:.075em;height:.3em;border-radius:1em;transform-origin:50% 100%;margin:-.3em 0 0 -.0375em}
.pricing-intro .pi-sp.l i{left:100%;top:100%;background:var(--pi-amber)}
.pricing-intro .pi-sp.r i{left:0;top:100%;background:var(--pi-amber2)}
.pricing-intro .pi-sp.l i:nth-child(1){transform:rotate(-18deg) translateY(-.16em)}
.pricing-intro .pi-sp.l i:nth-child(2){transform:rotate(-52deg) translateY(-.16em)}
.pricing-intro .pi-sp.l i:nth-child(3){transform:rotate(-86deg) translateY(-.16em)}
.pricing-intro .pi-sp.r i:nth-child(1){transform:rotate(28deg) translateY(-.16em)}
.pricing-intro .pi-sp.r i:nth-child(2){transform:rotate(68deg) translateY(-.16em)}
.pricing-intro .pi-sp.r i:nth-child(3){transform:rotate(108deg) translateY(-.16em)}
.pricing-intro p{font-size:clamp(17px,1.55vw,21px);line-height:1.55;color:var(--pi-txt);max-width:900px;margin:34px auto 0;text-wrap:pretty}
/* soft pastel shapes, dots and a thin curve near the edges */
.pricing-intro__decor{position:absolute;inset:0;z-index:0;pointer-events:none}
.pricing-intro .pi-blob{position:absolute;border-radius:50%;filter:blur(8px)}
.pricing-intro .pi-blob.b1{width:560px;height:380px;left:-190px;bottom:-210px;background:radial-gradient(closest-side,rgba(57,118,188,.16),rgba(57,118,188,0))}
.pricing-intro .pi-blob.b2{width:620px;height:420px;right:-200px;bottom:-230px;background:radial-gradient(closest-side,rgba(255,153,0,.14),rgba(255,153,0,0))}
.pricing-intro .pi-blob.b3{width:520px;height:360px;right:-170px;top:-200px;background:radial-gradient(closest-side,rgba(224,48,127,.08),rgba(224,48,127,0))}
.pricing-intro .pi-dots{position:absolute;background-image:radial-gradient(circle,currentColor 1.6px,transparent 2px);background-size:18px 18px}
.pricing-intro .pi-dots.d1{left:28px;bottom:64px;width:162px;height:54px;color:rgba(57,118,188,.28)}
.pricing-intro .pi-dots.d2{right:34px;top:34%;width:54px;height:108px;color:rgba(255,153,0,.32)}
.pricing-intro .pi-wave{position:absolute;left:-140px;bottom:-120px;width:760px;height:180px;border-top:1.5px solid rgba(255,153,0,.32);border-radius:50%;transform:rotate(-5deg)}
@media (max-width:900px){.pricing-intro{padding:60px 20px 68px}.pricing-intro .pi-dots.d2{display:none}.pricing-intro .pi-dots.d1{bottom:14px;width:126px;height:36px}.pricing-intro .pi-wave{opacity:.6}}
@media (max-width:600px){.pricing-intro{padding:44px 16px 52px}.pricing-intro h1 .pi-nb{display:inline}.pricing-intro .pi-sp,.pricing-intro .pi-wave{display:none}
.pricing-intro .pi-dots.d1{left:12px;bottom:18px;width:90px;height:36px}.pricing-intro .pi-blob.b1,.pricing-intro .pi-blob.b2{width:340px;height:260px}.pricing-intro p{margin-top:22px}}
@media (prefers-color-scheme:dark){:root:not([data-theme="light"]) .pricing-intro{--pi-bg:var(--bg);--pi-ink:var(--ink);--pi-txt:var(--muted)}}
:root[data-theme="dark"] .pricing-intro{--pi-bg:var(--bg);--pi-ink:var(--ink);--pi-txt:var(--muted)}

.pricing-section{--ps-bg:#fffdf9;--ps-ink:#0e2a4d;--ps-txt:#4a5670;--ps-card:#fff;--ps-line:#e9e9ee;--ps-amber:#ff9900;--ps-amber-d:#e68a00;--ps-green:#1f9d63;--ps-green-bg:#e8f7ef;--ps-pill:#eaf2fe;position:relative;overflow:hidden;isolation:isolate;background:var(--ps-bg);padding:8px 24px 88px;font-family:'DM Sans',system-ui,-apple-system,'Segoe UI',Roboto,sans-serif;color:var(--ps-ink)}
.pricing-section:before,.pricing-section:after{content:"";position:absolute;z-index:-1;border-radius:50%;pointer-events:none;filter:blur(10px)}
.pricing-section:before{width:640px;height:440px;left:-260px;bottom:-140px;background:radial-gradient(closest-side,rgba(57,118,188,.12),rgba(57,118,188,0))}
.pricing-section:after{width:620px;height:420px;right:-240px;top:-120px;background:radial-gradient(closest-side,rgba(255,153,0,.11),rgba(224,48,127,.04) 60%,rgba(224,48,127,0))}
.pricing-container{position:relative;max-width:1240px;margin:0 auto}
.pricing-container:before,.pricing-container:after{content:"";position:absolute;z-index:-1;pointer-events:none;background-image:radial-gradient(circle,currentColor 1.6px,transparent 2px);background-size:18px 18px}
.pricing-container:before{left:-70px;top:40px;width:72px;height:72px;color:rgba(57,118,188,.22)}
.pricing-container:after{right:-70px;top:120px;width:54px;height:126px;color:rgba(255,153,0,.28)}
.pricing-section .note-box{position:relative}
/* Monthly / Annual pill */
.billing-toggle{display:flex;width:max-content;max-width:100%;margin:0 auto 34px;padding:5px;gap:4px;background:#fff;border:1px solid var(--ps-line);border-radius:999px;box-shadow:0 4px 14px rgba(14,42,77,.05)}
.billing-option{display:inline-flex;align-items:center;gap:10px;border:0;background:transparent;color:var(--ps-ink);font:500 15px/1 'DM Sans',system-ui,sans-serif;padding:11px 22px;border-radius:999px;cursor:pointer;transition:background .18s,color .18s}
.billing-option[aria-pressed="true"]{background:var(--ps-amber);color:#fff;box-shadow:0 6px 16px rgba(255,153,0,.28)}
.billing-option:focus-visible,.pc-cta:focus-visible{outline:2px solid var(--brand);outline-offset:3px}
.save-badge{display:inline-block;background:var(--ps-green-bg);color:#137a4b;font-size:12.5px;font-weight:700;padding:5px 10px;border-radius:999px}
.save-badge:first-letter,.pc-inc:first-letter{text-transform:uppercase}
.billing-option[aria-pressed="true"] .save-badge{background:#fff;color:#137a4b}
.pc-vh{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}
/* cards */
.pricing-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:26px;align-items:stretch}
.pricing-card{position:relative;display:flex;flex-direction:column;background:var(--ps-card);border:1px solid var(--ps-line);border-radius:20px;padding:32px;box-shadow:0 10px 30px rgba(14,42,77,.05);transition:transform .2s ease,box-shadow .2s ease}
.pricing-card:hover{transform:translateY(-4px);box-shadow:0 16px 36px rgba(14,42,77,.08)}
.pricing-card.recommended-card{margin-top:-16px;border-color:rgba(255,153,0,.6);background:linear-gradient(#fff,#fffaf3);box-shadow:0 18px 40px rgba(255,153,0,.12)}
.pricing-card.recommended-card:hover{box-shadow:0 22px 46px rgba(255,153,0,.16)}
.pc-badge{align-self:flex-start;display:inline-flex;align-items:center;gap:7px;margin:-6px 0 14px;padding:6px 12px;border-radius:999px;background:var(--badge,#fff1dc);color:var(--badge-ink,#a35700);font-size:12px;font-weight:700;letter-spacing:.05em;text-transform:uppercase;line-height:1.2}
.pc-badge svg{width:15px;height:15px;flex:none;fill:var(--ps-amber);stroke:none}
.pc-head{display:flex;align-items:center;gap:16px}
.pc-ic{flex:none;width:52px;height:52px;border-radius:14px;display:flex;align-items:center;justify-content:center;background:var(--c1,#e8f0f7);color:var(--brand)}
.recommended-card .pc-ic{background:#fff1dc;color:#e07f00}
.premium-card .pc-ic{background:var(--c6,#efedfd);color:var(--i6,#5b4bd6)}
.pc-ic svg{width:26px;height:26px;fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round}
.pricing-section .pc-name{margin:0;font:700 26px/1.15 'DM Sans',system-ui,sans-serif;letter-spacing:-.02em;color:var(--ps-ink)}
.pc-desc{margin:14px 0 0;font-size:15px;line-height:1.5;color:var(--ps-txt);padding-bottom:20px;border-bottom:1px solid var(--ps-line)}
.pc-price{display:flex;flex-wrap:wrap;align-items:baseline;column-gap:10px;row-gap:12px;margin-top:22px}
.pc-amt{font-size:clamp(36px,3.4vw,44px);font-weight:700;letter-spacing:-.03em;line-height:1;color:var(--ps-ink)}
.pc-per{font-size:16px;color:var(--ps-txt)}
.pc-inc{flex-basis:100%;width:max-content;max-width:max-content;display:inline-block;background:var(--ps-pill);color:var(--ps-ink);font-size:14.5px;font-weight:500;padding:6px 14px;border-radius:999px}
.pc-extra{margin-top:12px;font-size:14.5px;color:var(--ps-txt);padding-bottom:20px;border-bottom:1px solid var(--ps-line)}
.pc-feat-h{margin:20px 0 0;font-size:16.5px;font-weight:700;color:var(--ps-ink)}
.pc-features{list-style:none;margin:12px 0 28px;padding:0;display:grid;gap:11px}
.pc-features li{display:flex;align-items:flex-start;gap:11px;font-size:14.5px;line-height:1.45;color:#2b3850}
.pc-check{flex:none;width:18px;height:18px;margin-top:1px;border-radius:50%;background:var(--ps-green);display:flex;align-items:center;justify-content:center}
.pc-check svg{width:13px;height:13px;fill:none;stroke:#fff;stroke-width:2.6;stroke-linecap:round;stroke-linejoin:round}
.pc-cta{margin-top:auto;display:flex;align-items:center;justify-content:center;gap:8px;width:100%;height:50px;border-radius:9px;border:1.5px solid var(--brand);background:#fff;color:var(--brand);font:600 16px 'DM Sans',system-ui,sans-serif;text-decoration:none;transition:transform .18s,background .18s,box-shadow .18s}
.pc-cta:hover{transform:translateY(-1px);background:var(--c1,#e8f0f7)}
.pc-cta--primary{background:var(--ps-amber);border-color:var(--ps-amber);color:#fff;box-shadow:0 8px 20px rgba(255,153,0,.28)}
.pc-cta--primary:hover{background:var(--ps-amber-d);border-color:var(--ps-amber-d)}
.pc-arrow{font-size:17px;opacity:.85;transition:transform .18s}
.pc-cta:hover .pc-arrow{transform:translateX(3px)}
.pricing-after{max-width:70ch;margin:40px auto 0;text-align:center;font-size:15px;line-height:1.6;color:var(--ps-txt)}
@media (max-width:1300px){.pricing-container:before,.pricing-container:after{display:none}}
@media (max-width:1024px){.pricing-grid{grid-template-columns:repeat(2,1fr);gap:24px}.pricing-card.recommended-card{margin-top:0}
.pricing-grid>.premium-card{grid-column:1/-1;justify-self:center;width:calc(50% - 12px)}}
@media (max-width:700px){.pricing-section{padding:4px 16px 64px}.pricing-grid{grid-template-columns:1fr;gap:20px}.pricing-grid>.premium-card{width:auto;justify-self:stretch}
.pricing-card{padding:24px 22px}.billing-option{padding:10px 16px;font-size:14.5px}.pc-ic{width:46px;height:46px}.pricing-section .pc-name{font-size:24px}}
@media (prefers-color-scheme:dark){:root:not([data-theme="light"]) .pricing-section{--ps-bg:var(--bg);--ps-ink:var(--ink);--ps-txt:var(--muted);--ps-card:#181822;--ps-line:#2a2a36;--ps-pill:#162238;--ps-green-bg:#14231c}
:root:not([data-theme="light"]) .billing-toggle,:root:not([data-theme="light"]) .pc-cta:not(.pc-cta--primary){background:#181822}:root:not([data-theme="light"]) .pricing-card.recommended-card{background:#1d1a16}:root:not([data-theme="light"]) .pc-features li{color:var(--ink)}}
:root[data-theme="dark"] .pricing-section{--ps-bg:var(--bg);--ps-ink:var(--ink);--ps-txt:var(--muted);--ps-card:#181822;--ps-line:#2a2a36;--ps-pill:#162238;--ps-green-bg:#14231c}
:root[data-theme="dark"] .billing-toggle,:root[data-theme="dark"] .pc-cta:not(.pc-cta--primary){background:#181822}:root[data-theme="dark"] .pricing-card.recommended-card{background:#1d1a16}:root[data-theme="dark"] .pc-features li{color:var(--ink)}

.pricing-section .pc-note{display:flex;gap:14px;align-items:flex-start;max-width:1040px;margin:0 auto 40px;padding:18px 22px;background:#fff8ec;border:1px dashed rgba(255,153,0,.6);border-radius:14px;color:#3d4a60}
.pc-note-ic{flex:none;width:34px;height:34px;border-radius:10px;background:#fff1dc;color:#e07f00;display:flex;align-items:center;justify-content:center}
.pc-note-ic svg{width:20px;height:20px;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round}
.pricing-section .pc-note p{margin:0;font-size:14.5px;line-height:1.65}
.pricing-section .pc-note b{display:block;margin-bottom:4px;color:#a35700;font-weight:700}
@media (max-width:700px){.pricing-section .pc-note{padding:16px;gap:12px;margin-bottom:32px}.pc-note-ic{width:30px;height:30px}.pricing-section .pc-note p{font-size:14px}}
@media (prefers-color-scheme:dark){:root:not([data-theme="light"]) .pricing-section .pc-note{background:#231c12;color:var(--muted)}:root:not([data-theme="light"]) .pricing-section .pc-note b{color:#ffad33}}
:root[data-theme="dark"] .pricing-section .pc-note{background:#231c12;color:var(--muted)}:root[data-theme="dark"] .pricing-section .pc-note b{color:#ffad33}

.fair-use-section{--fu-bg:#fffdf9;--fu-ink:#0e2a4d;--fu-txt:#3d4a60;position:relative;overflow:hidden;isolation:isolate;background:var(--fu-bg);padding:88px 24px 96px}
.fair-use-section:before,.fair-use-section:after{content:"";position:absolute;inset:0;z-index:-1;pointer-events:none}
.fair-use-section:before{background:radial-gradient(460px 320px at 0 0,rgba(255,153,0,.12),transparent 70%)}
.fair-use-section:after{background:radial-gradient(440px 300px at 100% 100%,rgba(57,118,188,.12),transparent 70%),radial-gradient(380px 240px at 97% 0,rgba(224,48,127,.06),transparent 70%)}
.fair-use-container{position:relative;max-width:1240px;margin:0 auto}
.fair-use-container:before{content:"";position:absolute;left:0;top:2px;width:126px;height:54px;background-image:radial-gradient(circle,rgba(57,118,188,.28) 1.6px,transparent 2px);background-size:18px 18px;pointer-events:none}
.fair-use-header{position:relative;display:block;max-width:none;padding:0;text-align:center;margin:0 auto 50px} 
.fair-use-header h2{margin:0;font-size:clamp(32px,3.6vw,50px);line-height:1.15;font-weight:700;color:var(--fu-ink)}
.fair-use-header h2 .fu-ac{color:var(--brand)}
.fair-use-header h2 .fu-ul{position:relative;white-space:nowrap}
.fair-use-header h2 .fu-ul:after{content:"";position:absolute;left:-3%;right:-3%;bottom:-.16em;height:.28em;border-bottom:.07em solid #ffbf47;border-radius:0 0 50% 50%/0 0 100% 100%;transform:rotate(-1.6deg);opacity:.8;pointer-events:none}
.promise-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:18px}
.promise-card{--ac:var(--i1);--tint:var(--c1);display:flex;flex-direction:column;min-height:250px;padding:30px 28px;border-radius:14px;background:var(--tint);border:1px solid color-mix(in srgb,var(--ac) 16%,transparent);transition:transform .2s ease,box-shadow .2s ease,border-color .2s ease}
.promise-card:hover{transform:translateY(-3px);border-color:color-mix(in srgb,var(--ac) 34%,transparent);box-shadow:0 10px 26px rgba(14,42,77,.07)}
.promise-card.fu-1{--ac:var(--i5);--tint:var(--c5)}
.promise-card.fu-2{--ac:var(--i6);--tint:var(--c6)}
.promise-card.fu-3{--ac:var(--i3);--tint:var(--c3)}
.promise-card.fu-4{--ac:var(--i4);--tint:var(--c4)}
.promise-ic{flex:none;width:50px;height:50px;border-radius:15px;display:flex;align-items:center;justify-content:center;margin-bottom:22px;background:color-mix(in srgb,var(--ac) 12%,var(--bg));color:var(--ac)}
.promise-ic svg{width:24px;height:24px;fill:none;stroke:currentColor;stroke-width:1.9;stroke-linecap:round;stroke-linejoin:round}
.promise-card h3{margin:0;font-family:'DM Sans',system-ui,-apple-system,'Segoe UI',Roboto,sans-serif;font-size:21px;line-height:1.25;font-weight:700;letter-spacing:-.01em;color:var(--fu-ink)}
.promise-card p{margin:13px 0 0;font-size:15.5px;line-height:1.55;color:var(--fu-txt)}
@media (max-width:1024px){.fair-use-section{padding:72px 20px 80px}.promise-grid{grid-template-columns:repeat(2,1fr);gap:16px}.promise-card{min-height:0}}
@media (max-width:640px){.fair-use-section{padding:56px 16px 64px}.fair-use-container:before{display:none}.fair-use-header{margin-bottom:34px}.fair-use-header h2{font-size:32px}.promise-grid{grid-template-columns:1fr;gap:14px}.promise-card{padding:24px 22px}.promise-ic{margin-bottom:18px}.promise-card h3{font-size:20px}.promise-card p{font-size:15px}}
@media (prefers-color-scheme:dark){:root:not([data-theme="light"]) .fair-use-section{--fu-bg:var(--bg);--fu-ink:var(--ink);--fu-txt:var(--muted)}}
:root[data-theme="dark"] .fair-use-section{--fu-bg:var(--bg);--fu-ink:var(--ink);--fu-txt:var(--muted)}

.addons-section{--ad-bg:#fffdf9;--ad-ink:#0e2a4d;--ad-txt:#3d4a60;position:relative;overflow:hidden;isolation:isolate;background:var(--ad-bg);padding:88px 24px 40px}
.addons-section:before,.addons-section:after{content:"";position:absolute;inset:0;z-index:-1;pointer-events:none}
.addons-section:before{background:radial-gradient(520px 380px at 0 22%,rgba(57,118,188,.11),transparent 70%)}
.addons-section:after{background:radial-gradient(460px 340px at 100% 6%,rgba(255,153,0,.12),transparent 70%)}
.addons-decor{position:absolute;inset:0;z-index:-1;pointer-events:none}
.addons-section .ad-dots{position:absolute;background-size:20px 20px}
.addons-section .ad-dots.d1{left:32px;top:44px;width:120px;height:80px;background-image:radial-gradient(circle,rgba(57,118,188,.3) 1.7px,transparent 2.1px)}
.addons-section .ad-dots.d2{right:32px;top:84px;width:80px;height:120px;background-image:radial-gradient(circle,rgba(255,153,0,.34) 1.7px,transparent 2.1px)}
.addons-container{position:relative;max-width:1240px;margin:0 auto}
.addons-header{position:relative;display:block;max-width:none;padding:0;text-align:center;margin:0 auto 56px} /* display/max-width/padding reset the site-wide header{} rule */
.addons-header h2{margin:0;font-size:clamp(36px,4.2vw,56px);line-height:1.1;font-weight:700;color:var(--ad-ink)}
.addons-header .ad-ac{position:relative;color:var(--brand)}
/* three small amber strokes after "ons", as in the reference picture */
.addons-header .ad-sp{position:absolute;right:-.5em;top:-.2em;width:.45em;height:.45em;pointer-events:none}
.addons-header .ad-sp i{position:absolute;left:0;top:100%;width:.07em;height:.28em;margin:-.28em 0 0 -.035em;border-radius:1em;background:#ff9900;transform-origin:50% 100%}
.addons-header .ad-sp i:nth-child(1){transform:rotate(28deg) translateY(-.14em)}
.addons-header .ad-sp i:nth-child(2){transform:rotate(66deg) translateY(-.14em)}
.addons-header .ad-sp i:nth-child(3){transform:rotate(104deg) translateY(-.14em)}
.addons-grid{position:relative;display:grid;grid-template-columns:repeat(3,1fr);gap:22px}
/* thin dashed curves that link 01 - 02 - 03 above the panels */
.addons-section .ad-link{position:absolute;top:-30px;width:220px;height:46px;border-top:1.5px dashed rgba(57,118,188,.35);border-radius:50%;pointer-events:none}
.addons-section .ad-link.l1{left:calc(33.333% - 120px)}
.addons-section .ad-link.l2{left:calc(66.666% - 100px);border-top-color:rgba(255,153,0,.45)}
.addons-section .ad-link:before{content:"";position:absolute;left:12%;top:4px;width:8px;height:8px;border-radius:50%;background:#3976bc}
.addons-section .ad-link.l2:before{left:auto;right:12%;background:#ff9900}
.addon-card{--ac:var(--i2);--tint:var(--c2);position:relative;overflow:hidden;isolation:isolate;display:flex;flex-direction:column;padding:32px 30px 30px;border-radius:22px;background:linear-gradient(165deg,var(--tint),var(--bg) 72%);border:1px solid color-mix(in srgb,var(--ac) 15%,transparent);transition:transform .22s ease,border-color .22s ease,box-shadow .22s ease}
.addon-card:after{content:attr(data-no);position:absolute;right:20px;top:8px;z-index:-1;font:700 104px/1 'DM Sans',system-ui,sans-serif;letter-spacing:-.05em;color:var(--ac);opacity:.08;pointer-events:none}
.addon-card:hover{transform:translateY(-3px);border-color:color-mix(in srgb,var(--ac) 34%,transparent);box-shadow:0 12px 30px rgba(14,42,77,.07)}
.addon-card.ad-2{--ac:var(--i6);--tint:var(--c6)}
.addon-card.ad-3{--ac:var(--i3);--tint:var(--c3);border-color:color-mix(in srgb,var(--ac) 24%,transparent)}
.addon-top{display:flex;align-items:flex-end;gap:16px}
.addon-ic{flex:none;width:54px;height:54px;border-radius:16px;display:flex;align-items:center;justify-content:center;background:color-mix(in srgb,var(--ac) 12%,var(--bg));color:var(--ac);transition:transform .22s ease}
.addon-card:hover .addon-ic{transform:scale(1.06)}
.addon-ic svg{width:26px;height:26px;fill:none;stroke:currentColor;stroke-width:1.9;stroke-linecap:round;stroke-linejoin:round}
.addon-no{display:flex;align-items:center;gap:8px;margin-bottom:4px;font:600 14px/1 'DM Sans',system-ui,sans-serif;color:var(--soft)}
.addon-no:before{content:"";width:24px;height:1.5px;background:color-mix(in srgb,var(--ac) 45%,transparent)}
.addon-no:after{content:attr(data-no)}
.addon-card h3{margin:26px 0 0;font-family:'DM Sans',system-ui,-apple-system,'Segoe UI',Roboto,sans-serif;font-size:clamp(21px,1.8vw,25px);line-height:1.2;font-weight:700;letter-spacing:-.015em;color:var(--ad-ink)}
.addons-section .ad-vh{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}
.addon-desc{margin:12px 0 26px;font-size:15.5px;line-height:1.55;color:var(--ad-txt)}
.addon-desc:first-letter{text-transform:uppercase}
.addon-foot{margin-top:auto;padding-top:22px;border-top:1px solid color-mix(in srgb,var(--ac) 16%,transparent)}
.addon-badge{display:flex;width:fit-content;align-items:center;gap:8px;margin-bottom:16px;padding:7px 14px;border-radius:99px;background:color-mix(in srgb,var(--ac) 11%,var(--bg));color:color-mix(in srgb,var(--ac) 80%,var(--ad-ink));font-size:14.5px;font-weight:600}
.addon-badge svg{width:17px;height:17px;fill:currentColor}
.addon-price{display:block;font:700 clamp(25px,2.2vw,31px)/1.15 'DM Sans',system-ui,sans-serif;letter-spacing:-.015em;color:var(--ad-ink)}
.addon-price.is-ph{display:inline-block;padding:7px 13px;font-size:clamp(17px,1.5vw,21px);letter-spacing:.02em;line-height:1.3;color:color-mix(in srgb,var(--ad-ink) 82%,var(--bg));background:color-mix(in srgb,var(--ac) 5%,var(--bg));border:1.5px dashed color-mix(in srgb,var(--ac) 40%,transparent);border-radius:10px}
.addons-section .ad-nw{white-space:nowrap}
.addon-card.ad-3 .addon-price{font-size:clamp(23px,2vw,28px)}
.addon-note{display:block;margin-top:9px;font-size:14px;line-height:1.5;color:var(--ad-txt)}
@media (max-width:1024px){.addons-section{padding:72px 20px 32px}.addons-grid{grid-template-columns:repeat(2,1fr);gap:18px}.addon-card.ad-3{grid-column:1/-1}.addons-section .ad-link{display:none}.addons-section .ad-dots.d2{display:none}}
@media (max-width:640px){.addons-section{padding:56px 16px 24px}.addons-section .ad-dots.d1{left:12px;top:22px;width:80px;height:40px}.addons-header{margin-bottom:34px}.addons-header h2{font-size:38px}.addons-grid{grid-template-columns:1fr;gap:14px}.addon-card{padding:24px 22px}.addon-card:after{font-size:76px}.addon-ic{width:48px;height:48px;border-radius:14px}.addon-card h3{margin-top:20px;font-size:21px}.addon-desc{font-size:15px}}
@media (prefers-color-scheme:dark){:root:not([data-theme="light"]) .addons-section{--ad-bg:var(--bg);--ad-ink:var(--ink);--ad-txt:var(--muted)}}
:root[data-theme="dark"] .addons-section{--ad-bg:var(--bg);--ad-ink:var(--ink);--ad-txt:var(--muted)}

/* overflow:clip (not hidden) so the plan header row can stay on screen while the page scrolls; --cs-top = height of the site header (87px, 73px at 860px and below) */
.compare-section{--cs-bg:#fffdf9;--cs-ink:#0e2a4d;--cs-txt:#2b3850;--cs-mut:#6b7488;--cs-card:#fff;--cs-line:#ececf2;--cs-hl:#fffaf2;--cs-hl2:#fff3e0;--cs-hlb:rgba(255,153,0,.28);--cs-amber:#ff9900;--cs-green:#1f9d63;--cs-ad-bg:#fff1dc;--cs-ad-ink:#a35700;--cs-top:86px;position:relative;overflow:clip;isolation:isolate;background:var(--cs-bg);padding:48px 24px 96px;font-family:'DM Sans',system-ui,-apple-system,'Segoe UI',Roboto,sans-serif;color:var(--cs-ink)}
.compare-section:before{content:"";position:absolute;inset:0;z-index:-1;pointer-events:none;background:radial-gradient(520px 380px at 0 22%,rgba(57,118,188,.09),transparent 70%),radial-gradient(520px 400px at 100% 74%,rgba(255,153,0,.08),transparent 70%)}
.compare-container{position:relative;max-width:1160px;margin:0 auto}
.compare-container:before{content:"";position:absolute;right:0;top:0;width:108px;height:54px;background-image:radial-gradient(circle,rgba(255,153,0,.3) 1.6px,transparent 2px);background-size:18px 18px;pointer-events:none}
.cmp-header{display:block;max-width:none;padding:0;position:relative;text-align:center;margin:0 auto 44px}
.cmp-eb{display:inline-flex;align-items:center;gap:8px;padding:7px 15px;border-radius:999px;background:var(--c2);color:var(--i2);font-size:12.5px;font-weight:700;letter-spacing:.14em;text-transform:uppercase;line-height:1.2}
.cmp-eb:before{content:"";width:6px;height:6px;border-radius:50%;background:currentColor}
.cmp-header h2{margin:18px 0 0;font-family:'DM Sans',system-ui,-apple-system,'Segoe UI',Roboto,sans-serif;font-size:clamp(32px,3.8vw,50px);line-height:1.15;font-weight:700;letter-spacing:-.025em;color:var(--cs-ink)}
.cmp-header h2 .cmp-ac{position:relative;white-space:nowrap;color:var(--brand)}
.cmp-header h2 .cmp-ac:after{content:"";position:absolute;left:-2%;right:-2%;bottom:-.16em;height:.28em;border-bottom:.07em solid #ffbf47;border-radius:0 0 50% 50%/0 0 100% 100%;transform:rotate(-1.2deg);opacity:.8;pointer-events:none}
.cmp-box{background:var(--cs-card);border:1px solid var(--cs-line);border-radius:22px;box-shadow:0 18px 50px rgba(14,42,77,.07);overflow:clip}
table.cmp{width:100%;border-collapse:separate;border-spacing:0;table-layout:fixed}
.cmp th,.cmp td{padding:14px 18px;border-bottom:1px solid var(--cs-line);vertical-align:middle;text-align:center;font-size:15px;line-height:1.45;overflow-wrap:anywhere}
/* plan header row */
.cmp thead th{overflow-wrap:normal;position:sticky;top:var(--cs-top);z-index:3;background:var(--cs-card);padding:20px 12px 16px;box-shadow:0 1px 0 var(--cs-line)}
.cmp thead th.cmp-f{text-align:left;padding-left:26px;font-size:12.5px;font-weight:700;letter-spacing:.12em;text-transform:uppercase;color:var(--cs-mut)}
.cmp thead th.cmp-p{width:160px}
.cmp-p{--pc:var(--brand);--pt:var(--c1)}
.cmp-p.p-adv{--pc:#e07f00;--pt:var(--cs-ad-bg)}
.cmp-p.p-pre{--pc:var(--i6);--pt:var(--c6)}
.cmp-pi{display:flex;width:40px;height:40px;margin:0 auto 9px;border-radius:12px;align-items:center;justify-content:center;background:var(--pt);color:var(--pc)}
.cmp-pi svg{width:21px;height:21px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
.cmp-pn{display:block;font-size:17px;font-weight:700;letter-spacing:-.01em;color:var(--cs-ink)}
.cmp thead th.p-adv{background:linear-gradient(var(--cs-hl2),var(--cs-hl));box-shadow:inset 0 3px 0 var(--cs-amber),0 1px 0 var(--cs-line)}
/* rows */
.cmp tbody td:first-child{text-align:left;padding-left:26px;color:var(--cs-txt)}
.cmp tbody td:nth-child(3){background:var(--cs-hl);box-shadow:inset 1px 0 0 var(--cs-hlb),inset -1px 0 0 var(--cs-hlb)}
.cmp tbody tr:not(.group){transition:background .15s}
.cmp tbody tr:not(.group):hover td{background:color-mix(in srgb,var(--c1) 60%,var(--cs-card))}
.cmp tbody tr:not(.group):hover td:nth-child(3){background:color-mix(in srgb,var(--cs-amber) 12%,var(--cs-card))}
.cmp tbody tr:last-child td{border-bottom:0}
/* group rows */
.cmp tr.group td{--gc:var(--i1);padding:24px 26px 12px;text-align:left;background:color-mix(in srgb,var(--gc) 5%,var(--cs-card));font-size:16.5px;font-weight:700;letter-spacing:-.01em;color:var(--cs-ink)}
.cmp tr.group.g2 td,.cmp tr.group.g8 td{--gc:var(--i4)}
.cmp tr.group.g3 td,.cmp tr.group.g9 td{--gc:var(--i6)}
.cmp tr.group.g4 td{--gc:var(--i2)}
.cmp tr.group.g5 td{--gc:var(--i5)}
.cmp tr.group.g6 td{--gc:var(--i3)}
.cmp tr.group.g7 td{--gc:var(--brand)}
.cmp-gi{display:inline-flex;vertical-align:middle;width:32px;height:32px;margin:-4px 12px 0 0;border-radius:10px;align-items:center;justify-content:center;background:color-mix(in srgb,var(--gc) 13%,var(--cs-card));color:var(--gc)}
.cmp-gi svg{width:18px;height:18px;fill:none;stroke:currentColor;stroke-width:1.9;stroke-linecap:round;stroke-linejoin:round}
/* marks */
.cmp .yes{display:inline-flex;width:24px;height:24px;border-radius:50%;align-items:center;justify-content:center;background:var(--cs-green);color:#fff;font-size:13px;font-weight:700;line-height:1;box-shadow:0 3px 8px rgba(31,157,99,.22)}
.cmp .no{display:inline-block;font-size:18px;line-height:1;color:var(--cs-mut);opacity:.6}
.cmp .addon{display:inline-block;padding:5px 11px;border-radius:999px;background:var(--cs-ad-bg);color:var(--cs-ad-ink);font-size:12.5px;font-weight:700;line-height:1.2;white-space:nowrap;border:1px solid rgba(255,153,0,.35)}
@media (max-width:1024px){.compare-section{padding:40px 20px 80px}.compare-container:before{display:none}.cmp thead th.cmp-p{width:118px}.cmp th,.cmp td{padding:13px 14px}.cmp thead th.cmp-f,.cmp tbody td:first-child{padding-left:20px}.cmp tr.group td{padding:20px 20px 11px}}
@media (max-width:860px){.compare-section{--cs-top:72px}}
@media (max-width:640px){.compare-section{padding:32px 12px 64px}.cmp-header{margin-bottom:30px}.cmp-header h2{font-size:31px}.cmp-box{border-radius:16px}
.cmp thead th{padding:12px 2px 10px}.cmp thead th.cmp-p{width:68px}.cmp-pi{display:none}.cmp-pn{font-size:11.5px;letter-spacing:-.01em}.cmp thead th.cmp-f{padding-left:14px;font-size:11px;letter-spacing:.08em}
.cmp th,.cmp td{padding:11px 4px;font-size:13.5px}.cmp tbody td:first-child{padding:11px 8px 11px 14px}
.cmp tr.group td{padding:18px 14px 9px;font-size:14.5px}.cmp-gi{width:26px;height:26px;margin-right:9px;border-radius:8px}.cmp-gi svg{width:15px;height:15px}
.cmp .yes{width:21px;height:21px;font-size:11.5px}.cmp .addon{padding:3px 6px;font-size:10.5px}}
@media (prefers-color-scheme:dark){:root:not([data-theme="light"]) .compare-section{--cs-bg:var(--bg);--cs-ink:var(--ink);--cs-txt:var(--muted);--cs-mut:var(--soft);--cs-card:#181822;--cs-line:#2a2a36;--cs-hl:#1d1a16;--cs-hl2:#2a2216;--cs-ad-bg:#2a2216;--cs-ad-ink:#ffad33}}
:root[data-theme="dark"] .compare-section{--cs-bg:var(--bg);--cs-ink:var(--ink);--cs-txt:var(--muted);--cs-mut:var(--soft);--cs-card:#181822;--cs-line:#2a2a36;--cs-hl:#1d1a16;--cs-hl2:#2a2216;--cs-ad-bg:#2a2216;--cs-ad-ink:#ffad33}

.reg-hero{--rh-bg:#fffdf9;--rh-ink:#0e2a4d;--rh-txt:#3d4a60;--rh-blue:#3976bc;--rh-amber:#ff9900;--rh-amber2:#ffbf47;--rh-h:clamp(381px,31.75vw,434px);position:relative;overflow:hidden;isolation:isolate;background:var(--rh-bg);color:var(--rh-ink)}
.reg-hero__in{position:relative;z-index:1;display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:40px;max-width:1280px;min-height:var(--rh-h);margin:0 auto;padding:0 32px;box-sizing:border-box}
.reg-hero__text{min-width:0;padding:40px 0}
.reg-hero .rh-line{display:block;width:56px;height:3px;border-radius:3px;background:var(--rh-blue);margin:0 0 24px}
.reg-hero h1{font-family:'DM Sans',system-ui,-apple-system,'Segoe UI',Roboto,sans-serif;font-size:clamp(40px,4.05vw,58px);line-height:1.1;font-weight:700;letter-spacing:-.04em!important;color:var(--rh-ink);margin:0;max-width:none;text-align:left;white-space:nowrap}
.reg-hero h1 span{display:inline;color:inherit;background:none;padding:0}
.reg-hero h1 .rh-l1,.reg-hero h1 .rh-ac{position:relative}
.reg-hero h1 .rh-ac{color:var(--rh-blue)}
.reg-hero h1 .rh-ac:after{content:"";position:absolute;left:-3%;right:-2%;bottom:-.2em;height:.3em;border-bottom:.075em solid var(--rh-amber2);border-radius:0 0 50% 50%/0 0 100% 100%;transform:rotate(-1.4deg);opacity:.8;pointer-events:none}
/* small hand-drawn strokes by "Register": three amber bars fanning out from one corner */
.reg-hero h1 .rh-sp{display:block;position:absolute;left:-.62em;top:-.22em;width:.5em;height:.5em;pointer-events:none}
.reg-hero h1 .rh-sp i{position:absolute;left:100%;top:100%;width:.075em;height:.3em;border-radius:1em;background:var(--rh-amber);transform-origin:50% 100%;margin:-.3em 0 0 -.0375em}
.reg-hero h1 .rh-sp i:nth-child(1){transform:rotate(-18deg) translateY(-.16em)}
.reg-hero h1 .rh-sp i:nth-child(2){transform:rotate(-52deg) translateY(-.16em)}
.reg-hero h1 .rh-sp i:nth-child(3){transform:rotate(-86deg) translateY(-.16em)}
.reg-hero p{font-size:clamp(16px,1.35vw,19px);line-height:1.65;font-weight:400;color:var(--rh-txt);max-width:540px;margin:30px 0 0;text-align:left;text-wrap:pretty}
/* photo: inside the page width, full hero height, soft fade on both sides so it sits in the background */
.reg-hero__visual{align-self:stretch;display:flex;align-items:flex-end;pointer-events:none}
.reg-hero__visual img{display:block;height:var(--rh-h);width:auto;max-width:none;-webkit-mask-image:linear-gradient(90deg,transparent 0,#000 24%,#000 90%,transparent 100%);mask-image:linear-gradient(90deg,transparent 0,#000 24%,#000 90%,transparent 100%)}
/* pricing top-section decoration: soft shapes, dots, a thin curve */
.reg-hero__decor{position:absolute;inset:0;z-index:0;pointer-events:none}
.reg-hero .rh-blob{position:absolute;border-radius:50%;filter:blur(8px)}
.reg-hero .rh-blob.b1{width:560px;height:380px;left:-190px;bottom:-210px;background:radial-gradient(closest-side,rgba(57,118,188,.16),rgba(57,118,188,0))}
.reg-hero .rh-blob.b2{width:620px;height:420px;left:28%;bottom:-250px;background:radial-gradient(closest-side,rgba(255,153,0,.14),rgba(255,153,0,0))}
.reg-hero .rh-blob.b3{width:520px;height:360px;left:30%;top:-220px;background:radial-gradient(closest-side,rgba(224,48,127,.08),rgba(224,48,127,0))}
.reg-hero .rh-dots{position:absolute;background-image:radial-gradient(circle,currentColor 1.6px,transparent 2px);background-size:18px 18px}
.reg-hero .rh-dots.d1{left:28px;bottom:14px;width:162px;height:36px;color:rgba(57,118,188,.28)}
.reg-hero .rh-dots.d2{display:none;right:36px;top:18%;width:54px;height:90px;color:rgba(255,153,0,.32)}
.reg-hero .rh-wave{position:absolute;left:-140px;bottom:-120px;width:760px;height:180px;border-top:1.5px solid rgba(255,153,0,.32);border-radius:50%;transform:rotate(-5deg)}
/* wide screens: the amber dots go in the free space right of the page width */
@media (min-width:1500px){.reg-hero .rh-dots.d2{display:block}}
/* the heading starts close to the screen edge below 1300px: no room for the strokes */
@media (max-width:1300px){.reg-hero h1 .rh-sp{display:none}}
/* tablet: text 55% / photo 45% (photo cropped to the people), heights 357 at 1024 and 330 at 820 */
@media (max-width:1180px){.reg-hero{--rh-h:clamp(330px,calc(13.2vw + 222px),381px)}
.reg-hero__in{grid-template-columns:minmax(0,55fr) minmax(0,45fr);gap:24px;padding:0 32px}
.reg-hero h1{font-size:4.6vw}.reg-hero .rh-line{margin-bottom:18px}.reg-hero p{font-size:16px;margin-top:24px}
.reg-hero__visual img{width:100%;object-fit:cover;object-position:58% 100%;-webkit-mask-image:linear-gradient(90deg,transparent 0,#000 22%,#000 92%,transparent 100%);mask-image:linear-gradient(90deg,transparent 0,#000 22%,#000 92%,transparent 100%)}
.reg-hero .rh-dots.d1{bottom:12px;width:126px;height:36px}.reg-hero .rh-wave{opacity:.6}}
/* below 860px the header uses 20px side padding: match it; no room left of the heading for the strokes */
@media (max-width:860px){.reg-hero__in{padding:0 20px}.reg-hero h1 .rh-sp{display:none}}
/* phone: text first (heading still one line), then a 220px photo strip across the full width */
@media (max-width:760px){.reg-hero__in{display:block;min-height:0;padding:32px 20px 0}.reg-hero__text{padding:0 0 8px}
.reg-hero h1{font-size:min(8.4vw,40px)}
.reg-hero__visual{display:block;margin:0 -20px}
.reg-hero__visual img{width:100%;height:220px;object-fit:cover;object-position:50% 100%;-webkit-mask-image:linear-gradient(180deg,transparent 0,#000 18%);mask-image:linear-gradient(180deg,transparent 0,#000 18%)}
.reg-hero h1 .rh-sp,.reg-hero .rh-wave,.reg-hero .rh-dots{display:none}
.reg-hero .rh-blob.b1,.reg-hero .rh-blob.b2{width:340px;height:260px}.reg-hero .rh-blob.b2{left:auto;right:-120px;bottom:auto;top:30%}}
@media (max-width:760px){.reg-hero h1{white-space:normal}.reg-hero h1 .rh-l1{white-space:nowrap}}

.reg-form{--rf-card:#fff;--rf-ink:#0e2a4d;--rf-txt:#3d4a60;--rf-mut:#6b7a90;--rf-ph:#98a4b5;--rf-line:#dbe3ee;--rf-line2:#c3d2e4;--rf-pale:#eef4fb;--rf-blue:#3976bc;--rf-amber:#ff9900;--rf-red:#d64545;
  position:relative;color-scheme:light;color:var(--rf-ink);background:linear-gradient(180deg,#fffdf9 0,#f5f8fc 240px,#f5f8fc);padding:56px 0 96px}
.reg-form .rf-wrap{max-width:900px;margin:0 auto;padding:0 32px;box-sizing:border-box}
/* note box for the CEO */
.reg-form .rf-note{position:relative;margin:0 0 28px;padding:16px 20px 16px 54px;border:1px solid #ffe0ad;border-left:4px solid var(--rf-amber);border-radius:14px;background:#fff8ec;color:var(--rf-txt);font-size:14.5px;line-height:1.6}
.reg-form .rf-note:before{content:"";position:absolute;left:18px;top:17px;width:22px;height:22px;background:url("data:image/svg+xml,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2024%2024'%20fill%3D'none'%20stroke%3D'%23e68a00'%20stroke-width%3D'2'%20stroke-linecap%3D'round'%20stroke-linejoin%3D'round'%3E%3Ccircle%20cx%3D'12'%20cy%3D'12'%20r%3D'9'%2F%3E%3Cpath%20d%3D'M12%2011v5M12%207.5v.5'%2F%3E%3C%2Fsvg%3E") center/22px no-repeat}
.reg-form .rf-note b{color:var(--rf-ink);font-weight:700}
/* the form card */
.reg-form .form-card{position:relative;overflow:hidden;background:var(--rf-card);border:1px solid var(--rf-line);border-radius:22px;padding:40px 44px 34px;box-shadow:0 18px 48px rgba(14,42,77,.08)}
.reg-form .form-card:before{content:"";position:absolute;left:0;right:0;top:0;height:4px;background:linear-gradient(90deg,var(--rf-blue),#6aa5e0 55%,var(--rf-amber))}
/* step headings with an icon tile */
.reg-form .rf-h{display:flex;align-items:center;gap:14px;margin:34px 0 20px;padding-top:30px;border-top:1px dashed var(--rf-line);font-family:'DM Sans',system-ui,-apple-system,'Segoe UI',Roboto,sans-serif;font-size:19px;line-height:1.3;font-weight:700;letter-spacing:-.01em!important;color:var(--rf-ink)}
.reg-form .rf-h.s1{margin-top:0;padding-top:0;border-top:0}
.reg-form .rf-h:before{content:"";flex:none;width:42px;height:42px;border-radius:12px;background:var(--rf-pale) var(--rf-hi) center/21px no-repeat;box-shadow:inset 0 0 0 1px #d6e4f4}
.reg-form .rf-h.s1{--rf-hi:url("data:image/svg+xml,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2024%2024'%20fill%3D'none'%20stroke%3D'%233976bc'%20stroke-width%3D'1.8'%20stroke-linecap%3D'round'%20stroke-linejoin%3D'round'%3E%3Cpath%20d%3D'M4%2021V5a2%202%200%200%201%202-2h8a2%202%200%200%201%202%202v16'%2F%3E%3Cpath%20d%3D'M16%209h3a1%201%200%200%201%201%201v11'%2F%3E%3Cpath%20d%3D'M3%2021h18'%2F%3E%3Cpath%20d%3D'M8%207h4M8%2011h4M8%2015h4'%2F%3E%3C%2Fsvg%3E")}
.reg-form .rf-h.s2{--rf-hi:url("data:image/svg+xml,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2024%2024'%20fill%3D'none'%20stroke%3D'%233976bc'%20stroke-width%3D'1.8'%20stroke-linecap%3D'round'%20stroke-linejoin%3D'round'%3E%3Cpath%20d%3D'M12%203l2.7%205.6%206.1.9-4.4%204.3%201%206.1L12%2017l-5.4%202.9%201-6.1L3.2%209.5l6.1-.9z'%2F%3E%3C%2Fsvg%3E")}
.reg-form .rf-h.s3{--rf-hi:url("data:image/svg+xml,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2024%2024'%20fill%3D'none'%20stroke%3D'%233976bc'%20stroke-width%3D'1.8'%20stroke-linecap%3D'round'%20stroke-linejoin%3D'round'%3E%3Ccircle%20cx%3D'12'%20cy%3D'8'%20r%3D'4'%2F%3E%3Cpath%20d%3D'M4%2021a8%208%200%200%201%2016%200'%2F%3E%3C%2Fsvg%3E")}
.reg-form .rf-h.s4{--rf-hi:url("data:image/svg+xml,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2024%2024'%20fill%3D'none'%20stroke%3D'%233976bc'%20stroke-width%3D'1.8'%20stroke-linecap%3D'round'%20stroke-linejoin%3D'round'%3E%3Cpath%20d%3D'M4%205h16v11H9l-5%204z'%2F%3E%3Cpath%20d%3D'M8%209h8M8%2012h5'%2F%3E%3C%2Fsvg%3E")}
/* rows and fields */
.reg-form .field-row{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px 20px;margin:0 0 18px}
.reg-form .field{display:flex;flex-direction:column;gap:7px;min-width:0}
.reg-form .form-card>.field{margin:0 0 18px}
.reg-form .field>label:not(.consent){font-size:14px;line-height:1.35;font-weight:600;color:var(--rf-ink)}
.reg-form .req{color:var(--rf-amber);font-weight:700}
.reg-form .hint{font-size:13px;line-height:1.45;color:var(--rf-mut);margin:0}
/* boxes: icon on the left, blue focus ring */
.reg-form .input{display:block;width:100%;box-sizing:border-box;height:50px;margin:0;padding:0 14px 0 44px;border:1.5px solid var(--rf-line);border-radius:12px;background:#fff var(--rf-i,none) no-repeat 14px 50%/18px 18px;font:400 15.5px/1.4 'DM Sans',system-ui,-apple-system,'Segoe UI',Roboto,sans-serif;color:var(--rf-ink);transition:border-color .15s,box-shadow .15s,background-color .15s;-webkit-appearance:none;appearance:none}
.reg-form .input::placeholder{color:var(--rf-ph);opacity:1}
.reg-form .input:hover{border-color:var(--rf-line2)}
.reg-form .input:focus{outline:none;border-color:var(--rf-blue);box-shadow:0 0 0 4px rgba(57,118,188,.14)}
.reg-form .input:user-invalid{border-color:var(--rf-red);box-shadow:0 0 0 4px rgba(214,69,69,.1)}
.reg-form select.input{padding-right:42px;cursor:pointer;background-image:var(--rf-i,none),url("data:image/svg+xml,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2024%2024'%20fill%3D'none'%20stroke%3D'%236b7a90'%20stroke-width%3D'2'%20stroke-linecap%3D'round'%20stroke-linejoin%3D'round'%3E%3Cpath%20d%3D'm6%209%206%206%206-6'%2F%3E%3C%2Fsvg%3E");background-position:14px 50%,right 14px center;background-size:18px 18px,16px 16px;background-repeat:no-repeat}
.reg-form select.input:has(option[value=""]:checked){color:var(--rf-ph)}
.reg-form select.input option{color:var(--rf-ink)}
.reg-form textarea.input{height:auto;min-height:124px;padding:13px 14px 13px 44px;background-position:14px 15px;line-height:1.55;resize:vertical}
.reg-form input[type="month"].input::-webkit-calendar-picker-indicator{opacity:.55;cursor:pointer}
.reg-form [name="legal_name"]{--rf-i:url("data:image/svg+xml,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2024%2024'%20fill%3D'none'%20stroke%3D'%233976bc'%20stroke-width%3D'1.8'%20stroke-linecap%3D'round'%20stroke-linejoin%3D'round'%3E%3Cpath%20d%3D'M4%2021V5a2%202%200%200%201%202-2h8a2%202%200%200%201%202%202v16'%2F%3E%3Cpath%20d%3D'M16%209h3a1%201%200%200%201%201%201v11'%2F%3E%3Cpath%20d%3D'M3%2021h18'%2F%3E%3Cpath%20d%3D'M8%207h4M8%2011h4M8%2015h4'%2F%3E%3C%2Fsvg%3E")}
.reg-form [name="trade_name"]{--rf-i:url("data:image/svg+xml,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2024%2024'%20fill%3D'none'%20stroke%3D'%233976bc'%20stroke-width%3D'1.8'%20stroke-linecap%3D'round'%20stroke-linejoin%3D'round'%3E%3Cpath%20d%3D'M3%2012V4a1%201%200%200%201%201-1h8l9%209-9%209z'%2F%3E%3Ccircle%20cx%3D'7.5'%20cy%3D'7.5'%20r%3D'1.5'%2F%3E%3C%2Fsvg%3E")}
.reg-form [name="gstin"]{--rf-i:url("data:image/svg+xml,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2024%2024'%20fill%3D'none'%20stroke%3D'%233976bc'%20stroke-width%3D'1.8'%20stroke-linecap%3D'round'%20stroke-linejoin%3D'round'%3E%3Cpath%20d%3D'M6%203h12v18l-3-2-3%202-3-2-3%202z'%2F%3E%3Cpath%20d%3D'M9%208h6M9%2012h6'%2F%3E%3C%2Fsvg%3E")}
.reg-form [name="industry"]{--rf-i:url("data:image/svg+xml,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2024%2024'%20fill%3D'none'%20stroke%3D'%233976bc'%20stroke-width%3D'1.8'%20stroke-linecap%3D'round'%20stroke-linejoin%3D'round'%3E%3Cpath%20d%3D'M3%2021V10l6%204V10l6%204V6l6%203v12z'%2F%3E%3Cpath%20d%3D'M3%2021h18'%2F%3E%3C%2Fsvg%3E")}
.reg-form [name="employees"]{--rf-i:url("data:image/svg+xml,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2024%2024'%20fill%3D'none'%20stroke%3D'%233976bc'%20stroke-width%3D'1.8'%20stroke-linecap%3D'round'%20stroke-linejoin%3D'round'%3E%3Ccircle%20cx%3D'9'%20cy%3D'8'%20r%3D'3.5'%2F%3E%3Cpath%20d%3D'M2.5%2020a6.5%206.5%200%200%201%2013%200'%2F%3E%3Cpath%20d%3D'M16%204.5a3.5%203.5%200%200%201%200%207M18%2014.5a6.5%206.5%200%200%201%203.5%205.5'%2F%3E%3C%2Fsvg%3E")}
.reg-form [name="entities"]{--rf-i:url("data:image/svg+xml,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2024%2024'%20fill%3D'none'%20stroke%3D'%233976bc'%20stroke-width%3D'1.8'%20stroke-linecap%3D'round'%20stroke-linejoin%3D'round'%3E%3Cpath%20d%3D'M12%203%202%208l10%205%2010-5z'%2F%3E%3Cpath%20d%3D'm2%2012.5%2010%205%2010-5'%2F%3E%3Cpath%20d%3D'm2%2017%2010%205%2010-5'%2F%3E%3C%2Fsvg%3E")}
.reg-form [name="locations"]{--rf-i:url("data:image/svg+xml,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2024%2024'%20fill%3D'none'%20stroke%3D'%233976bc'%20stroke-width%3D'1.8'%20stroke-linecap%3D'round'%20stroke-linejoin%3D'round'%3E%3Cpath%20d%3D'M12%2021s7-6.2%207-12a7%207%200%200%200-14%200c0%205.8%207%2012%207%2012z'%2F%3E%3Ccircle%20cx%3D'12'%20cy%3D'9'%20r%3D'2.5'%2F%3E%3C%2Fsvg%3E")}
.reg-form [name="states"]{--rf-i:url("data:image/svg+xml,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2024%2024'%20fill%3D'none'%20stroke%3D'%233976bc'%20stroke-width%3D'1.8'%20stroke-linecap%3D'round'%20stroke-linejoin%3D'round'%3E%3Cpath%20d%3D'M9%204%203%206v14l6-2%206%202%206-2V4l-6%202z'%2F%3E%3Cpath%20d%3D'M9%204v14M15%206v14'%2F%3E%3C%2Fsvg%3E")}
.reg-form [name="plan"]{--rf-i:url("data:image/svg+xml,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2024%2024'%20fill%3D'none'%20stroke%3D'%233976bc'%20stroke-width%3D'1.8'%20stroke-linecap%3D'round'%20stroke-linejoin%3D'round'%3E%3Cpath%20d%3D'M12%203l2.7%205.6%206.1.9-4.4%204.3%201%206.1L12%2017l-5.4%202.9%201-6.1L3.2%209.5l6.1-.9z'%2F%3E%3C%2Fsvg%3E")}
.reg-form [name="billing"]{--rf-i:url("data:image/svg+xml,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2024%2024'%20fill%3D'none'%20stroke%3D'%233976bc'%20stroke-width%3D'1.8'%20stroke-linecap%3D'round'%20stroke-linejoin%3D'round'%3E%3Crect%20x%3D'3'%20y%3D'5'%20width%3D'18'%20height%3D'16'%20rx%3D'2'%2F%3E%3Cpath%20d%3D'M3%2010h18M8%203v4M16%203v4'%2F%3E%3C%2Fsvg%3E")}
.reg-form [name="deployment"]{--rf-i:url("data:image/svg+xml,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2024%2024'%20fill%3D'none'%20stroke%3D'%233976bc'%20stroke-width%3D'1.8'%20stroke-linecap%3D'round'%20stroke-linejoin%3D'round'%3E%3Cpath%20d%3D'M7%2018a4.5%204.5%200%200%201-.6-9A6%206%200%200%201%2018%209.5a4%204%200%200%201-.5%208.5z'%2F%3E%3C%2Fsvg%3E")}
.reg-form [name="go_live"]{--rf-i:url("data:image/svg+xml,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2024%2024'%20fill%3D'none'%20stroke%3D'%233976bc'%20stroke-width%3D'1.8'%20stroke-linecap%3D'round'%20stroke-linejoin%3D'round'%3E%3Cpath%20d%3D'M5%2021V4M5%204h11l-2%204%202%204H5'%2F%3E%3C%2Fsvg%3E")}
.reg-form [name="contact_name"]{--rf-i:url("data:image/svg+xml,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2024%2024'%20fill%3D'none'%20stroke%3D'%233976bc'%20stroke-width%3D'1.8'%20stroke-linecap%3D'round'%20stroke-linejoin%3D'round'%3E%3Ccircle%20cx%3D'12'%20cy%3D'8'%20r%3D'4'%2F%3E%3Cpath%20d%3D'M4%2021a8%208%200%200%201%2016%200'%2F%3E%3C%2Fsvg%3E")}
.reg-form [name="designation"]{--rf-i:url("data:image/svg+xml,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2024%2024'%20fill%3D'none'%20stroke%3D'%233976bc'%20stroke-width%3D'1.8'%20stroke-linecap%3D'round'%20stroke-linejoin%3D'round'%3E%3Crect%20x%3D'3'%20y%3D'7'%20width%3D'18'%20height%3D'13'%20rx%3D'2'%2F%3E%3Cpath%20d%3D'M9%207V5a2%202%200%200%201%202-2h2a2%202%200%200%201%202%202v2M3%2013h18'%2F%3E%3C%2Fsvg%3E")}
.reg-form [name="email"]{--rf-i:url("data:image/svg+xml,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2024%2024'%20fill%3D'none'%20stroke%3D'%233976bc'%20stroke-width%3D'1.8'%20stroke-linecap%3D'round'%20stroke-linejoin%3D'round'%3E%3Crect%20x%3D'3'%20y%3D'5'%20width%3D'18'%20height%3D'14'%20rx%3D'2'%2F%3E%3Cpath%20d%3D'm3%207%209%206%209-6'%2F%3E%3C%2Fsvg%3E")}
.reg-form [name="phone"]{--rf-i:url("data:image/svg+xml,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2024%2024'%20fill%3D'none'%20stroke%3D'%233976bc'%20stroke-width%3D'1.8'%20stroke-linecap%3D'round'%20stroke-linejoin%3D'round'%3E%3Crect%20x%3D'7'%20y%3D'2.5'%20width%3D'10'%20height%3D'19'%20rx%3D'2'%2F%3E%3Cpath%20d%3D'M11%2018h2'%2F%3E%3C%2Fsvg%3E")}
.reg-form [name="notes"]{--rf-i:url("data:image/svg+xml,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2024%2024'%20fill%3D'none'%20stroke%3D'%233976bc'%20stroke-width%3D'1.8'%20stroke-linecap%3D'round'%20stroke-linejoin%3D'round'%3E%3Cpath%20d%3D'M4%205h16v11H9l-5%204z'%2F%3E%3Cpath%20d%3D'M8%209h8M8%2012h5'%2F%3E%3C%2Fsvg%3E")}
/* plan chosen on the pricing page */
.reg-form .rf-picked{margin:-4px 0 18px;padding:10px 14px;border-radius:10px;background:var(--rf-pale);color:#1f5fbf;font-size:14px;font-weight:500}
/* add-ons as tick cards */
.reg-form .checks{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px 20px}
.reg-form .check{display:flex;align-items:center;gap:11px;padding:13px 16px;border:1.5px solid var(--rf-line);border-radius:12px;background:#fff;font-size:14.5px;font-weight:500;color:var(--rf-ink);cursor:pointer;transition:border-color .15s,background-color .15s}
.reg-form .check:hover{border-color:var(--rf-line2)}
.reg-form .check:has(input:checked){border-color:var(--rf-blue);background:var(--rf-pale)}
.reg-form .check input,.reg-form .consent input{flex:none;width:18px;height:18px;margin:0;accent-color:var(--rf-blue);cursor:pointer}
/* consent */
.reg-form .form-card>.rf-consent{margin:28px 0 22px}
.reg-form .consent{display:block;position:relative;padding:16px 18px 16px 48px;border:1px solid #d6e4f4;border-radius:14px;background:#f7faff;font-size:14px;line-height:1.6;font-weight:400;color:var(--rf-txt);cursor:pointer}
.reg-form .consent input{position:absolute;left:18px;top:19px}
.reg-form .consent a{color:var(--rf-blue);font-weight:500;text-decoration:underline;text-underline-offset:2px}
/* submit button: the site's amber call-to-action */
.reg-form .form-card button[type="submit"]{display:flex;align-items:center;justify-content:center;gap:10px;width:100%;height:56px;margin:0;padding:0 24px;border:0;border-radius:14px;background:linear-gradient(180deg,#ffa31a,var(--rf-amber));color:#fff;font:600 17px/1 'DM Sans',system-ui,-apple-system,'Segoe UI',Roboto,sans-serif;box-shadow:0 10px 24px rgba(255,153,0,.28);cursor:pointer;transition:transform .15s,box-shadow .15s,background .15s}
.reg-form .form-card button[type="submit"]:after{content:"";width:18px;height:18px;background:url("data:image/svg+xml,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2024%2024'%20fill%3D'none'%20stroke%3D'%23ffffff'%20stroke-width%3D'2.2'%20stroke-linecap%3D'round'%20stroke-linejoin%3D'round'%3E%3Cpath%20d%3D'M5%2012h14M13%206l6%206-6%206'%2F%3E%3C%2Fsvg%3E") center/18px no-repeat;transition:transform .15s}
.reg-form .form-card button[type="submit"]:hover{background:linear-gradient(180deg,#ff9900,#e68a00);transform:translateY(-1px);box-shadow:0 14px 28px rgba(255,153,0,.32)}
.reg-form .form-card button[type="submit"]:hover:after{transform:translateX(3px)}
.reg-form .form-card button[type="submit"]:focus-visible{outline:3px solid rgba(57,118,188,.45);outline-offset:3px}
.reg-form .form-card button[type="submit"]:disabled{opacity:.7;cursor:wait;transform:none}
.reg-form .form-card button[type="submit"]:disabled:after{display:none}
.reg-form .rf-foot{margin:16px 0 0;text-align:center;font-size:13.5px;text-wrap:balance}
.reg-form .rf-foot:before{content:"";display:inline-block;vertical-align:-3px;width:16px;height:16px;margin-right:7px;background:url("data:image/svg+xml,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2024%2024'%20fill%3D'none'%20stroke%3D'%231f9d63'%20stroke-width%3D'2'%20stroke-linecap%3D'round'%20stroke-linejoin%3D'round'%3E%3Cpath%20d%3D'M12%203%205%206v5c0%204.5%203%208.4%207%2010%204-1.6%207-5.5%207-10V6z'%2F%3E%3Cpath%20d%3D'm9%2012%202%202%204-4'%2F%3E%3C%2Fsvg%3E") center/16px no-repeat}
@media (max-width:860px){.reg-form .rf-wrap{padding:0 20px}.reg-form .form-card{padding:34px 30px 30px}}
/* phone: one column, 16px side gutter */
@media (max-width:640px){.reg-form{padding:32px 0 64px}.reg-form .rf-wrap{padding:0 16px}
.reg-form .rf-note{padding:14px 16px 14px 46px;font-size:14px}.reg-form .rf-note:before{left:14px;top:15px;width:20px;height:20px;background-size:20px}
.reg-form .form-card{padding:28px 18px 24px;border-radius:18px}
.reg-form .field-row{grid-template-columns:minmax(0,1fr);gap:16px;margin-bottom:16px}.reg-form .form-card>.field{margin-bottom:16px}
.reg-form .rf-h{font-size:17px;gap:12px;margin-top:28px;padding-top:24px}.reg-form .rf-h:before{width:38px;height:38px;background-size:19px}
.reg-form .input{font-size:16px}
.reg-form .checks{grid-template-columns:minmax(0,1fr)}.reg-form .consent{padding-left:44px}.reg-form .consent input{left:16px}}

.reg-form .rf-wrap{max-width:1280px}
.reg-form .form-card{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));column-gap:24px;padding:44px 48px 36px}
.reg-form .form-card>#formMsg{grid-column:1/-1}
.reg-form .rf-step{grid-column:1/-1;min-width:0;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px 24px;align-content:start}
.reg-form .rf-step .rf-h{grid-column:1/-1;margin-bottom:2px}
.reg-form .rf-step .field-row{display:contents}
.reg-form .rf-step .field{margin:0}
.reg-form .rf-step .field:has([name="states"]),.reg-form .rf-step .field:has(.checks){grid-column:span 2}
.reg-form .rf-step .checks{gap:12px 24px}
/* "selected on the pricing page" line: its own row under plan / billing / deployment */
.reg-form .rf-step .rf-picked{grid-column:1/-1;grid-row:3;margin:0}
/* step 3 (two columns) and step 4 (notes, full height) side by side */
.reg-form .rf-step.rs3{grid-column:span 2;grid-template-columns:repeat(2,minmax(0,1fr))}
.reg-form .rf-step.rs4{grid-column:span 1;grid-template-columns:minmax(0,1fr);grid-template-rows:auto 1fr}
.reg-form .rf-step.rs4 textarea.input{flex:1 1 auto;min-height:124px}
/* consent on the left two columns, button and its note on the right */
.reg-form .form-card>.rf-consent{grid-column:1/span 2;grid-row:span 2;align-self:start;margin:30px 0 0}
.reg-form .form-card button[type="submit"]{margin-top:30px;align-self:start}
.reg-form .form-card>.rf-foot{margin-top:12px;text-align:center}
@media (max-width:1080px){.reg-form .form-card,.reg-form .rf-step{grid-template-columns:repeat(2,minmax(0,1fr))}
.reg-form .form-card{padding:38px 36px 32px}
.reg-form .rf-step.rs3,.reg-form .rf-step.rs4{grid-column:1/-1}
.reg-form .rf-step.rs4{grid-template-columns:minmax(0,1fr)}
.reg-form .rf-step .field:has([name="states"]){grid-column:auto}
.reg-form .form-card>.rf-consent{grid-column:1/-1;grid-row:auto;margin-top:28px}
.reg-form .form-card button[type="submit"]{grid-column:1/-1;margin-top:22px}
.reg-form .form-card>.rf-foot{grid-column:1/-1;margin-top:14px}}
@media (max-width:860px){.reg-form .form-card{padding:34px 30px 30px}}
@media (max-width:640px){.reg-form .form-card,.reg-form .rf-step,.reg-form .rf-step.rs3{grid-template-columns:minmax(0,1fr)}
.reg-form .form-card{padding:28px 18px 24px}
.reg-form .rf-step{gap:16px}
.reg-form .rf-step .field:has(.checks){grid-column:auto}
.reg-form .rf-step .rf-picked{grid-row:auto}}

.reg-form .form-card{overflow:visible;background:linear-gradient(90deg,var(--rf-blue),#6aa5e0 55%,var(--rf-amber)) top/100% 4px no-repeat,var(--rf-card)}
.reg-form .form-card:before{content:none}
.reg-form .rf-ss{position:relative;min-width:0}
.reg-form .rf-ss>select{position:absolute;left:0;top:0;width:100%;height:100%;margin:0;opacity:0;pointer-events:none}
.reg-form .rf-ss-btn{display:flex;align-items:center;text-align:left;cursor:pointer;padding-right:42px;background-image:var(--rf-i,none),url("data:image/svg+xml,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2024%2024'%20fill%3D'none'%20stroke%3D'%236b7a90'%20stroke-width%3D'2'%20stroke-linecap%3D'round'%20stroke-linejoin%3D'round'%3E%3Cpath%20d%3D'm6%209%206%206%206-6'%2F%3E%3C%2Fsvg%3E");background-position:14px 50%,right 14px center;background-size:18px 18px,16px 16px;background-repeat:no-repeat}
.reg-form .rf-ss-val{flex:1 1 auto;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.reg-form .rf-ss.is-empty .rf-ss-val{color:var(--rf-ph)}
.reg-form .rf-ss.is-open .rf-ss-btn,.reg-form .rf-ss:has(>select:focus) .rf-ss-btn{border-color:var(--rf-blue);box-shadow:0 0 0 4px rgba(57,118,188,.14)}
.reg-form .rf-ss.is-open .rf-ss-btn{background-image:var(--rf-i,none),url("data:image/svg+xml,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2024%2024'%20fill%3D'none'%20stroke%3D'%233976bc'%20stroke-width%3D'2'%20stroke-linecap%3D'round'%20stroke-linejoin%3D'round'%3E%3Cpath%20d%3D'm6%2015%206-6%206%206'%2F%3E%3C%2Fsvg%3E")}
.reg-form .rf-ss:has(>select:user-invalid):not(.is-open) .rf-ss-btn{border-color:var(--rf-red);box-shadow:0 0 0 4px rgba(214,69,69,.1)}
/* the list */
.reg-form .rf-ss-pop{position:absolute;left:0;right:0;top:calc(100% + 6px);z-index:40;padding:8px;background:#fff;border:1px solid var(--rf-line);border-radius:14px;box-shadow:0 18px 40px rgba(14,42,77,.16)}
.reg-form .rf-ss.is-up .rf-ss-pop{top:auto;bottom:calc(100% + 6px)}
.reg-form .rf-ss-search{margin:0 0 6px}
.reg-form .rf-ss-q{display:block;width:100%;box-sizing:border-box;height:40px;margin:0;padding:0 12px 0 36px;border:1.5px solid var(--rf-line);border-radius:10px;background:#f7f9fc url("data:image/svg+xml,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2024%2024'%20fill%3D'none'%20stroke%3D'%236b7a90'%20stroke-width%3D'2'%20stroke-linecap%3D'round'%20stroke-linejoin%3D'round'%3E%3Ccircle%20cx%3D'11'%20cy%3D'11'%20r%3D'7'%2F%3E%3Cpath%20d%3D'm20%2020-3.5-3.5'%2F%3E%3C%2Fsvg%3E") no-repeat 11px 50%/16px 16px;font:400 15px/1.4 'DM Sans',system-ui,-apple-system,'Segoe UI',Roboto,sans-serif;color:var(--rf-ink);outline:none;-webkit-appearance:none;appearance:none}
.reg-form .rf-ss-q::placeholder{color:var(--rf-ph);opacity:1}
.reg-form .rf-ss-q:focus{border-color:var(--rf-blue);background-color:#fff}
.reg-form .rf-ss-list{list-style:none;margin:0;padding:0;max-height:248px;overflow-y:auto;overscroll-behavior:contain}
.reg-form .rf-ss-opt{position:relative;margin:0;padding:10px 36px 10px 12px;border-radius:9px;font-size:14.5px;line-height:1.4;color:var(--rf-ink);cursor:pointer}
.reg-form .rf-ss-opt.is-empty{color:var(--rf-ph)}
.reg-form .rf-ss-opt.is-active{background:var(--rf-pale)}
.reg-form .rf-ss-opt[aria-selected="true"]{font-weight:600;color:var(--rf-blue)}
.reg-form .rf-ss-opt[aria-selected="true"]:after{content:"";position:absolute;right:12px;top:50%;width:16px;height:16px;margin-top:-8px;background:url("data:image/svg+xml,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2024%2024'%20fill%3D'none'%20stroke%3D'%233976bc'%20stroke-width%3D'2.4'%20stroke-linecap%3D'round'%20stroke-linejoin%3D'round'%3E%3Cpath%20d%3D'm5%2012.5%204.5%204.5L19%207.5'%2F%3E%3C%2Fsvg%3E") center/16px no-repeat}
.reg-form .rf-ss-opt mark{background:#fff1dc;color:inherit;border-radius:3px;padding:0 1px}
.reg-form .rf-ss-none{padding:12px;text-align:center;font-size:14px;color:var(--rf-mut)}
@media (max-width:640px){.reg-form .rf-ss-q{font-size:16px}.reg-form .rf-ss-list{max-height:220px}}

@media (min-width:1081px){
.reg-form .form-card>.rf-consent{grid-column:1/-1;grid-row:auto;align-self:start;margin-top:30px}
.reg-form .form-card button[type="submit"]{grid-column:1/-1;justify-self:center;width:100%;max-width:420px;height:56px;align-self:start;margin-top:24px}
.reg-form .form-card>.rf-foot{grid-column:1/-1;margin-top:14px}}

.ty{--ty-ink:#0e2a4d;--ty-txt:#3d4a60;--ty-green:#1f9d63;--ty-green-bg:#e8f7ef;--ty-blue:#3976bc;--ty-amber:#ff9900;position:relative;color-scheme:light;background:#fff;color:var(--ty-ink)}
.ty .ty-in{display:grid;grid-template-columns:minmax(0,42fr) minmax(0,58fr);align-items:center;gap:48px;max-width:1280px;min-height:calc(100vh - 87px);min-height:calc(100svh - 87px);margin:0 auto;padding:48px 32px 64px;box-sizing:border-box}
.ty .ty-art{min-width:0}
.ty .ty-art svg{display:block;width:100%;height:auto;max-width:560px;margin:0 auto}
.ty .ty-body{min-width:0;text-align:center}
.ty .ty-ic{position:relative;width:84px;height:84px;margin:0 auto 28px;border-radius:50%;background:var(--ty-green-bg) url("data:image/svg+xml,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2024%2024'%20fill%3D'none'%20stroke%3D'%231f9d63'%20stroke-width%3D'2.6'%20stroke-linecap%3D'round'%20stroke-linejoin%3D'round'%3E%3Cpath%20d%3D'M6.5%2012.5l3.8%203.8L17.5%208.5'%2F%3E%3C%2Fsvg%3E") center/44px no-repeat;font-size:0;line-height:0;color:transparent}
.ty .ty-ic:before{content:"";position:absolute;left:-22px;top:-22px;width:128px;height:128px;background:url("data:image/svg+xml,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%20128%20128'%20fill%3D'none'%20stroke%3D'%231f9d63'%20stroke-width%3D'3.5'%20stroke-linecap%3D'round'%20stroke-linejoin%3D'round'%3E%3Cpath%20d%3D'M40%2014l6%2012M14%2040l12%206M104%2034l10-8M106%2060h12'%2F%3E%3C%2Fsvg%3E") center/128px no-repeat}
.ty h1.title{font-family:'DM Sans',system-ui,-apple-system,'Segoe UI',Roboto,sans-serif;font-size:clamp(34px,3.2vw,48px);line-height:1.15;font-weight:700;letter-spacing:-.03em!important;color:var(--ty-ink);margin:0 auto;max-width:none;text-wrap:balance}
.ty .lede{font-size:clamp(16px,1.25vw,18px);line-height:1.65;color:var(--ty-txt);max-width:600px;margin:18px auto 0;text-wrap:pretty}
.ty .ticks{display:inline-block;list-style:none;margin:30px auto 0;padding:0;text-align:left}
.ty .ticks li{position:relative;margin:0;padding:3px 0 3px 42px;font-size:16px;line-height:1.5;color:var(--ty-ink)}
.ty .ticks li+li{margin-top:14px}
.ty .ticks li:before{content:"";position:absolute;left:0;top:1px;width:28px;height:28px;border-radius:50%;background:var(--ty-green) url("data:image/svg+xml,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2024%2024'%20fill%3D'none'%20stroke%3D'%23ffffff'%20stroke-width%3D'3'%20stroke-linecap%3D'round'%20stroke-linejoin%3D'round'%3E%3Cpath%20d%3D'M6.5%2012.5l3.5%203.5L17.5%208.5'%2F%3E%3C%2Fsvg%3E") center/16px no-repeat}
.ty .btnrow{display:flex;flex-wrap:wrap;justify-content:center;gap:16px;margin-top:38px}
.ty .btnrow .btn{display:inline-flex;align-items:center;justify-content:center;box-sizing:border-box;min-width:200px;height:54px;padding:0 32px;border-radius:999px;font:600 16px/1 'DM Sans',system-ui,-apple-system,'Segoe UI',Roboto,sans-serif;text-decoration:none;transition:background .15s,border-color .15s,transform .15s,box-shadow .15s}
.ty .btnrow .btn-primary{background:var(--ty-amber);border:1.5px solid var(--ty-amber);color:#fff;box-shadow:0 10px 24px rgba(255,153,0,.28)}
.ty .btnrow .btn-primary:hover{background:#e68a00;border-color:#e68a00;transform:translateY(-1px)}
.ty .btnrow .btn-outline{background:#fff;border:1.5px solid var(--ty-blue);color:var(--ty-blue)}
.ty .btnrow .btn-outline:hover{background:#e8f0f7}
.ty .btnrow .btn:focus-visible{outline:3px solid rgba(57,118,188,.45);outline-offset:3px}
@media (max-width:1080px){.ty .ty-in{grid-template-columns:minmax(0,40fr) minmax(0,60fr);gap:32px}.ty .btnrow .btn{min-width:180px}}
@media (max-width:860px){.ty .ty-in{grid-template-columns:minmax(0,1fr);gap:8px;min-height:0;padding:32px 20px 56px}.ty .ty-art svg{max-width:400px}}
@media (max-width:560px){.ty .ty-in{padding:24px 16px 48px}.ty .ty-art svg{max-width:320px}.ty h1.title{font-size:30px}.ty .lede{font-size:16px}.ty .ticks li{font-size:15px}
.ty .btnrow{flex-direction:column;align-items:stretch;gap:12px}.ty .btnrow .btn{width:100%;min-width:0}}

.ty{isolation:isolate}
.ty:before,.ty:after{content:"";position:absolute;inset:0;z-index:-1;pointer-events:none;-webkit-mask-image:radial-gradient(ellipse 80% 90% at 50% 42%,#000 25%,transparent 78%);mask-image:radial-gradient(ellipse 80% 90% at 50% 42%,#000 25%,transparent 78%)}
.ty:before{background:radial-gradient(color-mix(in srgb,#3976bc 34%,transparent) 1.6px,transparent 2px) -24px -24px/48px 48px,linear-gradient(#ececf2 1px,transparent 1px) 0 0/48px 48px,linear-gradient(90deg,#ececf2 1px,transparent 1px) 0 0/48px 48px}
.ty:after{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='160' height='160'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.85' numOctaves='2' stitchTiles='stitch'/%3E%3CfeColorMatrix values='0 0 0 0 .42 0 0 0 0 .3 0 0 0 0 .6 0 0 0 .6 0'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E");opacity:.08}
.ty .ty-art img{display:block;width:100%;height:auto;max-width:560px;margin:0 auto;mix-blend-mode:multiply}
@media (max-width:860px){.ty .ty-art img{max-width:420px}}
@media (max-width:700px){.ty:before{background-size:36px 36px,36px 36px,36px 36px;background-position:-18px -18px,0 0,0 0}}
@media (max-width:560px){.ty .ty-art img{max-width:340px}}

.ty .ty-in{min-height:0;padding-top:32px}
@media (max-width:860px){.ty .ty-in{padding-top:20px}}
@media (max-width:560px){.ty .ty-in{padding-top:16px}}
body:has(>section.ty){display:flex;flex-direction:column;min-height:100vh;min-height:100svh}
body>section.ty{flex:1 0 auto}

.ty .ty-vid{width:100%;max-width:560px;margin:0 auto;aspect-ratio:906/720;overflow:hidden}
.ty .ty-vid video{display:block;width:100%;height:100%;object-fit:cover;object-position:50% 50%;mix-blend-mode:multiply;background:#fff}
@media (max-width:860px){.ty .ty-vid{max-width:420px}}
@media (max-width:560px){.ty .ty-vid{max-width:340px}}

body.ix-pg main.ix{display:block;max-width:none;margin:0;padding:0}
html:has(body.ix-pg){scroll-behavior:smooth}
@media (prefers-reduced-motion:reduce){html:has(body.ix-pg){scroll-behavior:auto}}
body.ix-pg nav a[aria-current="page"],body.ix-pg .mnav a[aria-current="page"]{color:var(--brand)}
.ix{--ix-ink:#0e2a4d;--ix-txt:#3d4a60;--ix-soft:#7a7a86;--ix-tint:var(--c1);--ix-ac:var(--brand);color-scheme:light;background:#fff;color:var(--ix-ink)}
.ix .ix-mfg{--ix-tint:var(--c1);--ix-ac:var(--brand)}
.ix .ix-grp{--ix-tint:var(--c3);--ix-ac:var(--i3)}
.ix .ix-sec{--ix-tint:var(--c4);--ix-ac:var(--i4)}
.ix .ix-ret{--ix-tint:var(--c6);--ix-ac:var(--i6)}
.ix .ix-dst{--ix-tint:var(--c2);--ix-ac:var(--i2)}
.ix .ix-off{--ix-tint:var(--c5);--ix-ac:var(--i5)}
.ix .ix-wrap{max-width:1280px;margin:0 auto;padding:0 32px;box-sizing:border-box}
.ix h1,.ix h2{font-family:'DM Serif Display',Georgia,'Times New Roman',serif;font-weight:400;color:var(--ix-ink)}
/* photo boxes: the icon on the tint shows until (or unless) the photo is there */
.ix .ix-ph{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;background:color-mix(in srgb,var(--ix-ac) 9%,#fff)}
.ix .ix-ph svg{width:24%;max-width:110px;height:auto;fill:none;stroke:var(--ix-ac);stroke-width:1.1;stroke-linecap:round;stroke-linejoin:round;opacity:.5}
.ix .ix-media img,.ix .ix-t img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;color:transparent;transition:transform .6s ease}
.ix .ix-noimg img{display:none}
/* hero */
.ix .ix-hero{position:relative;overflow:hidden;background:radial-gradient(55% 75% at 80% 45%,var(--c2) 0%,rgba(234,242,254,0) 72%),#fff}
.ix .ix-hero .ix-wrap{display:grid;grid-template-columns:minmax(0,1.08fr) minmax(0,1fr);align-items:center;gap:56px;padding-top:64px;padding-bottom:88px}
.ix .ix-eb{display:block;font-size:13px;font-weight:600;letter-spacing:.22em;text-transform:uppercase;color:var(--brand)}
.ix .ix-hero h1{margin:18px 0 0;max-width:none;font-size:clamp(44px,4.8vw,70px);line-height:1.04;text-wrap:balance}
.ix .ix-hero h1 span{color:var(--brand);white-space:nowrap;background:none}
.ix .ix-copy,.ix .ix-body{text-align:left}
.ix .ix-hero .ix-lede{margin:24px 0 0;max-width:520px;font-size:clamp(16px,1.3vw,18px);line-height:1.65;color:var(--ix-txt)}
.ix .ix-pts{display:flex;margin:40px 0 0;padding:0;list-style:none;max-width:600px}
.ix .ix-pts li{flex:1 1 0;min-width:0;margin:0;padding:0 20px;border-left:1px solid var(--line);font-size:14px;line-height:1.45;color:var(--ix-txt)}
.ix .ix-pts li:first-child{padding-left:0;border-left:0}
.ix .ix-pts svg{display:block;flex:none;width:26px;height:26px;margin-bottom:12px;fill:none;stroke:var(--brand);stroke-width:1.6;stroke-linecap:round;stroke-linejoin:round}
.ix .ix-art{position:relative;min-width:0}
.ix .ix-tiles{position:relative;aspect-ratio:6/5}
.ix .ix-tiles:before{content:"";position:absolute;inset:4% 0 0 4%;border-radius:46% 54% 48% 52%/55% 45% 55% 45%;background:var(--c2)}
.ix .ix-t{position:absolute;overflow:hidden;border:5px solid #fff;border-radius:28px;box-shadow:0 14px 34px rgba(14,42,77,.07)}
.ix .ix-t1{left:0;top:12%;width:35%;height:78%;border-top-left-radius:50% 22%;z-index:1}
.ix .ix-t2{left:28%;top:22%;width:27%;height:68%;z-index:2}
.ix .ix-t3{left:47%;top:6%;width:25%;height:56%;z-index:3}
.ix .ix-t4{left:58%;top:42%;width:42%;height:50%;border-bottom-right-radius:50% 26%;z-index:4}
.ix .ix-t img{object-position:50% 30%}
.ix .ix-note{position:absolute;right:0;top:-2%;z-index:5;margin:0;font-family:'DM Serif Display',Georgia,'Times New Roman',serif;font-style:italic;font-size:clamp(17px,1.55vw,22px);line-height:1.25;color:var(--brand);transform:rotate(-7deg);transform-origin:right top}
.ix .ix-note svg{display:block;width:96px;height:16px;margin-top:4px;fill:none;stroke:var(--brand);stroke-width:2;stroke-linecap:round}
/* one industry per section */
.ix .ix-ind{position:relative;display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);min-height:clamp(560px,46vw,680px);background-color:var(--ix-tint);container-type:inline-size;transition:background-color .5s ease}
.ix .ix-ind+.ix-ind{margin-top:12px}
.ix .ix-ind:hover{background-color:color-mix(in srgb,var(--ix-ac) 7%,var(--ix-tint))}
.ix .ix-media{position:relative;overflow:hidden;min-height:100%}
.ix .ix-l .ix-media{border-radius:0 14% 14% 0/0 50% 50% 0}
.ix .ix-r .ix-media{order:2;border-radius:14% 0 0 14%/50% 0 0 50%}
.ix .ix-ind:hover .ix-media img{transform:scale(1.02)}
.ix .ix-body{display:flex;flex-direction:column;justify-content:center;align-items:flex-start;min-width:0;padding:72px 64px;box-sizing:border-box;background:radial-gradient(70% 70% at 50% 50%,rgba(255,255,255,.7),rgba(255,255,255,0) 72%)}
.ix .ix-l .ix-body{padding-right:max(32px,calc((100cqw - 1280px) / 2 + 32px))}
.ix .ix-r .ix-body{padding-left:max(32px,calc((100cqw - 1280px) / 2 + 32px))}
.ix .ix-body>*{max-width:560px}
.ix .ix-tag{display:flex;align-items:center;gap:14px}
.ix .ix-ic{display:inline-flex;align-items:center;justify-content:center;width:54px;height:54px;border-radius:16px;background:#fff;border:1px solid color-mix(in srgb,var(--ix-ac) 22%,#fff)}
.ix .ix-ic svg{width:28px;height:28px;fill:none;stroke:var(--ix-ac);stroke-width:1.6;stroke-linecap:round;stroke-linejoin:round}
.ix .ix-no{font-size:15px;font-weight:500;letter-spacing:.06em;color:var(--ix-soft)}
.ix .ix-body h2{margin:22px 0 0;font-size:clamp(34px,3.2vw,46px);line-height:1.1;text-wrap:balance}
.ix .ix-body .ix-lede{margin:14px 0 0;font-size:clamp(16px,1.3vw,18px);line-height:1.6;color:var(--ix-txt)}
.ix .ix-list{list-style:none;margin:26px 0 0;padding:0}
.ix .ix-list li{position:relative;margin:0;padding:1px 0 1px 34px;font-size:16px;line-height:1.5;color:var(--ix-ink)}
.ix .ix-list li+li{margin-top:12px}
.ix .ix-list li:before{content:"";position:absolute;left:0;top:2px;width:22px;height:22px;border-radius:50%;background:var(--ix-ac) url("data:image/svg+xml,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2024%2024'%20fill%3D'none'%20stroke%3D'%23ffffff'%20stroke-width%3D'3'%20stroke-linecap%3D'round'%20stroke-linejoin%3D'round'%3E%3Cpath%20d%3D'M6.5%2012.5l3.5%203.5L17.5%208.5'%2F%3E%3C%2Fsvg%3E") center/13px no-repeat}
.ix .ix-more{display:inline-flex;align-items:center;gap:14px;margin-top:34px;font-size:15px;font-weight:600;color:var(--brand-d);text-decoration:none}
.ix .ix-arr{display:inline-flex;align-items:center;justify-content:center;width:38px;height:38px;border-radius:50%;border:1.5px solid var(--ix-ac);color:var(--ix-ac);transition:transform .2s ease,background-color .2s ease,color .2s ease}
.ix .ix-arr svg,.ix .ix-go svg{width:18px;height:18px;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}
.ix .ix-more:hover .ix-arr,.ix .ix-more:focus-visible .ix-arr{transform:translateX(4px);background:var(--ix-ac);color:#fff}
.ix .ix-more:hover .ix-txt{text-decoration:underline;text-underline-offset:4px}
.ix .ix-more:focus-visible,.ix .ix-go:focus-visible{outline:2px solid var(--brand);outline-offset:4px;border-radius:8px}
/* closing panel */
.ix .ix-cta{padding:96px 0 112px;background:#fff}
.ix .ix-cta-in{position:relative;overflow:hidden;border-radius:32px;padding:80px 64px;text-align:center;color:#fff;background:radial-gradient(45% 80% at 100% 0%,rgba(255,255,255,.14),rgba(255,255,255,0) 70%),radial-gradient(40% 70% at 0% 100%,rgba(255,153,0,.16),rgba(255,153,0,0) 70%),linear-gradient(135deg,var(--brand-d) 0%,var(--brand) 100%)}
.ix .ix-cta h2{margin:0 auto;max-width:760px;color:#fff;font-size:clamp(34px,3.8vw,54px);line-height:1.1;text-wrap:balance}
.ix .ix-cta p{margin:20px auto 0;max-width:640px;font-size:clamp(16px,1.3vw,18px);line-height:1.65;color:rgba(255,255,255,.88)}
.ix .ix-cta-row{display:flex;flex-wrap:wrap;align-items:center;justify-content:center;gap:16px 24px;margin-top:36px}
.ix .ix-go{padding:15px 30px;font-size:16px;font-weight:600;border-color:#ff9900;background:#ff9900;color:#fff;box-shadow:0 10px 24px rgba(10,30,60,.18)}
.ix .ix-go:hover{background:#e68a00;border-color:#e68a00}
.ix .ix-go span{display:inline-flex;transition:transform .2s ease}
.ix .ix-go:hover span{transform:translateX(4px)}
.ix .ix-cta-note{font-size:15px;color:rgba(255,255,255,.85)}
@media (prefers-reduced-motion:reduce){.ix .ix-media img,.ix .ix-t img,.ix .ix-arr,.ix .ix-go span,.ix .ix-ind{transition:none}.ix .ix-ind:hover .ix-media img{transform:none}}
/* tablet: two columns, less room */
@media (max-width:1100px){
.ix .ix-hero .ix-wrap{gap:36px;padding-top:48px;padding-bottom:72px}
.ix .ix-pts li{padding:0 14px;font-size:13px}
.ix .ix-ind{min-height:520px}
.ix .ix-body{padding:56px 40px}
.ix .ix-l .ix-body{padding-right:32px}.ix .ix-r .ix-body{padding-left:32px}
.ix .ix-list li{font-size:15px}
.ix .ix-cta{padding:72px 0 88px}.ix .ix-cta-in{padding:64px 40px}}
/* phone and small tablet: stacked, photo on top */
@media (max-width:860px){
.ix .ix-wrap{padding:0 20px}
.ix .ix-hero .ix-wrap{grid-template-columns:minmax(0,1fr);gap:36px;padding-top:36px;padding-bottom:56px}
.ix .ix-art{width:100%;max-width:560px;margin:0 auto}
.ix .ix-ind{grid-template-columns:minmax(0,1fr);min-height:0;padding:20px 20px 0}
.ix .ix-l .ix-media,.ix .ix-r .ix-media{order:0;height:380px;min-height:0;border-radius:24px}
.ix .ix-l .ix-body,.ix .ix-r .ix-body{padding:32px 4px 48px}
.ix .ix-cta{padding:56px 0 72px}.ix .ix-cta-in{padding:48px 24px;border-radius:24px}}
@media (max-width:560px){
.ix .ix-hero h1{font-size:clamp(38px,10.5vw,46px)}
.ix .ix-pts{flex-direction:column;gap:14px;margin-top:30px}
.ix .ix-pts li{display:flex;align-items:center;gap:14px;padding:0;border:0;font-size:15px}
.ix .ix-pts svg{margin:0}
.ix .ix-note{position:static;width:max-content;margin:0 6px 14px auto;transform:rotate(-5deg);font-size:18px}
.ix .ix-t{border-width:4px;border-radius:20px}
.ix .ix-ind{padding:16px 16px 0}
.ix .ix-l .ix-media,.ix .ix-r .ix-media{height:320px;border-radius:20px}
.ix .ix-l .ix-body,.ix .ix-r .ix-body{padding:28px 4px 40px}
.ix .ix-body h2{font-size:32px}
.ix .ix-go{width:100%}}

.ix .ix-hero{isolation:isolate;background:#fffdf9}
.ix .ix-hero .ix-wrap{position:relative;z-index:1}
.ix .ix-decor{position:absolute;inset:0;z-index:0;pointer-events:none}
.ix .ix-blob{position:absolute;border-radius:50%;filter:blur(8px)}
.ix .ix-blob.b1{width:560px;height:380px;left:-190px;bottom:-210px;background:radial-gradient(closest-side,rgba(57,118,188,.16),rgba(57,118,188,0))}
.ix .ix-blob.b2{width:620px;height:420px;right:-200px;bottom:-230px;background:radial-gradient(closest-side,rgba(255,153,0,.14),rgba(255,153,0,0))}
.ix .ix-blob.b3{width:520px;height:360px;right:-170px;top:-200px;background:radial-gradient(closest-side,rgba(224,48,127,.08),rgba(224,48,127,0))}
.ix .ix-dots{position:absolute;background-image:radial-gradient(circle,currentColor 1.6px,transparent 2px);background-size:18px 18px}
.ix .ix-dots.d1{left:28px;bottom:14px;width:162px;height:36px;color:rgba(57,118,188,.28)}
.ix .ix-dots.d2{display:none;right:34px;top:34%;width:54px;height:108px;color:rgba(255,153,0,.32)}
.ix .ix-wave{position:absolute;left:-140px;bottom:-120px;width:760px;height:180px;border-top:1.5px solid rgba(255,153,0,.32);border-radius:50%;transform:rotate(-5deg)}
@media (min-width:1440px){.ix .ix-dots.d2{display:block}}
@media (max-width:900px){.ix .ix-dots.d1{bottom:12px;width:126px;height:36px}.ix .ix-wave{opacity:.6}}
@media (max-width:600px){.ix .ix-wave{display:none}.ix .ix-dots.d1{left:12px;width:90px}.ix .ix-blob.b1,.ix .ix-blob.b2{width:340px;height:260px}}

.ix .ix-cta .faq-cta{margin-top:0;text-align:left}
.ix .ix-cta .faq-cta h2{margin:0;max-width:none;font-size:clamp(28px,2.8vw,40px);line-height:1.18;font-weight:700;color:#fff;text-align:left}
.ix .ix-cta .faq-cta p{margin:16px 0 0;max-width:520px;font-size:16px;line-height:1.65;color:rgba(255,255,255,.82);text-align:left}
.ix .ix-cta .faq-btns{align-items:center}
@media (max-width:600px){.ix .ix-cta .faq-cta h2 span{white-space:normal}.ix .ix-cta .ix-cta-note{text-align:center}}

.ix .ix-stack{position:relative;background:#fff}
.ix .ix-stack.ix-stk{padding:48px 24px 72px}
.ix .ix-stack.ix-stk .ix-ind{position:sticky;top:calc(var(--ix-hd,72px) + 20px + var(--i,0) * 14px);max-width:1320px;margin:0 auto;border-radius:28px;overflow:hidden;box-shadow:0 -8px 28px rgba(14,42,77,.08),0 18px 44px rgba(14,42,77,.12);transform-origin:50% 0;transform:scale(calc(1 - var(--ixp,0) * .05));filter:brightness(calc(1 - var(--ixp,0) * .08));will-change:transform}
.ix .ix-stack.ix-stk .ix-ind+.ix-ind{margin-top:48px}
.ix .ix-stack.ix-stk+.ix-cta{padding-top:48px}
@media (prefers-reduced-motion:reduce){.ix .ix-stack.ix-stk .ix-ind{transform:none;filter:none;will-change:auto}}

.ix .ix-stack.ix-stk{padding:0}
.ix .ix-stack.ix-stk .ix-ind{top:var(--ix-hd,72px);max-width:none;border-radius:0;box-shadow:0 -10px 28px rgba(14,42,77,.10);transform:none;will-change:auto}
.ix .ix-stack.ix-stk .ix-ind+.ix-ind{margin-top:12px}
.ix .ix-stack.ix-stk+.ix-cta{padding-top:96px}
@media (max-width:1100px){.ix .ix-stack.ix-stk+.ix-cta{padding-top:72px}}

@media (min-width:901px) and (prefers-reduced-motion:no-preference){
.ix .ix-hero .ix-copy{translate:0 calc(var(--ixh,0) * -48px);opacity:calc(1 - var(--ixh,0) * .75)}
.ix .ix-hero .ix-t1{translate:0 calc(var(--ixh,0) * -70px)}
.ix .ix-hero .ix-t2{translate:0 calc(var(--ixh,0) * -30px)}
.ix .ix-hero .ix-t3{translate:0 calc(var(--ixh,0) * -120px)}
.ix .ix-hero .ix-t4{translate:0 calc(var(--ixh,0) * -55px)}
.ix .ix-hero .ix-note{translate:0 calc(var(--ixh,0) * -100px)}
.ix .ix-hero .ix-blob{translate:0 calc(var(--ixh,0) * 90px)}
.ix .ix-hero .ix-dots,.ix .ix-hero .ix-wave{translate:0 calc(var(--ixh,0) * 50px)}
}

@media (prefers-reduced-motion:no-preference){
.ix .ix-hero .ix-copy{translate:0 calc(var(--ixh,0) * -90px);opacity:calc(1 - var(--ixh,0) * 0.9)}
.ix .ix-hero .ix-t1{translate:0 calc(var(--ixh,0) * -140px)}
.ix .ix-hero .ix-t2{translate:0 calc(var(--ixh,0) * -50px)}
.ix .ix-hero .ix-t3{translate:0 calc(var(--ixh,0) * -220px)}
.ix .ix-hero .ix-t4{translate:0 calc(var(--ixh,0) * -100px)}
.ix .ix-hero .ix-note{translate:0 calc(var(--ixh,0) * -180px)}
.ix .ix-hero .ix-blob{translate:0 calc(var(--ixh,0) * 160px)}
.ix .ix-hero .ix-dots,.ix .ix-hero .ix-wave{translate:0 calc(var(--ixh,0) * 90px)}
}
@media (max-width:900px) and (prefers-reduced-motion:no-preference){
.ix .ix-hero .ix-copy{translate:0 calc(var(--ixh,0) * -45px);opacity:calc(1 - var(--ixh,0) * 0.5)}
.ix .ix-hero .ix-t1{translate:0 calc(var(--ixh,0) * -70px)}
.ix .ix-hero .ix-t2{translate:0 calc(var(--ixh,0) * -25px)}
.ix .ix-hero .ix-t3{translate:0 calc(var(--ixh,0) * -110px)}
.ix .ix-hero .ix-t4{translate:0 calc(var(--ixh,0) * -50px)}
.ix .ix-hero .ix-note{translate:0 calc(var(--ixh,0) * -90px)}
.ix .ix-hero .ix-blob{translate:0 calc(var(--ixh,0) * 80px)}
.ix .ix-hero .ix-dots,.ix .ix-hero .ix-wave{translate:0 calc(var(--ixh,0) * 45px)}
}

.ix .ix-stack.ix-stk .ix-ind{top:var(--ix-top,var(--ix-hd,72px))}
@media (max-width:860px){.ix .ix-stack.ix-stk+.ix-cta{padding-top:56px}}

.bd-page{--bd-ink:#0e2a4d;--bd-txt:#3d4a60;--bd-mut:#6b7a90;--bd-ph:#98a4b5;--bd-line:#dbe3ee;--bd-line2:#c3d2e4;--bd-pale:#eef4fb;--bd-blue:#3976bc;--bd-dblue:#154d8e;--bd-amber:#ff9900;--bd-red:#d64545;
  position:relative;color-scheme:light;color:var(--bd-ink);font-family:'DM Sans',system-ui,-apple-system,'Segoe UI',Roboto,sans-serif;padding:64px 0 104px;
  background:radial-gradient(640px 440px at 0 0,rgba(57,118,188,.10),transparent 70%),radial-gradient(560px 400px at 100% 100%,rgba(255,153,0,.07),transparent 70%),linear-gradient(180deg,#fffdf9 0,#f5f8fc 380px,#f5f8fc)}
.bd-page .bd-wrap{max-width:1280px;margin:0 auto;padding:0 32px;box-sizing:border-box}
.bd-page .form-page{display:grid;grid-template-columns:minmax(0,5fr) minmax(0,7fr);gap:72px;align-items:start}
/* left: the text */
.bd-page .bd-copy{padding-top:6px}
.bd-page .eyebrow{display:inline-flex;align-items:center;gap:8px;margin:0 0 18px;padding:7px 14px 7px 12px;border-radius:999px;background:#e8f0f7;box-shadow:inset 0 0 0 1px #d6e4f4;color:var(--bd-dblue);font-size:13.5px;font-weight:600;line-height:1.2;letter-spacing:.01em}
.bd-page .eyebrow:before{content:"";flex:none;width:16px;height:16px;background:url("data:image/svg+xml,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2024%2024'%20fill%3D'none'%20stroke%3D'%233976bc'%20stroke-width%3D'2'%20stroke-linecap%3D'round'%20stroke-linejoin%3D'round'%3E%3Crect%20x%3D'3'%20y%3D'5'%20width%3D'18'%20height%3D'16'%20rx%3D'2'%2F%3E%3Cpath%20d%3D'M3%2010h18M8%203v4M16%203v4'%2F%3E%3C%2Fsvg%3E") center/16px no-repeat}
.bd-page .title{margin:0;font:700 clamp(34px,3.4vw,50px)/1.12 'DM Sans',system-ui,-apple-system,'Segoe UI',Roboto,sans-serif;letter-spacing:-.025em;color:var(--bd-ink);text-wrap:balance}
.bd-page .lede{margin:18px 0 0;max-width:520px;font-size:17.5px;line-height:1.65;color:var(--bd-txt)}
.bd-page .bd-h{display:flex;align-items:center;gap:12px;margin:40px 0 22px;font:700 18px/1.3 'DM Sans',system-ui,-apple-system,'Segoe UI',Roboto,sans-serif;letter-spacing:-.01em;color:var(--bd-ink)}
.bd-page .bd-h:before{content:"";flex:none;width:28px;height:3px;border-radius:3px;background:var(--bd-amber)}
.bd-page .form-benefits{display:grid;gap:22px;margin:0;padding:0;list-style:none}
.bd-page .form-benefits li{position:relative;display:grid;grid-template-columns:42px minmax(0,1fr);gap:16px;align-items:start;margin:0;padding:0}
.bd-page .form-benefits li:not(:last-child):after{content:"";position:absolute;left:20px;top:48px;bottom:-18px;border-left:2px dashed #c9d8ea}
.bd-page .form-benefits .num{display:flex;align-items:center;justify-content:center;width:42px;height:42px;border-radius:50%;background:linear-gradient(180deg,#4a86cc,var(--bd-blue));color:#fff;font:700 16px/1 'DM Sans',system-ui,-apple-system,'Segoe UI',Roboto,sans-serif;box-shadow:0 0 0 4px #e8f0f7,0 8px 18px rgba(57,118,188,.22)}
.bd-page .form-benefits li>div{padding-top:1px;font-size:16px;line-height:1.5;color:var(--bd-ink)}
.bd-page .form-benefits b{font-weight:700}
.bd-page .bd-sub{font-size:14.5px;color:var(--bd-mut)}
.bd-page .bd-talk{position:relative;max-width:520px;margin:36px 0 0;padding:16px 18px 16px 66px;border:1px solid var(--bd-line);border-radius:16px;background:#fff;box-shadow:0 8px 24px rgba(14,42,77,.05);font-size:14.5px;line-height:1.55;color:var(--bd-txt)}
.bd-page .bd-talk:before{content:"";position:absolute;left:16px;top:50%;width:36px;height:36px;margin-top:-18px;border-radius:10px;background:var(--bd-pale) url("data:image/svg+xml,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2024%2024'%20fill%3D'none'%20stroke%3D'%233976bc'%20stroke-width%3D'1.8'%20stroke-linecap%3D'round'%20stroke-linejoin%3D'round'%3E%3Crect%20x%3D'7'%20y%3D'2.5'%20width%3D'10'%20height%3D'19'%20rx%3D'2'%2F%3E%3Cpath%20d%3D'M11%2018h2'%2F%3E%3C%2Fsvg%3E") center/18px no-repeat;box-shadow:inset 0 0 0 1px #d6e4f4}
/* right: the form card */
.bd-page .form-card{position:relative;margin:0;padding:38px 38px 32px;border:1px solid var(--bd-line);border-radius:22px;background:#fff linear-gradient(90deg,var(--bd-blue),#6aa5e0 55%,var(--bd-amber)) top/100% 4px no-repeat;box-shadow:0 18px 48px rgba(14,42,77,.08)}
.bd-page .field-row{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px 20px;margin:0 0 18px}
.bd-page .field{display:flex;flex-direction:column;gap:7px;min-width:0;margin:0}
.bd-page .form-card>.field{margin:0 0 18px}
.bd-page .field>label:not(.consent){font-size:14px;line-height:1.35;font-weight:600;color:var(--bd-ink)}
.bd-page .req{color:var(--bd-amber);font-weight:700}
.bd-page .hint{margin:0;font-size:13px;line-height:1.45;color:var(--bd-mut)}
/* boxes: icon on the left, blue focus ring */
.bd-page .input{display:block;width:100%;box-sizing:border-box;height:50px;margin:0;padding:0 14px 0 44px;border:1.5px solid var(--bd-line);border-radius:12px;background:#fff var(--bd-i,none) no-repeat 14px 50%/18px 18px;font:400 15.5px/1.4 'DM Sans',system-ui,-apple-system,'Segoe UI',Roboto,sans-serif;color:var(--bd-ink);transition:border-color .15s,box-shadow .15s;-webkit-appearance:none;appearance:none}
.bd-page .input::placeholder{color:var(--bd-ph);opacity:1}
.bd-page .input:hover{border-color:var(--bd-line2)}
.bd-page .input:focus{outline:none;border-color:var(--bd-blue);box-shadow:0 0 0 4px rgba(57,118,188,.14)}
.bd-page .input:user-invalid{border-color:var(--bd-red);box-shadow:0 0 0 4px rgba(214,69,69,.1)}
.bd-page select.input{padding-right:42px;cursor:pointer;background-image:var(--bd-i,none),url("data:image/svg+xml,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2024%2024'%20fill%3D'none'%20stroke%3D'%236b7a90'%20stroke-width%3D'2'%20stroke-linecap%3D'round'%20stroke-linejoin%3D'round'%3E%3Cpath%20d%3D'm6%209%206%206%206-6'%2F%3E%3C%2Fsvg%3E");background-position:14px 50%,right 14px center;background-size:18px 18px,16px 16px;background-repeat:no-repeat}
.bd-page select.input:has(option[value=""]:checked){color:var(--bd-ph)}
.bd-page select.input option{color:var(--bd-ink)}
.bd-page textarea.input{height:auto;min-height:112px;padding:13px 14px 13px 44px;background-position:14px 15px;line-height:1.55;resize:vertical}
.bd-page [name="full_name"]{--bd-i:url("data:image/svg+xml,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2024%2024'%20fill%3D'none'%20stroke%3D'%233976bc'%20stroke-width%3D'1.8'%20stroke-linecap%3D'round'%20stroke-linejoin%3D'round'%3E%3Ccircle%20cx%3D'12'%20cy%3D'8'%20r%3D'4'%2F%3E%3Cpath%20d%3D'M4%2021a8%208%200%200%201%2016%200'%2F%3E%3C%2Fsvg%3E")}
.bd-page [name="mobile"]{--bd-i:url("data:image/svg+xml,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2024%2024'%20fill%3D'none'%20stroke%3D'%233976bc'%20stroke-width%3D'1.8'%20stroke-linecap%3D'round'%20stroke-linejoin%3D'round'%3E%3Crect%20x%3D'7'%20y%3D'2.5'%20width%3D'10'%20height%3D'19'%20rx%3D'2'%2F%3E%3Cpath%20d%3D'M11%2018h2'%2F%3E%3C%2Fsvg%3E")}
.bd-page [name="work_email"]{--bd-i:url("data:image/svg+xml,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2024%2024'%20fill%3D'none'%20stroke%3D'%233976bc'%20stroke-width%3D'1.8'%20stroke-linecap%3D'round'%20stroke-linejoin%3D'round'%3E%3Crect%20x%3D'3'%20y%3D'5'%20width%3D'18'%20height%3D'14'%20rx%3D'2'%2F%3E%3Cpath%20d%3D'm3%207%209%206%209-6'%2F%3E%3C%2Fsvg%3E")}
.bd-page [name="company"]{--bd-i:url("data:image/svg+xml,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2024%2024'%20fill%3D'none'%20stroke%3D'%233976bc'%20stroke-width%3D'1.8'%20stroke-linecap%3D'round'%20stroke-linejoin%3D'round'%3E%3Cpath%20d%3D'M4%2021V5a2%202%200%200%201%202-2h8a2%202%200%200%201%202%202v16'%2F%3E%3Cpath%20d%3D'M16%209h3a1%201%200%200%201%201%201v11'%2F%3E%3Cpath%20d%3D'M3%2021h18'%2F%3E%3Cpath%20d%3D'M8%207h4M8%2011h4M8%2015h4'%2F%3E%3C%2Fsvg%3E")}
.bd-page [name="role"]{--bd-i:url("data:image/svg+xml,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2024%2024'%20fill%3D'none'%20stroke%3D'%233976bc'%20stroke-width%3D'1.8'%20stroke-linecap%3D'round'%20stroke-linejoin%3D'round'%3E%3Crect%20x%3D'3'%20y%3D'7'%20width%3D'18'%20height%3D'13'%20rx%3D'2'%2F%3E%3Cpath%20d%3D'M9%207V5a2%202%200%200%201%202-2h2a2%202%200%200%201%202%202v2M3%2013h18'%2F%3E%3C%2Fsvg%3E")}
.bd-page [name="employees"]{--bd-i:url("data:image/svg+xml,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2024%2024'%20fill%3D'none'%20stroke%3D'%233976bc'%20stroke-width%3D'1.8'%20stroke-linecap%3D'round'%20stroke-linejoin%3D'round'%3E%3Ccircle%20cx%3D'9'%20cy%3D'8'%20r%3D'3.5'%2F%3E%3Cpath%20d%3D'M2.5%2020a6.5%206.5%200%200%201%2013%200'%2F%3E%3Cpath%20d%3D'M16%204.5a3.5%203.5%200%200%201%200%207M18%2014.5a6.5%206.5%200%200%201%203.5%205.5'%2F%3E%3C%2Fsvg%3E")}
.bd-page [name="companies"]{--bd-i:url("data:image/svg+xml,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2024%2024'%20fill%3D'none'%20stroke%3D'%233976bc'%20stroke-width%3D'1.8'%20stroke-linecap%3D'round'%20stroke-linejoin%3D'round'%3E%3Cpath%20d%3D'M12%203%202%208l10%205%2010-5z'%2F%3E%3Cpath%20d%3D'm2%2012.5%2010%205%2010-5'%2F%3E%3Cpath%20d%3D'm2%2017%2010%205%2010-5'%2F%3E%3C%2Fsvg%3E")}
.bd-page [name="locations"]{--bd-i:url("data:image/svg+xml,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2024%2024'%20fill%3D'none'%20stroke%3D'%233976bc'%20stroke-width%3D'1.8'%20stroke-linecap%3D'round'%20stroke-linejoin%3D'round'%3E%3Cpath%20d%3D'M12%2021s7-6.2%207-12a7%207%200%200%200-14%200c0%205.8%207%2012%207%2012z'%2F%3E%3Ccircle%20cx%3D'12'%20cy%3D'9'%20r%3D'2.5'%2F%3E%3C%2Fsvg%3E")}
.bd-page [name="industry"]{--bd-i:url("data:image/svg+xml,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2024%2024'%20fill%3D'none'%20stroke%3D'%233976bc'%20stroke-width%3D'1.8'%20stroke-linecap%3D'round'%20stroke-linejoin%3D'round'%3E%3Cpath%20d%3D'M3%2021V10l6%204V10l6%204V6l6%203v12z'%2F%3E%3Cpath%20d%3D'M3%2021h18'%2F%3E%3C%2Fsvg%3E")}
.bd-page [name="current_payroll"]{--bd-i:url("data:image/svg+xml,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2024%2024'%20fill%3D'none'%20stroke%3D'%233976bc'%20stroke-width%3D'1.8'%20stroke-linecap%3D'round'%20stroke-linejoin%3D'round'%3E%3Cpath%20d%3D'M6%203h12v18l-3-2-3%202-3-2-3%202z'%2F%3E%3Cpath%20d%3D'M9%208h6M9%2012h6'%2F%3E%3C%2Fsvg%3E")}
.bd-page [name="pref_time"]{--bd-i:url("data:image/svg+xml,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2024%2024'%20fill%3D'none'%20stroke%3D'%233976bc'%20stroke-width%3D'1.8'%20stroke-linecap%3D'round'%20stroke-linejoin%3D'round'%3E%3Ccircle%20cx%3D'12'%20cy%3D'12'%20r%3D'9'%2F%3E%3Cpath%20d%3D'M12%207v5l3%202'%2F%3E%3C%2Fsvg%3E")}
.bd-page [name="notes"]{--bd-i:url("data:image/svg+xml,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2024%2024'%20fill%3D'none'%20stroke%3D'%233976bc'%20stroke-width%3D'1.8'%20stroke-linecap%3D'round'%20stroke-linejoin%3D'round'%3E%3Cpath%20d%3D'M4%205h16v11H9l-5%204z'%2F%3E%3Cpath%20d%3D'M8%209h8M8%2012h5'%2F%3E%3C%2Fsvg%3E")}
/* "What would you like to see?" as tick cards */
.bd-page .checks{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px 12px}
.bd-page .check{display:flex;align-items:center;gap:10px;margin:0;padding:12px 14px;border:1.5px solid var(--bd-line);border-radius:12px;background:#fff;font-size:14px;line-height:1.35;font-weight:500;color:var(--bd-ink);cursor:pointer;transition:border-color .15s,background-color .15s}
.bd-page .check:hover{border-color:var(--bd-line2)}
.bd-page .check:has(input:checked){border-color:var(--bd-blue);background:var(--bd-pale)}
.bd-page .check input,.bd-page .consent input{flex:none;width:18px;height:18px;margin:0;accent-color:var(--bd-blue);cursor:pointer}
/* consent */
.bd-page .form-card>.field:has(>.consent){margin:24px 0 20px}
.bd-page .consent{display:block;position:relative;padding:15px 18px 15px 48px;border:1px solid #d6e4f4;border-radius:14px;background:#f7faff;font-size:14px;line-height:1.6;font-weight:400;color:var(--bd-txt);cursor:pointer}
.bd-page .consent input{position:absolute;left:18px;top:18px}
.bd-page .consent a{color:var(--bd-blue);font-weight:500;text-decoration:underline;text-underline-offset:2px}
/* button: the site's amber call-to-action */
.bd-page .form-card button[type="submit"]{display:flex;align-items:center;justify-content:center;gap:10px;width:100%;height:56px;margin:0;padding:0 24px;border:0;border-radius:14px;background:linear-gradient(180deg,#ffa31a,var(--bd-amber));color:#fff;font:600 17px/1 'DM Sans',system-ui,-apple-system,'Segoe UI',Roboto,sans-serif;box-shadow:0 10px 24px rgba(255,153,0,.28);cursor:pointer;transition:transform .15s,box-shadow .15s,background .15s}
.bd-page .form-card button[type="submit"]:after{content:"";width:18px;height:18px;background:url("data:image/svg+xml,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2024%2024'%20fill%3D'none'%20stroke%3D'%23ffffff'%20stroke-width%3D'2.2'%20stroke-linecap%3D'round'%20stroke-linejoin%3D'round'%3E%3Cpath%20d%3D'M5%2012h14M13%206l6%206-6%206'%2F%3E%3C%2Fsvg%3E") center/18px no-repeat;transition:transform .15s}
.bd-page .form-card button[type="submit"]:hover{background:linear-gradient(180deg,#ff9900,#e68a00);transform:translateY(-1px);box-shadow:0 14px 28px rgba(255,153,0,.32)}
.bd-page .form-card button[type="submit"]:hover:after{transform:translateX(3px)}
.bd-page .form-card button[type="submit"]:focus-visible{outline:3px solid rgba(57,118,188,.45);outline-offset:3px}
.bd-page .form-card button[type="submit"]:disabled{opacity:.7;cursor:wait;transform:none}
.bd-page .form-card button[type="submit"]:disabled:after{display:none}
.bd-page .bd-foot{margin:14px 0 0;text-align:center;font-size:13.5px}
.bd-page .bd-foot:before{content:"";display:inline-block;vertical-align:-3px;width:16px;height:16px;margin-right:7px;background:url("data:image/svg+xml,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2024%2024'%20fill%3D'none'%20stroke%3D'%231f9d63'%20stroke-width%3D'2'%20stroke-linecap%3D'round'%20stroke-linejoin%3D'round'%3E%3Cpath%20d%3D'M12%203%205%206v5c0%204.5%203%208.4%207%2010%204-1.6%207-5.5%207-10V6z'%2F%3E%3Cpath%20d%3D'm9%2012%202%202%204-4'%2F%3E%3C%2Fsvg%3E") center/16px no-repeat}
/* the text stays in view while the form scrolls (only when the screen is tall enough to show all of it) */
@media (min-width:1081px) and (min-height:820px){.bd-page .bd-copy{position:sticky;top:120px}}
/* tablet: text on top, form below */
@media (max-width:1080px){.bd-page .form-page{grid-template-columns:minmax(0,1fr);gap:44px}.bd-page .bd-copy{max-width:720px}}
@media (max-width:860px){.bd-page{padding:48px 0 80px}.bd-page .bd-wrap{padding:0 20px}.bd-page .form-card{padding:32px 26px 28px}}
/* phone: one column, 16px side gutter */
@media (max-width:640px){.bd-page{padding:32px 0 64px}.bd-page .bd-wrap{padding:0 16px}
.bd-page .title{font-size:32px}.bd-page .lede{font-size:16px}.bd-page .bd-h{margin-top:32px}.bd-page .bd-talk{padding-left:62px}
.bd-page .form-card{padding:28px 18px 24px;border-radius:18px}
.bd-page .field-row{grid-template-columns:minmax(0,1fr);gap:16px;margin-bottom:16px}.bd-page .form-card>.field{margin-bottom:16px}
.bd-page .input{font-size:16px}
.bd-page .checks{grid-template-columns:minmax(0,1fr)}.bd-page .consent{padding-left:44px}.bd-page .consent input{left:16px}}

.bd-page .rf-ss{position:relative;min-width:0}
.bd-page .rf-ss>select{position:absolute;left:0;top:0;width:100%;height:100%;margin:0;opacity:0;pointer-events:none}
.bd-page .rf-ss-btn{display:flex;align-items:center;text-align:left;cursor:pointer;padding-right:42px;background-image:var(--bd-i,none),url("data:image/svg+xml,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2024%2024'%20fill%3D'none'%20stroke%3D'%236b7a90'%20stroke-width%3D'2'%20stroke-linecap%3D'round'%20stroke-linejoin%3D'round'%3E%3Cpath%20d%3D'm6%209%206%206%206-6'%2F%3E%3C%2Fsvg%3E");background-position:14px 50%,right 14px center;background-size:18px 18px,16px 16px;background-repeat:no-repeat}
.bd-page .rf-ss-val{flex:1 1 auto;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.bd-page .rf-ss.is-empty .rf-ss-val{color:var(--bd-ph)}
.bd-page .rf-ss.is-open .rf-ss-btn,.bd-page .rf-ss:has(>select:focus) .rf-ss-btn{border-color:var(--bd-blue);box-shadow:0 0 0 4px rgba(57,118,188,.14)}
.bd-page .rf-ss.is-open .rf-ss-btn{background-image:var(--bd-i,none),url("data:image/svg+xml,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2024%2024'%20fill%3D'none'%20stroke%3D'%233976bc'%20stroke-width%3D'2'%20stroke-linecap%3D'round'%20stroke-linejoin%3D'round'%3E%3Cpath%20d%3D'm6%2015%206-6%206%206'%2F%3E%3C%2Fsvg%3E")}
.bd-page .rf-ss:has(>select:user-invalid):not(.is-open) .rf-ss-btn{border-color:var(--bd-red);box-shadow:0 0 0 4px rgba(214,69,69,.1)}
.bd-page .rf-ss-pop{position:absolute;left:0;right:0;top:calc(100% + 6px);z-index:40;padding:8px;background:#fff;border:1px solid var(--bd-line);border-radius:14px;box-shadow:0 18px 40px rgba(14,42,77,.16)}
.bd-page .rf-ss.is-up .rf-ss-pop{top:auto;bottom:calc(100% + 6px)}
.bd-page .rf-ss-search{margin:0 0 6px}
.bd-page .rf-ss-q{display:block;width:100%;box-sizing:border-box;height:40px;margin:0;padding:0 12px 0 36px;border:1.5px solid var(--bd-line);border-radius:10px;background:#f7f9fc url("data:image/svg+xml,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2024%2024'%20fill%3D'none'%20stroke%3D'%236b7a90'%20stroke-width%3D'2'%20stroke-linecap%3D'round'%20stroke-linejoin%3D'round'%3E%3Ccircle%20cx%3D'11'%20cy%3D'11'%20r%3D'7'%2F%3E%3Cpath%20d%3D'm20%2020-3.5-3.5'%2F%3E%3C%2Fsvg%3E") no-repeat 11px 50%/16px 16px;font:400 15px/1.4 'DM Sans',system-ui,-apple-system,'Segoe UI',Roboto,sans-serif;color:var(--bd-ink);outline:none;-webkit-appearance:none;appearance:none}
.bd-page .rf-ss-q::placeholder{color:var(--bd-ph);opacity:1}
.bd-page .rf-ss-q:focus{border-color:var(--bd-blue);background-color:#fff}
.bd-page .rf-ss-list{list-style:none;margin:0;padding:0;max-height:248px;overflow-y:auto;overscroll-behavior:contain}
.bd-page .rf-ss-opt{position:relative;margin:0;padding:10px 36px 10px 12px;border-radius:9px;font-size:14.5px;line-height:1.4;color:var(--bd-ink);cursor:pointer}
.bd-page .rf-ss-opt.is-empty{color:var(--bd-ph)}
.bd-page .rf-ss-opt.is-active{background:var(--bd-pale)}
.bd-page .rf-ss-opt[aria-selected="true"]{font-weight:600;color:var(--bd-blue)}
.bd-page .rf-ss-opt[aria-selected="true"]:after{content:"";position:absolute;right:12px;top:50%;width:16px;height:16px;margin-top:-8px;background:url("data:image/svg+xml,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2024%2024'%20fill%3D'none'%20stroke%3D'%233976bc'%20stroke-width%3D'2.4'%20stroke-linecap%3D'round'%20stroke-linejoin%3D'round'%3E%3Cpath%20d%3D'm5%2012.5%204.5%204.5L19%207.5'%2F%3E%3C%2Fsvg%3E") center/16px no-repeat}
.bd-page .rf-ss-opt mark{background:#fff1dc;color:inherit;border-radius:3px;padding:0 1px}
.bd-page .rf-ss-none{padding:12px;text-align:center;font-size:14px;color:var(--bd-mut)}
@media (max-width:640px){.bd-page .rf-ss-q{font-size:16px}.bd-page .rf-ss-list{max-height:220px}}
/* background = pricing top section */
.bd-page{isolation:isolate;background:#fffdf9}
.bd-page .bd-wrap{position:relative;z-index:1}
.bd-page .bd-decor{position:absolute;inset:0;z-index:0;overflow:hidden;pointer-events:none}
.bd-page .bd-blob{position:absolute;border-radius:50%;filter:blur(8px)}
.bd-page .bd-blob.b1{width:560px;height:380px;left:-190px;top:300px;background:radial-gradient(closest-side,rgba(57,118,188,.16),rgba(57,118,188,0))}
.bd-page .bd-blob.b2{width:620px;height:420px;right:-200px;bottom:-230px;background:radial-gradient(closest-side,rgba(255,153,0,.14),rgba(255,153,0,0))}
.bd-page .bd-blob.b3{width:520px;height:360px;right:-170px;top:-200px;background:radial-gradient(closest-side,rgba(224,48,127,.08),rgba(224,48,127,0))}
.bd-page .bd-dots{position:absolute;background-image:radial-gradient(circle,currentColor 1.6px,transparent 2px);background-size:18px 18px}
.bd-page .bd-dots.d1{left:28px;top:640px;width:162px;height:54px;color:rgba(57,118,188,.28)}
.bd-page .bd-dots.d2{display:none;right:34px;top:300px;width:54px;height:108px;color:rgba(255,153,0,.32)}
.bd-page .bd-wave{position:absolute;left:-140px;top:700px;width:760px;height:180px;border-top:1.5px solid rgba(255,153,0,.32);border-radius:50%;transform:rotate(-5deg)}
@media (min-width:1440px){.bd-page .bd-dots.d2{display:block}}
@media (max-width:900px){.bd-page .bd-dots.d1{width:126px;height:36px}.bd-page .bd-wave{opacity:.6}}
@media (max-width:600px){.bd-page .bd-wave{display:none}.bd-page .bd-dots.d1{left:12px;width:90px;height:36px}.bd-page .bd-blob.b1,.bd-page .bd-blob.b2{width:340px;height:260px}}
/* heading = pricing heading style */
.bd-page .title{position:relative;font:700 clamp(36px,3.9vw,56px)/1.08 'DM Sans',system-ui,-apple-system,'Segoe UI',Roboto,sans-serif;letter-spacing:-.035em!important;color:var(--bd-ink)}
.bd-page .title .bd-ac{position:relative;color:var(--bd-blue);white-space:nowrap}
.bd-page .title .bd-ac:after{content:"";position:absolute;left:-3%;right:6%;bottom:-.2em;height:.3em;border-bottom:.075em solid #ffbf47;border-radius:0 0 50% 50%/0 0 100% 100%;transform:rotate(-1.4deg);opacity:.75;pointer-events:none}
.bd-page .bd-sp{position:absolute;width:.5em;height:.5em;pointer-events:none}
.bd-page .bd-sp.l{display:none;left:-.62em;top:-.22em}
.bd-page .bd-sp.r{right:-.62em;top:.08em}
.bd-page .bd-sp i{position:absolute;width:.075em;height:.3em;border-radius:1em;transform-origin:50% 100%;margin:-.3em 0 0 -.0375em}
.bd-page .bd-sp.l i{left:100%;top:100%;background:var(--bd-amber)}
.bd-page .bd-sp.r i{left:0;top:100%;background:#ffbf47}
.bd-page .bd-sp.l i:nth-child(1){transform:rotate(-18deg) translateY(-.16em)}
.bd-page .bd-sp.l i:nth-child(2){transform:rotate(-52deg) translateY(-.16em)}
.bd-page .bd-sp.l i:nth-child(3){transform:rotate(-86deg) translateY(-.16em)}
.bd-page .bd-sp.r i:nth-child(1){transform:rotate(28deg) translateY(-.16em)}
.bd-page .bd-sp.r i:nth-child(2){transform:rotate(68deg) translateY(-.16em)}
.bd-page .bd-sp.r i:nth-child(3){transform:rotate(108deg) translateY(-.16em)}
@media (min-width:1360px){.bd-page .bd-sp.l{display:block}}
.bd-page .lede{margin-top:24px;font-size:clamp(17px,1.4vw,20px);line-height:1.55;color:#3d4a60;text-wrap:pretty}
/* the home rule h1 span{} puts a pale-blue band and the brand colour under every heading span: undone here, as on pricing (D-057) */
.bd-page .title span{background:none;padding:0}
.bd-page .title .bd-sp{color:inherit}
@media (max-width:600px){.bd-page .title{font-size:34px}.bd-page .bd-sp{display:none!important}.bd-page .lede{margin-top:18px}}

#hd.hd{transition:border-color .2s,box-shadow .2s,background-color .25s}
@supports ((backdrop-filter:blur(1px)) or (-webkit-backdrop-filter:blur(1px))){
#hd.hd.sc{background:rgba(255,255,255,.72);background:color-mix(in srgb,var(--bg) 72%,transparent);-webkit-backdrop-filter:saturate(180%) blur(16px);backdrop-filter:saturate(180%) blur(16px);border-bottom-color:color-mix(in srgb,var(--line) 70%,transparent);box-shadow:0 8px 28px rgba(14,42,77,.07)}
}

#product.px-sc .px-track{height:calc(100vh - 88px + 300vh)}
#product .px-lap{--bz:12px;position:sticky;top:104px;min-width:0;padding:var(--bz) var(--bz) 18px;border-radius:24px 24px 8px 8px;background:linear-gradient(180deg,#2c3648,#141b28);box-shadow:inset 0 0 0 1px rgba(255,255,255,.09),0 40px 80px rgba(0,0,0,.45)}
#product .px-lap:before{content:"";position:absolute;top:4px;left:50%;width:5px;height:5px;margin-left:-2.5px;border-radius:50%;background:#45536a;box-shadow:0 0 0 1.5px #0e1420}
#product .px-lap .px-win{position:relative;top:auto;border:0;border-radius:12px 12px 4px 4px;box-shadow:none}
#product .px-base{position:absolute;left:-6%;right:-6%;bottom:-16px;height:16px;border-radius:2px 2px 18px 18px/2px 2px 14px 14px;background:linear-gradient(180deg,#eef2f7 0,#c7cfda 45%,#8e98a8 100%);box-shadow:0 18px 30px rgba(0,0,0,.4)}
#product .px-base:before{content:"";position:absolute;left:50%;top:0;width:15%;height:6px;transform:translateX(-50%);border-radius:0 0 10px 10px;background:linear-gradient(180deg,#9aa4b3,#bfc7d2)}
#product .px-lap{margin-bottom:16px}
#product .px-lap:after{content:"";position:absolute;left:var(--bz);right:var(--bz);top:var(--bz);bottom:18px;border-radius:12px 12px 4px 4px;pointer-events:none;opacity:0;background:linear-gradient(105deg,transparent 38%,rgba(255,255,255,.55) 50%,transparent 62%);background-size:260% 100%;background-position:130% 0}
#product .px-lap.flip:after{animation:pxSheen .85s ease-out}
@keyframes pxSheen{0%{opacity:1;background-position:130% 0}100%{opacity:0;background-position:-30% 0}}
#product .px-bar{position:relative}
#product .px-cnt{margin-left:auto;flex:none;font:600 12px/1 'DM Sans',system-ui,sans-serif;letter-spacing:.06em;font-variant-numeric:tabular-nums;color:var(--muted);padding:7px 10px;border-radius:8px;background:var(--bg);border:1px solid var(--line)}
#product .px-pr{position:absolute;left:0;right:0;bottom:-1px;height:2px}
#product .px-pr u{display:block;height:100%;width:0;border-radius:0 2px 2px 0;background:linear-gradient(90deg,#3976bc,#ff9900);transition:width .45s cubic-bezier(.2,.7,.2,1)}
#product .px-main{transition:opacity .32s ease,transform .32s cubic-bezier(.2,.7,.2,1),filter .32s ease}
#product .px-main.out{opacity:0;transform:translateY(14px) scale(.985);filter:blur(3px)}
#product .px-desc{display:none}
#product.px-sc .px-lap{position:relative;top:auto}
#product.px-sc .px-lap .px-win{max-height:calc(100vh - 112px - 46px)}
@media (max-width:860px){
#product .px-grid{gap:0}
#product .px-nav{position:relative;flex-direction:row;gap:8px;overflow-x:auto;scroll-snap-type:x proximity;scrollbar-width:none;margin:0 -20px;padding:6px 20px 10px;-webkit-mask-image:linear-gradient(90deg,transparent,#000 18px,#000 calc(100% - 18px),transparent);mask-image:linear-gradient(90deg,transparent,#000 18px,#000 calc(100% - 18px),transparent)}
#product .px-nav::-webkit-scrollbar{display:none}
#product .px-it{flex:0 0 auto;scroll-snap-align:center;border-radius:999px;border:1px solid var(--line);background:rgba(255,255,255,.05)}
#product .px-it>button{padding:6px 14px 6px 6px;gap:9px;font-size:14px;border-radius:999px;white-space:nowrap}
#product .px-it.on>button{font-size:14px}
#product .px-ic{width:28px;height:28px;border-radius:999px}
#product .px-ch,#product .px-x{display:none}
#product .px-it.on{box-shadow:0 8px 20px rgba(0,0,0,.3)}
#product .px-desc{display:block;margin:10px 0 22px;padding:16px 18px;border-radius:18px;border:1px solid var(--line);background:rgba(255,255,255,.05);animation:pxDin .35s ease both}
#product .px-desc .px-go{margin-top:12px}
#product .px-lap{--bz:8px;position:relative;top:auto;padding-bottom:12px;border-radius:18px 18px 6px 6px;margin:0 4% 14px}
#product .px-lap:before{top:2px;width:4px;height:4px;margin-left:-2px}
#product .px-lap:after{bottom:12px}
#product .px-base{height:12px;bottom:-12px}
#product .px-lap .px-win{height:440px}
#product .px-lap .px-win:after{content:"";position:absolute;left:0;right:0;bottom:0;height:90px;background:linear-gradient(rgba(255,255,255,0),#fff);pointer-events:none}
#product .px-url{max-width:46%}
}
@media (max-width:860px){#product .px-it.on{background:#fff;border-color:#fff}}
@media (min-width:861px){#product:not(.px-sc) .px-lap .px-win{max-height:max(420px,calc(100vh - 150px))}#product:not(.px-sc) .px-lap .px-win:after{content:"";position:absolute;left:0;right:0;bottom:0;height:70px;background:linear-gradient(rgba(255,255,255,0),#fff);pointer-events:none}}
@keyframes pxDin{from{opacity:0;transform:translateY(6px)}}
@media (prefers-reduced-motion:reduce){#product .px-lap.flip:after,#product .px-desc{animation:none}#product .px-main,#product .px-pr u{transition:none}#product .px-main.out{filter:none;transform:none}}

#clients{overflow-x:clip}
@supports ((backdrop-filter:blur(1px)) or (-webkit-backdrop-filter:blur(1px))){
#hd.hd.sc.dk{background:rgba(255,255,255,.9);background:color-mix(in srgb,var(--bg) 90%,transparent)}
}
.hm-rv{opacity:0;transform:translateY(22px);transition:opacity .7s ease,transform .7s cubic-bezier(.2,.7,.2,1);transition-delay:var(--hmd,0s)}
.hm-rv.hm-in{opacity:1;transform:none}
@media (prefers-reduced-motion:reduce){.hm-rv{opacity:1;transform:none;transition:none}}

#product .px-lap{box-shadow:inset 0 0 0 1px rgba(255,255,255,.09),inset 0 1px 0 rgba(255,255,255,.16),0 30px 60px rgba(0,0,0,.42),0 0 110px rgba(57,118,188,.32)}
#product .px-base:after{content:"";position:absolute;left:8%;right:8%;top:100%;height:26px;border-radius:50%;background:radial-gradient(closest-side,rgba(0,0,0,.45),transparent);pointer-events:none}
@media (min-width:861px){
#product .px-grid{column-gap:48px}
#product .px-lap{width:min(100%,780px,max(520px,calc((100vh - 300px) * 1.6)));justify-self:center;margin:0 auto 16px}
#product .px-lap .px-win,#product.px-sc .px-lap .px-win,#product:not(.px-sc) .px-lap .px-win{aspect-ratio:16/10;height:auto;max-height:none;zoom:.8}
#product .px-lap .px-win:after{content:"";position:absolute;left:0;right:0;bottom:0;height:60px;background:linear-gradient(rgba(255,255,255,0),#fff);pointer-events:none}
}
@media (max-width:860px){#product .px-lap .px-win{height:auto;aspect-ratio:16/10.5;zoom:.8}}
@media (max-width:860px){#product .px-lap{margin-left:max(4%,calc((100% - 620px) / 2));margin-right:max(4%,calc((100% - 620px) / 2))}}
@media (max-width:560px){#product .px-lap .px-win{aspect-ratio:1/1;zoom:.72}}

#product.px{background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='160' height='160'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.85' numOctaves='3' stitchTiles='stitch'/%3E%3CfeColorMatrix values='0 0 0 0 1 0 0 0 0 1 0 0 0 0 1 0 0 0 .07 0'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E") 0 0/160px 160px,radial-gradient(rgba(255,255,255,.075) 1px,transparent 1.5px) 0 0/26px 26px,linear-gradient(180deg,#0a1a2f 0%,#0e2a4d 50%,#0a1a2f 100%)}
#product:not(.px-sc) .px-stick{position:relative}
#product .px-stick:before,#product .px-stick:after{content:"";position:absolute;z-index:-1;border-radius:50%;pointer-events:none;will-change:transform}
#product .px-stick:before{width:62vw;height:62vw;max-width:820px;max-height:820px;right:-8%;top:50%;margin-top:-31vw;background:radial-gradient(closest-side,rgba(57,118,188,.30),rgba(57,118,188,.10) 55%,transparent);animation:pxAur1 22s ease-in-out infinite alternate}
#product .px-stick:after{width:46vw;height:46vw;max-width:620px;max-height:620px;left:-10%;bottom:-6%;background:radial-gradient(closest-side,rgba(255,153,0,.16),rgba(255,153,0,.05) 55%,transparent);animation:pxAur2 26s ease-in-out infinite alternate}
@keyframes pxAur1{0%{transform:translate(0,0) scale(1)}50%{transform:translate(-6%,8%) scale(1.08)}100%{transform:translate(4%,-6%) scale(.96)}}
@keyframes pxAur2{0%{transform:translate(0,0) scale(1)}50%{transform:translate(10%,-8%) scale(1.1)}100%{transform:translate(-4%,6%) scale(.95)}}
#product .px-main{transition:opacity .38s cubic-bezier(.4,0,.2,1),transform .38s cubic-bezier(.4,0,.2,1),filter .38s ease}
#product .px-main>*,#product .px-mt>*{animation:pxRise .6s cubic-bezier(.2,.75,.25,1) both}
#product .px-main>:nth-child(2){animation-delay:.06s}#product .px-main>:nth-child(3){animation-delay:.12s}#product .px-main>:nth-child(4){animation-delay:.18s}#product .px-main>:nth-child(n+5){animation-delay:.24s}
#product .px-mt>:nth-child(1){animation-delay:.14s}#product .px-mt>:nth-child(2){animation-delay:.19s}#product .px-mt>:nth-child(3){animation-delay:.24s}#product .px-mt>:nth-child(4){animation-delay:.29s}#product .px-mt>:nth-child(n+5){animation-delay:.34s}
@keyframes pxRise{from{opacity:0;transform:translateY(12px)}}
#product .px-it{transition:background .35s ease,border-color .35s ease,box-shadow .45s ease}
#product .px-it.on{box-shadow:0 14px 34px rgba(0,0,0,.4),0 0 0 4px rgba(111,163,220,.14),0 0 46px rgba(57,118,188,.35)}
#product .px-ic{transition:background .35s ease,color .35s ease}
#product .px-it.on .px-ic{background:linear-gradient(135deg,#3976bc,#154d8e);color:#fff}
@media (min-width:861px){
#product .px-lap{animation:pxFloat 6s ease-in-out infinite;transform:perspective(1400px) rotateX(var(--rx,0deg)) rotateY(var(--ry,0deg));transform-style:flat}
@keyframes pxFloat{0%,100%{translate:0 0}50%{translate:0 -8px}}
}
@media (max-width:860px){#product .px-it.on{box-shadow:0 8px 20px rgba(0,0,0,.3),0 0 26px rgba(57,118,188,.35)}}
@media (prefers-reduced-motion:reduce){#product .px-stick:before,#product .px-stick:after,#product .px-main>*,#product .px-mt>*,#product .px-lap{animation:none}#product .px-lap{transform:none}}

main .hm-glow{position:absolute;left:0;right:0;top:0;bottom:10%;z-index:-1;overflow:hidden;pointer-events:none}
main .hm-glow i{position:absolute;border-radius:50%;will-change:transform}
main .hm-glow i:nth-child(1){width:560px;height:560px;left:2%;top:-160px;background:radial-gradient(closest-side,rgba(57,118,188,.16),rgba(57,118,188,.05) 60%,transparent);animation:hmG1 20s ease-in-out infinite alternate}
main .hm-glow i:nth-child(2){width:520px;height:520px;right:0;top:40px;background:radial-gradient(closest-side,rgba(255,153,0,.13),rgba(255,153,0,.04) 60%,transparent);animation:hmG2 24s ease-in-out infinite alternate}
@keyframes hmG1{0%{transform:translate(0,0) scale(1)}50%{transform:translate(12%,10%) scale(1.08)}100%{transform:translate(-4%,16%) scale(.95)}}
@keyframes hmG2{0%{transform:translate(0,0) scale(1)}50%{transform:translate(-14%,8%) scale(1.1)}100%{transform:translate(-6%,-8%) scale(.96)}}
main>.badge,main>h1,main>.lead,main>.cta,main>.trust{animation:hmIn .8s cubic-bezier(.2,.7,.2,1) backwards}
main>h1{animation-delay:.1s}main>.lead{animation-delay:.22s}main>.cta{animation-delay:.5s}main>.trust{animation-delay:.62s}
@keyframes hmIn{from{opacity:0;transform:translateY(18px)}}
main>.badge:before{animation:hmPing 2.8s ease-out 1.2s infinite}
@keyframes hmPing{0%{box-shadow:0 0 0 0 rgba(57,118,188,.45)}70%,100%{box-shadow:0 0 0 7px rgba(57,118,188,0)}}
main h1 .op{animation:hmMark .9s cubic-bezier(.6,0,.2,1) .75s backwards}
@keyframes hmMark{from{background-size:0 18%}}
main .cta .btn.p{position:relative;background-image:linear-gradient(110deg,transparent 35%,rgba(255,255,255,.42) 50%,transparent 65%);background-size:250% 100%;background-repeat:no-repeat;background-position:160% 0;animation:hmShine 5s ease-in-out 2.2s infinite}
@keyframes hmShine{0%{background-position:160% 0}28%,100%{background-position:-60% 0}}
main .card svg{transition:transform .3s cubic-bezier(.2,.7,.2,1),box-shadow .3s}
main .card:hover svg{transform:translateY(-3px) scale(1.06);box-shadow:0 10px 20px rgba(14,42,77,.12)}
@media (min-width:1101px){main .dots{display:none}}
main .dots .m i{width:8px;height:8px;border-radius:99px;background:var(--line)}
main .dots .m i.on{width:22px;background:var(--brand)}
@media (max-width:860px){main .hm-glow i:nth-child(1){width:340px;height:340px;left:-30%;top:-80px}main .hm-glow i:nth-child(2){width:320px;height:320px;right:-30%;top:180px}}
@media (prefers-reduced-motion:reduce){main .hm-glow i,main>.badge,main>h1,main>.lead,main>.cta,main>.trust,main>.badge:before,main h1 .op,main .cta .btn.p{animation:none}main .card svg{transition:none}main .card:hover svg{transform:none}}

.ix-dlg.bd-page{position:fixed;width:min(600px,calc(100vw - 32px));max-width:none;max-height:calc(100vh - 32px);max-height:calc(100dvh - 32px);margin:auto;padding:0;border:0;background:transparent;overflow:auto;overscroll-behavior:contain;isolation:auto}
.ix-dlg::backdrop{background:rgba(14,42,77,.55);-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px)}
.ix-dlg .form-card{padding:34px 34px 28px}
.ix-dlg .ix-dlg-t{margin:0 52px 22px 0;font-size:clamp(24px,2.4vw,30px);line-height:1.2;font-weight:400;color:var(--bd-ink);text-wrap:balance}
.ix-dlg .ix-dlg-x{position:absolute;right:16px;top:18px;display:flex;align-items:center;justify-content:center;width:40px;height:40px;padding:0;border:1px solid var(--bd-line);border-radius:50%;background:#fff;color:var(--bd-ink);cursor:pointer;transition:background-color .15s,border-color .15s}
.ix-dlg .ix-dlg-x svg{width:18px;height:18px;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round}
.ix-dlg .ix-dlg-x:hover{background:var(--bd-pale);border-color:var(--bd-line2)}
.ix-dlg .ix-dlg-x:focus-visible{outline:3px solid rgba(57,118,188,.45);outline-offset:2px}
.ix-dlg textarea.input{min-height:96px}
.ix-dlg[open]{animation:ixDlgIn .3s cubic-bezier(.2,.7,.2,1)}
.ix-dlg[open]::backdrop{animation:ixDlgFade .3s ease}
@keyframes ixDlgIn{from{opacity:0;transform:translateY(16px) scale(.98)}}
@keyframes ixDlgFade{from{opacity:0}}
html.ix-dlg-on{overflow:hidden;scrollbar-gutter:stable}
@media (max-width:640px){.ix-dlg .form-card{padding:26px 18px 22px}.ix-dlg .ix-dlg-t{margin-right:48px;font-size:24px}.ix-dlg .ix-dlg-x{right:12px;top:14px}}
@media (prefers-reduced-motion:reduce){.ix-dlg[open],.ix-dlg[open]::backdrop{animation:none}}

.ix-dlg.bd-page{width:min(1000px,calc(100vw - 32px))}
.ix-dlg[open]{display:grid;grid-template-columns:minmax(0,5fr) minmax(0,7fr);align-items:stretch}
.ix-dlg .ix-dlg-media{position:relative;overflow:hidden;min-height:100%;border-radius:22px 0 0 22px;background:color-mix(in srgb,var(--ix-ac,#3976bc) 9%,#fff)}
.ix-dlg .ix-dlg-media img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;color:transparent}
.ix-dlg .ix-dlg-media:after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(14,42,77,0) 55%,rgba(14,42,77,.28));pointer-events:none}
.ix-dlg .ix-dlg-media .ix-ph{position:absolute;inset:0;display:none;align-items:center;justify-content:center}
.ix-dlg .ix-dlg-media .ix-ph svg{width:30%;max-width:110px;height:auto;fill:none;stroke:var(--ix-ac,#3976bc);stroke-width:1.1;stroke-linecap:round;stroke-linejoin:round;opacity:.5}
.ix-dlg .ix-dlg-media.ix-noimg img,.ix-dlg .ix-dlg-media.ix-noimg:after{display:none}
.ix-dlg .ix-dlg-media.ix-noimg .ix-ph{display:flex}
.ix-dlg .form-card{border-left:0;border-radius:0 22px 22px 0;box-shadow:none}
@media (max-width:900px){.ix-dlg.bd-page{width:min(600px,calc(100vw - 32px))}
.ix-dlg[open]{grid-template-columns:minmax(0,1fr)}
.ix-dlg .ix-dlg-media{height:140px;min-height:0;border-radius:22px 22px 0 0}
.ix-dlg .form-card{border-left:1px solid var(--bd-line);border-top:0;border-radius:0 0 22px 22px}}
@media (max-width:640px){.ix-dlg .ix-dlg-media{height:120px;border-radius:18px 18px 0 0}.ix-dlg .form-card{border-radius:0 0 18px 18px}}

.site-footer h2{color:#fff;font-family:'DM Sans',system-ui,-apple-system,'Segoe UI',Roboto,Arial,sans-serif;font-size:.875rem;font-weight:700;line-height:1.25;margin-bottom:1rem;text-transform:uppercase;letter-spacing:.08em!important;font-synthesis:initial}
.site-footer h2::after{content:"";display:block;width:22px;height:2px;border-radius:2px;background:#ff9900;margin-top:10px}

.card h2{font-size:15px;font-weight:600;margin:12px 0 6px;line-height:1.3;font-family:inherit;letter-spacing:inherit!important;font-synthesis:inherit}
.pricing-section .pc-name{letter-spacing:-.02em!important;font-synthesis:initial}
.px-side .px-sh{display:block;margin:12px 6px 4px;font-size:10.5px;font-weight:600;color:var(--ink)}
.px-side .px-sh:first-child{margin-top:0}
.px-ph .px-tt{display:block;margin:0;font-size:24px;font-weight:700;letter-spacing:-.02em}
.px-card .px-ct{display:block;margin:0 0 10px;font-size:13px;font-weight:600}
.px-sc .px-ph .px-tt{font-size:20px}
.px-sc .px-card .px-ct{margin-bottom:6px}
.px-card .px-ct+.px-rw{border-top:0}

.ix-dlg::backdrop{background:rgba(8,22,42,.8)}
.nf{--nf-ink:#0e2a4d;--nf-txt:#3d4a60;--nf-blue:#3976bc;--nf-blue2:#5b9ad8;--nf-pale:#e8f0f7;--nf-amber:#ff9900;position:relative;isolation:isolate;overflow:hidden;color-scheme:light;background:#fff;color:var(--nf-ink)}
.nf:before{content:"";position:absolute;inset:0;z-index:-1;pointer-events:none;background:radial-gradient(ellipse 46% 60% at 100% 0,#eaf2fe 0,rgba(234,242,254,0) 70%),radial-gradient(ellipse 40% 50% at 0 100%,#e8f0f7 0,rgba(232,240,247,0) 70%)}
.nf .nf-in{display:grid;grid-template-columns:minmax(0,44fr) minmax(0,56fr);align-items:center;gap:40px;max-width:1280px;margin:0 auto;padding:40px 32px 72px;box-sizing:border-box}
body:has(>section.nf){display:flex;flex-direction:column;min-height:100vh;min-height:100svh}
body>section.nf{flex:1 0 auto;display:flex;align-items:center;min-height:calc(100vh - 87px);min-height:calc(100svh - 87px)}
.nf>.nf-in{width:100%}
.nf .nf-body{min-width:0}
.nf .nf-code{position:relative;display:inline-flex;align-items:flex-end;margin:0 0 6px 6px;font:700 clamp(112px,13vw,200px)/.86 'DM Sans',system-ui,-apple-system,'Segoe UI',Roboto,sans-serif;letter-spacing:-.05em;user-select:none}
.nf .nf-4{background:linear-gradient(180deg,var(--nf-blue) 0,var(--nf-blue2) 100%);-webkit-background-clip:text;background-clip:text;color:transparent;text-shadow:none}
.nf .nf-0{color:var(--nf-pale);margin:0 .02em}
.nf .nf-spark{position:absolute;width:.3em;height:.3em;fill:none;stroke:var(--nf-blue);stroke-width:5;stroke-linecap:round}
.nf .nf-spark-l{left:-.2em;top:-.12em}
.nf .nf-spark-r{right:-.24em;top:-.08em}
.nf h1.title{font-family:'DM Sans',system-ui,-apple-system,'Segoe UI',Roboto,sans-serif;font-size:clamp(34px,3.4vw,52px);line-height:1.12;font-weight:700;letter-spacing:-.03em!important;color:var(--nf-ink);margin:18px 0 0;max-width:none;text-align:left;text-wrap:balance}
.nf .lede{font-size:clamp(16px,1.3vw,19px);line-height:1.6;color:var(--nf-txt);max-width:520px;margin:16px 0 0;text-align:left;text-wrap:pretty}
.nf .btnrow{display:flex;flex-wrap:wrap;gap:16px;margin-top:34px}
.nf .btnrow .btn{display:inline-flex;align-items:center;justify-content:center;gap:12px;box-sizing:border-box;min-width:190px;height:56px;padding:0 30px;border-radius:14px;font:600 17px/1 'DM Sans',system-ui,-apple-system,'Segoe UI',Roboto,sans-serif;text-decoration:none;transition:background .15s,border-color .15s,transform .15s,box-shadow .15s}
.nf .btnrow .btn svg{width:20px;height:20px;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round;transition:transform .15s}
.nf .btnrow .btn-primary{background:var(--nf-amber);border:1.5px solid var(--nf-amber);color:#fff;box-shadow:0 10px 24px rgba(255,153,0,.28)}
.nf .btnrow .btn-primary:hover{background:#e68a00;border-color:#e68a00;transform:translateY(-1px)}
.nf .btnrow .btn-primary:hover svg{transform:translateX(3px)}
.nf .btnrow .btn-outline{background:#fff;border:1.5px solid #d9e2ec;color:var(--nf-ink)}
.nf .btnrow .btn-outline:hover{border-color:var(--nf-blue);color:var(--nf-blue);background:#fff}
.nf .btnrow .btn:focus-visible{outline:3px solid rgba(57,118,188,.45);outline-offset:3px}
.nf .nf-art{min-width:0}
.nf .nf-svg{display:block;width:100%;height:auto;max-width:720px;margin:0 auto;overflow:hidden;mix-blend-mode:multiply;-webkit-mask-image:linear-gradient(90deg,transparent 0,#000 7%,#000 93%,transparent 100%),linear-gradient(180deg,transparent 0,#000 9%,#000 88%,transparent 100%);-webkit-mask-composite:source-in;mask-image:linear-gradient(90deg,transparent 0,#000 7%,#000 93%,transparent 100%),linear-gradient(180deg,transparent 0,#000 9%,#000 88%,transparent 100%);mask-composite:intersect}
.nf .nf-push{transform-box:view-box;transform-origin:52% 62%;animation:nfPush 16s ease-in-out infinite alternate}
.nf .nf-draw{stroke-dasharray:1 1;stroke-dashoffset:1;animation:nfDraw 8s linear infinite}
.nf .nf-path{animation:nfFade 8s linear infinite}
.nf .nf-q{transform-box:fill-box;transform-origin:50% 100%;animation:nfQ 8s ease-in-out infinite}
.nf .nf-qm{transform-box:fill-box;transform-origin:0 100%;animation:nfQm 8s ease-in-out infinite}
.nf .nf-burst{transform-box:fill-box;transform-origin:30% 100%;animation:nfBurst 8s ease-in-out infinite}
.nf .nf-spark{animation:nfSpark 8s ease-in-out infinite}
@keyframes nfPush{from{transform:scale(1)}to{transform:scale(1.04)}}
@keyframes nfDraw{0%,4%{stroke-dashoffset:1}36%,100%{stroke-dashoffset:0}}
@keyframes nfFade{0%,88%{opacity:1}96%,100%{opacity:0}}
@keyframes nfQ{0%,34%{opacity:0;transform:translateY(24px) scale(.5)}40%{opacity:1;transform:translateY(0) scale(1.1)}44%{transform:scale(1)}52%{transform:rotate(-7deg)}60%{transform:rotate(6deg)}68%{transform:rotate(-3deg)}76%{transform:rotate(0)}88%{opacity:1}96%,100%{opacity:0;transform:rotate(0)}}
@keyframes nfQm{0%,40%{opacity:0;transform:scale(.4)}46%{opacity:1;transform:scale(1.15)}50%{transform:scale(1)}62%{opacity:.35}68%{opacity:1}88%{opacity:1}96%,100%{opacity:0}}
@keyframes nfBurst{0%,52%{opacity:0;transform:scale(.4)}58%{opacity:1;transform:scale(1.15)}62%{transform:scale(1)}72%{opacity:.4}78%{opacity:1}88%{opacity:1}96%,100%{opacity:0}}
@keyframes nfSpark{0%,40%,60%,100%{opacity:1}50%{opacity:.35}}
@media (prefers-reduced-motion:reduce){.nf .nf-push,.nf .nf-draw,.nf .nf-path,.nf .nf-q,.nf .nf-qm,.nf .nf-burst,.nf .nf-spark{animation:none}.nf .nf-draw{stroke-dashoffset:0}}
@media (max-width:1080px){.nf .nf-in{gap:24px}.nf .btnrow .btn{min-width:170px}}
@media (max-width:860px){body>section.nf{min-height:0}.nf .nf-in{grid-template-columns:minmax(0,1fr);gap:8px;padding:28px 20px 56px}.nf .nf-svg{max-width:560px}}
@media (max-width:560px){.nf .nf-in{padding:20px 16px 48px}.nf .nf-code{font-size:104px}.nf h1.title{font-size:30px}.nf .lede{font-size:16px}
.nf .btnrow{flex-direction:column;align-items:stretch;gap:12px}.nf .btnrow .btn{width:100%;min-width:0}}

.nf .nf-vid{width:100%;max-width:720px;margin:0 auto;aspect-ratio:1012/720;overflow:hidden;mix-blend-mode:multiply;-webkit-mask-image:linear-gradient(90deg,transparent 0,#000 7%,#000 93%,transparent 100%),linear-gradient(180deg,transparent 0,#000 9%,#000 88%,transparent 100%);-webkit-mask-composite:source-in;mask-image:linear-gradient(90deg,transparent 0,#000 7%,#000 93%,transparent 100%),linear-gradient(180deg,transparent 0,#000 9%,#000 88%,transparent 100%);mask-composite:intersect}
.nf .nf-vid video{display:block;width:100%;height:100%;object-fit:cover;object-position:50% 50%;background:#fff}
@media (max-width:860px){.nf .nf-vid{max-width:560px}}

.nf{background:radial-gradient(ellipse 46% 60% at 100% 0,#eaf2fe 0,rgba(234,242,254,0) 70%),radial-gradient(ellipse 40% 50% at 0 100%,#e8f0f7 0,rgba(232,240,247,0) 70%),#fff}
.nf:before,.nf:after{content:"";position:absolute;inset:0;z-index:-1;pointer-events:none;-webkit-mask-image:radial-gradient(ellipse 80% 90% at 50% 46%,#000 25%,transparent 78%);mask-image:radial-gradient(ellipse 80% 90% at 50% 46%,#000 25%,transparent 78%)}
.nf:before{background:radial-gradient(color-mix(in srgb,#3976bc 34%,transparent) 1.6px,transparent 2px) -24px -24px/48px 48px,linear-gradient(#ececf2 1px,transparent 1px) 0 0/48px 48px,linear-gradient(90deg,#ececf2 1px,transparent 1px) 0 0/48px 48px}
.nf:after{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='160' height='160'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.85' numOctaves='2' stitchTiles='stitch'/%3E%3CfeColorMatrix values='0 0 0 0 .42 0 0 0 0 .3 0 0 0 0 .6 0 0 0 .6 0'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E");opacity:.08}
.nf .nf-top{position:absolute;top:0;left:0;right:0;z-index:1;max-width:1280px;margin:0 auto;padding:20px 32px;box-sizing:border-box}
body>section.nf{min-height:100vh;min-height:100svh}
.nf .nf-in{padding-top:96px}
@media (max-width:860px){body>section.nf{min-height:0}.nf .nf-top{padding:16px 20px}.nf .nf-in{padding-top:76px}}
@media (max-width:700px){.nf:before{background-size:36px 36px,36px 36px,36px 36px;background-position:-18px -18px,0 0,0 0}}
@media (max-width:560px){.nf .nf-in{padding-top:72px}}

.nw-act{justify-content:flex-end}

.hz-in{max-width:1240px}
@media (min-width:801px){.hz-body{grid-template-columns:minmax(0,4fr) minmax(0,8fr)}}
.hz-card{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.08fr);grid-template-areas:"txt vis" "bar bar" "nav nav";column-gap:30px;align-items:center}
.hz-txt{grid-area:txt;align-self:start}.hz-bar{grid-area:bar}.hz-nav{grid-area:nav}
.hz-list{align-self:start}
.hz-vis{grid-area:vis;position:relative;isolation:isolate;display:flex;align-items:center;justify-content:center;min-height:370px;padding:22px 18px;border-radius:18px;overflow:hidden;border:1px solid color-mix(in srgb,var(--ac) 16%,var(--line));background:radial-gradient(color-mix(in srgb,var(--ac) 20%,transparent) 1.1px,transparent 1.5px) 0 0/16px 16px,linear-gradient(155deg,color-mix(in srgb,var(--ac) 13%,var(--bg)),color-mix(in srgb,var(--ac) 3%,var(--bg)))}
.hz-vis:before{content:"";position:absolute;z-index:-1;width:240px;height:240px;right:-80px;top:-90px;border-radius:50%;background:color-mix(in srgb,var(--ac) 22%,transparent);filter:blur(40px)}
.hv{width:100%;max-width:360px;background:var(--bg);border:1px solid var(--line);border-radius:14px;box-shadow:0 22px 44px -18px rgba(14,42,77,.28),0 2px 6px rgba(14,42,77,.06);font:500 12px/1.35 'DM Sans',system-ui,sans-serif;color:var(--ink);text-align:left;overflow:hidden}
.hv-t{display:flex;align-items:center;gap:5px;padding:9px 12px;border-bottom:1px solid var(--line);font-size:11.5px;font-weight:600;color:var(--soft);background:color-mix(in srgb,var(--ac) 4%,var(--bg))}
.hv-t i{flex:none;width:7px;height:7px;border-radius:50%;background:#ff5f57}.hv-t i+i{background:#febc2e}.hv-t i+i+i{background:#28c840}
.hv-t span{margin-left:8px;min-width:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.hv-b{display:grid;gap:7px;padding:12px}
.hv svg{width:14px;height:14px;flex:none;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}
.hv-r{display:flex;align-items:center;gap:8px;min-width:0;padding:7px 9px;border:1px solid var(--line);border-radius:10px;background:var(--bg)}
.hv-r b{font-weight:700;white-space:nowrap}
.hv-m{flex:1;min-width:0;color:var(--muted);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.hv-m b{color:var(--ink)}
.hv-p{display:inline-flex;align-items:center;gap:4px;flex:none;padding:3px 8px;border-radius:999px;font-size:10.5px;font-weight:600;white-space:nowrap;background:var(--c2);color:var(--i2)}
.hv-p svg{width:11px;height:11px}
.hv-p.g,.hv-wk em.g{background:var(--c4);color:var(--i4)}.hv-p.a,.hv-wk em.a{background:var(--c3);color:var(--i3)}.hv-p.r{background:var(--c5);color:var(--i5)}.hv-p.v,.hv-wk em.v{background:var(--c6);color:var(--i6)}.hv-p.n,.hv-wk em.n{background:color-mix(in srgb,var(--soft) 14%,var(--bg));color:var(--soft)}
.hv-ic{flex:none;width:26px;height:26px;border-radius:8px;display:flex;align-items:center;justify-content:center;background:color-mix(in srgb,var(--ac) 13%,var(--bg));color:var(--ac)}
.hv-ok{flex:none;width:17px;height:17px;border-radius:50%;display:flex;align-items:center;justify-content:center;background:var(--i4);color:#fff}.hv-ok svg{width:10px;height:10px;stroke-width:3.2}
.hv-av{flex:none;width:24px;height:24px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:9.5px;font-weight:700;color:#fff;background:var(--i2)}
.hv-sk{display:block;height:6px;border-radius:4px;background:color-mix(in srgb,var(--soft) 20%,var(--bg))}
.hv-pg{flex:none;width:96px;height:7px;border-radius:5px;background:color-mix(in srgb,var(--soft) 18%,var(--bg));overflow:hidden}.hv-pg i{display:block;height:100%;border-radius:5px;background:var(--ac)}
.hv-x{text-decoration:line-through;opacity:.5}
.hv-btn{display:inline-flex;align-items:center;padding:5px 11px;border-radius:999px;border:1px solid var(--ac);background:var(--ac);color:#fff;font-size:11px;font-weight:600;white-space:nowrap}
.hv-btn.o{background:transparent;color:var(--ac)}.hv-btn.g{background:var(--i4);border-color:var(--i4)}
.hv-ft{display:flex;align-items:center;gap:6px;padding:2px 2px 0;font-size:11px;color:var(--soft)}
.hv-src,.hv-st{display:grid;grid-template-columns:repeat(3,1fr);gap:6px}
.hv-src span{display:flex;flex-direction:column;align-items:center;gap:5px;padding:8px 4px;border-radius:10px;border:1px dashed color-mix(in srgb,var(--ac) 35%,var(--line));background:color-mix(in srgb,var(--ac) 6%,var(--bg));font-size:11px;font-weight:600;text-align:center}
.hv-st span{display:flex;flex-direction:column;gap:1px;padding:7px 9px;border-radius:10px;background:color-mix(in srgb,var(--ac) 7%,var(--bg));font-size:10.5px;color:var(--soft)}
.hv-st b{font-size:15px;color:var(--ink)}
.hv-sh{display:grid;gap:6px;padding:8px 9px;border:1px solid var(--line);border-radius:10px}
.hv-shl{display:flex;justify-content:space-between;gap:8px;font-size:11px;color:var(--muted)}
.hv-shb{position:relative;height:8px;border-radius:5px;background:color-mix(in srgb,var(--soft) 16%,var(--bg))}
.hv-shb i{position:absolute;left:12%;right:16%;top:0;bottom:0;border-radius:5px;background:var(--ac)}
.hv-shb b{position:absolute;left:12%;width:6%;top:-2px;bottom:-2px;border-radius:3px;background:var(--i3)}
.hv-wk,.hv-cal{display:grid;grid-template-columns:repeat(7,1fr);gap:4px}
.hv-wk span{display:flex;flex-direction:column;align-items:center;gap:3px;font-size:10px;color:var(--soft)}
.hv-wk em{display:flex;align-items:center;justify-content:center;width:100%;height:26px;border-radius:7px;font:700 9.5px/1 'DM Sans',system-ui,sans-serif;font-style:normal;white-space:nowrap;background:var(--c2);color:var(--i2)}
.hv-cal span{display:flex;flex-direction:column;align-items:center;gap:1px;padding:5px 0;border-radius:8px;font-size:12px;font-weight:700;color:var(--ink);background:color-mix(in srgb,var(--soft) 8%,var(--bg))}
.hv-cal small{font-size:9px;font-weight:600;color:var(--soft)}
.hv-cal span.in{background:color-mix(in srgb,var(--ac) 16%,var(--bg));color:var(--ac)}
.hv-cal span.bad{box-shadow:inset 0 0 0 1.5px var(--i5);color:var(--i5)}
.hv-chs{display:flex;flex-wrap:wrap;gap:5px}
.hv-chs span{display:inline-flex;align-items:center;gap:4px;padding:5px 10px;border-radius:999px;border:1px solid var(--line);background:var(--bg);font-size:11px;font-weight:600;color:var(--muted)}
.hv-chs span.on{background:var(--ac);border-color:var(--ac);color:#fff}
.hv-chs span.ok{background:var(--c4);border-color:color-mix(in srgb,var(--i4) 35%,var(--line));color:var(--i4)}
.hv-tb{display:flex;align-items:center;gap:6px;padding:2px 2px 1px}
.hv-cb{flex:none;width:15px;height:15px;border-radius:4px;border:1.5px solid var(--line);display:flex;align-items:center;justify-content:center;color:#fff}
.hv-cb.on{background:var(--ac);border-color:var(--ac)}.hv-cb svg{width:10px;height:10px;stroke-width:3.2}.hv-cb:not(.on) svg{display:none}
.hv-ps{display:grid;grid-template-columns:1fr 1fr;gap:8px}
.hv-ps>div{display:grid;gap:6px;padding:9px;border:1px solid var(--line);border-radius:10px}
.hv-ps small,.hv-otp small{font-size:10.5px;font-weight:600;color:var(--soft)}
.hv-dn{flex:none;width:26px;height:26px;border-radius:50%;background:conic-gradient(var(--ac) 0 62%,var(--i3) 62% 84%,color-mix(in srgb,var(--soft) 20%,var(--bg)) 84%);-webkit-mask:radial-gradient(circle,transparent 6px,#000 6.5px);mask:radial-gradient(circle,transparent 6px,#000 6.5px)}
.hv-net{display:flex;align-items:center;justify-content:space-between;padding:9px 12px;border-radius:10px;background:var(--ac);color:#fff;font-weight:600}
.hv-net b{font-size:14px;letter-spacing:.04em}.hv-net.g{background:var(--i4)}
.hv-otp{display:grid;gap:5px}.hv-otp>span{display:grid;grid-template-columns:repeat(6,1fr);gap:5px}
.hv-otp i{display:flex;align-items:center;justify-content:center;height:28px;border-radius:7px;border:1.5px solid color-mix(in srgb,var(--ac) 40%,var(--line));font-style:normal;font-weight:700;color:var(--ac)}
.hv-fd{padding:9px 10px;border:1px solid var(--line);border-radius:9px}
.hv-fl{display:flex;align-items:center;gap:6px;padding:6px 4px 4px}
.hv-fl>span{position:relative;display:flex;flex-direction:column;align-items:center;gap:5px;font-size:11px;font-weight:600}
.hv-fl .hv-av,.hv-fl .hv-ic{width:36px;height:36px;border-radius:50%;font-size:12px}
.hv-fl>span>.hv-ok{position:absolute;top:-3px;right:-5px;width:15px;height:15px}
.hv-fl>i{flex:1;height:2px;margin-bottom:18px;border-radius:2px;background:var(--i4)}
.hv-doc{position:relative;display:grid;gap:7px;padding:12px 12px 14px;border:1px solid var(--line);border-radius:10px;background:color-mix(in srgb,var(--soft) 4%,var(--bg))}
.hv-doc b{font-size:12.5px}
.hv-doc em{position:absolute;right:12px;bottom:12px;padding:4px 9px;border:2px solid var(--i4);border-radius:7px;background:color-mix(in srgb,var(--bg) 85%,transparent);color:var(--i4);font:700 10.5px/1 'DM Sans',system-ui,sans-serif;font-style:normal;letter-spacing:.06em;text-transform:uppercase;transform:rotate(-8deg)}
.hv-yr{display:grid;grid-template-columns:repeat(12,1fr);gap:3px}
.hv-yr span{display:flex;align-items:center;justify-content:center;height:24px;border-radius:6px;font-size:10px;font-weight:700;color:var(--soft);background:color-mix(in srgb,var(--soft) 9%,var(--bg))}
.hv-yr span.on{background:var(--ac);color:#fff}
.hv-s5{color:var(--i3);letter-spacing:1px;font-size:12px}.hv-s5 s{text-decoration:none;color:color-mix(in srgb,var(--soft) 35%,var(--bg))}
.hv-acts{display:flex;gap:6px}
.hv-tr{display:grid;grid-template-columns:1fr 1fr;gap:6px}
.hv-tr span{display:flex;align-items:center;gap:6px;padding:7px 9px;border-radius:9px;background:var(--c4);color:var(--i4);font-size:11.5px;font-weight:600}
.hv-a{animation:hvIn .45s cubic-bezier(.2,.7,.2,1) both;animation-delay:calc(var(--d,0)*60ms)}
@keyframes hvIn{from{opacity:0;transform:translateY(8px)}to{opacity:1;transform:none}}
@media (max-width:1100px){.hz-card{grid-template-columns:minmax(0,1fr);grid-template-areas:"vis" "txt" "bar" "nav"}.hz-vis{min-height:370px;margin-bottom:22px}}
@media (max-width:800px){.hz-vis{min-height:300px;padding:16px 12px;margin-bottom:18px;border-radius:14px}.hv{max-width:100%}.hv-m{white-space:normal}}
@media (prefers-reduced-motion:reduce){.hv-a{animation:none}}

.hz-vis img{display:block;flex:none;width:calc(100% + 56px);max-width:386px;height:auto;margin:-8px -28px -50px;animation:hzIn .35s ease both}
@media (prefers-reduced-motion:reduce){.hz-vis img{animation:none}}
.hz-stack{display:none}
@media (max-width:760px){
.hz-tabs,#hzCap,#hzBody{display:none}
.hz-stack{display:block;margin-top:30px;text-align:left}
.hz-j+.hz-j{margin-top:52px}
.hz-jt{display:flex;align-items:center;justify-content:center;gap:10px;margin:0;font-size:20px;line-height:1.25;font-weight:700;letter-spacing:-.01em;color:var(--ink)}
.hz-jt svg{width:22px;height:22px;flex:none;fill:none;stroke:var(--brand);stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
.hz-j .hz-cap{margin:8px 0 0;text-align:center;font-size:14.5px;line-height:1.5}
.hz-sc{list-style:none;display:flex;flex-direction:column;gap:22px;margin:22px 0 0;padding:0}
.hz-s{--ac:var(--brand);position:sticky;top:calc(84px + var(--k)*10px);padding:20px 20px 18px;border:1px solid var(--line);border-top:4px solid var(--ac);border-radius:20px;background:var(--bg);box-shadow:0 -8px 22px rgba(14,42,77,.07),0 10px 26px rgba(14,42,77,.06)}
.hz-s.end{--ac:var(--i4);background:color-mix(in srgb,var(--i4) 7%,var(--bg))}
.hz-s .hz-ic{width:46px;height:46px;border-radius:14px}
.hz-s .hz-ic svg{width:24px;height:24px}
.hz-s h4{margin:16px 0 8px;font-size:19px;line-height:1.3;font-weight:700;letter-spacing:-.01em;color:var(--ink)}
.hz-s p{margin:0;font-size:15px;line-height:1.6;color:var(--muted)}
.hz-s .hz-vis{min-height:0;height:190px;margin:16px 0 0;padding:10px;border-radius:14px}
.hz-s .hz-vis img{width:auto;max-width:100%;height:auto;max-height:100%;margin:0;animation:none}
}

#product.px{background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='160' height='160'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.85' numOctaves='3' stitchTiles='stitch'/%3E%3CfeColorMatrix values='0 0 0 0 1 0 0 0 0 1 0 0 0 0 1 0 0 0 .07 0'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E") 0 0/160px 160px,linear-gradient(90deg,#0a1a2f 0,rgba(10,26,47,0) 20%,rgba(10,26,47,0) 80%,#0a1a2f 100%),linear-gradient(180deg,#0a1a2f 0,rgba(10,26,47,0) 260px,rgba(10,26,47,0) calc(100% - 260px),#0a1a2f 100%),radial-gradient(color-mix(in srgb,#6fa3dc 50%,transparent) 1.6px,transparent 2px) -24px -24px/48px 48px,linear-gradient(rgba(255,255,255,.06) 1px,transparent 1px) 0 0/48px 48px,linear-gradient(90deg,rgba(255,255,255,.06) 1px,transparent 1px) 0 0/48px 48px,linear-gradient(180deg,#0a1a2f 0%,#0e2a4d 50%,#0a1a2f 100%)}
@media (max-width:700px){#product.px{background-size:160px 160px,auto,auto,36px 36px,36px 36px,36px 36px,auto;background-position:0 0,0 0,0 0,-18px -18px,0 0,0 0,0 0}}

.nf .nf-in,.nf .nf-top{max-width:1440px}
.nf .nf-in{grid-template-columns:minmax(0,38fr) minmax(0,62fr)}
.nf .nf-vid{max-width:960px}
@media (max-width:860px){.nf .nf-in{grid-template-columns:minmax(0,1fr)}.nf .nf-vid{max-width:720px}}
@media (min-width:861px) and (max-width:1180px){header{gap:12px;padding:18px 20px}.logo{white-space:nowrap;font-size:22px}nav{gap:18px;margin-left:12px}header>.btn{padding:10px 16px;white-space:nowrap}header>.btn.s{margin-right:-4px}}
@media (min-width:861px) and (max-width:1000px){.logo{font-size:20px}nav{gap:12px;margin-left:6px}nav a{font-size:14px}header>.btn{padding:8px 12px;font-size:14px}header>.btn.s{margin-right:-6px}}

#mn .mm-x{display:none}

html.mm-on{overflow:hidden;scrollbar-gutter:stable;background:#e6ecf4;background:color-mix(in srgb,var(--brand) 12%,var(--bg))}
html.mm-on body{position:fixed;left:0;right:0;transition:transform .3s ease-in}
html.mm-open body{transform:translateX(69.4vw) scale(.85)}

html.mm-on #mn{display:flex;flex-direction:column;position:fixed;z-index:50;top:0;left:0;bottom:0;width:calc(77vw - 24px);max-width:none;max-height:none;margin:0;padding:76px 16px 28px 20px;box-sizing:border-box;border:0;overflow-x:hidden;overflow-y:auto;overscroll-behavior:contain;background:none;color:var(--ink);font-family:'DM Sans',system-ui,-apple-system,'Segoe UI',Roboto,sans-serif;-webkit-font-smoothing:antialiased}
html.mm-on #mn a{opacity:0;transform:translateX(calc(-40px - var(--i,0) * 40px));transition:opacity .4s ease-in,transform .5s ease-in}
html.mm-open #mn a{opacity:1;transform:none;transition-delay:calc(.1s + var(--i,0) * .04s)}
#mn.mm-cur a[aria-current="page"]{color:var(--brand)}

html.mm-on #mn .mm-x{display:flex;align-items:center;justify-content:center;position:absolute;top:14px;left:10px;width:44px;height:44px;padding:0;border:0;border-radius:12px;background:none;color:var(--brand);cursor:pointer;opacity:0;transform:rotate(-90deg);transition:opacity .3s ease-in,transform .3s ease-in}
html.mm-open #mn .mm-x{opacity:1;transform:none}
#mn .mm-x svg{width:26px;height:26px;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round}
#mn .mm-x:focus-visible{outline:2px solid var(--brand);outline-offset:2px}

@media (prefers-reduced-motion:reduce){
html.mm-on body,html.mm-on #mn a,html.mm-on #mn .mm-x{transition:none}
}