@import "https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700&display=swap";:root{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;color:#fff;font-synthesis:none;--primary:#3b82f6;--secondary:#8b5cf6;--accent:#f4a36b;--panel:#0f172ab8;--border:#ffffff1a;background:#0b1121;font-family:Inter,system-ui,sans-serif}*{box-sizing:border-box}html{scroll-behavior:smooth}body{background:#0b1121;min-width:320px;margin:0}button,input,select,textarea{font:inherit}a{color:inherit;text-decoration:none}p{color:#cbd5e1;line-height:1.7}h1,h2,h3{letter-spacing:-.025em;margin-top:0}.site-shell{min-height:100vh}.content-width{width:min(1200px,100% - 40px);margin-inline:auto}.content-narrow{width:min(1000px,100% - 40px);margin-inline:auto}.sr-only{clip:rect(0, 0, 0, 0);width:1px;height:1px;position:absolute;overflow:hidden}.site-header{z-index:20;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);background:#0f172ae0;border-bottom:1px solid #ffffff0f;align-items:center;gap:30px;min-height:76px;padding:12px max(24px,50vw - 660px);display:flex;position:sticky;top:0}.brand img,.footer-logo{object-fit:contain;max-width:190px;height:50px;display:block}.main-nav{align-items:center;gap:20px;margin-left:auto;font-size:14px;font-weight:600;display:flex}.main-nav>a:not(.button),.nav-group>button{padding-block:12px;transition:color .2s}.main-nav>a:hover,.main-nav>.router-link-active{color:var(--accent)}.nav-group{position:relative}.nav-group>button{color:inherit;cursor:pointer;background:0 0;border:0}.nav-dropdown{border:1px solid var(--border);background:#172033;border-radius:12px;min-width:180px;padding:8px;display:none;position:absolute;top:100%;left:-18px;box-shadow:0 16px 40px #0008}.nav-dropdown a{border-radius:7px;padding:10px 12px;display:block}.nav-dropdown a:hover{color:var(--accent);background:#ffffff0a}.nav-group:hover .nav-dropdown,.nav-group:focus-within .nav-dropdown{display:block}.language-trigger{color:#fff;cursor:pointer;background:0 0;border:0;border-radius:9px;place-items:center;width:42px;height:42px;transition:color .2s,background .2s;display:grid;padding:0!important}.language-trigger:hover,.language-trigger:focus-visible{color:var(--accent);background:#ffffff0b;outline:none}.language-trigger svg{fill:none;stroke:currentColor;stroke-width:1.9px;stroke-linecap:round;stroke-linejoin:round;width:23px;height:23px}.language-dropdown{min-width:140px;left:auto;right:0}.language-dropdown button{color:#fff;text-align:left;cursor:pointer;background:0 0;border:0;border-radius:7px;width:100%;padding:10px 12px}.language-dropdown button:hover,.language-dropdown button.active{color:var(--accent);background:#ffffff0a}.menu-toggle{color:#fff;background:0 0;border:0;margin-left:auto;font-size:28px;display:none}.button{color:#fff;cursor:pointer;border:1px solid #0000;border-radius:9px;justify-content:center;align-items:center;min-height:44px;padding:10px 22px;font-weight:700;transition:transform .2s,box-shadow .2s;display:inline-flex}.button:hover{transform:translateY(-2px)}.button-primary{background:linear-gradient(135deg, var(--accent), #ff7e5f);box-shadow:0 4px 18px #f4a36b55}.button-outline{background:0 0;border-color:#fffa}.button:disabled{opacity:.6;cursor:wait}.button-row{flex-wrap:wrap;justify-content:center;gap:16px;display:flex}.hero{text-align:center;place-items:center;min-height:78vh;padding:80px 20px;display:grid;position:relative;overflow:hidden}.hero:before{content:"";background:radial-gradient(circle at 50% 30%,#3b82f626,#0f172a 68%);position:absolute;inset:0}.hero-content{width:min(900px,100%);animation:.8s ease-out both fade-up;position:relative}.hero h1{margin-bottom:22px;font-size:clamp(2.6rem,6vw,4.6rem);line-height:1.15}.hero p{color:#d1d5db;margin:0 auto 34px;font-size:clamp(1.1rem,2vw,1.5rem)}.hero-inner{min-height:40vh;padding-top:110px}.hero-inner h1{font-size:clamp(2.5rem,5vw,3.7rem)}.hero-orange:before{background:radial-gradient(circle at 50% 0,#f4a36b26,#0f172a 70%)}.hero-purple:before{background:radial-gradient(circle at 50% 0,#8b5cf626,#0f172a 70%)}.gradient-accent,.gradient-blue{color:#0000;background:linear-gradient(90deg, var(--accent), #ff7e5f);-webkit-background-clip:text;background-clip:text;width:fit-content;margin-inline:auto}.gradient-blue{background-image:linear-gradient(90deg, var(--primary), var(--secondary))}.section{padding-block:90px}.section-muted{background:#0f172a}.section-heading{text-align:center;width:min(680px,100%);margin:0 auto 44px}.section-heading h2{font-size:clamp(2rem,4vw,3rem)}.glass-card{border:1px solid var(--border);background:var(--panel);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border-radius:18px;box-shadow:0 4px 30px #0006}.card-grid{gap:24px;display:grid}.card-grid-3{grid-template-columns:repeat(3,1fr)}.card-grid-4{grid-template-columns:repeat(4,1fr)}.product-card{text-align:center;flex-direction:column;align-items:center;padding:34px 26px;transition:transform .3s,border-color .3s;display:flex}.product-card:hover{border-color:#ffffff35;transform:translateY(-9px)}.product-card img{object-fit:contain;width:100%;height:52px;margin-bottom:24px}.product-card p{flex:1}.service-card{align-items:center;gap:14px;padding:22px;transition:transform .2s,border-color .2s;display:flex}.service-card:hover{border-color:var(--accent);transform:translateY(-4px)}.service-icon{height:48px;color:var(--accent);background:#f4a36b18;border-radius:50%;flex:0 0 48px;place-items:center;font-size:25px;display:grid}.service-icon.large{background:#0b1121;flex-basis:94px;height:94px;font-size:44px}.cta{text-align:center;border-color:#f4a36b44;margin-top:70px;margin-bottom:90px;padding:58px 30px}.feature-panel{padding:clamp(28px,6vw,60px)}.feature-panel>p{font-size:1.08rem}.feature-panel>h2:not(:first-child){margin-top:50px}.values div>span{color:var(--accent);font-size:40px}.values p{font-size:14px}.empty-state{text-align:center;min-height:430px}.empty-state>span{color:var(--accent);opacity:.65;margin-bottom:22px;font-size:72px;display:block}.service-list{gap:28px;display:grid}.service-detail{border-left:4px solid var(--accent);align-items:center;gap:34px;padding:32px;scroll-margin-top:100px;display:flex}.service-detail p{margin-bottom:12px}.tags{flex-wrap:wrap;gap:8px;display:flex}.tags span{color:#cbd5e1;border:1px solid #94a3b866;border-radius:999px;padding:5px 12px;font-size:13px}.contact-grid{grid-template-columns:5fr 7fr;gap:60px;display:grid}.contact-copy>p{font-size:1.08rem}address{font-style:normal}address p{align-items:center;gap:18px;font-size:24px;display:flex}address span{color:#94a3b8;font-size:13px}address strong{color:#fff;font-size:17px}.contact-form{gap:19px;padding:clamp(25px,5vw,46px);display:grid}.form-row{grid-template-columns:1fr 1fr;gap:16px;display:grid}.contact-form label{color:#cbd5e1;gap:8px;font-size:14px;display:grid}.contact-form input,.contact-form select,.contact-form textarea{color:#fff;background:#ffffff0b;border:1px solid #ffffff16;border-radius:8px;outline:none;width:100%;padding:13px 14px}.contact-form input:focus,.contact-form select:focus,.contact-form textarea:focus{border-color:var(--accent)}.contact-form .button{justify-self:end}.form-status{border-radius:8px;margin:0;padding:10px 14px}.form-status.success{color:#bbf7d0;background:#14532d80}.form-status.error{color:#fecaca;background:#7f1d1d80}.site-footer{color:#94a3b8;background:#0f172a;border-top:1px solid #ffffff0d;padding-top:55px}.footer-grid{grid-template-columns:2fr 1fr 1fr;gap:70px;display:grid}.footer-grid h2{color:#fff;font-size:18px}.footer-grid a{margin-block:11px;display:block}.footer-grid a:hover{color:var(--accent)}.copyright{text-align:center;color:#64748b;border-top:1px solid #ffffff0d;margin:44px 0 0;padding:24px;font-size:13px}.not-found{text-align:center;background:radial-gradient(circle,#1d4ed8,#0b1121 70%);place-items:center;min-height:100vh;display:grid}.not-found strong{opacity:.75;font-size:clamp(8rem,25vw,18rem);line-height:.9;display:block}.eyebrow{color:var(--accent);letter-spacing:.22em;margin-bottom:14px;font-size:12px;font-weight:700;display:inline-block}.portfolio-hero{min-height:52vh}.portfolio-hero .hero-content{width:min(940px,100%)}.portfolio-hero p{max-width:800px;font-size:clamp(1rem,2vw,1.25rem)}.portfolio-list-section{background:linear-gradient(#0f172a,#0b1121 45%);min-height:600px}.portfolio-filters{flex-wrap:wrap;justify-content:center;gap:10px;margin-bottom:50px;display:flex}.portfolio-filters button{border:1px solid var(--border);color:#cbd5e1;cursor:pointer;background:#ffffff05;border-radius:999px;padding:10px 18px;transition:all .2s}.portfolio-filters button:hover,.portfolio-filters button.active{color:#0b1121;border-color:var(--accent);background:var(--accent)}.portfolio-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:28px;display:grid}.portfolio-card{border:1px solid var(--border);background:#111b2f;border-radius:18px;transition:transform .3s,border-color .3s,box-shadow .3s;overflow:hidden;box-shadow:0 15px 45px #0003}.portfolio-card:hover{border-color:#f4a36b66;transform:translateY(-7px);box-shadow:0 22px 55px #0007}.portfolio-card-image{aspect-ratio:16/10;background:linear-gradient(135deg,#18233a,#0f172a);display:block;position:relative;overflow:hidden}.portfolio-card-image img{object-fit:cover;width:100%;height:100%;transition:transform .5s}.portfolio-card:hover .portfolio-card-image img{transform:scale(1.045)}.image-placeholder{color:#ffffff2e;letter-spacing:.16em;place-items:center;width:100%;height:100%;font-size:24px;font-weight:700;display:grid}.portfolio-category{color:#fff;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#0b1121d9;border-radius:999px;padding:6px 11px;font-size:12px;position:absolute;bottom:16px;left:18px}.portfolio-card-body{padding:25px}.portfolio-industry{color:var(--accent);letter-spacing:.08em;text-transform:uppercase;margin:0 0 8px;font-size:12px;font-weight:600}.portfolio-card h2{margin-bottom:12px;font-size:21px}.portfolio-card-body>p:not(.portfolio-industry){-webkit-line-clamp:2;-webkit-box-orient:vertical;min-height:52px;margin-bottom:20px;font-size:14px;display:-webkit-box;overflow:hidden}.portfolio-link{color:#fff;font-size:14px;font-weight:700}.portfolio-link span{color:var(--accent);margin-left:7px;transition:transform .2s;display:inline-block}.portfolio-link:hover span{transform:translate(4px)}.portfolio-message{text-align:center;align-content:center;place-items:center;min-height:300px;display:grid}.portfolio-message>span:not(.loading-ring),.portfolio-detail-loading>span:not(.loading-ring){color:var(--accent);opacity:.7;font-size:62px}.loading-ring{border:3px solid #ffffff1f;border-top-color:var(--accent);border-radius:50%;width:44px;height:44px;animation:.7s linear infinite spin}.pagination{justify-content:center;gap:8px;margin-top:52px;display:flex}.pagination button{border:1px solid var(--border);color:#fff;cursor:pointer;background:#ffffff05;border-radius:8px;min-width:42px;height:42px}.pagination button.active{color:#0b1121;border-color:var(--accent);background:var(--accent)}.pagination button:disabled{opacity:.3;cursor:not-allowed}.portfolio-cta{text-align:center;background:radial-gradient(circle at 50% 100%,#f4a36b20,#0000 60%),#0f172a;border-top:1px solid #ffffff0a;padding:95px 20px}.portfolio-cta-inner h2{font-size:clamp(2rem,4vw,3.2rem)}.portfolio-cta-inner p{max-width:700px;margin:0 auto 30px;font-size:1.05rem}.portfolio-detail-loading{text-align:center;align-content:center;place-items:center;min-height:70vh;padding:100px 20px;display:grid}.portfolio-detail-hero{background-color:#101a2d;background-position:50%;background-size:cover;align-items:end;min-height:72vh;padding:150px 0 80px;display:flex;position:relative}.portfolio-detail-overlay{background:linear-gradient(#0b112155 5%,#0b1121f7 92%),linear-gradient(90deg,#0b1121cc,#0000 75%);position:absolute;inset:0}.portfolio-detail-heading{position:relative}.back-link{color:#cbd5e1;margin-bottom:60px;font-size:14px;display:inline-block}.portfolio-detail-heading h1{max-width:900px;margin-bottom:16px;font-size:clamp(3rem,7vw,6rem);line-height:1}.portfolio-detail-heading>p{color:#fff;max-width:760px;font-size:clamp(1.15rem,2vw,1.5rem)}.portfolio-detail-heading dl{gap:55px;margin:35px 0 0;display:flex}.portfolio-detail-heading dl div{border-left:2px solid var(--accent);padding-left:14px}.portfolio-detail-heading dt{color:#94a3b8;margin-bottom:5px;font-size:12px}.portfolio-detail-heading dd{margin:0;font-weight:600}.portfolio-story{padding-block:35px 95px}.portfolio-detail-section{border-bottom:1px solid var(--border);padding-block:75px}.portfolio-section-label{align-items:center;gap:16px;margin-bottom:28px;display:flex}.portfolio-section-label>span{color:var(--accent);letter-spacing:.14em;font-size:12px;font-weight:700}.portfolio-section-label h2{margin:0;font-size:clamp(1.8rem,4vw,2.65rem)}.portfolio-copy-section{grid-template-columns:minmax(190px,1fr) 3fr;gap:45px;display:grid}.portfolio-copy-section .portfolio-section-label{align-items:flex-start}.rich-content{color:#cbd5e1;font-size:1.06rem;line-height:1.85}.rich-content>:first-child{margin-top:0}.rich-content>:last-child{margin-bottom:0}.rich-content h2,.rich-content h3{color:#fff}.rich-content li{margin-block:8px}.tone-orange{background:linear-gradient(90deg,#f4a36b0d,#0000);border-radius:18px;margin-inline:-30px;padding-inline:30px}.tone-success{border-bottom:0}.feature-grid{grid-template-columns:repeat(3,1fr);gap:16px;display:grid}.feature-grid article{border:1px solid var(--border);background:#111b2f;border-radius:14px;min-height:145px;padding:25px}.feature-grid article>span{color:var(--accent);margin-bottom:22px;font-size:30px;display:block}.feature-grid h3{margin:0;font-size:17px}.portfolio-gallery-section{grid-template-columns:1fr 1fr;gap:24px;display:grid}.portfolio-gallery-section .portfolio-section-label{grid-column:1/-1}.portfolio-gallery-section figure{border:1px solid var(--border);background:#111b2f;border-radius:14px;margin:0;overflow:hidden}.portfolio-gallery-section figure.wide{grid-column:1/-1}.portfolio-gallery-section img{width:100%;height:auto;display:block}.portfolio-gallery-section figcaption{color:#94a3b8;padding:14px 18px;font-size:13px}.related-projects{padding:90px 0}.portfolio-card.compact .portfolio-card-body{padding:20px}.portfolio-card.compact h2{margin-bottom:18px}@keyframes spin{to{transform:rotate(360deg)}}@keyframes fade-up{0%{opacity:0;transform:translateY(30px)}}@media (width<=1050px){.menu-toggle{display:block}.main-nav{border:1px solid var(--border);background:#0f172af7;border-radius:14px;flex-direction:column;align-items:stretch;gap:4px;width:min(360px,100vw - 32px);padding:20px;display:none;position:absolute;top:76px;right:16px;box-shadow:0 20px 50px #0008}.main-nav.open{display:flex}.main-nav>a,.nav-group>button{text-align:left;width:100%;padding:12px}.nav-dropdown{box-shadow:none;margin:0 10px 8px;position:static}.nav-contact{text-align:center!important}.language-trigger{justify-content:start;width:100%!important;padding-inline:12px!important}.language-dropdown{width:auto}}@media (width<=800px){.card-grid-3,.card-grid-4{grid-template-columns:1fr 1fr}.contact-grid{grid-template-columns:1fr}.footer-grid{grid-template-columns:1fr 1fr}.footer-grid>div:first-child{grid-column:1/-1}.portfolio-grid{grid-template-columns:1fr 1fr}.portfolio-copy-section{grid-template-columns:1fr;gap:0}.feature-grid{grid-template-columns:1fr 1fr}}@media (width<=560px){.section{padding-block:64px}.card-grid-3,.card-grid-4,.form-row,.footer-grid{grid-template-columns:1fr}.footer-grid>div:first-child{grid-column:auto}.service-detail{flex-direction:column;align-items:flex-start}.hero{min-height:66vh}.portfolio-grid,.feature-grid,.portfolio-gallery-section{grid-template-columns:1fr}.portfolio-gallery-section figure.wide,.portfolio-gallery-section .portfolio-section-label{grid-column:auto}.portfolio-detail-heading dl{gap:25px}.portfolio-detail-hero{min-height:650px}.portfolio-filters{flex-wrap:nowrap;justify-content:flex-start;margin-inline:-20px;padding-inline:20px;overflow-x:auto}.portfolio-filters button{flex:none}}
