/* ── TOKENS ─────────────────────── */
:root {
  --cream:  #F0EAE0;
  --white:  #FFFFFF;
  --black:  #1A1A1A;
  --yellow: #F5C842;
  --pink:   #FF6B9D;
  --blue:   #4A90E2;
  --orange: #A63D12;
  --green:  #3ECF8E;
  --purple: #9B5DE5;
  --shadow: 4px 4px 0px var(--black);
  --shadow-lg: 6px 6px 0px var(--black);
  --shadow-xl: 8px 8px 0px var(--black);
  --border: 2px solid var(--black);
  --radius: 4px;
}
*,*::before,*::after { box-sizing:border-box; margin:0; padding:0; }
html { scroll-behavior:smooth; }
body {
  background: var(--cream);
  color: var(--black);
  font-family: 'Space Grotesk', sans-serif;
  font-weight: 400;
  line-height: 1.6;
  overflow-x: hidden;
  cursor: none;
}

body:not([class]) section {
  scroll-margin-top:110px;
}

img.img-fluid {
  display: block;
  width: 100%;
}

body.page-ai-pilot-case-study-final,
body.page-document-templates-case-study,
body.page-meeting-scheduler-case-study,
body.page-unified-inbox-v2 {
  cursor: auto;
}

/* ── CURSOR ─────────────────────── */
.cur { position:fixed; z-index:9999; pointer-events:none; width:12px; height:12px; background:var(--orange); border:2px solid var(--black); border-radius:50%; transform:translate(-50%,-50%); transition:width .15s, height .15s, background .15s; }
.cur.big { width:40px; height:40px; background:rgba(232,98,42,.15); }
.cur-trail { position:fixed; z-index:9998; pointer-events:none; width:6px; height:6px; background:var(--yellow); border-radius:50%; transform:translate(-50%,-50%); opacity:.6; }

/* ── NAV ─────────────────────────── */
nav {
  position:fixed; top:24px; left:50%; transform:translateX(-50%);
  z-index:200;
  display:flex; align-items:center; gap:32px;
  background:var(--white); border:var(--border);
  box-shadow:var(--shadow);
  padding:12px 28px; border-radius:99px;
  white-space:nowrap;
}
.nav-logo { font-family:'Space Grotesk', sans-serif; font-weight:400; font-size:14px; letter-spacing:2px; color:var(--black); text-decoration:none; display:flex; align-items:center; gap:8px; }
.nav-logo::before { content:'✦'; color:var(--orange); font-size:12px; }
.nav-links { display:flex; gap:24px; }
.nav-links a { font-size:13px; font-weight:400; color:var(--black); text-decoration:none; letter-spacing:.5px; transition:color .15s; }
.nav-links a:hover { color:var(--orange); }
.nav-links a.active { background:var(--yellow); padding:4px 12px; border-radius:99px; border:1.5px solid var(--black); }
.nav-hire { font-size:13px; font-weight:400; background:var(--black); color:var(--white); padding:8px 20px; border-radius:99px; text-decoration:none; border:2px solid var(--black); transition:transform .15s, box-shadow .15s; box-shadow:var(--shadow); }
.nav-hire:hover { transform:translate(-2px,-2px); box-shadow:var(--shadow-lg); }
.nav-hire:active { transform:translate(2px,2px); box-shadow:none; }

/* ── HERO ─────────────────────────── */
#hero {
  min-height:100vh; padding:140px 80px 80px;
  display:grid; grid-template-columns:1fr 1fr;
  gap:60px; align-items:center;
  position:relative;
}
.hero-deco-star { position:absolute; font-size:48px; color:var(--yellow); animation:spin 8s linear infinite; }
.hero-deco-star.s1 { top:120px; right:80px; }
.hero-deco-star.s2 { bottom:120px; left:60px; font-size:28px; color:var(--pink); animation-direction:reverse; }

