/* Shared component styles extracted verbatim from the approved homepage inline <style> blocks (paths made relative to /assets/). */

/* Keep the existing portfolio sections/layout. Only scale down the image itself. */
.home-case-image.real-home-angle-v9{
 display:flex !important;
 align-items:center !important;
 justify-content:center !important;
 overflow:visible !important;
}
.home-case-image.real-home-angle-v9 > img{
 width:78% !important;
 max-width:780px !important;
 height:auto !important;
 max-height:none !important;
 object-fit:contain !important;
 margin:auto !important;
}

/* Live + Preview actions */
.portfolio-actions-v16{
 display:flex;
 align-items:center;
 gap:12px;
 flex-wrap:wrap;
 margin-top:22px;
}
.portfolio-live-v16,
.portfolio-preview-v16{
 min-height:48px;
 display:inline-flex !important;
 align-items:center;
 justify-content:center;
 gap:9px;
 padding:0 17px !important;
 border-radius:8px;
 font:800 13px/1 Arial,sans-serif;
 text-decoration:none;
 cursor:pointer;
}
.portfolio-live-v16{
 background:#f47b20;
 color:#fff;
 border:1px solid #f47b20;
}
.portfolio-preview-v16{
 background:#184D80;
 color:#fff;
 border:1px solid #184D80;
}
.portfolio-btn-icon{
 width:19px;
 height:19px;
 flex:0 0 19px;
 fill:none;
 stroke:currentColor;
 stroke-width:1.8;
 stroke-linecap:round;
 stroke-linejoin:round;
}

/* Ensure there is only one active preview layer and its close really closes it. */
#sitePreviewModal{z-index:99999}
body.preview-open{overflow:hidden}

@media(max-width:900px){
 .home-case-image.real-home-angle-v9 > img{
 width:88% !important;
 max-width:680px !important;
 }
}


