.landing-demo-gallery{position:relative;padding:120px 24px;overflow:hidden;color:#f5f3ee;background:radial-gradient(circle at 90% 8%,rgba(229,170,60,.09),transparent 28%),linear-gradient(145deg,#0b1219,#071019)}.landing-demo-gallery:before{position:absolute;left:-190px;bottom:-240px;width:520px;height:520px;border:1px solid rgba(231,170,60,.09);border-radius:50%;box-shadow:0 0 0 42px rgba(231,170,60,.014);content:""}.landing-demo-inner{position:relative;max-width:1220px;margin:auto}.landing-demo-heading{display:grid;margin-bottom:48px;grid-template-columns:1fr minmax(280px,420px);align-items:end;gap:50px}.landing-demo-heading>div>span{color:#e7ae45;font-size:.67rem;font-weight:800;letter-spacing:.16em;text-transform:uppercase}.landing-demo-heading h2{max-width:760px;margin:14px 0 0;font-family:"Inter Tight",sans-serif;font-size:clamp(3rem,5.5vw,5.9rem);line-height:.91;letter-spacing:-.05em}.landing-demo-heading h2 em{color:#e7ae45;font-style:normal}.landing-demo-heading>p{margin:0;color:#aeb4bb;line-height:1.72}.landing-demo-grid{display:grid;grid-template-columns:1fr 1fr;gap:20px}.landing-demo-case{position:relative;overflow:hidden;border:1px solid rgba(255,255,255,.12);border-radius:20px;background:#111a23;box-shadow:0 28px 80px rgba(0,0,0,.25)}.landing-demo-visual{position:relative;height:350px;overflow:hidden}.landing-demo-visual img{width:100%;height:100%;object-fit:cover;transition:transform .7s ease}.landing-demo-case:hover .landing-demo-visual img{transform:scale(1.025)}.landing-demo-visual:after{position:absolute;inset:0;background:linear-gradient(0deg,rgba(7,15,23,.85),transparent 62%);content:""}.landing-demo-type{position:absolute;z-index:2;left:22px;top:22px;padding:9px 13px;border:1px solid rgba(255,255,255,.22);border-radius:100px;color:#e7ebee;background:rgba(6,18,29,.58);backdrop-filter:blur(10px);font-size:.55rem;font-weight:700;letter-spacing:.11em;text-transform:uppercase}.landing-demo-metric{position:absolute;z-index:2;right:22px;bottom:22px;display:grid;padding:15px 17px;border:1px solid rgba(255,255,255,.16);border-radius:13px;background:rgba(8,23,34,.67);backdrop-filter:blur(12px)}.landing-demo-metric b{font-family:"Inter Tight",sans-serif;font-size:1.45rem}.landing-demo-metric small{color:#aebbc4;font-size:.5rem}.landing-demo-case.fassade .landing-demo-metric{background:rgba(30,38,34,.7)}.landing-demo-content{padding:27px 29px 30px}.landing-demo-content>span{color:#dca642;font-size:.58rem;font-weight:800;letter-spacing:.14em;text-transform:uppercase}.landing-demo-content h3{margin:9px 0 10px;font-family:"Inter Tight",sans-serif;font-size:2rem;letter-spacing:-.03em}.landing-demo-content p{min-height:54px;margin:0;color:#aeb5bc;font-size:.85rem;line-height:1.65}.landing-demo-tags{display:flex;margin:22px 0;gap:7px;flex-wrap:wrap}.landing-demo-tags span{padding:7px 10px;border:1px solid rgba(255,255,255,.1);border-radius:100px;color:#bdc3c8;font-size:.52rem}.landing-demo-open{display:flex;width:100%;padding:14px 17px;align-items:center;justify-content:space-between;border:1px solid rgba(229,170,60,.5);border-radius:10px;color:#15100a;background:#e6aa3c;font-weight:800;cursor:pointer}.landing-demo-open span{font-size:1rem}.landing-gallery-modal[hidden]{display:none}.landing-gallery-modal{position:fixed;z-index:2200;inset:0;display:grid;padding:18px;background:rgba(2,7,11,.92);backdrop-filter:blur(15px);place-items:center;opacity:0;transition:opacity .45s}.landing-gallery-modal.is-open{opacity:1}.landing-gallery-shell{display:grid;width:min(1480px,96vw);height:min(900px,94svh);grid-template-rows:auto 1fr auto;border:1px solid rgba(235,178,72,.25);border-radius:18px;overflow:hidden;background:radial-gradient(circle at 50% 50%,rgba(52,88,108,.15),transparent 38%),#070d13;box-shadow:0 50px 150px rgba(0,0,0,.6);transform:translateY(70px) scale(.86) rotateX(5deg);opacity:0;transition:transform 1.1s cubic-bezier(.16,1,.3,1),opacity .7s}.landing-gallery-modal.is-open .landing-gallery-shell{transform:none;opacity:1}.landing-gallery-head{display:flex;min-height:66px;padding:13px 18px 13px 24px;align-items:center;justify-content:space-between;border-bottom:1px solid rgba(255,255,255,.1)}.landing-gallery-head p{margin:0;color:#d7a94f;font-size:.55rem;font-weight:800;letter-spacing:.13em;text-transform:uppercase}.landing-gallery-head h2{margin:4px 0 0;color:#fff;font-size:1rem}.landing-gallery-close{display:flex;padding:9px 12px;align-items:center;gap:12px;border:1px solid rgba(255,255,255,.13);border-radius:100px;color:#d8dde0;background:transparent;cursor:pointer}.landing-gallery-close b{font-size:1.1rem}.landing-gallery-stage{position:relative;display:grid;min-height:0;place-items:center;perspective:1500px}.landing-gallery-laptop{position:relative;width:min(990px,72vw);filter:drop-shadow(0 35px 55px rgba(0,0,0,.48))}.landing-gallery-lid{position:relative;padding:12px;border:1px solid #555e64;border-radius:22px 22px 10px 10px;aspect-ratio:16/9.55;background:linear-gradient(145deg,#70777b,#191d20 7%,#060708 94%,#687075)}.landing-gallery-screen{position:absolute;inset:12px;overflow:hidden;border-radius:10px;background:#081019}.landing-gallery-screen iframe{width:100%;height:100%;border:0;pointer-events:none}.landing-gallery-base{position:relative;width:108%;height:18px;margin-left:-4%;border-radius:2px 2px 18px 18px;background:linear-gradient(180deg,#9aa0a3,#3a3f42 45%,#111315)}.landing-gallery-base:after{position:absolute;left:43%;top:0;width:14%;height:5px;border-radius:0 0 7px 7px;background:#555c60;content:""}.landing-gallery-phone{position:absolute;right:clamp(18px,5vw,80px);bottom:8%;width:min(210px,14vw);aspect-ratio:9/18.8;padding:7px;border:1px solid #596168;border-radius:27px;background:linear-gradient(145deg,#5e666b,#090b0c 12%,#15191b);box-shadow:0 30px 60px rgba(0,0,0,.42);transform:translateX(100px) rotate(7deg);opacity:0;transition:1s .8s cubic-bezier(.16,1,.3,1)}.landing-gallery-modal.is-open .landing-gallery-phone{transform:translateX(0) rotate(2deg);opacity:1}.landing-gallery-phone iframe{width:100%;height:100%;border:0;border-radius:20px;pointer-events:none;background:#fff}.landing-gallery-controls{display:grid;min-height:64px;padding:12px 22px;grid-template-columns:auto 1fr;align-items:center;gap:20px;border-top:1px solid rgba(255,255,255,.1)}.landing-gallery-tour{display:flex;padding:8px 0;align-items:center;gap:10px;border:0;color:#e1e4e5;background:transparent;cursor:pointer}.landing-gallery-tour span{display:grid;width:30px;height:30px;place-items:center;border:1px solid rgba(229,170,60,.45);border-radius:50%;color:#e5aa3d}.landing-gallery-tour b{font-size:.68rem}.landing-gallery-status{margin:0;color:#8e989f;font-size:.6rem;text-align:right}body.landing-gallery-open{overflow:hidden}
@media(max-width:900px){.landing-demo-heading{grid-template-columns:1fr}.landing-demo-grid{grid-template-columns:1fr}.landing-gallery-modal{padding:8px}.landing-gallery-shell{width:100%;height:98svh}.landing-gallery-laptop{width:min(96%,calc((100svh - 145px)*.58))}.landing-gallery-lid{aspect-ratio:9/15.5}.landing-gallery-phone{display:none}.landing-gallery-controls{grid-template-columns:1fr}.landing-gallery-status{display:none}.landing-gallery-head h2{font-size:.8rem}.landing-gallery-close span{display:none}}
@media(max-width:560px){.landing-demo-gallery{padding:80px 16px}.landing-demo-heading h2{font-size:3.15rem}.landing-demo-visual{height:260px}.landing-demo-content{padding:23px 20px}.landing-demo-content h3{font-size:1.65rem}}
@media(prefers-reduced-motion:reduce){.landing-gallery-modal,.landing-gallery-shell,.landing-gallery-phone{transition:none}}
.landing-demo-case.fassade{border-color:rgba(230,113,78,.3);background:linear-gradient(145deg,#2c1b20,#17151a)}.landing-demo-case.fassade .landing-demo-visual:after{background:linear-gradient(0deg,rgba(55,24,29,.9),transparent 64%)}.landing-demo-case.fassade .landing-demo-type{border-color:rgba(255,183,151,.28);background:rgba(76,31,36,.64)}.landing-demo-case.fassade .landing-demo-content>span{color:#ef8c67}.landing-demo-case.fassade .landing-demo-tags span{border-color:rgba(239,140,103,.22);color:#d9b8ae}.landing-demo-case.fassade .landing-demo-open{border-color:#f09a75;background:linear-gradient(90deg,#f2a17b,#df6f50)}
.landing-demo-case.fassade{border-color:rgba(94,144,151,.3);background:linear-gradient(145deg,#102f34,#111b20)}.landing-demo-case.fassade .landing-demo-visual:after{background:linear-gradient(0deg,rgba(7,40,46,.9),transparent 64%)}.landing-demo-case.fassade .landing-demo-type{border-color:rgba(218,201,154,.3);background:rgba(11,53,59,.67)}.landing-demo-case.fassade .landing-demo-content>span{color:#d9c28c}.landing-demo-case.fassade .landing-demo-tags span{border-color:rgba(105,157,164,.24);color:#bdd0d0}.landing-demo-case.fassade .landing-demo-open{border-color:#d4bd86;background:linear-gradient(90deg,#dfcb98,#c5ac73)}