@font-face{font-family:HB Serif;src:url('../../../plugins/apollonaut-majorelle-preview/assets/fonts/cormorant-garamond-600-0.ttf') format("truetype");font-weight:600;font-display:swap}
.home-benefits,.home-benefits *{box-sizing:border-box}
.home-benefits{--ink:#19362f;--forest:#183c34;--yellow:#f8e46c;--line:#cbd3c7;--paper:#fffef8;container:hb / inline-size;margin-block:clamp(32px,4vw,64px) 0;font:400 16px/1.45 DM,"DM Sans",Arial,sans-serif;color:var(--ink)}
.hb-label{display:flex;align-items:center;gap:9px;font-size:11px;font-weight:700;letter-spacing:.14em;text-transform:uppercase}
.hb-label svg{width:25px;height:25px;flex:none}
.home-benefits .hb-title{font:700 clamp(30px,5.1cqi,59px)/1.025 DM,Arial,sans-serif;max-width:24ch;letter-spacing:-.059em;margin:13px 0 26px;color:var(--ink);text-wrap:balance}
.hb-rail{display:flex;flex-wrap:wrap;gap:6px;align-items:center;margin:0 0 14px}
.hb-tab{position:relative;display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:44px;padding:8px 15px;border:1px solid #c2cdbf;border-radius:8px;background:#fffef9;color:var(--forest);font:700 14px/1.2 DM,Arial,sans-serif;text-decoration:none}
.hb-tab svg{width:17px;height:17px;stroke:currentColor;fill:none;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round;flex:none}
.hb-tab:hover{border-color:#4d7061}
.hb-tab[aria-selected="true"]{background:var(--forest);border-color:var(--forest);color:#fffef9}
.hb-tab[aria-selected="true"] svg{color:var(--yellow)}
.hb-deck{position:relative;isolation:isolate;display:grid;gap:16px}
.hb-panel{--wash:#e9f2e6;display:grid;grid-template-columns:minmax(0,1.1fr) minmax(0,.9fr);overflow:hidden;border:1px solid var(--line);border-radius:17px;background:var(--paper)}
.hb-panel[data-index="1"]{--wash:#f9e8d8}
.hb-panel[data-index="2"]{--wash:#f7edcf}
.hb-panel[data-index="3"]{--wash:#deedf1}
.hb-figure{position:relative;margin:0;min-width:0;min-height:286px;display:flex;align-items:center;background-color:var(--wash);background-image:radial-gradient(#1d474312 .8px,transparent .8px);background-size:9px 9px;overflow:hidden;padding:25px 4px 27px;border-inline-end:1px solid var(--line)}
.hb-figure > svg{display:block;width:100%;height:auto;max-height:340px}
.hb-corner{position:absolute;inset:13px auto auto 16px;font:700 10px/1.25 DM,Arial,sans-serif;color:#465d4f;letter-spacing:.13em;text-transform:uppercase;display:inline-flex;align-items:center;gap:8px}
.hb-corner::before{content:"";width:16px;height:1px;background:currentColor}
.hb-copy{display:flex;flex-direction:column;align-self:center;align-items:flex-start;min-width:0;padding:clamp(24px,3.8cqi,49px);color:var(--ink)}
.hb-chapter{font:700 11px/1.3 DM,Arial,sans-serif;letter-spacing:.14em;text-transform:uppercase;color:#536a58}
.home-benefits .hb-copy h3{margin:11px 0 12px;color:var(--ink);font:600 clamp(36px,4.65cqi,54px)/.99 "HB Serif","Cormorant Garamond",Georgia,serif;letter-spacing:-.044em;max-width:16ch;text-wrap:balance}
.home-benefits .hb-copy p{margin:0;max-width:36ch;font:400 clamp(15px,1.55cqi,17px)/1.5 DM,Arial,sans-serif;color:#43584c}
.hb-more{display:inline-flex;align-items:center;gap:7px;min-height:44px;margin-top:10px;color:#234b3d;font:700 14px/1.3 DM,Arial,sans-serif;text-decoration:underline;text-underline-offset:4px}
.home-benefits button{cursor:pointer;font:inherit;color:inherit}
.hb-replay,.hb-next{display:none}
.home-benefits[data-ready] .hb-deck{gap:0;touch-action:pan-y pinch-zoom}
.home-benefits[data-ready] .hb-panel{grid-area:1 / 1}
.home-benefits[data-ready] .hb-panel:not(.is-current){visibility:hidden;pointer-events:none}
.home-benefits[data-ready] .hb-replay{position:absolute;inset:auto 9px 2px auto;display:inline-flex;align-items:center;justify-content:center;gap:6px;min-width:44px;min-height:44px;padding:3px 5px;border:0;background:transparent;color:#2f4d40;font:700 11px/1.3 DM,Arial,sans-serif}
.home-benefits[data-ready] .hb-replay[hidden]{display:none}
.hb-replay svg,.hb-next svg{width:16px;height:16px;stroke:currentColor;fill:none;stroke-width:1.5;stroke-linecap:round;stroke-linejoin:round}
.home-benefits[data-ready] .hb-next{display:inline-flex;align-items:center;justify-content:center;gap:6px;min-height:44px;border:0;padding:3px 0;background:none;color:#345342;font:700 13px/1.35 DM,Arial,sans-serif}
.hb-foot{display:flex;align-items:center;justify-content:space-between;margin-top:5px}
.hb-position{display:none}
.home-benefits[data-ready] .hb-position{display:block;font:700 12px/1.35 DM,Arial,sans-serif;letter-spacing:.08em;color:#4a6555;font-variant-numeric:tabular-nums}
.home-benefits :is(a,button):focus-visible{outline:2px solid #9b6700;outline-offset:3px}
.home-benefits .hb-more:hover,.home-benefits .hb-next:hover,.home-benefits .hb-replay:hover{text-decoration:underline;text-underline-offset:3px}
.home-benefits[data-art-started] .hb-panel.is-current .hb-copy h3{animation:hb-reveal .32s ease-out both}
@keyframes hb-reveal{from{opacity:.35;transform:translateY(4px)}to{opacity:1;transform:none}}
@container hb (max-width:660px) {
 .home-benefits .hb-title{margin:11px 0 17px;font-size:clamp(29px,8.5cqi,41px)}
 .hb-rail{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:4px;margin-bottom:10px}
 .hb-tab{flex-direction:column;gap:4px;padding:7px 1px;min-height:50px;font-size:clamp(11.5px,3.2cqi,14px);letter-spacing:-.01em;border-radius:7px;text-align:center}
 .hb-panel{grid-template-columns:minmax(0,1fr);grid-template-rows:auto 1fr;border-radius:13px}
 .hb-figure{min-height:0;padding:18px 1px 24px;border-inline-end:0;border-bottom:1px solid var(--line)}
 .hb-figure > svg{width:100%;max-height:210px}
 .hb-corner{inset:8px auto auto 12px;font-size:9px}
 .hb-copy{align-self:start;padding:17px 20px 13px}
 .home-benefits .hb-copy h3{margin:6px 0 8px;max-width:25ch;font-size:clamp(29px,8cqi,37px)}
 .home-benefits .hb-copy p{font-size:15px;line-height:1.4}
 .hb-chapter{font-size:10px}
 .hb-more{margin-top:3px}
 .home-benefits[data-ready] .hb-replay{inset:auto 7px 0 auto}
}
@media(prefers-reduced-motion:reduce){.home-benefits *, .home-benefits *::before,.home-benefits *::after{animation:none!important;transition:none!important}}


    @keyframes apbLensScan{0%{transform:translate(-37px,19px) rotate(-11deg)}57%{transform:translate(5px,-2px) rotate(2deg)}100%{transform:none}}
    @keyframes apbLensSpark{0%,48%{opacity:0;transform:scale(.4)}78%{opacity:1;transform:scale(1.12)}100%{opacity:.85;transform:scale(1)}}
    @keyframes apbPlateRise{from{opacity:.55;transform:translateY(8px)}to{opacity:1;transform:none}}
    @media(prefers-reduced-motion:no-preference){
      .home-benefits[data-art-started] .is-current .apb-lens-motion{transform-box:fill-box;transform-origin:55% 45%;animation:apbLensScan 2.05s cubic-bezier(.25,.68,.26,1) both}
      .home-benefits[data-art-started] .is-current .apb-lens-flash{transform-box:fill-box;transform-origin:center;animation:apbLensSpark 2.16s ease-out both}
      .home-benefits[data-art-started] .is-current .apb-plate-rise{animation:apbPlateRise .65s ease-out both}
    }
  

    @keyframes apbCardLeft{from{transform:translate(35px,6px) rotate(8deg)}to{transform:none}}
    @keyframes apbCardRight{from{transform:translate(-39px,11px) rotate(-9deg)}to{transform:none}}
    @keyframes apbCardFront{from{transform:translateY(14px)}to{transform:none}}
    @keyframes apbSaveTag{0%{transform:translateY(-22px);opacity:0}65%{transform:translateY(3px);opacity:1}100%{transform:none;opacity:1}}
    @keyframes apbHeartBeat{0%,60%,100%{transform:scale(1)}78%{transform:scale(1.16)}}
    @media(prefers-reduced-motion:no-preference){
      .home-benefits[data-art-started] .is-current .apb-card-left,.home-benefits[data-art-started] .is-current .apb-card-right{transform-box:fill-box;transform-origin:50% 82%}
      .home-benefits[data-art-started] .is-current .apb-card-left{animation:apbCardLeft .95s .1s cubic-bezier(.19,.65,.25,1) both}
      .home-benefits[data-art-started] .is-current .apb-card-right{animation:apbCardRight 1s .18s cubic-bezier(.19,.65,.25,1) both}
      .home-benefits[data-art-started] .is-current .apb-card-front{animation:apbCardFront 1.05s .2s ease-out both}
      .home-benefits[data-art-started] .is-current .apb-save-tag{animation:apbSaveTag .66s 1s ease-out both}
      .home-benefits[data-art-started] .is-current .apb-save-heart{transform-box:fill-box;transform-origin:center;animation:apbHeartBeat .9s 1.12s ease-out both}
    }
  

    @keyframes aphB3PaperA{0%{transform:translate(-44px,8px);opacity:0}68%{transform:translate(3px,-1px);opacity:1}100%{transform:translate(0,0)}}
    @keyframes aphB3PaperB{0%{transform:translate(45px,-5px);opacity:0}70%{transform:translate(-3px,0);opacity:1}100%{transform:translate(0,0)}}
    @keyframes aphB3Tag{0%{transform:translate(-18px,27px) rotate(-8deg);opacity:0}70%{transform:translate(1px,-2px) rotate(1deg);opacity:1}100%{transform:translate(0,0) rotate(0)}}
    @keyframes aphB3Check{0%{stroke-dashoffset:33}100%{stroke-dashoffset:0}}
    @media(prefers-reduced-motion:no-preference){
      .home-benefits[data-art-started] .is-current .aph-b3-sheet-a{animation:aphB3PaperA .75s .08s cubic-bezier(.24,.74,.3,1) both}
      .home-benefits[data-art-started] .is-current .aph-b3-sheet-b{animation:aphB3PaperB .82s .36s cubic-bezier(.24,.74,.3,1) both}
      .home-benefits[data-art-started] .is-current .aph-b3-tag{transform-origin:290px 179px;animation:aphB3Tag .8s .9s ease-out both}
      .home-benefits[data-art-started] .is-current .aph-b3-check{stroke-dasharray:33;animation:aphB3Check .46s 1.74s ease-out both}
    }
  

    @keyframes aphB4Visit{0%{transform:translate(-22px,7px);opacity:0}100%{transform:translate(0,0);opacity:1}}
    @keyframes aphB4Reply{0%{transform:translate(25px,12px);opacity:0}70%{transform:translate(-2px,-2px);opacity:1}100%{transform:translate(0,0)}}
    @keyframes aphB4Plane{0%{transform:translate(-70px,29px) rotate(-12deg);opacity:0}45%{opacity:1}70%{transform:translate(3px,-2px) rotate(2deg)}100%{transform:translate(0,0) rotate(0)}}
    @keyframes aphB4Ticket{0%{transform:translateY(14px)}68%{transform:translateY(-2px)}100%{transform:translateY(0)}}
    @media(prefers-reduced-motion:no-preference){
      .home-benefits[data-art-started] .is-current .aph-b4-visit{animation:aphB4Visit .7s .06s ease-out both}
      .home-benefits[data-art-started] .is-current .aph-b4-reply{animation:aphB4Reply .85s .63s ease-out both}
      .home-benefits[data-art-started] .is-current .aph-b4-plane{transform-origin:338px 61px;animation:aphB4Plane 1.15s 1s ease-out both}
      .home-benefits[data-art-started] .is-current .aph-b4-ticket{animation:aphB4Ticket .76s 1.54s ease-out both}
    }