/* Script website. Palette from the existing site: ink, gold, and the logo's ribbon gradient.
   The ribbon appears once per page at most: on the home page it is the day, sunrise to night. */
@font-face{font-family:Manrope;src:url(/fonts/manrope-greek.woff2) format("woff2");font-weight:200 800;font-display:swap;unicode-range:U+0370-03FF,U+1F00-1FFF}
@font-face{font-family:Manrope;src:url(/fonts/manrope-cyrillic.woff2) format("woff2");font-weight:200 800;font-display:swap;unicode-range:U+0400-04FF,U+2116}
@font-face{font-family:Manrope;src:url(/fonts/manrope-latin-ext.woff2) format("woff2");font-weight:200 800;font-display:swap;unicode-range:U+0100-02BA,U+1E00-1EFF,U+20A0-20C0}
@font-face{font-family:Manrope;src:url(/fonts/manrope-latin.woff2) format("woff2");font-weight:200 800;font-display:swap;unicode-range:U+0000-00FF,U+2000-206F}

:root{
  --ink:#1f174c;--ink-2:#4a4470;--ink-3:#6d688c;
  --gold:#f3c116;--gold-deep:#c29a12;--gold-soft:#fdf5d6;
  --paper:#fff;--mist:#f4f3f8;--line:#e3e1ec;
  --ribbon:linear-gradient(180deg,#ffbb00,#ff7239 28%,#ff4755 52%,#a0286b 76%,#6b2e86);
  --wrap:100%;--gut:clamp(16px,4vw,72px);
  color-scheme:light only;
}
*{box-sizing:border-box}
html{scroll-behavior:smooth;-webkit-text-size-adjust:100%}
body{margin:0;background:var(--paper);color:var(--ink);font:400 17px/1.6 Manrope,system-ui,-apple-system,"Segoe UI",Roboto,sans-serif;overflow-x:hidden}
html[lang=bg] *{font-feature-settings:"locl" 0}
img{max-width:100%;height:auto;display:block}
a{color:inherit;text-underline-offset:3px}
h1,h2,h3{line-height:1.12;letter-spacing:-.02em;margin:0;font-weight:800;text-wrap:balance}
h1{font-size:clamp(2.2rem,5.2vw,4rem)}
h2{font-size:clamp(1.6rem,3.2vw,2.5rem)}
h3{font-size:1.3rem;letter-spacing:-.01em}
p{margin:0 0 1em;max-width:68ch}
small{color:inherit;opacity:.8}
:focus-visible{outline:3px solid var(--gold-deep);outline-offset:2px;border-radius:4px}
.wrap{max-width:var(--wrap);margin-inline:auto;padding-inline:var(--gut)}
.skip{position:absolute;left:-999px}.skip:focus{left:12px;top:12px;background:var(--gold);padding:8px 12px;z-index:50}
.lede{font-size:clamp(1.08rem,1.6vw,1.25rem);line-height:1.55}
.sub{color:var(--ink-2);margin-top:.6em}

.btn{display:inline-block;background:var(--gold);color:var(--ink);font:inherit;font-weight:700;padding:14px 24px;border:0;border-radius:10px;text-decoration:none;cursor:pointer;transition:background .15s}
.btn:hover{background:#ffd335}
.btn-sm{padding:9px 16px;font-size:.93rem}
.btn-ghost{background:transparent;box-shadow:inset 0 0 0 2px currentColor}
.btn-ghost:hover{background:rgba(31,23,76,.07)}
.linklike{background:none;border:0;padding:0;font:inherit;color:inherit;cursor:pointer;text-decoration:underline;text-underline-offset:3px}

/* header */
.top{position:sticky;top:0;background:#fff;border-bottom:1px solid var(--line);z-index:30}
.top-in{display:flex;align-items:center;justify-content:space-between;gap:20px;min-height:68px}
.logo img{height:38px;width:auto}
.nav{display:flex;align-items:center;gap:22px;font-size:.95rem;font-weight:600}
.nav>a{text-decoration:none}.nav>a:hover{text-decoration:underline}
.nav .btn{white-space:nowrap}
.login{color:var(--ink-2)}
.langs{display:flex;gap:2px;font-size:.82rem}
.langs a{padding:4px 7px;border-radius:6px;text-decoration:none;color:var(--ink-3)}
.langs a[aria-current]{background:var(--ink);color:#fff}
.mega{position:relative}
.mega summary{cursor:pointer;list-style:none}
.mega summary::-webkit-details-marker{display:none}
.mega summary::after{content:"";display:inline-block;margin-left:6px;width:7px;height:7px;border:solid currentColor;border-width:0 2px 2px 0;transform:translateY(-3px) rotate(45deg)}
.mega-list{position:absolute;left:-16px;top:calc(100% + 18px);width:min(680px,92vw);display:grid;grid-template-columns:1fr 1fr;gap:2px 14px;list-style:none;margin:0;padding:14px;background:#fff;border:1px solid var(--line);border-radius:10px;box-shadow:0 18px 40px rgba(31,23,76,.14)}
.mega-list a{display:block;padding:9px 10px;border-radius:6px;text-decoration:none}
.mega-list a:hover{background:var(--mist)}
.mega-list span{display:block;font-weight:400;font-size:.84rem;line-height:1.35;color:var(--ink-2)}
.burger{display:none;background:none;border:0;padding:10px;cursor:pointer}
.burger span{display:block;width:24px;height:2px;background:var(--ink);margin:6px 0}

/* hero: solid ink, with the real product doing the talking */
.hero{background:var(--ink);color:#fff;overflow:hidden}
.hero-in{display:grid;grid-template-columns:minmax(0,5fr) minmax(0,7fr);gap:clamp(24px,4vw,56px);align-items:center;padding-block:clamp(44px,7vw,88px)}
.hero h1{color:#fff}
.hero .pr-name{color:var(--ink);margin-bottom:.9em}
.hero .lede{margin-top:.9em;color:#ddd9ee}
.hero-act{display:flex;flex-wrap:wrap;align-items:center;gap:12px 16px;margin-top:1.5em}
.hero-shot{margin:0 calc(var(--gut) * -3) 0 0}
.shot{margin:0}
.shot img{border-radius:8px;box-shadow:0 2px 4px rgba(31,23,76,.1),0 22px 50px rgba(31,23,76,.2)}
.hero-shot img{box-shadow:0 30px 70px rgba(0,0,0,.45)}

.stats{padding-block:30px}
.stats dl{display:grid;grid-template-columns:repeat(4,1fr);gap:20px;margin:0}
.stats div{display:flex;flex-direction:column-reverse;gap:2px}
.stats dd{margin:0;font-size:clamp(1.5rem,2.5vw,2rem);font-weight:800;letter-spacing:-.02em}
.stats dt{color:var(--ink-2);font-size:.92rem;line-height:1.35}

/* the day: one ribbon running sunrise to night */
.day{background:var(--mist);padding-block:clamp(52px,7vw,92px)}
.day-list{list-style:none;margin:44px 0 0;padding:0;position:relative}
.day-list::before{content:"";position:absolute;left:92px;top:12px;bottom:12px;width:6px;border-radius:3px;background:var(--ribbon)}
.day-list>li{display:grid;grid-template-columns:72px minmax(0,5fr) minmax(0,6fr);column-gap:60px;padding-block:30px;align-items:start}
.day-list time{font-size:1.15rem;font-weight:800;font-variant-numeric:tabular-nums;padding-top:2px}
.day-txt h3{font-size:clamp(1.3rem,2.2vw,1.65rem);margin-bottom:.5em}
.day-txt p{color:var(--ink-2)}
.day-txt a{font-weight:700}

/* products as an index, not a card grid */
.index{padding-block:clamp(52px,7vw,88px)}
.rows{list-style:none;margin:30px 0 0;padding:0;border-top:2px solid var(--ink)}
.rows li{border-bottom:1px solid var(--line)}
.rows a,.row-static{display:grid;grid-template-columns:minmax(0,3fr) minmax(0,5fr) minmax(0,3fr);gap:18px;align-items:baseline;padding:16px 0;text-decoration:none}
.rows a:hover .r-n{text-decoration:underline;text-decoration-color:var(--gold);text-decoration-thickness:3px}
.r-n{font-weight:800;font-size:1.2rem;letter-spacing:-.01em}
.r-long{grid-column:span 2;font-size:1.1rem;line-height:1.3}
.r-d{color:var(--ink-2)}
.r-t{color:var(--ink-3);font-size:.86rem;text-align:right}

.reviews{padding-block:clamp(52px,7vw,84px) 0}
.rev-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:30px;margin-top:24px}
.rev-grid figure{margin:0;padding-top:14px;border-top:2px solid var(--ink)}
.rev-grid blockquote{margin:0 0 12px;font-size:1.05rem}
.rev-grid figcaption{color:var(--ink-2);font-size:.92rem}
.rev-grid b{display:block;color:var(--ink)}
.band{background:var(--gold)}
.band-in{display:grid;grid-template-columns:minmax(0,5fr) minmax(0,7fr);gap:clamp(20px,4vw,56px);padding-block:clamp(44px,6vw,72px)}
.band p{margin:0}

.fresh{padding-block:clamp(52px,7vw,84px) 0}
.fresh ul{list-style:none;margin:24px 0 18px;padding:0;columns:2;column-gap:48px}
.fresh li{break-inside:avoid;padding-bottom:12px;color:var(--ink-2)}
.fresh b{color:var(--ink)}

.faq{padding-block:clamp(44px,6vw,76px)}
.faq h2{margin-bottom:18px}
.faq details{border-bottom:1px solid var(--line);max-width:820px}
.faq summary{cursor:pointer;font-weight:700;padding:15px 0}
.faq details p{color:var(--ink-2)}

.close{background:var(--ink);color:#fff}
.close-in{display:grid;grid-template-columns:minmax(0,7fr) minmax(0,4fr);gap:28px;align-items:center;padding-block:clamp(44px,6vw,72px)}
.close p{color:#ddd9ee;margin:.7em 0 0}
.close-act{display:flex;flex-direction:column;align-items:flex-start;gap:8px}

/* inner pages */
.crumbs{font-size:.87rem;color:var(--ink-3);padding-top:18px}
.pr-head{display:grid;grid-template-columns:minmax(0,5fr) minmax(0,6fr);gap:clamp(24px,4vw,56px);align-items:center;padding-block:26px clamp(36px,5vw,64px)}
.pr-head h1{font-size:clamp(1.9rem,3.8vw,3rem)}
.pr-name{font-weight:800;margin-bottom:.55em;display:inline-block;background:var(--gold);padding:2px 10px;border-radius:6px}
.pr-head .lede{margin-top:.8em;color:var(--ink-2)}
.points{padding-bottom:clamp(30px,4vw,50px)}
.points dl{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:0 56px;margin:0;border-top:2px solid var(--ink)}
.points dl>div{padding:18px 0;border-bottom:1px solid var(--line)}
.points dt{font-weight:800;font-size:1.08rem}
.points dd{margin:.25em 0 0;color:var(--ink-2)}
.others{padding-bottom:clamp(40px,5vw,64px)}
.others h2{font-size:1.2rem;margin-bottom:12px}
.others ul{list-style:none;display:flex;flex-wrap:wrap;gap:6px 22px;margin:0;padding:0}
.pg-head{padding-block:clamp(36px,5vw,64px) 28px}
.pg-head .lede{margin-top:.8em;color:var(--ink-2)}
.prose{max-width:760px;padding-bottom:clamp(40px,6vw,72px)}
.prose h2{font-size:1.35rem;margin:1.5em 0 .5em}
.prose img{margin:1.2em 0;border-radius:8px}
.prose ul,.prose ol{padding-left:1.2em;max-width:68ch}
.post{padding-bottom:10px}
.post h1{font-size:clamp(1.8rem,3.6vw,2.7rem);margin-top:14px;max-width:820px}
.post-date{color:var(--ink-3);font-size:.9rem;margin:.8em 0 1.6em}

.foot li{break-inside:avoid}

/* wizard */
.wz-page{padding-block:clamp(30px,5vw,56px);max-width:900px}
.wz-steps{list-style:none;counter-reset:s;display:flex;gap:6px;margin:18px 0 32px;padding:0;font-size:.85rem}
.wz-steps li{counter-increment:s;flex:1;padding-top:8px;border-top:4px solid var(--line);color:var(--ink-3)}
.wz-steps li::before{content:counter(s) ". "}
.wz-steps li.done{border-color:var(--ink);color:var(--ink)}
.wz-steps li[aria-current]{border-color:var(--gold);color:var(--ink);font-weight:700}
.wz fieldset{border:0;margin:0 0 26px;padding:0}
.wz legend{font-weight:800;font-size:1.25rem;padding:0;margin-bottom:12px;letter-spacing:-.01em}
.choices{display:grid;grid-template-columns:repeat(auto-fit,minmax(190px,1fr));gap:8px}
.choice{position:relative;display:block;cursor:pointer}
.choice input{position:absolute;opacity:0;inset:0;margin:0;cursor:pointer}
.choice span{display:block;height:100%;padding:13px 15px;border:2px solid var(--line);border-radius:10px;font-weight:600;background:#fff}
.choice:hover span{border-color:var(--ink-3)}
.choice input:checked+span{border-color:var(--ink);background:var(--gold-soft)}
.choice input:focus-visible+span{outline:3px solid var(--gold-deep);outline-offset:2px}
.wz-plan{display:block;padding:15px 16px;border:2px solid var(--line);border-radius:10px;margin-bottom:8px;cursor:pointer;position:relative}
.wz-plan input{position:absolute;opacity:0}
.wz-plan:has(input:checked){border-color:var(--ink);background:var(--gold-soft)}
.wz-plan:has(input:focus-visible){outline:3px solid var(--gold-deep);outline-offset:2px}
.wz-plan b{font-size:1.14rem}
.wz-plan small{display:block;opacity:1;color:var(--ink-2);margin-top:2px}
.wz-plan em{font-style:normal;font-size:.8rem;font-weight:700;background:var(--ink);color:#fff;border-radius:6px;padding:2px 8px;margin-left:8px;vertical-align:2px}
.wz-plan ul{margin:8px 0 0;padding-left:1.1em;font-size:.92rem;color:var(--ink-2)}
.wz-addon{display:flex;gap:12px;align-items:flex-start;padding:13px 0;border-bottom:1px solid var(--line)}
.wz-addon input[type=checkbox]{width:20px;height:20px;margin-top:3px;accent-color:var(--ink);flex:none}
.wz-addon label{flex:1;cursor:pointer}
.wz-addon label b{display:block}
.wz-addon label span{color:var(--ink-2);font-size:.93rem}
.wz-qty{display:flex;align-items:center;gap:6px;font-size:.85rem;color:var(--ink-2)}
.wz-qty input{width:64px;padding:6px;font:inherit;border:1px solid var(--ink-3);border-radius:6px}
.field{display:block;margin-bottom:14px;font-weight:600}
.field input{display:block;width:100%;margin-top:5px;padding:12px;font:inherit;font-weight:400;border:1px solid var(--ink-3);border-radius:8px;background:#fff;color:var(--ink)}
.check{display:flex;gap:10px;align-items:flex-start;margin-bottom:14px}
.check input{width:20px;height:20px;margin-top:3px;accent-color:var(--ink);flex:none}
.wz-summary{background:var(--mist);border-radius:10px;padding:14px 16px;margin-bottom:22px}
.wz-nav{display:flex;justify-content:space-between;gap:12px;margin-top:24px}
.wz-err{color:#a4141f;font-weight:600;min-height:1.5em;margin:8px 0 0}
.wz-hp{position:absolute;left:-9999px}
.wz-done{padding:26px;border-radius:10px;background:var(--gold-soft)}
.wz-done h2{margin-bottom:.4em}

.foot{background:var(--mist);margin-top:0;padding-block:44px 22px;font-size:.93rem}
.foot-in{display:grid;grid-template-columns:1.5fr 1fr 1fr 1fr;gap:28px}
.foot h2{font-size:1rem;letter-spacing:0;margin-bottom:10px}
.foot ul{list-style:none;margin:0;padding:0}.foot li{padding:3px 0}
.foot a{text-decoration:none}.foot a:hover{text-decoration:underline}
.foot address{font-style:normal;margin-top:12px}
.foot .logo-chip{height:34px;width:auto}
.social{margin-top:12px!important}
.foot-in>div:nth-child(2) ul{columns:2;column-gap:18px}
.copy{color:var(--ink-3);font-size:.84rem;margin:30px auto 0;max-width:var(--wrap)}

.consent{position:fixed;left:50%;bottom:16px;transform:translateX(-50%);width:min(560px,calc(100vw - 24px));background:#fff;border:1px solid var(--line);border-radius:10px;box-shadow:0 16px 40px rgba(31,23,76,.2);padding:14px 16px;z-index:40;font-size:.93rem}
.consent p{margin:0 0 10px}
.consent-act{display:flex;gap:8px;justify-content:flex-end}

@media (max-width:1120px){
  .nav{position:absolute;top:100%;left:0;right:0;background:#fff;border-bottom:1px solid var(--line);flex-direction:column;align-items:stretch;gap:14px;padding:16px var(--gut) 20px;display:none;max-height:calc(100vh - 68px);overflow:auto}
  .nav.open{display:flex}
  .burger{display:block}
  .mega-list{position:static;width:auto;grid-template-columns:1fr;border:0;box-shadow:none;padding:6px 0}
  .hero-in,.pr-head,.band-in,.close-in{grid-template-columns:1fr}
  .hero-shot{margin:8px 0 0}
  .foot-in{grid-template-columns:1fr 1fr}
}
@media (max-width:720px){
  body{font-size:16px}
  .stats dl{grid-template-columns:1fr 1fr}
  .day-list::before{left:0}
  .day-list>li{grid-template-columns:1fr;padding-left:22px;row-gap:6px}
  .day-shot{margin-top:12px}
  .rows a,.row-static{grid-template-columns:1fr;gap:2px}
  .r-t{text-align:left}.r-long{grid-column:auto}
  .fresh ul{columns:1}
  .points dl{grid-template-columns:1fr}
  .wz-steps li{font-size:0}.wz-steps li::before{font-size:.8rem}
  .wz-steps li[aria-current]{font-size:.8rem;flex:3}
}
@media (max-width:420px){.foot-in{grid-template-columns:1fr}}
@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}*{transition:none!important}}

/* problem first, then what changes */
.pain{background:var(--ink);color:#fff}
.pain-in{display:grid;grid-template-columns:minmax(0,5fr) minmax(0,6fr);gap:clamp(24px,4vw,56px);align-items:center;padding-block:clamp(40px,6vw,68px)}
.pain-q{color:var(--gold);font-weight:700;margin-bottom:.5em}
.pain ul{list-style:none;margin:0;padding:0}
.pain li{padding:12px 0;border-top:1px solid rgba(255,255,255,.2)}
.pain li:first-child{border-top:0}
.sol{padding-block:clamp(44px,6vw,72px) 8px}
.sol .lede{margin-top:.7em;color:var(--ink-2)}
.sol-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:clamp(18px,3vw,36px);margin-top:28px}
.sol-grid div{border-top:4px solid var(--gold);padding-top:14px}
.sol-grid h3{font-size:1.14rem;margin-bottom:.4em}
.sol-grid p{color:var(--ink-2);margin:0}
.points>h2{margin-bottom:18px;padding-top:clamp(30px,4vw,48px)}

/* animated product demos */
.demo-fig{margin:0}
.demo-fig figcaption{font-size:.78rem;color:var(--ink-3);margin-top:8px;text-align:center}
.hero .demo-fig figcaption{color:#ddd9ee}
.demo{background:#fff;border-radius:8px;overflow:hidden;color:var(--ink);font-size:.86rem;line-height:1.35;box-shadow:0 2px 4px rgba(31,23,76,.1),0 22px 50px rgba(31,23,76,.2);min-height:360px}
.d-bar{display:flex;justify-content:space-between;background:var(--ink);color:#fff;font-weight:700;padding:9px 14px}
.d-bar span{font-weight:500;opacity:.8}
.d-url{background:#eceaf3;color:var(--ink-2);font-weight:500}
.d-body{padding:14px;position:relative}
.d-t{font-weight:800;font-size:1rem;margin:0 0 3px}
.d-s{color:var(--ink-2);margin:0 0 10px}
.d-form{display:flex;flex-wrap:wrap;gap:8px;align-items:flex-end;margin-bottom:12px}
.d-form label{flex:1;min-width:90px;font-weight:600;font-size:.76rem;color:var(--ink-2)}
.d-input{display:block;min-height:32px;margin-top:3px;padding:7px 9px;border:1px solid var(--line);border-radius:6px;color:var(--ink);font-size:.86rem;font-weight:600}
.d-btn{display:inline-block;background:var(--ink);color:#fff;font-weight:700;border-radius:7px;padding:8px 13px;transition:transform .12s}
.d-gold{background:var(--gold);color:var(--ink)}
.d-wide{display:block;text-align:center}
.d-mini{display:inline-block;background:var(--gold);border-radius:5px;padding:2px 9px;font-weight:700;font-size:.76rem;transition:transform .12s}
.d-th,.d-row{display:grid;grid-template-columns:5fr 3fr 4fr;gap:8px;align-items:center;padding:7px 8px}
.d-th{color:var(--ink-3);font-size:.74rem;border-bottom:1px solid var(--line)}
.d-row{border-bottom:1px solid var(--line)}
.d-row>b{font-variant-numeric:tabular-nums}
.d-best{background:var(--gold-soft);border-radius:6px}
.d-row i{font-style:normal;font-weight:700;font-size:.72rem;background:var(--ink);color:#fff;border-radius:5px;padding:2px 6px;white-space:nowrap}
.d-end{text-align:right;margin-top:12px}
.d-left{text-align:left}
.d-progress{margin-top:14px}
.d-progress em{display:block;font-style:normal;color:var(--ink-2);font-size:.78rem;margin-bottom:4px}
.d-progress::after{content:"";display:block;height:6px;background:var(--line);border-radius:3px}
.d-fill{display:block;height:6px;width:0;background:var(--gold);border-radius:3px;margin-bottom:-6px;position:relative;z-index:1}
.d-progress.on .d-fill{width:100%;transition:width 1.9s ease-in-out}
.d-paper{margin-top:12px;padding:10px 12px;background:var(--gold-soft);border-left:4px solid var(--gold);border-radius:6px}
.d-paper b{display:block}
.d-checks{list-style:none;margin:12px 0 0;padding:0}
.d-checks li{position:relative;padding:5px 0 5px 24px}
.d-checks li::before{content:"";position:absolute;left:0;top:7px;width:15px;height:15px;border-radius:50%;background:var(--gold)}
.d-checks li::after{content:"";position:absolute;left:5px;top:10px;width:4px;height:7px;border:solid var(--ink);border-width:0 2px 2px 0;transform:rotate(45deg)}
.d-strong{font-weight:800}
.d-card{margin-top:10px;font-weight:600;font-size:.76rem;color:var(--ink-2)}
.d-toast{position:absolute;right:12px;top:10px;background:var(--ink);color:#fff;border-radius:6px;padding:6px 10px;font-weight:700;font-size:.76rem}
.d-two{display:grid;grid-template-columns:minmax(0,5fr) minmax(0,5fr);gap:14px;align-items:start}
.d-doc{border:1px solid var(--line);border-radius:6px;padding:12px;min-height:260px}
.d-doc b,.d-doc small{display:block}
.d-doc small{color:var(--ink-3);margin-bottom:10px}
.d-doc i{display:block;height:6px;border-radius:3px;background:#eceaf3;margin-bottom:8px}
.d-doc i:nth-of-type(even){width:78%}
.d-doc svg{display:block;width:100%;margin-top:16px;border-bottom:1px dashed var(--ink-3)}
.d-sign{fill:none;stroke:var(--ink);stroke-width:2.4;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:520;stroke-dashoffset:0}
.demo-mobile{background:none;box-shadow:none;min-height:0;overflow:visible}
.d-phone{width:250px;margin-inline:auto;padding:10px;background:var(--ink);border-radius:30px;box-shadow:0 22px 50px rgba(31,23,76,.3)}
.d-screen{position:relative;height:370px;overflow:hidden;background:#fff;border-radius:21px}
.d-app,.d-sheet{position:absolute;inset:0;padding:22px 14px 14px}
.d-hello{font-weight:800;font-size:1.08rem;margin:0 0 2px}
.d-pol{display:grid;grid-template-columns:1fr auto;gap:0 8px;padding:9px 11px;background:var(--mist);border-radius:8px;margin-bottom:7px}
.d-pol b{grid-column:1}
.d-pol span{grid-column:1;color:var(--ink-2);font-size:.78rem}
.d-pol em{grid-column:2;grid-row:1/3;align-self:center;font-style:normal;font-weight:700;font-size:.72rem;color:#1c7c45}
.d-note{background:var(--gold-soft);border-left:4px solid var(--gold);border-radius:6px;padding:8px 10px;margin:10px 0}
.d-sheet{background:#fff}
.d-photos{display:grid;grid-template-columns:repeat(3,1fr);gap:6px;margin-bottom:12px}
.d-photos i{display:block;aspect-ratio:1;border-radius:6px;background:linear-gradient(135deg,#6b2e86,#ff4755 60%,#ffbb00)}
/* without JS everything simply shows; with JS, items wait for their moment */
.demo.js [data-at]{opacity:0;transform:translateY(6px);transition:opacity .3s,transform .3s}
.demo.js [data-at].on{opacity:1;transform:none}
.demo.js .d-input[data-at]{opacity:1;transform:none}
.demo.js .d-btn[data-at],.demo.js .d-mini[data-at]{opacity:1;transform:none}
.demo.js .hit{transform:scale(.93)!important}
.demo.js .d-sheet{transform:translateY(100%);opacity:1;transition:transform .35s ease-out}
.demo.js .d-sheet.on{transform:none}
.demo.js .d-sign[data-at]{opacity:1;transform:none;stroke-dashoffset:520}
.demo.js .d-sign.on{stroke-dashoffset:0;transition:stroke-dashoffset 1.7s ease-in-out}
@media (max-width:1120px){.pain-in{grid-template-columns:1fr}.sol-grid{grid-template-columns:1fr}}
@media (max-width:480px){.d-two{grid-template-columns:1fr}.d-doc{min-height:0}}

/* demos that match the real app screens */
.demo-app{--ap-bg:#e9ebf0;--ap-ink:#394263;--ap-cyan:#1bbae1;background:var(--ap-bg);color:var(--ap-ink);font-family:Arial,Helvetica,sans-serif;font-size:.78rem;min-height:380px}
.ap-title{background:#fff;padding:14px 16px 16px;font-size:1.3rem;color:var(--ap-ink);border-bottom:1px solid #dfe1e8}
.ap-body{padding:12px}
.ap-block{background:#fff;border:1px solid #dfe1e8;border-radius:3px;padding:11px;margin-bottom:10px}
.ap-filters{display:flex;flex-wrap:wrap;gap:10px;align-items:flex-end}
.ap-filters label{flex:1;min-width:110px;font-weight:700}
.ap-input{display:block;min-height:29px;margin-top:4px;padding:6px 8px;border:1px solid #dbe1e8;border-radius:3px;font-weight:400}
.ap-btn{display:inline-block;background:#5ccdde;border:1px solid var(--ap-cyan);color:#fff;border-radius:3px;padding:6px 12px;transition:transform .12s}
.ap-full{display:block;text-align:center;background:var(--ap-cyan);font-weight:700;padding:8px}
.ap-t{width:100%;border-collapse:collapse}
.ap-t th{font-weight:700;text-align:left;padding:6px 5px;border-bottom:2px solid #dfe1e8;font-size:.76rem}
.ap-t td{padding:7px 5px;border-bottom:1px solid #eaedf1;vertical-align:middle}
.ap-link{color:var(--ap-cyan)}
.ap-plus{display:block;width:15px;height:15px;border-radius:50%;background:#35b464;position:relative}
.ap-plus::before,.ap-plus::after{content:"";position:absolute;left:4px;top:7px;width:7px;height:1.5px;background:#fff}
.ap-plus::after{transform:rotate(90deg)}
.ap-grn{color:#1c7c45;font-size:.72rem}.ap-red{color:#b23a48;font-size:.72rem}
.ap-intro{color:#7a8294;margin:0 0 8px;font-size:.76rem}
.ap-pill{display:inline-block;background:#fbdcdf;color:#b2232f;font-weight:700;border-radius:12px;padding:3px 9px;font-size:.72rem}
.ap-tight{padding-top:12px}
.ap-banner{display:flex;gap:12px;align-items:center;background:var(--ap-ink);color:#fff;border-radius:6px;padding:13px;margin-bottom:10px}
.ap-banner b{display:block;font-size:.98rem}
.ap-banner span{display:block;color:#d5d9e6;font-size:.74rem}
.ap-banner em{display:inline-block;font-style:normal;background:var(--ap-cyan);border-radius:9px;padding:0 7px;font-size:.66rem;font-weight:700}
.ap-ico{flex:none;width:38px;height:38px;border-radius:8px;background:#2c4a6e;box-shadow:inset 0 0 0 1px #3f6a93}
.ap-modes{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:6px;margin-bottom:9px}
.ap-modes span{border:1px solid #dfe1e8;border-radius:6px;padding:7px;font-weight:700;font-size:.72rem}
.ap-modes .ap-sel{border-color:var(--ap-cyan);box-shadow:0 0 0 1px var(--ap-cyan);background:#f0fbfe}
.ap-drop{border:2px dashed #d3d9e4;border-radius:6px;text-align:center;padding:10px;margin-bottom:9px;color:#7a8294}
.ap-drop span,.ap-drop b{display:block}
.ap-drop b{color:var(--ap-ink)}
.ap-result{margin:9px 0 0}
.ap-result div{display:grid;grid-template-columns:minmax(0,2fr) minmax(0,5fr);gap:8px;padding:5px 0;border-top:1px solid #eaedf1}
.ap-result dt{font-weight:700}
.ap-result dd{margin:0}
.ap-job{display:block;position:relative;height:20px;border:1px solid #2f3e4e;background:#fff;text-align:center;line-height:18px;min-width:78px}
.ap-job i{position:absolute;inset:0 auto 0 0;width:100%;background:#0a7d0a}
.ap-job b{position:relative;font-weight:400;color:#000}
.ap-badge{display:inline-block;color:#fff;font-weight:700;font-size:.68rem;border-radius:3px;padding:2px 7px;white-space:nowrap}
.sNew{background:#2d7cb5}.sExam,.sDocs{background:#e67e22}.sPaid{background:#27ae60}.sNo{background:#e74c3c}
.ap-swap{display:inline-grid}
.ap-swap>.ap-badge{grid-area:1/1;justify-self:start}
.ap-swap>.ap-badge:has(~ .on){visibility:hidden}
.ap-ico{display:grid;place-items:center;font-style:normal;color:var(--ap-cyan);font-weight:700;font-size:1.25rem}
.ap-star::after{content:"\2726"}
.ap-fin::after{content:"\20AC"}
.ap-new td{background:#f0fbfe}
.ap-tabs{display:flex;gap:0;margin-bottom:10px}
.ap-tabs span{background:#fff;border:1px solid #dfe1e8;padding:6px 11px;font-weight:700;color:#7a8294}
.ap-tabs .ap-on{color:var(--ap-cyan)}
.ap-nums{display:flex;justify-content:space-between;gap:10px}
.ap-nums b{display:block;font-size:1.5rem}
.ap-nums small{color:#7a8294;font-weight:700;font-size:.66rem}
.ap-r{text-align:right}
.ap-g{color:#27ae60}
.ap-split{height:15px;background:#e74c3c;border-radius:3px;margin-top:9px;overflow:hidden}
.ap-split i{display:block;height:100%;width:73%;background:#27ae60}
.ap-sub{font-weight:700;margin:0 0 8px}
.ap-chart{display:grid;grid-template-columns:repeat(4,1fr);gap:18px;height:84px;border-bottom:1px solid #c9ced8;padding-inline:10px}
.ap-chart div{display:flex;align-items:flex-end;justify-content:center;gap:4px}
.ap-chart i,.ap-chart u{display:block;width:40%;height:var(--h)}
.ap-chart i{background:#27ae60}.ap-chart u{background:#e74c3c}
.ap-legend{margin:7px 0 0;text-align:center;font-size:.72rem}
.ap-legend i,.ap-legend u{display:inline-block;width:11px;height:11px;margin:0 4px 0 10px;vertical-align:-1px}
.ap-legend i{background:#27ae60}.ap-legend u{background:#e74c3c}
.ap-block:last-child{margin-bottom:0}
.demo.js .ap-input[data-at],.demo.js .ap-btn[data-at]{opacity:1;transform:none}
.demo.js tr[data-at]{opacity:0;transform:none}
.demo.js tr[data-at].on{opacity:1}
.demo.js .ap-job[data-at]{opacity:1;transform:none}
.demo.js .ap-job i{width:0}
.demo.js .ap-job b{opacity:0}
.demo.js .ap-job.on i{width:100%;transition:width .85s ease-out}
.demo.js .ap-job.on b{opacity:1;color:#fff;transition:opacity .2s .7s}
.demo.js .ap-split[data-at]{opacity:1;transform:none}
.demo.js .ap-split i{width:0}
.demo.js .ap-split.on i{width:73%;transition:width .9s ease-out}
.demo.js .ap-chart div[data-at]{opacity:1;transform:none}
.demo.js .ap-chart i,.demo.js .ap-chart u{height:0}
.demo.js .ap-chart .on i,.demo.js .ap-chart .on u{height:var(--h);transition:height .6s ease-out}
@media (max-width:560px){.ap-x{display:none}.ap-modes{grid-template-columns:repeat(2,minmax(0,1fr))}.ap-t td,.ap-t th{padding-inline:3px}}

/* one platform: four jobs standing on one shared base */
.suite{padding-block:clamp(52px,7vw,88px)}
.suite-map{margin-top:32px}
.suite-groups{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px}
.suite-groups section{background:var(--mist);border-radius:10px 10px 0 0;padding:20px 18px 18px}
.suite-groups h3{font-size:1.3rem}
.suite-groups p{color:var(--ink-2);font-size:.93rem;margin:.35em 0 .9em;min-height:2.8em}
.suite-groups ul{list-style:none;margin:0;padding:0}
.suite-groups li{border-top:1px solid var(--line)}
.suite-groups a{display:block;padding:9px 0;font-weight:700;text-decoration:none}
.suite-groups a:hover{text-decoration:underline;text-decoration-color:var(--gold);text-decoration-thickness:3px}
.suite-base{max-width:none;margin:12px 0 0;background:var(--ink);color:#fff;font-weight:700;text-align:center;padding:16px;border-radius:0 0 10px 10px}

/* plans as a staircase: each step keeps the one below */
.stair-wrap{background:var(--mist);padding-block:clamp(52px,7vw,84px) 0;overflow:hidden}
.stair{list-style:none;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;align-items:end;margin:30px 0 0;padding:0}
.stair li{background:#fff;border-top:5px solid var(--gold);border-radius:10px 10px 0 0}
.stair li:nth-child(1){min-height:190px}
.stair li:nth-child(2){min-height:240px}
.stair li:nth-child(3){min-height:290px}
.stair li:nth-child(4){min-height:340px;background:var(--ink);color:#fff}
.stair div{padding:16px}
.stair a{font-weight:800;text-decoration-color:var(--gold)}
.stair h3{font-size:1.12rem;margin:.6em 0 .35em}
.stair p{margin:0;font-size:.94rem;color:var(--ink-2)}
.stair li:nth-child(4) p{color:#ddd9ee}

/* cloud as a comparison */
.versus{padding-block:clamp(52px,7vw,88px)}
.vs{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));margin-top:28px;border-radius:10px;overflow:hidden}
.vs>div{padding:22px clamp(16px,3vw,30px)}
.vs h3{font-size:1.15rem;margin-bottom:10px}
.vs ul{list-style:none;margin:0;padding:0}
.vs li{padding:11px 0 11px 26px;border-top:1px solid;position:relative}
.vs-old{background:var(--mist);color:var(--ink-3)}
.vs-old li{border-color:var(--line)}
.vs-old li::before{content:"";position:absolute;left:2px;top:21px;width:13px;height:2px;background:var(--ink-3)}
.vs-new{background:var(--ink);color:#fff}
.vs-new li{border-color:rgba(255,255,255,.2)}
.vs-new li::before{content:"";position:absolute;left:4px;top:15px;width:6px;height:11px;border:solid var(--gold);border-width:0 2.5px 2.5px 0;transform:rotate(45deg)}

/* getting started: a real sequence, so it is numbered */
.start-wrap{background:var(--gold-soft);padding-block:clamp(52px,7vw,84px)}
.start{list-style:none;counter-reset:st;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:24px;margin:34px 0 8px;padding:0;position:relative}
.start::before{content:"";position:absolute;left:0;right:0;top:17px;height:3px;background:var(--gold)}
.start li{counter-increment:st;position:relative;padding-top:50px}
.start li::before{content:counter(st);position:absolute;left:0;top:0;width:36px;height:36px;border-radius:50%;background:var(--ink);color:#fff;font-weight:800;display:grid;place-items:center}
.start h3{font-size:1.14rem;margin-bottom:.4em}
.start p{margin:0;color:var(--ink-2);font-size:.95rem}
@media (max-width:1120px){
  .suite-groups{grid-template-columns:repeat(2,minmax(0,1fr))}
  .suite-groups section{border-radius:10px}
  .suite-base{border-radius:10px}
  .start{grid-template-columns:repeat(2,minmax(0,1fr))}
  .start::before{display:none}
}
@media (max-width:720px){
  .suite-groups{grid-template-columns:1fr}
  .suite-groups p{min-height:0}
  .stair{grid-template-columns:1fr}
  .stair li,.stair li:nth-child(n){min-height:0;border-radius:10px}
  .stair li:nth-child(2){margin-left:12px}
  .stair li:nth-child(3){margin-left:24px}
  .stair li:nth-child(4){margin-left:36px}
  .stair-wrap{padding-bottom:40px}
  .vs{grid-template-columns:1fr}
  .start{grid-template-columns:1fr}
}
.ap-tabs{flex-wrap:wrap}
@media (max-width:720px){.day-list>li{grid-template-columns:minmax(0,1fr)}.ap-nums b{font-size:1.2rem}.ap-tabs span{padding:5px 8px}}
@media (max-width:400px){
  .demo-app{font-size:.72rem}
  .ap-body{padding:8px}
  .ap-block{padding:8px}
  .demo-connect th:last-child,.demo-connect td:last-child{display:none}
  .ap-t{table-layout:fixed}
  .ap-t td,.ap-t th{overflow-wrap:anywhere}
  .ap-t th:first-child:empty,.ap-t td:first-child:has(.ap-plus){width:20px}
  .ap-badge{white-space:normal}
  .ap-job{min-width:0}
}
@media (max-width:400px){.d-th,.d-row{grid-template-columns:minmax(0,4fr) minmax(0,3fr) minmax(0,4fr);gap:4px;padding-inline:4px}.d-row i{white-space:normal;display:inline-block}}


/* home film: one policy, one line, a whole life */
.film{margin:0;min-width:0}
.cine{position:relative;aspect-ratio:16/10.5;container-type:inline-size;overflow:hidden;border-radius:12px;background:#120c33;perspective:1500px;box-shadow:0 30px 70px rgba(0,0,0,.5);isolation:isolate;color:#fff}
.cn-glow{position:absolute;inset:-20%;opacity:.25;transition:opacity 2s;background:radial-gradient(40% 44% at 24% 30%,rgba(107,46,134,.8),transparent 70%),radial-gradient(34% 40% at 78% 72%,rgba(255,71,85,.3),transparent 70%)}
.cine.day .cn-glow{opacity:1}
.cn-world{position:absolute;left:50%;top:50%;width:0;height:0;transform-style:preserve-3d;will-change:transform;opacity:0;transition:opacity 1.4s}
.cine.day .cn-world,.film:not(.js) .cn-world{opacity:1}
.cine.late .cn-world{opacity:.16}
.cn-ring{position:absolute;left:-110cqw;top:-110cqw;width:220cqw;height:220cqw;overflow:visible}
.cn-track,.cn-line{fill:none}
.cn-track{stroke:rgba(255,255,255,.14);stroke-width:.8}
.cn-line{stroke-width:2.2;stroke-linecap:round;stroke-dasharray:7;stroke-dashoffset:7}
.cn-dot{position:absolute;width:5cqw;height:5cqw;border-radius:50%;background:#fff;box-shadow:0 0 0 1.4cqw rgba(243,193,22,.35),0 0 6cqw 2cqw rgba(243,193,22,.55)}
.cn-card{position:absolute;width:62cqw;padding:3.4cqw 4cqw;background:#fff;color:var(--ink);border-radius:2cqw;transform:translate(-50%,-50%) translate3d(var(--x),var(--y),3cqw);box-shadow:0 5cqw 10cqw rgba(5,3,25,.6);transition:filter .8s;font-size:2.4cqw}
.film.js .cn-card{filter:grayscale(1) brightness(.42)}
.film.js .cn-card.lit{filter:none}
.cn-card header{display:flex;justify-content:space-between;gap:1cqw;color:var(--ink-3);font-size:.86em;border-bottom:.15cqw solid var(--line);padding-bottom:1.1cqw;margin-bottom:1.8cqw}
.cn-card h3{font-size:5.6cqw;letter-spacing:-.02em;margin:0 0 .6cqw;line-height:1.05;color:var(--ink)}
.cn-card p{margin:0 0 1.8cqw;max-width:none;font-size:3cqw;line-height:1.22;color:var(--ink-2);min-height:7.4cqw}
.cn-card em{display:inline-block;font-style:normal;font-weight:800;font-size:2.5cqw;background:var(--gold);border-radius:1cqw;padding:.5cqw 1.6cqw}
.cn-mini{position:absolute;width:150cqw;height:150cqw;margin:-75cqw;border-radius:50%;transform:translate3d(calc(var(--c) * 270cqw),calc(var(--r) * 270cqw),0);opacity:0;transition:opacity 1.6s;background:conic-gradient(var(--gold) calc(var(--p) * 1%),rgba(255,255,255,.16) 0);-webkit-mask:radial-gradient(closest-side,transparent 92%,#000 93%);mask:radial-gradient(closest-side,transparent 92%,#000 93%)}
.cine.many .cn-mini{opacity:1}
.cine .cn-cap{position:absolute;left:0;right:0;bottom:0;padding:11cqw 6cqw 4.6cqw;margin:0;opacity:0;transform:translateY(1.2cqw);transition:opacity .6s,transform .8s cubic-bezier(.2,.7,.2,1);pointer-events:none;background:linear-gradient(transparent,rgba(10,6,36,.92) 45%);font-size:5cqw;font-weight:800;line-height:1.1;letter-spacing:-.02em}
.cine .cn-cap.on{opacity:1;transform:none;pointer-events:auto}
.cn-cap p{margin:0;max-width:none}
.cine .cn-cap.cn-center{top:0;display:flex;flex-direction:column;justify-content:center;gap:1.2cqw;padding:0 8cqw;background:none}
.cine .cn-cap.cn-big{font-size:6.4cqw}
.cine .cn-q time{color:var(--gold);font-size:4.6cqw;margin-bottom:1.6cqw;font-variant-numeric:tabular-nums}
.cine .cn-q p{font-size:6cqw}
.cn-proof p{font-size:4.3cqw}
.cn-proof dl{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:2cqw;margin:1.8cqw 0 0}
.cn-proof dd{margin:0;color:var(--gold);font-size:3.7cqw}
.cn-proof dt{font-weight:500;font-size:1.8cqw;letter-spacing:0;color:#ddd9ee}
.cine .cn-end{top:0;display:flex;flex-direction:column;justify-content:center;align-items:flex-start;gap:2.4cqw;padding:7cqw;background:rgba(10,6,36,.8);transform:none}
.cn-end p{font-size:6.6cqw}
.cn-end small{font-size:2.1cqw;font-weight:500;letter-spacing:0;opacity:1;color:#ddd9ee}
.cn-end .btn{font-size:2.8cqw;padding:1.7cqw 3.2cqw}
.film.js [data-t]{opacity:0;transform:translateY(.8cqw);transition:opacity .5s,transform .6s cubic-bezier(.2,.7,.2,1)}
.film.js [data-t].on{opacity:1;transform:none}
.film:not(.js) .cn-end{opacity:1}
.film-bar{display:flex;align-items:center;gap:12px;margin-top:10px}
.film-btn{flex:none;width:32px;height:32px;border:0;border-radius:50%;background:#fff;cursor:pointer;position:relative}
.film-btn[data-mode=pause]::before,.film-btn[data-mode=pause]::after{content:"";position:absolute;top:10px;width:4px;height:12px;background:var(--ink)}
.film-btn[data-mode=pause]::before{left:10px}.film-btn[data-mode=pause]::after{right:10px}
.film-btn[data-mode=play]::before{content:"";position:absolute;left:12px;top:9px;border-style:solid;border-width:7px 0 7px 11px;border-color:transparent transparent transparent var(--ink)}
.film-btn[data-mode=replay]::before{content:"";position:absolute;left:9px;top:9px;width:14px;height:14px;border:2.5px solid var(--ink);border-right-color:transparent;border-radius:50%}
.film-line{flex:1;height:18px;display:flex;align-items:center;cursor:pointer;position:relative}
.film-line::before{content:"";position:absolute;left:0;right:0;height:3px;border-radius:2px;background:rgba(255,255,255,.25)}
.film-line i{position:relative;height:3px;width:0;border-radius:2px;background:var(--gold)}
.film figcaption{font-size:.76rem;color:#ddd9ee;margin-top:6px;text-align:right}
@media (prefers-reduced-motion:reduce){.film.js [data-t],.cine .cn-cap{transition:none}}
.cn-card{width:74cqw;padding:3.8cqw 4.6cqw;font-size:2.7cqw}
.cn-card h3{font-size:6.6cqw}
.cn-card p{font-size:3.5cqw;min-height:8.6cqw}
.cn-card em{font-size:2.9cqw}

/* plans page, matching the app's plan picker */
.plans-page{background:#f6f4fb;padding-bottom:clamp(40px,6vw,72px)}
.pls{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:18px;margin-top:14px;align-items:stretch}
.pl{position:relative;display:flex;flex-direction:column;gap:12px;background:#fff;border:1px solid #e7e2f2;border-radius:16px;padding:22px 20px;box-shadow:0 1px 2px rgba(31,23,76,.05),0 14px 32px -16px rgba(31,23,76,.22)}
.pl-top{border:2px solid var(--gold);padding:21px 19px}
.pl-badge{position:absolute;top:-13px;left:20px;background:var(--gold);font-size:.74rem;font-weight:800;padding:4px 10px;border-radius:20px}
.pl h2{font-size:1.22rem;letter-spacing:-.01em;margin:2px 0 6px}
.pl-tag{color:#585077;font-size:.88rem;line-height:1.4;margin:0;min-height:2.8em}
.pl-for{background:#f6f4fb;border-radius:8px;padding:7px 10px;font-size:.8rem;line-height:1.4;color:#585077;margin:0;min-height:5.2em;display:flex;align-items:center}
.pl ul{list-style:none;display:flex;flex-direction:column;gap:10px;flex:1;margin:4px 0 0;padding:14px 0 0;border-top:1px solid #efebf9}
.pl li{display:flex;gap:9px;align-items:flex-start;font-size:.9rem;line-height:1.35;color:#585077}
.pl li.pl-hero{color:var(--ink);font-weight:700;background:#fdf3d4;margin-inline:-8px;padding:6px 8px;border-radius:8px}
.chk{flex:none;display:inline-flex;align-items:center;justify-content:center;width:19px;height:19px;border-radius:50%;background:var(--gold)}
.chk svg{width:11px;height:11px;stroke:#241a0a}
.pl-top .chk{background:var(--ink)}
.pl-top .chk svg{stroke:var(--gold)}
.pl-pick{display:flex;justify-content:center;text-align:center;padding:10px 12px;border-radius:10px;font-size:.88rem;font-weight:700;border:1.5px solid #e7e2f2;text-decoration:none}
.pl-pick:hover{border-color:var(--ink)}
.pl-top .pl-pick{background:var(--gold);border-color:var(--gold)}
.pl-note{text-align:center;color:#8b84a8;font-size:.86rem;margin:16px auto 0}
.cmp{padding-top:clamp(40px,6vw,64px)}
.cmp-scroll{overflow-x:auto;margin-top:20px;background:#fff;border:1px solid #e7e2f2;border-radius:16px;box-shadow:0 1px 2px rgba(31,23,76,.05),0 14px 32px -16px rgba(31,23,76,.22)}
.cmp table{width:100%;min-width:680px;border-collapse:collapse;font-size:.92rem}
.cmp th,.cmp td{padding:11px 14px;border-bottom:1px solid #efebf9;text-align:center;font-weight:500}
.cmp th:first-child{text-align:left;color:#585077}
.cmp thead th{font-weight:800;color:var(--ink);font-size:.95rem;white-space:nowrap}
.cmp .cmp-top,.cmp td:nth-child(4){background:#fffbee}
.cmp-group th{background:#fdf3d4!important;color:var(--ink)!important;font-weight:800;text-align:left}
.chk-no{display:inline-block;width:19px;height:19px;border-radius:50%;border:1.5px solid #d9d3e8;position:relative}
.chk-no::after{content:"";position:absolute;left:4px;right:4px;top:7px;height:1.5px;background:#b9b2cf}
.chk-val{display:inline-flex;align-items:center;justify-content:center;min-width:19px;height:19px;padding:0 4px;border-radius:10px;background:var(--gold);font-weight:800;font-size:.76rem}
.adds{padding-top:clamp(40px,6vw,64px)}
.riders{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;margin-top:20px}
.rider{display:flex;flex-direction:column;gap:6px;background:#fff;border:1px solid #e7e2f2;border-radius:14px;padding:16px}
.rider-mark{width:34px;height:34px;border-radius:10px;background:#f6f4fb;display:flex;align-items:center;justify-content:center}
.rider-mark svg{width:19px;height:19px}
.rider h3{font-size:1rem;margin-top:2px}
.rider p{font-size:.84rem;line-height:1.4;color:#585077;margin:0;flex:1}
.rider small{padding-top:8px;border-top:1px solid #efebf9;color:#8b84a8;font-weight:700;font-size:.74rem;opacity:1}
@media (max-width:1120px){.pls,.riders{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media (max-width:640px){.pls,.riders{grid-template-columns:minmax(0,1fr)}.pl-tag,.pl-for{min-height:0}}

/* Λύσεις menu: the platform on top, the rest by stage of a policy's life */
.mega-list{display:block;width:min(880px,92vw);padding:12px}
.mega-top{display:block;background:var(--ink);color:#fff;border-radius:8px;padding:12px 14px;text-decoration:none}
.mega-top:hover{background:#322769}
.mega-top b{font-size:1.05rem}
.mega-top span{display:block;font-weight:400;font-size:.86rem;color:#ddd9ee}
.mega-groups{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:4px 12px;margin-top:12px}
.mega-groups h3{font-size:.84rem;letter-spacing:0;padding:0 8px 6px;color:var(--ink-3);line-height:1.25;min-height:2.6em}
.mega-groups ul{list-style:none;margin:0;padding:0}
.mega-groups a{display:block;padding:7px 8px;border-radius:6px;text-decoration:none;font-size:.9rem;line-height:1.25}
.mega-groups a:hover{background:var(--mist)}
.mega-groups small{display:block;font-weight:400;font-size:.74rem;color:var(--ink-3);opacity:1}
.rider{text-decoration:none;transition:box-shadow .15s}
.rider:hover{box-shadow:0 14px 32px -16px rgba(31,23,76,.3)}
.ap-count{display:flex;justify-content:space-between;align-items:center;gap:8px;margin-bottom:8px;font-size:.95rem}
.ap-count .ap-swap>b{grid-area:1/1;background:#fff}
.ap-swap>b:has(~ .on){visibility:hidden}
@media (max-width:1120px){.mega-list{width:auto;padding:6px 0}.mega-groups{grid-template-columns:repeat(2,minmax(0,1fr))}.mega-groups h3{min-height:0}}
.hero .btn-ghost,.close .btn-ghost,.cine .btn-ghost{color:#fff}
.hero .btn-ghost:hover,.close .btn-ghost:hover,.cine .btn-ghost:hover{background:rgba(255,255,255,.12)}
.pl-trial{display:flex;justify-content:center;margin-top:26px}
.pl-trial .hero-act{margin:0;justify-content:center}
.close-act{display:block}
.close-act .hero-act{margin:0}
.cn-acts{display:flex;flex-wrap:wrap;gap:1.2cqw}
.cn-end .btn{white-space:nowrap}
.nav{gap:16px}
.nav>a,.mega summary{white-space:nowrap}
.hero-act .btn{padding:13px 18px;font-size:.96rem;white-space:nowrap}
.hero-act small{flex-basis:100%}
.close-act small{display:block}
@media (max-width:1240px){.login{display:none}}
@media (max-width:1120px){.login{display:inline}}

/* extras: what it is, in plain words */
.explain{display:grid;grid-template-columns:minmax(0,6fr) minmax(0,5fr);gap:clamp(28px,5vw,64px);padding-block:clamp(44px,6vw,72px) 0;align-items:start}
.explain p{color:var(--ink-2)}
.ex-what>p:first-of-type{font-size:1.14rem;margin-top:.7em}
.ex-case{background:var(--gold-soft);border-left:4px solid var(--gold);border-radius:8px;padding:16px 18px;margin:20px 0}
.ex-case p{margin:.3em 0 0;color:var(--ink)}
.ex-case h3,.ex-fit{font-size:1.02rem;letter-spacing:0}
.ex-fit+p{margin:.3em 0 0}
.ex-how{background:var(--mist);border-radius:12px;padding:24px 24px 14px}
.ex-how ol{list-style:none;counter-reset:ex;margin:16px 0 0;padding:0}
.ex-how li{counter-increment:ex;position:relative;padding:0 0 16px 44px;min-height:46px}
.ex-how li::before{content:counter(ex);position:absolute;left:0;top:0;width:30px;height:30px;border-radius:50%;background:var(--ink);color:#fff;font-weight:800;font-size:.9rem;display:grid;place-items:center}
.ex-how li:not(:last-child)::after{content:"";position:absolute;left:14px;top:32px;bottom:2px;width:2px;background:var(--gold)}
@media (max-width:900px){.explain{grid-template-columns:minmax(0,1fr)}}
.hero h1{font-size:clamp(2rem,3.9vw,3.4rem);hyphens:manual}

/* language picker: current flag, the others on click */
.flag{display:block;width:24px;height:16px;border-radius:2px;box-shadow:0 0 0 1px rgba(31,23,76,.18);flex:none}
.lang-pick{position:relative}
.lang-pick summary{display:flex;align-items:center;gap:5px;cursor:pointer;list-style:none;padding:6px 2px}
.lang-pick summary::-webkit-details-marker{display:none}
.lang-pick summary::after{content:"";width:6px;height:6px;border:solid var(--ink);border-width:0 2px 2px 0;transform:translateY(-2px) rotate(45deg)}
.lang-pick ul{position:absolute;right:-8px;top:calc(100% + 12px);min-width:150px;list-style:none;margin:0;padding:6px;background:#fff;border:1px solid var(--line);border-radius:10px;box-shadow:0 18px 40px rgba(31,23,76,.14);z-index:35}
.lang-pick a{display:flex;align-items:center;gap:9px;padding:8px;border-radius:6px;text-decoration:none;font-weight:600;font-size:.9rem}
.lang-pick a:hover{background:var(--mist)}
@media (max-width:1120px){.lang-pick ul{position:static;box-shadow:none;border:0;padding:4px 0 0;min-width:0}}

/* Connect, the main module */
.co-what{padding-block:clamp(44px,6vw,72px) 0;max-width:calc(820px + var(--gut) * 2)}
.co-what h2{margin-bottom:.5em}
.co-what p:not(.lede){color:var(--ink-2)}
.co-split{background:var(--mist);margin-top:clamp(44px,6vw,72px);padding-block:clamp(44px,6vw,72px)}
.bf-map{margin-top:28px}
.bf-two{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}
.bf{background:#fff;border-radius:10px 10px 0 0;padding:22px}
.bf h3{font-size:1.4rem}
.bf p{color:var(--ink-2);margin:.35em 0 .8em}
.bf ul{list-style:none;margin:0;padding:0}
.bf li{padding:8px 0;border-top:1px solid var(--line);font-weight:600}
.bf-join{margin-top:12px;background:var(--ink);color:#fff;border-radius:0 0 10px 10px;padding:22px}
.bf-join strong{display:block;font-size:1.4rem;letter-spacing:-.01em;color:var(--gold)}
.bf-join p{margin:.5em 0 .6em;color:#ddd9ee;max-width:80ch}
.bf-join small{color:#ddd9ee;opacity:1}
.co-table{padding-block:clamp(44px,6vw,72px) 8px}
.ot{width:100%;min-width:620px;border-collapse:collapse;font-size:.95rem}
.ot th,.ot td{padding:12px 16px;border-bottom:1px solid #efebf9;text-align:left;vertical-align:top}
.ot thead th{font-weight:800;color:var(--ink)}
.ot tbody th{font-weight:700;color:var(--ink);width:30%}
.ot-old{color:var(--ink-3)}
.ot td.ot-new{font-weight:700;color:var(--ink)}
.ot .ot-new{background:var(--gold-soft)}
.ot-note{color:var(--ink-3);font-size:.84rem;margin:12px 0 0}
@media (max-width:720px){.bf-two{grid-template-columns:minmax(0,1fr)}.bf,.bf-join{border-radius:10px}}
.co-what{max-width:var(--wrap)}

/* Connect page animations */
.co-what{display:grid;grid-template-columns:minmax(0,6fr) minmax(0,5fr);gap:clamp(24px,4vw,56px);align-items:center}
.demo-scatter{min-height:0;background:var(--ink)}
.sc{position:relative;height:330px;overflow:hidden}
.sc-tag{position:absolute;background:#fff;color:var(--ink);font-weight:800;border-radius:7px;padding:5px 12px;box-shadow:0 6px 16px rgba(0,0,0,.3);transition:left .7s ease-in,top .7s ease-in,opacity .5s .4s,rotate .7s}
.sc-tag:nth-child(2){left:8%;top:10%;rotate:-6deg}
.sc-tag:nth-child(3){left:66%;top:8%;rotate:5deg}
.sc-tag:nth-child(4){left:12%;top:68%;rotate:4deg}
.sc-tag:nth-child(5){left:68%;top:70%;rotate:-5deg}
.sc-tag:nth-child(6){left:38%;top:30%;rotate:-3deg}
.sc-tag:nth-child(7){left:42%;top:80%;rotate:6deg}
.sc-card.on ~ .sc-tag{left:42%!important;top:45%!important;rotate:0deg;opacity:0!important}
.sc-card{position:absolute;left:50%;top:50%;width:min(280px,82%);translate:-50% -50%;background:#fff;color:var(--ink);border-radius:12px;padding:16px;box-shadow:0 18px 40px rgba(0,0,0,.4);z-index:1}
.sc-card p{margin:0;color:var(--ink-3);font-size:.8rem}
.sc-card>b{display:block;margin-bottom:8px}
.sc-card div{display:flex;justify-content:space-between;gap:8px;padding:6px 0;border-top:1px solid var(--line)}
.sc-card em{font-style:normal;font-weight:800}
.demo-flow{min-height:0;background:#fff;margin-top:24px}
.bf-flow{margin-bottom:6px}
.fl{padding:0 0 16px}
.fl-bar{background:var(--ink);color:#fff;font-weight:800;padding:9px 16px}
.fl ol{list-style:none;display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:0;margin:0;padding:22px 16px 6px;position:relative}
.fl li{position:relative;padding-top:30px;text-align:center}
.fl li::before{content:"";position:absolute;left:50%;top:4px;translate:-50% 0;width:16px;height:16px;border-radius:50%;background:var(--gold);z-index:1}
.fl li:not(:last-child)::after{content:"";position:absolute;left:50%;right:-50%;top:11px;height:3px;background:var(--gold)}
.fl li b,.fl li span{display:block}
.fl li span{color:var(--ink-2);font-size:.82rem}
.fl-once{margin:10px 16px 0;max-width:none;text-align:center;font-weight:800}
@media (max-width:900px){.co-what{grid-template-columns:minmax(0,1fr)}}
@media (max-width:640px){
  .fl ol{grid-template-columns:minmax(0,1fr);gap:10px;padding-top:14px}
  .fl li{padding:0 0 0 30px;text-align:left}
  .fl li::before{left:8px;top:3px;translate:none}
  .fl li:not(:last-child)::after{left:15px;right:auto;top:14px;bottom:-14px;width:2px;height:auto}
}

.points dt a{color:inherit;text-decoration:underline;text-decoration-color:var(--gold);text-decoration-thickness:2px;text-underline-offset:.22em}
.points dt a:hover{color:var(--ink-2)}

/* Core Connect pages: animation */
.kc{padding:12px 14px 14px;display:grid;gap:8px}
.kc-chips{display:flex;flex-wrap:wrap;gap:6px}
.kc-chips span{background:var(--mist);border-radius:6px;padding:3px 9px;font-weight:700;font-size:.78rem}
.kc-bubble{margin:0;max-width:none;background:var(--mist);border-radius:10px;padding:10px 12px;min-height:3.9em}
.kc-bubble span{display:block}
.kc-row{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:10px;align-items:center;padding:8px 10px;border:1px solid var(--line);border-radius:7px}
.kc-row b,.kc-row small{display:block;overflow-wrap:anywhere}
.kc-row small{color:var(--ink-3);font-size:.76rem}
.kc-st{display:inline-grid;justify-items:end}
.kc-st em{grid-area:1/1;font-style:normal;font-weight:800;font-size:.72rem;background:var(--mist);border-radius:5px;padding:3px 7px;white-space:nowrap}
.kc-st em:has(~ .on){visibility:hidden}
.kc-st em.kc-ok{background:var(--gold);color:var(--ink)}
.kc-foot{display:flex;justify-content:space-between;gap:10px;background:var(--ink);color:#fff;border-radius:7px;padding:9px 12px}
.kc-foot b{font-variant-numeric:tabular-nums}
.demo.js .kc-foot b[data-at]{transform:none}
/* Connect page: middle call to action and the shorter list */
.points-tight dl{grid-template-columns:repeat(5,minmax(0,1fr));gap:0 24px}
.points-tight dl>div{padding:12px 0}
.points-tight dt{font-size:.98rem}
.mega-core{list-style:none;display:flex;flex-wrap:wrap;gap:2px 6px;margin:8px 0 0;padding:0 0 8px;border-bottom:1px solid var(--line)}
.mega-core a{display:block;padding:5px 8px;font-size:.88rem;font-weight:600}
@media (max-width:1120px){.points-tight dl{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media (max-width:640px){.points-tight dl{grid-template-columns:repeat(2,minmax(0,1fr))}}

/* The menu centres on the header so it never leaves the screen. */
@media (min-width:1121px){
  .mega{position:static}
  .mega-list{left:50%;top:100%;translate:-50% 0;margin-top:-1px}
}
/* Connect: tighter back office and front office lists */
.co-split .bf-two ul{display:flex;flex-wrap:wrap;gap:4px 16px}
.co-split .bf-two li{margin:0}
.co-table .ot td,.co-table .ot th{padding-block:9px}
/* Newsletter */
.news{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.2fr);gap:12px 40px;align-items:center;padding-bottom:26px;margin-bottom:28px;border-bottom:1px solid var(--line)}
.news h2{font-size:1.15rem;margin:0 0 2px}
.news p{margin:0}
.news-row{display:flex;gap:8px}
.news-row input[type=email]{flex:1;min-width:0;font:inherit;padding:10px 12px;border:1px solid var(--line);border-radius:8px;background:#fff;color:var(--ink)}
.news-form small{display:block;margin-top:6px;color:var(--ink-2)}
.news-form small a{text-decoration:underline}
.news-msg{font-weight:700;margin-top:6px}
.news-msg:empty{display:none}
.vh{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap}
@media (max-width:720px){.news{grid-template-columns:minmax(0,1fr)}}

/* Reviews carousel, styled after Google review cards */
.rev-head{display:flex;justify-content:space-between;align-items:center;gap:16px}
.rev-head h2{margin:0}
.rev-nav{display:flex;gap:8px;flex:none}
.rev-nav button{width:44px;height:44px;border-radius:50%;border:1px solid var(--line);background:#fff;color:var(--ink);cursor:pointer;display:grid;place-items:center;padding:0}
.rev-nav button:hover{background:var(--mist)}
.rev-nav svg{width:20px;height:20px}
.rev-track{display:flex;gap:18px;overflow-x:auto;scroll-snap-type:x mandatory;scrollbar-width:none;margin-top:22px;padding:4px 2px 14px}
.rev-track::-webkit-scrollbar{display:none}
.rev-card{flex:0 0 min(372px,88%);scroll-snap-align:start;margin:0;background:#fff;border:1px solid #dadce0;border-radius:12px;padding:18px;display:flex;flex-direction:column;box-shadow:0 1px 3px rgba(60,64,67,.15)}
.rev-card figcaption{display:flex;align-items:center;gap:10px}
.rev-card figcaption b{flex:1;min-width:0;color:#202124;font-size:.98rem;overflow-wrap:anywhere}
.rev-av{flex:none;width:40px;height:40px;border-radius:50%;color:#fff;display:grid;place-items:center;font-weight:600;font-size:1.05rem}
.rev-g{flex:none;width:22px;height:22px}
.rev-stars{display:flex;gap:2px;margin:12px 0 8px}
.rev-stars svg{width:19px;height:19px;fill:#FBBC04}
.rev-card blockquote{margin:0 0 12px;color:#3c4043;font-size:.98rem;line-height:1.5;flex:1}
.rev-card small{color:#70757a;font-size:.8rem}

/* Core pages: each hero sits differently */
.hd-tameio>div:first-child,.hd-reports>div:first-child,.hd-cloud>div:first-child{order:2}
.hd-production,.hd-updates{grid-template-columns:minmax(0,1fr);text-align:center}
.hd-production .hero-act,.hd-updates .hero-act{justify-content:center}
.hd-production .lede,.hd-updates .lede{margin-inline:auto}
.hd-production .demo-fig,.hd-updates .demo-fig{max-width:620px;margin-inline:auto;width:100%}
.hd-partners{background:var(--ink);color:#fff;max-width:none;margin-top:8px}
.hd-partners h1,.hd-partners .lede{color:#fff}
.hd-partners .btn-ghost{color:#fff}
.hd-partners small,.hd-partners figcaption{color:#ddd9ee}
.hd-wallet{grid-template-columns:minmax(0,5fr) minmax(0,6fr)}
.hd-customer{grid-template-columns:minmax(0,6fr) minmax(0,5fr)}
/* Animations */
.demo .dv-wrap{display:grid;grid-template-columns:minmax(0,1.5fr) minmax(0,1.1fr) minmax(0,.7fr);gap:12px;align-items:end;padding:22px 16px 8px}
.dv{text-align:center}
.dv p{margin:6px 0 0;font-weight:700;max-width:none}
.dv-screen{background:var(--mist);border:3px solid var(--ink);border-radius:8px;padding:10px;display:grid;gap:6px;min-height:104px;align-content:start}
.dv-2 .dv-screen{border-radius:14px;min-height:130px}
.dv-screen i{height:6px;border-radius:3px;background:#cfcbe0}
.dv-screen u{text-decoration:none;background:var(--gold);border-radius:4px;font-size:.72rem;font-weight:800;padding:2px 4px}
.dv-line{margin:6px 16px 0;max-width:none;text-align:center;color:var(--ink-2)}
.wk{display:grid;grid-template-columns:repeat(7,1fr);gap:6px;padding:16px 14px 4px}
.wk-day{text-align:center;background:var(--mist);border-radius:7px;padding:8px 2px}
.wk-day span{display:block;font-weight:700;font-size:.78rem}
.wk-day i{display:block;width:12px;height:12px;border-radius:50%;background:var(--ink);margin:6px auto 0}
.wk-rel{background:var(--gold)}
.wk-note{display:flex;gap:10px;align-items:baseline;padding:4px 2px}
.wk-note b{background:var(--gold);border-radius:5px;padding:1px 7px;font-size:.74rem}
.rc{padding:12px 14px 16px}
.rc-tabs{display:flex;gap:4px;border-bottom:2px solid var(--line);flex-wrap:wrap}
.rc-t{font-weight:700;font-size:.8rem;padding:6px 8px;border-bottom:3px solid transparent;margin-bottom:-2px}
.demo.js .rc-t[data-at]{opacity:.45;transform:none}
.demo.js .rc-t[data-at].on{opacity:1;border-bottom-color:var(--gold)}
.rc-t:has(+ .on){border-bottom-color:transparent!important}
.demo .rc-body{display:grid;margin-top:12px;min-height:150px}
.rc-p{grid-area:1/1;display:grid;gap:8px;align-content:start;background:#fff}
.pl-plate{display:flex;align-items:stretch;align-self:center;justify-self:center;border:2px solid var(--ink);border-radius:7px;overflow:hidden;min-width:230px;background:#fff;font-weight:800;font-size:1.5rem;letter-spacing:.06em}
.pl-plate i{background:#1a4fa0;color:#fff;font-style:normal;font-size:.7rem;display:flex;align-items:flex-end;padding:4px 6px}
.pl-plate span{padding:6px 14px;min-height:1.7em}
.pl-gr{background:var(--gold)}
.pl-eq{text-align:center;font-size:1.2rem}
.lg-row{display:grid;grid-template-columns:18px minmax(0,1fr) auto;gap:10px;align-items:center;padding:8px 4px;border-bottom:1px dashed var(--line);position:relative}
.lg-row b,.lg-row small{display:block}
.lg-row small{color:var(--ink-3);font-size:.76rem}
.lg-box{width:16px;height:16px;border:2px solid var(--ink);border-radius:3px;display:block}
.demo.js .lg-box[data-at]{opacity:1;transform:none}
.lg-box.on,.demo:not(.js) .lg-box{background:var(--gold)}
.lg-was{font-style:normal;font-size:.72rem;font-weight:700;color:var(--ink-3)}
.lg-stamp{position:absolute;right:0;top:50%;translate:0 -50%;rotate:-7deg;font-style:normal;font-weight:800;font-size:.76rem;border:2px solid #1b7f4d;color:#1b7f4d;background:#fff;border-radius:4px;padding:1px 6px}
.sp{padding:22px 16px 10px}
.sp-t{margin:0 0 12px;font-weight:800;max-width:none}
.sp-bar{display:flex;height:64px;border-radius:9px;overflow:hidden;background:var(--mist)}
.sp-bar i{font-style:normal;display:grid;place-items:center;font-weight:800;font-size:.86rem}
.sp-a{flex:60;background:var(--gold)}
.sp-b{flex:12;background:#ff7239;color:#fff}
.sp-c{flex:24;background:var(--ink);color:#fff}
.sp-leg{display:flex;justify-content:space-between;gap:10px;margin-top:8px;color:var(--ink-2);font-size:.82rem}
.demo:has(.ph-wrap){background:var(--mist)}
.ph-wrap{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:14px;padding:16px;align-items:center}
.ph{background:var(--ink);border-radius:24px;padding:10px 8px 14px}
.ph-top{display:flex;justify-content:space-between;color:#fff;font-size:.74rem;padding:3px 10px 8px}
.ph-chat{background:#fff;border-radius:14px;padding:10px;min-height:230px}
.ph-b{margin:0;max-width:none;background:var(--mist);border-radius:12px 12px 12px 3px;padding:8px 10px;font-size:.84rem;min-height:3em}
.ph-tick{margin:5px 0 0;max-width:none;text-align:right;font-size:.72rem;font-weight:800;color:#1b7f4d}
.ph-side{display:grid;gap:8px}
.ph-note{text-align:center;font-size:.8rem}
.wl{padding:0 0 14px}
.wl-url{display:flex;align-items:center;gap:5px;background:var(--ink);padding:9px 12px}
.wl-url i{width:9px;height:9px;border-radius:50%;background:#fff;opacity:.55}
.wl-url span{flex:1;margin-left:8px;background:#fff;color:var(--ink);border-radius:5px;padding:2px 8px;font-size:.74rem;min-height:1.5em}
.wl-hi{padding:14px 14px 8px}
.wl-hi b,.wl-hi small{display:block}
.wl-hi b{font-size:1.1rem}
.wl-hi small{color:var(--ink-3)}
.wl-cards{display:grid;grid-template-columns:1fr 1fr;gap:10px;padding:0 14px}
.wl-card{background:var(--ink);color:#fff;border-radius:11px;padding:12px;min-height:96px;display:grid;align-content:space-between}
.wl-card small{opacity:.8}
.wl-card em{font-style:normal;font-weight:800;font-size:.72rem;color:var(--gold)}
.wl-sign{margin:10px 14px 0}
.wl-btn{display:block;margin:10px 14px 0;width:auto}
.xl-chips{display:flex;flex-wrap:wrap;gap:6px;padding:10px 12px}
.xl-chips span{border:1px solid var(--line);border-radius:6px;padding:2px 8px;font-size:.76rem;font-weight:700}
.xl{margin:0 12px;border:1px solid #b9c7bd;font-size:.8rem}
.xl-col,.xl-row{display:grid;grid-template-columns:26px 1.4fr 1fr 1fr}
.xl-col{background:#217346;color:#fff;font-weight:700}
.xl-col i,.xl-row i{font-style:normal;text-align:center;padding:4px 0}
.xl-row i{background:#e6efe9}
.xl-row span{border:1px solid #dce5de;padding:5px 6px;min-height:2.1em;overflow-wrap:anywhere}
.cf{padding:18px 16px 8px}
.cf-src{display:flex;justify-content:space-between;gap:8px}
.cf-src span{flex:1;text-align:center;background:var(--mist);border-radius:7px;padding:8px 2px;font-weight:800;font-size:.84rem}
.cf-pipe{display:flex;justify-content:space-around;height:46px;align-items:center}
.cf-dot{width:13px;height:13px;border-radius:50%;background:var(--gold)}
.cf-box{background:var(--ink);color:#fff;border-radius:9px;padding:12px;text-align:center}
.cf-box b,.cf-box small{display:block}
.cf-box small{color:#ddd9ee}
/* Signature sections */
.sol h3{margin:0 0 4px}
.sg-anat{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;margin-top:26px;grid-template-areas:"a c b" "d c e" "f c g"}
.sg-core{grid-area:c;background:var(--ink);color:#fff;border-radius:14px;padding:22px;display:grid;justify-items:center;align-content:center;text-align:center;gap:4px}
.sg-core span{width:70px;height:70px;border-radius:50%;background:var(--gold);color:var(--ink);display:grid;place-items:center;font-size:1.8rem;font-weight:800}
.sg-core small{color:#ddd9ee}
.sg-part{border-left:3px solid var(--gold);padding:4px 0 4px 12px}
.sg-part p{margin:0;color:var(--ink-2)}
.sg-part:nth-of-type(2){grid-area:a}.sg-part:nth-of-type(3){grid-area:b}.sg-part:nth-of-type(4){grid-area:d}.sg-part:nth-of-type(5){grid-area:e}.sg-part:nth-of-type(6){grid-area:f}.sg-part:nth-of-type(7){grid-area:g}
.sg-from{display:inline-block;margin:24px 0 0;background:var(--gold);border-radius:8px;padding:8px 14px;font-weight:800;max-width:none}
.sg-route{list-style:none;margin:0;padding:0 0 0 22px;border-left:4px solid var(--gold);margin-left:18px;display:grid;gap:0}
.sg-route li{position:relative;padding:16px 0 0}
.sg-route li::before{content:"";position:absolute;left:-31px;top:22px;width:14px;height:14px;border-radius:50%;background:var(--ink)}
.sg-route p{margin:0;color:var(--ink-2)}
.sg-book{margin-top:24px;max-width:720px;background:#fff;border:1px solid var(--line);border-top:6px solid var(--ink);border-radius:4px;padding:16px 18px}
.sg-book table{width:100%;border-collapse:collapse}
.sg-book th,.sg-book td{padding:9px 6px;border-bottom:1px solid var(--line);text-align:left;font-weight:500}
.sg-book thead th{font-weight:800;font-size:.84rem;color:var(--ink-3)}
.sg-book .n{text-align:right;font-variant-numeric:tabular-nums}
.sg-book tfoot th,.sg-book tfoot td{font-weight:800;border-bottom:0;border-top:2px solid var(--ink)}
.sg-book p,.sg-sm{margin:8px 0 0;color:var(--ink-3);font-size:.84rem}
.sg-split{margin-top:24px}
.sg-bar{display:flex;gap:3px;margin-top:10px;min-height:96px}
.sg-seg{min-width:0;padding:12px;border-radius:8px;display:grid;align-content:center}
.sg-seg b{font-size:1.15rem}
.sg-seg span{font-size:.82rem;overflow-wrap:anywhere}
.sg-seg-0{background:var(--gold)}
.sg-seg-1{background:#ff7239;color:#fff}
.sg-seg-2{background:var(--ink);color:#fff}
.sg-eq{display:flex;flex-wrap:wrap;align-items:stretch;gap:10px;margin-top:24px}
.sg-eq>div{flex:1 1 150px;background:var(--mist);border-radius:10px;padding:16px;display:grid;gap:4px}
.sg-eq b{font-size:1.45rem}
.sg-eq .sg-res{background:var(--ink);color:#fff}
.sg-eq .sg-res b{color:var(--gold)}
.sg-op{align-self:center;font-size:1.7rem;font-weight:800}
.sg-shelf{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;margin-top:24px}
.sg-shelf>div{border-top:5px solid var(--gold);background:var(--mist);padding:14px}
.sg-shelf ul{list-style:none;margin:8px 0 0;padding:0;display:grid;gap:6px}
.sg-shelf li{background:#fff;border-radius:5px;padding:6px 8px;font-size:.88rem}
.sg-bub{display:grid;gap:18px;margin-top:24px;max-width:640px}
.sg-bub>div:nth-child(even){justify-self:end;text-align:right}
.sg-bub h3{font-size:.86rem;color:var(--ink-3)}
.sg-bub p{margin:0;background:var(--mist);border-radius:16px 16px 16px 4px;padding:12px 16px}
.sg-bub>div:nth-child(even) p{background:var(--ink);color:#fff;border-radius:16px 16px 4px 16px}
.sg-sides{display:grid;grid-template-columns:1fr 1fr;margin-top:24px;border-radius:14px;overflow:hidden}
.sg-sides>div{padding:22px}
.sg-sides>div:first-child{background:var(--gold)}
.sg-sides>div:last-child{background:var(--ink);color:#fff}
.sg-sides ul{margin:8px 0 0;padding-left:18px;display:grid;gap:6px}
.sg-shift{margin-top:24px;border-top:2px solid var(--ink)}
.sg-sh{display:grid;grid-template-columns:1fr 1fr;gap:16px;padding:12px 0;border-bottom:1px solid var(--line)}
.sg-sh span{color:var(--ink-3);text-decoration:line-through;text-decoration-color:#ff7239}
.sg-sh-h span{text-decoration:none;font-weight:800;color:var(--ink)}
.sg-st-t{margin-top:22px}
.sg-stream{list-style:none;margin:12px 0 0;padding:0;display:flex;gap:12px;overflow-x:auto;scrollbar-width:thin;padding-bottom:8px}
.sg-stream li{flex:0 0 220px;background:var(--mist);border-radius:10px;padding:14px;border-top:4px solid var(--gold)}
.sg-stream b,.sg-stream span{display:block}
.sg-stream span{color:var(--ink-2);font-size:.9rem;margin-top:4px}
@media (max-width:1120px){.hd-tameio>div:first-child,.hd-reports>div:first-child,.hd-cloud>div:first-child{order:0}.hd-wallet,.hd-customer{grid-template-columns:minmax(0,1fr)}}
@media (max-width:720px){
  .sg-anat{grid-template-columns:minmax(0,1fr);grid-template-areas:none}
  .sg-anat>*{grid-area:auto!important}
  .sg-shelf{grid-template-columns:repeat(2,minmax(0,1fr))}
  .sg-sides{grid-template-columns:minmax(0,1fr)}
  .sg-bar{flex-direction:column}
  .sg-seg{flex:none!important}
  .ph-wrap{grid-template-columns:minmax(0,1fr)}
  .pl-plate{min-width:0;font-size:1.25rem}
}

.sg-shelf li,.sg-shelf h3,.dv p,.sg-sh>*{overflow-wrap:anywhere;min-width:0}

/* Full-width pass */
.hd-partners{background:var(--mist);color:var(--ink);margin-top:0;padding-block:clamp(30px,4vw,56px)}
.hd-partners h1,.hd-partners .lede{color:var(--ink)}
.hd-partners .btn-ghost{color:var(--ink)}
.hd-partners small,.hd-partners figcaption{color:var(--ink-2)}
.hd-production .demo,.hd-updates .demo{text-align:left}
.pr-head .demo{min-height:0}
.faq details{max-width:none}
@media (min-width:1121px){
  .faq{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:0 56px}
  .faq>h2{grid-column:1/-1}
  .sg-bub{grid-template-columns:repeat(3,minmax(0,1fr));max-width:none}
  .sg-bub>div:nth-child(even){justify-self:stretch;text-align:left}
  .sg-route{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:18px;border-left:0;border-top:4px solid var(--gold);padding:0;margin:26px 0 0}
  .sg-route li{padding-top:22px}
  .sg-route li::before{left:0;top:-9px}
}
.sg-book{max-width:none}
.demo .dv,.demo .dv-screen{min-width:0}
.dv-screen u{overflow:hidden;white-space:nowrap}
@media (max-width:400px){.demo .dv-wrap{gap:6px;padding-inline:10px}.dv p{font-size:.68rem}.dv-screen{padding:6px}}
.rc-p:has(~ .rc-p.on){visibility:hidden}
.demo:not(.js) .rc-p:not(:last-child){display:none}
.demo.js .rc-t[data-at].on:has(~ .on){opacity:.45;border-bottom-color:transparent}

/* Explanation block: seven layouts */
.xp{padding-block:clamp(36px,5vw,64px)}
.xp h2{margin:0 0 10px}
.xp h3{margin:0 0 6px}
.xp p{margin:0}
.xp ol{list-style:none;margin:0;padding:0;counter-reset:xp}
.xp li{counter-increment:xp}
.xp-what p{font-size:1.08rem}
.xp-fit h3{font-size:.95rem;color:var(--ink-3)}
.xp-in{display:grid;gap:24px clamp(24px,4vw,56px)}
/* rail: a line of steps across the page */
.xp-rail .xp-in{grid-template-columns:2fr 1fr}
.xp-rail .xp-how,.xp-rail .xp-case{grid-column:1/-1}
.xp-rail ol{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px;border-top:4px solid var(--gold);margin-top:22px}
.xp-rail li{position:relative;padding-top:24px}
.xp-rail li::before{content:counter(xp);position:absolute;top:-16px;left:0;width:28px;height:28px;border-radius:50%;background:var(--ink);color:#fff;display:grid;place-items:center;font-weight:800;font-size:.85rem}
.xp-rail .xp-case{background:var(--mist);border-radius:10px;padding:18px 22px}
/* story: the example leads, large and dark */
.xp-story .xp-in{grid-template-columns:minmax(0,5fr) minmax(0,6fr)}
.xp-story .xp-case{grid-row:span 3;background:var(--ink);color:#fff;border-radius:14px;padding:clamp(22px,3vw,40px);display:grid;align-content:center}
.xp-story .xp-case h3{color:var(--gold);font-size:clamp(1.3rem,2.4vw,1.9rem)}
.xp-story .xp-case p{font-size:1.15rem;line-height:1.55}
.xp-story li{padding:7px 0 7px 28px;position:relative}
.xp-story li::before{content:"";position:absolute;left:2px;top:13px;width:12px;height:7px;border-left:3px solid var(--gold);border-bottom:3px solid var(--gold);rotate:-45deg}
/* cards: four big numbered tiles and a gold band */
.xp-cards .xp-in{grid-template-columns:minmax(0,1fr)}
.xp-cards ol{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px}
.xp-cards li{background:var(--mist);border-radius:12px;padding:16px;min-height:150px}
.xp-cards li::before{content:counter(xp);display:block;font-size:2.4rem;font-weight:800;color:var(--gold);line-height:1;margin-bottom:10px}
.xp-cards .xp-case{background:var(--gold);border-radius:10px;padding:18px 22px}
/* dark: the steps on a navy band */
.xp-dark{background:var(--ink);color:#fff}
.xp-dark h2,.xp-dark h3{color:#fff}
.xp-dark .xp-in{grid-template-columns:minmax(0,1fr) minmax(0,1fr)}
.xp-dark .xp-how{grid-row:span 3}
.xp-dark li{display:flex;gap:14px;align-items:baseline;padding:12px 0;border-bottom:1px solid rgba(255,255,255,.2)}
.xp-dark li::before{content:counter(xp);color:var(--gold);font-weight:800;font-size:1.5rem}
.xp-dark .xp-fit h3{color:#ddd9ee}
.xp-dark .xp-case{border-left:4px solid var(--gold);padding-left:16px}
/* stairs: each step sits lower and further in */
.xp-stairs .xp-in{grid-template-columns:minmax(0,1fr) minmax(0,1fr)}
.xp-stairs .xp-how{grid-column:1/-1}
.xp-stairs ol{display:grid;gap:8px}
.xp-stairs li{background:var(--mist);border-left:5px solid var(--gold);padding:10px 14px;font-weight:600}
.xp-stairs li:nth-child(2){margin-left:8%}
.xp-stairs li:nth-child(3){margin-left:16%}
.xp-stairs li:nth-child(4){margin-left:24%}
.xp-stairs .xp-case h3{color:var(--ink-3);font-size:.95rem}
.xp-stairs .xp-case p{font-size:1.15rem;line-height:1.5}
/* note: a timeline and a pinned note */
.xp-note .xp-in{grid-template-columns:minmax(0,6fr) minmax(0,5fr)}
.xp-note .xp-how{grid-row:span 1}
.xp-note ol{border-left:3px dashed var(--line);margin-left:10px}
.xp-note li{position:relative;padding:8px 0 8px 22px}
.xp-note li::before{content:"";position:absolute;left:-8px;top:15px;width:13px;height:13px;border-radius:50%;background:var(--gold)}
.xp-note .xp-case{background:#fff4c2;rotate:1.2deg;padding:20px;box-shadow:0 8px 20px rgba(31,23,76,.14);align-self:start}
/* center: everything on one axis, with the example as a quote */
.xp-center .xp-in{grid-template-columns:minmax(0,1fr);text-align:center;justify-items:center}
.xp-center .xp-what p{max-width:760px;margin-inline:auto}
.xp-center ol{display:flex;flex-wrap:wrap;justify-content:center;gap:10px}
.xp-center li{background:var(--ink);color:#fff;border-radius:999px;padding:8px 16px}
.xp-center li::before{content:counter(xp) ".";color:var(--gold);font-weight:800;margin-right:6px}
.xp-center .xp-case{max-width:820px;font-size:1.2rem;position:relative;padding-top:20px}
.xp-center .xp-case::before{content:"\201C";position:absolute;top:-22px;left:50%;translate:-50% 0;font-size:4rem;color:var(--gold);line-height:1}
.xp-center .xp-case h3{font-size:1rem;color:var(--ink-3)}
@media (max-width:900px){
  .xp-rail .xp-in,.xp-story .xp-in,.xp-dark .xp-in,.xp-stairs .xp-in,.xp-note .xp-in{grid-template-columns:minmax(0,1fr)}
  .xp-story .xp-case,.xp-dark .xp-how{grid-row:auto}
  .xp-rail ol,.xp-cards ol{grid-template-columns:repeat(2,minmax(0,1fr))}
  .xp-stairs li{margin-left:0!important}
  .xp-center li{border-radius:12px}
}
@media (max-width:480px){.xp-rail ol,.xp-cards ol{grid-template-columns:minmax(0,1fr)}.xp-cards li{min-height:0}}

/* The Serres story, with its evidence */
.st-in{display:grid;grid-template-columns:auto minmax(0,1fr);gap:clamp(24px,5vw,72px);align-items:center;padding-block:clamp(36px,5vw,64px)}
.st-video{display:block;width:clamp(150px,17vw,220px);border-radius:14px;overflow:hidden;box-shadow:0 12px 30px rgba(31,23,76,.3)}
.st-video img{display:block;width:100%;height:auto}
.st-txt p{max-width:72ch}
.st-txt blockquote{margin:16px 0;padding-left:14px;border-left:4px solid currentColor}
.st-txt blockquote p{margin:0;font-weight:600}
.st-txt cite{display:block;font-style:normal;font-size:.86rem;margin-top:4px}
.st-link{font-weight:800;text-decoration:underline;color:inherit}
@media (max-width:640px){.st-in{grid-template-columns:minmax(0,1fr)}.st-video{margin-inline:auto}}
.st-txt h2{margin-bottom:.45em}

/* As seen in */
.seen{padding-block:clamp(44px,6vw,72px) 0}
.seen ul{list-style:none;margin:20px 0 0;padding:0;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}
.seen a{display:grid;gap:8px;height:100%;padding:18px;border:1px solid var(--line);border-radius:12px;text-decoration:none;align-content:start}
.seen a:hover{background:var(--mist)}
.seen b{font-size:1.2rem}
.seen span{color:var(--ink-2)}
.seen small{color:var(--ink-3)}
@media (max-width:900px){.seen ul{grid-template-columns:minmax(0,1fr)}}
/* Menu: same groups all the way down */
.mega-groups-4{grid-template-columns:repeat(4,minmax(0,1fr));padding-bottom:8px;border-bottom:1px solid var(--line)}
.mega-list{max-height:calc(100vh - 90px);overflow:auto}
@media (max-width:1120px){.mega-groups-4{grid-template-columns:repeat(2,minmax(0,1fr))}}

@media (min-width:1121px){
  .mega-list{width:min(1120px,94vw)}
  .mega-groups{grid-template-columns:repeat(6,minmax(0,1fr))}
}

/* Menu: four goals */
@media (min-width:1121px){
  .mega-list{width:min(960px,94vw)}
  .mega-groups{grid-template-columns:repeat(4,minmax(0,1fr));gap:4px 18px}
}
.mega-groups h3{font-size:1.02rem;color:var(--ink);min-height:0;padding-bottom:8px;margin-bottom:4px;border-bottom:3px solid var(--gold)}
.mega-groups h3 small{display:block;font-weight:500;font-size:.8rem;color:var(--ink-3)}
/* Bridges page */
.gf{padding-bottom:clamp(40px,6vw,72px)}
.gf-n{margin:0 0 16px;max-width:none}
.gf-n b{font-size:2.2rem;margin-right:4px}
.gf-list{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(auto-fill,minmax(190px,1fr));gap:8px}
.gf-list li{background:var(--mist);border-radius:8px;padding:10px 12px;font-weight:600;overflow-wrap:anywhere}
.gf-note{margin:18px 0 26px;color:var(--ink-2);max-width:none}
.gf-ways{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}
.gf-ways a{display:grid;gap:4px;height:100%;padding:16px;border:1px solid var(--line);border-top:4px solid var(--gold);border-radius:8px;text-decoration:none}
.gf-ways a:hover{background:var(--mist)}
.gf-ways span{color:var(--ink-2)}
@media (max-width:760px){.gf-ways{grid-template-columns:minmax(0,1fr)}}

/* As seen in, with logos */
.seen-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:14px;margin-top:20px}
.seen-grid article{display:grid;grid-template-rows:auto 1fr;border:1px solid var(--line);border-radius:12px;overflow:hidden;background:#fff}
.seen-logo{display:flex;align-items:center;height:74px;padding:14px 18px;border-bottom:1px solid var(--line);background:#fff}
.seen-logo:hover{background:var(--mist)}
.seen-logo img{max-height:42px;max-width:170px;width:auto;height:auto;display:block}
.seen-art{display:grid;gap:8px;align-content:space-between;padding:14px 18px;text-decoration:none}
.seen-art:hover{background:var(--mist)}
.seen-art span{color:var(--ink);font-weight:600}
.seen-art small{color:var(--ink-3)}
/* Recently added: a mosaic with one lead tile */
.fresh.fresh{background:var(--ink);color:#fff;margin-top:clamp(44px,6vw,72px);padding-block:clamp(44px,6vw,72px)}
.fr-head{display:flex;justify-content:space-between;align-items:baseline;gap:16px}
.fresh .fr-head h2{color:#fff;margin:0}
.fr-head a{color:var(--gold);font-weight:700}
.fr-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;margin-top:22px}
.fr-tile{display:grid;align-content:end;gap:6px;min-height:150px;padding:18px;border-radius:12px;background:#2c2360;color:#fff;text-decoration:none;transition:background .2s}
.fr-tile:hover{background:#3a2f7a}
.fr-tile b{font-size:1.08rem}
.fr-tile span{color:#ddd9ee;font-size:.92rem}
.fr-tile:first-child{grid-column:span 2;grid-row:span 2;background:var(--gold);color:var(--ink)}
.fr-tile:first-child:hover{background:#ffd23f}
.fr-tile:first-child b{font-size:clamp(1.5rem,2.6vw,2.2rem)}
.fr-tile:first-child span{color:var(--ink);font-size:1.05rem}
@media (max-width:900px){.fr-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.fr-tile{min-height:120px}}
@media (max-width:480px){.fr-grid{grid-template-columns:minmax(0,1fr)}.fr-tile:first-child{grid-column:auto;grid-row:auto}}
.st-txt .st-tag{margin:0 0 6px;font-size:.9rem;font-weight:800}
.fresh a.fr-tile,.fresh a.fr-tile b,.fresh a.fr-tile span{color:#fff}
.fresh a.fr-tile span{color:#ddd9ee}
.fresh a.fr-tile:first-child,.fresh a.fr-tile:first-child b,.fresh a.fr-tile:first-child span{color:var(--ink)}
.seen-grid article{grid-template-rows:74px 1fr}
.seen-logo{box-sizing:border-box;height:74px}
.seen-logo:has(img[alt="Underwriter.gr"]),.seen-logo:has(img[alt="Underwriter.gr"]):hover{background:var(--ink)}

/* Under the hero buttons */
.hero-pts{list-style:none;display:flex;flex-wrap:wrap;gap:6px 22px;margin:16px 0 0;padding:14px 0 0;border-top:1px solid rgba(255,255,255,.22)}
.hero-pts li{display:flex;align-items:center;gap:8px;font-weight:700;color:#fff}
.hero-pts li::before{content:"";width:9px;height:9px;border-radius:50%;background:var(--gold)}
.mega-ai{width:16px;height:16px;fill:#c9972b;vertical-align:-3px;margin-right:5px}
.h1-ai{width:.72em;height:.72em;fill:var(--gold);margin-left:.18em;vertical-align:-.04em}
.hero-txt h1{font-size:clamp(2rem,3.3vw,3.5rem);line-height:1.12}
.seen-logo b{font-size:1.02rem;color:var(--ink);line-height:1.2}

/* Home suite: what you do, then how we help */
.suite-groups section{background:#fff;border:1px solid var(--line);border-top:5px solid var(--gold);display:flex;flex-direction:column}
.suite-groups h3{font-size:1.45rem;margin-bottom:10px}
.suite-groups p.su-l{min-height:0;margin:0 0 3px;font-size:.76rem;font-weight:800;color:var(--ink-3);text-transform:none}
.suite-groups p.su-do{margin:0;min-height:4.3em;color:var(--ink);font-size:.97rem}
.suite-groups p.su-l2{margin-top:12px;color:#a57c00}
.suite-groups p.su-help{margin:0 0 12px;min-height:4.3em;background:var(--mist);border-radius:8px;padding:10px 12px;color:var(--ink);font-weight:600;font-size:.95rem}
@media (max-width:720px){.suite-groups p.su-do,.suite-groups p.su-help{min-height:0}}
.sg-more{margin:10px 0 0}
.sg-more a{font-weight:700}

/* Header and buttons in step with the body text */
.nav{font-size:17px;gap:20px}
.mega summary,.login,.nav>a{font-size:17px}
.btn{font-size:17px}
.btn-sm{font-size:16px;padding:10px 18px}
.top .logo{height:44px}
.top .logo img,.top img{height:44px;width:auto}

/* Long sections, seven formats */
.dp{padding-block:clamp(40px,5vw,68px)}
.dp h2{margin:0 0 8px}
.dp .lede{max-width:78ch}
.dp h3{margin:0 0 4px;font-size:1.08rem}
.dp p{margin:0}
.dp-myths{margin:22px 0 0;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}
.dp-myths div{padding:16px 18px;background:var(--mist);border-radius:12px}
.dp-myths dt{font-weight:800;color:#b23a3a}
.dp-myths dd{margin:6px 0 0}
.dp-essay{columns:2;column-gap:44px;margin-top:22px}
.dp-essay div{break-inside:avoid;margin-bottom:18px;padding-left:14px;border-left:4px solid var(--gold)}
.dp-vs{margin-top:22px;border-radius:12px;overflow:hidden;border:1px solid var(--line)}
.dp-vs-row{display:grid;grid-template-columns:1fr 1fr}
.dp-vs-row>*{padding:11px 16px;border-top:1px solid var(--line)}
.dp-vs-row>:last-child{background:#fff7d6}
.dp-vs-h>*{font-weight:800;border-top:0;background:var(--ink);color:#fff}
.dp-vs-h>:last-child{background:var(--gold);color:var(--ink)}
.dp-check{list-style:none;margin:22px 0 0;padding:0;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px 26px}
.dp-check li{position:relative;padding-left:32px}
.dp-check li::before{content:"";position:absolute;left:0;top:2px;width:20px;height:20px;border-radius:5px;background:var(--gold)}
.dp-check li::after{content:"";position:absolute;left:5px;top:7px;width:10px;height:5px;border-left:2.5px solid var(--ink);border-bottom:2.5px solid var(--ink);rotate:-45deg}
.dp-roles-s{background:var(--ink);color:#fff}
.dp-roles-s h2,.dp-roles-s .lede,.dp-roles-s h3{color:#fff}
.dp-roles{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:12px;margin-top:22px}
.dp-roles div{padding:18px;border-radius:12px;background:#2c2360}
.dp-roles h3{color:var(--gold)}
.dp-roles p{color:#ddd9ee}
.dp-time{list-style:none;counter-reset:dp;margin:26px 0 0;padding:0;display:grid;grid-auto-flow:column;grid-auto-columns:minmax(0,1fr);gap:14px;border-top:4px solid var(--gold)}
.dp-time li{counter-increment:dp;position:relative;padding-top:24px}
.dp-time li::before{content:counter(dp);position:absolute;top:-16px;left:0;width:28px;height:28px;border-radius:50%;background:var(--ink);color:#fff;display:grid;place-items:center;font-weight:800;font-size:.85rem}
.dp-gloss{margin:22px 0 0;border-top:2px solid var(--ink)}
.dp-gloss div{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,3fr);gap:20px;padding:13px 0;border-bottom:1px solid var(--line)}
.dp-gloss dt{font-weight:800}
.dp-gloss dd{margin:0}
@media (max-width:900px){.dp-myths,.dp-check{grid-template-columns:minmax(0,1fr)}.dp-essay{columns:1}
  .dp-time{grid-auto-flow:row;border-top:0;border-left:4px solid var(--gold);padding-left:22px}
  .dp-time li{padding-top:0}.dp-time li::before{top:0;left:-38px}
  .dp-gloss div{grid-template-columns:minmax(0,1fr);gap:2px}}
@media (max-width:640px){.dp-vs-row>*{padding:9px 10px;font-size:.92rem;overflow-wrap:anywhere}}

/* How a feature connects to the rest: three layouts */
.rl{padding-block:clamp(36px,5vw,60px)}
.rl h2{margin:0 0 18px}
.rl-list a{text-decoration:none;color:var(--ink)}
.rl-list b{display:block;font-size:1.08rem;margin-bottom:4px}
.rl-list span{color:var(--ink-2)}
.rl-a .rl-list{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:12px}
.rl-a .rl-list a{padding:18px;border:1px solid var(--line);border-top:4px solid var(--gold);border-radius:10px}
.rl-a .rl-list a:hover{background:var(--mist)}
.rl-b .rl-list{border-top:2px solid var(--ink)}
.rl-b .rl-list a{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,3fr);gap:20px;padding:14px 0;border-bottom:1px solid var(--line)}
.rl-b .rl-list a:hover b{text-decoration:underline;text-decoration-color:var(--gold)}
.rl-c .rl-list{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:1px;background:var(--line);border-radius:12px;overflow:hidden}
.rl-c .rl-list a{background:var(--mist);padding:20px}
.rl-c .rl-list a:hover{background:#fff7d6}
@media (max-width:720px){.rl-b .rl-list a{grid-template-columns:minmax(0,1fr);gap:2px}}
.dp .dp-close{margin-top:24px;max-width:82ch;font-size:1.05rem}

/* Calmer type scale across the site (user 02/11: everything was too big) */
body{font-size:16px}
h1{font-size:clamp(1.9rem,3.2vw,2.9rem)}
h2{font-size:clamp(1.4rem,2.2vw,1.95rem)}
h3{font-size:1.12rem}
.lede{font-size:clamp(1rem,1.2vw,1.1rem)}
.pr-head h1{font-size:clamp(1.75rem,2.8vw,2.4rem)}
.hero-txt h1{font-size:clamp(1.85rem,2.6vw,2.5rem);line-height:1.15}
.xp-story .xp-case h3{font-size:clamp(1.2rem,1.9vw,1.55rem)}
.fr-tile:first-child b{font-size:clamp(1.3rem,2vw,1.7rem)}
.nav,.nav>a,.mega summary,.login{font-size:15.5px}
.btn{font-size:15.5px}
.btn-sm{font-size:15px;padding:9px 16px}
.top .logo,.top .logo img,.top img{height:36px}
.cine .cn-cap:not(.cn-big):not(.cn-center):not(.cn-end):not(.cn-proof) p{font-size:4cqw;line-height:1.25}
.cine .cn-cap.cn-big{font-size:5cqw}
.dp h3,.rl-list b{font-size:1.02rem}

/* Contact page call-me form */
.ct-form{padding-top:0;padding-bottom:32px}
.ct-form form{max-width:760px;padding:24px;background:var(--mist);border-radius:12px}
.ct-form h2{margin:0 0 16px}
.ct-grid{display:grid;grid-template-columns:1fr 1fr;gap:0 16px}
.ct-form .wz-err:empty{display:none}
@media (max-width:640px){.ct-grid{grid-template-columns:1fr}.ct-form form{padding:18px}}
/* Phone only: one-tap call button within thumb reach */
.callfab{display:none}
@media (max-width:760px){
  .callfab{position:fixed;right:16px;bottom:calc(16px + env(safe-area-inset-bottom));z-index:25;display:inline-flex;align-items:center;gap:8px;min-height:56px;padding:0 20px 0 16px;border-radius:28px;background:var(--gold);color:var(--ink);font-weight:700;text-decoration:none;box-shadow:0 6px 18px rgba(31,23,76,.35)}
  .foot{padding-bottom:88px}
}

/* Landing page for offices switching program */
.sw-hero{background:var(--ink);color:#fff}
.sw-hero-in{display:grid;grid-template-columns:minmax(0,1.25fr) minmax(0,1fr);gap:clamp(28px,5vw,72px);align-items:center;padding-block:clamp(40px,6vw,80px)}
.sw-hero h1{color:#fff}
.sw-hero .lede{margin-top:.9em;color:#ddd9ee}
.sw-flow{display:flex;align-items:center;gap:16px}
.sw-flow ul{list-style:none;margin:0;padding:0;display:grid;gap:8px;flex:none}
.sw-flow li{padding:7px 14px;border:1px solid rgba(255,255,255,.35);border-radius:8px;font-size:.92rem;color:#ddd9ee}
.sw-line{flex:1;min-width:28px;height:2px;background:linear-gradient(90deg,rgba(255,255,255,.3),var(--gold))}
.sw-flow b{flex:none;padding:16px 22px;background:var(--gold);color:var(--ink);border-radius:10px;font-size:1.12rem}
.sw-sec{padding-block:clamp(32px,4.5vw,56px)}
.sw-sec h2{margin:0 0 20px}
.sw-steps{list-style:none;counter-reset:sw;margin:0;padding:0;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:clamp(18px,3vw,40px);border-top:2px solid var(--ink)}
.sw-steps li{counter-increment:sw;padding-top:16px}
.sw-steps li::before{content:counter(sw);display:block;font-weight:800;font-size:1.5rem;color:var(--gold-deep);margin-bottom:6px}
.sw-steps h3,.sw-gains h3{margin:0 0 4px}
.sw-steps p,.sw-gains p{margin:0;color:var(--ink-2)}
.sw-band{background:var(--mist)}
.sw-gains{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:0 clamp(24px,4vw,56px)}
.sw-gains a{display:block;padding:16px 0;border-bottom:1px solid var(--line);color:inherit;text-decoration:none}
.sw-gains a:hover h3{text-decoration:underline}
.sw-form{padding-top:clamp(32px,4.5vw,56px)}
.sw-note{font-size:.8rem;color:var(--ink-3);padding-bottom:24px}
@media (max-width:760px){
  .sw-hero-in{grid-template-columns:minmax(0,1fr)}
  .sw-flow{display:none}
  .sw-steps,.sw-gains{grid-template-columns:minmax(0,1fr)}
}
.sw-hero .btn-ghost{color:#fff;border-color:#fff;background:transparent}