/*! Copyright (c) 2006-2026 Admail Ltd. (אדמייל בע״מ). All rights reserved. Copying or reusing this site's text, design or code without written permission is prohibited. WiseStamp materials belong to WiseStamp. */
:root{color-scheme:light}html,body{margin:0;padding:0}img{max-width:100%}
@font-face{font-family:'Assistant';font-style:normal;font-weight:400 700;font-display:swap;src:url(/fonts/assistant-hebrew.woff2) format('woff2');unicode-range:U+0307-0308, U+0590-05FF, U+200C-2010, U+20AA, U+25CC, U+FB1D-FB4F}
@font-face{font-family:'Assistant';font-style:normal;font-weight:400 700;font-display:swap;src:url(/fonts/assistant-latin-ext.woff2) format('woff2');unicode-range:U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C4, U+2113, U+2C60-2C7F, U+A720-A7FF}
@font-face{font-family:'Assistant';font-style:normal;font-weight:400 700;font-display:swap;src:url(/fonts/assistant-latin.woff2) format('woff2');unicode-range:U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD}
@font-face{font-family:'Caveat';font-style:normal;font-weight:500;font-display:swap;src:url(/fonts/caveat-latin-ext.woff2) format('woff2');unicode-range:U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C4, U+2113, U+2C60-2C7F, U+A720-A7FF}
@font-face{font-family:'Caveat';font-style:normal;font-weight:500;font-display:swap;src:url(/fonts/caveat-latin.woff2) format('woff2');unicode-range:U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD}
@font-face{font-family:'Rubik';font-style:normal;font-weight:500 700;font-display:swap;src:url(/fonts/rubik-hebrew.woff2) format('woff2');unicode-range:U+0307-0308, U+0590-05FF, U+200C-2010, U+20AA, U+25CC, U+FB1D-FB4F}
@font-face{font-family:'Rubik';font-style:normal;font-weight:500 700;font-display:swap;src:url(/fonts/rubik-latin-ext.woff2) format('woff2');unicode-range:U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C4, U+2113, U+2C60-2C7F, U+A720-A7FF}
@font-face{font-family:'Rubik';font-style:normal;font-weight:500 700;font-display:swap;src:url(/fonts/rubik-latin.woff2) format('woff2');unicode-range:U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD}

html{direction:rtl}

