.darsa-redesign{
  --navy-950: #050b1a;
  --navy-900: #081226;
  --navy-800: #0a1633;
  --navy-700: #10224d;
  --navy-600: #16305f;
  --blue: #2e7cf6;
  --blue-action: #1f68dd;
  --blue-action-hover: #1a5ccc;
  --blue-bright: #4da3ff;
  --blue-soft: #9cc3ff;
  --red: #e33244;
  --red-deep: #b21e30;
  --yellow: #ffc21a;
  --yellow-deep: #e0a400;
  --ink: #0a1633;
  --paper: #f4f7fc;
  --paper-2: #e8eef8;
  --text-on-dark: #eaf0fb;
  --text-muted-dark: #aebadb;
  --text-muted-light: #45557a;
  --line-dark: rgba(140, 170, 230, 0.18);
  --line-light: rgba(10, 22, 51, 0.12);
  --radius: 14px;
  --radius-lg: 22px;
  --shadow-card: 0 18px 44px rgba(4, 10, 28, 0.35);
  --shadow-soft: 0 10px 30px rgba(10, 22, 51, 0.12);
  --container: 1180px;
  --font: system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
}


.darsa-redesign *, .darsa-redesign *::before, .darsa-redesign *::after{ box-sizing: border-box; }
.darsa-redesign *{ margin: 0; }
.darsa-redesign{ scroll-behavior: smooth; -webkit-text-size-adjust: 100%; }
.darsa-redesign{
  font-family: var(--font);
  background: var(--navy-900);
  color: var(--text-on-dark);
  line-height: 1.6;
  font-size: 1rem;
  overflow-x: hidden;
}
.darsa-redesign img, .darsa-redesign video, .darsa-redesign svg{ display: block; max-width: 100%; height: auto; }
.darsa-redesign input, .darsa-redesign button, .darsa-redesign textarea, .darsa-redesign select{ font: inherit; color: inherit; }
.darsa-redesign button{ cursor: pointer; background: none; border: 0; }
.darsa-redesign a{ color: var(--blue-bright); text-decoration: none; }
.darsa-redesign a:hover{ text-decoration: underline; }
.darsa-redesign ul[role="list"], .darsa-redesign ol[role="list"]{ list-style: none; padding: 0; }


.darsa-redesign .skip-link{
  position: absolute;
  left: 1rem;
  top: -4rem;
  z-index: 200;
  background: var(--yellow);
  color: var(--ink);
  font-weight: 700;
  padding: 0.7rem 1.2rem;
  border-radius: 0 0 10px 10px;
  transition: top 0.2s ease;
}
.darsa-redesign .skip-link:focus{ top: 0; text-decoration: none; }

.darsa-redesign :focus-visible{
  outline: 3px solid var(--yellow);
  outline-offset: 3px;
  border-radius: 4px;
}

.darsa-redesign .visually-hidden{
  position: absolute !important;
  width: 1px; height: 1px;
  padding: 0; margin: -1px;
  overflow: hidden;
  clip: rect(0 0 0 0);
  white-space: nowrap;
  border: 0;
}


.darsa-redesign .container{
  width: 100%;
  max-width: var(--container);
  margin-inline: auto;
  padding-inline: 1.25rem;
}
.darsa-redesign .section{ padding-block: clamp(3.5rem, 8vw, 6.5rem); }
.darsa-redesign .section--light{ background: var(--paper); color: var(--ink); }
.darsa-redesign .section--light .section-lead{ color: var(--text-muted-light); }

.darsa-redesign .eyebrow{
  display: inline-flex;
  align-items: center;
  gap: 0.55rem;
  font-size: 0.78rem;
  font-weight: 700;
  letter-spacing: 0.16em;
  text-transform: uppercase;
  color: var(--blue-bright);
  margin-bottom: 1rem;
}
.darsa-redesign .eyebrow::before{
  content: "";
  width: 26px; height: 3px;
  background: linear-gradient(90deg, var(--red), var(--blue));
  border-radius: 2px;
}
.darsa-redesign .section--light .eyebrow, .darsa-redesign .featured .eyebrow{ color: var(--blue-action); }

.darsa-redesign h1, .darsa-redesign h2, .darsa-redesign h3{ line-height: 1.12; font-weight: 800; letter-spacing: -0.015em; }
.darsa-redesign .h2{ font-size: clamp(1.7rem, 3.6vw, 2.5rem); margin-bottom: 1rem; }
.darsa-redesign .section-lead{ max-width: 62ch; color: var(--text-muted-dark); font-size: 1.06rem; }


