/*
Theme Name: Alethea Hub
Theme URI: https://aletheahub.com/
Author: Alethea Hub
Description: A cinematic, responsive smart home and security WordPress theme.
Version: 1.0.0
Text Domain: alethea-hub
*/
:root{--ink:#070b14;--surface:#101827;--line:rgba(190,220,255,.13);--cyan:#22d3ee;--violet:#8b5cf6;--amber:#fbbf24;--text:#f8fafc;--muted:#93a4bc}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--ink);color:var(--text);font-family:Manrope,Arial,sans-serif;overflow-x:hidden}.site-main{min-height:60vh}.shell{max-width:1280px;margin:auto;padding:0 5.5vw}.site-header{height:82px;display:flex;align-items:center;justify-content:space-between;gap:24px;position:relative;z-index:10}.brand{font:600 20px/1 'Space Grotesk',sans-serif;letter-spacing:-.9px;color:#fff;text-decoration:none;display:inline-flex;align-items:center;gap:10px}.brand-logo{height:32px;width:auto;display:block}.brand b{color:var(--cyan)}.primary-menu{display:flex;gap:27px;align-items:center;margin:0;padding:0;list-style:none}.primary-menu a{font-size:12px;color:#cbd5e1;text-decoration:none}.primary-menu .menu-item:last-child a{padding:12px 17px;border:1px solid rgba(34,211,238,.4);border-radius:999px;color:#d9fbff}.menu-toggle{display:none;background:none;border:0;color:#fff;font:600 13px Manrope}.hero{min-height:100svh;position:relative;isolation:isolate;overflow:hidden;background:radial-gradient(circle at 76% 38%,#17334a 0,transparent 19%),radial-gradient(circle at 69% 66%,rgba(34,211,238,.12),transparent 30%),linear-gradient(116deg,#050811 8%,#070d19 52%,#111827 100%)}.hero:before{content:"";position:absolute;z-index:-1;inset:0;background:linear-gradient(90deg,rgba(3,6,13,.92),rgba(4,8,16,.72) 42%,rgba(4,8,16,.09)),linear-gradient(0deg,rgba(7,11,20,.7),transparent 50%)}.city{position:absolute;right:-5vw;bottom:0;width:60vw;height:50vh;opacity:.6;background:repeating-linear-gradient(90deg,transparent 0 2.5vw,rgba(113,183,255,.16) 2.5vw 2.7vw,transparent 2.7vw 5vw),linear-gradient(90deg,#0a1527,#132a3c 45%,#0d1625);clip-path:polygon(0 46%,5% 42%,5% 20%,11% 20%,11% 55%,16% 55%,16% 7%,22% 7%,22% 44%,29% 44%,29% 28%,36% 28%,36% 57%,44% 57%,44% 13%,52% 13%,52% 48%,59% 48%,59% 3%,68% 3%,68% 38%,77% 38%,77% 20%,85% 20%,85% 50%,100% 50%,100% 100%,0 100%)}.room{position:absolute;right:1vw;bottom:-4vw;width:min(63vw,900px);height:68vh;border-radius:30% 8% 0 0;background:linear-gradient(164deg,rgba(139,92,246,.09),transparent 30%),linear-gradient(155deg,#162635,#0b1420 64%,#050912 65%);box-shadow:inset 0 1px rgba(200,240,255,.14),-30px 0 80px rgba(34,211,238,.05)}.room:before{content:"";position:absolute;left:18%;right:8%;top:12%;height:5px;background:linear-gradient(90deg,transparent,#22d3ee 30%,#87e6ff 50%,#22d3ee 70%,transparent);box-shadow:0 0 22px 5px rgba(34,211,238,.52);animation:glow 6s ease-in-out infinite}.sofa{position:absolute;z-index:1;right:11%;bottom:12%;width:47%;height:24%;border-radius:12px 44px 10px;background:linear-gradient(160deg,#202d3a,#0d151f 78%);box-shadow:0 25px 55px rgba(0,0,0,.55)}.sofa:before{content:"";position:absolute;width:76%;height:46%;bottom:70%;left:11%;border-radius:50px 50px 0 0;background:#1b2733}.lamp{position:absolute;right:6%;bottom:25%;width:100px;height:125px;border-bottom:3px solid #72531d;background:radial-gradient(ellipse at 50% 18%,rgba(255,207,105,.8),rgba(251,191,36,.15) 22%,transparent 58%);filter:drop-shadow(0 0 25px rgba(251,191,36,.45));animation:lamp 7s ease-in-out infinite}.curtain{position:absolute;top:0;right:1%;height:72%;width:17%;background:linear-gradient(90deg,rgba(32,49,72,.75),rgba(12,20,35,.2));border-left:1px solid rgba(215,236,255,.12);transform-origin:top right;animation:curtain 3.2s cubic-bezier(.2,.8,.2,1) .4s both}.curtain.two{right:18%;transform-origin:top left;animation-name:curtain2}.hero-copy{padding:13vh 0 10vh;position:relative;max-width:670px}.eyebrow,.section-label{color:#b9f7ff;font-size:11px;font-weight:800;letter-spacing:.17em;text-transform:uppercase}.eyebrow{display:flex;gap:10px;align-items:center}.eyebrow:before{content:"";height:7px;width:7px;background:var(--cyan);border-radius:50%;box-shadow:0 0 15px var(--cyan)}h1{font:600 clamp(48px,7vw,92px)/.97 'Space Grotesk',sans-serif;letter-spacing:-.073em;margin:22px 0}.gradient{background:linear-gradient(100deg,#fff 18%,#b7edff 55%,#a78bfa);-webkit-background-clip:text;color:transparent}.hero-copy p{max-width:520px;color:#b2c2d7;line-height:1.75;font-size:16px;margin:0 0 32px}.actions{display:flex;gap:12px;flex-wrap:wrap}.button{display:inline-flex;align-items:center;justify-content:center;gap:10px;padding:15px 20px;border:0;border-radius:8px;background:var(--cyan);color:#041019;text-decoration:none;font:800 13px Manrope;cursor:pointer;box-shadow:0 0 30px rgba(34,211,238,.2)}.button.ghost{background:rgba(255,255,255,.04);color:#fff;border:1px solid var(--line);box-shadow:none}.panel{position:absolute;z-index:2;right:7vw;top:18vh;width:270px;padding:19px;border:1px solid rgba(186,231,255,.22);border-radius:15px;background:linear-gradient(145deg,rgba(28,45,65,.73),rgba(8,16,28,.68));box-shadow:0 24px 60px rgba(0,0,0,.3),inset 0 1px rgba(255,255,255,.12);backdrop-filter:blur(16px);animation:float 7s ease-in-out infinite}.panel-label,.hotspot-key{font-size:10px;letter-spacing:.13em;color:#89a5c1}.panel h3{font:600 16px 'Space Grotesk';margin:7px 0 13px}.status{display:flex;justify-content:space-between;align-items:center;border-top:1px solid rgba(210,237,255,.11);padding:12px 0 0;margin-top:10px;font-size:11px;color:#ccdae9}.state{font-size:10px;color:#9df6ff}.dot{display:inline-block;height:6px;width:6px;border-radius:50%;margin-right:5px;background:var(--cyan);box-shadow:0 0 10px var(--cyan)}.warm{color:#ffd76b}.warm .dot{background:var(--amber);box-shadow:0 0 10px var(--amber)}section{padding:105px 0}.intro{display:flex;align-items:end;justify-content:space-between;gap:30px}.intro h2,.page-title{font:600 clamp(32px,4vw,52px)/1.04 'Space Grotesk';letter-spacing:-.06em;max-width:590px;margin:13px 0 0}.intro p{max-width:370px;color:var(--muted);font-size:14px;line-height:1.7}.grid{display:grid;grid-template-columns:repeat(3,1fr);gap:17px;margin-top:46px}.card{min-height:260px;padding:25px;position:relative;overflow:hidden;border:1px solid var(--line);border-radius:14px;background:linear-gradient(140deg,#121e2e,#0b111c);transition:.3s}.card:hover{border-color:rgba(34,211,238,.5);transform:translateY(-5px)}.card:before{content:"";position:absolute;right:-20px;bottom:-35px;width:165px;height:165px;border:1px solid rgba(34,211,238,.25);border-radius:50%;box-shadow:0 0 44px rgba(34,211,238,.09)}.icon{font:500 25px 'Space Grotesk';color:var(--cyan)}.card h3{font:600 20px 'Space Grotesk';margin:69px 0 10px}.card p{font-size:13px;line-height:1.65;color:var(--muted);margin:0}.experience{background:linear-gradient(180deg,#070b14,#0b1522 52%,#070b14)}.scene-wrap{margin-top:44px;display:grid;grid-template-columns:1.55fr .75fr;min-height:525px;border:1px solid var(--line);border-radius:20px;overflow:hidden;background:#0b111c}.scene{position:relative;overflow:hidden;background:linear-gradient(0deg,rgba(2,7,13,.28),rgba(2,7,13,.03))}.scene:before{content:"";position:absolute;inset:0;background:linear-gradient(0deg,rgba(2,7,13,.43),transparent 56%);pointer-events:none}.security-scene{background-color:#07111e}.security-scene:before{background:linear-gradient(0deg,rgba(2,7,13,.2),transparent 55%)}.scene-media{position:relative;height:100%}.scene-media img{display:block;width:100%;height:100%;object-fit:cover}.security-scene .scene-media img{object-fit:contain}.scene-slide{display:none;position:absolute;z-index:3;top:50%;transform:translateY(-50%);width:38px;height:38px;border-radius:50%;border:1px solid rgba(255,255,255,.3);background:rgba(7,11,20,.6);color:#fff;font-size:20px;line-height:1;cursor:pointer;align-items:center;justify-content:center;backdrop-filter:blur(6px)}.scene-slide.prev{left:12px}.scene-slide.next{right:12px}.scene-panel{padding:35px;background:linear-gradient(160deg,#132032,#090f19);display:flex;flex-direction:column;justify-content:center}.scene-panel h3{font:600 30px/1.08 'Space Grotesk';letter-spacing:-.055em;margin:8px 0}.scene-panel p{color:var(--muted);font-size:13px;line-height:1.75}.hotspot{position:absolute;z-index:2;width:31px;height:31px;border-radius:50%;border:1px solid rgba(255,255,255,.7);background:rgba(34,211,238,.3);box-shadow:0 0 0 8px rgba(34,211,238,.12),0 0 25px var(--cyan);cursor:pointer;transition:.25s}.hotspot:after{content:"";position:absolute;inset:9px;border-radius:50%;background:#d6fbff}.hotspot:hover,.hotspot.active{transform:scale(1.18);background:rgba(139,92,246,.55);box-shadow:0 0 0 11px rgba(139,92,246,.14),0 0 28px var(--violet)}.scene-list{display:grid;gap:7px;margin-top:20px}.scene-list button{font:600 11px Manrope;text-align:left;color:#b7c9dc;background:transparent;border:0;border-bottom:1px solid rgba(184,219,246,.12);padding:11px 0;cursor:pointer}.scene-list button.active{color:var(--cyan)}.security-divider{text-align:center;padding:82px 5vw 12px;max-width:820px;margin:auto}.security-divider h2{font:600 clamp(34px,5vw,60px)/1.04 'Space Grotesk';letter-spacing:-.06em;margin:12px 0}.security-divider p{color:var(--muted);line-height:1.7;margin:0 auto;max-width:560px}.shop{padding-top:45px}.products{display:flex;overflow-x:auto;gap:16px;margin-top:42px;padding:0 0 15px;scroll-snap-type:x mandatory;scrollbar-width:none}.products::-webkit-scrollbar{display:none}.product{flex:0 0 calc((100% - 48px)/4);min-width:235px;scroll-snap-align:start;border:1px solid var(--line);border-radius:13px;overflow:hidden;background:#0d1521}.product-thumb{height:205px;display:grid;place-items:center;background:radial-gradient(circle at 52% 38%,rgba(34,211,238,.18),transparent 33%),linear-gradient(145deg,#1a2b3d,#0b111a);overflow:hidden}.product-thumb img{height:100%;width:100%;object-fit:cover}.placeholder-device{width:88px;height:135px;border-radius:18px;background:linear-gradient(135deg,#d9e5ec,#687789);box-shadow:12px 18px 30px rgba(0,0,0,.42)}.product-info{padding:18px}.product-type{font-size:9px;text-transform:uppercase;letter-spacing:.12em;color:#6e89a2}.product h3{font:600 16px 'Space Grotesk';margin:8px 0}.product h3 a{color:inherit;text-decoration:none}.product-price{font-size:13px;color:#d8e4f0;margin:0 0 16px}.order{font:700 11px Manrope;color:#b8f9ff;text-decoration:none;display:inline-flex;gap:7px;align-items:center}.order:after{content:'→';font-size:15px}.carousel-hint{display:flex;align-items:center;gap:12px;margin-top:5px;color:#6f8aa1;font-size:10px;text-transform:uppercase;letter-spacing:.13em}.lum-track{height:2px;flex:1;max-width:260px;background:#203044;overflow:hidden}.lum-track i{display:block;height:100%;width:45%;background:linear-gradient(90deg,transparent,var(--cyan),transparent);box-shadow:0 0 12px var(--cyan);animation:slidehint 2.8s ease-in-out infinite}.page-hero{padding:105px 0 55px;background:radial-gradient(circle at 70% 0,rgba(34,211,238,.12),transparent 30%)}.page-content{max-width:820px;color:#c1cddd;line-height:1.8}.page-content img{max-width:100%;height:auto;border-radius:12px}.product-layout{display:grid;grid-template-columns:1fr 1fr;gap:65px;align-items:start}.product-single-image{border:1px solid var(--line);background:#0d1521;border-radius:16px;overflow:hidden}.product-single-image img{display:block;width:100%;height:auto}.product-summary{position:sticky;top:24px}.product-summary .price{font:600 22px 'Space Grotesk';color:#d8faff}.contact-grid{display:grid;grid-template-columns:1fr 1fr;gap:24px}.contact-card{border:1px solid var(--line);padding:30px;border-radius:14px;background:#0d1521}.site-footer{border-top:1px solid var(--line);padding:35px 0;color:#687a92;font-size:12px;display:flex;justify-content:space-between}.whatsapp{position:fixed;z-index:20;right:25px;bottom:24px;width:52px;height:52px;display:grid;place-items:center;border-radius:50%;color:#fff;background:#25d366;box-shadow:0 8px 28px rgba(0,0,0,.42);text-decoration:none}.whatsapp:after{content:'⌕';font-size:23px;transform:rotate(-30deg);font-family:Arial;font-weight:bold}.screen-reader-text{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}@keyframes float{50%{transform:translateY(-13px)}}@keyframes glow{50%{opacity:.5;box-shadow:0 0 45px 14px rgba(34,211,238,.52)}}@keyframes lamp{50%{filter:drop-shadow(0 0 38px rgba(251,191,36,.7))}}@keyframes curtain{to{transform:translateX(22%) rotateY(-12deg)}}@keyframes curtain2{to{transform:translateX(-22%) rotateY(12deg)}}@keyframes slidehint{50%{transform:translateX(120%)}}@media(max-width:800px){.shell{padding:0 24px}.site-header{height:72px}.menu-toggle{display:block}.primary-menu{display:none}.primary-menu.open{display:flex;position:absolute;right:0;top:65px;padding:18px;flex-direction:column;align-items:stretch;background:#101827;border:1px solid var(--line);border-radius:12px;min-width:190px}.panel{right:24px;top:auto;bottom:75px;width:232px}.hero-copy{padding-top:16vh;padding-bottom:330px}.city{width:100vw;opacity:.4}.room{width:100vw;right:0;height:53vh}.intro{display:block}.grid{grid-template-columns:1fr}.card{min-height:220px}section{padding:75px 0}.scene-wrap,.product-layout,.contact-grid{grid-template-columns:1fr;min-height:auto}.scene{height:360px;overflow-x:auto;overflow-y:hidden;-webkit-overflow-scrolling:touch}.scene-media{width:auto;height:100%;display:inline-block}.scene-media img{width:auto;height:100%;object-fit:none;max-width:none}.scene-slide{display:flex}.scene-panel{min-height:320px}.product{flex-basis:82%}.product-thumb{height:230px}.site-footer{display:block;line-height:2}.whatsapp{right:18px;bottom:18px}.security-divider{padding-top:70px}.product-summary{position:static}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation:none!important;scroll-behavior:auto!important}}