:root {
  --ink:#101f2c;
  --muted:#66727b;
  --paper:#f5f6f7;
  --line:#dce1e4;
  --dark:#081c2b;
  --mint:#99e6d3;
  --lilac:#c5b3ff;
  --radius:30px;
  --sans:Arial,Helvetica,sans-serif;
  --mono:'Courier New',monospace}
* {
  box-sizing:border-box}
html {
  scroll-behavior:smooth;
  scroll-padding-top:24px}
body {
  margin:0;
  background:var(--paper);
  color:var(--ink);
  font-family:var(--sans);
  font-size:16px;
  line-height:1.6}
a {
  color:inherit;
  text-decoration:none}
button,input,textarea {
  font:inherit}
button,a,input,textarea,summary {
  -webkit-tap-highlight-color:transparent}
button,a,summary {
  touch-action:manipulation}
a:focus-visible,button:focus-visible,summary:focus-visible,input:focus-visible,textarea:focus-visible,[tabindex]:focus-visible {
  outline:3px solid #7c69d8;
  outline-offset:5px}
button {
  cursor:pointer}
button:disabled {
  cursor:default}
p,h1,h2,h3 {
  margin:0}
h1,h2,h3 {
  font-weight:400;
  letter-spacing:-.055em;
  line-height:1.04}
h2 {
  font-size:clamp(36px,4.4vw,66px)}
h3 {
  font-size:29px;
  line-height:1.16}
p {
  line-height:1.65}
.page-shell {
  max-width:1800px;
  margin:auto;
  padding:24px 28px 0}
.section {
  max-width:1300px;
  margin:auto;
  padding:94px 28px}
.section-label {
  display:flex;
  justify-content:space-between;
  gap:18px;
  font:11px/1.6 var(--mono);
  letter-spacing:.09em;
  margin-bottom:40px}
.section-label>span:last-child {
  color:var(--muted);
  letter-spacing:0}
