.w{max-width:1120px;margin:0 auto;padding:0 1.2rem}
.wh{position:sticky;top:0;z-index:50;background:color-mix(in srgb,var(--card) 92%,transparent);backdrop-filter:blur(8px);border-bottom:1px solid var(--br)}
.wh .w{display:flex;align-items:center;gap:1rem;min-height:68px}
.wh nav{display:flex;gap:1.4rem;margin-left:1.5rem}
.wh nav a{color:var(--mu);font-weight:600;font-size:.95rem}
.wh nav a:hover{color:var(--p)}
.wh .btn{min-height:42px}
.burger{display:none}
.hero2{padding:3.5rem 1.2rem 2.5rem;display:grid;grid-template-columns:1.1fr .9fr;gap:2.5rem;align-items:center}
.eyebrow{display:inline-flex;gap:.4rem;align-items:center;background:var(--pl);color:var(--p2);font-weight:700;font-size:.82rem;padding:.3rem .8rem;border-radius:99px;margin-bottom:1rem}
.hero2 h1{font-size:3rem;line-height:1.08;letter-spacing:-.025em;margin-bottom:1rem}
.hero2 h1 em{font-style:normal;color:var(--p)}
.hero2 p.lead{font-size:1.2rem;color:var(--mu);max-width:34rem;margin-bottom:1.6rem}
.ticks{display:flex;gap:1.2rem;flex-wrap:wrap;margin-top:1.4rem;color:var(--mu);font-size:.9rem;font-weight:500}
.ticks span{display:inline-flex;gap:.3rem;align-items:center}
.ticks .material-symbols-outlined{color:var(--ok);font-size:20px}
.mock{background:var(--card);border:1px solid var(--br);border-radius:20px;box-shadow:0 20px 50px rgba(14,60,70,.14);padding:1rem;position:relative}
.mock .bar{display:flex;gap:6px;margin-bottom:.8rem}
.mock .bar i{width:10px;height:10px;border-radius:50%;background:var(--br)}
.mock .row2{display:grid;grid-template-columns:48px 1fr;gap:.5rem;margin-bottom:.4rem;align-items:center;font-size:.8rem;color:var(--mu)}
.mock .ev{padding:.45rem .7rem;border-radius:10px;font-weight:600;font-size:.84rem;display:flex;gap:.4rem;align-items:center}
.mock .ev.a{background:var(--okl);color:var(--ok)}
.mock .ev.b{background:var(--inl);color:var(--in)}
.mock .ev.c{background:repeating-linear-gradient(45deg,var(--bg),var(--bg) 6px,var(--br) 6px,var(--br) 12px);color:var(--tx)}
.mock .ev.d{background:var(--wal);color:var(--wa)}
.mock .free{border:1.5px dashed var(--br);color:var(--mu);font-weight:500}
.float{position:absolute;background:var(--card);border:1px solid var(--br);border-radius:14px;box-shadow:0 10px 30px rgba(14,60,70,.16);padding:.6rem .8rem;font-size:.82rem;display:flex;gap:.5rem;align-items:center}
.float .material-symbols-outlined{color:var(--ok)}
.sec{padding:3.2rem 0}
.sec.alt{background:var(--card);border-block:1px solid var(--br)}
.sec h2{font-size:2rem;letter-spacing:-.02em;margin-bottom:.6rem}
.sec .sub{color:var(--mu);font-size:1.1rem;max-width:40rem;margin-bottom:2rem}
.steps3{display:grid;grid-template-columns:repeat(3,1fr);gap:1rem}
.steps3 .card b.n{display:inline-grid;place-items:center;width:34px;height:34px;border-radius:50%;background:var(--p);color:#fff;margin-bottom:.7rem}
.feat{display:grid;grid-template-columns:repeat(3,1fr);gap:1rem}
.feat .card .ico{width:46px;height:46px;border-radius:13px;background:var(--pl);color:var(--p);display:grid;place-items:center;margin-bottom:.8rem}
.feat .card h3{margin-bottom:.3rem}
.two{display:grid;grid-template-columns:1fr 1fr;gap:1.2rem}
.two ul{list-style:none;padding:0;margin:.8rem 0 0;display:grid;gap:.6rem}
.two li{display:flex;gap:.6rem;align-items:flex-start}
.two li .material-symbols-outlined{color:var(--ok);margin-top:.1rem}
.find{display:flex;gap:.6rem;flex-wrap:wrap;max-width:560px}
.find input{flex:1;min-width:200px}
.pros{display:grid;grid-template-columns:repeat(2,1fr);gap:1rem;margin-top:1.4rem}
.plans{display:grid;grid-template-columns:repeat(3,1fr);gap:1rem;align-items:stretch}
.plan{display:flex;flex-direction:column}
.plan.hot{border:2px solid var(--p);position:relative}
.plan .pr{font-size:2.2rem;font-weight:800;margin:.4rem 0}
.plan .pr small{font-size:.9rem;color:var(--mu);font-weight:500}
.plan ul{list-style:none;padding:0;margin:.8rem 0 1.2rem;display:grid;gap:.5rem;flex:1}
.plan li{display:flex;gap:.5rem}
.plan li .material-symbols-outlined{color:var(--ok);font-size:20px}
.plan .tag{position:absolute;top:-12px;left:1rem}
details{background:var(--card);border:1px solid var(--br);border-radius:14px;padding:1rem 1.2rem;margin-bottom:.7rem}
details summary{cursor:pointer;font-weight:700;list-style:none;display:flex;justify-content:space-between;gap:1rem}
details summary::-webkit-details-marker{display:none}
details summary:after{content:'+';font-size:1.4rem;line-height:1;color:var(--p)}
details[open] summary:after{content:'–'}
details p{margin-top:.7rem;color:var(--mu)}
.cta{background:var(--p);color:#fff;border-radius:24px;padding:2.4rem;display:grid;grid-template-columns:1fr 1fr;gap:2rem;align-items:center}
.cta h2{color:#fff}
.cta .card{color:var(--tx)}
.notice{background:var(--wal);color:var(--wa);border-bottom:1px solid var(--br);padding:.7rem 0;font-weight:600}
.notice .w{display:flex;gap:.6rem;align-items:center;flex-wrap:wrap}
.wf{border-top:1px solid var(--br);padding:2rem 0;color:var(--mu);font-size:.9rem}
.wf .w{display:flex;gap:1.5rem;flex-wrap:wrap;align-items:center}
.wf a{color:var(--mu)}
.map{display:grid;gap:1rem}
.map table td:first-child{font-weight:600;white-space:nowrap}
@media(max-width:899px){
  .hero2{grid-template-columns:1fr;padding-top:2rem}
  .hero2 h1{font-size:2.3rem}
  .steps3,.feat,.plans{grid-template-columns:1fr 1fr}
  .two,.cta,.pros{grid-template-columns:1fr}
  .wh nav{display:none}
  .wh nav.open{display:flex;position:absolute;top:68px;left:0;right:0;background:var(--card);flex-direction:column;padding:1rem 1.2rem;border-bottom:1px solid var(--br);margin:0}
  .burger{display:inline-grid}
}
@media(max-width:599px){
  .steps3,.feat,.plans{grid-template-columns:1fr}
  .hero2 h1{font-size:1.9rem}
  .sec{padding:2.2rem 0}
  .sec h2{font-size:1.55rem}
  .wh .hide-m{display:none}
  .float{display:none}
  .cta{padding:1.4rem}
}