/* =======================================
   CADDIE — Clean CSS (mobile-safe text)
   ======================================= */

/* ============= Tokens ============= */
:root{
  --background-color:#fff;
  --text-primary:#000;
  --text-secondary:#000;
  --icon-background:#E0E0E0;
  --accent-color:#FF84B4;
  --page-max:960px;
  --rail-pad:32px;

  /* mobile gutters incl. safe areas */
  --m-gutter-l:16px;
  --m-gutter-r:16px;
}
@supports (padding: max(0px)) {
  :root{
    --m-gutter-l:max(16px, env(safe-area-inset-left));
    --m-gutter-r:max(16px, env(safe-area-inset-right));
  }
}

/* ============= Fonts ============= */
@font-face {
  font-family: "Roboto Fallback";
  src: local("Arial");
  ascent-override: 92%;
  descent-override: 24%;
  line-gap-override: 0%;
  size-adjust: 100%;
}

/* ============= Base ============= */
*,*::before,*::after{box-sizing:border-box;}
html{scrollbar-gutter:stable both-edges;}
html,body,:host,:root{margin:0;padding:24px;font-family:'Roboto','Roboto Fallback',system-ui,-apple-system,'Segoe UI',Arial,sans-serif;}
body{
  overflow-y:scroll;overflow-x:clip;position:relative;
  background:var(--background-color);color:var(--text-primary);
  transition:background-color .3s,color .3s;
}
.container{min-height:100vh;display:flex;flex-direction:column;position:relative;overflow-x:hidden;}

/* ============= Header ============= */
header.site-header{
  display:flex;align-items:center;justify-content:space-between;gap:12px;
  padding:28px var(--rail-pad) 4px;width:92%;max-width:var(--page-max);margin:0 auto;position:relative;
}
.brand{flex:1 1 auto;min-width:0;}
.site-logo{height:128px;width:auto;max-width:60vw;flex-shrink:1;}
.dark-mode .site-logo{filter:none;}

.site-nav{display:flex;gap:20px;align-items:center;}
.nav-link{font-size:20px;font-weight:500;text-decoration:none;color:var(--text-primary);opacity:.9;transition:color .2s,font-weight .2s;}
.nav-link:hover{opacity:1;font-weight:700;}
.nav-link.active{font-weight:700;color:var(--accent-color);}

.nav-toggle{display:none;background:none;border:none;cursor:pointer;font-size:24px;line-height:1;color:var(--text-primary);}

