@charset "UTF-8";
:root{--bg:#030d1d;--surface:#07162b;--text:#f2f6ff;--muted:#a6b5cc;--line:#1c304b;--blue:#1689ff;--soft:#102745;--header:rgba(3,13,29,.9);color-scheme:dark}
:root[data-theme=light]{--bg:#f7faff;--surface:#edf4ff;--text:#0a1733;--muted:#51617b;--line:#d5e2f2;--blue:#0064e8;--soft:#e4efff;--header:rgba(247,250,255,.93);color-scheme:light}
*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:95px}body{margin:0;background:var(--bg);color:var(--text);font-family:Arial,"Segoe UI",sans-serif;-webkit-font-smoothing:antialiased;transition:background .25s,color .25s}a{color:inherit;text-decoration:none}button{font:inherit;cursor:pointer}button,a,summary{-webkit-tap-highlight-color:transparent}button:focus-visible,a:focus-visible,summary:focus-visible{outline:3px solid #50b7ff;outline-offset:5px}button{color:inherit}h1,h2,h3,p{margin:0}.symbols{position:absolute;width:0;height:0}.wrap{width:min(1200px,calc(100% - 96px));margin:auto}.icon{width:20px;height:20px;fill:none;stroke:currentColor;stroke-width:1.6;stroke-linecap:round;stroke-linejoin:round;flex-shrink:0}.skip{position:fixed;top:-100px;z-index:100;background:#087aff;color:white;padding:16px}.skip:focus{top:0}.header{position:sticky;top:0;background:var(--header);backdrop-filter:blur(20px);border-bottom:1px solid var(--line);z-index:20}.header-inner{display:flex;align-items:center;justify-content:space-between;height:88px;gap:25px}.brand{display:flex;gap:12px;align-items:center;flex-shrink:0}.brand svg{width:40px;height:40px}.brand span{font-size:15px;font-weight:700;letter-spacing:.8px;line-height:1.15}.brand strong{display:block;font-size:12px;font-weight:400;letter-spacing:1.25px}.desktop-nav{display:flex;gap:28px;font-size:13px}.desktop-nav a:hover,.footer a:hover{color:var(--blue)}.header-actions{display:flex;gap:22px;align-items:center}.languages{display:flex;gap:5px;align-items:center;font-size:10px;color:var(--muted)}.languages button{border:0;background:none;padding:10px 3px;color:var(--muted)}.languages button[aria-pressed=true]{color:var(--blue);font-weight:bold}.theme-switch{display:flex;gap:3px;border:1px solid var(--line);padding:4px;border-radius:30px}.theme-switch button{background:none;border:0;border-radius:24px;display:grid;place-items:center;width:29px;height:28px;color:var(--muted)}.theme-switch button[aria-pressed=true]{background:#087bff;color:#fff;box-shadow:0 0 15px #087bff55}.theme-switch svg{width:17px;height:17px}.button{display:inline-flex;align-items:center;justify-content:center;gap:28px;padding:18px 24px;border-radius:6px;background:linear-gradient(110deg,#138dff,#0759ee);border:1px solid #2589ff;color:#fff;font-size:14px;font-weight:500;transition:transform .2s,box-shadow .2s}.button:hover{transform:translateY(-2px);box-shadow:0 8px 28px #006cff44}.button.small{font-size:12px;padding:12px 16px;gap:12px}.secondary{background:transparent;border-color:#537ca5;color:var(--text)}.menu-toggle{display:none;background:none;border:0;width:36px;height:36px;padding:6px}.menu-toggle span{display:block;height:1px;background:var(--text);margin:7px 0}.mobile-nav{padding:10px 24px 20px;border-top:1px solid var(--line)}.mobile-nav a{display:block;padding:12px}.mobile-nav[hidden]{display:none}
.hero{position:relative;overflow:hidden;border-bottom:1px solid var(--line)}.hero-art{position:absolute;inset:0;background:url('assets/hero.png') 65% center/cover no-repeat;opacity:.95;pointer-events:none}.hero-art:after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,var(--bg) 0%,transparent 65%),linear-gradient(0deg,var(--bg),transparent 25%)}[data-theme=light] .hero-art{opacity:.22;mix-blend-mode:multiply}[data-theme=light] .hero{background:radial-gradient(ellipse at 80% 55%,#c7e3ff,transparent 65%)}.hero-inner{position:relative;padding-top:72px;padding-bottom:23px}.eyebrow{display:flex;gap:16px;align-items:center;font-size:10px;letter-spacing:2.1px;font-weight:500;color:var(--muted);line-height:1.6}.eyebrow>span:first-child:not(.dot){color:var(--blue)}.dot{width:6px;height:6px;border-radius:50%;background:#28a4ff;box-shadow:0 0 12px #219dff}.hero h1{font-size:clamp(40px,4.5vw,66px);font-weight:600;line-height:1.06;letter-spacing:-2.7px;margin-top:26px;max-width:850px}.hero h1 span{background:linear-gradient(95deg,#f4f8ff,#8cbfff);background-clip:text;color:transparent}[data-theme=light] .hero h1 span{background:linear-gradient(95deg,#122955,#0877ec);background-clip:text}.hero-copy{font-size:17px;line-height:1.65;max-width:560px;margin:25px 0 30px;color:var(--muted)}.hero-buttons{display:flex;gap:14px}.hero-foot{display:flex;justify-content:space-between;align-items:center;margin-top:70px;font-size:9px;letter-spacing:2px;color:var(--muted)}.hero-foot a{font-size:24px;width:35px;text-align:center}.section{padding-top:88px;padding-bottom:10px}.section-head{display:flex;align-items:flex-end;justify-content:space-between;gap:30px;margin-bottom:32px}h2{font-size:clamp(30px,3.1vw,44px);font-weight:500;letter-spacing:-1.4px;line-height:1.12}.section-head h2{margin-top:15px}.section-head p{color:var(--muted);font-size:14px;line-height:1.7;max-width:340px}.project-grid{display:grid;grid-template-columns:1.2fr 1fr;gap:30px 28px}.project-main{grid-row:span 2}.project-visual{overflow:hidden;border-radius:10px;position:relative;height:242px;padding:23px 26px 0;isolation:isolate;transition:box-shadow .3s}.project-main .project-visual{height:594px}.eco{background:radial-gradient(ellipse at 40% 40%,#2f736a,#103930 80%);color:#f1fff7}.ncoc{background:linear-gradient(120deg,#173b55,#2f6280);color:white}.mar{background:linear-gradient(120deg,#262e45,#4b4857);color:white}.project-kicker{display:flex;justify-content:space-between;font-size:11px;font-weight:bold;letter-spacing:2px;margin-bottom:18px}.project-kicker span{font-size:17px;font-weight:400}.project-art-title{font-size:35px;line-height:1.15;letter-spacing:-1px;margin:40px 0 35px}.browser-frame{border-radius:7px 7px 0 0;overflow:hidden;background:white;box-shadow:0 20px 50px #0006;transform:translateY(8px);transition:transform .5s}.project-main .browser-frame{width:112%;transform:perspective(1000px) rotateY(-8deg) rotateZ(-4deg);margin-left:12px}.browser-bar{display:flex;align-items:center;gap:4px;height:22px;background:#e8edf3;padding:0 10px;color:#778392}.browser-bar i{width:4px;height:4px;border-radius:50%;background:#a5afbb}.browser-bar span{margin-left:10px;font-size:8px;letter-spacing:.4px}.browser-frame img{width:100%;height:auto;display:block}.project-tag{position:absolute;bottom:25px;left:26px;border:1px solid #9ce5c14d;border-radius:30px;padding:8px 12px;background:#0a352ee6;font-size:9px;letter-spacing:1.5px}.project-caption{display:flex;align-items:center;justify-content:space-between;gap:10px;margin:17px 0 9px}.project-caption h3{font-size:22px;font-weight:500;letter-spacing:-.5px}.project-caption>span{font-size:11px;color:var(--blue)}.project-role{font-size:10px;line-height:1.6;color:var(--muted)}.project:hover .browser-frame{transform:translateY(-3px)}.project-main:hover .browser-frame{transform:perspective(1000px) rotateY(-4deg) rotateZ(-2deg) translateY(-5px)}.project:hover .project-visual{box-shadow:0 0 0 1px #58aaff66}.services-list{border-top:1px solid var(--line)}details{border-bottom:1px solid var(--line)}summary{list-style:none;display:grid;grid-template-columns:55px 1fr 1fr 30px;gap:25px;align-items:center;padding:30px 0;cursor:pointer}summary::-webkit-details-marker{display:none}.service-number{font-size:15px;color:var(--blue);font-family:monospace}summary h3{font-size:23px;font-weight:500;letter-spacing:-.6px;line-height:1.2}summary p{font-size:14px;line-height:1.6;color:var(--muted);max-width:310px}.plus{font-size:25px;font-weight:300;text-align:center;color:var(--blue);transition:transform .2s}details[open] .plus{transform:rotate(45deg)}.service-body{padding:0 70px 30px 80px;max-width:900px;font-size:16px;color:var(--muted);line-height:1.75}summary:hover h3{color:var(--blue)}.company-section{margin-top:100px;padding:65px 0;background:var(--surface);border-top:1px solid var(--line);border-bottom:1px solid var(--line)}.company-grid{display:grid;grid-template-columns:1fr 1fr;gap:70px}.company-grid h2{margin-top:25px;line-height:1.2;font-size:37px}.company-grid h2 span{color:var(--muted)}.company-copy p{font-size:16px;line-height:1.8;margin-bottom:17px}.company-copy p+p{color:var(--muted);font-size:14px}.process{display:flex;gap:17px;flex-wrap:wrap;margin-top:27px;font-size:12px}.process b{color:var(--blue);font-weight:400}.contact-section{padding-top:75px;padding-bottom:65px}.contact-panel{position:relative;overflow:hidden;background:linear-gradient(110deg,#072d70,#064cb9 65%,#087cff);color:white;padding:49px 48px;border:1px solid #2c78d6;border-radius:12px}.contact-panel>*:not(.contact-glow){position:relative}.contact-panel .eyebrow{color:#bdd7ff}.contact-panel h2{font-size:clamp(35px,4vw,55px);margin:24px 0 18px}.contact-panel h2 span{color:#a7d9ff}.contact-panel p{color:#d3e3ff;font-size:16px;line-height:1.65}.contact-glow{position:absolute;inset:0;background:url('assets/hero.png') right center/cover no-repeat;opacity:.4;mix-blend-mode:screen}.contact-bottom{display:flex;justify-content:space-between;align-items:center;gap:25px;border-top:1px solid #a3ccff4d;padding-top:28px;margin-top:35px}.contact-email{font-size:clamp(20px,3vw,34px);letter-spacing:-1px;display:flex;gap:20px;align-items:center}.contact-email span{font-size:27px;color:#9fd6ff}.phone{font-size:17px;color:#dceaff}.footer{border-top:1px solid var(--line);padding-top:28px;padding-bottom:35px;display:flex;align-items:center;gap:30px;font-size:12px}.copyright{margin-right:auto;color:var(--muted);font-size:11px}.back-top{color:var(--muted)}
@media(min-width:1500px){.hero-art{background-position:center 48%;background-size:1500px auto}}
@media(max-width:1100px){.wrap{width:calc(100% - 64px)}.desktop-nav{gap:18px}.header-actions{gap:13px}.header-cta{display:none}.hero h1{font-size:58px}.project-main .project-visual{height:574px}.project-visual{height:230px}.project-art-title{font-size:30px}.project-role{font-size:9px}.company-grid{gap:40px}}
@media(max-width:760px){.wrap{width:calc(100% - 40px)}.header-inner{height:74px;gap:10px}.brand svg{width:31px;height:31px}.brand{gap:8px}.brand span{font-size:12px}.brand strong{font-size:9px}.desktop-nav{display:none}.header-actions{gap:10px}.menu-toggle{display:block}.languages{gap:1px;font-size:9px}.theme-switch{padding:3px;gap:0}.theme-switch button{width:26px;height:27px}.hero-inner{padding-top:56px}.hero-art{background-position:70% center;opacity:.5}.hero-art:after{background:linear-gradient(90deg,var(--bg),transparent 140%)}.hero h1{font-size:clamp(35px,7.4vw,53px);letter-spacing:-1.7px;line-height:1.1}.hero-copy{font-size:15px;line-height:1.7;max-width:450px}.eyebrow{font-size:8px;letter-spacing:1.4px}.hero-buttons{gap:10px}.button{font-size:12px;padding:15px 18px;gap:14px}.hero-foot{margin-top:50px;font-size:7px;letter-spacing:1px}.section{padding-top:58px}.section-head{align-items:flex-start;gap:15px;margin-bottom:25px}.section-head p{font-size:11px;max-width:150px}.section-head h2{font-size:30px;margin-top:12px}.project-grid{grid-template-columns:1fr;gap:30px}.project-main{grid-row:auto}.project-main .project-visual{height:440px}.project-visual{height:280px;padding:20px 22px 0}.project-art-title{margin:23px 0 25px;font-size:32px}.project-main .browser-frame{width:105%}.project-role{font-size:10px}.project-caption h3{font-size:22px}summary{grid-template-columns:27px 1fr 22px;gap:14px;padding:24px 0}summary h3{font-size:20px}summary p{display:none}.service-body{padding:0 20px 25px 41px;font-size:14px}.company-section{margin-top:65px;padding:42px 0}.company-grid{grid-template-columns:1fr;gap:28px}.company-grid h2{font-size:32px}.company-copy p{font-size:15px}.contact-section{padding-bottom:40px}.contact-panel{padding:30px 24px}.contact-panel h2{font-size:37px;letter-spacing:-1.4px}.contact-panel p{font-size:14px}.contact-bottom{flex-direction:column;align-items:flex-start;gap:20px}.contact-email{font-size:27px}.phone{font-size:15px}.footer{flex-wrap:wrap;gap:24px}.copyright{margin:0 0 0 auto}.footer>a:not(.brand){font-size:11px}.back-top{margin-left:auto}}
@media(max-width:370px){.wrap{width:calc(100% - 28px)}.header-actions{gap:4px}.brand strong{font-size:8px}.brand svg{width:26px}.hero h1{font-size:32px}.project-main .project-visual{height:380px}.project-visual{height:220px}.section-head{display:block}.section-head p{margin-top:15px;max-width:none}.section-head p br{display:none}.hero-buttons .button{padding:13px 12px}.hero-buttons .icon{width:15px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{transition:none!important;animation:none!important}}
.wave-light{position:absolute;inset:0;width:100%;height:100%;pointer-events:none;opacity:0}
.hero.wave-ready .wave-light{opacity:1}
.hero.wave-ready .hero-art{opacity:0}
@media(prefers-reduced-motion:reduce){.hero.wave-ready .wave-light{display:none}.hero.wave-ready .hero-art{opacity:.95}[data-theme=light] .hero.wave-ready .hero-art{opacity:.22}}