/* Eleven-example carousel and articles for the homepage review, using the live site's design tokens. */
#lnv-landing .lnv-examples{--gold:#f2c94c}
#lnv-landing .lnv-examples p,#lnv-landing .example-dialog p{margin:0}
#lnv-landing .lnv-examples .section-head{max-width:860px;margin-bottom:0}
#lnv-landing .lnv-examples .intro-note{font-size:.92rem;color:var(--text-2);margin-top:18px;max-width:78ch}
#lnv-landing .lnv-examples .chooser{display:flex;align-items:center;gap:14px;margin-top:40px;flex-wrap:wrap}
#lnv-landing .lnv-examples .chooser label{font-size:.85rem;color:var(--text-2)}
#lnv-landing .lnv-examples select{font:inherit;font-size:.92rem;padding:12px 14px;min-height:46px;background:var(--card);color:var(--ink);border:1px solid #a5aebc;border-radius:4px;max-width:100%}
#lnv-landing .lnv-examples .toolbar{display:flex;align-items:center;justify-content:space-between;gap:10px;margin:18px 0 16px;font-size:.85rem;color:var(--text-2)}
#lnv-landing .lnv-examples .controls{display:flex;align-items:center;gap:9px;flex:none}
#lnv-landing .lnv-examples .position{min-width:42px;font-size:.85rem;margin-right:6px}
#lnv-landing .lnv-examples .arrow{width:46px;height:46px;border:1px solid var(--ink);border-radius:4px;background:var(--ink);color:var(--on-dark);font:1.4rem/1 var(--sans);cursor:pointer}
#lnv-landing .lnv-examples .arrow:disabled{background:transparent;border-color:var(--line);color:var(--text-3);cursor:default}
#lnv-landing .lnv-examples .track{position:relative;display:flex;gap:22px;overflow-x:auto;scroll-snap-type:x mandatory;scrollbar-width:thin;padding-bottom:14px}
#lnv-landing .lnv-examples .track:focus-visible{outline-offset:4px}
#lnv-landing .lnv-examples .card{flex:0 0 92%;display:grid;grid-template-columns:1.55fr 1fr;min-height:355px;scroll-snap-align:start;background:var(--card);border:1px solid var(--line);border-radius:4px;overflow:hidden;min-width:0}
#lnv-landing .lnv-examples .copy{padding:32px;display:flex;flex-direction:column;align-items:flex-start}
#lnv-landing .lnv-examples .category,#lnv-landing .example-dialog .category{font-size:.73rem;letter-spacing:.08em;text-transform:uppercase;font-weight:600;color:var(--accent)}
#lnv-landing .lnv-examples .card h3{font-size:clamp(1.55rem,2.4vw,1.95rem);line-height:1.15;letter-spacing:-.02em;margin:20px 0 17px;max-width:25ch}
#lnv-landing .lnv-examples .copy p{font-size:.95rem;color:var(--text-2);margin-bottom:18px;max-width:52ch}
#lnv-landing .lnv-examples .badge{font-size:.69rem;line-height:1.5;padding:5px 9px;border:1px solid #bbd2cc;background:#eff8f5;color:#2e5b4b;margin-bottom:12px}
#lnv-landing .lnv-examples .badge.caution{border-color:#dfd0ae;background:#fff9ed;color:#705823}
#lnv-landing .lnv-examples .read{background:none;border:0;padding:8px 0;color:var(--accent);font:600 .92rem var(--sans);text-decoration:underline;text-underline-offset:4px;margin-top:auto;min-height:44px;cursor:pointer}
#lnv-landing .lnv-examples .read span{margin-left:6px}
#lnv-landing .lnv-examples .numbers{padding:32px;background:var(--ink);color:var(--on-dark);display:flex;flex-direction:column;align-items:flex-start}
#lnv-landing .lnv-examples .metric-label{font-size:.75rem;color:#c3c7d1}
#lnv-landing .lnv-examples .big-number{display:block;font:400 clamp(2.6rem,4vw,3.3rem)/1.1 var(--serif);color:var(--gold);margin:15px 0}
#lnv-landing .lnv-examples .numbers>p{font-size:.79rem;color:#c3c7d1;line-height:1.65}
#lnv-landing .lnv-examples .later{border-top:1px solid #34405b;margin-top:21px;padding-top:17px;width:100%}
#lnv-landing .lnv-examples .later strong{display:block;font-size:1.12rem;font-weight:500}
#lnv-landing .lnv-examples .later strong span{font-size:.78rem;color:#c3c7d1}
#lnv-landing .lnv-examples .later>span{font-size:.7rem;color:#c3c7d1}
#lnv-landing .lnv-examples .numbers p.small{font-size:.7rem;margin-top:20px;overflow-wrap:anywhere}
#lnv-landing .lnv-examples .hint{font-size:.8rem;color:var(--text-2);margin-top:10px}
#lnv-landing .lnv-examples .notes{padding:32px;background:var(--paper-2);margin-top:44px;border-radius:4px}
#lnv-landing .lnv-examples .notes h3{font-size:1.8rem;line-height:1.15;max-width:28ch;margin-bottom:18px}
#lnv-landing .lnv-examples .notes p{font-size:.9rem;color:var(--text-2);margin-top:14px;max-width:92ch}
#lnv-landing .lnv-examples .notes details{margin-top:20px}
#lnv-landing .lnv-examples .notes summary{cursor:pointer;color:var(--accent);font-size:.92rem;min-height:44px;padding:8px 0}
#lnv-landing .lnv-examples .method{padding-top:10px}

