.p24-mc{--mc-paper:#fffcf6;--mc-kraft:#f5eedf;--mc-grid:rgba(14, 116, 144, 0.07);--mc-fiber:rgba(120, 72, 8, 0.06);--mc-ink:#19342f;--mc-muted:#4b625a;--mc-teal:#09695b;--mc-teal-deep:#075345;--mc-crayon:#f59e0b;--mc-crayon-deep:#d97706;--mc-marker:rgba(251, 191, 36, 0.45);--mc-card:#ffffff;--mc-line:rgba(14, 116, 144, 0.14);--mc-note:#fff4c2;--mc-shadow:0 1px 0 rgba(15, 23, 42, 0.04),0 18px 36px -24px rgba(120, 72, 8, 0.35);--mc-shadow-lift:0 1px 0 rgba(15, 23, 42, 0.04),0 28px 48px -26px rgba(120, 72, 8, 0.5);--mc-ease:cubic-bezier(0.2, 0.8, 0.2, 1);--mc-spring:cubic-bezier(0.34, 1.56, 0.64, 1);margin:0;background-color:var(--mc-paper);background-image:linear-gradient(var(--mc-grid) 1px,transparent 1px),linear-gradient(90deg,var(--mc-grid) 1px,transparent 1px);background-size:24px 24px;color:var(--mc-ink);font-family:Onest,system-ui,-apple-system,'Segoe UI',sans-serif;line-height:1.6;interpolate-size:allow-keywords}.p24-mc *,.p24-mc ::after,.p24-mc ::before{box-sizing:border-box}.p24-mc h1,.p24-mc h2,.p24-mc h3{font-family:'Baloo 2',Onest,system-ui,sans-serif;color:var(--mc-ink);margin:0}.p24-mc a{color:var(--mc-teal);text-underline-offset:4px}.p24-mc a:focus-visible,.p24-mc button:focus-visible{outline:3px solid var(--mc-crayon-deep);outline-offset:4px}.p24-mc-wrap{width:min(1120px,calc(100% - 40px));margin-inline:auto}.p24-mc-headbar{position:sticky;top:0;z-index:50;background:rgba(255,252,246,.9);backdrop-filter:blur(12px);border-bottom:1px solid var(--mc-line)}.p24-mc-header{max-width:1240px;margin:auto;padding:12px 24px;display:flex;justify-content:space-between;align-items:center;gap:20px}.p24-mc-header nav{display:flex;align-items:center;gap:22px}.p24-mc-header nav a:not(.p24-mc-button){color:var(--mc-ink);font-weight:600;font-size:15px;text-decoration:none}.p24-mc-header nav a:not(.p24-mc-button):hover{color:var(--mc-teal)}.p24-mc-brand{display:flex;align-items:center;gap:10px;font:700 21px/1 'Baloo 2',sans-serif;color:var(--mc-teal);text-decoration:none}.p24-mc-progress{position:absolute;left:0;right:0;bottom:-3px;height:5px;pointer-events:none;transform-origin:0 50%;transform:scaleX(var(--p24-mc-scroll,0));background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 400 6' preserveAspectRatio='none'%3E%3Cpath d='M1 3.4C80 2 160 4.4 240 2.8S360 3.8 399 3' fill='none' stroke='%23f59e0b' stroke-width='3.4' stroke-linecap='round'/%3E%3C/svg%3E") 0 0/100% 100% no-repeat}.p24-mc a.p24-mc-button,.p24-mc button.p24-mc-button{display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:12px 22px;border:1.5px solid var(--mc-teal);border-radius:999px;background:var(--mc-teal);color:#fff;font:600 15px/1.3 Onest,system-ui,sans-serif;text-decoration:none;cursor:pointer;transition:background-color .2s ease,transform .25s var(--mc-spring),box-shadow .25s ease}.p24-mc a.p24-mc-button:hover,.p24-mc button.p24-mc-button:hover{background:var(--mc-teal-deep);transform:translateY(-2px);box-shadow:0 10px 20px -12px rgba(9,105,91,.6)}.p24-mc a.p24-mc-button--ghost,.p24-mc button.p24-mc-button--ghost{background:var(--mc-card);color:var(--mc-teal)}.p24-mc a.p24-mc-button--ghost:hover,.p24-mc button.p24-mc-button--ghost:hover{background:#e8f3ed}.p24-mc-header .p24-mc-button{padding:9px 18px;font-size:14px}.p24-mc-eyebrow{margin:0 0 4px;font:600 26px/1.1 Caveat,cursive;color:var(--mc-crayon-deep)}.p24-mc-underline::after{content:'';display:block;width:min(220px,60%);height:12px;margin-top:8px;background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 200 14' preserveAspectRatio='none'%3E%3Cpath d='M4 9C50 3 110 12 196 5' fill='none' stroke='%23f59e0b' stroke-width='4.5' stroke-linecap='round'/%3E%3Cpath d='M10 11C70 7 130 13 190 8' fill='none' stroke='%23fbbf24' stroke-width='1.6' stroke-linecap='round' opacity='.7'/%3E%3C/svg%3E") 0 0/100% 100% no-repeat}@supports (animation-timeline:view()){@media (prefers-reduced-motion:no-preference){.p24-mc .p24-materials-section-head h2::after,.p24-mc-underline::after{animation:linear both p24-mc-wipe;animation-timeline:view();animation-range:entry 40% cover 35%}}}@keyframes p24-mc-wipe{from{clip-path:inset(0 100% 0 0)}to{clip-path:inset(0 0 0 0)}}.p24-mc-tape{position:absolute;z-index:3;top:-13px;left:50%;width:104px;height:26px;margin-left:-52px;rotate:-3deg;pointer-events:none;background:repeating-linear-gradient(90deg,rgba(255,255,255,.28) 0 6px,transparent 6px 12px),rgba(45,212,191,.42);-webkit-mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 104 26' preserveAspectRatio='none'%3E%3Cpath d='M3 1L6 4L2 7L5 10L1 13L5 16L2 19L6 22L3 25H101L98 22L102 19L99 16L103 13L99 10L102 7L98 4L101 1Z'/%3E%3C/svg%3E") center/100% 100%;mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 104 26' preserveAspectRatio='none'%3E%3Cpath d='M3 1L6 4L2 7L5 10L1 13L5 16L2 19L6 22L3 25H101L98 22L102 19L99 16L103 13L99 10L102 7L98 4L101 1Z'/%3E%3C/svg%3E") center/100% 100%}.p24-mc-hero{padding:48px 0 72px}.p24-mc-hero__grid{display:grid;grid-template-columns:minmax(0,1.2fr) minmax(0,0.9fr);gap:56px;align-items:center}.p24-mc h1{font-size:clamp(38px, 5vw, 64px);font-weight:700;line-height:1.02;letter-spacing:-.025em;margin-bottom:20px}.p24-mc-lead{max-width:60ch;margin:0 0 22px;font-size:19px;color:var(--mc-muted)}.p24-mc-stickers{list-style:none;display:flex;flex-wrap:wrap;gap:10px;padding:0;margin:0 0 28px}.p24-mc-stickers li{padding:4px 14px;border-radius:8px;background:var(--mc-note);box-shadow:0 6px 12px -8px rgba(120,72,8,.45);font:600 21px/1.3 Caveat,cursive;color:#6b4404;rotate:-2deg}.p24-mc-stickers li:nth-child(2){background:#d9f4ee;color:#0b5046;rotate:1.5deg}.p24-mc-stickers li:nth-child(3){background:#fde2e7;color:#7a1d33;rotate:-1deg}.p24-mc-actions{display:flex;flex-wrap:wrap;gap:12px}.p24-mc-fan{position:relative;height:440px}.p24-mc-fan__sheet{position:absolute;top:18px;left:50%;width:250px;margin-left:-125px;padding:8px 8px 34px;background:#fff;border-radius:4px;box-shadow:var(--mc-shadow-lift);text-decoration:none;transform-origin:50% 110%;rotate:calc((var(--n) - 1) * 9deg);translate:calc((var(--n) - 1) * 70px) calc(var(--n) * -6px + 12px);transition:rotate .5s var(--mc-spring),translate .5s var(--mc-spring),box-shadow .3s ease;z-index:calc(var(--n) + 1)}.p24-mc-fan__sheet img{display:block;width:100%;height:auto;border:1px solid rgba(15,23,42,.06)}.p24-mc-fan__label{position:absolute;left:0;right:0;bottom:6px;text-align:center;font:600 22px/1 Caveat,cursive;color:var(--mc-ink)}.p24-mc-fan:hover .p24-mc-fan__sheet{rotate:calc((var(--n) - 1) * 14deg);translate:calc((var(--n) - 1) * 118px) calc(var(--n) * -4px + 20px)}.p24-mc-fan .p24-mc-fan__sheet:focus-visible,.p24-mc-fan .p24-mc-fan__sheet:hover{z-index:10;translate:calc((var(--n) - 1) * 118px) -8px;box-shadow:0 30px 50px -24px rgba(120,72,8,.6)}.p24-mc-fan__note{position:absolute;z-index:11;right:4%;bottom:8px;padding:4px 12px;background:var(--mc-crayon);color:#1f1300;border-radius:6px;font:600 22px/1.2 Caveat,cursive;rotate:-6deg;box-shadow:0 8px 14px -8px rgba(120,72,8,.6)}@media (prefers-reduced-motion:no-preference){.p24-mc-fan__sheet{animation:p24-mc-deal .8s var(--mc-spring) both;animation-delay:calc(.15s + var(--n) * .15s)}}@keyframes p24-mc-deal{from{opacity:0;translate:0 -40px;rotate:0deg}}.p24-mc-kraft{background-color:var(--mc-kraft);background-image:radial-gradient(var(--mc-fiber) 1px,transparent 1.4px);background-size:14px 14px;-webkit-mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 600 16' preserveAspectRatio='none'%3E%3Cpath d='M0 16V8L15 4L30 5L45 4L60 5L75 4L90 3L105 4L120 6L135 2L150 9L165 9L180 3L195 2L210 10L225 4L240 9L255 9L270 6L285 9L300 3L315 6L330 4L345 7L360 6L375 3L390 10L405 7L420 2L435 5L450 7L465 7L480 3L495 6L510 3L525 5L540 4L555 9L570 6L585 6L600 10V16Z'/%3E%3C/svg%3E") top/100% 16px no-repeat,linear-gradient(#000 0 0) 0 15px/100% calc(100% - 30px) no-repeat,url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 600 16' preserveAspectRatio='none'%3E%3Cpath d='M0 0V8L15 12L30 11L45 12L60 11L75 12L90 13L105 12L120 10L135 14L150 7L165 7L180 13L195 14L210 6L225 12L240 7L255 7L270 10L285 7L300 13L315 10L330 12L345 9L360 10L375 13L390 6L405 9L420 14L435 11L450 9L465 9L480 13L495 10L510 13L525 11L540 12L555 7L570 10L585 10L600 6V0Z'/%3E%3C/svg%3E") bottom/100% 16px no-repeat;mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 600 16' preserveAspectRatio='none'%3E%3Cpath d='M0 16V8L15 4L30 5L45 4L60 5L75 4L90 3L105 4L120 6L135 2L150 9L165 9L180 3L195 2L210 10L225 4L240 9L255 9L270 6L285 9L300 3L315 6L330 4L345 7L360 6L375 3L390 10L405 7L420 2L435 5L450 7L465 7L480 3L495 6L510 3L525 5L540 4L555 9L570 6L585 6L600 10V16Z'/%3E%3C/svg%3E") top/100% 16px no-repeat,linear-gradient(#000 0 0) 0 15px/100% calc(100% - 30px) no-repeat,url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 600 16' preserveAspectRatio='none'%3E%3Cpath d='M0 0V8L15 12L30 11L45 12L60 11L75 12L90 13L105 12L120 10L135 14L150 7L165 7L180 13L195 14L210 6L225 12L240 7L255 7L270 10L285 7L300 13L315 10L330 12L345 9L360 10L375 13L390 6L405 9L420 14L435 11L450 9L465 9L480 13L495 10L510 13L525 11L540 12L555 7L570 10L585 10L600 6V0Z'/%3E%3C/svg%3E") bottom/100% 16px no-repeat}.p24-mc-packs{padding:76px 0 84px}.p24-mc .p24-materials-section{margin:0;padding:0}.p24-mc .p24-materials-section-head{margin-bottom:36px}.p24-mc .p24-materials-section-head h2{font-size:clamp(28px, 3.2vw, 40px);line-height:1.15}.p24-mc .p24-materials-section-head h2::after{content:'';display:block;width:min(220px,60%);height:12px;margin-top:8px;background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 200 14' preserveAspectRatio='none'%3E%3Cpath d='M4 9C50 3 110 12 196 5' fill='none' stroke='%23f59e0b' stroke-width='4.5' stroke-linecap='round'/%3E%3C/svg%3E") 0 0/100% 100% no-repeat}.p24-mc .p24-materials-section-head p{max-width:64ch;margin:12px 0 0;font-size:17px;color:var(--mc-muted)}.p24-mc .p24-materials-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:30px}.p24-mc .p24-materials-card{position:relative;display:flex;flex-direction:column;padding:26px 24px 22px;border:1px solid var(--mc-line);border-radius:12px;background:var(--mc-card);box-shadow:var(--mc-shadow);color:var(--mc-ink);text-decoration:none;transition:transform .35s var(--mc-ease),box-shadow .35s ease,border-color .25s ease}.p24-mc .p24-materials-card:hover{transform:translateY(-5px);border-color:var(--mc-crayon);box-shadow:var(--mc-shadow-lift)}.p24-mc .p24-materials-card>span:not(.p24-materials-pack-stack){align-self:flex-start;margin:18px 0 8px;padding:2px 12px;border-radius:6px;background:var(--mc-note);color:#6b4404;font:600 19px/1.3 Caveat,cursive;rotate:-2deg}.p24-mc .p24-materials-card h3{font-size:24px;margin-bottom:4px}.p24-mc .p24-materials-card p{margin:0 0 16px;color:var(--mc-muted)}.p24-mc .p24-materials-read-link{margin-top:auto;font-weight:600;color:var(--mc-teal)}.p24-mc .p24-materials-read-link span{transition:transform .25s var(--mc-ease);display:inline-block;width:auto;margin:0;padding:0;background:0 0;color:inherit;font:inherit;text-transform:none}.p24-mc .p24-materials-card:hover .p24-materials-read-link span{transform:translateX(5px)}.p24-mc .p24-materials-card .p24-materials-pack-stack{position:relative;display:block;width:72%;margin:6px auto 0;padding:0;aspect-ratio:990/1400;background:0 0;border-radius:0}.p24-mc .p24-materials-pack-stack img{max-width:none;padding:0;margin:0;object-fit:cover;position:absolute;inset:0;width:100%;height:100%;background:#fff;border:1px solid rgba(15,23,42,.08);border-radius:3px;box-shadow:0 10px 18px -12px rgba(15,23,42,.45);transform-origin:50% 100%;transition:rotate .45s var(--mc-spring),translate .45s var(--mc-spring)}.p24-materials-pack-stack .p24-materials-pack-sheet:first-child{rotate:6deg;translate:8px 4px}.p24-materials-pack-stack .p24-materials-pack-sheet:nth-child(2){rotate:-4deg;translate:-6px 2px}.p24-mc .p24-materials-card:hover .p24-materials-pack-sheet:first-child{rotate:14deg;translate:38px 6px}.p24-mc .p24-materials-card:hover .p24-materials-pack-sheet:nth-child(2){rotate:-12deg;translate:-34px 4px}.p24-mc .p24-materials-card:hover .p24-materials-pack-preview{translate:0 -6px}.p24-mc-section{padding:80px 0 20px}.p24-mc-section h2{font-size:clamp(28px, 3.2vw, 40px);line-height:1.15}.p24-mc h2[id]{scroll-margin-top:90px}.p24-mc-intro{max-width:64ch;margin:14px 0 34px;font-size:17px;color:var(--mc-muted)}.p24-mc-tools{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:30px}.p24-mc-tool{display:flex;flex-direction:column}.p24-mc-polaroid{position:relative;margin:0 0 22px;padding:12px 12px 30px;background:#fff;border:1px solid var(--mc-line);border-radius:4px;box-shadow:var(--mc-shadow);rotate:-1.5deg;transition:rotate .5s var(--mc-ease),translate .5s var(--mc-ease),box-shadow .3s ease}.p24-mc-tool:nth-child(2) .p24-mc-polaroid{rotate:1.2deg}.p24-mc-tool:nth-child(2) .p24-mc-tape{background-color:rgba(251,191,36,.5);rotate:3deg}.p24-mc-tool:nth-child(3) .p24-mc-polaroid{rotate:-0.6deg}.p24-mc-tool:nth-child(3) .p24-mc-tape{background-color:rgba(244,114,182,.36);rotate:-4deg}.p24-mc-tool:hover .p24-mc-polaroid{rotate:0deg;translate:0 -4px;box-shadow:var(--mc-shadow-lift)}.p24-mc-polaroid img{display:block;width:100%;height:auto;aspect-ratio:16/10;object-fit:cover;object-position:top center}.p24-mc-tool h3{font-size:26px;margin-bottom:6px}.p24-mc-tool p{margin:0 0 14px;color:var(--mc-muted)}.p24-mc-chips{list-style:none;display:flex;flex-wrap:wrap;gap:6px;padding:0;margin:0 0 20px}.p24-mc-chips li{padding:3px 10px;border:1.5px dashed var(--mc-line);border-radius:999px;font-size:13px;font-weight:600;color:var(--mc-ink);background:var(--mc-card)}.p24-mc-tool__actions{margin-top:auto;display:flex;flex-wrap:wrap;align-items:center;gap:12px 18px}.p24-mc-link{font-weight:600;font-size:15px}.p24-mc-demo{display:grid;grid-template-columns:minmax(0,1.5fr) minmax(0,1fr);gap:36px;align-items:start}.p24-mc-sheet{position:relative;padding:26px 30px 30px;background:#fff;border:1px solid var(--mc-line);border-radius:4px;box-shadow:var(--mc-shadow-lift);rotate:-0.6deg}.p24-mc-sheet__head{display:flex;justify-content:space-between;gap:16px;padding-bottom:10px;border-bottom:2px solid var(--mc-ink);font-weight:700;font-size:14px;letter-spacing:.02em;text-transform:uppercase}.p24-mc-sheet__head i{display:inline-block;width:120px;border-bottom:1.5px dotted var(--mc-muted);translate:0 -4px}.p24-mc-sheet__task{margin:14px 0 20px;font-weight:600}html.js .p24-mc-sheet__fallback{display:none}.p24-mc-match{position:relative;display:grid;grid-template-columns:1fr 1fr;column-gap:34%;row-gap:14px}.p24-mc-match__lines{position:absolute;inset:0;width:100%;height:100%;overflow:visible;pointer-events:none}.p24-mc-match__lines path{fill:none;stroke:var(--mc-crayon);stroke-width:4;stroke-linecap:round;stroke-dasharray:1;stroke-dashoffset:1;transition:stroke-dashoffset .6s cubic-bezier(.65, 0, .35, 1)}.p24-mc-match__lines path.is-drawn{stroke-dashoffset:0}.p24-mc-word{position:relative;display:flex;align-items:center;gap:12px;padding:10px 14px;border:1.5px solid var(--mc-line);border-radius:10px;background:#fff;font:600 20px/1.2 'Baloo 2',sans-serif;color:var(--mc-ink);cursor:pointer;transition:border-color .2s ease,background-color .2s ease,transform .25s var(--mc-spring)}.p24-mc-word--left{justify-content:space-between}.p24-mc-word--right{flex-direction:row-reverse;justify-content:space-between}.p24-mc-word i{width:14px;height:14px;border-radius:50%;border:2.5px solid var(--mc-ink);background:#fff;flex:0 0 auto}.p24-mc-word:hover:not(:disabled){border-color:var(--mc-crayon);transform:scale(1.03)}.p24-mc-word[aria-pressed=true]{border-color:var(--mc-crayon);background:#fff7e6;box-shadow:0 0 0 3px var(--mc-marker)}.p24-mc-word.is-done{border-color:rgba(22,163,74,.4);background:#f0fbf3;cursor:default}.p24-mc-word.is-done i{background:var(--mc-crayon);border-color:var(--mc-crayon-deep)}.p24-mc-word.is-wrong{animation:.4s p24-mc-shake;border-color:#f87171}@keyframes p24-mc-shake{20%,60%{transform:translateX(-5px)}40%,80%{transform:translateX(5px)}}.p24-mc-match-footer{display:flex;justify-content:space-between;align-items:center;gap:12px;margin-top:22px;flex-wrap:wrap}.p24-mc-match-msg{margin:0;min-height:1.5em;font-weight:600;color:var(--mc-teal)}.p24-mc-match-msg.is-done{font:600 26px/1.2 Caveat,cursive;color:var(--mc-crayon-deep)}.p24-mc-note{position:relative;padding:28px 28px 26px;background:var(--mc-note);border-radius:2px 2px 22px;box-shadow:var(--mc-shadow-lift);rotate:1.5deg}.p24-mc-note h3{font:600 30px/1.1 Caveat,cursive;color:#7c4a03;margin-bottom:10px}.p24-mc-note p{margin:0 0 18px;color:#4a3a12}.p24-mc-books{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:30px;perspective:1100px}.p24-mc-book{--spine:#0f766e;position:relative;display:flex;flex-direction:column;padding:26px 24px 22px 40px;border:1px solid var(--mc-line);border-radius:4px 14px 14px 4px;background:var(--mc-card);color:var(--mc-ink);text-decoration:none;box-shadow:3px 3px 0 -1px var(--mc-paper),3px 3px 0 0 var(--mc-line),6px 6px 0 -1px var(--mc-paper),6px 6px 0 0 var(--mc-line),var(--mc-shadow);transform-origin:0 50%;transition:transform .55s var(--mc-ease),box-shadow .4s ease}.p24-mc-book:nth-child(2){--spine:#d97706}.p24-mc-book:nth-child(3){--spine:#e11d48}.p24-mc-book::before{content:'';position:absolute;top:-1px;bottom:-1px;left:-1px;width:16px;border-radius:4px 0 0 4px;background:linear-gradient(90deg,rgba(255,255,255,.22),transparent 45%,rgba(0,0,0,.18)),repeating-linear-gradient(transparent 0 14px,rgba(255,255,255,.35) 14px 16px,transparent 16px 40px),var(--spine)}.p24-mc-book:focus-visible,.p24-mc-book:hover{transform:rotateY(-13deg) translateX(4px)}.p24-mc-book__tag{align-self:flex-start;margin-bottom:10px;font:600 20px/1 Caveat,cursive;color:var(--spine)}.p24-mc-book h3{font-size:22px;line-height:1.25;margin-bottom:8px}.p24-mc-book p{margin:0 0 16px;color:var(--mc-muted)}.p24-mc-book__more{margin-top:auto;font-weight:600;color:var(--mc-teal)}.p24-mc-book__more::after{content:' →'}.p24-mc-cta-band{margin-top:80px;padding:76px 0}.p24-mc-cta{position:relative;display:flex;justify-content:space-between;align-items:center;gap:28px;flex-wrap:wrap;padding:40px;background:var(--mc-card);border-radius:6px;box-shadow:var(--mc-shadow-lift);rotate:-0.5deg}.p24-mc-cta .p24-mc-tape{background-color:rgba(251,191,36,.5)}.p24-mc-cta h2{font-size:clamp(26px, 2.8vw, 34px);max-width:640px;margin-bottom:8px}.p24-mc-cta p{margin:0 0 14px;max-width:640px;color:var(--mc-muted)}.p24-mc-cta__links{display:flex;flex-wrap:wrap;gap:8px 18px;font-weight:600;font-size:15px}.p24-mc-footer{display:flex;justify-content:space-between;flex-wrap:wrap;gap:12px 24px;padding:30px 0 40px;font-size:14px;color:var(--mc-muted)}.p24-mc-footer p{margin:0}.p24-mc-footer nav{display:flex;flex-wrap:wrap;gap:8px 20px}@media (max-width:960px){.p24-mc-demo,.p24-mc-hero__grid{grid-template-columns:1fr}.p24-mc-fan{height:380px}.p24-mc .p24-materials-grid,.p24-mc-books,.p24-mc-tools{grid-template-columns:1fr 1fr}}@media (max-width:680px){.p24-mc-header{padding:10px 16px}.p24-mc-header nav a:not(.p24-mc-button){display:none}.p24-mc-brand{font-size:18px}.p24-mc-brand img{width:32px;height:32px}.p24-mc-hero{padding:30px 0 50px}.p24-mc-lead{font-size:17px}.p24-mc-fan{height:300px}.p24-mc-fan__sheet{width:170px;margin-left:-85px;translate:calc((var(--n) - 1) * 52px) calc(var(--n) * -6px + 12px)}.p24-mc-fan .p24-mc-fan__sheet:hover,.p24-mc-fan:hover .p24-mc-fan__sheet{translate:calc((var(--n) - 1) * 64px) 8px}.p24-mc .p24-materials-grid,.p24-mc-books,.p24-mc-tools{grid-template-columns:1fr}.p24-mc-sheet{padding:20px 16px 22px;rotate:0deg}.p24-mc-match{column-gap:22%}.p24-mc-word{font-size:17px;padding:9px 10px;gap:8px}.p24-mc-cta{padding:28px 20px;rotate:0deg}.p24-mc-note{rotate:0deg}}@media (prefers-reduced-motion:reduce){.p24-mc *,.p24-mc ::after,.p24-mc ::before{transition-duration:0s!important;animation:none!important}}@media print{.p24-mc-headbar{position:static}.p24-mc-progress{display:none}}.p24-mc-tool .p24-mc-book__tag{color:var(--mc-crayon-deep);margin-bottom:2px}.p24-mc-sheet--hero{rotate:1.2deg}.p24-mc-sheet--hero .p24-mc-tape{background-color:rgba(251,191,36,.5)}.p24-mc-tiles{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:28px;margin-top:34px}.p24-mc-tile{position:relative;padding:30px 24px 24px;background:var(--mc-card);border-radius:6px;box-shadow:var(--mc-shadow);rotate:-0.8deg}.p24-mc-tile:nth-child(2){rotate:0.8deg}.p24-mc-tile:nth-child(3){rotate:-0.4deg}.p24-mc-tile h3{font-size:22px;margin-bottom:6px}.p24-mc-tile p{margin:0;color:var(--mc-muted)}.p24-mc-tile__num{position:absolute;top:-16px;left:18px;width:40px;height:40px;display:grid;place-items:center;border-radius:50%;background:var(--mc-crayon);color:#1f1300;font:600 24px/1 Caveat,cursive;box-shadow:0 0 0 4px var(--mc-kraft);rotate:-8deg}.p24-mc-topics{list-style:none;display:flex;flex-wrap:wrap;gap:12px;padding:0;margin:0}.p24-mc-topics a{display:inline-block;padding:8px 16px;border-radius:8px;background:var(--mc-card);border:1.5px dashed var(--mc-line);color:var(--mc-ink);font-weight:600;text-decoration:none;rotate:calc(var(--r,0) * 1deg);transition:rotate .35s var(--mc-spring),border-color .2s ease,background-color .2s ease}.p24-mc-topics li:nth-child(3n+1) a{--r:-1.5}.p24-mc-topics li:nth-child(3n+2) a{--r:1.2}.p24-mc-topics a:hover{rotate:0deg;border-color:var(--mc-crayon);background:var(--mc-note)}.p24-mc-track{height:20px;margin:30px 22px -30px;pointer-events:none}.p24-mc-track svg{width:100%;height:100%;overflow:visible;fill:none;stroke:var(--mc-crayon);stroke-width:3;stroke-linecap:round}.p24-mc-track path{vector-effect:non-scaling-stroke}.p24-mc-steps{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:32px;counter-reset:mcsteps}.p24-mc-steps li{counter-increment:mcsteps}.p24-mc-steps li::before{content:'0' counter(mcsteps);position:relative;z-index:1;width:44px;height:44px;display:grid;place-items:center;margin-bottom:18px;border-radius:50%;background:var(--mc-crayon);color:#1f1300;font:600 24px/1 Caveat,cursive}.p24-mc-steps h3{font-size:21px;margin-bottom:6px}.p24-mc-steps p{margin:0;color:var(--mc-muted)}.p24-mc-faq{max-width:900px;margin-top:26px}.p24-mc-faq details{border-bottom:2px dashed var(--mc-line);padding:18px 0}.p24-mc-faq summary{display:flex;align-items:center;justify-content:space-between;gap:16px;list-style:none;cursor:pointer;font:600 18px/1.4 Onest,sans-serif}.p24-mc-faq summary::-webkit-details-marker{display:none}.p24-mc-faq summary::after{content:'';flex:0 0 26px;height:26px;background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 26 26'%3E%3Cpath d='M13.4 4.2C12.8 9 13.2 16 12.7 21.8M4.4 12.6C9.6 13.3 16 12.4 21.7 13.1' fill='none' stroke='%23f59e0b' stroke-width='3' stroke-linecap='round'/%3E%3C/svg%3E") center/contain no-repeat;transition:rotate .4s var(--mc-spring)}.p24-mc-faq details[open]>summary::after{rotate:135deg}.p24-mc-faq details p{margin:10px 0 0;color:var(--mc-muted);max-width:70ch}.p24-mc-faq details::details-content{block-size:0;overflow:clip;opacity:0;transition:block-size .4s var(--mc-ease),opacity .3s ease,content-visibility .4s allow-discrete}.p24-mc-faq details[open]::details-content{block-size:auto;opacity:1}.p24-mc-letters{list-style:none;margin:0;padding:0;display:grid;gap:10px}.p24-mc-letters li{display:flex;align-items:center;gap:12px;padding-bottom:8px;border-bottom:1px dashed var(--mc-line)}.p24-mc-letters__num{width:22px;font:600 18px/1 Caveat,cursive;color:var(--mc-muted)}.p24-mc-letters__word{display:flex;flex-wrap:wrap;gap:4px}.p24-mc-letter{position:relative;width:38px;height:42px;border:0;border-radius:8px;background:0 0;font:700 26px/1 'Baloo 2',sans-serif;color:var(--mc-ink);cursor:pointer;transition:background-color .2s}.p24-mc-letter:hover:not(:disabled){background:rgba(245,158,11,.12)}.p24-mc-letter.is-found::after{content:'';position:absolute;inset:-3px -4px;background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 56 56'%3E%3Cpath d='M12 30C8 16 30 6 44 14c10 6 6 26-10 30C18 48 8 40 10 26c2-10 16-16 26-14' fill='none' stroke='%23f59e0b' stroke-width='3.4' stroke-linecap='round'/%3E%3C/svg%3E") center/100% 100% no-repeat;animation:p24-mc-circle .4s var(--mc-ease) both}.p24-mc-letter:disabled{cursor:default}.p24-mc-letter.is-wrong{animation:.5s p24-mc-wrong-letter}@keyframes p24-mc-wrong-letter{0%,70%{color:#dc2626}20%,60%{transform:translateX(-4px)}40%{transform:translateX(4px)}100%{color:var(--mc-ink);transform:none}}.p24-mc h2.p24-mc-underline{font-size:clamp(28px, 3.2vw, 40px);line-height:1.15}@keyframes p24-mc-circle{from{clip-path:inset(0 100% 0 0)}to{clip-path:inset(0 0 0 0)}}.p24-mc-xw{display:grid;grid-template-columns:repeat(var(--cols),44px);gap:4px;justify-content:center;margin:4px 0 18px}.p24-mc-xw__cell{position:relative;width:44px;height:44px}.p24-mc-xw__cell input{width:100%;height:100%;border:2px solid var(--mc-ink);border-radius:4px;background:#fff;text-align:center;text-transform:uppercase;font:700 22px/1 'Baloo 2',sans-serif;color:var(--mc-ink);caret-color:var(--mc-crayon-deep)}.p24-mc-xw__cell input:focus{outline:3px solid var(--mc-crayon);outline-offset:1px}.p24-mc-xw__cell.is-key input{background:var(--mc-note)}.p24-mc-xw__cell.is-solved input{border-color:#16a34a;color:#0f5f33;background:#f0fbf3}.p24-mc-xw__cell.is-key.is-solved input{background:#fde68a}.p24-mc-xw__num{position:absolute;top:1px;left:4px;font:700 11px/1 Onest,sans-serif;color:var(--mc-muted);pointer-events:none}.p24-mc-xw-clues{list-style:none;margin:0 0 6px;padding:0;display:grid;gap:6px}.p24-mc-xw-clues li{display:flex;gap:10px;align-items:baseline}.p24-mc-xw-clues li.is-solved{color:#0f5f33;text-decoration:line-through;text-decoration-color:rgba(22,163,74,0.5)}.p24-mc-xw-clues b{font:600 20px/1 Caveat,cursive;color:var(--mc-crayon-deep)}@media (max-width:960px){.p24-mc-steps,.p24-mc-tiles{grid-template-columns:1fr}.p24-mc-track{display:none}}@media (max-width:680px){.p24-mc-xw{grid-template-columns:repeat(var(--cols),36px)}.p24-mc-xw__cell{width:36px;height:36px}.p24-mc-xw__cell input{font-size:18px}.p24-mc-letter{width:30px;height:36px;font-size:21px}.p24-mc-sheet--hero{rotate:0deg}}