:root{--x-teal:#307778;--x-teal-dark:#173f40;--x-yellow:#fefc70;--x-black:#050606;--x-charcoal:#0b0f10;--x-panel:#101616;--x-panel-2:#151d1d;--x-line:rgba(247,247,242,0.14);--x-line-strong:rgba(254,252,112,0.36);--x-white:#f7f7f2;--x-muted:rgba(247,247,242,0.68);--x-soft:rgba(247,247,242,0.48);--x-max:1440px;--x-gutter:clamp(20px,4vw,64px);--x-radius:8px;--x-ease:cubic-bezier(0.22,1,0.36,1)}*{box-sizing:border-box}html{scroll-behavior:smooth;background:var(--x-black)}body{margin:0;background:radial-gradient(circle at 78% 10%,rgba(48,119,120,.32),transparent 30rem),linear-gradient(180deg,#071112 0,var(--x-black) 40%,#070909 100%);color:var(--x-white);font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;letter-spacing:0}a{color:inherit;text-decoration:none}button,input,select,textarea{font:inherit}img{display:block;max-width:100%}::selection{background:var(--x-yellow);color:var(--x-black)}.page-shell{min-height:100vh;overflow-x:hidden}.container{width:min(100%,var(--x-max));margin:0 auto;padding-inline:var(--x-gutter)}.section{padding-block:clamp(72px,10vw,156px);position:relative}.section-tight{padding-block:clamp(52px,7vw,104px)}.section-border{border-top:1px solid var(--x-line)}.eyebrow{color:var(--x-yellow);font-size:.72rem;font-weight:800;letter-spacing:.12em;text-transform:uppercase}.display{font-size:clamp(3.2rem,7.2vw,7.6rem);line-height:.92}.display,.h1{font-family:Space Grotesk,Inter,ui-sans-serif,system-ui,-apple-system,sans-serif;letter-spacing:0;margin:0}.h1{font-size:clamp(2.75rem,6.4vw,6.8rem);line-height:.98}.h2{font-size:clamp(2rem,4vw,4.4rem);line-height:1.02}.h2,.h3{font-family:Space Grotesk,Inter,ui-sans-serif,system-ui,-apple-system,sans-serif;margin:0}.h3{font-size:clamp(1.35rem,2.5vw,2.2rem);line-height:1.1}.lead{font-size:clamp(1.05rem,1.6vw,1.35rem);line-height:1.62;margin:0}.copy,.lead{color:var(--x-muted)}.copy{font-size:1rem;line-height:1.72}.muted{color:var(--x-muted)}.yellow{color:var(--x-yellow)}.grid{display:grid;grid-gap:clamp(18px,2vw,28px);gap:clamp(18px,2vw,28px)}.grid-2{grid-template-columns:repeat(2,minmax(0,1fr))}.grid-3{grid-template-columns:repeat(3,minmax(0,1fr))}.grid-4{grid-template-columns:repeat(4,minmax(0,1fr))}.grid-5{grid-template-columns:repeat(5,minmax(0,1fr))}.panel{border:1px solid var(--x-line);background:linear-gradient(145deg,rgba(247,247,242,.06),rgba(247,247,242,.02));border-radius:var(--x-radius)}.button-row{display:flex;flex-wrap:wrap;gap:12px;align-items:center}.button{display:inline-flex;align-items:center;justify-content:center;min-height:48px;padding:0 20px;border:1px solid var(--x-line-strong);border-radius:0;background:transparent;color:var(--x-yellow);font-size:.9rem;font-weight:700;letter-spacing:.01em;transition:transform .22s var(--x-ease),background .22s var(--x-ease),color .22s var(--x-ease),border-color .22s var(--x-ease)}.button.primary{background:var(--x-yellow);color:var(--x-black)}.button:hover{transform:translateY(-2px);border-color:var(--x-yellow)}.button.primary:hover{background:var(--x-white)}.button .arrow{margin-left:16px;font-size:1rem}.reveal{animation:reveal-up .76s var(--x-ease) both}.delay-1{animation-delay:.12s}.delay-2{animation-delay:.22s}.meta-list{display:flex;flex-wrap:wrap;gap:10px}.tag{display:inline-flex;align-items:center;min-height:34px;border:1px solid var(--x-line);border-radius:999px;padding:0 14px;color:var(--x-muted);font-size:.82rem}.divider{height:1px;background:var(--x-line)}.noise{position:fixed;inset:0;pointer-events:none;z-index:50;opacity:.16;background-image:linear-gradient(rgba(255,255,255,.03) 1px,transparent 0),linear-gradient(90deg,rgba(255,255,255,.03) 1px,transparent 0);background-size:72px 72px;-webkit-mask-image:linear-gradient(180deg,black,transparent 86%);mask-image:linear-gradient(180deg,black,transparent 86%)}.abstract-mark{position:relative;min-height:320px;overflow:hidden;background:radial-gradient(circle at 54% 28%,rgba(254,252,112,.12),transparent 14rem),linear-gradient(135deg,rgba(48,119,120,.52),rgba(15,22,22,.9))}.abstract-mark:after,.abstract-mark:before{content:"";position:absolute;border-radius:999px;background:linear-gradient(145deg,#3a8d8e,#173f40);box-shadow:0 36px 80px rgba(0,0,0,.45)}.abstract-mark:before{width:38%;aspect-ratio:1;top:15%;right:23%}.abstract-mark:after{width:44%;aspect-ratio:1;right:8%;bottom:12%}.abstract-mark span{position:absolute;width:17%;aspect-ratio:1;left:36%;bottom:28%;border-radius:999px;background:linear-gradient(145deg,#3a8d8e,#173f40);box-shadow:0 28px 68px rgba(0,0,0,.42)}.sr-only{position:absolute;width:1px;height:1px;padding:0;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}@media (max-width:980px){.grid-3,.grid-4,.grid-5{grid-template-columns:repeat(2,minmax(0,1fr))}.grid-2{grid-template-columns:1fr}}@media (max-width:640px){:root{--x-gutter:18px}.grid-2,.grid-3,.grid-4,.grid-5{grid-template-columns:1fr}.button{width:100%}.display{font-size:clamp(3rem,15vw,4.8rem)}}@media (prefers-reduced-motion:reduce){*,:after,:before{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}@keyframes reveal-up{0%{opacity:0;transform:translate3d(0,18px,0)}to{opacity:1;transform:translateZ(0)}}.site-header{position:-webkit-sticky;position:sticky;top:0;z-index:40;display:grid;grid-template-columns:auto 1fr auto auto;align-items:center;grid-gap:26px;gap:26px;min-height:78px;padding:0 var(--x-gutter);border-bottom:1px solid rgba(247,247,242,.08);background:rgba(5,8,8,.54);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px)}.brand-link{display:inline-flex;width:188px;align-items:center}.brand-link img,.footer-brand img{width:100%;height:auto;filter:brightness(0) saturate(100%) invert(100%) sepia(73%) saturate(929%) hue-rotate(6deg) brightness(104%) contrast(102%)}.desktop-nav{display:flex;justify-content:flex-end;gap:clamp(22px,3.2vw,48px)}.desktop-nav a,.header-cta,.mobile-menu a{color:var(--x-muted);font-size:.72rem;font-weight:500;letter-spacing:.22em;text-transform:uppercase}.desktop-nav a.active,.desktop-nav a:hover{color:var(--x-yellow)}.desktop-nav a{position:relative;padding-block:30px}.desktop-nav a:after{content:"";position:absolute;left:0;right:0;bottom:22px;height:1px;background:var(--x-yellow);transform:scaleX(0);transform-origin:left;transition:transform .22s var(--x-ease)}.desktop-nav a.active:after,.desktop-nav a:hover:after{transform:scaleX(1)}.header-cta{min-height:40px;display:inline-flex;gap:18px;align-items:center;border:1px solid var(--x-line-strong);border-radius:999px;color:var(--x-yellow);padding:0 22px;transition:background .22s var(--x-ease),color .22s var(--x-ease),border-color .22s var(--x-ease)}.header-cta:hover{background:var(--x-yellow);border-color:var(--x-yellow);color:var(--x-black)}.menu-button{display:none;width:44px;height:44px;border:1px solid var(--x-line);background:transparent;color:var(--x-white)}.menu-button span{display:block;width:18px;height:2px;margin:5px auto;background:currentColor}.mobile-menu{position:absolute;inset:84px 0 auto 0;display:grid;grid-gap:22px;gap:22px;padding:28px var(--x-gutter) 34px;border-bottom:1px solid var(--x-line);background:rgba(5,8,8,.96)}.mobile-menu a:not(.button){font-size:1.65rem;color:var(--x-white)}.site-footer{border-top:1px solid var(--x-line);background:radial-gradient(circle at 70% 30%,rgba(48,119,120,.22),transparent 28rem),#060808}.footer-cta{display:grid;grid-template-columns:minmax(0,1fr) auto;grid-gap:32px;gap:32px;align-items:end;padding-block:clamp(70px,10vw,128px)}.footer-cta .h1{max-width:980px;margin-top:18px}.footer-main{display:grid;grid-template-columns:minmax(240px,.75fr) 1.5fr;grid-gap:46px;gap:46px;padding-block:46px;border-top:1px solid var(--x-line)}.footer-brand{display:grid;grid-gap:22px;gap:22px;align-content:start}.footer-brand img{width:170px;height:auto}.footer-bottom,.footer-brand a,.footer-brand p,.footer-columns a{color:var(--x-muted)}.footer-columns{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));grid-gap:30px;gap:30px}.footer-columns div{display:grid;grid-gap:12px;gap:12px;align-content:start}.footer-columns h3{margin:0 0 8px;color:var(--x-yellow);font-size:.78rem;letter-spacing:.12em;text-transform:uppercase}.footer-columns a{font-size:.94rem}.footer-brand a:hover,.footer-columns a:hover{color:var(--x-yellow)}.footer-bottom{display:flex;justify-content:space-between;gap:20px;padding-block:24px;border-top:1px solid var(--x-line);font-size:.78rem}@media (max-width:920px){.site-header{grid-template-columns:auto 1fr auto}.desktop-nav,.header-cta{display:none}.menu-button{display:block;grid-column:3}.footer-cta,.footer-main{grid-template-columns:1fr}.footer-columns{grid-template-columns:1fr 1fr}}@media (max-width:640px){.site-header{min-height:74px}.brand-link{width:152px}.mobile-menu{inset-block-start:74px}.footer-columns{grid-template-columns:1fr}.footer-bottom{flex-direction:column}}.section-header{display:grid;grid-gap:28px;gap:28px;margin-bottom:clamp(34px,5vw,72px)}.section-header.split{grid-template-columns:minmax(0,.9fr) minmax(280px,.65fr);align-items:end}.section-header .eyebrow{margin:0 0 14px}.section-header .lead{max-width:660px}.metric-card,.process-card,.project-card,.service-card{position:relative;overflow:hidden;border:1px solid var(--x-line);background:linear-gradient(145deg,rgba(247,247,242,.06),rgba(247,247,242,.02));transition:transform .26s var(--x-ease),border-color .26s var(--x-ease),background .26s var(--x-ease),box-shadow .26s var(--x-ease)}.metric-card:hover,.process-card:hover,.project-card:hover,.service-card:hover{transform:translateY(-4px);border-color:rgba(254,252,112,.42);box-shadow:0 28px 80px rgba(0,0,0,.26)}.metric-card{min-height:168px;padding:24px;display:grid;align-content:end}.metric-card strong{color:var(--x-yellow);font-family:Space Grotesk,Inter,sans-serif;font-size:clamp(2.1rem,4vw,4.5rem);line-height:1}.metric-card span{color:var(--x-muted);margin-top:10px}.service-card{min-height:318px;padding:26px;display:grid;grid-gap:16px;gap:16px;align-content:start;background:linear-gradient(180deg,rgba(254,252,112,.08),transparent 32%),rgba(7,14,14,.34)}.service-card .index{color:var(--x-yellow);font-weight:700;letter-spacing:.08em}.service-card p{color:var(--x-muted);line-height:1.65;margin:0}.service-card ul{display:grid;grid-gap:8px;gap:8px;margin:0;padding:0;list-style:none}.service-card li{color:var(--x-soft);font-size:.92rem}.project-card{min-height:440px;display:grid;align-content:end;color:var(--x-white)}.project-visual{position:absolute;inset:0;overflow:hidden;background-image:linear-gradient(180deg,rgba(5,6,6,.06),rgba(5,6,6,.58)),url(/images/xyncema-studio-desk.png);background-size:cover;background-position:62% 58%;transition:transform .42s var(--x-ease)}.project-visual:before{content:"";position:absolute;inset:0;background:linear-gradient(180deg,transparent 12%,rgba(0,0,0,.88)),radial-gradient(circle at 72% 28%,rgba(254,252,112,.14),transparent 16rem);z-index:1}.project-card:hover .project-visual{transform:scale(1.035)}.project-visual .mock-frame{position:absolute;width:64%;aspect-ratio:1.24;top:17%;left:11%;border:1px solid rgba(247,247,242,.2);background:linear-gradient(160deg,rgba(5,6,6,.82),rgba(16,26,26,.52)),linear-gradient(rgba(254,252,112,.18) 1px,transparent 0),linear-gradient(90deg,rgba(254,252,112,.12) 1px,transparent 0);background-size:auto,44px 44px,44px 44px;box-shadow:0 34px 88px rgba(0,0,0,.44);transform:rotate(-2deg);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.project-visual .mock-frame:before{content:"";position:absolute;inset:16px;border:1px solid rgba(11,15,16,.12);background:linear-gradient(90deg,rgba(254,252,112,.16),transparent 54%),linear-gradient(rgba(247,247,242,.18) 12px,transparent 0);background-size:100% 100%,100% 42px}.project-visual .mock-frame span{position:absolute;z-index:1;display:block;background:rgba(247,247,242,.72)}.project-visual .mock-frame span:first-child{left:22px;bottom:22px;width:38%;height:10px}.project-visual .mock-frame span:nth-child(2){left:22px;bottom:42px;width:58%;height:10px}.project-visual .mock-frame span:nth-child(3){right:20px;top:20px;width:58px;aspect-ratio:1;border-radius:999px;background:var(--x-yellow)}.project-visual .mock-device{position:absolute;right:12%;top:24%;width:23%;aspect-ratio:.56;border:1px solid rgba(247,247,242,.18);border-radius:18px;background:radial-gradient(circle at 50% 26%,rgba(254,252,112,.22),transparent 34%),linear-gradient(180deg,rgba(5,6,6,.96),rgba(15,22,22,.9));box-shadow:0 24px 62px rgba(0,0,0,.38);z-index:1}.project-card[data-tone=teal] .project-visual{background-position:58% 52%}.project-card[data-tone=yellow] .project-visual{background-position:46% 68%}.project-card[data-tone=charcoal] .project-visual{background-position:72% 48%}.project-card[data-tone=light] .project-visual{background-position:66% 54%}.project-card[data-tone=deep] .project-visual{background-position:84% 56%}.project-card-content{position:relative;z-index:2;display:grid;grid-gap:12px;gap:12px;padding:28px}.project-card-content p{color:var(--x-muted);line-height:1.55;margin:0}.process-card{padding:24px 22px;min-height:268px;background:rgba(5,8,8,.72)}.process-card span{display:block;color:var(--x-yellow);font-weight:650;letter-spacing:.08em;margin-bottom:54px}.process-card p{color:var(--x-muted);line-height:1.6}.page-hero{padding-block:clamp(82px,12vw,180px) clamp(54px,8vw,112px);border-bottom:1px solid var(--x-line);background:radial-gradient(circle at 78% 20%,rgba(48,119,120,.24),transparent 30rem),linear-gradient(180deg,rgba(48,119,120,.1),transparent)}.page-hero-grid{display:grid;grid-template-columns:minmax(0,.95fr) minmax(300px,.65fr);grid-gap:clamp(28px,6vw,92px);gap:clamp(28px,6vw,92px);align-items:end}.page-hero .eyebrow{margin:0 0 16px}.page-hero .button-row{margin-top:28px}.content-slab{border:1px solid var(--x-line);background:linear-gradient(145deg,rgba(247,247,242,.05),rgba(247,247,242,.02));padding:clamp(24px,4vw,54px)}.list-clean{display:grid;grid-gap:12px;gap:12px;margin:0;padding:0;list-style:none}.list-clean li{color:var(--x-muted);line-height:1.62}.list-clean li:before{content:"→";color:var(--x-yellow);margin-right:10px}.text-page{max-width:900px}.text-page h2{margin:42px 0 10px}.text-page p{color:var(--x-muted);line-height:1.75}@media (max-width:840px){.page-hero-grid,.section-header.split{grid-template-columns:1fr}}.faq-grid{display:grid;grid-template-columns:minmax(260px,.45fr) 1fr;grid-gap:clamp(30px,6vw,90px);gap:clamp(30px,6vw,90px);align-items:start}.faq-grid>div:first-child{display:grid;grid-gap:24px;gap:24px;justify-items:start}.faq-list{border-top:1px solid var(--x-line)}.faq-list details{border-bottom:1px solid var(--x-line)}.faq-list summary{cursor:pointer;display:flex;justify-content:space-between;gap:20px;padding:24px 0;color:var(--x-white);font-size:clamp(1.05rem,1.6vw,1.35rem);list-style:none}.faq-list summary::-webkit-details-marker{display:none}.faq-list summary:after{content:"+";color:var(--x-yellow)}.faq-list details[open] summary:after{content:"−"}.faq-list p{color:var(--x-muted);line-height:1.7;max-width:820px;margin:-6px 0 24px}@media (max-width:840px){.faq-grid{grid-template-columns:1fr}}