@import url('/fonts.css');
:root{--bg:#111e19;--panel:#192b23;--line:#34463b;--text:#edf0e9;--muted:#a9b5ab;--accent:#b6f577;--dark:#14251f;--error:#ffc0b4;font-family:Arial,Helvetica,sans-serif;color:var(--text);background:var(--bg);font-synthesis:none;scroll-behavior:smooth;color-scheme:dark}*{box-sizing:border-box}body{margin:0}button,input,select,textarea{font:inherit}button,a,input,select,textarea{-webkit-tap-highlight-color:transparent}button,a{touch-action:manipulation}a{color:inherit;text-decoration:none}button{cursor:pointer}button:disabled{cursor:not-allowed;opacity:.5}[hidden]{display:none!important}a:focus-visible,button:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible{outline:3px solid var(--accent);outline-offset:5px}button{border:0}h1,h2,h3,p{margin-top:0}.wrap{width:min(1240px,calc(100% - 100px));margin-inline:auto}.skip{position:absolute;top:-70px;background:var(--accent);color:var(--dark);padding:15px;z-index:50}.skip:focus{top:12px}.site-header{display:flex;align-items:center;justify-content:space-between;height:104px;border-bottom:1px solid var(--line)}.brand{font-size:25px;letter-spacing:-1px;font-weight:800;display:inline-flex;align-items:center;gap:12px}.brand-icon{display:grid;place-items:center;font-size:22px;font-weight:900;background:var(--accent);color:var(--dark);width:35px;height:38px;clip-path:polygon(0 0,85% 0,100% 15%,100% 100%,15% 100%,0 85%)}.brand-tag{font:11px monospace;letter-spacing:0;color:var(--muted);padding-left:5px}.site-header nav{display:flex;align-items:center;gap:35px;font-size:13px;font-weight:600}.button{display:inline-flex;justify-content:center;align-items:center;gap:25px;background:var(--accent);color:var(--dark);padding:18px 23px;font-size:13px;font-weight:700;border:1px solid var(--accent);border-radius:3px}.button:hover{filter:brightness(1.08)}.button span{font-size:19px}.button.small{padding:10px 15px;gap:20px}.button.outline{background:transparent;color:var(--text);border-color:#71816f}.hero{display:grid;grid-template-columns:1.04fr 1fr;gap:50px;align-items:center;padding-block:81px 76px}.eyebrow{font-family:monospace;font-size:10px;letter-spacing:2px;font-weight:500;display:flex;align-items:center;gap:10px;margin-bottom:28px;color:var(--muted)}.mini-block{width:9px;height:9px;background:var(--accent)}h1{font-size:clamp(50px,5.6vw,80px);line-height:1.03;letter-spacing:-4px;margin-bottom:27px;font-weight:800}h1 span{color:var(--accent)}.intro{font-size:16px;line-height:1.8;color:var(--muted);max-width:440px}.hero-actions{display:flex;gap:30px;align-items:center;margin-block:30px}.text-link{background:transparent;padding:0;color:var(--text);font-size:13px;font-weight:600;display:inline-flex;gap:12px;align-items:center}.hero-note{display:flex;gap:10px;align-items:center;color:var(--muted);font:10px monospace;margin-top:38px}.outline-square{width:8px;height:8px;border:1px solid var(--accent)}.hero-visual{height:420px;position:relative;overflow:hidden;background:radial-gradient(ellipse at center,#345139 0,#233a2b 42%,#17291f 80%);border:1px solid #3a4d3c;border-radius:3px;isolation:isolate}.visual-grid{position:absolute;inset:-60%;background-image:linear-gradient(#a8c58d18 1px,transparent 1px),linear-gradient(90deg,#a8c58d18 1px,transparent 1px);background-size:42px 42px;transform:rotateX(57deg) rotateZ(32deg) translateY(45px);z-index:-1}.float-label{position:absolute;z-index:3;font:9px monospace;letter-spacing:1px;background:#17281fe8;border:1px solid #587044;padding:10px 12px;display:flex;gap:13px;align-items:center;color:#bfccae}.float-label span{color:var(--accent);font-weight:700}.label-one{top:35px;left:28px}.label-two{right:24px;bottom:65px}.blocks{position:absolute;inset:0}.block{position:absolute;width:84px;height:88px;border:1px solid #789463;background:linear-gradient(145deg,#71934f,#344f2d);box-shadow:12px 16px 0 #15271be0,0 15px 45px #0004;transform:skewY(-15deg)}.block:before{content:'';position:absolute;top:-18px;left:8px;width:100%;height:18px;background:#9bb973;transform:skewX(-42deg);border:1px solid #a6c283}.block:after{content:'';position:absolute;right:-18px;top:-9px;width:18px;height:100%;background:#34532f;transform:skewY(-48deg);border:1px solid #536e3f}.block span{position:absolute;bottom:10px;left:14px;font:13px monospace;color:#c5d8a8}.block-one{left:15%;top:170px}.block-two{left:56%;top:79px;width:62px;height:66px}.block-three{left:67%;top:238px;width:66px;height:69px}.block-center{left:39%;top:160px;width:104px;height:115px;background:#b2ef76;border-color:#c9ff9b;box-shadow:14px 22px 0 #0b1918a6,0 0 45px #b6f57719;z-index:2}.block-center:before{background:#d0ff9a;border-color:#d0ff9a}.block-center:after{background:#709d43;border-color:#93bf60}.block-center svg{width:62px;position:absolute;left:20px;top:20px;fill:none;stroke:#243c20;stroke-width:5}.block-center .check{stroke-width:6}.visual-foot{position:absolute;bottom:16px;left:20px;right:20px;display:flex;justify-content:space-between;color:#9daf90;font:8px monospace;letter-spacing:1px}.trust-strip{border-block:1px solid var(--line);background:#17251e}.strip-inner{display:flex;justify-content:space-between;gap:20px;padding-block:24px;font:11px monospace;color:#aebeaa}.strip-inner strong{color:var(--accent);font-size:14px}.section{padding-block:90px}.section-heading{display:flex;justify-content:space-between;gap:40px;align-items:end;margin-bottom:40px}.section-heading>p{max-width:340px;font-size:14px;line-height:1.8;color:var(--muted);margin-bottom:0}.section-heading .eyebrow{margin-bottom:16px}h2{font-size:clamp(28px,3vw,41px);letter-spacing:-1.4px;line-height:1.15;margin-bottom:0}h3{font-size:18px;letter-spacing:-.4px}.how-grid{display:grid;grid-template-columns:repeat(3,1fr);border:1px solid var(--line)}.how-grid article{padding:30px;border-right:1px solid var(--line)}.how-grid article:last-child{border:0}.step{font:10px monospace;color:var(--accent);display:block;margin-bottom:30px}.how-grid h3{margin-bottom:12px}.how-grid p,.simulator p{font-size:13px;line-height:1.8;color:var(--muted);margin-bottom:0}.simulator{margin-top:24px;display:grid;grid-template-columns:1fr 1.15fr .65fr;gap:36px;align-items:center;padding:30px;background:var(--panel);border:1px solid var(--line)}.simulator .eyebrow{font-size:9px;color:var(--accent);margin-bottom:12px}.simulator h3{font-size:19px}.sim-controls label{display:flex;justify-content:space-between;align-items:center;font-size:11px;color:#c1cabb}.sim-controls output{font:15px monospace;color:var(--accent)}.sim-controls input{width:100%;height:20px;accent-color:var(--accent);margin:8px 0 20px}.sim-controls input:last-child{margin-bottom:0}.sim-result{border-left:1px solid var(--line);padding-left:28px}.sim-result>span{display:block;font-size:26px;color:var(--accent);margin-bottom:12px}.sim-result strong{font-size:19px;color:var(--accent)}.sim-result.blocked strong,.sim-result.blocked>span{color:var(--error)}.sim-result p{font:10px monospace;margin-top:12px}.plugin-section{background:#d5dfc7;color:#1e3021;padding-block:70px}.plugin-grid{display:grid;grid-template-columns:1fr 1.05fr;gap:70px;align-items:center}.plugin-section .eyebrow{color:#54614d;margin-bottom:18px}.plugin-section h2{line-height:1.2}.plugin-intro{font-size:14px;line-height:1.8;color:#4c5c46;max-width:410px;margin-block:22px}.plugin-section .button{background:#1e3021;color:#e9f4dc;border-color:#1e3021}.download-note{font:10px monospace;color:#55664c;margin-top:14px;margin-bottom:0}.config-card{background:#1b2b20;border:1px solid #526448;color:var(--text);box-shadow:7px 7px 0 #aebb9c}.config-top{display:flex;justify-content:space-between;font:9px monospace;color:#a6b69b;padding:18px;border-bottom:1px solid #3b4e34}.config-card pre{margin:0;padding:25px 22px;color:#c7eea5;font:12px/2 monospace;overflow:auto}.config-card>p{padding:18px 22px;background:#243725;font:10px/1.9 monospace;color:#b4c6a5;margin:0}.config-card>p>span{color:var(--accent)}.installation{display:grid;grid-template-columns:1fr 1fr;gap:100px}.installation .eyebrow{margin-bottom:16px}.installation>div>p:last-child{color:var(--muted);font-size:14px;line-height:1.8;max-width:350px;margin-top:22px}.installation ol{list-style:none;counter-reset:steps;margin:0;padding:0}.installation li{counter-increment:steps;position:relative;padding-left:44px;padding-bottom:22px}.installation li:before{content:counter(steps,decimal-leading-zero);position:absolute;left:0;top:2px;color:var(--accent);font:12px monospace}.installation li strong{font-size:15px}.installation li p{font-size:13px;line-height:1.8;color:var(--muted);margin-top:9px}.installation code,.muted{font-size:12px;color:var(--muted)}footer{padding-block:32px;display:flex;align-items:center;justify-content:space-between;gap:30px;border-top:1px solid var(--line)}footer .brand{font-size:18px}footer p,footer>a:last-child{font-size:10px;color:var(--muted);margin-bottom:0}.admin-section{padding-block:60px 90px;border-top:1px solid var(--line)}.admin-section .section-heading{align-items:center}.notice{font-size:14px;line-height:1.8;color:var(--accent);min-height:25px}.notice.error{color:var(--error)}.login-card{display:grid;grid-template-columns:1fr 1fr auto;align-items:end;gap:30px;padding:30px;background:var(--panel);border:1px solid var(--line)}.login-card h3{margin-bottom:8px}.login-card p{font-size:12px;line-height:1.8;color:var(--muted);margin-bottom:0}label{display:block;font-size:12px;color:#c4cfbd}input:not([type=range]),textarea,select{display:block;width:100%;border:1px solid #526448;background:#0f1d16;color:var(--text);border-radius:3px;padding:13px 12px;margin-block:8px 18px}input::placeholder{color:#7a8b73;font-size:11px}.login-card input{margin-bottom:0}.stats-grid{display:grid;grid-template-columns:repeat(3,1fr);border:1px solid var(--line);margin-bottom:24px}.stats-grid>div{padding:22px;border-right:1px solid var(--line)}.stats-grid>div:last-child{border:0}.stats-grid span{font-size:11px;color:var(--muted);display:block}.stats-grid strong{font-size:36px;color:var(--accent);display:block;margin-top:14px}.admin-forms{display:grid;grid-template-columns:1fr 1fr;gap:24px}.admin-card{border:1px solid var(--line);padding:28px;background:var(--panel)}.admin-card h3{margin-bottom:25px}.admin-card .button{width:100%;margin-top:5px}.admin-card #check-result{font-size:13px;line-height:1.8;color:var(--accent);margin-top:24px;overflow-wrap:anywhere}.records-head{display:flex;justify-content:space-between;align-items:center;margin-top:45px}.records-head h3{margin-bottom:12px}.records{border:1px solid var(--line);margin-top:22px}.record{display:grid;grid-template-columns:1.2fr 1fr 1.3fr auto;gap:22px;align-items:center;padding:20px;border-bottom:1px solid var(--line)}.record:last-child{border:0}.record strong{display:block;font-size:13px;margin-bottom:6px}.record p,.record small{font-size:11px;color:var(--muted);line-height:1.7;margin-bottom:0;overflow-wrap:anywhere}.record code{font:9px monospace;color:#aebea3}.record .inactive{color:var(--muted);font:11px monospace}.empty{padding:38px;color:var(--muted);font-size:14px;line-height:1.8}.empty strong{display:block;color:var(--text);font-size:18px;margin-bottom:8px}@media(max-width:1050px){.wrap{width:calc(100% - 60px)}.hero{gap:30px}.hero-visual{height:380px}h1{font-size:64px;letter-spacing:-3px}.brand-tag{display:none}.site-header nav{gap:22px}.hero-actions{gap:20px}.button{gap:16px;padding:17px}.simulator{gap:22px;padding:24px;grid-template-columns:1fr 1fr}.sim-result{grid-column:1/-1;border-left:0;border-top:1px solid var(--line);padding:20px 0 0;display:flex;gap:20px;align-items:center}.sim-result>span,.sim-result p{margin:0}.plugin-grid{gap:35px}.installation{gap:45px}.login-card{grid-template-columns:1fr 1fr}.login-card .button{grid-column:2}.record{grid-template-columns:1.2fr 1fr 1fr}.record>button,.record>.inactive{grid-column:3}.strip-inner{font-size:9px}footer p{display:none}}@media(max-width:740px){.wrap{width:calc(100% - 36px)}.site-header{height:80px}.brand{font-size:21px;gap:8px}.brand-icon{width:28px;height:31px;font-size:18px}.site-header nav>a{display:none}.site-header nav{gap:12px}.button.small{font-size:11px;padding:9px 11px;gap:10px}.hero{grid-template-columns:1fr;gap:38px;padding-block:48px}.hero .eyebrow{font-size:8px;letter-spacing:1.4px;margin-bottom:22px}h1{font-size:60px;letter-spacing:-3px}.intro{font-size:15px;max-width:100%}.hero-actions{gap:24px}.hero-note{margin-top:27px;font-size:9px}.hero-visual{height:340px}.block-one{left:16%;top:148px}.block-two{top:55px}.block-center{top:132px;left:40%}.block-three{top:205px;left:69%}.trust-strip .strip-inner{display:grid;grid-template-columns:1fr 1fr;font-size:9px;padding-block:19px;line-height:1.7;gap:12px}.strip-inner>span:last-child{display:none}.section{padding-block:55px}.section-heading{display:block;margin-bottom:27px}.section-heading>p{max-width:none;margin-top:20px;font-size:13px}h2{font-size:32px;letter-spacing:-1px}.how-grid{grid-template-columns:1fr}.how-grid article{border-right:0;border-bottom:1px solid var(--line);padding:25px}.step{margin-bottom:18px}.simulator{grid-template-columns:1fr;padding:25px}.sim-result{grid-column:auto;display:block}.sim-result>span{display:none}.sim-result strong{font-size:22px}.sim-result p{margin-top:12px}.plugin-section{padding-block:50px}.plugin-grid{grid-template-columns:1fr;gap:35px}.plugin-intro{max-width:none}.config-top{font-size:8px}.config-card pre{font-size:10px;padding:20px 15px}.config-card>p{padding:18px 15px}.installation{display:block}.installation ol{margin-top:30px}.installation li{padding-bottom:15px}.installation li:last-child{padding-bottom:0}.admin-section{padding-block:45px}.admin-section .section-heading{display:flex;gap:15px}.admin-section h2{font-size:25px}.login-card{display:block;padding:24px}.login-card label{margin-top:24px}.login-card .button{margin-top:18px;width:100%}.stats-grid>div{padding:16px 10px}.stats-grid span{font-size:9px;line-height:1.7;min-height:30px}.stats-grid strong{font-size:27px;margin-top:8px}.admin-forms{grid-template-columns:1fr}.admin-card{padding:23px}.record{grid-template-columns:1fr 1fr;gap:16px;padding:20px}.record>button,.record>.inactive{grid-column:2}.record>div:nth-child(3){grid-column:1/-1}.record code{font-size:8px}footer{padding-block:25px;gap:15px}footer>a:last-child{font-size:9px}}@media(prefers-reduced-motion:reduce){:root{scroll-behavior:auto}}
.preview-banner{margin:0;background:#b6f577;color:#14251f;text-align:center;padding:12px 20px;font:11px/1.6 monospace;letter-spacing:1px}
@media(max-width:740px){h1{font-size:52px;letter-spacing:-2.5px}}