*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;color:#102235;background:#fff;line-height:1.65}a{color:inherit;text-decoration:none}img,svg{max-width:100%}.wrap{width:min(1160px,calc(100% - 40px));margin:auto}.site-header{position:sticky;top:0;z-index:50;background:rgba(255,255,255,.96);backdrop-filter:blur(12px);border-bottom:1px solid #e6edf4}.nav{min-height:76px;display:flex;align-items:center;justify-content:space-between;gap:24px}.brand{display:flex;align-items:center;gap:10px;font-weight:900;letter-spacing:-.03em;font-size:21px}.brand img{width:34px;height:34px}.navlinks{display:flex;align-items:center;gap:24px;font-size:14px;font-weight:750}.navlinks a:hover{color:#075ca3}.nav-cta,.btn{display:inline-flex;align-items:center;justify-content:center;min-height:46px;padding:0 18px;border-radius:10px;font-weight:800;border:1px solid #0b65ad;background:#0b65ad;color:#fff}.btn.secondary{background:#fff;color:#0b65ad}.hero{position:relative;overflow:hidden;padding:92px 0 76px;background:linear-gradient(135deg,#f7fbff 0%,#fff 55%,#effbf7 100%);border-bottom:1px solid #e7edf3}.hero:before{content:"";position:absolute;width:430px;height:430px;border:1px solid #dceaf5;border-radius:50%;right:-160px;top:-170px}.eyebrow{display:inline-flex;align-items:center;gap:8px;color:#075ca3;font-weight:850;text-transform:uppercase;letter-spacing:.12em;font-size:12px}.eyebrow:before{content:"";width:8px;height:8px;border-radius:50%;background:#69d0b4}.hero h1{font-size:clamp(42px,6vw,76px);line-height:1.02;letter-spacing:-.055em;max-width:900px;margin:18px 0 22px}.hero p{font-size:20px;max-width:780px;color:#54677a;margin:0 0 30px}.actions{display:flex;gap:12px;flex-wrap:wrap}.price-note{margin-top:18px;font-size:14px;font-weight:750;color:#52677a}.section{padding:78px 0}.section.alt{background:#f7fafc}.section-head{max-width:800px;margin-bottom:34px}.section-head h2{font-size:clamp(32px,4vw,52px);line-height:1.08;letter-spacing:-.04em;margin:8px 0 14px}.section-head p{color:#607286;font-size:18px;margin:0}.grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.grid.two{grid-template-columns:repeat(2,1fr)}.card{border:1px solid #dfe8ef;border-radius:18px;padding:26px;background:#fff;box-shadow:0 8px 28px rgba(8,39,69,.04)}.card h3{font-size:21px;margin:4px 0 9px;letter-spacing:-.02em}.card p{margin:0;color:#65788c}.card .mini{font-size:12px;font-weight:850;text-transform:uppercase;letter-spacing:.1em;color:#0b65ad}.card:hover{border-color:#9ec5df;transform:translateY(-2px);transition:.2s}.flow{display:grid;grid-template-columns:repeat(5,1fr);gap:12px;align-items:center}.flow .step{position:relative;border:1px solid #d7e4ed;border-radius:14px;background:#fff;padding:20px;text-align:center;font-weight:800}.flow .step:not(:last-child):after{content:"→";position:absolute;right:-18px;top:50%;transform:translateY(-50%);color:#6f8797;font-size:18px;z-index:2}.band{background:#0e2234;color:#fff;border-radius:24px;padding:44px}.band p{color:#c4d3df;max-width:760px}.band .btn{background:#69d0b4;border-color:#69d0b4;color:#0e2234}.list{display:grid;gap:12px;margin:18px 0 0;padding:0;list-style:none}.list li{position:relative;padding-left:26px;color:#53687a}.list li:before{content:"✓";position:absolute;left:0;color:#0b65ad;font-weight:900}.breadcrumb{font-size:13px;color:#718394;margin-bottom:24px}.breadcrumb a{color:#0b65ad}.content{max-width:850px}.content h2{font-size:32px;letter-spacing:-.03em;margin-top:42px}.content h3{font-size:22px;margin-top:30px}.content p,.content li{color:#52677a}.faq{border-top:1px solid #dfe8ef}.faq details{border-bottom:1px solid #dfe8ef;padding:20px 0}.faq summary{cursor:pointer;font-weight:850;font-size:18px}.faq details p{margin:10px 0 0;color:#607286}.form-shell{border:1px solid #dbe6ee;border-radius:20px;padding:26px;background:#fff;min-height:220px}.site-footer{background:#0a1c2c;color:#fff;padding:58px 0 28px}.footer-grid{display:grid;grid-template-columns:1.3fr 1fr 1fr;gap:34px}.site-footer p,.site-footer a{color:#aec0cf}.site-footer h4{margin-top:0}.footer-links{display:grid;gap:8px}.copyright{border-top:1px solid rgba(255,255,255,.12);margin-top:36px;padding-top:22px;color:#8fa4b5;font-size:13px}.mobile-toggle{display:none;background:none;border:0;font-size:25px}.tag{display:inline-block;padding:6px 10px;border-radius:999px;background:#eaf5fb;color:#075ca3;font-size:12px;font-weight:800;margin:4px 6px 4px 0}.notice{border-left:4px solid #69d0b4;padding:14px 18px;background:#f4fbf9;border-radius:0 12px 12px 0;color:#435d6c}.notfound{min-height:70vh;display:grid;place-items:center;text-align:center}.notfound .code{font-size:110px;font-weight:950;line-height:1;color:#d9e7f1;letter-spacing:-.08em}@media(max-width:820px){.mobile-toggle{display:block}.navlinks{display:none;position:absolute;top:76px;left:0;right:0;background:#fff;border-bottom:1px solid #dfe8ef;padding:20px;flex-direction:column;align-items:flex-start}.navlinks.open{display:flex}.grid,.grid.two,.footer-grid{grid-template-columns:1fr}.flow{grid-template-columns:1fr}.flow .step:not(:last-child):after{content:"↓";right:auto;left:50%;top:auto;bottom:-22px}.hero{padding:68px 0 56px}.section{padding:58px 0}.band{padding:30px}.nav-cta{display:none}}
/* V4: customer-facing requirement journey; no technical shortcut diagrams */
.flow .step:not(:last-child):after{display:none!important}.flow{gap:18px}


