/* XS-Project — Server Matrix | Responsive marketing website. Locally hosted assets; Self-hosted ALTCHA used for the contact form. */
:root{--bg:#080d16;--bg-2:#0b1220;--panel:#101a2a;--panel-lt:#152237;--border:rgba(116,161,209,.16);--border-hover:rgba(30,222,238,.47);--white:#f1f6ff;--muted:#98a8bf;--faint:#61748e;--cyan:#1ce2ef;--blue:#5085ff;--green:#55eab9;--font:Inter,"Segoe UI",system-ui,-apple-system,BlinkMacSystemFont,Arial,sans-serif;--heading:"Arial Narrow",Inter,"Segoe UI",system-ui,sans-serif;--container:1200px;--radius:22px}
*,*::before,*::after{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:96px}body{margin:0;background:var(--bg);color:var(--white);font-family:var(--font);line-height:1.6;-webkit-font-smoothing:antialiased}body.menu-open{overflow:hidden}::selection{background:var(--cyan);color:var(--bg)}a{color:inherit;text-decoration:none}button{font:inherit}button,a{-webkit-tap-highlight-color:transparent}button:focus-visible,a:focus-visible,summary:focus-visible{outline:2px solid var(--cyan);outline-offset:4px}img,svg{display:block;max-width:100%}svg{fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}h1,h2,h3,p{margin-top:0}p{color:var(--muted)}.container{width:min(var(--container),calc(100% - 64px));margin-inline:auto}.section{padding:108px 0;position:relative}.section-pad{padding:100px 0 68px}.skip-link{position:absolute;top:-60px;left:14px;z-index:200;color:#000;background:var(--cyan);padding:9px 16px;border-radius:8px}.skip-link:focus{top:12px}.top-glow{position:absolute;inset:0 0 auto;min-height:900px;z-index:-1;pointer-events:none;background:radial-gradient(ellipse 50% 38% at 70% 23%,rgba(35,94,185,.11),transparent 90%)}
/* Header */
.site-header{height:90px;position:sticky;top:0;z-index:100;background:rgba(8,13,22,.88);border-bottom:1px solid rgba(94,133,174,.14);backdrop-filter:blur(22px);-webkit-backdrop-filter:blur(22px)}.nav-shell{height:100%;display:flex;align-items:center;gap:32px;justify-content:space-between}.brand{display:flex;align-items:center;flex:0 0 auto}.brand img{width:192px;height:auto}.desktop-nav{display:flex;align-items:center;gap:25px;margin-inline:auto}.desktop-nav a{font-weight:650;font-size:13px;color:#a7b8cf;white-space:nowrap;transition:color .2s}.desktop-nav a:hover,.footer-nav-col a:hover{color:var(--cyan)}.header-actions{display:flex;align-items:center;gap:23px}.panel-link{display:flex;align-items:center;gap:8px;font-weight:750;font-size:13px;white-space:nowrap}.panel-link svg{width:17px;height:17px;color:var(--cyan)}.panel-link:hover{color:var(--cyan)}.btn{display:inline-flex;justify-content:center;align-items:center;gap:15px;border:1px solid transparent;border-radius:11px;font-weight:790;line-height:1.25;transition:transform .2s,box-shadow .2s,border-color .2s,background .2s;white-space:nowrap}.btn:hover{transform:translateY(-2px)}.btn-primary{background:linear-gradient(116deg,#17dcea 0%,#23b5eb 46%,#5486ff 100%);color:#07131e;box-shadow:0 6px 30px rgba(0,182,227,.12)}.btn-primary:hover{box-shadow:0 8px 32px rgba(0,200,230,.26)}.btn-outline{background:rgba(20,37,57,.38);border-color:rgba(163,191,226,.24);color:#dce8f8}.btn-outline:hover{border-color:rgba(28,226,239,.55);background:rgba(28,226,239,.07)}.btn-small{padding:12px 16px;font-size:12px}.btn-large{padding:17px 23px;font-size:13px}.menu-toggle{width:44px;height:44px;display:none;align-items:center;justify-content:center;flex-direction:column;gap:5px;background:#102035;border:1px solid var(--border);border-radius:10px;cursor:pointer}.menu-toggle span{height:2px;width:19px;background:#e8f2ff;border-radius:2px;transition:transform .2s,opacity .2s}.menu-toggle[aria-expanded=true] span:nth-child(1){transform:translateY(7px) rotate(45deg)}.menu-toggle[aria-expanded=true] span:nth-child(2){opacity:0}.menu-toggle[aria-expanded=true] span:nth-child(3){transform:translateY(-7px) rotate(-45deg)}.mobile-nav[hidden]{display:none!important}.mobile-nav{display:none}
/* Hero */
.hero{position:relative;overflow:hidden;background:radial-gradient(ellipse 55% 63% at 72% 35%,rgba(26,70,130,.16),transparent 82%)}.hero:before{content:"";position:absolute;inset:0;pointer-events:none;opacity:.33;background-image:linear-gradient(rgba(81,127,176,.038) 1px,transparent 1px),linear-gradient(90deg,rgba(81,127,176,.038) 1px,transparent 1px);background-size:90px 90px;mask-image:linear-gradient(to bottom,#000,transparent 91%)}.hero-grid{display:grid;grid-template-columns:minmax(0,1.12fr) minmax(0,.88fr);gap:50px;align-items:center;min-height:620px}.hero-copy{position:relative;z-index:2}.eyebrow,.section-kicker{display:flex;align-items:center;gap:10px;font-size:10px;font-weight:850;letter-spacing:.22em;color:var(--cyan)}.eyebrow{margin-bottom:29px;padding:10px 15px;width:max-content;background:rgba(21,226,236,.065);border:1px solid rgba(21,226,236,.17);border-radius:100px;letter-spacing:.16em}.pulse-dot{width:7px;height:7px;background:#31f4d6;border-radius:50%;box-shadow:0 0 14px #1debd5}.hero h1{font-family:var(--heading);font-style:italic;font-weight:950;font-size:clamp(44px,4.68vw,76px);line-height:1.075;letter-spacing:-.056em;margin-bottom:24px;white-space:nowrap}.hero h1 span,h2 span{color:var(--cyan)}.hero h1 span{background:linear-gradient(90deg,#19e8eb,#438dfa);-webkit-background-clip:text;background-clip:text;color:transparent}.hero-lead{font-size:16px;line-height:1.85;max-width:510px;margin-bottom:31px;color:#a4b6ce}.hero-cta{display:flex;gap:12px;flex-wrap:wrap}.hero-micro{display:flex;flex-wrap:wrap;gap:14px 22px;margin-top:42px;font-size:11px;color:#9db0c8}.micro-item{display:flex;align-items:center;gap:8px}.micro-icon{width:18px;height:18px;display:grid;place-items:center;border-radius:50%;background:rgba(28,226,239,.1);border:1px solid rgba(28,226,239,.19);color:var(--cyan);font-size:11px;font-weight:900}.hero-art{min-height:500px;position:relative;display:flex;align-items:center;justify-content:center;border:1px solid rgba(69,144,223,.27);border-radius:28px;background:radial-gradient(ellipse at 50% 45%,rgba(20,69,135,.33),transparent 68%),linear-gradient(138deg,rgba(17,29,48,.93),rgba(6,13,25,.98));overflow:hidden;box-shadow:inset 0 0 60px rgba(0,0,0,.2),0 22px 95px rgba(0,0,0,.23)}.hero-art:after{content:"";position:absolute;inset:0;border-radius:inherit;pointer-events:none;background:linear-gradient(130deg,rgba(94,166,255,.1),transparent 30%,transparent 72%,rgba(10,212,237,.075))}.art-grid{position:absolute;inset:0;background-image:linear-gradient(rgba(50,110,181,.08) 1px,transparent 1px),linear-gradient(90deg,rgba(50,110,181,.08) 1px,transparent 1px);background-size:42px 42px;mask-image:radial-gradient(ellipse at center,#000 20%,transparent 80%)}.art-halo{width:380px;height:380px;position:absolute;border-radius:50%;border:1px solid rgba(23,157,223,.19);box-shadow:0 0 0 30px rgba(45,105,176,.035),0 0 0 65px rgba(45,105,176,.025);transform:rotate(-25deg)}.art-halo:after{content:"";position:absolute;inset:29px;border:1px dashed rgba(38,161,232,.17);border-radius:50%}.art-brand{width:370px;position:relative;z-index:1;filter:drop-shadow(0 0 28px rgba(15,181,241,.23));transform:rotate(-3deg);animation:float 7s ease-in-out infinite}.art-brand img{width:100%;height:auto}.art-label{position:absolute;top:29px;left:30px;z-index:3;display:flex;gap:11px;align-items:center;font:750 10px/1.2 ui-monospace,SFMono-Regular,Consolas,monospace;letter-spacing:.13em;color:#bed2e7}.terminal-square{width:7px;height:7px;border:1px solid var(--cyan)}.art-label-muted{color:#507697}.art-chip{z-index:3;position:absolute;display:flex;gap:12px;align-items:center;padding:12px 15px;border:1px solid rgba(101,171,229,.3);border-radius:12px;background:rgba(11,23,39,.92);backdrop-filter:blur(12px);box-shadow:0 14px 40px rgba(0,0,0,.27)}.art-chip strong,.art-chip small{display:block}.art-chip strong{font-size:10px;letter-spacing:.11em}.art-chip small{font-size:10px;color:#8ca3bc}.art-chip-left{left:13px;bottom:117px}.art-chip-right{right:13px;top:115px}.chip-mark{width:8px;height:8px;flex:0 0 auto;border-radius:2px;background:var(--cyan);box-shadow:0 0 18px var(--cyan)}.chip-mark.blue{background:var(--blue);box-shadow:0 0 18px var(--blue)}.art-bottom{position:absolute;z-index:3;bottom:25px;left:29px;right:29px;display:flex;justify-content:space-between;gap:12px;align-items:center;font:700 8px/1.4 ui-monospace,SFMono-Regular,Consolas,monospace;letter-spacing:.14em;color:#5f87a4}.art-bar{display:flex;align-items:center;gap:4px;height:18px}.art-bar i{width:3px;height:var(--h,10px);background:#1fe3ee;opacity:var(--o,.65);border-radius:2px}.art-bar i:nth-child(3n){--h:17px;--o:1}.art-bar i:nth-child(2n){--h:7px}.hero-bottom{display:flex;align-items:center;gap:18px;padding-top:40px;font:780 10px var(--font);letter-spacing:.21em;color:#60748c;text-align:center}.hero-line{height:1px;background:linear-gradient(90deg,transparent,rgba(66,124,177,.35),transparent);flex:1}
/* Section standard */
.section-heading{display:grid;grid-template-columns:1.25fr .75fr;gap:50px;align-items:end;margin-bottom:43px}.section-kicker{margin-bottom:21px}.kicker-bar{display:block;width:23px;height:2px;background:var(--cyan)}h2{font:950 italic clamp(34px,3.8vw,58px)/1.12 var(--heading);letter-spacing:-.045em;margin-bottom:0}h2 span{background:linear-gradient(90deg,#19dfed,#5794ff);-webkit-background-clip:text;background-clip:text;color:transparent}.section-heading>p{font-size:14px;line-height:1.9;margin:0 0 5px}
/* Main product */
.section-hosting{background:linear-gradient(to bottom,var(--bg),#0a111d)}.minecraft-card{display:grid;grid-template-columns:1.12fr .88fr;min-height:493px;border-radius:24px;background:radial-gradient(ellipse at 74% 55%,rgba(37,114,99,.24),transparent 53%),linear-gradient(132deg,#101f2b,#10201f 77%,#0b181f);border:1px solid rgba(72,201,157,.26);overflow:hidden;position:relative}.mc-noise{pointer-events:none;position:absolute;inset:0;opacity:.22;background-image:linear-gradient(rgba(113,231,186,.08) 1px,transparent 1px),linear-gradient(90deg,rgba(113,231,186,.08) 1px,transparent 1px);background-size:48px 48px;mask-image:linear-gradient(90deg,transparent 30%,#000)}.mc-left{z-index:2;position:relative;padding:33px 0 38px 46px}.mc-topline{display:flex;justify-content:space-between;gap:15px;align-items:center;padding-right:22px;margin-bottom:47px}.featured-label{display:inline-flex;align-items:center;gap:9px;background:rgba(65,221,158,.105);border:1px solid rgba(91,246,180,.25);border-radius:99px;color:#8dffcb;font-size:10px;padding:6px 12px;font-weight:800;letter-spacing:.11em}.featured-label .dot{width:6px;height:6px;border-radius:50%;background:#60f3ac}.mc-category{font:650 10px ui-monospace,SFMono-Regular,Consolas,monospace;color:#79aa9f;letter-spacing:.08em}.mc-emblem{display:none}.mc-mini-kicker{color:#96cabb;letter-spacing:.21em;font-size:10px;font-weight:760;margin-bottom:14px}.mc-left h3{font:950 italic clamp(45px,5.5vw,77px)/.95 var(--heading);letter-spacing:-.048em;margin-bottom:20px}.mc-left h3 span{color:#72eabf}.mc-left p{max-width:410px;font-size:14px;line-height:1.8;margin-bottom:22px;color:#aec9c2}.mc-tags{display:flex;gap:8px;flex-wrap:wrap;margin-bottom:27px}.mc-tags span{padding:7px 10px;border:1px solid rgba(120,203,173,.2);border-radius:7px;font-size:10px;color:#b1d3c5;background:rgba(31,63,54,.25)}.mc-right{position:relative;min-height:430px;overflow:hidden}.pixel-field{position:absolute;inset:0;perspective:800px;transform:translateX(-10px)}.pixel-field:before{content:"";position:absolute;inset:-70px;background:radial-gradient(circle at 50% 50%,rgba(83,219,164,.23),transparent 55%)}.pixel-cube{position:absolute;width:125px;height:125px;transform:rotateX(57deg) rotateZ(45deg);filter:drop-shadow(0 13px 15px rgba(0,0,0,.37));opacity:.94}.pixel-cube i{display:block;position:absolute}.pixel-cube i:first-child{width:100%;height:100%;inset:0;background:linear-gradient(145deg,#75b66d,#3f7957);border:2px solid #9fc68b;box-shadow:inset 0 0 32px rgba(195,255,154,.12)}.pixel-cube i:nth-child(2){width:100%;height:42px;background:#5c4835;top:99%;left:21px;transform-origin:top left;transform:skewX(45deg);border:2px solid rgba(155,120,68,.35)}.pixel-cube i:nth-child(3){height:100%;width:42px;background:#304b38;left:99%;top:21px;transform-origin:top left;transform:skewY(45deg)}.cube-a{left:27%;top:31%;transform:rotateX(55deg) rotateZ(45deg) scale(1.48);z-index:3}.cube-b{left:60%;top:14%;transform:rotateX(55deg) rotateZ(45deg) scale(.68);z-index:2;opacity:.75}.cube-c{left:68%;top:67%;transform:rotateX(55deg) rotateZ(45deg) scale(.57);z-index:1;opacity:.5}.mc-big-number{position:absolute;bottom:-70px;right:8px;font:950 italic 340px/.9 var(--heading);color:rgba(91,231,156,.09);letter-spacing:-.12em}.mc-data{position:absolute;right:32px;bottom:22px;color:rgba(151,239,188,.6);font:750 9px ui-monospace,SFMono-Regular,Consolas,monospace;letter-spacing:.15em}.hosting-footer{display:flex;align-items:center;justify-content:space-between;gap:30px;padding:25px 4px;border-bottom:1px solid var(--border)}.hosting-footer p{font-size:12px;margin:0}.text-link{color:var(--cyan);font-size:12px;font-weight:800;display:inline-flex;align-items:center;gap:12px;white-space:nowrap}.text-link:hover{color:#fff}.text-link span{font-size:18px}
/* Steps */
.section-process{background:#0a111d}.process-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:17px}.process-card{min-height:274px;padding:27px;border-radius:17px;border:1px solid var(--border);background:linear-gradient(150deg,rgba(21,37,58,.68),rgba(11,22,37,.8));position:relative;overflow:hidden;transition:border-color .25s,transform .25s}.process-card:hover,.benefit-card:hover,.service-card:hover{border-color:var(--border-hover);transform:translateY(-4px)}.process-card:after{content:"";position:absolute;top:0;left:24px;right:60%;height:1px;background:linear-gradient(90deg,var(--cyan),transparent)}.process-number{display:flex;justify-content:space-between;color:#4e7491;font:800 11px ui-monospace,SFMono-Regular,Consolas,monospace;letter-spacing:.11em}.process-number span{font-size:20px;color:#3d6d94}.process-icon{width:48px;height:48px;padding:11px;border:1px solid rgba(28,226,239,.19);border-radius:12px;background:rgba(28,226,239,.06);margin:20px 0 17px;color:var(--cyan)}.process-icon svg{width:100%;height:100%}.process-card h3{font-size:15px;font-weight:900;letter-spacing:.03em;margin-bottom:8px}.process-card p{font-size:12px;line-height:1.75;margin-bottom:19px}.process-meta{font:800 10px ui-monospace,SFMono-Regular,Consolas,monospace;letter-spacing:.12em;color:#5d97c3}.system-bridge{margin-top:25px;border:1px dashed rgba(80,137,195,.23);border-radius:11px;display:flex;align-items:center;justify-content:center;gap:26px;padding:17px;flex-wrap:wrap;font-size:11px}.system-bridge>span:first-child{font-size:9px;letter-spacing:.14em;color:#667f9a;font-weight:850}.system-bridge a{color:#b9c9dc;font-weight:720}.system-bridge a:hover{color:var(--cyan)}.bridge-divider{color:#376082}
/* Benefits */
.section-benefits{background:radial-gradient(ellipse 50% 85% at 83% 50%,rgba(41,84,160,.12),transparent 82%),#090f1a}.benefits-grid{display:grid;grid-template-columns:.82fr 1.18fr;gap:75px}.benefit-intro{padding-top:35px}.benefit-intro h2{margin-bottom:24px}.benefit-intro p{font-size:14px;line-height:1.95;margin-bottom:30px;max-width:390px}.benefit-cards{display:grid;grid-template-columns:1fr 1fr;gap:15px}.benefit-card{padding:28px 24px;min-height:205px;border:1px solid var(--border);border-radius:17px;background:linear-gradient(150deg,rgba(21,37,58,.65),rgba(11,22,37,.67));transition:transform .25s,border-color .25s}.benefit-icon{height:34px;width:34px;color:var(--cyan);margin-bottom:18px}.benefit-icon svg{height:100%;width:100%}.benefit-card h3{font-size:13px;font-weight:850;margin-bottom:10px;letter-spacing:.035em}.benefit-card p{font-size:12px;line-height:1.75;margin:0}
/* IT */
.section-it{background:#0b1220}.service-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:17px}.service-card{min-height:286px;padding:27px;border:1px solid var(--border);border-radius:18px;background:radial-gradient(ellipse at top right,rgba(58,91,154,.11),transparent 70%),#101b2c;display:flex;flex-direction:column;transition:transform .25s,border-color .25s}.service-top{display:flex;justify-content:space-between;align-items:start;margin-bottom:37px}.service-num{font:850 10px ui-monospace,SFMono-Regular,Consolas,monospace;letter-spacing:.15em;color:#6485a8}.service-top svg{width:35px;height:35px;color:var(--blue)}.service-card h3{font:900 italic 24px var(--heading);margin-bottom:8px}.service-card p{font-size:12px;line-height:1.8;flex:1}.service-bottom{border-top:1px solid var(--border);padding-top:15px;display:flex;justify-content:space-between;color:#728cac;font:770 9px ui-monospace,SFMono-Regular,Consolas,monospace;letter-spacing:.13em}.service-bottom span{font-size:16px;color:var(--cyan)}.it-note{border-bottom:1px solid var(--border);display:flex;align-items:center;justify-content:space-between;padding:24px 3px 0;gap:15px}.it-note>span{font-size:10px;letter-spacing:.15em;color:#8199b5;font-weight:800}
/* About */
.about-section{background:#080e19}.about-grid{display:grid;grid-template-columns:1fr 1fr;gap:85px;align-items:center}.about-visual{min-height:415px;position:relative;display:flex;align-items:center;justify-content:center;background:radial-gradient(ellipse at 50% 50%,rgba(15,92,151,.22),transparent 65%),linear-gradient(135deg,#0d1a2c,#0b1423);border:1px solid var(--border);border-radius:23px;overflow:hidden}.about-visual:before{content:"";position:absolute;inset:0;background-image:linear-gradient(rgba(51,126,193,.08) 1px,transparent 1px),linear-gradient(90deg,rgba(51,126,193,.08) 1px,transparent 1px);background-size:31px 31px;mask-image:radial-gradient(ellipse,#000,transparent 72%)}.about-logo{z-index:2;width:270px;filter:drop-shadow(0 0 32px rgba(20,180,248,.22))}.about-wire{position:absolute;width:350px;height:350px;border-radius:50%;border:1px solid rgba(19,176,218,.17)}.about-wire-2{width:420px;height:420px;border-style:dashed;opacity:.65}.about-visual-label{position:absolute;bottom:20px;left:25px;color:#6386a6;font:750 10px ui-monospace,SFMono-Regular,Consolas,monospace;letter-spacing:.14em}.about-content h2{margin-bottom:24px}.about-content p{font-size:13px;line-height:1.95;margin-bottom:18px}.about-signature{display:flex;align-items:center;gap:17px;margin-top:28px;padding-top:22px;border-top:1px solid var(--border)}.about-signature span{color:var(--cyan);font:950 italic 17px var(--heading)}.about-signature small{font-size:9px;color:#6d8cab;letter-spacing:.12em}
/* FAQ */
.faq-section{background:#0b1220}.faq-grid{display:grid;grid-template-columns:.66fr 1.34fr;gap:90px}.faq-intro h2{margin-bottom:22px}.faq-intro p{font-size:13px;max-width:300px}.faq-list{border-top:1px solid var(--border)}.faq-list details{border-bottom:1px solid var(--border)}.faq-list summary{padding:23px 5px 23px 0;cursor:pointer;list-style:none;display:flex;justify-content:space-between;align-items:center;gap:15px;font-size:13px;font-weight:780;color:#e8f1fb}.faq-list summary::-webkit-details-marker{display:none}.faq-list summary:hover{color:var(--cyan)}.faq-list details p{font-size:12px;max-width:640px;line-height:1.85;padding-right:24px;margin:0 0 22px}.faq-list details p a{color:var(--cyan);text-decoration:underline;text-decoration-color:rgba(28,226,239,.3)}.faq-plus{width:24px;height:24px;position:relative;flex:0 0 24px;border:1px solid rgba(83,144,200,.34);border-radius:6px}.faq-plus:before,.faq-plus:after{content:"";position:absolute;top:11px;left:6px;width:10px;height:1.5px;background:var(--cyan);transition:transform .2s}.faq-plus:after{transform:rotate(90deg)}details[open] .faq-plus:after{transform:rotate(0)}
/* Contact & Footer */
.contact-section{padding:72px 0 112px;background:#0b1220}.contact-box{min-height:400px;position:relative;display:flex;align-items:center;overflow:hidden;border:1px solid rgba(40,212,239,.35);border-radius:24px;background:radial-gradient(ellipse at 83% 47%,rgba(10,130,174,.22),transparent 52%),linear-gradient(128deg,#0d2435,#0c1829 60%,#06101d)}.contact-grid{position:absolute;inset:0;opacity:.55;background-image:linear-gradient(rgba(52,177,222,.06) 1px,transparent 1px),linear-gradient(90deg,rgba(52,177,222,.06) 1px,transparent 1px);background-size:47px 47px;mask-image:linear-gradient(90deg,transparent 25%,#000)}.contact-content{padding:48px 54px;max-width:700px;position:relative;z-index:2}.contact-content h2{margin-bottom:14px}.contact-content p{max-width:580px;font-size:13px;line-height:1.9;margin-bottom:27px}.contact-actions{display:flex;gap:12px;flex-wrap:wrap}.contact-emblem{position:absolute;width:330px;height:auto;right:18px;opacity:.33;transform:rotate(-13deg);filter:drop-shadow(0 0 35px rgba(21,209,248,.25))}.site-footer{padding-top:58px;background:#080d16;border-top:1px solid var(--border)}.footer-top{display:grid;grid-template-columns:1.6fr repeat(3,.7fr);gap:36px;padding-bottom:55px}.footer-brand img{width:205px;margin-bottom:15px}.footer-brand p{font-size:12px;line-height:1.8;margin:0}.footer-nav-col{display:flex;flex-direction:column;align-items:flex-start;gap:13px}.footer-nav-col h3{font-size:10px;letter-spacing:.13em;color:#f1f8ff;font-weight:800;margin-bottom:7px}.footer-nav-col a{color:#8093ab;font-size:12px;transition:color .2s}.footer-bottom{display:flex;justify-content:space-between;gap:20px;align-items:center;min-height:69px;border-top:1px solid var(--border);font-size:10px;color:#61758d}.footer-bottom>span:nth-child(2){font-weight:800;letter-spacing:.1em}.footer-star{color:var(--cyan);font-size:16px;margin-left:5px}
/* Legal templates */
.legal-main{min-height:58vh;padding:108px 0 130px}.legal-content{max-width:800px}.legal-content h1{font:950 italic clamp(38px,6vw,60px) var(--heading);margin-bottom:18px}.legal-content h2{font:800 21px var(--font);font-style:normal;letter-spacing:0;margin:34px 0 11px;color:#f1f6ff}.legal-content p,.legal-content li{font-size:14px;line-height:1.9}.legal-warning{background:rgba(255,186,74,.09);border:1px solid rgba(255,186,74,.38);color:#ffe1a9;border-radius:12px;padding:18px;margin:28px 0}.legal-warning strong{display:block;margin-bottom:6px}.legal-placeholder{border:1px dashed rgba(114,167,216,.3);background:#102036;border-radius:12px;padding:18px;color:#b6c7d9}.legal-placeholder code{color:var(--cyan);font-size:13px}
/* Reveal and motion */
.reveal{opacity:0;transform:translateY(18px);transition:opacity .65s ease,transform .65s ease}.reveal.is-visible{opacity:1;transform:translateY(0)}@keyframes float{0%,100%{transform:translateY(0) rotate(-3deg)}50%{transform:translateY(-10px) rotate(-3deg)}}
/* Responsive breakpoints */
@media(max-width:1180px){.nav-shell{gap:19px}.desktop-nav{gap:16px}.desktop-nav a{font-size:12px}.brand img{width:170px}.header-actions{gap:15px}.hero-grid{gap:20px}.hero h1{font-size:clamp(43px,4.5vw,63px)}.art-chip-right{right:6px}.hero-art{min-height:470px}}
@media(max-width:1079px){.desktop-nav,.header-actions{display:none}.menu-toggle{display:flex;margin-left:auto}.mobile-nav{display:flex;flex-direction:column;position:absolute;top:90px;left:0;right:0;padding:18px max(24px,calc((100vw - 1200px)/2));background:#0c1625;border-bottom:1px solid rgba(93,160,217,.35);box-shadow:0 24px 40px rgba(0,0,0,.35);max-height:calc(100vh - 90px);overflow:auto}.mobile-nav>a{padding:13px 5px;border-bottom:1px solid var(--border);font-size:14px;font-weight:750}.mobile-portal-actions{display:flex;gap:10px;flex-wrap:wrap;margin-top:16px}.mobile-portal-actions a{background:#17324b;border:1px solid rgba(28,226,239,.23);border-radius:8px;padding:11px 15px;font-size:12px;font-weight:780}.hero-grid{grid-template-columns:1fr .85fr}.hero h1{font-size:clamp(41px,4.7vw,57px)}.hero-cta .btn{font-size:12px;padding:15px 17px}.hero-art{min-height:430px}.art-brand{width:300px}.art-chip{padding:10px}.art-chip-right{top:95px}.about-grid{gap:40px}.benefits-grid{gap:40px}}
@media(max-width:820px){.container{width:min(var(--container),calc(100% - 40px))}.section{padding:79px 0}.section-pad{padding:64px 0 43px}.hero-grid{grid-template-columns:1fr;min-height:0;gap:42px}.hero h1{font-size:clamp(49px,8vw,80px)}.hero-lead{max-width:610px}.hero-art{min-height:410px;max-width:620px;width:100%;margin-inline:auto}.hero-micro{margin-top:28px}.hero-bottom{padding-top:30px}.section-heading,.benefits-grid,.about-grid,.faq-grid{grid-template-columns:1fr;gap:23px}.section-heading>p{max-width:640px}.minecraft-card{grid-template-columns:1fr .62fr}.mc-left{padding-left:27px}.mc-topline{margin-bottom:35px}.mc-left h3{font-size:55px}.mc-tags{max-width:420px}.benefit-intro{padding-top:0}.benefit-intro p{max-width:620px}.about-visual{min-height:320px;order:2}.about-content{order:1}.about-logo{width:210px}.service-grid,.process-grid{gap:11px}.service-card,.process-card{padding:21px}.contact-emblem{width:250px;opacity:.18}.contact-content{padding:38px}.footer-top{grid-template-columns:1.5fr 1fr 1fr;row-gap:30px}.footer-top>.footer-nav-col:last-child{grid-column:2 / span 2}}
@media(max-width:620px){.site-header{height:72px}.mobile-nav{top:72px;max-height:calc(100vh - 72px)}.brand img{width:166px}.container{width:calc(100% - 34px)}.section{padding:65px 0}.section-pad{padding:51px 0 32px}.eyebrow{font-size:9px;letter-spacing:.1em;padding:8px 11px}.hero h1{font-size:clamp(39px,10vw,61px);line-height:1.09;letter-spacing:-.06em}.hero-lead{font-size:14px}.hero-cta{flex-direction:column;align-items:stretch}.hero-cta .btn{width:100%;justify-content:space-between;padding:17px 20px}.hero-art{min-height:325px;border-radius:17px}.art-brand{width:245px}.art-halo{width:260px;height:260px}.art-label{top:16px;left:17px;font-size:8px}.art-chip{bottom:64px;left:7px;padding:8px 9px}.art-chip-right{right:7px;top:64px;bottom:auto;left:auto}.art-chip strong{font-size:8px}.art-chip small{font-size:8px}.art-bottom{bottom:15px;left:15px;right:15px;font-size:7px}.art-bottom>span:last-child{display:none}.hero-bottom{font-size:8px;letter-spacing:.11em}.section-heading{gap:15px;margin-bottom:26px}.section-heading>p{font-size:13px}.section-kicker{margin-bottom:14px;font-size:9px}h2{font-size:clamp(36px,9vw,48px)}.minecraft-card{display:flex;flex-direction:column;min-height:0}.mc-left{padding:22px 23px 29px}.mc-topline{margin-bottom:28px}.mc-category{font-size:8px}.mc-left h3{font-size:clamp(48px,12vw,65px)}.mc-left p{font-size:13px}.mc-right{min-height:210px;order:-1}.pixel-field{transform:scale(.7) translate(-25%, -16%)}.cube-a{left:39%;top:28%}.cube-b{left:74%;top:0}.cube-c{left:86%;top:68%}.mc-big-number{font-size:200px;bottom:-22px;right:-170px}.mc-data{right:0;bottom:14px}.hosting-footer,.it-note{align-items:start;flex-direction:column;gap:14px}.process-grid,.service-grid{grid-template-columns:1fr}.process-card{min-height:auto}.process-icon{margin:12px 0}.process-card p{margin-bottom:10px}.benefit-cards{grid-template-columns:1fr 1fr;gap:9px}.benefit-card{padding:18px 14px;min-height:192px}.benefit-card h3{font-size:11px}.benefit-card p{font-size:11px}.benefit-icon{height:29px;width:29px;margin-bottom:13px}.service-card{min-height:224px}.service-top{margin-bottom:26px}.system-bridge{justify-content:start;gap:12px}.about-visual{min-height:260px}.about-logo{width:190px}.about-signature{flex-direction:column;align-items:start;gap:4px}.faq-grid{gap:19px}.faq-list summary{font-size:12px}.contact-section{padding:48px 0 72px}.contact-box{min-height:0}.contact-content{padding:33px 22px}.contact-content h2{font-size:41px}.contact-actions{flex-direction:column;align-items:stretch}.contact-actions .btn{justify-content:space-between}.contact-emblem{right:-48px;top:26px;width:180px;opacity:.12}.footer-top{grid-template-columns:1fr 1fr;gap:27px}.footer-brand{grid-column:1/-1}.footer-top>.footer-nav-col:last-child{grid-column:auto}.footer-bottom{flex-direction:column;align-items:start;justify-content:center;padding:17px 0;gap:7px}.footer-bottom>span:nth-child(2){font-size:9px}}
@media(max-width:380px){.hero h1{font-size:38px}.hero-micro{gap:10px}.art-chip-right{top:69px}.art-chip-left{bottom:64px}.art-brand{width:215px}.brand img{width:150px}.benefit-cards{grid-template-columns:1fr}.benefit-card{min-height:0}.mc-category{display:none}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.art-brand{animation:none}.reveal{opacity:1;transform:none;transition:none}.btn,.process-card,.benefit-card,.service-card{transition:none}}

/* Contact and quote form – Server Matrix */
.contact-heading{margin-bottom:32px}.contact-layout{display:grid;grid-template-columns:minmax(260px,.73fr) minmax(0,1.27fr);gap:22px;align-items:stretch}.contact-aside,.contact-form-card{border:1px solid rgba(57,152,205,.25);border-radius:21px;background:#101b2b}.contact-aside{padding:32px;background:radial-gradient(ellipse at 25% 5%,rgba(21,226,239,.12),transparent 60%),#101b2b}.contact-aside-head{display:flex;align-items:center;gap:15px;margin-bottom:32px}.contact-aside-head img{width:95px;height:auto}.contact-aside-head span{font:800 10px ui-monospace,monospace;letter-spacing:.15em;color:var(--cyan)}.contact-aside h3{font:900 italic clamp(23px,2.4vw,33px)/1.18 var(--heading);margin-bottom:15px}.contact-aside>p{font-size:13px;line-height:1.8;margin-bottom:34px}.contact-feature{display:flex;flex-direction:column;gap:6px;padding:18px 0;border-top:1px solid var(--border)}.contact-feature strong{font:800 11px ui-monospace,monospace;letter-spacing:.08em;color:#d7eafc}.contact-feature span{font-size:12px;line-height:1.7;color:var(--muted)}.contact-feature a{color:var(--cyan);text-decoration:underline;text-underline-offset:3px}.contact-form-card{padding:32px 35px;background:linear-gradient(145deg,rgba(30,57,83,.48),transparent 50%),#101b2b}.form-heading{margin-bottom:22px}.form-kicker{font:800 10px ui-monospace,monospace;letter-spacing:.16em;color:var(--cyan)}.form-heading h3{font:900 italic 24px var(--heading);margin:9px 0 5px}.form-heading p{font-size:12px;margin:0}.form-row{display:grid;grid-template-columns:1fr 1fr;gap:16px}.form-field{display:flex;flex-direction:column;gap:7px;margin-bottom:18px}.form-field label{font-size:12px;color:#d1def1;font-weight:750}.form-field input,.form-field select,.form-field textarea{width:100%;min-width:0;padding:13px 14px;border:1px solid rgba(100,157,213,.27);border-radius:10px;background:#0b1524;color:#e8f4ff;font:400 13px var(--font);transition:border-color .2s,box-shadow .2s;outline:none}.form-field input::placeholder,.form-field textarea::placeholder{color:#73879e}.form-field input:focus,.form-field select:focus,.form-field textarea:focus{border-color:var(--cyan);box-shadow:0 0 0 3px rgba(28,226,239,.12)}.form-field select{color:#e8f4ff;cursor:pointer}.form-field textarea{resize:vertical;min-height:155px;line-height:1.6}.form-field.field-honeypot{position:absolute;left:-9999px;width:1px;height:1px;overflow:hidden}.form-check{display:flex;gap:12px;align-items:flex-start;margin-bottom:18px;color:#a7bad2;font-size:12px;line-height:1.75;cursor:pointer}.form-check input{width:17px;height:17px;margin-top:3px;accent-color:var(--cyan);flex-shrink:0}.form-check a{color:var(--cyan);text-decoration:underline;text-underline-offset:3px}.captcha-shell{min-height:66px;display:flex;flex-direction:column;align-items:flex-start;gap:6px;margin-bottom:16px}.captcha-note{font-size:11px;line-height:1.5;color:#849cb6;margin:0}.contact-status{font-size:12px;line-height:1.65;border-radius:10px}.contact-status:not(:empty){padding:13px 14px;margin-bottom:16px;border:1px solid rgba(255,190,88,.3);color:#ffe4b5;background:rgba(232,158,54,.09)}.contact-status[data-status="success"]{border-color:rgba(85,234,185,.5);background:rgba(85,234,185,.09);color:#a4f7d2}.contact-form-card .btn[disabled]{opacity:.48;cursor:not-allowed;filter:saturate(.5)}.contact-smallprint{font-size:11px;line-height:1.7;color:#7187a1;margin:16px 0 0}
@media(max-width:900px){.contact-layout{grid-template-columns:1fr}.contact-aside{padding:26px}.contact-aside-head{margin-bottom:12px}.contact-aside h3{max-width:420px}.contact-feature{display:inline-flex;vertical-align:top;width:min(100%,31%);margin-right:1%}.contact-form-card{padding:27px}}
@media(max-width:620px){.contact-layout{gap:15px}.contact-aside,.contact-form-card{padding:22px;border-radius:16px}.contact-feature{display:flex;width:100%;margin-right:0}.form-row{grid-template-columns:1fr;gap:0}.contact-form-card .btn{width:100%;justify-content:space-between}.form-heading h3{font-size:22px}}

/* Self-hosted ALTCHA widget styling */
#xs-altcha{display:block;width:100%;max-width:420px;--altcha-color-base:#0b1524;--altcha-color-text:#d9ecff;--altcha-color-border:#28516e;--altcha-color-accent:#28dce8;--altcha-color-footer:#849cb6;--altcha-border-radius:10px}