:root{font-family:Satoshi,Arial,sans-serif;color:#292622;background:#f6f2e9}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0}main{overflow-x:hidden;width:100%;max-width:100%}nav{display:flex;justify-content:space-between;margin:24px 5%;padding:20px 26px;border:1px solid #c7bda9;border-radius:50px}a{color:inherit;text-underline-offset:4px}nav a{text-decoration:none}header{text-align:center;max-width:1400px;margin:auto;padding:95px 5% 120px;background:radial-gradient(ellipse at bottom,#e3cbae55,transparent 70%)}h1{font-size:clamp(3rem,6vw,6rem);line-height:1.04;letter-spacing:-.065em;max-width:72rem;margin:0 auto 30px}header p{max-width:840px;font-size:1.2rem;line-height:1.75;margin:0 auto}.actions{display:flex;flex-wrap:wrap;gap:12px;margin:28px 0}header .actions{justify-content:center}.button,button{font:inherit;color:white;background:#68432c;border:1px solid #68432c;border-radius:8px;padding:14px 20px;text-decoration:none;cursor:pointer}.light{color:#68432c;background:#fffaf0}.button:hover,button:hover{filter:brightness(.9)}button:disabled{opacity:.5;cursor:not-allowed}header img{width:100%;max-height:390px;object-fit:cover;margin-top:45px;border-radius:24px;transition:transform .7s}header img:hover{transform:scale(1.02)}.marquee{padding:24px 0;background:#2e2a24;color:#fff7e7;white-space:nowrap;overflow:hidden;font-size:1.7rem}.marquee span{display:inline-block;animation:marquee 40s linear infinite}@keyframes marquee{to{transform:translateX(-50%)}}section{padding:125px 5%;max-width:1400px;margin:auto}h2{font-size:clamp(2rem,4vw,4rem);line-height:1.1;letter-spacing:-.05em;margin:0 0 30px}p{line-height:1.8}.intro{display:grid;grid-template-columns:1fr 1fr;gap:45px;margin-bottom:55px}.comparisons{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));grid-auto-flow:dense;border:1px solid #b9ad98;border-radius:20px;overflow:hidden}.comparisons article{padding:25px;background:#eee6d7;border-right:1px solid #b9ad98;transition:background .5s}.comparisons article:last-child{border:0}.comparisons article:hover{background:#e5d7bd}h3{font-size:1.55rem;margin-top:0}.fit{min-height:60px}details{border-top:1px solid #b9ad98;padding:20px 0}summary{cursor:pointer;font-weight:600;font-size:1.1rem}details p{font-size:.95rem}details a{font-size:.9rem}.scenarios{max-width:none;background:#302a23;color:#fff5e6}.scenarios>p{font-size:.85rem}#scenario{max-width:900px;min-height:130px}.stack{max-width:1000px;margin-top:70px}.stack p{padding:32px;background:#483d32;border-radius:18px;font-size:1.2rem}.lead{max-width:1000px;font-size:1.1rem}.project{max-width:650px}.task{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px;background:#fffaf1;border:1px solid #c7bda9;border-radius:18px;padding:25px;margin:20px 0;transition:box-shadow .5s}.task:hover{box-shadow:0 8px 30px #68432c15}label{font-size:.85rem;display:block}input,select,textarea{display:block;width:100%;padding:12px;border:1px solid #b8aa94;border-radius:6px;font:inherit;font-size:1rem;background:white;color:#292622;margin-top:7px}textarea{min-height:90px;resize:vertical}.task button{justify-self:start}.import{border:1px solid #c7bda9;border-radius:16px;padding:25px;margin-top:30px}#status{font-weight:600;min-height:30px}#result ol{padding-left:25px}#result li{padding:16px 0;border-bottom:1px solid #c7bda9;line-height:1.7;overflow-wrap:anywhere}#result strong{display:block}.closing{background:#e8dcc7;max-width:none}.closing p,.closing details{max-width:1000px}footer{background:#302a23;color:white;padding:50px 5%}:focus-visible{outline:3px solid #9f5d1d;outline-offset:3px}@media(min-width:1100px){.comparisons{display:flex}.comparisons article{flex:1;min-width:0;transition:flex .5s,background .5s}.comparisons article:has(details:hover){flex:2}}@media(max-width:850px){.comparisons{grid-template-columns:repeat(2,minmax(0,1fr))}.comparisons article{border-bottom:1px solid #b9ad98}.intro{grid-template-columns:1fr;gap:10px}}@media(max-width:550px){nav{font-size:.8rem;padding:17px}header{padding-top:60px}h1{font-size:3rem}header img{max-height:220px}section{padding:85px 6%}.comparisons{grid-template-columns:1fr}.comparisons article{border-right:0}.task{grid-template-columns:1fr}h2{font-size:2.25rem}.stack p{padding:24px}.actions button{padding:12px 16px}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*::before,*::after{transition:none!important;animation:none!important}}