:root{--bg:#080a0e;--panel:#101319;--panel2:#151922;--text:#f5f6f8;--muted:#9aa2ae;--red:#e01e39;--red2:#a80f24;--line:#252b34;--white:#fff;color-scheme:dark}
/* Without this, phones/browsers with system dark mode on can auto-invert form
   controls unpredictably, and native <option> lists frequently ignore custom
   `color` on the <select> itself — this forces both to render correctly. */
select.form-select,select.form-select option,select#taxMode,select#taxMode option{background:#0b0e13;color:#fff}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{font-family:Inter,system-ui,sans-serif;background:var(--bg);color:var(--text)}a{color:#fff;text-decoration:none}.accent{color:var(--red)}
.pj-nav{background:rgba(8,10,14,.88);backdrop-filter:blur(16px);border-bottom:1px solid #1b2028}.brand-full{display:flex;align-items:center;gap:10px}.brand-logo{width:46px;height:46px;object-fit:contain;border-radius:10px;border:1px solid #303641;background:#000}.brand-wordmark{font-family:"Space Grotesk",sans-serif;font-weight:700;font-size:1.2rem;line-height:.85}.brand-wordmark span{color:var(--red)}.brand-wordmark small{display:block;font-family:Inter,sans-serif;font-size:.43rem;letter-spacing:.26em;color:#8f97a3;margin-top:7px}.nav-link{color:#b7bec8!important}.nav-link:hover{color:#fff!important}.btn-danger{background:var(--red);border-color:var(--red)}.btn-danger:hover{background:#f12b45;border-color:#f12b45}.btn-outline-light:hover{color:#080a0e}
.hero{position:relative;overflow:hidden;background:radial-gradient(circle at 85% 20%,rgba(224,30,57,.16),transparent 28%),radial-gradient(circle at 20% 80%,rgba(224,30,57,.07),transparent 28%)}.hero-grid:before{content:"";position:absolute;inset:0;background-image:linear-gradient(rgba(255,255,255,.025) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.025) 1px,transparent 1px);background-size:60px 60px;mask-image:linear-gradient(to bottom,black,transparent 90%);pointer-events:none}.min-vh-75{min-height:75vh}.eyebrow{font-size:.7rem;letter-spacing:.2em;color:#cdd2da;font-weight:800}.eyebrow-dot{display:inline-block;width:7px;height:7px;border-radius:50%;background:var(--red);box-shadow:0 0 18px rgba(224,30,57,.8)}.hero h1,.page-hero h1{font-family:"Space Grotesk",Inter,sans-serif;font-size:clamp(3.2rem,7vw,6.5rem);line-height:.92;letter-spacing:-.065em;font-weight:700;margin-top:1rem}.hero .lead{max-width:680px;font-size:1.15rem;line-height:1.75}.hero-meta{display:flex;gap:18px;flex-wrap:wrap;color:#c7ccd4;font-size:.83rem}.hero-meta i{color:#f04a60;margin-right:4px}
.hero-device-card{border:1px solid #313741;border-radius:26px;background:linear-gradient(145deg,#171b22,#0c0f13);box-shadow:0 40px 100px rgba(0,0,0,.45);overflow:hidden}.device-top,.device-bottom{display:flex;align-items:center;gap:10px;padding:14px 17px;font-size:.66rem;letter-spacing:.12em;color:#8f97a3}.status-light{width:7px;height:7px;background:#2bd17e;border-radius:50%;box-shadow:0 0 14px rgba(43,209,126,.8)}.device-screen{padding:12px;background:#090b0f}.camera-wall{display:grid;grid-template-columns:1fr 1fr;gap:5px}.camera-tile{height:125px;border:1px solid #303641;border-radius:9px;background:radial-gradient(circle at 70% 25%,rgba(224,30,57,.2),transparent 25%),linear-gradient(135deg,#171b21,#0b0e12);display:flex;align-items:flex-end;justify-content:space-between;padding:9px;font-size:.57rem;color:#818995}.camera-tile b{font-size:.52rem;color:#5be08f}.device-stats{display:flex;justify-content:space-between;padding:16px 6px 5px}.device-stats small,.device-bottom small{display:block;font-size:.53rem;letter-spacing:.15em;color:#727a86}.device-stats strong{font-size:.76rem}.device-bottom{padding:16px 18px}.device-bottom strong{display:block;font-size:.78rem;color:#e9ebef;margin-top:3px}
.section{padding:100px 0}.section-tight{padding:75px 0}.section-dark{background:#0d1015;border-top:1px solid #191e26;border-bottom:1px solid #191e26}.section-head{display:flex;justify-content:space-between;align-items:end;gap:30px;margin-bottom:35px}.section h2{font-family:"Space Grotesk",sans-serif;font-size:clamp(2rem,4vw,3.5rem);letter-spacing:-.045em;margin-top:10px;max-width:800px}.arrow-link{color:#ff6a7b}.value-card,.service-card,.contact-card,.metric-card,.table-card,.calc-panel,.feature-panel,.estimate-card{background:var(--panel);border:1px solid var(--line);border-radius:20px;padding:28px}
.metric-card{display:flex;flex-direction:column;gap:10px}.metric-card span{font-size:.68rem;letter-spacing:.16em;color:#8a92a0;font-weight:600}.metric-card strong{font-size:2rem;font-weight:800;line-height:1.1}.value-card{height:100%;position:relative;overflow:hidden}.value-card:after{content:"";position:absolute;width:140px;height:140px;background:var(--red);filter:blur(90px);opacity:.08;right:-60px;bottom:-60px}.value-number{font-size:.68rem;letter-spacing:.18em;color:#6e7682}.value-card i{display:block;font-size:1.6rem;color:#f04b61;margin:24px 0 14px}.value-card h4,.service-card h4{font-weight:700}.value-card p,.service-card p{color:var(--muted);line-height:1.7}.service-card{transition:.22s;position:relative;overflow:hidden}.service-card:hover{transform:translateY(-5px);border-color:#54212a}.service-icon{width:44px;height:44px;border-radius:13px;display:grid;place-items:center;background:#2a1116;color:#ff6478;font-size:20px;margin-bottom:28px}.feature-panel{background:linear-gradient(145deg,#161a21,#0d1015)}.feature-panel-large{padding:30px}.feature-panel-header{display:flex;justify-content:space-between;align-items:center;color:#89919d;font-size:.67rem;letter-spacing:.16em;margin-bottom:10px}.pill{border:1px solid #274532;color:#70e19a;padding:4px 8px;border-radius:999px;font-size:.58rem}.feature-row,.accessory-line,.estimate-line,.summary-row{display:flex;justify-content:space-between;gap:20px;padding:14px 0;border-bottom:1px solid var(--line)}.feature-row:last-child,.accessory-line:last-child,.estimate-line:last-child,.summary-row:last-child{border-bottom:0}.cta-band{background:linear-gradient(100deg,#a80f24,#e01e39 55%,#8f0d20)}.cta-band h2{font-family:"Space Grotesk",sans-serif;font-size:clamp(2rem,4vw,3.5rem)}
.page-hero{background:linear-gradient(180deg,#12151b,#080a0e);border-bottom:1px solid var(--line)}.page-hero h1{font-size:clamp(2.8rem,6vw,5.4rem);max-width:1000px}.page-hero p{max-width:780px}.form-control,.form-select,.input-group-text{background:#0b0e13;border-color:#303640;color:#fff;padding:.78rem .9rem}.form-control:focus,.form-select:focus{background:#0b0e13;color:#fff;border-color:var(--red);box-shadow:0 0 0 .2rem rgba(224,30,57,.15)}.input-group-text{color:#a9b0ba}.form-label{color:#d7dbe1;font-size:.85rem}.qty-control{display:grid;grid-template-columns:44px 1fr 44px;gap:7px}.qty-control button{border:1px solid #303640;background:#161a21;color:#fff;border-radius:10px;font-size:1.25rem}.static-field{border:1px solid #303640;background:#0b0e13;border-radius:8px;padding:.78rem .9rem;color:#9ea6b2;min-height:46px}.calc-step{display:flex;gap:15px;align-items:center}.calc-step>span{width:38px;height:38px;border:1px solid #3a404a;border-radius:12px;display:grid;place-items:center;color:#ff5a6e;font-weight:700;flex:0 0 auto}.calc-step small{display:block;color:var(--muted);margin-top:2px}.system-note{display:flex;gap:10px;align-items:flex-start;padding:12px 14px;border:1px solid #2c323c;background:#0d1015;border-radius:12px;color:#aab1bc;font-size:.82rem}.system-note i{color:#e84a60}.estimate-card{top:95px;box-shadow:0 30px 80px rgba(0,0,0,.25)}.estimate-head{display:flex;justify-content:space-between;align-items:flex-start}.estimate-dot{width:8px;height:8px;border-radius:50%;background:#2bd17e;box-shadow:0 0 15px rgba(43,209,126,.7)}.estimate-lines{margin-top:15px}.estimate-line{font-size:.83rem}.estimate-line small{display:block;color:#707986;margin-top:3px}.estimate-total{display:flex;justify-content:space-between;align-items:end;gap:15px;margin-top:20px}.estimate-total span{color:#9199a5;font-size:.82rem}.estimate-total strong{font-family:"Space Grotesk",sans-serif;font-size:2.1rem}.estimate-trust{display:grid;gap:9px;border-top:1px solid var(--line);padding-top:17px;color:#9098a4;font-size:.75rem}.estimate-trust i{color:#e64a60;margin-right:7px}.quote-summary{font-size:.86rem}.summary-row span{color:#8e96a2}.summary-row b{color:#e8ebef;text-align:right}.pj-footer{background:#07090c;border-top:1px solid #1d2129}.pj-footer h6{color:#fff}.pj-footer a{display:block;color:#9ca3af;margin:9px 0}.pj-footer a:hover{color:#fff}.footer-brand{display:flex;align-items:center;gap:12px;font-family:"Space Grotesk",sans-serif;font-size:1.3rem}.footer-brand img{width:50px;height:50px;border-radius:10px;object-fit:contain;background:#000}.footer-brand strong span{color:var(--red)}.footer-brand small{display:block;font-family:Inter,sans-serif;font-size:.42rem;letter-spacing:.25em;color:#737b87}.auth-page{min-height:72vh;display:grid;place-items:center;padding:60px 20px}.auth-card{width:min(100%,460px);padding:36px;background:var(--panel);border:1px solid var(--line);border-radius:22px}.quick-action{display:flex;justify-content:space-between;padding:16px 0;border-bottom:1px solid var(--line)}
@media(max-width:767px){.section{padding:70px 0}.section-tight{padding:55px 0}.section-head{display:block}.section-head>a{display:inline-block;margin-top:14px}.hero h1{font-size:3.45rem}.camera-tile{height:95px}.device-bottom{display:block}.device-bottom .btn{margin-top:12px;width:100%}.page-hero h1{font-size:3.1rem}}

.line-item-card{background:#101319;border:1px solid #2b3038;border-radius:12px;padding:12px;margin-bottom:10px}