/* Free UX First Look landing page. Builds on site.css / integration.css components; page-scoped only. */
.fr-page .fr-trust{margin-top:22px;max-width:620px;font-size:14px;line-height:1.6;color:var(--muted)}
.fr-page .hero-side .scope-card dl div{padding:12px 0;border-top:1px solid var(--line)}
.fr-page .hero-side .scope-card dt{font:11px/1.6 var(--mono);letter-spacing:.06em;text-transform:uppercase;color:var(--muted)}
.fr-page .hero-side .scope-card dd{margin:4px 0 0;font-size:16px;line-height:1.5}
.fr-exchange{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:60px;border-top:1px solid var(--line);padding-top:32px}
.fr-exchange h3{margin:0 0 14px}
.fr-list{margin:0;padding:0;list-style:none}
.fr-list li{position:relative;padding:11px 0 11px 26px;border-bottom:1px solid var(--line);font-size:17px;line-height:1.55}
.fr-list li::before{content:"";position:absolute;left:2px;top:22px;width:10px;height:1px;background:var(--accent)}
.fr-list-two{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));column-gap:60px}
.fr-when>p{margin:0 0 10px;font-size:17px}
.fr-note{margin-top:32px;max-width:860px}
.fr-note p{margin:0;font-size:15px;line-height:1.6}
.fr-form-section{scroll-margin-top:90px}
.fr-form-section:focus{outline:none}
.fr-form-grid{display:grid;grid-template-columns:minmax(0,.8fr) minmax(0,1.2fr);gap:60px;align-items:start}
.fr-form-intro h2{font-size:clamp(34px,4vw,52px);line-height:1.08;margin:18px 0}
.fr-form-intro h3{margin:34px 0 10px;font-size:20px}
.fr-form-intro p{font-size:16px;line-height:1.65}
.fr-form-panel{border:1px solid var(--line);background:var(--surface);padding:30px}
.fr-form.form-block{margin-top:0;max-width:none}
.fr-form .form-row{margin:18px 0}
.fr-form .form-grid .form-row{margin-top:0}
.fr-form label{font-size:15px;font-weight:600;color:var(--ink)}
.fr-optional{font-weight:400;color:var(--muted)}
.fr-required-note{margin:0 0 20px;font-size:13px;color:var(--muted)}
.fr-form .help{margin:0;color:var(--muted);line-height:1.5}
.fr-form textarea::placeholder,.fr-form input::placeholder{color:#8a96a0;opacity:1}
.fr-form input:focus-visible,.fr-form textarea:focus-visible{outline:3px solid var(--accent);outline-offset:2px}
.fr-form [aria-invalid="true"]{border:2px solid var(--accent)}
.field-error{margin:0;padding:6px 0 6px 12px;border-left:3px solid var(--accent);font-size:14px;line-height:1.45;color:var(--ink)}
.field-error strong{color:var(--accent)}
.fr-client-errors,.fr-page .form-error{padding:22px 24px;border:2px solid var(--accent);margin:0 0 24px;background:var(--bg)}
.fr-client-errors:focus,.fr-page .form-error:focus{outline:3px solid var(--accent);outline-offset:3px}
.fr-client-errors h2,.fr-page .form-error h2{font-size:22px;margin:0 0 8px}
.fr-client-errors p,.fr-page .form-error p{font-size:15px;margin:8px 0}
.fr-client-errors ul,.fr-page .form-error ul{margin:8px 0 0 18px;padding:0}
.fr-client-errors li,.fr-page .form-error li{margin:4px 0;font-size:15px}
.fr-client-errors a,.fr-page .form-error a{text-decoration:underline;text-underline-offset:4px}
.fr-privacy{font-size:14px;line-height:1.6;color:var(--muted);margin:22px 0}
.fr-privacy a{text-decoration:underline;text-underline-offset:4px;color:var(--ink)}
.fr-form button[disabled]{opacity:.6;cursor:progress}
.fr-page .v2-brian .actions{margin-top:18px}
.fr-final{text-align:left;border-top:1px solid var(--line)}
.fr-final h2{font-size:clamp(34px,4.4vw,58px);line-height:1.08;margin:0;max-width:980px}
@media(max-width:850px){
 .fr-form-grid,.fr-exchange{grid-template-columns:minmax(0,1fr);gap:36px}
 .fr-list-two{grid-template-columns:minmax(0,1fr)}
}
@media(max-width:600px){
 .fr-form-panel{padding:20px 16px;margin-inline:-4px}
 .fr-form .form-grid{grid-template-columns:minmax(0,1fr);gap:0}
 .fr-form .form-grid .form-row{margin-top:18px}
 .fr-list li{font-size:16px}
 .fr-page .v2-brian{grid-template-columns:minmax(0,1fr)}
}
@media(prefers-reduced-motion:reduce){.fr-page *{scroll-behavior:auto!important}}
.fr-hero .hero-grid h1{font-size:clamp(38px,4.1vw,58px);line-height:1.08;text-wrap:balance}
.fr-client-errors,.fr-page .form-error{scroll-margin-top:20px}
.fr-hero .hero-grid h1 em{display:block;text-wrap:balance}
/* Optimisation patch: form directly after the hero; qualification copy after the submit button. */
.fr-after-submit{margin-top:22px;padding-top:18px;border-top:1px solid var(--line)}
.fr-after-submit p{margin:0 0 8px;font-size:14px;line-height:1.6;color:var(--muted)}
.fr-who{margin-top:14px;font-size:17px;line-height:1.65;max-width:760px}
.fr-form-intro h2{margin-top:14px}
@media(max-width:600px){
 .fr-glance dl{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));column-gap:18px}
 .fr-glance dl>div:last-child:nth-child(odd){grid-column:1/-1}
 .fr-page .hero-side .scope-card.fr-glance{padding:20px 18px}
 .fr-page .hero-side .fr-glance dd{font-size:15px}
 .fr-hero{padding-bottom:36px}
 .fr-form-section{padding-top:36px}
}
@media(min-width:851px){.fr-form-intro{position:sticky;top:32px}}
/* Ad-ready pack (Oct 2026): stripped landing header, evidence plates, thanks-page next steps. */
.fr-landing-nav{display:flex;align-items:center;gap:26px}
.fr-landing-nav a{font:12px/1.5 var(--mono);text-transform:uppercase;letter-spacing:.035em;min-height:44px;display:flex;align-items:center}
.fr-landing-nav a:hover{color:var(--accent)}
.fr-landing-nav .header-cta{border:1px solid #80553f;padding:11px 16px;min-height:46px}
.fr-page .fr-hero{padding-top:56px}
.fr-proof{scroll-margin-top:20px}
.fr-proof:focus{outline:none}
.evidence-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px;margin-top:8px}
.evidence-plate{display:flex;flex-direction:column;border:1px solid var(--line);background:var(--surface);padding:26px 24px 24px}
.evidence-plate h3{font-size:22px;line-height:1.2;margin:22px 0 10px}
.evidence-plate p{margin:0 0 18px;font-size:16px;line-height:1.6;color:var(--muted)}
.evidence-plate .textlink{margin-top:auto;align-self:flex-start}
.ep-flow{list-style:none;margin:18px 0 0;padding:0;display:flex;gap:16px}
.ep-flow li{position:relative;display:flex;flex-direction:column;justify-content:center;border:1px solid var(--line);padding:9px 10px;font:11px/1.35 var(--mono);text-transform:uppercase;letter-spacing:.04em;color:var(--ink);flex:1 1 auto;overflow-wrap:break-word}
.ep-flow li+li::before{content:"→";position:absolute;left:-9px;top:50%;transform:translate(-50%,-50%);font-size:11px;color:var(--muted)}
.ep-roles{display:grid;grid-template-columns:1fr 1fr;gap:16px;margin-top:18px}
.ep-roles span{display:flex;flex-direction:column;justify-content:center;border:1px solid var(--line);padding:9px 10px;font:11px/1.35 var(--mono);text-transform:uppercase;letter-spacing:.04em}
.ep-flow small,.ep-roles small{display:block;margin-top:3px;font:10px/1.35 var(--mono);text-transform:none;letter-spacing:0;color:var(--muted)}
.ep-hot{border-color:var(--accent)!important;color:var(--accent)!important}
.fr-next{display:flex;flex-wrap:wrap;gap:12px 28px}
@media(max-width:1000px){.evidence-grid{grid-template-columns:minmax(0,1fr);gap:18px}}
@media(max-width:600px){
 .fr-landing-nav{gap:14px}
 .fr-landing-nav a:first-child{display:none}
 .fr-landing-nav .header-cta{padding:10px 12px;font-size:11px}
 .fr-page .fr-hero{padding-top:32px}
 .evidence-plate{padding:20px 18px}
 .ep-flow li,.ep-roles span{font-size:10px;letter-spacing:.02em;padding:8px}
}