:root{
      --primary:#1f4e6d;
      --primary-dark:#163a52;
      --accent:#3fae5a;
      --accent-dark:#2f8e48;
      --accent-soft:#e8f5ec;
      --text:#10242f;
      --muted:#5f6f78;
      --line:#d9e5eb;
      --surface:#ffffff;
      --surface-soft:#f4f8fb;
      --hero-a:#153847;
      --hero-b:#1f4e6d;
      --hero-c:#163a52;
      --max:1180px;
      --radius:24px;
      --shadow:0 18px 50px rgba(10,27,35,.10);
      --shadow-soft:0 8px 24px rgba(10,27,35,.06);
    }

.cred-line{
  color:#cfe3ea;
  font-size:.95rem;
  max-width:60ch;
  margin-top:8px;
  line-height:1.6;
}

.price-caveat{
  font-size:.9rem;
  color:#cfe3ea;
  margin:0 0 14px;
  line-height:1.5;
  opacity:.95;
}

.upload-wrap{
  margin-top:14px;
}

.upload-label{
  display:block;
  margin:0 0 8px;
  font-weight:700;
  color:#163a52;
}

.upload-zone{
  position:relative;
  border:2px dashed #b9cfd8;
  border-radius:20px;
  background:#f8fbfc;
  transition:border-color .2s ease, background .2s ease, box-shadow .2s ease;
  padding:22px;
}

.upload-zone.dragover{
  border-color:var(--accent);
  background:#eef8f1;
  box-shadow:0 0 0 4px rgba(63,174,90,.10);
}

.file-input{
  position:absolute;
  inset:0;
  opacity:0;
  width:100%;
  height:100%;
  cursor:pointer;
}

.upload-inner{
  position:relative;
  z-index:1;
  text-align:center;
  pointer-events:none;
}

.upload-title{
  font-size:1.05rem;
  font-weight:800;
  color:var(--primary-dark);
  margin-bottom:4px;
}

.upload-subtitle{
  font-size:.95rem;
  color:var(--muted);
  margin-bottom:16px;
}

.upload-btn{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  gap:10px;
  min-height:50px;
  padding:14px 24px;
  border-radius:999px;
  border:1px solid transparent;
  font-weight:800;
  letter-spacing:-.01em;
  box-shadow:var(--shadow-soft);
  background:linear-gradient(180deg,var(--accent) 0%, var(--accent-dark) 100%);
  color:#fff;
  cursor:pointer;
  pointer-events:auto;
  margin-bottom:14px;
}

.upload-note{
  font-size:.95rem;
  color:var(--primary-dark);
  font-weight:700;
  max-width:56ch;
  margin:0 auto 8px;
}

.upload-help{
  font-size:.9rem;
  color:#6f8189;
}

.file-list{
  margin-top:16px;
}

.file-chips{
  display:flex;
  flex-wrap:wrap;
  gap:10px;
  justify-content:center;
}

.file-chip{
  display:inline-flex;
  align-items:center;
  padding:8px 12px;
  border-radius:999px;
  background:#e8f5ec;
  color:#1c6b3f;
  font-size:.88rem;
  font-weight:700;
  border:1px solid #cfe8db;
}

.upload-progress{
  display:none;
  width:100%;
  height:12px;
  margin-top:14px;
  border-radius:999px;
  overflow:hidden;
  background:#dfe9ee;
}

.upload-progress-bar{
  width:0;
  height:100%;
  border-radius:999px;
  background:linear-gradient(180deg,var(--accent) 0%, var(--accent-dark) 100%);
  transition:width .2s ease;
}

