:root{--bg: #0b0b0c;--bg-2: #111113;--surface: #161618;--surface-2: #1d1d20;--line: rgba(255, 255, 255, .09);--line-2: rgba(255, 255, 255, .16);--text: #f5f5f5;--muted: #9b9ba1;--ink: #181717;--paper: #f2f1ee;--blue: #128bf7;--blue-2: #5cb2ff;--blue-rgb: 18, 139, 247;--orange: #e36a02;--orange-2: #ff8c2e;--orange-rgb: 227, 106, 2;--font: "Host Grotesk", "IBM Plex Sans Arabic", system-ui, -apple-system, "Segoe UI", sans-serif;--font-ar: "IBM Plex Sans Arabic", "Host Grotesk", system-ui, sans-serif;--gutter: clamp(1rem, 4vw, 3rem);--max: 1440px;--r-sm: .75rem;--r-md: 1.25rem;--r-lg: 2rem;--r-xl: clamp(1.75rem, 4vw, 4rem);--header-h: 5.25rem;--ease: cubic-bezier(.22, 1, .36, 1);--ease-in-out: cubic-bezier(.77, 0, .175, 1);--fs-display: clamp(3.5rem, 15vw, 15rem);--fs-h1: clamp(3rem, 10vw, 9.5rem);--fs-h2: clamp(2.4rem, 6.2vw, 6rem);--fs-h3: clamp(1.5rem, 2.6vw, 2.25rem);--fs-lead: clamp(1.05rem, 1.4vw, 1.3rem)}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html{-webkit-text-size-adjust:100%;scroll-padding-top:var(--header-h)}html:not(.lenis){scroll-behavior:smooth}body{background:var(--bg);color:var(--text);font-family:var(--font);font-size:1rem;line-height:1.6;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-rendering:optimizeLegibility;overflow-x:clip}img,svg,picture,video{display:block;max-width:100%}img{height:auto}a{color:inherit;text-decoration:none}button,input,textarea,select{font:inherit;color:inherit;background:none;border:0}button{cursor:pointer}ul,ol{list-style:none}::selection{background:var(--blue);color:#fff}:focus-visible{outline:2px solid var(--blue-2);outline-offset:3px;border-radius:4px}[hidden]{display:none!important}[dir=rtl],[lang=ar]{font-family:var(--font-ar)}.i{width:1.1em;height:1.1em;flex:none;fill:currentColor}.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;top:1rem;left:1rem;z-index:1000;padding:.75rem 1.25rem;background:var(--blue);color:#fff;border-radius:999px;transform:translateY(-200%);transition:transform .3s var(--ease)}.skip-link:focus{transform:none}.container{width:100%;max-width:var(--max);margin-inline:auto;padding-inline:var(--gutter)}.section{padding-block:clamp(5rem,12vw,10rem);position:relative}.section--tight{padding-top:0}.muted{color:var(--muted)}.text-blue{color:var(--blue)}.text-orange{color:var(--orange)}.hp{position:absolute;left:-9999px;opacity:0}html.lenis,html.lenis body{height:auto}.lenis.lenis-smooth{scroll-behavior:auto!important}.lenis.lenis-stopped{overflow:hidden}.eyebrow{display:inline-flex;align-items:center;gap:.75rem;font-size:.8rem;font-weight:500;letter-spacing:.14em;text-transform:uppercase;color:var(--muted);margin-bottom:1.5rem}.eyebrow span{display:inline-grid;place-items:center;min-width:2.4rem;height:1.6rem;padding-inline:.5rem;border:1px solid var(--line-2);border-radius:999px;color:var(--text);letter-spacing:.05em}.h2{font-size:var(--fs-h2);font-weight:500;line-height:.98;letter-spacing:-.045em;max-width:16ch;text-wrap:balance}.h2--xl{font-size:clamp(2.8rem,8vw,8rem);max-width:14ch}.section-head{margin-bottom:clamp(3rem,7vw,6rem)}.section-head--row{display:flex;align-items:flex-end;justify-content:space-between;gap:2rem;flex-wrap:wrap}.split-line{overflow:clip;padding-bottom:.08em;margin-bottom:-.08em}.split-char,.split-word{display:inline-block;will-change:transform}.btn{--bg-btn: transparent;position:relative;display:inline-flex;align-items:center;justify-content:center;gap:.6rem;height:3.25rem;padding-inline:1.6rem;border-radius:999px;font-weight:500;font-size:.98rem;background:var(--bg-btn);overflow:hidden;isolation:isolate;white-space:nowrap;transition:color .4s var(--ease),border-color .4s var(--ease),background-color .4s var(--ease)}.btn:before{content:"";position:absolute;inset:0;z-index:-1;border-radius:inherit;background:var(--fill, #fff);transform:translateY(105%);transform-origin:bottom;border-radius:50% 50% 0 0/30% 30% 0 0;transition:transform .55s var(--ease),border-radius .55s var(--ease)}.btn:hover:before{transform:translateY(0);border-radius:0}.btn .i{transition:transform .4s var(--ease)}.btn:hover .i{transform:translate(2px,-2px)}.btn--primary{--bg-btn: var(--blue);color:#fff;--fill: #fff}.btn--primary:hover{color:var(--ink)}.btn--light{--bg-btn: #fff;color:var(--ink);--fill: var(--blue)}.btn--light:hover{color:#fff}.btn--glass{background:#ffffff1a;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border:1px solid rgba(255,255,255,.18);--fill: #fff}.btn--glass:hover{color:var(--ink)}.btn--outline,.btn--ghost{border:1px solid var(--line-2);--fill: var(--text)}.btn--outline:hover,.btn--ghost:hover{color:var(--bg);border-color:transparent}.btn--lg{height:3.75rem;padding-inline:2rem;font-size:1.05rem}.pill-btn{display:inline-flex;align-items:center;gap:.7rem;padding:.3rem .3rem .3rem 1.3rem;border-radius:999px;background:var(--text);color:var(--ink);font-weight:500;font-size:.92rem;transition:background .4s var(--ease)}.pill-btn__icon{display:grid;place-items:center;width:2.4rem;height:2.4rem;border-radius:50%;background:var(--ink);color:var(--text);font-size:1.15rem;transition:background .4s var(--ease),transform .5s var(--ease)}.pill-btn:hover .pill-btn__icon{background:#25d366;color:#fff;transform:rotate(-12deg) scale(1.06)}[data-roll]{position:relative;display:inline-flex;overflow:hidden;vertical-align:top}[data-roll]>span{display:inline-block;transition:transform .5s var(--ease)}[data-roll]:after{content:attr(data-roll);position:absolute;left:0;top:0;transform:translateY(105%);transition:transform .5s var(--ease);white-space:nowrap}a:hover>[data-roll]>span,[data-roll]:hover>span,.pill-btn:hover [data-roll]>span{transform:translateY(-105%)}a:hover>[data-roll]:after,[data-roll]:hover:after,.pill-btn:hover [data-roll]:after{transform:translateY(0)}.link-arrow{display:inline-flex;align-items:center;gap:.5rem;font-weight:500;border-bottom:1px solid currentColor;padding-bottom:.2rem}.link-arrow .i{transition:transform .4s var(--ease)}.link-arrow:hover .i{transform:translate(4px)}.link{text-decoration:underline;text-underline-offset:3px;color:var(--blue-2)}.pill{display:inline-flex;align-items:center;gap:.4rem;height:2rem;padding-inline:.9rem;border-radius:999px;font-size:.82rem;font-weight:500;border:1px solid var(--line-2)}.pill--web{background:rgba(var(--blue-rgb),.14);border-color:rgba(var(--blue-rgb),.4);color:var(--blue-2)}.pill--mobile{background:rgba(var(--orange-rgb),.14);border-color:rgba(var(--orange-rgb),.45);color:var(--orange-2)}.chips{display:flex;flex-wrap:wrap;gap:.4rem}.chips li{font-size:.78rem;padding:.25rem .7rem;border-radius:999px;border:1px solid var(--line);color:var(--muted)}.site-header{position:fixed;inset:0 0 auto;z-index:90;height:var(--header-h);display:flex;align-items:center;justify-content:space-between;gap:1.5rem;padding-inline:var(--gutter);transition:transform .6s var(--ease),background-color .4s,backdrop-filter .4s}.site-header:before{content:"";position:absolute;inset:0;z-index:-1;opacity:0;background:linear-gradient(to bottom,#0b0b0cd9,#0b0b0c8c);backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px);border-bottom:1px solid var(--line);transition:opacity .4s}.site-header.is-scrolled:before{opacity:1}.site-header.is-hidden{transform:translateY(-100%)}body.menu-open .site-header{transform:none}body.menu-open .site-header:before{opacity:0}.brand{display:inline-flex;align-items:center;gap:.55rem;font-weight:600;font-size:1.35rem;letter-spacing:-.03em}.brand__mark{width:2.4rem;height:auto;aspect-ratio:401 / 362;fill:var(--blue);transition:transform .6s var(--ease)}.brand:hover .brand__mark{transform:rotate(-8deg) scale(1.05)}.page-home .site-header:not(.is-scrolled) .brand{opacity:0;pointer-events:none;transform:translateY(-10px)}.page-home .site-header .brand{transition:opacity .5s var(--ease),transform .5s var(--ease)}body.menu-open .site-header .brand{opacity:1!important;transform:none!important;pointer-events:auto!important}.site-nav ul{display:flex;gap:.25rem;padding:.35rem;border-radius:999px;background:#ffffff0f;border:1px solid var(--line);backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px)}.site-nav a{display:block;padding:.5rem 1rem;border-radius:999px;font-size:.92rem;font-weight:500;color:#ffffffbf;transition:color .3s,background-color .3s}.site-nav a:hover,.site-nav a[aria-current]{color:#fff;background:#ffffff14}.site-header__actions{display:flex;align-items:center;gap:.6rem}.menu-toggle{display:none;width:3rem;height:3rem;border-radius:50%;background:var(--text);color:var(--ink);place-items:center;position:relative;z-index:2}.menu-toggle__lines{display:grid;gap:6px;width:20px}.menu-toggle__lines i{display:block;height:2px;background:currentColor;border-radius:2px;transition:transform .5s var(--ease)}body.menu-open .menu-toggle__lines i:first-child{transform:translateY(4px) rotate(45deg)}body.menu-open .menu-toggle__lines i:last-child{transform:translateY(-4px) rotate(-45deg)}.menu{position:fixed;inset:0;z-index:80}.menu__bg{position:absolute;inset:0;background:var(--bg);clip-path:circle(0% at calc(100% - var(--gutter) - 1.5rem) calc(var(--header-h) / 2))}.menu__inner{position:relative;height:100%;display:flex;flex-direction:column;justify-content:space-between;padding:calc(var(--header-h) + 2rem) var(--gutter) 2rem}.menu__list li{overflow:hidden;border-bottom:1px solid var(--line)}.menu__list a{display:flex;align-items:baseline;gap:1rem;padding-block:.6rem;font-size:clamp(2.6rem,11vw,5rem);font-weight:500;letter-spacing:-.04em;line-height:1.05}.menu__num{font-size:.85rem;color:var(--orange);letter-spacing:0;font-weight:500}.menu__foot{display:grid;gap:.5rem;color:var(--muted)}.menu__foot .socials{margin-top:1rem}.cursor{display:none}@media(hover:hover)and (pointer:fine){html.has-cursor .cursor{display:block;position:fixed;inset:0;pointer-events:none;z-index:999}.cursor__dot,.cursor__ring{position:fixed;top:0;left:0;border-radius:50%;will-change:transform}.cursor__dot{width:6px;height:6px;margin:-3px 0 0 -3px;background:#fff;mix-blend-mode:difference}.cursor__ring{width:40px;height:40px;margin:-20px 0 0 -20px;border:1px solid rgba(255,255,255,.45);display:grid;place-items:center;transition:width .45s var(--ease),height .45s var(--ease),margin .45s var(--ease),background-color .45s,border-color .45s,opacity .3s}.cursor__label{font-size:.8rem;font-weight:600;color:#fff;opacity:0;transform:scale(.6);transition:opacity .3s,transform .45s var(--ease);white-space:nowrap}.cursor.is-link .cursor__ring{width:64px;height:64px;margin:-32px 0 0 -32px;border-color:transparent;background:#ffffff1f}.cursor.is-label .cursor__ring{width:96px;height:96px;margin:-48px 0 0 -48px;background:var(--blue);border-color:var(--blue)}.cursor.is-label .cursor__label{opacity:1;transform:none}.cursor.is-label .cursor__dot,.cursor.is-hidden .cursor__ring,.cursor.is-hidden .cursor__dot{opacity:0}}.page-transition{position:fixed;inset:0;z-index:950;pointer-events:none;display:grid;place-items:center}.page-transition__panel{position:absolute;inset:0;background:var(--ink);clip-path:inset(100% 0 0 0)}.page-transition__logo{position:relative;width:4.5rem;aspect-ratio:401/362;fill:var(--blue);opacity:0}html.is-transitioning .page-transition__panel{clip-path:inset(0 0 0 0)}html.is-transitioning .page-transition__logo{opacity:1}.preloader,.preloader-mask{position:fixed;inset:0;z-index:900;pointer-events:none;display:none}html.js.show-preloader .preloader,html.js.show-preloader .preloader-mask{display:block}.preloader{--p: 0;background:radial-gradient(42% 38% at 50% 44%,rgba(var(--blue-rgb),calc(.05 + var(--p) * .2)),transparent 72%),radial-gradient(30% 30% at 50% 120%,rgba(var(--orange-rgb),calc(var(--p) * .12)),transparent 70%),var(--bg);overflow:hidden}.preloader:before{content:"";position:absolute;inset:0;opacity:.6;background-image:radial-gradient(rgba(255,255,255,.11) 1px,transparent 1.2px);background-size:26px 26px;-webkit-mask-image:radial-gradient(circle at 50% 44%,#000 0%,transparent 62%);mask-image:radial-gradient(circle at 50% 44%,#000 0%,transparent 62%)}.preloader__center{position:absolute;inset:0;display:grid;place-content:center;justify-items:center;text-align:center;padding-bottom:4vh}.preloader__mark{width:clamp(92px,10vw,136px);height:auto;overflow:visible;margin-bottom:1.75rem;will-change:transform,filter}.pl-ghost{fill:#ffffff09}.pl-fill{fill:url(#pl-grad)}.pl-outline{fill:none;stroke:#ffffffb3;stroke-width:1.25px;vector-effect:non-scaling-stroke;stroke-dasharray:1;stroke-dashoffset:1}.preloader__word{font-size:clamp(1.5rem,2.6vw,2.25rem);font-weight:600;letter-spacing:-.035em;line-height:1.1;color:var(--text)}.preloader__word .o{color:var(--orange)}.preloader__tag{margin-top:.6rem;font-size:.92rem;color:var(--muted);letter-spacing:.01em}html.js.show-preloader:not(.is-ready) .preloader__word,html.js.show-preloader:not(.is-ready) .preloader__tag,html.js.show-preloader:not(.is-ready) .preloader__foot{visibility:hidden}.preloader__foot{position:absolute;left:var(--gutter);right:var(--gutter);bottom:clamp(1.25rem,4vh,2.5rem);display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:clamp(1rem,3vw,2rem);font-size:.72rem;letter-spacing:.18em;text-transform:uppercase;color:var(--muted)}.preloader__line{height:1px;background:#ffffff1a;overflow:hidden}.preloader__line i{display:block;height:100%;background:linear-gradient(90deg,var(--blue),var(--orange));transform-origin:left;transform:scaleX(0)}.preloader__count{font-size:clamp(1.4rem,2.6vw,2rem);letter-spacing:-.02em;color:var(--text);font-variant-numeric:tabular-nums}.preloader-mask{z-index:899;background:var(--bg);--hole: 0%;-webkit-mask:linear-gradient(#000 0 0),url(/assets/mask.svg) center / var(--hole) no-repeat;-webkit-mask-composite:xor;mask:linear-gradient(#000 0 0),url(/assets/mask.svg) center / var(--hole) no-repeat;mask-composite:exclude}html.js:not(.is-ready) [data-reveal],html.js:not(.is-ready) [data-hero-fade],html.js:not(.is-ready) [data-split],html.js:not(.is-ready) [data-hero-title],html.js:not(.is-ready) [data-hero-lines],html.js:not(.is-ready) .work-card{visibility:hidden}.hero{position:relative;height:100svh;min-height:560px;padding:.75rem}.hero__frame{position:relative;height:100%;border-radius:var(--r-xl);overflow:hidden;background:var(--ink);isolation:isolate;will-change:transform}.hero__media{position:absolute;inset:-4%;z-index:-3}.hero__media img{width:100%;height:100%;object-fit:cover;transform:scale(1.12);will-change:transform;filter:brightness(.82) saturate(1.1)}@media(max-width:600px){.hero__media img{filter:brightness(.6) saturate(1.1)}}.hero__shade{position:absolute;inset:0;z-index:-2;background:radial-gradient(120% 80% at 50% 110%,rgba(11,11,12,.92) 10%,transparent 60%),linear-gradient(180deg,#0b0b0c8c,#0b0b0c00,#0b0b0c59 70%,#0b0b0cd9)}.hero__grain{position:absolute;inset:-50%;z-index:-1;opacity:.07;pointer-events:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='160' height='160'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.9' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E");animation:grain 1s steps(6) infinite}@keyframes grain{0%,to{transform:translate(0)}20%{transform:translate(-6%,4%)}40%{transform:translate(5%,-3%)}60%{transform:translate(-3%,6%)}80%{transform:translate(4%,-5%)}}.hero__content{position:relative;height:100%;padding:clamp(1.25rem,3vw,2.5rem);padding-top:calc(var(--header-h) - .5rem);display:flex;flex-direction:column}.hero__wordmark{display:flex;align-items:center;gap:clamp(.5rem,1.5vw,1.5rem);font-size:var(--fs-display);line-height:.82;font-weight:500;letter-spacing:-.06em;margin-top:auto;margin-bottom:auto}.hero__mark{width:.86em;height:auto;aspect-ratio:401 / 362;fill:var(--blue);filter:drop-shadow(0 0 40px rgba(var(--blue-rgb),.45));flex:none}.hero__word{display:block}.hero__status{position:absolute;top:calc(var(--header-h) - .25rem);right:clamp(1.25rem,3vw,2.5rem);display:inline-flex;align-items:center;gap:.6rem;font-size:.85rem;padding:.5rem 1rem;border-radius:999px;background:#ffffff14;border:1px solid rgba(255,255,255,.14);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px)}.pulse{width:8px;height:8px;border-radius:50%;background:#34d399;box-shadow:0 0 #34d399b3;animation:pulse 2s infinite}@keyframes pulse{70%{box-shadow:0 0 0 10px #34d39900}to{box-shadow:0 0 #34d39900}}.hero__bottom{display:grid;grid-template-columns:1.2fr 1fr;gap:2rem;align-items:end}.hero__title{font-size:clamp(2rem,4.4vw,4.5rem);font-weight:500;line-height:1;letter-spacing:-.04em}.hero__aside{justify-self:end;max-width:30rem;display:grid;gap:1.5rem}.hero__aside p{color:#ffffffb8;font-size:var(--fs-lead);line-height:1.5}.hero__ctas{display:flex;gap:.75rem;flex-wrap:wrap}.hero__scroll{position:absolute;left:50%;bottom:clamp(1.25rem,3vw,2.5rem);transform:translate(-50%);display:grid;justify-items:center;gap:.5rem;font-size:.72rem;letter-spacing:.2em;text-transform:uppercase;color:#fff9}.hero__scroll-line{width:1px;height:3rem;background:linear-gradient(#fff0,#fff);position:relative;overflow:hidden}.hero__scroll-line:after{content:"";position:absolute;inset:0;background:var(--orange);transform:translateY(-100%);animation:scrollLine 2s var(--ease-in-out) infinite}@keyframes scrollLine{50%{transform:translateY(0)}to{transform:translateY(100%)}}@media(max-width:900px){.hero__bottom{grid-template-columns:1fr}.hero__aside{justify-self:start}.hero__scroll{display:none}.hero__status{left:clamp(1.25rem,3vw,2.5rem);right:auto}.hero__wordmark{font-size:clamp(3.5rem,19vw,9rem)}}@media(max-width:480px){.hero{padding:.4rem}.hero__ctas .btn{flex:1}}.tech{padding-block:clamp(3rem,6vw,5rem);overflow:hidden;border-bottom:1px solid var(--line)}.marquee{display:flex;overflow:hidden;-webkit-user-select:none;user-select:none}.marquee__track{display:flex;align-items:center;gap:clamp(1.5rem,3vw,3rem);padding-right:clamp(1.5rem,3vw,3rem);flex:none;will-change:transform}.marquee span{font-size:clamp(2.5rem,7vw,6.5rem);font-weight:500;letter-spacing:-.04em;line-height:1.1;white-space:nowrap}.marquee .outline{color:transparent;-webkit-text-stroke:1.5px rgba(255,255,255,.55)}.marquee .dot{width:.9rem;height:.9rem;border-radius:50%;background:var(--orange);flex:none}.marquee--alt{margin-top:.5rem}.marquee--alt span{font-size:clamp(1.4rem,3vw,2.5rem);color:var(--muted)}.marquee__star{width:clamp(1.2rem,2.4vw,2rem);height:auto;color:var(--blue);fill:none;stroke:currentColor}.manifesto{font-size:clamp(1.75rem,4.2vw,4rem);line-height:1.12;letter-spacing:-.035em;font-weight:500;max-width:24ch;text-wrap:pretty}.manifesto em{font-style:normal;color:var(--orange)}.manifesto .word{opacity:.2;transition:none}html.reduced-motion .manifesto .word,html.is-fallback .manifesto .word{opacity:1}.stats{margin-top:clamp(4rem,8vw,7rem);display:grid;grid-template-columns:repeat(4,1fr);border-top:1px solid var(--line)}.stat{padding:2rem 1.5rem 0 0;display:grid;gap:.75rem;align-content:start}.stat+.stat{padding-left:1.5rem;border-left:1px solid var(--line)}.stat__num{font-size:clamp(3rem,6vw,5.5rem);font-weight:500;line-height:1;letter-spacing:-.05em;font-variant-numeric:tabular-nums}.stat__num sup{font-size:.45em;color:var(--blue);vertical-align:top;top:.2em;position:relative}.stat__label{color:var(--muted);max-width:16ch}@media(max-width:900px){.stats{grid-template-columns:repeat(2,1fr)}.stat:nth-child(3){border-left:0;padding-left:0}.stat:nth-child(n+3){border-top:1px solid var(--line);margin-top:2rem}}.service-stack{display:grid;gap:2rem}.service-card{position:sticky;top:calc(var(--header-h) + var(--i, 0) * 1.25rem);display:grid;grid-template-columns:1.05fr 1fr;gap:clamp(1.5rem,4vw,4rem);align-items:center;min-height:min(78vh,720px);padding:clamp(1.75rem,4.5vw,4rem);border-radius:var(--r-xl);overflow:hidden;transform-origin:50% 0;will-change:transform}.service-card:after{content:"";position:absolute;inset:0;background:#000;opacity:var(--dim, 0);pointer-events:none;border-radius:inherit}.service-card:nth-child(1){--i: 0}.service-card:nth-child(2){--i: 1}.service-card:nth-child(3){--i: 2}.service-card--blue{background:radial-gradient(120% 120% at 100% 0%,#3aa2ff 0%,var(--blue) 35%,#0a5fb0 100%);color:#fff}.service-card--paper{background:var(--paper);color:var(--ink)}.service-card--orange{background:radial-gradient(120% 120% at 100% 0%,#ff9a45 0%,var(--orange) 40%,#a84c00 100%);color:#fff}.service-card__num{display:inline-block;font-size:.9rem;font-weight:500;padding:.3rem .8rem;border-radius:999px;border:1px solid currentColor;opacity:.8;margin-bottom:1.5rem}.service-card__title{font-size:clamp(2.4rem,5.5vw,5.25rem);line-height:.95;letter-spacing:-.045em;font-weight:500;margin-bottom:1.5rem}.service-card__desc{font-size:var(--fs-lead);max-width:34ch;opacity:.85;margin-bottom:2rem}.tags{display:flex;flex-wrap:wrap;gap:.5rem;margin-bottom:2.25rem}.tags li{font-size:.88rem;padding:.4rem .95rem;border-radius:999px;background:#ffffff29}.service-card--paper .tags li{background:#18171712}.service-card__art{position:relative;height:100%;min-height:320px;display:grid;place-items:center}.art-browser{width:min(100%,460px);border-radius:1.1rem;background:#081e388c;border:1px solid rgba(255,255,255,.25);box-shadow:0 40px 80px -30px #00000080;overflow:hidden;transform:rotate(-3deg);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.art-browser__bar{display:flex;align-items:center;gap:6px;padding:.8rem 1rem;border-bottom:1px solid rgba(255,255,255,.15)}.art-browser__bar i{width:10px;height:10px;border-radius:50%;background:#ffffff73}.art-browser__bar span{margin-left:.75rem;height:10px;flex:1;border-radius:6px;background:#ffffff2e}.art-browser__body{display:grid;grid-template-columns:1fr 1fr;gap:1rem;padding:1.25rem}.art-code{display:grid;gap:.6rem;align-content:start}.art-code span{height:9px;border-radius:6px;width:var(--w);background:var(--c, rgba(255,255,255,.75));transform-origin:left;animation:codeType 3.2s var(--ease) infinite}.art-code span:nth-child(2){animation-delay:.15s}.art-code span:nth-child(3){animation-delay:.3s}.art-code span:nth-child(4){animation-delay:.45s}.art-code span:nth-child(5){animation-delay:.6s}.art-code span:nth-child(6){animation-delay:.75s}.art-code span:nth-child(7){animation-delay:.9s}@keyframes codeType{0%{transform:scaleX(0)}30%,80%{transform:scaleX(1)}to{transform:scaleX(0);opacity:0}}.art-layout{display:grid;grid-template-columns:1fr 1fr;gap:.6rem}.art-layout b{border-radius:.6rem;background:#fff3;aspect-ratio:1;animation:blockPop 3.2s var(--ease) infinite}.art-layout b:first-child{grid-column:span 2;aspect-ratio:2.2;background:#fff6}.art-layout b:nth-child(2){animation-delay:.4s}.art-layout b:nth-child(3){animation-delay:.6s}.art-layout b:nth-child(4){animation-delay:.8s;grid-column:span 2;aspect-ratio:4}@keyframes blockPop{0%,10%{transform:scale(.85);opacity:0}30%,85%{transform:none;opacity:1}to{opacity:0}}.art-phone{width:210px;aspect-ratio:9 / 19;border-radius:2.2rem;background:var(--ink);padding:.55rem;box-shadow:0 50px 80px -30px #00000073,inset 0 0 0 2px #3a3a3a;position:relative;transform:rotate(4deg)}.art-phone__island{position:absolute;top:1rem;left:50%;width:30%;height:.95rem;transform:translate(-50%);border-radius:1rem;background:#000;z-index:2}.art-phone__screen{height:100%;border-radius:1.7rem;background:#fff;padding:2.4rem .8rem .8rem;display:grid;gap:.7rem;align-content:start;overflow:hidden}.art-app-head{display:flex;justify-content:space-between;align-items:center}.art-app-head b{width:45%;height:10px;border-radius:6px;background:var(--ink)}.art-app-head i{width:22px;height:22px;border-radius:50%;background:var(--orange)}.art-app-hero{height:86px;border-radius:1rem;background:linear-gradient(135deg,var(--blue),#63b5ff);animation:heroShift 4s ease-in-out infinite alternate}@keyframes heroShift{to{filter:hue-rotate(-25deg)}}.art-app-row{display:grid;grid-template-columns:repeat(3,1fr);gap:.45rem}.art-app-row b{aspect-ratio:1;border-radius:.7rem;background:#ececec}.art-app-list{display:grid;gap:.45rem}.art-app-list span{height:30px;border-radius:.6rem;background:#f1f1f1;animation:listIn 4s var(--ease) infinite}.art-app-list span:nth-child(2){animation-delay:.2s}.art-app-list span:nth-child(3){animation-delay:.4s}@keyframes listIn{0%{transform:translate(-110%)}20%,to{transform:none}}.art-notif{position:absolute;top:18%;right:4%;display:flex;align-items:center;gap:.7rem;padding:.7rem 1rem;border-radius:1rem;background:#fff;box-shadow:0 20px 40px -12px #00000040;animation:notif 4s var(--ease) infinite}.art-notif .i{color:#fff;background:var(--orange);border-radius:.6rem;padding:.4rem;width:2rem;height:2rem;fill:none;stroke:currentColor}.art-notif span{display:grid;line-height:1.2;font-size:.85rem}.art-notif i{font-style:normal;color:#888;font-size:.75rem}@keyframes notif{0%,15%{transform:translateY(-20px) scale(.9);opacity:0}25%,80%{transform:none;opacity:1}to{opacity:0}}.art-board{position:relative;width:min(100%,440px)}.art-board__frame{position:relative;aspect-ratio:4 / 3;border-radius:1.2rem;background:#ffffff1f;border:1px dashed rgba(255,255,255,.45);overflow:hidden}.shape{position:absolute;background:#fff}.shape--circle{width:26%;aspect-ratio:1;border-radius:50%;top:14%;left:10%;background:var(--ink);animation:float1 5s ease-in-out infinite}.shape--rect{width:34%;aspect-ratio:1.3;border-radius:.8rem;bottom:12%;right:10%;background:#fff;animation:float2 6s ease-in-out infinite}.shape--pill{width:30%;height:12%;border-radius:999px;top:20%;right:14%;background:var(--blue);animation:float1 7s ease-in-out infinite reverse}@keyframes float1{50%{transform:translate(8px,12px) rotate(6deg)}}@keyframes float2{50%{transform:translate(-10px,-8px) rotate(-4deg)}}.art-board__curve{position:absolute;inset:15% 8%;width:84%;height:70%;fill:none;stroke:#fff;stroke-width:2;stroke-dasharray:300;animation:draw 4s var(--ease) infinite}@keyframes draw{0%{stroke-dashoffset:300}50%,to{stroke-dashoffset:0}}.sel{position:absolute;bottom:12%;right:10%;width:34%;aspect-ratio:1.3;border:1.5px solid var(--blue-2);border-radius:.8rem;animation:float2 6s ease-in-out infinite}.sel i{position:absolute;width:9px;height:9px;background:#fff;border:1.5px solid var(--blue)}.sel i:nth-child(1){top:-5px;left:-5px}.sel i:nth-child(2){top:-5px;right:-5px}.sel i:nth-child(3){bottom:-5px;left:-5px}.sel i:nth-child(4){bottom:-5px;right:-5px}.art-cursor{position:absolute;top:40%;left:45%;display:flex;align-items:flex-start;gap:2px;animation:cursorMove 6s var(--ease-in-out) infinite}.art-cursor svg{width:22px;fill:var(--ink);stroke:#fff;stroke-width:1.5}.art-cursor span{margin-top:16px;padding:.15rem .6rem;border-radius:999px;background:var(--ink);color:#fff;font-size:.75rem}@keyframes cursorMove{0%,to{transform:translate(0)}30%{transform:translate(90px,60px)}60%{transform:translate(-80px,30px)}}.art-swatches{display:flex;gap:.5rem;justify-content:center;margin-top:1rem}.art-swatches i{width:2rem;height:2rem;border-radius:50%;border:2px solid rgba(255,255,255,.6)}.art-swatches i:nth-child(1){background:var(--blue)}.art-swatches i:nth-child(2){background:var(--orange);border-color:#fff}.art-swatches i:nth-child(3){background:var(--ink)}.art-swatches i:nth-child(4){background:var(--paper)}@media(max-width:900px){.service-card{grid-template-columns:1fr;min-height:0;top:calc(var(--header-h) - .5rem + var(--i, 0) * .75rem)}.service-card__art{min-height:240px;order:-1}.art-phone{width:150px}.service-card__desc,.tags{margin-bottom:1.5rem}}.work{overflow:clip}.work-rail{position:relative}.work-rail__track{display:flex;gap:clamp(1rem,2vw,2rem);padding-inline:var(--gutter);width:max-content;will-change:transform}.work-card--rail{width:clamp(300px,46vw,720px);flex:none}.work-rail__end{flex:none;width:clamp(240px,26vw,400px);display:grid;place-content:center;justify-items:center;gap:1.5rem;text-align:center;border-radius:var(--r-lg);border:1px dashed var(--line-2);transition:border-color .4s}.work-rail__end-circle{width:7rem;height:7rem;border-radius:50%;display:grid;place-items:center;background:var(--blue);font-size:2rem;transition:transform .6s var(--ease),background .4s}.work-rail__end-circle .i{fill:none;stroke:#fff}.work-rail__end:hover{border-color:var(--blue)}.work-rail__end:hover .work-rail__end-circle{transform:scale(1.12) rotate(45deg);background:var(--orange)}.work-rail__end-txt{font-size:clamp(1.5rem,2.4vw,2.2rem);font-weight:500;letter-spacing:-.03em;line-height:1.05}.work-progress{height:2px;background:var(--line);margin-top:3rem;border-radius:2px;overflow:hidden}.work-progress span{display:block;height:100%;background:linear-gradient(90deg,var(--blue),var(--orange));transform-origin:left;transform:scaleX(0)}@media(max-width:1023px){.work-rail__track{width:auto;overflow-x:auto;scroll-snap-type:x mandatory;padding-bottom:1rem;scrollbar-width:none}.work-rail__track::-webkit-scrollbar{display:none}.work-card--rail{width:min(82vw,520px);scroll-snap-align:center}.work-rail__end{width:60vw;scroll-snap-align:center}.work-progress{display:none}}.work-card__link{display:grid;gap:1.25rem}.work-card__meta{display:grid;grid-template-columns:auto 1fr auto;gap:1rem;align-items:center}.work-card__index{font-size:.85rem;color:var(--muted);font-variant-numeric:tabular-nums;align-self:start;padding-top:.45rem}.work-card__title{font-size:clamp(1.4rem,2.2vw,2rem);font-weight:500;letter-spacing:-.03em;line-height:1.1}.work-card__sub{color:var(--muted);font-size:.92rem}.work-card__description{color:var(--muted);font-size:.98rem;line-height:1.75;padding-inline-start:calc(2ch + 1.2rem)}.work-card__description[dir=rtl]{padding-inline:0;text-align:right}.work-card__live{display:inline-flex;align-items:center;gap:.55rem;margin-top:1rem;font-size:.85rem;color:var(--text);border-bottom:1px solid var(--line-2);padding-bottom:.35rem;transition:color .3s}.work-card__live:hover{color:var(--blue-2)}.work-card__live .i{width:1rem;height:1rem}.work-card__title[dir=rtl]{text-align:left;letter-spacing:0}.work-card__arrow{width:3rem;height:3rem;border-radius:50%;display:grid;place-items:center;border:1px solid var(--line-2);transition:background .4s var(--ease),border-color .4s,transform .5s var(--ease)}.work-card__arrow .i{fill:none;stroke:currentColor;transition:transform .5s var(--ease)}.work-card__link:hover .work-card__arrow{background:var(--blue);border-color:var(--blue);transform:rotate(45deg)}.work-card .chips{padding-left:calc(2ch + 1.2rem)}.stage{--tint: 18, 139, 247;position:relative;aspect-ratio:4 / 3;border-radius:var(--r-lg);overflow:hidden;isolation:isolate;background:radial-gradient(70% 70% at 50% 100%,rgba(var(--tint),.38),transparent 70%),linear-gradient(160deg,#1b1b1f,#0f0f11);border:1px solid var(--line);transition:border-color .5s}.stage:after{content:"";position:absolute;inset:0;z-index:5;pointer-events:none;border-radius:inherit;box-shadow:inset 0 1px #ffffff14}.stage__glow{position:absolute;left:50%;bottom:-30%;width:80%;aspect-ratio:1;transform:translate(-50%);border-radius:50%;background:rgba(var(--tint),.55);filter:blur(70px);opacity:.55;z-index:-1;transition:opacity .6s var(--ease),transform .8s var(--ease)}.work-card__link:hover .stage{border-color:rgba(var(--tint),.6)}.work-card__link:hover .stage__glow{opacity:.9;transform:translate(-50%) scale(1.15)}.device--phone{position:absolute;left:50%;top:9%;width:30%;aspect-ratio:1080 / 2245;border-radius:1.4rem/1.35rem;background:#050505;padding:2.2%;box-shadow:0 40px 70px -25px #000c,inset 0 0 0 1.5px #3b3b3e;transform:translate(-50%);transition:transform .8s var(--ease)}.device--phone img{width:100%;height:100%;object-fit:cover;object-position:top;border-radius:1.1rem/1.05rem;background:#111}.device__island{position:absolute;top:3.2%;left:50%;width:28%;height:2.6%;transform:translate(-50%);border-radius:999px;background:#000;z-index:2}.device--back{top:17%;width:25%;filter:brightness(.7);z-index:-1}.device--left{transform:translate(-118%) rotate(-8deg)}.device--right{transform:translate(18%) rotate(8deg)}.work-card__link:hover .device--front{transform:translate(-50%) translateY(-4%)}.work-card__link:hover .device--left{transform:translate(-132%) rotate(-12deg)}.work-card__link:hover .device--right{transform:translate(32%) rotate(12deg)}.stage--banner{display:grid;place-items:center;padding:8%}.banner{width:100%;border-radius:1rem;overflow:hidden;box-shadow:0 40px 70px -30px #000c;transition:transform .8s var(--ease)}.banner img{width:100%;height:auto;max-height:100%;object-fit:cover}.app-icon{position:absolute;left:6%;bottom:7%;width:clamp(56px,16%,92px);aspect-ratio:1;border-radius:24%;overflow:hidden;box-shadow:0 20px 40px -10px #0009,0 0 0 1px #ffffff26;background:#fff;transition:transform .8s var(--ease)}.app-icon img{width:100%;height:100%;object-fit:cover}.work-card__link:hover .banner{transform:scale(1.04) translateY(-2%)}.work-card__link:hover .app-icon{transform:translateY(-10%) rotate(-6deg)}.stage--browser{display:grid;place-items:center;padding:8% 8% 0;align-items:end}.browser{width:100%;border-radius:.9rem .9rem 0 0;overflow:hidden;background:#fff;box-shadow:0 -10px 60px -20px #0009;transition:transform .8s var(--ease)}.browser__bar{display:flex;align-items:center;gap:6px;padding:.6rem .9rem;background:#e9e9ec;color:#555;font-size:.72rem}.browser__bar i{width:9px;height:9px;border-radius:50%;background:#c9c9cf}.browser__bar i:nth-child(1){background:#ff5f57}.browser__bar i:nth-child(2){background:#febc2e}.browser__bar i:nth-child(3){background:#28c840}.browser__bar span{margin-left:.5rem;padding:.15rem .75rem;background:#fff;border-radius:6px}.browser img{width:100%;aspect-ratio:16 / 10;object-fit:cover;object-position:top}.work-card__link:hover .browser{transform:translateY(-3%)}.stage--responsive{aspect-ratio:4 / 3}.stage__label{position:absolute;top:5%;left:7%;font-size:clamp(.55rem,1vw,.7rem);letter-spacing:.14em;text-transform:uppercase;color:#ffffffa6}.stage--responsive .browser{position:absolute;width:83%;left:6%;top:16%;border-radius:.65rem;border:1px solid rgba(255,255,255,.2);box-shadow:0 24px 60px -20px #000;transform:perspective(1200px) rotateY(-4deg)}.stage--responsive .browser img{aspect-ratio:1440 / 1000;object-fit:cover;object-position:top}.stage--responsive .browser__bar{padding:.4rem .6rem;font-size:clamp(.45rem,.75vw,.65rem)}.stage--responsive .browser__bar i{width:6px;height:6px}.stage--responsive .browser__bar span{overflow:hidden;white-space:nowrap;text-overflow:ellipsis;max-width:80%}.stage--responsive .device--preview{width:23%;top:37%;left:auto;right:4%;padding:1%;transform:rotate(3deg);border-radius:1rem;z-index:2}.stage--responsive .device--preview img{border-radius:.65rem}.stage--responsive .device__island{top:2.8%;height:2%}.work-card__link:hover .stage--responsive .browser{transform:perspective(1200px) rotateY(0) translateY(-2%)}.work-card__link:hover .device--preview{transform:rotate(0) translateY(-4%)}.stage--big.stage--responsive{aspect-ratio:16 / 10}.stage--big.stage--responsive .browser{width:80%;top:12%}.stage--big.stage--responsive .device--preview{width:20%;top:28%;right:5%}.stage--terminal{display:grid;place-items:center;padding:7%}.terminal{width:100%;border-radius:.9rem;background:#08080ae0;border:1px solid var(--line-2);box-shadow:0 40px 70px -30px #000000e6;overflow:hidden;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);transition:transform .8s var(--ease)}.terminal__bar{display:flex;align-items:center;gap:6px;padding:.6rem .9rem;border-bottom:1px solid var(--line);font-size:.72rem;color:var(--muted)}.terminal__bar i{width:9px;height:9px;border-radius:50%;background:#3a3a40}.terminal__bar span{margin-left:auto;margin-right:auto}.terminal__body{padding:1rem 1.1rem 1.2rem;font-family:ui-monospace,Cascadia Code,SF Mono,Menlo,Consolas,monospace;font-size:clamp(.62rem,1.05vw,.85rem);line-height:1.75;white-space:pre-wrap;color:#d6d6dc}.t-line{display:block;opacity:0;animation:tIn .4s var(--ease) forwards;animation-delay:calc(var(--d) * .35s + .3s)}.t-res{color:#8b8b93;padding-left:1.2em}.t-res b{color:#34d399;font-weight:600}.t-m{font-weight:700}.t-m--get{color:var(--blue-2)}.t-m--post{color:var(--orange-2)}.caret{display:inline-block;width:.55em;height:1.1em;vertical-align:-.2em;background:var(--text);animation:blink 1s steps(2) infinite}@keyframes tIn{0%{opacity:0;transform:translateY(4px)}to{opacity:1;transform:none}}@keyframes blink{50%{opacity:0}}.work-card__link:hover .terminal{transform:translateY(-3%) scale(1.02)}.stage--raw{display:grid;place-items:center}.stage__blur{position:absolute;inset:-10%;width:120%;height:120%;object-fit:cover;filter:blur(40px) saturate(1.3);opacity:.4;z-index:-1}.stage__raw{max-width:70%;max-height:78%;width:auto;object-fit:contain;border-radius:1rem;box-shadow:0 30px 60px -20px #000000b3;transition:transform .8s var(--ease)}.work-card__link:hover .stage__raw{transform:scale(1.05)}.stage--big{aspect-ratio:16 / 9;border-radius:var(--r-xl)}.stage--big .device--phone{width:21%;top:8%}.stage--big .device--back{width:18%;top:15%}.stage--big.stage--banner{padding:6% 12%}.stage--big.stage--terminal{padding:6% 18%}.stage--big .terminal__body{font-size:clamp(.7rem,1.2vw,1.05rem)}.stage--big .app-icon{width:clamp(64px,10%,120px)}@media(max-width:768px){.stage--big{aspect-ratio:4 / 3.4}.stage--big .device--phone{width:32%}.stage--big .device--back{width:26%}.stage--big.stage--banner,.stage--big.stage--terminal{padding:6%}}.steps{display:grid;grid-template-columns:repeat(4,1fr);gap:2rem;position:relative;z-index:1}.step{display:grid;gap:.6rem;align-content:start}.step__dot{width:4rem;height:4rem;border-radius:50%;display:grid;place-items:center;background:var(--bg);border:1px solid var(--line-2);font-size:1.4rem;margin-bottom:1.25rem;transition:background .5s var(--ease),border-color .5s,color .5s}.step__dot .i{fill:none;stroke:currentColor}.step.is-active .step__dot{background:var(--blue);border-color:var(--blue);color:#fff;box-shadow:0 0 0 8px rgba(var(--blue-rgb),.15)}.step__num{font-size:.8rem;letter-spacing:.12em;text-transform:uppercase;color:var(--orange)}.step h3{font-size:var(--fs-h3);font-weight:500;letter-spacing:-.03em;line-height:1.1}.step p{color:var(--muted);max-width:30ch}.steps-line{position:relative;height:1px;background:var(--line-2);margin-top:-1px;top:calc(-1*(100% - 2rem));display:none}.process .container{position:relative}@media(min-width:901px){.steps:before{content:"";position:absolute;left:2rem;right:2rem;top:2rem;height:1px;background:var(--line-2);z-index:-1}.steps:after{content:"";position:absolute;left:2rem;right:2rem;top:2rem;height:1px;background:linear-gradient(90deg,var(--blue),var(--orange));z-index:-1;transform-origin:left;transform:scaleX(var(--progress, 0))}}@media(max-width:900px){.steps{grid-template-columns:1fr;gap:2.5rem;padding-left:0}.steps:before{content:"";position:absolute;left:2rem;top:2rem;bottom:2rem;width:1px;background:var(--line-2);z-index:-1}.steps:after{content:"";position:absolute;left:2rem;top:2rem;bottom:2rem;width:1px;background:linear-gradient(var(--blue),var(--orange));z-index:-1;transform-origin:top;transform:scaleY(var(--progress, 0))}.step{grid-template-columns:4rem 1fr;column-gap:1.25rem}.step__dot{grid-row:span 3;margin:0}}.bento{display:grid;grid-template-columns:repeat(4,1fr);grid-auto-rows:minmax(220px,auto);gap:1rem}.bento__card{position:relative;padding:2rem;border-radius:var(--r-lg);background:var(--surface);border:1px solid var(--line);overflow:hidden;isolation:isolate;display:flex;flex-direction:column;justify-content:flex-end;gap:.6rem}.bento__card:before{content:"";position:absolute;inset:0;z-index:-1;opacity:0;transition:opacity .4s;background:radial-gradient(400px circle at var(--mx, 50%) var(--my, 50%),rgba(var(--blue-rgb),.18),transparent 45%)}.bento__card:after{content:"";position:absolute;inset:0;z-index:-1;border-radius:inherit;padding:1px;opacity:0;transition:opacity .4s;background:radial-gradient(300px circle at var(--mx, 50%) var(--my, 50%),rgba(var(--blue-rgb),.9),transparent 50%);-webkit-mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);-webkit-mask-composite:xor;mask:linear-gradient(#000 0 0) content-box exclude,linear-gradient(#000 0 0)}[data-spotlight-group]:hover .bento__card:before,[data-spotlight-group]:hover .bento__card:after{opacity:1}.bento__card h3{font-size:1.5rem;font-weight:500;letter-spacing:-.02em}.bento__card p{color:var(--muted)}.bento__card--why{grid-column:span 2;grid-row:span 2;justify-content:space-between;background:linear-gradient(160deg,#13304f 0%,var(--surface) 60%)}.bento__card--why h3{font-size:clamp(2rem,3.5vw,3rem);letter-spacing:-.04em;line-height:1}.checks{display:grid;gap:1rem;margin-top:2rem}.checks li{display:flex;gap:.9rem;align-items:flex-start;font-size:1.08rem;padding-bottom:1rem;border-bottom:1px solid var(--line)}.checks li:last-child{border-bottom:0;padding-bottom:0}.checks .i{color:var(--blue);fill:none;stroke:currentColor;margin-top:.2rem;width:1.3rem;height:1.3rem}.bento__icon{width:3.25rem;height:3.25rem;border-radius:1rem;display:grid;place-items:center;background:rgba(var(--blue-rgb),.15);color:var(--blue-2);font-size:1.4rem;margin-bottom:auto}.bento__icon .i{fill:none;stroke:currentColor}.bento__icon--orange{background:rgba(var(--orange-rgb),.15);color:var(--orange-2)}@media(max-width:1000px){.bento{grid-template-columns:repeat(2,1fr)}.bento__card--why{grid-row:auto}}@media(max-width:600px){.bento{grid-template-columns:1fr}.bento__card--why{grid-column:auto}.bento__card{min-height:200px}}.contact{background:radial-gradient(80% 60% at 85% 10%,rgba(var(--blue-rgb),.12),transparent 60%)}.contact__grid{display:grid;grid-template-columns:1.4fr 1fr;gap:clamp(2rem,6vw,6rem);align-items:start}.form{display:grid;gap:1.75rem}.form__types{border:0;display:flex;flex-wrap:wrap;gap:.6rem}.form__types legend{width:100%;margin-bottom:1rem;color:var(--muted);font-size:.95rem}.form__types label{position:relative;cursor:pointer}.form__types input{position:absolute;opacity:0;inset:0;cursor:pointer}.form__types span{display:inline-flex;padding:.65rem 1.15rem;border-radius:999px;border:1px solid var(--line-2);transition:background .3s,border-color .3s,color .3s}.form__types label:hover span{border-color:var(--text)}.form__types input:checked+span{background:var(--blue);border-color:var(--blue);color:#fff}.form__types input:focus-visible+span{outline:2px solid var(--blue-2);outline-offset:3px}.form__row{display:grid;grid-template-columns:1fr 1fr;gap:1.75rem}.field{position:relative}.field input,.field textarea{width:100%;padding:1.6rem 0 .7rem;border-bottom:1px solid var(--line-2);font-size:1.15rem;outline:none;resize:vertical;transition:border-color .3s;border-radius:0}.field textarea{min-height:7.5rem}.field label{position:absolute;left:0;top:1.55rem;color:var(--muted);pointer-events:none;transform-origin:left top;transition:transform .4s var(--ease),color .3s;font-size:1.15rem}.field input:focus,.field textarea:focus{border-color:var(--blue)}.field input:focus+label,.field textarea:focus+label,.field input:not(:placeholder-shown)+label,.field textarea:not(:placeholder-shown)+label{transform:translateY(-1.45rem) scale(.72);color:var(--blue-2)}.field:after{content:"";position:absolute;left:0;right:0;bottom:0;height:2px;background:var(--blue);transform:scaleX(0);transform-origin:left;transition:transform .6s var(--ease)}.field:focus-within:after{transform:scaleX(1)}.field.is-invalid input,.field.is-invalid textarea{border-color:#f87171}.field.is-invalid label{color:#f87171}.form__foot{display:flex;align-items:center;gap:1.5rem;flex-wrap:wrap}.form__status{font-size:.95rem}.form__status.is-ok{color:#34d399}.form__status.is-err{color:#f87171}.form.is-sending button[type=submit]{opacity:.6;pointer-events:none}.contact__info{display:grid;gap:.75rem}.contact-card{display:flex;align-items:center;gap:1rem;padding:1.25rem 1.4rem;border-radius:var(--r-md);background:var(--surface);border:1px solid var(--line);transition:border-color .4s,transform .5s var(--ease),background-color .4s}.contact-card:hover{border-color:var(--line-2);transform:translate(6px)}.contact-card>span:nth-child(2){display:grid;line-height:1.3;word-break:break-all}.contact-card small{color:var(--muted);font-size:.8rem}.contact-card__icon{width:3rem;height:3rem;border-radius:.9rem;display:grid;place-items:center;background:#ffffff0f;font-size:1.2rem;flex:none}.contact-card__icon .i{fill:none;stroke:currentColor}.contact-card--wa .contact-card__icon{background:#25d366;color:#fff}.contact-card--wa .contact-card__icon .i{fill:currentColor;stroke:none}.contact-card__arrow{margin-left:auto;fill:none;stroke:currentColor;color:var(--muted);transition:transform .4s var(--ease),color .3s}.contact-card:hover .contact-card__arrow{transform:rotate(45deg);color:var(--text)}.hours{padding:1.4rem;border-radius:var(--r-md);border:1px dashed var(--line-2)}.hours>div{display:flex;align-items:center;gap:.6rem;font-weight:500;margin-bottom:.9rem}.hours .i{fill:none;stroke:currentColor;color:var(--orange)}.hours dl{display:grid;grid-template-columns:1fr auto;gap:.4rem 1rem;color:var(--muted)}.hours dd{color:var(--text)}@media(max-width:900px){.contact__grid{grid-template-columns:1fr}}@media(max-width:560px){.form__row{grid-template-columns:1fr}}.site-footer{position:relative;border-top:1px solid var(--line);overflow:hidden}.footer-cta{display:block;padding-block:clamp(2.5rem,6vw,5rem);border-bottom:1px solid var(--line);transition:background-color .5s var(--ease)}.footer-cta:hover{background:var(--blue)}.footer-cta:hover .outline{-webkit-text-stroke-color:#fff}.footer-cta:hover .marquee__star{color:#fff}.marquee--cta span{font-size:clamp(3rem,9vw,9rem)}.site-footer__grid{display:grid;grid-template-columns:2fr 1fr 1.3fr 1fr;gap:2.5rem;padding-block:clamp(3rem,7vw,6rem)}.site-footer__lead{font-size:clamp(1.8rem,3vw,2.6rem);line-height:1.05;letter-spacing:-.04em;font-weight:500;margin-bottom:1rem}.site-footer__about .muted{max-width:36ch}.site-footer__h{font-size:.8rem;text-transform:uppercase;letter-spacing:.14em;color:var(--muted);font-weight:500;margin-bottom:1.2rem}.site-footer__links{display:grid;gap:.55rem}.site-footer__links a{transition:color .3s}.site-footer__links a:hover{color:var(--blue-2)}.socials{display:flex;gap:.6rem;flex-wrap:wrap}.socials a{width:2.9rem;height:2.9rem;border-radius:50%;display:grid;place-items:center;border:1px solid var(--line-2);transition:background-color .4s,border-color .4s,color .4s}.socials a:hover{background:var(--text);color:var(--ink);border-color:var(--text)}.site-footer__giant{display:flex;align-items:center;justify-content:center;gap:.12em;font-size:clamp(4rem,21vw,22rem);font-weight:600;letter-spacing:-.065em;line-height:.8;padding-inline:var(--gutter);color:var(--surface-2);-webkit-user-select:none;user-select:none;margin-bottom:-.06em}.site-footer__giant .giant-mark{width:.8em;aspect-ratio:401 / 362;fill:currentColor;transition:fill .6s}.site-footer__giant span{background:linear-gradient(180deg,#2a2a2e,#141416 90%);-webkit-background-clip:text;background-clip:text;color:transparent}.site-footer__giant:hover .giant-mark{fill:var(--blue)}.site-footer__bottom{z-index:1;background:var(--bg);display:flex;justify-content:space-between;align-items:center;gap:1rem;padding-block:1.5rem;border-top:1px solid var(--line);color:var(--muted);font-size:.9rem;position:relative}.to-top{display:inline-flex;align-items:center;gap:.4rem;color:var(--muted);transition:color .3s}.to-top .i{fill:none;stroke:currentColor;transform:rotate(-45deg)}.to-top:hover{color:var(--text)}@media(max-width:900px){.site-footer__grid{grid-template-columns:1fr 1fr}.site-footer__about{grid-column:span 2}}@media(max-width:480px){.site-footer__grid{grid-template-columns:1fr}.site-footer__about{grid-column:auto}}.page-hero{padding-top:calc(var(--header-h) + clamp(3rem,8vw,7rem));padding-bottom:clamp(3rem,6vw,5rem)}.crumbs{display:flex;flex-wrap:wrap;gap:.6rem;font-size:.88rem;color:var(--muted);margin-bottom:2rem}.crumbs a{transition:color .3s}.crumbs a:hover{color:var(--text)}.page-hero__title{font-size:var(--fs-h1);font-weight:500;letter-spacing:-.06em;line-height:.9}.page-hero__row{display:flex;justify-content:space-between;align-items:flex-end;gap:2rem;margin-top:2.5rem;flex-wrap:wrap}.page-hero__lead{font-size:var(--fs-lead);color:var(--muted);max-width:42ch}.page-hero__count{display:flex;align-items:center;gap:.75rem;font-size:clamp(3rem,6vw,5rem);font-weight:500;letter-spacing:-.05em;line-height:1}.page-hero__count small{font-size:.85rem;letter-spacing:0;color:var(--muted);line-height:1.3;font-weight:400}.toolbar{position:sticky;top:calc(var(--header-h) - .25rem);z-index:20;display:flex;justify-content:space-between;align-items:center;gap:1rem;flex-wrap:wrap;margin-bottom:2.5rem;padding:.5rem;border-radius:999px;background:#111113cc;border:1px solid var(--line);backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px)}.filters{position:relative;display:flex;gap:.25rem}.filters button{position:relative;z-index:1;height:2.75rem;padding-inline:1.25rem;border-radius:999px;font-weight:500;color:var(--muted);transition:color .4s}.filters button[aria-selected=true]{color:var(--ink)}.filters sup{font-size:.7em;margin-left:.15rem;opacity:.7}.filters__pill{position:absolute;top:0;left:0;height:100%;border-radius:999px;background:var(--text);transition:transform .6s var(--ease),width .6s var(--ease)}.search{display:flex;align-items:center;gap:.6rem;height:2.75rem;padding-inline:1.1rem;border-radius:999px;background:#ffffff0d;min-width:min(320px,100%);flex:0 1 320px}.search .i{fill:none;stroke:currentColor;color:var(--muted)}.search input{flex:1;outline:none;min-width:0}.search input::-webkit-search-cancel-button{filter:invert(1)}@media(max-width:900px){.toolbar{border-radius:var(--r-md)}}@media(max-width:640px){.search{flex:1 1 100%}.filters{width:100%}.filters button{flex:1;padding-inline:.5rem}}.work-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:clamp(2.5rem,5vw,4.5rem) clamp(1.25rem,3vw,2.5rem)}.work-grid .work-card:nth-child(2n){margin-top:clamp(0rem,8vw,8rem)}.work-grid.is-filtered .work-card:nth-child(2n){margin-top:0}@media(max-width:800px){.work-grid{grid-template-columns:1fr}.work-grid .work-card:nth-child(2n){margin-top:0}}.empty{text-align:center;padding:4rem 0;color:var(--muted);font-size:1.15rem}.project-hero{padding-top:calc(var(--header-h) + clamp(2.5rem,6vw,5rem));padding-bottom:clamp(2.5rem,5vw,4rem)}.project-hero__type{display:flex;gap:.5rem;margin-bottom:1.5rem}.project-hero__title{font-size:clamp(2.8rem,9vw,8.5rem);font-weight:500;letter-spacing:-.055em;line-height:.92;text-wrap:balance}.project-hero__title[dir=rtl]{letter-spacing:0;line-height:1.2}.project-hero__row{display:flex;justify-content:space-between;align-items:flex-end;gap:2rem;margin-top:2.5rem;flex-wrap:wrap}.project-hero__lead{font-size:var(--fs-lead);color:var(--muted);max-width:50ch}.project-hero__links{display:flex;gap:.75rem;flex-wrap:wrap}.btn .i{fill:currentColor}.btn svg.i:has(use[href="#i-arrow-up-right"]),.btn svg.i:has(use[href="#i-arrow-right"]),.btn svg.i:has(use[href="#i-globe"]){fill:none;stroke:currentColor}.project-stage{margin-bottom:clamp(4rem,8vw,7rem)}.project-body{display:grid;grid-template-columns:300px 1fr;gap:clamp(2rem,6vw,6rem);align-items:start;padding-bottom:clamp(4rem,8vw,7rem)}.project-meta{position:sticky;top:calc(var(--header-h) + 1.5rem);display:grid;gap:0;border-top:1px solid var(--line)}.project-meta>div{padding-block:1.1rem;border-bottom:1px solid var(--line);display:grid;gap:.35rem}.project-meta dt{font-size:.78rem;letter-spacing:.12em;text-transform:uppercase;color:var(--muted)}.project-meta dd{font-size:1.05rem}.project-meta .chips{margin-top:.25rem}.project-meta .chips li{color:var(--text)}.project-desc{max-width:52rem}.desc-p{font-size:clamp(1.2rem,1.9vw,1.65rem);line-height:1.5;letter-spacing:-.01em;margin-bottom:1.5rem}.desc-p[dir=rtl]{line-height:1.85;letter-spacing:0}.desc-features{display:grid;grid-template-columns:repeat(2,1fr);gap:.75rem;margin-block:2rem}.desc-features li{padding:1.4rem;border-radius:var(--r-md);background:var(--surface);border:1px solid var(--line);display:grid;gap:.4rem}.desc-features strong{font-size:1.15rem;font-weight:600}.desc-features span:last-child{color:var(--muted)}.desc-ico{display:inline-grid;place-items:center;width:2.75rem;height:2.75rem;flex:none;border-radius:.85rem;margin-bottom:.55rem;color:var(--blue-2);background:linear-gradient(160deg,rgba(var(--blue-rgb),.22),rgba(var(--blue-rgb),.06));border:1px solid rgba(var(--blue-rgb),.3);transition:transform .5s var(--ease),color .3s,border-color .3s,background .3s}.desc-ico .i{width:1.3rem;height:1.3rem}.desc-features li:nth-child(3n+2) .desc-ico{color:var(--orange-2);background:linear-gradient(160deg,rgba(var(--orange-rgb),.22),rgba(var(--orange-rgb),.06));border-color:rgba(var(--orange-rgb),.32)}.desc-features li{transition:border-color .3s,transform .5s var(--ease),background .3s}.desc-features li:hover{border-color:var(--line-2);transform:translateY(-3px);background:var(--surface-2)}.desc-features li:hover .desc-ico{transform:rotate(-6deg) scale(1.06)}.desc-sections{display:grid;grid-template-columns:repeat(2,1fr);gap:.75rem;margin-top:2rem}.desc-section{padding:1.6rem;border-radius:var(--r-md);background:var(--surface);border:1px solid var(--line)}.desc-section h3{display:flex;align-items:center;gap:.6rem;font-size:1.2rem;font-weight:600;margin-bottom:1rem}.desc-section h3 .desc-ico{margin:0;width:2.4rem;height:2.4rem;border-radius:.75rem}.desc-section h3 .desc-ico .i{width:1.15rem;height:1.15rem}.desc-section li{position:relative;padding-inline-start:1.1rem;color:var(--muted);margin-bottom:.45rem}.desc-section li:before{content:"";position:absolute;inset-inline-start:0;top:.7em;width:6px;height:6px;border-radius:50%;background:var(--blue)}@media(max-width:900px){.project-body{grid-template-columns:1fr}.project-meta{position:static;grid-template-columns:repeat(2,1fr);column-gap:1.5rem}.desc-features,.desc-sections{grid-template-columns:1fr}}.gallery{padding-bottom:clamp(4rem,8vw,7rem)}.gallery__head{display:flex;justify-content:space-between;align-items:end;gap:1rem;margin-bottom:2rem}.gallery__head h2{font-size:clamp(2rem,4vw,3.5rem);font-weight:500;letter-spacing:-.04em}.gallery__phones{display:flex;gap:clamp(1rem,3vw,2.5rem);overflow-x:auto;padding:2rem var(--gutter);margin-inline:calc(-1 * var(--gutter));scroll-snap-type:x mandatory;scrollbar-width:none;justify-content:safe center}.gallery__phones::-webkit-scrollbar{display:none}.gallery__phone{flex:none;width:clamp(200px,22vw,300px);scroll-snap-align:center;border-radius:2rem;background:#050505;padding:.55rem;box-shadow:0 40px 70px -30px #000000e6,inset 0 0 0 1.5px #3b3b3e;position:relative;transition:transform .6s var(--ease)}.gallery__phone img{border-radius:1.55rem;width:100%;aspect-ratio:1080/2245;object-fit:cover;object-position:top}.gallery__phone:hover{transform:translateY(-10px) rotate(-1.5deg)}.gallery__wide{display:grid;gap:1rem;margin-top:1rem}.gallery__wide button{border-radius:var(--r-lg);overflow:hidden;background:var(--surface);border:1px solid var(--line);display:block;width:100%}.gallery__wide img{width:100%;height:auto;transition:transform 1s var(--ease)}.gallery__wide button:hover img{transform:scale(1.03)}.gallery__wide--poster{max-width:560px;margin-inline:auto}.lightbox{position:fixed;inset:0;z-index:960;display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:1rem;padding:2rem;background:#050506f7;animation:lbIn .25s ease}@keyframes lbIn{0%{opacity:0}}.lightbox__figure{position:relative;display:grid;justify-items:center;align-content:center;gap:1rem;max-height:100%;min-height:min(40vh,300px);min-width:0}.lightbox__figure img{max-height:calc(100svh - 8rem);width:auto;height:auto;max-width:100%;border-radius:1rem;object-fit:contain;background:#111}.lightbox__figure img.is-in{animation:lbImg .35s ease}@keyframes lbImg{0%{opacity:.2}}.lightbox__spinner{display:none;position:absolute;top:50%;left:50%;width:38px;height:38px;margin:-19px 0 0 -19px;border-radius:50%;border:2px solid rgba(255,255,255,.18);border-top-color:#fff;animation:lbSpin .8s linear infinite}.lightbox.is-loading .lightbox__spinner{display:block}.lightbox.is-loading img{opacity:.35}@keyframes lbSpin{to{transform:rotate(360deg)}}.lightbox__err{color:var(--muted);padding:2rem;text-align:center}.lightbox__figure figcaption{color:var(--muted);font-size:.9rem}.lightbox__close{position:absolute;top:1.25rem;right:1.25rem}.lightbox__close,.lightbox__nav{width:3.25rem;height:3.25rem;border-radius:50%;display:grid;place-items:center;border:1px solid var(--line-2);font-size:1.3rem;transition:background .3s,color .3s;z-index:2}.lightbox__close .i,.lightbox__nav .i{fill:none;stroke:currentColor}.lightbox__close:hover,.lightbox__nav:hover{background:var(--text);color:var(--ink)}@media(max-width:640px){.lightbox{grid-template-columns:1fr;padding:4.5rem .75rem 5.5rem}.lightbox__nav{position:absolute;bottom:1.25rem}.lightbox__nav--prev{left:calc(50% - 4rem)}.lightbox__nav--next{right:calc(50% - 4rem)}}.next-project{padding-bottom:clamp(4rem,8vw,7rem)}.next-link{position:relative;display:grid;gap:1rem;padding-block:clamp(3rem,6vw,5rem);border-top:1px solid var(--line);border-bottom:1px solid var(--line)}.next-link small{color:var(--muted);font-size:.85rem;letter-spacing:.14em;text-transform:uppercase}.next-link__title{display:flex;align-items:center;justify-content:space-between;gap:1.5rem;font-size:clamp(2.5rem,8vw,7.5rem);font-weight:500;letter-spacing:-.05em;line-height:.95;transition:color .4s}.next-link__title .i{flex:none;width:.6em;height:.6em;fill:none;stroke:currentColor;stroke-width:1.5;transition:transform .6s var(--ease)}.next-link:hover .next-link__title{color:var(--blue)}.next-link:hover .next-link__title .i{transform:rotate(45deg)}.next-link__preview{position:fixed;top:0;left:0;width:280px;pointer-events:none;z-index:50;opacity:0;transform:scale(.8);border-radius:1rem;overflow:hidden}.next-link__preview .stage{aspect-ratio:4/3;border-radius:1rem}[data-fallback-project]{min-height:80vh}.skeleton{display:block;border-radius:1rem;background:linear-gradient(90deg,var(--surface) 25%,var(--surface-2) 50%,var(--surface) 75%);background-size:200% 100%;animation:shimmer 1.5s infinite}.skeleton--title{height:clamp(3rem,8vw,7rem);width:60%;margin-bottom:1.5rem}.skeleton--line{height:1.25rem;width:40%;margin-bottom:3rem}.skeleton--stage{aspect-ratio:16 / 9;border-radius:var(--r-xl)}@keyframes shimmer{to{background-position:-200% 0}}.nf{min-height:100svh;display:grid;place-items:center;text-align:center;padding-top:var(--header-h)}.nf__inner{display:grid;justify-items:center;gap:1.5rem}.nf__code{display:flex;align-items:center;gap:.1em;font-size:clamp(7rem,26vw,20rem);font-weight:600;letter-spacing:-.06em;line-height:.85}.nf__mark{width:.8em;aspect-ratio:401/362;fill:var(--blue);animation:spinY 6s var(--ease-in-out) infinite}@keyframes spinY{0%,30%{transform:rotateY(0)}50%,80%{transform:rotateY(180deg)}to{transform:rotateY(360deg)}}.nf .h2{margin-inline:auto}.nf__lead{max-width:40ch;font-size:var(--fs-lead)}.nf__ctas{display:flex;gap:.75rem;flex-wrap:wrap;justify-content:center}@media(max-width:1023px){.site-nav{display:none}.menu-toggle{display:grid}}@media(max-width:480px){.pill-btn{padding-left:.3rem}.pill-btn__label{display:none}:root{--header-h: 4.5rem}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.001ms!important;animation-iteration-count:1!important;transition-duration:.001ms!important}.t-line{opacity:1}}
