.cozee-page{background:#fcfcfa;color:#242724}.cozee-page main{max-width:1160px;width:calc(100% - 80px)}.cozee-page #detail{max-width:none;padding:0 0 60px}.cozee-page .catalogue-header{background:#fcfcfaed;border-color:#e8e8e2}.cozee-page #detail h1,.cozee-page #detail h2,.cozee-page #detail h3{margin:0;letter-spacing:-.045em;color:#242724}.cozee-page .cz-local-nav{display:flex;justify-content:space-between;align-items:center;padding:24px 0;font-size:12px;color:#686d65;border-bottom:1px solid #e5e7df}.cz-local-nav a{text-decoration:none}.cz-local-nav div{display:flex;gap:28px}.cz-local-nav>span{font-weight:700}.cozee-page .cz-hero{text-align:center;padding:75px 0 35px}.cz-kicker{font-size:11px;letter-spacing:.04em;font-weight:700;color:#697165;margin:0 0 20px}.cz-kicker>span{display:inline-block;width:7px;height:7px;border-radius:50%;background:#b45b36;margin-right:8px}.cozee-page #detail .cz-hero h1{font-size:clamp(46px,6.4vw,86px);line-height:1.02;font-weight:650;letter-spacing:-.065em}.cz-hero h1 em{font-family:Georgia,serif;font-weight:400;color:#9c5136}.cz-intro{font-size:18px;line-height:1.65;color:#62675f;margin:25px auto;max-width:610px}.cz-actions{display:flex;justify-content:center;gap:12px;align-items:center;margin:27px 0 19px}.cz-primary,.cz-secondary{display:inline-flex;align-items:center;justify-content:center;gap:22px;padding:13px 19px;border-radius:9px;font-size:13px;font-weight:700;text-decoration:none;min-height:46px;transition:background .2s,transform .2s}.cz-primary{background:#252d27;color:#fff;border:1px solid #252d27;box-shadow:inset 0 1px #ffffff25,0 3px 5px #18251a14}.cz-primary:hover{background:#3a493d;transform:translateY(-2px)}.cz-secondary{background:#fff;border:1px solid #e1e4da;color:#3c453b}.cz-secondary:hover{background:#f0f2ec}.cz-facts{font-size:11px;color:#737a6c}.cz-facts span{margin:0 12px}.cz-showcase{padding:0 40px 20px}.cz-tabs{display:flex;width:fit-content;margin:12px auto 24px;background:#eeefea;padding:4px;border:1px solid #e5e7df;border-radius:28px;gap:3px}.cz-tabs button{border:0;background:transparent;border-radius:22px;padding:10px 19px;font-size:12px;min-height:40px;white-space:nowrap}.cz-tabs button[aria-selected=true]{background:white;box-shadow:0 1px 4px #2933291a;color:#222b23}.cz-window{border:1px solid #dedfd8;background:#fff;border-radius:13px;overflow:hidden;box-shadow:0 22px 60px -35px #35493445,0 4px 14px #38493208}.cz-window-bar{height:43px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid #e7e9e2;padding:0 16px;font-size:10px;color:#72776b;background:#fafbf7}.cz-window-dots{letter-spacing:2px;color:#ccd2c4}.cz-window-label{font-size:9px;text-transform:uppercase;letter-spacing:.07em}.cz-website{height:460px;overflow-y:auto;overscroll-behavior-y:contain;scrollbar-width:thin;scrollbar-color:#bac4ad #eef1e8}.cz-website img{display:block;width:100%;height:auto}.cz-caption{font-size:10px;color:#777f70;display:flex;justify-content:space-between;gap:20px;line-height:1.6;margin:15px 5px}.cz-demo{min-height:460px;display:grid;grid-template-columns:1fr 1fr;align-items:center;padding:38px 45px;gap:35px;background:#f8f8f3}.cz-small-label{display:block;color:#808879;font-size:10px;letter-spacing:.08em;text-transform:uppercase;margin-bottom:18px}.cozee-page #detail .cz-demo h2,.cozee-page #detail .cz-map h2{font-size:30px;line-height:1.15}.cz-demo-copy>p,.cz-map p{font-size:13px;line-height:1.7;color:#697263;max-width:360px}.cz-demo label{display:flex;justify-content:space-between;font-size:11px;font-weight:700;margin-top:24px}.cz-demo input{width:100%;accent-color:#728761;margin:18px 0 0}.cz-demo .cz-demo-note{font-size:10px}.cz-dial-scene{text-align:center}.cz-dial{position:relative;width:260px;aspect-ratio:1;margin:auto;border-radius:50%;background:linear-gradient(135deg,#fff,#e7e9e0);box-shadow:inset 0 0 0 8px #fff8,12px 18px 30px #5863441a,-8px -8px 25px #fff}.cz-dial svg{position:absolute;inset:0;width:100%;height:100%;fill:none;stroke-width:3}.cz-dial-track{stroke:#d3dacb}#cz-dial-progress{stroke:#7d946d;stroke-linecap:round;transition:stroke-dashoffset .2s}.cz-dial>div{position:absolute;inset:0;display:flex;flex-direction:column;justify-content:center;align-items:center}.cz-dial span{font-size:8px;letter-spacing:.13em;color:#88927d}.cz-dial strong{font-size:60px;font-weight:450;letter-spacing:-.06em;line-height:1.4}.cz-dial small{font-size:26px;vertical-align:top;display:inline-block;margin-top:13px}.cz-dial-scene code{display:inline-block;margin-top:26px;font-size:11px;color:#7d886e}.cz-map{min-height:460px;padding:35px 45px;display:grid;grid-template-columns:1fr 1fr;gap:35px;align-items:center}.cz-map a{font-size:12px;font-weight:700}.cz-map ol{padding:0;margin:0;list-style:none}.cz-map li{padding:11px 0;border-bottom:1px solid #eaede4;font-size:12px;display:flex;gap:16px}.cz-map li span{color:#929c85;font-size:10px;font-variant-numeric:tabular-nums}.cz-section{padding:88px 0 15px;scroll-margin-top:110px}.cz-section-head{text-align:center;max-width:600px;margin:0 auto 40px}.cozee-page #detail .cz-section h2{font-size:clamp(32px,4vw,49px);line-height:1.1;font-weight:650}.cz-section-head>p:last-child{font-size:15px;line-height:1.7;color:#6b7465;max-width:430px;margin:20px auto}.cz-feature-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}.cz-feature{padding:28px;border:1px solid #e3e7dc;border-radius:12px;background:#f4f6ef;min-width:0}.cz-feature-wide{grid-column:span 2}.cozee-page #detail .cz-feature h3{font-size:21px;letter-spacing:-.035em}.cz-feature p{font-size:13px;line-height:1.7;max-width:450px;color:#707967}.cz-feature-ref{font-size:10px;color:#7a856f}.cz-state-visual,.cz-key-visual,.cz-type-visual,.cz-timeline{height:110px;display:flex;align-items:center;justify-content:center;gap:14px;margin-bottom:24px}.cz-state-visual span{padding:14px 17px;border:1px solid #dce1d3;background:#fff9;font-size:11px;border-radius:7px;box-shadow:0 3px 10px #35473207}.cz-state-visual i{font-style:normal;color:#a1ad90}.cz-type-visual{font-family:Georgia,serif;font-size:68px;color:#627455;gap:16px}.cz-type-visual span{font:11px Nunito,sans-serif;max-width:50px;line-height:1.5}.cz-timeline{gap:7px;font-size:9px;color:#7d8870}.cz-timeline i{height:26px;width:140px;border-radius:5px;background:repeating-linear-gradient(90deg,#a8b596 0 23px,#c9d5b9 23px 25px)}.cz-key-visual kbd{padding:18px 24px;border:1px solid #d9dfd0;border-bottom-width:5px;border-radius:9px;background:#fff;font-size:16px;box-shadow:0 5px 12px #28392207}.cz-key-visual>span{color:#adb5a2}.cz-method{display:grid;grid-template-columns:1fr 1fr;gap:80px;margin-top:25px}.cz-method>div>p:last-child{font-size:13px;color:#737d69;max-width:300px;line-height:1.8;margin-top:25px}.cz-method ol{list-style:none;margin:0;padding:0}.cz-method li{display:flex;gap:25px;padding:21px 0;border-bottom:1px solid #e2e6d9}.cz-method li>span{font-size:12px;color:#9caa8c}.cozee-page #detail .cz-method h3{font-size:18px}.cz-method li p{font-size:13px;line-height:1.7;color:#737d69;margin-bottom:0}.cz-curriculum-heading{display:flex;align-items:end;justify-content:space-between;gap:25px;margin-bottom:35px}.cz-curriculum-heading button{background:none;border:1px solid #dce1d4;padding:11px 15px;border-radius:7px;font-size:12px;min-height:44px}.cz-module{border-top:1px solid #dfe4d6}.cz-module:last-child{border-bottom:1px solid #dfe4d6}.cz-module summary{display:flex;align-items:center;gap:26px;cursor:pointer;list-style:none;padding:23px 8px;font-size:17px;font-weight:650}.cz-module summary::-webkit-details-marker{display:none}.cz-module-number{font-size:11px;color:#8c9980;min-width:22px;font-weight:500}.cz-module summary small{display:block;font-size:10px;font-weight:400;letter-spacing:.01em;color:#7d8871;margin-top:5px}.cz-plus{margin-left:auto;font-size:22px;font-weight:400;color:#929f83;transition:transform .2s}.cz-module[open] .cz-plus{transform:rotate(45deg)}.cz-module-content{padding:0 0 22px 56px}.cz-module-content>p{font-size:13px;line-height:1.6;max-width:740px;color:#6c775f;margin-top:0}.cz-module ol{list-style:none;padding:0;margin:20px 0 0}.cz-module li a{display:flex;align-items:center;gap:14px;padding:13px 0;font-size:12px;text-decoration:none;border-top:1px solid #ecefe6}.cz-module li a:hover{color:#9c5136}.cz-lesson-number{font-size:10px;color:#8b957d}.cz-access{margin-left:auto;font-size:9px;color:#77856a;white-space:nowrap}.cz-materials{display:grid;grid-template-columns:1fr 1fr;gap:80px;margin-bottom:80px}.cz-materials p{font-size:14px;line-height:1.8;color:#717b66;margin-top:0}.cz-materials a{display:block;font-size:12px;padding:13px 0;border-bottom:1px solid #e3e7dc;text-decoration:none}.cz-materials small{display:block;margin-top:15px;color:#848e78;font-size:10px;line-height:1.6}.cz-final{text-align:center;background:#e9ede1;border:1px solid #dfe5d5;border-radius:16px;padding:60px 20px}.cozee-page #detail .cz-final h2{font-size:clamp(34px,4.4vw,56px);line-height:1.05}.cz-final>p:not(.cz-kicker){color:#6d795f;font-size:14px;margin:22px 0}.cz-final .cz-access-note{font-size:10px!important;line-height:1.9;margin-bottom:0!important}.cozee-page footer{max-width:1160px}.cozee-page .cz-primary:focus-visible,.cozee-page button:focus-visible,.cozee-page summary:focus-visible,.cozee-page a:focus-visible,.cozee-page [tabindex]:focus-visible{outline:3px solid #a95030;outline-offset:4px}.cozee-page .cz-window [role=tabpanel]:focus-visible{outline-offset:-4px}
@media(max-width:800px){.cozee-page main{width:calc(100% - 40px)}.cz-local-nav div{gap:12px}.cz-local-nav>span{display:none}.cozee-page .cz-hero{padding-top:50px}.cz-showcase{padding:0}.cz-website{height:390px}.cz-demo,.cz-map{padding:28px;gap:20px}.cz-dial{width:210px}.cz-demo-copy h2{font-size:26px!important}.cz-feature-grid{grid-template-columns:1fr 1fr}.cz-feature-wide{grid-column:span 1}.cz-state-visual{gap:5px}.cz-state-visual span{padding:10px 8px;font-size:8px}.cz-key-visual{gap:8px}.cz-key-visual kbd{padding:14px;font-size:12px}.cz-method,.cz-materials{gap:30px}.cz-access{max-width:85px;white-space:normal;text-align:right}}
@media(max-width:520px){.cozee-page main{width:calc(100% - 32px)}.cozee-page .cz-local-nav{font-size:10px;padding:18px 0}.cozee-page #detail .cz-hero h1{font-size:54px}.cz-intro{font-size:15px;line-height:1.65}.cz-desktop{display:none}.cz-actions{flex-direction:column;gap:9px}.cz-actions a{width:100%;max-width:290px}.cz-facts{font-size:9px}.cz-facts span{margin:0 6px}.cz-tabs{margin-top:10px}.cz-tabs button{font-size:11px;padding:9px 14px}.cz-window-label{display:none}.cz-window-bar{padding:0 11px;font-size:9px}.cz-website{height:350px}.cz-caption{font-size:9px;display:block}.cz-caption span{display:block;margin-top:6px}.cz-demo,.cz-map{grid-template-columns:1fr;padding:24px;gap:28px}.cz-demo{min-height:640px}.cz-dial{width:220px}.cz-demo-copy>p{font-size:12px}.cz-map{min-height:600px}.cz-map h2{font-size:28px!important}.cz-section{padding-top:65px}.cz-feature-grid{grid-template-columns:1fr}.cz-feature{padding:24px}.cz-state-visual span{font-size:10px;padding:12px}.cz-method,.cz-materials{grid-template-columns:1fr;gap:20px}.cz-method{margin-top:0}.cz-method>div>p:last-child{max-width:none}.cz-curriculum-heading{align-items:start;flex-direction:column;gap:20px}.cz-module summary{font-size:15px;gap:13px;padding:20px 2px}.cz-module-content{padding-left:0}.cz-module li a{font-size:11px;gap:9px}.cz-access{font-size:8px;min-width:62px;max-width:62px}.cz-module-content>p{font-size:12px}.cz-materials{margin-bottom:55px}.cz-final{padding:45px 20px}.cozee-page footer{padding-inline:16px}}
@media(prefers-reduced-motion:reduce){.cozee-page *, .cozee-page *::before,.cozee-page *::after{scroll-behavior:auto!important;transition:none!important;animation:none!important}}

.cozee-page .cz-key-visual kbd{position:static;inset:auto;transform:none;display:inline-block;opacity:1;visibility:visible}
/* Cozee quality round 1: the course opens with an instrument, not a poster. */
.cozee-page main{max-width:1320px}.cozee-page #detail{display:grid;grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);column-gap:54px}.cozee-page #detail>section,.cozee-page #detail>nav,.cozee-page #detail>.cz-brief{grid-column:1/-1}.cozee-page #detail>.cz-hero{grid-column:1;padding:76px 0 48px;text-align:left;align-self:center}.cozee-page #detail>.cz-showcase{grid-column:2;padding:38px 0 30px;min-width:0}.cozee-page #detail .cz-hero h1{font-size:clamp(58px,5.5vw,80px);line-height:1.02}.cz-intro{font-size:18px;margin:26px 0;max-width:430px}.cz-actions{justify-content:flex-start;flex-wrap:wrap}.cz-hero-access{font-size:12px;color:#5c6556;line-height:1.7;margin-top:16px}.cz-facts{font-size:12px;line-height:1.8}.cz-kicker{font-size:12px;color:#59634f}.cz-tabs{margin:0 0 16px auto}.cz-window{border-radius:16px;box-shadow:0 24px 55px -32px #35452c50}.cz-window-bar{height:38px}.cz-demo{grid-template-columns:1fr;padding:25px 28px 28px;gap:18px;min-height:545px;background:#e9ece2}.cz-demo-copy{display:grid;grid-template-columns:1fr 1fr;column-gap:15px}.cz-demo-copy .cz-small-label{grid-column:1/-1;font-size:10px;color:#546044;margin-bottom:12px}.cozee-page #detail .cz-demo h2{font-size:26px;line-height:1.1}.cz-demo-copy>p:not(.cz-demo-note){font-size:12px;margin:0;line-height:1.65}.cz-demo label,.cz-demo input,.cz-demo .cz-demo-note{grid-column:1/-1}.cz-demo label{font-size:12px;margin-top:20px}.cz-demo input{min-height:32px;margin-top:0;cursor:ew-resize}.cz-demo .cz-demo-note{font-size:11px;margin:2px 0 0;color:#5a634e}.cz-dial-scene{position:relative;border-radius:12px;background:#252d29;color:#edf1e6;padding:24px 18px 18px;background-image:radial-gradient(ellipse at 50% 45%,#61725350,transparent 67%);transition:background-color .3s}.cz-dial{width:216px;background:linear-gradient(145deg,#414a43,#171e1b);box-shadow:inset 0 0 0 8px #72816c25,0 14px 30px #0004;border:1px solid #83907955}.cz-dial-track{stroke:#55614f}#cz-dial-progress{stroke:#c5d69f}.cz-dial strong{color:#f0f5e8}.cz-dial>div>span{color:#bfccb3;font-size:9px;letter-spacing:.1em}.cz-dial-scene>code{display:block;font-size:11px;color:#b8c8a8;margin:15px 0 18px}.cz-live-trace{display:grid;grid-template-columns:repeat(3,1fr);border-top:1px solid #a7b69a33;padding-top:15px;gap:9px;text-align:left}.cz-live-trace span{font-size:8px;letter-spacing:.06em;color:#c2cdb9}.cz-live-trace strong{display:block;font-size:20px;letter-spacing:-.03em;font-weight:500;color:#f0f5e8;margin-top:6px}.cz-demo[data-climate=warm] .cz-dial-scene{background-color:#51392b}.cz-demo[data-climate=cool] .cz-dial-scene{background-color:#273d49}.cz-caption{font-size:11px;line-height:1.6;color:#606957}.cz-website{height:560px}.cz-map{grid-template-columns:1fr;padding:28px;min-height:560px}.cz-brief{display:grid;grid-template-columns:repeat(3,1fr);padding:28px 0;border-block:1px solid #d9dfd1;gap:40px;margin:15px 0 0}.cz-brief span{font-size:10px;letter-spacing:.08em;color:#536149;font-weight:700}.cz-brief p{font-size:14px;line-height:1.6;max-width:320px;margin:10px 0 0;color:#3e4738}.cz-section{padding-top:90px}.cz-section-head p,.cz-feature p,.cz-method p,.cz-method li p,.cz-materials p{font-size:15px;line-height:1.75;color:#56614e}.cz-feature{background:#eef1e8;border-color:#dbe1d1}.cz-feature-ref,.cz-materials small{font-size:11px;color:#56624b}.cz-module summary{font-size:18px}.cz-module summary small{font-size:12px}.cz-module li a{font-size:14px;padding-block:16px}.cz-access{font-size:11px}.cz-module-content>p{font-size:14px;line-height:1.7}.cz-materials a{font-size:14px;padding-block:14px}.cz-final{background:#e6edda}.cz-access-note{font-size:12px;line-height:1.8}
@media(max-width:1050px){.cozee-page #detail{column-gap:28px}.cozee-page #detail .cz-hero h1{font-size:60px}.cz-actions{gap:8px}.cz-actions a{font-size:12px}.cz-demo-copy{display:block}.cz-demo-copy>p:not(.cz-demo-note){margin-top:12px}.cz-demo label{display:flex}.cz-demo{padding:20px}.cz-brief{gap:20px}}
@media(max-width:760px){.cozee-page #detail{display:block}.cozee-page #detail>.cz-hero{padding:42px 0 24px}.cozee-page #detail .cz-hero h1{font-size:60px}.cz-intro{font-size:16px;line-height:1.7;margin:20px 0}.cz-actions{flex-direction:row;justify-content:flex-start}.cz-actions a{width:auto;max-width:none;flex:1;gap:10px;padding-inline:12px}.cz-facts{font-size:11px}.cz-facts span{margin-inline:6px}.cz-hero-access{font-size:11px}.cozee-page #detail>.cz-showcase{padding:8px 0 20px}.cz-tabs{margin:0 0 15px;width:100%;justify-content:space-between}.cz-tabs button{flex:1;min-height:44px}.cz-demo{padding:20px;min-height:0;gap:20px}.cz-demo-copy>p:not(.cz-demo-note){font-size:13px}.cz-dial{width:210px}.cz-live-trace strong{font-size:19px}.cz-brief{grid-template-columns:1fr;gap:20px;padding-block:25px;margin-top:10px}.cz-brief>div+div{border-top:1px solid #d9dfd1;padding-top:18px}.cz-brief p{max-width:none}.cz-section{padding-top:65px}.cz-module li a{font-size:13px;display:grid;grid-template-columns:24px 1fr}.cz-access{grid-column:2;font-size:11px;max-width:none;text-align:left;min-width:0}.cz-module-content>p{font-size:14px}.cz-feature-ref{font-size:11px}.cz-caption{font-size:11px}.cz-materials small{line-height:1.7}.cz-website{height:400px}}
/* Round 2: make the preview an actual moment of learning. */
.cozee-page #detail>.cz-predict{display:grid;grid-template-columns:1fr 1fr;gap:70px;margin-top:45px;padding:38px 40px;background:#252d29;color:#f2f5ec;border-radius:12px}.cozee-page #detail .cz-predict h2{font-size:32px;line-height:1.15;color:#f2f5ec}.cz-predict .cz-kicker{color:#bac9a8;margin-bottom:15px}.cz-predict p{font-size:14px;line-height:1.75;color:#dae1d3;max-width:480px;margin-bottom:0}.cz-predict-work{align-self:center}.cz-answers{display:flex;gap:10px}.cz-answers button{flex:1;background:#343e35;color:#eef4e5;border:1px solid #768269;border-radius:7px;padding:16px;font-size:20px;min-height:54px}.cz-answers button:hover{background:#46523d}.cz-answers button[aria-pressed=true]{background:#d5e3be;color:#25321e;border-color:#d5e3be}.cz-predict-work #cz-prediction-feedback{min-height:75px;font-size:13px;margin:16px 0}.cz-predict-work a{font-size:12px;color:#dae6ca;text-underline-offset:5px}.cz-demo-copy label{margin-top:12px}.cz-demo{gap:12px}.cz-dial-scene{padding-top:18px}.cz-demo-copy .cz-demo-note{margin-top:0}.cz-demo-copy>p:not(.cz-demo-note){max-width:300px}
@media(max-width:760px){.cozee-page #detail>.cz-predict{grid-template-columns:1fr;gap:25px;padding:26px 22px;margin-top:28px}.cozee-page #detail .cz-predict h2{font-size:28px}.cz-predict-work #cz-prediction-feedback{min-height:85px}.cz-demo-copy .cz-small-label{margin-bottom:8px}.cozee-page #detail .cz-demo h2{font-size:23px!important}.cz-demo-copy>p:not(.cz-demo-note){font-size:12px;line-height:1.6;margin-top:8px}.cz-demo .cz-demo-note{font-size:10px;line-height:1.4}.cz-demo{padding:16px;gap:12px}.cz-dial{width:180px}.cz-dial-scene{padding:15px 14px}.cz-dial-scene>code{margin:10px 0 13px}.cz-live-trace{padding-top:12px}.cz-live-trace strong{font-size:18px}.cz-demo label{margin-top:12px}.cz-hero-access{margin-bottom:0}}
/* Round 3: focus clearance and unambiguous exercise feedback. */
.cz-demo input{margin-block:10px 12px;outline-offset:1px}.cz-demo .cz-demo-note{margin-top:3px}.cz-answers button{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:4px;min-height:74px}.cz-answers button small{font-size:10px;line-height:1.3;min-height:13px}.cz-answers button[data-result=incorrect]{background:#473c30;border-color:#c9ad8e;color:#f8e6cf}.cz-answers button[data-result=correct]{background:#d5e3be;border-color:#d5e3be;color:#25321e}.cz-answers button[data-result=neutral]{background:#343e35;border-color:#768269;color:#eef4e5}