.upload-progress-text{
  margin-top:8px;
  font-size:.9rem;
  color:#5f6f78;
  font-weight:600;
}


    *{box-sizing:border-box}
    body{margin:0;font-family:Inter,Arial,Helvetica,sans-serif;color:var(--text);background:linear-gradient(180deg,#f7fbfc 0%, #f2f7f9 100%);line-height:1.65}
    img{max-width:100%;display:block}
    a{text-decoration:none;color:inherit}
    .container{width:min(calc(100% - 32px),var(--max));margin:0 auto}
    .topbar{position:sticky;top:0;z-index:20;background:linear-gradient(90deg, rgba(232,245,236,.96) 0%, rgba(244,248,251,.96) 100%);border-bottom:1px solid rgba(16,36,47,.08);backdrop-filter:blur(12px)}
    .nav{min-height:86px;display:flex;align-items:center;justify-content:space-between;gap:24px}
    .brand img{height:88px;width:auto}
    .nav-right{display:flex;gap:20px;align-items:center;color:var(--primary-dark);font-weight:700}
    .btn{display:inline-flex;align-items:center;justify-content:center;gap:10px;min-height:50px;padding:14px 24px;border-radius:999px;border:1px solid transparent;font-weight:800;letter-spacing:-.01em;box-shadow:var(--shadow-soft)}
    .btn-primary{background:linear-gradient(180deg,var(--accent) 0%, var(--accent-dark) 100%);color:#fff}
    .btn-secondary{background:rgba(255,255,255,.10);border-color:rgba(255,255,255,.18);color:#fff}
    .hero{color:#fff;overflow:hidden;position:relative;background:radial-gradient(circle at 88% 18%, rgba(126,217,87,.14), transparent 18%),radial-gradient(circle at 12% 88%, rgba(63,174,90,.12), transparent 18%),linear-gradient(135deg,var(--hero-a) 0%, var(--hero-b) 54%, var(--hero-c) 100%);padding:82px 0 92px}
    .hero-grid{display:grid;grid-template-columns:1.05fr .95fr;gap:34px;align-items:center}
    .eyebrow{display:inline-flex;padding:10px 15px;border-radius:999px;background:rgba(255,255,255,.08);border:1px solid rgba(255,255,255,.12);text-transform:uppercase;letter-spacing:.04em;font-size:.84rem;font-weight:800;margin-bottom:18px}
    h1,h2,h3{letter-spacing:-.035em;line-height:1.08;margin:0 0 14px}
    h1{font-size:clamp(2.3rem, 5vw, 4.15rem);max-width:12ch}
    h2{font-size:clamp(1.95rem, 3.3vw, 3rem);color:var(--primary)}
    h3{font-size:1.3rem;color:var(--primary)}
    p{margin:0 0 18px}
    .lead{font-size:1.08rem;max-width:60ch;color:#d7e8ef}
    .tagline{font-size:1rem;color:#d8e7ee;font-weight:600}
    .hero-highlight{color:#b9f1ca}
    .hero-actions{display:flex;gap:14px;flex-wrap:wrap;margin:28px 0}
    .bullets{display:grid;gap:12px;margin:24px 0 0}
    .bullet{position:relative;padding-left:30px;color:#eef5f8}
    .bullet:before{content:"✓";position:absolute;left:0;top:0;color:#9df0be;font-weight:800}
    .proof-strip{display:grid;grid-template-columns:repeat(3,1fr);gap:14px;margin-top:26px}
    .proof{padding:16px;border-radius:18px;background:rgba(255,255,255,.07);border:1px solid rgba(255,255,255,.10);color:#eef5f8}
    .proof strong{display:block;color:#fff;margin-bottom:6px}
    .proof span{display:block;color:#cfe3ea;font-size:.9rem;line-height:1.55}
    .panel{background:rgba(255,255,255,.97);border-radius:30px;padding:32px;box-shadow:var(--shadow);color:var(--text)}
    .panel-badge{display:inline-flex;padding:9px 14px;border-radius:999px;background:var(--accent-soft);color:#1c6b3f;text-transform:uppercase;letter-spacing:.04em;font-size:.83rem;font-weight:800;margin-bottom:14px}
    .value-line{display:flex;gap:18px;padding:17px 0;border-top:1px solid var(--line)}
    .value-line:first-of-type{border-top:none;padding-top:4px}
    .value-big{min-width:95px;color:var(--primary);font-size:1.3rem;font-weight:800}
    .section{padding:88px 0}
    .section-head{max-width:780px;margin-bottom:36px}
    .section-head p{color:var(--muted);font-size:1.04rem;line-height:1.75}
    .grid-2,.grid-3,.grid-4{display:grid;gap:24px}
    .grid-2{grid-template-columns:repeat(2,1fr)}
    .grid-3{grid-template-columns:repeat(3,1fr)}
    .grid-4{grid-template-columns:repeat(4,1fr)}
    .card{background:var(--surface);padding:28px;border-radius:var(--radius);box-shadow:var(--shadow);border:1px solid rgba(16,36,47,.04)}
    .card p{color:var(--muted);line-height:1.72}
    .soft{background:linear-gradient(180deg,#eef7fb 0%, #f8fbfc 100%);border-top:1px solid rgba(31,78,109,.04);border-bottom:1px solid rgba(31,78,109,.04)}
    .list{list-style:none;margin:16px 0 0;padding:0}
    .list li{position:relative;padding:11px 0 11px 30px;border-bottom:1px solid var(--line)}
    .list li:last-child{border-bottom:none}
    .list li:before{content:"•";position:absolute;left:8px;top:7px;color:var(--accent);font-size:1.45rem}
    .price-box{color:#fff;border-radius:28px;padding:32px;box-shadow:var(--shadow);background:radial-gradient(circle at top right, rgba(255,255,255,.08), transparent 24%),linear-gradient(135deg,#163a52 0%, #1f4e6d 60%, #2a5d7c 100%)}
    .price{margin:8px 0 14px;font-size:3.5rem;font-weight:800;line-height:1;letter-spacing:-.05em}
    .guarantee{margin-top:18px;padding:17px 18px;border-radius:18px;background:#eaf7ef;border:1px solid #cde8d6;color:#1c6b3f;font-weight:700}
    .price-meta{display:grid;gap:10px;margin-top:18px}
    .price-meta div{padding-top:10px;border-top:1px solid rgba(255,255,255,.12);color:#e6f0f4;font-size:.96rem}
    .case-study{border-left:6px solid var(--accent);padding-left:20px}
    .case-kpis{display:grid;grid-template-columns:repeat(3,1fr);gap:14px;margin-top:22px}
    .case-kpi{padding:16px 18px;border-radius:18px;background:var(--surface-soft);border:1px solid rgba(31,78,109,.08)}
    .case-kpi .label{display:block;color:var(--muted);font-size:.86rem;font-weight:700;text-transform:uppercase;letter-spacing:.03em;margin-bottom:8px}
    .case-kpi .value{display:block;color:var(--primary);font-size:1.45rem;font-weight:800}
    .cta{color:#fff;border-radius:32px;padding:46px;box-shadow:var(--shadow);background:radial-gradient(circle at top right, rgba(255,255,255,.08), transparent 26%),linear-gradient(135deg,#1f4e6d 0%, #0f2a33 100%)}
    .cta h2{color:#fff}
    .cta p{color:#dce9ef;max-width:62ch}
    .cta-note{display:inline-flex;padding:12px 16px;border-radius:999px;background:rgba(231,245,235,.12);border:1px solid rgba(231,245,235,.18);color:#f3fbf6;font-weight:700;margin-bottom:22px}
    .cta-points{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin:0 0 24px}
    .cta-point{padding:14px 16px;border-radius:18px;background:rgba(255,255,255,.08);border:1px solid rgba(255,255,255,.10);font-weight:600}
    .form-shell{background:rgba(255,255,255,.95);border-radius:24px;padding:24px;color:var(--text);margin-top:22px}
    .form-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:14px}
    .field{width:100%;border:1px solid #d2dee4;border-radius:16px;padding:15px 16px;background:#fff;color:var(--text)}
    textarea.field{min-height:140px;resize:vertical}
    .small{font-size:.94rem;color:#6f8189}
    footer{padding:36px 0 56px;color:var(--muted)}
    .footer{border-top:1px solid var(--line);padding-top:24px;display:flex;justify-content:space-between;gap:18px;flex-wrap:wrap}
    @media (max-width:1080px){.hero-grid,.grid-2,.grid-3,.grid-4,.proof-strip,.cta-points,.case-kpis,.form-grid{grid-template-columns:1fr}h1{max-width:none}}
    @media (max-width:720px){.nav-right a:not(.btn){display:none}.brand img{height:70px}.hero-actions{flex-direction:column}.btn{width:100%}.section{padding:68px 0}}