/* CompTech website · shared styles for every page and component.
   Built on the CompTech design system tokens. Edit here to change every page. */

:root{--brand-blue:#1777bc;--brand-sky:#29aae1;--surface:#ffffff;--surface-subtle:#f6fafd;--surface-raised:#ffffff;--accent-tint:#e3f4fb;--border:#d5e3ef;--border-strong:#6b8499;--ink:#0e2233;--ink-muted:#4a5f72;--primary:#1777bc;--primary-hover:#13629c;--on-primary:#ffffff;--link:#1777bc;--focus-ring:#1777bc;--success:#1a7a48;--warning:#985400;--danger:#c0291e;--space-1:4px;--space-2:8px;--space-3:12px;--space-4:16px;--space-6:24px;--space-8:32px;--space-12:48px;--space-16:64px;--font-arabic:"IBM Plex Sans Arabic","IBM Plex Sans",system-ui,sans-serif;--radius-sm:4px;--radius-md:8px;--radius-lg:12px;--radius-full:9999px;--shadow-sm:0 1px 2px rgba(14,34,51,.08);--shadow-md:0 8px 24px rgba(14,34,51,.12);--font-sans:"IBM Plex Sans","IBM Plex Sans Arabic",system-ui,sans-serif;--font-mono:"IBM Plex Mono",ui-monospace,monospace;--font-cond:"IBM Plex Sans Condensed","IBM Plex Sans",sans-serif}

body{margin:0;background:#ffffff}
.site{width:100%;min-width:0;background:#ffffff;color:#0e2233;font-family:var(--font-sans);font-size:16px;line-height:24px}
.site *,.site *::before,.site *::after{box-sizing:border-box}
.site :focus-visible{outline:2px solid #1777bc;outline-offset:2px}
:where(.site a){color:#1777bc}
:where(.site a:hover){color:#13629c}
.site img{max-width:100%}
.wrap{width:100%;max-width:1440px;margin:0 auto;padding-inline:64px}

/* ---------- type ---------- */
.eyebrow{margin:0;font-size:14px;line-height:20px;font-weight:600;color:#1777bc}
.over{margin:0;font-family:var(--font-mono);font-size:12px;line-height:16px;letter-spacing:.06em;text-transform:uppercase;color:#4a5f72}
.h-page{margin:0;font-size:58px;line-height:62px;font-weight:600;letter-spacing:-0.035em;text-wrap:balance}
.h-sec{margin:0;font-size:44px;line-height:50px;font-weight:600;letter-spacing:-0.03em;text-wrap:balance}
.h-3{margin:0;font-size:22px;line-height:30px;font-weight:600;letter-spacing:-0.01em}
.lead{margin:0;font-size:18px;line-height:28px;color:#4a5f72}
.body{margin:0;font-size:16px;line-height:25px;color:#4a5f72}
.small{margin:0;font-size:14px;line-height:21px;color:#4a5f72}
.num{font-family:var(--font-cond);font-size:40px;line-height:44px;font-weight:700;letter-spacing:-0.01em;color:#0e2233}
.stack{display:flex;flex-direction:column}
.row{display:flex;flex-wrap:wrap;align-items:center}
.go{display:inline-flex;align-items:center;gap:8px;min-height:44px;font-size:16px;font-weight:600;text-decoration:none}
.go svg{transition:transform .2s}
.go:hover svg{transform:translateX(3px)}

/* ---------- sections ---------- */
.sec{padding:112px 0}
.sec.tight{padding:80px 0}
.sec.alt{background:#f6fafd;border-top:1px solid #d5e3ef;border-bottom:1px solid #d5e3ef}
.sec-head{display:flex;justify-content:space-between;align-items:flex-end;gap:32px;flex-wrap:wrap}
.site .sec-head{margin-bottom:48px}
.sec-head .stack{gap:16px;max-width:780px}

/* ---------- header (component) ---------- */
.hdr-space{height:76px}
.hdr{position:fixed;top:0;left:0;right:0;z-index:50;background:rgba(255,255,255,.96);border-bottom:1px solid #d5e3ef;backdrop-filter:saturate(1.4) blur(8px);-webkit-backdrop-filter:saturate(1.4) blur(8px);font-family:var(--font-sans)}
.hdr-in{display:flex;align-items:center;gap:36px;height:76px}
.hdr-logo{display:flex;padding:8px 0;flex:none}
.hdr-logo img{display:block;width:180px;height:30px}
.hdr-nav{display:flex;align-items:center;gap:28px;flex:1}
.hdr-a{position:relative;display:inline-flex;align-items:center;gap:6px;height:76px;color:#0e2233;text-decoration:none;font-size:15px;font-weight:500;white-space:nowrap}
.site .hdr-a{color:#0e2233}
.site .hdr-a:hover{color:#1777bc}
.hdr-a[aria-current="page"]{color:#1777bc}
.site .hdr-a[aria-current="page"]{color:#1777bc}
.hdr-a[aria-current="page"]::after{content:"";position:absolute;left:0;right:0;bottom:-1px;height:3px;border-radius:3px 3px 0 0;background:#1777bc}
.hdr-act{display:flex;align-items:center;gap:8px;margin-inline-start:auto}
.dd{position:relative}
.dd-panel{position:absolute;top:76px;left:-32px;width:720px;display:none;grid-template-columns:repeat(2,minmax(0,1fr));gap:4px;padding:16px;background:#ffffff;border:1px solid #d5e3ef;border-radius:16px;box-shadow:0 24px 48px -16px rgba(14,34,51,.28)}
.dd:hover .dd-panel,.dd:focus-within .dd-panel{display:grid}
.dd-a{display:flex;gap:14px;align-items:flex-start;padding:14px;border-radius:12px;text-decoration:none}
.site .dd-a{color:#0e2233}
.dd-a:hover{background:#f6fafd}
.dd-a strong{display:block;font-size:15px;line-height:22px;font-weight:600}
.dd-a span.t{display:block;font-size:13px;line-height:19px;color:#4a5f72}
.dd-all{grid-column:1 / -1;display:flex;justify-content:space-between;align-items:center;margin-top:8px;padding:14px;border-top:1px solid #d5e3ef;font-size:14px;font-weight:600;text-decoration:none}
.burger{display:none}
.mnav{display:flex;flex-direction:column;padding:8px 64px 20px;background:#ffffff;border-bottom:1px solid #d5e3ef;max-height:calc(100vh - 76px);overflow:auto}
.mnav a{padding:14px 0;border-bottom:1px solid #d5e3ef;font-size:16px;font-weight:500;text-decoration:none}
.site .mnav a{color:#0e2233}
.mnav a.sub{padding-inline-start:20px;font-size:15px;color:#4a5f72}

/* ---------- breadcrumb ---------- */
.crumbs{display:flex;flex-wrap:wrap;gap:8px;align-items:center;margin:0;padding:0;list-style:none;font-size:14px;color:#4a5f72}
.crumbs a{text-decoration:none}
.crumbs li+li::before{content:"/";margin-inline-end:8px;color:#9fb2c2}

/* ---------- page hero ---------- */
.phero{position:relative;padding:40px 0 0;background:radial-gradient(ellipse 48% 70% at 74% 46%, #e3f4fb 0, #f6fafd 42%, #ffffff 76%);overflow:hidden}
.phero-grid{display:grid;grid-template-columns:minmax(0,1.02fr) minmax(0,1fr);gap:40px;align-items:center;min-height:560px;padding-bottom:40px}
.phero-copy{display:flex;flex-direction:column;gap:22px;position:relative;z-index:2}
.phero-cta{display:flex;gap:12px;flex-wrap:wrap;margin-top:6px}
.facts{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));border-top:1px solid #d5e3ef}
.facts.c3{grid-template-columns:repeat(3,minmax(0,1fr))}
.facts>div{display:flex;flex-direction:column;gap:4px;padding:24px 24px 28px 0}
.facts>div+div{padding-inline-start:24px;border-inline-start:1px solid #d5e3ef}
.facts .num{font-size:36px;line-height:40px}

/* ---------- 3D isometric art ---------- */
.iso{position:relative;height:500px;perspective:2200px;--gap:62px}
.iso::before{content:"";position:absolute;left:50%;top:64%;width:460px;height:150px;margin-left:-230px;border-radius:50%;background:radial-gradient(closest-side, rgba(14,34,51,.16), rgba(14,34,51,0));pointer-events:none}
.iso-in{position:absolute;left:50%;top:50%;width:330px;height:330px;margin:-195px 0 0 -165px;transform-style:preserve-3d;transform:rotateX(58deg) rotateZ(-42deg);animation:isoFloat 9s ease-in-out infinite}
.iso:hover{--gap:92px}
.ly{position:absolute;inset:0;border-radius:56px;transform-style:preserve-3d;transform:translateZ(calc(var(--l, 0) * var(--gap)));transition:transform .7s cubic-bezier(.2,.7,.2,1)}
.ly.paper{background:#ffffff;border:1px solid #d5e3ef;box-shadow:0 50px 70px -40px rgba(14,34,51,.45)}
.ly.tint{background:#e3f4fb;border:1px solid #c3e4f4}
.ly.subtle{background:#f6fafd;border:1px solid #d5e3ef}
.ly.blue{background:#1777bc;box-shadow:0 40px 60px -30px rgba(23,119,188,.55)}
.ly.ink{background:#0e2233}
.ly.ring{border:5px solid #29aae1}
.ly.ringb{border:5px solid #1777bc}
.ly.dash{border:2px dashed #6b8499}
.ly.sm{inset:70px;border-radius:36px}
.ly.md{inset:36px;border-radius:44px}
.gx{position:absolute;display:block}
.gx.bar{height:12px;border-radius:9999px;background:#d5e3ef}
.gx.barb{height:12px;border-radius:9999px;background:#1777bc}
.gx.bars{height:12px;border-radius:9999px;background:#29aae1}
.gx.barw{height:12px;border-radius:9999px;background:rgba(255,255,255,.55)}
.gx.dot{width:26px;height:26px;border-radius:9999px;background:#29aae1}
.gx.dotb{width:26px;height:26px;border-radius:9999px;background:#1777bc}
.gx.doti{width:26px;height:26px;border-radius:9999px;background:#0e2233}
.gx.dotw{width:26px;height:26px;border-radius:9999px;background:#ffffff}
.gx.sq{border-radius:16px;background:#e3f4fb}
.gx.sqb{border-radius:16px;background:#1777bc}
.gx.sqs{border-radius:16px;background:#29aae1}
.gx.sqw{border-radius:16px;background:#ffffff}
.gx.sqo{border-radius:16px;border:3px solid #1777bc}
.gx.ln{height:4px;border-radius:2px;background:#1777bc;transform-origin:0 50%}
.gx.lns{height:4px;border-radius:2px;background:#29aae1;transform-origin:0 50%}
.gx.lnw{height:4px;border-radius:2px;background:rgba(255,255,255,.7);transform-origin:0 50%}
.call{position:absolute;z-index:3;display:inline-flex;align-items:center;gap:10px;padding:10px 14px;background:#ffffff;border:1px solid #d5e3ef;border-radius:12px;box-shadow:0 12px 28px -12px rgba(14,34,51,.3);font-size:14px;line-height:18px;font-weight:600;color:#0e2233;white-space:nowrap;animation:callFloat 7s ease-in-out infinite}
.call svg{color:#1777bc;flex:none}
.call.d2{animation-delay:-2.3s}
.call.d3{animation-delay:-4.6s}
@keyframes isoFloat{0%,100%{transform:rotateX(58deg) rotateZ(-42deg) translateZ(0)}50%{transform:rotateX(58deg) rotateZ(-42deg) translateZ(16px)}}
@keyframes callFloat{0%,100%{transform:translateY(0)}50%{transform:translateY(-8px)}}

/* ---------- cards, tiles, lists ---------- */
.g2{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:24px}
.g3{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px}
.g4{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:24px}
.split{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:72px;align-items:start}
.split.wide{grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr)}
.card{display:flex;flex-direction:column;gap:14px;padding:28px;background:#ffffff;border:1px solid #d5e3ef;border-radius:16px;box-shadow:0 1px 2px rgba(14,34,51,.08)}
a.card{text-decoration:none;color:#0e2233;transition:box-shadow .25s, transform .25s, border-color .25s}
.site a.card{color:#0e2233}
a.card:hover{transform:translateY(-3px);border-color:#b9cfe0;box-shadow:0 24px 40px -24px rgba(14,34,51,.4)}
.card .h-3{font-size:21px;line-height:28px}
.card .more{margin-top:auto;display:inline-flex;align-items:center;gap:8px;font-size:15px;font-weight:600;color:#1777bc}
.card.top{border-top:6px solid #1777bc}
.card.top.s{border-top-color:#29aae1}
.card.top.i{border-top-color:#0e2233}
.it{display:grid;place-items:center;flex:none;width:52px;height:52px;border-radius:14px;background:#e3f4fb;color:#1777bc}
.it.sm{width:40px;height:40px;border-radius:10px}
.it.b{background:#1777bc;color:#ffffff}
.it.i{background:#0e2233;color:#ffffff}
.it.w{background:#ffffff;color:#1777bc}
.rl{list-style:none;margin:0;padding:0;border-top:1px solid #d5e3ef}
.rl li{display:flex;gap:14px;align-items:flex-start;padding:16px 0;border-bottom:1px solid #d5e3ef;font-size:16px;line-height:24px}
.rl li svg{flex:none;color:#1777bc;margin-top:2px}
.rl.two{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));column-gap:40px;border-top:0}
.rl.two li:nth-child(-n+2){border-top:1px solid #d5e3ef}
.chips{display:flex;flex-wrap:wrap;gap:10px;list-style:none;margin:0;padding:0}
.chips li{display:inline-flex;align-items:center;gap:8px;padding:10px 16px;border:1px solid #d5e3ef;border-radius:9999px;background:#ffffff;font-size:15px;line-height:20px;font-weight:500;color:#0e2233}
.chips li i{display:block;width:10px;height:10px;border-radius:9999px;background:#29aae1}
.chips li:nth-child(even) i{background:#1777bc}
.badge{display:inline-flex;align-items:center;gap:6px;align-self:flex-start;padding:4px 10px;border-radius:4px;background:#e3f4fb;font-size:12px;line-height:16px;font-weight:600;letter-spacing:.02em;color:#0e2233}
.badge.out{background:#ffffff;border:1px solid #d5e3ef;color:#4a5f72}
.badge.dk{background:#0e2233;color:#ffffff}

/* challenge vs gain */
.vs{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);border-radius:20px;overflow:hidden;border:1px solid #d5e3ef}
.vs>div{display:flex;flex-direction:column;gap:20px;padding:40px}
.vs .c{background:#ffffff}
.vs .g{background:#1777bc;color:#ffffff}
.vs ul{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:16px}
.vs li{display:flex;gap:14px;align-items:flex-start;font-size:17px;line-height:26px}
.vs .c li{color:#0e2233}
.vs .c li svg{color:#6b8499;flex:none;margin-top:3px}
.vs .g li svg{color:#ffffff;flex:none;margin-top:3px}
.vs .g .over{color:#e3f4fb}

/* products */
.prod{position:relative;display:flex;flex-direction:column;gap:14px;padding:32px;border-radius:20px;background:#0e2233;color:#ffffff;overflow:hidden;min-height:300px}
.prod .pn{font-family:var(--font-cond);font-size:44px;line-height:46px;font-weight:700;letter-spacing:.01em}
.prod p{margin:0;font-size:16px;line-height:25px;color:#d6e4ef}
.prod .badge{background:rgba(255,255,255,.12);color:#ffffff}
.prod .mark{position:absolute;right:-30px;bottom:-30px;width:150px;height:150px;border-radius:44px;border:10px solid #29aae1;opacity:.5}
.prod .mark::after{content:"";position:absolute;left:-60px;top:-60px;width:40px;height:40px;border-radius:9999px;background:#1777bc}
.prod.b{background:#1777bc}
.prod.b p{color:#e3f4fb}
.prod.b .mark{border-color:#ffffff;opacity:.3}
.prod.b .mark::after{background:#29aae1}
.prod a{color:#ffffff}
.site .prod a{color:#ffffff}

/* partner and client tiles */
.tiles{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));border-top:1px solid #d5e3ef;border-inline-start:1px solid #d5e3ef}
.tile{display:flex;align-items:center;justify-content:center;text-align:center;min-height:112px;padding:16px;border-bottom:1px solid #d5e3ef;border-inline-end:1px solid #d5e3ef;background:#ffffff;font-size:15px;line-height:21px;font-weight:600;color:#0e2233;transition:background .2s}
.tile:hover{background:#f6fafd}
.tiles.c4{grid-template-columns:repeat(4,minmax(0,1fr))}
.tiles.c4 .tile{min-height:132px;flex-direction:column;gap:6px}
.tile small{display:block;font-size:13px;font-weight:500;color:#4a5f72}
/* client logos: one tone at rest, full colour on hover, aspect ratio always kept */
img.logo{display:block;width:auto;height:auto;max-width:82%;max-height:60px;object-fit:contain;filter:grayscale(1) contrast(1.05);opacity:.78;transition:filter .25s, opacity .25s, transform .25s}
.tile:hover img.logo{filter:none;opacity:1;transform:scale(1.04)}

/* insights */
.cover{position:relative;height:200px;border-radius:12px;overflow:hidden;background:#e3f4fb}
.cover i{position:absolute;display:block}
.cover.c1{background:#e3f4fb}
.cover.c2{background:#0e2233}
.cover.c3{background:#1777bc}
.cover.c4{background:#f6fafd;border:1px solid #d5e3ef}
.ins-card{display:flex;flex-direction:column;gap:14px;text-decoration:none}
.site .ins-card{color:#0e2233}
.ins-card .t{font-size:20px;line-height:28px;font-weight:600;letter-spacing:-0.01em}
.ins-card:hover .t{color:#1777bc;text-decoration:underline;text-underline-offset:3px}
.ins-card .meta{display:flex;gap:10px;align-items:center;flex-wrap:wrap}
.tabs{display:flex;flex-wrap:wrap;gap:8px}
.tabs button{display:inline-flex;align-items:center;gap:8px;min-height:44px;padding:0 18px;border:1px solid #6b8499;border-radius:9999px;background:#ffffff;font:500 15px/1 var(--font-sans);color:#0e2233;cursor:pointer}
.tabs button:hover{border-color:#1777bc;color:#1777bc}
.tabs button span{font-family:var(--font-cond);font-weight:700;font-size:13px;color:#4a5f72}
.tabs button[aria-pressed="true"]{background:#0e2233;border-color:#0e2233;color:#ffffff}
.tabs button[aria-pressed="true"] span{color:#c9d8e4}

/* article */
.art-grid{display:grid;grid-template-columns:minmax(0,260px) minmax(0,720px) minmax(0,1fr);gap:56px;align-items:start}
.toc{position:sticky;top:108px;display:flex;flex-direction:column;gap:4px;padding-inline-start:16px;border-inline-start:2px solid #d5e3ef}
.toc a{padding:6px 0;font-size:14px;line-height:20px;text-decoration:none}
.site .toc a{color:#4a5f72}
.site .toc a:hover{color:#1777bc}
.prose{font-size:18px;line-height:31px;color:#22374a}
.prose h2{margin:56px 0 16px;font-size:30px;line-height:38px;font-weight:600;letter-spacing:-0.02em;color:#0e2233}
.prose h2:first-child{margin-top:0}
.prose p{margin:0 0 20px}
.prose ul{margin:0 0 20px;padding-inline-start:22px}
.prose li{margin-bottom:8px}
.prose blockquote{margin:36px 0;padding:28px 32px;border-radius:16px;background:#e3f4fb;font-size:24px;line-height:34px;font-weight:600;letter-spacing:-0.01em;color:#0e2233}
.prose blockquote cite{display:block;margin-top:12px;font-size:14px;line-height:20px;font-style:normal;font-weight:500;color:#4a5f72}
.dims{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;margin:28px 0 36px}
.dims div{padding:22px;border:1px solid #d5e3ef;border-radius:14px;background:#ffffff}
.dims b{display:block;font-family:var(--font-cond);font-size:28px;line-height:30px;color:#1777bc}
.dims span{display:block;margin-top:6px;font-size:16px;line-height:23px;font-weight:600;color:#0e2233}

/* forms */
.form-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}
.form-grid .full{grid-column:1 / -1}
.ct-input{width:100%}
select.ct-input{appearance:auto}
textarea.ct-input{min-height:120px;padding-top:10px;resize:vertical}

/* cta band (component) */
.cta{position:relative;overflow:hidden;padding:88px 0;background:#1777bc;color:#ffffff}
.cta-in{position:relative;z-index:2;display:grid;grid-template-columns:minmax(0,1.3fr) minmax(0,1fr);gap:48px;align-items:center}
.cta .h-sec{color:#ffffff}
.cta .lead{color:#e3f4fb}
.cta-art{position:absolute;right:-80px;top:-80px;width:420px;height:420px;border-radius:120px;border:26px solid rgba(255,255,255,.12);pointer-events:none}
.cta-art::after{content:"";position:absolute;left:-120px;bottom:20px;width:70px;height:70px;border-radius:9999px;background:#29aae1}
.cta-btn{display:inline-flex;align-items:center;justify-content:center;gap:10px;min-height:52px;padding:0 24px;border-radius:8px;background:#ffffff;font-size:16px;font-weight:600;text-decoration:none}
.site .cta-btn{color:#1777bc}
.site .cta-btn:hover{background:#e3f4fb;color:#13629c}
.cta-ghost{display:inline-flex;align-items:center;gap:10px;min-height:52px;padding:0 20px;border:1px solid rgba(255,255,255,.6);border-radius:8px;font-size:16px;font-weight:600;text-decoration:none}
.site .cta-ghost{color:#ffffff}
.site .cta-ghost:hover{background:rgba(255,255,255,.1);color:#ffffff}

/* footer (component) */
.ftr{padding:80px 0 32px;background:#f6fafd;border-top:1px solid #d5e3ef;font-family:var(--font-sans)}
.ftr-grid{display:grid;grid-template-columns:minmax(0,1.5fr) repeat(4,minmax(0,1fr));gap:40px}
.ftr ul{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:10px;font-size:14px;line-height:21px}
.ftr a{text-decoration:none}
.site .ftr a{color:#0e2233}
.site .ftr a:hover{color:#1777bc}
.ftr h2{margin:0 0 14px;font-size:13px;line-height:16px;font-weight:600;color:#4a5f72}
.ftr-base{display:flex;justify-content:space-between;gap:16px;flex-wrap:wrap;margin-top:56px;padding-top:24px;border-top:1px solid #d5e3ef;font-size:13px;color:#4a5f72}
.site .ftr-base a{color:#4a5f72}

/* map */
.map{position:relative;height:100%;min-height:420px;border-radius:20px;overflow:hidden;background:#eef4f8;background-image:linear-gradient(#dbe7f0 1px, transparent 1px),linear-gradient(90deg, #dbe7f0 1px, transparent 1px);background-size:44px 44px}
.map i{position:absolute;display:block;background:#ffffff;border:1px solid #d0dde8}
.pin{position:absolute;left:52%;top:46%;width:64px;height:64px;margin:-32px;border-radius:9999px;background:rgba(23,119,188,.18);display:grid;place-items:center}
.pin::after{content:"";width:22px;height:22px;border-radius:9999px;background:#1777bc;border:4px solid #ffffff;box-shadow:0 6px 14px rgba(14,34,51,.35)}
.pin-card{position:absolute;left:calc(52% + 28px);top:calc(46% - 96px);padding:14px 16px;background:#ffffff;border:1px solid #d5e3ef;border-radius:12px;box-shadow:0 16px 30px -16px rgba(14,34,51,.4);font-size:14px;line-height:20px}

/* other-solutions strip */
.next{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px}
.next a{display:flex;justify-content:space-between;align-items:center;gap:12px;min-height:64px;padding:16px 20px;border:1px solid #d5e3ef;border-radius:12px;background:#ffffff;font-size:15px;line-height:21px;font-weight:600;text-decoration:none}
.site .next a{color:#0e2233}
.site .next a:hover{border-color:#1777bc;color:#1777bc}

/* ---------- responsive ---------- */
@media (max-width:1180px){
  .hdr-nav,.hdr-act .hide-m{display:none}
  .burger{display:inline-flex}
  .phero-grid,.split,.split.wide,.cta-in{grid-template-columns:minmax(0,1fr)}
  .phero-grid{min-height:0}
  .iso{height:420px}
  .g4,.g3{grid-template-columns:repeat(2,minmax(0,1fr))}
  .tiles{grid-template-columns:repeat(4,minmax(0,1fr))}
  .facts{grid-template-columns:repeat(2,minmax(0,1fr))}
  .facts>div:nth-child(3){padding-inline-start:0;border-inline-start:0}
  .ftr-grid{grid-template-columns:repeat(3,minmax(0,1fr))}
  .ftr-grid>div:first-child{grid-column:1 / -1}
  .art-grid{grid-template-columns:minmax(0,1fr)}
  .toc{display:none}
  .next{grid-template-columns:repeat(2,minmax(0,1fr))}
}
@media (max-width:760px){
  .wrap{padding-inline:16px}
  .mnav{padding-inline:16px}
  .sec{padding:72px 0}
  .h-page{font-size:38px;line-height:44px}
  .h-sec{font-size:30px;line-height:36px}
  .iso{height:340px;--gap:44px}
  .iso-in{scale:.72}
  .call{display:none}
  .g2,.g3,.g4,.vs,.form-grid,.dims{grid-template-columns:minmax(0,1fr)}
  .rl.two,.next{grid-template-columns:minmax(0,1fr)}
  .rl.two li:nth-child(2){border-top:0}
  .tiles,.tiles.c4{grid-template-columns:repeat(2,minmax(0,1fr))}
  .facts,.facts.c3{grid-template-columns:minmax(0,1fr)}
  .facts>div{padding:16px 0}
  .facts>div+div{padding-inline-start:0;border-inline-start:0;border-top:1px solid #d5e3ef}
  .vs>div{padding:28px}
  .ftr-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
  .hdr-logo img{width:150px;height:25px}
}
@media (prefers-reduced-motion: reduce){
  .iso-in,.call{animation:none}
  .ly,a.card,.go svg{transition:none}
}