*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;font:17px/1.65 system-ui,-apple-system,"Segoe UI",Roboto,Arial,sans-serif;color:#1e293b;background:#f4f8fa}
.wrap{max-width:1040px;margin:0 auto;padding:0 20px}a{color:#0369a1}h1,h2,h3{color:#0f3a4d;line-height:1.2}
.top{background:#0f3a4d;position:sticky;top:0;z-index:10}.bar{display:flex;align-items:center;justify-content:space-between;gap:12px;padding-top:10px;padding-bottom:10px}
.brand{display:flex;align-items:center;gap:10px;text-decoration:none;font-size:1.05rem;letter-spacing:.5px}.brand b{color:#38bdf8}.brand b.g{color:#34d399}.brand img{border-radius:9px}
nav{display:flex;align-items:center;gap:16px;flex-wrap:wrap}nav a{color:#e2e8f0;text-decoration:none;font-weight:600;font-size:.95rem}nav a.btn{background:#10b981;color:#fff;padding:8px 14px;border-radius:10px}
.hero{background:linear-gradient(135deg,#0f3a4d,#124a5c 60%,#0b6b6b);color:#fff;padding:56px 0 64px}.hero h1{color:#fff;font-size:clamp(1.9rem,5vw,2.8rem);margin:0 0 14px}.hero p{color:#cbd5e1;font-size:1.15rem;max-width:720px}
.cta{display:inline-block;margin:10px 12px 0 0;padding:14px 26px;border-radius:12px;font-weight:700;text-decoration:none}.cta.p{background:#10b981;color:#fff}.cta.s{border:2px solid #7dd3fc;color:#e0f2fe}
section{padding:44px 0}section.alt{background:#fff}.grid{display:grid;gap:18px;grid-template-columns:repeat(auto-fit,minmax(240px,1fr))}
.card{background:#fff;border:1px solid #dbe5ec;border-radius:16px;padding:20px}section.alt .card{background:#f8fbfd}.card h3{margin:0 0 8px;font-size:1.1rem}.card p{margin:.4rem 0;color:#475569;font-size:.97rem}
.res{color:#047857;font-weight:600}details{background:#fff;border:1px solid #dbe5ec;border-radius:14px;padding:14px 18px;margin:10px 0}summary{cursor:pointer;font-weight:700;color:#0f3a4d}
.art{max-width:760px;margin:0 auto;padding:36px 20px}.kicker{font-size:.8rem;letter-spacing:.6px;color:#64748b;text-transform:uppercase}.box{background:#ecfdf5;border-left:4px solid #10b981;padding:14px 18px;border-radius:10px;margin:26px 0}
.list a{display:block;text-decoration:none;color:inherit}.list .card:hover{border-color:#10b981}
footer{background:#0f3a4d;color:#cbd5e1;padding:26px 0;font-size:.92rem}footer a{color:#e2e8f0}.disc{font-size:.85rem;opacity:.85}.small{opacity:.7}
@media(max-width:640px){nav a:not(.btn){display:none}.hero{padding:40px 0 48px}}
.appbox{display:flex;align-items:center;gap:28px;background:linear-gradient(135deg,#0f3a4d,#0b6b6b);color:#e2e8f0;border-radius:22px;padding:30px 32px}.appbox h2{color:#fff;margin:4px 0 10px}.appbox p{color:#cbd5e1;margin:0 0 6px}.appbox .kicker{color:#7dd3fc}.appbox img{flex:none;border-radius:26px;box-shadow:0 10px 28px rgba(0,0,0,.35)}.appbox .soon{display:inline-block;margin-top:12px;padding:8px 16px;border:1px dashed #7dd3fc;border-radius:12px;color:#e0f2fe;font-weight:700}
@media(max-width:640px){.appbox{flex-direction:column;text-align:center;padding:26px 20px}}
[hidden]{display:none !important}

.hero .launch{display:inline-block;margin:0 0 18px;padding:9px 14px;border-radius:12px;background:rgba(16,185,129,.16);border:1px solid rgba(16,185,129,.45);font-size:.95rem}
.berater-soon{margin:0 0 18px;padding:12px 16px;border-radius:14px;background:rgba(14,165,233,.12);border:1px dashed rgba(14,165,233,.6)}
.ad-slot{margin:30px auto;max-width:760px}.ad-slot .ad-l{font-size:.68rem;letter-spacing:.06em;text-transform:uppercase;color:#64748b;margin-bottom:4px}
.ad-slot .ad-b{min-height:250px;display:flex;align-items:center;justify-content:center;border-radius:14px;overflow:hidden}
.ad-slot.pv .ad-b{border:2px dashed #94a3b8;background:rgba(148,163,184,.12);flex-direction:column;gap:4px;font-size:.9rem;padding:12px;text-align:center;color:#475569}
main > .ad-slot,section > .ad-slot{padding:0 20px}
#ad-rail{display:none;position:fixed;top:84px;z-index:5}#ad-rail .ad-l{font-size:.68rem;letter-spacing:.06em;text-transform:uppercase;color:#64748b;margin-bottom:4px}#ad-rail .ad-b{height:600px;display:flex;align-items:center;justify-content:center;border-radius:12px;overflow:hidden}#ad-rail.pv .ad-b{border:2px dashed #94a3b8;background:rgba(148,163,184,.12);flex-direction:column;gap:6px;font-size:.8rem;padding:10px;text-align:center;color:#475569}