/* Extended, scroll-led product tour. All examples are illustrative. */
.landing-story{display:none}
body[data-view="landing"] .landing-story{display:block;overflow:clip;background:#fbfaf6;color:#173856}
.story-section{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);align-items:center;gap:clamp(36px,7vw,110px);padding:120px max(7.5vw,24px);min-height:760px;border-top:1px solid #17385612}
.story-section:nth-child(even) .story-copy{order:2}
.story-section:nth-child(even) .story-visual{order:1}
.story-copy>small,.story-final>small{color:#31856f;font-size:11px;font-weight:800;letter-spacing:.11em}
.story-copy h2,.story-final h2{margin:25px 0;color:inherit;font-size:clamp(34px,3.7vw,56px);line-height:1.25;letter-spacing:-.055em;word-break:keep-all}
.story-copy h2 em,.story-final h2 em{color:#27846b}
.story-copy>p,.story-final>p{font-size:14px;line-height:1.95;color:#697d87;word-break:keep-all;max-width:580px}
.story-copy>ul{list-style:none;margin:26px 0;padding:0;color:#476573;font-size:13px;line-height:1.7}
.story-copy>ul li{position:relative;padding:9px 0 9px 22px}
.story-copy>ul li:before{content:'✓';position:absolute;left:0;color:#299477;font-weight:900}
.story-copy>button,.story-final button{margin-top:20px;display:inline-flex;align-items:center;justify-content:space-between;gap:26px;padding:16px 20px;border:1px solid #b6cec4;border-radius:7px;background:#fff;color:#1c6956;font-size:12px;font-weight:800;transition:background .2s,box-shadow .2s}
.story-copy>button:hover,.story-final button:hover{background:#edf6ef;box-shadow:0 8px 20px #17385612}
.story-copy>button span{font-size:18px}
.story-visual{min-width:0;padding:25px;border:1px solid #d9e4de;border-radius:18px;background:#fff;box-shadow:0 24px 60px #1738560d}
.story-window-head{display:flex;justify-content:space-between;align-items:center;gap:14px;padding-bottom:19px;border-bottom:1px solid #dce6e1;color:#849990;font-size:9px}
.story-window-head b{font:800 10px "DM Sans",sans-serif;letter-spacing:.1em;color:#37685b}
.story-window-head span{white-space:nowrap}
.story-library-tabs{display:flex;gap:8px;margin:25px 0 19px}
.story-library-tabs span{padding:8px 15px;border-radius:20px;background:#f0f5f2;color:#789085;font-size:11px;font-weight:700}
.story-library-tabs span:first-child{background:#25846b;color:#fff}
.story-breadcrumb{color:#82968f;font-size:10px}
.story-breadcrumb i{margin:0 10px;font-style:normal;color:#b6c7bf}
.story-passage-grid{display:grid;grid-template-columns:1fr 1fr;gap:11px;margin-top:20px}
.story-passage-grid>span{display:block;padding:20px;border:1px solid #82baa5;border-radius:8px;background:#f0f8f2;color:#25846b;font-size:17px}
.story-passage-grid b{display:block;margin-top:15px;font-size:15px;color:#2e5d51}
.story-passage-grid small{display:block;margin-top:6px;font-size:9px;color:#7b968a}
.story-passage-grid>span.unselected{background:#fbfcfa;border-color:#e2e9e4;color:#a6b9af}
.story-selection{display:flex;align-items:center;gap:8px;margin-top:23px;font-size:10px;color:#6f8b7d}
.story-selection i{width:6px;height:6px;border-radius:50%;background:#49a27f}
.story-notes{background:#eaf1ec}
.story-detail-grid{display:grid;grid-template-columns:1fr 1fr;gap:23px 18px;margin-top:30px}
.story-detail-grid b,.story-detail-grid span{display:block}
.story-detail-grid b{font-size:12px;color:#366453}
.story-detail-grid span{margin-top:6px;color:#7f958a;font-size:10px;line-height:1.7}
.story-note-label{display:inline-block;margin-top:22px;padding:6px 9px;background:#edf5ef;color:#34816a;font-size:9px;font-weight:800;border-radius:4px}
.note-illustration h3{margin:17px 0;font-size:25px;line-height:1.4;letter-spacing:-.04em}
.story-question{padding:17px;background:#faf8f0;border-radius:7px;font:600 14px/1.85 "DM Sans",sans-serif;color:#3a4b56}
.story-question mark{padding:2px 4px;background:#ffe2bb;color:#9b591e;white-space:nowrap}
.story-answer,.story-caution{margin-top:17px;padding-left:13px;border-left:2px solid #60a98b}
.story-answer b,.story-caution b{font-size:11px;color:#2b7b5d}
.story-answer p,.story-caution p{margin:7px 0;font-size:11px;color:#6e827a;line-height:1.9;word-break:keep-all}
.story-caution{border-color:#dfa26a}.story-caution b{color:#a67848}
.note-illustration footer{margin-top:20px;padding-top:15px;border-top:1px solid #e6eae4;font-size:9px;color:#8c9e93}
.story-practice{background:#fff}
.story-product-list{margin-top:28px}
.story-product-list>div{display:grid;grid-template-columns:110px minmax(0,1fr);gap:12px;padding:18px 0;border-top:1px solid #d4e0d9}
.story-product-list b{font-size:12px;color:#356f59}
.story-product-list span{font-size:11px;line-height:1.85;color:#768b80;word-break:keep-all}
.practice-illustration{background:#f0f4ef;padding-bottom:42px}
.story-paper-stack{position:relative;min-height:330px;margin-top:36px;display:grid;grid-template-columns:1fr 1fr;gap:5px}
.story-mini-paper{align-self:center;position:relative;padding:25px 20px;min-height:290px;background:#fffdf6;border:1px solid #e2e3d8;box-shadow:0 14px 30px #2e524718;transform:translateY(calc((1 - var(--scene,0)) * 22px)) rotate(calc(-7deg + var(--scene,0) * 6deg))}
.story-mini-paper:last-child{z-index:1;transform:translateY(calc((1 - var(--scene,0)) * -22px)) rotate(calc(7deg - var(--scene,0) * 6deg));background:#fff}
.story-mini-paper>small{font:800 8px "DM Sans",sans-serif;letter-spacing:.08em;color:#729181}
.story-mini-paper h3{font-size:22px;line-height:1.45;margin:25px 0 18px;letter-spacing:-.05em;color:#294d40}
.story-mini-paper>span{display:block;font-size:9px;color:#8d9c91;margin-top:22px;line-height:1.6}
.story-writing-lines{height:70px;background:repeating-linear-gradient(transparent,transparent 22px,#dbe2d8 23px,#dbe2d8 24px)}
.story-choice-lines{font-size:11px;line-height:2;color:#8a9d91}
.story-lecture{background:#102637;color:#f3f7f5}
.story-lecture .story-copy>small,.story-rehearsal .story-copy>small{color:#7ebdaa}
.story-lecture .story-copy h2 em{color:#ffb16d}
.story-lecture .story-copy>p,.story-lecture .story-copy>ul{color:#b4c7cb}
.lecture-illustration{background:#152f42;border-color:#ffffff25;box-shadow:0 24px 70px #0003}
.lecture-illustration .story-window-head{border-color:#ffffff20;color:#9fb6b9}.lecture-illustration .story-window-head b{color:#b6dccd}
.story-lecture-screen{padding:32px 13px 25px;color:#f1f6f2}
.story-lecture-screen>small{font-size:10px;color:#a6c8bc}
.story-lecture-screen h3{font:700 clamp(30px,3vw,45px)/1.3 "DM Sans",sans-serif;margin:24px 0;color:#f1f6f2}
.story-lecture-screen h3 em{color:#ffb16d}
.story-lecture-screen>div{display:flex;gap:10px;align-items:center;font-size:10px;color:#80a395}
.story-lecture-screen>div span{padding:7px 12px;border:1px solid #698d8660;border-radius:30px;color:#b8ded0}
.story-lecture-screen>div i{font-style:normal}
.story-lecture-screen>p{margin-top:21px;font-size:11px;color:#9fb8bc}
.story-wave{height:58px;display:flex;justify-content:center;align-items:center;gap:7px;border-top:1px solid #ffffff16;border-bottom:1px solid #ffffff16}
.story-wave i{width:4px;height:16px;border-radius:5px;background:#74bb9e;transform:scaleY(calc(.3 + var(--scene,0) * .7))}
.story-wave i:nth-child(3n){height:38px;background:#f1b274}.story-wave i:nth-child(3n + 1){height:26px}
.story-lecture-timeline{display:flex;justify-content:space-around;padding-top:19px;font-size:9px;color:#8eb0ae}
.story-rehearsal{background:#eff2eb}
.story-rehearsal-steps{list-style:none;margin:24px 0;padding:0}
.story-rehearsal-steps li{display:flex;gap:17px;align-items:center;padding:20px 0;border-bottom:1px solid #e4eae2}
.story-rehearsal-steps li>i{display:grid;place-items:center;flex:none;width:36px;height:36px;border-radius:50%;background:#e7f0e6;color:#448060;font:800 10px "DM Sans",sans-serif;font-style:normal}
.story-rehearsal-steps b,.story-rehearsal-steps span{display:block}.story-rehearsal-steps b{font-size:14px;color:#355b44}.story-rehearsal-steps span{margin-top:6px;font-size:10px;color:#899b8c}
.story-rounds{display:flex;align-items:center;justify-content:space-between;gap:8px;padding:12px;border-radius:7px;background:#f0f5ed;font-size:10px;color:#6a8c72}.story-rounds i{font-style:normal;color:#a2b89e}
.story-final{text-align:center;padding:130px 24px 35px;background:#fff5e6;color:#173856}
.story-final h2{font-size:clamp(33px,4vw,60px)}
.story-final>p{max-width:720px;margin:0 auto;line-height:2}
.story-final>div{display:flex;justify-content:center;gap:12px;flex-wrap:wrap;margin:22px 0 80px}
.story-final button{background:#183d50;color:#fff;border-color:#183d50}.story-final button:hover{background:#255b62}
.story-final button:last-child{background:transparent;color:#305e55;border-color:#afc0a9}
.story-final footer{border-top:1px solid #e2dcca;padding-top:25px;font:700 9px "DM Sans",sans-serif;letter-spacing:.16em;color:#929b8d}.story-final .landing-legal-footer{display:flex;align-items:center;justify-content:space-between;gap:20px;letter-spacing:normal;text-align:left}.landing-legal-footer>span{font:700 9px "DM Sans",sans-serif;letter-spacing:.14em}.landing-legal-footer nav{display:flex;flex-wrap:wrap;justify-content:center;gap:10px 18px}.landing-legal-footer a,.credit-policy-link a{color:inherit;text-decoration:underline;text-underline-offset:3px}.landing-legal-footer a{font:600 11px/1.6 system-ui,-apple-system,"Malgun Gothic",sans-serif;letter-spacing:normal}.credit-policy-link{margin:16px 0 0;color:#687586;font-size:11px;line-height:1.7}.credit-policy-link a{color:#28644d;font-weight:700}
@media(max-width:800px){.story-section{grid-template-columns:1fr;gap:35px;min-height:0;padding:75px 24px}.story-section:nth-child(even) .story-copy,.story-section:nth-child(even) .story-visual{order:initial}.story-copy h2{font-size:36px}.story-visual{width:100%;max-width:540px;justify-self:center;padding:22px}.story-copy>p{font-size:13px}.story-copy>ul{font-size:12px}.story-detail-grid{gap:20px 14px}.story-product-list>div{grid-template-columns:92px minmax(0,1fr)}.story-mini-paper{padding:22px 15px;min-height:270px}.story-mini-paper h3{font-size:21px}.story-final{padding-top:80px}.story-final>p{font-size:12px}.story-final>p br{display:none}.story-final .landing-legal-footer{flex-direction:column;align-items:center;text-align:center}.landing-legal-footer nav{gap:9px 14px}}
@media(max-width:370px){.story-section{padding-left:20px;padding-right:20px}.story-copy h2{font-size:30px}.story-visual{padding:18px}.story-mini-paper{padding:20px 10px}.story-mini-paper h3{font-size:18px}.story-window-head{gap:8px}.story-window-head b{font-size:9px}.story-window-head span{font-size:8px}.story-detail-grid{grid-template-columns:1fr}.story-passage-grid>span{padding:16px}.story-product-list>div{grid-template-columns:1fr;gap:6px}}
@media(prefers-reduced-motion:reduce){.story-mini-paper,.story-mini-paper:last-child,.story-wave i{transform:none}}