
:root{--red:#ff214f;--red2:#ff003c;--bg:#05060b;--line:rgba(255,33,79,.38);--muted:#c7cada}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:#05060b;color:white;font-family:Arial,Helvetica,sans-serif;overflow-x:hidden}
.background{position:fixed;inset:0;z-index:-1;background:radial-gradient(circle at 18% 15%,rgba(255,0,60,.28),transparent 25%),radial-gradient(circle at 82% 32%,rgba(255,0,60,.2),transparent 30%),linear-gradient(135deg,#04050a,#0b0d18 55%,#17030a)}
a{color:inherit;text-decoration:none}.lang-gate{position:fixed;inset:0;z-index:1000;background:radial-gradient(circle,rgba(255,0,60,.28),#05060b 58%);display:flex;align-items:center;justify-content:center}.gate-card{width:min(610px,92vw);text-align:center;padding:50px 30px;border:1px solid var(--line);border-radius:34px;background:rgba(12,14,24,.86);box-shadow:0 0 80px rgba(255,0,60,.42);backdrop-filter:blur(16px)}.gate-logo{width:100px;height:100px;margin:auto;border-radius:28px;display:grid;place-items:center;background:linear-gradient(135deg,#ff003c,#680015);font-size:54px;font-weight:900;box-shadow:0 0 40px var(--red)}.gate-card h1{font-size:56px;letter-spacing:8px;margin:20px 0 4px;text-shadow:0 0 22px white}.gate-card p{color:var(--muted)}button,.btn{border:1px solid var(--line);background:linear-gradient(135deg,rgba(255,33,79,.25),rgba(255,255,255,.05));color:white;border-radius:999px;padding:12px 18px;cursor:pointer}.gate-card button{margin:8px}
header{position:sticky;top:0;z-index:100;display:flex;justify-content:space-between;align-items:center;padding:16px 6vw;border-bottom:1px solid var(--line);background:rgba(5,6,11,.78);backdrop-filter:blur(18px)}.brand{display:flex;gap:12px;align-items:center}.brand span{width:46px;height:46px;border-radius:13px;background:linear-gradient(135deg,#ff003c,#730019);display:grid;place-items:center;font-weight:900;box-shadow:0 0 26px var(--red)}.brand small{display:block;color:var(--muted);letter-spacing:2px;font-size:10px}nav{display:flex;gap:18px;align-items:center;flex-wrap:wrap}nav a{font-size:14px}
.float{position:fixed;right:18px;z-index:80;padding:13px 18px;border-radius:999px;font-weight:800;box-shadow:0 0 30px rgba(255,0,60,.25)}.wa{bottom:72px;background:#25d366}.call{bottom:18px;background:linear-gradient(135deg,var(--red),#950020)}
section{padding:84px 6vw}.hero{min-height:84vh;display:grid;grid-template-columns:1.05fr .95fr;gap:44px;align-items:center}.pill{display:inline-block;border:1px solid var(--line);padding:10px 16px;border-radius:999px;background:rgba(255,255,255,.05);box-shadow:0 0 20px rgba(255,0,60,.25);font-weight:800}.hero h1{font-size:clamp(44px,7vw,88px);line-height:.96;margin:24px 0 18px;text-shadow:0 0 18px rgba(255,255,255,.48)}.hero p{font-size:18px;line-height:1.6;color:var(--muted);max-width:820px}.quick{display:flex;gap:12px;flex-wrap:wrap;margin:20px 0}.quick a,.quick span{padding:12px 15px;border:1px solid var(--line);border-radius:15px;background:rgba(255,255,255,.06)}.actions{display:flex;gap:13px}.primary{background:linear-gradient(135deg,var(--red),#9b001f)!important;box-shadow:0 0 25px rgba(255,0,60,.35)}
.command,.contact-card,.feature-box{border:1px solid var(--line);border-radius:34px;background:linear-gradient(145deg,rgba(255,0,60,.16),rgba(255,255,255,.06));box-shadow:0 0 70px rgba(255,0,60,.28),inset 0 0 35px rgba(255,255,255,.04)}.command{min-height:430px;padding:30px}.dots i{display:inline-block;width:11px;height:11px;border-radius:50%;background:var(--red);margin-right:8px}.command h3{letter-spacing:3px;margin-top:34px}.dash{display:grid;grid-template-columns:1fr 1fr;gap:18px;margin:24px 0}.dash div{padding:24px;border:1px solid var(--line);border-radius:20px;background:rgba(255,255,255,.06)}.dash b{font-size:34px;display:block}.dash span{color:var(--muted)}.bars{display:grid;gap:12px}.bars i{height:13px;border-radius:99px;background:linear-gradient(90deg,var(--red),rgba(255,255,255,.15))}.bars i:nth-child(2){width:76%}.bars i:nth-child(3){width:88%}.bars i:nth-child(4){width:62%}
.title{text-align:center;margin-bottom:36px}.title span{color:var(--red);font-weight:900;letter-spacing:3px;font-size:13px}.title h2{font-size:clamp(34px,5vw,60px);margin:8px 0 0;text-shadow:0 0 18px rgba(255,255,255,.45)}
.apps{display:grid;grid-template-columns:repeat(4,minmax(220px,1fr));gap:20px}.app-card{min-height:300px;padding:26px;border:1px solid var(--line);border-radius:28px;background:linear-gradient(145deg,rgba(255,255,255,.075),rgba(255,0,60,.1));box-shadow:0 0 34px rgba(255,0,60,.14);cursor:pointer;transition:.25s;position:relative;overflow:hidden}.app-card:before{content:"";position:absolute;inset:-50px auto auto -50px;width:135px;height:135px;border-radius:50%;background:rgba(255,0,60,.35);filter:blur(36px)}.app-card:hover{transform:translateY(-8px) scale(1.02);box-shadow:0 0 60px rgba(255,0,60,.38)}.card-head{display:flex;justify-content:space-between;align-items:center}.icon{font-size:42px;filter:drop-shadow(0 0 10px var(--red))}.card-head span{font-size:11px;border:1px solid var(--line);border-radius:99px;padding:7px 10px;background:rgba(255,0,60,.14)}.app-card h3{font-size:21px}.app-card p{color:#e4e5ef;line-height:1.45}.preview{height:58px;border:1px solid rgba(255,255,255,.12);border-radius:15px;background:rgba(0,0,0,.2);padding:10px;margin:18px 0;display:grid;gap:5px}.preview i{border-radius:99px;background:linear-gradient(90deg,var(--red),rgba(255,255,255,.18))}.preview b{height:8px;width:60%;border-radius:99px;background:rgba(255,255,255,.16)}
.feature-box{display:grid;grid-template-columns:1fr 1fr;gap:28px;padding:34px}.feature-text h3{font-size:32px}.feature-text p{color:var(--muted);font-size:18px;line-height:1.6}.chips{display:flex;gap:10px;flex-wrap:wrap}.chips span{border:1px solid var(--line);border-radius:99px;padding:10px 14px;background:rgba(255,255,255,.06)}.fake-screen{min-height:250px;border:1px solid var(--line);border-radius:24px;background:linear-gradient(135deg,rgba(255,0,60,.18),rgba(255,255,255,.06));padding:24px}.screen-row{height:20px;border-radius:99px;background:linear-gradient(90deg,var(--red),rgba(255,255,255,.15));margin-bottom:14px}.screen-row.short{width:65%}.screen-grid{display:grid;grid-template-columns:1fr 1fr;gap:14px;margin-top:24px}.screen-grid i{height:72px;border:1px solid var(--line);border-radius:16px;background:rgba(255,255,255,.06)}
.why-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}.why-grid div{padding:24px;border:1px solid var(--line);border-radius:22px;background:rgba(255,255,255,.06);font-weight:800}.contact-card{max-width:1000px;margin:auto;padding:42px}.contact-card h2{font-size:34px}form{display:grid;grid-template-columns:1fr 1fr;gap:14px;margin-top:18px}input,select,textarea{width:100%;padding:15px;border-radius:15px;border:1px solid var(--line);background:#090b14;color:white;outline:none}textarea{grid-column:1/-1;min-height:120px}form button{grid-column:1/-1}
footer{padding:35px 6vw;display:grid;gap:8px;color:var(--muted);border-top:1px solid var(--line);background:rgba(0,0,0,.25)}footer b{color:white}
.modal{display:none;position:fixed;inset:0;z-index:500;align-items:center;justify-content:center;background:rgba(0,0,0,.78);backdrop-filter:blur(12px);padding:22px}.modal.open{display:flex}.modal-box{width:min(1080px,96vw);max-height:90vh;overflow:auto;border:1px solid var(--line);border-radius:30px;background:#0b0d16;padding:30px;box-shadow:0 0 80px rgba(255,0,60,.38)}.close{float:right;background:var(--red);font-size:24px;width:40px;height:40px;padding:0}.modal-title{display:flex;gap:20px;align-items:center}.big-icon{font-size:62px}.modal-title span{color:var(--red);font-weight:900}.shots{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;margin:25px 0}.shots div{min-height:180px;border:1px solid var(--line);border-radius:22px;padding:22px;display:flex;flex-direction:column;justify-content:end;background:radial-gradient(circle at top right,rgba(255,255,255,.17),transparent 35%),linear-gradient(135deg,rgba(255,0,60,.22),rgba(255,255,255,.05))}.features{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}.features div{padding:20px;border:1px solid var(--line);border-radius:20px;background:rgba(255,255,255,.05)}.features p,.modal-title p,.shots p{color:var(--muted)}.modal-actions{display:flex;gap:12px;margin-top:22px;flex-wrap:wrap}
@media(max-width:1050px){.hero,.feature-box{grid-template-columns:1fr}.apps{grid-template-columns:repeat(2,1fr)}.why-grid,.shots,.features{grid-template-columns:1fr}}
@media(max-width:650px){header{align-items:flex-start;flex-direction:column}.apps{grid-template-columns:1fr}form{grid-template-columns:1fr}.hero h1{font-size:42px}.float{right:10px;font-size:13px}}

/* V4 professional custom-app showcase */
.custom-built{padding-top:45px}.custom-inner{max-width:1200px;margin:auto;text-align:center;padding:48px;border:1px solid var(--line);border-radius:34px;background:linear-gradient(135deg,rgba(255,0,60,.24),rgba(255,255,255,.07));box-shadow:0 0 70px rgba(255,0,60,.22)}.custom-badge{display:inline-block;padding:9px 15px;border-radius:99px;border:1px solid rgba(255,255,255,.2);font-weight:900;letter-spacing:2px;color:#fff;background:rgba(255,0,60,.22)}.custom-inner h2{font-size:clamp(34px,5vw,62px);margin:18px auto;max-width:1000px}.custom-inner p{color:var(--muted);font-size:19px;line-height:1.7;max-width:950px;margin:0 auto}.custom-points{display:flex;justify-content:center;gap:11px;flex-wrap:wrap;margin-top:28px}.custom-points span{padding:11px 15px;border-radius:99px;background:rgba(255,255,255,.07);border:1px solid var(--line);font-weight:800}.showcase-grid{display:grid;grid-template-columns:repeat(3,minmax(250px,1fr));gap:24px;max-width:1450px;margin:auto}.showcase-card{border:1px solid var(--line);border-radius:26px;overflow:hidden;background:linear-gradient(145deg,rgba(255,255,255,.08),rgba(255,0,60,.08));box-shadow:0 18px 50px rgba(0,0,0,.35);transition:.28s;cursor:pointer}.showcase-card:hover{transform:translateY(-8px);box-shadow:0 24px 70px rgba(255,0,60,.28)}.poster-wrap{height:440px;background:#080910;display:flex;align-items:flex-start;justify-content:center;overflow:hidden}.poster-wrap img{width:100%;height:100%;object-fit:cover;object-position:top;transition:.4s}.showcase-card:hover img{transform:scale(1.025)}.showcase-info{padding:22px}.showcase-info span{color:var(--red);font-size:12px;font-weight:900;letter-spacing:2px}.showcase-info h3{font-size:23px;margin:8px 0}.showcase-info p{color:var(--muted);line-height:1.5}.showcase-info button{font-weight:800}.advert-lightbox{display:none;position:fixed;inset:0;z-index:2000;background:rgba(0,0,0,.92);backdrop-filter:blur(14px);padding:22px;overflow:auto}.advert-lightbox.open{display:flex;align-items:flex-start;justify-content:center}.lightbox-content{width:min(820px,94vw);text-align:center;margin:20px auto}.lightbox-content h3{font-size:28px}.lightbox-content img{display:block;width:100%;height:auto;border-radius:18px;border:1px solid var(--line);box-shadow:0 0 60px rgba(255,0,60,.3)}.lightbox-close{position:fixed;right:25px;top:20px;width:48px;height:48px;padding:0;font-size:30px;background:var(--red);z-index:5}.lightbox-actions{display:flex;justify-content:center;gap:12px;margin:18px 0 40px}.command:after{content:'Every app is custom-built to customer needs';display:block;margin-top:22px;padding:13px;border:1px solid var(--line);border-radius:14px;text-align:center;font-weight:800;background:rgba(255,0,60,.12)}
@media(max-width:1050px){.showcase-grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:650px){.showcase-grid{grid-template-columns:1fr}.poster-wrap{height:auto}.poster-wrap img{height:auto}.custom-inner{padding:30px 20px}.lightbox-actions{flex-direction:column}}


/* Clean advert-only edition */
.section-intro{max-width:760px;margin:14px auto 0;color:var(--muted,#aab2c5);font-size:1.05rem;line-height:1.7;text-align:center}.apps,.app-card,.featured,.modal{display:none!important}
