@import"https://fonts.googleapis.com/css2?family=Fraunces:ital,opsz,wght@0,9..144,300;0,9..144,400;0,9..144,500;0,9..144,600;0,9..144,700;1,9..144,400&family=Source+Serif+4:opsz,wght@8..60,400;8..60,500;8..60,600;8..60,700&family=DM+Sans:wght@400;500;600;700&display=swap";html,body,#root{width:100%;min-height:100vh;background:#f5f7f9}body{font-family:system-ui,-apple-system,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}#root{display:flex;flex-direction:column}:root{--font-display: "Source Serif 4", Georgia, serif;--font-body: "DM Sans", -apple-system, BlinkMacSystemFont, sans-serif;--color-bg: #f5f7f9;--color-surface: #ffffff;--color-border: #d8dfe6;--color-border-subtle: #e8edf2;--color-text: #20303a;--color-text-secondary: #3d5a73;--color-text-muted: #6b8299;--color-primary: #23abe1;--color-primary-light: #e8f6fc;--color-primary-dark: #1a9ad0;--color-amber: #d97706;--color-amber-light: #fef3c7;--color-amber-border: #fbbf24;--color-green: #059669;--color-green-light: #d1fae5;--color-green-border: #10b981;--color-red: #dc2626;--color-red-light: #fee2e2;--color-red-border: #f87171;--color-cyan: #0891b2;--color-cyan-light: #cffafe;--shadow-sm: 0 1px 2px rgba(0,0,0,.05);--shadow-md: 0 4px 6px -1px rgba(0,0,0,.07), 0 2px 4px -2px rgba(0,0,0,.05);--shadow-lg: 0 10px 15px -3px rgba(0,0,0,.08), 0 4px 6px -4px rgba(0,0,0,.04);--radius-sm: 6px;--radius-md: 10px;--radius-lg: 14px}*{box-sizing:border-box;margin:0;padding:0}body{font-family:var(--font-body);background:var(--color-bg);color:var(--color-text);line-height:1.6;-webkit-font-smoothing:antialiased}.flex{display:flex}.items-center{align-items:center}.justify-between{justify-content:space-between}.gap-2{gap:.5rem}.gap-3{gap:.75rem}.gap-4{gap:1rem}.text-left{text-align:left}.app-container{min-height:100vh;display:flex;flex-direction:column;background:var(--color-bg)}.app-header{background:#fff;border-bottom:1px solid var(--color-border-subtle);box-shadow:var(--shadow-sm);position:relative;overflow:hidden}.app-header:before{content:"";position:absolute;inset:0;background:radial-gradient(ellipse 80% 60% at 70% 20%,rgba(35,171,225,.12) 0%,transparent 50%),radial-gradient(ellipse 60% 50% at 20% 80%,rgba(35,171,225,.06) 0%,transparent 50%);pointer-events:none}.header-content{max-width:1200px;margin:0 auto;padding:1.25rem 1.5rem 1rem}.header-top-row{display:flex;align-items:center;margin-bottom:.75rem}.home-btn{display:inline-flex;align-items:center;gap:.5rem;font-family:var(--font-body);font-size:.85rem;font-weight:600;color:var(--color-text-muted);background:#23abe114;border:1px solid var(--color-border-subtle);border-radius:8px;padding:.5rem 1rem;cursor:pointer;transition:all .2s ease}.home-btn:hover{background:#23abe11f;color:var(--color-text);border-color:var(--color-primary)}.home-btn svg{flex-shrink:0}.header-label{font-family:var(--font-body);font-size:.75rem;font-weight:700;letter-spacing:.15em;text-transform:uppercase;color:var(--color-primary);margin-bottom:.5rem}.header-title{font-family:var(--font-display);font-size:1.75rem;font-weight:700;color:var(--color-text);letter-spacing:-.02em;margin-bottom:.25rem}.header-subtitle{font-size:1rem;color:var(--color-text-muted)}.header-partners{font-size:.85rem;color:var(--color-text-muted);margin-top:.75rem;font-style:italic}.nav-tabs{max-width:1200px;margin:0 auto;padding:0 1.5rem;display:flex;gap:.25rem;background:transparent;position:relative}.nav-tab{font-family:var(--font-body);font-size:.875rem;font-weight:600;padding:.75rem 1.25rem;border:none;border-radius:var(--radius-md) var(--radius-md) 0 0;background:transparent;color:var(--color-text-muted);cursor:pointer;transition:all .2s ease;border:1px solid transparent;border-bottom:none}.nav-tab:hover{background:#23abe114;color:var(--color-text)}.nav-tab.active{background:var(--color-bg);color:var(--color-primary);font-weight:700;border-color:var(--color-border)}.main-content{flex:1;max-width:1200px;margin:0 auto;padding:2.5rem 1.5rem;width:100%}.overview-page{display:flex;flex-direction:column;gap:1.5rem}.overview-section{background:var(--color-surface);border-radius:var(--radius-lg);border:1px solid var(--color-border);overflow:hidden;box-shadow:var(--shadow-sm)}.overview-section-header{width:100%;display:flex;align-items:center;justify-content:space-between;padding:1.5rem 1.75rem;background:transparent;border:none;cursor:pointer;transition:background .15s ease}.overview-section-header:hover{background:var(--color-bg)}.overview-section-header h2{font-family:var(--font-display);font-size:1.25rem;font-weight:600;color:var(--color-text)}.overview-section-header svg{color:var(--color-text-muted)}.overview-section-content{padding:.5rem 1.75rem 1.75rem;border-top:1px solid var(--color-border-subtle);animation:slideDown .25s ease-out}@keyframes slideDown{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.overview-section-content p{margin-top:1rem;color:var(--color-text-secondary);line-height:1.75}.overview-section-content p strong{color:var(--color-text);font-weight:600}.model-intro{color:var(--color-text-secondary);margin-bottom:1.5rem}.model-parts{display:flex;flex-direction:column;gap:.75rem}.model-part{border:1px solid var(--color-border);border-radius:var(--radius-md);overflow:hidden}.model-part-header{width:100%;display:flex;align-items:center;justify-content:space-between;padding:1rem 1.25rem;background:transparent;border:none;cursor:pointer;transition:background .15s ease}.model-part-header.part1{background:var(--color-amber-light)}.model-part-header.part2{background:var(--color-primary-light)}.model-part-header.part3{background:var(--color-green-light)}.model-part-header:hover{opacity:.9}.model-part-left{display:flex;align-items:center;gap:.75rem}.part-badge{font-size:.75rem;font-weight:700;padding:.35rem .75rem;border-radius:999px}.part-badge.part1{background:#d9770633;color:var(--color-amber)}.part-badge.part2{background:#2563eb33;color:var(--color-primary)}.part-badge.part3{background:#05966933;color:var(--color-green)}.model-part-header h3{font-family:var(--font-display);font-size:1.1rem;font-weight:600;color:var(--color-text)}.model-part-header svg{color:var(--color-text-secondary)}.model-part-content{padding:1.5rem;background:var(--color-surface);border-top:1px solid var(--color-border-subtle);animation:slideDown .25s ease-out}.model-part-content>p{color:var(--color-text-secondary);margin-bottom:1.5rem;line-height:1.75}.model-part-content>p strong{color:var(--color-text)}.hah-cycle-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:1rem}@media(max-width:768px){.hah-cycle-grid{grid-template-columns:1fr}}.hah-step{padding:1.5rem;border-radius:var(--radius-md);border:1px solid var(--color-border);background:var(--color-surface)}.hah-icon{width:2.5rem;height:2.5rem;border-radius:50%;display:flex;align-items:center;justify-content:center;font-family:var(--font-display);font-weight:700;font-size:1rem;color:#fff;margin-bottom:1rem}.hah-step.human-first .hah-icon{background:var(--color-amber)}.hah-step.ai-partner .hah-icon{background:var(--color-primary)}.hah-step.human-final .hah-icon{background:var(--color-green)}.hah-step h4{font-family:var(--font-display);font-size:1rem;font-weight:600;color:var(--color-text);margin-bottom:.5rem}.hah-step p{font-size:.875rem;color:var(--color-text-secondary);line-height:1.6}.hah-step p strong{color:var(--color-text)}.taxonomy-section{margin-bottom:1.5rem}.taxonomy-header{display:flex;align-items:center;gap:.75rem;margin-bottom:.5rem}.taxonomy-header h4{font-family:var(--font-display);font-size:1rem;font-weight:600}.taxonomy-description{font-size:.875rem;color:var(--color-text-secondary);margin-bottom:1rem;padding-left:1.75rem}.taxonomy-example{background:var(--color-bg);padding:1rem;border-radius:var(--radius-sm);margin-left:1.75rem}.taxonomy-example p{font-size:.875rem;color:var(--color-text-secondary);margin:0}.principles-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:.75rem;margin-left:1.75rem}.principles-grid.limited{grid-template-columns:1fr;margin-top:.75rem}@media(max-width:900px){.principles-grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:600px){.principles-grid{grid-template-columns:1fr}}.principle-card{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-sm);padding:.875rem}.principle-card-header{display:flex;align-items:center;gap:.5rem;margin-bottom:.5rem}.principle-card-header svg{flex-shrink:0}.principles-grid.neutral .principle-card-header svg{color:var(--color-amber)}.principles-grid.uphold .principle-card-header svg{color:var(--color-green)}.principles-grid.limited .principle-card-header svg{color:var(--color-green)}.principle-card-header h5{font-size:.8rem;font-weight:600;color:var(--color-text)}.principle-card p{font-size:.75rem;color:var(--color-text-secondary);line-height:1.5}.assessment-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:1rem}@media(max-width:768px){.assessment-grid{grid-template-columns:1fr}}.assessment-card{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-md);padding:1.25rem}.assessment-card h4{font-family:var(--font-display);font-size:1rem;font-weight:600;color:var(--color-text);margin-bottom:.75rem}.assessment-card>p{font-size:.875rem;color:var(--color-text-secondary);margin-bottom:1rem}.assessment-card ul{list-style:none;display:flex;flex-direction:column;gap:.5rem}.assessment-card li{display:flex;align-items:flex-start;gap:.5rem;font-size:.875rem;color:var(--color-text-secondary)}.assessment-card li svg{color:var(--color-green);flex-shrink:0;margin-top:2px}.tier-dot{width:.75rem;height:.75rem;border-radius:50%;flex-shrink:0}.tier-dot.collapse{background:var(--color-red)}.tier-dot.neutral{background:var(--color-amber)}.tier-dot.uphold{background:var(--color-green)}.framework-page{display:flex;flex-direction:column;gap:1.5rem}.framework-header{display:flex;justify-content:space-between;align-items:flex-start;gap:1rem}.framework-header h2{font-family:var(--font-display);font-size:1.75rem;font-weight:700;color:var(--color-text);margin-bottom:.25rem}.framework-header p{color:var(--color-text-secondary);font-size:.9rem}.expand-all-btn{font-family:var(--font-body);font-size:.875rem;font-weight:500;padding:.625rem 1rem;background:var(--color-primary);color:#fff;border:none;border-radius:var(--radius-sm);cursor:pointer;transition:background .15s ease;white-space:nowrap}.expand-all-btn:hover{background:var(--color-primary-dark)}.skill-card{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-lg);overflow:hidden;box-shadow:var(--shadow-sm)}.skill-card-header{width:100%;display:flex;align-items:center;justify-content:space-between;padding:1.25rem 1.5rem;background:transparent;border:none;cursor:pointer;transition:background .15s ease}.skill-card-header:hover{background:var(--color-bg)}.skill-card-left{display:flex;align-items:center;gap:1rem}.skill-icon{width:3rem;height:3rem;background:var(--color-primary-light);border-radius:var(--radius-md);display:flex;align-items:center;justify-content:center;color:var(--color-primary)}.skill-title{font-family:var(--font-display);font-size:1.125rem;font-weight:600;color:var(--color-text);text-align:left}.skill-standards{font-size:.8rem;color:var(--color-text-muted);text-align:left}.skill-card-header .chevron{color:var(--color-text-muted)}.skill-card-content{padding:1.5rem;border-top:1px solid var(--color-border-subtle);animation:slideDown .25s ease-out}.skill-card-content>.skill-description{font-size:.9rem;color:var(--color-text-secondary);font-style:italic;margin-bottom:1.5rem;line-height:1.6}.skill-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:1rem}@media(max-width:900px){.skill-grid{grid-template-columns:1fr}}.skill-section{background:var(--color-bg);border:1px solid var(--color-border);border-radius:var(--radius-md);padding:1.25rem}.skill-section-title{display:flex;align-items:center;gap:.75rem;font-family:var(--font-display);font-size:1rem;font-weight:600;margin-bottom:.75rem}.section-number{width:1.5rem;height:1.5rem;border-radius:50%;display:flex;align-items:center;justify-content:center;font-family:var(--font-body);font-size:.75rem;font-weight:700;color:#fff}.section-number.human{background:var(--color-amber)}.section-number.ai{background:var(--color-primary)}.section-number.return{background:var(--color-cyan)}.section-number.evidence{background:#6b7280}.section-subtitle{font-size:.7rem;font-weight:600;text-transform:uppercase;letter-spacing:.05em;color:var(--color-amber);margin-bottom:.75rem}.human-lift-list{list-style:none;display:flex;flex-direction:column;gap:.5rem}.human-lift-list li{font-size:.85rem;color:var(--color-text-secondary)}.human-lift-list .step-name{font-weight:600;color:var(--color-text)}.ai-description{font-size:.85rem;color:var(--color-text-secondary);margin-bottom:1rem}.taxonomy-tier{margin-bottom:1rem}.taxonomy-tier:last-child{margin-bottom:0}.tier-title{display:flex;align-items:center;gap:.5rem;margin-bottom:.5rem;font-size:.75rem;text-transform:uppercase;letter-spacing:.05em;font-weight:600}.tier-name{font-weight:700}.tier-name.collapse{color:var(--color-red)}.tier-name.neutral{color:var(--color-amber)}.tier-name.uphold{color:var(--color-green)}.tier-subtitle{font-weight:400;color:var(--color-text-muted);text-transform:none;letter-spacing:normal}.tier-principles{display:flex;flex-direction:column;gap:.5rem;margin-left:1.25rem}.framework-principle-dropdown{border:1px solid var(--color-border);border-radius:var(--radius-sm);overflow:hidden}.framework-principle-header{width:100%;display:flex;align-items:center;justify-content:space-between;padding:.5rem .75rem;background:var(--color-surface);border:none;cursor:pointer;transition:background .15s ease}.framework-principle-header:hover{background:var(--color-bg)}.framework-principle-left{display:flex;align-items:center;gap:.5rem}.principle-icon.collapse{color:var(--color-red)}.principle-icon.neutral{color:var(--color-amber)}.principle-icon.uphold{color:var(--color-green)}.principle-label{font-size:.8rem;font-weight:600;color:var(--color-text)}.moves-count{font-size:.75rem;color:var(--color-text-muted)}.framework-principle-content{padding:.75rem;background:var(--color-surface);border-top:1px solid var(--color-border-subtle);display:flex;flex-direction:column;gap:.5rem}.framework-move-item{background:var(--color-bg);padding:.625rem;border-radius:var(--radius-sm);border:1px solid var(--color-border-subtle)}.framework-move-item .move-name{font-size:.8rem;font-weight:500;color:var(--color-text);margin-bottom:.25rem}.framework-move-item .move-prompt{font-size:.75rem;color:var(--color-text-secondary);font-style:italic}.return-description{font-size:.85rem;color:var(--color-text-secondary);margin-bottom:1rem}.criteria-label{font-size:.7rem;font-weight:600;text-transform:uppercase;letter-spacing:.05em;color:var(--color-cyan);margin-bottom:.5rem}.criteria-list{list-style:none;display:flex;flex-direction:column;gap:.375rem}.criteria-list li{display:flex;align-items:flex-start;gap:.5rem;font-size:.85rem;color:var(--color-text-secondary)}.criteria-list li svg{color:var(--color-cyan);flex-shrink:0;margin-top:2px}.evidence-content{display:flex;flex-direction:column;gap:1rem}.artifacts-label,.reflection-label{font-size:.7rem;font-weight:600;text-transform:uppercase;letter-spacing:.05em;color:var(--color-text-muted);margin-bottom:.5rem}.artifacts ul{list-style:none;display:flex;flex-direction:column;gap:.375rem}.artifacts li{display:flex;align-items:flex-start;gap:.5rem;font-size:.85rem;color:var(--color-text-secondary)}.artifacts li svg{color:#6b7280;flex-shrink:0;margin-top:2px}.reflection-text{font-size:.85rem;font-style:italic;color:var(--color-text-secondary);background:var(--color-surface);padding:.75rem;border-radius:var(--radius-sm);border:1px solid var(--color-border-subtle)}.taxonomy-map{margin-top:2rem}.taxonomy-map h2{font-family:var(--font-display);font-size:1.5rem;font-weight:700;color:var(--color-text);margin-bottom:.25rem}.taxonomy-map p{color:var(--color-text-secondary);font-size:.9rem}.taxonomy-table-container{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-lg);padding:1.5rem;margin-top:1rem;overflow-x:auto;box-shadow:var(--shadow-sm)}.taxonomy-table{width:100%;font-size:.85rem;border-collapse:collapse}.taxonomy-table th,.taxonomy-table td{padding:.75rem;text-align:center;border-bottom:1px solid var(--color-border-subtle)}.taxonomy-table th{font-weight:600;color:var(--color-text);text-align:center}.taxonomy-table th:first-child{text-align:left}.taxonomy-table td:first-child{text-align:left;color:var(--color-text-secondary)}.taxonomy-table tr.tier-row td{background:var(--color-bg);padding:.5rem .75rem}.tier-row-label{display:flex;align-items:center;gap:.5rem;font-size:.7rem;font-weight:700;text-transform:uppercase;letter-spacing:.05em}.tier-row-label .neutral{color:var(--color-amber)}.tier-row-label .uphold{color:var(--color-green)}.taxonomy-table svg.yes{color:var(--color-green)}.taxonomy-table svg.no{color:#d1d5db}.table-legend{font-size:.75rem;color:var(--color-text-muted);margin-top:1rem;display:flex;align-items:center;gap:.25rem}.table-legend svg{margin:0 .25rem}.casestudies-page{display:flex;flex-direction:column;gap:1.5rem}.casestudies-intro{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-lg);padding:1.5rem;box-shadow:var(--shadow-sm)}.casestudies-intro h2{font-family:var(--font-display);font-size:1.5rem;font-weight:700;color:var(--color-text);margin-bottom:1rem}.casestudies-intro p{color:var(--color-text-secondary);line-height:1.75;margin-bottom:1rem}.casestudies-intro p:last-child{margin-bottom:0}.casestudies-intro strong{color:var(--color-text)}.case-study-card{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-lg);overflow:hidden;box-shadow:var(--shadow-sm)}.case-study-header{width:100%;display:flex;align-items:center;justify-content:space-between;padding:1.25rem 1.5rem;background:transparent;border:none;cursor:pointer;transition:background .15s ease}.case-study-header:hover{background:var(--color-bg)}.icon-circle{width:2.5rem;height:2.5rem;border-radius:50%;display:flex;align-items:center;justify-content:center}.bg-amber-100{background:var(--color-amber-light)}.bg-blue-100{background:var(--color-primary-light)}.bg-purple-100{background:#ede9fe}.bg-green-100{background:var(--color-green-light)}.bg-teal-100{background:var(--color-cyan-light)}.bg-rose-100{background:#ffe4e6}.text-amber-700{color:var(--color-amber)}.text-blue-700{color:var(--color-primary)}.text-purple-700{color:#7c3aed}.text-green-700{color:var(--color-green)}.text-teal-700{color:var(--color-cyan)}.text-rose-700{color:#e11d48}.case-study-title{font-family:var(--font-display);font-size:1.1rem;font-weight:600;color:var(--color-text)}.case-study-meta{font-size:.8rem;color:var(--color-text-muted)}.case-study-header .chevron{color:var(--color-text-muted)}.case-study-content{padding:1.5rem;border-top:1px solid var(--color-border-subtle);display:flex;flex-direction:column;gap:1rem;animation:slideDown .25s ease-out}.context-text{color:var(--color-text-secondary);line-height:1.7}.info-card{background:var(--color-bg);border:1px solid var(--color-border);border-radius:var(--radius-md);padding:1.25rem}.info-card-title{font-family:var(--font-display);font-size:.95rem;font-weight:600;margin-bottom:.75rem}.info-card-title.human{color:var(--color-amber)}.info-card-title.ai{color:var(--color-primary)}.info-card-title.return{color:var(--color-green)}.info-card-text{font-size:.9rem;color:var(--color-text-secondary);line-height:1.6}.tier-sections{display:flex;flex-direction:column;gap:1.25rem;margin-top:1rem}.tier-section{background:var(--color-surface);border-radius:var(--radius-sm);padding:1rem}.tier-header{display:flex;align-items:center;gap:.5rem;margin-bottom:.75rem}.tier-label{font-size:.7rem;font-weight:700;text-transform:uppercase;letter-spacing:.05em}.tier-label.collapse{color:var(--color-red)}.tier-label.neutral{color:var(--color-amber)}.tier-label.uphold{color:var(--color-green)}.tier-content{display:flex;flex-direction:column;gap:.5rem;margin-left:1.25rem}.prompt-card{padding:.75rem;border-radius:var(--radius-sm);border:1px solid}.prompt-card.collapse,.prompt-card.neutral,.prompt-card.uphold{background:#f3f4f6;border-color:var(--color-border)}.principle-badge{display:inline-flex;align-items:center;gap:.35rem;font-size:.7rem;font-weight:600;margin-bottom:.5rem}.principle-badge.neutral{color:var(--color-amber)}.principle-badge.uphold{color:var(--color-green)}.prompt-text{font-size:.85rem;font-style:italic;line-height:1.5}.prompt-card.collapse .prompt-text,.prompt-card.neutral .prompt-text,.prompt-card.uphold .prompt-text{color:var(--color-text-secondary)}.implementation-note{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-lg);padding:1.5rem;box-shadow:var(--shadow-sm)}.implementation-note h3{font-family:var(--font-display);font-size:1.1rem;font-weight:600;color:var(--color-text);margin-bottom:.75rem}.implementation-note p{color:var(--color-text-secondary);line-height:1.75}.lesson-designer{display:flex;flex-direction:column;gap:1.5rem}.progress-indicator{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-lg);padding:1.25rem 1.5rem;box-shadow:var(--shadow-sm)}.progress-steps{display:flex;align-items:center;justify-content:center;gap:0}.progress-step{display:flex;flex-direction:column;align-items:center;gap:.5rem;min-width:80px}.progress-step-number{width:32px;height:32px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:.85rem;font-weight:600;background:var(--color-bg);color:var(--color-text-muted);border:2px solid var(--color-border);transition:all .3s ease}.progress-step.active .progress-step-number{background:var(--color-primary-light);color:var(--color-primary);border-color:var(--color-primary);transform:scale(1.1)}.progress-step.completed .progress-step-number{background:var(--color-primary);color:#fff;border-color:var(--color-primary)}.progress-step-label{font-size:.7rem;font-weight:500;color:var(--color-text-muted);text-align:center;transition:color .3s ease}.progress-step.active .progress-step-label,.progress-step.completed .progress-step-label{color:var(--color-text)}.progress-line{flex:1;height:3px;background:var(--color-border);max-width:60px;border-radius:2px;overflow:hidden}.progress-line-fill{height:100%;width:0%;background:var(--color-primary);transition:width .4s ease}.progress-line-fill.filled{width:100%}@media(max-width:600px){.progress-step{min-width:60px}.progress-step-label{font-size:.6rem}.progress-line{max-width:30px}}.designer-section{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-lg);padding:1.5rem;box-shadow:var(--shadow-sm)}.designer-section.intro{background:linear-gradient(135deg,var(--color-primary-light),var(--color-surface))}.section-header{display:flex;align-items:center;gap:.75rem;margin-bottom:1rem}.section-icon{width:2.5rem;height:2.5rem;border-radius:50%;display:flex;align-items:center;justify-content:center;color:#fff}.section-icon.sparkles{background:var(--color-primary)}.section-icon.success{background:var(--color-green)}.section-icon.chat{background:var(--color-primary)}.section-header h2{font-family:var(--font-display);font-size:1.5rem;font-weight:700;color:var(--color-text)}.section-header h3{font-family:var(--font-display);font-size:1.25rem;font-weight:600;color:var(--color-text)}.designer-section>p{color:var(--color-text-secondary);line-height:1.7}.step-header{display:flex;align-items:center;gap:.75rem;margin-bottom:1rem}.step-number{width:2rem;height:2rem;background:var(--color-primary);color:#fff;border-radius:50%;display:flex;align-items:center;justify-content:center;font-weight:700;font-size:.9rem}.step-header h3{font-family:var(--font-display);font-size:1.25rem;font-weight:600;color:var(--color-text)}.skill-select{width:100%;padding:.875rem 1rem;font-family:var(--font-body);font-size:.95rem;border:1px solid var(--color-border);border-radius:var(--radius-md);background:var(--color-surface);color:var(--color-text);cursor:pointer}.skill-select:focus{outline:none;border-color:var(--color-primary);box-shadow:0 0 0 3px #2563eb1a}.designer-section .skill-description{margin-top:.75rem;font-size:.9rem;font-style:italic;color:var(--color-text-secondary)}.context-textarea{width:100%;min-height:10rem;padding:1rem;font-family:var(--font-body);font-size:.9rem;border:1px solid var(--color-border);border-radius:var(--radius-md);background:var(--color-surface);color:var(--color-text);resize:vertical;line-height:1.6}.context-textarea::placeholder{color:var(--color-text-muted)}.context-textarea:focus{outline:none;border-color:var(--color-primary);box-shadow:0 0 0 3px #2563eb1a}.section-description{color:var(--color-text-secondary);font-size:.9rem;margin-bottom:1.25rem}.tier-block{margin-bottom:1.5rem}.tier-block-header{display:flex;align-items:center;gap:.5rem;margin-bottom:.75rem}.tier-block-label{font-size:.7rem;font-weight:700;text-transform:uppercase;letter-spacing:.05em}.tier-block-label.collapse{color:var(--color-red)}.tier-block-label.neutral{color:var(--color-amber)}.tier-block-label.uphold{color:var(--color-green)}.collapse-warning{background:var(--color-red-light);border:1px solid var(--color-red-border);border-radius:var(--radius-md);padding:1rem}.collapse-warning>p{font-size:.8rem;color:#991b1b;margin-bottom:.75rem}.collapse-items{display:flex;flex-direction:column;gap:.5rem}.collapse-item{display:flex;align-items:flex-start;gap:.5rem;font-size:.85rem;color:#991b1b}.collapse-item svg{flex-shrink:0;margin-top:2px}.principles-list{display:flex;flex-direction:column;gap:.5rem}.principle-dropdown{border:1px solid var(--color-border);border-radius:var(--radius-md);overflow:hidden}.principle-dropdown.neutral{border-color:var(--color-amber-border)}.principle-dropdown.uphold{border-color:var(--color-green-border)}.principle-dropdown-header{width:100%;display:flex;align-items:center;justify-content:space-between;padding:.875rem 1rem;background:transparent;border:none;cursor:pointer;transition:background .15s ease}.principle-dropdown.neutral .principle-dropdown-header{background:var(--color-amber-light)}.principle-dropdown.uphold .principle-dropdown-header{background:var(--color-green-light)}.principle-dropdown-header:hover{opacity:.9}.principle-dropdown-left{display:flex;align-items:center;gap:.75rem}.principle-dropdown-left .principle-icon.neutral{color:var(--color-amber)}.principle-dropdown-left .principle-icon.uphold{color:var(--color-green)}.principle-name{font-weight:600;color:var(--color-text)}.selected-badge{font-size:.7rem;font-weight:600;padding:.2rem .5rem;border-radius:999px;margin-left:.5rem}.selected-badge.neutral{background:#d9770633;color:var(--color-amber)}.selected-badge.uphold{background:#05966933;color:var(--color-green)}.principle-dropdown-right{display:flex;align-items:center;gap:.5rem}.principle-dropdown-right .moves-count{font-size:.75rem;color:var(--color-text-muted)}.principle-dropdown-content{padding:1rem;background:var(--color-surface);border-top:1px solid var(--color-border-subtle);animation:slideDown .25s ease-out}.principle-definition{font-size:.8rem;color:var(--color-text-secondary);margin-bottom:1rem}.moves-list{display:flex;flex-direction:column;gap:.5rem}.move-item{display:flex;align-items:flex-start;gap:.75rem;padding:.875rem;border:1px solid var(--color-border);border-radius:var(--radius-sm);background:var(--color-bg);cursor:pointer;transition:all .15s ease}.move-item:hover{background:var(--color-surface)}.move-item.selected.neutral{background:var(--color-amber-light);border-color:var(--color-amber-border)}.move-item.selected.uphold{background:var(--color-green-light);border-color:var(--color-green-border)}.move-item input[type=checkbox]{margin-top:2px;accent-color:var(--color-primary)}.move-content{flex:1}.move-content .move-name{font-weight:500;color:var(--color-text);font-size:.9rem;margin-bottom:.25rem}.move-content .move-prompt{font-size:.8rem;font-style:italic;color:var(--color-text-secondary);line-height:1.5}.selection-summary{margin-top:1rem;padding:.875rem 1rem;background:var(--color-primary-light);border:1px solid rgba(37,99,235,.3);border-radius:var(--radius-md)}.selection-summary p{font-size:.875rem;color:var(--color-primary)}.generate-section{display:flex;justify-content:center}.generate-button{display:flex;align-items:center;justify-content:center;gap:.5rem;padding:1rem 2rem;font-family:var(--font-body);font-size:1rem;font-weight:600;background:var(--color-primary);color:#fff;border:none;border-radius:var(--radius-md);cursor:pointer;transition:all .15s ease}.generate-button:hover:not(:disabled){background:var(--color-primary-dark);transform:translateY(-1px);box-shadow:var(--shadow-md)}.generate-button:disabled{background:#d1d5db;color:#9ca3af;cursor:not-allowed}.generating-state{display:flex;flex-direction:column;align-items:center;gap:.25rem}.generating-state>span:first-of-type{display:flex;align-items:center;gap:.5rem}.generating-note{font-size:.75rem;opacity:.8}.output-content{background:var(--color-bg);border:1px solid var(--color-border);border-radius:var(--radius-md);padding:1.5rem;white-space:pre-wrap;line-height:1.7;color:var(--color-text-secondary);font-size:.9rem}.output-content strong{color:var(--color-text);font-weight:600}.output-content table{width:100%;border-collapse:collapse;margin:1rem 0;font-size:.85rem;white-space:normal}.output-content table th,.output-content table td{border:1px solid var(--color-border);padding:.75rem;text-align:left;vertical-align:top}.output-content table th{background:var(--color-border-subtle);font-weight:600;color:var(--color-text)}.output-content table tr:nth-child(2n) td{background:#00000005}.chat-messages{background:var(--color-bg);border:1px solid var(--color-border);border-radius:var(--radius-md);padding:1rem;min-height:16rem;max-height:20rem;overflow-y:auto;margin-bottom:1rem}.chat-placeholder{color:var(--color-text-muted);text-align:center;padding:3rem 0;font-style:italic}.chat-message{max-width:80%;padding:.875rem 1rem;border-radius:var(--radius-md);margin-bottom:.75rem}.chat-message.user{background:var(--color-primary);color:#fff;margin-left:auto;border-bottom-right-radius:4px}.chat-message.assistant{background:var(--color-surface);border:1px solid var(--color-border);color:var(--color-text-secondary);border-bottom-left-radius:4px}.chat-message.loading{padding:.75rem 1rem}.chat-message p{font-size:.9rem;line-height:1.6;white-space:pre-wrap}.chat-input-area{display:flex;gap:.5rem}.chat-input{flex:1;padding:.875rem 1rem;font-family:var(--font-body);font-size:.9rem;border:1px solid var(--color-border);border-radius:var(--radius-md);background:var(--color-surface);color:var(--color-text)}.chat-input::placeholder{color:var(--color-text-muted)}.chat-input:focus{outline:none;border-color:var(--color-primary);box-shadow:0 0 0 3px #2563eb1a}.chat-send{padding:.875rem 1rem;background:var(--color-primary);color:#fff;border:none;border-radius:var(--radius-md);cursor:pointer;transition:background .15s ease}.chat-send:hover:not(:disabled){background:var(--color-primary-dark)}.chat-send:disabled{background:#d1d5db;cursor:not-allowed}.app-footer{background:#20303a;border-top:3px solid var(--color-primary);padding:1rem 1.5rem;text-align:center}.footer-title{font-weight:600;color:#fff;font-size:.9rem}.footer-subtitle{color:#ffffffb3;font-size:.8rem;margin-top:.25rem}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.animate-spin{animation:spin 1s linear infinite}.chevron{color:var(--color-text-muted);transition:transform .2s ease}.acknowledgements-text{font-size:.9rem}.landing-page{font-family:DM Sans,sans-serif;color:#20303a;background:#fff;line-height:1.6;overflow-x:hidden}.landing-container{max-width:1200px;margin:0 auto;padding:0 2rem}.landing-header{position:fixed;top:0;left:0;right:0;z-index:100;background:#ffffffeb;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border-bottom:1px solid #e2e7eb;box-shadow:0 4px 30px #20303a14}.landing-header-inner{display:flex;align-items:center;justify-content:flex-end;padding:1rem 2rem;max-width:1200px;margin:0 auto}.landing-logo{font-family:Fraunces,serif;font-weight:600;font-size:1.25rem;color:#20303a}.landing-nav{display:flex;align-items:center;gap:2rem}.landing-nav a{font-size:.95rem;font-weight:500;color:#5a6d7a;text-decoration:none;transition:color .2s ease}.landing-nav a:hover{color:#23abe1}.landing-btn{display:inline-flex;align-items:center;gap:.5rem;padding:.65rem 1.25rem;font-family:DM Sans,sans-serif;font-size:.95rem;font-weight:600;text-decoration:none;border-radius:8px;transition:all .25s ease;cursor:pointer;border:none}.landing-btn-lg{padding:.85rem 1.75rem;font-size:1.05rem}.landing-btn-primary{background:#23abe1;color:#fff;box-shadow:0 4px 14px #23abe159}.landing-btn-primary:hover{background:#1a9ad0;transform:translateY(-2px);box-shadow:0 6px 20px #23abe173}.landing-btn-outline{background:transparent;color:#20303a;border:2px solid #e2e7eb}.landing-btn-outline:hover{border-color:#23abe1;color:#23abe1}.landing-hero{min-height:100vh;display:flex;align-items:center;position:relative;padding:8rem 0 6rem;overflow:hidden}.landing-hero-bg{position:absolute;inset:0;background:#fff;pointer-events:none}.landing-hero-content{position:relative;z-index:1;max-width:800px}.landing-hero-label{display:inline-flex;align-items:center;gap:.5rem;padding:.5rem 1rem;background:#e8f6fc;border-radius:100px;font-size:.85rem;font-weight:600;color:#23abe1;margin-bottom:2rem;opacity:0;transform:translateY(20px);animation:landingFadeUp .8s ease forwards .2s}.landing-hero-label:before{content:"";width:8px;height:8px;background:#23abe1;border-radius:50%;animation:landingPulse 2s ease infinite}@keyframes landingPulse{0%,to{opacity:1;transform:scale(1)}50%{opacity:.5;transform:scale(1.2)}}.landing-h1{font-family:Fraunces,serif;font-size:clamp(2.75rem,6vw,4.5rem);font-weight:600;line-height:1.1;color:#20303a;margin-bottom:1.75rem;letter-spacing:-.02em;opacity:0;transform:translateY(30px);animation:landingFadeUp .8s ease forwards .4s}.landing-highlight{color:#23abe1;position:relative}.landing-highlight:after{content:"";position:absolute;bottom:.1em;left:0;right:0;height:.12em;background:#23abe1;opacity:.25;border-radius:2px}.landing-hero-text{font-size:1.25rem;line-height:1.7;color:#5a6d7a;max-width:640px;margin-bottom:2.5rem;opacity:0;transform:translateY(30px);animation:landingFadeUp .8s ease forwards .6s}.landing-hero-actions{display:flex;flex-wrap:wrap;gap:1rem;opacity:0;transform:translateY(30px);animation:landingFadeUp .8s ease forwards .8s}.landing-hero-logos{width:100%;margin-top:2.5rem;opacity:0;transform:translateY(30px);animation:landingFadeUp .8s ease forwards 1s}.logo-marquee{overflow:hidden;width:100%;mask-image:linear-gradient(to right,transparent,black 8%,black 92%,transparent);-webkit-mask-image:linear-gradient(to right,transparent,black 8%,black 92%,transparent)}.logo-marquee-track{display:flex;align-items:center;gap:1rem;width:max-content;animation:marqueeScroll 30s linear infinite}.logo-marquee-track .partner-logo-card{flex:0 0 auto;height:80px;padding:.75rem 1rem;border:none;box-shadow:none;background:none}.logo-marquee-track .partner-logo-card:hover{box-shadow:none;background:none}.logo-marquee-track .partner-logo-card img{mix-blend-mode:multiply}@keyframes marqueeScroll{0%{transform:translate(0)}to{transform:translate(-50%)}}@keyframes landingFadeUp{to{opacity:1;transform:translateY(0)}}.landing-scroll-indicator{position:absolute;bottom:3rem;left:50%;transform:translate(-50%);display:flex;flex-direction:column;align-items:center;gap:.5rem;color:#8a9ba8;font-size:.8rem;font-weight:500;letter-spacing:.1em;text-transform:uppercase;opacity:0;animation:landingFadeIn 1s ease forwards 1.2s}@keyframes landingFadeIn{to{opacity:1}}.landing-scroll-line{width:1px;height:40px;background:linear-gradient(to bottom,#8a9ba8,transparent);animation:landingScrollLine 2s ease infinite}@keyframes landingScrollLine{0%{transform:scaleY(0);transform-origin:top}50%{transform:scaleY(1);transform-origin:top}51%{transform-origin:bottom}to{transform:scaleY(0);transform-origin:bottom}}.feedback-page{display:flex;flex-direction:column;gap:1.5rem}.feedback-intro{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-lg);padding:2rem;box-shadow:var(--shadow-sm)}.feedback-intro h2{font-family:var(--font-display);font-size:1.5rem;font-weight:600;color:var(--color-text);margin-bottom:.5rem}.feedback-intro-text{color:var(--color-text-secondary);line-height:1.7;margin-bottom:1.5rem}.feedback-options{display:grid;grid-template-columns:1fr 1fr;gap:1rem}.feedback-option-card{background:var(--color-bg);border:1px solid var(--color-border);border-radius:var(--radius-md);padding:1.5rem;display:flex;flex-direction:column;gap:.5rem}.feedback-option-icon{width:48px;height:48px;border-radius:10px;background:var(--color-primary-light);color:var(--color-primary);display:flex;align-items:center;justify-content:center;margin-bottom:.25rem}.feedback-option-card h3{font-family:var(--font-display);font-size:1.1rem;font-weight:600;color:var(--color-text)}.feedback-option-card p{color:var(--color-text-secondary);font-size:.9rem;line-height:1.5;margin-bottom:.5rem}.feedback-schedule-btn{display:inline-flex;align-items:center;gap:.35rem;font-weight:600;font-size:.9rem;color:var(--color-primary);text-decoration:none;margin-top:auto;transition:gap .2s ease}.feedback-schedule-btn:hover{gap:.6rem}.feedback-form-section{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-lg);padding:2rem;box-shadow:var(--shadow-sm)}.feedback-form-section h3{font-family:var(--font-display);font-size:1.3rem;font-weight:600;color:var(--color-text);margin-bottom:.35rem}.feedback-form-note{color:var(--color-text-muted);font-size:.9rem;font-style:italic;margin-bottom:1.5rem}.feedback-form{display:flex;flex-direction:column;gap:1.5rem}.feedback-field label{display:block;font-weight:600;font-size:.9rem;color:var(--color-text);margin-bottom:.5rem;line-height:1.5}.feedback-field input[type=text],.feedback-field textarea{width:100%;padding:.75rem 1rem;border:1px solid var(--color-border);border-radius:var(--radius-sm);font-family:var(--font-body);font-size:.95rem;color:var(--color-text);background:var(--color-bg);transition:border-color .2s ease,box-shadow .2s ease;outline:none}.feedback-field input[type=text]::placeholder,.feedback-field textarea::placeholder{color:var(--color-text-muted)}.feedback-field input[type=text]:focus,.feedback-field textarea:focus{border-color:var(--color-primary);box-shadow:0 0 0 3px #23abe11f}.feedback-field textarea{resize:vertical;min-height:80px}.feedback-radio-group{display:flex;flex-wrap:wrap;gap:.5rem}.feedback-radio-label{display:flex;align-items:center;gap:.5rem;padding:.6rem 1rem;border:1px solid var(--color-border);border-radius:var(--radius-sm);background:var(--color-bg);cursor:pointer;font-weight:400;font-size:.9rem;transition:border-color .2s ease,background .2s ease}.feedback-radio-label:hover{border-color:var(--color-primary)}.feedback-radio-label input[type=radio]{accent-color:var(--color-primary)}.feedback-radio-label:has(input:checked){border-color:var(--color-primary);background:var(--color-primary-light)}.feedback-submit-btn{display:inline-flex;align-items:center;gap:.5rem;align-self:flex-start;padding:.75rem 1.5rem;background:var(--color-primary);color:#fff;font-family:var(--font-body);font-size:.95rem;font-weight:600;border:none;border-radius:var(--radius-sm);cursor:pointer;transition:background .2s ease}.feedback-submit-btn:hover{background:var(--color-primary-dark)}@media(max-width:768px){.feedback-options{grid-template-columns:1fr}.feedback-intro,.feedback-form-section{padding:1.5rem}.feedback-radio-group{flex-direction:column}}.frameworks-landing{min-height:100vh;background:var(--color-bg);padding:3rem 2rem}.frameworks-landing-header{max-width:900px;margin:0 auto 3rem;text-align:center}.back-link{display:inline-flex;align-items:center;gap:.35rem;font-family:var(--font-body);font-size:.9rem;font-weight:500;color:var(--color-text-muted);background:none;border:none;cursor:pointer;margin-bottom:2rem;transition:color .2s ease}.back-link:hover{color:var(--color-primary)}.back-link .back-icon{transform:rotate(180deg)}.frameworks-landing-title{font-family:var(--font-display);font-size:clamp(2rem,4vw,2.75rem);font-weight:700;color:var(--color-text);margin-bottom:.75rem}.frameworks-landing-subtitle{font-size:1.1rem;color:var(--color-text-secondary);line-height:1.6}.frameworks-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:1.25rem;max-width:900px;margin:0 auto}.framework-card{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-lg);padding:2rem;display:flex;flex-direction:column;gap:.75rem;box-shadow:var(--shadow-sm);position:relative;text-align:left;font-family:var(--font-body)}.framework-card-active{cursor:pointer;border:none;transition:box-shadow .2s ease,transform .2s ease}.framework-card-active:hover{box-shadow:var(--shadow-lg);transform:translateY(-2px)}.framework-card-soon{opacity:.6}.framework-card-badge{display:inline-block;align-self:flex-start;font-size:.75rem;font-weight:700;letter-spacing:.05em;text-transform:uppercase;padding:.3rem .75rem;border-radius:20px;background:var(--color-primary-light);color:var(--color-primary)}.framework-card-badge.badge-soon{background:var(--color-bg);color:var(--color-text-muted)}.framework-card-icon{width:56px;height:56px;border-radius:12px;background:var(--color-primary-light);color:var(--color-primary);display:flex;align-items:center;justify-content:center}.framework-card-icon.icon-soon{background:var(--color-bg);color:var(--color-text-muted)}.framework-card h2{font-family:var(--font-display);font-size:1.4rem;font-weight:600;color:var(--color-text)}.framework-card p{font-size:.9rem;color:var(--color-text-secondary);line-height:1.6}.framework-card-cta{display:inline-flex;align-items:center;gap:.35rem;font-weight:600;font-size:.9rem;color:var(--color-primary);margin-top:auto;transition:gap .2s ease}.framework-card-active:hover .framework-card-cta{gap:.6rem}@media(max-width:768px){.frameworks-grid{grid-template-columns:1fr}.frameworks-landing{padding:2rem 1rem}}.landing-partners{padding:3rem 0;background:#fff}.landing-partners-label{text-align:center;font-size:.85rem;font-weight:600;letter-spacing:.1em;text-transform:uppercase;color:var(--color-text-muted);margin-bottom:1.75rem}.landing-partners-logos{display:flex;flex-wrap:wrap;justify-content:center;gap:1.25rem;max-width:900px;margin:0 auto}.partner-logo-card{flex:0 0 calc(25% - 1rem);background:#fff;border:1px solid var(--color-border-subtle);border-radius:var(--radius-md);display:flex;align-items:center;justify-content:center;padding:1.25rem 1.5rem;height:100px;box-shadow:var(--shadow-sm);transition:box-shadow .2s ease}.partner-logo-card:hover{box-shadow:var(--shadow-md)}.partner-logo-card img{max-height:60px;max-width:140px;width:auto;height:auto;object-fit:contain}.partner-logo-card img.partner-logo-sm{max-height:42px;max-width:120px}.partner-logo-card img.partner-logo-md{max-height:90px;max-width:160px}.partner-logo-card img.partner-logo-boost{max-height:120px;max-width:180px}.partner-logo-card img.partner-logo-xl{max-height:180px;max-width:220px}@media(max-width:768px){.landing-partners{padding:2rem 0}.landing-partners-logos{gap:.75rem}.partner-logo-card{flex:0 0 calc(50% - .5rem);padding:1rem;height:80px}.partner-logo-card img{max-height:40px;max-width:110px}}.landing-problem{padding:6rem 0;background:#20303a;position:relative;overflow:hidden}.landing-problem:before{content:"";position:absolute;top:0;left:0;right:0;height:1px;background:linear-gradient(90deg,transparent,#23abe1,transparent)}.landing-problem-header{text-align:center;margin-bottom:3rem}.landing-problem-header h2{font-family:Fraunces,serif;font-size:clamp(1.75rem,4vw,2.5rem);font-weight:500;color:#fff;line-height:1.3}.landing-problem-points{display:flex;flex-direction:column;gap:2rem;max-width:900px;margin:0 auto}.landing-problem-point{display:flex;gap:1.5rem;align-items:flex-start}.landing-problem-point-number{flex-shrink:0;width:40px;height:40px;background:#23abe126;border:2px solid rgba(35,171,225,.4);border-radius:50%;display:flex;align-items:center;justify-content:center;font-family:Fraunces,serif;font-size:1.1rem;font-weight:600;color:#23abe1}.landing-problem-point p{font-size:1.1rem;line-height:1.75;color:#c5d0d8;margin:0}.landing-emphasis{color:#23abe1;font-weight:600}.landing-solution{padding:8rem 0;background:#f8fafb}.landing-solution-header{text-align:center;max-width:700px;margin:0 auto 4rem}.landing-section-label{display:inline-block;font-size:.8rem;font-weight:600;letter-spacing:.15em;text-transform:uppercase;color:#23abe1;margin-bottom:1rem}.landing-solution-header h2{font-family:Fraunces,serif;font-size:clamp(2rem,4vw,3rem);font-weight:500;color:#20303a;line-height:1.2}.landing-solution-text{margin-top:1.25rem;font-size:1.1rem;color:var(--color-text-secondary);line-height:1.75}.landing-pillars{display:grid;grid-template-columns:repeat(3,1fr);gap:2rem}.landing-pillar{background:#fff;border-radius:20px;padding:2.5rem;position:relative;border:1px solid #e2e7eb;transition:all .4s ease;overflow:hidden;cursor:pointer}.landing-pillar:before{content:"";position:absolute;top:0;left:0;right:0;height:4px;background:#23abe1;transform:scaleX(0);transition:transform .4s ease}.landing-pillar:hover{transform:translateY(-8px);box-shadow:0 20px 60px #20303a1f;border-color:transparent}.landing-pillar:hover:before{transform:scaleX(1)}.landing-pillar-number{width:48px;height:48px;background:#e8f6fc;border-radius:12px;display:flex;align-items:center;justify-content:center;font-family:Fraunces,serif;font-size:1.25rem;font-weight:600;color:#23abe1;margin-bottom:1.5rem;transition:all .3s ease}.landing-pillar:hover .landing-pillar-number{background:#23abe1;color:#fff}.landing-pillar h3{font-family:Fraunces,serif;font-size:1.35rem;font-weight:500;color:#20303a;line-height:1.35;margin-bottom:1rem}.landing-pillar p{font-size:.95rem;color:#5a6d7a;line-height:1.7;margin-bottom:1.5rem}.landing-pillar-cta{display:inline-flex;align-items:center;gap:.35rem;font-size:.9rem;font-weight:600;color:#23abe1;opacity:0;transform:translate(-8px);transition:all .3s ease}.landing-pillar:hover .landing-pillar-cta{opacity:1;transform:translate(0)}.landing-goal{padding:10rem 0;background:#fff;position:relative;overflow:hidden}.landing-goal-bg{position:absolute;inset:0;background:radial-gradient(ellipse 50% 50% at 50% 50%,rgba(35,171,225,.15) 0%,transparent 70%);pointer-events:none}.landing-goal-content{position:relative;z-index:1;text-align:center;max-width:900px;margin:0 auto}.landing-goal-quote{font-family:Fraunces,serif;font-size:clamp(2rem,5vw,3.5rem);font-weight:400;font-style:italic;color:#20303a;line-height:1.3;margin-bottom:3rem;position:relative}.landing-goal-quote:before{content:"“";position:absolute;top:-.5em;left:-.3em;font-size:6rem;color:#23abe1;opacity:.15;font-style:normal;line-height:1}.landing-key{color:#23abe1;font-weight:500}.landing-goal-actions{display:flex;justify-content:center;gap:1rem}.landing-footer{padding:4rem 0;background:#20303a;border-top:1px solid rgba(35,171,225,.2)}.landing-footer-inner{display:flex;justify-content:space-between;align-items:center}.landing-footer-logo{font-family:Fraunces,serif;font-weight:500;font-size:1.1rem;color:#fff}.landing-footer-text{font-size:.9rem;color:#8a9ba8}.landing-reveal{opacity:0;transform:translateY(40px);transition:all .8s cubic-bezier(.16,1,.3,1)}.landing-reveal.landing-active{opacity:1;transform:translateY(0)}.landing-reveal-delay-1{transition-delay:.1s}.landing-reveal-delay-2{transition-delay:.2s}.landing-reveal-delay-3{transition-delay:.3s}@media(max-width:968px){.landing-problem{padding:4rem 0}.landing-problem-point{flex-direction:column;gap:1rem}.landing-problem-point p{font-size:1rem}.landing-pillars{grid-template-columns:1fr;gap:1.5rem}.landing-nav{display:none}}@media(max-width:640px){.landing-header-inner{padding:1rem}.landing-hero{padding:7rem 0 4rem}.landing-hero-actions{flex-direction:column}.landing-hero-actions .landing-btn{width:100%;justify-content:center}.landing-scroll-indicator{display:none}.landing-problem,.landing-solution{padding:5rem 0}.landing-goal{padding:6rem 0}.landing-goal-actions{flex-direction:column;align-items:center}.landing-footer-inner{flex-direction:column;gap:1.5rem;text-align:center}}.pilot-page{min-height:100vh;background:var(--color-bg)}.pilot-page-header{padding:2rem;max-width:900px;margin:0 auto}.pilot-page-content{padding:0 2rem 4rem}.pilot-page-content .landing-container{max-width:800px}.pilot-page-content h1{font-family:var(--font-display);font-size:2.25rem;font-weight:700;color:var(--color-text);margin-top:.75rem;margin-bottom:1rem}.pilot-intro{font-size:1.1rem;line-height:1.7;color:var(--color-text-muted);margin-bottom:2.5rem}.landing-pilot{padding:6rem 0;background:var(--color-bg)}.landing-pilot-inner{max-width:800px;margin:0 auto}.landing-pilot-inner h2{font-family:var(--font-display);font-size:2rem;font-weight:700;color:var(--color-text);margin-top:.75rem;margin-bottom:2rem}.pilot-overview{margin-bottom:2.5rem}.pilot-overview-cards{display:flex;flex-direction:column;gap:1rem}.pilot-overview-card{display:flex;gap:1rem;background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-md);padding:1.25rem 1.5rem;box-shadow:var(--shadow-sm)}.pilot-overview-card-icon{flex-shrink:0;width:44px;height:44px;border-radius:10px;background:var(--color-primary-light);color:var(--color-primary);display:flex;align-items:center;justify-content:center}.pilot-overview-card strong{display:block;font-size:1rem;font-weight:600;color:var(--color-text);margin-bottom:.25rem}.pilot-overview-card p{font-size:.95rem;color:var(--color-text-secondary);line-height:1.65;margin:0}.pilot-glance{margin-bottom:2.5rem}.pilot-glance h3{font-family:var(--font-display);font-size:1.3rem;font-weight:600;color:var(--color-text);margin-bottom:1rem}.pilot-glance-grid{display:grid;grid-template-columns:1fr 1fr;gap:.75rem}.pilot-glance-card{display:flex;align-items:flex-start;gap:.85rem;background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-md);padding:1.1rem 1.25rem;box-shadow:var(--shadow-sm);transition:box-shadow .2s ease}.pilot-glance-card:hover{box-shadow:var(--shadow-md)}.pilot-glance-letter{flex-shrink:0;width:36px;height:36px;border-radius:8px;background:var(--color-primary);color:#fff;font-weight:700;font-size:1rem;display:flex;align-items:center;justify-content:center}.pilot-glance-info strong{display:block;font-size:.95rem;font-weight:600;color:var(--color-text);margin-bottom:.15rem}.pilot-glance-info p{font-size:.85rem;color:var(--color-text-secondary);line-height:1.5;margin:0}.pilot-signup{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-lg);padding:2rem;box-shadow:var(--shadow-sm)}.pilot-signup h3{font-family:var(--font-display);font-size:1.3rem;font-weight:600;color:var(--color-text);margin-bottom:.35rem}.pilot-signup-desc{color:var(--color-text-secondary);margin-bottom:1.5rem;font-size:.95rem}.pilot-form{display:flex;flex-direction:column;gap:1.25rem}.pilot-form-field label{display:block;font-weight:600;font-size:.9rem;color:var(--color-text);margin-bottom:.4rem}.pilot-form-field input,.pilot-form-field textarea{width:100%;padding:.75rem 1rem;border:1px solid var(--color-border);border-radius:var(--radius-sm);font-family:var(--font-body);font-size:.95rem;color:var(--color-text);background:var(--color-bg);transition:border-color .2s ease,box-shadow .2s ease;outline:none}.pilot-form-field input::placeholder,.pilot-form-field textarea::placeholder{color:var(--color-text-muted)}.pilot-form-field input:focus,.pilot-form-field textarea:focus{border-color:var(--color-primary);box-shadow:0 0 0 3px #23abe11f}.pilot-form-field textarea{resize:vertical;min-height:100px}.pilot-checkbox-group{display:flex;flex-wrap:wrap;gap:1rem;margin-top:.5rem}.pilot-checkbox{display:flex;align-items:center;gap:.5rem;cursor:pointer;font-weight:400}.pilot-checkbox input[type=checkbox]{width:18px;height:18px;accent-color:var(--color-primary);cursor:pointer}.pilot-checkbox span{font-size:.95rem;color:var(--color-text)}.pilot-submit-btn{align-self:flex-start;margin-top:.25rem}.pilot-success{display:flex;align-items:flex-start;gap:1rem;background:var(--color-green-light);border:1px solid var(--color-green-border);border-radius:var(--radius-md);padding:1.25rem 1.5rem;color:var(--color-green)}.pilot-success strong{display:block;color:var(--color-green);margin-bottom:.2rem}.pilot-success p{color:var(--color-text-secondary);margin:0;font-size:.9rem}@media(max-width:768px){.landing-pilot{padding:4rem 0}.landing-pilot-inner h2{font-size:1.6rem}.pilot-glance-grid{grid-template-columns:1fr}.pilot-signup{padding:1.5rem}}
