:root {
  --navy:#06182f; --navy-2:#102b48; --blue:#08a9f4; --blue-2:#0878ed;
  --orange:#ff7107; --gold:#ffbe1c; --ink:#102239; --muted:#5c6c82;
  --line:#dce6ef; --content:1300px; --gutter:max(24px,calc((100% - var(--content))/2));
  --display-font:"Bahnschrift Condensed","Arial Narrow",Arial,sans-serif;
  --body-font:Inter,"Segoe UI",Arial,sans-serif;
  --ease:cubic-bezier(.22,.61,.36,1); --shadow:0 18px 45px rgba(5,27,57,.12);
}
*{box-sizing:border-box}
html{scroll-behavior:smooth;scroll-padding-top:108px;scrollbar-gutter:stable}
body{margin:0;color:var(--ink);background:#fff;font-family:var(--body-font);overflow-x:clip}
[hidden]{display:none!important}
img{display:block;max-width:100%}
a{color:inherit;text-decoration:none}
button,input,select,textarea{font:inherit}
button,a{-webkit-tap-highlight-color:transparent}
button{cursor:pointer}
button:focus-visible,a:focus-visible,section[tabindex]:focus-visible{outline:3px solid #37bfff;outline-offset:5px}
h1,h2,h3,h4{font-family:var(--display-font);font-weight:800;letter-spacing:-.025em}
p{line-height:1.7}
.icon{display:inline-flex;align-items:center;justify-content:center;flex:0 0 auto;width:1.4em;height:1.4em;color:inherit;line-height:0}
.icon svg{display:block;width:100%;height:100%;fill:none;stroke:currentColor}
.site-header{position:fixed;inset:0 0 auto;z-index:100;height:86px;display:flex;align-items:center;gap:20px;padding:0 var(--gutter);color:#fff;background:linear-gradient(120deg,#07182fba,#102f48a1);border-bottom:1px solid #ffffff26;backdrop-filter:blur(16px) saturate(135%);box-shadow:inset 0 -1px #ffffff08,0 8px 24px #0314290c}
.brand{position:relative;z-index:3;display:flex;align-items:center;justify-content:center;align-self:flex-start;flex:0 0 192px;width:192px;height:144px;margin-right:auto;padding:4px 10px 8px;border-radius:0 0 22px 22px;background:#fff;box-shadow:0 7px 18px #03142917}
.brand img{width:172px;height:132px;object-fit:contain}
.site-header nav{display:flex;align-items:center;gap:26px}
.nav-links{display:flex;align-items:center;gap:22px}
.nav-panel-heading,.mobile-nav-footer,.menu-backdrop{display:none}
.site-header nav a{position:relative;padding:12px 0;font-size:.86rem;font-weight:650;white-space:nowrap}
.site-header nav a:after{content:"";position:absolute;bottom:3px;left:0;right:0;height:2px;transform:scaleX(0);transform-origin:left;background:linear-gradient(90deg,var(--blue),var(--orange));transition:transform .22s var(--ease)}
.site-header nav a:hover:after,.site-header nav a.active:after{transform:scaleX(1)}
.phone-chip{display:inline-flex;align-items:center;justify-content:center;gap:10px;min-height:48px;padding:10px 18px;white-space:nowrap;border:1px solid #4bb5ff;border-radius:12px;background:linear-gradient(120deg,#0878ed,#079ed8);box-shadow:0 6px 22px #007aff24;font-size:.9rem;font-weight:750;transition:transform .22s var(--ease)}
.phone-chip .icon{width:21px;height:21px;color:#fff}
.phone-chip:hover{transform:translateY(-2px)}
.menu-toggle{display:none;width:44px;height:44px;padding:10px;border:1px solid #ffffff2e;border-radius:11px;color:#fff;background:#ffffff0d}
.hero-slider{position:relative;isolation:isolate;display:grid;overflow:hidden;color:#fff;background:var(--navy)}
.hero-slide{position:relative;grid-area:1/1;display:flex;align-items:center;min-width:0;min-height:clamp(740px,88svh,850px);padding:154px 0 190px;opacity:0;visibility:hidden;pointer-events:none;transition:opacity .5s var(--ease),visibility 0s linear .5s}
.hero-slide.is-active{z-index:1;opacity:1;visibility:visible;pointer-events:auto;transition-delay:0s}
.hero-image{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:center;pointer-events:none}
.hero-shade{position:absolute;inset:0;pointer-events:none;background:linear-gradient(90deg,rgba(2,14,30,.8) 0,rgba(2,14,30,.6) 38%,rgba(2,14,30,.24) 72%,rgba(2,14,30,.08) 100%)}
.hero-content{position:relative;z-index:1;width:min(var(--content),calc(100% - 48px));margin:auto}
.hero-copy{width:min(680px,60%)}
.hero h1{margin:18px 0 22px;font-size:clamp(3.4rem,5.6vw,5.75rem);line-height:1.01;letter-spacing:-.04em;text-wrap:balance}
.hero h1 em{display:block}
.hero h1 em,.section-heading h2 em,.about h2 em,.benefits-hero h2 em,.cta-section h2 em,.contact-section h2 em{font-style:normal;color:var(--blue);background:linear-gradient(100deg,var(--blue),#00c2ff 35%,var(--gold) 76%,var(--orange));background-clip:text;-webkit-background-clip:text;-webkit-text-fill-color:transparent}
.hero-copy>p{max-width:600px;margin:0;color:#e0eaf4;font-size:clamp(1rem,1.25vw,1.2rem);line-height:1.75}
.eyebrow{display:inline-flex;align-items:center;gap:12px;max-width:100%;color:#c4e9ff;font-size:.69rem;font-weight:750;letter-spacing:.23em;line-height:1.6}
.eyebrow:before{content:"";flex:0 0 32px;width:32px;height:2px;background:linear-gradient(90deg,var(--blue),var(--orange))}
.eyebrow.dark{color:#304e6a}
.actions{display:flex;flex-wrap:wrap;gap:12px;margin-top:28px}
.button{display:inline-flex;align-items:center;justify-content:center;gap:10px;min-height:54px;padding:13px 22px;border:1px solid transparent;border-radius:12px;font-size:.92rem;font-weight:750;transition:transform .22s var(--ease)}
.button:hover{transform:translateY(-3px)}
.button-orange{color:#fff;background:linear-gradient(115deg,var(--orange),#ff8d0b 70%,var(--gold));box-shadow:0 12px 28px #ff71072b}
.button-ghost{color:#fff;border-color:#ffffff70;background:#07182f69}
.hero-controls{position:absolute;z-index:5;right:var(--gutter);bottom:128px;display:flex;align-items:center;gap:9px;padding:10px 12px;border:1px solid #ffffff40;border-radius:18px;background:#081c34ba;box-shadow:inset 0 1px #ffffff13;touch-action:pan-y}
.hero-controls>button,.testimonial-controls>button{display:grid;place-items:center;width:46px;height:46px;flex:0 0 46px;padding:12px;border:1px solid #ffffff40;border-radius:12px;color:#fff;background:#ffffff0c;transition:transform .2s var(--ease),background-color .2s}
.hero-controls>button:hover,.hero-controls>button:focus-visible{background:#0878ed;transform:translateY(-2px)}
.hero-controls>button .icon{width:21px;height:21px}
.hero-controls .slider-pause{width:36px;height:36px;flex-basis:36px;padding:9px;border-color:transparent;background:transparent}
.slide-count{padding:0 7px;color:#c9daea;font-size:.68rem;font-weight:650;font-variant-numeric:tabular-nums;letter-spacing:.1em}
.slider-dots,.testimonial-controls>div{display:flex;align-items:center;gap:2px}
.hero-dot,.testimonial-dot{display:grid;place-items:center;width:26px;height:34px;padding:0;border:0;background:transparent}
.hero-dot span,.testimonial-dot span{width:6px;height:6px;border-radius:50%;background:#8ea6be;transition:transform .2s var(--ease),background-color .2s}
.hero-dot.is-active span,.testimonial-dot.is-active span{background:var(--blue);transform:scale(1.5)}
.asset-note{position:absolute;right:18px;bottom:12px;z-index:4;padding:4px 7px;border-radius:6px;color:#c8d5e4;background:#0008;font-size:.58rem}
.hero-slider.is-static .hero-controls,.testimonial-carousel.is-static .testimonial-controls{display:none}
.strength-bar{position:relative;z-index:6;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;width:min(var(--content),calc(100% - 48px));margin:-90px auto 0}
.strength-bar article,.service-card,.benefit-grid article,.process-grid article,.project-card,.concept-grid figure,.testimonial-slide,.video-card{position:relative;isolation:isolate;overflow:hidden;border-radius:22px;transition:transform .28s var(--ease),border-color .28s}
.strength-bar article:before,.service-card:before,.benefit-grid article:before,.process-grid article:before,.testimonial-slide:before{content:"";position:absolute;z-index:-1;inset:0;border-radius:inherit;pointer-events:none;background:linear-gradient(135deg,#ffffff16,transparent 42%,#ffffff04 72%,#ffffff0b);box-shadow:inset 0 1px 0 #ffffff50,inset 1px 0 #ffffff17}
.strength-bar article{display:flex;flex-direction:column;align-items:flex-start;gap:18px;min-height:208px;padding:24px;color:#fff;border:1px solid #a6d5ff4d;background:linear-gradient(145deg,#153854c4,#081c35e8);box-shadow:0 18px 38px #06182f26;backdrop-filter:blur(12px) saturate(130%)}
.strength-bar article>.icon,.service-card>.icon{display:grid;place-items:center;width:48px;height:48px;padding:10px;color:#57cbff;border:1px solid #79d7ff4d;border-radius:15px;background:linear-gradient(145deg,#27baff1c,#079ee504);box-shadow:inset 0 1px #ffffff28}
.strength-bar article:nth-child(even)>.icon,.service-card:nth-child(even)>.icon{color:#ffb15c;border-color:#ffb15c44;background:linear-gradient(145deg,#ff9c261a,#ff9c2603)}
.strength-bar h2{margin:0 0 6px;font-size:1.2rem;font-weight:750}
.strength-bar p{margin:0;color:#d5e3ee;font-size:.79rem;line-height:1.65}
.section{padding:96px var(--gutter)}
.section-heading{max-width:820px;margin:0 auto 46px;text-align:center}
.section-heading h2,.about h2,.benefits-hero h2,.cta-section h2,.contact-section h2,.faq-section h2{margin:12px 0 18px;font-size:clamp(2.5rem,4vw,4.25rem);line-height:1.06}
.section-heading>p{max-width:700px;margin:0 auto;color:var(--muted);font-size:1rem}
.section-heading.light>p{color:#becfdf}
.about{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:64px;align-items:center;background:linear-gradient(145deg,#fff,#f2f7fb)}
.about-media{position:relative}
.about-media img{width:100%;height:520px;object-fit:cover;border-radius:24px;box-shadow:var(--shadow)}
.about-media>span{position:absolute;left:16px;bottom:16px;padding:6px 9px;color:#fff;background:#07182dbd;border-radius:7px;font-size:.66rem}
.rich-copy{color:#45566c;font-size:.96rem;line-height:1.8}
.about-points{display:grid;gap:12px;margin:24px 0}
.about-points article{display:flex;align-items:center;gap:14px;padding:17px;border:1px solid #d3e2ef;border-radius:17px;background:linear-gradient(120deg,#ffffffb3,#f4f9ff80);box-shadow:inset 0 1px #fff}
.about-points .icon{width:28px;height:28px;color:#0789d1}
.about-points b,.about-points span{display:block}
.about-points b{font-size:.9rem}
.about-points span{margin-top:4px;color:var(--muted);font-size:.82rem}
.text-link{display:inline-flex;align-items:center;gap:8px;color:var(--blue-2);font-size:.9rem;font-weight:750}
.services-section{color:#fff;background:radial-gradient(ellipse at top right,#16426566,transparent 65%),#071b31}
.service-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px;width:100%;max-width:var(--content);margin:auto}
.service-card{display:flex;flex-direction:column;align-items:flex-start;gap:21px;min-height:292px;padding:28px;border:1px solid #8bd2ff33;background:linear-gradient(140deg,#ffffff0d,#ffffff03);box-shadow:inset 0 -1px #ffffff0c,0 15px 28px #0000000d}
.service-card h3{margin:0 0 10px;font-size:1.7rem;line-height:1.15}
.service-card p{margin:0;color:#bfcfdf;font-size:.9rem}
.service-card>div{display:flex;flex:1;flex-direction:column;align-items:flex-start}
.service-card a{display:inline-flex;align-items:center;gap:7px;margin-top:auto;padding-top:21px;color:#e8f6ff;font-size:.79rem;font-weight:700}
.service-card a .icon{width:16px;height:16px;color:#ffae53}
.projects-section{color:#fff;background:#06182f}
.concept-grid,.project-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px;width:100%;max-width:var(--content);margin:auto}
.concept-grid figure,.project-card{margin:0;border:1px solid #91bcdf33;background:linear-gradient(145deg,#ffffff0a,#ffffff03);box-shadow:inset 0 1px #ffffff25}
.concept-grid img,.project-card img{width:100%;height:290px;object-fit:cover;transition:transform .45s var(--ease)}
.concept-grid figcaption,.project-card>div{position:relative;display:grid;gap:8px;padding:22px}
.concept-grid b,.project-card h3{margin:0;font-family:var(--display-font);font-size:1.45rem;font-weight:750}
.concept-grid span,.project-card p{margin:0;color:#b9cadd;font-size:.77rem;line-height:1.6}
.project-card small{color:#6dd0ff;font-size:.68rem;letter-spacing:.1em;text-transform:uppercase}
.benefits-section{padding:0 0 90px;background:linear-gradient(#edf5fc,#f8fafc)}
.benefits-hero{margin:0;padding:78px var(--gutter) 118px;color:#fff;background:radial-gradient(ellipse at 90% 10%,#1a496c88,transparent 65%),#0b233e}
.benefits-hero h2,.benefits-hero p{max-width:700px}
.benefits-hero p{color:#c9d9e8}
.benefit-grid{position:relative;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px;width:min(var(--content),calc(100% - 48px));margin:-64px auto 0}
.benefit-grid article,.process-grid article{padding:30px 25px;border:1px solid #c2d7e8;background:linear-gradient(135deg,#fffffff2,#f3f8fee8);box-shadow:0 12px 32px #1337560c,inset 0 1px #fff}
.benefit-grid .icon,.process-grid .icon{width:40px;height:40px;margin-bottom:14px;color:#0a8cd3}
.benefit-grid article:nth-child(even) .icon{color:#e17f14}
.benefit-grid h3{margin:0 0 12px;font-size:1.45rem}
.benefit-grid p,.process-grid p{margin:0;color:var(--muted);font-size:.88rem}
.process-section{background:#fff}
.process-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px;max-width:var(--content);margin:auto}
.process-grid article{padding:34px}
.process-grid .step-no{position:absolute;right:24px;top:22px;color:#afc8df;font-family:var(--display-font);font-size:2.7rem;font-weight:700}
.process-grid h3{margin:0 0 12px;font-size:1.8rem}
.reviews-section{background:radial-gradient(ellipse at 15% 0,#e3f2ff,transparent 70%),#f2f7fb}
.testimonial-carousel{position:relative;max-width:var(--content);margin:auto;padding:0 0 76px}
.testimonial-track{display:grid}
.testimonial-slide{grid-area:1/1;display:flex;flex-direction:column;min-width:0;margin:0;padding:42px 56px;border:1px solid #bdd7ea;background:linear-gradient(140deg,#fffffff0,#f9fcffb3);box-shadow:0 18px 45px #0b36500a;opacity:0;visibility:hidden;pointer-events:none;transform:translateX(14px);transition:opacity .38s var(--ease),transform .38s var(--ease),visibility 0s linear .38s}
.testimonial-slide.is-active{z-index:1;opacity:1;visibility:visible;pointer-events:auto;transform:none;transition-delay:0s}
.review-top{display:flex;align-items:center;justify-content:space-between;gap:16px}
.review-top>.icon{width:35px;height:35px;color:#098dca}
.demo-badge{padding:6px 10px;border:1px solid #bfd6e8;border-radius:20px;color:#547187;font-size:.63rem;font-weight:600}
.stars{display:flex;gap:3px;color:#e8a326}
.stars .icon{width:18px;height:18px}
.testimonial-slide>p{max-width:960px;margin:24px 0 28px;font-size:clamp(1.15rem,2vw,1.65rem);font-weight:500;line-height:1.65}
.testimonial-slide footer{display:flex;align-items:center;gap:14px;margin-top:auto}
.testimonial-slide footer img{width:52px;height:52px;object-fit:cover;border-radius:50%}
.testimonial-slide footer span,.testimonial-slide footer small{display:block}
.testimonial-slide footer b{font-size:.89rem}
.testimonial-slide footer small{margin-top:5px;color:var(--muted);font-size:.77rem}
.testimonial-controls{position:absolute;right:0;bottom:0;display:flex;align-items:center;justify-content:flex-end;gap:10px}
.testimonial-controls>button{color:#0878ad;border-color:#b6d2e5;background:#fff9}
.testimonial-controls>button:hover{background:#e2f2ff;transform:translateY(-2px)}
.gallery-section{color:#fff;background:#06172d}
.gallery-filters{display:flex;flex-wrap:wrap;justify-content:center;gap:8px;max-width:var(--content);margin:0 auto 24px}
.gallery-filters button{min-height:42px;padding:9px 15px;border:1px solid #6b87a350;border-radius:999px;color:#c8d8e7;background:#ffffff0b;font:inherit;font-size:.78rem;font-weight:700;cursor:pointer;transition:color .2s,background .2s,border-color .2s,transform .2s}
.gallery-filters button:hover{color:#fff;border-color:#22b9f0;background:#0a83b94a;transform:translateY(-1px)}
.gallery-filters button.is-active{color:#06172d;border-color:#fff;background:#fff}
.gallery-strip{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;max-width:var(--content);margin:auto}
.gallery-strip.gallery-columns-4{grid-template-columns:repeat(4,minmax(0,1fr))}
.gallery-strip.gallery-layout-mosaic{grid-auto-flow:dense}
.gallery-strip.gallery-layout-mosaic figure:nth-child(5n+1){grid-column:span 2}
.gallery-strip figure{overflow:hidden;margin:0;border:1px solid #ffffff26;border-radius:18px;background:#0c2949}
.gallery-strip figure[hidden]{display:none}
.gallery-strip figure img{width:100%;height:auto;aspect-ratio:4/3;object-fit:cover;transition:transform .45s var(--ease)}
.gallery-strip figcaption{padding:11px 14px;color:#dceaf5;font-size:.72rem;font-weight:700;letter-spacing:.02em}
.gallery-ratio-square figure img{aspect-ratio:1}
.gallery-ratio-portrait figure img{aspect-ratio:3/4}
.gallery-disclaimer{margin:22px 0 0;text-align:center;color:#9eb3c8;font-size:.73rem}
.videos-section{color:#fff;background:#07182f}
.video-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:20px;max-width:var(--content);margin:auto}
.video-card{border:1px solid #254d72;background:linear-gradient(140deg,#ffffff0a,#ffffff03)}
.video-frame{aspect-ratio:16/9;background:#030a12}
.video-frame iframe,.video-frame video{width:100%;height:100%;border:0;object-fit:cover}
.video-card h3{margin:20px 24px 8px;font-size:1.45rem}
.video-card>p{margin:8px 24px 24px;color:#b9cadd}
.module-empty{max-width:760px;margin:auto;padding:42px 28px;text-align:center;border:1px dashed #52708c;border-radius:22px;background:#ffffff09}
.module-empty .icon{width:34px;height:34px;color:#22b9f0}
.module-empty h3{margin:14px 0 7px;font-size:1.2rem}.module-empty p{max-width:580px;margin:auto;color:#a9bdd0}
.section-action{display:flex;justify-content:center;max-width:var(--content);margin:30px auto 0}
.cta-section{position:relative;display:flex;align-items:center;min-height:500px;padding:80px var(--gutter);color:#fff;background:linear-gradient(90deg,#021124f5,#021124a8,#02112444),var(--cta) center/cover}
.cta-section>div{width:100%;max-width:720px}
.cta-section p{color:#d4dfeb}
.contact-section{display:grid;grid-template-columns:minmax(0,1.12fr) minmax(0,.88fr);gap:22px;padding:90px var(--gutter);background:#eef4f8}
.quote-panel,.contact-card{min-width:0;padding:36px;border-radius:24px}
.quote-panel{background:linear-gradient(145deg,#fff,#fafdff);border:1px solid #d8e5ef;box-shadow:var(--shadow)}
.quote-panel>p{color:var(--muted)}
form{display:grid;gap:16px;margin-top:24px}
.two{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:16px}
form label{display:grid;gap:7px;color:#32455c;font-size:.77rem;font-weight:650}
input,select,textarea{width:100%;min-width:0;min-height:50px;padding:13px 15px;color:var(--ink);background:#fbfdff;border:1px solid #ccd9e6;border-radius:11px}
input:focus,select:focus,textarea:focus{outline:2px solid #08a9f43d;border-color:var(--blue)}
textarea{min-height:130px;resize:vertical}
.consent{display:flex!important;align-items:flex-start}
.consent input{flex:0 0 18px;width:18px;min-height:18px;margin:2px 0 0;accent-color:var(--blue-2)}
.honeypot{position:absolute!important;left:-9999px!important}
form output{min-height:1.4rem;color:#0a7a42;font-size:.85rem;font-weight:650}
form output.error{color:#a52222}
form button:disabled{opacity:.6;cursor:wait}
.contact-card{color:#fff;border:1px solid #244967;background:linear-gradient(145deg,#0e2945,#06182f)}
.contact-card>p{color:#c7d5e3}
.contact-card>a{display:flex;align-items:center;gap:15px;margin:14px 0;padding:16px;border:1px solid #69bdf63b;border-radius:15px;background:linear-gradient(120deg,#ffffff0b,#ffffff03)}
.contact-card>a>.icon{width:26px;height:26px;color:#57cbff}
.contact-card b,.contact-card small{display:block;overflow-wrap:anywhere}
.contact-card b{font-size:.91rem}
.contact-card small{margin-top:4px;color:#aec0d2;font-size:.75rem}
.faq-section{display:grid;grid-template-columns:minmax(0,.75fr) minmax(0,1.25fr);gap:64px;padding:70px var(--gutter);background:#fff}
.faq-list{display:grid;gap:12px;align-content:start}
.faq-list details{padding:0 18px;border:1px solid var(--line);border-radius:15px;background:#f9fcff}
.faq-list summary{display:flex;align-items:center;gap:12px;padding:18px 0;font-size:.9rem;font-weight:700;cursor:pointer;list-style:none}
.faq-list summary::-webkit-details-marker{display:none}
.faq-list summary:after{content:"+";margin-left:auto;color:#7892aa;font-size:1.2rem}
.faq-list details[open] summary:after{content:"−"}
.faq-list .icon{color:#0789c7;width:22px;height:22px}
.faq-list p{margin:0 0 20px;color:var(--muted);font-size:.88rem}
.site-footer{display:grid;grid-template-columns:1.2fr repeat(3,minmax(0,1fr));gap:36px;padding:64px var(--gutter) 28px;color:#d8e5f1;background:#04152a}
.site-footer>div{min-width:0}
.site-footer img{width:170px;height:115px;object-fit:contain}
.site-footer h2{margin:20px 0;font-size:1.3rem;color:#fff}
.site-footer p{color:#a4bad0;font-size:.85rem}
.site-footer a{display:block;margin:10px 0;color:#b7c9da;font-size:.81rem;overflow-wrap:anywhere}
.site-footer .copyright{grid-column:1/-1;margin:20px 0 0;padding-top:20px;border-top:1px solid #1d3a58;color:#7890a7;font-size:.72rem}
.copyright a{display:inline;font-size:inherit}
.mobile-call{display:none}
.legal-page{background:#eef4f8}
.legal-wrap{width:min(900px,calc(100% - 40px));margin:32px auto}
.legal-wrap>img{width:180px;margin:20px 0}
.legal-wrap article{padding:32px;border-radius:20px;background:#fff;box-shadow:var(--shadow)}
.reveal{opacity:1}
.js-motion .reveal{opacity:0;transform:translateY(16px);transition:opacity .45s var(--ease),transform .45s var(--ease)}
.js-motion .reveal.in-view{opacity:1;transform:none}
@media(hover:hover) and (prefers-reduced-motion:no-preference){
  .strength-bar article:hover,.service-card:hover,.benefit-grid article:hover,.process-grid article:hover{transform:translateY(-5px);border-color:#47b8ea99}
  .concept-grid figure:hover img,.project-card:hover img,.gallery-strip figure:hover img{transform:scale(1.025)}
}
@media(max-width:1100px){
  .site-header{gap:20px}.site-header nav{gap:18px}.phone-chip{padding:10px 12px;font-size:.8rem}
  .brand{flex-basis:166px;width:166px;height:130px;padding:4px 10px 8px}.brand img{width:146px;height:118px}
  .nav-links{gap:16px}.header-socials{gap:4px}.header-socials .social-link{width:30px;height:34px}
  .phone-chip>span:not(.icon){display:none}.phone-chip{width:46px;height:46px;padding:11px}
  .hero-copy{width:65%}.hero h1{font-size:clamp(3.4rem,6.5vw,5rem)}
  .strength-bar{grid-template-columns:repeat(2,minmax(0,1fr))}
  .strength-bar article{min-height:156px;flex-direction:row;align-items:center;padding:22px}
  .benefit-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
  .service-card{padding:24px}.service-card h3{font-size:1.5rem}
  .about{gap:32px}.about-media img{height:470px}
  .contact-section{grid-template-columns:1fr 1fr}.quote-panel,.contact-card{padding:26px}
  .two{grid-template-columns:1fr}
}
@media(max-width:900px){
  .site-header nav{gap:14px}.site-header nav a{font-size:.78rem}.phone-chip>span:not(.icon){display:none}
  .phone-chip{width:46px;height:46px;padding:11px}
  .service-grid,.concept-grid,.project-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
  .about{grid-template-columns:1fr}.about-media img{height:430px}
  .contact-section{grid-template-columns:1fr}.two{grid-template-columns:repeat(2,minmax(0,1fr))}
  .faq-section{grid-template-columns:1fr;gap:22px}.site-footer{grid-template-columns:repeat(2,minmax(0,1fr))}
}
@media(max-width:760px){
  :root{--gutter:20px}
  html{scroll-padding-top:100px}
  .site-header{height:80px;gap:10px;color:#f1f8ff;background:linear-gradient(120deg,#07182fba,#102f48a1);border-bottom-color:#ffffff26;backdrop-filter:blur(16px) saturate(135%)}
  .brand{flex-basis:120px;width:120px;height:92px;padding:2px 8px 6px;border-radius:0 0 16px 16px;box-shadow:0 5px 12px #1435560d}.brand img{width:104px;height:84px}
  .menu-toggle{display:grid;place-items:center;order:3;color:#f1f8ff;border-color:#ffffff40;background:#ffffff0e}
  .phone-chip{order:2;margin-left:auto}.brand{margin-right:0}
  .site-header nav{position:absolute;top:80px;left:0;right:0;display:flex;flex-direction:column;align-items:stretch;gap:0;padding:14px 20px;background:#fffffffC;color:var(--ink);border-bottom:1px solid #dce6ef;box-shadow:0 14px 24px #14355612;opacity:0;visibility:hidden;transform:translateY(-8px);pointer-events:none;transition:opacity .22s var(--ease),transform .22s var(--ease),visibility .22s}
  .menu-open .site-header nav{opacity:1;visibility:visible;transform:none;pointer-events:auto}
  .site-header nav a{padding:15px 6px;border-bottom:1px solid #e5edf4;font-size:.9rem}
  .site-header nav a.active{color:#0878c9}
  .site-header nav a:after{display:none}
  .hero-slide{min-height:735px;padding:126px 0 184px}
  .hero-content{width:calc(100% - 40px)}.hero-copy{width:100%;max-width:550px}
  .hero h1{font-size:clamp(2.85rem,10.7vw,4.2rem);overflow-wrap:break-word}
  .hero-copy>p{font-size:.98rem;max-width:470px}
  .hero-image{object-position:65% center}
  .hero-shade{background:linear-gradient(90deg,#020e1ee8,#020e1e8c)}
  .eyebrow{font-size:.62rem;letter-spacing:.18em}
  .hero-copy .actions{display:grid;grid-template-columns:1fr;gap:10px;max-width:440px}
  .hero-controls{right:20px;bottom:119px;padding:8px;gap:5px}
  .hero-controls>button{width:42px;height:42px;flex-basis:42px;padding:11px}
  .slide-count{font-size:.6rem;padding:0 4px}
  .hero-dot{width:21px}.hero-controls .slider-pause{width:32px;flex-basis:32px}
  .asset-note{display:none}
  .strength-bar{width:calc(100% - 40px);margin:-82px auto 0;gap:12px}
  .strength-bar article{min-height:175px;flex-direction:column;align-items:flex-start;gap:15px;padding:20px;backdrop-filter:none;background:linear-gradient(140deg,#193d59ee,#081e35f5)}
  .strength-bar article>.icon{width:42px;height:42px;padding:8px;border-radius:13px}
  .strength-bar h2{font-size:1.1rem}.strength-bar p{font-size:.76rem}
  .section{padding:68px var(--gutter)}
  .section-heading{margin-bottom:34px}
  .section-heading h2,.about h2,.benefits-hero h2,.cta-section h2,.contact-section h2,.faq-section h2{font-size:clamp(2.3rem,9.5vw,3.4rem)}
  .section-heading>p{font-size:.92rem}
  .about-media img{height:340px}
  .service-grid,.concept-grid,.project-grid,.process-grid,.video-grid{grid-template-columns:1fr}
  .service-card{min-height:260px;padding:27px}
  .service-card h3{font-size:1.8rem}
  .concept-grid img,.project-card img{height:260px}
  .benefits-section{padding:0 0 64px}
  .benefits-hero{padding:62px 20px 108px}
  .benefit-grid{width:calc(100% - 40px);gap:12px}
  .benefit-grid article{padding:24px 20px}.benefit-grid h3{font-size:1.3rem}.benefit-grid p{font-size:.79rem}
  .testimonial-slide{padding:28px 24px}.testimonial-slide>p{font-size:1.18rem}
  .testimonial-slide footer small{font-size:.72rem}
  .review-top>.icon{width:29px;height:29px}.demo-badge{font-size:.58rem}
  .gallery-strip,.gallery-strip.gallery-columns-4{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}
  .cta-section{min-height:520px;padding:65px 20px;background-position:65% center}
  .contact-section{padding:68px 20px}.quote-panel,.contact-card{padding:24px}
  .two{grid-template-columns:1fr}.button{min-height:52px}
  .faq-section{padding:58px 20px}
  .site-footer{gap:24px;padding:50px 20px 110px}
  .mobile-call{position:fixed;z-index:90;bottom:14px;left:20px;right:20px;display:flex;align-items:center;justify-content:center;gap:10px;min-height:50px;border:1px solid #4bb5ff;color:#fff;background:linear-gradient(110deg,#0878ed,#079ed8);border-radius:14px;font-size:.9rem;font-weight:750;box-shadow:0 9px 24px #0522464d}
}
@media(max-width:430px){
  .strength-bar{grid-template-columns:1fr}.strength-bar article{min-height:132px;flex-direction:row;align-items:center;padding:22px}
  .strength-bar h2{font-size:1.22rem}.strength-bar p{font-size:.8rem}
  .benefit-grid{grid-template-columns:1fr}.site-footer{grid-template-columns:1fr}
}
@media(prefers-reduced-motion:reduce){
  html{scroll-behavior:auto}
  *,*:before,*:after{animation:none!important;transition:none!important}
  .js-motion .reveal{opacity:1;transform:none}
}

/* Social profiles share the same locally bundled glyphs in every navigation surface. */
.brand-icon svg{fill:currentColor;stroke:none}
.social-links{display:flex;align-items:center;gap:7px}
.social-links .social-link{display:grid;place-items:center;width:36px;height:38px;margin:0;padding:9px;border:1px solid #ffffff2e;border-radius:11px;color:inherit;background:#ffffff08;transition:background-color .2s,transform .2s var(--ease)}
.social-links .social-link:hover{background:#168bd42b;transform:translateY(-2px)}
.social-links .social-link .icon{width:18px;height:18px}
.social-links .social-link:after{display:none}
.site-header .nav-links a{white-space:nowrap}
.burger-lines{display:grid;gap:5px;width:20px}
.burger-lines i{display:block;width:20px;height:1.7px;border-radius:3px;background:currentColor;transition:transform .24s var(--ease),opacity .18s}
.menu-toggle[aria-expanded="true"] .burger-lines i:nth-child(1){transform:translateY(6.7px) rotate(45deg)}
.menu-toggle[aria-expanded="true"] .burger-lines i:nth-child(2){opacity:0}
.menu-toggle[aria-expanded="true"] .burger-lines i:nth-child(3){transform:translateY(-6.7px) rotate(-45deg)}

/* Every rendered section receives its tone from the same server-side sequence. */
.theme-light{--surface:#f4f8fc;--tone-ink:#102239;--tone-muted:#536c82;--tone-line:#ccdeed;--tone-card:linear-gradient(135deg,#fffffff2,#edf5fcb3);color:var(--tone-ink)}
.theme-dark{--surface:#081d34;--tone-ink:#edf6ff;--tone-muted:#b8cbde;--tone-line:#a1caeb2b;--tone-card:linear-gradient(135deg,#ffffff0e,#ffffff03);color:var(--tone-ink)}
main>section.theme-light:not(.cta-section){background:radial-gradient(ellipse at 10% 0,#e7f2fc,transparent 70%),var(--surface)}
main>section.theme-dark:not(.hero):not(.cta-section){background:radial-gradient(ellipse at 90% 10%,#15456a55,transparent 65%),var(--surface)}
.theme-light .eyebrow,.theme-light .eyebrow.dark{color:#385c77}
.theme-dark .eyebrow,.theme-dark .eyebrow.dark{color:#a8d9f8}
.theme-light .section-heading>p,.theme-light .section-heading.light>p,.theme-dark .section-heading>p,.theme-dark .section-heading.light>p{color:var(--tone-muted)}
.theme-dark .rich-copy,.theme-dark .about-points span,.theme-dark .benefit-grid p,.theme-dark .process-grid p,.theme-dark .testimonial-slide footer small,.theme-dark .video-card>p,.theme-dark .faq-list p{color:var(--tone-muted)}
.theme-light .service-card,.theme-light .concept-grid figure,.theme-light .project-card,.theme-light .video-card,.theme-light .testimonial-slide,.theme-light .benefit-grid article,.theme-light .process-grid article{color:var(--tone-ink);border-color:var(--tone-line);background:var(--tone-card);box-shadow:0 12px 30px #173d5810}
.theme-dark .benefit-grid article,.theme-dark .process-grid article,.theme-dark .testimonial-slide,.theme-dark .about-points article{color:var(--tone-ink);border-color:var(--tone-line);background:var(--tone-card);box-shadow:inset 0 1px #ffffff16}
.theme-light .service-card p,.theme-light .concept-grid span,.theme-light .project-card p,.theme-light .video-card>p{color:var(--tone-muted)}
.theme-light .service-card a,.theme-light .project-card small{color:#0878ad}
.theme-dark .demo-badge{color:#bad2e6;border-color:#7ba4c54d;background:#ffffff05}
.theme-dark .testimonial-controls>button{color:#d7edff;border-color:#6b99be66;background:#ffffff08}
.theme-dark .testimonial-controls>button:hover{background:#1677ff44}
.theme-dark .process-grid .step-no{color:#476d8c}
.benefits-section.theme-dark,.benefits-section.theme-light{padding:90px var(--gutter)}
.benefits-section .benefits-hero{margin:0 0 40px;padding:0;background:transparent;color:inherit}
.benefits-section .benefits-hero p{color:var(--tone-muted)}
.benefits-section .benefit-grid{width:100%;max-width:var(--content);margin:0 auto}
.cta-section.theme-light{color:var(--tone-ink);background:linear-gradient(90deg,#f8fbfff2,#eaf4ffb8),var(--cta) center/cover}
.cta-section.theme-light p{color:var(--tone-muted)}
.theme-light .button-ghost{color:#153a57;border-color:#799bb5;background:#ffffffb0}
.theme-dark .quote-panel{color:var(--tone-ink);border-color:var(--tone-line);background:var(--tone-card)}
.theme-dark .quote-panel>p,.theme-dark form label{color:var(--tone-muted)}
.theme-dark input,.theme-dark select,.theme-dark textarea{color:#e9f4ff;background:#07192a;border-color:#3d5b76}
.theme-dark .faq-list details{border-color:var(--tone-line);background:#ffffff04}
.theme-dark .faq-list summary{color:var(--tone-ink)}
.theme-light .gallery-strip figure{border-color:#bcd4e6;background:#e9f2fa}
.theme-light .gallery-filters button{color:#395a73;border-color:#9ebbd1;background:#f8fbfe}
.theme-light .gallery-filters button:hover{color:#063653;border-color:#078dcc;background:#dceef9}
.theme-light .gallery-filters button.is-active{color:#fff;border-color:#087fba;background:#087fba;box-shadow:0 7px 18px #087fba2e}
.theme-light .gallery-strip figcaption{color:#183850;background:#edf6fc}
.theme-dark .gallery-strip figure{border-color:var(--tone-line)}

/* A stronger footer with a white brand plaque and icon-led contact links. */
.site-footer{position:relative;grid-template-columns:1.05fr .65fr 1.05fr 1.15fr;gap:42px;padding-top:72px}
.site-footer.theme-light{background:#eef5fb;border-top:1px solid #d4e3ef}
.site-footer.theme-dark{background:#05182c;border-top:1px solid #42658544}
.site-footer h2{margin:8px 0 24px;color:var(--tone-ink);font-size:1.45rem}
.site-footer p,.site-footer a{color:var(--tone-muted)}
.site-footer a:hover{color:#078dd1}
.site-footer .footer-logo-frame{display:grid;place-items:center;width:208px;max-width:100%;height:162px;margin:0 0 22px;padding:6px 14px;border:1px solid #d2e0ea;border-radius:20px;background:#fff;box-shadow:0 14px 25px #05182f0b}
.site-footer .footer-logo-frame img{width:180px;height:150px;object-fit:contain}
.footer-brand>p{max-width:250px;margin-bottom:22px}
.site-footer .social-links .social-link{width:40px;height:40px;color:var(--tone-ink);border-color:var(--tone-line);background:var(--tone-card)}
.footer-contact>a,.footer-contact>p,.footer-services>a{display:flex;align-items:center;gap:11px}
.footer-contact>a{min-height:42px;margin:3px 0}
.footer-contact .icon{width:21px;height:21px;color:#079bdc}
.footer-contact span{min-width:0;overflow-wrap:anywhere}
.footer-services>a{gap:7px;line-height:1.5;margin:0 0 14px}
.footer-services .icon{width:15px;height:15px;color:#1686bd}
.footer-navigation>a{margin:0 0 15px}
.footer-bottom{grid-column:1/-1;display:flex;align-items:center;justify-content:space-between;gap:24px;margin-top:18px;padding-top:25px;border-top:1px solid var(--tone-line)}
.site-footer .copyright{margin:0;padding:0;border:0;color:var(--tone-muted);font-size:.72rem;line-height:1.9}
.site-footer .back-to-top{display:inline-flex;align-items:center;gap:10px;flex-shrink:0;font-size:.77rem;font-weight:650}
.back-to-top .icon{width:18px;height:18px}
@media(max-width:1100px){
  .nav-links{gap:16px}.social-links.header-socials{gap:4px}.header-socials .social-link{width:30px;height:34px;padding:7px}
  .site-footer{gap:28px;grid-template-columns:1fr .7fr 1fr 1.1fr}
}
@media(max-width:900px){
  .nav-links{gap:12px}.site-header{gap:16px}
  .site-footer{grid-template-columns:repeat(2,minmax(0,1fr));gap:38px}
}
@media(max-width:760px){
  .site-header{display:grid;grid-template-columns:minmax(0,1fr) 136px minmax(0,1fr);grid-template-rows:minmax(0,1fr);gap:12px}
  .site-header .brand{grid-column:2;grid-row:1;justify-self:center;width:136px;height:106px;flex-basis:auto;margin:0;padding:2px 8px 6px;border-radius:0 0 18px 18px}
  .site-header .brand img{width:120px;height:98px}
  .site-header .phone-chip{grid-column:1;grid-row:1;justify-self:start;order:0;margin:0;width:44px;height:44px;min-height:44px;padding:10px;color:#fff}
  .site-header .menu-toggle{grid-column:3;grid-row:1;justify-self:end;order:0;margin:0;align-self:center}
  .site-header .header-socials{display:none}
  body.menu-open{overflow:hidden;overscroll-behavior:none}
  .menu-backdrop{position:fixed;z-index:98;inset:0;display:block;border:0;border-radius:0;background:#03162d66;opacity:0;visibility:hidden;pointer-events:none;transition:opacity .25s var(--ease),visibility .25s}
  .menu-open .menu-backdrop{opacity:1;visibility:visible;pointer-events:auto}
  .site-header nav{position:absolute;z-index:2;top:80px;right:0;left:auto;display:flex;flex-direction:column;align-items:stretch;justify-content:flex-start;gap:0;width:min(360px,calc(100% - 32px));height:calc(100dvh - 80px);max-height:calc(100dvh - 80px);overflow-y:auto;overscroll-behavior:contain;padding:30px 26px 38px;background:#fbfdff;color:var(--ink);border-left:1px solid #d4e4f0;border-bottom:0;border-radius:0 0 0 24px;box-shadow:-18px 14px 40px #06182f1c;transform:translateX(104%);opacity:1;visibility:hidden;pointer-events:none;transition:transform .28s var(--ease),visibility .28s}
  .menu-open .site-header nav{transform:none;opacity:1;visibility:visible;pointer-events:auto}
  .nav-panel-heading{display:grid;gap:10px;margin:0 0 26px}
  .nav-panel-heading>span{color:#0a87c3;font-size:.59rem;font-weight:750;letter-spacing:.18em}
  .nav-panel-heading>b{font-family:var(--display-font);font-size:2.1rem;line-height:1.06;letter-spacing:-.02em}
  .site-header .nav-links{display:grid;gap:0;counter-reset:menu-item}
  .site-header .nav-links a{display:flex;align-items:center;gap:15px;padding:17px 0;border-bottom:1px solid #dbe7f0;font-size:1rem;font-weight:650;counter-increment:menu-item}
  .site-header .nav-links a:before{content:counter(menu-item,decimal-leading-zero);color:#9bb0c2;font-size:.61rem;font-weight:550;letter-spacing:.08em}
  .site-header .nav-links a.active{color:#087bb6}
  .site-header .nav-links a.active:before{color:#087bb6}
  .mobile-nav-footer{display:grid;gap:22px;margin-top:auto;padding-top:30px}
  .mobile-nav-footer .button{width:100%;font-size:.87rem;min-height:50px}
  .mobile-menu-socials{gap:10px}
  .social-links.mobile-menu-socials .social-link{width:42px;height:42px;border-color:#cbdde9;color:#1d4561;background:#edf5fb}
  .benefits-section.theme-dark,.benefits-section.theme-light{padding:68px var(--gutter)}
  .site-footer{gap:36px 24px;padding-top:54px;grid-template-columns:repeat(2,minmax(0,1fr))}
  .site-footer .footer-brand,.site-footer .footer-contact{grid-column:1/-1}
  .site-footer .footer-logo-frame{width:194px;height:150px}
  .site-footer .footer-logo-frame img{width:166px;height:138px}
  .footer-brand>p{max-width:320px}
  .site-footer h2{font-size:1.35rem}
  .footer-contact>a{font-size:.86rem}
  .footer-bottom{align-items:flex-start;flex-direction:column;gap:17px}
}
@media(max-width:360px){
  .site-header{grid-template-columns:minmax(0,1fr) 128px minmax(0,1fr);gap:8px}
  .site-header .brand{width:128px}
  .site-header nav{padding:26px 22px}
}