:root{--color-primary:#064844;--color-primary-dark:#033330;--color-primary-light:#0c605b;--color-secondary:#02958b;--color-secondary-light:#12b3a8;--color-secondary-dim:#02958b1f;--color-background:#fff;--color-surface:#f7f7f7;--color-surface-alt:#eef1f0;--color-text:#111817;--color-text-muted:#4b5856;--color-muted:#7c8a88;--color-border:#e3e8e7;--color-border-strong:#cdd6d4;--color-on-dark:#f7f7f7;--color-on-dark-muted:#f7f7f7ad;--color-border-on-dark:#f7f7f724;--font-sans:"Inter", "Segoe UI", system-ui, -apple-system, sans-serif;--font-display:"Space Grotesk", "Inter", system-ui, sans-serif;--space-3xs:.25rem;--space-2xs:.5rem;--space-xs:.75rem;--space-sm:1rem;--space-md:1.5rem;--space-lg:2.5rem;--space-xl:4rem;--space-2xl:6rem;--space-3xl:9rem;--container-width:1280px;--container-padding:clamp(1.25rem, 4vw, 3rem);--radius-sm:8px;--radius-md:14px;--radius-lg:24px;--radius-full:999px;--shadow-sm:0 1px 2px #0618160f;--shadow-md:0 8px 24px #06181614;--shadow-lg:0 24px 60px #06181624;--shadow-glow:0 0 0 1px #02958b40, 0 12px 32px #02958b29;--ease-out:cubic-bezier(.16, 1, .3, 1);--ease-in-out:cubic-bezier(.65, 0, .35, 1);--duration-fast:.18s;--duration-base:.32s;--duration-slow:.64s;--header-height:84px}*,:before,:after{box-sizing:border-box}*{margin:0}html{-webkit-text-size-adjust:100%}@media (prefers-reduced-motion:no-preference){html:not(.lenis){scroll-behavior:smooth}}html.lenis,html.lenis body{height:auto}.lenis:not(.lenis-autoToggle).lenis-stopped{overflow:clip}.lenis.lenis-smooth [data-lenis-prevent]{overscroll-behavior:contain}body{font-family:var(--font-sans);color:var(--color-text);background:var(--color-background);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;line-height:1.55;overflow-x:hidden}img,picture,svg{max-width:100%;display:block}button,input,textarea,select{font:inherit;color:inherit}button{cursor:pointer;background:0 0;border:none}a{color:inherit;text-decoration:none}ul,ol{padding:0;list-style:none}h1,h2,h3,h4{font-family:var(--font-display);letter-spacing:-.02em;color:var(--color-primary);font-weight:600;line-height:1.12}h1{font-size:clamp(2.6rem,5.2vw,4.6rem)}h2{font-size:clamp(2rem,3.6vw,3rem)}h3{font-size:clamp(1.25rem,1.8vw,1.6rem)}p{color:var(--color-text-muted)}::selection{background:var(--color-secondary);color:#fff}:focus-visible{outline:2px solid var(--color-secondary);outline-offset:3px;border-radius:4px}.container{width:100%;max-width:var(--container-width);padding-inline:var(--container-padding);margin-inline:auto}.eyebrow{align-items:center;gap:var(--space-2xs);font-family:var(--font-sans);letter-spacing:.16em;text-transform:uppercase;color:var(--color-secondary);font-size:.78rem;font-weight:600;display:inline-flex}.eyebrow:before{content:"";background:var(--color-secondary);border-radius:50%;flex-shrink:0;width:6px;height:6px}.section{padding-block:var(--space-3xl);position:relative}.section--tight{padding-block:var(--space-2xl)}.section--surface{background:var(--color-surface)}.section--dark{background:var(--color-primary);color:var(--color-on-dark)}.section--dark h2,.section--dark h3{color:var(--color-on-dark)}.section--dark p{color:var(--color-on-dark-muted)}.section-head{max-width:640px;margin-bottom:var(--space-xl)}.section-head--center{text-align:center;margin-inline:auto}.section-head p{margin-top:var(--space-sm);font-size:1.05rem}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:.001ms!important;animation-duration:.001ms!important;animation-iteration-count:1!important}}@media (width<=768px){.section{padding-block:var(--space-2xl)}.section--tight{padding-block:var(--space-xl)}}@keyframes pulseDot{0%,to{opacity:.35;transform:scale(1)}50%{opacity:1;transform:scale(1.35)}}@keyframes dashRotate{to{stroke-dashoffset:-400px}}.reveal,[data-gsap]{visibility:hidden}@media (prefers-reduced-motion:reduce){.reveal,[data-gsap]{visibility:visible}}.arc-motif{pointer-events:none;opacity:.9;width:520px;height:520px;position:absolute}.arc-motif__dot{animation:pulseDot 3.2s var(--ease-in-out) infinite;transform-origin:389px 260px}.arc-motif__arc{stroke-dasharray:6 10;animation:18s linear infinite dashRotate}@media (prefers-reduced-motion:reduce){.arc-motif__dot,.arc-motif__arc{animation:none}}.preloader{z-index:300;background:var(--color-primary);clip-path:circle(150%);justify-content:center;align-items:center;display:flex;position:fixed;inset:0;overflow:hidden}html.is-preloading,html.is-preloading body{height:100%;overflow:hidden!important}.preloader__arc{opacity:.35}.preloader__arc--one{top:-180px;left:-160px}.preloader__arc--two{bottom:-220px;right:-180px;transform:rotate(180deg)}.preloader__content{align-items:center;gap:var(--space-lg);flex-direction:column;display:flex;position:relative}.preloader__badge{justify-content:center;align-items:center;display:flex;position:relative}.preloader__ring{width:clamp(180px,40vw,230px);max-width:none;height:clamp(180px,40vw,230px);position:absolute;top:50%;left:50%;overflow:visible;transform:translate(-50%,-50%)}.preloader__track{fill:none;stroke:var(--color-border-on-dark);stroke-width:2px}.preloader__progress{fill:none;stroke:var(--color-secondary);stroke-width:2.5px;stroke-linecap:round;transform-box:fill-box;transform-origin:50%;transform:rotate(-90deg)}.preloader__comet{fill:var(--color-secondary-light);filter:drop-shadow(0 0 6px #02958be6)}.preloader__logo{width:auto;height:clamp(150px,20vw,190px);position:relative}.preloader__percent{font-family:var(--font-display);letter-spacing:.04em;color:var(--color-on-dark-muted);font-variant-numeric:tabular-nums;font-size:.95rem;font-weight:600;position:relative}.preloader__percent span:first-child{color:var(--color-on-dark);font-size:1.05rem}.logo{width:auto;height:110px;display:block}.btn{border-radius:var(--radius-full);font-family:var(--font-sans);letter-spacing:-.01em;white-space:nowrap;transition:transform var(--duration-base) var(--ease-out), box-shadow var(--duration-base) var(--ease-out), background var(--duration-base) var(--ease-out), color var(--duration-base) var(--ease-out), border-color var(--duration-base) var(--ease-out);align-items:center;gap:.55rem;padding:.95rem 1.6rem;font-size:.95rem;font-weight:600;display:inline-flex;position:relative}.btn__arrow{transition:transform var(--duration-base) var(--ease-out)}.btn:hover .btn__arrow{transform:translate(3px)}.btn:active{transform:scale(.97)}.btn--primary{background:var(--color-secondary);color:#fff;box-shadow:0 1px 2px #06181614}.btn--primary:hover{background:var(--color-secondary-light);box-shadow:var(--shadow-glow);transform:translateY(-2px)}.btn--secondary{color:var(--color-primary);border:1.5px solid var(--color-border-strong);background:0 0}.btn--secondary:hover{border-color:var(--color-secondary);color:var(--color-secondary);transform:translateY(-2px)}.btn--ghost{color:var(--color-secondary);gap:.4rem;padding:.5rem 0}.btn--ghost:after{content:"";transform-origin:100%;width:100%;height:1.5px;transition:transform var(--duration-base) var(--ease-out);background:currentColor;position:absolute;bottom:2px;left:0;transform:scaleX(0)}.btn--ghost:hover:after{transform-origin:0;transform:scaleX(1)}.section--dark .btn--secondary{color:var(--color-on-dark);border-color:var(--color-border-on-dark)}.section--dark .btn--secondary:hover{color:var(--color-secondary-light);border-color:var(--color-secondary-light)}.header{z-index:100;height:var(--header-height);background:var(--color-primary);transition:background var(--duration-base) var(--ease-out), border-color var(--duration-base) var(--ease-out), height var(--duration-base) var(--ease-out), box-shadow var(--duration-base) var(--ease-out), transform var(--duration-slow) var(--ease-out);border-bottom:1px solid #0000;position:fixed;top:0;left:0;right:0}.header--scrolled{background:var(--color-primary-dark);border-bottom-color:var(--color-border-on-dark);height:72px;box-shadow:var(--shadow-md)}.header--hidden{transform:translateY(-100%)}.header__progress{background:var(--color-secondary);transform-origin:0;pointer-events:none;width:100%;height:2px;position:absolute;bottom:-1px;left:0;transform:scaleX(0)}.header__inner{justify-content:space-between;align-items:center;gap:var(--space-md);height:100%;display:flex}.header__logo{display:inline-flex}.header__nav ul{align-items:center;gap:var(--space-lg);display:flex}.header__nav a{color:var(--color-on-dark);transition:color var(--duration-fast) var(--ease-out);padding-block:.3rem;font-size:.95rem;font-weight:500;position:relative}.header__nav a:after{content:"";background:var(--color-secondary);transform-origin:100%;width:100%;height:1.5px;transition:transform var(--duration-base) var(--ease-out);position:absolute;bottom:-2px;left:0;transform:scaleX(0)}.header__nav a:hover{color:var(--color-secondary)}.header__nav a:hover:after{transform-origin:0;transform:scaleX(1)}.header__burger{flex-direction:column;justify-content:center;gap:5px;width:40px;height:40px;display:none}.header__burger span{background:var(--color-on-dark);width:100%;height:2px;transition:transform var(--duration-base) var(--ease-out), opacity var(--duration-base) var(--ease-out);border-radius:2px;display:block}.header__burger.is-open span:first-child{transform:translateY(7px)rotate(45deg)}.header__burger.is-open span:nth-child(2){opacity:0}.header__burger.is-open span:nth-child(3){transform:translateY(-7px)rotate(-45deg)}.header__mobile{display:none}@media (width<=900px){.header__nav,.header__cta{display:none}.header__burger{display:flex}.header__mobile{z-index:99;inset:var(--header-height) 0 0 0;padding:var(--space-xl) var(--container-padding) var(--space-lg);background:var(--color-primary);transition:transform var(--duration-slow) var(--ease-out);flex-direction:column;justify-content:space-between;display:flex;position:fixed;overflow-y:auto;transform:translate(100%)}.header__mobile.is-open{transform:translate(0)}.header__mobile ul{gap:var(--space-md);flex-direction:column;display:flex}.header__mobile li{opacity:0;transition:opacity var(--duration-slow) var(--ease-out), transform var(--duration-slow) var(--ease-out);transform:translateY(18px)}.header__mobile.is-open li{opacity:1;transition-delay:calc(.12s + var(--i) * 60ms);transform:translateY(0)}.header__mobile a{font-family:var(--font-display);color:var(--color-on-dark);font-size:1.7rem;font-weight:600}.header__mobile .btn{align-self:flex-start}}.hero-visual-frame{--hv-scale:1;width:calc(520px * var(--hv-scale));height:calc(520px * var(--hv-scale));margin-inline:auto}.hero-visual{width:520px;height:520px;transform:scale(var(--hv-scale));transform-origin:0 0;position:relative}.hero-visual__glow{filter:blur(10px);background:radial-gradient(circle,#02958b47 0%,#02958b00 70%);position:absolute;inset:8%}.hero-visual__panel{will-change:transform;position:absolute}.hero-visual__panel--main{width:74%;top:10%;left:8%}.hero-visual__panel--integration{width:52%;bottom:6%;left:0}.hero-visual__panel--metric{width:46%;top:4%;right:0}.hero-visual__panel--code{width:34%;bottom:16%;right:4%}.hv-window{border-radius:var(--radius-md);box-shadow:var(--shadow-lg);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffffeb;border:1px solid #0648441a;overflow:hidden}.hv-window__bar{border-bottom:1px solid var(--color-border);align-items:center;gap:6px;padding:.7rem .9rem;display:flex}.hv-window__bar span{background:var(--color-border-strong);border-radius:50%;width:7px;height:7px}.hv-window__title{color:var(--color-muted);margin-left:auto;font-size:.68rem;font-weight:600;background:0 0!important;border-radius:0!important;width:auto!important;height:auto!important}.hv-window__body{padding:1rem 1.1rem 1.2rem}.hv-chart{margin-bottom:.9rem}.hv-chart__ghost{transform:translateY(6px)scaleY(.9)}.hv-rows{flex-direction:column;gap:.5rem;display:flex}.hv-row{height:6px;width:var(--w);border-radius:var(--radius-full);background:var(--color-surface-alt);transform-origin:0;position:relative;overflow:hidden}.hv-row:after{content:"";background:var(--color-primary-light);opacity:.55;position:absolute;inset:0}.hv-row:first-child:after{background:var(--color-secondary);opacity:1}.hv-card{border-radius:var(--radius-md);box-shadow:var(--shadow-md);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#fffffff2;border:1px solid #0648441a;padding:.9rem 1rem}.hv-card p{color:var(--color-text);margin-top:.6rem;font-size:.72rem;font-weight:600}.hv-node-line{align-items:center;gap:0;display:flex}.hv-node{background:var(--color-primary);border-radius:50%;flex-shrink:0;width:10px;height:10px}.hv-node--accent{background:var(--color-secondary)}.hv-node-track{background:repeating-linear-gradient(90deg, var(--color-secondary) 0 4px, transparent 4px 8px);flex:1;height:2px}.hv-card--ring{text-align:center;flex-direction:column;align-items:center;display:flex}.hv-ring{width:52px;height:52px;transform:rotate(-90deg)}.hv-card--code{flex-direction:column;gap:.5rem;display:flex}.hv-card--code span{border-radius:var(--radius-full);background:var(--color-surface-alt);height:5px}.hv-card--code span:first-child{background:var(--color-secondary);opacity:.7;width:80%}.hv-card--code span:nth-child(2){width:55%}.hv-card--code span:nth-child(3){width:68%}@media (width<=980px){.hero-visual-frame{--hv-scale:.8}}@media (width<=640px){.hero-visual-frame{--hv-scale:.66}}@media (width<=420px){.hero-visual-frame{--hv-scale:.56}}.hero{padding-top:calc(var(--header-height) + var(--space-2xl));padding-bottom:var(--space-2xl);background:linear-gradient(180deg, #fff 0%, var(--color-surface) 100%);position:relative;overflow:hidden}.hero__arc{opacity:.5;width:640px;height:640px;top:-140px;right:-140px}.hero__inner{align-items:center;gap:var(--space-2xl);grid-template-columns:minmax(0,1.05fr) minmax(0,.95fr);display:grid;position:relative}.hero__content{z-index:1;position:relative}.hero__title{margin-top:var(--space-md);perspective:900px;max-width:15ch}.hero__title .highlight{color:var(--color-secondary)}.hero__subtitle{margin-top:var(--space-md);max-width:46ch;font-size:1.1rem}.hero__actions{gap:var(--space-sm);margin-top:var(--space-lg);flex-wrap:wrap;display:flex}.hero__tags{margin-top:var(--space-xl);letter-spacing:.1em;color:var(--color-muted);font-size:.76rem;font-weight:600}.hero__tags span{color:var(--color-secondary);margin-inline:.35rem}.hero__visual{will-change:transform}@media (width<=980px){.hero__inner{text-align:center;grid-template-columns:1fr}.hero__title,.hero__subtitle{margin-inline:auto}.hero__actions{justify-content:center}.hero__visual{order:-1;max-width:420px;margin-inline:auto}}@media (width<=480px){.hero{padding-top:calc(var(--header-height) + var(--space-lg))}.hero__actions{flex-direction:column;width:100%}.hero__actions .btn{justify-content:center;width:100%}}.value__inner{gap:var(--space-2xl);grid-template-columns:minmax(0,.85fr) minmax(0,1.15fr);align-items:start;display:grid}.value__intro{top:calc(var(--header-height) + var(--space-xl));position:sticky}.value__intro p{margin-top:var(--space-md);color:var(--color-text);max-width:30ch;font-size:1.3rem;line-height:1.4}.value__grid{gap:var(--space-lg);display:grid}.value__block{padding-block:var(--space-lg) var(--space-md);position:relative;overflow:hidden}.value__line{background:linear-gradient(90deg, var(--color-secondary) 0%, var(--color-border-strong) 45%, var(--color-border) 100%);transform-origin:0;width:100%;height:1px;position:absolute;top:0;left:0}.value__ghost{font-family:var(--font-display);color:#0000;-webkit-text-stroke:1px var(--color-border);pointer-events:none;-webkit-user-select:none;user-select:none;font-size:clamp(6rem,10vw,9rem);font-weight:700;line-height:1;position:absolute;top:50%;right:0}.value__code{font-family:var(--font-display);color:var(--color-secondary);font-size:.85rem;font-weight:600;display:inline-block}.value__block h3{margin-top:var(--space-2xs)}.value__block p{margin-top:var(--space-2xs);max-width:40ch;font-size:.98rem}@media (width<=860px){.value__inner{grid-template-columns:1fr}.value__intro{position:static}}.section-head .highlight{color:var(--color-secondary)}.eyebrow--dark{color:var(--color-secondary-light)}.eyebrow--dark:before{background:var(--color-secondary-light)}.service-card{padding:var(--space-lg) var(--space-md);background:var(--color-background);border:1px solid var(--color-border);border-radius:var(--radius-md);transform-style:preserve-3d;will-change:transform;--mx:50%;--my:50%;transition:border-color var(--duration-base) var(--ease-out), box-shadow var(--duration-base) var(--ease-out);position:relative;overflow:hidden}.service-card:hover{border-color:var(--color-secondary);box-shadow:var(--shadow-lg)}.service-card__glare{background:radial-gradient(360px circle at var(--mx) var(--my), #02958b24, transparent 60%);opacity:0;transition:opacity var(--duration-base) var(--ease-out);pointer-events:none;position:absolute;inset:0}.service-card:hover .service-card__glare{opacity:1}.service-card>:not(.service-card__glare):not(.service-card__line){position:relative}.service-card__top{margin-bottom:var(--space-md);justify-content:space-between;align-items:center;display:flex}.service-card__code{font-family:var(--font-display);color:var(--color-border-strong);transition:color var(--duration-base) var(--ease-out);font-size:.85rem;font-weight:600}.service-card:hover .service-card__code{color:var(--color-secondary)}.service-card__icon{border-radius:var(--radius-sm);background:var(--color-surface);width:48px;height:48px;color:var(--color-primary);transition:background var(--duration-base) var(--ease-out), color var(--duration-base) var(--ease-out), transform var(--duration-base) var(--ease-out);justify-content:center;align-items:center;display:inline-flex}.service-card:hover .service-card__icon{background:var(--color-secondary);color:#fff;transform:rotate(-6deg)scale(1.06)}.service-card__title{margin-bottom:var(--space-xs);color:var(--color-text);font-size:1.15rem}.service-card__description{color:var(--color-text-muted);font-size:.95rem}.service-card__line{background:var(--color-secondary);width:0;height:3px;transition:width var(--duration-base) var(--ease-out);position:absolute;bottom:0;left:0}.service-card:hover .service-card__line{width:100%}.services__grid{gap:var(--space-md);grid-template-columns:repeat(3,minmax(0,1fr));display:grid}@media (width<=980px){.services__grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (width<=620px){.services__grid{grid-template-columns:1fr}}.project-card{background:var(--color-background);border:1px solid var(--color-border);border-radius:var(--radius-md);transition:transform var(--duration-base) var(--ease-out), border-color var(--duration-base) var(--ease-out), box-shadow var(--duration-base) var(--ease-out);flex-direction:column;height:100%;display:flex;overflow:hidden}.project-card:hover{border-color:var(--color-secondary);box-shadow:var(--shadow-lg);transform:translateY(-6px)}.project-card__media{aspect-ratio:16/10;background:linear-gradient(135deg, var(--color-surface) 0%, var(--color-surface-alt) 100%);width:100%;display:block;position:relative;overflow:hidden}button.project-card__media{font:inherit;color:inherit;text-align:inherit;cursor:pointer;border:none;margin:0;padding:0}.project-card__play{opacity:0;transition:opacity var(--duration-base) var(--ease-out);background:#06181640;justify-content:center;align-items:center;display:flex;position:absolute;inset:0}.project-card__media:hover .project-card__play,.project-card__media:focus-visible .project-card__play{opacity:1}.project-card__play-icon{border-radius:var(--radius-full);width:56px;height:56px;color:var(--color-primary);box-shadow:var(--shadow-md);transition:transform var(--duration-fast) var(--ease-out);background:#ffffffeb;justify-content:center;align-items:center;display:flex}.project-card__media:hover .project-card__play-icon{transform:scale(1.08)}.project-card--large .project-card__media{aspect-ratio:16/11}.project-card__media img,.project-card__media video{object-fit:cover;width:100%;height:100%;transition:transform var(--duration-slow) var(--ease-out)}.project-card:hover .project-card__media img,.project-card:hover .project-card__media video{transform:scale(1.04)}.project-card__placeholder{justify-content:center;align-items:center;gap:var(--space-xs);color:var(--color-muted);letter-spacing:.08em;text-transform:uppercase;background-image:linear-gradient(var(--color-border) 1px, transparent 1px), linear-gradient(90deg, var(--color-border) 1px, transparent 1px);background-position:50%;background-size:28px 28px;flex-direction:column;font-size:.78rem;font-weight:600;display:flex;position:absolute;inset:0}.project-card__placeholder-icon{color:var(--color-border-strong);display:inline-flex}.project-card__body{padding:var(--space-md);gap:var(--space-3xs);flex-direction:column;flex:1;display:flex}.project-card--large .project-card__body{padding:var(--space-lg);justify-content:center;gap:var(--space-xs)}.project-card__category{letter-spacing:.1em;text-transform:uppercase;color:var(--color-secondary);margin-bottom:var(--space-3xs);font-size:.72rem;font-weight:700;display:inline-block}.project-card__title{color:var(--color-text);font-size:1.15rem}.project-card--large .project-card__title{font-size:clamp(1.5rem,2.4vw,2rem)}.project-card__description{margin-top:var(--space-3xs);font-size:.92rem}.project-card__tech{margin-top:var(--space-sm);flex-wrap:wrap;gap:.4rem;display:flex}.project-card__tech li{border-radius:var(--radius-full);background:var(--color-surface);color:var(--color-text-muted);padding:.3rem .7rem;font-size:.76rem;font-weight:600}.project-card__link{margin-top:var(--space-md);color:var(--color-primary);transition:color var(--duration-fast) var(--ease-out), gap var(--duration-fast) var(--ease-out);align-items:center;gap:.4rem;font-size:.88rem;font-weight:600;display:inline-flex}button.project-card__link{cursor:pointer;background:0 0;border:none;padding:0;font-family:inherit}.project-card__link svg{transition:transform var(--duration-fast) var(--ease-out)}.project-card:hover .project-card__link{color:var(--color-secondary)}.project-card:hover .project-card__link svg{transform:translate(2px,-2px)}@media (width>=860px){.project-card--large{flex-direction:row}.project-card--large .project-card__media{width:56%;aspect-ratio:unset}.project-card--large .project-card__body{width:44%}}.project-modal{z-index:200;padding:var(--space-md);-webkit-backdrop-filter:blur(20px)saturate(120%);opacity:0;visibility:hidden;pointer-events:none;transition:opacity var(--duration-base) var(--ease-out), visibility var(--duration-base) var(--ease-out);background:#06181699;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.project-modal.is-open{opacity:1;visibility:visible;pointer-events:auto}.project-modal__panel{background:var(--color-primary-dark);border-radius:var(--radius-lg);width:min(1100px,100%);max-height:90vh;box-shadow:var(--shadow-lg);transition:transform var(--duration-slow) var(--ease-out);position:relative;overflow-y:auto;transform:scale(.94)translateY(12px)}.project-modal.is-open .project-modal__panel{transform:scale(1)translateY(0)}.project-modal__close{top:var(--space-sm);right:var(--space-sm);z-index:2;border-radius:var(--radius-full);width:40px;height:40px;color:var(--color-on-dark);transition:background var(--duration-fast) var(--ease-out), transform var(--duration-fast) var(--ease-out);background:#f7f7f71f;border:1px solid #f7f7f72e;justify-content:center;align-items:center;display:inline-flex;position:absolute}.project-modal__close:hover{background:#f7f7f738;transform:scale(1.06)}.project-modal__video-wrap{aspect-ratio:16/9;background:#000;width:100%}.project-modal__video{object-fit:contain;width:100%;height:100%;display:block}.project-modal__info{padding:var(--space-md) var(--space-lg);color:var(--color-on-dark)}.project-modal__category{letter-spacing:.1em;text-transform:uppercase;color:var(--color-secondary-light);font-size:.72rem;font-weight:700;display:inline-block}.project-modal__title{margin-top:var(--space-3xs);color:var(--color-on-dark);font-size:1.4rem}.project-modal__description{margin-top:var(--space-2xs);color:var(--color-on-dark-muted);font-size:.95rem}.project-modal__link{margin-top:var(--space-sm);color:var(--color-secondary-light);transition:color var(--duration-fast) var(--ease-out), gap var(--duration-fast) var(--ease-out);align-items:center;gap:.4rem;font-size:.88rem;font-weight:600;display:inline-flex}.project-modal__link svg{transition:transform var(--duration-fast) var(--ease-out)}.project-modal__link:hover{color:var(--color-on-dark);gap:.55rem}.project-modal__link:hover svg{transform:translate(2px,-2px)}@media (width<=640px){.project-modal{padding:var(--space-sm)}.project-modal__info{padding:var(--space-sm) var(--space-md)}}.projects__head{justify-content:space-between;align-items:flex-end;gap:var(--space-lg);flex-wrap:wrap;display:flex}.projects__filters{margin-bottom:var(--space-xl);flex-wrap:wrap;gap:.5rem;display:flex}.projects__filter{border-radius:var(--radius-full);border:1px solid var(--color-border-strong);color:var(--color-text-muted);transition:background var(--duration-fast) var(--ease-out), color var(--duration-fast) var(--ease-out), border-color var(--duration-fast) var(--ease-out);padding:.55rem 1.15rem;font-size:.86rem;font-weight:600}.projects__filter:hover{border-color:var(--color-secondary);color:var(--color-secondary)}.projects__filter.is-active{background:var(--color-primary);border-color:var(--color-primary);color:#fff}.projects__bento{gap:var(--space-md);display:grid}.projects__grid{gap:var(--space-md);grid-template-columns:repeat(3,minmax(0,1fr));display:grid}.projects__empty{padding:var(--space-2xl) 0;text-align:center;font-size:1.05rem}@media (width<=980px){.projects__grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (width<=640px){.projects__grid{grid-template-columns:1fr}}.case{position:relative;overflow:hidden}.case__ghost{font-family:var(--font-display);color:#0000;-webkit-text-stroke:1px var(--color-border);pointer-events:none;-webkit-user-select:none;user-select:none;font-size:clamp(8rem,18vw,16rem);font-weight:700;line-height:1;position:absolute;top:20%;right:-.05em}.case .container{position:relative}.case__layout{gap:var(--space-2xl);grid-template-columns:minmax(0,1.15fr) minmax(0,.85fr);align-items:center;display:grid}.case__media{aspect-ratio:1900/910;border-radius:var(--radius-lg);border:1px solid var(--color-border);box-shadow:var(--shadow-lg);position:relative;overflow:hidden}.case__media-inner{position:absolute;inset:0}.case__media img{object-fit:cover;width:100%;height:100%}.case__placeholder{justify-content:center;align-items:center;gap:var(--space-sm);color:var(--color-muted);letter-spacing:.08em;text-transform:uppercase;background:linear-gradient(135deg, var(--color-background) 0%, var(--color-surface-alt) 100%);background-image:linear-gradient(var(--color-border) 1px, transparent 1px), linear-gradient(90deg, var(--color-border) 1px, transparent 1px);background-size:32px 32px;flex-direction:column;font-size:.82rem;font-weight:600;display:flex;position:absolute;inset:0}.case__category{letter-spacing:.1em;text-transform:uppercase;color:var(--color-secondary);font-size:.76rem;font-weight:700;display:inline-block}.case__title{margin-top:var(--space-2xs);margin-bottom:var(--space-lg)}.case__list{gap:var(--space-md);margin-bottom:var(--space-lg);display:grid}.case__item dt{letter-spacing:.06em;text-transform:uppercase;color:var(--color-primary);margin-bottom:.35rem;font-size:.78rem;font-weight:700}.case__item dd{color:var(--color-text-muted);font-size:.98rem}@media (width<=900px){.case__layout{grid-template-columns:1fr}}.process__timeline{gap:var(--space-md);margin-top:var(--space-lg);grid-template-columns:repeat(5,minmax(0,1fr));display:grid;position:relative}.process__line{background:linear-gradient(90deg, var(--color-secondary), var(--color-primary-light));transform-origin:0 0;height:2px;position:absolute;top:11px;left:0;right:0}.process__step{padding-top:var(--space-lg);position:relative}.process__dot{border:2px solid var(--color-secondary);width:14px;height:14px;transition:box-shadow var(--duration-base) var(--ease-out);background:#fff;border-radius:50%;position:absolute;top:4px;left:0;box-shadow:0 0 #02958b40}.process__step:hover .process__dot{box-shadow:0 0 0 8px #02958b26}.process__code{font-family:var(--font-display);color:var(--color-secondary);font-size:.82rem;font-weight:600;display:inline-block}.process__step h3{margin-top:var(--space-2xs);font-size:1.1rem}.process__step p{margin-top:var(--space-2xs);font-size:.92rem}@media (width<=900px){.process__timeline{gap:var(--space-xl);grid-template-columns:1fr}.process__line{background:linear-gradient(180deg, var(--color-secondary), var(--color-primary-light));width:2px;height:auto;inset:0 auto 0 6px}.process__step{padding-top:0;padding-left:var(--space-lg)}.process__dot{top:4px;left:0}}.diff__grid{gap:var(--space-md);grid-template-columns:repeat(4,minmax(0,1fr));display:grid}.diff__item{padding:var(--space-lg) var(--space-md);background:var(--color-background);border:1px solid var(--color-border);border-radius:var(--radius-md);will-change:transform;transition:border-color var(--duration-base) var(--ease-out), box-shadow var(--duration-base) var(--ease-out)}.diff__item:hover{border-color:var(--color-secondary);box-shadow:var(--shadow-md)}.diff__index{font-family:var(--font-display);-webkit-text-stroke:1.2px var(--color-secondary);color:#0000;font-size:1.4rem;font-weight:600}.diff__item h3{margin-top:var(--space-sm);font-size:1.05rem}.diff__item p{margin-top:var(--space-2xs);font-size:.92rem}@media (width<=980px){.diff__grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (width<=560px){.diff__grid{grid-template-columns:1fr}}.about__inner{gap:var(--space-2xl);display:grid}.about__intro{gap:var(--space-2xl);grid-template-columns:minmax(0,1fr) minmax(0,320px);align-items:end;display:grid}.about__intro .section-head{margin-bottom:0}.about__photo-placeholder{aspect-ratio:4/3;border-radius:var(--radius-lg);border:1px dashed var(--color-border-strong);justify-content:center;align-items:center;gap:var(--space-sm);color:var(--color-muted);letter-spacing:.08em;text-transform:uppercase;background:var(--color-surface);flex-direction:column;font-size:.78rem;font-weight:600;display:flex}.about__photo{will-change:transform, clip-path}.about__pillars{--line:1;gap:var(--space-md);padding-top:var(--space-xl);grid-template-columns:repeat(4,minmax(0,1fr));display:grid;position:relative}.about__pillars:before{content:"";background:linear-gradient(90deg, var(--color-secondary), var(--color-border) 40%);width:100%;height:1px;transform:scaleX(var(--line));transform-origin:0;position:absolute;top:0;left:0}.about__pillar-label{letter-spacing:.08em;text-transform:uppercase;color:var(--color-secondary);margin-bottom:var(--space-xs);font-size:.78rem;font-weight:700;display:block}.about__pillar p{font-size:.95rem}@media (width<=900px){.about__intro{grid-template-columns:1fr}.about__pillars{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (width<=560px){.about__pillars{grid-template-columns:1fr}}.cta{--mx:50%;--my:50%;text-align:center;position:relative;overflow:hidden}.cta__glow{background:radial-gradient(520px circle at var(--mx) var(--my), #02958b52, transparent 65%);pointer-events:none;position:absolute;inset:0}.cta__arc{opacity:.5;will-change:transform}.cta__arc--one{top:-180px;left:-160px}.cta__arc--two{bottom:-220px;right:-180px;transform:rotate(180deg)}.cta__inner{max-width:640px;margin-inline:auto;position:relative}.cta__title{margin-bottom:var(--space-md)}.cta__subtitle{font-size:1.15rem}.cta__actions{justify-content:center;gap:var(--space-sm);margin-top:var(--space-xl);flex-wrap:wrap;display:flex}@media (width<=480px){.cta__actions{flex-direction:column}.cta__actions .btn{justify-content:center;width:100%}}.contact__inner{gap:var(--space-2xl);grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);align-items:start;display:grid}.contact__channels{gap:var(--space-sm);margin-top:var(--space-xl);display:grid}.contact__channel{padding:var(--space-sm) var(--space-md);border:1px solid var(--color-border);border-radius:var(--radius-sm);transition:border-color var(--duration-fast) var(--ease-out), transform var(--duration-fast) var(--ease-out);justify-content:space-between;align-items:center;display:flex}.contact__channel:hover{border-color:var(--color-secondary);transform:translate(4px)}.contact__channel-label{letter-spacing:.08em;text-transform:uppercase;color:var(--color-muted);font-size:.78rem;font-weight:700}.contact__channel-value{color:var(--color-primary);font-weight:600}.contact__form{gap:var(--space-md);padding:var(--space-xl);background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-lg);display:grid}.contact__row{gap:var(--space-md);grid-template-columns:1fr 1fr;display:grid}.contact__form label{color:var(--color-text);gap:.5rem;font-size:.85rem;font-weight:600;display:grid}.contact__form input,.contact__form select,.contact__form textarea{border-radius:var(--radius-sm);border:1px solid var(--color-border-strong);background:var(--color-background);transition:border-color var(--duration-fast) var(--ease-out), box-shadow var(--duration-fast) var(--ease-out);padding:.85rem 1rem;font-weight:400}.contact__form input:focus,.contact__form select:focus,.contact__form textarea:focus{border-color:var(--color-secondary);box-shadow:0 0 0 3px var(--color-secondary-dim);outline:none}.contact__form textarea{resize:vertical;min-height:120px}.contact__honeypot{clip:rect(0 0 0 0);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}.contact__submit{border-radius:var(--radius-full);background:var(--color-secondary);color:#fff;transition:background var(--duration-base) var(--ease-out), transform var(--duration-base) var(--ease-out), box-shadow var(--duration-base) var(--ease-out);justify-self:start;padding:.95rem 2rem;font-weight:600}.contact__submit:hover{background:var(--color-secondary-light);box-shadow:var(--shadow-glow);transform:translateY(-2px)}.contact__submit:disabled{opacity:.6;cursor:not-allowed;box-shadow:none;transform:none}.contact__status{opacity:0;height:0;color:var(--color-secondary);transition:opacity var(--duration-base) var(--ease-out), height var(--duration-base) var(--ease-out);font-size:.9rem;font-weight:600;overflow:hidden}.contact__status.is-visible{opacity:1;height:auto}.contact__status.is-error{color:#c0392b}@media (width<=900px){.contact__inner{grid-template-columns:1fr}}@media (width<=560px){.contact__row{grid-template-columns:1fr}.contact__form{padding:var(--space-lg) var(--space-md)}}.footer{background:var(--color-primary);color:var(--color-on-dark);padding-top:var(--space-2xl)}.footer__inner{--line:1;gap:var(--space-2xl);padding-bottom:var(--space-xl);grid-template-columns:minmax(0,1.3fr) minmax(0,1fr) minmax(0,1fr);display:grid;position:relative}.footer__inner:after{content:"";left:var(--container-padding);right:var(--container-padding);background:var(--color-border-on-dark);height:1px;transform:scaleX(var(--line));transform-origin:0;position:absolute;bottom:0}.footer__slogan{margin-top:var(--space-md);font-family:var(--font-display);color:var(--color-on-dark);font-weight:600}.footer__text{margin-top:var(--space-2xs);color:var(--color-on-dark-muted);max-width:32ch}.footer__heading{letter-spacing:.08em;text-transform:uppercase;color:var(--color-on-dark-muted);margin-bottom:var(--space-md);font-size:.76rem;font-weight:700;display:block}.footer__nav ul,.footer__social ul{gap:var(--space-sm);display:grid}.footer__nav a,.footer__social a{color:var(--color-on-dark);transition:color var(--duration-fast) var(--ease-out);font-weight:500}.footer__nav a:hover,.footer__social a:hover{color:var(--color-secondary-light)}.footer__bottom{padding-block:var(--space-md);color:var(--color-on-dark-muted);font-size:.85rem}@media (width<=720px){.footer__inner{grid-template-columns:1fr 1fr}.footer__brand{grid-column:1/-1}}@media (width<=480px){.footer__inner{grid-template-columns:1fr}}