/* Black and white brand surfaces. Colour belongs to the product and photography. */
:root{--paper:#fff;--stone:#e9e9e9;--soft:#f5f5f5;--ink:#111;--muted:#666;--line:#e1e1e1;--accent:#e7e7e7;--forest:#111}
body{background:#fff;color:#111}
:focus-visible{outline-color:currentColor;outline-offset:5px}
.site-header{background:#fff}.site-header.scrolled{background:#ffffffed;border-color:#e8e8e8}
.button{border-radius:12px;min-height:54px;font-size:14px;padding:15px 23px}.button-dark{background:#111;color:#fff}.button-dark:hover{background:#333}.button-outline{border-color:#c9c9c9}.button-outline:hover{background:#f3f3f3}.nav-cta{min-height:44px;padding:11px 17px}
.eyebrow,.hero-copy .eyebrow,.questions-grid .eyebrow,.story-intro .eyebrow,.about-grid>.eyebrow,.audience-heading>.eyebrow{color:#666;letter-spacing:.12em;font-size:12px}
.hero{padding-top:56px;background:#fff}.hero-copy{z-index:10}.hero-copy h1{font-size:clamp(64px,7.1vw,104px);letter-spacing:-.075em;font-weight:750;line-height:1.03;margin-top:20px}.hero-line{line-height:1.09}.hero-line:nth-child(2)>span{color:#111}.hero-description{color:#626262;font-size:18px;line-height:1.75;margin-top:24px}.hero-actions{margin-top:29px}
.hero-stage{height:660px;margin-top:24px;max-width:1300px}.hero-stage-backdrop{inset:80px 0 70px;background:linear-gradient(#fafafa,#f2f2f2);border-radius:28px}.hero-stage-backdrop::after{background:radial-gradient(ellipse at 48% 18%,#fff,transparent 65%)}
.hero-stage .device-tablet{width:78%;left:-5%;top:76px}.hero-phone{right:-3%;top:-8px;width:48%;z-index:5;transform:none!important}.hero-phone .device-hardware{filter:drop-shadow(10px 26px 16px #0002)}
.phone-3d-mount{position:absolute;inset:0;z-index:4;pointer-events:none;opacity:0;transition:opacity .6s ease}.phone-3d-mount canvas{display:block;width:100%;height:100%}.is-3d-ready>.phone-3d-mount{opacity:1}.is-3d-ready>.device-hardware,.is-3d-ready>.device-screen{opacity:0!important;visibility:hidden}
.floating-detail{position:absolute;background:#ffffffee;backdrop-filter:blur(12px);border:1px solid #e8e8e8;border-radius:16px;z-index:7;box-shadow:0 14px 35px #00000012;animation:detail-arrive 1s .65s both;pointer-events:none}
.detail-visit{top:132px;left:0;display:flex;align-items:center;gap:13px;padding:20px;width:287px;transform:translateY(var(--hero-float,0px))}.detail-icon{width:44px;height:47px;display:grid;place-items:center;background:#f0edf9;border-radius:12px;color:#795cd3}.detail-visit>div{flex:1}.detail-visit small{font-size:10px;letter-spacing:.1em;color:#888;display:block}.detail-visit strong{font-size:17px;display:block;margin-top:4px;letter-spacing:-.025em}.detail-visit div>span{display:block;font-size:11px;color:#777;margin-top:3px}.detail-visit>.icon{width:18px}
.detail-route{left:38%;bottom:101px;width:241px;padding:21px;transform:translateY(calc(var(--hero-float,0px)*-.65))}.detail-card-heading{display:flex;justify-content:space-between;align-items:center;font-size:12px;color:#777}.detail-card-heading .icon{width:17px}.detail-route>strong{font-size:21px;letter-spacing:-.05em;display:block;margin-top:9px}.detail-route>small{font-size:11px;color:#888;display:block;margin-top:14px}.detail-stops{display:flex;align-items:center;margin-top:19px}.detail-stops span{display:grid;place-items:center;background:#151515;color:white;width:24px;height:24px;border-radius:50%;font-size:10px}.detail-stops i{flex:1;height:1px;background:#b6b6b6;margin:0 4px}
.preview-disclosure{bottom:79px;right:31px;font-size:12px;color:#777}.scroll-cue{bottom:9px;font-size:11px;letter-spacing:.11em;gap:16px}
.about-section{padding:80px 0 88px;border:0}.about-grid{grid-template-columns:.38fr 1fr;gap:70px}.about-grid h2{font-size:clamp(43px,4.8vw,65px);font-weight:650}.about-copy p{color:#626262}.purpose-tags span{border-color:#ddd;color:#555;border-radius:7px}

/* Product mosaic inspired by the supplied asymmetric device and feature layouts. */
.field-section{background:#090909;padding:79px 0 87px;color:#fff;overflow:clip}.field-heading{display:flex;justify-content:space-between;align-items:end;gap:35px;margin-bottom:34px}.field-heading .eyebrow{color:#aaa;margin-bottom:20px}.field-heading h2{font-size:clamp(40px,4.9vw,67px);font-weight:600;line-height:1.07}.field-heading>p{font-size:16px;line-height:1.8;color:#aaa;max-width:310px}.field-grid{display:grid;grid-template-columns:1fr 1.65fr 1fr;grid-template-rows:250px 250px;gap:15px}.field-tile{position:relative;min-width:0;overflow:hidden;border:1px solid #2c2c2c;border-radius:22px;background:#171717;padding:25px;display:flex;flex-direction:column;transition:border-color .4s,transform .6s}.field-tile:hover{border-color:#666}.field-tile .tile-label{color:#929292;letter-spacing:.08em;font-size:11px}.field-tile h3{font-size:25px;font-weight:500;line-height:1.18;letter-spacing:-.045em;margin-top:10px}.tile-arrow{position:absolute;right:19px;top:20px;width:27px;height:27px;border-radius:50%;border:1px solid #444;display:grid;place-items:center}.tile-arrow .icon{width:14px;height:14px}
.field-photo{grid-column:2;grid-row:1/3;padding:0;background:#222;border:0}.field-photo>img{height:100%;width:100%;object-fit:cover;object-position:56% 50%;transition:transform 1.1s ease;transform:scale(1.06) translateY(var(--photo-offset,0px))}.field-photo::after{content:'';position:absolute;inset:0;background:linear-gradient(transparent 24%,#0000000a 40%,#000b 100%);pointer-events:none}.field-photo-copy{position:absolute;left:33px;right:33px;bottom:34px;z-index:2}.field-photo-copy .eyebrow{color:#ddd}.field-photo-copy h3{font-size:clamp(32px,3.2vw,45px);line-height:1.12;max-width:350px;margin-top:16px;letter-spacing:-.04em}.field-photo-copy p{font-size:14px;line-height:1.7;max-width:300px;color:#ddd;margin-top:16px}.field-tile:nth-child(3){grid-column:3;grid-row:1}.field-tile:nth-child(4){grid-column:1;grid-row:2}.field-tile:nth-child(5){grid-column:3;grid-row:2}
.tile-route-stops{margin-top:auto;display:flex;align-items:center;gap:5px;padding-top:26px}.tile-route-stops span{display:grid;place-items:center;border:1px solid #454545;width:38px;height:38px;border-radius:50%;background:#242424;color:#bbb;font-size:12px}.tile-route-stops span:first-child{background:white;border-color:white;color:#111}.tile-route-stops i{flex:1;height:1px;background:#4b4b4b}.tile-caption{font-size:12px;line-height:1.7;color:#999;margin-top:17px}
.mini-lead{padding:13px 14px;border-radius:10px;margin-top:24px;background:#242424;display:flex;align-items:center;gap:11px;box-shadow:0 10px 23px #0002}.mini-avatar{width:35px;height:35px;display:grid;place-items:center;background:#dcbcb0;color:#4e3025;border-radius:10px;font-size:11px;flex-shrink:0}.mini-lead strong{font-size:12px;display:block;font-weight:600}.mini-lead small{font-size:10px;color:#aaa;display:block;margin-top:4px}.mini-lead>.icon{width:16px;margin-left:auto;color:#c4c4c4}
.mini-team{display:flex;margin-top:auto;padding-top:25px}.mini-team span{width:46px;height:46px;border:4px solid #171717;border-radius:50%;display:grid;place-items:center;font-size:11px;font-weight:650;background:#d9c6f1;color:#4e346d;margin-left:-7px}.mini-team span:first-child{margin-left:0}.mini-team span:nth-child(2){background:#e7bda9;color:#763c2b}.mini-team span:nth-child(3){background:#bdc9eb;color:#354671}.mini-team span:last-child{background:#333;color:#bbb}
.mini-chart{display:flex;align-items:flex-end;gap:9px;flex:1;padding-top:20px;height:100px;max-height:102px}.mini-chart i{flex:1;height:var(--h);background:#444;border-radius:4px 4px 0 0;transform-origin:bottom}.mini-chart i:nth-child(5){background:#c3b4ee}.is-revealed .mini-chart i{animation:grow-chart 1.1s both;animation-delay:calc(var(--i)*.09s)}
.field-bottom{display:flex;align-items:center;justify-content:space-between;gap:20px;margin-top:28px}.field-bottom p{font-size:12px;color:#858585}.field-bottom .text-link{color:#ddd;font-size:14px}
.showcase-section{padding-block:88px 90px;background:#fff}.showcase-heading{margin-bottom:39px}.showcase-heading h2{font-weight:650}.showcase-shell{background:#111;color:#fff;border-radius:24px}.showcase-viewport{background:radial-gradient(ellipse at 54% 46%,#5554,transparent 67%)}.showcase-narrative h3{color:#fff}.showcase-narrative p{color:#bcbcbc}.showcase-overline{color:#aaa}.round-control{border-color:#666;color:#fff}.round-control:hover{background:#fff;color:#111}.showcase-tabs button{color:#666;border-color:#ddd;border-radius:9px}.showcase-tabs button[aria-selected=true]{background:#111;border-color:#111;color:#fff}.showcase-tabs button:hover{background:#eee;border-color:#999}.showcase-tabs button[aria-selected=true]:hover{background:#333}.showcase-timer{background:#414141}.showcase-timer-fill{background:#fff}.showcase-disclosure{color:#999}.showcase-heading>p{color:#666}
.features-section{background:#f5f5f5;padding-top:90px}.story-chapter h3 span{color:#777}.story-intro h2{font-weight:650}.story-wash{display:none}.story-device{transform:none!important}.story-device.is-3d-ready{filter:drop-shadow(0 27px 16px #00000016)}.story-screen-number{color:#777}.story-device-caption{color:#111}.story-device-caption small{color:#777}.chapter-kicker>span{background:#fff;border-color:#ddd;color:#111}.feature-points li::before{color:#111}.story-navigation a[aria-current=step] span{background:#111}
.audience-section{background:#fff}.audience-grid{gap:22px}.audience-grid article,.audience-grid article:nth-child(2),.audience-grid article:nth-child(3){background:#f4f4f4;border:0;border-radius:20px;padding:32px;min-height:315px}.audience-icon{background:#fff;width:52px;height:52px}.audience-grid h3{font-size:29px}.audience-grid p{font-size:16px;color:#666}.audience-number{color:#999}.privacy-note{background:#111}.privacy-inner h2 span{color:#aaa}.privacy-symbol{color:#ddd;border-color:#444}.privacy-inner p{color:#aaa}.privacy-inner>.text-link{color:#ddd}.faq-list summary{font-size:16px}.faq-list p{font-size:16px;color:#666}
.download-section{background:#f1f1f1;padding-block:80px 86px}.download-inner h2 .serif-emphasis{color:#111}.download-inner>p:not(.eyebrow),.download-inner>.eyebrow{color:#666}.download-inner h2{font-weight:650}.store-badge{background:#111;border-color:#111;color:#fff;border-radius:12px}.store-badge small{color:#aaa}.launch-note{color:#777;font-size:12px}.download-plans-link{color:#222}.site-footer{background:#fff}

/* Product illustrations retain restrained full colour; the surrounding site stays monochrome. */
.ui-canvas{color:#222;background:#fcfcfd}.ui-full-button,.ui-map-card-button{background:#151515;color:white}.ui-business-icon{background:#eeebf8;color:#7555c1}.ui-pin{background:#7660c3;border-color:#fff;box-shadow:0 4px 9px #59468a33}.ui-pin.secondary{background:#fff;color:#745cbf}.ui-pin.won{background:#dcbcb0;color:#744c3a}.ui-user-location{background:#745bca;box-shadow:0 0 0 9px #745bca22}.ui-avatar{background:#e2d7f2;color:#6d4a90}.ui-avatar.earth{background:#f2d8c9;color:#985e3c}.ui-avatar.slate{background:#dae2f6;color:#526b9b}.ui-status-pill,.ui-followup{background:#f1ecfb;border-color:#ddd1f0;color:#7850aa}.ui-activity-hero{background:#eee7f8;border-color:#e0d4ef}.ui-activity-hero strong,.ui-activity-totals strong,.ui-home-stats strong{color:#71519c}.ui-chart-bar{background:#d5c8e8}.ui-chart-bar:nth-child(6){background:#7b5cad}.ui-next-stop{background:#f0eaf7;border-color:#e1d7eb}.ui-territory-swatch{background:#aa8bc9;border-color:#9071b0}.ui-territory-swatch.is-light{background:#e2c2b6;border-color:#cca594}.ui-map-chips span:first-child{background:#1b1b1b;color:#fff}.ui-nav .active{color:#7555ab}.ui-note{background:#f5f1f9;border-color:#e9e0ef}

@keyframes detail-arrive{from{opacity:0;translate:0 25px}to{opacity:1;translate:0 0}}
@media(min-width:1500px){.hero-stage{height:690px}.hero-stage .device-tablet{top:81px}.hero-phone{top:-14px}}
@media(max-width:1200px){.hero-stage{height:590px}.hero-stage .device-tablet{top:104px;width:80%;left:-6%}.hero-phone{width:49%;right:-4%;top:6px}.detail-visit{top:142px;width:254px;padding:16px;left:-1%}.detail-route{bottom:98px;left:34%;width:222px}.field-grid{grid-template-columns:1fr 1.4fr 1fr;grid-template-rows:245px 245px}.field-tile{padding:22px}.field-tile h3{font-size:23px}.field-photo{padding:0}.field-photo-copy{left:27px;right:27px}.about-grid{gap:40px}.mini-lead{padding:12px 10px;gap:8px}}
@media(max-width:980px){.hero{padding-top:41px}.hero-copy h1{font-size:74px}.hero-stage{height:535px}.hero-stage .device-tablet{top:119px;width:82%;left:-6%}.hero-phone{width:53%;top:13px;right:-5%}.detail-visit{width:225px;padding:15px;top:142px}.detail-visit strong{font-size:15px}.detail-icon{width:36px;height:39px}.detail-route{left:26%;bottom:87px;width:200px;padding:17px}.detail-route>strong{font-size:19px}.detail-route>small{font-size:10px}.preview-disclosure{right:17px}.field-grid{grid-template-columns:1fr 1fr;grid-template-rows:250px 250px 240px;gap:15px}.field-photo{grid-column:2;grid-row:1/3}.field-tile:nth-child(3){grid-column:1;grid-row:2}.field-tile:nth-child(4){grid-column:1;grid-row:3}.field-tile:nth-child(5){grid-column:2;grid-row:3}.field-photo-copy h3{font-size:36px}.field-tile h3{font-size:27px}.mini-team{padding-top:14px}.audience-grid article{padding:25px;min-height:320px}.audience-grid h3{font-size:25px}.audience-grid p{font-size:15px}}
@media(max-width:760px){.hero-copy h1{font-size:clamp(43px,8.5vw,63px);letter-spacing:-.065em}.hero-copy .eyebrow{font-size:11px}.hero-description{font-size:16px;margin-top:22px}.hero-actions .button{min-height:50px;font-size:13px;border-radius:10px}.hero-stage{height:440px;margin-top:23px}.hero-stage-backdrop{inset:65px -7px 58px;border-radius:20px}.hero-stage .device-tablet{width:83%;left:-9%;top:92px}.hero-phone{width:60%;right:-11%;top:-2px}.detail-visit{left:-3px;top:130px;width:192px;padding:11px;gap:9px;border-radius:12px}.detail-visit small{font-size:8px}.detail-visit strong{font-size:13px}.detail-visit div>span{font-size:9px}.detail-icon{width:30px;height:34px;border-radius:9px}.detail-icon .icon{width:16px}.detail-visit>.icon{display:none}.detail-route{width:175px;left:15%;bottom:82px;padding:13px;border-radius:12px}.detail-route>strong{font-size:17px}.detail-route>small{font-size:9px;margin-top:10px}.detail-card-heading{font-size:10px}.detail-stops{margin-top:12px}.detail-stops span{width:20px;height:20px;font-size:8px}.preview-disclosure{bottom:39px;left:0;right:0;text-align:center;font-size:10px}.scroll-cue{font-size:9px;letter-spacing:.08em;bottom:0}.about-section{padding-block:62px}.about-grid h2{font-size:43px}.about-copy{margin-top:25px}.purpose-tags span{font-size:12px}.field-section{padding-block:62px}.field-heading{display:block}.field-heading h2{font-size:44px}.field-heading>p{margin-top:23px;max-width:430px}.field-grid{gap:12px;grid-template-rows:230px 240px 215px}.field-tile{padding:22px;border-radius:17px}.field-tile h3{font-size:25px}.field-photo{padding:0}.field-photo-copy{left:24px;right:24px;bottom:25px}.field-photo-copy h3{font-size:32px}.field-photo-copy p{font-size:13px}.tile-arrow{right:15px;top:15px;width:24px;height:24px}.field-tile .tile-label{font-size:10px;max-width:calc(100% - 25px)}.tile-route-stops{gap:3px}.tile-route-stops span{width:30px;height:30px}.field-bottom{align-items:flex-start;flex-direction:column;gap:15px}.field-bottom p{font-size:11px}.showcase-section{padding-block:63px}.showcase-heading h2{font-size:42px}.showcase-shell{border-radius:20px}.features-section{padding-top:65px}.story-device-caption{font-size:12px;gap:3px}.story-device-caption small,.story-screen-number{font-size:10px}.story-sticky{background:#f5f5f5}.story-sticky::after{background:linear-gradient(#f5f5f5,#f5f5f500)}.story-chapter h3{font-size:36px}.audience-grid article{min-height:0;padding:29px}.audience-grid h3{font-size:28px}.audience-grid p{font-size:16px}.download-section{padding-block:62px}.download-inner h2{font-size:62px}.store-badge small{font-size:11px}.store-badge strong{font-size:19px}.faq-list summary{font-size:16px}.launch-note{font-size:12px}.footer-bottom,.footer-bottom nav{font-size:12px}}
@media(max-width:540px){.hero{padding-top:30px}.hero-copy h1{font-size:clamp(35px,10.3vw,51px)}.hero-description{max-width:330px}.hero-stage{height:365px}.hero-stage .device-tablet{width:100%;left:-20%;top:100px}.hero-phone{width:73%;right:-20%;top:0}.detail-visit{top:101px;width:172px;padding:10px}.detail-route{left:4%;bottom:65px;width:149px;padding:12px}.detail-route>strong{font-size:15px}.detail-route>small{display:none}.detail-card-heading .icon{width:14px}.detail-stops{margin-top:12px}.preview-disclosure{bottom:29px;font-size:10px}.scroll-cue{font-size:8px}.hero-actions{gap:9px}.hero-actions .button{padding-inline:16px;font-size:12px}.field-grid{grid-template-columns:1fr 1fr;grid-template-rows:350px auto auto}.field-photo{grid-column:1/3;grid-row:1}.field-photo>img{object-position:center 42%}.field-photo-copy{left:25px;right:25px;bottom:27px}.field-photo-copy h3{font-size:35px;max-width:270px}.field-photo-copy p{display:none}.field-tile:first-child{grid-column:1;grid-row:2}.field-tile:nth-child(3){grid-column:2;grid-row:2}.field-tile:nth-child(4){grid-column:1;grid-row:3}.field-tile:nth-child(5){grid-column:2;grid-row:3}.field-tile:not(.field-photo){padding:19px 15px;min-height:226px}.field-tile h3{font-size:22px;margin-top:15px}.tile-arrow{width:22px;height:22px;right:12px;top:12px}.field-tile .tile-label{font-size:9px;letter-spacing:.05em}.tile-caption{font-size:11px;line-height:1.65}.tile-route-stops{padding-top:22px;gap:2px}.tile-route-stops span{width:25px;height:25px;font-size:9px;flex-shrink:0}.tile-route-stops i{margin:0}.mini-lead{padding:11px 9px;gap:7px;margin-top:22px}.mini-avatar{width:26px;height:29px;border-radius:7px;font-size:9px}.mini-lead strong{font-size:10px}.mini-lead small{font-size:8px}.mini-lead>.icon{display:none}.mini-team span{width:37px;height:37px;border-width:3px;font-size:9px}.mini-chart{gap:5px}.field-heading h2{font-size:39px}.showcase-heading h2,.about-grid h2{font-size:38px}.download-inner h2{font-size:54px}.store-badge strong{font-size:17px}.store-badge small{font-size:10px}.story-chapter h3{font-size:33px}}
@media(prefers-reduced-motion:reduce){.floating-detail,.field-photo>img{transform:none!important;animation:none!important}.phone-3d-mount{transition:none}.is-revealed .mini-chart i{animation:none}.field-tile{transition:none}}

/* Keep the main 3D stage fully in frame at every breakpoint. */
.hero-phone{height:640px;aspect-ratio:auto}.hero-phone>.device-hardware{height:100%;width:100%}
@media(max-width:1200px){.hero-phone{height:572px}}
@media(max-width:980px){.hero-phone{height:510px}}
@media(max-width:760px){.hero-phone{height:417px}}
@media(max-width:540px){.hero-phone{height:352px}}