:root{--bg:#f1e4cf;--ink:#15110e;--or:#d9622b;--ol:#5b5a2e;--card:#f7edda;--r:18px}*{box-sizing:border-box;margin:0}html{scroll-behavior:smooth}body{font:400 17px/1.6 Manrope,system-ui,sans-serif;background:var(--bg);color:var(--ink);overflow-x:hidden}body:after{content:"";position:fixed;inset:0;pointer-events:none;opacity:.07;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='160' height='160'%3E%3Cfilter id='n'%3E%3CfeTurbulence baseFrequency='.9' numOctaves='2'/%3E%3C/filter%3E%3Crect width='160' height='160' filter='url(%23n)'/%3E%3C/svg%3E");z-index:99}h1,h2,h3{font-family:Anton,Impact,sans-serif;font-weight:400;line-height:1.02;letter-spacing:.01em}a{color:inherit}:focus-visible{outline:3px solid var(--or);outline-offset:3px}.skip{position:absolute;left:-999px}.skip:focus{left:8px;top:8px;background:#fff;padding:8px;z-index:200}.bar{position:sticky;top:10px;z-index:50;margin:10px 16px;padding:10px 16px 10px 22px;background:var(--ink);color:var(--bg);border-radius:14px;display:flex;align-items:center;gap:20px;justify-content:space-between}.logo{font:1.4rem Anton;text-decoration:none;letter-spacing:.06em}.bar nav{display:flex;gap:22px;font-size:.9rem}.bar nav a{text-decoration:none;opacity:.85}.bar nav a:hover{color:var(--or)}.btn{display:inline-block;border:0;cursor:pointer;font:700 .95rem Manrope;padding:13px 24px;border-radius:999px;text-decoration:none}.btn-o{background:var(--or);color:#fff}.btn-l{border:2px solid var(--ink)}.btn-d{background:var(--ink);color:var(--bg)}.btn:hover{filter:brightness(1.1)}.hero{display:grid;grid-template-columns:1.1fr .9fr;gap:30px;align-items:center;padding:50px 5vw 70px;min-height:80vh}.tag{display:inline-block;border:1.5px solid var(--ink);border-radius:999px;padding:4px 14px;font-size:.85rem;margin-bottom:22px}h1{font-size:clamp(3rem,8vw,6.6rem)}h1 span{color:var(--or)}.lead{max-width:34rem;margin:24px 0 30px;font-size:1.1rem}.row{display:flex;gap:14px;flex-wrap:wrap}.hero-v{position:relative;aspect-ratio:1;max-width:520px;justify-self:center;width:100%}.sun{position:absolute;inset:0;border-radius:50%;background:var(--or)}.code{position:absolute;left:-6%;right:-6%;bottom:8%;background:var(--ink);color:#f1e4cf;padding:22px;border-radius:var(--r);font:500 .95rem/1.7 ui-monospace,Consolas,monospace;box-shadow:12px 12px 0 var(--ol)}.dark{background:var(--ink);color:var(--bg)}.orange{background:var(--or);color:var(--ink)}.stats{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;padding:40px 5vw;margin:0 16px;border-radius:var(--r)}.stats b{display:block;font:2.6rem Anton;color:var(--or)}.stats span{opacity:.8}.sec{padding:80px 5vw}.sec h2{font-size:clamp(2.2rem,5vw,4rem);margin-bottom:34px;max-width:18ch}#features.dark{margin:60px 16px 0;border-radius:var(--r)}.sub{margin:-16px 0 28px;opacity:.8}.grid3{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}.card{background:var(--card);border:1.5px solid #c9b794;border-radius:var(--r);padding:28px}.card h3{font-size:1.7rem;margin-bottom:12px;color:var(--ol)}.car{display:flex;align-items:center;gap:12px}.track{display:flex;gap:18px;overflow-x:auto;scroll-snap-type:x mandatory;scrollbar-width:none;flex:1;padding:4px}.track::-webkit-scrollbar{display:none}.slide{flex:0 0 min(320px,80%);scroll-snap-align:start;background:#241d17;border:1.5px solid #4a3d31;border-radius:var(--r);padding:28px;display:flex;flex-direction:column;gap:14px;justify-content:space-between;min-height:250px}.slide h3{font-size:1.9rem;color:var(--or)}.slide p{opacity:.85;flex:1}.slide .btn{align-self:flex-start}.arr{flex:none;width:46px;height:46px;border-radius:50%;border:2px solid var(--or);background:0;color:var(--or);font-size:1.6rem;cursor:pointer}.arr:hover{background:var(--or);color:#fff}.steps{list-style:none;padding:0;display:grid;grid-template-columns:repeat(5,1fr);gap:16px;counter-reset:s}.steps li{counter-increment:s;border-top:4px solid var(--ink);padding-top:14px;font-size:.95rem}.steps li:before{content:counter(s);font:1.6rem Anton;color:var(--or);display:block}.steps b{display:block;font:1.3rem Anton;margin-bottom:4px}.cwrap{display:grid;grid-template-columns:1fr 1fr;gap:50px;align-items:start}.cl{list-style:none;padding:0;font-size:1.1rem;display:grid;gap:8px}form{display:grid;gap:14px;background:var(--bg);padding:28px;border-radius:var(--r)}label{display:grid;gap:6px;font-weight:700;font-size:.9rem}input,textarea{font:inherit;padding:12px 14px;border:1.5px solid #b9a584;border-radius:10px;background:#fff8ea}.hp{position:absolute;left:-9999px}#status{min-height:1.5em;font-weight:700}#status.err{color:#a1260f}.foot{display:flex;justify-content:space-between;padding:26px 5vw;background:var(--ink);color:var(--bg);font-size:.9rem}.modal{position:fixed;inset:0;background:#0a0806bf;z-index:150;display:grid;place-items:center;padding:16px}.modal[hidden]{display:none}.mbox{background:var(--bg);width:min(900px,100%);border-radius:var(--r);overflow:hidden;animation:pop .25s ease}@keyframes pop{0%{transform:scale(.94);opacity:0}}.mh{display:flex;justify-content:space-between;align-items:center;padding:14px 20px;background:var(--ink);color:var(--bg)}.mh h3{font-size:1.5rem}.mh button{background:0;border:0;color:inherit;font-size:1.3rem;cursor:pointer}.mb{padding:18px}.mb canvas,.mb .map{width:100%;height:min(60vh,460px);border-radius:12px;display:block;background:#15110e;color:#f1e4cf}.hint{font-size:.9rem;margin-top:10px;opacity:.75}.demo-res{border:2px dashed var(--ol);margin:14px auto 0;max-width:100%;transition:width .1s;container-type:inline-size;background:#fff8ea;padding:14px;border-radius:12px}.demo-res .g{display:grid;gap:10px;grid-template-columns:1fr}.demo-res .g i{display:block;background:var(--or);height:60px;border-radius:8px}@container (min-width:420px){.demo-res .g{grid-template-columns:repeat(2,1fr)}}@container (min-width:700px){.demo-res .g{grid-template-columns:repeat(3,1fr)}}.calc{display:grid;gap:14px}.calc .tot{font:2.6rem Anton;color:var(--or)}.themebox{padding:26px;border-radius:12px;background:#fff8ea;color:#15110e;transition:.3s}.themebox.d{background:#15110e;color:#f1e4cf}@media (max-width:860px){.bar nav{display:none}.hero,.cwrap,.grid3,.stats{grid-template-columns:1fr}.steps{grid-template-columns:1fr 1fr}.hero{min-height:0}.hero-v{max-width:360px}}@media (prefers-reduced-motion:reduce){*{animation:none!important;scroll-behavior:auto!important;transition:none!important}}