.cta-button,button.cta-button{-webkit-appearance:none;appearance:none;border:none;}
.cta-button{
  background:var(--accent-color);color:#fff;padding:12px 24px;border-radius:16px;
  font-size:16px;font-weight:700;line-height:24px;white-space:nowrap;
  box-shadow:0 0 8px rgba(0,0,0,.2);transition:background .3s;
}
.cta-button:hover{background:#6fbe9d;}
.cta-button:focus-visible{outline:3px solid color-mix(in srgb,var(--accent-color) 30%,transparent);outline-offset:2px;}

.theme-toggle{display:inline-flex;align-items:center;gap:6px;}
.theme-toggle-checkbox{opacity:0;position:absolute;}
.theme-toggle-label{display:inline-block;width:50px;height:26px;background:var(--icon-background);border-radius:34px;position:relative;cursor:pointer;}
.theme-toggle-label::after{content:'';position:absolute;width:22px;height:22px;border-radius:50%;background:var(--accent-color);top:2px;left:2px;transition:transform .3s;}
.theme-toggle-checkbox:checked + .theme-toggle-label::after{transform:translateX(24px);}
.toggle-text-button{font-size:10px;color:var(--text-secondary);background:none;border:none;padding:0;margin:0;cursor:pointer;}

/* Outline CTA (no underlines) */
a.cta-button-outline,.cta-button-outline{text-decoration:none!important;}
.cta-button-outline{
  display:inline-flex;align-items:center;justify-content:center;
  background:transparent;color:var(--accent-color);border:2px solid var(--accent-color);
  padding:10px 22px;border-radius:8px;font-size:16px;font-weight:600;white-space:nowrap;width:170px;transition:background .3s,color .3s;
  -webkit-tap-highlight-color:transparent;
}
.cta-button-outline:hover{background:var(--accent-color);color:#fff;}
.cta-button-outline:focus-visible{outline:3px solid color-mix(in srgb,var(--accent-color) 30%,transparent);outline-offset:2px;}

/* Order helpers (desktop default) */
.site-header>.brand{order:0;}
.site-header>.site-nav{order:1;}
.site-header>.cta-button{order:2;}
.site-header>.theme-toggle{order:3;}
.site-header>.nav-toggle{order:4;display:none;}

/* ============= CTA Section ============= */
.cta-section{width:100%;text-align:start;padding:20px;background:var(--background-color);}
.cta-section h2{font-size:28px;font-weight:500;margin:8px 0 20px;width:90%;}
.cta-section p{font-size:16px;margin-bottom:36px;color:var(--text-secondary);}
.cta-inner{max-width:var(--page-max);margin:0 auto;padding:0 var(--rail-pad);display:flex;flex-direction:column;align-items:flex-start;gap:12px;text-align:left;}
.cta-inner h1{font-size:28px;font-weight:500;margin:8px 0 20px;width:90%;}
.cta-inner p{font-size:14px;font-weight:300;color:var(--text-secondary);letter-spacing:.6px;margin:0 0 16px;}
.cta-actions{display:flex;gap:12px;}
.content-section .cta-actions{width:100%;justify-content:center;align-items:center;}
.intro-text .cta-actions{margin-top:20px;}

/* ============= Hero ============= */
.hero{display:flex;align-items:center;justify-content:space-between;gap:24px;width:100%;max-width:var(--page-max);margin:0 auto;}
.hero-text{flex:1;padding-left:8px;min-width:0;max-width:70ch;}
.hero-text h1{font-size:36px;font-weight:700;margin:0 0 12px;line-height:1.2;}
.hero-text p{font-size:18px;font-weight:300;line-height:1.5;color:var(--text-secondary);margin:0;}
.hero-image{flex:1;display:flex;justify-content:center;}
.hero-image img{max-width:100%;height:420px;border-radius:16px;object-fit:cover;overflow:clip;}

/* ============= Main / Sections ============= */
.main-content{display:flex;flex-direction:column;gap:40px;padding-block:8px 20px;align-items:center;justify-content:flex-start;flex:1;}
.content-section{width:100%;max-width:var(--page-max);margin:0 auto;padding:0 var(--rail-pad);display:flex;flex-direction:row;align-items:center;justify-content:flex-start;gap:4px;flex-wrap:nowrap;}
.content-title{font-size:28px;font-weight:500;margin:8px 0 20px;width:90%;}
.showcase-image{width:100%;max-width:480px;height:auto;flex-shrink:0;}
.tech-image{width:100%;max-width:280px;height:auto;flex-shrink:0;}
.showcase-app{max-width:none;width:360px;height:auto;display:block;padding-right:32px;}

/* PNG sequence */
.png-seq{position:relative;display:inline-block;overflow:hidden;}
.png-seq img{transition:opacity 120ms linear;}
.png-seq .seq-loader{position:absolute;inset:0;display:grid;place-items:center;background:transparent;pointer-events:none;opacity:0;transition:opacity .2s ease;}
.png-seq.loading .seq-loader{opacity:1;}
.png-seq .seq-loader .spinner{width:32px;height:32px;border-radius:50%;border:3px solid rgba(0,0,0,.2);border-top-color:var(--accent-color);animation:spin .9s linear infinite;}
.dark-mode .png-seq .seq-loader .spinner{border-color:rgba(255,255,255,.25);border-top-color:var(--accent-color);}
@keyframes spin{to{transform:rotate(360deg);}}
@media (prefers-reduced-motion:reduce){.png-seq .spinner{animation:none;}}

/* Scroll / sticky helpers */
.scroll-wrap{height:450vh;position:relative;}
.scroll-wrap #brain-sequence{position:sticky;top:0;width:100%;display:block;}
#brain-wrapper{position:relative;min-height:300vh;}
.brain-grid{display:grid;grid-template-columns:1fr;gap:32px;}
@media (min-width:900px){.brain-grid{grid-template-columns:1fr 1fr;}}
.brain-visual{position:sticky;top:80px;align-self:start;}
.brain-visual img{width:100%;height:auto;display:block;}
.tech-hero{align-items:flex-start;gap:40px;margin-bottom:60px;}
.brain-crop{width:100%;max-width:520px;aspect-ratio:4/3;border-radius:16px;margin:0 auto;display:block;overflow:hidden;}
.brain-crop #brain-sequence{width:140%;height:100%;max-width:none;object-fit:cover;display:block;transform:translateX(-20%);}
.sticky-hero{position:sticky;top:100px;align-self:flex-start;flex:1;display:flex;justify-content:center;}
.sticky-hero img{max-width:100%;height:auto;border-radius:16px;object-fit:contain;}

/* ============= Deployment Blocks & Steps ============= */
.deployment-sections{max-width:var(--page-max);margin:0 auto;padding:0 var(--rail-pad);display:flex;flex-direction:column;gap:8px;}
.deployment-sections .content-section{max-width:100%;padding:0;gap:24px;}
.deployment-sections .deployment-image{width:100%;max-width:320px;height:auto;flex-shrink:0;border-radius:24px;overflow:hidden;box-shadow:0 4px 12px rgba(0,0,0,.35);}
.deployment-sections .content-block{max-width:380px;}
.deployment-sections .content-block .content-title{margin-bottom:0;line-height:1.15;}
.deployment-sections .content-block p{margin:0;line-height:1.45;}
.deployment-sections .content-section:nth-of-type(2) .content-block,
.deployment-sections .content-section:nth-of-type(2) .content-title{margin-left:auto;text-align:right;}
.deployment-sections .content-section:nth-of-type(2) .deployment-icon{text-align:right;margin-left:auto;}
.deployment-icon{width:64px;height:64px;margin-bottom:8px;object-fit:contain;filter:brightness(0);flex-shrink:0;}
.dark-mode .deployment-icon{filter:brightness(0) invert(1);}
.deployment-header{display:flex;align-items:center;gap:12px;margin-bottom:8px;}

.content-block{max-width:420px;display:flex;flex-direction:column;gap:8px;}
.steps-container{display:flex;flex-direction:column;gap:20px;}
.step{display:flex;gap:16px;align-items:flex-start;}
/* 64px icons + subtle 4px downward nudge */
.step-icon{
  width:44px;height:44px;flex-shrink:0;object-fit:contain;filter:brightness(0);
  margin-top:8px;
}
@supports (margin-block-start:1px){
  .step-icon{margin-top:0;margin-block-start:16px;}
}
.dark-mode .step-icon{filter:brightness(0) invert(1);}
.step-content h2{font-size:20px;font-weight:500;color:var(--text-primary);letter-spacing:.3px;margin-bottom:4px;}
.step-content p{font-size:14px;font-weight:300;color:var(--text-secondary);letter-spacing:.6px;margin:0;}

.get-app{font-size:18px;font-weight:500;margin-top:24px;align-items:center;}
.intro-text{font-size:18px;font-weight:500;margin-top:8px;width:90%;max-width:none;}

/* ============= Visuals Strip ============= */
.visuals-section{width:90%;}
.visuals-inner{max-width:var(--page-max);margin:0 auto;padding:8 var(--rail-pad);display:grid;grid-template-columns:repeat(4,1fr);gap:24px;}
.visual-card{margin:0;padding:8px 0;}
.visual-card img{width:100%;aspect-ratio:12/10;object-fit:cover;border-radius:16px;display:block;}
.visual-card figcaption{margin-top:8px;font-size:14px;font-weight:300;color:var(--text-primary);text-align:center;}

/* ============= Footer ============= */
footer{padding:16px;font-size:10px;color:var(--text-secondary);text-align:right;}
footer.site-footer .footer-inner{max-width:var(--page-max);padding:16px var(--rail-pad);margin:0 auto;gap:6px;text-align:center;}
footer.site-footer .legal-line{margin:0;font-size:10px;line-height:1.4;opacity:.9;}
footer.site-footer a{color:var(--cta-accent);font-weight:600;text-decoration:none;}
footer.site-footer a:hover{text-decoration:underline;opacity:.95;}

/* ============= Tech Page tweaks ============= */
.tech-page .hero .hero-text h1{margin-bottom:8px;}
.tech-page .content-title{margin:6px 0 12px;}
.tech-page .steps-container{gap:16px;}
.tech-page .step{gap:14px;}
.tech-page .step-content h2{margin-bottom:2px;}
.tech-page .step-content p{line-height:1.45;}
.tech-page .content-section{margin:0 auto;}
.tech-page .showcase-image{margin-top:0;}
.tech-page .sponsors{margin-top:16px;gap:44px;font-size:0;hyphens:none;}
.tech-page .tech-centered{gap:20px;padding-block:0 24px;}
.tech-page .tech-image-wrapper{margin-bottom:8px;}
.tech-page .tech-centered .content-block{padding-right:0;}
.tech-page .main-content{gap:24px;}
.tech-page .sponsor-logo{height:64px;}
@media (min-width:901px){
  .tech-page .sponsors{display:flex;align-items:center;justify-content:left;gap:12px;flex-wrap:nowrap;white-space:nowrap;}
  .tech-page .sponsors a{line-height:0;}
  .tech-page .sponsor-logo{display:block;height:64px;width:auto;}
}

/* ============= Top Banner ============= */
.top-banner{
  position:fixed;top:0;left:0;width:100%;z-index:10000;background:var(--accent-color);color:#fff;
  text-align:center;font-size:14px;font-weight:500;letter-spacing:.3px;padding:12px 40px;
  display:flex;justify-content:center;align-items:center;gap:12px;box-shadow:0 1px 4px rgba(0,0,0,.2);flex-wrap:wrap;
}
.top-banner a{color:#fff;text-decoration:none;}
.top-banner a:hover{text-decoration:underline;}
.top-banner .banner-close{background:transparent;border:none;color:#fff;font-size:18px;cursor:pointer;margin-left:auto;opacity:.8;transition:opacity .2s;}
.top-banner .banner-close:hover{opacity:1;}
body.with-banner header.site-header{margin-top:36px;}

/* ============= Privacy page (structure preserved) ============= */
/* (Inline critical CSS from HTML kept conceptually; full styles live here) */
.privacy-wrap{max-width:var(--page-max);margin:40px auto 80px;padding:0 var(--rail-pad);display:grid;grid-template-columns:0.65fr 1.35fr;gap:32px;}
@media (max-width:980px){.privacy-wrap{grid-template-columns:1fr;}}
.toc{top:16px;align-self:start;background:var(--surface,#fff);border:1px solid rgba(0,0,0,0.08);border-radius:12px;padding:16px;}
.toc h2{margin:0 0 12px;font-size:18px;}
.toc a{display:block;padding:8px;color:var(--text-secondary);text-decoration:none;border-radius:8px;}
.toc a:hover,.toc a:focus{background:rgba(223,77,166,0.08);color:var(--text-primary);outline:none;}
.privacy h1{font-size:clamp(32px,4.8vw,56px);line-height:1.05;margin:0 0 8px;}
.lede{font-size:18px;color:var(--text-secondary);margin:0 0 20px;}
.meta-line{font-size:14px;color:#777;margin:0 0 28px;}
.privacy section+section{margin-top:28px;}
.privacy h2{font-size:22px;margin:0 0 8px;}
.privacy p{margin:0 0 12px;}
.privacy ul{margin:0 0 16px 18px;}
.privacy li{margin:6px 0;}
.privacy .table{width:100%;border-collapse:collapse;margin:12px 0 16px;border:1px solid rgba(0,0,0,0.08);border-radius:10px;overflow:hidden;display:block;overflow-x:auto;-webkit-overflow-scrolling:touch;}
.privacy .table th,.privacy .table td{padding:10px 12px;border-bottom:1px solid rgba(0,0,0,0.06);text-align:left;vertical-align:top;font-size:15px;white-space:normal;word-break:break-word;overflow-wrap:anywhere;}
.privacy .table th{background:rgba(0,0,0,0.04);font-weight:600;}
.privacy .table tr:last-child td{border-bottom:0;}
.link-inline{color:var(--accent-color);text-decoration:underline;}
/* shrinkability to avoid overflow */
.hero-text,.privacy-wrap,.toc,.privacy,.privacy *{min-width:0;}

/* ============= Accessibility ============= */
.skip-link{position:absolute;left:-9999px;top:auto;width:1px;height:1px;overflow:hidden;}
.skip-link:focus{left:12px;top:12px;width:auto;height:auto;padding:8px 12px;background:#000;color:#fff;border-radius:8px;z-index:10001;}

/* ============= Responsive (consolidated) ============= */

/* ≤1024px: uncramp layout, safe-area paddings, hero image no-crop */
@media (max-width:1024px){
  html,body,:host,:root{padding:0!important;}
  .container{padding-inline:16px;}
  header.site-header{
    width:100%!important;max-width:none!important;gap:10px;
    padding:72px max(16px, env(safe-area-inset-left)) 6px
            max(24px, env(safe-area-inset-right)) !important;
  }
  body.with-banner header.site-header{margin-top:48px;}

  .site-logo{height:88px!important;max-width:65vw;}
  .site-header .cta-button{white-space:nowrap;padding:10px 16px;border-radius:14px;font-size:15px;line-height:22px;}

  .hero{padding-inline:16px;gap:16px;}
  .hero-image{align-items:center;}
  .hero .hero-image img{
    width:100%;height:auto!important;max-height:520px;
    object-fit:contain!important;object-position:center center;border-radius:12px;
  }

  /* mobile gutters for main sections to avoid text cropping */
  .main-content,.content-section,.cta-section,.cta-inner,
  .visuals-section,.visuals-inner,.deployment-sections,
  footer .footer-inner,.tech-page .content-section,
  .privacy-wrap{
    padding-inline:var(--m-gutter-l) calc(var(--m-gutter-r) + 8px);
    max-width:100%;
  }

  /* right-edge UI sits inward a bit */
  .site-header .nav-toggle,.site-header .cta-button{
    margin-inline-end:calc(env(safe-area-inset-right) + 36px)!important;
  }
  .site-header .site-nav{
    right:calc(env(safe-area-inset-right) + 24px)!important;
  }

  /* hero copy breathing room on right */
  .hero-text{padding-inline-end:calc(var(--m-gutter-r) + 24px)!important;}
  .hero-text p{max-width:40rem;text-wrap:pretty;overflow-wrap:anywhere;}
}

/* 921–1024 already covered; add 421–820 specifics for sticky/brain visuals */
@media (min-width:421px) and (max-width:820px){
  .brain-crop{max-width:100%;aspect-ratio:auto;overflow:visible;}
  .brain-crop #brain-sequence{width:100%!important;height:auto!important;max-width:100%;object-fit:contain!important;transform:none!important;}
}

/* ≤920px: mobile nav popover & column stacks */
@media (max-width:920px){
  :root{--rail-pad:16px;--page-max:100%;}
  header.site-header{padding:20px var(--rail-pad) 6px;}
  .site-logo{height:94px;max-width:50vw;}

  .site-header>.brand{order:0;}
  .site-header>.cta-button{order:1;}
  .site-header>.nav-toggle{order:2;display:inline-block;}
  .site-header>.theme-toggle{order:3;}
  .site-header>.site-nav{
    order:4;position:absolute;top:calc(100% - 24px);right:24px;display:none;
    flex-direction:column;align-items:stretch;gap:8px;min-width:124px;padding:12px;border-radius:12px;
    background:#f283b4;box-shadow:0 8px 20px rgba(0,0,0,.15);z-index:200;max-width:calc(100vw - 32px);overflow-x:clip;
  }
  .site-nav.open{display:flex;}
  .toggle-text-button{display:none;}
  .theme-toggle-label{width:44px;height:24px;}
  .theme-toggle-label::after{width:20px;height:20px;}
  .theme-toggle-checkbox:checked + .theme-toggle-label::after{transform:translateX(20px);}
  .nav-link{font-size:20px;padding:8px 10px;color:#fff;font-weight:500;}

  .content-section{flex-direction:column;align-items:flex-start;}
  .content-section .showcase-image{order:-1;max-width:100%;}
  .showcase-image,.showcase-app{max-width:100%;height:auto;margin:0 auto;}

  .tech-teaser{flex-direction:column;align-items:flex-start;text-align:center;}
  .tech-teaser .content-block{order:1;width:100%;text-align:left;}
  .tech-teaser .tech-image{order:2;width:100%;display:flex;justify-content:center;margin:20px 0 0;}
  .tech-teaser .tech-image img{max-width:90%;height:auto;}
  .tech-teaser .content-block a.cta-button-outline{order:3;align-self:flex-start;margin-top:16px;}

  .tech-hero{flex-direction:column;text-align:center;}
  .sticky-hero{position:static;margin-top:20px;}

  .deployment-sections{padding:0 var(--rail-pad);}
  .deployment-sections .content-section{display:flex;flex-direction:column;align-items:center;gap:8px;}
  .deployment-sections .deployment-image{order:0;max-width:100%;}
  .deployment-sections .content-block{order:1;width:100%;max-width:none;padding-bottom:16px;}
  .deployment-sections .content-section:nth-of-type(2) .content-block,
  .deployment-sections .content-section:nth-of-type(2) .content-title{text-align:left;margin-left:0;}
  .deployment-sections .content-section:nth-of-type(2) .deployment-header{flex-direction:row;}
  .deployment-sections .content-section:nth-of-type(2) .deployment-icon{text-align:left;margin-left:0;}
}

/* ≤820px: visuals one column + text wrapping discipline */
@media (max-width:820px){
  .visuals-inner{grid-template-columns:1fr;gap:16px;justify-items:center;padding-inline:0;width:100%;}
  .visual-card{width:100%;max-width:420px;padding:8px 0;}
  .visual-card img{width:100%;height:auto;object-fit:contain;border-radius:12px;}

  /* wrap long tokens/URLs in text */
  .hero-text p,.intro-text,.content-block p,.cta-section p,.tech-page .step-content p,p,li{
    max-inline-size:68ch;overflow-wrap:anywhere;word-break:break-word;text-wrap:pretty;
  }
}

/* ≤600px tweaks */
@media (max-width:600px){
  .site-logo{height:104px;max-width:55vw;}
  .deployment-sections .deployment-image{max-width:100%;}
  .top-banner{font-size:13px;padding:14px 12px;}
  .top-banner a{
    display:block;max-inline-size:48ch;white-space:normal;overflow-wrap:anywhere;text-wrap:balance;margin-inline:auto;text-align:center;
  }

  .tech-page .showcase-image{
    margin:4px 0!important;padding:0!important;width:90%;height:300px;object-fit:cover!important;border-radius:12px;
  }
}

/* ≤420px compact header/hero/visuals/CTAs */
@media (max-width:420px){
  header.site-header{display:flex;flex-wrap:wrap;align-items:center;gap:8px;padding:10px var(--rail-pad) 12px;}
  .site-header .brand{order:0;flex:0 1 auto;min-width:0;}
  .site-logo{height:80px;max-width:70vw;padding-top:8px;}
  .site-header .nav-toggle{order:1;display:inline-block;margin-left:auto;font-size:26px;background:none;border:none;color:var(--text-primary);cursor:pointer;}
  .site-header .cta-button{order:3;width:100%;padding:12px 16px;border-radius:14px;}
  .site-header .site-nav{order:2;position:static;width:100%;display:none;flex-direction:column;gap:6px;padding:10px;border-radius:12px;background:#f283b4;box-shadow:0 8px 20px rgba(0,0,0,.15);}
  .site-header .site-nav.open{display:flex;}
  .site-header .theme-toggle{order:1;margin-left:8px;}
  body.with-banner header.site-header{margin-top:28px;}

  .hero{gap:10px;padding:12px var(--rail-pad);}
  .hero-text h1{font-size:24px;line-height:1.18;margin-bottom:6px;}
  .hero-text p{font-size:14px;line-height:1.45;}
  .hero-image img{max-width:100%;max-height:52vh;height:auto;object-fit:contain;border-radius:12px;}

  .visuals-section{width:100%;}
  .visuals-inner{grid-template-columns:1fr;gap:8px;padding:0 var(--rail-pad);justify-items:center;}
  .visual-card{width:100%;max-width:420px;padding:8px 0;}
  .visual-card img{width:100%;height:auto;object-fit:contain;border-radius:12px;}

  .content-section .cta-actions{width:100%;justify-content:center;margin-top:12px;gap:10px;}
  .cta-button,.cta-button-outline{width:100%;max-width:520px;}
}

/* ==== Mobile: show hero image/animation first ==== */
@media (max-width: 920px){
  /* Home hero: image first, then title/text */
  .hero{
    flex-direction: column;
  }
  .hero-image{ order: -1; }    /* image comes first */
  .hero-text{ order: 1; }

  /* Tech page wide hero: animation (brain-crop / sticky-hero) first */
  .tech-page .hero.hero--wide{
    flex-direction: column;
  }
  .tech-page .hero.hero--wide .brain-crop,
  .tech-page .hero.hero--wide .sticky-hero{ order: -1; }
  .tech-page .hero.hero--wide .hero-text{ order: 1; }
}