:root {
  --bg: #070709;
  --bg-soft: #0d0d10;
  --surface: #131316;
  --surface-2: #19191e;
  --line: rgba(255,255,255,.09);
  --line-strong: rgba(255,255,255,.17);
  --text: #f7f7f5;
  --muted: #a0a0aa;
  --quiet: #676772;
  --orange: #f28c00;
  --orange-hot: #ffac31;
  --orange-soft: rgba(242,140,0,.1);
  --orange-glow: rgba(242,140,0,.22);
  --orange-line: rgba(242,140,0,.35);
  --shell: 88rem;
  --gutter: clamp(1.25rem,4vw,4.5rem);
  --section: clamp(6.5rem,13vw,12rem);
  --radius: 1.5rem;
  --ease: cubic-bezier(.16,1,.3,1);
  --header: 5rem;
}

*,*::before,*::after{box-sizing:border-box}
html{scroll-behavior:smooth;scroll-padding-top:calc(var(--header) + 1rem);background:var(--bg);color-scheme:dark}
body{margin:0;overflow-x:hidden;background:var(--bg);color:var(--text);font-family:Inter,ui-sans-serif,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;font-size:clamp(.98rem,.25vw + .92rem,1.08rem);line-height:1.62;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased}
body.menu-open{overflow:hidden}
::selection{background:var(--orange);color:var(--bg)}
img,svg{display:block;max-width:100%}
a{color:inherit;text-decoration:none}
button,input{font:inherit}
button{color:inherit}
h1,h2,h3,p,figure{margin-top:0}
h1,h2,h3{margin-bottom:0;font-family:Manrope,Inter,ui-sans-serif,system-ui,sans-serif;font-weight:670;letter-spacing:-.045em;line-height:.99;text-wrap:balance}
p{color:var(--muted)}
:focus-visible{outline:2px solid var(--orange);outline-offset:4px}

