*{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth}body{font-family:Inter,Arial,sans-serif;background:#070707;color:#f4f4f4;line-height:1.6}a{text-decoration:none;color:inherit}.wrap{width:min(1160px,90%);margin:auto}.announcement{height:30px;background:#ed1717;text-align:center;font-size:9px;font-weight:800;letter-spacing:2px;padding:6px}.announcement span{margin:0 12px}header{height:76px;position:sticky;top:0;z-index:20;background:rgba(7,7,7,.9);backdrop-filter:blur(16px);border-bottom:1px solid #1b1b1b}.nav{height:100%;display:flex;align-items:center;justify-content:space-between}.brand{display:flex;align-items:center;gap:9px;letter-spacing:2px}.brand b{font-size:22px;color:#ed1717}.brand span{font-size:10px;color:#aaa;font-weight:800}nav{display:flex;align-items:center;gap:25px}nav a{font-size:11px;color:#aaa;font-weight:600}nav a:hover{color:#fff}.navbtn{background:#ed1717;color:#fff;padding:9px 14px;border-radius:3px}.navbtn i{font-style:normal;font-size:8px;background:#fff;color:#ed1717;border-radius:10px;padding:2px 5px;margin-left:3px}#menu{display:none}.hero{padding:115px 0 100px;border-bottom:1px solid #181818;background:radial-gradient(circle at 82% 30%,#260404,#070707 38%)}.hero-grid{display:grid;grid-template-columns:1.15fr .85fr;gap:80px;align-items:center}.eyebrow{color:#ed1717;font-size:9px;letter-spacing:3px;font-weight:800}.hero h1{font-size:clamp(50px,7vw,86px);line-height:.98;letter-spacing:-4px;margin:20px 0}.hero h1 em,h2 em{font-style:normal;color:#ed1717}.hero p{max-width:650px;color:#888;font-size:14px}.actions{display:flex;gap:12px;margin-top:30px}.btn{border:0;border-radius:4px;padding:13px 18px;font-size:11px;font-weight:800;display:inline-flex;justify-content:center;cursor:pointer}.red{background:#ed1717;color:#fff}.ghost{border:1px solid #333;color:#ddd}.trust{display:flex;gap:20px;margin-top:25px;color:#666;font-size:9px}.hero-panel{background:#0e0e0e;border:1px solid #2a2a2a;padding:25px;box-shadow:0 35px 90px #000}.panel-head{display:flex;justify-content:space-between;border-bottom:1px solid #242424;padding-bottom:15px;color:#666;font-size:8px;letter-spacing:2px}.panel-head b{color:#4bd98b}.panel-main{height:350px;background:linear-gradient(145deg,#2b0505,#111 55%,#080808);display:flex;flex-direction:column;align-items:center;justify-content:center}.orb{font-size:75px;color:#ed1717;font-weight:900}.panel-main h3{font-size:19px}.panel-main p{font-size:10px;text-align:center;color:#777}.stats{display:grid;grid-template-columns:repeat(3,1fr);width:75%;gap:8px;margin-top:30px}.stats div{background:#111;padding:12px}.stats b{display:block}.stats small{font-size:7px;color:#666;letter-spacing:1px}.section{padding:105px 0}.dark{background:#0b0b0b}.section-head{display:grid;grid-template-columns:1fr .6fr;gap:55px;align-items:end;margin-bottom:45px}.section-head h2,.center h2{font-size:46px;line-height:1.05;letter-spacing:-2px;margin-top:12px}.section-head p,.center p,.muted{font-size:12px;color:#777}.products{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.product{border:1px solid #272727;background:#0d0d0d;transition:.25s}.product:hover{transform:translateY(-6px);border-color:#ed1717}.visual{height:290px;padding:24px;display:flex;flex-direction:column;justify-content:flex-end;background:radial-gradient(circle at 70% 25%,#3b0505,#111 45%,#080808)}.visual.restaurant{background:radial-gradient(circle at 25% 25%,#333,#111 50%,#080808)}.visual.portfolio{background:radial-gradient(circle at 70% 30%,#270606,#141414 50%,#080808)}.visual span{font-size:8px;color:#777;letter-spacing:2px}.visual strong{font-size:35px}.body{padding:22px}.body small{font-size:8px;color:#666;letter-spacing:2px}.body h3{font-size:20px;margin:7px 0}.body p{font-size:11px;color:#777;min-height:42px}.row{display:flex;justify-content:space-between;align-items:center;margin-top:18px}.row b{font-size:20px}.buy{border:0;background:#ed1717;color:#fff;padding:10px 15px;font-size:10px;font-weight:800;cursor:pointer;border-radius:3px}.center{text-align:center;max-width:760px;margin:0 auto 50px}.benefits{display:grid;grid-template-columns:repeat(4,1fr);border-top:1px solid #292929}.benefits>div{padding:30px 24px;border-right:1px solid #292929}.benefits b{color:#ed1717;font-size:10px}.benefits h3{margin:28px 0 8px;font-size:14px}.benefits p{font-size:10px;color:#666}.faq details{border-top:1px solid #252525;padding:20px 0}.faq summary{font-size:13px;font-weight:700;cursor:pointer}.faq details p{font-size:11px;color:#777;padding-top:10px}.foot{display:flex;justify-content:space-between;align-items:center;padding:30px 0;border-top:1px solid #1b1b1b;color:#555;font-size:9px}.account,.checkout{padding:80px 0}.account-head{display:flex;justify-content:space-between;align-items:end}.account h1,.checkout h1{font-size:52px;line-height:1;margin:12px 0}.account-head p{font-size:11px;color:#777}.account-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:15px;margin:45px 0}.account-card,.paybox,.orders{background:#0e0e0e;border:1px solid #292929;padding:25px}.account-card small{color:#666;font-size:8px;letter-spacing:2px}.account-card h3{font-size:27px;margin:8px 0}.account-card p{color:#666;font-size:10px}.orders{padding:30px}.section-title{display:flex;justify-content:space-between;margin-bottom:20px}.section-title span{color:#666;font-size:9px}.order{display:flex;justify-content:space-between;padding:18px 0;border-top:1px solid #222}.order small{color:#777}.status-pill{font-size:8px;padding:5px 8px;background:#222}.checkout{display:grid;grid-template-columns:1fr .65fr;gap:70px}.paybox{height:max-content}.paybox h3{margin-bottom:20px}.paybox .btn{width:100%;margin-top:25px}.demo{display:block;color:#555;font-size:9px;margin-top:12px}.result{min-height:100vh;display:grid;place-items:center}.result-card{width:min(550px,100%);text-align:center;background:#0e0e0e;border:1px solid #292929;padding:50px}.successmark{width:60px;height:60px;border-radius:50%;display:grid;place-items:center;background:#4bd98b;color:#061b10;font-weight:900;margin:0 auto 25px}.result-card h1{font-size:38px;margin:15px 0}.result-card p{color:#777;margin-bottom:25px}.linkbtn{background:none;border:0;color:#aaa;font-size:11px;cursor:pointer}
@media(max-width:850px){.hero-grid,.checkout{grid-template-columns:1fr}.hero-panel{display:none}.section-head{grid-template-columns:1fr}.products,.benefits,.account-grid{grid-template-columns:1fr 1fr}.benefits>div{border-bottom:1px solid #292929}.foot{flex-direction:column;gap:12px;text-align:center}.account-head{align-items:flex-start;gap:20px;flex-direction:column}}@media(max-width:600px){nav{display:none}.hero{padding:80px 0}.hero h1{font-size:50px}.actions,.trust{flex-direction:column}.section{padding:75px 0}.products,.benefits,.account-grid{grid-template-columns:1fr}.section-head h2,.center h2{font-size:38px}.account h1,.checkout h1{font-size:40px}}
.intro{padding:80px 0;display:grid;grid-template-columns:1fr .8fr;gap:70px;border-bottom:1px solid #191919}.intro h2{font-size:42px;line-height:1.05;margin-top:12px}.intro p{color:#777;font-size:13px;align-self:end}.project-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}.project{background:#0d0d0d;border:1px solid #252525;transition:.25s}.project:hover{transform:translateY(-5px);border-color:#ed1717}.mock{height:265px;padding:22px;display:flex;flex-direction:column;justify-content:flex-end;background:linear-gradient(145deg,#320606,#111 55%,#080808);position:relative;overflow:hidden}.mock:before{content:"";position:absolute;width:180px;height:180px;border:1px solid #ffffff18;border-radius:50%;right:-45px;top:-45px}.mock span{font-size:8px;letter-spacing:2px;color:#777}.mock strong{font-size:28px;line-height:1.05;margin:12px 0}.mock small{font-size:9px;color:#888}.mock.restaurant{background:linear-gradient(145deg,#242424,#101010)}.mock.portfolio{background:linear-gradient(145deg,#210505,#161616)}.mock.agency{background:linear-gradient(145deg,#160606,#090909)}.mock.ecommerce{background:linear-gradient(145deg,#2b0808,#111)}.mock.realestate{background:linear-gradient(145deg,#202020,#0b0b0b)}.mock.hotel{background:linear-gradient(145deg,#260909,#0d0d0d)}.mock.fitness{background:linear-gradient(145deg,#171717,#050505)}.mock.construction{background:linear-gradient(145deg,#2a0a0a,#101010)}.mock.medical{background:linear-gradient(145deg,#202020,#0b0b0b)}.mock.creator{background:linear-gradient(145deg,#320707,#101010)}.mock.startup{background:linear-gradient(145deg,#210606,#0b0b0b)}.project-body{padding:15px 18px;display:flex;justify-content:space-between;gap:10px}.project-body b{font-size:11px}.project-body span{font-size:9px;color:#666;text-align:right}.product-banner{margin-top:22px;padding:25px;border:1px solid #292929;background:#0d0d0d;display:flex;justify-content:space-between;align-items:center;gap:30px}.product-banner h3{margin:6px 0;font-size:20px}.product-banner p{color:#666;font-size:10px}.services{display:grid;grid-template-columns:repeat(4,1fr);border-top:1px solid #292929}.services>div{padding:28px 22px;border-right:1px solid #292929}.services b{color:#ed1717;font-size:10px}.services h3{margin:25px 0 8px;font-size:14px}.services p{font-size:10px;color:#666;min-height:65px}.services a{font-size:9px;color:#ed1717;font-weight:800}.stats-large{display:grid;grid-template-columns:repeat(4,1fr);border:1px solid #292929;background:#0c0c0c}.stats-large div{padding:35px 25px;border-right:1px solid #292929}.stats-large strong{display:block;font-size:40px;line-height:1;color:#ed1717}.stats-large span{display:block;margin-top:9px;color:#666;font-size:8px;letter-spacing:2px}.cta{padding:85px 0;background:radial-gradient(circle at 80% 40%,#3a0606,#0a0a0a 45%)}.cta-inner{display:flex;justify-content:space-between;align-items:center;gap:50px}.cta h2{font-size:46px;line-height:1.05;margin:12px 0}.cta p{color:#777;font-size:12px;max-width:650px}.cta .actions{margin:0}.footer-top{display:grid;grid-template-columns:1.8fr 1fr 1fr 1fr;gap:40px;padding:55px 0;border-bottom:1px solid #1b1b1b}.footer-top p{color:#666;font-size:10px;max-width:300px;margin-top:15px}.footer-top>div:not(:first-child){display:flex;flex-direction:column;gap:9px}.footer-top>div:not(:first-child)>b{font-size:10px;color:#fff;margin-bottom:5px}.footer-top>div:not(:first-child)>a{font-size:10px;color:#666}.footer-top>div:not(:first-child)>a:hover{color:#ed1717}
@media(max-width:900px){.project-grid{grid-template-columns:repeat(2,1fr)}.intro{grid-template-columns:1fr}.services,.stats-large{grid-template-columns:1fr 1fr}.services>div{border-bottom:1px solid #292929}.cta-inner{flex-direction:column;align-items:flex-start}.footer-top{grid-template-columns:1.5fr 1fr 1fr}}
@media(max-width:600px){.project-grid,.services,.stats-large{grid-template-columns:1fr}.product-banner{flex-direction:column;align-items:flex-start}.cta h2{font-size:38px}.footer-top{grid-template-columns:1fr 1fr}.intro h2{font-size:35px}}
.actions {
  display: flex;
  align-items: center;
  gap: 8px;
}

.preview {
  text-decoration: none;
  padding: 10px 14px;
  border: 1px solid #444;
  border-radius: 8px;
  color: inherit;
  font-size: 13px;
  font-weight: 600;
}

.preview:hover {
  opacity: 0.75;
}
/* CONTACT FORM */

.contact-form {
  max-width: 850px;
  margin: 0 auto;
  background: #0d0d0d;
  border: 1px solid #292929;
  padding: 35px;
}

.contact-grid {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 18px;
}

.contact-field {
  margin-bottom: 20px;
}

.contact-field label {
  display: block;
  color: #777;
  font-size: 9px;
  font-weight: 800;
  letter-spacing: 2px;
  margin-bottom: 8px;
}

.contact-field input,
.contact-field textarea {
  width: 100%;
  background: #080808;
  border: 1px solid #292929;
  color: #fff;
  padding: 14px;
  font-family: inherit;
  font-size: 12px;
  outline: none;
  border-radius: 3px;
  transition: .2s;
}

.contact-field textarea {
  resize: vertical;
  min-height: 150px;
}

.contact-field input::placeholder,
.contact-field textarea::placeholder {
  color: #444;
}

.contact-field input:focus,
.contact-field textarea:focus {
  border-color: #ed1717;
}

.contact-submit {
  width: 100%;
  border: 0;
  background: #ed1717;
  color: #fff;
  padding: 15px 20px;
  font-size: 11px;
  font-weight: 800;
  letter-spacing: 1px;
  cursor: pointer;
  border-radius: 3px;
  transition: .2s;
}

.contact-submit:hover {
  background: #c91010;
  transform: translateY(-2px);
}

@media(max-width:600px) {
  .contact-form {
    padding: 22px;
  }

  .contact-grid {
    grid-template-columns: 1fr;
    gap: 0;
  }
}
.service-card {
  overflow: hidden;
  border-radius: 16px;
  transition: transform 0.3s ease, box-shadow 0.3s ease;
}

.service-card img {
  width: 100%;
  height: 200px;
  object-fit: cover;
  display: block;
  margin-bottom: 20px;
  border-radius: 14px;
}

.service-card:hover {
  transform: translateY(-8px);
}

.service-card:hover img {
  transform: scale(1.03);
  transition: transform 0.3s ease;
}
/* RED PROJECT PHOTOS */

.project .mock {
  position: relative;
  overflow: hidden;
}

.project .mock img {
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
  z-index: 0;
  transition: transform 0.5s ease;
}

.project .mock::after {
  content: "";
  position: absolute;
  inset: 0;
  background: linear-gradient(
    to bottom,
    rgba(0, 0, 0, 0.15),
    rgba(0, 0, 0, 0.85)
  );
  z-index: 1;
}

.project .mock span,
.project .mock strong,
.project .mock small {
  position: relative;
  z-index: 2;
}

.project:hover .mock img {
  transform: scale(1.06);
}
/* PRODUCT CARD PHOTOS */

.product .visual {
    position: relative;
    overflow: hidden;
}

.product .visual img {
    position: absolute;
    inset: 0;
    width: 100%;
    height: 100%;
    object-fit: cover;
    z-index: 0;
    transition: transform 0.5s ease;
}

.product .visual::after {
    content: "";
    position: absolute;
    inset: 0;
    background: linear-gradient(
        to bottom,
        rgba(0,0,0,0.15),
        rgba(0,0,0,0.85)
    );
    z-index: 1;
}

.product .visual span,
.product .visual strong,
.product .visual small {
    position: relative;
    z-index: 2;
}

.product:hover .visual img {
    transform: scale(1.06);
}