:root{--bg: #0a1a2f;--surface: rgba(11, 26, 47, .7);--surface-strong: rgba(15, 32, 57, .92);--surface-soft: rgba(143, 161, 179, .08);--line: rgba(245, 245, 247, .12);--line-strong: rgba(245, 245, 247, .18);--text: #f5f5f7;--muted: #8fa1b3;--muted-strong: #c4d1dd;--accent: #9cb6cb;--accent-soft: rgba(156, 182, 203, .16);--shadow: 0 18px 42px rgba(1, 8, 18, .28);--radius-xl: 32px;--radius-lg: 24px;--radius-md: 18px;--container: 1180px}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:radial-gradient(circle at top left,rgba(156,182,203,.14),transparent 35%),linear-gradient(180deg,#091426,#0a1a2f 45%,#08111e);color:var(--text);font-family:Manrope,sans-serif;overflow-x:hidden}a{color:inherit;text-decoration:none}button,a{-webkit-tap-highlight-color:transparent}.page-shell{position:relative;min-height:100vh}.ambient{position:absolute;inset:auto;width:26rem;height:26rem;border-radius:999px;filter:blur(55px);pointer-events:none;opacity:.35;z-index:0}.ambient-one{top:-8rem;right:-10rem;background:#8fa1b329}.ambient-two{bottom:10%;left:-10rem;background:#f5f5f714}.grid-glow{position:absolute;inset:0;background-image:linear-gradient(rgba(245,245,247,.03) 1px,transparent 1px),linear-gradient(90deg,rgba(245,245,247,.03) 1px,transparent 1px);background-size:80px 80px;pointer-events:none;opacity:.18;z-index:0}.container{width:min(calc(100% - 2rem),var(--container));margin:0 auto;position:relative;z-index:1}.site-header{position:sticky;top:0;z-index:50;background:#0a1a2fe0;border-bottom:1px solid rgba(245,245,247,.05)}.nav{display:flex;align-items:center;justify-content:space-between;min-height:84px;gap:1rem}.brand{display:inline-flex;align-items:center;gap:.85rem}.brand-mark{width:1rem;height:1rem;border-radius:50%;background:radial-gradient(circle at 30% 30%,#f5f5f7,#8fa1b3 45%,#8fa1b314);box-shadow:0 0 18px #f5f5f71f}.brand-text{font-family:Syne,sans-serif;font-size:1.15rem;font-weight:700;letter-spacing:.08em;text-transform:lowercase}.menu{display:inline-flex;align-items:center;gap:2rem;color:var(--muted-strong)}.menu a{position:relative;font-size:.96rem}.menu a:after{content:"";position:absolute;left:0;bottom:-.4rem;width:100%;height:1px;background:#f5f5f7b3;transform:scaleX(0);transform-origin:right;transition:transform .3s ease}.menu a:hover:after,.menu a:focus-visible:after{transform:scaleX(1);transform-origin:left}.button{display:inline-flex;align-items:center;justify-content:center;min-height:52px;padding:0 1.35rem;border-radius:999px;border:1px solid transparent;font-weight:700;transition:transform .35s ease,border-color .35s ease,background-color .35s ease,color .35s ease,box-shadow .35s ease}.button:hover,.button:focus-visible{transform:translateY(-2px)}.button-primary{background:linear-gradient(135deg,#f5f5f7,#cbd9e4);color:#091426;box-shadow:0 18px 50px #cbd9e429}.button-secondary,.button-ghost{background:#f5f5f70a;border-color:#f5f5f71f;color:var(--text)}.button-secondary:hover,.button-ghost:hover,.button-secondary:focus-visible,.button-ghost:focus-visible{border-color:#f5f5f747;background:#f5f5f714}.hero{padding:5.5rem 0 4rem}.hero-grid{display:grid;grid-template-columns:1.08fr .92fr;align-items:center;gap:3rem}.eyebrow{display:inline-flex;padding:.5rem .9rem;border-radius:999px;background:#f5f5f70f;border:1px solid rgba(245,245,247,.12);color:var(--muted-strong);text-transform:uppercase;letter-spacing:.14em;font-size:.72rem;margin-bottom:1.2rem}.hero h1,.section-title{margin:0;font-family:Syne,sans-serif;font-weight:800;letter-spacing:-.04em}.hero h1{max-width:12ch;font-size:clamp(2rem,3.8vw,3.3rem);line-height:1.04}.hero h1 span{color:var(--accent);display:block}.hero-text,.section-copy,.service-card p,.showcase-card p,.process-step p,.site-footer p,.contact-card p{color:var(--muted);line-height:1.75;font-size:1.04rem}.hero-text{max-width:56ch;margin:1.5rem 0 0}.hero-actions{display:flex;gap:1rem;flex-wrap:wrap;margin-top:2rem}.hero-metrics{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:1rem;margin-top:2.4rem}.hero-metrics article,.service-card,.process-step,.showcase-card,.portfolio-card,.statement-card,.contact-card{background:linear-gradient(180deg,#ffffff12,#ffffff03),var(--surface);border:1px solid var(--line);box-shadow:var(--shadow)}.hero-metrics article{padding:1.2rem;border-radius:22px}.hero-metrics strong{display:block;font-size:.95rem;margin-bottom:.5rem}.hero-metrics span{display:block;color:var(--muted);font-size:.92rem;line-height:1.6}.hero-visual{position:relative;min-height:640px;display:grid;place-items:center}.orbital-ring{position:absolute;border-radius:50%;border:1px solid rgba(245,245,247,.09);animation:spin 42s linear infinite}.orbital-ring-a{width:28rem;height:28rem}.orbital-ring-b{width:35rem;height:35rem;animation-direction:reverse;animation-duration:30s}.main-panel{width:min(100%,460px);padding:1rem;border-radius:var(--radius-xl);position:relative;transition:transform .35s ease}.panel-top{display:flex;justify-content:space-between;align-items:center;margin-bottom:1rem}.chip{display:inline-flex;align-items:center;min-height:2rem;padding:0 .85rem;border-radius:999px;background:#f5f5f70f;color:var(--muted-strong);font-size:.8rem}.panel-dot{width:.75rem;height:.75rem;border-radius:50%;background:#f5f5f7;box-shadow:0 0 20px #f5f5f780}.panel-screen{position:relative;overflow:hidden;min-height:460px;border-radius:calc(var(--radius-xl) - 8px);padding:2rem;background:radial-gradient(circle at top,rgba(143,161,179,.35),transparent 38%),linear-gradient(180deg,#0c1c32f5,#08111ef5);border:1px solid rgba(245,245,247,.06)}.screen-copy{position:relative;z-index:2}.screen-copy p{margin:0;color:var(--muted);text-transform:uppercase;letter-spacing:.18em;font-size:.75rem}.screen-copy h2{margin:1rem 0 0;font-family:Syne,sans-serif;font-size:clamp(2rem,4vw,3.35rem);line-height:1;max-width:10ch}.screen-waves{position:absolute;inset:auto 0 0;display:grid;grid-template-columns:repeat(4,1fr);gap:.75rem;align-items:end;height:72%;padding:1.5rem}.screen-waves span{display:block;border-radius:999px 999px 0 0;background:linear-gradient(180deg,#f5f5f7e6,#8fa1b31f);animation:rise 8s ease-in-out infinite;min-height:30%}.screen-waves span:nth-child(2){animation-delay:.8s;min-height:56%}.screen-waves span:nth-child(3){animation-delay:1.4s;min-height:42%}.screen-waves span:nth-child(4){animation-delay:2.1s;min-height:68%}.floating-card{position:absolute;min-width:220px;padding:1rem 1.1rem;border-radius:var(--radius-md);background:var(--surface-strong);border:1px solid rgba(245,245,247,.08);box-shadow:var(--shadow);animation:float 11s ease-in-out infinite}.floating-card span,.showcase-label{display:inline-flex;color:var(--muted-strong);font-size:.8rem;text-transform:uppercase;letter-spacing:.16em}.floating-card strong{display:block;margin-top:.55rem;max-width:16ch;line-height:1.35}.card-a{top:5%;right:0}.card-b{bottom:10%;left:2%;animation-delay:1.2s}.card-c{bottom:2%;right:8%;animation-delay:2.5s}.marquee-strip{padding:1rem 0;border-top:1px solid rgba(245,245,247,.08);border-bottom:1px solid rgba(245,245,247,.08);overflow:hidden}.marquee-track{display:flex;gap:2rem;width:max-content;white-space:nowrap;animation:marquee 34s linear infinite;color:#f5f5f7c7;text-transform:uppercase;letter-spacing:.18em;font-size:.84rem}.section{padding:6.5rem 0}.split-layout,.section-heading,.contact-card,.footer-content{display:flex;align-items:flex-start;justify-content:space-between;gap:2rem}.section-title{font-size:clamp(2rem,3.2vw,3.5rem);max-width:14ch}.section-copy{max-width:58ch;margin:1rem 0 0}.services-grid,.process-grid,.portfolio-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:1.2rem;margin-top:2.5rem}.process-grid{grid-template-columns:repeat(4,minmax(0,1fr))}.service-card,.process-step,.showcase-card,.portfolio-card,.statement-card,.contact-card{border-radius:var(--radius-xl)}.service-card,.process-step{padding:1.7rem}.portfolio-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.portfolio-card{display:flex;flex-direction:column;gap:1rem;min-height:320px;padding:1.8rem;overflow:hidden}.portfolio-preview{position:relative;overflow:hidden;border-radius:calc(var(--radius-lg) - 2px);border:1px solid rgba(245,245,247,.1);background:radial-gradient(circle at top right,rgba(156,182,203,.18),transparent 36%),linear-gradient(180deg,#ffffff0d,#ffffff04)}.portfolio-preview:after{content:"";position:absolute;inset:auto 0 0;height:4.5rem;background:linear-gradient(180deg,transparent,rgba(8,17,30,.24));pointer-events:none}.portfolio-preview-bar{display:flex;align-items:center;gap:.45rem;min-height:2.4rem;padding:0 .95rem;border-bottom:1px solid rgba(245,245,247,.08);background:#08111e73;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px)}.portfolio-preview-bar span{width:.68rem;height:.68rem;border-radius:50%;background:#f5f5f74d}.portfolio-preview-bar span:first-child{background:#ff6d6d}.portfolio-preview-bar span:nth-child(2){background:#ffcf5a}.portfolio-preview-bar span:nth-child(3){background:#67db7c}.portfolio-preview-frame{position:relative;height:220px;overflow:hidden;background:#08111ead}.portfolio-preview-frame iframe{width:200%;height:200%;border:0;transform:scale(.5);transform-origin:top left;pointer-events:none;background:#fff}.portfolio-meta{display:flex;align-items:center;justify-content:space-between;gap:1rem}.portfolio-tag,.portfolio-index{display:inline-flex;align-items:center;min-height:2rem;border-radius:999px;border:1px solid rgba(245,245,247,.1);color:var(--muted-strong);font-size:.78rem;text-transform:uppercase;letter-spacing:.12em}.portfolio-tag{padding:0 .85rem;background:#f5f5f70d}.portfolio-index{width:2.5rem;justify-content:center;background:#f5f5f708}.portfolio-card h3{margin:0;font-size:1.5rem}.portfolio-card p{margin:0;color:var(--muted);line-height:1.75;font-size:1rem}.portfolio-link{display:inline-flex;align-items:center;gap:.55rem;margin-top:auto;width:fit-content;min-height:48px;padding:0 1rem;border-radius:999px;border:1px solid rgba(245,245,247,.14);background:#f5f5f70a;color:var(--text);font-weight:700;transition:transform .35s ease,border-color .35s ease,background-color .35s ease}.portfolio-link:after{content:"↗";font-size:.95rem}.portfolio-link:hover,.portfolio-link:focus-visible{transform:translateY(-2px);border-color:#f5f5f747;background:#f5f5f714}.service-number,.process-step span{display:inline-flex;align-items:center;justify-content:center;width:3rem;height:3rem;border-radius:50%;background:#f5f5f70f;border:1px solid rgba(245,245,247,.1);color:var(--muted-strong);margin-bottom:1.15rem;font-weight:700}.service-card h3,.process-step h3,.showcase-card h3{margin:0 0 .8rem;font-size:1.35rem}.service-card ul{padding:0;list-style:none;margin:1.4rem 0 0}.service-card li{position:relative;padding-left:1.15rem;color:var(--muted-strong);margin-top:.7rem}.service-card li:before{content:"";position:absolute;left:0;top:.72rem;width:.45rem;height:.45rem;border-radius:50%;background:var(--accent);box-shadow:0 0 18px #9cb6cb73}.showcase-grid{display:grid;grid-template-columns:1.15fr .85fr;gap:1.2rem;margin-top:2.5rem}.showcase-card{position:relative;overflow:hidden;min-height:240px;padding:1.7rem}.showcase-large{min-height:520px;display:flex;flex-direction:column;justify-content:flex-end;background:radial-gradient(circle at top left,rgba(245,245,247,.14),transparent 38%),linear-gradient(160deg,#8fa1b314,#0a1a2f66),var(--surface)}.showcase-large h3{max-width:10ch;font-family:Syne,sans-serif;font-size:clamp(1.8rem,2.5vw,2.8rem);line-height:1.05}.showcase-large p{max-width:52ch}.showcase-stack{min-height:520px;display:grid;place-items:center}.mini-screen{position:absolute;width:66%;aspect-ratio:.82;border-radius:24px;background:linear-gradient(180deg,#f5f5f72e,#f5f5f705),linear-gradient(180deg,#0e1d31f5,#09121ff5);border:1px solid rgba(245,245,247,.08);box-shadow:var(--shadow)}.mini-screen:before{content:"";position:absolute;inset:1rem;border-radius:18px;background:linear-gradient(180deg,rgba(245,245,247,.08),transparent 18%),radial-gradient(circle at top,rgba(143,161,179,.36),transparent 38%)}.mini-screen.second{transform:translate(-16%,11%) rotate(-12deg)}.mini-screen.third{transform:translate(16%,-11%) rotate(12deg)}.statement-card,.contact-card{padding:2rem}.statement-card{text-align:center;max-width:900px}.statement-card p{margin:0;font-family:Syne,sans-serif;font-size:clamp(1.5rem,2.2vw,2.3rem);line-height:1.25;color:var(--text)}.statement-card strong{display:inline-block;margin-top:1.4rem;color:var(--muted);letter-spacing:.14em;text-transform:uppercase;font-size:.82rem}.contact-card{align-items:center}.contact-actions{display:flex;gap:1rem;flex-wrap:wrap}.site-footer{padding:1.5rem 0 2.5rem}.footer-content{padding-top:1.25rem;border-top:1px solid rgba(245,245,247,.08);color:var(--muted)}.js [data-animate]{opacity:0;transform:translateY(28px);transition:opacity .8s ease,transform .8s ease;transition-delay:var(--delay, 0ms)}.js [data-animate=scale]{transform:scale(.92)}.js [data-animate].is-visible{opacity:1;transform:none}@keyframes marquee{0%{transform:translate(0)}to{transform:translate(-50%)}}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-12px)}}@keyframes rise{0%,to{transform:scaleY(.75);opacity:.45}50%{transform:scaleY(1);opacity:1}}@media(max-width:1360px){.hero{padding:4.5rem 0 3.5rem}.hero-grid{gap:2.25rem}.hero h1{max-width:11ch;font-size:clamp(1.95rem,3.3vw,2.85rem)}.hero-text{max-width:50ch}.hero-visual{min-height:560px}.panel-screen{min-height:400px}.section{padding:5rem 0}.section-title{font-size:clamp(1.9rem,2.8vw,3rem);max-width:15ch}.showcase-large,.showcase-stack{min-height:440px}}@media(max-width:1080px){.ambient,.grid-glow,.orbital-ring{display:none}.hero-grid,.showcase-grid,.process-grid,.services-grid,.portfolio-grid,.split-layout,.section-heading,.contact-card,.footer-content{grid-template-columns:1fr;flex-direction:column}.hero-grid{gap:4rem}.hero h1,.section-title,.showcase-large h3,.statement-card p{max-width:none}.hero-visual{min-height:560px}.hero-metrics{grid-template-columns:1fr}.showcase-large,.showcase-stack{min-height:380px}.process-grid,.services-grid,.portfolio-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:760px){.site-header{position:static}.nav{min-height:auto;padding:1rem 0;flex-wrap:wrap}.menu{order:3;width:100%;justify-content:space-between;gap:1rem;font-size:.9rem}.nav-cta{display:none}.hero{padding-top:2.5rem}.hero h1{font-size:clamp(1.8rem,8vw,2.55rem)}.hero-visual{min-height:500px}.orbital-ring-a{width:20rem;height:20rem}.orbital-ring-b{width:25rem;height:25rem}.panel-screen{min-height:360px;padding:1.5rem}.screen-copy h2{font-size:2rem}.card-a,.card-b,.card-c{position:static;margin-top:1rem;width:100%;min-width:0}.hero-visual{display:flex;flex-direction:column;align-items:stretch}.services-grid,.process-grid,.portfolio-grid{grid-template-columns:1fr}.portfolio-preview-frame{height:190px}.showcase-grid{display:flex;flex-direction:column}.section,.intro-block{padding:4.5rem 0}.contact-actions,.hero-actions,.contact-actions .button,.hero-actions .button{width:100%}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation:none!important;transition:none!important;scroll-behavior:auto!important}[data-animate]{opacity:1;transform:none}}