@import "https://fonts.googleapis.com/css2?family=Bebas+Neue&family=Playfair+Display:ital,wght@0,400;0,700;0,900;1,400;1,700;1,900&family=Rubik:wght@700&family=JetBrains+Mono:wght@400;700&display=swap";@import "https://api.fontshare.com/v2/css?f[]=satoshi@400,500,700&display=swap";*,:before,:after{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:auto;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-rendering:optimizelegibility;font-size:16px;overflow-x:hidden}img,video,svg{max-width:100%;display:block}button{cursor:pointer;font:inherit;background:0 0;border:none}a{color:inherit;text-decoration:none}:root{--color-1:#0b2447;--color-2:#19376d;--color-3:#576cbc;--color-4:#a5d7e8;--brand-primary:#576cbc;--brand-primary-hover:#3f52a3;--brand-primary-muted:#19376d;--brand-accent:#a5d7e8;--brand-accent-dim:#6fa8c8;--neutral-bg:#0b2447;--neutral-surface:#19376d;--neutral-surface-raised:#1e4a88;--neutral-border:#576cbc59;--neutral-ink:#fff;--neutral-ink-muted:#ffffff9e;--neutral-ink-faint:#ffffff3d;--overlay-scrim:#0b2447cc;--overlay-glass:#19376da6;--grain-opacity:.03;--font-display:"Bebas Neue", "Arial Narrow", sans-serif;--font-editorial:"Playfair Display", "Georgia", serif;--font-body:"Satoshi", "Helvetica Neue", sans-serif;--font-mono:"JetBrains Mono", "Courier New", monospace;--text-display:clamp(5rem, 12vw, 10rem);--text-hero:clamp(3.5rem, 8vw, 7rem);--text-h1:clamp(2.5rem, 5vw, 4.5rem);--text-h2:clamp(1.75rem, 3.5vw, 3rem);--text-h3:clamp(1.25rem, 2.5vw, 2rem);--text-lead:1.25rem;--text-body:1rem;--text-small:.875rem;--text-micro:.75rem;--text-mono:.875rem;--space-1:.25rem;--space-2:.5rem;--space-3:.75rem;--space-4:1rem;--space-5:1.5rem;--space-6:2rem;--space-7:3rem;--space-8:4rem;--space-9:6rem;--space-10:8rem;--space-11:12rem;--space-12:16rem;--radius-none:0;--radius-xs:4px;--radius-sm:8px;--radius-md:12px;--radius-lg:20px;--radius-xl:32px;--radius-full:9999px;--ease-out-expo:cubic-bezier(.19, 1, .22, 1);--ease-in-expo:cubic-bezier(.95, .05, .795, .035);--ease-cinematic:cubic-bezier(.25, .46, .45, .94);--ease-linear:linear;--dur-instant:80ms;--dur-fast:.2s;--dur-base:.4s;--dur-slow:.7s;--dur-cinematic:1.2s;--dur-epic:2s;--shadow-sm:0 2px 8px #00000073;--shadow-md:0 8px 32px #0000008c;--shadow-lg:0 24px 64px #000000a6;--shadow-glow-teal:0 0 40px #576cbc73;--shadow-glow-teal-sm:0 0 20px #576cbc47;--shadow-glow-amber:0 0 40px #367d8a73;--shadow-glow-cyan:0 0 40px #4a9fae59;--content-max-width:1440px;--content-gutter:var(--space-8);--bp-sm:480px;--bp-md:768px;--bp-lg:1024px;--bp-xl:1280px;--bp-2xl:1440px}.theme-canvas{--brand-primary:#285f6b;--brand-primary-hover:#133336;--brand-primary-muted:#367d8a;--brand-accent:#367d8a;--neutral-bg:#fff;--neutral-surface:#f0f7f8;--neutral-surface-raised:#e2eff1;--neutral-border:#bdd8dc;--neutral-ink:#010001;--neutral-ink-muted:#285f6b;--neutral-ink-faint:#367d8a;--overlay-scrim:#ffffffe0;--shadow-sm:0 2px 8px #367d8a1f;--shadow-md:0 8px 32px #367d8a29;--shadow-lg:0 24px 64px #367d8a38}body{background-color:var(--neutral-bg);color:var(--neutral-ink);font-family:var(--font-body);font-size:var(--text-body);line-height:1.7;overflow-x:hidden}html.lenis,html.lenis body{height:auto}.lenis.lenis-smooth{scroll-behavior:auto!important}.lenis.lenis-smooth [data-lenis-prevent]{overscroll-behavior:contain}.lenis.lenis-stopped{overflow:hidden}.text-display{font-family:var(--font-display);font-size:var(--text-display);letter-spacing:-.02em;font-weight:400;line-height:.9}.text-hero{font-family:var(--font-display);font-size:var(--text-hero);letter-spacing:-.02em;font-weight:400;line-height:.92}.text-h1{font-family:var(--font-editorial);font-size:var(--text-h1);letter-spacing:-.01em;font-style:italic;font-weight:900;line-height:1.05}.text-h2{font-family:var(--font-editorial);font-size:var(--text-h2);letter-spacing:-.01em;font-weight:700;line-height:1.1}.text-h3{font-family:var(--font-editorial);font-size:var(--text-h3);font-style:italic;font-weight:400;line-height:1.15}.text-lead{font-family:var(--font-body);font-size:var(--text-lead);font-weight:500;line-height:1.6}.text-body{font-family:var(--font-body);font-size:var(--text-body);font-weight:400;line-height:1.7}.text-small{font-family:var(--font-body);font-size:var(--text-small);font-weight:400;line-height:1.5}.text-micro{font-family:var(--font-body);font-size:var(--text-micro);letter-spacing:.12em;text-transform:uppercase;font-weight:700;line-height:1.4}.text-mono{font-family:var(--font-mono);font-size:var(--text-mono);font-weight:400;line-height:1.6}.text-primary{color:var(--brand-primary)}.text-accent{color:var(--brand-accent)}.text-ink{color:var(--neutral-ink)}.text-muted{color:var(--neutral-ink-muted)}.text-faint{color:var(--neutral-ink-faint)}.bg-surface{background-color:var(--neutral-surface)}.bg-raised{background-color:var(--neutral-surface-raised)}.container{width:100%;max-width:var(--content-max-width);padding-inline:var(--content-gutter);margin-inline:auto}@media (width<=768px){.container{padding-inline:var(--space-5)}}@media (width<=480px){.container{padding-inline:var(--space-4)}}.section-padding{padding-block:var(--space-11)}@media (width<=768px){.section-padding{padding-block:var(--space-9)}}@media (width<=480px){.section-padding{padding-block:var(--space-8)}}.grain-overlay{position:relative}.grain-overlay:after{content:"";opacity:var(--grain-opacity);mix-blend-mode:overlay;pointer-events:none;z-index:1;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 200 200' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='noise'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.9' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23noise)'/%3E%3C/svg%3E");background-size:200px 200px;position:absolute;inset:0}:focus-visible{outline:2px solid var(--brand-primary);outline-offset:3px;border-radius:var(--radius-xs)}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}::-webkit-scrollbar{width:6px}::-webkit-scrollbar-track{background:var(--neutral-bg)}::-webkit-scrollbar-thumb{background:var(--neutral-border);border-radius:var(--radius-full)}::-webkit-scrollbar-thumb:hover{background:var(--neutral-ink-faint)}.btn-primary{align-items:center;gap:var(--space-3);padding:var(--space-4) var(--space-7);background:var(--brand-primary);color:var(--neutral-bg);font-family:var(--font-body);font-size:var(--text-small);letter-spacing:.08em;text-transform:uppercase;border-radius:var(--radius-xl);transition:transform var(--dur-fast) var(--ease-out-expo), box-shadow var(--dur-fast) var(--ease-out-expo), background var(--dur-fast) var(--ease-cinematic);font-weight:700;display:inline-flex}.btn-primary:hover{box-shadow:var(--shadow-glow-amber);background:color-mix(in srgb, var(--brand-primary) 90%, white);transform:translateY(-2px)}.btn-ghost{align-items:center;gap:var(--space-3);padding:var(--space-4) var(--space-7);color:var(--neutral-ink);font-family:var(--font-body);font-size:var(--text-small);letter-spacing:.08em;text-transform:uppercase;border:1px solid var(--neutral-border);border-radius:var(--radius-xl);transition:border-color var(--dur-fast) var(--ease-cinematic), color var(--dur-fast) var(--ease-cinematic), transform var(--dur-fast) var(--ease-out-expo);background:0 0;font-weight:700;display:inline-flex}.btn-ghost:hover{border-color:var(--brand-primary);color:var(--brand-primary);transform:translateY(-2px)}.section-label{align-items:center;gap:var(--space-3);color:var(--brand-primary);font-size:var(--text-micro);letter-spacing:.12em;text-transform:uppercase;margin-bottom:var(--space-5);font-weight:700;display:inline-flex}.section-label:before{content:"";background:var(--brand-primary);width:24px;height:1px;display:block}.splitting .char{display:inline-block}.splitting .word{white-space:nowrap;display:inline-block}:root{--neutral-bg:#0b2447}html,body{min-height:100%;background:linear-gradient(135deg,#0b2447 0%,#19376d 60%,#1a3f7a 100%)!important}#root,.portfolio-page,.about-page,.services-page,.contact-page{background:0 0!important}.scroll-progress{z-index:9998;pointer-events:none;background:0 0;height:2px;position:fixed;top:0;left:0;right:0}.scroll-progress__bar{transform-origin:0;background:linear-gradient(90deg,#285f6b,#367d8a,#4a9fae);height:100%}.fcta{z-index:200;pointer-events:none;flex-direction:column;align-items:flex-end;gap:.75rem;display:flex;position:fixed;bottom:1.75rem;right:1.5rem}.fcta__btn{height:52px;font-family:var(--font-body);letter-spacing:.04em;color:#fff;pointer-events:all;white-space:nowrap;border-radius:999px;align-items:center;gap:.6rem;max-width:52px;padding:0 1rem 0 .9rem;font-size:.78rem;font-weight:700;text-decoration:none;transition:max-width .45s cubic-bezier(.16,1,.3,1),box-shadow .3s,transform .3s cubic-bezier(.16,1,.3,1);display:flex;position:relative;overflow:hidden}.fcta__btn svg{flex-shrink:0;width:22px;height:22px}.fcta__label{opacity:0;pointer-events:none;transition:opacity .3s 50ms,transform .35s cubic-bezier(.16,1,.3,1) 50ms;transform:translate(-6px)}.fcta__btn:hover{max-width:160px;transform:translateY(-3px)}.fcta__btn:hover .fcta__label{opacity:1;transform:translate(0)}.fcta__btn--wa{background:#25d366;box-shadow:0 4px 20px #25d36659,0 1px 4px #0003}.fcta__btn--wa:hover{box-shadow:0 8px 32px #25d36680,0 2px 8px #00000040}.fcta__pulse{border-radius:inherit;pointer-events:none;border:2px solid #25d36699;animation:2.4s ease-out infinite fcta-pulse;position:absolute;inset:0}@keyframes fcta-pulse{0%{opacity:.7;transform:scale(1)}70%{opacity:0;transform:scale(1.35)}to{opacity:0;transform:scale(1.35)}}.fcta__btn--call{background:var(--brand-primary,#367d8a);box-shadow:0 4px 20px #367d8a59,0 1px 4px #0003}.fcta__btn--call:hover{box-shadow:0 8px 32px #367d8a80,0 2px 8px #00000040}.fcta__btn--call:after{content:"";border-radius:inherit;pointer-events:none;border:2px solid #367d8a8c;animation:2.8s ease-out .6s infinite fcta-pulse;position:absolute;inset:0}@media (width<=768px){.fcta{gap:.65rem;bottom:1.25rem;right:1rem}.fcta__btn{max-width:48px;height:48px;padding:0 .85rem}.fcta__btn svg{width:20px;height:20px}.fcta__btn:active,.fcta__btn:focus{max-width:160px;transform:translateY(-2px)}.fcta__btn:active .fcta__label,.fcta__btn:focus .fcta__label{opacity:1;transform:translate(0)}}.preloader{z-index:9999;will-change:transform;flex-direction:column;justify-content:center;align-items:center;gap:2rem;display:flex;position:fixed;inset:0;overflow:hidden}.preloader__bg{pointer-events:none;background:radial-gradient(60% 55% at 50% 40%,#367d8a2e 0%,#0000 70%),#050505;position:absolute;inset:0}.preloader__logo{z-index:1;will-change:transform, opacity;justify-content:center;align-items:center;display:flex;position:relative}.preloader__logo-img{object-fit:contain;filter:drop-shadow(0 0 32px #367d8a59);width:clamp(140px,30vw,220px);height:auto}.preloader__bar-wrap{z-index:1;background:#ffffff14;border-radius:999px;width:clamp(140px,28vw,200px);height:2px;position:relative;overflow:hidden}.preloader__bar{background:linear-gradient(90deg, var(--brand-primary,#367d8a), #5fcfdf);transform-origin:0;will-change:transform;border-radius:999px;width:100%;height:100%;transform:scaleX(0)}.preloader__dots{z-index:1;align-items:center;gap:.5rem;margin-top:-.75rem;display:flex;position:relative}.preloader__dot{will-change:opacity, transform;background:#ffffff4d;border-radius:50%;width:5px;height:5px;animation:1.4s ease-in-out infinite dot-blink}.preloader__dot:nth-child(2){animation-delay:.2s}.preloader__dot:nth-child(3){animation-delay:.4s}@keyframes dot-blink{0%,to{opacity:.25;transform:scale(.8)}50%{opacity:1;background:var(--brand-primary,#367d8a);transform:scale(1.2)}}