/*
Theme Name: DM IT Expert
Theme URI: https://dm-it-expert.rasif000.chatgpt.site
Author: DM IT Expert
Description: A responsive, editable WordPress theme for DM IT Expert. Content can be managed from the DM IT Expert dashboard and the Services, Work Concepts and FAQs menus.
Version: 1.0.1
Requires at least: 6.0
Tested up to: 6.8
Requires PHP: 7.4
License: GPL-2.0-or-later
Text Domain: dm-it-expert
*/
:root{--ink:#10151b;--ink2:#171e26;--paper:#f3f5f2;--white:#fff;--muted:#a5b0b9;--line:rgba(255,255,255,.13);--blue:#356bff;--cyan:#7be7da;--lime:#c9f36b;--font:'DM Sans',sans-serif;--display:'Manrope',sans-serif;--max:1240px}
*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:96px}body{margin:0;background:var(--ink);color:var(--paper);font-family:var(--font);font-size:16px;line-height:1.55;overflow-x:hidden}a{color:inherit;text-decoration:none}button,input,textarea,select{font:inherit}button{color:inherit}img{display:block;max-width:100%}.wrap{width:min(calc(100% - 48px),var(--max));margin:auto}.eyebrow{display:inline-flex;align-items:center;gap:10px;text-transform:uppercase;letter-spacing:.16em;font-size:11px;font-weight:700;color:var(--lime)}.eyebrow:before{content:"";width:7px;height:7px;background:var(--lime);border-radius:50%;box-shadow:0 0 16px var(--lime)}.section-title{font:700 clamp(36px,5vw,66px)/1.03 var(--display);letter-spacing:-.055em;margin:18px 0}.section-intro{color:#9ea8b1;max-width:570px;font-size:17px}.btn{min-height:52px;padding:0 22px;border-radius:999px;display:inline-flex;align-items:center;justify-content:center;gap:10px;font-weight:700;font-size:14px;transition:transform .25s,background .25s,color .25s,box-shadow .25s;border:1px solid transparent;cursor:pointer}.btn:hover{transform:translateY(-3px)}.btn-primary{background:var(--lime);color:#111914;box-shadow:0 8px 30px #c9f36b26}.btn-primary:hover{background:#d8ff8c;box-shadow:0 12px 38px #c9f36b45}.btn-outline{border-color:#ffffff35;background:#ffffff08}.btn-outline:hover{background:#ffffff15;border-color:#ffffff75}.arrow{font-size:18px;line-height:0}.topline{height:34px;background:#0b0f13;border-bottom:1px solid #ffffff0d;color:#98a4ae;font-size:11px}.topline .wrap{height:100%;display:flex;align-items:center;justify-content:space-between}.topline span{display:flex;align-items:center;gap:8px}.topline b{color:var(--lime);font-weight:600}.mini-dot{width:6px;height:6px;background:#9ce379;border-radius:50%;box-shadow:0 0 8px #9ce379}
header{position:sticky;top:0;z-index:30;background:#10151bef;backdrop-filter:blur(18px);border-bottom:1px solid #ffffff13}.nav{height:78px;display:flex;align-items:center;justify-content:space-between;gap:32px}.brand{display:flex;align-items:center;gap:11px;font:800 17px var(--display);letter-spacing:-.045em;white-space:nowrap}.brand-mark{width:36px;height:36px;border-radius:12px;background:linear-gradient(140deg,var(--blue),#4c9eff 60%,var(--cyan));display:grid;place-items:center;box-shadow:0 4px 18px #356bff4d}.brand-mark svg{width:23px}.brand em{font-style:normal;color:var(--lime)}.navlinks{display:flex;align-items:center;gap:31px;color:#d4d9dc;font-size:13px;font-weight:600}.navlinks>a,.nav-trigger{transition:color .2s}.navlinks>a:hover,.nav-trigger:hover{color:var(--lime)}.nav-trigger{background:none;border:0;display:flex;align-items:center;gap:7px;cursor:pointer;padding:14px 0;font-weight:600}.chev{width:7px;height:7px;border-right:1.5px solid currentColor;border-bottom:1.5px solid currentColor;transform:rotate(45deg) translateY(-2px);transition:transform .25s}.dropdown{position:relative}.dropdown-menu{position:absolute;top:100%;left:-20px;width:270px;padding:10px;background:#1b232c;border:1px solid #ffffff17;border-radius:16px;box-shadow:0 20px 55px #0008;opacity:0;visibility:hidden;transform:translateY(9px);transition:.22s;display:grid;gap:3px}.dropdown:hover .dropdown-menu,.dropdown:focus-within .dropdown-menu,.dropdown.open .dropdown-menu{opacity:1;visibility:visible;transform:translateY(0)}.dropdown:hover .chev,.dropdown.open .chev{transform:rotate(225deg) translate(-2px,-2px)}.dropdown-menu a{padding:11px 12px;border-radius:9px;color:#c3cbd1;font-size:13px}.dropdown-menu a:hover{background:#ffffff0c;color:var(--lime)}.nav-cta{padding:12px 18px;min-height:44px;font-size:13px}.menu-toggle{display:none;border:1px solid var(--line);border-radius:50%;width:44px;height:44px;background:transparent;font-size:21px}
.hero{position:relative;min-height:660px;padding:95px 0 70px;overflow:hidden;isolation:isolate;background:radial-gradient(ellipse at 85% 28%,#223c76 0,transparent 37%),linear-gradient(112deg,#10151b 33%,#131b26 100%)}.hero:after{content:"";position:absolute;inset:0;background-image:linear-gradient(#ffffff08 1px,transparent 1px),linear-gradient(90deg,#ffffff08 1px,transparent 1px);background-size:64px 64px;mask-image:linear-gradient(90deg,transparent 10%,#000 68%);opacity:.34;z-index:-1}.hero-glow{position:absolute;right:-160px;top:2%;width:650px;height:650px;background:radial-gradient(circle,#356bff40 0,transparent 68%);filter:blur(12px);z-index:-1;animation:breathe 7s ease-in-out infinite}.hero-grid{display:grid;grid-template-columns:1fr 1fr;align-items:center;gap:55px}.hero-copy{position:relative;z-index:3;max-width:630px}.hero h1{font:700 clamp(54px,7.4vw,94px)/.98 var(--display);letter-spacing:-.075em;margin:24px 0 22px}.hero h1 .highlight{color:var(--lime);position:relative;white-space:nowrap}.hero h1 .highlight:after{content:"";position:absolute;left:0;right:0;bottom:-.09em;height:8px;border-top:2px solid var(--lime);border-radius:50%;transform:rotate(-2deg);opacity:.72}.hero-copy>p{color:#b3bdc5;font-size:18px;max-width:500px;margin:0 0 31px}.hero-actions{display:flex;gap:12px;flex-wrap:wrap}.proofline{display:flex;align-items:center;gap:13px;margin-top:38px;color:#aab5bc;font-size:12px}.avatars{display:flex;padding-left:3px}.avatars i{width:26px;height:26px;margin-left:-4px;border:2px solid var(--ink);border-radius:50%;background:linear-gradient(135deg,#5c9cff,#a7edce);display:grid;place-items:center;color:#102030;font-style:normal;font-weight:800;font-size:10px}.proofline strong{color:#ecf2ed}.proof-sep{height:19px;width:1px;background:#ffffff2d;margin:0 4px}.hero-art{position:relative;height:490px;border-radius:28px;isolation:isolate}.hero-photo{position:absolute;inset:10px 0 22px 20px;width:calc(100% - 20px);height:calc(100% - 32px);object-fit:cover;object-position:61% center;border-radius:22px;filter:saturate(.88);box-shadow:0 24px 90px #0007}.hero-art:after{content:"";position:absolute;inset:10px 0 22px 20px;border-radius:22px;background:linear-gradient(90deg,#121922b8 0%,transparent 60%),linear-gradient(0deg,#10151b99,transparent 56%)}.hero-badge{position:absolute;z-index:2;border:1px solid #ffffff35;background:#111820d9;backdrop-filter:blur(12px);box-shadow:0 15px 35px #0005;border-radius:16px;padding:15px 17px;animation:float 6s ease-in-out infinite}.hero-badge small{color:#aeb9c3;display:block;font-size:10px;letter-spacing:.04em}.hero-badge strong{font:700 16px var(--display)}.badge-top{right:-22px;top:38px}.badge-bottom{left:-15px;bottom:45px;animation-delay:-2s}.badge-check{display:inline-grid;place-items:center;width:25px;height:25px;border-radius:8px;background:#c9f36b20;color:var(--lime);margin-right:8px}.orbit{position:absolute;z-index:-1;border:1px solid #90afff20;border-radius:50%;width:580px;height:580px;top:-40px;left:0;transform:rotate(-17deg)}.orbit:before,.orbit:after{content:"";position:absolute;width:10px;height:10px;border-radius:50%;background:var(--cyan);box-shadow:0 0 20px var(--cyan)}.orbit:before{left:9%;top:20%}.orbit:after{right:7%;bottom:24%;background:var(--lime);box-shadow:0 0 20px var(--lime)}
.ticker{background:var(--lime);color:#131914;overflow:hidden;transform:rotate(-1.1deg) scale(1.02);padding:14px 0;position:relative;z-index:2}.ticker-track{display:flex;align-items:center;gap:32px;width:max-content;animation:marquee 32s linear infinite}.ticker span{font:800 12px var(--display);text-transform:uppercase;letter-spacing:.12em;white-space:nowrap}.ticker i{font-style:normal;font-size:15px}
.intro{padding:118px 0 108px;background:var(--paper);color:var(--ink)}.intro-layout{display:grid;grid-template-columns:.9fr 1.1fr;gap:90px;align-items:start}.intro .eyebrow,.feature .eyebrow,.process .eyebrow{color:#3d6952}.intro .eyebrow:before,.feature .eyebrow:before,.process .eyebrow:before{background:#8ab643;box-shadow:none}.intro .section-title{max-width:520px}.intro-copy{padding-top:26px;color:#58616a;font-size:17px}.intro-copy p{margin:0 0 20px}.intro-points{display:grid;grid-template-columns:1fr 1fr;gap:14px;margin-top:34px}.intro-point{border-top:1px solid #d4d9d2;padding-top:13px;color:#242c2c;font-size:13px;font-weight:700}.intro-point span{color:#8b9690;font-weight:500;display:block;font-size:12px;margin-top:3px}
.services{padding:105px 0 118px;background:#151b22}.services-head{display:flex;align-items:end;justify-content:space-between;gap:30px;margin-bottom:43px}.services-head .section-title{max-width:660px}.services-head .section-intro{max-width:390px;margin-bottom:8px}.service-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}.service-card{position:relative;min-height:245px;padding:26px;border:1px solid #ffffff16;border-radius:18px;background:linear-gradient(145deg,#1c252e,#171e26);overflow:hidden;transition:transform .28s,border-color .28s,background .28s}.service-card:hover{transform:translateY(-6px);border-color:#c9f36b75;background:linear-gradient(145deg,#222d37,#1a232b)}.service-card:after{content:"";position:absolute;width:145px;height:145px;border-radius:50%;right:-74px;bottom:-92px;background:#356bff2c;filter:blur(7px);transition:.3s}.service-card:hover:after{background:#c9f36b38;transform:scale(1.4)}.service-num{color:#77838e;font-size:11px;letter-spacing:.15em}.service-icon{width:45px;height:45px;border:1px solid #ffffff19;background:#ffffff08;border-radius:13px;display:grid;place-items:center;margin:23px 0 20px;color:var(--lime);font:700 16px var(--display)}.service-card h3{font:700 19px var(--display);letter-spacing:-.03em;margin:0 0 8px}.service-card p{color:#99a4ae;font-size:13px;margin:0;max-width:330px}.service-note{margin-top:20px;color:#8d99a3;font-size:12px}
.feature{padding:110px 0;background:var(--paper);color:var(--ink);overflow:hidden}.feature-layout{display:grid;grid-template-columns:1fr 1fr;align-items:center;gap:86px}.feature .section-intro{color:#59636a}.feature-list{list-style:none;margin:34px 0 0;padding:0;display:grid;gap:17px}.feature-list li{display:flex;gap:14px;color:#424a4b;font-size:14px}.feature-list b{display:block;color:#202929;margin-bottom:2px}.check{flex:0 0 23px;height:23px;border-radius:50%;display:grid;place-items:center;background:#dbecc5;color:#456d31;font-size:13px;font-weight:700}.system-card{min-height:420px;border-radius:24px;background:#e4e9e3;position:relative;padding:23px;overflow:hidden;display:grid;place-items:center}.system-card:before,.system-card:after{content:"";position:absolute;border:1px solid #18334214;border-radius:50%;width:430px;height:430px}.system-card:after{width:320px;height:320px}.dashboard{z-index:1;width:min(100%,440px);background:#12191f;color:#f4f7f5;border:1px solid #293844;border-radius:18px;padding:21px;box-shadow:0 25px 55px #17222d2b;transform:rotate(-2deg);transition:transform .5s}.system-card:hover .dashboard{transform:rotate(0) translateY(-5px)}.dash-top{display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid #ffffff15;padding-bottom:15px;font-size:11px;color:#b6c1c8}.live{display:flex;gap:6px;align-items:center;color:#b9e77b}.live:before{content:"";width:6px;height:6px;background:#a4ec5e;border-radius:50%;box-shadow:0 0 10px #a4ec5e}.dash-title{font:700 16px var(--display);margin:17px 0 4px}.dash-sub{font-size:10px;color:#8e9ba4}.bars{height:120px;display:flex;align-items:end;gap:9px;padding:12px 2px 0;border-bottom:1px solid #ffffff1c}.bars i{flex:1;background:linear-gradient(0deg,#356bff,#76bbff);border-radius:5px 5px 0 0;min-height:18%;transform-origin:bottom;animation:bars-in 1.2s both}.bars i:nth-child(2n){background:linear-gradient(0deg,#8ac34c,#c9f36b)}.bars i:nth-child(1){height:29%}.bars i:nth-child(2){height:48%}.bars i:nth-child(3){height:39%}.bars i:nth-child(4){height:63%}.bars i:nth-child(5){height:57%}.bars i:nth-child(6){height:79%}.bars i:nth-child(7){height:70%}.bars i:nth-child(8){height:95%}.dash-foot{display:flex;justify-content:space-between;padding-top:13px;color:#93a0aa;font-size:10px}.dash-foot b{font-size:14px;color:#fff;display:block}.metric-chip{position:absolute;z-index:2;bottom:43px;left:16px;padding:12px 15px;background:#fff;border-radius:13px;box-shadow:0 10px 28px #0e1a2023;font-size:10px;color:#626a69;animation:float 5s ease-in-out infinite}.metric-chip b{display:block;font:800 17px var(--display);color:#202b29}.chip-star{color:#83ba41;font-size:13px;letter-spacing:2px}
.work{padding:112px 0;background:#10151b}.work-head{display:flex;align-items:end;justify-content:space-between;margin-bottom:44px;gap:25px}.work-grid{display:grid;grid-template-columns:1.15fr .85fr;gap:17px}.work-card{position:relative;min-height:390px;border-radius:21px;overflow:hidden;background:#1e2c39}.work-card:nth-child(2){background:#25302c;min-height:390px}.work-visual{position:absolute;inset:0;background:radial-gradient(circle at 80% 18%,#9be87b66,transparent 23%),linear-gradient(135deg,#1c2d3b,#273b4b 48%,#11191f)}.work-card:nth-child(2) .work-visual{background:radial-gradient(circle at 68% 28%,#70a8ff70,transparent 25%),linear-gradient(140deg,#29342e,#475644 60%,#202722)}.mock-phone{position:absolute;width:170px;height:310px;border:6px solid #12171c;border-radius:25px;background:linear-gradient(180deg,#f1f3e8,#d8e3c8);right:18%;top:38px;transform:rotate(8deg);box-shadow:0 25px 55px #0008;overflow:hidden;padding:12px;color:#18241b}.mock-phone:before{content:"";position:absolute;top:0;left:45px;right:45px;height:13px;background:#12171c;border-radius:0 0 9px 9px}.phone-label{font-size:8px;letter-spacing:.12em;text-transform:uppercase;margin-top:15px}.phone-title{font:800 26px/.95 var(--display);letter-spacing:-.06em;margin-top:11px}.phone-photo{height:110px;margin:12px -1px;border-radius:10px;background:linear-gradient(130deg,#495f3d,#c8d39e 45%,#ac825b)}.phone-pill{height:22px;border-radius:99px;background:var(--lime);margin-top:9px}.mock-laptop{position:absolute;width:270px;height:190px;right:12%;top:65px;transform:rotate(-7deg);background:#161c21;border:8px solid #101419;border-radius:15px;box-shadow:0 25px 50px #0007;padding:17px}.mock-laptop-screen{height:100%;background:linear-gradient(140deg,#e9f4dc,#f5f4e7 56%,#b8d3aa);border-radius:4px;color:#172118;padding:17px}.tiny-nav{font-size:7px;letter-spacing:.1em}.laptop-heading{font:800 24px/.97 var(--display);max-width:160px;margin:22px 0 10px}.laptop-line{height:5px;width:70%;background:#aab6a5;border-radius:5px}.laptop-button{height:18px;width:78px;background:#152016;border-radius:99px;margin-top:14px}.work-shape{position:absolute;width:140px;height:140px;border:1px solid #c9f36b66;border-radius:50%;right:54%;top:90px;box-shadow:0 0 60px #c9f36b25,inset 0 0 40px #c9f36b1a}.work-shape:after{content:"";position:absolute;inset:19px;border:1px solid #75a8ff70;border-radius:50%}.work-meta{position:absolute;left:28px;right:28px;bottom:24px;z-index:2;display:flex;justify-content:space-between;align-items:end}.work-meta small{color:#ffffffb2;display:block;text-transform:uppercase;font-size:10px;letter-spacing:.14em}.work-meta h3{font:700 20px var(--display);margin:5px 0 0}.concept-tag{font-size:10px!important;letter-spacing:.02em!important;background:#10151bd9;color:#d9e4e7!important;border:1px solid #ffffff27;padding:7px 10px;border-radius:50px}.work-disclaimer{color:#83909a;font-size:11px;margin-top:17px}
.process{background:#e6eee4;color:#141b1a;padding:107px 0 114px}.process-top{display:grid;grid-template-columns:1fr 1fr;gap:55px;align-items:end;margin-bottom:55px}.process-top .section-intro{color:#59645d;margin-bottom:8px}.steps{display:grid;grid-template-columns:repeat(4,1fr);border-top:1px solid #bdc9bd}.step{padding:22px 23px 0 0;position:relative}.step:before{content:"";width:11px;height:11px;border-radius:50%;position:absolute;top:-6px;background:#83b74a;box-shadow:0 0 0 6px #e6eee4}.step .step-no{font:700 12px var(--display);color:#8c9a8d}.step h3{font:700 18px var(--display);margin:19px 0 7px;letter-spacing:-.03em}.step p{font-size:13px;color:#667069;margin:0;max-width:250px}
.faq{padding:110px 0 120px;background:#151b22}.faq-layout{display:grid;grid-template-columns:.75fr 1.25fr;gap:90px}.faq .section-intro{font-size:15px}.faq-list{border-top:1px solid var(--line)}.faq-item{border-bottom:1px solid var(--line)}.faq-q{width:100%;padding:21px 0;background:none;border:0;display:flex;align-items:center;justify-content:space-between;text-align:left;gap:20px;cursor:pointer;font:600 16px var(--display)}.faq-q:hover{color:var(--lime)}.faq-q .plus{font-size:22px;font-weight:400;color:var(--lime);transition:transform .25s}.faq-item[aria-expanded="true"] .plus{transform:rotate(45deg)}.faq-a{display:grid;grid-template-rows:0fr;transition:grid-template-rows .3s}.faq-a>div{overflow:hidden}.faq-item[aria-expanded="true"] .faq-a{grid-template-rows:1fr}.faq-a p{margin:0;padding:0 34px 20px 0;max-width:600px;color:#a4afb8;font-size:14px}
.contact{padding:104px 0 100px;background:var(--blue);position:relative;overflow:hidden}.contact:before{content:"";position:absolute;width:600px;height:600px;border:1px solid #ffffff26;border-radius:50%;right:-170px;top:-300px;box-shadow:0 0 0 60px #ffffff08,0 0 0 120px #ffffff06}.contact:after{content:"";position:absolute;width:400px;height:400px;border-radius:50%;right:12%;bottom:-320px;background:#a7d6ff27;filter:blur(7px)}.contact .wrap{position:relative;z-index:1}.contact-layout{display:grid;grid-template-columns:.9fr 1.1fr;gap:75px;align-items:start}.contact .eyebrow{color:#d7f3a1}.contact .eyebrow:before{background:#d7f3a1;box-shadow:none}.contact .section-title{font-size:clamp(42px,6vw,74px)}.contact .section-intro{color:#d1ddff}.contact-aside{margin-top:37px;display:grid;gap:12px;color:#e3e9ff;font-size:13px}.contact-aside a{display:flex;align-items:center;gap:10px}.contact-aside a:hover{color:var(--lime)}.contact-mark{width:30px;height:30px;display:grid;place-items:center;border:1px solid #ffffff4c;border-radius:10px}.contact-form{background:#fff;color:#131b20;border-radius:20px;padding:28px;box-shadow:0 22px 60px #14295d55}.form-head{margin-bottom:22px}.form-head b{font:700 20px var(--display);letter-spacing:-.04em}.form-head p{font-size:12px;color:#66737c;margin:5px 0 0}.fields{display:grid;grid-template-columns:1fr 1fr;gap:13px}.field{display:grid;gap:6px}.field.full{grid-column:1/-1}.field label{font-size:11px;font-weight:700;color:#404b52}.field input,.field textarea,.field select{width:100%;border:1px solid #dae0e2;background:#f7f9f8;color:#12191e;border-radius:9px;min-height:45px;padding:11px 12px;outline:none;font-size:13px;transition:border .2s,box-shadow .2s}.field textarea{min-height:87px;resize:vertical}.field input:focus,.field textarea:focus,.field select:focus{border-color:#6d91f7;box-shadow:0 0 0 3px #356bff1b}.form-submit{width:100%;margin-top:16px;border:0}.form-note{font-size:10px;color:#89939a;text-align:center;margin:10px 0 0}.footer{background:#0b0f13;padding:55px 0 22px}.footer-top{display:grid;grid-template-columns:1.3fr 1fr 1fr 1fr;gap:45px;padding-bottom:42px;border-bottom:1px solid #ffffff16}.footer-brand p{font-size:12px;color:#8b969f;max-width:245px;margin:15px 0}.footer h4{margin:3px 0 15px;font-size:12px;color:#eef1ee}.footer-col{display:grid;align-content:start;gap:9px}.footer-col a{font-size:12px;color:#939fa7}.footer-col a:hover{color:var(--lime)}.footer-bottom{display:flex;justify-content:space-between;gap:20px;padding-top:18px;color:#6e7a83;font-size:10px}.back-top{color:#cbd6d3!important}.floating-wa{position:fixed;right:22px;bottom:22px;z-index:20;display:grid;place-items:center;width:56px;height:56px;border-radius:50%;background:#28c76f;color:white;box-shadow:0 10px 30px #0e281b85;transition:.25s}.floating-wa:hover{transform:translateY(-4px) scale(1.05)}.floating-wa svg{width:25px;fill:currentColor}.reveal{opacity:0;transform:translateY(24px);transition:opacity .75s ease,transform .75s cubic-bezier(.2,.8,.2,1)}.reveal.in-view{opacity:1;transform:translateY(0)}.delay-1{transition-delay:.08s}.delay-2{transition-delay:.16s}.delay-3{transition-delay:.24s}@keyframes breathe{50%{transform:scale(1.13);opacity:.7}}@keyframes float{0%,100%{transform:translateY(0)}50%{transform:translateY(-10px)}}@keyframes marquee{to{transform:translateX(-50%)}}@keyframes bars-in{from{transform:scaleY(.15);opacity:.25}to{transform:scaleY(1);opacity:1}}
@media(max-width:980px){.navlinks{gap:18px}.nav-cta{display:none}.hero{min-height:unset;padding:75px 0 65px}.hero-grid{gap:25px}.hero-art{height:430px}.intro-layout,.feature-layout{gap:46px}.service-card{padding:21px}.faq-layout{gap:45px}.contact-layout{gap:42px}.footer-top{gap:25px}}@media(max-width:760px){.wrap{width:min(calc(100% - 36px),var(--max))}.topline{display:none}.nav{height:69px}.menu-toggle{display:grid;place-items:center}.navlinks{display:none;position:absolute;top:69px;left:0;right:0;background:#11171e;border-bottom:1px solid #ffffff19;padding:14px 20px 22px;align-items:stretch;gap:3px;flex-direction:column}.navlinks.open{display:flex}.navlinks>a,.nav-trigger{padding:12px;border-radius:9px}.dropdown-menu{position:static;display:none;opacity:1;visibility:visible;transform:none;width:auto;margin:0 0 5px 10px;box-shadow:none;border-color:#ffffff0b;background:#151c24}.dropdown.open .dropdown-menu{display:grid}.hero{padding:68px 0 50px}.hero-grid{grid-template-columns:1fr;gap:37px}.hero h1{font-size:clamp(54px,12vw,78px)}.hero-copy>p{font-size:16px}.hero-art{height:min(74vw,400px);margin:0 7px}.hero-photo{inset:0;width:100%;height:100%}.hero-art:after{inset:0}.badge-top{right:-8px;top:15px}.badge-bottom{left:-9px;bottom:13px}.orbit{width:100%;height:100%;top:0}.proofline{flex-wrap:wrap}.ticker{padding:12px 0}.ticker-track{gap:22px}.ticker span{font-size:10px}.intro,.services,.feature,.work,.process,.faq{padding:78px 0}.intro-layout,.feature-layout,.faq-layout,.contact-layout{grid-template-columns:1fr;gap:35px}.intro-copy{padding-top:0}.intro-points{gap:12px}.services-head,.work-head{display:block}.services-head .section-intro{margin-top:15px}.service-grid{grid-template-columns:1fr 1fr}.service-card{min-height:218px;padding:18px}.service-icon{margin:17px 0}.feature-layout{gap:33px}.system-card{min-height:350px}.dashboard{padding:16px}.work-grid{grid-template-columns:1fr}.work-card,.work-card:nth-child(2){min-height:350px}.process-top{grid-template-columns:1fr;gap:10px;margin-bottom:43px}.steps{grid-template-columns:1fr 1fr;row-gap:36px}.step:nth-child(3){border-top:1px solid #bdc9bd;padding-top:18px}.step:nth-child(3):before,.step:nth-child(4):before{top:-6px}.faq-layout{gap:23px}.contact{padding:78px 0}.contact-layout{gap:30px}.contact-form{padding:22px}.footer-top{grid-template-columns:1fr 1fr;gap:31px 20px}.footer-brand{grid-column:1/-1}.footer-bottom{align-items:flex-start;flex-direction:column}.floating-wa{right:15px;bottom:15px;width:51px;height:51px}}@media(max-width:420px){.service-grid{grid-template-columns:1fr}.service-card{min-height:195px}.service-icon{margin:14px 0}.fields{grid-template-columns:1fr}.field.full{grid-column:auto}.hero-actions .btn{flex:1}.hero-badge{padding:11px 12px}.hero-badge strong{font-size:14px}.badge-bottom{bottom:8px}.proof-sep{display:none}}@media(prefers-reduced-motion:reduce){*,*::before,*::after{scroll-behavior:auto!important;animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}.reveal{opacity:1;transform:none}}