@charset "UTF-8";*,*:before,*:after{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:#f6f4ef;color:#1d2433;font:17px/1.6 system-ui,-apple-system,Segoe UI,Roboto,sans-serif;-webkit-font-smoothing:antialiased}a{color:#1a5fb4}img,video{display:block;max-width:100%}.wrap{max-width:1080px;margin:0 auto;padding:0 16px}.site-header{position:absolute;inset:0 0 auto;z-index:2}.site-header .wrap{display:flex;align-items:center;justify-content:space-between;gap:16px;height:68px}.logo{color:#fff;font-weight:800;font-size:1.3rem;letter-spacing:-.02em;text-decoration:none}.logo span{color:#f5b942}.nav{display:flex;align-items:center;gap:8px}.nav a{color:#fff;text-decoration:none;font-weight:600;font-size:.95rem;padding:8px 12px;border-radius:8px}.nav a:hover,.nav a:focus-visible{background:rgba(255,255,255,.15)}.nav .nav-signin{background:rgba(255,255,255,.18)}.hero{background:linear-gradient(180deg,#81b1e0 0%,#3a5177 100%);color:#fff;padding:108px 0 72px;overflow:hidden}.hero .wrap{display:grid;grid-template-columns:minmax(0,5fr) minmax(0,7fr);align-items:center;gap:48px}.hero h1{margin:0 0 16px;font-size:clamp(2.2rem,4.6vw,3.4rem);line-height:1.08;letter-spacing:-.03em;text-wrap:balance}.hero .lead{margin:0 0 28px;font-size:1.15rem;color:#ffffffe6}.hero .note{margin:12px 0 0;font-size:.9rem;color:#ffffffbf}.hero-video{position:relative;border-radius:16px;overflow:hidden;aspect-ratio:16/9;background:#3a5177;box-shadow:0 24px 60px #0a142873,0 0 0 1px #ffffff26}.hero-video video{width:100%;height:100%;object-fit:cover}.google-btn{display:inline-flex;align-items:center;gap:12px;padding:12px 22px 12px 16px;border-radius:999px;background:white;color:#1f1f1f;font-weight:600;font-size:1rem;text-decoration:none;box-shadow:0 6px 20px #0a142840;transition:transform .15s ease,box-shadow .15s ease}.google-btn svg{width:20px;height:20px;flex:none}.google-btn:hover,.google-btn:focus-visible{transform:translateY(-1px);box-shadow:0 10px 26px #0a14284d}.google-btn:focus-visible{outline:3px solid #f5b942;outline-offset:3px}section{padding:80px 0}.section-title{margin:0 0 12px;font-size:clamp(1.7rem,3vw,2.3rem);line-height:1.15;letter-spacing:-.02em;text-wrap:balance}.section-lead{margin:0 0 40px;max-width:40rem;color:#5a6478}.steps{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px;margin:0;padding:0;list-style:none;counter-reset:step}.steps li{counter-increment:step;background:#ffffff;border-radius:14px;padding:28px 24px;box-shadow:0 1px 2px #141e320f,0 8px 24px #141e320f}.steps li:before{content:counter(step);display:grid;place-items:center;width:40px;height:40px;margin-bottom:16px;border-radius:50%;background:#3a5177;color:#fff;font-weight:800}.steps h3{margin:0 0 8px;font-size:1.15rem}.steps p{margin:0;color:#5a6478}.features-section{background:white}.features{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:32px 28px}.features article{display:grid;grid-template-columns:48px minmax(0,1fr);align-content:start;gap:0 16px}.features .icon{grid-row:span 2;display:grid;place-items:center;width:48px;height:48px;border-radius:12px;background:#eaf2fb;color:#3a5177}.features .icon svg{width:24px;height:24px}.features h3{margin:2px 0 4px;font-size:1.05rem}.features p{margin:0;color:#5a6478;font-size:.97rem}.trust{display:grid;grid-template-columns:minmax(0,2fr) minmax(0,3fr);gap:40px;align-items:start}.trust ul{margin:0;padding:0;list-style:none;display:grid;gap:16px}.trust li{position:relative;padding:16px 20px 16px 52px;background:#ffffff;border-radius:12px;box-shadow:0 1px 2px #141e320f}.trust li:before{content:"✓";position:absolute;left:18px;top:15px;color:#2e9d5b;font-weight:800}.cta{background:#1f2c45;color:#fff;text-align:center}.cta .section-title{margin-bottom:12px}.cta p{margin:0 auto 28px;max-width:34rem;color:#fffc}.site-footer{padding:28px 0 36px;font-size:.9rem;color:#5a6478}.site-footer .wrap{display:flex;flex-wrap:wrap;justify-content:space-between;gap:12px 24px}.site-footer nav{display:flex;flex-wrap:wrap;gap:8px 20px}.site-footer p{margin:0}@media (max-width: 860px){.hero{padding:92px 0 56px;text-align:center}.hero .wrap{grid-template-columns:minmax(0,1fr);gap:36px}.steps,.trust{grid-template-columns:minmax(0,1fr)}section{padding:56px 0}}@media (max-width: 420px){.nav .nav-lang{padding:8px}}@media (prefers-reduced-motion: reduce){html{scroll-behavior:auto}.google-btn{transition:none}}