body{
  font-family:"Space Grotesk",sans-serif;
  background:
    radial-gradient(circle at top left, rgba(255,138,61,.18), transparent 28%),
    radial-gradient(circle at top right, rgba(255,193,94,.14), transparent 28%),
    linear-gradient(180deg, #0b0910 0%, #130d14 42%, #09070b 100%);
  color:var(--studio-text);
  margin:0;
}

html[data-theme="light"] body{
  background:
    radial-gradient(circle at top left, rgba(214,145,87,.09), transparent 26%),
    radial-gradient(circle at top right, rgba(225,190,146,.09), transparent 28%),
    linear-gradient(180deg, #f2e8db 0%, #ede2d4 46%, #e8dccd 100%);
}

h1,
h2,
h3,
h4{
  font-family:"Syne",sans-serif;
}

a{
  color:inherit;
}

body.theme-choice-open{
  overflow:hidden;
}

.theme-choice-modal{
  position:fixed;
  inset:0;
  z-index:90;
  display:grid;
  place-items:center;
  padding:1.25rem;
}

.theme-choice-backdrop{
  position:absolute;
  inset:0;
  background:rgba(6, 6, 11, .72);
  backdrop-filter:blur(10px);
}

.theme-choice-dialog{
  position:relative;
  z-index:1;
  width:min(100%, 58rem);
  padding:1.65rem;
  border-radius:1.9rem;
  border:1px solid rgba(255,255,255,.1);
  background:
    radial-gradient(circle at top right, rgba(255,141,71,.16), transparent 34%),
    linear-gradient(180deg, rgba(20,15,22,.98), rgba(13,10,17,.98));
  box-shadow:0 30px 80px rgba(0,0,0,.38);
}

.theme-choice-close{
  position:absolute;
  top:1rem;
  right:1rem;
  width:2.7rem;
  height:2.7rem;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  border-radius:999px;
  border:1px solid rgba(255,255,255,.1);
  background:rgba(255,255,255,.05);
  color:#fff;
  font-size:1.4rem;
  line-height:1;
}

.theme-choice-copy{
  max-width:34rem;
  margin-bottom:1.35rem;
}

.theme-choice-kicker{
  display:inline-flex;
  align-items:center;
  padding:.5rem .8rem;
  border-radius:999px;
  border:1px solid rgba(255,160,89,.22);
  background:rgba(255,125,47,.1);
  color:#ffb16b;
  font-size:.74rem;
  font-weight:700;
  letter-spacing:.12em;
  text-transform:uppercase;
}

.theme-choice-copy h2{
  margin:.9rem 0 .65rem;
  font-size:clamp(1.9rem, 4vw, 3rem);
  line-height:1;
  letter-spacing:-.05em;
  color:#fff;
}

.theme-choice-copy p{
  margin:0;
  color:rgba(255,244,231,.72);
  font-size:1rem;
  line-height:1.7;
}

.theme-choice-grid{
  display:grid;
  grid-template-columns:repeat(2, minmax(0, 1fr));
  gap:1rem;
}

.theme-choice-card{
  display:flex;
  flex-direction:column;
  gap:.85rem;
  padding:1rem;
  border-radius:1.45rem;
  border:1px solid rgba(255,255,255,.09);
  background:rgba(255,255,255,.04);
  color:#fff;
  text-align:left;
  transition:transform .2s ease, border-color .2s ease, box-shadow .2s ease, background .2s ease;
}

.theme-choice-card:hover,
.theme-choice-card:focus-visible,
.theme-choice-card.is-selected{
  transform:translateY(-2px);
  border-color:rgba(255,164,88,.34);
  background:rgba(255,255,255,.07);
  box-shadow:0 20px 40px rgba(0,0,0,.2);
}

.theme-choice-card:focus-visible,
.theme-choice-close:focus-visible{
  outline:2px solid rgba(255,171,98,.8);
  outline-offset:2px;
}

.theme-choice-preview{
  position:relative;
  display:block;
  min-height:14rem;
  overflow:hidden;
  border-radius:1.2rem;
  border:1px solid rgba(255,255,255,.08);
}

.theme-choice-preview::before{
  content:"";
  position:absolute;
  inset:0;
  background-image:
    linear-gradient(rgba(255,255,255,.04) 1px, transparent 1px),
    linear-gradient(90deg, rgba(255,255,255,.04) 1px, transparent 1px);
  background-size:38px 38px;
  opacity:.45;
}

.theme-choice-preview-light{
  background:
    radial-gradient(circle at top left, rgba(255,162,87,.22), transparent 40%),
    linear-gradient(180deg, #fff8f1 0%, #f8eee2 100%);
}

.theme-choice-preview-dark{
  background:
    radial-gradient(circle at top left, rgba(255,138,61,.2), transparent 40%),
    linear-gradient(180deg, #0b0910 0%, #100c14 100%);
}

.theme-preview-chip{
  position:absolute;
  top:1rem;
  left:1rem;
  width:5.6rem;
  height:1.7rem;
  border-radius:999px;
}

.theme-choice-preview-light .theme-preview-chip{
  background:rgba(255,255,255,.78);
  border:1px solid rgba(96,61,37,.12);
}

.theme-choice-preview-dark .theme-preview-chip{
  background:rgba(255,255,255,.08);
  border:1px solid rgba(255,255,255,.08);
}

.theme-preview-window{
  position:absolute;
  left:1rem;
  right:1rem;
  bottom:1rem;
  padding:1rem;
  border-radius:1.2rem;
}

.theme-choice-preview-light .theme-preview-window{
  background:rgba(255,255,255,.8);
  border:1px solid rgba(96,61,37,.12);
  box-shadow:0 18px 34px rgba(147,96,55,.08);
}

.theme-choice-preview-dark .theme-preview-window{
  background:rgba(17,13,22,.92);
  border:1px solid rgba(255,255,255,.08);
  box-shadow:0 18px 34px rgba(0,0,0,.22);
}

.theme-preview-badge,
.theme-preview-title,
.theme-preview-subtitle,
.theme-preview-button{
  display:block;
  border-radius:999px;
}

.theme-preview-badge{
  width:5rem;
  height:1.35rem;
  margin-bottom:.85rem;
  background:linear-gradient(135deg, #ff7b31, #ffb764);
  opacity:.9;
}

.theme-preview-title{
  width:84%;
  height:1.15rem;
  margin-bottom:.65rem;
}

.theme-preview-subtitle{
  width:62%;
  height:.82rem;
  margin-bottom:1rem;
}

.theme-preview-button{
  width:6.5rem;
  height:2.1rem;
  background:linear-gradient(135deg, #ff7b31, #ffd26a);
}

.theme-choice-preview-light .theme-preview-title{
  background:#231810;
}

.theme-choice-preview-light .theme-preview-subtitle{
  background:rgba(57,37,24,.34);
}

.theme-choice-preview-dark .theme-preview-title{
  background:#fff7ef;
}

.theme-choice-preview-dark .theme-preview-subtitle{
  background:rgba(255,244,231,.28);
}

.theme-choice-label{
  font-size:1.1rem;
  font-weight:700;
  color:#fff;
}

.theme-choice-caption{
  color:rgba(255,244,231,.68);
  font-size:.92rem;
  line-height:1.6;
}

.studio-page{
  position:relative;
  overflow:hidden;
  color:var(--studio-text);
}

.studio-backdrop{
  position:absolute;
  inset:0;
  pointer-events:none;
  overflow:hidden;
}

.backdrop-orb{
  position:absolute;
  border-radius:999px;
  filter:blur(24px);
  opacity:.9;
  will-change:transform;
}

.orb-a{
  width:28rem;
  height:28rem;
  top:-8rem;
  left:-10rem;
  background:radial-gradient(circle, rgba(255,138,61,.4), rgba(255,138,61,0));
  animation:floatOrb 16s ease-in-out infinite;
}

.orb-b{
  width:26rem;
  height:26rem;
  top:16rem;
  right:-8rem;
  background:radial-gradient(circle, rgba(255,184,105,.3), rgba(255,184,105,0));
  animation:floatOrb 18s ease-in-out infinite reverse;
}

.orb-c{
  width:22rem;
  height:22rem;
  bottom:10rem;
  left:36%;
  background:radial-gradient(circle, rgba(255,111,47,.16), rgba(255,111,47,0));
  animation:floatOrb 14s ease-in-out infinite;
}

.backdrop-grid{
  position:absolute;
  inset:0;
  background-image:
    linear-gradient(rgba(255,255,255,.04) 1px, transparent 1px),
    linear-gradient(90deg, rgba(255,255,255,.04) 1px, transparent 1px);
  background-size:72px 72px;
  mask-image:linear-gradient(180deg, rgba(0,0,0,.78), transparent 90%);
  opacity:.16;
  transform:translate3d(0, var(--scroll-shift, 0px), 0);
  will-change:transform;
}

.studio-hero{
  position:relative;
  padding:6.2rem 0 3.6rem;
}

.studio-hero-shell{
  position:relative;
  z-index:1;
  display:grid;
  grid-template-columns:minmax(0, 1.05fr) minmax(320px, .95fr);
  gap:3rem;
  align-items:center;
}

.studio-hero-copy{
  position:relative;
  z-index:1;
  padding:0;
  border:none;
  background:none;
  box-shadow:none;
  backdrop-filter:none;
}

.hero-eyebrow,
.section-kicker{
  display:inline-flex;
  align-items:center;
  gap:.5rem;
  padding:0;
  border:none;
  background:none;
  box-shadow:none;
  color:var(--studio-accent);
  font-size:.74rem;
  font-weight:700;
  letter-spacing:.12em;
  text-transform:uppercase;
}

.hero-feature-row{
  display:flex;
  flex-wrap:wrap;
  gap:1.25rem;
  margin-bottom:1.4rem;
}

.hero-feature-pill{
  display:inline-flex;
  align-items:center;
  justify-content:flex-start;
  min-height:0;
  padding:0;
  border:none;
  background:none;
  box-shadow:none;
  color:rgba(255,244,231,.78);
  font-size:.92rem;
  font-weight:700;
  letter-spacing:.01em;
}

.hero-feature-pill::before{
  content:"";
  width:.42rem;
  height:.42rem;
  margin-right:.55rem;
  border-radius:999px;
  background:linear-gradient(135deg, #ffd172, #ff7f33);
  box-shadow:none;
}

.studio-hero-title{
  max-width:11ch;
  margin:1rem 0 .9rem;
  font-size:clamp(3rem, 8vw, 5.6rem);
  line-height:.92;
  letter-spacing:-.045em;
  color:#fff;
}

.studio-hero-title span{
  color:var(--studio-highlight);
  display:block;
}

.studio-hero-lead{
  max-width:37rem;
  margin:0 0 1rem;
  color:var(--studio-muted);
  font-size:1rem;
  line-height:1.72;
  text-shadow:0 1px 0 rgba(0,0,0,.2);
}

.hero-meta-line{
  margin:0 0 1.8rem;
  color:rgba(255,244,231,.62);
  font-size:1rem;
  line-height:1.65;
}

.hero-meta-line strong{
  color:#fff;
  font-weight:700;
}

.hero-meta-line span{
  padding:0 .35rem;
  color:rgba(255,170,94,.68);
}

.studio-hero-actions{
  display:flex;
  flex-wrap:wrap;
  gap:1rem;
  margin-bottom:1.5rem;
}

.studio-btn{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  min-height:3.1rem;
  padding:.82rem 1.2rem;
  border-radius:1rem;
  border:1px solid transparent;
  text-decoration:none;
  font-size:.92rem;
  font-weight:700;
  transition:transform .2s ease, box-shadow .2s ease, border-color .2s ease, background .2s ease;
}

.studio-btn:hover{
  transform:translateY(-2px);
}

.studio-btn-primary{
  background:linear-gradient(135deg, #ff7b31 0%, #ff9f43 48%, #ffd26a 100%);
  color:#251005;
  box-shadow:0 18px 34px rgba(255,141,71,.18);
}

.studio-btn-ghost,
.studio-btn-secondary{
  border-color:rgba(255,255,255,.14);
  background:rgba(255,255,255,.06);
  color:#fff;
}

.studio-btn-ghost:hover,
.studio-btn-secondary:hover{
  border-color:rgba(255,255,255,.25);
  background:rgba(255,255,255,.1);
}

.hero-proof-line{
  margin:0;
  color:rgba(255,244,231,.62);
  font-size:.84rem;
  font-weight:600;
  letter-spacing:.02em;
}

.hero-proof-line span{
  padding:0 .45rem;
  color:rgba(255,170,94,.68);
}

.studio-hero-visual{
  position:relative;
  min-height:34rem;
  z-index:2;
}

.visual-ring{
  position:absolute;
  border-radius:999px;
  border:1px solid rgba(255,255,255,.11);
  background:rgba(255,255,255,.02);
  transform:translate3d(var(--pointer-x, 0px), calc(var(--pointer-y, 0px) + var(--scroll-shift, 0px)), 0);
  transition:transform .22s ease-out;
  will-change:transform;
}

.ring-one{
  inset:1.5rem 1rem auto auto;
  width:28rem;
  height:28rem;
}

.ring-two{
  inset:5rem auto auto 1rem;
  width:18rem;
  height:18rem;
}

.hero-panel{
  position:relative;
  z-index:1;
  width:min(100%, 29rem);
  margin:3.5rem 0 0 auto;
  padding:1.1rem;
  border-radius:1.9rem;
  border:1px solid rgba(255,255,255,.1);
  background:
    linear-gradient(180deg, rgba(19,15,23,.96), rgba(13,10,17,.96)),
    rgba(14,11,18,.94);
  box-shadow:
    0 24px 60px rgba(0,0,0,.32),
    inset 0 1px 0 rgba(255,255,255,.08);
  backdrop-filter:blur(18px);
  transform:translate3d(calc(var(--pointer-x, 0px) * .6), calc(var(--pointer-y, 0px) + var(--scroll-shift, 0px)), 0);
  will-change:transform;
}

.hero-panel:hover{
  transform:translate3d(calc(var(--pointer-x, 0px) * .6), calc(var(--pointer-y, 0px) + var(--scroll-shift, 0px) - 3px), 0);
}

.panel-topbar{
  display:flex;
  gap:.45rem;
  margin-bottom:1rem;
}

.panel-topbar span{
  width:.7rem;
  height:.7rem;
  border-radius:999px;
  background:rgba(255,255,255,.22);
}

.panel-topbar span:nth-child(1){
  background:#ff9348;
}

.panel-topbar span:nth-child(2){
  background:#ffd06f;
}

.panel-topbar span:nth-child(3){
  background:#ffb067;
}

.panel-label-row{
  display:flex;
  justify-content:space-between;
  gap:1rem;
  align-items:center;
  margin-bottom:1rem;
}

.panel-kicker,
.panel-status,
.preview-pill,
.pricing-tag{
  display:inline-flex;
  align-items:center;
  width:max-content;
  padding:.42rem .72rem;
  border-radius:999px;
  border:1px solid rgba(255,255,255,.1);
  background:rgba(255,255,255,.04);
  font-size:.73rem;
  font-weight:700;
  letter-spacing:.08em;
  text-transform:uppercase;
}

.panel-status{
  color:#ffd28b;
}

.hero-panel h2{
  margin:0 0 1.1rem;
  font-size:1.65rem;
  line-height:1.04;
  color:#fff;
}

.panel-stack{
  display:grid;
  gap:.85rem;
}

.panel-card{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:1rem;
  padding:.9rem .95rem;
  border-radius:1.2rem;
  border:1px solid rgba(255,255,255,.08);
  background:rgba(255,255,255,.04);
}

.panel-card strong,
.panel-card b{
  display:block;
}

.panel-card strong{
  font-size:.94rem;
  color:#fff;
}

.panel-card span{
  color:var(--studio-muted);
  font-size:.81rem;
}

.panel-card b{
  font-size:.92rem;
  color:#fff;
}

.panel-card-accent{
  background:linear-gradient(135deg, rgba(255,125,47,.18), rgba(255,180,88,.12));
  border-color:rgba(255,160,89,.34);
}

.panel-metrics{
  display:grid;
  grid-template-columns:repeat(3, 1fr);
  gap:.8rem;
  margin-top:1rem;
}

.panel-metrics div{
  padding:.82rem;
  border-radius:1rem;
  background:rgba(255,255,255,.04);
  border:1px solid rgba(255,255,255,.08);
}

.panel-metrics strong{
  display:block;
  font-size:.92rem;
}

.panel-metrics span{
  color:var(--studio-muted);
  font-size:.75rem;
  line-height:1.5;
}

.signal-rail{
  position:relative;
  overflow:hidden;
  padding:1.05rem 0;
  border-top:1px solid rgba(255,255,255,.05);
  border-bottom:1px solid rgba(255,255,255,.05);
  background:none;
}

.signal-rail-track{
  display:flex;
  gap:2rem;
  width:max-content;
  white-space:nowrap;
  animation:marquee 26s linear infinite;
}

.signal-rail-track span{
  color:#fff4e7;
  font-size:.84rem;
  font-weight:700;
  letter-spacing:.08em;
  text-transform:uppercase;
}

.signal-rail-track span::before{
  content:"";
  display:inline-block;
  width:.45rem;
  height:.45rem;
  margin-right:.8rem;
  border-radius:999px;
  background:linear-gradient(135deg, #ffd172, #ff7f33);
  vertical-align:middle;
}

.studio-section{
  position:relative;
  padding:5rem 0;
}

.section-heading{
  max-width:45rem;
  margin-bottom:2.5rem;
  padding:0;
  border:none;
  background:none;
  box-shadow:none;
}

.pricing-section .section-heading{
  max-width:56rem;
  margin:0 auto 2.9rem;
  padding:0;
  border:none;
  background:none;
  box-shadow:none;
  text-align:center;
}

.pricing-section .section-kicker{
  margin:0 auto .95rem;
  padding:.7rem 1.2rem;
  background:rgba(255,125,47,.12);
  border-color:rgba(255,141,71,.26);
  color:#ff9c50;
}

.pricing-section .section-heading h2{
  margin:.25rem 0 .9rem;
  font-family:"Space Grotesk",sans-serif;
  font-size:clamp(2.4rem, 5.2vw, 4.5rem);
  font-weight:700;
  line-height:.98;
  letter-spacing:-.055em;
  color:#fff;
}

.pricing-section .section-heading p{
  max-width:44rem;
  margin:0 auto;
  color:rgba(255,244,231,.72);
  font-size:clamp(1rem, 1.8vw, 1.18rem);
  line-height:1.72;
}

.section-heading h2{
  margin:1rem 0 .9rem;
  font-size:clamp(1.8rem, 4.2vw, 3rem);
  line-height:1;
  letter-spacing:-.04em;
  color:#fff;
}

.section-heading p{
  color:var(--studio-muted);
  font-size:.95rem;
  line-height:1.7;
}

.story-grid,
.services-grid,
.pricing-grid,
.process-grid,
.faq-grid{
  display:grid;
  gap:1.15rem;
}

.story-grid{
  grid-template-columns:repeat(4, minmax(0, 1fr));
}

.story-card,
.service-card,
.pricing-card,
.process-step,
.faq-card,
.contact-card{
  position:relative;
  overflow:hidden;
  border-radius:1.55rem;
  border:1px solid rgba(255,255,255,.09);
  background:
    linear-gradient(180deg, rgba(255,255,255,.07), rgba(255,255,255,.03)),
    rgba(11,9,15,.92);
  box-shadow:0 18px 44px rgba(0,0,0,.16);
}

.story-card{
  padding:1.25rem;
}

.story-card-highlight{
  background:
    radial-gradient(circle at top right, rgba(255,143,70,.18), transparent 40%),
    linear-gradient(180deg, rgba(255,255,255,.08), rgba(255,255,255,.04)),
    rgba(11,9,15,.92);
}

.story-card-index,
.process-number{
  display:inline-flex;
  margin-bottom:1.3rem;
  color:var(--studio-highlight);
  font-size:.85rem;
  font-weight:700;
  letter-spacing:.15em;
  text-transform:uppercase;
}

.story-card h3,
.service-card h3,
.pricing-card h3,
.process-step h3,
.faq-card h3,
.contact-card h2{
  margin:0 0 .85rem;
  font-size:1.2rem;
  line-height:1.08;
  color:#fff;
}

.story-card p,
.service-card p,
.pricing-card p,
.process-step p,
.faq-card p,
.contact-card p{
  margin:0;
  color:rgba(255,244,231,.82);
  font-size:.95rem;
  line-height:1.68;
}

.services-grid{
  grid-template-columns:repeat(3, minmax(0, 1fr));
  gap:1.8rem;
}

.service-card{
  padding:1.35rem;
}

.service-card-featured{
  transform:translateY(-.5rem);
  border-color:rgba(255,163,88,.28);
  background:
    radial-gradient(circle at top left, rgba(255,141,71,.18), transparent 38%),
    linear-gradient(180deg, rgba(255,255,255,.08), rgba(255,255,255,.03)),
    rgba(12,9,15,.94);
}

.service-icon{
  width:3.3rem;
  height:3.3rem;
  display:flex;
  align-items:center;
  justify-content:center;
  margin-bottom:1rem;
  border-radius:1rem;
  background:linear-gradient(135deg, rgba(255,136,59,.22), rgba(255,195,108,.14));
  border:1px solid rgba(255,255,255,.08);
}

.service-icon svg{
  width:1.3rem;
  height:1.3rem;
  stroke:#fff;
  fill:none;
  stroke-width:1.9;
  stroke-linecap:round;
  stroke-linejoin:round;
}

.service-card ul,
.pricing-list{
  display:grid;
  gap:.8rem;
  margin:1.3rem 0 0;
  padding:0;
  list-style:none;
}

.service-card li,
.pricing-list li{
  position:relative;
  padding-left:1.35rem;
  color:#fff4e7;
  font-size:.95rem;
  line-height:1.58;
}

.service-card li::before,
.pricing-list li::before{
  content:"";
  position:absolute;
  top:.55rem;
  left:0;
  width:.48rem;
  height:.48rem;
  border-radius:999px;
  background:linear-gradient(135deg, #ffd172, #ff7f33);
}

.pricing-grid{
  grid-template-columns:repeat(3, minmax(0, 1fr));
  align-items:stretch;
  gap:1.35rem;
  padding-top:1rem;
}

.pricing-card{
  padding:1.3rem;
  display:flex;
  flex-direction:column;
  min-height:100%;
  overflow:visible;
}

.pricing-card-featured{
  border-color:rgba(255,164,88,.24);
  background:
    radial-gradient(circle at top, rgba(255,141,71,.18), transparent 38%),
    linear-gradient(180deg, rgba(255,255,255,.09), rgba(255,255,255,.04)),
    rgba(11,9,14,.95);
  transform:translateY(-.35rem);
  box-shadow:
    0 24px 54px rgba(0,0,0,.22),
    0 0 0 1px rgba(255,153,72,.1);
}

.pricing-badge{
  position:absolute;
  top:-1.2rem;
  left:50%;
  transform:translateX(-50%);
  padding:.55rem 1.05rem;
  border-radius:999px;
  background:#ffd172;
  color:#2b1406;
  font-size:.7rem;
  font-weight:800;
  letter-spacing:.08em;
  text-transform:uppercase;
  white-space:nowrap;
  box-shadow:0 12px 26px rgba(255,141,71,.22);
}

.pricing-head{
  padding-right:0;
  padding-bottom:1.15rem;
  border-bottom:1px solid rgba(255,255,255,.1);
  margin-bottom:1.2rem;
}

.pricing-card .pricing-price-row{
  display:flex;
  align-items:flex-end;
  gap:.2rem;
  margin:.8rem 0 .45rem;
  font-size:3.25rem;
  line-height:.9;
  color:#fff;
  font-family:"Space Grotesk",sans-serif;
  font-weight:700;
  letter-spacing:-.025em;
  font-variant-numeric:lining-nums tabular-nums;
}

.pricing-currency{
  font-size:.45em;
  line-height:1.1;
  color:rgba(255,244,231,.9);
}

.pricing-period{
  font-family:"Space Grotesk",sans-serif;
  font-size:.36em;
  font-weight:500;
  line-height:1.2;
  color:rgba(255,244,231,.8);
}

.pricing-setup{
  margin:0;
  color:rgba(255,244,231,.72) !important;
  font-family:ui-monospace, SFMono-Regular, Menlo, Consolas, monospace;
  font-size:.88rem;
}

.pricing-setup strong{
  color:#ff9b43;
  font-weight:700;
}

.pricing-tag{
  color:var(--studio-accent);
}

.pricing-tag-featured{
  color:#2b1406;
  background:#ffd172;
  border-color:transparent;
}

.pricing-card .studio-btn{
  width:100%;
  margin-top:auto;
}

.pricing-btn{
  min-height:3.25rem;
  margin-top:1.45rem !important;
  border-radius:1.1rem;
  font-size:.95rem;
}

.work-grid,
.testimonials-grid{
  display:grid;
  gap:1.8rem;
}

.work-grid{
  grid-template-columns:repeat(2, minmax(0, 1fr));
  align-items:stretch;
}

.work-item,
.testimonial-item{
  position:relative;
  padding:1.45rem 0 0;
}

.work-item::before,
.testimonial-item::before{
  content:"";
  position:absolute;
  top:0;
  left:0;
  width:100%;
  height:1px;
  background:linear-gradient(90deg, rgba(255,147,72,.78), rgba(255,255,255,.08) 45%, transparent 100%);
}

.work-item-preview-shell{
  margin-bottom:1.25rem;
  transform:translate3d(0, var(--scroll-shift, 0px), 0);
  will-change:transform;
}

.work-item-browser{
  position:relative;
  overflow:hidden;
  border-radius:1.18rem;
  border:1px solid rgba(255,255,255,.08);
  background:rgba(8,7,12,.88);
  box-shadow:0 18px 42px rgba(0,0,0,.18);
}

.work-item-browser-bar{
  display:flex;
  align-items:center;
  gap:.45rem;
  padding:.72rem .8rem;
  border-bottom:1px solid rgba(255,255,255,.08);
  background:rgba(255,255,255,.04);
}

.work-item-browser-dot{
  width:.56rem;
  height:.56rem;
  border-radius:999px;
  background:rgba(255,255,255,.18);
}

.work-item-browser-dot:nth-child(1){
  background:#ff9348;
}

.work-item-browser-dot:nth-child(2){
  background:#ffd06f;
}

.work-item-browser-dot:nth-child(3){
  background:#ffb067;
}

.work-item-browser-url{
  margin-left:.35rem;
  color:rgba(255,244,231,.68);
  font-size:.76rem;
  font-weight:600;
  letter-spacing:.02em;
}

.work-item-browser-screen{
  position:relative;
  overflow:hidden;
  aspect-ratio:16 / 7;
}

.work-item-live-preview{
  position:relative;
  width:100%;
  height:100%;
  background:#f7f2ea;
}

.work-item-iframe-wrap{
  position:absolute;
  inset:0;
  width:100%;
  overflow:hidden;
  background:#f7f2ea;
  opacity:0;
  transition:opacity .25s ease;
}

.work-item-live-preview.is-live .work-item-iframe-wrap{
  opacity:1;
}

.work-item-iframe{
  position:absolute;
  top:0;
  left:0;
  width:1440px;
  height:900px;
  border:none;
  background:#fff;
  pointer-events:none;
  transform-origin:top left;
  transform:scale(var(--iframe-scale, .4));
}

.work-item-preview-image{
  width:100%;
  height:100%;
  display:block;
  object-fit:cover;
  object-position:top center;
  background:#f7f2ec;
}

.work-item-preview-fallback{
  position:relative;
  z-index:0;
}

.work-item-preview-overlay{
  position:absolute;
  inset:auto 0 0 0;
  display:flex;
  align-items:flex-end;
  justify-content:flex-end;
  padding:1rem;
  background:linear-gradient(180deg, rgba(9,8,12,0), rgba(9,8,12,.48));
  pointer-events:none;
}

.work-item-preview-cta{
  pointer-events:auto;
  text-decoration:none;
}

.work-item-preview-overlay span{
  display:inline-flex;
  align-items:center;
  padding:.45rem .75rem;
  border-radius:999px;
  background:rgba(9,8,12,.72);
  color:#fff4e7;
  font-size:.76rem;
  font-weight:700;
  letter-spacing:.04em;
  transition:transform .2s ease, background .2s ease;
}

.work-item-preview-cta:hover span{
  transform:translateY(-1px);
  background:rgba(9,8,12,.82);
}

.work-item-meta{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:1rem;
  margin-bottom:1rem;
}

.work-item-index,
.work-item-type{
  color:var(--studio-accent);
  font-size:.75rem;
  font-weight:700;
  letter-spacing:.12em;
  text-transform:uppercase;
}

.work-item h3,
.testimonial-meta strong{
  margin:0;
  color:#fff;
}

.work-item h3{
  margin-bottom:.75rem;
  font-size:1.5rem;
  line-height:1.02;
}

.work-item p,
.testimonial-meta span{
  color:rgba(255,244,231,.76);
}

.work-item p{
  max-width:34ch;
  margin:0 0 1rem;
  font-size:.96rem;
  line-height:1.7;
}

.work-item-points{
  display:grid;
  gap:.65rem;
  margin:0 0 1.15rem;
  padding:0;
  list-style:none;
}

.work-item-points li{
  position:relative;
  padding-left:1.25rem;
  color:#efe3d6;
  font-size:.92rem;
  line-height:1.55;
}

.work-item-points li::before{
  content:"";
  position:absolute;
  top:.52rem;
  left:0;
  width:.42rem;
  height:.42rem;
  border-radius:999px;
  background:linear-gradient(135deg, #ffd172, #ff7f33);
}

.work-item-link{
  display:inline-flex;
  align-items:center;
  gap:.45rem;
  color:#ffbf7a;
  font-size:.9rem;
  font-weight:700;
  text-decoration:none;
}

.work-item-link::after{
  content:"->";
  font-size:.9em;
}

.testimonials-grid{
  grid-template-columns:repeat(2, minmax(0, 1fr));
}

.testimonial-item{
  min-height:100%;
}

.testimonial-item-featured{
  padding:1.55rem;
  border:1px solid rgba(255,255,255,.08);
  border-radius:1.5rem;
  background:
    radial-gradient(circle at top right, rgba(255,141,71,.14), transparent 34%),
    linear-gradient(180deg, rgba(255,255,255,.07), rgba(255,255,255,.03)),
    rgba(11,9,15,.9);
  box-shadow:0 18px 44px rgba(0,0,0,.14);
}

.testimonial-item-featured::before{
  display:none;
}

.testimonial-rating{
  margin-bottom:1rem;
  color:#ffb764;
  font-size:.95rem;
  font-weight:700;
  letter-spacing:.18em;
}

.testimonial-quote{
  margin:0 0 1.2rem;
  color:#fff4e7;
  font-size:1.04rem;
  line-height:1.78;
}

.testimonial-meta{
  display:grid;
  gap:.2rem;
}

.testimonial-meta strong{
  font-size:.98rem;
}

.testimonial-meta span{
  font-size:.9rem;
  line-height:1.5;
}

.story-section .story-grid,
.services-section .services-grid,
.process-section .process-grid,
.faq-section .faq-grid,
.work-section .work-grid,
.testimonials-section .testimonials-grid{
  gap:1.85rem;
}

.story-section .story-card,
.services-section .service-card,
.process-section .process-step,
.faq-section .faq-card,
.work-section .work-item,
.testimonials-section .testimonial-item{
  border:none;
  border-radius:0;
  background:none;
  box-shadow:none;
}

.story-section .story-card,
.services-section .service-card,
.process-section .process-step,
.faq-section .faq-card,
.work-section .work-item,
.testimonials-section .testimonial-item{
  padding:1.35rem 0 0;
}

.story-section .story-card::before,
.services-section .service-card::before,
.process-section .process-step::before,
.faq-section .faq-card::before,
.work-section .work-item::before,
.testimonials-section .testimonial-item::before{
  content:"";
  position:absolute;
  top:0;
  left:0;
  width:100%;
  height:1px;
  background:linear-gradient(90deg, rgba(255,147,72,.72), rgba(255,255,255,.08) 45%, transparent 100%);
}

.story-section .story-card-highlight,
.services-section .service-card-featured,
.work-section .work-item-featured{
  transform:none;
}

.story-section .story-card-highlight::before,
.services-section .service-card-featured::before{
  background:linear-gradient(90deg, rgba(255,171,98,.95), rgba(255,191,123,.26) 54%, transparent 100%);
}

.story-section .story-card p,
.services-section .service-card p,
.process-section .process-step p,
.faq-section .faq-card p{
  max-width:34ch;
}

.services-section .service-card ul{
  gap:.7rem;
}

.services-section .service-card li{
  color:#efe3d6;
}

.process-shell{
  padding:0;
  border:none;
  background:none;
}

.process-grid{
  grid-template-columns:repeat(3, minmax(0, 1fr));
}

.process-step{
  min-height:100%;
  padding:1.2rem;
  background:rgba(255,255,255,.035);
}

.faq-grid{
  grid-template-columns:repeat(2, minmax(0, 1fr));
}

.faq-card{
  padding:1.2rem;
}

.contact-card{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:2rem;
  padding:1.6rem;
  background:
    radial-gradient(circle at top left, rgba(255,141,71,.2), transparent 32%),
    radial-gradient(circle at bottom right, rgba(255,198,110,.14), transparent 32%),
    linear-gradient(180deg, rgba(255,255,255,.08), rgba(255,255,255,.03)),
    rgba(10,9,14,.95);
}

.contact-copy{
  max-width:42rem;
}

.contact-actions{
  display:flex;
  flex-direction:column;
  align-items:flex-start;
  gap:.8rem;
}

.contact-note{
  color:#fff0de;
  font-size:.9rem;
}

.whatsapp-float{
  position:fixed;
  right:1.25rem;
  bottom:1.25rem;
  z-index:30;
  display:inline-flex;
  align-items:center;
  gap:.7rem;
  padding:.85rem 1.1rem;
  border-radius:999px;
  border:1px solid rgba(255,255,255,.12);
  background:rgba(18,12,14,.94);
  color:#fff;
  text-decoration:none;
  box-shadow:0 18px 34px rgba(0,0,0,.28);
}

.whatsapp-float svg{
  width:1.1rem;
  height:1.1rem;
  stroke:#ffb35d;
  fill:none;
  stroke-width:1.8;
  stroke-linecap:round;
  stroke-linejoin:round;
}

.whatsapp-float span{
  font-size:.9rem;
  font-weight:700;
}

@keyframes floatOrb{
  0%,
  100%{
    transform:translate3d(0, var(--scroll-shift, 0px), 0) scale(1);
  }
  50%{
    transform:translate3d(0, calc(var(--scroll-shift, 0px) + 1.6rem), 0) scale(1.04);
  }
}

@keyframes marquee{
  from{
    transform:translateX(0);
  }
  to{
    transform:translateX(-50%);
  }
}

html[data-theme="light"] .studio-page{
  color:#181116;
}

html[data-theme="light"] .theme-choice-backdrop{
  background:rgba(66, 42, 28, .28);
}

html[data-theme="light"] .theme-choice-dialog{
  border-color:rgba(104,68,41,.1);
  background:
    radial-gradient(circle at top right, rgba(255,141,71,.09), transparent 34%),
    linear-gradient(180deg, rgba(247,239,230,.98), rgba(240,230,219,.98));
  box-shadow:0 30px 80px rgba(147,96,55,.12);
}

html[data-theme="light"] .theme-choice-close{
  border-color:rgba(104,68,41,.1);
  background:rgba(247,239,230,.9);
  color:#1b140f;
}

html[data-theme="light"] .theme-choice-copy h2,
html[data-theme="light"] .theme-choice-label{
  color:#181116;
}

html[data-theme="light"] .theme-choice-copy p,
html[data-theme="light"] .theme-choice-caption{
  color:rgba(56,35,24,.72);
}

html[data-theme="light"] .theme-choice-card{
  border-color:rgba(72,40,21,.1);
  background:rgba(255,255,255,.68);
  color:#181116;
}

html[data-theme="light"] .theme-choice-card:hover,
html[data-theme="light"] .theme-choice-card:focus-visible,
html[data-theme="light"] .theme-choice-card.is-selected{
  border-color:rgba(169,90,30,.28);
  background:rgba(255,255,255,.92);
  box-shadow:0 20px 40px rgba(147,96,55,.12);
}

html[data-theme="light"] .backdrop-grid{
  background-image:
    linear-gradient(rgba(114,72,42,.03) 1px, transparent 1px),
    linear-gradient(90deg, rgba(114,72,42,.03) 1px, transparent 1px);
  opacity:.14;
}

html[data-theme="light"] .backdrop-orb{
  filter:blur(42px);
  opacity:.36;
}

html[data-theme="light"] .orb-a{
  background:radial-gradient(circle, rgba(210,139,82,.13), rgba(210,139,82,0));
}

html[data-theme="light"] .orb-b{
  background:radial-gradient(circle, rgba(219,178,123,.11), rgba(219,178,123,0));
}

html[data-theme="light"] .orb-c{
  background:radial-gradient(circle, rgba(205,121,69,.07), rgba(205,121,69,0));
}

html[data-theme="light"] .hero-feature-pill,
html[data-theme="light"] .panel-kicker,
html[data-theme="light"] .panel-status,
html[data-theme="light"] .section-kicker,
html[data-theme="light"] .studio-btn-ghost,
html[data-theme="light"] .studio-btn-secondary{
  color:#251b14;
}

html[data-theme="light"] .pricing-tag{
  border-color:rgba(169,90,30,.14);
  background:rgba(223,160,108,.16);
  color:#8f4c1d;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.28);
}

html[data-theme="light"] .pricing-tag-featured{
  border-color:transparent;
  background:linear-gradient(135deg, #d97833, #eaa05d);
  color:#fff8f1;
  box-shadow:0 8px 18px rgba(169,90,30,.16);
}

html[data-theme="light"] .service-icon{
  background:linear-gradient(135deg, rgba(216,132,63,.16), rgba(242,188,125,.1));
  border-color:rgba(169,90,30,.14);
  box-shadow:inset 0 1px 0 rgba(255,255,255,.35);
}

html[data-theme="light"] .service-icon svg{
  stroke:#b45d22;
}

html[data-theme="light"] .hero-proof-line{
  color:rgba(76,53,38,.72);
}

html[data-theme="light"] .hero-proof-line span{
  color:#cf6c25;
}

html[data-theme="light"] .studio-btn-ghost:hover,
html[data-theme="light"] .studio-btn-secondary:hover{
  border-color:rgba(169,90,30,.14);
  background:rgba(250,243,237,.9);
}

html[data-theme="light"] .pricing-card .studio-btn-secondary{
  border-color:rgba(169,90,30,.16);
  background:rgba(236,223,210,.78);
  color:#1b140f;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.22);
}

html[data-theme="light"] .pricing-card .studio-btn-secondary:hover{
  border-color:rgba(169,90,30,.24);
  background:rgba(231,216,201,.92);
}

html[data-theme="light"] .studio-hero-title,
html[data-theme="light"] .hero-panel h2,
html[data-theme="light"] .section-heading h2,
html[data-theme="light"] .story-card h3,
html[data-theme="light"] .service-card h3,
html[data-theme="light"] .pricing-card h3,
html[data-theme="light"] .process-step h3,
html[data-theme="light"] .faq-card h3,
html[data-theme="light"] .contact-card h2,
html[data-theme="light"] .pricing-card .pricing-price-row,
html[data-theme="light"] .panel-card strong,
html[data-theme="light"] .panel-card b{
  color:#18110d;
}

html[data-theme="light"] .studio-hero-lead,
html[data-theme="light"] .section-heading p,
html[data-theme="light"] .story-card p,
html[data-theme="light"] .service-card p,
html[data-theme="light"] .pricing-card p,
html[data-theme="light"] .process-step p,
html[data-theme="light"] .faq-card p,
html[data-theme="light"] .contact-card p,
html[data-theme="light"] .hero-meta-line,
html[data-theme="light"] .panel-card span,
html[data-theme="light"] .panel-metrics span,
html[data-theme="light"] .pricing-setup,
html[data-theme="light"] .contact-note{
  color:rgba(58,38,26,.82) !important;
  text-shadow:none;
}

html[data-theme="light"] .hero-meta-line strong{
  color:#1b140f;
}

html[data-theme="light"] .pricing-currency,
html[data-theme="light"] .pricing-period{
  color:#1b140f;
}

html[data-theme="light"] .hero-meta-line span,
html[data-theme="light"] .pricing-setup strong{
  color:#cf6c25;
}

html[data-theme="light"] .visual-ring{
  border-color:rgba(169,90,30,.08);
  background:rgba(248,240,233,.2);
}

html[data-theme="light"] .hero-panel,
html[data-theme="light"] .section-heading,
html[data-theme="light"] .story-card,
html[data-theme="light"] .service-card,
html[data-theme="light"] .pricing-card,
html[data-theme="light"] .process-shell,
html[data-theme="light"] .process-step,
html[data-theme="light"] .faq-card,
html[data-theme="light"] .contact-card,
html[data-theme="light"] .panel-card,
html[data-theme="light"] .panel-metrics div{
  border-color:rgba(104,68,41,.07);
  background:
    linear-gradient(180deg, rgba(244,235,226,.96), rgba(237,226,214,.94)),
    #efe2d3;
  box-shadow:
    0 12px 30px rgba(147,96,55,.05),
    inset 0 1px 0 rgba(255,255,255,.3);
}

html[data-theme="light"] .story-section .story-card,
html[data-theme="light"] .services-section .service-card,
html[data-theme="light"] .process-section .process-step,
html[data-theme="light"] .faq-section .faq-card,
html[data-theme="light"] .work-section .work-item,
html[data-theme="light"] .testimonials-section .testimonial-item,
html[data-theme="light"] .process-section .process-shell,
html[data-theme="light"] .story-section .section-heading,
html[data-theme="light"] .services-section .section-heading,
html[data-theme="light"] .process-section .section-heading,
html[data-theme="light"] .faq-section .section-heading,
html[data-theme="light"] .work-section .section-heading,
html[data-theme="light"] .testimonials-section .section-heading,
html[data-theme="light"] .pricing-section .section-heading{
  background:none;
  box-shadow:none;
}

html[data-theme="light"] .story-section .story-card::before,
html[data-theme="light"] .services-section .service-card::before,
html[data-theme="light"] .process-section .process-step::before,
html[data-theme="light"] .faq-section .faq-card::before,
html[data-theme="light"] .work-section .work-item::before,
html[data-theme="light"] .testimonials-section .testimonial-item::before{
  background:linear-gradient(90deg, rgba(196,117,55,.6), rgba(104,68,41,.14) 45%, transparent 100%);
}

html[data-theme="light"] .story-section .story-card-highlight::before,
html[data-theme="light"] .services-section .service-card-featured::before{
  background:linear-gradient(90deg, rgba(212,126,61,.9), rgba(212,126,61,.22) 58%, transparent 100%);
}

html[data-theme="light"] .hero-panel{
  box-shadow:
    0 20px 46px rgba(147,96,55,.07),
    inset 0 1px 0 rgba(255,255,255,.45);
}

html[data-theme="light"] .panel-card-accent,
html[data-theme="light"] .service-card-featured,
html[data-theme="light"] .pricing-card-featured,
html[data-theme="light"] .contact-card{
  background:
    radial-gradient(circle at top left, rgba(255,141,71,.05), transparent 34%),
    linear-gradient(180deg, rgba(242,233,223,.96), rgba(233,220,207,.93)),
    #ecdfd0;
}

html[data-theme="light"] .signal-rail{
  border-top-color:rgba(104,68,41,.06);
  border-bottom-color:rgba(104,68,41,.06);
  background:rgba(169,90,30,.02);
}

html[data-theme="light"] .signal-rail-track span{
  color:#7a4d31;
}

html[data-theme="light"] .service-card li,
html[data-theme="light"] .pricing-list li{
  color:#342216;
}

html[data-theme="light"] .work-item h3,
html[data-theme="light"] .testimonial-meta strong{
  color:#18110d;
}

html[data-theme="light"] .work-item p,
html[data-theme="light"] .testimonial-quote,
html[data-theme="light"] .testimonial-meta span{
  color:rgba(58,38,26,.82);
}

html[data-theme="light"] .work-item-browser{
  border-color:rgba(104,68,41,.08);
  background:rgba(238,227,215,.92);
  box-shadow:0 14px 28px rgba(147,96,55,.08);
}

html[data-theme="light"] .work-item-browser-bar{
  border-bottom-color:rgba(104,68,41,.08);
  background:rgba(255,248,241,.68);
}

html[data-theme="light"] .work-item-browser-url{
  color:rgba(92,68,51,.78);
}

html[data-theme="light"] .work-item-preview-overlay{
  background:linear-gradient(180deg, rgba(241,231,219,0), rgba(241,231,219,.58));
}

html[data-theme="light"] .work-item-preview-overlay span{
  background:rgba(248,239,231,.88);
  color:#8c4d1d;
}

html[data-theme="light"] .work-item-preview-cta:hover span{
  background:rgba(248,239,231,.98);
}

html[data-theme="light"] .testimonial-item-featured{
  border:1px solid rgba(104,68,41,.08);
  border-radius:1.5rem;
  background:
    radial-gradient(circle at top right, rgba(212,126,61,.08), transparent 34%),
    linear-gradient(180deg, rgba(242,233,223,.96), rgba(233,220,207,.93)),
    #ecdfd0;
  box-shadow:
    0 12px 30px rgba(147,96,55,.05),
    inset 0 1px 0 rgba(255,255,255,.25);
}

html[data-theme="light"] .testimonial-item-featured::before{
  display:none;
}

html[data-theme="light"] .testimonial-rating{
  color:#c96c2a;
}

html[data-theme="light"] .work-item-points li{
  color:#342216;
}

html[data-theme="light"] .work-item-link{
  color:#b8622d;
}

html[data-theme="light"] .service-card p,
html[data-theme="light"] .story-card p,
html[data-theme="light"] .pricing-card p,
html[data-theme="light"] .process-step p,
html[data-theme="light"] .faq-card p{
  max-width:32ch;
}

html[data-theme="light"] .service-card h3,
html[data-theme="light"] .story-card h3,
html[data-theme="light"] .pricing-card h3,
html[data-theme="light"] .process-step h3,
html[data-theme="light"] .faq-card h3{
  text-wrap:balance;
}

html[data-theme="light"] .whatsapp-float{
  border-color:rgba(104,68,41,.08);
  background:rgba(245,236,228,.94);
  color:#1b140f;
  box-shadow:0 14px 24px rgba(147,96,55,.06);
}

@media (max-width: 1199.98px){
  .story-grid{
    grid-template-columns:repeat(2, minmax(0, 1fr));
  }

  .work-grid,
  .testimonials-grid,
  .services-grid,
  .pricing-grid,
  .process-grid{
    grid-template-columns:1fr;
  }

  .service-card-featured,
  .pricing-card-featured{
    transform:none;
  }

  .pricing-grid{
    padding-top:.5rem;
  }

  .pricing-badge{
    top:-.9rem;
  }
}

@media (max-width: 991.98px){
  .studio-hero{
    padding-top:4.9rem;
  }

  .studio-hero-shell,
  .contact-card{
    grid-template-columns:1fr;
    display:grid;
  }

  .studio-hero-title{
    max-width:none;
  }

  .hero-feature-row{
    gap:.85rem 1rem;
    justify-content:center;
  }

  .hero-feature-pill{
    justify-content:center;
    font-size:.88rem;
  }

  .studio-hero-visual{
    min-height:30rem;
  }

  .hero-panel{
    margin:3rem auto 0;
  }

  .faq-grid{
    grid-template-columns:1fr;
  }
}

@media (max-width: 767.98px){
  .theme-choice-modal{
    padding:.8rem;
    overflow-y:auto;
    place-items:start center;
    overscroll-behavior:contain;
  }

  .theme-choice-dialog{
    padding:1.15rem;
    margin:auto 0;
    max-height:calc(100dvh - 1.6rem);
    overflow-y:auto;
    -webkit-overflow-scrolling:touch;
  }

  .theme-choice-copy{
    margin-bottom:1rem;
    padding-right:2.5rem;
  }

  .theme-choice-grid{
    grid-template-columns:1fr;
  }

  .theme-choice-preview{
    min-height:11.5rem;
  }

  .studio-hero-copy{
    padding:0;
  }

  .studio-hero{
    padding-top:4.6rem;
  }

  .studio-section{
    padding:4.4rem 0;
  }

  .studio-hero-shell{
    gap:1.4rem;
  }

  .hero-feature-row{
    justify-content:center;
    margin-bottom:1rem;
  }

  .hero-feature-pill{
    justify-content:center;
  }

  .studio-hero-title{
    font-size:clamp(2.25rem, 12vw, 3.5rem);
  }

  .studio-hero-lead,
  .section-heading p{
    font-size:.92rem;
  }

  .hero-meta-line{
    font-size:.88rem;
  }

  .hero-proof-line{
    font-size:.8rem;
  }

  .story-grid{
    grid-template-columns:1fr;
  }

  .work-section .work-grid,
  .testimonials-section .testimonials-grid,
  .services-section .services-grid,
  .process-section .process-grid,
  .faq-section .faq-grid,
  .story-section .story-grid{
    gap:1.4rem;
  }

  .hero-panel{
    width:100%;
    margin-top:2.5rem;
    padding:1rem;
  }

  .work-item-browser-screen{
    aspect-ratio:3 / 2;
  }

  .work-item-iframe{
    height:14rem;
  }

  .work-item-live-preview,
  .work-item-preview-image{
    height:14rem;
  }

  .work-item-browser-screen,
  .work-item-live-preview{
    background:rgba(247,242,234,.96);
  }

  .work-item-preview-image{
    object-fit:cover;
    object-position:center top;
    padding:0;
  }

  .work-item-preview-image--shiatsu{
    object-position:52% top;
    transform:scale(1.12);
    transform-origin:center top;
  }

  .work-item-preview-image--mystaticlife{
    object-position:58% top;
    transform:scale(1.18);
    transform-origin:center top;
  }

  .panel-label-row,
  .panel-metrics{
    grid-template-columns:1fr;
    display:grid;
  }

  .panel-label-row{
    gap:.8rem;
  }

  .panel-metrics{
    gap:.7rem;
  }

  .contact-card,
  .process-shell{
    padding:1.35rem;
  }

  .pricing-card .pricing-price-row{
    font-size:2.8rem;
  }

  .whatsapp-float{
    right:.8rem;
    bottom:1.1rem;
    padding:.8rem .95rem;
  }

  .whatsapp-float span{
    display:none;
  }
}