:root{--bg:#f6f7f9;--sf:#fff;--tx:#14202b;--mu:#5b6876;--ac:#0b3d91;--or:#ff7a1a;--ln:#dde2e8;--dk:#0e1a26}*{box-sizing:border-box}body{background:var(--bg);color:var(--tx);margin:0;font:16px/1.65 system-ui,-apple-system,Segoe UI,Roboto,sans-serif}a{color:inherit}.w{max-width:1120px;margin:auto;padding:0 20px}h1{margin:0 0 12px;font-size:clamp(28px,4.5vw,42px);line-height:1.15}h2{margin:0 0 6px;font-size:26px}header{background:var(--sf);border-bottom:1px solid var(--ln);z-index:5;position:sticky;top:0}header .w{justify-content:space-between;align-items:center;height:68px;display:flex}nav{align-items:center;gap:22px;display:flex}nav a{color:var(--mu);font-size:15px;text-decoration:none}nav a:hover{color:var(--ac)}.logo{align-items:center;gap:12px;text-decoration:none;display:flex}.kb{letter-spacing:-.09em;color:var(--tx);font:900 38px/1 system-ui,sans-serif}.bar{background:var(--tx);align-self:stretch;width:2px;margin:3px 0}.lt{flex-direction:column;line-height:1.15;display:flex}.lt b{letter-spacing:.3em;font-size:15px;font-weight:800}.lt i{letter-spacing:.34em;font-size:13px;font-style:normal}.btn{background:var(--ac);cursor:pointer;border:0;border-radius:8px;margin:8px 10px 0 0;padding:12px 22px;font-size:15px;font-weight:600;text-decoration:none;display:inline-block;color:#fff!important}.btn.o{background:0 0;border:1px solid #6b7d90}nav .btn{margin:0;padding:9px 16px}.hero{background:var(--dk);color:#fff;padding:60px 0}.hero .w{grid-template-columns:1fr 1fr;align-items:center;gap:44px;display:grid}.hero p{color:#b8c4d0;max-width:500px}.hero h1{border-left:4px solid var(--or);padding-left:16px}.col{grid-template-columns:1fr 1fr;gap:12px;display:grid}.col div{background:#fff;border-radius:12px;justify-content:center;align-items:center;height:170px;padding:8px;display:flex}.col img{object-fit:contain;max-width:100%;max-height:100%}.strip{background:var(--sf);border-bottom:1px solid var(--ln)}.strip .w{color:var(--mu);flex-wrap:wrap;gap:8px 32px;padding-block:14px;font-size:14px;font-weight:600;display:flex}section{padding:56px 0}.sub{color:var(--mu);max-width:760px;margin:0 0 28px}.g{grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:18px;display:grid}.c{background:var(--sf);border:1px solid var(--ln);border-radius:12px;text-decoration:none;transition:all .15s;display:block;overflow:hidden}.c:hover{border-color:var(--ac);transform:translateY(-2px)}.c .im{background:#fff;justify-content:center;align-items:center;height:200px;display:flex}.c .im img{object-fit:contain;max-width:100%;max-height:100%}.c .t{padding:16px}.c h3{margin:0 0 4px;font-size:18px}.c p{color:var(--mu);margin:0;font-size:14px}.ph{color:var(--mu);letter-spacing:.2em;font-size:13px;font-weight:700}.big{border:1px solid var(--ln);background:#fff;border-radius:12px;justify-content:center;align-items:center;height:260px;display:flex}.band{background:var(--sf);border-block:1px solid var(--ln)}.two{grid-template-columns:1fr 1fr;align-items:center;gap:36px;display:grid}.two img{border-radius:12px;width:100%}.why{grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:20px;display:grid}.why div{border-top:3px solid var(--or);padding-top:12px}.why b{font-size:17px;display:block}.why span{color:var(--mu);font-size:14px}.pd{grid-template-columns:.85fr 1.15fr;align-items:start;gap:36px;margin:0 0 44px;display:grid}.pd img{border:1px solid var(--ln);background:#fff;border-radius:12px;width:100%}table{border-collapse:collapse;background:var(--sf);border:1px solid var(--ln);width:100%;font-size:15px}td,th{border-bottom:1px solid var(--ln);text-align:left;vertical-align:top;padding:10px 14px}th{width:36%;color:var(--mu);font-weight:500}.scroll{overflow-x:auto}.note{color:var(--mu);font-size:14px}.crumb{color:var(--mu);margin:0 0 8px;font-size:14px}.crumb a{text-decoration:none}.links a{color:var(--ac);margin:0 14px 8px 0;display:inline-block}input,textarea{border:1px solid var(--ln);background:var(--sf);width:100%;color:var(--tx);font:inherit;border-radius:8px;margin:0 0 10px;padding:12px}footer{background:var(--dk);color:#98a6b5;padding:36px 0;font-size:14px}footer .w{flex-wrap:wrap;justify-content:space-between;gap:24px;display:flex}footer a{color:#cfd9e3}@media (width<=780px){.hero .w,.two,.pd{grid-template-columns:1fr}nav{gap:12px}nav a{font-size:13px}nav .btn{display:none}.lt b{font-size:12px}.lt i{font-size:11px}.kb{font-size:32px}}
