:root{--bg:#090a0d;--surface:#111319;--surface2:#171920;--fg:#f8f8f9;--muted:#a1a3ae;--stroke:rgba(255,255,255,.105);--green:#8cf23c;--yellow:#ffd938;--pink:#ff279f;--cyan:#21c3f5;--orange:#ff9828;--purple:#9848ff;--font:'DM Sans',Arial,sans-serif;--display:'Archivo',Arial,sans-serif;--container:1340px}
*,*::before,*::after{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:90px}body{margin:0;background:var(--bg);color:var(--fg);font-family:var(--font);-webkit-font-smoothing:antialiased;font-size:16px;line-height:1.55;overflow-x:hidden}body.no-scroll{overflow:hidden}a{text-decoration:none;color:inherit}button,input,select,textarea{font:inherit}button{cursor:pointer}img{max-width:100%}::selection{background:#ef2fb3;color:#fff}:focus-visible{outline:2px solid #43caff;outline-offset:3px}.container{width:min(calc(100% - 96px),var(--container));margin-inline:auto}.skip{position:absolute;left:12px;top:-70px;z-index:100;color:#111;background:#fff;padding:10px 16px}.skip:focus{top:10px}.icon{width:18px;height:18px;flex:none;display:block}.gradient-type{font-style:normal;background:linear-gradient(105deg,#8cf23c 1%,#e2ee38 17%,#ff9828 39%,#ff279f 60%,#9848ff 80%,#21c3f5 98%);-webkit-background-clip:text;background-clip:text;color:transparent}.eyebrow{font-size:11px;line-height:1.6;font-weight:700;letter-spacing:.31em;text-transform:uppercase;color:#b4b5c0}.eyebrow span{color:#727782;padding-inline:7px}.btn{min-height:45px;display:inline-flex;justify-content:center;align-items:center;gap:13px;border:1px solid rgba(255,255,255,.38);border-radius:100px;padding:12px 23px;background:transparent;color:#f8f8f9;font-size:13px;font-weight:700;white-space:nowrap;transition:background .3s,border-color .3s,color .3s,transform .3s,box-shadow .3s}.btn .icon{width:15px;height:15px;transition:transform .3s}.btn:hover .icon{transform:translate(3px,-3px)}.btn:hover{border-color:#fff;background:rgba(255,255,255,.09)}.btn-primary{background:#fff;border-color:#fff;color:#090a0d}.btn-primary:hover{background:#e7e7e7;color:#090a0d;box-shadow:0 10px 40px rgba(255,255,255,.12)}.text-link{display:inline-flex;align-items:center;gap:10px;font-size:13px;font-weight:700;transition:gap .25s}.text-link:hover{gap:16px}.text-link .icon{width:15px}
/* Navigation */
.site-header{height:77px;position:fixed;top:0;left:0;right:0;z-index:40;border-bottom:1px solid transparent;transition:background .38s,border-color .38s,backdrop-filter .38s}.site-header.scrolled,.site-header.menu-open{background:rgba(8,9,13,.9);backdrop-filter:blur(22px);border-color:var(--stroke)}.nav-inner{height:100%;display:flex;align-items:center;justify-content:space-between;gap:36px}.brand{display:inline-flex;align-items:center;flex:none}.brand img{width:153px;height:auto;max-height:52px;object-fit:contain;filter:drop-shadow(0 2px 1px rgba(0,0,0,.2))}.desktop-links{display:flex;align-items:center;justify-content:center;gap:34px}.desktop-links a{font-weight:600;font-size:12px;color:#e3e4e9;position:relative;white-space:nowrap;transition:color .25s}.desktop-links a::after{content:'';position:absolute;left:0;right:100%;bottom:-10px;height:2px;background:linear-gradient(90deg,var(--green),var(--cyan));transition:right .27s}.desktop-links a:hover::after,.desktop-links a.active::after{right:0}.desktop-links a:hover{color:#fff}.nav-actions{display:flex;align-items:center;gap:15px}.nav-actions .btn{min-height:40px;padding:8px 17px}.menu-btn{display:none;width:43px;height:43px;place-items:center;color:white;border:1px solid var(--stroke);border-radius:50%;background:transparent}.mobile-menu{display:none}
/* Hero */
.hero{position:relative;isolation:isolate;min-height:770px;min-height:94svh;display:flex;align-items:center;overflow:hidden;border-bottom:1px solid var(--stroke)}.hero-image{position:absolute;inset:0;z-index:-3;background-image:radial-gradient(ellipse 38% 46% at 74% 30%,rgba(255,39,159,.20),transparent 70%),radial-gradient(ellipse 34% 44% at 86% 72%,rgba(33,195,245,.20),transparent 70%),radial-gradient(ellipse 30% 40% at 60% 78%,rgba(140,242,60,.13),transparent 70%),radial-gradient(ellipse 30% 40% at 62% 20%,rgba(152,72,255,.17),transparent 70%),radial-gradient(ellipse 60% 70% at 72% 50%,#12131b 0%,#090a0d 75%);background-position:center center;background-size:cover;transform:scale(1.04);animation:hero-image-reveal 1.6s cubic-bezier(.21,.63,.32,1) both}.hero-vignette{position:absolute;inset:0;z-index:-2;background:linear-gradient(90deg,#090a0d 0%,rgba(9,10,13,.95) 19%,rgba(9,10,13,.6) 43%,rgba(9,10,13,.12) 70%,rgba(9,10,13,.08) 100%),linear-gradient(0deg,#090a0d 0%,transparent 32%,rgba(9,10,13,.38) 100%)}.hero-inner{padding-top:130px;padding-bottom:105px}.hero-content{max-width:705px}.hero h1{margin:24px 0 0;font-family:var(--display);font-weight:900;text-transform:uppercase;letter-spacing:-.055em;font-size:clamp(59px,6.5vw,104px);line-height:.99}.hero-sub{max-width:470px;color:#c7c9d1;font-size:16px;line-height:1.73;margin:27px 0 0}.hero-buttons{display:flex;gap:14px;align-items:center;flex-wrap:wrap;margin-top:29px}.hero-metrics{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;max-width:530px;margin-top:64px}.hero-metrics>div{border:1px solid rgba(255,255,255,.16);background:rgba(10,12,16,.4);backdrop-filter:blur(8px);border-radius:15px;padding:15px 18px;display:flex;flex-direction:column}.hero-metrics b{font:800 29px var(--display);letter-spacing:-.04em}.hero-metrics span{font-size:10px;font-weight:700;text-transform:uppercase;letter-spacing:.08em;color:#b5b7c1;margin-top:5px}.scroll-cue{position:absolute;right:5%;bottom:35px;display:grid;place-items:center;border:1px solid rgba(255,255,255,.3);border-radius:50%;height:48px;width:48px;transform:rotate(90deg);transition:background .25s}.scroll-cue:hover{background:#ffffff22}.hero-anim{opacity:0;transform:translateY(24px);animation:hero-rise .85s cubic-bezier(.2,.85,.25,1) forwards;animation-delay:var(--delay,0ms)}@keyframes hero-rise{to{opacity:1;transform:none}}@keyframes hero-image-reveal{to{transform:scale(1)}}
/* Shared sections */
.section{padding:115px 0;border-bottom:1px solid var(--stroke);position:relative}.section-heading{display:grid;grid-template-columns:1.25fr .75fr;gap:40px;align-items:end;margin-bottom:48px}.section-heading h2,.colors-intro h2{font:900 clamp(40px,4.4vw,66px)/1.035 var(--display);letter-spacing:-.05em;text-transform:uppercase;margin:16px 0 0}.heading-right{justify-self:end;display:flex;flex-direction:column;align-items:flex-start;gap:18px;max-width:440px}.heading-right p,.heading-aside{font-size:15px;line-height:1.75;color:var(--muted);margin:0}.heading-aside{max-width:400px;justify-self:end}.project-note{font-size:12px;color:#89919b}.reveal{opacity:1;transform:none}.reveal.visible{opacity:1;transform:none}
/* Service grid */
.services-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:19px}.service-card{border:1px solid var(--stroke);border-radius:18px;background:#101217;overflow:hidden;display:flex;flex-direction:column;cursor:pointer;min-width:0;transition:transform .4s,border-color .4s,background .4s,box-shadow .4s}.service-card:hover,.service-card:focus-visible{border-color:color-mix(in srgb,var(--accent) 62%,#333);transform:translateY(-5px);box-shadow:0 22px 45px rgba(0,0,0,.35)}.svc-photo{position:relative;aspect-ratio:1.38;overflow:hidden;background:#1a1c22}.svc-photo::after{content:'';position:absolute;inset:40% 0 0;background:linear-gradient(transparent,#101217b5)}.svc-photo img{width:100%;height:100%;object-fit:cover;display:block;transition:transform 1s cubic-bezier(.22,1,.36,1)}.service-card:hover .svc-photo img{transform:scale(1.07)}.number-chip{position:absolute;top:14px;left:14px;z-index:1;color:#e9ebf2;font-size:12px;font-weight:800;letter-spacing:.09em;padding:5px 10px;border-radius:30px;background:rgba(0,0,0,.5);border:1px solid #ffffff25;backdrop-filter:blur(8px)}.svc-body{padding:24px 23px 21px;flex:1;display:flex;flex-direction:column}.svc-top{display:flex;align-items:center;justify-content:space-between}.svc-icon{display:grid;place-items:center;width:39px;height:39px;border:1px solid var(--stroke);border-radius:12px;color:var(--accent)}.svc-icon .icon{width:21px;height:21px}.round-arrow{display:grid;place-items:center;flex:none;width:37px;height:37px;border-radius:50%;border:1px solid rgba(255,255,255,.28);color:#fff;transition:background .3s,color .3s,transform .3s}.round-arrow .icon{width:17px;height:17px}.service-card:hover .round-arrow,.work-card:hover .round-arrow{background:#fff;color:#090a0d;transform:rotate(3deg)}.svc-body h3{font:800 19px/1.15 var(--display);letter-spacing:-.025em;margin:21px 0 8px;min-height:42px}.svc-body p{font-size:13px;line-height:1.65;color:#adb0ba;margin:0 0 21px;min-height:65px}.svc-body ul{padding:19px 0 0;margin:0;list-style:none;border-top:1px solid var(--stroke);display:grid;gap:8px}.svc-body li{font-size:12px;font-weight:600;color:#d6d8df;display:flex;align-items:flex-start;gap:9px;line-height:1.35}.svc-body li::before{content:'';width:5px;height:5px;border-radius:50%;background:var(--accent);flex:none;margin-top:5px}.svc-discover{display:inline-flex;gap:7px;align-items:center;margin-top:auto;padding-top:22px;font-size:11px;font-weight:800;text-transform:uppercase;letter-spacing:.12em;color:#aeb0bd}.svc-discover .icon{width:13px;height:13px}.service-card:hover .svc-discover{color:#fff}
/* Process */
.process-section{background:#0b0c10}.process-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:38px;position:relative;margin-top:66px}.process-line{position:absolute;top:9px;left:7%;right:7%;height:1px;background:rgba(255,255,255,.14)}.process-line span{display:block;width:100%;height:2px;background:linear-gradient(90deg,var(--green),var(--yellow),var(--pink),var(--cyan))}.process-grid.visible .process-line span{width:100%}.process-step{position:relative;padding-top:39px}.step-dot{position:absolute;top:0;left:0;width:19px;height:19px;border-radius:50%;background:var(--bg);border:2px solid var(--step);box-shadow:0 0 0 6px color-mix(in srgb,var(--step) 13%,transparent);transition:box-shadow .3s}.process-step:hover .step-dot{box-shadow:0 0 0 12px color-mix(in srgb,var(--step) 12%,transparent)}.step-num{font-family:var(--display);font-size:13px;font-weight:800;color:var(--step);letter-spacing:.12em}.process-step h3{font:800 23px var(--display);letter-spacing:-.035em;margin:8px 0}.process-step p{max-width:225px;font-size:14px;line-height:1.7;color:var(--muted);margin:0}
/* Projects */
.work-section{background:#090a0d}.filter-list{display:flex;align-items:center;gap:10px;flex-wrap:wrap;margin:0 0 32px}.filter-btn{border:1px solid rgba(255,255,255,.21);background:transparent;border-radius:30px;color:#c4c6d0;padding:10px 18px;font-size:12px;font-weight:700;transition:color .3s,border-color .3s,background .3s}.filter-btn:hover{border-color:#fff;color:#fff}.filter-btn.selected{color:#08090b;background:#fff;border-color:#fff}.work-grid{display:grid;grid-template-columns:repeat(12,minmax(0,1fr));grid-auto-flow:dense;gap:19px}.work-card{grid-column:span var(--span);position:relative;height:380px;isolation:isolate;overflow:hidden;cursor:pointer;border:1px solid var(--stroke);border-radius:18px;background:#17191f;transition:border-color .4s}.work-card:hover,.work-card:focus-visible{border-color:rgba(255,255,255,.4)}.work-card img{width:100%;height:100%;object-fit:cover;transition:transform 1.2s cubic-bezier(.22,1,.36,1)}.work-card:hover img{transform:scale(1.07)}.work-overlay{position:absolute;inset:0;background:linear-gradient(180deg,rgba(0,0,0,.12) 30%,rgba(0,0,0,.14) 45%,rgba(0,0,0,.89) 100%);transition:opacity .3s}.work-card:hover .work-overlay{opacity:.88}.concept-label{position:absolute;top:18px;right:18px;color:#fff;font-size:10px;text-transform:uppercase;letter-spacing:.1em;background:rgba(0,0,0,.49);padding:6px 10px;border-radius:30px;border:1px solid #ffffff20}.work-caption{position:absolute;bottom:25px;left:25px;right:25px;display:flex;align-items:end;justify-content:space-between;gap:15px}.work-category{font-size:10px;text-transform:uppercase;letter-spacing:.22em;color:#c8cad2;font-weight:800}.work-caption h3{font:800 clamp(19px,1.7vw,28px)/1.1 var(--display);letter-spacing:-.04em;margin:7px 0 0}.work-card .round-arrow{border:none;background:#fff;color:#0c0e10;transform:translateY(9px);opacity:0;transition:transform .3s,opacity .3s}.work-card:hover .round-arrow{transform:translateY(0);opacity:1}.work-card.is-hidden{display:none}.work-card.filter-in{animation:filter-in .55s cubic-bezier(.2,.8,.3,1) both}@keyframes filter-in{from{opacity:0;transform:translateY(15px)}to{opacity:1;transform:none}}.work-note{font-size:11px;color:#777b88;margin:20px 0 0;text-align:right}
/* Brand color infographic */
.colors-section{background:radial-gradient(ellipse at 73% 34%,#191320 0%,#090a0d 56%);padding-bottom:88px}.colors-layout{display:grid;grid-template-columns:39% 61%;align-items:center;gap:20px}.colors-intro h2{font-size:clamp(41px,3.85vw,60px)}.colors-intro>p:not(.eyebrow){max-width:370px;margin:24px 0;color:#b0b2be;font-size:15px;line-height:1.78}.color-active-caption{display:flex;gap:13px;align-items:flex-start;margin-top:36px;padding:20px;border:1px solid rgba(255,255,255,.13);border-radius:16px;max-width:375px;background:#ffffff06}.active-dot{background:var(--green);height:11px;width:11px;border-radius:50%;margin-top:5px;box-shadow:0 0 14px currentColor;flex:none}.color-active-caption b{font:800 15px var(--display);text-transform:uppercase;letter-spacing:.12em}.color-active-caption p{font-size:12px;line-height:1.65;color:#afb3c0;margin:4px 0 0}.x-infographic{width:100%;aspect-ratio:1.27;max-height:610px;position:relative}.x-symbol{width:66%;height:100%;position:absolute;left:17%;top:0;overflow:visible;transition:filter .5s;filter:drop-shadow(0 0 14px var(--active-color,#8cf23c25))}.x-symbol .x-beams path{fill:none;stroke-linecap:butt;stroke-dasharray:450;stroke-dashoffset:0}.x-symbol .x-hollow path{fill:none}.x-infographic.visible .x-symbol .x-beams path{stroke-dashoffset:0}.color-node{position:absolute;border:0;background:transparent;padding:4px;display:flex;align-items:flex-start;gap:12px;width:185px;color:#ddd;z-index:2;text-align:left;opacity:.65;transition:opacity .35s,transform .35s}.color-node:hover,.color-node:focus-visible,.color-node.active{opacity:1;transform:translateY(-2px)}.color-node .dot{flex:none;width:12px;height:12px;margin-top:2px;border-radius:50%;background:var(--node);box-shadow:0 0 0 4px color-mix(in srgb,var(--node) 12%,transparent);transition:box-shadow .3s}.color-node.active .dot{box-shadow:0 0 0 7px color-mix(in srgb,var(--node) 18%,transparent),0 0 16px var(--node)}.color-copy b{font-size:12px;font-weight:900;text-transform:uppercase;letter-spacing:.1em;display:block}.color-node.active b{color:var(--node)}.color-copy small{display:block;font-size:11px;font-weight:500;color:#aeb1bd;line-height:1.45;margin-top:4px}.color-node.left{text-align:right;flex-direction:row-reverse;left:0}.color-node.right{right:0}.color-node.top{top:12%}.color-node.middle{top:44%}.color-node.bottom{top:77%}.symbolism-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:28px;margin-top:50px}.symbolism{border-top:1px solid #ffffff26;padding-top:23px}.symbolism span{color:#757983;font:600 31px var(--display)}.symbolism h3{font:800 15px var(--display);text-transform:uppercase;letter-spacing:.08em;margin:13px 0 6px}.symbolism p{margin:0;color:#a9adb7;font-size:13px}
/* Why */
.why-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:18px}.why-card{border:1px solid var(--stroke);border-radius:18px;background:#111319;padding:28px;transition:transform .3s,border-color .3s}.why-card:hover{transform:translateY(-4px);border-color:#ffffff40}.why-icon{width:43px;height:43px;border-radius:12px;border:1px solid #ffffff23;display:grid;place-items:center;color:#fff}.why-grid .why-card:nth-child(1) .why-icon{color:var(--yellow)}.why-grid .why-card:nth-child(2) .why-icon{color:var(--green)}.why-grid .why-card:nth-child(3) .why-icon{color:var(--pink)}.why-grid .why-card:nth-child(4) .why-icon{color:var(--cyan)}.why-card h3{font:800 17px var(--display);letter-spacing:-.02em;margin:20px 0 8px}.why-card p{font-size:13px;color:#a9acb7;line-height:1.65;margin:0}
/* CTA */
.contact-cta{min-height:485px;position:relative;isolation:isolate;display:flex;align-items:center;border-bottom:1px solid var(--stroke);overflow:hidden}.cta-bg{position:absolute;inset:0;z-index:-2;background-image:url("/assets/img/cta-bg.jpg");background-position:center;background-size:cover;opacity:.67;animation:cta-wave-drift 12s ease-in-out infinite alternate}.contact-cta::after{content:'';position:absolute;inset:0;z-index:-1;background:linear-gradient(90deg,#090a0de9,#090a0d99 42%,#090a0d33 100%)}.contact-layout{padding:84px 0;display:flex;justify-content:space-between;align-items:center;gap:50px}.contact-layout h2{font:900 clamp(40px,4.5vw,68px)/1.04 var(--display);text-transform:uppercase;letter-spacing:-.05em;margin:17px 0}.contact-layout p:not(.eyebrow){max-width:430px;font-size:15px;line-height:1.7;color:#d0d1d9;margin:0 0 28px}.cta-words{margin:0;padding:0;list-style:none;display:grid;gap:18px}.cta-words li{font-size:11px;text-transform:uppercase;letter-spacing:.31em;font-weight:800;padding-left:22px;position:relative}.cta-words li:before{content:'✦';position:absolute;left:0;color:#fff}@keyframes cta-wave-drift{to{transform:scale(1.04) translateX(-1%)}}
/* Footer */
.site-footer{background:#08090c;padding:73px 0 0}.footer-grid{display:grid;grid-template-columns:2.5fr 1fr 1.5fr 1.8fr;gap:55px}.footer-brand img{width:156px}.footer-tag{color:#bbbcc6;font-size:14px;line-height:1.7;margin-top:15px}.footer-grid h3{font:800 13px var(--display);margin:3px 0 22px}.footer-grid a:not(.brand):not(.btn){display:block;color:#a9acb6;font-size:12px;line-height:1.6;margin:10px 0;transition:color .2s}.footer-grid a:hover{color:white!important}.footer-grid p:not(.footer-tag){color:#a9acb6;font-size:13px;max-width:230px}.footer-grid .btn{margin-top:10px}.footer-bottom{margin-top:68px;padding:23px 0 28px;border-top:1px solid var(--stroke);display:flex;justify-content:space-between;gap:20px;flex-wrap:wrap;font-size:11px;color:#777c86}.footer-bottom a{color:#b7bbc3}
/* Dialogs */
.detail-dialog,.inquiry-dialog{max-height:min(90vh,950px);width:min(740px,calc(100vw - 30px));margin:auto;border:1px solid #ffffff28;border-radius:22px;background:#101217;color:#fff;padding:0;box-shadow:0 32px 150px #000b;overflow:auto}.detail-dialog::backdrop,.inquiry-dialog::backdrop{background:#020305ce;backdrop-filter:blur(7px)}.dialog-close{position:sticky;z-index:4;top:18px;float:right;margin:18px 18px -60px 0;width:40px;height:40px;border-radius:50%;background:#15171ded;border:1px solid #ffffff44;color:white;display:grid;place-items:center}.dialog-content{padding-bottom:35px}.detail-image{height:300px;overflow:hidden}.detail-image img{height:100%;width:100%;object-fit:cover}.detail-copy{padding:30px 38px 12px}.detail-copy h2,.inquiry-wrap h2{font:900 clamp(30px,4.5vw,44px)/1.1 var(--display);letter-spacing:-.045em;text-transform:uppercase;margin:10px 0 15px}.detail-copy p{color:#bcbfc9;line-height:1.7;font-size:15px}.detail-copy ul{columns:2;list-style:none;padding:0;margin:25px 0}.detail-copy li{break-inside:avoid;color:#e1e2e8;font-size:13px;padding:7px 0}.detail-copy li:before{content:'✦';font-size:10px;color:#8cf23c;margin-right:10px}.detail-flag{font-size:11px;text-transform:uppercase;letter-spacing:.2em;color:#95a2ac;font-weight:800}.inquiry-dialog{width:min(650px,calc(100vw - 30px))}.inquiry-wrap{padding:45px}.dialog-muted{color:#aeb2bd;font-size:14px;line-height:1.6}.inquiry-wrap form{margin-top:25px;display:grid;grid-template-columns:1fr 1fr;gap:17px}.inquiry-wrap label{display:grid;gap:8px;color:#d6d9e0;font-size:12px;font-weight:700}.inquiry-wrap label.full{grid-column:1/-1}.inquiry-wrap input,.inquiry-wrap textarea,.inquiry-wrap select{width:100%;background:#191b21;border:1px solid #ffffff1f;color:#f8f8f8;border-radius:9px;padding:12px 13px;outline:none;min-width:0}.inquiry-wrap input:focus,.inquiry-wrap textarea:focus,.inquiry-wrap select:focus{border-color:#21c3f5}.inquiry-wrap textarea{resize:vertical}.inquiry-wrap button[type=submit]{grid-column:1/-1;justify-self:start}.copy-status{grid-column:1/-1;margin:0!important;color:#8cf23c!important}
/* Responsive */
@media(min-width:1600px){.hero-inner{padding-top:165px}.hero{min-height:850px}}
@media(max-width:1200px){.container{width:min(calc(100% - 64px),var(--container))}.desktop-links{gap:20px}.hero h1{font-size:clamp(55px,7vw,88px)}.services-grid{gap:14px}.svc-body{padding:20px 17px}.svc-body h3{font-size:17px}.svc-body p{font-size:12px}.work-card{height:340px}.color-node{width:155px}.color-copy small{font-size:10px}.colors-layout{grid-template-columns:38% 62%}}
@media(max-width:950px){.desktop-links{display:none}.menu-btn{display:grid}.mobile-menu{display:flex;flex-direction:column;gap:0;max-height:0;padding:0 6%;opacity:0;overflow:hidden;background:rgba(9,10,13,.97);border-top:0;transition:max-height .4s ease,opacity .3s ease,padding .4s ease}.site-header.menu-open .mobile-menu{max-height:530px;opacity:1;padding-block:16px 25px;border-top:1px solid var(--stroke)}.mobile-menu a{font:750 19px var(--display);padding:13px 0;border-bottom:1px solid var(--stroke)}.hero{min-height:760px}.hero-vignette{background:linear-gradient(90deg,#090a0d 0%,#090a0ddd 24%,#090a0d77 58%,#090a0d22 100%),linear-gradient(0deg,#090a0d,transparent 28%,#090a0d55)}.services-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:20px}.svc-body{padding:23px}.svc-body h3{font-size:21px}.svc-body p{font-size:14px;min-height:0}.section{padding:86px 0}.work-card{height:340px}.work-card[style*="--span:5"],.work-card[style*="--span:7"],.work-card[style*="--span:4"],.work-card[style*="--span:12"]{grid-column:span 6}.colors-layout{grid-template-columns:1fr;gap:40px}.colors-intro>p:not(.eyebrow){max-width:600px}.color-active-caption{display:none}.x-infographic{max-width:730px;margin:auto}.color-node{width:185px}.why-grid{grid-template-columns:repeat(2,1fr)}.footer-grid{grid-template-columns:1.7fr 1fr 1.3fr;gap:34px}.footer-grid>div:last-child{grid-column:1/-1}}
@media(max-width:700px){.container{width:calc(100% - 36px)}.site-header{height:68px}.brand img{width:137px}.nav-actions>.btn{display:none}.hero{min-height:760px;align-items:flex-start}.hero-inner{padding-top:150px;padding-bottom:100px}.hero-image{background-position:65% center}.hero-vignette{background:linear-gradient(90deg,#090a0df4 0%,#090a0dd9 40%,#090a0d77 100%),linear-gradient(0deg,#090a0d 0%,#090a0d26 45%,#090a0d22 100%)}.hero h1{font-size:clamp(47px,11vw,67px);letter-spacing:-.05em}.hero-sub{font-size:14px;max-width:350px;margin-top:22px}.hero-metrics{margin-top:50px;gap:7px}.hero-metrics>div{padding:13px 9px;border-radius:11px}.hero-metrics b{font-size:23px}.hero-metrics span{font-size:9px;letter-spacing:0}.scroll-cue{bottom:26px;right:25px}.section{padding:74px 0}.section-heading{grid-template-columns:1fr;gap:18px;margin-bottom:34px}.section-heading h2,.colors-intro h2{font-size:clamp(35px,8.2vw,48px)}.heading-right{justify-self:start;gap:14px}.heading-aside{justify-self:start}.services-grid{grid-template-columns:1fr}.service-card{max-width:none}.svc-photo{aspect-ratio:1.7}.svc-body{padding:25px}.svc-body h3{min-height:0}.svc-body p{font-size:14px}.process-grid{grid-template-columns:1fr;gap:30px;padding-left:24px;margin-top:40px}.process-line{left:8px;right:auto;top:2%;bottom:2%;height:auto;width:1px}.process-line span{width:2px;height:100%;background:linear-gradient(var(--green),var(--pink),var(--cyan))}.process-grid.visible .process-line span{height:100%;width:2px}.process-step{padding-top:0}.step-dot{left:-24px;top:4px;width:17px;height:17px}.process-step p{max-width:none}.work-grid{grid-template-columns:1fr}.work-card[style*="--span"]{grid-column:1}.work-card{height:365px}.filter-list{flex-wrap:nowrap;overflow-x:auto;padding-bottom:10px;margin-right:-18px;scrollbar-width:thin}.filter-btn{flex:none}.colors-layout{gap:24px}.x-infographic{display:grid;grid-template-columns:1fr 1fr;column-gap:16px;row-gap:17px;aspect-ratio:auto;padding-top:330px;max-height:none}.x-symbol{position:absolute;top:0;left:50%;transform:translateX(-50%);height:310px;width:310px;max-width:100%}.color-node,.color-node.left,.color-node.right,.color-node.top,.color-node.middle,.color-node.bottom{position:relative;top:auto;left:auto;right:auto;width:auto;text-align:left;display:flex;flex-direction:row;padding:0;opacity:.77}.color-node .dot{margin-top:4px}.symbolism-grid{grid-template-columns:1fr;gap:20px;margin-top:44px}.why-grid{grid-template-columns:1fr}.contact-cta{min-height:550px}.contact-layout{align-items:flex-start;flex-direction:column;gap:36px}.contact-layout h2{font-size:clamp(36px,9vw,53px)}.cta-words{grid-template-columns:repeat(2,1fr);gap:12px 26px}.footer-grid{grid-template-columns:1fr 1fr;gap:35px}.footer-grid>div:first-child,.footer-grid>div:last-child{grid-column:1/-1}.footer-bottom{margin-top:45px}.detail-image{height:230px}.detail-copy,.inquiry-wrap{padding:23px}.inquiry-wrap form{grid-template-columns:1fr}.inquiry-wrap label{grid-column:1/-1}}
@media(max-width:370px){.hero h1{font-size:46px}.hero-metrics b{font-size:20px}.hero-buttons{gap:8px}.hero-buttons .btn{padding:10px 14px;font-size:11px}.color-copy small{font-size:10px}.x-infographic{padding-top:270px}.x-symbol{height:270px;width:270px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*::before,*::after{animation-duration:.01ms!important;transition-duration:.01ms!important}.reveal,.hero-anim{opacity:1!important;transform:none!important}.x-beams path{stroke-dashoffset:0!important}}

/* X logo image */
img.x-symbol{object-fit:contain;display:block;user-select:none;-webkit-user-drag:none}
/* Packages */
.packages-section{background:radial-gradient(ellipse at 50% 0%,#15121d 0%,#090a0d 62%)}
.pkg-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:24px;align-items:stretch}
.pkg-card{--accent:#21c3f5;position:relative;display:flex;flex-direction:column;background:linear-gradient(180deg,color-mix(in srgb,var(--accent) 9%,#111319) 0%,#111319 38%);border:1px solid var(--stroke);border-top:3px solid var(--accent);border-radius:22px;overflow:hidden;transition:transform .35s,border-color .35s,box-shadow .35s}
.pkg-card:hover{transform:translateY(-6px);border-color:var(--accent);box-shadow:0 24px 70px -24px var(--accent)}
.pkg-top{padding:30px 28px 22px;border-bottom:1px solid var(--stroke)}
.pkg-top h3{margin:0 0 14px;font:800 15px var(--display);letter-spacing:.28em;text-transform:uppercase;color:var(--accent)}
.pkg-price{display:flex;align-items:baseline;gap:8px}
.pkg-price b{font:800 clamp(38px,3.6vw,50px)/1 var(--display);letter-spacing:-.02em}
.pkg-price span{font:700 13px var(--font);color:var(--muted);letter-spacing:.12em}
.pkg-tag{margin:14px 0 18px;font-size:14.5px;line-height:1.65;color:#c4c6d0;min-height:72px}
.pkg-meta{list-style:none;margin:0;padding:0;display:flex;flex-wrap:wrap;align-content:flex-start;gap:8px;min-height:78px}
.pkg-meta li{font-size:11.5px;font-weight:700;padding:6px 12px;border-radius:30px;border:1px solid color-mix(in srgb,var(--accent) 45%,transparent);color:var(--accent);background:color-mix(in srgb,var(--accent) 8%,transparent)}
.pkg-body{padding:24px 28px 8px;flex:1}
.pkg-body h4{margin:0 0 14px;font:800 11px var(--display);letter-spacing:.24em;text-transform:uppercase;color:#b4b5c0}
.pkg-list{list-style:none;margin:0 0 22px;padding:0;display:grid;gap:11px}
.pkg-list li{display:flex;gap:11px;align-items:flex-start;font-size:14.5px;line-height:1.5;color:#f0f0f4}
.pkg-list svg{flex:none;width:17px;height:17px;margin-top:2px;color:var(--accent)}
.pkg-ai{border:1px solid rgba(255,45,138,.55);border-radius:14px;padding:16px 18px;background:rgba(255,45,138,.05)}
.pkg-ai h4{color:#ff2d8a;margin-bottom:10px}
.pkg-ai ul{margin:0;padding-left:17px;display:grid;gap:8px;font-size:13.5px;line-height:1.55;color:#dcdce4}
.pkg-ai li::marker{color:#ff2d8a}
.pkg-foot{padding:22px 28px 28px;display:grid;gap:18px}
.pkg-plan{display:grid;gap:3px}
.pkg-plan small{font:700 10.5px var(--display);letter-spacing:.22em;text-transform:uppercase;color:var(--muted)}
.pkg-plan b{font:800 16px var(--display);color:var(--accent)}
.pkg-plan em{font-style:normal;color:#fff}
.pkg-plan span{font-size:13px;color:var(--muted)}
.pkg-foot .btn{width:100%}
@media(max-width:1100px){.pkg-tag,.pkg-meta{min-height:0}}
@media(max-width:950px){.pkg-grid{grid-template-columns:1fr;max-width:540px;margin:0 auto}}

/* Hero artwork */
.hero-art{position:absolute;inset:0;z-index:-1;pointer-events:none}
.hero-stage{--w:min(640px,42vw);position:absolute;right:3.5%;top:50%;width:var(--w);height:var(--w);font-size:calc(var(--w)/40);transform:translateY(-47%);font-family:var(--font);color:#f4f4f7}
.ha-orbit{position:absolute;inset:4%;border:1px dashed rgba(255,255,255,.16);border-radius:50%}
.ha-glow{position:absolute;left:50%;top:50%;width:26em;height:26em;transform:translate(-50%,-50%);background:conic-gradient(from 200deg,#8cf23c33,#21c3f533,#9848ff33,#ff279f33,#ff982833,#8cf23c33);filter:blur(3.2em);border-radius:50%}
.ha-x{position:absolute;left:46%;top:55%;width:12.5em;transform:translate(-50%,-50%);filter:drop-shadow(0 0 1.4em rgba(255,39,159,.45));user-select:none}
.ha-card{position:absolute;background:rgba(15,17,23,.82);border:1px solid rgba(255,255,255,.15);border-radius:1.1em;box-shadow:0 1.6em 4em -1.2em #000c,inset 0 1px 0 rgba(255,255,255,.07);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px)}
.ha-float{padding:1em;animation:ha-bob 7s ease-in-out infinite;animation-delay:var(--d,0s)}
@keyframes ha-bob{0%,100%{transform:translateY(0)}50%{transform:translateY(-.7em)}}
.ha-card svg{width:1.45em;height:1.45em;display:block}
.ha-card b{font-weight:700}
.ha-card small{font-size:.78em;color:#a9acb6}
.ha-row{display:flex;align-items:center;gap:.6em;font-size:.95em}
.ha-row small{margin-left:auto}
.ha-av{width:1.9em;height:1.9em;border-radius:50%;background:conic-gradient(#8cf23c,#ffd938,#ff9828,#ff279f,#9848ff,#21c3f5,#8cf23c);box-shadow:0 0 0 .13em #0f1117,0 0 0 .22em rgba(255,255,255,.3)}
/* social */
.ha-social{left:0;top:1%;width:13.6em;transform:rotate(-5deg)}
.ha-post{position:relative;margin:.8em 0;height:8.6em;border-radius:.8em;overflow:hidden;background:linear-gradient(135deg,#1a1230,#0d1a2a)}
.ha-post i{position:absolute;display:block;width:150%;height:2.2em;left:-25%;border-radius:2em;transform-origin:center}
.ha-post .b1{top:38%;transform:rotate(-38deg);background:linear-gradient(90deg,#8cf23c,#ffd938,#ff9828,#ff279f)}
.ha-post .b2{top:38%;transform:rotate(38deg);background:linear-gradient(90deg,#21c3f5,#9848ff,#ff279f)}
.ha-post span{position:absolute;left:.9em;bottom:.7em;font:800 1.15em/1.1 var(--display);text-transform:uppercase;letter-spacing:-.02em;text-shadow:0 .1em .6em #000}
.ha-actions{display:flex;align-items:center;gap:.7em;color:#e8e8ee}
.ha-actions em{margin-left:auto;font-style:normal;font-size:.82em;font-weight:700}
.ha-actions .pk{color:#ff279f}
/* seo */
.ha-seo{right:0;top:0;width:14.6em;transform:rotate(4deg)}
.ha-search{display:flex;align-items:center;gap:.6em;padding:.6em .9em;border-radius:2em;background:rgba(255,255,255,.08);font-size:.8em;white-space:nowrap;overflow:hidden;color:#d7d8e0}
.ha-search svg{width:1.2em;height:1.2em;color:#21c3f5}
.ha-result{display:flex;align-items:center;gap:.7em;margin-top:.8em;padding:.6em;border-radius:.7em;font-size:.82em}
.ha-result.top{background:linear-gradient(90deg,rgba(140,242,60,.14),rgba(33,195,245,.12));border:1px solid rgba(140,242,60,.4)}
.ha-result b{display:block;font-size:1em;line-height:1.25}
.ha-result em{margin-left:auto;font:800 1em var(--display);font-style:normal;color:#090a0d;background:#8cf23c;border-radius:2em;padding:.15em .6em}
.ha-fav{flex:none;width:1.7em;height:1.7em;border-radius:50%;background:linear-gradient(135deg,#21c3f5,#9848ff)}
.ha-fav.g{background:rgba(255,255,255,.14)}
.ha-result i{display:block;height:.5em;border-radius:1em;background:rgba(255,255,255,.14);width:8.5em}
.ha-result i.s{width:7em;margin-top:.5em;background:rgba(255,255,255,.08)}
.ha-chart{margin-top:.8em}
.ha-chart svg{width:100%;height:2.8em;margin-top:.3em}
/* print */
.ha-print{left:2%;bottom:0;width:14.4em;transform:rotate(3deg);padding:0}
.ha-print .ha-float{height:12.6em;position:relative}
.ha-flyer{position:absolute;left:.9em;top:.9em;width:6.2em;height:8.2em;border-radius:.5em;padding:.8em;transform:rotate(-9deg);background:linear-gradient(160deg,#ff279f,#9848ff);box-shadow:0 .6em 1.6em #0009}
.ha-flyer b{font:800 1.3em var(--display);text-transform:uppercase}
.ha-flyer span{display:block;height:.4em;border-radius:1em;background:rgba(255,255,255,.55);margin-top:.7em}
.ha-flyer span.s{width:55%;background:rgba(255,255,255,.3)}
.ha-bcard{position:absolute;right:.6em;top:3.4em;width:8.6em;height:5.2em;border-radius:.5em;padding:.7em;display:flex;flex-direction:column;justify-content:space-between;transform:rotate(7deg);background:#0b0c10;border:1px solid rgba(255,255,255,.25);box-shadow:0 .8em 1.8em #000b}
.ha-bcard img{width:2em;height:auto}
.ha-bcard b{font:800 .95em var(--display);letter-spacing:.12em;display:block}
.ha-bcard small{font-size:.62em;display:block;margin-top:.2em;white-space:nowrap}
/* keep the business-card text inside the mini card (the page line-height pushed it past the bottom edge) */
.ha-bcard{height:auto;min-height:5.2em}
.ha-bcard div{line-height:1.15}
.ha-cmyk{position:absolute;left:1em;bottom:.9em;display:flex;align-items:center;gap:.45em}
.ha-cmyk i{width:1.1em;height:1.1em;border-radius:50%;background:var(--c);box-shadow:0 0 0 .1em rgba(255,255,255,.25)}
.ha-cmyk small{margin-left:.3em;letter-spacing:.2em}
/* ads */
.ha-ads{right:1%;bottom:2%;width:13.6em;transform:rotate(-3deg)}
.ha-ic{width:2em;height:2em;border-radius:.6em;display:grid;place-items:center;background:linear-gradient(135deg,#ff9828,#ff279f);color:#fff}
.ha-ic svg{width:1.2em;height:1.2em}
.live{color:#8cf23c!important;display:flex;align-items:center;gap:.4em}
.live::before{content:"";width:.5em;height:.5em;border-radius:50%;background:#8cf23c;box-shadow:0 0 .6em #8cf23c}
.ha-bars{display:flex;align-items:flex-end;gap:.5em;height:5.2em;margin:1em 0 .8em}
.ha-bars i{flex:1;height:var(--h);border-radius:.35em .35em .15em .15em;background:linear-gradient(180deg,var(--c),color-mix(in srgb,var(--c) 30%,transparent))}
.ha-kpis{display:flex;justify-content:space-between;font-size:.8em;color:#8cf23c;font-weight:800}
.ha-kpis b{color:#c9cbd4;font-weight:600;margin-right:.3em}
/* chips */
.ha-chip{position:absolute;font:800 .8em var(--display);letter-spacing:.14em;text-transform:uppercase;padding:.55em 1em;border-radius:2em;background:rgba(15,17,23,.85);border:1px solid var(--c,#fff);color:var(--c,#fff);box-shadow:0 0 1.4em -.2em var(--c)}
.ha-chip.c1{--c:#ff279f;left:-1%;top:52%}
.ha-chip.c2{--c:#21c3f5;right:-1%;top:47%}
.ha-chip.c3{--c:#ffd938;left:46%;bottom:-3%}
.ha-chip.c4{--c:#8cf23c;left:42%;top:-3%}
@media(max-width:1200px){.hero-stage{--w:min(520px,42vw);right:2%}}
/* 951-1599px: the artwork sits beside the copy, so the headline is sized to leave a clear gap before it */
@media(min-width:951px) and (max-width:1599px){.hero h1{font-size:clamp(50px,6vw,104px)}}
/* Tall, narrow desktop layouts (a phone's "desktop site" view, portrait tablets): size the hero to its content instead of the screen height */
@media(min-width:951px) and (orientation:portrait){.hero{min-height:0}}
@media(max-width:950px){.hero-art{opacity:.34}.hero-stage{--w:min(600px,110vw);right:-18%;top:auto;bottom:-6%;transform:none}}
@media(max-width:700px){.hero-art{opacity:.2}.hero-stage{--w:112vw;right:-24%;bottom:-30%}}
@media(prefers-reduced-motion:reduce){.ha-float{animation:none}}
.hp-field{position:absolute!important;left:-10000px;width:1px;height:1px;overflow:hidden}.copy-status.is-error{color:#ff6b8b!important}.btn:disabled{opacity:.6;cursor:wait}#inquiryForm:not(.has-package) .plan-field{display:none}.inquiry-wrap.is-sent>:not(.inquiry-success){display:none}.inquiry-wrap:not(.is-sent) .inquiry-success{display:none}.success-icon{display:grid;place-items:center;width:68px;height:68px;border-radius:50%;margin-bottom:26px;background:linear-gradient(105deg,#8cf23c 1%,#e2ee38 17%,#ff9828 39%,#ff279f 60%,#9848ff 80%,#21c3f5 98%);box-shadow:0 0 0 7px #ffffff0d,0 18px 50px #ff279f33;animation:successPop .55s cubic-bezier(.22,1.4,.36,1) both}.success-icon svg{width:30px;height:30px;color:#090a0d;stroke-width:2.6}.inquiry-success h2{outline:none}.inquiry-success .eyebrow span{color:#fff}.success-note{display:flex;gap:14px;align-items:flex-start;margin:24px 0 30px;padding:16px 18px;border:1px solid #ffffff1f;border-radius:14px;background:#191b21;color:#d6d9e0;font-size:14px;line-height:1.6}.success-note svg{flex:none;width:20px;height:20px;color:#21c3f5;margin-top:2px}.success-note b{color:#fff}.success-actions{display:flex;flex-wrap:wrap;gap:12px}@keyframes successPop{from{transform:scale(.5);opacity:0}to{transform:scale(1);opacity:1}}@media(prefers-reduced-motion:reduce){.success-icon{animation:none}}