.hero {
  position:relative;
  overflow:hidden;
  color:white;
  border-radius:var(--radius);
  background:radial-gradient(ellipse at 80% 38%,#163b55 0,transparent 55%),linear-gradient(120deg,#0b172b,#041b26);
  min-height:780px;
  padding:30px 52px 20px}
.hero:before {
  content:'';
  position:absolute;
  inset:45px -190px 0 80px;
  background:url('assets/data-wave.svg') center/cover no-repeat;
  opacity:.82;
  pointer-events:none}
.header {
  position:relative;
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:32px;
  z-index:5}
.brand {
  display:inline-flex;
  gap:11px;
  align-items:center;
  flex-shrink:0;
  line-height:1}
.brand>span {
  font-size:25px;
  letter-spacing:-1px;
  font-weight:700}
.brand-light {
  font-weight:400}
.brand i {
  display:block;
  font:9px var(--mono);
  letter-spacing:1px;
  margin-top:8px;
  opacity:.63}
.brand img {
  border-radius:11px}
.nav {
  display:flex;
  align-items:center;
  gap:27px;
  font-size:13px}
.nav>a {
  transition:color .2s}
.nav>a:hover {
  color:var(--lilac)}
.nav-cta {
  border:1px solid #ffffff45;
  border-radius:40px;
  padding:12px 20px}
.nav-cta span {
  margin-left:18px}
.menu-toggle {
  display:none;
  width:45px;
  height:45px;
  border:1px solid #ffffff50;
  background:transparent;
  border-radius:50%;
  padding:12px;
  color:white}
.menu-toggle span {
  display:block;
  height:1px;
  background:currentColor;
  margin:5px 0;
  transition:transform .2s}
.hero-content {
  position:relative;
  padding-top:80px}
.eyebrow {
  font:10px/1.5 var(--mono);
  letter-spacing:.07em;
  display:flex;
  align-items:center;
  gap:10px;
  color:#ced9e3}
.live-dot {
  width:6px;
  height:6px;
  display:inline-block;
  background:#a8ead6;
  border-radius:50%;
  box-shadow:0 0 12px #a8ead650;
  flex-shrink:0}
.eyebrow-separator {
  margin:0 6px;
  color:#6b8291}
h1 {
  font-size:clamp(65px,7.6vw,120px);
  margin-top:26px;
  max-width:850px;
  line-height:.98;
  letter-spacing:-.065em}
.gradient-text {
  color:#b6c9fb;
  background:linear-gradient(100deg,#a9e9ef 4%,#b2caff 47%,#c8a6f4 96%);
  background-clip:text;
  -webkit-background-clip:text;
  -webkit-text-fill-color:transparent}
.hero-side {
  position:absolute;
  right:10px;
  top:148px;
  width:240px;
  text-align:center}
.tiny-label {
  font:10px var(--mono);
  letter-spacing:.13em}
.hero-side>p {
  font-size:12px;
  color:#b0c5d3;
  margin-top:23px;
  line-height:1.6}
.orbit {
  width:210px;
  height:210px;
  margin:28px auto 0;
  position:relative}
.orbit-ring {
  position:absolute;
  inset:13px;
  border:1px solid #a4c4df4d;
  border-radius:50%;
  transform:rotate(-30deg) scaleY(.8)}
.orbit:before,.orbit:after {
  content:'';
  position:absolute;
  inset:30px;
  border:1px solid #b8aaff3d;
  border-radius:50%}
.orbit:after {
  inset:0;
  transform:rotate(50deg) scaleX(.6)}
.orbit-core {
  position:absolute;
  inset:67px;
  background:linear-gradient(135deg,#c7bbf6,#94dbe3);
  color:#09202e;
  border-radius:22px;
  display:grid;
  place-items:center;
  font:30px var(--mono);
  box-shadow:0 0 80px #9bceff40}
.orbit-node {
  position:absolute;
  background:#102d3e;
  border:1px solid #7eacc555;
  border-radius:20px;
  padding:5px 12px;
  font:10px var(--mono);
  z-index:1}
.n1 {
  top:16px;
  left:0}
.n2 {
  right:-8px;
  top:80px}
.n3 {
  bottom:12px;
  left:13px}
.n4 {
  top:0;
  right:15px}
.hero-bottom {
  margin-top:45px;
  background:#12304399;
  backdrop-filter:blur(14px);
  border:1px solid #d1e1ff22;
  border-radius:22px;
  padding:26px 30px;
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:30px;
  max-width:1140px}
.hero-bottom>p {
  font-size:17px;
  line-height:1.5;
  color:#e2e9ef;
  letter-spacing:-.01em}
.hero-actions {
  display:flex;
  align-items:center;
  gap:26px}
.button {
  display:inline-flex;
  align-items:center;
  justify-content:space-between;
  gap:28px;
  border:0;
  border-radius:50px;
  padding:18px 25px;
  font-size:13px;
  line-height:1.3;
  transition:transform .2s,box-shadow .2s}
.button:hover {
  transform:translateY(-2px);
  box-shadow:0 5px 25px #b1c3ff22}
.button-gradient {
  background:linear-gradient(100deg,#d4b8f7,#b9dff4);
  color:#112635}
.button span {
  font-size:20px}
.text-link {
  display:inline-flex;
  align-items:center;
  gap:15px;
  font-size:12px;
  border-bottom:1px solid #ffffff50;
  padding:5px 0}
.text-link:hover {
  border-color:currentColor}
.hero-foot {
  position:relative;
  display:flex;
  justify-content:space-between;
  font:9px var(--mono);
  letter-spacing:.05em;
  color:#849fae;
  margin-top:25px}
.mint {
  color:var(--mint);
  margin:0 8px}
.capability-strip {
  max-width:1244px;
  margin:auto;
  display:flex;
  justify-content:space-between;
  gap:15px;
  align-items:center;
  padding:33px 0;
  border-bottom:1px solid var(--line);
  font:11px var(--mono);
  letter-spacing:.06em}
.capability-strip b {
  font-size:20px;
  color:#82969f;
  font-weight:400}
.intro {
  padding-top:74px}
.intro h2 {
  font-size:clamp(42px,5vw,76px);
  max-width:980px}
.soft-text {
  color:#83949e}
.intro-copy {
  display:grid;
  grid-template-columns:1fr 1.3fr;
  gap:40px;
  margin-top:46px}
.spark {
  font-size:90px;
  line-height:1;
  color:#b1b9d1;
  align-self:center}
.intro-copy>div {
  max-width:650px;
  font-size:17px}
.muted {
  color:var(--muted);
  margin-top:20px;
  font-size:14px}
.section-heading {
  display:flex;
  align-items:end;
  justify-content:space-between;
  gap:30px;
  margin-bottom:46px}
.round-link {
  display:grid;
  place-items:center;
  border:1px solid #c8d1d7;
  border-radius:50%;
  width:60px;
  height:60px;
  font-size:30px;
  flex-shrink:0;
  transition:background .2s}
.round-link:hover {
  background:#d8d8f1}
.services {
  padding-top:30px}
.services-grid {
  display:grid;
  grid-template-columns:repeat(3,1fr);
  border-top:1px solid var(--line);
  border-left:1px solid var(--line)}
.service {
  padding:28px 27px;
  border-right:1px solid var(--line);
  border-bottom:1px solid var(--line);
  background:#ffffff65;
  display:flex;
  flex-direction:column;
  transition:background .2s}
.service:hover {
  background:white}
.service-ai {
  background:linear-gradient(135deg,#ede8ff,#e4f1f2)}
.service-top {
  display:flex;
  justify-content:space-between;
  align-items:center;
  margin-bottom:34px}
.service-icon {
  font-size:29px;
  line-height:1;
  color:#6d8391}
.mono {
  font:11px var(--mono);
  color:#7b8b95}
.service h3 {
  font-size:27px;
  letter-spacing:-.045em}
.service>p {
  font-size:13px;
  color:var(--muted);
  margin:18px 0 25px}
.tags {
  display:flex;
  flex-wrap:wrap;
  gap:6px;
  margin-top:auto}
.tags span {
  font-size:9px;
  border:1px solid #cfd8de;
  border-radius:20px;
  padding:4px 8px;
  line-height:1.4}
.ai-line {
  font:10px/1.5 var(--mono);
  color:#576380;
  margin:20px 0}
.service>a {
  border-top:1px solid var(--line);
  padding-top:17px;
  display:flex;
  justify-content:space-between;
  font-size:11px}
.service>a span {
  font-size:19px;
  line-height:1}
.ai-section {
  display:grid;
  grid-template-columns:1fr 1.1fr;
  gap:65px;
  background:#0c202d;
  color:#eff4f7;
  border-radius:var(--radius);
  padding:68px max(45px,calc((100% - 1244px)/2));
  align-items:center}
.ai-art {
  position:relative;
  height:410px;
  display:flex;
  align-items:center;
  justify-content:center;
  background:radial-gradient(ellipse,#36617650,transparent 65%)}
.ai-globe {
  width:275px;
  height:275px;
  border-radius:50%;
  background:radial-gradient(circle at 28% 25%,#cbd9ee,#7cabb8 28%,#446b8b 45%,#1d354f 65%,#7886af);
  box-shadow:inset -20px -15px 30px #111e39,0 0 55px #637fa344;
  color:#c5dded;
  display:flex;
  align-items:center;
  justify-content:center;
  font-size:95px;
  letter-spacing:-.07em;
  position:relative}
.ai-globe:before {
  content:'';
  position:absolute;
  inset:-22px;
  border:1px solid #a3bedb42;
  border-radius:50%;
  transform:rotate(-25deg) scaleY(.7)}
.ai-globe:after {
  content:'';
  position:absolute;
  inset:-42px;
  border:1px solid #a3bedb2b;
  border-radius:50%;
  transform:rotate(40deg) scaleX(.6)}
.ai-globe>span {
  position:absolute;
  right:-65px;
  bottom:26px;
  font:9px/1.5 var(--mono);
  letter-spacing:.1em;
  border:1px solid #8bafc05e;
  background:#1b3846cc;
  padding:15px;
  border-radius:10px}
.ai-star {
  position:absolute;
  left:14%;
  top:17%;
  color:#bdb4ee;
  font:65px var(--sans);
  font-style:normal}
.art-caption {
  position:absolute;
  bottom:12px;
  font:9px var(--mono);
  letter-spacing:.2em;
  color:#7291a3}
.ai-copy h2 {
  font-size:clamp(36px,3.6vw,54px)}
.ai-copy>p {
  font-size:14px;
  color:#b7c8d3;
  margin-top:24px}
.ai-copy .section-label {
  color:#aac3d1;
  font-size:10px;
  margin-bottom:25px}
.check-list {
  list-style:none;
  padding:0;
  margin:27px 0}
.check-list li {
  font-size:12px;
  border-bottom:1px solid #55708440;
  padding:11px 0;
  display:flex;
  gap:13px}
.check-list li:before {
  content:'↗';
  color:#bfafea}
.ai-note {
  display:flex;
  gap:12px;
  font-size:10px;
  color:#8da7b8;
  max-width:400px}
.ai-note>span {
  font-size:20px}
.solutions>h2 {
  margin-bottom:35px}
.solution-tabs {
  display:flex;
  gap:12px;
  border-bottom:1px solid var(--line);
  padding-bottom:18px;
  flex-wrap:wrap}
.solution-tabs button {
  border:1px solid var(--line);
  background:transparent;
  color:#50636d;
  padding:12px 22px;
  border-radius:35px;
  font-size:12px}
.solution-tabs button[aria-selected=true] {
  background:#102b3c;
  color:#fff;
  border-color:#102b3c}
.solution-panel {
  display:grid;
  grid-template-columns:1fr 1fr;
  gap:65px;
  padding-top:42px}
.solution-copy h3 {
  font-size:34px;
  margin:19px 0}
.solution-copy>p {
  font-size:14px;
  color:var(--muted)}
.solution-copy ul {
  padding:0;
  list-style:none;
  font-size:12px;
  margin:24px 0}
.solution-copy li {
  padding:8px 0 8px 18px;
  position:relative}
.solution-copy li:before {
  content:'·';
  position:absolute;
  left:0;
  font-size:20px;
  color:#8b8bad;
  line-height:1}
.dark-link {
  border-color:#8a9aa5}
.system-map {
  background:linear-gradient(140deg,#e5e9f2,#e5edef);
  border:1px solid #d9e1e8;
  border-radius:22px;
  padding:30px;
  align-self:center}
.map-top {
  font:9px var(--mono);
  display:flex;
  gap:8px;
  align-items:center;
  justify-content:center;
  color:#57717e;
  margin-bottom:25px}
.map-top .live-dot {
  background:#638e91}
.map-node {
  background:#f9fbff;
  border:1px solid #d1dbe6;
  border-radius:10px;
  padding:17px;
  display:flex;
  justify-content:space-between;
  font-size:13px}
.map-connector {
  text-align:center;
  color:#95a4b8;
  font-size:26px;
  height:42px}
.map-center {
  display:flex;
  align-items:center;
  justify-content:center;
  gap:17px;
  border:1px solid #9dabc7;
  border-radius:12px;
  background:linear-gradient(110deg,#d4d5f1,#c3dfe8);
  padding:19px 12px;
  font-size:13px}
.map-center>span {
  font-size:30px;
  color:#627697}
.map-center small {
  display:block;
  font:9px var(--mono);
  margin-top:5px;
  color:#5d7486}
.map-lines {
  display:flex;
  justify-content:space-around;
  color:#92a1b4;
  font-size:24px}
.map-bottom {
  display:grid;
  grid-template-columns:repeat(3,1fr);
  gap:10px}
.map-bottom>span {
  padding:13px 5px;
  text-align:center;
  border:1px solid #d0dbe5;
  background:#f6f9fa;
  border-radius:7px;
  font-size:10px}
.system-map>p {
  text-align:center;
  font:8px var(--mono);
  color:#70818e;
  margin-top:25px}
.world-section {
  display:grid;
  grid-template-columns:1fr 1fr;
  align-items:center;
  background:#0a1d29;
  color:white;
  border-radius:var(--radius);
  padding:65px max(45px,calc((100% - 1244px)/2));
  overflow:hidden;
  gap:35px}
.world-copy {
  max-width:570px}
.world-copy .section-label {
  font-size:10px;
  color:#a5bac8;
  margin-bottom:28px}
.world-copy h2 {
  font-size:clamp(40px,4.4vw,66px)}
.world-copy>p {
  color:#adc1ce;
  font-size:14px;
  max-width:470px;
  margin:26px 0}
.world-tags {
  display:flex;
  gap:8px;
  flex-wrap:wrap}
.world-tags>span {
  font:9px var(--mono);
  padding:9px 12px;
  border:1px solid #496477;
  border-radius:20px}
.world-art {
  position:relative;
  padding:45px 0 20px;
  display:flex;
  align-items:center;
  flex-direction:column;
  justify-content:center;
  background:radial-gradient(ellipse,#42668844,transparent 65%)}
.globe {
  height:320px;
  width:320px;
  border:1px solid #7dacc57a;
  border-radius:50%;
  position:relative;
  transform:rotate(-18deg);
  background:radial-gradient(circle at 30% 30%,#85b7cd19,transparent 60%);
  box-shadow:0 0 70px #4b72a51a,inset 20px 15px 80px #7f9bc515}
.globe:before,.globe:after {
  content:'';
  position:absolute;
  inset:0;
  border:1px solid #7dacc578;
  border-radius:50%;
  transform:scaleX(.4)}
.globe:after {
  transform:scaleX(.75)}
.globe i {
  position:absolute;
  inset:0;
  border:1px solid #7dacc560;
  border-radius:50%;
  transform:scaleY(.35)}
.globe i:nth-child(2) {
  transform:scaleY(.72)}
.globe i:nth-child(3) {
  transform:scaleY(.9)}
.globe i:nth-child(4) {
  inset:-23px;
  transform:rotate(40deg) scaleY(.3);
  border-color:#b6a7ed75}
.globe i:nth-child(5) {
  inset:-45px;
  transform:rotate(-25deg) scaleY(.55);
  border-color:#7ba6ca40}
.globe i:nth-child(6) {
  transform:rotate(30deg) scaleX(.6)}
.globe-point {
  position:absolute;
  width:8px;
  height:8px;
  border-radius:50%;
  background:#caf3e9;
  box-shadow:0 0 0 7px #b3e4dd13,0 0 20px #9eebdf}
.gp1 {
  left:85px;
  top:70px}
.gp2 {
  right:34px;
  top:190px}
.gp3 {
  left:90px;
  bottom:30px}
.world-coordinate {
  font:9px var(--mono);
  color:#7a9aad;
  letter-spacing:.1em;
  margin-top:54px}
.approach-layout {
  display:grid;
  grid-template-columns:1fr 1.2fr;
  gap:90px}
.approach-intro {
  font-size:14px;
  color:var(--muted);
  max-width:330px;
  margin-top:25px}
.approach-badge {
  font:11px/1.7 var(--mono);
  margin-top:28px;
  color:#66728e}
.approach-badge>span {
  color:#86929b}
.steps details {
  border-top:1px solid var(--line)}
.steps details:last-child {
  border-bottom:1px solid var(--line)}
summary {
  list-style:none;
  cursor:pointer}
summary::-webkit-details-marker {
  display:none}
.steps summary {
  display:flex;
  align-items:center;
  gap:21px;
  padding:26px 0;
  font-size:21px;
  letter-spacing:-.04em;
  line-height:1.35}
.steps summary>span {
  font:11px var(--mono);
  color:#7b8c98;
  letter-spacing:0}
.steps summary>b,.faq summary>b {
  font-size:22px;
  font-weight:400;
  margin-left:auto;
  color:#7c8f9b;
  transition:transform .2s}
.steps details[open] summary>b,.faq details[open] summary>b {
  transform:rotate(45deg)}
.steps details>div {
  padding:0 25px 28px 44px}
.steps details p {
  font-size:13px;
  color:var(--muted)}
.steps small {
  display:block;
  font:10px/1.6 var(--mono);
  margin-top:20px;
  color:#61768d}
.tech {
  padding-top:5px}
.tech-head {
  display:grid;
  grid-template-columns:1fr 1fr;
  gap:65px;
  align-items:end;
  margin-bottom:35px}
.tech-head>p {
  font-size:13px;
  color:var(--muted);
  max-width:440px}
.tech-rows>div {
  display:grid;
  grid-template-columns:220px 1fr;
  padding:25px 0;
  border-top:1px solid var(--line);
  gap:30px;
  align-items:center}
.tech-rows>div:last-child {
  border-bottom:1px solid var(--line)}
.tech-rows span {
  font:10px var(--mono);
  color:#70818c}
.tech-rows p {
  font-size:19px;
  letter-spacing:-.025em}
.tech-rows b {
  font-weight:400;
  color:#b9c3cd;
  margin:0 8px}
.faq {
  padding-top:5px}
.faq-layout {
  display:grid;
  grid-template-columns:1fr 1.15fr;
  gap:75px}
.faq h2 {
  font-size:clamp(33px,3.5vw,51px)}
.faq details {
  border-top:1px solid var(--line)}
.faq details:last-child {
  border-bottom:1px solid var(--line)}
.faq summary {
  display:flex;
  align-items:center;
  gap:20px;
  padding:20px 0;
  font-size:14px;
  line-height:1.4}
.faq details p {
  font-size:13px;
  color:var(--muted);
  padding:0 30px 24px 0}
.brief-section {
  background:#091e2b;
  border-radius:var(--radius);
  color:white;
  display:grid;
  grid-template-columns:1fr 1fr;
  gap:85px;
  padding:65px max(45px,calc((100% - 1244px)/2))}
.brief-intro .section-label {
  font-size:10px;
  color:#a7bdc9;
  margin-bottom:35px}
.brief-intro h2 {
  font-size:clamp(40px,4.2vw,62px)}
.brief-intro>p {
  font-size:14px;
  color:#bed0d9;
  margin-top:30px}
.brief-note {
  display:flex;
  align-items:start;
  gap:13px;
  margin-top:45px;
  max-width:340px;
  color:#8fa9b8}
.brief-note>span {
  font-size:24px}
.brief-note p {
  font-size:11px}
.brief-world {
  margin-top:36px;
  font:10px var(--mono);
  color:#bfcdde}
.brief-form>label {
  display:block;
  font-size:11px;
  color:#d6e1e8;
  margin-bottom:20px}
.optional {
  color:#7d98a9;
  margin-left:6px;
  font-size:9px}
.brief-form input:not([type=checkbox]),.brief-form textarea {
  display:block;
  width:100%;
  border:0;
  border-bottom:1px solid #466071;
  background:transparent;
  border-radius:0;
  color:white;
  padding:11px 0;
  font-size:13px;
  outline-offset:3px}
.brief-form input::placeholder,.brief-form textarea::placeholder {
  color:#7d97a7;
  opacity:1}
.brief-form textarea {
  resize:vertical;
  min-height:85px}
.brief-form fieldset {
  margin:22px 0;
  padding:0;
  border:0;
  min-width:0}
.brief-form legend {
  font-size:11px;
  color:#d6e1e8;
  margin-bottom:13px}
.brief-options {
  display:flex;
  flex-wrap:wrap;
  gap:8px}
.brief-options label {
  position:relative;
  cursor:pointer}
.brief-options input {
  position:absolute;
  opacity:0;
  left:10px;
  top:10px;
  width:1px;
  height:1px}
.brief-options span {
  display:block;
  padding:8px 12px;
  border:1px solid #40596a;
  border-radius:25px;
  font-size:10px;
  color:#a7bccb}
.brief-options input:checked+span {
  color:#192d3b;
  background:#c0c7eb;
  border-color:#c0c7eb}
.brief-options input:focus-visible+span {
  outline:3px solid #b2b1f4;
  outline-offset:3px}
.brief-form>.button {
  width:100%;
  margin-top:5px}
.brief-form>#form-status {
  font-size:10px;
  color:#98b0c0;
  margin-top:14px;
  min-height:32px}
.brief-form noscript p {
  font-size:12px}
footer {
  max-width:1244px;
  margin:auto;
  padding:45px 0 22px;
  display:flex;
  align-items:center;
  gap:40px;
  flex-wrap:wrap}
.footer-brand .brand-light {
  color:#4b6270}
.footer-brand i {
  letter-spacing:.04em;
  font-size:8px}
footer>p {
  font-size:11px;
  color:#71818c;
  margin-left:auto}
.back-top {
  width:42px;
  height:42px;
  display:grid;
  place-items:center;
  border:1px solid #c8d2d9;
  border-radius:50%;
  font-size:20px}
.footer-bottom {
  width:100%;
  display:flex;
  justify-content:space-between;
  border-top:1px solid var(--line);
  padding-top:22px;
  font:9px var(--mono);
  color:#7a8994;
  gap:18px}
.skip {
  position:fixed;
  z-index:100;
  top:-100px;
  left:25px;
  background:#fff;
  padding:10px;
  color:#132b3a}
.skip:focus {
  top:15px}
@media(min-width:1550px) {
  .hero {
  min-height:880px}
.hero-content {
  padding-top:105px}
.hero-bottom {
  margin-top:55px}
.hero-side {
  right:70px;
  top:185px}
}
@media(max-width:1180px) {
  .nav {
  gap:17px;
  font-size:12px}
.hero {
  padding:28px 35px 20px}
.hero-actions {
  gap:17px;
  flex-direction:column;
  align-items:start}
.hero-side {
  right:-5px;
  width:210px}
.hero-bottom {
  max-width:none}
.intro-copy {
  grid-template-columns:.7fr 1.3fr}
.service {
  padding:25px 20px}
.service h3 {
  font-size:25px}
.ai-section,.world-section,.brief-section {
  padding:55px 45px;
  gap:40px}
.approach-layout {
  gap:50px}
.faq-layout {
  gap:45px}
.tech-rows>div {
  grid-template-columns:180px 1fr}
.tech-rows p {
  font-size:17px}
}
@media(max-width:960px) {
  .page-shell {
  padding:16px 16px 0}
.hero {
  min-height:750px}
.nav {
  gap:13px}
.nav-cta {
  padding:10px 13px}
.brand>span {
  font-size:21px}
.brand i {
  font-size:7px}
.hero-side {
  width:180px;
  right:0}
.orbit {
  width:170px;
  height:170px}
.orbit-core {
  inset:54px;
  font-size:25px;
  border-radius:17px}
.orbit-node {
  font-size:8px}
.hero h1 {
  font-size:86px}
.hero-content {
  padding-top:70px}
.hero-bottom>p {
  font-size:15px}
.section {
  padding:70px 24px}
.capability-strip {
  font-size:9px;
  gap:8px;
  margin:0 22px}
.services-grid {
  grid-template-columns:repeat(2,1fr)}
.service {
  padding:26px}
.service h3 {
  font-size:28px}
.ai-section {
  grid-template-columns:.8fr 1fr;
  gap:30px;
  padding:50px 35px}
.ai-globe {
  width:200px;
  height:200px;
  font-size:75px}
.ai-globe>span {
  right:-30px;
  bottom:-10px}
.ai-art {
  height:320px}
.ai-star {
  font-size:50px;
  top:10%;
  left:5%}
.solution-panel {
  gap:30px}
.solution-copy h3 {
  font-size:30px}
.system-map {
  padding:22px}
.world-section {
  padding:50px 35px;
  gap:25px}
.globe {
  width:250px;
  height:250px}
.tech-head {
  gap:35px}
.brief-section {
  padding:50px 35px;
  gap:40px}
.brief-intro h2 {
  font-size:45px}
.tech-rows>div {
  grid-template-columns:155px 1fr}
.tech-rows p {
  font-size:16px}
footer {
  padding-left:24px;
  padding-right:24px;
  gap:20px}
.footer-bottom {
  font-size:8px}
}
@media(max-width:760px) {
  .page-shell {
  padding:10px 10px 0}
.hero {
  padding:25px 24px 18px;
  border-radius:24px;
  min-height:0}
.header {
  gap:15px}
.brand>span {
  font-size:23px}
.brand i {
  font-size:8px}
.menu-toggle {
  display:block;
  flex-shrink:0}
.nav {
  display:none;
  position:absolute;
  top:62px;
  left:0;
  right:0;
  background:#152e40;
  border:1px solid #4b6372;
  border-radius:16px;
  padding:16px;
  box-shadow:0 20px 50px #0006;
  align-items:stretch;
  font-size:15px}
.nav.is-open {
  display:flex;
  flex-direction:column;
  gap:0}
.nav>a {
  padding:12px 15px}
.nav-cta {
  border:0;
  border-top:1px solid #547080;
  border-radius:0;
  margin-top:5px}
.nav-cta span {
  float:right}
.menu-toggle[aria-expanded=true] span:first-child {
  transform:translateY(3px) rotate(45deg)}
.menu-toggle[aria-expanded=true] span:last-child {
  transform:translateY(-3px) rotate(-45deg)}
.hero-content {
  padding-top:60px}
.eyebrow {
  font-size:8px;
  gap:7px;
  letter-spacing:0;
  flex-wrap:wrap}
.eyebrow-separator {
  margin:0 1px}
.hero h1 {
  font-size:clamp(58px,11vw,88px);
  margin-top:24px;
  line-height:1.02}
.hero-side {
  display:none}
.hero:before {
  inset:100px -500px 80px -180px;
  opacity:.65}
.hero-bottom {
  margin-top:36px;
  padding:23px;
  flex-direction:column;
  align-items:stretch;
  gap:24px;
  border-radius:18px}
.hero-bottom>p {
  font-size:15px;
  line-height:1.55}
.desktop {
  display:none}
.hero-actions {
  align-items:stretch;
  gap:17px}
.hero-actions .text-link {
  align-self:center}
.button {
  padding:17px 22px;
  font-size:12px}
.hero-foot {
  font-size:7px;
  margin-top:25px;
  gap:10px;
  align-items:center}
.hero-foot>span:first-child {
  max-width:120px}
.hero-foot>span:last-child {
  white-space:nowrap}
.mint {
  margin:0 3px}
.section {
  padding:60px 15px}
.section-label {
  font-size:9px;
  margin-bottom:28px;
  gap:14px}
.section-label>span:last-child {
  font-size:8px;
  text-align:right;
  max-width:145px}
.capability-strip {
  overflow:hidden;
  justify-content:space-around;
  margin:0 15px;
  padding:25px 0;
  flex-wrap:wrap;
  font-size:8px;
  gap:12px}
.capability-strip b {
  font-size:12px}
.capability-strip b:nth-child(4) {
  display:none}
.intro h2 {
  font-size:clamp(36px,7vw,52px)}
.intro-copy {
  display:block;
  margin-top:30px}
.spark {
  display:block;
  font-size:50px;
  margin-bottom:25px}
.intro-copy>div {
  font-size:15px}
.muted {
  font-size:13px}
.section-heading {
  margin-bottom:30px;
  align-items:center;
  gap:16px}
.section-heading h2 {
  font-size:35px}
.round-link {
  height:45px;
  width:45px;
  font-size:25px}
.services {
  padding-top:12px}
.service h3 {
  font-size:25px}
.service {
  padding:24px 20px}
.service>p {
  font-size:12px}
.ai-section {
  grid-template-columns:1fr;
  padding:30px 25px 38px;
  border-radius:24px;
  gap:25px}
.ai-art {
  height:265px;
  max-width:360px;
  width:100%;
  margin:auto}
.ai-globe {
  width:190px;
  height:190px}
.ai-star {
  left:13%;
  top:5%}
.ai-globe>span {
  right:-35px}
.art-caption {
  bottom:0;
  font-size:8px}
.ai-copy h2 {
  font-size:36px}
.ai-copy>p {
  font-size:13px}
.ai-copy .section-label {
  font-size:8px}
.check-list li {
  font-size:11px}
.solution-tabs {
  gap:8px}
.solution-tabs button {
  font-size:10px;
  padding:10px 13px;
  flex:1;
  white-space:nowrap}
.solution-panel {
  grid-template-columns:1fr;
  gap:35px;
  padding-top:30px}
.solution-copy h3 {
  font-size:32px}
.solution-copy>p {
  font-size:13px}
.solution-copy li {
  font-size:12px}
.system-map {
  padding:25px}
.world-section {
  grid-template-columns:1fr;
  padding:38px 25px;
  border-radius:24px;
  gap:20px}
.world-copy .section-label {
  font-size:8px}
.world-copy h2 {
  font-size:45px}
.world-copy>p {
  font-size:13px}
.world-art {
  padding-top:30px}
.globe {
  height:235px;
  width:235px}
.world-coordinate {
  font-size:8px;
  margin-top:45px}
.approach-layout {
  grid-template-columns:1fr;
  gap:30px}
.approach-intro {
  max-width:420px}
.approach-badge {
  margin-top:20px}
.steps summary {
  font-size:21px;
  padding:23px 0}
.tech {
  padding-top:8px}
.tech-head {
  grid-template-columns:1fr;
  gap:25px}
.tech-head>p {
  font-size:13px}
.tech-rows>div {
  grid-template-columns:1fr;
  gap:10px;
  padding:21px 0}
.tech-rows p {
  font-size:16px}
.tech-rows b {
  margin:0 5px}
.faq {
  padding-top:8px}
.faq-layout {
  grid-template-columns:1fr;
  gap:30px}
.faq h2 {
  font-size:35px}
.faq summary {
  font-size:13px}
.brief-section {
  grid-template-columns:1fr;
  padding:40px 25px;
  border-radius:24px;
  gap:40px}
.brief-intro h2 {
  font-size:46px}
.brief-intro .section-label {
  font-size:9px;
  margin-bottom:28px}
.brief-intro>p {
  font-size:13px}
.brief-note {
  margin-top:25px}
.brief-world {
  margin-top:22px}
.brief-form>label {
  font-size:11px}
.brief-form fieldset {
  margin:25px 0}
.brief-options span {
  font-size:10px}
.brief-form .button {
  font-size:12px}
footer {
  padding:35px 15px 20px;
  gap:25px}
.footer-brand>span {
  font-size:21px}
footer>p {
  margin:0;
  order:3;
  width:100%;
  font-size:10px}
.back-top {
  margin-left:auto}
.footer-bottom {
  order:4;
  flex-wrap:wrap;
  font-size:8px;
  gap:12px}
.footer-bottom>span:nth-child(2) {
  width:100%;
  order:3}
}
@media(max-width:480px) {
  .services-grid {
  grid-template-columns:1fr}
.service {
  padding:27px}
.service-top {
  margin-bottom:25px}
.service h3 {
  font-size:30px}
.service>p {
  font-size:13px}
.tags span {
  font-size:9px}
.ai-line {
  font-size:10px}
.service>a {
  font-size:12px}
.hero h1 {
  font-size:clamp(51px,12.8vw,67px)}
.hero-content {
  padding-top:48px}
.hero-bottom {
  padding:20px}
.eyebrow {
  font-size:7px}
.eyebrow .live-dot {
  width:5px;
  height:5px}
.solution-tabs {
  gap:6px}
.solution-tabs button {
  font-size:9px;
  padding:10px 9px}
.world-tags>span {
  font-size:8px}
.world-copy h2 {
  font-size:42px}
.section-heading h2 {
  font-size:32px}
.intro h2 {
  font-size:36px}
.brief-intro h2 {
  font-size:41px}
.hero-foot {
  font-size:6px}
.section-label>span:last-child {
  max-width:130px}
.map-bottom {
  gap:6px}
.map-bottom>span {
  font-size:9px}
.brief-options span {
  padding:8px 10px}
}
@media(prefers-reduced-motion:reduce) {
  html {
  scroll-behavior:auto}
*,*:before,*:after {
  animation:none!important;
  transition:none!important}
}
@media print {
  .page-shell {
  padding:0}
.hero,.ai-section,.world-section,.brief-section {
  print-color-adjust:exact;
  -webkit-print-color-adjust:exact}
.nav,.menu-toggle,.hero-actions,.brief-form,.back-top {
  display:none}
.section {
  padding:35px 15px}
.service {
  break-inside:avoid}
.brief-section {
  display:block}
details>p,details>div {
  display:block!important}
.hero {
  min-height:auto;
  padding-bottom:35px}
footer {
  padding:20px}
.hero-bottom {
  max-width:600px}
}


/* Marketing: a full-width service keeps the six core cards balanced. */
.service-marketing { grid-column:1 / -1; display:grid; grid-template-columns:1fr 1fr; column-gap:50px; }
.service-marketing .service-top { grid-column:1 / -1; margin-bottom:20px; }
.service-marketing h3 { grid-column:1; grid-row:2; }
.service-marketing>p { grid-column:2; grid-row:2; margin:0 0 25px; }
.service-marketing .tags { grid-column:1; grid-row:3; align-self:center; margin:0 0 20px; }
.service-marketing .ai-line { grid-column:2; grid-row:3; }
.service-marketing>a { grid-column:1 / -1; grid-row:4; }
@media(max-width:760px) { .service-marketing {display:flex;} .service-marketing>p {margin:18px 0 25px;} .service-marketing .tags {align-self:auto;margin:0;} }

.form-trap {position:absolute!important;width:1px;height:1px;overflow:hidden;clip-path:inset(50%);}
.brief-form .form-consent {display:flex;align-items:flex-start;gap:10px;font-size:10px;line-height:1.6;margin:24px 0;color:#a9becb;}
.form-consent input {flex-shrink:0;margin:4px 0 0;accent-color:#b9c4fa;}
.brief-form .save-brief {display:block;background:none;border:0;border-bottom:1px solid #466071;color:#b6cbd8;margin:18px auto;padding:5px;font-size:11px;}
.button:disabled {opacity:.6;transform:none;}

/* Clear localised form feedback; no browser-language-dependent bubbles. */
.field-error {display:block;color:#ffb8c0;font-size:12px;line-height:1.5;margin-top:8px;}
.field-error:empty {display:none;}
.brief-form [aria-invalid="true"] {border-color:#ffb8c0!important;}
.form-consent {flex-wrap:wrap;}
.form-consent>span:not(.field-error) {flex:1;min-width:180px;}
.form-consent .field-error {flex-basis:100%;padding-left:23px;}
/* Vector icons remain identical across Safari, desktop and mobile fonts. */
.icon{width:1em;height:1em;display:inline-block;vertical-align:-.12em;flex-shrink:0;overflow:visible}.service-icon .icon{width:28px;height:28px}.check-list li:before{content:none}.check-list li{display:flex;align-items:flex-start;gap:12px}.check-list .icon{margin-top:4px;color:var(--mint,#8de8de)}.round-link .icon{width:24px;height:24px}.back-top .icon{width:21px;height:21px}.legal-links{display:flex;gap:16px 28px;flex-wrap:wrap;font-size:12px;padding:20px 0 0;color:#9eb0bc}.legal-links a{text-decoration:underline;text-underline-offset:4px}.form-consent a{text-decoration:underline;text-underline-offset:3px}
.subpage{background:#081c2b;color:#eaf1f4}.subpage>.header{border-bottom:1px solid #ffffff1c}.page-intro{padding-top:84px;padding-bottom:44px}.page-intro h1{font-size:clamp(48px,6.4vw,88px);line-height:1.05;letter-spacing:-.05em;margin:32px 0}.page-intro>p{max-width:660px;font-size:19px;line-height:1.65;color:#a9bac5}.portfolio-intro-line{display:flex;justify-content:space-between;gap:20px;border-top:1px solid #ffffff24;margin-top:40px;padding-top:20px;font-size:12px;color:#9eb0bc}.portfolio-grid{display:grid;grid-template-columns:1fr 1fr;gap:56px 30px;padding-top:20px;padding-bottom:80px}.project-card{border:1px solid #ffffff26;border-radius:16px;overflow:hidden;background:#0d2535;scroll-margin-top:24px}.project-image{display:block;position:relative;overflow:hidden;aspect-ratio:16/10;background:#152e40}.project-image img{width:100%;height:100%;object-fit:cover;object-position:top;transition:transform .4s}.project-image:hover img{transform:scale(1.025)}.project-image>span{position:absolute;right:14px;bottom:14px;background:#081c2bea;border:1px solid #ffffff38;border-radius:99px;padding:9px 15px;font-size:12px}.project-copy{padding:28px 30px}.project-meta{display:flex;justify-content:space-between;gap:20px;color:#90b5bc;font-size:10px;letter-spacing:.05em;text-transform:uppercase}.project-meta b{font-weight:400}.project-copy h2{font-size:34px;margin:18px 0 8px;letter-spacing:-.04em;line-height:1.15}.project-copy h3{font-size:16px;font-weight:500;margin:0 0 18px;color:#d7e1e6;line-height:1.4}.project-copy p{font-size:14px;line-height:1.75;color:#aabdc7}.project-copy details{margin:22px 0;border-top:1px solid #ffffff26;border-bottom:1px solid #ffffff26;padding:16px 0}.project-copy summary{cursor:pointer;display:flex;justify-content:space-between;font-size:13px;list-style:none}.project-copy summary::-webkit-details-marker{display:none}.project-copy summary span{transition:transform .2s}.project-copy details[open] summary span{transform:rotate(45deg)}.project-copy h4{font-size:11px;letter-spacing:.08em;text-transform:uppercase;margin:22px 0 6px;color:#8de8de}.project-copy details p{margin-top:0}.project-copy>.text-link{font-size:13px;color:#c3d5ec}.project-cta{background:#102d40;display:flex;align-items:center;justify-content:space-between;gap:32px}.project-cta h2{margin:24px 0;font-size:clamp(30px,4vw,52px)}.project-cta p{max-width:620px;color:#adbfca;line-height:1.7}.project-cta .button{white-space:nowrap}.work-previews{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px}.work-preview{border:1px solid #ffffff25;border-radius:12px;overflow:hidden;background:#0d2535;display:block}.work-preview img{width:100%;aspect-ratio:16/10;object-fit:cover;object-position:top;display:block;height:auto}.work-preview>div{padding:24px}.work-preview span{font-size:10px;color:#92b9c4}.work-preview h3{font-size:24px;margin:14px 0 8px;letter-spacing:-.03em}.work-preview p{font-size:13px;line-height:1.6;color:#a7bcc9}.legal-page{max-width:960px;margin:auto;padding-top:72px;padding-bottom:90px}.legal-page .section-label{margin-top:44px}.legal-page h1{font-size:clamp(34px,5vw,60px);line-height:1.12;letter-spacing:-.045em;margin:26px 0 36px;overflow-wrap:anywhere}.legal-page h2{font-size:23px;margin:42px 0 16px;letter-spacing:-.025em;line-height:1.35}.legal-page p{font-size:16px;line-height:1.85;color:#b9c9d3}.legal-page a{text-decoration:underline;text-underline-offset:4px;color:#c8d5ff}.legal-page .legal-lead{font-size:19px;color:#e0e9ef}
@media(max-width:1000px){.header .nav{gap:18px}.header .nav>a{font-size:12px}.work-previews{gap:14px}.work-preview>div{padding:18px}.project-copy{padding:24px}.project-copy h2{font-size:29px}.project-cta{align-items:flex-start;flex-direction:column}}
@media(max-width:760px){.portfolio-grid{grid-template-columns:1fr;gap:30px;padding-bottom:52px}.page-intro{padding-top:48px}.portfolio-intro-line{flex-direction:column;gap:8px}.work-previews{grid-template-columns:1fr}.work-preview img{aspect-ratio:16/9}.project-image{aspect-ratio:16/10}.project-copy{padding:24px}.project-copy h2{font-size:30px}.legal-page{padding-top:40px;padding-bottom:56px}.legal-page p{font-size:15px}.legal-page h2{font-size:21px}.legal-links{flex-direction:column;gap:14px}.project-cta .button{width:100%;justify-content:center}}
.legal-links{width:100%;order:5;color:#526674}.work-preview{color:#eaf1f4}.subpage .section-label>span:last-child{color:#9fb5c4}.subpage footer .brand-light{color:#bbccd7}.subpage footer>p,.subpage .footer-bottom,.subpage .legal-links{color:#bbccd7}.subpage .footer-bottom{border-color:#ffffff30}

.scanner-project{grid-column:1/-1;display:grid;grid-template-columns:1.05fr 1fr}.scanner-project .project-image{aspect-ratio:auto;min-height:420px}.scanner-project .project-image img{object-fit:contain}.scanner-preview{display:flex;justify-content:space-between;align-items:center;gap:24px;border-top:1px solid #c8d2d9;border-bottom:1px solid #c8d2d9;margin-top:30px;padding:24px 0}.scanner-preview>span{font-size:12px;color:#526674}.scanner-preview strong{font-size:18px;font-weight:500}.scanner-preview .icon{margin-left:10px}@media(max-width:760px){.scanner-project{display:block}.scanner-project .project-image{min-height:0;aspect-ratio:16/10}.scanner-preview{align-items:flex-start;flex-direction:column;gap:12px}}

/* iPhone Safari focus zoom: editable fields must keep a readable 16px minimum. */
.brief-form,.brief-form>label{min-width:0}
.brief-form input:not([type=checkbox]),.brief-form textarea{max-width:100%}
@media(max-width:1024px),(pointer:coarse){
  .brief-form input:not([type=checkbox]),.brief-form textarea{font-size:16px;line-height:1.5;min-height:48px}
}

.concept-label{font:10px/1.7 var(--mono);letter-spacing:.08em;color:#98b8c4}.concept-case{padding-top:15px}.concept-overview{display:grid;grid-template-columns:.85fr 1.15fr;gap:54px;align-items:center}.concept-overview h2{font-size:clamp(40px,5vw,70px);margin:24px 0;line-height:1.06;letter-spacing:-.045em}.concept-lead{color:#b4c7d2;font-size:18px;line-height:1.7;margin-bottom:30px}.concept-image{display:block;border-radius:14px;overflow:hidden;border:1px solid #ffffff30;background:#f7f5f1}.concept-image img{display:block;width:100%;height:auto}.concept-details{display:grid;grid-template-columns:1fr 1fr;gap:36px 50px;margin-top:64px}.concept-details article{border-top:1px solid #ffffff30;padding-top:24px}.concept-details article>span{font:10px var(--mono);color:#96c8d1;letter-spacing:.08em}.concept-details h3{font-size:25px;margin:20px 0 14px;line-height:1.25}.concept-details p{font-size:15px;line-height:1.8;color:#b4c7d2}.concept-status{border-left:2px solid #94daca;margin-top:45px;padding:5px 0 5px 24px;color:#c6d9e2}.concept-status p{font-size:13px;line-height:1.8;max-width:850px}.home-concepts{padding-top:25px}.concept-home-card{display:grid;grid-template-columns:1fr 1fr;align-items:center;gap:52px;background:#eae9e5;border:1px solid #d5d9da;border-radius:16px;overflow:hidden}.concept-home-card>img{width:100%;height:420px;object-fit:cover;object-position:center;display:block}.concept-home-card>div{padding:32px 40px 32px 0}.concept-home-card .concept-label{color:#576a73}.concept-home-card h2{font-size:36px;line-height:1.1;margin:20px 0}.concept-home-card p{font-size:14px;color:#526674;line-height:1.8}.concept-home-card .text-link{margin-top:12px;font-size:13px}@media(max-width:760px){.concept-overview,.concept-details,.concept-home-card{grid-template-columns:1fr}.concept-overview{gap:30px}.concept-overview .button{font-size:12px}.concept-details{gap:24px;margin-top:40px}.concept-home-card{gap:0}.concept-home-card>img{height:auto;max-height:400px;object-fit:cover;object-position:top}.concept-home-card>div{padding:28px}.concept-home-card h2{font-size:30px}.concept-lead{font-size:16px}}
/* Captured desktop and mobile screens of the concept. */
.concept-gallery{margin-top:64px;padding-top:42px;border-top:1px solid #ffffff30;scroll-margin-top:28px}.gallery-heading{display:flex;justify-content:space-between;align-items:flex-end;gap:28px}.gallery-heading h3{font-size:30px;line-height:1.2;margin:16px 0 12px;letter-spacing:-.03em}.gallery-heading p{font-size:14px;color:#b4c7d2;margin:0}.gallery-devices{display:flex;gap:4px;padding:5px;background:#132e40;border:1px solid #ffffff25;border-radius:99px;flex-shrink:0}.gallery-devices button{background:none;color:#b4c7d2;border:0;border-radius:99px;padding:10px 16px;font-size:12px;white-space:nowrap}.gallery-devices button[aria-pressed=true]{color:#102535;background:#c2d3ee}.gallery-tabs{display:flex;gap:8px;flex-wrap:wrap;margin:28px 0 20px}.gallery-tabs button{background:transparent;color:#b4c7d2;border:1px solid #557084;border-radius:99px;padding:11px 21px;font-size:13px}.gallery-tabs button[aria-selected=true]{background:#c2d3ee;color:#102535;border-color:#c2d3ee}.gallery-stage{padding:28px;background:#102b3d;border:1px solid #ffffff20;border-radius:18px;display:flex;justify-content:center;align-items:flex-start;min-height:730px}.screen-shell{width:100%;min-width:0;overflow:hidden;border:1px solid #6a8798;border-radius:12px;background:#fff;box-shadow:0 12px 28px #0003}.screen-bar{height:36px;display:flex;align-items:center;gap:6px;padding:0 14px;background:#e7e9eb;color:#53636c}.screen-bar>span{width:7px;height:7px;border-radius:50%;background:#9caab2}.screen-bar i{font:10px var(--mono);font-style:normal;margin:auto}.screen-scroll{overflow:auto;max-height:640px;overscroll-behavior:contain;scrollbar-color:#768b98 #e2e8ed}.screen-scroll img{display:block;width:100%;height:auto}.concept-gallery[data-device=mobile] .screen-shell{width:320px;max-width:100%;border:9px solid #233d4c;border-radius:28px}.concept-gallery[data-device=mobile] .screen-bar{display:none}.concept-gallery[data-device=mobile] .screen-scroll{max-height:654px}.gallery-caption{display:flex;justify-content:space-between;align-items:center;gap:18px;margin-top:16px}.gallery-caption p{font-size:13px;color:#c3d4de;margin:0}.gallery-caption>div{display:flex;gap:20px;flex-wrap:wrap}.gallery-caption a{font-size:12px;color:#bbd1e6;text-decoration:underline;text-underline-offset:4px}.gallery-caption .icon{margin-left:5px}.concept-home-card>img{object-position:top}.concept-gallery noscript{color:#c3d4de}.concept-gallery noscript a{text-decoration:underline}@media(max-width:760px){.concept-gallery{margin-top:42px;padding-top:30px}.gallery-heading{align-items:flex-start;flex-direction:column;gap:22px}.gallery-heading h3{font-size:25px}.gallery-devices{width:100%}.gallery-devices button{flex:1;min-height:44px}.gallery-tabs{gap:7px}.gallery-tabs button{padding:10px 13px;font-size:12px;min-height:44px}.gallery-stage{padding:12px;min-height:0}.screen-scroll{max-height:470px}.concept-gallery[data-device=mobile] .screen-scroll{max-height:654px}.gallery-caption{align-items:flex-start;flex-direction:column}.gallery-caption>div{gap:14px 20px}.gallery-caption a{font-size:12px}}