:root{--bg:#101010;--surface:#181818;--line:#2d2d2d;--muted:#9c9b9a;--orange:#ff6726;--white:#f9f8f5}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--bg);color:var(--white);font-family:Manrope,Arial,sans-serif}.noise{position:fixed;inset:0;pointer-events:none;opacity:.035;z-index:5;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 180 180' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.9' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E")}.container{width:min(1180px,calc(100% - 64px));margin:auto}.header{height:90px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line);position:relative;z-index:2}.brand{display:flex;gap:10px;align-items:center;text-decoration:none;color:var(--white);font-size:17px;font-weight:800;letter-spacing:1px}.brand>span:last-child span{color:var(--orange)}.brand-mark{display:flex;align-items:end;gap:2px;height:20px}.brand-mark i{display:block;width:4px;border-radius:4px;background:var(--orange)}.brand-mark i:nth-child(1){height:9px}.brand-mark i:nth-child(2){height:15px}.brand-mark i:nth-child(3){height:20px}.nav{display:flex;align-items:center;gap:30px}.nav a{color:#d7d5d2;text-decoration:none;font-size:13px;font-weight:600}.nav a:hover,.nav .active{color:var(--orange)}.nav .client-link{border:1px solid #464646;padding:11px 15px;border-radius:4px;color:var(--white)}.nav .client-link b{color:var(--orange);margin-left:5px}.menu-toggle{display:none;background:none;border:0;color:white;font-size:22px}.hero{min-height:calc(100vh - 90px);display:grid;grid-template-columns:1.05fr .95fr;align-items:center;gap:50px;padding:55px 0}.eyebrow{font-family:'DM Mono',monospace;color:#bdbbb9;font-size:10px;letter-spacing:1.6px;margin:0 0 16px}.eyebrow span{display:inline-block;width:24px;height:1px;vertical-align:middle;background:var(--orange);margin-right:8px}.hero h1,.inner-hero h1{font-size:clamp(40px,5vw,72px);letter-spacing:-3.8px;line-height:1.03;margin:0;font-weight:700}.hero h1 em,.inner-hero em,.portal h1 em,.portal h2 em{font-family:Georgia,serif;color:var(--orange);font-weight:400}.hero-text{max-width:490px;color:var(--muted);font-size:15px;line-height:1.75;margin:25px 0}.hero-actions{display:flex;gap:12px;flex-wrap:wrap}.button{display:inline-flex;align-items:center;justify-content:center;gap:22px;border:0;text-decoration:none;cursor:pointer;font:700 12px Manrope;padding:15px 18px;border-radius:3px}.primary{background:var(--orange);color:#191919}.primary span{font-size:17px}.ghost{border:1px solid #444;color:#fff}.hero-art{height:475px;position:relative;display:grid;place-items:center;overflow:hidden;background:radial-gradient(circle,#26201d 0,transparent 62%)}.orbit{position:absolute;border:1px solid rgba(255,103,38,.25);border-radius:50%}.orbit-a{height:355px;width:355px}.orbit-b{height:470px;width:470px;border-style:dashed;animation:spin 24s linear infinite}.orbit-c{height:250px;width:250px;border-color:#47413e}.server-core{width:180px;height:235px;border:1px solid #5b534f;background:linear-gradient(135deg,#322b27,#171717);padding:12px;box-shadow:0 24px 60px #000;transform:perspective(500px) rotateY(-11deg);z-index:1}.core-top{height:40px;border-bottom:1px solid #554a44;display:flex;gap:5px;align-items:center}.core-top span{height:6px;width:6px;background:var(--orange);border-radius:50%;box-shadow:0 0 8px var(--orange)}.server-row{height:54px;border-bottom:1px solid #413a36;display:flex;gap:4px;align-items:center}.server-row b{height:7px;flex:1;background:#6c615a}.server-row b:nth-child(2){background:var(--orange);opacity:.7}.data-card{position:absolute;z-index:2;background:rgba(29,28,28,.95);border:1px solid #45413e;padding:13px 15px;box-shadow:0 15px 30px #0006}.data-card small{display:block;font:9px 'DM Mono';color:#b8b4b0;margin-bottom:6px}.data-card strong{font-size:13px}.data-card strong i,.live i{display:inline-block;width:7px;height:7px;background:#72d990;border-radius:50%;margin-right:5px;box-shadow:0 0 8px #72d990}.card-one{top:100px;right:18px}.card-two{bottom:75px;left:0;width:150px}.chart-line{height:18px;margin-top:5px;border-bottom:2px solid var(--orange);clip-path:polygon(0 100%,20% 45%,40% 70%,60% 0,80% 45%,100% 10%,100% 100%);background:var(--orange);opacity:.65}.floating-tag{position:absolute;font:10px 'DM Mono';letter-spacing:1px;color:var(--orange);z-index:2}.tag-one{left:52px;top:96px}.tag-two{right:42px;bottom:120px}@keyframes spin{to{transform:rotate(360deg)}}.services-preview{padding:90px 0}.section-heading{display:flex;align-items:end;justify-content:space-between;margin-bottom:36px}.section-heading h2{font-size:35px;line-height:1.1;letter-spacing:-1.8px;margin:0}.section-heading em{font-family:Georgia,serif;color:var(--orange);font-weight:400}.service-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:15px}.service-card{min-height:275px;padding:24px;display:flex;flex-direction:column;border:1px solid var(--line);background:#151515}.service-card.featured{background:var(--orange);color:#1d1b1a}.card-number{font:11px 'DM Mono';opacity:.65}.service-icon{font-size:31px;margin:32px 0 16px}.service-card h3{font-size:19px;letter-spacing:-.7px;margin:0}.service-card p{font-size:12px;line-height:1.7;color:#a7a4a1}.featured p{color:#563425}.service-card a{margin-top:auto;text-decoration:none;color:var(--white);font-size:12px;font-weight:700}.service-card a b{color:var(--orange);margin-left:6px}.featured a,.featured a b{color:#1d1b1a}.dashboard-section{padding:20px 0 100px;display:grid;grid-template-columns:1.1fr .9fr;gap:15px}.monitor-panel,.calendar-panel{padding:26px;background:#181818;border:1px solid var(--line);min-height:285px}.panel-heading,.portal-top,.section-title{display:flex;justify-content:space-between;align-items:start}.panel-heading h3{font-size:18px;margin:0;letter-spacing:-.7px}.live{font:9px 'DM Mono';color:#84d899}.metric{display:flex;align-items:center;gap:15px;margin:34px 0 5px}.metric strong{font-size:58px;letter-spacing:-3px}.metric span,.metric small{font-size:11px;color:#a8a4a0}.metric small{margin-left:auto;color:#90dc9e}.bars{height:70px;display:flex;align-items:end;gap:7px}.bars i{display:block;flex:1;background:linear-gradient(#ff6726,#6b3020)}.calendar-panel .panel-heading>a,.section-title>a{font-size:11px;color:var(--orange);text-decoration:none}.event{display:flex;align-items:center;gap:12px;padding:18px 0;border-bottom:1px solid #353434}.event time{width:38px;text-align:center;border-right:1px solid #56504c}.event time b{display:block;font-size:20px}.event time span{font:9px 'DM Mono';color:var(--orange)}.event strong{font-size:12px}.event p{font-size:10px;color:#999;margin:4px 0}.event>i{margin-left:auto;color:var(--orange);font-style:normal}.footer{min-height:100px;border-top:1px solid var(--line);display:flex;align-items:center;gap:35px;color:#777;font-size:10px}.footer p:last-child{margin-left:auto}.inner-hero{padding:115px 0 65px}.inner-hero>p:last-child{color:var(--muted);max-width:500px;line-height:1.7;margin-top:25px}.service-list{padding-bottom:100px}.service-list article{display:flex;align-items:center;gap:38px;border-top:1px solid var(--line);padding:26px 10px}.service-list article>b{font:11px 'DM Mono';color:var(--orange)}.service-list h2{font-size:21px;margin:0}.service-list p{font-size:13px;color:var(--muted);margin:5px 0}.service-list article>span{margin-left:auto;color:var(--orange);font-size:22px}.about-grid{display:grid;grid-template-columns:1fr 1fr;gap:90px;padding:20px 0 120px}.about-quote{font:28px Georgia,serif;line-height:1.35;color:#e5ded8}.about-grid>div:last-child>p{color:var(--muted);font-size:15px;line-height:1.8;margin:0}.stats{display:flex;gap:34px;border-top:1px solid var(--line);margin-top:34px;padding-top:23px}.stats b{display:block;font-size:23px;color:var(--orange)}.stats span{font-size:10px;color:var(--muted)}.portal{display:grid;grid-template-columns:280px 1fr;min-height:calc(100vh - 191px);padding:45px 0 70px;gap:65px}.portal-side{border-right:1px solid var(--line);display:flex;flex-direction:column}.portal-side h1{font-size:31px;letter-spacing:-1.5px;margin:0}.portal-side>p:not(.eyebrow){font-size:12px;color:var(--muted);line-height:1.6}.portal-side nav{margin-top:38px;display:grid;gap:4px}.portal-side nav a{padding:11px 13px;color:#999;text-decoration:none;font-size:12px;border-radius:3px}.portal-side nav a.selected{background:#282321;color:#fff}.portal-side nav b{float:right;background:var(--orange);color:#241916;padding:1px 6px;border-radius:10px;font-size:9px}.logout{margin-top:auto;font-size:11px;text-decoration:none;color:#aaa}.portal-top p{font:10px 'DM Mono';color:#9d9a97;margin:0 0 8px}.portal-top h2{font-size:28px;margin:0;letter-spacing:-1.4px}.client-metrics{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin:38px 0}.client-metrics article{border:1px solid var(--line);padding:17px;background:#171717}.client-metrics small{font:9px 'DM Mono';color:#999;display:block}.client-metrics strong{font-size:27px;display:block;margin:13px 0 4px}.client-metrics span{font-size:10px;color:#aaa}.client-metrics .orange{color:var(--orange)}.tickets{border:1px solid var(--line);background:#171717;padding:22px}.section-title{align-items:center;margin-bottom:8px}.section-title h3{font-size:16px;margin:0}.tickets article{padding:18px 0;border-top:1px solid var(--line);display:flex;align-items:center;gap:20px}.ticket-id{font:10px 'DM Mono';color:var(--orange);min-width:65px}.tickets strong{font-size:12px}.tickets p{font-size:10px;color:#aaa;margin:5px 0}.status{padding:3px 6px;border-radius:8px}.ongoing{background:#2b382e;color:#91d39e}.pending{background:#3b3226;color:#e3b363}.tickets article>a{margin-left:auto;font-size:10px;color:var(--orange);text-decoration:none}.tech-tickets{margin-top:38px}.priority{color:#ff895e}.assign{margin-left:auto;background:transparent;border:1px solid #5a4e47;color:#eee;padding:9px 12px;font:600 10px Manrope}.assign:hover{border-color:var(--orange);color:var(--orange)}
@media(max-width:760px){.container{width:calc(100% - 36px)}.header{height:72px}.menu-toggle{display:block}.nav{display:none;position:absolute;top:70px;left:0;right:0;background:#161616;border:1px solid var(--line);padding:15px;gap:13px;flex-direction:column;align-items:stretch}.nav.open{display:flex}.nav .client-link{text-align:center}.hero{grid-template-columns:1fr;padding:55px 0 20px;gap:0;min-height:auto}.hero-art{height:310px}.hero h1,.inner-hero h1{letter-spacing:-2px}.section-heading{display:block}.section-heading h2{font-size:29px}.service-grid,.dashboard-section,.about-grid{grid-template-columns:1fr}.service-card{min-height:230px}.dashboard-section{padding-bottom:60px}.footer{gap:15px;flex-wrap:wrap;padding:20px 0}.footer p:last-child{margin-left:0}.inner-hero{padding:70px 0 45px}.about-grid{gap:35px;padding-bottom:70px}.portal{grid-template-columns:1fr;gap:35px;padding:35px 0}.portal-side{border:0}.portal-side nav{margin-top:15px}.logout{margin-top:25px}.portal-top{gap:15px;flex-wrap:wrap}.client-metrics{grid-template-columns:1fr}.tickets{padding:15px}.tickets article{align-items:start;gap:8px;flex-wrap:wrap}.tickets article>a,.assign{margin-left:73px}.hero-actions .button{width:100%}.stats{gap:15px}.card-two{left:5px}.card-one{right:5px}}