.showcase-page{color:#f4f5ed;background:#11231f;font-family:Manrope,Arial,sans-serif;overflow:hidden}.showcase-wrap{max-width:1480px;margin:auto;padding:0 clamp(20px,4.5vw,72px) 95px}.showcase-meta{color:#bde45f;letter-spacing:.15em;border-bottom:1px solid #7b98855e;justify-content:space-between;align-items:center;gap:20px;padding:25px 0;font-size:10px;font-weight:850;display:flex}.showcase-meta span:first-child{align-items:center;gap:10px;display:flex}.showcase-meta i{background:#bde45f;width:8px;height:8px;transform:rotate(45deg)}.showcase-intro{grid-template-columns:minmax(0,1.35fr) minmax(270px,.65fr);align-items:end;gap:45px;padding:48px 0 42px;display:grid}.showcase-kicker{color:#bde45f;letter-spacing:.18em;margin:0 0 22px;font-size:10px;font-weight:850}.interior-page main .showcase-intro :is(h1,h2){color:#f4f5ed;letter-spacing:-.085em;text-transform:uppercase;max-width:1050px;margin:0;font-size:clamp(54px,5.5vw,82px);line-height:.91}.showcase-intro :is(h1,h2) em{color:#bde45f;font-style:normal}.showcase-intro>p{color:#c3d2c6;max-width:390px;margin:0 0 5px;font-size:16px;line-height:1.65}.showcase-gallery{border-top:1px solid #87a28b;border-bottom:1px solid #87a28b}.showcase-tabs{border-bottom:1px solid #87a28b;grid-template-columns:1fr 1fr;display:grid}.showcase-tabs button{color:#9eb7a3;text-align:left;cursor:pointer;background:0 0;border:0;align-items:center;gap:15px;min-height:70px;padding:18px 22px;font-size:14px;font-weight:800;transition:background .2s,color .2s;display:flex}.showcase-tabs button+button{border-left:1px solid #87a28b}.showcase-tabs button:hover{color:#f4f5ed;background:#1b3428}.showcase-tabs button[aria-selected=true]{color:#14271d;background:#bde45f}.showcase-tabs button span{letter-spacing:.1em;font-size:10px}.showcase-tabs button b{margin-left:auto;font-size:17px;font-weight:600}.showcase-tabs button:focus-visible,.showcase-bottom button:focus-visible,.showcase-cta:focus-visible,.showcase-stage a:focus-visible{outline-offset:3px;outline:3px solid #bde45f}.showcase-case{grid-template-columns:minmax(310px,.41fr) minmax(0,.59fr);min-height:620px;display:grid}.showcase-case[hidden]{display:none}.showcase-copy{flex-direction:column;align-items:flex-start;min-width:0;padding:35px clamp(25px,4vw,66px) 40px 0;display:flex}.showcase-case-top{color:#bde45f;letter-spacing:.15em;justify-content:space-between;align-items:center;width:100%;font-size:10px;font-weight:850;display:flex}.showcase-case-dot{background:#bde45f;border-radius:50%;width:9px;height:9px}.showcase-case-label{color:#bde45f;letter-spacing:.15em;margin:55px 0 13px;font-size:11px;font-weight:850}.interior-page main .showcase-copy :is(h2,h3){color:#f2f4ea;letter-spacing:-.065em;text-transform:uppercase;max-width:480px;margin:0;font-size:clamp(40px,3.8vw,62px);line-height:.97}.showcase-description{color:#c3d2c6;max-width:470px;margin:21px 0 0;font-size:14px;line-height:1.65}.showcase-steps{border-top:1px solid #7b98855e;width:100%;margin:28px 0 30px;padding:0;list-style:none}.showcase-steps li{color:#e5eee2;border-bottom:1px solid #7b98855e;gap:15px;padding:10px 0;font-size:11px;font-weight:700;display:flex}.showcase-steps span{color:#bde45f;letter-spacing:.06em;font-size:10px;font-weight:850}.showcase-cta{color:#13251e;letter-spacing:.08em;text-transform:uppercase;background:#bde45f;justify-content:space-between;align-items:center;gap:25px;min-width:275px;padding:17px 19px;font-size:11px;font-weight:850;transition:background .2s,transform .2s;display:flex}.showcase-cta:hover{background:#d3f283;transform:translateY(-2px)}.showcase-cta span{font-size:19px;line-height:1}.showcase-copy small{color:#a9bfae;margin-top:14px;font-size:10px;line-height:1.5}.showcase-stage{isolation:isolate;background:radial-gradient(circle at 63% 47%,#c8e49e 0,#a8cd80 26%,#759d66 58%,#30533e 100%);border-left:1px solid #87a28b;min-width:0;min-height:620px;position:relative;overflow:hidden}.showcase-stage-grid{z-index:-1;background-image:linear-gradient(#eaf6d51c 1px,#0000 1px),linear-gradient(90deg,#eaf6d51c 1px,#0000 1px);background-size:80px 80px;position:absolute;inset:0;mask-image:linear-gradient(90deg,#0000,#000 45%)}.showcase-stage-label{color:#14301e;letter-spacing:.16em;font-size:10px;font-weight:900;position:absolute;top:25px;left:28px}.showcase-laptop{filter:drop-shadow(0 33px 21px #0a261c5c);width:77%;transition:transform .25s;display:block;position:absolute;top:17%;left:5%}.showcase-laptop:hover{transform:translateY(-5px)}.showcase-laptop-screen{aspect-ratio:16/10;background:#fff;border:11px solid #101714;border-bottom-width:15px;border-radius:16px 16px 4px 4px;display:block;overflow:hidden;box-shadow:inset 0 0 0 1px #58665e,0 0 0 1px #516057}.showcase-laptop-screen img{object-fit:cover;object-position:top left;width:100%;height:100%;display:block}.showcase-laptop-base{background:linear-gradient(#edf0e8 0%,#adb6b0 43%,#6f7a76 80%,#bac3bc 100%);border-radius:0 0 45% 45%/0 0 100% 100%;width:109%;height:18px;margin-left:-4.5%;display:block;position:relative;box-shadow:0 3px #48584d}.showcase-laptop-base:after{content:"";background:#88968c;border-radius:0 0 9px 9px;width:16%;height:5px;position:absolute;top:0;left:42%}.showcase-phone{aspect-ratio:390/844;background:#edf0e9;border:8px solid #101714;border-radius:31px;width:26%;transition:transform .25s;position:absolute;top:11%;right:4%;overflow:hidden;box-shadow:0 30px 28px #102d1f73,0 0 0 1px #6d7e71}.showcase-phone:hover{transform:translateY(-6px)}.showcase-phone img{object-fit:cover;object-position:top left;width:100%;height:100%;display:block}.showcase-phone-notch{z-index:2;background:#101714;border-radius:0 0 12px 12px;width:40%;height:15px;position:absolute;top:0;left:30%}.showcase-stage-foot{color:#12351e;letter-spacing:.14em;font-size:9px;font-weight:900;position:absolute;bottom:22px;left:28px}.showcase-bottom{color:#bde45f;letter-spacing:.14em;justify-content:space-between;align-items:center;gap:16px;min-height:75px;font-size:10px;font-weight:850;display:flex}.showcase-bottom>div{align-items:center;gap:7px;display:flex}.showcase-bottom>div span{color:#f2f4ea;margin-right:15px;font-size:12px}.showcase-bottom button{color:#bde45f;cursor:pointer;background:0 0;border:1px solid #799a80;place-items:center;width:43px;height:43px;font-size:20px;display:grid}.showcase-bottom button:hover{color:#13251e;background:#bde45f}.showcase-end{justify-content:space-between;align-items:center;gap:25px;padding:42px 0 0;display:flex}.showcase-end p{color:#d0ddd0;margin:0;font-size:16px}.showcase-end a{color:#bde45f;letter-spacing:.08em;text-transform:uppercase;border-bottom:1px solid #bde45f;padding:10px 0;font-size:11px;font-weight:850}@media (width<=1100px){.showcase-intro{grid-template-columns:1fr;gap:25px}.showcase-case{grid-template-columns:1fr}.showcase-copy{padding:30px 0 40px}.showcase-case-label{margin-top:35px}.showcase-stage{border-top:1px solid #87a28b;border-left:0;min-height:580px}.showcase-laptop{width:71%;top:21%;left:8%}.showcase-phone{width:22%;top:14%;right:8%}}@media (width<=650px){.showcase-wrap{padding:0 16px 70px}.showcase-meta{font-size:8px}.showcase-meta span:last-child{display:none}.showcase-intro{padding:55px 0 45px}.interior-page main .showcase-intro :is(h1,h2){font-size:clamp(45px,11vw,68px)}.showcase-intro>p{font-size:14px}.showcase-tabs button{gap:6px;min-height:65px;padding:12px 10px;font-size:11px}.showcase-tabs button span{font-size:9px}.showcase-tabs button b{display:none}.showcase-case{min-height:0}.showcase-copy{padding:24px 0 32px}.showcase-case-label{margin-top:30px}.interior-page main .showcase-copy :is(h2,h3){font-size:clamp(40px,10vw,55px)}.showcase-stage{min-height:375px}.showcase-stage-label{font-size:8px;top:15px;left:14px}.showcase-laptop{width:79%;top:27%;left:4%}.showcase-laptop-screen{border-width:6px 6px 9px;border-radius:10px 10px 3px}.showcase-laptop-base{height:11px}.showcase-phone{border-width:5px;border-radius:20px;width:29%;top:19%;right:2%}.showcase-phone-notch{height:9px}.showcase-stage-foot{font-size:7px;bottom:14px;left:14px}.showcase-bottom>span{font-size:8px}.showcase-end{flex-direction:column;align-items:flex-start}.showcase-end p{font-size:14px}}