:root{--blue:#123B5D;--dark:#0B2D46;--green:#1F7A5A;--green-soft:#EAF5EF;--blue-soft:#EAF1F6;--bg:#F6F8F9;--text:#173247;--muted:#5D7180;--white:#fff;--border:#D7E1E7;--surface:#fff}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--bg);color:var(--text);font-family:Inter,Segoe UI,Arial,sans-serif;line-height:1.55;transition:background-color .2s,color .2s}a{color:var(--blue);text-decoration:none}.site-header,.simple-header{min-height:78px;background:var(--surface);border-bottom:1px solid var(--border);display:flex;align-items:center;justify-content:space-between;padding:0 clamp(18px,5vw,70px);position:sticky;top:0;z-index:20}.site-logo img,.simple-header img{width:190px;max-width:100%;display:block}.site-header nav{display:flex;align-items:center;gap:20px}.site-header nav a{font-size:14px;font-weight:650}.nav-button{background:var(--green);color:#fff!important;padding:10px 15px;border-radius:10px}.landing-hero{max-width:1300px;margin:35px auto;padding:clamp(28px,5vw,65px);border-radius:28px;background:linear-gradient(135deg,var(--blue),var(--dark));color:#fff;display:grid;grid-template-columns:1.5fr .8fr;gap:45px;align-items:center}.eyebrow{font-size:11px;letter-spacing:.14em;font-weight:850;color:var(--green)}.landing-hero .eyebrow{color:#a9e1ca}.landing-hero h1{font-size:clamp(38px,5.5vw,68px);line-height:1.02;margin:12px 0 20px}.landing-hero p{font-size:18px;color:#dce7ed;max-width:780px}.hero-actions,.article-actions{display:flex;gap:12px;flex-wrap:wrap;margin-top:25px}.btn{display:inline-flex;align-items:center;justify-content:center;min-height:44px;padding:11px 17px;border-radius:10px;font-weight:800;border:1px solid transparent}.primary{background:var(--green);color:#fff}.light{background:#fff;color:var(--blue)}.secondary{border-color:var(--border);background:var(--surface);color:var(--text)}.hero-visual{display:grid;place-items:center;gap:25px}.hero-visual img{width:170px}.mini-card{background:rgba(255,255,255,.09);border:1px solid rgba(255,255,255,.16);border-radius:16px;padding:15px;display:flex;gap:8px;align-items:center;flex-wrap:wrap;justify-content:center}.mini-card span{color:#a9e1ca}.landing-section{max-width:1180px;margin:0 auto;padding:75px 24px}.landing-section.soft{max-width:none;background:var(--surface)}.section-title{max-width:780px;margin-bottom:30px}.section-title h2,.callout h2{font-size:clamp(28px,4vw,44px);line-height:1.12;margin:8px 0}.feature-grid,.steps{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.feature-grid article,.steps>div,.process-list>div,.future-box{background:var(--surface);border:1px solid var(--border);border-radius:18px;padding:24px}.feature-grid h3,.steps h3{margin-top:0}.feature-grid p,.steps p,.lead{color:var(--muted)}.steps{max-width:1180px;margin:auto;grid-template-columns:repeat(4,1fr)}.steps b,.process-list b{display:inline-flex;width:36px;height:36px;align-items:center;justify-content:center;border-radius:50%;background:var(--green-soft);color:var(--green)}.callout{background:var(--blue-soft);border:1px solid var(--border);border-radius:22px;padding:32px;display:flex;align-items:center;justify-content:space-between;gap:30px}.callout p{max-width:800px;color:var(--muted)}.site-footer{background:var(--dark);color:#dce7ed;padding:38px clamp(18px,5vw,70px);display:flex;justify-content:space-between;gap:30px}.site-footer strong{font-size:20px;color:#fff}.site-footer p{margin:5px 0;color:#9eb4c1}.footer-links{display:flex;gap:16px;flex-wrap:wrap}.footer-links a{color:#dce7ed}.simple-header{position:static}.article{max-width:850px;margin:55px auto;padding:0 24px}.article.wide{max-width:1050px}.article.narrow{max-width:720px}.article h1{font-size:clamp(38px,5vw,60px);line-height:1.05;margin:8px 0 20px}.article h2{margin-top:35px}.lead{font-size:19px}.process-list{display:grid;grid-template-columns:repeat(2,1fr);gap:18px;margin-top:35px}.process-list b{width:38px;height:38px;background:var(--green);color:#fff}.future-box{border-style:dashed;margin:30px 0}.future-box strong{color:var(--green)}
.theme-toggle{display:inline-flex;align-items:center;justify-content:center;gap:7px;min-height:38px;padding:8px 12px;border:1px solid var(--border);border-radius:10px;background:var(--surface);color:var(--text);font:inherit;font-size:13px;font-weight:750;cursor:pointer}.theme-toggle:hover{transform:translateY(-1px)}
body.dark{--bg:#0d1720;--text:#e7eef3;--muted:#aab9c3;--surface:#152531;--border:#29404f;--blue-soft:#173141;background:var(--bg);color:var(--text);color-scheme:dark}body.dark .site-header,body.dark .simple-header{background:#101d27;border-color:var(--border)}body.dark .site-header nav a,body.dark a{color:#dceaf2}body.dark .nav-button{color:#fff!important}body.dark .landing-section.soft{background:#101e28}body.dark .feature-grid article,body.dark .steps>div,body.dark .process-list>div,body.dark .future-box{background:var(--surface);border-color:var(--border)}body.dark .callout{background:#142a38;border-color:var(--border)}body.dark .btn.light{background:var(--surface);color:var(--text);border-color:var(--border)}body.dark .secondary,body.dark .theme-toggle{background:var(--surface);color:var(--text);border-color:var(--border)}body.dark .section-title h2,body.dark .feature-grid h3,body.dark .steps h3,body.dark .article h1,body.dark .article h2{color:#e7eef3}
@media(max-width:850px){.site-header nav a:not(.nav-button){display:none}.site-header nav{gap:8px}.site-header nav .theme-toggle{font-size:0;min-width:40px;padding:8px}.site-header nav .theme-toggle span:first-child{font-size:16px}.landing-hero{grid-template-columns:1fr;margin:15px;border-radius:20px}.feature-grid,.steps,.process-list{grid-template-columns:1fr}.callout,.site-footer{flex-direction:column}.site-footer{align-items:flex-start}.landing-section{padding:55px 18px}.article{margin:35px auto}}