.architecture-hero,.manual-hero,.cases-hero{display:flex;justify-content:space-between;gap:24px;padding:30px;border-radius:22px;background:linear-gradient(135deg,#17382d,#246957);color:#fff}.architecture-hero h2,.manual-hero h2,.cases-hero h2{margin:7px 0 8px;font-size:30px}.architecture-hero p,.manual-hero p,.cases-hero p{max-width:760px;margin:0;color:#d7eee4;line-height:1.7}.architecture-hero small,.manual-hero small,.cases-hero small,.architecture-section-head small,.architecture-system small,.manual-guide-head small,.manual-roles small,.cases-filter small{font-size:10px;font-weight:800;letter-spacing:.12em;color:#a7e4c9}.architecture-hero-stat,.cases-hero-stat{align-self:center;min-width:140px;padding:16px;border:1px solid #ffffff38;border-radius:15px;background:#ffffff14}.architecture-hero-stat b,.cases-hero-stat b{display:block;font-size:30px}.architecture-hero-stat span,.cases-hero-stat span{font-size:12px;color:#d7eee4}.architecture-flow,.architecture-diagram,.manual-guide{margin-top:18px;padding:20px;border:1px solid #dbe7e1;border-radius:18px;background:#fff}.architecture-section-head,.manual-guide-head{display:flex;justify-content:space-between;align-items:flex-end;gap:12px;padding:4px 4px 16px;border-bottom:1px solid #e5eee9}.architecture-section-head h3,.manual-guide-head h3{margin:5px 0 0;color:#18342b;font-size:21px}.architecture-section-head>span{color:#168b80;font-size:11px;font-weight:800}.phase-row{display:grid;grid-template-columns:repeat(4,1fr);gap:9px;margin-top:17px}.phase-row>div{display:grid;gap:5px;padding:13px;border-radius:12px;color:#18342b}.phase-row b{font-size:10px;letter-spacing:.1em}.phase-row strong{font-size:14px}.phase-row small{font-size:11px}.phase-one{background:#e2f6ee;border-left:4px solid #159777}.phase-two{background:#eee9fb;border-left:4px solid #7561bd}.phase-three{background:#fff0df;border-left:4px solid #d97724}.phase-four{background:#fde9f1;border-left:4px solid #dc6b9c}.stage-strip{display:grid;grid-template-columns:repeat(13,1fr);gap:5px;margin-top:14px}.stage-strip a{display:grid;gap:5px;min-height:62px;padding:8px 5px;border:1px solid #dbe7e1;border-radius:8px;background:#f8fbf9;color:#18342b;text-decoration:none}.stage-strip b{color:#168b80;font-size:11px}.stage-strip span{font-size:10px;line-height:1.3}.architecture-svg-box{margin-top:16px;overflow:auto;border-radius:14px;background:#f6faf8}.architecture-svg-box svg{display:block;width:100%;min-width:760px}.architecture-svg-box text{font-family:Arial,sans-serif;fill:#18342b;font-size:15px;font-weight:700}.architecture-svg-box .arch-board-line{fill:none;stroke:#168b80;stroke-width:3}.architecture-svg-box .secondary{stroke:#d97724;stroke-dasharray:7 7}.architecture-svg-box .input{fill:#e5f5ed;stroke:#168b80}.architecture-svg-box .intel{fill:#eee9fb;stroke:#7561bd}.architecture-svg-box .asset{fill:#fff0df;stroke:#d97724}.architecture-svg-box .systems{fill:#17382d;stroke:#17382d}.architecture-systems{display:grid;grid-template-columns:repeat(3,1fr);gap:14px;margin-top:18px}.architecture-system{padding:20px;border:1px solid #dbe7e1;border-radius:16px;background:#fff}.architecture-system h3{margin:6px 0;color:#18342b;font-size:20px}.architecture-system p{min-height:50px;margin:0;color:#52645d;font-size:13px;line-height:1.6}.architecture-system>div{display:flex;flex-wrap:wrap;gap:6px;margin-top:15px}.architecture-system span,.manual-principles span{padding:7px 9px;border-radius:999px;background:#e5f5ed;color:#08775f;font-size:11px;font-weight:700}.ontology-system span{background:#eee9fb;color:#6651a7}.primitive-system span{background:#fff0df;color:#a85b19}.architecture-system footer{display:block;margin-top:16px;color:#71827a;font-size:11px;font-weight:800}.architecture-note{margin-top:18px;padding:16px 18px;border-radius:14px;background:#17382d;color:#d7eee4}.architecture-note strong{color:#a7e4c9;margin-right:12px}.manual-hero button{align-self:center;padding:10px 13px;border:1px solid #a7e4c9;border-radius:8px;background:transparent;color:#fff;font-weight:800}.manual-principles,.cases-filter{display:flex;justify-content:space-between;align-items:center;gap:10px;flex-wrap:wrap;margin-top:14px;padding:14px 17px;border:1px solid #dbe7e1;border-radius:14px;background:#fff}.manual-guide-head input,.cases-filter input{padding:10px;border:1px solid #cbded5;border-radius:8px;font:inherit;font-size:12px}.manual-step{display:grid;grid-template-columns:42px 1fr auto;align-items:center;gap:14px;padding:15px 4px;border-bottom:1px solid #edf3f0}.manual-step>b,.case-card-number{display:grid;place-items:center;width:34px;height:34px;border-radius:10px;background:#e5f5ed;color:#08775f;font-weight:900}.manual-step h4{margin:0;color:#18342b;font-size:15px}.manual-step p{margin:5px 0 0;color:#52645d;font-size:13px;line-height:1.5}.manual-step a,.case-library-card a{color:#168b80;text-decoration:none;font-size:12px;font-weight:800}.manual-roles{display:grid;grid-template-columns:repeat(3,1fr);gap:14px;margin-top:18px}.manual-roles article{padding:18px;border-radius:14px;background:#f4f8f6}.manual-roles h3{margin:7px 0;color:#18342b;font-size:16px}.manual-roles p{margin:0;color:#52645d;font-size:13px;line-height:1.6}.case-library{display:grid;gap:14px;margin-top:18px}.case-library-card{display:flex;gap:16px;padding:21px;border:1px solid #dbe7e1;border-radius:16px;background:#fff}.case-card-main{width:100%}.case-card-main>small{color:#168b80;font-size:10px;font-weight:800;letter-spacing:.12em}.case-card-main h3{margin:5px 0 13px;color:#18342b;font-size:20px}.case-flow-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}.case-flow-grid section{padding:12px;border-radius:10px;background:#f5f8f6}.case-flow-grid b{color:#168b80;font-size:11px}.case-flow-grid p{margin:6px 0 0;color:#52645d;font-size:13px;line-height:1.55}.case-card-main footer{display:flex;justify-content:space-between;margin-top:14px;padding-top:12px;border-top:1px solid #edf3f0;color:#71827a;font-size:11px}@media(max-width:950px){.stage-strip{grid-template-columns:repeat(7,1fr)}.architecture-systems,.manual-roles{grid-template-columns:1fr}.case-flow-grid{grid-template-columns:1fr}}@media(max-width:700px){.architecture-hero,.manual-hero,.cases-hero{display:block}.architecture-hero-stat,.cases-hero-stat{margin-top:18px}.phase-row{grid-template-columns:repeat(2,1fr)}.stage-strip{grid-template-columns:repeat(4,1fr)}.manual-guide-head{display:block}.manual-step{grid-template-columns:34px 1fr}.manual-step a{grid-column:2}.case-library-card{display:block}.case-card-number{margin-bottom:12px}}