#lnv-landing .example-dialog{position:fixed;inset:0;margin:auto;width:min(900px,calc(100% - 32px));max-width:none;max-height:90dvh;border:1px solid var(--line);border-radius:6px;padding:0;background:var(--paper);color:var(--text);overflow-y:auto;overscroll-behavior:contain;box-shadow:0 30px 100px rgba(0,0,0,.4);line-height:1.65}
#lnv-landing .example-dialog::backdrop{background:rgba(6,14,34,.78);backdrop-filter:blur(5px)}
#lnv-landing .example-dialog .dialog-top{position:sticky;top:0;z-index:2;background:var(--paper);border-bottom:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;padding:12px 24px;gap:16px}
#lnv-landing .example-dialog .dialog-top>span{font-size:.78rem;color:var(--text-2)}
#lnv-landing .example-dialog .close{background:var(--card);border:1px solid var(--line);border-radius:4px;min-width:44px;height:44px;color:var(--ink);font:1rem var(--sans);cursor:pointer}
#lnv-landing .example-dialog .story{padding:32px}
#lnv-landing .example-dialog .story>h2{font-size:clamp(1.8rem,4vw,2.7rem);line-height:1.12;letter-spacing:-.02em;margin:16px 0 22px}
#lnv-landing .example-dialog .story-lead{font-size:1.06rem;color:var(--text-2)}
#lnv-landing .example-dialog .story section{margin-top:32px}
#lnv-landing .example-dialog .story h3{font-size:1.5rem;line-height:1.25;margin-bottom:18px}
#lnv-landing .example-dialog .story section>p{font-size:.94rem;color:var(--text-2);margin-top:16px}
#lnv-landing .example-dialog .fit-box{background:var(--paper-2);padding:18px;margin-top:24px}
#lnv-landing .example-dialog .fit-box h3{font-size:1.25rem;margin-bottom:12px}
#lnv-landing .example-dialog .fit-box p{font-size:.86rem;color:var(--text-2)}
#lnv-landing .example-dialog a{color:var(--accent);text-decoration:underline;text-underline-offset:4px;overflow-wrap:anywhere}
#lnv-landing .example-dialog table{width:100%;border-collapse:collapse;background:var(--card);font-size:.85rem;line-height:1.6;margin:22px 0;table-layout:fixed}
#lnv-landing .example-dialog caption{text-align:left;padding:12px;font-weight:600}
#lnv-landing .example-dialog th,#lnv-landing .example-dialog td{padding:12px;border:1px solid var(--line);vertical-align:top;text-align:left;overflow-wrap:anywhere}
#lnv-landing .example-dialog th{width:61%;font-weight:500}
#lnv-landing .example-dialog .fine{font-size:.8rem}
#lnv-landing .example-dialog .formula{padding:20px;background:var(--paper-2);border-left:3px solid var(--accent);margin-top:22px;font-size:.9rem;line-height:1.9}
#lnv-landing .example-dialog .note{padding:18px;background:#fff5d8;border-left:3px solid #c99b1b;margin-top:22px;font-size:.86rem;color:#514b3b}
#lnv-landing .example-dialog .done{margin-top:30px;background:var(--ink);color:var(--on-dark);border:0;border-radius:4px;padding:12px 20px;min-height:46px;font:500 .95rem var(--sans);cursor:pointer}

