:root{--logo:#121212;--glow:rgba(232,85,28,.16)}
html[data-theme="dark"]{color-scheme:dark;--bg:#0F0E0D;--bg-2:#151412;--panel:#1B1A18;--line:rgba(255,255,255,.08);--line-2:rgba(255,255,255,.15);--ink:#F2EDE4;--ink-2:#D9D2C6;--muted:#A8A096;--dim:#6F685F;--accent:#FF6A2B;--accent-2:#FF8450;--navy:#1E1C1A;--logo:#F2EDE4;--glow:rgba(255,106,43,.20)}
html{color-scheme:light}
body{transition:background-color .45s ease,color .45s ease}

.logo{color:var(--logo)}
footer .logo{color:#F3EEE4}
.logo svg.lab{width:44px;height:40px;flex:none;overflow:visible}
.logo .lab-frame{fill:none;stroke:currentColor;stroke-width:62;stroke-linejoin:round;stroke-linecap:round}
.logo .lab-fill{fill:#FF5A1E;transform-box:fill-box;transform-origin:50% 100%;animation:labFill 1.2s cubic-bezier(.2,.8,.2,1) .2s both}
.logo .lab-b{fill:#FF5A1E;transform-box:fill-box;transform-origin:center;animation:labBub 3.2s ease-in-out infinite}
.logo .lab-b:nth-of-type(2){animation-delay:-1.1s;animation-duration:2.7s}
.logo .lab-b:nth-of-type(3){animation-delay:-2s;animation-duration:3.6s}
.logo div{color:currentColor}
.logo small{color:#FF5A1E!important}
@keyframes labFill{from{transform:scaleY(0)}to{transform:scaleY(1)}}
@keyframes labBub{0%,100%{transform:translateY(0);opacity:1}50%{transform:translateY(-38px);opacity:.55}}
.logo:hover .lab-fill{animation:labWave .9s ease-in-out}
@keyframes labWave{50%{transform:scaleY(1.35)}}

.theme-t{width:44px;height:44px;border-radius:999px;border:1px solid var(--line-2);display:inline-flex;align-items:center;justify-content:center;color:var(--ink);position:relative;overflow:hidden;flex:none;transition:border-color .25s,transform .35s cubic-bezier(.2,.8,.2,1),background-color .25s}
.theme-t:hover{border-color:var(--accent);transform:rotate(-12deg)}
.theme-t svg{width:19px;height:19px;position:absolute;transition:transform .55s cubic-bezier(.2,.8,.2,1),opacity .35s}
.theme-t .moon{transform:translateY(0) rotate(0);opacity:1}
.theme-t .sun{transform:translateY(140%) rotate(90deg);opacity:0}
html[data-theme="dark"] .theme-t .moon{transform:translateY(-140%) rotate(-90deg);opacity:0}
html[data-theme="dark"] .theme-t .sun{transform:none;opacity:1}
::view-transition-old(root),::view-transition-new(root){animation:none;mix-blend-mode:normal}

html[data-theme="dark"] .lang button.on,html[data-theme="dark"] .btn-wa,html[data-theme="dark"] .pl-tabs button.on,html[data-theme="dark"] .filters button.on,html[data-theme="dark"] .filters button:hover{background:#F2EDE4;color:#121212}
html[data-theme="dark"] .filters button.on,html[data-theme="dark"] .filters button:hover{border-color:#F2EDE4}
html[data-theme="dark"] .btn-wa:hover{background:var(--accent);color:#fff}
html[data-theme="dark"] .btn-ghost{border-color:var(--ink);color:var(--ink)}
html[data-theme="dark"] .btn-ghost:hover{background:var(--ink);color:#121212}
html[data-theme="dark"] .cta-band h2 em{color:#121212}
html[data-theme="dark"] footer{background:#0A0908;border-top:1px solid var(--line)}
html[data-theme="dark"] .marquee{background:#171614;border-top:1px solid var(--line);border-bottom:1px solid var(--line)}
html[data-theme="dark"] .marquee::before{background:linear-gradient(90deg,#171614,transparent)}
html[data-theme="dark"] .marquee::after{background:linear-gradient(-90deg,#171614,transparent)}
html[data-theme="dark"] .svc:nth-child(1),html[data-theme="dark"] .cmp-col.us{background:#1E1C1A;box-shadow:inset 0 0 0 1px var(--line-2)}
html[data-theme="dark"] .phone-live,html[data-theme="dark"] .pl-notch{background:#050505}
html[data-theme="dark"] .phone-live{box-shadow:0 50px 80px -30px rgba(0,0,0,.8),inset 0 0 0 2px #2a2724}
html[data-theme="dark"] img{filter:brightness(.94)}

.sp-bar{position:fixed;top:0;left:0;right:0;height:2px;background:var(--accent);transform:scaleX(0);transform-origin:0 50%;z-index:120;pointer-events:none}
.cur-glow{position:fixed;top:0;left:0;width:520px;height:520px;margin:-260px 0 0 -260px;border-radius:50%;background:radial-gradient(circle,var(--glow),transparent 62%);pointer-events:none;z-index:0;opacity:0;transition:opacity .5s;will-change:transform}
.cur-glow.on{opacity:1}
.hero h1,.phero h1{opacity:0;transform:translateY(28px);transition:opacity 1s cubic-bezier(.2,.8,.2,1),transform 1s cubic-bezier(.2,.8,.2,1)}
.hero h1 em,.phero h1 em{display:inline-block;opacity:0;transform:translateY(.4em) rotate(-2deg);transition:opacity .9s cubic-bezier(.2,.8,.2,1) .35s,transform .9s cubic-bezier(.2,.8,.2,1) .35s}
.ready .hero h1,.ready .phero h1,.ready .hero h1 em,.ready .phero h1 em{opacity:1;transform:none}
.rv{transition:opacity .9s cubic-bezier(.2,.8,.2,1),transform .9s cubic-bezier(.2,.8,.2,1)!important;transition-delay:var(--d,0s)!important}
.rv:not(.in){transform:translateY(34px)}
.btn{will-change:transform}
.btn.mag{transition:transform .35s cubic-bezier(.2,.8,.2,1),background-color .25s,color .25s,box-shadow .25s,border-color .25s}
.tilt{transform-style:preserve-3d;transition:transform .5s cubic-bezier(.2,.8,.2,1)}
.work-card .bw{transition:transform .5s cubic-bezier(.2,.8,.2,1),box-shadow .35s}
.eyebrow::before{animation:eyePulse 2.4s ease-in-out infinite}
@keyframes eyePulse{50%{transform:scale(1.5);opacity:.6}}
.intro{position:fixed;inset:0;z-index:300;background:var(--bg);display:flex;align-items:center;justify-content:center;transition:opacity .6s ease .1s,visibility .6s ease .1s;color:var(--logo)}
.intro svg{width:84px;height:78px;overflow:visible}
.intro .lab-frame{fill:none;stroke:currentColor;stroke-width:62;stroke-linejoin:round;stroke-linecap:round;stroke-dasharray:3200;stroke-dashoffset:3200;animation:introDraw .9s cubic-bezier(.6,0,.2,1) forwards}
.intro .lab-fill{fill:#FF5A1E;transform-box:fill-box;transform-origin:50% 100%;transform:scaleY(0);animation:labFill .6s cubic-bezier(.2,.8,.2,1) .7s forwards}
.intro .lab-b{fill:#FF5A1E;opacity:0;animation:introBub .8s ease-out .95s forwards}
@keyframes introDraw{to{stroke-dashoffset:0}}
@keyframes introBub{from{opacity:0;transform:translateY(30px)}to{opacity:1;transform:none}}
.intro.out{opacity:0;visibility:hidden}
@media(hover:none){.cur-glow{display:none}}
@media(prefers-reduced-motion:reduce){.hero h1,.phero h1,.hero h1 em,.phero h1 em{opacity:1!important;transform:none!important}.intro{display:none}.cur-glow{display:none}.logo .lab-b{animation:none}}
@media(max-width:640px){.theme-t{width:40px;height:40px}.logo svg.lab{width:38px;height:35px}}
html[data-theme="dark"] header{background:rgba(15,14,13,.82)!important}
html[data-theme="dark"] .showcase::before{background:radial-gradient(circle,rgba(255,106,43,.32) 0%,rgba(255,106,43,.10) 45%,transparent 70%)}
html[data-theme="dark"] .bw{box-shadow:0 24px 50px -28px rgba(0,0,0,0.72),0 0 0 1px var(--line-2)}
html[data-theme="dark"] .bw-bar{background:#23211E}
html[data-theme="dark"] .bw-bar i{background:#3A3631}
html[data-theme="dark"] .bw-url{background:#1B1A18}
html[data-theme="dark"] .work-card:hover .bw{box-shadow:0 34px 60px -28px rgba(0,0,0,0.8),0 0 0 2px var(--accent)}
html[data-theme="dark"] .bx,html[data-theme="dark"] .svc .ic,html[data-theme="dark"] .feat .bx{background:rgba(255,106,43,.14)}
html[data-theme="dark"] .svc:nth-child(2){background:rgba(255,106,43,.14)}
html[data-theme="dark"] .who-tile:hover{background:#1D1A17}
html[data-theme="dark"] .menu-card{background:#1B1A18;box-shadow:0 30px 60px -30px rgba(0,0,0,0.64)}
html[data-theme="dark"] .composer{background:#1B1A18;box-shadow:0 24px 50px -24px rgba(0,0,0,0.8)}
html[data-theme="dark"] .pain .ps{background:rgba(255,106,43,.14)}
html[data-theme="dark"] a.ct-way:hover{background:#1D1A17}
html[data-theme="dark"] input,html[data-theme="dark"] select,html[data-theme="dark"] textarea{background:#1B1A18}
html[data-theme="dark"] form.composer{background:#1B1A18}
@media(max-width:1000px){html[data-theme="dark"] .menu.is-open{box-shadow:0 24px 40px -20px rgba(0,0,0,0.56)}}
html[data-theme="dark"] form select{background:#1B1A18 url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='14' height='9' viewBox='0 0 14 9'%3E%3Cpath d='M1 1l6 6 6-6' stroke='%23F2EDE4' stroke-width='2' fill='none' stroke-linecap='round'/%3E%3C/svg%3E") no-repeat right 18px center}
html.no-intro .intro{display:none}
.intro{animation:introAuto .5s ease 2.4s forwards}
@keyframes introAuto{to{opacity:0;visibility:hidden}}
.logo svg.lab{width:48px;height:44px}
html[data-theme="dark"] .receipt,html[data-theme="dark"] .pl-screen,html[data-theme="dark"] .ba-frame{--ink:#14213D;--ink-2:#2E3A55;--muted:#5E6677;--dim:#9AA0AB;--line:rgba(20,33,61,.09);--line-2:rgba(20,33,61,.16);--accent:#E8551C;color:var(--ink)}
html[data-theme="dark"] .receipt{box-shadow:0 30px 60px -30px rgba(0,0,0,.8)}
.logo small{white-space:nowrap}
@media(max-width:640px){.nav{gap:10px}.nav-r{gap:8px}.logo{font-size:17px;gap:9px}.logo svg.lab{width:36px;height:33px}.lang button{padding:6px 7px}.theme-t{width:38px;height:38px}.burger{width:40px;height:40px}}
@media(max-width:400px){.lang button{padding:6px 5px;font-size:10px}.logo small{letter-spacing:.3em}}
.sticky,.sticky.s1,.sticky.s2,.sticky.s3,.sticky.s4{background:#FFFEFA;color:#14213D;box-shadow:0 18px 34px -16px rgba(20,33,61,.45),inset 0 0 0 1px rgba(20,33,61,.08)}
.sticky svg{color:var(--accent);background:rgba(232,85,28,.12);border-radius:6px;padding:4px;width:26px;height:26px;box-sizing:border-box}
html[data-theme="dark"] .sticky,html[data-theme="dark"] .sticky.s1,html[data-theme="dark"] .sticky.s2,html[data-theme="dark"] .sticky.s3,html[data-theme="dark"] .sticky.s4{background:#1F1D1A;color:#F2EDE4;box-shadow:0 18px 34px -16px rgba(0,0,0,.8),inset 0 0 0 1px rgba(255,255,255,.12)}
html[data-theme="dark"] .sticky svg{background:rgba(255,106,43,.16)}
html[data-theme="dark"] .chat{background-color:#141311;background-image:radial-gradient(rgba(255,255,255,.05) 1px,transparent 1px);border-color:rgba(255,255,255,.1);box-shadow:0 30px 60px -30px rgba(0,0,0,.85)}
html[data-theme="dark"] .chat-top{background:#1F1D1A;color:#F2EDE4;border-bottom:1px solid rgba(255,255,255,.08)}
html[data-theme="dark"] .msg{box-shadow:0 1px 1px rgba(0,0,0,.3)}
html[data-theme="dark"] .msg.in{background:#26231F;color:#F2EDE4}
html[data-theme="dark"] .msg.out{background:#173D2A;color:#E6F4EA}
html[data-theme="dark"] .msg .tm{color:#53BDEB}
html[data-theme="dark"] .chat-input{background:#26231F;color:#A8A096}
html[data-theme="dark"] .chat-input:hover{color:#F2EDE4}
.chat,.chat-top,.msg,.chat-input{transition:background-color .45s ease,color .45s ease,border-color .45s ease}