.hero-eyebrow {
  display:inline-flex; align-items:center; gap:8px;
  font-family:'Space Grotesk', sans-serif; font-size:11px;
  letter-spacing:3px; text-transform:uppercase;
  background:var(--pink); color:var(--white);
  padding:6px 14px; border-radius:99px;
  border:2px solid var(--black); box-shadow:var(--shadow);
  margin-bottom:28px;
}
.hero-title {
  font-family:'Space Grotesk', sans-serif;
  font-size:clamp(52px,6vw,88px);
  font-weight:700; font-style:italic;
  line-height:.95; letter-spacing:-1px;
  margin-bottom:28px;
}
.hero-title .line2 { display:block; }
.hero-title .hl-yellow { background:var(--yellow); padding:0 6px; display:inline; border-radius:2px; }
.hero-title .hl-under {
  position:relative; display:inline-block;
  text-decoration:none;
}
.hero-title .hl-under::after {
  content:'';
  position:absolute; bottom:-4px; left:0; right:0;
  height:6px; background:var(--orange);
  border-radius:2px;
}
.hero-body { font-size:16px; color:#2A2420; max-width:440px; line-height:1.7; margin-bottom:36px; }
.hero-body strong { color:var(--black); font-weight:400; }
.hero-ctas { display:flex; gap:14px; align-items:center; flex-wrap:wrap; }
.btn-primary {
  font-size:14px; font-weight:400;
  background:var(--black); color:var(--white);
  padding:14px 28px; border-radius:99px;
  border:2px solid var(--black); text-decoration:none;
  box-shadow:var(--shadow-lg);
  transition:transform .15s, box-shadow .15s;
  display:inline-flex; align-items:center; gap:8px;
}
.btn-primary:hover { transform:translate(-2px,-2px); box-shadow:var(--shadow-xl); }
.btn-primary:active { transform:translate(2px,2px); box-shadow:none; }
.btn-secondary {
  font-size:14px; font-weight:400;
  background:var(--white); color:var(--black);
  padding:14px 28px; border-radius:99px;
  border:2px solid var(--black); text-decoration:none;
  box-shadow:var(--shadow);
  transition:transform .15s, box-shadow .15s;
}
.btn-secondary:hover { transform:translate(-2px,-2px); box-shadow:var(--shadow-lg); }
.btn-secondary:active { transform:translate(2px,2px); box-shadow:none; }
.hero-stats { display:flex; gap:28px; margin-top:48px; padding-top:36px; border-top:2px solid var(--black); }
.hstat-n { font-family:'Space Grotesk', sans-serif; font-size:42px; font-weight:700; line-height:1; }
.hstat-n sup { font-size:22px; color:var(--orange); }
.hstat-l { font-family:'Space Grotesk', sans-serif; font-size:9px; letter-spacing:2px; text-transform:uppercase; color:#555; margin-top:4px; }

/* ── PHOTO FRAME ─────────────────── */
.hero-right { position:relative; display:flex; justify-content:center; align-items:center; }
.photo-wrap {
  position:relative; width:380px; height:440px;
  animation:float 4s ease-in-out infinite;
}
.photo-frame {
  width:100%; height:100%;
  border:3px solid var(--black);
  box-shadow:8px 8px 0px var(--black);
  overflow:hidden; background:var(--cream);
  transform:rotate(2deg);
  transition:transform .3s ease;
}
.photo-frame img { width:100%; height:100%; object-fit:cover; display:block; filter:contrast(1.05); }
.photo-frame:hover { transform:rotate(0deg); }
.photo-tag {
  position:absolute; bottom:-20px; left:-24px;
  background:var(--yellow); border:2px solid var(--black);
  box-shadow:var(--shadow); padding:10px 16px;
  border-radius:4px; transform:rotate(-3deg);
  font-family:'Space Grotesk', sans-serif; font-size:11px;
  font-weight:400; letter-spacing:1px; text-transform:uppercase;
  white-space:nowrap;
}
.photo-badge {
  position:absolute; top:-20px; right:-20px;
  background:var(--pink); border:2px solid var(--black);
  box-shadow:var(--shadow); width:80px; height:80px;
  border-radius:50%; display:flex; flex-direction:column;
  align-items:center; justify-content:center;
  transform:rotate(12deg);
  font-family:'Space Grotesk', sans-serif; font-size:9px;
  text-transform:uppercase; letter-spacing:1px;
  color:var(--white); font-weight:400; line-height:1.3; text-align:center;
}
.photo-badge strong { font-size:18px; font-family:'Space Grotesk', sans-serif; display:block; }
.photo-arrow {
  position:absolute; top:60px; left:-64px;
  font-size:40px; color:var(--black); transform:rotate(-20deg);
  font-family:'Space Grotesk', sans-serif; font-style:italic;
}
.photo-arrow-label {
  position:absolute; top:24px; left:-120px;
  font-family:'Space Grotesk', sans-serif; font-size:10px;
  letter-spacing:1.5px; text-transform:uppercase;
  color:var(--black); transform:rotate(-8deg);
  white-space:nowrap;
}

/* ── TICKER ──────────────────────── */
.ticker {
  background:var(--black); color:var(--white);
  padding:16px 0; overflow:hidden;
  border-top:2px solid var(--black);
  border-bottom:2px solid var(--black);
}
.ticker-inner { display:flex; gap:0; animation:ticker 25s linear infinite; width:max-content; }
.ticker-item { white-space:nowrap; padding:0 32px; font-family:'Space Grotesk', sans-serif; font-size:12px; letter-spacing:3px; text-transform:uppercase; }
.ticker-item span { color:var(--yellow); margin:0 8px; }

/* ── ABOUT ───────────────────────── */
#about { padding:100px 80px; max-width:1300px; margin:0 auto; display:grid; grid-template-columns:1fr 1fr; gap:80px; align-items:start; }
.about-photo-wrap {
  position:relative;
  width:min(100%, 494px);
  max-width:494px;
  aspect-ratio:494 / 420;
  overflow:hidden;
  background:var(--white);
  border:3px solid var(--black);
  box-shadow:var(--shadow-xl);
  border-radius:var(--radius);
  transform:rotate(-1deg);
}
.about-carousel-track { position:absolute; inset:0; }
.about-carousel-slide {
  position:absolute;
  inset:0;
  width:100%;
  height:100%;
  object-fit:cover;
  opacity:0;
  transition:opacity .75s ease-in-out;
}
.about-carousel-slide.is-active { opacity:1; }
.about-carousel-controls {
  position:absolute;
  left:18px;
  right:18px;
  bottom:16px;
  z-index:3;
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:14px;
}
.about-carousel-btn {
  width:36px;
  height:36px;
  border:2px solid var(--black);
  border-radius:50%;
  background:var(--white);
  color:var(--black);
  box-shadow:3px 3px 0 var(--black);
  font-size:24px;
  line-height:1;
  display:grid;
  place-items:center;
  cursor:pointer;
  transition:transform .15s, box-shadow .15s;
}
.about-carousel-btn:hover { transform:translate(-1px,-1px); box-shadow:4px 4px 0 var(--black); }
.about-carousel-dots { display:flex; align-items:center; justify-content:center; gap:8px; }
.about-carousel-dot {
  width:8px;
  height:8px;
  border:1.5px solid var(--black);
  border-radius:50%;
  background:var(--white);
  padding:0;
  cursor:pointer;
}
.about-carousel-dot.is-active { background:var(--yellow); }

/* ── PROJECTS ────────────────────── */
#projects { padding:80px; }
.section-header { display:flex; justify-content:space-between; align-items:flex-end; margin-bottom:48px; }
.proj-grid { display:grid; grid-template-columns:1fr 1fr; gap:24px; max-width:1140px; margin:0 auto; }
.proj-card {
  background:var(--white); border:2px solid var(--black);
  box-shadow:var(--shadow-lg); border-radius:var(--radius);
  text-decoration:none; color:var(--black);
  overflow:hidden; transition:transform .2s, box-shadow .2s;
  display:block;
}
.proj-card:hover { transform:translate(-3px,-3px); box-shadow:8px 8px 0px var(--black); }
.proj-card:active { transform:translate(2px,2px); box-shadow:none; }
.proj-img {
  height:200px; background:var(--cream);
  border-bottom:2px solid var(--black);
  display:flex; align-items:center; justify-content:center;
  font-family:'Space Grotesk', sans-serif; font-size:11px;
  letter-spacing:2px; text-transform:uppercase; color:#555;
  position:relative; overflow:hidden;
}
.proj-img-bg { position:absolute; inset:0; opacity:.06; font-family:'Space Grotesk', sans-serif; font-size:120px; font-weight:700; display:flex; align-items:center; justify-content:center; color:var(--black); }
.proj-body { padding:28px 28px 24px; }
.proj-num { font-family:'Space Grotesk', sans-serif; font-size:10px; letter-spacing:2px; color:#555; margin-bottom:10px; }
.proj-title { font-family:'Space Grotesk', sans-serif; font-size:28px; font-weight:700; font-style:italic; line-height:1.1; margin-bottom:10px; }
.proj-desc { font-size:13px; color:#333333; line-height:1.6; margin-bottom:20px; }
.proj-footer { display:flex; justify-content:space-between; align-items:center; }
.proj-tag { font-family:'Space Grotesk', sans-serif; font-size:9px; letter-spacing:1.5px; text-transform:uppercase; padding:5px 12px; border-radius:99px; border:1.5px solid var(--black); font-weight:400; }
.proj-arrow { font-size:20px; color:var(--black); transition:transform .2s; }
.proj-card:hover .proj-arrow { transform:translate(3px,-3px); }

/* ── SKILLS ─────────────────────── */
#skills { padding:100px 80px; background:var(--white); border-top:2px solid var(--black); border-bottom:2px solid var(--black); }
.skills-inner { max-width:1140px; margin:0 auto; }
.skills-grid { display:grid; grid-template-columns:repeat(3,1fr); gap:20px; margin-top:56px; }
.sk-card {
  background:var(--cream); border:2px solid var(--black);
  box-shadow:var(--shadow); border-radius:var(--radius);
  padding:32px 28px; transition:transform .2s, box-shadow .2s;
}
.sk-card:hover { transform:translate(-2px,-2px); box-shadow:var(--shadow-lg); }
.sk-icon { width:48px; height:48px; border-radius:50%; border:2px solid var(--black); display:flex; align-items:center; justify-content:center; font-size:22px; margin-bottom:18px; box-shadow:3px 3px 0px var(--black); }
.sk-num { font-family:'Space Grotesk', sans-serif; font-size:9px; letter-spacing:2px; color:#555; margin-bottom:8px; }
.sk-title { font-family:'Space Grotesk', sans-serif; font-size:15px; font-weight:700; text-transform:uppercase; letter-spacing:.5px; margin-bottom:10px; }
.sk-desc { font-size:13px; color:#333333; line-height:1.6; margin-bottom:16px; }
.sk-tags { display:flex; flex-wrap:wrap; gap:6px; }
.sk-tag { font-family:'Space Grotesk', sans-serif; font-size:9px; letter-spacing:1px; text-transform:uppercase; padding:4px 10px; border:1.5px solid var(--black); border-radius:99px; background:var(--white); }

/* ── PROCESS ─────────────────────── */
#process { padding:100px 80px; max-width:1300px; margin:0 auto; }
.proc-steps { display:grid; grid-template-columns:repeat(4,1fr); gap:0; margin-top:56px; position:relative; }
.proc-connector { position:absolute; top:50px; left:12.5%; right:12.5%; height:2px; background:var(--black); z-index:0; }
.proc-step { padding:0 16px; position:relative; z-index:1; }
.proc-step:first-child { padding-left:0; }
.proc-step:last-child { padding-right:0; }
.proc-card {
  background:var(--white); border:2px solid var(--black);
  box-shadow:var(--shadow); border-radius:var(--radius);
  padding:28px 24px; transition:transform .2s, box-shadow .2s;
  text-align:center;
}
.proc-card:hover { transform:translate(-2px,-2px); box-shadow:var(--shadow-lg); }
.proc-num-circle {
  width:48px; height:48px; border-radius:50%;
  border:2px solid var(--black); display:flex; align-items:center;
  justify-content:center; margin:0 auto 16px;
  font-family:'Space Grotesk', sans-serif; font-size:22px; font-weight:700;
  box-shadow:3px 3px 0px var(--black);
}
.proc-title { font-size:14px; font-weight:700; text-transform:uppercase; letter-spacing:.5px; margin-bottom:8px; }
.proc-desc { font-size:12px; color:#333333; line-height:1.5; }

/* ── EXPERIENCE ──────────────────── */
#background { padding:100px 80px; border-top:2px solid var(--black); }
.bg-inner { max-width:1140px; margin:0 auto; display:grid; grid-template-columns:1fr 1fr; gap:60px; }
.exp-items { display:flex; flex-direction:column; gap:16px; margin-top:32px; }
.exp-card {
  background:var(--white); border:2px solid var(--black);
  box-shadow:var(--shadow); border-radius:var(--radius);
  padding:20px 24px; display:flex; gap:18px; align-items:flex-start;
  transition:transform .15s, box-shadow .15s;
}
.exp-card:hover { transform:translate(-2px,-2px); box-shadow:var(--shadow-lg); }
.exp-badge { width:40px; height:40px; border-radius:50%; border:2px solid var(--black); flex-shrink:0; display:flex; align-items:center; justify-content:center; font-family:'Space Grotesk', sans-serif; font-weight:700; font-size:18px; box-shadow:3px 3px 0 var(--black); }
.exp-role { font-size:14px; font-weight:400; margin-bottom:2px; }
.exp-co { font-size:13px; color:var(--orange); margin-bottom:2px; }
.exp-dt { font-family:'Space Grotesk', sans-serif; font-size:10px; letter-spacing:1px; color:#555; }

.edu-items { margin-top:32px; display:flex; flex-direction:column; gap:16px; }
.edu-card { background:var(--cream); border:2px solid var(--black); box-shadow:var(--shadow); border-radius:var(--radius); padding:20px 24px; }
.edu-deg { font-size:14px; font-weight:400; margin-bottom:2px; }
.edu-sch { font-size:12px; color:#333333; }
.cert-list { list-style:none; margin-top:20px; }
.cert-list li { font-size:13px; padding:8px 0; border-bottom:1.5px solid var(--black); display:flex; gap:8px; align-items:flex-start; }
.cert-list li:last-child { border-bottom:none; }
.cert-list li::before { content:'→'; color:var(--orange); flex-shrink:0; font-weight:400; }
.award-sticky {
  background:var(--yellow); border:2px solid var(--black);
  box-shadow:var(--shadow); padding:16px 20px;
  border-radius:4px; transform:rotate(-2deg);
  margin-top:20px; display:inline-block;
}
.award-sticky .aw-label { font-family:'Space Grotesk', sans-serif; font-size:9px; letter-spacing:2px; text-transform:uppercase; margin-bottom:4px; }
.award-sticky .aw-val { font-size:14px; font-weight:700; }

/* ── CONTACT ─────────────────────── */
#contact { padding:100px 80px; }
.contact-card {
  max-width:900px; margin:56px auto 0;
  background:var(--white); border:3px solid var(--black);
  box-shadow:var(--shadow-xl); border-radius:var(--radius);
  display:grid; grid-template-columns:1fr 1fr; overflow:hidden;
}
.contact-left { padding:56px 48px; border-right:2px solid var(--black); }
.contact-heading { font-family:'Space Grotesk', sans-serif; font-size:clamp(28px,3vw,42px); font-weight:700; font-style:italic; line-height:1.1; margin-bottom:16px; }
.contact-sub { font-size:14px; color:#333333; line-height:1.7; margin-bottom:32px; }
.contact-links { display:flex; flex-direction:column; gap:16px; }
.ci-l { font-family:'Space Grotesk', sans-serif; font-size:9px; letter-spacing:2px; text-transform:uppercase; color:#555; margin-bottom:4px; }
.ci-v { font-size:15px; font-weight:400; color:var(--black); text-decoration:none; border-bottom:2px solid var(--black); display:inline-block; transition:color .15s; }
.ci-v:hover { color:var(--orange); }
.contact-right { padding:56px 48px; background:var(--black); }
.contact-big { font-family:'Space Grotesk', sans-serif; font-size:clamp(24px,2.5vw,36px); font-weight:700; font-style:italic; color:var(--white); line-height:1.1; margin-bottom:20px; }
.contact-big .hl { color:var(--yellow); }
.contact-body { font-size:13px; color:#E8E4DC; line-height:1.7; margin-bottom:32px; }
.contact-tags { display:flex; flex-wrap:wrap; gap:8px; }
.contact-tag { font-family:'Space Grotesk', sans-serif; font-size:9px; letter-spacing:1px; text-transform:uppercase; border:1.5px solid #CFC9BE; padding:5px 12px; border-radius:99px; color:#E8E4DC; }

/* ── FOOTER ──────────────────────── */
footer { background:var(--black); padding:36px 80px; display:flex; justify-content:space-between; align-items:center; border-top:2px solid var(--black); }
.f-logo { font-family:'Space Grotesk', sans-serif; font-size:14px; letter-spacing:3px; color:var(--white); text-decoration:none; display:flex; align-items:center; gap:8px; font-weight:400; }
.f-logo::before { content:'✦'; color:var(--yellow); }
.f-copy { font-family:'Space Grotesk', sans-serif; font-size:10px; color:#CFC9BE; letter-spacing:1px; }
.f-links { display:flex; gap:24px; }
.f-links a { font-family:'Space Grotesk', sans-serif; font-size:10px; letter-spacing:1.5px; text-transform:uppercase; color:#E8E4DC; text-decoration:none; transition:color .15s; }
.f-links a:hover { color:var(--yellow); }

/* ── SECTION LABEL ───────────────── */
.s-label { display:inline-flex; align-items:center; font-family:'Space Grotesk', sans-serif; font-size:10px; letter-spacing:2.5px; text-transform:uppercase; font-weight:400; padding:6px 14px; border-radius:99px; border:2px solid var(--black); box-shadow:3px 3px 0 var(--black); margin-bottom:16px; }
.s-label.yellow { background:var(--yellow); }
.s-label.pink { background:var(--pink); color:var(--black); }
.s-label.blue { background:var(--blue); color:var(--black); }
.s-title { font-family:'Space Grotesk', sans-serif; font-size:clamp(36px,4.5vw,64px); font-weight:700; font-style:italic; line-height:1; }
.s-sub { font-size:15px; color:#333333; max-width:520px; line-height:1.7; margin-top:12px; }

/* ── ANIMATIONS ───────────────────── */
@keyframes float { 0%,100%{transform:translateY(0)} 50%{transform:translateY(-10px)} }
@keyframes spin { to{transform:rotate(360deg)} }
@keyframes ticker { from{transform:translateX(0)} to{transform:translateX(-50%)} }
@keyframes stampIn { 0%{opacity:0;transform:scale(1.08) rotate(-1deg)} 60%{transform:scale(.97) rotate(.3deg)} 100%{opacity:1;transform:scale(1) rotate(0deg)} }
@keyframes slideUp { from{opacity:0;transform:translateY(32px)} to{opacity:1;transform:translateY(0)} }
@keyframes wobble { 0%,100%{transform:rotate(2deg)} 25%{transform:rotate(3.5deg)} 75%{transform:rotate(.5deg)} }

.rv { opacity:0; transform:translateY(24px); transition:opacity .6s cubic-bezier(.34,1.56,.64,1), transform .6s cubic-bezier(.34,1.56,.64,1); }
.rv.in { opacity:1; transform:translateY(0); }
.rv.d1{transition-delay:.1s}.rv.d2{transition-delay:.2s}.rv.d3{transition-delay:.3s}.rv.d4{transition-delay:.4s}

/* ── RESPONSIVE ────────────────────── */
@media(max-width:900px){
  nav{padding:10px 20px;top:16px}
  #hero,#about,#skills,#process,#background,#contact,#projects,footer{padding-left:24px;padding-right:24px}
  #hero,#about,.bg-inner,.contact-card{grid-template-columns:1fr;gap:40px}
  .proj-grid,.skills-grid,.proc-steps{grid-template-columns:1fr}
  .photo-wrap{width:280px;height:320px}
}

/* ── HOMEPAGE RESPONSIVE REFINEMENTS ─────────── */
@media(max-width:1100px){
  body:not([class]) nav {
    gap:22px;
    padding:10px 22px;
  }

  body:not([class]) .nav-links {
    gap:16px;
  }

  body:not([class]) #hero {
    padding:128px 48px 72px;
    gap:42px;
  }

  body:not([class]) .hero-title {
    font-size:clamp(52px,7vw,72px);
  }

  body:not([class]) .photo-wrap {
    width:min(340px,34vw);
    height:400px;
  }

  body:not([class]) #about,
  body:not([class]) #skills,
  body:not([class]) #process,
  body:not([class]) #background,
  body:not([class]) #contact {
    padding-left:48px;
    padding-right:48px;
  }

  body:not([class]) #projects {
    padding:0;
  }

  body:not([class]) #projects > div:first-child {
    padding:72px 48px 40px !important;
  }

  body:not([class]) #projects .proj-grid {
    padding:0 48px 72px !important;
  }

  body:not([class]) .skills-grid {
    grid-template-columns:repeat(2, minmax(0, 1fr));
  }

  body:not([class]) .proc-steps {
    grid-template-columns:repeat(2, minmax(0, 1fr));
    gap:20px;
  }

  body:not([class]) .proc-connector {
    display:none;
  }

  body:not([class]) .proc-step {
    padding:0;
  }
}

@media(max-width:900px){
  body:not([class]) {
    cursor:auto;
  }

  body:not([class]) .cur,
  body:not([class]) .cur-trail {
    display:none;
  }

  body:not([class]) nav {
    left:50%;
    right:auto;
    top:14px;
    transform:translateX(-50%);
    width:max-content;
    max-width:calc(100vw - 32px);
    justify-content:center;
    flex-wrap:nowrap;
    gap:14px;
    padding:10px 14px;
    border-radius:99px;
  }

  body:not([class]) .nav-links {
    display:flex;
    width:auto;
    justify-content:flex-start;
    gap:12px;
    padding-top:0;
    border-top:0;
  }

  body:not([class]) #hero {
    min-height:auto;
    grid-template-columns:1fr;
    gap:48px;
    padding:112px 24px 64px;
  }

  body:not([class]) .hero-left,
  body:not([class]) .hero-right {
    min-width:0;
  }

  body:not([class]) .hero-deco-star {
    display:none;
  }

  body:not([class]) .hero-eyebrow {
    max-width:100%;
    white-space:normal;
    line-height:1.4;
    letter-spacing:1.8px;
    font-size:10px;
    margin-bottom:22px;
  }

  body:not([class]) .hero-title {
    font-size:clamp(46px,12vw,68px);
    letter-spacing:0;
    margin-bottom:22px;
  }

  body:not([class]) .hero-body {
    max-width:100%;
    font-size:15px;
  }

  body:not([class]) .hero-ctas {
    align-items:stretch;
  }

  body:not([class]) .btn-primary,
  body:not([class]) .btn-secondary {
    justify-content:center;
    min-height:48px;
    padding:12px 20px;
  }

  body:not([class]) .hero-stats {
    display:grid;
    grid-template-columns:repeat(3, minmax(0, 1fr));
    gap:14px;
    margin-top:36px;
    padding-top:28px;
  }

  body:not([class]) .hstat-n {
    font-size:34px;
  }

  body:not([class]) .photo-wrap {
    width:min(320px,82vw);
    height:auto;
    aspect-ratio:0.86;
    margin:0 auto;
  }

  body:not([class]) .photo-arrow,
  body:not([class]) .photo-arrow-label {
    display:none;
  }

  body:not([class]) .photo-frame {
    transform:rotate(1deg);
    box-shadow:6px 6px 0 var(--black);
  }

  body:not([class]) .photo-tag {
    left:50%;
    bottom:-16px;
    max-width:calc(100vw - 64px);
    transform:translateX(-50%) rotate(-2deg);
    white-space:normal;
    text-align:center;
  }

  body:not([class]) .photo-badge {
    right:-10px;
    top:-16px;
    width:72px;
    height:72px;
  }

  body:not([class]) .ticker {
    padding:12px 0;
  }

  body:not([class]) .ticker-item {
    padding:0 20px;
    font-size:10px;
    letter-spacing:2px;
  }

  body:not([class]) #about,
  body:not([class]) #skills,
  body:not([class]) #process,
  body:not([class]) #background,
  body:not([class]) #contact {
    padding:72px 24px;
  }

  body:not([class]) #about,
  body:not([class]) .bg-inner,
  body:not([class]) .contact-card {
    grid-template-columns:1fr;
    gap:36px;
  }

  body:not([class]) .about-photo-wrap {
    width:min(100%, 520px);
    justify-self:center;
  }

  body:not([class]) .section-header {
    display:block;
    margin-bottom:32px;
  }

  body:not([class]) .section-header p {
    margin-top:14px;
    text-align:left !important;
  }

  body:not([class]) #projects {
    padding:0;
  }

  body:not([class]) #projects > div:first-child {
    padding:72px 24px 32px !important;
  }

  body:not([class]) #projects .proj-grid {
    grid-template-columns:1fr;
    gap:20px;
    padding:0 24px 72px !important;
  }

  body:not([class]) .proj-img {
    height:170px;
  }

  body:not([class]) .proj-body {
    padding:24px 22px 22px;
  }

  body:not([class]) .proj-title {
    font-size:26px;
  }

  body:not([class]) .skills-grid {
    grid-template-columns:1fr;
    gap:18px;
    margin-top:40px;
  }

  body:not([class]) .sk-card {
    padding:26px 22px;
  }

  body:not([class]) .proc-steps {
    grid-template-columns:1fr;
    gap:18px;
    margin-top:40px;
  }

  body:not([class]) .proc-card {
    text-align:left;
    padding:24px 22px;
  }

  body:not([class]) .proc-num-circle {
    margin:0 0 16px;
  }

  body:not([class]) .contact-card {
    margin-top:40px;
    box-shadow:6px 6px 0 var(--black);
  }

  body:not([class]) .contact-left {
    border-right:0;
    border-bottom:2px solid var(--black);
  }

  body:not([class]) .contact-left,
  body:not([class]) .contact-right {
    padding:36px 28px;
  }

  body:not([class]) .ci-v {
    max-width:100%;
    overflow-wrap:anywhere;
  }

  body:not([class]) footer {
    flex-direction:column;
    align-items:flex-start;
    gap:18px;
    padding:32px 24px;
  }

  body:not([class]) .f-links {
    flex-wrap:wrap;
    gap:16px;
  }
}

@media(max-width:520px){
  body:not([class]) .nav-logo {
    font-size:13px;
  }

  body:not([class]) .nav-links {
    gap:8px;
  }

  body:not([class]) .nav-links a {
    font-size:12px;
  }

  body:not([class]) .nav-links a.active {
    padding:3px 8px;
  }

  body:not([class]) #hero {
    padding:104px 18px 56px;
  }

  body:not([class]) .hero-title {
    font-size:clamp(40px,13vw,54px);
    line-height:1.05;
  }

  body:not([class]) .hero-title .hl-yellow {
    display:inline-block;
    line-height:1;
    padding:0 4px 4px;
  }

  body:not([class]) .hero-ctas {
    flex-direction:column;
  }

  body:not([class]) .hero-stats {
    grid-template-columns:repeat(3, minmax(0, 1fr));
    gap:12px;
  }

  body:not([class]) .hstat {
    display:block;
  }

  body:not([class]) .hstat-l {
    text-align:left;
    font-size:8px;
    letter-spacing:1.6px;
  }

  body:not([class]) #about,
  body:not([class]) #skills,
  body:not([class]) #process,
  body:not([class]) #background,
  body:not([class]) #contact {
    padding:64px 18px;
  }

  body:not([class]) #projects > div:first-child {
    padding:64px 18px 28px !important;
  }

  body:not([class]) #projects .proj-grid {
    padding:0 18px 64px !important;
  }

  body:not([class]) .s-title {
    font-size:clamp(34px,11vw,46px);
  }

  body:not([class]) .s-label {
    max-width:100%;
    white-space:normal;
    line-height:1.35;
  }

  body:not([class]) .proj-footer {
    align-items:flex-start;
    gap:14px;
  }

  body:not([class]) .proj-tag {
    white-space:normal;
    line-height:1.35;
  }

  body:not([class]) .exp-card {
    padding:18px;
  }

  body:not([class]) .about-carousel-controls {
    left:14px;
    right:14px;
    bottom:12px;
  }

  body:not([class]) .contact-left,
  body:not([class]) .contact-right {
    padding:30px 22px;
  }

  body:not([class]) .contact-big {
    font-size:clamp(24px,9vw,34px);
  }
}
body.page-ai-pilot-case-study-final{
    --orange: #E8622A;
    --dark: #0D0D0D;
    --darker: #080808;
    --card: #141414;
    --border: #222222;
  --text: #E8E4DC;
    --muted: #D4CAC0;
    --white: #F5F2ED;
  }
  body.page-ai-pilot-case-study-final *, body.page-ai-pilot-case-study-final *::before, body.page-ai-pilot-case-study-final *::after{ box-sizing: border-box; margin: 0; padding: 0; }
  html body.page-ai-pilot-case-study-final{ scroll-behavior: smooth; }
  body.page-ai-pilot-case-study-final{ background: var(--dark); color: var(--text); font-family: 'Space Grotesk', sans-serif; font-weight:400; line-height: 1.7; overflow-x: hidden; }

  body.page-ai-pilot-case-study-final nav{ position: fixed; top: 0; left: 0; right: 0; z-index: 100; display: flex; justify-content: space-between; align-items: center; padding: 24px 48px; background: linear-gradient(to bottom, rgba(13,13,13,0.95), transparent); backdrop-filter: blur(4px); }
  body.page-ai-pilot-case-study-final .nav-logo{ font-family: 'Space Grotesk', sans-serif; font-size: 22px; letter-spacing: 3px; color: var(--white); text-decoration: none; }
  body.page-ai-pilot-case-study-final .nav-back{ font-family: 'Space Grotesk', sans-serif; font-size:14px; letter-spacing: 2px; color: var(--muted); text-decoration: none; text-transform: uppercase; transition: color 0.2s; }
  body.page-ai-pilot-case-study-final .nav-back:hover{ color: var(--orange); }

  /* HERO */
  body.page-ai-pilot-case-study-final .hero{ min-height: 100vh; padding: 0 48px; position: relative; overflow: hidden; display: flex; flex-direction: column; justify-content: flex-end; }
  body.page-ai-pilot-case-study-final .hero-bg{ position: absolute; inset: 0; background: radial-gradient(ellipse 60% 50% at 80% 50%, rgba(232,98,42,0.1) 0%, transparent 70%), radial-gradient(ellipse 30% 40% at 10% 80%, rgba(232,98,42,0.05) 0%, transparent 60%); }
  body.page-ai-pilot-case-study-final .hero-top{ display: grid; grid-template-columns: 1fr 1fr; gap: 80px; align-items: end; padding-top: 140px; position: relative; z-index: 1; }
  body.page-ai-pilot-case-study-final .hero-label{ font-family: 'Space Grotesk', sans-serif; font-size:14px; letter-spacing: 3px; color: var(--orange); text-transform: uppercase; margin-bottom: 32px; display: flex; align-items: center; gap: 16px; }
  body.page-ai-pilot-case-study-final .hero-label::before{ content: ''; width: 32px; height: 1px; background: var(--orange); }
  body.page-ai-pilot-case-study-final .hero-title{ font-family: 'Space Grotesk', sans-serif; font-size: clamp(56px, 8vw, 100px); line-height: 0.9; color: var(--white); letter-spacing: 2px; margin-bottom: 32px; }
  body.page-ai-pilot-case-study-final .hero-title span{ color: var(--orange); }
  body.page-ai-pilot-case-study-final .hero-subtitle{ font-size: 17px; font-weight:400; color: var(--muted); max-width: 440px; line-height: 1.7; }
  body.page-ai-pilot-case-study-final .hero-right{ display: flex; justify-content: flex-end; }

  /* hero mockup graphic placeholder area */
  body.page-ai-pilot-case-study-final .hero-mockup{ width: 100%; max-width: 520px; }

  body.page-ai-pilot-case-study-final .hero-meta{ display: flex; gap: 48px; padding: 32px 0; border-top: 1px solid var(--border); position: relative; z-index: 1; margin-top: 60px; }
  body.page-ai-pilot-case-study-final .meta-label{ font-family: 'Space Grotesk', sans-serif; font-size:14px; letter-spacing: 2px; color: var(--muted); text-transform: uppercase; margin-bottom: 6px; }
  body.page-ai-pilot-case-study-final .meta-value{ font-size: 14px; font-weight:400; color: var(--text); }

  /* SECTIONS */
  body.page-ai-pilot-case-study-final section{ padding: 120px 48px; max-width: 1200px; margin: 0 auto; }
  body.page-ai-pilot-case-study-final .section-number{ font-family: 'Space Grotesk', sans-serif; font-size:14px; letter-spacing: 3px; color: var(--orange); text-transform: uppercase; margin-bottom: 16px; display: flex; align-items: center; gap: 16px; }
  body.page-ai-pilot-case-study-final .section-number::before{ content: ''; width: 24px; height: 1px; background: var(--orange); }
  body.page-ai-pilot-case-study-final .section-title{ font-family: 'Space Grotesk', sans-serif; font-size: clamp(36px, 5vw, 64px); line-height: 1; color: var(--white); letter-spacing: 1px; margin-bottom: 48px; }
  body.page-ai-pilot-case-study-final .section-body{ font-size: 16px; color: var(--text); max-width: 680px; line-height: 1.8; }

  /* OVERVIEW */
  body.page-ai-pilot-case-study-final .overview-grid{ display: grid; grid-template-columns: 1fr 1fr; gap: 2px; background: var(--border); margin-bottom: 40px; }
  body.page-ai-pilot-case-study-final .overview-cell{ background: var(--card); padding: 32px; }
  body.page-ai-pilot-case-study-final .overview-cell-label{ font-family: 'Space Grotesk', sans-serif; font-size:14px; letter-spacing: 2px; color: var(--orange); text-transform: uppercase; margin-bottom: 10px; }
  body.page-ai-pilot-case-study-final .overview-cell-value{ font-size: 15px; color: var(--text); line-height: 1.6; }
  body.page-ai-pilot-case-study-final .context-box{ border-left: 2px solid var(--orange); padding: 28px 36px; background: var(--card); }
  body.page-ai-pilot-case-study-final .context-box p{ font-size: 16px; color: var(--text); line-height: 1.8; }

  /* PROBLEM */
  body.page-ai-pilot-case-study-final .problem-statement{ padding: 120px 48px; background: var(--card); border-top: 1px solid var(--border); border-bottom: 1px solid var(--border); }
  body.page-ai-pilot-case-study-final .problem-quote{ font-family: 'Space Grotesk', sans-serif; font-size: clamp(28px, 4vw, 52px); color: var(--white); line-height: 1.1; max-width: 900px; margin: 0 auto 64px; letter-spacing: 1px; }
  body.page-ai-pilot-case-study-final .problem-quote span{ color: var(--orange); }
  body.page-ai-pilot-case-study-final .challenges-grid{ display: grid; grid-template-columns: repeat(3, 1fr); gap: 2px; background: var(--border); max-width: 900px; margin: 0 auto; }
  body.page-ai-pilot-case-study-final .challenge-card{ background: var(--darker); padding: 40px 32px; }
  body.page-ai-pilot-case-study-final .challenge-num{ font-family: 'Space Grotesk', sans-serif; font-size:14px; color: var(--orange); letter-spacing: 2px; margin-bottom: 20px; }
  body.page-ai-pilot-case-study-final .challenge-title{ font-size: 14px; font-weight:400; color: var(--white); margin-bottom: 12px; text-transform: uppercase; letter-spacing: 1px; }
  body.page-ai-pilot-case-study-final .challenge-desc{ font-size: 14px; color: var(--muted); line-height: 1.6; }

  /* PROCESS */
  body.page-ai-pilot-case-study-final .process-steps{ display: grid; grid-template-columns: repeat(5, 1fr); border: 1px solid var(--border); margin-top: 48px; }
  body.page-ai-pilot-case-study-final .process-step{ padding: 32px 24px; border-right: 1px solid var(--border); }
  body.page-ai-pilot-case-study-final .process-step:last-child{ border-right: none; }
  body.page-ai-pilot-case-study-final .process-step-num{ font-family: 'Space Grotesk', sans-serif; font-size:14px; color: var(--orange); letter-spacing: 2px; margin-bottom: 16px; }
  body.page-ai-pilot-case-study-final .process-step-title{ font-size:14px; font-weight:400; color: var(--white); text-transform: uppercase; letter-spacing: 1px; margin-bottom: 10px; }
  body.page-ai-pilot-case-study-final .process-step-desc{ font-size:14px; color: var(--muted); line-height: 1.5; }

  /* PERSONAS */
  body.page-ai-pilot-case-study-final .personas-grid{ display: grid; grid-template-columns: 1fr 1fr; gap: 2px; background: var(--border); margin-top: 48px; }
  body.page-ai-pilot-case-study-final .persona-card{ background: var(--card); padding: 48px; }
  body.page-ai-pilot-case-study-final .persona-type{ font-family: 'Space Grotesk', sans-serif; font-size:14px; letter-spacing: 2px; color: var(--orange); text-transform: uppercase; margin-bottom: 20px; }
  body.page-ai-pilot-case-study-final .persona-name{ font-family: 'Space Grotesk', sans-serif; font-size: 36px; color: var(--white); letter-spacing: 1px; margin-bottom: 32px; }
  body.page-ai-pilot-case-study-final .persona-row{ margin-bottom: 20px; }
  body.page-ai-pilot-case-study-final .persona-row-label{ font-size:14px; font-weight:400; color: var(--muted); text-transform: uppercase; letter-spacing: 1px; margin-bottom: 6px; }
  body.page-ai-pilot-case-study-final .persona-row-value{ font-size: 14px; color: var(--text); line-height: 1.6; }

  /* IA */
  body.page-ai-pilot-case-study-final .ia-pillars{ display: grid; grid-template-columns: repeat(4, 1fr); gap: 2px; background: var(--border); margin-top: 48px; }
  body.page-ai-pilot-case-study-final .ia-pillar{ background: var(--darker); padding: 40px 28px; position: relative; overflow: hidden; }
  body.page-ai-pilot-case-study-final .ia-pillar::before{ content: ''; position: absolute; top: 0; left: 0; right: 0; height: 2px; background: var(--orange); transform: scaleX(0); transform-origin: left; transition: transform 0.4s ease; }
  body.page-ai-pilot-case-study-final .ia-pillar:hover::before{ transform: scaleX(1); }
  body.page-ai-pilot-case-study-final .ia-pillar-num{ font-family: 'Space Grotesk', sans-serif; font-size:14px; color: var(--orange); letter-spacing: 2px; margin-bottom: 20px; }
  body.page-ai-pilot-case-study-final .ia-pillar-title{ font-family: 'Space Grotesk', sans-serif; font-size: 28px; color: var(--white); letter-spacing: 1px; margin-bottom: 16px; }
  body.page-ai-pilot-case-study-final .ia-pillar-desc{ font-size:14px; color: var(--muted); line-height: 1.6; }

  /* GRAPHIC WRAPPER */
  body.page-ai-pilot-case-study-final .graphic-wrap{ margin-top: 56px; width: 100%; border: 1px solid var(--border); overflow: hidden; }
  body.page-ai-pilot-case-study-final .graphic-label{ font-family: 'Space Grotesk', sans-serif; font-size:14px; letter-spacing: 2px; color: var(--muted); padding: 12px 20px; border-bottom: 1px solid var(--border); text-transform: uppercase; display: flex; justify-content: space-between; }
  body.page-ai-pilot-case-study-final .graphic-label span{ color: var(--orange); }

  /* SOLUTIONS */
  body.page-ai-pilot-case-study-final .solutions-list{ margin-top: 48px; }
  body.page-ai-pilot-case-study-final .solution-item{ display: grid; grid-template-columns: 72px 1fr; gap: 40px; padding: 64px 0; border-bottom: 1px solid var(--border); align-items: start; }
  body.page-ai-pilot-case-study-final .solution-item:first-child{ border-top: 1px solid var(--border); }
  body.page-ai-pilot-case-study-final .solution-letter{ font-family: 'Space Grotesk', sans-serif; font-size: 80px; line-height: 1; color: var(--muted); }
  body.page-ai-pilot-case-study-final .solution-tag{ font-family: 'Space Grotesk', sans-serif; font-size:14px; letter-spacing: 2px; color: var(--orange); text-transform: uppercase; margin-bottom: 12px; }
  body.page-ai-pilot-case-study-final .solution-title{ font-family: 'Space Grotesk', sans-serif; font-size: 36px; color: var(--white); letter-spacing: 1px; margin-bottom: 16px; }
  body.page-ai-pilot-case-study-final .solution-desc{ font-size: 15px; color: var(--text); line-height: 1.8; max-width: 600px; margin-bottom: 40px; }

  /* DS */
  body.page-ai-pilot-case-study-final .ds-grid{ display: grid; grid-template-columns: 1fr 1fr; gap: 2px; background: var(--border); margin-top: 48px; }
  body.page-ai-pilot-case-study-final .ds-card{ background: var(--card); padding: 40px; }
  body.page-ai-pilot-case-study-final .ds-card-label{ font-family: 'Space Grotesk', sans-serif; font-size:14px; letter-spacing: 2px; color: var(--orange); text-transform: uppercase; margin-bottom: 16px; }
  body.page-ai-pilot-case-study-final .ds-card-title{ font-size: 16px; font-weight:400; color: var(--white); margin-bottom: 12px; }
  body.page-ai-pilot-case-study-final .ds-card-desc{ font-size: 14px; color: var(--muted); line-height: 1.7; }

  /* OUTCOME */
  body.page-ai-pilot-case-study-final .outcome-section{ background: var(--card); border-top: 1px solid var(--border); border-bottom: 1px solid var(--border); padding: 120px 48px; }
  body.page-ai-pilot-case-study-final .outcome-inner{ max-width: 1200px; margin: 0 auto; }
  body.page-ai-pilot-case-study-final .outcome-quote{ font-family: 'Space Grotesk', sans-serif; font-size: clamp(24px, 3.5vw, 44px); color: var(--white); line-height: 1.15; max-width: 800px; margin-bottom: 80px; letter-spacing: 1px; }
  body.page-ai-pilot-case-study-final .outcome-quote span{ color: var(--orange); }
  body.page-ai-pilot-case-study-final .outcome-cards{ display: grid; grid-template-columns: repeat(3, 1fr); gap: 2px; background: var(--border); }
  body.page-ai-pilot-case-study-final .outcome-card{ background: var(--darker); padding: 48px 40px; }
  body.page-ai-pilot-case-study-final .outcome-card-label{ font-family: 'Space Grotesk', sans-serif; font-size:14px; letter-spacing: 2px; color: var(--orange); text-transform: uppercase; margin-bottom: 20px; }
  body.page-ai-pilot-case-study-final .outcome-card-text{ font-size: 15px; color: var(--text); line-height: 1.7; }

  body.page-ai-pilot-case-study-final footer{ padding: 80px 48px; border-top: 1px solid var(--border); display: flex; justify-content: space-between; align-items: center; max-width: 1200px; margin: 0 auto; }
  body.page-ai-pilot-case-study-final .footer-label{ font-family: 'Space Grotesk', sans-serif; font-size:14px; color: var(--muted); letter-spacing: 2px; text-transform: uppercase; }
  body.page-ai-pilot-case-study-final .footer-next{ font-family: 'Space Grotesk', sans-serif; font-size: 18px; color: var(--white); text-decoration: none; letter-spacing: 2px; display: flex; align-items: center; gap: 12px; transition: color 0.2s; }
  body.page-ai-pilot-case-study-final .footer-next:hover{ color: var(--orange); }
  body.page-ai-pilot-case-study-final .footer-next span{ transition: transform 0.2s; }
  body.page-ai-pilot-case-study-final .footer-next:hover span{ transform: translateX(4px); }

  @keyframes fadeUp{ from { opacity: 0; transform: translateY(32px); } to { opacity: 1; transform: translateY(0); } }
  body.page-ai-pilot-case-study-final .hero-label{ animation: fadeUp 0.8s 0.1s ease forwards; opacity: 0; }
  body.page-ai-pilot-case-study-final .hero-title{ animation: fadeUp 0.8s 0.25s ease forwards; opacity: 0; }
  body.page-ai-pilot-case-study-final .hero-subtitle{ animation: fadeUp 0.8s 0.4s ease forwards; opacity: 0; }
  body.page-ai-pilot-case-study-final .hero-right{ animation: fadeUp 0.8s 0.35s ease forwards; opacity: 0; }

  @media (max-width: 900px){
    body.page-ai-pilot-case-study-final nav, body.page-ai-pilot-case-study-final section, body.page-ai-pilot-case-study-final .hero, body.page-ai-pilot-case-study-final .outcome-section, body.page-ai-pilot-case-study-final footer{ padding-left: 24px; padding-right: 24px; }
    body.page-ai-pilot-case-study-final .hero-top{ grid-template-columns: 1fr; }
    body.page-ai-pilot-case-study-final .overview-grid, body.page-ai-pilot-case-study-final .personas-grid, body.page-ai-pilot-case-study-final .ds-grid, body.page-ai-pilot-case-study-final .ia-pillars, body.page-ai-pilot-case-study-final .challenges-grid, body.page-ai-pilot-case-study-final .outcome-cards{ grid-template-columns: 1fr; }
    body.page-ai-pilot-case-study-final .process-steps{ grid-template-columns: 1fr 1fr; }
    body.page-ai-pilot-case-study-final .solution-item{ grid-template-columns: 1fr; gap: 16px; }
    body.page-ai-pilot-case-study-final .hero-meta{ flex-wrap: wrap; gap: 24px; }
  }

  body.page-ai-pilot-case-study-final .real-screen{ border:1px solid var(--border); border-radius:6px; overflow:hidden; margin-top:8px; background:var(--card); }
  body.page-ai-pilot-case-study-final .screen-bar-real{ background:#111; padding:10px 14px; display:flex; align-items:center; gap:8px; border-bottom:1px solid var(--border); }
  body.page-ai-pilot-case-study-final .screen-bar-real span{ width:10px;height:10px;border-radius:50%;background:var(--border); }
  body.page-ai-pilot-case-study-final .screen-url{ font-family:'Space Grotesk', sans-serif;font-size:14px;color:var(--muted);margin-left:8px;letter-spacing:1px; }
  body.page-ai-pilot-case-study-final .screen-caption{ font-family:'Space Grotesk', sans-serif;font-size:14px;color:var(--muted);padding:10px 14px;letter-spacing:1.5px;text-transform:uppercase;border-top:1px solid var(--border); }
  body.page-ai-pilot-case-study-final .screen-note{ font-size:14px;color:var(--text);padding:0 14px 14px;line-height:1.6; }
  body.page-ai-pilot-case-study-final .screen-grid{ display:grid;grid-template-columns:1fr 1fr;gap:2px;background:var(--border);margin-top:8px; }
  body.page-ai-pilot-case-study-final .screen-grid .real-screen{ border:none;border-radius:0;margin-top:0; }


/* document-templates.html */
body.page-document-templates-case-study{--or:#E8622A;--dk:#0D0D0D;--dkk:#080808;--cd:#141414;--br:#222;--tx:#E8E4DC;--mt:#A7A099;--wh:#F5F2ED}
body.page-document-templates-case-study *, body.page-document-templates-case-study *::before, body.page-document-templates-case-study *::after{box-sizing:border-box;margin:0;padding:0}
html body.page-document-templates-case-study{scroll-behavior:smooth}
body.page-document-templates-case-study{background:var(--dk);color:var(--tx);font-family:'Space Grotesk', sans-serif;font-weight:400;line-height:1.7;overflow-x:hidden}
body.page-document-templates-case-study nav{position:fixed;top:0;left:0;right:0;z-index:100;display:flex;justify-content:space-between;align-items:center;padding:22px 48px;background:linear-gradient(to bottom,rgba(13,13,13,.96),transparent);backdrop-filter:blur(4px)}
body.page-document-templates-case-study .nl{font-family:'Space Grotesk', sans-serif;font-size:21px;letter-spacing:3px;color:var(--wh);text-decoration:none}
body.page-document-templates-case-study .nb{font-family:'Space Grotesk', sans-serif;font-size:14px;letter-spacing:2px;color:var(--mt);text-decoration:none;text-transform:uppercase;transition:color .2s}
body.page-document-templates-case-study .nb:hover{color:var(--or)}

body.page-document-templates-case-study .hero{min-height:80vh;padding:0 48px;position:relative;overflow:hidden;display:flex;flex-direction:column;justify-content:flex-end}
body.page-document-templates-case-study .hbg{position:absolute;inset:0;background:radial-gradient(ellipse 60% 50% at 60% 40%,rgba(232,98,42,.09) 0%,transparent 70%)}
body.page-document-templates-case-study .htop{display:grid;grid-template-columns:1fr 1.3fr;gap:56px;align-items:end;padding-top:140px;position:relative;z-index:1}
body.page-document-templates-case-study .hl{font-family:'Space Grotesk', sans-serif;font-size:14px;letter-spacing:3px;color:var(--or);text-transform:uppercase;margin-bottom:24px;display:flex;align-items:center;gap:14px}
body.page-document-templates-case-study .hl::before{content:'';width:26px;height:1px;background:var(--or)}
body.page-document-templates-case-study h1{font-family:'Space Grotesk', sans-serif;font-size:clamp(52px,8vw,96px);line-height:.92;color:var(--wh);letter-spacing:2px;margin-bottom:24px}
body.page-document-templates-case-study h1 span{color:var(--or)}
body.page-document-templates-case-study .hsub{font-size:16px;font-weight:400;color:var(--mt);max-width:360px;line-height:1.7}
body.page-document-templates-case-study .hm{display:flex;gap:40px;padding:28px 0;border-top:1px solid var(--br);position:relative;z-index:1;margin-top:48px;flex-wrap:wrap}
body.page-document-templates-case-study .ml{font-family:'Space Grotesk', sans-serif;font-size:14px;letter-spacing:2px;color:var(--mt);text-transform:uppercase;margin-bottom:5px}
body.page-document-templates-case-study .mv{font-size:14px;font-weight:400;color:var(--tx)}

body.page-document-templates-case-study section{padding:88px 48px;max-width:1200px;margin:0 auto}
body.page-document-templates-case-study .sn{font-family:'Space Grotesk', sans-serif;font-size:14px;letter-spacing:3px;color:var(--or);text-transform:uppercase;margin-bottom:14px;display:flex;align-items:center;gap:13px}
body.page-document-templates-case-study .sn::before{content:'';width:20px;height:1px;background:var(--or)}
body.page-document-templates-case-study h2{font-family:'Space Grotesk', sans-serif;font-size:clamp(28px,4.5vw,56px);line-height:1;color:var(--wh);letter-spacing:1px;margin-bottom:32px}
body.page-document-templates-case-study .sb{font-size:15px;color:var(--tx);max-width:700px;line-height:1.8}

/* DECISIONS */
body.page-document-templates-case-study .dec{padding:56px 0;border-bottom:1px solid var(--br)}
body.page-document-templates-case-study .dec:first-child{border-top:1px solid var(--br)}
body.page-document-templates-case-study .dec-hdr{display:grid;grid-template-columns:60px 1fr;gap:24px;margin-bottom:32px;align-items:start}
body.page-document-templates-case-study .dec-ltr{font-family:'Space Grotesk', sans-serif;font-size:60px;line-height:1;color:var(--mt)}
body.page-document-templates-case-study .dec-tag{font-family:'Space Grotesk', sans-serif;font-size:14px;letter-spacing:2px;color:var(--or);text-transform:uppercase;margin-bottom:8px}
body.page-document-templates-case-study .dec-title{font-family:'Space Grotesk', sans-serif;font-size:26px;color:var(--wh);letter-spacing:1px;margin-bottom:10px}
body.page-document-templates-case-study .dec-desc{font-size:14px;color:var(--tx);line-height:1.8;max-width:580px}

/* FEATURE GRID */
body.page-document-templates-case-study .feat-grid{display:grid;grid-template-columns:1fr 1fr 1fr;gap:2px;background:var(--br);margin-top:40px}
body.page-document-templates-case-study .feat{background:var(--cd);padding:28px 28px;display:flex;gap:16px;align-items:flex-start}
body.page-document-templates-case-study .fdot{width:6px;height:6px;border-radius:50%;background:var(--or);flex-shrink:0;margin-top:7px}
body.page-document-templates-case-study .ft{font-size:14px;font-weight:400;color:var(--wh);margin-bottom:5px;text-transform:uppercase;letter-spacing:.5px}
body.page-document-templates-case-study .fd{font-size:14px;color:var(--mt);line-height:1.6}

/* WATERMARK SPECS */
body.page-document-templates-case-study .wm-grid{display:grid;grid-template-columns:1fr 1fr;gap:2px;background:var(--br);margin-top:40px}
body.page-document-templates-case-study .wm-card{background:var(--cd);padding:36px 32px}
body.page-document-templates-case-study .wm-label{font-family:'Space Grotesk', sans-serif;font-size:14px;letter-spacing:2px;color:var(--or);text-transform:uppercase;margin-bottom:16px}
body.page-document-templates-case-study .wm-title{font-size:15px;font-weight:400;color:var(--wh);margin-bottom:14px}
body.page-document-templates-case-study .wm-list{list-style:none}
body.page-document-templates-case-study .wm-list li{font-size:14px;color:var(--mt);padding:5px 0;border-bottom:1px solid var(--br);display:flex;align-items:flex-start;gap:8px;line-height:1.5}
body.page-document-templates-case-study .wm-list li:last-child{border-bottom:none}
body.page-document-templates-case-study .wm-list li::before{content:'–';color:var(--or);flex-shrink:0}

/* SCREENS */
body.page-document-templates-case-study .sc{border:1px solid var(--br);border-radius:5px;overflow:hidden;background:var(--cd)}
body.page-document-templates-case-study .sc-bar{background:#111;padding:8px 13px;display:flex;align-items:center;gap:7px;border-bottom:1px solid var(--br)}
body.page-document-templates-case-study .sc-bar span{width:9px;height:9px;border-radius:50%;background:var(--br);flex-shrink:0}
body.page-document-templates-case-study .sc-url{font-family:'Space Grotesk', sans-serif;font-size:14px;color:var(--mt);margin-left:7px;letter-spacing:1px}
body.page-document-templates-case-study .sc-cap{font-family:'Space Grotesk', sans-serif;font-size:14px;color:var(--mt);padding:8px 13px;letter-spacing:1.5px;text-transform:uppercase;border-top:1px solid var(--br)}
body.page-document-templates-case-study .sc-note{font-size:14px;color:var(--tx);padding:0 13px 13px;line-height:1.6}
body.page-document-templates-case-study .sc-wrap{border:1px solid var(--br);border-radius:5px;overflow:hidden}
body.page-document-templates-case-study .sc-wrap-label{font-family:'Space Grotesk', sans-serif;font-size:14px;color:var(--mt);padding:9px 15px;border-bottom:1px solid var(--br);background:var(--cd);display:flex;justify-content:space-between;letter-spacing:1.5px;text-transform:uppercase}
body.page-document-templates-case-study .sc-wrap-label span{color:var(--or)}
body.page-document-templates-case-study .sc-grid{display:grid;grid-template-columns:1fr 1fr;gap:2px;background:var(--br)}
body.page-document-templates-case-study .sc-grid .sc{border:none;border-radius:0}

/* OUTCOME */
body.page-document-templates-case-study .oc-cards{display:grid;grid-template-columns:repeat(3,1fr);gap:2px;background:var(--br);margin-top:40px}
body.page-document-templates-case-study .oc-card{background:var(--dkk);padding:32px 28px}
body.page-document-templates-case-study .oc-label{font-family:'Space Grotesk', sans-serif;font-size:14px;letter-spacing:2px;color:var(--or);text-transform:uppercase;margin-bottom:12px}
body.page-document-templates-case-study .oc-text{font-size:14px;color:var(--tx);line-height:1.7}

body.page-document-templates-case-study footer{padding:56px 48px;border-top:1px solid var(--br);display:flex;justify-content:space-between;align-items:center;max-width:1200px;margin:0 auto}
body.page-document-templates-case-study .fl{font-family:'Space Grotesk', sans-serif;font-size:14px;color:var(--mt);letter-spacing:2px;text-transform:uppercase}
body.page-document-templates-case-study .fn{font-family:'Space Grotesk', sans-serif;font-size:17px;color:var(--wh);text-decoration:none;letter-spacing:2px;transition:color .2s}
body.page-document-templates-case-study .fn:hover{color:var(--or)}

@keyframes fadeUp{from{opacity:0;transform:translateY(26px)}to{opacity:1;transform:translateY(0)}}
body.page-document-templates-case-study .hl{animation:fadeUp .8s .1s ease forwards;opacity:0}
body.page-document-templates-case-study h1{animation:fadeUp .8s .25s ease forwards;opacity:0}
body.page-document-templates-case-study .hsub{animation:fadeUp .8s .38s ease forwards;opacity:0}
body.page-document-templates-case-study .hero-right{animation:fadeUp .8s .3s ease forwards;opacity:0}

@media(max-width:900px){
  body.page-document-templates-case-study nav, body.page-document-templates-case-study section, body.page-document-templates-case-study .hero, body.page-document-templates-case-study footer{padding-left:24px;padding-right:24px}
  body.page-document-templates-case-study .htop{grid-template-columns:1fr}
  body.page-document-templates-case-study .sc-grid, body.page-document-templates-case-study .wm-grid, body.page-document-templates-case-study .feat-grid, body.page-document-templates-case-study .oc-cards{grid-template-columns:1fr}
  body.page-document-templates-case-study .dec-hdr{grid-template-columns:1fr;gap:0}
  body.page-document-templates-case-study .dec-ltr{font-size:40px}
}


/* meeting-scheduler.html */
body.page-meeting-scheduler-case-study{--or:#E8622A;--dk:#0D0D0D;--dkk:#080808;--cd:#141414;--br:#222;--tx:#E8E4DC;--mt:#A7A099;--wh:#F5F2ED}
body.page-meeting-scheduler-case-study *, body.page-meeting-scheduler-case-study *::before, body.page-meeting-scheduler-case-study *::after{box-sizing:border-box;margin:0;padding:0}
html body.page-meeting-scheduler-case-study{scroll-behavior:smooth}
body.page-meeting-scheduler-case-study{background:var(--dk);color:var(--tx);font-family:'Space Grotesk', sans-serif;font-weight:400;line-height:1.7;overflow-x:hidden}

body.page-meeting-scheduler-case-study nav{position:fixed;top:0;left:0;right:0;z-index:100;display:flex;justify-content:space-between;align-items:center;padding:22px 48px;background:linear-gradient(to bottom,rgba(13,13,13,.96),transparent);backdrop-filter:blur(4px)}
body.page-meeting-scheduler-case-study .nl{font-family:'Space Grotesk', sans-serif;font-size:21px;letter-spacing:3px;color:var(--wh);text-decoration:none}
body.page-meeting-scheduler-case-study .nb{font-family:'Space Grotesk', sans-serif;font-size:14px;letter-spacing:2px;color:var(--mt);text-decoration:none;text-transform:uppercase;transition:color .2s}
body.page-meeting-scheduler-case-study .nb:hover{color:var(--or)}

body.page-meeting-scheduler-case-study .hero{min-height:100vh;padding:0 48px;position:relative;overflow:hidden;display:flex;flex-direction:column;justify-content:flex-end}
body.page-meeting-scheduler-case-study .hbg{position:absolute;inset:0;background:radial-gradient(ellipse 70% 60% at 65% 35%,rgba(232,98,42,.09) 0%,transparent 70%)}
body.page-meeting-scheduler-case-study .htop{display:grid;grid-template-columns:1fr 1.2fr;gap:56px;align-items:end;padding-top:140px;position:relative;z-index:1}
body.page-meeting-scheduler-case-study .hl{font-family:'Space Grotesk', sans-serif;font-size:14px;letter-spacing:3px;color:var(--or);text-transform:uppercase;margin-bottom:24px;display:flex;align-items:center;gap:14px}
body.page-meeting-scheduler-case-study .hl::before{content:'';width:26px;height:1px;background:var(--or)}
body.page-meeting-scheduler-case-study h1{font-family:'Space Grotesk', sans-serif;font-size:clamp(52px,8vw,96px);line-height:.92;color:var(--wh);letter-spacing:2px;margin-bottom:24px}
body.page-meeting-scheduler-case-study h1 span{color:var(--or)}
body.page-meeting-scheduler-case-study .hsub{font-size:16px;font-weight:400;color:var(--mt);max-width:380px;line-height:1.7}
body.page-meeting-scheduler-case-study .hm{display:flex;gap:40px;padding:28px 0;border-top:1px solid var(--br);position:relative;z-index:1;margin-top:56px;flex-wrap:wrap}
body.page-meeting-scheduler-case-study .ml{font-family:'Space Grotesk', sans-serif;font-size:14px;letter-spacing:2px;color:var(--mt);text-transform:uppercase;margin-bottom:5px}
body.page-meeting-scheduler-case-study .mv{font-size:14px;font-weight:400;color:var(--tx)}

body.page-meeting-scheduler-case-study section{padding:96px 48px;max-width:1200px;margin:0 auto}
body.page-meeting-scheduler-case-study .sn{font-family:'Space Grotesk', sans-serif;font-size:14px;letter-spacing:3px;color:var(--or);text-transform:uppercase;margin-bottom:14px;display:flex;align-items:center;gap:13px}
body.page-meeting-scheduler-case-study .sn::before{content:'';width:20px;height:1px;background:var(--or)}
body.page-meeting-scheduler-case-study h2{font-family:'Space Grotesk', sans-serif;font-size:clamp(30px,4.5vw,58px);line-height:1;color:var(--wh);letter-spacing:1px;margin-bottom:36px}
body.page-meeting-scheduler-case-study .sb{font-size:15px;color:var(--tx);max-width:700px;line-height:1.8}

body.page-meeting-scheduler-case-study .band{background:var(--cd);border-top:1px solid var(--br);border-bottom:1px solid var(--br);padding:96px 48px}
body.page-meeting-scheduler-case-study .bi{max-width:1200px;margin:0 auto}
body.page-meeting-scheduler-case-study .bq{font-family:'Space Grotesk', sans-serif;font-size:clamp(22px,3.6vw,46px);color:var(--wh);line-height:1.1;max-width:860px;margin-bottom:52px;letter-spacing:1px}
body.page-meeting-scheduler-case-study .bq span{color:var(--or)}

/* MEETING TYPES */
body.page-meeting-scheduler-case-study .types{display:grid;grid-template-columns:repeat(4,1fr);gap:2px;background:var(--br);margin-top:44px}
body.page-meeting-scheduler-case-study .type{background:var(--dkk);padding:36px 28px;position:relative;overflow:hidden}
body.page-meeting-scheduler-case-study .type::before{content:'';position:absolute;top:0;left:0;right:0;height:2px;background:var(--or);transform:scaleX(0);transform-origin:left;transition:transform .4s}
body.page-meeting-scheduler-case-study .type:hover::before{transform:scaleX(1)}
body.page-meeting-scheduler-case-study .type-num{font-family:'Space Grotesk', sans-serif;font-size:14px;color:var(--or);letter-spacing:2px;margin-bottom:14px}
body.page-meeting-scheduler-case-study .type-title{font-family:'Space Grotesk', sans-serif;font-size:26px;color:var(--wh);letter-spacing:1px;margin-bottom:10px}
body.page-meeting-scheduler-case-study .type-desc{font-size:14px;color:var(--mt);line-height:1.6;margin-bottom:14px}
body.page-meeting-scheduler-case-study .type-rule{font-size:14px;color:var(--tx);line-height:1.5;padding:10px 12px;background:var(--cd);border-left:2px solid var(--or)}

/* PROBLEMS */
body.page-meeting-scheduler-case-study .pg{display:grid;grid-template-columns:repeat(3,1fr);gap:2px;background:var(--br);max-width:860px}
body.page-meeting-scheduler-case-study .pc{background:var(--dkk);padding:32px 26px}
body.page-meeting-scheduler-case-study .pn{font-family:'Space Grotesk', sans-serif;font-size:14px;color:var(--or);letter-spacing:2px;margin-bottom:12px}
body.page-meeting-scheduler-case-study .pt{font-size:14px;font-weight:400;color:var(--wh);text-transform:uppercase;letter-spacing:1px;margin-bottom:8px}
body.page-meeting-scheduler-case-study .pd{font-size:14px;color:var(--mt);line-height:1.6}

/* DECISIONS */
body.page-meeting-scheduler-case-study .dec{padding:60px 0;border-bottom:1px solid var(--br)}
body.page-meeting-scheduler-case-study .dec:first-child{border-top:1px solid var(--br)}
body.page-meeting-scheduler-case-study .dec-hdr{display:grid;grid-template-columns:64px 1fr;gap:28px;margin-bottom:36px;align-items:start}
body.page-meeting-scheduler-case-study .dec-ltr{font-family:'Space Grotesk', sans-serif;font-size:64px;line-height:1;color:var(--mt)}
body.page-meeting-scheduler-case-study .dec-tag{font-family:'Space Grotesk', sans-serif;font-size:14px;letter-spacing:2px;color:var(--or);text-transform:uppercase;margin-bottom:9px}
body.page-meeting-scheduler-case-study .dec-title{font-family:'Space Grotesk', sans-serif;font-size:28px;color:var(--wh);letter-spacing:1px;margin-bottom:11px}
body.page-meeting-scheduler-case-study .dec-desc{font-size:14px;color:var(--tx);line-height:1.8;max-width:580px}

/* FEATURE GRID */
body.page-meeting-scheduler-case-study .feat-grid{display:grid;grid-template-columns:1fr 1fr;gap:2px;background:var(--br);margin-top:44px}
body.page-meeting-scheduler-case-study .feat{background:var(--cd);padding:26px 30px;display:flex;gap:16px;align-items:flex-start}
body.page-meeting-scheduler-case-study .fdot{width:6px;height:6px;border-radius:50%;background:var(--or);flex-shrink:0;margin-top:7px}
body.page-meeting-scheduler-case-study .ft{font-size:14px;font-weight:400;color:var(--wh);margin-bottom:5px;text-transform:uppercase;letter-spacing:.5px}
body.page-meeting-scheduler-case-study .fd{font-size:14px;color:var(--mt);line-height:1.6}

/* SCREENS */
body.page-meeting-scheduler-case-study .sc{border:1px solid var(--br);border-radius:5px;overflow:hidden;background:var(--cd)}
body.page-meeting-scheduler-case-study .sc-bar{background:#111;padding:8px 13px;display:flex;align-items:center;gap:7px;border-bottom:1px solid var(--br)}
body.page-meeting-scheduler-case-study .sc-bar span{width:9px;height:9px;border-radius:50%;background:var(--br);flex-shrink:0}
body.page-meeting-scheduler-case-study .sc-url{font-family:'Space Grotesk', sans-serif;font-size:14px;color:var(--mt);margin-left:7px;letter-spacing:1px}
body.page-meeting-scheduler-case-study .sc-cap{font-family:'Space Grotesk', sans-serif;font-size:14px;color:var(--mt);padding:8px 13px;letter-spacing:1.5px;text-transform:uppercase;border-top:1px solid var(--br)}
body.page-meeting-scheduler-case-study .sc-note{font-size:14px;color:var(--tx);padding:0 13px 13px;line-height:1.6}
body.page-meeting-scheduler-case-study .sc-wrap{border:1px solid var(--br);border-radius:5px;overflow:hidden}
body.page-meeting-scheduler-case-study .sc-wrap-label{font-family:'Space Grotesk', sans-serif;font-size:14px;color:var(--mt);padding:9px 15px;border-bottom:1px solid var(--br);background:var(--cd);display:flex;justify-content:space-between;letter-spacing:1.5px;text-transform:uppercase}
body.page-meeting-scheduler-case-study .sc-wrap-label span{color:var(--or)}
body.page-meeting-scheduler-case-study .sc-grid{display:grid;grid-template-columns:1fr 1fr;gap:2px;background:var(--br)}
body.page-meeting-scheduler-case-study .sc-grid .sc{border:none;border-radius:0}

/* OUTCOME */
body.page-meeting-scheduler-case-study .oc-cards{display:grid;grid-template-columns:repeat(3,1fr);gap:2px;background:var(--br)}
body.page-meeting-scheduler-case-study .oc-card{background:var(--dkk);padding:36px 28px}
body.page-meeting-scheduler-case-study .oc-label{font-family:'Space Grotesk', sans-serif;font-size:14px;letter-spacing:2px;color:var(--or);text-transform:uppercase;margin-bottom:14px}
body.page-meeting-scheduler-case-study .oc-text{font-size:14px;color:var(--tx);line-height:1.7}

body.page-meeting-scheduler-case-study footer{padding:56px 48px;border-top:1px solid var(--br);display:flex;justify-content:space-between;align-items:center;max-width:1200px;margin:0 auto}
body.page-meeting-scheduler-case-study .fl{font-family:'Space Grotesk', sans-serif;font-size:14px;color:var(--mt);letter-spacing:2px;text-transform:uppercase}
body.page-meeting-scheduler-case-study .fn{font-family:'Space Grotesk', sans-serif;font-size:17px;color:var(--wh);text-decoration:none;letter-spacing:2px;transition:color .2s}
body.page-meeting-scheduler-case-study .fn:hover{color:var(--or)}

@keyframes fadeUp{from{opacity:0;transform:translateY(26px)}to{opacity:1;transform:translateY(0)}}
body.page-meeting-scheduler-case-study .hl{animation:fadeUp .8s .1s ease forwards;opacity:0}
body.page-meeting-scheduler-case-study h1{animation:fadeUp .8s .25s ease forwards;opacity:0}
body.page-meeting-scheduler-case-study .hsub{animation:fadeUp .8s .38s ease forwards;opacity:0}
body.page-meeting-scheduler-case-study .hero-right{animation:fadeUp .8s .3s ease forwards;opacity:0}

@media(max-width:900px){
  body.page-meeting-scheduler-case-study nav, body.page-meeting-scheduler-case-study section, body.page-meeting-scheduler-case-study .hero, body.page-meeting-scheduler-case-study .band, body.page-meeting-scheduler-case-study footer{padding-left:24px;padding-right:24px}
  body.page-meeting-scheduler-case-study .htop{grid-template-columns:1fr}
  body.page-meeting-scheduler-case-study .types, body.page-meeting-scheduler-case-study .sc-grid, body.page-meeting-scheduler-case-study .pg, body.page-meeting-scheduler-case-study .feat-grid, body.page-meeting-scheduler-case-study .oc-cards{grid-template-columns:1fr}
  body.page-meeting-scheduler-case-study .dec-hdr{grid-template-columns:1fr;gap:0}
  body.page-meeting-scheduler-case-study .dec-ltr{font-size:40px}
}


/* unified-inbox.html */
body.page-unified-inbox-v2{
  --or: #E8622A; --dk: #0D0D0D; --dkk: #080808;
  --cd: #141414; --br: #222; --tx: #E8E4DC;
  --mt: #A7A099; --wh: #F5F2ED;
}
body.page-unified-inbox-v2 *, body.page-unified-inbox-v2 *::before, body.page-unified-inbox-v2 *::after{box-sizing:border-box;margin:0;padding:0}
html body.page-unified-inbox-v2{scroll-behavior:smooth}
body.page-unified-inbox-v2{background:var(--dk);color:var(--tx);font-family:'Space Grotesk', sans-serif;font-weight:400;line-height:1.7;overflow-x:hidden}

body.page-unified-inbox-v2 nav{position:fixed;top:0;left:0;right:0;z-index:100;display:flex;justify-content:space-between;align-items:center;padding:22px 48px;background:linear-gradient(to bottom,rgba(13,13,13,.96),transparent);backdrop-filter:blur(4px)}
body.page-unified-inbox-v2 .nl{font-family:'Space Grotesk', sans-serif;font-size:21px;letter-spacing:3px;color:var(--wh);text-decoration:none}
body.page-unified-inbox-v2 .nb{font-family:'Space Grotesk', sans-serif;font-size:14px;letter-spacing:2px;color:var(--mt);text-decoration:none;text-transform:uppercase;transition:color .2s}
body.page-unified-inbox-v2 .nb:hover{color:var(--or)}

/* HERO */
body.page-unified-inbox-v2 .hero{min-height:100vh;padding:0 48px;position:relative;overflow:hidden;display:flex;flex-direction:column;justify-content:flex-end}
body.page-unified-inbox-v2 .hero-bg{position:absolute;inset:0;background:radial-gradient(ellipse 70% 60% at 65% 35%,rgba(232,98,42,.09) 0%,transparent 70%)}
body.page-unified-inbox-v2 .hero-top{display:grid;grid-template-columns:1fr 1.2fr;gap:56px;align-items:end;padding-top:140px;position:relative;z-index:1}
body.page-unified-inbox-v2 .hl{font-family:'Space Grotesk', sans-serif;font-size:14px;letter-spacing:3px;color:var(--or);text-transform:uppercase;margin-bottom:24px;display:flex;align-items:center;gap:14px}
body.page-unified-inbox-v2 .hl::before{content:'';width:26px;height:1px;background:var(--or)}
body.page-unified-inbox-v2 h1{font-family:'Space Grotesk', sans-serif;font-size:clamp(52px,8vw,96px);line-height:.92;color:var(--wh);letter-spacing:2px;margin-bottom:24px}
body.page-unified-inbox-v2 h1 span{color:var(--or)}
body.page-unified-inbox-v2 .hsub{font-size:16px;font-weight:400;color:var(--mt);max-width:380px;line-height:1.7}
body.page-unified-inbox-v2 .hm{display:flex;gap:40px;padding:28px 0;border-top:1px solid var(--br);position:relative;z-index:1;margin-top:56px;flex-wrap:wrap}
body.page-unified-inbox-v2 .ml{font-family:'Space Grotesk', sans-serif;font-size:14px;letter-spacing:2px;color:var(--mt);text-transform:uppercase;margin-bottom:5px}
body.page-unified-inbox-v2 .mv{font-size:14px;font-weight:400;color:var(--tx)}

/* SECTIONS */
body.page-unified-inbox-v2 section{padding:96px 48px;max-width:1200px;margin:0 auto}
body.page-unified-inbox-v2 .sn{font-family:'Space Grotesk', sans-serif;font-size:14px;letter-spacing:3px;color:var(--or);text-transform:uppercase;margin-bottom:14px;display:flex;align-items:center;gap:13px}
body.page-unified-inbox-v2 .sn::before{content:'';width:20px;height:1px;background:var(--or)}
body.page-unified-inbox-v2 h2{font-family:'Space Grotesk', sans-serif;font-size:clamp(30px,4.5vw,58px);line-height:1;color:var(--wh);letter-spacing:1px;margin-bottom:36px}
body.page-unified-inbox-v2 .sb{font-size:15px;color:var(--tx);max-width:680px;line-height:1.8}

/* BAND */
body.page-unified-inbox-v2 .band{background:var(--cd);border-top:1px solid var(--br);border-bottom:1px solid var(--br);padding:96px 48px}
body.page-unified-inbox-v2 .bi{max-width:1200px;margin:0 auto}

/* QUOTE */
body.page-unified-inbox-v2 .bq{font-family:'Space Grotesk', sans-serif;font-size:clamp(22px,3.6vw,46px);color:var(--wh);line-height:1.1;max-width:860px;margin-bottom:52px;letter-spacing:1px}
body.page-unified-inbox-v2 .bq span{color:var(--or)}

/* PAIN GRID */
body.page-unified-inbox-v2 .pg{display:grid;grid-template-columns:repeat(3,1fr);gap:2px;background:var(--br);max-width:860px}
body.page-unified-inbox-v2 .pc{background:var(--dkk);padding:32px 26px}
body.page-unified-inbox-v2 .pn{font-family:'Space Grotesk', sans-serif;font-size:14px;color:var(--or);letter-spacing:2px;margin-bottom:14px}
body.page-unified-inbox-v2 .pt{font-size:14px;font-weight:400;color:var(--wh);text-transform:uppercase;letter-spacing:1px;margin-bottom:9px}
body.page-unified-inbox-v2 .pd{font-size:14px;color:var(--mt);line-height:1.6}

/* EVOLUTION CARDS */
body.page-unified-inbox-v2 .ev-grid{display:grid;grid-template-columns:1fr 1fr;gap:2px;background:var(--br);margin-top:44px}
body.page-unified-inbox-v2 .ev-card{background:var(--cd);padding:36px}
body.page-unified-inbox-v2 .ev-label{font-family:'Space Grotesk', sans-serif;font-size:14px;letter-spacing:2px;margin-bottom:18px;text-transform:uppercase}
body.page-unified-inbox-v2 .ev-label.old{color:var(--mt)}
body.page-unified-inbox-v2 .ev-label.new{color:var(--or)}
body.page-unified-inbox-v2 .ev-list{list-style:none}
body.page-unified-inbox-v2 .ev-list li{font-size:14px;line-height:1.7;padding:5px 0;border-bottom:1px solid var(--br);color:var(--tx);display:flex;align-items:flex-start;gap:9px}
body.page-unified-inbox-v2 .ev-list li:last-child{border-bottom:none}
body.page-unified-inbox-v2 .ev-list.old li::before{content:'–';color:var(--mt);flex-shrink:0}
body.page-unified-inbox-v2 .ev-list.new li::before{content:'→';color:var(--or);flex-shrink:0}

/* ARCHITECTURE PILLARS */
body.page-unified-inbox-v2 .arch-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:2px;background:var(--br);margin-top:44px}
body.page-unified-inbox-v2 .arch-card{background:var(--dkk);padding:36px 28px;position:relative;overflow:hidden}
body.page-unified-inbox-v2 .arch-card::before{content:'';position:absolute;top:0;left:0;right:0;height:2px;background:var(--or);transform:scaleX(0);transform-origin:left;transition:transform .4s}
body.page-unified-inbox-v2 .arch-card:hover::before{transform:scaleX(1)}
body.page-unified-inbox-v2 .arch-num{font-family:'Space Grotesk', sans-serif;font-size:14px;color:var(--or);letter-spacing:2px;margin-bottom:18px}
body.page-unified-inbox-v2 .arch-title{font-family:'Space Grotesk', sans-serif;font-size:26px;color:var(--wh);letter-spacing:1px;margin-bottom:13px}
body.page-unified-inbox-v2 .arch-desc{font-size:14px;color:var(--mt);line-height:1.6}

/* FEATURES LIST */
body.page-unified-inbox-v2 .feat-list{display:grid;grid-template-columns:1fr 1fr;gap:2px;background:var(--br);margin-top:44px}
body.page-unified-inbox-v2 .feat-item{background:var(--cd);padding:28px 32px;display:flex;gap:20px;align-items:flex-start}
body.page-unified-inbox-v2 .feat-dot{width:6px;height:6px;border-radius:50%;background:var(--or);flex-shrink:0;margin-top:7px}
body.page-unified-inbox-v2 .feat-title{font-size:14px;font-weight:400;color:var(--wh);margin-bottom:6px;text-transform:uppercase;letter-spacing:.5px}
body.page-unified-inbox-v2 .feat-desc{font-size:14px;color:var(--mt);line-height:1.6}

/* DECISIONS */
body.page-unified-inbox-v2 .dec{padding:60px 0;border-bottom:1px solid var(--br)}
body.page-unified-inbox-v2 .dec:first-child{border-top:1px solid var(--br)}
body.page-unified-inbox-v2 .dec-hdr{display:grid;grid-template-columns:68px 1fr;gap:28px;margin-bottom:36px;align-items:start}
body.page-unified-inbox-v2 .dec-ltr{font-family:'Space Grotesk', sans-serif;font-size:68px;line-height:1;color:var(--mt)}
body.page-unified-inbox-v2 .dec-tag{font-family:'Space Grotesk', sans-serif;font-size:14px;letter-spacing:2px;color:var(--or);text-transform:uppercase;margin-bottom:9px}
body.page-unified-inbox-v2 .dec-title{font-family:'Space Grotesk', sans-serif;font-size:30px;color:var(--wh);letter-spacing:1px;margin-bottom:11px}
body.page-unified-inbox-v2 .dec-desc{font-size:14px;color:var(--tx);line-height:1.8;max-width:580px}

/* SCREEN COMPONENTS */
body.page-unified-inbox-v2 .sc{border:1px solid var(--br);border-radius:5px;overflow:hidden;background:var(--cd)}
body.page-unified-inbox-v2 .sc-bar{background:#111;padding:8px 13px;display:flex;align-items:center;gap:7px;border-bottom:1px solid var(--br)}
body.page-unified-inbox-v2 .sc-bar span{width:9px;height:9px;border-radius:50%;background:var(--br);flex-shrink:0}
body.page-unified-inbox-v2 .sc-url{font-family:'Space Grotesk', sans-serif;font-size:14px;color:var(--mt);margin-left:7px;letter-spacing:1px}
body.page-unified-inbox-v2 .sc-cap{font-family:'Space Grotesk', sans-serif;font-size:14px;color:var(--mt);padding:8px 13px;letter-spacing:1.5px;text-transform:uppercase;border-top:1px solid var(--br)}
body.page-unified-inbox-v2 .sc-note{font-size:14px;color:var(--tx);padding:0 13px 13px;line-height:1.6}
body.page-unified-inbox-v2 .sc-wrap{border:1px solid var(--br);border-radius:5px;overflow:hidden}
body.page-unified-inbox-v2 .sc-wrap-label{font-family:'Space Grotesk', sans-serif;font-size:14px;color:var(--mt);padding:9px 15px;border-bottom:1px solid var(--br);background:var(--cd);display:flex;justify-content:space-between;letter-spacing:1.5px;text-transform:uppercase}
body.page-unified-inbox-v2 .sc-wrap-label span{color:var(--or)}
body.page-unified-inbox-v2 .sc-grid{display:grid;grid-template-columns:1fr 1fr;gap:2px;background:var(--br)}
body.page-unified-inbox-v2 .sc-grid .sc{border:none;border-radius:0}

/* OUTCOME */
body.page-unified-inbox-v2 .oc-cards{display:grid;grid-template-columns:repeat(3,1fr);gap:2px;background:var(--br)}
body.page-unified-inbox-v2 .oc-card{background:var(--dkk);padding:36px 28px}
body.page-unified-inbox-v2 .oc-label{font-family:'Space Grotesk', sans-serif;font-size:14px;letter-spacing:2px;color:var(--or);text-transform:uppercase;margin-bottom:14px}
body.page-unified-inbox-v2 .oc-text{font-size:14px;color:var(--tx);line-height:1.7}

body.page-unified-inbox-v2 footer{padding:56px 48px;border-top:1px solid var(--br);display:flex;justify-content:space-between;align-items:center;max-width:1200px;margin:0 auto}
body.page-unified-inbox-v2 .fl{font-family:'Space Grotesk', sans-serif;font-size:14px;color:var(--mt);letter-spacing:2px;text-transform:uppercase}
body.page-unified-inbox-v2 .fn{font-family:'Space Grotesk', sans-serif;font-size:17px;color:var(--wh);text-decoration:none;letter-spacing:2px;display:flex;align-items:center;gap:9px;transition:color .2s}
body.page-unified-inbox-v2 .fn:hover{color:var(--or)}

@keyframes fadeUp{from{opacity:0;transform:translateY(26px)}to{opacity:1;transform:translateY(0)}}
body.page-unified-inbox-v2 .hl{animation:fadeUp .8s .1s ease forwards;opacity:0}
body.page-unified-inbox-v2 h1{animation:fadeUp .8s .25s ease forwards;opacity:0}
body.page-unified-inbox-v2 .hsub{animation:fadeUp .8s .38s ease forwards;opacity:0}
body.page-unified-inbox-v2 .hero-right{animation:fadeUp .8s .3s ease forwards;opacity:0}

@media(max-width:900px){
  body.page-unified-inbox-v2 nav, body.page-unified-inbox-v2 section, body.page-unified-inbox-v2 .hero, body.page-unified-inbox-v2 .band, body.page-unified-inbox-v2 footer{padding-left:24px;padding-right:24px}
  body.page-unified-inbox-v2 .hero-top{grid-template-columns:1fr}
  body.page-unified-inbox-v2 .ev-grid, body.page-unified-inbox-v2 .sc-grid, body.page-unified-inbox-v2 .arch-grid, body.page-unified-inbox-v2 .pg, body.page-unified-inbox-v2 .feat-list, body.page-unified-inbox-v2 .oc-cards{grid-template-columns:1fr}
  body.page-unified-inbox-v2 .dec-hdr{grid-template-columns:1fr;gap:0}
  body.page-unified-inbox-v2 .dec-ltr{font-size:40px}
}

/* Extracted inline utility classes */
body.page-home .home-inline-01 {margin-top:20px}
body.page-home .home-inline-02 {color:var(--mt)}
body.page-home .home-inline-03 {margin-top:40px}
body.page-ai-pilot-case-study-final .ai-pilot-case-study-final-inline-01 {width:100%;max-width:540px;}
body.page-ai-pilot-case-study-final .ai-pilot-case-study-final-inline-02 {width:100%;display:block;border:0;}
body.page-ai-pilot-case-study-final .ai-pilot-case-study-final-inline-03 {max-width:1200px;margin:0 auto;}
body.page-ai-pilot-case-study-final .ai-pilot-case-study-final-inline-04 {padding-top:0}
body.page-ai-pilot-case-study-final .ai-pilot-case-study-final-inline-05 {padding-top:0}
body.page-ai-pilot-case-study-final .ai-pilot-case-study-final-inline-06 {width:100%;display:block;border:0;}
body.page-ai-pilot-case-study-final .ai-pilot-case-study-final-inline-07 {padding-top:0}
body.page-ai-pilot-case-study-final .ai-pilot-case-study-final-inline-08 {width:100%;height:auto;display:block;background:#080808;}
body.page-ai-pilot-case-study-final .ai-pilot-case-study-final-inline-09 {padding-top:0}
body.page-ai-pilot-case-study-final .ai-pilot-case-study-final-inline-10 {width:100%;display:block;border:0;}
body.page-ai-pilot-case-study-final .ai-pilot-case-study-final-inline-11 {margin-top:16px;}
body.page-ai-pilot-case-study-final .ai-pilot-case-study-final-inline-12 {width:100%;display:block;border:0;}
body.page-ai-pilot-case-study-final .ai-pilot-case-study-final-inline-13 {width:100%;display:block;border:0;}
body.page-ai-pilot-case-study-final .ai-pilot-case-study-final-inline-14 {width:100%;display:block;border:0;}
body.page-ai-pilot-case-study-final .ai-pilot-case-study-final-inline-15 {margin-top:16px;}
body.page-ai-pilot-case-study-final .ai-pilot-case-study-final-inline-16 {width:100%;display:block;border:0;}
body.page-ai-pilot-case-study-final .ai-pilot-case-study-final-inline-17 {width:100%;display:block;border:0;}
body.page-ai-pilot-case-study-final .ai-pilot-case-study-final-inline-18 {padding-top:0}
body.page-ai-pilot-case-study-final .ai-pilot-case-study-final-inline-19 {width:100%;display:block;border:0;}
body.page-ai-pilot-case-study-final .ai-pilot-case-study-final-inline-20 {width:100%;display:block;border:0;}
body.page-ai-pilot-case-study-final .ai-pilot-case-study-final-inline-21 {margin-top:2px;}
body.page-document-templates-case-study .document-templates-case-study-inline-01 {margin-top:20px;}
body.page-document-templates-case-study .document-templates-case-study-inline-02 {padding-top:0}
body.page-document-templates-case-study .document-templates-case-study-inline-03 {padding-top:0}
body.page-document-templates-case-study .document-templates-case-study-inline-04 {padding-top:0}
body.page-meeting-scheduler-case-study .meeting-scheduler-case-study-inline-01 {margin-top:20px;}
body.page-meeting-scheduler-case-study .meeting-scheduler-case-study-inline-02 {padding-top:0}
body.page-meeting-scheduler-case-study .meeting-scheduler-case-study-inline-03 {margin-bottom:40px;}
body.page-unified-inbox-v2 .unified-inbox-v2-inline-01 {margin-top:20px;}
body.page-unified-inbox-v2 .unified-inbox-v2-inline-02 {padding-top:0}
body.page-unified-inbox-v2 .unified-inbox-v2-inline-03 {padding-top:0}
body.page-unified-inbox-v2 .unified-inbox-v2-inline-04 {margin-bottom:40px;}

/* ── GLOBAL TYPOGRAPHY ───────────────────────── */
html,
body,
button,
input,
textarea,
select,
svg text,
* {
  font-family:'Space Grotesk', sans-serif !important;
}

body,
p,
li,
dd,
dt,
span,
a,
button,
input,
textarea,
select,
div {
  font-weight:400;
}

body.page-ai-pilot-case-study-final,
body.page-document-templates-case-study,
body.page-meeting-scheduler-case-study,
body.page-unified-inbox-v2,
p,
li,
.hero-body,
.hero-subtitle,
.hsub,
.sb,
.section-body,
.proj-desc,
.sk-desc,
.proc-desc,
.challenge-desc,
.process-step-desc,
.persona-row-value,
.ia-pillar-desc,
.solution-desc,
.ds-card-desc,
.outcome-card-text,
.dec-desc,
.fd,
.oc-text,
.feat-desc,
.type-desc,
.arch-desc,
.pd {
  font-weight:400 !important;
}

h1,
h2,
h3,
h4,
h5,
h6,
.hero-title,
.s-title,
.proj-title,
.sk-title,
.proc-title,
.contact-heading,
.contact-big,
.hstat-n,
.proj-img-bg,
.proc-num-circle,
.exp-badge,
.exp-role,
.edu-deg,
.aw-val,
.section-title,
.hero-title,
.hero-name,
.persona-name,
.ia-pillar-title,
.solution-title,
.arch-title,
.dec-title,
.type-title,
.bq,
.problem-quote,
.outcome-quote {
  font-weight:700 !important;
  font-style:normal !important;
}

/* ── WORK PAGES: NEU-BRUTALIST THEME ───────── */
body.page-ai-pilot-case-study-final,
body.page-document-templates-case-study,
body.page-meeting-scheduler-case-study,
body.page-unified-inbox-v2 {
  --case-bg: var(--cream);
  --case-paper: var(--white);
  --case-ink: var(--black);
  --case-muted: #4A4540;
  --case-soft: #D8D0C3;
  --case-line: var(--black);
  --case-accent: #A63D12;
  --case-pop: var(--yellow);
  --case-alt: var(--pink);
  background:var(--case-bg) !important;
  color:var(--case-ink) !important;
  cursor:none !important;
}

body.page-ai-pilot-case-study-final nav,
body.page-document-templates-case-study nav,
body.page-meeting-scheduler-case-study nav,
body.page-unified-inbox-v2 nav {
  top:24px !important;
  left:50% !important;
  right:auto !important;
  transform:translateX(-50%) !important;
  width:max-content !important;
  max-width:calc(100vw - 32px) !important;
  justify-content:center !important;
  gap:22px !important;
  padding:12px 22px !important;
  background:var(--case-paper) !important;
  border:2px solid var(--case-line) !important;
  border-radius:99px !important;
  box-shadow:var(--shadow) !important;
  backdrop-filter:none !important;
  white-space:nowrap !important;
  transition:transform .15s ease, box-shadow .15s ease !important;
}

body.page-ai-pilot-case-study-final nav:hover,
body.page-document-templates-case-study nav:hover,
body.page-meeting-scheduler-case-study nav:hover,
body.page-unified-inbox-v2 nav:hover {
  transform:translate(calc(-50% - 2px), -2px) !important;
  box-shadow:var(--shadow-lg) !important;
}

body.page-ai-pilot-case-study-final .nav-logo,
body.page-ai-pilot-case-study-final .nl,
body.page-document-templates-case-study .nl,
body.page-meeting-scheduler-case-study .nl,
body.page-unified-inbox-v2 .nl {
  color:var(--case-ink) !important;
  font-size:14px !important;
  letter-spacing:2px !important;
  text-decoration:none !important;
}

body.page-ai-pilot-case-study-final .nav-logo::before,
body.page-document-templates-case-study .nl::before,
body.page-meeting-scheduler-case-study .nl::before,
body.page-unified-inbox-v2 .nl::before {
  content:'✦';
  color:var(--case-accent);
  font-size:12px;
  margin-right:8px;
}

body.page-ai-pilot-case-study-final .nav-back,
body.page-ai-pilot-case-study-final .nb,
body.page-document-templates-case-study .nb,
body.page-meeting-scheduler-case-study .nb,
body.page-unified-inbox-v2 .nb {
  color:var(--case-ink) !important;
  font-size:13px !important;
  letter-spacing:.5px !important;
  text-transform:none !important;
  text-decoration:none !important;
  transition:color .15s ease, transform .15s ease !important;
}

body.page-ai-pilot-case-study-final .nav-back:hover,
body.page-ai-pilot-case-study-final .nb:hover,
body.page-document-templates-case-study .nb:hover,
body.page-meeting-scheduler-case-study .nb:hover,
body.page-unified-inbox-v2 .nb:hover {
  color:var(--case-accent) !important;
  transform:translateX(-2px) !important;
}

body.page-ai-pilot-case-study-final .hero,
body.page-document-templates-case-study .hero,
body.page-meeting-scheduler-case-study .hero,
body.page-unified-inbox-v2 .hero {
  min-height:auto !important;
  padding:140px 80px 72px !important;
  max-width:1300px !important;
  margin:0 auto !important;
  display:block !important;
  overflow:visible !important;
}

body.page-ai-pilot-case-study-final .hero-bg,
body.page-ai-pilot-case-study-final .hbg,
body.page-document-templates-case-study .hero-bg,
body.page-document-templates-case-study .hbg,
body.page-meeting-scheduler-case-study .hero-bg,
body.page-meeting-scheduler-case-study .hbg,
body.page-unified-inbox-v2 .hero-bg,
body.page-unified-inbox-v2 .hbg {
  display:none !important;
}

body.page-ai-pilot-case-study-final .hero-top,
body.page-ai-pilot-case-study-final .htop,
body.page-document-templates-case-study .hero-top,
body.page-document-templates-case-study .htop,
body.page-meeting-scheduler-case-study .hero-top,
body.page-meeting-scheduler-case-study .htop,
body.page-unified-inbox-v2 .hero-top,
body.page-unified-inbox-v2 .htop {
  display:grid !important;
  grid-template-columns:minmax(0, .9fr) minmax(0, 1.1fr) !important;
  gap:52px !important;
  align-items:end !important;
  padding-top:0 !important;
  min-width:0 !important;
  width:100% !important;
}

body.page-ai-pilot-case-study-final .hero-top > *,
body.page-ai-pilot-case-study-final .htop > *,
body.page-document-templates-case-study .hero-top > *,
body.page-document-templates-case-study .htop > *,
body.page-meeting-scheduler-case-study .hero-top > *,
body.page-meeting-scheduler-case-study .htop > *,
body.page-unified-inbox-v2 .hero-top > *,
body.page-unified-inbox-v2 .htop > * {
  min-width:0 !important;
}

body.page-ai-pilot-case-study-final .hero-label,
body.page-ai-pilot-case-study-final .hl,
body.page-document-templates-case-study .hl,
body.page-meeting-scheduler-case-study .hl,
body.page-unified-inbox-v2 .hl,
body.page-ai-pilot-case-study-final .section-number,
body.page-ai-pilot-case-study-final .sn,
body.page-document-templates-case-study .sn,
body.page-meeting-scheduler-case-study .sn,
body.page-unified-inbox-v2 .sn {
  display:inline-flex !important;
  align-items:center !important;
  gap:8px !important;
  width:max-content !important;
  max-width:100% !important;
  background:var(--case-alt) !important;
  color:var(--case-ink) !important;
  border:2px solid var(--case-line) !important;
  border-radius:99px !important;
  box-shadow:3px 3px 0 var(--case-line) !important;
  padding:6px 14px !important;
  margin:0 0 18px !important;
  font-size:10px !important;
  letter-spacing:2.5px !important;
  line-height:1.2 !important;
  text-transform:uppercase !important;
}

body.page-ai-pilot-case-study-final .hero-label::before,
body.page-ai-pilot-case-study-final .hl::before,
body.page-document-templates-case-study .hl::before,
body.page-meeting-scheduler-case-study .hl::before,
body.page-unified-inbox-v2 .hl::before,
body.page-ai-pilot-case-study-final .section-number::before,
body.page-ai-pilot-case-study-final .sn::before,
body.page-document-templates-case-study .sn::before,
body.page-meeting-scheduler-case-study .sn::before,
body.page-unified-inbox-v2 .sn::before {
  content:'';
  width:16px !important;
  height:2px !important;
  background:var(--case-ink) !important;
}

body.page-ai-pilot-case-study-final .hero-title,
body.page-ai-pilot-case-study-final h1,
body.page-document-templates-case-study h1,
body.page-meeting-scheduler-case-study h1,
body.page-unified-inbox-v2 h1 {
  color:var(--case-ink) !important;
  font-size:clamp(52px, 7vw, 92px) !important;
  line-height:.95 !important;
  letter-spacing:0 !important;
  margin-bottom:26px !important;
}

body.page-ai-pilot-case-study-final .hero-title span,
body.page-ai-pilot-case-study-final h1 span,
body.page-document-templates-case-study h1 span,
body.page-meeting-scheduler-case-study h1 span,
body.page-unified-inbox-v2 h1 span {
  color:var(--case-ink) !important;
  background:var(--case-pop) !important;
  padding:0 8px !important;
  border-radius:2px !important;
  box-decoration-break:clone;
  -webkit-box-decoration-break:clone;
}

body.page-ai-pilot-case-study-final .hero-subtitle,
body.page-ai-pilot-case-study-final .hsub,
body.page-document-templates-case-study .hsub,
body.page-meeting-scheduler-case-study .hsub,
body.page-unified-inbox-v2 .hsub {
  color:var(--case-muted) !important;
  max-width:480px !important;
  font-size:16px !important;
  line-height:1.7 !important;
}

body.page-ai-pilot-case-study-final .hero-right,
body.page-document-templates-case-study .hero-right,
body.page-meeting-scheduler-case-study .hero-right,
body.page-unified-inbox-v2 .hero-right {
  justify-content:center !important;
  min-width:0 !important;
  width:100% !important;
}

body.page-ai-pilot-case-study-final .hero-label,
body.page-ai-pilot-case-study-final .hero-title,
body.page-ai-pilot-case-study-final .hero-subtitle,
body.page-ai-pilot-case-study-final .hero-right,
body.page-ai-pilot-case-study-final .hl,
body.page-ai-pilot-case-study-final .hsub,
body.page-document-templates-case-study .hl,
body.page-document-templates-case-study h1,
body.page-document-templates-case-study .hsub,
body.page-document-templates-case-study .hero-right,
body.page-meeting-scheduler-case-study .hl,
body.page-meeting-scheduler-case-study h1,
body.page-meeting-scheduler-case-study .hsub,
body.page-meeting-scheduler-case-study .hero-right,
body.page-unified-inbox-v2 .hl,
body.page-unified-inbox-v2 h1,
body.page-unified-inbox-v2 .hsub,
body.page-unified-inbox-v2 .hero-right {
  animation:none !important;
  opacity:1 !important;
  transform:none !important;
}

body.page-ai-pilot-case-study-final .hero-meta,
body.page-ai-pilot-case-study-final .hm,
body.page-document-templates-case-study .hm,
body.page-meeting-scheduler-case-study .hm,
body.page-unified-inbox-v2 .hm {
  display:flex !important;
  flex-wrap:wrap !important;
  gap:0 !important;
  margin-top:46px !important;
  padding:0 !important;
  border:2px solid var(--case-line) !important;
  background:var(--case-paper) !important;
  box-shadow:var(--shadow) !important;
  transition:transform .15s ease, box-shadow .15s ease !important;
}

body.page-ai-pilot-case-study-final .hero-meta:hover,
body.page-ai-pilot-case-study-final .hm:hover,
body.page-document-templates-case-study .hm:hover,
body.page-meeting-scheduler-case-study .hm:hover,
body.page-unified-inbox-v2 .hm:hover {
  transform:translate(-2px,-2px) !important;
  box-shadow:var(--shadow-lg) !important;
}

body.page-ai-pilot-case-study-final .hero-meta > *,
body.page-ai-pilot-case-study-final .hm > *,
body.page-document-templates-case-study .hm > *,
body.page-meeting-scheduler-case-study .hm > *,
body.page-unified-inbox-v2 .hm > * {
  flex:1 1 160px !important;
  padding:18px 20px !important;
  border-right:2px solid var(--case-line) !important;
}

body.page-ai-pilot-case-study-final .hero-meta > *:last-child,
body.page-ai-pilot-case-study-final .hm > *:last-child,
body.page-document-templates-case-study .hm > *:last-child,
body.page-meeting-scheduler-case-study .hm > *:last-child,
body.page-unified-inbox-v2 .hm > *:last-child {
  border-right:0 !important;
}

body.page-ai-pilot-case-study-final .meta-label,
body.page-ai-pilot-case-study-final .ml,
body.page-document-templates-case-study .ml,
body.page-meeting-scheduler-case-study .ml,
body.page-unified-inbox-v2 .ml {
  color:var(--case-accent) !important;
  font-size:10px !important;
  letter-spacing:2px !important;
  text-transform:uppercase !important;
  margin-bottom:4px !important;
}

body.page-ai-pilot-case-study-final .meta-value,
body.page-ai-pilot-case-study-final .mv,
body.page-document-templates-case-study .mv,
body.page-meeting-scheduler-case-study .mv,
body.page-unified-inbox-v2 .mv {
  color:var(--case-ink) !important;
  font-size:14px !important;
}

body.page-ai-pilot-case-study-final section,
body.page-document-templates-case-study section,
body.page-meeting-scheduler-case-study section,
body.page-unified-inbox-v2 section {
  padding:92px 80px !important;
  max-width:1300px !important;
  margin:0 auto !important;
}

body.page-ai-pilot-case-study-final .section-title,
body.page-ai-pilot-case-study-final h2,
body.page-document-templates-case-study h2,
body.page-meeting-scheduler-case-study h2,
body.page-unified-inbox-v2 h2 {
  color:var(--case-ink) !important;
  font-size:clamp(34px, 5vw, 64px) !important;
  line-height:1 !important;
  letter-spacing:0 !important;
  margin-bottom:34px !important;
}

body.page-ai-pilot-case-study-final .section-body,
body.page-ai-pilot-case-study-final .sb,
body.page-document-templates-case-study .sb,
body.page-meeting-scheduler-case-study .sb,
body.page-unified-inbox-v2 .sb,
body.page-ai-pilot-case-study-final .dec-desc,
body.page-document-templates-case-study .dec-desc,
body.page-meeting-scheduler-case-study .dec-desc,
body.page-unified-inbox-v2 .dec-desc {
  color:var(--case-muted) !important;
  font-size:15px !important;
  line-height:1.75 !important;
}

body.page-ai-pilot-case-study-final .problem-statement,
body.page-ai-pilot-case-study-final .outcome-section,
body.page-document-templates-case-study .band,
body.page-meeting-scheduler-case-study .band,
body.page-unified-inbox-v2 .band {
  background:var(--case-paper) !important;
  border-top:2px solid var(--case-line) !important;
  border-bottom:2px solid var(--case-line) !important;
  padding:92px 80px !important;
}

body.page-ai-pilot-case-study-final .problem-statement > *,
body.page-ai-pilot-case-study-final .outcome-inner,
body.page-document-templates-case-study .bi,
body.page-meeting-scheduler-case-study .bi,
body.page-unified-inbox-v2 .bi {
  max-width:1300px !important;
  margin-left:auto !important;
  margin-right:auto !important;
}

body.page-ai-pilot-case-study-final .problem-quote,
body.page-ai-pilot-case-study-final .outcome-quote,
body.page-document-templates-case-study .bq,
body.page-meeting-scheduler-case-study .bq,
body.page-unified-inbox-v2 .bq {
  color:var(--case-ink) !important;
  font-size:clamp(28px, 4.6vw, 58px) !important;
  line-height:1.03 !important;
  letter-spacing:0 !important;
  max-width:980px !important;
  margin:0 0 48px !important;
}

body.page-ai-pilot-case-study-final .problem-quote span,
body.page-ai-pilot-case-study-final .outcome-quote span,
body.page-document-templates-case-study .bq span,
body.page-meeting-scheduler-case-study .bq span,
body.page-unified-inbox-v2 .bq span {
  color:var(--case-ink) !important;
  background:var(--case-pop) !important;
  padding:0 6px !important;
  border-radius:2px !important;
  box-decoration-break:clone;
  -webkit-box-decoration-break:clone;
}

body.page-ai-pilot-case-study-final .overview-grid,
body.page-ai-pilot-case-study-final .challenges-grid,
body.page-ai-pilot-case-study-final .process-steps,
body.page-ai-pilot-case-study-final .personas-grid,
body.page-ai-pilot-case-study-final .ia-pillars,
body.page-ai-pilot-case-study-final .ds-grid,
body.page-ai-pilot-case-study-final .outcome-cards,
body.page-document-templates-case-study .sc-grid,
body.page-document-templates-case-study .feat-grid,
body.page-document-templates-case-study .wm-grid,
body.page-document-templates-case-study .oc-cards,
body.page-meeting-scheduler-case-study .types,
body.page-meeting-scheduler-case-study .pg,
body.page-meeting-scheduler-case-study .feat-grid,
body.page-meeting-scheduler-case-study .sc-grid,
body.page-meeting-scheduler-case-study .oc-cards,
body.page-unified-inbox-v2 .pg,
body.page-unified-inbox-v2 .ev-grid,
body.page-unified-inbox-v2 .arch-grid,
body.page-unified-inbox-v2 .feat-list,
body.page-unified-inbox-v2 .sc-grid,
body.page-unified-inbox-v2 .oc-cards {
  gap:16px !important;
  background:transparent !important;
}

body.page-ai-pilot-case-study-final .overview-cell,
body.page-ai-pilot-case-study-final .context-box,
body.page-ai-pilot-case-study-final .challenge-card,
body.page-ai-pilot-case-study-final .process-step,
body.page-ai-pilot-case-study-final .persona-card,
body.page-ai-pilot-case-study-final .ia-pillar,
body.page-ai-pilot-case-study-final .ds-card,
body.page-ai-pilot-case-study-final .outcome-card,
body.page-document-templates-case-study .feat,
body.page-document-templates-case-study .wm-card,
body.page-document-templates-case-study .oc-card,
body.page-meeting-scheduler-case-study .type,
body.page-meeting-scheduler-case-study .pc,
body.page-meeting-scheduler-case-study .feat,
body.page-meeting-scheduler-case-study .oc-card,
body.page-unified-inbox-v2 .pc,
body.page-unified-inbox-v2 .ev-card,
body.page-unified-inbox-v2 .arch-card,
body.page-unified-inbox-v2 .feat-item,
body.page-unified-inbox-v2 .oc-card {
  background:var(--case-paper) !important;
  color:var(--case-ink) !important;
  border:2px solid var(--case-line) !important;
  border-radius:var(--radius) !important;
  box-shadow:var(--shadow) !important;
  transition:transform .15s ease, box-shadow .15s ease, background .15s ease !important;
}

body.page-ai-pilot-case-study-final .overview-cell:hover,
body.page-ai-pilot-case-study-final .context-box:hover,
body.page-ai-pilot-case-study-final .challenge-card:hover,
body.page-ai-pilot-case-study-final .process-step:hover,
body.page-ai-pilot-case-study-final .persona-card:hover,
body.page-ai-pilot-case-study-final .ia-pillar:hover,
body.page-ai-pilot-case-study-final .ds-card:hover,
body.page-ai-pilot-case-study-final .outcome-card:hover,
body.page-document-templates-case-study .feat:hover,
body.page-document-templates-case-study .wm-card:hover,
body.page-document-templates-case-study .oc-card:hover,
body.page-meeting-scheduler-case-study .type:hover,
body.page-meeting-scheduler-case-study .pc:hover,
body.page-meeting-scheduler-case-study .feat:hover,
body.page-meeting-scheduler-case-study .oc-card:hover,
body.page-unified-inbox-v2 .pc:hover,
body.page-unified-inbox-v2 .ev-card:hover,
body.page-unified-inbox-v2 .arch-card:hover,
body.page-unified-inbox-v2 .feat-item:hover,
body.page-unified-inbox-v2 .oc-card:hover {
  transform:translate(-2px,-2px) !important;
  box-shadow:var(--shadow-lg) !important;
}

body.page-ai-pilot-case-study-final .overview-cell-label,
body.page-ai-pilot-case-study-final .challenge-num,
body.page-ai-pilot-case-study-final .process-step-num,
body.page-ai-pilot-case-study-final .persona-type,
body.page-ai-pilot-case-study-final .ia-pillar-num,
body.page-ai-pilot-case-study-final .solution-tag,
body.page-ai-pilot-case-study-final .ds-card-label,
body.page-ai-pilot-case-study-final .outcome-card-label,
body.page-document-templates-case-study .dec-tag,
body.page-document-templates-case-study .wm-label,
body.page-document-templates-case-study .oc-label,
body.page-meeting-scheduler-case-study .type-num,
body.page-meeting-scheduler-case-study .pn,
body.page-meeting-scheduler-case-study .dec-tag,
body.page-meeting-scheduler-case-study .oc-label,
body.page-unified-inbox-v2 .pn,
body.page-unified-inbox-v2 .ev-label,
body.page-unified-inbox-v2 .arch-num,
body.page-unified-inbox-v2 .dec-tag,
body.page-unified-inbox-v2 .oc-label {
  color:var(--case-accent) !important;
}

body.page-ai-pilot-case-study-final .overview-cell-value,
body.page-ai-pilot-case-study-final .context-box p,
body.page-ai-pilot-case-study-final .challenge-desc,
body.page-ai-pilot-case-study-final .process-step-desc,
body.page-ai-pilot-case-study-final .persona-row-value,
body.page-ai-pilot-case-study-final .ia-pillar-desc,
body.page-ai-pilot-case-study-final .solution-desc,
body.page-ai-pilot-case-study-final .ds-card-desc,
body.page-ai-pilot-case-study-final .outcome-card-text,
body.page-document-templates-case-study .fd,
body.page-document-templates-case-study .wm-list li,
body.page-document-templates-case-study .oc-text,
body.page-meeting-scheduler-case-study .type-desc,
body.page-meeting-scheduler-case-study .pd,
body.page-meeting-scheduler-case-study .fd,
body.page-meeting-scheduler-case-study .oc-text,
body.page-unified-inbox-v2 .pd,
body.page-unified-inbox-v2 .arch-desc,
body.page-unified-inbox-v2 .feat-desc,
body.page-unified-inbox-v2 .oc-text,
body.page-unified-inbox-v2 .ev-list li {
  color:var(--case-muted) !important;
}

body.page-ai-pilot-case-study-final .challenge-title,
body.page-ai-pilot-case-study-final .process-step-title,
body.page-ai-pilot-case-study-final .persona-name,
body.page-ai-pilot-case-study-final .ia-pillar-title,
body.page-ai-pilot-case-study-final .solution-title,
body.page-ai-pilot-case-study-final .ds-card-title,
body.page-document-templates-case-study .dec-title,
body.page-document-templates-case-study .ft,
body.page-document-templates-case-study .wm-title,
body.page-meeting-scheduler-case-study .type-title,
body.page-meeting-scheduler-case-study .pt,
body.page-meeting-scheduler-case-study .dec-title,
body.page-meeting-scheduler-case-study .ft,
body.page-unified-inbox-v2 .pt,
body.page-unified-inbox-v2 .arch-title,
body.page-unified-inbox-v2 .feat-title,
body.page-unified-inbox-v2 .dec-title {
  color:var(--case-ink) !important;
}

body.page-ai-pilot-case-study-final .dec,
body.page-document-templates-case-study .dec,
body.page-meeting-scheduler-case-study .dec,
body.page-unified-inbox-v2 .dec {
  padding:48px 0 !important;
  border-bottom:2px solid var(--case-line) !important;
}

body.page-ai-pilot-case-study-final .solution-item {
  border-bottom:2px solid var(--case-line) !important;
}

body.page-ai-pilot-case-study-final .dec-ltr,
body.page-ai-pilot-case-study-final .solution-letter,
body.page-document-templates-case-study .dec-ltr,
body.page-meeting-scheduler-case-study .dec-ltr,
body.page-unified-inbox-v2 .dec-ltr {
  color:var(--case-ink) !important;
  background:var(--case-pop) !important;
  border:2px solid var(--case-line) !important;
  border-radius:50% !important;
  box-shadow:3px 3px 0 var(--case-line) !important;
  width:64px !important;
  height:64px !important;
  display:flex !important;
  align-items:center !important;
  justify-content:center !important;
  font-size:34px !important;
  line-height:1 !important;
}

body.page-ai-pilot-case-study-final .graphic-wrap,
body.page-ai-pilot-case-study-final .real-screen,
body.page-ai-pilot-case-study-final .screen-grid,
body.page-document-templates-case-study .sc,
body.page-document-templates-case-study .sc-wrap,
body.page-meeting-scheduler-case-study .sc,
body.page-meeting-scheduler-case-study .sc-wrap,
body.page-unified-inbox-v2 .sc,
body.page-unified-inbox-v2 .sc-wrap {
  background:var(--case-paper) !important;
  border:2px solid var(--case-line) !important;
  border-radius:var(--radius) !important;
  box-shadow:var(--shadow) !important;
  overflow:hidden !important;
  max-width:100% !important;
  min-width:0 !important;
  transition:transform .15s ease, box-shadow .15s ease !important;
}

body.page-ai-pilot-case-study-final .graphic-wrap:hover,
body.page-ai-pilot-case-study-final .real-screen:hover,
body.page-ai-pilot-case-study-final .screen-grid:hover,
body.page-document-templates-case-study .sc:hover,
body.page-document-templates-case-study .sc-wrap:hover,
body.page-meeting-scheduler-case-study .sc:hover,
body.page-meeting-scheduler-case-study .sc-wrap:hover,
body.page-unified-inbox-v2 .sc:hover,
body.page-unified-inbox-v2 .sc-wrap:hover {
  transform:translate(-3px,-3px) !important;
  box-shadow:var(--shadow-xl) !important;
}

body.page-ai-pilot-case-study-final .hero-right > *,
body.page-document-templates-case-study .hero-right > *,
body.page-meeting-scheduler-case-study .hero-right > *,
body.page-unified-inbox-v2 .hero-right > *,
body.page-ai-pilot-case-study-final img,
body.page-document-templates-case-study img,
body.page-meeting-scheduler-case-study img,
body.page-unified-inbox-v2 img {
  max-width:100% !important;
}

body.page-ai-pilot-case-study-final .screen-url,
body.page-ai-pilot-case-study-final .screen-caption,
body.page-document-templates-case-study .sc-url,
body.page-document-templates-case-study .sc-cap,
body.page-document-templates-case-study .sc-wrap-label,
body.page-meeting-scheduler-case-study .sc-url,
body.page-meeting-scheduler-case-study .sc-cap,
body.page-meeting-scheduler-case-study .sc-wrap-label,
body.page-unified-inbox-v2 .sc-url,
body.page-unified-inbox-v2 .sc-cap,
body.page-unified-inbox-v2 .sc-wrap-label {
  overflow-wrap:anywhere !important;
  white-space:normal !important;
}

body.page-ai-pilot-case-study-final .screen-bar-real,
body.page-document-templates-case-study .sc-bar,
body.page-meeting-scheduler-case-study .sc-bar,
body.page-unified-inbox-v2 .sc-bar,
body.page-ai-pilot-case-study-final .graphic-label,
body.page-document-templates-case-study .sc-wrap-label,
body.page-meeting-scheduler-case-study .sc-wrap-label,
body.page-unified-inbox-v2 .sc-wrap-label {
  min-width:0 !important;
}

body.page-ai-pilot-case-study-final .screen-grid .real-screen,
body.page-document-templates-case-study .sc-grid .sc,
body.page-meeting-scheduler-case-study .sc-grid .sc,
body.page-unified-inbox-v2 .sc-grid .sc {
  border:2px solid var(--case-line) !important;
  border-radius:var(--radius) !important;
  box-shadow:var(--shadow) !important;
}

body.page-ai-pilot-case-study-final .screen-bar-real,
body.page-document-templates-case-study .sc-bar,
body.page-meeting-scheduler-case-study .sc-bar,
body.page-unified-inbox-v2 .sc-bar {
  background:var(--case-ink) !important;
  border-bottom:2px solid var(--case-line) !important;
}

body.page-ai-pilot-case-study-final .screen-bar-real span,
body.page-document-templates-case-study .sc-bar span,
body.page-meeting-scheduler-case-study .sc-bar span,
body.page-unified-inbox-v2 .sc-bar span {
  background:var(--case-pop) !important;
  border:1px solid var(--case-paper) !important;
}

body.page-ai-pilot-case-study-final .screen-url,
body.page-document-templates-case-study .sc-url,
body.page-meeting-scheduler-case-study .sc-url,
body.page-unified-inbox-v2 .sc-url {
  color:var(--case-paper) !important;
}

body.page-ai-pilot-case-study-final .graphic-label,
body.page-ai-pilot-case-study-final .screen-caption,
body.page-document-templates-case-study .sc-wrap-label,
body.page-document-templates-case-study .sc-cap,
body.page-meeting-scheduler-case-study .sc-wrap-label,
body.page-meeting-scheduler-case-study .sc-cap,
body.page-unified-inbox-v2 .sc-wrap-label,
body.page-unified-inbox-v2 .sc-cap {
  background:var(--case-pop) !important;
  color:var(--case-ink) !important;
  border-color:var(--case-line) !important;
}

body.page-ai-pilot-case-study-final .graphic-label span,
body.page-document-templates-case-study .sc-wrap-label span,
body.page-meeting-scheduler-case-study .sc-wrap-label span,
body.page-unified-inbox-v2 .sc-wrap-label span {
  color:var(--case-ink) !important;
}

body.page-ai-pilot-case-study-final .screen-note {
  color:var(--case-ink) !important;
}

body.page-meeting-scheduler-case-study .type-rule {
  background:var(--case-bg) !important;
  border:2px solid var(--case-line) !important;
  color:var(--case-ink) !important;
}

body.page-document-templates-case-study .fdot,
body.page-meeting-scheduler-case-study .fdot,
body.page-unified-inbox-v2 .feat-dot {
  width:14px !important;
  height:14px !important;
  border-radius:50% !important;
  background:var(--case-alt) !important;
  border:2px solid var(--case-line) !important;
  box-shadow:2px 2px 0 var(--case-line) !important;
}

body.page-ai-pilot-case-study-final footer,
body.page-document-templates-case-study footer,
body.page-meeting-scheduler-case-study footer,
body.page-unified-inbox-v2 footer {
  max-width:none !important;
  padding:36px 80px !important;
  background:var(--case-ink) !important;
  border-top:2px solid var(--case-line) !important;
  color:var(--white) !important;
}

body.page-ai-pilot-case-study-final .footer-label,
body.page-document-templates-case-study .fl,
body.page-meeting-scheduler-case-study .fl,
body.page-unified-inbox-v2 .fl {
  color:#BDB6AA !important;
}

body.page-ai-pilot-case-study-final .footer-next,
body.page-document-templates-case-study .fn,
body.page-meeting-scheduler-case-study .fn,
body.page-unified-inbox-v2 .fn {
  color:var(--white) !important;
  transition:color .15s ease, transform .15s ease !important;
}

body.page-ai-pilot-case-study-final .footer-next:hover,
body.page-document-templates-case-study .fn:hover,
body.page-meeting-scheduler-case-study .fn:hover,
body.page-unified-inbox-v2 .fn:hover {
  color:var(--case-pop) !important;
  transform:translateX(3px) !important;
}

@media (max-width: 900px) {
  body.page-ai-pilot-case-study-final nav,
  body.page-document-templates-case-study nav,
  body.page-meeting-scheduler-case-study nav,
  body.page-unified-inbox-v2 nav {
    top:14px !important;
    gap:14px !important;
    padding:10px 14px !important;
  }

  body.page-ai-pilot-case-study-final,
  body.page-document-templates-case-study,
  body.page-meeting-scheduler-case-study,
  body.page-unified-inbox-v2 {
    cursor:auto !important;
  }

  body.page-ai-pilot-case-study-final .cur,
  body.page-ai-pilot-case-study-final .cur-trail,
  body.page-document-templates-case-study .cur,
  body.page-document-templates-case-study .cur-trail,
  body.page-meeting-scheduler-case-study .cur,
  body.page-meeting-scheduler-case-study .cur-trail,
  body.page-unified-inbox-v2 .cur,
  body.page-unified-inbox-v2 .cur-trail {
    display:none !important;
  }

  body.page-ai-pilot-case-study-final .hero,
  body.page-document-templates-case-study .hero,
  body.page-meeting-scheduler-case-study .hero,
  body.page-unified-inbox-v2 .hero {
    padding:112px 24px 48px !important;
    max-width:100vw !important;
    width:100vw !important;
    overflow:hidden !important;
  }

  body.page-ai-pilot-case-study-final .hero-top,
  body.page-ai-pilot-case-study-final .htop,
  body.page-document-templates-case-study .hero-top,
  body.page-document-templates-case-study .htop,
  body.page-meeting-scheduler-case-study .hero-top,
  body.page-meeting-scheduler-case-study .htop,
  body.page-unified-inbox-v2 .hero-top,
  body.page-unified-inbox-v2 .htop {
    grid-template-columns:1fr !important;
    gap:32px !important;
    max-width:calc(100vw - 48px) !important;
    width:calc(100vw - 48px) !important;
  }

  body.page-ai-pilot-case-study-final .hero-subtitle,
  body.page-ai-pilot-case-study-final .hsub,
  body.page-document-templates-case-study .hsub,
  body.page-meeting-scheduler-case-study .hsub,
  body.page-unified-inbox-v2 .hsub,
  body.page-ai-pilot-case-study-final .real-screen,
  body.page-ai-pilot-case-study-final .graphic-wrap,
  body.page-ai-pilot-case-study-final .screen-grid,
  body.page-document-templates-case-study .sc-wrap,
  body.page-meeting-scheduler-case-study .sc-wrap,
  body.page-unified-inbox-v2 .sc-wrap {
    width:calc(100vw - 48px) !important;
    max-width:calc(100vw - 48px) !important;
  }

  body.page-ai-pilot-case-study-final .graphic-label,
  body.page-document-templates-case-study .sc-wrap-label,
  body.page-meeting-scheduler-case-study .sc-wrap-label,
  body.page-unified-inbox-v2 .sc-wrap-label {
    display:flex !important;
    flex-direction:column !important;
    align-items:flex-start !important;
    justify-content:flex-start !important;
    gap:4px !important;
  }

  body.page-ai-pilot-case-study-final section,
  body.page-document-templates-case-study section,
  body.page-meeting-scheduler-case-study section,
  body.page-unified-inbox-v2 section,
  body.page-ai-pilot-case-study-final .problem-statement,
  body.page-ai-pilot-case-study-final .outcome-section,
  body.page-document-templates-case-study .band,
  body.page-meeting-scheduler-case-study .band,
  body.page-unified-inbox-v2 .band {
    padding:64px 24px !important;
  }

  body.page-ai-pilot-case-study-final .process-steps,
  body.page-ai-pilot-case-study-final .overview-grid,
  body.page-ai-pilot-case-study-final .challenges-grid,
  body.page-ai-pilot-case-study-final .personas-grid,
  body.page-ai-pilot-case-study-final .ia-pillars,
  body.page-ai-pilot-case-study-final .ds-grid,
  body.page-ai-pilot-case-study-final .outcome-cards,
  body.page-document-templates-case-study .sc-grid,
  body.page-document-templates-case-study .feat-grid,
  body.page-document-templates-case-study .wm-grid,
  body.page-document-templates-case-study .oc-cards,
  body.page-meeting-scheduler-case-study .types,
  body.page-meeting-scheduler-case-study .pg,
  body.page-meeting-scheduler-case-study .feat-grid,
  body.page-meeting-scheduler-case-study .sc-grid,
  body.page-meeting-scheduler-case-study .oc-cards,
  body.page-unified-inbox-v2 .pg,
  body.page-unified-inbox-v2 .ev-grid,
  body.page-unified-inbox-v2 .arch-grid,
  body.page-unified-inbox-v2 .feat-list,
  body.page-unified-inbox-v2 .sc-grid,
  body.page-unified-inbox-v2 .oc-cards {
    grid-template-columns:1fr !important;
  }

  body.page-ai-pilot-case-study-final .hero-meta > *,
  body.page-ai-pilot-case-study-final .hm > *,
  body.page-document-templates-case-study .hm > *,
  body.page-meeting-scheduler-case-study .hm > *,
  body.page-unified-inbox-v2 .hm > * {
    flex-basis:50% !important;
  }

  body.page-ai-pilot-case-study-final footer,
  body.page-document-templates-case-study footer,
  body.page-meeting-scheduler-case-study footer,
  body.page-unified-inbox-v2 footer {
    padding:32px 24px !important;
    flex-direction:column !important;
    gap:16px !important;
    align-items:flex-start !important;
  }
}

@media (max-width: 520px) {
  body.page-ai-pilot-case-study-final .hero-title,
  body.page-ai-pilot-case-study-final h1,
  body.page-document-templates-case-study h1,
  body.page-meeting-scheduler-case-study h1,
  body.page-unified-inbox-v2 h1 {
    font-size:clamp(42px, 13vw, 58px) !important;
  }

  body.page-ai-pilot-case-study-final .hero-meta > *,
  body.page-ai-pilot-case-study-final .hm > *,
  body.page-document-templates-case-study .hm > *,
  body.page-meeting-scheduler-case-study .hm > *,
  body.page-unified-inbox-v2 .hm > * {
    flex-basis:100% !important;
    border-right:0 !important;
    border-bottom:2px solid var(--case-line) !important;
  }

  body.page-ai-pilot-case-study-final .hero-meta > *:last-child,
  body.page-ai-pilot-case-study-final .hm > *:last-child,
  body.page-document-templates-case-study .hm > *:last-child,
  body.page-meeting-scheduler-case-study .hm > *:last-child,
  body.page-unified-inbox-v2 .hm > *:last-child {
    border-bottom:0 !important;
  }
}