/* FINAL MOBILE + BRAND POLISH */
.mobile-toggle{color:#102338!important;line-height:1;appearance:none;-webkit-appearance:none}
.mobile-toggle:focus-visible{outline:3px solid rgba(11,101,173,.22);outline-offset:4px;border-radius:8px}
.logo-philosophy{background:linear-gradient(135deg,#f7fbff 0%,#fff 58%,#f0fbf7 100%)}
.logo-philosophy-grid{display:grid;grid-template-columns:320px 1fr;gap:64px;align-items:center}
.logo-symbol-card{display:grid;place-items:center;min-height:320px;background:#fff;border:1px solid #dfe8ef;border-radius:28px;box-shadow:0 18px 55px rgba(8,39,69,.07)}
.logo-symbol-card img{width:185px;height:185px;object-fit:contain}
.logo-philosophy .content h2{margin-top:0}
.history-note{display:flex;align-items:center;gap:10px;margin-top:22px;font-weight:850;color:#0e2234}
.history-note:before{content:"";width:9px;height:9px;border-radius:50%;background:#69d0b4;flex:0 0 auto}
.contact-strip{display:flex;flex-wrap:wrap;gap:10px 18px;margin-top:18px;font-size:14px}
.contact-strip a{color:#c4d3df;text-decoration:underline;text-underline-offset:3px}
@media(max-width:820px){
  .mobile-toggle{display:block!important;color:#102338!important;background:transparent!important}
  .hero:before,.hero:after{display:none!important;content:none!important}
  .logo-philosophy-grid{grid-template-columns:1fr;gap:34px}
  .logo-symbol-card{min-height:230px;max-width:300px;width:100%;margin:0 auto}
  .logo-symbol-card img{width:145px;height:145px}
}