:root{--ink:#05080d;--ink-2:#09111b;--surface:#0e1824;--surface-2:#121f2e;--line:rgba(255,255,255,.1);--text:#f5f8fc;--muted:#99a8ba;--blue:#4ea1ff;--blue-2:#8bc5ff;--cyan:#58e2d5;--danger:#ff7a7a;--radius:24px;--shadow:0 30px 80px rgba(0,0,0,.35);--wrap:min(1180px,calc(100% - 40px))}
*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:100px}body{margin:0;background:var(--ink);color:var(--text);font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;line-height:1.6;overflow-x:hidden}body::before{content:"";position:fixed;inset:0;pointer-events:none;z-index:-2;background:radial-gradient(circle at 15% 10%,rgba(78,161,255,.14),transparent 32%),radial-gradient(circle at 88% 28%,rgba(88,226,213,.08),transparent 28%),linear-gradient(180deg,#05080d,#07101a 55%,#05080d)}
a{color:inherit;text-decoration:none}img,svg{display:block;max-width:100%}button,input,select,textarea{font:inherit}button{cursor:pointer}.wrap{width:var(--wrap);margin-inline:auto}.skip-link{position:fixed;top:10px;left:10px;transform:translateY(-160%);z-index:999;background:#fff;color:#000;padding:10px 14px;border-radius:10px}.skip-link:focus{transform:none}
.site-header{position:fixed;inset:0 0 auto;z-index:100;padding:18px 0;transition:.3s}.site-header.scrolled{padding:10px 0;background:rgba(5,8,13,.84);border-bottom:1px solid var(--line);backdrop-filter:blur(18px)}.nav{display:flex;align-items:center;gap:28px}.brand{display:flex;align-items:center;gap:12px;font-weight:800;letter-spacing:-.04em;white-space:nowrap}.brand-mark{width:38px;height:38px;border:1px solid rgba(139,197,255,.45);border-radius:12px;display:grid;place-items:center;background:linear-gradient(145deg,rgba(78,161,255,.22),rgba(88,226,213,.06));box-shadow:inset 0 0 18px rgba(78,161,255,.1)}.brand-mark::before{content:"DX";font-size:11px;letter-spacing:.08em;color:var(--blue-2)}.brand span span{color:var(--blue)}.nav-links{display:flex;align-items:center;gap:26px;margin-left:auto}.nav-links a{font-size:13px;color:var(--muted);font-weight:600;transition:.2s}.nav-links a:hover,.nav-links a[aria-current=page]{color:#fff}.nav-actions{display:flex;gap:10px}.menu-toggle{display:none;background:transparent;border:1px solid var(--line);color:#fff;border-radius:12px;width:42px;height:42px;place-items:center}.menu-toggle span,.menu-toggle::before,.menu-toggle::after{content:"";display:block;width:18px;height:1px;background:currentColor;margin:4px auto;transition:.25s}.menu-toggle.open span{opacity:0}.menu-toggle.open::before{transform:translateY(5px) rotate(45deg)}.menu-toggle.open::after{transform:translateY(-5px) rotate(-45deg)}
.button{display:inline-flex;align-items:center;justify-content:center;gap:9px;min-height:46px;padding:0 20px;border-radius:999px;border:1px solid var(--line);background:rgba(255,255,255,.04);color:#fff;font-size:13px;font-weight:800;letter-spacing:.01em;transition:transform .2s,border-color .2s,background .2s,box-shadow .2s}.button:hover{transform:translateY(-2px);border-color:rgba(139,197,255,.5);background:rgba(255,255,255,.08)}.button.primary{color:#04101c;border-color:transparent;background:linear-gradient(135deg,#dff0ff,var(--blue));box-shadow:0 14px 36px rgba(78,161,255,.2)}.button.primary:hover{box-shadow:0 18px 44px rgba(78,161,255,.32)}.button.small{min-height:40px;padding:0 16px;font-size:12px}.arrow{font-size:17px;line-height:1}
.hero{min-height:760px;padding:160px 0 100px;display:grid;align-items:center;position:relative}.hero-grid{display:grid;grid-template-columns:minmax(0,1.1fr) minmax(360px,.9fr);gap:70px;align-items:center}.eyebrow{display:flex;align-items:center;gap:10px;color:var(--blue-2);font-size:11px;text-transform:uppercase;letter-spacing:.18em;font-weight:800;margin:0 0 22px}.eyebrow::before{content:"";width:28px;height:1px;background:var(--blue)}h1,h2,h3,p{margin-top:0}h1,h2{font-family:"Manrope",Inter,sans-serif;letter-spacing:-.055em;line-height:1.02}h1{font-size:clamp(3.3rem,7vw,6.8rem);margin-bottom:26px;font-weight:700}h2{font-size:clamp(2.3rem,5vw,4.4rem);margin-bottom:20px}.gradient-text{color:transparent;background:linear-gradient(120deg,#fff 10%,var(--blue-2) 55%,var(--cyan));background-clip:text}.lede{font-size:clamp(1.05rem,1.6vw,1.3rem);color:#b4c0cf;max-width:700px;margin-bottom:34px}.hero-actions,.cta-row{display:flex;gap:12px;flex-wrap:wrap}.proof-row{display:flex;gap:30px;flex-wrap:wrap;margin-top:52px}.proof{padding-left:15px;border-left:1px solid rgba(139,197,255,.35)}.proof strong{display:block;font-family:Manrope,sans-serif;font-size:24px}.proof span{font-size:12px;color:var(--muted)}
.visual{position:relative;aspect-ratio:1/1;max-width:520px;margin:auto;display:grid;place-items:center}.orb{position:absolute;border-radius:50%;filter:blur(1px)}.orb.one{width:84%;height:84%;border:1px solid rgba(78,161,255,.18);animation:spin 24s linear infinite}.orb.two{width:64%;height:64%;border:1px dashed rgba(88,226,213,.25);animation:spin 16s linear reverse infinite}.orb.three{width:40%;height:40%;background:radial-gradient(circle,rgba(78,161,255,.28),rgba(78,161,255,.04) 60%,transparent 61%);box-shadow:0 0 100px rgba(78,161,255,.15)}.machine{position:relative;width:44%;height:54%;border:1px solid rgba(255,255,255,.18);border-radius:28px 28px 50% 50%;background:linear-gradient(145deg,rgba(255,255,255,.12),rgba(255,255,255,.02));box-shadow:var(--shadow),inset 0 0 45px rgba(78,161,255,.08);backdrop-filter:blur(8px)}.machine::before{content:"";position:absolute;left:17%;right:17%;top:18%;height:33%;border:10px solid rgba(139,197,255,.6);border-bottom-color:rgba(88,226,213,.5);border-radius:50%;filter:drop-shadow(0 0 15px rgba(78,161,255,.5))}.machine::after{content:"ENGINEERING / IT / QA";position:absolute;left:50%;bottom:12%;transform:translateX(-50%);font-size:7px;white-space:nowrap;letter-spacing:.18em;color:var(--muted)}.float-card{position:absolute;padding:12px 15px;border:1px solid var(--line);border-radius:14px;background:rgba(8,16,26,.78);box-shadow:var(--shadow);backdrop-filter:blur(14px);font-size:11px;color:var(--muted);animation:float 5s ease-in-out infinite}.float-card b{display:block;color:#fff;font-size:13px}.float-card.a{top:16%;left:0}.float-card.b{right:0;bottom:20%;animation-delay:-2s}
@keyframes spin{to{transform:rotate(360deg)}}@keyframes float{50%{transform:translateY(-9px)}}
.trust-strip{border-block:1px solid var(--line);background:rgba(255,255,255,.018)}.trust-inner{display:grid;grid-template-columns:auto 1fr;align-items:center;gap:50px;padding:24px 0}.trust-inner>span{color:var(--muted);font-size:11px;text-transform:uppercase;letter-spacing:.14em}.marques{display:flex;gap:42px;justify-content:space-around;flex-wrap:wrap;color:#c8d3e0;font:700 14px Manrope,sans-serif;letter-spacing:.04em}
.section{padding:120px 0}.section.compact{padding:80px 0}.section-head{display:flex;justify-content:space-between;align-items:end;gap:40px;margin-bottom:54px}.section-head>div{max-width:760px}.section-head p{color:var(--muted);max-width:510px;margin-bottom:5px}.grid{display:grid;gap:18px}.grid.three{grid-template-columns:repeat(3,1fr)}.grid.four{grid-template-columns:repeat(4,1fr)}.grid.two{grid-template-columns:repeat(2,1fr)}.card{position:relative;padding:30px;border:1px solid var(--line);border-radius:var(--radius);background:linear-gradient(145deg,rgba(255,255,255,.055),rgba(255,255,255,.018));overflow:hidden;transition:transform .3s,border-color .3s,background .3s}.card:hover{transform:translateY(-5px);border-color:rgba(78,161,255,.35);background:linear-gradient(145deg,rgba(78,161,255,.09),rgba(255,255,255,.02))}.card::after{content:"";position:absolute;width:120px;height:120px;right:-80px;top:-80px;border-radius:50%;background:var(--blue);filter:blur(60px);opacity:0;transition:.3s}.card:hover::after{opacity:.2}.card h3{font:700 21px/1.25 Manrope,sans-serif;letter-spacing:-.03em;margin:18px 0 12px}.card p{font-size:14px;color:var(--muted);margin-bottom:18px}.card .text-link{font-size:12px;color:var(--blue-2);font-weight:800}.icon{width:45px;height:45px;border-radius:14px;display:grid;place-items:center;background:rgba(78,161,255,.1);border:1px solid rgba(78,161,255,.2);color:var(--blue-2);font-weight:800}.number{font:700 12px Manrope;color:var(--blue-2);letter-spacing:.12em}
.split{display:grid;grid-template-columns:1fr 1fr;gap:70px;align-items:center}.panel{border:1px solid var(--line);border-radius:32px;background:rgba(255,255,255,.03);box-shadow:var(--shadow);padding:34px}.status-list{display:grid;gap:10px}.status{display:flex;gap:15px;align-items:center;padding:15px;border:1px solid var(--line);border-radius:16px;background:rgba(0,0,0,.18)}.status-dot{width:9px;height:9px;border-radius:50%;background:var(--cyan);box-shadow:0 0 14px var(--cyan)}.status b{font-size:13px}.status span{display:block;color:var(--muted);font-size:11px}.list{padding:0;margin:25px 0;list-style:none;display:grid;gap:13px}.list li{position:relative;padding-left:27px;color:#b5c0ce}.list li::before{content:"✓";position:absolute;left:0;color:var(--cyan);font-weight:900}
.process{display:grid;grid-template-columns:repeat(5,1fr);gap:0;counter-reset:process}.step{padding:25px 25px 25px 0;position:relative;border-top:1px solid rgba(139,197,255,.3)}.step::before{counter-increment:process;content:counter(process);display:grid;place-items:center;width:30px;height:30px;border-radius:50%;position:absolute;top:-15px;left:0;background:var(--ink);border:1px solid var(--blue);color:var(--blue-2);font:700 11px Manrope}.step h3{margin:28px 0 8px;font-size:15px}.step p{font-size:12px;color:var(--muted)}
.tabs{display:flex;gap:8px;flex-wrap:wrap;margin:0 0 28px}.tab{border:1px solid var(--line);background:transparent;color:var(--muted);border-radius:999px;padding:10px 16px;font-size:12px;font-weight:800}.tab.active{color:#04101c;background:var(--blue-2);border-color:transparent}.tab-panel{display:none}.tab-panel.active{display:grid}.faq{border-top:1px solid var(--line)}.faq-item{border-bottom:1px solid var(--line)}.faq-q{width:100%;display:flex;justify-content:space-between;gap:20px;text-align:left;padding:23px 0;color:#fff;background:none;border:0;font-weight:700}.faq-q::after{content:"+";color:var(--blue);font-size:23px;transition:.2s}.faq-item.open .faq-q::after{transform:rotate(45deg)}.faq-a{display:grid;grid-template-rows:0fr;transition:grid-template-rows .3s}.faq-a>div{overflow:hidden;color:var(--muted);font-size:14px}.faq-item.open .faq-a{grid-template-rows:1fr}.faq-item.open .faq-a>div{padding-bottom:23px}
.cta-band{padding:70px;border:1px solid rgba(139,197,255,.2);border-radius:34px;background:radial-gradient(circle at 90% 20%,rgba(88,226,213,.13),transparent 25%),linear-gradient(135deg,rgba(78,161,255,.15),rgba(255,255,255,.025));display:flex;justify-content:space-between;align-items:center;gap:40px}.cta-band h2{font-size:clamp(2rem,4vw,3.5rem);margin:0;max-width:650px}.cta-band p{color:var(--muted);margin:12px 0 0}
.form{display:grid;gap:16px}.form-row{display:grid;grid-template-columns:repeat(2,1fr);gap:16px}.field label{display:block;margin-bottom:7px;font-size:11px;color:#b8c4d1;text-transform:uppercase;letter-spacing:.09em;font-weight:800}.field input,.field select,.field textarea{width:100%;border:1px solid var(--line);border-radius:14px;background:rgba(0,0,0,.24);color:#fff;padding:13px 14px;outline:none;transition:.2s}.field select option{background:#0c1520}.field input:focus,.field select:focus,.field textarea:focus{border-color:var(--blue);box-shadow:0 0 0 4px rgba(78,161,255,.1)}.field textarea{resize:vertical}.form-note{font-size:11px;color:var(--muted)}
.page-hero{padding:180px 0 95px;min-height:560px;display:flex;align-items:end;position:relative}.page-hero h1{max-width:970px;font-size:clamp(3rem,7vw,6.5rem)}.page-hero .lede{max-width:760px}.anchor-nav{position:sticky;top:69px;z-index:30;background:rgba(5,8,13,.9);border-block:1px solid var(--line);backdrop-filter:blur(16px)}.anchor-nav .wrap{display:flex;gap:8px;overflow:auto;padding-block:12px}.anchor-nav a{white-space:nowrap;font-size:11px;font-weight:800;color:var(--muted);padding:8px 13px;border-radius:999px}.anchor-nav a:hover{background:rgba(255,255,255,.06);color:#fff}
.comparison{display:grid;grid-template-columns:1fr 1fr;border:1px solid var(--line);border-radius:28px;overflow:hidden}.compare-col{padding:36px}.compare-col:first-child{background:rgba(255,122,122,.035)}.compare-col:last-child{background:rgba(88,226,213,.055);border-left:1px solid var(--line)}.compare-col h3{font:700 22px Manrope}.tag{display:inline-flex;padding:6px 10px;border:1px solid var(--line);border-radius:999px;color:var(--blue-2);font-size:10px;text-transform:uppercase;letter-spacing:.12em;font-weight:800}
.legal{max-width:850px}.legal h1{font-size:clamp(3rem,6vw,5.5rem)}.legal article{padding:40px;border:1px solid var(--line);border-radius:28px;background:rgba(255,255,255,.025)}.legal article h2{font-size:24px;letter-spacing:-.03em;margin-top:35px}.legal article h2:first-child{margin-top:0}.legal article p,.legal article li{color:#aab6c5;font-size:14px}.legal article a{color:var(--blue-2)}
.score-layout{display:grid;grid-template-columns:1.05fr .95fr;gap:24px;align-items:start}.score-card{position:sticky;top:110px;text-align:center}.gauge{--score:72;width:210px;aspect-ratio:1;border-radius:50%;margin:15px auto 25px;display:grid;place-items:center;background:conic-gradient(var(--cyan) calc(var(--score)*1%),rgba(255,255,255,.07) 0);position:relative}.gauge::before{content:"";position:absolute;inset:13px;border-radius:50%;background:var(--surface)}.gauge strong{position:relative;font:700 48px Manrope}.range-line{display:grid;grid-template-columns:1fr 45px;align-items:center;gap:12px}.range-line output{text-align:center;color:var(--blue-2);font-weight:800}.check-row{display:flex;justify-content:space-between;align-items:center;padding:14px;border:1px solid var(--line);border-radius:14px}.switch{width:45px;height:25px;border-radius:99px;background:#334052;position:relative}.switch::after{content:"";position:absolute;width:19px;height:19px;top:3px;left:3px;border-radius:50%;background:#fff;transition:.2s}.check-row input{position:absolute;opacity:0}.check-row input:checked+.switch{background:var(--blue)}.check-row input:checked+.switch::after{transform:translateX(20px)}
.reveal{opacity:0;transform:translateY(18px);transition:opacity .7s,transform .7s}.reveal.visible{opacity:1;transform:none}.site-footer{padding:70px 0 28px;border-top:1px solid var(--line);margin-top:100px}.footer-grid{display:grid;grid-template-columns:1.4fr repeat(3,1fr);gap:45px}.footer-grid h3{font-size:12px;text-transform:uppercase;letter-spacing:.12em;color:#d5deea}.footer-grid p,.footer-grid a{color:var(--muted);font-size:13px}.footer-grid a{display:block;margin:8px 0}.footer-grid a:hover{color:#fff}.footer-bottom{display:flex;justify-content:space-between;gap:20px;margin-top:55px;padding-top:24px;border-top:1px solid var(--line);color:#748397;font-size:11px}.call-fab{position:fixed;right:20px;bottom:20px;z-index:90;width:52px;height:52px;border-radius:50%;display:grid;place-items:center;background:linear-gradient(135deg,var(--blue-2),var(--blue));color:#04101c;box-shadow:0 14px 40px rgba(78,161,255,.35);font-weight:900}
@media(max-width:980px){.nav-actions .button:not(.primary){display:none}.menu-toggle{display:grid}.nav-links{position:fixed;inset:71px 16px auto;display:none;padding:18px;border:1px solid var(--line);border-radius:20px;background:rgba(6,11,18,.97);box-shadow:var(--shadow);flex-direction:column;align-items:stretch;gap:3px}.nav-links.open{display:flex}.nav-links a{padding:11px 10px}.hero-grid,.split,.score-layout{grid-template-columns:1fr}.hero{padding-top:140px}.visual{max-width:440px}.grid.four{grid-template-columns:repeat(2,1fr)}.process{grid-template-columns:repeat(3,1fr);row-gap:25px}.score-card{position:relative;top:auto}.footer-grid{grid-template-columns:repeat(2,1fr)}}
@media(max-width:700px){:root{--wrap:min(100% - 28px,1180px);--radius:20px}.site-header{padding:12px 0}.brand span{font-size:14px}.nav-actions .primary{display:none}.hero{min-height:auto;padding:130px 0 75px}.hero-grid{gap:50px}.hero h1{font-size:clamp(3rem,16vw,4.8rem)}.proof-row{gap:18px;margin-top:38px}.proof{min-width:40%}.trust-inner{grid-template-columns:1fr;gap:14px}.marques{justify-content:flex-start;gap:22px}.section{padding:82px 0}.section-head{display:block;margin-bottom:35px}.grid.three,.grid.four,.grid.two{grid-template-columns:1fr}.card{padding:24px}.split{gap:38px}.process{grid-template-columns:1fr;gap:0}.step{border-top:0;border-left:1px solid rgba(139,197,255,.3);padding:0 0 28px 28px}.step::before{top:0;left:-15px}.step h3{margin:0 0 6px}.cta-band{padding:35px 24px;display:block}.cta-band .cta-row{margin-top:25px}.form-row{grid-template-columns:1fr}.page-hero{padding:140px 0 70px;min-height:470px}.comparison{grid-template-columns:1fr}.compare-col:last-child{border-left:0;border-top:1px solid var(--line)}.panel,.legal article{padding:24px}.footer-grid{grid-template-columns:1fr}.footer-bottom{display:block}.anchor-nav{top:62px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*::before,*::after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}.reveal{opacity:1;transform:none}}
@media(max-width:700px){:root{--wrap:min(calc(100% - 28px),1180px)}.process[style]{grid-template-columns:1fr!important}}
.brand{font-weight:500;letter-spacing:-.045em}.brand-mark{width:40px;height:40px;flex:0 0 40px;border:0;border-radius:50%;background:url('favicon.svg') center/contain no-repeat;box-shadow:0 0 22px rgba(78,161,255,.13);transition:transform .7s cubic-bezier(.2,.8,.2,1),filter .3s}.brand-mark::before{content:none}.brand:hover .brand-mark{transform:rotate(90deg);filter:drop-shadow(0 0 7px rgba(78,161,255,.35))}.brand>span{font-family:Manrope,Inter,sans-serif}.brand>span>span{display:inline-block;margin:0 1px;color:var(--blue);font-weight:800;font-style:italic;text-shadow:0 0 18px rgba(78,161,255,.3)}
@media(max-width:700px){.call-fab{width:auto;height:48px;padding:0 18px;border-radius:999px;display:flex;gap:8px;font-size:14px}.call-fab::after{content:"Urgent repair";font-size:11px;text-transform:uppercase;letter-spacing:.08em;font-weight:900}}
@media print{body{background:#fff!important;color:#111!important}.site-header,.page-hero,.site-footer,.call-fab,.print-button,.score-card .button.primary{display:none!important}.section{padding:20px 0}.score-layout{display:grid;grid-template-columns:1.1fr .9fr}.panel,.card,.status{background:#fff!important;color:#111!important;border-color:#ccd3dc!important;box-shadow:none!important}.score-card{position:static}.field label,.status span,.form-note,.score-card p{color:#475569!important}.gauge{-webkit-print-color-adjust:exact;print-color-adjust:exact}.check-row input:not(:checked)+.switch{opacity:.35}}
.visual .float-card{width:220px;min-height:96px;padding:20px 20px 18px 65px;border-radius:18px;border-color:rgba(139,197,255,.22);background:linear-gradient(145deg,rgba(16,29,44,.95),rgba(7,15,25,.92));box-shadow:0 22px 55px rgba(0,0,0,.42),inset 0 1px rgba(255,255,255,.06);font-size:11px;line-height:1.45;animation-duration:8s}.visual .float-card::before{content:"";position:absolute;left:19px;top:50%;width:29px;height:29px;transform:translateY(-50%);border-radius:10px;background:radial-gradient(circle,var(--cyan) 0 3px,rgba(78,161,255,.13) 4px);border:1px solid rgba(78,161,255,.24);box-shadow:0 0 24px rgba(88,226,213,.12)}.visual .float-card b{margin-bottom:5px;font:700 15px/1.2 Manrope,sans-serif;letter-spacing:-.02em}.visual .float-card.a{top:9%;left:-6%}.visual .float-card.b{right:-4%;bottom:12%;animation-delay:-3s}@media(max-width:520px){.visual .float-card{width:190px;min-height:86px;padding:17px 16px 15px 55px}.visual .float-card::before{left:15px}.visual .float-card.a{left:0}.visual .float-card.b{right:0}}