:root{
  --bg:#f7f5f0;
  --paper:#efece6;
  --ink:#11110f;
  --muted:#696761;
  --line:#ddd9d0;
  --dark:#111216;
  --accent:#8a61d6;
  --max:1480px;
  --pad:clamp(24px,4.7vw,78px);
}
*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{
  margin:0;background:var(--bg);color:var(--ink);
  font-family:"DM Sans",sans-serif;
  line-height:1.45;-webkit-font-smoothing:antialiased
}
a{color:inherit;text-decoration:none}
img{display:block;max-width:100%}
.shell{width:min(100%,var(--max));margin:auto;padding-inline:var(--pad)}

.site-header{
  height:72px;
  display:flex;
  align-items:center;
  justify-content:space-between;
  position:sticky;
  top:14px;
  z-index:100;
  margin-top:14px;
  width:min(calc(100% - 28px), calc(var(--max) - 28px));
  padding-inline:24px;
  border:1px solid rgba(255,255,255,.52);
  border-radius:999px;
  background:rgba(247,245,240,.72);
  box-shadow:0 10px 40px rgba(17,17,15,.08);
  backdrop-filter:blur(18px) saturate(145%);
  -webkit-backdrop-filter:blur(18px) saturate(145%);
}
.brand{font-size:24px;font-weight:600;letter-spacing:-.04em}
nav{display:flex;gap:30px;font-size:14px}
nav a:hover{color:var(--accent)}

.hero{
  min-height:90vh;display:flex;align-items:center;justify-content:center;text-align:center;
  padding-top:120px;padding-bottom:100px;
  background:linear-gradient(to right,rgba(17,17,15,.022) 1px,transparent 1px);
  background-size:82px 100%
}
.hero-inner{max-width:1020px}
.status{font-size:15px;color:var(--muted);margin-bottom:32px}
.hero h1{
  font-size:clamp(58px,6.7vw,110px);line-height:.96;letter-spacing:-.06em;
  font-weight:500;margin:0
}
.hero h1 em,.manifesto h2 em{
  font-family:"Instrument Serif",serif;font-weight:400;font-style:italic
}
.hero-copy{max-width:700px;margin:32px auto 0;font-size:clamp(18px,1.5vw,22px);color:var(--muted)}
.hero-actions{display:flex;justify-content:center;gap:24px;margin-top:38px}
.primary-link,.secondary-link{font-size:15px;font-weight:500}
.primary-link:hover,.secondary-link:hover{color:var(--accent)}

.skills-marquee{overflow:hidden;border-block:1px solid var(--line);padding:28px 0}
.marquee-track{display:flex;width:max-content;animation:marquee 28s linear infinite;will-change:transform}
.marquee-group{display:flex;gap:50px;padding-right:50px}
.marquee-group span{
  font-size:clamp(24px,2.2vw,40px);white-space:nowrap;letter-spacing:-.035em;
  transition:opacity .25s ease,transform .25s ease
}
.marquee-group span:hover{opacity:.4;transform:translateY(-2px)}
.skills-marquee:hover .marquee-track{animation-play-state:paused}
@keyframes marquee{to{transform:translateX(-50%)}}

