:root{--navy:#07142d;--blue:#145ad8;--cyan:#36d9ee;--pale:#f3f7ff;--text:#09142c;--muted:#66738a;--line:#dbe4f2}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;font-family:Arial,sans-serif;color:var(--text);background:#fff}a{text-decoration:none;color:inherit}button,input,textarea,select{font:inherit}.header{height:76px;position:fixed;z-index:50;inset:0 0 auto;background:#050d20eb;color:#fff;display:flex;align-items:center;justify-content:space-between;padding:0 5vw;backdrop-filter:blur(15px)}.brand{display:flex;align-items:center;gap:10px}.brand img{width:42px;height:42px;object-fit:contain;border-radius:10px}.brand>b{font-size:19px;letter-spacing:.12em}.brand small{display:block;font-size:7px;color:#abc1df;margin-top:4px}.header nav{display:flex;align-items:center;gap:27px;font-size:12px;font-weight:700}.nav-cta,.button{background:linear-gradient(135deg,var(--cyan),#70eafa);color:#051329!important;padding:14px 20px;border-radius:10px;font-weight:800;border:0;display:inline-flex;justify-content:center;cursor:pointer}.menu{display:none;background:none;border:0;color:#fff;font-size:25px}.hero{min-height:760px;padding:150px 6vw 60px;background:radial-gradient(circle at 75% 30%,#194a9e,#0a235b 26%,transparent 50%),linear-gradient(130deg,#030817,#08204d);color:#fff;position:relative;overflow:hidden}.grid{position:absolute;inset:0;background-image:linear-gradient(#ffffff0a 1px,transparent 1px),linear-gradient(90deg,#ffffff0a 1px,transparent 1px);background-size:48px 48px}.hero-copy{position:relative;z-index:2;max-width:680px}.eyebrow{color:#56e5f7;font-size:11px;letter-spacing:.15em;font-weight:800}.blue{color:var(--blue)}h1{font-size:clamp(50px,6vw,84px);line-height:.98;letter-spacing:-.055em;margin:25px 0}h1 em,h2 em{font-style:normal;color:#5de1f2}.hero-copy>p,.lead{font-size:18px;line-height:1.75;color:#bdcbe0}.actions{display:flex;gap:13px;margin-top:30px}.outline{background:transparent;color:#fff!important;border:1px solid #ffffff38}.stats{display:flex;gap:45px;margin-top:85px}.stats span{display:flex;flex-direction:column;color:#8498b5;font-size:8px;letter-spacing:.11em}.stats b{color:#fff;font-size:20px;margin-bottom:5px}.globe{position:absolute;right:5vw;top:170px;width:380px;height:380px;border:1px solid #5cdcf388;border-radius:50%;box-shadow:inset -40px -20px 90px #0877ff42,0 0 100px #16d2f825;background:radial-gradient(circle at 30% 30%,#3be6ff38,transparent 35%),url('../images/ephy-dark-globe.png') center/cover}.globe:before,.globe:after{content:"";position:absolute;inset:8% 35%;border:1px solid #61def566;border-radius:50%;transform:rotate(35deg)}.globe:after{inset:35% 4%;transform:none}.globe b{position:absolute;inset:0;display:grid;place-items:center;letter-spacing:.2em;font-size:40px}.section{padding:105px 6vw}.section h2{font-size:clamp(40px,4.5vw,64px);line-height:1.04;letter-spacing:-.045em;margin:16px 0}.section h2 em{color:var(--blue)}.split{display:grid;grid-template-columns:1.4fr .7fr;gap:9vw;align-items:end}.split blockquote{border-left:2px solid var(--cyan);padding-left:25px;color:var(--muted);line-height:1.7}.cards{display:grid;grid-template-columns:repeat(4,1fr);gap:16px;margin-top:60px}.cards article{border:1px solid var(--line);border-radius:17px;padding:28px;min-height:260px;position:relative;transition:.3s}.cards article:hover,.product-card:hover{transform:translateY(-6px);box-shadow:0 25px 55px #0a31651a}.cards i{position:absolute;right:25px;color:#a3b2c7}.cards article>b{display:grid;place-items:center;width:48px;height:48px;border-radius:14px;background:#e7f4ff;color:var(--blue);font-size:20px}.cards h3{margin-top:35px}.cards p,.section-head>p,.product-body p{color:var(--muted);font-size:13px;line-height:1.7}.products,.faq{background:var(--pale)}.section-head{display:flex;justify-content:space-between;align-items:end;gap:40px}.section-head>p{max-width:390px}.filters{display:flex;gap:8px;margin:38px 0 25px;overflow:auto}.filters button{padding:9px 16px;border-radius:50px;background:#fff;border:1px solid var(--line);font-size:11px}.filters .active{background:var(--navy);color:#fff}.product-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}.product-card{background:#fff;border:1px solid var(--line);border-radius:19px;overflow:hidden;transition:.3s}.product-art{height:185px;background:linear-gradient(135deg,#081938,#1351a8),url('../images/ephy-light-cards.png') center/cover;display:grid;place-items:center}.product-art span{width:70px;height:70px;border-radius:20px;background:#ffffff15;border:1px solid #ffffff3d;color:#fff;font-size:23px;font-weight:900;display:grid;place-items:center;backdrop-filter:blur(8px)}.product-body{padding:24px}.product-body>small{color:var(--blue);font-weight:800;text-transform:uppercase;font-size:10px}.product-body>small b{float:right;color:var(--muted)}.product-body h3{font-size:24px;margin:12px 0}.product-body ul{list-style:none;padding:0;display:flex;flex-wrap:wrap;gap:9px;font-size:10px;color:#506078}.product-actions{display:flex;gap:8px;margin-top:18px}.product-actions a,.product-actions button{flex:1;padding:12px;border-radius:9px;border:1px solid var(--line);background:#fff;text-align:center;font-weight:800;font-size:11px}.product-actions button{background:var(--navy);color:#fff}.dark{background:#061126;color:#fff}.dark h2 em{color:var(--cyan)}.portfolio-grid{display:grid;grid-template-columns:1fr 1fr;gap:20px;margin-top:50px}.portfolio-grid article{background:#0c1c39;border-radius:20px;padding:20px}.screen{height:250px;border-radius:12px;display:grid;place-items:center;font-size:46px;font-weight:900;color:#fff;margin-bottom:22px;background:#2863b9}.screen.purple{background:linear-gradient(135deg,#6a2ec7,#16235f)}.screen.cyan{background:linear-gradient(135deg,#09adc4,#123f70)}.screen.orange{background:linear-gradient(135deg,#d87913,#5e1f0d)}.portfolio-grid small{color:var(--cyan);letter-spacing:.13em;font-size:9px}.portfolio-grid h3{font-size:25px;margin:8px 0}.portfolio-grid p{color:#9bacc6;font-size:13px}.innovation{display:grid;grid-template-columns:1fr 1fr;align-items:center;gap:8vw}.lab{height:440px;position:relative;display:grid;place-items:center;background:radial-gradient(circle,#cbe9ff,transparent 65%)}.lab div{width:140px;height:140px;border-radius:50%;display:grid;place-items:center;background:radial-gradient(circle at 30% 25%,#3d89ff,#061d50);color:#fff;font-size:30px;font-weight:900;box-shadow:0 25px 70px #1c5bab55}.lab span{position:absolute;background:#fff;padding:10px 16px;border-radius:50px;border:1px solid var(--line);box-shadow:0 10px 30px #12345a20;font-size:11px}.lab span:nth-child(2){top:15%;left:12%}.lab span:nth-child(3){right:10%;top:25%}.lab span:nth-child(4){left:15%;bottom:12%}.darkbtn{background:var(--navy);color:#fff!important;margin-top:20px}.faq{display:grid;grid-template-columns:.7fr 1.3fr;gap:8vw}.accordions details{border-bottom:1px solid #cbd9eb;padding:22px 0}.accordions summary{font-weight:800;cursor:pointer}.accordions p{color:var(--muted);line-height:1.7}.contact{padding:105px 6vw;background:linear-gradient(130deg,#06132d,#0b3477);color:#fff;display:grid;grid-template-columns:1fr 1fr;gap:10vw}.contact h2{font-size:clamp(45px,5vw,68px);line-height:1;margin:18px 0}.contact>div>p{color:#adbed6;line-height:1.7}.contact>div>a,.contact>div>span{display:block;margin-top:12px;color:#52dced}.contact>div>span{color:#8194b0}.contact form,.order-form{background:#fff;color:var(--text);padding:30px;border-radius:18px;display:grid;gap:15px}.contact label,.order-form label,.install-form label,.product-editor label{display:grid;gap:7px;font-size:11px;font-weight:800}.contact input,.contact select,.contact textarea,.order-form input,.order-form textarea,.install-form input,.product-editor input,.product-editor textarea,.product-editor select{padding:12px;border:1px solid #d4dfed;border-radius:8px;width:100%}.contact textarea,.order-form textarea,.product-editor textarea{min-height:90px}footer{background:#030916;color:#fff;padding:35px 6vw;display:flex;justify-content:space-between;gap:20px;color:#778ba9}.chat-open{position:fixed;right:24px;bottom:22px;z-index:70;border:0;border-radius:50px;padding:14px 18px;color:#fff;background:linear-gradient(135deg,var(--blue),#14cbe4);font-weight:800}.chat{display:none;position:fixed;z-index:69;right:24px;bottom:82px;width:min(360px,calc(100vw - 30px));height:470px;background:#fff;box-shadow:0 20px 70px #0005;border-radius:17px;overflow:hidden}.chat.open{display:flex;flex-direction:column}.chat header{padding:16px;background:var(--navy);color:#fff;display:flex;justify-content:space-between}.chat header button{background:none;border:0;color:#fff;font-size:22px}.messages{flex:1;overflow:auto;background:#f3f7fc;padding:14px}.messages p{background:#fff;padding:11px;border-radius:10px;font-size:12px;line-height:1.5}.messages .user{background:var(--blue);color:#fff;margin-left:20%}.chat>form{display:flex;padding:10px;gap:6px}.chat input{flex:1;padding:10px;border:1px solid var(--line);border-radius:8px}.chat form button{width:38px;border:0;border-radius:8px;background:var(--blue);color:#fff}.modal{display:none;position:fixed;z-index:90;inset:0;background:#020817cc;place-items:center;padding:20px}.modal.open{display:grid}.order-form{width:min(480px,100%);position:relative}.order-form h3{font-size:27px;margin:0}.close{position:absolute;right:14px;top:12px;border:0;background:#edf2f7;border-radius:50%;width:32px;height:32px;font-size:20px}.installer{min-height:100vh;display:grid;place-items:center;padding:20px;background:linear-gradient(135deg,#06142f,#0b3e8e)}.install-card{width:min(680px,100%);background:#fff;border-radius:22px;padding:38px;box-shadow:0 30px 80px #0005}.brand-chip{color:var(--blue);font-size:11px;font-weight:900;letter-spacing:.14em}.install-card h1{font-size:36px;margin:12px 0}.install-card>p{color:var(--muted)}.install-form{display:grid;gap:14px;margin-top:25px}.two{display:grid;grid-template-columns:1fr 1fr;gap:12px}.alert{background:#fff0f0;color:#a91e2a;padding:13px;border-radius:8px;margin:15px 0}.notice{background:#e9fff5;color:#087044;padding:13px;border-radius:8px}.success{width:60px;height:60px;border-radius:50%;background:#15bd79;color:#fff;display:grid;place-items:center;font-size:28px}.admin-body{background:#f4f7fb;min-height:100vh}.admin-side{position:fixed;inset:0 auto 0 0;width:240px;background:var(--navy);color:#fff;padding:30px 22px}.admin-side span{display:block;color:#8295b1;font-size:11px;margin-top:5px}.admin-side nav{display:grid;gap:5px;margin-top:40px}.admin-side a{padding:12px;border-radius:8px}.admin-side a:hover{background:#ffffff12}.admin-main{margin-left:240px;padding:35px;max-width:1500px}.admin-main>header{display:flex;justify-content:space-between;align-items:center}.admin-main h1{font-size:32px;margin:6px 0}.admin-stats{display:grid;grid-template-columns:repeat(3,1fr);gap:15px;margin:25px 0}.admin-stats article,.admin-panel{background:#fff;border:1px solid var(--line);border-radius:15px;padding:22px}.admin-stats span{color:var(--muted);font-size:12px}.admin-stats b{display:block;font-size:30px;margin-top:8px}.admin-panel{margin-top:18px}.product-editor{display:grid;grid-template-columns:1fr 1fr;gap:14px}.wide{grid-column:1/-1}.check{display:flex!important;grid-template-columns:auto 1fr!important;align-items:center}.check input{width:auto}.table-wrap{overflow:auto}table{width:100%;border-collapse:collapse;font-size:12px}th,td{text-align:left;padding:13px;border-bottom:1px solid #e5ebf2}td small{display:block;color:var(--muted);margin-top:4px}.inline{display:inline}.inline button{border:0;background:none;color:#c32637}.status{padding:5px 8px;border-radius:20px;background:#e7f0ff}.status.published{background:#e4fbf0;color:#08734b}
@media(max-width:950px){.menu{display:block}.header nav{display:none;position:fixed;inset:76px 0 auto;background:var(--navy);padding:25px;flex-direction:column;align-items:stretch}.header nav.open{display:flex}.hero{min-height:850px}.hero-copy{max-width:none}.globe{width:280px;height:280px;opacity:.45;right:-60px;top:430px}.cards,.product-grid{grid-template-columns:1fr 1fr}.split,.innovation,.faq,.contact{grid-template-columns:1fr}.portfolio-grid{grid-template-columns:1fr}.admin-side{position:static;width:auto}.admin-main{margin:0}.admin-main>header{align-items:flex-start;gap:10px}}
@media(max-width:600px){.header{height:66px}.header nav{inset:66px 0 auto}.hero{padding:120px 22px 50px;min-height:800px}.hero h1{font-size:48px}.actions{flex-direction:column}.stats{gap:18px;margin-top:55px}.section,.contact{padding:75px 22px}.section h2{font-size:39px}.cards,.product-grid{grid-template-columns:1fr}.section-head{display:block}.lab{height:320px}.contact form{padding:21px}footer{flex-direction:column}.two,.product-editor,.admin-stats{grid-template-columns:1fr}.wide{grid-column:auto}.admin-main{padding:20px}.admin-main>header{display:block}.install-card{padding:25px}.chat-open span{display:none}}

/* Ephy motion system */
.header{transition:height .35s ease,background .35s ease,box-shadow .35s ease}.header.scrolled{height:66px;background:#030a19f5;box-shadow:0 12px 35px #02081745}.hero-copy{animation:heroEnter .9s cubic-bezier(.2,.8,.2,1) both}.hero .eyebrow{animation:heroEnter .8s .08s cubic-bezier(.2,.8,.2,1) both}.hero h1{animation:heroEnter .9s .15s cubic-bezier(.2,.8,.2,1) both}.hero-copy>p{animation:heroEnter .9s .24s cubic-bezier(.2,.8,.2,1) both}.hero .actions{animation:heroEnter .9s .33s cubic-bezier(.2,.8,.2,1) both}.hero .stats{animation:heroEnter .9s .45s cubic-bezier(.2,.8,.2,1) both}.grid{animation:gridDrift 20s linear infinite}.globe{--rx:0deg;--ry:0deg;animation:globeFloat 6s ease-in-out infinite;transition:transform .22s ease-out}.globe:before{animation:orbitOne 11s linear infinite}.globe:after{animation:orbitTwo 8s linear infinite reverse}.globe b{animation:brandPulse 3.6s ease-in-out infinite}.cards article,.product-card,.portfolio-grid article{transform-style:preserve-3d}.cards article:hover,.product-card:hover,.portfolio-grid article:hover{transform:translateY(-9px) perspective(800px) rotateX(1.5deg);border-color:#83bce4}.product-art span{animation:productFloat 4.5s ease-in-out infinite}.product-card:nth-child(2n) .product-art span{animation-delay:-1.5s}.product-card:nth-child(3n) .product-art span{animation-delay:-3s}.screen{position:relative;overflow:hidden;transition:transform .55s cubic-bezier(.2,.8,.2,1)}.screen:after{content:"";position:absolute;inset:-80% -40%;background:linear-gradient(110deg,transparent 40%,#ffffff32 50%,transparent 60%);transform:translateX(-70%) rotate(8deg);transition:transform .8s}.portfolio-grid article:hover .screen{transform:scale(1.025)}.portfolio-grid article:hover .screen:after{transform:translateX(70%) rotate(8deg)}.lab div{animation:coreFloat 4s ease-in-out infinite}.lab:before,.lab:after{content:"";position:absolute;border:1px solid #70bae66b;border-radius:50%;inset:12%;animation:ringSpin 18s linear infinite}.lab:after{inset:25%;animation-direction:reverse;animation-duration:12s}.lab span{animation:tagFloat 4s ease-in-out infinite}.lab span:nth-child(3){animation-delay:-1.3s}.lab span:nth-child(4){animation-delay:-2.6s}.button,.product-actions a,.product-actions button{transition:transform .25s ease,box-shadow .25s ease,filter .25s ease}.button:hover,.product-actions a:hover,.product-actions button:hover{transform:translateY(-2px);box-shadow:0 12px 28px #1059c62b;filter:brightness(1.04)}.chat-open{animation:chatBreathe 3s ease-in-out infinite}.reveal{opacity:0;transform:translateY(34px) scale(.985);transition:opacity .75s cubic-bezier(.2,.8,.2,1) var(--delay,0ms),transform .75s cubic-bezier(.2,.8,.2,1) var(--delay,0ms)}.reveal.revealed{opacity:1;transform:none}.modal.open .order-form,.chat.open{animation:panelIn .35s cubic-bezier(.2,.8,.2,1) both}
@keyframes heroEnter{from{opacity:0;transform:translateY(28px)}to{opacity:1;transform:none}}@keyframes gridDrift{to{background-position:96px 48px}}@keyframes globeFloat{0%,100%{transform:rotateX(var(--rx)) rotateY(var(--ry)) translateY(0)}50%{transform:rotateX(var(--rx)) rotateY(var(--ry)) translateY(-18px)}}@keyframes orbitOne{to{transform:rotate(395deg)}}@keyframes orbitTwo{to{transform:rotate(-360deg)}}@keyframes brandPulse{50%{text-shadow:0 0 28px #5de5fa;transform:scale(1.04)}}@keyframes productFloat{50%{transform:translateY(-9px) rotate(2deg)}}@keyframes coreFloat{50%{transform:translateY(-12px);box-shadow:0 38px 80px #1c5bab6b}}@keyframes ringSpin{to{transform:rotate(360deg)}}@keyframes tagFloat{50%{transform:translateY(-8px)}}@keyframes chatBreathe{50%{box-shadow:0 12px 38px #1261d26b;transform:translateY(-3px)}}@keyframes panelIn{from{opacity:0;transform:translateY(18px) scale(.97)}to{opacity:1;transform:none}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.header,.button,.cards article,.product-card,.screen,.globe,.globe:before,.globe:after,.globe b,.grid,.lab div,.lab:before,.lab:after,.lab span,.chat-open,.reveal{animation:none!important;transition:none!important}.reveal{opacity:1;transform:none}}