*{box-sizing:border-box}body{margin:0;font-family:system-ui,sans-serif;color:#0B2545;line-height:1.6}
.wrap{max-width:1050px;margin:auto;padding:0 20px}section{padding:56px 0}section.wrap{padding:56px 20px}
header{position:sticky;top:0;background:#fff;box-shadow:0 1px 6px #0001;z-index:9}.nav{display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;padding:12px 20px}
.logo{font-size:1.6rem;font-weight:800;color:#0B2545;text-decoration:none}.logo span{color:#13A89E}
nav a{margin-left:16px;color:#0B2545;text-decoration:none;font-weight:500}nav button{margin-left:16px;border:1px solid #13A89E;background:none;color:#13A89E;border-radius:6px;padding:4px 10px;cursor:pointer}
.hero{background:linear-gradient(135deg,#13A89E,#0B2545);color:#fff;padding:110px 0}.hero h1{font-size:clamp(2rem,5vw,3.2rem);margin:0 0 12px}
.btn{display:inline-block;background:#fff;color:#13A89E;padding:12px 22px;border-radius:30px;font-weight:700;text-decoration:none;margin:8px 8px 0 0}.btn.ghost{background:none;color:#fff;border:2px solid #fff}
.cards{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:20px}.card{padding:24px;border-radius:14px;box-shadow:0 4px 18px #0001}
.alt{background:#f3f7f6}.ph{background:#fff4c2;border:1px dashed #d6a700;padding:6px 10px;border-radius:6px;display:inline-block}
iframe{width:100%;height:340px;border:0;border-radius:14px}a{color:#13A89E}
footer{background:#0B2545;color:#c9d0da;font-size:.85rem;padding:28px 0}
@media(max-width:600px){nav a{margin-left:10px;font-size:.9rem}}
.pkd{font-size:.75rem;font-weight:700;color:#13A89E;letter-spacing:.05em}.card h3{margin:6px 0}.hero .btn{color:#0B2545}
@media(min-width:900px){.cards{grid-template-columns:repeat(4,1fr)}.cards.three{grid-template-columns:repeat(3,1fr)}}
.hero .btn.ghost{color:#fff}
.pl{background:#0B2545;color:#e8edf3}.pl .card{background:#16263d}.pl h3{color:#13A89E}.pl .sub{margin-top:36px}.pl .btn{margin-top:28px;background:#13A89E;color:#0B2545}.pl .btn.ghost{background:none;color:#fff}
.logo{display:inline-flex;align-items:center;gap:.5rem}.logo img{width:38px;height:38px}
.logo .lt{font-weight:800}
