.et-sample { --ink: #10221c; --muted: #5e7168; --green: #17634d; --deep: #103e32; --lime: #d9ef9e; --line: #d7e5de; --soft: #f3f8f4; --cream: #faf9f2; width: 100%; max-width: 100%; color: var(--ink); background: #fff; font: 400 16px/1.65 Arial, Helvetica, sans-serif; }
    .et-sample, .et-sample * { box-sizing: border-box; }
    .et-sample :where(h1,h2,h3,p,figure,ol,ul,dl,dd) { margin: 0; }
    .et-sample :where(a,button) { font: inherit; }
    .et-sample :where(a,button,summary):focus-visible { outline: 3px solid #5f9c75; outline-offset: 4px; }
    .et-sample :where(section,div,article,figure,aside) { min-width: 0; }
    .et-sample [hidden] { display: none !important; }
    .et-sample a { color: inherit; text-decoration: none; }
    .et-sample p { color: var(--muted); }
    .et-sample img { display: block; max-width: 100%; height: auto; }
    .et-sample .wrap { width: min(1320px, calc(100% - 48px)); margin-inline: auto; }
    .et-sample .section { padding: clamp(48px, 5vw, 70px) 0; scroll-margin-top: 120px; }
    .et-sample .soft { background: var(--soft); }
    .et-sample .cream { background: var(--cream); }
    .et-sample .eyebrow { color: var(--green); font-size: .74rem; line-height: 1.5; letter-spacing: .13em; font-weight: 800; text-transform: uppercase; }
    .et-sample h1 { max-width: 16ch; font-size: clamp(2.4rem, 4.7vw, 4.3rem); line-height: 1.06; font-weight: 750; letter-spacing: -.045em; }
    .et-sample h2 { font-size: clamp(1.8rem, 3vw, 2.8rem); line-height: 1.14; letter-spacing: -.035em; font-weight: 750; }
    .et-sample h3 { font-size: 1.15rem; line-height: 1.35; font-weight: 750; letter-spacing: -.015em; }
    .et-sample .section-head { display: grid; grid-template-columns: minmax(0,1.1fr) minmax(0,.9fr); gap: 35px; align-items: end; margin-bottom: 30px; }
    .et-sample .section-head .eyebrow { margin-bottom: 10px; }
    .et-sample .section-head > p { max-width: 490px; justify-self: end; }
    .et-sample .buttons { display: flex; flex-wrap: wrap; gap: 12px; margin-top: 26px; }
    .et-sample .button { display: inline-flex; justify-content: center; align-items: center; min-height: 49px; padding: 12px 22px; border-radius: 999px; background: var(--green); color: #fff; font-weight: 750; line-height: 1.35; border: 1px solid var(--green); text-align: center; }
    .et-sample .button:hover { background: var(--deep); }
    .et-sample .button.secondary { color: var(--green); background: #fff; border-color: #a8c1b4; }
    .et-sample .link { color: var(--green); font-weight: 750; text-decoration: underline; text-underline-offset: 4px; }
    .et-sample .hero { padding: clamp(55px, 7vw, 90px) 0 52px; background: radial-gradient(ellipse at 3% 8%, #e6f3dc, transparent 54%), #f8fbf8; }
    .et-sample .crumb { color: #5e7168; font-size: .8rem; margin-bottom: 32px; }
    .et-sample .hero-grid { display: grid; grid-template-columns: minmax(0,1fr) minmax(0,1fr); gap: clamp(30px, 4.5vw, 70px); align-items: center; }
    .et-sample .hero .eyebrow { margin-bottom: 17px; }
    .et-sample .lead { max-width: 610px; margin-top: 22px; font-size: 1.08rem; }
    .et-sample .photo { border: 1px solid var(--line); border-radius: 20px; background: #fff; overflow: hidden; }
    .et-sample .photo img { width: 100%; aspect-ratio: 16 / 9; object-fit: cover; }
    .et-sample .photo figcaption { padding: 16px 20px; color: var(--muted); font-size: .85rem; }
    .et-sample .photo figcaption strong { display: block; color: var(--ink); font-size: .96rem; margin-bottom: 3px; }
    .et-sample .hero-points { display: flex; flex-wrap: wrap; gap: 8px 22px; margin-top: 19px; color: var(--green); font-size: .82rem; font-weight: 700; }
    .et-sample .hero-points span::before { content: ''; display: inline-block; width: 6px; height: 6px; border-radius: 50%; margin-right: 9px; background: var(--green); vertical-align: 2px; }
    .et-sample .tablist { display: flex; flex-wrap: wrap; gap: 9px; margin-bottom: 22px; }
    .et-sample .tab { padding: 12px 22px; min-height: 48px; border: 1px solid var(--line); border-radius: 999px; background: #fff; color: var(--green); cursor: pointer; font-weight: 750; }
    .et-sample .tab[aria-selected="true"] { background: var(--deep); border-color: var(--deep); color: #fff; }
    .et-sample .route { display: grid; grid-template-columns: minmax(0,.72fr) minmax(0,1.28fr); gap: 26px; border: 1px solid var(--line); border-radius: 22px; padding: 26px; background: #fff; margin-bottom: 20px; }
    .et-sample .route figure { background: var(--soft); border-radius: 15px; padding: 20px; align-self: start; }
    .et-sample .route figure img { width: 100%; aspect-ratio: 4 / 3; object-fit: contain; mix-blend-mode: multiply; }
    .et-sample .route figure figcaption { padding-top: 14px; font-size: .82rem; color: var(--muted); }
    .et-sample .route h3 { font-size: 1.42rem; margin-bottom: 9px; }
    .et-sample .route-list { margin-top: 21px; display: grid; gap: 15px; }
    .et-sample .route-list div { padding-top: 13px; border-top: 1px solid var(--line); }
    .et-sample .route-list dt { font-weight: 750; color: var(--green); font-size: .82rem; margin-bottom: 3px; }
    .et-sample .route-list dd { color: var(--muted); font-size: .94rem; }
    .et-sample .note { font-size: .83rem; color: var(--muted); margin-top: 17px; }
    .et-sample .flow { list-style: none; padding: 0; display: grid; grid-template-columns: repeat(5,minmax(0,1fr)); gap: 0; border: 1px solid var(--line); border-radius: 20px; overflow: hidden; }
    .et-sample .flow li { padding: 24px 20px; background: #fff; }
    .et-sample .flow li + li { border-left: 1px solid var(--line); }
    .et-sample .flow .number { display: inline-grid; place-items: center; width: 35px; height: 35px; border-radius: 50%; color: var(--green); background: #e7f2df; font-size: .8rem; font-weight: 800; margin-bottom: 19px; }
    .et-sample .flow h3 { font-size: 1rem; }
    .et-sample .flow p { font-size: .85rem; margin-top: 8px; }
    .et-sample .proof-grid { display: grid; grid-template-columns: repeat(2,minmax(0,1fr)); gap: 20px; }
    .et-sample .evidence-row { display: grid; grid-template-columns: minmax(0,1fr) minmax(0,1fr); gap: 30px; align-items: center; margin-top: 30px; }
    .et-sample .evidence-row h3 { font-size: 1.3rem; margin-bottom: 10px; }
    .et-sample .record-grid { display: grid; grid-template-columns: minmax(0,1.1fr) minmax(0,.9fr); gap: 34px; align-items: center; }
    .et-sample .record { padding: 28px; background: #fff; border: 1px solid var(--line); border-radius: 20px; }
    .et-sample .record .record-label { font-size: .72rem; letter-spacing: .1em; color: var(--green); font-weight: 800; text-transform: uppercase; margin-bottom: 18px; }
    .et-sample .record dl { display: grid; grid-template-columns: repeat(2,minmax(0,1fr)); gap: 18px; }
    .et-sample .record dt { font-size: .77rem; color: var(--muted); }
    .et-sample .record dd { font-size: .92rem; font-weight: 700; line-height: 1.4; margin-top: 5px; }
    .et-sample .record-footer { border-top: 1px solid var(--line); padding-top: 15px; margin-top: 21px; color: var(--green); font-size: .83rem; font-weight: 700; }
    .et-sample .product-grid { display: grid; grid-template-columns: repeat(4,minmax(0,1fr)); gap: 16px; }
    .et-sample .product { display: block; border: 1px solid var(--line); border-radius: 18px; overflow: hidden; background: #fff; }
    .et-sample .product:hover { border-color: #82ad96; }
    .et-sample .product-media { background: #f8faf8; padding: 16px; }
    .et-sample .product-media img { width: 100%; aspect-ratio: 4 / 3; object-fit: contain; }
    .et-sample .product-copy { padding: 20px; }
    .et-sample .product-copy small { color: var(--green); font-size: .69rem; text-transform: uppercase; letter-spacing: .08em; font-weight: 800; }
    .et-sample .product-copy h3 { margin: 8px 0; font-size: 1.06rem; }
    .et-sample .product-copy p { font-size: .86rem; }
    .et-sample .product-copy .view { display: block; color: var(--green); font-size: .82rem; font-weight: 750; margin-top: 15px; }
    .et-sample .faq-grid { display: grid; grid-template-columns: repeat(2,minmax(0,1fr)); gap: 13px; align-items: start; }
    .et-sample details { background: #fff; border: 1px solid var(--line); border-radius: 13px; }
    .et-sample summary { list-style: none; cursor: pointer; padding: 19px 48px 19px 21px; position: relative; font-weight: 750; font-size: .95rem; line-height: 1.4; }
    .et-sample summary::-webkit-details-marker { display: none; }
    .et-sample summary::after { content: '+'; position: absolute; right: 20px; top: 17px; font-size: 1.2rem; color: var(--green); }
    .et-sample details[open] summary::after { content: '\2212'; }
    .et-sample details p { padding: 0 21px 20px; font-size: .91rem; }
    .et-sample .cta { background: #eaf2df; }
    .et-sample .cta-grid { display: grid; grid-template-columns: minmax(0,.9fr) minmax(0,1.1fr); gap: clamp(28px,5vw,70px); align-items: start; }
    .et-sample .cta-copy .eyebrow { margin-bottom: 13px; }
    .et-sample .cta-copy > p:not(.eyebrow) { margin-top: 18px; }
    .et-sample .contact-panel { min-width: 0; overflow-wrap: anywhere; }
    .et-sample .contact-panel .wpcf7 { width: 100%; max-width: 100%; }
    .et-sample .bottom-links { display: flex; gap: 18px; flex-wrap: wrap; padding: 22px 0; border-top: 1px solid #cbdcc7; margin-top: 35px; font-size: .85rem; }
    @media (max-width: 1000px) {
      .et-sample .hero-grid, .et-sample .record-grid { grid-template-columns: 1fr; }
      .et-sample .hero-visual { max-width: 720px; }
      .et-sample .product-grid { grid-template-columns: repeat(2,minmax(0,1fr)); }
      .et-sample .flow { grid-template-columns: repeat(2,minmax(0,1fr)); }
      .et-sample .flow li + li { border-left: 0; }
      .et-sample .flow li:nth-child(even) { border-left: 1px solid var(--line); }
      .et-sample .flow li:nth-child(n+3) { border-top: 1px solid var(--line); }
      .et-sample .cta-grid { grid-template-columns: 1fr; }
    }
    @media (max-width: 680px) {
      .et-sample .wrap { width: calc(100% - 32px); }
      .et-sample .section-head, .et-sample .route, .et-sample .proof-grid, .et-sample .evidence-row, .et-sample .faq-grid { grid-template-columns: 1fr; gap: 20px; }
      .et-sample .section-head > p { justify-self: start; }
      .et-sample .hero { padding-top: 35px; }
      .et-sample .crumb { margin-bottom: 24px; }
      .et-sample h1 { font-size: clamp(2.2rem,8.3vw,3.25rem); }
      .et-sample .tablist { display: grid; grid-template-columns: repeat(2,minmax(0,1fr)); }
      .et-sample .tab { padding: 12px 8px; font-size: .86rem; }
      .et-sample .route { padding: 18px; }
      .et-sample .route figure { padding: 14px; }
      .et-sample .route figure img { aspect-ratio: 16 / 9; }
      .et-sample .buttons .button { flex: 1 1 200px; }
      .et-sample .record { padding: 22px; }
      .et-sample .product-copy { padding: 15px; }
      .et-sample .product-copy h3 { font-size: .95rem; }
      .et-sample .product-copy p { font-size: .8rem; }
    }
    @media (max-width: 400px) {
      .et-sample .flow li { padding: 20px 14px; }
      .et-sample .product-media { padding: 10px; }
    }