:root{font-family:Inter,Segoe UI,sans-serif;color:#18223b;background:#f4f5fa;font-size:16px}*{box-sizing:border-box}body{margin:0}main{max-width:1040px;margin:auto;padding:30px 28px}header{display:flex;justify-content:space-between;gap:14px;align-items:center}.brand{font-size:22px;font-weight:850;letter-spacing:2px}.brand span{color:#7755e8}.badge{background:#e9e4fd;color:#5535a6;border-radius:30px;padding:9px 14px;font-size:12px}.hero{padding:62px 0 32px}.eyebrow{font-size:12px;letter-spacing:2px;color:#655291;font-weight:700}h1{font-size:clamp(32px,5vw,54px);line-height:1.08;letter-spacing:-2px;margin:20px 0}p{line-height:1.65;color:#647086}.hero>p:last-child{max-width:590px}nav{display:flex;gap:10px;flex-wrap:wrap;margin:20px 0}button,input{font:inherit}button{border:0;background:#7150db;color:white;border-radius:12px;padding:13px 19px;cursor:pointer;font-weight:600}button:hover{filter:brightness(.94)}button:focus-visible,input:focus-visible{outline:3px solid #a68aff;outline-offset:3px}button:disabled{opacity:.5;cursor:not-allowed}nav button{background:#e9ebf2;color:#586176}nav button.active{background:#19233b;color:white}.panel{background:white;border:1px solid #e6e8ef;border-radius:22px;padding:28px}.panel[hidden]{display:none}h2{font-size:27px;margin:0 0 8px;letter-spacing:-.7px}.intro p{margin-top:5px}.note{font-size:12px}#chat{height:360px;overflow:auto;background:#f7f8fc;border-radius:16px;padding:20px;display:flex;flex-direction:column;gap:16px}.bubble{max-width:85%;white-space:pre-wrap;line-height:1.5;padding:15px 18px;border-radius:15px;background:white;border:1px solid #e6e8f0;font-size:14px}.bubble.user{align-self:flex-end;background:#eae4ff;border:0}.buttons{display:flex;flex-wrap:wrap;gap:6px;margin-top:12px}.buttons button{font-size:12px;background:#ede8fc;color:#5836b6;padding:9px 12px}#chat-form{display:flex;gap:10px;margin-top:14px}input:not([type=radio]){border:1px solid #d8dce8;border-radius:10px;padding:12px;background:white;min-width:0}#message{flex:1}.cards{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}.service{border:1px solid #e2e4ee;border-radius:15px;padding:19px;display:grid;gap:12px;cursor:pointer}.service:has(input:checked){border-color:#7755e8;background:#f7f4ff}.service input{accent-color:#7755e8}.service span{font-size:13px;color:#647086}.service b{font-size:24px}.field{display:flex;align-items:center;gap:20px;margin:24px 0}.field input{width:90px}.total{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:22px 0;border-top:1px solid #eee}output{font-size:28px;font-weight:700}.result{white-space:pre-wrap;background:#f4f5fa;border-radius:12px;padding:16px}.bridge{border-top:1px solid #eee;margin-top:25px;padding-top:15px}.ideas{display:grid;grid-template-columns:repeat(2,1fr);gap:16px}.ideas article{background:#f7f8fc;padding:18px;border-radius:14px}.ideas h3{margin:0}.ideas p{font-size:14px;margin-bottom:0}aside{margin-top:22px;background:#f3edff;padding:20px;border-radius:14px}a{color:#6840c9}footer{padding:25px 0;font-size:12px;color:#8b93a5}.sr-only{position:absolute;clip:rect(0,0,0,0);width:1px;height:1px;overflow:hidden}@media(max-width:640px){main{padding:20px 14px}.hero{padding-top:35px}.panel{padding:17px}.cards,.ideas{grid-template-columns:1fr}#chat{height:390px;padding:10px}.bubble{max-width:97%}#chat-form{flex-wrap:wrap}#chat-form button{width:100%}.total{align-items:flex-start;flex-direction:column}.badge{font-size:10px}nav button{font-size:12px;padding:11px}}