@font-face{font-family:Public Sans;src:url('/assets/fonts/public-sans-latin-wght-normal.woff2') format('woff2');font-weight:100 900;font-style:normal;font-display:swap}
:root{color:#183b3c;background:#f5f6f2;font-family:Public Sans,Arial,sans-serif;font-synthesis:none;-webkit-tap-highlight-color:transparent}
*{box-sizing:border-box}body{margin:0}a{color:inherit;text-decoration:none}button{font:inherit;color:inherit;cursor:pointer}a,button{touch-action:manipulation}a:focus-visible,button:focus-visible{outline:3px solid #92733b;outline-offset:4px}button:active,.scene-cta:active{background:#dce6da}img{max-width:100%;display:block}
.scene-shell{max-width:1680px;margin:auto}.scene-header{display:flex;justify-content:space-between;align-items:center;padding:18px 4.5vw;gap:20px}.scene-header>a:first-child{display:flex;align-items:center;gap:11px}.header-link{font-size:13px;min-height:44px;display:flex;align-items:center;gap:14px}
.payment-deck{width:100%;overflow:visible}.payment-deck .swiper-wrapper{display:block;transform:none}.payment-deck .swiper-slide{height:auto;border-top:1px solid #d7e0d5}.scene-group{max-width:1200px;margin:auto;display:grid;grid-template-columns:1fr 1fr;align-items:center;gap:5vw;padding:50px 5vw;min-height:580px}.scene-copy{align-self:center}.scene-question{font-size:13px;line-height:1.5;color:#52665f;margin:0 0 22px}h1,h2{font-size:clamp(42px,5.4vw,76px);font-weight:480;line-height:1.04;letter-spacing:-.06em;margin:0 0 24px;text-wrap:balance}.scene-answer{font-size:17px;line-height:1.65;color:#456057;margin:0;max-width:36ch}.next-question{font-size:13px;line-height:1.5;border-top:1px solid #cbd7c8;padding-top:18px;margin:28px 0 0;display:flex;justify-content:space-between;gap:20px;max-width:35ch}.next-question span{font-size:19px}.scene-art{margin:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:4px}.scene-art img{width:100%;height:370px;object-fit:contain}.scene-art figcaption{font-size:12px;line-height:1.5;color:#52665f;text-align:center}.scene-cta{display:inline-flex;gap:24px;align-items:center;padding:14px 20px;margin-top:24px;border:1px solid #183b3c;border-radius:4px;font-size:14px;min-height:48px}.learning-note{font-size:12px;line-height:1.5;color:#52665f;margin:15px 0 0;max-width:36ch}
.scene-controls{display:none}.company-footer{border-top:1px solid #cbd7c8;padding:18px 4.5vw 15px;display:grid;grid-template-columns:230px 1fr;align-items:center;gap:14px 25px}.footer-brand{display:inline-block;width:max-content}.footer-brand img{width:205px;height:auto}.company-footer nav{display:flex;gap:24px;justify-content:flex-end;flex-wrap:wrap;font-size:12px}.company-footer nav a{min-height:30px;display:flex;align-items:center}.footer-fine{grid-column:1/-1;display:flex;gap:18px;font-size:10px;line-height:1.5;color:#52665f}.footer-fine>a:last-child{margin-left:auto}.footer-fine a{text-decoration:underline;text-underline-offset:3px}.no-script{padding:20px 5vw;font-size:14px}
/* Enhance only after the stock component is available. Read-all is the default. */
.scene-mode{height:100dvh;display:flex;flex-direction:column;overflow:hidden;overscroll-behavior:none}.scene-mode>aside[aria-label="Staging preview"]{flex:none}.scene-mode .scene-shell{display:flex;flex-direction:column;flex:1;min-height:0;width:100%;overflow:hidden}.scene-mode .scene-header,.scene-mode .company-footer,.scene-mode .scene-controls{flex:none}.scene-mode .payment-deck{flex:1;min-height:0;overflow:hidden}.scene-mode .payment-deck .swiper-wrapper{display:flex;transform:translate3d(0,0,0)}.scene-mode .payment-deck .swiper-slide{height:100%;border:0;display:flex;align-items:center;justify-content:center}.scene-mode .scene-group{width:100%;min-height:0;height:100%;padding-top:8px;padding-bottom:8px}.scene-mode .scene-art img{height:min(43dvh,410px)}.scene-controls{align-items:center;justify-content:center;gap:14px;min-height:64px;padding:5px 4.5vw 12px;position:relative}.scene-mode .scene-controls{display:flex}.scene-controls button{border:1px solid #b8c8b2;background:transparent;border-radius:50%;width:44px;height:44px;font-size:20px;display:grid;place-items:center}.scene-controls button:disabled,.scene-controls .swiper-button-disabled{opacity:.3;cursor:default}.scene-controls #scene-progress{min-width:44px;text-align:center;font-size:12px;font-variant-numeric:tabular-nums}.gesture-hint{font-size:11px;color:#52665f;margin-left:14px}.scene-controls #reading-mode{position:absolute;right:4.5vw;width:auto;height:44px;border:0;border-radius:0;font-size:11px;text-decoration:underline;text-underline-offset:4px}
@media(hover:hover) and (pointer:fine){a:hover{text-decoration:underline;text-underline-offset:4px}.scene-controls button:hover:not(:disabled),.scene-cta:hover{background:#e4ebdf}}
@media(max-width:700px){.scene-header{padding:9px 5vw;gap:10px}.scene-header>a:first-child{gap:7px}.scene-header img:first-child{width:18px;height:24px}.scene-header img:last-child{width:119px;height:auto}.header-link{font-size:11px;gap:9px}.scene-group{grid-template-columns:1fr;text-align:center;gap:16px;padding:35px 7vw;min-height:0}.scene-copy{display:contents}.scene-question{order:0;margin:0;font-size:11px}h1,h2{order:1;font-size:clamp(34px,10vw,48px);margin:0;letter-spacing:-.055em}.scene-art{order:2;gap:0}.scene-art img{height:240px}.scene-answer{order:3;font-size:14px;line-height:1.5;max-width:34ch;margin:auto}.next-question{order:4;font-size:11px;max-width:none;width:max-content;margin:0 auto;padding-top:10px;gap:14px}.scene-cta{order:4;margin:0 auto;font-size:12px;min-height:44px;padding:10px 18px}.learning-note{order:5;margin:0 auto;font-size:10px;max-width:34ch}.company-footer{grid-template-columns:1fr;padding:12px 5vw calc(10px + env(safe-area-inset-bottom));gap:5px}.footer-brand{justify-self:center}.footer-brand img{width:168px;height:auto}.company-footer nav{gap:0 18px;justify-content:center;font-size:10px}.company-footer nav a{min-height:30px}.footer-fine{flex-wrap:wrap;justify-content:center;gap:1px 13px;font-size:9px}.footer-fine>a:last-child{margin-left:0}.footer-fine>span{display:none}.scene-mode .scene-group{display:flex;flex-direction:column;justify-content:center;gap:12px;padding:4px 6vw}.scene-mode .scene-art img{height:clamp(140px,26dvh,240px);max-width:85vw}.scene-controls{min-height:58px;gap:9px;padding:2px 5vw 9px}.gesture-hint{display:none}.scene-controls #reading-mode{right:5vw;font-size:10px}}
@media(max-height:720px) and (max-width:700px){.scene-mode .scene-group{gap:7px}.scene-mode h1,.scene-mode h2{font-size:33px}.scene-mode .scene-question{font-size:10px}.scene-mode .scene-art img{height:21dvh;min-height:100px}.scene-mode .scene-answer{font-size:12px}.scene-mode .next-question{padding-top:6px;font-size:10px}.scene-mode .scene-art figcaption{font-size:10px}.scene-mode .learning-note{font-size:9px;margin:0}.scene-mode .company-footer{padding-top:8px;padding-bottom:calc(6px + env(safe-area-inset-bottom));gap:1px}.scene-mode .footer-brand img{width:142px}.scene-mode .scene-controls{min-height:52px;padding-bottom:6px}}
@media(max-height:540px) and (min-width:550px){.scene-mode .scene-group{display:grid;grid-template-columns:1fr 1fr;gap:25px;text-align:left;padding:4px 7vw}.scene-mode .scene-copy{display:block}.scene-mode h1,.scene-mode h2{font-size:34px;margin:8px 0}.scene-mode .scene-question{font-size:10px}.scene-mode .scene-answer{font-size:12px;margin:0}.scene-mode .next-question{margin:10px 0 0;width:auto}.scene-mode .scene-art img{height:38dvh}.scene-mode .learning-note{margin:5px 0}.scene-mode .scene-cta{margin:10px 0 0;min-height:40px;padding:8px 14px}.scene-mode .company-footer{grid-template-columns:160px 1fr;padding:5px 5vw;gap:0 12px}.scene-mode .footer-brand img{width:135px}.scene-mode .company-footer nav{justify-content:flex-end}.scene-mode .footer-fine{justify-content:space-between}.scene-mode .scene-header{padding:4px 5vw}.scene-mode .scene-controls{min-height:48px;padding:0 5vw 4px}}
.scene-group{max-width:1320px;padding-left:32px;padding-right:32px;gap:clamp(24px,5vw,80px)}
@media(min-width:701px){h1,h2{font-size:clamp(42px,4.5vw,64px)}}
@media(max-width:700px){.scene-answer{margin:0 auto}}
@media print{.scene-header,.scene-controls,.company-footer{display:none!important}.scene-mode,.scene-mode .scene-shell{height:auto;overflow:visible;display:block}.scene-mode .payment-deck,.scene-mode .payment-deck .swiper-wrapper{display:block;overflow:visible;transform:none!important}.scene-mode .payment-deck .swiper-slide{height:auto;break-inside:avoid}.scene-group{min-height:0;padding:20px}.scene-art img{height:200px!important}}