@scope (.et-product-page) {
    :scope { --ink:#10211b; --muted:#64746d; --deep:#0d3a2d; --green:#1b8c67; --lime:#c3f06d; --soft:#eef6f2; --line:#d4e2dc; color:var(--ink); background:#fff; font:16px/1.68 Arial,Helvetica,sans-serif; }
    * { box-sizing:border-box; } img { display:block; width:100%; height:auto; } a { color:inherit; text-decoration:none; } h1,h2,h3,p { margin-top:0; } h1,h2,h3 { line-height:1.1; letter-spacing:-.03em; text-wrap:balance; } p { color:var(--muted); }
    .container { width:min(1180px,calc(100% - 40px)); margin-inline:auto; } .section { padding:88px 0; } .soft { background:var(--soft); } .dark { background:var(--deep); color:#fff; } .dark p { color:rgba(255,255,255,.7); }
    .eyebrow { display:flex; align-items:center; gap:11px; margin-bottom:16px; color:var(--green); font-size:12px; font-weight:800; letter-spacing:.17em; text-transform:uppercase; } .eyebrow::before { width:35px; height:2px; background:currentColor; content:""; } .dark .eyebrow,.hero .eyebrow { color:var(--lime); }
    .btn { display:inline-flex; align-items:center; justify-content:center; min-height:50px; padding:0 23px; border-radius:999px; background:var(--green); color:#fff; font-weight:800; } .btn-lime { background:var(--lime); color:var(--deep); } .btn-outline { border:1px solid rgba(255,255,255,.35); background:transparent; }
    .hero { position:relative; overflow:hidden; background:var(--deep); color:#fff; } .hero-grid { position:relative; z-index:1; display:grid; grid-template-columns:1.05fr .95fr; min-height:760px; padding:112px 0 96px; align-items:center; gap:62px; } .hero::after { position:absolute; inset:0; background:radial-gradient(circle at 75% 30%,rgba(255,255,255,.09),transparent 38%),linear-gradient(120deg,var(--deep),color-mix(in srgb,var(--deep) 74%,#000)); content:""; }
    .breadcrumbs { margin-bottom:30px; color:rgba(255,255,255,.62); font-size:13px; } .breadcrumbs a { color:var(--lime); } .hero h1 { max-width:760px; margin-bottom:22px; font-size:clamp(42px,5.4vw,72px); } .hero-lead { max-width:700px; color:rgba(255,255,255,.73); font-size:18px; } .hero-actions { position:relative; z-index:5; display:flex; flex-wrap:wrap; gap:11px; margin-top:28px; margin-bottom:28px; }
    .hero-media { position:relative; z-index:2; padding:24px; border-radius:30px; background:#fff; } .hero-media img { height:520px; object-fit:contain; } .hero-badge { position:absolute; right:16px; top:16px; padding:10px 15px; border-radius:999px; background:var(--lime); color:var(--deep); font-size:13px; font-weight:900; }
    .metric-strip { position:relative; z-index:3; display:grid; grid-template-columns:repeat(4,1fr); margin-top:-26px; overflow:hidden; border:1px solid var(--line); border-radius:23px; background:#fff; box-shadow:0 22px 55px rgba(9,47,36,.1); } .metric { padding:22px; border-right:1px solid var(--line); } .metric:last-child { border-right:0; } .metric small { display:block; color:var(--muted); font-size:11px; text-transform:uppercase; letter-spacing:.1em; } .metric strong { display:block; margin-top:5px; color:var(--green); font-size:24px; }
    .intro-grid { display:grid; grid-template-columns:.78fr 1.22fr; gap:64px; align-items:start; } .intro-grid h2,.heading h2 { margin-bottom:20px; font-size:clamp(36px,5vw,56px); } .application-grid { display:grid; grid-template-columns:repeat(2,1fr); gap:13px; } .application { min-height:145px; padding:24px; border:1px solid var(--line); border-radius:18px; background:#fff; } .application span { color:var(--green); font-size:12px; font-weight:800; text-transform:uppercase; } .application h3 { margin:30px 0 0; font-size:21px; }
    .engineering { display:grid; grid-template-columns:1fr 1fr; gap:60px; align-items:center; } .engineering-media { overflow:hidden; border-radius:28px; background:#fff; } .engineering-media img { max-height:570px; object-fit:contain; } .engineering h2 { font-size:clamp(36px,5vw,58px); } .check-list { display:grid; gap:10px; margin-top:25px; } .check { padding:16px 18px; border-left:3px solid var(--lime); background:rgba(255,255,255,.07); color:rgba(255,255,255,.82); }
    .spec-layout { display:grid; grid-template-columns:.68fr 1.32fr; gap:54px; align-items:start; } .spec-intro { position:sticky; top:24px; } .spec-intro h2 { font-size:clamp(36px,5vw,55px); } .table-wrap { overflow-x:auto; border:1px solid var(--line); border-radius:22px; background:#fff; } table { width:100%; border-collapse:collapse; } th,td { padding:15px 16px; border-bottom:1px solid var(--line); text-align:left; vertical-align:top; } th { background:var(--deep); color:#fff; font-size:12px; } td { color:var(--muted); font-size:13px; } tr:last-child td { border-bottom:0; }
    .gallery { display:grid; grid-template-columns:1.2fr .8fr .8fr; gap:14px; } .gallery figure { overflow:hidden; margin:0; border:1px solid var(--line); border-radius:22px; background:#fff; } .gallery figure:first-child { grid-row:span 2; } .gallery img { height:100%; min-height:250px; object-fit:contain; }
    .oem-grid { display:grid; grid-template-columns:1fr 1fr; gap:60px; align-items:center; } .oem-grid h2 { font-size:clamp(36px,5vw,58px); } .oem-options { display:grid; grid-template-columns:repeat(2,1fr); gap:11px; margin-top:25px; } .oem-option { padding:19px; border:1px solid rgba(255,255,255,.15); border-radius:15px; } .oem-option strong { display:block; color:var(--lime); } .oem-option span { color:rgba(255,255,255,.65); font-size:12px; } .oem-visual { padding:25px; border-radius:28px; background:#fff; } .oem-visual img { max-height:540px; object-fit:contain; }
    .quality-grid { display:grid; grid-template-columns:repeat(4,1fr); gap:14px; margin-top:34px; } .quality-card { padding:24px; border:1px solid var(--line); border-radius:18px; background:#fff; } .quality-card b { display:block; margin-bottom:12px; color:var(--green); } .quality-card p { margin:0; font-size:13px; }
    .related-grid { display:grid; grid-template-columns:repeat(3,1fr); gap:13px; margin-top:30px; } .related { padding:21px; border:1px solid var(--line); border-radius:17px; background:#fff; } .related span { display:block; color:var(--green); font-size:12px; font-weight:800; text-transform:uppercase; } .related strong { display:block; margin-top:8px; }
    .faq-grid { display:grid; grid-template-columns:repeat(2,1fr); gap:12px; margin-top:30px; } details { border:1px solid var(--line); border-radius:16px; background:#fff; } summary { padding:19px 21px; font-weight:800; cursor:pointer; } details div { padding:0 21px 20px; color:var(--muted); font-size:14px; }
    .cta { padding:88px 0; background:linear-gradient(135deg,#eaf7f1 0%,#f7f5e9 100%); color:var(--ink); } .cta-grid { display:grid; grid-template-columns:.82fr 1.18fr; gap:56px; align-items:start; } .cta h2 { max-width:650px; margin-bottom:17px; font-size:clamp(36px,5vw,56px); } .cta p { max-width:650px; color:var(--muted); } .cta .eyebrow { color:var(--green); } .cta-points { display:grid; gap:10px; margin-top:28px; } .cta-point { padding:14px 17px; border:1px solid rgba(21,152,109,.18); border-radius:13px; background:rgba(255,255,255,.58); color:var(--ink); font-size:14px; }
    .cta-form { width:100%; padding:34px; border:1px solid var(--line); border-radius:25px; background:#fff; box-shadow:0 24px 55px rgba(16,33,27,.09); } .cta-form h3 { margin-bottom:8px; color:var(--ink); font-size:27px; } .cta-form > p { margin-bottom:24px; } .cta-form .wpcf7,.cta-form form { width:100%; } .cta-form form p { margin:0 0 15px; } .cta-form label { display:block; color:var(--ink); font-weight:700; } .cta-form input:not([type="submit"]),.cta-form select,.cta-form textarea { width:100%; min-height:50px; margin-top:7px; padding:12px 14px; border:1px solid var(--line); border-radius:12px; outline:none; background:#fbfdfc; color:var(--ink); font:inherit; } .cta-form textarea { min-height:140px; resize:vertical; } .cta-form input:focus,.cta-form select:focus,.cta-form textarea:focus { border-color:var(--green); box-shadow:0 0 0 3px rgba(21,152,109,.1); } .cta-form input[type="submit"] { width:100%; min-height:52px; border:0; border-radius:999px; background:var(--green); color:#fff; font:800 16px/1 Arial,Helvetica,sans-serif; cursor:pointer; } .cta-form .wpcf7-spinner { display:block; margin:10px auto 0; } .cta-form .wpcf7-response-output { margin:15px 0 0; }
    .theme-marine .hero-grid { grid-template-columns:.88fr 1.12fr; } .theme-marine .hero-media { transform:rotate(1deg); border-radius:52% 48% 28px 28px; } .theme-marine .engineering-media { border-radius:45% 45% 24px 24px; } .theme-marine .application-grid { grid-template-columns:1fr; } .theme-marine .application { min-height:auto; border-left:5px solid var(--green); }
    .theme-track .hero-grid { grid-template-columns:1.15fr .85fr; } .theme-track .hero-media { transform:rotate(-1.5deg); border-radius:8px; } .theme-track .metric-strip { border-radius:8px; transform:skewX(-1deg); } .theme-track .application-grid { gap:0; border:1px solid var(--line); } .theme-track .application { border:0; border-radius:0; border-bottom:1px solid var(--line); } .theme-track .quality-card { border-radius:5px; }
    .theme-fpv .hero { background:#111a17; } .theme-fpv .hero-grid { grid-template-columns:.74fr 1.26fr; } .theme-fpv .hero-media { padding:0; overflow:hidden; border:1px solid rgba(185,239,97,.35); border-radius:9px; background:#111a17; } .theme-fpv .hero-media img { height:570px; } .theme-fpv .metric strong { font-style:italic; } .theme-fpv .gallery { grid-template-columns:repeat(4,1fr); } .theme-fpv .gallery figure:first-child { grid-row:auto; }
    .theme-field .hero-grid { grid-template-columns:1fr 1fr; } .theme-field .application-grid { grid-template-columns:1fr; } .theme-field .application { display:grid; grid-template-columns:110px 1fr; align-items:center; min-height:105px; border-radius:5px 22px 5px 22px; } .theme-field .application h3 { margin:0; } .theme-field .engineering { grid-template-columns:1.15fr .85fr; } .theme-field .engineering-media { order:2; }
    .theme-density320 .hero-grid { grid-template-columns:1.2fr .8fr; } .theme-density320 .spec-layout { grid-template-columns:1fr; } .theme-density320 .spec-intro { position:static; max-width:780px; } .theme-density320 .metric-strip { box-shadow:none; } .theme-density320 .gallery { grid-template-columns:repeat(2,1fr); }
    .theme-density350 .hero-grid { grid-template-columns:.95fr 1.05fr; } .theme-density350 .metric-strip { border-radius:5px; } .theme-density350 .intro-grid { grid-template-columns:1.25fr .75fr; } .theme-density350 .application-grid { grid-template-columns:1fr; } .theme-density350 .engineering-media { order:2; } .theme-density350 .oem-grid { grid-template-columns:.8fr 1.2fr; }
    .theme-density380 .hero-grid { grid-template-columns:.78fr 1.22fr; } .theme-density380 .hero h1 { font-size:clamp(48px,7vw,88px); } .theme-density380 .metric-strip { border-radius:5px; } .theme-density380 .metric strong { font-size:29px; } .theme-density380 .engineering { grid-template-columns:.72fr 1.28fr; } .theme-density380 .gallery { grid-template-columns:1fr 1fr; }
    .theme-hv445 .hero-grid { grid-template-columns:1.12fr .88fr; } .theme-hv445 .hero-badge { border-radius:5px; } .theme-hv445 .hero-media { border:2px solid var(--lime); border-radius:6px 34px 6px 34px; } .theme-hv445 .intro-grid { grid-template-columns:1fr; } .theme-hv445 .application-grid { grid-template-columns:repeat(4,1fr); } .theme-hv445 .application { min-height:190px; } .theme-hv445 .engineering { grid-template-columns:.8fr 1.2fr; }
    @media(max-width:940px){ .hero-grid,.intro-grid,.engineering,.spec-layout,.oem-grid,.cta-grid,.theme-marine .hero-grid,.theme-track .hero-grid,.theme-fpv .hero-grid,.theme-field .hero-grid,.theme-field .engineering,.theme-density320 .hero-grid,.theme-density350 .hero-grid,.theme-density350 .intro-grid,.theme-density350 .oem-grid,.theme-density380 .hero-grid,.theme-density380 .engineering,.theme-hv445 .hero-grid,.theme-hv445 .engineering{grid-template-columns:1fr}.hero-grid{min-height:auto;padding:102px 0 76px}.hero-actions{margin-bottom:0}.hero-media img,.theme-fpv .hero-media img{height:420px}.metric-strip{margin-top:20px;grid-template-columns:repeat(2,1fr)}.spec-intro{position:static}.quality-grid{grid-template-columns:repeat(2,1fr)}.theme-field .engineering-media,.theme-density350 .engineering-media{order:0}.theme-hv445 .application-grid{grid-template-columns:repeat(2,1fr)} }
    @media(max-width:620px){ .container{width:min(100% - 24px,1180px)}.section,.cta{padding:64px 0}.hero-grid{padding:90px 0 64px}.hero h1{font-size:40px}.hero-media img{height:340px}.metric-strip,.application-grid,.oem-options,.quality-grid,.related-grid,.faq-grid{grid-template-columns:1fr}.gallery{grid-template-columns:1fr}.gallery figure:first-child{grid-row:auto}.cta-form{padding:24px 18px}th,td{min-width:150px;padding:13px} }
  }