:root{
    --accent:#9B7EE0;
    --bg:#15121B;
    --bg-soft:#1A1622;
    --surface:#211C2E;
    --border:rgba(255,255,255,.12);
    --border-strong:rgba(255,255,255,.2);
    --text:#F2EEF8;
    --text-muted:#C7C0D6;
    --text-faint:#8F84A3;
    --accent-text:#C9AEF5;
    --accent-soft:rgba(155,126,224,0.16);
  }
  @media (prefers-color-scheme: light){
    :root{
      --bg:#FBF9FC;
      --bg-soft:#F4EFF9;
      --surface:#FFFFFF;
      --border:#E9E3F1;
      --border-strong:#D8CEE5;
      --text:#241C33;
      --text-muted:#5B5169;
      --text-faint:#8B7F9C;
      --accent-text:#6D3FBF;
      --accent-soft:rgba(109,63,191,0.10);
    }
  }
  :root[data-theme="light"]{
    --bg:#FBF9FC; --bg-soft:#F4EFF9; --surface:#FFFFFF; --border:#E9E3F1; --border-strong:#D8CEE5;
    --text:#241C33; --text-muted:#5B5169; --text-faint:#8B7F9C; --accent-text:#6D3FBF; --accent-soft:rgba(109,63,191,0.10);
  }
  :root[data-theme="dark"]{
    --bg:#15121B; --bg-soft:#1A1622; --surface:#211C2E; --border:rgba(255,255,255,.12); --border-strong:rgba(255,255,255,.2);
    --text:#F2EEF8; --text-muted:#C7C0D6; --text-faint:#8F84A3; --accent-text:#C9AEF5; --accent-soft:rgba(155,126,224,0.16);
  }
  *{box-sizing:border-box;}
  body{margin:0;background:var(--bg);color:var(--text);font-family:'Public Sans',system-ui,-apple-system,sans-serif;}
  a{text-decoration:none;}
  button{font-family:inherit;}
  img{max-width:100%;}
  .disp{font-family:'Space Grotesk',system-ui,sans-serif;}

  /* logo + theme-icon swap, driven purely by CSS */
  .logo-dark,.icon-sun{display:block;}
  .logo-light,.icon-moon{display:none;}
  @media (prefers-color-scheme: light){
    .logo-dark,.icon-sun{display:none;}
    .logo-light,.icon-moon{display:block;}
  }
  :root[data-theme="light"] .logo-dark,:root[data-theme="light"] .icon-sun{display:none;}
  :root[data-theme="light"] .logo-light,:root[data-theme="light"] .icon-moon{display:block;}
  :root[data-theme="dark"] .logo-dark,:root[data-theme="dark"] .icon-sun{display:block;}
  :root[data-theme="dark"] .logo-light,:root[data-theme="dark"] .icon-moon{display:none;}

  .nav-toggle{display:none;}
  .mobile-panel{display:none;}
  .pricing-carousel{display:none;}
  .maintenance-carousel{display:none;}

  .glow-behind{position:relative;}
  .glow-behind::before{content:"";position:absolute;top:50%;left:50%;width:440px;height:440px;background:radial-gradient(circle, var(--accent) 0%, transparent 70%);opacity:.22;filter:blur(75px);transform:translate(-50%,-50%);z-index:0;pointer-events:none;}
  .glow-behind > *{position:relative;z-index:1;}

  .lift{transition:transform .25s ease, border-color .25s ease;}
  .lift:hover{transform:translateY(-6px);border-color:var(--accent);}

  @keyframes pulseGlow{
    0%,100%{box-shadow:0 20px 45px -18px var(--accent);}
    50%{box-shadow:0 22px 60px -12px var(--accent);}
  }
  .glow-pulse:hover{animation:pulseGlow 1.4s ease-in-out infinite;}

  @keyframes fadeUp{from{opacity:0;transform:translateY(18px);}to{opacity:1;transform:translateY(0);}}
  .anim-in{animation:fadeUp .7s ease both;}
  .anim-in-delay{animation:fadeUp .7s ease .15s both;}

  .top-rule{height:3px;background:linear-gradient(90deg, transparent, var(--accent), transparent);}

  /* generic carousel primitives */
  .carousel-track{display:flex;gap:16px;transition:transform .35s ease;}
  .carousel-card-wrap{flex:0 0 260px;width:260px;transition:transform .35s ease, opacity .35s ease;opacity:.6;transform:scale(.92);}
  .carousel-card-wrap.active{opacity:1;transform:scale(1);}
  .dot{display:block;width:8px;height:8px;border-radius:4px;background:var(--border-strong);transition:all .25s ease;border:none;padding:0;cursor:pointer;}
  .dot.active{width:20px;background:var(--accent);}
  .portfolio-track{display:flex;transition:transform .4s ease;}
  .portfolio-slide{flex:0 0 100%;box-sizing:border-box;padding:36px 30px;display:flex;flex-direction:column;align-items:center;gap:14px;background:var(--bg-soft);min-height:280px;justify-content:center;}

  .modal-overlay{position:fixed;inset:0;background:rgba(10,8,14,0.68);display:none;align-items:center;justify-content:center;padding:24px;z-index:200;}
  .modal-panel{width:100%;max-height:88vh;overflow-y:auto;background:var(--surface);border:1px solid var(--border);border-radius:8px;box-sizing:border-box;position:relative;box-shadow:0 40px 90px -30px rgba(0,0,0,0.5);}

  @media (max-width:900px){
    .hero-grid{grid-template-columns:1fr !important;gap:48px !important;padding-top:70px !important;padding-bottom:56px !important;}
    .hero-graphic{display:none !important;}
    .design-grid{grid-template-columns:1fr !important;gap:40px !important;}
    .design-graphic{display:none !important;}
    .services-grid{grid-template-columns:1fr !important;}
    .maintenance-desktop{display:none !important;}
    .maintenance-carousel{display:block !important;}
    .pricing-desktop{display:none !important;}
    .pricing-carousel{display:block !important;}
    .nav-links{display:none !important;}
    .nav-toggle{display:flex !important;}
    .hero-title{font-size:38px !important;}
    .design-title{font-size:32px !important;}
    .pad-x{padding-left:32px !important;padding-right:32px !important;}
  }
  @media (max-width:600px){
    .hero-title{font-size:32px !important;}
    .pad-x{padding-left:22px !important;padding-right:22px !important;}
    .footer-row{flex-direction:column !important;gap:14px !important;align-items:flex-start !important;}
  }
  @media (max-width:700px){
    .modal-overlay.open{padding:0 !important;align-items:stretch !important;}
    .modal-panel{max-width:100% !important;}
    .modal-overlay.open .modal-panel{width:100% !important;height:100% !important;max-height:100% !important;border-radius:0 !important;animation:slideInPage .28s ease !important;}
  }
  @keyframes slideInPage{from{transform:translateX(100%);}to{transform:translateX(0);}}

