.lens-demo-main { color:#062638; }
.lens-demo-main section { scroll-margin-top:110px; }
.lens-demo-hero { display:grid; grid-template-columns:1.2fr 1fr; gap:70px; padding:80px clamp(22px,4.4vw,86px); align-items:center; }
.lens-demo-main h1,.lens-demo-main h2,.lens-demo-main h3 { font-family:var(--serif); font-weight:400; }
.lens-demo-main h1 { font-size:clamp(48px,6.5vw,100px); line-height:1.06; margin:24px 0; }
.demo-lead { font-size:20px; line-height:1.65; max-width:600px; margin-bottom:30px; }
.demo-caption { font-size:14px; line-height:1.6; margin-top:24px; max-width:580px; }
.lens-demo-hero .dark-button { display:inline-flex; align-items:center; gap:30px; padding:20px 26px; }
.lens-demo-visual { padding:clamp(28px,4vw,60px); color:#062638; background:#fff; background-image:linear-gradient(#0626380d 1px,transparent 1px),linear-gradient(90deg,#0626380d 1px,transparent 1px); background-size:44px 44px; }
.lens-demo-word { font-family:var(--serif); font-size:clamp(64px,7vw,110px); display:block; margin-bottom:42px; letter-spacing:-3px; }
.lens-demo-word > span { font-size:24px; vertical-align:top; }
.lens-demo-visual > div { display:flex; gap:30px; padding:22px 0; border-top:1px solid #06263826; align-items:center; }
.lens-demo-visual > div span { color:#062638; font-size:13px; }
.lens-demo-visual strong { font-family:var(--serif); font-size:30px; font-weight:400; }
.lens-demo-proof { background:#f2f5f6; display:grid; grid-template-columns:1fr 1fr; gap:60px; padding:54px clamp(22px,4.4vw,86px); }
.lens-demo-main h2 { font-size:clamp(36px,4.5vw,64px); line-height:1.13; margin:20px 0; }
.lens-demo-proof strong { font-family:var(--serif); font-weight:400; display:block; font-size:76px; line-height:1.1; }
.lens-demo-proof p { margin:14px 0; }.lens-demo-proof small { font-size:12px; }
.lens-demo-tour { padding:80px clamp(22px,4.4vw,86px); }
.demo-tour-grid { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:36px; margin-top:46px; }
.demo-tour-grid article { border-top:1px solid #b6a375; padding-top:24px; }
.demo-tour-grid h3 { font-size:30px; line-height:1.2; margin:22px 0; }
.demo-tour-grid article > p { font-size:16px; line-height:1.75; }
.lens-demo-outcomes { padding:65px clamp(22px,4.4vw,86px); background:#062638; color:white; }
.lens-demo-outcomes > div { display:grid; grid-template-columns:1fr 1fr; gap:0 50px; margin-top:40px; }
.lens-demo-outcomes > div p { border-top:1px solid #ffffff35; padding:24px 0; font-size:20px; }
.lens-demo-request { display:grid; grid-template-columns:1fr 1fr; gap:70px; padding:80px clamp(22px,4.4vw,86px); align-items:start; }
.lens-demo-request > div > p:not(.section-label) { line-height:1.7; max-width:500px; }
.lens-demo-request > div > a { display:inline-block; margin-top:28px; padding-bottom:8px; border-bottom:1px solid #b6a375; }
.demo-form { padding:26px; border:1px solid #d7e0e4; min-width:0; }
@media(max-width:900px) { .lens-demo-hero,.lens-demo-proof,.lens-demo-request { grid-template-columns:1fr; gap:36px; }.demo-tour-grid { grid-template-columns:1fr; }.lens-demo-hero { padding-top:45px; } }
@media(max-width:480px) { .lens-demo-outcomes > div { grid-template-columns:1fr; }.demo-form { padding:16px; }.lens-demo-tour,.lens-demo-request { padding-top:50px; } }

/* Let headings wrap naturally without short trailing lines. */
.lens-demo-main h1, .lens-demo-main h2, .lens-demo-main h3 { text-wrap: balance; }
.lens-demo-main p { text-wrap: pretty; }
/* Match the original LENS hero's fading blueprint and quiet watermark. */
.lens-demo-hero { position: relative; overflow: hidden; isolation: isolate; }
.lens-demo-hero::before { content: ""; position: absolute; inset: 0; z-index: -1; pointer-events: none; background-image: linear-gradient(rgba(6,38,56,.048) 1px,transparent 1px),linear-gradient(90deg,rgba(6,38,56,.048) 1px,transparent 1px); background-size: 34px 34px; mask-image: linear-gradient(90deg,transparent 0%,rgba(0,0,0,.16) 18%,rgba(0,0,0,.44) 42%,#000 74%,rgba(0,0,0,.9) 100%); -webkit-mask-image: linear-gradient(90deg,transparent 0%,rgba(0,0,0,.16) 18%,rgba(0,0,0,.44) 42%,#000 74%,rgba(0,0,0,.9) 100%); }
.lens-demo-hero::after { content: ""; position: absolute; right: -14vw; top: 10%; width: 52vw; height: 52vw; border: 1px solid rgba(6,38,56,.06); border-radius: 50%; z-index: -1; pointer-events: none; }
.lens-demo-visual { background: none; position: relative; min-height: 500px; display: flex; flex-direction: column; justify-content: flex-end; padding: 30px 0; }
.lens-demo-word { position: absolute; top: 4%; right: -60px; font-size: clamp(150px,23vw,360px); color: rgba(6,38,56,.042); line-height: 1; margin: 0; white-space: nowrap; z-index: -1; }
.lens-demo-word > span { font-size: 24px; letter-spacing: 0; }
.lens-demo-visual > div { padding: 16px 0; border-color: rgba(6,38,56,.12); }
.lens-demo-visual strong { font-family: var(--sans); font-size: 13px; font-weight: 700; letter-spacing: .13em; text-transform: uppercase; }
.lens-demo-visual > div span { font-size: 11px; }
@media(max-width:900px) { .lens-demo-visual { min-height: 320px; padding: 110px 0 0; } .lens-demo-word { right: 0; top: -10px; font-size: clamp(130px,27vw,240px); } }

/* Deck-based demo content, preserving the white fading blueprint treatment. */
.lens-demo-main h1 { font-size:clamp(44px,5.1vw,78px); }
.lens-demo-proof { background:#fff; border-block:1px solid #0626381c; }
.lens-demo-proof > div > p { line-height:1.7; }
.lens-demo-outcomes > .demo-lead { max-width:850px; }
.demo-compass-grid article { border-top:1px solid #ffffff35; padding:24px 0; }
.demo-compass-grid h3 { font-size:30px; line-height:1.2; margin:0 0 16px; }
.lens-demo-outcomes .demo-compass-grid article p { border:0; padding:0; margin:0; font-size:17px; line-height:1.7; }
.demo-capabilities-grid { display:grid; grid-template-columns:1fr 1fr; gap:50px; margin-top:36px; }
.demo-capabilities-grid article { border-top:1px solid #b6a375; padding-top:24px; }
.demo-capabilities-grid h3 { font-size:30px; margin:0 0 20px; }
.demo-capabilities-grid p { font-size:17px; line-height:1.7; }
.demo-capabilities > .demo-caption { max-width:850px; margin-top:40px; }
@media(max-width:700px) { .demo-capabilities-grid { grid-template-columns:1fr; gap:30px; } }

/* Keep each headline thought intact, including its opening article. */
.lens-demo-hero h1 { font-size:clamp(32px,4.7vw,72px); }
.lens-demo-hero h1 > span, .lens-demo-hero h1 > em { display:block; white-space:nowrap; }
@media(max-width:600px) { .lens-demo-hero h1 { font-size:clamp(28px,8.7vw,48px); } }