.apps-hero{display:grid;grid-template-columns:1.4fr 1fr;gap:64px;align-items:center;padding:70px 0 56px;border-bottom:1px solid #d8e0d9}.apps-hero h1{font-size:clamp(2.5rem,4.7vw,4.5rem);line-height:1.08;letter-spacing:-.045em;margin:18px 0 24px;color:#153f37}.apps-hero p{font-size:1.1rem;line-height:1.7;max-width:580px;color:#405850}.apps-hero aside{background:#eaf0e6;padding:32px;border:1px solid #d4ddce;border-radius:6px}.apps-hero ol{padding-left:24px;margin-bottom:0}.apps-hero li{padding:12px 0 12px 8px;color:#20463d}.apps-hero li strong,.apps-hero li span{display:block}.apps-hero li span{font-size:.9rem;line-height:1.65;color:#405850;margin-top:5px}.apps-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px}.app-card{background:#fff;border:1px solid #d7dfd8;border-radius:6px;padding:27px;display:flex;flex-direction:column;min-height:295px;transition:box-shadow .2s,transform .2s}.app-card:hover{box-shadow:0 8px 24px #153f3710;transform:translateY(-2px)}.app-card-top{display:flex;align-items:center;justify-content:space-between;gap:10px}.app-number{font-size:1.25rem;color:#60796c}.app-card h3{font-size:1.4rem;line-height:1.3;margin:22px 0 14px;letter-spacing:-.025em}.app-card h3 a{text-decoration:none;color:#153f37}.app-card p{color:#405850;font-size:.95rem;line-height:1.65;margin:0 0 22px}.app-mode{display:block;color:#486153;font-size:.78rem;border-top:1px solid #e3e8e1;padding-top:14px;margin-top:auto}.app-card>.text-link{margin-top:17px;font-weight:700}.apps-count{color:#405850;font-weight:600}.apps-disclosure{background:#edf1e8;border:1px solid #d7dfd2;border-radius:6px;padding:32px;margin:32px 0 50px;color:#344d42}.apps-disclosure h2{color:#153f37}.apps-disclosure p{line-height:1.8;max-width:900px}.apps-disclosure .actions{gap:24px;flex-wrap:wrap}.apps-teaser{padding:36px;background:#eaf0e6;border:1px solid #d4ddce;border-radius:6px;margin:34px 0;display:flex;align-items:center;justify-content:space-between;gap:36px}.apps-teaser h2{margin:12px 0;font-size:1.9rem;color:#153f37}.apps-teaser p{max-width:690px;color:#405850;line-height:1.7}.apps-teaser>.button{flex-shrink:0}.apps-heading{max-width:950px}.apps-heading>.text-link{display:block;margin-bottom:30px}.apps-workspace{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.15fr);gap:24px;align-items:start}.apps-input h2,.apps-output h2{font-size:1.6rem;line-height:1.25;color:#153f37}.apps-input textarea{min-height:100px;resize:vertical;color:#243e35}.apps-input textarea::placeholder{color:#65766d;opacity:1}.apps-input textarea[readonly]{background:#eef2ec}.apps-actions{display:flex;flex-wrap:wrap;gap:10px;margin:20px 0}.apps-actions button{font-size:.85rem;padding:10px 14px}.apps-input .completion-check{font-size:.86rem;line-height:1.6;align-items:flex-start;margin:20px 0}.apps-input .completion-check input{margin-top:5px}.apps-api-status{font-size:.82rem;line-height:1.7;color:#405850}.apps-output{min-height:410px}.apps-output #app-status{padding:15px;background:#edf1e8;line-height:1.65;color:#344d42;font-size:.9rem}.apps-output #app-result>span{display:block;font-size:.75rem;letter-spacing:.025em;text-transform:uppercase;font-weight:700;color:#456151;margin:24px 0 14px}.apps-output #app-result p,.apps-output #app-result li{line-height:1.8;color:#30483e;font-size:.95rem;white-space:pre-wrap;overflow-wrap:anywhere}.apps-output #app-result h3{margin:27px 0 10px;color:#153f37;font-size:1.13rem}.apps-output #app-result ul{padding-left:22px}.apps-output #app-result li{margin:9px 0}#app-history:not(:empty){padding:18px;background:#f6f8f3;border:1px solid #d7dfd2;margin:20px 0}#app-history p{font-size:.85rem;line-height:1.7;white-space:pre-wrap;overflow-wrap:anywhere}#app-history h3{font-size:1rem}#ai-application button:disabled{opacity:.52;cursor:not-allowed}#ai-application button:focus-visible,.app-card a:focus-visible{outline:3px solid #a0b69a;outline-offset:4px}@media(max-width:1000px){.apps-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.apps-hero{gap:28px}.apps-teaser{align-items:flex-start;flex-direction:column;gap:12px}}@media(max-width:700px){.apps-hero,.apps-workspace{grid-template-columns:1fr}.apps-hero{padding-top:38px;gap:30px}.apps-hero aside,.apps-disclosure,.apps-teaser{padding:24px}.apps-grid{grid-template-columns:1fr}.app-card{min-height:0}.app-mode{margin-top:15px}.apps-count{display:none}.apps-workspace{gap:18px}.apps-actions button{flex:1}.apps-teaser h2{font-size:1.6rem}}
