@import url("https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700;800&display=swap");
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;color:#161616;background:#ffffff;line-height:1.55}a{color:inherit;text-decoration:none}.nav{height:74px;display:flex;align-items:center;justify-content:space-between;padding:0 max(5vw,24px);border-bottom:1px solid #ececec;background:rgba(255,255,255,.96);position:sticky;top:0;z-index:10}.brand{display:flex;align-items:center;gap:9px;font-weight:850;letter-spacing:.03em}.mark{background:#111111;color:#fff;border-radius:7px;padding:7px 8px;font-size:12px}.nav nav{display:flex;align-items:center;gap:24px;font-size:14px}.btn{display:inline-block;background:#111111;color:white;border:0;border-radius:10px;padding:14px 20px;font-weight:750;cursor:pointer}.btn:hover{filter:brightness(.95)}.btn.small{padding:10px 15px}.btn.ghost{background:transparent;color:#111111;border:1px solid #cfcfcf}.btn.full{width:100%;text-align:center}.hero{min-height:650px;padding:90px max(7vw,30px);display:grid;grid-template-columns:1.08fr .92fr;align-items:center;gap:60px;background:radial-gradient(circle at 80% 40%,#f2f2f2,transparent 34%)}.eyebrow,.section-head>span{font-size:12px;font-weight:850;letter-spacing:.14em;color:#6a6a6a}.hero h1{font-family:Georgia,serif;font-size:clamp(48px,6vw,76px);line-height:.99;letter-spacing:-.045em;margin:14px 0 22px;max-width:760px}.lead{font-size:20px;color:#555555;max-width:650px}.actions{display:flex;gap:12px;margin-top:28px}.micro{font-size:13px;color:#707070;margin-top:18px}.product-stage{height:480px;position:relative}.phone{position:absolute;width:230px;height:440px;right:5%;top:0;background:#1b1e1c;border:7px solid #1b1e1c;border-radius:34px;box-shadow:0 30px 70px #0000001c;transform:rotate(5deg)}.screen{height:100%;border-radius:27px;background:#fafafa;padding:100px 22px 0;text-align:center;display:flex;flex-direction:column;gap:12px}.screen span{color:#e0a422;font-size:24px}.phone-top{position:absolute;width:80px;height:20px;background:#1b1e1c;border-radius:20px;left:68px;top:8px}.review-card,.visual-card{background:#111111;color:#fff;border-radius:18px;box-shadow:0 24px 55px #00000030}.review-card{position:absolute;width:300px;min-height:205px;left:3%;top:175px;padding:27px;transform:rotate(-6deg)}.review-card h3{font-family:Georgia,serif;font-size:27px;line-height:1.05;margin:10px 55px 10px 0}.tap-icon{position:absolute;right:25px;top:25px}.qr{position:absolute;right:25px;bottom:26px;background:white;color:#15261d;padding:5px;font-size:34px;line-height:1}.problem,#how,#benefits,#faq,.proof{padding:95px max(7vw,30px)}.section-head{max-width:760px;margin:0 auto 45px;text-align:center}.section-head h2,.custom h2,.pricing h2,.quote h2,.founder h2{font-family:Georgia,serif;font-size:clamp(36px,4vw,52px);line-height:1.06;letter-spacing:-.025em;margin:10px 0 16px}.section-head p{color:#666666}.compare{display:grid;grid-template-columns:1fr 1fr;gap:24px;max-width:1100px;margin:auto}.panel{border-radius:18px;padding:38px}.panel.muted{background:#f4f4f4}.panel.accent{background:#111111;color:white}.panel ol{padding-left:25px;line-height:2}.panel h3{font-size:27px}.panel em{color:#e7e7e7;font-style:normal}.pill{font-size:11px;letter-spacing:.1em;background:#333333;padding:7px 9px;border-radius:999px}.tapscan{margin-top:30px;background:#fff;color:#111111;border-radius:12px;padding:18px;display:flex;justify-content:space-around}.steps,.grid4,.stats{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;max-width:1150px;margin:auto}.steps article,.grid4 article,.stats article{background:white;border:1px solid #e5e5e5;border-radius:16px;padding:30px}.steps article>b{font-size:13px;color:#777777}.steps h3,.grid4 h3{font-size:21px}.center-note{text-align:center;color:#707070;margin-top:30px}.custom{padding:100px max(7vw,30px);display:grid;grid-template-columns:.85fr 1.15fr;gap:90px;align-items:center;background:#f5f5f3}.visual-card{min-height:340px;padding:45px;position:relative}.visual-card h3{font-family:Georgia,serif;font-size:39px;max-width:320px}.qr.big{font-size:70px;right:40px;bottom:45px}.chips{display:flex;flex-wrap:wrap;gap:8px;margin:24px 0 34px}.chips span{border:1px solid #d3d3d3;border-radius:999px;padding:8px 12px;background:#ffffff;font-size:13px}.grid4{grid-template-columns:repeat(4,1fr)}.proof{background:#111111;color:white}.proof .section-head>span{color:#cfcfcf}.stats article{background:#202020;border-color:#343434}.stats strong{font-family:Georgia,serif;font-size:36px}.source{max-width:1000px;margin:25px auto 0;text-align:center;color:#c8c8c8;font-size:12px}.pricing{padding:100px max(9vw,30px);display:grid;grid-template-columns:1fr 430px;gap:90px;align-items:center}.price-card{background:white;border:1px solid #e2e2e2;border-radius:20px;padding:36px;box-shadow:0 20px 50px #00000010}.price{font-family:Georgia,serif;font-size:50px;margin:8px 0 18px}.price span{font:16px Inter,system-ui;color:#707070}.price-card ul{padding-left:20px;line-height:2;margin-bottom:25px}.price-card>small:last-child{display:block;text-align:center;margin-top:10px;color:#777777}.faq{max-width:850px;margin:auto}.faq details{border-bottom:1px solid #e5e5e5;padding:20px 4px}.faq summary{font-weight:750;font-size:18px;cursor:pointer}.faq p{color:#666666}.quote{padding:100px max(9vw,30px);display:grid;grid-template-columns:.85fr 1.15fr;gap:75px;background:#f5f5f3}.quote form{background:white;padding:32px;border-radius:18px;border:1px solid #e0e0e0}.quote label{display:block;font-weight:700;font-size:13px;margin-bottom:16px}.quote input,.quote textarea{display:block;width:100%;margin-top:7px;border:1px solid #cbd6cd;border-radius:8px;padding:12px;font:inherit;background:#fff}.two{display:grid;grid-template-columns:1fr 1fr;gap:14px}.form-status,.privacy{font-size:12px;color:#707070}.founder{padding:100px max(9vw,30px);display:grid;grid-template-columns:320px 1fr;gap:70px;align-items:center}.founder-photo{height:360px;border-radius:20px;background:linear-gradient(145deg,#e8e8e8,#bdbdbd);display:flex;align-items:center;justify-content:center;color:#fff;font-weight:900;font-size:36px;letter-spacing:.2em}footer{padding:45px max(7vw,30px);background:#111111;color:#dddddd;display:grid;grid-template-columns:220px 1fr auto;gap:35px;align-items:center;font-size:12px}@media(max-width:850px){.nav nav a:not(.btn){display:none}.hero,.custom,.pricing,.quote,.founder{grid-template-columns:1fr}.hero{padding-top:60px}.product-stage{height:430px}.compare,.steps,.grid4,.stats{grid-template-columns:1fr}.custom,.pricing,.quote,.founder{gap:40px}.founder-photo{max-width:320px}.two{grid-template-columns:1fr}footer{grid-template-columns:1fr}.hero h1{font-size:50px}}@media(max-width:480px){.nav{padding:0 16px}.brand{font-size:13px}.nav .btn{font-size:12px}.hero,.problem,#how,#benefits,#faq,.proof,.custom,.pricing,.quote,.founder{padding-left:20px;padding-right:20px}.product-stage{transform:scale(.85);transform-origin:left top;width:115%}.panel{padding:26px}}
/* v3: closer to Ryan's original Lovable visual language */
.btn{
  background:#111111;
  color:#ffffff;
  border:1px solid #111111;
  border-radius:8px;
}
.btn:hover{background:#2a2a2a;filter:none}
.btn.ghost{
  background:#ffffff;
  color:#111111;
  border:1px solid #cfcfcf;
}
.btn.ghost:hover{background:#f6f6f6}
.review-card,.visual-card{background:#111111;color:#ffffff}
.panel.accent{background:#111111}
.proof{background:#111111}
.nav .btn{background:#111111;color:#ffffff}
.eyebrow,.section-head>span{color:#676767}
.hero h1,.section-head h2,.custom h2,.pricing h2,.quote h2,.founder h2{color:#111111}
.problem,#how,#benefits,#faq,.pricing,.founder{background:#ffffff}
.quote,.custom{background:#f6f6f4}

/* v4 — closer to the original Lovable site */
body{
  font-family:Inter, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
  color:#171717;
  background:#fff;
  letter-spacing:-.005em;
}
.nav{
  height:72px;
  border-bottom:1px solid #eeeeee;
  box-shadow:none;
}
.nav nav{gap:22px}
.brand{font-weight:800}
.mark{background:#111;border-radius:6px}
.hero{
  min-height:620px;
  background:#fff;
  grid-template-columns:1.02fr .98fr;
  gap:72px;
  padding-top:82px;
  padding-bottom:82px;
}
.hero h1{
  font-family:Inter, ui-sans-serif, system-ui, sans-serif;
  font-weight:800;
  font-size:clamp(48px,5.2vw,74px);
  line-height:1.01;
  letter-spacing:-.055em;
}
.section-head h2,.custom h2,.pricing h2,.quote h2,.founder h2{
  font-family:Inter, ui-sans-serif, system-ui, sans-serif;
  font-weight:760;
  letter-spacing:-.04em;
  line-height:1.05;
}
.hero-photo img,.custom-photo img{
  display:block;
  width:100%;
  border-radius:22px;
  object-fit:cover;
}
.hero-photo img{
  aspect-ratio:1/1;
}
.custom-photo img{
  aspect-ratio:1/1;
}
.hero-photo,.custom-photo{width:100%}
.btn{
  border-radius:8px;
  padding:13px 19px;
  font-weight:700;
  box-shadow:none;
}
.btn.ghost{background:#fff}
.problem{background:#fafafa}
.panel{border-radius:16px}
.panel.muted{background:#f1f1ef}
.panel.accent{background:#111}
.steps article,.grid4 article,.stats article,.price-card{
  box-shadow:none;
}
.steps article,.grid4 article{
  border-color:#ececec;
  border-radius:14px;
}
.custom{
  background:#f7f7f5;
  grid-template-columns:1fr 1fr;
}
.proof{
  background:#111;
}
.price-card{
  border-radius:16px;
}
.quote{
  background:#f7f7f5;
}
.quote form{
  border-radius:16px;
}
.founder{
  grid-template-columns:320px 1fr;
}
.founder-photo{
  height:auto;
  background:none;
  border-radius:20px;
  overflow:hidden;
}
.founder-photo img{
  width:100%;
  display:block;
  aspect-ratio:4/5;
  object-fit:cover;
}
footer{background:#111}
@media(max-width:850px){
  .hero{grid-template-columns:1fr}
  .hero-photo{max-width:620px}
  .founder{grid-template-columns:1fr}
  .founder-photo{max-width:320px}
}

/* v5 — typography refinement only */
body{
  font-family:"Inter", ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
}
.hero h1{
  font-family:"Inter", ui-sans-serif, system-ui, sans-serif;
  font-weight:800;
  letter-spacing:-0.055em;
}
.section-head h2,.custom h2,.pricing h2,.quote h2,.founder h2{
  font-family:"Inter", ui-sans-serif, system-ui, sans-serif;
  font-weight:800;
  letter-spacing:-0.045em;
}
.nav,.btn,.eyebrow,.section-head>span,.lead,.micro,.panel,.steps,.grid4,.stats,.price-card,.faq,.quote form,footer{
  font-family:"Inter", ui-sans-serif, system-ui, sans-serif;
}
.btn{font-weight:700}

.form-status{margin-top:14px;font-size:14px;color:#333}.form-status[hidden]{display:none}

.one-time{margin:-5px 0 18px;color:#333;font-size:15px}

.order-disclaimer{
  margin:6px 0 16px;
  padding:14px 15px;
  border-radius:9px;
  background:#f5f5f3;
  color:#444;
  font-size:13px;
  line-height:1.5;
}
.contact-email{margin-top:18px;color:#444}
.contact-email a{text-decoration:underline;text-underline-offset:3px}

.footer-brand{
  font-size:18px;
  font-weight:800;
  letter-spacing:-.025em;
  white-space:nowrap;
}
.built-by{
  display:inline-block;
  margin-top:5px;
  color:#bdbdbd;
}

.header-brand{
  display:inline-flex;
  align-items:center;
  gap:7px;
  white-space:nowrap;
}
.header-brand .brand-rest{
  font-weight:800;
  letter-spacing:-.025em;
  text-transform:none;
}

.nav .header-brand{
  display:inline-flex;
  align-items:center;
  gap:4px !important;
  letter-spacing:0;
}
.nav .header-brand .brand-rest{
  font-weight:800;
  letter-spacing:-0.025em;
  text-transform:none;
  margin-left:0;
}