/* Fine lines, generous dark intervals, and a distinct composition per buying need. */
.hero{background:#070c16;min-height:100svh}
.hero-art{left:41%;width:59%;opacity:1;mask-image:linear-gradient(90deg,transparent,#000 16%);-webkit-mask-image:linear-gradient(90deg,transparent,#000 16%)}
.hero-art::after{display:none}.hero h1{font-size:clamp(3rem,4.5vw,4.5rem);max-width:18ch;line-height:1.12}.hero-main{max-width:620px;position:relative;z-index:2}
.hero-lede{max-width:34ch}.ribbon-fallback path{stroke:#92b4ef;stroke-width:.7;opacity:.65;fill:none;vector-effect:non-scaling-stroke}
.services{padding:90px 0 0;background:#f4f7fc}.services>.section-top{margin-bottom:62px}
.service-group{margin:0;padding-top:62px;padding-bottom:80px}.service-group+.service-group{margin-top:0}
.service-group--0{padding-top:0}.service-card{border-radius:13px}.service-card--wallets{background:#dfE9fb}
.service-group--1{background:#0a1831;color:#edf3ff;padding-top:76px;padding-bottom:84px}
.service-group--1 .group-intro h3{color:#f4f7ff}.service-group--1 .group-intro p{color:#b9c9e5}
.service-group--1 .service-list{gap:0;grid-template-columns:1.15fr 1fr}
.service-group--1 .service-card{border:0;border-radius:0;background:transparent;color:#fff;min-height:420px;padding:225px 48px 0 0}
.service-group--1 .service-card+.service-card{border-left:1px solid #375073;padding-left:48px;padding-right:0}
.service-group--1 .service-art{color:#91b3ed}.service-group--1 .art-accent{fill:#1b3764;stroke:#98bcff}
.service-group--1 .service-copy p{color:#becde5}.service-group--1 .service-ask{color:#9cc0ff}.service-group--1 .service-ask:hover{color:#fff}
.service-group--1 .signal-route{stroke:#d7e5ff}
.service-group--2{background:#e5edfb;padding-top:74px;padding-bottom:76px}.service-group--2 .service-card{border:0;background:transparent;color:#14294e;padding-left:0;padding-top:25px;padding-bottom:10px;min-height:245px}
.service-group--2 .service-copy p{color:#415675}.service-group--2 .service-ask{color:#1749af}.service-group--2 .service-art{color:#3d67b8}.service-group--2 .art-accent{fill:#c8d9fb;stroke:#285cc6}.service-group--2 .signal-check{stroke:#1749af}
.automation{background:#2254c7;padding-top:94px;padding-bottom:100px}.automation h2 em{color:#fff}.automation .auto-list::before,.automation .auto-list li:nth-child(2)::after{border-color:#a3beff}.automation .auto-list li::before{background:#2254c7;border-color:#d6e3ff}
.about{background:#111d32;color:#f1f5ff}.about em{color:#97baff}.about-copy p,.location{color:#b9c8df}.about-copy p:first-child{color:#e0e9f8}.partners{border-color:#34455f}.partners>h3{color:#c6d3e7}.partners .logo-row{background:#f3f6fb;border-radius:10px;padding:18px 10px}
.contact-closing{background:#edf3fd}.footer{border-color:#26354d}
::selection{background:#a5c3ff;color:#102449}
@media(max-width:900px){.hero-art{left:36%;width:74%;opacity:.67}.service-group--1 .service-card{padding-right:24px}.service-group--1 .service-card+.service-card{padding-left:24px}.group-intro{margin-bottom:36px}}
@media(max-width:760px){.hero-art{left:8%;width:120%;opacity:.34;mask-image:linear-gradient(90deg,transparent,#000 45%);-webkit-mask-image:linear-gradient(90deg,transparent,#000 45%)}.hero-main{max-width:none}.hero h1{font-size:clamp(2.4rem,9.3vw,3.5rem)}.hero-copy{min-height:225px}.services{padding-top:65px}.services>.section-top{margin-bottom:32px}.service-group{padding-top:40px;padding-bottom:55px}.service-group--0{padding-top:0}.service-group--1 .service-list{display:block}.service-group--1 .service-card{min-height:0;padding:218px 0 30px}.service-group--1 .service-card+.service-card{border-left:0;border-top:1px solid #375073;padding:242px 0 0}.service-group--1 .service-card+.service-card .service-art{top:22px}.service-group--2 .service-card{padding:218px 0 0}.service-group--2 .service-art{width:280px;height:218px;top:0}.automation{padding:66px 0}.partners .logo-row{padding:10px 0}.hero-utility{grid-template-columns:44px 1fr auto}}

.services .service-group.wrap{padding-left:var(--gutter);padding-right:var(--gutter)}.services .service-group--2{padding-bottom:76px}@media(max-width:760px){.services .service-group--2{padding-bottom:55px}}

/* The selected headline stays steady beside the interactive harp. */
.hero-place{font-size:12px;color:#a9bad6;justify-self:center;letter-spacing:.025em}
.hero h1{font-weight:450;font-size:clamp(3rem,5.5vw,5.2rem);max-width:15ch;letter-spacing:-.035em;line-height:1.06}
.hero-copy{min-height:0}.hero-lede{margin-top:30px}.hero-action{margin-top:42px}
.hero .button{border-radius:8px;min-height:54px;padding:16px 24px}.service-card{border-radius:20px}
.service-group--2 .service-card{border-radius:0}.service-ask{gap:25px}
.approach-grid article{border-radius:0}.about{padding-top:110px;padding-bottom:110px}
@media(max-width:760px){.hero h1{font-size:clamp(2.6rem,10.8vw,4rem);max-width:13ch}.hero-place{display:none}.hero-utility{grid-template-columns:1fr auto}.hero .hero-main{padding-bottom:70px}.hero .hero-lede{font-size:17px;max-width:29ch}.hero-action{margin-top:30px}.about{padding-top:75px;padding-bottom:75px}}

/* Give the story room to be read, with alternating compositions beside the road.
   Phones use one masked reading window; semantic content stays available. */
html[data-experience=animated] .road-sequence[data-readable-steps]{--road-travel-screens:6.2}
html[data-experience=animated] .road-sequence[data-readable-steps] .road-story{
 position:absolute;inset:0
}
html[data-experience=animated] .road-sequence[data-readable-steps] .road-copy{position:absolute;inset:0;margin:0}
html[data-experience=animated] .road-sequence[data-readable-steps] .road-copy article:nth-child(n),
html[data-experience=animated] .road-sequence[data-readable-steps] .road-heading{
 position:absolute;inset:17% auto auto var(--gutter);width:min(460px,36%);max-width:none;margin:0;padding:0;
 opacity:var(--chapter-opacity,0);transform:translate3d(0,var(--chapter-y,0px),0)
}
html[data-experience=animated] .road-sequence[data-readable-steps] .road-heading{opacity:var(--chapter-opacity,1)}
html[data-experience=animated] .road-sequence[data-readable-steps] .road-copy article:nth-child(odd){left:auto;right:var(--gutter);top:23%}
html[data-experience=animated] .road-sequence[data-readable-steps] .road-copy article:nth-child(3){right:8%;top:24%}
html[data-experience=animated] .road-sequence[data-readable-steps] .road-copy article:nth-child(4){top:17%}
html[data-experience=animated] .road-sequence[data-readable-steps] .road-copy article:nth-child(5){right:6%;top:20%}
.road-sequence[data-readable-steps] .road-heading h2,
.road-sequence[data-readable-steps] .road-copy h3{font-size:clamp(2.2rem,3.5vw,3.25rem);line-height:1.12;max-width:20ch;text-wrap:balance}
.road-sequence[data-readable-steps] .road-heading>p,
.road-sequence[data-readable-steps] .road-copy p{font-size:17px;line-height:1.6;max-width:40ch;margin-top:22px}
.road-sequence[data-readable-steps] .road-copy .road-takeaway{font-size:14px;line-height:1.5;color:#9ec5ff;margin-top:18px;max-width:44ch}
.road-sequence[data-readable-steps] .road-picks{max-width:1100px}
.road-sequence[data-readable-steps] .road-pick{font-size:12px;min-height:48px}
.brand-carousel .brand-controls[hidden]{display:none}
.hero .hero-lede{max-width:45ch}
.hero h1{max-width:18ch}
.inquiry-dialog .draft textarea{font-size:16px}

.inquiry-dialog .inquiry-intent{margin:-10px 0 24px;font-size:14px;line-height:1.55}
.inquiry-context{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:0 0 18px;margin:0 0 22px;border-bottom:1px solid #dce3ee}
.inquiry-context p{font-size:13px;line-height:1.5;color:#53647c}
.inquiry-context strong{display:block;color:#283d5c;font-size:14px;font-weight:550}
.inquiry-context .text-button{flex:none;font-size:13px;min-height:44px}
.inquiry-dialog .draft-actions{justify-content:flex-start;gap:12px 24px}
.inquiry-dialog .draft-actions .text-button{display:inline-flex;align-items:center;gap:8px;min-height:44px}
@media(max-width:760px){
 html[data-experience=animated] .road-sequence[data-readable-steps] .road-stage::after{background:linear-gradient(180deg,#060b17 0%,#060b17e0 38%,#060b1799 60%,transparent 76%,#060b17 100%)}
 html[data-experience=animated] .road-sequence[data-readable-steps] .road-story{inset:16% auto auto var(--gutter);width:calc(100% - 2 * var(--gutter));height:var(--story-height,280px);overflow:hidden;mask-image:linear-gradient(transparent,#000 12px,#000 calc(100% - 12px),transparent)}
 html[data-experience=animated] .road-sequence[data-readable-steps] .road-copy article:nth-child(n),html[data-experience=animated] .road-sequence[data-readable-steps] .road-heading{inset:16px 0 auto;width:100%}
 .road-sequence[data-readable-steps] .road-heading h2,.road-sequence[data-readable-steps] .road-copy h3{font-size:clamp(2rem,8.5vw,2.6rem)}
 .road-sequence[data-readable-steps] .road-heading>p,.road-sequence[data-readable-steps] .road-copy p{font-size:16px;line-height:1.6;margin-top:20px}
 .hero .hero-lede{max-width:34ch}
 .hero h1{font-size:clamp(2.4rem,10vw,3.5rem);max-width:18ch}
 html[data-experience=animated] .road-sequence[data-readable-steps] .road-picks{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px 12px}
 .road-sequence[data-readable-steps] .road-copy .road-takeaway{font-size:13px;line-height:1.5;margin-top:14px}
 .road-sequence[data-readable-steps] .road-pick{padding-top:10px}
 .inquiry-dialog .draft-actions #email-draft{width:100%}
}

@media(max-height:640px) and (min-width:761px){
 html[data-experience=animated] .road-sequence[data-readable-steps] .road-copy article:nth-child(n),html[data-experience=animated] .road-sequence[data-readable-steps] .road-heading{top:17%;width:42%}
 .road-sequence[data-readable-steps] .road-heading h2,.road-sequence[data-readable-steps] .road-copy h3{font-size:2rem;max-width:none}
 .road-sequence[data-readable-steps] .road-heading>p,.road-sequence[data-readable-steps] .road-copy p{font-size:16px;max-width:60ch;margin-top:16px}
}

/* Finish the existing inquiry without adding another decision step. */
.inquiry-dialog .inquiry-choices{display:block}
.inquiry-choice-group{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}
.inquiry-choice-group+.inquiry-choice-group{margin-top:24px}
.inquiry-dialog .choice-group-title{grid-column:1/-1;margin:0 0 2px;font-size:14px;line-height:1.4;font-weight:550;color:#425675}
.inquiry-dialog .inquiry-actions{position:sticky;bottom:0;z-index:1;padding:16px 0 20px;margin-top:20px;background:#fafbfd;border-top:1px solid #dce3ee}
.hero-utility:has(.harp-sound[aria-pressed=true]) #harp-instructions{position:absolute;right:0;bottom:56px;width:min(36ch,calc(100vw - 2 * var(--gutter)));height:auto;margin:0;padding:0;overflow:visible;clip:auto;clip-path:none;white-space:normal;font-size:13px;line-height:1.55;text-align:right;color:#c8d8f1}
.partners .client-logo img[src$="smartbots.webp"]{filter:grayscale(1) brightness(.65) contrast(18);mix-blend-mode:multiply;opacity:.85}
@media(max-width:760px){
 .inquiry-choice-group{gap:8px}
 .inquiry-dialog .inquiry-actions{padding-bottom:18px}
 .hero-utility:has(.harp-sound[aria-pressed=true]) #harp-instructions{max-width:30ch}
}

.inquiry-dialog{border:0;box-shadow:0 24px 72px #0004;scroll-padding-block:90px 105px}
.header[data-tone=light],html[data-nav] .header{box-shadow:0 8px 28px #00000018}
@media(max-width:760px){.inquiry-brand>span{font-size:12px}}

/* Continuous logo bands align with their labels; no visible controls. */
.proof{padding-top:16px;padding-bottom:16px}
.services{padding-top:48px}.services>.section-top{margin-bottom:48px}
.proof .brand-carousel[data-autoplay=true],.partners .brand-carousel[data-autoplay=true]{display:block!important;padding:0}
.brand-carousel[data-autoplay=true] .brand-viewport{min-width:0;overflow-x:hidden;touch-action:pan-y}
.brand-carousel[data-autoplay=true][data-reduced=true] .brand-viewport{overflow-x:auto;touch-action:pan-x pan-y}
.partners .brand-carousel,.partners .logo-row{--brand-paper:#17376b;--brand-ink:#f3f6ff;background:var(--brand-paper);border-radius:10px}
.partners .brand-carousel[data-autoplay=true]{padding:8px 12px}
.partners .brand-carousel .brand-mark img,.partners .client-logo img{filter:brightness(0) invert(1);opacity:1}
.partners .brand-carousel .brand-mark img.brand-strip,.partners .client-logo img[src$="smartbots.webp"]{filter:grayscale(1) brightness(.65) contrast(18) invert(1);mix-blend-mode:screen;opacity:1}
.partners .client-logo-viewport{mix-blend-mode:normal}
.partners .brand-carousel :focus-visible{outline-color:#fff}

/* KYC: one concise introduction beside the actual integration components. */
.services .service-group--2{padding-top:56px;padding-bottom:64px}
.service-group--2 .group-intro{margin-bottom:32px}
.service-group--2 .service-card--kyc{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);align-items:center;gap:72px;min-height:0;padding:0;overflow:visible;border-radius:0}
.kyc-intro{max-width:50ch}
.service-group--2 .service-ask:hover{color:#102f75}
.service-card--kyc .service-ask::after{content:none}
.service-card--kyc:has(.service-ask:focus-visible){outline:none}
.service-card--kyc .service-ask:focus-visible{outline:2px solid #2254c7;outline-offset:5px}
.kyc-flow{list-style:none;margin:0;padding:0}
.kyc-flow li{display:flex;align-items:center;gap:20px;padding:18px 0;border-bottom:1px solid #bdcce5}
.kyc-flow li:first-child{padding-top:0}.kyc-flow li:last-child{padding-bottom:0;border-bottom:0}
.kyc-flow svg{width:28px;height:28px;flex:none;color:#285cc6;stroke:currentColor;stroke-width:1.4;stroke-linecap:round;stroke-linejoin:round}
.kyc-flow h5{font-size:17px;line-height:1.35;letter-spacing:0;font-weight:550;color:#14294e;margin:0}
.kyc-flow p{font-size:15px;line-height:1.5;color:#415675;margin:5px 0 0}
@media(max-width:900px){.service-group--2 .service-card--kyc{gap:40px}}
@media(max-width:760px){
 .proof{padding-top:18px;padding-bottom:12px}.proof>p{margin-bottom:8px}
 .services{padding-top:40px}.services>.section-top{margin-bottom:32px}
 .partners .brand-carousel[data-autoplay=true]{padding:4px 8px}
 .services .service-group--2{padding-top:42px;padding-bottom:48px}
 .service-group--2 .group-intro{margin-bottom:30px}
 .service-group--2 .service-card--kyc{grid-template-columns:minmax(0,1fr);gap:30px;padding:0}
 .kyc-flow li{gap:16px;padding:16px 0}
}

/* Service destinations make exploration explicit and preserve road chapter controls. */
.auto-list a{display:inline-flex;align-items:center;gap:20px;min-height:44px;color:inherit;text-decoration:none;text-underline-offset:6px}
.auto-list a:hover{text-decoration:underline}.auto-list a:focus-visible{outline:2px solid currentColor;outline-offset:7px}
.auto-list a .i{width:20px;height:20px;flex:none;opacity:.75}
.automation .auto-list p{font-size:16px;line-height:1.6;margin:12px 0 0;max-width:44ch}

.send-consent{display:flex;gap:12px;align-items:flex-start;font-size:14px;line-height:1.6;margin:22px 0}.send-consent input{width:18px;height:18px;flex:none;margin-top:3px}.send-consent a{text-decoration:underline}.send-honey{position:absolute!important;left:-10000px!important;width:1px!important;height:1px!important}.draft button:disabled{opacity:.6;cursor:wait}.send-consent[hidden]{display:none}


/* Final alignment: keep the BE IN location line centered along the bottom of the cover. */
.hero-utility{display:flex;align-items:center;justify-content:center;left:0;right:0;bottom:24px;text-align:center}
.hero-place{display:block;text-align:center}
@media(max-width:760px){.hero-utility{display:flex;justify-content:center;left:0;right:0;bottom:20px}.hero-place{display:block;font-size:11px;letter-spacing:.03em}}