/* Brand motion, compact layouts, and readable fallbacks. Loaded last. */
.masthead .motion-toggle{min-width:38px;min-height:44px;justify-content:center}
.brand-logo-shell{overflow:hidden}.brand-name{white-space:nowrap}.brand-caption{white-space:normal}
@media(max-width:640px){.hero-logo-watermark{width:92vw;height:92vw;opacity:.045}.site-footer{grid-template-columns:1fr 1fr;gap:28px 18px;padding-top:40px}.footer-brand{grid-column:1/-1}.footer-logo{font-size:17px}.footer-links strong,.footer-contact strong{font-size:13px}.footer-links a,.footer-contact a,.footer-contact address{font-size:12px;line-height:2}.footer-bottom{grid-column:1/-1;flex-wrap:wrap;font-size:11px}}
.hero .city{color:var(--mint);background:linear-gradient(110deg,var(--mint) 12%,var(--cyan) 43%,var(--gold) 86%);background-clip:text;-webkit-background-clip:text;-webkit-text-fill-color:transparent}
.hero .city svg{-webkit-text-fill-color:initial}
.ambient-one{background:radial-gradient(ellipse,#65dcd5a6,#43637e56 44%,transparent 72%);animation:brand-breathe 13s ease-in-out infinite alternate}
.ambient-two{background:radial-gradient(ellipse,#e5b5374f,#321e4873 46%,transparent 73%);animation:brand-breathe 17s ease-in-out -6s infinite alternate-reverse}
@keyframes brand-breathe{from{transform:translate(-2%,1%) scale(.93)}to{transform:translate(3%,-3%) scale(1.08)}}
.section-shell,.engineering-copy,.case-narrative,.store-panel-copy,.store-preview,.brief-fields>label{min-width:0}
.detail-section p,.detail-section h2,.detail-section h3,.terminal-line{overflow-wrap:anywhere}
.case-narrative{min-height:510px}.platform-table-wrap{overflow-x:auto;scrollbar-width:thin}
.delivery-steps:after{content:"";position:absolute;right:23px;top:34px;width:1px;height:calc((100% - 68px)*var(--delivery-progress));background:var(--gold);z-index:-1;transition:height .4s}
.strategy-experience:not(.is-visible) .strategy-orbit *,.strategy-experience:not(.is-visible) .strategy-orbit-ring:before{animation-play-state:paused}
.detail-section:not(.section-revealed) .conversion-journey>i:after{animation-play-state:paused}
.motion-paused .header-light:before,.motion-paused .ambient,.motion-paused .strategy-orbit *,.motion-paused .strategy-orbit-ring:before,.motion-paused .conversion-journey>i:after{animation-play-state:paused}
.site-motion-ready .motion-paused .section-title{transition:none}

@media(min-width:1121px) and (max-width:1360px){
  .masthead{gap:14px;padding-inline:16px;inset-inline:24px}.wordmark{max-width:245px;gap:9px}.brand-name{font-size:13px}.brand-caption{font-size:10px}.brand-logo-shell{width:42px;height:42px}.header-menu{gap:14px}.header-menu a{font-size:12px}.header-actions{gap:7px}.header-cta{gap:8px;padding:12px;font-size:12px}
}
@media(max-width:1120px){
  .masthead{inset-inline:24px;padding-inline:20px;height:80px;gap:18px}.masthead.is-scrolled{height:72px}.wordmark{margin-inline-end:auto}.header-actions{gap:14px}.menu-toggle{display:flex}
  .header-menu{position:absolute;inset:calc(100% + 10px) 0 auto;display:none;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;padding:16px;border:1px solid #65dcd544;border-radius:17px;background:linear-gradient(110deg,#211f39fa,#183849fa);box-shadow:0 22px 55px #08122966;max-height:calc(100svh - 125px);overflow-y:auto}
  .header-menu.is-open{display:grid}.header-menu a{padding:16px 10px;text-align:center;background:#d9fff408;border-radius:9px;font-size:14px}.header-menu a:after{inset-inline:22px;bottom:7px}
  .detail-section{padding-block:85px}.section-title{margin-bottom:40px}.section-title h2{font-size:clamp(29px,4vw,43px)}.engineering-layout{gap:35px}.engineering-visual{padding:23px}.engineering-layer{gap:11px;padding:18px 12px}.engineering-layer strong{font-size:14px}
  .platform-table th,.platform-table td{padding:23px}.store-panel{gap:35px;grid-template-columns:1fr 1.2fr}.conversion-grid{gap:24px}.conversion-item{padding-inline-start:18px}.case-layout{gap:35px}.delivery-layout{gap:45px}.faq-layout{gap:40px}.start-card{padding:42px}.pricing-grid{gap:18px}.pricing-item{padding:27px 23px}
}
@media(max-width:1000px){
  .icon-strategy-scene{inset:31% 0 42%}.strategy-orbit,.strategy-orbit[data-side=left]{width:min(70vw,420px);height:min(22svh,225px);--orbit-shift:0px;transform:none}.strategy-icon{width:96px;min-height:90px;gap:5px;padding:7px}.strategy-icon>svg{width:48px;height:48px}.strategy-icon>span{font-size:11px;line-height:1.8}.strategy-overview{bottom:38%;width:100%}.strategy-overview>strong{font-size:13px}.strategy-overview>span{font-size:11px;margin-bottom:4px}.strategy-copy h3{font-size:23px;line-height:1.7}.strategy-copy p{font-size:15px;line-height:1.95}
  .engineering-layout{grid-template-columns:1fr;gap:35px;direction:rtl}.engineering-visual{position:relative;top:auto;max-width:680px;width:100%;margin:auto}.engineering-stack{gap:9px}.engineering-layer{padding:15px}.engineering-visual-head{margin-bottom:22px}.engineering-terminal{min-height:100px;padding-top:22px;margin-top:22px}.engineering-item{padding-block:23px}.engineering-item:first-child{padding-top:5px}
  .store-panel{grid-template-columns:1fr;gap:32px}.store-panel-copy{max-width:750px}.store-preview{max-width:750px;width:100%;margin:auto}.conversion-item h3,.case-narrative h3{font-size:19px}.case-layout{grid-template-columns:1fr;gap:35px}.case-showcase{position:relative;top:auto;max-width:720px;width:100%;margin:auto}.case-narrative{min-height:0}.case-narrative article{padding-block:23px}.delivery-layout{grid-template-columns:.6fr 1.4fr;gap:30px}.delivery-summary>p{font-size:21px}.delivery-step h3{font-size:20px}.pricing-grid{grid-template-columns:1fr;gap:18px}.pricing-item{padding:28px}.pricing-cap{margin-bottom:20px}.pricing-item h3{font-size:21px}.pricing-summary{align-items:flex-start;gap:25px}.faq-layout{grid-template-columns:1fr;gap:0}.faq-layout .section-title{position:relative;top:auto;max-width:780px}
}
@media(max-width:640px){
  html{scroll-padding-top:105px}.masthead{inset-inline:12px;top:12px;height:72px;padding-inline:12px;border-radius:15px;gap:8px}.masthead.is-scrolled{top:8px;height:64px}.wordmark{max-width:calc(100% - 145px);gap:8px}.brand-name{font-size:12px;line-height:1.7}.brand-caption{font-size:9px;line-height:1.7;margin-top:1px}.brand-logo-shell{width:36px;height:36px;border-radius:8px}.header-actions{gap:7px}.masthead .motion-toggle{min-width:28px}.header-cta{min-width:36px;min-height:40px;padding:8px;border-radius:9px}.header-cta>span{display:none}.header-cta svg{width:19px;height:19px}.menu-toggle{width:38px;height:40px;border-radius:9px}.header-menu{grid-template-columns:repeat(2,minmax(0,1fr));padding:11px;gap:7px;inset-block-start:calc(100% + 8px)}.header-menu a{font-size:13px;padding:15px 8px}
  .detail-section{padding-block:65px;scroll-margin-top:88px}.section-title{margin-bottom:30px}.section-title .section-overline{font-size:10px;letter-spacing:.025em;margin-bottom:14px}.section-title h2{font-size:clamp(25px,6.3vw,34px);line-height:1.85;letter-spacing:0}.section-title>p{font-size:15px;margin-top:14px;line-height:2}.detail-section h3{font-size:18px;line-height:1.95}.detail-section p{font-size:15px;line-height:2.1}.text-link{font-size:14px}.solid-action,.outline-action{font-size:14px;padding:14px 17px;gap:10px}
  .engineering-visual{padding:20px 17px;border-radius:17px}.engineering-visual-head{font-size:12px}.engineering-layer{gap:11px;padding:13px 10px}.engineering-layer strong{font-size:13px}.engineering-layer .ui-line-icon{width:27px;height:27px}.layer-number{font-size:11px}.engineering-layer.is-selected{transform:translateX(-4px)}.terminal-line{font-size:14px}.engineering-terminal p{font-size:13px}.engineering-item{gap:12px}.engineering-item .row-index{font-size:11px;min-width:20px}.engineering-item h3{margin-bottom:10px}
  .platform-compare{border-radius:17px}.platform-controls{padding:14px;gap:5px;flex-wrap:wrap}.platform-controls button{font-size:12px;padding:10px 11px}.platform-table{min-width:660px}.platform-table th,.platform-table td{padding:20px 18px}.platform-table th:first-child{width:25%}.platform-table thead th{font-size:17px}.platform-table h3{font-size:16px}.platform-table td{font-size:14px;line-height:2.1}.platform-table small{font-size:12px}.platform-note{padding:18px;font-size:13px}.platform-scroll-hint{display:block;color:#a6c8d4;font-size:12px;padding:10px 18px 0;line-height:1.9}
  .store-tabs{gap:5px;margin-bottom:30px;padding-bottom:14px}.store-tabs button{flex:1;justify-content:center;font-size:13px;padding:13px 5px;gap:7px;border-radius:10px}.store-tabs button>span{font-size:10px}.store-panel-copy h3{font-size:23px;line-height:1.9}.store-panel-copy .section-overline{font-size:11px}.plain-checks li{font-size:14px}.store-preview{border-radius:16px;min-height:0}.store-browser-bar{padding:17px 15px;font-size:12px;flex-wrap:wrap;gap:7px}.store-browser-bar span:last-child{font-size:10px}.shop-search{margin:18px 15px;padding:11px 13px;font-size:12px}.shop-preview-grid{padding-inline:15px;gap:8px}.shop-product{padding:13px 8px;border-radius:9px}.shop-product-number{font-size:19px;margin-bottom:10px}.shop-product>strong{font-size:11px;line-height:1.9;margin-bottom:12px}.mini-shop-action{font-size:10px}.shop-status-strip{margin:20px 15px 0;font-size:9px;gap:4px}.preview-caption{font-size:11px;padding:15px}.manager-metrics{padding:18px 15px;gap:7px}.manager-metrics>div{padding:13px 9px}.manager-metrics small{font-size:11px;margin-bottom:8px}.manager-metrics strong{font-size:11px;line-height:1.9}.manager-table{margin-inline:15px}.manager-table>div{padding:12px 8px;font-size:10px;line-height:1.9;grid-template-columns:1.2fr 1fr 1fr;gap:7px}.growth-preview-flow{width:80%;margin-block:20px}.growth-preview-flow strong{font-size:13px}.growth-labels{gap:9px;font-size:10px}
  .conversion-journey{grid-template-columns:1fr 25px 1fr;margin-bottom:32px;padding:20px 12px;gap:8px}.conversion-journey>span{font-size:13px;padding:14px 4px}.conversion-journey>i:nth-of-type(2){grid-column:1/-1;width:1px;height:22px;margin:auto}.conversion-journey>i:nth-of-type(2):after{display:none}.conversion-grid{grid-template-columns:1fr;gap:28px}.conversion-item{padding-inline-start:19px}.conversion-number{font-size:12px;margin-bottom:10px}.conversion-item h3{font-size:19px;margin-bottom:10px}
  .case-selector{gap:8px;margin-bottom:25px}.case-selector button{padding:12px 9px;min-width:0;flex:1;gap:4px}.case-selector button>span{font-size:16px}.case-selector small{font-size:10px;line-height:1.9}.case-label{padding:16px;font-size:10px}.case-name{font-size:15px}.case-open{font-size:14px;padding:17px 16px}.case-showcase .case-disclosure{font-size:12px;margin:17px 16px;padding:0}.case-narrative article{gap:12px}.case-narrative h3{font-size:18px}
  .delivery-layout{grid-template-columns:1fr;gap:30px}.delivery-summary{position:relative;top:auto;display:grid;grid-template-columns:85px 1fr;gap:10px 20px;align-items:center}.delivery-big-number{font-size:78px}.delivery-summary>p{font-size:19px;margin:0;line-height:1.9}.delivery-summary>.text-link{grid-column:1/-1}.delivery-step{margin-bottom:13px;padding-bottom:15px}.delivery-step summary{gap:13px}.delivery-index{width:40px;height:40px;font-size:12px}.delivery-steps:before,.delivery-steps:after{right:19px}.delivery-step h3{font-size:18px;line-height:1.9}.delivery-answer{margin-right:53px;padding-top:15px}.delivery-output{padding:14px 13px;font-size:13px}.delivery-output small{font-size:11px}.accordion-plus{width:21px;height:21px}.pricing-item{padding:24px 20px;border-radius:16px}.pricing-item h3{font-size:19px}.scope-tags{gap:7px}.scope-tags span{font-size:11px}.pricing-summary{flex-direction:column;margin-top:25px;gap:19px}.pricing-summary p{margin:0}.pricing-summary .solid-action{width:100%}.faq-item summary{padding:22px 0;gap:17px}.faq-item h3{font-size:18px}.faq-item p{padding-inline-end:0;margin-bottom:22px}
  .start-section{padding-bottom:45px}.start-card{padding:28px 20px;border-radius:20px}.start-card .section-title{margin-bottom:28px}.start-card .section-title h2{font-size:clamp(26px,6.4vw,34px);line-height:1.85}.brief-fields{grid-template-columns:1fr;gap:22px}.brief-fields label{font-size:14px;gap:9px}.brief-fields input,.brief-fields select,.brief-fields textarea{padding:14px 12px;font-size:16px}.brief-fields ::placeholder{font-size:12px}.brief-submit-row{flex-direction:column;align-items:stretch;gap:17px;margin-top:24px}.brief-submit-row>p{font-size:13px}.brief-result-head{flex-direction:column;align-items:flex-start;gap:9px}.brief-result-head strong{font-size:18px}.brief-result-head span{font-size:12px}.brief-output{font-size:14px;padding:14px 12px}.brief-result-actions>*{flex:1}.brief-result-actions{gap:9px}.site-footer{flex-wrap:wrap;gap:18px;align-items:flex-start;padding-block:28px 35px}.site-footer a[dir=ltr]{font-size:16px}.site-footer p{font-size:12px}.site-footer a:last-child{font-size:12px}
}
.platform-scroll-hint{display:none}
@media(max-width:640px){.platform-scroll-hint{display:block}}
@media(max-width:370px){
  .brand-caption{display:none}.brand-name{font-size:11px}.brand-logo-shell{width:29px;height:29px}.wordmark{gap:5px;max-width:calc(100% - 128px)}.header-actions{gap:4px}.masthead{padding-inline:9px}.masthead .motion-toggle{min-width:25px}.menu-toggle{width:34px}.header-cta{min-width:31px;padding:6px}.strategy-icon{width:88px}.strategy-icon>span{font-size:10px}.strategy-copy h3{font-size:21px}.strategy-copy p{font-size:14px;line-height:1.85}.start-card{padding:24px 17px}.store-tabs button{font-size:12px}.store-tabs button>span{display:none}
}
@media(min-width:1001px) and (max-height:750px){
  .icon-strategy-scene{inset:36% 0 12%}.strategy-orbit{height:31svh;width:42vw;max-width:480px}.strategy-icon{width:130px;min-height:110px}.strategy-icon>svg{width:56px;height:56px}.strategy-icon>span{font-size:12px}.strategy-copy h3{font-size:27px;line-height:1.7}.strategy-copy p{font-size:15px;line-height:1.9}.strategy-overview{bottom:14%}
}
@media(max-height:600px){.header-menu{grid-template-columns:repeat(3,minmax(0,1fr));gap:6px}.header-menu a{padding:12px 8px}.brand-caption{display:none}.masthead{height:64px;top:8px}.masthead.is-scrolled{height:60px}}

/* All strategy content remains available without a canvas or motion. */
html:not(.expansion-ready) .icon-strategy-scene,html.expansion-reduced .icon-strategy-scene{position:relative;inset:auto;display:grid;height:330px;max-height:none;margin:30px 0 55px}
html:not(.expansion-ready) .strategy-orbit,html.expansion-reduced .strategy-orbit{width:min(460px,80vw);height:270px;transform:none}
html:not(.expansion-ready) .strategy-icon,html.expansion-reduced .strategy-icon{width:100px;min-height:95px}
html:not(.expansion-ready) .strategy-icon>svg,html.expansion-reduced .strategy-icon>svg{width:55px;height:55px}
html:not(.expansion-ready) .strategy-icon>span,html.expansion-reduced .strategy-icon>span{font-size:12px}
html.monitor-no-webgl .interface-experience{height:auto!important}
html.monitor-no-webgl .interface-stage{position:relative;height:auto;min-height:0;padding:110px var(--pad) 70px;overflow:visible}
html.monitor-no-webgl .interface-stage .expansion-heading{position:relative;inset:auto;opacity:1;transform:none;margin-bottom:35px}
html.monitor-no-webgl .monitor-scene,html.monitor-no-webgl .interface-connectors,html.monitor-no-webgl .interface-stage .expansion-foot{display:none}
html.monitor-no-webgl .monitor-fallback,html:not(.expansion-ready) .monitor-fallback{display:block;position:relative;inset:auto;width:min(700px,100%);margin:20px auto 35px}
html.monitor-no-webgl .interface-cards{position:relative;inset:auto;display:grid;grid-template-columns:repeat(auto-fit,minmax(230px,1fr));gap:15px}
html.monitor-no-webgl .interface-card{position:relative;inset:auto!important;width:auto;opacity:1!important;transform:none!important;grid-column:auto}
html.monitor-no-webgl .interface-card p{display:block}

@media(prefers-reduced-motion:reduce){
  .masthead,.header-light:before,.ambient,.strategy-orbit *,.strategy-orbit-ring:before,.conversion-journey>i:after{animation:none!important}
  .site-motion-ready .detail-section:not(.section-revealed) .section-title{opacity:1;transform:none}
  .detail-section .section-title,.engineering-layer,.strategy-orbit,.strategy-icon,.strategy-icon>svg,.header-menu a:after,.header-cta,.masthead{transition:none!important}
}

.platform-table-wrap:focus-visible{outline:2px solid var(--cyan);outline-offset:-3px}

.brand-name{min-width:0}.brand-caption{max-width:220px}
@media(max-width:640px){.brand-caption{max-width:155px;font-size:8.5px}}
