/* The artwork defines its height. Never crop it to fill a fixed-height card. */
.role-illustration{display:block;width:100%;height:auto;max-height:none;object-fit:contain;margin:0;border-radius:0;background:transparent}
:root{--surface:#f5f8fc;--soft-blue:#eaf3ff}
body{line-height:1.65}
h1,h2,h3,p,a,label{overflow-wrap:break-word}
.wrap{width:min(1200px,calc(100% - 48px))}
.header{min-height:96px;border-bottom:1px solid var(--line);flex-wrap:wrap;padding-block:16px}
.header nav{flex-wrap:wrap;gap:12px 24px}
.header nav>a,.text-link,.plain-button,.footer a,.app-account-link{min-height:48px;display:inline-flex;align-items:center}
.header nav>a[aria-current=page]{color:var(--blue);text-decoration:underline;text-underline-offset:8px}
.brand{white-space:normal;line-height:1.3}
.brand img{flex:none}
.button,.button.small{min-height:48px;border-radius:14px}
.button{padding:14px 22px;gap:12px}
.eyebrow{font-size:.875rem;letter-spacing:.1em;line-height:1.6;margin-bottom:16px}
.field-help,.launch-note,.hero-values,.app-account-link,.footer small{font-size:.875rem}
.local-hero{grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:48px;padding-block:56px 72px}
.local-hero h1{font-size:clamp(2.6rem,5.2vw,4.7rem);line-height:1.08;letter-spacing:-.05em}
.local-hero .lead{font-size:1.0625rem;line-height:1.8}
.local-hero .eyebrow{font-size:.875rem}
.hero-values{margin-top:26px;gap:10px}
.hero-values span{padding:8px 12px;border:1px solid var(--line);border-radius:30px;background:var(--surface)}
.hero-values span+span{border-left:1px solid var(--line);padding-left:12px}
.market-window{padding:0;border:1px solid #d2e1f1;border-radius:24px;background:white;color:var(--ink);box-shadow:0 18px 48px #064c3810;overflow:visible}
.market-window>.role-illustration{border-radius:23px 23px 0 0}
.market-window-copy{padding:24px 28px 18px}
.market-window h2{font-size:1.65rem;max-width:none;color:var(--navy);margin:0 0 12px;line-height:1.3}
.market-window p{color:var(--muted);margin:0}
.market-window .window-bottom{border-top:1px solid var(--line);margin-top:18px;padding-top:12px;font-size:.875rem}
.market-window .window-bottom a{color:var(--blue)}
.local-pill{display:inline-flex;color:var(--green);background:#ecf7e6;border:0;padding:6px 12px;font-weight:600;margin-bottom:16px}
.area-layout{grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:48px}
.section{padding-block:68px}
.section-heading{margin-bottom:30px}
.section-heading .eyebrow{margin-bottom:14px}
.steps{gap:24px;grid-template-columns:repeat(3,minmax(0,1fr))}
.steps article{padding:24px;border:1px solid var(--line);border-radius:20px;background:white}
.steps h3{font-size:1.125rem}
.steps p{font-size:1rem;margin-bottom:0}
.page-heading{max-width:800px;padding-block:42px 24px}
.page-heading h1{font-size:clamp(2rem,4.5vw,3.5rem);line-height:1.15;margin-bottom:16px}
.page-heading>p:last-child{max-width:720px;font-size:1.0625rem;margin-bottom:0}
.notice{border:1px solid var(--line);border-left:4px solid var(--blue);border-radius:16px;padding:20px 24px;font-size:1rem;line-height:1.7;margin-bottom:24px}
.notice strong{color:var(--navy)}
.app-intro{max-width:900px;margin-bottom:32px;color:var(--muted)}
.app-intro p{margin:0 0 14px}
.app-intro .tag{font-size:.875rem;margin-right:10px}
.card-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:24px}
.app-card{padding:0;display:flex;flex-direction:column;border-radius:22px;box-shadow:0 8px 28px #064c3806}
.app-card>.role-illustration{border-radius:21px 21px 0 0}
.app-card-body{padding:24px;display:flex;flex-direction:column;flex:1;min-width:0}
.app-card-heading{display:flex;align-items:center;gap:12px;margin-bottom:14px}
.app-card-heading .app-logo{width:44px;height:44px;flex:none}
.app-card-heading h2{font-size:1.5rem;margin:0;letter-spacing:-.025em}
.app-card-body>p{margin:0 0 22px;font-size:1rem}
.app-card-actions{margin-top:auto}
.app-card .app-account-link,.app-card .card-guide-link{display:flex;justify-content:center;text-align:center;margin:4px 0 0;min-height:48px;padding:10px 4px;line-height:1.5;font-size:.875rem}
.card-grid article>p{min-height:0}
.guide-band{padding-block:64px}
.guide-intro{align-items:start}
.guide-intro h2{font-size:clamp(1.8rem,3.6vw,2.8rem)}
.app-picker{grid-template-columns:repeat(6,minmax(0,1fr));gap:12px}
.app-choice{min-width:0;min-height:100px;font-size:1rem;line-height:1.4;border-radius:16px}
.app-choice img{object-fit:contain}
.guide-workspace{grid-template-columns:minmax(250px,300px) minmax(0,1fr);gap:32px}
.guide-main{min-width:0}
.guide-hero{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);align-items:center;gap:24px;margin-bottom:28px}
.guide-hero .role-illustration{border-radius:18px}
.guide-hero h2{font-size:clamp(1.6rem,2.8vw,2.1rem);line-height:1.25;margin:0 0 12px}
.guide-hero p{color:var(--muted);margin:0}
.guide-sidebar{background:var(--surface);border-radius:20px}
.guide-step{padding:24px;background:white}
.guide-step h3{font-size:1.125rem}
.guide-step p{line-height:1.8}
.guide-check{padding-block:8px}
.transcript summary{min-height:48px}
.guide-preview{grid-template-columns:minmax(0,1fr) minmax(0,1fr)}
.network-section{gap:48px;padding:40px;margin-block:64px;background:var(--surface)}
.network-note{padding-left:36px}
.network-note h3{margin-top:0}
.compact-page{max-width:660px;padding-top:0}
.compact-page .page-heading h1{font-size:clamp(2rem,5vw,3rem)}
.compact-page .card{padding:28px;border-radius:22px;box-shadow:0 8px 28px #064c3806}
.compact-page .field-help{line-height:1.7}
.compact-page .form-grid{gap:22px}
.compact-page label{font-size:1rem;gap:10px;min-width:0}
.compact-page input,.compact-page select{font-size:1rem;min-width:0;min-height:54px;border-radius:12px;background:white}
.compact-page input[readonly]{background:var(--surface)}
.compact-page .plain-button{justify-content:center;width:100%;margin-block:8px}
.compact-page .form-error:empty{display:none}
.compact-page .card h2{font-size:1.5rem}
.account-summary>.card{margin-bottom:4px}
.footer{padding-block:28px;gap:16px 24px}
.footer>div{flex-wrap:wrap;gap:8px 24px}
.footer p{font-size:.875rem}
@media(max-width:1000px){
 .local-hero{gap:28px}.market-window-copy{padding:20px}.card-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
 .guide-hero{grid-template-columns:1fr}.guide-hero>.role-illustration{max-width:420px;justify-self:start}
 .app-picker{grid-template-columns:repeat(3,minmax(0,1fr))}.guide-workspace{gap:24px}
}
@media(max-width:720px){
 .wrap{width:calc(100% - 32px)}.header{min-height:88px;gap:8px}.header nav{width:100%;justify-content:space-between;gap:8px 12px;font-size:.875rem}
 .header .brand{font-size:1rem}.header .brand img{width:40px;height:40px}.header .button.small{padding:10px 14px}
 .local-hero{grid-template-columns:minmax(0,1fr);padding-block:32px 44px;gap:28px}.local-hero h1{font-size:clamp(2.6rem,10vw,4rem)}
 .local-hero .lead{font-size:1rem}.market-window{max-width:540px;width:100%;justify-self:center}.market-window h2{font-size:1.5rem}
 .actions{gap:12px;margin-block:24px 16px}.actions>.button{width:100%}.hero-values{gap:8px}.hero-values span{padding:6px 10px}
 .area-layout,.steps,.guide-workspace,.guide-preview{grid-template-columns:minmax(0,1fr)}.area-layout{gap:24px}
 .section{padding-block:44px}.steps article{padding:22px}.guide-band{padding-block:44px}.guide-sidebar{position:static}
 .guide-hero{grid-template-columns:minmax(0,1fr);gap:20px}.guide-hero>.role-illustration{max-width:none}.guide-step{padding:20px}
 .page-heading{padding-block:28px 22px}.page-heading>p:last-child{font-size:1rem}.notice{padding:18px 20px}
 .app-card-body{padding:20px}.network-section{grid-template-columns:minmax(0,1fr);padding:24px;gap:24px;margin-block:44px}
 .network-note{padding:22px 0 0;border-left:0;border-top:1px solid var(--line)}.compact-page .card{padding:22px}
 .footer>div{margin-left:0;flex-basis:100%}.guide-intro{display:block}.guide-intro>.text-link{margin-top:12px}
}
@media(max-width:540px){.card-grid{grid-template-columns:minmax(0,1fr)}.app-card{max-width:460px;width:100%;justify-self:center}.window-bottom{flex-wrap:wrap;gap:4px}.app-choice{font-size:.875rem}}
@media(prefers-reduced-motion:reduce){.button{transform:none!important}}