/* Full-width hero background with real HTML content layered above it */
.hero{
 position:relative !important;
 min-height:680px !important;
 background:
 linear-gradient(90deg,rgba(4,17,30,.82) 0%,rgba(4,17,30,.68) 34%,rgba(4,17,30,.18) 58%,rgba(4,17,30,.04) 100%),
 url("dezgnme-hero-full-background.jpg") center center/cover no-repeat !important;
 overflow:hidden !important;
}
.hero .hero-grid{
 position:relative !important;
 z-index:2 !important;
 min-height:680px !important;
 display:grid !important;
 grid-template-columns:minmax(0,650px) 1fr !important;
 align-items:center !important;
}
.hero .hero-grid > div:first-child{
 padding:72px 0 !important;
 color:#fff !important;
}
.hero .hero-grid h1,
.hero .hero-grid p,
.hero .hero-grid .micro{color:#fff !important}
.hero .hero-grid h1 span{color:#21a8ff !important}
.hero .hero-grid .eyebrow{color:#fff !important}
.hero .hero-art{display:none !important}
.hero .actions{position:relative !important;z-index:3 !important}
.hero .actions a{pointer-events:auto !important}
@media(max-width:900px){
 .hero{
 min-height:650px !important;
 background-position:62% center !important;
 }
 .hero .hero-grid{
 min-height:650px !important;
 grid-template-columns:1fr !important;
 }
 .hero .hero-grid > div:first-child{
 max-width:620px !important;
 padding:64px 0 !important;
 }
}


.simple-before-after{display:grid;grid-template-columns:minmax(0,1fr) 58px minmax(0,1fr);gap:22px;align-items:center;margin-top:38px}
.ba-panel h3{margin:10px 0 18px;font-size:24px}.ba-label{display:inline-flex;padding:8px 12px;border-radius:999px;background:#eef1f4;color:#263442;font-size:12px;font-weight:800;letter-spacing:.09em}.ba-label.after{background:#184D80;color:#fff}
.ba-photo{overflow:hidden;border-radius:16px;box-shadow:0 18px 50px rgba(0,0,0,.13);background:#fff}.ba-photo img{display:block;width:100%;height:auto;aspect-ratio:16/9;object-fit:cover}
.ba-arrow{width:54px;height:54px;border-radius:50%;display:flex;align-items:center;justify-content:center;background:#f47b20;color:#fff;font-size:27px;font-weight:800}
@media(max-width:900px){.simple-before-after{grid-template-columns:1fr;gap:24px}.ba-arrow{transform:rotate(90deg);margin:auto}}


.hero .hero-grid{grid-template-columns:minmax(0,760px) 1fr !important}
.hero .hero-grid>div:first-child{width:100% !important;max-width:760px !important}
.hero .hero-grid h1{max-width:760px !important;font-size:clamp(54px,4.25vw,76px) !important;line-height:1.03 !important;letter-spacing:-.035em !important;text-wrap:balance}
.hero .hero-grid p{max-width:700px !important;font-size:19px !important;line-height:1.65 !important}
@media(max-width:1100px){.hero .hero-grid{grid-template-columns:minmax(0,680px) 1fr !important}.hero .hero-grid>div:first-child{max-width:680px !important}.hero .hero-grid h1{max-width:680px !important;font-size:clamp(50px,5.4vw,66px) !important}.hero .hero-grid p{max-width:640px !important}}
@media(max-width:900px){.hero .hero-grid{grid-template-columns:1fr !important}.hero .hero-grid>div:first-child{max-width:650px !important}.hero .hero-grid h1{max-width:650px !important;font-size:clamp(44px,8vw,62px) !important}.hero .hero-grid p{max-width:610px !important;font-size:18px !important}}
@media(max-width:560px){.hero .hero-grid h1{font-size:clamp(40px,11vw,52px) !important;line-height:1.04 !important}.hero .hero-grid p{font-size:17px !important;line-height:1.55 !important}}


/* Preserve more of the wide hero artwork instead of cropping the computer/phone. */
@media(min-width:901px){
 .hero{
 min-height:clamp(560px,37.5vw,720px) !important;
 background-size:100% auto !important;
 background-position:center center !important;
 background-repeat:no-repeat !important;
 background-color:#071521 !important;
 }
 .hero .hero-grid{min-height:clamp(560px,37.5vw,720px) !important;}
 .hero .hero-grid > div:first-child{padding:52px 0 !important;}
}
.learn-menu{position:relative;display:flex;align-items:center}
.learn-trigger{display:flex!important;align-items:center;gap:5px}
.learn-dropdown{position:absolute;top:calc(100% + 14px);left:50%;transform:translateX(-50%) translateY(8px);width:220px;padding:10px;background:#fff;border:1px solid #e5e8ec;border-radius:12px;box-shadow:0 18px 45px rgba(0,0,0,.16);opacity:0;visibility:hidden;pointer-events:none;transition:.18s ease;z-index:999}
.learn-dropdown a{display:block!important;padding:10px 12px!important;border-radius:7px;color:#162433!important;font-size:14px!important;white-space:nowrap}
.learn-dropdown a:hover{background:#f3f7fb;color:#184D80!important}
.learn-menu:hover .learn-dropdown,.learn-menu:focus-within .learn-dropdown{opacity:1;visibility:visible;pointer-events:auto;transform:translateX(-50%) translateY(0)}
.web-basics-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:18px;margin-top:34px}
.web-basics-grid article{background:#fff;border:1px solid #e5e9ee;border-radius:14px;padding:25px;scroll-margin-top:110px}
.web-basics-grid h3{font-size:21px;margin:0 0 9px;color:#184D80}
.web-basics-grid p{margin:0;line-height:1.65;color:#4b5966}
@media(max-width:1100px){.web-basics-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:900px){
 .learn-menu{display:block}.learn-dropdown{position:static;transform:none!important;width:auto;box-shadow:none;border:0;border-left:2px solid #e6edf3;border-radius:0;margin:4px 0 8px 12px;padding:2px 0 2px 8px;opacity:1;visibility:visible;pointer-events:auto;background:transparent}
 .learn-dropdown a{padding:8px 10px!important}
}
@media(max-width:620px){.web-basics-grid{grid-template-columns:1fr}}
/* Professional educational cards with line icons */
.web-basics-grid article{position:relative;padding:30px 26px 27px;border:1px solid #dde5ec;border-radius:18px;box-shadow:0 10px 28px rgba(19,45,70,.06);transition:transform .2s ease,box-shadow .2s ease,border-color .2s ease}
.web-basics-grid article:hover{transform:translateY(-4px);box-shadow:0 18px 38px rgba(19,45,70,.11);border-color:#c7d7e5}
.web-basic-icon{width:52px;height:52px;border-radius:14px;display:flex;align-items:center;justify-content:center;margin-bottom:19px;background:#eef6fc;color:#184D80}
.web-basic-icon svg{width:27px;height:27px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
.web-basics-grid article:nth-child(3n) .web-basic-icon{background:#fff3e9;color:#d86108}
.web-basics-grid h3{font-size:21px;margin:0 0 9px;color:#172b3d}
.package-disclosure{margin:20px 0 22px;padding:17px 18px;display:flex;gap:13px;align-items:flex-start;background:#fff7ef;border:1px solid #f4d3b8;border-left:4px solid #f47b20;border-radius:10px;color:#3c4650}
.package-disclosure svg{width:23px;height:23px;flex:0 0 23px;fill:none;stroke:#d86108;stroke-width:1.9;stroke-linecap:round;stroke-linejoin:round;margin-top:1px}
.package-disclosure strong{display:block;color:#172b3d;margin-bottom:4px;font-size:15px}
.package-disclosure p{margin:0!important;font-size:14px!important;line-height:1.55!important}


.dezgnme-us-based{
 background:#071b2c;
 color:#fff;
 position:relative;
 overflow:hidden;
}
.dezgnme-us-based:before{
 content:"";
 position:absolute;
 width:440px;height:440px;
 border:1px solid rgba(255,255,255,.07);
 border-radius:50%;
 right:-150px;top:-240px;
}
.us-based-head{
 position:relative;
 z-index:1;
 display:grid;
 grid-template-columns:minmax(0,1.1fr) minmax(300px,.9fr);
 gap:64px;
 align-items:end;
 margin-bottom:46px;
}
.us-based-head .eyebrow{color:#7fc7ff}
.us-based-head h2{
 color:#fff;
 margin:8px 0 0;
 max-width:760px;
}
.us-based-head h2 .blue{color:#21a8ff}
.us-based-head > p{
 margin:0;
 color:#d4dee7;
 font-size:18px;
 line-height:1.7;
 max-width:590px;
}
.us-benefits{
 position:relative;
 z-index:1;
 display:grid;
 grid-template-columns:repeat(4,minmax(0,1fr));
 border-top:1px solid rgba(255,255,255,.14);
}
.us-benefit{
 padding:34px 28px 22px;
 border-right:1px solid rgba(255,255,255,.14);
}
.us-benefit:first-child{padding-left:0}
.us-benefit:last-child{border-right:0;padding-right:0}
.us-icon{
 width:54px;height:54px;
 display:flex;align-items:center;justify-content:center;
 border-radius:14px;
 background:rgba(33,168,255,.12);
 border:1px solid rgba(33,168,255,.28);
 margin-bottom:22px;
}
.us-icon svg{
 width:27px;height:27px;
 fill:none;
 stroke:#52b9ff;
 stroke-width:1.7;
 stroke-linecap:round;
 stroke-linejoin:round;
}
.us-benefit h3{
 color:#fff;
 margin:0 0 11px;
 font-size:21px;
}
.us-benefit p{
 color:#bfcbd5;
 margin:0;
 line-height:1.65;
 font-size:15px;
}
@media(max-width:980px){
 .us-based-head{grid-template-columns:1fr;gap:22px}
 .us-benefits{grid-template-columns:repeat(2,1fr)}
 .us-benefit{border-bottom:1px solid rgba(255,255,255,.14)}
 .us-benefit:nth-child(2){border-right:0}
 .us-benefit:first-child,.us-benefit:nth-child(3){padding-left:0}
}
@media(max-width:620px){
 .us-benefits{grid-template-columns:1fr}
 .us-benefit,.us-benefit:first-child,.us-benefit:nth-child(3),.us-benefit:last-child{
 padding:26px 0;
 border-right:0;
 }
 .us-benefit:last-child{border-bottom:0}
}


.homecare-marketing{
  background:#f5f8fb;
}
.hcm-layout{
  display:grid;
  grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);
  gap:64px;
  align-items:center;
}
.hcm-intro h2{
  max-width:650px;
  margin-bottom:18px;
}
.hcm-intro > p{
  max-width:610px;
  font-size:18px;
  line-height:1.7;
  color:#52606d;
}
.hcm-badge{
  display:inline-flex;
  align-items:center;
  gap:9px;
  margin:22px 0 0;
  padding:10px 14px;
  border-radius:999px;
  background:#eaf4fc;
  color:#184D80;
  font-size:13px;
  font-weight:800;
}
.hcm-badge svg{
  width:19px;
  height:19px;
  fill:none;
  stroke:currentColor;
  stroke-width:1.8;
  stroke-linecap:round;
  stroke-linejoin:round;
}
.hcm-services{
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:16px;
}
.hcm-service{
  background:#fff;
  border:1px solid #e1e7ec;
  border-radius:16px;
  padding:24px;
  box-shadow:0 10px 30px rgba(15,38,59,.06);
}
.hcm-icon{
  width:46px;
  height:46px;
  display:flex;
  align-items:center;
  justify-content:center;
  border-radius:12px;
  background:#eef7fd;
  margin-bottom:17px;
}
.hcm-icon svg{
  width:24px;
  height:24px;
  fill:none;
  stroke:#184D80;
  stroke-width:1.8;
  stroke-linecap:round;
  stroke-linejoin:round;
}
.hcm-service h3{
  margin:0 0 8px;
  font-size:18px;
}
.hcm-service p{
  margin:0;
  color:#64717d;
  line-height:1.55;
  font-size:14px;
}
.hcm-action{
  margin-top:28px;
  display:flex;
  gap:12px;
  align-items:center;
  flex-wrap:wrap;
}
.hcm-note{
  font-size:13px;
  color:#6b7680;
}
@media(max-width:900px){
  .hcm-layout{grid-template-columns:1fr;gap:36px}
}
@media(max-width:580px){
  .hcm-services{grid-template-columns:1fr}
}


.homecare-marketing-photo{background:#f5f8fb}
.homecare-photo-heading{max-width:850px;margin-bottom:32px}
.homecare-photo-heading p{max-width:760px}
.homecare-package-photo{
  overflow:hidden;
  border-radius:20px;
  background:#fff;
  box-shadow:0 22px 60px rgba(15,38,59,.14);
}
.homecare-package-photo img{
  display:block;
  width:100%;
  height:auto;
}
.homecare-photo-action{
  display:flex;
  align-items:center;
  gap:24px;
  flex-wrap:wrap;
  margin-top:26px;
}
.homecare-photo-action p{
  margin:0;
  color:#64717d;
  font-size:14px;
}
@media(max-width:700px){
  .homecare-package-photo{border-radius:14px}
  .homecare-photo-action{align-items:flex-start;flex-direction:column;gap:14px}
}


.brand-promo-photo{
  overflow:hidden;
  border-radius:20px;
  background:#fff;
  box-shadow:0 22px 60px rgba(15,38,59,.14);
}
.brand-promo-photo img{
  display:block;
  width:100%;
  height:auto;
  object-fit:cover;
}
@media(max-width:900px){
  .brand-promo-photo{margin-top:10px;border-radius:14px}
}


/* Scope all adjustments to the new assessment section only. */
#free-website-assessment .wrap{width:calc(100% - 40px);max-width:1180px!important;margin-left:auto;margin-right:auto}
#free-website-assessment #assessmentRequest{display:block!important;width:100%!important;max-width:none!important;min-width:0!important;margin:0!important;box-sizing:border-box!important}
#free-website-assessment #assessmentRequest > div:first-child{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:20px!important;width:100%!important}
#free-website-assessment #assessmentRequest label{display:block!important;width:100%!important;max-width:none!important;min-width:0!important;box-sizing:border-box!important}
#free-website-assessment #assessmentRequest input,#free-website-assessment #assessmentRequest textarea{display:block!important;width:100%!important;max-width:none!important;min-width:0!important;box-sizing:border-box!important}
@media(max-width:700px){#free-website-assessment #assessmentRequest > div:first-child{grid-template-columns:minmax(0,1fr)!important}#free-website-assessment .wrap{width:calc(100% - 30px)}}


#free-website-assessment .assessment-wrap{max-width:1220px!important;width:calc(100% - 48px)!important;margin:auto}
#free-website-assessment .assessment-heading{font-size:clamp(34px,3.7vw,50px);line-height:1.13;margin:12px 0 16px;color:#102a43;max-width:1050px}
#free-website-assessment .assessment-intro{font-size:18px;line-height:1.7;max-width:950px;margin:0 0 34px;color:#455b6b}
#free-website-assessment .assessment-columns{display:grid;grid-template-columns:minmax(0,1.04fr) minmax(0,.96fr);gap:36px;align-items:stretch}
#free-website-assessment .assessment-form-column{min-width:0}
#free-website-assessment #assessmentRequest{height:100%;width:100%!important;max-width:none!important;margin:0!important;box-sizing:border-box!important;padding:clamp(22px,3vw,34px)!important}
#free-website-assessment #assessmentRequest>div:first-child{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:17px!important}
#free-website-assessment #assessmentRequest label{min-width:0!important}
#free-website-assessment #assessmentRequest input,#free-website-assessment #assessmentRequest textarea{width:100%!important;min-width:0!important;box-sizing:border-box!important}
#free-website-assessment .assessment-info-column{min-width:0;background:#102a43;color:#fff;border-radius:18px;padding:clamp(26px,3vw,42px);box-shadow:0 16px 40px rgba(10,45,75,.12)}
#free-website-assessment .assessment-info-kicker{color:#76caff;font-size:13px;font-weight:800;letter-spacing:.13em;margin-bottom:12px}
#free-website-assessment .assessment-info-column h3{font-size:clamp(25px,2.5vw,34px);line-height:1.2;color:#fff;margin:0 0 14px}
#free-website-assessment .assessment-info-lead{font-size:17px;line-height:1.65;color:#d3e3ef;margin:0 0 25px}
#free-website-assessment .assessment-check{display:flex;gap:14px;margin:0 0 19px;align-items:flex-start}
#free-website-assessment .assessment-check-icon{flex:0 0 29px;width:29px;height:29px;display:flex;align-items:center;justify-content:center;background:#1c9eeb;color:white;border-radius:50%;font-weight:800;font-size:16px}
#free-website-assessment .assessment-check strong{font-size:17px;color:white;display:block;margin-bottom:5px}
#free-website-assessment .assessment-check p{font-size:15px;line-height:1.55;color:#d3e3ef;margin:0}
#free-website-assessment .assessment-next{margin-top:24px;padding:20px;border:1px solid rgba(255,255,255,.22);border-radius:12px;background:rgba(255,255,255,.07)}
#free-website-assessment .assessment-next strong{font-size:18px;color:#fff}
#free-website-assessment .assessment-next p{font-size:15px;line-height:1.6;color:#e1edf6;margin:8px 0 0}
@media(max-width:980px){#free-website-assessment .assessment-columns{grid-template-columns:1fr;gap:24px}#free-website-assessment .assessment-info-column{padding:30px}}
@media(max-width:600px){#free-website-assessment .assessment-wrap{width:calc(100% - 30px)!important}#free-website-assessment #assessmentRequest>div:first-child{grid-template-columns:1fr!important}#free-website-assessment .assessment-info-column{padding:25px}}


/* Full-width assessment while retaining comfortable side gutters */
#free-website-assessment .wrap.assessment-wrap{width:calc(100% - 64px)!important;max-width:1680px!important;margin-inline:auto!important}
#free-website-assessment .assessment-columns{grid-template-columns:minmax(0,1.12fr) minmax(0,.88fr)!important;gap:28px!important}
#free-website-assessment .assessment-heading{max-width:1400px!important}
#free-website-assessment .assessment-intro{max-width:1250px!important}
#free-website-assessment .assessment-urgency{display:flex;gap:15px;align-items:flex-start;background:#fff7ec;border:1px solid #f0d3ab;border-left:5px solid #f47b20;border-radius:12px;padding:19px 23px;margin:0 0 28px;max-width:none}
#free-website-assessment .assessment-urgency-icon{font-size:25px;line-height:1.2;flex-shrink:0}
#free-website-assessment .assessment-urgency strong{display:block;font-size:21px;color:#182c40;margin-bottom:5px}
#free-website-assessment .assessment-urgency p{font-size:17px;line-height:1.6;color:#465461;margin:0}
#free-website-assessment .assessment-info-column{height:100%;box-sizing:border-box}
@media(max-width:980px){#free-website-assessment .assessment-columns{grid-template-columns:1fr!important}}
@media(max-width:600px){#free-website-assessment .wrap.assessment-wrap{width:calc(100% - 30px)!important}.assessment-urgency{padding:16px!important}}


#free-website-assessment .assessment-self-columns{grid-template-columns:minmax(0,1fr) minmax(0,1fr)!important;align-items:stretch}
#free-website-assessment .assessment-self-form{background:#fff;border-radius:18px;padding:clamp(24px,3vw,44px);height:100%;box-sizing:border-box;box-shadow:0 16px 40px rgba(10,45,75,.10)}
#free-website-assessment .assessment-self-form h3{font-size:clamp(25px,2.4vw,34px);line-height:1.2;color:#102a43;margin:0 0 12px}
#free-website-assessment .assessment-form-intro{font-size:17px;line-height:1.6;color:#465b6b;margin:0 0 24px}
#free-website-assessment .assessment-url-label{display:block;font-size:17px;font-weight:700;color:#152d42;margin-bottom:9px}
#free-website-assessment #assessmentWebsiteUrl{display:block;box-sizing:border-box;width:100%;min-height:56px;border:1px solid #9eafc0;border-radius:9px;padding:14px 16px;font-size:17px;color:#102a43;background:#fff}
#free-website-assessment .assessment-questions{border:0;padding:0;margin:25px 0 23px;min-width:0}
#free-website-assessment .assessment-questions legend{font-size:19px;font-weight:800;color:#102a43;margin-bottom:14px}
#free-website-assessment .assessment-questions label{display:flex!important;align-items:flex-start;gap:12px;padding:11px 0;font-size:16px;line-height:1.5;color:#263d50;font-weight:500;cursor:pointer}
#free-website-assessment .assessment-questions input{width:21px;height:21px;flex:0 0 21px;margin:2px 0 0;accent-color:#184D80}
#free-website-assessment .assessment-analyze-btn{font-size:17px;padding:16px 25px;cursor:pointer}
#free-website-assessment .assessment-small-note{font-size:14px;line-height:1.5;color:#536879;margin:15px 0 0}
#free-website-assessment .assessment-results{height:100%}
#free-website-assessment .assessment-result-score{font-size:48px;line-height:1.1;font-weight:800;color:#fff;margin:12px 0}
#free-website-assessment .assessment-recommendations{padding-left:22px;color:#e0eaf2;font-size:16px;line-height:1.7}
#free-website-assessment .assessment-recommendations li{margin:9px 0}
#free-website-assessment .assessment-google-link{display:inline-flex;align-items:center;justify-content:center;margin:20px 0 8px;padding:15px 19px;border-radius:9px;background:#f47b20;color:#fff!important;text-decoration:none;font-weight:800;font-size:16px}
#free-website-assessment .assessment-contact-link{display:inline-block;color:#fff!important;text-decoration:underline;margin-top:14px;font-weight:800;font-size:16px}
@media(max-width:980px){#free-website-assessment .assessment-self-columns{grid-template-columns:1fr!important}}
@media(max-width:600px){#free-website-assessment .assessment-self-form{padding:24px 20px}}


#free-website-assessment .assessment-shell{width:calc(100% - 64px);max-width:1640px;margin:0 auto}
#free-website-assessment .assessment-topline{font-size:14px;font-weight:900;letter-spacing:.12em;color:#d86613}
#free-website-assessment h2{font-size:clamp(36px,3.4vw,57px);line-height:1.13;max-width:1050px;margin:12px 0 18px;color:#10283e}
#free-website-assessment .assessment-deck{font-size:20px;line-height:1.65;max-width:950px;color:#4b5d6b;margin-bottom:22px}
#free-website-assessment .lead-audit-layout{display:grid;grid-template-columns:minmax(0,1.2fr) minmax(380px,.8fr);gap:28px;align-items:start;margin-top:30px}
#free-website-assessment .lead-audit-form{background:#fff;border:1px solid #dce7ef;border-radius:20px;padding:clamp(22px,2.5vw,42px);box-shadow:0 16px 45px rgba(15,45,75,.08);min-width:0}
#free-website-assessment .audit-form-head{display:flex;justify-content:space-between;gap:12px;align-items:center;font-size:14px;color:#194c79;font-weight:900;letter-spacing:.04em}
#free-website-assessment #auditProgressText{font-size:14px;color:#657685;letter-spacing:0}
#free-website-assessment .audit-progress{height:8px;background:#e6edf3;border-radius:8px;overflow:hidden;margin:15px 0 26px}
#free-website-assessment #auditProgressFill{height:100%;width:0;background:#f47b20;transition:width .2s}
#free-website-assessment .audit-url-label{display:block;font-size:17px;font-weight:800;color:#152b3d;margin-bottom:10px}
#free-website-assessment .audit-url-label span{font-size:14px;color:#71808c;font-weight:500}
#free-website-assessment #auditUrl{display:block;width:100%;box-sizing:border-box;border:1px solid #cddae4;border-radius:10px;padding:15px 16px;font-size:17px;background:#fff;color:#172b3d}
#free-website-assessment .audit-group{margin-top:32px;padding-top:27px;border-top:1px solid #e0e8ef}
#free-website-assessment .audit-group-heading{display:flex;gap:16px;align-items:center;margin-bottom:21px}
#free-website-assessment .audit-group-heading>span{background:#eaf3fc;color:#184d80;border-radius:12px;min-width:50px;height:50px;display:flex;align-items:center;justify-content:center;font-weight:900;font-size:19px}
#free-website-assessment .audit-group-heading h3{font-size:24px;margin:0 0 3px;color:#10283e}
#free-website-assessment .audit-group-heading p{margin:0;color:#697986;font-size:15px}
#free-website-assessment .audit-question{margin:0 0 22px}
#free-website-assessment .audit-question>p{font-size:17px;line-height:1.45;font-weight:700;color:#263b4e;margin:0 0 12px}
#free-website-assessment .audit-options{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}
#free-website-assessment .audit-options label{position:relative;cursor:pointer;min-width:0}
#free-website-assessment .audit-options input{position:absolute;opacity:0;width:1px;height:1px}
#free-website-assessment .audit-options span{display:flex;min-height:51px;align-items:center;justify-content:center;text-align:center;border:1.5px solid #d5e0e9;border-radius:10px;background:#f9fbfd;padding:9px 6px;font-size:15px;font-weight:700;color:#3e5264;transition:.15s}
#free-website-assessment .audit-options input:checked+span{background:#e5f3ff;border-color:#1879bf;color:#124d7a;box-shadow:inset 0 0 0 1px #1879bf}
#free-website-assessment .audit-options input:focus-visible+span{outline:3px solid #f47b20;outline-offset:2px}
#free-website-assessment .audit-submit{display:block;width:100%;padding:17px;margin-top:30px;font-size:18px}
#free-website-assessment .audit-disclaimer{font-size:13px;color:#697987;line-height:1.55;margin:14px 0 0}
#free-website-assessment .lead-audit-results{background:#102b44;color:#fff;border-radius:20px;padding:clamp(24px,2.5vw,42px);position:sticky;top:95px;min-width:0}
#free-website-assessment .audit-result-eyebrow{font-size:13px;font-weight:900;letter-spacing:.11em;color:#80caff;margin-bottom:22px}
#free-website-assessment .audit-preview-circle{width:120px;height:120px;border:8px solid #2d87c0;border-radius:50%;display:flex;align-items:center;justify-content:center;flex-direction:column;font-size:42px;font-weight:900;margin:0 0 25px;line-height:1}
#free-website-assessment .audit-preview-circle span{font-size:14px;font-weight:600;margin-top:7px}
#free-website-assessment .lead-audit-results h3{font-size:clamp(26px,2.2vw,34px);line-height:1.2;color:#fff;margin:0 0 13px}
#free-website-assessment .lead-audit-results p{font-size:16px;line-height:1.65;color:#d6e2ec}
#free-website-assessment .audit-preview-item{display:flex;gap:16px;border-top:1px solid rgba(255,255,255,.17);padding:19px 0}
#free-website-assessment .audit-preview-item>span{font-size:17px;color:#80caff;font-weight:900}
#free-website-assessment .audit-preview-item strong{display:block;font-size:19px;color:#fff;margin-bottom:4px}
#free-website-assessment .audit-preview-item small{display:block;color:#c5d6e2;font-size:14px;line-height:1.5}
#free-website-assessment .audit-results-foot{font-size:15px!important;margin-top:10px}
#free-website-assessment .audit-cta{border-top:1px solid rgba(255,255,255,.25);margin-top:24px;padding-top:25px}
#free-website-assessment .audit-cta strong{font-size:21px}
#free-website-assessment .audit-cta-link{display:inline-flex;background:#f47b20;color:#fff!important;border-radius:8px;padding:14px 18px;font-weight:800;text-decoration:none}
#free-website-assessment .audit-score{font-size:54px;font-weight:900;color:#fff;line-height:1.1}
#free-website-assessment .audit-score span{font-size:20px;color:#c6d9e6}
#free-website-assessment .audit-risk{font-size:18px;font-weight:800;color:#9cdbff;margin:12px 0 15px}
#free-website-assessment .audit-result-list{padding-left:23px;color:#e4edf4}
#free-website-assessment .audit-result-list li{margin:12px 0;font-size:16px;line-height:1.5}
#free-website-assessment .audit-result-list strong{color:#fff}
#free-website-assessment .audit-result-heading{font-size:20px;font-weight:900;color:#fff;margin:25px 0 10px}
#free-website-assessment .audit-reset{border:1px solid #8bbbd9;color:#fff;background:transparent;padding:10px 15px;border-radius:8px;cursor:pointer;font-weight:700;margin-top:12px}
@media(max-width:1050px){#free-website-assessment .lead-audit-layout{grid-template-columns:1fr}#free-website-assessment .lead-audit-results{position:static}}
@media(max-width:600px){#free-website-assessment .assessment-shell{width:calc(100% - 30px)}#free-website-assessment .audit-options{grid-template-columns:1fr}#free-website-assessment .audit-options span{justify-content:flex-start;padding-left:16px}#free-website-assessment .lead-audit-form,#free-website-assessment .lead-audit-results{padding:22px}#free-website-assessment .assessment-deck{font-size:17px}}

.launch-services,.launch-proof{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:20px;margin-top:32px}.launch-services article,.launch-proof article{background:#fff;border:1px solid #dce5ed;border-radius:16px;padding:28px;box-shadow:0 8px 26px rgba(14,43,67,.05)}.launch-services article>span{font-size:17px;font-weight:900;color:#f47b20}.launch-services h3{font-size:23px;line-height:1.25;margin:14px 0}.launch-services p,.launch-proof p{font-size:17px;line-height:1.65;color:#50606d}.launch-services-footer{margin-top:26px;display:flex;align-items:center;justify-content:space-between;gap:24px;flex-wrap:wrap}.launch-services-footer p{font-size:18px;max-width:720px}.launch-proof{grid-template-columns:repeat(3,minmax(0,1fr))}.launch-proof strong{font-size:21px}.launch-proof a{font-size:16px;font-weight:800;color:#184d80}.form-disclosure{font-size:14px;line-height:1.55;color:#4f6170;margin:12px 0 0}@media(max-width:1000px){.launch-services{grid-template-columns:repeat(2,minmax(0,1fr))}.launch-proof{grid-template-columns:1fr}}@media(max-width:600px){.launch-services{grid-template-columns:1fr}.launch-services article,.launch-proof article{padding:22px}}
.dz-honeypot{position:absolute!important;left:-10000px!important;width:1px!important;height:1px!important;overflow:hidden!important}.dz-form-status{background:#edf7ff;color:#153f65;border:1px solid #a9cbe6;padding:15px;border-radius:8px;margin-bottom:16px;font-weight:700}

/* Homepage-only hero correction: show the entire original 2046x768 artwork. */
@media (min-width: 901px) {
  .hero { background-size: contain !important; background-position: center center !important; background-color:#071521 !important; min-height: min(720px, 37.54vw) !important; }
  .hero .hero-grid { min-height: min(720px, 37.54vw) !important; }
}
/* On narrow screens the entire image appears ABOVE the headline rather than being cropped. */
@media (max-width: 900px) {
  .hero { background: #071521 !important; min-height: 0 !important; }
  .hero::before { content:""; display:block; width:100%; aspect-ratio:2046 / 768; background:url('dezgnme-hero-full-background.jpg') center center / contain no-repeat; }
  .hero .hero-grid { min-height:0 !important; display:block !important; }
  .hero .hero-grid > div:first-child { padding: 30px 0 46px !important; max-width:none !important; }
  .hero .hero-grid h1 { font-size:clamp(34px, 8vw, 56px) !important; }
}


/* Light secondary hero button; no other buttons affected. */
.hero .actions a.hero-work-light{background:#eaf5ff!important;color:#184d80!important;border:2px solid #eaf5ff!important;box-shadow:0 4px 14px rgba(0,0,0,.12)!important}
.hero .actions a.hero-work-light:hover,.hero .actions a.hero-work-light:focus-visible{background:#fff!important;color:#123b63!important;border-color:#fff!important}