:root{--bg:#05060f;--text:#d1e4fa;--muted:#9da7ba;--edge:rgba(186,215,247,.12);--motion-enter:700ms;--motion-disclosure:400ms;--motion-ease:cubic-bezier(.22,1,.36,1);--tilt-perspective:1000px;--tilt-return:1000ms;--tilt-return-ease:cubic-bezier(.22,1,.36,1);--tilt-follow:400ms;--tilt-follow-ease:cubic-bezier(.22,1,.36,1);--tilt-glare-opacity:.32;--tilt-glare-fade:300ms;--tilt-glare-ease:cubic-bezier(.22,1,.36,1)}
body{color:var(--text)}
.brand img,.logo-scene img{background:transparent!important;border-radius:0!important;padding:0!important;mix-blend-mode:normal!important;filter:invert(1) hue-rotate(180deg) saturate(1.15) drop-shadow(0 0 14px #f7821922)!important}
.logo-scene img{width:155px;height:155px;object-fit:contain}
.hero{background-size:90px 90px;isolation:isolate}
.hero:after{z-index:0;background:radial-gradient(ellipse at 50% 42%,transparent 10%,var(--bg) 76%)}
.hero .spotlight{top:-130px;left:-10%;width:120%;height:900px;background:conic-gradient(from 180deg at 50% 0%,transparent 0deg,rgba(247,130,25,.06) 12deg,rgba(247,130,25,.27) 28deg,transparent 48deg,transparent 310deg,rgba(247,130,25,.27) 332deg,rgba(247,130,25,.06) 348deg,transparent 360deg);filter:blur(22px);transform-origin:50% 0;animation:light-arrive 1800ms var(--motion-ease) both;pointer-events:none}
.hero:before{content:'';position:absolute;z-index:0;top:490px;left:calc(50% - 300px);width:600px;height:310px;background:radial-gradient(ellipse,#f7821925,transparent 68%);filter:blur(35px);pointer-events:none}
h1,h2{font-weight:500;color:#d8ecf8;letter-spacing:-.045em}h1>span,h2>span{background-image:linear-gradient(0deg,#bfa895,#fff2e7)}
h2{font-size:48px;line-height:1.16}.section{padding-top:120px}.eyebrow{font-size:15px;letter-spacing:.10em;color:#c7d3ea}.eyebrow:before,.eyebrow:after{background:linear-gradient(90deg,transparent,rgba(186,215,247,.16));width:56px}.showcase .eyebrow{justify-content:flex-start}.showcase .eyebrow:before,.showcase .eyebrow:after{display:block;width:28px}
.glass{border:0;border-radius:16px;padding:24px;background:linear-gradient(135deg,rgba(216,236,248,.065),rgba(186,214,247,.015) 46%,rgba(247,130,25,.025));box-shadow:inset 0 1px 1px rgba(216,236,248,.2),inset 0 24px 48px rgba(168,216,245,.045),inset 0 0 0 1px rgba(186,215,247,.12),0 16px 32px rgba(0,0,0,.3);backdrop-filter:blur(24px) saturate(145%);-webkit-backdrop-filter:blur(24px) saturate(145%)}
.floating{background-color:rgba(9,10,18,.5)}.center{background-color:rgba(12,12,20,.58);box-shadow:inset 0 1px 1px #d8ecf84d,inset 0 24px 48px #a8d8f50d,inset 0 0 0 1px #bad7f71f,0 0 70px #f782190d}.center:before{content:'';position:absolute;inset:0;pointer-events:none;border-radius:inherit;background:linear-gradient(125deg,transparent 15%,#ffffff07 30%,transparent 45%)}
.floating.left{animation:float-left 4800ms ease-in-out 1 both}.floating.center{animation:float-center 5200ms ease-in-out 1 both}.floating.right{animation:float-right 4800ms ease-in-out 1 both}
.button{position:relative;overflow:hidden;isolation:isolate;border-radius:999px;min-height:44px;border-color:var(--edge);box-shadow:inset 0 1px 1px #d8ecf833,inset 0 16px 30px #bad7f709;transition:transform 400ms var(--motion-ease),background 400ms,box-shadow 400ms}.button:before{content:'';position:absolute;inset:-50% -100%;z-index:-1;pointer-events:none;transform:translateX(-45%) rotate(-20deg);background:linear-gradient(90deg,transparent 40%,#ffffff35 50%,transparent 60%);transition:transform 800ms var(--motion-ease)}.button:hover:before,.button:focus-visible:before{transform:translateX(45%) rotate(-20deg)}.button>span{transition:transform 400ms var(--motion-ease)}.button:hover>span{transform:translate(2px,-2px)}.primary{background:linear-gradient(160deg,#ffa14d,#f78219 65%,#e96a0d);color:#1e1207;box-shadow:inset 0 1px 1px #ffefdb99,inset 0 0 12px #ffffff15,0 0 30px #f782191f}.primary:hover{background-color:#f78219;box-shadow:inset 0 1px 1px #ffefdb99,0 0 35px #f7821933}
.service-icon,.round-arrow{border-radius:9999px;border-color:var(--edge);box-shadow:inset 0 1px 1px #d8ecf833,inset 0 12px 24px #f7821909}.chips span{border-radius:6px}.mini-cta{border-radius:999px}.service p,.steps p,.showcase p,.faq p{font-size:16px;color:var(--muted)}.service ul,.service>a{font-size:14px}.service-note,.micro{font-size:13px;color:#9da7ba}.service h3{color:#d8ecf8}.service>a{min-height:44px}.locations>span:first-child{font-size:12px;color:#9da7ba}.steps p{line-height:1.75}.intro,.section-intro{color:#c7d3ea}.final-cta{padding-bottom:100px}.final-cta h2{font-size:64px}.instagram-card{transform:none;min-height:340px}.instagram-card:hover{transform:none}
.t-tilt { touch-action: none; }
.t-tilt-card {
  position: relative;
  border-radius: 12px;
  overflow: hidden;
  transform:
    perspective(var(--tilt-perspective))
    rotateX(var(--tilt-rx, 0deg))
    rotateY(var(--tilt-ry, 0deg));
  transform-style: preserve-3d;
  transition: transform var(--tilt-return) var(--tilt-return-ease);
  will-change: transform;
}
.t-tilt-card.is-tilting {
  transition: transform var(--tilt-follow) var(--tilt-follow-ease);
}
.t-tilt-glare {
  position: absolute;
  inset: 0;
  pointer-events: none;
  opacity: 0;
  mix-blend-mode: screen;
  background:
    radial-gradient(circle 95px at var(--tilt-gx, 50%) var(--tilt-gy, 50%),
      rgba(255,255,255,0.48), rgba(255,255,255,0.06) 52%, rgba(255,255,255,0) 84%),
    radial-gradient(circle 200px at var(--tilt-gx, 50%) var(--tilt-gy, 50%),
      rgba(255,255,255,0.22), rgba(255,255,255,0.04) 58%, rgba(255,255,255,0) 78%),
    radial-gradient(circle 360px at var(--tilt-gx, 50%) var(--tilt-gy, 50%),
      rgba(255,255,255,0.10), rgba(255,255,255,0) 88%);
  transition: opacity var(--tilt-glare-fade) var(--tilt-glare-ease);
}
.t-tilt.is-hover .t-tilt-glare { opacity: var(--tilt-glare-opacity); }
@media (prefers-reduced-motion: reduce) {
  .t-tilt-card { transform: none !important; transition: none !important; }
}
.t-tilt{touch-action:pan-y;min-width:0;display:flex}.t-tilt-card{border-radius:16px;width:100%;height:100%}.t-tilt-card:not(.is-tilting){will-change:auto}.instagram-card.t-tilt-card:hover{transform:perspective(var(--tilt-perspective)) rotateX(var(--tilt-rx,0deg)) rotateY(var(--tilt-ry,0deg))}
.reveal-ready{opacity:0;translate:0 18px;transition:opacity var(--motion-enter) var(--motion-ease),translate var(--motion-enter) var(--motion-ease);transition-delay:var(--reveal-delay,0ms)}.reveal-ready.is-visible{opacity:1;translate:0 0}.hero>.eyebrow,.hero>h1,.hero>.intro,.hero>.button,.hero>.micro{animation:hero-in 850ms var(--motion-ease) both}.hero>h1{animation-delay:90ms}.hero>.intro{animation-delay:160ms}.hero>.button{animation-delay:220ms}.hero>.micro{animation-delay:260ms}
details{overflow:hidden}summary{min-height:64px}summary span{transition:transform 400ms var(--motion-ease)}details p{color:#c7d3ea}.phone{font-size:14px}footer>a:not(.brand),footer small{font-size:12px}
@keyframes hero-in{from{opacity:0;translate:0 16px;filter:blur(3px)}to{opacity:1;translate:0 0;filter:blur(0)}}
@keyframes light-arrive{from{opacity:0;transform:scaleX(.6)}to{opacity:1;transform:scaleX(1)}}
@keyframes float-left{0%,100%{transform:rotate(-9deg) translateY(0)}50%{transform:rotate(-7deg) translateY(-13px)}}
@keyframes float-right{0%,100%{transform:rotate(9deg) translateY(0)}50%{transform:rotate(7deg) translateY(-13px)}}
@keyframes float-center{0%,100%{transform:translateY(0)}50%{transform:translateY(-10px)}}
@media(max-width:850px){.eyebrow{font-size:13px}.services{grid-template-columns:1fr}.service{padding:24px}.stage{margin-top:48px}.section{padding-top:90px}}
@media(max-width:600px){.hero{padding-top:38px}.eyebrow{font-size:12px;gap:10px}.eyebrow:before,.eyebrow:after{width:20px}h1{font-size:clamp(44px,12vw,64px)}h2{font-size:36px}.section{padding-top:80px}.stage{width:100%;left:auto;margin:38px auto 0;transform:none;height:325px;max-width:380px}.floating.center{left:calc(50% - 140px);width:280px;height:300px;padding:20px}.logo-scene{height:185px}.floating.left,.floating.right{width:230px;height:255px;top:28px;opacity:.5}.floating.left{left:calc(50% - 220px)}.floating.right{right:calc(50% - 220px)}.floating.left>*:not(.card-top),.floating.right>*:not(.card-top){visibility:hidden}.card-top{font-size:10px}.center-caption{font-size:13px}.locations{margin-top:10px}.final-cta h2{font-size:46px}.final-cta{padding-bottom:65px}.showcase{gap:28px}.showcase .eyebrow{justify-content:center}.t-tilt{display:block}.service p{font-size:16px}.micro{font-size:12px}.mobile-contact{bottom:max(14px,env(safe-area-inset-bottom))}footer{padding-bottom:110px}}
.client-section{height:195vh;min-height:1100px;padding-top:75px;position:relative}.client-sticky{position:sticky;top:35px;max-width:1200px;margin:auto;padding:35px 24px;text-align:center;overflow:hidden}.client-sticky h2{margin:22px 0}.client-toolbar{display:flex;align-items:center;justify-content:space-between;margin:28px 0 18px;color:#9da7ba;font:12px monospace;letter-spacing:.08em}.client-toolbar>div{display:flex;gap:8px}.client-toolbar button{cursor:pointer;width:44px;height:44px;padding:0;color:#d1e4fa;font-size:20px}.client-rail{display:flex;gap:20px;overflow-x:auto;scrollbar-width:none;overscroll-behavior-x:contain;padding:12px 2px 30px;scroll-snap-type:x proximity;text-align:left}.client-rail::-webkit-scrollbar{display:none}.client-card{flex:0 0 290px;min-width:0;min-height:330px;position:relative;overflow:hidden;scroll-snap-align:start;display:flex;flex-direction:column;align-items:flex-start;isolation:isolate;transition:translate .6s var(--motion-ease)}.client-card:hover{translate:0 -5px}.client-index{font:11px monospace;letter-spacing:.09em;color:#9da7ba}.client-avatar{position:relative;display:block;width:82px;height:82px;border-radius:9999px;overflow:hidden;margin:26px 0 20px;background:#15151c;box-shadow:0 0 0 1px #bad7f733}.client-avatar img{position:absolute;max-width:none;width:350px;height:auto;left:-14px}.client-card h3{font-size:27px;letter-spacing:-.035em;margin:0 0 7px;color:#d8ecf8}.client-card p{font-size:14px;color:#9da7ba;margin:0 0 12px}.client-handle{font-size:12px;color:#aeb8c9;overflow-wrap:anywhere}.client-link{display:flex;justify-content:space-between;align-self:stretch;font-size:14px;border-top:1px solid var(--edge);padding-top:16px;margin-top:25px}.client-link b{color:var(--orange);font-weight:400}.client-progress{height:2px;background:#bad7f711;margin:0 2px;overflow:hidden}.client-progress span{height:100%;display:block;width:12%;background:linear-gradient(90deg,#f7821944,#f78219);transform-origin:left;transition:width 150ms linear}
.glass{isolation:isolate;overflow:hidden}.circuit-layer{position:absolute;inset:0;width:100%;height:100%;pointer-events:none;z-index:-1;overflow:hidden;opacity:.75}.circuit-wire{fill:none;stroke:#f78219;stroke-width:.55;opacity:.14;vector-effect:non-scaling-stroke}.circuit-pulse{fill:none;stroke:#ffb970;stroke-width:1.3;stroke-linecap:round;stroke-dasharray:9 191;stroke-dashoffset:200;opacity:0;filter:drop-shadow(0 0 3px #ff8b2b);vector-effect:non-scaling-stroke}.circuit-node{fill:#f78219;opacity:.18}.glass.is-energized .circuit-pulse{animation:circuit-flow 1400ms ease-out both}.glass.is-energized .circuit-node{animation:node-light 1400ms ease-out both}.glass.is-energized .circuit-pulse:nth-of-type(2){animation-delay:120ms}.floating{translate:0 var(--scroll-lift,0px);transition:translate 550ms var(--motion-ease)}.floating.left{--float-direction:-1}.floating.right{--float-direction:1}
@keyframes circuit-flow{0%{stroke-dashoffset:200;opacity:0}20%{opacity:.7}80%{opacity:.45}100%{stroke-dashoffset:0;opacity:0}}@keyframes node-light{0%,100%{opacity:.18}40%{opacity:.6}}
.mobile-contact{width:calc(100% - 40px);min-width:0;gap:10px;font-size:14px;padding-left:12px;padding-right:12px;white-space:normal}
@media(max-width:700px){.client-section{height:auto;min-height:0;padding-top:55px}.client-sticky{position:relative;top:auto;padding:24px 20px}.client-sticky h2{font-size:36px}.client-toolbar{font-size:10px;gap:12px}.client-card{flex-basis:260px;min-height:330px}.client-rail{scroll-snap-type:x mandatory}.client-avatar{margin-top:24px}.client-sticky>.eyebrow{font-size:11px}.client-toolbar>span{max-width:190px}.circuit-layer{opacity:.65}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto!important}*,*:before,*:after{animation:none!important;transition:none!important}.reveal-ready{opacity:1;translate:none}.floating{animation:none!important;translate:none!important}.client-section{height:auto;min-height:0}.client-sticky{position:relative;top:auto}.circuit-pulse{display:none}.client-card:hover{translate:none}}
