:root{--blue:#0b5cad;--blue2:#00a6d6;--dark:#08233f;--light:#eef8ff;--white:#fff;--text:#17324d;--muted:#5f7890;--accent:#66d9ff;--radius:24px;--shadow:0 18px 50px rgba(5,55,110,.16)}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;font-family:Inter,system-ui,-apple-system,Segoe UI,Roboto,Arial,sans-serif;color:var(--text);background:linear-gradient(180deg,#f7fcff 0%,#eaf7ff 50%,#fff 100%);line-height:1.65}.topbar{position:sticky;top:0;z-index:20;backdrop-filter:blur(18px);background:rgba(255,255,255,.78);border-bottom:1px solid rgba(11,92,173,.12)}.nav{max-width:1180px;margin:auto;display:flex;align-items:center;justify-content:space-between;padding:14px 22px}.brand{display:flex;align-items:center;gap:12px;font-weight:900;color:var(--dark);text-decoration:none}.logo{width:42px;height:42px;border-radius:14px;background:linear-gradient(135deg,var(--blue),var(--blue2));display:grid;place-items:center;color:white;box-shadow:0 10px 24px rgba(0,166,214,.25)}.menu{display:flex;gap:8px;flex-wrap:wrap}.menu a{color:var(--dark);text-decoration:none;padding:9px 12px;border-radius:999px;font-weight:700;font-size:14px}.menu a:hover,.menu a.active{background:#dff5ff;color:var(--blue)}.hero{position:relative;overflow:hidden;background:radial-gradient(circle at 20% 10%,rgba(102,217,255,.75),transparent 30%),linear-gradient(135deg,#0b5cad 0%,#0086c9 55%,#00badc 100%);color:white}.hero:after{content:"";position:absolute;inset:auto -10% -130px -10%;height:230px;background:white;border-radius:50% 50% 0 0}.hero-inner{position:relative;z-index:1;max-width:1180px;margin:auto;display:grid;grid-template-columns:1.1fr .9fr;gap:42px;align-items:center;padding:78px 22px 130px}.eyebrow{letter-spacing:.14em;text-transform:uppercase;font-size:13px;font-weight:900;color:#bdf2ff}.hero h1{font-size:clamp(38px,6vw,68px);line-height:1.03;margin:14px 0 18px}.hero p{font-size:19px;max-width:680px;color:#e7fbff}.actions{display:flex;gap:14px;flex-wrap:wrap;margin-top:28px}.btn{display:inline-flex;align-items:center;gap:9px;padding:13px 18px;border-radius:999px;text-decoration:none;font-weight:900;transition:.2s transform,.2s box-shadow}.btn:hover{transform:translateY(-2px)}.btn.primary{background:white;color:var(--blue);box-shadow:0 14px 30px rgba(0,0,0,.15)}.btn.secondary{background:rgba(255,255,255,.15);color:white;border:1px solid rgba(255,255,255,.35)}.card-visual{background:rgba(255,255,255,.15);border:1px solid rgba(255,255,255,.28);border-radius:34px;padding:22px;box-shadow:var(--shadow);animation:float 5s ease-in-out infinite}.card-visual svg{width:100%;height:auto;display:block}@keyframes float{0%,100%{transform:translateY(0)}50%{transform:translateY(-12px)}}main{max-width:1180px;margin:-70px auto 0;padding:0 22px 70px;position:relative;z-index:2}.grid{display:grid;grid-template-columns:repeat(3,1fr);gap:22px}.info-card,.method-card,.panel{background:rgba(255,255,255,.9);border:1px solid rgba(11,92,173,.12);border-radius:var(--radius);padding:26px;box-shadow:var(--shadow)}.method-card{display:flex;flex-direction:column;min-height:360px;position:relative;overflow:hidden}.method-card:before{content:"";position:absolute;right:-40px;top:-45px;width:150px;height:150px;background:radial-gradient(circle,var(--accent),transparent 65%);opacity:.55}.icon{width:64px;height:64px;border-radius:20px;background:linear-gradient(135deg,#dff6ff,#fff);display:grid;place-items:center;margin-bottom:16px}.method-card h2,.panel h2{color:var(--dark);line-height:1.18;margin:0 0 12px}.method-card p{color:var(--muted);margin-bottom:18px}.method-card .btn{margin-top:auto;align-self:flex-start;background:linear-gradient(135deg,var(--blue),var(--blue2));color:white}.section{margin:48px 0}.section h2{font-size:clamp(28px,4vw,42px);color:var(--dark);margin:0 0 16px}.lead{font-size:18px;color:var(--muted);max-width:850px}.two{display:grid;grid-template-columns:.9fr 1.1fr;gap:26px;align-items:start}.steps{counter-reset:step;display:grid;gap:14px;margin-top:20px}.step{counter-increment:step;padding:18px 18px 18px 66px;background:#f5fbff;border:1px solid #d6efff;border-radius:18px;position:relative}.step:before{content:counter(step);position:absolute;left:18px;top:18px;width:32px;height:32px;border-radius:50%;display:grid;place-items:center;background:var(--blue);color:#fff;font-weight:900}.badge-list{display:flex;gap:10px;flex-wrap:wrap;margin:18px 0}.badge{background:#e0f5ff;color:#07518f;border:1px solid #b9e9ff;border-radius:999px;padding:8px 12px;font-weight:800;font-size:14px}.notice{background:linear-gradient(135deg,#e9f8ff,#fff);border-left:5px solid var(--blue2);padding:18px 20px;border-radius:16px;color:#24465f}.wave{height:9px;background:linear-gradient(90deg,var(--blue),var(--blue2),var(--accent));border-radius:999px;margin:24px 0}.method-hero{padding:54px 22px 70px}.method-hero .hero-inner{grid-template-columns:1fr .7fr;padding:40px 0 80px}.content-page main{margin-top:-50px}.source-note{font-size:13px;color:var(--muted);border-top:1px solid #d8eefb;margin-top:28px;padding-top:14px}footer{background:var(--dark);color:#dcefff;padding:34px 22px;text-align:center}footer a{color:#9ee7ff}@media (max-width:900px){.hero-inner,.method-hero .hero-inner,.two,.grid{grid-template-columns:1fr}.menu{display:none}main{margin-top:-55px}.hero-inner{padding-bottom:110px}.card-visual{max-width:520px}.grid{gap:16px}}@media (prefers-reduced-motion:reduce){.card-visual{animation:none}.btn{transition:none}}.reveal{opacity:0;transform:translateY(18px);transition:.6s ease}.reveal.visible{opacity:1;transform:none}