/* gerngefunden — Stadtplan trifft Designjournal. Shared design system. */
:root {
  --canvas:#f7f5ee; --paper:#eeece2; --paper-deep:#e2e0d5; --white:#fff;
  --ink:#252923; --muted:#606458; --line:#d5d5c8; --lime:#f0f36d;
  --blue:#283dc2; --petrol-950:#222f8b; --petrol-900:#283dc2;
  --petrol-800:#2132a2; --petrol-700:#2132a2; --petrol-100:#f0f36d;
  --petrol-050:#eeece2; --bronze:#283dc2; --bronze-light:#f0f36d;
  --line-light:#ffffff40; --soft:#eeece2;
  --sans:Arial,Helvetica,sans-serif; --serif:Arial,Helvetica,sans-serif;
  --mono:'SFMono-Regular',Consolas,'Liberation Mono',monospace;
  --container:80rem; --narrow:48rem; --radius:4px; --radius-sm:3px;
  --space-section:clamp(4rem,8vw,7rem);
}
*,*::before,*::after{box-sizing:border-box}
html{color-scheme:light;scroll-behavior:smooth;scroll-padding-top:7rem}
body{margin:0;background:var(--canvas);color:var(--ink);font:1rem/1.65 var(--sans);-webkit-font-smoothing:antialiased}
body.menu-open{overflow:hidden}
:where(main *){min-width:0}
html:not(.nav-js) .site-header{position:relative}
html:not(.nav-js){scroll-behavior:auto}
img,svg{display:block;max-width:100%}
button,input,textarea,select{font:inherit}
button,a,input,select,textarea{-webkit-tap-highlight-color:transparent}
a{color:inherit;text-underline-offset:.24em;text-decoration-thickness:1px}
a:hover{color:var(--blue)}
button{cursor:pointer}
:focus-visible{outline:3px solid var(--blue);outline-offset:5px}
::selection{background:var(--lime);color:var(--ink)}
[hidden]{display:none!important}
h1,h2,h3,p,ul,ol,figure{margin:0 0 1.2rem}
h1,h2,h3{font-weight:500;letter-spacing:0;line-height:1.04;text-wrap:balance;overflow-wrap:anywhere}
h1{font-size:clamp(3.2rem,6.5vw,6.2rem);max-width:16ch}
h2{font-size:clamp(2.3rem,4.3vw,4.25rem);max-width:22ch}
h3{font-size:clamp(1.5rem,2.4vw,2.2rem);letter-spacing:0}
h2 em{font-family:Georgia,'Times New Roman',serif;font-weight:400}
p{max-width:68ch}
ul,ol{padding-left:1.25rem}
li+li{margin-top:.4rem}
small,.microcopy{font-size:.8rem}
.container,.home-wrap{width:min(var(--container),calc(100% - 6rem));margin-inline:auto}
.container--narrow{width:min(var(--narrow),calc(100% - 6rem));margin-inline:auto}
.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
.skip-link{position:fixed;top:1rem;left:1rem;z-index:100;transform:translateY(-200%);background:var(--lime);color:var(--ink);padding:1rem}
.skip-link:focus{transform:none}
.site-header{position:sticky;top:0;z-index:30;background:var(--canvas);border-bottom:1px solid var(--line)}
.nav-bar{display:flex;align-items:center;justify-content:space-between;gap:2rem;min-height:91px}
.brand{display:inline-flex;align-items:center;gap:.65rem;font-size:1.65rem;font-weight:750;letter-spacing:0;text-decoration:none;white-space:nowrap;color:var(--ink)}
.brand__logo{display:block;width:clamp(10.5rem,17vw,14.5rem);height:auto;aspect-ratio:1410 / 440;object-fit:contain;object-position:center;mix-blend-mode:multiply}
.brand::before{content:'';display:block;width:clamp(10.5rem,17vw,14.5rem);height:auto;aspect-ratio:1410 / 440;background:url('/assets/gerngefunden-logo.webp') center/contain no-repeat;mix-blend-mode:multiply}
.brand > span:not(.brand__mark){display:none}
/* Keep the supplied silhouette; inherit the text contrast on every surface. */
.brand-arrow{--arrow-size:max(1rem,1.35em);display:inline-block;width:var(--arrow-size);height:var(--arrow-size);background-color:currentColor;-webkit-mask:url('/assets/gerngefunden-arrow.webp') center/contain no-repeat;mask:url('/assets/gerngefunden-arrow.webp') center/contain no-repeat;vertical-align:-.35em;flex:none}
:where(a,button) .brand-arrow{--arrow-size:max(1.5rem,1.35em)}
.brand-arrow--right{transform:rotate(45deg)}
.brand-arrow--down{transform:rotate(135deg)}
.brand em{font-style:normal;font-weight:450}
.brand__mark{display:none}
.brand__mark::after{content:'';position:absolute;width:8px;height:8px;border-radius:50%;background:var(--canvas);top:8px;left:8px}
.primary-nav ul{display:flex;align-items:center;gap:1.6rem;list-style:none;padding:0;margin:0}
.primary-nav li{margin:0}
.primary-nav a{font-size:.8rem;text-decoration:none;white-space:nowrap;padding:.6rem 0}
.primary-nav a:hover,.primary-nav a[aria-current=page]:not(.button){text-decoration:underline;text-underline-offset:.6rem}
.primary-nav .button{padding:.8rem 1rem;font-size:.78rem}
.menu-toggle{display:none;border:1px solid var(--line);background:transparent;width:46px;height:46px;position:relative;color:var(--ink)}
.menu-toggle>span:first-child,.menu-toggle>span:first-child::after{position:absolute;width:20px;height:2px;background:currentColor;left:12px;top:17px;content:'';transition:transform .2s}
.menu-toggle>span:first-child::after{left:0;top:8px}
.menu-toggle[aria-expanded=true]>span:first-child{transform:translateY(4px) rotate(45deg)}
.menu-toggle[aria-expanded=true]>span:first-child::after{transform:translateY(-8px) rotate(-90deg)}
.button,.home-btn{display:inline-flex;align-items:center;justify-content:center;gap:1.5rem;padding:1.05rem 1.4rem;background:var(--blue);border:1px solid var(--blue);color:#fff;text-decoration:none;font-size:.9rem;font-weight:600;line-height:1.45;min-height:48px;transition:background .2s,transform .2s}
.button:hover,.home-btn:hover{background:var(--petrol-800);color:#fff;transform:translateY(-2px)}
.button,.home-btn{max-width:100%;overflow-wrap:anywhere;text-align:center}
.button:disabled{opacity:.6;cursor:wait;transform:none}
.button--outline{background:transparent;color:var(--blue)}
.button--light,.home-light{background:var(--lime);border-color:var(--lime);color:var(--ink)}
.button--light:hover,.home-light:hover{background:#fff;border-color:#fff;color:var(--ink)}
.button--outline-light{color:#fff;border-color:#ffffff88}
.button-row,.home-actions{display:flex;flex-wrap:wrap;gap:1rem;align-items:center;margin-top:2rem}
.button-row--center{justify-content:center}
.eyebrow,.home-eyebrow,.kicker{font:500 .68rem/1.5 var(--mono);letter-spacing:.1em;text-transform:uppercase;margin-bottom:1.5rem}
.eyebrow--light{color:var(--lime)}
.eyebrow--center{text-align:center}
.accent{color:var(--blue)}
.lede{font-size:1.12rem;line-height:1.7;color:var(--muted);max-width:58ch}
.breadcrumbs{font: .72rem var(--mono);color:var(--muted);margin-bottom:3rem}
.breadcrumbs a{margin-right:.5rem}
.page-hero{padding:2rem 0 4.5rem;border-bottom:1px solid var(--line);position:relative;overflow:hidden}
.page-hero::after{content:'↗';position:absolute;right:4%;top:4rem;color:var(--line);font-size:12rem;line-height:1;z-index:-1}
.page-hero__grid{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,.42fr);gap:4rem;align-items:end}
.page-hero h1{max-width:18ch;font-size:clamp(3rem,5.6vw,5.3rem)}
.page-hero__aside{border-top:1px solid var(--ink);padding-top:1.2rem;color:var(--muted);font-size:.93rem}
.page-hero--check{padding-bottom:2.5rem}
.page-hero--check h1{font-size:clamp(2.6rem,4.6vw,4.5rem);max-width:19ch}
.section{padding-block:var(--space-section)}
.section--paper{background:var(--paper)}
.section--dark{background:var(--blue);color:#fff}
.section--dark .accent,.section--dark .eyebrow{color:var(--lime)}
.section--dark .lede,.lede--light{color:#fff}
.section--dark a:hover{color:var(--lime)}
.section--dark :focus-visible,.cta-section :focus-visible{outline-color:var(--lime)}
.section--compact{padding-block:3rem}
.section__head{display:grid;grid-template-columns:1.2fr 1fr;gap:4rem;align-items:end;margin-bottom:3rem}
.section__head h2{margin-bottom:0}
.split{display:grid;grid-template-columns:1fr 1.15fr;gap:5rem;align-items:start}
.split__sticky{position:sticky;top:8rem}
.steps{counter-reset:steps}
.step{display:grid;grid-template-columns:minmax(0,19rem) minmax(0,1fr);gap:clamp(1.5rem,4vw,4rem);border-top:1px solid var(--line);padding:2.5rem 0}
.step__number{font:3rem/1 Georgia,serif;color:var(--blue)}
.step h2{font-size:clamp(1.7rem,2.4vw,2.5rem);overflow-wrap:normal}
.step__content h3{font-size:2rem}
.deliverables,.ownership{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:2rem;margin-top:3rem}
.ownership{grid-template-columns:repeat(4,minmax(0,1fr))}
.deliverable,.ownership__item{border-top:1px solid currentColor;padding-top:1.5rem}
.ownership__item>span{display:block;margin-bottom:.5rem;font-size:.85rem}
.ownership__item>strong{display:block;font-size:1.1rem;line-height:1.45;overflow-wrap:anywhere}
.deliverable h3,.ownership__item h3{font-size:1.4rem}
.deliverable p,.ownership__item p{font-size:.94rem}
.problem-list{list-style:none;padding:0}
.problem-list li{padding:1.6rem 0;border-bottom:1px solid var(--line);display:grid;grid-template-columns:2rem 1fr;gap:1rem}
.problem-list__number{color:var(--blue);font:1rem var(--mono)}
.check-list,.cross-list{list-style:none;padding:0;margin:1.5rem 0}
.check-list li,.cross-list li{position:relative;padding-left:1.7rem;margin-bottom:.8rem}
.check-list li::before,.cross-list li::before{content:'↗';position:absolute;left:0;color:var(--blue)}
.cross-list li::before{content:'—';color:var(--muted)}
.section--dark .check-list li::before{color:var(--lime)}
.audience-grid,.insight-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:2rem}
.audience-card,.insight-card{border-top:1px solid var(--ink);padding:2rem 0}
.audience-card__symbol,.insight-card__number{display:block;font:3rem/1 Georgia,serif;color:var(--blue);margin-bottom:2rem}
.examples-notice{max-width:60rem;margin:-1rem 0 2rem;color:var(--muted);font-size:.85rem}
.website-preview{margin:0 0 1.8rem}
.website-preview__link{display:block;overflow:hidden;border:1px solid var(--line);border-radius:6px;background:var(--white);text-decoration:none;box-shadow:0 8px 24px #2529230a}
.website-preview__link:hover{border-color:var(--blue)}
.website-preview__chrome{display:flex;align-items:center;justify-content:space-between;gap:.8rem;padding:.6rem .8rem;background:var(--paper);border-bottom:1px solid var(--line);font:.62rem/1.4 var(--mono);color:var(--muted)}
.website-preview__dots{display:flex;gap:4px}
.website-preview__dots i{width:6px;height:6px;border-radius:50%;background:#b4b5a9}
.website-preview img{width:100%;height:auto;aspect-ratio:7/5}
.website-preview figcaption{display:flex;justify-content:space-between;flex-wrap:wrap;gap:.3rem 1rem;margin-top:.7rem;font-size:.75rem;color:var(--muted)}
.website-preview figcaption strong{font-weight:600;color:var(--ink)}
.fit-grid{display:grid;grid-template-columns:1fr 1fr;gap:2rem}
.fit-grid--single{grid-template-columns:1fr}
.fit-card{padding:2rem;background:var(--paper);border:1px solid var(--line)}
.fit-card--muted{background:transparent}
.fit-card--on-dark{color:#fff;background:#ffffff0d;border-color:#ffffff55}
.fit-card h3{font-size:1.7rem}
.roles{display:grid;grid-template-columns:1fr 1fr;gap:3rem}
.role__portrait{height:180px;background:var(--paper);border-top:1px solid var(--ink);display:flex;align-items:center;justify-content:center;color:var(--blue);font:6rem/1 Georgia,serif;margin-bottom:1.5rem}
.role__portrait{position:relative;overflow:hidden}
.role__portrait::before{content:'↗';display:grid;place-items:center;width:115px;height:115px;background:var(--blue);color:var(--lime);font:100px/1 Arial,sans-serif;transform:rotate(-8deg);position:relative;z-index:1}
.role__portrait::after{content:'';position:absolute;width:115px;height:115px;border:1px solid var(--blue);transform:translate(24px,8px) rotate(8deg)}
.role:nth-child(2) .role__portrait{background:#e7e8df}
.role:nth-child(2) .role__portrait::before{content:'Aa';font:italic 64px/1 Georgia,serif;background:var(--lime);color:var(--ink);transform:rotate(5deg)}
.role:nth-child(2) .role__portrait::after{border-radius:50%;transform:translate(-28px,8px)}
.role__label{font:.72rem var(--mono);text-transform:uppercase;letter-spacing:.1em;color:var(--muted)}
.founder-principles{display:grid;grid-template-columns:repeat(3,1fr);gap:2rem}
.principle{border-top:1px solid var(--line);padding-top:1.5rem}
.principle h3{font-size:1.5rem}
.timeline{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:2rem;list-style:none;padding:0;margin-top:3rem}
.timeline li{border-top:1px solid var(--line);padding-top:1.5rem;margin-top:0}
.timeline__time{display:block;font:.72rem var(--mono);margin-bottom:1.5rem;color:var(--blue)}
.timeline h3{font-size:1.5rem}
.timeline p{font-size:.92rem}
.faq-list{margin-top:2.5rem}
details{border-bottom:1px solid var(--line)}
details:first-child{border-top:1px solid var(--line)}
summary{position:relative;cursor:pointer;padding:1.4rem 2.5rem 1.4rem 0;list-style:none;font-weight:500;line-height:1.5}
summary::-webkit-details-marker{display:none}
summary::after{content:'+';position:absolute;right:.3rem;font:1.5rem/1 var(--mono);top:1.4rem;color:var(--blue)}
details[open]>summary::after{content:'−'}
details[open]>summary{color:var(--blue)}
.faq-list__answer,details>p{padding:0 2.5rem 1.25rem 0;font-size:.94rem;color:var(--muted)}
.section--dark details[open]>summary,.section--dark summary::after,.section--dark .faq-list__answer{color:#fff}
.cta-section{padding:var(--space-section) 0;background:var(--lime);color:var(--ink)}
.cta-section__grid{display:grid;grid-template-columns:1.4fr 1fr;gap:4rem;align-items:center}
.cta-section .eyebrow,.cta-section .accent,.cta-section .lede--light{color:var(--ink)}
.cta-section .button--light{background:var(--blue);color:#fff;border-color:var(--blue)}
.cta-section .button--outline-light{color:var(--ink);border-color:var(--ink)}
.cta-section .button--light:hover,.cta-section .button--outline-light:hover{background:var(--petrol-800);border-color:var(--petrol-800);color:#fff}
.cta-section :focus-visible{outline-color:var(--blue)}
.comparison-wrap{overflow:auto;border:1px solid var(--line)}
.comparison-table{border-collapse:collapse;width:100%;min-width:760px;font-size:.87rem}
.comparison-table th,.comparison-table td{padding:1.3rem 1.1rem;text-align:left;border-bottom:1px solid var(--line)}
.comparison-table th{background:var(--ink);color:#fff;font-weight:500}
.comparison-table tbody tr:hover{background:var(--paper)}
.pricing-note{margin-top:1.5rem;font-size:.83rem;color:var(--muted)}
.package-detail{padding:3rem 0;border-top:1px solid var(--line);scroll-margin-top:7rem}
.package-detail h2{font-size:3rem}
.package-detail__price{font-size:1.7rem;color:var(--blue);letter-spacing:0}
.package-detail__meta{color:var(--muted);font-size:.86rem}
.package-detail__columns{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,18rem),1fr));gap:3rem}
.package-detail__columns h3{font-size:1.4rem}
.sample-report{border:1px solid var(--line);padding:2.5rem;background:var(--canvas);color:var(--ink)}
.sample-report h3{font-size:1.6rem}
.sample-report__notice{padding:1rem;background:var(--lime);font-size:.87rem}
.sample-findings{display:grid;grid-template-columns:1fr 1fr;gap:2rem}
.sample-findings article{border-top:1px solid var(--line);padding-top:1.5rem}
.sample-actions{padding-left:1.2rem}
.form-layout{display:grid;grid-template-columns:.8fr 1.2fr;gap:5rem;align-items:start}
.form-aside h2{font-size:2.5rem}
.form-aside__list{padding:0;list-style:none}
.form-aside__list li{padding:1.4rem 0;border-bottom:1px solid var(--line);font-size:.9rem}
.contact-form{border:1px solid var(--line);padding:2.5rem;background:#fff;scroll-margin-top:7rem}
.contact-form:focus{outline:none}
.form-heading{font-size:clamp(1.9rem,3vw,2.7rem);margin-bottom:1.5rem}
.form-notice{padding:1rem;background:var(--paper);font-size:.8rem;line-height:1.6;color:var(--muted)}
.field{margin-top:1.5rem}
.field label{display:block;font-size:.87rem;margin-bottom:.5rem;font-weight:600}
.field input,.field textarea,.field select{display:block;width:100%;min-height:50px;padding:.8rem;border:1px solid #93988a;border-radius:0;background:#fff;color:var(--ink)}
.field textarea{min-height:130px;resize:vertical}
.field input:focus,.field textarea:focus{border-color:var(--blue)}
.field-row{display:grid;grid-template-columns:1fr 1fr;gap:1.5rem}
.field-hint{display:block;color:var(--muted);font-size:.74rem;line-height:1.6;margin-top:.5rem}
.field-hint--spaced{margin-top:1rem}
.checkbox{display:grid;grid-template-columns:20px 1fr;gap:.8rem;align-items:start;font-size:.8rem;margin:1.7rem 0}
.checkbox .field-error{grid-column:2}
.checkbox input{width:20px;height:20px;margin:3px 0 0;flex:none;accent-color:var(--blue)}
.hp-field{position:absolute;left:-9999px;width:1px;height:1px;overflow:hidden}
.form-feedback{margin:1.5rem 0;padding:1rem;background:#fff1e9;border-left:3px solid #a43c20;color:#71301a;font-size:.9rem}
.field [aria-invalid=true]{border:2px solid #a43c20}
.field-error{font-size:.78rem;color:#a43c20;margin:.4rem 0 0}
.form-selection{padding:1rem;border-left:3px solid var(--blue);background:var(--paper);font-size:.85rem}
.legal-layout{display:grid;grid-template-columns:15rem 1fr;gap:4rem}
.legal-nav{display:flex;flex-direction:column;align-items:flex-start;gap:1rem;position:sticky;top:8rem;align-self:start;font-size:.87rem}
.legal-copy{max-width:48rem;overflow-wrap:anywhere}
.legal-copy h2{font-size:2rem;margin-top:3rem;max-width:none}
.legal-copy h3{font-size:1.4rem;margin-top:2rem}
.release-note{padding:1.5rem;border-left:3px solid var(--blue);background:var(--paper);font-size:.85rem}
.success-panel{width:min(48rem,calc(100% - 3rem));margin:5rem auto;text-align:center}
.success-panel h1{max-width:none}
.success-panel .lede{margin-inline:auto}
.success-panel__mark{display:flex;align-items:center;justify-content:center;background:var(--lime);color:var(--ink);width:80px;height:80px;font-size:2.5rem;border-radius:50%;margin:0 auto 2rem}
.site-footer{padding:4rem 0 1.5rem;border-top:1px solid var(--line)}
.footer-grid{display:grid;grid-template-columns:1.6fr 1fr 1fr;gap:4rem;margin-bottom:4rem}
.site-footer__intro{max-width:38ch;font-size:.87rem;color:var(--muted);margin-top:1.4rem}
.footer-title{font:.68rem var(--mono);letter-spacing:.1em;text-transform:uppercase;margin:.5rem 0 1.3rem}
.footer-links{list-style:none;padding:0;font-size:.84rem}
.footer-links li{margin-bottom:.6rem}
.footer-links a{text-decoration:none;overflow-wrap:anywhere}
.footer-links a:hover{text-decoration:underline}
.footer-bottom{display:flex;justify-content:space-between;gap:1.5rem;border-top:1px solid var(--line);padding-top:1.5rem;font:.65rem/1.6 var(--mono);color:var(--muted)}
.footer-bottom--compact{margin-top:0}
/* Progressive package finder: static package content remains available below. */
.package-finder{padding:2.5rem;border:1px solid var(--ink);background:var(--paper);scroll-margin-top:7rem}
.finder-header{display:flex;justify-content:space-between;align-items:center;gap:1rem;border-bottom:1px solid var(--line);margin-bottom:2rem}
.finder-header h2{font-size:2rem}
.finder-reset{border:0;border-bottom:1px solid;background:none;color:var(--muted);padding:.5rem;font-size:.8rem}
.finder-layout{display:grid;grid-template-columns:1fr 1fr;gap:3rem}
.finder-fields fieldset{border:0;padding:0;margin:0 0 1.5rem}
.finder-fields legend{font-size:1rem;font-weight:600;margin-bottom:.8rem}
.finder-options{display:flex;flex-wrap:wrap;gap:.5rem}
.finder-options label{display:flex;gap:.5rem;align-items:center;border:1px solid #a6a89a;padding:.7rem .9rem;font-size:.85rem;cursor:pointer;background:var(--canvas)}
.finder-options label:has(input:checked){background:var(--blue);border-color:var(--blue);color:#fff}
.finder-options input{accent-color:var(--blue);width:17px;height:17px;margin:0}
.finder-result{background:var(--blue);color:#fff;padding:2rem;align-self:start}
.finder-result .eyebrow{color:var(--lime)}
.finder-result h3{font-size:2.5rem}
.finder-result>p{font-size:.9rem}
.finder-result .finder-price{margin-top:1.5rem}
.finder-price strong{display:block;font-size:clamp(2.3rem,4vw,3rem);line-height:1.15}
.finder-price span{display:block;margin-top:.35rem}
.finder-result dl{margin:1.5rem 0}
.finder-result dl>div{display:grid;grid-template-columns:minmax(0,.85fr) minmax(0,1.15fr);gap:1rem;border-top:1px solid #ffffff44;padding:.65rem 0;font-size:.85rem}
.finder-result dd{margin:0;text-align:right}
.finder-result .finder-detail-link{display:inline-block;color:#fff;margin-top:1rem;font-size:.85rem}
.finder-result :focus-visible{outline-color:var(--lime)}
.finder-result small{display:block;margin-top:1rem;line-height:1.6;font-size:.73rem}
@media(max-width:74rem){.container,.home-wrap{width:calc(100% - 4rem)}.primary-nav ul{gap:1rem}.primary-nav a{font-size:.75rem}.nav-bar{gap:1.25rem}.brand{font-size:1.5rem}}
@media(max-width:68rem){
  .nav-bar{min-height:76px;flex-wrap:wrap;padding-block:1rem}
  .nav-js .menu-toggle{display:block}
  .primary-nav{width:100%}
  .primary-nav ul{flex-wrap:wrap;padding:.5rem 0}
  .nav-js .primary-nav{display:none}
  .nav-js .primary-nav[data-open=true]{display:block;position:absolute;top:100%;left:0;background:var(--canvas);border-bottom:1px solid var(--line);padding:1.5rem 2rem;max-height:calc(100dvh - 76px);overflow:auto}
  .nav-js .primary-nav ul{display:flex;flex-direction:column;align-items:stretch;gap:0}
  .nav-js .primary-nav a{display:block;padding:1rem 0;font-size:1.15rem}
  .nav-js .primary-nav .button{margin-top:1rem;padding:1rem}
  .split,.form-layout{gap:3rem}.page-hero__grid{gap:2rem}.timeline{grid-template-columns:1fr 1fr}
  .ownership{grid-template-columns:repeat(2,minmax(0,1fr))}
}
@media(max-width:50rem){
  .container,.container--narrow,.home-wrap{width:calc(100% - 3rem)}
  .page-hero{padding-bottom:3rem}.page-hero__grid{grid-template-columns:1fr}.page-hero__aside{max-width:60ch}.page-hero::after{font-size:8rem;right:1rem;top:4rem}
  .page-hero--check .page-hero__aside{font-size:.85rem;margin:0}.page-hero--check h1{font-size:clamp(2.5rem,7vw,3.5rem)}.page-hero--check .lede{font-size:1rem}
  .section__head,.split,.form-layout,.cta-section__grid,.finder-layout{grid-template-columns:1fr;gap:2rem}.split__sticky{position:static}
  .step{grid-template-columns:1fr;gap:1.5rem}
  .audience-grid,.insight-grid{grid-template-columns:1fr}.audience-card,.insight-card{display:block}
  .deliverables,.ownership,.founder-principles{grid-template-columns:1fr;gap:1.5rem}
  .roles{gap:2rem}.fit-grid{grid-template-columns:1fr}
  .footer-grid{grid-template-columns:1fr 1fr;gap:2rem}.footer-grid>div:first-child{grid-column:1/-1}.site-footer__intro{max-width:55ch}
  .legal-layout{grid-template-columns:1fr;gap:2rem}.legal-nav{position:static;flex-direction:row;flex-wrap:wrap}
  .form-aside__list{display:none}.form-aside h2{font-size:2rem}.contact-form{padding:2rem}.form-layout{gap:1rem}
  .sample-findings{grid-template-columns:1fr}.package-detail__columns{gap:2rem}.package-finder{padding:1.5rem}
}
@media(max-width:36rem){
  .container,.container--narrow,.home-wrap{width:calc(100% - 2.5rem)}
  .nav-bar{min-height:72px;padding-block:.75rem}.brand{font-size:1.45rem}.brand__logo,.brand::before{width:11.5rem}
  .breadcrumbs{margin-bottom:2rem}.page-hero{padding-top:1.5rem}.page-hero h1{font-size:2.7rem}
  .section{padding-block:3.5rem}.section__head{margin-bottom:2rem}.lede{font-size:1rem}
  .page-hero--check .check-jump{margin-top:.25rem}.page-hero--check .page-hero__grid{gap:1rem}
  .roles,.timeline,.package-detail__columns,.field-row{grid-template-columns:1fr}
  .timeline{gap:1rem}.timeline__time{margin-bottom:.75rem}.timeline h3{margin-bottom:.75rem}
  .step__number{font-size:2rem}
  .contact-form{padding:1.25rem}.field-row{gap:0}.contact-form .button{width:100%}
  .sample-report{padding:1.3rem}.fit-card{padding:1.5rem}.success-panel{margin-block:3rem}
  .footer-grid{gap:1.75rem}.footer-bottom{flex-direction:column;gap:.75rem}.footer-links{font-size:.8rem}
  .finder-header{align-items:start}.finder-header h2{font-size:1.6rem}.finder-result{padding:1.4rem}.package-finder{padding:1rem}.finder-options label{font-size:.8rem}
  .finder-result dl>div{grid-template-columns:1fr;gap:.25rem}.finder-result dd{text-align:left}
}
/* Small directional details also work when navigating with a keyboard. */
:where(.button,.home-btn,.home-text-link,.home-round) .brand-arrow{transition:translate 300ms cubic-bezier(.22,1,.36,1)}
:where(.button,.home-btn,.home-text-link,.home-round):focus-visible .brand-arrow{translate:3px -3px}
.home-text-link:focus-visible .brand-arrow--down{translate:0 3px}
@media(hover:hover) and (pointer:fine){
 :where(.button,.home-btn,.home-text-link,.home-round):hover .brand-arrow{translate:3px -3px}
 .home-text-link:hover .brand-arrow--down{translate:0 3px}
}
@media(prefers-reduced-motion:reduce){
 html{scroll-behavior:auto}
 *,*::before,*::after{animation:none!important;transition:none!important}
 :where(.button,.home-btn,.home-text-link,.home-round):is(:hover,:focus-visible) .brand-arrow,
 .home-text-link:is(:hover,:focus-visible) .brand-arrow--down{translate:none}
 .button:hover,.home-btn:hover{transform:none}
}
@media(forced-colors:active){.brand-arrow{forced-color-adjust:none}}
@media print{.site-header,.site-footer,.skip-link,.menu-toggle,.button,.home-btn,.industry-switch,.finder-reset{display:none!important}body{background:#fff;color:#000}a{color:inherit}details>*,details:not([open])>*{display:block}.section,.home-section{padding-block:1.5rem}.container,.home-wrap{width:100%}.package-finder{break-inside:avoid}.finder-result{background:#fff;color:#000}.finder-result .eyebrow{color:#000}}
@media print{*,*::before,*::after{animation:none!important;transition:none!important;translate:none!important;rotate:none!important;scale:none!important;opacity:1!important}}