/* Draft 11. Reference: Project Industry homepage, observed 3 October 2026.
   PFP retains its approved wordmark; masthead, type scale and hero composition
   follow the parent site. Existing walkthrough controls retain shared tokens. */
html:not([data-theme=dark]){--paper:#f6f5f1;--ink:#111827;--muted:#4b5563;--line:#e5e3dc}
.header{background:color-mix(in srgb,var(--paper) 90%,transparent);backdrop-filter:blur(10px)}
.header-inner{height:72px;gap:28px}
.header .brand{width:auto;flex:0 0 auto}
.header .brand img{width:auto;height:50px;max-width:190px}
.header nav{gap:28px;font-size:15px;font-weight:500;color:var(--muted)}
.header-actions{gap:18px;font-weight:500}
.header .button.small{min-height:36px;padding:8px 14px;font-size:13px}
.header .theme{height:30px;width:30px;font-size:19px}
.landing-hero{position:relative;min-height:calc(100svh - 72px);display:flex;align-items:center;padding:90px 0 120px;border-bottom:3px solid transparent;border-image:linear-gradient(90deg,#10b981,#3b82f6 34%,#f59e0b 67%,#8b5cf6) 1}
.landing-content>.eyebrow{font-size:13px;font-weight:600;letter-spacing:.14em;color:var(--muted);margin-bottom:20px}
.landing-title-row{display:grid;grid-template-columns:minmax(0,1fr) 240px;gap:70px;align-items:center}
.landing-title-row h1{font-size:clamp(38px,5.15vw,68px);line-height:1.02;font-weight:800;letter-spacing:-.03em;max-width:23ch}
.landing-symbol{display:block;width:240px;height:auto;justify-self:end}
.landing-description{font-size:19px;line-height:1.6;color:var(--muted);margin-top:30px;max-width:1080px}
.landing-description strong{color:var(--ink);font-weight:650}
.landing-action{margin-top:28px;gap:24px;border-radius:6px}
.landing-discover{position:absolute;bottom:22px;left:50%;transform:translateX(-50%);font-size:11px;letter-spacing:.14em;font-weight:600;color:var(--muted);text-align:center;white-space:nowrap}
.landing-discover span{display:block;font-size:20px;font-weight:400;margin-top:7px}
.landing-network{padding-block:70px 80px}
.landing-network>.eyebrow{font-size:12px;margin-bottom:28px}
.landing-network .network-bridge{margin-top:0}
.landing-network .section-bottom{gap:22px;flex-wrap:wrap}
@media(min-width:1440px){.landing-title-row{grid-template-columns:minmax(0,1fr) 260px;gap:100px}.landing-symbol{width:260px}}
@media(max-width:1050px){.header nav{gap:18px;font-size:13px}.header-inner{gap:20px}.header-actions{gap:12px}.header .brand img{height:43px}.landing-title-row{grid-template-columns:minmax(0,1fr) 175px;gap:35px}.landing-symbol{width:175px}.landing-description{font-size:17px}}
@media(max-width:800px){.header nav{display:none}.header.menu-open nav{display:flex}.header .menu{display:block}.header-actions .sign-in,.header-actions>.button{display:none}.landing-title-row{grid-template-columns:minmax(0,1fr) 125px;gap:24px}.landing-symbol{width:125px}.landing-title-row h1{font-size:clamp(38px,6vw,52px)}.landing-description{font-size:16px}.landing-hero{padding-top:65px;padding-bottom:115px}}
@media(max-width:600px){.header-inner{height:68px;gap:14px}.header .brand img{height:42px;max-width:165px}.landing-hero{min-height:calc(100svh - 68px);padding-block:50px 105px}.landing-title-row{grid-template-columns:1fr;gap:0}.landing-symbol{width:68px;grid-row:1;justify-self:start;margin:0 0 23px}.landing-title-row h1{font-size:40px;line-height:1.06;max-width:100%;letter-spacing:-.035em}.landing-content>.eyebrow{margin-bottom:18px;font-size:11px}.landing-description{margin-top:24px;font-size:15px;line-height:1.65}.landing-description br{display:none}.landing-action{font-size:12px;gap:12px;padding:13px 15px;min-height:47px;max-width:100%}.landing-discover{font-size:9px;bottom:18px}.landing-network{padding-block:48px}.header.menu-open nav{top:68px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}
.landing-title-row h1{text-wrap:balance}
@media(min-width:1100px){.landing-title-row{grid-template-columns:minmax(0,1fr) 220px;gap:60px}.landing-symbol{width:220px}.landing-title-row h1{max-width:none}}
/* Draft 12: one combined opening, six audience scenarios, then the walkthrough. */
.combined-landing{padding:48px 0 35px;min-height:calc(100svh - 72px);display:flex;align-items:center;border-bottom:3px solid transparent;border-image:linear-gradient(90deg,#10b981,#3b82f6 34%,#f59e0b 67%,#8b5cf6) 1}
.combined-landing>.container>.eyebrow{font-size:12px;color:var(--muted);letter-spacing:.14em;margin-bottom:18px}
.combined-landing .landing-title-row{grid-template-columns:minmax(0,1fr) 135px;gap:55px}
.combined-landing .landing-symbol{width:135px}
.combined-landing .landing-title-row h1{font-size:clamp(38px,4.3vw,60px);line-height:1.04;max-width:none}
.combined-intro{font-size:17px;color:var(--muted);line-height:1.65;margin-top:23px;max-width:950px}
.combined-network{display:grid;grid-template-columns:1fr 190px 1fr;gap:32px;border-block:1px solid var(--line);padding:25px 0;margin-top:30px;align-items:center}
.combined-brand{display:flex;align-items:center;gap:22px;flex-wrap:wrap;margin-bottom:15px}
.combined-brand img{height:42px;width:auto;max-width:180px}
.combined-brand .eyebrow{font-size:9px;line-height:1.6;letter-spacing:.1em;color:var(--muted);max-width:100px}
.combined-network h2{font-size:23px;line-height:1.2;font-weight:700;letter-spacing:-.03em;margin-bottom:10px}
.combined-network article>p{font-size:14px;line-height:1.7;color:var(--muted);max-width:440px}
.combined-connection{text-align:center;color:var(--muted)}
.combined-connection>span{display:block;font-size:34px;line-height:1;color:var(--green);margin-bottom:13px}
.combined-connection strong{font-size:12px;color:var(--ink);display:block}
.combined-connection small{display:block;font-size:11px;line-height:1.65;margin-top:8px}
.combined-footer{display:flex;align-items:center;justify-content:space-between;gap:24px;margin-top:24px}
.combined-footer .button{gap:22px;font-size:13px;min-height:46px;padding:12px 19px}
.combined-footer p{font-size:12px;color:var(--muted)}
.combined-footer .inline-link{font-size:12px}
.audience-section{padding:65px 0 55px;background:var(--paper)}
.audience-heading{display:grid;grid-template-columns:1.3fr 1fr;gap:70px;align-items:end;margin-bottom:38px}
.audience-heading .eyebrow{font-size:12px;color:var(--muted);margin-bottom:16px}
.audience-heading h2{font-size:clamp(36px,3.6vw,48px);font-weight:800;line-height:1.08;letter-spacing:-.035em}
.audience-heading>p{font-size:16px;color:var(--muted);line-height:1.7;max-width:430px}
.audience-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:30px 38px}
.audience-card{border-top:1px solid var(--line);padding-top:18px}
.audience-number{font-size:11px;font-weight:650;color:var(--green)}
.audience-card:nth-child(3n+2) .audience-number{color:var(--blue)}
.audience-card:nth-child(3n) .audience-number{color:var(--amber)}
.audience-card h3{font-size:21px;font-weight:700;letter-spacing:-.025em;line-height:1.25;margin:10px 0 12px;max-width:26ch}
.audience-card p{font-size:14px;color:var(--muted);line-height:1.65}
.audience-card small{display:block;font-size:11px;color:var(--muted);line-height:1.65;margin-top:12px}
.audience-footer{border-top:1px solid var(--line);margin-top:35px;padding-top:26px;display:flex;align-items:center;justify-content:space-between;gap:24px}
.audience-footer strong{font-size:17px;letter-spacing:-.02em}
.audience-footer p{font-size:13px;color:var(--muted);margin-top:5px}
.audience-footer .button{gap:28px;white-space:nowrap}
@media(max-width:1100px){.header nav{gap:17px;font-size:13px}.header-inner{gap:18px}.combined-network{grid-template-columns:1fr 125px 1fr;gap:24px}.combined-brand{gap:12px}.combined-brand .eyebrow{max-width:none}.combined-footer{gap:15px}.audience-grid{gap:28px}.audience-heading{gap:35px}.combined-landing .landing-title-row{gap:30px;grid-template-columns:minmax(0,1fr) 110px}.combined-landing .landing-symbol{width:110px}}
@media(max-width:1000px){.header nav{display:none}.header.menu-open nav{display:flex;position:absolute;top:72px;left:0;right:0;padding:22px 30px;flex-direction:column;background:var(--paper);border-bottom:1px solid var(--line);font-size:15px}.header .menu{display:block}.header-actions .sign-in,.header-actions>.button{display:none}.audience-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:700px){.combined-landing{padding-block:35px;min-height:0}.combined-landing .landing-title-row{grid-template-columns:1fr 75px;gap:20px}.combined-landing .landing-title-row h1{font-size:38px}.combined-landing .landing-symbol{grid-row:auto;width:75px;margin:0}.combined-intro{font-size:15px}.combined-intro br{display:none}.combined-network{grid-template-columns:1fr;gap:24px;margin-top:25px;padding:24px 0}.combined-brand{justify-content:flex-start;gap:22px}.combined-brand img{height:40px}.combined-network h2{font-size:23px}.combined-connection{display:grid;grid-template-columns:40px 1fr;gap:4px 16px;text-align:left;padding:0}.combined-connection>span{grid-row:1/3;align-self:center;margin:0}.combined-connection strong{font-size:12px}.combined-connection small{margin:0}.combined-connection small br{display:none}.combined-footer{flex-wrap:wrap;justify-content:flex-start;gap:20px}.combined-footer p{display:none}.audience-section{padding-block:45px}.audience-heading{grid-template-columns:1fr;gap:20px;margin-bottom:28px}.audience-heading h2{font-size:37px}.audience-heading>p{font-size:15px}.audience-grid{gap:26px}.audience-card h3{font-size:20px}.audience-footer{align-items:flex-start;flex-direction:column;gap:20px}.header.menu-open nav{top:68px}}
@media(max-width:480px){.combined-landing .landing-title-row{grid-template-columns:1fr}.combined-landing .landing-symbol{display:none}.combined-landing .landing-title-row h1{font-size:38px}.combined-footer .button{width:100%;justify-content:space-between}.audience-grid{grid-template-columns:1fr}.audience-card h3{max-width:none}.audience-card small{font-size:12px}.audience-footer .button{width:100%;justify-content:space-between}}
/* Draft 13: large, equal product cards, matching Project Industry's treatment. */
.combined-network{grid-template-columns:minmax(0,1fr) 128px minmax(0,1fr);gap:24px;align-items:stretch;border:0;padding:0;margin-top:32px}
.combined-network>article{background:var(--white);border:1px solid var(--line);border-radius:18px;padding:32px;min-width:0;box-shadow:0 8px 28px #11182705}
.combined-brand{display:flex;flex-direction:column;align-items:flex-start;justify-content:flex-start;gap:18px;min-height:112px;margin:0 0 20px}
.combined-brand img{height:76px;width:auto;max-width:100%;object-fit:contain;object-position:left center}
.combined-brand .eyebrow{font-size:10px;line-height:18px;max-width:none;letter-spacing:.12em}
.combined-network h2{font-size:27px;line-height:1.2;margin-bottom:14px}
.combined-network article>p{font-size:16px;line-height:1.7;max-width:none}
.combined-connection{align-self:center}
.combined-connection>span{font-size:40px;margin-bottom:16px}
.combined-footer{margin-top:26px}
@media(max-width:1100px) and (min-width:701px){.combined-network{grid-template-columns:minmax(0,1fr) 90px minmax(0,1fr);gap:16px}.combined-network>article{padding:25px}.combined-brand img{height:65px}.combined-brand{min-height:101px}.combined-network h2{font-size:23px}.combined-network article>p{font-size:15px}.combined-connection strong{font-size:11px}.combined-connection small{font-size:10px}}
@media(max-width:700px){.combined-network{grid-template-columns:1fr;gap:20px}.combined-network>article{padding:28px}.combined-brand{min-height:98px;gap:18px}.combined-brand img{height:62px;max-width:100%}.combined-network h2{font-size:25px}.combined-network article>p{font-size:15px}.combined-connection{margin:0 28px}.combined-connection>span{margin:0;font-size:34px}}