:root{--primary:#e85d5a;--accent:#f2b35e;--ink:#07172d;--background:#fbf7ef;--card:#fff;--muted:#5f6875;--border:#07172d1f}*{box-sizing:border-box}body{background:radial-gradient(circle at top right, #f2b35e38, transparent 32%), radial-gradient(circle at top left, #e85d5a24, transparent 28%), var(--background);color:var(--ink);margin:0;font-family:Arial,Helvetica,sans-serif}a{color:inherit;text-decoration:none}.page{min-height:100vh;padding:32px 20px}.container{max-width:1120px;margin:0 auto}.nav{justify-content:space-between;align-items:center;margin-bottom:48px;display:flex}.brand{align-items:center;display:inline-flex}.brand-logo{width:auto;height:62px;display:block}.nav-links{color:var(--ink);gap:22px;font-size:15px;font-weight:700;display:flex}.nav-links a{opacity:.82}.nav-links a:hover{opacity:1;color:var(--primary)}.hero{grid-template-columns:1.1fr .9fr;align-items:center;gap:48px;padding:54px 0 64px;display:grid}.hero-copy{max-width:680px}.badge{border:1px solid var(--border);color:var(--primary);background:#fff;border-radius:999px;margin-bottom:24px;padding:9px 15px;font-size:14px;font-weight:700;display:inline-block;box-shadow:0 10px 24px #07172d0d}h1{letter-spacing:-2.5px;color:var(--ink);margin:0 0 24px;font-size:64px;line-height:1.02}h2{margin-top:48px;font-size:34px}p{font-size:18px;line-height:1.7}.lead{max-width:650px;color:var(--muted);margin:0 0 34px}.button-row{flex-wrap:wrap;gap:14px;display:flex}.button{background:var(--primary);color:#fff;border-radius:999px;padding:15px 23px;font-weight:800;display:inline-block;box-shadow:0 12px 26px #e85d5a42}.button.secondary{color:var(--ink);border:1px solid var(--border);box-shadow:none;background:#fff}.hero-visual{border:1px solid var(--border);background:#fff;border-radius:36px;justify-content:center;align-items:center;min-height:430px;display:flex;position:relative;overflow:hidden;box-shadow:0 24px 70px #07172d14}.hero-pin{z-index:1;width:min(78%,360px);height:auto;position:relative}.cards{grid-template-columns:repeat(3,1fr);gap:18px;margin-top:18px;display:grid}.card{background:var(--card);border:1px solid var(--border);border-radius:26px;padding:28px;transition:transform .18s,box-shadow .18s;box-shadow:0 14px 36px #07172d0d}.card:hover{transform:translateY(-4px);box-shadow:0 22px 46px #07172d17}.card h3{color:var(--ink);margin-top:0;margin-bottom:12px;font-size:23px}.card p{color:var(--muted);margin-bottom:0}.footer{border-top:1px solid var(--border);color:var(--muted);margin-top:64px;padding-top:24px;font-size:14px}.section{border:1px solid var(--border);background:#fff;border-radius:26px;margin:28px 0;padding:34px}ul{font-size:18px;line-height:1.8}@media (max-width:860px){.hero{text-align:center;grid-template-columns:1fr}.hero-copy{margin:0 auto}.lead{margin-left:auto;margin-right:auto}.button-row{justify-content:center}h1{letter-spacing:-1.4px;font-size:44px}.cards{grid-template-columns:1fr}.nav{flex-direction:column;gap:18px}.brand-logo{height:54px}.nav-links{flex-wrap:wrap;justify-content:center}}.role-hero{border:1px solid var(--border);background:#fff;border-radius:34px;grid-template-columns:1.15fr .85fr;align-items:center;gap:36px;margin-bottom:28px;padding:42px;display:grid;box-shadow:0 18px 48px #07172d0f}.role-hero h1{margin-bottom:20px;font-size:52px}.role-visual{background:var(--background);border:1px solid var(--border);border-radius:30px;justify-content:center;align-items:center;min-height:360px;padding:28px;display:flex}.mockup{border:1px solid var(--border);background:#fff;border-radius:30px;width:100%;max-width:330px;padding:20px;box-shadow:0 18px 46px #07172d1a}.mockup-header{align-items:center;gap:10px;margin-bottom:18px;font-weight:800;display:flex}.mockup-pin{width:38px;height:38px}.mockup-map{background-color:#fbf7ef;background-image:linear-gradient(90deg,#07172d0f 1px,#0000 1px),linear-gradient(#07172d0f 1px,#0000 1px),none;background-position:0 0,0 0,0 0;background-repeat:repeat,repeat,repeat;background-size:34px 34px;background-attachment:scroll,scroll,scroll;background-origin:padding-box,padding-box,padding-box;background-clip:border-box,border-box,border-box;border-radius:24px;height:170px;margin-bottom:18px;position:relative;overflow:hidden}.map-dot{background:var(--primary);border-radius:999px;width:18px;height:18px;position:absolute;box-shadow:0 8px 18px #e85d5a59}.map-dot.one{top:42px;left:52px}.map-dot.two{background:var(--accent);top:74px;right:54px}.map-dot.three{bottom:42px;left:130px}.mockup-list{gap:10px;display:grid}.mockup-item{border:1px solid var(--border);background:#fff;border-radius:16px;grid-template-columns:120px 1fr;align-items:center;gap:14px;padding:12px 14px;font-size:14px;display:grid}.mockup-item strong{color:var(--ink);white-space:nowrap}.mockup-item strong{color:var(--ink)}.mockup-item span{color:var(--muted)}.split-section{grid-template-columns:1fr 1fr;gap:22px;margin:28px 0;display:grid}.info-card{border:1px solid var(--border);background:#fff;border-radius:28px;padding:30px;box-shadow:0 14px 34px #07172d0a}.info-card.highlight{background:var(--ink);color:#fff}.info-card.highlight h2,.info-card.highlight p{color:#fff}.benefit-grid{grid-template-columns:repeat(4,1fr);gap:16px;margin-top:22px;display:grid}.benefit-card{border:1px solid var(--border);background:#fff;border-radius:24px;padding:22px}.benefit-icon{background:#e85d5a1f;border-radius:14px;justify-content:center;align-items:center;width:42px;height:42px;margin-bottom:14px;font-size:22px;display:flex}.plan-grid{grid-template-columns:repeat(4,1fr);gap:16px;margin-top:22px;display:grid}.plan-card{border:1px solid var(--border);background:#fff;border-radius:24px;padding:24px}.plan-card.featured{border-color:#e85d5a59;box-shadow:0 16px 38px #e85d5a1a}.plan-label{color:var(--primary);background:#e85d5a1a;border-radius:999px;margin-bottom:12px;padding:6px 10px;font-size:13px;font-weight:800;display:inline-block}.cta-section{background:linear-gradient(135deg, var(--primary), var(--accent));color:#fff;border-radius:34px;margin-top:28px;padding:42px}.cta-section h2,.cta-section p{color:#fff}@media (max-width:900px){.role-hero,.split-section{grid-template-columns:1fr}.role-hero h1{font-size:40px}.benefit-grid,.plan-grid{grid-template-columns:1fr}}@media (max-width:520px){.page{padding:18px 12px}.container{width:100%;max-width:100%}.nav{margin-bottom:28px}.brand-logo{height:46px}.nav-links{gap:12px;font-size:14px}.role-hero{border-radius:24px;padding:24px 18px;overflow:hidden}.role-hero h1{letter-spacing:-1px;word-break:normal;overflow-wrap:anywhere;font-size:34px;line-height:1.08}h1{letter-spacing:-1px;overflow-wrap:anywhere;font-size:36px;line-height:1.08}h2{font-size:26px;line-height:1.18}h3{font-size:21px;line-height:1.2}p,li{font-size:16px;line-height:1.65}.section,.info-card,.benefit-card,.plan-card,.card,.cta-section{border-radius:22px;padding:22px 18px;overflow:hidden}.split-section,.benefit-grid,.plan-grid,.cards{gap:14px}.role-visual{border-radius:22px;min-height:auto;padding:18px}.mockup{border-radius:24px;max-width:100%;padding:16px}.mockup-map{height:140px}.mockup-item{grid-template-columns:1fr;gap:4px}.mockup-item strong{white-space:normal}.button-row{width:100%}.button{text-align:center;width:100%}}