:root{--black:#000;--white:#fff;--ink:#0a0a0a;--ink-soft:#2a2a2a;--muted:#6b6b6b;--line:#e5e5e5;--line-strong:#111;--bg-soft:#f6f6f6;--accent:#11487f;--accent-hover:#0d3a68;--accent-strong:#082a4d;--accent-tint:#eaf0f7;--accent-contrast:#fff;--navy-900:#06182e;--navy-800:#0a2440;--navy-700:#0f3157;--navy-line:#ffffff1a;--sky:#4da3e0;--on-navy:#e7eef7;--on-navy-soft:#a9bdd4;--container:1180px;--radius:0;--fs-eyebrow:.78rem;--fs-body:1.0625rem;--fs-lead:1.25rem;--fs-h3-sm:1.15rem;--fs-h3:1.3rem;--fs-h3-lg:1.5rem;--space-1:.5rem;--space-2:1rem;--space-3:1.5rem;--space-4:2.5rem;--space-5:4rem;--space-6:6rem;--shadow-rest:0 1px 2px #082a4d0f;--shadow-lift:0 18px 40px -28px #082a4d73;--shadow-lift-sky:0 18px 40px -28px #4da3e080;--easing:cubic-bezier(.2, .8, .2, 1);--water-ease:cubic-bezier(.22, .61, .36, 1)}*{box-sizing:border-box}html{scroll-behavior:smooth;-webkit-text-size-adjust:100%}body{font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif;font-size:var(--fs-body);color:var(--ink);background:var(--white);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;margin:0;line-height:1.6}img{max-width:100%;display:block}a{color:inherit;transition:color .2s var(--easing), opacity .2s var(--easing);text-decoration:none}.prose a,.section-lead a,.faq-item p a,.contact-info a{color:var(--accent)}.prose a:hover,.section-lead a:hover,.faq-item p a:hover,.contact-info a:hover{color:var(--accent-hover)}section[id],#main{scroll-margin-top:84px}:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.section-dark :focus-visible,.site-footer :focus-visible{outline-color:var(--sky)}.skip-link{background:var(--accent);color:var(--accent-contrast);z-index:1000;padding:.75rem 1rem;position:absolute;top:0;left:-9999px}.skip-link:focus{top:1rem;left:1rem}.container{width:100%;max-width:var(--container);margin-inline:auto;padding-inline:1.5rem}.site-header{z-index:50;border-bottom:1px solid var(--line);-webkit-backdrop-filter:saturate(180%)blur(8px);background:#ffffffd9;position:sticky;top:0}.header-inner{justify-content:space-between;align-items:center;height:72px;display:flex}.logo{letter-spacing:-.01em;align-items:center;gap:.6rem;font-size:1.05rem;font-weight:800;display:inline-flex}.logo-mark{background:var(--accent);width:28px;height:28px;color:var(--accent-contrast);place-items:center;font-size:.9rem;font-weight:800;display:inline-grid}.site-nav{align-items:center;gap:1.5rem;display:flex}.site-nav .nav-list{align-items:center;gap:1.5rem;margin:0;padding:0;list-style:none;display:flex}.site-nav a{font-size:.95rem;font-weight:500}.nav-controls{align-items:center;gap:.75rem;display:flex}.lang-switch{border:1px solid var(--line);align-items:stretch;font-size:0;display:inline-flex;overflow:hidden}.lang-switch .lang-link{letter-spacing:.04em;min-width:2.4rem;color:var(--muted);background:var(--white);transition:background .2s var(--easing), color .2s var(--easing);justify-content:center;align-items:center;padding:.35rem .6rem;font-size:.8rem;font-weight:700;display:inline-flex}.lang-switch .lang-link+.lang-link{border-left:1px solid var(--line)}.lang-switch .lang-link:hover{opacity:1;color:var(--accent);background:var(--accent-tint)}.lang-switch .lang-link.is-active{color:var(--accent-contrast);background:var(--accent);cursor:default}.lang-switch .lang-link.is-active:hover{color:var(--accent-contrast);background:var(--accent)}.nav-cta{background:var(--accent);color:var(--accent-contrast);transition:background .2s var(--easing);padding:.55rem 1.1rem;font-weight:600;display:inline-block}.nav-cta:hover{opacity:1;background:var(--accent-hover)}.nav-toggle{border:1px solid var(--line);cursor:pointer;background:0 0;flex-direction:column;justify-content:center;gap:5px;width:40px;height:40px;padding:0 10px;display:none}.nav-toggle span{background:var(--black);height:2px;transition:transform .25s var(--easing), opacity .2s var(--easing);display:block}.eyebrow{text-transform:uppercase;letter-spacing:.16em;font-size:var(--fs-eyebrow);color:var(--accent);align-items:center;gap:.6rem;margin:0 0 1rem;font-weight:700;display:inline-flex}.eyebrow:before{content:"";background:var(--accent);width:1.75rem;height:2px}h1,h2,h3{letter-spacing:-.02em;color:var(--black);margin:0 0 1rem;font-weight:700;line-height:1.1}h1{letter-spacing:-.015em;font-size:clamp(2.25rem,5.5vw,4.5rem);font-weight:700}h2{font-size:clamp(1.75rem,3.5vw,2.75rem)}h3{font-size:var(--fs-h3-sm);line-height:1.3}p{margin:0 0 1rem}.muted{color:var(--muted)}.hero{border-bottom:1px solid var(--line);background:radial-gradient(120% 90% at 100% 0%, var(--accent-tint) 0%, #eaf0f700 55%), linear-gradient(180deg, #fbfcfe 0%, var(--white) 100%);padding:clamp(4rem,10vw,9rem) 0 clamp(3rem,7vw,6rem);position:relative;overflow:hidden}.hero:before{content:"";background-image:linear-gradient(var(--accent-tint) 1px, transparent 1px), linear-gradient(90deg, var(--accent-tint) 1px, transparent 1px);opacity:.6;pointer-events:none;background-size:56px 56px;position:absolute;inset:0;mask-image:radial-gradient(80% 70% at 85% 0,#000 0%,#0000 70%)}.hero-inner{max-width:920px;position:relative}.hero-lead{font-size:var(--fs-lead);color:var(--ink-soft);max-width:640px;margin-bottom:2rem}.hero-actions{flex-wrap:wrap;gap:.75rem;margin-bottom:3rem;display:flex}.hero-meta{border-top:1px solid var(--line);padding:0;color:var(--muted);flex-wrap:wrap;gap:2.5rem;margin:0;padding-top:1.5rem;font-size:.95rem;list-style:none;display:flex}.hero-meta strong{color:var(--black);font-weight:600}.hero-banner{background:var(--navy-900);width:100%;margin:0;position:relative;overflow:hidden}.hero-banner img{object-fit:cover;object-position:center;filter:grayscale()contrast(1.05)brightness(.92);width:100%;height:clamp(260px,38vw,540px);display:block}.hero-banner:after{content:"";mix-blend-mode:multiply;pointer-events:none;background:linear-gradient(#06182e59 0%,#06182e00 30%,#06182e8c 100%),linear-gradient(120deg,#11487f8c 0%,#06182e40 100%);position:absolute;inset:0}.btn{cursor:pointer;transition:background .2s var(--easing), border-color .2s var(--easing), color .2s var(--easing);border:1px solid #0000;justify-content:center;align-items:center;padding:.95rem 1.6rem;font-size:.95rem;font-weight:600;display:inline-flex}.btn-primary{background:var(--accent);border-color:var(--accent);color:var(--accent-contrast)}.btn-primary:hover{background:var(--accent-hover);border-color:var(--accent-hover)}.btn-ghost{border-color:var(--accent);color:var(--accent);background:0 0}.btn-ghost:hover{background:var(--accent);border-color:var(--accent);color:var(--accent-contrast)}.btn-full{width:100%}.section{border-bottom:1px solid var(--line);padding:clamp(4rem,8vw,7rem) 0}.section-dark{background:radial-gradient(100% 120% at 0% 0%, var(--navy-700) 0%, #0f315700 55%), linear-gradient(165deg, var(--navy-800) 0%, var(--navy-900) 100%);color:var(--on-navy);border-bottom:none;position:relative;overflow:clip}.section-dark:before{content:"";pointer-events:none;background-image:linear-gradient(#ffffff0a 1px,#0000 1px),linear-gradient(90deg,#ffffff0a 1px,#0000 1px);background-size:56px 56px;position:absolute;inset:0;mask-image:radial-gradient(90% 80% at 100% 0,#000 0%,#0000 75%)}.section-dark>.container{position:relative}.section-dark h2,.section-dark h3{color:var(--white)}.section-dark .eyebrow{color:var(--sky)}.section-dark .eyebrow:before{background:var(--sky)}.section-tint{background:radial-gradient(90% 90% at 0% 0%, var(--accent-tint) 0%, #eaf0f700 55%), var(--white);border-bottom:none}.section-head{max-width:720px;margin-bottom:clamp(2.5rem,5vw,4rem)}.section-lead{font-size:var(--fs-lead);color:var(--ink-soft);max-width:56ch}.section-dark .section-lead{color:var(--on-navy-soft)}.grid-2{grid-template-columns:1fr 1fr;align-items:start;gap:clamp(2rem,5vw,5rem);display:grid}.grid-2.reverse>:first-child{order:2}.prose p{color:var(--ink-soft);max-width:56ch}.cards{grid-template-columns:repeat(3,1fr);gap:1rem;display:grid}.card,.app-card,.material-card{transition:transform .6s var(--water-ease), border-color .6s var(--water-ease), background .6s var(--water-ease), box-shadow .6s var(--water-ease), opacity .7s var(--water-ease);position:relative;overflow:clip}@supports (animation-timeline:view()){@media (prefers-reduced-motion:no-preference){@keyframes card-rise{0%{opacity:0;transform:translateY(16px)}to{opacity:1;transform:translateY(0)}}.card,.app-card,.material-card,.feature{animation:card-rise both var(--water-ease);animation-timeline:view();animation-range:entry 5% cover 40%}}}.card:before,.app-card:before,.material-card:after{content:"";background:linear-gradient(90deg, var(--accent), var(--sky));transform-origin:0;width:100%;height:2px;transition:transform .9s var(--water-ease);z-index:2;position:absolute;top:0;left:0;transform:scaleX(0)}.card:hover:before,.app-card:hover:before,.material-card:hover:after{transform:scaleX(1)}@media (hover:none){@supports (animation-timeline:view()){@keyframes tick-fill{0%{transform:scaleX(0)}to{transform:scaleX(1)}}.card:before,.app-card:before,.material-card:after{animation:tick-fill both var(--water-ease);animation-timeline:view();animation-range:cover 30% cover 55%}@keyframes feature-tick-fill{0%{width:2.5rem}to{width:100%}}.feature:before{animation:feature-tick-fill both var(--water-ease);animation-timeline:view();animation-range:cover 30% cover 55%}}}@media (hover:hover){.card:hover,.app-card:hover,.material-card:hover{transform:translateY(-6px)}}.card>*,.app-card>*,.material-card>*{z-index:1;position:relative}.card{border:1px solid var(--navy-line);background:linear-gradient(#ffffff0d 0%,#ffffff05 100%);padding:2.25rem 2rem 2rem}.card:hover{box-shadow:var(--shadow-lift-sky);background:linear-gradient(#4da3e01a 0%,#ffffff05 100%);border-color:#4da3e073}.card-num{color:var(--sky);letter-spacing:.1em;margin-bottom:1.25rem;font-size:.8rem;font-weight:700;display:block}.card h3{font-size:var(--fs-h3);color:var(--white);margin-bottom:.6rem}.card p{color:var(--on-navy-soft);margin:0;font-size:.96rem}.check-list{margin:0 0 2rem;padding:0;list-style:none}.check-list li{color:var(--ink-soft);margin-bottom:.6rem;padding-left:1.75rem;position:relative}.check-list li:before{content:"";background:var(--accent);width:14px;height:1px;position:absolute;top:.65em;left:0}.compare-grid{grid-template-columns:1fr 1fr;gap:1.5rem;margin-bottom:clamp(2.5rem,5vw,3.5rem);display:grid}.material-card{background:var(--white);border:1px solid var(--line);box-shadow:var(--shadow-rest);padding:clamp(1.75rem,3vw,2.5rem)}.material-card:hover{box-shadow:var(--shadow-lift);border-color:#11487f59}.material-card h3{font-size:var(--fs-h3-lg);margin:.75rem 0 .6rem}.material-card>p{color:var(--ink-soft);margin:0 0 1.5rem}.material-tag{letter-spacing:.12em;color:var(--accent-contrast);background:var(--accent);padding:.3rem .65rem;font-size:.8rem;font-weight:700;display:inline-block}.material-tag-alt{background:var(--sky);color:var(--navy-900)}.spec-list{border-top:1px solid var(--line);margin:0;padding:0;list-style:none}.spec-list li{border-bottom:1px solid var(--line);color:var(--ink-soft);gap:.75rem;padding:.6rem 0;font-size:.95rem;display:flex}.spec-list li span{color:var(--accent-strong);flex:0 0 5.5rem;font-weight:600}.material-advantages h3{margin-bottom:1.5rem}.check-list-cols{columns:2;column-gap:2.5rem;margin-bottom:0}.check-list-cols li{break-inside:avoid}.app-grid{grid-template-columns:repeat(3,1fr);gap:1.5rem;display:grid}.app-card{background:var(--white);border:1px solid var(--line);box-shadow:var(--shadow-rest);padding:2rem 1.75rem}.app-card:hover{box-shadow:var(--shadow-lift);border-color:#11487f59}.app-card h3{font-size:var(--fs-h3-sm);margin:0 0 .5rem}.app-card p{color:var(--ink-soft);margin:0;font-size:.96rem}.faq-list{border-top:1px solid var(--line)}.faq-item{border-bottom:1px solid var(--line)}.faq-item summary{cursor:pointer;color:var(--ink);transition:color .2s var(--easing);padding:1.1rem 2.25rem 1.1rem 0;font-weight:600;list-style:none;position:relative}.faq-item summary::-webkit-details-marker{display:none}@media (hover:hover){.faq-item summary:hover{color:var(--accent)}}.faq-item summary:focus{outline:none}.faq-item summary:focus-visible{outline:2px solid var(--accent);outline-offset:3px}.faq-item summary:after{content:"";border-right:2px solid var(--accent);border-bottom:2px solid var(--accent);width:9px;height:9px;transition:transform .45s var(--water-ease);margin-top:-6px;position:absolute;top:50%;right:.4rem;transform:rotate(45deg)}.faq-item[open] summary:after{margin-top:-3px;transform:rotate(225deg)}.faq-item p{color:var(--ink-soft);max-width:56ch;margin:0 0 1.25rem}.faq-item[open] p{animation:faq-rise .5s var(--water-ease)}@keyframes faq-rise{0%{opacity:0;transform:translateY(-6px)}to{opacity:1;transform:translateY(0)}}.callout{background:radial-gradient(120% 100% at 100% 0%, var(--navy-700) 0%, #0f315700 60%), linear-gradient(160deg, var(--navy-800) 0%, var(--navy-900) 100%);color:var(--on-navy);border:1px solid var(--navy-line);flex-direction:column;justify-content:center;align-self:stretch;padding:clamp(2rem,4vw,3rem);display:flex;position:relative;overflow:hidden}.callout-label{text-transform:uppercase;letter-spacing:.16em;color:var(--navy-900);background:var(--sky);align-self:flex-start;margin-bottom:2rem;padding:.35rem .7rem;font-size:.75rem;font-weight:700;display:inline-block}.callout-quote{letter-spacing:-.01em;color:var(--white);margin:0;font-size:clamp(1.4rem,2.5vw,1.8rem);font-weight:600;line-height:1.3;position:relative}.features{grid-template-columns:repeat(4,1fr);gap:2rem;display:grid}.feature{border-top:1px solid var(--navy-line);padding-top:1.5rem;position:relative}.feature:before{content:"";background:var(--sky);width:2.5rem;height:2px;transition:width .9s var(--water-ease);position:absolute;top:-1px;left:0}.feature:hover:before{width:100%}.feature h3{font-size:var(--fs-h3-sm);color:var(--white);margin-bottom:.5rem}.feature p{color:var(--on-navy-soft);margin:0;font-size:.96rem}.contact-info{margin-top:2rem;font-style:normal}.contact-info a{border-bottom:1px solid var(--accent)}.contact-info p{margin-bottom:1.25rem}.contact-form{background:var(--white);border:1px solid var(--line);box-shadow:var(--shadow-lift);grid-template-columns:1fr 1fr;gap:1.25rem;padding:clamp(1.75rem,3vw,2.5rem);display:grid;position:relative}.contact-form:before{content:"";background:linear-gradient(90deg, var(--accent), var(--sky));height:2px;position:absolute;top:0;left:0;right:0}.field{flex-direction:column;display:flex}.field-full{grid-column:1/-1}.field label{color:var(--black);margin-bottom:.4rem;font-size:.85rem;font-weight:600}.field input,.field textarea{font:inherit;color:var(--black);background:var(--white);border:1px solid var(--line-strong);transition:border-color .2s var(--easing), box-shadow .2s var(--easing);outline:none;width:100%;padding:.75rem .9rem}.field input:focus,.field textarea:focus{border-color:var(--accent);box-shadow:0 0 0 3px var(--accent-tint)}.field textarea{resize:vertical;min-height:120px}.contact-form .btn{grid-column:1/-1}.form-note{color:var(--muted);text-align:center;grid-column:1/-1;margin:0;font-size:.85rem}.site-footer{background:linear-gradient(180deg, var(--navy-900) 0%, #04101f 100%);color:var(--on-navy);padding:1.5rem 0;position:relative}.site-footer:before{content:"";background:linear-gradient(90deg, var(--accent) 0%, var(--sky) 100%);height:3px;position:absolute;top:0;left:0;right:0}.footer-bar{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:1.5rem;font-size:.85rem;display:flex}.site-footer .logo-text{color:var(--white)}.site-footer .muted{color:var(--on-navy-soft)}.logo-footer{margin:0}.footer-tagline{letter-spacing:.04em;margin:0}.copyright{margin:0}.ripple-canvas{pointer-events:none;z-index:0;width:100%;height:100%;display:block;position:absolute;inset:0}.section-dark:after{content:"";z-index:1;pointer-events:none;background:linear-gradient(165deg,#06182e47 0%,#06182e61 100%);position:absolute;inset:0}@media (hover:hover) and (pointer:fine){.section-dark:after{backdrop-filter:blur(7px);background:linear-gradient(165deg,#06182e2e 0%,#06182e47 100%)}}.section-dark>.container{z-index:2}@media (width<=960px){.cards,.features,.app-grid{grid-template-columns:repeat(2,1fr)}.site-nav .nav-list{gap:1.1rem;font-size:.9rem}}@media (width<=760px){.nav-toggle{display:flex}.site-header{background:#ffffffeb}.site-nav .nav-list{background:var(--white);border-bottom:0 solid var(--line);max-height:0;transition:max-height .3s var(--easing), padding .3s var(--easing), border-bottom-width .3s var(--easing);flex-direction:column;align-items:flex-start;gap:0;padding:0 1.5rem;position:absolute;top:72px;left:0;right:0;overflow:hidden;box-shadow:0 16px 24px -18px #06182e73}@supports (backdrop-filter:blur(1px)){.site-nav .nav-list{backdrop-filter:saturate(180%)blur(14px);background:#ffffffd1}}.site-nav.open .nav-list{border-bottom-width:1px;max-height:500px;padding:1rem 1.5rem 1.5rem}.site-nav .nav-list li{border-bottom:1px solid var(--line);width:100%}.site-nav .nav-list a{padding:1rem 0;font-size:1.05rem;display:block}.nav-cta{text-align:center;width:100%;margin-top:.75rem;padding:.85rem 1.1rem}.grid-2,.grid-2.reverse{grid-template-columns:1fr}.grid-2.reverse>:first-child{order:0}.cards{grid-template-columns:1fr}.features{grid-template-columns:1fr;gap:1.5rem}.compare-grid,.app-grid{grid-template-columns:1fr}.check-list-cols{columns:1}.contact-form{grid-template-columns:1fr}.hero-meta{flex-direction:column;gap:1.25rem}.footer-bar{text-align:center;justify-content:center;gap:.75rem}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}.reveal{opacity:1!important;transform:none!important}}