:root {
        --ink:#16201d; --muted:#62706b; --paper:#fbfcfa; --white:#fff;
        --line:#dfe7e3; --yellow:#ffd335; --yellow-soft:#fff5c8; --dark:#080b0a;
        --shadow:0 18px 50px rgba(22,32,29,.12); --radius:8px;
      }
      * { box-sizing:border-box; }
      html { scroll-behavior:smooth; scroll-padding-top:92px; }
      body { margin:0; overflow-x:hidden; font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif; background:var(--paper); color:var(--ink); line-height:1.6; }
      img,video { display:block; max-width:100%; }
      a { color:inherit; text-decoration:none; }
      button,input,select,textarea { font:inherit; }
      h1,h2,h3,p { margin-top:0; }
      .container { width:min(100% - 36px,1160px); margin-inline:auto; }
      .skip-link { position:fixed; left:12px; top:-80px; z-index:100; padding:10px 14px; background:var(--yellow); color:#111; font-weight:900; }
      .skip-link:focus { top:12px; }
      .topbar { position:sticky; top:0; z-index:50; border-bottom:1px solid rgba(22,32,29,.09); background:rgba(251,252,250,.94); backdrop-filter:blur(14px); }
      .nav { position:relative; min-height:76px; display:flex; align-items:center; justify-content:space-between; gap:18px; }
      .brand img { width:180px; height:auto; }
      .nav-links { display:flex; align-items:center; gap:18px; font-size:14px; font-weight:850; }
      .nav-links a:not(.button):hover,.nav-links a:not(.button):focus-visible { color:#876900; }
      .nav-menu-toggle { display:none; width:46px; height:46px; flex:0 0 46px; align-items:center; justify-content:center; flex-direction:column; gap:5px; border:1px solid rgba(22,32,29,.16); border-radius:7px; background:var(--yellow); cursor:pointer; }
      .nav-menu-toggle span { width:21px; height:2px; background:#111; transition:.24s ease; }
      .nav-menu-toggle[aria-expanded="true"] span:nth-child(1) { transform:translateY(7px) rotate(45deg); }
      .nav-menu-toggle[aria-expanded="true"] span:nth-child(2) { opacity:0; }
      .nav-menu-toggle[aria-expanded="true"] span:nth-child(3) { transform:translateY(-7px) rotate(-45deg); }
      .button { display:inline-flex; min-height:48px; align-items:center; justify-content:center; border:1px solid rgba(22,32,29,.14); border-radius:var(--radius); padding:12px 18px; font-weight:900; text-align:center; cursor:pointer; }
      .button.primary { background:var(--yellow); color:#111; box-shadow:0 0 28px rgba(255,211,53,.4); }
      .button.secondary { background:#fff; color:var(--ink); }
      .button.dark { background:#101513; color:#fff; border-color:#2b342f; }
      .button:hover { transform:translateY(-1px); }
      .breadcrumb { padding:13px 0; background:#fff; border-bottom:1px solid var(--line); font-size:14px; color:var(--muted); }
      .breadcrumb ol { display:flex; flex-wrap:wrap; gap:8px; margin:0; padding:0; list-style:none; }
      .breadcrumb li:not(:last-child)::after { content:"/"; margin-left:8px; color:#a7afa9; }
      .hero { position:relative; min-height:720px; display:grid; align-items:end; overflow:hidden; background:#090b0a; color:#fff; }
      .hero>img { position:absolute; inset:0; width:100%; height:100%; object-fit:cover; }
      .hero::after { content:""; position:absolute; inset:0; background:linear-gradient(90deg,rgba(0,0,0,.88) 0%,rgba(0,0,0,.66) 50%,rgba(0,0,0,.2) 100%),linear-gradient(0deg,rgba(0,0,0,.65),transparent 62%); }
      .hero-content { position:relative; z-index:1; padding:88px 0 64px; }
      .kicker { display:inline-flex; padding:8px 12px; border-radius:999px; background:var(--yellow); color:#111; font-size:12px; font-weight:950; text-transform:uppercase; }
      h1 { max-width:980px; margin:20px 0 18px; font-size:clamp(44px,6.7vw,86px); line-height:.98; }
      .hero p { max-width:720px; color:rgba(255,255,255,.86); font-size:clamp(17px,1.6vw,21px); }
      .actions { display:flex; flex-wrap:wrap; gap:12px; margin-top:28px; }
      section { padding:78px 0; }
      .section-head { display:grid; grid-template-columns:minmax(0,1.45fr) minmax(280px,.75fr); align-items:end; gap:40px; margin-bottom:30px; }
      .section-head h2 { margin-bottom:0; font-size:clamp(32px,4.2vw,54px); line-height:1.04; }
      .section-head p { margin-bottom:0; color:var(--muted); }
      .video-shell { position:relative; overflow:hidden; border-radius:var(--radius); background:#050505; box-shadow:var(--shadow); }
      .video-shell video { width:100%; aspect-ratio:16/9; object-fit:cover; }
      .video-media-grid { display:grid; grid-template-columns:minmax(0,1.1fr) minmax(0,.9fr); gap:16px; align-items:stretch; }
      .video-media-grid figure { min-width:0; margin:0; }
      .video-support img { width:100%; height:100%; aspect-ratio:16/9; object-fit:cover; border-radius:var(--radius); border:1px solid var(--line); box-shadow:var(--shadow); }
      .video-control { position:absolute; right:14px; bottom:14px; min-height:44px; border:1px solid rgba(255,255,255,.3); border-radius:7px; padding:9px 13px; background:rgba(0,0,0,.72); color:#fff; font-weight:850; cursor:pointer; }
      figcaption { margin-top:10px; color:var(--muted); font-size:14px; }
      .authority { background:#0a0d0c; color:#fff; }
      .authority .section-head p,.authority .lead { color:rgba(255,255,255,.72); }
      .authority-grid { display:grid; grid-template-columns:1.1fr .9fr; gap:24px; align-items:center; }
      .authority figure { margin:0; }
      .authority img { width:100%; aspect-ratio:16/10; object-fit:cover; border-radius:var(--radius); border:1px solid rgba(255,211,53,.36); }
      .lead { font-size:clamp(18px,2vw,23px); }
      .highlight { margin-top:22px; border-left:4px solid var(--yellow); padding:18px 20px; background:rgba(255,211,53,.09); }
      .highlight strong { color:var(--yellow); }
      .spec-layout { display:grid; grid-template-columns:.9fr 1.1fr; gap:30px; align-items:start; }
      .spec-copy { position:sticky; top:108px; }
      .spec-copy h2 { font-size:clamp(32px,4vw,52px); line-height:1.04; }
      .spec-copy p { color:var(--muted); }
      .specs { margin:0; border:1px solid var(--line); border-radius:var(--radius); background:#fff; box-shadow:var(--shadow); }
      .spec-row { display:grid; grid-template-columns:180px 1fr; gap:18px; padding:17px 20px; border-bottom:1px solid var(--line); }
      .spec-row:last-child { border-bottom:0; }
      dt { font-weight:900; }
      dd { margin:0; color:var(--muted); }
      .cards { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:18px; }
      .card { min-width:0; border:1px solid var(--line); border-radius:var(--radius); padding:22px; background:#fff; box-shadow:var(--shadow); }
      .card-num { display:grid; width:38px; height:38px; place-items:center; margin-bottom:16px; border-radius:50%; background:var(--yellow); color:#111; font-weight:950; }
      .card h3 { margin-bottom:8px; font-size:21px; line-height:1.2; }
      .card p { margin-bottom:0; color:var(--muted); }
      .gallery { display:grid; grid-template-columns:1.2fr .8fr .8fr; gap:16px; }
      .gallery figure { min-width:0; margin:0; }
      .gallery img { width:100%; height:100%; min-height:330px; object-fit:cover; border-radius:var(--radius); border:1px solid var(--line); }
      .gallery figure:first-child img { min-height:450px; }
      .uses { background:linear-gradient(135deg,#fff3b8,#fbfcfa 58%); }
      .uses-grid { display:grid; grid-template-columns:1.1fr .9fr; gap:34px; align-items:center; }
      .uses h2 { font-size:clamp(32px,4.2vw,54px); line-height:1.05; }
      .uses img { width:100%; aspect-ratio:16/10; object-fit:cover; border-radius:var(--radius); box-shadow:var(--shadow); }
      .faq-list { display:grid; gap:12px; }
      details { border:1px solid var(--line); border-radius:var(--radius); padding:17px 18px; background:#fff; }
      summary { cursor:pointer; font-weight:900; list-style:none; }
      summary::-webkit-details-marker { display:none; }
      summary::after { content:"+"; float:right; margin-left:16px; color:#9a7800; font-size:22px; line-height:1; }
      details[open] summary::after { content:"−"; }
      details p { margin:12px 0 0; color:var(--muted); }
      .final-cta { background:#0a0d0c; color:#fff; }
      .final-cta .section-head p { color:rgba(255,255,255,.72); }
      .internal-links { display:flex; flex-wrap:wrap; gap:10px; margin-top:24px; }
      .internal-links a { border:1px solid rgba(255,211,53,.45); border-radius:999px; padding:9px 13px; font-size:13px; font-weight:850; }
      footer { border-top:1px solid #2d332f; padding:36px 0; background:#050605; color:rgba(255,255,255,.72); }
      .footer-grid { display:grid; grid-template-columns:1fr 1.5fr; gap:26px; }
      .footer-grid strong { color:#fff; }
      .footer-links { display:flex; flex-wrap:wrap; justify-content:flex-end; gap:10px 16px; }
      .footer-links a:hover,.footer-links a:focus-visible { color:var(--yellow); }
      :focus-visible { outline:3px solid #e2b400; outline-offset:3px; }
      @media (max-width:900px) {
        .nav-menu-toggle { display:inline-flex; }
        .nav-links { position:absolute; top:calc(100% + 8px); right:0; z-index:60; width:min(360px,calc(100vw - 24px)); max-height:calc(100dvh - 96px); overflow-y:auto; display:none; flex-direction:column; align-items:stretch; gap:4px; padding:12px; border:1px solid rgba(22,32,29,.14); border-radius:8px; background:#fff; box-shadow:0 18px 48px rgba(0,0,0,.2); }
        .nav-links.is-open { display:flex; }
        .nav-links a { width:100%; min-height:44px; display:flex; align-items:center; padding:10px 12px; border-radius:6px; }
        .nav-links a.button { justify-content:center; }
        .section-head,.authority-grid,.spec-layout,.uses-grid,.video-media-grid { grid-template-columns:1fr; }
        .section-head { gap:12px; }
        .spec-copy { position:static; }
        .cards { grid-template-columns:repeat(2,minmax(0,1fr)); }
        .gallery { grid-template-columns:1fr 1fr; }
        .gallery figure:first-child { grid-column:1/-1; }
        .footer-grid { grid-template-columns:1fr; }
        .footer-links { justify-content:flex-start; }
      }
      @media (max-width:640px) {
        .container { width:min(100% - 24px,1160px); }
        .brand img { width:150px; }
        .hero { min-height:650px; }
        .hero-content { padding:62px 0 44px; }
        h1 { font-size:clamp(38px,12vw,58px); overflow-wrap:anywhere; }
        section { padding:58px 0; }
        .actions .button { width:100%; }
        .cards,.gallery { grid-template-columns:1fr; }
        .gallery figure:first-child { grid-column:auto; }
        .gallery img,.gallery figure:first-child img { min-height:240px; aspect-ratio:4/3; }
        .spec-row { grid-template-columns:1fr; gap:4px; padding:15px; }
        .video-control { right:8px; bottom:8px; }
      }
      @media (max-width:360px) {
        .container { width:min(100% - 18px,1160px); }
        .brand img { width:135px; }
        .nav-menu-toggle { width:42px; height:42px; flex-basis:42px; }
        h1 { font-size:36px; }
        .kicker { font-size:10px; }
      }
      @media (prefers-reduced-motion:reduce) {
        html { scroll-behavior:auto; }
        *,*::before,*::after { animation-duration:.01ms !important; animation-iteration-count:1 !important; transition-duration:.01ms !important; }
        .button:hover { transform:none; }
      }