/* ---- extracted from index.html inline styles ---- */
.sec-app {
  width:100%;
  box-sizing:border-box;
  background:var(--bg);
  color:var(--text);
  position:relative;
}
.el {
  position:sticky;
  top:0;
  z-index:50;
  background:var(--bg);
  display:flex;
  align-items:center;
  justify-content:space-between;
  padding:26px 72px;
  border-bottom:1px solid var(--border);
}
.el-2 {
  font-size:20px;
  font-weight:700;
  letter-spacing:-0.01em;
}
.el-3 {
  color:var(--accent-text);
}
.el-4 {
  display:flex;
  align-items:center;
  gap:40px;
}
.btn-design {
  font-size:15px;
  color:var(--text-muted);
}
.btn {
  width:40px;
  height:40px;
  border-radius:50%;
  border:1px solid var(--border-strong);
  background:none;
  color:var(--text);
  display:flex;
  align-items:center;
  justify-content:center;
  cursor:pointer;
}
.btn-get-started {
  padding:11px 22px;
  background:var(--accent);
  color:#161320;
  border-radius:3px;
  font-weight:600;
  font-size:14px;
  border:none;
  cursor:pointer;
}
.btn-2 {
  align-items:center;
  justify-content:center;
  width:44px;
  height:44px;
  border:1px solid var(--border-strong);
  border-radius:4px;
  background:none;
  cursor:pointer;
}
.icon {
  color:var(--text);
}
.sec-mobilepanel {
  position:absolute;
  top:100%;
  left:0;
  right:0;
  flex-direction:column;
  gap:2px;
  padding:14px 32px 22px;
  background:var(--surface);
  border-bottom:1px solid var(--border);
  z-index:10;
}
.btn-design-2 {
  padding:12px 0;
  font-size:16px;
  color:var(--text);
  border-bottom:1px solid var(--border);
}
.btn-3 {
  display:flex;
  align-items:center;
  gap:10px;
  padding:12px 0;
  font-size:16px;
  color:var(--text);
  background:none;
  border:none;
  border-bottom:1px solid var(--border);
  cursor:pointer;
  text-align:left;
}
.btn-get-started-2 {
  margin-top:14px;
  text-align:center;
  padding:13px;
  background:var(--accent);
  color:#161320;
  border-radius:3px;
  font-weight:600;
  font-size:15px;
  border:none;
  cursor:pointer;
}
.el-5 {
  display:grid;
  grid-template-columns:1.05fr 0.95fr;
  gap:64px;
  align-items:center;
  padding:110px 72px 100px;
  max-width:1600px;
  margin:0 auto;
  box-sizing:border-box;
}
.el-6 {
  display:flex;
  flex-direction:column;
  gap:28px;
}
.el-7 {
  display:flex;
  align-items:center;
  gap:10px;
}
.el-8 {
  width:28px;
  height:1px;
  background:var(--accent);
}
.el-9 {
  font-size:13px;
  letter-spacing:0.14em;
  text-transform:uppercase;
  color:var(--accent-text);
}
.el-10 {
  margin:0;
  font-size:60px;
  line-height:1.05;
  font-weight:700;
  letter-spacing:-0.02em;
}
.el-11 {
  margin:0;
  font-size:18px;
  line-height:1.6;
  color:var(--text-muted);
  max-width:480px;
}
.el-12 {
  display:flex;
  align-items:center;
  flex-wrap:wrap;
  gap:24px;
  margin-top:8px;
}
.btn-see-what-we-design {
  padding:15px 30px;
  background:var(--accent);
  color:#161320;
  border-radius:3px;
  font-weight:600;
  font-size:15px;
}
.btn-talk-to-us {
  font-size:15px;
  font-weight:600;
  color:var(--text);
  border-bottom:1px solid var(--border-strong);
  padding-bottom:2px;
  background:none;
  border-left:none;
  border-top:none;
  border-right:none;
  cursor:pointer;
}
.el-13 {
  position:relative;
  height:460px;
}
.el-14 {
  position:absolute;
  top:20px;
  left:40px;
  width:340px;
  height:220px;
  border:1px solid var(--border-strong);
  border-radius:6px;
  background:var(--bg-soft);
}
.el-15 {
  position:absolute;
  top:70px;
  left:90px;
  width:340px;
  height:220px;
  border:1px solid var(--accent);
  border-radius:6px;
  background:var(--surface);
  box-shadow:0 30px 60px -20px rgba(0,0,0,0.35);
}
.el-16 {
  padding:24px;
  display:flex;
  flex-direction:column;
  gap:14px;
}
.el-17 {
  display:flex;
  gap:8px;
}
.el-18 {
  width:9px;
  height:9px;
  border-radius:50%;
  background:var(--accent);
}
.el-19 {
  width:9px;
  height:9px;
  border-radius:50%;
  background:var(--border-strong);
}
.el-20 {
  height:9px;
  width:78%;
  background:var(--border);
  border-radius:2px;
}
.el-21 {
  height:9px;
  width:55%;
  background:var(--border);
  border-radius:2px;
}
.el-22 {
  height:9px;
  width:64%;
  background:var(--accent);
  opacity:0.55;
  border-radius:2px;
}
.el-23 {
  position:absolute;
  bottom:10px;
  left:0;
  display:flex;
  gap:10px;
}
.el-24 {
  width:14px;
  height:14px;
  border-radius:50%;
  border:1px solid var(--accent);
}
.el-25 {
  width:14px;
  height:14px;
  border-radius:50%;
  background:var(--accent);
  opacity:0.4;
}
.el-26 {
  width:14px;
  height:14px;
  border-radius:50%;
  border:1px solid var(--border-strong);
}
.sec-design-section {
  padding:30px 72px 110px;
  background:var(--bg-soft);
}
.el-27 {
  max-width:1600px;
  margin:0 auto;
  display:grid;
  grid-template-columns:0.9fr 1.1fr;
  gap:72px;
  align-items:center;
}
.el-28 {
  position:relative;
  height:400px;
}
.el-29 {
  position:absolute;
  top:10px;
  left:0;
  width:400px;
  height:280px;
  border:1px solid var(--border);
  border-radius:8px;
  background:var(--surface);
  box-shadow:0 30px 70px -25px rgba(0,0,0,0.4);
  overflow:hidden;
}
.el-30 {
  display:flex;
  align-items:center;
  gap:6px;
  padding:12px 16px;
  border-bottom:1px solid var(--border);
}
.el-31 {
  width:9px;
  height:9px;
  border-radius:50%;
  background:#E5766C;
}
.el-32 {
  width:9px;
  height:9px;
  border-radius:50%;
  background:#E8B84B;
}
.el-33 {
  width:9px;
  height:9px;
  border-radius:50%;
  background:#6DBE85;
}
.el-34 {
  flex:1;
  margin-left:8px;
  height:16px;
  border-radius:4px;
  background:var(--bg-soft);
}
.el-35 {
  padding:22px;
  display:flex;
  flex-direction:column;
  gap:12px;
}
.el-36 {
  height:14px;
  width:55%;
  background:var(--accent);
  opacity:.7;
  border-radius:2px;
}
.el-37 {
  height:9px;
  width:80%;
  background:var(--border-strong);
  border-radius:2px;
}
.el-38 {
  height:9px;
  width:65%;
  background:var(--border-strong);
  border-radius:2px;
}
.el-39 {
  display:flex;
  gap:10px;
  margin-top:8px;
}
.el-40 {
  width:80px;
  height:28px;
  border-radius:4px;
  background:var(--accent);
}
.el-41 {
  width:80px;
  height:28px;
  border-radius:4px;
  border:1px solid var(--border-strong);
}
.el-42 {
  display:grid;
  grid-template-columns:repeat(3,1fr);
  gap:10px;
  margin-top:14px;
}
.el-43 {
  height:52px;
  border-radius:4px;
  background:var(--bg-soft);
  border:1px solid var(--border);
}
.el-44 {
  position:absolute;
  bottom:-14px;
  right:-10px;
  width:150px;
  height:90px;
  border-radius:8px;
  background:var(--surface);
  border:1px solid var(--accent);
  box-shadow:0 24px 50px -20px rgba(0,0,0,0.35);
  padding:14px;
  box-sizing:border-box;
  display:flex;
  flex-direction:column;
  gap:8px;
}
.el-45 {
  height:8px;
  width:70%;
  background:var(--accent);
  opacity:.7;
  border-radius:2px;
}
.el-46 {
  height:6px;
  width:90%;
  background:var(--border-strong);
  border-radius:2px;
}
.el-47 {
  height:6px;
  width:60%;
  background:var(--border-strong);
  border-radius:2px;
}
.el-48 {
  display:flex;
  flex-direction:column;
  gap:24px;
}
.el-49 {
  font-size:13px;
  letter-spacing:0.14em;
  text-transform:uppercase;
  color:var(--accent-text);
  font-weight:600;
}
.el-50 {
  margin:0;
  font-size:42px;
  line-height:1.12;
  font-weight:700;
  letter-spacing:-0.01em;
}
.el-51 {
  margin:0;
  font-size:17px;
  line-height:1.65;
  color:var(--text-muted);
  max-width:520px;
}
.el-52 {
  display:flex;
  flex-direction:column;
  gap:14px;
}
.el-53 {
  display:flex;
  align-items:flex-start;
  gap:12px;
}
.icon-2 {
  color:var(--accent-text);
  flex-shrink:0;
  margin-top:2px;
}
.el-54 {
  display:flex;
  align-items:center;
  flex-wrap:wrap;
  gap:18px;
  margin-top:8px;
}
.btn-get-started-3 {
  padding:16px 32px;
  background:var(--accent);
  color:#161320;
  border-radius:3px;
  font-weight:700;
  font-size:15.5px;
  border:none;
  cursor:pointer;
  box-shadow:0 18px 40px -18px var(--accent);
}
.btn-view-portfolio {
  padding:16px 32px;
  background:none;
  color:var(--text);
  border-radius:3px;
  font-weight:600;
  font-size:15.5px;
  border:1px solid var(--border-strong);
  cursor:pointer;
}
.el-55 {
  padding:100px 72px 110px;
  max-width:1600px;
  margin:0 auto;
  box-sizing:border-box;
}
.el-56 {
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:28px;
}
.sec-hosting {
  padding:36px;
  background:var(--bg-soft);
  border:1px solid var(--border);
  border-radius:6px;
  display:flex;
  flex-direction:column;
  gap:16px;
}
.el-57 {
  width:52px;
  height:52px;
  border-radius:50%;
  background:var(--accent-soft);
  display:flex;
  align-items:center;
  justify-content:center;
}
.el-58 {
  margin:0;
  font-size:20px;
  font-weight:600;
}
.el-59 {
  margin:0;
  font-size:15px;
  line-height:1.6;
  color:var(--text-muted);
}
.sec-maintenance-plans {
  padding:0 72px 90px;
  background:var(--bg);
}
.el-60 {
  max-width:1600px;
  margin:0 auto;
}
.el-61 {
  text-align:center;
  display:flex;
  flex-direction:column;
  gap:14px;
  margin-bottom:56px;
}
.el-62 {
  margin:0;
  font-size:36px;
  font-weight:700;
}
.el-63 {
  margin:0;
  font-size:16px;
  color:var(--text-muted);
}
.el-64 {
  display:grid;
  grid-template-columns:repeat(3,minmax(0,1fr));
  gap:20px;
}
.el-65 {
  padding:32px 26px;
  background:var(--surface);
  border:1px solid var(--border);
  border-radius:6px;
  display:flex;
  flex-direction:column;
  gap:22px;
}
.el-66 {
  font-size:17px;
  font-weight:600;
}
.el-67 {
  font-size:34px;
  font-weight:700;
}
.el-68 {
  font-size:14px;
  color:var(--text-faint);
}
.el-69 {
  display:flex;
  flex-direction:column;
  gap:9px;
  font-size:13.5px;
  color:var(--text-muted);
}
.btn-choose-plan {
  margin-top:auto;
  text-align:center;
  padding:11px;
  border:1px solid var(--border-strong);
  border-radius:3px;
  font-size:14px;
  font-weight:600;
  color:var(--text);
  background:none;
  cursor:pointer;
}
.el-70 {
  padding:32px 26px;
  background:var(--surface);
  border:1.5px solid var(--accent);
  border-radius:6px;
  display:flex;
  flex-direction:column;
  gap:22px;
  position:relative;
  box-shadow:0 20px 45px -18px var(--accent);
}
.el-71 {
  position:absolute;
  top:-13px;
  left:26px;
  background:var(--accent);
  color:#161320;
  font-size:11px;
  font-weight:700;
  letter-spacing:0.04em;
  padding:4px 10px;
  border-radius:3px;
}
.btn-choose-plan-2 {
  margin-top:auto;
  text-align:center;
  padding:11px;
  background:var(--accent);
  color:#161320;
  border-radius:3px;
  font-size:14px;
  font-weight:600;
  border:none;
  cursor:pointer;
}
.el-72 {
  position:relative;
  overflow:hidden;
  padding:6px 0 4px;
}
.el-73 {
  padding:28px 22px;
  background:var(--surface);
  border:1px solid var(--border);
  border-radius:6px;
  display:flex;
  flex-direction:column;
  gap:20px;
  height:100%;
  box-sizing:border-box;
}
.el-74 {
  font-size:16px;
  font-weight:600;
}
.el-75 {
  font-size:28px;
  font-weight:700;
}
.el-76 {
  font-size:13px;
  color:var(--text-faint);
}
.el-77 {
  display:flex;
  flex-direction:column;
  gap:8px;
  font-size:13px;
  color:var(--text-muted);
}
.btn-choose-plan-3 {
  margin-top:auto;
  text-align:center;
  padding:12px;
  border:1px solid var(--border-strong);
  border-radius:3px;
  font-size:14px;
  font-weight:600;
  color:var(--text);
  background:none;
  cursor:pointer;
}
.el-78 {
  padding:28px 22px;
  background:var(--surface);
  border:1.5px solid var(--accent);
  border-radius:6px;
  display:flex;
  flex-direction:column;
  gap:14px;
  position:relative;
  height:100%;
  box-sizing:border-box;
  box-shadow:0 20px 45px -18px var(--accent);
}
.el-79 {
  position:absolute;
  top:-13px;
  left:22px;
  background:var(--accent);
  color:#161320;
  font-size:11px;
  font-weight:700;
  letter-spacing:0.04em;
  padding:4px 10px;
  border-radius:3px;
}
.el-80 {
  font-size:16px;
  font-weight:600;
  margin-top:6px;
}
.el-81 {
  font-size:30px;
  font-weight:700;
}
.el-82 {
  font-size:13px;
  font-weight:600;
  color:var(--accent-text);
}
.btn-choose-growth-care {
  margin-top:auto;
  text-align:center;
  padding:13px;
  background:var(--accent);
  color:#161320;
  border-radius:3px;
  font-size:14.5px;
  font-weight:700;
  border:none;
  cursor:pointer;
}
.el-83 {
  display:flex;
  align-items:center;
  justify-content:center;
  gap:18px;
  margin-top:14px;
}
.btn-4 {
  width:44px;
  height:44px;
  border-radius:50%;
  border:1px solid var(--border-strong);
  background:var(--surface);
  color:var(--text);
  display:flex;
  align-items:center;
  justify-content:center;
  cursor:pointer;
}
.sec-maintenancedots {
  display:flex;
  align-items:center;
  gap:7px;
}
.sec-pricing {
  padding:90px 72px 40px;
  background:var(--bg-soft);
}
.el-84 {
  display:grid;
  grid-template-columns:repeat(4,minmax(0,1fr));
  gap:20px;
}
.btn-choose-plan-4 {
  margin-top:auto;
  text-align:center;
  padding:11px;
  border:1px solid var(--border-strong);
  border-radius:3px;
  font-size:14px;
  font-weight:600;
  color:var(--text);
}
.btn-choose-plan-5 {
  margin-top:auto;
  text-align:center;
  padding:11px;
  background:var(--accent);
  color:#161320;
  border-radius:3px;
  font-size:14px;
  font-weight:600;
}
.btn-choose-plan-6 {
  margin-top:auto;
  text-align:center;
  padding:12px;
  border:1px solid var(--border-strong);
  border-radius:3px;
  font-size:14px;
  font-weight:600;
  color:var(--text);
}
.el-85 {
  padding:28px 22px;
  background:var(--surface);
  border:1.5px solid var(--accent);
  border-radius:6px;
  display:flex;
  flex-direction:column;
  gap:16px;
  position:relative;
  height:100%;
  box-sizing:border-box;
  box-shadow:0 20px 45px -18px var(--accent);
}
.el-86 {
  font-size:32px;
  font-weight:700;
}
.btn-choose-professional {
  margin-top:auto;
  text-align:center;
  padding:13px;
  background:var(--accent);
  color:#161320;
  border-radius:3px;
  font-size:14.5px;
  font-weight:700;
}
.el-87 {
  display:flex;
  align-items:center;
  justify-content:space-between;
  padding:40px 72px;
  background:var(--bg-soft);
  border-top:1px solid var(--border);
}
.el-88 {
  display:flex;
  align-items:center;
  gap:16px;
}
.el-89 {
  height:26px;
  width:auto;
}
.el-90 {
  height:30px;
  width:auto;
}
.el-91 {
  font-size:13.5px;
  color:var(--text-faint);
}
.btn-support-dillavouws-com {
  font-size:13.5px;
  color:var(--accent-text);
}
.sec-contactpanel {
  max-width:440px;
  padding:34px;
}
.btn-el {
  position:absolute;
  top:16px;
  right:16px;
  width:32px;
  height:32px;
  border-radius:50%;
  border:1px solid var(--border-strong);
  background:none;
  color:var(--text);
  cursor:pointer;
}
.sec-contactsuccess {
  display:none;
  flex-direction:column;
  gap:14px;
  padding:30px 0 10px;
  text-align:center;
}
.el-92 {
  font-size:34px;
}
.el-93 {
  margin:0;
  font-size:21px;
}
.el-94 {
  margin:0;
  font-size:14.5px;
  color:var(--text-muted);
}
.btn-close {
  margin-top:10px;
  padding:12px;
  border-radius:3px;
  border:1px solid var(--border-strong);
  background:none;
  color:var(--text);
  font-weight:600;
  cursor:pointer;
}
.el-95 {
  display:flex;
  flex-direction:column;
  gap:6px;
  margin-bottom:22px;
}
.el-96 {
  margin:0;
  font-size:22px;
}
.el-97 {
  margin:0;
  font-size:14px;
  color:var(--text-muted);
}
.form {
  display:flex;
  flex-direction:column;
  gap:16px;
}
.el-98 {
  display:flex;
  flex-direction:column;
  gap:6px;
}
.label {
  font-size:13px;
  font-weight:600;
  color:var(--text-muted);
}
.input {
  padding:12px;
  border-radius:4px;
  border:1px solid var(--border-strong);
  background:var(--bg);
  color:var(--text);
  font-size:14.5px;
  box-sizing:border-box;
}
.textarea {
  padding:12px;
  border-radius:4px;
  border:1px solid var(--border-strong);
  background:var(--bg);
  color:var(--text);
  font-size:14.5px;
  box-sizing:border-box;
  resize:vertical;
  font-family:inherit;
}
.btn-send-message {
  margin-top:6px;
  padding:14px;
  border-radius:3px;
  border:none;
  background:var(--accent);
  color:#161320;
  font-weight:700;
  font-size:15px;
  cursor:pointer;
}
.sec-portfoliopanel {
  max-width:640px;
  padding:30px;
}
.btn-el-2 {
  position:absolute;
  top:16px;
  right:16px;
  width:32px;
  height:32px;
  border-radius:50%;
  border:1px solid var(--border-strong);
  background:none;
  color:var(--text);
  cursor:pointer;
  z-index:2;
}
.el-99 {
  margin:0 0 20px;
  font-size:21px;
}
.el-100 {
  position:relative;
  overflow:hidden;
  border-radius:6px;
  border:1px solid var(--border);
}
.el-101 {
  display:flex;
  align-items:center;
  justify-content:center;
  gap:16px;
  margin-top:16px;
}
.sec-portfoliodots {
  display:flex;
  gap:7px;
}
.btn-get-started-4 {
  margin-top:24px;
  width:100%;
  padding:15px;
  border-radius:3px;
  border:none;
  background:var(--accent);
  color:#161320;
  font-weight:700;
  font-size:15px;
  cursor:pointer;
}