/* Proposal: a full-section ASCII landscape, inspired by Firecrawl's ambient fields.
   All dimensions and motion below belong to this example, not global brand rules. */
.section-field{position:relative;isolation:isolate;display:grid;place-items:center;min-height:600px;overflow:hidden;border-top:1px solid var(--dealyo-line);background:#fff;scroll-margin-top:24px}
.section-field-art{position:absolute;inset:0;z-index:-1;pointer-events:none;overflow:hidden}
.section-field-art canvas,.section-field-fallback{display:block;width:100%;height:100%;position:absolute;inset:0}
.section-field-fallback{object-fit:cover;object-position:center}
.section-field-art canvas{visibility:hidden}
.section-field[data-field-ready="true"] canvas{visibility:visible}
.section-field[data-field-ready="true"] .section-field-fallback{visibility:hidden}
.section-field-copy{position:relative;text-align:center;padding:80px 24px 96px;width:100%}
.section-field-copy>.home-label{display:inline-block;font-size:10px;line-height:18px;letter-spacing:.04em;color:#666}
.section-field h2{font-size:clamp(54px,6.2vw,82px);line-height:1.035;letter-spacing:-.04em;word-spacing:.035em;margin:23px auto 0;max-width:1000px;font-weight:500}
.section-field h2>span{display:block;color:var(--dealyo-accent)}
.section-field-copy>p:not(.home-label){font-size:16px;line-height:25px;color:var(--dealyo-muted);max-width:430px;margin:24px auto 0;text-wrap:balance}
.section-field-actions{display:flex;align-items:center;justify-content:center;gap:28px;margin-top:27px}
.section-field-actions .home-button{min-height:50px;padding:12px 17px;gap:22px;font-size:13px}
.section-field-actions .home-link{font-size:13px;gap:10px}
.section-field-controls{position:absolute;right:24px;bottom:18px;display:flex;align-items:center;gap:9px;padding:0 11px;background:#fffffff2;border:1px solid var(--dealyo-line)}
.section-field-controls:before{content:"";display:block;width:5px;height:5px;background:var(--dealyo-accent)}
.section-field-controls:has([aria-pressed="true"]):before{background:#999}
.section-field-toggle{display:flex;align-items:center;gap:8px;border:0;background:transparent;padding:0;min-height:44px;color:#666;font:10px/16px var(--dealyo-mono)}
.section-field-toggle svg{width:12px;height:12px;flex:none;fill:currentColor}
.section-field-toggle:disabled{cursor:default}
.section-field-toggle [data-field-play]{display:none}
.section-field-toggle[aria-pressed="true"] [data-field-play]{display:block}
.section-field-toggle[aria-pressed="true"] [data-field-pause]{display:none}
@media(max-width:1023px){.section-field{min-height:560px}.section-field h2{font-size:clamp(55px,7.6vw,76px)}}
@media(max-width:700px){
 .section-field{min-height:470px}.section-field-copy{padding:73px 18px 83px}.section-field h2{font-size:clamp(37px,8.9vw,60px);line-height:1.06;letter-spacing:-.04em;word-spacing:.035em;margin-top:19px}.section-field-copy>.home-label{font-size:8px;letter-spacing:.015em}.section-field-copy>p:not(.home-label){font-size:14px;line-height:22px;max-width:285px;margin-top:19px}.section-field-actions{gap:18px;margin-top:23px}.section-field-actions .home-button{font-size:11px;gap:12px;padding:11px 12px;min-height:46px}.section-field-actions .home-link{font-size:11px;gap:6px}.section-field-actions .home-icon{width:20px;height:20px;flex-basis:20px}.section-field-controls{right:16px;bottom:14px;padding-inline:9px}.section-field-toggle{font-size:9px;min-height:44px}
}
@media(max-width:359px){.section-field-copy{padding-inline:14px}.section-field h2{font-size:34px}.section-field-actions{gap:13px}.section-field-actions .home-button{gap:8px}.section-field-actions .home-link{gap:4px}}
@media(prefers-reduced-motion:reduce){.section-field *{animation:none!important;transition:none!important}}
@media print{.section-field-art canvas,.section-field-controls{display:none!important}.section-field-fallback{visibility:visible!important}.section-field{min-height:480px;break-inside:avoid}}