
:root{color-scheme:dark;--bg:#101713;--panel:#18221b;--line:#344538;--cream:#f3efda;--muted:#a5b09f;--lime:#d5ef8a;--orange:#e8b97c}*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--cream);font-family:Tahoma,'Segoe UI',sans-serif;font-size:15px;line-height:1.7}button,input,select,textarea{font:inherit}button,a,input{ -webkit-tap-highlight-color:transparent}button,a{transition:.2s}a{color:inherit;text-decoration:none}button{cursor:pointer;border:0;background:var(--lime);color:#182718;padding:12px 21px;border-radius:7px;font-weight:700}button:hover{filter:brightness(1.08);transform:translateY(-1px)}button:disabled{cursor:not-allowed;opacity:.45;transform:none}button:focus-visible,a:focus-visible,input:focus-visible,textarea:focus-visible{outline:3px solid var(--lime);outline-offset:4px}header{height:104px;max-width:1280px;margin:auto;display:flex;align-items:center;justify-content:space-between;padding:0 40px;gap:24px}.brand{display:flex;align-items:center;gap:12px;font-size:17px;letter-spacing:2px;font-weight:700}.brand b{font-weight:400;color:var(--lime)}.brand small{display:block;font-size:8px;letter-spacing:3px;color:var(--muted)}.logo{width:42px;height:47px;border:1px solid #657a48;border-radius:50% 50% 5px 5px;text-align:center;font-family:Georgia;font-size:30px;position:relative}.logo span{font-size:12px;position:absolute;right:-5px;top:-8px;color:var(--lime)}nav{display:flex;gap:30px;color:var(--muted);font-size:13px}nav a:hover{color:var(--lime)}.outline{background:transparent;color:var(--cream);border:1px solid var(--line)}.outline span{padding-left:16px}.notice{text-align:center;background:#1d2a20;border-block:1px solid #304333;padding:8px 20px;font-size:12px;color:#c4d1b9}main{max-width:1200px;padding:0 30px;margin:auto;min-height:65vh}.hero{display:grid;grid-template-columns:1.1fr 1fr;gap:50px;align-items:center;padding:74px 0 60px}.eyebrow{font-size:10px;letter-spacing:3px;color:var(--lime);font-weight:600;margin-bottom:25px}.eyebrow:before{content:'✦';margin-right:12px}h1{font-size:clamp(36px,4.7vw,61px);line-height:1.3;font-weight:500;letter-spacing:-2px;margin:0 0 22px}h1 em{font-style:normal;color:var(--lime)}p{color:var(--muted)}.hero p{max-width:430px;font-size:14px;line-height:1.95}.actions{display:flex;align-items:center;gap:22px;margin-top:30px}.textlink{font-size:12px;color:var(--cream);border-bottom:1px solid #718261;padding-bottom:4px}.micro{display:flex;gap:22px;font-size:10px;color:var(--muted);margin-top:25px}.micro span:before{content:'✓ ';color:var(--lime)}.scene{height:390px;position:relative;overflow:hidden;border:1px solid #435241;border-radius:180px 180px 14px 14px;background:radial-gradient(ellipse at 50% 35%,#6c8055 0,#324f37 30%,#172a20 65%);box-shadow:inset 0 0 60px #17261c}.moon{position:absolute;width:106px;height:106px;top:38px;left:calc(50% - 53px);border-radius:50%;background:#e9edb8;box-shadow:0 0 65px #b5c07c70}.star{position:absolute;top:28px;left:25%;font-size:26px;color:#d4dc9e}.star.two{left:77%;top:112px;font-size:16px}.hill{position:absolute;width:380px;height:240px;border-radius:50%;background:#1c392c;transform:rotate(-25deg);left:-140px;top:150px}.hill.right{left:auto;right:-160px;background:#294431;transform:rotate(25deg);top:145px}.tower{position:absolute;width:70px;height:160px;left:calc(50% - 35px);top:135px;background:linear-gradient(90deg,#677653,#9aa579 50%,#526748);clip-path:polygon(0 18%,14% 18%,14% 9%,27% 9%,27% 18%,40% 18%,40% 0,60% 0,60% 18%,73% 18%,73% 9%,86% 9%,86% 18%,100% 18%,100% 100%,0 100%)}.door{position:absolute;top:234px;left:calc(50% - 14px);width:28px;height:60px;border-radius:22px 22px 0 0;background:#d4dea0;box-shadow:0 0 40px #e7efa4}.ground{position:absolute;width:120%;height:180px;background:#152b20;bottom:-90px;left:-10%;border-radius:50%}.scene-label{position:absolute;top:14px;left:0;width:100%;text-align:center;font-size:8px;letter-spacing:2px;color:#edf5d0}.screen-float{position:absolute;bottom:17px;left:18px;right:18px;border:1px solid #60734f;background:#18291fe8;backdrop-filter:blur(8px);padding:15px 20px;border-radius:10px;display:flex;align-items:center;justify-content:space-between}.screen-float small{display:block;font-size:9px;color:var(--muted)}.screen-float b{font-size:12px;font-weight:400}.pill{display:inline-block;border:1px solid #536148;padding:4px 10px;border-radius:20px;color:var(--lime);font-size:10px}.stripe{border-block:1px solid var(--line);display:flex;justify-content:space-between;gap:20px;padding:18px 0;font-size:12px;color:var(--muted)}.stripe strong{color:var(--cream);font-weight:500}.section{padding:62px 0}.section-head{display:flex;justify-content:space-between;align-items:end;margin-bottom:28px}.section h2{font-size:29px;font-weight:400;margin:0}.section-head p{font-size:12px;margin:0}.plan-layout{display:grid;grid-template-columns:1.1fr 1fr;gap:22px}.plan{background:#dbe8b4;color:#1e3021;border-radius:12px;padding:30px}.plan p{color:#536044}.plan-top{display:flex;justify-content:space-between;align-items:center}.plan .pill{color:#394a2e}.price{font-family:Georgia,serif;font-size:68px;line-height:1.3;margin:14px 0}.price small{font-family:Tahoma;font-size:12px;color:#586349}.plan hr{border:0;border-top:1px solid #b6c396}.features{display:grid;grid-template-columns:1fr 1fr;gap:12px;font-size:12px;margin:21px 0}.plan button{width:100%;background:#243a28;color:#f1f4de}.plan-note{font-size:10px!important;margin:10px 0 0;text-align:center}.details{padding:28px 30px;border:1px solid var(--line);border-radius:12px}.details h3{font-weight:400;font-size:19px;margin:0 0 22px}.step{display:grid;grid-template-columns:30px 1fr;gap:16px;margin:23px 0}.step>span{font-family:Georgia;font-size:23px;color:var(--lime)}.step b{font-size:13px;font-weight:400}.step p{font-size:11px;margin:4px 0}.faq{border-top:1px solid var(--line);padding:18px 0}.faq summary{cursor:pointer;font-size:14px}.faq p{font-size:12px;max-width:800px}footer{max-width:1200px;margin:40px auto 0;border-top:1px solid var(--line);padding:28px 30px;display:flex;gap:20px;align-items:center;justify-content:space-between;font-size:10px;color:var(--muted)}footer .brand{font-size:11px}dialog{background:var(--panel);color:var(--cream);border:1px solid var(--line);border-radius:14px;width:min(460px,90vw);padding:32px}dialog::backdrop{background:#000a;backdrop-filter:blur(4px)}.close{position:absolute;right:10px;top:8px;background:none;color:var(--muted);font-size:24px;padding:0 10px}dialog h2{font-size:24px;font-weight:400;margin-top:0}label{display:block;font-size:12px;color:var(--muted);margin:16px 0 6px}input,textarea,select{width:100%;padding:12px;background:#101912;color:var(--cream);border:1px solid var(--line);border-radius:6px}textarea{min-height:90px}.full{width:100%;margin-top:20px}.error{color:#ffb8a1;font-size:12px}.empty{text-align:center;padding:45px 20px;border:1px dashed var(--line);border-radius:12px}.empty strong{font-weight:400;font-size:20px}.empty p{font-size:13px}.empty button{margin-top:12px}.grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}.card{background:var(--panel);padding:24px;border:1px solid var(--line);border-radius:10px}.card p{font-size:12px}.stat{font-family:Georgia;font-size:38px;color:var(--lime)}.card h3{font-size:15px;font-weight:400}.table-wrap{overflow-x:auto}table{width:100%;border-collapse:collapse;font-size:12px}th,td{text-align:left;padding:16px 12px;border-bottom:1px solid var(--line);white-space:nowrap}th{color:var(--muted);font-weight:400}td button{padding:6px 10px;font-size:11px}.admin-grid{display:grid;grid-template-columns:1fr 1fr;gap:20px}.muted{font-size:12px;color:var(--muted)}#toast{position:fixed;bottom:24px;left:50%;transform:translateX(-50%);max-width:90vw;background:var(--cream);color:#253322;border-radius:7px;padding:12px 22px;z-index:10;display:none;font-size:13px}.tag{font-size:10px;color:var(--orange)}@media(max-width:760px){header{height:85px;padding:0 20px}.brand{font-size:12px;letter-spacing:1px}.brand small{font-size:6px}nav{display:none}header button{font-size:11px;padding:10px}.hero{grid-template-columns:1fr;padding:44px 0;gap:32px}h1{font-size:43px}.scene{height:340px}.hero p{font-size:13px}.plan-layout,.admin-grid{grid-template-columns:1fr}.grid{grid-template-columns:1fr}.stripe{flex-wrap:wrap;font-size:10px}.section-head{display:block}.section-head p{margin-top:12px}.section{padding:40px 0}main{padding:0 22px}footer{flex-wrap:wrap}.features{font-size:11px}.micro{gap:12px;font-size:9px}.price{font-size:60px}}


.plan-options{display:grid;gap:18px}.plan-options .price{font-size:48px}.plan-options .plan{padding:24px}.plan-layout{align-items:start}.qr-image,.payment-qr img{display:block;width:240px;max-width:100%;height:auto;background:white;padding:12px;border-radius:8px;margin:16px auto}.payment-qr{margin:16px 0;text-align:center}.payment-qr figcaption{font-size:12px;color:var(--muted)}.payment-qr a{display:inline-block;margin-top:10px;color:var(--lime)}.card hr{border:0;border-top:1px solid var(--line);margin:28px 0}

.demo-section{margin:30px 0;padding:24px;border:1px solid #677b47;border-radius:12px;background:#1c291c}.demo-banner{padding:14px;border:1px solid #697d45;border-radius:8px;background:#263520;color:#e2edc9;font-size:13px}.demo-section h3{margin:0 0 8px}.demo-section .section-head{gap:16px}
