:root{
    --ivory:#FAF7F2; --cream:#F2ECE2; --gold:#B08A4F; --gold-d:#8C6A37;
    --ink:#1E1A15; --muted:#6B6258; --line:#E4DACB; --white:#fff;
    --serif:'Cormorant Garamond', Georgia, serif; --sans:'Inter', system-ui, sans-serif;
  }
  *{box-sizing:border-box;margin:0;padding:0}
  html{scroll-behavior:smooth}
  body{font-family:var(--sans);background:var(--ivory);color:var(--ink);line-height:1.6;-webkit-font-smoothing:antialiased}
  .wrap{max-width:1080px;margin:0 auto;padding:0 24px}
  section{padding:96px 0}
  .eyebrow{font-size:12px;letter-spacing:.22em;text-transform:uppercase;color:var(--gold-d);font-weight:600;margin-bottom:16px}
  h1,h2,h3{font-family:var(--serif);font-weight:600;line-height:1.1}
  h2{font-size:clamp(34px,5vw,52px);margin-bottom:20px}
  .lead{font-size:18px;color:var(--muted);max-width:680px}
  .gold{color:var(--gold)}

  /* HERO */
  .hero{min-height:92vh;display:flex;align-items:center;background:
    radial-gradient(ellipse at 80% 10%,rgba(176,138,79,.18),transparent 55%),
    radial-gradient(ellipse at 10% 90%,rgba(176,138,79,.12),transparent 50%),var(--ink);color:var(--ivory)}
  .hero h1{font-size:clamp(44px,7.5vw,88px);margin-bottom:28px;max-width:900px}
  .hero h1 em{font-style:italic;color:#D8B77E}
  .hero p{font-size:19px;color:#CFC6B8;max-width:620px;margin-bottom:40px}
  .hero .eyebrow{color:#D8B77E}
  .brandline{display:flex;gap:14px;align-items:center;font-size:13px;letter-spacing:.18em;text-transform:uppercase;color:#A89E90;margin-top:56px}
  .brandline span.x{color:#D8B77E}
  .btn{display:inline-block;background:var(--gold);color:var(--white);text-decoration:none;padding:16px 30px;border-radius:999px;font-weight:600;font-size:15px;transition:.2s}
  .btn:hover{background:var(--gold-d)}

  /* STATS */
  .stats{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;margin-top:48px}
  .stat{background:var(--white);border:1px solid var(--line);border-radius:18px;padding:32px 28px}
  .stat .n{font-family:var(--serif);font-size:54px;font-weight:700;color:var(--gold-d);line-height:1}
  .stat .l{margin-top:12px;color:var(--muted);font-size:15px}
  .src{font-size:12px;color:#9A9085;margin-top:18px}

  /* ROI */
  .roi{background:var(--cream)}
  .roi-box{display:grid;grid-template-columns:1fr 1fr;gap:28px;margin-top:44px;align-items:stretch}
  .panel{background:var(--white);border-radius:20px;padding:36px;border:1px solid var(--line)}
  .field{margin-bottom:26px}
  .field label{display:flex;justify-content:space-between;font-weight:600;font-size:15px;margin-bottom:10px}
  .field label b{color:var(--gold-d);font-family:var(--serif);font-size:22px}
  input[type=range]{width:100%;accent-color:var(--gold)}
  .seg{display:flex;gap:8px}
  .seg button{flex:1;padding:12px;border:1px solid var(--line);background:var(--ivory);border-radius:12px;font:600 14px var(--sans);cursor:pointer;color:var(--ink)}
  .seg button.on{background:var(--ink);color:var(--ivory);border-color:var(--ink)}
  .result{background:var(--ink);color:var(--ivory);border-radius:20px;padding:36px;display:flex;flex-direction:column;justify-content:center}
  .result .big{font-family:var(--serif);font-size:clamp(56px,8vw,84px);font-weight:700;color:#D8B77E;line-height:1}
  .result .cap{color:#CFC6B8;margin-top:10px;font-size:16px}
  .result hr{border:none;border-top:1px solid #3A332A;margin:26px 0}
  .result .row{display:flex;justify-content:space-between;font-size:15px;padding:6px 0;color:#CFC6B8}
  .result .row strong{color:var(--ivory)}

  /* COMPETITION */
  .comp{display:grid;grid-template-columns:repeat(4,1fr);gap:16px;margin-top:44px}
  .card{background:var(--white);border:1px solid var(--line);border-radius:18px;padding:26px}
  .card .city{font-size:12px;letter-spacing:.14em;text-transform:uppercase;color:var(--muted)}
  .card .name{font-family:var(--serif);font-size:24px;font-weight:600;margin:6px 0 16px}
  .card .f{font-family:var(--serif);font-size:40px;font-weight:700;line-height:1}
  .card .fl{font-size:13px;color:var(--muted)}
  .bar{height:6px;background:var(--cream);border-radius:9px;margin-top:16px;overflow:hidden}
  .bar i{display:block;height:100%;background:var(--gold);border-radius:9px}
  .card.top{border-color:var(--gold);box-shadow:0 10px 30px rgba(176,138,79,.15)}
  .insight{margin-top:36px;background:var(--ink);color:var(--ivory);border-radius:20px;padding:32px 36px;font-size:18px}
  .insight strong{color:#D8B77E}

  /* FUNNEL */
  .funnel{margin-top:48px;display:grid;gap:12px}
  .step{display:grid;grid-template-columns:70px 200px 1fr;gap:20px;align-items:center;background:var(--white);border:1px solid var(--line);border-radius:16px;padding:22px 26px}
  .step .num{font-family:var(--serif);font-size:38px;color:var(--gold);font-weight:700}
  .step h3{font-size:26px}
  .step p{color:var(--muted);font-size:15px}

  /* VS */
  .vs{display:grid;grid-template-columns:1fr 1fr;gap:20px;margin-top:44px}
  .vs .col{border-radius:20px;padding:34px}
  .vs .bad{background:var(--white);border:1px solid var(--line)}
  .vs .good{background:var(--ink);color:var(--ivory)}
  .vs h3{font-size:28px;margin-bottom:18px}
  .vs ul{list-style:none}
  .vs li{padding:10px 0;border-bottom:1px solid var(--line);font-size:15px;display:flex;gap:12px}
  .vs .good li{border-color:#3A332A;color:#E6DED2}
  .vs li:last-child{border:none}
  .vs .bad li::before{content:"✕";color:#B5654A;font-weight:700}
  .vs .good li::before{content:"✓";color:#D8B77E;font-weight:700}

  /* PACKAGES */
  .packs{background:var(--cream)}
  .pack-grid{display:grid;grid-template-columns:1fr 1fr;gap:24px;margin-top:48px;align-items:start}
  .pack{background:var(--white);border:1px solid var(--line);border-radius:24px;padding:40px;position:relative}
  .pack.rec{background:var(--ink);color:var(--ivory);border-color:var(--ink);transform:translateY(-8px);box-shadow:0 24px 60px rgba(30,26,21,.25)}
  .tag{position:absolute;top:-14px;left:40px;background:var(--gold);color:#fff;font-size:12px;font-weight:700;letter-spacing:.12em;text-transform:uppercase;padding:7px 14px;border-radius:999px}
  .pack h3{font-size:36px}
  .pack .for{color:var(--muted);font-size:15px;margin:6px 0 24px}
  .pack.rec .for{color:#B8AE9F}
  .price{font-family:var(--serif);font-size:58px;font-weight:700;line-height:1}
  .price small{font-family:var(--sans);font-size:15px;font-weight:500;color:var(--muted)}
  .pack.rec .price{color:#D8B77E}
  .pack.rec .price small{color:#B8AE9F}
  .pack ul{list-style:none;margin-top:28px}
  .pack li{padding:11px 0;border-bottom:1px solid var(--line);font-size:15px;display:flex;gap:12px}
  .pack.rec li{border-color:#3A332A}
  .pack li::before{content:"✓";color:var(--gold);font-weight:700}
  .pack li.plus{font-weight:600}
  .pack li.plus::before{content:"+";color:#D8B77E}
  .pack li.no{color:#A99F92}
  .pack li.no::before{content:"—";color:#C9BFB1}
  .note{margin-top:28px;font-size:14px;color:var(--muted);text-align:center}

  /* TIMELINE */
  .tl{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;margin-top:44px}
  .tl .m{border-top:3px solid var(--gold);padding-top:22px}
  .tl .m .eyebrow{margin-bottom:8px}
  .tl h3{font-size:28px;margin-bottom:12px}
  .tl p{color:var(--muted);font-size:15px}

  /* KPI */
  .kpis{display:grid;grid-template-columns:repeat(4,1fr);gap:16px;margin-top:40px}
  .kpi{background:var(--white);border:1px solid var(--line);border-radius:16px;padding:24px;text-align:center}
  .kpi .ic{font-family:var(--serif);font-size:34px;color:var(--gold)}
  .kpi h4{font-size:16px;margin-top:8px}
  .kpi p{font-size:13px;color:var(--muted);margin-top:4px}

  /* CTA */
  .cta{background:var(--ink);color:var(--ivory);text-align:center}
  .cta h2{max-width:780px;margin:0 auto 20px}
  .cta p{color:#CFC6B8;max-width:600px;margin:0 auto 36px;font-size:18px}
  footer{background:var(--ink);color:#8C8277;font-size:12px;padding:0 0 48px}
  footer .wrap{border-top:1px solid #3A332A;padding-top:28px}
  footer a{color:#A89E90}


  .ads{margin-top:14px;display:inline-block;background:var(--cream);color:var(--gold-d);font-weight:600;font-size:14px;padding:8px 14px;border-radius:10px}
  .pack.rec .ads{background:#2E2820;color:#D8B77E}
  .comp5{grid-template-columns:repeat(5,1fr)}
  .card .sub{font-size:12px;color:var(--muted);margin-top:6px}
  /* STRATEGY */
  .strat{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;margin-top:44px}
  .strat .panel h3{font-size:28px;margin-bottom:6px}
  .strat .panel .k{font-size:13px;color:var(--gold-d);font-weight:600;letter-spacing:.08em;text-transform:uppercase;margin-bottom:16px}
  .strat ul{list-style:none}
  .strat li{padding:9px 0;border-bottom:1px solid var(--line);font-size:14.5px}
  .strat li:last-child{border:none}
  .strat li b{display:block;font-size:15px}
  .strat li span{color:var(--muted);font-size:13.5px}
  .pill{display:inline-block;background:var(--cream);color:var(--gold-d);font-size:12px;font-weight:700;padding:3px 9px;border-radius:999px;margin-left:6px}
  /* BIG IDEA */
  .idea{background:var(--ink);color:var(--ivory);position:relative;overflow:hidden}
  .idea::before{content:"";position:absolute;inset:0;background:radial-gradient(ellipse at 85% 0%,rgba(216,183,126,.22),transparent 55%)}
  .idea .wrap{position:relative}
  .idea .eyebrow{color:#D8B77E}
  .idea .lead{color:#CFC6B8}
  .idea h2 em{color:#D8B77E;font-style:italic}
  .insight2{margin-top:36px;border:1px solid #3A332A;border-radius:20px;padding:28px 32px;font-size:18px;color:#E6DED2}
  .insight2 strong{color:#D8B77E}
  .mech{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;margin-top:28px}
  .mech .c{background:#26211B;border:1px solid #3A332A;border-radius:20px;padding:30px}
  .mech .c .no{font-family:var(--serif);font-size:44px;color:#D8B77E;line-height:1}
  .mech .c h3{font-size:27px;margin:12px 0 10px}
  .mech .c p{color:#CFC6B8;font-size:15px}
  .mech .c .res{margin-top:16px;padding-top:14px;border-top:1px solid #3A332A;font-size:14px;color:#D8B77E;font-weight:600}
  .math{margin-top:28px;display:grid;grid-template-columns:repeat(3,1fr);gap:16px;text-align:center}
  .math div{background:#26211B;border-radius:16px;padding:22px}
  .math .n{font-family:var(--serif);font-size:46px;color:#D8B77E;font-weight:700;line-height:1}
  .math .l{font-size:14px;color:#CFC6B8;margin-top:8px}
  /* WEBSITE */
  .site-grid{display:grid;grid-template-columns:1fr 1.1fr;gap:28px;margin-top:44px;align-items:start}
  .feat{list-style:none}
  .feat li{display:flex;gap:14px;padding:14px 0;border-bottom:1px solid var(--line)}
  .feat li .i{font-family:var(--serif);font-size:24px;color:var(--gold);min-width:28px}
  .feat li b{display:block}
  .feat li span{color:var(--muted);font-size:14px}
  .offer{margin-top:24px;background:var(--ink);color:var(--ivory);border-radius:18px;padding:24px 26px}
  .offer .p{font-family:var(--serif);font-size:40px;color:#D8B77E;font-weight:700;line-height:1}
  .offer .p s{color:#8C8277;font-size:26px;margin-right:10px}
  .offer p{color:#CFC6B8;font-size:14.5px;margin-top:8px}
  .browser{background:var(--white);border:1px solid var(--line);border-radius:18px;overflow:hidden;box-shadow:0 20px 50px rgba(30,26,21,.10)}
  .browser .bar2{display:flex;gap:6px;padding:12px 14px;background:var(--cream);border-bottom:1px solid var(--line);align-items:center}
  .browser .bar2 i{width:10px;height:10px;border-radius:50%;background:#D9CDBB;display:block}
  .browser .bar2 .url{margin-left:10px;font-size:12px;color:var(--muted);background:var(--white);padding:4px 12px;border-radius:8px;flex:1}
  .cal{padding:22px}
  .cal-h{display:flex;justify-content:space-between;align-items:center;margin-bottom:14px}
  .cal-h h4{font-family:var(--serif);font-size:26px}
  .cal-h button{border:1px solid var(--line);background:var(--ivory);border-radius:10px;width:34px;height:34px;cursor:pointer;font-size:16px}
  .cal-g{display:grid;grid-template-columns:repeat(7,1fr);gap:6px}
  .cal-g .dn{font-size:11px;text-transform:uppercase;letter-spacing:.08em;color:var(--muted);text-align:center;padding-bottom:4px}
  .cal-g .d{aspect-ratio:1;border-radius:10px;display:flex;align-items:center;justify-content:center;font-size:14px;font-weight:600;border:1px solid transparent}
  .cal-g .d.free{background:#EEF4EA;color:#3E6B35;cursor:pointer;border-color:#D5E5CD}
  .cal-g .d.free:hover{background:#3E6B35;color:#fff}
  .cal-g .d.busy{background:#F3E5E1;color:#A3584A;text-decoration:line-through}
  .cal-g .d.past{color:#CFC6B8}
  .cal-g .d.sel{background:var(--gold)!important;color:#fff!important}
  .legend{display:flex;gap:16px;font-size:12px;color:var(--muted);margin-top:12px}
  .legend i{display:inline-block;width:10px;height:10px;border-radius:3px;margin-right:6px;vertical-align:middle}
  .book{margin-top:16px;display:none;background:var(--cream);border-radius:14px;padding:16px}
  .book.on{display:block}
  .book input{width:100%;padding:11px 12px;border:1px solid var(--line);border-radius:10px;font:14px var(--sans);margin-top:8px;background:#fff}
  .book button{margin-top:10px;width:100%;border:none;background:var(--ink);color:#fff;padding:12px;border-radius:10px;font:600 14px var(--sans);cursor:pointer}
  .book .ok{font-size:14px;color:#3E6B35;font-weight:600;margin-top:10px;display:none}
  .demo{font-size:11px;color:var(--muted);text-align:center;padding:0 0 14px}
  @media (max-width:860px){
    .comp5{grid-template-columns:1fr 1fr}
    .strat,.mech,.math,.site-grid{grid-template-columns:1fr}
  }


  .ptable{width:100%;border-collapse:collapse;margin-top:48px;background:var(--white);border-radius:20px;overflow:hidden;border:1px solid var(--line);font-size:14.5px}
  .ptable th,.ptable td{padding:13px 16px;text-align:left;border-bottom:1px solid var(--line)}
  .ptable th{background:var(--ink);color:var(--ivory);font-weight:600;font-size:13px;letter-spacing:.04em}
  .ptable td:nth-child(n+2),.ptable th:nth-child(n+2){text-align:right;white-space:nowrap}
  .ptable td.u{color:var(--muted);font-size:13px}
  .ptable tr.tot td{font-weight:700;background:var(--cream)}
  .ptable tr.disc td{color:#3E6B35;font-weight:600}
  .ptable tr.final td{font-family:var(--serif);font-size:22px;font-weight:700;background:var(--ink);color:#D8B77E}
  .ptable tr.final td:first-child{color:var(--ivory)}
  .ptable tr.extra td{color:var(--muted);font-size:13.5px}
  .ptable-wrap{overflow-x:auto}
  .ptable-title{font-family:var(--serif);font-size:30px;font-weight:600;margin-top:56px}


  .dash{margin-top:56px}
  .dash h3{font-family:var(--serif);font-size:34px;margin-bottom:8px}
  .dash .lead{margin-bottom:28px}
  .dgrid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}
  .dcard{background:var(--white);border:1px solid var(--line);border-radius:16px;padding:22px}
  .dcard .i{font-family:var(--serif);font-size:28px;color:var(--gold)}
  .dcard b{display:block;margin-top:8px;font-size:16px}
  .dcard span{color:var(--muted);font-size:14px}
  @media (max-width:860px){.dgrid{grid-template-columns:1fr}}


  .first{display:block;margin-top:10px;font-size:14px;font-weight:600;color:#3E6B35}
  .pack.rec .first{color:#9FD18F}
  .ptable tr.promo td{color:#3E6B35;font-weight:700;background:#EEF4EA}

  @media (max-width:860px){
    section{padding:72px 0}
    .stats,.roi-box,.vs,.pack-grid,.tl{grid-template-columns:1fr}
    .comp,.kpis{grid-template-columns:1fr 1fr}
    .step{grid-template-columns:50px 1fr}
    .step p{grid-column:1/-1}
    .pack.rec{transform:none}
  }