/* Hexagon design system — neutral surfaces, one type family, quiet precision. */
:root{--ink:#141414;--muted:#696969;--paper:#fff;--line:#e2e2e2;--serif:var(--sans);--radius-panel:24px;--radius-window:16px;--radius-control:100px}
body{background:#fff}.display,.mi-display,.sv-display{letter-spacing:-.055em;line-height:1.08}
.cinema h1{font-weight:400;letter-spacing:-.065em;line-height:1.03;font-size:clamp(50px,5.85vw,88px)}
.cinema h1 .italic,.sv-display em{font-style:normal}.cinema h1 .italic{color:#ffffffb8}
.cinema-shade{background:linear-gradient(90deg,#0008 0%,#0004 44%,#0000 85%),linear-gradient(180deg,#0002 15%,#0000 45%,#0006)}
.button,.mi-primary-link{border-radius:var(--radius-control)}.button:hover,.mi-primary-link:hover{background:#333}.button.light:hover{background:#eee}.button.outline:hover{background:#ffffff1f}
.mi-primary-link{min-height:48px;min-width:0;padding:15px 24px;font-size:13px;background:#141414;border-color:#141414}
.nav-shell{border-radius:24px}.nav-panel{border-radius:0 0 24px 24px;background:#fff}.nav-link{border-radius:100px}.nav-feature{border-radius:16px}
.site-header.solid .nav-shell,.site-header.open .nav-shell{background:#ffffffed;box-shadow:0 0 0 1px #0000000d,0 8px 32px #00000008}
.site-header.solid .nav-link:hover,.site-header.open .nav-link:hover,.site-header.open .nav-link[aria-expanded=true]{background:#f0f0f0}.nav-item:hover strong{color:#777}
.nav-contact{color:#141414}.nav-item{border-radius:10px}.nav-overlay{background:#0002}
.hx-icon{width:24px;height:24px;flex:none;fill:none;stroke:currentColor;stroke-width:1.35;stroke-linecap:round;stroke-linejoin:round}
.hx-offering-icon{width:48px;height:48px;display:grid;place-items:center;border:1px solid #dedede;border-radius:15px;background:transparent;color:#242424;margin-bottom:24px}
.hx-offering-icon .hx-icon{width:26px;height:26px}.milo-offer .hx-offering-icon{color:#fff;border-color:#ffffff38;background:#ffffff06}
.offering-copy h3{position:relative;font-size:36px;letter-spacing:-.045em}.offering-copy{padding-top:34px}.offering-topline{margin-bottom:26px}
.hx-nav-item{position:relative;padding-left:36px}.hx-nav-item>.hx-icon{position:absolute;left:0;top:15px;width:21px;height:21px;color:#606060}
.deployment-step .step-number{padding-top:3px;color:#676767}.deployment-step .hx-icon{width:25px;height:25px}
.proof-feature>span .hx-icon{width:21px;height:21px;color:#666}
.industry-tab small{display:inline-flex;vertical-align:middle;margin-right:14px}.industry-tab small .hx-icon{width:19px;height:19px;color:#777}
.thesis-facts>span{display:inline-flex;align-items:center;gap:8px}.thesis-facts .hx-icon{width:18px;height:18px;color:#707070}
.portfolio{background:#f5f5f5;border-color:#eee}.offering{border:1px solid #e6e6e6;border-radius:var(--radius-panel);box-shadow:none;transition:border-color .3s}
.offering:hover{border-color:#bbb}.milo-offer{background:#171717;color:#fff;border-color:#171717}.offering-visual{position:relative}
.milo-preview{background:#222}.sales-preview,.support-preview,.geo-preview{background:#f0f0f0}
.knowledge-window,.support-window,.geo-window{border-radius:var(--radius-window);box-shadow:0 14px 36px -22px #0005,0 0 0 1px #0000000a}
.industry-panel,.proof-media,.sv-photo{border-radius:var(--radius-panel)}.industry-panel{background:#222}.industry-doors a{border-radius:100px}
.industry-tab{border-radius:0;transition:color .25s,background .25s}.industry-tab[aria-selected=true]{color:#141414}
.proof-order,.mi-workspace,.mi-decision-ledger,.sv-artifact{border-radius:var(--radius-panel);box-shadow:0 12px 40px -32px #0005}
.mi-source-slip,.mi-memory-block{border-radius:var(--radius-window)}.mi-memory-block{background:#202020;border-color:#555;box-shadow:none}
.mi-context-system,.sv-dark,.company-close{background:#161616}.site-footer{background:#101010}
.mi-pilot-tag,.mi-version-mark,.mi-revision-code,.sv-order-state{border-radius:100px}
.mi-brief-summary,.mi-comparison-finding,.mi-email-preview,.sv-basket,.sv-handoff,.sv-citation,.sv-visibility-record,.proof-gift{border-radius:12px}
.mi-tabs{border:0;gap:8px;background:#f3f3f3;padding:7px;border-radius:18px}.mi-tab{padding:15px 18px;border:0;border-radius:13px;font-size:12px;line-height:1.5}.mi-tab[aria-selected=true]{background:#fff;box-shadow:0 1px 4px #00000009;color:#141414}
.mi-tab-num{display:none}.mi-tab svg{width:16px;height:16px}.mi-workspace-bar,.sv-artifact-head{background:#f6f6f6}
.mi-prompt-column{background:#f7f7f7}.mi-display em,.sv-display em{color:#838383}.mi-display-light em,.sv-dark .sv-display em{color:#999}
.mi-close-title{letter-spacing:-.055em}.mi-brief-summary{background:#f3f3f3}.mi-pilot-tag-dark{border-radius:100px}
.ambient-toggle{background:#171717e8;border-color:#ffffff55}.hx-replay{border-radius:100px}
::selection{background:#ddd;color:#111}a:focus-visible,button:focus-visible,input:focus-visible,summary:focus-visible{outline-color:#888}
@media(max-width:900px){.cinema h1{font-size:clamp(49px,7.2vw,69px)}.mi-tab{font-size:11px;padding:14px 10px}}
@media(max-width:600px){
 .cinema h1{font-size:clamp(40px,10.5vw,62px);line-height:1.05}.cinema-shade{background:linear-gradient(180deg,#000a 0%,#0009 48%,#0003 70%,#0008)}
 .display,.mi-display,.sv-display{letter-spacing:-.05em}.hx-offering-icon{width:44px;height:44px;border-radius:14px;margin-bottom:21px}.hx-offering-icon .hx-icon{width:24px;height:24px}
 .offering-copy h3{font-size:32px}.offering-topline{margin-bottom:23px}.industry-tab small{display:inline-flex!important;margin-right:8px}.industry-tab small .hx-icon{width:15px;height:15px}.industry-tab>span{display:flex;align-items:center}.thesis-facts{gap:18px}.thesis-facts .hx-icon{width:17px;height:17px}
 .mi-tabs{gap:4px;padding:5px;border-radius:16px}.mi-tab{font-size:10px;padding:12px 8px;text-align:center;display:block}.mi-tab-num{display:none}.mi-primary-link{width:auto;max-width:100%;font-size:12px;min-width:0}
 .mi-workspace,.mi-decision-ledger,.sv-artifact{border-radius:20px}.industry-panel,.proof-media,.sv-photo,.offering{border-radius:20px}
}
@media(prefers-reduced-motion:reduce){.offering,.industry-tab{transition:none}}

/* Surfaces are separated by tone and air; rules are reserved for structured data. */
.offering,.milo-offer{border:0;box-shadow:0 3px 18px #00000003}.offering:hover{box-shadow:0 6px 24px #00000006}
.hx-offering-icon,.milo-offer .hx-offering-icon{border:0;background:transparent;box-shadow:none;width:32px;height:36px;place-items:start center;border-radius:0}
.hx-offering-icon .hx-icon{width:29px;height:29px;stroke-width:1.25}
.knowledge-window,.support-window,.geo-window,.proof-order,.sv-artifact,.mi-workspace,.mi-decision-ledger{border:0;box-shadow:0 4px 8px #00000002,0 18px 64px -28px #00000024}
.mi-source-slip{border:0;box-shadow:0 3px 10px #00000004,0 14px 36px -16px #0000001c}.mi-slip-three{border-top:0}
.mi-memory-block{border:0;background:#242424;box-shadow:0 8px 28px #0002}
.mi-pilot-tag,.mi-pilot-tag-dark{border:0;background:#ffffff0d;padding:7px 11px}
.mi-pilot-tag-dark{background:#00000006}.mi-version-mark{border:0;background:#f1f1f1}
.hx-replay{color:#666;border:0!important;background:#f0f0f0}.hx-replay:hover{background:#e8e8e8;color:#111}
@media(max-width:360px){.milo-preview,.support-preview{height:355px}.knowledge-window{padding:20px}.knowledge-question{font-size:23px}}

.industry-panel{min-height:630px}.industry-panel h3{max-width:530px;font-size:38px;letter-spacing:-.045em;line-height:1.08}.industry-panel p{max-width:460px}
.industry-flow{display:flex;align-items:center;gap:13px;margin-top:24px;max-width:540px;padding:17px 18px;background:#ffffff13;backdrop-filter:blur(18px);border-radius:16px}
.industry-flow-step{display:flex;align-items:center;gap:8px;font-size:11px;line-height:1.4;flex:1}.industry-flow-step .hx-icon{width:20px;height:20px;stroke-width:1.2}.industry-flow-arrow{font-size:17px;color:#ffffff8c}
.industry-doors{margin-top:22px}.industry-doors a{border:0;background:#ffffff1a}.industry-example{color:#ffffff9c}
.industry-tab{border:0;border-radius:12px;padding:21px 16px}.industry-tab:first-child{border-top:0}.industry-tab[aria-selected=true]{background:#f3f3f3}.industry-tab:hover{background:#f7f7f7}
@media(max-width:900px){.industry-navigation{gap:6px}.industry-tab{padding:15px 12px}.industry-panel{min-height:610px}}
@media(max-width:600px){.industry-panel{min-height:610px}.industry-panel h3{font-size:31px}.industry-flow{gap:8px;padding:14px 12px;margin-top:22px}.industry-flow-step{flex-direction:column;align-items:flex-start;gap:9px;font-size:10px}.industry-flow-step .hx-icon{width:20px;height:20px}.industry-flow-arrow{align-self:flex-end;margin-bottom:5px}.industry-tab{padding:14px 10px;font-size:11px}.industry-tab small{margin-right:6px}.industry-doors{margin-top:18px}}
@media(max-width:360px){.industry-flow{gap:6px;padding:13px 10px}.industry-flow-step{font-size:9px}.industry-panel h3{font-size:29px}}

/* Navigation entries are typography, never outlined input-like rows. */
.nav-industry-grid .nav-item,.mobile-panel a,.nav-panel .nav-item{border:0;box-shadow:none;border-radius:0}
.site-header.solid .nav-shell,.site-header.open .nav-shell{box-shadow:0 10px 40px #00000008}

.proof-media>.proof-still{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:center}

.hx-milo-mark{fill:currentColor;stroke:none!important}.mi-memory-top .hx-milo-mark{color:#fff}.mi-workspace-brand>.hx-milo-mark{color:#171717}.mi-close-signature>.hx-milo-mark{width:25px;height:25px}.mi-resolution-mark.hx-milo-mark{color:inherit}

.industry-panel>img{object-position:78% center}.industry-panel::after{background:linear-gradient(180deg,#0003 0%,#0001 25%,#0006 50%,#000c 100%)}
.geo-preview{height:310px;padding-top:23px}.geo-window{transform:none;padding:24px;width:100%;max-width:430px}.geo-search{padding:14px 0;font-size:13px;line-height:1.5;margin-top:12px;background:none;border:0;border-radius:0;color:#555}
.geo-observation{padding:17px 0 15px}.geo-observation>small{font-size:8px;letter-spacing:.06em;color:#858585}.geo-observation strong{display:block;font-size:25px;font-weight:450;letter-spacing:-.04em;line-height:1.2;margin-top:5px}
.geo-source-preview{display:flex;gap:24px}.geo-source-preview>span{display:flex;gap:9px;font-size:10px;line-height:1.4}.geo-source-preview i{font-style:normal;color:#999;font-size:8px;margin-top:2px}.geo-source-preview small{display:block;color:#888;font-size:9px;margin-top:4px}
@media(max-width:600px){.geo-preview{height:300px}.geo-window{padding:20px}.geo-source-preview{gap:15px}.geo-observation strong{font-size:24px}.geo-search{font-size:12px}.proof-media>.proof-still{object-position:76% center}}
@media(max-width:360px){.geo-preview{height:340px}.geo-source-preview{flex-direction:column;gap:14px}.geo-search{font-size:11px}.geo-observation{padding:12px 0}}

.cinema-ctas .outline{border:0;background:#ffffff16}
.proof-media>.proof-still{object-position:76% center}

.knowledge-window .window-top strong{display:flex;align-items:center;gap:7px}.knowledge-window .window-top strong .hx-milo-mark{width:19px;height:19px}
.milo-preview{height:auto;min-height:300px;padding-bottom:20px}
.knowledge-evidence span{border:0;background:#ececec;border-radius:6px}
.window-top,.support-message{border:0}
.knowledge-evidence{gap:8px 16px}
.knowledge-evidence span{background:none;padding:0;color:#737373}
.geo-search,.sales-receipt{border:0}
.support-preview{height:auto;min-height:320px;padding-bottom:20px}
[data-page=support] .sv-photo img{object-position:76% center}
@media(max-width:600px){[data-page=support] .cinema-media{top:calc(var(--hero-copy-end,440px) - 20px)}}
@media(min-width:601px){
 [data-page=geo] .cinema-shade{background:linear-gradient(90deg,#000b 0%,#0007 24%,transparent 52%),linear-gradient(0deg,#0005,transparent 55%)}
 [data-page=support] .cinema-media{left:28%;width:72%}
 .cinema .cinema-media video,.cinema .cinema-poster{object-position:var(--film-desktop-position,50% center)}
 [data-page=support] .cinema-shade{background:linear-gradient(90deg,#141414 0%,#141414d6 12%,#14141400 48%),linear-gradient(0deg,#141414b3,transparent 60%)}
}
@media(min-width:601px) and (max-width:900px){
 [data-page=support] .cinema{min-height:940px}
 [data-page=support] .cinema-media{left:40%;width:60%}
 [data-page=support] .cinema-copy{width:calc(50% - 24px);margin-left:32px}
 [data-page=support] .cinema h1{font-size:45px;letter-spacing:-.05em}
 [data-page=support] .cinema-lede{font-size:16px}
}

.sales-receipt{gap:14px}.sales-receipt>div{min-width:0;flex:1}.sales-receipt .receipt-check{flex:0 0 32px}.sales-preview img{object-position:76% center}
.sales-preview{height:auto;aspect-ratio:16/9}
/* Keep the film behind the opening on phones, with a readable text scrim.
   Natural document height lets the live example follow the copy on short screens. */
@media(max-width:600px){
 body .cinema{min-height:100svh;max-height:none;height:auto;padding-bottom:32px}
 body .cinema .cinema-media{inset:0;width:100%;height:100%;aspect-ratio:auto}
 body .cinema .cinema-shade{background:linear-gradient(180deg,#0009 0%,#0008 38%,#0002 64%,#0007 100%)}
 .cinema .cinema-media video,.cinema .cinema-poster{object-position:var(--film-mobile-position,78% center)}
 .cinema .cinema-copy{padding-top:112px;padding-bottom:0}
 body .cinema:has(.dg-enhanced) .film-dialog.dg-enhanced{margin-top:clamp(85px,18svh,165px);margin-bottom:26px}
 body .cinema .cinema-bottom{position:relative;inset:auto;margin:18px 24px 0}
 .cinema-ctas .outline{background:#ffffff1f;color:#fff;backdrop-filter:blur(12px)}
 .cinema-ctas .outline:hover,.cinema-ctas .outline:focus-visible{background:#ffffff40;color:#fff;backdrop-filter:blur(12px)}
}

@media(min-width:901px){[data-page=geo] .film-dialog .dg-label{width:max-content;max-width:100%;height:24px;padding:3px 9px;border-radius:100px;background:#141414b8;color:#fff;backdrop-filter:blur(8px)}}

/* Every compressed opening reveals white. Dark paint belongs to the clipped
   backdrop; page-specific film treatments must not paint the outer frame. */
body .cinema{background:#fff}
.cinema,[data-hero-frame]{--hero-inset:0px;--hero-radius:0px;--hero-copy-shift:0px}
[data-hero-backdrop]{clip-path:inset(0 var(--hero-inset) round var(--hero-radius))}
.cinema-backdrop{position:absolute;inset:0;background:#151515;clip-path:inset(0 var(--hero-inset) round var(--hero-radius));overflow:hidden}
[data-page=support] .cinema-backdrop{background:#141414}
.cinema-copy{transform:translateX(var(--hero-copy-shift))}
.film-dialog{transform:translateX(calc(-1 * var(--hero-copy-shift)))}
@media(min-width:901px){.film-dialog{bottom:64px}}
@media(max-width:900px){body .cinema:has(.dg-enhanced) .film-dialog.dg-enhanced{margin-bottom:52px}}
@media(prefers-reduced-motion:reduce){.cinema-backdrop,[data-hero-backdrop]{clip-path:none}.cinema-copy,.film-dialog{transform:none}}
/* Leave room for natural translated labels without making the phone actions smaller. */
@media(max-width:600px){.cinema-ctas .button{padding-inline:15px;gap:18px}}
@media(max-width:420px){[data-page=milo] .cinema-ctas{flex-direction:column;align-items:flex-start}}

/* Original marks, sized by visible weight rather than equal image dimensions. */
.company-roster{padding:66px 0 70px;border:0}
.roster-label{margin-bottom:30px;font-size:12px;color:#777}
.roster-logos{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));align-items:center;gap:40px;list-style:none;margin:0;padding:0}
.roster-logo{display:flex;align-items:center;justify-content:center;height:82px;min-width:0}
.roster-logo img{display:block;object-fit:contain;height:auto;max-width:100%;filter:grayscale(1) brightness(0);opacity:.68;transition:opacity .25s ease}
.roster-logo:hover img{opacity:.92}
.roster-btg img{width:140%;max-width:184px;flex:none}
.roster-getnet img{width:130px}
.roster-loft img{width:64px}
.roster-buser img{width:140px}
.roster-granado img{width:148px}
.roster-coffee img{width:72px}
@media(max-width:1100px){.roster-logos{gap:24px}.roster-btg img{width:160px}.roster-getnet img{width:116px}.roster-buser img{width:122px}.roster-granado img{width:128px}.roster-loft img{width:62px}.roster-coffee img{width:66px}}
@media(max-width:800px){.company-roster{padding:50px 0 54px}.roster-logos{grid-template-columns:repeat(3,minmax(0,1fr));gap:24px 40px}.roster-logo{height:76px}.roster-label{margin-bottom:22px}}
@media(max-width:480px){.roster-logos{gap:20px 22px}.roster-logo{height:66px}.roster-btg img{width:140%;max-width:126px}.roster-getnet img{width:100px}.roster-buser img{width:100px}.roster-granado img{width:108px}.roster-loft img{width:56px}.roster-coffee img{width:60px}.roster-label{font-size:11px}}
@media(prefers-reduced-motion:reduce){.roster-logo img{transition:none}}

/* Give the working action its own frame; the product story continues below. */
.proof-grid{grid-template-areas:"film copy" "conversation copy";grid-template-columns:minmax(0,1.05fr) minmax(0,1fr);gap:24px 72px;align-items:start}
.proof-media{grid-area:film;min-height:0;aspect-ratio:16/9}
.proof-copy{grid-area:copy;align-self:center;min-width:0}
.proof-features{border:0;margin-block:26px 28px}
.proof-feature{border:0;padding-block:12px}
.proof-order{grid-area:conversation;position:relative;inset:auto;min-width:0;padding:25px 28px 22px;background:#f6f6f6;border:0;box-shadow:none;backdrop-filter:none}
.proof-order .proof-question{margin:18px 0 21px;font-size:24px;line-height:1.25}
.proof-recommendation{border:0;padding:0 0 24px;gap:14px}
.proof-gift{width:42px;height:48px;background:none}
.proof-gift svg{width:30px;stroke:#555}
.proof-recommendation strong{font-size:16px}
.proof-recommendation div>span{font-size:12px;margin-top:5px}
.proof-order .proof-order-row{border:0;padding:0;font-size:12px;line-height:1.5}
.proof-order .hx-replay{margin-top:14px}
.proof-film-caption{max-width:calc(100% - 104px);right:auto;line-height:1.5}
@media(max-width:1100px){.proof-grid{gap:24px 40px}.proof-order{padding:24px}.proof-order .proof-question{font-size:22px}}
@media(max-width:900px){.proof-grid{grid-template-areas:"copy" "film" "conversation";grid-template-columns:minmax(0,1fr);gap:24px}.proof-copy{margin-bottom:14px}.proof-copy .body-copy{max-width:560px}.proof-features{max-width:560px}.proof-order{padding:26px 30px}.proof-order .proof-question{font-size:26px}}
@media(max-width:600px){.proof-grid{gap:18px}.proof-copy{margin-bottom:12px}.proof-order{padding:24px}.proof-order .proof-question{font-size:23px;max-width:330px}.proof-film-caption{top:18px;left:20px;font-size:9px}.proof-order .proof-order-row{font-size:11px;flex-wrap:wrap;row-gap:4px}}