.sr-only{position:absolute!important;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
.skip-link{position:fixed;z-index:9999;top:.75rem;left:.75rem;transform:translateY(-160%);padding:.75rem 1rem;border-radius:999px;background:var(--orange);color:var(--bg);font-weight:750}.skip-link:focus{transform:none}
.shell{width:min(100%,calc(var(--shell) + var(--gutter)*2));margin-inline:auto;padding-inline:var(--gutter)}
.section{position:relative;isolation:isolate;padding-block:var(--section);border-top:1px solid rgba(255,255,255,.055)}

.scroll-progress{position:fixed;z-index:1200;top:0;right:0;left:0;height:2px;background:transparent;pointer-events:none}.scroll-progress span{display:block;width:100%;height:100%;transform:scaleX(0);transform-origin:left;background:linear-gradient(90deg,var(--orange),var(--orange-hot));box-shadow:0 0 1rem var(--orange);will-change:transform}

.brand{display:inline-flex;align-items:center;gap:.7rem;font-family:Manrope,Inter,sans-serif;font-size:1.2rem;font-weight:750;letter-spacing:-.045em}.brand-mark{width:2.35rem;height:2.35rem;color:#050505;flex:none}
.site-header{position:fixed;z-index:1000;top:0;right:0;left:0;height:var(--header);transition:transform 300ms var(--ease),background-color 250ms ease,border-color 250ms ease,backdrop-filter 250ms ease}.site-header::before{content:"";position:absolute;inset:0;background:linear-gradient(rgba(7,7,9,.82),transparent);pointer-events:none}.site-header.is-scrolled{border-bottom:1px solid var(--line);background:rgba(7,7,9,.82);backdrop-filter:blur(18px)}.site-header.is-scrolled::before{opacity:0}.site-header.is-hidden{transform:translateY(-105%)}
.header-inner{position:relative;display:flex;height:100%;align-items:center;justify-content:space-between;gap:1.25rem}.desktop-nav{display:none;align-items:center;gap:clamp(1rem,2vw,1.8rem)}.desktop-nav a{position:relative;color:var(--muted);font-size:.78rem;font-weight:600}.desktop-nav a::after{content:"";position:absolute;right:0;bottom:-.55rem;left:0;height:1px;transform:scaleX(0);transform-origin:left;background:var(--orange);transition:transform 180ms ease}.desktop-nav a:hover{color:var(--text)}.desktop-nav a:hover::after{transform:scaleX(1)}
.header-cta{display:none!important}
.menu-toggle{display:grid;width:3rem;height:3rem;padding:0;place-content:center;gap:.3rem;border:1px solid var(--line);border-radius:50%;background:rgba(19,19,22,.8);cursor:pointer}.menu-toggle>span:not(.sr-only){display:block;width:1.15rem;height:1px;background:var(--text);transition:transform 180ms ease}.menu-toggle[aria-expanded="true"]>span:first-child{transform:translateY(.2rem) rotate(45deg)}.menu-toggle[aria-expanded="true"]>span:nth-child(2){transform:translateY(-.2rem) rotate(-45deg)}
.mobile-nav{position:fixed;z-index:950;inset:0;display:flex;flex-direction:column;justify-content:center;gap:.25rem;padding:calc(var(--header) + 2rem) var(--gutter) 2rem;background:rgba(7,7,9,.985)}.mobile-nav[hidden]{display:none}.mobile-nav a{padding:.42rem 0;font-family:Manrope,Inter,sans-serif;font-size:clamp(2rem,9vw,3.5rem);font-weight:650;letter-spacing:-.05em}.mobile-nav a:last-child{margin-top:1.5rem;color:var(--orange)}

.button{display:inline-flex;min-height:3.45rem;align-items:center;justify-content:center;gap:.75rem;padding:.9rem 1.65rem;border:1px solid transparent;border-radius:999px;background:none;color:var(--text);font-size:.9rem;font-weight:750;line-height:1;cursor:pointer;transition:transform 180ms ease,background-color 180ms ease,border-color 180ms ease,box-shadow 180ms ease}.button:hover{transform:translateY(-2px)}.button span{font-size:1.05rem;transition:transform 180ms ease}.button:hover span{transform:translate(.15rem,-.15rem)}.button-primary{background:linear-gradient(135deg,var(--orange-hot),var(--orange) 58%,#d66f00);color:var(--bg);box-shadow:inset 0 1px rgba(255,255,255,.35),0 1.2rem 3.5rem rgba(242,140,0,.16)}.button-primary:hover{box-shadow:inset 0 1px rgba(255,255,255,.4),0 1.5rem 4rem rgba(242,140,0,.25)}.button-ghost{border-color:var(--line-strong);background:rgba(255,255,255,.02);backdrop-filter:blur(12px)}.button-ghost:hover{border-color:rgba(242,140,0,.4);background:var(--orange-soft)}

.eyebrow{display:flex;align-items:center;gap:.65rem;color:rgba(255,255,255,.64);font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:.68rem;font-weight:650;letter-spacing:.1em;line-height:1.4;text-transform:uppercase}.eyebrow span{width:.45rem;height:.45rem;border-radius:50%;background:var(--orange);box-shadow:0 0 1rem var(--orange)}

/* Hero */
.hero{position:relative;overflow:hidden;min-height:100svh;display:grid;align-items:center;padding:calc(var(--header) + 4.5rem) 0 2rem;background:radial-gradient(circle at 78% 35%,rgba(242,140,0,.18),transparent 27rem),radial-gradient(circle at 22% 12%,rgba(255,255,255,.055),transparent 30rem),linear-gradient(180deg,#09090b,var(--bg))}.hero::after{content:"";position:absolute;z-index:1;right:0;bottom:0;left:0;height:9rem;background:linear-gradient(transparent,var(--bg));pointer-events:none}.hero-grid{position:absolute;inset:0;opacity:.62;background-image:linear-gradient(rgba(255,255,255,.026) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.026) 1px,transparent 1px);background-size:60px 60px;mask-image:linear-gradient(#000 65%,transparent 95%);animation:grid-drift 24s linear infinite}.hero-glow{position:absolute;width:min(65vw,54rem);aspect-ratio:1;top:6%;right:-6%;border-radius:50%;background:radial-gradient(circle,rgba(242,140,0,.18),transparent 66%);filter:blur(10px);animation:glow-breathe 7s ease-in-out infinite}
.hero-layout{position:relative;z-index:2;display:grid;gap:2.5rem}.hero-copy{position:relative;z-index:3}.hero-copy .eyebrow{margin-bottom:1.8rem}.hero h1{max-width:12.5ch;font-size:clamp(3.25rem,7.4vw,7.8rem);letter-spacing:-.065em;line-height:.9}.hero h1 em,.section-head h2 em,.final-cta h2 em{color:var(--orange-hot);font-style:normal;text-shadow:0 0 3rem rgba(242,140,0,.12)}.hero-lead{max-width:58ch;margin:1.85rem 0 2.2rem;color:rgba(255,255,255,.63);font-size:clamp(1rem,1.55vw,1.2rem)}.hero-actions{display:flex;flex-direction:column;gap:.75rem}.hero-foot{display:flex;overflow:hidden;gap:1rem;margin-top:1rem;padding-top:1.25rem;border-top:1px solid var(--line);color:var(--quiet);font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:.64rem;letter-spacing:.09em;text-transform:uppercase;white-space:nowrap;mask-image:linear-gradient(90deg,#000 85%,transparent)}.hero-foot span:not(:last-child)::after{content:"·";margin-left:1rem;color:var(--orange)}
.hero-art{--hero-x:0px;--hero-y:0px;position:relative;width:min(100%,42rem);min-height:27rem;margin-inline:auto;transform:translate3d(var(--hero-x),var(--hero-y),0);transition:transform 550ms var(--ease)}.hero-art-orbit{position:absolute;border:1px solid rgba(255,255,255,.07);border-radius:50%}.hero-art-orbit-a{width:75%;aspect-ratio:1;top:8%;right:6%;animation:orbit-spin 32s linear infinite}.hero-art-orbit-b{width:48%;aspect-ratio:1;right:20%;bottom:3%;border-color:rgba(242,140,0,.14);animation:orbit-spin 22s linear infinite reverse}.hero-v{position:absolute;z-index:1;width:62%;top:0;right:11%;filter:drop-shadow(0 2.8rem 5rem rgba(0,0,0,.55));animation:v-breathe 6s ease-in-out infinite}.floating-project{position:absolute;z-index:3;overflow:hidden;margin:0;border:1px solid rgba(255,255,255,.15);border-radius:1rem;background:var(--surface);box-shadow:0 2rem 5rem rgba(0,0,0,.55),inset 0 1px rgba(255,255,255,.12);animation:project-float 7s ease-in-out infinite}.floating-project::after{content:"";position:absolute;inset:0;box-shadow:inset 0 0 0 1px rgba(255,255,255,.04);pointer-events:none}.floating-project img{width:100%;height:100%;object-fit:cover;object-position:top}.floating-project figcaption{position:absolute;right:.55rem;bottom:.55rem;left:.55rem;display:flex;align-items:center;gap:.4rem;padding:.42rem .55rem;border:1px solid rgba(255,255,255,.11);border-radius:.5rem;background:rgba(7,7,9,.8);color:rgba(255,255,255,.8);font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:.56rem;backdrop-filter:blur(10px)}.floating-project figcaption i{width:.35rem;height:.35rem;border-radius:50%;background:var(--orange);box-shadow:0 0 .6rem var(--orange)}.floating-project-a{width:70%;height:10rem;top:17%;left:0;transform:rotate(-4deg)}.floating-project-b{width:56%;height:8.5rem;right:0;top:53%;transform:rotate(4deg);animation-delay:-2.5s}.floating-project-c{display:none;width:38%;height:7rem;right:4%;top:4%;transform:rotate(2deg);animation-delay:-4s}.hero-tech{position:absolute;z-index:5;bottom:.5rem;left:0;display:flex;align-items:center;gap:.5rem;padding:.55rem .72rem;border:1px solid var(--line);border-radius:999px;background:rgba(7,7,9,.78);color:var(--muted);font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:.55rem;backdrop-filter:blur(14px)}.hero-tech i{width:.38rem;height:.38rem;border-radius:50%;background:var(--orange);box-shadow:0 0 .7rem var(--orange)}
@keyframes grid-drift{to{background-position:60px 60px}}
@keyframes glow-breathe{50%{opacity:.7;transform:scale(1.08)}}
@keyframes v-breathe{50%{filter:drop-shadow(0 2.8rem 6rem rgba(242,140,0,.17));transform:translateY(-.35rem)}}
@keyframes project-float{50%{translate:0 -.65rem}}
@keyframes orbit-spin{to{rotate:360deg}}

/* Trust */
.trust-strip{position:relative;z-index:3;border-block:1px solid var(--line);background:#0a0a0c}.trust-grid{display:grid}.trust-grid article{position:relative;display:grid;min-height:13rem;align-content:end;padding:1.45rem 0;border-bottom:1px solid var(--line)}.trust-grid article:last-child{border-bottom:0}.trust-index{position:absolute;top:1.2rem;left:0;color:var(--quiet);font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:.62rem}.trust-grid strong{color:var(--text);font-family:Manrope,Inter,sans-serif;font-size:clamp(2.8rem,7vw,5rem);font-weight:680;letter-spacing:-.06em;line-height:.9}.trust-grid p{margin:.5rem 0 0;font-size:.85rem}.trust-wide strong{max-width:18ch;font-size:clamp(1.7rem,4vw,3.2rem);line-height:1}.trust-signal{position:absolute;top:1rem;right:0;display:flex;gap:.28rem}.trust-signal i{width:.38rem;height:.38rem;border-radius:50%;background:var(--quiet)}.trust-signal i:first-child{background:var(--orange);box-shadow:0 0 .8rem var(--orange)}

/* Shared section headings */
.section-head{max-width:78rem;margin-bottom:clamp(4rem,9vw,7.5rem)}.section-kicker{display:flex;align-items:center;gap:.75rem;margin-bottom:1.5rem;color:var(--orange);font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:.65rem;font-weight:650;letter-spacing:.13em;text-transform:uppercase}.section-kicker span{display:inline-flex;min-height:1.7rem;align-items:center;padding:.2rem .55rem;border:1px solid rgba(242,140,0,.27);border-radius:999px;background:rgba(242,140,0,.065)}.section-kicker i{position:relative;display:block;width:3.5rem;height:1px;background:linear-gradient(90deg,var(--orange),transparent)}.section-kicker i::before{content:"";position:absolute;top:50%;left:0;width:.35rem;height:.35rem;transform:translate(-50%,-50%) rotate(45deg);background:var(--orange);box-shadow:0 0 .75rem var(--orange)}.section-head h2{max-width:15ch;font-size:clamp(2.75rem,6vw,5.6rem);line-height:.96}.section-head>p,.section-head-split>p{max-width:58ch;margin:1.5rem 0 0;font-size:clamp(1.02rem,1.55vw,1.25rem)}

/* Sticky story */
.story{overflow:clip;background:radial-gradient(circle at 80% 18%,rgba(242,140,0,.055),transparent 28rem),linear-gradient(180deg,#0c0c0f,#08080a)}.story-layout{display:grid;gap:2rem}.story-nav{position:relative;display:flex;overflow-x:auto;gap:.45rem;padding:.45rem;border:1px solid var(--line);border-radius:1rem;background:rgba(9,9,11,.76);backdrop-filter:blur(16px)}.story-nav>a{position:relative;z-index:2;display:grid;flex:1 0 8.5rem;gap:.25rem;padding:.75rem 1rem;border-radius:.7rem;color:var(--muted);font-family:Manrope,Inter,sans-serif;font-size:.84rem;font-weight:650;transition:color 180ms ease,background-color 180ms ease}.story-nav>a b{color:var(--orange);font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:.56rem;letter-spacing:.1em}.story-nav>a.is-active{background:rgba(255,255,255,.055);color:var(--text)}.story-progress{display:none}.story-panels{display:grid;gap:1rem}.story-panel{position:relative;overflow:hidden;min-height:33rem;padding:clamp(1.5rem,4vw,3rem);border:1px solid var(--line);border-radius:var(--radius);background:linear-gradient(145deg,rgba(27,27,32,.95),rgba(14,14,17,.98));box-shadow:inset 0 1px rgba(255,255,255,.04)}.story-panel::after{content:"";position:absolute;inset:0;background:radial-gradient(circle at 82% 78%,rgba(242,140,0,.09),transparent 24rem);pointer-events:none}.story-panel>*{position:relative;z-index:2}.story-panel-top{display:flex;align-items:center;justify-content:space-between;color:var(--orange);font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:.65rem;letter-spacing:.1em;text-transform:uppercase}.story-icon{display:grid;width:3rem;height:3rem;place-items:center;border:1px solid var(--line);border-radius:50%;font-size:1.15rem}.story-panel h3{max-width:16ch;margin-top:clamp(4rem,9vw,8rem);font-size:clamp(2rem,4.8vw,4.4rem)}.story-panel>p{max-width:51ch;margin:1.25rem 0 1.6rem}.story-tags,.tags{display:flex;flex-wrap:wrap;gap:.4rem}.story-tags span,.tags span{padding:.35rem .6rem;border:1px solid var(--line);border-radius:999px;color:var(--muted);font-size:.68rem}.story-visual{position:absolute;z-index:1;right:-3rem;bottom:-3rem;width:18rem;height:18rem;opacity:.72}.visual-create i{position:absolute;width:7rem;height:7rem;border:1px solid rgba(242,140,0,.25);transform:rotate(45deg)}.visual-create i:nth-child(2){translate:4rem 4rem;background:var(--orange-soft)}.visual-create i:nth-child(3){translate:8rem 8rem}.visual-launch{border-left:1px solid var(--orange-line);border-bottom:1px solid var(--orange-line);transform:skew(-10deg)}.visual-launch i{position:absolute;bottom:0;width:.7rem;border-radius:.3rem .3rem 0 0;background:linear-gradient(var(--orange-hot),var(--orange))}.visual-launch i:nth-child(1){left:2rem;height:25%}.visual-launch i:nth-child(2){left:5rem;height:45%}.visual-launch i:nth-child(3){left:8rem;height:62%}.visual-launch i:nth-child(4){left:11rem;height:88%}.visual-secure{border:1px solid rgba(242,140,0,.22);border-radius:50%}.visual-secure i{position:absolute;inset:2rem;border:1px solid rgba(255,255,255,.1);border-radius:50%}.visual-secure i:nth-child(2){inset:4rem;border-color:rgba(242,140,0,.4)}.visual-secure i:nth-child(3){inset:6.5rem;background:var(--orange);box-shadow:0 0 2rem var(--orange)}.visual-grow{display:flex;align-items:flex-end;gap:1rem;transform:rotate(-20deg)}.visual-grow i{width:1px;height:40%;background:var(--orange)}.visual-grow i:nth-child(2){height:62%}.visual-grow i:nth-child(3){height:80%}.visual-grow i:nth-child(4){height:100%;box-shadow:0 0 1rem var(--orange)}

/* Cases */
.cases{background:radial-gradient(circle at 85% 5%,rgba(242,140,0,.06),transparent 32rem),var(--bg)}.case-grid{display:grid;gap:1rem}.case-card{--mx:50%;--my:50%;position:relative;overflow:hidden;padding:.7rem;border:1px solid var(--line);border-radius:var(--radius);background:#101013;transition:transform 260ms var(--ease),border-color 260ms ease,box-shadow 260ms ease}.case-card::before{content:"";position:absolute;inset:0;opacity:0;background:radial-gradient(34rem circle at var(--mx) var(--my),rgba(242,140,0,.11),transparent 45%);transition:opacity 220ms ease;pointer-events:none}.case-card:hover{transform:translateY(-7px);border-color:rgba(242,140,0,.3);box-shadow:0 2.5rem 6rem rgba(0,0,0,.33)}.case-card:hover::before{opacity:1}.case-card>*{position:relative;z-index:1}.case-media{position:relative;overflow:hidden;display:block;aspect-ratio:16/11;border-radius:1rem;background:#17171b}.case-media::after{content:"";position:absolute;z-index:2;inset:0;background:linear-gradient(180deg,transparent 48%,rgba(5,5,7,.62));pointer-events:none}.case-media>img{width:100%;height:100%;object-fit:cover;object-position:top;transition:transform 650ms var(--ease)}.case-card:hover .case-media>img{transform:scale(1.035)}.case-live{position:absolute;z-index:5;top:.8rem;right:.8rem;display:flex;align-items:center;gap:.4rem;padding:.4rem .6rem;border:1px solid rgba(255,255,255,.14);border-radius:999px;background:rgba(7,7,9,.75);color:rgba(255,255,255,.8);font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:.55rem;letter-spacing:.08em;text-transform:uppercase;backdrop-filter:blur(10px)}.case-live i{width:.36rem;height:.36rem;border-radius:50%;background:var(--orange);box-shadow:0 0 .7rem var(--orange)}.case-logo{position:absolute;z-index:4;bottom:.75rem;left:.75rem;display:grid;width:5.6rem;height:3.2rem;place-items:center;padding:.45rem;border:1px solid rgba(255,255,255,.15);border-radius:.7rem;box-shadow:0 .8rem 2rem rgba(0,0,0,.28)}.case-logo img{width:100%;height:100%;object-fit:contain}.logo-surface-color{background:rgba(18,18,21,.92)}.logo-surface-dark{background:#08080a}.logo-surface-light{background:#f3f0e9}.case-copy{display:grid;gap:1.25rem;padding:1.35rem .8rem .8rem}.case-copy>div:first-child p{margin-bottom:.55rem;color:var(--orange);font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:.62rem;letter-spacing:.09em;text-transform:uppercase}.case-copy h3{font-size:clamp(1.55rem,3vw,2.5rem)}.case-copy>div:last-child>p{margin-bottom:1rem;font-size:.88rem}.logo-case-media{display:grid;place-items:center;background:radial-gradient(circle at center,rgba(242,140,0,.16),transparent 45%),#101013}.logo-case-grid{position:absolute;inset:0;background-image:linear-gradient(rgba(255,255,255,.035) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.035) 1px,transparent 1px);background-size:30px 30px;mask-image:radial-gradient(circle,#000,transparent 75%)}.logo-case-media>svg{position:absolute;width:52%;right:8%;opacity:.65}.case-logo-main{position:relative;z-index:3;display:grid;width:min(55%,15rem);height:8rem;place-items:center;padding:1.25rem;border:1px solid var(--line);border-radius:1.15rem;transform:rotate(-3deg);box-shadow:0 1.5rem 4rem rgba(0,0,0,.3)}.case-logo-main img{width:100%;height:100%;object-fit:contain}

/* Services */
.services{overflow:hidden;background:linear-gradient(180deg,#0d0d10,#09090b)}.services-grid{display:grid;gap:1rem}.service-card{--mx:50%;--my:50%;position:relative;overflow:hidden;display:flex;min-height:20rem;flex-direction:column;padding:1.55rem;border:1px solid var(--line);border-radius:var(--radius);background:linear-gradient(145deg,rgba(26,26,31,.96),rgba(14,14,17,.98));transition:transform 220ms var(--ease),border-color 220ms ease}.service-card::before{content:"";position:absolute;inset:0;opacity:0;background:radial-gradient(25rem circle at var(--mx) var(--my),rgba(242,140,0,.12),transparent 45%);transition:opacity 220ms ease}.service-card:hover{transform:translateY(-5px);border-color:rgba(242,140,0,.28)}.service-card:hover::before{opacity:1}.service-card>*{position:relative;z-index:2}.service-card>span{color:var(--quiet);font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:.6rem;letter-spacing:.1em;text-transform:uppercase}.service-symbol{display:grid;width:3.8rem;height:3.8rem;margin:auto 0 1.6rem;place-items:center;border:1px solid rgba(242,140,0,.22);border-radius:50%;background:rgba(242,140,0,.07);color:var(--orange);font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:.9rem;transition:transform 300ms var(--ease),background-color 300ms ease}.service-card:hover .service-symbol{transform:rotate(-12deg) scale(1.06);background:rgba(242,140,0,.13)}.service-card h3{font-size:clamp(1.65rem,3vw,2.65rem)}.service-card p{max-width:38ch;margin:.8rem 0 0;font-size:.9rem}.service-arrow{position:absolute;right:1.35rem;bottom:1.35rem;display:grid;width:2.7rem;height:2.7rem;place-items:center;border:1px solid var(--line);border-radius:50%;color:var(--quiet);font-style:normal;transition:color 180ms ease,border-color 180ms ease,transform 180ms ease}.service-card:hover .service-arrow{transform:rotate(15deg);border-color:var(--orange);color:var(--orange)}.service-hosting{background:radial-gradient(circle at 82% 25%,rgba(242,140,0,.17),transparent 18rem),linear-gradient(145deg,#1c1914,#101013)}

/* Infrastructure */
.infrastructure{overflow:hidden;background:#09090c}.infra-grid-bg{position:absolute;inset:0;opacity:.56;background-image:linear-gradient(rgba(255,255,255,.027) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.027) 1px,transparent 1px);background-size:48px 48px;mask-image:linear-gradient(#000,transparent 93%)}.infra-head{position:relative;z-index:2}.infra-layout{position:relative;z-index:2;display:grid;gap:2rem}.network-stage{position:relative;overflow:hidden;min-height:30rem;border:1px solid var(--line);border-radius:2rem;background:radial-gradient(circle at center,rgba(242,140,0,.13),transparent 37%),rgba(7,7,9,.72);box-shadow:inset 0 1px rgba(255,255,255,.05),0 2rem 6rem rgba(0,0,0,.25)}.network-grid{position:absolute;inset:0;opacity:.55;background-image:linear-gradient(rgba(255,255,255,.035) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.035) 1px,transparent 1px);background-size:32px 32px;mask-image:radial-gradient(circle,#000,transparent 76%)}.network-ring{position:absolute;top:50%;left:50%;border:1px solid rgba(255,255,255,.08);border-radius:50%;translate:-50% -50%}.ring-a{width:13rem;height:13rem;border-color:rgba(242,140,0,.25)}.ring-b{width:21rem;height:21rem}.ring-c{width:29rem;height:29rem}.network-core{position:absolute;z-index:3;top:50%;left:50%;display:grid;width:8.5rem;height:8.5rem;place-items:center;translate:-50% -50%;border:1px solid rgba(242,140,0,.4);border-radius:1.8rem;background:linear-gradient(145deg,#252018,#101013);box-shadow:0 0 0 .7rem rgba(242,140,0,.035),0 0 4rem rgba(242,140,0,.17)}.network-core .brand-mark{width:3rem;height:3rem}.network-core strong{margin-top:-1rem;font-size:.9rem}.network-core span{margin-top:-1.5rem;color:var(--quiet);font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:.5rem;text-transform:uppercase}.network-node{position:absolute;z-index:4;padding:.45rem .62rem;border:1px solid var(--line);border-radius:.55rem;background:rgba(16,16,19,.92);color:var(--muted);font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:.56rem;box-shadow:0 .8rem 2rem rgba(0,0,0,.28)}.network-node::before{content:"";position:absolute;width:.33rem;height:.33rem;border-radius:50%;background:var(--orange);box-shadow:0 0 .65rem var(--orange)}.node-whm{top:13%;left:13%}.node-whm::before{right:-.18rem;bottom:-.18rem}.node-cloudflare{top:15%;right:8%}.node-cloudflare::before{left:-.18rem;bottom:-.18rem}.node-email{top:52%;right:4%}.node-email::before{left:-.18rem;top:45%}.node-dns{right:17%;bottom:10%}.node-dns::before{top:-.18rem;left:-.18rem}.node-ssl{bottom:11%;left:13%}.node-ssl::before{top:-.18rem;right:-.18rem}.node-backup{top:48%;left:4%}.node-backup::before{right:-.18rem;top:45%}.network-pulse{position:absolute;top:50%;left:50%;width:9rem;height:9rem;translate:-50% -50%;border:1px solid rgba(242,140,0,.45);border-radius:50%;animation:network-pulse 3s ease-out infinite}.infra-features{display:grid;gap:.75rem}.infra-features article{position:relative;min-height:10rem;padding:1.3rem;border:1px solid var(--line);border-radius:1rem;background:linear-gradient(145deg,rgba(24,24,29,.95),rgba(13,13,16,.98));transition:transform 180ms ease,border-color 180ms ease}.infra-features article:hover{transform:translateY(-3px);border-color:rgba(242,140,0,.26)}.infra-features article>span{position:absolute;top:1rem;right:1rem;color:var(--orange);font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:.58rem}.infra-features h3{max-width:15ch;margin-top:1.6rem;font-size:1.15rem}.infra-features p{margin:.65rem 0 0;font-size:.8rem}.infra-signature{position:relative;z-index:2;max-width:25ch;margin:clamp(3.5rem,8vw,7rem) auto 0;color:var(--text);font-family:Manrope,Inter,sans-serif;font-size:clamp(1.9rem,4.5vw,4rem);font-weight:650;letter-spacing:-.045em;line-height:1.05;text-align:center}@keyframes network-pulse{0%{opacity:.7;scale:.6}80%,100%{opacity:0;scale:3}}

/* Team */
.team{background:linear-gradient(180deg,#0b0b0e,#08080a)}.team-grid{display:grid;gap:1rem}.team-card{padding:.7rem .7rem 1.5rem;border:1px solid var(--line);border-radius:var(--radius);background:#111114;transition:transform 220ms var(--ease),border-color 220ms ease}.team-card:hover{transform:translateY(-5px);border-color:var(--line-strong)}.team-portrait{position:relative;overflow:hidden;min-height:20rem;margin-bottom:1.35rem;border-radius:1rem;background:#17171b}.team-portrait::before{content:"";position:absolute;width:12rem;height:12rem;right:-3rem;bottom:-3rem;border:1px solid rgba(255,255,255,.06);transform:rotate(45deg)}.team-portrait::after{content:"";position:absolute;inset:0;background-image:linear-gradient(rgba(255,255,255,.03) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.03) 1px,transparent 1px);background-size:30px 30px;mask-image:linear-gradient(#000,transparent)}.team-portrait>span{position:absolute;z-index:3;top:1rem;left:1rem;color:var(--orange);font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:.6rem}.team-portrait i{position:absolute;z-index:2;width:10rem;height:14rem;bottom:-1rem;left:50%;translate:-50% 0;border-radius:7rem 7rem 1rem 1rem;background:linear-gradient(160deg,rgba(255,255,255,.16),rgba(255,255,255,.025));box-shadow:0 -2rem 5rem rgba(242,140,0,.08)}.portrait-strategy{background:radial-gradient(circle at 30% 25%,rgba(242,140,0,.2),transparent 45%),#151518}.portrait-build{background:radial-gradient(circle at 75% 22%,rgba(75,99,255,.16),transparent 45%),#151518}.portrait-growth{background:radial-gradient(circle at 25% 70%,rgba(242,140,0,.16),transparent 42%),#151518}.portrait-infra{background:radial-gradient(circle at 75% 70%,rgba(242,140,0,.18),transparent 42%),#111114}.team-card>p{margin:0 1rem .35rem;color:var(--orange);font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:.58rem;text-transform:uppercase}.team-card h3{margin-inline:1rem;font-size:1.45rem}.team-card .tags{margin:1rem 1rem 0}

/* Brands */
.brands{background:radial-gradient(circle at 10% 20%,rgba(242,140,0,.04),transparent 25rem),#0b0b0d}.logo-wall{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.65rem}.logo-tile{display:flex;min-height:10rem;flex-direction:column;padding:.6rem;border:1px solid var(--line);border-radius:1rem;background:rgba(255,255,255,.015);transition:transform 180ms ease,border-color 180ms ease,background-color 180ms ease}.logo-tile:hover{transform:translateY(-3px);border-color:var(--line-strong);background:rgba(255,255,255,.03)}.logo-tile>div{position:relative;display:grid;flex:1;min-height:6.5rem;place-items:center;overflow:hidden;padding:.8rem;border-radius:.7rem;background:#151518}.logo-tile.light>div{background:#f3f0e9}.logo-tile.dark>div{background:#070709}.logo-tile.color>div{background:#16161a}.logo-tile img{width:100%;height:4.6rem;max-width:88%;object-fit:contain;transition:transform 250ms var(--ease)}.logo-tile:hover img{transform:scale(1.04)}.logo-tile>span{padding:.6rem .35rem .15rem;color:var(--quiet);font-size:.62rem}.text-logo b{font-family:Manrope,Inter,sans-serif;font-size:1.25rem;letter-spacing:-.04em}.text-logo>div{background:radial-gradient(circle,rgba(242,140,0,.12),transparent 60%),#131316}

/* Process */
.process{background:var(--bg)}.process-list{position:relative}.process-line{position:absolute;top:0;bottom:0;left:.42rem;width:1px;background:var(--line)}.process-line i{display:block;width:100%;height:100%;transform:scaleY(0);transform-origin:top;background:var(--orange);box-shadow:0 0 1rem var(--orange);will-change:transform}.process-list article{position:relative;display:grid;gap:.85rem;padding:0 0 3.5rem 2.7rem}.process-list article:last-child{padding-bottom:0}.process-list article::before{content:"";position:absolute;z-index:2;top:.35rem;left:.13rem;width:.62rem;height:.62rem;border:2px solid var(--bg);border-radius:50%;background:var(--quiet);box-shadow:0 0 0 1px var(--line-strong);transition:background-color 180ms ease,box-shadow 180ms ease}.process-list article.is-active::before{background:var(--orange);box-shadow:0 0 1rem var(--orange)}.process-list article>b{color:var(--orange);font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:.62rem}.process-list h3{margin-bottom:.65rem;font-size:clamp(1.55rem,3.3vw,2.7rem)}.process-list p{max-width:62ch;margin-bottom:0}.process-list article>span{display:none;color:var(--orange);font-size:1.2rem}

/* CTA + footer */
.final-cta{position:relative;overflow:hidden;padding-block:clamp(7rem,15vw,13rem);border-top:1px solid var(--line);background:radial-gradient(circle at 50% 54%,rgba(242,140,0,.2),transparent 27rem),#09090b;text-align:center}.final-grid{position:absolute;inset:0;opacity:.5;background-image:linear-gradient(rgba(255,255,255,.025) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.025) 1px,transparent 1px);background-size:54px 54px;mask-image:radial-gradient(circle,#000,transparent 78%)}.final-v{position:absolute;width:min(62vw,39rem);top:50%;left:50%;translate:-50% -50%;filter:drop-shadow(0 2rem 5rem rgba(242,140,0,.08))}.final-cta .shell{position:relative;z-index:2}.final-cta .eyebrow{justify-content:center}.final-cta h2{max-width:16ch;margin:1.8rem auto 0;font-size:clamp(2.9rem,7.3vw,6.8rem);letter-spacing:-.06em;line-height:.93}.final-cta>div>p:not(.eyebrow){max-width:58ch;margin:1.8rem auto 2.2rem;font-size:clamp(1rem,1.6vw,1.25rem)}.final-cta .hero-actions{justify-content:center}.site-footer{padding:3rem 0;border-top:1px solid var(--line);background:#060608}.footer-inner{display:flex;flex-direction:column;gap:1.2rem}.footer-inner p{margin:0;font-size:.8rem}.footer-inner>a:last-child{color:var(--muted);font-size:.75rem}

/* Reveal + interaction */
.js [data-reveal]{opacity:0;transform:translateY(1.5rem);transition:opacity 700ms var(--ease),transform 700ms var(--ease)}.js [data-reveal].is-visible{opacity:1;transform:none}

@media(min-width:42rem){
  .hero-actions{flex-direction:row;align-items:center}.trust-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.trust-grid article{padding:1.5rem;border-right:1px solid var(--line);border-bottom:0}.trust-grid article:first-child{padding-left:0}.trust-wide{grid-column:span 2;border-top:1px solid var(--line)}.case-grid,.team-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.services-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.infra-features{grid-template-columns:repeat(2,minmax(0,1fr))}.logo-wall{grid-template-columns:repeat(3,minmax(0,1fr))}.final-cta .hero-actions{display:flex}.footer-inner{flex-direction:row;align-items:center;justify-content:space-between}.footer-inner p{max-width:28rem;text-align:center}
}

@media(min-width:60rem){
  :root{--header:5.35rem}.desktop-nav{display:flex}.header-cta{display:inline-flex!important}.menu-toggle{display:none}.mobile-nav{display:none!important}.hero-layout{grid-template-columns:minmax(0,1.16fr) minmax(27rem,.84fr);align-items:center;gap:clamp(2.5rem,5vw,6rem)}.hero-foot{grid-column:1/-1}.hero-art{min-height:37rem}.floating-project-a{height:14.5rem}.floating-project-b{height:11.5rem}.floating-project-c{display:block;height:8.5rem}.trust-grid{grid-template-columns:.75fr .75fr 1.5fr}.trust-wide{grid-column:auto;border-top:0}.trust-grid article{min-height:14rem;padding:1.75rem 2.2rem}.trust-grid article:first-child{padding-left:0}.trust-grid article:last-child{border-right:0}.section-head-split{display:grid;grid-template-columns:minmax(0,1.35fr) minmax(20rem,.65fr);align-items:end;gap:4rem;max-width:none}.section-head-split>p{margin:0 0 .3rem}.story-layout{grid-template-columns:18rem minmax(0,1fr);gap:clamp(3rem,7vw,7rem);align-items:start}.story-nav{position:sticky;top:calc(var(--header) + 2rem);display:grid;overflow:visible;gap:0;padding:0 0 0 1.7rem;border:0;background:none;backdrop-filter:none}.story-nav>a{flex:auto;padding:1rem 1.15rem}.story-progress{display:block;position:absolute;top:0;bottom:0;left:.35rem;width:1px;background:var(--line)}.story-progress i{display:block;width:100%;height:100%;transform:scaleY(0);transform-origin:top;background:var(--orange);box-shadow:0 0 .8rem var(--orange)}.story-panels{gap:1.25rem}.story-panel{min-height:42rem}.story-panel h3{margin-top:10rem}.case-grid{grid-template-columns:repeat(12,minmax(0,1fr));gap:1.15rem}.case-card-large{grid-column:span 7}.case-card:not(.case-card-large):not(.case-card-logo):not(.case-card-wide){grid-column:span 5}.case-card-logo{grid-column:span 5}.case-card-wide{grid-column:span 7}.case-card-large .case-media{aspect-ratio:16/10}.case-card-wide .case-media{aspect-ratio:16/9}.case-copy{grid-template-columns:minmax(0,.75fr) minmax(0,1.25fr);gap:2rem}.services-grid{grid-template-columns:repeat(12,minmax(0,1fr))}.service-wordpress{grid-column:span 7;min-height:26rem}.service-woo{grid-column:span 5;min-height:26rem}.service-seo,.service-geo,.service-media{grid-column:span 4}.service-tracking{grid-column:span 5}.service-hosting{grid-column:span 7}.service-security{grid-column:span 12;min-height:17rem;padding-right:40%}.service-security .service-symbol{margin-top:2.5rem}.infra-layout{grid-template-columns:minmax(29rem,1fr) minmax(0,.9fr);gap:clamp(2rem,5vw,5rem);align-items:center}.network-stage{min-height:38rem}.infra-features{grid-template-columns:repeat(2,minmax(0,1fr))}.team-grid{grid-template-columns:repeat(4,minmax(0,1fr))}.team-portrait{min-height:23rem}.logo-wall{grid-template-columns:repeat(5,minmax(0,1fr))}.logo-wide{grid-column:span 2}.process-list article{grid-template-columns:5rem minmax(0,1fr) 2rem;gap:2rem;padding-left:4rem;padding-bottom:4.5rem;align-items:start}.process-list article>span{display:block}.process-list article>b{padding-top:.4rem}.process-list article::before{left:.13rem}
}

@media(min-width:82rem){.hero-art{min-height:42rem}.floating-project-a{height:16.5rem}.floating-project-b{height:13rem}.floating-project-c{height:10rem}.network-stage{min-height:42rem}}

@media(max-width:25rem){.hero h1{font-size:2.9rem}.hero-art{min-height:23rem}.floating-project-a{height:8.2rem}.floating-project-b{height:6.8rem}.network-stage{min-height:25rem}.network-ring.ring-c{display:none}.logo-wall{grid-template-columns:1fr}}

@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*::before,*::after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}.js [data-reveal]{opacity:1;transform:none}.hero-art{transform:none!important}.case-card:hover,.service-card:hover,.team-card:hover,.logo-tile:hover{transform:none}.scroll-progress span,.story-progress i,.process-line i{will-change:auto}}

@media print{.site-header,.mobile-nav,.scroll-progress,.hero-art,.hero-grid,.hero-glow,.network-stage,.final-v,.final-grid{display:none!important}.hero{min-height:auto}.section,.hero,.final-cta{padding-block:2rem;background:#fff!important;color:#111}.section p,.hero p,.final-cta p{color:#333}.js [data-reveal]{opacity:1;transform:none}}

/* V2.1 polish */
.desktop-nav{gap:clamp(1.65rem,2.7vw,3.15rem)}
.desktop-nav a{padding:.7rem .12rem;font-size:.8rem;letter-spacing:.012em;transition:color 180ms ease}
.desktop-nav a::before{content:"";position:absolute;bottom:-.69rem;left:50%;width:.27rem;height:.27rem;border-radius:50%;background:var(--orange);opacity:0;transform:translate(-50%,.25rem);transition:opacity 180ms ease,transform 180ms var(--ease)}
.desktop-nav a:hover::before,.desktop-nav a:focus-visible::before{opacity:1;transform:translate(-50%,0)}
.desktop-nav a::after{bottom:-.55rem;background:linear-gradient(90deg,transparent,var(--orange),transparent)}
.header-inner{gap:clamp(1.5rem,3vw,3.5rem)}
.header-cta{white-space:nowrap}

.hero-video-slot{position:absolute;z-index:0;inset:7% 3% 4% 8%;overflow:hidden;border-radius:42% 58% 48% 52%;opacity:0;transition:opacity 700ms ease;pointer-events:none}
.hero-layout,.hero-copy,.hero-art,.hero-foot{min-width:0}
.hero-video-slot.is-ready{opacity:.22}
.hero-video-slot video{width:100%;height:100%;object-fit:cover;filter:saturate(.7) contrast(1.08);mix-blend-mode:screen}
.hero-art::after{content:"";position:absolute;z-index:2;inset:8% 2% 5% 7%;border-radius:50%;background:linear-gradient(115deg,transparent 25%,rgba(255,255,255,.055) 44%,transparent 62%);transform:rotate(-12deg);animation:hero-sheen 9s ease-in-out infinite;pointer-events:none}
.floating-project{will-change:transform;backface-visibility:hidden}
.floating-project-a{animation:project-float-a 7.8s var(--ease) infinite}
.floating-project-b{animation:project-float-b 8.6s var(--ease) -2.3s infinite}
.floating-project-c{animation:project-float-c 7.2s var(--ease) -4s infinite}
.floating-project-d{display:none;width:31%;height:7.5rem;left:27%;bottom:1%;transform:rotate(-2deg);animation:project-float-d 9.2s var(--ease) -5.1s infinite}
.floating-project figcaption{box-shadow:inset 0 1px rgba(255,255,255,.06),0 .8rem 2rem rgba(0,0,0,.2)}
@keyframes project-float-a{0%,100%{transform:rotate(-4deg) translate3d(0,0,0)}50%{transform:rotate(-2.8deg) translate3d(0,-.8rem,0)}}
@keyframes project-float-b{0%,100%{transform:rotate(4deg) translate3d(0,0,0)}50%{transform:rotate(2.6deg) translate3d(.25rem,-.65rem,0)}}
@keyframes project-float-c{0%,100%{transform:rotate(2deg) translate3d(0,0,0)}50%{transform:rotate(3.4deg) translate3d(-.2rem,-.55rem,0)}}
@keyframes project-float-d{0%,100%{transform:rotate(-2deg) translate3d(0,0,0)}50%{transform:rotate(-.7deg) translate3d(.2rem,-.6rem,0)}}
@keyframes hero-sheen{0%,20%,100%{opacity:0;translate:-10% 0}45%,60%{opacity:1;translate:8% 0}}

.story-panel{--mx:75%;--my:78%;transition:transform 320ms var(--ease),border-color 260ms ease,box-shadow 320ms ease}
.story-panel::before{content:"";position:absolute;z-index:1;inset:0;opacity:0;background:radial-gradient(30rem circle at var(--mx) var(--my),rgba(242,140,0,.13),transparent 48%);transition:opacity 260ms ease;pointer-events:none}
.story-panel:hover,.story-panel:focus-visible,.story-panel.is-active{border-color:rgba(242,140,0,.28);box-shadow:0 2rem 6rem rgba(0,0,0,.22),inset 0 1px rgba(255,255,255,.07)}
.story-panel:hover,.story-panel:focus-visible{transform:translateY(-5px)}
.story-panel:hover::before,.story-panel:focus-visible::before,.story-panel.is-active::before{opacity:1}
.story-panel:focus-visible{outline:1px solid var(--orange);outline-offset:5px}
.story-icon{transition:transform 300ms var(--ease),background-color 300ms ease,border-color 300ms ease}
.story-panel:hover .story-icon,.story-panel.is-active .story-icon{transform:rotate(12deg);border-color:rgba(242,140,0,.5);background:var(--orange-soft)}

.case-card{box-shadow:inset 0 1px rgba(255,255,255,.035)}
.case-card::after{content:"";position:absolute;z-index:2;inset:0;border-radius:inherit;box-shadow:inset 0 0 0 1px rgba(242,140,0,0);transition:box-shadow 260ms ease;pointer-events:none}
.case-card:hover::after{box-shadow:inset 0 0 0 1px rgba(242,140,0,.14),0 0 3rem rgba(242,140,0,.045)}
.case-media{box-shadow:inset 0 1px rgba(255,255,255,.06)}
.case-media>img{filter:saturate(.94) contrast(1.015)}
.case-card:hover .case-media>img{filter:saturate(1.05) contrast(1.02);transform:scale(1.045)}
.case-role{display:block;margin-bottom:.45rem;color:var(--quiet);font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:.56rem;font-weight:650;letter-spacing:.1em;text-transform:uppercase}
.case-action{display:inline-flex;align-items:center;gap:.55rem;margin-top:1.25rem;padding-bottom:.25rem;border-bottom:1px solid rgba(242,140,0,.34);color:var(--text);font-size:.74rem;font-weight:700}
.case-action span{color:var(--orange);transition:transform 200ms var(--ease)}
.case-action:hover span{transform:translate(.18rem,-.18rem)}
.case-action:hover{border-color:var(--orange)}
.case-card-imou .case-media>img{object-position:center top}
.logo-case-light{background:radial-gradient(circle at center,rgba(242,140,0,.14),transparent 48%),linear-gradient(145deg,#242426,#111114)}
.media-placeholder-badge{position:absolute;z-index:4;top:.8rem;left:.8rem;padding:.38rem .55rem;border:1px solid var(--line);border-radius:999px;background:rgba(7,7,9,.75);color:var(--quiet);font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:.52rem;letter-spacing:.08em;text-transform:uppercase;backdrop-filter:blur(10px)}

.service-card{box-shadow:inset 0 1px rgba(255,255,255,.035),0 0 0 rgba(0,0,0,0)}
.service-card:hover{transform:translateY(-7px);box-shadow:0 2.2rem 5rem rgba(0,0,0,.25),inset 0 1px rgba(255,255,255,.07)}
.service-card::after{content:"";position:absolute;right:-3rem;bottom:-4rem;width:11rem;height:11rem;border:1px solid rgba(242,140,0,.1);border-radius:50%;transition:transform 450ms var(--ease),border-color 300ms ease}
.service-card:hover::after{border-color:rgba(242,140,0,.28);transform:translate(-1rem,-1rem) scale(1.08)}
.service-social{background:radial-gradient(circle at 78% 20%,rgba(242,140,0,.12),transparent 14rem),linear-gradient(145deg,#17171d,#101013)}
.service-maintenance{background:linear-gradient(120deg,rgba(242,140,0,.12),transparent 35%),linear-gradient(145deg,#1a1815,#101013)}

.network-links{position:absolute;z-index:1;inset:0;width:100%;height:100%;overflow:visible}
.network-links path{fill:none;stroke:rgba(242,140,0,.24);stroke-width:1;stroke-dasharray:5 9;animation:network-flow 12s linear infinite}
.network-links circle{fill:var(--orange);filter:drop-shadow(0 0 .55rem var(--orange))}
.network-stage::after{content:"";position:absolute;inset:0;border-radius:inherit;box-shadow:inset 0 0 6rem rgba(242,140,0,.04);pointer-events:none}
.network-status{position:absolute;z-index:5;right:1rem;bottom:1rem;left:1rem;display:flex;align-items:center;gap:.45rem;overflow:hidden;padding:.55rem;border:1px solid var(--line);border-radius:.75rem;background:rgba(9,9,12,.82);backdrop-filter:blur(14px)}
.network-status span{display:inline-flex;align-items:center;gap:.35rem;white-space:nowrap;padding:.28rem .48rem;border:1px solid rgba(255,255,255,.07);border-radius:.4rem;color:var(--quiet);font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:.5rem;text-transform:uppercase}
.network-status span:first-child{color:var(--muted)}
.network-status i{width:.32rem;height:.32rem;border-radius:50%;background:var(--orange);box-shadow:0 0 .6rem var(--orange)}
.infra-features article{overflow:hidden;box-shadow:inset 0 1px rgba(255,255,255,.035)}
.infra-features article::before{content:"";position:absolute;top:0;right:100%;left:0;height:1px;background:linear-gradient(90deg,transparent,var(--orange));transition:right 420ms var(--ease)}
.infra-features article:hover::before{right:0}
.infra-features article:hover{transform:translateY(-5px);border-color:rgba(242,140,0,.32);box-shadow:0 1.4rem 3.5rem rgba(0,0,0,.22)}
@keyframes network-flow{to{stroke-dashoffset:-140}}

.team-card{position:relative;overflow:hidden;box-shadow:inset 0 1px rgba(255,255,255,.035);transition:transform 280ms var(--ease),border-color 220ms ease,box-shadow 280ms ease}
.team-card::after{content:"";position:absolute;inset:0;opacity:0;background:linear-gradient(145deg,transparent 65%,rgba(242,140,0,.07));transition:opacity 250ms ease;pointer-events:none}
.team-card:hover{transform:translateY(-7px);border-color:rgba(242,140,0,.25);box-shadow:0 2rem 5rem rgba(0,0,0,.26)}
.team-card:hover::after{opacity:1}
.team-portrait>b{position:absolute;z-index:4;top:50%;left:50%;translate:-50% -50%;color:rgba(255,255,255,.85);font-family:Manrope,Inter,sans-serif;font-size:clamp(2rem,4vw,3.5rem);letter-spacing:-.08em;text-shadow:0 1rem 3rem rgba(0,0,0,.4)}
.team-portrait i{opacity:.72;transition:transform 500ms var(--ease),opacity 300ms ease}
.team-card:hover .team-portrait i{opacity:1;transform:translateY(-.45rem) scale(1.03)}
.team-card>p{display:flex;align-items:center;gap:.4rem}
.team-card>p span{width:.35rem;height:.35rem;border-radius:50%;background:var(--orange);box-shadow:0 0 .65rem var(--orange)}
.portrait-creative{background:radial-gradient(circle at 23% 25%,rgba(242,140,0,.24),transparent 43%),radial-gradient(circle at 82% 73%,rgba(218,88,255,.11),transparent 38%),#151518}
.portrait-support{background:radial-gradient(circle at 78% 22%,rgba(242,140,0,.18),transparent 42%),radial-gradient(circle at 24% 75%,rgba(80,141,255,.11),transparent 40%),#111114}

.logo-tile{min-height:10.5rem}
.logo-tile>div{min-height:7rem}
.logo-tile img{filter:grayscale(1);opacity:.72;transition:filter 260ms ease,opacity 260ms ease,transform 260ms var(--ease)}
.logo-tile:hover img{filter:grayscale(0);opacity:1;transform:scale(1.045)}
.logo-tile.light>div{box-shadow:inset 0 0 0 1px rgba(7,7,9,.035)}
.logo-tile.dark>div,.logo-tile.color>div{box-shadow:inset 0 1px rgba(255,255,255,.045)}
.text-logo b{opacity:.72;filter:grayscale(1);transition:opacity 260ms ease,color 260ms ease}
.text-logo:hover b{color:var(--orange-hot);opacity:1}

@media(min-width:60rem){
  .floating-project-d{display:block}
  .hero-tech{bottom:-.35rem}
  .case-card-imou{grid-column:span 7!important}
  .case-card-enpack{grid-column:span 5!important}
  .service-tracking{grid-column:span 5}
  .service-social{grid-column:span 7}
  .service-hosting{grid-column:span 7}
  .service-security{grid-column:span 5;min-height:20rem;padding-right:1.55rem}
  .service-security .service-symbol{margin:auto 0 1.6rem}
  .service-maintenance{grid-column:span 12;min-height:17rem;padding-right:40%}
  .service-maintenance .service-symbol{margin-top:2.5rem}
  .team-grid{grid-template-columns:repeat(3,minmax(0,1fr))}
  .team-portrait{min-height:21rem}
  .logo-wall{grid-template-columns:repeat(6,minmax(0,1fr))}
  .logo-wide{grid-column:span 2}
}

@media(max-width:59.99rem){
  .network-status{overflow-x:auto;mask-image:linear-gradient(90deg,#000 88%,transparent)}
}

@media(max-width:41.99rem){
  html,body{max-width:100%}
  .shell{width:100%;max-width:100%;min-width:0}
  .header-inner{width:100%;max-width:100%;min-width:0}
  .menu-toggle{flex:0 0 auto;margin-left:auto}
  .hero-layout{width:100%;max-width:100%;grid-template-columns:minmax(0,1fr);overflow:hidden}
  .hero-copy{width:100%;max-width:100%;overflow:hidden}
  .hero-copy .eyebrow{max-width:100%;font-size:.56rem;white-space:normal}
  .hero h1{max-width:100%;font-size:clamp(3rem,13vw,3.45rem)}
  .hero-lead,.hero-actions,.hero-foot{width:100%;max-width:100%}
  .hero-actions .button{width:100%;min-width:0}
  .floating-project-d{display:none}
  .case-action{margin-top:1rem}
  .media-placeholder-badge{font-size:.47rem}
  .team-portrait{min-height:18rem}
  .logo-tile{min-height:9rem}
  .logo-tile>div{min-height:6rem}
}

@media(prefers-reduced-motion:reduce){
  .hero-art::after,.floating-project,.network-links path{animation:none!important}
  .floating-project-a{transform:rotate(-4deg)}
  .floating-project-b{transform:rotate(4deg)}
  .floating-project-c{transform:rotate(2deg)}
  .floating-project-d{transform:rotate(-2deg)}
  .story-panel:hover,.story-panel:focus-visible,.infra-features article:hover{transform:none}
}

/* Founder-led hero */
.brand{width:11.2rem;height:3.25rem;padding:.28rem .48rem;border:1px solid rgba(255,255,255,.11);border-radius:.68rem;background:#fff;box-shadow:0 .8rem 2.4rem rgba(0,0,0,.18);overflow:hidden}
.brand-logo{width:100%;height:100%;object-fit:contain;transform:scale(1.1)}
.site-footer .brand{width:9.6rem;height:3rem}

.hero-art-human{min-height:42rem;isolation:isolate}
.hero-art-human::before{content:"";position:absolute;z-index:0;inset:5% 0 3% 8%;border:1px solid rgba(255,255,255,.07);border-radius:46% 54% 49% 51%;background:radial-gradient(circle at 67% 28%,rgba(242,140,0,.16),transparent 38%),linear-gradient(145deg,rgba(255,255,255,.025),transparent 60%);transform:rotate(-4deg)}
.portrait-glow{position:absolute;z-index:0;width:76%;aspect-ratio:1;right:-3%;top:7%;border-radius:50%;background:radial-gradient(circle,rgba(242,140,0,.28),rgba(242,140,0,.06) 42%,transparent 70%);filter:blur(18px);animation:portrait-glow 7s ease-in-out infinite}
.portrait-v{position:absolute;z-index:1;width:58%;height:auto;right:0;top:2%;filter:drop-shadow(0 2.5rem 5rem rgba(242,140,0,.15));transform:rotate(3deg)}
.founder-portrait{position:absolute;z-index:3;right:5%;bottom:1.25rem;width:68%;height:88%;margin:0;overflow:hidden;border:1px solid rgba(255,255,255,.23);border-radius:13rem 13rem 1.55rem 1.55rem;background:linear-gradient(180deg,#fff,#eeeae2);box-shadow:0 2.8rem 7rem rgba(0,0,0,.48),inset 0 1px rgba(255,255,255,.8);animation:portrait-float 8s var(--ease) infinite}
.founder-portrait::after{content:"";position:absolute;inset:0;box-shadow:inset 0 0 0 1px rgba(7,7,9,.05),inset 0 -5rem 5rem rgba(7,7,9,.05);pointer-events:none}
.founder-portrait>img{width:100%;height:100%;object-fit:contain;object-position:center bottom;filter:saturate(.95) contrast(1.015)}
.founder-label{position:absolute;z-index:3;top:4.4rem;right:1.15rem;left:1.15rem;display:flex;align-items:center;justify-content:space-between;gap:.75rem;padding:.58rem .72rem;border:1px solid rgba(7,7,9,.1);border-radius:.62rem;background:rgba(255,255,255,.78);color:#111114;box-shadow:0 .8rem 2rem rgba(0,0,0,.07);backdrop-filter:blur(12px)}
.founder-label span{display:flex;align-items:center;gap:.42rem;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:.5rem;letter-spacing:.08em;text-transform:uppercase}
.founder-label i{width:.34rem;height:.34rem;border-radius:50%;background:var(--orange);box-shadow:0 0 .55rem var(--orange)}
.founder-label strong{font-family:Manrope,Inter,sans-serif;font-size:.68rem;letter-spacing:-.03em}

.hero-service-chips{position:absolute;z-index:5;top:6%;left:-2%;display:flex;width:47%;flex-wrap:wrap;gap:.42rem}
.hero-service-chips span{padding:.48rem .68rem;border:1px solid rgba(255,255,255,.13);border-radius:999px;background:rgba(11,11,14,.84);color:rgba(255,255,255,.78);font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:.52rem;letter-spacing:.055em;box-shadow:0 .7rem 1.8rem rgba(0,0,0,.2);backdrop-filter:blur(12px);transition:color 180ms ease,border-color 180ms ease,transform 180ms var(--ease)}
.hero-service-chips span:nth-child(2),.hero-service-chips span:nth-child(5){border-color:rgba(242,140,0,.3);color:var(--orange-hot)}
.hero-service-chips span:hover{transform:translateY(-2px);border-color:rgba(242,140,0,.48);color:#fff}

.hero-proof-chips{position:absolute;z-index:5;top:31%;left:-3%;display:grid;width:43%;gap:.5rem}
.hero-proof-chips>span{display:flex;align-items:center;gap:.5rem;min-height:2.85rem;padding:.58rem .72rem;border:1px solid rgba(255,255,255,.14);border-radius:.72rem;background:rgba(10,10,12,.88);color:var(--muted);font-size:.61rem;line-height:1.3;box-shadow:0 1rem 2.5rem rgba(0,0,0,.24);backdrop-filter:blur(14px)}
.hero-proof-chips strong{color:#fff;font-family:Manrope,Inter,sans-serif;font-size:1rem;letter-spacing:-.04em}
.hero-proof-chips i{flex:none;width:.4rem;height:.4rem;border-radius:50%;background:var(--orange);box-shadow:0 0 .75rem var(--orange)}

.hero-project-strip{position:absolute;z-index:6;right:0;bottom:0;display:grid;width:62%;grid-template-columns:repeat(3,minmax(0,1fr));gap:.38rem;padding:.48rem;border:1px solid rgba(255,255,255,.14);border-radius:.9rem;background:rgba(8,8,10,.9);box-shadow:0 1.4rem 3rem rgba(0,0,0,.35);backdrop-filter:blur(14px)}
.hero-project-strip>p{grid-column:1/-1;display:flex;align-items:center;gap:.4rem;margin:0;padding:.05rem .2rem .22rem;color:var(--quiet);font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:.48rem;letter-spacing:.1em;text-transform:uppercase}
.hero-project-strip>p i{width:.34rem;height:.34rem;border-radius:50%;background:var(--orange);box-shadow:0 0 .5rem var(--orange)}
.hero-project-strip figure{position:relative;overflow:hidden;margin:0;border:1px solid rgba(255,255,255,.08);border-radius:.55rem;background:#17171b}
.hero-project-strip img{width:100%;height:3.45rem;object-fit:cover;object-position:top;transition:transform 350ms var(--ease)}
.hero-project-strip figure:hover img{transform:scale(1.06)}
.hero-project-strip figcaption{position:absolute;right:.2rem;bottom:.2rem;left:.2rem;overflow:hidden;padding:.22rem .3rem;border-radius:.3rem;background:rgba(7,7,9,.75);color:rgba(255,255,255,.78);font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:.43rem;text-overflow:ellipsis;white-space:nowrap;backdrop-filter:blur(8px)}

@keyframes portrait-float{0%,100%{transform:translateY(0)}50%{transform:translateY(-.45rem)}}
@keyframes portrait-glow{0%,100%{opacity:.7;transform:scale(.96)}50%{opacity:1;transform:scale(1.05)}}

@media(min-width:60rem){
  .hero-layout{grid-template-columns:minmax(0,1.12fr) minmax(29rem,.88fr)}
  .hero h1{font-size:clamp(3.25rem,6.5vw,6.7rem)}
}

@media(max-width:59.99rem){
  .hero-art-human{min-height:46rem;width:min(100%,38rem)}
  .founder-portrait{right:8%;width:67%;height:83%}
}

@media(max-width:41.99rem){
  .brand{width:9.3rem;height:2.9rem;padding:.25rem .38rem}
  .hero-art-human{min-height:48rem;margin-top:.5rem;overflow:visible}
  .hero-art-human::before{inset:1.5rem 0 10rem 0}
  .portrait-v{width:64%;top:1%;right:0}
  .portrait-glow{width:92%;right:-8%;top:5%}
  .founder-portrait{top:1.75rem;right:auto;bottom:auto;left:50%;width:82%;height:29.5rem;border-radius:10rem 10rem 1.2rem 1.2rem;transform:translateX(-50%);animation:none}
  .founder-label{top:auto;right:.8rem;bottom:.8rem;left:.8rem}
  .hero-service-chips{top:30.1rem;right:0;left:0;width:100%;justify-content:center}
  .hero-service-chips span{font-size:.47rem}
  .hero-proof-chips{top:35.7rem;right:0;left:0;width:100%;grid-template-columns:repeat(2,minmax(0,1fr));gap:.42rem}
  .hero-proof-chips>span{min-height:2.7rem;font-size:.54rem}
  .hero-proof-chips>span:last-child{grid-column:1/-1;justify-content:center}
  .hero-project-strip{right:0;bottom:.25rem;left:0;width:100%}
  .hero-project-strip img{height:3.2rem}
}

@media(max-width:25rem){
  .hero-art-human{min-height:45rem}
  .founder-portrait{width:88%;height:27.5rem}
  .hero-service-chips{top:28rem}
  .hero-proof-chips{top:34rem}
}

@media(prefers-reduced-motion:reduce){
  .founder-portrait,.portrait-glow{animation:none!important}
  .hero-service-chips span:hover{transform:none}
}

/* Simplified transparent-portrait hero */
.hero-layout{gap:clamp(3rem,7vw,7rem)}
.hero-copy{max-width:44rem}
.hero h1{max-width:13ch;font-size:clamp(3.5rem,5.4vw,5.5rem);line-height:.94}
.hero-lead{max-width:50ch;margin:1.65rem 0 2rem}
.hero-art-human{min-height:39rem}
.hero-art-human::before{inset:5% 0 4% 5%;border:0;border-radius:0;background-image:linear-gradient(rgba(255,255,255,.028) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.028) 1px,transparent 1px);background-size:38px 38px;mask-image:radial-gradient(circle at 62% 48%,#000 20%,transparent 72%);transform:none}
.portrait-glow{width:82%;right:-4%;top:5%;background:radial-gradient(circle,rgba(242,140,0,.3),rgba(242,140,0,.075) 42%,transparent 70%)}
.portrait-v{width:62%;right:-2%;top:1%;opacity:.7;filter:drop-shadow(0 2.5rem 5rem rgba(242,140,0,.14))}
.portrait-orbit{position:absolute;z-index:1;top:48%;left:62%;border:1px solid rgba(255,255,255,.11);border-radius:50%;translate:-50% -50%;pointer-events:none}
.portrait-orbit-a{width:27rem;height:27rem;border-color:rgba(242,140,0,.22);animation:portrait-orbit 28s linear infinite}
.portrait-orbit-b{width:19rem;height:19rem;border-style:dashed;animation:portrait-orbit 20s linear infinite reverse}
.portrait-orbit::after{content:"";position:absolute;top:50%;left:-.28rem;width:.48rem;height:.48rem;border-radius:50%;background:var(--orange);box-shadow:0 0 .9rem var(--orange)}
.founder-portrait{right:-1%;bottom:0;width:82%;height:98%;overflow:visible;border:0;border-radius:0;background:transparent;box-shadow:none;animation:portrait-float 9s var(--ease) infinite}
.founder-portrait::after{display:none}
.founder-portrait>img{width:100%;height:100%;object-fit:contain;object-position:center bottom;filter:drop-shadow(0 2.7rem 3.5rem rgba(0,0,0,.48)) saturate(.96) contrast(1.02)}
.hero-service-chips{top:10%;left:-1%;width:47%;gap:.42rem}
.hero-service-chips span{padding:.46rem .66rem;background:rgba(10,10,13,.78)}
.hero-proof-chips{top:auto;right:0;bottom:1.5%;left:0;display:flex;width:100%;justify-content:flex-start;gap:.42rem}
.hero-proof-chips>span{min-height:2.25rem;padding:.42rem .62rem;border-radius:999px;background:rgba(9,9,12,.78);font-size:.53rem;box-shadow:0 .7rem 1.8rem rgba(0,0,0,.2)}
.hero-proof-chips strong{font-size:.78rem}
.hero-proof-chips>span:last-child{flex:0 1 auto}
@keyframes portrait-orbit{to{rotate:360deg}}

@media(min-width:60rem){
  .hero-layout{grid-template-columns:minmax(0,1.02fr) minmax(29rem,.98fr)}
  .hero h1{font-size:clamp(3.5rem,5.4vw,5.5rem)}
}

@media(max-width:59.99rem){
  .hero-art-human{min-height:40rem}
  .founder-portrait{right:0;width:86%;height:96%}
}

@media(max-width:41.99rem){
  .hero{padding-top:calc(var(--header) + 3.5rem)}
  .hero-copy{max-width:100%}
  .hero h1{max-width:12ch;font-size:clamp(2.85rem,12.5vw,3.35rem);line-height:.96}
  .hero-lead{margin:1.35rem 0 1.75rem;font-size:.98rem;line-height:1.62}
  .hero-art-human{min-height:39rem;margin-top:1.75rem}
  .hero-art-human::before{inset:2rem 0 3rem}
  .portrait-v{width:68%;right:-4%;top:5%}
  .portrait-glow{width:100%;right:-13%;top:7%}
  .portrait-orbit{left:58%}
  .portrait-orbit-a{width:21rem;height:21rem}
  .portrait-orbit-b{width:15rem;height:15rem}
  .founder-portrait{top:3.4rem;right:auto;bottom:auto;left:50%;width:98%;height:30.5rem;transform:translateX(-50%);animation:none}
  .hero-service-chips{top:0;right:0;left:0;width:100%;justify-content:center}
  .hero-service-chips span{padding:.42rem .58rem;font-size:.45rem}
  .hero-proof-chips{right:0;bottom:.3rem;left:0;display:grid;width:100%;grid-template-columns:repeat(2,minmax(0,1fr));gap:.38rem}
  .hero-proof-chips>span{justify-content:center;min-height:2.2rem;font-size:.5rem}
  .hero-proof-chips>span:last-child{grid-column:1/-1}
}

@media(max-width:25rem){
  .hero h1{font-size:2.75rem}
  .hero-art-human{min-height:37rem}
  .founder-portrait{top:3.8rem;width:104%;height:28rem}
}

@media(prefers-reduced-motion:reduce){
  .portrait-orbit{animation:none!important}
  .founder-portrait{animation:none!important}
}

/* Final approved hero mini-polish */
.brand{width:11rem;height:3.15rem;padding:.22rem .42rem;border:1px solid rgba(255,255,255,.075);border-radius:.6rem;background:rgba(255,255,255,.025);box-shadow:inset 0 1px rgba(255,255,255,.035);overflow:hidden}
.brand-logo{object-fit:contain;transform:scale(1.2)}
.site-footer .brand{width:10.3rem;height:3rem;background:rgba(255,255,255,.02)}
.hero-lead{max-width:52ch;margin:1.8rem 0 2.25rem;font-size:clamp(1.08rem,1.65vw,1.28rem);line-height:1.74}
.hero-service-chips{top:11%;left:1%;display:grid;width:auto;grid-template-columns:repeat(2,max-content);gap:.45rem}
.hero-service-chips span{min-width:6rem;padding:.5rem .75rem;text-align:center}
.hero-service-chips span:nth-child(4){border-color:rgba(242,140,0,.3);color:var(--orange-hot)}
.hero-proof-chips{right:auto;bottom:1.2%;left:1%;display:grid;width:auto;grid-template-columns:repeat(3,max-content);align-items:stretch;gap:.42rem}
.hero-proof-chips>span{justify-content:center;min-height:2.55rem;padding:.5rem .72rem;border-radius:.7rem;border-color:rgba(255,255,255,.12);background:rgba(9,9,12,.84);font-size:.58rem;line-height:1.2}
.hero-proof-chips strong{font-size:.9rem}
.hero-proof-chips>span:last-child{min-width:10.8rem}
.founder-portrait{right:-4%;bottom:-3%;width:88%;height:104%}
.founder-portrait>img{filter:drop-shadow(0 2.8rem 4rem rgba(0,0,0,.52)) drop-shadow(0 0 2.5rem rgba(242,140,0,.07)) saturate(.97) contrast(1.02)}
.portrait-glow{width:88%;right:-7%;opacity:.95}
.portrait-v{right:-4%;width:65%;opacity:.74}

@media(max-width:59.99rem){
  .founder-portrait{right:-2%;width:92%;height:101%}
}

@media(max-width:41.99rem){
  .brand{width:9.6rem;height:2.8rem;padding:.18rem .32rem;background:rgba(255,255,255,.025)}
  .brand-logo{transform:scale(1.17)}
  .hero-lead{margin:1.5rem 0 1.95rem;font-size:1.03rem;line-height:1.72}
  .hero-service-chips{top:0;right:0;left:0;width:100%;grid-template-columns:repeat(4,minmax(0,1fr));gap:.35rem}
  .hero-service-chips span{min-width:0;padding:.43rem .35rem;font-size:.45rem}
  .founder-portrait{top:2.8rem;right:auto;bottom:auto;left:50%;width:108%;height:31.5rem}
  .hero-proof-chips{right:0;bottom:.2rem;left:0;width:100%;grid-template-columns:repeat(2,minmax(0,1fr));gap:.38rem}
  .hero-proof-chips>span{min-height:2.35rem;padding:.45rem .52rem;font-size:.54rem}
  .hero-proof-chips strong{font-size:.82rem}
  .hero-proof-chips>span:last-child{grid-column:1/-1;min-width:0}
}

@media(max-width:25rem){
  .founder-portrait{top:3rem;width:112%;height:29rem}
}

/* Approved proof-chip emphasis */
.hero-service-chips{gap:.5rem}
.hero-service-chips span{min-width:6.2rem;letter-spacing:.065em}
.hero-proof-chips{bottom:1.6%;left:2%;gap:.55rem;animation:proof-group-in 780ms var(--ease) 260ms both}
.hero-proof-chips>span{min-height:3.45rem;padding:.72rem 1rem;border:1px solid rgba(255,255,255,.16);border-radius:.92rem;background:linear-gradient(145deg,rgba(24,24,28,.94),rgba(9,9,12,.9));color:rgba(255,255,255,.7);font-size:.68rem;font-weight:600;letter-spacing:.005em;box-shadow:inset 0 1px rgba(255,255,255,.07),0 1.15rem 2.8rem rgba(0,0,0,.28);backdrop-filter:blur(16px);animation:proof-float 6.4s var(--ease) infinite}
.hero-proof-chips>span:nth-child(2){animation-delay:-2.1s}
.hero-proof-chips>span:nth-child(3){min-width:14.2rem;animation-delay:-4.2s}
.hero-proof-chips strong{color:#fff;font-size:1.18rem;font-weight:750;line-height:1;letter-spacing:-.045em}
.hero-proof-chips i{width:.48rem;height:.48rem;animation:proof-glow 2.8s ease-in-out infinite}
@keyframes proof-group-in{from{opacity:0;transform:translateY(.85rem)}to{opacity:1;transform:none}}
@keyframes proof-float{0%,100%{transform:translateY(0)}50%{transform:translateY(-.2rem)}}
@keyframes proof-glow{0%,100%{box-shadow:0 0 .55rem rgba(242,140,0,.7)}50%{box-shadow:0 0 1.15rem var(--orange)}}

@media(max-width:41.99rem){
  .hero-art-human{min-height:43rem}
  .hero-service-chips{gap:.4rem}
  .hero-service-chips span{min-width:0;letter-spacing:.055em}
  .hero-proof-chips{right:0;bottom:.25rem;left:0;gap:.48rem}
  .hero-proof-chips>span{min-height:3.25rem;padding:.68rem .75rem;border-radius:.82rem;font-size:.62rem;line-height:1.25}
  .hero-proof-chips>span:nth-child(3){min-width:0}
  .hero-proof-chips strong{font-size:1.03rem}
}

@media(max-width:25rem){
  .hero-art-human{min-height:41.5rem}
  .hero-proof-chips>span{font-size:.57rem}
}

@media(prefers-reduced-motion:reduce){
  .hero-proof-chips,.hero-proof-chips>span,.hero-proof-chips i{animation:none!important}
}

/* Focused content and UI refinements */
.story{padding-top:clamp(4.75rem,8vw,7.25rem)}

.hero-grid{animation:grid-drift 18s linear infinite,hero-grid-pulse 7s ease-in-out infinite}
.hero-art-human::before{opacity:.9;animation:portrait-grid-drift 16s linear infinite}
.hero-art-human::after{content:"";position:absolute;z-index:0;width:78%;aspect-ratio:1;top:8%;right:-5%;border-radius:50%;background:conic-gradient(from 20deg,transparent 0 58%,rgba(242,140,0,.28) 68%,transparent 79%);mask:radial-gradient(farthest-side,transparent calc(100% - 2px),#000 0);filter:drop-shadow(0 0 1.2rem rgba(242,140,0,.18));animation:hero-aura-spin 24s linear infinite;pointer-events:none}
.portrait-glow{animation:portrait-glow 5.8s ease-in-out infinite}
.portrait-v{animation:portrait-v-drift 8.5s var(--ease) infinite}
.portrait-orbit{box-shadow:inset 0 0 2.5rem rgba(242,140,0,.025),0 0 2rem rgba(242,140,0,.04)}
.portrait-orbit-a{border-color:rgba(242,140,0,.32);animation-duration:22s}
.portrait-orbit-b{border-color:rgba(255,255,255,.16);animation-duration:16s}
.portrait-orbit::before{content:"";position:absolute;right:9%;bottom:9%;width:.34rem;height:.34rem;border-radius:50%;background:#fff;box-shadow:0 0 .8rem rgba(255,255,255,.75)}

.hero-service-chips{top:7%;left:-3%;grid-template-columns:repeat(2,max-content);gap:.55rem;animation:chip-group-in 700ms var(--ease) 160ms both}
.hero-service-chips span{min-width:7.7rem;padding:.62rem .9rem;border-color:rgba(255,255,255,.17);background:linear-gradient(145deg,rgba(25,25,29,.94),rgba(8,8,11,.88));color:rgba(255,255,255,.84);font-size:.59rem;font-weight:700;line-height:1.25;letter-spacing:.055em;box-shadow:inset 0 1px rgba(255,255,255,.065),0 .9rem 2.2rem rgba(0,0,0,.27);animation:hero-chip-float 6.8s var(--ease) infinite}
.hero-service-chips span:first-child{min-width:11.5rem}
.hero-service-chips span:nth-child(2){animation-delay:-1.1s}
.hero-service-chips span:nth-child(3){animation-delay:-2.2s}
.hero-service-chips span:nth-child(4){animation-delay:-3.3s}
.hero-service-chips span:nth-child(5){animation-delay:-4.4s}
.hero-service-chips span:nth-child(6){border-color:rgba(242,140,0,.32);color:var(--orange-hot);animation-delay:-5.5s}

.cases .section-head{margin-bottom:clamp(2.75rem,5vw,4.5rem)}
.services-head h2{max-width:16ch;font-size:clamp(2.4rem,4.7vw,4.7rem);line-height:.99}
.js .services-head h2{opacity:0;transform:translateY(.75rem);transition:opacity 650ms var(--ease) 90ms,transform 650ms var(--ease) 90ms}
.js .services-head.is-visible h2{opacity:1;transform:none}

.infra-grid-bg{animation:infra-grid-shift 22s linear infinite}
.network-stage{background:radial-gradient(circle at center,rgba(242,140,0,.2),transparent 40%),linear-gradient(145deg,rgba(13,13,17,.92),rgba(5,5,8,.9));box-shadow:inset 0 1px rgba(255,255,255,.07),inset 0 0 7rem rgba(242,140,0,.055),0 2.5rem 7rem rgba(0,0,0,.32)}
.network-stage::before{content:"";position:absolute;z-index:0;width:21rem;aspect-ratio:1;top:50%;left:50%;translate:-50% -50%;border-radius:50%;background:radial-gradient(circle,rgba(242,140,0,.2),transparent 66%);filter:blur(10px);animation:infra-core-glow 5.5s ease-in-out infinite;pointer-events:none}
.network-grid{opacity:.72;animation:network-grid-drift 18s linear infinite}
.network-ring{box-shadow:0 0 2rem rgba(242,140,0,.035)}
.ring-a{width:15rem;height:15rem;animation:infra-orbit 18s linear infinite}
.ring-b{width:24rem;height:24rem;border-style:dashed;animation:infra-orbit 28s linear infinite reverse}
.ring-c{width:33rem;height:33rem;animation:infra-orbit 38s linear infinite}
.network-ring::after{content:"";position:absolute;top:50%;left:-.27rem;width:.45rem;height:.45rem;border-radius:50%;background:var(--orange);box-shadow:0 0 .9rem var(--orange)}
.network-core{display:flex;width:11rem;height:11rem;flex-direction:column;align-items:center;justify-content:center;gap:.35rem;border-color:rgba(242,140,0,.55);border-radius:2.25rem;background:linear-gradient(145deg,rgba(35,30,23,.98),rgba(11,11,14,.98));box-shadow:0 0 0 .85rem rgba(242,140,0,.04),0 0 5.5rem rgba(242,140,0,.25),inset 0 1px rgba(255,255,255,.08)}
.network-brand-logo{width:8.4rem;height:auto;object-fit:contain;filter:drop-shadow(0 .6rem 1.4rem rgba(0,0,0,.25))}
.network-core span{margin:0;color:rgba(255,255,255,.55);font-size:.53rem;letter-spacing:.13em}

.team-grid{align-items:stretch}
.team-card{padding:.75rem .75rem 1.65rem;background:linear-gradient(160deg,rgba(23,23,28,.98),rgba(11,11,14,.99))}
.team-portrait{isolation:isolate;min-height:22rem;background:radial-gradient(circle at 50% 26%,rgba(242,140,0,.18),transparent 48%),#151518}
.team-portrait::before{width:15rem;height:15rem;border-color:rgba(242,140,0,.1);animation:team-shape-drift 13s ease-in-out infinite}
.team-portrait::after{z-index:3;opacity:.7;mask-image:linear-gradient(#000,transparent 78%);pointer-events:none}
.team-photo{position:absolute;z-index:2;inset:0;width:100%;height:100%;object-fit:contain;object-position:center bottom;filter:drop-shadow(0 1.7rem 2.4rem rgba(0,0,0,.36)) saturate(.96) contrast(1.02);transition:transform 600ms var(--ease),filter 400ms ease}
.team-card:hover .team-photo{transform:translateY(-.35rem) scale(1.025);filter:drop-shadow(0 2rem 2.8rem rgba(0,0,0,.42)) saturate(1) contrast(1.025)}
.portrait-ceo{background:radial-gradient(circle at 56% 24%,rgba(242,140,0,.24),transparent 45%),linear-gradient(145deg,#211b14,#111114)}
.portrait-support{background:radial-gradient(circle at 35% 26%,rgba(255,255,255,.1),transparent 43%),linear-gradient(145deg,#17171c,#0f0f12)}
.portrait-media{background:radial-gradient(circle at 72% 22%,rgba(242,140,0,.2),transparent 43%),linear-gradient(145deg,#211a14,#111114)}
.portrait-strategy{background:radial-gradient(circle at 30% 25%,rgba(242,140,0,.2),transparent 45%),linear-gradient(145deg,#1b1917,#111114)}
.portrait-logistics{background:radial-gradient(circle at 72% 27%,rgba(242,140,0,.17),transparent 44%),linear-gradient(145deg,#191817,#101013)}
.team-card>p{min-height:2.25rem;align-items:flex-start;line-height:1.45}
.team-card h3{font-size:1.55rem}
.team-summary{margin:.8rem 1rem 0;color:var(--muted);font-size:.78rem;line-height:1.55}

.brands{background:radial-gradient(circle at 12% 18%,rgba(242,140,0,.07),transparent 29rem),radial-gradient(circle at 86% 78%,rgba(255,255,255,.025),transparent 24rem),#0b0b0d}
.logo-wall{position:relative;isolation:isolate;gap:.85rem;padding:.8rem;border:1px solid rgba(255,255,255,.075);border-radius:1.45rem;background:linear-gradient(145deg,rgba(255,255,255,.022),rgba(255,255,255,.008));box-shadow:inset 0 1px rgba(255,255,255,.035),0 2.5rem 6rem rgba(0,0,0,.2)}
.logo-wall::before{content:"";position:absolute;z-index:0;width:22rem;aspect-ratio:1;top:-8rem;left:-7rem;border-radius:50%;background:radial-gradient(circle,rgba(242,140,0,.1),transparent 68%);animation:logo-wall-glow 8s ease-in-out infinite;pointer-events:none}
.logo-tile{position:relative;z-index:1;overflow:hidden;min-height:11rem;padding:.68rem;background:rgba(255,255,255,.022);box-shadow:inset 0 1px rgba(255,255,255,.045),0 1rem 2.5rem rgba(0,0,0,.1)}
.logo-tile::before{content:"";position:absolute;z-index:2;inset:-60% auto -60% -55%;width:32%;rotate:15deg;background:linear-gradient(90deg,transparent,rgba(255,255,255,.075),transparent);transition:translate 650ms var(--ease);pointer-events:none}
.logo-tile:hover::before{translate:540% 0}
.logo-tile img{opacity:.82}

@keyframes hero-grid-pulse{0%,100%{opacity:.52}50%{opacity:.72}}
@keyframes portrait-grid-drift{to{background-position:38px 38px}}
@keyframes hero-aura-spin{to{rotate:360deg}}
@keyframes portrait-v-drift{0%,100%{transform:translate3d(0,0,0) rotate(0deg)}50%{transform:translate3d(-.25rem,-.5rem,0) rotate(1.2deg)}}
@keyframes chip-group-in{from{opacity:0;transform:translateY(.7rem)}to{opacity:1;transform:none}}
@keyframes hero-chip-float{0%,100%{transform:translateY(0)}50%{transform:translateY(-.24rem)}}
@keyframes infra-grid-shift{to{background-position:48px 48px}}
@keyframes network-grid-drift{to{background-position:32px 32px}}
@keyframes infra-core-glow{0%,100%{opacity:.7;scale:.94}50%{opacity:1;scale:1.08}}
@keyframes infra-orbit{to{rotate:360deg}}
@keyframes team-shape-drift{0%,100%{transform:rotate(45deg) translate(0,0)}50%{transform:rotate(51deg) translate(-.35rem,-.5rem)}}
@keyframes logo-wall-glow{0%,100%{opacity:.55;transform:scale(.95)}50%{opacity:1;transform:scale(1.08)}}

@media(min-width:60rem){
  .team-grid{grid-template-columns:repeat(6,minmax(0,1fr))}
  .team-card{grid-column:span 2}
  .team-card:nth-child(4),.team-card:nth-child(5){grid-column:span 3}
}

@media(max-width:41.99rem){
  .story{padding-top:4.25rem}
  .hero-art-human{min-height:45rem}
  .hero-service-chips{top:0;right:0;left:0;width:100%;grid-template-columns:repeat(3,minmax(0,1fr));gap:.38rem}
  .hero-service-chips span,.hero-service-chips span:first-child{min-width:0;padding:.52rem .35rem;font-size:.5rem;line-height:1.2}
  .founder-portrait{top:4.8rem;height:31rem}
  .services-head h2{font-size:clamp(2.35rem,11vw,3.15rem)}
  .network-core{width:9.2rem;height:9.2rem;border-radius:1.8rem}
  .network-brand-logo{width:7rem}
  .ring-a{width:12rem;height:12rem}.ring-b{width:19rem;height:19rem}.ring-c{width:26rem;height:26rem}
  .node-ssl{bottom:18%;left:10%}.node-dns{right:10%;bottom:18%}
  .team-portrait{min-height:24rem}
  .logo-wall{grid-template-columns:repeat(2,minmax(0,1fr));gap:.6rem;padding:.5rem}
}

@media(max-width:25rem){
  .hero-art-human{min-height:43.5rem}
  .founder-portrait{top:4.9rem;height:28.8rem}
  .hero-service-chips span,.hero-service-chips span:first-child{font-size:.47rem}
}

@media(prefers-reduced-motion:reduce){
  .hero-grid,.hero-art-human::before,.hero-art-human::after,.portrait-glow,.portrait-v,.portrait-orbit,.hero-service-chips,.hero-service-chips span,.infra-grid-bg,.network-stage::before,.network-grid,.network-ring,.team-portrait::before,.logo-wall::before{animation:none!important}
  .team-card:hover .team-photo{transform:none}
}

/* Four-project selected work correction */
.case-grid-featured{grid-template-columns:minmax(0,1fr);gap:1.15rem}
.case-grid-featured .case-card-featured{grid-column:auto!important;padding:.68rem;background:linear-gradient(155deg,rgba(22,22,26,.98),rgba(10,10,13,.99))}
.case-featured-link{display:block}
.case-featured-media{aspect-ratio:16/9;border-radius:1rem;background:#f2f2f0}
.case-featured-media::after{background:linear-gradient(180deg,transparent 58%,rgba(5,5,7,.38))}
.case-featured-media>img{width:100%;height:100%;object-fit:contain;object-position:center}
.case-featured-copy{display:flex;min-height:7.5rem;align-items:center;justify-content:space-between;gap:1.25rem;padding:1.25rem .85rem .75rem}
.case-featured-copy>span{display:grid;gap:.45rem}
.case-featured-copy small{color:var(--orange);font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:.62rem;font-weight:700;letter-spacing:.11em;text-transform:uppercase}
.case-featured-copy strong{font-family:Manrope,Inter,sans-serif;font-size:clamp(1.55rem,2.5vw,2.3rem);letter-spacing:-.045em;line-height:1}
.case-featured-copy>i{display:grid;width:3rem;height:3rem;flex:none;place-items:center;border:1px solid var(--line);border-radius:50%;color:var(--orange);font-style:normal;transition:transform 240ms var(--ease),border-color 200ms ease,background-color 200ms ease}
.case-card-featured:hover .case-featured-copy>i{transform:translate(.15rem,-.15rem) rotate(10deg);border-color:rgba(242,140,0,.48);background:rgba(242,140,0,.08)}
.cases-more{display:flex;width:fit-content;align-items:center;gap:.7rem;margin:2rem auto 0;padding:.72rem 1rem;border-bottom:1px solid rgba(242,140,0,.35);color:var(--muted);font-size:.78rem;font-weight:650;transition:color 180ms ease,border-color 180ms ease}
.cases-more span{color:var(--orange);transition:transform 200ms var(--ease)}
.cases-more:hover{border-color:var(--orange);color:var(--text)}
.cases-more:hover span{transform:translate(.18rem,-.18rem)}

@media(min-width:46rem){
  .case-grid-featured{grid-template-columns:repeat(2,minmax(0,1fr))}
}

@media(max-width:41.99rem){
  .case-featured-copy{min-height:6.7rem;padding:1.05rem .7rem .6rem}
  .case-featured-copy>i{width:2.7rem;height:2.7rem}
  .cases-more{text-align:center}
}

@media(prefers-reduced-motion:reduce){
  .case-card-featured:hover .case-featured-copy>i,.cases-more:hover span{transform:none}
}

/* V2.1.2 services + commerce expertise refinement */
.services-grid-premium{position:relative;isolation:isolate;gap:.85rem}
.services-grid-premium::before{content:"";position:absolute;z-index:0;width:30rem;aspect-ratio:1;top:6%;right:-12rem;border-radius:50%;background:radial-gradient(circle,rgba(242,140,0,.13),transparent 68%);filter:blur(8px);opacity:.75;pointer-events:none}
.services-grid-premium .service-card{position:relative;z-index:1;display:grid;min-height:16.5rem;gap:1.15rem;padding:1.22rem;border-radius:1.35rem;background:linear-gradient(150deg,rgba(24,24,29,.95),rgba(11,11,14,.985));box-shadow:inset 0 1px rgba(255,255,255,.055),0 1.2rem 3.6rem rgba(0,0,0,.13)}
.services-grid-premium .service-card::after{content:"";position:absolute;inset:auto 1rem 1rem auto;width:9rem;aspect-ratio:1;border-radius:2.2rem;background:linear-gradient(135deg,rgba(242,140,0,.12),rgba(255,255,255,.018));opacity:.55;transform:rotate(18deg);transition:transform 420ms var(--ease),opacity 220ms ease;pointer-events:none}
.services-grid-premium .service-card:hover::after{opacity:.9;transform:rotate(26deg) translate(.3rem,-.25rem)}
.service-card-top{position:relative;z-index:3;display:flex;align-items:flex-start;justify-content:space-between;gap:1rem}
.service-card-top>span{display:inline-flex;align-items:center;min-height:1.75rem;padding:.25rem .55rem;border:1px solid rgba(255,255,255,.095);border-radius:999px;background:rgba(255,255,255,.025);color:var(--quiet);font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:.58rem;font-weight:750;letter-spacing:.1em;text-transform:uppercase}
.services-grid-premium .service-symbol{display:grid;width:4.85rem;height:4.85rem;margin:0;place-items:center;border:1px solid rgba(242,140,0,.34);border-radius:1.35rem;background:radial-gradient(circle at 35% 25%,rgba(255,255,255,.08),transparent 44%),linear-gradient(145deg,rgba(242,140,0,.16),rgba(242,140,0,.045));box-shadow:0 .9rem 2.4rem rgba(242,140,0,.085),inset 0 1px rgba(255,255,255,.09);color:var(--orange);font-size:1.15rem}
.services-grid-premium .service-symbol .icon{width:2.35rem;height:2.35rem;stroke-width:1.55}
.services-grid-premium .service-card:hover .service-symbol{transform:translateY(-.18rem) rotate(-4deg) scale(1.035);background:radial-gradient(circle at 35% 25%,rgba(255,255,255,.13),transparent 44%),linear-gradient(145deg,rgba(242,140,0,.22),rgba(242,140,0,.07))}
.services-grid-premium .service-card h3{position:relative;z-index:3;max-width:12ch;margin-top:auto;font-size:clamp(1.55rem,2.35vw,2.25rem);line-height:1.02;letter-spacing:-.045em}
.services-grid-premium .service-card p{position:relative;z-index:3;max-width:36ch;margin:.15rem 0 0;color:rgba(226,226,232,.72);font-size:.84rem;line-height:1.58}
.services-grid-premium .service-card-feature{min-height:22rem;padding:1.45rem;background:radial-gradient(circle at 84% 24%,rgba(242,140,0,.2),transparent 20rem),linear-gradient(145deg,rgba(33,29,22,.98),rgba(12,12,15,.99))}
.services-grid-premium .service-card-feature::after{width:13rem;border-radius:3rem;background:linear-gradient(135deg,rgba(242,140,0,.18),rgba(255,255,255,.025))}
.services-grid-premium .service-card-feature .service-symbol{width:5.55rem;height:5.55rem;border-radius:1.55rem}
.services-grid-premium .service-card-feature .service-symbol .icon{width:2.75rem;height:2.75rem}
.services-grid-premium .service-card-feature h3{max-width:11ch;font-size:clamp(2rem,3.45vw,3.35rem)}
.services-grid-premium .service-card-feature p{max-width:48ch;font-size:.95rem}
.service-stack{position:relative;z-index:3;display:flex;flex-wrap:wrap;gap:.45rem;margin-top:1.35rem}
.service-stack span{display:inline-flex;align-items:center;min-height:2rem;padding:.35rem .65rem;border:1px solid rgba(242,140,0,.22);border-radius:999px;background:rgba(242,140,0,.055);color:rgba(255,255,255,.78);font-size:.66rem;font-weight:700}
.services-grid-premium .service-arrow{z-index:4;right:1rem;bottom:1rem;width:2.45rem;height:2.45rem;background:rgba(8,8,10,.58);backdrop-filter:blur(12px)}
.service-hosting.service-card-tall{background:radial-gradient(circle at 80% 18%,rgba(242,140,0,.17),transparent 18rem),linear-gradient(145deg,#1c1914,#101013)}
.service-hosting.service-card-tall .service-symbol{border-color:rgba(242,140,0,.42);box-shadow:0 0 2rem rgba(242,140,0,.08),inset 0 1px rgba(255,255,255,.09)}

@media(min-width:60rem){
  .services-grid-premium{grid-template-columns:repeat(12,minmax(0,1fr));grid-auto-flow:dense;align-items:stretch}
  .services-grid-premium .service-card{min-height:15.7rem}
  .services-grid-premium .service-web{grid-column:span 6;grid-row:span 2;min-height:25rem}
  .services-grid-premium .service-woo,.services-grid-premium .service-seo,.services-grid-premium .service-media,.services-grid-premium .service-tracking{grid-column:span 3}
  .services-grid-premium .service-hosting{grid-column:span 5;min-height:19rem}
  .services-grid-premium .service-social{grid-column:span 3;min-height:19rem}
  .services-grid-premium .service-maintenance{grid-column:span 4;min-height:19rem}
}

@media(max-width:41.99rem){
  .services-grid-premium .service-card{min-height:15rem;padding:1rem}
  .services-grid-premium .service-card-feature{min-height:20rem}
  .services-grid-premium .service-symbol{width:4.25rem;height:4.25rem;border-radius:1.15rem}
  .services-grid-premium .service-symbol .icon{width:2.05rem;height:2.05rem}
  .services-grid-premium .service-card-feature .service-symbol{width:4.85rem;height:4.85rem}
}

@media(prefers-reduced-motion:reduce){
  .services-grid-premium .service-card:hover::after{transform:none}
}

/* V2.1.3 editorial team redesign */
.team{background:radial-gradient(circle at 12% 10%,rgba(242,140,0,.065),transparent 26rem),linear-gradient(180deg,#0b0b0e,#08080a)}
.team .section-head{margin-bottom:clamp(3.25rem,6vw,5.25rem)}
.team-grid-editorial{position:relative;display:grid;grid-template-columns:1fr;gap:1rem;align-items:stretch}
.team-grid-editorial .team-card{position:relative;overflow:hidden;display:flex;grid-column:auto!important;min-height:0;flex-direction:column;padding:.65rem;border:1px solid rgba(255,255,255,.095);border-radius:1.45rem;background:linear-gradient(160deg,rgba(25,25,30,.98),rgba(10,10,13,.99));box-shadow:inset 0 1px rgba(255,255,255,.055),0 1.4rem 3.8rem rgba(0,0,0,.16);transition:transform 260ms var(--ease),border-color 220ms ease,box-shadow 260ms ease}
.team-grid-editorial .team-card::before{content:"";position:absolute;inset:0 0 auto;height:1px;background:linear-gradient(90deg,transparent,rgba(242,140,0,.48),transparent);opacity:.45}
.team-grid-editorial .team-card::after{content:"";position:absolute;inset:auto -20% -24% 18%;height:9rem;border-radius:50%;background:radial-gradient(circle,rgba(242,140,0,.11),transparent 70%);opacity:.75;transition:opacity 220ms ease,transform 360ms var(--ease);pointer-events:none}
.team-grid-editorial .team-card:hover{transform:translateY(-6px);border-color:rgba(242,140,0,.28);box-shadow:0 2rem 5rem rgba(0,0,0,.28),inset 0 1px rgba(255,255,255,.07)}
.team-grid-editorial .team-card:hover::after{opacity:1;transform:translateY(-.55rem) scale(1.08)}
.team-grid-editorial .team-portrait{position:relative;isolation:isolate;overflow:hidden;aspect-ratio:4/5;min-height:0;margin:0;border-radius:1.08rem;background:radial-gradient(circle at 50% 22%,rgba(242,140,0,.18),transparent 48%),linear-gradient(160deg,#19191d,#101013)}
.team-grid-editorial .team-portrait::before{content:"";position:absolute;z-index:0;right:-28%;bottom:-18%;width:80%;height:46%;border:1px solid rgba(242,140,0,.14);border-radius:44% 56% 28% 72%;background:linear-gradient(135deg,rgba(242,140,0,.11),rgba(255,255,255,.018));transform:rotate(-12deg);animation:none}
.team-grid-editorial .team-portrait::after{content:"";position:absolute;z-index:3;inset:0;background:linear-gradient(180deg,rgba(255,255,255,.035),transparent 38%,rgba(0,0,0,.16));mask-image:none;pointer-events:none}
.team-grid-editorial .team-index{position:absolute;z-index:4;top:.85rem;left:.85rem;display:grid;width:2.35rem;height:2.35rem;place-items:center;border:1px solid rgba(255,255,255,.13);border-radius:50%;background:rgba(7,7,9,.46);color:var(--orange);font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:.64rem;font-weight:750;letter-spacing:.06em;backdrop-filter:blur(12px)}
.team-grid-editorial .team-photo{position:absolute;z-index:2;inset:0;width:100%;height:100%;object-fit:contain;object-position:center bottom;filter:drop-shadow(0 1.8rem 2.8rem rgba(0,0,0,.42)) saturate(.98) contrast(1.02);transition:transform 520ms var(--ease),filter 320ms ease}
.team-grid-editorial .team-card:hover .team-photo{transform:translateY(-.35rem) scale(1.03);filter:drop-shadow(0 2.2rem 3rem rgba(0,0,0,.5)) saturate(1.02) contrast(1.04)}
.team-grid-editorial .team-info{position:relative;z-index:2;display:flex;min-height:10.8rem;flex-direction:column;gap:.7rem;padding:1.05rem .35rem .35rem}
.team-grid-editorial .team-role{display:inline-flex;width:fit-content;max-width:100%;min-height:2.35rem;align-items:center;margin:0;padding:.5rem .78rem;border:1px solid rgba(242,140,0,.32);border-radius:999px;background:rgba(242,140,0,.075);color:var(--orange);font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:clamp(.78rem,.82vw,.88rem);font-weight:850;letter-spacing:.065em;line-height:1.25;text-transform:uppercase;box-shadow:inset 0 1px rgba(255,255,255,.05),0 .65rem 1.5rem rgba(242,140,0,.045)}
.team-grid-editorial .team-info h3{margin:0;color:var(--text);font-size:clamp(1.42rem,1.45vw,1.7rem);line-height:1.04;letter-spacing:-.045em}
.team-grid-editorial .team-summary{margin:0;color:rgba(226,226,232,.72);font-size:.84rem;line-height:1.58}
.team-grid-editorial .portrait-ceo{background:radial-gradient(circle at 56% 22%,rgba(242,140,0,.25),transparent 47%),linear-gradient(145deg,#211b14,#111114)}
.team-grid-editorial .portrait-support{background:radial-gradient(circle at 40% 24%,rgba(255,255,255,.11),transparent 45%),linear-gradient(145deg,#18181d,#101013)}
.team-grid-editorial .portrait-media{background:radial-gradient(circle at 74% 22%,rgba(242,140,0,.2),transparent 45%),linear-gradient(145deg,#211a14,#111114)}
.team-grid-editorial .portrait-strategy{background:radial-gradient(circle at 32% 24%,rgba(242,140,0,.2),transparent 46%),linear-gradient(145deg,#1b1917,#111114)}
.team-grid-editorial .portrait-logistics{background:radial-gradient(circle at 72% 28%,rgba(242,140,0,.17),transparent 46%),linear-gradient(145deg,#191817,#101013)}

@media(min-width:42rem){
  .team-grid-editorial{grid-template-columns:repeat(2,minmax(0,1fr))}
}

@media(min-width:72rem){
  .team-grid-editorial{grid-template-columns:repeat(5,minmax(0,1fr));gap:.85rem}
  .team-grid-editorial .team-info{min-height:12.1rem;padding:1rem .25rem .25rem}
  .team-grid-editorial .team-summary{font-size:.78rem}
}

@media(max-width:41.99rem){
  .team-grid-editorial{gap:1.1rem}
  .team-grid-editorial .team-card{padding:.7rem;border-radius:1.55rem}
  .team-grid-editorial .team-info{min-height:0;padding:1.15rem .35rem .45rem}
  .team-grid-editorial .team-role{font-size:.78rem}
}

@media(prefers-reduced-motion:reduce){
  .team-grid-editorial .team-card:hover,.team-grid-editorial .team-card:hover::after,.team-grid-editorial .team-card:hover .team-photo{transform:none}
}

/* V2.1.4 commerce distribution + good match sections */
.commerce-distribution{position:relative;overflow:hidden;background:radial-gradient(circle at 78% 18%,rgba(242,140,0,.15),transparent 30rem),radial-gradient(circle at 12% 82%,rgba(255,255,255,.035),transparent 24rem),linear-gradient(180deg,#09090b,#0d0d10)}
.commerce-distribution::before{content:"";position:absolute;inset:0;opacity:.42;background-image:linear-gradient(rgba(255,255,255,.026) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.026) 1px,transparent 1px);background-size:54px 54px;mask-image:radial-gradient(circle at 80% 32%,#000,transparent 72%);pointer-events:none}
.commerce-distribution-glow{position:absolute;right:8%;top:16%;width:min(42vw,31rem);aspect-ratio:1;border-radius:50%;background:radial-gradient(circle,rgba(242,140,0,.18),transparent 68%);filter:blur(14px);animation:commerce-glow-breathe 7s ease-in-out infinite;pointer-events:none}
.commerce-distribution-layout{position:relative;z-index:1;display:grid;gap:clamp(2.5rem,5vw,5.5rem);align-items:center}
.commerce-distribution-copy h2{max-width:12ch;font-size:clamp(2.65rem,5.7vw,5.6rem);line-height:.95;letter-spacing:-.06em}
.commerce-distribution-copy p{max-width:61ch;margin:1.45rem 0 0;color:rgba(226,226,232,.72);font-size:clamp(1rem,1.35vw,1.14rem);line-height:1.75}
.commerce-points{display:grid;gap:.85rem;max-width:62ch;margin:2rem 0 0;padding:0;list-style:none}
.commerce-points li{position:relative;padding:1rem 1rem 1rem 3rem;border:1px solid rgba(255,255,255,.085);border-radius:1rem;background:rgba(255,255,255,.024);color:rgba(247,247,245,.82);font-size:.92rem;line-height:1.55}
.commerce-points li::before{content:"";position:absolute;top:1.25rem;left:1.1rem;width:.76rem;height:.76rem;border-radius:50%;background:var(--orange);box-shadow:0 0 1rem rgba(242,140,0,.55)}
.distribution-panel{position:relative;isolation:isolate;overflow:hidden;padding:1rem;border:1px solid rgba(255,255,255,.1);border-radius:1.7rem;background:linear-gradient(150deg,rgba(24,24,29,.98),rgba(8,8,11,.99));box-shadow:0 2rem 6rem rgba(0,0,0,.32),inset 0 1px rgba(255,255,255,.06)}
.distribution-panel::before{content:"";position:absolute;z-index:0;inset:1.1rem;border:1px solid rgba(242,140,0,.11);border-radius:1.25rem;pointer-events:none}
.distribution-panel::after{content:"";position:absolute;z-index:0;right:-16%;top:-18%;width:22rem;aspect-ratio:1;border-radius:50%;background:radial-gradient(circle,rgba(242,140,0,.16),transparent 68%);pointer-events:none}
.distribution-panel>*{position:relative;z-index:2}
.distribution-orbit{position:absolute;z-index:1;top:50%;left:50%;border:1px solid rgba(242,140,0,.18);border-radius:50%;translate:-50% -50%;pointer-events:none}
.orbit-one{width:78%;aspect-ratio:1;animation:commerce-orbit 24s linear infinite}
.orbit-two{width:104%;aspect-ratio:1;border-style:dashed;animation:commerce-orbit 36s linear infinite reverse}
.distribution-orbit::after{content:"";position:absolute;top:50%;left:-.25rem;width:.5rem;height:.5rem;border-radius:50%;background:var(--orange);box-shadow:0 0 .9rem var(--orange)}
.distribution-panel-head{display:flex;align-items:center;justify-content:space-between;gap:1rem;padding:.4rem .35rem 1.2rem;color:var(--muted);font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:.66rem;font-weight:750;letter-spacing:.1em;text-transform:uppercase}
.distribution-panel-head strong{color:var(--orange);font-weight:850}
.distribution-group{display:grid;gap:.8rem;margin-top:.7rem;padding:1rem;border:1px solid rgba(255,255,255,.075);border-radius:1.25rem;background:rgba(255,255,255,.025)}
.distribution-group>p{margin:0;color:var(--orange);font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:.68rem;font-weight:850;letter-spacing:.11em;text-transform:uppercase}
.distribution-logo-grid{display:grid;gap:.65rem}
.distribution-logo-grid--official{grid-template-columns:repeat(2,minmax(0,1fr))}
.distribution-logo-grid--reseller{grid-template-columns:repeat(3,minmax(0,1fr))}
.distribution-logo-card{position:relative;overflow:hidden;display:grid;min-height:8.4rem;grid-template-rows:1fr auto;gap:.55rem;place-items:center;padding:.85rem;border:1px solid rgba(0,0,0,.08);border-radius:1rem;background:#f4f1ea;color:#111;box-shadow:0 1rem 2.7rem rgba(0,0,0,.16);transition:transform 240ms var(--ease),box-shadow 240ms ease}
.distribution-logo-card::before{content:"";position:absolute;inset:-60% auto -60% -50%;width:34%;rotate:14deg;background:linear-gradient(90deg,transparent,rgba(255,255,255,.55),transparent);transition:translate 650ms var(--ease);pointer-events:none}
.distribution-logo-card:hover{transform:translateY(-4px);box-shadow:0 1.4rem 3.5rem rgba(0,0,0,.23)}
.distribution-logo-card:hover::before{translate:520% 0}
.distribution-logo-card img{width:100%;height:4.2rem;max-width:88%;object-fit:contain}
.distribution-logo-card span{color:#2a2a2d;font-family:Manrope,Inter,sans-serif;font-size:.72rem;font-weight:800;letter-spacing:-.02em}
.distribution-disclaimer{margin:1rem .35rem 0;color:rgba(226,226,232,.58);font-size:.72rem;line-height:1.65}

.good-match{background:#f4f1ea;color:#09090b}
.good-match .shell{position:relative}
.good-match-head{display:grid;gap:2rem;margin-bottom:clamp(2.5rem,5vw,4.5rem)}
.light-kicker{display:flex;align-items:center;gap:.75rem;margin-bottom:1.35rem;color:#a35b00;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:.68rem;font-weight:850;letter-spacing:.12em;text-transform:uppercase}
.light-kicker span{display:inline-flex;min-height:1.9rem;align-items:center;padding:.25rem .62rem;border:1px solid rgba(163,91,0,.22);border-radius:999px;background:rgba(242,140,0,.08)}
.light-kicker i{position:relative;display:block;width:3.5rem;height:1px;background:linear-gradient(90deg,#c46d00,transparent)}
.light-kicker i::before{content:"";position:absolute;top:50%;left:0;width:.36rem;height:.36rem;transform:translate(-50%,-50%) rotate(45deg);background:#c46d00}
.good-match-head h2{max-width:12.5ch;margin:0;color:#09090b;font-size:clamp(2.85rem,6vw,5.7rem);line-height:.96;letter-spacing:-.07em}
.good-match-head>p{max-width:48ch;margin:0;color:#535157;font-size:clamp(1.04rem,1.45vw,1.22rem);line-height:1.72}
.match-card-grid{display:grid;gap:1rem}
.match-card{position:relative;overflow:hidden;min-height:28rem;padding:clamp(1.25rem,2.5vw,2rem);border:1px solid rgba(9,9,11,.1);border-radius:1.5rem;background:#fff;color:#0b0b0d;box-shadow:0 1.5rem 4rem rgba(10,10,12,.08);transition:transform 240ms var(--ease),box-shadow 240ms ease,border-color 220ms ease}
.match-card:hover{transform:translateY(-5px);box-shadow:0 2rem 5rem rgba(10,10,12,.12)}
.match-card::before{content:"";position:absolute;right:-7rem;top:-7rem;width:15rem;aspect-ratio:1;border-radius:50%;opacity:.58;pointer-events:none}
.match-card-positive{background:linear-gradient(145deg,#ffffff,#eef8f1);border-color:rgba(30,126,73,.16)}
.match-card-positive::before{background:radial-gradient(circle,rgba(65,170,105,.2),transparent 70%)}
.match-card-neutral{background:linear-gradient(145deg,#ffffff,#f1f1f2);border-color:rgba(9,9,11,.1)}
.match-card-neutral::before{background:radial-gradient(circle,rgba(90,90,96,.16),transparent 70%)}
.match-label{position:relative;z-index:2;display:inline-flex;min-height:2.15rem;align-items:center;margin-bottom:1.4rem;padding:.38rem .7rem;border-radius:999px;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:.72rem;font-weight:850;letter-spacing:.1em;text-transform:uppercase}
.match-card-positive .match-label{border:1px solid rgba(30,126,73,.18);background:rgba(30,126,73,.08);color:#16733d}
.match-card-neutral .match-label{border:1px solid rgba(9,9,11,.12);background:rgba(9,9,11,.045);color:#52525a}
.match-card h3{position:relative;z-index:2;max-width:18ch;margin:0;color:#0b0b0d;font-size:clamp(1.8rem,3vw,3rem);line-height:1.02;letter-spacing:-.055em}
.match-card ul{position:relative;z-index:2;display:grid;gap:.9rem;margin:2rem 0 0;padding:0;list-style:none}
.match-card li{position:relative;padding-left:2rem;color:#3d3d43;font-size:.98rem;line-height:1.58}
.match-card li::before{content:"";position:absolute;top:.48rem;left:0;width:.9rem;height:.9rem;border-radius:50%}
.match-card-positive li::before{background:#1f9b55;box-shadow:0 0 0 .28rem rgba(31,155,85,.12)}
.match-card-neutral li::before{background:#8a8a92;box-shadow:0 0 0 .28rem rgba(138,138,146,.12)}

@keyframes commerce-glow-breathe{0%,100%{opacity:.62;scale:.96}50%{opacity:1;scale:1.08}}
@keyframes commerce-orbit{to{rotate:360deg}}

@media(min-width:52rem){
  .good-match-head{grid-template-columns:minmax(0,1.15fr) minmax(18rem,.85fr);align-items:end}
  .match-card-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
}

@media(min-width:64rem){
  .commerce-distribution-layout{grid-template-columns:minmax(0,.96fr) minmax(30rem,.82fr)}
  .distribution-panel{padding:1.15rem}
}

@media(max-width:41.99rem){
  .commerce-distribution-copy h2,.good-match-head h2{font-size:clamp(2.45rem,11vw,3.45rem)}
  .distribution-logo-grid--official,.distribution-logo-grid--reseller{grid-template-columns:1fr}
  .distribution-logo-card{min-height:8.1rem}
  .match-card{min-height:auto}
}

@media(prefers-reduced-motion:reduce){
  .commerce-distribution-glow,.distribution-orbit{animation:none!important}
  .distribution-logo-card:hover,.match-card:hover,.distribution-logo-card:hover::before{transform:none;translate:none}
}