:root{--paper:#F6F2EA;--surface:#FFFDF8;--line:#E2D9CA;--ink:#23241F;--muted:#5E5D55;--forest:#0F3B2A;--sand:#E9D8C4;--accent:#C4561B}
@media (prefers-color-scheme:dark){:root{--paper:#15130F;--surface:#1E1C17;--line:#34302A;--ink:#F1ECE2;--muted:#B5AE9F;--forest:#9FD1B3;--accent:#E98A55}}
*{box-sizing:border-box}
body{margin:0;background:var(--paper);color:var(--ink);font:17px/1.6 -apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,sans-serif}
.wrap{max-width:720px;margin:0 auto;padding:0 20px}
.top{background:#0A2A1D;color:#FFFDF8}
.top .wrap{display:flex;align-items:center;justify-content:space-between;gap:16px;flex-wrap:wrap;padding-top:14px;padding-bottom:14px}
.brand{color:#FFFDF8;font:700 20px/1.2 Georgia,"Times New Roman",serif;text-decoration:none}
nav{display:flex;gap:18px}
nav a{color:#E9D8C4;text-decoration:none;font-weight:600;font-size:15px}
nav a[aria-current=page]{color:#FFFDF8;text-decoration:underline;text-underline-offset:5px}
main{padding-top:36px;padding-bottom:24px}
h1{font:700 36px/1.15 Georgia,"Times New Roman",serif;margin:0 0 8px;letter-spacing:-.5px}
h2{font-size:21px;margin:36px 0 8px}
h3{font-size:17px;margin:24px 0 4px}
.lead{color:var(--muted);margin-top:0}
a{color:var(--forest)}
ul{padding-left:22px}
li{margin:6px 0}
.card{background:var(--surface);border:1px solid var(--line);border-radius:14px;padding:4px 20px 12px;margin-top:24px}
.card h2{margin-top:16px}
footer{border-top:1px solid var(--line);color:var(--muted);font-size:14px;padding-top:12px;padding-bottom:40px;margin-top:24px}
@media (max-width:480px){h1{font-size:30px}body{font-size:16px}}

.brand{display:flex;align-items:center;gap:10px}
.brand img{border-radius:8px}
.meet{display:grid;grid-template-columns:300px 1fr;gap:40px;align-items:center;padding:56px 20px}.meet img{width:100%;height:auto}.meet .overline{color:#C4561B;font-weight:700;letter-spacing:.12em;text-transform:uppercase;font-size:13px}.meet h2{font:700 40px/1.15 Georgia,"Times New Roman",serif;margin:8px 0 16px;color:#23241F}.meet p{font-size:18px;line-height:1.6}@media(max-width:700px){.meet{grid-template-columns:1fr;text-align:center}.meet img{width:220px;margin:0 auto}}
.hero-logo{display:block;width:340px;max-width:100%;height:auto;margin:0 0 22px}
.hero{position:relative;overflow:hidden;background:#0A2A1D;color:#FFFDF8}
.topo{position:absolute;inset:0;width:100%;height:100%;fill:none;stroke:rgba(233,216,196,.13);stroke-width:1.5}
.hero-grid{position:relative;display:grid;grid-template-columns:1.1fr .9fr;gap:40px;align-items:center;padding-top:56px;padding-bottom:56px}
.hero h1{color:#FFFDF8;font-size:48px;line-height:1.08;margin:8px 0 16px}
.hero-lead{color:rgba(255,253,248,.85);font-size:19px;margin:0 0 28px}
.overline{font-size:13px;font-weight:700;letter-spacing:1.4px;text-transform:uppercase;color:#E9D8C4;margin:0}
.overline.dark{color:var(--accent)}
.cta{display:flex;gap:12px;flex-wrap:wrap}
.btn{display:inline-block;padding:14px 22px;border-radius:12px;font-weight:700;text-decoration:none;font-size:16px}
.btn-sand{background:#E9D8C4;color:#0A2A1D}
.btn-ghost{color:#E9D8C4;border:1px solid rgba(233,216,196,.5)}
.btn-soon{color:#E9D8C4;border:1px dashed rgba(233,216,196,.55);font-weight:600}
.badge img{display:block;height:52px;width:auto}
.cta{align-items:center}
.cta-more{margin:18px 0 0}
.cta-more a{color:#E9D8C4;font-weight:600}
.phone{justify-self:center;width:100%;max-width:300px;border-radius:44px;padding:10px;background:#111;box-shadow:0 24px 60px rgba(0,0,0,.35)}
.phone img{display:block;width:100%;height:auto;border-radius:34px}
.stats{display:grid;grid-template-columns:repeat(4,1fr);gap:16px;padding-top:36px;padding-bottom:12px;text-align:center}
.stats strong{display:block;font:700 30px/1.1 Georgia,serif;color:var(--forest)}
.stats span{color:var(--muted);font-size:15px}
.feature{display:grid;grid-template-columns:1.1fr .9fr;gap:48px;align-items:center;padding-top:56px;padding-bottom:24px}
.feature.flip>div:first-child{order:2}
.feature h2{font:700 30px/1.2 Georgia,serif;margin:8px 0 12px}
.plans{padding-top:64px}
.plans>h2{font:700 32px/1.2 Georgia,serif;text-align:center;margin-bottom:28px}
.plan-grid{display:grid;grid-template-columns:1fr 1fr;gap:20px}
.plan{background:var(--surface);border:1px solid var(--line);border-radius:16px;padding:8px 24px 16px}
.plan-pro{background:#0A2A1D;color:#FFFDF8;border-color:#0A2A1D}
.plan-pro h3{color:#E9D8C4}
.plan-one{max-width:560px;margin:0 auto}
.plan h3{font-size:20px}
.fine{font-size:14px;opacity:.75}
.get{position:relative;overflow:hidden;background:#0A2A1D;color:#FFFDF8;text-align:center;margin-top:64px;padding:56px 0}
.get .wrap{position:relative}
.get h2{font:700 32px/1.2 Georgia,serif;margin:0 0 8px;color:#FFFDF8}
.get p{color:rgba(255,253,248,.85);margin:0 0 24px}
.get .cta{justify-content:center}
.creators{text-align:center;padding-top:56px;padding-bottom:24px}
.creators h2{font:700 26px/1.2 Georgia,serif}
body.landing .wrap{max-width:1040px}
@media (max-width:760px){
  .hero-grid,.feature,.plan-grid{grid-template-columns:1fr}
  .feature.flip>div:first-child{order:0}
  .hero h1{font-size:36px}
  .stats{grid-template-columns:repeat(2,1fr)}
  .phone{max-width:260px}
}