/* Current-version rendered demonstrations. */
.hero-stage .hero-building{top:0;left:0;width:100%;height:100%;object-fit:cover;object-position:55% 52%;mix-blend-mode:normal;animation:none}
.hero-stage .stage-top{z-index:4;color:#fff;mix-blend-mode:difference}
.hero-stage .stage-caption{left:22px;bottom:68px;background:rgba(239,242,233,.93);padding:12px 16px;border-left:2px solid #4f705c}
.hero-stage .stage-caption-label{font-size:8px}.hero-stage .stage-caption>span:nth-child(2){font-size:20px}
.hero-stage .stage-cross{display:none}.hero-stage .stage-tag{z-index:5}
.native-tabs{display:flex;border-top:1px solid var(--line);border-bottom:1px solid var(--line);margin-bottom:32px;overflow-x:auto}
.native-tabs button{padding:20px 25px;background:transparent;border:0;color:var(--subtle);font-size:14px;border-bottom:2px solid transparent;flex:1;min-width:100px;cursor:pointer}
.native-tabs button[aria-selected=true]{color:var(--green);border-bottom-color:var(--green)}
.native-panel{display:grid;grid-template-columns:minmax(0,1.65fr) minmax(0,1fr);gap:48px;align-items:center}
.native-visual{position:relative;overflow:hidden;background:#c3c7bc;aspect-ratio:16/11;border-radius:3px}
.native-visual img{display:block;width:100%;height:100%;object-fit:contain}
.native-render-label{position:absolute;top:18px;left:18px;font-size:9px;letter-spacing:.08em;color:#1b2922;background:#eef2e7d9;padding:7px 10px}
#native-variant-caption{position:absolute;bottom:18px;left:18px;background:#18251ee0;padding:8px 12px;font-size:12px;color:#f0f5ec}
.native-description h3{font-size:clamp(28px,3vw,41px);letter-spacing:-.035em;line-height:1.1;margin:20px 0}
.native-description>p:not(.eyebrow){font-size:14px;line-height:1.75;color:var(--subtle)}
.native-variants{display:flex;flex-wrap:wrap;gap:8px;margin-block:26px}
.native-variants button{background:transparent;border:1px solid #607769;color:var(--paper);min-height:44px;padding:10px 15px;font-size:12px;cursor:pointer;border-radius:2px}
.native-variants button.active{background:var(--green);color:#1a2a20;border-color:var(--green)}
.native-description .native-note{font-size:10px;line-height:1.7;max-width:300px}
.edit-proof{background:var(--paper);color:var(--dark)}
.edit-proof h2{font-size:clamp(40px,5vw,65px);letter-spacing:-.055em;line-height:1.03}
.edit-proof h2 em{font-family:Georgia,serif;font-weight:400}.edit-proof .heading-side{color:#536557}
.compare-frame{position:relative;aspect-ratio:16/11;background:#c3c7bc;overflow:hidden;border-radius:3px;isolation:isolate}
.compare-frame>img{width:100%;height:100%;object-fit:contain;display:block}
.compare-frame .compare-before{position:absolute;inset:0;clip-path:inset(0 50% 0 0)}
.compare-labels{position:absolute;inset:20px 20px auto;display:flex;justify-content:space-between;pointer-events:none;font-size:9px;letter-spacing:.08em;color:#f1f5ee}
.compare-labels span{background:#1b3025e0;padding:9px 12px}
.compare-divider{position:absolute;top:0;bottom:0;left:50%;width:2px;background:#fff;pointer-events:none;transform:translateX(-50%)}
.compare-divider span{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:44px;height:44px;display:grid;place-items:center;border-radius:50%;background:#182c22;color:#fff;box-shadow:0 0 0 2px #fff;font-size:23px}
.compare-frame input[type=range]{position:absolute;inset:0;margin:0;width:100%;height:100%;opacity:0;cursor:ew-resize;z-index:3;touch-action:pan-y}
.compare-frame:focus-within{outline:3px solid #386947;outline-offset:6px}
.compare-footer{display:flex;justify-content:space-between;gap:15px;font-size:11px;color:#4f6253;margin-top:16px}
.proof-facts{display:grid;grid-template-columns:repeat(3,1fr);gap:36px;margin-top:40px;padding-top:25px;border-top:1px solid #bac5b8;font-size:13px;line-height:1.65;color:#405443}
.proof-facts span{display:block;margin-bottom:10px;font-size:9px;letter-spacing:.08em;color:#223c2b}
@media(max-width:900px){.native-panel{grid-template-columns:1fr;gap:30px}.native-description{max-width:630px}.native-description h3{max-width:460px}.native-description .native-note{max-width:none}.proof-facts{gap:20px}}
@media(max-width:600px){.native-tabs{margin-bottom:20px}.native-tabs button{padding:16px 14px;min-width:88px;font-size:12px}.native-render-label{top:10px;left:10px;font-size:7px;padding:5px 7px}#native-variant-caption{bottom:10px;left:10px;font-size:10px}.native-description h3{font-size:31px}.native-description>p:not(.eyebrow){font-size:13px}.native-variants{margin-block:20px}.compare-labels{inset:10px 10px auto;font-size:7px;letter-spacing:0}.compare-labels span{padding:6px 8px}.compare-divider span{width:35px;height:35px;font-size:20px}.compare-footer{font-size:9px}.proof-facts{grid-template-columns:1fr;gap:18px;margin-top:26px}.proof-facts span{margin-bottom:5px}.hero-stage .stage-caption{left:12px;bottom:54px;padding:8px 10px}.hero-stage .stage-caption>span:nth-child(2){font-size:18px}.hero-stage .stage-caption-label{font-size:7px}}
@media(prefers-reduced-motion:reduce){.native-panel *{animation:none;transition:none}}