:root{--ink:#071511;--paper:#fffbea;--pink:#ff006d;--green:#006c46;--yellow:#eff400;--snap:cubic-bezier(.2,.8,.2,1)}
*{box-sizing:border-box}html{background:var(--ink);color:var(--paper);font-family:"Hiragino Kaku Gothic ProN",sans-serif}body{margin:0}a{color:inherit;text-decoration:none}body.sb-top>header{height:76px;padding:4px 3%;background:var(--paper);color:var(--ink);display:flex;align-items:center;gap:26px;border-top:5px solid var(--green)}.logo{width:112px}.logo img{display:block;width:100%;mix-blend-mode:multiply}body.sb-top>header nav{margin-left:auto;display:flex;gap:26px;align-items:center;font-weight:900;font-size:13px}.langs{font:11px Arial,sans-serif;letter-spacing:.1em}.book{background:var(--pink);color:var(--paper);padding:16px 20px}
.hero{position:relative;margin:0;background:var(--green);padding:0 8px 8px;border-bottom:6px solid var(--paper)}.composition{width:100%;height:auto;display:block}.composition.mobile{display:none}
.actions{display:flex;align-items:center;gap:28px;background:var(--green);padding:23px 3%;border-bottom:6px solid var(--paper)}.slogan{margin:0 auto 0 0;font-size:clamp(22px,3.6vw,52px);font-weight:950;letter-spacing:-.045em}.slogan small{display:block;font:10px/1.8 Arial,sans-serif;letter-spacing:.22em;color:var(--yellow)}
.cta{position:relative;isolation:isolate;display:flex;justify-content:space-between;align-items:center;gap:30px;min-height:58px;padding:16px 22px;background:var(--paper);color:var(--ink);font-weight:900;font-size:15px;border:2px solid var(--ink);box-shadow:5px 5px 0 var(--ink);transition:transform .18s var(--snap),box-shadow .18s var(--snap);overflow:hidden}.cta.primary{background:var(--yellow)}.cta:before{content:"";position:absolute;z-index:-1;inset:0;background:var(--pink);transform:translateX(-102%);transition:transform .24s var(--snap)}.cta b{font:24px Arial;transition:transform .24s var(--snap)}.cta:hover{transform:translate(-2px,-2px);box-shadow:7px 7px 0 var(--ink)}.cta:hover:before{transform:translateX(0)}.cta:hover b{transform:translate(3px,-3px)}.cta:active{transform:translate(4px,4px);box-shadow:1px 1px 0 var(--ink);transition-duration:.07s}a:focus-visible,summary:focus-visible{outline:3px solid var(--yellow);outline-offset:4px}.cta:focus-visible{outline-color:var(--paper)}.book:hover{background:var(--green)}.mobile-menu{display:none}.notes{font-size:11px;line-height:1.8;padding:14px 3%;color:#a9bcb2;max-width:1100px}.notes strong{color:var(--paper)}

@media(max-width:700px){body.sb-top>header{height:64px;padding:3px 16px}.logo{width:92px}body.sb-top>header nav{display:none}.mobile-menu{display:block;margin-left:auto;position:relative}.mobile-menu summary{cursor:pointer;list-style:none;font-size:24px;min-width:44px;min-height:44px;display:grid;place-items:center}.mobile-menu[open] .menu{position:absolute;right:0;top:48px;z-index:20;width:240px;background:var(--paper);padding:16px;border:3px solid var(--ink);box-shadow:5px 5px var(--pink)}.menu a{display:block;padding:14px;font-size:14px;font-weight:900}.composition.desktop{display:none}.composition.mobile{display:block}.hero{padding:0 4px 4px}.actions{display:grid;grid-template-columns:1fr 1fr;gap:14px;padding:18px 16px 24px}.slogan{grid-column:1/-1;font-size:30px}.slogan small{font-size:9px}.cta{font-size:12px;min-height:52px;padding:12px;gap:8px}.cta b{font-size:20px}.notes{padding:14px 16px}}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{transition:none!important;animation:none!important}.cta:hover,.cta:active,.cta:hover b{transform:none}.cta:hover{box-shadow:5px 5px var(--ink)}}

.op-controls{height:0;position:relative;z-index:2;display:flex;justify-content:flex-end;padding-right:18px;pointer-events:none}.op-controls[hidden]{display:none}.op-controls :is(button,a){transform:translateY(calc(-100% - 16px));min-height:44px;padding:10px 15px;background:#071511;color:#fffbea;border:1px solid #fffbea;box-shadow:3px 3px #006c46;font:700 12px/1.4 sans-serif;cursor:pointer;pointer-events:auto}.op-controls :is(button,a):hover{background:#006c46}.op-controls :is(button,a):focus-visible{outline:3px solid #eff400;outline-offset:3px}

body.sb-top{max-width:none;margin:0}.hero-media{position:relative;aspect-ratio:3/2;overflow:hidden}.hero-media picture,.hero-media picture img{display:block;width:100%;height:100%}.hero-media img{object-fit:cover}.hero-media video{position:absolute;inset:0;width:100%;height:100%;object-fit:fill;opacity:0;pointer-events:none}.hero-media video.is-playing{opacity:1}.sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap}.skip-link{position:absolute;top:5px;left:10px;z-index:99;background:#fffbea;color:#071511;padding:12px;transform:translateY(-160%)}.skip-link:focus{transform:none}body.sb-top #sb-renewal-home{max-width:1440px}.closing{padding:45px 3% 24px;background:#071511;border-top:6px solid #007f50}.closing-main{display:flex;gap:50px;justify-content:space-between;align-items:center;max-width:1360px;margin:auto}.closing-logo{width:140px;flex:none}.closing-logo img{display:block;width:100%;height:auto;filter:invert(1);mix-blend-mode:screen}.closing-nav{display:grid;grid-template-columns:repeat(4,1fr);gap:8px 30px;line-height:1.5;font-size:13px;font-weight:800}.closing-nav a{display:flex;align-items:center;min-height:44px}.closing-nav a:hover{color:#eff400}.closing-bottom{display:flex;justify-content:space-between;gap:20px;max-width:1360px;margin:32px auto 0;padding-top:20px;border-top:1px solid #fffbea44;font:11px/1.8 Arial,sans-serif;letter-spacing:.06em}.actions{border-bottom:0}.hero{border-bottom:6px solid #fffbea}.op-controls :is(button,a){opacity:.9}.op-controls :is(button,a):hover{opacity:1}
@media(max-width:700px){.hero-media{aspect-ratio:2/3}.closing-main{display:block}.closing-logo{display:block;width:110px;margin-bottom:20px}.closing-nav{grid-template-columns:repeat(2,1fr);gap:2px 16px}.closing-bottom{font-size:9px;letter-spacing:0}.closing{padding:30px 20px 22px}}

.op-controls{gap:8px}.op-controls .op-open{font-size:11px;padding:10px}.op-controls .op-open[hidden]{display:none}