body{background:var(--vyne-paper);color:var(--vyne-ink)}
::selection{background:var(--vyne-sage);color:var(--vyne-ink)}
.site-header{background:color-mix(in srgb,var(--vyne-paper) 90%,transparent)}
.button--primary,.reg__btn{background:var(--vyne-honey);color:var(--vyne-ink)}
.button--primary:hover,.reg__btn:hover{background:#c99535;color:var(--vyne-ink)}
.hero-pin{background:var(--vyne-paper)}
.hero-pin:after{background:linear-gradient(0deg,var(--vyne-paper),transparent)}
.motion-ready .intro-grid>.usp-card,.intro-grid>.usp-card{background:#e9ece5;color:var(--vyne-pine)}
.motion-ready .intro-grid>.usp-card.is-active{background:var(--vyne-sage);color:var(--vyne-ink)}
.motion-ready .intro-grid>.usp-card:nth-child(2).is-active{background:var(--vyne-pine);color:var(--vyne-paper);--art-paper:#2e4540}
.motion-ready .intro-grid>.usp-card:nth-child(3).is-active{background:#e8dfca;color:var(--vyne-ink);--art-paper:#f5f4ef}
.usp-card .ministry-art{left:15%;width:70%;top:34%;height:auto;max-height:49%}
.usp-card.is-active .ministry-art{top:24%}
.ministry-art [data-art]{transform-box:fill-box;transform-origin:center}
.quote-section{background:var(--vyne-sage)}
.product-stage:before,.insight-stage:before{background:radial-gradient(ellipse at 55% 60%,#c2cfc680,transparent 65%)}
.insight-chart,.mini-insight-art{background:#e8ece5}
.floating-followup p,.insight-window,.insight-question{background:var(--vyne-paper)}
.insight-trend{stroke:var(--vyne-pine)}
.platform-visual{background:radial-gradient(ellipse at 40% 110%,var(--vyne-pine),transparent 75%),var(--vyne-ink)}
.switching{background:var(--vyne-ink)}
.inline-registration{grid-template-columns:minmax(0,1fr) minmax(0,1fr);align-items:start;gap:80px;border-top:1px solid #c2cfc6}
.inline-registration .reg{background:#eceee7;padding:32px;border:1px solid #c2cfc680;border-radius:24px;box-shadow:none}
.inline-registration .reg__grid{gap:20px}.inline-registration .reg__in{background:var(--vyne-paper);border-color:#c2cfc6;color:var(--vyne-ink)}
.inline-registration .reg__l{color:var(--vyne-pine)}
.inline-registration .reg__btn{width:100%;margin-top:8px}
.inline-registration .reg__fine{color:#62716b}
.inline-registration h2{position:sticky;top:110px}
.inline-registration>div>p:last-child{color:#62716b;font-size:20px}
.footer{background:#e9ece5}.footer-mark img{width:32px;height:32px}.logo img{object-fit:contain;width:100px;height:40px}
@media(max-width:1000px){.inline-registration{gap:40px}.inline-registration .reg{padding:24px}.usp-card .ministry-art{width:66%;left:17%}}
@media(max-width:760px){.inline-registration{display:flex;flex-direction:column;text-align:left;gap:32px}.inline-registration .reg{width:100%;padding:24px}.inline-registration .reg__grid{grid-template-columns:1fr}.inline-registration h2{position:static}.usp-card .ministry-art{width:70%;left:15%}}
.header{background:color-mix(in srgb,var(--vyne-paper) 92%,transparent)}
.header>.button{background:var(--vyne-ink);color:var(--vyne-paper)}
.header>.button:hover{background:var(--vyne-pine)}
.inline-registration h2 em{white-space:nowrap}
.motion-ready .header{background:rgba(245,244,239,.92)}
.people-art i{background:var(--vyne-sage);color:var(--vyne-ink)}
.people-art i:nth-child(2){background:#e8dfca}.people-art i:nth-child(3){background:#a5b9ac}
.chart-art i{background:var(--vyne-pine)}.chart-art i:last-child{background:var(--vyne-honey)}
@media(max-width:760px){
 .motion-ready .intro-grid>.usp-card,.intro-grid>.usp-card{height:480px;aspect-ratio:auto;min-height:480px}
 .usp-card .eyebrow{max-width:100%}
 .usp-card .ministry-art{max-height:40%}
 .intro-grid{scrollbar-width:none}.intro-grid::-webkit-scrollbar{display:none}
}
.map-sources>small{font-size:11px;line-height:1.45;color:var(--vyne-sage);text-align:center;padding:0 8px}
@media(max-width:760px){.map-sources>small{font-size:8px;padding:0 2px}}
.quote-card{min-width:0}.quote-slides{display:grid;min-height:390px}
.quote-slide{grid-area:1/1;display:flex;flex-direction:column;align-items:flex-start}
.quote-slide .quote-attribution{margin-top:auto;padding-top:32px}
.quote-slide .quote-attribution p{margin:0}
.quote-tabs{display:flex;gap:32px;margin-top:40px;align-items:center}
.quote-tabs button{padding:12px 0;border:0;border-bottom:2px solid transparent;background:none;color:var(--vyne-ink);opacity:.45;font-size:18px;font-weight:480;transition:opacity .2s,border-color .2s}
.quote-tabs button:hover,.quote-tabs button:focus-visible{opacity:1}
.quote-tabs button[aria-selected=true]{opacity:1;border-bottom-color:var(--vyne-ink)}
.quote-section .quote-visual{position:relative;display:grid;aspect-ratio:1/1;height:auto;overflow:hidden}
.quote-section .quote-image{grid-area:1/1;position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:center;filter:none!important;transform:none;transition:none}
.quote-section .quote-image:first-child{object-position:30% center}
@media(max-width:1100px){.quote-slides{min-height:390px}.quote-tabs{gap:24px}.quote-tabs button{font-size:16px}}
@media(max-width:760px){.quote-slides{min-height:340px}.quote-tabs{margin-top:28px;justify-content:space-between;gap:20px}.quote-section .quote-visual{aspect-ratio:4/3;max-height:none}.quote-slide .quote-attribution{padding-top:24px}}
/* Reserve the tallest quote so neither the controls nor the next section jump. */
.quote-slide[hidden]{display:flex!important;visibility:hidden;pointer-events:none}
.comparison{max-width:none;background:#e9ece5;padding-left:max(80px,calc((100vw - 1200px)/2));padding-right:max(80px,calc((100vw - 1200px)/2))}
.insight-benefits{gap:32px}.insight-benefits>div{min-width:0}
.insight-benefits .mini-insight-art{position:relative;display:block;aspect-ratio:1/1;height:auto;padding:0;overflow:hidden;background:#dfe5dc;border-radius:16px;margin-bottom:20px;font:400 12px/1.4 var(--font-sohne);color:var(--vyne-ink)}
.insight-benefits h3{font-size:20px;line-height:1.3;letter-spacing:0;margin:0 8px 4px}
.insight-benefits>div>p{font-size:17px;line-height:1.4;margin:0 8px;color:#62716b}
.mini-report{position:absolute;top:11%;left:10%;width:88%;min-height:110%;padding:8%;background:var(--vyne-paper);border:1px solid #101d1c08;border-radius:10px;box-shadow:0 8px 24px #101d1c0a;font-size:clamp(9px,.85vw,12px)}
.mini-report-kicker{font-size:.7em;letter-spacing:.1em;color:#62716b;margin-bottom:10px}
.mini-report>strong{display:block;font-size:1.5em;font-weight:500;line-height:1.2;margin-bottom:10px;letter-spacing:-.02em}
.mini-report>p{font-size:.85em;color:#62716b;line-height:1.45;margin-bottom:20px}
.mini-report table{width:100%;border-collapse:collapse;margin-bottom:20px;font-size:.9em}
.mini-report th{font-weight:400;color:#62716b;text-align:left}
.mini-report td,.mini-report th{padding:8px 0;border-bottom:1px solid #101d1c10}
.mini-report td:last-child,.mini-report th:last-child{text-align:right}
.mini-report td:last-child{font-variant-numeric:tabular-nums}
.mini-report>b{font-size:1em;font-weight:500}
.mini-highlight{display:flex;gap:12px;align-items:center;background:#c2cfc64a;margin-top:12px;padding:12px;border-radius:6px}
.mini-highlight>span{font-family:var(--font-signifier);font-size:2.2em}.mini-highlight>p{font-size:.9em}
.followup-art .mini-report{left:11%;width:89%;top:15%}
.mini-person{display:flex;align-items:center;gap:8px;padding:14px 0;border-bottom:1px solid #101d1c10}
.mini-person>span{display:grid;place-items:center;flex:0 0 28px;height:28px;border-radius:50%;background:var(--vyne-sage);font-size:.8em}
.mini-person:nth-of-type(3)>span{background:#e8dfca}
.mini-person div{min-width:0}.mini-person b,.mini-next b{display:block;font-weight:500;font-size:.9em}.mini-person small,.mini-next small{display:block;font-size:.75em;color:#62716b;margin-top:3px}.mini-person i{font-style:normal;margin-left:auto;opacity:.5}
.mini-next{display:flex;gap:12px;align-items:center;padding:15px 0}.mini-next>span{font:400 2.2em var(--font-signifier)}.mini-report-rule{height:1px;background:#101d1c10;margin-bottom:14px}
.connected-art>svg{position:absolute;inset:0;width:100%;height:100%}
.connected-sources{position:absolute;top:14%;left:7%;right:7%;display:flex;justify-content:space-between}
.connected-sources>div{width:25%;text-align:center}.connected-sources span{display:grid;place-items:center;margin:auto;width:42px;height:42px;border-radius:12px;background:var(--vyne-paper);font-size:25px;line-height:1;box-shadow:0 4px 12px #101d1c06}
.connected-sources small{display:block;font-size:clamp(9px,1vw,13px);color:#62716b;margin-top:8px}
.connected-wordmark{position:absolute;width:17%;left:41.5%;top:64%;height:6%;object-fit:contain}
.connected-art>p{position:absolute;top:85%;left:0;right:0;text-align:center;font-size:clamp(10px,1.1vw,14px);color:#62716b}
@media(max-width:1100px){.comparison{padding-left:48px;padding-right:48px}.insight-benefits{gap:24px}.insight-benefits h3{font-size:18px}.insight-benefits>div>p{font-size:15px}.mini-report td,.mini-report th{padding:6px 0}.mini-report>p,.mini-report table{margin-bottom:14px}.mini-person{padding:10px 0;gap:6px}.mini-person>span{flex-basis:22px;height:22px}.connected-sources span{width:32px;height:32px;font-size:22px}}
@media(max-width:760px){.comparison{padding-left:24px;padding-right:24px}.insight-benefits{display:flex;overflow-x:auto;scroll-snap-type:x mandatory;gap:20px;margin-left:-24px;margin-right:-24px;padding:0 24px;scroll-padding-left:24px;scrollbar-width:none}.insight-benefits::-webkit-scrollbar{display:none}.insight-benefits>div{flex:0 0 85%;scroll-snap-align:start}.mini-report{font-size:11px}.insight-benefits h3{font-size:19px}.insight-benefits>div>p{font-size:15px}.connected-sources small{font-size:11px}.connected-art>p{font-size:12px}}
.connected-sources span>svg{width:22px;height:22px}
@media(max-width:760px){
 .insight-benefits[data-active] .mini-insight-art{transform:scale(.85);transform-origin:center bottom;transition:transform .3s ease-out}
 .insight-benefits[data-active] .is-current .mini-insight-art{transform:scale(1)}
 .insight-benefits[data-active]>div>h3,.insight-benefits[data-active]>div>p{opacity:0;transition:opacity .3s ease-out}
 .insight-benefits[data-active]>.is-current>h3,.insight-benefits[data-active]>.is-current>p{opacity:1}
}
@media(prefers-reduced-motion:reduce){.insight-benefits[data-active] .mini-insight-art,.insight-benefits[data-active]>div>h3,.insight-benefits[data-active]>div>p{transition:none!important}}
@media(max-width:760px){.inline-registration h2 br{display:initial!important}}

/* An earlier, compact signup follows the introductory story. */
.early-access{display:grid;grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);gap:64px;align-items:center;scroll-margin-top:80px}
.early-access h2{position:static;margin:22px 0 24px;font-size:clamp(40px,4.5vw,60px);line-height:1.1}
.early-access-copy>p:not(.eyebrow){max-width:370px;font-size:20px;line-height:1.45;color:var(--vyne-pine)}
.early-access .early-access-copy .early-access-note{font-size:15px;margin-top:20px;color:#62716b}
.early-access .reg{min-width:0;width:100%}
@media(max-width:1000px){.early-access{gap:32px;grid-template-columns:minmax(0,.8fr) minmax(0,1.2fr)}}
@media(max-width:760px){.early-access{display:flex;align-items:stretch;gap:28px}.early-access h2{font-size:44px}.early-access .reg{padding:24px 20px}}