/* Page styles from the original design (page-home). Generated by tools/seed/services.php. */
.home-hero{position:relative;padding:150px 0 48px;text-align:center;overflow:hidden}
.home-hero .wrap{position:relative;z-index:1}
.home-hero h1{font-size:clamp(2.6rem,6.2vw,5.6rem);letter-spacing:-.05em}
.home-hero h1 .plus{color:inherit}
.home-hero p.sub{max-width:660px;margin:22px auto 0;font-size:clamp(1.05rem,1.4vw,1.2rem);color:var(--ink-2)}
.home-hero .ctas{display:flex;gap:10px;justify-content:center;flex-wrap:wrap;margin-top:28px}
.home-hero .tri{display:flex;gap:8px;justify-content:center;flex-wrap:wrap;margin-top:28px}
/* hero with the globe: copy left, globe floating right and bleeding off the edge */
.home-hero{text-align:left;padding:128px 0 40px}
.home-hero .hero-grid{display:grid;grid-template-columns:minmax(0,1.05fr) minmax(0,.95fr);gap:clamp(12px,2vw,40px);align-items:center}
.home-hero .hero-title{grid-column:1/-1;padding:8px 0 4px}
.home-hero .hero-title h1{font-size:clamp(2.15rem,4.4vw,4.5rem);max-width:none;letter-spacing:-.045em}
.home-hero .hero-copy{position:relative;z-index:2}
.home-hero p.sub{margin:22px 0 0;max-width:600px}
.home-hero .ctas,.home-hero .tri{justify-content:flex-start}
.home-hero .dots::before{-webkit-mask:radial-gradient(ellipse at 30% 50%,#000 45%,transparent 75%);mask:radial-gradient(ellipse at 30% 50%,#000 45%,transparent 75%)}
.hero-globe{position:relative;z-index:1;width:min(clamp(560px,40vw,780px),108%);aspect-ratio:1/1;justify-self:end;margin-right:calc(-1 * clamp(16px,4vw,80px))}
@media (max-width:1100px){.hero-globe{width:100%;margin-right:calc(-1 * var(--pad))}}
@media (max-width:900px){
  .home-hero{padding:112px 0 24px}
  .home-hero .hero-grid{grid-template-columns:minmax(0,1fr)}
  .home-hero .hero-title h1{font-size:clamp(1.85rem,7.1vw,2.55rem)}
  .hero-globe{width:min(460px,100%);margin:8px auto 0;justify-self:center;aspect-ratio:auto}
  .hero-globe .gg-stage{width:100%}
}
.builder{display:grid;grid-template-columns:minmax(0,.85fr) minmax(0,1.25fr);gap:clamp(20px,3vw,44px);align-items:start;position:relative;z-index:1}
.picks{display:grid;gap:18px;margin-top:6px}
.picks .grp{display:grid;gap:8px}
.picks .grp > span{font-family:"Geist",system-ui,sans-serif;font-size:14px;letter-spacing:-.01em;text-transform:none;color:var(--muted)}
.picks .row{display:flex;flex-wrap:wrap;gap:6px}
.lchip{border:0;border-radius:999px;background:var(--card);color:var(--ink);font-size:14px;padding:9px 14px;cursor:pointer;box-shadow:inset 0 1px 0 #fff,0 0 0 1px rgb(0 0 0/.05);transition:background-color .2s,transform .2s}
.lchip:hover{background:#fff}
.lchip:active{transform:scale(.97)}
.lchip[aria-checked="true"]{background:var(--ink);color:#fff;box-shadow:none}
.builder .canvas{position:relative;border-radius:var(--r-md);background:#262626;height:330px;overflow:hidden}
.builder .canvas::before{content:"";position:absolute;inset:0;background-image:radial-gradient(circle,rgb(255 255 255/.07) 1px,transparent 1.2px);background-size:18px 18px}
.builder .readout{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin-top:12px}
.builder .readout div{background:var(--dark-2);border-radius:var(--r-sm);padding:12px}
.builder .readout b{display:block;font-size:22px;font-weight:500;letter-spacing:-.03em;color:#fff;font-variant-numeric:tabular-nums}
.builder .readout span{font-family:var(--mono);font-size:10.5px;color:var(--dark-muted);text-transform:uppercase;letter-spacing:.04em}
.builder .note{font-size:13px;color:var(--dark-muted);margin-top:10px}
a.card{color:inherit}
.gap{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;position:relative;z-index:1}
.gap .col{background:var(--card);border-radius:var(--r-lg);padding:24px;box-shadow:inset 0 1px 0 #fff,0 0 0 1px rgb(0 0 0/.03);display:flex;flex-direction:column;gap:12px}
.gap .col h3{font-size:1.375rem;letter-spacing:-.025em}
.gap .col p{font-size:15px;color:var(--ink-2)}
.gap .col .who{font-family:var(--mono);font-size:11px;letter-spacing:.05em;text-transform:uppercase;color:var(--muted)}
.gap .col.us{background:var(--ink);color:#fff}
.gap .col.us p{color:#cfcfcb}
.gap .col.us .who{color:var(--lime)}
.gap .col ul{list-style:none;display:grid;gap:6px;font-size:15px}
.gap .col li{display:flex;gap:10px}
.gap .col li::before{content:"";flex:none;width:8px;height:8px;margin-top:.55em;border-radius:2px;background:var(--muted)}
.gap .col.us li::before{background:var(--lime)}
.builder .device{order:0}
.ul{text-decoration:underline;text-underline-offset:3px}
.tracks{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;align-items:stretch}
.track{background:rgb(255 255 255 / .46);border-radius:var(--r-lg);padding:22px;box-shadow:var(--glass-edge);-webkit-backdrop-filter:blur(18px) saturate(1.6);backdrop-filter:blur(18px) saturate(1.6);display:flex;flex-direction:column;height:100%}
.track .th{display:flex;gap:16px;align-items:center;padding-bottom:16px;border-bottom:1px solid var(--line);margin-bottom:6px}
.track h3{font-size:1.5rem;letter-spacing:-.03em}
.track .th p{font-size:14px;color:var(--ink-2)}
.track ul{list-style:none}
.track li a{display:grid;grid-template-columns:1fr auto;gap:2px 12px;padding:14px 12px;margin:0 -12px;border-radius:var(--r-md);transition:background-color .25s,transform .25s var(--ease)}
.track .nm{font-weight:500;font-size:1.0625rem;letter-spacing:-.01em}
.track .oc{grid-column:1;font-size:14px;color:var(--ink-2)}
.track .mt{grid-column:1;font-family:var(--mono);font-size:11px;letter-spacing:.04em;text-transform:uppercase;color:var(--muted);margin-top:4px}
.track .go{grid-column:2;grid-row:1/4;align-self:center;font-size:18px;transition:transform .25s var(--ease)}
.track li a:hover,.track li a:focus-visible{background:#fff;transform:translateX(4px)}
.track li a:hover .go{transform:translateX(4px)}
.track li + li a{border-top:1px solid var(--line);border-radius:0 0 var(--r-md) var(--r-md)}
.track li + li a:hover{border-top-color:transparent;border-radius:var(--r-md)}
.track.dk{background:var(--dark);color:#fff;box-shadow:0 30px 60px -30px rgb(0 0 0/.45)}
.track.dk .th{border-bottom-color:rgb(255 255 255/.12)}
.track.dk .th p,.track.dk .oc{color:#cfcfcb}
.track.dk .mt{color:#a3a3a0}
.track.dk li + li a{border-top-color:rgb(255 255 255/.12)}
.track.dk li a:hover,.track.dk li a:focus-visible{background:var(--dark-2)}
.track.dk .px i.on{background:var(--lime)}
.track.dk a:focus-visible{outline-color:var(--lime)}
.promises{background:var(--dark);color:#fff;border-radius:var(--r-xl);padding:clamp(28px,4vw,48px)}
.promises .ph-h{display:flex;justify-content:space-between;align-items:flex-end;gap:16px;flex-wrap:wrap;margin-bottom:28px}
.promises h2{font-size:clamp(1.8rem,3vw,2.6rem);max-width:14ch}
.promises ol{list-style:none;display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:22px;align-items:stretch;counter-reset:pr}
.promises li{background:transparent;border-radius:0;padding:0;display:grid;gap:8px;align-content:start}
.promises li::before{content:none}
.promises li .px{display:none}
.promises li b{font-weight:500}
.promises li span{font-size:14px;color:#cfcfcb}
.promises .btn:focus-visible{outline-color:var(--lime)}
@media (max-width:1100px){ .tracks{grid-template-columns:1fr} .promises ol{grid-template-columns:repeat(2,minmax(0,1fr))} }
@media (max-width:600px){ .promises ol{grid-template-columns:1fr} }

@media (max-width:1100px){ .builder{grid-template-columns:1fr} .gap{grid-template-columns:1fr} }
@media (max-width:600px){ .home-hero{padding-top:118px} .builder .canvas{height:280px} .builder .readout{grid-template-columns:1fr 1fr} }

/* services bento */
.bento{display:grid;grid-template-columns:repeat(12,minmax(0,1fr));gap:12px}
.bt{position:relative;display:flex;flex-direction:column;gap:10px;padding:22px;border-radius:var(--r-lg);background:rgb(255 255 255 / .46);box-shadow:var(--glass-edge);-webkit-backdrop-filter:blur(18px) saturate(1.6);backdrop-filter:blur(18px) saturate(1.6);overflow:hidden;transition:transform .35s var(--ease),background-color .35s}
.bt:hover,.bt:focus-visible{transform:translateY(-5px);background:#fff;box-shadow:inset 0 1px 0 #fff,0 22px 44px -24px rgb(0 0 0/.35)}
.bt.w6{grid-column:span 6}.bt.w4{grid-column:span 4}.bt.w3{grid-column:span 3}.bt.w12{grid-column:span 12}
.bt.tall{grid-row:span 2;background:var(--dark);color:#fff}
.bt.tall:hover,.bt.tall:focus-visible{background:#262626}
.bt.tall p{color:#cfcfcb}.bt.tall .px i.on{background:var(--lime)}
.bt.tall .chips span{background:rgb(255 255 255/.1);color:#e8e8e5}
.bt .tag{align-self:flex-start;font-family:var(--mono);font-size:10.5px;letter-spacing:.06em;text-transform:uppercase;padding:4px 9px;border-radius:999px}
.tag.connect,.tag.found,.tag.build{background:var(--lime);color:var(--ink)}
.bt h3{font-size:1.375rem;letter-spacing:-.025em;margin-top:6px}
.bt p{font-size:15px;color:var(--ink-2);max-width:46ch}
.bt .chips{display:flex;gap:6px;flex-wrap:wrap;margin-top:auto}
.bt .chips span{font-family:var(--mono);font-size:11px;letter-spacing:.04em;text-transform:uppercase;padding:5px 9px;border-radius:999px;background:var(--panel);color:var(--ink-2)}
.bt .go{position:absolute;right:20px;top:18px;font-size:20px;transition:transform .3s var(--ease)}
.bt:hover .go{transform:translateX(4px)}
.viz{min-height:64px;display:flex;align-items:center}
.bt.tall .viz{min-height:150px}
.bt.wide{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.3fr);grid-template-areas:"tag viz" "px viz" "h viz" "p viz" "chips viz";column-gap:32px;row-gap:10px}
.bt.wide .tag{grid-area:tag}.bt.wide .px{grid-area:px}.bt.wide h3{grid-area:h}.bt.wide p{grid-area:p}.bt.wide .chips{grid-area:chips}
.bt.wide .tag{justify-self:start}
.bt.wide .viz{grid-area:viz;min-height:160px;align-self:stretch;background:var(--panel);border-radius:var(--r-md);padding:18px}
.bt.wide .v-spark{height:100%;min-height:120px}
/* tiny live visuals */
.v-wire{position:relative;width:100%;height:120px}
.v-wire::before{content:"";position:absolute;left:8%;right:8%;top:50%;height:2px;background:rgb(255 255 255/.25)}
.v-wire .n{position:absolute;top:50%;transform:translate(-50%,-50%);font:500 12px var(--mono);background:#2f2f2f;color:#fff;border:1px solid #474744;border-radius:8px;padding:8px 10px}
.v-wire .n.a{left:12%}.v-wire .n.b{left:50%;background:#2a323f;border-color:var(--lime)}.v-wire .n.c{left:88%}
.v-wire i{position:absolute;top:calc(50% - 4px);left:12%;width:8px;height:8px;border-radius:50%;background:var(--lime);animation:wire 2.6s linear infinite}
.v-wire i:nth-child(2){animation-delay:.87s}.v-wire i:nth-child(3){animation-delay:1.74s}
@keyframes wire{from{left:12%;opacity:0}10%{opacity:1}90%{opacity:1}to{left:86%;opacity:0}}
.v-sync{display:flex;align-items:center;gap:10px;width:100%;font:500 13px var(--mono)}
.v-sync b{font-weight:500;padding:8px 12px;border-radius:8px;background:var(--panel)}
.v-sync .ar{flex:1;position:relative;height:22px}
.v-sync .ar i{position:absolute;left:0;right:0;height:2px;background:var(--line)}
.v-sync .ar i.r{top:5px}.v-sync .ar i.l{bottom:5px}
.v-sync .ar i::after{content:"";position:absolute;top:-3px;width:8px;height:8px;border-radius:50%}
.v-sync .ar i.r::after{background:var(--lime-2);animation:sr 2s linear infinite}
.v-sync .ar i.l::after{background:#3a9fd0;animation:sl 2s linear infinite .6s}
@keyframes sr{from{left:0}to{left:calc(100% - 8px)}}@keyframes sl{from{left:calc(100% - 8px)}to{left:0}}
.v-share{display:grid;gap:6px;width:100%;font:500 11px var(--mono)}
.v-share div{display:grid;grid-template-columns:48px 1fr 34px;gap:8px;align-items:center;color:var(--muted)}
.v-share i{height:8px;border-radius:4px;background:var(--panel);position:relative;overflow:hidden}
.v-share i::after{content:"";position:absolute;inset:0 auto 0 0;width:var(--w);background:#9aa;border-radius:4px;animation:grow 1.4s var(--ease) both}
.v-share .on i::after{background:var(--lime-2)}.v-share .on{color:var(--ink)}
@keyframes grow{from{width:0}}
.v-speed{position:relative;width:100%;height:30px;background:var(--panel);border-radius:6px;overflow:hidden}
.v-speed i{position:absolute;inset:0 auto 0 0;width:32%;background:var(--ink);border-radius:6px;animation:shrink 1.8s var(--ease) .4s 1 both}
.v-speed .th{position:absolute;top:-2px;bottom:-2px;left:42%;width:2px;background:var(--ink);z-index:2}
.v-speed em{position:absolute;right:8px;top:7px;font:500 11px var(--mono);font-style:normal;color:var(--muted)}
@keyframes shrink{from{width:85%;background:#8a877f}to{width:32%}}
.v-speed .th{background:var(--primary,#1d4ed8)}
.v-mig{display:grid;grid-template-columns:auto 1fr auto;gap:10px;align-items:center;width:100%;font:500 12px var(--mono)}
.v-mig .tr{height:8px;border-radius:4px;background:var(--panel);overflow:hidden}
.v-mig .tr i{display:block;height:100%;width:100%;background:var(--lime-2);animation:prog 4s var(--ease) infinite}
@keyframes prog{from{width:0}70%,to{width:100%}}
.v-card{display:grid;grid-template-columns:54px 1fr;grid-template-rows:auto auto auto;gap:5px 10px;width:100%;max-width:240px;background:#fff;border-radius:10px;padding:8px;box-shadow:0 0 0 1px var(--line)}
.v-card .im{grid-row:1/4;border-radius:7px;background:url(../../img/commerce-packaging-640.webp) center/cover}
.v-card .ln{height:7px;border-radius:4px;background:var(--panel);width:80%}.v-card .ln.s{width:50%}
.v-card .bt2{font:500 10.5px var(--mono);text-transform:uppercase;letter-spacing:.04em;background:var(--ink);color:#fff;border-radius:6px;padding:5px 7px;justify-self:start;animation:tap 2.4s ease-in-out infinite}
@keyframes tap{50%{transform:scale(.94);background:var(--lime-2);color:var(--ink)}}
.v-code{display:grid;gap:6px;width:100%;background:#262626;border-radius:10px;padding:12px}
.v-code span{height:7px;border-radius:4px;background:#5b5b58;width:var(--w);animation:type 3.2s steps(12) infinite;animation-delay:var(--d)}
.v-code span:nth-child(2){background:var(--lime)}
@keyframes type{from{width:0}40%,to{width:var(--w)}}
.v-spark{width:100%;height:40px}.v-spark polyline{fill:none;stroke:var(--lime-2);stroke-width:2.5;stroke-dasharray:200;stroke-dashoffset:0;animation:draw 3s var(--ease) infinite}
@keyframes draw{from{stroke-dashoffset:200}to{stroke-dashoffset:0}}
@media (max-width:1100px){.bt.w3{grid-column:span 6}.bt.w4{grid-column:span 6}.bt.w4:nth-child(7){grid-column:span 12}.bt.tall{grid-row:auto}.bt.tall .viz{min-height:110px}}
@media (max-width:760px){.bento{grid-template-columns:1fr}.bt.w6,.bt.w4,.bt.w3,.bt.w12,.bt.w4:nth-child(7){grid-column:auto}.bt.wide{display:flex}.bt.wide .viz{min-height:100px}}

.meter{display:grid;gap:10px;margin:14px 0 10px}
.meter .m{display:grid;grid-template-columns:96px 1fr;gap:10px;align-items:center;font-family:var(--mono);font-size:11px;letter-spacing:.04em;text-transform:uppercase;color:var(--muted)}
.meter i{display:block;height:10px;border-radius:999px;background:rgb(20 20 20/.08);overflow:hidden}
.meter b{display:block;height:100%;width:var(--w);border-radius:999px;background:var(--ink-2);transform-origin:left;transform:scaleX(0);transition:transform 1.1s var(--ease)}
.in .meter b,.meter.in b{transform:scaleX(1)}
.col.us .meter .m{color:#a3a3a0}
.col.us .meter i{background:rgb(255 255 255/.12)}
.col.us .meter b{background:var(--lime)}
.cap{font-size:15px;color:var(--ink-2)}
.col.us .cap{color:#cfcfcb}
.promises li .px{margin-bottom:12px}
.promises li .px i.on{background:var(--lime)}
@media (prefers-reduced-motion:reduce){.meter b{transform:none}}

/* partners & platforms logo strip */
.logos{margin-top:clamp(28px,4vw,48px)}
.logos-head{display:flex;justify-content:space-between;align-items:center;gap:12px;flex-wrap:wrap;margin-bottom:14px}
.logos-note{font-family:"Geist",system-ui,sans-serif;font-size:15px;letter-spacing:-.01em;text-transform:none;color:var(--muted)}
.logos-note:hover{color:var(--ink)}
.logos-track-wrap{overflow:hidden;-webkit-mask:linear-gradient(90deg,transparent,#000 8%,#000 92%,transparent);mask:linear-gradient(90deg,transparent,#000 8%,#000 92%,transparent)}
.logos-track{display:flex;gap:12px;width:max-content;animation:logos 60s linear infinite}
.logos-track .dup{display:flex;gap:12px}
.logo-tile{flex:none;height:64px;padding:0 20px;border-radius:var(--r-md);display:flex;align-items:center;gap:10px;background:var(--glass-bg);box-shadow:var(--glass-edge);font-size:15px;font-weight:500;letter-spacing:-.01em;color:var(--ink-2)}
.logo-tile img{width:auto;height:22px;opacity:.82}
.logo-tile .wm{font-weight:600;font-size:20px;letter-spacing:-.04em;color:var(--ink)}
.logos-track-wrap:hover .logos-track{animation-play-state:paused}
@keyframes logos{to{transform:translateX(calc(-50% - 6px))}}
@media (prefers-reduced-motion:reduce){
  .logos-track{animation:none;flex-wrap:wrap;width:auto}
  .logos-track .dup{display:none}
  .logos-track-wrap{-webkit-mask:none;mask:none}
}



/* expanded content sections */
.x-sec .sec-h p{max-width:62ch}
.x-prose h2{font-size:clamp(2rem,4.2vw,3.5rem);margin:14px 0 8px}
.x-prose p{color:var(--ink-2);margin-top:14px;max-width:64ch}
.x-prose h3{font-size:1.3rem;letter-spacing:-.02em;margin-top:28px}
.x-prose a,.x-ul a,.x-in a,.x-cmp a,.x-tabs a,.x-fit a,.x-tl a,.x-risk a,.x-track a{text-decoration:underline;text-decoration-thickness:1px;text-underline-offset:3px}
.x-tag{display:inline-block;font-family:var(--mono);font-size:11px;letter-spacing:.06em;text-transform:uppercase;padding:4px 9px;border-radius:999px;background:var(--panel);color:var(--ink-2)}
.x-tag{align-self:flex-start;justify-self:start}
.x-tag.lime{background:var(--lime);color:var(--ink)}.x-tag.amb{background:#ffe2b3;color:#5a3a00}.x-tag.dk{background:var(--dark-3);color:var(--dark-ink)}

.x-expl{display:grid;grid-template-columns:minmax(0,1.35fr) minmax(0,1fr);gap:clamp(24px,5vw,72px);align-items:start}
.x-quote{position:sticky;top:110px;background:var(--dark);color:var(--dark-ink);border-radius:var(--r-xl);padding:clamp(22px,3vw,34px);box-shadow:0 30px 60px -34px rgb(0 0 0/.55)}
.x-quote blockquote p{font-size:clamp(1.3rem,2.2vw,1.7rem);line-height:1.25;letter-spacing:-.025em;color:#fff;text-wrap:balance}
.x-quote blockquote p::before{content:"\201C";display:block;font-size:3.4rem;line-height:.6;color:var(--lime);margin-bottom:10px}
.x-quote .who{display:block;margin-top:16px;font-family:var(--mono);font-size:11px;letter-spacing:.06em;text-transform:uppercase;color:var(--dark-muted)}
.x-quote .facts2{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin-top:22px}
.x-quote .facts2 div{background:var(--dark-2);border-radius:var(--r-sm);padding:12px}
.x-quote .facts2 b{display:block;font-size:1.05rem;font-weight:500;color:var(--lime)}
.x-quote .facts2 span{font-size:13px;color:#cfcfcb;line-height:1.35}
@media (max-width:900px){.x-expl{grid-template-columns:1fr}.x-quote{position:static}}

.x-scn{display:grid;grid-template-columns:auto 1fr;gap:18px;align-items:start;background:var(--panel);box-shadow:none;border-radius:var(--r-lg);padding:20px 22px;margin-bottom:18px}
.x-scn p{color:var(--ink-2);max-width:78ch}
.x-track{list-style:none;display:grid;grid-template-columns:repeat(var(--n,4),minmax(0,1fr));gap:12px;align-items:stretch;counter-reset:st;position:relative}
.x-track li{position:relative;padding:44px 18px 20px;background:var(--panel);border-radius:12px;box-shadow:none;display:flex;flex-direction:column;gap:8px;min-height:196px}
.x-track li:last-child{background:var(--lime-2);color:#fff}
.x-track li:last-child p,.x-track li:last-child .why,.x-track li:last-child a{color:#e7eefc}
.x-track li::before{content:"";position:absolute;top:18px;left:18px;width:12px;height:12px;border-radius:50%;background:var(--lime-2)}
.x-track li:last-child::before{background:#fff}
.x-track li::after{content:none}
.x-track h3{font-size:1.12rem;letter-spacing:-.02em;line-height:1.2}
.x-track p{font-size:14.5px;color:var(--ink-2);line-height:1.5}
.x-track .why{margin-top:auto;font-family:var(--mono);font-size:11.5px;color:var(--muted);border-top:1px solid var(--line);padding-top:10px}
@media (max-width:1000px){.x-track{grid-template-columns:repeat(2,minmax(0,1fr))}.x-track li::after{display:none}}
@media (max-width:560px){.x-track{grid-template-columns:1fr}.x-scn{grid-template-columns:1fr}}

.x-asks{display:grid;grid-template-columns:minmax(0,.8fr) minmax(0,1.2fr);gap:clamp(20px,4vw,64px);align-items:start}
.x-asks .list{display:grid;gap:10px;counter-reset:ak}
.x-asks details{counter-increment:ak;background:var(--panel);box-shadow:none;border-radius:var(--r-lg);overflow:hidden}
.x-asks summary{list-style:none;cursor:pointer;display:grid;grid-template-columns:1fr 22px;gap:14px;align-items:center;padding:16px 18px;font-weight:500;font-size:1.06rem;letter-spacing:-.01em}
.x-asks summary::-webkit-details-marker{display:none}
.x-asks summary::before{content:none}
.x-asks summary::after{content:"+";font-family:var(--mono);font-size:20px;color:var(--muted);text-align:center}
.x-asks details[open] summary::after{content:"\2212"}
.x-asks .ans{padding:0 18px 18px;display:grid;gap:8px}
.x-asks .ans p{color:var(--ink-2);font-size:15.5px}
.x-asks .ans p.good{background:var(--lime);border-radius:10px;padding:10px 12px;font-size:14.5px;color:var(--ink)}
.x-asks .ans p.good b{font-family:var(--mono);font-size:11px;letter-spacing:.05em;text-transform:uppercase;display:block;font-weight:500;margin-bottom:2px}
@media (max-width:860px){.x-asks{grid-template-columns:1fr}}
@media (max-width:520px){.x-asks .ans{padding-left:18px}}

.x-rel{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;align-items:stretch}
.x-rel a{background:rgb(255 255 255 / .5);border-radius:var(--r-lg);padding:20px;display:flex;flex-direction:column;gap:8px;min-height:190px;box-shadow:var(--glass-edge);-webkit-backdrop-filter:blur(16px) saturate(1.5);backdrop-filter:blur(16px) saturate(1.5);transition:transform .3s var(--ease),background-color .3s}
.x-rel a:hover{transform:translateY(-4px);background:#fff}
.x-rel a small{font-family:var(--mono);font-size:11px;letter-spacing:.06em;text-transform:uppercase;color:var(--muted)}
.x-rel a b{font-weight:500;font-size:1.12rem;letter-spacing:-.02em;line-height:1.2}
.x-rel a span{font-size:14.5px;color:var(--ink-2);line-height:1.45}
.x-rel a i{margin-top:auto;font-style:normal;font-family:var(--mono);font-size:13px}
@media (max-width:1000px){.x-rel{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media (max-width:520px){.x-rel{grid-template-columns:1fr}}
@media (prefers-reduced-motion:reduce){.x-rel a{transition:none}}

/* Phones: the "See partnerships" link stays on the label's row; the marquee fades at its edges instead of cutting logos. */
@media (max-width:600px){
  .logos-head{flex-wrap:nowrap}
  .logos-head .pill{min-width:0}
  .logos-note{flex:none;font-size:14px}
  .logos-track-wrap{-webkit-mask:linear-gradient(90deg,transparent,#000 24px,#000 calc(100% - 24px),transparent);mask:linear-gradient(90deg,transparent,#000 24px,#000 calc(100% - 24px),transparent)}
}
/* QA-FINAL 11: the tall Workflow card spans two rows; its diagram stage takes the spare height as a framed
   panel (as on the wide card) instead of leaving ~250px of empty card under it. */
@media (min-width:1101px){
  .bt.tall .viz{flex:1 1 auto;margin-block:6px 4px;padding:18px;border-radius:var(--r-md);background:rgb(255 255 255/.04);box-shadow:inset 0 0 0 1px rgb(255 255 255/.08)}
}