/* Website presentation only. Quote, app API and manufacturing remain unchanged. */
@media screen {
body:not(.is-category) .hero{display:flex;flex-direction:column;min-height:0;height:auto;background:#eeeae2}
body:not(.is-category) .hero nav{order:0;width:100%;z-index:5}
body:not(.is-category) .hero .panel{display:none}
body:not(.is-category) .hero .door-stage{order:1;position:relative;top:auto;right:auto;left:auto;transform:none;width:92%;max-width:1600px;aspect-ratio:8/5;margin:32px auto 0}
body:not(.is-category) .hero .copy{order:2;position:relative;inset:auto;transform:none;align-self:stretch;width:92%;max-width:1600px;margin:30px auto 48px;padding:0;display:grid;grid-template-columns:1fr auto;gap:12px 32px}
body:not(.is-category) .hero .copy .eyebrow{grid-column:1/-1;margin:0;font-size:10px}
body:not(.is-category) .hero .copy h1{font-size:clamp(24px,2.4vw,36px);line-height:1.5;margin:0}
body:not(.is-category) .hero .copy .rule{display:none}
body:not(.is-category) .hero .copy .sub{align-self:end;text-align:right;margin:0}
body:has(#field-fit:not([hidden])){background:#eeeae2;color:#2c302b}
body.is-category:has(#field-fit:not([hidden])) .hero nav{background:#252723}
#field-fit.app-promotion{background:#eeeae2;color:#2c302b;padding:60px 5vw 80px}
.app-content{max-width:1200px;margin:auto}.app-heading{text-align:center;margin:0 auto 56px;max-width:800px}.app-kicker{font-size:11px;letter-spacing:.2em;color:#806b4d}.app-heading h1{font-size:clamp(27px,3.5vw,46px);font-weight:400;line-height:1.55;letter-spacing:-.04em;word-break:keep-all;margin:24px 0}.app-heading>p:not(.app-kicker){font-size:16px;line-height:1.9;color:#626459}.app-cta{display:inline-block;margin-top:24px;padding:15px 30px;background:#30372c;color:#f5edde;border:1px solid #30372c;min-height:48px;font:inherit;cursor:pointer}.app-cta:focus-visible{outline:3px solid #997b47;outline-offset:4px}.app-example{margin-bottom:48px}.app-example header{display:flex;align-items:baseline;gap:20px;margin-bottom:16px}.app-example header span{color:#89704d;font-size:11px;letter-spacing:.14em}.app-example h2{font-size:20px;font-weight:400;margin:0}.app-pair{display:grid;grid-template-columns:1fr 1fr;gap:16px}.app-pair figure{margin:0;background:#e2ded4;min-width:0}.app-pair img{display:block;width:100%;height:clamp(260px,45vw,540px);object-fit:contain;background:#dad6cb}.app-pair figcaption{padding:15px 18px;font-size:12px;letter-spacing:.06em;color:#58594e}.app-disclaimer{font-size:13px;line-height:1.9;color:#6c6d61;margin:0 0 64px}.app-install{padding:40px;background:#ded8c9;text-align:center}.app-install h2{font-size:28px;font-weight:400}.app-install>p{line-height:1.9}.app-platforms{display:flex;justify-content:center;gap:16px;margin:28px 0}.app-platforms>div{border:1px solid #ada590;padding:20px 32px;min-width:220px}.app-platforms strong,.app-platforms span{display:block}.app-platforms span{font-size:13px;color:#6b6c60;margin-top:10px}.app-install-note{font-size:13px;color:#6b6c60}
@media(max-width:600px){body:not(.is-category) .hero .door-stage{width:92%;margin-top:20px}body:not(.is-category) .hero .copy{margin:22px auto 32px;display:block}body:not(.is-category) .hero .copy h1{font-size:25px;margin:12px 0}body:not(.is-category) .hero .copy .sub{text-align:left;font-size:9px}#field-fit.app-promotion{padding:36px 5vw 48px}.app-heading{margin-bottom:36px}.app-heading h1{font-size:27px}.app-wide-break{display:none}.app-example header{display:block}.app-example h2{font-size:18px;margin-top:8px}.app-pair{gap:8px}.app-pair img{height:260px}.app-pair figcaption{font-size:10px;padding:12px 8px;letter-spacing:0}.app-install{padding:28px 16px}.app-install h2{font-size:24px}.app-platforms{flex-direction:column}.app-platforms>div{min-width:0}}
}

#field-fit .app-cta{background:#30372c;color:#f5edde;border:1px solid #30372c;border-radius:2px}body:has(#field-fit:not([hidden])) footer{color:#63665b;border-top:1px solid #cec8b9;background:#eeeae2}

.app-platforms a{display:inline-flex;align-items:center;min-height:44px;margin-top:8px;color:#30372c;text-underline-offset:4px}.app-platforms a:focus-visible{outline:3px solid #997b47;outline-offset:4px}
