@layer properties{@supports (((-webkit-hyphens:none)) and (not (margin-trim:inline))) or ((-moz-orient:inline) and (not (color:rgb(from red r g b)))){*,:before,:after,::backdrop{--tw-rotate-x:initial;--tw-rotate-y:initial;--tw-rotate-z:initial;--tw-skew-x:initial;--tw-skew-y:initial;--tw-border-style:solid;--tw-shadow:0 0 #0000;--tw-shadow-color:initial;--tw-shadow-alpha:100%;--tw-inset-shadow:0 0 #0000;--tw-inset-shadow-color:initial;--tw-inset-shadow-alpha:100%;--tw-ring-color:initial;--tw-ring-shadow:0 0 #0000;--tw-inset-ring-color:initial;--tw-inset-ring-shadow:0 0 #0000;--tw-ring-inset:initial;--tw-ring-offset-width:0px;--tw-ring-offset-color:#fff;--tw-ring-offset-shadow:0 0 #0000;--tw-outline-style:solid;--tw-blur:initial;--tw-brightness:initial;--tw-contrast:initial;--tw-grayscale:initial;--tw-hue-rotate:initial;--tw-invert:initial;--tw-opacity:initial;--tw-saturate:initial;--tw-sepia:initial;--tw-drop-shadow:initial;--tw-drop-shadow-color:initial;--tw-drop-shadow-alpha:100%;--tw-drop-shadow-size:initial;--tw-ease:initial}}}@layer theme{:root,:host{--font-mono:"SFMono-Regular", Consolas, "Liberation Mono", monospace;--ease-in-out:cubic-bezier(.4, 0, .2, 1);--default-font-family:"Poppins", ui-sans-serif, system-ui, sans-serif;--default-mono-font-family:"SFMono-Regular", Consolas, "Liberation Mono", monospace}}@layer base{*,:after,:before,::backdrop{box-sizing:border-box;border:0 solid;margin:0;padding:0}::file-selector-button{box-sizing:border-box;border:0 solid;margin:0;padding:0}html,:host{-webkit-text-size-adjust:100%;tab-size:4;line-height:1.5;font-family:var(--default-font-family,ui-sans-serif, system-ui, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji");font-feature-settings:var(--default-font-feature-settings,normal);font-variation-settings:var(--default-font-variation-settings,normal);-webkit-tap-highlight-color:transparent}hr{height:0;color:inherit;border-top-width:1px}abbr:where([title]){-webkit-text-decoration:underline dotted;text-decoration:underline dotted}h1,h2,h3,h4,h5,h6{font-size:inherit;font-weight:inherit}a{color:inherit;-webkit-text-decoration:inherit;-webkit-text-decoration:inherit;-webkit-text-decoration:inherit;-webkit-text-decoration:inherit;text-decoration:inherit}b,strong{font-weight:bolder}code,kbd,samp,pre{font-family:var(--default-mono-font-family,ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace);font-feature-settings:var(--default-mono-font-feature-settings,normal);font-variation-settings:var(--default-mono-font-variation-settings,normal);font-size:1em}small{font-size:80%}sub,sup{vertical-align:baseline;font-size:75%;line-height:0;position:relative}sub{bottom:-.25em}sup{top:-.5em}table{text-indent:0;border-color:inherit;border-collapse:collapse}:-moz-focusring{outline:auto}progress{vertical-align:baseline}summary{display:list-item}ol,ul,menu{list-style:none}img,svg,video,canvas,audio,iframe,embed,object{vertical-align:middle;display:block}img,video{max-width:100%;height:auto}button,input,select,optgroup,textarea{font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;color:inherit;opacity:1;background-color:#0000;border-radius:0}::file-selector-button{font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;color:inherit;opacity:1;background-color:#0000;border-radius:0}:where(select:is([multiple],[size])) optgroup{font-weight:bolder}:where(select:is([multiple],[size])) optgroup option{padding-inline-start:20px}::file-selector-button{margin-inline-end:4px}::placeholder{opacity:1}@supports (not ((-webkit-appearance:-apple-pay-button))) or (contain-intrinsic-size:1px){::placeholder{color:currentColor}@supports (color:color-mix(in lab, red, red)){::placeholder{color:color-mix(in oklab, currentcolor 50%, transparent)}}}textarea{resize:vertical}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-date-and-time-value{min-height:1lh;text-align:inherit}::-webkit-datetime-edit{display:inline-flex}::-webkit-datetime-edit-fields-wrapper{padding:0}::-webkit-datetime-edit{padding-block:0}::-webkit-datetime-edit-year-field{padding-block:0}::-webkit-datetime-edit-month-field{padding-block:0}::-webkit-datetime-edit-day-field{padding-block:0}::-webkit-datetime-edit-hour-field{padding-block:0}::-webkit-datetime-edit-minute-field{padding-block:0}::-webkit-datetime-edit-second-field{padding-block:0}::-webkit-datetime-edit-millisecond-field{padding-block:0}::-webkit-datetime-edit-meridiem-field{padding-block:0}::-webkit-calendar-picker-indicator{line-height:1}:-moz-ui-invalid{box-shadow:none}button,input:where([type=button],[type=reset],[type=submit]){appearance:button}::file-selector-button{appearance:button}::-webkit-inner-spin-button{height:auto}::-webkit-outer-spin-button{height:auto}[hidden]:where(:not([hidden=until-found])){display:none!important}}@layer components;@layer utilities{.visible{visibility:visible}.sr-only{clip-path:inset(50%);white-space:nowrap;border-width:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.absolute{position:absolute}.fixed{position:fixed}.relative{position:relative}.static{position:static}.sticky{position:sticky}.isolate{isolation:isolate}.container{width:100%}@media (min-width:40rem){.container{max-width:40rem}}@media (min-width:48rem){.container{max-width:48rem}}@media (min-width:64rem){.container{max-width:64rem}}@media (min-width:80rem){.container{max-width:80rem}}@media (min-width:96rem){.container{max-width:96rem}}.block{display:block}.contents{display:contents}.flex{display:flex}.grid{display:grid}.hidden{display:none}.inline{display:inline}.inline-block{display:inline-block}.table{display:table}.transform{transform:var(--tw-rotate-x,) var(--tw-rotate-y,) var(--tw-rotate-z,) var(--tw-skew-x,) var(--tw-skew-y,)}.resize{resize:both}.border{border-style:var(--tw-border-style);border-width:1px}.uppercase{text-transform:uppercase}.shadow{--tw-shadow:0 1px 3px 0 var(--tw-shadow-color,#0000001a), 0 1px 2px -1px var(--tw-shadow-color,#0000001a);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}.outline{outline-style:var(--tw-outline-style);outline-width:1px}.filter{filter:var(--tw-blur,) var(--tw-brightness,) var(--tw-contrast,) var(--tw-grayscale,) var(--tw-hue-rotate,) var(--tw-invert,) var(--tw-saturate,) var(--tw-sepia,) var(--tw-drop-shadow,)}.ease-in-out{--tw-ease:var(--ease-in-out);transition-timing-function:var(--ease-in-out)}.\[xml\:lang\]{xml:lang}}:root{--primary:#a25df8;--primary-light:#ecdffe;--secondary:#5f3792;--gray:#f8fafc;--text:#6b6f74;--light-grey:#666;--dark-gray:#424146;--off-black:#080f17;--off-white:#fbf9ff;--white:#fff;--warm:#ffb86b;--teal:#2fb7a8;--border:#5f379229;--shadow:0 24px 70px #5f379224}.lesson-project-memory-explainer,.lesson-project-memory-builder,.lesson-pwa-builder-section,.lesson-pwa-install-section{background:#fff}.lesson-project-memory-explainer-panel,.lesson-project-memory-panel,.lesson-pwa-builder-panel,.lesson-pwa-install-panel{border:1px solid var(--border);box-shadow:var(--shadow);border-radius:8px}.lesson-project-memory-explainer-panel{grid-template-columns:minmax(0,.82fr) minmax(32rem,1.18fr);align-items:center;gap:clamp(2rem,5vw,5rem);padding:clamp(2rem,5vw,4.5rem);display:grid}.lesson-project-memory-explainer-panel>div:first-child,.lesson-project-memory-heading>div:first-child,.lesson-pwa-builder-heading>div:first-child,.lesson-pwa-install-heading>div:first-child{gap:1rem;display:grid}.lesson-project-memory-visual{grid-template-columns:minmax(0,1fr) auto minmax(0,1fr);align-items:center;gap:1rem;display:grid}.lesson-project-memory-visual>div{color:var(--secondary);font-size:0;font-weight:700}.lesson-project-memory-visual>div:before{content:"→";font-size:1.5rem}.lesson-project-memory-visual article{border:1px solid var(--border);background:#f7f4fb;border-radius:8px;min-height:20rem;padding:1.5rem}.lesson-project-memory-visual article.is-stable{background:#effaf8;border-color:#2fb7a866}.lesson-project-memory-visual article>span{color:var(--secondary);background:#fff;border-radius:4px;margin-bottom:1.2rem;padding:.35rem .6rem;font-size:.78rem;font-weight:700;display:inline-flex}.lesson-project-memory-visual article h3{margin-bottom:.75rem;font-size:1.45rem}.lesson-project-memory-file{background:#fff;border:1px solid #2fb7a859;border-radius:6px;gap:.75rem;margin-top:2rem;padding:1.25rem;display:grid}.lesson-project-memory-file i{background:#d9eeea;border-radius:2px;width:100%;height:.55rem;display:block}.lesson-project-memory-file i:nth-child(3){width:82%}.lesson-project-memory-file i:nth-child(4){width:61%}.lesson-instruction-places .section-heading{margin-bottom:2rem}.lesson-instruction-place-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:1rem;display:grid}.lesson-instruction-place-grid article{border:1px solid var(--border);background:#fff;border-top:4px solid #d8c6ee;border-radius:8px;min-height:13rem;padding:1.5rem}.lesson-instruction-place-grid article.is-memory{border-top-color:var(--teal)}.lesson-instruction-place-grid article>span{color:var(--secondary);text-transform:uppercase;font-size:.78rem;font-weight:700}.lesson-instruction-place-grid h3{margin:.65rem 0;font-size:1.35rem}.lesson-project-memory-warning{border-left:4px solid var(--warm);background:#fff8ef;align-items:flex-start;gap:.9rem;margin-top:1rem;padding:1.2rem 1.35rem;display:flex}.lesson-project-memory-maintenance{background:#f7f4fb}.lesson-project-memory-maintenance-panel{border:1px solid var(--border);box-shadow:var(--shadow);background:#fff;border-radius:8px;grid-template-columns:minmax(0,.75fr) minmax(34rem,1.25fr);align-items:start;gap:clamp(2rem,5vw,5rem);padding:clamp(2rem,5vw,4rem);display:grid}.lesson-project-memory-maintenance-intro{gap:1rem;display:grid}.lesson-project-memory-maintenance-rules{grid-template-columns:repeat(2,minmax(0,1fr));gap:1rem;display:grid}.lesson-project-memory-maintenance-rules article{border:1px solid var(--border);border-top:4px solid var(--primary);background:#fcfaff;border-radius:8px;grid-template-columns:auto 1fr;gap:.85rem;min-height:15.75rem;padding:1.3rem;display:grid}.lesson-project-memory-maintenance-rules article:nth-child(2){border-top-color:var(--teal);background:#f2fbf9}.lesson-project-memory-maintenance-rules article>span{background:var(--secondary);color:#fff;border-radius:6px;justify-content:center;align-items:center;width:2.6rem;height:2.6rem;display:inline-flex}.lesson-project-memory-maintenance-rules article:nth-child(2)>span{background:#17685d}.lesson-project-memory-maintenance-rules small{color:var(--secondary);text-transform:uppercase;margin-bottom:.4rem;font-size:.74rem;font-weight:700;display:block}.lesson-project-memory-maintenance-rules h3{margin-bottom:.55rem;font-size:1.35rem}.lesson-project-memory-maintenance-rules p,.lesson-project-memory-maintenance-panel>aside p{font-size:.9rem;line-height:1.6}.lesson-project-memory-maintenance-panel>aside{border-left:4px solid var(--warm);background:#fff8ef;grid-column:2;padding:1rem 1.2rem}.lesson-project-memory-maintenance-panel>aside p{margin-top:.25rem}.lesson-project-memory-panel,.lesson-pwa-builder-panel,.lesson-pwa-install-panel{padding:clamp(1.5rem,4vw,3.5rem)}.lesson-project-memory-heading,.lesson-pwa-builder-heading,.lesson-pwa-install-heading{justify-content:space-between;align-items:flex-end;gap:2rem;margin-bottom:2rem;display:flex}.lesson-project-memory-count,.lesson-pwa-install-heading>div:last-child{background:var(--primary-light);text-align:center;border:1px solid #5f379233;border-radius:8px;flex:none;min-width:8.5rem;padding:1rem}.lesson-project-memory-count strong,.lesson-pwa-install-heading>div:last-child strong{color:var(--secondary);font-size:2rem;line-height:1;display:block}.lesson-project-memory-count span,.lesson-pwa-install-heading>div:last-child span{color:var(--dark-gray);margin-top:.4rem;font-size:.76rem;font-weight:700;display:block}.lesson-project-memory-workspace{grid-template-columns:minmax(0,1.25fr) minmax(22rem,.75fr);align-items:stretch;gap:1.25rem;display:grid}.lesson-project-memory-choices{gap:1rem;display:grid}.lesson-project-memory-security{background:#effaf8;border:1px solid #2fb7a859;border-radius:8px;grid-template-columns:auto 1fr auto;align-items:flex-start;gap:.9rem;padding:1.1rem;display:grid}.lesson-project-memory-security>span,.lesson-project-memory-output>div:first-child>span,.lesson-project-memory-custom>span,.lesson-pwa-prompt-output>div:first-child>span{background:var(--secondary);color:#fff;border-radius:6px;justify-content:center;align-items:center;width:2.5rem;height:2.5rem;display:inline-flex}.lesson-project-memory-security small,.lesson-project-memory-output small,.lesson-pwa-prompt-output small{color:var(--secondary);text-transform:uppercase;font-size:.74rem;font-weight:700;display:block}.lesson-project-memory-security p,.lesson-project-memory-rule-grid p{margin-top:.3rem;font-size:.84rem;line-height:1.5}.lesson-project-memory-rule-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:.75rem;display:grid}.lesson-project-memory-rule-grid button,.lesson-pwa-icon-options button{border:1px solid var(--border);min-height:7.6rem;color:var(--off-black);font:inherit;text-align:left;cursor:pointer;background:#fff;border-radius:8px;gap:.8rem;padding:1rem;display:flex}.lesson-project-memory-rule-grid button:hover,.lesson-pwa-icon-options button:hover{background:#fcfaff;border-color:#5f379273}.lesson-project-memory-rule-grid button.is-selected,.lesson-pwa-icon-options button[aria-pressed=true]{border-color:var(--secondary);box-shadow:inset 0 0 0 1px var(--secondary);background:#f4edfd}.lesson-project-memory-rule-grid button>span,.lesson-pwa-icon-options button>span{width:1.65rem;height:1.65rem;color:var(--secondary);border:1px solid #cfc2df;border-radius:50%;flex:0 0 1.65rem;justify-content:center;align-items:center;display:inline-flex}.lesson-project-memory-custom{background:#fcfaff;border:1px dashed #5f379257;border-radius:8px;gap:.9rem;padding:1rem;display:flex}.lesson-project-memory-custom>div{flex:1;gap:.3rem;display:grid}.lesson-project-memory-custom input,.lesson-pwa-builder-controls>input{border:1px solid var(--border);width:100%;color:var(--off-black);font:inherit;background:#fff;border-radius:6px;margin-top:.45rem;padding:.85rem 1rem}.lesson-project-memory-output,.lesson-pwa-prompt-output{color:#f8f5ff;background:#15121c;border:1px solid #282231;border-radius:8px;flex-direction:column;min-width:0;display:flex;overflow:hidden}.lesson-project-memory-output>div:first-child,.lesson-pwa-prompt-output>div:first-child{border-bottom:1px solid #ffffff1f;align-items:center;gap:.8rem;padding:1rem;display:flex}.lesson-project-memory-output>div:first-child strong,.lesson-pwa-prompt-output>div:first-child strong{color:#fff;display:block}.lesson-project-memory-output pre,.lesson-pwa-prompt-output pre{white-space:pre-wrap;overflow-wrap:anywhere;flex:1;min-width:0;max-height:30rem;margin:0;padding:1.15rem;overflow:auto}.lesson-project-memory-output code,.lesson-pwa-prompt-output code{font-size:.82rem;line-height:1.65}.lesson-project-memory-output>button,.lesson-pwa-prompt-output>button{background:var(--primary);color:#fff;min-height:3.4rem;font:inherit;cursor:pointer;border:0;justify-content:center;align-items:center;gap:.55rem;font-weight:700;display:flex}.lesson-project-memory-output>p{color:#d8d0e4;align-items:center;gap:.45rem;padding:.7rem 1rem;font-size:.75rem;display:flex}.lesson-pwa-simple-panel{grid-template-columns:minmax(0,.82fr) minmax(34rem,1.18fr);align-items:center;gap:clamp(2rem,6vw,6rem);display:grid}.lesson-pwa-simple-panel>div:first-child{gap:1rem;display:grid}.lesson-pwa-simple-flow{grid-template-columns:1fr auto 1fr auto 1fr;align-items:center;gap:.75rem;display:grid}.lesson-pwa-simple-flow article{border:1px solid var(--border);min-height:12rem;color:var(--secondary);text-align:center;background:#fff;border-radius:8px;align-content:center;place-items:center;gap:.8rem;padding:1rem;display:grid}.lesson-pwa-simple-flow article strong{color:var(--off-black)}.lesson-pwa-builder-workspace{grid-template-columns:minmax(19rem,.9fr) minmax(15rem,.55fr) minmax(22rem,1fr);align-items:stretch;gap:1.25rem;display:grid}.lesson-pwa-mini-status{color:#17685d;background:#effaf8;border:1px solid #2fb7a859;border-radius:6px;align-items:center;gap:.55rem;padding:.7rem .9rem;font-weight:700;display:flex}.lesson-pwa-builder-controls{border:1px solid var(--border);background:#fff;border-radius:8px;align-content:start;gap:1rem;padding:1.25rem;display:grid}.lesson-pwa-builder-controls>label,.lesson-pwa-builder-controls legend{color:var(--off-black);align-items:center;gap:.6rem;font-weight:700;display:flex}.lesson-pwa-builder-controls>label small{color:var(--text);margin-top:.15rem;font-weight:400;display:block}.lesson-pwa-builder-controls fieldset{border:0;min-width:0;margin:0;padding:0}.lesson-pwa-builder-controls legend{margin-bottom:.65rem}.lesson-pwa-icon-options{gap:.55rem;display:grid}.lesson-pwa-icon-options button{min-height:4.8rem}.lesson-pwa-icon-options small{color:var(--text);margin-top:.2rem;line-height:1.35;display:block}.lesson-pwa-color-options{flex-wrap:wrap;gap:.65rem;display:flex}.lesson-pwa-color-options button{background:var(--pwa-color);color:#fff;cursor:pointer;border:3px solid #fff;border-radius:50%;outline:1px solid #cfc7d9;place-items:center;width:2.7rem;height:2.7rem;display:inline-grid}.lesson-pwa-color-options button[aria-pressed=true]{outline:3px solid var(--secondary);outline-offset:2px}.lesson-pwa-phone-preview{background:#17141c;border:3px solid #27232d;border-radius:2.1rem;justify-self:center;width:min(100%,17rem);min-height:31rem;padding:.55rem;position:relative;box-shadow:0 20px 45px #080f1733}.lesson-pwa-phone-speaker{z-index:2;background:#17141c;border-radius:999px;width:4rem;height:.35rem;position:absolute;top:.9rem;left:50%;transform:translate(-50%)}.lesson-pwa-phone-screen{background:#f5f2fa;border-radius:1.6rem;height:100%;min-height:29.5rem;position:relative;overflow:hidden}.lesson-pwa-phone-status{color:#302b37;justify-content:flex-end;align-items:center;gap:.2rem;padding:.75rem .8rem .25rem;font-size:.62rem;font-weight:700;display:flex}.lesson-pwa-phone-status span{margin-right:auto}.lesson-pwa-phone-status i{background:#302b37;border-radius:50%;width:.35rem;height:.35rem}.lesson-pwa-phone-app-grid{grid-template-columns:repeat(3,1fr);gap:1rem;padding:1.3rem;display:grid}.lesson-pwa-phone-app-grid i,.lesson-pwa-phone-dock i{aspect-ratio:1;background:#dfd9e7;border-radius:.75rem;display:block}.lesson-pwa-preview-app{text-align:center;place-items:center;gap:.45rem;padding:.6rem 1.2rem;display:grid}.lesson-pwa-preview-app>span{color:#fff;border-radius:1rem;place-items:center;width:4.2rem;height:4.2rem;font-size:1.7rem;font-weight:700;display:grid;box-shadow:0 8px 20px #080f1729}.lesson-pwa-preview-app strong{max-width:9rem;color:var(--off-black);text-overflow:ellipsis;white-space:nowrap;font-size:.75rem;overflow:hidden}.lesson-pwa-phone-dock{background:#fffc;border-radius:1rem;grid-template-columns:repeat(3,1fr);gap:.7rem;padding:.65rem;display:grid;position:absolute;bottom:1rem;left:1rem;right:1rem}.lesson-pwa-install-section{background:#f7f4fb}.lesson-pwa-device-tabs{border:1px solid var(--border);background:#f5f2f8;border-radius:8px;grid-template-columns:repeat(2,minmax(8rem,1fr));gap:.4rem;margin-bottom:1.25rem;padding:.35rem;display:inline-grid}.lesson-pwa-device-tabs button{color:var(--dark-gray);font:inherit;cursor:pointer;background:0 0;border:0;border-radius:5px;justify-content:center;align-items:center;gap:.5rem;padding:.75rem 1rem;font-weight:700;display:flex}.lesson-pwa-device-tabs button[aria-selected=true]{color:var(--secondary);background:#fff;box-shadow:0 4px 14px #5f37921f}.lesson-pwa-install-content{grid-template-columns:minmax(0,1fr) minmax(22rem,.8fr);gap:1.25rem;display:grid}.lesson-pwa-install-steps,.lesson-pwa-proof-list{gap:.75rem;display:grid}.lesson-pwa-install-steps article,.lesson-pwa-proof-list label{border:1px solid var(--border);background:#fff;border-radius:8px;grid-template-columns:auto 1fr auto;align-items:center;gap:.8rem;min-height:6.2rem;padding:1rem;display:grid}.lesson-pwa-install-steps article>span{background:var(--secondary);color:#fff;border-radius:50%;place-items:center;width:2.3rem;height:2.3rem;font-weight:700;display:grid}.lesson-pwa-install-steps p,.lesson-pwa-proof-list small{margin-top:.25rem;font-size:.82rem;line-height:1.45;display:block}.lesson-pwa-proof-list{background:#effaf8;border:1px solid #2fb7a859;border-radius:8px;align-content:start;padding:1.2rem}.lesson-pwa-proof-list label{cursor:pointer;grid-template-columns:auto 1fr;min-height:0}.lesson-pwa-proof-list input{width:1.25rem;height:1.25rem;accent-color:var(--secondary)}.lesson-pwa-proof-list label:has(input:checked){border-color:var(--teal);background:#f7fffd}.lesson-pwa-proof-success{color:#17685d;background:#dff5ef;border-radius:6px;align-items:center;gap:.55rem;padding:.85rem;font-weight:700;display:flex}.lesson-pwa-update-flow{border-left:4px solid var(--primary);color:var(--secondary);background:#f6efff;grid-template-columns:auto 1fr auto;align-items:center;gap:.85rem;margin-top:1.25rem;padding:1rem 1.2rem;display:grid}.lesson-pwa-update-flow p{margin-top:.2rem;font-size:.85rem}@media (max-width:1100px){.lesson-project-memory-explainer-panel,.lesson-project-memory-maintenance-panel,.lesson-pwa-simple-panel,.lesson-project-memory-workspace,.lesson-pwa-install-content{grid-template-columns:1fr}.lesson-project-memory-maintenance-panel>aside{grid-column:1}.lesson-pwa-builder-workspace{grid-template-columns:minmax(0,1fr) minmax(15rem,.65fr)}.lesson-pwa-prompt-output{grid-column:1/-1}}@media (max-width:760px){.lesson-project-memory-explainer-panel,.lesson-project-memory-panel,.lesson-pwa-builder-panel,.lesson-pwa-install-panel{padding:1.2rem}.lesson-project-memory-heading,.lesson-pwa-builder-heading,.lesson-pwa-install-heading{flex-direction:column;align-items:stretch}.lesson-project-memory-count,.lesson-pwa-install-heading>div:last-child{align-self:flex-start}.lesson-project-memory-visual,.lesson-instruction-place-grid,.lesson-project-memory-maintenance-rules,.lesson-project-memory-rule-grid,.lesson-pwa-builder-workspace{grid-template-columns:1fr}.lesson-project-memory-maintenance-panel{padding:1.2rem}.lesson-project-memory-maintenance-rules article{min-height:0}.lesson-project-memory-visual>div{justify-self:center}.lesson-project-memory-visual>div:before{content:"↓"}.lesson-project-memory-visual article{min-height:0}.lesson-project-memory-workspace,.lesson-pwa-builder-workspace{min-width:0}.lesson-project-memory-output,.lesson-pwa-prompt-output{min-height:24rem}.lesson-pwa-phone-preview{min-height:29rem}.lesson-pwa-simple-flow{grid-template-columns:1fr}.lesson-pwa-simple-flow>svg{justify-self:center;transform:rotate(90deg)}.lesson-pwa-simple-flow article{min-height:8rem}.lesson-pwa-device-tabs{width:100%}.lesson-pwa-install-steps article{grid-template-columns:auto 1fr}.lesson-pwa-install-steps article>svg{display:none}.lesson-pwa-update-flow{grid-template-columns:auto 1fr}.lesson-pwa-update-flow>svg:last-child{display:none}}*{box-sizing:border-box}html{background:var(--white);scroll-behavior:smooth}body{background:radial-gradient(circle at 12% 8%, #a25df81f, transparent 34rem), linear-gradient(180deg, var(--white) 0%, var(--gray) 100%);min-height:100vh;color:var(--text);font-family:var(--font-poppins), "Poppins", ui-sans-serif, system-ui, sans-serif;margin:0}a{color:inherit;text-decoration:none}h1,h2,h3,p{margin:0}h1,h2,h3{color:var(--off-black);letter-spacing:0;font-weight:500}h1{max-width:780px;font-size:clamp(2.4rem,5vw,4.9rem);line-height:1.05}h2{max-width:820px;font-size:clamp(2rem,3vw,3rem);line-height:1.12}h3{font-size:1.15rem;line-height:1.25}p{font-size:1rem;line-height:1.65}ul{margin:0;padding:0}.sr-only{clip:rect(0, 0, 0, 0);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}.container{width:min(100% - 2rem,1200px);margin-inline:auto}.site-header{z-index:20;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);background:#ffffffe6;border-bottom:1px solid #5f37921a;position:sticky;top:0}.header-inner{grid-template-columns:auto 1fr auto auto;align-items:center;gap:1.25rem;width:min(100% - 2rem,1480px);min-height:76px;display:grid}.brand-mark{color:var(--secondary);gap:.1rem;line-height:1;display:grid}.brand-script{color:var(--secondary);font-size:1.35rem;font-weight:700}.brand-block{color:var(--off-black);text-transform:uppercase;font-size:.72rem;font-weight:600}.desktop-nav{color:var(--dark-gray);justify-content:center;align-items:stretch;gap:.4rem;font-size:.94rem;font-weight:500;display:flex}.desktop-nav>span,.nav-course-group{align-items:stretch;display:flex;position:relative}.desktop-nav a,.nav-trigger{text-align:center;border-radius:999px;justify-content:center;align-items:center;min-height:2.75rem;padding:.55rem .8rem;line-height:1.25;transition:background .16s,color .16s,box-shadow .16s;display:inline-flex}.desktop-nav a:hover,.desktop-nav a:focus-visible,.nav-locked:focus-visible,.nav-course-group:hover .nav-trigger{background:var(--primary-light);color:var(--secondary);outline:none}.nav-course-group:after{content:"";height:1.1rem;position:absolute;bottom:-.95rem;left:.9rem;right:.9rem}.nav-lesson-panel{z-index:35;visibility:hidden;opacity:0;pointer-events:none;transform-origin:top;background:radial-gradient(circle at 92% 8%,#2fb7a821,#0000 13rem),linear-gradient(135deg,#fffffffa,#faf7fff5);border:1px solid #5f379229;border-radius:14px;gap:.85rem;width:min(92vw,640px);padding:.95rem;transition:opacity .18s,transform .18s,visibility .18s;display:grid;position:absolute;top:calc(100% + .95rem);left:50%;transform:translate(-50%,8px)scale(.98);box-shadow:0 24px 70px #5f37922e}.nav-course-group:hover .nav-lesson-panel{visibility:visible;opacity:1;pointer-events:auto;transform:translate(-50%)scale(1)}.nav-lesson-panel:before{content:"";background:#fffffffa;border-top:1px solid #5f379229;border-left:1px solid #5f379229;width:14px;height:14px;position:absolute;top:-7px;left:50%;transform:translate(-50%)rotate(45deg)}.nav-lesson-panel-head{gap:.18rem;padding:.25rem .35rem .1rem;display:grid}.nav-lesson-panel-head span{color:var(--secondary);letter-spacing:.06em;text-transform:uppercase;font-size:.72rem;font-weight:850}.nav-lesson-panel-head strong{color:var(--off-black);font-size:1.05rem;line-height:1.2}.nav-lesson-list{grid-template-columns:repeat(2,minmax(0,1fr));gap:.28rem;max-height:min(62vh,32rem);padding-right:.15rem;list-style:none;display:grid;overflow:auto}.nav-lesson-list li a,.nav-lesson-list li>span{border:1px solid #0000;border-radius:10px;grid-template-columns:1.75rem minmax(0,1fr);align-items:start;gap:.58rem;min-height:3.35rem;padding:.52rem .58rem;display:grid}.nav-lesson-list li a:hover,.nav-lesson-list li a:focus-visible{color:var(--secondary);background:#ecdffe8f;border-color:#5f379229;outline:none}.nav-lesson-list li span span,.nav-lesson-list li a span{background:var(--white);width:1.7rem;height:1.7rem;color:var(--secondary);border:1px solid #5f379229;border-radius:999px;place-items:center;font-size:.74rem;font-weight:850;line-height:1;display:grid}.nav-lesson-list strong{color:var(--off-black);font-size:.86rem;font-weight:650;line-height:1.32}.nav-lesson-list li.is-locked{position:relative}.nav-lesson-list li.is-locked>span,.nav-lesson-list li.is-locked strong{color:#4241469e}.nav-lesson-list li.is-locked em{color:var(--secondary);font-size:.68rem;font-style:normal;font-weight:800;position:absolute;bottom:.56rem;right:.6rem}.nav-lesson-note{color:var(--secondary);background:#ecdffea3;border-radius:10px;padding:.72rem .8rem;font-size:.82rem;font-weight:700;line-height:1.45}.nav-lesson-overview{background:linear-gradient(135deg, var(--primary), var(--secondary));min-height:2.6rem;color:var(--white);border-radius:10px;justify-content:center;align-items:center;gap:.45rem;padding:.72rem 1rem;font-weight:750;display:inline-flex;box-shadow:0 14px 32px #5f37922e}.nav-lesson-overview:hover,.nav-lesson-overview:focus-visible{color:var(--white);transform:translateY(-1px)}.nav-locked{color:#3e3f449e;cursor:not-allowed;border-radius:999px;align-items:center;gap:.35rem;padding:.55rem .8rem;display:inline-flex}.button-row{flex-wrap:wrap;gap:.8rem;margin-top:2rem;display:flex}.button{border-radius:8px;justify-content:center;align-items:center;min-height:50px;padding:.9rem 1.45rem;font-size:.94rem;font-weight:600;line-height:1.2;transition:transform .16s,box-shadow .16s,border-color .16s;display:inline-flex}.button:hover{transform:translateY(-1px)}.button.primary{background:linear-gradient(135deg, var(--primary), var(--secondary));color:var(--white);box-shadow:0 14px 32px #5f37923d}.button.secondary{background:var(--white);color:var(--secondary);border:1px solid #5f379247}.button.disabled{opacity:.72;cursor:not-allowed;pointer-events:none}.mobile-nav{display:none;position:relative}.mobile-nav>summary{background:var(--secondary);cursor:pointer;border-radius:8px;place-content:center;gap:4px;width:42px;height:42px;list-style:none;display:grid}.mobile-nav>summary::-webkit-details-marker{display:none}.mobile-nav>summary span{background:var(--white);border-radius:999px;width:18px;height:2px;display:block}.mobile-nav-panel{overscroll-behavior:contain;border:1px solid var(--border);background:var(--white);width:min(100vw - 2rem,340px);max-height:calc(100dvh - 5rem);box-shadow:var(--shadow);border-radius:12px;gap:.35rem;padding:.8rem;display:grid;position:absolute;top:3.25rem;right:0;overflow:auto}.mobile-nav-panel a,.mobile-nav-panel .nav-locked{color:var(--off-black);border-radius:8px;padding:.85rem;font-weight:500}.mobile-nav-panel .nav-locked{color:#3e3f449e}.mobile-nav-panel a:hover{background:var(--primary-light)}.mobile-course-details{border-radius:10px}.mobile-course-details>summary{min-height:2.95rem;color:var(--off-black);cursor:pointer;border-radius:8px;justify-content:space-between;align-items:center;padding:.85rem;font-weight:500;list-style:none;display:flex}.mobile-course-details>summary::-webkit-details-marker{display:none}.mobile-course-details>summary:after{color:var(--secondary);content:"↓";font-weight:850;transition:transform .16s}.mobile-course-details[open]>summary{background:var(--primary-light);color:var(--secondary)}.mobile-course-details[open]>summary:after{transform:rotate(180deg)}.mobile-course-details>summary span{align-items:center;gap:.35rem;display:inline-flex}.mobile-course-panel{background:radial-gradient(circle at 92% 0,#2fb7a81f,#0000 10rem),#ffffffe0;border:1px solid #5f379224;border-radius:10px;gap:.6rem;margin:.2rem 0 .55rem;padding:.62rem;display:grid}.mobile-course-panel .nav-lesson-list{grid-template-columns:1fr;max-height:min(46vh,28rem)}.mobile-course-panel .nav-lesson-list li a,.mobile-course-panel .nav-lesson-list li>span{grid-template-columns:1.55rem minmax(0,1fr);min-height:2.75rem;padding:.45rem .48rem}.mobile-course-panel .nav-lesson-list strong{font-size:.82rem}.mobile-course-panel .nav-lesson-overview{min-height:2.45rem;color:var(--white);border-radius:8px;font-size:.9rem}.mobile-course-panel .nav-lesson-note{font-size:.78rem}.story-hero{background:radial-gradient(circle at 84% 20%,#2fb7a829,#0000 20rem),radial-gradient(circle at 18% 72%,#ffb86b24,#0000 18rem),linear-gradient(120deg,#ecdffef0,#fffffff5);padding:clamp(2.4rem,4vw,3.7rem) 0 clamp(3.2rem,5vw,4.6rem);overflow:hidden}.story-hero-title{text-align:center;margin-bottom:clamp(1rem,1.6vw,1.35rem)}.story-hero-title h1{flex-direction:column;align-items:center;max-width:1180px;margin-inline:auto;font-size:clamp(3.8rem,7vw,8rem);line-height:.95;display:flex}.story-hero-title h1 span{white-space:nowrap;display:block}.story-hero-quote{margin-top:clamp(1.35rem,2.8vw,2.4rem)}.story-hero-quote p{background:linear-gradient(#ffffffe0, #ffffffe0) padding-box, linear-gradient(115deg, var(--primary), var(--secondary), var(--teal), var(--primary)) border-box;max-width:980px;color:var(--dark-gray);background-size:100% 100%,240% 240%;border:3px solid #0000;border-radius:18px;margin-inline:auto;padding:clamp(1.25rem,2.2vw,1.8rem) clamp(1.35rem,3vw,2.4rem);font-size:clamp(1.15rem,1.8vw,1.65rem);line-height:1.45;animation:8s ease-in-out infinite storyQuoteBorder;position:relative;box-shadow:0 18px 44px #5f37921a}.story-hero-stage{width:min(100% - 2rem,700px)}.story-carousel{gap:.75rem;display:grid}.story-visual{position:relative}.story-carousel-actions{pointer-events:none;justify-content:space-between;align-items:center;padding:0 .75rem;display:flex;position:absolute;inset:0}.story-carousel-actions button,.story-stepper button{color:var(--secondary);cursor:pointer;font:inherit;background:#fffffff0;border:1px solid #5f379238;transition:border-color .16s,box-shadow .16s,transform .16s}.story-carousel-actions button{pointer-events:auto;border-radius:999px;place-items:center;width:42px;height:42px;font-size:1.45rem;font-weight:700;line-height:1;display:grid}.story-carousel-actions button:hover,.story-stepper button:hover{border-color:#5f37926b;transform:translateY(-1px);box-shadow:0 12px 28px #5f379224}.story-frame{aspect-ratio:16/9;background:var(--white);cursor:zoom-in;border:1px solid #5f379229;border-radius:22px;width:100%;padding:0;display:block;position:relative;overflow:hidden;box-shadow:0 30px 90px #5f37922e}.story-frame:focus-visible{outline-offset:4px;outline:3px solid #a25df857}.story-image{object-fit:cover;object-position:center;-webkit-user-select:none;user-select:none}.story-carousel-guide{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffffc7;border:1px solid #5f379224;border-radius:18px;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:1rem;padding:.85rem 1rem;display:grid;box-shadow:0 14px 36px #5f379217}.story-carousel-guide span{color:var(--secondary);letter-spacing:.04em;text-transform:uppercase;font-size:.72rem;font-weight:900;display:block}.story-carousel-guide strong{color:var(--off-black);margin-top:.18rem;font-size:clamp(1rem,1.35vw,1.22rem);line-height:1.15;display:block}.story-carousel-guide p{color:#3e3f44d1;margin-top:.25rem;font-size:clamp(.9rem,1.05vw,1rem);line-height:1.42}.story-next-cta{background:linear-gradient(135deg, var(--primary), var(--secondary));min-width:10.5rem;color:var(--white);cursor:pointer;font:inherit;white-space:nowrap;border:0;border-radius:999px;justify-content:center;align-items:center;gap:.45rem;padding:.8rem 1rem;font-size:.92rem;font-weight:800;transition:box-shadow .16s,transform .16s;display:inline-flex;box-shadow:0 14px 30px #5f379238}.story-next-cta span{color:inherit;font-size:inherit;letter-spacing:0;text-transform:none}.story-next-cta svg{fill:none;stroke:currentColor;stroke-linecap:round;stroke-linejoin:round;stroke-width:2.5px;width:1rem;height:1rem;animation:1.8s ease-in-out infinite storyNextNudge}.story-next-cta:hover{transform:translateY(-1px);box-shadow:0 16px 34px #5f379247}.story-stepper{flex-wrap:wrap;justify-content:center;gap:.5rem;display:flex}.story-stepper button{border-radius:999px;grid-template-columns:auto;place-items:center;gap:.1rem;min-width:4.15rem;min-height:2.6rem;padding:.35rem .65rem;display:grid}.story-stepper button span{font-size:.78rem;font-weight:800}.story-stepper button small{color:currentColor;opacity:.72;font-size:.62rem;font-weight:800;line-height:1}.story-stepper button.active{background:linear-gradient(135deg, var(--primary), var(--secondary));color:var(--white);border-color:#0000;box-shadow:0 12px 26px #5f379233}.page-hero{background:linear-gradient(120deg,#ecdffee6,#ffffffeb),radial-gradient(circle at 82% 20%,#2fb7a82e,#0000 22rem);padding:clamp(4rem,7vw,6.5rem) 0 4.5rem}.page-hero.compact{padding:4.2rem 0}.hero-grid{grid-template-columns:minmax(0,1.35fr) minmax(320px,.65fr);align-items:center;gap:clamp(2rem,5vw,4rem);display:grid}.page-hero.with-visual .hero-grid{grid-template-columns:minmax(0,.95fr) minmax(520px,1.05fr)}.page-hero.with-visual .hero-copy p{max-width:640px}.hero-copy p{max-width:690px;color:var(--dark-gray);margin-top:1.35rem;font-size:clamp(1.05rem,1.5vw,1.25rem)}.code-notebook{box-shadow:var(--shadow);background:#ffffffd1;border:1px solid #5f379233;border-radius:16px;overflow:hidden}.notebook-top{border-bottom:1px solid #5f37921f;gap:.45rem;padding:1rem;display:flex}.notebook-top span{background:var(--primary);border-radius:999px;width:10px;height:10px}.notebook-top span:nth-child(2){background:var(--warm)}.notebook-top span:nth-child(3){background:var(--teal)}.code-notebook pre{color:var(--secondary);font-family:var(--font-mono);white-space:pre-wrap;margin:0;padding:1.35rem;font-size:.95rem;line-height:1.8}.section{background:var(--white);padding:clamp(3.5rem,6vw,5.5rem) 0}.section.tinted{background:linear-gradient(180deg, #ecdffe8a, var(--white))}.section.example-start{padding-top:clamp(3rem,5vw,4.5rem)}.section.example-start .section-heading h2{max-width:none}.section-heading{gap:1rem;margin-bottom:2rem;display:grid}.section-heading h2{text-wrap:pretty;max-width:min(100%,1120px)}.section-heading p{max-width:760px}.lesson-hero~.section .section-heading p,.lesson-hero~.section .lesson-definition-copy>p:not(.lesson-section-kicker),.lesson-hero~.section .lesson-prompt-copy p:not(.lesson-section-kicker),.lesson-hero~.section .lesson-action-copy>p:not(.lesson-action-kicker),.lesson-hero~.section .doing-copy-panel p,.lesson-hero~.section .mindset-copy-panel p{max-width:min(100%,1120px)}.highlight-grid,.course-grid,.practice-grid,.module-grid,.step-grid,.example-grid{gap:1rem;display:grid}.highlight-grid,.step-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.course-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:1.25rem;position:relative}.course-grid:before{content:"";background:linear-gradient(90deg,#5f379233,#a25df885,#5f379233);height:2px;position:absolute;top:4.15rem;left:5%;right:5%}.course-section-heading{text-align:center;justify-items:center;max-width:780px;margin-left:auto;margin-right:auto}.course-section-heading h2,.course-section-heading p{max-width:100%}.course-section-eyebrow{color:var(--secondary);letter-spacing:.06em;text-transform:uppercase;margin:0;font-size:.82rem;font-weight:800}.practice-grid,.module-grid,.example-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.practice-grid.wide{grid-template-columns:repeat(2,minmax(0,1fr))}.highlight-card,.course-card,.practice-card,.module-card,.step-card,.example-card,.panel{border:1px solid var(--border);background:var(--white);border-radius:16px;box-shadow:0 12px 38px #5f379214}.highlight-card,.practice-card,.module-card,.step-card,.example-card,.panel{padding:1.35rem}.highlight-card{border-top:4px solid var(--primary)}.highlight-card p,.practice-card p,.module-card p,.step-card p,.example-card p,.course-card p,.panel p{margin-top:.8rem}.step-card span{background:linear-gradient(135deg, var(--primary), var(--secondary));width:2.25rem;height:2.25rem;color:var(--white);border-radius:999px;place-items:center;margin-bottom:1rem;font-weight:700;display:inline-grid}.example-card{position:relative;overflow:hidden}.example-card:before{background:linear-gradient(90deg, var(--primary), var(--teal));content:"";height:4px;position:absolute;inset:0 0 auto}.example-tabs{gap:1.45rem;display:grid}.example-case-study{grid-template-columns:minmax(230px,.34fr) minmax(0,1fr);align-items:start;gap:clamp(1rem,2.8vw,2rem);display:grid}.example-timeline{background:radial-gradient(circle at 92% 8%,#a25df821,#0000 12rem),#ffffffe6;border:1px solid #5f379224;border-radius:18px;gap:1rem;padding:1rem;display:grid;position:sticky;top:96px;box-shadow:0 18px 46px #5f379217}.example-timeline-intro{gap:.35rem;padding:.15rem .15rem .45rem;display:grid}.example-timeline-intro span,.example-output-header span,.example-insight-card span{color:var(--secondary);letter-spacing:.06em;text-transform:uppercase;font-size:.76rem;font-weight:900}.example-timeline-intro h3{font-size:clamp(1.12rem,1.4vw,1.35rem)}.example-timeline-list{gap:.65rem;display:grid;position:relative}.example-timeline-list:before{content:"";background:linear-gradient(#5f37927a,#2fb7a840);width:2px;position:absolute;top:1.2rem;bottom:1.2rem;left:1.26rem}.example-timeline-list button{z-index:1;color:var(--off-black);cursor:pointer;font:inherit;text-align:left;background:0 0;border:1px solid #0000;border-radius:14px;grid-template-columns:auto minmax(0,1fr);align-items:start;gap:.72rem;padding:.72rem;transition:background .16s,border-color .16s,box-shadow .16s,transform .16s;display:grid;position:relative}.example-timeline-list button:hover,.example-timeline-list button.active{background:#ffffffeb;border-color:#5f379229;transform:translateY(-1px);box-shadow:0 12px 28px #5f37921a}.example-timeline-list button.active .step-node{background:linear-gradient(135deg, var(--primary), var(--secondary));color:var(--white);border-color:#0000;box-shadow:0 14px 32px #5f379247}.example-timeline-copy{gap:.2rem;min-width:0;display:grid}.example-timeline-copy strong{line-height:1.2}.example-timeline-copy small{color:var(--dark-gray);font-size:.82rem;line-height:1.35}.example-case-panel{box-shadow:var(--shadow);background:linear-gradient(135deg,#fffffffa,#f8fafce6) padding-box padding-box,linear-gradient(135deg,#a25df880,#2fb7a847) border-box;border:1px solid #0000;border-radius:22px;overflow:hidden}.example-case-header{gap:.75rem;padding:clamp(1.2rem,2.5vw,1.8rem) clamp(1.2rem,2.8vw,2rem) 0;display:grid}.example-case-header h3{max-width:860px;font-size:clamp(1.65rem,2.5vw,2.65rem)}.example-case-header p{max-width:880px;color:var(--dark-gray);font-size:clamp(1rem,1.18vw,1.12rem);line-height:1.6}.example-case-grid{grid-template-columns:minmax(0,.54fr) minmax(320px,.46fr);align-items:start;gap:clamp(1rem,2.4vw,1.6rem);padding:clamp(1.2rem,2.8vw,2rem);display:grid}.example-case-copy,.example-output-card{gap:1rem;display:grid}.example-insight-grid{gap:.8rem;display:grid}.example-insight-card{background:#ffffffc2;border:1px solid #5f379221;border-radius:14px;gap:.38rem;padding:.95rem;display:grid}.example-insight-card.highlight{background:linear-gradient(135deg, #2fb7a81a, #ffffffeb), var(--white);border-color:#2fb7a847}.example-insight-card p{color:var(--dark-gray);line-height:1.55}.example-prompt-disclosure{gap:.7rem;display:grid}.example-prompt-toggle{background:var(--white);width:fit-content;min-height:44px;color:var(--secondary);cursor:pointer;font:inherit;border:1px solid #5f379233;border-radius:999px;align-items:center;gap:.5rem;padding:.58rem .85rem .58rem 1rem;font-size:.92rem;font-weight:850;transition:border-color .16s,box-shadow .16s,transform .16s;display:inline-flex}.example-prompt-toggle:hover{border-color:#5f37926b;transform:translateY(-1px);box-shadow:0 12px 28px #5f37921f}.example-prompt-toggle svg{fill:none;stroke:currentColor;stroke-linecap:round;stroke-linejoin:round;stroke-width:2.4px;width:1rem;height:1rem;transition:transform .16s}.example-prompt-toggle[aria-expanded=true] svg{transform:rotate(180deg)}.example-output-card{background:radial-gradient(circle at 92% 12%,#2fb7a81f,#0000 14rem),#ffffffd1;border:1px solid #5f379224;border-radius:18px;padding:clamp(1rem,2vw,1.25rem);box-shadow:0 18px 46px #5f379217}.example-output-header{gap:.45rem;display:grid}.example-output-header h4{color:var(--off-black);font-size:clamp(1.18rem,1.55vw,1.45rem)}.example-output-header p{color:var(--dark-gray);line-height:1.6}.example-output-card .example-website-actions{flex-wrap:wrap;gap:.65rem;display:flex}.example-output-card .example-website-actions .button{min-height:46px}.example-output-card .screenshot-thumbnail-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.example-output-card .document-thumbnail{max-width:220px}.example-tab-list{grid-template-columns:repeat(5,minmax(0,1fr));gap:.5rem;padding:.4rem 0 .1rem;display:grid;position:relative}.example-tab-list:before{content:"";background:linear-gradient(90deg,#5f379280,#a25df838);height:2px;position:absolute;top:1.55rem;left:9%;right:9%}.example-tab-list button{z-index:1;min-height:92px;color:var(--off-black);cursor:pointer;font:inherit;text-align:center;background:0 0;border:0;justify-items:center;gap:.22rem;padding:0;font-size:.9rem;font-weight:600;line-height:1.25;transition:color .16s,transform .16s;display:grid;position:relative}.step-node{background:var(--white);width:2.7rem;height:2.7rem;color:var(--secondary);border:2px solid #a25df847;border-radius:999px;place-items:center;font-weight:800;display:grid;box-shadow:0 12px 28px #5f379214}.step-meta{color:var(--secondary);margin-top:.35rem;font-size:.76rem;font-weight:700}.example-tab-list button:hover,.example-tab-list button.active{color:var(--secondary);transform:translateY(-1px)}.example-tab-list button.active .step-node{background:linear-gradient(135deg, var(--primary), var(--secondary));color:var(--white);border-color:#0000;box-shadow:0 14px 32px #5f379247}.example-tab-panel{border:1px solid var(--border);background:linear-gradient(135deg, #fffffffa, #f8fafce0), var(--white);box-shadow:var(--shadow);border-radius:18px;padding:0;overflow:hidden}.example-panel-grid{grid-template-columns:minmax(320px,.42fr) minmax(0,.58fr);gap:0;min-height:500px;display:grid}.example-tab-panel.no-evidence .example-panel-grid{grid-template-columns:1fr}.example-main-column,.example-evidence-column{align-content:start;gap:.85rem;padding:clamp(1.35rem,2.6vw,1.9rem);display:grid}.example-main-column{border-right:1px solid #5f37921f}.example-tab-panel.no-evidence .example-main-column{border-right:0}.active-step-kicker{background:var(--primary-light);color:var(--secondary);letter-spacing:.02em;text-transform:uppercase;border-radius:8px;justify-self:start;padding:.4rem .6rem;font-size:.78rem;font-weight:800}.example-tab-panel h3{max-width:680px;font-size:clamp(1.4rem,1.85vw,1.85rem)}.example-main-column>p{max-width:640px}.example-tab-panel ul{grid-template-columns:repeat(3,minmax(0,1fr));gap:.8rem;list-style:none;display:grid}.example-tab-panel li{color:var(--dark-gray);background:#ffffffb8;border:1px solid #5f379224;border-radius:12px;padding:1rem;line-height:1.55}.example-callout{border-left:4px solid var(--primary);background:var(--white);color:var(--off-black);border-radius:12px;padding:1rem 1.1rem;font-weight:600;line-height:1.55}.example-grounding{border:1px solid #2fb7a847;border-left:4px solid var(--teal);background:#2fb7a814;border-radius:12px;padding:1rem 1.1rem}.example-grounding h4,.example-prompt-box h4,.example-document-result h4,.mock-quiz h4{color:var(--off-black);margin:0 0 .45rem;font-size:1rem}.example-grounding p,.example-prompt-box p{max-width:980px}.example-prompt-box{background:linear-gradient(135deg, #ecdffe73, #fffffff5), var(--white);border:1px solid #a25df838;border-radius:14px;padding:1rem 1.1rem 1rem 1.35rem;position:relative;overflow:hidden;box-shadow:0 14px 34px #5f379214}.example-prompt-box:before{background:linear-gradient(180deg, var(--primary), var(--secondary));content:"";width:5px;position:absolute;inset:0 auto 0 0}.example-prompt-box h4{color:var(--secondary);font-size:.95rem;font-weight:800}.example-document-result{background:#ffffff94;border:1px solid #5f379224;border-radius:16px;gap:1rem;padding:1rem;display:grid}.document-download{min-height:42px;margin-left:auto;padding:.65rem 1rem}.document-preview-gallery{gap:.9rem;display:grid}.document-thumbnail{max-width:280px}.document-modal{z-index:60;place-items:center;padding:1.5rem;display:grid;position:fixed;inset:0}.document-modal-backdrop{cursor:pointer;background:#080f1794;border:0;position:absolute;inset:0}.document-modal-card{background:var(--white);border:1px solid #5f37922e;border-radius:16px;width:min(94vw,920px);max-height:min(92vh,980px);display:grid;position:relative;overflow:hidden;box-shadow:0 28px 90px #080f1747}.document-modal-header{border-bottom:1px solid #5f37921f;justify-content:space-between;align-items:center;gap:1rem;padding:.95rem 1rem;display:flex}.document-modal-header h4{color:var(--off-black);margin:0;font-size:1rem}.document-modal-close{background:var(--white);color:var(--secondary);cursor:pointer;font:inherit;border:1px solid #5f379233;border-radius:8px;padding:.55rem .85rem;font-size:.9rem;font-weight:700}.document-modal-card img{object-fit:contain;background:var(--gray);width:100%;max-height:calc(92vh - 72px);display:block;overflow:auto}.mock-document{background:var(--white);border:1px solid #5f37922e;border-radius:14px;overflow:hidden;box-shadow:0 18px 42px #5f37921f}.mock-document-header{color:var(--dark-gray);border-bottom:1px solid #5f37921f;align-items:center;gap:.65rem;padding:.75rem .95rem;font-size:.82rem;display:flex}.mock-document-header strong{color:var(--off-black)}.mock-document-header span{background:linear-gradient(135deg, var(--primary), var(--secondary));border-radius:3px;width:.72rem;height:.9rem}.mock-document-page{background:linear-gradient(180deg, var(--white), #f8fafccc);border:1px solid #5f37921f;border-radius:10px;gap:.62rem;margin:1rem;padding:1rem;display:grid}.mock-document-page h5{color:var(--off-black);margin:0;font-size:.98rem}.mock-document-page p{font-size:.9rem;line-height:1.5}.example-next-button{justify-self:start;margin-top:.35rem}.example-next-action{justify-content:flex-end;margin-top:auto;padding-top:.15rem;display:flex}.example-next-action .example-next-button{margin-top:0}.example-preview-grid{background:#ffffff94;border:1px solid #5f379224;border-radius:16px;grid-template-columns:minmax(240px,.38fr) minmax(360px,.62fr);align-items:stretch;gap:1.15rem;padding:1rem;display:grid}.example-preview-grid.single{grid-template-columns:1fr}.example-preview-grid>div:first-child{align-content:start;gap:.8rem;display:grid}.example-preview-grid h4{color:var(--off-black);margin:0;font-size:1rem}.mock-site-shot,.app-screenshot-frame{background:var(--white);border:1px solid #5f37922e;border-radius:16px;overflow:hidden;box-shadow:0 18px 42px #5f379224}.example-screenshot-gallery{background:0 0;border:0;gap:.9rem;padding:0;display:grid}.screenshot-gallery-header{grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:1rem;display:grid}.screenshot-gallery-header h4{color:var(--off-black);margin:0 0 .2rem;font-size:1rem}.screenshot-gallery-header span{color:var(--secondary);font-size:.88rem;font-weight:700}.screenshot-thumbnail-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:.7rem;display:grid}.screenshot-thumbnail{background:linear-gradient(180deg, #ffffffe6, #f8fafcd1), var(--white);color:var(--dark-gray);cursor:pointer;font:inherit;text-align:left;border:1px solid #5f379233;border-radius:12px;align-content:start;gap:.65rem;padding:.48rem;transition:background .16s,border-color .16s,box-shadow .16s,transform .16s;display:grid}.screenshot-thumbnail:hover{background:var(--white);border-color:#5f37926b;transform:translateY(-1px);box-shadow:0 16px 34px #5f379221}.screenshot-thumbnail img{aspect-ratio:16/10;object-fit:cover;object-position:top center;border:1px solid #5f379224;border-radius:8px;width:100%}.screenshot-thumbnail span{min-height:2.45rem;color:var(--dark-gray);-webkit-line-clamp:2;-webkit-box-orient:vertical;font-size:.78rem;font-weight:600;line-height:1.35;display:-webkit-box;overflow:hidden}.screenshot-lightbox{z-index:70;background:#080f17c7;place-items:center;padding:1rem;display:grid;position:fixed;inset:0}.screenshot-lightbox-backdrop{cursor:pointer;background:0 0;border:0;position:absolute;inset:0}.screenshot-lightbox-card{background:var(--white);border:1px solid #ffffff47;border-radius:16px;grid-template-rows:auto minmax(0,1fr);width:min(100%,1440px);height:calc(100vh - 2rem);animation:.18s both lightboxCardIn;display:grid;position:relative;overflow:hidden;box-shadow:0 30px 90px #080f176b}.screenshot-lightbox-header{border-bottom:1px solid #5f37921f;justify-content:space-between;align-items:center;gap:1rem;padding:.9rem 1rem;display:flex}.screenshot-lightbox-header h4{color:var(--off-black);margin:0 0 .15rem;font-size:1rem;line-height:1.3}.screenshot-lightbox-header span{color:var(--secondary);font-size:.88rem;font-weight:700}.screenshot-lightbox-close{background:var(--white);color:var(--secondary);cursor:pointer;font:inherit;border:1px solid #5f379233;border-radius:8px;padding:.55rem .85rem;font-size:.9rem;font-weight:700}.screenshot-lightbox-body{background:var(--gray);place-items:center;min-height:0;padding:1rem;display:grid;position:relative;overflow:hidden}.screenshot-lightbox-image-wrap{width:100%;height:100%;min-height:0;position:relative}.screenshot-lightbox-body .screenshot-lightbox-image{background:var(--white);object-fit:contain;border-radius:10px;animation:.24s both lightboxImageIn}.screenshot-lightbox-nav{z-index:1;width:3rem;height:3rem;color:var(--secondary);cursor:pointer;background:#ffffffeb;border:1px solid #5f379238;border-radius:999px;place-items:center;display:inline-grid;position:fixed;top:50%;transform:translateY(-50%)}.screenshot-lightbox-nav.previous{left:max(1rem,50vw - 640px - 3.8rem)}.screenshot-lightbox-nav.next{right:max(1rem,50vw - 640px - 3.8rem)}.screenshot-lightbox-nav:disabled{cursor:not-allowed;opacity:.4}.screenshot-lightbox-nav svg{fill:none;stroke:currentColor;stroke-linecap:round;stroke-linejoin:round;stroke-width:2.25px;width:1.25rem;height:1.25rem}@keyframes lightboxCardIn{0%{opacity:0;transform:translateY(8px)scale(.985)}to{opacity:1;transform:translateY(0)scale(1)}}@keyframes lightboxImageIn{0%{opacity:0;transform:translate(8px)}to{opacity:1;transform:translate(0)}}@media (prefers-reduced-motion:reduce){.screenshot-lightbox-card,.screenshot-lightbox-body .screenshot-lightbox-image,.story-next-cta svg{animation:none}}.app-screenshot-frame img{width:100%;height:auto;display:block}.example-website-link{background:linear-gradient(135deg, #2fb7a81a, #fffffff2), var(--white);border:1px solid #2fb7a83d;border-radius:14px;align-items:start;gap:1.05rem;padding:1.15rem;display:grid;position:relative;overflow:hidden;box-shadow:0 16px 42px #2fb7a814}.example-website-link:before{background:linear-gradient(180deg, var(--teal), var(--primary));content:"";width:5px;position:absolute;inset:0 auto 0 0}.example-website-link h4{color:var(--off-black);margin:0 0 .35rem;font-size:1rem}.example-website-link p{max-width:620px;font-size:.95rem}.example-website-link .button{justify-self:start;max-width:100%}.example-website-actions{flex-wrap:wrap;justify-content:flex-start;align-items:center;gap:.7rem;display:flex}.example-website-actions .button{width:fit-content}.placeholder-note{color:var(--light-grey);flex-basis:100%;font-size:.9rem}.mock-browser-top{border-bottom:1px solid #5f37921f;gap:.42rem;padding:.8rem 1rem;display:flex}.mock-browser-top span{background:var(--primary);border-radius:999px;width:9px;height:9px}.mock-browser-top span:nth-child(2){background:var(--warm)}.mock-browser-top span:nth-child(3){background:var(--teal)}.mock-quiz{gap:.65rem;padding:1.1rem;display:grid}.mock-label{color:var(--secondary);text-transform:uppercase;font-size:.72rem;font-weight:700}.mock-answer,.mock-feedback{border:1px solid #5f379224;border-radius:10px;padding:.7rem;font-size:.86rem}.mock-answer.active{background:var(--primary-light);color:var(--secondary);border-color:#5f379266;font-weight:700}.mock-feedback{color:var(--dark-gray);background:#2fb7a814}.route-list{gap:.85rem;display:grid}.route-step{border:1px solid var(--border);background:#ffffffd1;border-radius:16px;grid-template-columns:auto 1fr;align-items:start;gap:1rem;padding:1.1rem;display:grid;box-shadow:0 12px 38px #5f379214}.route-step>span{min-width:3rem;color:var(--secondary);font-size:.85rem;font-weight:700;display:inline-flex}.route-step p{margin-top:.35rem}.complexity-table{grid-template-columns:repeat(4,minmax(0,1fr));gap:1rem;display:grid}.complexity-row{border:1px solid var(--border);background:#ffffffdb;border-radius:16px;align-content:start;gap:.9rem;padding:1.2rem;display:grid;box-shadow:0 12px 38px #5f379214}.complexity-number{background:var(--primary-light);width:2.25rem;height:2.25rem;color:var(--secondary);border-radius:999px;place-items:center;font-weight:700;display:inline-grid}.complexity-row strong{color:var(--secondary);font-size:.88rem}.idea-chooser{border:1px solid var(--border);box-shadow:var(--shadow);background:linear-gradient(135deg,#ecdffe7a,#fffffff0);border-radius:16px;grid-template-columns:minmax(280px,.42fr) minmax(0,1fr);align-items:stretch;gap:1.1rem;padding:1rem;display:grid}.idea-options{align-content:start;gap:.6rem;display:grid}.idea-options button{border:1px solid var(--border);background:var(--white);width:100%;color:var(--off-black);cursor:pointer;font:inherit;text-align:left;border-radius:12px;padding:.9rem 1rem;font-size:.94rem;font-weight:600;transition:background .16s,border-color .16s,color .16s,transform .16s}.idea-options button:hover,.idea-options button.active{background:var(--primary-light);color:var(--secondary);border-color:#5f379273;transform:translateY(-1px)}.idea-result{border:1px solid var(--border);background:var(--white);border-radius:16px;gap:1rem;padding:1.6rem;display:grid;box-shadow:0 12px 38px #5f379214}.idea-result-grid{grid-template-columns:minmax(180px,.55fr) minmax(0,1fr);gap:1rem;display:grid}.idea-result h4{color:var(--off-black);margin:0 0 .55rem;font-size:.95rem}.idea-result ul{gap:.45rem;list-style:none;display:grid}.idea-result li{padding-left:1.1rem;line-height:1.5;position:relative}.idea-result li:before{color:var(--secondary);content:"✓";font-weight:700;position:absolute;left:0}.idea-result .button{justify-self:start}.course-card{--course-wash:#ecdffe70;--course-icon-background:#ffffffe0;--course-icon-color:var(--secondary);z-index:1;grid-template-rows:auto 1fr;align-content:start;gap:0;padding:0;transition:transform .18s,border-color .18s,box-shadow .18s;display:grid;position:relative;overflow:hidden}.course-card.featured{--course-wash:#ecdffec7;--course-icon-background:var(--secondary);--course-icon-color:var(--white);border-color:#5f379257;box-shadow:0 22px 54px #5f379226}.course-card[data-stage=expert]{--course-wash:#ecdffe47;--course-icon-background:#5f37921a}.course-card:hover{border-color:#5f37924d;transform:translateY(-3px);box-shadow:0 20px 52px #5f379224}.course-card .button:active{transform:translateY(1px)}.course-card-intro{background:linear-gradient(145deg, var(--course-wash), #fffffff5 74%), var(--white);border-bottom:1px solid #5f37921c;align-content:start;gap:1rem;min-height:15rem;padding:1.5rem 1.65rem 1.35rem;display:grid}.course-card-kicker{justify-content:space-between;align-items:center;gap:1rem;min-height:3.25rem;display:flex}.course-card-kicker .card-label{margin:0}.course-card-icon{background:var(--course-icon-background);width:3.25rem;height:3.25rem;color:var(--course-icon-color);border:1px solid #5f379229;border-radius:14px;flex:none;place-items:center;display:inline-grid;box-shadow:inset 0 1px #ffffffb3}.course-card-icon svg{width:1.55rem;height:1.55rem}.course-card-intro>p{margin:0}.course-card-body{grid-template-rows:1fr auto auto;gap:1rem;padding:1.35rem 1.65rem 1.65rem;display:grid}.course-card .button{width:100%;margin-top:0}.course-card .button.primary{background:var(--secondary);box-shadow:0 14px 30px #5f37923d}.course-card.locked{background:linear-gradient(135deg, #ecdffe5c, #fffffff5), var(--white);border-style:dashed}.course-card-heading{justify-content:space-between;align-items:start;gap:.75rem;display:flex}.course-card-heading h3{margin:0;font-size:clamp(1.25rem,1.6vw,1.45rem);line-height:1.25}.course-status{background:var(--white);color:var(--secondary);border:1px solid #5f37922e;border-radius:999px;flex-shrink:0;align-items:center;gap:.35rem;padding:.42rem .62rem;font-size:.76rem;font-weight:800;display:inline-flex}.course-card ul,.check-list{gap:.65rem;list-style:none;display:grid}.course-card ul{align-content:start;margin:0}.course-card li,.check-list li{padding-left:1.45rem;line-height:1.55;position:relative}.course-card li:before,.check-list li:before{color:var(--secondary);content:"✓";font-weight:700;position:absolute;left:0}.course-route-preview{background:#ecdffe38;border:1px solid #a25df82e;border-radius:14px;padding:.85rem .95rem;transition:border-color .16s,background-color .16s}.course-route-preview:hover{background:#ecdffe57;border-color:#5f379247}.course-route-preview>summary{cursor:pointer;color:var(--off-black);justify-content:space-between;align-items:center;gap:.75rem;font-size:.92rem;list-style:none;display:flex}.course-route-summary-copy{gap:.08rem;display:grid}.course-route-summary-copy strong{font-weight:800}.course-route-summary-copy small{color:var(--secondary);font-size:.75rem;font-weight:700}.course-route-preview>summary::-webkit-details-marker{display:none}.course-route-preview>summary:after{background:var(--white);width:1.75rem;height:1.75rem;color:var(--off-black);content:"+";border-radius:999px;flex:none;place-items:center;font-size:1.15rem;line-height:1;display:inline-grid;box-shadow:inset 0 0 0 1px #5f379233}.course-route-preview[open]>summary:after{content:"−"}.course-route-preview>summary:focus-visible{outline-offset:4px;border-radius:8px;outline:3px solid #a25df85c}.course-route-content{border-top:1px solid #a25df824;margin-top:.85rem;padding-top:.85rem}.course-route-preview ol{counter-reset:course-route;gap:.5rem;margin:0;padding:0;list-style:none;display:grid}.course-route-preview li{color:var(--dark-gray);counter-increment:course-route;grid-template-columns:auto minmax(0,1fr);align-items:start;gap:.55rem;padding-left:0;font-size:.92rem;line-height:1.45;display:grid}.course-route-preview li:before{background:var(--white);width:1.45rem;height:1.45rem;color:var(--secondary);content:counter(course-route);border-radius:999px;place-items:center;font-size:.72rem;font-weight:800;display:inline-grid;position:static;box-shadow:inset 0 0 0 1px #5f379229}.course-route-preview p{color:var(--secondary);margin:.1rem 0 0;font-size:.86rem;font-weight:700}@media (max-width:980px){.course-grid{grid-template-columns:1fr;max-width:760px}.course-grid:before{display:none}.course-card-intro{min-height:0}}.card-label{color:var(--secondary);text-transform:uppercase;font-size:.76rem;font-weight:700}.tag-list{flex-wrap:wrap;gap:.5rem;margin-top:1rem;display:flex}.tag-list span{color:var(--secondary);background:#ecdffe8c;border:1px solid #a25df840;border-radius:999px;padding:.45rem .7rem;font-size:.78rem;font-weight:600}.two-column{grid-template-columns:minmax(0,1fr) minmax(280px,.82fr);align-items:start;gap:2rem;display:grid}.two-column p{max-width:720px;margin-top:1rem}.module-card span{color:var(--secondary);margin-bottom:1rem;font-size:.9rem;font-weight:700;display:inline-flex}.basis-hero{background:linear-gradient(120deg,#fffffff5,#ecdffebd),radial-gradient(circle at 94% 18%,#a25df833,#0000 28rem);padding:clamp(2.5rem,4.6vw,3.8rem) 0 clamp(2.1rem,3.8vw,3rem);overflow:hidden}.basis-hero-grid{grid-template-columns:minmax(0,1.04fr) minmax(360px,.72fr);align-items:center;gap:clamp(2rem,5vw,4rem);display:grid}.basis-hero-copy{align-content:start;gap:.85rem;display:grid}.gevorderd-hero .basis-hero-grid{grid-template-columns:minmax(0,1fr) minmax(390px,.58fr);align-items:start;gap:clamp(2.6rem,5vw,5rem)}.gevorderd-hero .basis-hero-copy{gap:1rem}.gevorderd-hero .basis-hero h1,.gevorderd-hero h1{max-width:760px}.basis-hero h1{max-width:720px;font-size:clamp(2.6rem,4.4vw,4.15rem)}.basis-hero-lead{max-width:760px;color:var(--secondary);font-size:clamp(1.15rem,2vw,1.5rem);font-weight:600;line-height:1.38}.gevorderd-hero .basis-hero-lead{max-width:820px;font-size:clamp(1.22rem,1.75vw,1.55rem);line-height:1.34}.gevorderd-hero-support{max-width:760px;color:var(--dark-gray);font-size:clamp(1rem,1.2vw,1.12rem);line-height:1.62}.basis-start-panel{background:#ffffffb8;border:1px solid #5f379224;border-radius:8px;gap:.7rem;width:min(100%,680px);padding:.85rem;display:grid;box-shadow:0 18px 45px #5f379214}.basis-start-panel>p{color:var(--secondary);text-transform:uppercase;font-size:.78rem;font-weight:800}.basis-start-panel dl{grid-template-columns:minmax(112px,.72fr) minmax(190px,1.18fr) minmax(240px,1.52fr);gap:.5rem;display:grid}.gevorderd-start-panel{background:#ffffffd1;border-color:#5f37922e;gap:.82rem;width:100%;max-width:860px;padding:clamp(.95rem,1.7vw,1.15rem)}.gevorderd-hero .basis-start-panel dl{grid-template-columns:repeat(3,minmax(0,1fr));gap:.65rem}.gevorderd-hero .basis-start-panel dl div{background:linear-gradient(#fffffff5,#f8fafceb);border-color:#5f37921f;align-content:start;min-height:9.25rem;padding:.92rem;display:grid}.gevorderd-hero .basis-start-panel dt{color:var(--secondary);letter-spacing:.04em;text-transform:uppercase;font-size:.74rem;font-weight:850}.gevorderd-hero .basis-start-panel dd{color:var(--off-black);margin-top:.45rem;font-size:clamp(.94rem,1vw,1.04rem);font-weight:780;line-height:1.34}@media (max-width:1180px){.gevorderd-hero .basis-hero-grid{grid-template-columns:1fr}.gevorderd-hero .basis-start-panel dl{grid-template-columns:repeat(2,minmax(0,1fr))}}.basis-start-panel dl div{background:#ffffffdb;border:1px solid #5f37921a;border-radius:6px;min-width:0;padding:.72rem .78rem}.basis-start-panel dt{color:var(--dark-gray);font-size:.72rem;font-weight:700}.basis-start-panel dd{color:var(--off-black);gap:.18rem;margin-top:.14rem;font-size:.92rem;font-weight:800;line-height:1.28;display:grid}.basis-route-preview{border:1px solid var(--border);background:#ffffffdb;border-radius:8px;gap:1rem;padding:clamp(1rem,1.7vw,1.25rem);display:grid;box-shadow:0 24px 70px #5f379221}.basis-route-preview h2{font-size:1.15rem}.basis-route-preview ol{gap:.62rem;list-style:none;display:grid}.basis-route-preview li{grid-template-columns:2rem 1fr;align-items:center;gap:.8rem;display:grid}.basis-route-preview li span,.basis-lesson-number{background:linear-gradient(135deg, var(--primary), var(--secondary));width:2rem;height:2rem;color:var(--white);border-radius:999px;place-items:center;font-size:.86rem;font-weight:800;display:grid}.basis-route-preview a{color:var(--off-black);font-size:.92rem;font-weight:700;line-height:1.3}.basis-route-preview a:hover{color:var(--secondary)}.basis-lessons-section{padding-top:clamp(2.6rem,4.4vw,4rem)}.basis-lesson-list{border-top:1px solid #5f37921f;gap:0;display:grid}.basis-lesson-row{border-bottom:1px solid #5f37921f;grid-template-columns:2rem minmax(0,1fr) auto;align-items:center;gap:1rem;padding:1rem 0;scroll-margin-top:92px;display:grid}.basis-lesson-row h3{font-size:1.02rem}.basis-lesson-row p{color:var(--dark-gray);margin-top:.25rem;font-size:.92rem;line-height:1.5}.basis-lesson-link{background:var(--white);min-height:40px;color:var(--secondary);border:1px solid #5f379238;border-radius:8px;justify-content:center;align-items:center;padding:.58rem .9rem;font-size:.85rem;font-weight:700;display:inline-flex}.basis-lesson-link:hover{background:var(--primary-light);border-color:#5f379273}.basis-bottom-cta{background:var(--white);padding:1rem 0 4rem}.gevorderd-expert-section{background:radial-gradient(circle at 88% 20%,#2fb7a81a,#0000 20rem),linear-gradient(#f8fafceb,#fffffffa)}.gevorderd-expert-panel{background:#ffffffd1;border:1px solid #5f379224;border-radius:8px;grid-template-columns:minmax(0,.88fr) minmax(0,1.12fr);align-items:center;gap:clamp(1rem,3vw,2rem);padding:clamp(1.1rem,3vw,1.8rem);display:grid;box-shadow:0 18px 48px #5f379214}.gevorderd-expert-panel h2{margin-top:.35rem;font-size:clamp(1.55rem,2.4vw,2.3rem)}.gevorderd-expert-panel>p:last-child,.gevorderd-expert-copy p{color:var(--dark-gray);font-size:clamp(1rem,1.3vw,1.12rem)}.gevorderd-expert-copy{justify-items:start;gap:1rem;display:grid}.expert-hero{background:linear-gradient(118deg,#fffffff7,#ecdffed1),radial-gradient(circle at 92% 12%,#a25df83d,#0000 27rem)}.expert-route-preview{gap:.85rem}.expert-route-preview>div:first-child{gap:.3rem;display:grid}.expert-route-preview ol{gap:.45rem}.expert-route-preview li{align-items:start}.expert-route-copy{gap:.16rem;padding-top:.08rem;display:grid}.expert-route-copy strong{color:var(--off-black);font-size:.88rem;line-height:1.3}.expert-route-copy em{color:var(--secondary);letter-spacing:.02em;text-transform:uppercase;font-size:.7rem;font-style:normal;font-weight:800}.expert-intro-section{background:var(--white)}.expert-build-status{background:radial-gradient(circle at 90% 12%,#a25df824,#0000 14rem),#ffffffeb;align-self:stretch}.expert-build-status h3{margin-top:.35rem}.expert-build-status p:last-child{margin-top:.75rem}.expert-lesson-status{min-height:36px;color:var(--secondary);white-space:nowrap;background:#ecdffe94;border:1px solid #5f37922e;border-radius:999px;justify-content:center;align-items:center;padding:.45rem .78rem;font-size:.74rem;font-weight:800;display:inline-flex}.expert-optional-section{background:radial-gradient(circle at 88% 12%,#a25df821,#0000 24rem),linear-gradient(#f8fafceb,#ecdffe61)}.expert-optional-card{background:#ffffffe0;border:1px solid #5f379224;border-radius:8px;grid-template-columns:2rem minmax(0,1fr) auto;align-items:center;gap:1rem;padding:clamp(1rem,2vw,1.4rem);display:grid;box-shadow:0 18px 48px #5f379214}.expert-optional-card h3{font-size:1.05rem}.expert-optional-card p{color:var(--dark-gray);margin-top:.3rem;font-size:.92rem;line-height:1.5}.expert-bottom-cta .button-row{justify-content:flex-end}.expert-bottom-cta .button:disabled{cursor:not-allowed}.expert-ai-difference-section,.expert-ai-route-section,.expert-ai-idea-section{background:var(--white)}.expert-ai-difference-shell,.expert-ai-check-shell,.expert-ai-route-shell,.expert-ai-idea-shell{gap:clamp(1.35rem,3vw,2.2rem);display:grid}.expert-ai-difference-section,.expert-ai-check-section,.expert-ai-route-section,.expert-ai-idea-section{scroll-margin-top:88px}.expert-ai-difference-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:1rem;display:grid}.expert-ai-difference-grid article{background:#f8fafceb;border:1px solid #5f379224;border-radius:10px;align-content:start;gap:.72rem;padding:clamp(1.1rem,2.4vw,1.6rem);display:grid}.expert-ai-difference-grid article.is-ai{background:radial-gradient(circle at 90% 8%,#a25df826,#0000 14rem),#f6f0ffdb;border-color:#5f37924d}.expert-ai-difference-grid article>span{color:var(--secondary);letter-spacing:.04em;text-transform:uppercase;font-size:.74rem;font-weight:850}.expert-ai-difference-grid h3{font-size:clamp(1.12rem,1.5vw,1.35rem)}.expert-ai-difference-grid p{color:var(--dark-gray);line-height:1.58}.expert-ai-difference-grid strong{color:var(--secondary);border-top:1px solid #5f37921f;align-self:end;padding-top:.72rem}.expert-ai-check-section{background:radial-gradient(circle at 94% 6%,#a25df826,#0000 30rem),linear-gradient(#f8fafcf5,#ecdffe66)}.expert-ai-check-heading{grid-template-columns:minmax(0,1fr) auto;align-items:end;gap:1.5rem;display:grid}.expert-ai-check-heading>div:first-child{gap:.55rem;display:grid}.expert-ai-check-heading p:last-child{max-width:760px;color:var(--dark-gray)}.expert-ai-check-score{text-align:center;background:#ffffffdb;border:1px solid #5f379229;border-radius:9px;min-width:128px;padding:.75rem .9rem;display:grid}.expert-ai-check-score strong{color:var(--secondary);font-size:1.55rem;line-height:1}.expert-ai-check-score span{color:var(--dark-gray);margin-top:.22rem;font-size:.72rem;font-weight:750}.expert-ai-check-progress{background:#5f37921a;border-radius:999px;height:8px;overflow:hidden}.expert-ai-check-progress span{border-radius:inherit;background:linear-gradient(90deg, var(--secondary), var(--primary));height:100%;transition:width .22s;display:block}.expert-ai-app-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:1rem;display:grid}.expert-ai-app-card{background:#ffffffeb;border:1px solid #5f379224;border-radius:10px;align-content:start;gap:.9rem;padding:clamp(1rem,2vw,1.35rem);transition:border-color .18s,box-shadow .18s;display:grid;box-shadow:0 16px 42px #5f37920f}.expert-ai-app-card.is-correct{border-color:#20845d6b;box-shadow:0 16px 42px #20845d14}.expert-ai-app-card.is-wrong{border-color:#b8771c7a}.expert-ai-app-card-head{gap:.45rem;display:grid}.expert-ai-app-card-head>span{background:var(--primary-light);width:fit-content;color:var(--secondary);text-transform:uppercase;border-radius:999px;padding:.3rem .55rem;font-size:.7rem;font-weight:850}.expert-ai-app-card h3{font-size:1.08rem}.expert-ai-app-card p,.expert-ai-app-card li{color:var(--dark-gray);font-size:.9rem;line-height:1.52}.expert-ai-app-card ul{gap:.35rem;margin:0;padding-left:1.05rem;display:grid}.expert-ai-choice-row{grid-template-columns:repeat(2,minmax(0,1fr));gap:.55rem;display:grid}.expert-ai-choice-row button{background:var(--white);min-height:44px;color:var(--secondary);font:inherit;cursor:pointer;border:1px solid #5f379238;border-radius:8px;padding:.55rem .7rem;font-size:.82rem;font-weight:800}.expert-ai-choice-row button:hover,.expert-ai-choice-row button:focus-visible,.expert-ai-choice-row button.is-selected{border-color:var(--secondary);background:var(--primary-light);outline:none}.expert-ai-answer{border-radius:8px;padding:.75rem .82rem}.expert-ai-answer.success{background:#e2f7eeb8;border:1px solid #20845d33}.expert-ai-answer.warning{background:#fff4ddc7;border:1px solid #b8771c38}.expert-ai-answer strong{color:var(--off-black);font-size:.88rem}.expert-ai-answer p{margin-top:.28rem;font-size:.84rem}.expert-ai-check-summary{background:#ffffffe0;border:1px solid #5f379229;border-radius:10px;grid-template-columns:minmax(0,1.35fr) minmax(240px,.65fr);align-items:center;gap:1rem;padding:clamp(1rem,2.4vw,1.5rem);display:grid}.expert-ai-check-summary>div:first-child{gap:.45rem;display:grid}.expert-ai-check-summary p{color:var(--dark-gray)}.expert-ai-check-result,.expert-ai-check-hint{background:var(--primary-light);color:var(--secondary);border-radius:8px;padding:.9rem}.expert-ai-check-result{gap:.45rem;display:grid}.expert-ai-check-result p{color:var(--dark-gray);font-size:.85rem}.expert-ai-check-result button{width:fit-content;color:var(--secondary);font:inherit;cursor:pointer;background:0 0;border:0;font-size:.8rem;font-weight:800;text-decoration:underline}.expert-ai-route-flow{grid-template-columns:repeat(5,minmax(0,1fr));gap:.7rem;list-style:none;display:grid}.expert-ai-route-flow li{background:#f8fafceb;border:1px solid #5f379221;border-radius:9px;align-content:start;gap:.65rem;padding:.9rem;display:grid}.expert-ai-route-flow li>span{background:linear-gradient(135deg, var(--primary), var(--secondary));width:2rem;height:2rem;color:var(--white);border-radius:999px;place-items:center;font-size:.82rem;font-weight:850;display:grid}.expert-ai-route-flow li div{gap:.32rem;display:grid}.expert-ai-route-flow strong{font-size:.9rem;line-height:1.35}.expert-ai-route-flow p{color:var(--dark-gray);font-size:.82rem;line-height:1.48}.expert-ai-route-note{border-left:4px solid var(--secondary);background:var(--primary-light);border-radius:0 9px 9px 0;grid-template-columns:minmax(160px,.34fr) minmax(0,1fr);gap:1rem;padding:1rem 1.1rem;display:grid}.expert-ai-route-note p{color:var(--dark-gray)}.expert-ai-idea-section{background:radial-gradient(circle at 96% 8%, #a25df821, transparent 28rem), var(--white)}.expert-ai-idea-heading{gap:.55rem;display:grid}.expert-ai-idea-heading p:last-child{max-width:760px;color:var(--dark-gray)}.expert-ai-idea-card{background:#ffffffeb;border:1px solid #5f379224;border-radius:10px;gap:.75rem;padding:clamp(1rem,2.4vw,1.4rem);display:grid;box-shadow:0 18px 48px #5f379214}.expert-ai-idea-card label{color:var(--off-black);font-size:.9rem;font-weight:800}.expert-ai-idea-card textarea{background:var(--white);width:100%;color:var(--off-black);font:inherit;resize:vertical;border:1px solid #5f379233;border-radius:8px;padding:.72rem .78rem;font-size:.9rem}.expert-ai-idea-card textarea:focus{border-color:var(--secondary);outline:3px solid #a25df826}.expert-ai-idea-status{background:var(--primary-light);border:1px solid #5f379226;border-radius:8px;gap:.28rem;padding:.85rem .9rem;display:grid}.expert-ai-idea-status.is-ready{background:#e2f7eeb8;border-color:#20845d4d}.expert-ai-idea-status p{color:var(--dark-gray);font-size:.88rem}.expert-model-basics-section,.expert-model-regions-section,.expert-model-compare-section,.expert-model-catalog-section{scroll-margin-top:88px}.expert-model-basics-section,.expert-model-catalog-section{background:var(--white)}.expert-model-basics-shell,.expert-model-regions-shell,.expert-model-compare-shell,.expert-model-catalog-shell{gap:clamp(1.4rem,3vw,2.2rem);display:grid}.expert-model-role-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:1rem;display:grid}.expert-model-role-grid article{background:#f8fafce6;border:1px solid #5f379226;border-radius:10px;align-content:start;gap:.6rem;padding:clamp(1rem,2vw,1.4rem);display:grid}.expert-model-role-grid article.is-openrouter{background:radial-gradient(circle at 90% 10%,#a25df82b,#0000 12rem),#f6f0ffe6;border-color:#5f379257}.expert-model-role-grid article>span,.expert-model-catalog-check li>span{background:var(--secondary);width:2rem;height:2rem;color:var(--white);border-radius:999px;place-items:center;font-size:.8rem;font-weight:850;display:grid}.expert-model-role-grid article>p:first-of-type{color:var(--secondary);letter-spacing:.05em;text-transform:uppercase;font-size:.72rem;font-weight:850}.expert-model-role-grid h3{font-size:clamp(1.08rem,1.6vw,1.35rem)}.expert-model-role-grid article>p:last-child{color:var(--dark-gray);line-height:1.55}.expert-model-route{background:var(--primary-light);border:1px solid #5f379224;border-radius:10px;grid-template-columns:minmax(0,1fr) auto minmax(0,1fr) auto minmax(0,1fr) auto minmax(0,1fr);align-items:center;gap:.55rem;padding:.9rem;display:grid}.expert-model-route span{background:var(--white);min-height:3.4rem;color:var(--off-black);text-align:center;border-radius:8px;place-items:center;padding:.65rem;font-size:.82rem;font-weight:800;display:grid}.expert-model-route i{color:var(--secondary);font-style:normal;font-weight:900}.expert-model-regions-section{background:radial-gradient(circle at 92% 4%,#a25df821,#0000 28rem),linear-gradient(#f8fafcf5,#ecdffe59);scroll-margin-top:88px}.expert-model-region-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:1rem;display:grid}.expert-model-region-grid>article{background:#ffffffe6;border:1px solid #5f379226;border-top:4px solid #a25df88c;border-radius:10px;align-content:start;gap:.8rem;padding:clamp(1rem,2vw,1.35rem);display:grid;box-shadow:0 16px 40px #5f37920f}.expert-model-region-grid>article:nth-child(2){border-top-color:var(--secondary)}.expert-model-region-grid>article:nth-child(3){border-top-color:var(--warm)}.expert-model-region-heading{align-items:center;gap:.65rem;display:flex}.expert-model-region-heading>span{background:var(--primary-light);width:2.4rem;height:2.4rem;color:var(--secondary);letter-spacing:.04em;border-radius:8px;place-items:center;font-size:.72rem;font-weight:850;display:grid}.expert-model-region-heading h3{font-size:clamp(1.2rem,2vw,1.55rem)}.expert-model-region-grid>article>p{color:var(--dark-gray);font-size:.88rem;line-height:1.55}.expert-model-region-grid ul{gap:.5rem;margin-top:.15rem;list-style:none;display:grid}.expert-model-region-grid li{border-top:1px solid #5f37921c;grid-template-columns:minmax(110px,.8fr) minmax(0,1.2fr);gap:.65rem;padding-top:.55rem;display:grid}.expert-model-region-grid li strong{color:var(--off-black);font-size:.8rem}.expert-model-region-grid li span{color:var(--secondary);font-size:.8rem;font-weight:750}.expert-model-origin-note{border:1px solid #5f37922b;border-left:4px solid var(--secondary);background:#ffffffd1;border-radius:0 10px 10px 0;grid-template-columns:repeat(3,minmax(0,1fr));gap:.75rem;padding:1rem;display:grid}.expert-model-origin-note>div{grid-template-columns:1.9rem minmax(0,1fr);align-items:center;gap:.2rem .55rem;display:grid}.expert-model-origin-note>div>span{background:var(--secondary);width:1.9rem;height:1.9rem;color:var(--white);border-radius:999px;grid-row:1/3;place-items:center;font-size:.72rem;font-weight:850;display:grid}.expert-model-origin-note>div p{color:var(--dark-gray);font-size:.78rem;line-height:1.45}.expert-model-origin-note>p{color:var(--dark-gray);border-top:1px solid #5f37921f;grid-column:1/-1;padding-top:.8rem;line-height:1.55}.expert-model-factor-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:.7rem;display:grid}.expert-model-factor-grid article{background:#ffffffb8;border:1px solid #5f37921f;border-radius:9px;grid-template-columns:2.2rem minmax(0,1fr);align-items:start;gap:.65rem;padding:.85rem;display:grid}.expert-model-factor-grid article>span{background:var(--secondary);width:2.2rem;height:2.2rem;color:var(--white);border-radius:8px;place-items:center;font-weight:900;display:grid}.expert-model-factor-grid h3{font-size:.95rem}.expert-model-factor-grid p{color:var(--dark-gray);margin-top:.2rem;font-size:.78rem;line-height:1.45}.expert-model-compare-section{background:var(--white)}.expert-model-answer-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:1rem;display:grid}.expert-model-answer-card{background:#f8fafcd9;border:1px solid #5f379226;border-radius:10px;align-content:start;gap:.85rem;padding:clamp(1rem,2vw,1.3rem);transition:border-color .18s,box-shadow .18s;display:grid}.expert-model-answer-card.is-selected{border-color:var(--secondary);box-shadow:0 16px 42px #5f37921a}.expert-model-answer-card>span{color:var(--secondary);letter-spacing:.05em;text-transform:uppercase;font-size:.72rem;font-weight:850}.expert-model-answer-card>p{color:var(--dark-gray);line-height:1.6}.expert-model-answer-card button{background:var(--white);color:var(--secondary);font:inherit;cursor:pointer;border:1px solid #5f379238;border-radius:8px;align-self:end;min-height:44px;padding:.6rem .75rem;font-size:.82rem;font-weight:800}.expert-model-answer-card button:hover,.expert-model-answer-card button:focus-visible,.expert-model-answer-card button[aria-pressed=true]{border-color:var(--secondary);background:var(--primary-light);outline:none}.expert-model-compare-feedback,.expert-model-compare-note{background:var(--primary-light);border:1px solid #5f379226;border-radius:9px;gap:.3rem;padding:.9rem 1rem;display:grid}.expert-model-compare-feedback.is-correct{background:#e2f7eebf;border-color:#20845d4d}.expert-model-compare-feedback.is-warning{background:#fff4ddc7;border-color:#b8771c4d}.expert-model-compare-feedback p,.expert-model-compare-note p{color:var(--dark-gray);line-height:1.5}.expert-model-compare-note{border-left:4px solid var(--secondary);background:#f8fafce6;border-radius:0 9px 9px 0;grid-template-columns:minmax(180px,.35fr) minmax(0,1fr)}.expert-model-catalog-shell{grid-template-columns:minmax(0,.8fr) minmax(0,1.2fr);align-items:start}.expert-model-catalog-copy{align-content:start;gap:.8rem;display:grid}.expert-model-catalog-copy p:not(.lesson-section-kicker){color:var(--dark-gray);line-height:1.6}.expert-model-catalog-copy .button{width:fit-content;margin-top:.4rem}.expert-model-catalog-check{background:radial-gradient(circle at 96% 4%,#a25df824,#0000 18rem),#f8fafce6;border:1px solid #5f379229;border-radius:10px;padding:clamp(1rem,2.4vw,1.4rem)}.expert-model-catalog-check>p{color:var(--secondary);letter-spacing:.05em;text-transform:uppercase;font-size:.75rem;font-weight:850}.expert-model-catalog-check ol{grid-template-columns:repeat(2,minmax(0,1fr));gap:.8rem;margin-top:.85rem;list-style:none;display:grid}.expert-model-catalog-check li{background:#fffc;border-radius:8px;grid-template-columns:2rem minmax(0,1fr);align-items:start;gap:.65rem;padding:.75rem;display:grid}.expert-model-catalog-check li p{color:var(--dark-gray);margin-top:.22rem;font-size:.8rem;line-height:1.45}.expert-model-catalog-note{border-left:4px solid var(--warm);color:var(--dark-gray);background:#fff4ddb8;grid-column:1/-1;padding:.9rem 1rem}.expert-model-catalog-pick-note{border:1px solid #5f379233;border-left:4px solid var(--secondary);color:var(--dark-gray);background:#ecdffe8c;border-radius:0 10px 10px 0;align-self:stretch;padding:clamp(1rem,3vw,1.4rem);line-height:1.6}.expert-model-catalog-pick-note strong{color:var(--off-black);margin-bottom:.35rem;display:block}.expert-dual-model-choice-section{background:var(--white)}.expert-dual-model-choice-shell{grid-template-columns:minmax(0,.75fr) minmax(0,1.25fr);align-items:start;gap:clamp(1.4rem,4vw,3rem);display:grid}.expert-dual-model-choice-card,.expert-dual-model-builder{background:#f8fafce6;border:1px solid #5f37922e;border-radius:10px;gap:1rem;padding:clamp(1rem,3vw,1.35rem);display:grid}.expert-dual-model-fields{grid-template-columns:repeat(2,minmax(0,1fr));gap:.8rem;display:grid}.expert-dual-model-fields-stacked{grid-template-columns:1fr}.expert-dual-model-fields label{gap:.45rem;display:grid}.expert-dual-model-fields label>span{color:var(--off-black);font-size:.82rem;font-weight:800}.expert-dual-model-fields input{background:var(--white);width:100%;min-width:0;min-height:48px;color:var(--off-black);font:inherit;border:1px solid #5f379238;border-radius:8px;padding:.72rem .8rem;font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;font-size:.82rem}.expert-dual-model-fields input:focus{border-color:var(--secondary);outline:none;box-shadow:0 0 0 3px #a25df821}.expert-dual-model-choice-actions,.expert-dual-model-builder-actions{align-items:center;gap:.9rem;display:flex}.expert-dual-model-choice-actions p,.expert-dual-model-builder-actions p{color:var(--dark-gray);font-size:.76rem;line-height:1.45}.expert-dual-model-choice-card>.is-error,.expert-dual-model-builder>.is-error,.expert-dual-model-choice-card>.is-success,.expert-dual-model-builder>.is-success{border-radius:7px;padding:.65rem .75rem;font-size:.8rem;font-weight:750}.expert-dual-model-choice-card>.is-error,.expert-dual-model-builder>.is-error{color:#8c2d22;background:#9d33271a}.expert-dual-model-choice-card>.is-success,.expert-dual-model-builder>.is-success{color:#28613d;background:#3880531a}@media (max-width:1050px){.expert-ai-route-flow{grid-template-columns:repeat(3,minmax(0,1fr))}.expert-model-factor-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.expert-model-catalog-shell{grid-template-columns:1fr}}@media (max-width:760px){.expert-ai-difference-grid,.expert-ai-app-grid,.expert-model-role-grid,.expert-model-region-grid,.expert-model-answer-grid,.expert-model-factor-grid,.expert-model-catalog-check ol,.expert-model-origin-note,.expert-ai-check-heading,.expert-ai-check-summary,.expert-ai-route-note{grid-template-columns:1fr}.expert-ai-check-score{text-align:left;width:fit-content;min-width:124px}.expert-ai-route-flow{grid-template-columns:1fr}.expert-ai-route-flow li{grid-template-columns:2rem minmax(0,1fr);align-items:start}.expert-ai-choice-row,.expert-model-route{grid-template-columns:1fr}.expert-model-route i{text-align:center;transform:rotate(90deg)}.expert-model-compare-note{grid-template-columns:1fr}.expert-model-origin-note>p{grid-column:1}}.expert-openrouter-cost-section,.expert-openrouter-check-section,.expert-openrouter-account-section,.expert-openrouter-credits-section,.expert-openrouter-control-section{scroll-margin-top:88px}.expert-openrouter-cost-section,.expert-openrouter-account-section,.expert-openrouter-control-section{background:var(--white)}.expert-openrouter-cost-shell,.expert-openrouter-check-shell,.expert-openrouter-account-shell,.expert-openrouter-credits-shell,.expert-openrouter-control-shell{gap:clamp(1.4rem,3vw,2.2rem);display:grid}.expert-openrouter-payment-compare{grid-template-columns:repeat(2,minmax(0,1fr));gap:1rem;display:grid}.expert-openrouter-payment-compare article{background:#f8fafce6;border:1px solid #5f379226;border-radius:10px;align-content:start;gap:.65rem;padding:clamp(1rem,2vw,1.4rem);display:grid}.expert-openrouter-payment-compare article.is-api{background:radial-gradient(circle at 92% 10%,#a25df82e,#0000 12rem),#f6f0fff0;border-color:#5f379257}.expert-openrouter-payment-compare article>span,.expert-openrouter-current-costs span,.expert-openrouter-dashboard-checks article>span{color:var(--secondary);letter-spacing:.05em;text-transform:uppercase;font-size:.72rem;font-weight:850}.expert-openrouter-payment-compare h3{font-size:clamp(1.2rem,2vw,1.55rem)}.expert-openrouter-payment-compare p{color:var(--dark-gray);line-height:1.55}.expert-openrouter-payment-compare strong{color:var(--secondary);align-self:end}.expert-openrouter-money-flow{background:var(--primary-light);border:1px solid #5f379224;border-radius:10px;grid-template-columns:minmax(0,1fr) auto minmax(0,1fr) auto minmax(0,1fr) auto minmax(0,1fr);align-items:center;gap:.55rem;padding:.9rem;display:grid}.expert-openrouter-money-flow span{background:var(--white);min-height:3.4rem;color:var(--off-black);text-align:center;border-radius:8px;place-items:center;padding:.65rem;font-size:.82rem;font-weight:800;display:grid}.expert-openrouter-money-flow i{color:var(--secondary);font-style:normal;font-weight:900}.expert-openrouter-token-note,.expert-openrouter-key-later,.expert-openrouter-price-warning{border-left:4px solid var(--secondary);color:var(--dark-gray);background:#f6f0ffc7;border-radius:0 9px 9px 0;padding:.95rem 1rem}.expert-openrouter-token-note p,.expert-openrouter-key-later p{margin-top:.25rem;line-height:1.55}.expert-openrouter-check-section{background:radial-gradient(circle at 92% 6%,#a25df821,#0000 28rem),linear-gradient(#f8fafcf5,#ecdffe57)}.expert-openrouter-check-heading{grid-template-columns:minmax(0,1fr) auto;align-items:end;gap:1.2rem;display:grid}.expert-openrouter-check-score{text-align:center;background:#ffffffe0;border:1px solid #5f37922e;border-radius:10px;min-width:132px;padding:.8rem 1rem;display:grid}.expert-openrouter-check-score strong{color:var(--secondary);font-size:1.85rem;line-height:1}.expert-openrouter-check-score span{color:var(--dark-gray);margin-top:.3rem;font-size:.76rem;font-weight:750}.expert-openrouter-situation-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:1rem;display:grid}.expert-openrouter-situation-grid article{background:#ffffffe6;border:1px solid #5f379226;border-radius:10px;align-content:start;gap:.65rem;padding:clamp(1rem,2vw,1.3rem);display:grid}.expert-openrouter-situation-grid article>span{color:var(--secondary);letter-spacing:.05em;text-transform:uppercase;font-size:.7rem;font-weight:850}.expert-openrouter-situation-grid h3{font-size:clamp(1rem,1.5vw,1.2rem)}.expert-openrouter-situation-grid article>p{color:var(--dark-gray);line-height:1.5}.expert-openrouter-choice-row{grid-template-columns:repeat(2,minmax(0,1fr));gap:.55rem;margin-top:.2rem;display:grid}.expert-openrouter-choice-row button{background:var(--white);min-height:44px;color:var(--secondary);font:inherit;cursor:pointer;border:1px solid #5f379238;border-radius:8px;padding:.6rem .7rem;font-size:.8rem;font-weight:800}.expert-openrouter-choice-row button:hover,.expert-openrouter-choice-row button:focus-visible,.expert-openrouter-choice-row button[aria-pressed=true]{border-color:var(--secondary);background:var(--primary-light);outline:none}.expert-openrouter-choice-feedback{color:var(--dark-gray);border-radius:8px;padding:.7rem .8rem;font-size:.82rem;line-height:1.5}.expert-openrouter-choice-feedback.is-correct{background:#e2f7eebf;border:1px solid #20845d4d}.expert-openrouter-choice-feedback.is-warning{background:#fff4ddc7;border:1px solid #b8771c4d}.expert-openrouter-check-summary{border-left:4px solid var(--secondary);color:var(--dark-gray);background:#ffffffc2;padding:.85rem 1rem;font-weight:700}.expert-openrouter-account-intro{grid-template-columns:minmax(0,1fr) auto;align-items:end;gap:1.5rem;display:grid}.expert-openrouter-account-intro .button{width:fit-content}.expert-openrouter-account-steps{grid-template-columns:repeat(4,minmax(0,1fr));gap:.8rem;list-style:none;display:grid}.expert-openrouter-account-steps li{background:#f8fafce0;border:1px solid #5f379224;border-radius:10px;grid-template-columns:2rem minmax(0,1fr);align-items:start;gap:.65rem;padding:.9rem;display:grid}.expert-openrouter-account-steps li>span,.expert-openrouter-safety-grid article>span{background:var(--secondary);width:2rem;height:2rem;color:var(--white);border-radius:999px;place-items:center;font-size:.76rem;font-weight:850;display:grid}.expert-openrouter-account-steps h3{font-size:.94rem}.expert-openrouter-account-steps p{color:var(--dark-gray);margin-top:.25rem;font-size:.8rem;line-height:1.45}.expert-openrouter-key-later{grid-template-columns:2rem minmax(0,1fr);gap:.75rem;display:grid}.expert-openrouter-key-later>span{background:var(--secondary);width:2rem;height:2rem;color:var(--white);border-radius:8px;place-items:center;font-weight:900;display:grid}.expert-openrouter-credits-section{background:radial-gradient(circle at 90% 8%,#a25df821,#0000 26rem),#f8fafcf5}.expert-openrouter-current-costs{background:#ffffffe6;border:1px solid #5f37922b;border-radius:10px;grid-template-columns:.72fr repeat(3,minmax(0,1fr));display:grid;overflow:hidden}.expert-openrouter-current-costs>div{border-left:1px solid #5f37921f;align-content:center;gap:.35rem;min-height:145px;padding:1rem;display:grid}.expert-openrouter-current-costs>div:first-child{border-left:0}.expert-openrouter-cost-stamp{background:var(--secondary)}.expert-openrouter-current-costs .expert-openrouter-cost-stamp span,.expert-openrouter-current-costs .expert-openrouter-cost-stamp strong{color:var(--white)}.expert-openrouter-current-costs strong{color:var(--off-black);font-size:clamp(1.12rem,2vw,1.5rem)}.expert-openrouter-current-costs p{color:var(--dark-gray);font-size:.78rem;line-height:1.45}.expert-openrouter-current-costs .is-total{background:var(--primary-light)}.expert-openrouter-price-warning{border-left-color:var(--warm);background:#fff4ddb8;line-height:1.55}.expert-openrouter-price-warning a{color:var(--secondary);text-underline-offset:3px;font-weight:800;text-decoration:underline}.expert-openrouter-safety-grid,.expert-openrouter-dashboard-checks{grid-template-columns:repeat(3,minmax(0,1fr));gap:.9rem;display:grid}.expert-openrouter-safety-grid article,.expert-openrouter-dashboard-checks article{background:#ffffffe0;border:1px solid #5f379224;border-radius:10px;align-content:start;gap:.65rem;padding:1rem;display:grid}.expert-openrouter-safety-grid article.is-important{background:var(--primary-light);border-color:#5f379257}.expert-openrouter-safety-grid h3{font-size:1rem}.expert-openrouter-safety-grid p,.expert-openrouter-dashboard-checks p{color:var(--dark-gray);font-size:.82rem;line-height:1.5}.expert-openrouter-dashboard-checks article{min-height:150px}.expert-openrouter-dashboard-checks strong{color:var(--off-black);font-size:1.02rem}.expert-openrouter-dashboard-checks article.is-safe{background:#e2f7eeb3;border-color:#20845d4d}@media (max-width:1050px){.expert-openrouter-account-steps,.expert-openrouter-current-costs{grid-template-columns:repeat(2,minmax(0,1fr))}.expert-openrouter-current-costs>div:nth-child(3){border-top:1px solid #5f37921f;border-left:0}.expert-openrouter-current-costs>div:nth-child(4){border-top:1px solid #5f37921f}}@media (max-width:760px){.expert-openrouter-payment-compare,.expert-openrouter-situation-grid,.expert-openrouter-account-steps,.expert-openrouter-current-costs,.expert-openrouter-safety-grid,.expert-openrouter-dashboard-checks,.expert-openrouter-check-heading,.expert-openrouter-account-intro,.expert-openrouter-money-flow{grid-template-columns:1fr}.expert-openrouter-money-flow i{text-align:center;transform:rotate(90deg)}.expert-openrouter-choice-row{grid-template-columns:1fr}.expert-openrouter-check-score{text-align:left;width:fit-content;min-width:124px}.expert-openrouter-current-costs>div,.expert-openrouter-current-costs>div:nth-child(3),.expert-openrouter-current-costs>div:nth-child(4){border-top:1px solid #5f37921f;border-left:0}.expert-openrouter-current-costs>div:first-child{border-top:0}}.expert-personal-preview-section,.expert-personal-connection-section,.expert-personal-key-section,.expert-personal-env-section,.expert-personal-test-section,#bouwen{scroll-margin-top:88px}.expert-personal-preview-section,.expert-personal-key-section,.expert-personal-test-section{background:radial-gradient(circle at 92% 6%,#a25df821,#0000 27rem),linear-gradient(#f8fafcfa,#ecdffe4d)}.expert-personal-connection-section,.expert-personal-env-section{background:var(--white)}.expert-personal-preview-shell,.expert-personal-connection-shell,.expert-personal-key-shell,.expert-personal-env-shell,.expert-personal-test-shell{gap:clamp(1.4rem,3vw,2.2rem);display:grid}.expert-personal-preview-heading{grid-template-columns:minmax(0,1fr) auto;align-items:end;gap:1rem;display:grid}.expert-personal-preview-badge{color:var(--secondary);background:#ffffffe0;border:1px solid #5f37922e;border-radius:999px;padding:.5rem .75rem;font-size:.74rem;font-weight:850}.expert-personal-app-window{background:var(--white);border:1px solid #5f37922e;border-radius:12px;overflow:hidden;box-shadow:0 22px 60px #5f37921a}.expert-personal-app-bar,.expert-personal-env-code>div:first-child{background:#171126;align-items:center;gap:.4rem;padding:.72rem .9rem;display:flex}.expert-personal-app-bar>span,.expert-personal-env-code>div:first-child>span{background:#ffffff59;border-radius:999px;width:.62rem;height:.62rem}.expert-personal-app-bar>span:nth-child(2),.expert-personal-env-code>div:first-child>span:nth-child(2){background:#a25df8bf}.expert-personal-app-bar>span:nth-child(3),.expert-personal-env-code>div:first-child>span:nth-child(3){background:#ecdffecc}.expert-personal-app-bar strong,.expert-personal-env-code>div:first-child strong{color:#ffffffdb;margin-left:auto;font-size:.7rem}.expert-personal-app-content{gap:1.25rem;padding:clamp(1rem,3vw,2rem);display:grid}.expert-personal-app-intro{gap:.3rem;display:grid}.expert-personal-app-intro>span,.expert-personal-comparison-grid article>span,.expert-personal-key-card span,.expert-personal-activity-card span{color:var(--secondary);letter-spacing:.05em;text-transform:uppercase;font-size:.7rem;font-weight:850}.expert-personal-app-intro h3{font-size:clamp(1.45rem,3vw,2.1rem)}.expert-personal-app-intro p{max-width:700px;color:var(--dark-gray);line-height:1.55}.expert-personal-hobby-form{background:#f8fafce0;border:1px solid #5f379224;border-radius:10px;gap:.55rem;padding:1rem;display:grid}.expert-personal-hobby-form label{color:var(--off-black);font-weight:800}.expert-personal-hobby-form>div{grid-template-columns:minmax(0,1fr) auto;gap:.65rem;display:grid}.expert-personal-hobby-form input{background:var(--white);min-width:0;min-height:48px;color:var(--off-black);font:inherit;border:1px solid #5f379233;border-radius:8px;padding:.72rem .85rem}.expert-personal-hobby-form input:focus{border-color:var(--secondary);outline:none;box-shadow:0 0 0 3px #a25df821}.expert-personal-hobby-form button{background:var(--secondary);min-height:48px;color:var(--white);font:inherit;cursor:pointer;border:0;border-radius:8px;padding:.72rem 1rem;font-size:.84rem;font-weight:800}.expert-personal-hobby-form button:hover,.expert-personal-hobby-form button:focus-visible{background:#4b2b75;outline:none}.expert-personal-hobby-form>p{color:var(--dark-gray);font-size:.76rem;line-height:1.45}.expert-personal-hobby-form .expert-personal-form-error{color:#9d3327;font-weight:750}.expert-personal-comparison-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:1rem;display:grid}.expert-personal-comparison-grid article{background:#f8fafcd6;border:1px solid #5f379226;border-radius:10px;align-content:start;gap:.65rem;min-height:225px;padding:clamp(1rem,2vw,1.35rem);display:grid}.expert-personal-comparison-grid article.is-ready{background:radial-gradient(circle at 96% 4%, #a25df82b, transparent 14rem), var(--primary-light);border-color:#5f379257}.expert-personal-comparison-grid h4{font-size:clamp(1.05rem,1.8vw,1.25rem)}.expert-personal-comparison-grid article>p,.expert-personal-empty-state p{color:var(--dark-gray);line-height:1.6}.expert-personal-comparison-grid article>small{color:var(--secondary);border-top:1px solid #5f379224;padding-top:.55rem;font-size:.68rem;font-weight:750;line-height:1.4}.expert-personal-comparison-grid article>span{overflow-wrap:anywhere}.expert-personal-empty-state{min-height:130px;color:var(--secondary);text-align:center;border:1px dashed #5f37923d;border-radius:8px;align-content:center;gap:.3rem;padding:1rem;display:grid}.expert-personal-preview-note,.expert-personal-key-warning{border-left:4px solid var(--secondary);color:var(--dark-gray);background:#ffffffc2;padding:.9rem 1rem;line-height:1.55}.expert-personal-route-grid,.expert-personal-test-steps{grid-template-columns:repeat(4,minmax(0,1fr));gap:.8rem;list-style:none;display:grid}.expert-personal-route-grid li,.expert-personal-test-steps li{background:#f8fafcdb;border:1px solid #5f379224;border-radius:10px;grid-template-columns:2rem minmax(0,1fr);align-items:start;gap:.65rem;padding:.9rem;display:grid}.expert-personal-route-grid li>span,.expert-personal-env-checks article>span,.expert-personal-test-steps li>span{background:var(--secondary);width:2rem;height:2rem;color:var(--white);border-radius:999px;place-items:center;font-size:.75rem;font-weight:850;display:grid}.expert-personal-route-grid h3,.expert-personal-test-steps h3{font-size:.93rem}.expert-personal-route-grid p,.expert-personal-test-steps p{color:var(--dark-gray);margin-top:.24rem;font-size:.79rem;line-height:1.45}.expert-personal-route-summary{background:var(--primary-light);border:1px solid #5f379224;border-radius:10px;grid-template-columns:minmax(0,1fr) auto minmax(0,1fr) auto minmax(0,1fr) auto minmax(0,1fr);align-items:center;gap:.55rem;padding:.85rem;display:grid}.expert-personal-route-summary span{background:var(--white);text-align:center;border-radius:8px;place-items:center;min-height:3.4rem;padding:.6rem;font-size:.8rem;font-weight:800;display:grid}.expert-personal-route-summary i{color:var(--secondary);text-align:center;font-size:.72rem;font-style:normal;font-weight:800}.expert-personal-secret-rule{border:1px solid #5f37922e;border-left:4px solid var(--secondary);color:var(--dark-gray);background:#f6f0ffcc;border-radius:0 9px 9px 0;padding:.95rem 1rem}.expert-personal-secret-rule p{margin-top:.28rem;line-height:1.55}.expert-personal-secret-rule code,.expert-personal-env-copy code,.expert-personal-env-checks code{color:var(--secondary);background:#5f37921a;border-radius:4px;padding:.08rem .3rem;font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;font-size:.86em}.expert-personal-key-copy{grid-template-columns:minmax(0,1fr) auto;align-items:end;gap:1.5rem;display:grid}.expert-personal-key-copy .button{width:fit-content}.expert-personal-key-card{background:#ffffffe6;border:1px solid #5f37922b;border-radius:10px;grid-template-columns:repeat(3,minmax(0,1fr));display:grid;overflow:hidden}.expert-personal-key-card>div{border-left:1px solid #5f37921f;align-content:center;gap:.4rem;min-height:120px;padding:1rem;display:grid}.expert-personal-key-card>div:first-child{border-left:0}.expert-personal-key-card strong{color:var(--off-black);font-size:1rem}.expert-personal-key-warning{border-left-color:var(--warm);background:#fff4ddc2}.expert-personal-env-shell{grid-template-columns:minmax(0,.82fr) minmax(0,1.18fr);align-items:start}.expert-dual-model-builder{background:#ecdffe57;grid-column:1/-1}.expert-personal-env-copy{gap:.75rem;display:grid}.expert-personal-env-copy p:not(.lesson-section-kicker){color:var(--dark-gray);line-height:1.58}.expert-personal-env-code{background:#211933;border:1px solid #5f379233;border-radius:10px;overflow:hidden;box-shadow:0 20px 50px #17112621}.expert-personal-env-code pre{color:#f4ecff;margin:0;padding:clamp(1rem,3vw,1.5rem);font-size:clamp(.74rem,1.5vw,.9rem);line-height:1.75;overflow-x:auto}.expert-personal-env-checks{grid-column:1/-1;grid-template-columns:repeat(2,minmax(0,1fr));gap:.8rem;display:grid}.expert-personal-env-checks article{background:#f8fafcdb;border:1px solid #5f379224;border-radius:10px;grid-template-columns:2rem minmax(0,1fr);align-items:center;gap:.25rem .7rem;padding:.9rem;display:grid}.expert-personal-env-checks article>span{grid-row:1/3}.expert-personal-env-checks h3{font-size:.94rem}.expert-personal-env-checks p{color:var(--dark-gray);font-size:.8rem;line-height:1.45}.expert-personal-test-steps{grid-template-columns:repeat(3,minmax(0,1fr))}.expert-personal-activity-card{background:#ffffffe6;border:1px solid #5f379233;border-radius:10px;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:1rem;padding:1rem;display:grid}.expert-personal-activity-card>div{gap:.25rem;display:grid}.expert-personal-activity-card p{color:var(--dark-gray);line-height:1.5}.expert-personal-error-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:.8rem;display:grid}.expert-personal-error-grid article{background:#fff4ddb8;border:1px solid #b8771c38;border-radius:9px;grid-template-columns:auto minmax(0,1fr);align-items:center;gap:.65rem;padding:.8rem;display:grid}.expert-personal-error-grid span{color:#825519;background:#b8771c29;border-radius:7px;padding:.35rem .45rem;font-size:.75rem;font-weight:850}.expert-personal-error-grid p{color:var(--dark-gray);font-size:.78rem;line-height:1.4}@media (max-width:1050px){.expert-personal-route-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.expert-personal-env-shell,.expert-dual-model-choice-shell{grid-template-columns:1fr}}@media (max-width:760px){.expert-personal-preview-heading,.expert-personal-hobby-form>div,.expert-personal-comparison-grid,.expert-personal-route-grid,.expert-personal-key-copy,.expert-personal-key-card,.expert-personal-env-checks,.expert-personal-test-steps,.expert-personal-activity-card,.expert-personal-error-grid,.expert-dual-model-fields{grid-template-columns:1fr}.expert-dual-model-choice-actions,.expert-dual-model-builder-actions{flex-direction:column;align-items:stretch}.expert-dual-model-choice-actions .button,.expert-dual-model-builder-actions .button{width:100%}.expert-personal-preview-badge{width:fit-content}.expert-personal-comparison-grid article{min-height:0}.expert-personal-route-summary{grid-template-columns:1fr}.expert-personal-route-summary i{padding:.15rem 0}.expert-personal-key-card>div,.expert-personal-key-card>div:first-child{border-top:1px solid #5f37921f;border-left:0;min-height:0}.expert-personal-key-card>div:first-child{border-top:0}.expert-personal-activity-card .button{width:100%}}.expert-feedback-preview-section,.expert-feedback-route-section,.expert-feedback-quality-section,.expert-feedback-fresh-section,.expert-feedback-model-section,.expert-feedback-test-section{scroll-margin-top:88px}.expert-feedback-preview-section,.expert-feedback-quality-section,.expert-feedback-model-section,.expert-feedback-test-section{background:radial-gradient(circle at 92% 6%,#a25df81f,#0000 27rem),linear-gradient(#f8fafcfa,#ecdffe47)}.expert-feedback-route-section,.expert-feedback-fresh-section{background:var(--white)}.expert-feedback-shell,.expert-feedback-quality-shell,.expert-feedback-model-shell{gap:clamp(1.35rem,3vw,2.2rem);display:grid}.expert-feedback-heading{grid-template-columns:minmax(0,1fr) auto;align-items:end;gap:1rem;display:grid}.expert-feedback-heading>span{color:var(--secondary);background:#ffffffe6;border:1px solid #5f37922e;border-radius:999px;padding:.5rem .75rem;font-size:.74rem;font-weight:850}.expert-feedback-app-window{background:var(--white);border:1px solid #5f37922e;border-radius:12px;overflow:hidden;box-shadow:0 22px 60px #5f37921a}.expert-feedback-app-bar{background:#171126;align-items:center;gap:.4rem;padding:.72rem .9rem;display:flex}.expert-feedback-app-bar>span{background:#ffffff59;border-radius:999px;width:.62rem;height:.62rem}.expert-feedback-app-bar>span:nth-child(2){background:#a25df8bf}.expert-feedback-app-bar>span:nth-child(3){background:#ecdffecc}.expert-feedback-app-bar strong{color:#ffffffdb;margin-left:auto;font-size:.7rem}.expert-feedback-app-content{gap:1rem;padding:clamp(1rem,3vw,2rem);display:grid}.expert-feedback-question-card{background:#f8fafce0;border:1px solid #5f379226;border-radius:10px;grid-template-columns:minmax(0,1.2fr) minmax(0,.8fr);display:grid;overflow:hidden}.expert-feedback-question-card>div{align-content:center;gap:.4rem;min-height:128px;padding:1rem;display:grid}.expert-feedback-question-card>div+div{background:var(--primary-light);border-left:1px solid #5f379221}.expert-feedback-question-card span,.expert-feedback-result span,.expert-feedback-saved-models span{color:var(--secondary);letter-spacing:.05em;text-transform:uppercase;font-size:.7rem;font-weight:850}.expert-feedback-question-card h3{font-size:clamp(1.05rem,2vw,1.4rem);line-height:1.35}.expert-feedback-question-card p{color:var(--dark-gray);line-height:1.55}.expert-feedback-answer-form{border:1px solid #5f379224;border-radius:10px;gap:.55rem;padding:1rem;display:grid}.expert-feedback-answer-form label{color:var(--off-black);font-weight:800}.expert-feedback-answer-form textarea,.expert-feedback-model-picker input{background:var(--white);width:100%;min-width:0;color:var(--off-black);font:inherit;border:1px solid #5f379233;border-radius:8px;padding:.75rem .85rem;line-height:1.55}.expert-feedback-answer-form textarea{resize:vertical;min-height:112px}.expert-feedback-answer-form textarea:focus,.expert-feedback-model-picker input:focus{border-color:var(--secondary);outline:none;box-shadow:0 0 0 3px #a25df821}.expert-feedback-answer-form>div{justify-content:space-between;align-items:center;gap:1rem;display:flex}.expert-feedback-answer-form>div p,.expert-feedback-answer-form>p{color:var(--dark-gray);font-size:.76rem;line-height:1.45}.expert-feedback-answer-form>p[role=alert]{color:#9d3327;font-weight:750}.expert-feedback-answer-form button{background:var(--secondary);min-height:46px;color:var(--white);font:inherit;border:0;border-radius:8px;flex:none;padding:.7rem 1rem;font-size:.84rem;font-weight:800}.expert-feedback-result{grid-template-columns:repeat(3,minmax(0,1fr));gap:.8rem;display:grid}.expert-feedback-result article{border:1px solid #5f37922b;border-top:4px solid var(--secondary);background:var(--white);border-radius:10px;align-content:start;gap:.55rem;min-height:155px;padding:1rem;display:grid}.expert-feedback-result article:first-child{border-top-color:#2f8f83}.expert-feedback-result article:last-child{border-top-color:var(--warm)}.expert-feedback-result p,.expert-feedback-empty-state p{color:var(--dark-gray);line-height:1.55}.expert-feedback-empty-state{min-height:110px;color:var(--secondary);text-align:center;background:#ecdffe38;border:1px dashed #5f379240;border-radius:10px;place-content:center;gap:.35rem;padding:1rem;display:grid}.expert-feedback-preview-note,.expert-feedback-test-note{border-left:4px solid var(--secondary);color:var(--dark-gray);background:#ffffffd1;padding:.9rem 1rem;line-height:1.55}.expert-feedback-route-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:.8rem;list-style:none;display:grid}.expert-feedback-route-grid li,.expert-feedback-fresh-grid li,.expert-feedback-test-grid li{background:#f8fafcdb;border:1px solid #5f379224;border-radius:10px;grid-template-columns:2rem minmax(0,1fr);align-items:start;gap:.65rem;padding:.9rem;display:grid}.expert-feedback-route-grid li>span,.expert-feedback-fresh-grid li>span,.expert-feedback-test-grid li>span{background:var(--secondary);width:2rem;height:2rem;color:var(--white);border-radius:999px;place-items:center;font-size:.75rem;font-weight:850;display:grid}.expert-feedback-route-grid h3,.expert-feedback-fresh-grid h3,.expert-feedback-test-grid h3{font-size:.94rem}.expert-feedback-route-grid p,.expert-feedback-fresh-grid p,.expert-feedback-test-grid p{color:var(--dark-gray);margin-top:.25rem;font-size:.8rem;line-height:1.45}.expert-feedback-route-line{background:var(--primary-light);border:1px solid #5f379224;border-radius:10px;grid-template-columns:minmax(0,1fr) auto minmax(0,1fr) auto minmax(0,1fr) auto minmax(0,1fr);align-items:center;gap:.55rem;padding:.85rem;display:grid}.expert-feedback-route-line span{background:var(--white);text-align:center;border-radius:8px;place-items:center;min-height:3.4rem;padding:.6rem;font-size:.8rem;font-weight:800;display:grid}.expert-feedback-route-line i{color:var(--secondary);font-style:normal;font-weight:850}.expert-feedback-teacher-rule{color:var(--dark-gray);background:#2f8f8314;border:1px solid #2f8f8338;border-left:4px solid #2f8f83;border-radius:0 9px 9px 0;padding:.95rem 1rem}.expert-feedback-teacher-rule p{margin-top:.28rem;line-height:1.55}.expert-feedback-quality-options{grid-template-columns:repeat(3,minmax(0,1fr));gap:.8rem;display:grid}.expert-feedback-quality-options button{background:var(--white);min-height:150px;color:var(--off-black);text-align:left;border:2px solid #5f379224;border-radius:10px;grid-template-columns:2rem minmax(0,1fr);align-items:start;gap:.7rem;padding:1rem;display:grid}.expert-feedback-quality-options button:hover,.expert-feedback-quality-options button:focus-visible,.expert-feedback-quality-options button.is-selected{border-color:var(--secondary);outline:none}.expert-feedback-quality-options button.is-selected{background:var(--primary-light)}.expert-feedback-quality-options button>span{background:var(--secondary);width:2rem;height:2rem;color:var(--white);border-radius:999px;place-items:center;font-weight:850;display:grid}.expert-feedback-quality-options p{line-height:1.55}.expert-feedback-choice-result,.expert-feedback-choice-placeholder{border-left:4px solid var(--warm);color:var(--dark-gray);background:#fff4ddb8;padding:.85rem 1rem;line-height:1.5}.expert-feedback-choice-result.is-correct{background:#2f8f8317;border-left-color:#2f8f83}.expert-feedback-choice-result p{margin-top:.2rem}.expert-feedback-fresh-heading{grid-template-columns:minmax(0,1fr) minmax(18rem,.52fr);align-items:end;gap:clamp(1rem,3vw,2rem);display:grid}.expert-feedback-live-check{border-top:1px solid #5f379224;padding-top:clamp(1.2rem,3vw,2rem);scroll-margin-top:88px}.expert-feedback-fresh-heading blockquote{border:1px solid #5f379229;border-top:4px solid var(--secondary);background:var(--primary-light);color:var(--dark-gray);border-radius:10px;padding:1rem}.expert-feedback-fresh-heading blockquote p{margin-top:.3rem;line-height:1.55}.expert-feedback-fresh-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:.8rem;list-style:none;display:grid}.expert-feedback-model-shell{grid-template-columns:minmax(0,.72fr) minmax(0,1.28fr);align-items:start}.expert-feedback-model-copy{gap:.75rem;display:grid}.expert-feedback-model-copy p:not(.lesson-section-kicker){color:var(--dark-gray);line-height:1.58}.expert-feedback-model-copy code,.expert-feedback-env-reminder code{color:var(--secondary);background:#5f37921a;border-radius:4px;padding:.08rem .3rem;font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;font-size:.86em}.expert-feedback-model-picker{background:var(--white);border:1px solid #5f379229;border-radius:10px;gap:.8rem;padding:1rem;display:grid}.expert-feedback-saved-models{grid-template-columns:repeat(2,minmax(0,1fr));gap:.7rem;display:grid}.expert-feedback-saved-models:empty{display:none}.expert-feedback-saved-models button{min-width:0;color:var(--off-black);text-align:left;background:#f8fafce6;border:2px solid #5f379224;border-radius:9px;gap:.35rem;padding:.85rem;display:grid}.expert-feedback-saved-models button:hover,.expert-feedback-saved-models button:focus-visible,.expert-feedback-saved-models button[aria-pressed=true]{border-color:var(--secondary);outline:none}.expert-feedback-saved-models button[aria-pressed=true]{background:var(--primary-light)}.expert-feedback-saved-models strong{overflow-wrap:anywhere}.expert-feedback-saved-models small{color:var(--dark-gray);font-weight:750}.expert-feedback-model-picker>label{color:var(--off-black);gap:.45rem;font-weight:800;display:grid}.expert-feedback-model-picker>p{border-left:4px solid var(--warm);color:#825519;background:#fff4ddb3;padding:.7rem .85rem;font-size:.82rem;font-weight:750;line-height:1.45}.expert-feedback-model-picker>p.is-ready{color:#245f59;overflow-wrap:anywhere;background:#2f8f8317;border-left-color:#2f8f83}.expert-feedback-model-shell>.expert-personal-env-code{grid-column:1/-1}.expert-feedback-env-reminder{border-left:4px solid var(--secondary);color:var(--dark-gray);background:#ffffffd1;grid-column:1/-1;padding:.85rem 1rem}.expert-feedback-env-reminder p{margin-top:.25rem;line-height:1.55}.expert-feedback-test-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:.8rem;list-style:none;display:grid}.expert-feedback-test-note{border-left-color:var(--warm);background:#fff4ddb8}.expert-feedback-test-note p{margin-top:.25rem}@media (max-width:1050px){.expert-feedback-route-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.expert-feedback-model-shell{grid-template-columns:1fr}.expert-feedback-model-shell>.expert-personal-env-code,.expert-feedback-env-reminder{grid-column:auto}}@media (max-width:760px){.expert-feedback-heading,.expert-feedback-question-card,.expert-feedback-result,.expert-feedback-route-grid,.expert-feedback-route-line,.expert-feedback-quality-options,.expert-feedback-fresh-heading,.expert-feedback-fresh-grid,.expert-feedback-saved-models,.expert-feedback-test-grid{grid-template-columns:1fr}.expert-feedback-heading>span{width:fit-content}.expert-feedback-question-card>div{min-height:0}.expert-feedback-question-card>div+div{border-top:1px solid #5f379221;border-left:0}.expert-feedback-answer-form>div{flex-direction:column;align-items:stretch}.expert-feedback-answer-form button,.expert-personal-activity-card .button{width:100%}.expert-feedback-result article,.expert-feedback-quality-options button{min-height:0}.expert-feedback-route-line i{text-align:center}}.expert-feedback-build-section{background:#fff}.expert-feedback-deploy-section{background:radial-gradient(circle at 90% 10%,#a25df821,#0000 25rem),linear-gradient(135deg,#f8f4ff,#fff 64%)}.expert-feedback-deploy-shell{gap:1.4rem;display:grid}.expert-feedback-deploy-heading{grid-template-columns:minmax(0,.86fr) minmax(30rem,1.14fr);align-items:center;gap:2rem;display:grid}.expert-feedback-deploy-heading code,.expert-feedback-deploy-steps code,.expert-feedback-secret-warning code{color:var(--secondary);background:#ecdffeb8;border-radius:4px;padding:.12rem .3rem;font-family:Courier New,monospace;font-size:.9em}.expert-feedback-env-route{grid-template-columns:minmax(0,1fr) auto minmax(0,1fr);align-items:center;gap:.8rem;display:grid}.expert-feedback-env-route>span{color:var(--secondary);font-size:1.6rem;font-weight:900}.expert-feedback-env-route article{border:1px solid #5f379233;border-top:5px solid var(--secondary);background:#fff;border-radius:8px;align-content:center;gap:.5rem;min-height:10rem;padding:1rem;display:grid;box-shadow:0 16px 38px #5f37921a}.expert-feedback-env-route article:last-child{border-top-color:#2f8f83}.expert-feedback-env-route article>span{color:var(--secondary);letter-spacing:.08em;text-transform:uppercase;font-size:.73rem;font-weight:900}.expert-feedback-env-route article:last-child>span{color:#1c7168}.expert-feedback-env-route strong{color:var(--off-black);line-height:1.3}.expert-feedback-env-route p{color:var(--dark-gray);line-height:1.5}.expert-feedback-deploy-steps{grid-template-columns:repeat(2,minmax(0,1fr));gap:.8rem;display:grid}.expert-feedback-deploy-steps article{background:#fffffff0;border:1px solid #5f379229;border-radius:8px;grid-template-columns:2.7rem minmax(0,1fr);gap:.8rem;padding:1rem;display:grid}.expert-feedback-deploy-steps article>span{background:var(--secondary);color:#fff;border-radius:50%;place-items:center;width:2.6rem;height:2.6rem;font-weight:900;display:grid}.expert-feedback-deploy-steps article>div{gap:.35rem;display:grid}.expert-feedback-deploy-steps h3{color:var(--off-black);font-size:1.1rem;line-height:1.3}.expert-feedback-deploy-steps p{color:var(--dark-gray);line-height:1.55}.expert-feedback-secret-warning{background:#fff9ef;border:1px solid #b461004d;border-left:6px solid #b46100;border-radius:8px;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:1.5rem;padding:1rem 1.2rem;display:grid}.expert-feedback-secret-warning>div{gap:.35rem;display:grid}.expert-feedback-secret-warning strong{color:#754000}.expert-feedback-secret-warning p{color:var(--dark-gray);line-height:1.55}.expert-feedback-secret-warning a{color:#754000;border:1px solid #8d4d00;border-radius:7px;justify-content:center;align-items:center;min-height:2.8rem;padding:.6rem .85rem;font-weight:900;display:inline-flex}@media (max-width:980px){.expert-feedback-deploy-heading,.expert-feedback-deploy-steps{grid-template-columns:1fr}}@media (max-width:720px){.expert-feedback-env-route,.expert-feedback-secret-warning{grid-template-columns:1fr}.expert-feedback-env-route>span{text-align:center;transform:rotate(90deg)}.expert-feedback-secret-warning a{width:100%}}.expert-guard-counter-section,.expert-guard-layers-section,.expert-guard-errors-section,.expert-guard-crash-section,.expert-guard-public-section,#verbeteren{scroll-margin-top:88px}.expert-guard-counter-section,.expert-guard-errors-section,.expert-guard-public-section{background:radial-gradient(circle at 92% 8%,#a25df81f,#0000 26rem),linear-gradient(#f8fafcfa,#ecdffe4d)}.expert-guard-layers-section,.expert-guard-crash-section{background:var(--white)}.expert-guard-counter-shell,.expert-guard-shell,.expert-guard-public-shell{gap:clamp(1.35rem,3vw,2.2rem);display:grid}.expert-guard-counter-card{background:var(--white);border:1px solid #5f37922e;border-radius:12px;overflow:hidden;box-shadow:0 22px 60px #5f37921a}.expert-guard-counter-fields{grid-template-columns:minmax(12rem,1fr) auto minmax(12rem,1fr) auto minmax(13rem,.8fr);align-items:end;gap:.9rem;padding:clamp(1rem,3vw,1.6rem);display:grid}.expert-guard-counter-fields>span{color:var(--secondary);align-self:center;font-size:1.6rem;font-weight:850}.expert-guard-counter-fields label{color:var(--off-black);gap:.45rem;font-weight:800;display:grid}.expert-guard-counter-fields input{width:100%;min-height:58px;color:var(--off-black);font:inherit;background:#f8fafce6;border:1px solid #5f379233;border-radius:9px;padding:.7rem .85rem;font-size:1.2rem;font-weight:800}.expert-guard-counter-fields input:focus{border-color:var(--secondary);outline:none;box-shadow:0 0 0 3px #a25df824}.expert-guard-counter-fields output{background:linear-gradient(135deg, var(--primary), var(--secondary));min-height:90px;color:var(--white);text-align:center;border-radius:10px;place-content:center;padding:.8rem;display:grid}.expert-guard-counter-fields output strong{font-size:clamp(2rem,4vw,3.2rem);line-height:1}.expert-guard-counter-fields output span{margin-top:.25rem;font-size:.74rem;font-weight:800}.expert-guard-counter-explanation{background:var(--primary-light);color:var(--dark-gray);border-top:1px solid #5f37921f;grid-template-columns:repeat(2,minmax(0,1fr));gap:1rem;padding:1rem clamp(1rem,3vw,1.6rem);line-height:1.55;display:grid}.expert-guard-layer-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:.9rem;display:grid}.expert-guard-layer-grid article{border:1px solid #5f379229;border-top:5px solid var(--secondary);background:#f8fafce0;border-radius:10px;align-content:start;gap:.7rem;padding:1rem;display:grid;position:relative;overflow:hidden}.expert-guard-layer-grid article:nth-child(2){border-top-color:#2f8f83}.expert-guard-layer-grid article:nth-child(3){border-top-color:var(--warm)}.expert-guard-layer-number{background:var(--secondary);width:2.2rem;height:2.2rem;color:var(--white);border-radius:999px;place-items:center;font-size:.8rem;font-weight:850;display:grid}.expert-guard-layer-grid article:nth-child(2) .expert-guard-layer-number{background:#2f8f83}.expert-guard-layer-grid article:nth-child(3) .expert-guard-layer-number{background:#9a641f}.expert-guard-layer-label{color:var(--secondary);letter-spacing:.05em;text-transform:uppercase;font-size:.72rem;font-weight:850}.expert-guard-layer-grid h3{font-size:clamp(1.1rem,2vw,1.35rem)}.expert-guard-layer-grid ul{gap:.45rem;list-style:none;display:grid}.expert-guard-layer-grid li{color:var(--dark-gray);padding-left:1.1rem;line-height:1.48;position:relative}.expert-guard-layer-grid li:before{background:var(--secondary);content:"";border-radius:999px;width:.42rem;height:.42rem;position:absolute;top:.58em;left:0}.expert-guard-layer-grid article>p{color:var(--dark-gray);border-top:1px solid #5f379221;padding-top:.7rem;font-size:.8rem;line-height:1.5}.expert-guard-layer-route{background:var(--primary-light);border:1px solid #5f379224;border-radius:10px;grid-template-columns:minmax(0,1fr) auto minmax(0,1fr) auto minmax(0,1fr);align-items:center;gap:.6rem;padding:.85rem;display:grid}.expert-guard-layer-route span{background:var(--white);text-align:center;border-radius:8px;place-items:center;min-height:3.5rem;padding:.7rem;font-size:.83rem;font-weight:800;display:grid}.expert-guard-layer-route i{color:var(--secondary);font-style:normal;font-weight:850}.expert-guard-token-note{border-left:5px solid var(--warm);background:#fff4ddb8;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:1rem;padding:1rem;display:grid}.expert-guard-token-note>div{gap:.25rem;display:grid}.expert-guard-token-note p{color:var(--dark-gray);line-height:1.55}.expert-guard-token-note code{color:#754900;background:#9a641f1f;border-radius:4px;padding:.08rem .3rem;font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;font-size:.86em}.expert-guard-token-note a,.expert-guard-doc-link{color:var(--primary-dark);text-underline-offset:.2em;font-weight:850;text-decoration:underline}.expert-guard-error-table{background:var(--white);border:1px solid #5f379229;border-radius:10px;overflow:hidden}.expert-guard-error-header,.expert-guard-error-table>div[role=row]{grid-template-columns:minmax(9rem,.55fr) minmax(14rem,1fr) minmax(16rem,1.2fr);align-items:center;gap:1rem;padding:.85rem 1rem;display:grid}.expert-guard-error-header{color:var(--white);letter-spacing:.04em;text-transform:uppercase;background:#211933;font-size:.76rem;font-weight:850}.expert-guard-error-table>div[role=row]{border-top:1px solid #5f37921f}.expert-guard-error-table>div[role=row]:nth-child(odd){background:#ecdffe3d}.expert-guard-error-table strong{color:var(--secondary)}.expert-guard-error-table p{color:var(--dark-gray);line-height:1.5}.expert-guard-doc-link{justify-self:start}.expert-guard-crash-list{grid-template-columns:repeat(5,minmax(0,1fr));gap:.7rem;list-style:none;display:grid}.expert-guard-crash-list li{background:#f8fafce0;border:1px solid #5f379224;border-radius:9px;align-content:start;gap:.65rem;padding:.85rem;display:grid}.expert-guard-crash-list li>span{background:var(--secondary);width:2rem;height:2rem;color:var(--white);border-radius:999px;place-items:center;font-size:.75rem;font-weight:850;display:grid}.expert-guard-crash-list h3{font-size:.94rem;line-height:1.35}.expert-guard-crash-list p{color:var(--dark-gray);margin-top:.25rem;font-size:.78rem;line-height:1.46}.expert-guard-activity-card,.expert-guard-key-card{background:var(--primary-light);border:1px solid #5f37922e;border-radius:10px;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:1rem;padding:1rem;display:grid}.expert-guard-activity-card>div,.expert-guard-key-card>div{gap:.25rem;display:grid}.expert-guard-activity-card span,.expert-guard-public-grid span{color:var(--secondary);letter-spacing:.05em;text-transform:uppercase;font-size:.72rem;font-weight:850}.expert-guard-activity-card p,.expert-guard-key-card p{color:var(--dark-gray);line-height:1.5}.expert-guard-public-shell{grid-template-columns:minmax(0,.78fr) minmax(0,1.22fr);align-items:start}.expert-guard-public-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:.8rem;display:grid}.expert-guard-public-grid article{background:#ffffffe6;border:1px solid #5f379229;border-top:5px solid #2f8f83;border-radius:10px;align-content:start;gap:.5rem;min-height:180px;padding:1rem;display:grid}.expert-guard-public-grid article:last-child{border-top-color:var(--warm)}.expert-guard-public-grid h3{font-size:1.12rem;line-height:1.35}.expert-guard-public-grid p{color:var(--dark-gray);line-height:1.5}.expert-guard-key-card,.expert-guard-public-shell>.expert-guard-doc-link{grid-column:1/-1}@media (max-width:1050px){.expert-guard-counter-fields{grid-template-columns:minmax(10rem,1fr) auto minmax(10rem,1fr)}.expert-guard-counter-fields>span:last-of-type{display:none}.expert-guard-counter-fields output{grid-column:1/-1}.expert-guard-crash-list{grid-template-columns:repeat(3,minmax(0,1fr))}.expert-guard-public-shell{grid-template-columns:1fr}.expert-guard-key-card,.expert-guard-public-shell>.expert-guard-doc-link{grid-column:auto}}@media (max-width:760px){.expert-guard-counter-fields,.expert-guard-counter-explanation,.expert-guard-layer-grid,.expert-guard-layer-route,.expert-guard-token-note,.expert-guard-error-header,.expert-guard-error-table>div[role=row],.expert-guard-crash-list,.expert-guard-activity-card,.expert-guard-public-grid,.expert-guard-key-card{grid-template-columns:1fr}.expert-guard-counter-fields>span,.expert-guard-layer-route i{text-align:center}.expert-guard-counter-fields output{grid-column:auto}.expert-guard-token-note a,.expert-guard-doc-link{width:fit-content}.expert-guard-error-header{display:none}.expert-guard-error-table>div[role=row]{gap:.45rem}.expert-guard-error-table>div[role=row] p:last-child{border-left:3px solid var(--secondary);background:#ecdffe4d;padding:.6rem}.expert-guard-activity-card .button,.expert-guard-key-card .button{width:100%}}.expert-guard-counter-fields{grid-template-columns:minmax(9rem,1fr) auto minmax(9rem,1fr) auto minmax(12rem,1fr)}.expert-guard-counter-results{grid-template-columns:repeat(2,minmax(0,1fr));gap:.8rem;margin-top:.8rem;display:grid}.expert-guard-counter-results output{min-height:7rem;color:var(--secondary);text-align:center;background:#fff;border:1px solid #5f379233;border-radius:8px;flex-direction:column;justify-content:center;align-items:center;padding:1rem;display:flex}.expert-guard-counter-results output:last-child{background:linear-gradient(135deg, var(--secondary), #8448cf);color:#fff}.expert-guard-counter-results strong{font-size:clamp(2rem,4vw,3.3rem);line-height:1}.expert-guard-counter-results span{margin-top:.45rem;font-weight:800}.expert-cost-controls-section,.expert-cost-payload-section{background:#fff}.expert-cost-controls-section{background:radial-gradient(circle at 88% 12%,#ecdffeb8,#0000 28rem),#fff}.expert-cost-shell{gap:1.4rem;display:grid}.expert-cost-heading{grid-template-columns:minmax(0,.85fr) minmax(22rem,1.15fr);align-items:end;gap:2rem;display:grid}.expert-cost-heading>p{color:var(--dark-gray);line-height:1.65}.expert-cost-scope-labels{grid-template-columns:3fr 4fr;gap:.8rem;display:grid}.expert-cost-scope-labels span{color:var(--secondary);letter-spacing:.08em;text-align:center;text-transform:uppercase;border-radius:999px;padding:.55rem .8rem;font-size:.76rem;font-weight:900}.expert-cost-scope-labels span:first-child{background:#ecdffebf}.expert-cost-scope-labels span:last-child{color:#1c7168;background:#ddf4efe6}.expert-cost-control-list{gap:.75rem;padding:0;list-style:none;display:grid}.expert-cost-control-list li{border:1px solid #5f379229;border-left:6px solid var(--secondary);background:#fffffff0;border-radius:8px;grid-template-columns:3.3rem minmax(0,1.25fr) minmax(18rem,.75fr);align-items:center;gap:1rem;padding:1rem 1.1rem;display:grid;box-shadow:0 12px 30px #5f379212}.expert-cost-control-list li.is-app{border-left-color:#2f8f83}.expert-cost-control-number{background:var(--secondary);color:#fff;border-radius:50%;place-items:center;width:3rem;height:3rem;font-size:1.25rem;font-weight:900;display:grid}.expert-cost-control-list li.is-app .expert-cost-control-number{background:#2f8f83}.expert-cost-control-copy{gap:.3rem;display:grid}.expert-cost-control-copy>span{color:var(--secondary);letter-spacing:.08em;text-transform:uppercase;font-size:.74rem;font-weight:900}.expert-cost-control-list li.is-app .expert-cost-control-copy>span{color:#1c7168}.expert-cost-control-copy h3{color:var(--off-black);font-size:1.23rem;line-height:1.25}.expert-cost-control-copy p,.expert-cost-control-action p{color:var(--dark-gray);line-height:1.55}.expert-cost-control-action{border-left:1px solid #5f379229;gap:.35rem;padding-left:1rem;display:grid}.expert-cost-control-action strong{color:var(--off-black)}.expert-cost-control-action a,.expert-cost-source-note a{width:fit-content;color:var(--secondary);text-underline-offset:.2em;font-weight:900;text-decoration:underline}.expert-cost-source-note{background:var(--primary-light);border:1px solid #5f37922e;border-radius:8px;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:1.5rem;padding:1rem 1.2rem;display:grid}.expert-cost-source-note p{color:var(--dark-gray);line-height:1.55}.expert-cost-payload-section{background:linear-gradient(135deg,#f7f2ff,#fff 62%)}.expert-cost-payload-shell{grid-template-columns:minmax(0,.82fr) minmax(28rem,1.18fr);align-items:center;gap:2.2rem;display:grid}.expert-cost-payload-copy{gap:.75rem;display:grid}.expert-cost-payload-copy h2{color:var(--off-black);font-size:clamp(2rem,4vw,3.4rem);line-height:1.08}.expert-cost-payload-copy>p:not(.lesson-section-kicker){color:var(--dark-gray);line-height:1.65}.expert-cost-payload-question{border-left:5px solid var(--secondary);background:#fff;gap:.35rem;padding:.9rem 1rem;display:grid;box-shadow:0 12px 30px #5f379214}.expert-cost-payload-question p{color:var(--dark-gray);line-height:1.55}.expert-cost-payload-visual{background:#fff;border:1px solid #5f379238;border-radius:10px;gap:.6rem;padding:1.2rem;display:grid;box-shadow:0 22px 55px #5f37921f}.expert-cost-payload-visual span,.expert-cost-payload-visual strong{color:var(--off-black);background:#ecdffe59;border:1px solid #5f379224;border-radius:7px;padding:.9rem 1rem}.expert-cost-payload-visual span:nth-child(2),.expert-cost-payload-visual span:nth-child(4){background:#ddf4ef7a}.expert-cost-payload-visual strong{border-color:var(--secondary);background:var(--secondary);color:#fff;text-align:center}@media (max-width:1050px){.expert-guard-counter-fields{grid-template-columns:minmax(10rem,1fr) auto minmax(10rem,1fr)}.expert-guard-counter-fields>span:last-of-type{display:block}.expert-guard-counter-fields label:last-child{grid-column:1/-1}.expert-cost-payload-shell{grid-template-columns:1fr}}@media (max-width:820px){.expert-cost-heading,.expert-cost-control-list li{grid-template-columns:1fr}.expert-cost-scope-labels{display:none}.expert-cost-control-number{width:2.6rem;height:2.6rem}.expert-cost-control-action{border-top:1px solid #5f379229;border-left:0;padding-top:.75rem;padding-left:0}}@media (max-width:760px){.expert-guard-counter-fields,.expert-guard-counter-results,.expert-cost-source-note{grid-template-columns:1fr}.expert-guard-counter-fields>span{display:none}.expert-guard-counter-fields label:last-child{grid-column:auto}.expert-cost-payload-shell{gap:1.2rem}}.basis-bottom-inner{background:linear-gradient(120deg,#ecdffed1,#fffffff0);border:1px solid #a25df847;border-radius:8px;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:1.5rem;padding:1.35rem 1.5rem;display:grid}.basis-bottom-inner h2{font-size:clamp(1.35rem,2vw,1.7rem)}.basis-bottom-inner p{margin-top:.35rem}.lesson-hero{background:linear-gradient(120deg,#fffffff5,#ecdffeb8),radial-gradient(circle at 88% 16%,#a25df82e,#0000 26rem);padding:clamp(3.2rem,6vw,5rem) 0 clamp(2.6rem,4vw,3.6rem)}.lesson-hero-grid{grid-template-columns:minmax(0,1fr) minmax(320px,.52fr);align-items:center;gap:clamp(2rem,5vw,4rem);display:grid}.lesson-hero-copy{grid-template-columns:minmax(0,1fr);gap:.85rem;display:grid}.lesson-label{color:var(--secondary);text-transform:uppercase;font-size:.82rem;font-weight:800}.lesson-hero h1{max-width:780px;font-size:clamp(2.5rem,4.2vw,4rem)}.lesson-hero-copy>p:last-child{max-width:760px;color:var(--secondary);font-size:clamp(1.12rem,1.8vw,1.42rem);font-weight:600;line-height:1.42}.lesson-check-card,.lesson-example-panel{border:1px solid var(--border);background:#ffffffe0;border-radius:8px;padding:clamp(1rem,1.8vw,1.35rem);box-shadow:0 22px 58px #5f37921f}.lesson-check-card{gap:.8rem;display:grid}.lesson-check-card h2,.lesson-example-panel h3{font-size:1.12rem}.lesson-check-card ul,.lesson-card-list,.lesson-example-panel ul{gap:.58rem;list-style:none;display:grid}.lesson-check-card li,.lesson-card-list li,.lesson-example-panel li{color:var(--dark-gray);padding-left:1.1rem;line-height:1.5;position:relative}.lesson-check-card li:before,.lesson-card-list li:before,.lesson-example-panel li:before{background:var(--primary);content:"";border-radius:999px;width:.38rem;height:.38rem;position:absolute;top:.62rem;left:0}.lesson-section{padding:clamp(2.4rem,4.4vw,4rem) 0}.lesson-section.muted{background:var(--primary-light)}.lesson-video-section{background:linear-gradient(180deg, #fffffffa, #ecdffe85), var(--primary-light);padding:clamp(1.2rem,2.5vw,2rem) 0 clamp(2.2rem,4vw,3.5rem)}.lesson-video-frame{width:min(100% - 2rem,1400px);margin:0 auto}.lesson-video-frame-embed{aspect-ratio:16/9;background:#111018;border:1px solid #5f37922e;border-radius:8px;min-height:min(72vh,760px);position:relative;overflow:hidden;box-shadow:0 30px 80px #5f379238}.lesson-video-player{aspect-ratio:16/9;min-height:min(72vh,760px);color:var(--white);background:radial-gradient(circle at 72% 20%,#a25df857,#0000 18rem),radial-gradient(circle at 20% 80%,#2fb7a838,#0000 16rem),linear-gradient(135deg,#111018,#24173a 54%,#0f0d18);border:1px solid #5f37922e;border-radius:8px;display:grid;position:relative;overflow:hidden;box-shadow:0 30px 80px #5f379238}.lesson-video-iframe{background:#111018;border:0;width:100%;height:100%;display:block;position:absolute;inset:0}.lesson-video-topbar,.lesson-video-controls{z-index:1;align-items:center;display:flex;position:absolute;left:clamp(1rem,2vw,1.5rem);right:clamp(1rem,2vw,1.5rem)}.lesson-video-topbar{color:#ffffffbd;text-transform:uppercase;justify-content:space-between;gap:1rem;font-size:clamp(.78rem,1vw,.92rem);font-weight:800;top:clamp(1rem,2vw,1.5rem)}.lesson-video-center{text-align:center;place-self:center;place-items:center;gap:1.1rem;padding:2rem;display:grid}.lesson-video-center p{color:var(--white);font-size:clamp(1.45rem,3vw,2.6rem);font-weight:900;line-height:1.12}.lesson-video-center span:last-child{color:#ffffffb8;margin-top:.45rem;font-size:clamp(.95rem,1.4vw,1.12rem);font-weight:700;display:block}.lesson-video-play{background:linear-gradient(135deg, var(--primary), var(--secondary));border:1px solid #ffffff57;border-radius:999px;place-items:center;width:clamp(4.4rem,8vw,6.8rem);height:clamp(4.4rem,8vw,6.8rem);display:grid;position:relative;box-shadow:0 18px 42px #00000047}.lesson-video-play:before{border-top:.86rem solid #0000;border-bottom:.86rem solid #0000;border-left:1.3rem solid var(--white);content:"";width:0;height:0;margin-left:.32rem}.lesson-video-controls{gap:.7rem;bottom:clamp(1rem,2vw,1.5rem)}.lesson-video-controls span{background:#ffffff57;border-radius:999px;height:.38rem;display:block}.lesson-video-controls span:first-child{background:linear-gradient(90deg, var(--primary), #ffffff57);width:min(72%,760px)}.lesson-video-controls span:nth-child(2),.lesson-video-controls span:nth-child(3){width:2.2rem}.lesson-placeholder-card{background:radial-gradient(circle at 90% 16%, #a25df829, transparent 10rem), var(--white);border:1px solid #5f379224;border-radius:8px;gap:.45rem;padding:clamp(1.1rem,2vw,1.5rem);display:grid;box-shadow:0 18px 46px #5f37921a}.lesson-placeholder-card p{color:var(--secondary);text-transform:uppercase;margin:0;font-size:.78rem;font-weight:900}.lesson-placeholder-card strong{color:var(--off-black);font-size:clamp(1.18rem,1.8vw,1.45rem);line-height:1.35}.lesson-section-kicker{color:var(--secondary);letter-spacing:.06em;text-transform:uppercase;margin:0 0 .6rem;font-size:.76rem;font-weight:900}.lesson-definition-section{background:var(--white)}.lesson-definition-grid{grid-template-columns:minmax(0,.85fr) minmax(420px,1.15fr);align-items:center;gap:clamp(1.4rem,4vw,3.2rem);display:grid}.lesson-definition-copy{align-content:start;gap:1rem;display:grid}.lesson-definition-copy>p:not(.lesson-section-kicker){max-width:680px;color:var(--dark-gray);font-size:clamp(1.02rem,1.35vw,1.16rem)}.lesson-definition-visual{background:radial-gradient(circle at 86% 18%,#a25df829,#0000 12rem),linear-gradient(135deg,#ecdffe94,#fffffffa);border:1px solid #5f379224;border-radius:8px;grid-template-columns:minmax(0,1fr) auto minmax(0,1fr) auto minmax(0,1fr);align-items:stretch;gap:.7rem;min-height:100%;padding:clamp(1rem,2vw,1.35rem);display:grid;box-shadow:0 22px 58px #5f37921a}.definition-step{background:#ffffffeb;border:1px solid #5f379221;border-radius:8px;align-content:start;gap:.55rem;padding:1rem;display:grid}.definition-step.featured{border-color:#5f379247;box-shadow:0 16px 34px #5f37921f}.definition-step span{background:linear-gradient(135deg, var(--primary), var(--secondary));width:2.3rem;height:2.3rem;color:var(--white);border-radius:999px;place-items:center;font-weight:900;display:grid}.definition-step strong{color:var(--off-black);font-size:clamp(1.05rem,1.4vw,1.24rem)}.definition-step p{color:var(--dark-gray);font-size:.92rem;line-height:1.5}.definition-connector{background:var(--secondary);width:1.8rem;height:1.8rem;color:var(--white);border-radius:999px;align-self:center;place-items:center;font-weight:900;display:grid}.lesson-definition-image-panel{aspect-ratio:1792/1024;background:radial-gradient(circle at 90% 12%, #a25df824, transparent 12rem), var(--white);border:1px solid #5f379224;border-radius:8px;align-self:center;overflow:hidden;box-shadow:0 22px 58px #5f37921f}.lesson-definition-image-panel .lesson-image-lightbox-trigger{height:100%}.lesson-definition-image{object-fit:contain;object-position:center;width:100%;height:100%;display:block}.lesson-definition-image-panel.gevorderd-growth-visual{aspect-ratio:9/16;place-self:start center;width:min(100%,440px);margin-top:clamp(.35rem,1.4vw,1rem)}.lesson-memory-section{background:var(--white)}.lesson-memory-grid{grid-template-columns:minmax(0,.9fr) minmax(420px,1.1fr);align-items:center;gap:clamp(1.4rem,4vw,3.2rem);display:grid}.lesson-memory-visual{background:radial-gradient(circle at 50% 6%,#2fb7a821,#0000 13rem),linear-gradient(135deg,#ecdffe94,#fffffffa);border:1px solid #5f379224;border-radius:8px;gap:1rem;padding:clamp(1rem,2vw,1.25rem);display:grid;box-shadow:0 22px 58px #5f37921a}.lesson-memory-visual-heading{gap:.35rem;display:grid}.lesson-memory-visual-heading p{color:var(--secondary);letter-spacing:.04em;text-transform:uppercase;font-size:.82rem;font-weight:900;line-height:1.25}.lesson-memory-visual-heading h3{max-width:28rem;color:var(--off-black);font-size:clamp(1.3rem,2vw,1.8rem);line-height:1.12}.lesson-memory-card-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:.62rem;display:grid}.lesson-memory-tabs{grid-template-columns:repeat(3,minmax(0,1fr));gap:.45rem;display:grid}.lesson-memory-tabs button{min-height:2.85rem;color:var(--dark-gray);cursor:pointer;font:inherit;background:#ffffffc7;border:1px solid #5f379229;border-radius:7px;padding:.55rem .65rem;font-size:.88rem;font-weight:850;transition:background .16s,border-color .16s,color .16s}.lesson-memory-tabs button.is-active{color:var(--white);background:#14665e;border-color:#14665e}.lesson-memory-tabs button:focus-visible{outline-offset:3px;outline:3px solid #2fb7a847}.lesson-memory-tab-panel{grid-template-columns:repeat(2,minmax(0,1fr))}.lesson-memory-tab-panel .lesson-memory-card{min-height:9.2rem}.lesson-memory-card{background:#fffffff0;border:1px solid #5f379221;border-radius:8px;align-content:start;gap:.4rem;min-height:8.6rem;padding:.78rem;display:grid}.lesson-memory-card:nth-child(3),.lesson-memory-card:nth-child(5){border-color:#2fb7a857;box-shadow:0 16px 34px #2fb7a81f}.lesson-memory-card strong{color:var(--off-black);font-size:clamp(.96rem,1.25vw,1.08rem);line-height:1.25}.lesson-memory-card p{color:var(--dark-gray);font-size:.86rem;line-height:1.45}.lesson-tool-table-section{background:radial-gradient(circle at 88% 10%,#5f37921c,#0000 18rem),linear-gradient(#ecdffeb8,#f8fafcf5)}.lesson-tool-table-panel{gap:clamp(1rem,2vw,1.35rem);display:grid}.lesson-tool-table-panel .section-heading{max-width:none}.lesson-tool-table-panel .section-heading p{max-width:min(100%,1120px)}.lesson-tool-choice-panel{gap:clamp(1rem,2.2vw,1.5rem);display:grid}.lesson-tool-choice-heading{max-width:64rem;margin-bottom:0}.lesson-tool-choice-tabs{grid-template-columns:repeat(4,minmax(0,1fr));gap:.7rem;display:grid}.lesson-tool-choice-tabs button{min-height:3.8rem;color:var(--dark-gray);cursor:pointer;font:inherit;text-align:left;background:#ffffffd1;border:1px solid #5f379229;border-radius:8px;padding:.8rem .9rem;font-weight:800;line-height:1.3;transition:background .18s,border-color .18s,color .18s,transform .18s}.lesson-tool-choice-tabs button:hover{background:var(--white);border-color:#5f379257;transform:translateY(-1px)}.lesson-tool-choice-tabs button.is-active{border-color:var(--secondary);background:var(--secondary);color:var(--white);box-shadow:0 14px 30px #5f37922e}.lesson-tool-choice-tabs button:focus-visible,.lesson-tool-choice-card-actions button:focus-visible,.lesson-tool-choice-card-actions a:focus-visible,.lesson-tool-comparison summary:focus-visible{outline-offset:3px;outline:3px solid #a25df852}.lesson-tool-choice-advice{background:radial-gradient(circle at 88% 8%,#a25df81f,#0000 15rem),#fffffff0;border:1px solid #5f379229;border-radius:8px;grid-template-columns:minmax(0,.72fr) minmax(420px,1.28fr);align-items:stretch;gap:clamp(1rem,2.5vw,1.8rem);padding:clamp(1rem,2.5vw,1.6rem);display:grid;box-shadow:0 22px 58px #5f37921a}.lesson-tool-choice-advice-copy{align-content:center;gap:.55rem;display:grid}.lesson-tool-choice-advice-copy>span,.lesson-tool-choice-selected span{color:var(--secondary);letter-spacing:.06em;text-transform:uppercase;font-size:.74rem;font-weight:900;line-height:1.2}.lesson-tool-choice-advice-copy h3{color:var(--off-black);text-wrap:balance;font-size:clamp(1.35rem,2.2vw,2rem);line-height:1.12}.lesson-tool-choice-advice-copy p{max-width:35rem;color:var(--dark-gray);line-height:1.6}.lesson-tool-choice-recommendations{grid-template-columns:repeat(2,minmax(0,1fr));gap:.8rem;display:grid}.lesson-tool-choice-card{background:var(--white);border:1px solid #5f379224;border-radius:8px;align-content:start;gap:.6rem;min-width:0;padding:1rem;display:grid}.lesson-tool-choice-card:only-child{grid-column:1/-1;max-width:32rem}.lesson-tool-choice-card-head{align-items:center;gap:.7rem;min-width:0;display:flex}.lesson-tool-choice-card-head>div{gap:.05rem;min-width:0;display:grid}.lesson-tool-choice-card-head strong{color:var(--off-black);font-size:1.08rem}.lesson-tool-choice-card-head span,.lesson-tool-choice-card>span,.lesson-tool-choice-card>p{color:var(--dark-gray);line-height:1.45}.lesson-tool-choice-card>p{font-weight:800}.lesson-tool-choice-card-actions{flex-wrap:wrap;gap:.55rem;margin-top:.15rem;display:flex}.lesson-tool-choice-card-actions button,.lesson-tool-choice-card-actions a{background:var(--white);min-height:2.55rem;color:var(--primary-dark);cursor:pointer;font:inherit;border:1px solid #5f379233;border-radius:999px;justify-content:center;align-items:center;padding:.58rem .8rem;font-weight:850;text-decoration:none;transition:background .16s,border-color .16s,color .16s,transform .16s;display:inline-flex}.lesson-tool-choice-card-actions button:hover,.lesson-tool-choice-card-actions a:hover{border-color:var(--secondary);transform:translateY(-1px)}.lesson-tool-choice-card-actions button.is-selected{border-color:var(--secondary);background:var(--secondary);color:var(--white)}.lesson-tool-choice-selected{min-height:3.5rem;color:var(--dark-gray);background:#ffffff94;border-left:4px solid #5f379247;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:.55rem 1rem;padding:.8rem 1rem;display:flex}.lesson-tool-choice-selected.is-visible{border-left-color:var(--teal);background:#2fb7a814}.lesson-tool-choice-selected strong{color:var(--off-black);font-size:1.05rem}.lesson-tool-comparison{background:#ffffffc2;border:1px solid #5f379224;border-radius:8px;overflow:hidden}.lesson-tool-comparison summary{cursor:pointer;color:var(--primary-dark);padding:1rem;font-weight:900;list-style-position:inside}.lesson-tool-comparison[open] summary{background:#5f37920d;border-bottom:1px solid #5f37921f}.lesson-tool-comparison .lesson-tool-table{box-shadow:none;border:0;border-radius:0}.lesson-tool-table{background:#ffffffe6;border:1px solid #5f379224;border-radius:8px;overflow:hidden;box-shadow:0 22px 58px #5f37921c}.lesson-tool-table-head,.lesson-tool-row{grid-template-columns:minmax(13rem,1.05fr) minmax(8rem,.7fr) minmax(18rem,1.45fr) auto;align-items:center;gap:1rem;display:grid}.lesson-tool-table-head{color:var(--secondary);letter-spacing:.05em;text-transform:uppercase;background:#5f37920f;border-bottom:1px solid #5f37921f;padding:.9rem 1rem;font-size:.76rem;font-weight:900}.lesson-tool-row{min-height:5.2rem;padding:.95rem 1rem}.lesson-tool-row+.lesson-tool-row{border-top:1px solid #5f37921a}.lesson-tool-row p{color:var(--dark-gray);margin:0;font-weight:700}.lesson-tool-name{min-width:0;color:var(--off-black);align-items:center;gap:.75rem;display:flex}.lesson-tool-name strong{font-size:clamp(1rem,1.2vw,1.12rem)}.lesson-tool-logo{background:var(--white);border:1px solid #5f379221;border-radius:8px;flex:none;place-items:center;width:2.6rem;height:2.6rem;display:grid;overflow:hidden;box-shadow:0 10px 24px #5f379214}.lesson-tool-logo img{object-fit:contain;width:1.55rem;height:1.55rem;display:block}.lesson-tool-logo>span{background:linear-gradient(135deg, var(--primary), var(--secondary));width:100%;height:100%;color:var(--white);place-items:center;font-weight:950;display:grid}.lesson-tool-fit{gap:.2rem;display:grid}.lesson-tool-fit strong{color:var(--off-black);font-size:.98rem;line-height:1.35}.lesson-tool-fit span{color:var(--dark-gray);line-height:1.4}.lesson-tool-link-cell{justify-items:end;display:grid}.lesson-tool-row a{background:var(--white);color:var(--primary-dark);white-space:nowrap;border:1px solid #5f379224;border-radius:999px;justify-self:end;padding:.52rem .78rem;font-weight:850;text-decoration:none}.lesson-tool-row a:hover{background:var(--primary-light);border-color:#5f379252}.lesson-scope-section{background:linear-gradient(180deg, #fffffffa, #ecdffe70), var(--white)}.lesson-scope-panel{background:radial-gradient(circle at 92% 10%,#a25df824,#0000 14rem),#ffffffe6;border:1px solid #5f379224;border-radius:8px;gap:1.15rem;padding:clamp(1.1rem,3vw,2rem);display:grid;box-shadow:0 22px 58px #5f37921a}.lesson-scope-panel .section-heading{margin-bottom:0}.lesson-scope-panel .section-heading h2{max-width:none}.lesson-scope-panel .section-heading p:not(.lesson-section-kicker){max-width:min(100%,1120px)}.lesson-scope-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:1rem;display:grid}.lesson-scope-card{background:var(--white);border:1px solid #5f379224;border-radius:8px;align-content:start;gap:.5rem;padding:clamp(.95rem,1.8vw,1.15rem);display:grid}.lesson-scope-card span{color:var(--secondary);letter-spacing:.06em;text-transform:uppercase;font-size:.74rem;font-weight:900;line-height:1.2}.lesson-scope-card h3{font-size:clamp(1.08rem,1.4vw,1.28rem)}.lesson-scope-card p{color:var(--dark-gray);line-height:1.55}.lesson-scope-card.emphasis{background:linear-gradient(135deg, #2fb7a81a, #fffffffa), var(--white);border-color:#2fb7a857}.lesson-scope-card.emphasis span,.lesson-scope-card.emphasis h3{color:#14665e}.lesson-own-words-section{background:radial-gradient(circle at 88% 12%,#2fb7a821,#0000 22rem),linear-gradient(#fffffffa,#ecdffe5c)}.lesson-own-words-panel{background:radial-gradient(circle at 10% 0,#ecdffe70,#0000 18rem),#ffffffeb;border:1px solid #5f379224;border-radius:8px;grid-template-columns:minmax(0,.82fr) minmax(360px,1fr);align-items:stretch;gap:clamp(1rem,3vw,2rem);padding:clamp(1.1rem,3vw,2rem);display:grid;box-shadow:0 22px 58px #5f37921a}.lesson-own-words-copy{align-content:center;gap:.75rem;display:grid}.lesson-own-words-copy h2{max-width:860px;font-size:clamp(2rem,4.2vw,4.2rem);line-height:1.08}.lesson-own-words-copy p:not(.lesson-section-kicker){max-width:760px;color:var(--dark-gray);font-size:clamp(1rem,1.45vw,1.22rem);line-height:1.65}.lesson-own-words-card{background:var(--white);border:1px solid #5f379224;border-radius:8px;gap:.85rem;padding:clamp(1rem,2.2vw,1.35rem);display:grid}.lesson-own-words-card label{color:var(--off-black);font-size:.9rem;font-weight:900}.lesson-own-words-card textarea{resize:vertical;min-height:132px;color:var(--off-black);font:inherit;background:#fbf8ffd1;border:1px solid #5f37922e;border-radius:8px;padding:.9rem;line-height:1.55}.lesson-own-words-card textarea:focus{border-color:#5f379280;outline:3px solid #a25df82e}.lesson-own-words-card textarea::placeholder{color:#080f1761}.lesson-own-words-actions{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:.7rem;display:flex}.lesson-own-words-button{background:var(--white);min-height:2.8rem;color:var(--secondary);cursor:pointer;font:inherit;border:1px solid #5f379238;border-radius:8px;padding:.68rem .9rem;font-weight:900;transition:background .16s,border-color .16s,transform .16s}.lesson-own-words-button:hover{background:var(--primary-light);border-color:#5f37926b;transform:translateY(-1px)}.lesson-own-words-status{color:var(--dark-gray);font-size:.9rem;font-weight:800}.lesson-own-words-status.is-ready{color:#14665e}.lesson-own-words-example{border-left:4px solid var(--teal);background:#2fb7a814;border-radius:8px;padding:.85rem .95rem}.lesson-own-words-example strong{color:#14665e}.lesson-own-words-example p{color:var(--off-black);margin-top:.2rem;font-weight:700;line-height:1.55}.lesson-chatbot-picker-section{background:radial-gradient(circle at 12% 0,#2fb7a821,#0000 19rem),linear-gradient(#ecdffe70,#fffffffa)}.lesson-chatbot-picker-panel{background:#fffffff0;border:1px solid #5f379224;border-radius:8px;gap:clamp(.95rem,2.2vw,1.3rem);padding:clamp(1rem,2.6vw,1.6rem);display:grid;box-shadow:0 18px 48px #5f379217}.lesson-chatbot-picker-copy{gap:.5rem;display:grid}.lesson-chatbot-picker-copy h2{font-size:clamp(1.8rem,3.4vw,3.2rem);line-height:1.08}.lesson-chatbot-picker-copy p:not(.lesson-section-kicker){max-width:920px;color:var(--dark-gray);line-height:1.6}.lesson-chatbot-options{grid-template-columns:repeat(4,minmax(0,1fr));gap:.75rem;display:grid}.lesson-chatbot-option{background:radial-gradient(circle at 92% 12%, #ecdffe70, transparent 8rem), var(--white);min-height:136px;color:var(--off-black);cursor:pointer;font:inherit;text-align:left;border:1px solid #5f379229;border-radius:8px;align-content:start;gap:.4rem;padding:1rem;transition:border-color .16s,box-shadow .16s,transform .16s,background .16s;display:grid}.lesson-chatbot-option:hover{border-color:#5f37925c;transform:translateY(-1px);box-shadow:0 12px 28px #5f379217}.lesson-chatbot-option.is-selected{background:radial-gradient(circle at 92% 12%,#2fb7a829,#0000 8rem),linear-gradient(135deg,#ecdffe8a,#fffffffa);border-color:#2fb7a880;box-shadow:0 16px 34px #2fb7a821}.lesson-chatbot-option span{color:var(--off-black);font-size:clamp(1.15rem,1.8vw,1.4rem);font-weight:950}.lesson-chatbot-option small{color:var(--dark-gray);font-size:.9rem;font-weight:700;line-height:1.45}.lesson-chatbot-result{color:var(--dark-gray);background:#ecdffe47;border-left:4px solid #5f37923d;border-radius:8px;padding:.9rem 1rem}.lesson-chatbot-result.is-visible{border-left-color:var(--teal);background:#2fb7a814}.lesson-chatbot-result strong{color:var(--off-black)}.lesson-chatbot-result p{margin-top:.15rem;line-height:1.55}.lesson-build-idea-maker-section{background:radial-gradient(circle at 12% 8%,#2fb7a81f,#0000 20rem),linear-gradient(#fffffffa,#ecdffe66)}.lesson-build-idea-maker-panel{grid-template-columns:minmax(0,.58fr) minmax(420px,1fr);align-items:start;gap:clamp(1rem,4vw,3rem);display:grid}.lesson-build-idea-maker-copy{gap:.65rem;display:grid}.lesson-build-idea-maker-copy h2{font-size:clamp(2rem,4vw,4rem);line-height:1.08}.lesson-build-idea-maker-copy p:not(.lesson-section-kicker){max-width:600px;color:var(--dark-gray);font-size:clamp(1rem,1.3vw,1.14rem);line-height:1.6}.lesson-build-idea-maker-card{background:radial-gradient(circle at 94% 10%, #2fb7a81f, transparent 12rem), var(--white);border:1px solid #5f379224;border-radius:8px;gap:1rem;padding:clamp(1rem,2.2vw,1.4rem);display:grid;box-shadow:0 22px 62px #5f37921f}.lesson-build-idea-fields{gap:.85rem;display:grid}.lesson-build-idea-fields label,.lesson-build-prompt-input{gap:.42rem;display:grid}.lesson-build-idea-fields span,.lesson-build-prompt-input span{color:var(--off-black);font-size:.9rem;font-weight:900}.lesson-build-idea-fields input,.lesson-build-prompt-input textarea{width:100%;color:var(--off-black);font:inherit;background:#fbf9ffeb;border:1px solid #5f37922e;border-radius:8px;padding:.9rem 1rem;font-weight:650;line-height:1.45}.lesson-build-prompt-input textarea{resize:vertical;min-height:9.5rem}.lesson-build-idea-fields input:focus,.lesson-build-prompt-input textarea:focus{border-color:#5f379285;outline:3px solid #a25df82e}.lesson-build-idea-output{color:var(--white);background:#12101a;border-radius:8px;gap:.4rem;padding:clamp(1rem,2vw,1.2rem);display:grid}.lesson-build-idea-output span{color:#ffffffa8;letter-spacing:.05em;text-transform:uppercase;font-size:.76rem;font-weight:900}.lesson-build-idea-output p{font-size:clamp(1.05rem,1.5vw,1.28rem);font-weight:850;line-height:1.45}.lesson-build-idea-actions{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:.8rem;display:flex}.lesson-build-idea-copy-button,.lesson-recovery-prompt button{background:linear-gradient(135deg, var(--primary), var(--secondary));min-height:2.8rem;color:var(--white);cursor:pointer;font:inherit;border:0;border-radius:8px;padding:.78rem 1rem;font-weight:850;box-shadow:0 14px 32px #5f37922e}.lesson-build-idea-copy-button:hover,.lesson-recovery-prompt button:hover{transform:translateY(-1px)}.lesson-build-idea-actions p{color:var(--dark-gray);font-size:.9rem;font-weight:800}.lesson-build-idea-actions p.is-ready{color:#14665e}.lesson-smallness-check{border-top:1px solid #5f37921f;gap:.7rem;padding-top:1rem;display:grid}.lesson-smallness-check h3{font-size:clamp(1.05rem,1.4vw,1.25rem)}.lesson-smallness-options{grid-template-columns:repeat(3,minmax(0,1fr));gap:.6rem;display:grid}.lesson-smallness-options button{background:var(--white);min-height:3rem;color:var(--off-black);cursor:pointer;font:inherit;border:1px solid #5f37922e;border-radius:8px;padding:.7rem .9rem;font-weight:850}.lesson-smallness-options button:hover,.lesson-smallness-options button.is-selected{background:#2fb7a814;border-color:#2fb7a880}.lesson-smallness-feedback{border-left:4px solid var(--teal);color:var(--dark-gray);background:#2fb7a814;border-radius:8px;padding:.8rem .95rem;font-weight:750;line-height:1.55}.lesson-build-prompt-maker-section{background:linear-gradient(180deg, #ecdffe80, #fffffffa), var(--primary-light)}.lesson-build-prompt-maker-panel{grid-template-columns:minmax(0,.55fr) minmax(420px,1fr);align-items:start;gap:clamp(1.2rem,4vw,3rem);display:grid}.lesson-build-prompt-maker-copy{align-content:start;gap:.8rem;display:grid}.lesson-build-prompt-maker-copy h2{font-size:clamp(2rem,4vw,4rem);line-height:1.08}.lesson-build-prompt-maker-copy p:not(.lesson-section-kicker){max-width:600px;color:var(--dark-gray);font-size:clamp(1rem,1.3vw,1.14rem);line-height:1.6}.lesson-build-prompt-card{background:#12101a;border:1px solid #5f379229;border-radius:8px;display:grid;overflow:hidden;box-shadow:0 24px 70px #5f37922e}.lesson-build-prompt-card-head{border-bottom:1px solid #ffffff1f;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:.4rem .8rem;padding:.9rem 1rem;display:flex}.lesson-build-prompt-card-head span{color:#ffffffa8;letter-spacing:.05em;text-transform:uppercase;font-size:.78rem;font-weight:900}.lesson-build-prompt-card-head strong{color:#ffffffdb;font-size:.86rem;font-weight:850}.lesson-build-prompt-card pre{color:#ffffffe6;white-space:pre-wrap;max-height:28rem;margin:0;padding:clamp(1rem,2vw,1.25rem);font-family:Courier New,monospace;font-size:clamp(.84rem,1vw,.96rem);line-height:1.55;overflow:auto}.lesson-build-prompt-support{grid-template-columns:minmax(0,.6fr) minmax(0,1fr);gap:1rem;margin-top:1rem;display:grid}.lesson-build-prompt-expectation,.lesson-recovery-prompt{border:1px solid #2fb7a838;border-left:.34rem solid var(--teal);background:radial-gradient(circle at 96% 14%,#2fb7a81f,#0000 12rem),#fffffff5;border-radius:8px;gap:.45rem;padding:clamp(1rem,2vw,1.25rem);display:grid;box-shadow:0 16px 38px #5f379212}.lesson-recovery-prompt{grid-template-columns:minmax(0,1fr) auto;align-items:center}.lesson-build-prompt-expectation strong,.lesson-recovery-prompt strong{color:var(--off-black);font-size:clamp(1.05rem,1.4vw,1.2rem)}.lesson-build-prompt-expectation p,.lesson-recovery-prompt p{color:var(--dark-gray);line-height:1.55}.lesson-supabase-card-head{grid-template-columns:auto 1fr;align-items:center;gap:.8rem;display:grid}.lesson-supabase-logo-mark{background:radial-gradient(circle at 50% 0%, #2fb7a82e, transparent 68%), var(--white);border:1px solid #2fb7a83d;border-radius:8px;place-items:center;width:3.1rem;height:3.1rem;display:grid;box-shadow:0 14px 28px #2fb7a824}.lesson-supabase-logo{width:2rem;height:2rem}.lesson-supabase-link,.lesson-setup-link{background:var(--white);color:#14665e;border:1px solid #2fb7a83d;border-radius:999px;justify-content:center;align-items:center;width:fit-content;min-height:2.55rem;padding:.64rem .86rem;font-weight:900;line-height:1.2;text-decoration:none;transition:background .16s,border-color .16s,color .16s,transform .16s;display:inline-flex}.lesson-supabase-link:hover,.lesson-setup-link:hover{background:linear-gradient(135deg, var(--teal), #14665e);color:var(--white);border-color:#0000;transform:translateY(-1px)}.lesson-supabase-link:focus-visible,.lesson-setup-link:focus-visible{outline-offset:3px;outline:3px solid #2fb7a847}.lesson-database-section{background:radial-gradient(circle at 88% 10%,#2fb7a81f,#0000 18rem),linear-gradient(#f8fafcfa,#fffffffa)}.lesson-database-panel,.lesson-setup-panel,.lesson-connect-panel,.lesson-privacy-panel{background:radial-gradient(circle at 92% 10%,#2fb7a81a,#0000 15rem),#fffffff0;border:1px solid #5f379224;border-radius:8px;gap:clamp(1rem,2vw,1.35rem);padding:clamp(1.1rem,3vw,2rem);display:grid;box-shadow:0 22px 58px #5f37921a}.lesson-database-panel .section-heading,.lesson-setup-panel .section-heading,.lesson-connect-panel .section-heading{max-width:none;margin-bottom:0}.lesson-database-panel .section-heading h2,.lesson-setup-panel .section-heading h2,.lesson-connect-panel .section-heading h2{max-width:none}.lesson-database-panel .section-heading p:not(.lesson-section-kicker),.lesson-setup-panel .section-heading p:not(.lesson-section-kicker),.lesson-connect-panel .section-heading p:not(.lesson-section-kicker){max-width:min(100%,1120px)}.lesson-database-compact-grid{grid-template-columns:minmax(0,1.15fr) minmax(320px,.85fr);align-items:center;gap:clamp(1rem,3vw,2rem)}.lesson-database-compact-copy{gap:.75rem;display:grid}.lesson-database-choice-card{min-height:100%}.lesson-database-alternatives{border-top:1px solid #5f379224;width:min(100%,48rem);padding-top:.75rem}.lesson-database-alternatives summary{cursor:pointer;color:var(--primary-dark);font-weight:850}.lesson-database-alternatives summary:focus-visible{outline-offset:3px;outline:3px solid #a25df842}.lesson-database-alternatives>div{border-left:3px solid #5f379238;gap:.3rem;margin-top:.75rem;padding-left:.85rem;display:grid}.lesson-database-alternatives p{color:var(--dark-gray);line-height:1.55}.lesson-setup-section{background:linear-gradient(180deg, #ecdffe57, #fffffffa), var(--white)}.lesson-setup-grid,.lesson-connect-grid{gap:1rem;display:grid}.lesson-setup-grid{grid-template-columns:repeat(4,minmax(0,1fr))}.lesson-setup-card{background:var(--white);border:1px solid #5f379224;border-radius:8px;align-content:start;gap:.62rem;min-height:15rem;padding:clamp(.95rem,1.8vw,1.15rem);display:grid}.lesson-setup-number{background:linear-gradient(135deg, var(--teal), var(--secondary));width:2.35rem;height:2.35rem;color:var(--white);border-radius:999px;place-items:center;font-weight:950;display:grid}.lesson-setup-card h3,.lesson-connect-card h3{font-size:clamp(1.08rem,1.4vw,1.28rem)}.lesson-setup-card p,.lesson-connect-card li{color:var(--dark-gray);line-height:1.55}.lesson-free-plan-section{background:radial-gradient(circle at 12% 0,#2fb7a826,#0000 18rem),linear-gradient(#fffffffa,#ecdffe80)}.lesson-free-plan-panel{background:radial-gradient(circle at 92% 12%, #2fb7a824, transparent 16rem), linear-gradient(135deg, #fffffffa, #f0fdfae6), var(--white);border:1px solid #2fb7a857;border-radius:8px;grid-template-columns:minmax(0,.9fr) minmax(360px,1.1fr);align-items:stretch;gap:clamp(1rem,3vw,2rem);padding:clamp(1.1rem,3vw,2rem);display:grid;box-shadow:0 22px 58px #2fb7a81a}.lesson-free-plan-copy{align-content:start;gap:.8rem;display:grid}.lesson-free-plan-copy h2{max-width:720px}.lesson-free-plan-copy p:not(.lesson-section-kicker){max-width:760px;color:var(--dark-gray);font-size:clamp(1rem,1.3vw,1.12rem);line-height:1.62}.lesson-free-plan-grid{gap:.85rem;display:grid}.lesson-free-plan-card{background:var(--white);border:1px solid #2fb7a84d;border-radius:8px;align-content:start;gap:.5rem;padding:clamp(.95rem,1.8vw,1.15rem);display:grid}.lesson-free-plan-card.warning{background:linear-gradient(135deg, #ecdffe9e, #fffffffa), var(--white);border-color:#5f37923d}.lesson-free-plan-card.solution{background:linear-gradient(135deg, #2fb7a81f, #fffffffa), var(--white);border-color:#2fb7a861}.lesson-free-plan-card span{color:#14665e;letter-spacing:.06em;text-transform:uppercase;font-size:.74rem;font-weight:900;line-height:1.2}.lesson-free-plan-card.warning span{color:var(--secondary)}.lesson-free-plan-card h3{color:var(--off-black);font-size:clamp(1.08rem,1.5vw,1.32rem)}.lesson-free-plan-card p{color:var(--dark-gray);line-height:1.55}.lesson-free-plan-dashboard{align-content:start;gap:.9rem;display:grid}.lesson-free-plan-metrics{grid-template-columns:repeat(2,minmax(0,1fr));gap:.75rem;display:grid}.lesson-free-plan-metric{background:radial-gradient(circle at 100% 0%, #2fb7a829, transparent 58%), var(--white);border:1px solid #2fb7a847;border-radius:8px;align-content:space-between;min-height:7.2rem;padding:.95rem;display:grid;box-shadow:0 14px 34px #2fb7a814}.lesson-free-plan-metric strong{color:#14665e;letter-spacing:0;font-size:clamp(1.75rem,3.1vw,2.7rem);font-weight:950;line-height:1}.lesson-free-plan-metric span{color:var(--dark-gray);font-size:.86rem;font-weight:850;line-height:1.25}.lesson-free-plan-alert{background:linear-gradient(135deg, #ecdffeb3, #fffffffa), var(--white);border:1px solid #5f37923d;border-radius:8px;grid-template-columns:auto 1fr;align-items:start;gap:.9rem;padding:clamp(.95rem,1.8vw,1.15rem);display:grid}.lesson-free-plan-alert>span,.lesson-free-plan-strategy>span{background:var(--primary-light);width:fit-content;color:var(--secondary);letter-spacing:.06em;text-transform:uppercase;border-radius:999px;padding:.42rem .62rem;font-size:.72rem;font-weight:950;line-height:1.2;display:inline-flex}.lesson-free-plan-alert h3,.lesson-free-plan-strategy h3{color:var(--off-black);font-size:clamp(1.08rem,1.5vw,1.32rem)}.lesson-free-plan-alert p,.lesson-free-plan-strategy p{color:var(--dark-gray);margin-top:.35rem;line-height:1.55}.lesson-free-plan-strategy{background:radial-gradient(circle at 100% 0%, #2fb7a829, transparent 35%), linear-gradient(135deg, #2fb7a81a, #fffffffa), var(--white);border:1px solid #2fb7a85c;border-radius:8px;gap:.55rem;padding:clamp(.95rem,1.8vw,1.15rem);display:grid}.lesson-free-plan-strategy>span{color:#14665e;background:#2fb7a821}.lesson-connect-section{background:radial-gradient(circle at 14% 0,#a25df81f,#0000 18rem),linear-gradient(#fffffffa,#ecdffe75)}.lesson-connect-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.lesson-connect-card{background:var(--white);border:1px solid #5f379224;border-radius:8px;align-content:start;gap:.7rem;padding:clamp(.95rem,1.8vw,1.15rem);display:grid}.lesson-connect-card ul{gap:.55rem;padding:0;display:grid}.lesson-connect-card li{padding-left:1.1rem;position:relative}.lesson-connect-card li:before{content:"";background:var(--teal);border-radius:999px;width:.38rem;height:.38rem;position:absolute;top:.62rem;left:0}.lesson-supabase-journey-section{background:radial-gradient(circle at 88% 8%,#2fb7a81f,#0000 18rem),linear-gradient(#ecdffe5c,#fffffffa);padding:clamp(3rem,7vw,5.8rem) 0}.lesson-supabase-journey-panel{background:#fffffff0;border:1px solid #5f379224;border-radius:8px;gap:clamp(1rem,2vw,1.35rem);padding:clamp(1rem,3vw,2rem);display:grid;box-shadow:0 22px 58px #5f37921a}.lesson-supabase-journey-heading{grid-template-columns:minmax(0,1fr) auto;align-items:end;gap:1rem;min-width:0;display:grid}.lesson-supabase-journey-heading .section-heading{min-width:0;max-width:54rem;margin-bottom:0}.lesson-supabase-journey-status{min-width:8.5rem;color:var(--dark-gray);justify-items:end;display:grid}.lesson-supabase-journey-status strong{color:var(--secondary);font-variant-numeric:tabular-nums;font-size:clamp(2.2rem,4vw,3.6rem);line-height:.95}.lesson-supabase-journey-status span{font-size:.86rem;font-weight:800}.lesson-supabase-journey-progress{background:#5f37921a;border-radius:999px;height:.52rem;overflow:hidden}.lesson-supabase-journey-progress span{border-radius:inherit;background:linear-gradient(90deg, var(--teal), var(--secondary));height:100%;transition:width .22s;display:block}.lesson-supabase-journey-layout{grid-template-columns:minmax(250px,.72fr) minmax(0,1.28fr);align-items:stretch;gap:1rem;min-width:0;display:grid}.lesson-supabase-step-nav{min-width:0}.lesson-supabase-step-nav>div{gap:.55rem;display:grid}.lesson-supabase-step-nav button{min-height:4.2rem;color:var(--dark-gray);cursor:pointer;font:inherit;text-align:left;background:#f8fafcd1;border:1px solid #5f379224;border-radius:8px;grid-template-columns:2.25rem minmax(0,1fr);align-items:center;gap:.7rem;padding:.7rem;transition:background .16s,border-color .16s,color .16s,transform .16s;display:grid}.lesson-supabase-step-nav button:hover{border-color:#5f379252;transform:translate(2px)}.lesson-supabase-step-nav button.is-active{border-color:var(--secondary);color:var(--off-black);background:#ecdffe94}.lesson-supabase-step-nav button.is-done{border-color:#2fb7a861}.lesson-supabase-step-nav button:focus-visible,.lesson-supabase-step-actions button:focus-visible,.lesson-supabase-step-actions a:focus-visible{outline-offset:3px;outline:3px solid #2fb7a847}.lesson-supabase-step-nav button>span{width:2.25rem;height:2.25rem;color:var(--secondary);background:#5f37921a;border-radius:999px;place-items:center;font-weight:950;display:grid}.lesson-supabase-step-nav button.is-active>span{background:var(--secondary);color:var(--white)}.lesson-supabase-step-nav button.is-done>span{color:var(--white);background:#14665e}.lesson-supabase-step-panel{background:radial-gradient(circle at 100% 0%, #2fb7a81f, transparent 15rem), var(--white);border:1px solid #2fb7a840;border-radius:8px;align-content:start;gap:.8rem;min-height:26rem;padding:clamp(1rem,2.5vw,1.5rem);display:grid}.lesson-supabase-step-count{color:#14665e;letter-spacing:.05em;text-transform:uppercase;font-size:.76rem;font-weight:900}.lesson-supabase-step-panel h3{max-width:42rem;color:var(--off-black);text-wrap:balance;font-size:clamp(1.4rem,2.4vw,2rem);line-height:1.15}.lesson-supabase-step-panel>p{max-width:48rem;color:var(--dark-gray);font-size:1.02rem;line-height:1.62}.lesson-supabase-step-details{grid-template-columns:repeat(2,minmax(0,1fr));gap:.7rem;display:grid}.lesson-supabase-step-details>div{background:#f8fafcd6;border:1px solid #5f37921f;border-radius:8px;align-content:start;gap:.5rem;padding:.85rem;display:grid}.lesson-supabase-step-details strong{color:var(--off-black)}.lesson-supabase-step-details ul{gap:.4rem;padding:0;display:grid}.lesson-supabase-step-details li{color:var(--dark-gray);padding-left:1rem;line-height:1.48;position:relative}.lesson-supabase-step-details li:before{content:"";background:var(--teal);border-radius:999px;width:.36rem;height:.36rem;position:absolute;top:.62rem;left:0}.lesson-supabase-step-actions{flex-wrap:wrap;gap:.6rem;margin-top:auto;padding-top:.35rem;display:flex}.lesson-supabase-step-actions button,.lesson-supabase-step-actions a{background:var(--white);min-height:2.8rem;color:var(--primary-dark);cursor:pointer;font:inherit;border:1px solid #5f379233;border-radius:999px;justify-content:center;align-items:center;padding:.62rem .9rem;font-weight:850;text-decoration:none;transition:background .16s,border-color .16s,color .16s,transform .16s;display:inline-flex}.lesson-supabase-step-actions button:hover,.lesson-supabase-step-actions a:hover{border-color:var(--secondary);transform:translateY(-1px)}.lesson-supabase-step-actions button.is-done{color:var(--white);background:#14665e;border-color:#14665e}.lesson-supabase-step-actions .lesson-supabase-next-step{border-color:var(--secondary);background:var(--secondary);color:var(--white)}.lesson-supabase-ready{background:#ecdffe52;border-left:4px solid #5f379242;gap:.2rem;padding:.85rem 1rem;display:grid}.lesson-supabase-ready.is-complete{border-left-color:var(--teal);background:#2fb7a81a}.lesson-supabase-ready strong{color:var(--off-black)}.lesson-supabase-ready p{color:var(--dark-gray);line-height:1.5}.lesson-privacy-section{background:radial-gradient(circle at 84% 8%,#2fb7a821,#0000 17rem),linear-gradient(#fffffffa,#f8fafcfa)}.lesson-privacy-panel{background:radial-gradient(circle at 88% 10%, #a25df81a, transparent 16rem), linear-gradient(135deg, #fffffffa, #f0fdfae6), var(--white);grid-template-columns:minmax(0,.72fr) minmax(420px,1fr);align-items:stretch}.lesson-privacy-copy{align-content:start;gap:.8rem;display:grid}.lesson-privacy-copy h2{max-width:680px}.lesson-privacy-copy p:not(.lesson-section-kicker){max-width:720px;color:var(--dark-gray);font-size:clamp(1rem,1.3vw,1.12rem);line-height:1.62}.lesson-privacy-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:.85rem;display:grid}.lesson-privacy-card{background:var(--white);border:1px solid #5f379224;border-radius:8px;align-content:start;gap:.55rem;min-height:15rem;padding:clamp(.95rem,1.8vw,1.15rem);display:grid}.lesson-privacy-card.emphasis{background:linear-gradient(135deg, #2fb7a81f, #fffffffa), var(--white);border-color:#2fb7a85c}.lesson-privacy-card span{color:var(--secondary);letter-spacing:.06em;text-transform:uppercase;font-size:.74rem;font-weight:900;line-height:1.2}.lesson-privacy-card.emphasis span{color:#14665e}.lesson-privacy-card h3{color:var(--off-black);font-size:clamp(1.08rem,1.45vw,1.28rem)}.lesson-privacy-card p{color:var(--dark-gray);line-height:1.55}.lesson-privacy-ladder{align-content:start;gap:.75rem;display:grid;position:relative}.lesson-privacy-ladder:before{background:linear-gradient(180deg, var(--secondary), var(--teal));content:"";opacity:.32;width:2px;position:absolute;top:1.25rem;bottom:1.25rem;left:1.22rem}.lesson-privacy-layer{background:#fffffff0;border:1px solid #5f379224;border-radius:8px;grid-template-columns:auto 1fr;align-items:start;gap:.8rem;padding:.9rem .95rem;display:grid;position:relative}.lesson-privacy-layer>span{z-index:1;background:linear-gradient(135deg, var(--secondary), var(--teal));width:2.5rem;height:2.5rem;color:var(--white);border-radius:999px;place-items:center;font-size:.78rem;font-weight:950;display:grid;position:relative}.lesson-privacy-layer h3{color:var(--off-black);font-size:clamp(1.02rem,1.35vw,1.2rem)}.lesson-privacy-layer p{color:var(--dark-gray);margin-top:.26rem;line-height:1.48}.lesson-privacy-note{background:linear-gradient(135deg, #2fb7a81f, #ffffffeb), var(--white);color:var(--dark-gray);border:1px solid #2fb7a847;border-radius:8px;grid-column:1/-1;grid-template-columns:minmax(9rem,.22fr) minmax(0,1fr);align-items:start;gap:clamp(.8rem,2vw,1.4rem);margin-top:.35rem;padding:clamp(1rem,2vw,1.25rem);display:grid}.lesson-privacy-note strong{color:#14665e;letter-spacing:.06em;text-transform:uppercase;font-size:.8rem;font-weight:950;line-height:1.2}.lesson-privacy-note p{max-width:980px;color:var(--dark-gray);margin:0;font-size:clamp(1rem,1.25vw,1.1rem);font-weight:650;line-height:1.58}.lesson-plan-intro-section{background:radial-gradient(circle at 88% 4%,#a25df81f,#0000 18rem),linear-gradient(#f8fafcfa,#fffffffa)}.lesson-plan-intro-panel,.lesson-plugin-panel{background:radial-gradient(circle at 92% 10%,#2fb7a81a,#0000 16rem),#fffffff0;border:1px solid #5f379224;border-radius:8px;grid-template-columns:minmax(0,.84fr) minmax(360px,1fr);align-items:center;gap:clamp(1.2rem,4vw,3rem);padding:clamp(1.1rem,3vw,2rem);display:grid;box-shadow:0 22px 58px #5f37921a}.lesson-plan-intro-copy{gap:.85rem;display:grid}.lesson-plan-intro-copy h2{max-width:740px}.lesson-plan-intro-copy p:not(.lesson-section-kicker),.lesson-plugin-panel>p{color:var(--dark-gray);font-size:clamp(1rem,1.3vw,1.12rem);line-height:1.62}.lesson-plan-compare{grid-template-columns:repeat(2,minmax(0,1fr));gap:.85rem;display:grid}.lesson-plan-compare-card{background:var(--white);border:1px solid #5f379229;border-radius:8px;align-content:start;gap:.55rem;min-height:14rem;padding:clamp(.95rem,1.8vw,1.15rem);display:grid}.lesson-plan-compare-card span,.lesson-prd-card span{color:var(--secondary);letter-spacing:.06em;text-transform:uppercase;font-size:.74rem;font-weight:900;line-height:1.2}.lesson-plan-compare-card.is-strong{background:radial-gradient(circle at 100% 0%, #2fb7a826, transparent 55%), var(--white);border-color:#2fb7a85c}.lesson-plan-compare-card.is-strong span{color:#14665e}.lesson-plan-compare-card h3,.lesson-prd-card h3,.lesson-phase-card h3{color:var(--off-black);font-size:clamp(1.08rem,1.45vw,1.28rem)}.lesson-plan-compare-card p,.lesson-prd-card p,.lesson-phase-card p{color:var(--dark-gray);line-height:1.55}.lesson-prd-section{background:radial-gradient(circle at 10% 0,#2fb7a81f,#0000 20rem),linear-gradient(#fffffffa,#ecdffe6b)}.lesson-prd-panel,.lesson-phase-panel{gap:clamp(1rem,2vw,1.35rem);display:grid}.lesson-prd-panel .section-heading,.lesson-phase-panel .section-heading{max-width:none}.lesson-prd-panel .section-heading p,.lesson-phase-panel .section-heading p{max-width:min(100%,1120px)}.lesson-prd-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:.85rem;display:grid}.lesson-prd-card{background:linear-gradient(180deg, #fffffffa, #f8fafcf5), var(--white);border:1px solid #5f379224;border-radius:8px;align-content:start;gap:.5rem;min-height:12.4rem;padding:clamp(.9rem,1.6vw,1rem);display:grid;box-shadow:0 14px 34px #5f379212}.lesson-plugin-section{background:var(--white)}.lesson-plugin-panel{background:linear-gradient(135deg, #ecdffe85, #fffffff5), var(--white);grid-template-columns:minmax(0,.42fr) minmax(0,1fr);align-items:start}.lesson-plugin-panel h2{margin-top:.3rem;font-size:clamp(1.55rem,2.4vw,2.3rem)}.lesson-phase-section{background:radial-gradient(circle at 90% 10%, #2fb7a81f, transparent 22rem), var(--off-white)}.lesson-phase-roadmap{grid-template-columns:repeat(5,minmax(0,1fr));gap:.75rem;display:grid}.lesson-phase-card{background:#fffffff5;border:1px solid #5f379224;border-radius:8px;align-content:start;gap:.55rem;min-height:15rem;padding:clamp(.9rem,1.6vw,1.05rem);display:grid;position:relative}.lesson-phase-card span{background:linear-gradient(135deg, var(--secondary), var(--teal));width:2.35rem;height:2.35rem;color:var(--white);border-radius:999px;place-items:center;font-weight:950;display:grid}.lesson-iteration-core-section{background:radial-gradient(circle at 84% 8%,#2fb7a821,#0000 19rem),linear-gradient(#f8fafcfa,#fffffffa)}.lesson-iteration-core-panel{background:linear-gradient(135deg, #fffffff7, #ecdffe73), var(--white);border:1px solid #5f379224;border-radius:8px;grid-template-columns:minmax(0,.95fr) minmax(300px,.48fr);align-items:stretch;gap:clamp(1.2rem,4vw,3rem);padding:clamp(1.2rem,3vw,2rem);display:grid;box-shadow:0 22px 58px #5f37921a}.lesson-iteration-core-panel>div{align-content:center;gap:.85rem;display:grid}.lesson-iteration-core-panel h2{max-width:940px}.lesson-iteration-core-panel p:not(.lesson-section-kicker){max-width:820px;color:var(--dark-gray);font-size:clamp(1rem,1.28vw,1.12rem);line-height:1.62}.lesson-iteration-screenshot-card{background:radial-gradient(circle at 82% 18%,#2fb7a82e,#0000 52%),linear-gradient(#fffffffa,#ecdffe66);border:1px solid #2fb7a852;border-radius:8px;align-content:end;gap:1rem;min-height:18rem;padding:clamp(1rem,2vw,1.35rem);display:grid}.lesson-iteration-screenshot-card:before{content:"";background:linear-gradient(90deg,#5f379247 0 16%,#0000 16% 100%),linear-gradient(#5f379229 0 16%,#0000 16% 100%),linear-gradient(135deg,#fffffff2,#f8fafcdb);border:1px solid #5f379226;border-radius:8px;width:min(100%,18rem);height:8.5rem;box-shadow:0 18px 42px #5f37921f}.lesson-iteration-screenshot-card span{color:#14665e;letter-spacing:.06em;text-transform:uppercase;font-size:.82rem;font-weight:950;line-height:1.2}.lesson-iteration-screenshot-card p{color:var(--off-black);font-weight:650;line-height:1.58}.lesson-iteration-ladder-section{background:radial-gradient(circle at 8% 0%, #a25df81f, transparent 20rem), var(--off-white)}.lesson-iteration-ladder-panel{gap:clamp(1rem,2vw,1.35rem);display:grid}.lesson-iteration-ladder-panel .section-heading{max-width:none}.lesson-iteration-ladder-panel .section-heading p{max-width:min(100%,980px)}.lesson-iteration-ladder{grid-template-columns:repeat(3,minmax(0,1fr));gap:.9rem;display:grid}.lesson-iteration-step{background:#fffffff5;border:1px solid #5f379224;border-radius:8px;align-content:start;gap:.7rem;min-height:18rem;padding:clamp(1rem,1.8vw,1.2rem);display:grid;position:relative;overflow:hidden;box-shadow:0 16px 38px #5f379214}.lesson-iteration-step:after{content:"";background:#ecdffeb8;border-radius:999px;width:4.4rem;height:4.4rem;position:absolute;bottom:1rem;right:1rem}.lesson-iteration-step span{z-index:1;background:linear-gradient(135deg, var(--secondary), var(--primary));width:fit-content;min-width:4.9rem;min-height:2.4rem;color:var(--white);border-radius:999px;place-items:center;padding:.68rem .9rem;font-size:.82rem;font-weight:950;line-height:1;display:grid;position:relative}.lesson-iteration-step h3,.lesson-iteration-step p{z-index:1;position:relative}.lesson-iteration-step h3{color:var(--off-black);font-size:clamp(1.18rem,1.5vw,1.35rem)}.lesson-iteration-step p{color:var(--dark-gray);line-height:1.58}.lesson-browser-test-section{background:radial-gradient(circle at 88% 0,#2fb7a824,#0000 20rem),linear-gradient(#f8fafcfa,#fffffffa)}.lesson-browser-test-panel{background:radial-gradient(circle at 94% 10%,#a25df81a,#0000 18rem),#fffffff2;border:1px solid #5f379224;border-radius:8px;grid-template-columns:minmax(0,.9fr) minmax(320px,.56fr);align-items:center;gap:clamp(1.2rem,4vw,3rem);padding:clamp(1.2rem,3vw,2rem);display:grid;box-shadow:0 22px 58px #5f37921a}.lesson-browser-test-panel>div:first-child{gap:.85rem;display:grid}.lesson-browser-test-panel h2{max-width:840px}.lesson-browser-test-panel p:not(.lesson-section-kicker){max-width:780px;color:var(--dark-gray);font-size:clamp(1rem,1.28vw,1.12rem);line-height:1.62}.lesson-browser-test-visual{background:linear-gradient(180deg, #fffffffa, #ecdffe61), var(--white);border:1px solid #5f379229;border-radius:8px;gap:.75rem;padding:clamp(1rem,2vw,1.25rem);display:grid}.lesson-browser-test-visual span{background:var(--white);min-height:3.2rem;color:var(--off-black);border:1px solid #5f379224;border-radius:8px;align-items:center;padding:.8rem .95rem .8rem 3.1rem;font-weight:850;display:grid;position:relative}.lesson-browser-test-visual span:before{background:linear-gradient(135deg, var(--secondary), var(--teal));width:1.5rem;height:1.5rem;color:var(--white);content:"✓";border-radius:999px;place-items:center;font-size:.8rem;font-weight:950;display:grid;position:absolute;left:.85rem}.lesson-role-test-section{background:radial-gradient(circle at 8% 0%, #a25df81f, transparent 20rem), var(--off-white)}.lesson-role-test-panel{gap:clamp(1rem,2vw,1.4rem);display:grid}.lesson-role-test-panel .section-heading{max-width:none}.lesson-role-test-panel .section-heading p{max-width:min(100%,980px)}.lesson-role-tabs{background:#fffffff5;border:1px solid #5f379224;border-radius:8px;gap:0;display:grid;overflow:hidden;box-shadow:0 18px 44px #5f379214}.lesson-role-tablist{background:linear-gradient(180deg, #fffffffa, #ecdffe6b), var(--white);border-bottom:1px solid #5f37921f;grid-template-columns:repeat(auto-fit,minmax(9.5rem,1fr));gap:.35rem;padding:.7rem;display:grid}.lesson-role-tab{min-height:2.8rem;color:var(--secondary);cursor:pointer;font:inherit;text-align:center;background:#ffffffc7;border:1px solid #5f379224;border-radius:999px;padding:.65rem .95rem;font-size:.9rem;font-weight:850;transition:background .16s,border-color .16s,color .16s,transform .16s}.lesson-role-tab:hover{transform:translateY(-1px)}.lesson-role-tab.is-active{background:linear-gradient(135deg, var(--secondary), var(--primary));color:var(--white);border-color:#5f379261;box-shadow:0 10px 22px #5f37922e}.lesson-role-tab:focus-visible,.lesson-role-copy-button:focus-visible{outline-offset:3px;outline:3px solid #a25df857}.lesson-role-tab-panel{grid-template-columns:minmax(260px,.38fr) minmax(0,.62fr);gap:clamp(1rem,2.2vw,1.45rem);padding:clamp(1rem,2vw,1.25rem);display:grid}.lesson-role-tab-copy{align-content:start;gap:.75rem;display:grid}.lesson-role-tab-copy span{color:var(--secondary);background:#ecdffeb8;border-radius:999px;justify-self:start;padding:.5rem .7rem;font-size:.78rem;font-weight:950;line-height:1.15}.lesson-role-tab-copy h3{color:var(--off-black);font-size:clamp(1.35rem,2vw,1.75rem);line-height:1.18}.lesson-role-tab-copy p{color:var(--dark-gray);font-size:clamp(1rem,1.18vw,1.08rem);line-height:1.58}.lesson-role-tab-prompt{background:#14111c;border:1px solid #5f379229;border-radius:8px;overflow:hidden;box-shadow:0 16px 34px #080f171a}.lesson-role-tab-prompt pre{color:#fff;white-space:pre-wrap;max-height:26rem;margin:0;padding:1.05rem 1.15rem;font-size:.86rem;line-height:1.58;overflow:auto}.lesson-role-copy-button{background:linear-gradient(135deg, var(--primary), var(--secondary));width:100%;min-height:3.35rem;color:var(--white);cursor:pointer;font:inherit;border:0;border-top:1px solid #ffffff1f;padding:.8rem 1rem;font-weight:900}.lesson-route-finder-section,.lesson-test-team-section{background:var(--off-white)}.lesson-route-finder-panel,.lesson-test-team-panel{background:#fffffff7;border:1px solid #5f379224;border-radius:8px;gap:clamp(1.25rem,3vw,2rem);padding:clamp(1.2rem,3vw,2.2rem);display:grid;box-shadow:0 22px 58px #5f37921a}.lesson-route-finder-panel>.section-heading,.lesson-test-team-panel .section-heading{max-width:920px}.lesson-route-finder-grid{grid-template-columns:minmax(0,.94fr) minmax(340px,.7fr);align-items:start;gap:clamp(1rem,2.5vw,1.6rem);display:grid}.lesson-route-finder-form{gap:1.25rem;display:grid}.lesson-route-finder-form>label,.lesson-route-finder-form legend,.lesson-test-feedback-workspace label{color:var(--off-black);font-size:1rem;font-weight:850}.lesson-route-finder-form textarea,.lesson-test-feedback-workspace textarea{resize:vertical;width:100%;color:var(--off-black);font:inherit;background:#fff;border:1px solid #5f37923d;border-radius:8px;padding:.95rem 1rem;line-height:1.55;transition:border-color .16s,box-shadow .16s}.lesson-route-finder-form textarea:focus,.lesson-test-feedback-workspace textarea:focus{border-color:var(--secondary);outline:0;box-shadow:0 0 0 3px #a25df82b}.lesson-route-examples{flex-wrap:wrap;gap:.5rem;margin-top:-.5rem;display:flex}.lesson-route-examples>span{width:100%;color:var(--dark-gray);font-size:.82rem;font-weight:750}.lesson-route-examples button{color:var(--secondary);cursor:pointer;font:inherit;text-align:left;background:#ecdffe59;border:1px solid #5f379229;border-radius:6px;padding:.55rem .7rem;font-size:.82rem;font-weight:750;transition:background .16s,border-color .16s,transform .16s}.lesson-route-examples button:hover{background:#ecdffeb8;border-color:#5f379257;transform:translateY(-1px)}.lesson-route-finder-form fieldset{border:0;gap:.65rem;min-width:0;margin:0;padding:0;display:grid}.lesson-route-finder-form legend{margin-bottom:.65rem}.lesson-route-choice-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:.65rem;display:grid}.lesson-route-choice-grid button{min-height:6.3rem;color:var(--secondary);cursor:pointer;font:inherit;text-align:left;background:#fff;border:1px solid #5f37922b;border-radius:8px;grid-template-columns:auto minmax(0,1fr);align-items:start;gap:.65rem;padding:.85rem;transition:background .16s,border-color .16s,transform .16s;display:grid}.lesson-route-choice-grid button:hover{transform:translateY(-1px)}.lesson-route-choice-grid button[aria-pressed=true]{background:#2fb7a817;border-color:#247d73;box-shadow:inset 0 0 0 1px #2fb7a829}.lesson-route-choice-grid button span{gap:.22rem;display:grid}.lesson-route-choice-grid strong{color:var(--off-black);line-height:1.28}.lesson-route-choice-grid small{color:var(--dark-gray);font-size:.82rem;line-height:1.4}.lesson-route-result{background:linear-gradient(#ecdffe75,#fff 36%);border:1px solid #5f37922e;border-radius:8px;gap:1rem;min-height:31rem;padding:clamp(1rem,2vw,1.35rem);display:grid;position:sticky;top:6.5rem}.lesson-route-result-heading{gap:.55rem;display:grid}.lesson-route-result-heading>span,.lesson-route-empty>span,.lesson-test-team-members>span,.lesson-test-feedback-prompt>div span{color:var(--secondary);font-size:.8rem;font-weight:900}.lesson-route-result-heading h3,.lesson-route-empty h3,.lesson-test-feedback-workspace h3{color:var(--off-black);font-size:clamp(1.45rem,2.2vw,2rem);line-height:1.18}.lesson-route-result-heading p,.lesson-route-empty p{color:var(--dark-gray);line-height:1.55}.lesson-route-screenshot-tip{border-left:3px solid var(--teal);color:#175f58;background:#2fb7a814;align-items:center;gap:.55rem;padding:.7rem .8rem;font-size:.9rem;font-weight:750;line-height:1.45;display:flex}.lesson-route-prompt,.lesson-test-team-prompt,.lesson-test-feedback-prompt{color:#fff;background:#14111c;border-radius:8px;overflow:hidden}.lesson-route-prompt>div,.lesson-test-feedback-prompt>div{border-bottom:1px solid #ffffff1f;justify-content:space-between;align-items:center;gap:.4rem 1rem;padding:.75rem .9rem;display:flex}.lesson-route-prompt>div span,.lesson-test-feedback-prompt>div span{color:#fff}.lesson-route-prompt>div small,.lesson-test-feedback-prompt>div small{color:#ffffffb3;font-size:.76rem}.lesson-route-prompt pre,.lesson-test-team-prompt pre,.lesson-test-feedback-prompt pre{color:#fff;white-space:pre-wrap;max-height:25rem;margin:0;padding:1rem;font-size:.82rem;line-height:1.58;overflow:auto}.lesson-route-prompt>button,.lesson-test-team-prompt>button:not(.lesson-test-team-next),.lesson-test-feedback-prompt>button{background:var(--secondary);color:#fff;cursor:pointer;width:100%;min-height:3.2rem;font:inherit;border:0;border-top:1px solid #ffffff1f;justify-content:center;align-items:center;gap:.5rem;padding:.75rem 1rem;font-weight:850;display:flex}.lesson-route-empty,.lesson-test-team-empty{text-align:center;align-content:center;gap:.75rem;min-height:27rem;display:grid}.lesson-test-team-heading{justify-content:space-between;align-items:end;gap:1rem 2rem;display:flex}.lesson-test-team-stepper{flex-shrink:0;gap:.4rem;padding-bottom:.25rem;display:flex}.lesson-test-team-stepper button{color:var(--dark-gray);cursor:pointer;font:inherit;background:#fff;border:1px solid #5f379229;border-radius:6px;align-items:center;gap:.45rem;padding:.55rem .7rem;font-size:.82rem;font-weight:800;display:flex}.lesson-test-team-stepper button[aria-current=step]{border-color:var(--secondary);color:var(--secondary);background:#ecdffe94}.lesson-test-team-stepper button:disabled{cursor:not-allowed;opacity:.48}.lesson-test-team-stepper span{background:#5f37921c;border-radius:50%;place-items:center;width:1.45rem;height:1.45rem;font-size:.72rem;display:grid}.lesson-test-team-workspace{grid-template-columns:minmax(0,.98fr) minmax(340px,.72fr);align-items:start;gap:clamp(1rem,2.5vw,1.6rem);display:grid}.lesson-test-team-counter{justify-content:space-between;align-items:baseline;gap:.4rem 1rem;margin-bottom:.75rem;display:flex}.lesson-test-team-counter strong{color:var(--secondary)}.lesson-test-team-counter span{color:var(--dark-gray);font-size:.82rem}.lesson-test-role-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:.65rem;display:grid}.lesson-test-role-grid>button{min-height:9.2rem;color:var(--off-black);cursor:pointer;font:inherit;text-align:left;background:#fff;border:1px solid #5f379226;border-radius:8px;grid-template-columns:auto minmax(0,1fr) auto;align-items:start;gap:.7rem;padding:.9rem;transition:border-color .16s,box-shadow .16s,transform .16s;display:grid;position:relative}.lesson-test-role-grid>button:hover:not(:disabled){border-color:#5f379266;transform:translateY(-2px)}.lesson-test-role-grid>button.is-selected{background:#2fb7a812;border-color:#247d73;box-shadow:inset 0 0 0 1px #2fb7a829}.lesson-test-role-grid>button:disabled{cursor:not-allowed;opacity:.43}.lesson-test-role-grid>button>span:nth-child(2){gap:.25rem;display:grid}.lesson-test-role-grid strong{line-height:1.25}.lesson-test-role-grid small{color:var(--secondary);font-size:.82rem;font-weight:750;line-height:1.35}.lesson-test-role-grid em{color:var(--dark-gray);font-size:.76rem;font-style:normal;line-height:1.4}.lesson-test-role-icon{width:2.35rem;height:2.35rem;color:var(--secondary);background:#ecdffea8;border-radius:7px;place-items:center;display:grid}.lesson-test-role-check{width:1.65rem;height:1.65rem;color:var(--secondary);border:1px solid #5f379233;border-radius:50%;place-items:center;font-size:1.2rem;font-weight:700;display:grid}.is-selected .lesson-test-role-check{color:#fff;background:#247d73;border-color:#247d73}.lesson-test-team-prompt{position:sticky;top:6.5rem}.lesson-test-team-members{border-bottom:1px solid #ffffff1f;gap:.55rem;padding:.85rem 1rem;display:grid}.lesson-test-team-members>span{color:#ffffffb8}.lesson-test-team-members>div{flex-wrap:wrap;gap:.35rem;display:flex}.lesson-test-team-members strong{color:#fff;background:#ffffff14;border:1px solid #ffffff2e;border-radius:5px;padding:.35rem .48rem;font-size:.75rem}.lesson-test-team-next{color:#fff;cursor:pointer;width:100%;font:inherit;background:#ffffff14;border:0;border-top:1px solid #ffffff1f;justify-content:center;align-items:center;gap:.45rem;padding:.72rem 1rem;font-size:.84rem;font-weight:800;display:flex}.lesson-test-team-empty{min-height:29rem;padding:2rem}.lesson-test-team-empty svg{color:var(--primary);justify-self:center}.lesson-test-team-empty h3{font-size:1.45rem}.lesson-test-team-empty p{color:#ffffffb3;line-height:1.55}.lesson-test-feedback-workspace{grid-template-columns:minmax(0,.7fr) minmax(340px,.75fr);align-items:start;gap:clamp(1rem,3vw,2rem);display:grid}.lesson-test-feedback-workspace>div:first-child{gap:.75rem;display:grid}.lesson-test-feedback-workspace>div:first-child>p:not(.lesson-section-kicker){color:var(--dark-gray);line-height:1.55}.lesson-test-feedback-workspace label{margin-top:.35rem}.lesson-test-feedback-workspace label span{color:var(--dark-gray);font-size:.82rem;font-weight:600}.lesson-test-feedback-back{color:var(--secondary);cursor:pointer;font:inherit;background:0 0;border:0;justify-self:start;padding:.35rem 0;font-size:.88rem;font-weight:800}.lesson-route-examples button:focus-visible,.lesson-route-choice-grid button:focus-visible,.lesson-route-prompt button:focus-visible,.lesson-test-team-stepper button:focus-visible,.lesson-test-role-grid button:focus-visible,.lesson-test-team-prompt button:focus-visible,.lesson-test-feedback-workspace button:focus-visible,.lesson-test-feedback-prompt button:focus-visible{outline-offset:3px;outline:3px solid #a25df857}.lesson-route-prompt button:active,.lesson-test-team-prompt button:active,.lesson-test-feedback-prompt button:active,.lesson-test-role-grid>button:active:not(:disabled){transform:translateY(1px)}.lesson-github-quiz-section,.lesson-publish-cockpit-section{background:var(--off-white)}.lesson-github-quiz-panel,.lesson-github-setup-panel,.lesson-publish-cockpit-panel{background:#fffffffa;border:1px solid #5f379224;border-radius:8px;gap:clamp(1.2rem,3vw,2rem);padding:clamp(1.2rem,3vw,2.2rem);display:grid;box-shadow:0 22px 58px #5f37921a}.lesson-github-quiz-panel>.section-heading{max-width:930px}.lesson-github-quiz-workspace{grid-template-columns:auto minmax(0,1fr);align-items:stretch;gap:clamp(1rem,2vw,1.4rem);display:grid}.lesson-github-quiz-progress{border-right:1px solid #5f37921f;align-content:center;gap:.55rem;padding-right:1.15rem;display:grid}.lesson-github-quiz-progress span{width:2.35rem;height:2.35rem;color:var(--dark-gray);background:#fff;border:1px solid #5f379224;border-radius:50%;place-items:center;font-size:.8rem;font-weight:900;display:grid}.lesson-github-quiz-progress span.is-active{border-color:var(--secondary);background:var(--secondary);color:#fff}.lesson-github-quiz-question{align-content:center;gap:.85rem;min-height:20rem;padding:clamp(.2rem,1vw,.8rem);display:grid}.lesson-github-quiz-question>p:first-child,.lesson-github-step-label,.lesson-publish-step-label{color:var(--secondary);font-size:.78rem;font-weight:900}.lesson-github-quiz-question h3{max-width:850px;color:var(--off-black);font-size:clamp(1.35rem,2.4vw,2.05rem);line-height:1.22}.lesson-github-quiz-options{grid-template-columns:repeat(4,minmax(0,1fr));gap:.6rem;display:grid}.lesson-github-quiz-options button{min-height:4.2rem;color:var(--secondary);cursor:pointer;font:inherit;background:#ecdffe3d;border:2px solid #5f379261;border-radius:8px;justify-content:center;align-items:center;gap:.55rem;font-weight:850;transition:background .16s,border-color .16s,transform .16s;display:flex;box-shadow:0 3px #5f379226}.lesson-github-quiz-options button:hover{border-color:var(--secondary);background:#ecdffe94;transform:translateY(-1px)}.lesson-github-quiz-options button.is-correct{color:#175f58;background:#2fb7a824;border-color:#247d73;box-shadow:0 3px #247d7333}.lesson-github-quiz-options button.is-wrong{color:#812f2f;background:#b84d4d1a;border-color:#a84444;box-shadow:0 3px #a844442e}.lesson-github-quiz-options button:active{box-shadow:none;transform:translateY(2px)}.lesson-github-quiz-feedback,.lesson-github-quiz-placeholder{min-height:4.5rem;color:var(--dark-gray);background:#ecdffe47;border-left:3px solid #5f379238;padding:.75rem .9rem;line-height:1.5}.lesson-github-quiz-feedback.is-correct{border-left-color:var(--teal);background:#2fb7a814}.lesson-github-quiz-feedback.is-wrong{background:#b84d4d0f;border-left-color:#b84d4d}.lesson-github-quiz-feedback p{margin-top:.2rem}.lesson-github-quiz-next,.lesson-github-setup-next,.lesson-publish-cockpit-next{background:var(--secondary);color:#fff;cursor:pointer;width:fit-content;min-height:2.9rem;font:inherit;border:0;border-radius:7px;justify-content:center;align-items:center;gap:.45rem;padding:.7rem 1rem;font-weight:850;display:inline-flex}.lesson-github-quiz-next:disabled,.lesson-github-setup-next:disabled,.lesson-publish-cockpit-next:disabled{cursor:not-allowed;opacity:.42}.lesson-github-quiz-complete{color:#175f58;flex-wrap:wrap;align-items:center;gap:.65rem;font-weight:800;display:flex}.lesson-github-quiz-complete button{color:var(--secondary);cursor:pointer;font:inherit;background:0 0;border:0;align-items:center;gap:.35rem;font-size:.82rem;font-weight:800;display:inline-flex}.lesson-github-setup-section{background:linear-gradient(#fff,#ecdffe3d)}.lesson-github-setup-heading,.lesson-publish-cockpit-heading{justify-content:space-between;align-items:end;gap:1rem 2rem;display:flex}.lesson-github-setup-heading .section-heading,.lesson-publish-cockpit-heading .section-heading{max-width:920px}.lesson-github-setup-status,.lesson-publish-cockpit-status{min-width:7rem;color:var(--secondary);justify-items:center;display:grid}.lesson-github-setup-status strong,.lesson-publish-cockpit-status strong{font-size:2rem;line-height:1}.lesson-github-setup-status span,.lesson-publish-cockpit-status span{color:var(--dark-gray);font-size:.78rem;font-weight:800}.lesson-github-setup-tabs,.lesson-publish-cockpit-tabs{border-bottom:1px solid #5f37921f;grid-template-columns:repeat(3,minmax(0,1fr));gap:.45rem;padding-bottom:.75rem;display:grid}.lesson-github-setup-tabs button,.lesson-publish-cockpit-tabs button{min-height:3.8rem;color:var(--off-black);cursor:pointer;font:inherit;text-align:left;background:#fff;border:1px solid #5f379224;border-radius:7px;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:.55rem;padding:.65rem .8rem;display:grid}.lesson-github-setup-tabs button.is-active,.lesson-publish-cockpit-tabs button.is-active{border-color:var(--secondary);background:#ecdffe80}.lesson-github-setup-tabs button:disabled,.lesson-publish-cockpit-tabs button:disabled{cursor:not-allowed;opacity:.45}.lesson-github-setup-tabs button>span,.lesson-publish-cockpit-tabs button>span{width:1.8rem;height:1.8rem;color:var(--secondary);background:#5f37921f;border-radius:50%;place-items:center;font-size:.75rem;font-weight:900;display:grid}.lesson-github-setup-tabs small,.lesson-publish-cockpit-tabs small{color:var(--dark-gray);font-size:.72rem;font-weight:700}.lesson-github-setup-content,.lesson-publish-cockpit-content{min-height:27rem}.lesson-github-connect-task,.lesson-github-visibility-task,.lesson-github-push-task,.lesson-publish-platform-task,.lesson-publish-readiness-task,.lesson-publish-proof-task{gap:1.15rem;display:grid}.lesson-github-connect-task h3,.lesson-github-visibility-task h3,.lesson-github-push-task h3,.lesson-publish-platform-task h3,.lesson-publish-readiness-task h3,.lesson-publish-proof-task h3{color:var(--off-black);font-size:clamp(1.45rem,2.4vw,2.15rem);line-height:1.18}.lesson-github-connect-task>div:first-child,.lesson-github-visibility-task,.lesson-publish-platform-task>div:first-child,.lesson-publish-readiness-task>div:first-child{max-width:900px}.lesson-github-connect-task p,.lesson-github-visibility-task>p,.lesson-github-push-copy>p,.lesson-publish-platform-task>div:first-child p,.lesson-publish-readiness-task>div:first-child p{color:var(--dark-gray);line-height:1.58}.lesson-github-connect-task a{color:#fff;background:#15111f;border-radius:7px;align-items:center;gap:.45rem;width:fit-content;margin-top:.85rem;padding:.75rem .9rem;font-weight:850;text-decoration:none;display:inline-flex}.lesson-github-account-flow{grid-template-columns:minmax(0,1fr) auto minmax(0,1fr);align-items:center;gap:.75rem;display:grid}.lesson-github-account-flow article{background:#fff;border:1px solid #5f379229;border-radius:8px;grid-template-columns:auto minmax(0,1fr);align-items:start;gap:.7rem;min-height:6.3rem;padding:.9rem;display:grid}.lesson-github-account-flow article>span{width:2.5rem;height:2.5rem;color:var(--secondary);background:#ecdffeb3;border-radius:7px;place-items:center;display:grid}.lesson-github-account-flow article div{gap:.25rem;display:grid}.lesson-github-account-flow article p{color:var(--dark-gray);font-size:.84rem;line-height:1.45}.lesson-github-account-flow>svg{color:var(--secondary)}.lesson-github-connect-clarity{border-left:3px solid var(--teal);color:#245f59;background:#2fb7a814;padding:.72rem .85rem;line-height:1.5}.lesson-github-confirm-list,.lesson-publish-readiness-list{grid-template-columns:repeat(2,minmax(0,1fr));gap:.65rem;display:grid}.lesson-github-confirm-list label,.lesson-publish-readiness-list label,.lesson-publish-update-confirm{cursor:pointer;background:#fff;border:1px solid #5f379224;border-radius:8px;grid-template-columns:auto minmax(0,1fr);align-items:start;gap:.7rem;padding:.9rem;display:grid}.lesson-github-confirm-list input,.lesson-publish-readiness-list input,.lesson-publish-update-confirm input{width:1.15rem;height:1.15rem;accent-color:var(--secondary);margin-top:.1rem}.lesson-github-confirm-list span,.lesson-publish-readiness-list span,.lesson-publish-update-confirm span{gap:.2rem;display:grid}.lesson-github-confirm-list small,.lesson-publish-readiness-list small,.lesson-publish-update-confirm small{color:var(--dark-gray);font-size:.8rem;line-height:1.4}.lesson-github-visibility-options,.lesson-publish-platform-options{grid-template-columns:repeat(2,minmax(0,1fr));gap:.75rem;display:grid}.lesson-github-visibility-options>button,.lesson-publish-platform-options>button{min-height:9rem;color:var(--secondary);cursor:pointer;font:inherit;text-align:left;background:#fff;border:1px solid #5f379229;border-radius:8px;grid-template-columns:auto minmax(0,1fr);align-items:start;gap:.75rem;padding:1rem;display:grid;position:relative}.lesson-github-visibility-options>button[aria-pressed=true],.lesson-publish-platform-options>button[aria-pressed=true]{background:#2fb7a812;border-color:#247d73;box-shadow:inset 0 0 0 1px #2fb7a829}.lesson-github-visibility-options button>span,.lesson-publish-platform-options button>div{gap:.28rem;display:grid}.lesson-github-visibility-options strong,.lesson-publish-platform-options strong{color:var(--off-black);font-size:1.12rem}.lesson-github-visibility-options small,.lesson-publish-platform-options small,.lesson-publish-platform-options p{color:var(--dark-gray);font-size:.83rem;line-height:1.42}.lesson-github-visibility-options em,.lesson-publish-platform-options em{color:var(--secondary);background:#ecdffeb8;border-radius:5px;justify-self:start;padding:.32rem .45rem;font-size:.7rem;font-style:normal;font-weight:900}.lesson-github-visibility-advice,.lesson-publish-env-explainer{border-left:3px solid var(--teal);color:var(--dark-gray);background:#2fb7a812;padding:.85rem 1rem;line-height:1.52}.lesson-github-visibility-advice p{margin-top:.25rem}.lesson-github-push-task{grid-template-columns:minmax(0,.7fr) minmax(360px,.78fr);align-items:start}.lesson-github-push-copy{gap:.65rem;display:grid}.lesson-github-push-copy label,.lesson-publish-proof-actions>label,.lesson-publish-update-proof>label:not(.lesson-publish-update-confirm){color:var(--off-black);font-weight:850}.lesson-github-push-copy input,.lesson-publish-proof-actions>input,.lesson-publish-update-proof textarea{width:100%;color:var(--off-black);font:inherit;background:#fff;border:1px solid #5f379238;border-radius:8px;padding:.85rem .95rem;line-height:1.5}.lesson-github-url-feedback,.lesson-publish-url-status{color:var(--dark-gray);border-left:3px solid #5f379233;padding:.55rem .7rem;font-size:.84rem}.lesson-github-url-feedback.is-valid,.lesson-publish-url-status.is-valid{border-left-color:var(--teal);color:#175f58;background:#2fb7a812}.lesson-github-url-feedback.is-invalid,.lesson-publish-url-status.is-invalid{color:#812f2f;background:#b84d4d0f;border-left-color:#b84d4d}.lesson-github-generated-prompt,.lesson-publish-deploy-prompt{color:#fff;background:#14111c;border-radius:8px;overflow:hidden}.lesson-github-generated-prompt>div,.lesson-publish-deploy-prompt>div{border-bottom:1px solid #ffffff1f;justify-content:space-between;gap:.5rem 1rem;padding:.75rem .9rem;display:flex}.lesson-github-generated-prompt>div span,.lesson-publish-deploy-prompt>div span{font-weight:850}.lesson-github-generated-prompt>div small,.lesson-publish-deploy-prompt>div small{color:#ffffffad}.lesson-github-generated-prompt pre,.lesson-publish-deploy-prompt pre{color:#fff;white-space:pre-wrap;max-height:24rem;margin:0;padding:1rem;font-size:.82rem;line-height:1.58;overflow:auto}.lesson-github-generated-prompt>button,.lesson-publish-deploy-prompt>button,.lesson-publish-update-proof>button{background:var(--secondary);color:#fff;cursor:pointer;width:100%;min-height:3.1rem;font:inherit;border:0;border-top:1px solid #ffffff1f;justify-content:center;align-items:center;gap:.45rem;padding:.7rem 1rem;font-weight:850;display:flex}.lesson-publish-platform-options>button>span{color:#fff;background:#15111f;border-radius:7px;place-items:center;width:2.65rem;height:2.65rem;display:grid}.lesson-publish-platform-options>button>span.is-netlify{color:#147166;background:#2fb7a81f}.lesson-publish-repo-memory{color:var(--dark-gray);overflow-wrap:anywhere;flex-wrap:wrap;align-items:center;gap:.4rem;margin-top:.7rem;display:flex}.lesson-publish-supabase-choice{border:0;gap:.65rem;margin:0;padding:0;display:grid}.lesson-publish-supabase-choice legend{color:var(--off-black);font-weight:850}.lesson-publish-supabase-choice>div{grid-template-columns:repeat(2,minmax(0,1fr));gap:.65rem;display:grid}.lesson-publish-supabase-choice button{min-height:3.5rem;color:var(--off-black);cursor:pointer;font:inherit;background:#fff;border:1px solid #5f379229;border-radius:8px;padding:.7rem;font-weight:750}.lesson-publish-supabase-choice button[aria-pressed=true]{background:#2fb7a814;border-color:#247d73}.lesson-publish-env-explainer{gap:.75rem;display:grid}.lesson-publish-env-explainer>div{grid-template-columns:auto minmax(0,1fr);gap:.65rem;display:grid}.lesson-publish-env-explainer>div span{gap:.25rem;display:grid}.lesson-publish-env-explainer ul{gap:.35rem;margin:0;padding-left:1.2rem;display:grid}.lesson-publish-proof-pipeline{grid-template-columns:minmax(0,1fr) auto minmax(0,1fr) auto minmax(0,1fr);align-items:center;gap:.55rem;display:grid}.lesson-publish-proof-pipeline article{min-height:6.2rem;color:var(--dark-gray);text-align:center;background:#fff;border:1px solid #5f379221;border-radius:8px;place-items:center;padding:.7rem;display:grid}.lesson-publish-proof-pipeline article.is-complete{color:#175f58;background:#2fb7a812;border-color:#2fb7a861}.lesson-publish-proof-pipeline article span{font-size:.75rem}.lesson-publish-proof-grid{grid-template-columns:minmax(0,.9fr) minmax(340px,.72fr);align-items:start;gap:1rem;display:grid}.lesson-publish-proof-actions,.lesson-publish-update-proof{gap:.75rem;display:grid}.lesson-publish-open-live{width:fit-content;color:var(--secondary);align-items:center;gap:.4rem;font-weight:850;text-decoration:none;display:inline-flex}.lesson-publish-update-proof{background:#ecdffe42;border:1px solid #5f379224;border-radius:8px;padding:1rem}.lesson-publish-update-proof h4{color:var(--off-black);font-size:1.25rem}.lesson-publish-update-proof>p{color:var(--dark-gray);line-height:1.5}.lesson-publish-update-icon{background:var(--secondary);color:#fff;border-radius:7px;place-items:center;width:2.6rem;height:2.6rem;display:grid}.lesson-publish-update-proof pre{color:#fff;white-space:pre-wrap;background:#14111c;border-radius:7px 7px 0 0;max-height:13rem;margin:0;padding:.85rem;font-size:.76rem;line-height:1.55;overflow:auto}.lesson-publish-update-confirm{background:#fff}.lesson-publish-proof-success{border-left:3px solid var(--teal);color:#175f58;background:#2fb7a814;align-items:flex-start;gap:.5rem;padding:.7rem .8rem;font-weight:750;line-height:1.5;display:flex}.lesson-github-quiz-options button:focus-visible,.lesson-github-quiz-next:focus-visible,.lesson-github-setup-tabs button:focus-visible,.lesson-github-setup-next:focus-visible,.lesson-github-visibility-options button:focus-visible,.lesson-github-generated-prompt button:focus-visible,.lesson-publish-cockpit-tabs button:focus-visible,.lesson-publish-platform-options button:focus-visible,.lesson-publish-cockpit-next:focus-visible,.lesson-publish-supabase-choice button:focus-visible,.lesson-publish-deploy-prompt button:focus-visible,.lesson-publish-update-proof button:focus-visible{outline-offset:3px;outline:3px solid #a25df857}.lesson-example-block{background:#fff}.lesson-example-block:nth-of-type(2n){background:#ecdffe29}.lesson-example-intro-section{background:0 0;padding-top:clamp(2.6rem,5vw,4.6rem);padding-bottom:1rem}.lesson-example-block .lesson-video-section{background:0 0;padding-top:1rem}.lesson-example-intro-card{background:#fffffffa;border:1px solid #5f379224;border-radius:9px;grid-template-columns:auto minmax(0,1fr);align-items:center;gap:clamp(1rem,2.5vw,1.8rem);padding:clamp(1.1rem,2.5vw,1.7rem);display:grid;box-shadow:0 18px 48px #5f379214}.lesson-example-number{background:var(--secondary);color:#fff;border-radius:50%;place-items:center;width:3rem;height:3rem;font-size:1.05rem;font-weight:900;display:grid}.lesson-example-copy{gap:.45rem;display:grid}.lesson-example-copy h2{max-width:none;color:var(--off-black);font-size:clamp(1.5rem,2.2vw,2.15rem);line-height:1.2}@media (min-width:981px){.lesson-example-copy h2{white-space:nowrap}}.lesson-expert-preview-section{background:linear-gradient(#fff,#ecdffe57)}.lesson-expert-preview-panel{background:#fffffff5;border:1px solid #5f379226;border-radius:9px;grid-template-columns:minmax(0,.72fr) minmax(420px,1fr);align-items:center;gap:clamp(1.5rem,4vw,3.2rem);padding:clamp(1.25rem,3.5vw,2.5rem);display:grid;box-shadow:0 22px 58px #5f379217}.lesson-expert-preview-panel .section-heading{gap:.65rem;display:grid}.lesson-expert-preview-panel .section-heading p:not(.lesson-section-kicker){color:var(--dark-gray);line-height:1.65}.lesson-expert-preview-steps{gap:.7rem;margin:0;padding:0;list-style:none;display:grid}.lesson-expert-preview-steps li{background:#ecdffe3d;border:1px solid #5f37921f;border-radius:8px;grid-template-columns:auto minmax(0,1fr);align-items:start;gap:.8rem;padding:.85rem .95rem;display:grid}.lesson-expert-preview-steps li>span{background:var(--secondary);color:#fff;border-radius:50%;place-items:center;width:2.2rem;height:2.2rem;font-size:.8rem;font-weight:900;display:grid}.lesson-expert-preview-steps li>div{gap:.2rem;display:grid}.lesson-expert-preview-steps strong{color:var(--off-black)}.lesson-expert-preview-steps p{color:var(--dark-gray);font-size:.88rem;line-height:1.45}.lesson-share-section.is-embedded{background:0 0}.lesson-share-section.is-embedded .lesson-share-panel{width:100%;box-shadow:none;background:0 0;border:0;padding:0}.lesson-proof-section{background:linear-gradient(#f8fafcf5,#fffffffa)}.lesson-github-intro-section{background:var(--white)}.lesson-github-intro-panel,.lesson-github-connect-panel{grid-template-columns:minmax(0,.9fr) minmax(320px,1fr);align-items:center;gap:clamp(1.4rem,4vw,3rem);display:grid}.lesson-github-intro-panel h2,.lesson-github-connect-panel h2{max-width:720px}.lesson-github-intro-panel p:not(.lesson-section-kicker),.lesson-github-connect-panel p:not(.lesson-section-kicker){max-width:760px;color:var(--dark-gray);font-size:clamp(1.05rem,1.28vw,1.16rem);line-height:1.65}.lesson-github-brand-row{align-items:center;gap:.72rem;margin-bottom:.75rem;display:flex}.lesson-github-brand-row .lesson-section-kicker{margin:0}.lesson-github-logo-mark{width:3.1rem;height:3.1rem;color:var(--white);background:#15111f;border:1px solid #5f379229;border-radius:999px;place-items:center;display:grid;box-shadow:0 16px 34px #080f1724}.lesson-github-logo{width:1.78rem;height:1.78rem;display:block}.lesson-github-flow{background:radial-gradient(circle at 92% 8%,#2fb7a81f,#0000 12rem),linear-gradient(135deg,#ecdffe9e,#fffffffa);border:1px solid #5f379224;border-radius:8px;grid-template-columns:repeat(3,minmax(0,1fr));gap:.8rem;padding:clamp(.9rem,2vw,1.2rem);display:grid;box-shadow:0 22px 56px #5f37921a}.lesson-github-flow article{background:#ffffffeb;border:1px solid #5f37921f;border-radius:8px;align-content:start;gap:.48rem;min-height:12rem;padding:.9rem;display:grid}.lesson-github-flow span,.lesson-github-connect-step span{background:linear-gradient(135deg, var(--primary), var(--secondary));width:2.45rem;height:2.45rem;color:var(--white);border-radius:999px;place-items:center;font-weight:950;display:grid}.lesson-github-flow strong{color:var(--off-black);font-size:clamp(1.08rem,1.4vw,1.25rem)}.lesson-github-flow p,.lesson-github-connect-step p,.lesson-github-term-card p,.lesson-github-visibility-card p{color:var(--dark-gray);margin:0;line-height:1.5}.lesson-github-visibility-section,.lesson-github-connect-section{background:radial-gradient(circle at 86% 8%,#2fb7a81a,#0000 20rem),linear-gradient(#f8fafcf5,#fffffffa)}.lesson-github-visibility-panel,.lesson-github-terms-panel{gap:clamp(1rem,2.2vw,1.4rem);display:grid}.lesson-github-visibility-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:1rem;display:grid}.lesson-github-visibility-card{background:radial-gradient(circle at 94% 8%, #a25df81f, transparent 10rem), var(--white);border:1px solid #5f379224;border-radius:8px;align-content:start;gap:.65rem;min-height:14rem;padding:clamp(1rem,2vw,1.35rem);display:grid;box-shadow:0 16px 42px #5f379214}.lesson-github-visibility-card.is-public{background:radial-gradient(circle at 94% 8%, #2fb7a821, transparent 10rem), var(--white)}.lesson-github-visibility-card span,.lesson-github-term-card span{color:var(--secondary);background:#ecdffeb8;border-radius:999px;justify-self:start;padding:.48rem .68rem;font-size:.78rem;font-weight:950;line-height:1.15}.lesson-github-visibility-card h3{color:var(--off-black);font-size:clamp(1.18rem,1.8vw,1.55rem);line-height:1.2}.lesson-github-terms-section{background:var(--white)}.lesson-github-term-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:.85rem;display:grid}.lesson-github-term-card{background:linear-gradient(135deg, #ecdffe57, #fffffffa), var(--white);border:1px solid #5f379224;border-radius:8px;align-content:start;gap:.7rem;min-height:12rem;padding:clamp(.95rem,1.7vw,1.15rem);display:grid;box-shadow:0 14px 36px #5f379212}.lesson-github-term-card span{color:var(--white);background:#15111f;font-size:.88rem}.lesson-github-connect-panel{background:radial-gradient(circle at 100% 0,#2fb7a81f,#0000 16rem),#ffffffe6;border:1px solid #5f379224;border-radius:8px;align-items:start;padding:clamp(1.2rem,3vw,2rem);box-shadow:0 22px 58px #5f37921a}.lesson-github-account-link{background:linear-gradient(135deg, var(--primary), var(--secondary));width:fit-content;min-height:2.8rem;color:var(--white);border-radius:999px;justify-content:center;align-items:center;margin-top:1rem;padding:.72rem 1rem;font-weight:900;text-decoration:none;display:inline-flex;box-shadow:0 14px 30px #5f37922e}.lesson-github-account-link:hover{color:var(--white);transform:translateY(-1px)}.lesson-github-connect-steps{gap:.75rem;display:grid}.lesson-github-connect-step{background:#ffffffeb;border:1px solid #5f37921f;border-radius:8px;grid-template-columns:auto minmax(0,1fr);align-items:start;gap:.8rem;padding:.9rem;display:grid}.lesson-github-connect-step h3{color:var(--off-black);font-size:clamp(1.02rem,1.3vw,1.18rem)}.lesson-publish-choice-section,.lesson-publish-tool-section{background:radial-gradient(circle at 86% 4%,#2fb7a81c,#0000 18rem),linear-gradient(#f8fafcf5,#fffffffa)}.lesson-publish-choice-panel,.lesson-publish-flow-panel,.lesson-publish-tool-panel{gap:clamp(1rem,2.3vw,1.6rem);display:grid}.lesson-publish-choice-panel .section-heading,.lesson-publish-flow-panel .section-heading{max-width:none}.lesson-publish-choice-panel .section-heading p,.lesson-publish-flow-panel p:not(.lesson-section-kicker),.lesson-publish-tool-panel p:not(.lesson-section-kicker){max-width:min(100%,900px);color:var(--dark-gray)}.lesson-publish-platform-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:1rem;display:grid}.lesson-publish-platform-card{background:radial-gradient(circle at 94% 10%,#2fb7a81f,#0000 12rem),#fffffff5;border:1px solid #5f379224;border-radius:8px;align-content:start;gap:.78rem;min-height:18rem;padding:clamp(1rem,2.2vw,1.35rem);display:grid;box-shadow:0 18px 44px #5f379214}.lesson-publish-platform-card.is-recommended{background:radial-gradient(circle at 94% 10%,#a25df824,#0000 12rem),#fffffffa;border-color:#5f379238}.lesson-publish-platform-head{justify-content:space-between;align-items:center;gap:.8rem;display:flex}.lesson-publish-logo-mark{background:var(--white);border:1px solid #5f379224;border-radius:8px;place-items:center;width:3.25rem;height:3.25rem;display:grid;box-shadow:0 14px 30px #080f1714}.lesson-publish-logo-mark.is-vercel{color:var(--white);background:#14111c}.lesson-publish-logo-mark.is-netlify{color:#00ad9f}.lesson-publish-logo{width:1.72rem;height:1.72rem;display:block}.lesson-publish-badge{color:var(--secondary);background:#ecdffeb8;border-radius:999px;padding:.48rem .68rem;font-size:.78rem;font-weight:950;line-height:1.15}.lesson-publish-platform-card h3{color:var(--off-black);font-size:clamp(1.5rem,2vw,1.9rem);line-height:1.1}.lesson-publish-platform-card p,.lesson-publish-pipeline p,.lesson-publish-step p{color:var(--dark-gray);margin:0;line-height:1.5}.lesson-publish-platform-card a{width:fit-content;color:var(--secondary);border:1px solid #5f379229;border-radius:999px;align-self:end;padding:.78rem 1rem;font-weight:900;line-height:1;text-decoration:none}.lesson-publish-platform-card a:hover{color:var(--primary);border-color:#5f37924d;transform:translateY(-1px)}.lesson-publish-flow-section{background:var(--white);overflow:hidden}.lesson-publish-flow-panel{grid-template-columns:minmax(0,.82fr) minmax(320px,1fr);align-items:center}.lesson-publish-flow-panel h2,.lesson-publish-tool-panel h2{overflow-wrap:anywhere;max-width:min(100%,820px)}.lesson-publish-pipeline{background:radial-gradient(circle at 94% 8%,#2fb7a81f,#0000 12rem),linear-gradient(135deg,#ecdffea3,#fffffffa);border:1px solid #5f379224;border-radius:8px;grid-template-columns:repeat(3,minmax(0,1fr));gap:.8rem;padding:clamp(.85rem,2vw,1.15rem);display:grid;box-shadow:0 24px 70px #5f37921f}.lesson-publish-pipeline article{background:#ffffffeb;border:1px solid #5f37921f;border-radius:8px;align-content:start;gap:.5rem;min-height:12.5rem;padding:.95rem;display:grid}.lesson-publish-pipeline span,.lesson-publish-step span{background:linear-gradient(135deg, var(--primary), var(--secondary));width:2.45rem;height:2.45rem;color:var(--white);border-radius:999px;place-items:center;font-weight:950;display:grid}.lesson-publish-pipeline strong{color:var(--off-black);font-size:clamp(1.08rem,1.4vw,1.25rem)}.lesson-publish-tool-panel{background:radial-gradient(circle at 100% 0,#2fb7a81f,#0000 16rem),#ffffffe6;border:1px solid #5f379224;border-radius:8px;grid-template-columns:minmax(0,.72fr) minmax(320px,1fr);align-items:start;padding:clamp(1.2rem,3vw,2rem);box-shadow:0 22px 58px #5f37921a}.lesson-publish-step-list{gap:.75rem;display:grid}.lesson-publish-step{background:#ffffffeb;border:1px solid #5f37921f;border-radius:8px;grid-template-columns:auto minmax(0,1fr);align-items:start;gap:.8rem;padding:.9rem;display:grid}.lesson-publish-step h3{color:var(--off-black);font-size:clamp(1.02rem,1.3vw,1.18rem)}.lesson-publish-settings-section{background:radial-gradient(circle at 82% 10%,#ffb86b29,#0000 16rem),linear-gradient(#fffffffa,#f8fafcf5)}.lesson-publish-settings-panel{background:radial-gradient(circle at 100% 0,#2fb7a81a,#0000 16rem),#ffffffe0;border:1px solid #5f379224;border-radius:8px;grid-template-columns:minmax(0,.82fr) minmax(320px,1fr);align-items:start;gap:clamp(1.2rem,3vw,2rem);padding:clamp(1.2rem,3vw,2rem);display:grid;box-shadow:0 22px 58px #5f37921a}.lesson-publish-settings-copy{gap:.72rem;display:grid}.lesson-publish-settings-copy h2{overflow-wrap:anywhere;max-width:min(100%,820px)}.lesson-publish-settings-copy p:not(.lesson-section-kicker){max-width:min(100%,780px);color:var(--dark-gray);line-height:1.62}.lesson-publish-settings-grid{gap:.75rem;display:grid}.lesson-publish-settings-card{border:1px solid #5f37921f;border-left:4px solid var(--warm);background:#fffffff0;border-radius:8px;gap:.45rem;padding:.9rem 1rem;display:grid}.lesson-publish-settings-card:nth-child(3){border-left-color:var(--teal)}.lesson-publish-settings-card h3{color:var(--off-black);font-size:clamp(1.02rem,1.3vw,1.18rem)}.lesson-publish-settings-card p{color:var(--dark-gray);margin:0;line-height:1.5}.lesson-case-overview-section{background:var(--white)}.lesson-case-overview-panel{grid-template-columns:minmax(0,.92fr) minmax(320px,.72fr);align-items:center;gap:clamp(1.4rem,4vw,3rem);display:grid}.lesson-case-overview-panel h2{overflow-wrap:anywhere;max-width:min(100%,860px)}.lesson-case-overview-panel p:not(.lesson-section-kicker),.lesson-case-artifacts-panel .section-heading p{max-width:min(100%,940px);color:var(--dark-gray)}.lesson-case-snapshot{background:radial-gradient(circle at 90% 8%,#2fb7a81f,#0000 13rem),linear-gradient(135deg,#ecdffe9e,#fffffffa);border:1px solid #5f379224;border-radius:8px;gap:.75rem;padding:clamp(1rem,2vw,1.25rem);display:grid;box-shadow:0 22px 58px #5f37921a}.lesson-case-snapshot article{background:#ffffffeb;border:1px solid #5f37921f;border-radius:8px;gap:.28rem;padding:.9rem;display:grid}.lesson-case-snapshot strong{color:var(--secondary);font-size:clamp(1.6rem,3vw,2.5rem);line-height:1}.lesson-case-snapshot span{color:var(--dark-gray);line-height:1.45}.lesson-case-deliverables strong{color:var(--off-black);font-size:clamp(1.05rem,1.35vw,1.24rem);line-height:1.2}.lesson-case-roadmap-section,.lesson-case-artifacts-section{background:radial-gradient(circle at 88% 8%,#2fb7a81a,#0000 18rem),linear-gradient(#f8fafcf5,#fffffffa)}.lesson-case-stage-grid{grid-template-columns:repeat(5,minmax(0,1fr));gap:.75rem;display:grid}.lesson-case-stage-card{background:#fffffff0;border:1px solid #5f379224;border-radius:8px;align-content:start;gap:.48rem;min-height:19rem;padding:clamp(.85rem,1.6vw,1rem);display:grid;box-shadow:0 16px 36px #5f379212}.lesson-case-stage-card span{background:linear-gradient(135deg, var(--primary), var(--secondary));width:2.45rem;height:2.45rem;color:var(--white);border-radius:999px;place-items:center;font-weight:950;display:grid}.lesson-case-stage-card p{color:var(--secondary);letter-spacing:.05em;text-transform:uppercase;margin:0;font-size:.76rem;font-weight:950;line-height:1.2}.lesson-case-stage-card h3{color:var(--off-black);font-size:clamp(1.08rem,1.35vw,1.26rem);line-height:1.2}.lesson-case-stage-card small{color:var(--dark-gray);font-size:.92rem;line-height:1.5}.lesson-case-artifacts-panel{gap:clamp(1rem,2.2vw,1.4rem);display:grid}.lesson-case-artifacts-panel .section-heading{max-width:none}.lesson-case-artifact-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:1rem;display:grid}.lesson-case-artifact-card{background:#fffffff5;border:1px solid #5f379224;border-radius:8px;display:grid;overflow:hidden;box-shadow:0 18px 44px #5f379214}.lesson-case-artifact-card img{aspect-ratio:16/10;object-fit:cover;object-position:top center;border-bottom:1px solid #5f37921a;width:100%}.lesson-case-artifact-card div{gap:.38rem;padding:1rem;display:grid}.lesson-case-artifact-card h3{color:var(--off-black);font-size:clamp(1.08rem,1.35vw,1.25rem)}.lesson-case-artifact-card p{color:var(--dark-gray);margin:0;line-height:1.5}@media (max-width:1180px){.lesson-case-stage-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}.lesson-proof-panel{background:linear-gradient(120deg, #fffffffa, #ecdffe6b), var(--white);border:1px solid #5f379224;border-radius:8px;grid-template-columns:minmax(0,1fr) minmax(280px,.5fr);align-items:center;gap:clamp(1.2rem,4vw,3rem);padding:clamp(1.25rem,3vw,2rem);display:grid;box-shadow:0 22px 58px #5f37921a}.lesson-proof-panel h2{max-width:760px}.lesson-proof-panel p:not(.lesson-section-kicker){max-width:860px;color:var(--dark-gray)}.lesson-stats-grid{grid-template-columns:1fr;gap:.75rem;display:grid}.lesson-stat-card{background:var(--white);border:1px solid #5f379221;border-radius:8px;gap:.4rem;padding:clamp(.9rem,1.8vw,1.15rem);display:grid}.lesson-stat-card strong{color:var(--secondary);font-variant-numeric:tabular-nums;font-size:clamp(2.4rem,5vw,4.6rem);font-weight:900;line-height:.9}.lesson-stat-card p{color:var(--dark-gray);font-size:.92rem;font-weight:700;line-height:1.4}.lesson-examples-section,.lesson-idea-section{background:var(--white)}.lesson-progressive-heading{grid-template-columns:minmax(0,1fr) auto;align-items:end;gap:1rem;display:grid}.lesson-progressive-status{min-width:132px;color:var(--secondary);background:#ecdffe75;border:1px solid #5f379221;border-radius:8px;justify-items:center;padding:.7rem .85rem;display:grid}.lesson-progressive-status span{color:var(--secondary);font-size:1.55rem;font-weight:900;line-height:1}.lesson-progressive-status p{color:var(--secondary);margin:.2rem 0 0;font-size:.78rem;font-weight:850;line-height:1.2}.lesson-build-filter{background:radial-gradient(circle at 92% 12%,#2fb7a81f,#0000 12rem),linear-gradient(135deg,#2fb7a814,#fffffff5);border:1px solid #2fb7a847;border-radius:8px;grid-template-columns:minmax(0,1fr) minmax(260px,.75fr);align-items:center;gap:1rem;margin-bottom:1rem;padding:clamp(.95rem,2vw,1.2rem);display:grid;box-shadow:0 14px 34px #5f379212}.lesson-build-filter>div{gap:.35rem;display:grid}.lesson-build-filter strong{color:var(--off-black);font-size:clamp(1.08rem,1.6vw,1.3rem)}.lesson-build-filter p{color:var(--dark-gray);margin:0;line-height:1.55}.lesson-build-filter>p{color:#14665e;grid-column:1/-1;font-weight:850}.lesson-build-filter ul{flex-wrap:wrap;gap:.5rem;list-style:none;display:flex}.lesson-build-filter li{color:#14665e;background:#ffffffd1;border:1px solid #2fb7a83d;border-radius:999px;padding:.46rem .68rem;font-size:.84rem;font-weight:850;line-height:1.2}.lesson-progressive-control{background:radial-gradient(circle at 94% 12%,#a25df81f,#0000 12rem),#ffffffe6;border:1px solid #5f37921f;border-radius:8px;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:1rem;margin-bottom:1.1rem;padding:.8rem;display:grid;box-shadow:0 14px 34px #5f379212}.lesson-progressive-track{background:#ecdffeb8;border-radius:999px;height:.54rem;overflow:hidden}.lesson-progressive-track span{border-radius:inherit;background:linear-gradient(90deg, var(--primary), var(--teal));height:100%;transition:width .22s;display:block}.lesson-progressive-button{background:linear-gradient(135deg, var(--primary), var(--secondary));min-height:46px;color:var(--white);cursor:pointer;font:inherit;border:0;border-radius:8px;padding:.76rem 1rem;font-size:.92rem;font-weight:850;line-height:1.15;transition:box-shadow .16s,transform .16s;box-shadow:0 12px 28px #5f37922e}.lesson-progressive-button:hover{transform:translateY(-1px);box-shadow:0 16px 34px #5f37923d}.lesson-progressive-button:focus-visible{outline-offset:3px;outline:3px solid #955be752}.lesson-progressive-empty{background:linear-gradient(120deg, #ecdffe6b, #fffffff5), var(--white);border:1px dashed #5f379242;border-radius:8px;gap:.35rem;padding:clamp(1rem,2vw,1.25rem);display:grid}.lesson-progressive-empty strong{color:var(--off-black);font-size:clamp(1.16rem,1.8vw,1.35rem)}.lesson-progressive-empty p{max-width:720px;color:var(--dark-gray);margin:0}.lesson-progressive-grid,.lesson-shrink-grid,.lesson-preview-grid,.lesson-app-preview{animation:.22s both lessonProgressiveIn}.lesson-example-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:1rem;display:grid}.lesson-example-card{background:#fffffff5;border:1px solid #5f379224;border-radius:8px;align-content:start;gap:.9rem;min-height:100%;padding:1.25rem;display:grid;position:relative;overflow:hidden;box-shadow:0 16px 42px #5f379214}.lesson-example-card:before{background:linear-gradient(90deg, var(--primary), var(--teal));content:"";height:4px;position:absolute;inset:0 0 auto}.lesson-example-number{width:2.4rem;height:2.4rem;color:var(--secondary);background:#ecdffec7;border-radius:999px;place-items:center;font-weight:900;display:grid}.lesson-example-card h3{font-size:clamp(1.25rem,1.8vw,1.55rem)}.lesson-example-card p{color:var(--dark-gray);line-height:1.55}.lesson-example-tags{flex-wrap:wrap;gap:.45rem;margin-top:.15rem;display:flex}.lesson-example-tags span{color:var(--off-black);background:#ecdffe6b;border:1px solid #5f379221;border-radius:999px;padding:.38rem .58rem;font-size:.82rem;font-weight:800;line-height:1.2}.lesson-idea-section .lesson-example-grid{margin-bottom:0}.lesson-idea-bridge{grid-template-columns:repeat(3,minmax(0,1fr));gap:1rem;height:3.1rem;margin:.15rem 0 0;display:grid}.lesson-idea-bridge span{display:block;position:relative}.lesson-idea-bridge span:before{content:"";background:#5f37921a;border-radius:999px;width:2px;height:100%;position:absolute;top:0;left:50%;transform:translate(-50%)}.lesson-idea-bridge span:after{content:"";border-bottom:2px solid #5f379229;border-right:2px solid #5f379229;width:.7rem;height:.7rem;position:absolute;bottom:-.05rem;left:50%;transform:translate(-50%)rotate(45deg)}.lesson-idea-bridge span.is-active:before{background:linear-gradient(#5f379238,#2fb7a86b)}.lesson-idea-bridge span.is-active:after{border-color:#2fb7a894}.lesson-shrink-section{background:linear-gradient(180deg, #f8fafcf5, #fffffffa), var(--white)}.lesson-shrink-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:1rem;display:grid}.lesson-shrink-card{background:var(--white);border:1px solid #5f379224;border-radius:8px;gap:.7rem;padding:clamp(.9rem,1.8vw,1.15rem);display:grid;box-shadow:0 16px 42px #5f379214}.lesson-shrink-card div{border-radius:8px;gap:.32rem;padding:.78rem .85rem;display:grid}.lesson-shrink-card div:first-child{background:#ffb86b21}.lesson-shrink-card div:nth-child(2){background:#ecdffe80}.lesson-shrink-card div:last-child{background:#2fb7a81a}.lesson-shrink-card span{color:var(--secondary);letter-spacing:.06em;text-transform:uppercase;font-size:.74rem;font-weight:900;line-height:1.2}.lesson-shrink-card p{color:var(--off-black);margin:0;font-size:.94rem;font-weight:750;line-height:1.45}.lesson-preview-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:1rem;margin-top:clamp(1.1rem,3vw,2rem);display:grid}.lesson-app-preview{background:radial-gradient(circle at 90% 10%, #a25df824, transparent 16rem), var(--white);border:1px solid #5f379224;border-radius:8px;overflow:hidden;box-shadow:0 24px 70px #5f37921f}.lesson-app-preview img{width:100%;height:auto;display:block}.lesson-app-preview figcaption{color:var(--secondary);background:#ffffffeb;border-top:1px solid #5f37921c;padding:.72rem .85rem;font-size:.82rem;font-weight:850;line-height:1.25}.lesson-formula-section{background:var(--white)}.lesson-formula-panel{background:radial-gradient(circle at 92% 10%,#a25df829,#0000 16rem),linear-gradient(120deg,#ecdffe75,#fffffff5);border:1px solid #5f379224;border-radius:8px;grid-template-columns:repeat(2,minmax(0,1fr));align-items:center;gap:clamp(1.2rem,4vw,3rem);padding:clamp(1.2rem,3vw,2rem);display:grid;box-shadow:0 22px 58px #5f37921a}.lesson-formula-panel>div>p:not(.lesson-section-kicker){color:var(--dark-gray)}.lesson-formula-panel blockquote{color:#ffffffeb;background:radial-gradient(circle at 92% 12%,#955be73d,#0000 11rem),linear-gradient(135deg,#15111f,#211934 58%,#16121f);border:1px solid #5f379224;border-radius:8px;gap:.9rem;margin:0;padding:clamp(1rem,2.2vw,1.45rem);display:grid;box-shadow:0 22px 62px #5f379238}.lesson-formula-panel blockquote span{color:#c9a7ff}.lesson-formula-prompt-label{color:#ffffff94;letter-spacing:.08em;text-transform:uppercase;margin:0;font-size:.76rem;font-weight:900;line-height:1.2}.lesson-formula-sentence{color:#fffffff0;margin:0;font-size:clamp(1.18rem,2.1vw,1.72rem);font-weight:850;line-height:1.42}.lesson-build-rules-section{background:var(--white)}.lesson-build-rule-grid,.lesson-output-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:1rem;display:grid}.lesson-build-rule-card,.lesson-output-card{background:var(--white);border:1px solid #5f379224;border-radius:8px;align-content:start;gap:.62rem;padding:clamp(.95rem,1.8vw,1.2rem);display:grid;box-shadow:0 16px 42px #5f379214}.lesson-build-rule-card span{background:linear-gradient(135deg, var(--primary), var(--secondary));width:2.3rem;height:2.3rem;color:var(--white);border-radius:999px;place-items:center;font-weight:900;display:grid}.lesson-build-rule-card h3,.lesson-output-card h3{font-size:clamp(1.08rem,1.4vw,1.28rem)}.lesson-build-rule-card p,.lesson-output-card p{color:var(--dark-gray);line-height:1.55}.lesson-prompt-section{background:linear-gradient(180deg, #ecdffe80, #fffffffa), var(--primary-light)}.lesson-prompt-panel{grid-template-columns:minmax(0,.55fr) minmax(420px,1fr);align-items:start;gap:clamp(1.2rem,4vw,3rem);display:grid}.lesson-prompt-copy{align-content:start;gap:.6rem;display:grid}.lesson-prompt-copy p:not(.lesson-section-kicker){max-width:560px;color:var(--dark-gray)}.lesson-prompt-card{background:#12101a;border:1px solid #5f379229;border-radius:8px;display:grid;overflow:hidden;box-shadow:0 24px 70px #5f37922e}.lesson-prompt-expand-button{color:#ffffffdb;cursor:pointer;min-height:2.9rem;font:inherit;text-align:left;background:#ffffff0f;border:0;border-bottom:1px solid #ffffff1f;justify-self:stretch;padding:.72rem 1rem;font-size:.82rem;font-weight:900}.lesson-prompt-expand-button:after{content:"↓";float:right}.lesson-prompt-expand-button[aria-expanded=true]:after{content:"↑"}.lesson-prompt-expand-button:focus-visible{outline-offset:-3px;outline:3px solid #955be752}.lesson-prompt-variant-bar{background:linear-gradient(135deg,#ffffff14,#ffffff06);border-bottom:1px solid #ffffff1f;justify-content:space-between;align-items:center;gap:.9rem;padding:.82rem clamp(1rem,2vw,1.25rem);display:flex}.lesson-prompt-variant-bar p{color:#ffffff9e;letter-spacing:.08em;text-transform:uppercase;margin:0;font-size:.78rem;font-weight:900;line-height:1.2}.lesson-prompt-variant-controls{flex-wrap:wrap;justify-content:flex-end;gap:.45rem;display:flex}.lesson-prompt-variant-controls button{color:#ffffffd1;cursor:pointer;min-height:2.15rem;font:inherit;background:#ffffff14;border:1px solid #ffffff1f;border-radius:999px;padding:.4rem .78rem;font-size:.74rem;font-weight:850}.lesson-prompt-variant-controls button.is-active{color:#1b142a;background:#ffffffeb;border-color:#ffffffb8}.lesson-prompt-variant-controls button:focus-visible{outline-offset:2px;outline:3px solid #955be752}.lesson-prompt-card pre{color:#ffffffe6;white-space:pre-wrap;max-height:520px;margin:0;padding:clamp(1rem,2vw,1.25rem);font-family:Courier New,monospace;font-size:clamp(.86rem,1vw,.96rem);line-height:1.55;overflow:auto}.lesson-prompt-card pre[data-expanded=false]{max-height:18rem}.lesson-prompt-button{background:linear-gradient(135deg, var(--primary), var(--secondary));min-height:54px;color:var(--white);cursor:pointer;font:inherit;border:0;border-top:1px solid #ffffff1f;padding:.9rem 1rem;font-weight:850}.lesson-prompt-button:focus-visible{outline-offset:3px;outline:3px solid #955be752}.lesson-prompt-examples{background:linear-gradient(135deg,#ffffff0e,#ffffff06);border-top:1px solid #ffffff1f;gap:.72rem;padding:clamp(.95rem,2vw,1.15rem);display:grid}.lesson-prompt-examples-header{justify-content:space-between;align-items:center;gap:.8rem;display:flex}.lesson-prompt-examples-header p{color:#ffffff9e;letter-spacing:.08em;text-transform:uppercase;margin:0;font-size:.78rem;font-weight:900;line-height:1.2}.lesson-prompt-example-controls{flex-wrap:wrap;gap:.45rem;display:flex}.lesson-prompt-example-controls button{color:#ffffffd1;cursor:pointer;min-height:2rem;font:inherit;background:#ffffff14;border:1px solid #ffffff1a;border-radius:999px;padding:.34rem .7rem;font-size:.72rem;font-weight:850}.lesson-prompt-example-controls button:focus-visible{outline-offset:2px;outline:3px solid #955be752}.lesson-prompt-example-text{color:#ffffffe6;background:#ffffff12;border:1px solid #ffffff1f;border-radius:8px;margin:0;padding:.78rem .85rem;font-size:clamp(.82rem,1vw,.95rem);font-weight:750;line-height:1.45}.lesson-section-nav{background:linear-gradient(135deg, #fffffffa, #ecdffe7a), var(--white);padding:clamp(1.2rem,3vw,2rem) 0}.lesson-section-nav-inner{background:#ffffffdb;border:1px solid #5f379224;border-radius:8px;grid-template-columns:minmax(220px,.42fr) minmax(0,1fr);align-items:center;gap:clamp(1rem,3vw,2rem);padding:clamp(1rem,2vw,1.35rem);display:grid;box-shadow:0 18px 46px #5f379214}.lesson-section-nav-inner h2{margin-top:.18rem;font-size:clamp(1.45rem,2.4vw,2.05rem);line-height:1.12}.lesson-section-nav-inner p:not(.lesson-section-kicker){color:var(--dark-gray);margin-top:.4rem;line-height:1.5}.lesson-section-nav-links{grid-template-columns:repeat(2,minmax(0,1fr));gap:.55rem;display:grid}.lesson-section-nav-links a{background:var(--white);min-height:3rem;color:var(--off-black);border:1px solid #5f37921f;border-radius:8px;align-items:center;gap:.65rem;padding:.65rem .75rem;font-size:.92rem;font-weight:850;line-height:1.25;transition:border-color .16s,box-shadow .16s,transform .16s;display:flex}.lesson-section-nav-links a:hover{border-color:#5f379247;transform:translateY(-1px);box-shadow:0 10px 22px #5f379214}.lesson-section-nav-links a:focus-visible{outline-offset:2px;outline:3px solid #a25df847}.lesson-section-nav-links span{background:linear-gradient(135deg, var(--secondary), var(--primary));width:1.75rem;height:1.75rem;color:var(--white);border-radius:999px;flex:none;place-items:center;font-size:.78rem;font-weight:950;display:grid}.lesson-output-section{background:var(--white)}.lesson-html-fallback-section{background:var(--white);padding:0 0 clamp(2rem,5vw,4rem)}.lesson-html-fallback{border:1px solid #2fb7a842;border-left:.34rem solid var(--teal);background:radial-gradient(circle at 96% 14%,#2fb7a81f,#0000 12rem),#fffffff5;border-radius:8px;gap:.35rem;padding:clamp(1rem,2vw,1.3rem);display:grid;box-shadow:0 16px 38px #5f379212}.lesson-html-fallback strong{color:var(--off-black);font-size:clamp(1.05rem,1.4vw,1.22rem)}.lesson-html-fallback p{max-width:78ch;color:var(--dark-gray);margin:0;font-size:clamp(1rem,1.4vw,1.12rem);line-height:1.55}.lesson-deploy-intro-section{background:var(--white)}.lesson-deploy-intro-panel{background:radial-gradient(circle at 92% 10%,#2fb7a829,#0000 14rem),linear-gradient(135deg,#ecdffe80,#fffffffa);border:1px solid #5f379224;border-radius:8px;grid-template-columns:minmax(0,1fr) minmax(320px,.72fr);align-items:center;gap:clamp(1.2rem,4vw,3rem);padding:clamp(1.1rem,3vw,2rem);display:grid;box-shadow:0 22px 58px #5f37921a}.lesson-deploy-intro-panel .section-heading{margin-bottom:0}.lesson-deploy-link-card{color:var(--white);background:#15111f;border:1px solid #5f379224;border-radius:8px;gap:.45rem;padding:clamp(1rem,2.4vw,1.4rem);display:grid;box-shadow:0 22px 58px #5f379229}.lesson-deploy-link-card span{color:#ffffff94;letter-spacing:.07em;text-transform:uppercase;font-size:.78rem;font-weight:900}.lesson-deploy-link-card strong{color:var(--white);font-size:clamp(1.42rem,2.8vw,2.4rem);line-height:1.05}.lesson-deploy-steps-section{background:linear-gradient(180deg, #ecdffe7a, #fffffffa), var(--primary-light)}.lesson-deploy-step-grid{grid-template-columns:repeat(auto-fit,minmax(min(100%,14rem),1fr));gap:1rem;display:grid}.lesson-deploy-step-card{background:var(--white);border:1px solid #5f379224;border-radius:8px;align-content:start;gap:.62rem;min-height:15rem;padding:clamp(.95rem,1.8vw,1.2rem);display:grid;position:relative;box-shadow:0 16px 42px #5f379214}.lesson-deploy-step-card:before{content:"";background:linear-gradient(90deg, var(--primary), var(--teal));border-radius:999px;width:2.4rem;height:.28rem}.lesson-deploy-step-card h3{font-size:clamp(1.08rem,1.4vw,1.28rem)}.lesson-deploy-step-card p{color:var(--dark-gray);line-height:1.55}.lesson-platform-limits-section{background:var(--white)}.lesson-platform-limits-panel{gap:1rem;display:grid}.lesson-platform-limit-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:1rem;display:grid}.lesson-platform-limit-card{background:var(--white);border:1px solid #5f379224;border-radius:8px;overflow:hidden;box-shadow:0 18px 50px #5f37921a}.lesson-platform-limit-head{background:radial-gradient(circle at 94% 12%,#2fb7a821,#0000 9rem),linear-gradient(135deg,#ecdffe94,#fffffffa);grid-template-columns:minmax(0,1fr) auto;align-items:start;gap:1rem;padding:clamp(1rem,2vw,1.25rem);display:grid}.lesson-platform-brand{align-items:center;gap:.78rem;min-width:0;display:flex}.lesson-platform-brand h3{color:var(--off-black);margin:0;font-size:clamp(1.24rem,1.7vw,1.55rem)}.lesson-platform-brand p{color:var(--dark-gray);margin:.12rem 0 0;font-weight:850}.lesson-platform-logo{border-radius:8px;flex:none;place-items:center;width:3.1rem;height:3.1rem;display:grid}.lesson-platform-logo svg{width:1.85rem;height:1.85rem}.lesson-platform-logo-netlify{background:#00ad9f;box-shadow:0 12px 26px #00ad9f38}.lesson-platform-logo-netlify path:first-child{fill:#ffffff29}.lesson-platform-logo-netlify path:last-child{fill:none;stroke:var(--white);stroke-linecap:round;stroke-linejoin:round;stroke-width:4.2px}.lesson-platform-logo-vercel{background:#111;box-shadow:0 12px 26px #11111129}.lesson-platform-logo-vercel path{fill:var(--white)}.lesson-platform-limit-badge{background:var(--white);color:var(--primary-dark);white-space:nowrap;border:1px solid #5f379229;border-radius:999px;align-self:start;padding:.36rem .62rem;font-size:.72rem;font-weight:900}.lesson-platform-limit-list{margin:0;display:grid}.lesson-platform-action-row{background:#ecdffe38;border-top:1px solid #5f37921a;grid-template-columns:repeat(2,minmax(0,1fr));gap:.75rem;padding:.9rem;display:grid}.lesson-platform-pricing-link,.lesson-platform-account-link{background:var(--white);min-height:3.1rem;color:var(--secondary);text-align:center;border:1px solid #5f379229;border-radius:8px;justify-content:center;align-items:center;font-size:.92rem;font-weight:900;text-decoration:none;transition:background .16s,border-color .16s,color .16s,transform .16s;display:flex}.lesson-platform-account-link{background:linear-gradient(135deg, var(--primary), var(--secondary));color:var(--white);border-color:#0000;box-shadow:0 14px 28px #5f379229}.lesson-platform-pricing-link:hover,.lesson-platform-account-link:hover{background:linear-gradient(135deg, var(--primary), var(--secondary));color:var(--white);border-color:#0000;transform:translateY(-1px)}.lesson-platform-pricing-link:focus-visible,.lesson-platform-account-link:focus-visible{outline-offset:3px;outline:3px solid #a25df857}.lesson-platform-limit-row{border-top:1px solid #5f37921a;grid-template-columns:minmax(9rem,.42fr) minmax(0,1fr);align-items:start;gap:1rem;padding:.9rem clamp(1rem,2vw,1.25rem);display:grid}.lesson-platform-limit-row dt{color:var(--primary-dark);letter-spacing:.04em;text-transform:uppercase;font-size:.78rem;font-weight:900}.lesson-platform-limit-row dd{color:var(--off-black);margin:0;font-weight:800;line-height:1.45}.lesson-platform-limit-note{border-left:4px solid var(--teal);color:var(--dark-gray);background:#2fb7a812;border-radius:8px;margin:0;padding:.85rem 1rem;line-height:1.55}.lesson-test-focus-section{background:var(--white)}.lesson-test-focus-grid{grid-template-columns:repeat(auto-fit,minmax(min(100%,13rem),1fr));gap:1rem;display:grid}.lesson-test-focus-card{background:radial-gradient(circle at 92% 8%, #2fb7a821, transparent 8rem), var(--white);border:1px solid #5f379224;border-radius:8px;align-content:start;gap:.7rem;min-height:16rem;padding:clamp(.95rem,1.8vw,1.2rem);display:grid;position:relative;overflow:hidden;box-shadow:0 16px 42px #5f379214}.lesson-test-focus-card:before{background:linear-gradient(90deg, var(--primary), var(--teal));content:"";height:.28rem;position:absolute;inset:0 0 auto}.lesson-test-focus-card span{width:2.25rem;height:2.25rem;color:var(--secondary);background:#ecdffebd;border-radius:999px;place-items:center;font-weight:900;display:grid}.lesson-test-focus-card h3{font-size:clamp(1.08rem,1.4vw,1.28rem)}.lesson-test-focus-card p{color:var(--dark-gray);line-height:1.55}.lesson-feedback-loop-section{background:linear-gradient(180deg, #ecdffe80, #fffffff5), var(--primary-light)}.lesson-feedback-loop-panel{grid-template-columns:minmax(18rem,.72fr) minmax(24rem,1.28fr);align-items:center;gap:clamp(1.25rem,4vw,3rem);display:grid}.lesson-feedback-loop-copy{align-content:center;gap:1rem;display:grid}.lesson-feedback-loop-copy>p:not(.lesson-section-kicker){max-width:42rem;color:var(--dark-gray);font-size:clamp(1.05rem,1.6vw,1.22rem);line-height:1.65}.lesson-feedback-loop-points{gap:.75rem;display:grid}.lesson-feedback-loop-points p{color:var(--off-black);background:#ffffffc7;border:1px solid #5f37921f;border-radius:8px;margin:0;padding:.9rem 1rem .9rem 2.55rem;font-weight:750;line-height:1.45;position:relative}.lesson-feedback-loop-points p:before{background:var(--secondary);content:"";border-radius:999px;width:.55rem;height:.55rem;position:absolute;top:1rem;left:1rem}.lesson-feedback-loop-image-wrap{background:#fffc;border:1px solid #5f379221;border-radius:8px;overflow:hidden;box-shadow:0 24px 70px #5f379224}.lesson-feedback-loop-image{width:100%;height:auto;display:block}.lesson-redeploy-section{background:var(--white)}.lesson-redeploy-panel{background:radial-gradient(circle at 94% 16%,#2fb7a81f,#0000 14rem),linear-gradient(135deg,#fffffffa,#f2fbf9e6);border:1px solid #2fb7a838;border-radius:8px;grid-template-columns:minmax(16rem,.8fr) minmax(20rem,1.2fr);align-items:center;gap:clamp(1rem,3vw,2rem);padding:clamp(1.1rem,3vw,2rem);display:grid;box-shadow:0 20px 54px #5f379214}.lesson-redeploy-panel h2{font-size:clamp(1.8rem,3.3vw,3rem);line-height:1.08}.lesson-redeploy-panel p:last-child{color:var(--dark-gray);margin:0;font-size:clamp(1.05rem,1.6vw,1.22rem);line-height:1.65}.lesson-publish-wizard-section{background:linear-gradient(180deg, #ecdffe94, #fffffffa), var(--primary-light)}.lesson-publish-wizard{gap:1.4rem;display:grid}.lesson-publish-wizard-heading{grid-template-columns:minmax(0,1fr) auto;align-items:end;gap:1.5rem;display:grid}.lesson-publish-wizard-heading h2,.lesson-test-lab-heading h2{margin-top:.35rem;font-size:clamp(2rem,4vw,3.7rem);line-height:1.06}.lesson-publish-wizard-heading>div>p:last-child,.lesson-test-lab-heading>div>p:last-child{max-width:65ch;color:var(--dark-gray);margin-top:.8rem;font-size:clamp(1rem,1.45vw,1.18rem);line-height:1.6}.lesson-publish-wizard-status{background:var(--white);text-align:center;border:1px solid #5f379224;border-radius:8px;min-width:7.4rem;margin:0;padding:.75rem 1rem;display:grid;box-shadow:0 16px 36px #5f379217}.lesson-publish-wizard-status strong{color:var(--secondary);font-size:2rem;line-height:1}.lesson-publish-wizard-status span{color:var(--dark-gray);font-size:.8rem;font-weight:850}.lesson-publish-wizard-steps{background:#fffffff0;border:1px solid #5f379226;border-radius:8px;grid-template-columns:minmax(0,.9fr) minmax(0,1.15fr) minmax(0,1fr);display:grid;overflow:hidden;box-shadow:0 22px 60px #5f37921a}.lesson-publish-wizard-step{grid-template-columns:1fr;align-content:start;gap:.9rem;min-width:0;padding:clamp(1rem,2.2vw,1.45rem);display:grid}.lesson-publish-wizard-step+.lesson-publish-wizard-step{border-left:1px solid #5f37921f}.lesson-publish-wizard-step[data-complete=true]{background:radial-gradient(circle at 100% 0,#2fb7a81f,#0000 11rem),#f9fdfcf5}.lesson-publish-wizard-step>p{color:var(--dark-gray);margin:0;line-height:1.55}.lesson-publish-step-heading{grid-template-columns:auto minmax(0,1fr);align-items:start;gap:.75rem;display:grid}.lesson-publish-step-heading>span{background:var(--primary-light);width:2.35rem;height:2.35rem;color:var(--secondary);border-radius:999px;place-items:center;font-weight:900;display:grid}.lesson-publish-wizard-step[data-complete=true] .lesson-publish-step-heading>span{color:#1f7168;background:#2fb7a829}.lesson-publish-step-heading p{color:var(--primary-dark);letter-spacing:.04em;text-transform:uppercase;margin:0 0 .15rem;font-size:.72rem;font-weight:900}.lesson-publish-step-heading h3{font-size:clamp(1.12rem,1.5vw,1.35rem);line-height:1.2}.lesson-publish-file-picker,.lesson-publish-fallback-button,.lesson-publish-provider-options button,.lesson-publish-url-form button,.lesson-test-lab-step-list button,.lesson-test-lab-answer-options button,.lesson-test-lab-next,.lesson-test-lab-issue-options button,.lesson-test-lab-prompt>button,.lesson-test-lab-outcome>div>button,.lesson-test-lab-outcome-feedback>button{min-height:3rem;font:inherit;cursor:pointer;border-radius:8px;font-weight:850;transition:background .16s,border-color .16s,color .16s,transform .16s}.lesson-publish-file-picker{color:var(--primary-dark);text-align:center;background:#ecdffe6b;border:1px dashed #5f379257;justify-content:center;align-items:center;gap:.55rem;padding:.75rem;display:flex}.lesson-publish-file-picker:hover{border-color:var(--secondary);background:#ecdffead}.lesson-publish-file-picker input{clip:rect(0 0 0 0);clip-path:inset(50%);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}.lesson-publish-file-picker:focus-within{outline-offset:3px;outline:3px solid #a25df852}.lesson-publish-fallback-button{background:var(--white);color:var(--primary-dark);border:1px solid #5f379229;padding:.65rem .8rem}.lesson-publish-feedback{background:#ecdffe47;border-left:3px solid #5f37923d;min-height:3.4rem;padding:.65rem .75rem;font-size:.9rem}.lesson-publish-feedback.is-invalid{color:#812f2f;background:#b84d4d12;border-left-color:#b84d4d}.lesson-publish-feedback.is-valid,.lesson-publish-feedback.is-manual{border-left-color:var(--teal);color:#245f59;background:#2fb7a814}.lesson-publish-provider-options{grid-template-columns:repeat(2,minmax(0,1fr));gap:.65rem;display:grid}.lesson-publish-provider-options button,.lesson-test-lab-answer-options button{background:var(--white);color:var(--off-black);border:1px solid #5f37922e}.lesson-publish-provider-options button.is-active,.lesson-test-lab-answer-options button.is-active{border-color:var(--secondary);background:var(--primary-light);color:var(--primary-dark);box-shadow:inset 0 0 0 2px #5f37921f}.lesson-publish-provider-route{border-top:1px solid #5f37921f;gap:.75rem;padding-top:.8rem;display:grid}.lesson-publish-provider-route ol{color:var(--dark-gray);gap:.45rem;margin:0;padding-left:1.3rem;line-height:1.45;display:grid}.lesson-publish-provider-links{flex-wrap:wrap;gap:.65rem;display:flex}.lesson-publish-provider-links a,.lesson-publish-success a{min-height:2.8rem;color:var(--primary-dark);border:1px solid #5f37922e;border-radius:8px;justify-content:center;align-items:center;gap:.4rem;padding:.55rem .75rem;font-size:.86rem;font-weight:850;text-decoration:none;display:inline-flex}.lesson-publish-provider-links a:first-child{background:var(--primary-dark);color:var(--white);border-color:#0000}.lesson-publish-provider-empty{min-height:5.4rem;color:var(--dark-gray);text-align:center;border:1px dashed #5f379233;place-items:center;display:grid}.lesson-publish-url-form{gap:.55rem;display:grid}.lesson-publish-url-form label{color:var(--off-black);font-weight:850}.lesson-publish-url-form>div{background:var(--white);border:1px solid #5f379233;border-radius:8px;grid-template-columns:auto minmax(0,1fr);align-items:center;gap:.55rem;padding:0 .75rem;display:grid}.lesson-publish-url-form>div:focus-within{border-color:var(--secondary);box-shadow:0 0 0 3px #a25df82e}.lesson-publish-url-form input{width:100%;min-width:0;min-height:3rem;color:var(--off-black);font:inherit;background:0 0;border:0;outline:0}.lesson-publish-url-form>p{color:#812f2f;margin:0;font-size:.86rem;line-height:1.4}.lesson-publish-url-form>button,.lesson-test-lab-next,.lesson-test-lab-prompt>button{background:linear-gradient(135deg, var(--primary), var(--secondary));color:var(--white);border:0;padding:.7rem 1rem}.lesson-publish-success{color:#245f59;background:#2fb7a817;border:1px solid #2fb7a842;border-radius:8px;grid-template-columns:auto minmax(0,1fr);align-items:center;gap:.65rem;padding:.8rem;display:grid}.lesson-publish-success p{margin:.12rem 0 0;font-size:.86rem}.lesson-publish-success a{background:var(--white);color:#245f59;border-color:#2fb7a84d;grid-column:1/-1}.lesson-test-lab-section{background:var(--white)}.lesson-test-lab{gap:1.15rem;display:grid}.lesson-test-lab-heading{grid-template-columns:minmax(0,1fr) minmax(20rem,.72fr);align-items:end;gap:clamp(1.2rem,4vw,3rem);display:grid}.lesson-test-lab-url{background:radial-gradient(circle at 100% 0,#2fb7a81c,#0000 9rem),#ecdffe52;border:1px solid #5f379224;border-radius:8px;gap:.5rem;padding:.9rem;display:grid}.lesson-test-lab-url label{color:var(--primary-dark);font-size:.8rem;font-weight:900}.lesson-test-lab-url input,.lesson-test-lab-note textarea,.lesson-test-lab-goal textarea{background:var(--white);width:100%;color:var(--off-black);font:inherit;border:1px solid #5f379233;border-radius:8px;line-height:1.5}.lesson-test-lab-url input{min-height:3rem;padding:0 .75rem}.lesson-test-lab-url input:focus,.lesson-test-lab-note textarea:focus,.lesson-test-lab-goal textarea:focus{border-color:var(--secondary);outline-offset:1px;outline:3px solid #a25df82e}.lesson-test-lab-url a{color:var(--primary-dark);justify-self:start;align-items:center;gap:.4rem;font-weight:850;display:inline-flex}.lesson-test-lab-url p{color:var(--dark-gray);margin:0;font-size:.86rem}.lesson-test-lab-step-list{grid-template-columns:repeat(3,minmax(0,1fr));gap:.7rem;display:grid}.lesson-test-lab-step-list button{background:var(--white);color:var(--dark-gray);text-align:left;border:1px solid #5f379224;grid-template-columns:auto minmax(0,1fr);align-items:center;gap:.6rem;padding:.65rem .8rem;display:grid}.lesson-test-lab-step-list button>span{background:var(--primary-light);width:1.8rem;height:1.8rem;color:var(--secondary);border-radius:999px;place-items:center;display:grid}.lesson-test-lab-step-list button.is-active{border-color:var(--secondary);background:var(--primary-light);color:var(--primary-dark)}.lesson-test-lab-step-list button.is-complete>span{color:#1f7168;background:#2fb7a829}.lesson-test-lab-step-list button:disabled{cursor:not-allowed;opacity:.55}.lesson-test-lab-card,.lesson-test-lab-result{background:radial-gradient(circle at 100% 0,#2fb7a81c,#0000 16rem),linear-gradient(135deg,#ecdffe7a,#fffffffa);border:1px solid #5f379226;border-radius:8px;grid-template-columns:minmax(18rem,.78fr) minmax(22rem,1.22fr);gap:clamp(1rem,3vw,2.4rem);min-height:26rem;padding:clamp(1rem,3vw,2rem);display:grid;box-shadow:0 22px 60px #5f37921a}.lesson-test-lab-card-copy,.lesson-test-lab-answer,.lesson-test-lab-result-copy{align-content:center;gap:.9rem;display:grid}.lesson-test-lab-card-copy>p:first-child{color:var(--primary-dark);letter-spacing:.04em;text-transform:uppercase;margin:0;font-size:.78rem;font-weight:900}.lesson-test-lab-card-copy h3,.lesson-test-lab-result-copy h3,.lesson-test-lab-outcome h3{font-size:clamp(1.55rem,2.8vw,2.5rem);line-height:1.12}.lesson-test-lab-card-copy>p:last-child,.lesson-test-lab-result-copy>p{color:var(--dark-gray);margin:0;font-size:clamp(1rem,1.4vw,1.12rem);line-height:1.6}.lesson-test-lab-answer{background:#ffffffe6;border:1px solid #5f379221;border-radius:8px;padding:clamp(.9rem,2vw,1.25rem)}.lesson-test-lab-answer-options{grid-template-columns:repeat(2,minmax(0,1fr));gap:.75rem;display:grid}.lesson-test-lab-note,.lesson-test-lab-goal{color:var(--off-black);gap:.45rem;font-weight:850;display:grid}.lesson-test-lab-note textarea,.lesson-test-lab-goal textarea{resize:vertical;padding:.75rem;font-weight:500}.lesson-test-lab-validation{color:#812f2f;margin:0;font-size:.9rem}.lesson-test-lab-next{justify-self:start;min-width:12rem}.lesson-test-lab-result{grid-template-columns:minmax(18rem,.82fr) minmax(24rem,1.18fr);min-height:0}.lesson-test-lab-issue-options{gap:.6rem;display:grid}.lesson-test-lab-issue-options button{background:var(--white);color:var(--off-black);text-align:left;border:1px solid #5f379229;gap:.15rem;padding:.75rem;display:grid}.lesson-test-lab-issue-options button.is-active{border-color:var(--secondary);background:var(--primary-light)}.lesson-test-lab-issue-options span{color:var(--dark-gray);font-size:.86rem;font-weight:500}.lesson-test-lab-goal span{color:var(--dark-gray);font-size:.82rem;font-weight:500}.lesson-test-lab-screenshot-note{border-left:3px solid var(--teal);background:#2fb7a814;padding:.75rem;font-size:.9rem!important}.lesson-test-lab-prompt{color:var(--white);background:#15111f;border:1px solid #5f379233;border-radius:8px;align-self:start;display:grid;overflow:hidden;box-shadow:0 20px 50px #5f379229}.lesson-test-lab-prompt>div:first-child{border-bottom:1px solid #ffffff1f;gap:.2rem;padding:.85rem 1rem;display:grid}.lesson-test-lab-prompt>div:first-child span{color:#ffffff9e;letter-spacing:.04em;text-transform:uppercase;font-size:.72rem;font-weight:900}.lesson-test-lab-prompt pre{color:#ffffffe6;white-space:pre-wrap;max-height:25rem;margin:0;padding:1rem;font-size:clamp(.84rem,1.1vw,.98rem);line-height:1.65;overflow:auto}.lesson-test-lab-prompt>button{border-radius:0;justify-content:center;align-items:center;gap:.5rem;display:inline-flex}.lesson-test-lab-outcome{border-top:1px solid #5f379221;grid-column:1/-1;gap:.8rem;padding-top:1.1rem;display:grid}.lesson-test-lab-outcome>p{color:var(--dark-gray);margin:0}.lesson-test-lab-outcome>div:not(.lesson-test-lab-outcome-feedback){grid-template-columns:repeat(3,minmax(0,1fr));gap:.65rem;display:grid}.lesson-test-lab-outcome>div>button{background:var(--white);color:var(--off-black);border:1px solid #5f379229;padding:.65rem}.lesson-test-lab-outcome>div>button[aria-pressed=true]{border-color:var(--secondary);background:var(--primary-light);color:var(--primary-dark)}.lesson-test-lab-outcome-feedback{background:#ecdffe57;border:1px solid #5f379224;border-radius:8px;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:.7rem;padding:.85rem;display:grid}.lesson-test-lab-outcome-feedback.is-better{color:#245f59;background:#2fb7a817;border-color:#2fb7a842}.lesson-test-lab-outcome-feedback p{margin:0;line-height:1.5}.lesson-test-lab-outcome-feedback>button{background:var(--white);color:var(--primary-dark);border:1px solid #5f37922e;padding:.55rem .75rem}.lesson-publish-file-picker:active,.lesson-publish-fallback-button:active,.lesson-publish-provider-options button:active,.lesson-publish-url-form button:active,.lesson-test-lab-step-list button:active,.lesson-test-lab-answer-options button:active,.lesson-test-lab-next:active,.lesson-test-lab-issue-options button:active,.lesson-test-lab-prompt>button:active,.lesson-test-lab-outcome button:active{transform:translateY(1px)}.lesson-publish-fallback-button:focus-visible,.lesson-publish-provider-options button:focus-visible,.lesson-publish-url-form button:focus-visible,.lesson-publish-provider-links a:focus-visible,.lesson-publish-success a:focus-visible,.lesson-test-lab-step-list button:focus-visible,.lesson-test-lab-answer-options button:focus-visible,.lesson-test-lab-next:focus-visible,.lesson-test-lab-issue-options button:focus-visible,.lesson-test-lab-prompt>button:focus-visible,.lesson-test-lab-outcome button:focus-visible,.lesson-test-lab-url a:focus-visible{outline-offset:3px;outline:3px solid #a25df857}@media (max-width:980px){.lesson-publish-wizard-heading,.lesson-test-lab-heading,.lesson-test-lab-card,.lesson-test-lab-result{grid-template-columns:1fr}.lesson-publish-wizard-status{justify-self:start}.lesson-publish-wizard-steps{grid-template-columns:1fr}.lesson-publish-wizard-step+.lesson-publish-wizard-step{border-top:1px solid #5f37921f;border-left:0}.lesson-test-lab-step-list{grid-template-columns:1fr}.lesson-test-lab-card{min-height:0}}@media (max-width:680px){.lesson-publish-provider-options,.lesson-test-lab-answer-options,.lesson-test-lab-outcome>div:not(.lesson-test-lab-outcome-feedback){grid-template-columns:1fr}.lesson-publish-provider-links{flex-direction:column;align-items:stretch}.lesson-publish-provider-links a{width:100%}.lesson-test-lab-outcome-feedback{grid-template-columns:auto minmax(0,1fr)}.lesson-test-lab-outcome-feedback>button{grid-column:1/-1}}.lesson-brand-section{background:var(--white)}.lesson-brand-panel{grid-template-columns:minmax(20rem,.9fr) minmax(24rem,1.1fr);align-items:center;gap:clamp(1.5rem,4vw,3.5rem);display:grid}.lesson-brand-copy{gap:1rem;display:grid}.lesson-brand-copy p:not(.lesson-section-kicker){max-width:42rem;color:var(--dark-gray);font-size:clamp(1.08rem,1.7vw,1.28rem);line-height:1.65}.lesson-brand-visual{background:radial-gradient(circle at 88% 18%,#2fb7a829,#0000 12rem),linear-gradient(135deg,#f5efffe6,#fffffffa);border:1px solid #5f379224;border-radius:8px;grid-template-columns:minmax(13rem,.78fr) auto minmax(15rem,1fr);align-items:center;gap:1rem;padding:clamp(1rem,3vw,2rem);display:grid;box-shadow:0 24px 70px #5f37921f}.lesson-brand-source-card,.lesson-brand-webapp-card{background:#fffffff0;border:1px solid #5f379224;border-radius:8px;box-shadow:0 16px 42px #5f37921a}.lesson-brand-source-card{gap:1rem;padding:1rem;display:grid}.lesson-brand-card-label{background:var(--primary-light);color:var(--primary-dark);letter-spacing:.04em;text-transform:uppercase;border-radius:999px;justify-self:start;padding:.35rem .65rem;font-size:.78rem;font-weight:950}.lesson-brand-logo-mark,.lesson-brand-mini-logo{background:linear-gradient(135deg, var(--primary), var(--secondary));color:var(--white);border-radius:8px;place-items:center;font-weight:950;display:grid}.lesson-brand-logo-mark{width:4rem;height:4rem;font-size:2rem}.lesson-brand-source-card strong,.lesson-brand-webapp-header strong{color:var(--off-black);font-size:1.05rem}.lesson-brand-source-card p{color:var(--dark-gray);margin:.2rem 0 0;line-height:1.45}.lesson-brand-swatches{gap:.45rem;display:flex}.lesson-brand-swatches span{border:2px solid #ffffffe6;border-radius:999px;width:2rem;height:2rem;box-shadow:0 8px 20px #0a0f1a1f}.lesson-brand-swatches span:first-child{background:var(--primary)}.lesson-brand-swatches span:nth-child(2){background:var(--secondary)}.lesson-brand-swatches span:nth-child(3){background:#f2bd68}.lesson-brand-arrow{color:var(--primary-dark);font-size:2rem;font-weight:950}.lesson-brand-webapp-card{overflow:hidden}.lesson-brand-browser-bar{background:linear-gradient(90deg, var(--primary), var(--secondary));gap:.35rem;padding:.75rem;display:flex}.lesson-brand-browser-bar span{background:#ffffffb8;border-radius:999px;width:.58rem;height:.58rem}.lesson-brand-webapp-header{align-items:center;gap:.7rem;padding:1rem 1rem .6rem;display:flex}.lesson-brand-mini-logo{width:2.2rem;height:2.2rem}.lesson-brand-webapp-lines{gap:.45rem;padding:0 1rem 1rem;display:grid}.lesson-brand-webapp-lines span{background:#5f37921f;border-radius:999px;height:.7rem}.lesson-brand-webapp-lines span:nth-child(2){width:82%}.lesson-brand-webapp-lines span:nth-child(3){width:64%}.lesson-brand-webapp-card button{background:linear-gradient(135deg, var(--primary), var(--primary-dark));width:calc(100% - 2rem);color:var(--white);cursor:default;font:inherit;border:0;border-radius:8px;margin:0 1rem 1rem;padding:.85rem 1rem;font-weight:850;display:block}.lesson-brand-input-section{background:var(--off-white)}.lesson-brand-input-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:1rem;display:grid}.lesson-brand-input-card{background:radial-gradient(circle at 92% 8%, #2fb7a81f, transparent 9rem), var(--white);border:1px solid #5f379224;border-radius:8px;align-content:start;gap:.7rem;padding:clamp(1rem,2vw,1.3rem);display:grid;position:relative;overflow:hidden;box-shadow:0 16px 42px #5f379214}.lesson-brand-input-card:before{background:linear-gradient(90deg, var(--primary), var(--secondary));content:"";height:.25rem;position:absolute;top:0;left:0;right:0}.lesson-brand-input-card span{background:var(--primary-light);width:2.55rem;height:2.55rem;color:var(--primary-dark);border-radius:999px;place-items:center;font-weight:950;display:grid}.lesson-brand-input-card h3{color:var(--off-black);font-size:clamp(1.08rem,1.5vw,1.28rem)}.lesson-brand-input-card p{color:var(--dark-gray);margin:0;line-height:1.55}.lesson-style-prompt-example-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:1rem;margin-top:clamp(1rem,3vw,1.75rem);display:grid}.lesson-style-prompt-example{background:var(--white);border:1px solid #5f379224;border-radius:8px;padding:clamp(1rem,2vw,1.25rem);box-shadow:0 14px 36px #5f379214}.lesson-style-prompt-example span{color:var(--primary-dark);letter-spacing:.04em;text-transform:uppercase;margin-bottom:.65rem;font-size:.82rem;font-weight:950;display:inline-flex}.lesson-style-prompt-example p{color:var(--off-black);margin:0;font-weight:800;line-height:1.5}.lesson-style-prompt-example-weak{border-top:4px solid #f2bd68}.lesson-style-prompt-example-strong{border-top:4px solid var(--teal)}.lesson-files-section{background:var(--white)}.lesson-files-panel{grid-template-columns:minmax(20rem,.9fr) minmax(20rem,1.1fr);align-items:center;gap:clamp(1.5rem,4vw,3rem);display:grid}.lesson-files-copy{gap:1rem;display:grid}.lesson-files-copy p:not(.lesson-section-kicker){max-width:42rem;color:var(--dark-gray);font-size:clamp(1.08rem,1.7vw,1.28rem);line-height:1.65}.lesson-folder-card{background:#15121d;border:1px solid #5f379229;border-radius:8px;overflow:hidden;box-shadow:0 24px 70px #5f379229}.lesson-folder-card-head{background:#ffffff0d;border-bottom:1px solid #ffffff1a;gap:.45rem;padding:.9rem 1rem;display:flex}.lesson-folder-card-head span{background:#ffffff8c;border-radius:999px;width:.7rem;height:.7rem}.lesson-folder-tree{gap:.35rem;padding:clamp(1rem,3vw,1.5rem);display:grid}.lesson-folder-row{color:var(--white);border-radius:7px;margin:0;padding:.45rem .7rem;font-family:SFMono-Regular,Consolas,Liberation Mono,monospace;font-size:clamp(1rem,1.7vw,1.22rem);font-weight:800;line-height:1.4;position:relative}.lesson-folder-depth-0{background:#915ee940}.lesson-folder-depth-1{color:#ffffffeb;margin-left:1.25rem}.lesson-folder-depth-2{color:#ffffffbf;margin-left:2.5rem}.lesson-folder-depth-1:before,.lesson-folder-depth-2:before{color:#ffffff59;content:"└";position:absolute;left:-.75rem}.lesson-file-additions-section{background:var(--off-white)}.lesson-file-addition-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:1rem;display:grid}.lesson-file-addition-card{background:radial-gradient(circle at 92% 10%, #2fb7a81f, transparent 12rem), var(--white);border:1px solid #5f379224;border-radius:8px;align-content:start;gap:.75rem;padding:clamp(1rem,2.4vw,1.5rem);display:grid;position:relative;overflow:hidden;box-shadow:0 16px 42px #5f379214}.lesson-file-addition-card:before{background:linear-gradient(90deg, var(--primary), var(--secondary));content:"";height:.25rem;position:absolute;top:0;left:0;right:0}.lesson-file-addition-card span{background:var(--primary-light);width:2.55rem;height:2.55rem;color:var(--primary-dark);border-radius:999px;place-items:center;font-weight:950;display:grid}.lesson-file-addition-card h3{color:var(--off-black);font-size:clamp(1.2rem,2vw,1.55rem)}.lesson-file-addition-card p{color:var(--dark-gray);margin:0;line-height:1.55}.lesson-file-example-list{flex-wrap:wrap;gap:.45rem;margin-top:.2rem;display:flex}.lesson-file-example-list span{background:var(--primary-light);width:auto;height:auto;color:var(--off-black);border:1px solid #5f37921f;border-radius:999px;padding:.35rem .6rem;font-size:.86rem;font-weight:850}.lesson-zip-upload-section{background:var(--white)}.lesson-zip-upload-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:1rem;display:grid}.lesson-zip-upload-card{background:#fffffff0;border:1px solid #5f379224;border-radius:8px;padding:clamp(1rem,2vw,1.25rem);box-shadow:0 14px 36px #5f379214}.lesson-zip-upload-card h3{color:var(--off-black);font-size:clamp(1.05rem,1.5vw,1.3rem)}.lesson-zip-upload-card p{color:var(--dark-gray);margin:.55rem 0 0;line-height:1.55}.lesson-folder-depth-1:before,.lesson-folder-depth-2:before{content:"--"}.lesson-upload-do-dont-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:1rem;margin-top:clamp(1rem,3vw,1.5rem);display:grid}.lesson-upload-do-dont-card{background:var(--white);border:1px solid #5f379224;border-radius:8px;padding:clamp(1rem,2vw,1.25rem);box-shadow:0 14px 36px #5f379214}.lesson-upload-do-dont-card span{color:var(--primary-dark);letter-spacing:.04em;text-transform:uppercase;margin-bottom:.55rem;font-size:.82rem;font-weight:950;display:inline-flex}.lesson-upload-do-dont-card p{color:var(--off-black);margin:0;font-weight:800;line-height:1.5}.lesson-upload-do-dont-card-bad{border-top:4px solid #f2bd68}.lesson-upload-do-dont-card-good{border-top:4px solid var(--teal)}.lesson-style-workbench-section{background:radial-gradient(circle at 88% 8%,#2fb7a81a,#0000 20rem),linear-gradient(#ecdffe9e,#fffffffa)}.lesson-style-workbench{gap:clamp(1.1rem,3vw,1.8rem);display:grid}.lesson-style-workbench-heading,.lesson-package-builder-heading{grid-template-columns:minmax(0,1fr) auto;align-items:end;gap:1.25rem;display:grid}.lesson-style-workbench-heading h2,.lesson-package-builder-heading h2{max-width:1040px;margin-top:.35rem;font-size:clamp(2rem,4.5vw,4rem);line-height:1.04}.lesson-style-workbench-heading>div>p:last-child,.lesson-package-builder-heading>div>p:last-child{max-width:66ch;color:var(--dark-gray);margin-top:.75rem;font-size:clamp(1rem,1.45vw,1.18rem);line-height:1.6}.lesson-style-workbench-progress{flex-wrap:wrap;justify-content:flex-end;gap:.45rem;display:flex}.lesson-style-workbench-progress span{color:var(--primary-dark);background:#ffffffe6;border:1px solid #5f379224;border-radius:999px;padding:.52rem .72rem;font-size:.8rem;font-weight:900}.lesson-style-preview-panel{background:#fffffff0;border:1px solid #5f379224;border-radius:8px;grid-template-columns:minmax(17rem,.72fr) minmax(24rem,1.28fr);align-items:center;gap:clamp(1rem,3vw,2rem);padding:clamp(1rem,3vw,1.7rem);display:grid;box-shadow:0 22px 60px #5f37921a}.lesson-style-preview-copy{gap:.65rem;display:grid}.lesson-style-preview-copy>span,.lesson-style-source-heading>span,.lesson-style-input-panel>span,.lesson-style-prompt-head span,.lesson-package-card-heading>span{color:var(--primary-dark);letter-spacing:.05em;text-transform:uppercase;font-size:.74rem;font-weight:950}.lesson-style-preview-copy h3{font-size:clamp(1.55rem,3vw,2.45rem);line-height:1.12}.lesson-style-preview-copy>p{color:var(--dark-gray);margin:0;line-height:1.55}.lesson-style-preview-controls{grid-template-columns:repeat(2,minmax(0,1fr));gap:.55rem;margin-top:.35rem;display:grid}.lesson-style-preview-controls button,.lesson-style-source-options button,.lesson-style-creative-input button{background:var(--white);min-height:3rem;color:var(--off-black);font:inherit;cursor:pointer;border:1px solid #5f37922e;border-radius:8px;font-weight:850}.lesson-style-preview-controls button[aria-pressed=true],.lesson-style-source-options button.is-active,.lesson-style-creative-input button[aria-pressed=true]{border-color:var(--secondary);background:var(--primary-light);color:var(--primary-dark);box-shadow:inset 0 0 0 2px #5f37921a}.lesson-style-preview-app{--preview-accent:#717985;--preview-dark:#222a35;--preview-soft:#eef0f3;background:var(--white);border:1px solid #5f379229;border-radius:8px;transition:background-color .22s,border-color .22s;overflow:hidden;box-shadow:0 18px 44px #15121d1f}.lesson-style-preview-app[data-mode=after]{--preview-accent:#5f3792;--preview-dark:#351e58;--preview-soft:#ecdffe;border-color:#5f37925c}.lesson-style-preview-browser{background:#f6f7f9;border-bottom:1px solid #5f37921a;gap:.35rem;padding:.65rem .8rem;display:flex}.lesson-style-preview-browser span{background:#222a3542;border-radius:999px;width:.55rem;height:.55rem}.lesson-style-preview-header{background:var(--preview-dark);color:var(--white);align-items:center;gap:.7rem;padding:.85rem 1rem;transition:background-color .22s;display:flex}.lesson-style-preview-header>span{background:var(--preview-accent);border-radius:6px;place-items:center;width:2.2rem;height:2.2rem;font-weight:950;display:grid}.lesson-style-preview-question{gap:.65rem;padding:1rem;display:grid}.lesson-style-preview-question small{color:var(--preview-accent);font-weight:900}.lesson-style-preview-question p{color:var(--off-black);margin:0;font-weight:850}.lesson-style-preview-question>span{background:var(--preview-soft);border:1px solid #5f37921f;border-radius:7px;height:2.3rem}.lesson-style-preview-button{background:var(--preview-accent);color:var(--white);text-align:center;border-radius:7px;margin:0 1rem 1rem;padding:.75rem 1rem;font-weight:900;transition:background-color .22s}.lesson-style-preview-caption{color:var(--dark-gray);border-top:1px solid #5f37921a;margin:0;padding:.75rem 1rem;font-size:.86rem}.lesson-style-builder{grid-template-columns:minmax(24rem,.92fr) minmax(26rem,1.08fr);gap:1rem;display:grid}.lesson-style-source-panel,.lesson-style-prompt-card{border-radius:8px;min-width:0;overflow:hidden}.lesson-style-source-panel{background:#fffffff0;border:1px solid #5f379224;align-content:start;gap:1rem;padding:clamp(1rem,2.5vw,1.35rem);display:grid}.lesson-style-source-heading,.lesson-package-card-heading{gap:.3rem;display:grid}.lesson-style-source-heading h3,.lesson-package-card-heading h3{font-size:clamp(1.3rem,2.3vw,1.8rem);line-height:1.2}.lesson-style-source-options{gap:.55rem;display:grid}.lesson-style-source-options button{text-align:left;grid-template-columns:auto minmax(0,1fr);align-items:center;gap:.7rem;padding:.75rem;display:grid}.lesson-style-source-options button>span{gap:.12rem;display:grid}.lesson-style-source-options small{color:var(--dark-gray);font-weight:500;line-height:1.4}.lesson-style-input-panel{border-top:1px solid #5f37921f;gap:.7rem;padding-top:1rem;display:grid}.lesson-style-file-input,.lesson-style-text-input,.lesson-style-creative-input{gap:.55rem;display:grid}.lesson-style-file-input label,.lesson-package-file-card>label,.lesson-package-checker-card>label{background:var(--primary-light);min-height:3.2rem;color:var(--primary-dark);cursor:pointer;text-align:center;border:1px dashed #5f379252;border-radius:8px;justify-content:center;align-items:center;gap:.55rem;padding:.72rem .9rem;font-weight:900;display:flex}.lesson-style-file-input input,.lesson-package-file-card>label input,.lesson-package-checker-card>label input{clip:rect(0 0 0 0);clip-path:inset(50%);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}:is(.lesson-style-file-input label:has(input:focus-visible),.lesson-package-file-card>label:has(input:focus-visible),.lesson-package-checker-card>label:has(input:focus-visible)){outline-offset:3px;outline:3px solid #5f379252}.lesson-style-file-input p,.lesson-package-privacy-note{color:var(--dark-gray);margin:0;font-size:.86rem;line-height:1.5}.lesson-style-text-input>span,.lesson-style-creative-input label>span{color:var(--off-black);font-weight:850}.lesson-style-text-input>div{background:var(--white);border:1px solid #5f379233;border-radius:8px;grid-template-columns:auto minmax(0,1fr);align-items:center;gap:.55rem;padding:0 .75rem;display:grid}.lesson-style-text-input input,.lesson-style-creative-input input{background:var(--white);width:100%;min-height:3rem;color:var(--off-black);font:inherit;border:1px solid #5f379233;border-radius:8px;padding:0 .75rem}.lesson-style-text-input>div input{border:0;padding:0}.lesson-style-text-input input:focus,.lesson-style-creative-input input:focus{outline-offset:1px;outline:3px solid #a25df82e}.lesson-style-text-input small{color:var(--dark-gray);line-height:1.45}.lesson-style-creative-input>p{color:var(--dark-gray);margin:0}.lesson-style-creative-input>div{grid-template-columns:repeat(2,minmax(0,1fr));gap:.45rem;display:grid}.lesson-style-creative-input button{min-height:2.65rem;padding:.45rem}.lesson-style-creative-input label{gap:.4rem;display:grid}.lesson-style-prompt-card,.lesson-package-prompt-card{color:var(--white);background:#15111f;border:1px solid #140f1deb;align-content:start;display:grid;box-shadow:0 22px 60px #5f379226}.lesson-style-prompt-head{border-bottom:1px solid #ffffff1f;justify-content:space-between;align-items:center;gap:.8rem;padding:.85rem 1rem;display:flex}.lesson-style-prompt-head>div{gap:.18rem;display:grid}.lesson-style-prompt-head span{color:#ffffff94}.lesson-style-prompt-card pre,.lesson-package-prompt-card pre{color:#ffffffe6;white-space:pre-wrap;max-height:29rem;margin:0;padding:1rem;font-family:SFMono-Regular,Consolas,Liberation Mono,monospace;font-size:clamp(.82rem,1vw,.94rem);line-height:1.65;overflow:auto}.lesson-style-prompt-card>button,.lesson-package-prompt-card>button{background:linear-gradient(135deg, var(--primary), var(--secondary));min-height:3.25rem;color:var(--white);font:inherit;cursor:pointer;border:0;justify-content:center;align-items:center;gap:.5rem;padding:.75rem 1rem;font-weight:900;display:inline-flex}.lesson-style-prompt-card>button:disabled,.lesson-package-prompt-card>button:disabled{cursor:not-allowed;opacity:.45}.lesson-style-prompt-card>p,.lesson-style-prompt-card>a,.lesson-package-prompt-card>p{color:#ffffffb8;border-top:1px solid #ffffff1a;margin:0;padding:.8rem 1rem;font-size:.86rem;line-height:1.5}.lesson-style-prompt-card>a{color:#dfc9ff;align-items:center;gap:.45rem;font-weight:850;display:flex}.lesson-style-workbench-tip,.lesson-package-publish-note{border:1px solid #2fb7a83d;border-left:5px solid var(--teal);color:#235e58;background:#2fb7a814;border-radius:8px;grid-template-columns:auto minmax(0,1fr);align-items:start;gap:.8rem;padding:1rem;display:grid}.lesson-style-workbench-tip p,.lesson-package-publish-note p{color:var(--dark-gray);margin:.2rem 0 0;line-height:1.5}.lesson-package-builder-section{background:radial-gradient(circle at 10% 0,#a25df81a,#0000 20rem),linear-gradient(#f8fafcfa,#ecdffe6b)}.lesson-package-builder{gap:clamp(1rem,3vw,1.6rem);display:grid}.lesson-package-progress{background:var(--white);text-align:center;border:1px solid #5f379224;border-radius:8px;min-width:7.5rem;padding:.75rem 1rem;display:grid;box-shadow:0 16px 38px #5f379214}.lesson-package-progress strong{color:var(--secondary);font-size:2rem;line-height:1}.lesson-package-progress span{color:var(--dark-gray);font-size:.8rem;font-weight:850}.lesson-package-file-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:1rem;display:grid}.lesson-package-file-card{background:#fffffff0;border:1px solid #5f379224;border-radius:8px;align-content:start;gap:.7rem;padding:clamp(1rem,2.5vw,1.35rem);display:grid;box-shadow:0 16px 42px #5f379214}.lesson-package-file-card[data-ready=true]{background:radial-gradient(circle at 100% 0, #2fb7a81f, transparent 10rem), var(--white);border-color:#2fb7a861}.lesson-package-file-card>div:first-child{color:var(--primary-dark);justify-content:space-between;align-items:center;display:flex}.lesson-package-file-card>div:first-child span{background:var(--primary-light);border-radius:999px;place-items:center;width:2.3rem;height:2.3rem;font-weight:950;display:grid}.lesson-package-file-card h3{font-size:clamp(1.2rem,2vw,1.55rem)}.lesson-package-file-card>p,.lesson-package-checker-card>p{color:var(--dark-gray);margin:0;line-height:1.5}.lesson-package-selected-file{color:#23655e;grid-template-columns:auto minmax(0,1fr);align-items:center;gap:.55rem;display:grid}.lesson-package-selected-file>span{min-width:0;display:grid}.lesson-package-selected-file strong{color:var(--off-black);text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.lesson-package-selected-file small{color:var(--dark-gray)}.lesson-package-privacy-note{background:#ffffffb8;border-left:4px solid #5f379247;padding:.75rem 1rem}.lesson-package-work-grid{grid-template-columns:minmax(25rem,.94fr) minmax(28rem,1.06fr);gap:1rem;display:grid}.lesson-package-prompt-card,.lesson-package-checker-card{border-radius:8px;min-width:0;overflow:hidden}.lesson-package-card-heading{border-bottom:1px solid #5f37921f;padding:1rem}.lesson-package-prompt-card .lesson-package-card-heading{border-bottom-color:#ffffff1f}.lesson-package-prompt-card .lesson-package-card-heading>span{color:#fff9}.lesson-package-prompt-card .lesson-package-card-heading h3{color:var(--white)}.lesson-package-checker-card{background:#fffffff5;border:1px solid #5f379224;align-content:start;gap:.85rem;padding-bottom:1rem;display:grid;box-shadow:0 20px 54px #5f379217}.lesson-package-checker-card>p,.lesson-package-checker-card>label,.lesson-package-checker-card>.lesson-package-error,.lesson-package-checker-card>.lesson-package-result,.lesson-package-checker-card>.lesson-package-checker-empty{margin-inline:1rem}.lesson-package-checker-card>label.is-disabled{cursor:not-allowed;opacity:.48}.lesson-package-error,.lesson-package-checker-empty{color:#773131;background:#99373712;border:1px solid #99373738;border-radius:8px;grid-template-columns:auto minmax(0,1fr);align-items:start;gap:.65rem;padding:.85rem;display:grid}.lesson-package-error p,.lesson-package-checker-empty p{margin:0;line-height:1.5}.lesson-package-checker-empty{color:var(--dark-gray);background:#ecdffe38;border-color:#5f379224}.lesson-package-result{background:#9937370a;border:1px solid #99373738;border-radius:8px;gap:.75rem;padding:.85rem;display:grid}.lesson-package-result[data-complete=true]{background:#2fb7a80f;border-color:#2fb7a852}.lesson-package-result-heading{color:#7a3434;grid-template-columns:auto minmax(0,1fr);align-items:center;gap:.6rem;display:grid}.lesson-package-result[data-complete=true] .lesson-package-result-heading{color:#23655e}.lesson-package-result-heading>div{display:grid}.lesson-package-result-heading strong{color:var(--off-black);font-size:1.08rem}.lesson-package-result-heading span{color:var(--dark-gray);text-overflow:ellipsis;white-space:nowrap;font-size:.84rem;overflow:hidden}.lesson-package-check-list{gap:.45rem;margin:0;padding:0;display:grid}.lesson-package-check-list li{background:var(--white);color:#8a3535;border:1px solid #5f37921a;border-radius:7px;grid-template-columns:auto minmax(0,1fr);align-items:start;gap:.55rem;padding:.65rem;display:grid}.lesson-package-check-list li[data-status=pass]{color:#287168}.lesson-package-check-list li>span{gap:.12rem;display:grid}.lesson-package-check-list strong{color:var(--off-black)}.lesson-package-check-list small{color:var(--dark-gray);line-height:1.4}.lesson-package-result details{border-top:1px solid #5f37921f;padding-top:.7rem}.lesson-package-result summary{cursor:pointer;color:var(--primary-dark);font-weight:850}.lesson-package-tree{background:#15111f;border-radius:7px;gap:.2rem;max-height:12rem;margin-top:.55rem;padding:.7rem;display:grid;overflow:auto}.lesson-package-tree code{overflow-wrap:anywhere;color:#ffffffd1;font-size:.78rem}.lesson-package-tree p{color:#fff9;margin:.3rem 0 0;font-size:.8rem}@media (max-width:980px){.lesson-style-workbench-heading,.lesson-package-builder-heading,.lesson-style-preview-panel,.lesson-style-builder,.lesson-package-work-grid{grid-template-columns:1fr}.lesson-style-workbench-progress{justify-content:flex-start}.lesson-package-progress{justify-self:start}}@media (max-width:680px){.lesson-style-preview-controls,.lesson-style-creative-input>div,.lesson-package-file-grid{grid-template-columns:1fr}.lesson-style-workbench-progress span{font-size:.74rem}.lesson-style-source-options small{display:none}.lesson-style-prompt-card pre,.lesson-package-prompt-card pre{max-height:24rem}.lesson-package-file-card>label,.lesson-package-checker-card>label,.lesson-style-file-input label{width:100%}}.lesson-summary-section{background:var(--white)}.lesson-summary-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:1rem;display:grid}.lesson-summary-card,.lesson-final-check-card{background:radial-gradient(circle at 100% 0,#69bbb31f,#0000 38%),#fffffff0;border:1px solid #5f379224;border-radius:8px;padding:clamp(1.1rem,2vw,1.45rem);position:relative;overflow:hidden;box-shadow:0 16px 38px #5f379214}.lesson-summary-card:before,.lesson-final-check-card:before{content:"";background:linear-gradient(90deg, var(--primary), var(--teal));height:4px;position:absolute;top:0;left:0;right:0}.lesson-summary-card h3,.lesson-final-check-card h3{color:var(--off-black);font-size:clamp(1.05rem,1.55vw,1.28rem)}.lesson-summary-card p,.lesson-final-check-card p{color:var(--dark-gray);margin:.7rem 0 0;line-height:1.55}.lesson-example-recap-section{background:var(--off-white)}.lesson-example-recap-panel{background:radial-gradient(circle at 100% 0%, #9660ee24, transparent 34%), var(--white);border:1px solid #5f379221;border-radius:8px;grid-template-columns:minmax(20rem,.85fr) minmax(22rem,1.15fr);align-items:center;gap:clamp(1.5rem,4vw,3rem);padding:clamp(1.5rem,4vw,2.8rem);display:grid;box-shadow:0 24px 60px #5f37921a}.lesson-example-recap-copy{gap:1rem;display:grid}.lesson-example-recap-copy p:not(.lesson-section-kicker){color:var(--dark-gray);font-size:clamp(1.08rem,1.7vw,1.24rem);line-height:1.65}.lesson-example-recap-list{gap:.85rem;display:grid}.lesson-example-recap-item{background:#ffffffd1;border:1px solid #5f37921f;border-radius:8px;grid-template-columns:auto 1fr;align-items:center;gap:.9rem;padding:1rem;display:grid}.lesson-example-recap-item span{background:linear-gradient(135deg, var(--primary), var(--secondary));width:2.35rem;height:2.35rem;color:var(--white);border-radius:999px;place-items:center;font-weight:800;display:grid}.lesson-example-recap-item p{color:var(--off-black);margin:0;font-weight:700}.lesson-final-check-section{background:var(--white)}.lesson-final-check-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:1rem;display:grid}.lesson-final-mission-section{background:linear-gradient(#ecdffe9e,#fbf9fff0)}.lesson-final-mission{gap:clamp(1.4rem,3vw,2.4rem);display:grid}.lesson-final-mission-heading,.lesson-route-advisor-heading{grid-template-columns:minmax(0,1fr) minmax(18rem,.46fr);align-items:end;gap:clamp(1.5rem,4vw,3rem);display:grid}.lesson-final-mission-heading>div:first-child,.lesson-route-advisor-heading>div:first-child{gap:.9rem;display:grid}.lesson-final-mission-heading>div:first-child>p:last-child,.lesson-route-advisor-heading>div:first-child>p:last-child{max-width:52rem;color:var(--dark-gray);font-size:clamp(1.04rem,1.5vw,1.18rem)}.lesson-final-mission-rule,.lesson-route-advisor-start-note{border-left:4px solid var(--teal);background:#ffffffc2;grid-template-columns:auto 1fr;align-items:start;gap:.8rem;padding:1.1rem 1.2rem;display:grid}.lesson-final-mission-rule svg{color:var(--secondary)}.lesson-final-mission-rule p,.lesson-route-advisor-start-note p{color:var(--dark-gray);line-height:1.55}.lesson-final-route{background:var(--white);border:1px solid #5f379224;border-radius:8px;grid-template-columns:repeat(6,minmax(0,1fr));display:grid;overflow:hidden;box-shadow:0 18px 42px #5f379217}.lesson-final-route a{align-content:center;gap:.2rem;min-height:7.7rem;padding:1rem;transition:background .16s,color .16s;display:grid;position:relative}.lesson-final-route a+a{border-left:1px solid #5f37921f}.lesson-final-route a:hover,.lesson-final-route a:focus-visible{background:var(--primary-light)}.lesson-final-route span{background:var(--secondary);width:1.65rem;height:1.65rem;color:var(--white);border-radius:999px;place-items:center;font-size:.75rem;font-weight:800;display:grid;position:absolute;top:.75rem;right:.75rem}.lesson-final-route small{color:var(--secondary);text-transform:uppercase;font-size:.72rem;font-weight:800}.lesson-final-route strong{color:var(--off-black);font-size:1.02rem}.lesson-final-builder{background:var(--white);box-shadow:var(--shadow);border:1px solid #5f379229;border-radius:8px;grid-template-columns:minmax(18rem,.8fr) minmax(24rem,1.2fr);display:grid;overflow:hidden}.lesson-final-builder-start,.lesson-final-builder-form{align-content:start;gap:.75rem;padding:clamp(1.35rem,3vw,2rem);display:grid}.lesson-final-builder-start{background:var(--off-white)}.lesson-final-builder-form{border-left:1px solid #5f379221}.lesson-final-builder-start>span,.lesson-final-builder-form>span,.lesson-route-advisor-idea>span,.lesson-route-result>span,.lesson-route-case-copy>span{width:fit-content;color:var(--secondary);letter-spacing:.04em;text-transform:uppercase;font-size:.76rem;font-weight:800}.lesson-final-builder h3,.lesson-final-quality h3,.lesson-route-advisor h3{font-size:clamp(1.35rem,2vw,1.75rem)}.lesson-final-builder p,.lesson-final-quality p{color:var(--dark-gray)}.lesson-final-category-options{gap:.55rem;margin-top:.45rem;display:grid}.lesson-final-category-options button{background:var(--white);color:var(--off-black);text-align:left;cursor:pointer;border:1px solid #5f379229;border-radius:6px;gap:.2rem;padding:.85rem 1rem;display:grid}.lesson-final-category-options button.is-active{border-color:var(--secondary);background:var(--primary-light);box-shadow:inset 4px 0 0 var(--secondary)}.lesson-final-category-options small{color:var(--dark-gray);line-height:1.4}.lesson-final-fields{gap:.85rem;margin-top:.45rem;display:grid}.lesson-final-fields label,.lesson-route-advisor-idea label{color:var(--off-black);gap:.45rem;font-weight:700;display:grid}.lesson-final-fields input,.lesson-route-advisor-idea input{background:var(--white);width:100%;min-height:3.35rem;color:var(--off-black);font:inherit;border:1px solid #5f379233;border-radius:6px;padding:.75rem .9rem}.lesson-final-fields input:focus,.lesson-route-advisor-idea input:focus{border-color:var(--secondary);outline:3px solid #a25df829}.lesson-final-mission-card{background:var(--off-black);color:var(--white);grid-column:1/-1;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:1.2rem;padding:clamp(1.25rem,3vw,1.8rem);display:grid}.lesson-final-mission-card>div{gap:.45rem;display:grid}.lesson-final-mission-card span{color:#cdb3f5;text-transform:uppercase;font-size:.76rem;font-weight:800}.lesson-final-mission-card strong{max-width:52rem;font-size:clamp(1.15rem,2vw,1.5rem);line-height:1.45}.lesson-final-mission-card button,.lesson-final-quality-start,.lesson-route-advisor-idea button,.lesson-route-result-start a{background:var(--primary);min-height:3.2rem;color:var(--white);font:inherit;cursor:pointer;border:0;border-radius:6px;justify-content:center;align-items:center;gap:.55rem;padding:.8rem 1.1rem;font-weight:800;display:inline-flex}.lesson-final-mission-card button:disabled,.lesson-final-quality-start:disabled,.lesson-route-advisor-idea button:disabled{cursor:not-allowed;opacity:.42}.lesson-final-quality{border-top:1px solid #5f379229;gap:1.2rem;padding-top:clamp(1.5rem,3vw,2.2rem);display:grid}.lesson-final-quality-intro{grid-template-columns:minmax(0,1fr) auto;align-items:end;gap:1.5rem;display:grid}.lesson-final-quality-intro>div{gap:.65rem;display:grid}.lesson-final-quality-progress{justify-items:end;min-width:8.5rem;display:grid}.lesson-final-quality-progress strong{color:var(--secondary);font-size:2.4rem;line-height:1}.lesson-final-quality-progress span{color:var(--dark-gray);font-size:.78rem;font-weight:700}.lesson-final-quality-start{justify-self:start}.lesson-final-quality-question{background:var(--white);border:1px solid #5f379226;border-radius:8px;align-content:center;gap:1rem;min-height:20rem;padding:clamp(1.35rem,4vw,2.5rem);display:grid}.lesson-final-quality-bar,.lesson-route-question-progress{background:var(--primary-light);border-radius:999px;height:.45rem;overflow:hidden}.lesson-final-quality-bar span,.lesson-route-question-progress span{border-radius:inherit;background:linear-gradient(90deg, var(--primary), var(--teal));height:100%;transition:width .22s;display:block}.lesson-final-quality-question>span,.lesson-route-question>span{color:var(--secondary);text-transform:uppercase;font-size:.78rem;font-weight:800}.lesson-final-quality-actions,.lesson-route-question-actions{flex-wrap:wrap;gap:.75rem;display:flex}.lesson-final-quality-actions button,.lesson-route-question-actions button{background:var(--white);min-height:3.2rem;color:var(--off-black);font:inherit;cursor:pointer;border:1px solid #5f379233;border-radius:6px;padding:.75rem 1.2rem;font-weight:800}.lesson-final-quality-actions button.is-primary,.lesson-route-question-actions button:first-child{border-color:var(--secondary);background:var(--secondary);color:var(--white);align-items:center;gap:.45rem;display:inline-flex}.lesson-final-quality-tip{border-left:4px solid var(--warm);background:#fff8ee;gap:.5rem;padding:.9rem 1rem;display:grid}.lesson-final-quality-tip a{width:fit-content;color:var(--secondary);font-weight:800;text-decoration:underline}.lesson-final-quality-nav{justify-content:space-between;gap:1rem;margin-top:.5rem;display:flex}.lesson-final-quality-nav button,.lesson-route-question-back{color:var(--secondary);font:inherit;cursor:pointer;background:0 0;border:0;align-items:center;gap:.35rem;font-weight:700;display:inline-flex}.lesson-final-quality-nav button:disabled,.lesson-route-question-back:disabled{cursor:default;opacity:.3}.lesson-final-achievement{background:#edf9f7;border:1px solid #2fb7a859;border-radius:8px;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:1.2rem;padding:clamp(1.25rem,3vw,1.8rem);display:grid}.lesson-final-achievement>svg{color:var(--secondary)}.lesson-final-achievement>div{gap:.3rem;display:grid}.lesson-final-achievement span{color:#287970;text-transform:uppercase;font-size:.76rem;font-weight:800}.lesson-final-achievement strong{color:var(--off-black);font-size:1.25rem}.lesson-final-achievement button{border:1px solid var(--secondary);background:var(--white);color:var(--secondary);font:inherit;cursor:pointer;border-radius:6px;padding:.8rem 1rem;font-weight:800}.lesson-final-compliment{font-weight:800;color:var(--secondary)!important}.lesson-route-advisor-section{background:var(--off-white)}.lesson-route-advisor{gap:clamp(1.5rem,3vw,2.5rem);display:grid}.lesson-route-advisor-start-note{grid-template-columns:1fr;gap:.25rem}.lesson-route-advisor-start-note span{color:var(--secondary);text-transform:uppercase;font-size:.75rem;font-weight:800}.lesson-route-advisor-start-note strong{color:var(--off-black);font-size:1.15rem}.lesson-route-advisor-tool{background:var(--white);min-height:31rem;box-shadow:var(--shadow);border:1px solid #5f379229;border-radius:8px;grid-template-columns:minmax(19rem,.8fr) minmax(24rem,1.2fr);display:grid;overflow:hidden}.lesson-route-advisor-idea,.lesson-route-advisor-questions{align-content:center;gap:.8rem;padding:clamp(1.4rem,4vw,2.5rem);display:grid}.lesson-route-advisor-idea{background:var(--primary-light)}.lesson-route-advisor-questions{border-left:1px solid #5f379224}.lesson-route-advisor-idea p,.lesson-route-question p,.lesson-route-result p,.lesson-route-case-copy p{color:var(--dark-gray)}.lesson-route-advisor-idea button{justify-self:start;margin-top:.4rem}.lesson-route-advisor-idea-confirmed{align-items:center;gap:.4rem;width:fit-content;font-weight:800;display:inline-flex;color:#287970!important}.lesson-route-advisor-empty{max-width:25rem;color:var(--secondary);justify-items:start;gap:.8rem;display:grid}.lesson-route-question,.lesson-route-result{gap:1rem;display:grid}.lesson-route-question-actions button{min-width:7.5rem}.lesson-route-question-back{justify-self:start;margin-top:.5rem}.lesson-route-result-list{gap:.65rem;display:grid}.lesson-route-result-list article{border-bottom:1px solid #5f37921f;grid-template-columns:auto 1fr;align-items:start;gap:.75rem;padding:.75rem 0;display:grid}.lesson-route-result-list article>svg{color:var(--secondary)}.lesson-route-result-list article>div{gap:.2rem;display:grid}.lesson-route-result-list strong{color:var(--off-black)}.lesson-route-result-start{border-left:4px solid var(--teal);background:#edf9f7;gap:.4rem;padding:1rem;display:grid}.lesson-route-result-start>strong{color:var(--off-black)}.lesson-route-result-start a{width:fit-content;margin-top:.35rem}.lesson-route-comparison{border-top:1px solid #5f379229;gap:1.25rem;padding-top:2rem;display:grid}.lesson-route-comparison-heading{justify-content:space-between;align-items:end;gap:1.5rem;display:flex}.lesson-route-comparison-heading>div:first-child{gap:.45rem;display:grid}.lesson-route-comparison-toggle{background:var(--white);border:1px solid #5f37922e;border-radius:6px;grid-template-columns:1fr 1fr;padding:.25rem;display:inline-grid}.lesson-route-comparison-toggle button{min-height:2.75rem;color:var(--dark-gray);font:inherit;cursor:pointer;background:0 0;border:0;border-radius:4px;padding:.55rem 1rem;font-weight:800}.lesson-route-comparison-toggle button[aria-pressed=true]{background:var(--secondary);color:var(--white)}.lesson-route-architecture{background:var(--white);border:1px solid #5f379224;border-radius:8px;grid-template-columns:minmax(0,1fr) auto minmax(0,1fr) auto minmax(0,1fr);align-items:center;gap:1rem;padding:clamp(1rem,3vw,1.6rem);display:grid}.lesson-route-architecture>div{border-top:4px solid var(--primary);background:var(--off-white);align-content:center;gap:.35rem;min-height:8.5rem;padding:1rem;display:grid}.lesson-route-architecture.is-gevorderd>div{border-top-color:var(--teal)}.lesson-route-architecture span{color:var(--secondary);font-size:.78rem;font-weight:800}.lesson-route-architecture strong{color:var(--off-black)}.lesson-route-architecture small{color:var(--dark-gray);line-height:1.45}.lesson-route-architecture>svg{color:var(--secondary)}.lesson-route-comparison-anchor{color:#287970;text-align:center;font-weight:800}.lesson-route-cases{background:var(--white);border:1px solid #5f379229;border-radius:8px;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:1.5rem;padding:clamp(1.25rem,3vw,2rem);display:grid;box-shadow:0 18px 42px #5f379214}.lesson-route-case-copy{gap:.5rem;max-width:49rem;display:grid}.lesson-route-case-copy>strong{color:var(--secondary);font-size:1.08rem}.lesson-route-case-addition{margin-top:.35rem}.lesson-route-case-controls{align-items:center;gap:.75rem;display:flex}.lesson-route-case-controls button{background:var(--white);width:2.75rem;height:2.75rem;color:var(--secondary);cursor:pointer;border:1px solid #5f37922e;border-radius:999px;place-items:center;display:grid}.lesson-route-case-controls>div{gap:.35rem;display:flex}.lesson-route-case-controls>div span{background:#5f379233;border-radius:999px;width:.5rem;height:.5rem}.lesson-route-case-controls>div span.is-active{background:var(--secondary)}@media (max-width:900px){.lesson-final-mission-heading,.lesson-route-advisor-heading,.lesson-final-builder,.lesson-route-advisor-tool{grid-template-columns:1fr}.lesson-final-builder-form,.lesson-route-advisor-questions{border-top:1px solid #5f379221;border-left:0}.lesson-final-route{scroll-snap-type:x proximity;display:flex;overflow-x:auto}.lesson-final-route a{scroll-snap-align:start;flex:0 0 10.5rem}.lesson-final-route a+a{border-left:1px solid #5f37921f}.lesson-route-advisor-tool{min-height:0}.lesson-route-architecture{grid-template-columns:1fr}.lesson-route-architecture>svg{justify-self:center;transform:rotate(90deg)}}@media (max-width:640px){.lesson-final-mission-card,.lesson-final-quality-intro,.lesson-final-achievement,.lesson-route-cases{grid-template-columns:1fr}.lesson-final-mission-card button,.lesson-final-quality-start,.lesson-final-achievement button,.lesson-route-advisor-idea button,.lesson-route-result-start a{width:100%}.lesson-final-quality-progress{justify-items:start}.lesson-final-quality-actions,.lesson-route-question-actions{grid-template-columns:1fr 1fr;display:grid}.lesson-final-quality-actions button,.lesson-route-question-actions button{min-width:0}.lesson-route-comparison-heading{flex-direction:column;align-items:stretch}.lesson-route-comparison-toggle{width:100%}.lesson-route-case-controls{justify-content:space-between}}.lesson-share-section{background:var(--white)}.lesson-share-panel{background:radial-gradient(circle at 100% 0,#69bbb324,#0000 36%),linear-gradient(135deg,#ecdffe85,#fffffff5);border:1px solid #5f379221;border-radius:8px;grid-template-columns:minmax(20rem,.85fr) minmax(22rem,1.15fr);align-items:start;gap:clamp(1.5rem,4vw,3rem);padding:clamp(1.5rem,4vw,2.8rem);display:grid;box-shadow:0 24px 62px #5f37921c}.lesson-share-copy{gap:1rem;display:grid}.lesson-share-copy p:not(.lesson-section-kicker){color:var(--dark-gray);font-size:clamp(1.08rem,1.7vw,1.24rem);line-height:1.65}.lesson-share-form{background:#ffffffe6;border:1px solid #5f379224;border-radius:8px;gap:1rem;padding:clamp(1.1rem,2vw,1.5rem);display:grid;box-shadow:0 16px 38px #5f379214}.lesson-share-auth-gate{background:#ffffffeb;border:1px solid #5f379229;border-radius:8px;grid-template-columns:auto minmax(0,1fr);align-items:start;gap:1rem;padding:clamp(1.2rem,2vw,1.6rem);display:grid;box-shadow:0 16px 38px #5f379214}.lesson-share-auth-gate h3,.lesson-share-auth-gate p{margin:0}.lesson-share-auth-gate h3{font-size:1.2rem;line-height:1.25}.lesson-share-auth-gate p{color:var(--dark-gray);margin-top:.45rem;line-height:1.55}.lesson-share-auth-mark{background:var(--dark-purple,#5f3792);color:#fff;border-radius:50%;justify-content:center;align-items:center;width:2.8rem;height:2.8rem;font-weight:850;display:inline-flex}.lesson-share-login-link{color:#fff;background:#5f3792;border-radius:8px;justify-content:center;align-items:center;min-height:3rem;margin-top:1rem;padding:.75rem 1rem;font-weight:800;text-decoration:none;display:inline-flex}.lesson-share-login-link:hover{background:#4f2e7c}.lesson-share-login-link:focus-visible{outline-offset:3px;outline:3px solid #a25df857}.lesson-share-form label{color:var(--off-black);gap:.45rem;font-weight:800;display:grid}.lesson-share-form input,.lesson-share-form textarea{background:var(--white);width:100%;color:var(--off-black);font:inherit;border:1px solid #5f37922e;border-radius:8px;padding:.85rem .95rem;font-weight:550;line-height:1.4}.lesson-share-form input:focus,.lesson-share-form textarea:focus{border-color:#9660eec7;outline:none;box-shadow:0 0 0 4px #9660ee24}.lesson-share-form-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:1rem;display:grid}.lesson-share-submit{cursor:pointer;min-height:3.4rem;font:inherit;text-align:center;border:0;border-radius:8px;justify-content:center;justify-self:start;align-items:center;padding:.95rem 1.45rem;font-weight:850;line-height:1.2;display:inline-flex;box-shadow:0 16px 36px #5f379238;color:#fff!important;background-color:#6b3fa0!important;background-image:linear-gradient(135deg,#a25df8,#5f3792)!important}.lesson-share-submit:disabled{cursor:wait;opacity:.72}.lesson-share-submit:hover{transform:translateY(-1px);box-shadow:0 18px 40px #5f379247}.lesson-share-submit:focus-visible{outline-offset:3px;outline:3px solid #a25df857}.lesson-share-message{border-radius:8px;margin:0;padding:.9rem 1rem;font-weight:750;line-height:1.45}.lesson-share-message.is-success{color:#356f68;background:#69bbb31f;border:1px solid #69bbb359}.lesson-share-message.is-error{color:#8f3140;background:#c74c5b1a;border:1px solid #c74c5b47}.lesson-library-section{background:radial-gradient(circle at 88% 8%, #2fb7a81a, transparent 22rem), var(--white)}.lesson-library-panel{background:#ffffffe6;border:1px solid #5f379221;border-radius:8px;gap:1.4rem;padding:clamp(1.4rem,3vw,2.2rem);display:grid;box-shadow:0 20px 58px #5f379217}.lesson-library-heading{grid-template-columns:minmax(0,.82fr) minmax(18rem,.58fr);align-items:end;gap:clamp(1rem,4vw,3rem);display:grid}.lesson-library-heading h2{max-width:none}.lesson-library-heading>p{color:var(--dark-gray);font-size:clamp(1rem,1.25vw,1.12rem);line-height:1.55}.lesson-library-grid{grid-template-columns:repeat(3,minmax(0,1fr));align-items:stretch;gap:1rem;display:grid}.lesson-library-card{border:1px solid #5f379224;border-top:4px solid #0000;border-image:linear-gradient(90deg, var(--primary), var(--teal)) 1;background:radial-gradient(circle at 100% 0%, #69bbb31c, transparent 42%), var(--white);border-radius:8px;grid-template-rows:minmax(0,1fr) auto;gap:1rem;min-height:17rem;padding:1.15rem;display:grid;box-shadow:0 16px 42px #5f379214}.lesson-library-card-copy{min-width:0}.lesson-library-card h3{overflow-wrap:anywhere;-webkit-line-clamp:2;-webkit-box-orient:vertical;font-size:clamp(1.15rem,1.6vw,1.35rem);display:-webkit-box;overflow:hidden}.lesson-library-card p{color:var(--dark-gray);overflow-wrap:anywhere;-webkit-line-clamp:3;-webkit-box-orient:vertical;margin-top:.55rem;font-size:.95rem;line-height:1.55;display:-webkit-box;overflow:hidden}.lesson-library-info-button{min-height:2.75rem;color:var(--secondary);cursor:pointer;font:inherit;background:0 0;border:0;align-items:center;gap:.4rem;padding:.55rem 0;font-size:.86rem;font-weight:850;display:inline-flex}.lesson-library-info-button:hover{color:#3f235f;text-underline-offset:.22rem;text-decoration:underline}.lesson-library-info-button:focus-visible,.lesson-library-load-more:focus-visible,.lesson-library-dialog-close:focus-visible,.lesson-library-dialog a:focus-visible{outline-offset:3px;outline:3px solid #a25df857}.lesson-library-card-footer{gap:.85rem;min-width:0;display:grid}.lesson-library-meta{flex-wrap:wrap;gap:.45rem;min-width:0;display:flex}.lesson-library-meta span{max-width:100%;color:var(--secondary);text-overflow:ellipsis;white-space:nowrap;background:#ecdffe7a;border:1px solid #5f379224;border-radius:999px;padding:.42rem .62rem;font-size:.78rem;font-weight:850;line-height:1.2;display:block;overflow:hidden}.lesson-library-card a{background:linear-gradient(135deg, var(--primary), var(--secondary));width:fit-content;min-height:42px;color:var(--white);border-radius:8px;justify-content:center;align-items:center;gap:.45rem;padding:.72rem 1rem;font-size:.9rem;font-weight:850;display:inline-flex}.lesson-library-card a:hover,.lesson-library-dialog-footer a:hover{transform:translateY(-1px);box-shadow:0 12px 26px #5f379233}.lesson-library-load-more{background:var(--white);min-height:3.25rem;color:var(--secondary);cursor:pointer;font:inherit;border:1px solid #5f37923b;border-radius:8px;justify-content:center;justify-self:center;align-items:center;gap:.55rem;padding:.85rem 1.2rem;font-weight:850;display:inline-flex;box-shadow:0 12px 28px #5f379214}.lesson-library-load-more:hover{background:#ecdffe61;border-color:#5f37926b}.lesson-library-load-more:disabled{cursor:wait;opacity:.68}.lesson-library-dialog-backdrop{z-index:180;background:#080f1785;place-items:center;padding:1.25rem;display:grid;position:fixed;inset:0}.lesson-library-dialog{background:radial-gradient(circle at 100% 0%, #69bbb31f, transparent 18rem), var(--white);border:1px solid #5f37922e;border-radius:8px;gap:1.25rem;width:min(44rem,100%);min-width:0;max-height:min(80vh,48rem);padding:clamp(1.25rem,4vw,2rem);display:grid;overflow:hidden auto;box-shadow:0 30px 90px #080f174d}.lesson-library-dialog-heading{justify-content:space-between;align-items:flex-start;gap:1rem;min-width:0;display:flex}.lesson-library-dialog-heading>div{min-width:0}.lesson-library-dialog-heading h2{overflow-wrap:anywhere;width:100%;max-width:100%;font-size:clamp(1.5rem,4vw,2.35rem)}.lesson-library-dialog-close{background:var(--white);width:2.75rem;height:2.75rem;color:var(--secondary);cursor:pointer;border:1px solid #5f37922e;border-radius:50%;flex:0 0 2.75rem;justify-content:center;align-items:center;display:inline-flex}.lesson-library-dialog-close:hover{background:#ecdffe85}.lesson-library-dialog-description{color:var(--dark-gray);overflow-wrap:anywhere;white-space:pre-wrap;font-size:clamp(1rem,2vw,1.12rem);line-height:1.7}.lesson-library-dialog-footer{border-top:1px solid #5f379221;justify-content:space-between;align-items:center;gap:1rem;min-width:0;padding-top:1.1rem;display:flex}.lesson-library-dialog-footer .lesson-library-meta{flex:auto;overflow:hidden}.lesson-library-dialog-footer .lesson-library-meta span{max-width:min(100%,24rem)}.lesson-library-dialog-footer a{background:linear-gradient(135deg, var(--primary), var(--secondary));min-height:3rem;color:var(--white);border-radius:8px;justify-content:center;align-items:center;gap:.45rem;padding:.8rem 1rem;font-weight:850;display:inline-flex}.lesson-library-empty{color:var(--dark-gray);background:radial-gradient(circle at 100% 0,#69bbb31f,#0000 22%),#f8fafccc;border:1px dashed #5f379247;border-radius:8px;padding:1.1rem 1.2rem;font-size:clamp(1rem,1.2vw,1.12rem);font-weight:700;line-height:1.5}@media (max-width:640px){.lesson-library-card{min-height:15.5rem}.lesson-library-dialog-backdrop{align-items:end;padding:.75rem}.lesson-library-dialog{max-height:88vh}.lesson-library-dialog-footer{flex-direction:column;align-items:stretch}.lesson-library-dialog-footer a{width:100%}}.lesson-test-note-section{background:var(--white)}.lesson-test-note-panel{background:radial-gradient(circle at 94% 12%,#2fb7a81f,#0000 14rem),linear-gradient(135deg,#f8fafcf2,#fffffffa);border:1px solid #5f379224;border-radius:8px;gap:1rem;padding:clamp(1.1rem,3vw,2rem);display:grid;box-shadow:0 22px 58px #5f37921a}.lesson-test-note-panel .section-heading{margin-bottom:0}.lesson-test-note-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:1rem;display:grid}.lesson-test-note-card{background:var(--white);border:1px solid #5f379221;border-radius:8px;gap:.6rem;padding:1rem;display:grid}.lesson-test-note-card span{color:var(--secondary);letter-spacing:.06em;text-transform:uppercase;font-size:.76rem;font-weight:900}.lesson-test-note-card p{color:var(--off-black);margin:0;font-weight:800;line-height:1.45}.lesson-screenshot-section{background:var(--white)}.lesson-screenshot-panel{background:radial-gradient(circle at 92% 12%,#2fb7a81f,#0000 14rem),linear-gradient(135deg,#f8fafcf5,#fffffffa);border:1px solid #5f379224;border-radius:8px;grid-template-columns:minmax(0,.9fr) minmax(380px,1fr);align-items:center;gap:clamp(1.3rem,4vw,3rem);padding:clamp(1.1rem,3vw,2rem);display:grid;box-shadow:0 22px 58px #5f37921a}.lesson-screenshot-copy{gap:.9rem;display:grid}.lesson-screenshot-copy>p:not(.lesson-section-kicker){max-width:680px;color:var(--dark-gray)}.lesson-screenshot-tip-grid{gap:.8rem;margin-top:.2rem;display:grid}.lesson-screenshot-tip{background:#ffffffc7;border:1px solid #5f37921f;border-radius:8px;padding:.95rem 1rem}.lesson-screenshot-tip h3{color:var(--off-black);margin-bottom:.25rem;font-size:clamp(1rem,1.2vw,1.14rem)}.lesson-screenshot-tip p{color:var(--dark-gray);margin:0;line-height:1.5}.lesson-screenshot-visual{gap:.85rem;display:grid}.lesson-screenshot-browser{background:var(--white);border:1px solid #5f379229;border-radius:8px;overflow:hidden;box-shadow:0 24px 60px #5f379224}.lesson-screenshot-bar{background:#ecdffe6b;border-bottom:1px solid #5f37921a;gap:.38rem;padding:.72rem .85rem;display:flex}.lesson-screenshot-bar span{background:#5f379252;border-radius:999px;width:.58rem;height:.58rem}.lesson-screenshot-screen{background:radial-gradient(circle at 84% 22%,#955be721,#0000 8rem),linear-gradient(#fffffffa,#f8fafcf5);gap:1rem;min-height:20rem;padding:clamp(1.2rem,3vw,1.6rem);display:grid;position:relative}.lesson-screenshot-title{background:linear-gradient(90deg,#080f1aeb,#5f3792b8);border-radius:8px;width:min(72%,22rem);height:2.5rem}.lesson-screenshot-lines{gap:.55rem;max-width:28rem;display:grid}.lesson-screenshot-lines span{background:#45495421;border-radius:999px;height:.72rem}.lesson-screenshot-lines span:nth-child(2){width:82%}.lesson-screenshot-lines span:nth-child(3){width:58%}.lesson-screenshot-demo-button{background:linear-gradient(135deg, var(--primary), var(--secondary));width:fit-content;min-height:3rem;color:var(--white);border-radius:8px;align-items:center;padding:.85rem 1.2rem;font-weight:900;display:inline-grid;box-shadow:0 16px 36px #955be738}.lesson-screenshot-marker{background:#effaf8f5;border:1px solid #2fb7a861;border-radius:8px;grid-template-columns:auto minmax(0,1fr);align-items:center;gap:.65rem;max-width:min(82%,19rem);padding:.85rem;display:grid;position:absolute;bottom:clamp(.8rem,3vw,1.4rem);right:clamp(.8rem,3vw,1.4rem);box-shadow:0 16px 38px #2fb7a829}.lesson-screenshot-marker strong{width:2rem;height:2rem;color:var(--white);background:#66beb4;border-radius:999px;place-items:center;font-size:.95rem;font-weight:950;display:grid}.lesson-screenshot-marker p{color:#35635e;margin:0;font-weight:850;line-height:1.35}.lesson-screenshot-caption{color:#35635e;background:#effaf8db;border-left:4px solid #66beb4;border-radius:8px;gap:.25rem;padding:.9rem 1rem;display:grid}.lesson-screenshot-caption strong{color:var(--off-black)}.lesson-ai-review-section{background:linear-gradient(180deg, #ecdffe80, #fffffff5), var(--primary-light)}.lesson-ai-review-panel{gap:1rem;display:grid}.lesson-ai-review-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:1rem;display:grid}.lesson-ai-review-card{background:radial-gradient(circle at 92% 10%, #2fb7a81f, transparent 8rem), var(--white);border:1px solid #5f379224;border-radius:8px;align-content:start;gap:.55rem;min-height:11rem;padding:clamp(.95rem,1.8vw,1.2rem);display:grid;box-shadow:0 16px 42px #5f379214}.lesson-ai-review-card h3{font-size:clamp(1.08rem,1.35vw,1.24rem)}.lesson-ai-review-card p{color:var(--dark-gray);margin:0;line-height:1.55}.lesson-output-panel{background:radial-gradient(circle at 92% 12%,#a25df81f,#0000 14rem),linear-gradient(135deg,#f8fafcf5,#fffffffa);border:1px solid #5f379224;border-radius:8px;gap:1rem;padding:clamp(1.1rem,3vw,2rem);display:grid;box-shadow:0 22px 58px #5f37921a}.lesson-output-panel .section-heading{margin-bottom:0}.lesson-output-grid{grid-template-columns:repeat(4,minmax(0,1fr))}.lesson-misconception-section{background:linear-gradient(#ecdffe94,#fffffff5)}.lesson-misconception-panel{gap:1rem;display:grid}.lesson-misconception-panel .section-heading h2{overflow-wrap:anywhere;white-space:normal;max-width:min(100%,1120px)}.lesson-misconception-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:1rem;display:grid}.lesson-misconception-card{background:var(--white);border:1px solid #5f379224;border-radius:8px;gap:.85rem;padding:clamp(1rem,2vw,1.35rem);display:grid;box-shadow:0 18px 46px #5f379214}.lesson-misconception-card.warning{border-top:4px solid var(--warm)}.lesson-misconception-card.success{border-top:4px solid var(--teal)}.lesson-misconception-card ul{gap:.6rem;list-style:none;display:grid}.lesson-misconception-card li{color:var(--dark-gray);padding-left:1.25rem;line-height:1.5;position:relative}.lesson-misconception-card li:before{background:var(--primary);content:"";border-radius:999px;width:.45rem;height:.45rem;position:absolute;top:.68rem;left:0}.lesson-misconception-card.success li:before{background:var(--teal)}.lesson-quiz-section{background:var(--white)}.lesson-quiz-panel{background:radial-gradient(circle at 94% 8%, #a25df824, transparent 14rem), var(--white);border:1px solid #5f379224;border-radius:8px;gap:1.25rem;padding:clamp(1.15rem,2.8vw,2rem);display:grid;box-shadow:0 22px 58px #5f37921a}.lesson-quiz-header{grid-template-columns:minmax(0,1fr) auto;align-items:start;gap:1rem;display:grid}.lesson-quiz-header p:not(.lesson-section-kicker){max-width:760px;color:var(--dark-gray)}.lesson-quiz-score{min-width:116px;color:var(--secondary);background:#ecdffe80;border:1px solid #5f379221;border-radius:8px;justify-items:center;padding:.85rem 1rem;display:grid}.lesson-quiz-score span{color:var(--secondary);font-size:2rem;font-weight:900;line-height:1}.lesson-quiz-score p{color:var(--secondary);font-size:.8rem;font-weight:800;line-height:1.3}.lesson-quiz-progress{grid-template-columns:repeat(4,minmax(0,1fr));gap:.45rem;display:grid}.lesson-quiz-progress span{background:#5f379221;border-radius:999px;height:.42rem;transition:background .18s,transform .18s}.lesson-quiz-progress span.is-current{background:#a25df86b}.lesson-quiz-progress span.is-complete{background:linear-gradient(90deg, var(--primary), var(--teal));transform:scaleY(1.2)}.lesson-quiz-card{background:linear-gradient(135deg, #fffffffa, #f8fafcdb), var(--white);border:1px solid #5f379221;border-radius:8px;gap:1.1rem;padding:clamp(1rem,2.5vw,1.55rem);display:grid;box-shadow:0 18px 46px #5f379214}.lesson-quiz-card-head{gap:.5rem;display:grid}.lesson-quiz-card-head p{color:var(--secondary);letter-spacing:.06em;text-transform:uppercase;margin:0;font-size:.78rem;font-weight:900;line-height:1.2}.lesson-quiz-card-head h3{max-width:900px;font-size:clamp(1.45rem,2.2vw,2.05rem)}.lesson-quiz-options{gap:.65rem;display:grid}.lesson-quiz-option{background:var(--white);min-height:56px;color:var(--off-black);cursor:pointer;font:inherit;text-align:left;border:1px solid #5f379229;border-radius:8px;padding:.86rem 1rem;font-size:clamp(.96rem,1.15vw,1.08rem);font-weight:800;line-height:1.3;transition:background .16s,border-color .16s,transform .16s}.lesson-quiz-option:hover{background:#ecdffe6b;border-color:#5f379257;transform:translateY(-1px)}.lesson-quiz-option.is-correct{background:#2fb7a81f;border-color:#2fb7a86b}.lesson-quiz-option.is-wrong{background:#ffb86b24;border-color:#ffb86b75}.lesson-quiz-feedback{border-radius:8px;gap:.28rem;padding:.85rem 1rem;line-height:1.45;display:grid}.lesson-quiz-feedback strong{color:var(--off-black);font-size:1rem}.lesson-quiz-feedback p{color:var(--dark-gray);margin:0;font-size:.94rem;font-weight:650;line-height:1.45}.lesson-quiz-feedback.success{background:#2fb7a81a}.lesson-quiz-feedback.warning{background:#ffb86b24}.lesson-quiz-navigation,.lesson-quiz-complete-actions{flex-wrap:wrap;align-items:center;gap:.65rem;display:flex}.lesson-quiz-primary-action,.lesson-quiz-reset{cursor:pointer;min-height:46px;font:inherit;border-radius:8px;padding:.72rem 1rem;font-size:.9rem;font-weight:850;line-height:1.2;transition:background .16s,border-color .16s,box-shadow .16s,color .16s,transform .16s}.lesson-quiz-primary-action{background:linear-gradient(135deg, var(--primary), var(--secondary));color:var(--white);border:1px solid #0000;box-shadow:0 14px 32px #5f379238}.lesson-quiz-reset{background:var(--white);color:var(--secondary);border:1px solid #5f379233}.lesson-quiz-primary-action:not(:disabled):hover,.lesson-quiz-reset:hover{transform:translateY(-1px)}.lesson-quiz-primary-action:not(:disabled):hover{box-shadow:0 18px 42px #5f379247}.lesson-quiz-primary-action:disabled{box-shadow:none;color:#080f1785;cursor:not-allowed;background:#5f37921f}.lesson-quiz-reset:hover{background:#ecdffe7a;border-color:#5f37925c}.lesson-quiz-complete{background:radial-gradient(circle at 92% 18%, #2fb7a82e, transparent 16rem), radial-gradient(circle at 10% 92%, #a25df829, transparent 14rem), var(--white);border:1px solid #2fb7a84d;border-radius:8px;gap:.85rem;padding:clamp(1.2rem,3vw,2rem);display:grid;position:relative;overflow:hidden;box-shadow:0 22px 58px #5f37921f}.lesson-quiz-complete:before{background:linear-gradient(180deg, var(--teal), var(--primary));content:"";width:5px;position:absolute;inset:0 auto 0 0}.lesson-quiz-complete-score{color:#14665e;background:#2fb7a81f;border-radius:999px;justify-self:start;padding:.42rem .65rem;font-size:.82rem;font-weight:900;line-height:1.2}.lesson-quiz-complete h3{font-size:clamp(2rem,4vw,3.6rem);line-height:1}.lesson-quiz-complete>p:not(.lesson-quiz-complete-score){max-width:720px;color:var(--dark-gray);font-size:clamp(1.05rem,1.4vw,1.2rem);font-weight:650;line-height:1.55}.lesson-tool-section{gap:clamp(1.2rem,3vw,2rem);min-width:0;display:grid}.lesson-tool-section>div:first-child{max-width:760px}.start-route-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:clamp(.85rem,2vw,1.2rem);display:grid}.start-route-card{background:#fffffff0;border:1px solid #5f379229;border-radius:8px;align-content:start;gap:1.05rem;min-height:100%;padding:clamp(1rem,2vw,1.35rem);display:grid;box-shadow:0 18px 46px #5f379214}.start-route-card.recommended{background:radial-gradient(circle at 100% 0%, #a25df81f, transparent 10rem), var(--white);border-color:#5f37923d}.start-route-card-head{grid-template-columns:minmax(0,1fr) auto;align-items:start;gap:.8rem;display:grid}.start-route-card-head p{color:var(--secondary);letter-spacing:.04em;text-transform:uppercase;margin:0 0 .28rem;font-size:.76rem;font-weight:900}.start-route-card-head h3{font-size:clamp(1.35rem,2vw,1.72rem)}.start-route-card-head span{color:var(--secondary);white-space:nowrap;background:#ecdffe9e;border:1px solid #5f379229;border-radius:999px;padding:.42rem .62rem;font-size:.78rem;font-weight:900;line-height:1.2}.start-route-card>p:not(.start-route-note){color:var(--dark-gray);line-height:1.6}.start-tool-chips{flex-wrap:wrap;gap:.45rem;display:flex}.start-tool-chips span{color:var(--off-black);background:#ffffffe6;border:1px solid #5f379221;border-radius:999px;padding:.38rem .58rem;font-size:.88rem;font-weight:800}.start-route-note{color:var(--secondary);border-top:1px solid #5f37921f;padding-top:.85rem;font-size:.92rem;font-weight:800;line-height:1.45}.lesson-two-column,.lesson-assignment-inner,.lesson-next-inner{grid-template-columns:minmax(0,.74fr) minmax(320px,1fr);align-items:start;gap:clamp(1.4rem,4vw,3rem);display:grid}.lesson-two-column p,.lesson-next-inner p,.lesson-assignment-inner p{color:var(--dark-gray);margin-top:.7rem;line-height:1.65}.lesson-stacked-layout{gap:clamp(1rem,2.4vw,1.5rem);display:grid}.doing-layout{align-items:start}.doing-copy-panel{background:radial-gradient(circle at 12% 10%,#ecdffe5c,#0000 12rem),#ffffffeb;border:1px solid #5f37921f;border-radius:8px;align-content:start;padding:clamp(1.25rem,2.7vw,2rem);display:grid;box-shadow:0 18px 48px #5f379214}.doing-copy-panel h2{max-width:860px}.doing-copy-panel p{max-width:900px}.doing-layout .commitment-card{min-height:300px}.lesson-step-list{grid-template-columns:repeat(5,minmax(0,1fr));gap:.55rem;list-style:none;display:grid}.lesson-step-list li{background:var(--white);min-height:112px;color:var(--off-black);border:1px solid #5f379224;border-radius:8px;align-content:center;gap:.55rem;padding:.9rem;font-weight:800;display:grid}.lesson-step-list span{background:linear-gradient(135deg, var(--primary), var(--secondary));width:1.8rem;height:1.8rem;color:var(--white);border-radius:999px;place-items:center;font-size:.8rem;display:grid}.mindset-layout{grid-template-columns:minmax(0,.84fr) minmax(520px,1.16fr);align-items:center}.mindset-copy-panel{background:radial-gradient(circle at 12% 12%, #ecdffe6b, transparent 12rem), var(--white);border:1px solid #5f37921f;border-radius:8px;align-content:start;gap:.72rem;padding:clamp(1rem,2.2vw,1.45rem);display:grid;box-shadow:0 16px 42px #5f379214}.mindset-copy-panel h2{max-width:860px;font-size:clamp(1.85rem,3vw,2.65rem)}.mindset-copy-panel p{max-width:960px;color:var(--dark-gray);margin:0;line-height:1.5}.mindset-layout .lesson-card-list{flex-wrap:wrap;gap:.42rem;margin-top:.05rem;display:flex}.mindset-layout .lesson-card-list li{background:#ecdffe47;border-color:#5f37921a;flex:180px;padding:.46rem .56rem .46rem 1.42rem;font-size:.84rem;line-height:1.35}.mindset-layout .lesson-card-list li:before{top:.9rem;left:.6rem}.mindset-image-panel{background:var(--white);border:1px solid #5f379224;border-radius:8px;width:100%;overflow:hidden;box-shadow:0 22px 58px #5f37921f}.mindset-image{width:100%;height:auto;display:block}.lesson-image-lightbox-trigger{cursor:zoom-in;background:0 0;border:0;width:100%;padding:0;display:block;position:relative;overflow:hidden}.lesson-image-lightbox-trigger:focus-visible{outline-offset:4px;outline:3px solid #a25df861}.lesson-image-lightbox-trigger .mindset-image,.lesson-image-lightbox-trigger .lesson-definition-image{transition:transform .18s,filter .18s}.lesson-image-lightbox-trigger:hover .mindset-image,.lesson-image-lightbox-trigger:hover .lesson-definition-image{filter:saturate(1.04);transform:scale(1.01)}.lesson-image-zoom-cue{z-index:1;width:3rem;height:3rem;color:var(--secondary);opacity:.92;background:#ffffffeb;border:1px solid #ffffffc7;border-radius:999px;place-items:center;transition:opacity .18s,transform .18s,box-shadow .18s;display:grid;position:absolute;top:.9rem;right:.9rem;transform:translateY(0)scale(1);box-shadow:0 14px 34px #5f37922e}.lesson-image-zoom-cue:before{content:"";border:2px solid;border-radius:999px;width:1.08rem;height:1.08rem;display:block}.lesson-image-zoom-cue:after{content:"";transform-origin:50%;background:currentColor;border-radius:999px;width:.62rem;height:2px;position:absolute;bottom:.78rem;right:.78rem;transform:rotate(45deg)}.lesson-image-zoom-cue span{width:.62rem;height:.62rem;display:block;position:absolute}.lesson-image-zoom-cue span:before,.lesson-image-zoom-cue span:after{content:"";background:currentColor;border-radius:999px;width:.62rem;height:2px;position:absolute;inset:50% auto auto 50%;transform:translate(-50%,-50%)}.lesson-image-zoom-cue span:after{transform:translate(-50%,-50%)rotate(90deg)}.lesson-image-lightbox-trigger:hover .lesson-image-zoom-cue,.lesson-image-lightbox-trigger:focus-visible .lesson-image-zoom-cue{opacity:1;transform:translateY(-1px)scale(1.05);box-shadow:0 18px 42px #5f379242}.lesson-image-lightbox-card{width:min(100%,1560px)}.commitment-card{background:radial-gradient(circle at 92% 12%, #a25df824, transparent 12rem), var(--white);border:1px solid #5f379229;border-radius:8px;align-content:space-between;gap:1.3rem;min-height:276px;padding:clamp(1rem,2vw,1.3rem);display:grid;position:relative;overflow:hidden;box-shadow:0 18px 46px #5f37921a}.commitment-card.is-yes{background:radial-gradient(circle at 92% 12%, #2fb7a829, transparent 12rem), var(--white);border-color:#2fb7a859}.commitment-card.is-no{background:radial-gradient(circle at 92% 12%, #ffb86b38, transparent 12rem), var(--white);border-color:#ffb86b94;animation:.36s commitment-shake}.commitment-card-copy{gap:.55rem;display:grid}.commitment-kicker{color:var(--secondary);text-transform:uppercase;font-size:.74rem;font-weight:800}.commitment-card h3{text-wrap:balance;max-width:none;font-size:clamp(1.8rem,3vw,2.9rem);line-height:1.1}@media (min-width:1180px){.commitment-card h3{white-space:nowrap}}.commitment-card-copy p:last-child,.commitment-result p{color:var(--dark-gray);line-height:1.55}.commitment-actions{grid-template-columns:repeat(2,minmax(0,1fr));gap:.7rem;display:grid}.commitment-button,.commitment-reset{cursor:pointer;font:inherit;border-radius:8px;font-weight:800;line-height:1.2;transition:transform .16s,box-shadow .16s,border-color .16s,background .16s}.commitment-button{background:var(--white);min-height:58px;color:var(--off-black);border:1px solid #5f37922e;padding:.85rem}.commitment-button:hover{transform:translateY(-1px)}.commitment-button.yes{background:linear-gradient(135deg, var(--primary), var(--secondary));color:var(--white);border-color:#0000;box-shadow:0 14px 32px #5f379238}.commitment-button.no:hover{background:#ffb86b1f;border-color:#ffb86ba3}.commitment-result{background:radial-gradient(circle at 88% 18%,#a25df82e,#0000 13rem),#ffffffe6;border:1px solid #5f379229;border-radius:8px;gap:.8rem;min-height:188px;padding:clamp(1rem,2.2vw,1.35rem);animation:.26s both commitment-result-in;display:grid;position:relative;overflow:hidden}.commitment-result strong{color:var(--off-black);font-size:clamp(1.25rem,2vw,1.75rem);line-height:1.3}.commitment-result-hero{border-radius:8px;align-items:center;min-height:86px;padding:.9rem 1rem;display:grid;position:relative;overflow:hidden}.commitment-result-hero.success{background:radial-gradient(circle at 85% 42%,#2fb7a847,#0000 9rem),linear-gradient(135deg,#ecdffeeb,#fffffff5);border:1px solid #2fb7a847}.commitment-result-hero.error{background:repeating-linear-gradient(-45deg,#c1363614 0 8px,#ffb86b24 8px 16px),linear-gradient(135deg,#fff7ed,#fff);border:1px solid #c1363652;gap:.32rem;box-shadow:inset 0 0 0 2px #c136360d}.commitment-result-mark{z-index:1;color:var(--secondary);letter-spacing:0;font-size:clamp(2.4rem,7vw,5.4rem);font-weight:950;line-height:.9;position:relative}.commitment-result-burst{background:conic-gradient(from 8deg, var(--primary), var(--teal), var(--warm), var(--primary));opacity:.82;border-radius:999px;width:5.8rem;height:5.8rem;animation:.68s cubic-bezier(.22,1,.36,1) both commitment-pop;position:absolute;top:50%;right:7%;transform:translateY(-50%)}.commitment-result-burst:after{border-radius:inherit;content:"";background:#ffffffe0;position:absolute;inset:.78rem}.commitment-error-code{color:#a91f1f;letter-spacing:0;text-transform:uppercase;font-size:clamp(2rem,5.2vw,4.2rem);font-weight:950;line-height:.95}.commitment-error-line{color:#7a1717;background:#ffffffdb;border:1px solid #c136363d;border-radius:999px;width:fit-content;padding:.36rem .58rem;font-size:.88rem;font-weight:900;display:inline-flex}.commitment-reset{background:var(--white);min-height:42px;color:var(--secondary);border:1px solid #5f379233;justify-self:start;padding:.65rem .85rem;font-size:.85rem}.commitment-reset:hover{background:var(--primary-light);border-color:#5f379273}.commitment-confetti{z-index:2;pointer-events:none;position:absolute;inset:0}.commitment-confetti span{background:var(--primary);opacity:0;border-radius:2px;width:.48rem;height:.88rem;animation:1.18s ease-out forwards commitment-confetti;position:absolute}.commitment-confetti span:nth-child(2n){background:var(--teal)}.commitment-confetti span:nth-child(3n){background:var(--warm)}.commitment-confetti span:first-child{animation-delay:20ms;left:12%}.commitment-confetti span:nth-child(2){animation-delay:80ms;left:22%}.commitment-confetti span:nth-child(3){animation-delay:10ms;left:32%}.commitment-confetti span:nth-child(4){animation-delay:90ms;left:44%}.commitment-confetti span:nth-child(5){animation-delay:30ms;left:54%}.commitment-confetti span:nth-child(6){animation-delay:.12s;left:64%}.commitment-confetti span:nth-child(7){animation-delay:40ms;left:74%}.commitment-confetti span:nth-child(8){animation-delay:.1s;left:84%}.commitment-confetti span:nth-child(9){animation-delay:.15s;left:18%}.commitment-confetti span:nth-child(10){animation-delay:.13s;left:38%}.commitment-confetti span:nth-child(11){animation-delay:.17s;left:58%}.commitment-confetti span:nth-child(12){animation-delay:.16s;left:78%}.commitment-confetti span:nth-child(13){animation-delay:.21s;left:8%}.commitment-confetti span:nth-child(14){animation-delay:.23s;left:28%}.commitment-confetti span:nth-child(15){animation-delay:.19s;left:48%}.commitment-confetti span:nth-child(16){animation-delay:.25s;left:68%}.commitment-confetti span:nth-child(17){animation-delay:.22s;left:88%}.commitment-confetti span:nth-child(18){animation-delay:.28s;left:14%}.commitment-confetti span:nth-child(19){animation-delay:.3s;left:34%}.commitment-confetti span:nth-child(20){animation-delay:.27s;left:54%}.commitment-confetti span:nth-child(21){animation-delay:.31s;left:74%}.commitment-confetti span:nth-child(22){animation-delay:.26s;left:94%}.commitment-confetti span:nth-child(23){animation-delay:.34s;left:42%}.commitment-confetti span:nth-child(24){animation-delay:.33s;left:62%}.lesson-card-list li{background:var(--white);border:1px solid #5f37921f;border-radius:8px;padding:.82rem .9rem .82rem 2rem}.lesson-card-list li:before{top:1.35rem;left:.9rem}.lesson-assignment{background:var(--white);padding:clamp(2.5rem,4.5vw,4rem) 0}.lesson-assignment blockquote{border-left:4px solid var(--primary);color:var(--off-black);margin-top:.9rem;padding-left:1rem;font-size:clamp(1.08rem,1.5vw,1.28rem);font-weight:800;line-height:1.45}.lesson-action-list li:before{background:var(--teal)}.lesson-action-section{background:radial-gradient(circle at 88% 10%,#2fb7a82e,#0000 28%),linear-gradient(90deg,#ecdffedb,#fffffff5 54%,#ecdffeb8);padding:clamp(2.5rem,5vw,4.4rem) 0}.lesson-action-shell{gap:clamp(1rem,2.4vw,1.45rem);display:grid}.lesson-action-top{grid-template-columns:minmax(0,1fr) minmax(180px,.24fr);align-items:end;gap:clamp(1rem,3vw,2rem);display:grid}.lesson-action-card{background:linear-gradient(135deg, #fffffffa, #fbf8ffeb), var(--white);border:1px solid #5f379226;border-radius:8px;grid-template-columns:1fr;align-items:stretch;gap:clamp(1rem,2.4vw,1.35rem);padding:clamp(.9rem,2vw,1.2rem);display:grid;box-shadow:0 22px 58px #5f37921f}.lesson-action-copy{align-content:start;gap:.7rem;display:grid}.lesson-action-kicker{color:var(--secondary);letter-spacing:.06em;text-transform:uppercase;font-size:.76rem;font-weight:900}.lesson-action-copy h3{color:var(--secondary);font-size:clamp(1.25rem,2vw,1.58rem)}.lesson-action-copy>p:not(.lesson-action-kicker){max-width:780px;color:var(--dark-gray);line-height:1.6}.lesson-action-status{background:#ffffffd6;border:1px solid #5f379229;border-radius:8px;justify-items:end;gap:.1rem;padding:.9rem 1rem;display:grid;box-shadow:0 16px 38px #5f379217}.lesson-action-status-number{color:var(--secondary);font-size:clamp(2.2rem,4vw,3.6rem);font-weight:900;line-height:.95}.lesson-action-status-label{color:var(--dark-gray);text-align:right;font-size:.9rem;font-weight:800;line-height:1.2}.lesson-action-link{z-index:1;background:var(--white);min-height:48px;color:var(--secondary);border-radius:8px;justify-content:center;justify-self:start;align-items:center;padding:.82rem 1.05rem;font-weight:850;line-height:1.2;display:inline-flex;position:relative;box-shadow:0 14px 30px #190e2b33}.lesson-action-link:hover{color:var(--secondary);transform:translateY(-1px)}.lesson-action-panel{background:var(--white);border:1px solid #5f379221;border-radius:8px;align-content:start;gap:.9rem;padding:clamp(1rem,2vw,1.3rem);display:grid}.lesson-action-panel-header{justify-content:space-between;align-items:start;gap:1rem;display:flex}.lesson-action-panel h3{font-size:clamp(1.12rem,1.6vw,1.35rem)}.lesson-action-panel-header p{color:var(--dark-gray);margin:.18rem 0 0;font-size:.92rem}.lesson-action-done-badge{color:var(--secondary);white-space:nowrap;background:#ecdffe85;border:1px solid #5f37922e;border-radius:999px;padding:.48rem .65rem;font-size:.78rem;font-weight:900;line-height:1}.lesson-action-done-badge.is-complete{color:#226f66;background:#2fb7a821;border-color:#2fb7a85c}.lesson-action-progress{background:#ecdffeb3;border-radius:999px;height:.62rem;overflow:hidden}.lesson-action-progress span{border-radius:inherit;background:linear-gradient(90deg, var(--primary), var(--teal));height:100%;transition:width .24s;display:block}.lesson-action-checklist{gap:.62rem;display:grid}.lesson-action-check-item{width:100%;min-height:52px;color:var(--off-black);cursor:pointer;font:inherit;text-align:left;background:#fffffff5;border:1px solid #5f379224;border-radius:8px;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:.72rem;padding:.78rem .82rem;font-weight:750;line-height:1.3;transition:background .18s,border-color .18s,box-shadow .18s,transform .18s;display:grid}.lesson-action-check-item:hover{border-color:#955be76b;transform:translateY(-1px);box-shadow:0 10px 24px #5f379217}.lesson-action-check-item.is-checked{background:#2fb7a814;border-color:#2fb7a86b}.lesson-action-check-toggle{cursor:pointer;background:0 0;border:0;place-items:center;width:1.4rem;height:1.4rem;padding:0;display:grid}.lesson-action-check-toggle:focus-visible,.lesson-action-step-link:focus-visible,.lesson-action-achievement-button:focus-visible,.lesson-action-modal-close:focus-visible{outline-offset:3px;outline:3px solid #955be752}.lesson-action-check-mark{background:var(--white);width:1.22rem;height:1.22rem;box-shadow:inset 0 0 0 3px var(--white);border:2px solid #5f379257;border-radius:999px;position:relative}.lesson-action-check-item.is-checked .lesson-action-check-mark{border-color:var(--teal);background:var(--teal)}.lesson-action-check-item.is-checked .lesson-action-check-mark:after{content:"";border-right:2px solid var(--white);border-bottom:2px solid var(--white);width:.34rem;height:.62rem;position:absolute;top:.2rem;left:.35rem;transform:rotate(42deg)}.lesson-action-check-copy{gap:.18rem;min-width:0;display:grid}.lesson-action-check-copy strong{color:var(--off-black)}.lesson-action-check-copy p{color:var(--dark-gray);margin:0;font-size:.88rem;font-weight:600;line-height:1.35}.lesson-action-step-link{background:var(--white);min-height:40px;color:var(--secondary);cursor:pointer;font:inherit;text-align:center;white-space:nowrap;border:1px solid #5f37922e;border-radius:8px;justify-content:center;align-items:center;padding:.62rem .78rem;font-size:.88rem;font-weight:850;line-height:1.1;transition:background .16s,border-color .16s,box-shadow .16s,transform .16s;display:inline-flex}.lesson-action-step-link:hover{color:var(--secondary);background:#ecdffe5c;border-color:#5f379252;transform:translateY(-1px);box-shadow:0 10px 22px #5f379217}.lesson-action-ready{border-left:4px solid var(--teal);background:#2fb7a814;border-radius:6px;gap:.35rem;padding:.85rem 1rem;transition:background .18s,box-shadow .18s;display:grid}.lesson-action-ready.is-complete{background:#2fb7a821;box-shadow:inset 0 0 0 1px #2fb7a829}.lesson-action-ready strong{color:var(--off-black)}.lesson-action-ready p{color:var(--dark-gray);margin:0;line-height:1.45}.lesson-action-complete-text{font-weight:800;color:#226f66!important}.lesson-action-achievement{color:var(--white);background:radial-gradient(circle at 94% 18%,#2fb7a847,#0000 13rem),linear-gradient(135deg,#15111f,#261a3b 58%,#15111f);border:1px solid #5f37922e;border-radius:8px;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:1rem;padding:clamp(.95rem,2vw,1.2rem);display:grid;position:relative;overflow:hidden;box-shadow:0 20px 54px #5f37922b}.lesson-action-achievement-copy{z-index:3;gap:.35rem;display:grid;position:relative}.lesson-action-achievement-copy span{color:#c9a7ff;letter-spacing:.07em;text-transform:uppercase;background:#ffffff17;border:1px solid #ffffff29;border-radius:999px;width:fit-content;padding:.42rem .58rem;font-size:.72rem;font-weight:900;line-height:1}.lesson-action-achievement-copy strong{color:var(--white);font-size:clamp(1.08rem,1.7vw,1.35rem)}.lesson-action-achievement-copy p{color:#ffffffc7;max-width:760px;margin:0;line-height:1.45}.lesson-action-achievement-compliment{border-left:3px solid var(--teal);background:#2fb7a81f;width:fit-content;padding:.55rem .7rem;font-weight:850;color:#fffffff0!important}.lesson-action-achievement-button{z-index:3;background:linear-gradient(135deg, var(--primary), var(--secondary));min-height:46px;color:var(--white);cursor:pointer;font:inherit;white-space:nowrap;border:0;border-radius:8px;padding:.78rem .95rem;font-weight:900;line-height:1.1;transition:box-shadow .16s,transform .16s;position:relative}.lesson-action-achievement-button:hover{transform:translateY(-1px);box-shadow:0 14px 30px #955be73d}.lesson-action-achievement-confetti{z-index:2;pointer-events:none;position:absolute;inset:0}.lesson-action-achievement-confetti span{background:var(--primary);opacity:0;border-radius:2px;width:.48rem;height:.88rem;animation:1.18s ease-out forwards commitment-confetti;position:absolute;top:-1rem}.lesson-action-achievement-confetti span:nth-child(2n){background:var(--teal)}.lesson-action-achievement-confetti span:nth-child(3n){background:var(--warm)}.lesson-action-achievement-confetti span:first-child{animation-delay:10ms;left:8%}.lesson-action-achievement-confetti span:nth-child(2){animation-delay:70ms;left:16%}.lesson-action-achievement-confetti span:nth-child(3){animation-delay:30ms;left:24%}.lesson-action-achievement-confetti span:nth-child(4){animation-delay:.12s;left:32%}.lesson-action-achievement-confetti span:nth-child(5){animation-delay:50ms;left:40%}.lesson-action-achievement-confetti span:nth-child(6){animation-delay:.14s;left:48%}.lesson-action-achievement-confetti span:nth-child(7){animation-delay:20ms;left:56%}.lesson-action-achievement-confetti span:nth-child(8){animation-delay:.11s;left:64%}.lesson-action-achievement-confetti span:nth-child(9){animation-delay:80ms;left:72%}.lesson-action-achievement-confetti span:nth-child(10){animation-delay:.15s;left:80%}.lesson-action-achievement-confetti span:nth-child(11){animation-delay:40ms;left:88%}.lesson-action-achievement-confetti span:nth-child(12){animation-delay:.13s;left:96%}.lesson-action-achievement-confetti span:nth-child(n+13){transform:scale(.78)}.lesson-action-achievement-confetti span:nth-child(13){animation-delay:.19s;left:12%}.lesson-action-achievement-confetti span:nth-child(14){animation-delay:.22s;left:28%}.lesson-action-achievement-confetti span:nth-child(15){animation-delay:.18s;left:44%}.lesson-action-achievement-confetti span:nth-child(16){animation-delay:.25s;left:60%}.lesson-action-achievement-confetti span:nth-child(17){animation-delay:.21s;left:76%}.lesson-action-achievement-confetti span:nth-child(18){animation-delay:.24s;left:92%}.lesson-action-achievement-confetti span:nth-child(19){animation-delay:.29s;left:20%}.lesson-action-achievement-confetti span:nth-child(20){animation-delay:.27s;left:36%}.lesson-action-achievement-confetti span:nth-child(21){animation-delay:.31s;left:52%}.lesson-action-achievement-confetti span:nth-child(22){animation-delay:.3s;left:68%}.lesson-action-achievement-confetti span:nth-child(23){animation-delay:.33s;left:84%}.lesson-action-achievement-confetti span:nth-child(24){animation-delay:.26s;left:4%}.lesson-action-modal{z-index:70;place-items:center;padding:clamp(.8rem,2vw,1.4rem);display:grid;position:fixed;inset:0}.lesson-action-modal-backdrop{cursor:pointer;background:#0f0d1894;border:0;position:absolute;inset:0}.lesson-action-modal-panel{z-index:1;background:radial-gradient(circle at 92% 8%, #a25df824, transparent 16rem), var(--white);border:1px solid #ffffff9e;border-radius:8px;width:min(100%,980px);max-height:min(92vh,860px);display:grid;position:relative;overflow:auto;box-shadow:0 30px 90px #0f0d1847}.lesson-action-modal-header{border-bottom:1px solid #5f37921f;justify-content:space-between;align-items:center;gap:1rem;padding:clamp(.9rem,2vw,1.2rem);display:flex}.lesson-action-modal-header h3{font-size:clamp(1.24rem,2vw,1.64rem)}.lesson-action-modal-close{background:var(--white);min-height:40px;color:var(--secondary);cursor:pointer;font:inherit;border:1px solid #5f37922e;border-radius:8px;padding:.6rem .78rem;font-size:.86rem;font-weight:850}.lesson-quiz-panel-embedded{box-shadow:none;border:0;border-radius:0;padding:clamp(1rem,2vw,1.35rem)}.lesson-next{padding:1rem 0 4rem}.lesson-next-inner{background:linear-gradient(120deg,#ecdffe8f,#fffffff0);border:1px solid #5f379224;border-radius:8px;align-items:center;padding:clamp(1.2rem,2.4vw,1.8rem)}.expert-modalities-section{background:#fff}.expert-modalities-layout{grid-template-columns:minmax(260px,.7fr) minmax(0,1.3fr);align-items:start;gap:clamp(2rem,6vw,6rem);display:grid}.expert-modalities-heading{gap:.8rem;display:grid;position:sticky;top:7rem}.expert-modalities-heading h2{font-size:clamp(2rem,3.5vw,3.35rem);line-height:1.08}.expert-modalities-heading>p:last-child{color:var(--dark-gray);font-size:1.05rem;line-height:1.7}.expert-modalities-list{border-top:1px solid #5f37923d}.expert-modalities-list>div{border-bottom:1px solid #5f37922e;grid-template-columns:minmax(110px,.45fr) minmax(0,1.2fr) minmax(180px,.8fr);align-items:baseline;gap:1.2rem;padding:1.35rem 0;display:grid}.expert-modalities-list dt{color:var(--secondary);font-size:1.12rem;font-weight:850}.expert-modalities-list dd{color:var(--off-black);line-height:1.55}.expert-modalities-list dd:last-child{color:var(--dark-gray);font-size:.9rem;font-weight:650}.expert-modalities-cost-section{background:#f6f1fc}.expert-modalities-cost-layout{grid-template-columns:minmax(0,1.08fr) minmax(320px,.92fr);align-items:center;gap:clamp(2rem,6vw,6rem);display:grid}.expert-modalities-cost-layout>div{gap:.9rem;display:grid}.expert-modalities-cost-layout h2{max-width:760px;font-size:clamp(2rem,3.8vw,3.5rem);line-height:1.08}.expert-modalities-cost-layout>div>p:last-child{max-width:760px;color:var(--dark-gray);font-size:1.06rem;line-height:1.75}.expert-modalities-cost-layout ol{border-top:4px solid var(--secondary);background:#fff;gap:0;padding:0 clamp(1.1rem,3vw,1.8rem);list-style:none;display:grid;box-shadow:0 22px 60px #472d671f}.expert-modalities-cost-layout li{border-bottom:1px solid #5f379229;grid-template-columns:2.1rem minmax(0,1fr);align-items:start;gap:.8rem;padding:1.15rem 0;display:grid}.expert-modalities-cost-layout li:last-child{border-bottom:0}.expert-modalities-cost-layout li>span{aspect-ratio:1;background:var(--secondary);color:#fff;border-radius:50%;place-items:center;width:2rem;font-weight:850;display:grid}.expert-modalities-cost-layout li p{color:var(--dark-gray);line-height:1.6}.expert-modalities-cost-layout li strong{color:var(--off-black)}.expert-farewell-hero{background:radial-gradient(circle at 82% 22%,#a25df83d,#0000 22rem),linear-gradient(125deg,#fff 8%,#f8f3ff 58%,#ecdffe 100%);padding:clamp(4rem,8vw,7.2rem) 0;overflow:clip}.expert-farewell-hero-inner{grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:clamp(2rem,6vw,5rem);display:grid}.expert-farewell-copy{gap:.9rem;max-width:940px;display:grid}.expert-farewell-copy h1{max-width:900px;font-size:clamp(2.7rem,5.3vw,5.2rem);line-height:1.04}.expert-farewell-copy>p:last-child{max-width:850px;color:var(--secondary);font-size:clamp(1.08rem,1.65vw,1.34rem);font-weight:600;line-height:1.58}.expert-farewell-mark{aspect-ratio:1;background:linear-gradient(145deg, var(--accent), var(--secondary));width:clamp(150px,17vw,235px);color:var(--secondary);text-align:center;border:1px solid #ffffff73;border-radius:50%;place-content:center;display:grid;transform:rotate(3deg);box-shadow:0 28px 70px #5f37924d}.expert-farewell-mark span{font-size:clamp(4rem,8vw,7rem);font-weight:850;line-height:.88}.expert-farewell-mark small{letter-spacing:.1em;text-transform:uppercase;margin-top:.65rem;font-size:clamp(.9rem,1.4vw,1.1rem);font-weight:800}.expert-farewell-message-section{background:var(--white)}.expert-farewell-message{text-align:center;justify-items:center;gap:1rem;max-width:980px;display:grid}.expert-farewell-message h2{max-width:820px;font-size:clamp(2rem,4vw,3.5rem)}.expert-farewell-message>p:not(.lesson-section-kicker){max-width:880px;color:var(--dark-gray);font-size:clamp(1.05rem,1.6vw,1.24rem);line-height:1.7}.expert-farewell-message blockquote{color:var(--secondary);border-top:1px solid #5f379233;margin-top:.6rem;padding:clamp(1.4rem,3vw,2rem) clamp(1rem,4vw,3rem) 0;font-size:clamp(1.7rem,3.6vw,3rem);font-weight:850;line-height:1.2}.lesson-gift-reminder{color:var(--white);background:#111018;padding:clamp(1.4rem,3vw,2.2rem) 0}.lesson-gift-reminder-inner{grid-template-columns:minmax(180px,260px) minmax(0,1fr);align-items:center;gap:clamp(1.4rem,4vw,3rem);display:grid}.lesson-gift-reminder-visual{aspect-ratio:4/3;background:#231839;border:1px solid #ecdffe38;border-radius:8px;position:relative;overflow:hidden}.lesson-gift-reminder-visual img{object-fit:cover}.lesson-gift-reminder-copy{justify-items:start;gap:.75rem;display:grid}.lesson-gift-reminder-copy .lesson-section-kicker{color:#d9c3fb;align-items:center;gap:.5rem;margin:0;display:inline-flex}.lesson-gift-reminder-copy h2{max-width:820px;color:var(--white);font-size:clamp(1.8rem,4vw,3rem);line-height:1.08}.lesson-gift-reminder-copy>p:not(.lesson-section-kicker){color:#ffffffc2;max-width:760px;margin:0 0 .2rem;font-size:clamp(1rem,1.6vw,1.16rem);line-height:1.65}.lesson-gift-reminder-copy .button,.lesson-gift-reminder-actions{align-items:center;gap:.55rem;display:inline-flex}.lesson-gift-reminder-actions{flex-wrap:wrap}.lesson-gift-reminder-actions .button.secondary{color:var(--white);background:0 0;border-color:#fff6}.lesson-gift-reminder-actions .button.secondary:hover{background:#ffffff17;border-color:#ffffffb8}.lesson-account-invitation-benefits{grid-template-columns:repeat(3,minmax(0,1fr));gap:.65rem;width:100%;margin:.25rem 0;display:grid}.lesson-account-invitation-benefit{background:#ffffff0f;border:1px solid #ecdffe2e;border-radius:8px;grid-template-columns:auto minmax(0,1fr);align-items:start;gap:.65rem;min-height:100%;padding:.8rem;display:grid}.lesson-account-invitation-benefit>svg{color:#b99be8;margin-top:.12rem}.lesson-account-invitation-benefit div{gap:.18rem;display:grid}.lesson-account-invitation-benefit strong{color:var(--white);font-size:.92rem;line-height:1.35}.lesson-account-invitation-benefit span{color:#ffffffa8;font-size:.8rem;line-height:1.45}.lesson-gift-reminder-copy>.lesson-account-invitation-gift{color:#d9c3fb;align-items:flex-start;gap:.55rem;max-width:760px;margin:.15rem 0;font-size:.9rem;line-height:1.5;display:flex}.lesson-account-invitation-gift svg{flex:none;margin-top:.1rem}@media (max-width:700px){.lesson-gift-reminder-inner{grid-template-columns:1fr}.lesson-gift-reminder-visual{width:min(100%,360px)}.lesson-gift-reminder-actions,.lesson-gift-reminder-actions .button{width:100%}.lesson-account-invitation-benefits{grid-template-columns:1fr}}.random-examples-grid,.examples-library-grid{gap:1rem;display:grid}.random-examples-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.examples-library-grid{grid-template-columns:repeat(4,minmax(0,1fr))}.example-showcase-card{isolation:isolate;--example-card-wash:#fff0;background:linear-gradient(180deg, var(--example-card-wash), #fff0 56%), var(--white);border:1px solid #5f379224;border-radius:8px;min-width:0;transition:border-color .18s,box-shadow .18s,transform .18s;display:grid;position:relative;overflow:hidden;box-shadow:0 14px 38px #5f379214}.examples-library-grid .example-showcase-card{content-visibility:auto;contain-intrinsic-size:auto 36rem}.examples-library-grid .example-showcase-card:nth-child(4n+2),.random-examples-grid .example-showcase-card:nth-child(3n+2){--example-card-wash:#ecdffe42}.examples-library-grid .example-showcase-card:nth-child(4n+3),.random-examples-grid .example-showcase-card:nth-child(3n+3){--example-card-wash:#2fb7a814}.examples-library-grid .example-showcase-card:nth-child(4n+4){--example-card-wash:#ffb86b14}.example-showcase-card:before,.example-showcase-card:after{border-radius:inherit;content:"";pointer-events:none;position:absolute}.example-showcase-card:before{z-index:2;opacity:0;-webkit-mask-composite:xor;-webkit-mask-composite:xor;-webkit-mask-source-type:auto,auto;-webkit-mask-composite:xor;-webkit-mask-source-type:auto,auto;background:linear-gradient(135deg,#a25df8d1,#2fb7a885,#5f3792b8);padding:1px;transition:opacity .18s;inset:0;-webkit-mask-image:linear-gradient(#fff 0 0),linear-gradient(#fff 0 0);mask-image:linear-gradient(#fff 0 0),linear-gradient(#fff 0 0);-webkit-mask-position:0 0,0 0;mask-position:0 0,0 0;-webkit-mask-size:auto,auto;mask-size:auto,auto;-webkit-mask-repeat:repeat,repeat;mask-repeat:repeat,repeat;-webkit-mask-clip:content-box,border-box;mask-clip:content-box,border-box;-webkit-mask-origin:content-box,border-box;mask-origin:content-box,border-box;-webkit-mask-composite:xor;mask-composite:exclude;-webkit-mask-source-type:auto,auto;mask-mode:match-source,match-source}.example-showcase-card:after{z-index:3;opacity:0;background:linear-gradient(100deg,#0000,#ffffff80,#0000);width:38%;height:100%;transition:opacity .18s,transform .52s;top:0;left:-30%;transform:skew(-18deg)translate(-120%)}.example-showcase-card:hover,.example-showcase-card:focus-within{border-color:#a25df857;transform:translateY(-3px);box-shadow:0 22px 54px #5f379229,0 0 0 1px #a25df814}.example-showcase-card:hover:before,.example-showcase-card:focus-within:before{opacity:1}.example-showcase-card:hover:after,.example-showcase-card:focus-within:after{opacity:1;transform:skew(-18deg)translate(420%)}.example-showcase-card.featured{box-shadow:0 18px 48px #5f37921a}.example-card-status{z-index:4;color:var(--secondary);letter-spacing:0;text-transform:uppercase;background:#fffffff0;border:1px solid #5f379229;border-radius:999px;padding:.42rem .56rem;font-size:.68rem;font-weight:900;line-height:1;position:absolute;top:.72rem;left:.72rem;box-shadow:0 10px 24px #5f37921f}.example-card-image-link{background:linear-gradient(135deg, #ecdffe9e, #ffffffeb), var(--gray);display:block;overflow:hidden}.example-card-image-link img{aspect-ratio:16/10;object-fit:cover;object-position:center;width:100%;transition:filter .18s,transform .22s;display:block}.example-card-carousel{background:linear-gradient(135deg, #ecdffe9e, #ffffffeb), var(--gray);gap:.62rem;padding:.55rem;display:grid;position:relative}.example-card-carousel-stage{background:var(--white);cursor:zoom-in;border:1px solid #5f37921f;border-radius:6px;width:100%;padding:0;display:block;position:relative;overflow:hidden}.example-card-carousel-stage img{aspect-ratio:16/10;object-fit:cover;object-position:top center;width:100%;transition:filter .18s,transform .22s;display:block}.example-card-carousel-stage span{max-width:calc(100% - 1.1rem);color:var(--secondary);background:#fffffff0;border:1px solid #5f379229;border-radius:999px;padding:.34rem .54rem;font-size:.72rem;font-weight:850;line-height:1.1;position:absolute;bottom:.55rem;left:.55rem}.example-card-carousel-controls{pointer-events:none;position:absolute;inset:.55rem}.example-carousel-arrow,.example-lightbox-arrow,.example-lightbox-header button{min-height:34px;color:var(--secondary);cursor:pointer;font:inherit;background:#ffffffeb;border:1px solid #5f379229;border-radius:999px;place-items:center;padding:0;font-size:1.45rem;font-weight:850;line-height:1;display:grid}.example-lightbox-header button{min-height:34px;padding:.42rem .62rem;font-size:.72rem}.example-carousel-arrow{z-index:2;pointer-events:auto;width:2.35rem;height:2.35rem;position:absolute;top:50%;transform:translateY(-50%)}.example-carousel-arrow.previous{left:.55rem}.example-carousel-arrow.next{right:.55rem}.example-card-carousel-dots{pointer-events:auto;justify-content:center;gap:.34rem;display:flex;position:absolute;bottom:.55rem;left:50%;transform:translate(-50%)}.example-card-carousel-dots button{cursor:pointer;background:#5f379238;border:0;border-radius:999px;width:.55rem;height:.55rem;padding:0}.example-card-carousel-dots button.active{background:var(--secondary);width:1.2rem}.example-card-screenshot-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:.42rem;padding:.55rem;display:grid}.example-card-screenshot-grid figure{background:var(--white);border:1px solid #5f37921f;border-radius:6px;min-width:0;position:relative;overflow:hidden}.example-card-screenshot-grid img{aspect-ratio:16/10;object-fit:cover;object-position:top center}.example-card-screenshot-grid figcaption{max-width:calc(100% - .9rem);color:var(--secondary);background:#ffffffeb;border:1px solid #5f379229;border-radius:999px;padding:.28rem .42rem;font-size:.64rem;font-weight:850;line-height:1.1;position:absolute;bottom:.45rem;left:.45rem}.example-showcase-card:hover .example-card-image-link img,.example-showcase-card:focus-within .example-card-image-link img{filter:saturate(1.04)contrast(1.02);transform:scale(1.035)}.example-showcase-card:hover .example-card-carousel-stage img,.example-showcase-card:focus-within .example-card-carousel-stage img{filter:saturate(1.04)contrast(1.02);transform:scale(1.025)}.modal-open{overflow:hidden}.example-lightbox{z-index:60;place-items:center;padding:1.2rem;display:grid;position:fixed;inset:0}.example-lightbox-backdrop{cursor:zoom-out;background:#0f0d1894;border:0;position:absolute;inset:0}.example-lightbox-panel{z-index:1;background:#fffffffa;border:1px solid #ffffff85;border-radius:8px;width:min(100%,980px);max-height:min(92vh,860px);display:grid;position:relative;overflow:hidden;box-shadow:0 30px 90px #0f0d1847}.example-lightbox-header,.example-lightbox-controls{justify-content:space-between;align-items:center;gap:1rem;padding:.9rem 1rem;display:flex}.example-lightbox-header{border-bottom:1px solid #5f37921f}.example-lightbox-header p{color:var(--secondary);margin:0 0 .12rem;font-size:.78rem;font-weight:850}.example-lightbox-header h3{font-size:1.25rem}.example-lightbox-image{background:linear-gradient(135deg, #ecdffe7a, #fffffff5), var(--white);padding:1rem;position:relative;overflow:auto}.example-lightbox-image img{border:1px solid #5f37921f;border-radius:8px;width:100%;height:auto;display:block}.example-lightbox-arrow{z-index:2;width:2.8rem;height:2.8rem;position:absolute;top:50%;transform:translateY(-50%)}.example-lightbox-arrow.previous{left:1.45rem}.example-lightbox-arrow.next{right:1.45rem}.example-lightbox-controls{border-top:1px solid #5f37921f;justify-content:center}.example-lightbox-controls span{color:var(--dark-gray);font-size:.86rem;font-weight:800}.example-card-body{gap:.78rem;padding:1rem;display:grid}.example-showcase-card.featured .example-card-body{padding:1.15rem}.example-card-kicker,.example-card-author{flex-wrap:wrap;align-items:center;gap:.42rem;display:flex}.example-card-kicker>span,.example-card-author span{border-radius:999px;font-size:.74rem;font-weight:750}.example-card-kicker>span{color:var(--secondary);background:#ecdffeb3;padding:.34rem .56rem}.example-card-kicker>span:first-child{color:#14665e;background:#2fb7a81f}.example-card-kicker .example-audience-chip{appearance:none;width:2rem;min-width:2rem;height:2rem;color:var(--secondary);cursor:help;background:#ffffffdb;border:1px solid #5f37921f;border-radius:999px;outline:none;place-items:center;padding:0;transition:background .16s,border-color .16s,color .16s,transform .16s;display:inline-grid;position:relative}.example-card-kicker .example-audience-chip:hover,.example-card-kicker .example-audience-chip:focus-visible{color:#4c2b7c;background:#5f379217;border-color:#5f379247;transform:translateY(-1px)}.example-audience-chip:before{z-index:8;width:max-content;max-width:13rem;color:var(--secondary);content:attr(data-tooltip);opacity:0;pointer-events:none;text-align:center;white-space:nowrap;background:#fffffffa;border:1px solid #5f379229;border-radius:999px;padding:.42rem .62rem;font-size:.72rem;font-weight:800;line-height:1.2;transition:opacity .16s,transform .16s;position:absolute;bottom:calc(100% + .48rem);left:50%;transform:translate(-50%,.25rem);box-shadow:0 10px 28px #5f379229}.example-audience-chip:after{z-index:9;content:"";opacity:0;pointer-events:none;background:#fffffffa;border-bottom:1px solid #5f379229;border-right:1px solid #5f379229;width:.5rem;height:.5rem;transition:opacity .16s,transform .16s;position:absolute;bottom:calc(100% + .25rem);left:50%;transform:translate(-50%,.25rem)rotate(45deg)}.example-audience-chip:hover:before,.example-audience-chip:focus-visible:before{opacity:1;transform:translate(-50%)}.example-audience-chip:hover:after,.example-audience-chip:focus-visible:after{opacity:1;transform:translate(-50%)rotate(45deg)}.example-card-author{color:var(--dark-gray)}.example-card-author span{border:1px solid #5f37921f;padding:.28rem .52rem}.example-showcase-card h3{font-size:clamp(1.05rem,1.2vw,1.25rem)}.example-showcase-card p{color:var(--dark-gray);font-size:.92rem;line-height:1.55}.example-tags{margin-top:0}.example-tags span{padding:.32rem .52rem;font-size:.72rem}.example-card-link{background:linear-gradient(135deg, var(--primary), var(--secondary));min-height:44px;color:var(--white);text-align:center;border-radius:8px;justify-content:center;align-items:center;padding:.72rem .9rem;font-size:.9rem;font-weight:800;transition:box-shadow .18s,filter .18s,transform .18s;display:inline-flex;box-shadow:0 12px 26px #5f37922e}.example-card-link:hover,.example-card-link:focus-visible,.example-showcase-card:hover .example-card-link,.example-showcase-card:focus-within .example-card-link{color:var(--white);filter:saturate(1.05);box-shadow:0 16px 34px #5f379242}.example-card-link:active{transform:translateY(1px)}.examples-random-section{background:linear-gradient(#fffffff5,#f8fafcf0);padding:clamp(3rem,5vw,4.6rem) 0 clamp(2.8rem,5vw,4.4rem)}.random-examples-panel{background:linear-gradient(120deg,#ecdffe9e,#fffffff5);border:1px solid #a25df833;border-radius:8px;gap:1rem;padding:clamp(1.1rem,2.4vw,1.7rem);display:grid}.random-examples-button{width:100%;min-height:62px;margin-top:0;padding:1rem 1.4rem;font-size:1rem}.random-examples-grid{width:100%}.examples-library-section{padding-top:clamp(2.4rem,4vw,3.6rem)}.examples-library-section .section-heading{margin-bottom:1.55rem}.examples-library-section .section-heading p{max-width:none}.examples-filter-bar{grid-template-columns:minmax(240px,1.35fr) repeat(4,minmax(132px,1fr)) auto;align-items:end;gap:.8rem;margin-bottom:1.25rem;display:grid}.examples-filter-bar label{gap:.36rem;min-width:0;display:grid}.examples-filter-bar label span{color:var(--secondary);font-size:.76rem;font-weight:800}.examples-filter-bar select,.examples-filter-bar input{background:var(--white);width:100%;min-height:44px;color:var(--off-black);font:inherit;border:1px solid #5f37922e;border-radius:8px;padding:.62rem .74rem;font-size:.9rem;font-weight:600}.examples-filter-bar input::placeholder{color:#34313b85}.examples-reset-button{background:var(--white);min-height:44px;color:var(--secondary);cursor:pointer;font:inherit;border:1px solid #5f379238;border-radius:8px;padding:.62rem .9rem;font-size:.88rem;font-weight:800}.examples-results-summary{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:.65rem .85rem;margin-bottom:1rem;display:flex}.examples-results-summary p{color:var(--dark-gray);font-size:.9rem;font-weight:650;line-height:1.4}.examples-results-summary strong{color:var(--off-black);font-weight:850}.examples-active-filters{flex-wrap:wrap;gap:.45rem;display:flex}.examples-active-filters span{color:var(--secondary);background:#ecdffe7a;border:1px solid #5f379224;border-radius:999px;padding:.34rem .54rem;font-size:.74rem;font-weight:800;line-height:1.2}.examples-filter-bar select:focus-visible,.examples-filter-bar input:focus-visible,.examples-reset-button:focus-visible,.example-card-link:focus-visible,.example-card-image-link:focus-visible{outline-offset:3px;outline:3px solid #a25df857}.examples-empty-state{background:#ecdffe57;border:1px dashed #5f37924d;border-radius:8px;justify-items:start;gap:.6rem;margin-top:1.2rem;padding:1.2rem;display:grid}.examples-empty-state p{color:var(--dark-gray)}.cta-section{background:linear-gradient(135deg, var(--secondary), var(--primary));color:var(--white);padding:4rem 0}.cta-inner{text-align:center;justify-items:center;gap:1rem;display:grid}.cta-inner h2,.cta-inner p{color:var(--white)}.cta-inner p{max-width:680px}.site-footer{background:var(--white);color:var(--dark-gray);border-top:1px solid #5f37921f}.site-footer-main{background:radial-gradient(circle at 8% 12%, #a25df817, transparent 21rem), radial-gradient(circle at 96% 90%, #2fb7a814, transparent 24rem), var(--white);padding:clamp(2.5rem,4vw,3.75rem) 0}.footer-main-grid{grid-template-columns:minmax(17rem,1fr) minmax(15rem,.8fr) minmax(20rem,1.05fr);align-items:center;gap:clamp(2rem,4vw,4.5rem);display:grid}.footer-identity{gap:.8rem;max-width:25rem;display:grid}.footer-kicker{letter-spacing:.06em;text-transform:uppercase;font-weight:800;color:var(--secondary)!important;font-size:.76rem!important;line-height:1.35!important}.footer-logo-panel{border-left:1px solid #5f379221;border-right:1px solid #5f379221;justify-content:center;align-items:center;min-height:9rem;padding:0 clamp(1rem,3vw,2.5rem);display:flex}.footer-logo-link{border-radius:6px;width:fit-content;display:inline-flex}.footer-logo{width:min(100%,15.5rem);height:auto;display:block}.footer-identity p{max-width:27rem;color:var(--dark-gray);font-size:.94rem;line-height:1.55}.footer-primary-link{background:var(--secondary);width:fit-content;min-height:2.65rem;color:var(--white);border-radius:8px;justify-content:center;align-items:center;gap:.45rem;padding:.62rem .9rem;font-size:.92rem;font-weight:800;transition:background-color .16s,box-shadow .16s,transform .16s;display:inline-flex}.footer-primary-link:hover{background:#4d2978;transform:translateY(-1px);box-shadow:0 12px 28px #5f379233}.footer-navigation{grid-template-columns:minmax(12rem,1.35fr) minmax(7rem,.65fr);gap:clamp(1.75rem,3vw,3rem);display:grid}.footer-link-group{align-content:start;gap:.7rem;min-width:0;display:grid}.footer-link-group h2{color:var(--off-black);letter-spacing:.06em;text-transform:uppercase;margin-bottom:.25rem;font-size:.76rem;font-weight:800}.footer-link-group a{width:fit-content;max-width:100%;color:var(--dark-gray);align-items:center;gap:.3rem;font-size:.92rem;font-weight:600;line-height:1.4;display:inline-flex}.footer-link-group a:hover{color:var(--secondary);text-underline-offset:.25rem;text-decoration:underline;text-decoration-thickness:2px}.site-footer-legal{background:var(--off-black);color:#ffffffb8}.footer-legal-inner{justify-content:space-between;align-items:center;gap:1.5rem;min-height:4.5rem;padding-top:.9rem;padding-bottom:.9rem;display:flex}.footer-legal-inner p{color:inherit;font-size:.82rem}.footer-legal-inner nav{flex-wrap:wrap;justify-content:flex-end;align-items:center;gap:1.25rem;display:flex}.footer-legal-inner a{color:var(--white);font-size:.82rem;font-weight:600}.footer-legal-inner a:hover{text-underline-offset:.25rem;text-decoration:underline}.footer-logo-link:focus-visible,.footer-primary-link:focus-visible,.footer-link-group a:focus-visible,.footer-legal-inner a:focus-visible{outline-offset:4px;outline:3px solid #a25df880}.legal-hero{background:radial-gradient(circle at 84% 20%,#2fb7a81f,#0000 23rem),linear-gradient(120deg,#ecdffebd,#fffffffa);border-bottom:1px solid #5f379224;padding:clamp(4rem,8vw,7rem) 0}.legal-hero-terms{background:radial-gradient(circle at 86% 16%,#ffb86b1f,#0000 22rem),linear-gradient(120deg,#ecdffeb8,#fffffffa)}.legal-hero-grid{grid-template-columns:minmax(0,1.2fr) minmax(18rem,.72fr);align-items:end;gap:clamp(2rem,7vw,7rem);display:grid}.legal-eyebrow{color:var(--secondary);letter-spacing:.06em;text-transform:uppercase;font-size:.78rem;font-weight:800}.legal-hero h1{text-wrap:balance;max-width:13ch;margin-top:.85rem;font-size:clamp(3rem,7vw,6.2rem);line-height:.98}.legal-hero-grid>p{max-width:35rem;color:var(--dark-gray);font-size:clamp(1.05rem,1.7vw,1.25rem);line-height:1.7}.legal-layout{grid-template-columns:minmax(12rem,.36fr) minmax(0,1fr);align-items:start;gap:clamp(3rem,8vw,8rem);padding-top:clamp(3.5rem,7vw,6.5rem);padding-bottom:clamp(4.5rem,9vw,8rem);display:grid}.legal-index{border-left:3px solid var(--primary-light);gap:1rem;padding-left:1rem;display:grid;position:sticky;top:7rem}.legal-index>p{color:var(--off-black);letter-spacing:.06em;text-transform:uppercase;font-size:.78rem;font-weight:800}.legal-index nav{gap:.7rem;display:grid}.legal-index a{color:var(--dark-gray);font-size:.88rem;font-weight:600;line-height:1.35}.legal-index a:hover{color:var(--secondary)}.legal-content{min-width:0}.legal-content>section{border-top:1px solid #5f379226;padding:clamp(2rem,5vw,3.5rem) 0;scroll-margin-top:7rem}.legal-content>section:first-child{border-top:0;padding-top:0}.legal-section-number{color:var(--secondary);margin-bottom:.8rem;font-size:.8rem;font-weight:800}.legal-content h2{max-width:22ch;margin-bottom:1.15rem;font-size:clamp(1.8rem,3.2vw,3rem);line-height:1.12}.legal-content h3{color:var(--off-black);margin-bottom:.35rem;font-size:1rem}.legal-content section>p,.legal-content section>ul{max-width:50rem;color:var(--dark-gray);font-size:clamp(1rem,1.25vw,1.08rem);line-height:1.78}.legal-content section>p+p,.legal-content section>ul+p,.legal-content section>p+ul{margin-top:1rem}.legal-content ul{gap:.55rem;padding-left:1.35rem;display:grid}.legal-content li{padding-left:.25rem}.legal-content a{color:var(--secondary);text-underline-offset:.22rem;font-weight:700;text-decoration:underline}.legal-content code{color:var(--secondary);background:#ecdffe9e;border-radius:4px;padding:.15rem .35rem;font-size:.88em}.legal-note{border-left:4px solid var(--teal);background:#2fb7a814;max-width:50rem;margin-top:1.5rem;padding:1.15rem 1.3rem}.legal-note strong{color:var(--off-black);margin-bottom:.3rem;display:block}.legal-note p{color:var(--dark-gray);line-height:1.65}.legal-service-list{border-top:1px solid #5f379226;border-left:1px solid #5f379226;grid-template-columns:repeat(2,minmax(0,1fr));max-width:50rem;margin-top:1.5rem;display:grid}.legal-service-list>div{border-bottom:1px solid #5f379226;border-right:1px solid #5f379226;padding:1.2rem}.legal-service-list p{color:var(--dark-gray);font-size:.94rem;line-height:1.6}.legal-updated{font-weight:600;color:var(--light-grey)!important;font-size:.9rem!important}.legal-contact-block{background:linear-gradient(110deg,#ecdffea3,#fffffff5);border:1px solid #5f379229;border-radius:8px;justify-content:space-between;align-items:center;gap:2rem;margin-top:1rem;padding:clamp(1.4rem,3vw,2.3rem);display:flex}.legal-contact-block h2{margin:.35rem 0 0;font-size:clamp(1.35rem,2.5vw,2rem)}.legal-contact-block>a{background:var(--secondary);color:var(--white);border-radius:8px;flex:none;padding:.85rem 1rem;text-decoration:none}.legal-related-link{color:var(--dark-gray);margin-top:1.2rem;font-size:.92rem}@media (max-width:640px){.site-footer-main{padding:2.25rem 0}.footer-navigation,.legal-index nav,.legal-service-list{grid-template-columns:1fr}.footer-logo-panel{border:0;justify-content:flex-start;min-height:0;padding:0}.footer-logo{width:min(100%,13rem)}.footer-legal-inner,.legal-contact-block{flex-direction:column;align-items:flex-start}.footer-legal-inner nav{justify-content:flex-start;gap:.7rem 1rem}.legal-hero h1{font-size:clamp(2.8rem,14vw,4rem)}.legal-contact-block>a{text-align:center;width:100%}}@media (max-width:980px){.header-inner{grid-template-columns:auto 1fr auto}.desktop-nav{display:none}.mobile-nav{justify-self:end;display:block}.expert-modalities-heading{position:static}.hero-grid,.story-hero-title,.basis-hero-grid,.lesson-hero-grid,.expert-farewell-hero-inner,.expert-modalities-layout,.expert-modalities-cost-layout,.lesson-definition-grid,.lesson-memory-grid,.lesson-tool-choice-advice,.lesson-database-compact-grid,.lesson-supabase-journey-heading,.lesson-supabase-journey-layout,.lesson-free-plan-panel,.lesson-privacy-panel,.lesson-plan-intro-panel,.lesson-plugin-panel,.lesson-iteration-core-panel,.lesson-browser-test-panel,.lesson-section-nav-inner,.lesson-github-intro-panel,.lesson-github-connect-panel,.lesson-publish-flow-panel,.lesson-publish-tool-panel,.lesson-publish-settings-panel,.lesson-case-overview-panel,.lesson-proof-panel,.lesson-own-words-panel,.lesson-two-column,.lesson-assignment-inner,.lesson-next-inner,.two-column,.footer-main-grid,.legal-hero-grid,.legal-layout,.idea-chooser,.idea-result-grid,.example-panel-grid,.example-preview-grid{grid-template-columns:1fr}.footer-navigation{grid-template-columns:repeat(2,minmax(0,1fr))}.footer-logo-panel{border:0;grid-row:1;justify-content:flex-start;min-height:0;padding:0}.footer-identity{grid-row:2}.footer-navigation{grid-row:3}.legal-index{border-bottom:1px solid #5f379226;border-left:0;padding:0 0 1.5rem;position:static}.legal-index nav,.lesson-tool-choice-tabs{grid-template-columns:repeat(2,minmax(0,1fr))}.lesson-supabase-journey-status{justify-items:start}.lesson-supabase-step-panel{min-height:23rem}.basis-bottom-inner{grid-template-columns:1fr}.lesson-step-list{grid-template-columns:repeat(2,minmax(0,1fr))}.start-route-grid,.lesson-brand-panel,.lesson-brand-visual,.lesson-memory-visual,.lesson-files-panel,.lesson-example-recap-panel,.lesson-share-panel,.lesson-definition-visual,.lesson-example-grid,.lesson-shrink-grid,.lesson-preview-grid,.lesson-scope-grid,.lesson-deploy-intro-panel,.lesson-formula-panel,.lesson-prompt-panel,.lesson-screenshot-panel,.lesson-misconception-grid,.lesson-quiz-grid,.lesson-action-top,.lesson-action-card,.lesson-action-achievement{grid-template-columns:1fr}.lesson-chatbot-options{grid-template-columns:repeat(2,minmax(0,1fr))}.lesson-action-achievement-button{white-space:normal;justify-self:start}.lesson-prompt-variant-bar{flex-direction:column;align-items:flex-start}.lesson-prompt-variant-controls{justify-content:flex-start}.lesson-action-status{justify-items:start}.lesson-action-status-label{text-align:left}.lesson-progressive-heading,.lesson-build-filter,.lesson-progressive-control,.lesson-build-rule-grid,.lesson-deploy-step-grid,.lesson-setup-grid,.lesson-connect-grid,.lesson-privacy-grid,.lesson-prd-grid,.lesson-phase-roadmap,.lesson-iteration-ladder,.lesson-role-tab-panel,.lesson-github-flow,.lesson-github-visibility-grid,.lesson-github-term-grid,.lesson-publish-platform-grid,.lesson-publish-pipeline,.lesson-case-stage-grid,.lesson-case-artifact-grid,.lesson-platform-limit-grid,.lesson-test-focus-grid,.lesson-library-grid,.lesson-library-heading,.lesson-tool-table-head,.lesson-tool-row,.lesson-brand-input-grid,.lesson-style-prompt-example-grid,.lesson-file-addition-grid,.lesson-zip-upload-grid,.lesson-upload-do-dont-grid,.lesson-summary-grid,.lesson-final-check-grid,.lesson-share-form-grid,.lesson-feedback-loop-panel,.lesson-redeploy-panel,.lesson-feedback-loop-grid,.lesson-test-note-grid,.lesson-ai-review-grid,.lesson-output-grid{grid-template-columns:1fr}.lesson-section-nav-links{scroll-snap-type:x proximity;padding-bottom:.2rem;display:flex;overflow-x:auto}.lesson-section-nav-links a{scroll-snap-align:start;flex:0 0 min(82vw,18rem)}.lesson-prompt-card pre[data-expanded=false]{max-height:14rem}.lesson-screenshot-screen{min-height:18rem}.lesson-platform-limit-head,.lesson-platform-limit-row,.lesson-platform-action-row{grid-template-columns:1fr}.lesson-platform-limit-badge{white-space:normal;justify-self:start}.lesson-progressive-status{justify-self:start}.lesson-progressive-button{width:100%}.lesson-idea-bridge{display:none}.definition-connector{width:100%;height:auto;min-height:2rem;transform:rotate(90deg)}.example-main-column{border-bottom:1px solid #5f37921f;border-right:0}.code-notebook{max-width:540px}.story-hero-stage{width:min(100% - 2rem,700px)}.highlight-grid,.practice-grid,.practice-grid.wide,.module-grid,.step-grid,.example-grid,.complexity-table,.example-tab-panel ul{grid-template-columns:repeat(2,minmax(0,1fr))}.example-tab-list{grid-template-columns:repeat(5,minmax(128px,1fr));padding-bottom:.35rem;overflow-x:auto}.example-tab-list:before{left:64px;right:64px}.screenshot-gallery-header{grid-template-columns:1fr}.screenshot-thumbnail-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.random-examples-panel{grid-template-columns:1fr}.random-examples-grid,.examples-library-grid,.examples-filter-bar{grid-template-columns:repeat(2,minmax(0,1fr))}.examples-search-field{grid-column:1/-1}.examples-reset-button{justify-self:start}}@media (max-width:680px){.container{width:min(100% - 1.2rem,1200px)}.expert-modalities-list>div{grid-template-columns:1fr;gap:.35rem;padding:1.1rem 0}.expert-modalities-list dd:last-child{margin-top:.2rem}.expert-modalities-cost-layout ol{padding:0 1rem}.lesson-hero-copy,.lesson-check-card{width:100%;min-width:0}.header-inner{min-height:66px}.brand-script{font-size:1.05rem}.brand-block{font-size:.62rem}h1{font-size:2.35rem;line-height:1.08}h2{font-size:1.9rem}.lesson-hero h1{overflow-wrap:break-word;font-size:2.1rem;line-height:1.08}.expert-farewell-hero{padding:3.2rem 0 4rem}.expert-farewell-copy h1{overflow-wrap:break-word;font-size:2.45rem;line-height:1.08}.expert-farewell-mark{justify-self:start;width:132px}.expert-farewell-message{text-align:left;justify-items:start}.expert-farewell-message blockquote{padding-left:0;padding-right:0}.page-hero,.page-hero.compact,.story-hero{padding:2.35rem 0 3rem}.story-hero-title{margin-bottom:1.15rem}.story-hero-title h1{font-size:clamp(2.7rem,12vw,3.55rem);line-height:.98}.story-hero-quote p{border-left-width:4px;border-radius:14px;font-size:1.05rem}.story-hero-stage{width:min(100% - 1.2rem,700px)}.story-frame{border-radius:16px}.story-carousel-actions{padding:0 .45rem}.story-carousel-actions button{width:36px;height:36px;font-size:1.25rem}.story-carousel-guide{grid-template-columns:1fr;gap:.7rem;padding:.8rem}.story-next-cta{width:100%;min-width:0}.story-stepper{gap:.42rem}.story-stepper button{min-width:2.2rem;min-height:2.2rem;padding:.25rem .42rem}.story-stepper button small{display:none}.button-row,.button,.idea-result .button,.basis-bottom-inner .button,.lesson-next-inner .button{width:100%}.lesson-step-list,.lesson-free-plan-metrics,.lesson-free-plan-alert,.lesson-plan-compare,.start-route-card-head{grid-template-columns:1fr}.start-route-card-head span{justify-self:start}.mindset-layout .lesson-card-list{grid-template-columns:1fr}.mindset-image{height:auto}.lesson-video-frame{width:min(100% - 1.2rem,1400px)}.lesson-video-player,.lesson-video-frame-embed{aspect-ratio:auto;min-height:260px}.lesson-video-topbar{flex-direction:column;align-items:flex-start;gap:.25rem}.lesson-video-center{padding:5.2rem 1rem 3.8rem}.lesson-misconception-panel .section-heading h2{white-space:normal}.lesson-shrink-card{padding:.85rem}.lesson-formula-panel blockquote{overflow-wrap:anywhere;font-size:1.08rem}.lesson-screenshot-marker{max-width:none;position:static}.commitment-actions,.lesson-chatbot-options{grid-template-columns:1fr}.lesson-chatbot-option{min-height:auto}.lesson-own-words-actions{flex-direction:column;align-items:stretch}.lesson-action-check-item{grid-template-columns:auto minmax(0,1fr);align-items:start;padding:.8rem}.lesson-action-check-mark{margin-top:.1rem}.lesson-action-check-copy,.lesson-action-check-copy strong,.lesson-action-check-copy p{overflow-wrap:anywhere;min-width:0}.lesson-action-step-link{white-space:normal;grid-column:2;justify-self:start;margin-top:.35rem}.lesson-action-modal{padding:.7rem}.lesson-action-modal-header{align-items:flex-start}.lesson-quiz-header{grid-template-columns:1fr}.lesson-quiz-score{justify-self:start}.basis-route-preview{padding:1rem}.basis-start-panel dl,.gevorderd-hero .basis-start-panel dl,.gevorderd-expert-panel{grid-template-columns:1fr}.basis-lesson-row{grid-template-columns:2rem minmax(0,1fr)}.basis-lesson-link,.expert-lesson-status{grid-column:2;justify-self:start}.expert-optional-card{grid-template-columns:2rem minmax(0,1fr)}.expert-optional-card .expert-lesson-status{grid-column:2;justify-self:start}.expert-bottom-cta .button-row{justify-content:flex-start}.lesson-tool-table-head{display:none}.lesson-tool-row{align-items:start;gap:.55rem}.lesson-memory-card-grid{grid-template-columns:1fr}.lesson-memory-tabs{grid-template-columns:repeat(3,minmax(0,1fr))}.lesson-memory-tab-panel,.lesson-tool-choice-recommendations,.lesson-supabase-step-details{grid-template-columns:1fr}.lesson-tool-choice-card:only-child{max-width:none}.lesson-supabase-step-nav>div{scroll-snap-type:x proximity;width:100%;max-width:100%;padding-bottom:.25rem;display:flex;overflow-x:auto}.lesson-supabase-step-nav button{scroll-snap-align:start;flex:0 0 min(78vw,17rem)}.lesson-supabase-step-panel{min-height:0}.lesson-supabase-step-actions{grid-template-columns:1fr;display:grid}.lesson-supabase-step-actions button,.lesson-supabase-step-actions a{width:100%}.lesson-privacy-note{grid-template-columns:1fr}.lesson-tool-row p,.lesson-tool-fit,.lesson-tool-link-cell{margin-left:3.35rem}.lesson-tool-link-cell{justify-self:start;justify-items:start}.highlight-grid,.course-grid,.practice-grid,.practice-grid.wide,.module-grid,.step-grid,.example-grid,.random-examples-grid,.examples-library-grid,.complexity-table,.example-tab-panel ul{grid-template-columns:1fr}.random-examples-grid .example-showcase-card:nth-child(n+2){display:none}.examples-filter-bar{grid-template-columns:1fr}.random-examples-button,.examples-reset-button{width:100%}.example-tab-list button{min-height:86px}.step-node{width:2.4rem;height:2.4rem}.example-website-link{gap:.9rem}.example-website-link .button{width:100%}.example-website-actions{justify-items:stretch;display:grid}.example-next-action{justify-content:stretch}.screenshot-thumbnail-grid,.screenshot-gallery-header{grid-template-columns:1fr}.screenshot-lightbox{padding:0}.screenshot-lightbox-card{border-radius:0;width:100%;height:100vh}.screenshot-lightbox-header{align-items:start}.screenshot-lightbox-nav{width:2.6rem;height:2.6rem;top:auto;bottom:1rem;transform:none}.screenshot-lightbox-nav.previous{left:1rem}.screenshot-lightbox-nav.next{right:1rem}.code-notebook pre{font-size:.82rem}}@media (max-width:980px){.lesson-route-finder-grid,.lesson-test-team-workspace,.lesson-test-feedback-workspace,.lesson-github-push-task,.lesson-publish-proof-grid,.lesson-expert-preview-panel{grid-template-columns:1fr}.lesson-route-result,.lesson-test-team-prompt{position:static}.lesson-test-team-heading{flex-direction:column;align-items:start}.lesson-github-setup-heading,.lesson-publish-cockpit-heading{align-items:start}.lesson-example-number{width:2.7rem;height:2.7rem}}@media (max-width:680px){.lesson-route-choice-grid,.lesson-test-role-grid,.lesson-github-quiz-options,.lesson-github-confirm-list,.lesson-publish-readiness-list,.lesson-github-visibility-options,.lesson-publish-platform-options,.lesson-publish-supabase-choice>div{grid-template-columns:1fr}.lesson-route-choice-grid button,.lesson-test-role-grid>button{min-height:auto}.lesson-test-team-stepper{grid-template-columns:1fr;width:100%;display:grid}.lesson-test-team-stepper button{justify-content:flex-start}.lesson-route-result,.lesson-route-empty,.lesson-test-team-empty{min-height:auto}.lesson-route-prompt>div,.lesson-test-feedback-prompt>div,.lesson-test-team-counter{flex-direction:column;align-items:flex-start}.lesson-github-quiz-workspace{grid-template-columns:1fr}.lesson-github-quiz-progress{border-bottom:1px solid #5f37921f;border-right:0;padding-bottom:.75rem;padding-right:0;display:flex}.lesson-github-setup-heading,.lesson-publish-cockpit-heading{flex-direction:column;align-items:flex-start}.lesson-github-setup-status,.lesson-publish-cockpit-status{justify-items:start}.lesson-github-setup-tabs,.lesson-publish-cockpit-tabs{grid-template-columns:1fr}.lesson-github-setup-tabs button,.lesson-publish-cockpit-tabs button{min-height:3.25rem}.lesson-github-setup-content,.lesson-publish-cockpit-content,.lesson-github-quiz-question{min-height:0}.lesson-github-generated-prompt>div,.lesson-publish-deploy-prompt>div{flex-direction:column;align-items:flex-start}.lesson-publish-proof-pipeline{grid-template-columns:1fr}.lesson-publish-proof-pipeline>svg,.lesson-github-account-flow>svg{justify-self:center;transform:rotate(90deg)}.lesson-github-account-flow{grid-template-columns:1fr}.lesson-example-intro-card{gap:.9rem}.lesson-expert-preview-steps li{padding:.8rem}}@keyframes commitment-confetti{0%{opacity:0;top:16%;transform:translateY(0)rotate(0)}18%{opacity:1}to{opacity:0;top:88%;transform:translateY(2.4rem)rotate(210deg)}}@keyframes commitment-shake{0%,to{transform:translate(0)}25%{transform:translate(-5px)}55%{transform:translate(5px)}78%{transform:translate(-2px)}}@media (max-width:680px){.story-hero .story-hero-title h1{font-size:clamp(2.7rem,12vw,3.55rem);line-height:.98}}@keyframes commitment-pop{0%{opacity:0;transform:translateY(-50%)scale(.45)rotate(-18deg)}70%{opacity:.9;transform:translateY(-50%)scale(1.08)rotate(8deg)}to{opacity:.82;transform:translateY(-50%)scale(1)rotate(0)}}@keyframes commitment-result-in{0%{opacity:0;transform:translateY(8px)scale(.98)}to{opacity:1;transform:translateY(0)scale(1)}}@keyframes lessonProgressiveIn{0%{opacity:0;transform:translateY(.45rem)}to{opacity:1;transform:translateY(0)}}@keyframes storyQuoteBorder{0%,to{background-position:0 0,0%}50%{background-position:0 0,100%}}@keyframes storyNextNudge{0%,to{transform:translate(0)}50%{transform:translate(3px)}}.story-hero .story-hero-title h1{flex-direction:column;align-items:center;max-width:1180px;margin-inline:auto;display:flex}.story-hero .story-hero-title h1 span{white-space:nowrap;display:block}.story-hero .story-frame{aspect-ratio:16/9;width:100%;padding:0;display:block;position:relative;overflow:hidden}.story-hero .story-image{object-fit:cover;object-position:center}@media (max-width:680px){.story-hero .story-hero-title h1{font-size:clamp(2.7rem,12vw,3.55rem);line-height:.98}}@media (max-width:980px){.example-case-study{grid-template-columns:1fr}.example-timeline{position:static}.example-timeline-list{grid-template-columns:repeat(5,minmax(150px,1fr));padding-bottom:.25rem;overflow-x:auto}.example-timeline-list:before{background:linear-gradient(90deg,#5f37927a,#2fb7a840);width:auto;height:2px;inset:1.72rem 1.4rem auto}.example-timeline-list button{grid-template-columns:1fr;justify-items:start;min-width:150px}.example-case-grid{grid-template-columns:1fr}}@media (max-width:680px){.example-case-study{gap:.95rem}.example-timeline{border-radius:16px;padding:.85rem}.example-timeline-list{grid-template-columns:1fr;overflow:visible}.example-timeline-list:before{background:linear-gradient(#5f37927a,#2fb7a840);width:2px;height:auto;inset:1.2rem auto 1.2rem 1.26rem}.example-timeline-list button{grid-template-columns:auto minmax(0,1fr);min-width:0;padding:.68rem}.example-timeline-copy small{display:none}.example-case-panel{border-radius:18px}.example-case-header,.example-case-grid{padding-inline:1rem}.example-case-header h3{font-size:1.55rem}.example-insight-card,.example-output-card{border-radius:14px}.example-output-card .screenshot-thumbnail-grid{grid-template-columns:1fr}.example-output-card .example-website-actions,.example-output-card .example-website-actions .button,.example-next-button{width:100%}}.example-scroll-case{grid-template-columns:minmax(250px,.28fr) minmax(0,1fr);gap:clamp(1.25rem,3vw,2.6rem)}.example-scroll-case .example-timeline{gap:.64rem;max-height:calc(100vh - 108px);padding:.78rem;top:88px}.example-scroll-case .example-timeline-intro{gap:.12rem;padding-bottom:.25rem}.example-scroll-case .example-timeline-intro h3{font-size:clamp(.92rem,1vw,1.05rem);line-height:1.12}.example-scroll-case .example-timeline-list{gap:.36rem}.example-scroll-case .example-timeline-list:before{top:1rem;bottom:1rem;left:1.08rem}.example-scroll-case .example-timeline-list button{border-radius:12px;gap:.58rem;padding:.48rem}.example-scroll-case .step-node{width:2.24rem;height:2.24rem;font-size:.9rem}.example-scroll-case .step-meta{margin-top:0;font-size:.64rem}.example-scroll-case .example-timeline-copy{gap:.12rem}.example-scroll-case .example-timeline-copy strong{font-size:.94rem;line-height:1.12}.example-scroll-case .example-timeline-copy small{display:none}.example-scroll-case .example-timeline-list button.active{padding-block:.62rem}.example-scroll-case .example-timeline-list button.active .example-timeline-copy small{color:#33303cc7;-webkit-line-clamp:2;-webkit-box-orient:vertical;font-size:.74rem;line-height:1.25;display:-webkit-box;overflow:hidden}.example-scroll-story{gap:clamp(2.5rem,7vw,5.5rem);min-width:0;display:grid}.example-scroll-step{background:radial-gradient(circle at 88% 16%,#2fb7a821,#0000 18rem),linear-gradient(135deg,#fffffffa,#f8fafce6);border:1px solid #5f37921f;border-radius:24px;min-height:min(860px,100vh - 7rem);scroll-margin-top:105px;transition:border-color .18s,box-shadow .18s,transform .18s;overflow:hidden;box-shadow:0 18px 52px #5f379214}.example-scroll-step.active{border-color:#5f37926b;box-shadow:0 24px 72px #5f379221,inset 0 0 0 1px #a25df829}.example-scroll-step-grid{grid-template-columns:minmax(300px,.38fr) minmax(0,.62fr);align-items:start;gap:clamp(1.3rem,3vw,2.2rem);padding:clamp(1.2rem,3vw,2.2rem);display:grid}.example-scroll-copy{gap:1.1rem;display:grid}.example-scroll-copy .example-case-header{padding:0}.example-scroll-copy .example-case-header h3{max-width:680px;font-size:clamp(1.65rem,2.35vw,2.7rem)}.example-scroll-copy .example-case-header p{max-width:680px}.example-scroll-copy .example-insight-grid{gap:.72rem}.example-featured-output .output-insights{gap:.75rem}.example-featured-output .output-insights .example-insight-card{background:#ffffffc7}.example-featured-output{background:radial-gradient(circle at 94% 8%,#2fb7a824,#0000 13rem),#ffffffdb;border:1px solid #5f379221;border-radius:20px;align-content:start;gap:1rem;padding:clamp(1rem,2vw,1.35rem);display:grid;box-shadow:0 18px 46px #5f379217}.example-featured-output .example-output-header h4{font-size:clamp(1.3rem,1.65vw,1.75rem)}.example-result-highlights{grid-template-columns:repeat(3,minmax(0,1fr));gap:.75rem;display:grid}.example-result-highlights section{background:radial-gradient(circle at 90% 14%,#2fb7a824,#0000 7rem),linear-gradient(135deg,#fffffff0,#ecdffe6b);border:1px solid #5f379224;border-radius:16px;align-content:start;gap:.3rem;min-height:150px;padding:1rem;display:grid}.example-result-highlights strong{color:var(--secondary);font-size:clamp(2.15rem,4vw,3.5rem);line-height:.95}.example-result-highlights span{color:var(--off-black);font-size:.92rem;font-weight:900}.example-result-highlights p{color:var(--dark-gray);font-size:.9rem;line-height:1.45}.example-featured-screenshot,.example-featured-document{background:var(--white);color:var(--secondary);cursor:zoom-in;font:inherit;text-align:left;border:1px solid #5f379229;border-radius:16px;gap:.75rem;padding:.55rem;font-size:.9rem;font-weight:850;transition:border-color .16s,box-shadow .16s,transform .16s;display:grid;position:relative;overflow:hidden}.example-featured-screenshot:hover,.example-featured-document:hover{border-color:#5f37926b;transform:translateY(-2px);box-shadow:0 18px 42px #5f379224}.example-featured-screenshot img,.example-featured-document img{background:var(--white);object-fit:contain;border:1px solid #5f37921f;border-radius:12px;width:100%;height:auto;max-height:min(56vh,620px)}.example-featured-document img{object-position:top;max-height:min(56vh,560px)}.example-featured-screenshot span,.example-featured-document span{justify-self:end;padding-inline:.3rem}.example-mini-gallery{grid-template-columns:repeat(3,minmax(0,1fr));gap:.7rem;display:grid}.example-featured-output .example-website-actions{flex-wrap:wrap;gap:.65rem;display:flex}.example-featured-output .button{width:fit-content;min-height:46px}@media (max-width:1180px){.example-scroll-case{grid-template-columns:minmax(220px,.3fr) minmax(0,1fr)}.example-scroll-step-grid{grid-template-columns:1fr}.example-featured-screenshot img,.example-featured-document img{max-height:none}}@media (max-width:980px){.example-scroll-case{grid-template-columns:1fr}.example-scroll-case .example-timeline{position:static}.example-scroll-case .example-timeline-list{grid-template-columns:1fr;overflow:visible}.example-scroll-case .example-timeline-list:before{background:linear-gradient(#5f37927a,#2fb7a840);width:2px;height:auto;inset:1.2rem auto 1.2rem 1.26rem}.example-scroll-case .example-timeline-list button{grid-template-columns:auto minmax(0,1fr);min-width:0}.example-scroll-step{min-height:auto}}@media (max-width:680px){.lesson-role-tablist{grid-template-columns:repeat(auto-fit,minmax(8.75rem,1fr));padding:.55rem}.lesson-role-tab{min-height:2.55rem;padding:.55rem .75rem;font-size:.82rem}.lesson-role-tab-prompt pre{max-height:22rem;font-size:.78rem}.example-scroll-step{border-radius:18px;scroll-margin-top:82px}.example-scroll-step-grid{gap:1rem;padding:1rem}.example-scroll-copy .example-case-header h3{font-size:1.55rem}.example-featured-output,.example-featured-screenshot,.example-featured-document{border-radius:14px}.example-mini-gallery,.example-result-highlights{grid-template-columns:1fr}.example-featured-output .example-website-actions,.example-featured-output .button,.example-next-button{width:100%}}.about-hero{background:linear-gradient(120deg,#ecdffeeb,#fffffff5 52%),linear-gradient(#2fb7a814,#ffb86b0f);padding:clamp(3.6rem,6vw,6.5rem) 0 clamp(3.4rem,6vw,6rem);overflow:hidden}.about-hero-grid{grid-template-columns:minmax(0,.86fr) minmax(340px,.64fr);align-items:center;gap:clamp(2rem,5vw,5rem);display:grid}.about-hero-copy{gap:1.25rem;min-width:0;animation:.7s cubic-bezier(.22,.72,.16,1) both aboutReveal;display:grid}.about-hero-copy h1{text-wrap:balance;max-width:720px;font-size:clamp(2.65rem,4.55vw,4.9rem);line-height:.98}.about-hero-copy>p:not(.about-kicker){max-width:720px;color:var(--dark-gray);font-size:clamp(1.03rem,1.22vw,1.18rem)}.about-kicker{width:fit-content;color:var(--secondary);letter-spacing:.08em;text-transform:uppercase;background:#ffffffb8;border:1px solid #5f379233;border-radius:999px;padding:.55rem .78rem;font-size:.78rem;font-weight:800;line-height:1}.about-portrait-shell{isolation:isolate;background:linear-gradient(135deg,#ffffffeb,#ecdffe5c),#fffc;border-radius:28px;justify-self:end;width:min(100%,480px);padding:.6rem;animation:.8s cubic-bezier(.22,.72,.16,1) .12s both aboutReveal;position:relative;box-shadow:0 28px 88px #5f37922e}.about-portrait-shell:before{z-index:-1;border-radius:inherit;content:"";opacity:.48;background:linear-gradient(135deg,#a25df8b3,#2fb7a88f);position:absolute;inset:-1px}.about-portrait-frame{background:var(--off-black);border:1px solid #ffffff47;border-radius:22px;overflow:hidden}.about-portrait-image{object-fit:cover;width:100%;height:auto;display:block}.about-proof-strip{background:var(--off-black);color:var(--white);padding:clamp(1.3rem,3vw,2rem) 0}.about-proof-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:0;display:grid}.about-proof-item{border-left:1px solid #ffffff24;align-content:start;gap:.35rem;min-height:188px;padding:clamp(1rem,2.2vw,1.55rem);display:grid}.about-proof-item:first-child{border-left:0}.about-proof-item strong{color:var(--white);font-size:clamp(2.8rem,5vw,5.4rem);font-weight:700;line-height:.95}.about-proof-item span{color:#ffffffe6;font-size:clamp(1rem,1.3vw,1.22rem);font-weight:800}.about-proof-item p{color:#ffffffb8;max-width:31ch;font-size:.95rem;line-height:1.55}.about-story-section{background:var(--white)}.about-story-grid{grid-template-columns:minmax(0,.82fr) minmax(0,1fr);align-items:start;gap:clamp(2rem,5vw,5rem);display:grid}.about-story-lead,.about-story-copy,.about-centered-heading,.about-project-card,.about-manifest,.about-cta{animation:.65s cubic-bezier(.22,.72,.16,1) both aboutReveal}.about-story-lead{gap:1rem;display:grid}.about-story-copy{gap:1.1rem;display:grid}.about-story-copy p{color:var(--dark-gray);font-size:clamp(1.02rem,1.2vw,1.16rem)}.about-centered-heading{text-align:center;justify-items:center}.about-centered-heading p:not(.about-kicker){max-width:760px}.about-platform-feature{background:linear-gradient(115deg,#fffffffa,#ecdffead);border:1px solid #5f37922e;border-radius:8px;grid-template-columns:minmax(280px,.78fr) minmax(0,1.22fr);align-items:center;gap:clamp(1.5rem,4vw,4rem);padding:clamp(1.5rem,4vw,3.5rem);display:grid;overflow:hidden;box-shadow:0 24px 64px #5f37921f}.about-platform-logo-link{border-right:1px solid #5f37921f;place-items:center;min-height:240px;padding-right:clamp(1rem,3vw,3rem);display:grid}.about-platform-logo{width:min(100%,440px);height:auto;display:block}.about-platform-feature-copy{align-content:center;gap:.9rem;min-width:0;display:grid}.about-platform-feature-copy>span{color:var(--secondary);letter-spacing:.07em;text-transform:uppercase;font-size:.76rem;font-weight:900}.about-platform-feature-copy h3{text-wrap:balance;max-width:680px;font-size:clamp(1.75rem,3.4vw,3.2rem);line-height:1.08}.about-platform-feature-copy p{max-width:680px;color:var(--dark-gray);font-size:clamp(1rem,1.25vw,1.15rem)}.about-platform-feature-copy a,.about-platform-card a{justify-content:center;align-items:center;gap:.45rem;width:fit-content;display:inline-flex}.about-platform-feature-copy a{background:var(--secondary);color:var(--white);border-radius:8px;margin-top:.35rem;padding:.88rem 1rem;font-size:.96rem;font-weight:850;line-height:1.2;transition:background-color .16s,box-shadow .16s,transform .16s}.about-platform-feature-copy a:hover{background:#4c287d;transform:translateY(-1px);box-shadow:0 14px 30px #5f379233}.about-platform-secondary-heading{gap:.65rem;margin-top:clamp(2.4rem,5vw,4.5rem);margin-bottom:1.1rem;display:grid}.about-platform-secondary-heading h3{font-size:clamp(1.45rem,2.4vw,2.15rem)}.about-platform-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:1rem;display:grid}.about-platform-card{background:#ffffffd1;border:1px solid #5f379226;border-radius:8px;align-content:start;gap:.85rem;min-height:235px;padding:1.2rem;display:grid;position:relative;overflow:hidden;box-shadow:0 18px 48px #5f379214}.about-platform-card:after{background:linear-gradient(90deg, var(--primary), var(--teal));content:"";border-radius:999px;width:3rem;height:.28rem;position:absolute;inset:auto 1.2rem 1.2rem auto}.about-platform-card span{color:var(--secondary);letter-spacing:.07em;text-transform:uppercase;font-size:.74rem;font-weight:900}.about-platform-card h3{color:var(--secondary)}.about-platform-card p{color:var(--dark-gray)}.about-platform-card a{width:fit-content;color:var(--secondary);border:1px solid #5f379238;border-radius:8px;align-self:end;padding:.72rem .9rem;font-size:.9rem;font-weight:800;line-height:1.2;transition:border-color .16s,box-shadow .16s,transform .16s}.about-platform-card a:hover{border-color:#5f37926b;transform:translateY(-1px);box-shadow:0 12px 26px #5f37921f}.about-project-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:1rem;display:grid}.about-project-card{background:var(--white);border:1px solid #5f379226;border-radius:18px;overflow:hidden;box-shadow:0 16px 44px #5f379214}.about-project-card a{aspect-ratio:16/10;background:#ecdffe6b;display:block;overflow:hidden}.about-project-image{object-fit:cover;object-position:top center;width:100%;height:100%;transition:transform .52s cubic-bezier(.22,.72,.16,1);display:block}.about-project-card:hover .about-project-image{transform:scale(1.035)}.about-project-copy{gap:.55rem;padding:1rem;display:grid}.about-project-copy span{color:var(--secondary);letter-spacing:.07em;text-transform:uppercase;font-size:.72rem;font-weight:800}.about-project-copy p{color:var(--dark-gray);font-size:.92rem;line-height:1.48}.about-manifest-section{background:linear-gradient(135deg, #080f17fa, #5f3792f5), var(--off-black);padding:clamp(3.5rem,7vw,6.5rem) 0}.about-manifest{gap:1.3rem;max-width:980px;display:grid}.about-manifest p:first-child{color:var(--warm);font-size:clamp(1.35rem,2.2vw,2rem);font-weight:800;line-height:1.15}.about-manifest h2{max-width:980px;color:var(--white);font-size:clamp(2.2rem,5vw,5.4rem);line-height:1}.about-manifest p:last-child{color:#ffffffc7;max-width:760px;font-size:clamp(1.03rem,1.35vw,1.22rem)}.about-cta-section{background:linear-gradient(180deg, #ecdffe94, var(--white))}.about-cta{text-align:center;justify-items:center;display:grid}.about-cta h2,.about-cta p{margin-inline:auto}.about-cta p{max-width:720px;color:var(--dark-gray);margin-top:1rem;font-size:clamp(1.02rem,1.3vw,1.18rem)}.about-cta .button-row{justify-content:center}@keyframes aboutReveal{0%{opacity:0;transform:translateY(1rem)}to{opacity:1;transform:translateY(0)}}@media (max-width:1180px){.about-hero-grid,.about-story-grid,.about-platform-feature{grid-template-columns:1fr}.about-platform-logo-link{border-bottom:1px solid #5f37921f;border-right:0;min-height:190px;padding-bottom:clamp(1.2rem,4vw,2rem);padding-right:0}.about-portrait-shell{justify-self:start;width:min(100%,580px)}.about-platform-grid,.about-project-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (max-width:680px){.about-hero{padding:2.6rem 0 3rem}.about-hero-copy h1{font-size:clamp(2.55rem,12vw,3.45rem)}.about-portrait-shell{border-radius:22px;padding:.42rem}.about-portrait-frame{border-radius:17px}.about-proof-grid,.about-platform-grid,.about-project-grid{grid-template-columns:1fr}.about-proof-item,.about-proof-item:first-child{border-top:1px solid #ffffff24;border-left:0;min-height:auto}.about-proof-item:first-child{border-top:0}.about-platform-card{min-height:auto}.about-platform-feature-copy a{width:100%}.about-manifest h2{font-size:clamp(2.05rem,11vw,3rem)}}@media (prefers-reduced-motion:reduce){.about-hero-copy,.about-portrait-shell,.about-story-lead,.about-story-copy,.about-centered-heading,.about-platform-feature,.about-project-card,.about-manifest,.about-cta,.about-project-image{transition:none;animation:none}.about-project-card:hover .about-project-image,.about-platform-feature-copy a:hover{transform:none}.lesson-progressive-grid,.lesson-shrink-grid,.lesson-preview-grid,.lesson-app-preview,.commitment-card.is-no,.commitment-result-burst,.commitment-confetti span{animation:none}.commitment-confetti span{opacity:0}.example-showcase-card,.example-showcase-card:before,.example-showcase-card:after,.example-card-image-link img,.example-card-carousel-stage img,.example-card-link{transition:none}.example-showcase-card{opacity:1;transform:none}.example-showcase-card:hover,.example-showcase-card:focus-within,.example-showcase-card:hover .example-card-image-link img,.example-showcase-card:focus-within .example-card-image-link img,.example-showcase-card:hover .example-card-carousel-stage img,.example-showcase-card:focus-within .example-card-carousel-stage img{transform:none}.example-showcase-card:after{display:none}.story-hero-quote p{animation:none}}@media (max-width:720px){.lesson-style-prompt-example-grid,.lesson-upload-do-dont-grid{grid-template-columns:1fr}}@media (max-width:980px){.lesson-build-idea-maker-panel,.lesson-build-prompt-maker-panel,.lesson-build-prompt-support{grid-template-columns:1fr}}@media (max-width:680px){.lesson-smallness-options,.lesson-recovery-prompt{grid-template-columns:1fr}.lesson-build-idea-actions{flex-direction:column;align-items:stretch}.lesson-build-idea-copy-button,.lesson-recovery-prompt button{width:100%}}.lesson-supabase-plan-section{background:radial-gradient(circle at 90% 8%,#2fb7a824,#0000 22rem),linear-gradient(#ecdffe6b,#fffffffa)}.lesson-supabase-plan-panel,.lesson-prd-starter-panel{background:#fffffff5;border:1px solid #5f379226;border-radius:8px;gap:1.25rem;padding:clamp(1rem,3vw,2rem);display:grid;box-shadow:0 22px 58px #5f37921a}.lesson-supabase-plan-heading,.lesson-prd-starter-heading{grid-template-columns:minmax(0,1fr) auto;align-items:end;gap:1rem;min-width:0;display:grid}.lesson-supabase-plan-heading .section-heading,.lesson-prd-starter-heading .section-heading{max-width:54rem;margin-bottom:0}.lesson-supabase-plan-progress,.lesson-prd-starter-progress{justify-items:end;min-width:10rem;display:grid}.lesson-supabase-plan-progress strong,.lesson-prd-starter-progress strong{color:var(--secondary);font-size:clamp(2.2rem,4vw,3.5rem);line-height:.95}.lesson-supabase-plan-progress span,.lesson-prd-starter-progress span{color:var(--dark-gray);font-size:.82rem;font-weight:850}.lesson-supabase-plan-layout{grid-template-columns:minmax(230px,.48fr) minmax(0,1.52fr);gap:1rem;min-width:0;display:grid}.lesson-supabase-plan-layout>nav,.lesson-prd-question-tabs{align-content:start;gap:.55rem;display:grid}.lesson-supabase-plan-layout>nav button,.lesson-prd-question-tabs button{min-height:4.4rem;color:var(--off-black);text-align:left;background:#f8fafce6;border:1px solid #5f379226;border-radius:7px;grid-template-columns:2.25rem minmax(0,1fr);align-items:center;gap:.1rem .7rem;padding:.65rem .75rem;display:grid}.lesson-supabase-plan-layout>nav button.is-active,.lesson-prd-question-tabs button.is-active{border-color:var(--secondary);background:#ecdffe8f}.lesson-supabase-plan-layout>nav button>span,.lesson-prd-question-tabs button>span{background:var(--primary-light);width:2.25rem;height:2.25rem;color:var(--secondary);border-radius:999px;grid-row:1/span 2;place-items:center;font-weight:950;display:grid}.lesson-supabase-plan-layout>nav button.is-active>span,.lesson-prd-question-tabs button.is-active>span{background:var(--secondary);color:var(--white)}.lesson-supabase-plan-layout>nav small,.lesson-prd-question-tabs small{color:var(--dark-gray);font-size:.75rem;font-weight:700}.lesson-supabase-plan-content{background:radial-gradient(circle at 100% 0%, #2fb7a81f, transparent 50%), var(--white);border:1px solid #2fb7a847;border-radius:8px;min-width:0;padding:clamp(1rem,2.5vw,1.5rem)}.lesson-supabase-plan-question,.lesson-supabase-plan-result{align-content:start;gap:1rem;display:grid}.lesson-supabase-plan-step{color:#14665e;letter-spacing:.05em;text-transform:uppercase;font-size:.75rem;font-weight:900}.lesson-supabase-plan-question h3,.lesson-supabase-plan-result h3{color:var(--off-black);font-size:clamp(1.4rem,2.6vw,2.15rem);line-height:1.15}.lesson-supabase-plan-question fieldset{border:0;gap:.55rem;padding:0;display:grid}.lesson-supabase-plan-question legend{color:var(--dark-gray);margin-bottom:.5rem;font-weight:800}.lesson-choice-grid,.lesson-data-choice-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:.65rem;display:grid}.lesson-data-choice-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.lesson-choice-grid button,.lesson-data-choice-grid button{color:var(--off-black);text-align:left;background:#f8fafce6;border:1px solid #5f379229;border-radius:7px;padding:.85rem}.lesson-choice-grid button[aria-pressed=true],.lesson-data-choice-grid button[aria-pressed=true]{background:#2fb7a81c;border-color:#14665e;box-shadow:inset 0 0 0 1px #2fb7a829}.lesson-data-choice-grid button{align-content:start;gap:.4rem;min-height:9rem;display:grid}.lesson-data-choice-grid button span{color:var(--dark-gray);line-height:1.45}.lesson-supabase-plan-next,.lesson-supabase-plan-result>button{border:1px solid var(--secondary);background:var(--secondary);width:fit-content;min-height:2.9rem;color:var(--white);border-radius:999px;padding:.65rem 1rem;font-weight:900}.lesson-supabase-plan-next:disabled{cursor:not-allowed;opacity:.42}.lesson-supabase-plan-result ul{gap:.65rem;padding:0;display:grid}.lesson-supabase-plan-result li{color:var(--dark-gray);border:1px solid #2fb7a833;border-radius:7px;padding:.8rem .8rem .8rem 2rem;line-height:1.5;position:relative}.lesson-supabase-plan-result li:before{content:"";background:var(--teal);border-radius:999px;width:.48rem;height:.48rem;position:absolute;top:1.1rem;left:.85rem}.lesson-supabase-inline-advice{border:1px solid #2fb7a857;border-left:5px solid var(--teal);background:#2fb7a817;border-radius:7px;gap:.45rem;padding:.9rem 1rem;display:grid}.lesson-supabase-inline-advice>span{color:#14665e;letter-spacing:.05em;text-transform:uppercase;font-size:.74rem;font-weight:900}.lesson-supabase-inline-advice h4{color:var(--off-black);font-size:clamp(1.05rem,1.8vw,1.28rem);line-height:1.25}.lesson-supabase-inline-advice p,.lesson-supabase-advice-placeholder{color:var(--dark-gray);line-height:1.55}.lesson-supabase-advice-placeholder{background:#ecdffe2e;border:1px dashed #5f379238;border-radius:7px;padding:.9rem 1rem}.lesson-prd-topics{gap:.75rem;display:grid}.lesson-prd-topic-tabs{grid-template-columns:repeat(3,minmax(0,1fr));gap:.55rem;display:grid}.lesson-prd-topic-tabs button{min-height:3.2rem;color:var(--dark-gray);background:#ffffffd1;border:1px solid #5f379229;border-radius:7px;padding:.65rem;font-weight:850}.lesson-prd-topic-tabs button.is-active{border-color:var(--secondary);background:var(--secondary);color:var(--white)}.lesson-prd-topic-panel{background:#ffffffeb;border:1px solid #5f379224;border-radius:8px;grid-template-columns:repeat(3,minmax(0,1fr));gap:.7rem;padding:.85rem;display:grid}.lesson-prd-topic-panel article{border-right:1px solid #5f37921f;align-content:start;gap:.4rem;min-height:9rem;padding:.65rem;display:grid}.lesson-prd-topic-panel article:last-child{border-right:0}.lesson-prd-topic-panel h3{color:var(--off-black);font-size:1.08rem}.lesson-prd-topic-panel p{color:var(--dark-gray);line-height:1.5}.lesson-prd-starter-section{background:radial-gradient(circle at 8% 0,#a25df81f,#0000 20rem),linear-gradient(#ecdffe7a,#fffffffa)}.lesson-prd-starter-layout{grid-template-columns:minmax(0,.92fr) minmax(0,1.08fr);gap:1rem;min-width:0;display:grid}.lesson-prd-starter-form{grid-template-columns:minmax(190px,.62fr) minmax(0,1fr);gap:.75rem;min-width:0;display:grid}.lesson-prd-question-card{background:var(--white);border:1px solid #5f379224;border-radius:8px;align-content:start;gap:.65rem;padding:1rem;display:grid}.lesson-prd-question-card label{color:var(--off-black);font-size:clamp(1.15rem,2vw,1.55rem);font-weight:850;line-height:1.2}.lesson-prd-question-card>p{color:var(--dark-gray);line-height:1.5}.lesson-prd-question-card textarea{resize:vertical;width:100%;min-height:10rem;color:var(--off-black);font:inherit;background:#f8fafccc;border:1px solid #5f379238;border-radius:7px;padding:.8rem;line-height:1.5}.lesson-prd-question-card textarea:focus{border-color:var(--secondary);outline:3px solid #a25df824}.lesson-prd-question-actions{flex-wrap:wrap;justify-content:space-between;gap:.55rem;display:flex}.lesson-prd-question-actions button,.lesson-prd-generated-prompt>button{background:var(--white);min-height:2.75rem;color:var(--secondary);border:1px solid #5f379238;border-radius:999px;padding:.6rem .9rem;font-weight:850}.lesson-prd-question-actions button:last-child,.lesson-prd-generated-prompt>button{border-color:var(--secondary);background:var(--secondary);color:var(--white)}.lesson-prd-question-actions button:disabled{opacity:.38}.lesson-prd-generated-prompt{background:#15111c;border:1px solid #110c18e6;border-radius:8px;min-width:0;display:grid;overflow:hidden}.lesson-prd-generated-prompt>div{color:var(--white);border-bottom:1px solid #ffffff24;justify-content:space-between;align-items:center;gap:.75rem;padding:.8rem 1rem;display:flex}.lesson-prd-generated-prompt>div p{font-weight:850}.lesson-prd-generated-prompt>div button{color:#ffffffc7;background:0 0;border:0;font-weight:800}.lesson-prd-generated-prompt pre{color:#f7f2ff;white-space:pre-wrap;max-height:22rem;padding:1rem;font-family:Courier New,monospace;font-size:.84rem;line-height:1.58;overflow:hidden}.lesson-prd-generated-prompt pre[data-expanded=true]{max-height:36rem;overflow-y:auto}.lesson-prd-generated-prompt>button{border-radius:0;width:100%}.lesson-prd-tool-note{background:#ecdffe47;border-left:4px solid #5f379252;padding:.8rem 1rem}.lesson-prd-tool-note summary{cursor:pointer;color:var(--secondary);font-weight:850}.lesson-prd-tool-note p{color:var(--dark-gray);margin-top:.55rem;line-height:1.5}.lesson-phase-stepper{gap:.75rem;display:grid}.lesson-phase-step-tabs{grid-template-columns:repeat(5,minmax(0,1fr));gap:.45rem;display:grid}.lesson-phase-step-tabs button{background:var(--white);min-height:3.7rem;color:var(--dark-gray);text-align:left;border:1px solid #5f379226;border-radius:7px;grid-template-columns:2rem minmax(0,1fr);align-items:center;gap:.55rem;padding:.55rem;display:grid}.lesson-phase-step-tabs button span{background:var(--primary-light);width:2rem;height:2rem;color:var(--secondary);border-radius:999px;place-items:center;font-weight:900;display:grid}.lesson-phase-step-tabs button.is-active{color:var(--off-black);background:#2fb7a81a;border-color:#14665e}.lesson-phase-step-tabs button.is-active span{color:var(--white);background:#14665e}.lesson-phase-step-panel{background:var(--white);border:1px solid #2fb7a847;border-radius:8px;gap:.75rem;padding:clamp(1rem,2vw,1.35rem);display:grid}.lesson-phase-step-panel>p{color:#14665e;letter-spacing:.05em;text-transform:uppercase;font-size:.75rem;font-weight:900}.lesson-phase-step-panel>h3{color:var(--off-black);font-size:clamp(1.35rem,2.4vw,1.9rem)}.lesson-phase-step-panel>div{grid-template-columns:repeat(2,minmax(0,1fr));gap:.7rem;display:grid}.lesson-phase-step-panel article{background:#f8fafcd1;border:1px solid #5f37921f;border-radius:7px;gap:.4rem;padding:.85rem;display:grid}.lesson-phase-step-panel article span{color:var(--secondary);letter-spacing:.05em;text-transform:uppercase;font-size:.76rem;font-weight:900}.lesson-phase-step-panel article:last-child span{color:#14665e}.lesson-phase-step-panel article p{color:var(--dark-gray);line-height:1.5}@media (max-width:980px){.lesson-supabase-plan-heading,.lesson-prd-starter-heading,.lesson-supabase-plan-layout,.lesson-prd-starter-layout{grid-template-columns:1fr}.lesson-supabase-plan-progress,.lesson-prd-starter-progress{justify-items:start}.lesson-supabase-plan-layout>nav{grid-template-columns:repeat(2,minmax(0,1fr))}.lesson-prd-starter-form{grid-template-columns:minmax(210px,.55fr) minmax(0,1fr)}.lesson-phase-step-tabs{max-width:100%;padding-bottom:.25rem;display:flex;overflow-x:auto}.lesson-phase-step-tabs button{flex:0 0 12rem}}@media (max-width:700px){.lesson-supabase-plan-panel,.lesson-prd-starter-panel{width:calc(100% - 1.25rem)}.lesson-supabase-plan-layout>nav button{text-align:center;justify-content:center;min-height:3.4rem;padding:.45rem;display:flex}.lesson-supabase-plan-layout>nav button>span{flex:0 0 2rem;width:2rem;height:2rem}.lesson-supabase-plan-layout>nav button strong{font-size:.82rem}.lesson-supabase-plan-layout>nav button small{display:none}.lesson-choice-grid,.lesson-data-choice-grid,.lesson-prd-topic-panel,.lesson-phase-step-panel>div{grid-template-columns:1fr}.lesson-data-choice-grid button{min-height:auto}.lesson-prd-topic-tabs{grid-template-columns:1fr}.lesson-prd-topic-panel article{border-bottom:1px solid #5f37921f;border-right:0;min-height:0}.lesson-prd-topic-panel article:last-child{border-bottom:0}.lesson-prd-starter-form{grid-template-columns:1fr}.lesson-prd-question-tabs{grid-template-columns:repeat(2,minmax(0,1fr))}.lesson-prd-question-tabs button{align-items:center;min-height:4.2rem;padding:.55rem;display:flex}.lesson-prd-question-tabs button>span{flex:0 0 2rem;width:2rem;height:2rem}.lesson-prd-question-tabs button strong{font-size:.78rem;line-height:1.25}.lesson-prd-question-tabs button small{display:none}.lesson-prd-generated-prompt pre{max-height:17rem}}.lesson-learning-context-section{background:#fff}.lesson-learning-context-panel{gap:1.4rem;display:grid}.lesson-learning-context-copy{grid-template-columns:minmax(0,.9fr) minmax(24rem,1.1fr);align-items:end;gap:1.5rem 3rem;display:grid}.lesson-learning-context-copy .lesson-section-kicker{grid-column:1/-1;margin-bottom:-.65rem}.lesson-learning-context-copy h2{max-width:46rem;color:var(--off-black);font-size:2.45rem;line-height:1.12}.lesson-learning-context-copy>p:last-child{color:var(--dark-gray);font-size:1.05rem;line-height:1.7}.lesson-learning-context-examples{grid-template-columns:repeat(3,minmax(0,1fr));gap:.85rem;display:grid}.lesson-learning-context-examples article{border:1px solid #5f379229;border-top:4px solid var(--secondary);background:#fff;border-radius:8px;align-content:start;gap:.55rem;min-width:0;min-height:14rem;padding:1.1rem;display:grid}.lesson-learning-context-examples article:nth-child(2){border-top-color:#2f8f83}.lesson-learning-context-examples article:nth-child(3){border-top-color:#d49321}.lesson-learning-context-examples svg{color:var(--secondary)}.lesson-learning-context-examples article:nth-child(2) svg{color:#1c7168}.lesson-learning-context-examples article:nth-child(3) svg{color:#9b6100}.lesson-learning-context-examples span{color:var(--secondary);letter-spacing:.05em;text-transform:uppercase;font-size:.76rem;font-weight:900}.lesson-learning-context-examples h3{color:var(--off-black);font-size:1.15rem;line-height:1.35}.lesson-learning-context-examples p{color:var(--dark-gray);line-height:1.55}.lesson-learning-context-rule{color:var(--dark-gray);background:#2f8f8314;border-left:5px solid #2f8f83;align-items:center;gap:.7rem;padding:.9rem 1rem;line-height:1.55;display:flex}.lesson-learning-context-rule svg{color:#1c7168;flex:none}.lesson-learning-context-rule strong{color:var(--off-black)}.lesson-learning-compass-section{background:#f7f3fd}.lesson-learning-compass{background:#fffffffa;border:1px solid #5f379229;border-radius:8px;gap:1.2rem;padding:1.5rem;display:grid;box-shadow:0 22px 58px #5f37921a}.lesson-learning-compass-heading{grid-template-columns:minmax(0,1fr) auto;align-items:end;gap:1rem;display:grid}.lesson-learning-compass-heading .section-heading{max-width:56rem;margin:0}.lesson-learning-compass-progress{justify-items:end;min-width:10.5rem;display:grid}.lesson-learning-compass-progress strong{color:var(--secondary);font-size:3.3rem;line-height:.95}.lesson-learning-compass-progress span{color:var(--dark-gray);font-size:.82rem;font-weight:850}.lesson-learning-context-fields{background:#ecdffe3d;border:1px solid #5f379221;border-radius:8px;grid-template-columns:repeat(2,minmax(0,1fr));gap:.75rem;padding:.85rem;display:grid}.lesson-learning-context-fields label{color:var(--off-black);gap:.45rem;font-weight:850;display:grid}.lesson-learning-context-fields textarea{resize:vertical;width:100%;min-height:6.5rem;color:var(--off-black);font:inherit;background:#fff;border:1px solid #5f379233;border-radius:7px;padding:.75rem;font-weight:500;line-height:1.5}.lesson-learning-context-fields textarea:focus{border-color:var(--secondary);outline:3px solid #a25df824}.lesson-learning-compass-layout{grid-template-columns:minmax(220px,.42fr) minmax(0,1.58fr);gap:.85rem;min-width:0;display:grid}.lesson-learning-compass-tabs{align-content:start;gap:.5rem;display:grid}.lesson-learning-compass-tabs button{min-height:4.3rem;color:var(--off-black);text-align:left;background:#f8fafc;border:1px solid #5f379229;border-radius:7px;grid-template-columns:2.3rem minmax(0,1fr);align-items:center;gap:.1rem .65rem;padding:.6rem .7rem;display:grid}.lesson-learning-compass-tabs button.is-active{border-color:var(--secondary);box-shadow:inset 4px 0 0 var(--secondary);background:#ecdffe94}.lesson-learning-compass-tabs button>span{background:var(--primary-light);width:2.3rem;height:2.3rem;color:var(--secondary);border-radius:50%;grid-row:1/span 2;place-items:center;display:grid}.lesson-learning-compass-tabs button.is-active>span{background:var(--secondary);color:#fff}.lesson-learning-compass-tabs strong{font-size:.92rem}.lesson-learning-compass-tabs small{color:var(--dark-gray);font-size:.72rem;font-weight:700}.lesson-learning-compass-panel{background:#fff;border:1px solid #2f8f833d;border-radius:8px;align-content:start;gap:.95rem;min-width:0;padding:1.2rem;display:grid}.lesson-learning-compass-panel>p:first-child{color:#1c7168;letter-spacing:.05em;text-transform:uppercase;font-size:.76rem;font-weight:900}.lesson-learning-compass-panel>h3{color:var(--off-black);font-size:1.85rem;line-height:1.2}.lesson-learning-choice-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:.65rem;display:grid}.lesson-learning-choice-grid button{min-height:7.5rem;color:var(--off-black);text-align:left;background:#fff;border:2px solid #5f379226;border-radius:8px;grid-template-columns:1.75rem minmax(0,1fr);align-content:start;gap:.25rem .6rem;padding:.8rem;display:grid}.lesson-learning-choice-grid button:hover,.lesson-learning-choice-grid button:focus-visible{border-color:#5f37927a}.lesson-learning-choice-grid button[aria-pressed=true]{border-color:var(--secondary);box-shadow:inset 0 0 0 1px var(--secondary);background:#ecdffe73}.lesson-learning-choice-grid button>span{color:#fff;border:2px solid #5f379238;border-radius:50%;place-items:center;width:1.75rem;height:1.75rem;display:grid}.lesson-learning-choice-grid button[aria-pressed=true]>span{border-color:var(--secondary);background:var(--secondary)}.lesson-learning-choice-grid strong{align-self:center;line-height:1.25}.lesson-learning-choice-grid small{color:var(--dark-gray);grid-column:2;font-size:.82rem;line-height:1.45}.lesson-learning-choice-feedback{background:#2f8f8314;border-left:5px solid #2f8f83;grid-template-columns:repeat(2,minmax(0,1fr));gap:.65rem;padding:.85rem;display:grid}.lesson-learning-choice-feedback>div{gap:.3rem;display:grid}.lesson-learning-choice-feedback span{color:#1c7168;letter-spacing:.04em;text-transform:uppercase;font-size:.72rem;font-weight:900}.lesson-learning-choice-feedback p,.lesson-learning-choice-placeholder{color:var(--dark-gray);line-height:1.5}.lesson-learning-choice-placeholder{background:#ecdffe33;border:1px dashed #5f37923d;border-radius:7px;padding:.85rem}.lesson-learning-compass-next{border:1px solid var(--secondary);background:var(--secondary);color:#fff;border-radius:7px;width:fit-content;min-height:2.85rem;padding:.6rem .9rem;font-weight:900}.lesson-learning-compass-next:disabled{cursor:not-allowed;opacity:.42}.lesson-learning-spar-prompt{background:#15111c;border:1px solid #15111c;border-radius:8px;grid-template-columns:minmax(15rem,.42fr) minmax(0,1.58fr);min-width:0;display:grid;overflow:hidden}.lesson-learning-spar-copy{color:#fff;background:#251b31;align-content:start;gap:.6rem;padding:1.2rem;display:grid}.lesson-learning-spar-copy .lesson-section-kicker{color:#d8c1fa}.lesson-learning-spar-copy h3{font-size:1.5rem;line-height:1.25}.lesson-learning-spar-copy p:last-child{color:#ffffffc2;line-height:1.55}.lesson-learning-spar-code{min-width:0;display:grid}.lesson-learning-spar-code pre{color:#f7f2ff;white-space:pre-wrap;max-height:26rem;padding:1rem;font-family:Courier New,monospace;font-size:.82rem;line-height:1.55;overflow:auto}.lesson-learning-spar-code>button{background:var(--secondary);color:#fff;border:0;justify-content:center;align-items:center;gap:.55rem;min-height:3.2rem;padding:.7rem 1rem;font-weight:900;display:inline-flex}.lesson-learning-spar-locked{color:var(--dark-gray);background:#ecdffe33;border:1px dashed #5f379247;border-radius:8px;align-items:center;gap:.75rem;padding:.9rem 1rem;display:flex}.lesson-learning-spar-locked svg{color:var(--secondary);flex:none}.lesson-learning-spar-locked strong{color:var(--off-black)}.lesson-learning-spar-locked p{margin-top:.15rem;line-height:1.45}.lesson-learning-briefing-section{background:#fff}.lesson-learning-briefing-panel{grid-template-columns:minmax(0,.82fr) minmax(24rem,1.18fr);align-items:start;gap:2rem;display:grid}.lesson-learning-briefing-copy{gap:.8rem;display:grid}.lesson-learning-briefing-copy h2{color:var(--off-black);font-size:2.35rem;line-height:1.14}.lesson-learning-briefing-copy>p:last-of-type{color:var(--dark-gray);line-height:1.65}.lesson-learning-briefing-note{background:#d4932117;border-left:5px solid #d49321;gap:.35rem;padding:.85rem 1rem;display:grid}.lesson-learning-briefing-note strong{color:#754900}.lesson-learning-briefing-note p{color:var(--dark-gray);line-height:1.5}.lesson-learning-briefing-paper{background:#fff;border:1px solid #5f37922e;border-radius:8px;box-shadow:0 18px 42px #5f37921a}.lesson-learning-briefing-paper>div{color:var(--secondary);background:#f7f3fd;border-bottom:1px solid #5f379224;align-items:center;gap:.65rem;padding:.9rem 1rem;display:flex}.lesson-learning-briefing-paper ol{counter-reset:briefing;gap:0;padding:0;display:grid}.lesson-learning-briefing-paper li{color:var(--dark-gray);counter-increment:briefing;border-bottom:1px solid #5f37921a;grid-template-columns:2rem minmax(0,1fr);align-items:center;gap:.65rem;padding:.7rem 1rem;line-height:1.45;display:grid}.lesson-learning-briefing-paper li:last-child{border-bottom:0}.lesson-learning-briefing-paper li:before{content:counter(briefing);background:var(--primary-light);width:2rem;height:2rem;color:var(--secondary);border-radius:50%;place-items:center;font-weight:900;display:grid}.lesson-learning-source-section{background:#eef8f6}.lesson-learning-source-panel{background:#fff;border-left:6px solid #2f8f83;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:1.5rem;padding:1.3rem 1.5rem;display:grid}.lesson-learning-source-panel>div{gap:.55rem;display:grid}.lesson-learning-source-panel h2{color:var(--off-black);font-size:1.7rem;line-height:1.25}.lesson-learning-source-panel p:last-child{max-width:60rem;color:var(--dark-gray);line-height:1.6}.lesson-learning-source-panel>a{color:#fff;background:#1c7168;border:1px solid #1c7168;border-radius:7px;justify-content:center;align-items:center;gap:.55rem;min-height:3rem;padding:.65rem .9rem;font-weight:900;display:inline-flex}@media (max-width:980px){.lesson-learning-context-copy,.lesson-learning-compass-heading,.lesson-learning-briefing-panel,.lesson-learning-source-panel{grid-template-columns:1fr}.lesson-learning-compass-progress{justify-items:start}.lesson-learning-compass-layout{grid-template-columns:1fr}.lesson-learning-compass-tabs{max-width:100%;padding-bottom:.3rem;display:flex;overflow-x:auto}.lesson-learning-compass-tabs button{flex:0 0 11rem}.lesson-learning-spar-prompt{grid-template-columns:1fr}.lesson-learning-source-panel>a{width:fit-content}}@media (max-width:720px){.lesson-learning-context-copy h2,.lesson-learning-briefing-copy h2{font-size:1.8rem}.lesson-learning-context-examples,.lesson-learning-context-fields,.lesson-learning-choice-grid,.lesson-learning-choice-feedback{grid-template-columns:1fr}.lesson-learning-context-examples article{min-height:0}.lesson-learning-compass{width:calc(100% - 1.25rem);padding:1rem}.lesson-learning-compass-panel>h3{font-size:1.5rem}.lesson-learning-choice-grid button{min-height:0}.lesson-learning-source-panel>a{width:100%}}.expert-coach-demo-section,.expert-coach-output-section,.expert-coach-tests-section{background:#fff}.expert-coach-demo-section{padding-top:clamp(4.5rem,8vw,7.5rem)}.expert-coach-demo-shell,.expert-coach-route-shell,.expert-coach-tests-shell{gap:2rem;display:grid}.expert-coach-demo-heading,.expert-coach-route-heading,.expert-coach-tests-heading{grid-template-columns:minmax(0,1fr) minmax(18rem,.75fr);align-items:end;gap:clamp(2rem,5vw,5.5rem);display:grid}.expert-coach-demo-heading h2,.expert-coach-route-heading h2,.expert-coach-output-copy h2,.expert-coach-firewall-copy h2,.expert-coach-tests-heading h2{color:var(--off-black);letter-spacing:-.045em;font-size:clamp(2rem,4vw,3.6rem);line-height:1.06}.expert-coach-demo-heading>p,.expert-coach-route-heading>p,.expert-coach-tests-heading>p{color:var(--dark-gray);font-size:1.08rem;line-height:1.75}.expert-coach-demo-note{background:#f8f3ff;border:1px solid #d9c8f3;border-radius:10px;grid-template-columns:auto 1fr auto;align-items:center;gap:1rem;padding:.9rem 1rem;display:grid}.expert-coach-demo-note span,.expert-coach-demo-note strong{color:var(--primary);font-weight:900}.expert-coach-demo-note span{text-transform:uppercase;letter-spacing:.08em;background:#e8dcfb;border-radius:999px;padding:.35rem .65rem;font-size:.76rem}.expert-coach-demo-note p{color:#4d4260;line-height:1.5}.expert-coach-demo-layout{background:#f7f5fa;border:1px solid #d9d3e4;border-radius:16px;grid-template-columns:minmax(0,.82fr) minmax(0,1.18fr);min-height:42rem;display:grid;overflow:hidden;box-shadow:0 26px 70px #321d521f}.expert-coach-demo-workspace,.expert-coach-response-panel{padding:clamp(1.25rem,3vw,2.2rem)}.expert-coach-demo-workspace{background:#fff;border-right:1px solid #d9d3e4;flex-direction:column;gap:1.25rem;display:flex}.expert-coach-question-card{border-left:5px solid var(--primary);background:#f3ecff;gap:.6rem;padding:1.1rem 1.2rem;display:grid}.expert-coach-question-card>span,.expert-coach-answer-field>span,.expert-coach-answer-picker legend{color:var(--primary);letter-spacing:.07em;text-transform:uppercase;font-size:.78rem;font-weight:900}.expert-coach-question-card h3{color:var(--off-black);font-size:1.15rem;line-height:1.55}.expert-coach-answer-picker{border:0;gap:.7rem;margin:0;padding:0;display:grid}.expert-coach-answer-picker>div{grid-template-columns:repeat(3,1fr);gap:.55rem;display:grid}.expert-coach-answer-picker button{color:#473755;min-height:3rem;font:inherit;cursor:pointer;background:#fff;border:1px solid #d8d0e3;border-radius:7px;padding:.5rem .65rem;font-size:.82rem;font-weight:800}.expert-coach-answer-picker button.is-active{border-color:var(--primary);color:var(--primary);box-shadow:inset 0 0 0 1px var(--primary);background:#ede3fd}.expert-coach-answer-field{gap:.6rem;display:grid}.expert-coach-answer-field textarea{resize:none;color:#251d2e;width:100%;font:inherit;background:#fbfafc;border:1px solid #d8d0e3;border-radius:9px;padding:.9rem 1rem;line-height:1.65}.expert-coach-answer-field textarea:focus-visible,.expert-coach-answer-picker button:focus-visible,.expert-coach-primary-button:focus-visible,.expert-coach-progress-card button:focus-visible{outline-offset:2px;outline:3px solid #a25df861}.expert-coach-primary-button{background:var(--primary);color:#fff;min-height:3.35rem;font:inherit;cursor:pointer;border:0;border-radius:7px;padding:.75rem 1rem;font-weight:900}.expert-coach-primary-button:disabled{cursor:default;background:#b9aec6}.expert-coach-demo-workspace>.expert-coach-primary-button{margin-top:auto}.expert-coach-response-panel{background:linear-gradient(135deg,#ecdffea6,#ffffff26),#f8f6fa;flex-direction:column;gap:1.1rem;display:flex}.expert-coach-empty-state{text-align:center;gap:1rem;max-width:30rem;margin:auto;display:grid}.expert-coach-empty-state>span{width:4.25rem;height:4.25rem;color:var(--primary);border:1px solid #bfa4e8;border-radius:50%;place-items:center;margin:0 auto;font-size:1.25rem;font-weight:900;display:grid}.expert-coach-empty-state h3{color:var(--off-black);font-size:1.65rem;line-height:1.25}.expert-coach-empty-state p{color:var(--dark-gray);line-height:1.7}.expert-coach-feedback-grid{gap:.75rem;display:grid}.expert-coach-feedback-grid article{background:#ffffffeb;border:1px solid #ddd5e7;border-left-width:5px;border-radius:9px;grid-template-columns:7.5rem 1fr;align-items:start;gap:1rem;padding:1rem;display:grid}.expert-coach-feedback-grid article.is-strong{border-left-color:#2b8a6d}.expert-coach-feedback-grid article.is-improvement{border-left-color:#d17d26}.expert-coach-feedback-grid article.is-question{border-left-color:var(--primary)}.expert-coach-feedback-grid span,.expert-coach-progress-card>span{color:var(--primary);letter-spacing:.06em;text-transform:uppercase;font-size:.78rem;font-weight:900}.expert-coach-feedback-grid p,.expert-coach-progress-card p{color:#372e42;line-height:1.6}.expert-coach-answer-field.is-revision{margin-top:auto}.expert-coach-progress-card{background:#ece1fc;border:1px solid #9e7bd2;border-radius:10px;gap:.65rem;padding:1.1rem;display:grid}.expert-coach-progress-card button{width:fit-content;color:var(--primary);font:inherit;cursor:pointer;background:0 0;border:0;border-bottom:1px solid;padding:.15rem 0;font-weight:900}.expert-coach-route-section{color:#fff;background:#171220}.expert-coach-route-heading h2,.expert-coach-route-heading>p{color:#fff}.expert-coach-phase-grid{background:#ffffff2e;border:1px solid #ffffff2e;border-radius:12px;grid-template-columns:repeat(4,1fr);gap:1px;list-style:none;display:grid;overflow:hidden}.expert-coach-phase-grid li{background:#21192c;align-content:start;gap:1.25rem;min-height:18rem;padding:1.4rem;display:grid}.expert-coach-phase-grid li>span{background:var(--primary-light);width:2.8rem;height:2.8rem;color:var(--primary);border-radius:50%;place-items:center;font-weight:900;display:grid}.expert-coach-phase-grid li>div{gap:.65rem;display:grid}.expert-coach-phase-grid h3{color:#fff;font-size:1.2rem;line-height:1.35}.expert-coach-phase-grid p{color:#d6cede;line-height:1.65}.expert-coach-call-strip{border-top:1px solid #ffffff2e;grid-template-columns:1fr auto 1fr minmax(13rem,.65fr);align-items:center;gap:1rem;padding-top:1.4rem;display:grid}.expert-coach-call-strip>div{gap:.25rem;display:grid}.expert-coach-call-strip span{color:#c9aef2;letter-spacing:.07em;text-transform:uppercase;font-size:.76rem;font-weight:900}.expert-coach-call-strip i{color:#b88bed;font-size:1.5rem;font-style:normal}.expert-coach-call-strip p{color:#fff;border-left:3px solid #b88bed;padding-left:1rem;font-weight:800;line-height:1.5}.expert-coach-output-shell,.expert-coach-firewall-shell{grid-template-columns:minmax(0,.82fr) minmax(0,1.18fr);align-items:center;gap:clamp(2rem,6vw,6rem);display:grid}.expert-coach-output-copy,.expert-coach-firewall-copy{gap:1.1rem;display:grid}.expert-coach-output-copy>p:not(.lesson-section-kicker),.expert-coach-firewall-copy>p:not(.lesson-section-kicker){color:var(--dark-gray);font-size:1.05rem;line-height:1.75}.expert-coach-output-copy aside{background:#edf8f4;border-left:5px solid #2b8a6d;gap:.35rem;padding:1rem 1.1rem;display:grid}.expert-coach-output-copy aside p{color:#38544b;line-height:1.6}.expert-coach-output-code{background:#171220;border:1px solid #352a44;border-radius:14px;overflow:hidden;box-shadow:18px 18px #ece0fc}.expert-coach-output-code>div{grid-template-columns:9.5rem 1fr;gap:1rem;padding:1.4rem;display:grid}.expert-coach-output-code>div+div{border-top:1px solid #3b3048}.expert-coach-output-code span{color:#c9aef2;letter-spacing:.06em;font-size:.78rem;font-weight:900}.expert-coach-output-code code{color:#fff;font-family:var(--font-geist-mono), monospace;white-space:pre-wrap;line-height:1.7}.expert-coach-firewall-section{background:#f2ebfb}.expert-coach-firewall-copy code{color:var(--primary);background:#fff;border-radius:4px;padding:.12rem .35rem}.expert-coach-firewall-copy>a{width:fit-content;color:var(--primary);border-bottom:2px solid;padding-bottom:.15rem;font-weight:900}.expert-coach-firewall-plan{background:#fff;border:1px solid #d0bee9;border-radius:14px;gap:1rem;padding:clamp(1.25rem,3vw,2rem);display:grid;box-shadow:0 18px 55px #472d671f}.expert-coach-firewall-plan>span{color:var(--primary);letter-spacing:.07em;text-transform:uppercase;font-size:.78rem;font-weight:900}.expert-coach-firewall-plan ol{grid-template-columns:repeat(3,1fr);gap:.7rem;list-style:none;display:grid}.expert-coach-firewall-plan li{border-top:4px solid var(--primary);background:#f8f5fb;gap:.4rem;padding:1rem;display:grid}.expert-coach-firewall-plan li strong{color:var(--off-black);font-size:1.05rem}.expert-coach-firewall-plan li p{color:var(--dark-gray);line-height:1.5}.expert-coach-firewall-plan aside{background:#fff7e9;border:1px solid #edc88e;gap:.35rem;padding:1rem 1.1rem;display:grid}.expert-coach-firewall-plan aside strong{color:#7a4708}.expert-coach-firewall-plan aside p{color:#5d4931;line-height:1.6}.expert-coach-test-grid{grid-template-columns:repeat(2,1fr);gap:1rem;display:grid}.expert-coach-test-grid article{border:1px solid #ddd6e6;border-top:5px solid var(--primary);background:#fff;border-radius:9px;gap:.7rem;padding:1.25rem;display:grid}.expert-coach-test-grid article>span{color:var(--primary);letter-spacing:.07em;text-transform:uppercase;font-size:.76rem;font-weight:900}.expert-coach-test-grid h3{color:var(--off-black);font-size:1.25rem}.expert-coach-test-grid p{color:var(--dark-gray);line-height:1.6}.expert-coach-test-input{background:#f6f2fa;border-left:3px solid #c7b2e4;min-height:5.4rem;padding:.8rem .9rem}@media (max-width:1050px){.expert-coach-phase-grid{grid-template-columns:repeat(2,1fr)}.expert-coach-phase-grid li{min-height:15rem}.expert-coach-call-strip{grid-template-columns:1fr auto 1fr}.expert-coach-call-strip>p{grid-column:1/-1}.expert-coach-output-shell,.expert-coach-firewall-shell{grid-template-columns:1fr}}@media (max-width:820px){.expert-coach-demo-heading,.expert-coach-route-heading,.expert-coach-tests-heading,.expert-coach-demo-layout{grid-template-columns:1fr}.expert-coach-demo-layout{min-height:0}.expert-coach-demo-workspace{border-bottom:1px solid #d9d3e4;border-right:0}.expert-coach-response-panel{min-height:28rem}}@media (max-width:680px){.expert-coach-demo-note,.expert-coach-answer-picker>div,.expert-coach-phase-grid,.expert-coach-firewall-plan ol,.expert-coach-test-grid{grid-template-columns:1fr}.expert-coach-phase-grid li{min-height:0}.expert-coach-feedback-grid article,.expert-coach-output-code>div,.expert-coach-call-strip{grid-template-columns:1fr}.expert-coach-call-strip i{transform:rotate(90deg)}.expert-coach-call-strip>p{grid-column:auto}.expert-coach-output-code{box-shadow:8px 8px #ece0fc}.expert-coach-response-panel{min-height:25rem}}@property --tw-rotate-x{syntax:"*";inherits:false}@property --tw-rotate-y{syntax:"*";inherits:false}@property --tw-rotate-z{syntax:"*";inherits:false}@property --tw-skew-x{syntax:"*";inherits:false}@property --tw-skew-y{syntax:"*";inherits:false}@property --tw-border-style{syntax:"*";inherits:false;initial-value:solid}@property --tw-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-shadow-color{syntax:"*";inherits:false}@property --tw-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-inset-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-inset-shadow-color{syntax:"*";inherits:false}@property --tw-inset-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-ring-color{syntax:"*";inherits:false}@property --tw-ring-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-inset-ring-color{syntax:"*";inherits:false}@property --tw-inset-ring-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-ring-inset{syntax:"*";inherits:false}@property --tw-ring-offset-width{syntax:"<length>";inherits:false;initial-value:0}@property --tw-ring-offset-color{syntax:"*";inherits:false;initial-value:#fff}@property --tw-ring-offset-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-outline-style{syntax:"*";inherits:false;initial-value:solid}@property --tw-blur{syntax:"*";inherits:false}@property --tw-brightness{syntax:"*";inherits:false}@property --tw-contrast{syntax:"*";inherits:false}@property --tw-grayscale{syntax:"*";inherits:false}@property --tw-hue-rotate{syntax:"*";inherits:false}@property --tw-invert{syntax:"*";inherits:false}@property --tw-opacity{syntax:"*";inherits:false}@property --tw-saturate{syntax:"*";inherits:false}@property --tw-sepia{syntax:"*";inherits:false}@property --tw-drop-shadow{syntax:"*";inherits:false}@property --tw-drop-shadow-color{syntax:"*";inherits:false}@property --tw-drop-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-drop-shadow-size{syntax:"*";inherits:false}@property --tw-ease{syntax:"*";inherits:false}