:root{--g:#92ff00;--bg:#050705;--p:#0b0f0b;--p2:#111711;--line:#303830;--txt:#f5f6f3;--mut:#aeb5ad}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--bg);color:var(--txt);font-family:Arial,Helvetica,sans-serif}
button,input,select{font:inherit}button{cursor:pointer}header{height:92px;position:sticky;top:0;z-index:30;background:#030403f5;border-bottom:1px solid #252b25;display:flex;align-items:center;justify-content:space-between;padding:14px clamp(18px,5vw,64px)}
.logo{display:flex;align-items:center;gap:10px;color:white;text-decoration:none}.logo>b{border:2px solid var(--g);font-size:31px;width:49px;height:49px;display:grid;place-items:center;transform:skew(-8deg)}.logo span{font-weight:900;line-height:.9}.logo small{display:block;color:var(--g);font-size:11px;margin-top:6px}
nav{display:flex;gap:10px}button{border:1px solid var(--line);background:#0a0d0a;color:white;padding:14px 18px;font-weight:900}.lime{background:var(--g);color:#030503;border-color:var(--g)}nav i{font-style:normal;background:var(--g);color:#030503;border-radius:50%;padding:5px 9px;margin-left:6px}
.hero{min-height:560px;display:flex;align-items:end;position:relative;overflow:hidden;background:radial-gradient(circle at 75% 40%,#244600 0,transparent 28%),linear-gradient(135deg,#151b15,#050605 60%)}.hero:after{content:"";position:absolute;inset:0;background-image:linear-gradient(#ffffff09 1px,transparent 1px),linear-gradient(90deg,#ffffff09 1px,transparent 1px);background-size:80px 80px}.heroIn{position:relative;z-index:2;padding:80px clamp(28px,6vw,86px);max-width:1000px}.tag{color:var(--g);letter-spacing:.23em;font-weight:900;font-size:13px}.hero h1,.pageTitle{font-size:clamp(55px,8vw,104px);line-height:.86;letter-spacing:-.055em;margin:22px 0}.hero h1 span,.pageTitle span{color:var(--g)}.hero p{max-width:760px;color:#cbd0ca;font-size:22px;line-height:1.6}
.wrap{max-width:1450px;margin:auto;padding:75px clamp(24px,5vw,70px)}.head{margin-bottom:34px}.head h2{font-size:clamp(38px,5vw,68px);letter-spacing:-.04em;margin:10px 0}.head p{color:var(--mut);font-size:18px;max-width:800px;line-height:1.55}
.catgrid{display:grid;grid-template-columns:repeat(4,1fr);gap:14px}.cat{min-height:235px;text-align:left;padding:25px;background:linear-gradient(145deg,#101510,#070a07);position:relative;overflow:hidden}.cat .num{color:var(--g);font-size:12px;letter-spacing:.15em}.cat h3{font-size:27px;margin:42px 0 8px}.cat p{color:var(--mut);line-height:1.4}.cat:after{content:"→";position:absolute;right:20px;bottom:18px;color:var(--g);font-size:27px}.cat:hover{border-color:var(--g)}
.back{color:var(--g);background:none;border:0;padding:0;margin-bottom:28px}.categoryHero{padding:65px clamp(24px,5vw,70px);max-width:1450px;margin:auto}.categoryHero h1{font-size:clamp(50px,7vw,90px);margin:8px 0;letter-spacing:-.05em}.categoryHero p{font-size:20px;color:var(--mut);max-width:760px}
.packgrid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.pack{border:1px solid var(--line);background:#0a0e0a;overflow:hidden}.packVisual{height:205px;background:linear-gradient(145deg,#1a231a,#080a08);position:relative;display:grid;place-items:center}.packVisual .shape{font-size:82px;filter:grayscale(1);opacity:.75}.packVisual .badge{position:absolute;left:16px;top:16px;background:var(--g);color:#020402;padding:7px 10px;font-weight:900;font-size:11px}.packBody{padding:22px}.pack h3{font-size:25px;margin:0 0 9px}.pack p{color:var(--mut);min-height:55px;line-height:1.45}.features{padding:0;margin:18px 0;list-style:none}.features li{border-top:1px solid #252b25;padding:9px 0;color:#d5d8d4;font-size:14px}.features li:before{content:"✓";color:var(--g);margin-right:8px}.pack button{width:100%}
.builder{max-width:1200px;margin:auto;padding:55px clamp(22px,5vw,65px)}.builderTop{display:grid;grid-template-columns:1fr .8fr;gap:28px;margin-bottom:30px}.preview{background:linear-gradient(145deg,#172017,#080b08);min-height:310px;display:grid;place-items:center;border:1px solid var(--line);font-size:130px;position:relative}.preview small{position:absolute;left:18px;bottom:15px;color:var(--g);font-size:12px;font-weight:900;letter-spacing:.15em}.builder h1{font-size:48px;letter-spacing:-.04em;margin:10px 0}.builderIntro p{color:var(--mut);line-height:1.55}.form{border:1px solid var(--line);background:#090d09;padding:28px}.form h2{margin-top:0}.fields{display:grid;grid-template-columns:repeat(2,1fr);gap:16px}.field label{display:block;color:#c9cdc8;font-weight:700;margin-bottom:7px}.field input,.field select{width:100%;background:#040604;border:1px solid #363e36;color:white;padding:15px}.options{display:grid;grid-template-columns:repeat(2,1fr);gap:10px;margin-top:20px}.opt{display:flex;gap:10px;align-items:center;border:1px solid var(--line);padding:14px;background:#0d120d}.opt input{accent-color:var(--g)}
.estimate{display:grid;grid-template-columns:.8fr 1.2fr;margin-top:24px;border:1px solid var(--line)}.total{background:var(--g);color:#020402;padding:28px}.total small{font-weight:900;letter-spacing:.15em}.total strong{display:block;font-size:54px;margin:12px 0}.break{padding:22px}.break div{display:flex;justify-content:space-between;border-bottom:1px solid #262d26;padding:11px 0}.break span{color:var(--mut)}
.takeoff{margin-top:20px;border:1px solid var(--line);padding:24px}.takeoff h3{margin-top:0}.row{display:grid;grid-template-columns:1fr auto auto;gap:16px;border-top:1px solid #252b25;padding:11px 0}.row span{color:#c7cbc6}.row em{font-style:normal;color:#929991}.row b{color:var(--g)}.actions{display:flex;gap:12px;justify-content:flex-end;margin-top:20px}.outline{background:transparent}.notice{font-size:13px;color:#929991;line-height:1.5;margin-top:18px}
.drawer{position:fixed;z-index:60;right:-430px;top:0;width:min(430px,92vw);height:100vh;background:#080b08;border-left:1px solid var(--line);padding:22px;transition:.25s;overflow:auto}.drawer.open{right:0}.drawerHead{display:flex;justify-content:space-between;align-items:center}.drawerHead button{font-size:32px;background:none;border:0}.wide{width:100%}#shade{display:none;position:fixed;inset:0;background:#000b;z-index:50}#shade.on{display:block}.savedItem{border:1px solid var(--line);padding:15px;margin:12px 0}.savedItem b,.savedItem strong{display:block}.savedItem span{color:var(--mut);font-size:13px}.savedItem strong{color:var(--g);font-size:22px;margin-top:7px}
footer{border-top:1px solid #252b25;padding:35px clamp(24px,5vw,70px);display:flex;justify-content:space-between;color:var(--mut)}footer b{color:white}
@media(max-width:900px){.catgrid{grid-template-columns:repeat(2,1fr)}.packgrid{grid-template-columns:repeat(2,1fr)}.builderTop{grid-template-columns:1fr}}
@media(max-width:620px){header{height:84px;padding:12px}.logo span{display:none}nav button{padding:11px 10px;font-size:12px}.hero{min-height:540px}.heroIn{padding:60px 26px}.hero h1{font-size:59px}.hero p{font-size:18px}.wrap{padding:58px 25px}.catgrid,.packgrid{grid-template-columns:1fr}.cat{min-height:180px}.packVisual{height:185px}.builder{padding:45px 22px}.builder h1{font-size:40px}.preview{min-height:230px}.fields,.options,.estimate{grid-template-columns:1fr}.row{grid-template-columns:1fr auto}.row em{display:none}.actions{flex-direction:column}.actions button{width:100%}footer{flex-direction:column;gap:7px}}