/*
Theme Name: DeskHop Original Experience
Theme URI: https://hopkvm.com/
Author: DeskHop
Description: English DeskHop experience with WooCommerce storefront support.
Version: 2.0.0
Text Domain: deskhop-original
*/
@import url('https://fonts.googleapis.com/css2?family=DM+Mono:wght@400;500&family=Manrope:wght@500;600;700;800&display=swap');
:root{--bg:#05070a;--panel:#0b0e12;--ink:#f1f4ee;--muted:#8b938e;--line:#252a2d;--acid:#f4ff62;--mint:#7cffd4;--paper:#eef0e8;--dark:#101311}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--bg);color:var(--ink);font-family:Manrope,Arial,sans-serif}a{color:inherit;text-decoration:none}.dh-wrap{max-width:1440px;margin:auto}.dh-header{height:82px;padding:0 clamp(24px,4.5vw,76px);display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line);position:relative;z-index:10}.dh-brand{display:inline-flex;gap:12px;align-items:center;font-size:16px;font-weight:800;letter-spacing:.08em}.dh-brand strong{color:var(--acid)}.dh-mark{width:30px;height:22px;display:flex;align-items:center;gap:4px}.dh-mark i{width:12px;height:20px;border:2px solid var(--ink);border-radius:3px}.dh-mark i:last-child{height:13px;border-color:var(--acid)}.dh-nav{display:flex;gap:34px;color:#aeb5b0;font-size:12px;font-weight:600}.dh-nav a:hover{color:var(--acid)}.dh-cart{font-size:12px;font-weight:700;border-bottom:1px solid #697069;padding-bottom:4px}.dh-cart b{color:var(--acid)}.dh-hero{min-height:720px;display:grid;grid-template-columns:.83fr 1.17fr;padding:94px clamp(24px,4.5vw,76px) 80px;overflow:hidden;position:relative}.dh-hero:before{content:"";position:absolute;inset:0;background-image:linear-gradient(#20252a55 1px,transparent 1px),linear-gradient(90deg,#20252a55 1px,transparent 1px);background-size:54px 54px;mask-image:linear-gradient(to right,#000 0%,transparent 58%);pointer-events:none}.dh-copy{position:relative;z-index:2}.dh-kicker,.dh-overline,.dh-index{font:10px 'DM Mono',monospace;letter-spacing:.13em}.dh-kicker{display:flex;align-items:center;gap:10px;color:#a7afa9}.dh-kicker i{width:7px;height:7px;background:var(--acid);border-radius:50%;box-shadow:0 0 15px var(--acid)}.dh-hero h1{font-size:clamp(58px,6.6vw,102px);line-height:.95;letter-spacing:-.07em;margin:27px 0 30px;font-weight:800}.dh-hero h1 em{font-style:normal;color:var(--acid)}.dh-lead{font-size:15px;line-height:1.9;color:#a8b0aa;max-width:485px;margin:0}.dh-actions{display:flex;align-items:center;gap:13px;margin-top:33px}.dh-button{display:inline-flex;align-items:center;justify-content:center;padding:15px 20px;font-size:12px;font-weight:700;transition:transform .2s,background .2s}.dh-button:hover{transform:translateY(-2px)}.dh-button.primary{background:var(--acid);color:#11150d}.dh-button.ghost{border:1px solid #343a3c;color:#d8ddd8}.dh-meta{display:flex;gap:36px;margin-top:67px}.dh-meta>div{display:flex;align-items:center;gap:9px}.dh-meta strong{font:500 23px 'DM Mono',monospace;color:var(--mint)}.dh-meta span{font-size:9px;line-height:1.5;letter-spacing:.05em;color:#737c76}.dh-stage{position:relative;height:526px;min-width:700px;margin:-24px -160px 0 -30px}.dh-stage:after{content:"";position:absolute;width:660px;height:1px;background:linear-gradient(90deg,transparent,#4b5550,transparent);left:40px;bottom:58px}.dh-monitor{position:absolute;width:250px;height:163px;background:#07090c;border:2px solid #3e4747;border-radius:9px;box-shadow:0 24px 50px #000;z-index:2}.dh-monitor:after{content:"";position:absolute;width:82px;height:33px;border-bottom:5px solid #333a39;border-left:11px solid transparent;border-right:11px solid transparent;left:82px;bottom:-38px}.dh-monitor.a{left:27px;top:48px;border-color:#87d8bf}.dh-monitor.b{left:451px;top:48px;border-color:#cad64b}.dh-screen{inset:13px;position:absolute;background:#0d1214;padding:17px}.dh-screen:before{content:attr(data-screen);font:11px 'DM Mono';color:#a6ddca}.dh-monitor.b .dh-screen:before{color:var(--acid)}.dh-screen i{display:block;height:4px;background:#34403d;margin-top:20px;width:80%}.dh-screen i+i{margin-top:9px;width:52%}.dh-screen b{position:absolute;width:38px;height:30px;right:18px;bottom:16px;border:1px solid #3e4b48}.dh-label{position:absolute;top:22px;font:9px 'DM Mono';color:#7d8781;letter-spacing:.12em}.dh-label.a{left:27px}.dh-label.b{left:451px}.dh-track{position:absolute;height:1px;width:395px;left:201px;top:128px;background:linear-gradient(90deg,var(--mint),var(--acid));z-index:5;box-shadow:0 0 15px #acff88}.dh-track:after{content:"⇢";position:absolute;right:-8px;top:-13px;color:var(--acid);font-size:20px;filter:drop-shadow(0 0 5px var(--acid));animation:dh-sweep 1.8s ease-in-out infinite}.dh-hub{position:absolute;width:300px;height:127px;background:#171b1d;left:215px;top:291px;border-radius:18px;transform:perspective(700px) rotateX(48deg);box-shadow:0 32px 50px #000,0 0 0 1px #42494a;z-index:4}.dh-hub:after{content:"";position:absolute;inset:10px;border:1px solid #2d3334;border-radius:11px}.dh-hub-top{position:relative;z-index:2;height:76px;padding:25px 27px;font:12px 'DM Mono';letter-spacing:.12em;color:#d6dcd7}.dh-hub-top strong{color:var(--acid)}.dh-hub-top i{position:absolute;right:32px;top:27px;width:8px;height:8px;background:var(--mint);border-radius:50%;box-shadow:0 0 15px var(--mint);animation:dh-pulse 1.5s infinite}.dh-ports{position:absolute;z-index:2;bottom:7px;left:29px;display:flex;gap:15px}.dh-ports i{width:28px;height:13px;background:#050708;border:1px solid #56605f;border-radius:2px}.dh-cable{position:absolute;border:3px solid #58615f;border-left:0;border-bottom:0;border-radius:0 55px 0 0;z-index:1}.dh-cable.a{width:145px;height:145px;left:144px;top:168px;transform:rotate(33deg);border-color:#5ca78f}.dh-cable.b{width:143px;height:155px;left:427px;top:173px;transform:rotate(-38deg);border-color:#888f46}.dh-keyboard{position:absolute;width:183px;height:70px;left:63px;bottom:18px;border:2px solid #444d4b;border-radius:8px;transform:perspective(300px) rotateX(45deg) rotateZ(-4deg);display:grid;grid-template-columns:repeat(6,1fr);gap:5px;padding:9px;background:#151a1a;z-index:4}.dh-keyboard i{background:#39413f;border-radius:2px}.dh-mouse{position:absolute;width:52px;height:76px;left:540px;bottom:14px;border:2px solid #6a7370;border-radius:28px 28px 20px 20px;transform:rotate(12deg);z-index:4}.dh-mouse:after{content:"";position:absolute;width:1px;height:22px;background:#6a7370;left:24px;top:0}.dh-mouse i{display:block;width:4px;height:9px;background:var(--acid);border-radius:6px;margin:10px auto}.dh-note{position:absolute;right:113px;bottom:74px;font:9px 'DM Mono';letter-spacing:.08em;color:#909994}.dh-note i{display:inline-block;width:6px;height:6px;background:var(--acid);border-radius:50%;margin-right:7px;box-shadow:0 0 8px var(--acid)}.dh-marquee{height:64px;background:var(--acid);color:#11150e;display:flex;align-items:center;justify-content:center;gap:26px;white-space:nowrap;overflow:hidden;font-size:11px;font-weight:800;letter-spacing:.04em}.dh-marquee i{width:4px;height:4px;border-radius:50%;background:#11150e}.dh-grid{display:grid;grid-template-columns:180px minmax(320px,.85fr) minmax(420px,1.15fr);gap:40px;padding:130px clamp(24px,4.5vw,76px)}.dh-index{color:#5f6863;padding-top:7px}.dh-overline{color:#8e9791;margin:0 0 24px}.dh-experience{background:var(--paper);color:var(--dark);min-height:700px}.dh-experience .dh-index{color:#717970}.dh-copy2 h2,.dh-features h2,.dh-specs h2,.dh-store h2{font-size:clamp(45px,5vw,74px);line-height:1.02;letter-spacing:-.065em;margin:0;font-weight:800}.dh-copy2>p:last-child{color:#5a625d;font-size:14px;line-height:1.9;max-width:420px;margin:31px 0 0}.dh-flow{height:420px;position:relative;margin-top:-24px}.dh-flow-screen{position:absolute;width:220px;height:155px;border:2px solid #9fa79e;top:35px;left:0;background:#e2e5dd}.dh-flow-screen:after{content:"";position:absolute;width:80px;height:33px;border-bottom:5px solid #9fa79e;border-left:10px solid transparent;border-right:10px solid transparent;left:68px;bottom:-38px}.dh-flow-screen.active{top:215px;left:50%;border-color:#161b18;background:#171b19}.dh-flow-screen span{position:absolute;top:14px;left:14px;font:10px 'DM Mono';color:#5a615c}.dh-flow-screen.active span{color:var(--acid)}.dh-flow-screen i{position:absolute;width:15px;height:21px;background:#202722;clip-path:polygon(0 0,100% 72%,57% 72%,75% 100%,58% 100%,42% 73%,0 100%);left:56%;top:47%}.dh-flow-screen.active i{background:var(--acid)}.dh-flow-line{position:absolute;height:2px;width:64%;left:18%;top:193px;background:#1a201c;transform:rotate(12deg);z-index:4}.dh-flow-line:after{content:"";position:absolute;right:-2px;top:-5px;border-left:10px solid #1a201c;border-top:6px solid transparent;border-bottom:6px solid transparent}.dh-flow-line i{position:absolute;width:10px;height:10px;border-radius:50%;background:var(--acid);left:46%;top:-4px;box-shadow:0 0 0 6px #dce45b55}.dh-features{padding:132px clamp(24px,4.5vw,76px)}.dh-features-head{padding:0 0 75px;display:grid;grid-template-columns:180px 1fr;gap:40px}.dh-feature-list{display:grid;grid-template-columns:repeat(4,1fr);border-top:1px solid var(--line);border-left:1px solid var(--line)}.dh-feature-list article{min-height:365px;padding:24px;border-right:1px solid var(--line);border-bottom:1px solid var(--line);transition:background .25s}.dh-feature-list article:hover{background:#0b0f10}.dh-feature-no{font:10px 'DM Mono';color:#626b66}.dh-feature-symbol{height:100px;margin:39px 0 36px;display:flex;align-items:center;justify-content:center;color:var(--acid);font:50px 'DM Mono'}.dh-drag{gap:60px;position:relative}.dh-drag:after{content:"";position:absolute;width:76px;border-top:1px dashed var(--acid)}.dh-drag i{width:10px;height:10px;background:var(--mint);border-radius:50%}.dh-drag i:last-child{background:var(--acid)}.dh-isolate{gap:13px}.dh-isolate i{width:18px;height:45px;border:2px solid #747d78}.dh-isolate b{width:1px;height:76px;background:var(--acid);box-shadow:0 0 12px var(--acid)}.dh-feature-list h3{font-size:17px;margin:0 0 12px}.dh-feature-list p{font-size:12px;line-height:1.8;color:#89928c;max-width:235px;margin:0}.dh-store{background:#101411}.dh-store-head{display:flex;justify-content:space-between;align-items:end;gap:32px;margin-bottom:50px}.dh-store-head h2{font-size:clamp(43px,4.8vw,70px)}.dh-view-all{font-size:12px;border-bottom:1px solid var(--acid);padding-bottom:5px;color:var(--acid)}.dh-products{display:grid;grid-template-columns:repeat(4,1fr);gap:14px}.dh-product{border:1px solid #303733;background:#0b0f0e;transition:transform .2s}.dh-product:hover{transform:translateY(-4px)}.dh-product img{width:100%;aspect-ratio:1/1;object-fit:cover;background:#1b211e}.dh-product-copy{padding:17px}.dh-product-copy small{font:9px 'DM Mono';letter-spacing:.1em;color:#77817a}.dh-product h3{margin:10px 0 12px;font-size:16px}.dh-product .price{color:var(--acid);font-size:13px;font-weight:700}.dh-empty{grid-column:1/-1;border:1px dashed #4c5750;color:#a7afa9;padding:35px;font-size:13px}.dh-specs{background:#101411;align-items:start}.dh-specs h2{font-size:clamp(43px,4.8vw,70px)}.dh-table{border-top:1px solid #343b36}.dh-table>div{min-height:70px;border-bottom:1px solid #343b36;display:grid;grid-template-columns:100px 1fr;align-items:center}.dh-table span{font:9px 'DM Mono';color:#6d766f;letter-spacing:.1em}.dh-table strong{font-size:13px;font-weight:600;color:#d8ded8}.dh-cta{margin:0 clamp(24px,4.5vw,76px);background:var(--acid);color:#11150e;min-height:470px;padding:70px 7%;display:grid;grid-template-columns:1fr 1fr;align-items:center;overflow:hidden}.dh-cta-tag{display:inline-block;border:1px solid #798029;padding:7px 9px;font:9px 'DM Mono';letter-spacing:.1em}.dh-cta h2{font-size:clamp(49px,5.3vw,82px);line-height:1.02;letter-spacing:-.065em;margin:25px 0}.dh-cta p{max-width:470px;font-size:14px;line-height:1.85;color:#424724}.dh-dark{background:#11150e;color:#fff}.dh-orbit-area{height:400px;position:relative}.dh-orb{position:absolute;width:170px;height:170px;border-radius:50%;background:#11150e;left:48%;top:50%;transform:translate(-50%,-50%);display:grid;place-items:center;z-index:4;box-shadow:0 25px 45px #6c741f66}.dh-orb span{font-size:70px;color:var(--acid)}.dh-orbit{position:absolute;border:1px solid #838a30;border-radius:50%;left:48%;top:50%;transform:translate(-50%,-50%)}.dh-orbit.one{width:300px;height:300px}.dh-orbit.two{width:450px;height:450px}.dh-orbit:before,.dh-orbit:after{content:"";position:absolute;width:11px;height:11px;border-radius:50%;background:#11150e}.dh-orbit.one:before{top:12%;right:14%}.dh-orbit.one:after{bottom:10%;left:17%}.dh-orbit.two:before{top:50%;left:-5px}.dh-orbit.two:after{right:7%;bottom:20%}.dh-footer{border-top:1px solid var(--line);min-height:130px;margin:0 clamp(24px,4.5vw,76px);display:flex;align-items:center;justify-content:space-between;color:#737c76;font-size:11px}.dh-footer .dh-brand{color:var(--ink)}.dh-footer>div{display:flex;align-items:center;gap:30px}.dh-footer a{color:var(--ink);font-weight:700}@keyframes dh-sweep{50%{transform:translateX(-28px);opacity:.35}}@keyframes dh-pulse{50%{opacity:.3;box-shadow:0 0 25px var(--mint)}}
@media(max-width:980px){.dh-hero{grid-template-columns:1fr;min-height:0;padding-top:72px}.dh-copy{max-width:650px}.dh-stage{margin:65px 0 -35px;transform:scale(.9);transform-origin:left top}.dh-grid{grid-template-columns:130px 1fr}.dh-flow,.dh-table{grid-column:2}.dh-feature-list{grid-template-columns:1fr 1fr}.dh-cta{grid-template-columns:1fr}.dh-orbit-area{height:320px}}@media(max-width:680px){.dh-header{height:68px;padding:0 20px}.dh-nav{display:none}.dh-cart{font-size:10px}.dh-brand{font-size:13px}.dh-hero{padding:58px 20px 35px}.dh-hero h1{font-size:58px}.dh-lead{font-size:13px}.dh-actions{align-items:stretch;flex-direction:column;max-width:300px}.dh-meta{gap:18px;margin-top:45px}.dh-meta strong{font-size:19px}.dh-stage{transform:scale(.52);height:390px;min-width:700px;margin-top:44px;margin-bottom:-90px}.dh-marquee{justify-content:flex-start;padding:0 20px}.dh-grid{display:block;padding:86px 20px}.dh-index{margin-bottom:42px}.dh-copy2 h2,.dh-features h2,.dh-specs h2,.dh-store h2{font-size:48px}.dh-flow{height:380px;margin:40px 0 0}.dh-flow-screen{width:190px;height:135px}.dh-flow-screen.active{left:40%;top:205px}.dh-flow-line{top:181px}.dh-features{padding:86px 20px}.dh-features-head{display:block;padding-bottom:52px}.dh-feature-list,.dh-products{grid-template-columns:1fr}.dh-feature-list article{min-height:300px}.dh-feature-symbol{height:80px;margin:25px 0}.dh-store-head{display:block}.dh-view-all{display:inline-block;margin-top:26px}.dh-table{margin-top:45px}.dh-table>div{grid-template-columns:70px 1fr}.dh-cta{margin:0;min-height:600px;padding:58px 20px}.dh-orbit-area{height:260px;transform:scale(.78)}.dh-footer{min-height:180px;margin:0 20px;display:grid;grid-template-columns:1fr 1fr;gap:15px}.dh-footer p{grid-column:span 2;order:3}.dh-footer>div{justify-content:flex-end}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.dh-button,.dh-track:after,.dh-hub-top i{animation:none;transition:none}}