/* ========================================================================== */
/* ALIFY v1.0 — Electronic Editorial UI Overhaul                              */
/* Loaded last. Keeps Theme Options variables authoritative.                  */
/* ========================================================================== */

:root{
  --ui-max-copy: 760px;
  --ui-soft-line: color-mix(in srgb,var(--text) 9%,transparent);
  --ui-strong-line: color-mix(in srgb,var(--text) 18%,transparent);
  --ui-glow: color-mix(in srgb,var(--green) 11%,transparent);
  --ui-panel: color-mix(in srgb,var(--panel) 90%,transparent);
  --ui-ease: cubic-bezier(.22,.61,.36,1);
}

html{background:#090a0c}
body{
  background:
    radial-gradient(70vw 55vw at 82% -10%,color-mix(in srgb,var(--navy) 18%,transparent),transparent 72%),
    radial-gradient(55vw 40vw at -10% 35%,color-mix(in srgb,var(--teal) 10%,transparent),transparent 72%),
    var(--bg);
}
body::before{
  content:"";position:fixed;inset:0;z-index:-1;pointer-events:none;
  background-image:linear-gradient(90deg,transparent calc(50% - .5px),rgba(247,247,245,.018) 50%,transparent calc(50% + .5px));
}

/* Global rhythm and typography ------------------------------------------------ */
.section{padding-block:clamp(5.25rem,10vw,9.5rem)}
.container{width:min(calc(100% - (2 * var(--gutter))),var(--container))}
.container--wide{width:min(calc(100% - (2 * var(--gutter))),var(--container-w));max-width:var(--container-w)}
.section h1,.section h2{max-width:15ch}
.section h2{letter-spacing:-.035em}
.section .display{max-width:13ch}
.lead{font-size:clamp(1.05rem,1.35vw,1.24rem);line-height:1.72}
.eyebrow{margin-bottom:1.65rem;font-size:.72rem;letter-spacing:.24em}
.eyebrow::before{width:3.25rem}
.idx{font-size:.69rem;letter-spacing:.18em}

.section__head{margin-bottom:clamp(4rem,8vw,7rem);column-gap:clamp(2rem,5vw,5rem)}
.section__head-main{grid-column:1/9}
.section__head-side{grid-column:10/13;padding-bottom:.35rem}
.section__head-side p{font-size:.95rem;line-height:1.75}
.section__head-side .link-arrow{margin-top:1.25rem}

/* Section surfaces: less flat, more atmospheric ------------------------------ */
.section--ink2{
  background:
    radial-gradient(55vw 40vw at 90% 0%,rgba(56,65,102,.09),transparent 72%),
    linear-gradient(180deg,#0d0e12 0%,#0a0b0e 100%);
}
.section--panel{
  background:
    radial-gradient(60vw 45vw at 8% 10%,rgba(11,115,95,.08),transparent 68%),
    linear-gradient(180deg,#12141a,#0e0f13);
}
.section--navy{
  background:
    radial-gradient(42vw 42vw at 7% 7%,rgba(12,220,42,.07),transparent 68%),
    radial-gradient(58vw 48vw at 92% 72%,rgba(11,115,95,.17),transparent 68%),
    linear-gradient(145deg,#171a28 0%,#242b49 46%,#0d1015 100%);
}
.section--sand{
  background:
    radial-gradient(45vw 35vw at 92% 0%,rgba(255,255,255,.19),transparent 60%),
    linear-gradient(135deg,#e7dfb3 0%,#dbd2a2 58%,#cfc58e 100%);
}
.section--rule::before{background:linear-gradient(90deg,var(--green) 0 12%,var(--teal-2) 29%,transparent 75%);opacity:.8}

/* Header ---------------------------------------------------------------------- */
.site-header{height:calc(var(--header-h) + 8px);padding-top:8px}
.site-header__inner{
  position:relative;
  display:grid;grid-template-columns:1fr auto 1fr;
  background:rgba(10,11,14,.32);
  border:1px solid transparent;
  padding-inline:clamp(.65rem,1.4vw,1.15rem);
  transition:background .45s,border-color .45s,box-shadow .45s,transform .45s;
}
.site-header.is-scrolled{background:transparent;border:0;backdrop-filter:none}
.site-header.is-scrolled .site-header__inner{
  background:rgba(11,12,15,.78);border-color:var(--line);
  box-shadow:0 14px 45px rgba(0,0,0,.24);backdrop-filter:blur(18px);
}
.site-header .brand{justify-self:start;font-size:1.38rem;letter-spacing:-.045em;position:relative}
.site-header .brand::after{content:"DIGITAL STUDIO";position:absolute;left:calc(100% + .75rem);top:50%;transform:translateY(-50%);font:500 .48rem/1.1 var(--ff-mono);letter-spacing:.18em;color:var(--faint);white-space:nowrap}
.desktop-nav{justify-self:center}
.desktop-nav__list,.desktop-nav ul{gap:clamp(1.1rem,2vw,2.15rem);counter-reset:alify-nav}
.desktop-nav li{counter-increment:alify-nav;position:relative}
.desktop-nav li::before{content:"0" counter(alify-nav);position:absolute;left:0;top:-.9rem;font:500 .46rem/1 var(--ff-mono);letter-spacing:.08em;color:var(--faint)}
.desktop-nav a{font-size:.68rem;letter-spacing:.18em;color:color-mix(in srgb,var(--off) 82%,transparent)}
.site-header__actions{justify-self:end}
.header-cta{min-height:42px}
.burger{border-radius:3px;background:rgba(247,247,245,.025)}


.pushmenu__list{counter-reset:alify-push}
.pushmenu__list>li{counter-increment:alify-push;display:grid;grid-template-columns:42px 1fr;align-items:baseline;border-bottom:1px solid var(--line)}
.pushmenu__list>li::before{content:"0" counter(alify-push);font:500 .58rem/1 var(--ff-mono);color:var(--teal-2);letter-spacing:.12em}
.pushmenu__list>li>a{border-bottom:0!important}
/* Buttons --------------------------------------------------------------------- */
.btn{min-height:52px;padding:var(--alify-btn-py,14px) var(--alify-btn-px,28px);border-radius:var(--alify-btn-radius,3px);font-size:var(--alify-btn-size,.8rem);letter-spacing:var(--alify-btn-track,.16em);background:var(--alify-btn-bg,var(--green));color:var(--alify-btn-text,var(--ink));box-shadow:inset 0 0 0 1px rgba(255,255,255,.035)}
.btn--primary{background:var(--alify-btn-bg,var(--green));color:var(--alify-btn-text,#071009)}
.btn--primary:hover{background:var(--alify-btn-hover-bg,var(--teal-2));color:var(--alify-btn-hover-text,var(--ink))}
.btn--ghost{background:rgba(247,247,245,.018);color:var(--off);border-color:var(--line-2)}
.btn--ghost-ink{background:transparent;color:#17170e;border-color:rgba(23,23,14,.32)}
.btn--teal{background:var(--teal);color:var(--off)}
.btn--navy{background:var(--navy);color:var(--off)}
.btn--sand{background:var(--sand);color:var(--ink)}
.btn::before{content:"";position:absolute;inset:auto 1rem .65rem;height:1px;background:currentColor;opacity:.15;transform:scaleX(0);transform-origin:left;transition:transform .45s var(--ui-ease)}
.btn:hover::before{transform:scaleX(1)}
.link-arrow{border-bottom-color:var(--ui-strong-line);padding-bottom:.45rem}

/* Media ----------------------------------------------------------------------- */
.media-frame{border-color:var(--ui-strong-line);border-radius:var(--alify-media-radius,var(--r));box-shadow:0 34px 90px rgba(0,0,0,.24)}
.media-frame::after{content:"";position:absolute;inset:11px;z-index:2;border:1px solid rgba(247,247,245,.09);pointer-events:none;mix-blend-mode:screen}.media-frame img{filter:saturate(var(--alify-media-sat,.93)) contrast(var(--alify-media-contrast,1.05))}.media-frame:hover img{transform:scale(var(--alify-media-zoom,1.045))}
.media-frame::before{background:linear-gradient(135deg,rgba(56,65,102,.34),transparent 42%,rgba(13,13,13,.34))}
.media-caption{margin-top:.85rem}

/* Hero ------------------------------------------------------------------------ */
.home-hero.ui-hero-stage{
  min-height:max(760px,100svh);padding-top:calc(var(--header-h) + clamp(5rem,9vw,8rem));padding-bottom:clamp(3rem,5vw,5rem);
  overflow:hidden;
}
.home-hero.ui-hero-stage::before{
  content:"";position:absolute;inset:0;z-index:-1;pointer-events:none;
  background:
    linear-gradient(90deg,transparent 0 24.9%,rgba(247,247,245,.035) 25%,transparent 25.1% 74.9%,rgba(247,247,245,.035) 75%,transparent 75.1%),
    linear-gradient(180deg,transparent 0 70%,rgba(247,247,245,.04) 70.1%,transparent 70.2%);
}
.home-hero__chrome{position:absolute;inset:0;pointer-events:none;overflow:hidden}
.home-hero__axis{position:absolute;background:rgba(247,247,245,.06)}
.home-hero__axis--v{width:1px;height:100%;left:var(--gutter);top:0}
.home-hero__axis--h{height:1px;width:100%;left:0;bottom:8%}
.home-hero__code{position:absolute;right:var(--gutter);top:calc(var(--header-h) + 1.8rem);font-family:var(--ff-mono);font-size:.58rem;letter-spacing:.2em;color:var(--faint);writing-mode:vertical-rl}
.home-hero__grid{display:grid;grid-template-columns:repeat(12,minmax(0,1fr));gap:clamp(1rem,2vw,2rem);align-items:start;position:relative}
.home-hero__copy{grid-column:1/10;position:relative;z-index:3}
.home-hero__title{font-size:clamp(4rem,9.8vw,9.1rem);line-height:.84;letter-spacing:-.055em;max-width:9.7ch;margin-bottom:clamp(2rem,4vw,3.5rem)}
.home-hero__title em{display:inline-block;padding-right:.05em}
.home-hero__intro{display:grid;grid-template-columns:repeat(8,minmax(0,1fr));gap:1.5rem;align-items:start}
.home-hero__intro>.lead{grid-column:1/5;margin:0;max-width:44ch}
.home-hero__actions{grid-column:5/9;border-left:1px solid var(--line);padding-left:clamp(1.2rem,2vw,2rem)}
.hero-trust{margin:1.2rem 0 0;max-width:42ch;font-size:.68rem;color:var(--faint);line-height:1.65}
.home-hero__rail{grid-column:11/13;grid-row:1;display:grid;grid-template-columns:auto 1fr;gap:.75rem 1rem;border-left:1px solid var(--line);padding-left:1.2rem;padding-top:3.2rem;font-family:var(--ff-mono);text-transform:uppercase;align-items:center}
.home-hero__rail span{color:var(--teal-2);font-size:.62rem;letter-spacing:.14em}
.home-hero__rail b{font-size:.66rem;letter-spacing:.16em;color:var(--muted);font-weight:500}
.home-hero__visual{grid-column:8/13;grid-row:2;margin-top:clamp(-2rem,-2vw,-1rem);max-width:none;width:100%;justify-self:stretch;position:relative;z-index:2;padding-left:clamp(1rem,3vw,3rem)}
.home-hero__visual::before{content:"";position:absolute;left:0;top:12%;bottom:14%;width:1px;background:linear-gradient(var(--green),transparent)}
.home-hero__visual-index{display:block;text-align:right;color:var(--teal-2);font-size:.59rem;margin-bottom:.65rem}
.home-hero__frame{position:relative}
.home-hero__frame::before{content:"";position:absolute;inset:-16px 22px 16px -16px;border:1px solid rgba(65,169,143,.18);z-index:-1}
.home-hero__visual .media-frame,.home-hero__visual .hero-art{max-width:520px;margin-left:auto}
.home-hero__visual .square{aspect-ratio:4/3}
.hero-art{aspect-ratio:4/3;position:relative;overflow:hidden;border:1px solid var(--ui-strong-line);background:linear-gradient(135deg,#12141d,#242b49 48%,#0a0d10);display:grid;place-items:end start;padding:1.4rem;box-shadow:0 34px 90px rgba(0,0,0,.25)}
.hero-art__orb{position:absolute;width:70%;aspect-ratio:1;border-radius:50%;background:radial-gradient(circle at 36% 32%,rgba(12,220,42,.42),rgba(11,115,95,.11) 42%,transparent 72%);filter:blur(5px);right:-7%;top:-22%}
.hero-art__grid{position:absolute;inset:0;background-image:linear-gradient(rgba(236,236,228,.05) 1px,transparent 1px),linear-gradient(90deg,rgba(236,236,228,.05) 1px,transparent 1px);background-size:38px 38px;mask-image:linear-gradient(130deg,black,transparent 72%)}
.hero-art__ring{position:absolute;width:42%;aspect-ratio:1;border:1px solid rgba(12,220,42,.25);border-radius:50%;right:11%;bottom:10%;box-shadow:0 0 0 28px rgba(12,220,42,.025),0 0 0 56px rgba(65,169,143,.018)}
.hero-art strong{position:relative;font-family:var(--ff-mono);font-size:.58rem;letter-spacing:.18em;color:var(--sage-2)}
.home-hero__foot{grid-column:1/13;display:grid;grid-template-columns:auto 1fr auto;gap:1.25rem;align-items:center;margin-top:clamp(2.5rem,5vw,5rem);color:var(--faint)}
.home-hero__foot .mono{font-size:.58rem;letter-spacing:.18em;text-transform:uppercase}.home-hero__foot-line{height:1px;background:linear-gradient(90deg,var(--line-2),transparent)}

/* Stats ----------------------------------------------------------------------- */
.ui-stats-band{padding:0;background:#090a0c;border-block:1px solid var(--line)}
.ui-stats-band .stats{background:transparent;gap:0}
.ui-stats-band .stat{position:relative;min-height:180px;padding:2.25rem clamp(1.5rem,2.4vw,2.5rem);background:transparent;border-right:1px solid var(--line);display:flex;flex-direction:column;justify-content:flex-end}
.ui-stats-band .stat:last-child{border-right:0}
.stat__idx{position:absolute;top:1.25rem;left:1.5rem;color:var(--teal-2);font-size:.58rem}
.ui-stats-band .stat strong{font-size:clamp(3rem,5.7vw,5.8rem);letter-spacing:-.055em}

/* Services -------------------------------------------------------------------- */
.ui-services{overflow:clip}
.ui-services::after{content:"SERVICES";position:absolute;right:-.02em;top:12%;font:700 clamp(6rem,19vw,18rem)/.8 var(--ff-display);letter-spacing:-.06em;color:transparent;-webkit-text-stroke:1px rgba(236,236,228,.035);z-index:-1;pointer-events:none}
.ui-services .service-categories{display:block;background:transparent;border-top:1px solid var(--line)}
.ui-services .service-category{position:relative;display:grid;grid-template-columns:4fr 4fr 4fr;gap:clamp(1.5rem,4vw,4rem);min-height:0;padding:clamp(2.5rem,4.8vw,4.8rem) 0;background:transparent;border-bottom:1px solid var(--line);overflow:visible}
.ui-services .service-category::before{content:"";position:absolute;inset:0 calc(-1 * var(--gutter));background:linear-gradient(90deg,rgba(12,220,42,.035),transparent 55%);opacity:0;transition:opacity .45s}
.ui-services .service-category:hover::before{opacity:1}
.service-category__heading{position:relative;z-index:2;display:grid;grid-template-columns:auto 1fr;gap:.65rem 1rem;align-content:start}
.service-category__heading h3{grid-column:2;margin:0;font-size:clamp(2.2rem,4.4vw,4.4rem);line-height:.95;letter-spacing:-.045em}
.service-category__count{grid-column:2;color:var(--faint);font-size:.58rem;letter-spacing:.16em;text-transform:uppercase}
.ui-services .service-category__links{grid-column:3;position:relative;z-index:2}
.ui-services .service-category__links a{padding:1rem 0;border-top:1px solid var(--line);font-family:var(--ff-body);font-size:.9rem;color:var(--muted);transition:padding .3s,color .3s}
.ui-services .service-category__links a:first-child{border-top:0;padding-top:0}
.ui-services .service-category__links a:hover{padding-left:.65rem;color:var(--off)}
.ui-services .service-category__links i{color:var(--green);opacity:.55}
.service-hover-preview{grid-column:2;position:relative;z-index:3;margin:0;align-self:start;aspect-ratio:3/2;overflow:hidden;border:1px solid var(--line);background:linear-gradient(135deg,#13151d,#0c0d11);opacity:.48;transition:opacity .4s,transform .55s var(--ui-ease);transform:translateY(8px)}
.service-category:hover .service-hover-preview{opacity:1;transform:none}
.service-hover-preview img{width:100%;height:100%;object-fit:cover;opacity:1;transform:scale(1.035);transition:opacity .35s,transform .65s var(--ui-ease)}
.service-category:hover .service-hover-preview img{transform:scale(1)}

/* AI -------------------------------------------------------------------------- */
.ui-ai-band{overflow:hidden}
.ui-ai-band::after{content:"01";position:absolute;right:-.06em;bottom:-.25em;font:600 clamp(12rem,35vw,34rem)/.75 var(--ff-display);color:transparent;-webkit-text-stroke:1px rgba(236,236,228,.035);pointer-events:none}
.ui-ai-band .ai-band__grid{grid-template-columns:6.4fr 5.6fr;align-items:stretch}
.ai-band__copy{padding-block:clamp(1rem,3vw,3rem)}
.ai-band__copy h2{font-size:clamp(3rem,6vw,6.2rem);line-height:.94;max-width:10.5ch}
.ai-band__visual{position:relative;min-height:560px;border-left:1px solid var(--line);display:grid;place-items:center;overflow:hidden}
.ai-band__word{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%) rotate(90deg);font:600 clamp(4rem,8vw,8rem)/1 var(--ff-display);letter-spacing:-.04em;color:transparent;-webkit-text-stroke:1px rgba(236,236,228,.08);white-space:nowrap}
.ai-band__signal{position:relative;aspect-ratio:1;width:min(72%,430px);display:grid;place-items:center;margin:0}
.ai-band__signal span{font-size:clamp(5rem,10vw,9rem);letter-spacing:-.06em}
.ai-band__signal b{position:absolute;right:8%;bottom:8%;font:500 .62rem/1 var(--ff-mono);letter-spacing:.16em;color:var(--green)}
.ai-band__telemetry{position:absolute;inset:auto 1.5rem 1.5rem;display:flex;justify-content:space-between;font-size:.55rem;color:var(--faint);letter-spacing:.14em}
.feature-list{max-width:620px;margin:2.4rem 0 2rem}
.feature-list li{display:grid;grid-template-columns:24px 1fr;padding:1rem 0;color:var(--muted)}

/* Why rows -------------------------------------------------------------------- */
.ui-why .value-list{border-color:var(--line)}
.ui-why .value-row{position:relative;grid-template-columns:70px minmax(260px,4fr) minmax(300px,5fr) 40px;gap:clamp(1rem,3vw,3rem);padding:clamp(2rem,3.6vw,3.4rem) 0;align-items:center;transition:padding .4s var(--ui-ease)}
.ui-why .value-row::before{content:"";position:absolute;inset:0 calc(-1 * var(--gutter));background:linear-gradient(90deg,rgba(12,220,42,.055),rgba(65,169,143,.025),transparent);opacity:0;transition:opacity .4s}
.ui-why .value-row:hover::before{opacity:1}.ui-why .value-row:hover{padding-left:.9rem}
.ui-why .value-row h3{font-size:clamp(1.6rem,2.7vw,2.8rem);line-height:1.04;position:relative}
.ui-why .value-row p{max-width:52ch;line-height:1.75;position:relative}
.value-row__arrow{font-size:1.25rem;color:var(--green);opacity:.4;transition:transform .35s,opacity .35s;position:relative}.value-row:hover .value-row__arrow{transform:translate(4px,-4px);opacity:1}

/* Work ------------------------------------------------------------------------ */
.ui-work{overflow:hidden}
.ui-work .work-list{max-width:none;display:grid;grid-template-columns:repeat(12,minmax(0,1fr));gap:clamp(3rem,7vw,7rem) clamp(1.5rem,3vw,3rem)}
.ui-work .work-card{position:relative;display:block}
.ui-work .work-card:nth-child(3n+1){grid-column:1/9}.ui-work .work-card:nth-child(3n+2){grid-column:6/13;margin-top:clamp(2rem,6vw,6rem)}.ui-work .work-card:nth-child(3n){grid-column:2/10;margin-top:0}
.work-card__number{position:absolute;left:-2.2rem;top:0;writing-mode:vertical-rl;color:var(--teal-2);font-size:.58rem;letter-spacing:.2em}
.ui-work .work-card__media{position:relative;overflow:hidden}
.ui-work .work-card__media::after{content:"VIEW";position:absolute;right:1.15rem;bottom:1.15rem;z-index:3;width:62px;height:62px;border-radius:50%;background:var(--green);color:var(--ink);display:grid;place-items:center;font:600 .58rem/1 var(--ff-mono);letter-spacing:.12em;transform:scale(0);transition:transform .45s cubic-bezier(.34,1.56,.64,1)}
.ui-work .work-card:hover .work-card__media::after{transform:scale(1)}
.ui-work .work-card__media .square,.ui-work .media-placeholder{aspect-ratio:16/10}
.ui-work .work-card__meta{grid-template-columns:auto 1fr auto;border-bottom:0;padding:1.15rem 0 0;align-items:end}
.ui-work .work-card__meta h3{font-size:clamp(1.65rem,3.1vw,3.1rem);letter-spacing:-.04em}
.ui-work .work-card__meta i{font-size:1.5rem;color:var(--green);transition:transform .35s}.ui-work .work-card:hover .work-card__meta i{transform:translate(5px,-5px)}

/* Process --------------------------------------------------------------------- */
.ui-process__grid{display:grid;grid-template-columns:repeat(12,minmax(0,1fr));gap:clamp(2rem,5vw,5rem)}
.ui-process__intro{grid-column:1/6}.ui-process__sticky{position:sticky;top:calc(var(--header-h) + 3rem)}
.ui-process__sticky h2{font-size:clamp(3rem,5vw,5.4rem);max-width:10ch}.ui-process__sticky .lead{margin-top:1.8rem;max-width:35ch}
.ui-process .process{grid-column:7/13;display:block}
.ui-process .process__step{position:relative;display:grid;grid-template-columns:120px 1fr;gap:1.5rem;margin:0!important;padding:clamp(2.4rem,4vw,4rem) 0;border-top:1px solid var(--line)}
.ui-process .process__step:last-child{border-bottom:1px solid var(--line)}
.ui-process .process__num{font-size:clamp(3.6rem,6vw,6rem);margin:0;align-self:start}
.ui-process .process__step h3{font-size:clamp(1.6rem,2.6vw,2.6rem);margin-bottom:.8rem}.ui-process .process__step p{max-width:44ch;line-height:1.75;margin:0}
.process__line{position:absolute;left:0;top:-1px;height:1px;width:0;background:var(--green);transition:width .6s var(--ui-ease)}.process__step:hover .process__line{width:100%}

/* Industries ------------------------------------------------------------------ */
.ui-industries .industry-list{display:block;border-top:1px solid rgba(23,23,14,.24)}
.ui-industries .industry-list a,.ui-industries .industry-static{display:grid;grid-template-columns:60px 1fr auto;gap:1.2rem;align-items:center;padding:clamp(1.25rem,2.4vw,2rem) 0!important;border:0;border-bottom:1px solid rgba(23,23,14,.24)!important;font-size:clamp(1.8rem,4vw,4.2rem);line-height:.96;letter-spacing:-.045em;transition:padding .35s,color .35s}
.ui-industries .industry-list a:hover{padding-left:1rem!important;color:#0b160d}
.industry-list__num{font-size:.58rem!important;letter-spacing:.16em!important;color:rgba(23,23,14,.58)}
.ui-industries .industry-list i{font-size:1.25rem;opacity:.45;transition:transform .35s}.ui-industries .industry-list a:hover i{transform:translate(5px,-5px);opacity:1}

/* Results --------------------------------------------------------------------- */
.ui-results h2{margin-bottom:clamp(3rem,6vw,6rem)}
.ui-results .stats{gap:0;background:transparent;border-block:1px solid var(--line)}
.ui-results .stat{position:relative;background:transparent;border-right:1px solid var(--line);padding:clamp(2rem,3vw,3rem);min-height:260px;display:flex;flex-direction:column;justify-content:flex-end}.ui-results .stat:last-child{border-right:0}
.ui-results .stat strong{font-size:clamp(4rem,8vw,8rem);letter-spacing:-.06em}.ui-results .stat>span:last-child{max-width:22ch;line-height:1.5}

/* Testimonials ---------------------------------------------------------------- */
.ui-testimonials{overflow:hidden}
.ui-testimonials .testimonial-slider{position:relative}
.ui-testimonials .testimonial-track{display:flex;gap:1rem;overflow:visible;background:transparent}
.ui-testimonials .t-card{flex:0 0 min(620px,72vw);min-height:430px;background:linear-gradient(145deg,color-mix(in srgb,var(--alify-card-bg,var(--panel)) 92%,#202433 8%),color-mix(in srgb,var(--alify-card-bg,var(--panel)) 72%,#08090c 28%));border-color:var(--alify-card-border,var(--line));border-radius:var(--alify-card-radius,var(--r));padding:var(--alify-card-padding,clamp(2rem,4vw,4rem))}
.ui-testimonials .t-card:nth-child(even){transform:translateY(2rem)}
.ui-testimonials .t-card::after{content:"“";position:absolute;right:1.5rem;top:.5rem;font:500 8rem/1 var(--ff-accent);color:rgba(227,219,169,.08)}
.ui-testimonials .t-card blockquote{font-size:clamp(1.55rem,2.6vw,2.5rem);line-height:1.35;max-width:18ch;margin-top:3rem}.ui-testimonials .t-card footer{display:flex;flex-direction:column;gap:.25rem;font-family:var(--ff-mono);font-size:.7rem;letter-spacing:.08em;text-transform:uppercase}
.testimonial-slider__foot{display:flex;justify-content:space-between;align-items:center;margin-top:3.5rem;color:var(--faint)}.testimonial-slider__foot .mono{font-size:.58rem;text-transform:uppercase;letter-spacing:.16em}

/* Tech marquee ---------------------------------------------------------------- */
.ui-tech{padding-block:clamp(4rem,7vw,6rem)}
.ui-marquee{margin-inline:calc(-1 * var(--gutter));overflow:hidden;border-block:1px solid var(--line);transform:rotate(-1.25deg);background:#0b0c0f}
.ui-marquee .tech-words,.ui-marquee .logo-strip{flex-wrap:nowrap;gap:0;background:transparent;width:max-content;min-width:100%}
.ui-marquee .tech-words span,.ui-marquee .logo-strip figure{flex:0 0 auto;min-width:220px;min-height:116px;background:transparent;border-right:1px solid var(--line);font-size:.72rem;color:var(--muted)}
.ui-marquee .tech-words span::before{content:"✦";margin-right:.9rem;color:var(--green)}

/* Blog ------------------------------------------------------------------------ */
.ui-blog .blog-list{border-color:var(--line)}
.ui-blog .blog-row{grid-template-columns:52px 110px 1fr 44px;gap:1.4rem;padding:clamp(1.7rem,3vw,2.7rem) 0;transition:padding .35s,background .35s;position:relative}
.ui-blog .blog-row::before{content:"";position:absolute;inset:0 calc(-1 * var(--gutter));background:rgba(12,220,42,.025);opacity:0;transition:opacity .35s}.ui-blog .blog-row:hover::before{opacity:1}.ui-blog .blog-row:hover{padding-left:.7rem}
.blog-row__index{color:var(--teal-2);font-size:.58rem}.ui-blog .blog-row__date{font-size:.62rem;position:relative}.ui-blog .blog-row h3{font-size:clamp(1.5rem,3vw,3rem);letter-spacing:-.035em;position:relative}.ui-blog .blog-row i{font-size:1.25rem;color:var(--green);position:relative}

/* FAQ ------------------------------------------------------------------------- */
.ui-faq__grid{display:grid;grid-template-columns:repeat(12,minmax(0,1fr));gap:clamp(2rem,6vw,6rem)}
.ui-faq__intro{grid-column:1/5;position:sticky;top:calc(var(--header-h) + 3rem);align-self:start}.ui-faq__intro h2{font-size:clamp(3rem,5vw,5rem)}.ui-faq__intro .lead{margin-top:1.5rem;max-width:28ch}
.ui-faq__grid>div:last-child{grid-column:6/13}.ui-faq .acc__btn{grid-template-columns:50px 1fr 40px;padding:clamp(1.5rem,2.6vw,2.3rem) 0;font-size:clamp(1.15rem,2vw,1.7rem)}.ui-faq .acc__btn i{width:34px;height:34px;border:1px solid var(--line-2);display:grid;place-items:center;border-radius:50%;transition:transform .35s,background .35s,color .35s}.ui-faq .acc__btn[aria-expanded="true"] i{transform:rotate(45deg);background:var(--green);color:var(--ink);border-color:var(--green)}

/* Final CTA ------------------------------------------------------------------- */
.ui-final-cta{overflow:hidden;padding-block:clamp(6rem,11vw,10rem)}
.ui-final-cta::after{content:"ALIFY";position:absolute;right:-.05em;bottom:-.16em;font:700 clamp(10rem,31vw,31rem)/.7 var(--ff-display);letter-spacing:-.07em;color:rgba(23,23,14,.035);pointer-events:none}
.ui-final-cta .final-cta__inner{max-width:none;position:relative;z-index:1}.ui-final-cta__meta{display:flex;justify-content:space-between;align-items:start;gap:2rem;border-bottom:1px solid rgba(23,23,14,.2);padding-bottom:1.5rem;margin-bottom:clamp(3rem,6vw,6rem)}.ui-final-cta__meta .mono{font-size:.58rem;letter-spacing:.16em;color:rgba(23,23,14,.55)}
.ui-final-cta h2.display{font-size:clamp(4.4rem,10vw,10rem);line-height:.82;letter-spacing:-.06em;max-width:10.3ch}
.ui-final-cta__bottom{display:grid;grid-template-columns:repeat(12,minmax(0,1fr));gap:1.5rem;align-items:end;margin-top:clamp(3rem,5vw,5rem)}.ui-final-cta__bottom .lead{grid-column:1/6;margin:0}.ui-final-cta__bottom .btn-row{grid-column:8/13;justify-content:flex-end}

/* Global inner-page hero overhaul --------------------------------------------- */
.hub-hero,.inner-hero,.single-hero,.case-hero,.post-hero,.legal-hero,.industry-hero{
  min-height:clamp(560px,76svh,840px);display:flex;align-items:flex-end;
  padding-top:calc(var(--header-h) + clamp(4rem,8vw,8rem));padding-bottom:clamp(4rem,7vw,7rem);overflow:hidden;
}
.hub-hero::after,.inner-hero::after,.single-hero::after,.case-hero::after,.post-hero::after,.legal-hero::after,.industry-hero::after{
  content:attr(data-watermark);position:absolute;right:-.02em;bottom:-.05em;font:700 clamp(8rem,23vw,22rem)/.72 var(--ff-display);letter-spacing:-.065em;color:transparent;-webkit-text-stroke:1px rgba(236,236,228,.035);pointer-events:none;
}
.hub-hero .crumbs,.inner-hero .crumbs,.single-hero .crumbs,.case-hero .crumbs,.post-hero .crumbs,.industry-hero .crumbs{padding-top:0;margin-bottom:clamp(3rem,7vw,6rem)}
.hub-hero .section__head{margin-bottom:0}.hub-hero .section__head-main{grid-column:1/10}.hub-hero .section__head-side{grid-column:10/13;border-left:1px solid var(--line);padding-left:1.4rem}
.hub-hero h1,.inner-hero h1,.single-hero h1,.case-hero h1,.post-hero h1,.industry-hero h1{font-size:clamp(3.6rem,8.2vw,8.4rem);line-height:.88;letter-spacing:-.055em;max-width:10.5ch}

/* Hub rows/cards --------------------------------------------------------------- */
.category-stack{border-top-color:var(--line)}
.category-block{position:relative;grid-template-columns:3fr 4fr 5fr;padding:clamp(3rem,6vw,6rem) 0;overflow:hidden}.category-block::before{content:"";position:absolute;inset:0 calc(-1 * var(--gutter));background:linear-gradient(90deg,rgba(12,220,42,.04),transparent 65%);opacity:0;transition:opacity .4s}.category-block:hover::before{opacity:1}.category-block>*{position:relative}
.category-block h3{font-size:clamp(2.4rem,4vw,4rem);line-height:.95;letter-spacing:-.045em}.category-block>.lead{font-size:1rem;line-height:1.75;max-width:42ch}.category-block__services a{font-size:1rem;padding:1.05rem 0;color:var(--muted)}

.services-grid,.industries-grid,.projects-grid{grid-template-columns:repeat(12,minmax(0,1fr));gap:1rem}
.sv-card,.industry-card{grid-column:span 6;min-height:430px;border-color:var(--alify-card-border,var(--line));border-radius:var(--alify-card-radius,var(--r));background:linear-gradient(145deg,color-mix(in srgb,var(--alify-card-bg,var(--panel)) 94%,#202433 6%),color-mix(in srgb,var(--alify-card-bg,var(--panel)) 72%,#08090c 28%));padding:var(--alify-card-padding,clamp(2rem,4vw,3.5rem));transition:transform .5s var(--ui-ease),border-color .4s,background .4s}.sv-card:nth-child(3n),.industry-card:nth-child(3n){grid-column:span 7}.sv-card:nth-child(3n+1),.industry-card:nth-child(3n+1){grid-column:span 5}.sv-card:hover,.industry-card:hover{transform:translateY(-7px);border-color:color-mix(in srgb,var(--green) 28%,transparent);background:linear-gradient(145deg,rgba(29,32,42,.95),rgba(10,12,16,.98))}
.sv-card h3,.industry-card h3{font-size:clamp(2rem,3.4vw,3.4rem);line-height:.98;letter-spacing:-.045em;max-width:10ch}.sv-card p,.industry-card p{max-width:42ch;line-height:1.75}.sv-card__preview{position:absolute;inset:auto 1.5rem 1.5rem auto;width:min(42%,260px);aspect-ratio:3/2;margin:0;opacity:.2;transform:translate(10px,10px);transition:opacity .4s,transform .55s var(--ui-ease);overflow:hidden;border:1px solid var(--line)}.sv-card:hover .sv-card__preview{opacity:.7;transform:none}.sv-card__preview img{width:100%;height:100%;object-fit:cover}

.project-card{grid-column:span 6;background:transparent;border:0;padding:0;margin-bottom:clamp(2rem,5vw,5rem)}.project-card:nth-child(3n+2){grid-column:span 5;margin-left:auto}.project-card:nth-child(3n){grid-column:2/span 7}.project-card__media{border:1px solid var(--line);border-radius:3px}.project-card__meta{padding-top:1.25rem;margin:0;border-bottom:0}.project-card__meta h3{font-size:clamp(1.6rem,2.8vw,2.8rem);letter-spacing:-.04em}.project-card>.link-arrow{margin-left:0;margin-right:0}
.filterbar{margin-bottom:4rem;padding-bottom:1rem;border-bottom:1px solid var(--line)}.filterbar__btn{border:0;border-bottom:1px solid transparent;background:transparent;padding:.7rem .1rem;margin-right:1.2rem}.filterbar__btn:hover,.filterbar__btn.is-active{background:transparent;color:var(--green);border-bottom-color:var(--green)}

/* Single pages ---------------------------------------------------------------- */
.single-hero__grid{grid-template-columns:repeat(12,minmax(0,1fr));gap:clamp(2rem,4vw,4rem);align-items:end}.single-hero__copy{grid-column:1/8}.single-hero__visual{grid-column:9/13;max-width:none}.single-hero__visual .media-frame{transform:translateY(4rem)}
.deliverables{grid-template-columns:repeat(12,minmax(0,1fr));gap:1px;background:var(--line)}.deliverable{grid-column:span 4;min-height:330px;border:0;background:linear-gradient(145deg,var(--panel),#0d0e12);padding:clamp(1.8rem,3vw,3rem)}.deliverable:nth-child(4n){grid-column:span 6}.deliverable:nth-child(4n+1){grid-column:span 6}
.case-copy{display:grid;grid-template-columns:repeat(12,minmax(0,1fr));gap:clamp(2rem,5vw,5rem)}.case-copy>div:first-child{grid-column:1/5}.case-copy__body,.case-copy>.case-list{grid-column:6/13}.solution-block{display:grid;grid-template-columns:5fr 7fr;gap:clamp(2rem,6vw,6rem);padding:clamp(4rem,7vw,7rem) 0;border-bottom:1px solid var(--line)}
.results-grid{display:grid;grid-template-columns:repeat(12,minmax(0,1fr));gap:1px}.cs-metric{grid-column:span 4;min-height:300px;padding:clamp(2rem,4vw,4rem)}.cs-metric__highlight{font-size:clamp(3rem,6vw,6rem);letter-spacing:-.055em}

/* Pricing / forms / editorial panels ----------------------------------------- */
.price-card,.form-panel,.aside-card,.related-card,.resource-card,.t-card{border-color:var(--line);box-shadow:0 26px 80px rgba(0,0,0,.12)}
.form-panel{background:linear-gradient(145deg,color-mix(in srgb,var(--alify-form-panel-bg,var(--panel)) 94%,#202433 6%),color-mix(in srgb,var(--alify-form-panel-bg,var(--panel)) 76%,#08090c 24%));border-radius:var(--alify-form-panel-radius,12px);padding:clamp(2rem,4vw,4rem)}
.alify-form{gap:1.25rem}.alify-field{gap:.65rem}.alify-field input,.alify-field textarea,.alify-field select{min-height:var(--alify-input-height,58px);border-radius:var(--alify-input-radius,3px);background:var(--alify-input-bg,rgba(247,247,245,.025));color:var(--alify-input-text,var(--text));border-color:var(--alify-input-border,var(--line-2));padding:1rem 1.05rem}.alify-field textarea{min-height:150px}.field__label{font-size:.68rem;letter-spacing:.16em}.choice{border-radius:3px;background:rgba(247,247,245,.018);padding:1rem 1.1rem}

/* Accordions everywhere ------------------------------------------------------- */
.acc__btn{padding:clamp(1.5rem,2.6vw,2.2rem) 0;font-size:clamp(1.15rem,2vw,1.65rem)}.acc__item{transition:background .3s}.acc__item:hover{background:rgba(247,247,245,.012)}

/* Footer ---------------------------------------------------------------------- */
.site-footer{padding-top:var(--alify-footer-top,clamp(6rem,11vw,10rem));padding-bottom:var(--alify-footer-bottom,2rem);overflow:hidden;color:var(--alify-footer-text,var(--text));background:radial-gradient(55vw 38vw at 12% 0%,rgba(56,65,102,.16),transparent 70%),var(--alify-footer-bg,#090a0d)}
.footer-grid{gap:clamp(2rem,5vw,5rem)}.footer-brand{grid-column:1/6}.footer-grid>div:nth-child(2){grid-column:7/9}.footer-grid>div:nth-child(3){grid-column:9/11}.footer-grid>div:nth-child(4){grid-column:11/13}
.footer-brand>.brand{font-size:clamp(2rem,4vw,3.8rem);margin-bottom:1.5rem}.footer-brand>p{max-width:40ch;color:var(--muted);font-size:.96rem}.footer-head{font-size:.65rem;letter-spacing:.18em;margin-bottom:1.4rem;color:var(--alify-footer-heading,var(--teal-2))}.footer-grid li{margin:.65rem 0}.footer-grid a{font-size:.92rem;color:var(--muted);transition:color .3s,padding .3s}.footer-grid a:hover{padding-left:.3rem;color:var(--off)}
.footer-watermark{font-size:clamp(8rem,26vw,24rem);margin-block:clamp(5rem,9vw,9rem) 1rem;letter-spacing:-.07em;-webkit-text-stroke-color:rgba(236,236,228,.055)}
.footer-bottom{padding-top:1.5rem;font-size:.62rem;letter-spacing:.12em}

/* Floating WhatsApp ----------------------------------------------------------- */
.wa-float{width:58px;height:58px;border-radius:3px;right:1.5rem;bottom:1.5rem;box-shadow:0 18px 55px rgba(12,220,42,.18);transition:transform .35s var(--ui-ease)}.wa-float:hover{transform:translateY(-5px) rotate(-3deg)}

/* Responsive ------------------------------------------------------------------ */
@media(max-width:1199px){
  .home-hero__title{font-size:clamp(4rem,10vw,7.4rem)}
  .ui-services .service-category{grid-template-columns:4fr 3fr 5fr}
  .ui-testimonials .t-card{flex-basis:min(560px,78vw)}
}
@media(max-width:1023px){
  .site-header__inner{grid-template-columns:1fr auto}.desktop-nav{display:none}.site-header__actions{grid-column:2}.burger{display:flex}
  .home-hero__copy{grid-column:1/11}.home-hero__rail{display:none}.home-hero__visual{grid-column:7/13}.home-hero__intro{grid-template-columns:repeat(10,1fr)}.home-hero__intro>.lead{grid-column:1/6}.home-hero__actions{grid-column:6/11}
  .ui-services .service-category{grid-template-columns:5fr 7fr}.service-hover-preview{display:none}.ui-services .service-category__links{grid-column:2}
  .ui-ai-band .ai-band__grid{grid-template-columns:1fr 1fr}.ai-band__visual{min-height:480px}
  .ui-process__intro{grid-column:1/5}.ui-process .process{grid-column:6/13}.ui-process .process__step{grid-template-columns:90px 1fr}
  .ui-faq__intro{grid-column:1/5}.ui-faq__grid>div:last-child{grid-column:5/13}
  .sv-card,.industry-card,.sv-card:nth-child(3n),.industry-card:nth-child(3n),.sv-card:nth-child(3n+1),.industry-card:nth-child(3n+1){grid-column:span 6}
  .project-card,.project-card:nth-child(3n+2),.project-card:nth-child(3n){grid-column:span 6;margin-left:0}
  .footer-brand{grid-column:1/6}.footer-grid>div:nth-child(2){grid-column:7/10}.footer-grid>div:nth-child(3){grid-column:10/13}.footer-grid>div:nth-child(4){grid-column:7/13}
}
@media(max-width:767px){
  .section{padding-block:clamp(4.5rem,16vw,6.5rem)}
  .section h2,.section .display{max-width:none}
  .site-header{padding-top:0;height:var(--header-h)}.site-header__inner{border-inline:0;padding-inline:0}.site-header.is-scrolled .site-header__inner{border-inline:0}
  .home-hero.ui-hero-stage{padding-top:calc(var(--header-h) + 3rem);min-height:auto}.home-hero.ui-hero-stage::before{background:linear-gradient(90deg,transparent 0 49.85%,rgba(247,247,245,.03) 50%,transparent 50.15%)}
  .home-hero__grid{display:block}.home-hero__chrome,.home-hero__rail{display:none}.home-hero__title{font-size:clamp(3.6rem,17vw,6.1rem);line-height:.86;max-width:9.2ch;margin-top:2rem}.home-hero__intro{display:block}.home-hero__intro>.lead{max-width:34ch}.home-hero__actions{border-left:0;border-top:1px solid var(--line);padding:1.4rem 0 0;margin-top:1.5rem}.home-hero__visual{padding:0;margin-top:3rem}.home-hero__visual::before{display:none}.home-hero__frame::before{inset:-9px 9px 9px -9px}.home-hero__visual .media-frame,.home-hero__visual .hero-art{max-width:100%}.home-hero__foot{grid-template-columns:auto 1fr;margin-top:2.5rem}.home-hero__foot>span:last-child{display:none}
  .ui-stats-band .stats{grid-template-columns:1fr 1fr}.ui-stats-band .stat{min-height:140px;border-bottom:1px solid var(--line)}.ui-stats-band .stat:nth-child(2n){border-right:0}.ui-stats-band .stat strong{font-size:clamp(2.8rem,12vw,4.6rem)}
  .section__head.ui-section-head{display:block;margin-bottom:3.5rem}.section__head-side{border-left:0!important;padding-left:0!important;margin-top:1.5rem}.section__head-side p{margin-left:0;max-width:40ch}
  .ui-services .service-category{display:block;padding:2.5rem 0}.service-category__heading{grid-template-columns:42px 1fr}.service-category__heading h3{font-size:clamp(2.4rem,12vw,4rem)}.service-category__links{margin-top:2rem}.ui-services .service-category__links a{font-size:.94rem}
  .ui-ai-band .ai-band__grid{display:block}.ai-band__copy h2{font-size:clamp(3rem,13vw,5rem)}.ai-band__visual{margin-top:4rem;border-left:0;border-top:1px solid var(--line);min-height:390px}.ai-band__telemetry{gap:1rem;flex-wrap:wrap}
  .ui-why .value-row{grid-template-columns:40px 1fr 30px;padding:2rem 0}.ui-why .value-row h3{grid-column:2}.ui-why .value-row p{grid-column:2/4}.ui-why .value-row__arrow{grid-column:3;grid-row:1/3}.ui-why .value-row:hover{padding-left:0}
  .ui-work .work-list{display:block}.ui-work .work-card:nth-child(n){margin:0 0 4rem;display:block}.work-card__number{display:none}.ui-work .work-card__meta h3{font-size:clamp(1.7rem,8vw,2.5rem)}
  .ui-process__grid{display:block}.ui-process__sticky{position:static}.ui-process .process{margin-top:3.5rem}.ui-process .process__step{grid-template-columns:76px 1fr;padding:2.4rem 0}.ui-process .process__num{font-size:3.5rem}
  .ui-industries .industry-list a,.ui-industries .industry-static{grid-template-columns:38px 1fr 24px;font-size:clamp(1.8rem,9vw,3rem);padding:1.35rem 0!important}.ui-industries .industry-static{grid-template-columns:38px 1fr}
  .ui-results .stats{grid-template-columns:1fr 1fr}.ui-results .stat{min-height:190px;border-bottom:1px solid var(--line)}.ui-results .stat:nth-child(2n){border-right:0}.ui-results .stat strong{font-size:clamp(3.2rem,14vw,5.2rem)}
  .ui-testimonials .t-card{flex-basis:88vw;min-height:380px;padding:2rem}.ui-testimonials .t-card:nth-child(even){transform:none}.ui-testimonials .t-card blockquote{font-size:clamp(1.45rem,6vw,2rem)}.testimonial-slider__foot>.mono{display:none}.testimonial-slider__foot{justify-content:flex-end}
  .ui-marquee{margin-inline:calc(-1 * var(--gutter))}.ui-marquee .tech-words span{min-width:170px;min-height:96px}
  .ui-blog .blog-row{grid-template-columns:38px 1fr 30px}.ui-blog .blog-row__date{grid-column:2;grid-row:1}.ui-blog .blog-row h3{grid-column:2;grid-row:2}.ui-blog .blog-row i{grid-column:3;grid-row:1/3}.blog-row__index{grid-row:1/3}.ui-blog .blog-row:hover{padding-left:0}
  .ui-faq__grid{display:block}.ui-faq__intro{position:static}.ui-faq__grid>div:last-child{margin-top:3rem}.ui-faq .acc__btn{grid-template-columns:36px 1fr 34px}
  .ui-final-cta__meta{display:block}.ui-final-cta__meta .mono{display:block;margin-top:1rem}.ui-final-cta h2.display{font-size:clamp(4rem,16vw,6.4rem)}.ui-final-cta__bottom{display:block}.ui-final-cta__bottom .lead{margin-bottom:2rem}.ui-final-cta__bottom .btn-row{justify-content:flex-start}
  .hub-hero,.inner-hero,.single-hero,.case-hero,.post-hero,.legal-hero,.industry-hero{min-height:auto;padding-top:calc(var(--header-h) + 3rem);padding-bottom:4rem}.hub-hero .section__head{display:block}.hub-hero h1,.inner-hero h1,.single-hero h1,.case-hero h1,.post-hero h1,.industry-hero h1{font-size:clamp(3.3rem,15vw,5.8rem);max-width:10ch}.hub-hero .crumbs,.inner-hero .crumbs,.single-hero .crumbs,.case-hero .crumbs,.post-hero .crumbs,.industry-hero .crumbs{margin-bottom:2.2rem}
  .category-block{display:block;padding:3rem 0}.category-block>.lead{margin-top:1.2rem}.category-block__services{margin-top:2rem}
  .services-grid,.industries-grid,.projects-grid{display:block}.sv-card,.industry-card,.project-card,.sv-card:nth-child(n),.industry-card:nth-child(n),.project-card:nth-child(n){margin:0 0 1rem;min-height:330px}.project-card{margin-bottom:3rem!important;min-height:0}.sv-card__preview{width:36%;opacity:.15}
  .single-hero__grid{display:block}.single-hero__visual .media-frame{transform:none;margin-top:3rem}.deliverables{display:block;background:transparent}.deliverable{min-height:260px;border-bottom:1px solid var(--line)}.case-copy,.solution-block{display:block}.case-copy>div:first-child,.case-copy__body,.case-copy>.case-list{margin-bottom:2rem}.solution-block>.prose{margin-top:2rem}.results-grid{display:block}.cs-metric{min-height:230px;border-bottom:1px solid var(--line)}
  .footer-grid{display:block}.footer-grid>div:nth-child(n){margin-bottom:2.5rem}.footer-brand>.brand{font-size:2.8rem}.footer-watermark{font-size:27vw}.footer-bottom{display:block}.footer-bottom nav{margin-top:1rem}
}
@media(max-width:420px){
  .ui-stats-band .stats,.ui-results .stats{grid-template-columns:1fr}.ui-stats-band .stat,.ui-results .stat{border-right:0}.home-hero__title{font-size:clamp(3.25rem,16vw,5rem)}.btn-row .btn{width:100%}.ui-final-cta h2.display{font-size:clamp(3.65rem,16vw,5.2rem)}
}

@media(prefers-reduced-motion:reduce){
  .ui-testimonials .t-card:nth-child(even){transform:none}.ui-marquee{transform:none}.home-hero__frame::before{transition:none}
}

/* Phase 3/4 page-specific art direction -------------------------------------- */
.about-story{grid-template-columns:repeat(12,minmax(0,1fr));gap:clamp(2rem,6vw,6rem);align-items:start}.about-story__copy{grid-column:1/8}.about-story__copy h2{font-size:clamp(2.8rem,5.5vw,5.8rem);max-width:10ch}.about-story__copy .prose{margin-top:2rem}.about-story__media{grid-column:9/13;max-width:none;margin:clamp(3rem,9vw,9rem) 0 0;position:relative}.about-story__media::before{content:"STUDIO / PEOPLE / PROCESS";position:absolute;right:100%;top:0;margin-right:1rem;writing-mode:vertical-rl;font:500 .52rem/1 var(--ff-mono);letter-spacing:.18em;color:var(--faint)}
.mvv-grid{grid-template-columns:repeat(12,minmax(0,1fr));gap:1px}.mvv-grid .value-card{grid-column:span 5;min-height:380px;background:linear-gradient(145deg,color-mix(in srgb,var(--alify-card-bg,var(--panel)) 92%,#202433 8%),#0b0d11);padding:var(--alify-card-padding,clamp(2rem,4vw,3.5rem));border-radius:var(--alify-card-radius,var(--r))}.mvv-grid .value-card:nth-child(2){grid-column:span 7}.mvv-grid .value-card--wide{grid-column:1/-1;min-height:0}.mvv-grid .value-card h3{font-size:clamp(2rem,4vw,4rem);max-width:8ch}.editorial-list{columns:3;column-gap:2rem}
.team-grid{grid-template-columns:repeat(12,minmax(0,1fr));gap:1.25rem}.team-card{grid-column:span 4;padding-top:0;border-top:0;position:relative}.team-card:nth-child(3n+2){transform:translateY(3rem)}.team-card .media-frame{box-shadow:none}.team-card__body{padding:1.35rem 0}.team-card__body h3{font-size:clamp(1.5rem,2.5vw,2.35rem)}

.pricing-tabs{gap:3rem}.pricing-grid{grid-template-columns:repeat(12,minmax(0,1fr));gap:1rem}.price-card{grid-column:span 4;min-height:640px;border-color:var(--alify-card-border,var(--line));border-radius:var(--alify-card-radius,var(--r));background:linear-gradient(150deg,color-mix(in srgb,var(--alify-card-bg,var(--panel)) 94%,#202433 6%),#0b0d11);padding:var(--alify-card-padding,clamp(2rem,3.2vw,3rem))}.price-card--featured{transform:translateY(-1.5rem);border-color:color-mix(in srgb,var(--green) 46%,transparent);box-shadow:0 34px 90px rgba(12,220,42,.08)}.price-card .chip{align-self:flex-start}.price-card h3{font-size:clamp(2rem,3.1vw,3rem);margin-top:2.5rem}.price-card__price strong{font-size:clamp(2.7rem,4.6vw,4.7rem);letter-spacing:-.05em}.price-card li{padding:1rem 0}.guarantee-grid{grid-template-columns:repeat(12,1fr);gap:1px}.guarantee{grid-column:span 4;min-height:220px;padding:2.2rem;background:linear-gradient(145deg,var(--panel),#0d0f13)}

.blog-grid{grid-template-columns:repeat(12,minmax(0,1fr));gap:1.25rem}.blog-card{grid-column:span 4;border-color:var(--line);border-radius:var(--alify-card-radius,var(--r));background:linear-gradient(145deg,color-mix(in srgb,var(--alify-card-bg,var(--panel)) 95%,#202433 5%),#0b0d11);overflow:hidden;transition:transform .45s var(--ui-ease),border-color .35s}.blog-card:hover{transform:translateY(-6px);border-color:color-mix(in srgb,var(--green) 25%,transparent)}.blog-card:nth-child(5n+1){grid-column:span 7}.blog-card:nth-child(5n+2){grid-column:span 5}.blog-card__body{padding:clamp(1.5rem,2.6vw,2.4rem)}.blog-card h3{font-size:clamp(1.5rem,2.5vw,2.5rem);letter-spacing:-.035em}.blog-card--featured{grid-column:1/-1;display:grid;grid-template-columns:7fr 5fr;border:0;border-block:1px solid var(--line);background:transparent}.blog-card--featured:hover{transform:none}.blog-card--featured .blog-card__media{border:0}.blog-search input,.faq-search input{border-radius:3px;background:rgba(247,247,245,.025);min-height:58px}

.post-hero__copy{max-width:none}.post-hero__copy h1{max-width:10.5ch}.post-hero__fig{max-width:1180px;margin-top:clamp(3rem,7vw,7rem)}.post-layout{max-width:1180px;grid-template-columns:minmax(0,1fr) var(--alify-sidebar,320px);gap:clamp(3rem,7vw,7rem)}.post-content.prose{font-size:clamp(1.05rem,1.15vw,1.16rem);line-height:1.9}.post-content.prose h2{margin-top:3.2em;font-size:clamp(2rem,3.8vw,3.7rem)}.post-sidebar{top:calc(var(--header-h) + 2rem)}.aside-card{background:linear-gradient(145deg,color-mix(in srgb,var(--alify-card-bg,var(--panel)) 94%,#202433 6%),#0b0d11);padding:1.5rem;border-radius:var(--alify-card-radius,var(--r))}.side-toc a{padding:.65rem 0}

.contact-layout,.quote-layout{grid-template-columns:repeat(12,minmax(0,1fr));gap:clamp(2rem,6vw,6rem)}.contact-form-wrap,.quote-form-wrap{grid-column:1/8}.contact-aside,.quote-side{grid-column:9/13}.contact-card{background:linear-gradient(145deg,color-mix(in srgb,var(--alify-card-bg,var(--panel)) 94%,#202433 6%),#0b0d11);padding:1.8rem}.contact-card h3{font-size:1.45rem}.quote-side{top:calc(var(--header-h) + 2rem)}.form-progress{background:transparent;border:1px solid var(--line)}.form-progress span{background:transparent;border-right:1px solid var(--line);padding:1.1rem}.form-progress span:last-child{border-right:0}.form-progress i{border-radius:3px}

.faq-layout{grid-template-columns:repeat(12,minmax(0,1fr));gap:clamp(2rem,6vw,6rem)}.faq-index{grid-column:1/4;top:calc(var(--header-h) + 2rem)}.faq-groups{grid-column:5/13}.faq-group{margin-bottom:clamp(4rem,8vw,8rem)}.faq-group>h2{font-size:clamp(2.3rem,4vw,4rem)}

.platform-grid,.result-grid,.video-grid,.screenshot-grid{grid-template-columns:repeat(12,minmax(0,1fr));gap:1rem}.platform-card,.result-card,.video-card{grid-column:span 4;min-height:220px;padding:2rem;border-color:var(--alify-card-border,var(--line));background:linear-gradient(145deg,color-mix(in srgb,var(--alify-card-bg,var(--panel)) 94%,#202433 6%),#0b0d11)}.result-card:nth-child(3n+1){grid-column:span 5}.result-card:nth-child(3n+2){grid-column:span 3}.result-card:nth-child(3n){grid-column:span 4}

.resource-card{border-radius:var(--alify-card-radius,var(--r));background:linear-gradient(145deg,color-mix(in srgb,var(--alify-card-bg,var(--panel)) 94%,#202433 6%),#0b0d11);overflow:hidden}.resource-card__body{padding:clamp(1.6rem,3vw,2.6rem)}

@media(max-width:1023px){
  .about-story__copy{grid-column:1/7}.about-story__media{grid-column:8/13}.mvv-grid .value-card,.mvv-grid .value-card:nth-child(2){grid-column:span 6}.mvv-grid .value-card--wide{grid-column:1/-1}.team-card{grid-column:span 6}.team-card:nth-child(3n+2){transform:none}
  .price-card{grid-column:span 6}.price-card--featured{transform:none}.guarantee{grid-column:span 6}
  .blog-card,.blog-card:nth-child(5n+1),.blog-card:nth-child(5n+2){grid-column:span 6}
  .contact-form-wrap,.quote-form-wrap{grid-column:1/8}.contact-aside,.quote-side{grid-column:8/13}
  .platform-card,.result-card,.video-card,.result-card:nth-child(n){grid-column:span 6}
}
@media(max-width:767px){
  .about-story{display:block}.about-story__media{margin-top:3rem}.about-story__media::before{display:none}.mvv-grid{display:block}.mvv-grid .value-card{min-height:0;margin-bottom:1px}.editorial-list{columns:1}.team-grid{display:block}.team-card{margin-bottom:3rem}
  .pricing-grid{display:block}.price-card{min-height:0;margin-bottom:1rem}.guarantee-grid{display:block}.guarantee{min-height:0;border-bottom:1px solid var(--line)}
  .blog-grid{display:block}.blog-card{margin-bottom:1rem}.blog-card--featured{display:block}.post-layout{display:block}.post-sidebar{position:relative;top:auto;margin-top:4rem}
  .contact-layout,.quote-layout{display:block}.contact-aside,.quote-side{margin-top:3rem}.quote-side{position:relative;top:auto}.form-progress b{display:none}
  .faq-layout{display:block}.faq-index{position:relative;top:auto;margin-bottom:3rem}.faq-groups{display:block}
  .platform-grid,.result-grid,.video-grid,.screenshot-grid{display:block}.platform-card,.result-card,.video-card{margin-bottom:1rem;min-height:0}
}
