/* ========================================================================== */
/* ALIFY v1.1 — Art Direction / Premium Editorial Pass                         */
/* Loaded after phase10. Theme Options variables remain authoritative.         */
/* ========================================================================== */

:root{
  --p11-line: color-mix(in srgb,var(--text) 8%,transparent);
  --p11-line-strong: color-mix(in srgb,var(--text) 18%,transparent);
  --p11-green-soft: color-mix(in srgb,var(--green) 12%,transparent);
  --p11-teal-soft: color-mix(in srgb,var(--teal-2) 12%,transparent);
  --p11-surface: color-mix(in srgb,var(--panel) 78%,transparent);
  --p11-shadow: 0 42px 120px rgba(0,0,0,.28);
  --p11-ease: cubic-bezier(.2,.72,.24,1);
  --p11-grid: minmax(0,1fr);
}

/* --- global art direction -------------------------------------------------- */
html{background:#08090b}
body{position:relative;isolation:isolate;}
body::after{
  content:"";position:fixed;inset:0;z-index:0;pointer-events:none;opacity:.36;
  background-image:
    linear-gradient(90deg,transparent calc(8.333% - .5px),rgba(247,247,245,.018) 8.333%,transparent calc(8.333% + .5px)),
    linear-gradient(90deg,transparent calc(16.666% - .5px),rgba(247,247,245,.013) 16.666%,transparent calc(16.666% + .5px)),
    linear-gradient(90deg,transparent calc(25% - .5px),rgba(247,247,245,.018) 25%,transparent calc(25% + .5px)),
    linear-gradient(90deg,transparent calc(33.333% - .5px),rgba(247,247,245,.013) 33.333%,transparent calc(33.333% + .5px)),
    linear-gradient(90deg,transparent calc(41.666% - .5px),rgba(247,247,245,.018) 41.666%,transparent calc(41.666% + .5px)),
    linear-gradient(90deg,transparent calc(58.333% - .5px),rgba(247,247,245,.018) 58.333%,transparent calc(58.333% + .5px)),
    linear-gradient(90deg,transparent calc(66.666% - .5px),rgba(247,247,245,.013) 66.666%,transparent calc(66.666% + .5px)),
    linear-gradient(90deg,transparent calc(75% - .5px),rgba(247,247,245,.018) 75%,transparent calc(75% + .5px)),
    linear-gradient(90deg,transparent calc(83.333% - .5px),rgba(247,247,245,.013) 83.333%,transparent calc(83.333% + .5px)),
    linear-gradient(90deg,transparent calc(91.666% - .5px),rgba(247,247,245,.018) 91.666%,transparent calc(91.666% + .5px));
  mask-image:linear-gradient(to bottom,transparent 0,black 8%,black 94%,transparent 100%);
}
#smooth-wrapper,#smooth-content{position:relative;z-index:1}

/* scroll progress */
.alify-scroll-progress{position:fixed;top:0;left:0;width:100%;height:2px;z-index:1290;pointer-events:none;background:rgba(255,255,255,.025)}
.alify-scroll-progress>i{display:block;height:100%;width:100%;transform:scaleX(var(--p11-scroll,0));transform-origin:left center;background:linear-gradient(90deg,var(--green),var(--teal-2),var(--sand));box-shadow:0 0 16px rgba(12,220,42,.45)}

/* section numbering / editorial rulers */
.home-main>.section,.home-main>.stats-band,.hub-main>.section,.single-main>.section{position:relative}
.p11-section-label{position:absolute;top:1.1rem;right:max(var(--gutter),calc((100vw - var(--container-w))/2));font:500 .54rem/1.2 var(--ff-mono);letter-spacing:.22em;text-transform:uppercase;color:var(--faint);pointer-events:none;z-index:4}
.section--sand>.p11-section-label{color:rgba(23,23,14,.46)}
.section{overflow:clip}
.section>.container,.section>.container--wide{position:relative;z-index:2}
.section::before{pointer-events:none}


/* loader / push menu / consent polish */
.loader{background:
  radial-gradient(42vw 34vw at 76% 30%,rgba(11,115,95,.16),transparent 68%),
  linear-gradient(145deg,#08090b,#10131c 60%,#08090b)}
.loader::before{content:"";position:absolute;inset:var(--gutter);border:1px solid rgba(247,247,245,.07);pointer-events:none}
.loader::after{content:"BOOT / ALIFY SYSTEM";position:absolute;right:calc(var(--gutter) + 1rem);top:calc(var(--gutter) + 1rem);font:500 .5rem/1 var(--ff-mono);letter-spacing:.2em;color:var(--faint)}
.loader__frame{position:relative;width:min(88vw,920px);border:0;border-block:1px solid rgba(247,247,245,.11);padding:clamp(1.5rem,3vw,2.5rem) 0;grid-template-columns:1fr auto}
.loader__frame::before{content:"PREPARING DIGITAL EXPERIENCE";position:absolute;left:0;top:-1.45rem;font:500 .48rem/1 var(--ff-mono);letter-spacing:.19em;color:var(--faint)}
.loader__brand{font-size:clamp(4rem,12vw,11rem);letter-spacing:-.07em}
.loader__count{font-size:clamp(1rem,2vw,1.5rem);letter-spacing:.08em}
.loader__line{background:rgba(247,247,245,.08)}
.loader__line i{background:linear-gradient(90deg,var(--green),var(--teal-2),var(--sand));box-shadow:0 0 18px rgba(12,220,42,.35)}

.pushmenu{padding:clamp(6rem,10vw,8rem) clamp(1.6rem,5vw,4.2rem) 2.5rem;background:
  radial-gradient(48vw 42vw at 100% 0%,rgba(12,220,42,.095),transparent 56%),
  radial-gradient(42vw 35vw at 0% 85%,rgba(11,115,95,.16),transparent 64%),
  linear-gradient(160deg,#171b2b,#0a0c11 72%);border-left:1px solid rgba(247,247,245,.09)}
.pushmenu::before{content:"ALIFY / MENU";position:absolute;left:clamp(1.6rem,5vw,4.2rem);top:2rem;font:500 .5rem/1 var(--ff-mono);letter-spacing:.21em;color:var(--faint)}
.pushmenu::after{content:"";position:absolute;inset:1rem;pointer-events:none;border:1px solid rgba(247,247,245,.045)}
.pushmenu__nav,.pushmenu>.eyebrow,.pushmenu__contact,.pushmenu__close{position:relative;z-index:2}
.pushmenu__list{padding:1rem 0 0}
.pushmenu__list>li{grid-template-columns:48px 1fr;border-bottom-color:rgba(247,247,245,.085);position:relative;overflow:hidden}
.pushmenu__list>li::after{content:"";position:absolute;left:0;right:0;bottom:0;height:1px;background:linear-gradient(90deg,var(--green),var(--teal-2),transparent);transform:scaleX(0);transform-origin:left;transition:transform .45s var(--p11-ease)}
.pushmenu__list>li:hover::after{transform:scaleX(1)}
.pushmenu__list>li>a{font-size:clamp(2.3rem,6vw,4.8rem);line-height:1;padding:.26em 0;letter-spacing:-.045em}
.pushmenu__list>li:hover>a{color:var(--off);padding-left:.12em}
.pushmenu__contact{display:flex;justify-content:space-between;gap:1rem;align-items:center;margin-top:2rem;padding-top:1.25rem;border-top:1px solid rgba(247,247,245,.09)}
.pushmenu__contact::before{content:"DIRECT / CONTACT";font:500 .48rem/1 var(--ff-mono);letter-spacing:.17em;color:var(--faint)}
.pushmenu__close{border-radius:50%;background:rgba(247,247,245,.025);backdrop-filter:blur(8px)}

.cookie-bar{border-radius:3px;background:rgba(12,13,17,.94);border-color:rgba(247,247,245,.11);border-left-color:var(--green);box-shadow:0 28px 90px rgba(0,0,0,.5)}
.cookie-bar::before{content:"PRIVACY";position:absolute;left:1.25rem;top:-1.2rem;font:500 .45rem/1 var(--ff-mono);letter-spacing:.18em;color:var(--faint)}

/* --- header ---------------------------------------------------------------- */
.site-header{padding-top:12px}
.site-header__inner{
  min-height:58px;border-color:rgba(247,247,245,.07);border-radius:2px;
  background:linear-gradient(180deg,rgba(18,19,24,.54),rgba(9,10,13,.34));
  box-shadow:0 1px 0 rgba(255,255,255,.02) inset;
}
.site-header__inner::before{
  content:"";position:absolute;inset:0;pointer-events:none;border-radius:inherit;
  background:linear-gradient(90deg,transparent 0 9%,rgba(12,220,42,.035) 22%,transparent 45%,rgba(65,169,143,.035) 78%,transparent);
}
.site-header.is-scrolled .site-header__inner{border-color:rgba(247,247,245,.11);background:rgba(8,9,12,.82);box-shadow:0 24px 70px rgba(0,0,0,.28)}
.brand{position:relative;z-index:1}
.brand__dot{box-shadow:0 0 0 5px rgba(12,220,42,.055),0 0 22px rgba(12,220,42,.25)}
.desktop-nav a{position:relative;transition:color .25s ease,transform .35s var(--p11-ease)}
.desktop-nav a:hover{transform:translateY(-2px)}
.desktop-nav a::after{height:1px;bottom:-.55rem;background:linear-gradient(90deg,var(--green),var(--teal-2));box-shadow:0 0 12px rgba(12,220,42,.22)}
.site-header__actions .btn{min-height:40px;padding-inline:1.1rem}
.burger{border:1px solid var(--line);overflow:hidden}
.burger::after{content:"MENU";position:absolute;inset:auto 0 5px;text-align:center;font:500 .42rem/1 var(--ff-mono);letter-spacing:.16em;color:var(--faint)}

/* --- hero: stronger signature composition --------------------------------- */
.home-hero.ui-hero-stage{min-height:max(820px,100svh);padding-top:calc(var(--header-h) + clamp(5.8rem,10vw,9rem));background:
  radial-gradient(52vw 44vw at 72% 35%,rgba(11,115,95,.21),transparent 67%),
  radial-gradient(38vw 32vw at 18% 22%,rgba(12,220,42,.08),transparent 72%),
  linear-gradient(132deg,#0a0b0e 0%,#111522 48%,#090b0f 100%);
}
.home-hero.ui-hero-stage::after{
  content:"ALIFY";position:absolute;left:50%;bottom:-.09em;transform:translateX(-50%);z-index:0;
  font-family:var(--ff-display);font-weight:700;font-size:clamp(9rem,28vw,29rem);line-height:.72;letter-spacing:-.085em;
  color:transparent;-webkit-text-stroke:1px rgba(247,247,245,.055);white-space:nowrap;pointer-events:none;
  mask-image:linear-gradient(to bottom,transparent 0,black 28%,black 100%);
}
.home-hero__chrome::before{
  content:"";position:absolute;width:clamp(260px,36vw,580px);aspect-ratio:1;border-radius:50%;right:7vw;top:21%;
  border:1px solid rgba(65,169,143,.11);box-shadow:0 0 0 38px rgba(65,169,143,.022),0 0 0 78px rgba(12,220,42,.015);
  animation:p11-orbit 14s linear infinite;
}
.home-hero__chrome::after{
  content:"+";position:absolute;left:50%;top:54%;font:300 2rem/1 var(--ff-mono);color:rgba(247,247,245,.14);transform:translate(-50%,-50%);
}
@keyframes p11-orbit{to{transform:rotate(360deg)}}
.home-hero__copy{grid-column:1/10;padding-top:clamp(.5rem,2vw,1.5rem)}
.home-hero__title{font-size:clamp(4.4rem,10.2vw,9.7rem);line-height:.81;max-width:9.1ch;letter-spacing:-.065em;text-shadow:0 10px 55px rgba(0,0,0,.18)}
.home-hero__title em{position:relative;z-index:1}
.home-hero__title em::after{content:"";position:absolute;left:.02em;right:.02em;bottom:.04em;height:.06em;background:linear-gradient(90deg,var(--green),var(--teal-2));opacity:.7;transform:scaleX(.78);transform-origin:left;filter:blur(.5px)}
.home-hero__intro{margin-top:clamp(2.4rem,4vw,4.1rem)}
.home-hero__intro>.lead{font-size:clamp(1.08rem,1.42vw,1.28rem);line-height:1.78;color:color-mix(in srgb,var(--text) 78%,transparent)}
.home-hero__actions{border-left-color:rgba(247,247,245,.13);padding-left:clamp(1.35rem,2.6vw,2.5rem)}
.home-hero__rail{padding-top:4.2rem;border-left-color:rgba(247,247,245,.13)}
.home-hero__rail span{width:28px;height:28px;display:grid;place-items:center;border:1px solid rgba(65,169,143,.22);color:var(--teal-2)}
.home-hero__rail b{font-size:.61rem}
.home-hero__visual{grid-column:8/13;margin-top:clamp(-3rem,-3vw,-1.5rem);padding-left:clamp(2rem,4vw,4rem)}
.home-hero__frame{transform-style:preserve-3d;perspective:1000px}
.home-hero__frame::after{
  content:"";position:absolute;inset:-28px -22px;pointer-events:none;z-index:-2;
  background:
    linear-gradient(var(--green),var(--green)) left top/42px 1px no-repeat,
    linear-gradient(var(--green),var(--green)) left top/1px 42px no-repeat,
    linear-gradient(var(--teal-2),var(--teal-2)) right bottom/42px 1px no-repeat,
    linear-gradient(var(--teal-2),var(--teal-2)) right bottom/1px 42px no-repeat;
  opacity:.45;
}
.home-hero__visual .media-frame,.home-hero__visual .hero-art{box-shadow:0 52px 140px rgba(0,0,0,.5)}
.home-hero__visual .media-frame::after{inset:14px;border-color:rgba(247,247,245,.13)}
.home-hero__visual-index{letter-spacing:.18em}
.home-hero__visual-index::before{content:"●";margin-right:.6rem;color:var(--green);font-size:.58rem;text-shadow:0 0 12px var(--green)}
.home-hero__foot{border-top:1px solid rgba(247,247,245,.1);padding-top:1rem;margin-top:clamp(2rem,5vw,5rem)}
.home-hero__foot-line{background:linear-gradient(90deg,var(--green),rgba(65,169,143,.42),transparent)}

/* stats as data console */
.ui-stats-band{background:#090a0d;border-block:1px solid rgba(247,247,245,.07);position:relative}
.ui-stats-band::before{content:"LIVE / METRICS";position:absolute;left:max(var(--gutter),calc((100vw - var(--container-w))/2));top:.6rem;font:500 .5rem/1 var(--ff-mono);letter-spacing:.2em;color:var(--faint)}
.ui-stats-band .stats{padding-top:1.4rem}
.ui-stats-band .stat{position:relative;min-height:160px;padding:2.1rem 1.6rem 1.45rem}
.ui-stats-band .stat::after{content:"";position:absolute;left:0;right:0;bottom:0;height:2px;background:linear-gradient(90deg,var(--green),transparent);transform:scaleX(0);transform-origin:left;transition:transform .6s var(--p11-ease)}
.ui-stats-band .stat:hover::after{transform:scaleX(1)}
.ui-stats-band .stat strong{font-size:clamp(2.2rem,4vw,4rem)}

/* shared section heads: more editorial and less template-like */
.ui-section-head{position:relative;padding-top:1.15rem;border-top:1px solid var(--p11-line)}
.ui-section-head::before{content:"";position:absolute;left:0;top:-1px;width:clamp(64px,8vw,130px);height:1px;background:linear-gradient(90deg,var(--green),var(--teal-2));box-shadow:0 0 12px rgba(12,220,42,.2)}
.ui-section-head .section__head-side{position:relative}
.ui-section-head .section__head-side::before{content:"NOTE";display:block;margin-bottom:1rem;font:500 .5rem/1 var(--ff-mono);letter-spacing:.18em;color:var(--faint)}

/* services: editorial index + hover layer */
.ui-services{background:
  radial-gradient(44vw 36vw at 7% 18%,rgba(12,220,42,.045),transparent 70%),
  radial-gradient(40vw 38vw at 92% 64%,rgba(56,65,102,.11),transparent 68%),
  linear-gradient(180deg,#0a0b0e,#090a0d)}
.ui-services .service-categories{position:relative;border-top:1px solid var(--p11-line)}
.ui-services .service-category{min-height:230px;padding:clamp(2.1rem,4.2vw,4rem) 0;border-bottom-color:var(--p11-line);transition:background .45s ease,color .45s ease}
.ui-services .service-category::before{content:"";position:absolute;inset:0 calc(-1 * var(--gutter));background:linear-gradient(90deg,rgba(12,220,42,.045),rgba(65,169,143,.025) 45%,transparent 78%);opacity:0;transition:opacity .35s}
.ui-services .service-category:hover::before{opacity:1}
.ui-services .service-category__heading h3{font-size:clamp(2.6rem,5.4vw,5.4rem);line-height:.88;letter-spacing:-.055em;transition:transform .45s var(--p11-ease),color .3s}
.ui-services .service-category:hover .service-category__heading h3{transform:translateX(.12em);color:var(--off)}
.ui-services .service-category__count{display:inline-flex;align-items:center;gap:.5rem}
.ui-services .service-category__count::before{content:"";width:18px;height:1px;background:var(--teal-2)}
.ui-services .service-category__links a{position:relative;padding:1.05rem .2rem;border-bottom:1px solid rgba(247,247,245,.07);transition:padding .35s var(--p11-ease),color .25s}
.ui-services .service-category__links a:hover{padding-left:.7rem;color:var(--off)}
.ui-services .service-category__links a::before{content:"";position:absolute;left:0;top:50%;width:0;height:1px;background:var(--green);transition:width .35s var(--p11-ease)}
.ui-services .service-category__links a:hover::before{width:.38rem}
.service-hover-preview{box-shadow:0 30px 90px rgba(0,0,0,.38);border-color:rgba(247,247,245,.15);transform:rotate(-2deg) scale(.96);transition:opacity .3s,transform .5s var(--p11-ease)}
.service-category:hover .service-hover-preview.is-visible{transform:rotate(1deg) scale(1)}

/* AI band: visual system rather than a plain split section */
.ui-ai-band{isolation:isolate}
.ui-ai-band::after{content:"AUTOMATE";position:absolute;right:-.035em;bottom:-.19em;z-index:0;font:700 clamp(7rem,22vw,22rem)/.78 var(--ff-display);letter-spacing:-.075em;color:transparent;-webkit-text-stroke:1px rgba(247,247,245,.045);pointer-events:none}
.ui-ai-band .ai-band__grid{position:relative;z-index:2}
.ai-band__copy{padding-block:clamp(1rem,4vw,4rem)}
.ai-band__visual{border:1px solid rgba(247,247,245,.09);background:radial-gradient(circle at 50% 50%,rgba(12,220,42,.065),transparent 50%),rgba(7,8,11,.22);box-shadow:inset 0 0 80px rgba(0,0,0,.2)}
.ai-band__visual::before,.ai-band__visual::after{content:"";position:absolute;inset:7%;border:1px solid rgba(65,169,143,.09);border-radius:50%}
.ai-band__visual::after{inset:18%;border-style:dashed;animation:p11-orbit 22s linear infinite reverse}
.ai-band__signal{box-shadow:0 0 0 1px rgba(12,220,42,.08),0 0 80px rgba(12,220,42,.06)}
.ai-band__telemetry{border-top:1px solid var(--p11-line);padding-top:1rem}

/* why rows: large kinetic editorial list */
.ui-why .value-list{border-top:1px solid var(--p11-line)}
.ui-why .value-row{position:relative;min-height:150px;padding:clamp(2rem,3.2vw,3.2rem) 0;grid-template-columns:70px minmax(0,1.6fr) minmax(280px,.85fr) 42px;gap:1.5rem;overflow:hidden}
.ui-why .value-row::before{content:"";position:absolute;inset:0;z-index:-1;background:linear-gradient(90deg,rgba(56,65,102,.11),rgba(11,115,95,.035),transparent 78%);transform:translateX(-102%);transition:transform .55s var(--p11-ease)}
.ui-why .value-row:hover::before{transform:none}
.ui-why .value-row h3{font-size:clamp(1.9rem,3.6vw,3.8rem);line-height:.98;letter-spacing:-.045em}
.ui-why .value-row p{font-size:.95rem;line-height:1.8;color:var(--muted)}
.ui-why .value-row__arrow{font-size:1.4rem;transition:transform .4s var(--p11-ease),color .25s}
.ui-why .value-row:hover .value-row__arrow{transform:translate(6px,-6px);color:var(--green)}

/* work: gallery-like stagger + corner chrome */
.ui-work{background:linear-gradient(180deg,#08090b,#0c0e13 65%,#090a0d)}
.ui-work .work-list{position:relative;display:grid;grid-template-columns:repeat(12,minmax(0,1fr));gap:clamp(3rem,6vw,7rem) clamp(1.2rem,2.2vw,2.4rem)}
.ui-work .work-card{position:relative;grid-column:span 7;border:0;padding:0;background:transparent;overflow:visible}
.ui-work .work-card:nth-child(even){grid-column:6/13;margin-top:clamp(5rem,9vw,10rem)}
.ui-work .work-card:nth-child(3n){grid-column:2/10}
.ui-work .work-card__media{position:relative;overflow:hidden;border:1px solid rgba(247,247,245,.1)}
.ui-work .work-card__media::before{content:"VIEW / PROJECT";position:absolute;z-index:4;right:14px;top:14px;padding:.55rem .65rem;background:rgba(8,9,12,.72);border:1px solid rgba(247,247,245,.12);backdrop-filter:blur(10px);font:500 .5rem/1 var(--ff-mono);letter-spacing:.14em;color:var(--off);opacity:0;transform:translateY(-7px);transition:opacity .3s,transform .4s var(--p11-ease)}
.ui-work .work-card:hover .work-card__media::before{opacity:1;transform:none}
.ui-work .work-card__media .media-frame{box-shadow:none}
.ui-work .work-card__meta{display:grid;grid-template-columns:auto 1fr auto;gap:1rem;align-items:end;padding-top:1.35rem;border-top:0}
.ui-work .work-card__meta h3{font-size:clamp(2rem,4vw,4.5rem);line-height:.92;letter-spacing:-.05em;max-width:10ch}
.ui-work .work-card__number{position:absolute;left:-.7rem;top:-1.2rem;z-index:5;width:46px;height:46px;display:grid;place-items:center;background:var(--ink);border:1px solid rgba(247,247,245,.12);color:var(--teal-2)}
.ui-work .work-card i{font-size:1.4rem;color:var(--muted);transition:transform .4s var(--p11-ease),color .3s}
.ui-work .work-card:hover i{transform:translate(5px,-5px);color:var(--green)}

/* process: studio operating system */
.ui-process{background:
  radial-gradient(60vw 44vw at 90% 10%,rgba(11,115,95,.18),transparent 67%),
  linear-gradient(145deg,#151827,#0a0d12 70%)}
.ui-process__grid{position:relative}
.ui-process__grid::before{content:"PROCESS / 01—05";position:absolute;right:0;top:0;font:500 .52rem/1 var(--ff-mono);letter-spacing:.2em;color:var(--faint)}
.ui-process .process{border-top:1px solid rgba(247,247,245,.11)}
.ui-process .process__step{position:relative;padding:clamp(2.7rem,4.5vw,4.5rem) 0;border-bottom-color:rgba(247,247,245,.1);transition:background .35s}
.ui-process .process__step::before{content:"";position:absolute;left:0;top:0;bottom:0;width:2px;background:linear-gradient(var(--green),var(--teal-2));transform:scaleY(0);transform-origin:top;transition:transform .55s var(--p11-ease)}
.ui-process .process__step:hover::before{transform:scaleY(1)}
.ui-process .process__step:hover{background:linear-gradient(90deg,rgba(12,220,42,.028),transparent 50%)}
.ui-process .process__num{font-size:clamp(3.4rem,6vw,6.7rem);letter-spacing:-.055em;color:transparent;-webkit-text-stroke:1px rgba(247,247,245,.22);transition:-webkit-text-stroke-color .3s,color .3s}
.ui-process .process__step:hover .process__num{-webkit-text-stroke-color:var(--green);color:rgba(12,220,42,.025)}
.ui-process .process__step h3{font-size:clamp(1.8rem,3vw,3rem);letter-spacing:-.04em}
.ui-process .process__step p{max-width:44ch}

/* industries: oversized typographic index */
.ui-industries{position:relative}
.ui-industries::after{content:"SECTORS";position:absolute;left:-.05em;bottom:-.17em;font:700 clamp(8rem,22vw,22rem)/.8 var(--ff-display);letter-spacing:-.075em;color:rgba(23,23,14,.035);pointer-events:none}
.ui-industries .industry-list{position:relative;z-index:2;border-top:1px solid rgba(23,23,14,.18)}
.ui-industries .industry-list>a,.ui-industries .industry-static{min-height:94px;padding:1.2rem .2rem;border-bottom-color:rgba(23,23,14,.17);transition:padding .35s var(--p11-ease),background .3s}
.ui-industries .industry-list>a>span:nth-child(2),.ui-industries .industry-static>span:nth-child(2){font-size:clamp(1.9rem,3.8vw,4rem);line-height:.92;letter-spacing:-.04em}
.ui-industries .industry-list>a:hover{padding-left:1rem;background:rgba(23,23,14,.035)}
.ui-industries .industry-list i{width:42px;height:42px;display:grid;place-items:center;border:1px solid rgba(23,23,14,.2);transition:transform .4s var(--p11-ease),background .3s}
.ui-industries .industry-list>a:hover i{transform:rotate(45deg);background:#17170e;color:var(--sand)}

/* results / testimonials */
.ui-results h2{margin-bottom:clamp(3rem,6vw,6rem)}
.ui-results .stats{border-top:1px solid var(--p11-line);border-bottom:1px solid var(--p11-line)}
.ui-results .stat{position:relative;padding-block:clamp(2.5rem,4vw,4rem)}
.ui-results .stat strong{font-size:clamp(3.2rem,6vw,7rem);letter-spacing:-.06em}
.ui-results .stat__idx{position:absolute;top:1rem;left:1rem}

.ui-testimonials{background:
  radial-gradient(50vw 42vw at 10% 0%,rgba(11,115,95,.1),transparent 68%),
  linear-gradient(180deg,#101219,#0b0d11)}
.ui-testimonials .testimonial-track{gap:1.25rem;padding-block:1rem 2rem}
.ui-testimonials .t-card{position:relative;min-height:470px;flex-basis:min(640px,74vw);padding:clamp(2rem,4vw,4.2rem);background:linear-gradient(145deg,rgba(23,26,34,.88),rgba(10,12,16,.92));border:1px solid rgba(247,247,245,.1);box-shadow:0 34px 100px rgba(0,0,0,.18)}
.ui-testimonials .t-card::after{content:"“";position:absolute;right:1.2rem;top:.25rem;font:500 clamp(6rem,12vw,10rem)/1 var(--ff-accent);color:rgba(227,219,169,.08)}
.ui-testimonials .t-card:nth-child(even){transform:translateY(2rem)}
.ui-testimonials .testimonial-slider__foot{border-top:1px solid var(--p11-line);padding-top:1rem}

/* tech strip */
.ui-tech{padding-block:clamp(4.5rem,8vw,7rem)}
.ui-tech .ui-section-head{margin-bottom:clamp(3rem,5vw,4.5rem)}
.ui-marquee{border-block:1px solid var(--p11-line);padding:1.4rem 0;overflow:hidden;mask-image:linear-gradient(90deg,transparent,black 7%,black 93%,transparent)}
.tech-words span{font-size:clamp(1.7rem,3vw,3.2rem);letter-spacing:-.035em;color:color-mix(in srgb,var(--off) 72%,transparent);display:inline-flex;align-items:center;gap:1.5rem}
.tech-words span::after{content:"✦";font-size:.55em;color:var(--green)}

/* journal rows */
.ui-blog{background:
  radial-gradient(50vw 44vw at 90% 12%,rgba(56,65,102,.24),transparent 68%),
  linear-gradient(145deg,#141827,#0a0c12)}
.ui-blog .blog-list{border-top:1px solid rgba(247,247,245,.11)}
.ui-blog .blog-row{position:relative;display:grid;grid-template-columns:70px 110px 1fr 46px;gap:1rem;align-items:center;padding:clamp(1.8rem,3vw,2.9rem) 0;border-bottom-color:rgba(247,247,245,.1);overflow:hidden}
.ui-blog .blog-row::before{content:"";position:absolute;inset:0;z-index:-1;background:linear-gradient(90deg,rgba(12,220,42,.055),rgba(65,169,143,.02),transparent 70%);transform:translateX(-101%);transition:transform .55s var(--p11-ease)}
.ui-blog .blog-row:hover::before{transform:none}
.ui-blog .blog-row h3{font-size:clamp(1.7rem,3vw,3.2rem);line-height:1;letter-spacing:-.04em}
.ui-blog .blog-row i{width:40px;height:40px;display:grid;place-items:center;border:1px solid rgba(247,247,245,.12)}

/* FAQ */
.ui-faq{background:linear-gradient(180deg,#090a0d,#0d0f14)}
.ui-faq__intro{padding-right:clamp(1rem,4vw,4rem)}
.ui-faq__intro::after{content:"?";display:block;margin-top:3rem;font:700 clamp(8rem,16vw,16rem)/.7 var(--ff-display);color:transparent;-webkit-text-stroke:1px rgba(247,247,245,.06)}
.ui-faq .acc{border-top:1px solid var(--p11-line)}
.ui-faq .acc__item{position:relative}
.ui-faq .acc__btn{grid-template-columns:48px 1fr 48px;padding:clamp(1.65rem,2.8vw,2.45rem) 0}
.ui-faq .acc__btn i{width:38px;height:38px;display:grid;place-items:center;border:1px solid var(--p11-line-strong);font-style:normal;transition:background .3s,color .3s,transform .35s var(--p11-ease)}
.ui-faq .acc__btn[aria-expanded="true"] i{background:var(--green);color:var(--ink);transform:rotate(45deg)}

/* final CTA becomes poster-like */
.ui-final-cta{min-height:min(880px,86svh);display:grid;align-items:center;position:relative;isolation:isolate}
.ui-final-cta::before{content:"ALIFY";position:absolute;left:50%;bottom:-.15em;transform:translateX(-50%);font:700 clamp(10rem,31vw,31rem)/.7 var(--ff-display);letter-spacing:-.085em;color:rgba(23,23,14,.04);white-space:nowrap;z-index:-1}
.ui-final-cta::after{content:"+";position:absolute;right:var(--gutter);top:var(--section);font:300 2rem/1 var(--ff-mono);color:rgba(23,23,14,.24)}
.ui-final-cta__meta{border-top:1px solid rgba(23,23,14,.2);padding-top:1rem}
.ui-final-cta h2.display{font-size:clamp(4rem,10vw,10rem);line-height:.82;letter-spacing:-.065em;max-width:9.5ch;color:#17170e}
.ui-final-cta h2 em{color:#17170e;background:none;-webkit-text-fill-color:currentColor}
.ui-final-cta__bottom{padding-top:clamp(2rem,4vw,4rem);border-top:1px solid rgba(23,23,14,.18)}

/* --- inner-page mastheads --------------------------------------------------- */
.hub-hero,.inner-hero,.single-hero,.case-hero,.post-hero,.legal-hero,.industry-hero,.quote-hero{
  position:relative;overflow:clip;min-height:clamp(560px,72svh,760px);display:grid;align-items:end;
  padding-top:calc(var(--header-h) + clamp(5rem,8vw,8rem));padding-bottom:clamp(4rem,8vw,7rem);
  background:
    radial-gradient(44vw 38vw at 84% 24%,rgba(11,115,95,.14),transparent 68%),
    radial-gradient(34vw 30vw at 12% 80%,rgba(12,220,42,.035),transparent 70%),
    linear-gradient(145deg,#0a0b0e,#151927 55%,#090b0f);
}
.hub-hero::before,.inner-hero::before,.single-hero::before,.case-hero::before,.post-hero::before,.legal-hero::before,.industry-hero::before,.quote-hero::before{
  content:attr(data-watermark);position:absolute;left:-.03em;bottom:-.11em;z-index:0;
  font:700 clamp(7rem,22vw,23rem)/.75 var(--ff-display);letter-spacing:-.075em;white-space:nowrap;color:transparent;-webkit-text-stroke:1px rgba(247,247,245,.045);pointer-events:none;
}
.hub-hero>.container,.inner-hero>.container,.single-hero>.container,.case-hero>.container,.post-hero>.container,.legal-hero>.container,.industry-hero>.container,.quote-hero>.container{position:relative;z-index:2}
.hub-hero h1,.inner-hero h1,.single-hero h1,.case-hero h1,.post-hero h1,.legal-hero h1,.industry-hero h1,.quote-hero h1{font-size:clamp(3.7rem,8vw,8rem);line-height:.87;letter-spacing:-.058em;max-width:10.5ch}
.crumbs{margin-bottom:clamp(2rem,4vw,4rem);padding-bottom:1rem;border-bottom:1px solid rgba(247,247,245,.08)}
.crumbs::before{content:"NAV / ";color:var(--faint)}

/* inner cards: refined, less generic */
.sv-card,.industry-card,.price-card,.value-card,.aside-card,.related-card,.resource-card,.platform-card,.result-card,.video-card,.contact-card,.form-panel,.cap{
  position:relative;overflow:hidden;border-color:rgba(247,247,245,.09);background:
    radial-gradient(260px 180px at var(--mx,50%) var(--my,20%),rgba(12,220,42,.045),transparent 75%),
    linear-gradient(145deg,color-mix(in srgb,var(--alify-card-bg,var(--panel)) 92%,#202433 8%),#090b0f);
}
.sv-card::after,.industry-card::after,.price-card::after,.value-card::after,.resource-card::after,.contact-card::after,.form-panel::after{
  content:"";position:absolute;right:14px;top:14px;width:22px;height:22px;border-top:1px solid rgba(65,169,143,.28);border-right:1px solid rgba(65,169,143,.28);pointer-events:none;
}
.sv-card:hover,.industry-card:hover,.resource-card:hover{border-color:rgba(65,169,143,.28);box-shadow:0 40px 100px rgba(0,0,0,.2)}

/* projects */
.projects-grid{align-items:start}
.project-card{position:relative}
.project-card::before{content:attr(data-ui-index);position:absolute;top:-1.1rem;left:-.1rem;z-index:4;font:500 .58rem/1 var(--ff-mono);letter-spacing:.16em;color:var(--teal-2)}
.project-card__media{box-shadow:var(--p11-shadow)}
.project-card__media img{transition:transform .9s var(--p11-ease),filter .5s}
.project-card:hover .project-card__media img{transform:scale(1.055);filter:saturate(1) contrast(1.06)}
.project-card__meta{position:relative}
.project-card__meta::after{content:"";position:absolute;left:0;right:0;bottom:-.8rem;height:1px;background:linear-gradient(90deg,var(--green),var(--teal-2),transparent);transform:scaleX(0);transform-origin:left;transition:transform .55s var(--p11-ease)}
.project-card:hover .project-card__meta::after{transform:scaleX(1)}

/* service/project singles */
.single-hero__visual .media-frame,.case-hero .media-frame{box-shadow:0 50px 130px rgba(0,0,0,.35)}
.deliverables,.results-grid{background:transparent;gap:1px}
.deliverable,.cs-metric{border:1px solid rgba(247,247,245,.07);background:linear-gradient(145deg,#12141a,#0a0b0e)}
.deliverable::before,.cs-metric::before{content:"";display:block;width:32px;height:1px;margin-bottom:2rem;background:linear-gradient(90deg,var(--green),var(--teal-2))}
.solution-block{position:relative}
.solution-block::before{content:"";position:absolute;left:0;bottom:-1px;width:16%;height:1px;background:var(--green)}
.case-gallery{gap:clamp(1rem,2vw,2rem)}
.cs-figure__btn{overflow:hidden;border:1px solid var(--p11-line-strong)}
.cs-figure__btn img{transition:transform .8s var(--p11-ease)}
.cs-figure__btn:hover img{transform:scale(1.045)}

/* about/team */
.about-story{position:relative}
.about-story::before{content:"ABOUT / STUDIO";position:absolute;right:0;top:0;font:500 .52rem/1 var(--ff-mono);letter-spacing:.2em;color:var(--faint)}
.mvv-grid .value-card{box-shadow:none}
.mvv-grid .value-card:nth-child(2){background:linear-gradient(145deg,rgba(56,65,102,.32),rgba(11,115,95,.09),#0b0d11)}
.team-card{position:relative}
.team-card::before{content:"";position:absolute;z-index:3;left:0;bottom:0;width:1px;height:46%;background:linear-gradient(var(--green),transparent)}
.team-card .media-frame{overflow:hidden}
.team-card .media-frame img{filter:saturate(.8) contrast(1.06);transition:filter .45s,transform .7s var(--p11-ease)}
.team-card:hover .media-frame img{filter:saturate(1) contrast(1.04);transform:scale(1.04)}

/* pricing */
.pricing-tabs{border-bottom:1px solid var(--p11-line);padding-bottom:.85rem}
.price-card{box-shadow:none;transition:transform .5s var(--p11-ease),border-color .35s,box-shadow .4s}
.price-card:hover{transform:translateY(-8px);border-color:rgba(65,169,143,.26);box-shadow:0 38px 100px rgba(0,0,0,.24)}
.price-card--featured{background:linear-gradient(145deg,rgba(56,65,102,.32),rgba(11,115,95,.09),#0b0d11)}
.price-card--featured::before{content:"RECOMMENDED";position:absolute;right:-2.5rem;top:2.1rem;transform:rotate(90deg);font:500 .5rem/1 var(--ff-mono);letter-spacing:.17em;color:var(--green)}

/* blog */
.blog-card{box-shadow:none;position:relative}
.blog-card::before{content:"";position:absolute;left:0;top:0;width:0;height:2px;background:linear-gradient(90deg,var(--green),var(--teal-2));transition:width .55s var(--p11-ease);z-index:3}
.blog-card:hover::before{width:100%}
.blog-card__media{overflow:hidden}
.blog-card__media img{transition:transform .8s var(--p11-ease)}
.blog-card:hover .blog-card__media img{transform:scale(1.045)}
.post-content.prose>p:first-of-type::first-letter{float:left;font:600 4.8rem/.8 var(--ff-display);margin:.08em .12em 0 0;color:var(--sand)}
.post-content.prose blockquote{position:relative;padding:clamp(2rem,4vw,4rem);margin-block:3rem;border-left:0;background:linear-gradient(145deg,rgba(56,65,102,.16),rgba(11,115,95,.06));border-block:1px solid var(--p11-line)}

/* forms */
.form-panel{box-shadow:0 45px 130px rgba(0,0,0,.26);border-color:rgba(247,247,245,.1)}
.form-panel::before{content:"";position:absolute;left:0;right:0;top:0;height:2px;background:linear-gradient(90deg,var(--green),var(--teal-2),transparent 76%)}
.alify-field input,.alify-field textarea,.alify-field select{transition:border-color .25s,box-shadow .25s,background .25s,transform .25s}
.alify-field:focus-within input,.alify-field:focus-within textarea,.alify-field:focus-within select{transform:translateY(-1px);background:rgba(247,247,245,.038)}
.choice{transition:border-color .25s,background .25s,transform .3s var(--p11-ease)}
.choice:hover{transform:translateY(-2px);border-color:rgba(65,169,143,.28);background:rgba(65,169,143,.035)}

/* footer: heavier brand ending */
.site-footer{position:relative;background:
  radial-gradient(55vw 42vw at 10% 0%,rgba(56,65,102,.18),transparent 68%),
  radial-gradient(44vw 34vw at 90% 34%,rgba(11,115,95,.09),transparent 72%),
  #08090b}
.site-footer::before{content:"END / START AGAIN";position:absolute;right:var(--gutter);top:2rem;font:500 .5rem/1 var(--ff-mono);letter-spacing:.2em;color:var(--faint)}
.footer-grid{border-top:1px solid var(--p11-line);padding-top:clamp(2.5rem,4vw,4rem)}
.footer-brand>.brand{font-size:clamp(2.4rem,4.6vw,4.8rem)}
.footer-grid>div:not(.footer-brand){border-left:1px solid var(--p11-line);padding-left:clamp(1rem,2vw,2rem)}
.footer-grid li a,.footer-grid>div>a{display:inline-flex;align-items:center;gap:.4rem}
.footer-grid li a::before,.footer-grid>div>a::before{content:"";width:0;height:1px;background:var(--green);transition:width .3s var(--p11-ease)}
.footer-grid li a:hover::before,.footer-grid>div>a:hover::before{width:14px}
.footer-watermark{margin-bottom:-.08em;-webkit-text-stroke-color:rgba(236,236,228,.07)}
.footer-bottom{border-top:1px solid var(--p11-line);padding-top:1.3rem}

/* floating elements */
.wa-float{border-radius:50%;background:linear-gradient(145deg,var(--green),var(--teal-2));color:#071009;font-size:.64rem;letter-spacing:.08em;border:1px solid rgba(255,255,255,.16)}
.wa-float::before{content:"";position:absolute;inset:-6px;border:1px solid rgba(12,220,42,.16);border-radius:50%;animation:p11-pulse 2.8s ease-in-out infinite}
@keyframes p11-pulse{50%{transform:scale(1.08);opacity:.35}}

/* responsive */
@media(max-width:1199px){
  .home-hero__title{font-size:clamp(4.2rem,10vw,8rem)}
  .ui-work .work-card{grid-column:span 8}.ui-work .work-card:nth-child(even){grid-column:5/13}.ui-work .work-card:nth-child(3n){grid-column:2/11}
  .ui-why .value-row{grid-template-columns:58px minmax(0,1.5fr) minmax(260px,.8fr) 38px}
}
@media(max-width:1023px){
  body::after{opacity:.22}
  .home-hero__chrome::before{right:-5vw;top:28%}
  .home-hero__visual{grid-column:7/13;padding-left:2rem}
  .ui-work .work-card,.ui-work .work-card:nth-child(even),.ui-work .work-card:nth-child(3n){grid-column:span 6;margin-top:0}
  .ui-why .value-row{grid-template-columns:48px 1fr;gap:1rem}.ui-why .value-row p{grid-column:2}.ui-why .value-row__arrow{position:absolute;right:0;top:2.4rem}
  .footer-grid>div:not(.footer-brand){border-left:0;padding-left:0}
}
@media(max-width:767px){
  body::after{display:none}
  .p11-section-label{display:none}
  .site-header{padding-top:0}.site-header__inner{min-height:var(--header-h);border-radius:0}
  .site-header .brand::after{display:none}.burger::after{display:none}
  .home-hero.ui-hero-stage{min-height:auto;padding-bottom:3rem}.home-hero.ui-hero-stage::after{font-size:34vw;bottom:-.02em}.home-hero__chrome::before{display:none}
  .home-hero__title{font-size:clamp(3.6rem,17vw,6.2rem);line-height:.84;max-width:9ch}
  .home-hero__title em::after{display:none}
  .home-hero__visual{padding-left:0}.home-hero__frame::after{inset:-12px}.home-hero__intro{margin-top:2rem}
  .ui-section-head{padding-top:1rem}.ui-section-head .section__head-side::before{display:none}
  .ui-services .service-category{min-height:0}.ui-services .service-category__heading h3{font-size:clamp(2.4rem,12vw,4rem)}
  .ui-work .work-list{display:block}.ui-work .work-card{display:block;margin-bottom:4rem!important}.ui-work .work-card__meta h3{font-size:clamp(2rem,10vw,3.4rem)}
  .ui-why .value-row{display:grid;grid-template-columns:40px 1fr;padding-block:2rem}.ui-why .value-row h3{font-size:clamp(1.8rem,8vw,2.7rem)}.ui-why .value-row p{grid-column:2}.ui-why .value-row__arrow{display:none}
  .ui-process .process__num{font-size:3.5rem}
  .ui-industries .industry-list>a>span:nth-child(2),.ui-industries .industry-static>span:nth-child(2){font-size:clamp(1.55rem,8vw,2.6rem)}
  .ui-testimonials .t-card{flex-basis:88vw;min-height:420px}.ui-testimonials .t-card:nth-child(even){transform:none}
  .ui-blog .blog-row{grid-template-columns:42px 1fr 36px}.ui-blog .blog-row__date{display:none}.ui-blog .blog-row h3{font-size:clamp(1.5rem,7vw,2.3rem)}
  .ui-faq__intro::after{font-size:7rem;margin-top:2rem}
  .ui-final-cta{min-height:680px}.ui-final-cta h2.display{font-size:clamp(3.8rem,16vw,6.2rem)}
  .hub-hero,.inner-hero,.single-hero,.case-hero,.post-hero,.legal-hero,.industry-hero,.quote-hero{min-height:520px;padding-bottom:4rem}.hub-hero h1,.inner-hero h1,.single-hero h1,.case-hero h1,.post-hero h1,.legal-hero h1,.industry-hero h1,.quote-hero h1{font-size:clamp(3.3rem,14vw,5.4rem)}
  .footer-grid{border-top:0;padding-top:0}
}
@media(max-width:420px){
  .home-hero__title{font-size:clamp(3.15rem,16vw,4.8rem)}
  .ui-work .work-card__number{width:38px;height:38px;top:-.8rem}
  .ui-final-cta h2.display{font-size:clamp(3.4rem,15.5vw,5rem)}
}
@media(prefers-reduced-motion:reduce){
  .home-hero__chrome::before,.ai-band__visual::after,.wa-float::before{animation:none!important}
  .home-hero__frame,.project-card,.service-hover-preview{transform:none!important}
}