/* Final phone layout. Loaded after every desktop stylesheet. */
@media (max-width:700px){
  :root{--pad:20px}
  html{scroll-padding-top:76px;scroll-behavior:auto}
  html,body{max-width:100%;overflow-x:clip}
  body{font-size:15px}

  .floating-nav{top:8px;width:calc(100vw - 16px);height:62px;padding:0 8px 0 13px;border-radius:14px}
  .floating-nav.scrolled{top:6px;height:58px}
  .brand img{width:126px;height:auto}
  .language-button,.menu-button{width:auto;min-width:46px;height:42px}
  .floating-nav nav{top:72px;left:8px;right:8px;border-radius:14px}

  .legacy-hero{min-height:720px;height:100svh}
  .legacy-hero-content{width:calc(100% - 40px);margin-inline:20px;padding-top:64px}
  .legacy-hero-eyebrow{gap:11px;margin-bottom:17px;font-size:8px;line-height:1.5}
  .legacy-hero-eyebrow span{width:28px}
  .legacy-hero h1{max-width:100%;font-size:clamp(42px,11.6vw,50px);line-height:1.07;letter-spacing:-.052em;text-wrap:pretty}
  .legacy-hero h1 em{display:block;white-space:normal}
  .legacy-hero-description{max-width:100%;margin-top:22px;font-size:13px;line-height:1.7}
  .legacy-hero-actions{gap:10px;margin-top:24px}
  .legacy-primary-action{width:100%;min-width:0;padding:15px 18px}
  .legacy-secondary-action{font-size:11px}
  .legacy-hero-transport{bottom:max(19px,env(safe-area-inset-bottom));gap:12px}
  .legacy-hero-pagination{gap:8px}
  .legacy-hero-pagination button{width:10px;height:10px}
  .legacy-hero-pause{width:32px;height:32px}
  .legacy-hero-image{transform:none!important;object-position:68% center}
  .legacy-hero-image:nth-child(2),.legacy-hero-image:nth-child(3){object-position:58% center}
  .legacy-hero-image:nth-child(4){object-position:70% center}
  .legacy-hero-image:nth-child(5){object-position:62% center}
  .legacy-hero-wash{background:linear-gradient(90deg,rgba(3,17,28,.94),rgba(3,17,28,.62)),linear-gradient(0deg,rgba(0,20,33,.94),transparent 48%)}

  .trust-marquee{justify-content:flex-start;overflow-x:auto;overscroll-behavior-inline:contain;scrollbar-width:none}
  .trust-marquee::-webkit-scrollbar{display:none}
  .trust-marquee>div{width:max-content;min-width:max-content;justify-content:flex-start;padding:15px 20px}
  .trust-marquee span{font-size:8px}

  .signal-chapter{position:relative;overflow:hidden}
  .chapter-flow{inset:0 -22%;opacity:.5;transform:none!important;will-change:auto}
  .chapter-guide{display:none}
  .chapter-ribbon{stroke-width:14!important;stroke-dasharray:none!important;stroke-dashoffset:0!important;opacity:.34}
  .chapter-highlight{stroke-width:2.5!important;opacity:.8}
  .capability-spectrum{min-height:auto;padding:96px 20px 88px;gap:48px}
  .spectrum-intro,.spectrum-list{position:relative;z-index:4}
  .spectrum-intro h2{max-width:330px;font-size:46px;line-height:1.02}
  .spectrum-list article,.spectrum-list article:nth-child(2n){grid-template-columns:68px minmax(0,1fr);min-height:84px;padding:18px 0}
  .spectrum-list small{font-size:7px;letter-spacing:.12em}
  .spectrum-list strong{font-size:14px;line-height:1.55}

  .section{padding:84px 20px}
  .about{padding-top:88px}
  .about .section-kicker,.about-layout{position:relative;z-index:4}
  .about-layout{gap:0;margin-top:42px}
  .sticky-statement{min-height:auto}
  .sticky-statement h2{max-width:340px;font-size:44px;line-height:1.04}
  .statement-orbit{width:170px;height:170px;margin:45px 0 55px}
  .large-copy{font-size:24px;line-height:1.42}
  .muted-copy{margin:28px 0 42px;font-size:14px;line-height:1.8}
  .principle-pair{grid-template-columns:1fr}
  .glass-card{min-height:0;padding:28px 0 34px;border-right:0;border-bottom:1px solid var(--line)}
  .glass-card small{margin-top:42px}
  .glass-card h3{font-size:15px;line-height:1.72}

  .metrics-section{display:block;min-height:0;padding:88px 20px}
  .metrics-copy h2{font-size:45px;line-height:1.04}
  .metrics-copy>p:last-child{max-width:320px;margin-top:26px;line-height:1.75}
  .metric-board{display:grid;grid-template-columns:1fr;grid-template-rows:300px repeat(3,138px);min-height:0;margin-top:48px}
  .metric-lead,.metric-projects,.metric-customers,.metric-experts{grid-column:1;grid-row:auto;min-height:0;padding:22px}
  .metric-lead strong{font-size:120px}
  .metric-card strong{font-size:48px}
  .metric-card p{margin-top:12px;font-size:10px}
  .metric-card small{font-size:7px}
  .metric-projects .mini-chart{display:flex;inset:24px 22px auto auto;width:38%;height:58px}
  .metric-orbit{width:210px}

  .solutions{padding:90px 20px}
  .solutions .section-heading{margin-bottom:48px}
  .section-heading h2{margin:26px 0 20px;font-size:43px;line-height:1.04}
  .section-heading>p{max-width:330px;font-size:14px;line-height:1.75}
  .solution-bento{display:grid;grid-template-columns:1fr;grid-template-rows:none;grid-auto-rows:auto;gap:12px;margin:0;padding:0;overflow:visible}
  .solution-card,.solution-card.feature,.solution-card.tall,.solution-card.wide,.solution-card:nth-child(3),.solution-card:nth-child(4){grid-column:auto!important;grid-row:auto!important;width:100%;height:430px;min-height:0;flex:none;border-radius:10px;scroll-snap-align:none}
  .solution-card>div,.solution-card:nth-child(even)>div{left:22px;right:22px;bottom:22px;width:auto;text-align:left}
  .solution-card h3{padding-right:42px;font-size:32px;line-height:1.08}
  .solution-card p{padding-right:44px;font-size:11px;line-height:1.65}
  .solution-card b,.solution-card:nth-child(even) b{right:0;left:auto;width:38px;height:38px}

  .field-stories{padding-top:88px}
  .stories-intro{padding:0 20px 46px}
  .stories-intro h2{font-size:41px;line-height:1.04}
  .field-story,.field-story.story-forensics{margin-inline:8px;border-radius:10px}
  .story-media{min-height:300px}
  .story-copy{padding:38px 22px 44px}
  .story-copy h3{font-size:38px;line-height:1.08}
  .story-copy p{font-size:13px;line-height:1.75}
  .delivery-strip>div{min-height:120px;padding:28px 20px}

  .product-stage{padding:88px 0 96px}
  .product-head{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:14px;align-items:end;padding-bottom:25px}
  .product-head h2{font-size:43px;line-height:1.04}
  .product-controls{align-self:end}
  .rail-arrow{width:42px;height:42px}
  .category-tabs{top:58px;gap:22px;margin-bottom:20px;padding:10px 0 18px;scroll-padding-inline:20px}
  .category-tabs button{font-size:9px}
  .product-rail{gap:12px;padding:10px 20px 34px;scroll-padding-inline:20px}
  .product-card{flex-basis:calc(100vw - 40px);height:auto;min-height:535px;border-radius:10px;opacity:1;transform:none}
  .product-media{height:270px;flex-basis:270px;padding:32px}
  .product-copy{padding:24px 22px 26px}
  .product-copy h3{font-size:23px}

  .connected-stage{display:block;min-height:0}
  .connected-media{height:310px}
  .connected-copy{padding:64px 20px 72px}
  .connected-copy h2{font-size:44px;line-height:1.04}
  .connected-copy>p:not(.micro-label){margin:24px 0 30px;font-size:14px;line-height:1.8}
  .system-status{gap:20px;margin-top:44px}

  .classic-insights{padding:86px 20px}
  .classic-insights-heading{margin:28px 0 42px}
  .classic-insights-heading h2{font-size:42px;line-height:1.08}
  .classic-news-grid{gap:14px}
  .classic-news-media{height:220px}
  .classic-news-body{padding:24px 21px 28px}
  .classic-news-body h3{font-size:26px;line-height:1.2}

  .ocean-support,.ocean-support-copy{min-height:650px}
  .ocean-support-media img{object-position:57% center}
  .ocean-support-media:after{background:linear-gradient(90deg,rgba(3,18,28,.84),rgba(4,26,39,.35)),linear-gradient(0deg,rgba(3,18,29,.86),transparent 56%)}
  .ocean-support-copy{max-width:none;padding:76px 20px;transform:none}
  .ocean-support-copy h2{font-size:44px;line-height:1.04}

  .clients-section{padding:86px 20px}
  .clients-section .section-heading{margin-bottom:42px}
  .clients-section h2{font-size:42px;line-height:1.05}
  .client-frame{margin:0;padding:4px;overflow-x:auto;overscroll-behavior-inline:contain;border-radius:10px;scrollbar-width:thin}
  .client-frame img{width:720px;max-width:none;min-width:720px;height:auto;border-radius:7px}
  .client-frame:before{position:sticky;left:10px;top:10px;display:inline-block}

  .contact-section{display:flex;min-height:0;flex-direction:column}
  .contact-copy{order:1;padding:70px 20px 64px}
  .contact-copy h2{font-size:43px;line-height:1.05}
  .contact-map{order:2;height:330px}
  .contact-map iframe{height:330px;min-height:330px}
  .contact-lines a{grid-template-columns:62px minmax(0,1fr)}
  .contact-lines span{overflow-wrap:anywhere;font-size:13px}

  footer{padding:72px 20px 24px}
  .footer-primary{gap:30px;padding-bottom:48px}
  .footer-primary img{width:150px}
  .footer-primary h2{font-size:38px;line-height:1.12}
  .footer-primary>a{justify-self:start;overflow-wrap:anywhere;font-size:12px}
  .footer-links{grid-template-columns:1fr 1fr;gap:30px 22px;width:100%;margin:0;padding:32px 0}
  .footer-links>div:last-child{grid-column:1/-1}
  .footer-bottom{align-items:flex-start;flex-direction:column;gap:9px;line-height:1.6}

  .detail-dialog{width:calc(100vw - 20px);max-height:92svh;border-radius:12px;overflow:auto}
  .detail-dialog[open]{display:block}
  .dialog-image{min-height:250px;height:270px}
  .dialog-content{padding:31px 21px}
  .dialog-content h2{font-size:31px;line-height:1.12}
  .search-dialog{width:calc(100vw - 20px);border-radius:12px}
  .search-box{padding:20px}
  .search-box input{min-width:0;font-size:20px}

  html[dir="rtl"] .legacy-hero-content{margin-inline:20px}
  html[dir="rtl"] .legacy-hero h1{font-size:clamp(37px,10vw,44px);line-height:1.58}
  html[dir="rtl"] .legacy-hero-description{line-height:2}
  html[dir="rtl"] .spectrum-intro h2,
  html[dir="rtl"] .sticky-statement h2,
  html[dir="rtl"] .metrics-copy h2,
  html[dir="rtl"] .section-heading h2,
  html[dir="rtl"] .stories-intro h2,
  html[dir="rtl"] .product-head h2,
  html[dir="rtl"] .connected-copy h2,
  html[dir="rtl"] .classic-insights-heading h2,
  html[dir="rtl"] .ocean-support-copy h2,
  html[dir="rtl"] .clients-section h2,
  html[dir="rtl"] .contact-copy h2,
  html[dir="rtl"] .footer-primary h2{font-size:37px;line-height:1.58;letter-spacing:0}
  html[dir="rtl"] .spectrum-list article,html[dir="rtl"] .spectrum-list article:nth-child(2n){grid-template-columns:68px minmax(0,1fr)}
  html[dir="rtl"] .solution-card>div,html[dir="rtl"] .solution-card:nth-child(even)>div{left:22px;right:22px;text-align:right}
  html[dir="rtl"] .solution-card h3,html[dir="rtl"] .solution-card p{padding-right:0;padding-left:44px}
  html[dir="rtl"] .solution-card b,html[dir="rtl"] .solution-card:nth-child(even) b{right:auto;left:0}
  html[dir="rtl"] .client-frame:before{right:10px;left:auto}
}

@media (max-width:360px){
  .legacy-hero h1{font-size:40px}
  .spectrum-intro h2,.sticky-statement h2,.metrics-copy h2,.section-heading h2,.stories-intro h2,.product-head h2,.connected-copy h2,.classic-insights-heading h2,.ocean-support-copy h2,.clients-section h2,.contact-copy h2{font-size:38px}
  .product-head{grid-template-columns:1fr}
  .product-controls{justify-self:start}
  .footer-links{grid-template-columns:1fr}
  .footer-links>div:last-child{grid-column:auto}
}