.homelab-page{--hl-accent:#9ed6f1;--hl-surface:#131c26;--hl-line:#24313e}
.hl-hero{display:grid;grid-template-columns:1.15fr 1fr;gap:64px;padding:80px 64px 52px;align-items:center;background:radial-gradient(ellipse at 85% 40%,#142737 0,transparent 58%)}
.hl-brand{display:flex;align-items:center;gap:14px;font-size:1.5rem;font-weight:600;letter-spacing:-.04em}.hl-brand img,.hl-cta>img{border-radius:14px}
.hl-kicker{text-transform:uppercase;font:500 .72rem/1.6 var(--font-mono);letter-spacing:.12em;color:var(--hl-accent);margin:32px 0 20px}
.hl-hero h1{font-size:clamp(2.8rem,4.4vw,4.4rem);line-height:1.03;letter-spacing:-.055em;margin:0 0 26px;max-width:620px}
.hl-lead{color:var(--ink-secondary);max-width:510px;font-size:1.12rem;line-height:1.75}
.hl-actions{display:flex;flex-wrap:wrap;gap:22px;align-items:center;margin-top:32px}.homelab-page .btn{background:var(--hl-accent);color:#0b1520;border-color:var(--hl-accent)}.homelab-page .btn:hover{background:#c5eaff;border-color:#c5eaff}
.hl-text-link{color:var(--ink);font-size:.9rem;text-decoration:none;border-bottom:1px solid #526879;padding-bottom:3px;display:inline-block}.hl-text-link:hover{color:var(--hl-accent)}
.hl-fine{font-size:.82rem;line-height:1.7;color:var(--ink-muted);margin-top:20px}
.hl-preview{margin:0;display:flex;flex-direction:column;align-items:center;min-width:0}.hl-phone{width:304px;border:1px solid #536779;border-radius:40px;padding:10px;background:#19232f;box-shadow:0 32px 64px #0005;transform:rotate(3deg)}
.hl-phone-bar{display:flex;justify-content:space-between;padding:9px 20px 12px;font:600 12px var(--font-body);background:#0e1720;border-radius:30px 30px 0 0;color:#c7d4df}
.hl-phone-content{background:#0e1720;border-radius:0 0 30px 30px;padding:18px 18px 8px}.hl-phone-head{display:flex;align-items:center;gap:7px;font-size:.82rem;font-weight:600}.hl-house{color:var(--hl-accent);font-size:25px;line-height:1}.hl-avatar{margin-left:auto;border-radius:50%;background:#253b4b;color:#b5ddef;width:26px;height:26px;text-align:center;line-height:26px;font-size:.65rem}
.hl-phone-date{font-size:.65rem;color:#91a7b9;margin:22px 0 4px}.hl-phone h2{font-size:2rem;line-height:1.1;letter-spacing:-.04em;margin:0 0 22px}.hl-phone h2>span{color:var(--hl-accent)}
.hl-snapshot{font-size:.62rem;color:#9db2c4;padding:18px 14px;background:linear-gradient(120deg,#1c384c,#172b3d);border:1px solid #2e5068;border-radius:14px}.hl-dot{display:inline-block;background:var(--hl-accent);width:5px;height:5px;border-radius:50%;margin-right:6px}.hl-snapshot strong{display:block;color:#ebf2f8;font-size:.9rem;line-height:1.4;font-weight:500;margin:8px 0}.hl-event-line{height:3px;background:linear-gradient(90deg,#a6dbf5 40%,#2d475b 40%);margin-top:14px;border-radius:4px}
.hl-phone h3{display:flex;justify-content:space-between;font-size:.78rem;font-weight:500;margin:23px 0 10px}.hl-phone h3>span{font-size:.65rem;color:#8195a5}.hl-tasks{padding:0;margin:0;list-style:none}.hl-tasks li{display:flex;gap:10px;align-items:center;border-bottom:1px solid #1e2d3b;padding:12px 0;font-size:.72rem;color:#c1cfda}.hl-check{width:16px;height:16px;border:1px solid #50687a;border-radius:5px;flex-shrink:0;font-size:10px;line-height:14px;text-align:center}.hl-checked{background:#a6d9f1;color:#112432;border-color:#a6d9f1}
.hl-phone-tabs{display:flex;justify-content:space-around;padding:20px 0 10px;font-size:19px;color:#7c91a2}.hl-phone-tabs>span{display:flex;flex-direction:column;align-items:center;gap:3px}.hl-phone-tabs small{font-size:8px}.hl-phone-tabs .active{color:#b2e1f8}.hl-preview figcaption{font:400 .62rem var(--font-mono);color:var(--ink-muted);margin-top:28px;text-align:center}
.hl-strip{display:grid;grid-template-columns:repeat(3,1fr);border-block:1px solid var(--hl-line);background:#101820}.hl-strip>span{display:flex;gap:14px;align-items:center;padding:22px 26px;font-size:.8rem;color:var(--ink-secondary)}.hl-strip>span+span{border-left:1px solid var(--hl-line)}.hl-strip b{font:400 .7rem var(--font-mono);color:#6f9bb7}
.hl-section{padding:72px 64px;border-bottom:1px solid var(--hl-line);scroll-margin-top:90px}.hl-section>.hl-kicker{margin:0 0 22px}.hl-section h2{font-size:clamp(2rem,3vw,3rem);line-height:1.12;letter-spacing:-.04em;margin:0 0 25px}.hl-section h3{font-size:1.2rem;line-height:1.4;letter-spacing:-.025em}.hl-section p{color:var(--ink-muted);line-height:1.75}
.hl-section-heading{display:grid;grid-template-columns:1.1fr 1fr;gap:50px;align-items:end;margin-bottom:40px}.hl-section-heading h2{margin:0}.hl-section-heading p{margin:0}
.hl-features{display:grid;grid-template-columns:repeat(3,1fr);border-top:1px solid var(--hl-line);border-left:1px solid var(--hl-line)}.hl-feature{padding:28px 24px;border-right:1px solid var(--hl-line);border-bottom:1px solid var(--hl-line)}.hl-feature-number{font:.7rem var(--font-mono);color:var(--hl-accent)}.hl-feature h3{margin:20px 0 12px}.hl-feature p{font-size:.92rem;margin:0}
.hl-modes{background:#101923}.hl-mode-grid{display:grid;grid-template-columns:1fr 1fr;gap:28px;margin-top:35px}.hl-mode-grid article{border:1px solid #314555;padding:30px;background:#121f2b}.hl-mode-icon{font-size:38px;line-height:1;color:var(--hl-accent)}.hl-mode-grid h3{margin:20px 0 10px}.hl-mode-grid p{font-size:.97rem}.hl-mode-note{display:inline-block;font:.7rem var(--font-mono);color:var(--hl-accent);border-top:1px solid #314555;padding-top:18px;margin-top:8px}
.hl-assist-grid{display:grid;grid-template-columns:1fr 1fr;gap:60px}.hl-symbol{font-size:45px;color:var(--hl-accent);display:block;margin-bottom:25px}.hl-assist-grid h2{font-size:2.5rem}.hl-assist-grid p.hl-fine{font-size:.82rem}.hl-watch-panel{border-left:1px solid var(--hl-line);padding-left:50px}.hl-watch{width:126px;border-radius:29px;border:4px solid #48535f;background:#090e13;padding:16px 9px;text-align:center;margin:0 0 28px;box-shadow:0 0 0 1px #7b8b98;transform:rotate(-5deg)}.hl-watch>span{font-size:8px;color:#8ebdd8;display:block}.hl-watch>b{font-size:26px;color:#cbecfb;line-height:1.5;display:block;font-weight:500}.hl-watch>small{display:block;font-size:8px;color:#9badbb;line-height:1.3}.hl-watch>div{height:3px;background:#99d5f5;width:70%;margin:13px auto 3px}
.hl-faq details{border-top:1px solid var(--hl-line)}.hl-faq details:last-child{border-bottom:1px solid var(--hl-line)}.hl-faq summary{padding:22px 30px 22px 0;cursor:pointer;font-weight:500;font-size:1.02rem}.hl-faq details p{max-width:800px;margin:0 0 24px;font-size:.95rem}.hl-cta{text-align:center;background:radial-gradient(ellipse at 50% 100%,#1b3447,transparent 70%)}.hl-cta>img{margin:0 auto 24px}.hl-cta p{max-width:550px;margin:0 auto 30px}.hl-cta>.hl-text-link{display:table;margin:26px auto 0}
.homelab-page :focus-visible{outline:3px solid var(--hl-accent);outline-offset:5px}
@media(max-width:1000px){.hl-hero{padding:60px 36px;gap:28px}.hl-section{padding:58px 36px}.hl-features{grid-template-columns:repeat(2,1fr)}.hl-strip>span{padding:18px;font-size:.75rem}.hl-phone{width:278px}.hl-hero h1{font-size:3.5rem}.hl-section-heading{gap:30px}}
@media(max-width:720px){.hl-hero{grid-template-columns:1fr;padding:44px 24px;gap:40px}.hl-hero h1{font-size:clamp(2.6rem,10vw,3.8rem);max-width:520px}.hl-brand{font-size:1.3rem}.hl-brand img{width:45px;height:45px}.hl-lead{font-size:1rem}.hl-actions{gap:20px}.hl-preview{padding:8px 0}.hl-phone{width:280px;transform:rotate(2deg)}.hl-strip{grid-template-columns:1fr}.hl-strip>span+span{border-left:0;border-top:1px solid var(--hl-line)}.hl-strip>span{padding:14px 24px}.hl-section{padding:48px 24px}.hl-section-heading,.hl-mode-grid,.hl-assist-grid{grid-template-columns:1fr;gap:25px}.hl-features{grid-template-columns:1fr}.hl-feature{padding:24px}.hl-section h2,.hl-assist-grid h2{font-size:2.1rem}.hl-watch-panel{padding:28px 0 0;border-left:0;border-top:1px solid var(--hl-line)}.hl-mode-grid article{padding:25px}.hl-fine{max-width:100%}}
@media(prefers-reduced-motion:reduce){.homelab-page{scroll-behavior:auto}.homelab-page *{scroll-behavior:auto!important}}