/* Varento sales-page upgrades. Kept separate so the existing intake form remains untouched. */

.hero-sales{padding-top:68px;padding-bottom:56px;min-height:auto;grid-template-columns:minmax(0,720px) 1fr;gap:54px}
.hero-sales .hero-copy{max-width:720px}
.hero-sales h1{max-width:720px;font-size:clamp(48px,6vw,78px)}
.hero-sales .lede{max-width:660px}
.launch-offer{display:flex;align-items:center;gap:14px;flex-wrap:wrap;margin-top:22px}
.launch-offer .old-price{font:600 18px 'DM Sans',sans-serif;color:#8d948f;text-decoration:line-through;text-decoration-thickness:2px;text-decoration-color:var(--orange)}
.launch-offer .promo-pill{display:inline-flex;align-items:center;gap:9px;padding:9px 12px;border:1px solid #f1a18b;background:#fff6f0;color:#a13c25;font-size:13px;font-weight:700}
.launch-offer .promo-pill strong{font-size:18px;color:var(--orange)}
.value-strip{display:flex;flex-wrap:wrap;gap:0;margin-top:28px;border-top:1px solid var(--line);border-bottom:1px solid var(--line);max-width:690px}
.value-strip span{padding:12px 18px 12px 0;margin-right:18px;font:500 12px 'DM Mono',monospace;color:#56615c}
.value-strip span+span{border-left:1px solid var(--line);padding-left:18px}

.demo-section{max-width:1240px;margin:0 auto;padding:26px 28px 106px}
.demo-header{display:flex;align-items:end;justify-content:space-between;gap:32px;margin-bottom:25px}
.demo-header h2{font-family:'Playfair Display',serif;font-size:clamp(34px,4vw,54px);line-height:1.02;letter-spacing:-2.4px;font-weight:500;margin:0;max-width:720px}
.demo-header p:last-child{max-width:390px;color:var(--muted);font-size:14px;margin:0}
.demo-label{display:inline-flex;align-items:center;gap:7px;font:500 10px 'DM Mono',monospace;letter-spacing:1px;text-transform:uppercase;color:var(--orange);margin-bottom:10px}
.demo-label:before{content:'';width:7px;height:7px;border-radius:50%;background:var(--orange)}
.demo-browser{border:1px solid #cacbc4;background:#f2f0e9;box-shadow:0 30px 70px #25302b18;overflow:hidden}
.demo-browser-bar{height:38px;display:flex;align-items:center;padding:0 13px;border-bottom:1px solid #d8d7cf;font:10px 'DM Mono',monospace;color:#8a8e89}
.demo-dots{display:flex;gap:5px;margin-right:14px}.demo-dots i{display:block;width:7px;height:7px;border-radius:50%;background:#c7c7c1}.demo-address{margin:auto;background:#fbfaf6;border:1px solid #dfded7;padding:4px 46px;color:#777d78}.demo-window{display:grid;grid-template-columns:1.2fr .8fr;min-height:500px;background:#f8f0e6;color:#202c27}
.demo-main{position:relative;min-height:500px;padding:28px 35px 34px;display:flex;flex-direction:column;background:linear-gradient(135deg,#253c35 0%,#1d2925 58%,#18211f 100%);color:#f7f3e9;overflow:hidden}
.demo-main:after{content:'';position:absolute;width:330px;height:330px;border-radius:50%;right:-72px;bottom:-100px;background:radial-gradient(circle at 38% 35%,#f0c570 0 12%,#d77842 13% 31%,#6c3428 32% 50%,#2b3832 51% 70%,transparent 71%);opacity:.92;box-shadow:0 0 0 25px #f4ede222,0 0 0 55px #f4ede20c}
.demo-nav{display:flex;align-items:center;gap:18px;position:relative;z-index:2;font:500 10px 'DM Mono',monospace;letter-spacing:.6px;text-transform:uppercase}
.demo-brand{font-family:'Playfair Display',serif;font-size:20px;text-transform:none;letter-spacing:.2px;margin-right:auto}
.demo-nav a{opacity:.72}.demo-nav .demo-book{opacity:1;border:1px solid #f4eada;padding:7px 10px}
.demo-hero-copy{position:relative;z-index:2;margin:auto 0;max-width:520px;padding:56px 0 30px}
.demo-kicker{font:500 10px 'DM Mono',monospace;text-transform:uppercase;letter-spacing:1.3px;color:#f0bc79;margin:0 0 14px}
.demo-hero-copy h3{font-family:'Playfair Display',serif;font-size:clamp(43px,5vw,69px);line-height:.94;letter-spacing:-2.6px;font-weight:500;margin:0 0 18px;max-width:540px}
.demo-hero-copy>p:not(.demo-kicker){max-width:430px;color:#cbd1cd;font-size:13px;line-height:1.6}
.demo-mini-actions{display:flex;gap:11px;margin-top:25px}.demo-mini-actions span{font-size:11px;font-weight:700;padding:10px 13px;background:#f3e8d4;color:#21322c}.demo-mini-actions span+span{background:transparent;border:1px solid #73807b;color:#fff}
.demo-side{padding:34px 30px;background:#fffaf2;display:flex;flex-direction:column;gap:24px}
.demo-side-title{display:flex;align-items:end;justify-content:space-between;border-bottom:1px solid #d9d1c5;padding-bottom:13px}.demo-side-title h4{font-family:'Playfair Display',serif;font-size:25px;font-weight:500;margin:0}.demo-side-title span{font:10px 'DM Mono',monospace;color:#8e7766}
.demo-menu-card{display:grid;grid-template-columns:68px 1fr auto;gap:13px;align-items:center;padding-bottom:15px;border-bottom:1px solid #e7ded2}
.demo-food{width:68px;height:58px;background:radial-gradient(circle at 48% 46%,#efc66d 0 18%,#b65c36 19% 34%,#567047 35% 43%,#ead8b8 44% 68%,#d7c3a2 69%);border-radius:50%}
.demo-menu-card:nth-of-type(3) .demo-food{background:radial-gradient(circle at 52% 45%,#f5e6c9 0 20%,#8f4d35 21% 36%,#dc9b53 37% 49%,#e7dac3 50% 68%,#cfb795 69%)}
.demo-menu-card:nth-of-type(4) .demo-food{background:radial-gradient(circle at 43% 42%,#d4e1a1 0 18%,#567642 19% 32%,#e28a46 33% 48%,#efe2c9 49% 68%,#d8c1a2 69%)}
.demo-menu-card b{display:block;font-family:'Playfair Display',serif;font-size:16px;font-weight:500}.demo-menu-card small{color:#8b8178;font-size:10px}.demo-menu-card>span:last-child{font:600 11px 'DM Mono',monospace}
.demo-contact{margin-top:auto;padding:16px;background:#f1e8dc}.demo-contact b{display:block;font-size:12px;margin-bottom:6px}.demo-contact span{display:block;color:#766e67;font-size:10px;line-height:1.6}
.demo-foot{display:flex;justify-content:space-between;align-items:center;gap:20px;margin-top:17px;color:var(--muted);font-size:12px}.demo-foot strong{color:var(--ink)}
.demo-foot .button{padding:11px 15px}

.how.compact-how{padding-top:78px;padding-bottom:78px}
.how.compact-how .steps{margin-top:44px}
.how.compact-how h2{margin-bottom:0}
.builder-intro.compact-intro h2{font-size:38px;line-height:1.04}
.builder-intro.compact-intro>p:not(.eyebrow){margin-bottom:0}
.builder-intro.compact-intro .quote-note{margin-top:22px}

.proof-strip{max-width:1240px;margin:-45px auto 90px;padding:0 28px;display:grid;grid-template-columns:repeat(3,1fr);gap:1px;background:var(--line)}
.proof-strip article{background:var(--cream);padding:23px 24px}
.proof-strip b{display:block;font-size:14px;margin-bottom:5px}.proof-strip p{font-size:12px;color:var(--muted);margin:0}

@media(max-width:900px){
  .demo-window{grid-template-columns:1fr}.demo-main{min-height:440px}.demo-side{min-height:380px}.demo-header{align-items:start;flex-direction:column}.proof-strip{grid-template-columns:1fr;margin-top:-35px}.value-strip span+span{border-left:0;padding-left:0}.value-strip span{border-bottom:1px solid var(--line);width:100%;margin:0}.value-strip span:last-child{border-bottom:0}.hero-sales{display:block}.demo-nav a:not(.demo-book){display:none}
}
@media(max-width:620px){
  .hero-sales{padding-top:44px}.launch-offer{align-items:flex-start}.demo-section{padding:18px 20px 78px}.demo-main{padding:23px 20px;min-height:420px}.demo-side{padding:25px 20px}.demo-address{padding:4px 16px}.demo-browser-bar{padding:0 8px}.demo-foot{align-items:flex-start;flex-direction:column}.proof-strip{padding:0 20px}.demo-hero-copy h3{letter-spacing:-2px}.demo-mini-actions{flex-wrap:wrap}
}