.aitp-showcase {
  --aitp-ink: #071726;
  --aitp-ink-2: #0c2235;
  --aitp-gold: #d6a33b;
  --aitp-red: #d7271d;
  --aitp-paper: #f7f3ea;
  --aitp-white: #fff;
  --aitp-muted: #6d7479;
  color: var(--aitp-ink);
  font-family: inherit;
  line-height: 1.55;
}

.aitp-showcase * { box-sizing: border-box; }
.aitp-showcase img { display: block; max-width: 100%; }
.aitp-container { width: min(1180px, calc(100% - 40px)); margin: 0 auto; }
.aitp-eyebrow { margin: 0 0 10px; color: var(--aitp-gold); font-size: 12px; font-weight: 900; letter-spacing: .15em; text-transform: uppercase; }
.aitp-showcase h1, .aitp-showcase h2, .aitp-showcase h3 { font-family: Georgia, serif; letter-spacing: -.035em; }
.aitp-showcase h2 { margin: 0; font-size: clamp(35px, 5vw, 62px); line-height: 1.03; }
.aitp-copy { max-width: 680px; margin: 20px 0 0; color: var(--aitp-muted); font-size: 17px; }
.aitp-button { display: inline-flex; min-height: 48px; align-items: center; justify-content: center; padding: 0 22px; border-radius: 999px; font-weight: 800; text-decoration: none; }
.aitp-button--outline { color: #fff; border: 1px solid rgba(214,163,59,.72); }
.aitp-button--red { color: #fff; background: var(--aitp-red); }

.aitp-compare { position: relative; height: min(73vh,760px); min-height: 540px; overflow: hidden; background: var(--aitp-ink); }
.aitp-compare__layer { position: absolute; inset: 0; }
.aitp-compare__layer img { width: 100%; height: 100%; object-fit: cover; }
.aitp-compare__after { clip-path: inset(0 0 0 50%); }
.aitp-real-photo img { height: 128%; object-position: top center; }
.aitp-compare::after { content:""; position:absolute; inset:0; pointer-events:none; background:linear-gradient(180deg,rgba(7,23,38,.05) 45%,rgba(7,23,38,.86)); }
.aitp-compare__divider { position:absolute; z-index:3; top:0; bottom:0; left:50%; width:3px; transform:translateX(-50%); background:var(--aitp-red); }
.aitp-compare__divider::after { content:"↔"; position:absolute; top:50%; left:50%; display:grid; width:50px; height:50px; place-items:center; transform:translate(-50%,-50%); color:#fff; background:var(--aitp-red); border:4px solid #fff; border-radius:50%; font-size:22px; font-weight:900; }
.aitp-compare__range { position:absolute; z-index:6; inset:0; width:100%; height:100%; margin:0; opacity:0; cursor:ew-resize; }
.aitp-compare__label { position:absolute; z-index:4; top:28px; padding:9px 15px; color:#fff; background:rgba(7,23,38,.84); border-radius:999px; font-size:12px; font-weight:900; letter-spacing:.14em; }
.aitp-compare__label--before { left:max(24px,calc((100% - 1180px)/2)); }
.aitp-compare__label--after { right:max(24px,calc((100% - 1180px)/2)); }
.aitp-compare__caption { position:absolute; z-index:4; right:0; bottom:0; left:0; padding:60px 0 34px; color:#fff; }
.aitp-compare__caption .aitp-container { display:grid; grid-template-columns:1fr auto; align-items:end; gap:22px; }
.aitp-city { grid-column:1; color:#f0d18b; font-weight:900; letter-spacing:.13em; }
.aitp-compare h1 { grid-column:1; max-width:800px; margin:0; font-size:clamp(40px,6vw,74px); line-height:.98; }
.aitp-compare .aitp-button { grid-column:2; grid-row:2; }

.aitp-intro { padding:74px 0; background:#fff; }
.aitp-intro__grid { display:grid; grid-template-columns:1.25fr .75fr; gap:70px; align-items:start; }
.aitp-facts { display:grid; grid-template-columns:repeat(2,1fr); gap:12px; }
.aitp-fact { min-height:116px; padding:23px; background:var(--aitp-paper); border:1px solid rgba(7,23,38,.1); border-radius:16px; }
.aitp-fact strong { display:block; margin-bottom:7px; color:var(--aitp-gold); font-size:12px; letter-spacing:.12em; text-transform:uppercase; }
.aitp-fact span { font-size:17px; font-weight:800; }

.aitp-stages { padding:94px 0; color:#fff; background:var(--aitp-ink); }
.aitp-stages .aitp-copy { color:rgba(255,255,255,.62); }
.aitp-section-head { display:flex; align-items:end; justify-content:space-between; gap:30px; margin-bottom:42px; }
.aitp-stage-shell { display:grid; grid-template-columns:minmax(0,1.7fr) minmax(280px,.7fr); min-height:610px; overflow:hidden; background:var(--aitp-ink-2); border:1px solid rgba(214,163,59,.24); border-radius:22px; box-shadow:0 24px 70px rgba(0,0,0,.22); }
.aitp-stage-media { position:relative; min-height:610px; overflow:hidden; background:#111; }
.aitp-stage-media img { width:100%; height:100%; object-fit:cover; transition:opacity .18s,transform .4s; }
.aitp-stage-media img.is-real { height:130%; object-position:top center; }
.aitp-stage-media.is-changing img { opacity:.35; transform:scale(1.015); }
.aitp-stage-badge { position:absolute; top:24px; left:24px; padding:11px 15px; color:var(--aitp-ink); background:var(--aitp-gold); border-radius:999px; font-weight:900; }
.aitp-demo-note { position:absolute; right:18px; bottom:18px; padding:8px 11px; color:rgba(255,255,255,.82); background:rgba(7,23,38,.8); border-radius:9px; font-size:11px; }
.aitp-stage-controls { padding:32px; display:flex; flex-direction:column; }
.aitp-stage-tabs { display:grid; gap:9px; }
.aitp-stage-tab { width:100%; display:grid; grid-template-columns:48px 1fr 18px; align-items:center; gap:12px; padding:17px 14px; color:rgba(255,255,255,.68); text-align:left; background:transparent; border:1px solid rgba(255,255,255,.1); border-radius:14px; cursor:pointer; }
.aitp-stage-tab[aria-selected=true] { color:var(--aitp-ink); background:var(--aitp-gold); border-color:var(--aitp-gold); }
.aitp-stage-tab b { font:800 25px Georgia,serif; }
.aitp-stage-tab strong,.aitp-stage-tab small { display:block; }
.aitp-stage-tab small { opacity:.7; }
.aitp-stage-tab i { font-style:normal; }
.aitp-stage-description { margin-top:auto; padding-top:30px; }
.aitp-stage-description h3 { margin:0 0 8px; font-size:30px; }
.aitp-stage-description>p:last-child { margin:0; color:rgba(255,255,255,.66); }

.aitp-results { padding:94px 0; background:var(--aitp-paper); }
.aitp-result-grid { display:grid; grid-template-columns:1.55fr .85fr; grid-template-rows:repeat(2,280px); gap:16px; margin-top:42px; }
.aitp-result-grid figure { margin:0; display:flex; align-items:center; justify-content:center; overflow:hidden; border-radius:18px; background:#071726; }
.aitp-result-grid figure:first-child { grid-row:1/span 2; }
.aitp-result-grid img { width:100%; height:100%; object-fit:contain; object-position:center; }
.aitp-cta { padding:82px 0; color:#fff; background:var(--aitp-ink); }
.aitp-cta .aitp-container { display:flex; align-items:center; justify-content:space-between; gap:40px; }
.aitp-cta h2 { max-width:720px; }

.aitp-projects-hero { padding:92px 0 64px; color:#fff; background:var(--aitp-ink); }
.aitp-projects-hero h1 { max-width:850px; margin:0; font-size:clamp(40px,6vw,72px); line-height:1; }
.aitp-projects-hero .aitp-copy { color:rgba(255,255,255,.65); }
.aitp-project-list { padding:70px 0 100px; background:var(--aitp-paper); }
.aitp-filters { display:flex; flex-wrap:wrap; gap:10px; margin-bottom:34px; }
.aitp-filters button { padding:10px 15px; color:var(--aitp-ink); background:transparent; border:1px solid rgba(7,23,38,.12); border-radius:999px; cursor:pointer; font-weight:800; }
.aitp-filters button.is-active { color:#fff; background:var(--aitp-ink); }
.aitp-project-grid { display:grid; grid-template-columns:repeat(2,1fr); gap:22px; }
.aitp-project-card { overflow:hidden; color:var(--aitp-ink); text-decoration:none; background:#fff; border:1px solid rgba(7,23,38,.1); border-radius:20px; }
.aitp-project-card__media { height:330px; display:flex; align-items:center; justify-content:center; overflow:hidden; background:#071726; }
.aitp-project-card__media img { width:100%; height:100%; object-fit:contain; object-position:center; }
.aitp-project-card__body { padding:27px; display:flex; align-items:center; justify-content:space-between; gap:20px; }
.aitp-project-card__body p { margin:0; color:var(--aitp-gold); font-size:12px; font-weight:900; letter-spacing:.12em; text-transform:uppercase; }
.aitp-project-card__body h2 { margin:5px 0 0; font-size:28px; }
.aitp-project-card__body>span { display:grid; width:46px; height:46px; place-items:center; color:#fff; background:var(--aitp-ink); border-radius:50%; font-size:22px; }

@media(max-width:900px){
  .aitp-intro__grid,.aitp-stage-shell{grid-template-columns:1fr}
  .aitp-section-head,.aitp-cta .aitp-container{align-items:flex-start;flex-direction:column}
  .aitp-stage-media{min-height:470px}
  .aitp-stage-controls{min-height:520px}
}
@media(max-width:650px){
  .aitp-container{width:min(100% - 24px,1180px)}
  .aitp-compare{height:680px}
  .aitp-compare__caption .aitp-container{display:flex;align-items:flex-start;flex-direction:column}
  .aitp-compare h1{font-size:42px}
  .aitp-intro,.aitp-stages,.aitp-results{padding:66px 0}
  .aitp-facts,.aitp-project-grid{grid-template-columns:1fr}
  .aitp-stage-media{min-height:330px}
  .aitp-stage-controls{min-height:560px;padding:20px}
  .aitp-result-grid{grid-template-columns:1fr;grid-template-rows:repeat(3,300px)}
  .aitp-result-grid figure:first-child{grid-row:auto}
}