/* Sociopack — C · Konsept: inner page kit. Tokens come from c.css. The pinwheel petals are the recurring device. */

/* header: dropdowns inside the pill, burger, mobile menu */
.pill{gap:4px}
.pill > a{display:flex;align-items:center;margin-right:6px}
.pill nav{display:flex;align-items:center;gap:2px;margin-left:10px}
.cdd{position:relative}
.cdd > button{display:inline-flex;align-items:center;gap:4px;height:38px;padding:0 12px;border-radius:99px;font-weight:600;font-size:15px;color:var(--ink);transition:background .25s}
.cdd > button svg{width:15px;height:15px;fill:none;stroke:currentColor;stroke-width:2.2;transition:rotate .3s}
.cdd > button:hover,.cdd.open > button{background:#E6EFF9}
.cdd.open > button svg{rotate:180deg}
.cdd.cur > button{background:var(--ink);color:#fff}
.pill nav a.pl[aria-current]{background:var(--ink);color:#fff}
.cdd-panel{position:absolute;top:calc(100% + 14px);left:-10px;width:360px;padding:10px;border-radius:26px;background:#fff;box-shadow:0 30px 70px -30px rgba(14,26,68,.45);display:grid;gap:2px;opacity:0;visibility:hidden;translate:0 8px;transition:opacity .25s,translate .35s var(--ease),visibility .25s}
.cdd.open .cdd-panel{opacity:1;visibility:visible;translate:0 0}
.pill nav .cdd-panel a{display:grid;grid-template-columns:16px 1fr;gap:12px;align-items:start;height:auto;padding:12px 14px;border-radius:16px;font-weight:400}
.pill nav .cdd-panel a:hover{background:var(--pale)}
.cdd-panel a i{width:14px;height:14px;margin-top:4px;border-radius:4px 4px 4px 0;rotate:45deg}
.cdd-panel b{display:block;font:700 15.5px/1.2 var(--f-d)}
.cdd-panel small{display:block;margin-top:2px;font-size:13px;color:var(--ink-2)}
.pill nav .cdd-panel a.all{display:flex;justify-content:space-between;align-items:center;margin-top:4px;padding:12px 14px;background:var(--pale);font-weight:700;font-size:14px}
.cdd-panel a.all .ico{width:16px;height:16px}
.top .btn.icon{width:52px;padding:0}
.top .burger{display:none}
.mnav{position:fixed;inset:0;z-index:58;padding:96px 16px 32px;background:var(--pale);overflow:auto;display:grid;gap:14px;align-content:start;opacity:0;visibility:hidden;transition:opacity .3s,visibility .3s}
.menu-open .mnav{opacity:1;visibility:visible}
.mgroup{display:grid;gap:2px;padding:14px;border-radius:24px;background:#fff}
.mgroup b{font:700 12.5px/1 var(--f-b);letter-spacing:.06em;text-transform:uppercase;color:var(--ink-2);padding:6px 8px 10px}
.mgroup a{display:flex;align-items:center;gap:12px;padding:11px 8px;border-radius:12px;font:700 18px/1.2 var(--f-d)}
.mgroup a i{width:12px;height:12px;border-radius:3px 3px 3px 0;rotate:45deg;flex:none}
.mnav .btn{width:100%}

/* shared */
.wrap{position:relative}
.sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}
.c-sec{padding:clamp(56px,7vw,100px) 0}
.c-head{display:grid;grid-template-columns:minmax(0,7fr) minmax(0,5fr);gap:32px;align-items:end;margin-bottom:clamp(28px,4vw,48px)}
.c-head h2,.h2{font-size:clamp(34px,4vw,60px);margin-top:16px}
.c-head .kick,.c-sec .kick{color:var(--p3)}
.c-head > p{color:var(--ink-2)}
.muted{color:var(--ink-2)}
.tagx{display:inline-flex;align-items:center;height:26px;padding:0 10px;border-radius:99px;background:#FFF2CC;color:#7A5200;font:700 12px/1 var(--f-b)}
.mk{display:block;width:auto;height:100%}
.pt{display:block;width:auto;height:44px}
.ctas{display:flex;flex-wrap:wrap;gap:10px;margin-top:28px}
.empty{padding:28px;border-radius:24px;background:#fff;text-align:center;color:var(--ink-2)}
.empty[hidden]{display:none}
.empty a{color:var(--p3);font-weight:700}
.crumbs{display:flex;flex-wrap:wrap;align-items:center;gap:8px;font-size:14px;font-weight:600;color:var(--ink-2)}
.crumbs a:hover{color:var(--ink)}
.crumbs b{color:var(--ink);font-weight:700}

/* hero */
.c-hero{position:relative;overflow:hidden;padding:120px 0 clamp(56px,7vw,96px);background:var(--pale)}
.c-hero.t-color{background:var(--pc)}
.c-hero.dk,.c-hero.dk .crumbs,.c-hero.dk .crumbs b{color:#fff}
.c-hero.dk .kick{color:rgba(255,255,255,.85)}
.c-hero.t-color:not(.dk) .kick{color:var(--ink)}
.c-hero .in{display:grid;grid-template-columns:minmax(0,6fr) minmax(0,6fr);gap:clamp(32px,5vw,80px);align-items:center;margin-top:clamp(28px,4vw,52px)}
.c-hero.center .in{grid-template-columns:minmax(0,1fr);text-align:center;max-width:900px;margin-left:auto;margin-right:auto}
.c-hero.center .crumbs{justify-content:center}
.c-hero .kick{color:var(--p3)}
.c-hero .h1{font-size:clamp(42px,5.4vw,86px);margin-top:18px}
.c-hero .lead{margin-top:20px;font-size:clamp(17px,1.4vw,20px);color:var(--ink-2);max-width:34em}
.c-hero.center .lead{margin-left:auto;margin-right:auto}
.c-hero.dk .lead{color:rgba(255,255,255,.86)}
.c-hero.t-color:not(.dk) .lead{color:rgba(14,26,68,.82)}
.c-hero.center .ctas{justify-content:center}
.c-hero .ghost{position:absolute;right:-6vw;top:-6vw;width:min(70vw,880px);opacity:.16;pointer-events:none}
.c-hero .ghost svg{width:100%;height:auto;display:block}
.c-hero .vis{position:relative;display:grid;place-items:center}
.c-hero .vis .mock{width:100%;box-shadow:0 50px 90px -40px rgba(5,14,40,.55)}
.c-hero .vis .mk.big{height:min(46vh,440px)}
.c-hero .meta{display:flex;flex-wrap:wrap;justify-content:center;align-items:center;gap:8px 16px;margin-top:22px;font-size:15px;color:var(--ink-2)}
.c-hero:not(.center) .meta{justify-content:flex-start}
.blob{position:relative;display:block;width:100%;aspect-ratio:1;border-radius:46% 46% 46% 8%;overflow:hidden;box-shadow:0 50px 90px -50px rgba(14,26,68,.6)}
.blob img{width:100%;height:100%;object-fit:cover}
.blob .ui-toast{position:absolute;left:18px;bottom:18px}
.blob.sm{aspect-ratio:4/3;border-radius:44% 44% 44% 10%}
.blob.wide{aspect-ratio:21/9;border-radius:220px 32px 32px 32px}
.csearch{position:relative;display:block;max-width:640px;margin:30px auto 0}
.csearch input{width:100%;height:62px;padding:0 24px 0 58px;border-radius:99px;border:0;background:#fff;font:600 17px var(--f-b);color:var(--ink);box-shadow:0 20px 50px -30px rgba(14,26,68,.5)}
.csearch input:focus{outline:none;box-shadow:0 0 0 4px rgba(32,184,221,.35),0 20px 50px -30px rgba(14,26,68,.5)}
.csearch .ico{position:absolute;left:22px;top:50%;translate:0 -50%;width:22px;height:22px;color:var(--p3)}

/* pills (filters, nav chips) */
.pills{display:flex;flex-wrap:wrap;gap:8px;margin-top:26px}
.pills.center{justify-content:center}
.pills a,.pills button{display:inline-flex;align-items:center;gap:8px;height:44px;padding:0 18px;border-radius:99px;background:#fff;font-weight:700;font-size:15px;color:var(--ink);box-shadow:0 10px 24px -18px rgba(14,26,68,.5);transition:background .25s,color .25s}
.pills i{width:11px;height:11px;border-radius:3px 3px 3px 0;rotate:45deg}
.pills small{font-size:12px;color:var(--ink-2)}
.pills button[aria-pressed=true],.pills a.on{background:var(--ink);color:#fff}
.pills a.on small{color:#B6C3E2}

/* service */
.dialmini{display:flex;align-items:center;gap:14px;justify-self:end;padding:10px 18px 10px 10px;border-radius:99px;background:#fff;box-shadow:0 14px 30px -20px rgba(14,26,68,.45);font-weight:700;font-size:14.5px}
.dialmini .mk{height:58px}
.hl4{display:grid;grid-template-columns:repeat(4,1fr);gap:14px}
.hl{padding:26px 22px;border-radius:28px;background:#fff;display:grid;gap:12px;align-content:start;box-shadow:0 30px 60px -48px rgba(14,26,68,.5);transition:translate .45s var(--ease)}
.hl:hover{translate:0 -6px}
.hl i{display:grid;place-items:center;width:52px;height:52px;border-radius:50% 50% 50% 14%;background:var(--pc);color:#fff}
.hl i .ico{width:24px;height:24px}
.hl h3{font-size:22px;letter-spacing:-.02em;line-height:1.1}
.hl p{color:var(--ink-2);font-size:15.5px}
.panel{position:relative;overflow:hidden;padding:clamp(28px,4.5vw,64px);border-radius:36px;background:var(--pc);color:var(--ink)}
.panel.dk,.panel[style*="#263C82"]{color:#fff}
.panel .ghost{position:absolute;right:-60px;bottom:-120px;width:min(48vw,520px);opacity:.16;pointer-events:none}
.panel .ghost .gp{width:100%;height:auto}
.pt-in{position:relative;display:grid;grid-template-columns:minmax(0,5fr) minmax(0,7fr);gap:clamp(28px,5vw,72px);align-items:start}
.panel h2{font-size:clamp(32px,3.6vw,54px);margin-top:16px}
.panel .kick{color:inherit;opacity:.8}
.panel .body p{font-size:18px;opacity:.9}
.panel .body p + p{margin-top:14px}
.panel .pk{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin-top:26px}
.panel .pk a{display:grid;gap:4px;padding:16px;border-radius:20px;background:rgba(255,255,255,.16);transition:background .3s}
.panel .pk a:hover{background:rgba(255,255,255,.28)}
.panel .pk span{font-size:13.5px;opacity:.85}
.panel .pk b{font:800 24px/1 var(--f-d)}
.panel .body small{display:block;margin-top:12px;opacity:.75;font-size:14px}
.sgrid{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}
.sgrid.four{grid-template-columns:repeat(4,1fr)}
.sgrid.five{grid-template-columns:repeat(5,1fr)}
.scard{position:relative;display:grid;gap:8px;padding:24px;border-radius:28px;background:#fff;box-shadow:0 30px 60px -48px rgba(14,26,68,.5);transition:translate .45s var(--ease),background .4s,color .4s}
.scard .mk{height:84px;margin-bottom:10px}
.scard .kick{font-size:13px;color:var(--ink-2)}
.scard b{font:800 24px/1.05 var(--f-d);letter-spacing:-.02em}
.scard .sh{color:var(--ink-2);font-size:15px}
.scard .go{position:absolute;right:20px;top:20px;display:grid;place-items:center;width:44px;height:44px;border-radius:50%;background:var(--pale);transition:background .3s,color .3s}
.scard .go svg{width:18px;height:18px;fill:none;stroke:currentColor;stroke-width:2}
.scard:hover{translate:0 -6px}
.scard:hover .go{background:var(--pc);color:#fff}

/* faq */
.c-faq{display:grid;grid-template-columns:minmax(0,4.5fr) minmax(0,7.5fr);gap:clamp(28px,5vw,80px);align-items:start}
.c-faq h2{font-size:clamp(34px,3.8vw,56px);margin-top:16px}
.c-faq .side > p{margin-top:16px;color:var(--ink-2)}
.ask{display:grid;grid-template-columns:76px 1fr;gap:16px;align-items:center;margin-top:24px;padding:16px;border-radius:24px;background:#fff}
.ask .mk{height:84px}
.ask b{display:block;font:800 18px/1.2 var(--f-d)}
.ask a{display:inline-flex;align-items:center;gap:6px;margin-top:6px;margin-right:12px;font-weight:700;color:var(--p3);font-size:14.5px}
.ask a svg{width:15px;height:15px;fill:none;stroke:currentColor;stroke-width:2}
.c-acc{display:grid;gap:10px}
.c-acc details{border-radius:26px;background:#fff;box-shadow:0 20px 50px -44px rgba(14,26,68,.6);transition:box-shadow .3s}
.c-acc summary{display:grid;grid-template-columns:14px 1fr 34px;gap:14px;align-items:center;padding:20px 22px;font:700 18px/1.3 var(--f-d);cursor:pointer;list-style:none}
.c-acc summary::-webkit-details-marker{display:none}
.c-acc .dot{width:12px;height:12px;border-radius:3px 3px 3px 0;rotate:45deg}
.c-acc .pm{position:relative;width:34px;height:34px;border-radius:50%;background:var(--pale);transition:background .3s}
.c-acc .pm::before,.c-acc .pm::after{content:"";position:absolute;left:50%;top:50%;width:13px;height:2px;border-radius:1px;background:var(--ink);translate:-50% -50%}
.c-acc .pm::after{rotate:90deg;transition:rotate .35s var(--ease)}
.c-acc details[open] .pm{background:var(--ink)}
.c-acc details[open] .pm::before,.c-acc details[open] .pm::after{background:#fff}
.c-acc details[open] .pm::after{rotate:0deg}
.c-acc .ans{overflow:hidden}
.c-acc .ans p{padding:0 22px 22px 50px;color:var(--ink-2);font-size:16px}

/* cta */
.c-cta{padding:0 0 clamp(56px,7vw,100px)}
.c-cta .box{position:relative;overflow:hidden;padding:clamp(32px,5vw,72px);border-radius:40px;background:var(--night);color:#fff}
.c-cta .mk{position:absolute;right:-60px;top:-80px;height:420px;opacity:.5}
.c-cta h2{position:relative;font-size:clamp(32px,4.2vw,64px);max-width:14em}
.c-cta .row{position:relative;display:flex;flex-wrap:wrap;gap:10px;margin-top:30px}
.spin{animation:spin 60s linear infinite;transform-origin:72% 31%}
@keyframes spin{to{rotate:360deg}}

/* hubs */
.c-hero .vis .blob{max-width:480px}
.hubg{display:grid;grid-template-columns:repeat(2,1fr);gap:16px}
.hubc{position:relative;display:grid;gap:10px;align-content:start;min-height:420px;padding:28px;border-radius:36px;background:var(--pc);color:var(--ink);overflow:hidden;transition:translate .45s var(--ease)}
.hubc.dk{color:#fff}
.hubc:first-child{grid-column:1/-1;min-height:360px}
.hubc .top{display:flex;justify-content:space-between;align-items:flex-start}
.hubc .top .mk{height:96px}
.hubc .go{display:grid;place-items:center;width:52px;height:52px;border-radius:50%;background:rgba(255,255,255,.22)}
.hubc .go svg{width:20px;height:20px;fill:none;stroke:currentColor;stroke-width:2}
.hubc .kick{margin-top:12px;opacity:.85;color:inherit}
.hubc b{font:800 clamp(32px,3vw,46px)/1 var(--f-d);letter-spacing:-.025em}
.hubc p{max-width:30em;opacity:.88}
.hubc .peek{position:absolute;right:-30px;bottom:-60px;width:420px;rotate:-4deg;transition:translate .6s var(--ease),rotate .6s var(--ease);pointer-events:none}
.hubc .peek .ui-tag{display:none}
.hubc:first-child .peek{right:40px;bottom:-40px;width:520px}
.hubc:not(:first-child) .peek{opacity:.0}
.hubc:hover{translate:0 -6px}
.hubc:hover .peek{translate:0 -16px;rotate:-2deg}
.hubc:first-child p{max-width:24em}
.solg{display:grid;grid-template-columns:repeat(2,1fr);gap:16px}
.solc{position:relative;display:grid;gap:10px;align-content:start;padding:20px 20px 28px;border-radius:36px;background:#fff;box-shadow:0 30px 60px -48px rgba(14,26,68,.5);transition:translate .45s var(--ease)}
.solc .kick{margin-top:10px;color:var(--ink-2)}
.solc b{font:800 34px/1 var(--f-d);letter-spacing:-.025em}
.solc p{color:var(--ink-2)}
.solc .go{position:absolute;right:34px;top:34px;display:grid;place-items:center;width:52px;height:52px;border-radius:50%;background:var(--pc);color:#fff;z-index:2}
.solc .go svg{width:20px;height:20px;fill:none;stroke:currentColor;stroke-width:2}
.solc:hover{translate:0 -6px}
.netg{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}
.netc{position:relative;display:grid;gap:10px;align-content:start;padding:26px;border-radius:32px;background:#fff;box-shadow:0 30px 60px -48px rgba(14,26,68,.5)}
.netc .mk{position:absolute;right:20px;top:20px;height:70px}
.netc .pfw .pf{width:54px;height:54px;border-radius:16px}
.netc .pfw .pf svg{width:26px;height:26px}
.netc b{font:800 26px/1.1 var(--f-d);margin-top:8px}
.netc p{color:var(--ink-2);font-size:15.5px}

/* solution */
.needs{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:14px}
.need{padding:26px;border-radius:28px;background:#fff;box-shadow:0 30px 60px -48px rgba(14,26,68,.5);display:grid;gap:12px;align-content:start}
.need .pt{height:56px}
.need h3{font-size:22px;letter-spacing:-.02em}
.need p{color:var(--ink-2);font-size:15.5px}
.rec{display:grid;grid-template-columns:auto minmax(0,1fr) minmax(0,1.3fr) auto auto;gap:24px;align-items:center;padding:24px 28px;border-radius:32px;background:#fff;box-shadow:0 30px 60px -48px rgba(14,26,68,.5)}
.rec .pt{height:64px}
.rec .kick{color:var(--p3)}
.rec b{display:block;font:800 30px/1 var(--f-d);margin-top:6px}
.rec small{display:block;color:var(--ink-2);font-size:14px;margin-top:6px}
.rec ul{display:flex;flex-wrap:wrap;gap:6px 16px;font-size:14.5px;font-weight:600}
.rec li{display:flex;align-items:center;gap:6px}
.rec li svg{width:16px;height:16px;fill:none;stroke:var(--p3);stroke-width:2.4}
.rec .pr{font:800 40px/1 var(--f-d);letter-spacing:-.04em;text-align:right}
.rec .pr small{text-align:right}

/* pricing table */
.cmp{margin-top:40px;border-radius:32px;background:#fff;overflow-x:auto;box-shadow:0 30px 60px -48px rgba(14,26,68,.5)}
.cmp table{width:100%;min-width:620px;border-collapse:collapse}
.cmp th,.cmp td{padding:16px 22px;text-align:center;border-top:1px solid #E6EDF6;font-size:15.5px}
.cmp thead th{border-top:0;font:800 19px/1.2 var(--f-d)}
.cmp thead th .pt{height:30px;margin:0 auto 8px}
.cmp thead th:first-child,.cmp th[scope=row]{text-align:left}
.cmp th[scope=row]{font-weight:600}
.cmp td{color:var(--ink-2);font-weight:600}
.cmp .hl{background:rgba(32,184,221,.08)}
.cmp .yes{display:inline-grid;place-items:center;width:30px;height:30px;border-radius:50%;background:var(--p1);color:#fff}
.cmp .yes .ico{width:16px;height:16px;stroke-width:2.6}
.cmp .pr th,.cmp .pr td{font:800 24px/1 var(--f-d);color:var(--ink)}

/* SSS hub */
.fq-c{display:grid;gap:clamp(36px,5vw,56px);margin-top:36px}
.fq{display:grid;grid-template-columns:minmax(0,3.5fr) minmax(0,8.5fr);gap:clamp(24px,4vw,64px);scroll-margin-top:110px}
.fq-h{display:flex;align-items:center;gap:14px;position:sticky;top:100px;align-self:start}
.fq-h .pt{height:50px}
.fq-h h2{font-size:clamp(28px,2.8vw,40px)}
.pills[data-toc]{position:sticky;top:84px;z-index:5;justify-content:center;padding:10px 0;margin-top:0}

/* contact */
.cgrid{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:clamp(24px,4vw,56px);align-items:start}
.ccards{display:grid;grid-template-columns:1fr 1fr;gap:12px}
.cc{display:grid;gap:8px;align-content:start;padding:22px;border-radius:28px;background:#fff;box-shadow:0 30px 60px -48px rgba(14,26,68,.5)}
.cc .pt{height:40px}
.cc .kick{color:var(--ink-2);margin-top:6px}
.cc b{font:800 22px/1.15 var(--f-d);word-break:break-word}
.cc b.sm{font-size:18px}
.cc.wide,.cmap.wide{grid-column:1/-1}
.cmap{position:relative;display:grid;place-items:center;align-content:center;gap:6px;min-height:240px;border-radius:32px;overflow:hidden;text-align:center;background:
  radial-gradient(circle at 50% 46%,rgba(32,184,221,.18),transparent 40%),
  repeating-linear-gradient(0deg,#E1EBF6 0 1px,transparent 1px 36px),repeating-linear-gradient(90deg,#E1EBF6 0 1px,transparent 1px 36px),#fff}
.cmap.tall{min-height:380px}
.cmap .pin{display:block;height:84px;margin-bottom:6px}
.cmap b{font:800 20px/1.2 var(--f-d)}
.cmap a{display:inline-flex;align-items:center;gap:6px;font-weight:700;color:var(--p3)}
.cmap a svg{width:15px;height:15px;fill:none;stroke:currentColor;stroke-width:2}
.cform{display:grid;gap:14px;padding:clamp(22px,3vw,34px);border-radius:36px;background:#fff;color:var(--ink);box-shadow:0 40px 80px -50px rgba(14,26,68,.55)}
.cform .ft{font:800 24px/1.1 var(--f-d)}
.cform label{display:grid;gap:7px;font-weight:600;font-size:14.5px}
.cform input,.cform select,.cform textarea{width:100%;height:52px;padding:0 18px;border-radius:99px;border:1.5px solid #D7E2EF;background:var(--pale);font:500 15.5px var(--f-b);color:var(--ink)}
.cform textarea{height:130px;padding:14px 18px;border-radius:24px;resize:vertical}
.cform input:focus,.cform select:focus,.cform textarea:focus{outline:none;border-color:var(--p1);background:#fff}
.cform .two{display:grid;grid-template-columns:1fr 1fr;gap:12px}
.cform .btn{width:100%}
.cform .opts{display:flex;flex-wrap:wrap;gap:6px}
.cform .opts label{display:inline-flex;align-items:center;gap:8px;height:40px;padding:0 14px;border-radius:99px;background:var(--pale);font-size:13.5px;cursor:pointer}
.cform .opts input{width:16px;height:16px;padding:0;accent-color:var(--ink)}
.cform .opts i{width:10px;height:10px;border-radius:3px 3px 3px 0;rotate:45deg}
.consent{display:flex!important;align-items:flex-start;gap:10px;font-weight:500!important;font-size:13px!important;color:var(--ink-2)}
.consent input{width:18px!important;height:18px!important;padding:0!important;flex:none;margin-top:2px;accent-color:var(--ink)}
.consent a{color:var(--p3);font-weight:700}
.flow{display:grid;gap:12px;margin-top:30px;list-style:none}
.flow li{display:grid;grid-template-columns:44px 1fr;gap:2px 14px;align-items:center;padding:14px 16px;border-radius:24px;background:rgba(255,255,255,.4)}
.flow .pt{grid-row:span 2;height:44px}
.flow b{font:800 18px/1.2 var(--f-d)}
.flow span{font-size:14.5px;opacity:.85}

/* about */
.unf{display:grid;place-items:center}
.facts{display:grid;grid-template-columns:repeat(4,1fr);gap:14px}
.facts > div{display:grid;gap:8px;padding:24px;border-radius:28px;background:#fff;box-shadow:0 30px 60px -48px rgba(14,26,68,.5)}
.facts .pt{height:38px}
.facts b{font:800 54px/1 var(--f-d);letter-spacing:-.04em;margin-top:10px}
.facts span{color:var(--ink-2)}
.four .who{padding-top:86px}

/* blog */
.feat-c{display:grid;grid-template-columns:1fr 1fr;gap:clamp(24px,4vw,64px);align-items:center;padding:clamp(18px,2.4vw,28px);border-radius:40px;background:#fff;box-shadow:0 40px 80px -60px rgba(14,26,68,.55)}
.feat-c .body{display:grid;gap:16px;justify-items:start}
.feat-c b{font:800 clamp(30px,3vw,46px)/1.05 var(--f-d);letter-spacing:-.025em}
.feat-c .ex{color:var(--ink-2);font-size:17px}
.cat{display:inline-flex;align-items:center;gap:8px;font-size:13.5px;font-weight:700;color:var(--ink-2)}
.cat i{width:11px;height:11px;border-radius:3px 3px 3px 0;rotate:45deg;background:var(--pc)}
.pgrid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;margin-top:16px}
.pc{display:grid;gap:10px;align-content:start;padding:14px 14px 24px;border-radius:32px;background:#fff;box-shadow:0 30px 60px -48px rgba(14,26,68,.5);transition:translate .45s var(--ease)}
.pc .img{display:block;aspect-ratio:4/3;border-radius:22px 22px 22px 6px;overflow:hidden;margin-bottom:6px}
.pc .img img{width:100%;height:100%;object-fit:cover;transition:scale .8s var(--ease)}
.pc .cat,.pc b,.pc .ex{padding:0 10px}
.pc b{font:800 22px/1.15 var(--f-d);letter-spacing:-.015em}
.pc .ex{color:var(--ink-2);font-size:15px}
.pc:hover{translate:0 -6px}
.pc:hover .img img{scale:1.05}
.pager{display:flex;justify-content:center;gap:6px;margin-top:40px}
.pager a,.pager span{display:grid;place-items:center;min-width:46px;height:46px;padding:0 14px;border-radius:99px;background:#fff;font-weight:800;font-family:var(--f-d)}
.pager .on{background:var(--ink);color:#fff}
.pager svg{width:18px;height:18px;fill:none;stroke:currentColor;stroke-width:2}
.news{display:grid;grid-template-columns:90px minmax(0,1fr) minmax(0,1.2fr);gap:24px;align-items:center;padding:24px 28px;border-radius:36px;background:#fff}
.news .mk{height:96px}
.news b{display:block;font:800 26px/1.1 var(--f-d)}
.news span{color:var(--ink-2)}
.news form{display:flex;gap:8px}
.news input{flex:1;height:52px;padding:0 20px;border-radius:99px;border:1.5px solid #D7E2EF;background:var(--pale);font:500 15.5px var(--f-b)}

/* article */
.cover-c{max-width:var(--wrap);margin:-40px auto 0;padding:0 var(--gut);position:relative;z-index:1}
.art-c{display:grid;grid-template-columns:260px minmax(0,740px);gap:clamp(32px,5vw,88px);justify-content:center;align-items:start}
.toc-c{position:sticky;top:100px;display:grid;gap:4px;padding:18px;border-radius:28px;background:#fff}
.toc-c b{font:700 12.5px/1 var(--f-b);letter-spacing:.06em;text-transform:uppercase;color:var(--ink-2);padding:6px 8px 8px}
.toc-c a{display:grid;grid-template-columns:12px 1fr;gap:10px;align-items:baseline;padding:9px 10px;border-radius:14px;font-weight:600;font-size:14.5px;color:var(--ink-2);transition:background .25s,color .25s}
.toc-c a i{width:10px;height:10px;border-radius:3px 3px 3px 0;rotate:45deg}
.toc-c a:hover,.toc-c a.on{background:var(--pale);color:var(--ink)}
.prose-c{font-size:18px;line-height:1.75;color:#2A3555}
.prose-c .lead{font-size:21px;line-height:1.55;color:var(--ink);font-weight:600}
.prose-c h2{margin:48px 0 14px;font-size:clamp(28px,2.8vw,40px);line-height:1.05;color:var(--ink);scroll-margin-top:110px}
.prose-c h2:first-child{margin-top:0}
.prose-c p + p{margin-top:16px}
.prose-c ul{display:grid;gap:10px;margin:18px 0;list-style:none}
.prose-c ul li{position:relative;padding-left:28px}
.prose-c ul li::before{content:"";position:absolute;left:4px;top:.6em;width:11px;height:11px;border-radius:3px 3px 3px 0;rotate:45deg;background:var(--p1)}
.prose-c ul li:nth-child(5n+2)::before{background:var(--p2)}
.prose-c ul li:nth-child(5n+3)::before{background:var(--p3)}
.prose-c ul li:nth-child(5n+4)::before{background:var(--p4)}
.prose-c ul li:nth-child(5n+5)::before{background:var(--p5)}
.note-c{display:grid;grid-template-columns:56px 1fr;gap:16px;align-items:center;margin:30px 0;padding:20px 22px;border-radius:28px;background:#fff;font-size:16.5px;line-height:1.6}
.note-c .pt{height:56px}
.note-c b{color:var(--ink)}
.fig-c{margin:28px 0;padding:clamp(18px,3vw,32px);border-radius:32px;background:var(--pc);display:grid;place-items:center}
.share-c{display:flex;flex-wrap:wrap;align-items:center;gap:8px;margin-top:44px;padding:18px 20px;border-radius:99px;background:#fff}
.share-c b{margin-right:8px;font-size:15px}
.share-c a .pf{width:36px;height:36px;border-radius:50%}
.share-c a .pf svg{width:16px;height:16px}
.share-c .btn{height:40px;margin-left:auto;font-size:14px}
.share-c .btn .ico{width:16px;height:16px}

/* help */
.hcg{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}
.hcc{display:grid;gap:10px;align-content:start;padding:24px;border-radius:32px;background:#fff;box-shadow:0 30px 60px -48px rgba(14,26,68,.5)}
.hcc .top{display:flex;justify-content:space-between;align-items:center}
.hcc .ic{display:grid;place-items:center;width:54px;height:54px;border-radius:50% 50% 50% 14%;background:var(--pc);color:#fff}
.hcc .ic .ico{width:24px;height:24px}
.hcc .n{font-size:13px;font-weight:700;color:var(--ink-2)}
.hcc b{font:800 26px/1.1 var(--f-d);margin-top:6px}
.hcc > p{color:var(--ink-2)}
.hcc ul{display:grid;gap:2px;margin-top:6px}
.hcc li a{display:grid;grid-template-columns:10px 1fr;gap:10px;align-items:baseline;padding:9px 10px;border-radius:14px;font-weight:600;font-size:15px}
.hcc li a i{width:9px;height:9px;border-radius:3px 3px 3px 0;rotate:45deg;background:var(--pc)}
.hcc li a:hover{background:var(--pale)}
.hcg .empty{grid-column:1/-1}
.poplist{display:grid;gap:8px}
.poplist a{display:grid;grid-template-columns:1fr auto;gap:2px 12px;align-items:center;padding:16px 20px;border-radius:22px;background:rgba(255,255,255,.14);transition:background .3s}
.poplist a:hover{background:rgba(255,255,255,.26)}
.poplist small{grid-column:1;font-size:13px;opacity:.75}
.poplist b{grid-column:1;font:800 20px/1.2 var(--f-d)}
.poplist svg{grid-column:2;grid-row:1/span 2;width:20px;height:20px;fill:none;stroke:currentColor;stroke-width:2}
.doc-c{display:grid;grid-template-columns:270px minmax(0,1fr);gap:clamp(32px,5vw,88px);align-items:start}
.side-c{position:sticky;top:100px;display:grid;gap:14px;padding:18px;border-radius:28px;background:#fff}
.side-c b{display:flex;align-items:center;gap:10px;font:700 13px/1 var(--f-b);letter-spacing:.04em;text-transform:uppercase;color:var(--ink-2);padding:6px 8px}
.side-c b i{width:10px;height:10px;border-radius:3px 3px 3px 0;rotate:45deg}
.side-c a{display:block;padding:8px 10px;border-radius:12px;font-weight:600;font-size:14.5px;color:var(--ink-2)}
.side-c a:hover{background:var(--pale);color:var(--ink)}
.side-c a.on{background:var(--ink);color:#fff}
.psteps{display:grid;gap:12px;margin:20px 0 8px;list-style:none}
.psteps li{display:grid;grid-template-columns:64px 1fr;gap:18px;align-items:start;padding:20px 22px;border-radius:28px;background:#fff}
.psteps .pt{height:64px}
.psteps b{display:block;font:800 22px/1.15 var(--f-d);color:var(--ink)}
.psteps p{margin-top:6px;font-size:16.5px;line-height:1.6}
.tips-c{display:grid;gap:10px}
.tips-c div{padding:18px 22px;border-radius:24px;background:#fff}
.tips-c b{color:var(--ink);font-size:17.5px}
.tips-c p{margin-top:4px;font-size:16px}
.helpful-c{display:flex;flex-wrap:wrap;align-items:center;gap:10px;margin-top:36px;padding:14px 14px 14px 24px;border-radius:99px;background:var(--ink);color:#fff;font-weight:700}
.helpful-c .q{margin-right:auto}
.helpful-c button{height:44px;padding:0 22px;border-radius:99px;background:rgba(255,255,255,.12);color:#fff;font-weight:700}
.helpful-c button.on{background:var(--p1);color:var(--ink)}

/* legal */
.legal-c p{font-size:16.5px}
.ghost-lines{display:grid;gap:10px}
.ghost-lines i{display:block;height:12px;border-radius:99px;background:#E1EAF5}
.ghost-lines i:nth-child(3n){width:70%}
.ghost-lines i:nth-child(3n+2){width:88%}

/* search */
.src{display:grid;gap:12px;max-width:900px;margin:0 auto}
.src a{position:relative;display:grid;gap:6px;padding:22px 80px 22px 26px;border-radius:30px;background:#fff;box-shadow:0 30px 60px -48px rgba(14,26,68,.5);transition:translate .4s var(--ease)}
.src b{font:800 24px/1.15 var(--f-d)}
.src p{color:var(--ink-2)}
.src mark{background:#C9F1FA;color:inherit;border-radius:6px;padding:0 4px}
.src small{color:#8A97B4}
.src .go{position:absolute;right:22px;top:50%;translate:0 -50%;display:grid;place-items:center;width:46px;height:46px;border-radius:50%;background:var(--pc);color:#fff}
.src .go svg{width:18px;height:18px;fill:none;stroke:currentColor;stroke-width:2}
.src a:hover{translate:6px 0}

/* states */
.state-c{min-height:86vh;display:grid;place-items:center;text-align:center;padding:130px 0 80px;background:var(--pale)}
.state-c .wrap{display:grid;justify-items:center}
.state-c .h1{font-size:clamp(38px,4.8vw,72px);max-width:15em;margin-top:16px}
.state-c > .wrap > p{margin-top:18px;max-width:36em;color:var(--ink-2);font-size:18px}
.state-c .kick{color:var(--p3);margin-top:24px}
.state-c .row{display:flex;flex-wrap:wrap;justify-content:center;gap:10px;margin-top:28px}
.state-c .csearch{width:100%}
.lost{position:relative;height:clamp(180px,26vh,260px);display:grid;place-items:center}
.lost .mk{height:100%}
.lost .fallen{position:absolute;right:-90px;bottom:-10px;rotate:28deg}
.lost .fallen .pt{height:90px}
.okm .mk{height:clamp(160px,24vh,240px)}
.spin2{animation:spin 6s cubic-bezier(.6,0,.2,1) infinite;transform-origin:72% 31%}

/* glossary */
.azc{position:sticky;top:84px;z-index:5;display:flex;flex-wrap:wrap;justify-content:center;gap:4px;padding:10px;margin:0 auto;border-radius:99px;background:#fff;width:max-content;max-width:100%;box-shadow:0 14px 30px -24px rgba(14,26,68,.5)}
.azc a,.azc span{display:grid;place-items:center;width:38px;height:38px;border-radius:50%;font:800 16px/1 var(--f-d)}
.azc a{background:var(--pale)}
.azc a:hover{background:var(--ink);color:#fff}
.azc span{color:#C1CBDB}
.tgs{display:grid;gap:36px;margin-top:40px}
.tg{display:grid;grid-template-columns:110px minmax(0,1fr);gap:clamp(20px,3vw,40px);scroll-margin-top:150px}
.tg .L{display:grid;place-items:center;width:96px;height:96px;border-radius:50% 50% 50% 14%;background:var(--pc);color:#fff;font:800 48px/1 var(--f-d)}
.tg dl{display:grid;grid-template-columns:repeat(2,1fr);gap:12px}
.tg dl > div{padding:20px 22px;border-radius:26px;background:#fff}
.tg dt{font:800 21px/1.2 var(--f-d)}
.tg dd{margin-top:6px;color:var(--ink-2);font-size:15.5px}

/* careers */
.jobs-c{display:grid;gap:10px}
.jc{display:grid;grid-template-columns:56px minmax(0,1fr) auto auto 52px;gap:18px;align-items:center;padding:18px 18px 18px 22px;border-radius:32px;background:#fff;box-shadow:0 30px 60px -48px rgba(14,26,68,.5);transition:translate .4s var(--ease)}
.jc .pt{height:52px}
.jc b{display:block;font:800 24px/1.1 var(--f-d)}
.jc small{color:var(--ink-2)}
.jc .tg{height:36px;display:inline-flex;align-items:center;padding:0 14px;border-radius:99px;background:var(--pale);font-weight:600;font-size:13.5px}
.jc .go{display:grid;place-items:center;width:52px;height:52px;border-radius:50%;background:var(--pc);color:#fff}
.jc .go svg{width:18px;height:18px;fill:none;stroke:currentColor;stroke-width:2}
.jc:hover{translate:6px 0}
.panel .cform{background:#fff}
.job-c{display:grid;grid-template-columns:minmax(0,1fr) 360px;gap:clamp(32px,5vw,88px);align-items:start}
.apply-c{position:sticky;top:100px;display:grid;gap:14px;padding:26px;border-radius:36px;background:#fff;box-shadow:0 40px 80px -60px rgba(14,26,68,.55)}
.apply-c .mk{height:90px}
.apply-c > b{font:800 28px/1.1 var(--f-d)}
.apply-c dl{display:grid}
.apply-c dl div{display:flex;justify-content:space-between;gap:12px;padding:12px 0;border-bottom:1px solid #E6EDF6;font-size:15px}
.apply-c dt{color:var(--ink-2)}
.apply-c dd{font-weight:700;text-align:right}
.apply-c .btn{width:100%}

/* footer */
.c-foot{position:relative;overflow:hidden;background:var(--night);color:#B6C3E2;padding:clamp(64px,8vw,96px) 0 28px;font-size:15px}
.c-foot .cols{position:relative;z-index:1;display:grid;grid-template-columns:1.5fr repeat(4,1fr);gap:32px}
.c-foot img{height:30px;width:auto}
.brand-col p{margin-top:14px;max-width:22em}
.c-foot .ct{display:grid;gap:10px;margin-top:20px;font-size:14px}
.c-foot .ct li{display:flex;gap:10px}
.c-foot .ct .ico{width:17px;height:17px;color:var(--p1);margin-top:2px}
.c-foot h4{font:700 13px/1 var(--f-b);letter-spacing:.06em;text-transform:uppercase;color:#fff;margin-bottom:14px}
.c-foot ul{display:grid;gap:9px}
.c-foot a:hover{color:#fff}
.c-foot .social{margin-top:22px}
.c-foot .bot{position:relative;z-index:1;display:flex;justify-content:space-between;flex-wrap:wrap;gap:12px;margin-top:56px;padding-top:24px;border-top:1px solid rgba(255,255,255,.12);font-size:14px;color:#8D9CC0}
.c-foot .bot nav{display:flex;flex-wrap:wrap;gap:8px 18px}
.c-foot .mk{position:absolute;right:-80px;bottom:-140px;height:520px;width:auto;opacity:.12;pointer-events:none}
.cookie{position:fixed;left:16px;right:16px;bottom:16px;z-index:70;max-width:760px;margin:0 auto;display:flex;align-items:center;gap:16px;padding:14px 14px 14px 18px;border-radius:99px;background:#fff;box-shadow:0 30px 70px -30px rgba(14,26,68,.5);font-size:14.5px;color:var(--ink-2)}
.cookie[hidden]{display:none}
.cookie .pt{height:40px;flex:none}
.cookie a{color:var(--p3);font-weight:700}
.cookie div{display:flex;gap:8px;flex:none}
.cookie .btn{height:42px;padding:0 16px;font-size:14px}

/* home: link from chapters */
.chap-link{display:inline-flex;align-items:center;gap:8px;margin-top:22px;font-weight:700;border-bottom:2px solid currentColor;padding-bottom:2px}
.chap-link svg{width:18px;height:18px;fill:none;stroke:currentColor;stroke-width:2}

@media (max-width:1100px){
  .pill nav{display:none}
  .pill{padding-right:20px}
  .top .r .burger{display:inline-flex}
  .top .r a.btn--glass{display:none}
  .hl4,.facts{grid-template-columns:repeat(2,1fr)}
  .sgrid.five{grid-template-columns:repeat(3,1fr)}
  .c-foot .cols{grid-template-columns:1fr 1fr 1fr}
  .c-foot .brand-col{grid-column:1/-1}
}
@media (max-width:980px){
  .c-hero .in,.c-head,.pt-in,.c-faq,.cgrid,.feat-c,.art-c,.doc-c,.job-c,.fq,.news{grid-template-columns:minmax(0,1fr)}
  .c-hero .vis .mk.big{height:280px}
  .sgrid,.sgrid.four,.netg,.hcg,.pgrid,.hubg,.solg{grid-template-columns:repeat(2,1fr)}
  .hubc:first-child{grid-column:auto}
  .hubc .peek{display:none}
  .rec{grid-template-columns:auto 1fr;}
  .rec ul,.rec .pr,.rec .btn{grid-column:1/-1}
  .rec .pr{text-align:left}
  .toc-c,.side-c,.apply-c,.fq-h{position:static}
  .art-c .toc-c{display:none}
  .dialmini{justify-self:start}
  .tg{grid-template-columns:1fr}
}
@media (max-width:640px){
  .top .r .btn--ink{display:none}
  .hl4,.facts,.sgrid,.sgrid.four,.sgrid.five,.netg,.hcg,.pgrid,.hubg,.solg,.ccards,.tg dl,.cform .two,.panel .pk{grid-template-columns:minmax(0,1fr)}
  .c-hero{padding-top:96px}
  .c-hero .h1{font-size:clamp(34px,9.6vw,46px)}
  .hubc{min-height:0}
  .jc{grid-template-columns:44px minmax(0,1fr) 44px}
  .jc .tg{display:none}
  .jc .pt{height:42px}
  .jc .go{width:44px;height:44px}
  .cookie{flex-direction:column;align-items:stretch;border-radius:28px}
  .cookie .pt{display:none}
  .cookie .btn{flex:1}
  .news form{flex-direction:column}
  .c-foot .cols{grid-template-columns:1fr 1fr}
  .share-c{border-radius:28px}
  .share-c .btn{margin-left:0}
  .lost .fallen{right:-30px}
  .lost .fallen .pt{height:64px}
  .c-cta .mk{height:260px}
  .src a{padding-right:26px}
  .src .go{display:none}
  .pills[data-toc]{justify-content:flex-start;flex-wrap:nowrap;overflow-x:auto}
  .pills[data-toc] a{flex:none}
  .azc{border-radius:24px}
  .azc a,.azc span{width:32px;height:32px;font-size:14px}
  .blob.wide{border-radius:120px 24px 24px 24px;aspect-ratio:16/10}
}
@media (prefers-reduced-motion:reduce){.spin,.spin2{animation:none}}