
*{box-sizing:border-box;margin:0;padding:0}
:root{--navy:#1B2A4A;--navy2:#24365C;--coral:#E8735A;--coraldk:#C9513A;--peach:#FCE9E3;--off:#FBF6EF;--sand:#F3EADF;--line:#EADFD2;--muted:#4A5672;--green:#2E8B6A}
html{scroll-behavior:smooth}
body{font-family:'Plus Jakarta Sans',system-ui,sans-serif;background:var(--off);color:var(--navy);font-size:18px;line-height:1.6;-webkit-font-smoothing:antialiased;padding-bottom:84px}
a{color:inherit}img{max-width:100%;height:auto;display:block}
.wrap{max-width:1160px;margin:0 auto;padding:0 20px}
.btn{display:inline-flex;align-items:center;justify-content:center;gap:10px;background:var(--coral);color:#fff;font-weight:800;font-size:19px;text-decoration:none;padding:17px 28px;border-radius:999px;min-height:58px;box-shadow:0 10px 24px -10px #E8735Aaa;transition:transform .15s}
.btn:hover{transform:translateY(-2px)}
.btn.ghost{background:#fff;color:var(--navy);border:2px solid var(--line);box-shadow:none}
.eyebrow{display:inline-block;font-size:13px;font-weight:800;letter-spacing:.14em;text-transform:uppercase;color:var(--coraldk);background:var(--peach);padding:6px 12px;border-radius:999px}
h2{font-size:32px;line-height:1.15;letter-spacing:-.02em;font-weight:800;margin:14px 0 12px}
.lead{font-size:19px;color:var(--muted);max-width:680px}
section{padding:64px 0}
.nav{position:sticky;top:0;z-index:20;background:#FBF6EFee;backdrop-filter:blur(8px);border-bottom:1px solid var(--line)}
.nav .in{display:flex;align-items:center;justify-content:space-between;padding:12px 20px;max-width:1160px;margin:0 auto}
.logo{display:flex;align-items:center;gap:10px;text-decoration:none;font-weight:800;font-size:20px}
.logo img{width:40px;height:40px;border-radius:12px}
.logo .k{color:var(--coral)}
.links{display:flex;gap:22px;align-items:center;font-weight:700;font-size:16px}
.links a{text-decoration:none}
.links .btn{font-size:15px;padding:10px 18px;min-height:44px}
.hide-m{display:none}
.hero{position:relative;overflow:hidden;padding:36px 0 56px;background:radial-gradient(1200px 500px at 85% -10%,#FCE0D6 0,transparent 60%),radial-gradient(800px 400px at -10% 110%,#E9EEF8 0,transparent 60%)}
.hero .grid{display:grid;gap:36px;align-items:center}
.hero h1{font-size:42px;line-height:1.05;letter-spacing:-.035em;font-weight:800;margin-top:16px}
.hero h1 em{font-style:normal;color:var(--coral);position:relative;white-space:nowrap}
.hero h1 em::after{content:"";position:absolute;left:0;right:0;bottom:4px;height:10px;background:#E8735A33;border-radius:6px;z-index:-1}
.hero .sub{font-size:19px;color:var(--muted);margin:18px 0 26px;max-width:580px}
.ctas{display:flex;gap:12px;flex-wrap:wrap}
.offer{margin-top:18px;display:inline-flex;gap:10px;align-items:center;background:#fff;border:2px dashed var(--coral);border-radius:16px;padding:10px 16px;font-weight:700;font-size:16px}
.offer b{color:var(--coraldk)}
.micro{margin-top:16px;font-size:15.5px;color:var(--muted);display:flex;gap:6px 18px;flex-wrap:wrap}
.micro span::before{content:"✓ ";color:var(--green);font-weight:800}
.phone{width:310px;margin:0 auto;background:var(--navy);border-radius:44px;padding:12px;box-shadow:0 40px 70px -25px #1B2A4A88;transform:rotate(2deg)}
.screen{background:#fff;border-radius:34px;overflow:hidden}
.ph-top{background:var(--sand);padding:14px;text-align:center;border-bottom:1px solid var(--line);font-size:15px}
.ph-top small{display:block;font-size:12px;color:var(--muted)}
.msgs{padding:14px 12px 18px;display:flex;flex-direction:column;gap:9px}
.m{max-width:86%;padding:10px 13px;border-radius:18px;font-size:14.5px;line-height:1.38;opacity:0;animation:pop .5s forwards}
.m.in{background:#F1ECE5;border-bottom-left-radius:6px}
.m.out{background:var(--coral);color:#fff;align-self:flex-end;border-bottom-right-radius:6px}
.m:nth-child(2){animation-delay:.5s}.m:nth-child(3){animation-delay:1.1s}.m:nth-child(4){animation-delay:1.7s}
@keyframes pop{from{opacity:0;transform:translateY(8px)}to{opacity:1;transform:none}}
@media (prefers-reduced-motion:reduce){.m{animation:none;opacity:1}}
.tag{display:block;text-align:center;font-size:13px;color:var(--muted);margin-top:16px}
.strip{background:var(--navy);color:#fff;padding:18px 0}
.strip .in{display:flex;flex-wrap:wrap;gap:10px 28px;justify-content:center;font-weight:700;font-size:15.5px}
.strip span::before{content:"●";color:var(--coral);margin-right:8px;font-size:11px;vertical-align:2px}
.steps{display:grid;gap:18px;margin-top:32px}
.step{background:#fff;border:2px solid var(--line);border-radius:24px;padding:26px;position:relative}
.num{width:46px;height:46px;border-radius:14px;background:var(--navy);color:#fff;font-weight:800;font-size:20px;display:flex;align-items:center;justify-content:center;margin-bottom:14px}
.step:nth-child(2) .num{background:var(--coral)}.step:nth-child(3) .num{background:var(--green)}
.step h3,.card h3{font-size:21px;line-height:1.25;margin-bottom:6px}
.step p,.card p{color:var(--muted);font-size:17px}
.split{display:grid;gap:36px;align-items:center}
.formcard{background:#fff;border-radius:28px;padding:14px;box-shadow:0 30px 60px -30px #1B2A4A55;max-width:420px;margin:0 auto}
.formcard img{border-radius:18px;width:100%;height:auto;aspect-ratio:4/5}
.ticks{list-style:none;margin:20px 0 26px}
.ticks li{padding-left:36px;position:relative;margin-bottom:12px;font-size:18px}
.ticks li::before{content:"✓";position:absolute;left:0;top:1px;width:24px;height:24px;border-radius:50%;background:var(--coral);color:#fff;font-size:14px;font-weight:800;display:flex;align-items:center;justify-content:center}
.dark{background:var(--navy);color:#fff}
.dark h2{color:#fff}.dark .lead{color:#D5DBE7}.dark .eyebrow{background:#ffffff1a;color:#FFB9A6}
.checkin{background:#24365C;border-radius:24px;padding:22px;border:1px solid #34476F}
.qrow{display:flex;justify-content:space-between;gap:10px;padding:12px 0;border-bottom:1px solid #34476F;font-size:16.5px}
.qrow:last-child{border:0}
.qrow b{color:#FFB9A6;white-space:nowrap}
.cards{display:grid;gap:16px;margin-top:30px}
.card{background:#fff;border:2px solid var(--line);border-radius:22px;padding:24px}
.ico{width:48px;height:48px;border-radius:14px;background:var(--peach);display:flex;align-items:center;justify-content:center;margin-bottom:12px;font-size:24px}
.plans{display:grid;gap:22px;margin-top:36px}
.plan{background:#fff;border:2px solid var(--line);border-radius:26px;padding:28px;display:flex;flex-direction:column;position:relative}
.plan.feature{border:3px solid var(--coral);box-shadow:0 24px 48px -26px #E8735A99}
.badge{position:absolute;top:-15px;left:24px;background:var(--coral);color:#fff;font-size:13px;font-weight:800;letter-spacing:.08em;text-transform:uppercase;padding:6px 14px;border-radius:999px}
.plan h3{font-size:21px}
.price{font-size:50px;font-weight:800;letter-spacing:-.03em;margin:8px 0 0;line-height:1.05}
.price span{font-size:18px;font-weight:700;color:var(--muted)}
.per{font-size:16px;color:var(--muted);margin-top:4px}
.plan ul{list-style:none;margin:16px 0 22px;flex:1}
.plan li{font-size:16.5px;padding:7px 0 7px 28px;position:relative;border-top:1px solid #F1E8DD}
.plan li::before{content:"✓";position:absolute;left:2px;color:var(--green);font-weight:800}
.plan .btn{width:100%}
.note{margin-top:20px;font-size:15.5px;color:var(--muted);text-align:center}
.faq{max-width:860px;margin-top:28px}
details{background:#fff;border:2px solid var(--line);border-radius:18px;margin-bottom:12px;padding:0 22px}
summary{list-style:none;cursor:pointer;font-weight:800;font-size:19px;padding:20px 36px 20px 0;position:relative}
summary::-webkit-details-marker{display:none}
summary::after{content:"+";position:absolute;right:0;top:14px;font-size:28px;color:var(--coral)}
details[open] summary::after{content:"–"}
details p{padding:0 0 20px;color:var(--muted);font-size:17px}
.blogs{display:grid;gap:18px;margin-top:28px}
.bcard{display:block;background:#fff;border:2px solid var(--line);border-radius:22px;overflow:hidden;text-decoration:none}
.bcard img{aspect-ratio:4/5;object-fit:contain;width:100%;height:auto;background:var(--sand)}
.bcard div{padding:18px 20px}
.bcard b{display:block;font-size:19px;line-height:1.3}
.bcard small{color:var(--muted);font-size:15px}
.final{background:linear-gradient(135deg,var(--coral),#F0956F);color:#fff;border-radius:30px;padding:44px 24px;text-align:center}
.final h2{color:#fff;margin-top:0}
.final p{font-size:19px;margin-bottom:24px}
.final .btn{background:var(--navy);box-shadow:none}
footer{background:var(--navy);color:#C9D1E0;padding:48px 0 36px;margin-top:64px;font-size:15px}
footer .top{display:flex;justify-content:space-between;align-items:center;gap:20px;flex-wrap:wrap}
footer .logo{color:#fff}
.flinks{display:flex;gap:20px;flex-wrap:wrap}
.flinks a{text-decoration:none;font-weight:600}
.disc{margin-top:26px;padding-top:22px;border-top:1px solid #34476F;line-height:1.6}
.disc b{color:#fff}
.copy{margin-top:16px;font-size:13.5px;color:#8E9AB3}
.sticky{position:fixed;left:0;right:0;bottom:0;z-index:30;background:#fff;border-top:1px solid var(--line);padding:10px 14px;display:flex;gap:12px;align-items:center;justify-content:center;box-shadow:0 -10px 30px -18px #1B2A4A66}
.sticky .t{font-size:14.5px;font-weight:700;line-height:1.25}
.sticky .t small{display:block;color:var(--muted);font-weight:600}
.sticky .btn{min-height:48px;padding:11px 20px;font-size:16px;white-space:nowrap}
@media (max-width:819px){.logo{font-size:17px;gap:8px}.logo img{width:34px;height:34px}.links{gap:12px;font-size:15px}.links .btn{padding:8px 14px;font-size:14px;white-space:nowrap;min-height:40px}}
@media (min-width:820px){
 body{font-size:19px;padding-bottom:0}
 .wrap{padding:0 40px}.nav .in{padding:14px 40px}
 .hide-m{display:inline}
 section{padding:88px 0}
 h2{font-size:44px}.lead{font-size:21px}
 .hero{padding:56px 0 88px}
 .hero .grid{grid-template-columns:1.2fr .8fr}
 .hero h1{font-size:64px}
 .phone{width:340px}
 .steps,.cards,.plans,.blogs{grid-template-columns:repeat(3,1fr)}
 .split{grid-template-columns:1fr 1fr;gap:64px}
 .sticky{left:auto;right:24px;bottom:24px;border-radius:999px;border:1px solid var(--line);padding:8px 8px 8px 22px;transform:translateY(140%);transition:transform .3s}
 .sticky.show{transform:none}
}
