/* Light art direction: generous paper surfaces, cobalt type and a live product canvas. */
.search-visibility { margin-top: 64px; padding: 48px; background: #edf2ff; border: 1px solid #dce5fa; border-radius: 20px; }
.geo-main { display: grid; grid-template-columns: 1.15fr .85fr; gap: 50px; align-items: center; }
.geo-copy > .eyebrow { font-size: 10px; letter-spacing: .13em; margin-bottom: 25px; }
.geo-copy h2 { font-size: clamp(35px, 3.4vw, 49px); font-weight: 500; line-height: 1.08; letter-spacing: -.055em; }
.geo-copy > p { color: #566783; font-size: 14px; line-height: 1.8; max-width: 550px; margin-top: 17px; }
.geo-copy > .geo-lead { font-size: 16px; color: #334562; margin-top: 27px; }
.geo-copy > .button { border-radius: 99px; font-size: 13px; gap: 20px; min-height: 52px; padding: 15px 21px; margin-top: 28px; }
.geo-comparison { display: grid; gap: 16px; min-width: 0; }
.geo-channel { padding: 25px 27px; border-radius: 13px; background: #fff; border: 1px solid #dce4f5; box-shadow: 0 12px 35px #315aa607; transition: transform .4s var(--ease); }
.geo-channel:hover { transform: translateY(-4px); }
.geo-channel-top { display: flex; align-items: center; justify-content: space-between; margin-bottom: 20px; color: #273b5c; }
.geo-channel-top > span { font-size: 28px; font-weight: 600; letter-spacing: -.055em; }
.geo-channel-top > .icon { height: 25px; width: 25px; }
.geo-channel h3 { font-size: 23px; letter-spacing: -.045em; font-weight: 500; }
.geo-channel p { font-size: 13px; color: #596d8a; line-height: 1.7; margin-top: 12px; }
.geo-channel-label { display: block; font-size: 9px; letter-spacing: .11em; margin-top: 22px; color: #61718d; }
.geo-channel-ai { border-color: #9bb4ff; background: #f9fbff; }
.geo-channel-ai .geo-channel-top, .geo-channel-ai h3 { color: #2453ff; }
.geo-value-grid { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 29px; border-top: 1px solid #ccd9ef; padding-top: 33px; margin-top: 42px; }
.geo-value-grid article > span { display: block; font-size: 9px; letter-spacing: .08em; color: #5a6b88; margin-bottom: 15px; }
.geo-value-grid h3 { font-size: 20px; font-weight: 500; line-height: 1.2; letter-spacing: -.035em; }
.geo-value-grid p { font-size: 13px; line-height: 1.75; color: #556681; margin-top: 12px; }
.geo-faq { margin-top: 33px; border-top: 1px solid #ccd9ef; }
.geo-faq details { border-bottom: 1px solid #ccd9ef; }
.geo-faq summary { display: flex; align-items: center; justify-content: space-between; gap: 20px; list-style: none; cursor: pointer; padding: 20px 0; font-size: 14px; font-weight: 600; color: #2a3f62; }
.geo-faq summary::-webkit-details-marker { display: none; }
.geo-faq summary .icon { width: 18px; height: 18px; transition: transform .3s var(--ease); }
.geo-faq details[open] summary .icon { transform: rotate(45deg); }
.geo-faq details > p { max-width: 780px; padding-bottom: 22px; font-size: 13px; line-height: 1.8; color: #526682; }
.geo-faq a { color: #2453ff; text-decoration: underline; text-underline-offset: 3px; white-space: normal; }
@media (max-width: 1100px) {
  .search-visibility { padding: 35px; }
  .geo-main { gap: 30px; grid-template-columns: 1.1fr .9fr; }
  .geo-copy h2 { font-size: 37px; }
  .geo-copy > .button { font-size: 12px; padding-inline: 17px; gap: 12px; }
  .geo-channel { padding: 24px; }
}
@media (max-width: 760px) {
  .search-visibility { margin-top: 40px; padding: 28px 22px; border-radius: 13px; }
  .geo-main { grid-template-columns: minmax(0, 1fr); gap: 30px; }
  .geo-copy > .eyebrow { font-size: 8px; margin-bottom: 22px; letter-spacing: .08em; }
  .geo-copy h2 { font-size: clamp(29px, 7.4vw, 43px); line-height: 1.1; }
  .geo-copy > .geo-lead { font-size: 15px; margin-top: 23px; }
  .geo-copy > p { font-size: 13px; margin-top: 16px; }
  .geo-copy > .button { font-size: 12px; width: 100%; gap: 12px; padding: 14px 17px; line-height: 1.4; text-align: left; }
  .geo-comparison { gap: 13px; }
  .geo-channel { padding: 23px; }
  .geo-channel h3 { font-size: 22px; }
  .geo-channel-top { margin-bottom: 17px; }
  .geo-channel-label { font-size: 8px; margin-top: 18px; }
  .geo-value-grid { grid-template-columns: minmax(0, 1fr); gap: 26px; margin-top: 30px; padding-top: 28px; }
  .geo-value-grid article > span { margin-bottom: 10px; }
  .geo-value-grid h3 { font-size: 21px; }
  .geo-value-grid p { margin-top: 10px; }
  .geo-faq { margin-top: 27px; }
  .geo-faq summary { font-size: 13px; line-height: 1.5; padding-block: 18px; }
}
.experience-light {
  --paper: #fafbf9;
  --ink: #16181c;
  --blue: #2453ff;
  --muted: #787e88;
  --line: #dce0e6;
  --orange: #f77945;
  background: var(--paper);
  color: var(--ink);
  color-scheme: light;
}
.experience-light .site-header {
  color: var(--ink);
  border-color: #1d2f4714;
  height: 100px;
}
.experience-light .desktop-nav a { color: #4d525b; }
.experience-light .header-cta {
  background: transparent;
  border: 1px solid #c7ccd5;
  border-radius: 99px;
  padding: 13px 21px;
}
.experience-light .header-cta:hover { color: white; background: var(--ink); border-color: var(--ink); }
.experience-light .motion-toggle { color: #626976; }
.experience-light .motion-toggle:hover { color: var(--blue); }
.experience-light .motion-bars i { background: var(--blue); }
.experience-light .opening { background: var(--paper); color: var(--ink); }
.experience-light .opening-pin { min-height: 0; }
.experience-light .opening-atmosphere { overflow: visible; }
.experience-light .opening-atmosphere > span:first-child {
  width: 65vw;
  height: 65vw;
  top: -22%;
  left: 46%;
  background: none;
  border: 1px solid #dce2ed;
  border-radius: 50%;
}
.experience-light .opening-atmosphere > span:first-child::after {
  content: '';
  position: absolute;
  inset: 13%;
  border: 1px solid #e4e8ef;
  border-radius: inherit;
}
.experience-light .opening-atmosphere > span:last-child {
  width: 42vw;
  height: 42vw;
  right: -13%;
  bottom: -37%;
  background: #edf1fc;
  border: 1px solid #e5eafa;
  border-radius: 50%;
}
.experience-light .opening-wordmark { color: #233b7704; bottom: -24%; left: -4%; }
.opening-asterisk {
  position: absolute;
  right: 14%;
  top: 15%;
  width: clamp(88px, 9.4vw, 145px);
  height: auto;
  fill: none;
  stroke: var(--orange);
  stroke-width: 7;
  stroke-linecap: square;
  transform: rotate(calc(-12deg + var(--orbit-turn, 0deg)));
  opacity: var(--hero-opacity, 1);
  pointer-events: none;
  z-index: -1;
}
.experience-light .hero { top: clamp(157px, 19svh, 207px); }
.experience-light .hero-eyebrow { color: #626975; font-size: 10px; letter-spacing: .13em; }
.experience-light .hero-eyebrow > span:first-child::before {
  content: '';
  display: inline-block;
  width: 5px;
  height: 5px;
  background: var(--blue);
  border-radius: 50%;
  margin-right: 10px;
  vertical-align: 2px;
}
.experience-light h1 {
  font-size: clamp(86px, 8.5vw, 136px);
  letter-spacing: -.079em;
  font-weight: 600;
  line-height: .97;
  margin-top: 31px;
}
.experience-light h1 .blue { color: var(--blue); }
.experience-light .hero-statement { font-size: clamp(26px, 2.55vw, 39px); margin-top: 23px; }
.experience-light .hero-bottom p { color: #666d78; font-size: 15px; }
.experience-light .hero-bottom .button {
  background: var(--ink);
  color: white;
  border-radius: 99px;
  padding: 13px 16px 13px 23px;
  gap: 27px;
  min-height: 56px;
  margin-top: 29px;
}
.experience-light .hero-bottom .button-icon {
  border-radius: 50%;
  background: #ffffff18;
  width: 29px;
  height: 29px;
  display: grid;
  place-items: center;
  margin-left: 7px;
}
.experience-light .hero-bottom .button-icon .icon { width: 18px; height: 18px; }
.experience-light .hero-bottom .button:hover { background: var(--blue); }
.experience-light .demo-intro { color: #4f5764; gap: 10px; }
.experience-light .play-circle { border-color: #c3cbd9; }
.experience-light .demo-intro:hover { color: var(--blue); }
.experience-light .demo-intro:hover .play-circle { color: white; }
.experience-light .demo-section { top: clamp(125px, 16svh, 172px); }
.experience-light .demo-stage {
  padding: 23px 27px 21px;
  background: #f0f3f9;
  border: 1px solid #fff;
  color: var(--ink);
  border-radius: 20px;
  box-shadow: 0 35px 90px #40588a12, 0 2px 8px #40588a06, inset 0 0 0 1px #dee4ef;
}
.experience-light .demo-stage::before {
  background: color-mix(in srgb, var(--demo-accent) 9%, #f3f5fb);
  opacity: var(--stage-fill, 0);
}
.experience-light .stage-grid {
  background-image: radial-gradient(#45629440 .75px, transparent .75px);
  background-size: 22px 22px;
  mask-image: linear-gradient(to bottom, transparent, black 45%);
  opacity: .38;
}
.experience-light .stage-corner { border-color: #768ba8; opacity: .6; width: 10px; height: 10px; }
.experience-light .demo-label { color: #596478; opacity: 1; font-size: 10px; }
.experience-light .live-indicator { background: var(--blue); box-shadow: 0 0 0 4px #2453ff0e; }
.experience-light .demo-tabs { background: #e3e8f1; border-color: #dce2eb; border-radius: 99px; padding: 4px; }
.experience-light .demo-tabs button { color: #596375; border-radius: 99px; padding: 9px 15px; }
.experience-light .demo-tabs button[aria-selected=true] { color: white; background: var(--ink); box-shadow: 0 3px 8px #26355414; }
.experience-light .swatch { border: 3px solid #f5f7fc; width: 25px; height: 25px; }
.experience-light .swatch.active::after { border-color: #75859d; inset: -4px; }
.experience-light .demo-workspace { padding: 30px 33px 29px; min-height: 524px; }
.experience-light .web-demo {
  border-color: #fff;
  border-radius: 11px;
  box-shadow: 18px 32px 60px #25395c25, 0 2px 8px #25395c0b;
}
.experience-light .browser-chrome { background: #fff; color: #7a8290; border-bottom: 1px solid #e5e7eb; height: 40px; }
.experience-light .browser-chrome > span { opacity: 1; }
.experience-light .browser-chrome button { color: #616b7a; }
.experience-light .browser-chrome button:hover { color: var(--blue); }
.experience-light .traffic i { width: 6px; height: 6px; }
.experience-light .mini-copy { background: #f4f3ee; }
.experience-light .mini-nav { background: #fcfbf7; }
.experience-light .mini-photo img { object-position: 57% 50%; }
.experience-light .demo-bottom { color: #627086; }
.experience-light .demo-counter b { color: #263348; }
.experience-light .app-story > .mini-kicker { color: #626f83; }
.experience-light .app-story h2 { color: var(--ink); }
.experience-light .app-story p { color: #626f83; }
.experience-light .app-story-line { background: #bfcadd; }
.experience-light .app-feature { color: #4a5970; }
.experience-light .app-feature .icon { color: var(--demo-accent); }
.experience-light .app-shell { box-shadow: 22px 30px 55px #29467129; }

/* A functional second device introduces the app before the canvas expands. */
.app-peek {
  position: absolute;
  bottom: -12px;
  right: 18%;
  z-index: 5;
  width: 215px;
  padding: 38px 17px 18px;
  text-align: left;
  color: #18202d;
  background: #fff;
  border: 5px solid #20252d;
  border-radius: 29px;
  box-shadow: 15px 27px 50px #2e426132;
  transform: rotate(11deg) translateY(0);
  opacity: var(--hero-opacity, 1);
  transition: transform .65s var(--ease), visibility .3s;
}
.app-peek:hover { transform: rotate(3deg) translateY(-9px); }
.peek-camera { position: absolute; top: 7px; left: 50%; transform: translateX(-50%); width: 55px; height: 13px; background: #20252d; border-radius: 20px; }
.peek-brand { display: block; font-size: 28px; font-weight: 600; letter-spacing: -.065em; }
.peek-brand > span { color: var(--blue); }
.peek-heading { display: block; font-size: 25px; line-height: 1.03; letter-spacing: -.055em; margin-top: 18px; }
.peek-days { display: flex; gap: 5px; margin-top: 22px; }
.peek-days i { display: block; border-radius: 5px; padding: 8px 12px; font-size: 10px; font-style: normal; background: #eff1f5; }
.peek-days i:first-child { background: var(--blue); color: white; }
.peek-time { display: flex; align-items: center; justify-content: space-between; border-bottom: 1px solid #e5e8f0; font-size: 21px; margin-top: 17px; padding-bottom: 13px; letter-spacing: -.045em; }
.peek-time .icon { width: 18px; height: 18px; color: var(--blue); }
.peek-action { display: flex; align-items: center; justify-content: space-between; font-size: 10px; padding-top: 17px; }
.peek-action .icon { width: 17px; height: 17px; }
.opening.focused .app-peek { visibility: hidden; pointer-events: none; }
.experience-light .demo-stage[data-demo=app] .app-peek { display: none; }
.experience-light .opening-scroll { color: #697484; bottom: 26px; }
.experience-light .scroll-rail { background: #d5dce7; }
.experience-light .scroll-rail i { background: var(--blue); }
.experience-light .opening-count { color: #7d8796; }
.experience-light .opening-count b { color: #263754; }

/* A continuous light editorial rhythm, from capabilities to the inquiry. */
.experience-light .service-marquee { background: #f3f5f9; border-color: #e0e5ed; color: #444d5d; padding-block: 25px; }
.experience-light .marquee-track span { font-size: 23px; font-weight: 400; letter-spacing: -.035em; }
.experience-light .marquee-track i { background: var(--orange); width: 6px; height: 6px; }
.experience-light .services { padding-block: 136px 124px; }
.experience-light .eyebrow { color: #5e6879; }
.experience-light .section-heading h2 { font-weight: 500; }
.experience-light .section-heading .muted { color: #8a909b; }
.experience-light .service-item { border-color: #d6dde7; }
.experience-light .service-item summary { padding-block: 35px; }
.experience-light .service-number { color: #64738a; }
.experience-light .service-item summary h3 { letter-spacing: -.055em; }
.experience-light .service-expand { border-color: #cbd3df; }
.experience-light .service-content > p { color: #626c7a; }
.experience-light .service-tags > span { background: #f3f5f9; border-color: #e1e5ed; color: #596576; border-radius: 99px; }
.experience-light .growth-services { background: #f0f3f8; border-color: #e0e6ef; border-radius: 15px; padding: 40px; }
.experience-light .growth-services .eyebrow { color: #5e6e85; }
.experience-light .growth-links button { border-color: #d9e0eb; }
.experience-light .growth-links small { color: #626f81; }
.experience-light .work-section { background: #edf1f7; color: var(--ink); padding-block: 111px 94px; border-block: 1px solid #e1e6ee; }
.experience-light .work-section .muted { color: #858f9f; }
.experience-light .work-section .section-heading > p { color: #657186; }
.experience-light .work-controls > span { color: #5f6c83; }
.experience-light .work-count { color: #63738a; }
.experience-light .work-count b { color: #23334d; }
.experience-light .work-prev, .experience-light .work-next { border-color: #c7d0df; color: #314461; background: #f9fbff; }
.experience-light .work-prev:hover, .experience-light .work-next:hover { color: white; background: var(--blue); border-color: var(--blue); }
.experience-light .work-prev:disabled, .experience-light .work-next:disabled { background: none; border-color: #b7c3d4; color: #314461; opacity: .35; }
.experience-light .work-card .work-art { border-radius: 12px; }
.experience-light .work-caption { padding-top: 23px; }
.experience-light .work-caption h3 { color: var(--ink); font-weight: 500; }
.experience-light .work-caption div > span { color: #5f6c83; }
.experience-light .concept-tag { color: #5c6d86; border-color: #c7d2e3; border-radius: 99px; padding: 5px 12px; }
.experience-light .work-open { color: #253654; box-shadow: 0 4px 16px #15284912; }
.experience-light .work-card:hover .work-open { color: white; }
.experience-light .work-drag-hint > span:last-child { color: #5b6d89; }
.experience-light .work-progress { background: #cbd5e4; }
.experience-light .work-progress i { background: var(--blue); height: 2px; top: -1px; }
.experience-light .process-section { background: var(--paper); }
.experience-light .process-intro h2 { font-weight: 500; }
.experience-light .process-step { border-color: #d9e0e9; }
.experience-light .process-step > span { border-radius: 50%; border-color: #cbd4e1; background: transparent; }
.experience-light .process-step.step-active > span { box-shadow: 0 0 0 6px #2453ff07; }
.experience-light .contact-section { background: #eef2fb; color: var(--ink); border-top: 1px solid #dee5f2; padding-top: 110px; }
.experience-light .contact-copy .eyebrow { color: #61738f; }
.experience-light .contact-copy h2 { color: var(--blue); }
.experience-light .contact-copy h2 > span:first-child { color: #8da6f2; }
.experience-light .contact-copy p { color: #5f6f86; }
.experience-light .contact-email { color: #22334f; border-color: #9baecc; font-size: 27px; }
.experience-light .contact-email:hover { color: var(--blue); }
.experience-light .contact-location { color: #5f718c; }
.experience-light .project-form { background: #ffffffed; border-color: #dde4f0; padding: 35px; border-radius: 17px; box-shadow: 0 20px 65px #3959850a; }
.experience-light .project-form h3 { color: #26324a; }
.experience-light .project-form label { color: #4b5a72; }
.experience-light .project-form .optional { color: #738198; }
.experience-light input, .experience-light textarea, .experience-light select { color: #25344e; background: #f5f7fb; border: 1px solid #d9e1ed; border-radius: 7px; }
.experience-light input::placeholder, .experience-light textarea::placeholder { color: #617088; }
.experience-light input:focus, .experience-light textarea:focus, .experience-light select:focus { background: white; border-color: var(--blue); }
.experience-light select option { background: white; color: #25344e; }
.experience-light .project-form .button { background: var(--blue); color: white; border-radius: 99px; padding-inline: 23px; }
.experience-light .project-form .button:hover { background: #173ed1; color: white; box-shadow: 0 8px 25px #2453ff20; }
.experience-light .project-form .form-note { color: #607189; }
.experience-light .contact-orbit { border-color: #d6dfef; top: 25%; }
.experience-light .contact-orbit::after { border-color: #dfe6f3; }
.experience-light .footer { border-color: #ced9ec; padding-top: 31px; }
.experience-light .footer > div { color: #5d718f; }
.experience-light .footer .logo { color: var(--blue); }
.experience-light .back-top { color: var(--blue); border-color: #aebed9; }
.experience-light .back-top:hover { color: white; background: var(--blue); border-color: var(--blue); }
.experience-light .footer-signature > span { color: var(--blue); }
.experience-light .footer-signature > span > span { color: var(--orange); }
.experience-light dialog { background: #fafbf9; }
.experience-light dialog::backdrop { background: #28375366; backdrop-filter: blur(12px); }
.experience-light .project-dialog-copy .button { border-radius: 99px; }

@media (min-width: 761px) and (max-width: 1100px) {
  .experience-light .site-header { height: 87px; }
  .experience-light .hero { top: 151px; }
  .experience-light h1 { font-size: 8.35vw; }
  .experience-light .hero-eyebrow { font-size: 8px; }
  .experience-light .hero-statement { font-size: 29px; }
  .experience-light .hero-bottom p { font-size: 13px; }
  .experience-light .hero-bottom .button { min-height: 51px; font-size: 12px; padding: 10px 13px 10px 18px; gap: 12px; }
  .experience-light .demo-intro { font-size: 11px; }
  .experience-light .demo-workspace { padding-inline: 15px; }
  .experience-light .demo-label { font-size: 8px; }
  .experience-light .demo-tabs button { padding: 8px 10px; font-size: 11px; }
  .experience-light .demo-stage { padding-inline: 20px; }
  .experience-light .swatch { width: 22px; height: 22px; }
  .app-peek { width: 190px; bottom: -35px; padding-inline: 14px; }
  .peek-heading { font-size: 23px; }
}
@media (min-width: 761px) and (max-height: 780px) {
  .experience-light .hero { top: 128px; }
  .experience-light h1 { font-size: clamp(75px, 7.3vw, 108px); margin-top: 24px; }
  .experience-light .hero-statement { font-size: 28px; margin-top: 18px; }
  .experience-light .hero-bottom { margin-top: 19px; }
  .experience-light .hero-bottom p { font-size: 13px; }
  .experience-light .hero-bottom .button { margin-top: 22px; min-height: 49px; padding-block: 10px; }
  .experience-light .demo-intro { margin-top: 18px; }
  .experience-light .demo-section { top: 112px; }
  .experience-light .opening-scroll { bottom: 20px; }
}
@media (max-width: 760px) {
  .experience-light .site-header { height: 80px; }
  .experience-light .header-cta { font-size: 11px; padding: 10px 13px; gap: 11px; }
  .experience-light .menu-toggle span { background: #29334a; }
  .experience-light .mobile-menu { background: #fafbf9; color: #26334c; border-color: #dce3ee; box-shadow: 0 24px 40px #30426014; }
  .experience-light .mobile-menu a:hover { background: #edf1f8; }
  .experience-light .opening-pin { padding-top: 124px; padding-bottom: 38px; }
  .experience-light .opening-atmosphere > span:first-child { top: -30px; left: 27%; width: 145vw; height: 145vw; opacity: .8; }
  .experience-light .opening-atmosphere > span:last-child { display: none; }
  .experience-light .opening-wordmark { display: none; }
  .opening-asterisk { right: 17px; top: 141px; width: 57px; stroke-width: 6; opacity: .8; }
  .experience-light .hero { top: auto; }
  .experience-light .hero-eyebrow { font-size: 8px; letter-spacing: .09em; }
  .experience-light .hero-eyebrow > span:first-child::before { width: 4px; height: 4px; margin-right: 7px; vertical-align: 1px; }
  .experience-light h1 { font-size: clamp(64px, 17.1vw, 105px); letter-spacing: -.077em; margin-top: 27px; line-height: .98; }
  .experience-light .hero-statement { font-size: 28px; margin-top: 20px; }
  .experience-light .hero-bottom { margin-top: 22px; }
  .experience-light .hero-bottom p { font-size: 14px; line-height: 1.7; }
  .experience-light .hero-bottom .button { margin-top: 24px; min-height: 53px; font-size: 13px; padding: 11px 13px 11px 21px; gap: 29px; }
  .experience-light .demo-intro { font-size: 11px; margin-top: 20px; }
  .experience-light .demo-section { top: auto; margin-top: 40px; width: calc(100% - 24px); }
  .experience-light .demo-stage { padding: 18px 12px 15px; border-radius: 15px; box-shadow: inset 0 0 0 1px #dde4f0; }
  .experience-light .demo-stage::before { opacity: .3 !important; }
  .experience-light .demo-label { font-size: 9px; opacity: 1; }
  .experience-light .demo-toolbar { gap: 15px 10px; }
  .experience-light .demo-tabs { padding: 3px; }
  .experience-light .demo-tabs button { padding: 8px 11px; font-size: 11px; min-height: 36px; gap: 6px; }
  .experience-light .demo-tabs .icon { width: 16px; height: 16px; }
  .experience-light .swatches { gap: 6px; }
  .experience-light .swatch { width: 22px; height: 22px; border-width: 2px; }
  .experience-light .swatch + .swatch { margin-left: 2px; }
  .experience-light .demo-workspace { padding: 25px 0 22px; min-height: 0; }
  .experience-light .web-demo { border-radius: 8px; box-shadow: 0 12px 28px #2e47751c; }
  .experience-light .browser-chrome { height: 35px; font-size: 8px; padding-inline: 12px; }
  .experience-light .browser-chrome button { font-size: 9px; }
  .experience-light .browser-chrome button .icon { width: 14px; height: 14px; }
  .experience-light .traffic { gap: 4px; }
  .experience-light .traffic i { width: 5px; height: 5px; }
  .experience-light .mini-nav { padding: 12px 19px; }
  .experience-light .mini-copy { padding: 25px 22px; }
  .experience-light .mini-copy h2 { font-size: 36px; }
  .experience-light .mini-photo { height: 235px; }
  .experience-light .demo-bottom { font-size: 9px; }
  .experience-light .demo-bottom > span:first-child { max-width: 82%; }
  .experience-light .app-shell { box-shadow: 0 16px 32px #2e477525; }
  .app-peek { display: none; }
  .experience-light .service-marquee { padding-block: 21px; }
  .experience-light .marquee-track span { font-size: 20px; }
  .experience-light .services { padding-block: 80px 75px; }
  .experience-light .section-heading h2 { letter-spacing: -.06em; }
  .experience-light .service-item summary { padding-block: 25px; }
  .experience-light .service-item summary h3 { font-size: 25px; }
  .experience-light .growth-services { padding: 29px 22px; border-radius: 12px; }
  .experience-light .work-section { padding-block: 77px 61px; }
  .experience-light .work-card .work-art { border-radius: 10px; }
  .experience-light .work-caption { padding-top: 19px; }
  .experience-light .concept-tag { padding: 4px 9px; }
  .experience-light .contact-section { padding-top: 77px; }
  .experience-light .contact-grid { gap: 39px; }
  .experience-light .contact-copy h2 { font-size: clamp(56px, 14.2vw, 82px); }
  .experience-light .contact-email { font-size: 25px; }
  .experience-light .project-form { padding: 27px 22px; border-radius: 14px; }
  .experience-light .project-form label { font-size: 13px; }
  .experience-light .project-form input, .experience-light .project-form select, .experience-light .project-form textarea { font-size: 16px; }
  .experience-light .project-form .button { padding-inline: 19px; }
  .experience-light .project-form .form-note { font-size: 11px; }
  .experience-light .footer { padding-top: 26px; }
  .experience-light .mobile-contact { background: #fbfcffed; border-color: #d9e2ef; box-shadow: 0 8px 30px #2238591a; }
  .experience-light .mobile-contact a { background: var(--blue); }
  .experience-light .mobile-contact a:last-child { background: #167c4d; }
  .experience-light .footer-signature { padding-top: 44px; }
}
@media (max-width: 370px) {
  .experience-light .header-cta { font-size: 10px; gap: 7px; padding: 10px; }
  .experience-light .hero-eyebrow { font-size: 7px; }
  .experience-light .hero-statement { font-size: 26px; }
  .opening-asterisk { top: 147px; right: 18px; width: 44px; }
  .experience-light .demo-tabs button { font-size: 10px; padding-inline: 9px; }
  .experience-light .swatch { width: 19px; height: 19px; }
  .experience-light .service-item summary h3 { font-size: 22px; }
  .experience-light .demo-bottom { font-size: 8px; }
}
body.experience-light.static-motion .app-peek, html:not(.js) .app-peek { display: none; }
body.experience-light.static-motion .opening-asterisk, html:not(.js) .opening-asterisk { opacity: .6; transform: rotate(-12deg); }
body.experience-light.static-motion .hero, html:not(.js) .experience-light .hero { top: auto; }
body.experience-light.static-motion .demo-section, html:not(.js) .experience-light .demo-section { top: auto; }
body.experience-light.static-motion .demo-stage::before { opacity: .35; }
@media (prefers-reduced-motion: reduce) {
  .experience-light .hero, .experience-light .demo-section { top: auto; }
  .experience-light .opening-asterisk { transform: rotate(-12deg); }
  .app-peek { display: none; }
}