/* STUB8K / Studio edition — visual layer; existing interactions remain intact */
@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=Manrope:wght@400;500;600;700;800&display=swap');
:root{--bg:#101213;--bg2:#171a1b;--card:#1b1e1f;--gold:#d6f079;--gold-light:#e7ffa0;--gold-dark:#9fb850;--white:#f4f3ed;--muted:#a2a6a3;--border:rgba(240,244,226,.12)}
html{scroll-padding-top:85px}body{font-family:'DM Sans',sans-serif;background:var(--bg);color:var(--white);line-height:1.65}h1,h2,h3,.logo,.footer-logo{font-family:Manrope,sans-serif}button,input,textarea,select{font-family:inherit}button,a{-webkit-tap-highlight-color:transparent}a:focus-visible,button:focus-visible,input:focus-visible,textarea:focus-visible{outline:2px solid var(--gold);outline-offset:4px}
.navbar{padding:19px max(5%,calc((100vw - 1320px)/2));background:rgba(16,18,19,.94);border-bottom:1px solid var(--border);backdrop-filter:blur(16px)}.logo,.footer-logo{font-weight:800;letter-spacing:-1.7px;font-size:27px}.logo span,.footer-logo span{color:var(--gold)}nav{gap:29px}nav a{font-size:13px;font-weight:600;color:#c7cbc6}.nav-button{border-radius:3px;background:var(--gold);padding:10px 18px}.login-btn{border:1px solid #59634a;color:var(--white)!important}.login-btn:hover{color:#101213!important}
.hero{min-height:740px;min-height:92svh;padding:165px max(5%,calc((100vw - 1320px)/2)) 110px;background:linear-gradient(90deg,#101213 4%,rgba(16,18,19,.98) 38%,rgba(16,18,19,.65) 72%,rgba(16,18,19,.3)),url('images/hero-art.svg') right center/auto 100% no-repeat,#101213}.hero::before{display:none}.hero-content{max-width:800px}.badge,.section-header span,.test-box span{display:inline-flex;align-items:center;gap:9px;color:var(--gold);font-size:11px;letter-spacing:2.4px;font-weight:800}.hero .badge{border:1px solid rgba(214,240,121,.35);padding:8px 13px;border-radius:2px}.hero h1{font-size:clamp(58px,7.7vw,112px);letter-spacing:-.075em;line-height:1.02;margin:30px 0 27px;font-weight:800}.hero h1 span{color:var(--gold);-webkit-text-stroke:0}.hero-text{max-width:500px;font-size:17px;color:#b9bdb7}.hero-stats{gap:0;margin:45px 0 38px;max-width:590px;border-top:1px solid var(--border);padding-top:25px}.hero-stats div{flex:1;padding-right:17px}.hero-stats div+div{border-left:1px solid var(--border);padding-left:24px}.hero-stats strong{font:800 clamp(19px,2.2vw,27px) Manrope,sans-serif;letter-spacing:-1px}.hero-stats span{font-size:11px;letter-spacing:.2px;color:#969e95}.btn,.price-card button,.submit-button,.app-button{border-radius:3px!important;font-weight:800;letter-spacing:.1px;transition:background .2s,transform .2s,border-color .2s}.btn:hover,.price-card button:hover,.submit-button:hover{transform:translateY(-2px)}.btn-primary,.submit-button,.price-card.featured button{background:var(--gold)!important;color:#101310!important}.btn-secondary{border:1px solid #59605b!important;background:transparent!important;color:var(--white)!important}
.features,.pricing,.apps,.reviews,.contact{padding:105px max(5%,calc((100vw - 1320px)/2));background:transparent}.features,.apps,.contact{background:#151819}.section-header{margin-bottom:45px}.section-header h2{font-size:clamp(34px,4.4vw,57px);letter-spacing:-.055em;line-height:1.15;font-weight:800;margin-top:13px}.section-header p{color:var(--muted)}.feature-grid,.pricing-grid,.app-grid{gap:13px}.feature-card,.price-card,.app-card,.review-card{background:#1c2020!important;border:1px solid var(--border)!important;border-radius:4px!important;box-shadow:none!important;transition:border-color .2s,transform .2s}.feature-card:hover,.price-card:hover,.app-card:hover{border-color:rgba(214,240,121,.45)!important;transform:translateY(-3px)}.feature-icon{color:var(--gold)!important;background:#292f27!important;border-radius:3px!important;font-size:24px!important}.feature-card h3,.app-card h3{letter-spacing:-.035em}.feature-card p,.app-card p,.review-card p{color:var(--muted)}.pricing{background:#101213}.price-card{position:relative;overflow:visible}.price-card.featured{background:#232b22!important;border-color:#a2b970!important}.price-card h3 strong,.price-card .new-price{color:var(--white)!important;letter-spacing:-.065em}.price-card li{color:#c1c5be}.price-card button{background:#333b32;color:var(--white)}.sale-badge{background:var(--gold)!important;color:#171b12!important;box-shadow:none!important;border-radius:2px!important;top:-15px!important;right:16px!important;padding:7px 12px!important;font-size:11px!important;letter-spacing:1px!important}.price-card .savings{color:var(--gold)!important}.app-logo{background:#292d2d!important;border-radius:3px!important;object-fit:contain}.app-number{color:#73836b!important}.test-section{padding:70px max(5%,calc((100vw - 1320px)/2));background:#101213}.test-box{background:#d6f079!important;color:#161b13!important;border:0!important;border-radius:4px!important;box-shadow:none!important}.test-box span,.test-box p{color:#3e4a30!important}.test-box h2{letter-spacing:-.055em}.test-box .btn-primary{background:#161b13!important;color:#f4f3ed!important}.reviews{background:#151819}.review-card .stars{color:var(--gold)!important}.contact{background:#101213}.contact-form{background:#1c2020!important;border:1px solid var(--border)!important;border-radius:4px!important;box-shadow:none!important}.form-group input,.form-group textarea,.modal-content input,.device-entry input{background:#111414!important;color:var(--white)!important;border:1px solid #3c433c!important;border-radius:3px!important}.form-group label{color:#c7cdc3}footer{background:#0c0e0e!important;border-top:1px solid var(--border)!important}footer p,.copyright{color:var(--muted)}.modal{backdrop-filter:blur(8px)}.modal-content{background:#1c2020!important;border:1px solid #414b3b!important;border-radius:5px!important;box-shadow:0 24px 90px rgba(0,0,0,.6)!important}.dashboard-section,.device-item,.customer-item{border-color:var(--border)!important}.popular{background:var(--gold)!important;color:#151914!important;border-radius:2px!important}
@media(max-width:768px){.navbar{padding:15px 6%}.hero{min-height:auto;padding:145px 6% 85px;background:linear-gradient(90deg,rgba(16,18,19,.95),rgba(16,18,19,.82)),url('images/hero-art.svg') center/cover no-repeat}.hero h1{font-size:clamp(48px,11vw,75px);letter-spacing:-.07em}.hero-stats{gap:0}.hero-stats div+div{padding-left:12px}.hero-stats div{padding-right:9px}.hero-stats strong{font-size:19px}.hero-stats span{font-size:10px}.features,.pricing,.apps,.reviews,.contact{padding:76px 6%}.test-section{padding:45px 6%}nav.open{background:#202524!important;border-color:#414b3b!important;border-radius:3px!important;top:67px!important}.sale-badge{font-size:10px!important}}
@media(max-width:420px){.hero-stats strong{font-size:16px}.hero-stats span{font-size:9px}.hero h1{font-size:48px}.hero-buttons{gap:10px}}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{scroll-behavior:auto!important;transition:none!important;animation:none!important}}

/* Installation guide */
.download-guide{padding:105px max(5%,calc((100vw - 1320px)/2));background:#101213;scroll-margin-top:75px}.download-guide .section-header p{margin-top:14px}.guide-device-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin-bottom:18px}.guide-device{appearance:none;cursor:pointer;text-align:left;display:flex;align-items:center;gap:15px;min-width:0;padding:24px 18px;background:#1c2020;color:var(--white);border:1px solid var(--border);border-radius:4px;transition:border-color .2s,background .2s}.guide-device.active,.guide-device:hover{border-color:var(--gold);background:#242b22}.guide-device-icon{display:grid;place-items:center;flex:0 0 48px;height:48px;border:1px solid #485344;border-radius:3px;color:var(--gold);font-size:27px}.guide-device strong,.guide-device small{display:block}.guide-device strong{font-size:15px;line-height:1.4}.guide-device small{color:var(--muted);font-size:11px;margin-top:4px}.guide-device>span:last-child{margin-left:auto;color:var(--gold)}.guide-device:focus-visible{outline:2px solid var(--gold);outline-offset:3px}.guide-panel{border:1px solid var(--border);background:#191d1d;padding:clamp(24px,4vw,55px);border-radius:4px}.guide-panel[hidden]{display:none!important}.guide-eyebrow{color:var(--gold);font-size:11px;letter-spacing:2px;font-weight:800}.guide-intro{max-width:720px;margin-bottom:37px}.guide-intro h3{font-size:clamp(29px,3.5vw,46px);letter-spacing:-.055em;line-height:1.16;margin:12px 0}.guide-intro p,.guide-steps p,.guide-note p{color:var(--muted);line-height:1.7}.guide-steps{counter-reset:guide;list-style:none;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:0 35px;padding:0;margin:0}.guide-steps li{position:relative;counter-increment:guide;padding:24px 0 26px 57px;border-top:1px solid var(--border)}.guide-steps li:before{content:counter(guide,decimal-leading-zero);position:absolute;left:0;top:25px;font:800 19px Manrope,sans-serif;color:var(--gold)}.guide-steps strong{font:800 17px Manrope,sans-serif;letter-spacing:-.03em}.guide-steps p{font-size:14px;margin:9px 0 0}.guide-steps b{color:var(--white)}.guide-note{margin-top:20px;border-left:2px solid var(--gold);background:#252b25;padding:18px 22px}.guide-note strong{color:var(--gold);font-size:13px}.guide-note p{margin:6px 0 0;font-size:13px}.guide-footer{display:flex;align-items:center;justify-content:space-between;gap:20px;padding-top:25px}.guide-footer span{color:var(--muted);font-size:14px}@media(max-width:850px){.guide-device-grid{grid-template-columns:1fr}.guide-device{padding:17px}.guide-steps{grid-template-columns:1fr}.download-guide{padding:76px 6%}}@media(max-width:480px){.guide-footer{align-items:flex-start;flex-direction:column}.guide-panel{padding:24px 18px}.guide-steps li{padding-left:46px}.guide-device-icon{flex-basis:42px;height:42px}}