.home-microcopy{
  margin:10px 0 0!important;
  color:#8f92a0!important;
  font-size:13px!important;
}

/* Reference density pass: keep the dashboard visible in the first viewport. */
@media(min-width:981px){
  .site-header{
    padding:16px 20px;
  }

  .hero{
    gap:18px;
    padding:18px 26px 28px;
  }

  .hero-copy{
    max-width:850px;
  }

  .hero h1{
    max-width:790px;
    font-size:clamp(40px,4vw,54px);
    line-height:1.03;
    margin:12px 0 16px;
  }

  .hero p,
  .hero-copy>p:first-of-type{
    max-width:650px;
    margin-bottom:18px;
    font-size:16px;
  }

  .hero-proof-badges{
    gap:24px;
    margin-top:14px;
  }

  .hero-proof-badges span{
    border-color:transparent;
    background:transparent;
    padding:0;
    box-shadow:none;
  }

  .product-visual{
    width:min(1080px,100%);
    height:360px;
    min-height:0;
    padding:18px 26px 22px;
  }

  .hero-dashboard-preview{
    width:min(100%,960px);
    height:270px;
    min-height:0;
  }

  .hero-dashboard-main{
    padding:18px;
  }

  .hero-dashboard-toolbar{
    margin-bottom:16px;
  }

  .hero-dashboard-head{
    margin-bottom:12px;
  }

  .hero-dashboard-grid{
    gap:12px;
  }

  .hero-dashboard-grid article{
    min-height:72px;
  }

  .hero-float-card-primary{
    left:7%;
    top:22%;
  }

  .hero-float-card-secondary{
    right:7%;
    bottom:21%;
  }

  .hero-image-shot .hero-proof-panel{
    bottom:20px;
  }

  .home-conversion-strip{
    margin-top:18px;
  }
}

/* Final desktop split: keep copy left and dashboard image right. */
@media(min-width:981px){
  main .hero#product{
    grid-template-columns:minmax(360px,.82fr) minmax(560px,1.18fr);
    align-items:center;
    justify-items:stretch;
    gap:30px;
    padding:58px 52px 42px;
    text-align:left;
  }

  main .hero#product .hero-copy{
    justify-items:start;
    max-width:520px;
  }

  main .hero#product h1{
    max-width:520px;
    font-size:clamp(42px,4vw,58px);
    line-height:1.02;
  }

  main .hero#product p,
  main .hero#product .hero-copy>p:first-of-type{
    max-width:500px;
    font-size:17px;
    line-height:1.55;
  }

  main .hero#product .hero-actions,
  main .hero#product .hero-proof-badges{
    justify-content:flex-start;
  }

  main .hero#product .hero-proof-badges{
    gap:12px 16px;
  }

  main .hero#product .product-visual.hero-showcase-visual{
    justify-self:end;
    width:min(100%,700px);
  }
}

/* Number-led workflow cards */
.steps article{
  gap:14px;
}

.steps article b{
  width:46px;
  height:46px;
  border-radius:14px;
  font-size:18px;
  box-shadow:0 0 28px #c5ff5b22;
}

.steps article .home-icon{
  display:none;
}

@media(min-width:981px){
  .steps article{
    min-height:170px;
    padding:28px 22px;
  }
}

@media(max-width:640px){
  .steps article{
    grid-template-columns:auto minmax(0,1fr);
  }

  .steps article h3,
  .steps article p{
    grid-column:2;
  }
}

/* Final supplied-image hero override. */
.hero .product-visual.hero-showcase-visual{
  justify-self:center;
  width:min(1120px,calc(100% - 52px));
  max-width:1120px;
  aspect-ratio:1582 / 994;
  height:auto;
  min-height:0;
  padding:0!important;
  overflow:visible;
  border:0;
  background:transparent;
  box-shadow:none;
}

.hero .product-visual.hero-showcase-visual .hero-showcase-image{
  display:block;
  width:100%;
  height:auto;
  max-width:100%;
  object-fit:contain;
  border-radius:0;
}

@media(max-width:640px){
  .hero .product-visual.hero-showcase-visual{
    width:calc(100% - 36px);
    overflow:hidden;
  }
}

/* Desktop split hero: message on the left, product proof on the right. */
@media(min-width:981px){
  .hero{
    grid-template-columns:minmax(360px,.82fr) minmax(560px,1.18fr);
    align-items:center;
    justify-items:stretch;
    gap:30px;
    padding:58px 52px 42px;
    text-align:left;
  }

  .hero-copy{
    justify-items:start;
    max-width:520px;
  }

  .hero h1{
    max-width:520px;
    font-size:clamp(42px,4vw,58px);
    line-height:1.02;
  }

  .hero p,
  .hero-copy>p:first-of-type{
    max-width:500px;
    font-size:17px;
    line-height:1.55;
  }

  .hero-actions,
  .hero-proof-badges{
    justify-content:flex-start;
  }

  .hero-proof-badges{
    gap:12px 16px;
  }

  .hero .product-visual.hero-showcase-visual{
    width:min(100%,700px);
    justify-self:end;
  }
}

/* Uploaded dashboard hero image */
.hero-showcase-visual{
  overflow:hidden;
  padding:0;
  background:#090b12;
}

.hero-showcase-image{
  display:block;
  width:100%;
  height:100%;
  object-fit:contain;
  object-position:center 50%;
  border-radius:inherit;
}

@media(min-width:981px){
  .hero-showcase-visual{
    width:min(1120px,100%);
    height:clamp(430px,40vw,520px);
    min-height:0;
    padding:0;
  }
}

@media(max-width:640px){
  .hero-showcase-visual{
    height:224px;
    min-height:0;
    padding:0;
  }

  .hero-showcase-image{
    object-position:center 50%;
  }
}

