/* [cta-rhythm-sync] */
:root{--sec:clamp(84px,8.6vw,136px)}

#waitlist .cta-band,.cta-band{padding-top:var(--sec)!important;padding-bottom:var(--sec)!important}

/* [rhythm-pass-10] */
/* quote -> see it live: tighter */
.section[data-screen-label="Live demo intro"]{padding-top:clamp(80px,8.4vw,140px)!important}
/* headline -> interactive element: a touch more air */
#work{margin-top:clamp(50px,5.2vw,84px)!important}
/* interactive element -> security: match the security -> explore gap */
.section[data-screen-label="Security home"]{margin-top:clamp(96px,11.5vw,176px)!important}
/* hero video -> team-from strip */
#product{margin-bottom:clamp(56px,6vw,104px)!important}
/* [dark-tail] */
/* from the world map to the footer: one continuous dark band */
#reach,#waitlist,#waitlist .cta-band,.cta-band{background:#1B1B1B!important}
/* no light sliver between the map, the band and the footer */
#reach{margin-bottom:0!important;padding-bottom:0!important}
#waitlist{margin-top:0!important}

#waitlist .cta-band{border-color:rgba(247,245,242,.12)!important}
#reach .lsec,#reach h2,#reach h3,.cta-band h2{color:#F7F5F2!important}
#reach{color:#F7F5F2}
#reach .lsec span{color:rgba(247,245,242,.62)!important}
#reach .kicker,.band-kicker,.band-note{color:rgba(247,245,242,.58)!important}
#reach p{color:rgba(247,245,242,.72)!important}
#reach a{color:#F7F5F2}
#reach a:hover{color:rgba(247,245,242,.75)}
#reach .map-legend button{color:rgba(247,245,242,.85)!important;border-color:rgba(247,245,242,.2)!important}
#map text{fill:#F7F5F2!important;stroke:#1B1B1B!important}
#map.hl .d.on{fill:#9fb7f0!important}
#map.hl .d{fill:rgba(247,245,242,.22)!important}
.wl input{background:rgba(247,245,242,.07)!important;border-color:rgba(247,245,242,.22)!important;color:#F7F5F2!important}
.wl input::placeholder{color:rgba(247,245,242,.5)!important}
.wl .btn.primary{background:#F7F5F2!important;border-color:#F7F5F2!important;color:#1B1B1B!important}
.wl .btn.primary:hover{background:#fff!important;color:#1B1B1B!important}
/* the waitlist band inherits the same dark treatment (beats the earlier id rules) */
#waitlist .cta-band h2,#waitlist .cta-band h2 span,#waitlist .cta-band p{color:#F7F5F2!important}
#waitlist .cta-band .band-kicker{color:rgba(247,245,242,.58)!important}
#waitlist .cta-band .band-note{color:rgba(247,245,242,.58)!important}

#waitlist .cta-band .wl{background:transparent!important;border:0!important;border-bottom:1px solid rgba(247,245,242,.26)!important;border-radius:0!important;box-shadow:none!important;padding:6px 0 10px!important}
#waitlist .cta-band .wl:focus-within{border-bottom-color:rgba(247,245,242,.55)!important}
#waitlist .cta-band .wl input{color:#F7F5F2!important;background:transparent!important}
#waitlist .cta-band .wl input::placeholder{color:rgba(247,245,242,.5)!important}
#waitlist .cta-band .wl .btn.primary,#waitlist .cta-band .wl .btn.primary:hover{color:#F7F5F2!important}
/* footer: square top; sign-off sits just above the closing hairline */
footer{border-radius:0!important}

@media(max-width:820px){
  footer .typeline{text-align:center!important}
}
/* [v2-editorial] */
/* ============ HOMEPAGE v2, editorial redesign ============
   pure-white ground, black chapters carrying Hive blue,
   product demos untouched and re-set on new grounds        */

/* ---- ground: white white ---- */
html,body{background:#FFFFFF!important}
.herowrap{background:#FFFFFF!important}
.herowrap::before{display:none!important}
main#main>.section,.section,.solband,.capsx,.logomq{background-color:#FFFFFF}
nav.topnav.scrolled{background:rgba(255,255,255,.74)!important;border-bottom-color:rgba(27,27,27,.06)!important}
/* ---- the mist field: one Hive-blue weather system, reused ---- */
.mist{position:absolute;inset:-12% -6%;z-index:0;overflow:hidden;pointer-events:none}
.mist i{position:absolute;left:-25%;width:150%;height:46%;border-radius:50%;will-change:transform;animation:mistdrift 52s ease-in-out infinite alternate}

.mist i:nth-child(2){animation-duration:42s;animation-direction:alternate-reverse}
.mist i:nth-child(3){animation-duration:58s}
.mist i:nth-child(4){animation-duration:48s;animation-direction:alternate-reverse}
.mist::after{content:"";position:absolute;inset:0}

@keyframes mistdrift{from{transform:translate3d(-4%,0,0) rotate(-3deg) scaleY(1)}to{transform:translate3d(5%,3%,0) rotate(3deg) scaleY(1.22)}}

@media(prefers-reduced-motion:reduce){.mist i{animation:none}}
/* ---- chapter 1: the opener, black with weather ---- */
.opener{position:relative;isolation:isolate;overflow:hidden;background:#07080B;padding:clamp(132px,16vh,196px) 0 clamp(64px,6.5vw,104px)}
.opener-in{position:relative}
.opener header.hero{padding-top:clamp(20px,3vh,46px)!important;padding-bottom:clamp(34px,3.8vw,56px)!important}
.opener header.hero h1{color:#F7F5F2}

.opener header.hero p.lede{color:rgba(247,245,242,.7)}
.opener .btn.primary{background:#F7F5F2;color:#0B0C10!important;border-color:#F7F5F2}
.opener .btn.primary:hover{background:#fff;color:#0B0C10!important;box-shadow:0 14px 34px rgba(0,0,0,.45)}
.opener .btn.secondary{background:rgba(247,245,242,.09);color:#F7F5F2!important;border-color:rgba(247,245,242,.22)}
.opener .btn.secondary:hover{background:rgba(247,245,242,.17);color:#fff!important}
.opener #product{margin:0 auto!important}
.opener #product .hvid>div{box-shadow:0 44px 100px rgba(0,0,0,.6)!important;border:1px solid rgba(247,245,242,.1)}
/* nav reads light while it sits on the black opener */
nav.topnav:not(.scrolled):not(:hover):not(:focus-within) .tn-logo{filter:invert(1)}
nav.topnav:not(.scrolled):not(:hover):not(:focus-within) .tn-links a,
nav.topnav:not(.scrolled):not(:hover):not(:focus-within) .tn-links .ndl{color:#F7F5F2!important}

/* ---- chapter 2: proof strip, then capabilities as hairline panels ---- */
.logomq{border-bottom:1px solid rgba(27,27,27,.08)}
.logomq .eyebrow{color:var(--stone-4)!important}
#capabilities .capmosaic{border-top:1px solid rgba(27,27,27,.1);border-bottom:1px solid rgba(27,27,27,.1)}
#capabilities .cap-tile{border-radius:0!important;background:#FFFFFF!important}
#capabilities .capmosaic>.cap-tile:nth-child(1),
#capabilities .capmosaic>.cap-tile:nth-child(4),
#capabilities .capmosaic>.cap-tile:nth-child(6){background:radial-gradient(36rem 20rem at 18% 0%,rgba(77,110,156,.55),transparent 62%),radial-gradient(30rem 18rem at 92% 100%,rgba(159,183,240,.2),transparent 66%),linear-gradient(160deg,#0A0B0F 0%,#12151d 55%,#1a2130 100%)!important}
#capabilities .cap-head{padding:0 clamp(20px,2.2vw,36px)}
#capabilities .cap-head h3{margin:0 0 10px!important}
#capabilities .cap-head h3::before{content:attr(data-n);font-family:var(--f-ui);font-size:11.5px;font-weight:500;letter-spacing:.22em;color:var(--stone-4);margin-bottom:14px}
#capabilities .cap-head p{margin:0!important;max-width:36ch;opacity:1!important;color:var(--stone-6)!important}
#capabilities .capmosaic>.cap-tile:nth-child(1) .cap-head h3,
#capabilities .capmosaic>.cap-tile:nth-child(4) .cap-head h3,
#capabilities .capmosaic>.cap-tile:nth-child(6) .cap-head h3{color:#F7F5F2!important}
#capabilities .capmosaic>.cap-tile:nth-child(1) .cap-head p,
#capabilities .capmosaic>.cap-tile:nth-child(4) .cap-head p,
#capabilities .capmosaic>.cap-tile:nth-child(6) .cap-head p{color:rgba(247,245,242,.66)!important}
#capabilities .capmosaic>.cap-tile:nth-child(1) .cap-head h3::before,
#capabilities .capmosaic>.cap-tile:nth-child(4) .cap-head h3::before,
#capabilities .capmosaic>.cap-tile:nth-child(6) .cap-head h3::before{color:rgba(247,245,242,.45)}
/* ---- solution: white ground, the blue lives in the stage ---- */
.solband{background:#FFFFFF!important}
/* ---- security: black chapter with the same weather ---- */
.sechome{background:radial-gradient(50rem 22rem at 14% 0%,rgba(77,110,156,.5),transparent 64%),radial-gradient(44rem 20rem at 88% 100%,rgba(159,183,240,.2),transparent 66%),linear-gradient(160deg,#0A0B0F 0%,#131720 58%,#1a2130 100%)!important}
/* ---- closing chapter: blue light bleeding into the CTA, then footer black ---- */
#waitlist{position:relative;isolation:isolate;overflow:hidden}
#waitlist .cta-band{position:relative;z-index:1;background:transparent!important}
#waitlist::after{content:"";position:absolute;inset:0;z-index:0;pointer-events:none}
/* [v2-editorial-fix] */
/* hero headline on the black opener (beats the earlier ink !important passes) */
.opener header.hero h1{color:#F7F5F2!important}
.opener header.hero h1 em{color:rgba(247,245,242,.48)!important}
.opener header.hero h1 .dot{color:#9FB7F0!important}
.opener .reveal.in{opacity:1!important;transform:none!important}
/* capability panels: square hairline panels, recoloured off ondark/onlight */
#capabilities .capmosaic>.cap-tile{border-radius:0!important;box-shadow:none!important;border:0!important;background:#FFFFFF!important}
#capabilities .capmosaic>.cap-tile.ondark{background:radial-gradient(36rem 20rem at 18% 0%,rgba(77,110,156,.55),transparent 62%),radial-gradient(30rem 18rem at 92% 100%,rgba(159,183,240,.2),transparent 66%),linear-gradient(160deg,#0A0B0F 0%,#12151d 55%,#1a2130 100%)!important}
#capabilities .capmosaic>.cap-tile.ondark .cap-head h3{color:#F7F5F2!important}
#capabilities .capmosaic>.cap-tile.ondark .cap-head p{color:rgba(247,245,242,.66)!important}
#capabilities .capmosaic>.cap-tile.ondark .cap-head h3::before{color:rgba(247,245,242,.45)!important}
#capabilities .capmosaic>.cap-tile:not(.ondark) .cap-head h3{color:#141a2e!important}
#capabilities .capmosaic>.cap-tile:not(.ondark) .cap-head p{color:var(--stone-6)!important}
/* security: the black chapter, and its type re-lightened */
main .section.sechome,.section.sechome{background:radial-gradient(50rem 22rem at 14% 0%,rgba(77,110,156,.5),transparent 64%),radial-gradient(44rem 20rem at 88% 100%,rgba(159,183,240,.2),transparent 66%),linear-gradient(160deg,#0A0B0F 0%,#131720 58%,#1a2130 100%)!important}
.section.sechome .kicker,.section.sechome .sec-kick{color:rgba(247,245,242,.6)!important}
.section.sechome .lsec,.section.sechome .lsec span,.section.sechome .lhead h2{color:#F7F5F2!important}
.section.sechome .sec-sub{color:rgba(247,245,242,.7)!important}
.section.sechome .seclist>*{border-top-color:rgba(247,245,242,.2)!important}
.section.sechome .seclist h3{color:#F7F5F2!important}
.section.sechome .seclist p{color:rgba(247,245,242,.68)!important}
.section.sechome .seclink{color:#F7F5F2!important;border-bottom-color:rgba(247,245,242,.4)!important}
.section.sechome .certb.plain circle{fill:#F7F5F2}
.section.sechome .certb.plain g{stroke:#0A0B0F}
/* light panels: white white, beating the earlier nth-child fills */
#capabilities .capmosaic>.cap-tile:not(.ondark):nth-child(n){background:#FFFFFF!important}
/* the numbered eyebrow */
#capabilities .cap-head h3::before{display:block!important}
/* one continuous dark tail: the map shares the CTA's ground */
#reach{background:linear-gradient(180deg,#1B1B1B 0%,#191d26 60%,#171B24 100%)!important}
/* [v2-palette] */
/* ============ investor-deck palette on the dark chapters ============
   charcoal #1B1B1B · navy #16233A · olive #333A2A · deck blue #CFE0F5 */

/* ---- capability tiles: separate, wider, in colour ---- */
#capabilities.capsx .wrap.wide{--railpad:20px;max-width:1860px!important}

/* [v2-tilecolour-final] */
/* Chat + API tiles: deck colour, last word on the cascade */
#capabilities .capmosaic>.cap-tile:nth-child(1):nth-child(1){background:radial-gradient(34rem 20rem at 18% 0%,rgba(77,110,156,.5),transparent 62%),linear-gradient(160deg,#0F1725 0%,#16233A 58%,#1d2f4c 100%)!important}

#capabilities .capmosaic>.cap-tile:nth-child(6):nth-child(6) .cap-head h3{color:#F7F5F2!important}
#capabilities .capmosaic>.cap-tile:nth-child(6):nth-child(6) .cap-head p{color:rgba(247,245,242,.66)!important}
#capabilities .capmosaic>.cap-tile:nth-child(6):nth-child(6) .stk>h3{color:#F7F5F2!important}
#capabilities .capmosaic>.cap-tile:nth-child(6):nth-child(6) .stk>.sub{color:rgba(247,245,242,.62)!important}
/* no numbers on the tiles */
#capabilities .cap-head h3::before{display:none!important;content:none!important}
/* [v2-tail-smooth] */
/* API tile: deep slate grey instead of olive */
#capabilities .capmosaic>.cap-tile:nth-child(6):nth-child(6){background:radial-gradient(32rem 18rem at 20% 0%,rgba(160,172,186,.16),transparent 64%),linear-gradient(160deg,#23262A 0%,#2E3237 60%,#383D43 100%)!important}
/* quote: one flat ground under the sticky panel, then a soft hand-off to white */
#why{background:#131313!important;position:relative}

#why::after{content:"";position:absolute;left:0;right:0;bottom:0;height:16vh;z-index:3;pointer-events:none;background:linear-gradient(180deg,rgba(19,19,19,0) 0%,rgba(19,19,19,.55) 42%,rgba(120,120,120,.35) 72%,rgba(255,255,255,.8) 92%,#FFFFFF 100%)}
/* get started → footer: one continuous ground */
#reach{background:linear-gradient(180deg,#1B1B1B 0%,#1a1d24 55%,#1a1e28 100%)!important}

#waitlist{padding-bottom:0!important;margin-bottom:0!important}
footer{border-top:0!important}
/* footer blurb: softer */
footer .ftag{color:rgba(247,245,242,.4)!important;line-height:1.65!important;font-size:15px!important}
/* [v2-opener-sky] */
/* the opener: dark night lifting into a real sky blue, with cloud streaks and grain */
.opener{background:linear-gradient(180deg,#080C14 0%,#0E1726 14%,#1B2E4C 30%,#37588A 46%,#5E88BC 60%,#7FA6D8 72%,#96BADF 82%,#A8C6E6 91%,#B4CFEA 100%)!important}

/* streaks: long, low-angle cloud bands */
.mist i{border-radius:44% 56% 48% 52%!important;filter:blur(clamp(30px,4vw,64px))!important}
.mist i:nth-child(1){left:-30%!important;width:170%!important;transform:rotate(-7deg)}
.mist i:nth-child(2){left:-30%!important;width:170%!important;transform:rotate(4deg)}
.mist i:nth-child(3){left:-30%!important;width:170%!important;transform:rotate(-3deg)}
.mist i:nth-child(4){left:-30%!important;width:170%!important;transform:rotate(-5deg)}
/* grain over the whole band */
.opener::after{content:"";position:absolute;inset:0;z-index:1;pointer-events:none;background-image:none;background-size:200px 200px;opacity:.16;mix-blend-mode:overlay}
.opener-in{z-index:3!important}
/* [v2-opener-tune] */
/* more black up top; the lift starts later */
.opener{background:linear-gradient(180deg,#050709 0%,#07090D 22%,#0A0E16 38%,#101A2C 50%,#1D3252 60%,#37588A 70%,#5E88BC 80%,#82A9DA 88%,#9FC1E3 95%,#B0CBE9 100%)!important}

/* air between the buttons and the film */
.opener header.hero{padding-bottom:clamp(70px,7.5vw,120px)!important}
/* [v2-quote-cut] */
/* quote ends on a clean cut, no fade into white */
#why::after{display:none!important}
/* [v2-opener-blue] */
/* black → deep blue → light blue, evenly stepped */
.opener{background:linear-gradient(180deg,#050607 0%,#070A10 16%,#0B1220 30%,#111C33 42%,#182946 52%,#213A62 61%,#2C4E80 69%,#3D659B 76%,#5480B4 83%,#6E9AC9 89%,#8AB3DA 94%,#A3C6E5 98%,#AFCEE9 100%)!important}

/* [v2-quote-strip] */
/* no black strip under the sticky quote panel */
#why{height:104vh!important;background:#131313!important}
#why .mstick{background:radial-gradient(46rem 22rem at 22% 12%,rgba(77,110,156,.42),transparent 64%),radial-gradient(40rem 20rem at 84% 86%,rgba(159,183,240,.14),transparent 66%),linear-gradient(160deg,#0F1725 0%,#16233A 40%,#161821 66%,#131313 84%,#131313 100%)!important}
/* [v2-opener-hold] */
/* hold the dark longer, ease up gently, stop at a mid blue */
.opener{background:linear-gradient(180deg,#050607 0%,#060809 18%,#07090E 32%,#090D15 44%,#0C121E 54%,#101A2B 63%,#152238 71%,#1B2C48 78%,#22385A 84%,#2A456C 89%,#33517D 93%,#3C5C8B 97%,#436396 100%)!important}

.mist i:nth-child(1){opacity:.34!important}
.mist i:nth-child(2){opacity:.3!important}
.mist i:nth-child(3){opacity:.2!important}
/* [v2-opener-pad] */
.opener{padding-top:clamp(180px,21vh,270px)!important}
/* [v2-tail-gap] */
/* the CTA must never animate in — its transform used to expose a white gap under the map */
#waitlist.reveal,#waitlist{opacity:1!important;transform:none!important;transition:none!important}
#waitlist{max-width:none!important;width:100%!important}

#reach{margin-bottom:0!important}
/* [v2-work-note-gap] */
#work::after{margin-top:clamp(52px,5.6vw,86px)!important}
/* [v2-sol-stretch] */
/* the solution list fills the stage height, rows evenly distributed */
.sv-body{align-items:stretch!important}
.sv-tabs{align-self:stretch!important;display:flex!important;flex-direction:column!important;justify-content:stretch!important}
.sv-tabs .sv-tabitem{flex:1 1 0;display:flex;flex-direction:column;justify-content:center}
.sv-tabs .sv-tab{flex:0 0 auto}
/* [v2-tail-blend] */
/* map → get started: one gradient, the glow eased in so no edge shows */
#reach{background:linear-gradient(180deg,#1B1B1B 0%,#1a1d24 45%,#1a1e28 80%,#1b2030 100%)!important}

#waitlist::before{content:""!important;display:block!important;position:absolute;inset:0;z-index:0;pointer-events:none;-webkit-mask-image:linear-gradient(180deg,transparent 0%,rgba(0,0,0,.5) 18%,#000 42%,#000 100%);mask-image:linear-gradient(180deg,transparent 0%,rgba(0,0,0,.5) 18%,#000 42%,#000 100%)}
/* [pwr-gate] */
/* the film opens on a switch: Hive is off until you turn it on */
.pwrgate{position:absolute;inset:0;z-index:4;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:22px;background:radial-gradient(60rem 30rem at 50% 40%,rgba(150,178,208,.28),transparent 68%),linear-gradient(165deg,#8FA3B4 0%,#8598AA 45%,#78899A 100%);transition:opacity .7s ease,backdrop-filter .7s}
.pwrgate.gone{opacity:0;pointer-events:none}
.pwr{display:inline-flex;align-items:center;gap:clamp(28px,4vw,70px);padding:clamp(14px,1.5vw,22px) clamp(20px,2.2vw,32px);border-radius:999px;border:1px solid rgba(255,255,255,.42);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);cursor:pointer;box-shadow:0 20px 50px rgba(20,32,48,.22);transition:background .3s,transform .25s}

.pwr-l{font-family:var(--f-display);font-weight:400;font-size:clamp(26px,3.4vw,54px);letter-spacing:-.015em}
.pwr-sw{display:block;width:clamp(64px,7vw,108px);height:clamp(34px,3.8vw,58px);border-radius:999px;transition:background .35s cubic-bezier(.3,.8,.2,1)}
.pwr-sw i{position:absolute;top:8%;left:3%;width:calc(50% - 2%);height:84%;border-radius:50%;background:#fff;box-shadow:0 4px 12px rgba(20,32,48,.28);transition:transform .35s cubic-bezier(.3,.8,.2,1)}
.pwr.on .pwr-sw{background:#3E9B6C}

.pwr-hint{font-family:var(--f-ui);font-weight:500;letter-spacing:.22em;text-transform:uppercase;transition:opacity .3s}
.pwr.on ~ .pwr-hint{opacity:0}

@media(max-width:700px){.pwr{gap:22px}}
/* [pwr-gate-fix] */
/* darker gate ground so the label and hint read */
.pwrgate{background:radial-gradient(58rem 28rem at 50% 38%,rgba(96,124,152,.5),transparent 68%),linear-gradient(165deg,#3E4E5E 0%,#33414F 48%,#2A3542 100%)!important}
.pwr{background:rgba(12,18,26,.3)!important;border-color:rgba(255,255,255,.34)!important}

.pwr-l{color:#fff!important;text-shadow:0 2px 18px rgba(10,16,24,.5)}
.pwr-hint{color:#fff!important;opacity:.92}
.pwr-sw{background:rgba(255,255,255,.26)!important}
/* the mist only animates while the opener is on screen */
.opener:not(.live) .mist i{animation-play-state:paused!important}
.mist i:nth-child(3){display:none}
.mist i{filter:blur(clamp(30px,3.4vw,56px))!important}
/* [pwr-gate-fix2] */
.pwr.on .pwr-sw{background:#3E9B6C!important}
.pwr.on .pwr-sw i{transform:translateX(100%)!important}
/* [pwr-gate-v2] */
/* the opening frame belongs to the film: same ground, sharp edges, long cross-fade */
.opener #product .hvid,.opener #product .hvid>div{border-radius:0!important;overflow:hidden!important;box-shadow:none!important;border:0!important}
.pwrgate{border-radius:0!important;gap:0!important;background:radial-gradient(58rem 28rem at 50% 42%,rgba(96,124,152,.42),transparent 68%),linear-gradient(165deg,#3E4E5E 0%,#333F4F 48%,#2A3542 100%)!important;transition:opacity 1.5s cubic-bezier(.4,0,.2,1)!important}
/* the label sits dead centre of the bubble, the switch rides on the right */
.pwr{position:relative!important;display:block!important;width:min(58%,620px);padding:clamp(16px,1.7vw,24px) clamp(22px,2.4vw,34px)!important;text-align:center!important;cursor:default!important}
.pwr:hover{transform:none!important;background:rgba(12,18,26,.3)!important}
.pwr-l{display:block!important;line-height:1.05!important}
.pwr-sw{position:absolute!important;right:clamp(14px,1.6vw,22px);top:50%;transform:translateY(-50%)!important}
.pwr-hint{position:absolute;bottom:clamp(26px,4vw,58px);left:0;right:0;text-align:center;font-size:10.5px!important}
/* [pwr-gate-off] */
.pwrgate{display:none!important}
.opener #product .hvid,.opener #product .hvid>div{border-radius:0!important;box-shadow:none!important;border:0!important}
/* [cap-rail-full] */
/* what's inside: the rail runs the full width of the screen at any size */
#capabilities .capmosaic{width:100vw!important;max-width:100vw!important;margin-left:calc(50% - 50vw)!important;margin-right:calc(50% - 50vw)!important;padding-left:var(--capgut)!important;padding-right:var(--capgut)!important;scroll-padding-left:var(--capgut);gap:clamp(12px,1.2vw,22px)!important;overscroll-behavior-x:contain}

@media(max-width:1180px){#capabilities .capmosaic>.cap-tile{flex:0 0 clamp(300px,44vw,480px)!important}}

@media(max-width:820px){#capabilities .capmosaic>.cap-tile{flex:0 0 min(78%,420px)!important}}

@media(max-width:560px){#capabilities .capmosaic>.cap-tile{flex:0 0 88%!important}}

/* [sec-bg-haze] */
/* security band: soft haze ground */
#trust.sechome{background:#DDE3EA!important}
#trust.sechome .lsec,#trust.sechome .seclist h3,#trust.sechome .seclink{color:#1B2430!important}

#trust.sechome .seccard h3,#trust.sechome .seccard h3::after{color:#1B2430!important}

/* [sec-bg-haze2] */
/* security band: the same light, clean — pure CSS, no grain */
#trust.sechome{background:
    radial-gradient(100% 62% at 40% 4%, rgba(226,182,132,.36) 0%, rgba(226,182,132,0) 54%),
    radial-gradient(92% 64% at 2% 40%, rgba(200,178,180,.34) 0%, rgba(200,178,180,0) 58%),
    radial-gradient(122% 92% at 58% 44%, rgba(255,255,255,.96) 0%, rgba(255,255,255,0) 64%),
    radial-gradient(140% 78% at 50% 118%, #4E7FBC 0%, rgba(78,127,188,0) 66%),
    linear-gradient(168deg, #8FA9CC 0%, #DDE2E6 30%, #EDEDEA 54%, #7FA5D4 100%)!important}
/* [hero-weight-thin] */
.hero h1,.hero h1 em,.hero h1 .dot{font-weight:400!important}