/* September visual edition. Content and the material reader stay in their original files. */
:root{--paper:#f8fbfc;--ink:#183b43;--body:#304e56;--green:#176f7b;--mint:#dcf0e9;--muted:#506b73;--line:#bacfd4;--wrap:1240px;--ease:cubic-bezier(.22,.68,0,1.01)}
body{background:var(--paper);-webkit-font-smoothing:antialiased}
::selection{background:#d1e7e6;color:#213e43}
h1,h2,h3,h4{letter-spacing:-.035em}
h2{font-size:clamp(32px,3.5vw,46px);line-height:1.18}
.section{padding-block:96px}
.site-header{height:86px;background:#f7f9faf0;backdrop-filter:blur(18px);border-bottom:1px solid #dbe4e580;padding-inline:max(32px,calc((100% - 1240px)/2));gap:24px}
.site-header.scrolled{box-shadow:0 6px 30px #24434a08}
.brand{font-size:25px;letter-spacing:-.045em;gap:10px}
.brand svg{color:var(--green);width:28px;height:28px}
.desktop-nav{gap:28px;font-size:14px}
.desktop-nav a:after{height:1px;bottom:4px}
.header-contact{background:transparent;color:var(--ink);border:1px solid #bdccce;border-radius:100px;padding:10px 17px;font-size:14px}
.button{border-radius:100px;padding:16px 24px;gap:24px;min-height:56px;font-size:15px;box-shadow:0 4px 8px #213e4308}
.primary{background:var(--green)}
.primary:hover{background:#105b67;box-shadow:0 8px 20px #176f7b28}
.icon-button{border-radius:50%;background:#ffffff80}
.hero{isolation:isolate;display:grid;grid-template-columns:.86fr 1.14fr;align-items:center;position:relative;height:auto;min-height:650px;padding:72px max(44px,calc((100% - 1240px)/2)) 64px;gap:32px;background:radial-gradient(ellipse at 76% 55%,#d5eeeb90,transparent 58%),#f1f8f8;overflow:hidden}
.hero-content.wrap{grid-column:1;grid-row:1;width:100%;padding:0;margin:0;z-index:2}
.hero h1{font-family:Golos,Onest,sans-serif;font-size:clamp(64px,6.9vw,98px);line-height:1.08;letter-spacing:-.065em;margin:0 0 23px -.045em;color:var(--ink)}
.hero-subtitle{font-size:clamp(22px,2.1vw,29px);line-height:1.4;max-width:470px;margin:0;letter-spacing:-.03em}
.hero-copy{font-size:18px;line-height:1.8;max-width:440px;margin:25px 0 30px;color:#56696e}
.hero-bottom.wrap{display:block;grid-column:1;grid-row:2;width:100%;padding:0;margin:0;font-size:12px;color:#687d81;letter-spacing:.015em}
.hero-materials{grid-column:2;grid-row:1 / 3;position:relative;inset:auto;transform:none;z-index:1;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));align-items:center;gap:16px;width:100%;height:460px;margin:0;padding:0;overflow:visible;outline-offset:12px}
.hero-volume,.hero-volume-guide,.hero-volume-notes,.hero-volume-library{position:relative;inset:auto;width:100%;height:360px;min-width:0;padding:28px 18px 24px 22px;border-radius:3px 9px 9px 3px;border-left:5px solid #00000022;border-right:3px solid #fff9;box-shadow:0 2px 2px #213f4310,6px 14px 22px #24454d18,1px 1px 0 #fff8 inset;transform-origin:50% 85%;transition:transform .5s var(--ease),box-shadow .5s var(--ease)}
.hero-volume:after{content:'';position:absolute;inset:0;pointer-events:none;border-radius:inherit;background:linear-gradient(90deg,#00000014,transparent 7%,#ffffff0a 95%,#0000000a)}
.hero-volume-guide{background:#197e69;color:#fff;transform:translateY(10px) rotate(-8deg);z-index:3}
.hero-volume-notes{background:#316f9b;color:#fff;transform:translateY(-18px) rotate(-1deg);z-index:2}
.hero-volume-library{background:#ef937f;color:#4b2925;border-left-color:#c96754;transform:translateY(15px) rotate(7deg);z-index:1}
.hero-volume>span{font-size:12px;line-height:1.4;opacity:1}
.hero-volume strong,.hero-volume-guide strong,.hero-volume-notes strong{font-family:Onest,sans-serif;font-weight:600;font-size:clamp(23px,2.1vw,29px);line-height:1.22;letter-spacing:-.035em;margin-top:29px}
.hero-volume p,.hero-volume-guide p,.hero-volume-notes p{font-size:15px;line-height:1.6;margin-top:22px}
.hero-volume small{display:block;font-size:11px;line-height:1.5;padding-top:15px;border-color:#ffffff30}
.hero-volume-library small{border-color:#703d3540}
.hero-volume>svg{display:none}
.hero-materials:focus-visible{outline:2px solid #285e68;border-radius:16px}
.pains{padding-block:70px 85px}
.pains>h2{font-size:30px;margin-bottom:32px}
.pain-list{gap:16px;border:0}
.pain-list article:nth-child(n){padding:28px;border:1px solid var(--line);background:#fff;border-radius:16px;box-shadow:0 3px 6px #203e4305}
.pain-list article:nth-child(n)>.scenario-number{display:inline-grid;place-items:center;width:30px;height:30px;padding:0;background:#e3f2ef;border-radius:9px;font-size:11px;color:#196f66}
.pain-list h3{font-family:Onest,sans-serif;font-size:21px;line-height:1.3;letter-spacing:-.025em;margin:23px 0 12px}
.pain-list p{font-size:16px;line-height:1.75;color:var(--muted)}
.result-intro{padding-top:20px;padding-bottom:32px}
.section-heading .lead{font-size:19px;color:var(--muted);margin-top:20px}
.example-switch{display:flex;flex-wrap:wrap;gap:5px;background:#e7f0f3;border:1px solid #c9dce0;padding:6px;border-radius:16px;width:fit-content;margin:32px 0 20px}
.example-switch button{border:1px solid transparent;background:transparent;border-radius:11px;font-size:16px;min-height:48px;padding:11px 22px;gap:10px;color:#5d7277;box-shadow:none}
.example-switch button svg{width:19px;height:19px}
.example-switch button[aria-pressed=true]{color:#105e6a;background:#fff;border-color:#9ebfc7;box-shadow:0 2px 5px #243f4314}
.example-switch button:hover{transform:none;background:#ffffff80}
.example-description{font-size:17px;color:#536a70}
.demo-notice{font-size:12px;color:#728186;margin-top:12px;gap:8px}
.demo-notice svg{width:15px;height:15px}
.journey{max-width:1344px;margin:0 auto;border:1px solid #a9c9c2;border-radius:24px;overflow:hidden;box-shadow:0 12px 40px #25464a08}
.journey .wrap{width:calc(100% - 88px)}
.journey-top{height:92px;background:transparent;position:relative;top:auto;border-bottom:1px solid #b8cccc60}
.journey-tabs{gap:26px;scrollbar-width:none}
.journey-tabs::-webkit-scrollbar{display:none}
.journey-tabs [role=tab]{font-size:15px;min-height:52px;border-bottom-width:2px}
.tour-arrows{gap:8px}
.tour-layout{min-height:490px;gap:60px;padding-block:30px}
.tour-copy h3{font-size:clamp(30px,3.3vw,44px);max-width:440px;margin:18px 0 23px}
.tour-copy>p{font-size:18px;line-height:1.75;color:var(--muted)}
.material-label{font-size:12px;letter-spacing:.06em;color:#55716e}
.material-count{font-size:12px;color:#657b78}
.book-cover{border-radius:3px 10px 10px 3px;box-shadow:8px 20px 32px #163b3524,2px 0 4px #fff2 inset;background:#197e69}
.book-index{border-radius:5px;box-shadow:0 12px 28px #254a4020}
.book-stage{perspective:1100px}
.book-cover,.book-index{transition:transform .55s var(--ease)}
.book-cover h4{letter-spacing:-.035em}
.knowledge-window,.training-board{border-radius:14px;box-shadow:0 12px 28px #25454a12;border:1px solid #a9c4d0}
.knowledge-window>button{transition:background .2s,padding .25s}
.knowledge-window>button:hover{background:#f3f8fa;padding-left:30px}
.incident-stack>button{border:1px solid #c997a4;border-left-width:5px;border-radius:12px;box-shadow:0 6px 16px #4930430a}
.journey-footer{border-top:1px solid #b8cccc60;font-size:12px;padding-block:18px}
.journey-footer a{font-size:13px}
.journey-progress{height:2px;background:#c7d9d880}
.journey-progress span{background:#5d8a85}
.downloads{padding-top:48px;padding-bottom:75px}
.download-heading h2{font-size:28px}
.download-grid{gap:12px;border:0;margin-top:26px}
.download-item:nth-child(n){border:1px solid var(--line);background:#fff;border-radius:14px;padding:24px!important;min-height:110px;gap:16px}
.download-item h3{font-family:Onest,sans-serif;font-size:18px;letter-spacing:-.02em}
.download-item p{font-size:13px;color:var(--muted)}
.download-item:nth-child(n):hover{background:#f0faf8;border-color:#5a9e9d;box-shadow:0 6px 18px #2c5c6412}
.support-copy{font-size:16px;color:var(--muted);line-height:1.8;max-width:930px}
.process{background:#e9f2f8}
.process-list{gap:32px}
.process-list li{border-top:1px solid #c9d7db;padding-top:27px}
.process-list li>span{border:1px solid #becfd3;border-radius:50%;background:transparent;color:var(--green);font-size:12px;width:36px;height:36px}
.process-list h3{font-family:Onest,sans-serif;font-size:23px;margin-top:20px;letter-spacing:-.03em}
.process-list p{font-size:16px;line-height:1.8;color:var(--muted)}
.project-scope{background:#fff;border:1px solid #bbd0db;padding:30px 32px;border-radius:16px;margin-top:44px}
.project-scope h3{font-family:Onest,sans-serif;font-size:23px}
.project-scope p{font-size:15px;color:var(--muted);line-height:1.75}
.privacy{background:#174e58;color:#ecf3f3}
.privacy h2{color:#f1f7f6}
.privacy .lead{color:#d3e7e9;font-size:21px;max-width:340px}
.privacy .privacy-icon{width:68px;height:68px;color:#93b5b4;stroke-width:1;margin-top:36px}
.privacy-points{border-color:#ffffff24}
.privacy-points details{border-color:#ffffff24}
.privacy-points summary{font-size:18px;font-weight:450;padding-block:25px;gap:24px}
.privacy-points summary svg,.faq summary svg{width:20px;transition:transform .25s}
.privacy-points details p{font-size:16px;color:#d3e7e9;line-height:1.85}
.privacy-points details[open] summary{color:#c9e7dc}
.contact{grid-template-columns:.72fr 1.28fr;gap:80px;align-items:center}
.portrait{border-radius:18px;overflow:hidden;box-shadow:none;transform:none}
.portrait img{filter:none}
.contact-copy .lead{font-size:19px;color:var(--muted);line-height:1.6}
.contact-copy>p:not(.lead){font-size:16px;line-height:1.85}
.experience-stats{gap:20px;margin-block:28px;padding-block:24px}
.experience-stats dt{font-size:29px;font-weight:550;letter-spacing:-.04em}
.experience-stats dd{font-size:12px}
.contact-copy .contact-note{font-size:12px!important;color:var(--muted)}
.faq{padding-top:12px;padding-bottom:80px}
.faq h2{font-size:30px}
.faq summary{font-size:18px;padding-block:24px;font-weight:450}
.faq details p{font-size:16px;line-height:1.8}
.site-footer{padding-block:30px;font-size:13px}
dialog{border:1px solid #cbdadb;border-radius:20px;box-shadow:0 30px 100px #172e4355}
dialog::backdrop{background:#162e3b66;backdrop-filter:blur(6px)}
dialog[open]{animation:reader-appear .3s var(--ease)}
.reader-dialog-header{background:#f8fafa}
.reader-sidebar{background:#f0f5f4}
.chapter-link{border-radius:8px;font-size:15px}
.chapter-link.active{background:#dceae7}
.reader-article{background:#fff}
.search{border-radius:9px}
@keyframes reader-appear{from{opacity:0;transform:translateY(14px) scale(.985)}to{opacity:1;transform:none}}
@keyframes cover-entrance{from{opacity:0;translate:0 24px}to{opacity:1;translate:0 0}}
@media(prefers-reduced-motion:no-preference){
 .hero-volume{animation:cover-entrance .75s var(--ease) backwards}
 .hero-volume-notes{animation-delay:.09s}
 .hero-volume-library{animation-delay:.18s}
}
@media(hover:hover) and (min-width:701px){
 .hero-materials:hover .hero-volume-guide,.hero-materials:focus-visible .hero-volume-guide{transform:translate(-4px,0) rotate(-9deg)}
 .hero-materials:hover .hero-volume-notes,.hero-materials:focus-visible .hero-volume-notes{transform:translateY(-28px) rotate(0)}
 .hero-materials:hover .hero-volume-library,.hero-materials:focus-visible .hero-volume-library{transform:translate(2px,4px) rotate(8deg)}
 .hero-materials .hero-volume-guide:hover{transform:translate(-4px,-12px) rotate(-6deg)}
 .hero-materials .hero-volume-notes:hover{transform:translateY(-38px) rotate(1deg)}
 .hero-materials .hero-volume-library:hover{transform:translate(2px,-10px) rotate(5deg)}
 .hero-volume:hover{box-shadow:0 3px 4px #213f4310,8px 24px 30px #24454d22}
 .book-stage:hover .book-cover{transform:rotate(-7deg) translateX(-7px)}
 .book-stage:hover .book-index{transform:rotate(8deg) translateX(8px)}
}
@media(min-width:1500px){.hero{gap:55px}.hero-volume{height:390px}.hero-volume strong{font-size:29px}.hero-volume p{font-size:15px}.hero-volume small{font-size:11px}}
@media(max-width:1050px){
 .hero{grid-template-columns:1fr;padding-block:54px 36px;gap:20px;min-height:0}
 .hero-content.wrap{grid-column:1;grid-row:1;max-width:720px}
 .hero-copy{max-width:580px}
 .hero-materials{grid-column:1;grid-row:2;max-width:740px;width:100%;height:430px;justify-self:center;gap:22px;padding:20px 8px}
 .hero-volume{height:350px;padding:28px 23px}.hero-volume strong{font-size:25px}.hero-volume p{font-size:14px}.hero-volume small{font-size:11px}
 .hero-bottom.wrap{grid-row:3;text-align:center}
 .journey{margin-inline:20px}.journey .wrap{width:calc(100% - 56px)}
 .journey-tabs{gap:20px}.journey-tabs [role=tab]{font-size:14px}
 .contact{gap:40px}.pain-list article:nth-child(n){padding:22px}
}
@media(max-width:700px){
 .wrap{width:calc(100% - 40px)}.section{padding-block:62px}
 .site-header{height:72px;padding-inline:20px;gap:14px}.brand{font-size:23px}.header-contact{font-size:12px;padding:9px 12px}.menu-toggle{width:40px;height:40px}
 .hero{padding:40px 20px 26px;gap:12px}.hero h1{font-size:clamp(49px,12vw,78px);margin-bottom:17px}.hero-subtitle{font-size:23px;max-width:340px}.hero-copy{font-size:17px;line-height:1.75;margin-block:21px 26px}
 .hero-materials{height:322px;gap:12px;padding:28px 2px 20px;width:100%;max-width:520px}
 .hero-volume{height:258px;padding:19px 11px 15px;border-left-width:3px;border-right-width:2px;border-radius:2px 6px 6px 2px}
 .hero-volume>span{font-size:10px}.hero-volume strong,.hero-volume-guide strong,.hero-volume-notes strong{font-size:clamp(16px,3.8vw,23px);margin-top:24px;line-height:1.25}.hero-volume p,.hero-volume-guide p,.hero-volume-notes p{font-size:11px;margin-top:16px;line-height:1.55}.hero-volume small{font-size:9px;padding-top:10px}
 .hero-bottom.wrap{font-size:10px;line-height:1.6}
 .pains{padding-block:48px 55px}.pains>h2{font-size:27px;margin-bottom:24px}.pain-list{display:grid;grid-template-columns:1fr;gap:10px}.pain-list article,.pain-list article:first-child{padding:23px 24px;border:1px solid var(--line)}.pain-list article:last-child{border:1px solid var(--line)}.scenario-number{float:left;margin-right:14px}.pain-list h3{margin:2px 0 15px;font-size:20px;max-width:none}.pain-list p{clear:both;font-size:16px;max-width:none;margin:0}
 .result-intro{padding-top:12px}.section-heading .lead{font-size:17px}.example-switch{display:flex;width:100%;padding:5px;gap:4px;border-radius:12px}.example-switch button{flex:1;padding:10px 5px;flex-direction:column;gap:5px;font-size:12px;min-width:0;min-height:66px;border-radius:8px}.example-description{font-size:16px}.demo-notice{font-size:11px;align-items:flex-start}
 .journey{margin-inline:10px;border-radius:18px}.journey .wrap{width:calc(100% - 36px)}.journey-top{height:auto;min-height:114px;padding-block:10px;gap:6px}.journey-tabs{gap:20px;overflow:auto}.journey-tabs [role=tab]{font-size:14px;white-space:nowrap;min-height:44px}.tour-arrows .icon-button{height:36px;width:36px;min-height:36px}
 .tour-layout{padding-block:20px;gap:24px;min-height:0}.tour-copy h3{font-size:32px;margin:15px 0 20px}.tour-copy>p{font-size:17px;margin-bottom:24px}.material-label,.material-count{font-size:12px}.book-stage{margin-top:35px;height:410px;max-width:320px}.book-cover{width:250px;min-height:345px;padding:23px}.book-index{width:215px}.book-cover h4{font-size:30px}.book-cover>span,.book-cover footer{font-size:12px}.book-cover>p{font-size:17px}
 .journey-footer{display:flex;font-size:11px;gap:12px}.journey-footer a{margin:0;font-size:12px}.downloads{padding-top:35px;padding-bottom:44px}.download-heading h2{font-size:27px}.download-heading .text-link{font-size:14px}.download-grid{gap:10px}.download-item{padding:22px!important}.support-copy{font-size:15px}
 .process-list{gap:15px}.process-list li{padding-block:24px}.process-list h3{font-size:22px;margin-top:17px}.project-scope{padding:24px;margin-top:24px;gap:24px}.project-scope h3{font-size:22px}
 .privacy-layout{gap:30px}.privacy .lead{font-size:18px}.privacy-points summary{font-size:17px;padding-block:23px}.privacy-points details p{font-size:16px}
 .contact{grid-template-columns:1fr;gap:32px}.portrait{max-width:440px;aspect-ratio:1.2}.contact h2{font-size:35px}.contact-copy .lead{font-size:18px}.experience-stats{gap:22px}.experience-stats dd{font-size:14px}.contact-copy>p:not(.lead){font-size:16px}
 .faq{padding-top:6px}.faq h2{font-size:28px}.faq summary{font-size:17px}.site-footer{gap:20px}.site-footer>span{font-size:12px}
 dialog{border-radius:0;border:0}.reader-dialog-header{border-radius:0}
}
@media(max-width:700px){
 .hero-materials{display:flex;width:calc(100% + 40px);max-width:none;margin-inline:-20px;justify-self:start;height:425px;padding:38px 30px;gap:24px;overflow-x:auto;overflow-y:hidden;scroll-snap-type:x mandatory;scroll-padding-inline:30px;scrollbar-width:thin;scrollbar-color:#a7bfc0 transparent}
 .hero-volume,.hero-volume-guide,.hero-volume-notes,.hero-volume-library{flex:0 0 235px;width:235px;height:340px;padding:28px 24px;scroll-snap-align:start;transform:rotate(-3deg)}
 .hero-volume-notes{transform:rotate(2deg)}.hero-volume-library{transform:rotate(-2deg)}
 .hero-volume>span{font-size:13px}.hero-volume strong,.hero-volume-guide strong,.hero-volume-notes strong{font-size:28px;margin-top:30px}.hero-volume p,.hero-volume-guide p,.hero-volume-notes p{font-size:15px;line-height:1.5}.hero-volume small{font-size:11px}
}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{animation:none!important;transition:none!important}.hero-materials:hover .hero-volume-guide,.hero-materials:focus-visible .hero-volume-guide{transform:translateY(10px) rotate(-8deg)}.hero-materials:hover .hero-volume-notes,.hero-materials:focus-visible .hero-volume-notes{transform:translateY(-18px) rotate(-1deg)}.hero-materials:hover .hero-volume-library,.hero-materials:focus-visible .hero-volume-library{transform:translateY(15px) rotate(7deg)}}