:root{--forest:#18302d;--dark:#102622;--coral:#f47761;--cream:#f5eee2;--paper:#fffdf8;--muted:#61716d;--line:#ded8cc;--serif:"Playfair Display",Georgia,serif;--sans:"DM Sans",Arial,sans-serif}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--paper);color:var(--forest);font:400 16px/1.65 var(--sans)}a{color:inherit}.shell{width:min(1160px,calc(100% - 40px));margin-inline:auto}.narrow{width:min(900px,calc(100% - 40px))}.skip{position:absolute;left:-9999px}.skip:focus{left:12px;top:12px;background:#fff;padding:12px;z-index:999}.site-header{position:sticky;top:0;z-index:50;background:rgba(255,253,248,.97);border-bottom:1px solid var(--line)}.nav-wrap{min-height:92px;display:flex;align-items:center;gap:28px}.logo img{display:block;width:190px}.menu{display:none;margin-left:auto}.site-header nav{margin-left:auto;display:flex;align-items:center;gap:28px}.site-header nav a{text-decoration:none;font-size:.82rem;font-weight:800}.site-header nav .current{color:var(--coral)}.pill,.button{display:inline-flex;align-items:center;justify-content:center;border-radius:999px;background:var(--coral);border:1px solid var(--coral);padding:12px 20px;text-decoration:none;font-weight:900;color:var(--dark)}.site-header .pill{background:var(--coral);padding:10px 18px}.breadcrumb{padding-top:34px;color:var(--muted);font-size:.78rem}.hero{padding:66px 0 74px;max-width:1160px}.eyebrow{color:var(--coral);font-size:.7rem;font-weight:900;letter-spacing:.14em;text-transform:uppercase}.hero h1{max-width:1020px;font:600 clamp(3.4rem,7vw,6.8rem)/.96 var(--serif);letter-spacing:-.045em;margin:18px 0 26px}.hero h1 em{color:var(--coral);font-weight:500}.lead{max-width:820px;color:var(--muted);font-size:1.22rem}.lead.small{font-size:1.05rem}.orientation{max-width:820px;margin:28px 0 24px;padding:17px 20px;background:var(--cream);border-left:4px solid var(--coral);border-radius:0 12px 12px 0}.actions{display:flex;flex-wrap:wrap;gap:12px}.secondary{background:transparent;border-color:var(--forest)}.section{padding:72px 0}.section h2,.band h2{font:600 clamp(2.3rem,5vw,4rem)/1.05 var(--serif);margin:8px 0 22px}.section h3{font:600 2rem/1.15 var(--serif);margin:54px 0 18px}.section-head{display:flex;justify-content:space-between;align-items:end;gap:30px}.section-head>p{color:var(--muted)}.path-grid,.next-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}.path-grid a,.next-grid a{background:#fff;border:1px solid var(--line);border-radius:16px;padding:26px;text-decoration:none}.path-grid span,.next-grid strong{color:var(--coral);font-size:.72rem;font-weight:900;text-transform:uppercase;letter-spacing:.1em}.path-grid strong,.next-grid span{display:block}.path-grid strong{font:600 1.45rem var(--serif);margin-top:10px}.path-grid p{color:var(--muted);font-size:.88rem}.band{padding:76px 0;background:var(--forest);color:#fff}.band.cream{background:var(--cream);color:var(--forest)}.sequence{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}.sequence div{border:1px solid #5f7e78;border-radius:14px;padding:19px}.sequence b{display:grid;place-items:center;width:30px;height:30px;border-radius:50%;background:var(--coral);color:var(--dark)}.sequence strong,.sequence span{display:block}.sequence strong{font:600 1.25rem var(--serif);margin:11px 0 3px}.sequence span{color:#d4e1de;font-size:.82rem}.case{margin:34px 0;background:#fff;color:var(--forest);border-radius:18px;padding:28px}.case h3{font:600 1.7rem var(--serif)}details{border:1px solid var(--line);background:#fff;border-radius:12px;padding:18px;margin:12px 0;color:var(--forest)}summary{cursor:pointer;font-weight:900}.quiet{color:var(--muted);font-size:.85rem}.remember{border-left:4px solid var(--coral);padding:8px 0 8px 24px}.remember p:last-child{font:500 1.35rem var(--serif)}.compare{display:grid;grid-template-columns:1fr 1fr;border-radius:16px;overflow:hidden;border:1px solid var(--line)}.compare>div{padding:25px;background:#fff}.compare>div:last-child{background:var(--forest);color:#fff}.wrong,.right{font-size:.7rem;font-weight:900;text-transform:uppercase;letter-spacing:.12em}.wrong{color:#a34d40}.right{color:#ff9b88}.say-grid,.ksd,.mistakes{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}.say-grid>div,.ksd>div,.mistakes>div{border:1px solid var(--line);border-radius:14px;padding:22px;background:#fff}.practice{background:var(--cream);padding:25px;border-radius:16px}.practice label{display:block;font-weight:700;margin-bottom:12px}.practice textarea{width:100%;border:1px solid #9aa8a5;border-radius:10px;padding:13px;font:inherit;margin-bottom:12px}.feedback{margin-top:16px}.feedback hr{border:0;border-top:1px solid var(--line)}.mistakes{grid-template-columns:repeat(2,1fr)}.quiz fieldset{border:0;padding:0;margin:22px 0}.quiz legend{font:600 1.35rem var(--serif);margin-bottom:15px}.quiz label{display:block;border:1px solid #5f7e78;border-radius:10px;padding:13px;margin:8px 0}.quiz input{margin-right:9px}.quiz #quiz-feedback{margin-top:14px;font-weight:800}.questions details{margin-block:12px}.integration .next-grid{grid-template-columns:repeat(4,1fr)}.next-grid span{font:600 1.15rem var(--serif);margin-top:10px}.references{padding:70px 0}.references h2{font:600 2rem var(--serif)}.references li{margin-bottom:10px}.review{margin-top:28px;background:#fff1ee;border:1px solid #f0b7ac;border-radius:12px;padding:20px}footer{background:var(--dark);color:#fff;padding:54px 0 24px}.footer-grid{display:grid;grid-template-columns:1fr 1fr;gap:50px}.footer-grid img{background:var(--cream);border-radius:10px;padding:10px}.footer-grid p,.copyright{color:#cbd9d6}.copyright{border-top:1px solid #52726b;margin-top:35px;padding-top:18px;font-size:.8rem}:focus-visible{outline:3px solid var(--coral);outline-offset:3px}@media(max-width:900px){.menu{display:block}.site-header nav{display:none;position:absolute;top:92px;left:0;right:0;padding:20px;background:var(--paper);flex-direction:column;align-items:stretch;border-bottom:1px solid var(--line)}.site-header nav.open{display:flex}.path-grid,.sequence,.say-grid,.ksd,.integration .next-grid{grid-template-columns:1fr 1fr}}@media(max-width:620px){.shell,.narrow{width:min(100% - 30px,1160px)}.hero{padding:45px 0 55px}.hero h1{font-size:clamp(3rem,15vw,4.6rem)}.section,.band{padding:54px 0}.section-head{align-items:flex-start;flex-direction:column}.path-grid,.sequence,.say-grid,.ksd,.mistakes,.integration .next-grid,.compare,.footer-grid{grid-template-columns:1fr}.logo img{width:165px}.nav-wrap{min-height:78px}.site-header nav{top:78px}.button{width:100%}}