@media(max-width:850px){
#lnv-landing .lnv-examples .copy,#lnv-landing .lnv-examples .numbers{padding:24px}
#lnv-landing .lnv-examples .card{grid-template-columns:1.2fr 1fr;flex-basis:97%}
#lnv-landing .lnv-examples .card h3{font-size:1.65rem}
}
@media(max-width:600px){
#lnv-landing .lnv-examples .chooser{display:block;margin-top:28px}
#lnv-landing .lnv-examples .chooser label{display:block;margin-bottom:7px}
#lnv-landing .lnv-examples select{width:100%}
#lnv-landing .lnv-examples .toolbar{margin-top:16px;font-size:.78rem}
#lnv-landing .lnv-examples .controls{gap:7px}
#lnv-landing .lnv-examples .position{margin-right:1px}
#lnv-landing .lnv-examples .card{flex-basis:100%;grid-template-columns:1fr;min-height:0}
#lnv-landing .lnv-examples .copy{min-height:320px}
#lnv-landing .lnv-examples .card h3{font-size:1.65rem;margin:16px 0;max-width:24ch}
#lnv-landing .lnv-examples .copy p{font-size:.92rem}
#lnv-landing .lnv-examples .copy,#lnv-landing .lnv-examples .numbers{padding:23px}
#lnv-landing .lnv-examples .numbers{display:grid;grid-template-columns:1fr 1fr;gap:0 14px}
#lnv-landing .lnv-examples .metric-label,#lnv-landing .lnv-examples .big-number,#lnv-landing .lnv-examples .numbers>p:not(.small){grid-column:1/-1}
#lnv-landing .lnv-examples .big-number{font-size:2.7rem;margin:10px 0}
#lnv-landing .lnv-examples .later{border-top:0;margin-top:15px;padding-top:0}
#lnv-landing .lnv-examples .later strong{font-size:1rem}
#lnv-landing .lnv-examples .later>span{font-size:.67rem;display:block;margin-top:4px}
#lnv-landing .lnv-examples .numbers p.small{margin-top:15px;font-size:.65rem;line-height:1.6}
#lnv-landing .lnv-examples .badge{font-size:.65rem}
#lnv-landing .lnv-examples .notes{padding:23px}
#lnv-landing .lnv-examples .notes h3{font-size:1.6rem}
#lnv-landing .lnv-examples .notes p{font-size:.85rem}
#lnv-landing .example-dialog{width:calc(100% - 20px);max-height:93dvh}
#lnv-landing .example-dialog .dialog-top{padding:10px 18px}
#lnv-landing .example-dialog .story{padding:23px}
#lnv-landing .example-dialog .story>h2{font-size:1.95rem}
#lnv-landing .example-dialog .story h3{font-size:1.4rem}
#lnv-landing .example-dialog .story section>p{font-size:.9rem}
#lnv-landing .example-dialog .fit-box{padding:15px}
#lnv-landing .example-dialog table{font-size:.78rem}
#lnv-landing .example-dialog th,#lnv-landing .example-dialog td{padding:10px}
}
@media(prefers-reduced-motion:reduce){#lnv-landing .lnv-examples .track{scroll-behavior:auto}}

/* Draft 2: tools line, three headline figures, step-by-step articles. */
#lnv-landing .lnv-examples .copy .tools-line{font-size:.85rem;margin-bottom:14px}
#lnv-landing .lnv-examples .copy .tools-line strong{color:var(--text);font-weight:600}
#lnv-landing .lnv-examples .numbers .fig{width:100%;padding:12px 0;border-top:1px solid #34405b}
#lnv-landing .lnv-examples .numbers .fig:first-child{border-top:0;padding-top:0}
#lnv-landing .lnv-examples .numbers .fig-value{display:block;font-size:1.3rem;font-weight:500;margin-top:2px}
#lnv-landing .lnv-examples .numbers .fig-main .big-number{margin:6px 0 0}
#lnv-landing .lnv-examples .numbers p.small{margin-top:14px}
#lnv-landing .example-dialog .glance{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin-top:24px}
#lnv-landing .example-dialog .glance .fig{background:var(--ink);color:var(--on-dark);padding:16px 18px;border-radius:4px}
#lnv-landing .example-dialog .glance .metric-label{display:block;font-size:.72rem;color:#c3c7d1}
#lnv-landing .example-dialog .glance .fig-value{display:block;font:400 1.45rem/1.2 var(--serif);margin-top:6px}
#lnv-landing .example-dialog .glance .fig-gold{color:#f2c94c}
#lnv-landing .example-dialog .story h4{font:600 .95rem var(--sans);margin:22px 0 4px}
#lnv-landing .example-dialog .story ol,#lnv-landing .example-dialog .story ul{padding-left:22px;color:var(--text-2);font-size:.93rem;margin:12px 0 0}
#lnv-landing .example-dialog .story li{margin-top:8px}
#lnv-landing .example-dialog .story ol.ai-steps li::marker{color:var(--accent);font-weight:600}
#lnv-landing .example-dialog .story details{margin-top:14px}
#lnv-landing .example-dialog .story summary{cursor:pointer;color:var(--accent);font-size:.9rem;min-height:44px;padding:8px 0}
#lnv-landing .example-dialog .story .method p{font-size:.88rem;color:var(--text-2);margin-top:10px}
@media(max-width:600px){
#lnv-landing .lnv-examples .numbers{display:block}
#lnv-landing .lnv-examples .numbers .fig-main .big-number{font-size:2.5rem}
#lnv-landing .example-dialog .glance{grid-template-columns:1fr;gap:8px}
#lnv-landing .example-dialog .glance .fig{padding:12px 14px}
#lnv-landing .example-dialog .glance .fig-value{font-size:1.3rem}
}
#lnv-landing .lnv-examples .numbers .fig-gold{color:#f2c94c;font:400 1.6rem/1.2 var(--serif)}

/* Two options per example: AI automation and AI agent side by side. */
#lnv-landing .lnv-examples .card-duo{grid-template-columns:minmax(0,1fr) minmax(0,1.75fr)}
#lnv-landing .lnv-examples .card-duo .copy .fit-line{font-size:.85rem;margin-bottom:12px}
#lnv-landing .lnv-examples .card-duo .copy .fine-line{font-size:.72rem;color:var(--text-3);margin:auto 0 0}
#lnv-landing .lnv-examples .options{display:grid;grid-template-columns:1fr 1fr;min-width:0}
#lnv-landing .lnv-examples .option{padding:26px 24px;min-width:0}
#lnv-landing .lnv-examples .option-agent{background:#16224a;border-left:1px solid #34405b}
#lnv-landing .lnv-examples .option-label{font-size:.72rem;letter-spacing:.08em;text-transform:uppercase;font-weight:600;color:var(--on-dark)}
#lnv-landing .lnv-examples .option-tools{display:block;font-size:.74rem;color:#c3c7d1;margin:4px 0 14px}
#lnv-landing .lnv-examples .option .big-number{font-size:clamp(2rem,3vw,2.5rem)}
#lnv-landing .lnv-examples .option .fig-value{font-size:1.15rem}
#lnv-landing .lnv-examples .option p.small{margin-top:10px;font-size:.7rem}
#lnv-landing .lnv-examples .option .read{color:#f2c94c;margin-top:12px;font-size:.86rem;text-align:left}
#lnv-landing .example-dialog .switch{background:none;border:1px solid var(--line);border-radius:4px;padding:10px 14px;margin-top:16px;color:var(--accent);font:600 .88rem var(--sans);cursor:pointer;min-height:44px}
#lnv-landing .example-dialog .dialog-actions{display:flex;flex-wrap:wrap;gap:12px;align-items:center;margin-top:30px}
#lnv-landing .example-dialog .dialog-actions .done,#lnv-landing .example-dialog .dialog-actions .switch{margin-top:0}
@media(max-width:850px){#lnv-landing .lnv-examples .card-duo{grid-template-columns:1fr}}
@media(max-width:600px){#lnv-landing .lnv-examples .options{grid-template-columns:1fr}#lnv-landing .lnv-examples .option-agent{border-left:0;border-top:1px solid #34405b}#lnv-landing .lnv-examples .card-duo .copy{min-height:0}}
#lnv-landing .lnv-examples .option .best-case{font-size:.74rem;line-height:1.5;color:var(--on-dark);margin-top:12px;padding:8px 10px;background:rgba(255,255,255,.06);border-left:2px solid #f2c94c}
#lnv-landing .lnv-examples .option .best-case strong{color:#f2c94c;font-weight:600}
#lnv-landing .lnv-examples .option .best-case{font-size:.74rem;line-height:1.5;color:var(--on-dark);margin-top:12px;padding:8px 10px;background:rgba(255,255,255,.06);border-left:2px solid #f2c94c}
#lnv-landing .lnv-examples .option .best-case strong{color:#f2c94c;font-weight:600}
#lnv-landing .lnv-examples .option .read{margin-top:auto;padding-top:14px}

/* 30-second video after the hero, and the blog teaser that replaces the homepage examples. */
#lnv-landing .video-frame{max-width:980px;border-radius:14px;overflow:hidden;background:var(--ink);box-shadow:0 30px 80px rgba(10,20,48,.25)}
#lnv-landing .video-frame video{display:block;width:100%;height:auto;aspect-ratio:16/9;background:var(--ink)}
#lnv-landing .blog-teaser-lead{margin:-18px 0 34px}
#lnv-landing .blog-teaser-more{margin-top:26px}
/* Homepage video: Sample A in the hero, in place of the paragraph. */
#lnv-landing .hero-video{width:min(100%,640px)}
#lnv-landing .hero-video .video-frame{border:1px solid var(--line-dark);box-shadow:0 30px 80px rgba(0,0,0,.35)}
/* Homepage spacing (16 Oct): shorter gaps between sections and under section headings, like the other pages. The hero,
   headings and cards keep their size. */
#lnv-landing main>.section{padding:clamp(52px,7vw,96px) 0}
#lnv-landing main>.section .section-head{margin-bottom:clamp(28px,3.5vw,44px)}
/* Links to /#lnv-services and /#lnv-estimate land with the heading or calculator card just below the fixed header: the
   html scroll-padding allows for the header, and these cancel the section's own top padding (as site.css did for
   #lnv-services with the original padding). */
#lnv-landing #lnv-services{scroll-margin-top:calc(32px - clamp(52px,7vw,96px))}
#lnv-landing #lnv-estimate{scroll-margin-top:calc(16px - clamp(52px,7vw,96px))}