.work{padding-top:100px;padding-bottom:150px}
.section-head{
  display:flex;justify-content:space-between;border-top:1px solid var(--line);
  padding-top:16px;margin-bottom:24px;font-size:12px;letter-spacing:.13em;text-transform:uppercase
}
.case{
  display:grid;grid-template-columns:.85fr 1.15fr;min-height:640px;margin-bottom:24px;
  background:#ece8e0;overflow:hidden;border-radius:4px
}
.case-dark{background:var(--dark);color:#fff}
.case-content{display:grid;grid-template-columns:60px 1fr;gap:20px;padding:42px}
.case-index{font-size:12px}
.case h2{font-size:clamp(48px,5vw,76px);letter-spacing:-.05em;margin:0 0 12px}
.case-title{
  font-family:"Instrument Serif",serif;font-size:clamp(28px,2.5vw,42px);
  line-height:1.05;max-width:520px;margin:0 0 22px
}
.case-desc{max-width:520px;color:var(--muted);font-size:17px}
.case-dark .case-desc{color:#bcb8b0}
.case-kicker{font-size:12px;text-transform:uppercase;letter-spacing:.1em;color:#c49cff}
.chips{display:flex;flex-wrap:wrap;gap:8px;margin-top:24px}
.chips span{font-size:11px;border:1px solid currentColor;border-radius:999px;padding:6px 9px}
.case-link{display:inline-block;margin-top:30px;color:var(--accent)}
.case-dark .case-link{color:#c49cff}
.case-visual{display:grid;place-items:center;min-height:100%}
.case-visual-light{background:#e4ded4}
.case-visual-dark{background:radial-gradient(circle at center,#2c2140 0,#141419 55%,#101114 100%)}
.placeholder{font-size:12px;letter-spacing:.12em;color:#77736c}
.phone{
  width:270px;height:520px;background:#09090c;border:8px solid #35353a;border-radius:42px;
  padding:28px 20px;color:white;transform:rotate(5deg);box-shadow:0 25px 60px rgba(0,0,0,.35)
}
.phone-title{text-align:center;margin-bottom:42px}
.bubble{background:#fff;color:#222;border-radius:14px;padding:15px;font-size:11px;margin-bottom:22px}
.option{border:1px solid #7b5895;border-radius:9px;padding:9px;margin:10px 0;text-align:center;font-size:10px}

.case-grid{display:grid;grid-template-columns:1fr 1fr;gap:24px;margin-top:70px}
.small-visual{aspect-ratio:16/10;background:#e9e5de;display:grid;place-items:center;font-size:12px;color:#77736c;letter-spacing:.1em}
.small-meta{display:flex;justify-content:space-between;margin-top:16px;font-size:11px;letter-spacing:.1em;color:var(--muted)}
.small-case h3{font-size:34px;letter-spacing:-.04em;margin:12px 0 2px}
.small-case p{font-family:"Instrument Serif",serif;font-size:27px;margin:0 0 14px}
.small-case a{font-size:14px}

.about{
  padding-top:150px;padding-bottom:160px;border-top:1px solid var(--line);
  display:grid;grid-template-columns:1.15fr .85fr;gap:clamp(60px,8vw,140px);align-items:center
}
.eyebrow{font-size:12px;text-transform:uppercase;letter-spacing:.14em}
.about-lead{
  font-size:clamp(28px,2.7vw,42px);line-height:1.18;letter-spacing:-.035em;
  margin:30px 0 24px;max-width:720px
}
.about-copy>p:not(.eyebrow):not(.about-lead){font-size:18px;color:var(--muted);max-width:700px}
.about-photo{margin:0;justify-self:end;width:min(100%,460px)}
.about-photo img{width:100%;aspect-ratio:4/5;object-fit:cover;object-position:center 28%;border-radius:28px}

.experience{padding-bottom:150px}
.experience-grid{display:grid;grid-template-columns:1fr 1fr;gap:24px}
.info-card{background:#efebe4;border-radius:22px;padding:34px}
.info-card h3{font-size:34px;margin:0 0 24px;letter-spacing:-.04em}
.info-card p{font-size:17px;color:var(--muted)}
.info-card strong{color:var(--ink);font-weight:500}

.manifesto{padding-top:140px;padding-bottom:150px;border-top:1px solid var(--line)}
.manifesto h2{font-size:clamp(52px,6vw,94px);line-height:.98;letter-spacing:-.055em;font-weight:500;margin:26px 0 50px}
.manifesto-grid{display:grid;grid-template-columns:1fr 1fr;gap:60px;border-top:1px solid var(--line);padding-top:20px}
.manifesto-grid p{font-size:18px;margin:0}
.manifesto-grid p:last-child{color:var(--muted)}

.contact{
  padding-top:140px;padding-bottom:150px;text-align:center;
  background:linear-gradient(to right,rgba(17,17,15,.022) 1px,transparent 1px);
  background-size:82px 100%
}
.email{display:block;font-size:clamp(42px,5vw,76px);letter-spacing:-.05em;margin:26px 0 34px}
.contact-button{
  display:inline-block;background:var(--ink);color:#fff;padding:14px 24px;border-radius:999px;font-size:14px;
  transition:transform .25s ease
}
.contact-button:hover{transform:translateY(-3px)}

.footer{display:flex;justify-content:space-between;border-top:1px solid var(--line);padding-top:24px;padding-bottom:30px;font-size:12px;color:var(--muted)}

.about-page{
  min-height:100vh;padding-top:160px;padding-bottom:140px;
  display:grid;grid-template-columns:1.1fr .9fr;gap:90px;align-items:center
}
.about-page h1{font-size:clamp(64px,7vw,110px);line-height:.95;letter-spacing:-.06em;margin:18px 0 24px}
.journey-line{color:var(--ink)!important;margin-top:30px!important}

.reveal{opacity:0;transform:translateY(18px);transition:opacity .7s ease,transform .7s ease}
.reveal.is-visible{opacity:1;transform:none}

@media(max-width:950px){
  .case,.about,.about-page{grid-template-columns:1fr}
  .case-visual{min-height:460px}
  .case-grid,.experience-grid,.manifesto-grid{grid-template-columns:1fr}
  .about-photo{justify-self:start}
}
@media(max-width:680px){
  .site-header{height:64px}
  nav{gap:15px;font-size:12px}
  nav a:nth-child(3){display:none}
  .hero{min-height:78vh;background-size:42px 100%}
  .hero h1{font-size:clamp(50px,14vw,70px)}
  .hero-actions{flex-direction:column;gap:12px}
  .marquee-group{gap:30px;padding-right:30px}
  .marquee-group span{font-size:28px}
  .case-content{grid-template-columns:1fr;padding:28px}
  .case-index{margin-bottom:8px}
  .case-visual{min-height:360px}
  .phone{width:235px;height:460px}
  .email{font-size:clamp(36px,10vw,56px)}
  .contact{background-size:42px 100%}
}
@media(prefers-reduced-motion:reduce){
  *{scroll-behavior:auto!important}
  .marquee-track{animation:none}
  .reveal{opacity:1;transform:none;transition:none}
}


/* Sticky glass navigation */
.site-header::before{
  content:"";
  position:absolute;
  inset:0;
  border-radius:inherit;
  pointer-events:none;
  background:linear-gradient(
    180deg,
    rgba(255,255,255,.42),
    rgba(255,255,255,.08)
  );
}
.site-header > *{position:relative;z-index:1}
.site-header nav a{
  padding:8px 10px;
  border-radius:999px;
  transition:background .2s ease,color .2s ease,transform .2s ease;
}
.site-header nav a:hover{
  background:rgba(255,255,255,.52);
  color:var(--ink);
  transform:translateY(-1px);
}
.site-header .brand{
  padding:8px 10px;
}

/* Leadership section */
.leadership{
  padding-top:20px;
  padding-bottom:150px;
}
.leadership-grid{
  display:grid;
  grid-template-columns:repeat(2,1fr);
  border-top:1px solid var(--line);
  border-left:1px solid var(--line);
}
.leadership-item{
  min-height:280px;
  padding:32px;
  border-right:1px solid var(--line);
  border-bottom:1px solid var(--line);
  display:flex;
  flex-direction:column;
}
.leadership-item>span{
  font-size:11px;
  letter-spacing:.12em;
  color:var(--muted);
}
.leadership-item h3{
  margin:auto 0 14px;
  font-size:clamp(30px,3vw,44px);
  letter-spacing:-.045em;
  font-weight:500;
}
.leadership-item p{
  max-width:470px;
  margin:0;
  font-size:17px;
  color:var(--muted);
}
.leadership-item:hover h3{
  font-family:"Instrument Serif",serif;
  font-style:italic;
  font-weight:400;
}

/* Make lead positioning more confident */
.status{
  letter-spacing:.015em;
}
.hero-copy{
  max-width:760px;
}

@media(max-width:950px){
  .leadership-grid{grid-template-columns:1fr}
}
@media(max-width:680px){
  .site-header{
    top:8px;
    margin-top:8px;
    height:60px;
    width:calc(100% - 16px);
    padding-inline:12px;
  }
  .site-header .brand{font-size:20px}
  .site-header nav{gap:4px}
  .site-header nav a{padding:7px 8px}
  .leadership-item{min-height:230px;padding:26px}
}


/* Lumi case study */
.case-study{padding-top:40px}
.case-hero{
  min-height:92vh;
  display:grid;
  grid-template-columns:1.1fr .9fr;
  gap:80px;
  align-items:center;
  padding-top:110px;
  padding-bottom:120px
}
.case-hero h1{
  font-size:clamp(58px,6vw,100px);
  line-height:.96;
  letter-spacing:-.06em;
  margin:24px 0 28px;
  font-weight:500
}
.case-hero h1 em{
  font-family:"Instrument Serif",serif;
  font-weight:400;
  font-style:italic
}
.case-hero-lead{font-size:22px;color:var(--muted);max-width:760px}
.case-meta{
  display:grid;
  grid-template-columns:1fr 1fr;
  gap:20px 30px;
  margin-top:44px;
  padding-top:24px;
  border-top:1px solid var(--line)
}
.case-meta div{display:flex;flex-direction:column;gap:6px}
.case-meta span{font-size:11px;letter-spacing:.1em;text-transform:uppercase;color:var(--muted)}
.case-meta strong{font-size:15px;font-weight:500}
.case-hero-visual{
  background:#eee9f7;
  min-height:680px;
  display:flex;
  align-items:flex-end;
  justify-content:center;
  overflow:hidden;
  border-radius:28px
}
.case-hero-visual img{
  width:min(78%,520px);
  transform:translateY(52px);
  filter:drop-shadow(0 28px 42px rgba(12,20,50,.15))
}
.case-section{
  padding-top:140px;
  padding-bottom:140px;
  border-top:1px solid var(--line)
}
.narrow{max-width:980px}
.case-section h2{
  font-size:clamp(46px,5vw,82px);
  line-height:1;
  letter-spacing:-.055em;
  font-weight:500;
  margin:24px 0 28px
}
.case-body{
  font-size:20px;
  color:var(--muted);
  max-width:820px
}
.section-intro{max-width:950px}
.split-heading{
  display:grid;
  grid-template-columns:1fr 1fr;
  gap:80px;
  align-items:start
}
.decision-stack{display:grid;gap:14px}
.decision-card{
  border-top:1px solid var(--line);
  padding:20px 0
}
.decision-card span,.metric-card span,.ai-box span{
  font-size:11px;
  letter-spacing:.1em;
  text-transform:uppercase;
  color:var(--muted)
}
.decision-card p{font-size:22px;line-height:1.25;margin:10px 0 0}
.phone-pair,.gallery-wide{
  display:grid;
  grid-template-columns:1fr 1fr;
  gap:30px;
  margin-top:70px
}
.phone-pair figure,.gallery-wide figure,.single-phone,.single-wide figure{margin:0}
.phone-pair img,.gallery-wide img,.single-phone img{
  width:100%;
  border-radius:26px;
  box-shadow:0 24px 60px rgba(20,25,40,.08)
}
.phone-pair figure{
  background:#f0f3f8;
  padding:24px;
  border-radius:30px
}
.gallery-wide figure{
  background:#f4f2ee;
  padding:20px;
  border-radius:30px
}
.single-phone{
  background:#f2f4f7;
  padding:24px;
  border-radius:30px
}
.case-dark-section{
  background:#0d1b53;
  color:#fff;
  border-top:none
}
.case-dark-section .eyebrow{color:#b9c6f7}
.case-dark-section h2{max-width:1050px}
.light-copy{color:#c9d0ea}
.ai-compare{
  display:grid;
  grid-template-columns:1fr auto 1fr;
  gap:24px;
  align-items:center;
  margin:60px 0 38px
}
.ai-box{
  border:1px solid rgba(255,255,255,.18);
  border-radius:22px;
  padding:28px;
  min-height:180px
}
.ai-box span{color:#b9c6f7}
.ai-box p{font-size:28px;line-height:1.2;margin:30px 0 0}
.muted-box{opacity:.58}
.ai-arrow{font-size:34px;color:#9db0ff}
.metric-card{
  background:#11110f;
  color:#fff;
  border-radius:28px;
  padding:34px;
  min-height:260px;
  display:flex;
  flex-direction:column;
  justify-content:space-between
}
.metric-card span{color:#aaa}
.metric-card strong{
  font-size:clamp(34px,3vw,52px);
  line-height:1.05;
  letter-spacing:-.04em;
  max-width:460px
}
.single-wide{
  margin-top:70px;
  background:#eef7f5;
  border-radius:30px;
  padding:34px;
  display:flex;
  justify-content:center
}
.single-wide img{
  display:block;
  width:min(100%,540px);
  border-radius:24px;
  box-shadow:0 24px 60px rgba(20,25,40,.08)
}
.back-work{
  display:inline-block;
  margin-top:40px;
  font-size:16px;
  font-weight:500
}
.back-work:hover{color:var(--accent)}
.lumi-thumb{
  overflow:hidden;
  padding:0!important;
  background:#eef7f5!important
}
.lumi-thumb img{
  width:100%;
  height:100%;
  object-fit:cover;
  object-position:top center
}

@media(max-width:950px){
  .case-hero,.split-heading{grid-template-columns:1fr}
  .case-hero{gap:50px}
  .case-hero-visual{min-height:560px}
}
@media(max-width:680px){
  .case-hero{padding-top:90px;padding-bottom:90px}
  .case-hero h1{font-size:clamp(48px,13vw,66px)}
  .case-meta{grid-template-columns:1fr}
  .case-section{padding-top:100px;padding-bottom:100px}
  .phone-pair,.gallery-wide{grid-template-columns:1fr}
  .ai-compare{grid-template-columns:1fr}
  .ai-arrow{transform:rotate(90deg);justify-self:center}
  .case-body{font-size:18px}
}

.small-case-link{display:block}
.small-case-cta{font-size:14px;display:inline-block;margin-top:4px}
.small-case-link:hover .small-case-cta{color:var(--accent)}
.small-case-link:hover .lumi-thumb img{transform:scale(1.02)}
.lumi-thumb img{transition:transform .3s ease}


/* ===== Lumi branded case study ===== */
:root{
  --lumi-navy:#071B5B;
  --lumi-violet:#6557FF;
  --lumi-turquoise:#12D6C6;
  --lumi-lilac:#F1ECFF;
  --lumi-mint:#EFFFFC;
}

.lumi-card-art{
  position:relative;
  min-height:420px;
  background:
    radial-gradient(circle at 72% 24%,rgba(101,87,255,.25),transparent 34%),
    linear-gradient(135deg,#f5f0ff 0%,#effcf9 100%)!important;
}
.lumi-card-orb{
  position:absolute;width:200px;height:200px;border-radius:50%;
  background:linear-gradient(135deg,rgba(101,87,255,.28),rgba(18,214,198,.18));
  right:9%;top:12%;
}
.mini-phone{
  position:absolute;width:min(34%,200px);aspect-ratio:9/19.5;
  left:17%;bottom:-7%;background:#111;border-radius:30px;padding:7px;
  box-shadow:0 26px 50px rgba(7,27,91,.16);transform:rotate(-6deg);overflow:hidden;
}
.mini-phone img{width:100%;height:100%;object-fit:cover;object-position:top center;border-radius:24px}
.mini-notch{
  position:absolute;top:10px;left:50%;transform:translateX(-50%);
  width:34%;height:12px;background:#111;border-radius:999px;z-index:2;
}
.mini-lumi-badge{
  position:absolute;left:53%;bottom:16%;
  display:flex;align-items:center;gap:12px;color:var(--lumi-navy);font-size:28px;
}
.mini-lumi-mark{
  display:grid;place-items:center;width:46px;height:46px;border-radius:14px;color:#fff;
  background:linear-gradient(145deg,var(--lumi-violet),var(--lumi-navy));
  box-shadow:0 10px 24px rgba(101,87,255,.22);
}

.lumi-hero{
  min-height:auto;
  padding-top:120px;
  padding-bottom:60px;
  grid-template-columns:1.02fr .98fr;
  gap:64px;
  position:relative;
}
.lumi-hero::before{
  content:"";position:absolute;inset:88px var(--pad) 10px;border-radius:36px;
  background:
    radial-gradient(circle at 72% 28%,rgba(101,87,255,.15),transparent 30%),
    radial-gradient(circle at 84% 62%,rgba(18,214,198,.10),transparent 18%),
    linear-gradient(135deg,#fbfaff 0%,#f8fbff 54%,#f5fffd 100%);
  z-index:-1;
}
.back-link{display:inline-block;margin-bottom:28px;color:var(--muted);font-size:14px}
.featured-pill{
  display:inline-flex;width:max-content;padding:8px 14px;border-radius:999px;
  background:rgba(101,87,255,.08);color:var(--lumi-violet);
  text-transform:uppercase;font-size:11px;letter-spacing:.1em;font-weight:600;
}
.lumi-brand-lockup{display:flex;align-items:center;gap:14px;margin-top:28px}
.lumi-mark{
  width:78px;height:78px;border-radius:24px;display:grid;place-items:center;
  background:linear-gradient(145deg,var(--lumi-violet),var(--lumi-navy));
  color:#fff;font-size:40px;box-shadow:0 16px 34px rgba(101,87,255,.22);
}
.lumi-wordmark{
  font-size:clamp(50px,5vw,76px);font-weight:600;
  letter-spacing:-.06em;color:var(--lumi-navy);
}
.lumi-dot{
  width:11px;height:11px;border-radius:50%;background:var(--lumi-turquoise);
  align-self:flex-start;margin-top:14px;margin-left:-8px;
}
.lumi-hero h1{
  font-size:clamp(48px,5vw,82px);line-height:.98;margin-top:32px;color:var(--lumi-navy);
}
.lumi-hero h1 em{color:var(--lumi-violet)}
.hero-tags{display:flex;flex-wrap:wrap;gap:10px;margin-top:32px}
.hero-tags span{
  padding:9px 13px;border-radius:999px;background:rgba(255,255,255,.72);
  border:1px solid rgba(101,87,255,.12);font-size:12px;color:var(--lumi-navy);
  box-shadow:0 8px 24px rgba(7,27,91,.04);
}

.lumi-hero-art{
  position:relative;min-height:620px;display:flex;align-items:center;justify-content:center;
}
.orb{position:absolute;border-radius:50%}
.orb-a{
  width:430px;height:430px;
  background:linear-gradient(145deg,rgba(101,87,255,.22),rgba(101,87,255,.08));
  right:2%;top:8%;
}
.orb-b{
  width:170px;height:170px;
  background:linear-gradient(145deg,rgba(18,214,198,.22),rgba(255,255,255,.6));
  right:3%;bottom:2%;
}
.orbit-line{position:absolute;border:2px dashed rgba(101,87,255,.18);border-radius:50%}
.orbit-one{width:480px;height:290px;right:-2%;top:23%;transform:rotate(18deg)}
.orbit-two{width:430px;height:300px;right:4%;top:20%;transform:rotate(-28deg)}
.spark{position:absolute;color:rgba(101,87,255,.32);font-size:28px}
.spark-a{left:5%;top:24%}.spark-b{right:9%;top:11%}

.phone-mockup{position:relative;width:min(100%,300px)}
.phone-shell{
  position:relative;background:#111;border-radius:44px;padding:8px;
  box-shadow:0 28px 70px rgba(7,27,91,.16);overflow:hidden;
}
.phone-shell img{display:block;width:100%;height:auto;border-radius:36px}
.phone-notch{
  position:absolute;top:10px;left:50%;transform:translateX(-50%);
  width:36%;height:18px;background:#0d0d0d;border-radius:999px;z-index:3;
}
.hero-phone{position:absolute;width:250px}
.hero-phone-left{left:8%;top:12%;transform:rotate(-5deg);z-index:3}
.hero-phone-right{right:2%;top:21%;transform:rotate(7deg);z-index:4}
.lumi-mascot{
  position:absolute;left:12%;bottom:5%;width:92px;height:92px;
  display:grid;place-items:center;border-radius:45% 45% 40% 40%;
  background:linear-gradient(145deg,#b9a6ff,#6f5cff);color:#fff;font-size:42px;
  box-shadow:0 18px 36px rgba(101,87,255,.22);
}

.hero-facts{
  grid-column:1/-1;display:grid;grid-template-columns:repeat(6,1fr);
  background:rgba(255,255,255,.78);border:1px solid rgba(101,87,255,.08);
  border-radius:24px;box-shadow:0 14px 44px rgba(7,27,91,.06);overflow:hidden;
}
.hero-facts div{padding:20px 18px;border-right:1px solid rgba(7,27,91,.08)}
.hero-facts div:last-child{border-right:none}
.hero-facts span{
  display:block;font-size:10px;letter-spacing:.08em;text-transform:uppercase;
  color:#7a7e92;margin-bottom:6px;
}
.hero-facts strong{font-size:13px;line-height:1.25;color:var(--lumi-navy);font-weight:500}

/* Smaller screenshots inside polished device frames */
.device-stage{
  min-height:560px;display:flex;align-items:center;justify-content:center;
  background:
    radial-gradient(circle at 50% 30%,rgba(101,87,255,.11),transparent 34%),
    linear-gradient(145deg,#fbf9ff,#f2fbf9);
  border-radius:30px;padding:50px 30px;overflow:hidden;
}
.device-stage .phone-mockup{width:min(72%,300px)}
.mockup-pair{gap:24px}
.single-wide{background:linear-gradient(145deg,#faf7ff,#eefbf8)}
.single-device{width:min(100%,620px);margin:auto}
.single-device .phone-mockup{width:min(60%,300px)}

.case-study .eyebrow{color:var(--lumi-violet)}
.case-study h2{color:var(--lumi-navy)}
.decision-card{
  border-radius:18px;padding:20px;background:#fff;
  border:1px solid rgba(101,87,255,.10);
  box-shadow:0 10px 30px rgba(7,27,91,.04);
}
.metric-card{background:linear-gradient(145deg,var(--lumi-navy),#172b78)}
.case-dark-section{
  background:
    radial-gradient(circle at 75% 25%,rgba(101,87,255,.28),transparent 28%),
    var(--lumi-navy);
}
.ai-box{background:rgba(255,255,255,.06);backdrop-filter:blur(10px)}

@media(max-width:1100px){
  .hero-facts{grid-template-columns:repeat(3,1fr)}
}
@media(max-width:950px){
  .lumi-hero{grid-template-columns:1fr;gap:10px}
  .lumi-hero::before{inset:80px 18px 10px}
  .lumi-hero-art{min-height:560px}
  .hero-phone-left{left:15%}.hero-phone-right{right:14%}
}
@media(max-width:680px){
  .lumi-mark{width:58px;height:58px;border-radius:18px;font-size:30px}
  .lumi-wordmark{font-size:48px}
  .hero-facts{grid-template-columns:1fr 1fr}
  .lumi-hero-art{min-height:490px}
  .hero-phone{width:190px}
  .hero-phone-left{left:6%;top:17%}
  .hero-phone-right{right:4%;top:27%}
  .lumi-mascot{width:70px;height:70px;font-size:32px}
  .device-stage{min-height:460px;padding:36px 18px}
  .device-stage .phone-mockup{width:min(72%,250px)}
}


/* ===== Paco / Mercadona — Home case cover ===== */
.case-paco-mercadona{
  background:#f6f8f4;
  color:#17243a;
}
.case-paco-mercadona .case-desc{color:#718096}
.case-paco-mercadona .case-kicker{color:#008f4c}
.case-paco-mercadona .case-link{color:#008f4c}
.case-paco-mercadona .chips span{
  border-color:#dce5df;
  background:#fff;
}
.paco-home-real{
  position:relative;
  min-height:650px;
  background:
    radial-gradient(circle at 68% 20%,rgba(0,143,76,.13),transparent 25%),
    radial-gradient(circle at 34% 75%,rgba(241,150,16,.12),transparent 23%),
    linear-gradient(145deg,#f8faf7,#edf6f0)!important;
  overflow:hidden;
}
.paco-home-shape{
  position:absolute;border-radius:50%;
}
.paco-home-shape.shape-one{
  width:420px;height:420px;right:-65px;top:65px;
  border:1px solid rgba(0,143,76,.15);
}
.paco-home-shape.shape-two{
  width:230px;height:230px;left:5%;bottom:7%;
  background:radial-gradient(circle,rgba(241,150,16,.12),transparent 68%);
}
.paco-home-spark{
  position:absolute;color:#f1a019;font-size:25px;
}
.paco-home-spark.s1{left:12%;top:18%}
.paco-home-spark.s2{right:6%;bottom:18%;color:#008f4c;font-size:18px}
.paco-real-device{
  position:absolute;
  background:#111;
  border:7px solid #2c2f34;
  border-radius:39px;
  padding:7px;
  box-shadow:0 30px 60px rgba(28,54,40,.15);
  overflow:hidden;
}
.paco-real-device img{
  display:block;width:100%;height:100%;object-fit:cover;
  border-radius:29px;
}
.paco-real-notch{
  position:absolute;top:9px;left:50%;transform:translateX(-50%);
  width:34%;height:14px;background:#111;border-radius:999px;z-index:4;
}
.home-device-left{
  width:245px;height:545px;
  left:10%;top:58px;
  transform:rotate(-5deg);
  z-index:2;
}
.home-device-right{
  width:230px;height:515px;
  right:6%;top:86px;
  transform:rotate(7deg);
  z-index:3;
}
.paco-home-brand{
  position:absolute;left:42%;bottom:8%;
  display:flex;align-items:center;gap:10px;
  background:rgba(255,255,255,.84);
  border:1px solid rgba(0,143,76,.14);
  border-radius:18px;padding:11px 14px;
  box-shadow:0 12px 30px rgba(28,54,40,.08);
}
.paco-character{
  width:40px;height:40px;border-radius:13px;
  background:#fff3c8;display:grid;place-items:center;
}
.paco-home-brand b{display:block;color:#008f4c}
.paco-home-brand small{color:#7d8b82;font-size:11px}
@media(max-width:680px){
  .paco-home-real{min-height:500px}
  .home-device-left{width:190px;height:425px;left:3%}
  .home-device-right{width:180px;height:400px;right:1%;top:90px}
  .paco-home-brand{left:32%;bottom:4%}
}


/* ===== Paco modern device frames ===== */
.paco-real-device{
  background:linear-gradient(145deg,#2b2d31,#0d0e10);
  border:2px solid rgba(255,255,255,.16);
  border-radius:52px;
  padding:5px;
  box-shadow:
    0 35px 75px rgba(24,46,34,.18),
    0 0 0 1px rgba(0,0,0,.22),
    inset 0 0 0 1px rgba(255,255,255,.06);
}
.paco-real-device::after{
  content:"";
  position:absolute;
  inset:5px;
  border-radius:46px;
  box-shadow:inset 0 0 0 1px rgba(255,255,255,.06);
  pointer-events:none;
  z-index:3;
}
.paco-real-device img{
  border-radius:46px;
}
.paco-real-notch{
  top:11px;
  width:31%;
  height:23px;
  background:#050505;
  border-radius:999px;
  box-shadow:0 0 0 1px rgba(255,255,255,.03);
}
.home-device-left{
  width:238px;
  height:535px;
  left:11%;
  top:60px;
  transform:rotate(-4deg);
}
.home-device-right{
  width:225px;
  height:505px;
  right:7%;
  top:92px;
  transform:rotate(6deg);
}


/* ===== Paco — iPhone 17 Pro proportions / preserve full UI ===== */
.paco-real-device{
  box-sizing:border-box;
  padding:4px;
  border-radius:50px;
  overflow:hidden;
}
.paco-real-device img{
  width:100%;
  height:100%;
  object-fit:contain !important;
  object-position:center top;
  background:#f6f8fa;
  border-radius:45px;
}
.paco-real-device::after{
  inset:4px;
  border-radius:46px;
}
.paco-real-notch{
  width:29%;
  height:20px;
  top:9px;
}
.home-device-left{
  width:246px;
  height:532px;
  left:9%;
  top:60px;
}
.home-device-right{
  width:232px;
  height:502px;
  right:7%;
  top:88px;
}
.paco-home-real{
  padding:52px 42px;
  min-height:690px;
}
@media(max-width:680px){
  .paco-home-real{padding:34px 18px;min-height:535px}
  .home-device-left{width:190px;height:411px;left:1%;top:58px}
  .home-device-right{width:178px;height:385px;right:0;top:84px}
}


/* ===== Lumi portfolio cover refinement ===== */
.work-card.lumi-card,
.project-card.lumi-card,
.lumi-project{
  box-sizing:border-box;
}
.lumi-project .project-visual,
.lumi-card .project-visual,
.lumi-card .work-visual{
  box-sizing:border-box;
  padding:clamp(28px, 4vw, 58px) !important;
  overflow:hidden;
}
.lumi-project img,
.lumi-card .project-visual img,
.lumi-card .work-visual img{
  max-width:100%;
  max-height:100%;
  object-fit:contain;
}

/* ===== Localia home card ===== */
.case-localia{background:#080a09;color:#fff}
.case-localia .case-kicker,.case-localia .case-link{color:#22d06f}
.case-localia .case-desc{color:#aeb8b2}
.case-localia .chips span{background:#111512;border-color:#26322b;color:#dbe4de}
.localia-home-visual{
  min-height:560px;background:
  radial-gradient(circle at 70% 25%,rgba(34,208,111,.16),transparent 28%),
  #0a0c0b!important;padding:46px!important;
  display:flex;align-items:center;justify-content:center;overflow:hidden
}
.localia-home-visual img{
  width:100%;max-width:650px;border-radius:22px;
  box-shadow:0 30px 70px rgba(0,0,0,.38);
  border:1px solid rgba(255,255,255,.08)
}

/* ===== Localia in original Dynamic ETA portfolio slot ===== */
.localia-small-case .small-case-link{display:block;color:inherit;text-decoration:none}
.localia-thumb{
  position:relative;
  min-height:430px;
  padding:34px!important;
  background:
    radial-gradient(circle at 50% 35%,rgba(34,208,111,.16),transparent 30%),
    #0a0d0b!important;
  overflow:hidden;
  display:flex!important;
  align-items:center;
  justify-content:center;
}
.localia-thumb img{
  display:block;
  width:auto!important;
  max-width:88%!important;
  max-height:355px;
  object-fit:contain;
  border-radius:18px;
  box-shadow:0 24px 50px rgba(0,0,0,.30);
}
.localia-thumb-label{
  position:absolute;
  left:24px;
  bottom:22px;
  display:flex;
  flex-direction:column;
  gap:2px;
  color:#fff;
}
.localia-thumb-label span{
  color:#22d06f;
  font-size:10px;
  text-transform:uppercase;
  letter-spacing:.1em;
}
.localia-thumb-label strong{font-size:15px;font-weight:500}
.localia-small-case .small-case-cta{display:inline-block;margin-top:16px}
@media(max-width:680px){
  .localia-thumb{min-height:350px;padding:24px!important}
  .localia-thumb img{max-height:290px}
}

/* ===== Localia home thumbnail polish ===== */
.localia-thumb{
  background:
    radial-gradient(circle at 50% 34%,rgba(24,201,104,.18),transparent 30%),
    linear-gradient(145deg,#0a0d0b,#101612)!important;
}
.localia-thumb img{
  max-height:390px!important;
  max-width:74%!important;
  border-radius:0!important;
  box-shadow:none!important;
  filter:drop-shadow(0 26px 26px rgba(0,0,0,.45));
}

/* ===== Localia editorial food cover ===== */
.localia-food-cover{
  position:relative!important;
  min-height:520px!important;
  padding:0!important;
  overflow:hidden!important;
  isolation:isolate;
  background:
    radial-gradient(circle at 70% 38%,rgba(38,220,124,.19),transparent 27%),
    radial-gradient(circle at 24% 74%,rgba(255,166,72,.10),transparent 22%),
    linear-gradient(145deg,#07100b 0%,#0b1510 56%,#08100c 100%)!important;
}
.localia-food-cover:before{
  content:"";position:absolute;width:390px;height:390px;border-radius:50%;
  right:8%;top:9%;border:1px solid rgba(61,230,139,.14);
  box-shadow:0 0 0 52px rgba(61,230,139,.025),0 0 0 104px rgba(61,230,139,.018);
}
.localia-food-cover:after{
  content:"";position:absolute;inset:18px;border:1px solid rgba(255,255,255,.055);
  border-radius:26px;pointer-events:none;
}
.localia-cover-phone{
  position:absolute!important;z-index:3;
  height:405px!important;width:auto!important;max-width:none!important;
  right:11%;top:45px;object-fit:contain!important;
  filter:drop-shadow(0 28px 30px rgba(0,0,0,.52))!important;
}
.localia-cover-copy{
  position:absolute;z-index:5;left:7%;bottom:58px;max-width:43%;
  display:flex;flex-direction:column;align-items:flex-start;
}
.localia-cover-copy span{font-size:10px;letter-spacing:.13em;color:#24d978}
.localia-cover-copy strong{
  margin-top:8px;font-size:clamp(42px,4.2vw,66px);line-height:.9;
  letter-spacing:-.055em;color:#fff;font-weight:500;
}
.localia-cover-copy small{
  margin-top:13px;font-family:"Instrument Serif",serif;font-size:23px;
  line-height:1.05;color:#c8d3cc;
}
.food-orbit{
  position:absolute;z-index:4;width:48px;height:48px;border-radius:50%;
  display:flex;align-items:center;justify-content:center;font-size:24px;
  background:rgba(255,255,255,.09);border:1px solid rgba(255,255,255,.10);
  backdrop-filter:blur(10px);box-shadow:0 12px 30px rgba(0,0,0,.18);
}
.food-a{right:5%;top:13%;transform:rotate(8deg)}.food-b{right:43%;top:9%;transform:rotate(-9deg)}
.food-c{right:2%;bottom:20%;transform:rotate(-6deg)}.food-d{right:43%;bottom:11%;transform:rotate(7deg)}
.food-e{left:7%;top:16%;transform:rotate(-7deg)}.food-f{left:27%;top:28%;transform:rotate(8deg)}
.eta-pill{
  position:absolute;z-index:6;right:5%;bottom:32px;
  display:flex;align-items:center;gap:8px;padding:9px 12px;border-radius:999px;
  background:rgba(10,18,13,.88);border:1px solid rgba(255,255,255,.10);
  color:#d9e4dd;font-size:11px;backdrop-filter:blur(12px);
}
.eta-pill i{width:7px;height:7px;border-radius:50%;background:#24d978;box-shadow:0 0 0 4px rgba(36,217,120,.12)}
.eta-pill b{color:#fff;font-size:12px}
.localia-small-case .localia-thumb-label{display:none!important}
@media(max-width:700px){
 .localia-food-cover{min-height:430px!important}
 .localia-cover-phone{height:330px!important;right:2%;top:45px}
 .localia-cover-copy{left:6%;bottom:40px;max-width:48%}
 .localia-cover-copy strong{font-size:42px}.localia-cover-copy small{font-size:18px}
 .food-orbit{width:39px;height:39px;font-size:19px}.food-f,.food-d{display:none}
 .eta-pill{right:3%;bottom:20px}
}

/* ===== Align Lumi + Localia portfolio cards ===== */
/* The two cards now share the same vertical rhythm:
   visual → meta → title → description → CTA */
.small-case{
  height:100%;
}
.small-case .small-case-link{
  height:100%;
  display:grid!important;
  grid-template-rows:520px 24px auto minmax(62px,auto) 28px;
  align-content:start;
  row-gap:16px;
}
.small-case .small-visual{
  width:100%;
  height:520px!important;
  min-height:520px!important;
  margin:0!important;
  overflow:hidden;
}
.small-case .small-meta{
  margin:0!important;
  align-self:center;
}
.small-case h3{
  margin:0!important;
  align-self:start;
}
.small-case p{
  margin:0!important;
  align-self:start;
  max-width:100%;
}
.small-case .small-case-cta{
  margin:0!important;
  align-self:end;
}
.lumi-card-art,
.localia-food-cover{
  height:520px!important;
  min-height:520px!important;
}

/* Keep both cards aligned even when Localia copy wraps to two lines. */
@media(min-width:761px){
  .small-case .small-case-link{
    min-height:720px;
  }
}
@media(max-width:760px){
  .small-case .small-case-link{
    grid-template-rows:430px 24px auto auto 28px;
    row-gap:14px;
    min-height:0;
  }
  .small-case .small-visual,
  .lumi-card-art,
  .localia-food-cover{
    height:430px!important;
    min-height:430px!important;
  }
}

/* ===== Additional case study row ===== */
.additional-cases-row{margin-top:clamp(72px,8vw,120px)}
.future-case .small-case-link{cursor:default}
.future-case-visual{
  position:relative;height:520px!important;min-height:520px!important;
  padding:34px!important;overflow:hidden;isolation:isolate;
}
.future-case-a{
  background:radial-gradient(circle at 68% 30%,rgba(108,91,232,.18),transparent 28%),
  linear-gradient(145deg,#efecff,#f9f8ff 62%,#e9e6fb)!important;
}
.future-case-b{
  background:radial-gradient(circle at 34% 30%,rgba(0,0,0,.08),transparent 25%),
  linear-gradient(145deg,#e9ece9,#f8f9f7 62%,#e4e8e4)!important;
}
.future-number{position:absolute;top:28px;left:30px;font-size:11px;letter-spacing:.12em;color:#777}
.future-cover-copy{position:absolute;left:8%;bottom:9%;z-index:4;display:flex;flex-direction:column;gap:8px}
.future-cover-copy span{font-size:10px;letter-spacing:.13em;color:#797386}
.future-cover-copy strong{font-family:"Instrument Serif",serif;font-size:clamp(34px,3.2vw,50px);font-weight:400;color:#161616}
.future-shape{position:absolute;right:10%;top:14%;width:270px;height:270px}
.future-shape-a{border-radius:50%;border:1px solid rgba(91,72,191,.17);box-shadow:0 0 0 52px rgba(91,72,191,.035),0 0 0 104px rgba(91,72,191,.02)}
.future-shape-a:after{content:"";position:absolute;width:62px;height:62px;border-radius:18px;left:50%;top:50%;transform:translate(-50%,-50%) rotate(12deg);background:linear-gradient(145deg,#6d5be8,#4934c8);box-shadow:0 18px 38px rgba(73,52,200,.24)}
.future-shape-b{border-radius:28px;background:linear-gradient(90deg,rgba(17,17,17,.06) 1px,transparent 1px),linear-gradient(rgba(17,17,17,.06) 1px,transparent 1px);background-size:36px 36px;transform:rotate(7deg)}
.future-shape-b:after{content:"";position:absolute;width:112px;height:112px;border-radius:50%;left:50%;top:50%;transform:translate(-50%,-50%);background:#171917;box-shadow:0 24px 50px rgba(0,0,0,.14)}
.future-cta{color:#8c8c8c!important}
@media(max-width:760px){
 .additional-cases-row{margin-top:72px}
 .future-case-visual{height:430px!important;min-height:430px!important}
}

/* ===== Language switcher ===== */
.site-header{display:flex;align-items:center}
.site-header nav{margin-left:auto}
.language-switcher{position:relative;margin-left:18px;z-index:1000}
.lang-current{height:38px;min-width:66px;padding:0 12px;border:1px solid rgba(20,20,20,.14);border-radius:999px;background:rgba(255,255,255,.76);backdrop-filter:blur(12px);display:flex;align-items:center;justify-content:center;gap:7px;font:500 12px/1 "DM Sans",sans-serif;letter-spacing:.06em;cursor:pointer;color:#171717}
.lang-menu{position:absolute;right:0;top:46px;display:none;min-width:154px;padding:7px;border-radius:15px;border:1px solid rgba(20,20,20,.12);background:rgba(255,255,255,.96);box-shadow:0 16px 40px rgba(0,0,0,.12);backdrop-filter:blur(16px)}
.language-switcher.open .lang-menu{display:grid;gap:3px}
.lang-menu button{border:0;background:transparent;border-radius:9px;padding:10px;display:flex;gap:9px;align-items:center;text-align:left;cursor:pointer;font:600 12px/1.2 "DM Sans",sans-serif;color:#171717}
.lang-menu button span{font-weight:400;color:#707070}.lang-menu button:hover,.lang-menu button[aria-selected="true"]{background:#f2f2ef}
@media(max-width:760px){.site-header nav{display:none}.language-switcher{margin-left:auto}}

/* ===== Reliable language selector v2 ===== */
.sr-only{position:absolute!important;width:1px!important;height:1px!important;padding:0!important;margin:-1px!important;overflow:hidden!important;clip:rect(0,0,0,0)!important;white-space:nowrap!important;border:0!important}
.site-header{display:flex;align-items:center}
.site-header nav{margin-left:auto}
.language-switcher{position:relative;margin-left:18px;z-index:1000}
.language-select{
  appearance:auto;
  min-width:126px;height:40px;
  padding:0 10px;
  border:1px solid rgba(20,20,20,.14);
  border-radius:999px;
  background:rgba(255,255,255,.92);
  color:#171717;
  font:500 12px/1 "DM Sans",sans-serif;
  cursor:pointer;
}
.language-select:focus{outline:2px solid currentColor;outline-offset:2px}
@media(max-width:760px){
  .site-header nav{display:none}
  .language-switcher{margin-left:auto}
  .language-select{min-width:116px}
}

/* ===== Global66 case ===== */
.global66-cover{position:relative;background:#071f1a;overflow:hidden;color:white}
.g66-grid{position:absolute;inset:0;background-image:linear-gradient(rgba(255,255,255,.055) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.055) 1px,transparent 1px);background-size:42px 42px}
.g66-orb{position:absolute;border-radius:50%;filter:blur(1px);opacity:.95}.g66-orb-a{width:260px;height:260px;background:#35e3a4;right:-65px;top:-60px}.g66-orb-b{width:150px;height:150px;background:#55a7ff;left:-35px;bottom:-35px}
.g66-cover-copy{position:absolute;left:42px;top:42px;z-index:2;display:flex;flex-direction:column;max-width:52%}.g66-cover-copy span{font-size:11px;letter-spacing:.12em;opacity:.72}.g66-cover-copy strong{font-size:38px;margin:10px 0 8px}.g66-cover-copy small{font-size:18px;line-height:1.25;opacity:.88}
.g66-phone{position:absolute;right:48px;bottom:-36px;width:210px;height:390px;border:7px solid #152a26;border-radius:38px;background:#f8fbfa;box-shadow:0 30px 60px rgba(0,0,0,.28);transform:rotate(5deg);z-index:3}.g66-phone-top{width:72px;height:18px;border-radius:0 0 16px 16px;background:#152a26;margin:auto}.g66-screen{padding:34px 18px;color:#0d231e}.g66-chip{display:inline-flex;padding:7px 9px;border-radius:999px;background:#d9fff1;font-size:9px;font-weight:700;letter-spacing:.08em}.g66-screen>b{display:block;font-size:30px;margin-top:16px}.g66-screen>small{display:block;margin-top:2px;color:#698079}.g66-progress{height:8px;background:#e7eeeb;border-radius:99px;margin:22px 0}.g66-progress i{display:block;width:66%;height:100%;border-radius:99px;background:#21c98a}.g66-mini-row{display:flex;justify-content:space-between;padding:12px 0;border-bottom:1px solid #e5ece9;font-size:11px}
.g66-case-page{background:#fbfcfb}.g66-hero{padding-top:160px;padding-bottom:90px;display:grid;grid-template-columns:1.05fr .95fr;gap:72px;align-items:center}.g66-hero h1{font-size:clamp(64px,8vw,118px);line-height:.9;margin:22px 0 12px;letter-spacing:-.06em}.g66-hero h2{font-size:clamp(34px,4vw,60px);line-height:1.02;letter-spacing:-.04em;margin:0}.g66-hero-lead{font-size:20px;line-height:1.5;max-width:720px;color:#53605c;margin:28px 0}.g66-tags{display:flex;gap:8px;flex-wrap:wrap}.g66-tags span{padding:9px 12px;border:1px solid #d7e2de;border-radius:999px;font-size:12px}.g66-disclaimer{font-size:12px;line-height:1.5;color:#72817b;margin-top:24px;max-width:700px}
.g66-dashboard-card{background:#06251d;color:white;border-radius:36px;padding:42px;box-shadow:0 35px 80px rgba(14,56,45,.18);min-height:500px}.g66-dashboard-card>span{font-size:11px;letter-spacing:.12em;color:#82f2cb}.g66-dashboard-card>strong{display:block;font-size:56px;margin:20px 0 4px;letter-spacing:-.05em}.g66-dashboard-card>small{color:#a5c0b6}.g66-funnel-viz{display:grid;gap:22px;margin-top:55px}.g66-funnel-viz div{position:relative;height:30px;background:rgba(255,255,255,.08);border-radius:99px;overflow:hidden}.g66-funnel-viz i{position:absolute;inset:0 auto 0 0;background:#32d39b;border-radius:99px}.g66-funnel-viz span{position:absolute;left:14px;top:7px;font-size:11px;z-index:2}
.g66-info{display:grid;grid-template-columns:repeat(4,1fr);border-top:1px solid #dfe5e2;border-bottom:1px solid #dfe5e2}.g66-info div{padding:24px 20px;border-right:1px solid #dfe5e2}.g66-info div:last-child{border-right:0}.g66-info span{display:block;font-size:10px;letter-spacing:.1em;color:#7b8883;margin-bottom:6px}.g66-info b{font-size:14px}
.g66-section{padding-top:120px;padding-bottom:120px}.g66-section-head{display:flex;gap:14px;align-items:center;margin-bottom:40px}.g66-section-head span{font-size:12px;border:1px solid #cfd8d4;border-radius:99px;padding:6px 9px}.g66-section-head p{font-size:11px;letter-spacing:.12em;margin:0}.g66-section h2{font-size:clamp(40px,5vw,70px);max-width:1000px;letter-spacing:-.045em;line-height:1.02;margin:0 0 34px}.g66-two-col{display:grid;grid-template-columns:1.1fr .9fr;gap:80px}.g66-two-col>div>p{font-size:19px;line-height:1.55;color:#5b6662}.g66-insight-card{background:#e8fff6;padding:40px;border-radius:28px}.g66-insight-card small{font-size:10px;letter-spacing:.11em}.g66-insight-card strong{display:block;font-size:25px;line-height:1.25;margin:14px 0}.g66-insight-card p{font-size:15px!important}.g66-root-grid,.g66-pillars{display:grid;grid-template-columns:repeat(3,1fr);gap:18px;margin-top:55px}.g66-pillars{grid-template-columns:repeat(2,1fr)}.g66-root-grid article,.g66-pillars article{border:1px solid #dfe5e2;border-radius:24px;padding:28px;background:white}.g66-root-grid article>span,.g66-pillars article>span{font-size:11px;color:#73817c}.g66-root-grid h3,.g66-pillars h3{font-size:22px;margin:28px 0 10px}.g66-root-grid p,.g66-pillars p{line-height:1.55;color:#626e69}.g66-soft{background:#f1f6f4}.g66-note{color:#6b7772;max-width:820px;line-height:1.5;margin-bottom:32px}
.g66-table-wrap{overflow-x:auto}.g66-table{width:100%;border-collapse:collapse;background:white;border-radius:22px;overflow:hidden}.g66-table th,.g66-table td{text-align:left;padding:18px 20px;border-bottom:1px solid #e2e8e5;font-size:13px;vertical-align:top}.g66-table th{font-size:10px;letter-spacing:.09em;color:#6a7772;background:#f9fbfa}.g66-subhead{font-size:24px;margin:70px 0 24px}.g66-competitors{display:grid;grid-template-columns:repeat(4,1fr);gap:14px}.g66-competitors article{background:white;border:1px solid #dfe5e2;border-radius:22px;padding:24px}.g66-competitors b{display:block;font-size:20px}.g66-competitors span{display:block;color:#168b64;font-size:12px;margin:10px 0}.g66-competitors p{font-size:13px;line-height:1.5;color:#5f6d67}.g66-flow-compare{display:grid;gap:16px;margin-top:58px}.g66-flow-compare>div{border:1px solid #dfe5e2;border-radius:24px;padding:24px}.g66-flow-compare small{display:block;font-size:10px;letter-spacing:.11em;margin-bottom:15px}.g66-flow{display:flex;gap:10px;align-items:center;flex-wrap:wrap}.g66-flow span{padding:10px 13px;border-radius:10px;background:#f1f4f3;font-size:12px}.g66-flow-after span{background:#e1fff4}.g66-flow i{font-style:normal;color:#98a39f}
.g66-dark{background:#061d17;color:white}.g66-dark .g66-section-head span{border-color:#355047}.g66-dark h2{color:white}.g66-table-dark{background:#0a2a21;color:#eaf7f2}.g66-table-dark th{background:#0d3328;color:#9dc4b6}.g66-table-dark th,.g66-table-dark td{border-color:#23453a}.g66-econ-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:14px;margin-top:50px}.g66-econ-grid article{background:#0c3026;border:1px solid #214b3e;border-radius:22px;padding:24px}.g66-econ-grid span{font-size:10px;letter-spacing:.1em;color:#8fcab6}.g66-econ-grid strong{display:block;font-size:34px;margin:14px 0}.g66-econ-grid p{font-size:13px;line-height:1.5;color:#b5cbc3}.g66-disclaimer.light{color:#89a79c}.g66-close{text-align:center}.g66-close h2{margin-left:auto;margin-right:auto}.g66-close>p:not(.eyebrow){max-width:850px;margin:0 auto 36px;color:#5d6965;line-height:1.6}
@media(max-width:900px){.g66-hero,.g66-two-col{grid-template-columns:1fr}.g66-info{grid-template-columns:1fr 1fr}.g66-root-grid,.g66-competitors,.g66-econ-grid{grid-template-columns:1fr 1fr}.g66-pillars{grid-template-columns:1fr}}
@media(max-width:620px){.g66-hero{padding-top:110px}.g66-root-grid,.g66-competitors,.g66-econ-grid,.g66-info{grid-template-columns:1fr}.g66-cover-copy{left:26px;top:28px}.g66-phone{right:20px;width:170px;height:330px}.g66-cover-copy{max-width:55%}.g66-cover-copy strong{font-size:30px}.g66-cover-copy small{font-size:14px}}

/* ===== Global66 real-product visual system ===== */
:root{
  --g66-blue:#2f67ee;
  --g66-blue-dark:#2549b8;
  --g66-navy:#15243a;
  --g66-mint:#12bf87;
  --g66-mint-soft:#dff8ee;
  --g66-sky:#eef6ff;
  --g66-line:#dbe6f6;
}

/* External cover */
.global66-cover-real{
  background:
    radial-gradient(circle at 76% 14%, rgba(74,141,255,.52), transparent 32%),
    linear-gradient(145deg,#0c285d 0%,#183f95 56%,#2868eb 100%);
}
.g66-cover-grid{position:absolute;inset:0;background-image:linear-gradient(rgba(255,255,255,.055) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.055) 1px,transparent 1px);background-size:44px 44px;mask-image:linear-gradient(to bottom,rgba(0,0,0,.8),transparent)}
.g66-cover-glow{position:absolute;border-radius:50%;filter:blur(8px)}.g66-cover-glow-a{width:220px;height:220px;right:-45px;top:-50px;background:rgba(18,191,135,.34)}.g66-cover-glow-b{width:180px;height:180px;left:-45px;bottom:-55px;background:rgba(255,255,255,.12)}
.g66-cover-real .g66-cover-copy{z-index:7}.g66-cover-real .g66-cover-copy span,.g66-cover-real .g66-cover-copy small{color:rgba(255,255,255,.82)}.g66-cover-real .g66-cover-copy strong{color:#fff}
.g66-cover-phone{position:absolute;width:178px;height:386px;border:6px solid #0e1724;border-radius:37px;background:#fff;overflow:hidden;box-shadow:0 28px 55px rgba(4,15,42,.42);z-index:4}
.g66-cover-phone img{width:100%;height:100%;object-fit:cover;display:block}
.g66-cover-phone-main{right:42px;bottom:-22px;transform:rotate(4deg);z-index:5}
.g66-cover-phone-back{right:180px;bottom:-72px;transform:rotate(-8deg) scale(.84);opacity:.9}
.g66-device-notch{position:absolute;top:8px;left:50%;transform:translateX(-50%);width:68px;height:18px;border-radius:999px;background:#0e1724;z-index:8;pointer-events:none}
.g66-cover-pill{position:absolute;left:42px;bottom:44px;z-index:7;background:rgba(255,255,255,.94);color:#16233a;border-radius:16px;padding:11px 14px;box-shadow:0 12px 30px rgba(1,18,60,.18);display:flex;flex-direction:column;gap:2px}.g66-cover-pill span{font-size:9px;color:#687993}.g66-cover-pill b{font-size:13px;color:#0aad79}

/* General iPhone devices */
.g66-device{position:relative;background:#0e1724;border:7px solid #0e1724;border-radius:44px;overflow:hidden;box-shadow:0 30px 70px rgba(23,54,106,.2)}
.g66-device img{display:block;width:100%;height:100%;object-fit:cover;background:white}

/* Internal hero cover */
.g66-case-page{background:#fbfdff;color:var(--g66-navy)}
.g66-hero{align-items:center}
.g66-hero-stage{position:relative;min-height:590px;border-radius:42px;overflow:hidden;background:linear-gradient(145deg,#edf5ff,#dceaff 56%,#d9f8ee);border:1px solid #dce7f7}
.g66-stage-orb{position:absolute;border-radius:50%;filter:blur(2px)}.g66-stage-orb-a{width:320px;height:320px;background:#2f67ee;opacity:.18;right:-70px;top:-60px}.g66-stage-orb-b{width:230px;height:230px;background:#12bf87;opacity:.18;left:-70px;bottom:-60px}
.g66-device-hero-main{position:absolute;width:248px;height:537px;right:70px;bottom:-20px;transform:rotate(4deg);z-index:4}
.g66-device-hero-back{position:absolute;width:210px;height:455px;left:54px;bottom:-45px;transform:rotate(-8deg);z-index:2;opacity:.95}
.g66-stage-callout{position:absolute;left:36px;top:36px;background:white;border:1px solid var(--g66-line);border-radius:20px;padding:18px 20px;z-index:5;box-shadow:0 18px 40px rgba(46,93,165,.12)}.g66-stage-callout span{display:block;font-size:10px;letter-spacing:.11em;color:var(--g66-blue)}.g66-stage-callout strong{display:block;font-size:22px;margin:7px 0}.g66-stage-callout small{display:block;color:#667995;max-width:190px;line-height:1.35}
.g66-prototype-button{margin-top:18px;display:flex;justify-content:space-between;align-items:center;text-decoration:none;background:var(--g66-blue);color:white;border-radius:16px;padding:16px 18px;font-weight:700;box-shadow:0 12px 28px rgba(47,103,238,.22)}

/* Internal cover */
.g66-experience-cover{margin-top:30px;margin-bottom:40px;min-height:620px;border-radius:42px;background:linear-gradient(135deg,#0d2c70 0%,#2866ef 60%,#3a89ff 100%);color:white;display:grid;grid-template-columns:.9fr 1.1fr;gap:40px;align-items:center;padding:58px 58px;overflow:hidden;position:relative}
.g66-experience-cover-copy{position:relative;z-index:5}.g66-experience-cover-copy .eyebrow{color:#a9c7ff}.g66-experience-cover h2{font-size:clamp(44px,5vw,72px);line-height:.98;letter-spacing:-.05em;margin:14px 0 22px;color:white}.g66-experience-cover p:not(.eyebrow){font-size:18px;line-height:1.55;color:rgba(255,255,255,.82);max-width:600px}
.g66-inline-prototype{display:inline-flex;margin-top:24px;background:white;color:var(--g66-blue);padding:13px 16px;border-radius:13px;text-decoration:none;font-weight:700}
.g66-experience-cover-art{position:relative;min-height:520px}.g66-flow-orb{position:absolute;width:390px;height:390px;border-radius:50%;background:rgba(18,191,135,.28);right:-30px;top:38px}
.g66-flow-device{position:absolute;width:215px;height:465px}.g66-flow-device-a{left:18px;top:42px;transform:rotate(-8deg)}.g66-flow-device-b{right:20px;top:4px;transform:rotate(8deg);z-index:3}

/* Product-flow gallery */
.g66-product-flow{padding-top:100px;padding-bottom:115px}.g66-flow-intro{max-width:850px;margin-bottom:54px}.g66-flow-intro h2{font-size:clamp(42px,5vw,70px);letter-spacing:-.045em;line-height:1}
.g66-flow-gallery{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:18px;align-items:start}
.g66-flow-card{min-width:0}.g66-gallery-device{width:100%;aspect-ratio:394/852;border-radius:30px;border-width:5px;box-shadow:0 18px 42px rgba(23,54,106,.14)}.g66-gallery-device .g66-device-notch{width:52px;height:14px;top:6px}
.g66-flow-copy{padding:18px 4px 0}.g66-flow-copy>span{font-size:11px;color:var(--g66-blue);font-weight:700}.g66-flow-copy h3{font-size:18px;line-height:1.2;margin:7px 0 8px}.g66-flow-copy p{font-size:13px;line-height:1.5;color:#68778e;margin:0}

/* Prototype */
.g66-prototype-section{background:linear-gradient(135deg,#eef5ff,#f8fbff);border-top:1px solid #e2ebf8;border-bottom:1px solid #e2ebf8}
.g66-prototype-inner{padding-top:75px;padding-bottom:75px;display:grid;grid-template-columns:1fr .75fr;gap:50px;align-items:center}.g66-prototype-inner h2{font-size:clamp(38px,4vw,58px);letter-spacing:-.04em;margin:12px 0}.g66-prototype-inner p:not(.eyebrow){color:#68778e;max-width:700px;line-height:1.55}
.g66-prototype-card{display:grid;grid-template-columns:1fr auto;gap:7px 18px;align-items:center;text-decoration:none;background:var(--g66-blue);color:white;border-radius:24px;padding:28px 30px;box-shadow:0 22px 55px rgba(47,103,238,.23)}.g66-prototype-card span{grid-column:1;font-size:11px;opacity:.75;letter-spacing:.08em;text-transform:uppercase}.g66-prototype-card strong{grid-column:1;font-size:20px}.g66-prototype-card b{grid-column:2;grid-row:1/3;font-size:28px}

/* Apply Global66 visual palette to strategic blocks */
.g66-insight-card{background:linear-gradient(145deg,#edf5ff,#e4fbf3);border:1px solid #d4e7f4}
.g66-root-grid article,.g66-pillars article,.g66-competitors article{border-color:#dce7f7}
.g66-root-grid article>span,.g66-pillars article>span,.g66-competitors span{color:var(--g66-blue)}
.g66-soft{background:#f3f7fd}
.g66-dark{background:linear-gradient(145deg,#0b255d,#123d93 72%,#1b5ed6)}
.g66-dark .g66-table-dark{background:rgba(8,30,80,.7)}
.g66-dark .g66-table-dark th{background:rgba(255,255,255,.06)}
.g66-dark .g66-table-dark th,.g66-dark .g66-table-dark td{border-color:rgba(255,255,255,.12)}
.g66-dark .g66-econ-grid article{background:rgba(255,255,255,.08);border-color:rgba(255,255,255,.14)}
.g66-dark .g66-econ-grid span{color:#9fc5ff}
.g66-dark .g66-econ-grid p{color:#cbdcff}

@media(max-width:1000px){
  .g66-flow-gallery{grid-template-columns:repeat(3,minmax(0,1fr))}
  .g66-experience-cover{grid-template-columns:1fr;padding:42px}
  .g66-experience-cover-art{min-height:500px}
  .g66-prototype-inner{grid-template-columns:1fr}
}
@media(max-width:720px){
  .g66-hero-stage{min-height:500px}
  .g66-device-hero-main{width:195px;height:422px;right:22px}
  .g66-device-hero-back{width:165px;height:358px;left:18px}
  .g66-stage-callout{left:18px;top:18px;max-width:180px}
  .g66-flow-gallery{grid-template-columns:1fr 1fr}
  .g66-experience-cover{padding:30px 22px;min-height:auto}
  .g66-flow-device{width:170px;height:368px}
  .g66-flow-device-a{left:0}.g66-flow-device-b{right:0}
}
@media(max-width:520px){
  .g66-flow-gallery{grid-template-columns:1fr}
  .g66-gallery-device{max-width:280px;margin:0 auto}
  .g66-flow-card{max-width:320px;margin:0 auto}
  .g66-experience-cover-art{min-height:410px}
  .g66-flow-device{width:145px;height:314px}
  .g66-cover-phone-back{display:none}
  .g66-cover-phone-main{right:16px;width:155px;height:336px}
  .g66-cover-copy{left:24px;top:28px;max-width:53%}
}

/* ===== Global66 internal cover refinement ===== */
.g66-experience-cover{
  min-height:650px;
  grid-template-columns:.88fr 1.12fr;
  gap:48px;
  padding:64px 64px;
  background:
    radial-gradient(circle at 87% 42%, rgba(18,191,135,.26), transparent 27%),
    radial-gradient(circle at 60% 10%, rgba(255,255,255,.12), transparent 28%),
    linear-gradient(135deg,#0e327e 0%,#215ad3 47%,#3477ff 100%);
  box-shadow:0 28px 70px rgba(26,77,170,.16);
}

.g66-brand-lockup{
  display:flex;
  align-items:center;
  gap:14px;
  margin-bottom:24px;
  flex-wrap:wrap;
}
.g66-brand-logo-wrap{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  padding:9px 14px;
  background:#fff;
  border-radius:999px;
  box-shadow:0 10px 26px rgba(7,27,79,.18);
}
.g66-brand-logo-wrap img{
  display:block;
  width:150px;
  height:auto;
}
.g66-brand-case-label{
  font-size:10px;
  letter-spacing:.12em;
  color:#bed3ff;
  text-transform:uppercase;
}

.g66-experience-cover-copy h2{
  max-width:590px;
  margin-top:0;
}
.g66-experience-cover-copy > p{
  max-width:590px;
}

.g66-cover-proof{
  display:flex;
  gap:10px;
  flex-wrap:wrap;
  margin-top:28px;
}
.g66-cover-proof > div{
  min-width:118px;
  padding:12px 14px;
  border:1px solid rgba(255,255,255,.18);
  background:rgba(255,255,255,.09);
  backdrop-filter:blur(10px);
  border-radius:16px;
}
.g66-cover-proof small{
  display:block;
  font-size:9px;
  letter-spacing:.1em;
  color:#bdd3ff;
  margin-bottom:4px;
}
.g66-cover-proof strong{
  display:block;
  font-size:13px;
  color:white;
}

.g66-experience-cover-art{
  min-height:535px;
}
.g66-flow-orb{
  width:410px;
  height:410px;
  right:-28px;
  top:58px;
  background:linear-gradient(145deg,rgba(18,191,135,.38),rgba(95,205,255,.16));
}
.g66-flow-orb-secondary{
  position:absolute;
  width:250px;
  height:250px;
  border-radius:50%;
  left:60px;
  top:20px;
  border:1px solid rgba(255,255,255,.18);
  background:rgba(255,255,255,.04);
}

.g66-flow-device{
  width:188px;
  height:407px;
  border-radius:38px;
  border-width:6px;
  box-shadow:0 28px 55px rgba(3,22,69,.34);
}
.g66-flow-device-a{
  left:4px;
  top:102px;
  transform:rotate(-10deg);
  z-index:2;
}
.g66-flow-device-b{
  left:182px;
  top:42px;
  transform:rotate(-1deg);
  z-index:4;
}
.g66-flow-device-c{
  right:4px;
  top:88px;
  transform:rotate(9deg);
  z-index:3;
}
.g66-flow-device .g66-device-notch{
  width:56px;
  height:14px;
  top:6px;
}
.g66-float-rate{
  position:absolute;
  right:46px;
  bottom:18px;
  z-index:7;
  min-width:130px;
  padding:12px 14px;
  border-radius:16px;
  background:rgba(255,255,255,.96);
  color:#17305d;
  box-shadow:0 16px 34px rgba(8,35,96,.2);
}
.g66-float-rate span,
.g66-float-rate small{
  display:block;
  font-size:9px;
  color:#7282a0;
}
.g66-float-rate strong{
  display:block;
  font-size:16px;
  margin:2px 0;
  color:#0da775;
}
.g66-inline-prototype{
  box-shadow:0 12px 30px rgba(4,31,97,.16);
  transition:transform .2s ease, box-shadow .2s ease;
}
.g66-inline-prototype:hover{
  transform:translateY(-2px);
  box-shadow:0 16px 36px rgba(4,31,97,.22);
}

/* The standalone light prototype section was intentionally removed. */
.g66-prototype-section{display:none!important}

@media(max-width:1100px){
  .g66-experience-cover{grid-template-columns:1fr;padding:48px}
  .g66-experience-cover-art{min-height:520px}
  .g66-flow-device-a{left:8%}
  .g66-flow-device-b{left:38%}
  .g66-flow-device-c{right:8%}
}
@media(max-width:720px){
  .g66-experience-cover{padding:32px 22px}
  .g66-brand-logo-wrap img{width:128px}
  .g66-experience-cover-art{min-height:430px}
  .g66-flow-device{width:142px;height:307px;border-radius:30px}
  .g66-flow-device-a{left:0;top:90px}
  .g66-flow-device-b{left:30%;top:42px}
  .g66-flow-device-c{right:0;top:82px}
  .g66-float-rate{right:8px;bottom:4px}
}

/* Global66 branding on every case-study cover */
.g66-home-logo-lockup{display:flex;flex-direction:column;align-items:flex-start;gap:10px;margin-bottom:14px}
.g66-home-logo,.g66-case-logo{display:inline-flex;align-items:center;justify-content:center;background:#fff;border-radius:999px;box-shadow:0 10px 28px rgba(4,24,72,.18)}
.g66-home-logo{padding:8px 12px}.g66-home-logo img{display:block;width:132px;height:auto}
.g66-cover-real .g66-cover-title{display:block;max-width:270px;font-size:clamp(28px,2.5vw,42px);line-height:.98;letter-spacing:-.045em;color:#fff;margin-bottom:12px}
.g66-case-logo-row{display:flex;align-items:center;gap:14px;flex-wrap:wrap;margin-bottom:24px}
.g66-case-logo-row .eyebrow{margin:0}
.g66-case-logo{padding:9px 14px;border:1px solid #e0e8f5}
.g66-case-logo img{display:block;width:150px;height:auto}
@media(max-width:720px){.g66-home-logo img{width:108px}.g66-case-logo img{width:125px}.g66-cover-real .g66-cover-title{font-size:28px;max-width:190px}}

/* ===== Global66 hero: real logo replaces text wordmark ===== */
.g66-hero-brand{
  display:flex;
  align-items:center;
  margin:30px 0 24px;
  width:min(100%, 720px);
}
.g66-hero-brand img{
  display:block;
  width:min(100%, 620px);
  height:auto;
  object-fit:contain;
  object-position:left center;
}
@media(max-width:900px){
  .g66-hero-brand{margin:24px 0 20px}
  .g66-hero-brand img{width:min(100%,520px)}
}
@media(max-width:620px){
  .g66-hero-brand img{width:min(100%,340px)}
}

/* ===== Global66 crisp vector logo ===== */
.g66-hero-brand img,
.g66-brand-logo-wrap img,
.g66-home-logo img,
.g66-case-logo img{
  image-rendering:auto;
  object-fit:contain;
  object-position:left center;
  height:auto;
}
.g66-brand-logo-wrap img{width:170px}
.g66-hero-brand img{width:min(100%,620px)}
.g66-home-logo img{width:138px}
@media(max-width:720px){
  .g66-brand-logo-wrap img{width:145px}
  .g66-home-logo img{width:116px}
  .g66-hero-brand img{width:min(100%,360px)}
}

/* ===== CornerPeople ===== */
:root{--cp-green:#00a86b;--cp-green-dark:#07523d;--cp-lime:#c9ff83;--cp-cream:#f7f8f1;--cp-ink:#17211d;--cp-line:#dce5df}
.cornerpeople-cover{position:relative;overflow:hidden;background:linear-gradient(145deg,#092d24 0%,#0d5b43 58%,#11a872 100%);color:white}
.cp-grid{position:absolute;inset:0;background-image:linear-gradient(rgba(255,255,255,.05) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.05) 1px,transparent 1px);background-size:42px 42px}
.cp-orb{position:absolute;border-radius:50%;filter:blur(2px)}.cp-orb-a{width:230px;height:230px;background:rgba(201,255,131,.26);right:-40px;top:-50px}.cp-orb-b{width:160px;height:160px;background:rgba(255,255,255,.1);left:-35px;bottom:-35px}
.cp-cover-copy{position:absolute;left:38px;top:40px;z-index:4;max-width:58%;display:flex;flex-direction:column}.cp-cover-copy>span{font-size:10px;letter-spacing:.12em;color:#cceade}.cp-cover-copy strong{font-size:38px;margin:10px 0 8px}.cp-cover-copy small{font-size:17px;line-height:1.3;color:#d9eee7}
.cp-route{position:absolute;right:30px;bottom:42px;display:flex;align-items:center;gap:10px;z-index:3}.cp-route i{font-style:normal;color:#c9ff83}.cp-node{width:72px;height:72px;border-radius:20px;background:rgba(255,255,255,.94);color:#123f32;display:flex;flex-direction:column;justify-content:center;align-items:center;box-shadow:0 14px 28px rgba(0,0,0,.18)}.cp-node b{font-size:19px}.cp-node span{font-size:9px;margin-top:4px}.cp-node-shopper{background:#c9ff83}
.cp-kpi-pill{position:absolute;left:38px;bottom:42px;background:#fff;color:#14392f;border-radius:16px;padding:11px 14px;z-index:4;display:flex;flex-direction:column}.cp-kpi-pill span{font-size:9px;color:#6e837b}.cp-kpi-pill b{font-size:20px;color:#00a86b}
.cp-case-page{background:#fcfdf9;color:var(--cp-ink)}
.cp-hero{padding-top:150px;padding-bottom:85px;display:grid;grid-template-columns:1.05fr .95fr;gap:72px;align-items:center}.cp-hero h1{font-size:clamp(66px,8vw,116px);line-height:.88;letter-spacing:-.06em;margin:22px 0}.cp-hero h2{font-size:clamp(38px,4.5vw,64px);line-height:1;letter-spacing:-.045em;margin:0}.cp-hero-lead{font-size:20px;line-height:1.55;color:#5f6d66;max-width:780px;margin:25px 0 30px}
.cp-meta-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px}.cp-meta-grid>div{border:1px solid var(--cp-line);border-radius:16px;padding:14px;background:white}.cp-meta-grid span{display:block;font-size:9px;letter-spacing:.1em;color:#7a8881;margin-bottom:5px}.cp-meta-grid b{font-size:12px}
.cp-ecosystem-card{min-height:570px;border-radius:38px;background:linear-gradient(145deg,#e9fff4,#f7fbf2);border:1px solid #d7ebe0;padding:34px;box-shadow:0 30px 70px rgba(30,80,59,.12)}.cp-ecosystem-card>span{font-size:10px;letter-spacing:.12em;color:#16835e}
.cp-ecosystem-map{position:relative;height:470px}.cp-ecosystem-map svg{position:absolute;inset:0;width:100%;height:100%;z-index:1}.cp-ecosystem-map path{fill:none;stroke:#8fcab1;stroke-width:3;stroke-dasharray:7 8}.cp-person{position:absolute;width:104px;height:104px;border-radius:30px;background:white;display:flex;flex-direction:column;align-items:center;justify-content:center;box-shadow:0 14px 30px rgba(20,80,56,.12);z-index:3;border:1px solid #dcebe3}.cp-person b{font-size:26px}.cp-person small{margin-top:5px;color:#65766e}.cp-donor{left:20px;top:42px}.cp-shopper{right:30px;top:50px;background:#c9ff83}.cp-neighbor{right:70px;bottom:35px}.cp-ngo{left:95px;bottom:28px}
.cp-kpis{display:grid;grid-template-columns:repeat(3,1fr);gap:14px;padding-bottom:30px}.cp-kpis article{border:1px solid var(--cp-line);background:#fff;border-radius:22px;padding:24px}.cp-kpis span{font-size:10px;letter-spacing:.08em;color:#6d7d75}.cp-kpis strong{display:block;font-size:44px;color:#0a9c68;margin:8px 0}.cp-kpis p{font-size:13px;color:#65746d;margin:0}
.cp-section{padding-top:110px;padding-bottom:110px}.cp-section-head{display:flex;gap:12px;align-items:center;margin-bottom:38px}.cp-section-head>span{font-size:11px;border:1px solid #cedbd4;border-radius:999px;padding:6px 9px}.cp-section-head p{font-size:10px;letter-spacing:.12em;margin:0}.cp-section h2,.cp-close h2{font-size:clamp(40px,5vw,70px);line-height:1.02;letter-spacing:-.045em;margin:0 0 32px;max-width:1000px}.cp-two-col{display:grid;grid-template-columns:1.05fr .95fr;gap:70px}.cp-two-col p,.cp-intro{font-size:18px;line-height:1.58;color:#5f6e66}.cp-hypothesis{background:#e8fff3;border-radius:26px;padding:32px;border:1px solid #caead9}.cp-hypothesis small{font-size:10px;letter-spacing:.11em;color:#15825c}.cp-hypothesis strong{display:block;font-size:24px;line-height:1.3;margin:12px 0 20px}.cp-channel-tags{display:flex;gap:8px;flex-wrap:wrap}.cp-channel-tags span{padding:8px 10px;border-radius:999px;background:white;font-size:11px}
.cp-soft{background:#f3f8f4}.cp-blueprint{border:1px solid #d8e4dc;border-radius:26px;overflow:hidden;background:white}.cp-blueprint-row{display:grid;grid-template-columns:210px 1fr;border-bottom:1px solid #e3ebe6}.cp-blueprint-row:last-child{border-bottom:0}.cp-blueprint-row span{padding:22px;font-weight:700;background:#f8fbf9}.cp-blueprint-row p{padding:22px;margin:0;color:#5e6c65;line-height:1.55}.cp-piggyback{margin-top:28px;border-radius:26px;padding:32px;background:#0b4737;color:white;display:grid;grid-template-columns:.8fr 1.2fr;gap:34px}.cp-piggyback .eyebrow{color:#bfe6d6}.cp-piggyback h3{font-size:27px;margin:10px 0}.cp-piggyback>p{line-height:1.6;color:#cae3d9}
.cp-phone-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:18px;margin-top:46px}.cp-screen-card>span{display:block;color:#08a36d;font-size:11px;font-weight:700;margin-top:17px}.cp-screen-card h3{font-size:18px;margin:6px 0}.cp-screen-card>p{font-size:13px;line-height:1.5;color:#65736c}.cp-phone-ui{aspect-ratio:394/760;border:6px solid #18211e;border-radius:32px;background:#fff;padding:26px 16px 18px;box-shadow:0 20px 44px rgba(28,62,48,.14);overflow:hidden}.cp-phone-status{font-size:11px;font-weight:700}.cp-camera-box{height:270px;margin-top:24px;border-radius:22px;background:#10241d;color:white;display:flex;flex-direction:column;align-items:center;justify-content:center;border:2px solid #62d8aa}.cp-camera-box span{font-size:60px}.cp-camera-box b{font-size:13px;margin-top:10px}.cp-toggle{display:flex;background:#eef4f0;border-radius:12px;padding:5px;margin-top:18px}.cp-toggle>*{flex:1;padding:8px;text-align:center;font-size:10px}.cp-toggle b{background:white;border-radius:9px}.cp-scan p{text-align:center;font-size:11px;color:#667770}.cp-scan a{display:block;text-align:center;font-size:10px;color:#049966}.cp-product-card{display:flex;gap:10px;align-items:center;padding:12px;border:1px solid #e0e9e4;border-radius:15px;margin-top:18px}.cp-food-icon{width:42px;height:42px;border-radius:10px;background:#e7f9ef;display:grid;place-items:center}.cp-product-card small,.cp-product-card b,.cp-product-card span{display:block}.cp-product-card small{font-size:8px;color:#0aa36e}.cp-product-card b{font-size:11px;margin:3px 0}.cp-product-card span{font-size:9px;color:#85938c}.cp-phone-ui label{display:block;font-size:9px;color:#7a8882;margin:18px 0 6px}.cp-date{padding:12px;background:#f5f8f6;border-radius:11px;font-size:12px}.cp-check{font-size:10px;padding:12px 4px;border-bottom:1px solid #eef1ef;color:#385247}.cp-check:first-letter{color:#00a86b}.cp-choice{border:1px solid #dfe8e3;border-radius:15px;padding:15px;margin-top:13px}.cp-choice.active{border-color:#00a86b;background:#eafff4}.cp-choice b{font-size:12px;display:block}.cp-choice span{font-size:9px;color:#718078;display:block;margin-top:5px;line-height:1.35}.cp-qr{text-align:center;padding-top:70px}.cp-qr-code{font-size:88px}.cp-qr strong{display:block;font-size:23px;margin:8px}.cp-qr p{font-size:10px;line-height:1.5;color:#65736d}.cp-qr button{border:0;background:#00a86b;color:white;border-radius:12px;padding:12px 14px;font-weight:700;font-size:10px;margin-top:18px}
.cp-edge-section{background:#f8f4ea}.cp-edge-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}.cp-edge-grid article{background:white;border-radius:22px;padding:26px;border:1px solid #e8e0d2}.cp-edge-grid article>span{font-size:10px;color:#ae7d29}.cp-edge-grid h3{font-size:21px;margin:20px 0 8px}.cp-edge-grid p{font-size:13px;line-height:1.55;color:#6b6c64}
.cp-impact-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:14px;margin-bottom:42px}.cp-impact-grid article{background:#0b4b39;color:white;border-radius:20px;padding:22px}.cp-impact-grid span{font-size:10px;color:#bfe0d3}.cp-impact-grid strong{display:block;font-size:34px;margin-top:8px}.cp-metric-table{border:1px solid #dce5df;border-radius:22px;overflow:hidden}.cp-metric-row{display:grid;grid-template-columns:1.1fr .7fr 1.7fr;align-items:center;border-bottom:1px solid #e2e9e5;background:white}.cp-metric-row:last-child{border-bottom:0}.cp-metric-row>*{padding:18px;margin:0}.cp-metric-row p{font-size:13px;color:#627069;line-height:1.45}.cp-metric-row.head{background:#f5f8f6;font-size:10px;letter-spacing:.08em;color:#748079}
.cp-dark{background:#092d24;color:white}.cp-dark h2{color:white}.cp-learning-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:14px}.cp-learning-grid article{padding:24px;border-radius:22px;background:rgba(255,255,255,.07);border:1px solid rgba(255,255,255,.12)}.cp-learning-grid article>span{font-size:10px;color:#c9ff83}.cp-learning-grid h3{font-size:20px;margin:20px 0 8px}.cp-learning-grid p{font-size:13px;line-height:1.55;color:#c6ddd4}.cp-close{text-align:center;padding-top:110px;padding-bottom:120px}.cp-close h2{margin-left:auto;margin-right:auto}.cp-close>p:not(.eyebrow){max-width:820px;margin:0 auto 32px;color:#5f6e66;line-height:1.6}
@media(max-width:980px){.cp-hero,.cp-two-col{grid-template-columns:1fr}.cp-phone-grid{grid-template-columns:1fr 1fr}.cp-learning-grid,.cp-impact-grid{grid-template-columns:1fr 1fr}.cp-piggyback{grid-template-columns:1fr}}
@media(max-width:650px){.cp-kpis,.cp-edge-grid,.cp-learning-grid,.cp-impact-grid,.cp-meta-grid{grid-template-columns:1fr}.cp-phone-grid{grid-template-columns:1fr}.cp-screen-card{max-width:320px;margin:0 auto}.cp-blueprint-row{grid-template-columns:1fr}.cp-blueprint-row span{padding-bottom:6px}.cp-blueprint-row p{padding-top:6px}.cp-metric-row{grid-template-columns:1fr}.cp-metric-row.head{display:none}.cp-route{right:18px}.cp-node{width:58px;height:58px}.cp-kpi-pill{left:24px}.cp-cover-copy{left:24px;top:28px}}

/* ===== CornerPeople real mockups + Cornershop brand ===== */
:root{
  --cp-coral:#ff4f61;
  --cp-coral-dark:#e94458;
  --cp-purple:#b45cff;
  --cp-purple-dark:#8f36e7;
  --cp-ink:#191919;
  --cp-soft:#f3f2f7;
  --cp-line:#e7e4ec;
}

/* External cover */
.cornerpeople-cover-real{
  background:
    radial-gradient(circle at 84% 18%, rgba(180,92,255,.74), transparent 31%),
    linear-gradient(145deg,#ff5a6c 0%,#ff4f61 42%,#bc58fa 100%);
}
.cp-cover-glow{position:absolute;border-radius:50%;filter:blur(7px)}
.cp-cover-glow-a{width:240px;height:240px;right:-55px;top:-60px;background:rgba(255,255,255,.18)}
.cp-cover-glow-b{width:180px;height:180px;left:-40px;bottom:-50px;background:rgba(57,7,76,.16)}
.cp-cover-copy-real{z-index:8;max-width:52%}
.cp-home-brand{display:flex;flex-direction:column;align-items:flex-start;gap:10px;margin-bottom:8px}
.cp-home-logo,.cp-case-logo,.cp-internal-logo{display:inline-flex;align-items:center;justify-content:center;background:#fff;border-radius:999px;box-shadow:0 12px 30px rgba(64,12,80,.15)}
.cp-home-logo{padding:8px 12px}
.cp-home-logo img{display:block;width:118px;height:auto}
.cp-cover-copy-real>strong{font-size:36px;color:#fff;margin:8px 0}
.cp-cover-copy-real>small,.cp-home-brand>span{color:rgba(255,255,255,.86)}
.cp-device{position:relative;background:#000;border:6px solid #000;border-radius:38px;overflow:hidden;box-shadow:0 28px 60px rgba(51,20,64,.28)}
.cp-device>img{display:block;width:100%;height:100%;object-fit:contain;background:#fff}
.cp-iphone-notch{position:absolute;top:7px;left:50%;transform:translateX(-50%);width:68px;height:19px;border-radius:0 0 13px 13px;background:#000;z-index:5}
.cp-device-cover-main{position:absolute;width:178px;height:386px;right:36px;bottom:-28px;transform:rotate(5deg);z-index:6}
.cp-device-cover-back{position:absolute;width:150px;height:325px;right:166px;bottom:-60px;transform:rotate(-8deg);z-index:4;opacity:.93}
.cp-kpi-pill-real{background:#fff;color:#222;box-shadow:0 14px 34px rgba(56,20,70,.18)}
.cp-kpi-pill-real b{color:var(--cp-coral)}

/* Hero */
.cp-hero-stage{position:relative;min-height:590px;border-radius:40px;background:linear-gradient(145deg,#fff4f6 0%,#f5efff 58%,#efe9ff 100%);border:1px solid #eadfea;overflow:hidden}
.cp-stage-glow{position:absolute;border-radius:50%}.cp-stage-glow-purple{width:360px;height:360px;background:rgba(180,92,255,.21);right:-80px;top:-60px}.cp-stage-glow-coral{width:240px;height:240px;background:rgba(255,79,97,.18);left:-70px;bottom:-45px}
.cp-case-logo{position:absolute;left:30px;top:30px;z-index:8;padding:10px 15px}.cp-case-logo img{display:block;width:150px;height:auto}
.cp-hero-phone-main{position:absolute;width:238px;height:515px;right:56px;bottom:-24px;transform:rotate(4deg);z-index:5}
.cp-hero-phone-back{position:absolute;width:192px;height:416px;left:42px;bottom:-48px;transform:rotate(-8deg);z-index:3;opacity:.96}
.cp-hero-badge{position:absolute;left:32px;top:118px;z-index:7;background:rgba(255,255,255,.95);border:1px solid #eadfea;border-radius:18px;padding:15px 17px;box-shadow:0 14px 34px rgba(81,30,94,.10);max-width:220px}.cp-hero-badge span{display:block;font-size:9px;letter-spacing:.11em;color:var(--cp-coral)}.cp-hero-badge strong{display:block;margin-top:5px;font-size:13px;line-height:1.35}
.cp-prototype-button{margin-top:16px;display:flex;justify-content:space-between;align-items:center;text-decoration:none;background:var(--cp-coral);color:white;padding:15px 18px;border-radius:15px;font-weight:700;box-shadow:0 12px 28px rgba(255,79,97,.22)}
.cp-kpis article{border-color:#f0dfe4}.cp-kpis strong{color:var(--cp-coral)}

/* Brand palette in strategic sections */
.cp-hypothesis{background:#fff0f3;border-color:#ffd5dc}
.cp-channel-tags span{border:1px solid #ffd8de}
.cp-soft{background:#f5f2f8}
.cp-piggyback{background:linear-gradient(135deg,#7e2ed0,#b45cff)}
.cp-piggyback .eyebrow{color:#f2dfff}
.cp-edge-section{background:#fff4f1}
.cp-impact-grid article{background:linear-gradient(145deg,#ff4f61,#ed4058)}
.cp-dark{background:linear-gradient(145deg,#351644,#6d258d 62%,#9c42cf)}
.cp-learning-grid article>span{color:#ffbec7}

/* Internal branded cover */
.cp-product-cover{margin-top:28px;margin-bottom:36px;min-height:630px;padding:58px 58px;border-radius:40px;background:linear-gradient(135deg,#ff5366 0%,#ff5366 30%,#b45cff 100%);color:#fff;display:grid;grid-template-columns:.88fr 1.12fr;gap:42px;align-items:center;overflow:hidden;position:relative;box-shadow:0 28px 70px rgba(119,42,129,.15)}
.cp-product-cover-copy{position:relative;z-index:6}.cp-internal-logo{padding:9px 14px;margin-bottom:24px}.cp-internal-logo img{display:block;width:145px;height:auto}.cp-product-cover .eyebrow{color:#ffe4e8}.cp-product-cover h2{font-size:clamp(42px,5vw,68px);line-height:.99;letter-spacing:-.045em;color:#fff;margin:12px 0 20px}.cp-product-cover p:not(.eyebrow){font-size:17px;line-height:1.55;color:rgba(255,255,255,.84);max-width:570px}
.cp-inline-prototype{display:inline-flex;margin-top:22px;padding:12px 15px;background:#fff;color:#f0475b;border-radius:13px;text-decoration:none;font-weight:700}
.cp-product-cover-art{position:relative;min-height:510px}.cp-product-orb{position:absolute;width:390px;height:390px;border-radius:50%;right:-20px;top:50px;background:rgba(255,255,255,.13)}
.cp-internal-phone{position:absolute;width:166px;height:360px;border-radius:34px;border-width:5px}.cp-internal-phone .cp-iphone-notch{width:54px;height:15px;top:5px}
.cp-internal-phone-a{left:6px;top:118px;transform:rotate(-10deg);z-index:2}.cp-internal-phone-b{left:174px;top:38px;transform:rotate(-1deg);z-index:5}.cp-internal-phone-c{right:4px;top:96px;transform:rotate(9deg);z-index:3}

/* Real flow */
.cp-real-flow{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:54px 34px;align-items:start;margin-top:56px}
.cp-real-flow-card{min-width:0}.cp-flow-card-offset{padding-top:70px}.cp-flow-card-large .cp-iphone13mini{transform:scale(1.035)}
.cp-iphone13mini{width:min(100%,235px);aspect-ratio:375/812;margin:0 auto;border-radius:42px;border-width:6px;box-shadow:0 24px 55px rgba(79,35,93,.15);transition:transform .25s ease,box-shadow .25s ease}.cp-iphone13mini:hover{transform:translateY(-5px);box-shadow:0 30px 65px rgba(79,35,93,.22)}.cp-iphone13mini .cp-iphone-notch{width:70px;height:20px}
.cp-real-copy{padding:20px 8px 0}.cp-real-copy>span{font-size:11px;font-weight:700;color:var(--cp-coral)}.cp-real-copy h3{font-size:19px;line-height:1.2;margin:7px 0 8px}.cp-real-copy p{font-size:13px;line-height:1.55;color:#6f6872;margin:0}
.cp-prototype-strip{margin-top:78px;border-radius:28px;padding:32px 36px;background:linear-gradient(135deg,#2b1434,#6d258d);color:#fff;display:grid;grid-template-columns:1fr auto;gap:35px;align-items:center}.cp-prototype-strip .eyebrow{color:#e8c6f6}.cp-prototype-strip h3{font-size:28px;margin:8px 0}.cp-prototype-strip p:not(.eyebrow){margin:0;color:#dccde1;max-width:680px;line-height:1.5}.cp-prototype-strip a{display:inline-flex;text-decoration:none;background:#ff4f61;color:white;padding:14px 17px;border-radius:14px;font-weight:700;white-space:nowrap}

@media(max-width:1000px){
  .cp-product-cover{grid-template-columns:1fr;padding:44px}
  .cp-product-cover-art{min-height:480px}
  .cp-real-flow{grid-template-columns:1fr 1fr}
}
@media(max-width:720px){
  .cp-hero-stage{min-height:500px}
  .cp-case-logo img{width:125px}
  .cp-hero-phone-main{width:188px;height:407px;right:20px}
  .cp-hero-phone-back{width:150px;height:325px;left:18px}
  .cp-product-cover{padding:30px 22px}.cp-product-cover-art{min-height:400px}
  .cp-internal-phone{width:132px;height:286px}.cp-internal-phone-a{left:0}.cp-internal-phone-b{left:31%}.cp-internal-phone-c{right:0}
  .cp-prototype-strip{grid-template-columns:1fr}
}
@media(max-width:560px){
  .cp-real-flow{grid-template-columns:1fr}.cp-flow-card-offset{padding-top:0}
  .cp-real-flow-card{max-width:310px;margin:0 auto}.cp-iphone13mini{max-width:255px}
  .cp-device-cover-back{display:none}.cp-device-cover-main{right:16px;width:155px;height:336px}
  .cp-cover-copy-real{left:24px;top:28px;max-width:54%}.cp-home-logo img{width:100px}
}

/* CornerPeople — normalized iPhone 13 mini devices */
.cp-device{
  box-sizing:border-box;
  aspect-ratio:375 / 812;
  height:auto!important;
  background:#050505;
}
.cp-device>img{
  width:100%;
  height:100%;
  object-fit:cover;
  object-position:center top;
}
.cp-device-cover-main{width:178px!important;height:auto!important}
.cp-device-cover-back{width:150px!important;height:auto!important}
.cp-hero-phone-main{width:238px!important;height:auto!important}
.cp-hero-phone-back{width:192px!important;height:auto!important}
.cp-internal-phone{width:166px!important;height:auto!important}
.cp-iphone13mini{width:min(100%,235px)!important;height:auto!important;aspect-ratio:375 / 812!important}
@media(max-width:720px){
  .cp-hero-phone-main{width:188px!important;height:auto!important}
  .cp-hero-phone-back{width:150px!important;height:auto!important}
  .cp-internal-phone{width:132px!important;height:auto!important}
}
@media(max-width:560px){
  .cp-device-cover-main{width:155px!important;height:auto!important}
}

/* ===== CornerPeople device cleanup: screenshots already include native top bars ===== */
.cp-device{
  background:#000;
  border:7px solid #000;
  border-radius:46px;
  overflow:hidden;
  box-shadow:0 26px 60px rgba(49,22,58,.20);
}
.cp-device > img{
  width:100%;
  height:100%;
  display:block;
  object-fit:cover;
  object-position:top center;
  background:#fff;
}

/* No synthetic notch: uploaded mockups already contain their own status bar. */
.cp-iphone-notch{display:none!important}

/* iPhone 13 mini-like proportions for portrait screenshots */
.cp-iphone13mini{
  width:min(100%,240px);
  aspect-ratio:375/812;
  border-radius:46px;
  border-width:7px;
}
.cp-iphone13mini > img{
  object-fit:cover;
  object-position:top center;
}

/* Hero and cover devices: use exact screenshot proportions rather than fixed arbitrary heights */
.cp-hero-phone-main{
  width:235px;
  height:auto;
  aspect-ratio:375/812;
}
.cp-hero-phone-back{
  width:188px;
  height:auto;
  aspect-ratio:375/812;
}
.cp-device-cover-main{
  width:176px;
  height:auto;
  aspect-ratio:375/812;
}
.cp-device-cover-back{
  width:148px;
  height:auto;
  aspect-ratio:375/812;
}
.cp-internal-phone{
  width:166px;
  height:auto;
  aspect-ratio:375/812;
}

/* Some source screenshots are 750px wide but retain the same iPhone portrait ratio.
   Covering the full device eliminates the white gap/floating top-bar effect. */
.cp-device img[src*="cornerpeople-home"],
.cp-device img[src*="cornerpeople-my-donations"],
.cp-device img[src*="cornerpeople-form-filled"],
.cp-device img[src*="cornerpeople-form-empty"],
.cp-device img[src*="cornerpeople-donation-type"],
.cp-device img[src*="cornerpeople-product-detail"]{
  object-fit:cover;
  object-position:top center;
}

/* Slightly tighter framing for the very tall source captures */
.cp-device img[src*="cornerpeople-home"],
.cp-device img[src*="cornerpeople-my-donations"],
.cp-device img[src*="cornerpeople-product-detail"],
.cp-device img[src*="cornerpeople-form-filled"]{
  transform:scale(1.002);
  transform-origin:top center;
}

@media(max-width:720px){
  .cp-hero-phone-main{width:188px}
  .cp-hero-phone-back{width:150px}
  .cp-internal-phone{width:132px}
}
@media(max-width:560px){
  .cp-device-cover-main{width:155px}
}


/* ===== Contact — editorial social row ===== */
.contact{
  min-height:620px;
  display:flex;
  flex-direction:column;
  align-items:center;
  justify-content:center;
  text-align:center;
  padding-top:110px;
  padding-bottom:110px;
}
.contact .eyebrow{
  margin:0 0 34px;
}
.contact-statement{
  max-width:1050px;
  margin:0 auto;
  font-size:clamp(38px,5vw,78px);
  line-height:1.02;
  letter-spacing:-0.045em;
  font-weight:500;
  text-wrap:balance;
}
.contact-actions{
  display:flex;
  align-items:center;
  justify-content:center;
  gap:12px;
  margin-top:52px;
}
.contact-icon-link{
  width:54px;
  height:54px;
  border:1px solid rgba(17,17,17,.16);
  border-radius:50%;
  display:grid;
  place-items:center;
  color:#111;
  background:rgba(255,255,255,.38);
  transition:transform .2s ease, background-color .2s ease, color .2s ease, border-color .2s ease;
}
.contact-icon-link svg{
  width:21px;
  height:21px;
  fill:none;
  stroke:currentColor;
  stroke-width:1.7;
  stroke-linecap:round;
  stroke-linejoin:round;
}
.contact-icon-link:hover,
.contact-icon-link:focus-visible{
  background:#111;
  color:#fff;
  border-color:#111;
  transform:translateY(-3px);
}
.contact-icon-link:focus-visible{
  outline:2px solid #111;
  outline-offset:4px;
}
@media(max-width:760px){
  .contact{
    min-height:540px;
    padding-top:90px;
    padding-bottom:90px;
  }
  .contact .eyebrow{margin-bottom:26px}
  .contact-statement{
    font-size:clamp(34px,10vw,52px);
    line-height:1.04;
  }
  .contact-actions{margin-top:38px}
  .contact-icon-link{
    width:50px;
    height:50px;
  }
}


/* =========================================================
   MOBILE / RESPONSIVE AUDIT — portfolio-wide hardening
   ========================================================= */
html,body{max-width:100%;overflow-x:hidden}
img,svg,video,iframe{max-width:100%}
*{min-width:0}

/* Home case grid */
@media(max-width:860px){
  .case-grid,
  .additional-cases-row{
    grid-template-columns:1fr!important;
    gap:56px!important;
  }
  .small-case .small-case-link{
    min-height:0!important;
    grid-template-rows:auto 24px auto auto 28px!important;
  }
  .small-case .small-visual,
  .lumi-card-art,
  .localia-food-cover{
    width:100%!important;
    height:auto!important;
    min-height:0!important;
    aspect-ratio:16/10!important;
  }
  .small-case h3{font-size:30px}
  .small-case p{font-size:23px;line-height:1.2}
}

/* Keep all cover art inside its card on tablets/mobile */
@media(max-width:760px){
  .small-visual{overflow:hidden!important;isolation:isolate}
  .global66-cover-real,
  .cornerpeople-cover-real,
  .lumi-card-art,
  .localia-food-cover{
    aspect-ratio:1.35/1!important;
    min-height:0!important;
    height:auto!important;
  }

  /* GLOBAL66 HOME COVER */
  .global66-cover-real .g66-cover-copy{
    left:24px!important;
    top:26px!important;
    max-width:48%!important;
    z-index:10!important;
  }
  .g66-home-logo-lockup{gap:8px!important;margin-bottom:8px!important}
  .g66-home-logo{padding:6px 10px!important}
  .g66-home-logo img{width:104px!important}
  .global66-cover-real .g66-cover-title{
    max-width:100%!important;
    font-size:30px!important;
    line-height:1!important;
    margin:6px 0 10px!important;
  }
  .global66-cover-real .g66-cover-copy small{
    font-size:13px!important;
    line-height:1.3!important;
    display:block!important;
  }
  .global66-cover-real .g66-cover-copy span{
    font-size:9px!important;
    line-height:1.35!important;
  }
  .g66-cover-phone-back{display:none!important}
  .g66-cover-phone-main{
    width:43%!important;
    height:auto!important;
    aspect-ratio:375/812!important;
    right:1.5%!important;
    bottom:-8%!important;
    transform:rotate(3deg)!important;
    border-width:5px!important;
    border-radius:28px!important;
  }
  .g66-cover-phone-main img{object-fit:cover!important;object-position:top center!important}
  .g66-cover-pill{
    left:24px!important;
    bottom:24px!important;
    padding:9px 11px!important;
    border-radius:13px!important;
  }
  .g66-cover-pill span{font-size:8px!important}
  .g66-cover-pill b{font-size:13px!important}

  /* CORNERPEOPLE HOME COVER */
  .cornerpeople-cover-real .cp-cover-copy-real{
    left:24px!important;
    top:26px!important;
    max-width:48%!important;
    z-index:10!important;
  }
  .cp-home-brand{gap:8px!important;margin-bottom:8px!important}
  .cp-home-logo{padding:6px 10px!important}
  .cp-home-logo img{width:98px!important}
  .cornerpeople-cover-real .cp-cover-copy-real>strong{
    font-size:30px!important;
    line-height:1!important;
    margin:8px 0 10px!important;
    max-width:100%!important;
    overflow-wrap:anywhere;
  }
  .cornerpeople-cover-real .cp-cover-copy-real>small{
    font-size:13px!important;
    line-height:1.3!important;
    display:block!important;
  }
  .cornerpeople-cover-real .cp-home-brand>span{
    font-size:9px!important;
    line-height:1.35!important;
  }
  .cp-device-cover-back{display:none!important}
  .cp-device-cover-main{
    width:43%!important;
    height:auto!important;
    aspect-ratio:375/812!important;
    right:1.5%!important;
    bottom:-8%!important;
    transform:rotate(3deg)!important;
    border-width:5px!important;
    border-radius:28px!important;
  }
  .cp-device-cover-main>img{
    object-fit:cover!important;
    object-position:top center!important;
  }
  .cp-kpi-pill-real{
    left:24px!important;
    bottom:24px!important;
    padding:9px 11px!important;
    border-radius:13px!important;
  }
  .cp-kpi-pill-real span{font-size:8px!important}
  .cp-kpi-pill-real b{font-size:18px!important}
}

/* Phones get even lighter on narrow screens */
@media(max-width:520px){
  .global66-cover-real,
  .cornerpeople-cover-real,
  .lumi-card-art,
  .localia-food-cover{
    aspect-ratio:1.08/1!important;
  }

  .global66-cover-real .g66-cover-copy,
  .cornerpeople-cover-real .cp-cover-copy-real{
    left:20px!important;
    top:22px!important;
    max-width:50%!important;
  }
  .global66-cover-real .g66-cover-title,
  .cornerpeople-cover-real .cp-cover-copy-real>strong{
    font-size:25px!important;
  }
  .global66-cover-real .g66-cover-copy small,
  .cornerpeople-cover-real .cp-cover-copy-real>small{
    font-size:11px!important;
  }
  .g66-cover-phone-main,
  .cp-device-cover-main{
    width:46%!important;
    right:-1%!important;
    bottom:-5%!important;
  }
  .g66-cover-pill,
  .cp-kpi-pill-real{
    left:20px!important;
    bottom:20px!important;
  }
}

/* GENERAL CASE-PAGE RESPONSIVENESS */
@media(max-width:900px){
  .g66-hero,.cp-hero,
  .g66-two-col,.cp-two-col,
  .g66-prototype-inner,
  .cp-product-cover,
  .g66-experience-cover{
    grid-template-columns:1fr!important;
  }
  .g66-hero,.cp-hero{
    gap:46px!important;
    padding-top:110px!important;
  }
  .g66-info{grid-template-columns:1fr 1fr!important}
  .g66-root-grid,.g66-competitors,.g66-econ-grid,
  .cp-kpis,.cp-impact-grid,.cp-learning-grid{
    grid-template-columns:1fr 1fr!important;
  }
  .g66-flow-gallery{grid-template-columns:repeat(2,minmax(0,1fr))!important}
  .cp-real-flow{grid-template-columns:repeat(2,minmax(0,1fr))!important}
  .cp-flow-card-offset{padding-top:0!important}
  .g66-table-wrap,.cp-metric-table{overflow-x:auto;-webkit-overflow-scrolling:touch}
  .g66-table{min-width:720px}
}

/* Internal cover compositions */
@media(max-width:760px){
  .g66-hero-stage,.cp-hero-stage{min-height:500px!important}
  .g66-experience-cover,.cp-product-cover{
    padding:30px 22px!important;
    border-radius:28px!important;
  }
  .g66-experience-cover h2,.cp-product-cover h2{
    font-size:clamp(36px,10vw,52px)!important;
  }

  .g66-experience-cover-art,.cp-product-cover-art{
    min-height:390px!important;
    width:100%!important;
    overflow:hidden!important;
  }
  .g66-flow-device,.cp-internal-phone{
    width:29%!important;
    max-width:145px!important;
    height:auto!important;
    aspect-ratio:375/812!important;
    border-radius:26px!important;
    border-width:4px!important;
  }
  .g66-flow-device-a,.cp-internal-phone-a{left:1%!important;top:75px!important}
  .g66-flow-device-b,.cp-internal-phone-b{left:35%!important;top:28px!important}
  .g66-flow-device-c,.cp-internal-phone-c{right:1%!important;top:68px!important}
  .g66-float-rate{right:8px!important;bottom:6px!important}

  .g66-device-hero-main,.cp-hero-phone-main{
    width:44%!important;
    max-width:215px!important;
    height:auto!important;
    aspect-ratio:375/812!important;
    right:5%!important;
  }
  .g66-device-hero-back,.cp-hero-phone-back{
    width:34%!important;
    max-width:165px!important;
    height:auto!important;
    aspect-ratio:375/812!important;
    left:5%!important;
  }
  .g66-stage-callout,.cp-hero-badge{
    left:18px!important;top:18px!important;
    max-width:180px!important;
  }

  .cp-blueprint-row{grid-template-columns:1fr!important}
  .cp-blueprint-row span{padding-bottom:6px!important}
  .cp-blueprint-row p{padding-top:6px!important}
  .cp-piggyback{grid-template-columns:1fr!important}
  .cp-prototype-strip{grid-template-columns:1fr!important}
}

/* Narrow phones */
@media(max-width:560px){
  .shell{width:min(100% - 28px,1180px)!important}
  .site-header{width:calc(100% - 12px)!important}
  .site-header nav{display:none!important}

  .g66-info,.g66-root-grid,.g66-competitors,.g66-econ-grid,
  .cp-kpis,.cp-impact-grid,.cp-learning-grid,
  .cp-meta-grid,.cp-edge-grid{
    grid-template-columns:1fr!important;
  }
  .g66-flow-gallery,.cp-real-flow{
    grid-template-columns:1fr!important;
  }
  .g66-gallery-device,.cp-iphone13mini{
    max-width:250px!important;
    margin-inline:auto!important;
  }
  .g66-flow-card,.cp-real-flow-card{
    max-width:310px!important;
    margin-inline:auto!important;
  }

  .cp-metric-row{grid-template-columns:1fr!important}
  .cp-metric-row.head{display:none!important}

  .g66-hero h2,.cp-hero h2{
    font-size:clamp(34px,10vw,48px)!important;
  }
  .g66-hero-lead,.cp-hero-lead{
    font-size:17px!important;
  }
  .g66-hero-stage,.cp-hero-stage{min-height:440px!important}

  .g66-device-hero-main,.cp-hero-phone-main{width:48%!important;right:2%!important}
  .g66-device-hero-back,.cp-hero-phone-back{width:38%!important;left:2%!important}

  .g66-experience-cover-art,.cp-product-cover-art{min-height:340px!important}
  .g66-flow-device,.cp-internal-phone{max-width:112px!important}
  .g66-flow-device-a,.cp-internal-phone-a{top:76px!important}
  .g66-flow-device-b,.cp-internal-phone-b{top:32px!important}
  .g66-flow-device-c,.cp-internal-phone-c{top:70px!important}

  .contact-statement{font-size:clamp(32px,10vw,48px)!important}
  .footer{gap:18px;flex-wrap:wrap}
}

/* ===== Super DS case — Unimarc-inspired, Plus Jakarta Sans ===== */
.sds-page,.superds-cover,.superds-principle-card{font-family:"Plus Jakarta Sans",sans-serif}.sds-page{--sds-red:#e1251b;--sds-red-dark:#b51d16;--sds-ink:#171717;--sds-soft:#f5f3f0;--sds-line:#dedbd6;background:#fff;color:var(--sds-ink)}
.superds-cover{position:relative;overflow:hidden;background:#f4f1ed;color:#171717}.sds-grid{position:absolute;inset:0;background-image:linear-gradient(rgba(0,0,0,.055) 1px,transparent 1px),linear-gradient(90deg,rgba(0,0,0,.055) 1px,transparent 1px);background-size:32px 32px}.sds-orb{position:absolute;width:270px;height:270px;border-radius:50%;background:#e1251b;right:-90px;top:-100px}.sds-cover-copy{position:absolute;left:34px;top:34px;z-index:3;max-width:48%;display:flex;flex-direction:column}.sds-cover-copy span{font-size:9px;letter-spacing:.13em}.sds-cover-copy strong{font-size:46px;letter-spacing:-.055em;margin:8px 0}.sds-cover-copy small{font-size:16px}.sds-token{position:absolute;background:#fff;border:1px solid #ddd7d0;border-radius:14px;padding:12px 14px;box-shadow:0 15px 35px rgba(0,0,0,.08);display:grid;grid-template-columns:auto 1fr;gap:3px 9px;z-index:3}.sds-token i{width:18px;height:18px;border-radius:5px;background:#e1251b;grid-row:1/3}.sds-token b{font-size:10px}.sds-token span{font-size:9px;color:#777}.sds-token.t1{left:34px;bottom:38px}.sds-token.t2{left:205px;bottom:80px}.sds-component-card{position:absolute;right:34px;bottom:-24px;width:190px;background:#fff;border-radius:22px;padding:17px;box-shadow:0 25px 60px rgba(0,0,0,.18);z-index:4;transform:rotate(3deg)}.sds-component-card>span{font-size:8px;letter-spacing:.12em}.sds-product-img{height:112px;border-radius:14px;background:#f4f1ed;display:grid;place-items:center;color:#e1251b;font-size:48px;font-weight:700;margin:12px 0}.sds-component-card b,.sds-component-card small{display:block}.sds-component-card b{font-size:13px}.sds-component-card small{font-size:12px;margin:4px 0 12px}.sds-component-card button,.sds-demo-card button,.mini-card button,.mini-pdp button,.mini-cart button{border:0;background:#e1251b;color:#fff;border-radius:10px;padding:10px 14px;font:600 11px "Plus Jakarta Sans"}.sds-flow-label{position:absolute;right:230px;top:52%;font-size:8px;letter-spacing:.12em;transform:rotate(-90deg);z-index:3}.superds-principle-card{cursor:pointer}.superds-principle-visual{aspect-ratio:16/10;background:#171717;color:#fff;padding:34px;display:flex;flex-direction:column}.superds-principle-visual>span{font-size:9px;letter-spacing:.14em;color:#aaa}.superds-principle-visual>strong{font-size:clamp(27px,3vw,43px);line-height:1.05;letter-spacing:-.045em;margin:auto 0}.sds-mini-flow{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.sds-mini-flow i{font-style:normal;background:#e1251b;border-radius:99px;padding:5px 7px;font-size:8px}.sds-mini-flow b{font-size:9px;font-weight:500}
.sds-hero{padding-top:170px;padding-bottom:100px;display:grid;grid-template-columns:1.05fr .95fr;gap:70px;align-items:center}.sds-kicker{font-size:10px;letter-spacing:.14em;font-weight:700}.sds-hero h1,.sds-section h2,.sds-dark h2,.sds-red h2,.sds-ai h2{font-family:"Plus Jakarta Sans",sans-serif;font-weight:500;letter-spacing:-.055em}.sds-hero h1{font-size:clamp(58px,7vw,108px);line-height:.92;margin:22px 0}.sds-hero h1 em,.sds-dark h2 em,.sds-ai h2 em{font-style:normal;color:#e1251b}.sds-lead{font-size:19px;line-height:1.55;max-width:720px;color:#666}.sds-tags{display:flex;gap:8px;flex-wrap:wrap;margin:28px 0}.sds-tags span{border:1px solid #d8d4ce;border-radius:99px;padding:8px 11px;font-size:10px}.sds-disclaimer{font-size:11px;color:#888;max-width:620px}.sds-hero-art{height:590px;position:relative;background:#f4f1ed;border-radius:32px;overflow:hidden;background-image:linear-gradient(rgba(0,0,0,.045) 1px,transparent 1px),linear-gradient(90deg,rgba(0,0,0,.045) 1px,transparent 1px);background-size:38px 38px}.sds-big-token,.sds-demo-button,.sds-demo-card{position:absolute;background:#fff;box-shadow:0 25px 60px rgba(0,0,0,.12)}.sds-big-token{left:8%;top:13%;padding:18px;border-radius:16px}.sds-big-token span,.sds-demo-card>span{font-size:8px;letter-spacing:.12em;color:#777}.sds-big-token b,.sds-big-token small{display:block}.sds-big-token b{font-size:14px;margin:5px 0}.sds-big-token small{color:#e1251b}.sds-demo-button{left:18%;top:48%;background:#e1251b;color:#fff;border-radius:12px;padding:15px 22px;font-size:12px;font-weight:700}.sds-demo-card{right:8%;bottom:-18px;width:230px;border-radius:24px;padding:20px}.sds-demo-product{height:160px;background:#f4f1ed;border-radius:16px;display:grid;place-items:center;color:#e1251b;font-size:64px;font-weight:700;margin:13px 0}.sds-demo-card b,.sds-demo-card small{display:block}.sds-demo-card small{margin:5px 0 14px}.sds-dark,.sds-ai{background:#171717;color:#fff}.sds-intro,.sds-section{padding-top:120px;padding-bottom:120px}.sds-dark h2,.sds-section h2,.sds-red h2,.sds-ai h2{font-size:clamp(44px,5.5vw,80px);line-height:1;margin:22px 0 55px}.sds-three{display:grid;grid-template-columns:repeat(3,1fr);border-top:1px solid rgba(128,128,128,.35)}.sds-three article{padding:28px 28px 20px 0}.sds-three span{font-size:10px;color:#999}.sds-three h3{font-size:24px;margin:40px 0 12px}.sds-three p{color:#999;line-height:1.55}.sds-section-head{display:grid;grid-template-columns:1.2fr .8fr;gap:80px;align-items:end}.sds-section-head h2{margin-bottom:0}.sds-section-head>p{font-size:17px;color:#666;line-height:1.6;margin-bottom:8px}.sds-audit{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;margin-top:70px}.sds-audit-col{border:1px solid #ddd9d3;border-radius:20px;padding:24px;display:flex;flex-direction:column;gap:12px}.sds-audit-col span,.sds-foundations article>span{font-size:9px;letter-spacing:.14em;color:#777;margin-bottom:20px}.sds-audit-col b{font-size:18px}.sds-soft{background:#f5f3f0}.sds-foundations{display:grid;grid-template-columns:1.05fr 1fr 1fr;gap:16px;margin-top:70px}.sds-foundations article{background:#fff;border-radius:24px;padding:28px;min-height:330px}.sds-type-card h3{font-size:100px;line-height:.9;margin:20px 0;color:#e1251b}.sds-type-card p,.sds-spacing p{color:#777;line-height:1.6}.sds-colors>div{display:grid;grid-template-columns:38px 1fr;gap:3px 12px;margin:14px 0}.sds-colors i{width:38px;height:38px;border-radius:10px;grid-row:1/3}.sds-colors i.red{background:#e1251b}.sds-colors i.ink{background:#171717}.sds-colors i.paper{background:#fff;border:1px solid #ddd}.sds-colors i.green{background:#178447}.sds-colors b{font-size:12px}.sds-colors small{color:#888}.space-bars{display:flex;align-items:flex-end;gap:10px;height:130px;margin:30px 0}.space-bars i{display:block;background:#e1251b;width:22px}.space-bars i:nth-child(1){height:24px}.space-bars i:nth-child(2){height:48px}.space-bars i:nth-child(3){height:72px}.space-bars i:nth-child(4){height:110px}.sds-anatomy{display:grid;grid-template-columns:1.1fr .9fr;gap:30px;margin-top:70px}.sds-anatomy-demo{min-height:440px;background:#f5f3f0;border-radius:28px;display:grid;place-items:center;position:relative}.sds-primary-btn{border:0;background:#e1251b;color:#fff;border-radius:12px;padding:17px 24px;font:700 14px "Plus Jakarta Sans"}.anno{position:absolute;font-style:normal;font-size:9px;background:#fff;border:1px solid #ddd;border-radius:99px;padding:7px 9px}.a1{left:8%;top:32%}.a2{right:8%;top:35%}.a3{left:10%;bottom:24%}.a4{right:10%;bottom:22%}.sds-props{border:1px solid #ddd9d3;border-radius:28px;padding:28px}.sds-props>span{font-size:9px;letter-spacing:.13em}.sds-props>div{border-top:1px solid #e5e2dd;padding:18px 0;display:grid;grid-template-columns:100px 1fr}.sds-props b{font-size:12px}.sds-props small{color:#777}.sds-red{background:#e1251b;color:#fff}.sds-pattern-flow{display:grid;grid-template-columns:1fr auto 1fr auto 1fr auto 1fr;gap:12px;align-items:center}.sds-pattern-flow div{background:#fff;color:#171717;border-radius:18px;padding:20px;min-height:105px}.sds-pattern-flow span{font-size:8px;letter-spacing:.12em;color:#888}.sds-pattern-flow b{display:block;margin-top:20px}.sds-commerce{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;margin-top:55px}.sds-commerce>article{background:#fff;color:#171717;border-radius:24px;padding:20px}.sds-commerce>article>span{font-size:9px;letter-spacing:.12em}.mini-card,.mini-pdp,.mini-cart{margin-top:18px;border:1px solid #eee;border-radius:16px;padding:16px}.mini-card i,.mini-pdp i{height:100px;background:#f5f3f0;display:grid;place-items:center;color:#e1251b;font-size:42px;font-style:normal;font-weight:700;border-radius:12px;margin-bottom:14px}.mini-card b,.mini-card small,.mini-pdp b{display:block}.mini-card small{margin:5px 0 12px}.mini-pdp p,.mini-cart p{font-size:11px;color:#777}.mini-cart p{display:flex;justify-content:space-between;border-top:1px solid #eee;border-bottom:1px solid #eee;padding:16px 0}.sds-governance{display:grid;grid-template-columns:1fr auto 1fr auto 1fr auto 1fr;gap:12px;align-items:center;margin-top:70px}.sds-governance div{border:1px solid #ddd9d3;border-radius:20px;padding:22px;min-height:160px}.sds-governance i{font-style:normal;font-size:9px;color:#e1251b}.sds-governance b,.sds-governance small{display:block}.sds-governance b{margin:25px 0 8px}.sds-governance small{color:#777;line-height:1.4}.sds-decision{margin-top:55px;border-top:1px solid #ddd9d3}.sds-decision h3{font-size:28px}.sds-decision>div{display:grid;grid-template-columns:180px 1fr;border-top:1px solid #eee;padding:17px 0}.sds-decision p{margin:0;color:#777}.sds-metrics{display:grid;grid-template-columns:repeat(3,1fr);gap:14px;margin-top:65px}.sds-metrics article{background:#fff;border-radius:20px;padding:24px;min-height:160px}.sds-metrics b{display:block;font-size:19px;margin-bottom:40px}.sds-metrics span{font-size:12px;color:#777;line-height:1.5}.sds-note{font-size:11px;color:#888;margin-top:20px}.sds-ai h2 em{color:#ff6259}.sds-ai-flow{display:grid;grid-template-columns:1fr auto 1fr auto 1fr auto 1fr auto 1fr;gap:10px;align-items:center;margin:55px 0}.sds-ai-flow div{border:1px solid #444;border-radius:16px;padding:20px;text-align:center;font-size:12px}.sds-ai .sds-section>p:last-child{max-width:780px;color:#aaa;font-size:18px;line-height:1.6}.sds-reflection .sds-three p{color:#777}
@media(max-width:900px){.sds-hero,.sds-section-head,.sds-anatomy{grid-template-columns:1fr}.sds-hero{padding-top:120px}.sds-hero-art{height:520px}.sds-three,.sds-audit,.sds-foundations,.sds-commerce,.sds-metrics{grid-template-columns:1fr 1fr}.sds-section-head{gap:15px}.sds-pattern-flow,.sds-governance,.sds-ai-flow{grid-template-columns:1fr}.sds-pattern-flow>i,.sds-governance>span,.sds-ai-flow>i{transform:rotate(90deg);justify-self:center}}
@media(max-width:600px){.sds-hero{padding-top:105px;gap:35px}.sds-hero h1{font-size:48px}.sds-hero-art{height:430px;border-radius:24px}.sds-big-token{left:5%;top:7%;transform:scale(.86);transform-origin:top left}.sds-demo-button{left:8%;top:43%}.sds-demo-card{width:180px;right:4%}.sds-demo-product{height:115px}.sds-intro,.sds-section{padding-top:85px;padding-bottom:85px}.sds-dark h2,.sds-section h2,.sds-red h2,.sds-ai h2{font-size:40px}.sds-three,.sds-audit,.sds-foundations,.sds-commerce,.sds-metrics{grid-template-columns:1fr}.sds-props>div,.sds-decision>div{grid-template-columns:1fr;gap:7px}.sds-anatomy-demo{min-height:360px}.superds-cover{aspect-ratio:1.08/1!important}.sds-cover-copy{left:20px;top:22px;max-width:52%}.sds-cover-copy strong{font-size:31px}.sds-cover-copy small{font-size:12px}.sds-component-card{width:145px;right:12px}.sds-product-img{height:78px}.sds-token.t1{left:20px;bottom:20px}.sds-token.t2,.sds-flow-label{display:none}.superds-principle-visual{aspect-ratio:1.08/1;padding:24px}}
/* Unimarc AI Shopping Assistant — home cover */
.unimarc-agent-home{display:block!important;overflow:hidden;background:#fff!important}
.unimarc-home-cover{position:relative;display:block;min-height:600px;width:100%;overflow:hidden;border-radius:inherit;background:linear-gradient(112deg,#fff 0 54%,#ef1825 54%);color:#171717}
.unimarc-home-copy{position:absolute;z-index:3;left:5.5%;top:9%;width:47%;display:flex;flex-direction:column;align-items:flex-start}
.unimarc-home-brand{font-size:27px;font-weight:600;letter-spacing:-.04em;margin-bottom:50px}.unimarc-home-brand b{display:inline-grid;place-items:center;width:38px;height:38px;border-radius:9px;background:#e30613;color:#fff;margin-right:8px}
.unimarc-home-kicker{font-size:11px;font-weight:600;letter-spacing:.15em;margin-bottom:20px}.unimarc-home-copy strong{font-size:clamp(48px,5vw,76px);line-height:.91;letter-spacing:-.06em}.unimarc-home-copy strong em{font-style:normal;color:#e30613}.unimarc-home-copy small{font-size:17px;line-height:1.45;color:#6f6b68;max-width:520px;margin-top:22px}.unimarc-home-link{margin-top:28px;color:#8b5cf6;font-size:17px}
.unimarc-home-phone{position:absolute;z-index:3;right:8%;top:5%;width:260px;aspect-ratio:402/874;border:8px solid #111;border-radius:46px;overflow:hidden;transform:rotate(5deg);box-shadow:0 25px 65px rgba(0,0,0,.22);background:#111}.unimarc-home-phone img{width:100%;height:100%;object-fit:cover;display:block}.unimarc-home-food{position:absolute;right:31%;top:11%;font-size:58px;filter:drop-shadow(0 8px 10px rgba(0,0,0,.14))}
@media(max-width:860px){.unimarc-home-cover{min-height:690px;background:linear-gradient(165deg,#fff 0 59%,#ef1825 59%)}.unimarc-home-copy{left:7%;top:7%;width:86%}.unimarc-home-brand{margin-bottom:25px}.unimarc-home-copy strong{font-size:54px}.unimarc-home-copy small{max-width:75%}.unimarc-home-phone{width:190px;right:7%;top:auto;bottom:-8px}.unimarc-home-food{right:43%;top:auto;bottom:26%}}
@media(max-width:520px){.unimarc-home-cover{min-height:610px}.unimarc-home-copy strong{font-size:43px}.unimarc-home-copy small{font-size:14px;max-width:92%}.unimarc-home-phone{width:158px;border-width:6px;border-radius:36px}.unimarc-home-food{font-size:38px}}
}

/* Super DS — exact final artwork, intentionally unmodified */
.superds-cover-image-only{
  padding:0!important;
  background:none!important;
  overflow:hidden!important;
}
.superds-cover-image-only > img{
  display:block!important;
  width:100%!important;
  height:100%!important;
  object-fit:cover!important;
  object-position:center!important;
}
.superds-exact-internal-cover{
  padding:0!important;
  background:none!important;
  overflow:hidden!important;
  border-radius:32px;
}
.superds-exact-internal-cover > img{
  display:block!important;
  width:100%!important;
  height:auto!important;
  object-fit:contain!important;
  object-position:center!important;
}
@media(max-width:600px){
  .superds-cover-image-only > img{
    object-fit:cover!important;
    object-position:center!important;
  }
  .superds-exact-internal-cover{border-radius:22px}
}

/* Super DS exact artwork — show complete image without cropping */
.superds-cover-image-only,
.superds-exact-internal-cover{
  background:#f7f4f0!important;
  height:auto!important;
  min-height:0!important;
  aspect-ratio:3/2!important;
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  padding:0!important;
  overflow:hidden!important;
}
.superds-cover-image-only > img,
.superds-exact-internal-cover > img{
  display:block!important;
  width:100%!important;
  height:100%!important;
  object-fit:contain!important;
  object-position:center!important;
}
@media(max-width:600px){
  .superds-cover-image-only,
  .superds-exact-internal-cover{
    aspect-ratio:3/2!important;
    min-height:0!important;
  }
  .superds-cover-image-only > img,
  .superds-exact-internal-cover > img{
    object-fit:contain!important;
  }
}


/* ===== V7 — cards 07 / 08 aligned with cards 05 / 06 ===== */
.superds-row .small-case .small-case-link{
  grid-template-rows:430px 24px auto auto 28px!important;
  row-gap:14px!important;
  min-height:0!important;
}
.superds-row .small-visual,
.superds-row .future-case-visual{
  width:100%!important;
  height:430px!important;
  min-height:430px!important;
  aspect-ratio:auto!important;
}

/* Keep the exact Super DS artwork intact, but fit it inside the same 05/06 card frame. */
.superds-row .superds-cover-image-only{
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  background:#f7f4f0!important;
  padding:0!important;
}
.superds-row .superds-cover-image-only > img{
  width:100%!important;
  height:100%!important;
  object-fit:contain!important;
  object-position:center!important;
}

@media(max-width:860px){
  .superds-row .small-case .small-case-link{
    grid-template-rows:auto 24px auto auto 28px!important;
  }
  .superds-row .small-visual,
  .superds-row .future-case-visual{
    width:100%!important;

/* ===== V9.3 — Global66 home cover collision fix ===== */
.global66-small-case .global66-cover-real .g66-cover-copy{
  left:42px;
  top:42px;
  width:46%;
  max-width:285px;
  z-index:7;
}
.global66-small-case .g66-home-logo-lockup{margin-bottom:10px;gap:8px}
.global66-small-case .g66-cover-real .g66-cover-title{
  max-width:255px;
  font-size:clamp(30px,2.25vw,38px);
  line-height:1.02;
  margin:8px 0 10px;
}
.global66-small-case .g66-cover-real .g66-cover-copy small{
  max-width:245px;
  font-size:15px;
  line-height:1.35;
}
.global66-small-case .g66-cover-phone-main{
  right:30px;
  bottom:-24px;
  width:174px;
  height:377px;
}
.global66-small-case .g66-cover-phone-back{
  right:148px;
  bottom:-86px;
  width:166px;
  height:360px;
  transform:rotate(-8deg) scale(.82);
}
.global66-small-case .g66-cover-pill{left:42px;bottom:34px}
@media(max-width:1100px) and (min-width:861px){
  .global66-small-case .global66-cover-real .g66-cover-copy{width:44%;max-width:235px;left:30px;top:32px}
  .global66-small-case .g66-cover-real .g66-cover-title{font-size:30px;max-width:210px}
  .global66-small-case .g66-cover-real .g66-cover-copy small{font-size:13px;max-width:205px}
  .global66-small-case .g66-cover-phone-main{right:18px;width:158px;height:342px}
  .global66-small-case .g66-cover-phone-back{right:122px;width:150px;height:325px}
  .global66-small-case .g66-cover-pill{left:30px;bottom:28px}
}
@media(max-width:860px){
  .global66-small-case .global66-cover-real .g66-cover-copy{left:28px;top:30px;width:48%;max-width:260px}
  .global66-small-case .g66-cover-real .g66-cover-title{font-size:32px;max-width:230px}
  .global66-small-case .g66-cover-phone-main{right:24px;width:168px;height:364px}
  .global66-small-case .g66-cover-phone-back{right:136px;width:155px;height:336px}
  .global66-small-case .g66-cover-pill{left:28px;bottom:28px}
}
@media(max-width:560px){
  .global66-small-case .global66-cover-real .g66-cover-copy{left:22px;top:24px;width:48%;max-width:170px}
  .global66-small-case .g66-home-logo{padding:6px 9px}
  .global66-small-case .g66-home-logo img{width:92px}
  .global66-small-case .g66-cover-real .g66-cover-title{font-size:25px;max-width:165px;line-height:1}
  .global66-small-case .g66-cover-real .g66-cover-copy small{font-size:12px;max-width:160px}
  .global66-small-case .g66-cover-phone-main{right:10px;width:142px;height:308px;bottom:-20px}
  .global66-small-case .g66-cover-phone-back{right:100px;width:126px;height:273px;bottom:-58px}
  .global66-small-case .g66-cover-pill{left:22px;bottom:20px;padding:8px 10px}
}

/* ===== V9.4 — Global66 cover: strict text / device separation ===== */
.global66-small-case .global66-cover-real{
  position:relative;
  overflow:hidden;
}
.global66-small-case .global66-cover-real .g66-cover-copy{
  left:42px!important;
  top:42px!important;
  width:39%!important;
  max-width:245px!important;
  z-index:8!important;
}
.global66-small-case .g66-home-logo-lockup{
  align-items:flex-start!important;
}
.global66-small-case .g66-cover-real .g66-cover-title{
  display:block!important;
  width:100%!important;
  max-width:235px!important;
  font-size:34px!important;
  line-height:1.04!important;
  letter-spacing:-.025em!important;
  margin:10px 0 12px!important;
}
.global66-small-case .g66-cover-real .g66-cover-copy small{
  display:block!important;
  width:100%!important;
  max-width:220px!important;
  font-size:14px!important;
  line-height:1.35!important;
}
.global66-small-case .g66-cover-phone-main{
  right:22px!important;
  bottom:-28px!important;
  width:170px!important;
  height:368px!important;
  transform:rotate(4deg)!important;
}
.global66-small-case .g66-cover-phone-back{
  right:132px!important;
  bottom:-92px!important;
  width:150px!important;
  height:325px!important;
  transform:rotate(-8deg)!important;
  opacity:.9!important;
}
.global66-small-case .g66-cover-pill{
  left:42px!important;
  bottom:32px!important;
}
@media (max-width:1100px) and (min-width:861px){
  .global66-small-case .global66-cover-real .g66-cover-copy{left:30px!important;top:32px!important;width:38%!important;max-width:205px!important}
  .global66-small-case .g66-cover-real .g66-cover-title{font-size:29px!important;max-width:195px!important}
  .global66-small-case .g66-cover-real .g66-cover-copy small{font-size:12px!important;max-width:180px!important}
  .global66-small-case .g66-cover-phone-main{right:14px!important;width:154px!important;height:334px!important}
  .global66-small-case .g66-cover-phone-back{right:112px!important;width:136px!important;height:295px!important;bottom:-82px!important}
  .global66-small-case .g66-cover-pill{left:30px!important;bottom:26px!important}
}
@media (max-width:860px){
  .global66-small-case .global66-cover-real .g66-cover-copy{left:28px!important;top:30px!important;width:42%!important;max-width:230px!important}
  .global66-small-case .g66-cover-real .g66-cover-title{font-size:30px!important;max-width:220px!important}
  .global66-small-case .g66-cover-real .g66-cover-copy small{font-size:12px!important;max-width:205px!important}
  .global66-small-case .g66-cover-phone-main{right:16px!important;width:160px!important;height:347px!important}
  .global66-small-case .g66-cover-phone-back{display:none!important}
}
@media (max-width:560px){
  .global66-small-case .global66-cover-real .g66-cover-copy{left:20px!important;top:22px!important;width:43%!important;max-width:155px!important}
  .global66-small-case .g66-home-logo img{width:88px!important}
  .global66-small-case .g66-cover-real .g66-cover-title{font-size:23px!important;max-width:150px!important}
  .global66-small-case .g66-cover-real .g66-cover-copy small{font-size:10.5px!important;max-width:145px!important}
  .global66-small-case .g66-cover-phone-main{right:7px!important;width:136px!important;height:295px!important;bottom:-18px!important}
  .global66-small-case .g66-cover-pill{left:20px!important;bottom:18px!important}
}


/* ===== V9.5 — Global66 tagline locked to three lines ===== */
.global66-small-case .g66-cover-real .g66-cover-copy .g66-cover-tagline{display:block!important;width:220px!important;max-width:220px!important;white-space:normal!important;position:relative!important;z-index:10!important}
.global66-small-case .g66-cover-real .g66-cover-copy .g66-cover-tagline span{display:block!important;white-space:nowrap!important}
@media (max-width:1100px) and (min-width:861px){.global66-small-case .g66-cover-real .g66-cover-copy .g66-cover-tagline{width:180px!important;max-width:180px!important;font-size:12px!important}}
@media (max-width:860px){.global66-small-case .g66-cover-real .g66-cover-copy .g66-cover-tagline{width:205px!important;max-width:205px!important;font-size:12px!important}}
@media (max-width:560px){.global66-small-case .g66-cover-real .g66-cover-copy .g66-cover-tagline{width:145px!important;max-width:145px!important;font-size:10.5px!important}}

/* ===== V9.6 — Global66: preserve tagline typography, constrain only its measure ===== */
.global66-small-case .global66-cover-real .g66-cover-copy > .g66-cover-tagline{
  display:block!important;
  width:180px!important;
  max-width:180px!important;
  font-size:14px!important;
  line-height:1.35!important;
  letter-spacing:inherit!important;
  white-space:normal!important;
  overflow:visible!important;
  position:relative!important;
  z-index:12!important;
}
.global66-small-case .global66-cover-real .g66-cover-copy > .g66-cover-tagline > span{
  display:block!important;
  width:100%!important;
  max-width:100%!important;
  white-space:nowrap!important;
  font:inherit!important;
  line-height:inherit!important;
  letter-spacing:inherit!important;
}
@media (max-width:1100px) and (min-width:861px){
  .global66-small-case .global66-cover-real .g66-cover-copy > .g66-cover-tagline{width:160px!important;max-width:160px!important;font-size:12px!important}
}
@media (max-width:860px){
  .global66-small-case .global66-cover-real .g66-cover-copy > .g66-cover-tagline{width:175px!important;max-width:175px!important;font-size:12px!important}
}
@media (max-width:560px){
  .global66-small-case .global66-cover-real .g66-cover-copy > .g66-cover-tagline{width:138px!important;max-width:138px!important;font-size:10.5px!important}
}

/* ===== V9.7 — Global66 home cover aligned to CornerPeople typography ===== */
/* Same typographic scale as CornerPeople; only the text measure is constrained
   so the copy never enters the device composition. */
.global66-small-case .global66-cover-real .g66-cover-copy{
  left:38px!important;
  top:40px!important;
  width:44%!important;
  max-width:270px!important;
  z-index:8!important;
}
.global66-small-case .g66-cover-real .g66-cover-title{
  display:block!important;
  width:100%!important;
  max-width:260px!important;
  font-size:36px!important;
  line-height:1.02!important;
  letter-spacing:-.035em!important;
  margin:8px 0!important;
}
.global66-small-case .global66-cover-real .g66-cover-copy > .g66-cover-tagline{
  display:block!important;
  width:255px!important;
  max-width:255px!important;
  font-size:17px!important;
  line-height:1.3!important;
  letter-spacing:normal!important;
  white-space:normal!important;
  overflow:visible!important;
  position:relative!important;
  z-index:9!important;
}
.global66-small-case .global66-cover-real .g66-cover-copy > .g66-cover-tagline > span{
  display:block!important;
  width:auto!important;
  max-width:none!important;
  font-size:17px!important;
  line-height:1.3!important;
  letter-spacing:normal!important;
  white-space:nowrap!important;
  opacity:.88!important;
}
/* Keep the phones in their own visual zone. */
.global66-small-case .g66-cover-phone-main{
  right:24px!important;
  bottom:-28px!important;
  width:170px!important;
  height:368px!important;
}
.global66-small-case .g66-cover-phone-back{
  right:138px!important;
  bottom:-92px!important;
  width:150px!important;
  height:325px!important;
}
.global66-small-case .g66-cover-pill{left:38px!important;bottom:32px!important}

@media (max-width:1100px) and (min-width:861px){
  .global66-small-case .global66-cover-real .g66-cover-copy{left:30px!important;top:32px!important;width:43%!important;max-width:225px!important}
  .global66-small-case .g66-cover-real .g66-cover-title{font-size:32px!important;max-width:220px!important}
  .global66-small-case .global66-cover-real .g66-cover-copy > .g66-cover-tagline{width:205px!important;max-width:205px!important;font-size:15px!important}
  .global66-small-case .global66-cover-real .g66-cover-copy > .g66-cover-tagline > span{font-size:15px!important}
  .global66-small-case .g66-cover-phone-main{right:14px!important;width:154px!important;height:334px!important}
  .global66-small-case .g66-cover-phone-back{right:116px!important;width:136px!important;height:295px!important}
  .global66-small-case .g66-cover-pill{left:30px!important;bottom:26px!important}
}
@media (max-width:860px){
  .global66-small-case .global66-cover-real .g66-cover-copy{left:28px!important;top:30px!important;width:45%!important;max-width:240px!important}
  .global66-small-case .g66-cover-real .g66-cover-title{font-size:32px!important;max-width:225px!important}
  .global66-small-case .global66-cover-real .g66-cover-copy > .g66-cover-tagline{width:215px!important;max-width:215px!important;font-size:15px!important}
  .global66-small-case .global66-cover-real .g66-cover-copy > .g66-cover-tagline > span{font-size:15px!important}
  .global66-small-case .g66-cover-phone-main{right:18px!important;width:160px!important;height:347px!important}
  .global66-small-case .g66-cover-phone-back{display:none!important}
}
@media (max-width:560px){
  .global66-small-case .global66-cover-real .g66-cover-copy{left:22px!important;top:24px!important;width:45%!important;max-width:158px!important}
  .global66-small-case .g66-cover-real .g66-cover-title{font-size:25px!important;max-width:155px!important}
  .global66-small-case .global66-cover-real .g66-cover-copy > .g66-cover-tagline{width:145px!important;max-width:145px!important;font-size:12px!important;line-height:1.3!important}
  .global66-small-case .global66-cover-real .g66-cover-copy > .g66-cover-tagline > span{font-size:12px!important;line-height:1.3!important}
  .global66-small-case .g66-cover-phone-main{right:8px!important;width:136px!important;height:295px!important;bottom:-18px!important}
  .global66-small-case .g66-cover-pill{left:22px!important;bottom:18px!important}
}


/* ===== V9.8 — Global66 OUTER cover: CornerPeople copy scale, protected text zone ===== */
/* The copy and devices have separate visual territories. No typography reduction. */
.global66-small-case .global66-cover-real .g66-cover-copy{
  left:38px!important;
  top:40px!important;
  width:43%!important;
  max-width:43%!important;
  z-index:10!important;
}
.global66-small-case .global66-cover-real .g66-cover-title{
  display:block!important;
  max-width:340px!important;
  font-size:36px!important;
  line-height:1.02!important;
  letter-spacing:-.035em!important;
  margin:8px 0 12px!important;
}
.global66-small-case .global66-cover-real .g66-cover-tagline{
  display:block!important;
  width:310px!important;
  max-width:100%!important;
  margin:0!important;
  color:rgba(255,255,255,.86)!important;
  font-size:17px!important;
  line-height:1.3!important;
  letter-spacing:0!important;
  font-weight:400!important;
  white-space:normal!important;
  overflow-wrap:normal!important;
  position:relative!important;
  z-index:10!important;
}
/* Devices start after the protected copy zone. */
.global66-small-case .g66-cover-phone-main{
  right:24px!important;
  width:178px!important;
  height:386px!important;
}
.global66-small-case .g66-cover-phone-back{
  right:145px!important;
  width:158px!important;
  height:343px!important;
  bottom:-68px!important;
}
@media (max-width:1100px) and (min-width:861px){
  .global66-small-case .global66-cover-real .g66-cover-copy{left:30px!important;top:32px!important;width:42%!important;max-width:42%!important}
  .global66-small-case .global66-cover-real .g66-cover-title{font-size:32px!important;max-width:260px!important}
  .global66-small-case .global66-cover-real .g66-cover-tagline{font-size:15px!important;width:235px!important;line-height:1.3!important;letter-spacing:0!important}
  .global66-small-case .g66-cover-phone-main{right:14px!important;width:154px!important;height:334px!important}
  .global66-small-case .g66-cover-phone-back{right:112px!important;width:134px!important;height:291px!important}
}
@media (max-width:860px){
  .global66-small-case .global66-cover-real .g66-cover-copy{left:24px!important;top:26px!important;width:46%!important;max-width:46%!important}
  .global66-small-case .global66-cover-real .g66-cover-title{font-size:30px!important;max-width:100%!important}
  .global66-small-case .global66-cover-real .g66-cover-tagline{font-size:13px!important;width:100%!important;line-height:1.3!important;letter-spacing:0!important}
  .global66-small-case .g66-cover-phone-main{right:18px!important;width:43%!important;height:auto!important;aspect-ratio:394/852!important}
  .global66-small-case .g66-cover-phone-back{display:none!important}
}