:root{
  --bg:#020603;
  --bg2:#041008;
  --panel:#06100a;
  --panel2:#09140d;
  --text:#f1f6f2;
  --muted:#a8b6ab;
  --green:#39ff14;
  --green2:#00e676;
  --green3:#7cff6b;
  --line:rgba(124,255,107,.16);
  --line2:rgba(57,255,20,.42);
  --shadow:0 0 28px rgba(57,255,20,.14);
  --max:1380px;
  --header-h:74px;
}
*{box-sizing:border-box}
html{scroll-behavior:smooth;background:var(--bg)}
body{margin:0;background:radial-gradient(circle at 75% 10%,rgba(0,230,118,.055),transparent 28%),var(--bg);color:var(--text);font-family:"Inconsolata","Courier New",monospace;font-size:17px;line-height:1.58;overflow-x:hidden}
a{color:inherit;text-decoration:none}
img{display:block;max-width:100%;height:auto}
button,a{-webkit-tap-highlight-color:transparent}
::selection{background:var(--green);color:#001603}
.shell{width:min(calc(100% - 40px),var(--max));margin:0 auto}
.skip-link{position:fixed;left:10px;top:8px;z-index:999;padding:10px 14px;background:#fff;color:#000;transform:translateY(-150%)}
.skip-link:focus{transform:translateY(0)}
.page-grid{position:fixed;inset:0;z-index:0;pointer-events:none;opacity:.1;background-image:linear-gradient(rgba(57,255,20,.05) 1px,transparent 1px),linear-gradient(90deg,rgba(57,255,20,.035) 1px,transparent 1px);background-size:42px 42px;mask-image:linear-gradient(to bottom,#000 0,rgba(0,0,0,.8) 65%,transparent)}
.page-scan{position:fixed;left:0;right:0;top:-150px;height:130px;z-index:65;pointer-events:none;opacity:.85;background:linear-gradient(180deg,transparent 0,rgba(57,255,20,.05) 34%,rgba(57,255,20,.18) 46%,rgba(57,255,20,.95) 50%,rgba(57,255,20,.18) 54%,transparent 100%);filter:drop-shadow(0 0 11px rgba(57,255,20,.95)) drop-shadow(0 0 28px rgba(57,255,20,.6));mix-blend-mode:screen;animation:pageScan 8.5s linear infinite}

.site-header{position:fixed;inset:0 0 auto;z-index:80;height:var(--header-h);border-bottom:1px solid rgba(57,255,20,.22);background:linear-gradient(180deg,rgba(2,6,3,.97),rgba(2,6,3,.78));backdrop-filter:blur(14px);transition:.25s ease}
.site-header.scrolled{height:66px;background:rgba(2,6,3,.95);box-shadow:0 12px 38px rgba(0,0,0,.35)}
.header-inner{height:100%;display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:28px}
.brand{display:inline-flex;align-items:center;gap:13px;min-width:max-content}
.brand-mark{font-family:Arial,sans-serif;font-weight:900;font-size:33px;line-height:.86;letter-spacing:-.09em;color:var(--green);text-shadow:0 0 20px rgba(57,255,20,.45)}
.brand-copy{display:flex;flex-direction:column;line-height:1}
.brand-copy strong{font-size:18px;letter-spacing:.04em}.brand-copy strong span{color:var(--green)}
.brand-copy small{margin-top:7px;color:#7e9184;font-size:10px;letter-spacing:.13em}
.main-nav{display:flex;justify-content:center;gap:clamp(17px,2.4vw,38px);font-size:14px}
.main-nav a{position:relative;padding:12px 0;color:#d5ddd7}
.main-nav a::after{content:"";position:absolute;left:0;right:100%;bottom:7px;height:1px;background:var(--green);box-shadow:0 0 10px rgba(57,255,20,.75);transition:right .2s ease}
.main-nav a:hover,.main-nav a.active{color:#fff}.main-nav a:hover::after,.main-nav a.active::after{right:0}
.header-cta{display:inline-flex;align-items:center;gap:10px;border:1px solid var(--line2);padding:11px 15px;color:#fff;font-size:12px;text-transform:uppercase;letter-spacing:.04em;transition:.2s ease;box-shadow:inset 0 0 20px rgba(57,255,20,.025)}
.header-cta span{color:var(--green)}.header-cta:hover{border-color:var(--green);box-shadow:var(--shadow)}
.menu-toggle{display:none;width:42px;height:42px;background:transparent;border:1px solid var(--line);padding:10px}.menu-toggle span{display:block;height:1px;margin:5px 0;background:#fff}

.hero{position:relative;min-height:max(780px,94vh);padding-top:var(--header-h);display:flex;align-items:center;overflow:hidden;border-bottom:1px solid rgba(57,255,20,.28);background:#010402}
.hero-media{position:absolute;inset:0 0 0 39%;background:url('../images/hero-security.webp') center/cover no-repeat;filter:saturate(1.1) contrast(1.02);animation:heroDrift 16s ease-in-out infinite alternate}
.hero-shade{position:absolute;inset:0;background:linear-gradient(90deg,#020603 0%,rgba(2,6,3,.99) 31%,rgba(2,6,3,.9) 46%,rgba(2,6,3,.34) 70%,rgba(2,6,3,.22) 100%),linear-gradient(0deg,rgba(0,0,0,.68),transparent 52%)}
.hero-layout{position:relative;z-index:3;display:grid;grid-template-columns:minmax(0,1.15fr) minmax(340px,.55fr);gap:clamp(40px,6vw,90px);align-items:center;padding-top:58px;padding-bottom:126px}
.eyebrow,.section-kicker{margin:0 0 17px;color:#c8d3ca;font-size:13px;letter-spacing:.07em;text-transform:uppercase}.eyebrow span,.section-kicker{color:var(--green)}
.hero h1{max-width:810px;margin:0;font-size:clamp(52px,6.3vw,100px);line-height:.89;letter-spacing:-.055em;text-transform:uppercase;text-shadow:0 10px 35px rgba(0,0,0,.72)}
.hero h1 b{color:var(--green3);font-weight:700;text-shadow:0 0 34px rgba(57,255,20,.2)}
.hero-lead{width:min(680px,95%);margin:28px 0 0;color:#d0d9d2;font-size:clamp(16px,1.35vw,21px)}
.hero-actions{display:flex;flex-wrap:wrap;gap:12px;margin-top:28px}.button{display:inline-flex;align-items:center;justify-content:center;gap:18px;min-height:48px;padding:11px 20px;border:1px solid var(--line);font-weight:700;transition:.2s ease}.button span{color:var(--green)}
.button-primary{background:linear-gradient(90deg,rgba(57,255,20,.14),rgba(0,230,118,.08));border-color:var(--green);box-shadow:0 0 22px rgba(57,255,20,.12)}.button-primary:hover{background:var(--green);color:#001603;box-shadow:0 0 34px rgba(57,255,20,.28)}.button-primary:hover span{color:#001603}.button-ghost:hover{border-color:var(--green);box-shadow:var(--shadow)}
.hero-points{display:flex;flex-wrap:wrap;gap:15px 24px;margin-top:34px;color:#b7c4ba;font-size:13px}.hero-points span{display:flex;align-items:center;gap:8px}.hero-points i{display:grid;place-items:center;width:23px;height:23px;border:1px solid var(--line2);border-radius:50%;color:var(--green);font-style:normal;font-size:11px;box-shadow:0 0 12px rgba(57,255,20,.1)}
.hero-signature{justify-self:end;align-self:end;width:min(430px,100%);padding:26px 28px;border:1px solid rgba(57,255,20,.24);background:linear-gradient(135deg,rgba(1,10,4,.72),rgba(0,0,0,.42));backdrop-filter:blur(8px);box-shadow:0 20px 50px rgba(0,0,0,.32),inset 0 0 30px rgba(57,255,20,.025)}
.signature-label{display:block;color:#8fb797;font-size:11px;letter-spacing:.08em;text-transform:uppercase}.hero-signature p{margin:17px 0 0;font-size:22px;color:#f4fff5}.hero-signature img{width:230px;margin:4px 0 -6px auto;filter:drop-shadow(0 0 12px rgba(57,255,20,.12))}.hero-signature strong{display:block;text-align:right;color:#dce8df;font-size:14px}
.trust-strip{position:absolute;left:0;right:0;bottom:0;z-index:5;border-top:1px solid rgba(57,255,20,.18);background:rgba(2,7,3,.78);backdrop-filter:blur(10px)}
.trust-inner{min-height:94px;display:grid;grid-template-columns:1fr auto;gap:30px;align-items:center}.trust-inner>p{margin:0;color:#8fa595;font-size:12px}.trust-inner>p span{color:var(--green)}.trust-logos{display:flex;align-items:center;gap:18px}.trust-logos img{object-fit:contain;width:auto;height:34px;max-width:125px;padding:5px 8px;border-radius:4px;background:rgba(255,255,255,.92)}

.section{position:relative;z-index:2;padding:104px 0;border-bottom:1px solid rgba(57,255,20,.11)}
.section-head{display:grid;grid-template-columns:1fr minmax(320px,.72fr);gap:42px;align-items:end;margin-bottom:38px}.section-head h2,.plugin-copy h2{margin:0;font-size:clamp(38px,4.6vw,66px);line-height:.95;letter-spacing:-.045em}.section-head>p{margin:0;color:var(--muted);max-width:650px}.section-head a{color:var(--green);font-weight:700}
.services-section{background:linear-gradient(180deg,#020603,#040905)}
.service-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:12px}.service-card{position:relative;min-height:250px;padding:24px;border:1px solid var(--line);background:linear-gradient(145deg,rgba(57,255,20,.025),rgba(255,255,255,.008));transition:.23s ease;overflow:hidden}.service-card::after{content:"";position:absolute;inset:auto 0 0;height:1px;background:linear-gradient(90deg,transparent,var(--green),transparent);transform:scaleX(0);transition:.25s ease}.service-card:hover{transform:translateY(-4px);border-color:rgba(57,255,20,.5);box-shadow:0 18px 45px rgba(0,0,0,.3),0 0 24px rgba(57,255,20,.05)}.service-card:hover::after{transform:scaleX(1)}
.service-icon{display:grid;place-items:center;width:46px;height:46px;margin-bottom:20px;border:1px solid var(--line2);color:var(--green);font-weight:700;font-size:14px;box-shadow:inset 0 0 14px rgba(57,255,20,.035)}.service-card h3{margin:0 0 9px;font-size:18px}.service-card p{margin:0 0 18px;color:#aebbb0;font-size:14px}.service-card a{position:absolute;left:24px;bottom:22px;color:var(--green);font-size:13px;font-weight:700}

.price-section{background:radial-gradient(circle at 82% 50%,rgba(57,255,20,.09),transparent 27%),linear-gradient(180deg,#041008,#020603)}
.price-layout{display:grid;grid-template-columns:1.25fr .75fr;gap:clamp(34px,6vw,92px);align-items:center}.price-copy h2{max-width:900px;margin:0;font-size:clamp(40px,5vw,72px);line-height:.95;letter-spacing:-.045em}.price-copy h2 span{color:var(--green);text-shadow:0 0 28px rgba(57,255,20,.25)}.price-note{margin:12px 0 18px;color:var(--green3);font-weight:700}.price-copy>p:not(.section-kicker):not(.price-note){max-width:770px;color:#b6c3b8}.price-points{display:grid;grid-template-columns:repeat(4,1fr);gap:10px;margin:28px 0}.price-points span{padding:12px;border:1px solid var(--line);color:#cbd6cd;font-size:12px;text-align:center;background:rgba(0,0,0,.22)}
.price-panel{display:grid;gap:10px;padding:18px;border:1px solid var(--line2);background:rgba(2,10,4,.66);box-shadow:0 0 42px rgba(57,255,20,.06)}.price-panel div{padding:19px;border:1px solid rgba(57,255,20,.13);background:rgba(57,255,20,.02)}.price-panel strong{display:block;color:var(--green);font-size:14px}.price-panel span{display:block;margin-top:5px;color:#9fb0a2;font-size:12px}

.projects-section{background:#020603}.project-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}.project-card{min-height:250px;padding:20px;border:1px solid var(--line);background:linear-gradient(145deg,rgba(255,255,255,.012),rgba(57,255,20,.02));transition:.22s ease}.project-card:hover{transform:translateY(-4px);border-color:var(--line2);box-shadow:var(--shadow)}.project-logo{display:flex;align-items:center;justify-content:center;height:70px;margin-bottom:18px;padding:14px;background:#020603;border:1px solid rgba(57,255,20,.1)}.project-logo img{max-width:90%;max-height:48px;object-fit:contain}.project-logo.light{background:#031007}.project-logo.network img{max-height:62px}.project-card h3{margin:0 0 8px;font-size:20px}.project-card p{margin:0 0 17px;color:#a9b6ac;font-size:14px}.project-card>span{color:var(--green);font-size:12px;font-weight:700}.project-word{display:flex;align-items:center;height:70px;margin-bottom:18px;padding:0 18px;border:1px solid rgba(57,255,20,.1);font-size:30px;font-weight:700;color:#f2fff3;background:#020603}.project-word span{color:var(--green)}.system-card .project-word{font-size:26px}

.plugin-section{overflow:hidden;background:radial-gradient(circle at 77% 48%,rgba(65,80,255,.08),transparent 30%),linear-gradient(180deg,#030704,#05070b)}
.plugin-layout{display:grid;grid-template-columns:1fr minmax(420px,.9fr);gap:clamp(42px,7vw,110px);align-items:center}.plugin-copy h2 span{background:linear-gradient(90deg,var(--green),#86ffdd 38%,#70a8ff 78%);-webkit-background-clip:text;background-clip:text;color:transparent}.plugin-copy>p:not(.section-kicker){max-width:680px;margin:25px 0;color:#b9c5bb}.plugin-points{display:grid;grid-template-columns:repeat(2,1fr);gap:10px;margin:28px 0}.plugin-points span{padding:13px 14px;border:1px solid var(--line);background:rgba(0,0,0,.25);font-size:13px}.plugin-points span::before{content:"> ";color:var(--green)}.plugin-visual{margin:0}.plugin-visual img{width:100%;border:1px solid rgba(255,255,255,.12);box-shadow:0 30px 75px rgba(0,0,0,.55),0 0 50px rgba(57,255,20,.07)}.plugin-visual figcaption{margin-top:11px;color:#77847a;font-size:11px;text-transform:uppercase;letter-spacing:.08em}

.supported-section{background:#020603}.support-grid{display:grid;grid-template-columns:repeat(5,1fr);gap:12px}.support-card{min-height:220px;padding:21px;border:1px solid var(--line);background:rgba(255,255,255,.01)}.support-card>span{display:grid;place-items:center;width:42px;height:42px;margin-bottom:17px;border:1px solid var(--line2);color:var(--green);font-size:18px}.support-card h3{margin:0 0 8px;font-size:17px}.support-card p{margin:0;color:#9facA2;font-size:13px}
.security-band{display:grid;grid-template-columns:.82fr 1.18fr;min-height:430px;margin-top:58px;border:1px solid var(--line);background:linear-gradient(135deg,rgba(57,255,20,.02),rgba(0,0,0,.3));overflow:hidden}.security-image{position:relative;min-height:430px;background:#020704;display:grid;place-items:center;overflow:hidden;isolation:isolate}.security-image img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:center 48%;filter:saturate(1.08) contrast(1.08) brightness(.94) drop-shadow(0 0 28px rgba(57,255,20,.12));z-index:1}.security-image::before{content:"";position:absolute;z-index:2;left:8%;right:8%;top:-44%;height:72%;pointer-events:none;background:radial-gradient(ellipse at 50% 10%,rgba(155,225,255,.44) 0,rgba(83,190,255,.24) 28%,rgba(35,119,255,.10) 52%,transparent 74%);filter:blur(18px);mix-blend-mode:screen;opacity:.32;animation:serverCoolingFlow 7.2s linear infinite}.security-image::after{content:"";position:absolute;z-index:3;left:16%;right:16%;top:-34%;height:56%;pointer-events:none;background:linear-gradient(180deg,rgba(188,237,255,.02) 0,rgba(91,202,255,.20) 30%,rgba(64,145,255,.14) 56%,transparent 100%);clip-path:polygon(18% 0,82% 0,64% 100%,36% 100%);filter:blur(16px);mix-blend-mode:screen;opacity:.28;animation:serverCoolingBeam 5.8s ease-in-out infinite}.security-copy{display:flex;flex-direction:column;justify-content:center;padding:clamp(32px,5vw,72px)}.security-copy h3{margin:0 0 15px;font-size:clamp(32px,3vw,48px)}.security-copy>p:not(.section-kicker){color:#b4c0b6}.security-tags{display:flex;flex-wrap:wrap;gap:8px;margin:21px 0}.security-tags span{padding:7px 10px;border:1px solid var(--line);color:#cfe0d2;font-size:11px}.text-link{width:fit-content;color:var(--green);font-weight:700;border-bottom:1px solid var(--line2)}

.more-section{background:linear-gradient(180deg,#040b06,#020603)}.more-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:12px}.more-grid a{padding:22px;border:1px solid var(--line);background:rgba(255,255,255,.01);transition:.2s ease}.more-grid a:hover{border-color:var(--line2);transform:translateY(-3px)}.more-grid strong{display:block;font-size:19px}.more-grid span{display:block;margin-top:5px;color:#a8b6ab;font-size:13px}.more-grid .featured{grid-column:span 2;border-color:var(--line2);box-shadow:inset 0 0 28px rgba(57,255,20,.025)}.more-grid .featured strong{color:var(--green)}

.community-section{background:radial-gradient(circle at 78% 18%,rgba(57,255,20,.05),transparent 25%),#020603}.social-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:12px}.social-card{display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:15px;min-height:94px;padding:18px;border:1px solid var(--line);background:var(--panel);transition:.2s ease}.social-card:hover{border-color:var(--line2);transform:translateY(-3px)}.social-badge{display:grid;place-items:center;width:42px;height:42px;border:1px solid var(--line2);color:var(--green);font-size:20px;font-weight:700}.social-card small{display:block;color:#94a198;font-size:12px}.social-card strong{display:block;margin-top:2px;font-size:15px}.social-card b{color:var(--green)}
.final-cta{display:flex;justify-content:space-between;align-items:center;gap:30px;margin-top:64px;padding:34px;border:1px solid var(--line2);background:linear-gradient(90deg,rgba(57,255,20,.04),transparent)}.final-cta h3{margin:0;font-size:clamp(27px,3vw,46px)}

.site-footer{position:relative;z-index:2;padding:52px 0;background:#010302;border-top:1px solid rgba(57,255,20,.3);box-shadow:inset 0 12px 40px rgba(57,255,20,.025)}.footer-inner{display:grid;grid-template-columns:1fr auto 1fr;gap:30px;align-items:center}.footer-contact{display:flex;flex-direction:column;gap:5px;text-align:center;font-size:14px}.footer-contact span{color:var(--green);font-weight:700}.footer-contact a{color:#d6dfd8}.footer-contact a:hover{color:var(--green)}.site-footer p{margin:0;text-align:right;color:#d8e1da;font-size:14px}.site-footer small{color:#829086;font-size:11px}

.reveal{opacity:0;transform:translateY(24px);transition:opacity .7s ease,transform .7s ease}.reveal.visible{opacity:1;transform:none}
@keyframes pageScan{0%{transform:translateY(-180px)}100%{transform:translateY(calc(100vh + 260px))}}
@keyframes heroDrift{from{transform:scale(1.01) translate3d(0,0,0)}to{transform:scale(1.045) translate3d(-.35%,-.25%,0)}}
@keyframes serverCoolingFlow{0%{transform:translateY(-8%) scaleX(.86);opacity:0}18%{opacity:.28}54%{opacity:.38}100%{transform:translateY(185%) scaleX(1.14);opacity:0}}
@keyframes serverCoolingBeam{0%,100%{transform:translateY(-4%) scaleX(.92);opacity:.12}48%{transform:translateY(152%) scaleX(1.08);opacity:.34}62%{opacity:.22}}

@media(max-width:1180px){
  :root{--header-h:68px}.header-inner{grid-template-columns:1fr auto}.header-cta{display:none}.menu-toggle{display:block;grid-column:2;grid-row:1}.main-nav{position:absolute;top:100%;left:20px;right:20px;display:none;flex-direction:column;gap:0;padding:10px 18px 16px;background:rgba(2,7,3,.98);border:1px solid var(--line);box-shadow:0 24px 50px rgba(0,0,0,.45)}.main-nav.open{display:flex}.main-nav a{padding:13px 0;border-bottom:1px solid var(--line)}
  .hero-layout{grid-template-columns:1fr minmax(290px,.48fr)}.service-grid{grid-template-columns:repeat(2,1fr)}.support-grid{grid-template-columns:repeat(3,1fr)}.more-grid{grid-template-columns:repeat(3,1fr)}.social-grid{grid-template-columns:repeat(2,1fr)}
}
@media(max-width:860px){
  .shell{width:min(calc(100% - 28px),var(--max))}.brand-copy strong{font-size:15px}.brand-copy small{font-size:8px}.brand-mark{font-size:29px}.hero{min-height:940px;align-items:flex-end}.hero-media{inset:0;background-position:center top}.hero-shade{background:linear-gradient(0deg,#020603 0%,rgba(2,6,3,.97) 47%,rgba(2,6,3,.35) 79%,rgba(2,6,3,.25) 100%)}.hero-layout{grid-template-columns:1fr;gap:24px;padding-top:240px;padding-bottom:132px}.hero h1{font-size:clamp(44px,11vw,72px)}.hero-signature{justify-self:start;width:min(520px,100%)}.trust-inner{grid-template-columns:1fr;gap:12px;padding-top:16px;padding-bottom:16px}.trust-logos{justify-content:flex-start;flex-wrap:wrap}.trust-logos img{height:30px}.section{padding:80px 0}.section-head{grid-template-columns:1fr;gap:17px}.price-layout,.plugin-layout,.security-band{grid-template-columns:1fr}.project-grid{grid-template-columns:repeat(2,1fr)}.support-grid{grid-template-columns:repeat(2,1fr)}.more-grid{grid-template-columns:repeat(2,1fr)}.price-points{grid-template-columns:repeat(2,1fr)}.footer-inner{grid-template-columns:1fr;text-align:left}.footer-contact{text-align:left}.site-footer p{text-align:left}
}
@media(max-width:560px){
  body{font-size:16px}.brand-copy small{display:none}.hero{min-height:980px}.hero-layout{padding-top:220px}.hero h1{font-size:43px}.hero-lead{font-size:16px}.hero-actions{display:grid;grid-template-columns:1fr}.button{width:100%}.hero-points{display:grid;grid-template-columns:1fr 1fr}.hero-signature p{font-size:18px}.trust-strip{position:relative}.trust-inner{min-height:0}.trust-logos img{height:28px}.section-head h2,.plugin-copy h2,.price-copy h2{font-size:38px}.service-grid,.project-grid,.support-grid,.more-grid,.social-grid{grid-template-columns:1fr}.more-grid .featured{grid-column:auto}.service-card{min-height:230px}.plugin-points,.price-points{grid-template-columns:1fr}.final-cta{flex-direction:column;align-items:stretch}.page-scan{opacity:.65}
}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{animation-duration:.001ms!important;animation-iteration-count:1!important;scroll-behavior:auto!important;transition-duration:.001ms!important}.reveal{opacity:1;transform:none}.page-scan{display:none}}

/* v3: robust server visual fallback */
.security-image{
  background-color:#020704;
  background-image:url('../images/server-proliant.jpg');
  background-size:cover;
  background-position:center 48%;
  background-repeat:no-repeat;
}
.security-image img{
  display:block;
  opacity:1;
  visibility:visible;
}