.darsa-redesign .btn{
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 0.55rem;
  padding: 0.85rem 1.6rem;
  border-radius: 999px;
  font-weight: 700;
  font-size: 1rem;
  line-height: 1.2;
  text-decoration: none;
  border: 2px solid transparent;
  transition: transform 0.18s ease, box-shadow 0.18s ease, background-color 0.18s ease, border-color 0.18s ease;
}
.darsa-redesign .btn:hover{ text-decoration: none; transform: translateY(-2px); }
.darsa-redesign .btn:active{ transform: translateY(0); }
.darsa-redesign .btn--primary{
  background: var(--yellow);
  color: var(--ink);
  box-shadow: 0 8px 24px rgba(255, 194, 26, 0.28);
}
.darsa-redesign .btn--primary:hover{ background: var(--yellow-deep); box-shadow: 0 12px 30px rgba(255, 194, 26, 0.36); }
.darsa-redesign .btn--ghost{
  border-color: rgba(140, 170, 230, 0.45);
  color: var(--text-on-dark);
  background: rgba(10, 22, 51, 0.35);
}
.darsa-redesign .btn--ghost:hover{ border-color: var(--blue-bright); background: rgba(46, 124, 246, 0.14); }
.darsa-redesign .btn--blue{ background: var(--blue-action); color: #fff; }
.darsa-redesign .btn--blue:hover{ background: var(--blue-action-hover); }
.darsa-redesign .btn--on-light-ghost{ border-color: var(--line-light); color: var(--ink); background: transparent; }
.darsa-redesign .btn--on-light-ghost:hover{ border-color: var(--blue); background: rgba(46, 124, 246, 0.08); }
.darsa-redesign .btn .btn-icon{ width: 1.1em; height: 1.1em; flex: none; }


.darsa-redesign .site-header{
  position: sticky;
  top: 0;
  z-index: 100;
  background: rgba(8, 18, 38, 0.88);
  backdrop-filter: blur(12px);
  -webkit-backdrop-filter: blur(12px);
  border-bottom: 1px solid var(--line-dark);
}
.darsa-redesign .header-inner{
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 1rem;
  min-height: 72px;
}
.darsa-redesign .brand{ display: inline-flex; align-items: center; gap: 0.6rem; }
.darsa-redesign .brand img{ width: 148px; height: auto; }
.darsa-redesign .brand:hover{ text-decoration: none; }

.darsa-redesign .main-nav ul{
  display: flex;
  align-items: center;
  gap: 0.25rem;
  list-style: none;
  padding: 0;
  margin: 0;
}
.darsa-redesign .main-nav a{
  display: inline-block;
  padding: 0.55rem 0.85rem;
  border-radius: 8px;
  color: var(--text-on-dark);
  font-weight: 600;
  font-size: 0.95rem;
}
.darsa-redesign .main-nav a:hover{ background: rgba(46, 124, 246, 0.14); text-decoration: none; }
.darsa-redesign .main-nav a[aria-current="page"]{ color: var(--yellow); }
.darsa-redesign .header-cta{ display: none; }

.darsa-redesign .nav-toggle{
  display: inline-flex;
  align-items: center;
  gap: 0.5rem;
  padding: 0.55rem 0.9rem;
  border: 1px solid var(--line-dark);
  border-radius: 10px;
  color: var(--text-on-dark);
  font-weight: 700;
}
.darsa-redesign .nav-toggle .bars{ width: 20px; height: 14px; position: relative; }
.darsa-redesign .nav-toggle .bars span{
  position: absolute; left: 0; right: 0; height: 2px;
  background: var(--text-on-dark); border-radius: 2px;
  transition: transform 0.2s ease, opacity 0.2s ease, top 0.2s ease;
}
.darsa-redesign .nav-toggle .bars span:nth-child(1){ top: 0; }
.darsa-redesign .nav-toggle .bars span:nth-child(2){ top: 6px; }
.darsa-redesign .nav-toggle .bars span:nth-child(3){ top: 12px; }
.darsa-redesign .nav-toggle[aria-expanded="true"] .bars span:nth-child(1){ top: 6px; transform: rotate(45deg); }
.darsa-redesign .nav-toggle[aria-expanded="true"] .bars span:nth-child(2){ opacity: 0; }
.darsa-redesign .nav-toggle[aria-expanded="true"] .bars span:nth-child(3){ top: 6px; transform: rotate(-45deg); }

@media (max-width: 899px){
  .darsa-redesign .main-nav{
    position: absolute;
    inset: 72px 0 auto 0;
    background: var(--navy-800);
    border-bottom: 1px solid var(--line-dark);
    padding: 0.75rem 1.25rem 1.25rem;
    display: none;
  }
  .darsa-redesign .main-nav[data-open="true"]{ display: block; }
  .darsa-redesign .main-nav ul{ flex-direction: column; align-items: stretch; gap: 0.2rem; }
  .darsa-redesign .main-nav a{ display: block; padding: 0.8rem 0.9rem; }
  .darsa-redesign .main-nav .btn{ margin-top: 0.6rem; width: 100%; }
}
@media (min-width: 900px){
  .darsa-redesign .nav-toggle{ display: none; }
  .darsa-redesign .header-cta{ display: inline-flex; }
  .darsa-redesign .main-nav .btn{ display: none; }
}


.darsa-redesign .hero{
  position: relative;
  min-height: min(72svh, 740px);
  display: flex;
  align-items: flex-start;
  isolation: isolate;
  overflow: hidden;
  background: var(--navy-950) url("../img/hero-poster.jpg") center / cover no-repeat;
}
.darsa-redesign .hero__media, .darsa-redesign .hero__media video{
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
  z-index: -2;
}
.darsa-redesign .hero::after{
  content: "";
  position: absolute;
  inset: 0;
  z-index: -1;
  background:
    linear-gradient(180deg, rgba(5, 11, 26, 0.55) 0%, rgba(5, 11, 26, 0.25) 40%, rgba(8, 18, 38, 0.92) 88%),
    linear-gradient(100deg, rgba(8, 18, 38, 0.85) 0%, rgba(8, 18, 38, 0.25) 60%, rgba(8, 18, 38, 0) 100%);
}
.darsa-redesign .hero__content{
  width: min(50rem, 100%);
  max-width: 50rem;
  margin-left: 0;
  margin-right: auto;
  padding: clamp(7.5rem, 9vw, 9rem) 1.25rem 3rem clamp(3rem, 4.5vw, 5.25rem);
}

@media (min-width: 900px){
  .darsa-redesign .hero__content{ transform: none; }
}
@media (max-width: 899px){
  .darsa-redesign .hero{ min-height: 740px; }
  .darsa-redesign .hero__content{ padding: 5.5rem 1.25rem 2.5rem; transform: none; }
}
.darsa-redesign .hero h1{
  font-size: clamp(2.35rem, 6.2vw, 4.4rem);
  margin-bottom: 1.1rem;
  text-wrap: balance;
}
.darsa-redesign .hero h1 .accent{
  background: linear-gradient(92deg, var(--blue-bright) 0%, var(--blue) 45%, #ff6b78 110%);
  -webkit-background-clip: text;
  background-clip: text;
  color: transparent;
}
.darsa-redesign .hero__lead{ font-size: clamp(1.05rem, 1.6vw, 1.25rem); color: #d7e1f5; max-width: 38rem; margin-bottom: 1.8rem; }
.darsa-redesign .hero__actions{ display: flex; flex-wrap: wrap; gap: 0.8rem; }

.darsa-redesign .video-toggle{
  position: absolute;
  right: 1.1rem;
  bottom: 1.1rem;
  z-index: 5;
  display: inline-flex;
  align-items: center;
  gap: 0.5rem;
  padding: 0.5rem 0.95rem;
  border-radius: 999px;
  border: 1px solid rgba(234, 240, 251, 0.35);
  background: rgba(5, 11, 26, 0.55);
  color: var(--text-on-dark);
  font-size: 0.85rem;
  font-weight: 600;
  backdrop-filter: blur(6px);
}
.darsa-redesign .video-toggle:hover{ border-color: var(--yellow); }
.darsa-redesign .video-toggle svg{ width: 14px; height: 14px; }


.darsa-redesign .areas-grid{
  display: grid;
  gap: 1.1rem;
  grid-template-columns: 1fr;
  margin-top: 2.4rem;
}
@media (min-width: 700px){ .darsa-redesign .areas-grid{ grid-template-columns: repeat(3, 1fr); } }

.darsa-redesign .area-card{
  position: relative;
  background: linear-gradient(165deg, var(--navy-700) 0%, var(--navy-800) 70%);
  border: 1px solid var(--line-dark);
  border-radius: var(--radius-lg);
  padding: 1.7rem 1.5rem 1.6rem;
  overflow: hidden;
  transition: transform 0.2s ease, border-color 0.2s ease;
}
.darsa-redesign .area-card:hover{ transform: translateY(-4px); border-color: rgba(77, 163, 255, 0.5); }
.darsa-redesign .area-card::before{
  content: "";
  position: absolute;
  inset: 0 0 auto 0;
  height: 3px;
  background: linear-gradient(90deg, var(--blue), transparent 65%);
}
.darsa-redesign .area-card--red::before{ background: linear-gradient(90deg, var(--red), transparent 65%); }
.darsa-redesign .area-card--yellow::before{ background: linear-gradient(90deg, var(--yellow), transparent 65%); }
.darsa-redesign .area-icon{
  width: 52px; height: 52px;
  display: grid;
  place-items: center;
  border-radius: 14px;
  background: rgba(46, 124, 246, 0.14);
  border: 1px solid rgba(77, 163, 255, 0.35);
  margin-bottom: 1.1rem;
}
.darsa-redesign .area-icon svg{ width: 26px; height: 26px; }
.darsa-redesign .area-card h3{ font-size: 1.22rem; margin-bottom: 0.55rem; }
.darsa-redesign .area-card p{ color: var(--text-muted-dark); font-size: 0.97rem; }
.darsa-redesign .badge-dev{
  display: inline-block;
  margin-top: 0.9rem;
  padding: 0.22rem 0.7rem;
  font-size: 0.75rem;
  font-weight: 700;
  letter-spacing: 0.08em;
  text-transform: uppercase;
  color: var(--yellow);
  border: 1px solid rgba(255, 194, 26, 0.45);
  border-radius: 999px;
}


.darsa-redesign .featured{ background: var(--paper); color: var(--ink); }
.darsa-redesign .featured-grid{
  display: grid;
  gap: 2.2rem;
  align-items: center;
}
@media (min-width: 900px){ .darsa-redesign .featured-grid{ grid-template-columns: 0.95fr 1.05fr; gap: 3.5rem; } }
.darsa-redesign .featured-media{
  background: #fff;
  border-radius: var(--radius-lg);
  border: 1px solid var(--line-light);
  box-shadow: var(--shadow-soft);
  padding: clamp(1rem, 3vw, 2.2rem);
  display: grid;
  place-items: center;
}
.darsa-redesign .featured-media img{ max-height: 460px; width: auto; }
.darsa-redesign .featured h2{ font-size: clamp(1.8rem, 3.8vw, 2.6rem); margin-bottom: 0.4rem; }
.darsa-redesign .featured .model-tag{
  display: inline-block;
  font-weight: 800;
  color: var(--red-deep);
  letter-spacing: 0.06em;
  margin-bottom: 0.8rem;
}
.darsa-redesign .chip-row{ display: flex; flex-wrap: wrap; gap: 0.5rem; margin: 1.2rem 0 1.6rem; padding: 0; list-style: none; }
.darsa-redesign .chip{
  padding: 0.4rem 0.85rem;
  border-radius: 999px;
  background: #fff;
  border: 1px solid var(--line-light);
  font-size: 0.88rem;
  font-weight: 600;
  color: var(--ink);
}
.darsa-redesign .featured p.lead{ color: var(--text-muted-light); max-width: 52ch; }


.darsa-redesign .stats-strip{ background: var(--navy-950); border-block: 1px solid var(--line-dark); }
.darsa-redesign .stats-grid{
  display: grid;
  grid-template-columns: 1fr;
  gap: 1.4rem;
  text-align: center;
  padding-block: 2.6rem;
}
@media (min-width: 700px){ .darsa-redesign .stats-grid{ grid-template-columns: repeat(3, 1fr); } }
.darsa-redesign .stat b{
  display: block;
  font-size: clamp(2rem, 4.5vw, 2.9rem);
  font-weight: 800;
  color: var(--blue-bright);
  letter-spacing: -0.02em;
}
.darsa-redesign .stat span{ color: var(--text-muted-dark); font-size: 0.95rem; }


.darsa-redesign .about-grid{ display: grid; gap: 2rem; }
@media (min-width: 900px){ .darsa-redesign .about-grid{ grid-template-columns: 1.2fr 0.8fr; gap: 3.5rem; align-items: start; } }
.darsa-redesign .about-list{ list-style: none; padding: 0; display: grid; gap: 0.9rem; }
.darsa-redesign .about-list li{
  display: flex;
  gap: 0.8rem;
  align-items: flex-start;
  background: var(--navy-800);
  border: 1px solid var(--line-dark);
  border-radius: var(--radius);
  padding: 1rem 1.1rem;
}
.darsa-redesign .about-list svg{ width: 22px; height: 22px; flex: none; margin-top: 0.15rem; }
.darsa-redesign .about-list b{ display: block; }
.darsa-redesign .about-list span{ color: var(--text-muted-dark); font-size: 0.93rem; }


.darsa-redesign .app-block{
  background:
    radial-gradient(900px 400px at 85% -10%, rgba(227, 50, 68, 0.16), transparent 60%),
    radial-gradient(800px 500px at 10% 110%, rgba(46, 124, 246, 0.22), transparent 60%),
    var(--navy-800);
  border: 1px solid var(--line-dark);
  border-radius: var(--radius-lg);
  padding: clamp(1.8rem, 5vw, 3.2rem);
  display: grid;
  gap: 1.6rem;
}
@media (min-width: 900px){ .darsa-redesign .app-block{ grid-template-columns: 1.1fr 0.9fr; align-items: center; } }
.darsa-redesign .store-row{ display: flex; flex-wrap: wrap; gap: 0.9rem; align-items: center; }
.darsa-redesign .store-btn{
  display: inline-flex;
  align-items: center;
  gap: 0.7rem;
  padding: 0.7rem 1.15rem;
  border-radius: 12px;
  background: #000;
  border: 1px solid rgba(234, 240, 251, 0.35);
  color: #fff;
  line-height: 1.15;
  transition: transform 0.18s ease, border-color 0.18s ease;
}
.darsa-redesign .store-btn:hover{ text-decoration: none; transform: translateY(-2px); border-color: var(--blue-bright); }
.darsa-redesign .store-btn svg{ width: 26px; height: 26px; flex: none; }
.darsa-redesign .store-btn small{ display: block; font-size: 0.68rem; opacity: 0.75; }
.darsa-redesign .store-btn b{ font-size: 1.02rem; }
.darsa-redesign .store-btn--disabled, .darsa-redesign .store-btn--disabled:hover{
  opacity: 0.55;
  cursor: not-allowed;
  transform: none;
  border-style: dashed;
}
.darsa-redesign .soon-pill{
  margin-left: 0.15rem;
  padding: 0.14rem 0.55rem;
  border-radius: 999px;
  background: var(--yellow);
  color: var(--ink);
  font-size: 0.7rem;
  font-weight: 800;
  text-transform: uppercase;
  letter-spacing: 0.06em;
}


.darsa-redesign .cta-section{
  background:
    radial-gradient(1000px 500px at 50% -20%, rgba(46, 124, 246, 0.18), transparent 65%),
    var(--navy-900);
}
.darsa-redesign .cta-grid{ display: grid; gap: 2rem; }
@media (min-width: 900px){ .darsa-redesign .cta-grid{ grid-template-columns: 0.9fr 1.1fr; gap: 3.2rem; align-items: start; } }

.darsa-redesign .demo-form{
  background: var(--navy-800);
  border: 1px solid var(--line-dark);
  border-radius: var(--radius-lg);
  padding: clamp(1.4rem, 3.5vw, 2.2rem);
  display: grid;
  gap: 1rem;
}
.darsa-redesign .demo-form .field{ display: grid; gap: 0.35rem; }
.darsa-redesign .demo-form label{ font-weight: 600; font-size: 0.95rem; }
.darsa-redesign .demo-form input, .darsa-redesign .demo-form select, .darsa-redesign .demo-form textarea{
  background: var(--navy-950);
  border: 1px solid var(--line-dark);
  border-radius: 10px;
  padding: 0.75rem 0.9rem;
  color: var(--text-on-dark);
  width: 100%;
}
.darsa-redesign .demo-form input:focus, .darsa-redesign .demo-form select:focus, .darsa-redesign .demo-form textarea:focus{
  outline: 3px solid var(--yellow);
  outline-offset: 1px;
  border-color: var(--blue-bright);
}
.darsa-redesign .demo-form textarea{ min-height: 110px; resize: vertical; }
.darsa-redesign .form-note{
  display: flex;
  gap: 0.6rem;
  align-items: flex-start;
  font-size: 0.88rem;
  color: var(--text-muted-dark);
  background: rgba(255, 194, 26, 0.07);
  border: 1px dashed rgba(255, 194, 26, 0.4);
  border-radius: 10px;
  padding: 0.7rem 0.9rem;
}
.darsa-redesign .form-note svg{ width: 18px; height: 18px; flex: none; margin-top: 0.1rem; }
.darsa-redesign .form-status{
  font-weight: 600;
  color: #7ce2a8;
  min-height: 1.4em;
}


.darsa-redesign .site-footer{
  background: var(--navy-950);
  border-top: 1px solid var(--line-dark);
  padding-block: 2.8rem 2rem;
}
.darsa-redesign .footer-grid{ display: grid; gap: 1.8rem; }
@media (min-width: 800px){ .darsa-redesign .footer-grid{ grid-template-columns: 1.2fr 1fr 1fr; } }
.darsa-redesign .site-footer img{ width: 132px; margin-bottom: 0.8rem; }
.darsa-redesign .site-footer p, .darsa-redesign .site-footer a{ color: var(--text-muted-dark); font-size: 0.93rem; }
.darsa-redesign .site-footer a:hover{ color: var(--text-on-dark); }
.darsa-redesign .footer-nav{ list-style: none; padding: 0; display: grid; gap: 0.45rem; }
.darsa-redesign .footer-nav a{ display: inline-block; padding: 0.15rem 0; }
.darsa-redesign .footer-title{ font-size: 0.8rem; font-weight: 800; letter-spacing: 0.14em; text-transform: uppercase; color: var(--blue-soft); margin-bottom: 0.7rem; }
.darsa-redesign .footer-legal{
  margin-top: 2.2rem;
  padding-top: 1.2rem;
  border-top: 1px solid var(--line-dark);
  display: flex;
  flex-wrap: wrap;
  gap: 0.6rem 1.6rem;
  justify-content: space-between;
  font-size: 0.85rem;
  color: var(--text-muted-dark);
}


.darsa-redesign .breadcrumb{ padding-block: 1.1rem 0; font-size: 0.9rem; }
.darsa-redesign .breadcrumb ol{ list-style: none; padding: 0; display: flex; flex-wrap: wrap; gap: 0.4rem; }
.darsa-redesign .breadcrumb li{ display: flex; align-items: center; gap: 0.4rem; color: var(--text-muted-dark); }
.darsa-redesign .breadcrumb li + li::before{ content: "/"; color: var(--text-muted-dark); }
.darsa-redesign .breadcrumb a{ color: var(--blue-bright); }
.darsa-redesign .breadcrumb [aria-current="page"]{ color: var(--text-on-dark); font-weight: 600; }

.darsa-redesign .product-hero{ padding-block: clamp(2rem, 5vw, 4rem) clamp(3rem, 6vw, 4.5rem); }
.darsa-redesign .product-grid{ display: grid; gap: 2.2rem; align-items: center; }
@media (min-width: 940px){ .darsa-redesign .product-grid{ grid-template-columns: 0.92fr 1.08fr; gap: 3.4rem; } }

.darsa-redesign .product-media{
  position: relative;
  background:
    radial-gradient(420px 420px at 50% 20%, rgba(46, 124, 246, 0.18), transparent 70%),
    linear-gradient(170deg, var(--navy-700), var(--navy-950));
  border: 1px solid var(--line-dark);
  border-radius: var(--radius-lg);
  padding: clamp(1.2rem, 3vw, 2.4rem);
  display: grid;
  place-items: center;
  box-shadow: var(--shadow-card);
}
.darsa-redesign .product-media img{ max-height: 520px; width: auto; filter: drop-shadow(0 24px 34px rgba(0, 0, 0, 0.45)); }

.darsa-redesign .product-info h1{ font-size: clamp(2.1rem, 4.6vw, 3.2rem); }
.darsa-redesign .h1-sub{
  display: block;
  font-size: clamp(1.05rem, 2vw, 1.35rem);
  font-weight: 600;
  color: var(--text-muted-dark);
  margin-top: 0.4rem;
  letter-spacing: 0;
}
.darsa-redesign .model-pill{
  display: inline-flex;
  align-items: center;
  gap: 0.5rem;
  margin: 1rem 0 0.9rem;
  padding: 0.35rem 0.95rem;
  border-radius: 999px;
  background: rgba(46, 124, 246, 0.14);
  border: 1px solid rgba(77, 163, 255, 0.45);
  font-weight: 800;
  letter-spacing: 0.04em;
  color: var(--blue-bright);
}
.darsa-redesign .model-pill .dot{ width: 8px; height: 8px; border-radius: 50%; background: var(--red); }


.darsa-redesign .power-picker{ margin-top: 1.4rem; }
.darsa-redesign .power-picker .picker-label{ font-weight: 700; margin-bottom: 0.15rem; }
.darsa-redesign .power-picker .picker-sub{ color: var(--text-muted-dark); font-size: 0.88rem; margin-bottom: 0.7rem; }
.darsa-redesign .segmented{
  display: inline-flex;
  flex-wrap: wrap;
  gap: 0.35rem;
  background: var(--navy-950);
  border: 1px solid var(--line-dark);
  border-radius: 999px;
  padding: 0.35rem;
}
.darsa-redesign .segmented button{
  padding: 0.55rem 1.25rem;
  border-radius: 999px;
  font-weight: 700;
  color: var(--text-muted-dark);
  transition: background-color 0.18s ease, color 0.18s ease;
}
.darsa-redesign .segmented button:hover{ color: var(--text-on-dark); }
.darsa-redesign .segmented button[aria-pressed="true"]{
  background: var(--blue-action);
  color: #fff;
  box-shadow: 0 4px 14px rgba(31, 104, 221, 0.4);
}
.darsa-redesign .power-estimate{
  margin-top: 0.9rem;
  font-size: 0.98rem;
  color: var(--text-on-dark);
  display: flex;
  gap: 0.55rem;
  align-items: flex-start;
}
.darsa-redesign .power-estimate svg{ width: 18px; height: 18px; flex: none; margin-top: 0.2rem; }
.darsa-redesign .power-note{ margin-top: 0.55rem; font-size: 0.85rem; color: var(--text-muted-dark); max-width: 46ch; }


.darsa-redesign .icons-strip{
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 0.8rem;
  margin-top: 2rem;
}
@media (min-width: 700px){ .darsa-redesign .icons-strip{ grid-template-columns: repeat(5, 1fr); } }
.darsa-redesign .icon-item{
  background: var(--navy-800);
  border: 1px solid var(--line-dark);
  border-radius: var(--radius);
  padding: 0.95rem 0.8rem;
  text-align: center;
  display: grid;
  gap: 0.5rem;
  justify-items: center;
  align-content: start;
}
.darsa-redesign .icon-item svg{ width: 30px; height: 30px; }
.darsa-redesign .icon-item b{ font-size: 0.88rem; line-height: 1.3; }
.darsa-redesign .icon-item span{ font-size: 0.78rem; color: var(--text-muted-dark); }


.darsa-redesign .spec-note{
  display: flex;
  gap: 0.6rem;
  align-items: flex-start;
  background: rgba(46, 124, 246, 0.08);
  border: 1px solid rgba(77, 163, 255, 0.35);
  border-radius: 10px;
  padding: 0.8rem 1rem;
  font-size: 0.92rem;
  color: var(--text-muted-dark);
  margin: 1.4rem 0;
}
.darsa-redesign .spec-note svg{ width: 18px; height: 18px; flex: none; margin-top: 0.15rem; }
.darsa-redesign .table-wrap{ overflow-x: auto; border: 1px solid var(--line-dark); border-radius: var(--radius); }
.darsa-redesign table.spec{
  width: 100%;
  min-width: 560px;
  border-collapse: collapse;
  font-size: 0.94rem;
}
.darsa-redesign table.spec caption{
  text-align: left;
  padding: 0.9rem 1.1rem;
  font-weight: 700;
  background: var(--navy-700);
  color: var(--text-on-dark);
}
.darsa-redesign table.spec th, .darsa-redesign table.spec td{ padding: 0.65rem 1.1rem; text-align: left; vertical-align: top; }
.darsa-redesign table.spec th[scope="row"]{ width: 42%; color: var(--text-muted-dark); font-weight: 600; }
.darsa-redesign table.spec tbody tr:nth-child(even){ background: rgba(140, 170, 230, 0.05); }
.darsa-redesign table.spec tbody tr{ border-top: 1px solid var(--line-dark); }
.darsa-redesign table.spec .group th{
  background: var(--navy-800);
  color: var(--blue-bright);
  font-size: 0.8rem;
  letter-spacing: 0.12em;
  text-transform: uppercase;
  padding: 0.55rem 1.1rem;
}


.darsa-redesign .docs-grid{ display: grid; gap: 1.6rem; }
@media (min-width: 860px){ .darsa-redesign .docs-grid{ grid-template-columns: 0.9fr 1.1fr; gap: 2.6rem; align-items: start; } }
.darsa-redesign .pdf-card{
  display: flex;
  gap: 1.1rem;
  align-items: center;
  background: var(--navy-800);
  border: 1px solid var(--line-dark);
  border-radius: var(--radius-lg);
  padding: 1.1rem;
}
.darsa-redesign .pdf-card img{ width: 108px; border-radius: 8px; border: 1px solid var(--line-dark); flex: none; }
.darsa-redesign .pdf-card b{ display: block; margin-bottom: 0.2rem; }
.darsa-redesign .pdf-card p{ font-size: 0.88rem; color: var(--text-muted-dark); margin-bottom: 0.7rem; }
.darsa-redesign .standards-list{ list-style: none; padding: 0; display: grid; gap: 0.45rem; }
.darsa-redesign .standards-list li{
  display: flex;
  gap: 0.6rem;
  align-items: baseline;
  color: var(--text-muted-dark);
  font-size: 0.95rem;
}
.darsa-redesign .standards-list li::before{ content: "—"; color: var(--blue-bright); }


.darsa-redesign .install-grid{ display: grid; gap: 1.6rem; align-items: center; }
@media (min-width: 900px){ .darsa-redesign .install-grid{ grid-template-columns: 1.15fr 0.85fr; gap: 3rem; } }
.darsa-redesign .install-grid figure{ border-radius: var(--radius-lg); overflow: hidden; border: 1px solid var(--line-dark); }
.darsa-redesign .install-grid figcaption{
  background: var(--navy-800);
  padding: 0.8rem 1.1rem;
  font-size: 0.9rem;
  color: var(--text-muted-dark);
}


.darsa-redesign .reveal{ opacity: 0; transform: translateY(18px); }
.darsa-redesign .reveal.in-view{
  opacity: 1;
  transform: none;
  transition: opacity 0.55s ease, transform 0.55s ease;
}


@media (prefers-reduced-motion: reduce){
  .darsa-redesign{ scroll-behavior: auto; }
  .darsa-redesign *, .darsa-redesign *::before, .darsa-redesign *::after{
    animation-duration: 0.01ms !important;
    animation-iteration-count: 1 !important;
    transition-duration: 0.01ms !important;
  }
  .darsa-redesign .reveal{ opacity: 1; transform: none; }
  .darsa-redesign .btn:hover, .darsa-redesign .area-card:hover, .darsa-redesign .store-btn:hover{ transform: none; }
}


.darsa-redesign .references-page{ background: var(--navy-900); }
.darsa-redesign .references-hero{
  position: relative;
  overflow: hidden;
  padding-block: clamp(4.5rem, 9vw, 7.5rem);
  background:
    linear-gradient(105deg, rgba(5, 11, 26, 0.96) 10%, rgba(5, 11, 26, 0.6) 65%, rgba(5, 11, 26, 0.82)),
    url("../img/reference-solar-industrial.png") center 42% / cover no-repeat;
}
.darsa-redesign .references-hero::after{
  content: "";
  position: absolute;
  inset: auto 0 0;
  height: 2px;
  background: linear-gradient(90deg, var(--yellow), var(--blue), transparent 82%);
}
.darsa-redesign .references-hero__inner{ position: relative; z-index: 1; }
.darsa-redesign .references-hero h1{ max-width: 13ch; font-size: clamp(2.6rem, 6vw, 5rem); margin-bottom: 1.4rem; }
.darsa-redesign .references-hero h1 .accent{
  color: transparent;
  background: linear-gradient(92deg, var(--blue-bright), #8f7cf4 58%, #ff6b78);
  -webkit-background-clip: text;
  background-clip: text;
}
.darsa-redesign .references-hero p:last-child{ max-width: 62ch; color: #d7e1f5; font-size: 1.08rem; }
.darsa-redesign .references-browser{ padding-block: clamp(3.5rem, 7vw, 6rem); }
.darsa-redesign .references-toolbar{ display: flex; align-items: end; justify-content: space-between; gap: 2rem; margin-bottom: 2.5rem; }
.darsa-redesign .references-intro{ color: var(--text-muted-dark); margin-top: 0.7rem; }
.darsa-redesign .reference-location-group + .reference-location-group{ margin-top: 4rem; }
.darsa-redesign .reference-location-heading{ display: flex; justify-content: space-between; align-items: baseline; gap: 1rem; margin-bottom: 1.2rem; padding-bottom: 0.8rem; border-bottom: 1px solid var(--line-dark); }
.darsa-redesign .reference-location-heading h3{ font-size: clamp(1.35rem, 2.5vw, 1.9rem); }
.darsa-redesign .reference-location-heading span{ color: var(--blue-soft); font-size: 0.85rem; text-transform: uppercase; letter-spacing: 0.12em; }
.darsa-redesign .reference-grid{ display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 1.2rem; }
.darsa-redesign .reference-card{ overflow: hidden; border: 1px solid var(--line-dark); border-radius: var(--radius-lg); background: linear-gradient(155deg, #0d1c3d, #081226); box-shadow: var(--shadow-card); }
.darsa-redesign .reference-card__image{ position: relative; width: 100%; aspect-ratio: 4 / 3; overflow: hidden; }
.darsa-redesign .reference-card__image img{ width: 100%; height: 100%; object-fit: cover; transition: transform 0.45s ease; }
.darsa-redesign .reference-card__image:hover img{ transform: scale(1.035); }
.darsa-redesign .reference-card__zoom{ position: absolute; right: 0.9rem; bottom: 0.9rem; display: grid; place-items: center; width: 38px; height: 38px; border-radius: 50%; background: rgba(5, 11, 26, 0.75); border: 1px solid rgba(255,255,255,0.28); color: white; font-size: 1.35rem; backdrop-filter: blur(8px); }
.darsa-redesign .reference-card__body{ padding: 1.25rem; }
.darsa-redesign .reference-card__meta{ display: flex; justify-content: space-between; gap: 0.8rem; color: var(--blue-soft); font-size: 0.76rem; font-weight: 800; letter-spacing: 0.08em; text-transform: uppercase; margin-bottom: 0.7rem; }
.darsa-redesign .reference-card h3{ font-size: 1.28rem; margin-bottom: 0.2rem; }
.darsa-redesign .reference-card__body > p:last-child{ color: var(--text-muted-dark); margin-top: 0.8rem; font-size: 0.92rem; }
.darsa-redesign .reference-location{ color: var(--yellow); font-size: 0.9rem; }
.darsa-redesign .reference-empty{ padding: 3rem; border: 1px dashed var(--line-dark); border-radius: var(--radius-lg); text-align: center; color: var(--text-muted-dark); }
.darsa-redesign .reference-lightbox{ width: min(92vw, 1000px); max-height: 90vh; padding: 0; border: 1px solid var(--line-dark); border-radius: var(--radius-lg); overflow: hidden; background: var(--navy-950); color: white; }
.darsa-redesign .reference-lightbox::backdrop{ background: rgba(0,0,0,0.85); backdrop-filter: blur(5px); }
.darsa-redesign .reference-lightbox img{ width: 100%; max-height: 78vh; object-fit: contain; }
.darsa-redesign .lightbox-close{ position: absolute; right: 0.8rem; top: 0.8rem; width: 42px; height: 42px; border-radius: 50%; background: rgba(5,11,26,0.82); color: white; font-size: 1.7rem; z-index: 2; }
.darsa-redesign .lightbox-caption{ padding: 1rem 1.2rem; color: var(--text-muted-dark); }
@media (max-width: 850px){
  .darsa-redesign .references-toolbar{ align-items: flex-start; flex-direction: column; }
  .darsa-redesign .reference-grid{ grid-template-columns: 1fr; }
}


.darsa-redesign .brutal-page{ background: var(--navy-900); }
.darsa-redesign .page-hero{
  position: relative;
  overflow: hidden;
  padding-block: clamp(4.5rem, 9vw, 8rem);
  background:
    radial-gradient(circle at 80% 20%, rgba(227,50,68,.25), transparent 30%),
    linear-gradient(120deg, #050b1a 8%, #0a1b3f 58%, #071226);
}
.darsa-redesign .page-hero::before{ content:""; position:absolute; inset:0; opacity:.45; background: linear-gradient(115deg, transparent 0 45%, rgba(46,124,246,.22) 45.2% 45.7%, transparent 46% 100%); }
.darsa-redesign .page-hero::after{ content:""; position:absolute; left:0; right:0; bottom:0; height:3px; background:linear-gradient(90deg,var(--red),var(--blue),var(--yellow)); }
.darsa-redesign .page-hero .container{ position:relative; z-index:1; }
.darsa-redesign .page-hero h1{ max-width: 12ch; font-size:clamp(2.8rem,7vw,5.8rem); margin-bottom:1.25rem; }
.darsa-redesign .page-hero p:not(.eyebrow){ max-width:62ch; font-size:clamp(1.02rem,2vw,1.2rem); color:#d7e1f5; }
.darsa-redesign .page-hero .accent{ color:transparent; background:linear-gradient(92deg,var(--blue-bright),#8f7cf4 58%,#ff6b78); -webkit-background-clip:text; background-clip:text; }
.darsa-redesign .page-hero__grid{ display:grid; gap:3rem; align-items:center; }
@media (min-width:900px){ .darsa-redesign .page-hero__grid{ grid-template-columns:1.08fr .92fr; } }
.darsa-redesign .page-hero--solar{ background:linear-gradient(110deg,rgba(5,11,26,.97),rgba(5,11,26,.62)),url("../img/reference-solar-industrial.png") center/cover; }
.darsa-redesign .page-hero--charge{ background:radial-gradient(circle at 78% 35%,rgba(46,124,246,.35),transparent 26%),linear-gradient(120deg,#050b1a,#0a1633); }
.darsa-redesign .page-hero--about{ background:radial-gradient(circle at 82% 36%,rgba(227,50,68,.28),transparent 31%),linear-gradient(120deg,#050b1a,#0c204a); }
.darsa-redesign .page-hero--contact{ background:radial-gradient(circle at 88% 30%,rgba(255,194,26,.13),transparent 24%),linear-gradient(120deg,#050b1a,#0a1b3f); }
.darsa-redesign .page-hero--calc{ background:radial-gradient(circle at 82% 22%,rgba(255,194,26,.19),transparent 24%),radial-gradient(circle at 72% 52%,rgba(46,124,246,.27),transparent 32%),#050b1a; }

.darsa-redesign .energy-orbit{ aspect-ratio:1; width:min(100%,420px); margin:auto; border:1px solid rgba(77,163,255,.35); border-radius:50%; position:relative; display:grid; place-items:center; box-shadow:0 0 90px rgba(46,124,246,.16),inset 0 0 60px rgba(46,124,246,.08); }
.darsa-redesign .energy-orbit::before{ content:""; position:absolute; inset:17%; border:1px dashed rgba(255,194,26,.52); border-radius:50%; }
.darsa-redesign .orbit-core{ width:42%; aspect-ratio:1; display:grid; place-items:center; align-content:center; border-radius:50%; color:var(--ink); background:radial-gradient(circle at 35% 30%,#fff3a0,var(--yellow) 48%,#f08c00); font-weight:900; letter-spacing:.14em; box-shadow:0 0 65px rgba(255,194,26,.42); }
.darsa-redesign .orbit-core small{ display:block; font-size:.65rem; letter-spacing:.05em; }
.darsa-redesign .energy-orbit > span{ position:absolute; padding:.45rem .75rem; border:1px solid var(--line-dark); border-radius:999px; background:rgba(5,11,26,.84); font-weight:700; font-size:.82rem; }
.darsa-redesign .energy-orbit > span:nth-of-type(1){top:2%;left:41%}.darsa-redesign .energy-orbit > span:nth-of-type(2){top:46%;right:-3%}.darsa-redesign .energy-orbit > span:nth-of-type(3){bottom:2%;left:35%}.darsa-redesign .energy-orbit > span:nth-of-type(4){top:46%;left:-3%}
.darsa-redesign .brutal-grid{ display:grid; gap:1rem; margin-top:2rem; }
.darsa-redesign .brutal-grid--4{ grid-template-columns:repeat(4,minmax(0,1fr)); }
.darsa-redesign .brutal-card{ min-height:230px; padding:1.5rem; border:1px solid rgba(10,22,51,.12); border-radius:var(--radius-lg); background:#fff; box-shadow:var(--shadow-soft); }
.darsa-redesign .brutal-card > b{ display:inline-flex; color:var(--blue-action); font-size:.76rem; letter-spacing:.16em; border-bottom:2px solid var(--red); padding-bottom:.35rem; margin-bottom:2.2rem; }
.darsa-redesign .brutal-card h3{ color:var(--ink); margin-bottom:.6rem; font-size:1.3rem; }.darsa-redesign .brutal-card p{color:var(--text-muted-light)}
.darsa-redesign .split-feature{ display:grid; gap:3rem; align-items:center; }
@media(min-width:850px){.darsa-redesign .split-feature{grid-template-columns:1.05fr .95fr}}
.darsa-redesign .signal-list{ list-style:none; padding:0; display:grid; gap:.75rem; margin-top:1.6rem; color:var(--text-muted-dark); }.darsa-redesign .signal-list li::before{content:"↗";color:var(--yellow);margin-right:.7rem;font-weight:900}
.darsa-redesign .metric-panel{ display:grid; grid-template-columns:repeat(3,1fr); gap:1px; overflow:hidden; border:1px solid var(--line-dark); border-radius:var(--radius-lg); background:var(--line-dark); }
.darsa-redesign .metric-panel div{ min-height:160px; padding:1.25rem; background:linear-gradient(150deg,#0c1c3e,#071127); display:flex; flex-direction:column; justify-content:flex-end; }
.darsa-redesign .metric-panel strong{font-size:clamp(2rem,4vw,3.2rem);color:var(--blue-bright)}.darsa-redesign .metric-panel span{color:var(--text-muted-dark)}
.darsa-redesign .cta-band{ padding-block:3.2rem; background:linear-gradient(100deg,#0c1c3e,#071127); border-block:1px solid var(--line-dark); }.darsa-redesign .cta-band .container{display:flex;gap:2rem;align-items:center;justify-content:space-between}.darsa-redesign .cta-band .h2{margin:0;max-width:22ch}

.darsa-redesign .calculator-shell{ display:grid; gap:1px; background:var(--line-dark); border:1px solid var(--line-dark); border-radius:28px; overflow:hidden; box-shadow:var(--shadow-card); }
@media(min-width:900px){.darsa-redesign .calculator-shell{grid-template-columns:1fr 1fr}}
.darsa-redesign .calculator-panel, .darsa-redesign .results-panel{padding:clamp(1.5rem,4vw,3.5rem);background:linear-gradient(155deg,#0d1c3d,#071127)}
.darsa-redesign .calculator-panel h2{font-size:2rem;margin-bottom:2rem}.darsa-redesign .panel-kicker{color:var(--blue-bright);font-size:.76rem;text-transform:uppercase;letter-spacing:.16em;font-weight:800;margin-bottom:.5rem}
.darsa-redesign .calculator-panel label{display:grid;gap:.65rem;margin-bottom:1.5rem;font-weight:700}.darsa-redesign .calculator-panel label>span{justify-self:end;margin-top:-1.9rem;color:var(--yellow)}
.darsa-redesign .calculator-panel input[type=range]{width:100%;accent-color:var(--blue)}.darsa-redesign .calculator-panel select{width:100%;padding:.85rem 1rem;border:1px solid var(--line-dark);background:#0a1633;border-radius:10px}.darsa-redesign .calculator-note{font-size:.85rem;color:var(--text-muted-dark)}
.darsa-redesign .results-panel{background:radial-gradient(circle at 80% 10%,rgba(46,124,246,.25),transparent 30%),#050b1a}.darsa-redesign .result-primary{padding:2rem 0;border-bottom:1px solid var(--line-dark)}.darsa-redesign .result-primary strong{display:block;font-size:clamp(4rem,9vw,7rem);line-height:.9;color:var(--yellow)}.darsa-redesign .result-primary span{color:var(--text-muted-dark)}
.darsa-redesign .result-grid{display:grid;grid-template-columns:1fr 1fr;gap:1rem;margin:1.5rem 0}.darsa-redesign .result-grid div{padding:1rem;border:1px solid var(--line-dark);border-radius:12px;background:rgba(10,22,51,.62)}.darsa-redesign .result-grid strong{display:block;font-size:1.45rem;color:var(--blue-bright)}.darsa-redesign .result-grid span{font-size:.78rem;color:var(--text-muted-dark)}
.darsa-redesign .process-list{list-style:none;padding:0;display:grid;gap:.8rem}.darsa-redesign .process-list li{padding:1rem 1.2rem;border:1px solid var(--line-light);border-radius:12px;background:#fff;font-weight:700}.darsa-redesign .process-list b{color:var(--blue-action);margin-right:1rem}

.darsa-redesign .charge-pulse{display:flex;align-items:center;justify-content:center;gap:1rem;min-height:260px}.darsa-redesign .charge-pulse span{display:grid;place-items:center;width:105px;aspect-ratio:1;border-radius:50%;background:linear-gradient(150deg,#12306c,#071127);border:1px solid rgba(77,163,255,.48);font-weight:900;font-size:1.4rem;box-shadow:0 0 42px rgba(46,124,246,.16)}.darsa-redesign .charge-pulse strong{color:var(--yellow);font-size:1.7rem}
.darsa-redesign .product-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:1rem;margin-top:2rem}.darsa-redesign .product-tile{position:relative;padding:1.4rem;border:1px solid var(--line-light);border-radius:var(--radius-lg);background:#fff;box-shadow:var(--shadow-soft)}.darsa-redesign .product-tile--featured{background:linear-gradient(155deg,#0d1c3d,#071127);color:white;border-color:var(--line-dark)}.darsa-redesign .product-tile img{height:250px;width:100%;object-fit:contain;margin-bottom:.5rem}.darsa-redesign .product-tag{display:inline-block;font-size:.7rem;font-weight:900;letter-spacing:.12em;color:var(--blue-action);margin-bottom:1rem}.darsa-redesign .product-tile h3{font-size:1.5rem;margin-bottom:.5rem}.darsa-redesign .product-tile p{color:var(--text-muted-light);margin-bottom:1rem}.darsa-redesign .product-tile--featured p{color:var(--text-muted-dark)}.darsa-redesign .product-visual{height:250px;display:grid;place-items:center;align-content:center;font-weight:900;font-size:5rem;color:var(--blue-action)}.darsa-redesign .product-visual small{font-size:.8rem;letter-spacing:.15em}.darsa-redesign .product-visual--cpo{color:var(--red)}
.darsa-redesign .about-mark{width:min(100%,520px);filter:drop-shadow(0 20px 55px rgba(46,124,246,.24))}.darsa-redesign .statement-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:1.2rem}.darsa-redesign .statement-grid article{padding:2rem;border-left:4px solid var(--blue);background:white;box-shadow:var(--shadow-soft)}.darsa-redesign .statement-grid h2{font-size:1.55rem;margin-bottom:1rem}.darsa-redesign .statement-grid p:last-child{color:var(--text-muted-light)}
.darsa-redesign .app-stage{display:grid;gap:3rem;align-items:center}.darsa-redesign .app-stage .store-buttons{margin-top:1.8rem}@media(min-width:820px){.darsa-redesign .app-stage{grid-template-columns:1fr .8fr}}
.darsa-redesign .app-phone{width:min(100%,290px);margin:auto;padding:10px;border:1px solid rgba(255,255,255,.2);border-radius:36px;background:#020611;box-shadow:0 28px 70px rgba(0,0,0,.48)}.darsa-redesign .app-phone__screen{aspect-ratio:9/18;border-radius:28px;padding:2rem 1.25rem;background:radial-gradient(circle at 50% 26%,rgba(255,194,26,.28),transparent 23%),linear-gradient(#0a1d48,#050b1a);display:flex;flex-direction:column;justify-content:center;text-align:center}.darsa-redesign .app-phone__screen>span{color:var(--blue-bright);font-size:.72rem;letter-spacing:.16em}.darsa-redesign .app-phone__screen>strong{font-size:1.45rem;margin:.9rem 0}.darsa-redesign .sun-meter{width:145px;aspect-ratio:1;margin:1rem auto;display:grid;place-items:center;border-radius:50%;border:10px solid var(--yellow);font-size:2.2rem;font-weight:900;box-shadow:0 0 45px rgba(255,194,26,.25)}
.darsa-redesign .contact-layout{display:grid;gap:2rem}.darsa-redesign .contact-stack{display:grid;gap:.8rem}.darsa-redesign .contact-stack article{display:flex;gap:1rem;align-items:center;padding:1.15rem;border:1px solid var(--line-dark);border-radius:14px;background:linear-gradient(150deg,#0d1c3d,#071127)}.darsa-redesign .contact-stack article>span{display:grid;place-items:center;width:42px;height:42px;border-radius:50%;background:var(--blue-action);font-weight:900}.darsa-redesign .contact-stack small{display:block;color:var(--text-muted-dark)}.darsa-redesign .contact-stack a, .darsa-redesign .contact-stack strong{color:white;font-size:1.08rem}.darsa-redesign .brutal-form{background:linear-gradient(150deg,#0d1c3d,#071127);border:1px solid var(--line-dark);box-shadow:var(--shadow-card)}@media(min-width:900px){.darsa-redesign .contact-layout{grid-template-columns:.8fr 1.2fr}}
.darsa-redesign .store-buttons--compact{flex-direction:column;align-items:flex-start}.darsa-redesign .store-buttons--compact .store-btn{min-width:190px}

@media(max-width:850px){.darsa-redesign .brutal-grid--4, .darsa-redesign .product-grid, .darsa-redesign .statement-grid{grid-template-columns:1fr}.darsa-redesign .metric-panel{grid-template-columns:1fr}.darsa-redesign .metric-panel div{min-height:105px}.darsa-redesign .cta-band .container{align-items:flex-start;flex-direction:column}.darsa-redesign .charge-pulse{gap:.45rem}.darsa-redesign .charge-pulse span{width:80px}.darsa-redesign .page-hero h1{font-size:clamp(2.45rem,13vw,4.2rem)}}

.darsa-redesign{background:#081226;color:#eaf0fb;font-family:system-ui,-apple-system,"Segoe UI",Roboto,Arial,sans-serif;overflow:hidden}
.darsa-redesign .production-contact-card{display:flex;flex-direction:column;align-items:flex-start;justify-content:center;gap:1rem}
.darsa-redesign .production-contact-card h3{font-size:clamp(1.5rem,3vw,2.2rem)}
.darsa-redesign .production-contact-card p{color:#aebadb}