/* Let the transparent supplied hero asset render without cropping. */
.product-visual.hero-showcase-visual{
  aspect-ratio:1582 / 994;
  height:auto;
  min-height:0;
  overflow:visible;
  border-color:transparent;
  background:transparent;
  box-shadow:none;
}

.product-visual.hero-showcase-visual .hero-showcase-image{
  width:100%;
  height:auto;
  object-fit:contain;
}

@media(max-width:640px){
  .product-visual.hero-showcase-visual{
    aspect-ratio:1582 / 994;
    height:auto;
  }
}

.home-metrics{
  display:grid;
  grid-template-columns:repeat(3,minmax(0,1fr));
  gap:10px;
  margin-top:20px;
  max-width:640px;
}

.home-metrics span,
.home-conversion-strip article,
.home-comparison-col{
  border:1px solid #323645;
  border-radius:16px;
  background:linear-gradient(145deg,#151720,#101119);
}

.home-metrics span{
  display:grid;
  gap:4px;
  padding:14px;
}

.home-metrics strong{
  color:var(--text);
  font-size:28px;
  line-height:1;
}

.home-metrics small{
  color:#a6a9b6;
  font-weight:700;
  line-height:1.25;
}

.home-conversion-strip{
  display:grid;
  grid-template-columns:repeat(3,minmax(0,1fr));
  gap:12px;
  margin:0 0 64px;
}

.home-conversion-strip article{
  display:grid;
  gap:10px;
  align-content:start;
  min-height:160px;
  padding:22px;
}

.home-conversion-strip strong{
  color:var(--text);
  font-size:18px;
  line-height:1.2;
}

.home-conversion-strip p{
  margin:0;
  color:#aeb1bd;
  font-size:15px;
  line-height:1.55;
}

.home-comparison{
  display:grid;
  grid-template-columns:.82fr 1.18fr;
  gap:28px;
  align-items:start;
}

.home-comparison-grid{
  display:grid;
  grid-template-columns:1fr 1fr;
  gap:12px;
}

.home-comparison-col{
  display:grid;
  gap:12px;
  padding:20px;
}

.home-comparison-col strong{
  color:var(--text);
  font-size:16px;
}

.home-comparison-col span{
  position:relative;
  color:#bec1cc;
  padding-left:18px;
}

.home-comparison-col span:before{
  content:"";
  position:absolute;
  left:0;
  top:.65em;
  width:7px;
  height:7px;
  border-radius:50%;
  background:#676b79;
}

.home-comparison-col.positive{
  border-color:#465c2d;
  background:linear-gradient(145deg,#182018,#101119);
}

.home-comparison-col.positive span:before{
  background:var(--accent);
}

.hero-actions .button.primary,
.cta-section .button.primary,
.nav-cta{
  box-shadow:0 12px 30px #c5ff5b1d;
}

.hero-actions .button.primary:hover,
.cta-section .button.primary:hover,
.nav-cta:hover{
  background:#d6ff7d;
  color:#11140c!important;
}

@media(max-width:980px){
  .home-conversion-strip,
  .home-comparison,
  .home-metrics,
  .home-comparison-grid{
    grid-template-columns:1fr;
  }
}

@media(max-width:640px){
  .home-metrics span,
  .home-conversion-strip article,
  .home-comparison-col{
    padding:16px;
  }

  .hero h1{
    font-size:38px;
  }
}

/* Calm hero pass */
.site-header{
  padding-bottom:clamp(22px,4vh,46px);
}

.site-header nav{
  gap:18px;
}

.hero{
  grid-template-columns:minmax(0,.92fr) minmax(360px,1fr);
  gap:clamp(42px,7vw,88px);
  min-height:calc(100svh - 122px);
  padding:clamp(18px,4vh,54px) 0 clamp(70px,8vh,104px);
}

.hero-copy{
  max-width:620px;
  animation:hero-copy-in .55s ease-out both;
}

.hero h1{
  max-width:640px;
  font-size:clamp(40px,3.5vw,50px);
  line-height:1.02;
  letter-spacing:0;
  margin:14px 0 18px;
}

.hero p{
  max-width:560px;
}

.hero-copy>p:first-of-type{
  color:#d7d9e2;
  font-size:clamp(17px,1.45vw,20px);
  line-height:1.5;
  margin-bottom:26px;
}

.hero-actions{
  gap:18px;
  margin-bottom:18px;
}

.hero-secondary-link{
  display:inline-flex;
  align-items:center;
  min-height:44px;
  color:#d7d9e2;
  font-weight:900;
  text-decoration:none;
}

.hero-secondary-link:hover{
  color:var(--accent);
}

.hero-proof-line{
  max-width:620px!important;
  margin:0!important;
  color:#9da0ad!important;
  font-size:13px!important;
  font-weight:800;
}

.product-visual{
  position:relative;
  display:grid;
  grid-template-columns:1fr;
  place-items:center;
  min-height:clamp(390px,48vw,560px);
  border-color:#2e3340;
  background:
    radial-gradient(circle at 70% 18%,#c5ff5b18,transparent 32%),
    radial-gradient(circle at 22% 80%,#8b7cff18,transparent 34%),
    linear-gradient(145deg,#171923,#0d0e14);
  animation:hero-visual-in .65s .08s ease-out both;
}

.hero-proof-glow{
  position:absolute;
  inset:12%;
  border-radius:999px;
  background:#c5ff5b18;
  filter:blur(62px);
  animation:proof-breathe 5s ease-in-out infinite;
}

.hero-proof-panel{
  position:relative;
  width:min(460px,calc(100% - 48px));
  border:1px solid #3a4050;
  border-radius:22px;
  background:linear-gradient(145deg,#f9fafb,#e8ebf0);
  color:#11131a;
  padding:clamp(24px,4vw,36px);
  box-shadow:0 34px 100px #0009;
  animation:proof-drift 7s ease-in-out infinite;
}

.hero-proof-top,
.hero-proof-actions{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:12px;
}

.hero-proof-top span,
.hero-proof-top b,
.hero-proof-actions span{
  border-radius:999px;
  background:#11131a;
  color:#f8fafc;
  padding:7px 10px;
  font-size:11px;
  font-weight:900;
}

.hero-proof-top b{
  background:#dfffa0;
  color:#11140c;
}

.hero-proof-panel h3{
  max-width:360px;
  margin:54px 0 12px;
  font-size:clamp(28px,3vw,42px);
  line-height:1.04;
  letter-spacing:0;
}

.hero-proof-panel p{
  max-width:370px;
  color:#47505d;
  font-size:15px;
  line-height:1.5;
  margin:0 0 22px;
}

.hero-proof-address{
  margin:0 0 18px;
  border:1px dashed #a8b0bd;
  border-radius:14px;
  background:white;
  padding:13px;
  color:#212833;
  font-weight:900;
  overflow-wrap:anywhere;
}

.hero-proof-actions{
  justify-content:flex-start;
  flex-wrap:wrap;
}

.hero-proof-actions span{
  background:#eef2f7;
  color:#242b36;
}

.home-metrics{
  margin-top:24px;
}

.home-conversion-strip{
  margin-top:0;
}

@keyframes hero-copy-in{
  from{opacity:0;transform:translateY(14px)}
  to{opacity:1;transform:translateY(0)}
}

@keyframes hero-visual-in{
  from{opacity:0;transform:translateY(18px) scale(.985)}
  to{opacity:1;transform:translateY(0) scale(1)}
}

@keyframes proof-drift{
  0%,100%{transform:translateY(0)}
  50%{transform:translateY(-8px)}
}

@keyframes proof-breathe{
  0%,100%{opacity:.7;transform:scale(.96)}
  50%{opacity:1;transform:scale(1.04)}
}

@media(max-width:980px){
  .hero{
    grid-template-columns:1fr;
    min-height:auto;
    padding-bottom:64px;
  }

  .product-visual{
    min-height:420px;
  }
}

@media(max-width:640px){
  .site-header nav{
    width:100%;
    justify-content:space-between;
  }

  .site-header nav a:not(.nav-cta):not([href="/blog"]){
    display:none;
  }

  .hero{
    gap:24px;
    padding-top:6px;
    padding-bottom:28px;
  }

  .hero h1{
    font-size:36px;
    line-height:1.04;
  }

  .hero-copy>p:first-of-type{
    font-size:15px;
    line-height:1.45;
    margin-bottom:20px;
  }

  .hero-proof-line{
    font-size:12px!important;
    line-height:1.45;
  }

  .hero-actions{
    align-items:flex-start;
    flex-direction:column;
    gap:12px;
  }

  .hero-actions .button{
    width:100%;
  }

  .hero-secondary-link{
    min-height:auto;
  }

  .product-visual{
    min-height:235px;
  }

  .hero-proof-panel{
    width:calc(100% - 28px);
    padding:17px;
    border-radius:18px;
  }

  .hero-proof-top{
    align-items:center;
    flex-direction:row;
  }

  .hero-proof-top span,
  .hero-proof-top b,
  .hero-proof-actions span{
    padding:6px 8px;
    font-size:10px;
  }

  .hero-proof-panel h3{
    margin-top:22px;
    font-size:22px;
  }

  .hero-proof-panel p{
    display:none;
  }

  .hero-proof-address{
    margin-bottom:0;
    padding:10px;
    font-size:12px;
  }

  .hero-proof-actions{
    display:none;
  }
}

@media(prefers-reduced-motion:reduce){
  .hero-copy,
  .product-visual,
  .hero-proof-glow,
  .hero-proof-panel{
    animation:none!important;
  }
}

/* Mobile conversion polish: image, icons, reveal rhythm */
.home-icon{
  position:relative;
  display:inline-grid;
  place-items:center;
  flex:none;
  width:34px;
  height:34px;
  border:1px solid #c5ff5b55;
  border-radius:12px;
  background:#c5ff5b17;
  color:var(--accent);
}

.home-icon:before,
.home-icon:after{
  content:"";
  position:absolute;
  display:block;
}

.icon-mail:before{width:16px;height:11px;border:2px solid currentColor;border-radius:3px}
.icon-mail:after{width:12px;height:12px;border-left:2px solid currentColor;border-bottom:2px solid currentColor;transform:translateY(-2px) rotate(-45deg)}
.icon-search:before{width:13px;height:13px;border:2px solid currentColor;border-radius:50%;transform:translate(-2px,-2px)}
.icon-search:after{width:8px;height:2px;border-radius:2px;background:currentColor;transform:translate(7px,7px) rotate(45deg)}
.icon-bolt:before{width:10px;height:18px;background:currentColor;clip-path:polygon(48% 0,100% 0,62% 43%,100% 43%,32% 100%,45% 54%,0 54%)}
.icon-shield:before{width:17px;height:19px;background:currentColor;clip-path:polygon(50% 0,91% 14%,84% 70%,50% 100%,16% 70%,9% 14%)}
.icon-link:before{width:16px;height:8px;border:2px solid currentColor;border-radius:999px;transform:rotate(-20deg)}
.icon-link:after{width:16px;height:8px;border:2px solid currentColor;border-radius:999px;transform:translate(6px,5px) rotate(-20deg)}
.icon-file:before{width:15px;height:18px;border:2px solid currentColor;border-radius:3px;background:linear-gradient(currentColor,currentColor) 4px 7px/7px 2px no-repeat}

.hero-image-shot{
  isolation:isolate;
  overflow:hidden;
}

.hero-product-image{
  position:relative;
  z-index:1;
  display:block;
  width:min(86%,620px);
  aspect-ratio:1200/630;
  object-fit:cover;
  border:1px solid #ffffff1f;
  border-radius:22px;
  box-shadow:0 30px 90px #000a;
  transform:rotate(-1.4deg);
  animation:image-float 8s ease-in-out infinite;
}

.hero-product-card{
  position:relative;
  z-index:1;
  display:grid;
  grid-template-columns:1.05fr .95fr;
  align-items:center;
  gap:22px;
  width:min(86%,620px);
  min-height:310px;
  border:1px solid #ffffff1f;
  border-radius:28px;
  background:
    radial-gradient(circle at 12% 18%, #c5ff5b24, transparent 30%),
    linear-gradient(145deg, #171821, #0c0d13 62%, #121526);
  box-shadow:0 30px 90px #000a;
  padding:34px;
  transform:rotate(-1.4deg);
  animation:image-float 8s ease-in-out infinite;
}

.hero-product-copy{
  display:grid;
  gap:12px;
  min-width:0;
}

.hero-product-copy span{
  color:var(--accent);
  font-size:11px;
  font-weight:900;
  letter-spacing:.14em;
  text-transform:uppercase;
}

.hero-product-copy strong{
  max-width:300px;
  color:#fff;
  font-family:Manrope,Inter,sans-serif;
  font-size:clamp(32px,4vw,48px);
  font-weight:900;
  line-height:1.02;
  letter-spacing:-.055em;
}

.hero-product-copy p{
  max-width:320px;
  margin:0;
  color:#d9d8e8cc;
  font-size:14px;
  line-height:1.45;
}

.hero-product-tags{
  display:flex;
  flex-wrap:wrap;
  gap:7px;
  margin-top:4px;
}

.hero-product-tags b{
  border:1px solid #ffffff18;
  border-radius:999px;
  background:#ffffff08;
  color:#f8f8ff;
  padding:7px 9px;
  font-size:11px;
  font-weight:900;
}

.hero-product-list{
  display:grid;
  grid-template-columns:repeat(3,minmax(0,1fr));
  gap:9px;
  min-width:0;
  border:1px solid #ffffff18;
  border-radius:22px;
  background:#0f1019d9;
  padding:18px;
  box-shadow:inset 0 1px 0 #ffffff0f;
}

.hero-product-list>div{
  grid-column:1 / -1;
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:12px;
  color:#fff;
}

.hero-product-list>div small{
  border-radius:999px;
  background:#ffffff0a;
  color:#b7b4c9;
  padding:5px 9px;
  font-size:10px;
  font-weight:800;
}

.hero-product-list>span{
  display:grid;
  gap:2px;
  min-width:0;
  border:1px solid #ffffff12;
  border-radius:13px;
  background:#ffffff07;
  padding:12px;
}

.hero-product-list b{
  color:#fff;
}

.hero-product-list>span b{
  font-size:20px;
  line-height:1;
}

.hero-product-list small{
  color:#aaa7bb;
  font-size:10px;
  font-weight:700;
}

.hero-product-list article{
  grid-column:1 / -1;
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:12px;
  min-width:0;
  border:1px solid #ffffff12;
  border-radius:13px;
  background:#ffffff06;
  padding:11px 12px;
}

.hero-product-list article small{
  overflow:hidden;
  text-align:right;
  text-overflow:ellipsis;
  white-space:nowrap;
}

.hero-float-card{
  position:absolute;
  z-index:2;
  display:inline-flex;
  align-items:center;
  gap:8px;
  border:1px solid #ffffff24;
  border-radius:999px;
  background:#0d0e15d9;
  color:#f4f3f8;
  padding:10px 12px;
  font-size:12px;
  font-weight:900;
  box-shadow:0 18px 50px #0008;
  backdrop-filter:blur(16px);
}

.hero-float-card .home-icon{
  width:24px;
  height:24px;
  border-radius:8px;
}

.hero-float-card-primary{left:7%;top:14%;animation:badge-in .55s .22s ease-out both}
.hero-float-card-secondary{right:7%;bottom:19%;animation:badge-in .55s .34s ease-out both}

.hero-image-shot .hero-proof-panel{
  position:absolute;
  z-index:2;
  left:8%;
  bottom:8%;
  display:grid;
  gap:2px;
  width:auto;
  max-width:min(360px,72%);
  border-radius:16px;
  background:#f8faf0;
  padding:12px 14px;
  color:#10130c;
  animation:badge-in .55s .46s ease-out both;
}

.hero-image-shot .hero-proof-panel strong,
.hero-image-shot .hero-proof-panel span{
  display:block;
  white-space:nowrap;
  overflow:hidden;
  text-overflow:ellipsis;
}

.hero-image-shot .hero-proof-panel strong{font-size:13px}
.hero-image-shot .hero-proof-panel span{color:#485036;font-size:11px;font-weight:800}

.home-conversion-strip article,
.steps article,
.analysis-grid article,
.trust-grid article{
  position:relative;
}

.home-conversion-strip article{
  grid-template-columns:auto 1fr;
  min-height:132px;
  gap:10px 14px;
}

.home-conversion-strip article .home-icon{
  align-self:start;
}

.home-conversion-strip article strong{
  align-self:center;
}

.home-conversion-strip article p{
  grid-column:1 / -1;
}

.steps article{
  display:grid;
  grid-template-columns:auto 1fr;
  gap:12px 14px;
}

.steps article b,
.steps article .home-icon{
  grid-row:1;
}

.steps article h3,
.steps article p{
  grid-column:1 / -1;
}

.feature-list span{
  display:flex;
  align-items:center;
  gap:12px;
}

.feature-list .home-icon{
  width:30px;
  height:30px;
  border-radius:10px;
}

.analysis-grid article,
.trust-grid article{
  display:grid;
  gap:12px;
}

@keyframes image-float{
  0%,100%{transform:translateY(0) rotate(-1.4deg)}
  50%{transform:translateY(-10px) rotate(-.7deg)}
}

@keyframes badge-in{
  from{opacity:0;transform:translateY(12px) scale(.97)}
  to{opacity:1;transform:translateY(0) scale(1)}
}

@keyframes card-reveal{
  from{opacity:.25;transform:translateY(22px)}
  to{opacity:1;transform:translateY(0)}
}

@supports (animation-timeline:view()){
  .home-conversion-strip article,
  .steps article,
  .home-comparison-col,
  .feature-list span,
  .analysis-grid article,
  .trust-grid article,
  .answer-list article,
  .plan-cards article,
  .cta-section{
    animation:card-reveal linear both;
    animation-timeline:view();
    animation-range:entry 0% cover 28%;
  }
}

@media(max-width:640px){
  .site-header{
    padding-top:14px;
    padding-bottom:20px;
  }

  .site-header nav{
    display:grid;
    grid-template-columns:1fr auto;
    width:100%;
    gap:12px;
  }

  .site-header nav a[href="/blog"]{
    display:inline-flex!important;
    align-items:center;
    min-height:42px;
  }

  .nav-cta{
    padding-inline:14px;
    white-space:nowrap;
  }

  .hero{
    padding-top:0;
    gap:28px;
  }

  .hero h1{
    max-width:360px;
    font-size:35px;
    line-height:1.03;
  }

  .product-visual.hero-image-shot{
    min-height:315px;
    border-radius:22px;
  }

  .hero-product-image{
    width:88%;
    transform:rotate(-1deg);
  }

  .hero-float-card{
    padding:8px 10px;
    font-size:10px;
  }

  .hero-float-card-primary{
    left:18px;
    top:20px;
  }

  .hero-float-card-secondary{
    right:18px;
    bottom:74px;
  }

  .hero-image-shot .hero-proof-panel{
    left:18px;
    right:18px;
    bottom:18px;
    max-width:none;
  }

  .home-conversion-strip{
    gap:10px;
    margin-bottom:42px;
  }

  .home-conversion-strip article,
  .steps article,
  .analysis-grid article,
  .trust-grid article,
  .answer-list article,
  .plan-cards article{
    border-radius:18px;
    padding:18px;
  }

  .section{
    padding:42px 0;
  }

  .section h2{
    font-size:31px;
    line-height:1.08;
  }

  .section p,
  .cta-section p{
    font-size:15px;
    line-height:1.55;
  }

  .home-comparison-col span{
    line-height:1.45;
  }

  .home-metrics span{
    grid-template-columns:auto 1fr;
    align-items:center;
    gap:12px;
    min-height:76px;
  }

  .home-metrics strong{
    font-size:34px;
  }
}

@media(prefers-reduced-motion:reduce){
  .hero-product-image,
  .hero-float-card,
  .hero-image-shot .hero-proof-panel,
  .home-conversion-strip article,
  .steps article,
  .home-comparison-col,
  .feature-list span,
  .analysis-grid article,
  .trust-grid article,
  .answer-list article,
  .plan-cards article,
  .cta-section{
    animation:none!important;
  }
}

/* Mobile conversion tightening: compact proof, single-row nav, stronger visual */
.hero-proof-badges{
  display:flex;
  flex-wrap:wrap;
  gap:8px;
  margin-top:0;
}

.hero-proof-badges span{
  display:inline-flex;
  align-items:center;
  gap:7px;
  border:1px solid #2f3827;
  border-radius:999px;
  background:#11170f;
  color:#dfead4;
  padding:7px 10px;
  font-size:12px;
  font-weight:900;
  line-height:1;
}

.hero-proof-badges .home-icon{
  width:22px;
  height:22px;
  border-radius:8px;
}

@media(max-width:640px){
  .site-header{
    display:grid;
    grid-template-columns:minmax(0,1fr) auto;
    align-items:center;
    gap:12px;
    padding-top:12px;
    padding-bottom:16px;
  }

  .site-header nav{
    display:flex!important;
    justify-content:flex-end;
    width:auto;
    min-width:max-content;
  }

  .site-header nav a:not(.nav-cta){
    display:none!important;
  }

  .nav-cta{
    display:inline-flex!important;
    align-items:center;
    justify-content:center;
    min-height:40px;
    padding:0 14px;
    font-size:12px;
    line-height:1;
    white-space:nowrap;
  }

  .hero h1{
    max-width:330px;
    font-size:31px;
    line-height:1.05;
  }

  .hero-copy>p:first-of-type{
    max-width:330px;
    font-size:14px;
    line-height:1.45;
    margin-bottom:18px;
  }

  .hero-actions{
    gap:10px;
    margin-bottom:12px;
  }

  .hero-secondary-link{
    font-size:13px;
  }

  .hero-proof-line{
    display:none;
  }

  .hero-proof-badges span{
    padding:6px 8px;
    font-size:11px;
  }

  .product-visual.hero-image-shot,
  .product-visual{
    min-height:330px;
    padding:14px;
  }

  .hero-product-image{
    width:94%;
    height:184px;
    aspect-ratio:auto;
    object-fit:cover;
    object-position:72% center;
  }

  .hero-product-card{
    width:100%;
    min-height:238px;
    grid-template-columns:1fr;
    align-items:start;
    border-radius:22px;
    padding:22px 18px 86px;
    transform:none;
    animation:none;
  }

  .hero-product-copy{
    gap:10px;
  }

  .hero-product-copy span{
    font-size:10px;
  }

  .hero-product-copy strong{
    max-width:260px;
    font-size:29px;
  }

  .hero-product-copy p{
    max-width:270px;
    font-size:13px;
  }

  .hero-product-tags{
    gap:6px;
  }

  .hero-product-tags b{
    padding:6px 8px;
    font-size:10px;
  }

  .hero-product-list{
    display:none;
  }

  .hero-float-card-primary{
    display:none;
  }

  .hero-float-card-secondary{
    display:none;
  }

  .hero-image-shot .hero-proof-panel{
    left:28px;
    right:28px;
    bottom:28px;
    max-width:none;
    padding:12px 14px;
    border-radius:16px;
  }

  .hero-image-shot .hero-proof-panel strong{
    font-size:12px;
    line-height:1.25;
    overflow-wrap:anywhere;
  }

  .hero-image-shot .hero-proof-panel span{
    font-size:10px;
  }
}

/* Structure and icon correction pass */
.home-icon:before{
  width:18px;
  height:18px;
  border:0;
  border-radius:0;
  background:currentColor;
  clip-path:none;
  transform:none;
  -webkit-mask:var(--icon) center / contain no-repeat;
  mask:var(--icon) center / contain no-repeat;
}

.home-icon:after{
  display:none!important;
}

.icon-mail{--icon:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2.4' stroke-linecap='round' stroke-linejoin='round'%3E%3Crect x='3' y='5' width='18' height='14' rx='2'/%3E%3Cpath d='m3 7 9 6 9-6'/%3E%3C/svg%3E")}
.icon-search{--icon:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2.5' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='11' cy='11' r='7'/%3E%3Cpath d='m20 20-4.6-4.6'/%3E%3C/svg%3E")}
.icon-bolt{--icon:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='black'%3E%3Cpath d='M13.4 2 5 13.2h6.2L10.6 22 19 10.8h-6.2L13.4 2Z'/%3E%3C/svg%3E")}
.icon-shield{--icon:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='black'%3E%3Cpath d='M12 2.5 4.5 5.4v5.7c0 4.8 3.2 9.2 7.5 10.4 4.3-1.2 7.5-5.6 7.5-10.4V5.4L12 2.5Z'/%3E%3C/svg%3E")}
.icon-link{--icon:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2.4' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M10 13a5 5 0 0 0 7.1 0l2-2a5 5 0 0 0-7.1-7.1l-1.1 1.1'/%3E%3Cpath d='M14 11a5 5 0 0 0-7.1 0l-2 2A5 5 0 0 0 12 20.1l1.1-1.1'/%3E%3C/svg%3E")}
.icon-file{--icon:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2.4' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M6 2.8h8l4 4V21H6z'/%3E%3Cpath d='M14 3v5h5'/%3E%3Cpath d='M9 13h6M9 17h6'/%3E%3C/svg%3E")}

.home-conversion-strip{
  align-items:stretch;
  margin-bottom:clamp(42px,6vw,72px);
}

.home-conversion-strip article{
  display:flex;
  align-items:center;
  min-height:72px;
  padding:16px;
}

.home-conversion-strip article p{
  display:none;
}

.steps{
  gap:10px;
}

.steps article{
  grid-template-columns:auto auto minmax(0,1fr);
  align-items:center;
  gap:8px 12px;
  min-height:112px;
  padding:18px;
}

.steps article b,
.steps article .home-icon{
  grid-row:auto;
}

.steps article h3,
.steps article p{
  grid-column:3;
}

.steps article h3{
  margin:0;
}

.section{
  padding-block:clamp(44px,6vw,72px);
}

.section h2{
  max-width:680px;
}

.home-comparison-col{
  gap:10px;
}

.analysis-grid article,
.trust-grid article{
  min-height:170px;
}

.feature-list span{
  min-height:56px;
}

.site-footer{
  display:grid;
  gap:18px;
}

.footer-top{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:20px;
}

.footer-seo{
  border-top:1px solid #242633;
  padding-top:16px;
}

.footer-seo summary{
  width:max-content;
  cursor:pointer;
  color:#d8dacb;
  font-weight:900;
}

.footer-seo .answer-list{
  grid-template-columns:repeat(3,minmax(0,1fr));
  margin-top:14px;
}

.footer-seo .answer-list article{
  padding:16px;
}

.footer-seo .answer-list h3{
  font-size:15px;
}

.footer-seo .answer-list p{
  font-size:13px;
}

@keyframes card-reveal{
  from{opacity:1;transform:translateY(14px)}
  to{opacity:1;transform:translateY(0)}
}

@media(max-width:980px){
  .footer-seo .answer-list{
    grid-template-columns:1fr;
  }
}

@media(max-width:640px){
  .home-conversion-strip article{
    min-height:60px;
  }

  .steps article{
    grid-template-columns:auto auto minmax(0,1fr);
    min-height:86px;
    padding:16px;
  }

  .steps article h3{
    font-size:17px;
  }

  .steps article p{
    font-size:13px;
  }

  .analysis-grid article,
  .trust-grid article{
    min-height:auto;
  }

  .footer-top{
    align-items:flex-start;
    flex-direction:column;
  }
}

/* Reference-led dashboard hero, grounded in the real library UI */
.hero-dashboard-preview{
  position:relative;
  z-index:1;
  display:grid;
  grid-template-columns:132px minmax(0,1fr);
  width:min(88%,680px);
  min-height:350px;
  overflow:hidden;
  border:1px solid #ffffff1f;
  border-radius:26px;
  background:linear-gradient(145deg,#181a24,#0b0c12 62%,#121522);
  box-shadow:0 30px 90px #000a;
  transform:rotate(-1deg);
  animation:image-float 8s ease-in-out infinite;
}

.hero-dashboard-preview aside{
  display:grid;
  align-content:start;
  gap:8px;
  border-right:1px solid #262936;
  background:#0c0e15c7;
  padding:18px 14px;
}

.hero-dashboard-preview aside strong{
  color:#fff;
  font-size:13px;
}

.hero-dashboard-preview aside b,
.hero-dashboard-preview aside span{
  min-width:0;
  border-radius:10px;
  padding:8px 9px;
  font-size:10px;
  font-weight:900;
}

.hero-dashboard-preview aside b{
  background:#182112;
  color:var(--accent);
}

.hero-dashboard-preview aside span{
  display:flex;
  justify-content:space-between;
  gap:8px;
  color:#b9bdca;
}

.hero-dashboard-preview aside span.active{
  background:#1a1c27;
  color:#fff;
}

.hero-dashboard-preview em{
  color:#8e91a1;
  font-style:normal;
}

.hero-dashboard-main{
  display:grid;
  align-content:start;
  gap:14px;
  min-width:0;
  padding:18px;
}

.hero-dashboard-toolbar{
  display:grid;
  grid-template-columns:minmax(0,1fr) auto;
  align-items:center;
  gap:10px;
}

.hero-dashboard-toolbar label,
.hero-dashboard-toolbar small,
.hero-dashboard-head i{
  border:1px solid #ffffff12;
  border-radius:10px;
  background:#10131d;
  color:#8f94a6;
  padding:8px 10px;
  font-size:10px;
  font-weight:800;
}

.hero-dashboard-toolbar small{
  color:var(--accent);
}

.hero-dashboard-head{
  display:flex;
  align-items:center;
  gap:8px;
}

.hero-dashboard-head span{
  margin-right:auto;
  color:#f5f6fb;
  font-size:13px;
  font-weight:900;
}

.hero-dashboard-head i{
  font-style:normal;
  padding:5px 8px;
}

.hero-dashboard-grid{
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:10px;
}

.hero-dashboard-grid article{
  display:grid;
  gap:7px;
  min-width:0;
  border:1px solid #ffffff14;
  border-radius:14px;
  background:#12141f;
  padding:13px;
  box-shadow:inset 0 1px 0 #ffffff08;
}

.hero-dashboard-grid article b{
  color:var(--accent);
  font-size:10px;
}

.hero-dashboard-grid article strong{
  min-height:34px;
  color:#fff;
  font-size:12px;
  line-height:1.3;
}

.hero-dashboard-grid article small{
  overflow:hidden;
  color:#9499aa;
  font-size:10px;
  font-weight:800;
  text-overflow:ellipsis;
  white-space:nowrap;
}

@media(max-width:640px){
  .hero-dashboard-preview{
    grid-template-columns:1fr;
    align-self:start;
    width:94%;
    min-height:188px;
    margin-top:26px;
    transform:rotate(-.6deg);
  }

  .hero-dashboard-preview aside,
  .hero-dashboard-head{
    display:none;
  }

  .hero-dashboard-main{
    gap:10px;
    padding:12px;
  }

  .hero-dashboard-toolbar{
    grid-template-columns:1fr auto;
  }

  .hero-dashboard-toolbar label,
  .hero-dashboard-toolbar small{
    padding:7px 8px;
    font-size:9px;
  }

  .hero-dashboard-grid{
    grid-template-columns:1fr 1fr;
    gap:8px;
  }

  .hero-dashboard-grid article{
    padding:10px;
  }

  .hero-dashboard-grid article:nth-child(n+3){
    display:none;
  }

  .hero-dashboard-grid article strong{
    min-height:42px;
    font-size:10px;
  }

  .hero-dashboard-grid article small{
    font-size:9px;
  }
}

@media(max-width:640px){
  .hero{
    gap:18px;
    padding-bottom:18px;
  }

  .hero h1{
    font-size:30px;
    line-height:1.04;
  }

  .hero-copy>p:first-of-type{
    max-width:350px;
    margin-bottom:14px;
    font-size:13.5px;
    line-height:1.42;
  }

  .hero-actions{
    margin-bottom:10px;
  }

  .hero-proof-badges{
    gap:7px;
  }

  .hero-proof-badges span{
    padding:6px 8px;
  }

  .product-visual.hero-image-shot,
  .product-visual{
    min-height:258px;
  }

  .hero-dashboard-preview{
    min-height:160px;
    margin-top:16px;
  }

  .hero-dashboard-grid article strong{
    min-height:34px;
  }

  .hero-image-shot .hero-proof-panel{
    bottom:12px;
    padding:10px 12px;
  }
}

/* Reference composition pass: centered promise, truthful dashboard, compact proof */
body{
  background:
    radial-gradient(circle at 18% 18%,#203a1d 0,transparent 30vw),
    radial-gradient(circle at 86% 16%,#2b2144 0,transparent 34vw),
    linear-gradient(180deg,#080a10,#0d0f16 52%,#090a0f);
}

.site-header,
main,
.site-footer{
  width:min(1220px,calc(100% - 32px));
}

.site-header{
  position:relative;
  margin-top:18px;
  padding:18px 22px;
  border:1px solid #2b3040;
  border-bottom:0;
  border-radius:18px 18px 0 0;
  background:#090b12cc;
  box-shadow:0 28px 100px #0007;
  backdrop-filter:blur(18px);
}

main{
  position:relative;
  border-inline:1px solid #2b3040;
  background:
    radial-gradient(circle at 50% 10%,#c5ff5b0b,transparent 26rem),
    linear-gradient(180deg,#090b12d4,#0a0c12 32%,#090a0f);
  box-shadow:0 28px 100px #0007;
}

.site-footer{
  margin-bottom:18px;
  padding:24px 22px 32px;
  border:1px solid #2b3040;
  border-top:0;
  border-radius:0 0 18px 18px;
  background:#090a0f;
}

.hero{
  display:grid;
  grid-template-columns:1fr;
  justify-items:center;
  gap:28px;
  min-height:auto;
  padding:76px 26px 40px;
  text-align:center;
}

.hero-copy{
  display:grid;
  justify-items:center;
  max-width:760px;
}

.hero h1{
  max-width:760px;
  font-size:clamp(44px,5.4vw,68px);
  line-height:1.01;
}

.hero p,
.hero-copy>p:first-of-type{
  max-width:670px;
  font-size:17px;
}

.hero-actions,
.hero-proof-badges{
  justify-content:center;
}

.product-visual{
  width:min(1080px,100%);
  min-height:520px;
  padding:28px;
  border-radius:20px;
  background:
    radial-gradient(circle at 48% 24%,#c5ff5b16,transparent 30%),
    linear-gradient(145deg,#151822,#0a0c12);
}

.hero-dashboard-preview{
  width:min(100%,980px);
  min-height:390px;
  grid-template-columns:180px minmax(0,1fr);
  transform:none;
  border-radius:18px;
}

.hero-dashboard-preview aside{
  padding:22px 18px;
}

.hero-dashboard-main{
  padding:22px;
}

.hero-dashboard-grid{
  grid-template-columns:repeat(2,minmax(0,1fr));
}

.hero-float-card-primary{
  left:8%;
  top:24%;
}

.hero-float-card-secondary{
  right:9%;
  bottom:18%;
}

.hero-image-shot .hero-proof-panel{
  left:11%;
  bottom:7%;
  max-width:560px;
  width:50%;
  min-width:420px;
  text-align:left;
}

.home-conversion-strip{
  grid-template-columns:repeat(4,minmax(0,1fr));
  width:min(1080px,calc(100% - 52px));
  margin:20px auto 64px;
}

.section{
  width:min(1080px,calc(100% - 52px));
  margin-inline:auto;
  text-align:center;
}

.section h2,
.section p{
  margin-inline:auto;
}

.steps{
  grid-template-columns:repeat(4,minmax(0,1fr));
}

.steps article{
  grid-template-columns:1fr;
  justify-items:center;
  text-align:center;
  min-height:190px;
  align-content:start;
}

.steps article h3,
.steps article p{
  grid-column:auto;
}

.home-comparison{
  grid-template-columns:1fr;
}

.home-comparison-grid{
  grid-template-columns:1fr 1fr;
  text-align:left;
}

.split{
  grid-template-columns:1fr;
  gap:24px;
}

.feature-list,
.analysis-grid{
  grid-template-columns:repeat(4,minmax(0,1fr));
}

.trust-grid{
  grid-template-columns:repeat(3,minmax(0,1fr));
}

.analysis-grid article,
.trust-grid article{
  justify-items:start;
  text-align:left;
}

.cta-section{
  width:min(1080px,calc(100% - 52px));
  margin-inline:auto;
  text-align:center;
}

.cta-section h2,
.cta-section p{
  margin-inline:auto;
}

@media(max-width:980px){
  .home-conversion-strip,
  .steps,
  .feature-list,
  .analysis-grid,
  .trust-grid,
  .home-comparison-grid{
    grid-template-columns:1fr 1fr;
  }
}

@media(max-width:640px){
  .site-header,
  main,
  .site-footer{
    width:100%;
    margin:0;
    border-inline:0;
    border-radius:0;
  }

  .site-header{
    border-top:0;
    padding:14px 18px 12px;
  }

  .nav-cta{
    max-width:158px;
    padding-inline:12px;
    overflow:hidden;
    text-overflow:ellipsis;
  }

  .hero{
    padding:34px 18px 24px;
    gap:18px;
  }

  .hero h1{
    max-width:350px;
    font-size:33px;
    line-height:1.04;
  }

  .hero p,
  .hero-copy>p:first-of-type{
    max-width:345px;
    font-size:14px;
    line-height:1.45;
  }

  .product-visual{
    width:100%;
    min-height:310px;
    padding:14px;
    border-radius:22px;
  }

  .hero-dashboard-preview{
    width:100%;
    min-height:178px;
    margin-top:0;
    border-radius:18px;
  }

  .hero-dashboard-grid article strong{
    min-height:34px;
    font-size:10px;
  }

  .hero-image-shot .hero-proof-panel{
    left:28px;
    right:28px;
    bottom:28px;
    width:auto;
    min-width:0;
  }

  .home-conversion-strip,
  .section,
  .cta-section{
    width:calc(100% - 36px);
  }

  .home-conversion-strip,
  .steps,
  .feature-list,
  .analysis-grid,
  .trust-grid,
  .home-comparison-grid{
    grid-template-columns:1fr;
  }

  .steps article{
    grid-template-columns:auto auto minmax(0,1fr);
    justify-items:start;
    text-align:left;
    min-height:88px;
    align-content:center;
  }

  .steps article h3,
  .steps article p{
    grid-column:3;
  }
}

/* Final reference density pass: keep the dashboard visible in the first viewport. */
@media(min-width:981px){
  .site-header{
    padding:16px 20px;
  }

  .hero{
    gap:18px;
    padding:18px 26px 28px;
  }

  .hero-copy{
    max-width:850px;
  }

  .hero h1{
    max-width:790px;
    font-size:clamp(40px,4vw,54px);
    line-height:1.03;
    margin:12px 0 16px;
  }

  .hero p,
  .hero-copy>p:first-of-type{
    max-width:650px;
    margin-bottom:18px;
    font-size:16px;
  }

  .hero-proof-badges{
    gap:24px;
    margin-top:14px;
  }

  .hero-proof-badges span{
    border-color:transparent;
    background:transparent;
    padding:0;
    box-shadow:none;
  }

  .product-visual{
    width:min(1080px,100%);
    height:360px;
    min-height:0;
    padding:18px 26px 22px;
  }

  .hero-dashboard-preview{
    width:min(100%,960px);
    height:270px;
    min-height:0;
  }

  .hero-dashboard-main{
    padding:18px;
  }

  .hero-dashboard-toolbar{
    margin-bottom:16px;
  }

  .hero-dashboard-head{
    margin-bottom:12px;
  }

  .hero-dashboard-grid{
    gap:12px;
  }

  .hero-dashboard-grid article{
    min-height:72px;
  }

  .hero-float-card-primary{
    left:7%;
    top:22%;
  }

  .hero-float-card-secondary{
    right:7%;
    bottom:21%;
  }

  .hero-image-shot .hero-proof-panel{
    bottom:20px;
  }

  .home-conversion-strip{
    margin-top:18px;
  }
}