/* A quiet mobile rendering path: no scroll-sized layers or perpetual GPU work. */
#case-dialog .case-story-outcome {
  position:relative;
  overflow:hidden;
  padding:clamp(28px,4vw,48px);
  border:1px solid rgb(171 193 255 / .22);
  border-radius:clamp(26px,3vw,36px);
  background:#19243b;
}
#case-dialog .case-story-outcome::before {
  content:'';
  position:absolute;
  top:0;
  left:clamp(28px,4vw,48px);
  width:68px;
  height:3px;
  border-radius:0 0 3px 3px;
  background:#7999ff;
}
#case-dialog .case-story-outcome .case-subtitle {margin-bottom:clamp(24px,3vw,42px);color:#aebce2}
#case-dialog .case-story-outcome .case-outcome {
  padding:0;
  border:0;
  border-radius:0;
  background:transparent;
  color:#fff;
  max-width:100%;
  overflow-wrap:anywhere;
}
.pricing-catalog .offer-features li::before {content:'↗';display:block;width:18px;height:auto;flex:0 0 18px;border:0;border-radius:0;background:linear-gradient(135deg,#2855ef,#91abff);background-clip:text;-webkit-background-clip:text;color:transparent;font-size:20px;font-weight:700;line-height:1}
.pricing-catalog .offer-card-blue .offer-features li::before {background-image:linear-gradient(135deg,#fff,#b5c9ff)}
#case-dialog .case-story-block {min-height:0}
.lead-honeypot {position:absolute!important;left:-10000px!important;width:1px!important;height:1px!important;opacity:0!important}
.form-error {margin:12px 0 0;color:#b72a39;font-size:13px}
.optional {font-weight:400;opacity:.55}
.case-mobile-navigation {display:none}

@media(max-width:900px) {
  html {scroll-behavior:auto}
  .parallel-page .site-header,
  .parallel-page .site-header.is-scrolled {
    background:#0b0d14;
    border-bottom:1px solid rgb(255 255 255 / .12);
    box-shadow:none;
    transform:none!important;
    will-change:auto;
    contain:none;
  }
  .parallel-page .site-header::before {display:none}
  .parallel-page .menu-toggle {background:#171b25}
  .parallel-hero {height:var(--stable-mobile-hero-height,100svh);min-height:640px;background:linear-gradient(145deg,#08090c,#0d1730)}
  .parallel-hero h1,.parallel-hero-description {animation:none!important}
  .parallel-hero::after {display:none}
  .parallel-hero-sketch {transform:none!important;opacity:.38;contain:paint}
  .parallel-hero-sketch path {animation:none!important;stroke-dashoffset:0!important;opacity:1!important}
  .parallel-hero-sketch circle {animation:none!important}
  .parallel-hero-glyph {transform:translateX(-50%)!important;opacity:1!important;perspective:650px}
  .parallel-glyph-object {animation:parallel-glyph-turn 10s linear infinite!important;animation-play-state:paused!important;will-change:auto}
  .parallel-hero.is-glyph-visible .parallel-glyph-object {animation-play-state:running!important;will-change:transform}
  .parallel-glyph-ring-front {filter:none}
  .parallel-door-rotor svg {filter:none}
  .parallel-hero-copy {transform:none!important;opacity:1!important}
  .parallel-studio-glitch::before,.parallel-studio-glitch::after {animation:none!important}
  .case-showcase-card {transform:none;contain:layout}
  .case-showcase-media,.case-showcase-media img {transform:none!important;filter:none!important}
  .case-showcase-media {box-shadow:0 8px 22px rgb(7 12 28 / .12)}
  .why-stack-card img,.process-room-object {filter:none!important}
  .about-leaf {box-shadow:0 10px 28px rgb(0 0 0 / .16)}
  .parallel-page .site-header.is-hidden {transform:none}
  .process-rooms-story,
  .process-rooms-story.is-enhanced {
    background:#0d1425;
    color:#fff;
  }
  .process-rooms-heading>p:last-child {color:#bec7d8}
  .process-room-list li {
    position:relative;
    overflow:hidden;
    min-height:184px;
    padding:25px 27px 24px;
    border-color:rgb(255 255 255 / .15);
    background:#172238;
    color:#fff;
    text-shadow:none;
  }
  .process-room-list h3 {position:relative;z-index:1;margin:38px 0 9px;color:#fff;text-shadow:none}
  .process-room-list p {position:relative;z-index:1;margin:0;color:#d5ddeb;text-shadow:none}
  .process-room-list li>span {
    position:absolute;
    top:4px;
    right:14px;
    color:#8197c7;
    font-size:104px;
    font-weight:700;
    letter-spacing:-.09em;
    line-height:1;
    opacity:.16;
    pointer-events:none;
  }
  .process-room-viewport {background:transparent}
  .process-room-list li,
  .process-room-list li.mobile-reveal-pending {opacity:1!important;transform:none!important}
  .parallel-page .site-header,
  .parallel-page .site-header * {animation:none!important;transition:none!important}
  .parallel-page .parallel-hero,
  .parallel-page .word-pile,
  .parallel-page .scatter-story,
  .parallel-page .why-stack-story,
  .parallel-page .control-story,
  .parallel-page .project-gallery,
  .parallel-page .process-rooms-story {filter:none!important;will-change:auto!important}
  .parallel-page .scatter-tile,
  .parallel-page .why-stack-card,
  .parallel-page .control-story-stage {backdrop-filter:none!important;-webkit-backdrop-filter:none!important;will-change:auto!important}
  .parallel-page .scatter-sticky>h2 {will-change:auto}
  .parallel-page .scatter-tile {box-shadow:0 8px 20px rgb(12 24 50 / .1)}
  .parallel-page .scatter-story.is-mobile-motion-active .scatter-tile {will-change:transform!important}
  .parallel-page .scatter-story {height:auto}
  .parallel-page .scatter-sticky {display:block;height:auto;min-height:0;padding:78px 0 48px;overflow:visible}
  .parallel-page .scatter-sticky>h2 {position:relative;top:auto;right:auto;left:auto;max-width:530px;margin:0 18px 32px;text-align:center;font-size:clamp(36px,10vw,48px);line-height:.98;transform:none!important}
  .parallel-page .scatter-field {position:relative;top:auto;right:auto;bottom:auto;left:auto;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;padding:0 22px}
  .parallel-page .scatter-tile {position:relative;top:auto;left:auto;box-sizing:border-box;width:100%;height:106px;min-height:0;padding:13px 14px;border-radius:20px;transform:none;overflow:hidden}
  .parallel-page .scatter-tile>span {font-size:7px}
  .parallel-page .scatter-tile>strong {font-size:clamp(18px,5vw,23px)}
  .parallel-page .scatter-human>strong {font-size:16px}
  .parallel-page .scatter-route svg {height:42px}
  .parallel-page .scatter-signal strong,.parallel-page .scatter-system strong {font-size:21px}
  .pricing-catalog .pricing-tabs {scroll-snap-type:none}
  .parallel-page .about-story {margin:0 8px;padding-bottom:34px;border-radius:0 0 32px 32px}
  .parallel-page .pricing-catalog {margin-top:8px;border-radius:32px}
  .parallel-page .closing-curtain {position:relative;background:#fff}
  .parallel-page .site-footer {position:sticky;bottom:0;min-height:390px;z-index:1}
  .parallel-page .closing-section {min-height:92svh;z-index:2;box-shadow:0 25px 38px rgb(0 0 0 / .16)}
  .pricing-catalog .offer-features {gap:9px;margin-top:16px;padding:16px 0 10px}
  .pricing-catalog .offer-features li {align-items:flex-start;gap:9px}
  #case-dialog,
  #case-dialog[open],
  #case-dialog::backdrop,
  #case-dialog[open]::backdrop {transition:none!important;transform:none!important;opacity:1!important}
  .case-mobile-navigation {position:sticky;top:68px;z-index:3;display:flex;align-items:center;justify-content:space-between;gap:12px;margin:0 -18px 12px;padding:8px 18px 10px;background:#0a0b0e;border-bottom:1px solid rgb(255 255 255 / .1)}
  .case-mobile-navigation>div {display:flex;align-items:center;gap:8px}
  .case-mobile-navigation button {min-width:42px;min-height:42px;padding:8px;border:1px solid rgb(255 255 255 / .25);border-radius:99px;background:#1b1d24;color:#fff;font:inherit;font-size:14px}
  .case-mobile-navigation #case-return {padding:8px 14px;white-space:nowrap}
  .case-mobile-navigation button:disabled {opacity:.35}
  .case-mobile-navigation button:focus-visible {outline:2px solid #8ba3ff;outline-offset:2px}
  #case-counter {min-width:44px;text-align:center;color:#c7c9d0;font-size:12px;white-space:nowrap}
  .mobile-reveal-pending {opacity:1!important}
  .case-showcase-card.mobile-reveal-pending,.process-room-list li.mobile-reveal-pending {transform:translate3d(0,12px,0)!important}
  .mobile-reveal-done {opacity:1;transform:none;transition:opacity 360ms ease-out,transform 360ms ease-out}
  .word-pile-list>span.mobile-reveal-done {transition-duration:420ms}
}
@media(max-width:600px) {
  #contact-dialog .form-grid {grid-template-columns:minmax(0,1fr)}
  #contact-dialog .dialog-top {position:sticky;top:-25px;z-index:3;margin:-8px -6px 0;padding:8px 6px;background:#fff}
  #case-dialog .case-story-outcome {margin:12px 0;padding:27px 24px;border-radius:26px}
  #case-dialog .case-story-outcome::before {left:24px}
}
@media(prefers-reduced-motion:reduce) {
  .parallel-page .parallel-glyph-object {animation:none!important;transform:rotateY(0deg)!important}
  .parallel-page .site-footer {position:relative;bottom:auto}
  .mobile-reveal-pending,.mobile-reveal-done {opacity:1!important;transition:none!important}
}
