.experience-showcase{padding:110px 0 55px}.showcase-intro{margin:0 auto 44px;text-align:center}.showcase-intro h2{margin:7px 0 13px;font-size:clamp(40px,6vw,72px);line-height:1;letter-spacing:-3px}.showcase-intro p{color:var(--muted)}.showcase-window{position:relative;overflow:hidden;border-radius:34px;background:#0b0c14;box-shadow:0 35px 85px rgba(18,16,46,.2)}.showcase-track{display:flex;transition:transform .75s cubic-bezier(.22,.75,.16,1);touch-action:pan-y}.showcase-slide{position:relative;display:grid;grid-template-columns:minmax(0,.8fr) minmax(420px,1.2fr);align-items:center;flex:0 0 100%;min-height:650px;padding:70px;overflow:hidden}.showcase-slide:before{content:"";position:absolute;inset:0;background:radial-gradient(circle at 78% 25%,var(--slide-glow),transparent 40%);opacity:.8}.slide-web{--slide-glow:#6950f4;background:linear-gradient(135deg,#101020,#20184b)}.slide-app{--slide-glow:#1bd1b1;background:linear-gradient(135deg,#071a1d,#123c3d)}.slide-ads{--slide-glow:#f39a27;background:linear-gradient(135deg,#21130a,#542b14)}.slide-design{--slide-glow:#ed4a9d;background:linear-gradient(135deg,#231020,#541a46)}.slide-copy{position:relative;z-index:2;color:#fff}.slide-copy small{color:#ffffff8f;font-weight:850;letter-spacing:1.5px}.slide-copy h3{margin:13px 0 18px;font-size:clamp(42px,5vw,67px);line-height:.98;letter-spacing:-2.7px}.slide-copy p{max-width:390px;color:#ffffffb8;font-size:16px}.slide-copy a{display:inline-flex;margin-top:20px;color:#fff;font-weight:800;text-decoration:none}.browser-demo{position:relative;z-index:2;overflow:hidden;width:min(610px,100%);margin-left:auto;border:7px solid #252633;border-radius:20px;background:#fff;box-shadow:0 35px 70px #03030a73;transform:perspective(1000px) rotateY(-7deg) rotateX(2deg)}.browser-bar{display:flex;align-items:center;gap:7px;height:38px;padding:0 12px;background:#ededf2}.browser-bar i{width:8px;height:8px;border-radius:50%;background:#ff6b61}.browser-bar i:nth-child(2){background:#f2c94c}.browser-bar i:nth-child(3){background:#48c774}.browser-bar span{margin:auto;color:#777;font-size:9px}.browser-body{position:relative;min-height:360px;padding:46px;background:radial-gradient(circle at 90% 10%,#f8cf63,transparent 28%),linear-gradient(140deg,#ebe7ff,#fff)}.browser-body b{color:#17152c;font-size:clamp(38px,5vw,62px);line-height:.9;letter-spacing:-3px}.browser-body span{display:block;width:70%;height:8px;margin-top:28px;border-radius:9px;background:#c9c2e9}.browser-body span+span{width:48%;margin-top:10px}.browser-body button{margin-top:35px;padding:11px 23px;border:0;border-radius:999px;background:#5b46e8;color:#fff}.phone-demo{position:relative;z-index:2;display:grid;place-items:center}.phone-demo:before{content:"";position:absolute;width:390px;height:390px;border:1px solid #ffffff22;border-radius:50%;box-shadow:0 0 0 45px #ffffff08}.phone-screen{position:relative;width:250px;height:505px;padding:45px 24px 24px;border:8px solid #1d222a;border-radius:44px;background:linear-gradient(160deg,#eefcf9,#d8f4ec);box-shadow:0 35px 65px #02080980;transform:rotate(5deg)}.phone-island{position:absolute;top:12px;left:50%;width:75px;height:20px;border-radius:20px;background:#101317;transform:translateX(-50%)}.app-mark{display:grid;place-items:center;width:46px;height:46px;border-radius:14px;background:#11a989;color:#fff;font-weight:900}.phone-screen>small{display:block;margin-top:65px;color:#598279}.phone-screen>strong{display:block;margin-top:7px;color:#0d332c;font-size:25px;line-height:1.08}.app-stats{display:grid;grid-template-columns:repeat(3,1fr);gap:7px;margin-top:35px}.app-stats i{height:82px;border-radius:13px;background:#fff;box-shadow:0 8px 22px #277d6917}.social-demo{position:relative;z-index:2;display:grid;place-items:center}.social-post{width:min(370px,90%);padding:16px;border-radius:28px;background:#fff;box-shadow:0 35px 70px #10070380;transform:rotate(-4deg)}.social-post header{display:flex;align-items:center;gap:10px}.social-post header>i{display:grid;place-items:center;width:38px;height:38px;border-radius:50%;background:#ef932b;color:#fff;font-style:normal;font-weight:900}.social-post header span{display:flex;flex-direction:column;color:#252027;font-size:12px}.social-post header small{color:#999}.post-art{position:relative;margin-top:13px;padding:35px;border-radius:19px;background:linear-gradient(145deg,#ffca5f,#ef6f35);color:#30190c}.post-art strong{font-size:55px;line-height:.85}.post-art span{position:absolute;right:25px;bottom:20px;font-size:32px}.social-post footer{padding:15px 5px 0;text-align:left}.metric-bubble{position:absolute;right:5%;bottom:9%;display:flex;flex-direction:column;padding:17px 24px;border:1px solid #ffffff3b;border-radius:18px;background:#ffffff1d;color:#fff;backdrop-filter:blur(14px)}.metric-bubble b{font-size:25px}.metric-bubble span{font-size:10px}.design-demo{position:relative;z-index:2;width:min(540px,100%);height:440px}.design-demo span{position:absolute;display:grid;place-items:center;box-shadow:0 24px 50px #19051461}.shape-one{right:6%;top:5%;width:190px;height:190px;border-radius:50%;background:#ffcb52;color:#4d2039;font-size:80px;font-weight:900}.shape-two{left:8%;bottom:8%;width:280px;height:130px;border-radius:35px;background:#7149f4;color:#fff;font-weight:900;letter-spacing:4px;transform:rotate(-7deg)}.shape-three{right:8%;bottom:5%;width:150px;height:150px;border-radius:30px;background:#ff5aaa;color:#fff;font-size:65px;transform:rotate(8deg)}.design-demo>strong{position:absolute;z-index:2;left:17%;top:18%;color:#fff;font-size:55px;line-height:.85;letter-spacing:-3px}.showcase-controls{position:absolute;right:28px;bottom:24px;z-index:4;display:flex;align-items:center;gap:10px;padding:7px;border-radius:999px;background:#ffffff18;backdrop-filter:blur(12px)}.showcase-controls>button{width:42px;height:42px;border:1px solid #ffffff27;border-radius:50%;background:#ffffff14;color:#fff;font-size:18px;cursor:pointer}.showcase-dots{display:flex;gap:6px}.showcase-dots button{width:7px;height:7px;padding:0;border:0;border-radius:50%;background:#ffffff4d}.showcase-dots button.active{width:23px;border-radius:9px;background:#fff}.service-accordion-section{display:grid;grid-template-columns:minmax(280px,.75fr) minmax(0,1.25fr);gap:70px;padding:100px 0}.accordion-heading{position:sticky;top:110px;align-self:start}.accordion-heading h2{margin:7px 0;font-size:clamp(38px,5vw,59px);line-height:1.02;letter-spacing:-2px}.service-accordion details{border-top:1px solid #dcdde5}.service-accordion details:last-child{border-bottom:1px solid #dcdde5}.service-accordion summary{display:grid;grid-template-columns:50px 1fr auto;align-items:center;min-height:95px;cursor:pointer;list-style:none}.service-accordion summary::-webkit-details-marker{display:none}.service-accordion summary span{color:#8c82bc;font-size:12px;font-weight:850}.service-accordion summary strong{font-size:23px}.service-accordion summary i{display:grid;place-items:center;width:36px;height:36px;border-radius:50%;background:#eeeaff;color:#5b46e8;font-size:20px;font-style:normal;transition:.3s}.service-accordion details[open] summary i{transform:rotate(45deg);background:#5b46e8;color:#fff}.service-accordion details>div{padding:0 50px 30px}.service-accordion details p{max-width:650px;color:#606777}.service-accordion details b{color:#5c4ac4;font-size:12px}@media(max-width:900px){.showcase-slide{grid-template-columns:1fr;gap:45px;min-height:800px;padding:50px}.browser-demo{margin:auto}.service-accordion-section{grid-template-columns:1fr}.accordion-heading{position:static}}@media(max-width:620px){.experience-showcase{padding-top:70px}.showcase-intro{text-align:left}.showcase-intro h2{font-size:42px;letter-spacing:-1.7px}.showcase-window{border-radius:22px}.showcase-slide{min-height:760px;padding:36px 24px 100px}.slide-copy h3{font-size:43px}.browser-body{min-height:280px;padding:28px}.browser-body b{font-size:38px}.phone-screen{width:210px;height:420px}.phone-demo:before{width:280px;height:280px}.design-demo{height:350px}.shape-one{width:130px;height:130px;font-size:55px}.shape-two{width:210px}.shape-three{width:110px;height:110px}.design-demo>strong{font-size:42px}.showcase-controls{right:50%;bottom:25px;transform:translateX(50%)}.service-accordion-section{padding:70px 0;gap:35px}.service-accordion summary{grid-template-columns:38px 1fr auto}.service-accordion summary strong{font-size:18px}.service-accordion details>div{padding-left:38px}}