/* V4 site-wide pages. Shared navigation and approved homepage are kept in the base sheets. */
.home-v4 { --sans: 'Schibsted Grotesk', 'Helvetica Neue', sans-serif; }
.home-v4 .bar { display: none; }
.home-v4 .sn__links > a.active { color: var(--forest); }
.home-v4 .sn__links > a.active::after { background: var(--green); }
.home-v4 .sn__prod > summary.active > span:first-child::after { background: var(--green); }
.home-v4 .sf a { font-size: 13px; }
.home-v4 .sf__k { font-family: var(--sans); font-size: 10px; }
.home-v4 .sf__brand p { font-family: var(--sans); font-size: 13px; line-height: 1.8; }
.home-v4 .btn { border-radius: 6px; font-family: var(--sans); font-size: 12px; letter-spacing: 0; text-transform: none; }
.home-v4 main a:not(.v3-button):hover { text-decoration-thickness: 1px; text-underline-offset: 5px; }
.page-hero { padding: 85px var(--gutter) 75px; border-bottom: 1px solid var(--rule); }
.page-hero > div:first-child { max-width: 900px; }
.page-hero .eyebrow { color: #56745a; margin-bottom: 24px; }
.page-hero h1 { font-size: clamp(46px, 5.7vw, 82px); letter-spacing: -.05em; line-height: 1.08; font-weight: 500; }
.page-lead { max-width: 620px; font-size: 17px; line-height: 1.85; color: var(--ink-2); margin-top: 25px; }
.page-hero .hero-actions { margin-top: 28px; }
.page-hero--split { display: grid; grid-template-columns: 1.1fr 1fr; align-items: center; gap: 7%; }
.page-hero--split h1 { font-size: clamp(41px, 4.5vw, 65px); }
.page-hero--split .page-lead { font-size: 15px; }
.content-section { padding: 80px var(--gutter); border-bottom: 1px solid var(--rule); }
.content-section > .eyebrow { color: #56745a; margin-bottom: 24px; }
.content-section h2, .endcap h2 { font-size: clamp(35px, 3.8vw, 55px); line-height: 1.14; letter-spacing: -.045em; font-weight: 500; }
.feature-grid { display: grid; grid-template-columns: repeat(3, 1fr); gap: 37px; margin-top: 44px; }
.feature { border-top: 1px solid var(--rule); padding-top: 25px; }
.feature-index { font: 10px var(--mono); color: #65805c; display: block; margin-bottom: 24px; }
.feature h3 { font-size: 23px; letter-spacing: -.03em; line-height: 1.25; font-weight: 500; }
.feature p { font-size: 14px; line-height: 1.9; color: var(--ink-2); margin-top: 15px; }
.feature .text-link { margin-top: 22px; color: #3d6249; }
.content-section--dark { background: var(--forest); color: var(--paper); }
.content-section--dark > .eyebrow, .content-section--dark .feature-index { color: #b9d5ac; }
.content-section--dark h2 em { color: #c6e3a7; }
.content-section--dark .feature { border-color: #a9c88e40; }
.content-section--dark .feature p { color: #c3d2bd; }
.story-split { display: grid; grid-template-columns: 1fr 1fr; gap: 10%; align-items: center; }
.story-split .eyebrow { margin-bottom: 24px; color: #56745a; }
.story-split--reverse > div:first-child { order: 2; }
.story-body { font-size: 16px; line-height: 1.85; color: var(--ink-2); margin-top: 24px; max-width: 520px; }
.product-exhibit { border: 1px solid #cbd9c6; border-radius: 10px; background: #fffefa; box-shadow: 0 16px 48px #20472b0d; overflow: hidden; }
.exhibit-top { padding: 18px 24px; border-bottom: 1px solid #e0e8dc; background: #edf2e7; display: flex; gap: 9px; align-items: center; font: 9px var(--mono); color: #526b49; letter-spacing: .04em; }
.exhibit-top .live-dot { background: #6a965e; }
.exhibit-content { padding: 25px 24px 12px; }
.exhibit-content h3 { font-size: 28px; font-weight: 500; letter-spacing: -.04em; line-height: 1.2; margin-bottom: 24px; }
.exhibit-row { display: flex; justify-content: space-between; align-items: baseline; gap: 24px; border-top: 1px solid #e2e7dd; padding: 16px 0; font-size: 12px; }
.exhibit-row span { color: #71806a; }
.exhibit-row strong { font-weight: 500; text-align: right; max-width: 64%; }
.exhibit-footer { border-top: 1px solid #e0e8dc; padding: 15px 24px; background: #f7f9f2; color: #6a7964; font-size: 10px; line-height: 1.6; }
.endcap { display: flex; align-items: center; justify-content: space-between; gap: 40px; padding: 60px var(--gutter); background: #d8ebbd; }
.endcap .eyebrow { margin-bottom: 21px; }
.endcap h2 { font-size: clamp(32px, 3.3vw, 48px); max-width: 720px; }
.endcap p:not(.eyebrow) { font-size: 14px; line-height: 1.8; margin-top: 20px; color: #4b6044; max-width: 600px; }
.endcap > a { flex-shrink: 0; }
.platform-grid { display: grid; grid-template-columns: 1fr 1fr; gap: 25px; background: #edf2e7; }
.integration-card { padding: 30px; border: 1px solid #d4dfcd; border-radius: 9px; background: #fafbf6; }
.integration-head { display: flex; justify-content: space-between; gap: 20px; align-items: center; margin-bottom: 30px; }
.platform-symbol { width: 41px; height: 41px; background: #e5eddf; border-radius: 8px; display: grid; place-items: center; font-size: 23px; font-weight: 500; }
.integration-head .eyebrow { font-size: 9px; color: #5e7757; }
.integration-card h2 { font-size: 29px; }
.integration-card > p { font-size: 14px; line-height: 1.85; color: var(--ink-2); margin-top: 16px; }
.integration-limit { border-top: 1px solid var(--rule); padding-top: 18px; margin-top: 22px; font-size: 12px; line-height: 1.8; color: #64725e; }
.control-table { margin-top: 40px; }
.control-table > div { display: grid; grid-template-columns: 1fr 2fr; gap: 40px; padding: 25px 0; border-top: 1px solid var(--rule); }
.control-table strong { font-weight: 500; font-size: 17px; }
.control-table p { font-size: 14px; line-height: 1.85; color: var(--ink-2); }
.pricing-layout { display: grid; grid-template-columns: 1fr 1fr; gap: 9%; background: #eaf0e3; align-items: center; }
.pricing-main { background: #fcfdf8; border: 1px solid #cfddc6; border-radius: 10px; padding: 40px; box-shadow: 0 15px 45px #214b2610; }
.pricing-main .eyebrow { color: #627757; }
.pricing-number { font-size: clamp(62px, 6.5vw, 93px); letter-spacing: -.06em; margin: 25px 0 20px; line-height: 1; }
.pricing-number span { font-size: 16px; letter-spacing: -.02em; margin-left: 10px; color: #708065; }
.pricing-main > p:not(.eyebrow) { font-size: 14px; color: var(--ink-2); line-height: 1.9; }
.pricing-main > a { margin-top: 27px; width: 100%; }
.pricing-includes { display: grid; grid-template-columns: 1fr 1fr; gap: 16px; margin-top: 28px; padding-top: 25px; border-top: 1px solid var(--rule); font-size: 11px; color: #526a46; }
.pricing-detail dl { margin: 32px 0 24px; }
.pricing-detail dl > div { border-top: 1px solid var(--rule); padding: 16px 0; }
.pricing-detail dt { font-size: 11px; color: #6b7c60; margin-bottom: 6px; }
.pricing-detail dd { font-size: 14px; }
.founder-story { display: grid; grid-template-columns: .85fr 1.15fr; gap: 10%; align-items: center; }
.founder-portrait { background: #e6eddf; padding: 20px; border-radius: 10px; }
.founder-portrait img { width: 100%; height: auto; aspect-ratio: 4 / 5; object-fit: cover; border-radius: 6px; }
.founder-portrait span { display: block; font: 9px var(--mono); padding-top: 16px; color: #637759; }
.founder-story .eyebrow { margin-bottom: 24px; }
.founder-story p:not(.eyebrow) { font-size: 16px; color: var(--ink-2); line-height: 1.9; margin-top: 24px; }
.founder-story .text-link { margin-top: 25px; }
.start-layout { display: grid; grid-template-columns: 1.25fr 1fr; gap: 9%; align-items: start; }
.home-v4 .form-card { border: 1px solid #cfddc6; border-radius: 10px; background: #fffefa; padding: 28px; }
.home-v4 .form-card__k { font-family: var(--sans); text-transform: none; letter-spacing: 0; font-size: 14px; }
.home-v4 .form-card__k > span:last-child { font-size: 10px; }
.home-v4 .f-label { font: 12px/1.6 var(--sans); text-transform: none; letter-spacing: 0; margin-bottom: 8px; }
.home-v4 .f-input, .home-v4 .f-select, .home-v4 .f-textarea { font-family: var(--sans); font-size: 14px; border-radius: 5px; background: #f8faf3; min-height: 45px; }
.home-v4 .f-check { font: 12px var(--sans); }
.home-v4 .f-check input { accent-color: var(--forest); width: 17px; height: 17px; }
.home-v4 .f-checks { gap: 12px; flex-wrap: wrap; }
.home-v4 .f-fine, .home-v4 .form-done__sub { font: 12px/1.8 var(--sans); }
.home-v4 .f-submit { min-height: 48px; width: 100%; cursor: pointer; }
.home-v4 .f-submit:disabled { opacity: .6; cursor: wait; }
.home-v4 .form-err { font: 12px/1.8 var(--sans); }
.onboarding-note .eyebrow { margin-bottom: 23px; }
.onboarding-note ol { counter-reset: step; margin-top: 30px; }
.onboarding-note li { border-top: 1px solid var(--rule); padding: 20px 0 20px 34px; position: relative; counter-increment: step; }
.onboarding-note li::before { content: '0' counter(step); font: 9px var(--mono); position: absolute; top: 26px; left: 0; color: #6b825e; }
.onboarding-note strong { font-size: 15px; font-weight: 500; }
.onboarding-note li p { font-size: 13px; line-height: 1.85; color: var(--ink-2); margin-top: 9px; }
.audit-owner { display: flex; gap: 12px; align-items: center; margin-top: 22px; font-size: 12px; }
.audit-owner img { border-radius: 50%; object-fit: cover; }
.audit-owner small { color: var(--ink-2); }
.guide-grid { display: grid; grid-template-columns: 1fr 1fr; gap: 35px; }
.guide-card { text-decoration: none; }
.guide-art { display: flex; align-items: center; justify-content: space-between; height: 200px; background: #234e35; border-radius: 9px; color: #d4e9b8; padding: 32px; font-size: 74px; letter-spacing: -.05em; margin-bottom: 25px; }
.guide-art i { font-style: normal; opacity: .55; }
.guide-art--light { background: #dfe9ce; color: #5a7950; }
.guide-card h2 { font-size: 29px; margin-top: 14px; }
.guide-card > p:not(.eyebrow) { font-size: 14px; line-height: 1.9; margin: 17px 0; color: var(--ink-2); }
.guide-card:hover .guide-art i { opacity: 1; }
.home-v4 .pg-wrap { padding: 70px var(--gutter); }
.home-v4 .pg-wrap h1 { font-family: var(--sans); font-size: clamp(39px, 5vw, 68px); line-height: 1.12; letter-spacing: -.04em; }
.home-v4 .pg-wrap .pg-sub, .home-v4 .pg-wrap .pg-body, .home-v4 .legal-body p, .home-v4 .legal-hero p, .home-v4 .legal-summary p, .home-v4 .gd p, .home-v4 .gd li, .home-v4 .gd .note, .home-v4 .gd-lede { font-family: var(--sans); font-size: 15px; line-height: 1.85; }
.home-v4 .gd h2 { font-size: 31px; line-height: 1.25; }
.home-v4 .legal-body { max-width: 780px; }
.home-v4 .legal-body h2 { font: 500 25px/1.35 var(--sans); margin-top: 32px; }
.home-v4 .legal-body h3 { font: 500 18px/1.5 var(--sans); }
.home-v4 .legal-summary { border-radius: 8px; overflow: hidden; }
.home-v4 .sec-rail { top: 82px; z-index: 30; }
.beta-label { font: 7px var(--mono); border: 1px solid #bacab1; border-radius: 3px; padding: 3px 4px; margin-left: 3px; letter-spacing: .03em; }
.demo-evidence { margin-top: 14px; background: #edf3e5; border-radius: 5px; padding: 13px; font-size: 10px; color: #526b48; line-height: 1.8; }
.demo-evidence strong { font-weight: 500; }
.demo-evidence p { margin-top: 5px; }
.home-v4 .sn__mobile-panel { overscroll-behavior: contain; }
@media (max-width: 1100px) {
  .page-hero--split { gap: 5%; }
  .page-hero--split h1 { font-size: 46px; }
  .exhibit-content h3 { font-size: 25px; }
  .exhibit-row { font-size: 11px; gap: 14px; }
  .home-v4 .sn__links > a, .home-v4 .sn__prod > summary { padding-inline: 7px; font-size: 12px; }
}
@media (max-width: 800px) {
  .page-hero--split { grid-template-columns: 1fr; gap: 38px; }
  .page-hero--split > .product-exhibit { max-width: 600px; width: 100%; }
  .story-split { gap: 6%; }
  .feature-grid { gap: 23px; }
  .feature h3 { font-size: 21px; }
  .endcap { flex-direction: column; align-items: flex-start; }
  .start-layout { gap: 5%; }
  .home-v4 .form-card { padding: 22px; }
}
@media (max-width: 700px) {
  .page-hero { padding: 45px 24px; }
  .page-hero h1, .page-hero--split h1 { font-size: clamp(37px, 9.7vw, 49px); }
  .page-lead { font-size: 15px; }
  .page-hero .eyebrow { margin-bottom: 20px; }
  .content-section { padding: 55px 24px; }
  .content-section h2, .endcap h2 { font-size: 34px; }
  .feature-grid { grid-template-columns: 1fr; margin-top: 32px; gap: 27px; }
  .feature { padding-top: 20px; }
  .feature-index { margin-bottom: 16px; }
  .feature h3 { font-size: 23px; }
  .feature p { font-size: 14px; }
  .story-split, .pricing-layout, .founder-story, .start-layout, .guide-grid, .platform-grid { grid-template-columns: 1fr; gap: 30px; }
  .story-split--reverse > div:first-child { order: 0; }
  .story-body { font-size: 15px; }
  .exhibit-top { padding: 15px 18px; font-size: 8px; }
  .exhibit-content { padding: 21px 18px 9px; }
  .exhibit-content h3 { font-size: 25px; }
  .exhibit-footer { padding-inline: 18px; font-size: 9px; }
  .endcap { padding: 45px 24px; gap: 27px; }
  .integration-card { padding: 24px; }
  .integration-card h2 { font-size: 27px; }
  .integration-head .eyebrow { font-size: 8px; }
  .control-table > div { grid-template-columns: 1fr; gap: 12px; }
  .pricing-main { padding: 27px; }
  .pricing-number { font-size: 68px; }
  .pricing-includes { gap: 14px; font-size: 10px; }
  .founder-portrait { max-width: 420px; }
  .home-v4 .form-card { padding: 22px 18px; }
  .home-v4 .form-card__k > span:last-child { display: none; }
  .home-v4 .f-grid { grid-template-columns: 1fr; }
  .home-v4 .f-fine { font-size: 11px; }
  .onboarding-note { padding-top: 20px; }
  .guide-art { height: 175px; }
  .guide-card h2 { font-size: 28px; }
  .home-v4 .pg-wrap { padding: 45px 24px; }
  .home-v4 .pg-wrap h1 { font-size: 39px; }
  .home-v4 .sec-rail { top: 76px; }
  .home-v4 .gd h2 { font-size: 27px; }
  .home-v4 .gd p, .home-v4 .gd li { font-size: 14px; }
}

.home-v4 .sf__line { font-family: var(--sans); }
.home-v4 .f-check span { border-radius: 5px; font-family: var(--sans); text-transform: none; letter-spacing: 0; }
.home-v4 .form-done__stamp { transform: none; border-radius: 5px; font-family: var(--sans); letter-spacing: .04em; }

.home-v4 .f-hp { display: none; }

/* V5: make the audit deliverable visible before pricing. */
#product-demo { scroll-margin-top: 110px; }
.audit-preview { background: #eef2e8; border-top: 1px solid var(--rule); border-bottom: 1px solid var(--rule); }
.audit-preview-heading { display: grid; grid-template-columns: 1.1fr 1fr; gap: 10%; align-items: end; }
.audit-preview-heading .eyebrow { margin-bottom: 24px; }
.audit-preview-heading > p { max-width: 440px; color: var(--ink-2); line-height: 1.85; font-size: 16px; }
.audit-deliverables { display: grid; grid-template-columns: repeat(3, 1fr); gap: 38px; margin-top: 50px; }
.audit-deliverables article { border-top: 1px solid #bfcdbd; padding-top: 22px; }
.audit-number { font-family: monospace; font-size: 10px; letter-spacing: .1em; color: #52735b; }
.audit-deliverables h3 { font-size: 23px; letter-spacing: -.035em; line-height: 1.2; margin: 20px 0 14px; max-width: 290px; }
.audit-deliverables p, .audit-preview-foot p { color: var(--ink-2); font-size: 14px; line-height: 1.8; }
.audit-preview-foot { display: flex; align-items: center; justify-content: space-between; gap: 24px; margin-top: 40px; }
.audit-preview-foot p { max-width: 430px; font-size: 12px; }
@media (max-width: 720px) {
 .audit-preview-heading, .audit-deliverables { grid-template-columns: 1fr; gap: 25px; }
 .audit-deliverables { margin-top: 30px; }
 .audit-preview-foot { align-items: start; flex-direction: column; gap: 14px; }
 .audit-deliverables h3 { max-width: none; }
}

.audit-sample-hero { display:grid; grid-template-columns:1.35fr 1fr; gap:8%; align-items:center; }
.audit-sample-hero h1 { font-size:clamp(42px,4.8vw,70px); }
.sample-index { border:1px solid #c6d4bf; border-radius:8px; padding:30px; background:#edf2e7; }
.sample-index ol { list-style:none; padding:0; }
.sample-index li { display:flex; gap:20px; border-top:1px solid #d0dcc9; padding:20px 0; font-size:15px; line-height:1.5; }
.sample-index li span { font:11px var(--mono); color:#607759; padding-top:5px; }
.sample-index > p:last-child { margin-top:15px; color:var(--ink-2); font-size:12px; line-height:1.8; }
.sample-report { background:#fffefa; }
.sample-report-top { display:flex; justify-content:space-between; gap:20px; padding-bottom:25px; border-bottom:1px solid var(--rule); }
.sample-report-top > span { font-size:12px; color:var(--ink-2); }
.sample-finding { display:grid; grid-template-columns:1fr 3fr; gap:8%; padding:65px 0; border-bottom:1px solid var(--rule); }
.sample-finding:last-child { border-bottom:0; padding-bottom:0; }
.finding-margin { display:flex; flex-direction:column; gap:18px; }
.finding-margin > span { font:10px var(--mono); color:#5c7353; }
.finding-margin strong { font-size:12px; font-weight:500; }
.finding-body h2 { font-size:clamp(31px,3.3vw,47px); }
.finding-lead { font-size:17px; line-height:1.8; color:var(--ink-2); margin-top:25px; }
.finding-body dl { margin:30px 0; }
.finding-body dl > div { display:grid; grid-template-columns:140px 1fr; gap:25px; border-top:1px solid var(--rule); padding:20px 0; }
.finding-body dt { font-size:12px; font-weight:500; }
.finding-body dd { margin:0; font-size:14px; line-height:1.8; color:var(--ink-2); }
.finding-limit { background:#f0f3e9; border-left:2px solid #88a373; padding:16px 20px; font-size:12px; line-height:1.8; color:#52614a; }
.sample-next { border-top:1px solid var(--rule); padding-top:25px; }
.sample-next h3 { font-size:25px; font-weight:500; letter-spacing:-.03em; }
.sample-next ol { padding-left:20px; margin:25px 0; }
.sample-next li { padding:10px 0; font-size:14px; }
.sample-next p { margin-top:10px; color:var(--ink-2); line-height:1.8; }
.audit-founder { display:flex; justify-content:space-between; align-items:center; gap:30px; border-top:1px solid #bfcdbd; padding-top:30px; margin-top:35px; }
.audit-founder .founder-profile { margin:0; }
.audit-founder .founder-profile img { width:64px; height:64px; }
.sample-form-link { font-size:13px; line-height:1.8; margin-bottom:20px; color:var(--ink-2); }
.sample-form-link a { text-decoration:underline; text-underline-offset:4px; }
#sample-findings, #audit-preview-title { scroll-margin-top:110px; }
@media (max-width:720px) {
 .audit-sample-hero, .sample-finding { grid-template-columns:1fr; gap:30px; }
 .sample-index { margin-top:25px; padding:24px; }
 .sample-report-top { flex-direction:column; gap:12px; }
 .sample-finding { padding:40px 0; }
 .finding-margin { flex-direction:row; justify-content:space-between; }
 .finding-body dl > div { grid-template-columns:1fr; gap:10px; }
 .audit-founder { align-items:start; flex-direction:column; gap:18px; }
}