@import "https://fonts.googleapis.com/css2?family=DM+Mono:wght@400;500&family=Inter:wght@400;500;600;700;800;900&display=swap";:root{color:#0a0a0b;font-synthesis:none;background:#fff;font-family:Inter,Arial,sans-serif}*{box-sizing:border-box}html{scroll-behavior:smooth}body,#root{background:#fff;min-width:320px;min-height:100%;margin:0}body{overflow-x:hidden}button,input,textarea{font:inherit}a{color:inherit}::selection{color:#080808;background:#ffdd27}:focus-visible{outline-offset:4px;outline:3px solid #14bdeb}:root{--ink:#09090a;--muted:#62646b;--line:#e7e7e9;--paper:#fff;--soft:#f7f7f8;--rainbow:linear-gradient(100deg,#ffc400,#ff4d38 34%,#ef21bd 65%,#00bfea)}.app-shell{background:var(--paper);min-height:100vh}main{min-height:60vh}.section-wrap{width:min(1180px,100% - 48px);margin-inline:auto}.section-kicker,.eyebrow{color:#777981;text-transform:uppercase;letter-spacing:.16em;margin:0 0 20px;font:500 12px/1.2 DM Mono,monospace}.button{border:1px solid var(--ink);border-radius:8px;justify-content:space-between;align-items:center;gap:42px;min-height:56px;padding:0 24px;font-weight:600;text-decoration:none;transition:all .2s;display:inline-flex}.button:hover{transform:translateY(-2px);box-shadow:0 12px 30px #0000001f}.button-dark{color:#fff;background:#09090a}.button-light{color:#09090a;background:#fff}.page-hero{border-bottom:1px solid var(--line);isolation:isolate;width:min(1180px,100% - 48px);margin:auto;padding:100px 0 62px;position:relative;overflow:hidden}.page-hero:after{content:"";z-index:-1;opacity:.16;pointer-events:none;background:url(/uxp-hero-art.png) 50%/contain no-repeat;width:min(690px,62vw);height:460px;position:absolute;top:-40px;right:-150px}.page-hero .section-kicker{margin-bottom:22px}.page-hero h1{z-index:1;letter-spacing:-.065em;max-width:900px;margin:0;font-size:clamp(50px,8vw,110px);line-height:.92;position:relative}.page-hero h1 span,.gradient-text{background:var(--rainbow);color:#0000;-webkit-background-clip:text;background-clip:text}.page-hero p:last-child{max-width:680px;color:var(--muted);margin:32px 0 0;font-size:18px;line-height:1.7}@media (width<=700px){.section-wrap,.page-hero{width:min(100% - 32px,1180px)}.page-hero{padding:66px 0 44px}.button{gap:24px;min-height:52px}}.navbar{z-index:100;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);background:#ffffffed;border-bottom:1px solid #ededee;grid-template-columns:1fr auto 1fr;align-items:center;width:100%;height:112px;padding:0 clamp(24px,4vw,68px);display:grid;position:sticky;top:0}.logo{color:#0a0a0b;flex-direction:column;align-items:center;gap:5px;width:max-content;text-decoration:none;display:inline-flex}.logo img{width:clamp(112px,10vw,154px);height:auto;display:block}.brand-name{color:#0a0a0b;letter-spacing:.16em;text-transform:uppercase;white-space:nowrap;font-size:clamp(11px,.9vw,13px);font-weight:700;line-height:1}.brand-name b{color:inherit;font-weight:800}.nav{align-items:center;gap:clamp(25px,3.2vw,52px);display:flex}.nav-button{color:#1b1b1d;padding:46px 0 43px;font-size:15px;text-decoration:none;position:relative}.nav-button:after{content:"";background:var(--rainbow);transform-origin:50%;height:2px;transition:transform .2s;position:absolute;bottom:28px;left:0;right:0;transform:scaleX(0)}.nav-button:hover:after,.nav-button.active:after{transform:scaleX(1)}.nav-project-button{color:#111;background:linear-gradient(#fff,#fff) padding-box,var(--rainbow) border-box;border:2px solid #0000;border-radius:8px;justify-self:end;align-items:center;gap:30px;min-height:52px;padding:0 18px;text-decoration:none;transition:all .2s;display:inline-flex}.nav-project-button:hover{transform:translateY(-2px);box-shadow:0 8px 22px #1e2c4418}.menu-toggle{background:0 0;border:0;padding:12px;display:none}.menu-toggle span{background:#111;width:24px;height:2px;margin:5px;display:block}@media (width<=900px){.navbar{grid-template-columns:1fr auto auto;height:88px;padding:0 20px}.logo{gap:3px}.logo img{width:100px}.brand-name{letter-spacing:.12em;font-size:9px}.menu-toggle{order:2;display:block}.nav-project-button{order:3;gap:12px;min-height:46px;font-size:13px}.nav{border-bottom:1px solid var(--line);background:#fff;flex-direction:column;align-items:stretch;gap:0;padding:12px 24px 24px;display:none;position:absolute;top:88px;left:0;right:0}.nav.is-open{display:flex}.nav-button{padding:16px 0;font-size:17px}.nav-button:after{bottom:8px}}@media (width<=480px){.nav-project-button{display:none}.navbar{grid-template-columns:1fr auto}.menu-toggle{order:initial}}.hero-section{border-bottom:1px solid var(--line);grid-template-columns:minmax(390px,.78fr) 1.22fr;align-items:center;min-height:calc(100vh - 112px);padding:68px clamp(24px,4vw,68px);display:grid;overflow:hidden}.hero-copy{z-index:2;position:relative}.hero-copy h1{letter-spacing:-.07em;margin:0;font-size:clamp(64px,7.4vw,126px);font-weight:800;line-height:.78}.hero-copy h1 span{background:var(--rainbow);color:#0000;-webkit-background-clip:text;background-clip:text}.typed-line{min-height:24px;margin:32px 0 12px;font:500 clamp(14px,1.4vw,18px)/1.5 DM Mono,monospace}.cursor{animation:.8s step-end infinite blink}@keyframes blink{50%{opacity:0}}.hero-intro{color:#555860;max-width:570px;margin:0;font-size:17px;line-height:1.65}.hero-buttons{flex-wrap:wrap;gap:16px;margin-top:34px;display:flex}.hero-art{isolation:isolate;place-items:center;min-height:620px;display:grid;position:relative}.hero-art:before{content:"";z-index:-1;filter:saturate(1.08);opacity:.42;background:url(/uxp-hero-art.png) 50%/contain no-repeat;position:absolute;inset:8% -7%}.hero-art-word{letter-spacing:-.12em;background:url(/uxp-hero-art.png) 56% 52%/185% auto no-repeat,var(--rainbow);color:#0000;-webkit-text-stroke:1px #1414161a;filter:drop-shadow(0 18px 16px #283e5f33);-webkit-background-clip:text;background-clip:text;padding-right:.09em;font-size:clamp(150px,24vw,390px);font-weight:900;line-height:1;position:relative}.intro-section{padding:130px 0;position:relative}.intro-section:before{content:"";z-index:0;opacity:.12;pointer-events:none;background:url(/uxp-hero-art.png) 50%/contain no-repeat;width:510px;height:380px;position:absolute;top:20px;right:-170px;transform:rotate(-8deg)}.intro-section>*{z-index:1;position:relative}.intro-grid{grid-template-columns:1fr 1fr;align-items:end;gap:8vw;display:grid}.intro-grid h2,.alpine-section h2,.final-cta h2{letter-spacing:-.055em;margin:0;font-size:clamp(44px,6vw,82px);line-height:.98}.intro-grid>p{color:var(--muted);margin:0;font-size:18px;line-height:1.75}.service-preview{border-top:1px solid var(--ink);grid-template-columns:repeat(3,1fr);margin-top:86px;display:grid}.service-preview article{border-bottom:1px solid var(--line);min-height:300px;padding:28px 30px 20px 0;position:relative;overflow:hidden}.service-preview article:before{content:"";background:var(--rainbow);transform-origin:50%;width:100%;height:5px;transition:transform .35s;position:absolute;top:0;left:0;transform:scaleX(.16)}.service-preview article:hover:before{transform:scaleX(1)}.service-preview article+article{border-left:1px solid var(--line);padding-left:30px}.service-preview span{color:#999;font:13px DM Mono,monospace}.service-preview h3{margin:48px 0 16px;font-size:24px}.service-preview p{color:var(--muted);line-height:1.65}.service-preview a{margin-top:16px;font-weight:600;text-decoration:none;display:inline-block}.alpine-section{background:linear-gradient(120deg,#ffc4001f,#ef21bd14 52%,#00bfea24),#f7f7f8;border-radius:22px;grid-template-columns:1fr 1fr;align-items:center;gap:8vw;margin-bottom:130px;padding:80px;display:grid;position:relative;overflow:hidden}.alpine-section:after{content:"";opacity:.22;pointer-events:none;background:url(/uxp-hero-art.png) 50%/contain no-repeat;width:480px;height:360px;position:absolute;bottom:-155px;right:-130px}.alpine-section>*{z-index:1;position:relative}.alpine-section p:not(.section-kicker){max-width:560px;color:var(--muted);margin:24px 0 30px;line-height:1.7}.alpine-card{color:#fff;background:#0a0a0b;border-radius:20px;flex-direction:column;justify-content:space-between;min-height:390px;padding:42px;display:flex;transform:rotate(3deg);box-shadow:30px 35px 70px #31415c2a}.alpine-card>span{background:var(--rainbow);color:#0000;-webkit-background-clip:text;font-size:72px;font-weight:900}.time-row{justify-content:space-between;align-items:end;display:flex}.time-row b{font:500 56px DM Mono,monospace}.time-row i{color:#60e69a;font:12px DM Mono}.time-line{background:var(--rainbow);border-radius:9px;height:5px}.final-cta{text-align:center;border-top:1px solid var(--line);padding:120px 24px 130px}.final-cta>p{text-transform:uppercase;letter-spacing:.16em;font:13px DM Mono}.final-cta h2 span{background:var(--rainbow);color:#0000;-webkit-background-clip:text}.final-cta .button{margin-top:40px}@media (width<=950px){.hero-section{grid-template-columns:1fr;min-height:auto;padding-top:65px}.hero-art{min-height:420px}.intro-grid,.alpine-section,.service-preview{grid-template-columns:1fr}.service-preview article+article{border-left:0;padding-left:0}.alpine-section{padding:50px}.alpine-card{min-height:320px}.intro-section{padding:90px 0}}@media (width<=600px){.hero-section{padding:54px 20px 30px}.hero-copy h1{font-size:60px}.hero-art{min-height:300px;margin-top:10px}.hero-art:before{opacity:.32}.hero-art-word{font-size:120px}.hero-buttons .button{width:100%}.intro-section:before{width:330px;right:-180px}.alpine-section{border-radius:14px;margin-bottom:80px;padding:32px 22px}.alpine-card{min-height:240px;padding:26px}.time-row b{font-size:34px}}.services-list{padding:65px 0 120px}.services-list article{border-bottom:1px solid var(--line);grid-template-columns:1fr 1fr;gap:8vw;padding:55px 0;display:grid}.services-list article>div:first-child{grid-template-columns:60px 1fr;display:grid}.services-list span{color:#999;font:13px DM Mono}.services-list h2{letter-spacing:-.04em;margin:0;font-size:clamp(30px,4vw,52px)}.services-list p{color:var(--muted);margin:0;font-size:17px;line-height:1.7}.services-list ul{flex-wrap:wrap;gap:10px;margin:25px 0;padding:0;list-style:none;display:flex}.services-list li{border:1px solid var(--line);border-radius:99px;padding:8px 12px;font:12px DM Mono}.services-list a{font-weight:700;text-decoration:none}.page-strip{background:#f5f5f6;justify-content:space-between;align-items:end;gap:40px;padding:110px max(24px,50vw - 590px);display:flex}.page-strip h2{letter-spacing:-.05em;margin:0;font-size:clamp(40px,5vw,72px)}.page-strip h2 span{color:#999}@media (width<=750px){.services-list article{grid-template-columns:1fr;gap:30px}.services-list article>div:first-child{grid-template-columns:45px 1fr}.page-strip{flex-direction:column;align-items:start;padding-top:75px;padding-bottom:75px}}.workflow-list{padding:80px 0 120px}.workflow-list article{border-bottom:1px solid var(--line);grid-template-columns:80px 1fr 1fr;align-items:start;gap:30px;padding:46px 0;display:grid}.workflow-list span{color:#999;font:13px DM Mono}.workflow-list h2{letter-spacing:-.04em;margin:0;font-size:clamp(32px,4vw,54px)}.workflow-list p{color:var(--muted);margin:6px 0 0;font-size:17px;line-height:1.7}.workflow-list article:hover h2{background:var(--rainbow);color:#0000;-webkit-background-clip:text}.workflow-cta{text-align:center;background:#f5f5f6;padding:100px 24px 120px}.workflow-cta h2{letter-spacing:-.055em;margin:0;font-size:clamp(42px,6vw,80px)}.workflow-cta .button{margin-top:36px}@media (width<=700px){.workflow-list{padding-top:40px}.workflow-list article{grid-template-columns:40px 1fr}.workflow-list p{grid-column:2}}.about-story{grid-template-columns:1fr 1fr;gap:8vw;padding:120px 0 90px;display:grid}.about-story h2,.about-call h2{letter-spacing:-.065em;margin:0;font-size:clamp(50px,7vw,96px);line-height:.95}.about-story>div:last-child{padding-top:30px}.about-story>div:last-child p{color:var(--muted);margin:0 0 25px;font-size:18px;line-height:1.75}.values{grid-template-columns:repeat(3,1fr);padding-bottom:120px;display:grid}.values article{border-top:1px solid #111;border-bottom:1px solid var(--line);padding:32px}.values article+article{border-left:1px solid var(--line)}.values span{color:#999;font:13px DM Mono}.values h3{margin:52px 0 16px;font-size:25px}.values p{color:var(--muted);line-height:1.65}.about-call{text-align:center;background:#f5f5f6;padding:110px 24px 120px}.about-call h2 span{background:var(--rainbow);color:#0000;-webkit-background-clip:text}.about-call .button{margin-top:40px}@media (width<=750px){.about-story{grid-template-columns:1fr;padding:80px 0 50px}.values{grid-template-columns:1fr}.values article+article{border-left:0}.values h3{margin-top:30px}}.contact-layout{grid-template-columns:.7fr 1.3fr;gap:9vw;padding:80px 0 130px;display:grid}.contact-layout aside{flex-direction:column;align-items:flex-start;display:flex}.contact-layout aside a{border-bottom:1px solid;margin:0 0 14px;font-size:18px;font-weight:600;text-decoration:none}.contact-layout aside>p:last-child{color:var(--muted);margin-top:30px;line-height:1.6}.contact-layout form{gap:28px;display:grid}.form-row{grid-template-columns:1fr 1fr;gap:22px;display:grid}.contact-layout label{gap:10px;font-weight:600;display:grid}.contact-layout label span{color:#999;font-weight:400}.contact-layout input,.contact-layout textarea{resize:vertical;background:0 0;border:0;border-bottom:1px solid #aaa;border-radius:0;outline:0;width:100%;padding:15px 0;font-size:17px}.contact-layout input:focus,.contact-layout textarea:focus{border-color:#09bce9;box-shadow:0 2px #09bce9}.contact-layout button{cursor:pointer;justify-self:start}.error{color:#ca204c}.success{background:#f5f5f6;border-radius:16px;padding:50px}.success span{font-size:40px}.success h2{margin:20px 0 10px;font-size:48px}.success p{color:var(--muted)}@media (width<=750px){.contact-layout{grid-template-columns:1fr;gap:60px}.form-row{grid-template-columns:1fr}}.legal-head{border-bottom:1px solid var(--line);width:min(900px,100% - 48px);margin:auto;padding:90px 0 45px}.legal-head h1{letter-spacing:-.06em;margin:0;font-size:clamp(52px,8vw,98px)}.legal-head>p:last-child{color:#888;font:12px DM Mono}.legal-copy{width:min(760px,100% - 48px);margin:0 auto;padding:60px 0 110px}.legal-copy h2{margin:45px 0 12px;font-size:25px}.legal-copy p{color:var(--muted);line-height:1.75}.legal-note{background:#fff6d9;border-left:4px solid #ffb900;margin-top:55px;padding:24px;line-height:1.6}footer{color:#fff;background:#0a0a0b;padding:75px max(24px,50vw - 590px) 24px}.footer-main{grid-template-columns:2fr repeat(3,1fr);gap:40px;padding-bottom:70px;display:grid}.footer-logo{flex-direction:column;align-self:start;align-items:center;gap:8px;width:max-content;text-decoration:none;display:flex}.footer-logo img{filter:brightness(0)invert();width:190px;height:auto;display:block}.footer-logo span{color:#fff;letter-spacing:.18em;text-transform:uppercase;font-size:14px;font-weight:700;line-height:1}.footer-logo b{color:#ff8a00;font-weight:900}.footer-main>div{flex-direction:column;align-items:flex-start;gap:12px;display:flex}.footer-main p{color:#777;text-transform:uppercase;letter-spacing:.16em;margin:0 0 12px;font:11px DM Mono}.footer-main>div a{color:#ddd;text-decoration:none}.footer-main>div a:hover{color:#fff}.footer-bottom{color:#777;border-top:1px solid #29292b;justify-content:space-between;padding-top:22px;font:11px DM Mono;display:flex}@media (width<=700px){.footer-main{grid-template-columns:1fr 1fr}.footer-logo{grid-column:1/-1}.footer-logo img{width:160px}.footer-logo span{font-size:12px}.footer-bottom{flex-direction:column;gap:20px}}