/* Live typography sits in the reserved dark area; the approved art is untouched. */
.stk-hero-signature{display:none}
@media(min-width:1051px){
 .stk-home .stk-hero-signature{display:flex;position:absolute;z-index:3;right:1.25%;top:37%;width:10%;flex-direction:column;gap:12px;pointer-events:none}
 .stk-signature-rule{display:block;width:25px;height:2px;background:#ff8500;box-shadow:0 0 12px #ff85004d}
 .stk-hero-signature p{margin:0;color:#d1d5d8;font-size:clamp(10px,.85cqw,13px);line-height:1.48;font-weight:500;letter-spacing:.035em;text-transform:uppercase}
 .stk-hero-signature p span,.stk-hero-signature strong{display:block}
 .stk-hero-signature strong{color:#f6f3ed;font-weight:700}
}
.stk-home #compare .stk-night-layout{grid-template-columns:290px minmax(0,1fr);gap:30px;align-items:center}
.stk-home #compare .stk-night-copy{padding:25px 22px;border:1px solid #2a343b;border-radius:12px;background:linear-gradient(145deg,#121b20,#081116);position:relative}
.stk-home #compare .stk-night-copy:before{content:"";position:absolute;top:0;left:22px;width:42px;height:2px;background:#ff8500}
.stk-home #compare .stk-night-copy .section-eyebrow{font-size:10px;letter-spacing:1.65px;line-height:1.65;color:#ff930f}
.stk-home #compare .stk-night-copy h2{font-size:25px;line-height:1.17;letter-spacing:-.55px;color:#faf8f5;margin:12px 0 16px}
.stk-home #compare .stk-night-copy p{font-size:13px;line-height:1.7;color:#c6c9cb;margin:0 0 20px}
.stk-home #compare .stk-night-copy ul{font-size:12px;line-height:1.5;gap:10px;color:#e0e1e2;margin:0 0 23px}
.stk-home #compare .stk-night-copy li{display:flex;align-items:baseline}
.stk-home #compare .stk-night-copy li:before{flex:none;color:#ff930f}
.stk-home #compare .stk-night-copy .btn-ghost{width:100%;justify-content:space-between;font-size:12px;padding:12px 14px;border-color:#b76617;background:#0a1216}
.stk-home #compare .stk-night-toolbar{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:11px}
.stk-night-toolbar>span{font-size:10px;letter-spacing:2px;color:#b7b9ba;font-weight:600}
.stk-home #compare .stk-real-examples{position:static;display:inline-flex;align-items:center;gap:8px;font-size:11px;padding:9px 12px;border-color:#64503a;background:#10191e;color:#eeeae4;border-radius:7px;white-space:nowrap}
.stk-home #compare .stk-real-examples:hover{border-color:#ff930f;background:#1e1b15}
.stk-home #compare .stk-night-demo .comparison-slider-box{height:auto;aspect-ratio:2098/749;max-height:none;border-color:#465059;border-radius:10px;isolation:isolate}
.stk-home #compare .stk-night-demo .comparison-img{background-size:contain;background-repeat:no-repeat;background-position:center}
.stk-home #compare .stk-night-legend{display:flex;justify-content:space-between;align-items:center;margin-top:11px}
.stk-home #compare .slider-badge{position:static;display:inline-flex;align-items:center;gap:8px;padding:5px 0;background:none;border:0;border-radius:0;box-shadow:none;font-size:12px;line-height:1.4;font-weight:600;letter-spacing:.2px;color:#dededc}
.stk-home #compare .slider-badge:before{content:"";width:6px;height:6px;border:1px solid #a9adaf;border-radius:50%}
.stk-home #compare .badge-new{color:#ff9c35}
.stk-home #compare .badge-new:before{border-color:#ff8500;background:#ff8500;box-shadow:0 0 9px #ff85004d}
.stk-home #compare .stk-demo-caption{margin-top:5px;font-size:11px;color:#b3b6b8;line-height:1.5}
@media(min-width:1051px) and (max-width:1250px){.stk-home .stk-hero-signature{right:13px;width:127px;top:35%}.stk-hero-signature p{font-size:10px}}
@media(max-width:1250px){.stk-home #compare .stk-night-layout{grid-template-columns:265px minmax(0,1fr);gap:24px}.stk-home #compare .stk-night-copy{padding:22px 18px}.stk-home #compare .stk-night-copy h2{font-size:23px}}
@media(max-width:850px){
 .stk-home #compare .stk-night-layout{grid-template-columns:1fr;gap:22px}
 .stk-home #compare .stk-night-copy{max-width:none;padding:23px}
 .stk-home #compare .stk-night-copy h2{font-size:26px}
 .stk-home #compare .stk-night-copy .btn-ghost{width:auto;gap:24px}
 .stk-home #compare .stk-night-demo .comparison-slider-box{aspect-ratio:2098/749}
}
@media(max-width:500px){
 .stk-home #compare .stk-night-copy{padding:22px 19px}
 .stk-home #compare .stk-night-copy h2{font-size:25px}
 .stk-home #compare .stk-night-toolbar>span{font-size:9px;letter-spacing:1px}
 .stk-home #compare .stk-real-examples{font-size:10px;padding:8px;gap:5px}
 .stk-home #compare .stk-real-examples .stk-icon{width:14px;height:14px}
 .stk-home #compare .slider-handle{width:32px;height:32px}
 .stk-home #compare .slider-badge{font-size:11px}
 .stk-home #compare .stk-demo-caption{font-size:10px}
}