@font-face{font-family:'Satoshi';font-weight:400;font-style:normal;font-display:swap;src:url('/assets/fonts/satoshi-400.woff2') format('woff2')}@font-face{font-family:'Satoshi';font-weight:500;font-style:normal;font-display:swap;src:url('/assets/fonts/satoshi-500.woff2') format('woff2')}@font-face{font-family:'Satoshi';font-weight:700;font-style:normal;font-display:swap;src:url('/assets/fonts/satoshi-700.woff2') format('woff2')}@font-face{font-family:'Satoshi';font-weight:900;font-style:normal;font-display:swap;src:url('/assets/fonts/satoshi-900.woff2') format('woff2')}
 h1,h2,.callout h2{font-family:'Satoshi',system-ui,-apple-system,sans-serif;font-weight:700;letter-spacing:-.025em;line-height:1.12}
 h1{font-size:clamp(32px,4.6vw,46px)}
 ::selection{background:rgba(176,134,58,.25)}
 .card a:not(.btn):not(.btn-book){color:#8f6b28}
 .statSync strong{display:block;font-size:24px;color:#c9a24a;font-family:'Satoshi',system-ui,-apple-system,sans-serif;font-weight:700}
 .statSync span{color:rgba(255,255,255,.6);font-size:13px}

 :root{
 --bg:#f6f4ef;
 --panel:#ffffff;
 --text:#283042;
 --muted:#5a6478;
 --border:#e5e1d6;
 --accent:#14213d;
 --accent2:#1c2c4f;
 --green:#0e8a4d;
 --shadow:0 10px 30px rgba(20,33,61,.10);
 --radius:12px;
 }
 *{box-sizing:border-box;margin:0;padding:0}
 html{scroll-behavior:smooth}
 body{
 font-family:'Satoshi',system-ui,-apple-system,Segoe UI,Roboto,Arial,sans-serif;
 background:var(--bg);
 color:var(--text);
 line-height:1.6;
 }

 /* ── NAV ── */
 nav{
 background:var(--panel);
 border-bottom:1px solid var(--border);
 position:sticky;
 top:0;
 z-index:100;
 box-shadow:0 1px 8px rgba(0,0,0,.06);
 }
 .nav-inner{
 max-width:1100px;
 margin:0 auto;
 padding:0 20px;
 height:100px;
 display:flex;
 align-items:center;
 justify-content:space-between;
 }
 .nav-brand{
 display:flex;
 align-items:center;
 gap:12px;
 text-decoration:none;
 color:var(--text);
 }
 .nav-brand img{height:96px;width:auto;display:block}
 .nav-brand-name{
 font-size:16px;
 font-weight:700;
 line-height:1.2;
 color:var(--text);
 }
 .nav-brand-name span{
 display:block;
 font-size:12px;
 font-weight:400;
 color:var(--muted);
 }
 .nav-phone{
 display:flex;
 align-items:center;
 gap:8px;
 text-decoration:none;
 color:#0c1326;
 font-weight:700;
 font-size:17px;
 background:#c9a24a;
 padding:10px 18px;
 border-radius:8px;
 transition:background .2s;
 }
 .nav-phone:hover{background:var(--accent2)}
 .nav-phone svg{width:18px;height:18px;fill:currentColor}

 /* ── HERO ── */
 .hero{
 background:linear-gradient(165deg,#14213d 0%,#0c1326 100%);
 color:#fff;
 text-align:center;
 padding:72px 20px 60px;
 }
 .hero-badge{
 display:inline-block;
 background:#c9a24a;
 color:#0c1326;
 font-size:12px;
 font-weight:700;
 letter-spacing:.08em;
 text-transform:uppercase;
 padding:6px 14px;
 border-radius:20px;
 margin-bottom:20px;
 }
 .hero h1{
 font-size:clamp(28px,5vw,48px);
 font-weight:800;
 line-height:1.15;
 margin-bottom:16px;
 }
 .hero h1 span{color:#c9a24a}
 .hero p{
 font-size:18px;
 color:rgba(255,255,255,.75);
 max-width:580px;
 margin:0 auto 32px;
 }
 .hero-trust{
 display:flex;
 justify-content:center;
 gap:28px;
 flex-wrap:wrap;
 font-size:14px;
 color:rgba(255,255,255,.65);
 }
 .hero-trust span{display:flex;align-items:center;gap:6px}
 .hero-trust svg{width:16px;height:16px;fill:var(--accent);flex-shrink:0}

 /* ── TIERS SECTION ── */
 .tiers-section{
 max-width:1100px;
 margin:0 auto;
 padding:64px 20px;
 }
 .section-label{
 text-align:center;
 font-size:13px;
 font-weight:700;
 letter-spacing:.1em;
 text-transform:uppercase;
 color:#8f6b28;
 margin-bottom:12px;
 }
 .section-title{
 text-align:center;
 font-size:clamp(22px,3.5vw,34px);
 font-weight:800;
 margin-bottom:8px;
 color:var(--text);
 }
 .section-sub{
 text-align:center;
 color:var(--muted);
 font-size:16px;
 margin-bottom:48px;
 max-width:560px;
 margin-left:auto;
 margin-right:auto;
 }

 .cards{
 display:grid;
 grid-template-columns:repeat(3,1fr);
 gap:24px;
 align-items:start;
 }
 @media(max-width:860px){
 .cards{grid-template-columns:1fr}
 }

 .card{
 background:var(--panel);
 border:2px solid var(--border);
 border-radius:16px;
 padding:32px 28px;
 box-shadow:var(--shadow);
 display:flex;
 flex-direction:column;
 gap:0;
 position:relative;
 transition:box-shadow .2s,transform .2s;
 }
 .card:hover{
 box-shadow:0 8px 40px rgba(0,0,0,.14);
 transform:translateY(-3px);
 }
 .card.featured{
 border-color:#c9a24a;
 border-width:2.5px;
 box-shadow:0 4px 32px rgba(201,162,74,.18);
 }
 .card.featured:hover{
 box-shadow:0 8px 48px rgba(201,162,74,.28);
 }

 .card-badge{
 position:absolute;
 top:-14px;
 left:50%;
 transform:translateX(-50%);
 background:#c9a24a;
 color:#0c1326;
 font-size:11px;
 font-weight:800;
 letter-spacing:.06em;
 text-transform:uppercase;
 padding:5px 16px;
 border-radius:20px;
 white-space:nowrap;
 }

 .tier-num{
 font-size:12px;
 font-weight:700;
 letter-spacing:.1em;
 text-transform:uppercase;
 color:var(--muted);
 margin-bottom:8px;
 }
 .card.featured .tier-num{color:#8f6b28}

 .card-title{
 font-size:22px;
 font-weight:800;
 color:var(--text);
 margin-bottom:6px;
 line-height:1.2;
 }

 .card-price{
 margin-bottom:20px;
 }
 .price-main{
 font-size:17px;
 font-weight:700;
 color:var(--text);
 display:block;
 }
 .price-sub{
 font-size:14px;
 color:var(--muted);
 }

 .card-divider{
 border:none;
 border-top:1px solid var(--border);
 margin:0 0 20px;
 }

 .feature-list{
 list-style:none;
 margin:0 0 28px;
 display:flex;
 flex-direction:column;
 gap:10px;
 flex:1;
 }
 .feature-list li{
 display:flex;
 align-items:flex-start;
 gap:10px;
 font-size:14px;
 color:var(--text);
 line-height:1.45;
 }
 .feature-list li svg{
 width:16px;height:16px;
 fill:var(--green);
 flex-shrink:0;
 margin-top:3px;
 }
 .card.featured .feature-list li svg{fill:var(--accent)}

 .card-ideal{
 background:var(--panel);
 border-radius:8px;
 padding:10px 14px;
 font-size:13px;
 color:var(--muted);
 margin-bottom:24px;
 line-height:1.45;
 }
 .card-ideal strong{color:var(--text)}

 .btn-book{
 display:block;
 text-align:center;
 text-decoration:none;
 padding:14px 20px;
 border-radius:10px;
 font-size:15px;
 font-weight:700;
 transition:background .2s,color .2s;
 background:var(--panel);
 color:var(--text);
 border:2px solid var(--border);
 }
 .btn-book:hover{
 background:var(--text);
 color:#fff;
 border-color:var(--text);
 }
 .card.featured .btn-book{
 background:#c9a24a;
 color:#0c1326;
 border-color:#c9a24a;
 }
 .card.featured .btn-book:hover{
 background:var(--accent2);
 border-color:var(--accent2);
 }

 /* ── WHAT'S INCLUDED ── */
 .compare-section{
 background:var(--panel);
 padding:64px 20px;
 }
 .compare-inner{
 max-width:860px;
 margin:0 auto;
 }
 .compare-table{
 width:100%;
 border-collapse:collapse;
 margin-top:32px;
 background:var(--panel);
 border-radius:12px;
 overflow:hidden;
 box-shadow:var(--shadow);
 font-size:14px;
 }
 .compare-table thead tr{
 background:var(--text);
 color:#fff;
 }
 .compare-table thead th{
 padding:14px 18px;
 text-align:left;
 font-weight:700;
 font-size:13px;
 }
 .compare-table thead th:not(:first-child){
 text-align:center;
 }
 .compare-table thead th.featured-col{
 background:#c9a24a;
 color:#0c1326;
 }
 .compare-table tbody tr:nth-child(even){background:var(--panel)}
 .compare-table tbody td{
 padding:12px 18px;
 border-bottom:1px solid var(--border);
 color:var(--text);
 vertical-align:middle;
 }
 .compare-table tbody td:not(:first-child){text-align:center}
 .compare-table tbody tr:last-child td{border-bottom:none}
 .check{color:var(--green);font-size:18px;font-weight:700}
 .check-accent{color:#8f6b28;font-size:18px;font-weight:700}
 .cross{color:#8a919c;font-size:16px}
 @media(max-width:600px){
 .compare-table{font-size:12px}
 .compare-table thead th,
 .compare-table tbody td{padding:10px 10px}
 }

 /* ── WHY SECTION ── */
 .why-section{
 max-width:1100px;
 margin:0 auto;
 padding:64px 20px;
 }
 .why-grid{
 display:grid;
 grid-template-columns:repeat(3,1fr);
 gap:24px;
 margin-top:40px;
 }
 @media(max-width:700px){.why-grid{grid-template-columns:1fr}}
 .why-card{
 text-align:center;
 padding:32px 20px;
 border:1px solid var(--border);
 border-radius:12px;
 }
 .why-icon{
 width:52px;height:52px;
 background:rgba(201,162,74,.12);
 border-radius:12px;
 display:flex;align-items:center;justify-content:center;
 margin:0 auto 16px;
 }
 .why-icon svg{width:26px;height:26px;fill:var(--accent)}
 .why-card h3{font-size:16px;font-weight:700;margin-bottom:8px}
 .why-card p{font-size:14px;color:var(--muted)}

 /* ── CTA ── */
 .cta-section{
 background:var(--text);
 color:#fff;
 text-align:center;
 padding:72px 20px;
 }
 .cta-section h2{font-size:clamp(22px,4vw,36px);font-weight:800;margin-bottom:12px}
 .cta-section p{color:rgba(255,255,255,.7);font-size:16px;margin-bottom:32px;max-width:480px;margin-left:auto;margin-right:auto}
 .cta-buttons{display:flex;gap:16px;justify-content:center;flex-wrap:wrap}
 .btn-primary{
 display:inline-block;
 text-decoration:none;
 background:#c9a24a;
 color:#0c1326;
 font-weight:700;
 font-size:16px;
 padding:15px 32px;
 border-radius:10px;
 transition:background .2s;
 }
 .btn-primary:hover{background:var(--accent2)}
 .btn-secondary{
 display:inline-block;
 text-decoration:none;
 background:transparent;
 color:#fff;
 font-weight:700;
 font-size:16px;
 padding:15px 32px;
 border-radius:10px;
 border:2px solid rgba(255,255,255,.3);
 transition:border-color .2s;
 }
 .btn-secondary:hover{border-color:#fff}

 /* ── FOOTER ── */
 footer{
 background:#111;
 color:rgba(255,255,255,.55);
 text-align:center;
 padding:32px 20px;
 font-size:13px;
 line-height:1.8;
 }
 footer strong{color:rgba(255,255,255,.8)}
 footer a{color:rgba(255,255,255,.7);text-decoration:none}
 footer a:hover{color:#c9a24a}