:root{--navy-950:#08121f;--navy-900:#0c2033;--navy-800:#163652;--gray-950:#17202c;--gray-700:#4b5968;--gray-500:#6b7280;--gray-200:#e5e9ef;--gray-100:#f3f6f9;--paper:#fbfaf6;--white:#fff;--accent:#b98524;--accent-strong:#8d641c;--teal:#4eb5c6;--shadow:0 22px 60px #08121f1f;--radius:8px;--container:1180px}*{box-sizing:border-box}html{scroll-behavior:smooth}body{color:var(--gray-950);background:linear-gradient(90deg, #0c203309 1px, transparent 1px), linear-gradient(var(--paper), var(--gray-100));text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;background-size:72px 72px,auto;margin:0;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}body::selection{color:var(--white);background:var(--navy-800)}a{color:inherit;text-decoration:none}img{max-width:100%;display:block}code{color:var(--navy-900);background:#102a430d;border:1px solid #102a431f;border-radius:6px;padding:.12rem .35rem;font-size:.92em}.container{width:min(var(--container), calc(100% - 2rem));margin-inline:auto}.section{padding:clamp(4rem,8vw,7rem) 0}.section-kicker{color:var(--accent-strong);letter-spacing:0;text-transform:uppercase;margin:0 0 .85rem;font-size:.78rem;font-weight:800}.section-heading{max-width:730px;margin-bottom:clamp(2rem,4vw,3rem)}.section-heading.compact{max-width:760px}.section-heading h2,.about-section h2,.contact-section h2{color:var(--navy-900);letter-spacing:0;margin:0;font-size:3.25rem;line-height:1.02}.section-heading p,.about-content p,.contact-copy p{color:var(--gray-700);margin:1rem 0 0;font-size:1.04rem;line-height:1.75}.button{border-radius:var(--radius);border:1px solid #0000;justify-content:center;align-items:center;min-height:3.1rem;padding:.9rem 1.2rem;font-weight:800;line-height:1;transition:transform .18s,box-shadow .18s,background-color .18s,border-color .18s;display:inline-flex}.button:hover{transform:translateY(-2px)}.button-primary{color:var(--white);background:linear-gradient(135deg, var(--navy-900), var(--navy-800));box-shadow:0 14px 30px #0c20333d}.button-primary:hover{background:linear-gradient(135deg, var(--navy-800), #1d486a)}.button-secondary{color:var(--navy-900);background:#ffffff8f;border-color:#0c20332e}.button-secondary:hover{background:var(--white);border-color:#0c203357}.site-header{z-index:20;width:min(var(--container), calc(100% - 2rem));border-radius:var(--radius);min-height:4.6rem;color:var(--navy-900);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);background:#ffffffdb;border:1px solid #0c20331f;justify-content:space-between;align-items:center;gap:1.5rem;margin:.85rem auto -5.45rem;padding:.7rem .8rem .7rem 1rem;display:flex;position:sticky;top:.85rem;box-shadow:0 18px 40px #08121f1f}.brand{align-items:center;gap:.75rem;min-width:max-content;display:inline-flex}.brand img{object-fit:contain;filter:drop-shadow(0 8px 16px #68c7d333);width:44px;height:44px}.brand span{gap:.1rem;display:grid}.brand strong{letter-spacing:0;font-size:1.02rem}.brand small{color:var(--gray-700);font-size:.75rem}.site-nav{color:var(--gray-700);justify-content:center;align-items:center;gap:clamp(.7rem,2vw,1.4rem);font-size:.92rem;font-weight:700;display:flex}.site-nav a{padding:.6rem 0;transition:color .18s}.site-nav a:hover{color:var(--navy-900)}.header-cta{border-radius:var(--radius);min-height:2.85rem;color:var(--white);background:var(--navy-900);white-space:nowrap;justify-content:center;align-items:center;gap:.45rem;padding:.75rem .95rem;font-weight:800;transition:transform .18s,background-color .18s;display:inline-flex}.header-cta svg{fill:none;stroke:currentColor;stroke-width:2px;stroke-linecap:round;stroke-linejoin:round;flex:none;width:1rem;height:1rem}.header-cta:hover{background:var(--navy-800);transform:translateY(-1px)}.hero{min-height:790px;color:var(--navy-900);background:linear-gradient(113deg, #fffffff5 0%, #ffffffb8 46%, transparent 46%), linear-gradient(135deg, var(--paper) 0%, #eef3f7 58%, #dde7ee 100%);align-items:center;display:grid;position:relative;overflow:hidden}.hero:before{content:"";z-index:0;pointer-events:none;background-image:linear-gradient(#0c20330d 1px,#0000 1px),linear-gradient(90deg,#0c20330b 1px,#0000 1px);background-size:56px 56px;position:absolute;inset:0;-webkit-mask-image:linear-gradient(90deg,#000 0% 44%,#0000 78%);mask-image:linear-gradient(90deg,#000 0% 44%,#0000 78%)}.hero:after{content:"";z-index:0;background:linear-gradient(150deg, #0c2033f2, #08121feb), var(--navy-900);clip-path:polygon(14% 0,100% 0,100% 100%,0 100%);pointer-events:none;width:47%;position:absolute;top:0;bottom:0;right:-8%}.hero-grid{z-index:1;grid-template-columns:minmax(0,1fr) minmax(390px,.78fr);align-items:center;gap:clamp(3rem,6vw,6.5rem);padding-top:5rem;display:grid;position:relative}.hero-copy{max-width:760px}.hero .section-kicker{color:var(--accent-strong)}.hero h1{letter-spacing:0;max-width:720px;margin:0;font-size:5rem;line-height:.98}.hero-lead{max-width:690px;color:var(--gray-700);margin:1.35rem 0 0;font-size:1.1rem;line-height:1.75}.hero-actions{flex-wrap:wrap;gap:.8rem;margin-top:2rem;display:flex}.hero .button-secondary{background:0 0}.hero-service-strip{border-radius:var(--radius);background:#ffffffa8;border:1px solid #0c20331c;max-width:650px;margin-top:1.45rem;padding:.8rem;box-shadow:0 12px 30px #08121f0f}.hero-service-strip span{color:var(--gray-700);text-transform:uppercase;font-size:.78rem;font-weight:850;display:block}.hero-service-strip ul{flex-wrap:wrap;gap:.45rem;margin:.55rem 0 0;padding:0;list-style:none;display:flex}.hero-service-strip li{border-radius:var(--radius);min-height:2.1rem;color:var(--navy-900);background:var(--white);border:1px solid #0c20331a;align-items:center;padding:.5rem .65rem;font-size:.84rem;font-weight:800;display:inline-flex}.hero-visual{perspective:900px;place-items:center;min-height:620px;display:grid;position:relative}.assembly-stage{isolation:isolate;place-items:center;width:min(560px,100%);min-height:570px;display:grid;position:relative}.assembly-stage:before{content:"";border-radius:var(--radius);clip-path:polygon(0 0,91% 0,100% 10%,100% 100%,9% 100%,0 90%);background:linear-gradient(145deg,#ffffff21,#ffffff08),#08121f94;border:1px solid #ffffff24;position:absolute;inset:7% 0 13%;box-shadow:0 34px 90px #08121f47,inset 0 1px #ffffff1f}.assembly-grid{content:"";opacity:.72;background-image:linear-gradient(#ffffff12 1px,#0000 1px),linear-gradient(90deg,#ffffff12 1px,#0000 1px);background-size:48px 48px;border:1px solid #68c7d347;position:absolute;inset:15% 10% 27%}.assembly-grid:before,.assembly-grid:after{content:"";background:#68c7d361;position:absolute}.assembly-grid:before{width:42%;height:1px;top:28%;left:-7%}.assembly-grid:after{width:1px;height:52%;top:-9%;right:18%}.assembly-accent{pointer-events:none;background:linear-gradient(90deg,#0000,#c7972eb8,#0000);height:1px;position:absolute}.accent-top{width:74%;top:14%;right:2%;transform:rotate(-7deg)}.accent-bottom{background:linear-gradient(90deg,#0000,#68c7d37a,#0000);width:62%;bottom:22%;left:4%;transform:rotate(-8deg)}.logo-assembly{z-index:2;aspect-ratio:1;transform-origin:50% 56%;filter:drop-shadow(0 22px 24px #0000004d);width:min(410px,76%);position:absolute;top:15%;left:50%;translate:-50%}.logo-complete{z-index:20;object-fit:contain;width:100%;height:100%;position:absolute;inset:0}.hero-proof{z-index:4;border-radius:var(--radius);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);background:linear-gradient(135deg,#4eb5c61f,#b985241a),#07111dd1;border:1px solid #ffffff29;width:min(440px,92%);padding:1.1rem 1.15rem;position:absolute;bottom:1.4rem;right:2%}.hero-proof p,.hero-proof strong,.hero-proof span{margin:0;display:block}.hero-proof p{color:var(--teal);text-transform:uppercase;font-size:.76rem;font-weight:850}.hero-proof strong{color:var(--white);margin-top:.35rem;font-size:1.35rem;font-weight:850;line-height:1.12}.hero-proof span{color:#ffffffa8;margin-top:.45rem;font-size:.88rem;font-weight:700}.has-js:not(.motion-reduced) .hero-copy .section-kicker,.has-js:not(.motion-reduced) .hero-copy h1,.has-js:not(.motion-reduced) .hero-lead,.has-js:not(.motion-reduced) .hero-service-strip,.has-js:not(.motion-reduced) .hero-actions,.has-js:not(.motion-reduced) [data-assembly-frame],.has-js:not(.motion-reduced) .assembly-grid,.has-js:not(.motion-reduced) .assembly-accent,.has-js:not(.motion-reduced) .hero-proof,.has-js:not(.motion-reduced) .logo-complete{opacity:0}.services-section{color:var(--white);background:linear-gradient(135deg, #4eb5c61f, transparent 38%), linear-gradient(180deg, var(--navy-900), var(--navy-950));position:relative;overflow:hidden}.services-section:before{content:"";pointer-events:none;background-image:linear-gradient(#ffffff0b 1px,#0000 1px),linear-gradient(90deg,#ffffff0a 1px,#0000 1px);background-size:62px 62px;position:absolute;inset:0;-webkit-mask-image:linear-gradient(#000,#0000 82%);mask-image:linear-gradient(#000,#0000 82%)}.services-section .container{position:relative}.services-section .section-kicker{color:var(--teal)}.services-section .section-heading h2{color:var(--white)}.services-section .section-heading p{color:#ffffffb8}.services-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:1rem;display:grid}.service-card{border-radius:var(--radius);background:linear-gradient(145deg,#ffffff1a,#ffffff09),#ffffff0b;border:1px solid #ffffff1f;min-height:245px;padding:1.35rem;transition:transform .18s,border-color .18s,box-shadow .18s;box-shadow:inset 0 1px #ffffff14}.service-card:hover{border-color:#4eb5c68c;transform:translateY(-4px);box-shadow:0 18px 45px #0003}.service-icon,.contact-icon{border-radius:var(--radius);width:3rem;height:3rem;color:var(--navy-900);background:linear-gradient(135deg,#4eb5c6f0,#ffffffeb);place-items:center;display:grid}.service-icon svg,.contact-icon svg{width:1.45rem;height:1.45rem}.service-card h3{color:var(--white);margin:1.1rem 0 0;font-size:1.18rem;line-height:1.25}.service-card p{color:#ffffffad;margin:.7rem 0 0;line-height:1.65}.brands-section{background:var(--white)}.brand-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:.85rem;display:grid}.brand-logo,.brand-empty{border-radius:var(--radius);background:#fbfcfd;border:1px solid #102a431a;place-items:center;min-height:112px;padding:1.2rem;transition:transform .18s,box-shadow .18s,border-color .18s;display:grid}.brand-logo:hover{border-color:#102a432e;transform:translateY(-3px);box-shadow:0 14px 34px #07111d14}.brand-logo img{object-fit:contain;filter:grayscale()contrast(.9);opacity:.76;max-width:165px;max-height:64px;transition:filter .18s,opacity .18s}.brand-logo:hover img{filter:grayscale(0)contrast();opacity:1}.brand-empty{color:var(--gray-700);justify-items:start}.about-section{background:linear-gradient(90deg, #102a430a, transparent 36%), var(--white)}.about-grid{grid-template-columns:minmax(260px,.8fr) minmax(0,1.2fr);align-items:start;gap:clamp(2rem,6vw,5rem);display:grid}.about-content{border-left:3px solid var(--accent);padding-left:clamp(1.25rem,3vw,2rem)}.check-list{gap:.85rem;margin:1.6rem 0 0;padding:0;list-style:none;display:grid}.check-list li{color:var(--gray-950);padding-left:1.9rem;font-weight:750;line-height:1.55;position:relative}.check-list li:before{content:"";background:linear-gradient(135deg, var(--accent), var(--teal));border-radius:2px;width:.8rem;height:.8rem;position:absolute;top:.45rem;left:0}.contact-section{color:var(--white);background:radial-gradient(circle at 15% 20%, #4eb5c62e, transparent 24rem), linear-gradient(135deg, #0b1827 0%, var(--navy-950) 100%);position:relative;overflow:hidden}.contact-section:before{content:"";pointer-events:none;background-image:linear-gradient(#ffffff0b 1px,#0000 1px),linear-gradient(90deg,#ffffff0a 1px,#0000 1px);background-size:58px 58px;position:absolute;inset:0;-webkit-mask-image:linear-gradient(90deg,#000,#0000 76%);mask-image:linear-gradient(90deg,#000,#0000 76%)}.contact-grid{grid-template-columns:minmax(280px,.88fr) minmax(360px,1fr);align-items:stretch;gap:clamp(1.2rem,4vw,2.5rem);display:grid;position:relative}.contact-copy{border-radius:var(--radius);background:linear-gradient(145deg,#ffffff1f,#ffffff09),#ffffff0d;border:1px solid #ffffff24;min-height:100%;padding:clamp(1.6rem,4vw,2.6rem);position:relative;box-shadow:0 24px 70px #00000038}.contact-copy .section-kicker{color:var(--teal)}.contact-copy h2{color:var(--white)}.contact-copy p{color:#ffffffb8}.contact-copy .button{color:var(--white);background:linear-gradient(135deg, var(--teal), #2d8294);margin-top:1.5rem}.contact-note{border-top:1px solid #ffffff24;margin-top:2rem;padding-top:1.4rem}.contact-note span{color:#ffffff8f;text-transform:uppercase;font-size:.82rem;font-weight:800;display:block}.contact-note strong{color:var(--white);margin-top:.35rem;font-size:1.15rem;display:block}.contact-list{grid-template-columns:repeat(2,minmax(0,1fr));gap:.8rem;margin:0;font-style:normal;display:grid}.contact-map{border-radius:var(--radius);background:#ffffff0f;border:1px solid #ffffff24;grid-column:1/-1;min-height:320px;overflow:hidden;box-shadow:0 22px 54px #0003}.contact-map iframe{filter:grayscale(.15)contrast(1.05);border:0;width:100%;height:100%;min-height:320px;display:block}.contact-item{border-radius:var(--radius);background:#ffffff0f;border:1px solid #ffffff24;align-content:start;gap:1.1rem;min-height:12rem;padding:1.2rem;transition:transform .18s,box-shadow .18s,border-color .18s,background-color .18s;display:grid;box-shadow:inset 0 1px #ffffff14}.contact-item:hover{background:#ffffff17;border-color:#4eb5c694;transform:translateY(-4px);box-shadow:0 20px 44px #0003}.contact-icon{color:var(--white);background:linear-gradient(135deg,#4eb5c6e6,#b98524e0)}.contact-item strong{color:#ffffff94;letter-spacing:0;text-transform:uppercase;margin-bottom:.35rem;font-size:.8rem;display:block}.contact-item span span{color:var(--white);font-size:1.1rem;line-height:1.45;display:block}.site-footer{color:#ffffffbd;background:var(--navy-950)}.footer-grid{grid-template-columns:minmax(260px,1.2fr) minmax(180px,.7fr) minmax(240px,.9fr);gap:clamp(2rem,6vw,5rem);padding:clamp(3rem,6vw,5rem) 0;display:grid}.footer-logo{color:var(--white)}.footer-brand p{max-width:360px;margin:1rem 0 0;line-height:1.7}.site-footer h2{color:var(--white);margin:0 0 1rem;font-size:1rem}.footer-list{gap:.55rem;margin:0;padding:0;line-height:1.55;list-style:none;display:grid}.footer-list a{transition:color .18s}.footer-list a:hover{color:var(--white)}.footer-bottom{border-top:1px solid #ffffff1a;padding:1rem 0 1.4rem}.footer-bottom p{color:#ffffff94;margin:0;font-size:.9rem}@media (width<=980px){.site-header{border-width:0 0 1px;border-radius:0;width:100%;margin:0;position:static}.site-nav{display:none}.hero{min-height:auto}.hero:after{display:none}.hero:before{-webkit-mask-image:linear-gradient(#000 0% 72%,#0000 100%);mask-image:linear-gradient(#000 0% 72%,#0000 100%)}.hero-grid,.about-grid,.contact-grid,.footer-grid{grid-template-columns:1fr}.hero-grid{gap:2.5rem;padding-top:2rem}.hero h1{max-width:760px;font-size:3.7rem}.section-heading h2,.about-section h2,.contact-section h2{font-size:2.65rem}.hero-visual{min-height:560px}.assembly-stage{width:min(580px,100%)}.services-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.brand-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.contact-list{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (width<=680px){.container{width:min(100% - 1.5rem, var(--container))}.section{padding:3.6rem 0}.hero{background:linear-gradient(180deg, #fffffff5, #eef3f7eb), var(--paper)}.hero-grid{gap:2rem;padding-top:2.4rem}.hero-copy{max-width:none}.site-header{gap:.8rem;padding:.7rem .6rem}.brand small{display:none}.header-cta{min-height:2.55rem;padding:.7rem .75rem;font-size:.88rem}.hero h1{max-width:100%;font-size:2.25rem;line-height:1.06}.hero-lead{margin-top:1rem;font-size:1rem;line-height:1.65}.section-heading h2,.about-section h2,.contact-section h2{font-size:2.05rem}.hero-actions{display:grid}.hero-service-strip ul{grid-template-columns:1fr;display:grid}.hero-service-strip{margin-top:1.2rem;padding:.7rem}.hero-service-strip li{width:100%;min-height:2.75rem;padding:.65rem .8rem}.hero-visual{min-height:470px}.assembly-stage{min-height:450px}.assembly-stage:before{inset:7% 0 16%}.assembly-grid{inset:15% 7% 29%}.logo-assembly{width:min(340px,82%);top:17%}.hero-proof{width:100%;bottom:.6rem;right:0}.hero-proof strong{font-size:1.1rem}.services-grid,.brand-grid,.contact-list{grid-template-columns:1fr}.service-card{min-height:auto}.about-content{padding-left:1rem}.contact-item{grid-template-columns:2.75rem 1fr;align-items:center;min-height:auto}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:1ms!important;animation-duration:1ms!important;animation-iteration-count:1!important}}
