.home-showcase{position:relative;isolation:isolate;background:radial-gradient(ellipse at 72% 34%,#20372e,transparent 58%),#101d18;color:#f4f7ee;overflow:hidden}.home-showcase:before{content:'';position:absolute;inset:0;z-index:-1;background:linear-gradient(90deg,#162b1b28 1px,transparent 1px),linear-gradient(#162b1b28 1px,transparent 1px);background-size:90px 90px;pointer-events:none}.showcase-top{display:flex;align-items:center;justify-content:space-between;gap:20px;padding-block:34px 26px;border-bottom:1px solid #7b9a6c26}.showcase-top h1{font-size:11px;font-weight:400;letter-spacing:.17em;text-transform:uppercase;display:flex;gap:13px;align-items:center;line-height:1.5;margin:0}.showcase-brand-dot{width:6px;height:6px;background:#b7df82;border-radius:50%;box-shadow:0 0 0 5px #b7df820c}.showcase-context{font-size:8px;letter-spacing:.15em;color:#708b78}.showcase-stage{padding-block:37px 43px}.showcase-slide{display:grid;grid-template-columns:minmax(0,.85fr) minmax(0,1.25fr);gap:clamp(30px,4vw,75px);align-items:center;min-height:560px;animation:showcase-in .6s ease both}.showcase-slide[hidden]{display:none}.showcase-category{display:block;font-size:10px;letter-spacing:.14em;text-transform:uppercase;color:#a3bd8f;margin-bottom:26px;line-height:1.7}.showcase-copy{padding-block:15px}.showcase-copy h2{font-size:clamp(39px,3.8vw,69px);line-height:1.08;letter-spacing:-.055em;max-width:13ch}.showcase-copy h2 em{font-style:normal;color:#b8d69c}.showcase-copy>p{font-size:clamp(14px,1.03vw,17px);line-height:1.9;color:#a4b6a4;max-width:42ch;margin-top:28px}.showcase-cta{display:inline-flex;align-items:center;gap:25px;margin-top:32px;border:1px solid #b8d69c;border-radius:28px;background:#c4dfaa;color:#22351d;font-size:12px;font-weight:700;padding:7px 7px 7px 21px;transition:background .2s}.showcase-cta>span:last-child{border-radius:50%;background:#223c25;color:#d8e7c4;width:37px;height:37px;display:grid;place-items:center}.showcase-cta .icon{width:18px;height:18px}.showcase-cta:hover{background:#d6ecbf}.showcase-workflow{display:flex;align-items:center;gap:10px;font-size:8px;letter-spacing:.06em;color:#718b70;margin-top:32px;line-height:1.9}.showcase-workflow .small-dot{width:4px;height:4px;background:#708e57}.showcase-scene{min-width:0;position:relative}.showcase-scene>img{width:100%;height:auto;display:block;filter:drop-shadow(0 20px 45px #06120c50);border-radius:12px}.scene-edge-label{display:flex;justify-content:space-between;gap:14px;font-size:6px;letter-spacing:.18em;color:#587562;padding:14px 4px 0}.showcase-bottom{display:flex;gap:35px;align-items:center;border-top:1px solid #7b9a6c38}.showcase-selectors{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:28px;flex:1}.showcase-selector{position:relative;text-align:left;padding:23px 0;background:none;color:#728a73;border:0;display:flex;gap:13px;align-items:center;font-size:10px;line-height:1.6;min-width:0;transition:color .2s}.showcase-selector span{font-size:8px;color:#54704f}.showcase-selector strong{font-weight:400}.showcase-selector>i{position:absolute;top:-1px;left:0;right:0;height:2px;background:#b5d691;opacity:0}.showcase-selector[aria-current=true]{color:#d2e8bc}.showcase-selector[aria-current=true]>i{opacity:1}.showcase-selector[aria-current=true] span{color:#a5c389}.showcase-selector:hover{color:#d2e8bc}.showcase-controls{display:flex;gap:8px}.showcase-controls button{border:1px solid #42613f;background:transparent;color:#bad1a9;width:32px;height:32px;border-radius:50%;font-size:13px;display:grid;place-items:center}.showcase-controls button:hover{background:#304c2b}.showcase-controls #showcase-pause{font-size:10px}.showcase-status{position:absolute;width:1px;height:1px;padding:0;overflow:hidden;clip-path:inset(50%);white-space:nowrap}@keyframes showcase-in{from{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}
@media(min-width:1920px){.showcase-slide{min-height:670px}.showcase-copy h2{font-size:75px}.showcase-top{padding-block:38px 29px}}
@media(max-width:1100px){.showcase-slide{grid-template-columns:minmax(0,1fr) minmax(0,1.15fr);min-height:470px;gap:28px}.showcase-copy h2{font-size:42px}.showcase-category{font-size:8px}.showcase-copy>p{font-size:13px}.showcase-selectors{gap:18px}.showcase-selector{font-size:9px;gap:8px}.showcase-context{font-size:6px}.showcase-bottom{gap:20px}}
@media(max-width:800px){.showcase-top{padding-block:24px 20px}.showcase-top h1{font-size:9px}.showcase-context{display:none}.showcase-stage{padding-block:27px}.showcase-slide{grid-template-columns:1fr;gap:29px;min-height:0}.showcase-copy{padding-block:0}.showcase-category{font-size:9px;margin-bottom:16px}.showcase-copy h2{font-size:clamp(35px,7.8vw,58px);max-width:17ch}.showcase-copy>p{max-width:52ch;margin-top:18px;font-size:14px}.showcase-cta{margin-top:23px}.showcase-workflow{margin-top:20px}.showcase-scene{max-width:650px;width:100%;margin-inline:auto}.showcase-selectors{grid-template-columns:repeat(2,minmax(0,1fr));gap:0 20px}.showcase-selector{padding:14px 0;font-size:10px}.showcase-bottom{gap:18px;align-items:flex-end;padding-block:10px 18px}.showcase-controls{padding-bottom:12px}.scene-edge-label{font-size:5px}.showcase-controls button{width:29px;height:29px}}
@media(max-width:420px){.showcase-copy h2{font-size:35px}.showcase-copy>p{font-size:13px}.showcase-bottom{flex-wrap:wrap;gap:8px}.showcase-selectors{flex-basis:100%;gap:0 20px}.showcase-controls{margin-left:auto;padding-top:4px;padding-bottom:0}.showcase-stage{padding-bottom:22px}.showcase-cta{font-size:11px}.showcase-selector{font-size:9px}}
@media(prefers-reduced-motion:reduce){.showcase-slide{animation:none}.showcase-selector,.showcase-cta{transition:none}}