/* Layout: white, airy SaaS page; two dark "bookends" (hero + final CTA) carry Admail's black; magenta is the only accent */
:root{
  --magenta:#DD0066; --magenta-hover:#B80055; --magenta-tint:#FCE8F1; --magenta-dark:#FF3385;
  --ink:#0B0B0F; --text:#3A3A44; --muted:#6B6B78; --line:#E7E7EC; --surface:#F7F7F9; --white:#FFFFFF;
  --ok:#0E8A5F;
  --display:"Rubik","Assistant",system-ui,sans-serif;
  --body:"Assistant","Rubik",system-ui,sans-serif;
  --r:12px; color-scheme:light;
}
*{box-sizing:border-box}
[hidden]{display:none!important}
html{scroll-behavior:smooth}
body{background:var(--white);color:var(--text);font-family:var(--body);font-size:18px;line-height:1.65;-webkit-font-smoothing:antialiased}
.wrap{max-width:1200px;margin:0 auto;padding-inline:24px}
h1,h2,h3{font-family:var(--display);color:var(--ink);line-height:1.15;margin:0;text-wrap:balance}
h1{font-size:clamp(2.2rem,4.2vw,3.4rem);font-weight:700;letter-spacing:-.01em}
h2{font-size:clamp(1.8rem,3.4vw,2.5rem);font-weight:700}
h3{font-size:1.25rem;font-weight:600}
p{margin:0}
a{color:inherit}
:focus-visible{outline:2px solid var(--magenta);outline-offset:3px;border-radius:6px}
.eyebrow{font:600 .9rem var(--display);color:var(--magenta)}
.lead{font-size:1.15rem;color:var(--muted);max-width:36em}
.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;border-radius:10px;padding:13px 22px;font:600 1rem var(--display);text-decoration:none;border:1.5px solid transparent;cursor:pointer;transition:background .2s,border-color .2s,color .2s;white-space:nowrap}
.btn-primary{background:var(--magenta);color:#fff}
.btn-primary:hover{background:var(--magenta-hover)}
.btn-outline{border-color:var(--ink);color:var(--ink);background:transparent}
.btn-outline:hover{background:var(--ink);color:#fff}
.dark .btn-outline{border-color:rgba(255,255,255,.4);color:#fff}
.dark .btn-outline:hover{background:#fff;color:var(--ink)}
.link{color:var(--magenta);font-weight:600;text-decoration:none;display:inline-flex;gap:6px;align-items:center}
.link:hover{text-decoration:underline}
.todo{display:inline-block;font:600 .72rem var(--display);background:#FFF4D6;color:#7A5600;border:1px dashed #D9A400;border-radius:6px;padding:2px 8px;vertical-align:middle}
section{padding-block:112px}
.sec-head{display:flex;flex-direction:column;gap:14px;max-width:680px;margin-bottom:56px}
.center{text-align:center;margin-inline:auto;align-items:center}
@media (max-width:700px){section{padding-block:72px}.sec-head{margin-bottom:40px}}

/* header */
.site-header{position:sticky;top:env(safe-area-inset-top,0px);z-index:50;background:rgba(255,255,255,.9);backdrop-filter:saturate(1.4) blur(12px);border-bottom:1px solid var(--line)}
.site-header .wrap{display:flex;align-items:center;gap:28px;min-height:72px}
.brand img{height:38px;width:auto;display:block}
.menu{display:flex;gap:26px;list-style:none;margin:0;padding:0;font:500 1rem var(--display)}
.menu a{text-decoration:none;color:var(--text)}
.menu a:hover{color:var(--magenta)}
.has-sub{position:relative}
.has-sub > a::after{content:"";display:inline-block;width:6px;height:6px;border-right:1.5px solid currentColor;border-bottom:1.5px solid currentColor;transform:rotate(45deg);margin-inline-start:8px;translate:0 -3px;opacity:.6}
.sub{position:absolute;top:calc(100% + 14px);inset-inline-start:-16px;background:#fff;border:1px solid var(--line);border-radius:var(--r);padding:8px;min-width:260px;box-shadow:0 18px 40px -18px rgba(11,11,15,.25);display:none}
.has-sub:hover .sub,.has-sub:focus-within .sub{display:block}
.sub a{display:flex;flex-direction:column;padding:10px 12px;border-radius:8px}
.sub a:hover{background:var(--surface);color:var(--ink)}
.sub small{color:var(--muted);font:400 .85rem var(--body)}
.header-cta{display:flex;gap:10px;margin-inline-start:auto}
.header-cta .btn{padding:10px 18px;font-size:.95rem}
.burger{display:none;margin-inline-start:auto;background:none;border:1px solid var(--line);border-radius:10px;width:44px;height:44px;cursor:pointer}
.burger span{display:block;width:18px;height:2px;background:var(--ink);margin:4px auto}
.site-header .mobile-nav,.mobile-nav{display:flex;flex-direction:column;align-items:stretch;gap:0;min-height:0;border-top:1px solid var(--line);padding-block:8px 20px}
.site-header .mobile-nav[hidden]{display:none!important}
.mobile-nav a{display:block;padding:12px 0;font:500 1.05rem var(--display);text-decoration:none;border-bottom:1px solid var(--line)}
.mobile-nav .btn{margin-top:16px;width:100%}
.mobile-nav a.btn{display:flex;justify-content:center;border-bottom:0;color:#fff}
@media (max-width:1060px){.menu,.header-cta .btn-outline{display:none}}
@media (max-width:640px){.header-cta{display:none}.burger{display:block}.brand img{height:32px}}

/* hero */
.dark{background:var(--ink);color:#C9C9D3}
.dark h1,.dark h2,.dark h3{color:#fff}
.hero{position:relative;overflow:hidden;padding-block:88px 72px}
.hero::before{content:"";position:absolute;inset:auto auto -40% -20%;width:70%;aspect-ratio:1;background:radial-gradient(closest-side,rgba(221,0,102,.22),transparent);pointer-events:none}
.hero .hero-grid{position:relative;display:grid;grid-template-columns:1.1fr 1fr;gap:64px;align-items:center}
.hero-copy{display:flex;flex-direction:column;gap:24px;min-width:0}
.hero h1 span{color:var(--magenta-dark);display:block}
.hero .lead{color:#B4B4C0}
.ctas{display:flex;flex-wrap:wrap;gap:12px}
@media (max-width:980px){.hero .hero-grid{grid-template-columns:1fr;gap:48px}.hero{padding-block:56px}}

/* mock stack */
.stack{position:relative;min-width:0;padding-bottom:40px}
.admin{position:absolute;inset-inline-end:-24px;bottom:0;width:62%;background:#15151C;border:1px solid #262631;border-radius:14px;padding:16px;color:#C9C9D3;font-size:.8rem;box-shadow:0 30px 60px -30px #000}
.admin h4{margin:0 0 10px;font:600 .82rem var(--display);color:#fff;display:flex;justify-content:space-between}
.admin h4 small{color:#8B8B99;font-weight:500}
.camp{display:grid;grid-template-columns:auto 1fr auto;gap:10px;align-items:center;padding:8px 0;border-top:1px solid #262631}
.camp i{width:28px;height:18px;border-radius:4px}
.camp b{color:#fff;font-weight:600;display:block;font-size:.8rem}
.camp span{color:#8B8B99;font-size:.72rem}
.tog{width:28px;height:16px;border-radius:9px;background:#3A3A48;position:relative}
.tog::after{content:"";position:absolute;top:2px;inset-inline-start:2px;width:12px;height:12px;border-radius:50%;background:#fff}
.tog.on{background:var(--magenta)}
.tog.on::after{inset-inline-start:auto;inset-inline-end:2px}
.mail{position:relative;background:#fff;color:var(--text);border-radius:14px;box-shadow:0 30px 70px -30px rgba(0,0,0,.7);overflow:hidden;width:88%;font-size:.9rem}
.mail-bar{display:flex;gap:6px;align-items:center;padding:11px 14px;background:var(--surface);border-bottom:1px solid var(--line)}
.mail-bar i{width:9px;height:9px;border-radius:50%;background:#D5D5DC}
.mail-bar em{margin-inline-start:auto;font:normal 600 .72rem var(--display);color:var(--muted)}
.mail-meta{padding:12px 18px;border-bottom:1px solid var(--line);font-size:.84rem;color:var(--muted);display:grid;gap:2px}
.mail-meta b{color:var(--ink);font-weight:600}
.mail-body{padding:18px}
.mail-body p+p{margin-top:6px}
@media (max-width:980px){.admin{inset-inline-end:0;width:70%}}
@media (max-width:520px){.mail{width:100%}.admin{position:relative;width:100%;margin-top:-20px;inset:auto}.stack{padding-bottom:0}}

/* signature component */
.sig{display:grid;grid-template-columns:auto 1fr;gap:4px 14px;align-items:center;padding-top:14px;margin-top:14px;border-top:1px solid var(--line)}
.sig .av{grid-row:span 3;width:54px;height:54px;border-radius:50%;display:grid;place-items:center;color:#fff;font:700 1.05rem var(--display)}
.sig .nm{font:700 1rem var(--display);color:var(--ink)}
.sig .rl{font-size:.84rem;color:var(--muted)}
.sig .ct{font-size:.8rem;color:var(--text);display:flex;flex-wrap:wrap;gap:0 12px}
.sig .ct b{font-weight:700}
.sig .soc{display:flex;gap:5px}
.sig .soc i{width:20px;height:20px;border-radius:5px;display:grid;place-items:center;font:700 .6rem var(--display);font-style:normal;color:#fff}
.sig .disc{grid-column:1/-1;font-size:.7rem;color:var(--muted);line-height:1.4;margin-top:8px}
.bnr{position:relative;height:68px;border-radius:8px;overflow:hidden;margin-top:12px}
.bnr div{position:absolute;inset:0;display:flex;align-items:center;justify-content:space-between;gap:10px;padding-inline:16px;color:#fff;opacity:0;transition:opacity .7s}
.bnr div.on{opacity:1}
.bnr strong{font:700 .98rem var(--display);line-height:1.2}
.bnr small{display:block;font-size:.74rem;opacity:.85}
.bnr em{font:normal 600 .75rem var(--display);background:#fff;color:var(--ink);padding:6px 11px;border-radius:6px;white-space:nowrap}

/* trust */
.trust{min-width:0;margin-top:64px;padding-top:36px;border-top:1px solid #23232C;display:flex;flex-direction:column;gap:22px}
.trust p{font:500 1rem var(--display);color:#fff}
.marquee{overflow:hidden;mask-image:linear-gradient(90deg,transparent,#000 8%,#000 92%,transparent)}
.track{display:flex;gap:16px;width:max-content;animation:slide 60s linear infinite}
.marquee:hover .track{animation-play-state:paused}
.logo-ph{width:132px;height:52px;border-radius:8px;border:1px dashed currentColor;display:grid;place-items:center;font:500 .72rem var(--display);opacity:.55;flex:none}
@keyframes slide{to{transform:translateX(50%)}}

/* cards */
.grid4{display:grid;grid-template-columns:repeat(4,1fr);gap:20px}
.card{background:#fff;border:1px solid var(--line);border-radius:var(--r);padding:28px;display:flex;flex-direction:column;gap:12px;transition:box-shadow .25s,transform .25s;min-width:0}
.card:hover{box-shadow:0 16px 40px -20px rgba(11,11,15,.22);transform:translateY(-2px)}
.card p{color:var(--muted);font-size:1rem}
.ico{width:44px;height:44px;border-radius:10px;background:var(--magenta-tint);color:var(--magenta);display:grid;place-items:center}
@media (max-width:1000px){.grid4{grid-template-columns:1fr 1fr}}
@media (max-width:560px){.grid4{grid-template-columns:1fr}}

/* solutions */
.soft{background:var(--surface)}
.solutions{display:grid;grid-template-columns:1fr 1fr;gap:24px}
.sol{background:#fff;border:1px solid var(--line);border-radius:16px;padding:40px;display:flex;flex-direction:column;gap:18px;min-width:0}
.sol.primary{border-top:4px solid var(--magenta)}
.sol-top{display:flex;justify-content:space-between;align-items:center;gap:12px;min-height:44px}
.sol-top img{height:36px;width:auto}
.wordmark{font:700 1.5rem var(--display);color:var(--ink);letter-spacing:-.01em}
.tag{font:600 .78rem var(--display);background:var(--surface);color:var(--muted);border:1px solid var(--line);border-radius:999px;padding:4px 12px;white-space:nowrap}
.tag.m{background:var(--magenta-tint);color:var(--magenta);border-color:transparent}
.checks{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:1fr 1fr;gap:10px 20px;font-size:.98rem}
.checks li{display:flex;gap:10px;align-items:flex-start}
.checks svg{flex:none;margin-top:5px;color:var(--magenta)}
.sol .btn{align-self:flex-start;margin-top:auto}
.unsure{margin-top:36px;display:flex;justify-content:center;align-items:center;gap:18px;flex-wrap:wrap;font:500 1.1rem var(--display);color:var(--ink)}
@media (max-width:900px){.solutions{grid-template-columns:1fr}.sol{padding:28px}}
@media (max-width:480px){.checks{grid-template-columns:1fr}}

/* split sections */
.split{display:grid;grid-template-columns:1fr 1fr;gap:72px;align-items:center}
.split.rev .visual{order:-1}
.split-copy{display:flex;flex-direction:column;gap:20px;min-width:0}
.bullets{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:1fr 1fr;gap:12px 24px}
.bullets li{display:flex;gap:10px;align-items:baseline}
.bullets li::before{content:"";width:7px;height:7px;border-radius:2px;background:var(--magenta);flex:none;translate:0 -2px}
.visual{min-width:0}
@media (max-width:960px){.split{grid-template-columns:1fr;gap:44px}.split.rev .visual{order:0}}
@media (max-width:480px){.bullets{grid-template-columns:1fr}}
.sig-stack{display:grid;gap:14px}
.sig-card{background:#fff;border:1px solid var(--line);border-radius:var(--r);padding:4px 20px 18px;position:relative}
.sig-card .lbl{position:absolute;top:12px;inset-inline-end:14px;font:600 .7rem var(--display);color:var(--muted);background:var(--surface);padding:2px 8px;border-radius:999px}
.sig-card:nth-child(2){margin-inline-start:36px}
.sig-card:nth-child(3){margin-inline-start:72px}
@media (max-width:560px){.sig-card:nth-child(n){margin-inline-start:0}}
.timeline{margin-top:18px;background:#fff;border:1px solid var(--line);border-radius:var(--r);padding:18px 20px}
.tl-head{display:flex;justify-content:space-between;font:600 .8rem var(--display);color:var(--muted);margin-bottom:12px}
.tl-row{display:grid;grid-template-columns:110px 1fr;gap:12px;align-items:center;font-size:.85rem;padding:6px 0}
.tl-bar{height:20px;border-radius:5px;position:relative;background:var(--surface)}
.tl-bar i{position:absolute;top:0;bottom:0;border-radius:5px}
.tl-axis{display:grid;grid-template-columns:110px repeat(4,1fr);font-size:.72rem;color:var(--muted);margin-top:6px}

/* environments */
.envs{display:grid;grid-template-columns:repeat(4,1fr);gap:16px}
.env{border:1px solid var(--line);border-radius:var(--r);padding:26px 22px;display:flex;flex-direction:column;gap:10px;align-items:flex-start;background:#fff}
.env strong{font:600 1.08rem var(--display);color:var(--ink)}
.env span{font-size:.92rem;color:var(--muted)}
.env-note{margin-top:22px;font-size:.95rem;color:var(--muted)}
@media (max-width:900px){.envs{grid-template-columns:1fr 1fr}}

/* why */
.why{display:grid;grid-template-columns:.8fr 1.2fr;gap:72px;align-items:start}
.year{font:700 clamp(5rem,12vw,9rem)/.9 var(--display);color:var(--ink);letter-spacing:-.04em}
.year small{display:block;font:500 1.05rem var(--body);letter-spacing:0;color:var(--muted);margin-top:18px}
.points{list-style:none;margin:0;padding:0}
.points li{display:grid;grid-template-columns:auto 1fr;gap:4px 20px;padding-block:24px;border-top:1px solid var(--line)}
.points li:last-child{border-bottom:1px solid var(--line)}
.points .ico{grid-row:span 2}
.points p{color:var(--muted)}
@media (max-width:900px){.why{grid-template-columns:1fr;gap:36px}}

/* clients */
.client-grid{display:grid;grid-template-columns:repeat(6,1fr);gap:14px;color:var(--muted)}
.client-grid .logo-ph{width:auto;height:72px;background:#fff}
@media (max-width:900px){.client-grid{grid-template-columns:repeat(3,1fr)}}

/* final cta */
.final{text-align:center;position:relative;overflow:hidden}
.final::before{content:"";position:absolute;inset:-60% 20% auto;height:120%;background:radial-gradient(closest-side,rgba(221,0,102,.2),transparent);pointer-events:none}
.final .wrap{position:relative;display:flex;flex-direction:column;align-items:center;gap:22px}
.final p{max-width:34em;color:#B4B4C0;font-size:1.12rem}
.final .contact-line{display:flex;gap:28px;flex-wrap:wrap;justify-content:center;font-size:.95rem;margin-top:8px}
.final .contact-line b{color:#fff;font-weight:600;direction:ltr;unicode-bidi:isolate}

footer{background:var(--ink);color:#9A9AA8;border-top:1px solid #1E1E26;padding-block:56px 32px;font-size:.95rem}
.foot{display:grid;grid-template-columns:1.4fr 1fr 1fr 1.2fr;gap:40px}
.foot img{height:34px;width:auto}
.foot h4{font:600 .95rem var(--display);color:#fff;margin:0 0 12px}
.foot ul{list-style:none;margin:0;padding:0;display:grid;gap:8px}
.foot a{text-decoration:none}
.foot a:hover{color:#fff}
.foot .ltr{direction:ltr;unicode-bidi:isolate}
.legal{margin-top:44px;padding-top:22px;border-top:1px solid #1E1E26;display:flex;flex-wrap:wrap;gap:12px 24px;justify-content:space-between;font-size:.85rem}
@media (max-width:900px){.foot{grid-template-columns:1fr 1fr}}
@media (max-width:520px){.foot{grid-template-columns:1fr}}

.wa{position:fixed;bottom:calc(20px + env(safe-area-inset-bottom,0px));inset-inline-start:20px;width:54px;height:54px;border-radius:50%;background:#1FAF5A;display:grid;place-items:center;box-shadow:0 10px 24px -8px rgba(0,0,0,.4);z-index:40}

.reveal{transition:opacity .5s ease,transform .5s ease}
.reveal.pre{opacity:0;transform:translateY(8px)}
@media (prefers-reduced-motion:reduce){*{transition:none!important;animation:none!important}.reveal.pre{opacity:1;transform:none}}


/* ---- audit: legal + a11y ---- */
.skip{position:absolute;inset-inline-start:12px;top:-60px;z-index:100;background:var(--ink);color:#fff;padding:10px 16px;border-radius:8px;font:600 .95rem var(--display);text-decoration:none}
.skip:focus{top:12px}
main:focus,h1[tabindex="-1"]:focus{outline:none}
.tag.m{color:#B0004F}
.motion-btn{display:inline-grid;place-items:center;align-self:flex-start;justify-self:start;width:32px;height:32px;margin-top:10px;background:#fff;border:1px solid #C9C9D3;color:var(--text);border-radius:50%;padding:0;cursor:pointer}
.motion-btn:hover{border-color:var(--text)}
.motion-btn svg{width:10px;height:10px}
.marquee.paused .track,.marquee:focus-within .track{animation-play-state:paused}
.form-note{font-size:.82rem;color:var(--muted);line-height:1.55;margin:4px 0 0;grid-column:1/-1}
.form-note a,.ldoc a{color:var(--magenta)}
.price .vat{font-size:.78rem;color:var(--muted);font-weight:500}
.price-info{background:var(--surface);border:1px solid var(--line);border-radius:12px;padding:14px 18px;font-size:.92rem;color:var(--text);margin-top:28px}
.ldoc{max-width:820px;margin-inline:auto;line-height:1.75;color:var(--text)}
.ldoc h2{font-size:1.25rem;margin:36px 0 10px}
.ldoc ul{padding-inline-start:22px;display:grid;gap:6px}
.ldoc-date{color:var(--muted);font-size:.9rem}
.ldoc-contact{list-style:none;padding:16px 20px!important;background:var(--surface);border-radius:12px;border:1px solid var(--line)}
.legal .co{opacity:.85}
.legal a{color:inherit}
.days button:focus-visible,.slots button:focus-visible{outline:3px solid var(--magenta);outline-offset:2px}
@media (max-width:700px){footer{padding-bottom:150px}}


/* ---- new-generation device mockups ---- */
.devs{display:grid;grid-template-columns:1.75fr 1fr .6fr;gap:36px;align-items:end}
.devs figure{margin:0;display:flex;flex-direction:column;gap:14px;min-width:0}
.devs figcaption{font:600 .88rem var(--display);color:var(--muted);text-align:center}
.dv-note{margin-top:18px}
.lap{position:relative}
.lap-scr{position:relative;background:#fff;border:10px solid #16161B;border-top-width:14px;border-radius:16px 16px 6px 6px;aspect-ratio:16/10.4;overflow:hidden;box-shadow:0 24px 50px -30px rgba(11,11,15,.45)}
.lap-scr::before{content:"";position:absolute;top:-14px;left:50%;translate:-50% 0;width:70px;height:12px;background:#16161B;border-radius:0 0 8px 8px;z-index:2}
.lap-base{height:14px;margin-inline:-7%;background:linear-gradient(#DADAE0,#B9B9C2);border-radius:2px 2px 14px 14px;position:relative}
.lap-base::before{content:"";position:absolute;top:0;left:50%;translate:-50% 0;width:18%;height:6px;background:#A6A6B0;border-radius:0 0 8px 8px}
.tab{background:#fff;border:12px solid #16161B;border-radius:26px;aspect-ratio:3/4.1;overflow:hidden;box-shadow:0 24px 50px -30px rgba(11,11,15,.45)}
.phn{position:relative;background:#fff;border:9px solid #111116;border-radius:40px;aspect-ratio:9/19;overflow:hidden;box-shadow:0 24px 50px -28px rgba(11,11,15,.5)}
.phn::before{content:"";position:absolute;top:8px;left:50%;translate:-50% 0;width:34%;height:16px;background:#111116;border-radius:12px;z-index:2}
.mui{height:100%;display:flex;flex-direction:column;font-family:var(--body);color:#2A2A33;font-size:clamp(9px,.78vw,11.5px);line-height:1.45}
.mui-top{display:flex;align-items:center;gap:8px;padding:8px 12px;background:#F3F4F7;border-bottom:1px solid #E4E5EA;font:600 1em var(--display);color:#3A3A44}
.mui-top i{width:8px;height:8px;border-radius:50%;background:#D4D5DC;flex:none}
.mui-top span{margin-inline-start:auto;font-weight:500;color:#8A8A96}
.mui-meta{padding:8px 12px;border-bottom:1px solid #EEEFF3;color:#77778A;display:grid;gap:2px}
.mui-meta b{color:#22222B;font-weight:600}
.mui-body{padding:12px;display:flex;flex-direction:column;gap:8px;overflow:hidden}
.mui-body img.rb{width:100%;height:auto;border-radius:3px;display:block}
.lap .mui-body img.rb{width:62%;max-width:300px}
.lap .mui-body{gap:6px}
.phn .mui-top{padding-top:30px;justify-content:center}
.phn .mui-body{padding:10px}
.rsig{display:flex;flex-direction:column;gap:1px}
.rsig b{font-size:1.12em;color:#1B2A4A}
.rsig .r{color:#55556A}
.rsig .l{font-size:.95em}
.rsig img{height:18px;width:auto;margin-top:6px;align-self:flex-start}
.rsig img.lgi{margin:0 0 6px}
.rsig .lg{display:block;width:92px;height:29px;background-size:contain;background-repeat:no-repeat;margin:0 0 6px}
.rsig.he .lg{background-position:right center}
@media (max-width:900px){.devs{grid-template-columns:1fr 1fr}.devs figure:first-child{grid-column:1/-1}}
@media (max-width:520px){.devs{grid-template-columns:1fr}.devs .phn{max-width:220px;margin-inline:auto}.lap-scr{aspect-ratio:auto}.devs .tab{max-width:300px;margin-inline:auto;aspect-ratio:auto}}

.wsc{display:flex;gap:14px;align-items:flex-start;background:#fff;border-radius:8px;padding:14px;border:1px solid #EEEFF3;min-height:120px}
.wsc>svg{width:62px;height:62px;flex:none}
.wsc-t{display:flex;flex-direction:column;gap:3px;min-width:0;font:400 12.5px/1.4 Arial,Helvetica,sans-serif;color:#44444F}
.wsc-t b{font-size:15px;color:var(--wc)}
.wsc-t .ln{height:2px;width:46px;background:var(--wc);margin:3px 0 2px;border-radius:2px}
.wsc-soc{display:flex;gap:5px;margin-top:4px}
.wsc-soc svg{width:16px;height:16px}
.wsc-btn{align-self:flex-start;margin-top:6px;color:#fff;font:600 11.5px Arial,sans-serif;padding:6px 10px;border-radius:5px}
.wsc-gal{display:flex;gap:5px;margin-top:6px}.wsc-gal i{width:44px;height:30px;border-radius:4px}
.wsc-bn{display:flex;justify-content:space-between;align-items:center;gap:8px;margin-top:6px;color:#fff;font:700 12px Arial,sans-serif;padding:8px 10px;border-radius:5px}
.wsc-bn em{font-style:normal;background:#fff;color:#C8285F;padding:3px 7px;border-radius:4px;font-size:11px}
.wsc-vid{display:flex;align-items:center;gap:6px;margin-top:6px;font:600 11.5px Arial,sans-serif;color:#6B4FB8}
.wsc-vid b{display:grid;place-items:center;width:30px;height:22px;background:#E62117;color:#fff;border-radius:5px;font-size:10px}
.wsc-eco{margin-top:6px;font-size:11px;color:#3C8D3F}

.ws-nav{display:inline-flex;align-items:center;padding:4px 8px;margin:-4px -8px;border-radius:8px;transition:background .2s}
.ws-nav-logo{height:16px;width:auto;display:block}
.ws-nav:hover,.ws-nav[aria-current="page"]{background:#EEF3FF;box-shadow:inset 0 -2px 0 #005AFD}
.mobile-nav .ws-nav{margin:0;padding:12px 0;display:flex;border-radius:0;box-shadow:none;background:none}
.mobile-nav .ws-nav-logo{height:18px}
.sol.ws{border-top:4px solid #005AFD}
.c-lstrip{margin-top:12px;border-top:1px solid #E6E6EC;padding-top:12px;display:flex;align-items:center}
.c-lstrip .c-logo{display:block;background-size:contain;background-repeat:no-repeat;background-position:center}
.c-toplogo{display:block;background-size:contain;background-repeat:no-repeat;background-position:center;margin:4px 0 10px}
.csig.tg .c-n{color:var(--c);font-size:14.5px}
.csig.tg[dir="ltr"]{text-align:left}
.csig.tg .c-logo{background-position:left center}
.csig.tg:not([dir="ltr"]) .c-logo{background-position:right center}
@media (max-width:700px){.fabs{bottom:calc(14px + env(safe-area-inset-bottom,0px));inset-inline-start:12px;gap:10px}.fab{width:46px;height:46px}.fab svg{width:20px;height:20px}.fab-tip{display:none}}
.hx-duo{display:grid;gap:18px;padding:10px 0 20px}
.hx-tile{background:#fff;border:1px solid var(--line);border-radius:16px;padding:16px 20px 18px;box-shadow:0 30px 60px -40px rgba(11,11,15,.35),0 2px 6px rgba(11,11,15,.04);min-width:0}
.hx-tile.ad{border-top:4px solid var(--magenta)}
.hx-tile.ws{border-top:4px solid #005AFD}
.hx-tile-h{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-bottom:12px;padding-bottom:10px;border-bottom:1px solid var(--line)}
.hx-tile-n{font:700 .95rem var(--display);color:var(--magenta)}
.hx-tile-h small{font:600 .76rem var(--display);color:var(--muted)}
.hx-tile-h .c-logo{display:block;background:right center/contain no-repeat}
.wsg{display:grid;grid-template-columns:auto 1fr;gap:4px 16px;align-items:center;font:13px/1.5 Arial,Helvetica,sans-serif;color:#2A2A33}
.wsg-ph{width:76px;height:76px;border-radius:50%;object-fit:cover;border:3px solid #E8EEFF}
.wsg-t{display:flex;flex-direction:column;gap:2px;min-width:0}
.wsg-t b{font-size:16px;color:#111B71}
.wsg-r{color:#55556A}
.wsg-ln{display:block;width:44px;height:2px;border-radius:2px;background:linear-gradient(90deg,#FF0097,#9426C2,#005AFD);margin:4px 0}
.wsg-row{display:flex;align-items:center;gap:6px}
.wsg-row i{display:grid;place-items:center;width:16px;height:16px}
.wsg-row svg{width:13px;height:13px}
.wsg-soc{display:flex;gap:6px;margin-top:6px}
.wsg-soc svg{width:18px;height:18px}
.wsg-cta{grid-column:1/-1;margin-top:12px;display:flex;justify-content:space-between;align-items:center;gap:10px;background:linear-gradient(100deg,#005AFD,#6B3CF2);color:#fff;border-radius:8px;padding:10px 14px;font:700 13px Arial,sans-serif}
.wsg-cta em{font-style:normal;background:#fff;color:#005AFD;border-radius:6px;padding:4px 10px;font-size:12px}
.w2{font-family:Arial,Helvetica,sans-serif;color:#3A3A50;text-align:left}
.w2-hi{font:500 22px/1 "Caveat",cursive;color:#2A2A3A;margin:0 0 10px}
.w2-row{display:grid;grid-template-columns:auto auto 1fr;align-items:center;gap:14px}
.w2-ph{width:74px;height:74px;border-radius:50%;padding:3px;background:linear-gradient(135deg,#FF8FB0,#B57BFF)}
.w2-ph img{width:100%;height:100%;border-radius:50%;object-fit:cover;border:2px solid #fff;display:block}
.w2-id{display:flex;flex-direction:column;gap:1px;padding-inline-end:14px;border-inline-end:1px solid #E3E3EC}
.w2-id b{font-size:18px;color:#5B3FB0;line-height:1.2}
.w2-id span{font-size:12.5px;color:#4A4A62}
.w2-lg{display:block;width:84px;height:28px;margin-top:6px;background:left center/contain no-repeat}
.w2-ct{display:flex;flex-direction:column;gap:5px;font-size:12px;color:#4A4A62;min-width:0}
.w2-c{display:flex;align-items:center;gap:7px}
.w2-c i{display:grid;place-items:center;width:14px;height:14px}
.w2-c svg{width:13px;height:13px}
.w2-bn{margin-top:14px;display:flex;align-items:center;gap:12px;border-radius:6px;padding:12px 14px;background:linear-gradient(100deg,#FCE3D8,#F6D7E6 60%,#E3D6FB);border:1.5px solid #9BB6FF}
.w2-mk{display:grid;place-items:center;width:34px;height:34px;border-radius:8px;background:linear-gradient(135deg,#DD0066,#7A3CF2);color:#fff;font:800 14px Arial,sans-serif;flex:none}
.w2-bn div{display:flex;flex-direction:column;min-width:0}
.w2-bn small{font:700 10px Arial,sans-serif;letter-spacing:.06em;color:#5B3FB0}
.w2-bn b{font:800 14px/1.25 Arial,sans-serif;color:#1E1E3C}
.w2-bn em{margin-inline-start:auto;font:700 11px Arial,sans-serif;font-style:normal;background:#4C6FFF;color:#fff;border-radius:999px;padding:5px 12px;white-space:nowrap}
@media (max-width:520px){.w2-row{grid-template-columns:auto 1fr}.w2-ct{grid-column:1/-1}.w2-id{border:0}}
#checksA li:last-child,#checksW li:last-child{grid-column:1/-1}
section[id]{scroll-margin-top:84px}
h2[tabindex="-1"]:focus{outline:none}
.menu .sub{min-width:220px;top:calc(100% + 10px);inset-inline-start:-12px;z-index:60}
.menu .sub::before{content:"";position:absolute;top:-14px;inset-inline:0;height:14px}
.menu .sub a{display:block;padding:9px 12px;font:500 .93rem var(--display);color:var(--text);white-space:nowrap}
.menu .has-sub > a.ws-nav::after{margin-inline-start:6px}
.m-sub{display:flex;flex-direction:column;padding:2px 0 8px;border-bottom:1px solid var(--line)}
.mobile-nav .m-sub a{padding:8px 0;padding-inline-start:16px;font:400 .95rem var(--body);color:var(--muted);border-bottom:0}
.m-sub[hidden]{display:none!important}
.m-row{display:flex;align-items:center;border-bottom:1px solid var(--line)}
.m-row>a{flex:1;border-bottom:0!important}
.m-tog{width:40px;height:40px;border:1px solid var(--line);border-radius:10px;background:#fff;display:grid;place-items:center;cursor:pointer;flex:none}
.m-tog::before{content:"";width:7px;height:7px;border-right:1.5px solid var(--text);border-bottom:1.5px solid var(--text);transform:rotate(45deg) translate(-2px,-2px);transition:transform .2s}
.m-tog[aria-expanded="true"]::before{transform:rotate(225deg) translate(-2px,-2px)}
@media (max-width:1060px){.burger{display:block}}
.preview-bar{background:#FFF4D6;color:#5C4200;font:500 .88rem var(--display);text-align:center;padding:8px 16px;border-bottom:1px solid #EBD28A}

/* ---- multi-page additions ---- */
.page[hidden]{display:none!important}
.phero{padding-block:88px 72px;background:var(--surface);border-bottom:1px solid var(--line)}
.phero.dark{background:var(--ink);border-bottom:0}
.phero .wrap{display:flex;flex-direction:column;gap:20px;max-width:900px;margin-inline:auto}
.phero.split-hero .wrap{max-width:1200px;display:grid;grid-template-columns:1.05fr 1fr;gap:56px;align-items:center}
.phero h1{font-size:clamp(2.1rem,4vw,3.1rem)}
.crumb{display:inline-flex;align-self:flex-start;gap:8px;align-items:center;font:600 .85rem var(--display);background:#fff;border:1px solid var(--line);border-radius:999px;padding:6px 14px;color:var(--ink)}
.crumb b{color:var(--magenta)}
@media (max-width:960px){.phero.split-hero .wrap{grid-template-columns:1fr}.phero{padding-block:56px}}

.grid3{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}
.grid2{display:grid;grid-template-columns:1fr 1fr;gap:24px}
@media (max-width:960px){.grid3{grid-template-columns:1fr 1fr}}
@media (max-width:620px){.grid3,.grid2{grid-template-columns:1fr}}

.panel{background:#fff;border:1px solid var(--line);border-radius:16px;padding:40px;display:flex;flex-direction:column;gap:20px;min-width:0}
.panel.primary{border-top:4px solid var(--magenta)}
.panel h2{font-size:clamp(1.5rem,2.6vw,1.9rem)}
.panel h4{margin:0;font:600 1rem var(--display);color:var(--ink)}
.chips{display:flex;flex-wrap:wrap;gap:8px}
.chips span{font:500 .88rem var(--display);border:1px solid var(--line);background:var(--surface);border-radius:999px;padding:6px 12px;color:var(--ink)}
.panel .btn{align-self:flex-start}
@media (max-width:620px){.panel{padding:26px}}

.cmp-wrap{overflow-x:auto;border:1px solid var(--line);border-radius:16px;background:#fff}
table.cmp{width:100%;border-collapse:collapse;min-width:560px;font-size:1rem}
.cmp th,.cmp td{padding:16px 22px;text-align:start;border-bottom:1px solid var(--line)}
.cmp thead th{font:600 1.05rem var(--display);color:var(--ink);background:var(--surface)}
.cmp thead th:not(:first-child),.cmp td:not(:first-child){text-align:center;width:26%}
.cmp tbody tr:last-child td{border-bottom:0}
.cmp .y{color:var(--ok);font-weight:700;font-size:1.1rem}
.cmp .n{color:var(--muted)}
.cmp small{display:block;color:var(--muted);font-size:.82rem}

.feature{display:flex;flex-direction:column;gap:12px;padding:28px;border:1px solid var(--line);border-radius:var(--r);background:#fff;min-width:0}
.feature ul{margin:0;padding-inline-start:18px;color:var(--text);display:grid;gap:6px;font-size:.98rem}
.feature p{color:var(--muted);font-size:1rem}

.shot{border:1.5px dashed #D9A400;background:#FFFBEF;border-radius:16px;aspect-ratio:16/9;display:grid;place-items:center;text-align:center;padding:24px;color:#7A5600;font:500 1rem var(--display);max-width:100%}

.faq{display:grid;gap:10px;max-width:860px}
.faq details{background:#fff;border:1px solid var(--line);border-radius:12px;padding:0 22px}
.faq summary{cursor:pointer;list-style:none;display:flex;justify-content:space-between;gap:16px;align-items:center;padding-block:18px;font:600 1.05rem var(--display);color:var(--ink)}
.faq summary::-webkit-details-marker{display:none}
.faq summary::after{content:"+";font-size:1.4rem;color:var(--magenta);line-height:1}
.faq details[open] summary::after{content:"–"}
.faq details p{padding-bottom:18px;color:var(--muted)}

.usecases{display:flex;flex-wrap:wrap;gap:10px}
.usecases span{font:500 .95rem var(--display);background:var(--magenta-tint);color:var(--magenta);border-radius:999px;padding:8px 16px}

.about-grid{display:grid;grid-template-columns:1fr 1fr;gap:64px;align-items:start}
.about-grid p+p{margin-top:16px}
.facts{display:grid;grid-template-columns:1fr 1fr;gap:16px}
.fact{border:1px solid var(--line);border-radius:var(--r);padding:24px;background:#fff}
.fact b{display:block;font:700 2rem var(--display);color:var(--ink);line-height:1.1}
.fact span{color:var(--muted);font-size:.95rem}
.team{display:grid;grid-template-columns:repeat(2,minmax(0,280px));gap:20px}
.person{border:1px solid var(--line);border-radius:var(--r);padding:24px;display:flex;gap:16px;align-items:center;background:#fff}
.person .av{width:56px;height:56px;border-radius:50%;background:var(--ink);color:#fff;display:grid;place-items:center;font:700 1.05rem var(--display);flex:none}
.person strong{display:block;font:600 1.05rem var(--display);color:var(--ink)}
.person span{font-size:.9rem;color:var(--muted)}
@media (max-width:900px){.about-grid{grid-template-columns:1fr;gap:40px}}
@media (max-width:560px){.team{grid-template-columns:1fr}.facts{grid-template-columns:1fr}}

.contact-grid{display:grid;grid-template-columns:1.3fr .7fr;gap:40px;align-items:start}
form.lead{background:#fff;border:1px solid var(--line);border-radius:16px;padding:32px;display:grid;grid-template-columns:1fr 1fr;gap:18px}
.field{display:flex;flex-direction:column;gap:6px;min-width:0}
.field.full{grid-column:1/-1}
.field label,.field legend{font:500 .95rem var(--display);color:var(--ink);padding:0}
.field input,.field select,.field textarea{font:inherit;font-size:1rem;color:var(--ink);background:#fff;border:1px solid #D4D4DC;border-radius:10px;padding:12px 14px;width:100%}
.field input:focus,.field select:focus,.field textarea:focus{outline:none;border-color:var(--magenta);box-shadow:0 0 0 3px var(--magenta-tint)}
.field textarea{min-height:110px;resize:vertical}
fieldset.field{border:0;margin:0;padding:0}
.radios{display:flex;flex-wrap:wrap;gap:10px;margin-top:4px}
.radios label{display:flex;align-items:center;gap:8px;border:1px solid #D4D4DC;border-radius:10px;padding:10px 14px;cursor:pointer;font:500 .95rem var(--body)}
.radios input{width:auto;accent-color:var(--magenta)}
.radios label:has(input:checked){border-color:var(--magenta);background:var(--magenta-tint)}
.form-foot{grid-column:1/-1;display:flex;gap:14px;align-items:center;flex-wrap:wrap}
.form-msg{grid-column:1/-1;border-radius:10px;padding:14px 16px;background:var(--magenta-tint);color:var(--ink);font-size:.95rem}
.err{color:#B42318;font-size:.9rem}
.cinfo{display:grid;gap:12px}
.cinfo div{border:1px solid var(--line);border-radius:12px;padding:16px 18px;background:#fff}
.cinfo small{display:block;color:var(--muted);font-size:.85rem}
.cinfo strong{font:600 1.05rem var(--display);color:var(--ink)}
.ltr{direction:ltr;unicode-bidi:isolate}
@media (max-width:900px){.contact-grid{grid-template-columns:1fr}}
@media (max-width:560px){form.lead{grid-template-columns:1fr;padding:22px}}

.menu a[aria-current="page"]{color:var(--magenta)}
.note-foot{font-size:.85rem;color:var(--muted);margin-top:18px}


/* ---- lighter look (v2): black kept for footer + admin mock only ---- */
.hero{background:linear-gradient(180deg,#FFFFFF 0%,#FBF3F7 100%);border-bottom:1px solid var(--line)}
.hero::before{background:radial-gradient(closest-side,rgba(221,0,102,.10),transparent)}
.hero h1 span{color:var(--magenta)}
.hero .lead{color:var(--muted)}
.hero .trust{border-top-color:var(--line)}
.hero .trust p{color:var(--ink)}
.hero .logo-ph{color:var(--muted)}
.mail{box-shadow:0 30px 70px -34px rgba(11,11,15,.35);border:1px solid var(--line)}
.admin{box-shadow:0 30px 60px -30px rgba(11,11,15,.45)}
.final{background:linear-gradient(180deg,#FBF3F7,#F7F7F9);border-top:1px solid var(--line)}
.final::before{background:radial-gradient(closest-side,rgba(221,0,102,.08),transparent)}
.final p{color:var(--muted)}
.final .contact-line{color:var(--muted)}
.final .contact-line b{color:var(--ink)}
.phero.hero{padding-block:88px 72px}

/* ---- v3 additions ---- */
.clogo{display:block;width:140px;height:56px;background-image:var(--sprite);background-size:1120px 336px;background-repeat:no-repeat;flex:none}
.clogo:hover{opacity:1}
.track .clogo{margin-inline:6px}
.client-grid .cell{height:84px;border:1px solid var(--line);border-radius:10px;background:#fff;display:grid;place-items:center;overflow:hidden}
.client-grid .cell .clogo{transform:scale(.95)}
.fabs{position:fixed;bottom:calc(20px + env(safe-area-inset-bottom,0px));inset-inline-start:20px;display:flex;flex-direction:column;gap:12px;z-index:40}
.fab{position:relative;width:54px;height:54px;border-radius:50%;display:grid;place-items:center;box-shadow:0 10px 24px -8px rgba(0,0,0,.35);text-decoration:none}
.fab-wa{background:#1FAF5A}
.fab-mail{background:var(--magenta)}
.fab-tip{position:absolute;inset-inline-start:64px;white-space:nowrap;background:var(--ink);color:#fff;font:500 .82rem var(--display);padding:6px 10px;border-radius:8px;opacity:0;pointer-events:none;transition:opacity .2s;direction:ltr}
.fab:hover .fab-tip,.fab:focus-visible .fab-tip{opacity:1}
.reach{background:#fff;border:1px solid var(--line);border-radius:16px;padding:32px;display:flex;flex-direction:column;gap:18px;min-width:0}
.reach-lbl{align-self:flex-start;font:600 .78rem var(--display);color:var(--muted);background:var(--surface);border:1px solid var(--line);border-radius:999px;padding:4px 12px}
.reach-row{display:flex;align-items:center;gap:14px;flex-wrap:wrap}
.reach-row>div{display:flex;flex-direction:column}
.reach-row b{font:700 clamp(1.8rem,3.4vw,2.6rem)/1 var(--display);color:var(--ink);font-variant-numeric:tabular-nums}
.reach-row span{font-size:.9rem;color:var(--muted);margin-top:6px}
.reach-row i{font-style:normal;font:500 1.6rem var(--display);color:var(--muted)}
.reach-row .hl b{color:var(--magenta)}
.reach p{color:var(--text)}
.bnr-gallery{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}
.bx{margin:0;display:flex;flex-direction:column;gap:8px;min-width:0}
.bx figcaption{font:600 .85rem var(--display);color:var(--muted)}
.bnr-lg{height:92px;border-radius:10px;display:flex;align-items:center;justify-content:space-between;gap:12px;padding-inline:18px;color:#fff;box-shadow:0 10px 24px -16px rgba(11,11,15,.4)}
.bnr-lg strong{font:700 1.02rem/1.25 var(--display);display:block}
.bnr-lg small{display:block;font-size:.8rem;opacity:.88;margin-top:3px}
.bnr-lg em{font:normal 600 .8rem var(--display);background:#fff;color:var(--ink);padding:7px 12px;border-radius:6px;white-space:nowrap}
@media (max-width:960px){.bnr-gallery{grid-template-columns:1fr 1fr}}
@media (max-width:600px){.bnr-gallery{grid-template-columns:1fr}}
.calc{background:#fff;border:1px solid var(--line);border-radius:16px;padding:28px;display:grid;gap:22px;min-width:0}
.calc-in{display:grid;grid-template-columns:1fr 1fr;gap:6px 16px;align-items:end}
.calc-in label{font:500 .92rem var(--display);color:var(--ink);grid-row:1}
.calc-in input{grid-row:2;font:600 1.2rem var(--display);padding:12px 14px;border:1px solid #D4D4DC;border-radius:10px;width:100%;color:var(--ink);font-variant-numeric:tabular-nums}
.calc-in input:focus{outline:none;border-color:var(--magenta);box-shadow:0 0 0 3px var(--magenta-tint)}
.calc-out{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}
.calc-out>div{border:1px solid var(--line);border-radius:12px;padding:16px;display:flex;flex-direction:column;gap:4px;min-width:0}
.calc-out b{font:700 1.6rem var(--display);color:var(--ink);font-variant-numeric:tabular-nums;overflow-wrap:anywhere}
.calc-out span{font-size:.85rem;color:var(--muted)}
.calc-out .hl{background:var(--magenta-tint);border-color:transparent}
.calc-out .hl b{color:var(--magenta)}
@media (max-width:560px){.calc-out{grid-template-columns:1fr}}
.leaders{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:24px;max-width:860px}
.leader{display:flex;gap:24px;align-items:center;background:#fff;border:1px solid var(--line);border-radius:16px;padding:32px;min-width:0}
.leader .mono{width:88px;height:88px;border-radius:50%;flex:none;display:grid;place-items:center;font:700 1.6rem var(--display);color:var(--magenta);background:var(--magenta-tint);border:2px solid #fff;box-shadow:0 0 0 1px var(--line)}
.leader h3{font-size:1.4rem}
.leader .role{font:600 1rem var(--display);color:var(--magenta);margin-top:4px}
.leader .lcontact{font-size:.92rem;color:var(--muted);margin-top:8px}
@media (max-width:700px){.leaders{grid-template-columns:1fr}.leader{padding:24px}}
.ws-proof{margin-top:28px;display:grid;grid-template-columns:auto 1fr;gap:28px;align-items:center;border:1px solid var(--line);border-radius:16px;padding:28px;background:#fff}
.ws-proof>div:first-child{display:flex;flex-direction:column}
.ws-proof b{font:700 2.4rem/1 var(--display);color:var(--ink)}
.ws-proof>div:first-child span{font-size:.9rem;color:var(--muted);margin-top:6px;max-width:16em}
.ws-names{display:block;color:var(--text)}
.ws-names+.ws-names{margin-top:8px;color:var(--muted);font-size:.95rem}
@media (max-width:620px){.ws-proof{grid-template-columns:1fr}}
:root{--sprite:url(/assets/img/e9e4af7c31f1.webp)}

/* ---- v4: centered hero, Admail-style signatures, leadership ---- */
.hero-c{padding-block:80px 64px;text-align:center}
.hc{display:flex;flex-direction:column;align-items:center;gap:22px}
.hc h1{font-size:clamp(2.3rem,5.4vw,4rem);max-width:15em}
.hc .lead{margin-inline:auto;font-size:1.2rem}
.hc .ctas{justify-content:center}
.pill{font:500 .9rem var(--display);color:var(--muted);background:#fff;border:1px solid var(--line);border-radius:999px;padding:7px 16px}
.pill b{color:var(--magenta);font-weight:700}
.hbadges{list-style:none;margin:0;padding:0;display:flex;flex-wrap:wrap;justify-content:center;gap:10px 24px;font:500 .95rem var(--display);color:var(--ink)}
.hbadges li{display:flex;align-items:center;gap:8px}
.hbadges li::before{content:"";width:16px;height:16px;border-radius:50%;background:var(--magenta-tint) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23DD0066' stroke-width='3.5' stroke-linecap='round'%3E%3Cpath d='M6 12l4 4 8-8'/%3E%3C/svg%3E") center/10px no-repeat}
.showcase{position:relative;width:100%;max-width:1040px;margin-top:36px;padding-bottom:30px;text-align:start}
.showcase .mail{width:60%;margin-inline:auto}
.showcase .admin{position:absolute;inset-inline-end:0;bottom:-6px;width:300px!important;max-width:none!important}
@media (max-width:1100px){.showcase .admin{width:260px!important}}
.addb{position:absolute;inset-inline-start:0;top:48px;width:240px;max-width:24%;background:#fff;border:1px solid var(--line);border-radius:14px;padding:14px;box-shadow:0 24px 50px -30px rgba(11,11,15,.35);display:grid;gap:8px}
.addb h4{margin:0;font:600 .82rem var(--display);color:var(--ink)}
.addb .thumb{height:40px;border-radius:6px;color:#fff;font:600 .72rem var(--display);display:flex;align-items:center;padding-inline:10px}
.trust2{margin-top:48px;width:100%;display:flex;flex-direction:column;gap:22px}
.trust2 p{font:600 clamp(1.3rem,2.4vw,1.8rem) var(--display);color:var(--ink)}
@media (max-width:900px){.showcase .mail{width:100%}.addb{display:none}.showcase .admin{position:relative;width:80%;margin:-24px auto 0;inset:auto}}
/* Admail-style signature */
.asig{padding-top:16px;margin-top:16px;border-top:1px solid var(--line);display:grid;gap:2px;font-size:.84rem;line-height:1.55;color:#333}
.asig-name{font:700 1.02rem var(--display);color:#1F3A7A}
.asig-role{color:#555;margin-bottom:6px}
.asig-lines{color:#333}
.asig-logo{display:flex;align-items:center;gap:6px;margin-top:10px}
.asig-logo i{width:20px;height:20px;border-radius:5px;background:linear-gradient(135deg,#1F3A7A,#3F6FD8)}
.asig-logo b{font:800 1.05rem var(--display);color:#1F3A7A;letter-spacing:.02em}
.asig-logo small{font:500 .78rem var(--display);color:#3F6FD8}
.asig-disc{margin:10px 0 0;font-size:.7rem;color:#888;line-height:1.4;border-top:1px dotted #ccc;padding-top:6px}
.sig-card .asig{border:0;margin:0}
.bnr{height:78px}
.bnr>div{justify-content:flex-start;gap:14px;overflow:hidden}
.bnr .art{position:absolute;inset-block:0;inset-inline-end:0;width:42%;display:block;-webkit-mask-image:linear-gradient(to left,#000 55%,transparent);mask-image:linear-gradient(to left,#000 55%,transparent)}
[dir="rtl"] .bnr .art{-webkit-mask-image:linear-gradient(to right,#000 55%,transparent);mask-image:linear-gradient(to right,#000 55%,transparent)}
.bnr .art svg{width:100%;height:100%;display:block}
.bnr span,.bnr em{position:relative}
.team-sec .leaders{max-width:860px}
.ws-logos{display:flex;flex-wrap:wrap;gap:10px 22px;margin-top:10px}
.ws-logos b{font:700 1.15rem var(--display);color:#5A5A68;letter-spacing:-.01em}

/* ---- v5: combination with current admail.co.il ---- */
.rot{position:relative;display:inline-grid;vertical-align:bottom}
.rot span{grid-area:1/1;opacity:0;transition:opacity .5s}
.rot span.on{opacity:1}
.slogan{padding-block:44px;background:var(--magenta);color:#fff}
.sl{display:flex;align-items:center;justify-content:space-between;gap:24px;flex-wrap:wrap}
.slogan h2{color:#fff;font-size:clamp(1.6rem,3vw,2.3rem)}
.slogan p{color:rgba(255,255,255,.88);margin-top:8px;max-width:40em}
.sl-mods{display:flex;gap:10px;flex-wrap:wrap}
.sl-mods span{font:600 .95rem var(--display);border:1.5px solid rgba(255,255,255,.6);border-radius:999px;padding:8px 18px}
.posdemo{display:flex;flex-direction:column;gap:12px}
.pd-mail{background:#fff;border:1px solid var(--line);border-radius:14px;overflow:hidden;box-shadow:0 24px 50px -32px rgba(11,11,15,.35);padding-bottom:12px}
.pd-bar{display:flex;gap:6px;padding:10px 12px;background:var(--surface);border-bottom:1px solid var(--line)}
.pd-bar i{width:8px;height:8px;border-radius:50%;background:#D5D5DC}
.pd-slot{display:grid;place-items:center;font:600 .82rem var(--display);color:var(--magenta);background:var(--magenta-tint);border:1.5px dashed var(--magenta);border-radius:8px}
.pd-slot.top,.pd-slot.bottom{height:52px;margin:12px 12px 0}
.pd-mid{display:grid;grid-template-columns:70px 1fr 70px;gap:10px;margin:10px 12px 0}
.pd-slot.side{writing-mode:vertical-rl;min-height:170px}
.pd-body{display:flex;flex-direction:column;gap:8px;padding:10px 4px}
.pd-body>span{height:8px;border-radius:4px;background:#E9E9EF}
.pd-sig{margin-top:10px;padding-top:10px;border-top:1px solid var(--line);display:flex;flex-direction:column;gap:6px}
.pd-sig b{width:40%;height:10px;border-radius:4px;background:#1F3A7A}
.pd-sig span{height:7px;border-radius:4px;background:#E9E9EF;width:80%}
.pd-cap{font-size:.92rem;color:var(--muted)}
.reach-line{font-size:1.02rem;color:var(--text);background:#fff;border:1px solid var(--line);border-radius:12px;padding:12px 16px}
.reach-line b{font-family:var(--display);color:var(--ink)}
.reach-line b.m{color:var(--magenta)}
.reach-line small{color:var(--muted)}

/* ---- v6: professional hero ---- */
.btn-lg{padding:15px 28px;font-size:1.05rem}
.hx{position:relative;padding-block:72px 40px;background:
  radial-gradient(900px 420px at 15% 20%,rgba(221,0,102,.07),transparent 70%),
  linear-gradient(#fff,#fff);border-bottom:1px solid var(--line);overflow:hidden}
.hx::before{content:"";position:absolute;inset:0;background-image:linear-gradient(var(--line) 1px,transparent 1px),linear-gradient(90deg,var(--line) 1px,transparent 1px);background-size:56px 56px;opacity:.45;-webkit-mask-image:radial-gradient(ellipse at 30% 40%,#000 10%,transparent 65%);mask-image:radial-gradient(ellipse at 30% 40%,#000 10%,transparent 65%);pointer-events:none}
.hx-grid{position:relative;display:grid;grid-template-columns:1.12fr .95fr;gap:56px;align-items:center}
.hx-copy{display:flex;flex-direction:column;gap:24px;min-width:0}
.hx-eyebrow{display:inline-flex;align-items:center;gap:10px;font:600 .95rem var(--display);color:var(--ink)}
.hx-eyebrow .dot{width:8px;height:8px;border-radius:50%;background:var(--magenta);box-shadow:0 0 0 4px var(--magenta-tint)}
.hx h1{font-size:clamp(2.3rem,4.1vw,3.5rem);line-height:1.1;letter-spacing:-.015em}
.hx h1 em{font-style:normal;color:var(--magenta)}
.hx-lead{font-size:1.2rem;color:var(--muted);max-width:32em}
.hx-facts{display:flex;gap:0;margin:8px 0 0;padding-top:24px;border-top:1px solid var(--line);flex-wrap:wrap}
.hx-facts>div{padding-inline-end:28px;margin-inline-end:28px;border-inline-end:1px solid var(--line)}
.hx-facts>div:last-child{border:0;margin:0;padding:0}
.hx-facts dt{font:700 1.5rem var(--display);color:var(--ink)}
.hx-facts .amp{color:var(--magenta)}
.hx-facts dd{margin:4px 0 0;font-size:.92rem;color:var(--muted)}
.hx-visual{position:relative;min-width:0;padding:30px 0 40px}
.hx-mail{position:relative;z-index:2;background:#fff;border:1px solid var(--line);border-radius:16px;box-shadow:0 40px 80px -40px rgba(11,11,15,.35),0 2px 6px rgba(11,11,15,.04);overflow:hidden;width:88%;margin-inline-start:auto;font-size:.9rem}
.hx-mail-bar{display:flex;align-items:center;justify-content:space-between;padding:12px 16px;background:var(--surface);border-bottom:1px solid var(--line);font:600 .78rem var(--display);color:var(--muted)}
.hx-mail-bar .dots{display:flex;gap:6px}.hx-mail-bar i{width:9px;height:9px;border-radius:50%;background:#D5D5DC}
.hx-mail-meta{padding:10px 18px;border-bottom:1px solid var(--line);font-size:.85rem;display:grid;gap:4px}
.hx-mail-meta span{display:inline-block;min-width:44px;color:var(--muted)}
.hx-mail-meta b{color:var(--ink);font-weight:600}
.hx-mail-body{padding:18px 20px 20px}
.hx-mail-body p{color:#444}
.hx-bnr{margin-top:14px}
.hx-panel{position:absolute;z-index:1;inset-inline-start:0;top:0;width:52%;background:#fff;border:1px solid var(--line);border-radius:14px;padding:14px 16px;box-shadow:0 24px 50px -34px rgba(11,11,15,.35);transform:translateY(-10px)}
.hx-panel-h{display:flex;justify-content:space-between;align-items:center;margin-bottom:8px;font:600 .82rem var(--display);color:var(--ink)}
.hx-panel-h span{font-weight:500;color:var(--muted);background:var(--surface);border-radius:999px;padding:2px 10px}
.hx-row{display:grid;grid-template-columns:10px 1fr auto;gap:10px;align-items:center;padding:8px 0;border-top:1px solid var(--line);font-size:.82rem}
.hx-row i{width:10px;height:10px;border-radius:3px}
.hx-row span{color:var(--ink);font-weight:600}
.hx-row em{font-style:normal;color:var(--muted);font-size:.76rem}
.hx-chip{position:absolute;z-index:3;bottom:8px;inset-inline-start:4%;display:flex;align-items:center;gap:10px;background:#fff;border:1px solid var(--line);border-radius:12px;padding:10px 14px;font:600 .85rem var(--display);color:var(--ink);box-shadow:0 18px 40px -24px rgba(11,11,15,.35)}
.hx-chip .ok{width:20px;height:20px;border-radius:50%;background:#E6F6EF url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%230E8A5F' stroke-width='3.5' stroke-linecap='round'%3E%3Cpath d='M6 12l4 4 8-8'/%3E%3C/svg%3E") center/12px no-repeat}
.hx-trust{position:relative;display:grid;grid-template-columns:auto 1fr;gap:28px;align-items:center;margin-top:48px;padding-top:28px;border-top:1px solid var(--line)}
.hx-trust p{font:600 .95rem var(--display);color:var(--muted);white-space:nowrap}
@media (max-width:980px){.hx-grid{grid-template-columns:1fr;gap:40px}.hx{padding-block:48px 32px}}
@media (max-width:560px){.hx-mail{width:100%}.hx-panel{position:relative;width:100%;transform:none;margin-bottom:-12px}.hx-chip{position:relative;inset:auto;margin-top:12px;display:inline-flex}.hx-trust{grid-template-columns:1fr;gap:14px}.hx-facts>div{padding-inline-end:16px;margin-inline-end:16px}}
.lphoto{width:96px;height:96px;border-radius:50%;object-fit:cover;flex:none;border:3px solid #fff;box-shadow:0 0 0 1px var(--line),0 12px 24px -14px rgba(11,11,15,.4)}

/* ---- v6 additions ---- */
.depts{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;max-width:860px;margin:20px auto 0}
.about-grid ~ * .depts,.leaders+.depts{margin-inline:0}
.team-sec .depts{margin-inline:auto}
.dept{display:flex;gap:14px;align-items:center;background:#fff;border:1px solid var(--line);border-radius:14px;padding:18px 20px;min-width:0}
.dept h3{font-size:1.02rem}
.dept p{font-size:.88rem;color:var(--muted);margin-top:2px}
@media (max-width:760px){.depts{grid-template-columns:1fr}}
.more-clients{margin-top:28px;text-align:center;font:700 1.3rem var(--display);color:var(--magenta)}
.real-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}
.real{margin:0;background:#fff;border:1px solid var(--line);border-radius:16px;padding:16px;display:flex;flex-direction:column;gap:12px;min-width:0}
.real.wide{grid-column:1/-1}
.real img{width:100%;height:auto;border-radius:10px;display:block}
.real figcaption{font:600 .95rem var(--display);color:var(--ink)}
@media (max-width:860px){.real-grid{grid-template-columns:1fr}}
/* WiseStamp-style signatures */
.wss{background:#fff;font:14px/1.45 "Assistant",Arial,sans-serif;color:#333;text-align:left;display:flex;flex-direction:column;gap:12px}
.wss-hi{font:500 1.5rem "Caveat",cursive;color:#444}
.wss-row{display:flex;align-items:center;gap:16px;flex-wrap:wrap}
.wss-photo{width:68px;height:68px;border-radius:50%;flex:none;display:grid;place-items:center;color:#fff;font:700 1.2rem var(--display)}
.wss-id{display:flex;flex-direction:column;gap:2px;min-width:130px}
.wss-id b{font:700 1.08rem var(--display)}
.wss-id span{color:#666;font-size:.86rem}
.wss-co{font-weight:600;color:#333!important}
.wss-logo{display:flex;align-items:center;gap:6px;font:800 .8rem var(--display);letter-spacing:.08em;margin-top:6px}
.wss-logo i{width:14px;height:14px;clip-path:polygon(50% 0,100% 100%,0 100%)}
.wss-sep{width:1px;align-self:stretch;background:#E3E3EA}
.wss-ct{list-style:none;margin:0;padding:0;display:grid;gap:4px;font-size:.84rem}
.wss-ct li,.wss-inline span,.wss-cta span{display:flex;align-items:center;gap:6px}
.wss svg{width:14px;height:14px;flex:none;color:var(--c,#555)}
.wss-bnr{border-radius:8px;color:#fff;display:flex;align-items:center;justify-content:space-between;gap:12px;padding:12px 16px}
.wss-bnr small{display:block;font:600 .68rem var(--display);letter-spacing:.08em;opacity:.85}
.wss-bnr strong{font:700 1rem var(--display)}
.wss-bnr em{font:normal 600 .78rem var(--display);background:#fff;color:#2A1B6B;border-radius:999px;padding:6px 14px}
.wss.min .wss-line{height:2px;width:48px;background:#0B0B0F}
.wss-inline{display:flex;flex-wrap:wrap;gap:6px 16px;font-size:.84rem}
.wss-soc{display:flex;gap:6px;margin-top:6px}
.wss-soc i{width:22px;height:22px;border-radius:50%;background:var(--c);color:#fff;display:grid;place-items:center;font:700 .6rem var(--display);font-style:normal}
.wss-cta{display:flex;align-items:center;gap:14px;flex-wrap:wrap;font-size:.84rem}
.wss-cta a{color:#fff;font:600 .82rem var(--display);padding:8px 16px;border-radius:6px;text-decoration:none}
.wss-gallery{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,420px),1fr));gap:20px}
.wss-gallery figure{margin:0;background:#fff;border:1px solid var(--line);border-radius:16px;padding:20px;display:flex;flex-direction:column;gap:14px;min-width:0}
.wss-gallery figcaption{font:600 .85rem var(--display);color:var(--muted)}
@media (max-width:960px){.wss-gallery{grid-template-columns:1fr}}
.ws-hero-vis{min-width:0}
.ws-mail{background:#fff;border:1px solid var(--line);border-radius:16px;overflow:hidden;box-shadow:0 40px 80px -40px rgba(11,11,15,.35)}
.ws-mail-body{padding:20px;text-align:left}
.ws-mail-body>p{color:#444;margin-bottom:14px;font-size:.92rem}
.int-h{margin:0 0 10px;font:600 .95rem var(--display);color:var(--ink)}
.chips.big{margin-bottom:22px}
.chips.big span{font-size:.95rem;padding:8px 14px;background:#fff}
.ws-admail{margin-top:28px;display:flex;align-items:center;justify-content:space-between;gap:24px;flex-wrap:wrap;background:var(--magenta-tint);border-radius:16px;padding:32px}
.ws-admail h2{margin-top:8px}
/* pricing */
.ptabs{display:inline-flex;align-self:flex-start;gap:4px;background:#fff;border:1px solid var(--line);border-radius:12px;padding:4px;margin-top:8px}
.ptabs button{border:0;background:none;font:600 1rem var(--display);padding:10px 26px;border-radius:9px;cursor:pointer;color:var(--muted)}
.ptabs button[aria-selected="true"]{background:var(--ink);color:#fff}
.plans{display:grid;gap:20px;align-items:stretch}
.plans.three{grid-template-columns:repeat(3,1fr)}
.plans.four{grid-template-columns:repeat(4,1fr)}
.plan{position:relative;background:#fff;border:1px solid var(--line);border-radius:18px;padding:30px 26px;display:flex;flex-direction:column;gap:14px;min-width:0}
.plan.hl{border:2px solid var(--magenta);box-shadow:0 30px 60px -36px rgba(221,0,102,.45)}
.pbadge{position:absolute;top:-13px;inset-inline-start:24px;background:var(--magenta);color:#fff;font:600 .78rem var(--display);padding:4px 12px;border-radius:999px}
.psub{color:var(--muted);font-size:.95rem}
.price{display:flex;align-items:baseline;gap:8px;flex-wrap:wrap}
.price b{font:700 2.6rem/1 var(--display);color:var(--ink);font-variant-numeric:tabular-nums}
.price span{color:var(--muted);font-size:.95rem}
.price s{color:#A0A0AC;font-size:1rem}
.pper{font-size:.85rem;color:var(--muted);margin-top:-6px}
.pl{list-style:none;margin:0;padding:14px 0 0;border-top:1px solid var(--line);display:grid;gap:9px;font-size:.96rem}
.pl li{position:relative;padding-inline-start:24px}
.pl li::before{content:"";position:absolute;inset-inline-start:0;top:.3em;width:16px;height:16px;border-radius:50%;background:var(--magenta-tint) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23DD0066' stroke-width='3.5' stroke-linecap='round'%3E%3Cpath d='M6 12l4 4 8-8'/%3E%3C/svg%3E") center/10px no-repeat}
.pl.inline{display:flex;flex-wrap:wrap;gap:8px 22px;border:0;padding-top:8px}
.pnote{font-size:.85rem;color:var(--muted);background:var(--surface);border-radius:8px;padding:10px 12px}
.plan .btn{margin-top:auto}
.plan-wide{margin-top:20px;background:#fff;border:1px solid var(--line);border-radius:18px;padding:26px 30px;display:flex;align-items:center;justify-content:space-between;gap:20px;flex-wrap:wrap}
.assure{margin-top:24px;display:flex;flex-wrap:wrap;justify-content:center;gap:10px 28px;font:600 .98rem var(--display);color:var(--ink)}
.assure span::before{content:"✓ ";color:var(--magenta)}
.tiers td b{font-family:var(--display)}
@media (max-width:1100px){.plans.four{grid-template-columns:1fr 1fr}}
@media (max-width:860px){.plans.three{grid-template-columns:1fr}}
@media (max-width:560px){.plans.four{grid-template-columns:1fr}}
/* ---- v7: Admail-style signatures & banners, logos ---- */
.adsig{font:13px/1.55 Arial,"Assistant",sans-serif;color:#333;padding-top:14px;margin-top:14px;border-top:1px solid var(--line)}
.sig-card .adsig{border:0;margin:0}
.adsig-hi{margin:0 0 8px;color:#333}
.adsig-row{display:flex;gap:14px;align-items:center}
.adsig-mark{display:flex;flex-direction:column;align-items:center;gap:2px;padding-inline-end:14px;border-inline-end:2px solid #3FA9F5}
.adsig-mark .alogo{width:44px;height:44px}
.adsig-mark span{display:flex;flex-direction:column;align-items:center;line-height:1}
.adsig-mark b{font:800 1.05rem Arial,sans-serif;color:#1F3A7A}
.adsig-mark small{font:600 .72rem Arial,sans-serif;color:#1F3A7A}
.adsig-txt .n{color:#1F3A7A;font-size:14px}
.adsig-txt .sep{color:#3FA9F5;margin-inline:2px}
.adsig-txt .dp,.adsig-txt .lb{color:#27A3D9;font-weight:700}
.adsig-txt .org{font-weight:700;color:#1F3A7A}
.adsig-disc{margin:10px 0 0;font-size:11px;color:#8A8A8A;border-top:1px dotted #CCC;padding-top:6px}
.adsig.b{display:flex;flex-direction:column;gap:1px}
.adsig.b .n2{color:#2D2A7B;font-size:14.5px}
.adsig.b .r2{color:#2D2A7B;margin-bottom:6px}
.adsig.b .l2{color:#222}
.nlogo{display:flex;align-items:center;gap:6px;margin-top:10px}
.nlogo b{font:900 1.35rem Arial,sans-serif;color:#2D2A7B;letter-spacing:-.02em}
.nlogo i{width:12px;height:12px;border-radius:50%;background:#F2C300;margin-top:-10px}
.nlogo span{font:700 .72rem Arial,sans-serif;color:#2D2A7B;letter-spacing:.06em}
.adbrot{position:relative;height:100px;margin-top:14px}
.adbrot .adb{position:absolute;inset:0;opacity:0;transition:opacity .8s}
.adbrot .adb.on{opacity:1}
.adb{height:100px;border-radius:4px;overflow:hidden;display:flex;box-shadow:0 1px 3px rgba(0,0,0,.12)}
.adb-estate{direction:ltr}
.adb-panel{flex:0 0 45%;background:#2D2A7B;display:flex;flex-direction:column;justify-content:center;padding-inline:16px;gap:4px;direction:rtl}
.adb-panel b{font:900 1.3rem Arial,sans-serif;color:#fff;letter-spacing:.02em;direction:ltr;text-align:right}
.adb-panel b span{color:#F2C300;margin-inline-start:4px}
.adb-panel small{color:#DCD9FF;font:600 .78rem Arial,sans-serif}
.adb-photo{flex:1;position:relative;background:linear-gradient(180deg,#8EC5EE 0%,#CFE6F7 55%,#9FB7C9 56%,#7E95A6 100%);display:flex;align-items:flex-end;gap:5px;padding:0 10px}
.adb-photo i{display:block;width:18%;background:repeating-linear-gradient(180deg,#5B7FA0 0 4px,#C9DDEE 4px 7px);border:1px solid #4A6886;border-bottom:0}
.adb-photo i:nth-child(1){height:55%}.adb-photo i:nth-child(2){height:85%;width:22%}.adb-photo i:nth-child(3){height:70%}.adb-photo i:nth-child(4){height:92%;width:16%}.adb-photo i:nth-child(5){height:48%}
.adb-yellow{background:#FFD83B;align-items:center;justify-content:space-between;padding-inline:18px}
.adb-y-txt{display:flex;flex-direction:column;gap:2px}
.adb-y-txt b{font:900 1.15rem Arial,sans-serif;color:#1F3A7A}
.adb-y-txt small{font:600 .8rem Arial,sans-serif;color:#1F3A7A}
.adb-y-txt em{align-self:flex-start;margin-top:4px;font:normal 700 .74rem Arial,sans-serif;background:#1F3A7A;color:#fff;border-radius:999px;padding:3px 12px}
.adb-y-art{width:74px;height:74px;border-radius:50%;background:#fff;display:grid;place-items:center;box-shadow:0 0 0 6px rgba(255,255,255,.45)}
.adb-y-art span{font:900 1.3rem Arial,sans-serif;color:#E0457B;direction:ltr}
.env-tags{display:flex;flex-wrap:wrap;gap:6px;margin-top:6px}
.env-tags i{font:normal 600 .74rem var(--display);border-radius:999px;padding:3px 10px}
.env-tags .t-a{background:var(--magenta-tint);color:var(--magenta)}
.env-tags .t-w{background:#EEEBFF;color:#4B36C9}
.envs.three{grid-template-columns:repeat(3,1fr)}
@media (max-width:900px){.envs.three{grid-template-columns:1fr}}
.wslogo{height:26px;width:auto}
.ws-logo-row{display:flex;flex-wrap:wrap;align-items:center;gap:18px 34px;margin-top:14px}
.ws-logo-row img{height:30px;width:auto;opacity:.85}

.sig-card{padding-top:34px!important}
.sol-top{flex-wrap:wrap}
@media (max-width:600px){.client-grid{grid-template-columns:repeat(2,1fr)!important}.client-grid .cell{overflow:hidden}.client-grid .cell .clogo{transform:scale(.85)}}
/* ---- v8 ---- */
.adb.sm{height:72px;margin-top:12px}
.adb.sm .adb-panel b{font-size:1.05rem}
.adb.sm .adb-y-art{width:52px;height:52px}
.adb-navy{background:linear-gradient(100deg,#1E2A5A,#34489B);align-items:center;justify-content:space-between;padding-inline:18px;color:#fff}
.adb-n-txt{display:flex;flex-direction:column}
.adb-n-txt small{font:700 .68rem Arial,sans-serif;letter-spacing:.08em;color:#BFC9F2}
.adb-n-txt b{font:900 1.1rem Arial,sans-serif}
.adb-navy em{font:normal 700 .76rem Arial,sans-serif;background:#F2C300;color:#1E2A5A;border-radius:4px;padding:6px 12px}
.lang-flip{display:grid}
.lang-l{grid-area:1/1;opacity:0;transition:opacity .7s;pointer-events:none}
.lang-l.on{opacity:1;pointer-events:auto}
.lang-l[dir="ltr"] p{text-align:left}
.lang-ind{display:inline-flex;gap:2px;background:#fff;border:1px solid var(--line);border-radius:999px;padding:2px}
.lang-ind b{font:600 .72rem var(--display);padding:3px 10px;border-radius:999px;color:var(--muted);transition:background .3s,color .3s}
.lang-ind b.on{background:var(--ink);color:#fff}
.ws-about{padding-block:56px}
.ws-facts{display:grid;grid-template-columns:repeat(2,1fr);gap:16px}
.ws-facts>div{border:1px solid var(--line);border-radius:14px;padding:20px;background:#fff;display:flex;flex-direction:column;gap:4px}
.ws-facts b{font:700 1.8rem var(--display);color:var(--ink);direction:ltr;text-align:right}
.ws-facts span{color:var(--muted);font-size:.92rem}
.ws-clar{margin-top:22px;font-size:1.05rem;color:var(--text);background:var(--surface);border-radius:12px;padding:16px 20px;border-inline-start:4px solid var(--magenta)}
.ws-badges{display:block;width:100%;max-width:900px;height:auto;margin:32px auto 0;filter:grayscale(1)}
@media (max-width:900px){.ws-facts{grid-template-columns:1fr 1fr}}
.teams{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:14px}
.team-i{border:1px solid var(--line);border-radius:14px;padding:18px 20px;background:#fff;display:flex;flex-direction:column;gap:6px}
.team-i b{font:700 1.08rem var(--display);color:var(--ink)}
.team-i span{color:var(--muted);font-size:.95rem}
.caps{display:grid;grid-template-columns:repeat(auto-fit,minmax(210px,1fr));gap:18px}
.capcol{background:#fff;border:1px solid var(--line);border-radius:16px;padding:22px}
.capcol h3{margin-bottom:12px}
.capcol .pl{font-size:.93rem}
.steps4{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(4,1fr);gap:16px;counter-reset:st}
.steps4 li{background:#fff;border:1px solid var(--line);border-radius:14px;padding:22px;display:flex;flex-direction:column;gap:6px;counter-increment:st}
.steps4 li::before{content:counter(st);width:34px;height:34px;border-radius:50%;background:var(--magenta);color:#fff;display:grid;place-items:center;font:700 1rem var(--display);margin-bottom:6px}
.steps4 b{font:700 1.05rem var(--display);color:var(--ink)}
.steps4 span{color:var(--muted);font-size:.93rem}
@media (max-width:900px){.steps4{grid-template-columns:1fr 1fr}}
@media (max-width:520px){.steps4{grid-template-columns:1fr}}
.ws-logo-row.big{gap:24px 48px;justify-content:center}
.ws-logo-row.big img{height:36px}
.role[dir="ltr"]{text-align:right;letter-spacing:.06em}
:root{--i-tl:url(/assets/img/d65a44679fa3.png);--i-tb:url(/assets/img/8ec13038c5a8.jpg);--i-fl:url(/assets/img/e640ec460cc0.png);--i-fb:url(/assets/img/cc539866da71.jpg);--i-il:url(/assets/img/c5a6e6080cb0.png)}

/* ---- v9: client-style signatures ---- */
.csig{font:13px/1.55 Arial,Helvetica,sans-serif;color:#111;display:flex;flex-direction:column;gap:1px;text-align:start}
.csig[dir="ltr"]{text-align:left}
.c-logo{background:center/contain no-repeat;margin-bottom:8px}
.csig.toll .c-logo{margin-inline:0}
.c-rule{height:1px;background:#E6E6E6;margin:8px 0}
.c-n{font-size:15px;color:#000}
.c-soc{color:#8A8A8A}.c-soc u{color:#8A8A8A}.c-soc i{color:#CFCFCF;font-style:normal;margin:0 4px}
.c-bnr{margin-top:12px;border-radius:2px;background:center/cover no-repeat;width:100%}
.csig.fattal{color:#1E2A5A}
.c-row{display:flex;align-items:center;gap:16px;flex-wrap:wrap}
.c-vr{width:2px;align-self:stretch;background:#1E2A5A;min-height:90px}
.csig.fattal .c-n{color:#1E2A5A;font-size:17px}
.c-id{display:flex;flex-direction:column;gap:1px}
.c-icons{display:flex;gap:6px;margin-top:6px}
.c-icons i{width:22px;height:22px;border:1.5px solid #1E2A5A;border-radius:50%;display:grid;place-items:center;color:#1E2A5A}
.c-icons svg{width:12px;height:12px}
.csig.issta .c-n,.csig.issta .c-r{font-size:15px;color:#000}
.csig.issta .c-r{margin-bottom:8px}
.c-g{color:#7A7A7A}
.c-g u{color:#7A7A7A}
.c-links{margin-top:10px}.c-links i{font-style:normal;margin:0 4px}
.issta-b{aspect-ratio:auto;height:78px;background:linear-gradient(100deg,#3FA34D,#63C06F);display:flex;align-items:center;justify-content:space-between;gap:12px;padding-inline:18px;color:#fff}
.issta-b b{display:block;font:800 1.05rem Arial,sans-serif}
.issta-b small{font:600 .8rem Arial,sans-serif;opacity:.9}
.issta-b em{font:normal 700 .78rem Arial,sans-serif;background:#fff;color:#2E7A3A;border-radius:999px;padding:6px 14px;white-space:nowrap}
.sig-card.solo{padding-top:22px!important}
.clogo-img{display:block;width:140px;height:56px;background:center/contain no-repeat}
.ws-cust{padding-block:56px 8px}
.ws-cust .sec-head{margin-bottom:28px}
.envs{grid-template-columns:repeat(4,1fr)}
@media (max-width:900px){.envs{grid-template-columns:1fr 1fr}.ws-facts{grid-template-columns:1fr!important}}
@media (max-width:560px){.envs{grid-template-columns:1fr}.c-vr{display:none}.issta-b{height:auto;padding-block:12px;flex-wrap:wrap}}
:root{--l-harel:url(/assets/img/07b980d944b2.png);--l-phoenix:url(/assets/img/05000e52bce6.png);--l-pelephone:url(/assets/img/8f31440e3a0a.png);--l-clubhotel:url(/assets/img/08652f344adb.png);--l-assuta:url(/assets/img/5dab1490a671.png);--l-gavyam:url(/assets/img/fa8ef99a9fe3.png);--l-admail:url(/assets/img/d3d2fcd89052.png);--l-i365:url(/assets/img/d64d3279b46e.svg);--l-iexch:url(/assets/img/255039107078.svg);--l-igoog:url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iODAiIGhlaWdodD0iODAiIHZpZXdCb3g9IjAgMCA4MCA4MCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZD0iTTc4LjQgNDAuOTA5MUM3OC40IDM4LjA3MjcgNzguMTQ1NSAzNS4zNDU1IDc3LjY3MjcgMzIuNzI3M0g0MFY0OC4yMTgySDYxLjUyNzNDNjAuNTgxOCA1My4yIDU3Ljc0NTUgNTcuNDE4MiA1My40OTA5IDYwLjI1NDZWNzAuMzI3M0g2Ni40NzI3Qzc0LjAzNjQgNjMuMzQ1NSA3OC40IDUzLjA5MDkgNzguNCA0MC45MDkxWiIgZmlsbD0iIzQyODVGNCIvPgo8cGF0aCBkPSJNNDAgODBDNTAuOCA4MCA1OS44NTQ2IDc2LjQzNjQgNjYuNDcyNyA3MC4zMjczTDUzLjQ5MDkgNjAuMjU0NUM0OS45MjczIDYyLjY1NDUgNDUuMzgxOCA2NC4xMDkxIDQwIDY0LjEwOTFDMjkuNiA2NC4xMDkxIDIwLjc2MzcgNTcuMDkwOSAxNy42IDQ3LjYzNjRINC4yOTA5MlY1Ny45NjM2QzEwLjg3MjcgNzEuMDE4MiAyNC4zNjM2IDgwIDQwIDgwWiIgZmlsbD0iIzM0QTg1MyIvPgo8cGF0aCBkPSJNMTcuNiA0Ny42QzE2LjggNDUuMiAxNi4zMjczIDQyLjY1NDYgMTYuMzI3MyA0MEMxNi4zMjczIDM3LjM0NTUgMTYuOCAzNC44IDE3LjYgMzIuNFYyMi4wNzI4SDQuMjkwOTFDMS41NjM2NCAyNy40NTQ2IDAgMzMuNTI3MyAwIDQwQzAgNDYuNDcyOCAxLjU2MzY0IDUyLjU0NTUgNC4yOTA5MSA1Ny45MjczTDE0LjY1NDUgNDkuODU0NkwxNy42IDQ3LjZaIiBmaWxsPSIjRkJCQzA1Ii8+CjxwYXRoIGQ9Ik00MCAxNS45MjczQzQ1Ljg5MDkgMTUuOTI3MyA1MS4xMjczIDE3Ljk2MzYgNTUuMzA5MSAyMS44OTA5TDY2Ljc2MzcgMTAuNDM2NEM1OS44MTgyIDMuOTYzNjQgNTAuOCAwIDQwIDBDMjQuMzYzNiAwIDEwLjg3MjcgOC45ODE4MiA0LjI5MDkyIDIyLjA3MjdMMTcuNiAzMi40QzIwLjc2MzcgMjIuOTQ1NSAyOS42IDE1LjkyNzMgNDAgMTUuOTI3M1oiIGZpbGw9IiNFQTQzMzUiLz4KPC9zdmc+Cg==);--l-iazure:url(/assets/img/60df73580fab.png)}

/* ---- v10 ---- */
.csig .c-logo{display:block;background:center/contain no-repeat;flex:none}
.csig.a{font:13px/1.55 Arial,Helvetica,sans-serif;color:#222;display:flex;flex-direction:column}
.csig.a[dir="ltr"]{text-align:left}
.csig.a .c-hi{margin:0 0 8px}
.csig.a .c-row{display:flex;align-items:center;gap:14px}
.csig.a .c-bar{width:2px;align-self:stretch;background:var(--a);min-height:70px}
.csig.a .c-n{color:var(--c);font-size:14px}
.csig.a .c-sep{color:var(--a);margin:0 3px}
.csig.a .c-dp{color:var(--a);font-weight:700}
.csig.a .c-org{font-weight:700;color:var(--c)}
.csig .c-disc{margin:10px 0 0;font-size:11px;color:#8A8A8A;border-top:1px dotted #CCC;padding-top:6px}
.csig.b{font:13px/1.55 Arial,Helvetica,sans-serif;color:#222;display:flex;flex-direction:column;gap:1px}
.csig.b[dir="ltr"]{text-align:left}
.csig.b .c-n{color:var(--c);font-size:14.5px}
.csig.b .c-r{color:var(--c);margin-bottom:6px}
.csig.b .c-lg{margin-top:10px}
.c-bn{margin-top:12px;height:74px;border-radius:3px;display:flex;align-items:center;justify-content:space-between;gap:12px;padding-inline:16px;overflow:hidden}
.c-bn b{display:block;font:800 1rem Arial,sans-serif}
.c-bn small{font:600 .78rem Arial,sans-serif;opacity:.9}
.c-bn em{font:normal 700 .76rem Arial,sans-serif;border-radius:999px;padding:6px 14px;white-space:nowrap}
.c-bn.estate{padding:0;direction:ltr}
.c-bn.estate .adb-photo{flex:1;height:100%}
.c-bn.estate .gy{flex:0 0 48%;height:100%;background:#2D2A7B;color:#fff;display:flex;flex-direction:column;justify-content:center;padding-inline:14px}
.c-bn.estate .gy b{font:900 1.05rem Arial,sans-serif;letter-spacing:.02em}
.c-bn.estate .gy b span{color:#F2C300;font-size:.7rem;vertical-align:super;margin:0 2px}
.c-bn.estate .gy em{background:none;padding:0;color:#F2C300;font:900 1.05rem Arial,sans-serif;margin-inline-start:4px}
.c-bn.estate .gy small{direction:rtl;text-align:right;color:#DCD9FF}
.sig-stack2{display:grid;gap:14px}
.flipcard .lang-ind{position:absolute;top:10px;inset-inline-end:12px}
.envicon{display:block;width:40px;height:40px;background:center/contain no-repeat;margin-bottom:4px}
.chips.icons span{display:inline-flex;align-items:center;gap:8px}
.chips.icons i{width:20px;height:20px;background:center/contain no-repeat;display:inline-block}
.wst-gallery{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,320px),1fr));gap:18px}
.wst-gallery figure{margin:0;background:#fff;border:1px solid var(--line);border-radius:14px;padding:14px;display:flex;flex-direction:column;gap:10px}
.wst-gallery img{width:100%;height:auto;display:block;border-radius:6px}
.wst-gallery figcaption{font:600 .88rem var(--display);color:var(--muted)}
@media (max-width:560px){.csig.a .c-row{flex-wrap:wrap}.csig.a .c-bar{display:none}.c-bn{height:auto;padding-block:10px;flex-wrap:wrap}}
:root{--l-budget:url(/assets/img/123883c5a826.png);--l-carlton:url(/assets/img/430c5601f211.png);--l-inbal:url(/assets/img/13b743bc544b.png);--l-ups:url(/assets/img/b2eddeabb7fd.png)}
.sigrot{display:grid}
.sigrot .sr{grid-area:1/1;opacity:0;transition:opacity .8s;pointer-events:none}
.sigrot .sr.on{opacity:1;pointer-events:auto}

.admin-shot{display:grid;grid-template-columns:1.5fr 1fr;gap:32px;align-items:center}
.admin-shot figure{margin:0;background:#fff;border:1px solid var(--line);border-radius:18px;padding:18px;box-shadow:0 30px 70px -40px rgba(11,11,15,.35)}
.admin-shot img{width:100%;height:auto;display:block;border-radius:10px}
.admin-feats{display:grid;gap:14px}
.admin-feats>div{border:1px solid var(--line);border-radius:14px;padding:18px 20px;background:#fff}
.admin-feats p{color:var(--muted);margin-top:6px;font-size:.96rem}
@media (max-width:900px){.admin-shot{grid-template-columns:1fr}}
.admin-lang{margin-top:22px;text-align:center;color:var(--ink);background:var(--magenta-tint);border-radius:12px;padding:12px 16px}
.lang-more{font-size:.85rem;color:var(--muted);margin-top:-4px}
.grp{background:#fff;border:1px solid var(--line);border-radius:16px;padding:20px 22px}
.grp-h{display:grid;grid-template-columns:130px 1fr;gap:12px;font:600 .8rem var(--display);color:var(--muted);padding-bottom:10px;border-bottom:1px solid var(--line)}
.grp-r{display:grid;grid-template-columns:130px 1fr;gap:6px 12px;align-items:center;padding:12px 0;border-bottom:1px solid var(--line)}
.grp-r b{display:flex;align-items:center;gap:8px;font:600 .95rem var(--display);color:var(--ink);grid-row:span 2}
.grp-r b i{width:10px;height:10px;border-radius:3px}
.grp-r .chip{justify-self:start;font:500 .82rem var(--display);background:var(--surface);border:1px solid var(--line);border-radius:999px;padding:3px 12px}
.grp-r .chip.bn{background:var(--magenta-tint);border-color:transparent;color:var(--magenta)}
.grp-r .chip.ds{background:#EEF1F7;border-color:transparent;color:#1F3A7A}
:root{--l-tadiran:url(/assets/img/b3707f008a98.png);--l-ituran:url(/assets/img/58f4e42a9a20.png);--l-sport5:url(/assets/img/5c6e1a084e95.png);--l-mda:url(/assets/img/3cb15836bbd1.png);--l-melisron:url(/assets/img/9a0041004403.png);--l-ports:url(/assets/img/6dd259b7d363.png);--l-mot:url(/assets/img/f5d737b08612.png)}

.about-text{max-width:820px;margin-inline:auto}
.about-text p{margin-top:16px;font-size:1.06rem}
.about-text h2{margin-top:44px}
.about-text h3{margin-top:26px;color:var(--magenta)}
.bw{margin-top:22px;padding:18px 22px;border-radius:14px;background:linear-gradient(90deg,#EAF1FF,#FFFFFF);border-inline-start:5px solid #1F4FB3;color:#1B2B55;font-size:1.08rem}
.bw b{color:#1F4FB3}
.envimg{margin:0 auto;max-width:1000px;background:#fff;border:1px solid var(--line);border-radius:16px;padding:18px}
.envimg img{width:100%;height:auto;display:block}
.demo-grid{display:grid;grid-template-columns:1.35fr .9fr;gap:36px;align-items:start}
.demo-form{display:grid;gap:18px}
.demo-form fieldset{border:1px solid var(--line);border-radius:16px;padding:22px;margin:0;background:#fff}
.demo-form legend{display:flex;align-items:center;gap:10px;font:700 1.08rem var(--display);color:var(--ink);padding:0 6px}
.demo-form legend span{width:28px;height:28px;border-radius:50%;background:var(--magenta);color:#fff;display:grid;place-items:center;font-size:.9rem}
.demo-form legend small{font-weight:500;color:var(--muted);font-size:.85rem}
.days,.slots{display:flex;flex-wrap:wrap;gap:8px}
.slots{margin-top:12px}
.days button,.slots button{border:1px solid #D4D4DC;background:#fff;border-radius:10px;padding:9px 12px;font:600 .9rem var(--display);color:var(--ink);cursor:pointer;min-width:74px}
.days button small{display:block;font-weight:500;color:var(--muted);font-size:.75rem}
.days button[aria-checked="true"],.slots button[aria-checked="true"]{border-color:var(--magenta);background:var(--magenta-tint);color:var(--magenta)}
.grid-2f{display:grid;grid-template-columns:1fr 1fr;gap:14px}
.demo-ok{border-radius:14px;padding:18px 20px;background:#E6F6EF;color:#0B5A3E;font-size:1rem}
.demo-side{position:sticky;top:96px;display:grid;gap:18px}
.demo-prev{background:#fff;border:1px solid var(--line);border-radius:16px;padding:20px;box-shadow:0 30px 60px -40px rgba(11,11,15,.35)}
.demo-prev-h{font:600 .85rem var(--display);color:var(--muted);margin-bottom:12px}
.dp-sig{display:flex;gap:14px;align-items:center;font:13px/1.55 Arial,sans-serif;color:#222}
.dp-sig b{font-size:15px;color:#1F3A7A}
.dp-logo{width:96px;height:60px;border:1.5px dashed #C9C9D3;border-radius:8px;display:grid;place-items:center;background:center/contain no-repeat;flex:none}
.dp-logo span{font:500 .72rem var(--display);color:var(--muted)}
.dp-logo.has{border:0}.dp-logo.has span{display:none}
.dp-bar{width:2px;align-self:stretch;background:var(--magenta)}
.dp-bn{margin-top:14px;height:64px;border-radius:6px;border:1.5px dashed var(--magenta);background:var(--magenta-tint);display:grid;place-items:center;font:600 .85rem var(--display);color:var(--magenta)}
.demo-what{list-style:none;margin:0;padding:18px 20px;border:1px solid var(--line);border-radius:16px;background:var(--surface);display:grid;gap:8px}
.demo-what li::before{content:"✓ ";color:var(--magenta);font-weight:700}
@media (max-width:900px){.demo-grid{grid-template-columns:1fr}.demo-side{position:static;order:-1}}
@media (max-width:560px){.grid-2f{grid-template-columns:1fr}}

/* ---- professional typography & spacing ---- */
body{font-size:16px;line-height:1.6}
h1{font-size:clamp(2rem,3.4vw,2.85rem);font-weight:600;letter-spacing:-.015em;line-height:1.15}
.phero h1{font-size:clamp(1.85rem,3vw,2.5rem)}
h2{font-size:clamp(1.5rem,2.4vw,2.05rem);font-weight:600;letter-spacing:-.01em;line-height:1.2}
h3{font-size:1.08rem;font-weight:600}
.lead{font-size:1.04rem;line-height:1.65}
.eyebrow{font-size:.82rem;letter-spacing:.02em}
section{padding-block:80px}
.phero{padding-block:64px 52px}
.phero .wrap{gap:16px}
.sec-head{margin-bottom:40px;gap:10px}
.card,.feature{padding:22px;gap:10px}
.card p,.feature p{font-size:.95rem}
.sol{padding:30px;gap:14px}
.checks{font-size:.93rem}
.btn{padding:11px 20px;font-size:.95rem}
.btn-lg{padding:13px 24px;font-size:1rem}
.menu{font-size:.95rem;gap:22px}
.points li{padding-block:18px}
.year{font-size:clamp(4rem,9vw,6.5rem)}
.faq summary{font-size:.98rem;padding-block:15px}
.panel{padding:30px}
@media (max-width:700px){section{padding-block:56px}.phero{padding-block:44px 36px}.sec-head{margin-bottom:28px}h1{font-size:1.85rem}.phero h1{font-size:1.7rem}h2{font-size:1.45rem}}
.hx h1{font-size:clamp(2rem,3.4vw,2.9rem);font-weight:600}
.hx-copy{gap:20px}
.hx .lead{font-size:1.06rem}
.menu .sub{min-width:250px;padding:12px;border-radius:12px;box-shadow:0 16px 40px -18px rgba(11,11,15,.28),0 2px 6px rgba(11,11,15,.05)}
.menu .sub.two{min-width:420px}
.sub-h{display:flex;flex-direction:column;gap:1px;padding:4px 10px 10px;margin-bottom:6px;border-bottom:1px solid var(--line)}
.sub-h b{font:600 .88rem var(--display);color:var(--ink)}
.sub-h span{font:400 .76rem var(--body);color:var(--muted)}
.sub-l{display:grid;gap:1px}
.sub.two .sub-l{grid-template-columns:1fr 1fr;column-gap:6px}
.menu .sub .sub-l a{display:block;padding:7px 10px;border-radius:7px;font:500 .84rem/1.3 var(--display);color:var(--text);white-space:nowrap}
.menu .sub .sub-l a:hover{background:var(--surface);color:var(--magenta)}
.sub.two .sub-l a:hover{color:#005AFD}
.menu .sub .sub-all{display:block;margin-top:6px;padding:8px 10px 2px;border-top:1px solid var(--line);font:600 .78rem var(--display);color:var(--magenta)}
.sub.two .sub-all{color:#005AFD}
.mobile-nav .m-sub a{padding:7px 0;padding-inline-start:14px;font-size:.9rem}
.hx h1{max-width:13.5em}
.hx h1 .hl{display:block}
.hx h1 .ms{font-style:normal;color:var(--magenta);font-weight:700;white-space:nowrap}
.hx h1 bdi{unicode-bidi:isolate;white-space:nowrap}
.hx-lead{max-width:30em;line-height:1.7;font-size:1.06rem}
.hx-copy .ctas{justify-content:flex-start}
.hx-tile-f{margin-top:14px;padding-top:12px;border-top:1px solid var(--line);display:grid;gap:8px}
.hx-tile-f .f-l{font:600 .72rem var(--display);color:var(--muted);letter-spacing:.02em}
.hx-tile-f .f-l small{font-weight:500;opacity:.8}
.f-row{display:flex;flex-wrap:wrap;gap:6px}
.envi{display:inline-flex;align-items:center;gap:6px;font:500 .76rem var(--display);color:var(--text);background:var(--surface);border:1px solid var(--line);border-radius:999px;padding:4px 10px 4px 10px}
.envi i{width:16px;height:16px;background:center/contain no-repeat;flex:none}
.secb{font:600 .72rem var(--display);color:#111B71;background:#EEF3FF;border:1px solid #D5E0FF;border-radius:6px;padding:4px 9px}
@media (max-width:700px){.hx h1 .hl{display:inline}.hx h1 .hl::after{content:" "}}

/* two-solutions positioning */
#h-solutions .sec-head .lead{max-width:44em;margin-inline:auto}
#h-solutions .sol h3{font-size:1.12rem;line-height:1.4;margin:4px 0 2px}
.btn-ws{background:#005AFD;color:#fff;border:1px solid #005AFD}
.btn-ws:hover{background:#0047CC;border-color:#0047CC;color:#fff}
#h-solutions .unsure span{max-width:36em}
.hero-copy img.ph-logo{display:block;height:44px!important;width:auto!important;max-width:none!important;margin:0 0 14px 0!important;align-self:flex-start;object-fit:contain}
.hero-copy img.ph-logo.ws{height:26px!important;margin-bottom:16px!important}
#h-solutions .unsure{flex-direction:column;text-align:center;gap:14px}
@media (max-width:640px){.sol-top img.wslogo{height:24px!important;width:auto!important}.sol-top img:not(.wslogo){height:40px!important;width:auto!important}}
.adv-grid .card.adv h3{font-size:1.02rem;margin:10px 0 6px}
.adv-grid .card.adv p{font-size:.93rem;line-height:1.6}
.adv-grid .card.adv.ws .ico{color:#005AFD;background:#EEF3FF}
.adv-note{margin-top:22px;color:var(--muted);font-size:.93rem}
.ws-envs{display:flex;flex-wrap:wrap;align-items:center;gap:8px;margin-top:24px}
.ws-envs .f-l{font:600 .8rem var(--display);color:var(--muted);margin-inline-end:4px}

/* hero: copy on top, two solution tiles below */
.hx-grid{grid-template-columns:1fr!important;gap:36px!important}
.hx-copy{max-width:760px}
.hx-duo{grid-template-columns:1fr 1fr;align-items:stretch;padding:0!important}
.hx-duo .hx-tile{display:flex;flex-direction:column}
.hx-tile-h .tag{font-size:.74rem}
.hx-sol{margin-top:auto;padding-top:16px;border-top:1px solid var(--line);display:flex;flex-direction:column;gap:10px}
.hx-tile .hx-sol{margin-top:16px}
.hx-duo .hx-tile>.csig,.hx-duo .hx-tile>.w2{flex:1}
.hx-sol h3{font-size:1.15rem;margin:0}
.sol-fit{display:inline-block;align-self:flex-start;font:600 .8rem var(--display);color:var(--magenta);background:#FDEBF3;border-radius:6px;padding:5px 10px}
.sol-fit.ws{color:#005AFD;background:#EEF3FF}
.hx-ck{list-style:none;margin:0;padding:0;display:grid;gap:6px}
.hx-ck li{display:flex;align-items:center;gap:8px;font-size:.95rem;color:var(--text)}
.hx-ck svg{color:var(--magenta);flex:none}
.hx-tile.ws .hx-ck svg{color:#005AFD}
.hx-sol .btn{align-self:flex-start;margin-top:4px}
.hx-unsure{display:flex;flex-wrap:wrap;align-items:center;justify-content:center;gap:16px;text-align:center;color:var(--text)}
@media (max-width:860px){.hx-duo{grid-template-columns:1fr}}

.w2-bn.adws{background:linear-gradient(100deg,#0B0B0F,#3A0A26 55%,#DD0066);border:0}
.w2-bn.adws .w2-mk{background:#fff;color:#DD0066}
.w2-bn.adws small{color:#FFB3D4}
.w2-bn.adws b{color:#fff}
.w2-bn.adws em{background:#fff;color:#DD0066}

.w2-ad{display:block;width:100%;max-width:368px;height:auto;margin-top:12px;border-radius:5px}

.ws-svc-p{margin-top:10px;max-width:40em;color:var(--text)}

.ad-bn{display:block;width:100%;max-width:250px;height:auto;margin-top:12px;border-radius:5px}

/* ---- home v4: explain + choose ---- */
.hx2{position:relative;display:grid;grid-template-columns:1.05fr 1fr;gap:56px;align-items:center}
.hx2 .hx-visual{padding:8px 0}
.hx-mail2{width:100%}
.hx-mail2 .hx-mail-body p{font-size:.95rem}
.mk{position:relative;border:1.5px dashed #E89BBE;border-radius:12px;padding:20px 14px 12px;margin-top:22px}
.mk-l{position:absolute;top:-12px;inset-inline-start:12px;background:var(--magenta);color:#fff;font:600 .74rem var(--display);padding:3px 11px;border-radius:999px;white-space:nowrap}
.mk .csig{font-size:.86rem}
.mk .ad-bn{max-width:100%;margin-top:0}
@media (max-width:980px){.hx2{grid-template-columns:1fr;gap:36px}}
.steps3{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(3,1fr);gap:20px;counter-reset:st}
.steps3 li{counter-increment:st;background:#fff;border:1px solid var(--line);border-radius:var(--r);padding:28px;display:flex;flex-direction:column;gap:10px;min-width:0}
.steps3 li::before{content:counter(st);width:38px;height:38px;border-radius:50%;background:var(--magenta-tint);color:var(--magenta);display:grid;place-items:center;font:700 1.05rem var(--display);margin-bottom:4px}
.steps3 p{color:var(--muted);font-size:1rem}
.how-links{margin-top:28px;display:flex;justify-content:center;gap:12px 32px;flex-wrap:wrap}
@media (max-width:860px){.steps3{grid-template-columns:1fr}}
#home-solutions .hx-duo{padding:0}
.picker{display:grid;grid-template-columns:1.25fr .75fr;gap:28px;background:var(--surface);border:1px solid var(--line);border-radius:16px;padding:32px;margin-bottom:28px}
.pick-q{display:flex;flex-direction:column;gap:22px;min-width:0}
.q{border:0;margin:0;padding:0;min-width:0}
.q legend{font:600 1.02rem var(--display);color:var(--ink);padding:0;margin-bottom:10px}
.q .radios label{background:#fff}
.pick-out{background:#fff;border:1px solid var(--line);border-radius:14px;padding:24px;display:flex;flex-direction:column;gap:12px;align-self:stretch;min-width:0}
.pick-out.ad{border-top:4px solid var(--magenta)}
.pick-out.ws{border-top:4px solid #005AFD}
.pick-out.both{border-top:4px solid var(--ink)}
.pick-wait{color:var(--muted)}
.pick-k{font:600 .85rem var(--display);color:var(--muted)}
.pick-rec{font:700 1.6rem/1.2 var(--display);color:var(--ink)}
.pick-out.ad .pick-rec{color:var(--magenta)}
.pick-out.ws .pick-rec{color:#005AFD}
.pick-why{margin:0;padding-inline-start:18px;display:grid;gap:6px;font-size:.95rem}
.pick-out .ctas{margin-top:4px}
.pick-out .btn{padding:10px 18px;font-size:.95rem}
.pick-note{font-size:.82rem;color:var(--muted)}
.choose{display:grid;grid-template-columns:1fr 1fr;gap:24px;align-items:stretch}
.fit-col{background:#fff;border:1px solid var(--line);border-radius:16px;padding:30px;display:flex;flex-direction:column;gap:16px;min-width:0}
.fit-col.ad{border-top:4px solid var(--magenta)}
.fit-col.ws{border-top:4px solid #005AFD}
.fit-list{list-style:none;margin:0;padding:0;display:grid;gap:12px}
.fit-list li{position:relative;padding-inline-start:28px;font-size:1rem}
.fit-list li::before{content:"";position:absolute;inset-inline-start:0;top:.45em;width:16px;height:16px;border-radius:50%;background:var(--magenta-tint) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23DD0066' stroke-width='3.5' stroke-linecap='round'%3E%3Cpath d='M6 12l4 4 8-8'/%3E%3C/svg%3E") center/10px no-repeat}
.fit-col.ws .fit-list li::before{background-color:#EEF3FF;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23005AFD' stroke-width='3.5' stroke-linecap='round'%3E%3Cpath d='M6 12l4 4 8-8'/%3E%3C/svg%3E")}
.fit-col .link{margin-top:auto}
.fit-col .ws-l{color:#005AFD}
.both-note{text-align:center;margin-top:24px;color:var(--muted);font-size:.95rem}
@media (max-width:900px){.picker{grid-template-columns:1fr;padding:22px}.choose{grid-template-columns:1fr}}

/* ---- home v5: both solutions above the fold ---- */
.hx2 h1{max-width:none}
.hx-pick{display:grid;gap:14px;min-width:0}
.hp{background:#fff;border:1px solid var(--line);border-radius:14px;padding:16px 20px 18px;display:flex;flex-direction:column;gap:10px;box-shadow:0 30px 60px -40px rgba(11,11,15,.35),0 2px 6px rgba(11,11,15,.04);min-width:0}
.hp.ad{border-top:4px solid var(--magenta)}
.hp.ws{border-top:4px solid #005AFD}
.hp-h{display:flex;align-items:center;justify-content:space-between;gap:10px;min-height:26px}
.hp-h .hx-tile-n{font-size:1.15rem}
.hp-ck{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:1fr 1fr;gap:6px 16px}
.hp-ck li{position:relative;padding-inline-start:22px;font-size:.93rem;line-height:1.45}
.hp-ck li::before{content:"";position:absolute;inset-inline-start:0;top:.3em;width:14px;height:14px;border-radius:50%;background:var(--magenta-tint) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23DD0066' stroke-width='3.5' stroke-linecap='round'%3E%3Cpath d='M6 12l4 4 8-8'/%3E%3C/svg%3E") center/9px no-repeat}
.hp.ws .hp-ck li::before{background-color:#EEF3FF;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23005AFD' stroke-width='3.5' stroke-linecap='round'%3E%3Cpath d='M6 12l4 4 8-8'/%3E%3C/svg%3E")}
.hp .link{font-size:.95rem}
.hp .ws-l{color:#005AFD}
.hp-more{text-align:center;font-size:.95rem;color:var(--muted)}
@media (max-width:480px){.hp-ck{grid-template-columns:1fr}}
.how-split{display:grid;grid-template-columns:1fr 1fr;gap:56px;align-items:center}
.how-split .steps3{grid-template-columns:1fr;gap:14px}
.how-split .steps3 li{flex-direction:row;align-items:flex-start;gap:16px;padding:22px}
.how-split .steps3 li::before{flex:none;margin:0}
.how-split .hx-visual{padding:0}
@media (max-width:900px){.how-split{grid-template-columns:1fr;gap:36px}}
#home-solutions .hx-sol{display:none}

/* ---- banners page v2: real banners first ---- */
.bwall{display:flex;flex-direction:column;gap:16px;min-width:0}
.bw{margin:0;background:#fff;border:1px solid var(--line);border-radius:12px;padding:10px 10px 8px;box-shadow:0 24px 50px -30px rgba(11,11,15,.35),0 2px 6px rgba(11,11,15,.04);display:flex;flex-direction:column;gap:6px;min-width:0}
.bwall .bw{width:84%}
.bwall .b1,.bwall .b3{align-self:flex-start}
.bwall .b2{align-self:flex-end}
.bw img,.bw-img{display:block;width:100%;height:auto;border-radius:6px;background-size:cover;background-position:center}
.bw figcaption{font:600 .78rem var(--display);color:var(--muted);padding-inline:2px}
.bstrip{display:grid;grid-template-columns:1fr 1fr;gap:20px;margin:40px auto 0;max-width:860px}
.bstrip-note{margin-top:16px;text-align:center;color:var(--muted);font-size:.95rem}
.bnr-gallery .bnr-lg{height:72px;padding-inline:14px}
.bnr-gallery .bnr-lg strong{font-size:.92rem}
.bnr-gallery .bnr-lg small{font-size:.74rem}
.bnr-gallery .bnr-lg em{padding:5px 10px;font-size:.74rem}
@media (max-width:960px){.bwall .bw{width:100%}}
@media (max-width:700px){.bstrip{grid-template-columns:1fr}}

.bhero2{padding-block:64px 72px}
.bhero2 .bh-copy{align-items:center;text-align:center}
.bhero2 .bh-copy .lead{margin-inline:auto}
.bhero2 .bh-copy .ctas{justify-content:center}
.bhero2 .bh-devs{margin-top:44px;max-width:1200px;display:block}
.bh-k{text-align:center;color:var(--muted);font-size:.95rem;margin-bottom:28px}

/* ---- signatures page v2: flow ---- */
.shero .wrap{align-items:center;text-align:center}
.shero .lead{margin-inline:auto}
.shero .ctas{justify-content:center}
.sflow{position:relative;display:grid;gap:96px}
.sflow::before{content:"";position:absolute;top:24px;bottom:24px;left:50%;width:2px;translate:-50% 0;background:repeating-linear-gradient(to bottom,#E89BBE 0 7px,transparent 7px 15px)}
.fs{position:relative;display:grid;grid-template-columns:1fr 1fr;gap:120px;align-items:center}
.fs::after{content:attr(data-n);position:absolute;left:50%;top:50%;translate:-50% -50%;width:46px;height:46px;border-radius:50%;background:#fff;border:2px solid var(--magenta);color:var(--magenta);display:grid;place-items:center;font:700 1.05rem var(--display);box-shadow:0 0 0 10px #fff}
.fs:nth-child(even) .fs-vis{order:-1}
.fs-copy{display:flex;flex-direction:column;gap:14px;min-width:0}
.fs-copy h2{font-size:clamp(1.5rem,2.6vw,2rem)}
.fs-copy .lead{font-size:1.05rem}
.bullets.one{grid-template-columns:1fr}
.fs-vis{min-width:0;display:flex;justify-content:center}
.fs-vis>.sig-card,.fs-vis>.grp{width:100%;max-width:480px;margin:0}
.tplf{display:grid;grid-template-columns:1fr auto 1.25fr;gap:12px;align-items:center;width:100%}
.tpl{background:#fff;border:1.5px dashed #C9C9D3;border-radius:12px;padding:14px;display:flex;flex-direction:column;gap:8px;font-size:.85rem;min-width:0}
.tpl-h{font:600 .76rem var(--display);color:var(--muted)}
.tpl-lg{height:30px;border-radius:6px;background:var(--surface);border:1px dashed #C9C9D3;display:grid;place-items:center;color:var(--muted);font-size:.75rem}
.tk{font-style:normal;display:inline-block;background:var(--magenta-tint);color:#B0004F;border-radius:6px;padding:1px 7px;font:600 .78rem var(--display)}
.tpl-ln{height:1px;background:var(--line)}
.tpl-s{font-size:.75rem;color:var(--muted)}
.tpl-arr{font:700 1.5rem var(--display);color:var(--magenta)}
.tpl-out{display:flex;flex-direction:column;gap:8px;min-width:0}
.tpl-out .sig-card{margin:0;padding:4px 16px 14px}
.sphn{width:250px;max-width:100%}
.sphn .mui-body .csig{font-size:.95em}
.sphn .c-bn{flex-direction:column;align-items:flex-start;gap:6px;padding:8px 10px;height:auto}
.sphn .c-bn b{font-size:11px;line-height:1.25;display:block}
.sphn .c-bn small{font-size:9px;display:block}
.sphn .c-bn em{font-size:9px;padding:3px 8px}
.capgrid{display:grid;grid-template-columns:repeat(4,1fr);gap:16px}
.capgrid>div{background:#fff;border:1px solid var(--line);border-radius:12px;padding:20px;display:flex;flex-direction:column;gap:6px;border-top:3px solid var(--magenta)}
.capgrid b{font:600 1.02rem var(--display);color:var(--ink)}
.capgrid span{font-size:.92rem;color:var(--muted)}
@media (max-width:960px){.capgrid{grid-template-columns:1fr 1fr}}
@media (max-width:900px){
  .sflow{gap:64px}
  .sflow::before{left:auto;inset-inline-start:22px;translate:none}
  .fs{grid-template-columns:1fr;gap:28px;padding-inline-start:68px}
  .fs::after{left:auto;inset-inline-start:0;top:0;translate:none}
  .fs:nth-child(even) .fs-vis{order:0}
  .fs-vis{justify-content:flex-start}
}
@media (max-width:560px){.tplf{grid-template-columns:1fr}.tpl-arr{transform:rotate(-90deg);justify-self:center}.capgrid{grid-template-columns:1fr}.fs{padding-inline-start:0}.sflow::before{display:none}.fs::after{position:static;translate:none;margin-bottom:-12px}}

.tpl-col{display:flex;flex-direction:column;gap:6px;min-width:0}
.tpl-src{background:var(--surface);border:1px solid var(--line);border-radius:12px;padding:10px 12px;display:flex;flex-direction:column;gap:6px}
.tpl-src>div{display:flex;flex-wrap:wrap;align-items:center;gap:6px}
.tpl-src b{font:600 .78rem var(--display);background:#fff;border:1px solid var(--line);border-radius:6px;padding:3px 8px;color:var(--ink)}
.tpl-src em{font-style:normal;font-size:.75rem;color:var(--muted)}
.tpl-dn{align-self:center;color:var(--magenta);font:700 1.1rem var(--display);line-height:1}
.sphn .ad-bn{max-width:100%;margin-top:10px}

/* ---- signatures page v3: interactive showcase ---- */
.shero2{padding-block:56px 88px;background:linear-gradient(180deg,#fff 0%,#FBF3F7 100%);border-bottom:1px solid var(--line)}
.shero2 .sec-head{margin-bottom:36px}
.sx{display:grid;grid-template-columns:minmax(300px,370px) 1fr;background:#fff;border:1px solid var(--line);border-radius:20px;box-shadow:0 40px 80px -48px rgba(11,11,15,.35),0 2px 6px rgba(11,11,15,.04);overflow:hidden;min-height:560px}
.sx-tabs{display:flex;flex-direction:column;gap:4px;padding:14px;border-inline-end:1px solid var(--line)}
.sx-tab{background:none;border:0;font:inherit;color:inherit;text-align:start;cursor:pointer;border-radius:12px;padding:14px 14px;display:grid;grid-template-columns:36px 1fr;gap:6px 12px;align-items:start;transition:background .2s}
.sx-tab .ic{width:36px;height:36px;border-radius:10px;background:var(--surface);color:var(--muted);display:grid;place-items:center;transition:background .2s,color .2s}
.sx-tab b{font:600 1.02rem var(--display);color:var(--ink);min-height:36px;display:flex;align-items:center}
.sx-tab p{grid-column:2;margin:0;font-size:.92rem;line-height:1.6;color:var(--text);display:none}
.sx-tab:hover{background:var(--surface)}
.sx-tab[aria-selected="true"]{background:#FDF1F6}
.sx-tab[aria-selected="true"] .ic{background:var(--magenta);color:#fff}
.sx-tab[aria-selected="true"] p{display:block}
.sx-tab:focus-visible{outline:2px solid var(--magenta);outline-offset:-2px}
.sx-cta{margin-top:auto;padding:16px 14px 6px;border-top:1px solid var(--line);font-size:.92rem;color:var(--muted);text-decoration:none;display:flex;flex-direction:column;gap:4px}
.sx-cta span{font:600 .98rem var(--display);color:var(--magenta)}
.sx-cta:hover span{text-decoration:underline}
.sx-mdesc{display:none}
.sx-stage{position:relative;display:grid;place-items:center;padding:72px 40px 40px;background:radial-gradient(circle at 75% 15%,#FCE8F1 0,transparent 55%),var(--surface);min-width:0}
.sx-panel{width:100%;max-width:540px;display:flex;flex-direction:column;align-items:center;animation:sxin .35s ease}
.sx-panel[hidden]{display:none}
@keyframes sxin{from{opacity:0;transform:translateY(10px)}to{opacity:1;transform:none}}
.sx-chip{position:absolute;top:22px;inset-inline-start:24px;display:inline-flex;align-items:center;gap:8px;background:#fff;border:1px solid var(--line);border-radius:999px;padding:6px 14px 6px 12px;font:600 .82rem var(--display);color:var(--ink);box-shadow:0 10px 24px -16px rgba(11,11,15,.35)}
.sx-chip::before{content:"";width:8px;height:8px;border-radius:50%;background:var(--magenta);box-shadow:0 0 0 4px var(--magenta-tint)}
.sx-mail{width:100%;background:#fff;border:1px solid var(--line);border-radius:16px;box-shadow:0 30px 60px -36px rgba(11,11,15,.35);overflow:hidden}
.sx-mail .hx-mail-body{padding:18px 22px 22px}
.sk{display:grid;gap:8px;margin-bottom:18px}
.sk i{display:block;height:8px;border-radius:4px;background:#ECECF1}
.sk i:nth-child(1){width:38%}.sk i:nth-child(2){width:82%}.sk i:nth-child(3){width:64%}
.sx-mail .sig-card{border:0;box-shadow:none;padding:12px 0 0;margin:0;border-top:1px dashed var(--line);border-radius:0}
.sx-mail .sig-card .lbl{top:10px}
.sx-panel>.grp{width:100%;margin:0}
.sx-panel>.sphn{width:260px}
@media (max-width:900px){
  .sx{grid-template-columns:1fr;min-height:0}
  .sx-tabs{flex-direction:row;overflow-x:auto;gap:6px;padding:10px;border-inline-end:0;border-bottom:1px solid var(--line);scrollbar-width:none}
  .sx-tabs::-webkit-scrollbar{display:none}
  .sx-tab{display:flex;align-items:center;gap:8px;padding:8px 12px;white-space:nowrap;flex:none}
  .sx-tab .ic{width:28px;height:28px;border-radius:8px}
  .sx-tab b{min-height:0;font-size:.92rem}
  .sx-tab[aria-selected="true"] p{display:none}
  .sx-cta{display:none}
  .sx-mdesc{display:block;margin:0;padding:14px 18px 0;font-size:.95rem;color:var(--text);line-height:1.6}
  .sx-stage{display:flex;flex-direction:column;align-items:stretch;padding:18px 14px 22px;background:var(--surface)}
  .sx-chip{position:static;align-self:flex-start;margin-bottom:14px}
  .sx-panel{align-items:stretch}
  .sx-panel>.sphn{align-self:center}
}

.sx-rot .sr{display:flex;flex-direction:column;gap:8px}
.sr-k{align-self:flex-start;font:600 .74rem var(--display);color:var(--muted);background:var(--surface);border:1px solid var(--line);border-radius:999px;padding:2px 10px}
.sx-rot .csig{padding-top:4px}
.sx-rot+.motion-btn{margin-top:14px}

.sx-rot .sr{align-self:center}
.sphn .csig.fattal .c-row{flex-wrap:wrap;gap:8px}
.sphn .csig.fattal .c-vr{display:none}
/* ---- signatures page v4: rotating hero + anatomy + bento ---- */
.sghero .wrap{align-items:center}
.sg-facts{list-style:none;margin:0;padding:0;display:flex;flex-wrap:wrap;gap:8px 18px}
.sg-facts li{position:relative;padding-inline-start:24px;font:500 .95rem var(--display);color:var(--ink)}
.sg-facts li::before{content:"";position:absolute;inset-inline-start:0;top:.25em;width:16px;height:16px;border-radius:50%;background:var(--magenta-tint) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23DD0066' stroke-width='3.5' stroke-linecap='round'%3E%3Cpath d='M6 12l4 4 8-8'/%3E%3C/svg%3E") center/10px no-repeat}
.sg-vis{min-width:0;display:flex;flex-direction:column;gap:10px}
.sg-mail{width:100%}
.sg-rot{margin-top:14px;padding-top:14px;border-top:1px dashed var(--line)}
.sg-rot .sr{display:flex;flex-direction:column;gap:8px;align-self:center}
.sg-cap{font-size:.82rem;color:var(--muted);text-align:center}
.anat{display:grid;grid-template-columns:1.15fr .85fr;gap:48px;align-items:center}
.anat-card{position:relative;background:#fff;border:1px solid var(--line);border-radius:18px;padding:56px 32px 32px;box-shadow:0 40px 80px -50px rgba(11,11,15,.35)}
.anat-lang{position:absolute;top:16px;inset-inline-end:20px;display:flex;align-items:center;gap:6px;background:var(--surface);border:1px solid var(--line);border-radius:999px;padding:4px 12px;font:600 .8rem var(--display);color:var(--ink);transition:box-shadow .2s}
.anat-lang i{font-style:normal;color:var(--magenta)}
.anat-lang .anat-n{position:absolute;top:-10px;inset-inline-start:-10px}
.anat-n{width:24px;height:24px;border-radius:50%;background:var(--magenta);color:#fff;font:700 .78rem var(--display);display:inline-grid;place-items:center;box-shadow:0 0 0 3px #fff;flex:none}
.anat-sig .csig{font-size:1.05rem}
.anat-sig :is(.c-logo,.c-id,.c-icons,.c-bnr){position:relative;outline:2px dashed transparent;outline-offset:6px;border-radius:4px;transition:outline-color .2s,opacity .2s}
.anat-sig :is(.c-logo,.c-id,.c-icons,.c-bnr)::after{position:absolute;top:-12px;inset-inline-start:-12px;width:24px;height:24px;border-radius:50%;background:var(--magenta);color:#fff;font:700 .78rem var(--display);display:grid;place-items:center;box-shadow:0 0 0 3px #fff;z-index:2}
.anat-sig .c-logo::after{content:"1"}
.anat-sig .c-id::after{content:"2"}
.anat-sig .c-icons::after{content:"3"}
.anat-sig .c-bnr::after{content:"4"}
.anat[data-hl] .anat-sig :is(.c-logo,.c-id,.c-icons,.c-bnr){opacity:.35}
.anat[data-hl="1"] .anat-sig .c-logo,.anat[data-hl="2"] .anat-sig .c-id,.anat[data-hl="3"] .anat-sig .c-icons,.anat[data-hl="4"] .anat-sig .c-bnr{opacity:1;outline-color:var(--magenta)}
.anat[data-hl="2"] .anat-sig .c-icons{opacity:1}
.anat[data-hl="3"] .anat-sig .c-id{opacity:1}
.anat[data-hl="5"] .anat-lang{box-shadow:0 0 0 2px var(--magenta)}
.anat[data-hl="5"] .anat-sig :is(.c-logo,.c-id,.c-icons,.c-bnr){opacity:1}
.anat-key{list-style:none;margin:0;padding:0;display:grid;gap:6px}
.anat-key li{display:grid;grid-template-columns:auto 1fr;gap:14px;align-items:start;padding:14px 16px;border-radius:12px;cursor:default;transition:background .2s}
.anat-key li:hover,.anat-key li:focus-visible,.anat-key li.on{background:#FDF1F6;outline:none}
.anat-key b{font:600 1.05rem var(--display);color:var(--ink);display:block;margin-bottom:2px}
.anat-key p{margin:0;font-size:.95rem;color:var(--muted)}
.bento{display:grid;grid-template-columns:repeat(3,1fr);grid-template-areas:"grp grp phn" "a b phn" "c d phn";gap:18px}
.bx-card{background:#fff;border:1px solid var(--line);border-radius:16px;padding:24px;display:flex;flex-direction:column;gap:10px;min-width:0}
.bx-card h3{font-size:1.12rem}
.bx-card p{margin:0;font-size:.95rem;color:var(--muted)}
.bento .b-grp{grid-area:grp}
.bento .b-grp .grp{margin-top:6px}
.bento .b-phn{grid-area:phn;align-items:center;text-align:center;background:linear-gradient(180deg,#fff,#FBF3F7)}
.bento .b-phn .sphn{width:230px;margin-top:10px}
.bx-ic{width:40px;height:40px;border-radius:10px;background:var(--magenta-tint);color:var(--magenta);display:grid;place-items:center}
@media (max-width:960px){.anat{grid-template-columns:1fr;gap:28px}.bento{grid-template-columns:1fr 1fr;grid-template-areas:"grp grp" "phn phn" "a b" "c d"}}
@media (max-width:600px){.bento{grid-template-columns:1fr;grid-template-areas:"grp" "phn" "a" "b" "c" "d"}.anat-card{padding:52px 18px 22px}}

.dept3{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin-top:8px}
.dm{border:1px solid var(--line);border-radius:12px;padding:12px;background:#fff;display:flex;flex-direction:column;gap:8px;min-width:0}
.dm-h{display:flex;align-items:center;gap:7px;font:600 .88rem var(--display);color:var(--ink)}
.dm-h i{width:9px;height:9px;border-radius:3px;flex:none}
.dm-lg{width:38px;height:16px;border-radius:4px;background:#E4E4EA}
.dm-l{height:6px;border-radius:3px;background:#ECECF1}
.dm-bn{margin-top:auto;min-height:30px;border-radius:6px;color:#fff;font:600 .74rem/1.25 var(--display);display:flex;align-items:center;padding:6px 9px}
.dm-ds{margin-top:auto;font-size:.7rem;line-height:1.4;color:var(--muted);border-top:1px dashed var(--line);padding-top:6px}
.dm-cap{font-size:.8rem!important;margin-top:2px!important}
@media (max-width:600px){.dept3{grid-template-columns:1fr}}

.hx2{grid-template-columns:.95fr 1.05fr}
.hp-x{font-size:.85rem;color:var(--muted);margin:0;padding-inline-start:22px;position:relative}
.hp-x::before{content:"+";position:absolute;inset-inline-start:3px;color:var(--magenta);font-weight:700}
@media (max-width:1180px){.hx2{gap:36px}.hp{padding:14px 16px}.hp-ck li{font-size:.88rem}}

/* ---- home v6: live signature builder ---- */
.sb-sec{background:linear-gradient(180deg,#fff 0%,#FBF3F7 55%,#fff 100%)}
.sb{display:grid;grid-template-columns:minmax(320px,.85fr) 1.15fr;background:#fff;border:1px solid var(--line);border-radius:22px;box-shadow:0 50px 100px -60px rgba(11,11,15,.45),0 2px 8px rgba(11,11,15,.04);overflow:hidden}
.sb-ctl{padding:28px;display:flex;flex-direction:column;gap:18px;border-inline-end:1px solid var(--line);min-width:0}
.sb-seg,.sb-dev{display:flex;align-items:center;gap:4px;background:var(--surface);border:1px solid var(--line);border-radius:999px;padding:4px;align-self:flex-start}
.sb-k{font:600 .82rem var(--display);color:var(--muted);padding-inline:10px 6px}
.sb-seg button,.sb-dev button{border:0;background:none;font:600 .9rem var(--display);color:var(--text);padding:8px 16px;border-radius:999px;cursor:pointer;min-height:36px;transition:background .2s,color .2s}
.sb-seg button[aria-pressed="true"],.sb-dev button[aria-pressed="true"]{background:#fff;color:var(--ink);box-shadow:0 2px 8px -2px rgba(11,11,15,.18)}
.sb-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px}
.sb-grid[hidden]{display:none}
.sb-grid .field input{padding:10px 12px;font-size:.98rem}
.sb-set{border:0;margin:0;padding:0;display:flex;flex-direction:column;gap:10px}
.sb-set legend{font:500 .95rem var(--display);color:var(--ink);padding:0;margin-bottom:10px}
.sb-sw{display:flex;flex-wrap:wrap;gap:10px;align-items:center}
.sb-sw button{width:36px;height:36px;border-radius:50%;border:3px solid #fff;background:var(--s);box-shadow:0 0 0 1px var(--line);cursor:pointer;transition:transform .15s,box-shadow .15s}
.sb-sw button:hover{transform:scale(1.08)}
.sb-sw button[aria-pressed="true"]{box-shadow:0 0 0 2px var(--s)}
.sb-pick{display:inline-flex;align-items:center;gap:6px;font:500 .85rem var(--display);color:var(--muted);cursor:pointer;border:1px dashed #C9C9D3;border-radius:999px;padding:4px 10px 4px 6px;min-height:36px}
.sb-pick input{width:24px;height:24px;border:0;padding:0;background:none;cursor:pointer}
.sb-chips{display:flex;flex-wrap:wrap;gap:8px}
.sb-chips button{border:1px solid #D4D4DC;background:#fff;border-radius:999px;padding:8px 16px;min-height:40px;font:500 .92rem var(--body);cursor:pointer;transition:border-color .2s,background .2s}
.sb-chips button[aria-pressed="true"]{border-color:var(--magenta);background:var(--magenta-tint);color:var(--ink)}
.sb-logo{display:flex;flex-direction:column;gap:8px}
.sb-up{display:flex;align-items:center;gap:12px;border:1.5px dashed #C9C9D3;border-radius:12px;padding:12px 14px;cursor:pointer;transition:border-color .2s,background .2s}
.sb-up:hover{border-color:var(--magenta);background:#FDF6F9}
.sb-up-ic{width:36px;height:36px;border-radius:10px;background:var(--magenta-tint);color:var(--magenta);display:grid;place-items:center;font:700 1.3rem/1 var(--display);flex:none}
.sb-up b{display:block;font:600 .95rem var(--display);color:var(--ink)}
.sb-up small{font-size:.82rem;color:var(--muted)}
.sb-file{position:absolute;width:1px;height:1px;opacity:0;pointer-events:none}
.sb-file:focus-visible+.sb-priv,.sb-logo:focus-within .sb-up{outline:2px solid var(--magenta);outline-offset:2px}
.sb-priv{font-size:.8rem;color:var(--muted)}
.sb-prev{position:relative;padding:24px 28px 28px;display:flex;flex-direction:column;gap:18px;background:radial-gradient(circle at 80% 10%,#FCE8F1 0,transparent 50%),var(--surface);min-width:0}
.sb-dev{align-self:center}
.sb-stage{flex:1;display:grid;place-items:center;min-height:420px}
.sb-mail{width:100%;max-width:560px;background:#fff;border:1px solid var(--line);border-radius:16px;box-shadow:0 30px 60px -36px rgba(11,11,15,.4);overflow:hidden;transition:max-width .45s ease,border-radius .45s ease,border-width .45s ease}
.sb-bar{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:10px 16px;background:var(--surface);border-bottom:1px solid var(--line);font:600 .78rem var(--display);color:var(--muted)}
.sb-bar .dots{display:flex;gap:6px}.sb-bar .dots i{width:9px;height:9px;border-radius:50%;background:#D5D5DC}
.sb-meta{padding:10px 18px;border-bottom:1px solid var(--line);font-size:.85rem;color:var(--muted);display:grid;gap:3px}
.sb-meta b{color:var(--ink);font-weight:600}
.sb-body{padding:18px 20px 22px;font-size:.95rem;color:#3A3A44}
.sb-body p{margin-bottom:16px;line-height:1.6}
.sb-stage.mob .sb-mail{max-width:300px;border:10px solid #111116;border-radius:38px}
.sb-stage.mob .sb-bar{padding-top:22px;justify-content:center}
.sb-stage.mob .sb-bar .dots{display:none}
.sb-stage.mob .sb-body{padding:14px;font-size:.85rem}
.sbs{font-family:Arial,Helvetica,sans-serif;font-size:13px;line-height:1.5;color:#444;animation:sbin .35s ease}
@keyframes sbin{from{opacity:.4}to{opacity:1}}
.sbs-hi{color:#555;margin-bottom:10px}
.sbs-row{display:flex;align-items:center;gap:16px}
.sbs-lg{flex:none;max-width:120px}
.sbs-lg img{display:block;max-width:120px;max-height:60px;width:auto;height:auto}
.sbs-mono{display:grid;place-items:center;width:58px;height:58px;border-radius:14px;color:#fff;font:700 22px/1 Arial,sans-serif;letter-spacing:.02em}
.sbs-vr{width:3px;align-self:stretch;border-radius:2px;flex:none}
.sbs-id{display:flex;flex-direction:column;gap:1px;min-width:0}
.sbs-id b{font-size:17px;line-height:1.25}
.sbs-role{color:#555}
.sbs-co{font-weight:700;color:#333;margin-bottom:4px}
.sbs-soc{display:flex;gap:6px;margin-top:6px}
.sbs-soc i{width:22px;height:22px;border-radius:50%;display:grid;place-items:center;color:#fff;font:700 10px/1 Arial,sans-serif;font-style:normal}
.sbs-bn{margin-top:14px;border-radius:8px;padding:14px 16px;color:#fff;display:flex;align-items:center;justify-content:space-between;gap:12px;overflow:hidden;position:relative}
.sbs-bn::after{content:"";position:absolute;inset-inline-end:-30px;top:-40px;width:140px;height:140px;border-radius:50%;background:rgba(255,255,255,.12)}
.sbs-bn div{display:flex;flex-direction:column;position:relative;z-index:1;min-width:0}
.sbs-bn small{font:700 10.5px Arial,sans-serif;letter-spacing:.06em;opacity:.9}
.sbs-bn strong{font:800 15px/1.25 Arial,sans-serif}
.sbs-bn em{font:700 12px Arial,sans-serif;font-style:normal;background:#fff;border-radius:999px;padding:7px 14px;white-space:nowrap;position:relative;z-index:1}
.sb-stage.mob .sbs-row{flex-direction:column;align-items:flex-start;gap:10px}
.sb-stage.mob .sbs-vr{width:44px;height:3px;align-self:auto}
.sb-stage.mob .sbs-bn{flex-direction:column;align-items:flex-start}
.sb-cta{display:flex;align-items:center;justify-content:space-between;gap:16px;flex-wrap:wrap;background:#fff;border:1px solid var(--line);border-radius:14px;padding:14px 16px}
.sb-cta p{font-size:.95rem;color:var(--text);max-width:30em}
.sb-steps{list-style:none;margin:40px 0 0;padding:0;display:grid;grid-template-columns:repeat(3,1fr);gap:16px;counter-reset:sbs}
.sb-steps li{counter-increment:sbs;display:grid;grid-template-columns:auto 1fr;gap:2px 12px;align-items:center;background:#fff;border:1px solid var(--line);border-radius:14px;padding:16px 18px}
.sb-steps li::before{content:counter(sbs);grid-row:span 2;width:34px;height:34px;border-radius:50%;background:var(--magenta-tint);color:var(--magenta);display:grid;place-items:center;font:700 .95rem var(--display)}
.sb-steps b{font:600 1rem var(--display);color:var(--ink)}
.sb-steps span{font-size:.9rem;color:var(--muted)}
@media (max-width:960px){.sb{grid-template-columns:1fr}.sb-ctl{border-inline-end:0;border-bottom:1px solid var(--line)}.sb-steps{grid-template-columns:1fr}}
@media (max-width:520px){.sb-ctl,.sb-prev{padding:18px}.sb-grid{grid-template-columns:1fr}.sb-stage{min-height:0}.sbs-row{flex-direction:column;align-items:flex-start;gap:10px}.sbs-vr{width:44px;height:3px;align-self:auto}.sbs-bn{flex-direction:column;align-items:flex-start}}

.sb-up-sm{padding:8px 12px;margin-top:2px}
.sb-up-sm .sb-up-ic{width:30px;height:30px;font-size:1rem}
.sb-set .sb-up{margin-top:4px}
#sbSig .csig{font-size:13.5px}
#sbSig .csig .c-n{font-size:16px}
.sbs-logoimg{display:block;max-width:180px;max-height:60px;width:auto;height:auto;margin-bottom:2px}
.csig.tg[dir="ltr"] .sbs-logoimg,.csig.tg[dir="ltr"] .sbs-wm{align-self:flex-start}
.csig.tg:not([dir="ltr"]) .sbs-logoimg,.csig.tg:not([dir="ltr"]) .sbs-wm{align-self:flex-start}
.sbs-wm{display:inline-flex;align-items:center;gap:10px;margin-bottom:2px}
.sbs-wm .sbs-mono{width:44px;height:44px;border-radius:11px;font-size:17px}
.sbs-wm b{font:800 17px/1.1 Arial,sans-serif;letter-spacing:-.01em}
.sbs-bnimg{display:block;width:100%;height:auto;margin-top:12px;border-radius:2px}
#sbSig .sbs-bn{margin-top:12px}

.sbs-bnph{margin-top:12px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:2px;min-height:76px;border:1.5px dashed #C9C9D3;border-radius:6px;background:#FAFAFC;color:#8A8A96;font:600 13px Arial,sans-serif;cursor:pointer;text-align:center;transition:border-color .2s,background .2s}
.sbs-bnph small{font:400 11px Arial,sans-serif;color:#A0A0AC}
.sbs-bnph:hover{border-color:var(--magenta);background:#FDF6F9;color:var(--magenta)}
.sb-del{align-self:flex-start;background:none;border:0;padding:4px 0;font:500 .85rem var(--display);color:var(--muted);text-decoration:underline;cursor:pointer}
.sb-del:hover{color:var(--magenta)}

#sbSig .csig,#sbSig .csig *{min-width:0;overflow-wrap:anywhere;word-break:break-word}
#sbSig .sbs{max-width:100%}

/* home: product showcase (real client signatures in Outlook + phone) */
.ps-sec{padding-block:64px 88px;background:linear-gradient(180deg,#fff,#F7F7F9)}
.ps-sec .sec-head{margin-bottom:36px}
.ps-stage{position:relative;max-width:1040px;margin:0 auto;display:flex;align-items:flex-end;gap:28px;justify-content:center}
.ps-lap{width:min(100%,800px);flex:none}
.ps-scr{position:relative;background:#fff;border:12px solid #16161B;border-top-width:18px;border-radius:18px 18px 6px 6px;min-height:440px;overflow:hidden;box-shadow:0 50px 90px -50px rgba(11,11,15,.55)}
.ps-scr::before{content:"";position:absolute;top:-18px;left:50%;translate:-50% 0;width:80px;height:14px;background:#16161B;border-radius:0 0 9px 9px;z-index:2}
.ps-base{height:16px;margin-inline:-6%;background:linear-gradient(#DADAE0,#B9B9C2);border-radius:2px 2px 16px 16px;position:relative}
.ps-base::before{content:"";position:absolute;top:0;left:50%;translate:-50% 0;width:18%;height:7px;background:#A6A6B0;border-radius:0 0 9px 9px}
.ps-top{display:flex;align-items:center;gap:8px;padding:9px 14px;background:#F3F4F7;border-bottom:1px solid #E4E5EA;font:600 .8rem var(--display);color:#3A3A44;direction:ltr}
.ps-top i{width:9px;height:9px;border-radius:50%;background:#D4D5DC}
.ps-top span{margin-inline-start:auto;color:#0F6CBD;font-weight:700}
.ps-meta{padding:10px 18px;border-bottom:1px solid #EEEFF3;font-size:.84rem;color:#77778A;display:grid;gap:3px}
.ps-meta b{color:#22222B;font-weight:600}
.ps-body{position:relative;display:grid;padding:16px 22px;font-size:13px;color:#2A2A33}
.ps-slide{grid-area:1/1;opacity:0;transition:opacity .6s ease;pointer-events:none}
.ps-slide.on{opacity:1;pointer-events:auto}
.ps-slide>p{margin:0 0 14px;line-height:1.6;font:13.5px/1.6 Arial,Helvetica,sans-serif;color:#333}
.ps-slide img.rb{display:block;width:100%;max-width:520px;height:auto;border-radius:3px;margin-top:10px}
.ps-slide .rsig{font:13px/1.5 Arial,Helvetica,sans-serif;color:#444}
.ps-slide .rsig b{font-size:15px;color:#1B2A4A}
.ps-slide .csig .c-bnr{max-width:520px}
.ps-phn{position:relative;flex:none;margin-bottom:6px;width:200px;height:410px;background:#fff;border:9px solid #111116;border-radius:36px;overflow:hidden;box-shadow:0 40px 70px -35px rgba(11,11,15,.6);z-index:3}
.ps-phn::before{content:"";position:absolute;top:7px;left:50%;translate:-50% 0;width:34%;height:15px;background:#111116;border-radius:10px;z-index:2}
.ps-phn .ps-ptop{padding:28px 10px 7px;text-align:center;background:#F3F4F7;border-bottom:1px solid #E4E5EA;font:600 10px var(--display);color:#3A3A44}
.ps-phn .ps-pbody{padding:10px;font-size:10px;transform-origin:top}
.ps-phn .ps-pbody>p{font:10.5px/1.5 Arial,sans-serif;margin:0 0 8px;color:#333}
.ps-phn .csig{font-size:10px}
.ps-phn .csig .c-n{font-size:11.5px}
.ps-phn .csig .c-logo{transform:scale(.8);transform-origin:top right}
.ps-phn .csig[dir="ltr"] .c-logo{transform-origin:top left}
.ps-phn .csig .c-row{flex-wrap:wrap;gap:6px}
.ps-phn .rsig{font-size:10px}
.ps-phn .rsig b{font-size:11.5px}
.ps-phn img.rb{width:100%;height:auto;margin-top:8px;border-radius:2px;display:block}
.ps-pills{display:flex;justify-content:center;align-items:center;gap:8px;flex-wrap:wrap;margin-top:26px}
.ps-pills button{border:1px solid #D4D4DC;background:#fff;border-radius:999px;padding:8px 16px;min-height:40px;font:500 .92rem var(--display);color:var(--text);cursor:pointer;transition:border-color .2s,background .2s}
.ps-pills button[aria-pressed="true"]{border-color:var(--magenta);background:var(--magenta-tint);color:var(--ink)}
.ps-pills .motion-btn{margin-top:0;width:40px;height:40px}
.ps-cap{text-align:center;margin-top:12px;font-size:.85rem;color:var(--muted)}
@media (max-width:1080px){.ps-phn{display:none}}
@media (max-width:560px){.ps-scr{border-width:8px;border-top-width:12px;min-height:0}.ps-body{padding:12px 14px}.ps-base{margin-inline:-4%}}

/* hero: product window (real client signatures) + cards row */
.hx{padding-block:36px 24px}
.hx-prod{min-width:0}
.hxp .ps-stage{display:block;max-width:none}
.hxp .ps-win{background:#fff;border:1px solid var(--line);border-radius:16px;overflow:hidden;box-shadow:0 40px 80px -45px rgba(11,11,15,.45),0 2px 6px rgba(11,11,15,.04)}
.hxp .ps-top{padding:8px 14px;font-size:.76rem}
.hxp .ps-meta{padding:8px 16px;font-size:.78rem}
.hxp .ps-body{padding:12px 18px 16px;font-size:12px}
.hxp .ps-slide>p{font:12.5px/1.5 Arial,Helvetica,sans-serif;margin:0 0 10px}
.hxp .csig{font-size:12px}
.hxp .csig .c-n{font-size:14px}
.hxp .csig .c-bnr,.hxp .ps-slide img.rb{max-width:340px}
.hxp .rsig{font-size:12px}
.hxp .rsig b{font-size:14px}
.hxp .ps-pills{margin-top:12px;gap:6px}
.hxp .ps-pills button{padding:6px 12px;min-height:36px;font-size:.85rem}
.hxp .ps-pills .motion-btn{width:36px;height:36px}
.hx-pick2{display:grid;grid-template-columns:1fr 1fr;gap:16px;margin-top:24px}
.hx-pick2 .hp-more{grid-column:1/-1}
.hx-pick2 .hp{padding:14px 18px 14px}
@media (max-width:980px){.hx-pick2{grid-template-columns:1fr}}

/* hero compact pass: everything in the opening screen */
.hxp .ps-slide>p{display:none}
.hxp .ps-body{padding:12px 18px 14px}
.hxp .csig .c-bnr,.hxp .ps-slide img.rb{max-width:300px}
.hxp .csig .c-logo{transform:scale(.8);transform-origin:top right}
.hxp .csig[dir="ltr"] .c-logo,.hxp [dir="ltr"] .csig .c-logo{transform-origin:top left}
.hxp .csig.toll .c-logo{margin-bottom:-10px}
.hx-pick2{margin-top:20px;gap:14px}
.hx-pick2 .hp{display:grid;grid-template-columns:1fr auto;grid-template-areas:"h link" "fit fit" "ck ck" "x x";align-items:center;gap:8px 14px;padding:12px 18px}
.hx-pick2 .hp-h{grid-area:h;justify-content:flex-start;gap:10px;min-height:0}
.hx-pick2 .sol-fit{grid-area:fit;justify-self:start;white-space:nowrap}
.hx-pick2 .hp .link{grid-area:link;justify-self:end;font-size:.88rem;white-space:nowrap}
.hx-pick2 .hp-ck{grid-area:ck;display:flex;flex-wrap:wrap;gap:4px 18px}
.hx-pick2 .hp-ck li{font-size:.88rem}
.hx-pick2 .hp-x{grid-area:x;font-size:.82rem}
.hx-pick2 .hp-more{margin-top:-2px;font-size:.9rem}
.hx .hx-trust{margin-top:18px;padding-top:14px}
@media (max-width:640px){.hx-pick2 .hp{grid-template-columns:1fr;grid-template-areas:"h" "fit" "ck" "x" "link"}.hx-pick2 .hp .link{justify-self:start}}

@media (max-width:980px){.hx2{grid-template-columns:1fr;gap:28px}.hxp .ps-win{max-width:560px;margin-inline:auto}}
/* hero: realistic Outlook (inbox + reading pane) */
.ol{--ol-blue:#0F6CBD;background:#fff;border:1px solid #D6D6DC;border-radius:14px;overflow:hidden;box-shadow:0 50px 90px -50px rgba(11,11,15,.55),0 2px 6px rgba(11,11,15,.05);font-family:"Segoe UI",var(--body);color:#242424;display:flex;flex-direction:column;height:440px}
.ol-top{display:flex;align-items:center;gap:12px;height:42px;padding-inline:12px;background:var(--ol-blue);color:#fff;flex:none}
.ol-waffle{width:16px;height:16px;background:radial-gradient(circle,#fff 1.4px,transparent 1.6px) 0 0/5.5px 5.5px;opacity:.95;flex:none}
.ol-top b{font:600 .95rem "Segoe UI",var(--display)}
.ol-search{flex:1;max-width:260px;margin-inline:auto;height:28px;border-radius:6px;background:rgba(255,255,255,.88);color:#616161;font-size:.78rem;display:flex;align-items:center;gap:6px;padding-inline:10px}
.ol-search svg{width:13px;height:13px}
.ol-me{width:26px;height:26px;border-radius:50%;background:#fff;color:var(--ol-blue);display:grid;place-items:center;font:700 .72rem var(--display);flex:none}
.ol-main{flex:1;display:grid;grid-template-columns:44px 200px 1fr;min-height:0}
.ol-rail{background:#F5F5F5;border-inline-end:1px solid #E6E6E6;display:flex;flex-direction:column;align-items:center;gap:6px;padding-top:10px}
.ol-rail i{width:30px;height:30px;border-radius:6px;display:grid;place-items:center;color:#616161}
.ol-rail i.on{background:#E1EBF7;color:var(--ol-blue)}
.ol-rail svg{width:17px;height:17px}
.ol-list{border-inline-end:1px solid #E6E6E6;display:flex;flex-direction:column;min-width:0;overflow:hidden}
.ol-lh{display:flex;align-items:baseline;gap:10px;padding:10px 12px 6px;border-bottom:1px solid #EDEDED;flex:none}
.ol-lh b{font:600 .86rem "Segoe UI",var(--display);margin-inline-end:auto}
.ol-lh span{font-size:.72rem;color:#616161}
.ol-lh span.on{color:var(--ol-blue);font-weight:600;box-shadow:inset 0 -2px 0 var(--ol-blue)}
.ol-item{all:unset;box-sizing:border-box;display:grid;grid-template-columns:auto 1fr auto;gap:2px 8px;padding:9px 12px;border-bottom:1px solid #F0F0F0;cursor:pointer;position:relative;text-align:start;transition:background .2s}
.ol-item:hover{background:#F5F5F5}
.ol-item[aria-pressed="true"]{background:#E1EBF7}
.ol-item[aria-pressed="true"]::before{content:"";position:absolute;inset-block:0;inset-inline-start:0;width:3px;background:var(--ol-blue)}
.ol-item:focus-visible{outline:2px solid var(--ol-blue);outline-offset:-2px}
.ol-av{grid-row:span 3;width:30px;height:30px;border-radius:50%;display:grid;place-items:center;color:#fff;font:700 .72rem var(--display);flex:none;align-self:start}
.ol-item b{font:600 .8rem/1.25 "Segoe UI",var(--display);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.ol-item time{font-size:.68rem;color:#616161;white-space:nowrap}
.ol-item em{grid-column:2/4;font:normal .75rem/1.3 "Segoe UI",var(--body);color:#242424;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.ol-item small{grid-column:2/4;font-size:.7rem;color:#707070;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.ol-item.new b::after{content:"";display:inline-block;width:7px;height:7px;border-radius:50%;background:var(--ol-blue);margin-inline-start:6px;vertical-align:middle}
.ol-read{display:flex;flex-direction:column;min-width:0;overflow:hidden}
.ol-rh{padding:12px 16px 10px;border-bottom:1px solid #EDEDED;flex:none}
.ol-rh h4{margin:0 0 8px;font:600 .98rem "Segoe UI",var(--display);color:#242424}
.ol-from{display:flex;align-items:center;gap:10px}
.ol-from .ol-av{grid-row:auto;width:32px;height:32px}
.ol-from div{display:flex;flex-direction:column;min-width:0}
.ol-from b{font:600 .8rem "Segoe UI",var(--display)}
.ol-from small{font-size:.7rem;color:#707070}
.ol-from time{margin-inline-start:auto;font-size:.7rem;color:#616161}
.ol-rb{position:relative;display:grid;padding:12px 16px;overflow:hidden;flex:1;font-size:12px}
.ol-rb .ps-slide>p{display:block;font:12.5px/1.55 "Segoe UI",Arial,sans-serif;margin:0 0 10px;color:#242424}
.ol-rb .csig{font-size:12px}
.ol-rb .csig .c-n{font-size:14px}
.ol-rb .csig .c-logo{transform:scale(.8);transform-origin:top right}
.ol-rb [dir="ltr"] .csig .c-logo,.ol-rb .csig[dir="ltr"] .c-logo{transform-origin:top left}
.ol-rb .csig.toll .c-logo{margin-bottom:-10px}
.ol-rb .csig .c-bnr,.ol-rb .ps-slide img.rb{max-width:300px}
.ol-rb .rsig{font:12px/1.5 Arial,Helvetica,sans-serif}
.ol-rb .rsig b{font-size:14px}
.ol-foot{display:flex;align-items:center;justify-content:center;gap:10px;margin-top:12px;font-size:.82rem;color:var(--muted)}
.ol-foot .motion-btn{margin-top:0;width:34px;height:34px}
@media (max-width:1180px){.ol-main{grid-template-columns:40px 170px 1fr}}
@media (max-width:640px){.ol{height:420px}.ol-main{grid-template-columns:1fr}.ol-rail,.ol-list{display:none}.ol-search{display:none}}

.ol-rb .ps-slide{zoom:.78}
.hx{padding-block:26px 20px}
.hx-pick2{margin-top:14px}
.ol-foot{margin-top:10px}

/* hero v3: realistic laptop with full Outlook + floating signature card (CodeTwo-style) */
.mxw{position:relative;padding:6px 0 26px}
.mb{position:relative;width:94%;margin-inline-end:auto;transform:perspective(1900px) rotateY(-11deg) rotateX(2deg);transform-origin:center;filter:drop-shadow(0 40px 50px rgba(11,11,15,.28))}
.mb-scr{position:relative;aspect-ratio:16/10;background:#0d0d10;border-radius:14px 14px 4px 4px;padding:10px 10px 12px;box-shadow:inset 0 0 0 1px #2a2a30}
.mb-scr::before{content:"";position:absolute;top:4px;left:50%;translate:-50% 0;width:6px;height:6px;border-radius:50%;background:#2c2c33}
.mb-fit{position:relative;width:100%;height:100%;overflow:hidden;border-radius:3px;background:#fff}
.mb-base{height:13px;margin-inline:-7%;background:linear-gradient(#E4E4E9,#B4B4BD);border-radius:0 0 12px 12px;position:relative;box-shadow:0 1px 0 #9a9aa3}
.mb-base::before{content:"";position:absolute;top:0;left:50%;translate:-50% 0;width:16%;height:5px;background:#A7A7B0;border-radius:0 0 7px 7px}
.mx{position:absolute;top:0;right:0;width:1000px;height:625px;transform:scale(var(--s,.55));transform-origin:top right;display:flex;flex-direction:column;background:#fff;font:13px/1.4 "Segoe UI",-apple-system,"Assistant",sans-serif;color:#242424}
.mx-top{display:flex;align-items:center;gap:14px;height:48px;padding-inline:14px;background:#0F6CBD;color:#fff;flex:none}
.mx-top b{font:600 16px "Segoe UI",-apple-system,sans-serif}
.mx-search{width:420px;height:32px;margin-inline:auto;border-radius:4px;background:#fff;color:#616161;display:flex;align-items:center;gap:8px;padding-inline:10px;font-size:13px}
.mx-search svg,.mx-ti svg{width:16px;height:16px}
.mx-ti{display:grid;place-items:center;width:28px;height:28px;color:#fff;opacity:.95}
.mx .ol-me{width:30px;height:30px;font-size:12px}
.mx-rib{display:flex;align-items:center;gap:4px;height:46px;padding-inline:12px;border-bottom:1px solid #E1E1E1;background:#FAFAFA;flex:none}
.mx-rib span{display:inline-flex;align-items:center;gap:6px;height:32px;padding-inline:10px;border-radius:4px;color:#242424;font-size:13px}
.mx-rib span svg{width:16px;height:16px;color:#0F6CBD}
.mx-rib .mx-new{background:#0F6CBD;color:#fff;font-weight:600}
.mx-rib .mx-new svg{color:#fff}
.mx-rib i{width:1px;height:22px;background:#E1E1E1;margin-inline:6px}
.mx-body{flex:1;display:grid;grid-template-columns:48px 190px 300px 1fr;min-height:0}
.mx-rail{background:#F0F0F0;display:flex;flex-direction:column;align-items:center;gap:8px;padding-top:12px;border-inline-end:1px solid #E6E6E6}
.mx-rail i{width:34px;height:34px;border-radius:6px;display:grid;place-items:center;color:#616161}
.mx-rail i.on{background:#DCE8F7;color:#0F6CBD}
.mx-rail svg{width:19px;height:19px}
.mx-fold{display:flex;flex-direction:column;padding:10px 8px;gap:2px;background:#FAFAFA;border-inline-end:1px solid #E6E6E6}
.mx-fold small{font:600 11px "Segoe UI",sans-serif;color:#616161;padding:8px 8px 4px}
.mx-fold a{display:flex;justify-content:space-between;align-items:center;padding:6px 10px;border-radius:4px;color:#242424;text-decoration:none;font-size:13px}
.mx-fold a.on{background:#DCE8F7;font-weight:600}
.mx-fold a b{color:#0F6CBD;font-size:12px}
.mx-list{display:flex;flex-direction:column;border-inline-end:1px solid #E6E6E6;min-width:0;overflow:hidden}
.mx .ol-lh{padding:12px 14px 8px}
.mx .ol-lh b{font-size:15px}
.mx .ol-lh span{font-size:12px}
.mx .ol-item{padding:10px 14px}
.mx .ol-item b{font-size:13px}
.mx .ol-item em{font-size:12.5px}
.mx .ol-item small{font-size:12px}
.mx .ol-item time{font-size:11.5px}
.mx .ol-av{width:34px;height:34px;font-size:12px}
.mx-read{display:flex;flex-direction:column;min-width:0;overflow:hidden}
.mx .ol-rh{padding:16px 20px 12px}
.mx .ol-rh h4{font-size:18px;margin-bottom:12px}
.mx .ol-from b{font-size:13px}
.mx .ol-from small,.mx .ol-from time{font-size:12px}
.mx-acts{display:flex;gap:6px;margin-inline-start:12px;color:#616161}
.mx-acts svg{width:16px;height:16px}
.mx .ol-rb{padding:14px 20px;font-size:13px}
.mx .ol-rb .ps-slide{zoom:1}
.mx .ol-rb .ps-slide>p{font:13.5px/1.6 "Segoe UI",Arial,sans-serif;margin-bottom:14px}
.mx .ol-rb .csig{font-size:13px}
.mx .ol-rb .csig .c-n{font-size:15px}
.mx .ol-rb .csig .c-logo{transform:none}
.mx .ol-rb .csig.toll .c-logo{margin-bottom:0}
.mx .ol-rb .csig .c-bnr,.mx .ol-rb .ps-slide img.rb{max-width:400px}
.mx-zoom{position:absolute;inset-inline-end:-14px;bottom:-4px;width:270px;background:#fff;border-radius:14px;padding:14px 16px 16px;box-shadow:0 30px 60px -20px rgba(11,11,15,.4),0 0 0 1px rgba(11,11,15,.06);z-index:4}
.mx-zl{display:inline-flex;align-items:center;gap:7px;font:600 .74rem var(--display);color:var(--ink);background:var(--magenta-tint);border-radius:999px;padding:4px 10px;margin-bottom:10px}
.mx-zl i{width:7px;height:7px;border-radius:50%;background:var(--magenta)}
.mx-zb{transition:opacity .35s ease;zoom:.9}
.mx-zb.out{opacity:0}
.mx-zb .csig{font-size:12px}
.mx-zb .csig .c-n{font-size:14px}
.mx-zb .csig .c-logo{transform:scale(.82);transform-origin:top right}
.mx-zb[dir="ltr"] .csig .c-logo,.mx-zb .csig[dir="ltr"] .c-logo{transform-origin:top left}
.mx-zb .csig.toll .c-logo{margin-bottom:-10px}
.mx-zb .csig .c-bnr,.mx-zb img.rb{max-width:100%;width:100%}
.mx-zb .rsig{font:12px/1.5 Arial,Helvetica,sans-serif}
.mx-zb .rsig b{font-size:14px}
.mx-zb img.rb{height:auto;display:block;margin-top:8px;border-radius:2px}
@media (max-width:980px){.mb{transform:none;width:100%}.mx-zoom{position:relative;inset:auto;width:auto;max-width:420px;margin:16px auto 0}}

/* hero v4: static, calmer */
.mb{transform:perspective(2200px) rotateY(-7deg) rotateX(1.5deg)}
.mx .ol-av,#olAv{background:#E4E7F2!important;color:#3B4A73!important;font-weight:600}
.mx .ol-item:nth-child(3n) .ol-av{background:#E6EFE9!important;color:#2F5D46!important}
.mx .ol-item:nth-child(3n+1) .ol-av{background:#F1E9E4!important;color:#6B4A36!important}
.mx .ol-item.new b::after{width:6px;height:6px}
.mx-zoom{box-shadow:0 24px 48px -18px rgba(11,11,15,.35),0 0 0 1px rgba(11,11,15,.07)}
@media (max-width:980px){.mb{transform:none}}

.mx-zoom{width:350px;inset-inline-end:-22px;bottom:-10px;padding:16px 18px 18px}
.mx-zb{zoom:1}
.mx-zb .csig.fattal .c-row{flex-wrap:nowrap;gap:12px;align-items:center}
.mx-zb .csig.fattal .c-vr{display:block;width:1px;align-self:stretch;background:#1E2A5A;opacity:.6}
.mx-zb .csig.fattal .c-logo{transform:none;width:120px!important;height:46px!important}
.mx-zb .csig.fattal .c-n{font-size:15px}
.mx-zb .csig .c-bnr{margin-top:12px}

/* hero v5: faithful Outlook (from real screenshot) inside laptop */
.ox{position:absolute;top:0;right:0;width:1400px;height:875px;transform:scale(var(--s,.45));transform-origin:top right;direction:rtl;display:flex;flex-direction:column;gap:8px;padding-bottom:10px;background:linear-gradient(180deg,#EDF2F9 0%,#E3EBF6 100%);font:14px/1.4 -apple-system,"Segoe UI","Assistant",sans-serif;color:#242424;overflow:hidden}
.ox svg{width:20px;height:20px;flex:none}
.ox-hd{display:flex;align-items:center;gap:18px;height:52px;padding-inline:18px 14px;flex:none}
.ox-app{display:flex;align-items:center;gap:12px;color:#424242}
.ox-app b{font:600 19px -apple-system,"Segoe UI",sans-serif;color:#242424}
.ox-search{display:flex;align-items:center;gap:8px;width:420px;height:34px;margin-inline-start:24px;background:#fff;border:1px solid #D1D1D1;border-radius:6px;padding-inline:10px;color:#616161}
.ox-hic{margin-inline-start:auto;display:flex;align-items:center;gap:18px;color:#424242}
.ox-bell{position:relative;display:grid;font-style:normal}
.ox-bell em{position:absolute;top:-6px;inset-inline-end:-8px;min-width:16px;height:16px;border-radius:8px;background:#C4314B;color:#fff;font:700 10px/16px sans-serif;text-align:center;font-style:normal}
.ox-me{width:30px;height:30px;border-radius:50%;background:#E0E0E0;display:grid;place-items:center;font-style:normal}
.ox-me svg{width:18px;height:18px}
.ox-tabs{display:flex;align-items:center;gap:26px;height:30px;padding-inline:22px;flex:none;font-size:14px;color:#424242}
.ox-tabs .on{color:#242424;font-weight:600;box-shadow:inset 0 -3px 0 #0F6CBD;padding-bottom:4px}
.ox-ham{display:grid}
.ox-rib{display:flex;align-items:stretch;margin-inline:12px;background:#fff;border-radius:8px;box-shadow:0 1px 3px rgba(0,0,0,.08);height:106px;flex:none;overflow:hidden}
.og{display:flex;align-items:flex-start;gap:2px;padding:10px 8px 22px;position:relative;border-inline-end:1px solid #EBEBEB}
.og small{position:absolute;bottom:5px;left:0;right:0;text-align:center;font-size:11px;color:#616161}
.ob{display:flex;flex-direction:column;align-items:center;gap:5px;min-width:54px;padding:4px 6px;font-size:12px;color:#242424;text-align:center;line-height:1.2}
.ob svg{width:26px;height:26px}
.og.big .ob svg{width:30px;height:30px}
.ob.col{justify-content:center;gap:10px;align-items:flex-start}
.ob-s{display:flex;align-items:center;gap:6px;font-size:12px}
.ob-s svg{width:16px!important;height:16px!important}
.ob.qs{justify-content:center}
.ob.qs span{display:flex;align-items:center;gap:6px;border:1px solid #D1D1D1;border-radius:4px;padding:8px 12px;font-size:12px}
.ob.qs svg{width:16px;height:16px}
.ox-ad{display:grid;place-items:center;width:30px;height:28px;font:800 20px/1 Arial,sans-serif;color:#DD0066;letter-spacing:-1px}
.ox-ad.sm{width:auto;height:auto;font-size:15px}
.ob.ad{background:#FDF1F6;border-radius:6px}
.ox-body{flex:1;display:grid;grid-template-columns:56px 270px 1fr;gap:10px;padding-inline:0 12px;min-height:0}
.ox-rail{display:flex;flex-direction:column;align-items:center;gap:14px;padding-top:8px;color:#0F6CBD}
.ox-rail i{display:grid;place-items:center;width:38px;height:38px;border-radius:8px}
.ox-rail i.on{background:#fff;box-shadow:0 1px 3px rgba(0,0,0,.1)}
.ox-rail svg{width:22px;height:22px}
.ox-fold{background:rgba(255,255,255,.55);border-radius:8px;padding:12px 10px;display:flex;flex-direction:column;gap:2px;overflow:hidden}
.of-h,.of-acc{display:flex;align-items:center;gap:8px;padding:6px 8px;color:#242424}
.of-h b{font-size:17px}
.of-acc b{font-size:14px;font-weight:600}
.of-h svg,.of-acc svg{width:14px;height:14px;color:#616161}
.ox-fold a{display:flex;align-items:center;gap:10px;padding:8px 10px 8px 10px;border-radius:6px;color:#242424;font-size:14px}
.ox-fold a svg{width:18px;height:18px;color:#424242}
.ox-fold a em{margin-inline-start:auto;font-style:normal;font-size:13px;color:#0F6CBD;font-weight:600}
.ox-fold a em.g{color:#616161;font-weight:400}
.ox-fold a.on{background:#fff;font-weight:600;box-shadow:0 1px 2px rgba(0,0,0,.06)}
.ox-read{display:flex;flex-direction:column;gap:8px;min-width:0}
.ox-subj{display:flex;align-items:center;gap:14px;height:46px;background:#fff;border-radius:8px;padding-inline:16px;box-shadow:0 1px 3px rgba(0,0,0,.06);flex:none}
.ox-subj b{font-size:16px;font-weight:600}
.ox-x{display:grid;place-items:center;width:30px;height:30px;border:1px solid #D1D1D1;border-radius:6px;color:#424242}
.ox-x svg{width:14px;height:14px}
.ox-msg{flex:1;background:#fff;border-radius:8px;padding:16px 22px;box-shadow:0 1px 3px rgba(0,0,0,.06);overflow:hidden;min-height:0}
.ox-mh{display:flex;align-items:flex-start;gap:12px}
.ox-av{display:grid;place-items:center;width:40px;height:40px;border-radius:50%;background:#8CC88C;color:#1E4620;font:600 14px sans-serif;flex:none}
.ox-who{display:flex;flex-direction:column;gap:2px}
.ox-who b{color:#0F6CBD;font-weight:500;font-size:14px}
.ox-who small{font-size:13px;color:#424242}
.ox-acts{margin-inline-start:auto;display:flex;align-items:center;gap:14px;flex-wrap:wrap;justify-content:flex-end;max-width:520px;color:#424242;font-size:13px}
.ox-acts span{display:inline-flex;align-items:center;gap:5px}
.ox-acts svg{width:18px;height:18px;color:#7A3E9D}
.ox-acts time{flex-basis:100%;text-align:end;font-size:12px;color:#616161}
.ox-sug{display:flex;align-items:center;gap:8px;margin:14px 0 16px;font-size:13px;color:#424242}
.ox-sug i{font-style:normal;border:1px solid #0F6CBD;color:#0F6CBD;border-radius:4px;padding:5px 12px}
.ox-text{font-size:15px;line-height:1.6;margin-bottom:18px}
.tsig{font:15px/1.55 -apple-system,Arial,"Assistant",sans-serif;color:#111;direction:rtl;text-align:right}
.tsig p{margin:0}
.tsig b{font-weight:700}
.tsig .gap{height:14px}
.tsig a{color:#0F6CBD;text-decoration:none}
.tsig .tlogo{display:block;width:190px;height:72px;margin-top:10px;background:var(--l-admail) right center/contain no-repeat}
.tsig img.ad-bn{display:block;max-width:560px;width:100%;height:auto;margin-top:16px;border-radius:2px}
.ox-zoom{width:330px;padding:14px 18px 18px}
.ox-zoom .tsig{font-size:12.5px;line-height:1.5}
.ox-zoom .tsig .gap{height:8px}
.ox-zoom .tsig .tlogo{width:130px;height:48px;margin-top:6px}
.ox-zoom .tsig img.ad-bn{margin-top:10px}

.ox-zoom{width:250px;inset-inline-end:-40px;bottom:-14px;padding:12px 14px 14px}
.ox-zoom .mx-zl{font-size:.68rem;padding:3px 9px;margin-bottom:8px}
.ox-zoom .tsig{font-size:11px;line-height:1.45}
.ox-zoom .tsig .gap{height:5px}
.ox-zoom .tsig .tlogo{width:96px;height:34px;margin-top:5px}
.ox-zoom .tsig img.ad-bn{margin-top:8px}
@media (max-width:1240px){.ox-zoom{inset-inline-end:-12px}}

/* customers page: centre the last row so there is never an empty slot */
#allClients{display:flex;flex-wrap:wrap;justify-content:center;gap:14px}
#allClients>.cell{flex:0 0 calc((100% - 5*14px)/6)}
@media (max-width:900px){#allClients>.cell{flex-basis:calc((100% - 2*14px)/3)}}

:root{--i-brown:url("/assets/img/78a82bb79af3.svg")}
:root{--i-mtp:url("/assets/img/aaae9953d4be.svg")}
:root{--i-alm:url("/assets/img/c60eb0765743.svg")}
.hx h1 .nw{white-space:nowrap}
.hx h1 .h1-also{display:inline-block;vertical-align:middle;margin-inline-start:6px;padding:3px 9px;border:1px solid var(--line);border-radius:999px;background:#fff;font:600 .76rem/1.2 var(--display);color:var(--muted);letter-spacing:0;white-space:nowrap}
@media (max-width:640px){.hx h1 .h1-also{display:block;width:max-content;margin:10px 0 0}}

.eyebrow.eb-lg{font-size:1.05rem}
#sb .sb-ctl input::placeholder{color:#6E6E7A;opacity:1}
#sb .sb-ctl input:focus::placeholder{color:transparent}
#sbSig .csig.tg,#sbSig .csig.tg .c-g,#sbSig .csig.tg .c-soc,#sbSig .csig.tg .c-soc u{color:var(--c)}
#sbSig .csig.tg .c-soc i{color:var(--c);opacity:.35}
.hx h1 .h1-also{white-space:normal;border-radius:10px;line-height:1.25;text-align:start;padding:4px 9px}
@media (max-width:640px){.hx h1 .h1-also br{display:none}.hx h1 .h1-also{white-space:nowrap;border-radius:999px}}

#trustTrack{gap:0}
#trustTrack .clogo{margin:0;margin-inline-end:56px}

.eb-try{display:inline-flex;align-items:center;gap:8px;font:700 1.3rem var(--display);color:var(--magenta);background:var(--magenta-tint);border-radius:999px;padding:8px 20px}
.sb-hd{display:flex;flex-direction:column;gap:2px;padding-bottom:14px;border-bottom:1px solid var(--line)}
.sb-hd b{font:700 1.2rem var(--display);color:var(--ink)}
.sb-hd span{font-size:.9rem;color:var(--muted)}
.sb-top{display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap}
.sb-top .sb-dev{align-self:auto}
.sb-live{display:inline-flex;align-items:center;gap:8px;font:600 .9rem var(--display);color:var(--ink)}
.sb-live i{width:8px;height:8px;border-radius:50%;background:var(--ok)}
.both-note small{display:block;margin-top:6px;font-size:.8rem}

.envsec{padding-block:36px;background:var(--surface);border-block:1px solid var(--line)}
.envsec .wrap{display:flex;flex-direction:column;gap:22px}
.es-row{display:grid;grid-template-columns:150px 1fr;gap:24px;align-items:center}
.es-k{font:600 1.05rem var(--display);color:var(--ink)}
.es-envs{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(4,1fr);gap:14px}
.es-envs li{display:flex;align-items:center;gap:12px;background:#fff;border:1px solid var(--line);border-radius:12px;padding:14px 16px;min-width:0}
.es-envs i{width:40px;height:40px;flex:none;background:center/contain no-repeat}
.es-envs span{display:flex;flex-direction:column;min-width:0}
.es-envs b{font:600 .98rem/1.25 var(--display);color:var(--ink);text-align:start}
.es-envs small{font-size:.85rem;color:var(--muted);line-height:1.35}
.es-sec{padding-top:20px;border-top:1px solid var(--line)}
.es-badges{display:flex;align-items:center;gap:10px 18px;flex-wrap:wrap}
.es-badges ul{list-style:none;margin:0;padding:0;display:flex;flex-wrap:wrap;gap:10px}
.es-badges li{display:inline-flex;align-items:center;gap:7px;background:#fff;border:1px solid var(--line);border-radius:999px;padding:7px 14px;font:600 .9rem var(--display);color:var(--ink)}
.es-badges li svg{color:var(--ok)}
.es-badges p{font-size:.82rem;color:var(--muted)}
@media (max-width:1000px){.es-envs{grid-template-columns:1fr 1fr}}
@media (max-width:700px){.es-row{grid-template-columns:1fr;gap:12px}}
@media (max-width:420px){.es-envs{grid-template-columns:1fr}}

@media (max-width:600px){#allClients>.cell{flex-basis:calc((100% - 14px)/2)}}
.hp-trap{position:absolute!important;width:1px;height:1px;margin:-1px;padding:0;border:0;overflow:hidden;clip:rect(0 0 0 0);clip-path:inset(50%);white-space:nowrap}
.form-msg a,.err a{color:inherit;font-weight:600}
button[disabled]{opacity:.7;cursor:progress}

.sb-hint{grid-column:1/-1;margin:0;font-size:.9rem;color:var(--ink);background:var(--magenta-tint);border-radius:10px;padding:9px 12px}

.ws-il{margin-top:28px;display:grid;grid-template-columns:1.1fr 1fr;gap:20px 32px;align-items:center;background:#fff;border:1px solid var(--line);border-top:4px solid #005AFD;border-radius:16px;padding:26px 30px}
.ws-il-h h3{font-size:1.2rem}
.ws-il-h p{color:var(--muted);font-size:1rem;margin-top:6px}
.ws-il-logos{display:flex;gap:14px;justify-content:flex-start;flex-wrap:wrap}
.ws-il-logos .cell{width:170px;height:84px;border:1px solid var(--line);border-radius:10px;background:#fff;display:grid;place-items:center;overflow:hidden}
.ws-il-names{grid-column:1/-1;margin:0;font:600 .98rem var(--display);color:var(--ink)}
@media (max-width:760px){.ws-il{grid-template-columns:1fr;padding:22px}.ws-il-logos .cell{width:calc(50% - 7px)}}

/* accessibility pass: heading levels and text contrast (WCAG AA 4.5:1) */
.foot h2{font:600 .95rem var(--display);color:#fff;margin:0 0 12px}
.sr-only{position:absolute!important;width:1px;height:1px;margin:-1px;padding:0;border:0;overflow:hidden;clip:rect(0 0 0 0);clip-path:inset(50%);white-space:nowrap}
.eyebrow{color:#C8005C}
.sol-fit:not(.ws),.dp-bn,.page span.chip.bn{color:#B0004F}
.sbs-bnph{color:#6B6B78}.sbs-bnph small{color:#6E6E7A}
.price s{color:#6B6B78}
.calc-out .hl span{color:#55555F}

#wisestamp-customers .lead{font-size:1.32rem;line-height:1.6;color:var(--text);max-width:42em}
@media (max-width:700px){#wisestamp-customers .lead{font-size:1.15rem}}

.demo-cal p{margin:0 0 14px;color:var(--text)}
.demo-cal .btn{display:inline-flex}
.demo-cal .form-note{display:block;margin-top:10px}
.demo-mid{margin:4px 0 0;padding:14px 16px;border-radius:12px;background:var(--surface);border:1px solid var(--line);font-size:.98rem;color:var(--ink)}
.demo-ok a{color:var(--magenta);font-weight:700}

.demo-foot-n{margin:0}
.demo-next{display:grid;grid-template-columns:auto 1fr;gap:14px;align-items:start;margin-top:6px;padding:22px;border:2px solid var(--magenta);border-radius:16px;background:#fff;box-shadow:0 18px 40px -24px rgba(221,0,102,.35)}
.demo-next:focus{outline:none}
.demo-step{display:grid;place-items:center;width:30px;height:30px;border-radius:50%;background:var(--magenta);color:#fff;font:700 .95rem var(--display)}
.demo-next h2{font-size:1.25rem;margin:2px 0 8px}
.demo-next p{margin:0 0 10px;color:var(--text)}
.demo-next .btn{display:inline-flex;margin-top:4px}
.demo-next .form-note{display:block;margin-top:10px}
.demo-next-mail b{color:var(--ink)}

/* ---- cookie consent ---- */
.ck{position:fixed;z-index:90;bottom:calc(16px + env(safe-area-inset-bottom,0px));left:50%;translate:-50% 0;width:min(760px,calc(100% - 32px));background:#fff;border:1px solid var(--line);border-radius:16px;box-shadow:0 24px 60px -24px rgba(11,11,15,.4);padding:20px 22px;display:grid;grid-template-columns:1fr auto;gap:14px 22px;align-items:center;font-size:.95rem;color:var(--text)}
.ck h2{font:600 1.02rem var(--display);color:var(--ink);margin:0 0 4px}
.ck p{margin:0;line-height:1.55}
.ck a{color:var(--magenta)}
.ck-btns{display:flex;gap:10px}
.ck-btns .btn{padding:10px 18px;font-size:.95rem}
.ck-foot{background:none;border:0;padding:0;font:inherit;color:inherit;cursor:pointer;text-decoration:underline;text-underline-offset:3px}
@media (max-width:640px){.ck{grid-template-columns:1fr;padding:18px}.ck-btns .btn{flex:1}}

/* pricing tiers: fit on phones, no horizontal scroll */
table.cmp.tiers{min-width:0;table-layout:fixed}
@media (max-width:640px){table.cmp.tiers th,table.cmp.tiers td{padding:12px 10px;font-size:.92rem;white-space:normal}table.cmp.tiers th:first-child,table.cmp.tiers td:first-child{width:40%}}