.grain-overview{--overview-blue: #a9d6ef}.grain-overview ::selection{background:var(--grain-lime);color:var(--grain-bg)}.grain-overview main:focus{outline:none}.grain-overview main{container-type:inline-size}.overview-photo-section{position:relative;isolation:isolate}.overview-scene-photo,.overview-photo-section:before{position:absolute;top:0;left:calc(50% - 50cqw);width:100cqw;height:100%;pointer-events:none}.overview-scene-photo{z-index:-2;object-fit:cover;object-position:70% center;opacity:.5}.overview-photo-section:before{content:"";z-index:-1;background:linear-gradient(0deg,var(--grain-bg),transparent 45%),linear-gradient(90deg,#0a1e3ae6,#0a1e3a80)}.overview-bin-photo .overview-scene-photo{object-position:70% 40%}@media(forced-colors:active){.overview-scene-photo,.overview-photo-section:before{display:none}}.overview-hero{display:grid;grid-template-columns:minmax(0,1.25fr) minmax(0,.75fr);align-items:center;gap:80px;padding-block:64px 80px}.overview-hero h1{color:var(--grain-ink);font-size:clamp(40px,4.6vw,66px);font-weight:700;line-height:1.1;letter-spacing:-.03em;margin:0 0 28px;text-wrap:balance}.overview-hero h1 span{color:var(--grain-lime)}.overview-hero-copy>p{max-width:54ch;color:var(--grain-muted)}.overview-hero-copy .overview-lead{font-size:21px;line-height:1.6;color:var(--grain-ink)}.overview-actions{display:flex;align-items:center;flex-wrap:wrap;gap:20px 28px;margin-top:32px}.grain-overview .overview-primary{display:inline-flex;align-items:center;gap:12px;min-height:52px;padding:14px 20px;background:var(--grain-lime);color:#17290a;border-radius:8px;font-weight:700;text-decoration:none}.grain-overview .overview-primary:hover{background:#ceff72}.overview-calculator,.overview-inline-beta{display:inline-flex;align-items:center;gap:10px;min-height:44px;padding-block:8px;font-weight:600;text-decoration:none}.overview-calculator svg,.overview-inline-beta svg{flex-shrink:0;color:var(--grain-lime)}.overview-calculator:hover,.overview-inline-beta:hover{text-decoration:underline}.overview-watch-link{display:inline-block;margin-top:16px;padding-block:8px}.overview-hero-screen,.overview-feature-screen{margin:0;justify-self:center;width:min(100%,300px)}.overview-hero-screen{width:min(100%,310px)}.overview-hero-screen img,.overview-feature-screen img{display:block;width:100%;height:auto;border-radius:14px;border:1px solid var(--grain-line)}.grain-overview figcaption,.grain-overview .overview-media-note{color:var(--grain-muted);font-size:12px;margin-top:12px}.overview-video-section,.overview-more,.overview-faq,.overview-close{border-top:1px solid var(--grain-line);padding-block:64px;scroll-margin-top:24px}.grain-overview h2{font-size:clamp(28px,3vw,40px);line-height:1.2;letter-spacing:-.02em;color:var(--grain-lime);margin:0 0 24px;text-wrap:balance}.overview-section-intro{max-width:74ch;margin-bottom:32px}.overview-section-intro p,.overview-feature-copy>p,.overview-close>p{color:var(--grain-muted);max-width:66ch}.overview-video-section video{display:block;width:100%;height:auto;aspect-ratio:1280 / 800;background:var(--grain-surface);border:1px solid var(--grain-line);border-radius:14px}.overview-transcript{margin-top:24px}.grain-overview summary{cursor:pointer;min-height:44px;align-content:center;font-weight:600}.grain-overview summary::marker{color:var(--grain-lime)}.grain-overview summary:focus-visible{outline:3px solid #ffe047;outline-offset:4px}.overview-transcript ol{color:var(--grain-muted);max-width:72ch;padding-left:24px}.overview-transcript li{padding-block:4px}.overview-feature{display:grid;grid-template-columns:minmax(0,1.2fr) minmax(0,.8fr);align-items:center;gap:80px;padding-block:72px;border-top:1px solid var(--grain-line);scroll-margin-top:24px}.overview-feature-reverse{grid-template-columns:minmax(0,.8fr) minmax(0,1.2fr)}.overview-feature-reverse .overview-feature-copy{order:2}.overview-feature-copy ul{list-style:none;padding:0;margin:28px 0 0}.overview-feature-copy li{display:flex;gap:12px;align-items:flex-start;padding-block:10px;max-width:60ch}.overview-feature-copy li svg{flex-shrink:0;margin-top:3px;color:var(--grain-lime)}.overview-inline-beta{margin-top:24px}.overview-more-layout{display:grid;grid-template-columns:minmax(0,1.2fr) minmax(0,.8fr);gap:80px;align-items:center}.overview-more dl{margin:0}.overview-more dl>div{padding-block:20px;border-bottom:1px solid var(--grain-line)}.overview-more dt{color:var(--overview-blue);font-size:19px;font-weight:600}.overview-more dd{margin:8px 0 0;color:var(--grain-muted);max-width:66ch}.overview-faq details{padding-block:16px;border-bottom:1px solid var(--grain-line)}.overview-faq p{color:var(--grain-muted);max-width:72ch}.overview-close{padding-bottom:80px}.grain-overview .overview-nav-beta{color:var(--grain-lime)}@media(max-width:900px){.overview-hero,.overview-feature,.overview-more-layout{gap:36px}}@media(max-width:760px){.overview-hero,.overview-feature,.overview-more-layout{grid-template-columns:1fr}.overview-hero,.overview-feature{padding-block:40px}.overview-feature-reverse .overview-feature-copy{order:0}.overview-hero-copy .overview-lead{font-size:18px}.overview-actions{align-items:flex-start;flex-direction:column;gap:12px}.overview-video-section,.overview-more,.overview-faq,.overview-close{padding-block:40px}.grain-overview h2{font-size:28px}}@media(prefers-reduced-motion:reduce){.grain-overview{scroll-behavior:auto}}
