
#efm-7 {
  --dark:#0e2433;
  --ink:#203849;
  --mist:#f0f8fa;
  --teal:#0b8189;
  --aqua:#cbf1ed;
  --coral:#db7757;
  --edge:#dae7eb;
  --muted:#5c7180;
  font-family:Inter,Arial,Helvetica,sans-serif;
  font-size:16px;
  line-height:1.78;
  color:var(--ink);
  max-width:1120px;
  margin:0 auto;
  padding:0 16px 60px;
  overflow-wrap:break-word;
}
#efm-7 * {box-sizing:border-box}
#efm-7 h1,#efm-7 h2,#efm-7 h3 {
  line-height:1.23;
  letter-spacing:-.035em;
  margin:0;
  color:var(--dark);
}
#efm-7 h1 {
  font-size:clamp(32px,4.8vw,55px);
  color:#fff;
  font-weight:850;
}
#efm-7 h2 {
  font-size:clamp(25px,3vw,33px);
  margin-bottom:18px;
}
#efm-7 h3 {
  font-size:20px;
  margin:0 0 11px;
}
#efm-7 p {margin:0 0 15px}
#efm-7 a {
  color:#087a87;
  text-decoration-thickness:1px;
  text-underline-offset:3px;
}
#efm-7 a:hover {color:#055d6b}
#efm-7 ul {
  padding-left:21px;
  margin:9px 0 20px;
}
#efm-7 li {margin:0 0 8px}
#efm-7 .hero {
  background:linear-gradient(
    122deg,#0b1f2c 0%,
    #102f3c 58%,#14515b 100%
  );
  padding:clamp(30px,5vw,60px);
  border-radius:25px;
  position:relative;
  overflow:hidden;
  margin:0 0 28px;
}
#efm-7 .hero:after {
  content:'';
  position:absolute;
  width:420px;
  height:420px;
  border:1px solid rgba(255,255,255,.07);
  border-radius:50%;
  right:-140px;
  top:-155px;
  box-shadow:
    0 0 0 70px rgba(255,255,255,.025),
    0 0 0 145px rgba(255,255,255,.02);
  pointer-events:none;
}
#efm-7 .hero-grid {
  display:grid;
  grid-template-columns:1.25fr .75fr;
  align-items:center;
  gap:25px;
  position:relative;
  z-index:1;
}
#efm-7 .eyebrow {
  display:inline-flex;
  align-items:center;
  color:#8ce1d6;
  font-size:11px;
  font-weight:850;
  letter-spacing:.17em;
  text-transform:uppercase;
  margin-bottom:20px;
}
#efm-7 .hero .subtitle {
  color:#d5e9eb;
  font-size:17px;
  line-height:1.65;
  max-width:630px;
  margin:19px 0 0;
}
#efm-7 .hero-feature {
  padding:18px;
  border:1px solid rgba(152,222,218,.26);
  background:rgba(255,255,255,.075);
  border-radius:17px;
  color:#fff;
}
#efm-7 .hero-feature .num {
  display:block;
  font-size:105px;
  font-weight:800;
  line-height:.94;
  letter-spacing:-.11em;
  color:#c0eee6;
}
#efm-7 .hero-feature p {
  font-size:13px;
  color:#dae9e9;
  margin:14px 0 0;
}
#efm-7 .hero-tags {
  display:flex;
  gap:9px;
  flex-wrap:wrap;
  margin:25px 0 0;
}
#efm-7 .hero-tags span {
  font-size:11px;
  font-weight:800;
  color:#d7f5f1;
  border:1px solid #356e70;
  border-radius:30px;
  padding:6px 11px;
}
#efm-7 .quick {
  border:1px solid var(--edge);
  background:#fff;
  border-radius:18px;
  padding:24px 26px;
  margin:0 0 40px;
  box-shadow:0 12px 36px rgba(18,58,75,.04);
}
#efm-7 .quick strong {color:var(--teal)}
#efm-7 .jump {
  display:flex;
  gap:8px;
  flex-wrap:wrap;
  margin-top:14px;
}
#efm-7 .jump a {
  font-size:12px;
  text-decoration:none;
  font-weight:800;
  border-radius:10px;
  background:#edf6f7;
  padding:6px 10px;
  color:#2b6871;
}
#efm-7 .section {margin:0 0 48px}
#efm-7 .section-tag {
  color:var(--teal);
  font-size:11px;
  text-transform:uppercase;
  font-weight:850;
  letter-spacing:.17em;
  display:block;
  margin-bottom:9px;
}
#efm-7 .lead {
  color:var(--muted);
  font-size:17px;
}
#efm-7 .error-list {
  display:grid;
  gap:17px;
  margin:25px 0 36px;
}
#efm-7 .error {
  display:grid;
  grid-template-columns:100px 1fr;
  border:1px solid var(--edge);
  border-radius:18px;
  background:white;
  overflow:hidden;
}
#efm-7 .error:nth-child(even) {
  background:#f7fbfb;
}
#efm-7 .number-block {
  background:#ecf8f7;
  display:flex;
  flex-direction:column;
  justify-content:center;
  align-items:center;
  border-right:1px solid var(--edge);
  gap:7px;
}
#efm-7 .number-block b {
  font-size:44px;
  line-height:1;
  font-weight:850;
  color:#14828b;
  letter-spacing:-.07em;
}
#efm-7 .number-block span {
  font-size:10px;
  letter-spacing:.15em;
  color:#46848b;
  font-weight:850;
}
#efm-7 .error-body {padding:24px 27px}
#efm-7 .error-body h3 {font-size:22px}
#efm-7 .error-body p {
  color:#4e6572;
  font-size:15px;
}
#efm-7 .fix {
  border-top:1px solid #dce9e9;
  margin-top:12px;
  padding-top:12px;
  font-size:14px!important;
  color:#235460!important;
}
#efm-7 .fix strong {color:#087b78}
#efm-7 .technical {
  background:var(--mist);
  padding:25px;
  border:1px solid var(--edge);
  border-radius:18px;
  margin:23px 0;
}
#efm-7 .technical h3 {font-size:19px}
#efm-7 .figure {
  margin:0;
  display:grid;
  grid-template-columns:1.1fr .9fr;
  gap:22px;
  align-items:center;
}
#efm-7 .figure svg {
  display:block;
  width:100%;
  height:auto;
  border-radius:14px;
  background:#fff;
}
#efm-7 figcaption {
  font-size:12px;
  color:#5f7180;
  margin-top:8px;
}
#efm-7 .tech-copy p {
  font-size:14px;
  color:#546b77;
}
#efm-7 .hint {
  padding:17px 20px;
  background:#fdf5ef;
  border-left:4px solid #e5a27d;
  border-radius:0 10px 10px 0;
  font-size:14px;
  color:#6c5544;
  margin:17px 0;
}
#efm-7 .four {
  display:grid;
  grid-template-columns:repeat(4,minmax(0,1fr));
  gap:12px;
  margin:20px 0;
}
#efm-7 .stage {
  background:#fff;
  border:1px solid var(--edge);
  border-radius:13px;
  padding:17px;
}
#efm-7 .stage b {
  display:block;
  color:var(--teal);
  font-size:11px;
  letter-spacing:.11em;
  margin-bottom:8px;
}
#efm-7 .stage h3 {
  font-size:16px;
  margin-bottom:8px;
}
#efm-7 .stage p {
  font-size:13px;
  color:#647885;
  margin:0;
}
#efm-7 .check-panel {
  background:#112e3b;
  border-radius:20px;
  padding:30px;
  color:#e6f3f2;
}
#efm-7 .check-panel h2 {color:#fff}
#efm-7 .check-panel p {color:#c6dbdd}
#efm-7 .check-grid {
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:10px 20px;
}
#efm-7 .check-row {
  font-size:14px;
  display:flex;
  gap:11px;
  align-items:flex-start;
  padding:10px 0;
  border-bottom:1px solid rgba(255,255,255,.14);
}
#efm-7 .check-row .tick {
  color:#91e4d8;
  font-weight:900;
}
#efm-7 .product-grid {
  display:grid;
  grid-template-columns:1fr 1fr;
  gap:18px;
  margin:22px 0;
}
#efm-7 .product {
  border:1px solid var(--edge);
  border-radius:17px;
  overflow:hidden;
  background:white;
}
#efm-7 .product .product-pic {
  background:#f6fafb;
  display:grid;
  place-items:center;
  min-height:255px;
  padding:14px;
}
#efm-7 .product img {
  max-height:245px;
  width:100%;
  height:245px;
  object-fit:contain;
  display:block;
}
#efm-7 .product .product-body {
  padding:22px;
  border-top:1px solid var(--edge);
}
#efm-7 .product h3 {font-size:19px}
#efm-7 .product p {
  font-size:14px;
  color:#617681;
}
#efm-7 .product small {
  display:block;
  color:#0a8292;
  font-weight:800;
  letter-spacing:.08em;
  margin-bottom:9px;
  text-transform:uppercase;
}
#efm-7 .product a.cta {
  display:inline-block;
  background:#0b7e87;
  border-radius:9px;
  padding:11px 15px;
  color:white;
  text-decoration:none;
  font-weight:800;
  font-size:13px;
}
#efm-7 .faq-item {
  border-bottom:1px solid var(--edge);
  padding:17px 0;
}
#efm-7 .faq-item h3 {
  font-size:18px;
  margin-bottom:7px;
}
#efm-7 .faq-item p {
  font-size:15px;
  color:#5e7480;
  margin:0;
}
#efm-7 .ref {
  margin-top:45px;
  padding-top:21px;
  border-top:1px solid var(--edge);
  color:#657782;
  font-size:13px;
}
#efm-7 .ref ol {padding-left:20px}
#efm-7 .ref li {margin-bottom:9px}
#efm-7 .ending {
  border-radius:19px;
  background:linear-gradient(115deg,#e8f8f7,#edf5fa);
  padding:28px;
  border:1px solid #d8ebed;
  margin-top:28px;
}
#efm-7 .ending h2 {margin-bottom:11px}
@media(max-width:760px) {
  #efm-7 .hero-grid,
  #efm-7 .figure {grid-template-columns:1fr}
  #efm-7 .hero-feature {display:none}
  #efm-7 .four {grid-template-columns:1fr 1fr}
}
@media(max-width:550px) {
  #efm-7 {padding:0 9px 35px;font-size:15px}
  #efm-7 .hero {padding:28px 21px;border-radius:18px}
  #efm-7 .hero .subtitle {font-size:15px}
  #efm-7 .quick {padding:18px}
  #efm-7 .error {grid-template-columns:66px 1fr}
  #efm-7 .number-block b {font-size:29px}
  #efm-7 .number-block span {font-size:8px}
  #efm-7 .error-body {padding:19px 15px}
  #efm-7 .error-body h3 {font-size:19px}
  #efm-7 .check-grid,
  #efm-7 .product-grid,
  #efm-7 .four {grid-template-columns:1fr}
  #efm-7 .check-panel {padding:24px}
  #efm-7 .technical {padding:16px}
}
