/*
Theme Name: SrvNix
Theme URI: https://srvnix.com
Author: SrvNix
Description: The SrvNix website theme. Dark technical look (near-black, amber signal, green for operational), built from WordPress blocks so every page can be edited in the normal editor.
Version: 1.0.0
Requires at least: 6.6
Tested up to: 7.1
Requires PHP: 7.4
License: Proprietary
Text Domain: srvnix
*/

/* SrvNix: near-black ground, warm amber signal, green for operational.
   Chivo display / Public Sans body / JetBrains Mono data. */

:root{
  --ink:#0B0E12; --ink-2:#11161C; --ink-3:#171E26; --line:#232C36; --line-2:#2E3A46;
  --paper:#EEF1F4; --paper-dim:#A9B6C2; --paper-faint:#6E7E8C;
  --amber:#FD8101; --amber-hi:#FF9530; --amber-dim:#9A5205; --amber-wash:rgba(253,129,1,.10);
  --green:#3FBF87; --green-wash:rgba(63,191,135,.12);
  --shell:1200px; --r:4px; --head-h:68px;
}

*{box-sizing:border-box}
html{scroll-behavior:smooth;scroll-padding-top:calc(var(--head-h) + 70px)}
@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}*{animation:none!important;transition:none!important}}

body{margin:0;background:var(--ink);color:var(--paper);font-family:"Public Sans",system-ui,-apple-system,"Segoe UI",sans-serif;font-size:16.5px;line-height:1.62;-webkit-font-smoothing:antialiased}

h1,h2,h3,h4{font-family:Chivo,"Public Sans",sans-serif;margin:0;text-wrap:balance;letter-spacing:-.022em;line-height:1.12;color:var(--paper)}
h1{font-size:clamp(32px,5.2vw,58px);font-weight:900}
h2{font-size:clamp(24px,3.2vw,34px);font-weight:700}
h3{font-size:19px;font-weight:700;letter-spacing:-.012em}
p{margin:0}
:focus-visible{outline:2px solid var(--amber);outline-offset:3px}
.skip-link.screen-reader-text:focus{background:var(--amber);color:#14100A}

.mono{font-family:"JetBrains Mono",ui-monospace,SFMono-Regular,monospace}
.shell{max-width:var(--shell);margin-left:auto;margin-right:auto;padding-left:24px;padding-right:24px;width:100%}

.eyebrow{font-family:"JetBrains Mono",monospace;font-size:11.5px;letter-spacing:.17em;text-transform:uppercase;color:var(--amber);margin-bottom:18px}
.lede{color:var(--paper-dim);font-size:18px;max-width:62ch;margin-top:18px}
.sec-title{margin-bottom:12px}
.sec-lede{color:var(--paper-dim);max-width:62ch;margin-bottom:40px}

/* ---------------------------------------------------------------- buttons */
.wp-block-buttons.wp-block-buttons{display:flex;gap:12px;flex-wrap:wrap}
.cta-row{margin-top:32px}
.wp-block-button .wp-block-button__link,.btn{
  display:inline-flex;align-items:center;justify-content:center;
  background:var(--amber);color:#14100A;text-decoration:none;font-family:inherit;
  font-weight:600;font-size:15px;line-height:1.3;padding:13px 24px;border:1px solid var(--amber);
  border-radius:var(--r);transition:background .15s ease,transform .15s ease;cursor:pointer;
}
.wp-block-button .wp-block-button__link:hover,.btn:hover{background:var(--amber-hi);border-color:var(--amber-hi);color:#14100A}
.wp-block-button .wp-block-button__link:active,.btn:active{transform:translateY(1px)}
.wp-block-button.is-style-outline .wp-block-button__link,.btn-ghost{background:transparent;color:var(--paper);border-color:var(--line-2)}
.wp-block-button.is-style-outline .wp-block-button__link:hover,.btn-ghost:hover{background:var(--ink-3);border-color:var(--paper-faint);color:var(--paper)}
.wp-block-button.btn-sm .wp-block-button__link,.btn-sm{padding:8px 15px;font-size:13.5px}
.wp-block-button.btn-lg .wp-block-button__link,.btn-lg{padding:16px 30px;font-size:16px}

/* ----------------------------------------------------------------- header */
.site-head{position:sticky;top:0;z-index:50;background:rgba(11,14,18,.88);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-bottom:1px solid var(--line)}
.admin-bar .site-head{top:32px}
@media (max-width:782px){.admin-bar .site-head{top:46px}}
@media (max-width:600px){.admin-bar .site-head{top:0}}
.head-inner{display:flex;align-items:center;justify-content:space-between;gap:20px;height:var(--head-h)}
.brand{display:flex;align-items:center;gap:11px;text-decoration:none;color:var(--paper);font-family:Chivo,sans-serif;font-weight:900;font-size:19px;letter-spacing:-.02em}
.brand-mark{width:auto;height:26px;display:block}
.head-right{display:flex;align-items:center;gap:6px;margin-left:auto}

.site-head .wp-block-navigation{gap:6px;font-size:14.5px}
.site-head .wp-block-navigation .wp-block-navigation-item__content{color:var(--paper-dim);font-weight:500;padding:8px 13px;border-radius:var(--r);text-decoration:none}
.site-head .wp-block-navigation .wp-block-navigation-item__content:hover{color:var(--paper);background:var(--ink-3)}
.site-head .wp-block-navigation .current-menu-item>.wp-block-navigation-item__content,
.site-head .wp-block-navigation .wp-block-navigation-item__content[aria-current="page"]{color:var(--amber)}
.site-head .wp-block-navigation .nav-portal>.wp-block-navigation-item__content{border:1px solid var(--line-2);margin-left:6px}
.site-head .wp-block-buttons{margin-left:6px}
.wp-block-navigation__responsive-container-open,.wp-block-navigation__responsive-container-close{color:var(--paper)}
.wp-block-navigation__responsive-container-open svg,.wp-block-navigation__responsive-container-close svg{fill:currentColor}
.wp-block-navigation__responsive-container.is-menu-open{background:var(--ink-2)!important;color:var(--paper)!important;padding:20px 24px!important}
.wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation__container{gap:4px!important;width:100%;align-items:stretch!important}
.wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation-item__content{font-size:18px;padding:12px 6px!important;width:100%}
.wp-block-navigation__responsive-container.is-menu-open .nav-portal>.wp-block-navigation-item__content{margin:10px 0 0!important;justify-content:center;text-align:center}
@media (max-width:600px){.site-head .wp-block-buttons{display:none}}

/* ------------------------------------------------------------------- hero */
.hero{padding:88px 0 76px;background:radial-gradient(900px 420px at 12% -10%,rgba(253,129,1,.12),transparent 62%),linear-gradient(180deg,var(--ink) 0%,var(--ink-2) 100%);border-bottom:1px solid var(--line)}
.hero-grid{display:grid;grid-template-columns:1.15fr .85fr;gap:56px;align-items:center}
.hero h1{max-width:18ch}

.panel{background:var(--ink);border:1px solid var(--line-2);border-radius:6px;overflow:hidden}
.panel-head{display:flex;justify-content:space-between;align-items:center;padding:11px 15px;border-bottom:1px solid var(--line);background:var(--ink-3);font-size:11px;letter-spacing:.11em;text-transform:uppercase;color:var(--paper-faint)}
.panel-tag{color:var(--amber-dim)}
.nodes{list-style:none;margin:0;padding:0}
.nodes li{display:flex;justify-content:space-between;align-items:center;gap:14px;padding:14px 15px;border-bottom:1px solid var(--line)}
.node-name{display:block;font-size:13px;font-weight:500}
.node-meta{display:block;font-size:12px;color:var(--paper-faint);margin-top:2px}
.state{font-family:"JetBrains Mono",monospace;font-size:10.5px;white-space:nowrap;padding:4px 9px;border-radius:999px;letter-spacing:.03em}
.state-ok{background:var(--green-wash);color:var(--green)}
.state-busy{background:var(--amber-wash);color:var(--amber)}
.panel-foot{padding:12px 15px;font-size:12px;color:var(--paper-faint)}

/* ------------------------------------------------------------------ bands */
.band{padding:80px 0;border-bottom:1px solid var(--line)}
.band-alt{background:var(--ink-2)}
.page-head{padding:72px 0 56px;border-bottom:1px solid var(--line);background:linear-gradient(180deg,var(--ink-2),var(--ink))}
.page-head .wp-block-post-date{font-family:"JetBrains Mono",monospace;font-size:11.5px;letter-spacing:.17em;text-transform:uppercase;color:var(--amber);margin-bottom:18px}

/* ------------------------------------------------------------------ cards */
.cards{display:grid;grid-template-columns:repeat(auto-fit,minmax(320px,1fr));gap:18px}
.card{position:relative;display:block;background:var(--ink-2);border:1px solid var(--line);border-radius:6px;padding:24px;transition:border-color .15s ease,transform .15s ease}
.card:hover{border-color:var(--amber-dim);transform:translateY(-2px)}
.card-kicker{font-family:"JetBrains Mono",monospace;font-size:11px;color:var(--amber);letter-spacing:.14em}
.card h3{margin:12px 0 8px}
.card h3 a{color:var(--paper);text-decoration:none}
.card h3 a::after{content:"";position:absolute;inset:0}
.card p{color:var(--paper-dim);font-size:14.5px}
.card .card-list{list-style:none;margin:18px 0 0;padding:16px 0 0;border-top:1px solid var(--line)}
.card-list li{font-size:13.5px;color:var(--paper-faint);padding:3px 0}
.card-list li.more,.card-list li:last-child.more{color:var(--amber-dim)}

/* --------------------------------------------------------------- services */
.jump{position:sticky;top:var(--head-h);z-index:40;background:var(--ink-2);border-bottom:1px solid var(--line)}
.admin-bar .jump{top:calc(var(--head-h) + 32px)}
.jump-inner{display:flex;gap:8px;overflow-x:auto;padding-top:12px;padding-bottom:12px;scrollbar-width:thin}
.jump a{white-space:nowrap;text-decoration:none;font-size:13.5px;color:var(--paper-dim);padding:7px 14px;border:1px solid var(--line);border-radius:999px}
.jump a:hover{color:var(--paper);border-color:var(--line-2)}
.jump .mono{font-size:11px;color:var(--amber);margin-right:5px}

.grp-head{display:flex;gap:22px;align-items:flex-start;margin-bottom:38px}
.grp-kicker{font-family:"JetBrains Mono",monospace;font-size:13px;color:var(--amber);letter-spacing:.14em;padding-top:9px}
.grp-head .sec-lede{margin-bottom:0;margin-top:8px}
.svc-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:1px;background:var(--line);border:1px solid var(--line);border-radius:6px;overflow:hidden}
.svc{background:var(--ink);padding:26px}
.band-alt .svc{background:var(--ink-2)}
.svc h3{margin-bottom:10px}
.svc p{color:var(--paper-dim);font-size:14.5px}

/* -------------------------------------------------------------------- why */
.why{display:grid;grid-template-columns:repeat(auto-fit,minmax(270px,1fr));gap:34px}
.why-item{border-top:2px solid var(--amber);padding-top:20px}
.why-item h3{margin-bottom:9px}
.why-item p{color:var(--paper-dim);font-size:15px}

/* ------------------------------------------------------------------ steps */
.steps{display:flex;flex-direction:column;gap:2px}
.step-row{display:flex;gap:30px;align-items:flex-start;background:var(--ink-2);border-left:2px solid var(--amber);padding:32px}
.step-n{font-family:"JetBrains Mono",monospace;font-size:15px;color:var(--amber);letter-spacing:.1em;padding-top:6px;min-width:32px}
.step-row h2{font-size:23px;margin-bottom:10px}
.step-row p{color:var(--paper-dim);max-width:70ch}
.portal-link{margin-top:38px}

/* ---------------------------------------------------------------- cta band */
.cta-band{background:linear-gradient(180deg,var(--ink-2),var(--ink));border-bottom:0}
.cta-inner{display:flex;justify-content:space-between;align-items:center;gap:36px;flex-wrap:wrap}
.cta-inner h2{margin-bottom:10px}
.cta-inner p{color:var(--paper-dim);max-width:56ch}

/* ------------------------------------------------------------------- form */
.form-grid{display:grid;grid-template-columns:1.45fr .55fr;gap:52px;align-items:start}
.srvnix-form{display:flex;flex-direction:column;gap:20px}
.srvnix-form .row2{display:grid;grid-template-columns:1fr 1fr;gap:20px}
.srvnix-form label{display:flex;flex-direction:column;gap:7px;font-size:14px;color:var(--paper-dim)}
.srvnix-form label i{font-style:normal;color:var(--amber-dim);font-size:12px;margin-left:5px}
.srvnix-form input,.srvnix-form select,.srvnix-form textarea{font-family:inherit;font-size:15.5px;color:var(--paper);background:var(--ink-2);border:1px solid var(--line-2);border-radius:var(--r);padding:12px 14px;width:100%}
.srvnix-form textarea{resize:vertical;min-height:130px}
.srvnix-form input::placeholder,.srvnix-form textarea::placeholder{color:var(--paper-faint)}
.srvnix-form input:focus,.srvnix-form select:focus,.srvnix-form textarea:focus{border-color:var(--amber);outline:none}
.srvnix-form .btn{align-self:flex-start}
.fineprint{font-size:12.5px;color:var(--paper-faint)}
.hp{position:absolute!important;left:-9999px!important;width:1px;height:1px;overflow:hidden}
.form-errors{background:var(--amber-wash);border-left:3px solid var(--amber);padding:16px 20px;border-radius:0 var(--r) var(--r) 0;font-size:14.5px;margin-bottom:20px}
.form-errors ul{margin:8px 0 0;padding-left:20px;color:var(--paper-dim)}
.form-sent{border-left:3px solid var(--green);background:var(--green-wash);padding:32px;border-radius:0 6px 6px 0}
.form-sent h2{margin-bottom:12px}
.form-sent p{color:var(--paper-dim);margin-bottom:24px;max-width:56ch}

.contact-aside{background:var(--ink-2);border:1px solid var(--line);border-radius:6px;padding:28px}
.contact-aside h2{font-size:19px;margin-bottom:16px}
.contact-aside h3{margin-bottom:10px}
.contact-aside p{color:var(--paper-dim);font-size:14.5px;margin-bottom:18px}
.contact-aside p.direct{margin-bottom:8px}
.direct a,a.direct{display:block;font-family:"JetBrains Mono",monospace;font-size:14px;color:var(--amber);text-decoration:none;word-break:break-all}
.direct a:hover{text-decoration:underline}
.contact-aside .wp-block-separator{border:0;border-top:1px solid var(--line);margin:26px 0;opacity:1}

.err-page{padding:110px 0 130px}

/* ------------------------------------------------------------------ prose
   Blog posts and any ordinary page you create in the editor. */
.prose{max-width:760px;margin-left:auto;margin-right:auto;padding-left:24px;padding-right:24px}
.prose>*+*{margin-top:1.15em}
.prose p,.prose li{color:#D6DDE4}
.prose h2{font-size:clamp(22px,2.6vw,28px);margin-top:1.8em}
.prose h3{font-size:20px;margin-top:1.6em}
.prose a{color:var(--amber)}
.prose ul,.prose ol{padding-left:1.4em}
.prose li+li{margin-top:.35em}
.prose code{font-family:"JetBrains Mono",monospace;font-size:.9em;background:var(--ink-3);padding:2px 6px;border-radius:4px}
.prose pre{background:var(--ink-2);border:1px solid var(--line);border-radius:6px;padding:16px;overflow:auto}
.prose blockquote{border-left:3px solid var(--amber);margin-left:0;padding:4px 0 4px 18px;color:var(--paper-dim)}
.prose img{max-width:100%;height:auto;border-radius:6px}
.prose .wp-block-table td,.prose .wp-block-table th{border-color:var(--line-2)}
.prose .wp-block-separator{border-color:var(--line)}
.prose>.wp-block-group.callout{background:var(--ink-2);border-left:3px solid var(--amber);padding:18px 20px;border-radius:0 6px 6px 0}

/* ------------------------------------------------------------------- blog */
.post-list{display:flex;flex-direction:column;gap:14px;list-style:none;margin:0;padding:0}
.post-list>li{background:var(--ink-2);border:1px solid var(--line);border-radius:6px;padding:24px;position:relative;transition:border-color .15s}
.post-list>li:hover{border-color:var(--amber-dim)}
.post-list .wp-block-post-date{font-family:"JetBrains Mono",monospace;font-size:11px;letter-spacing:.14em;text-transform:uppercase;color:var(--amber)}
.post-list .wp-block-post-title{font-size:21px;margin:8px 0}
.post-list .wp-block-post-title a{color:var(--paper);text-decoration:none}
.post-list .wp-block-post-title a::after{content:"";position:absolute;inset:0}
.post-list .wp-block-post-excerpt{color:var(--paper-dim);font-size:15px}
.post-list .wp-block-post-excerpt__more-text{display:none}
.wp-block-query-pagination{margin-top:28px;gap:12px}
.wp-block-query-pagination a{color:var(--amber)}
.post-nav{display:flex;justify-content:space-between;gap:20px;margin-top:48px;padding-top:24px;border-top:1px solid var(--line);font-size:15px}
.post-nav a{color:var(--amber);text-decoration:none}

/* ----------------------------------------------------------------- footer */
.site-foot{background:var(--ink-2);border-top:1px solid var(--line);padding-top:56px}
.foot-inner{display:flex;justify-content:space-between;gap:48px;flex-wrap:wrap;padding-bottom:44px}
.foot-brand{display:flex;flex-direction:column;gap:16px;align-items:flex-start;max-width:36ch}
.foot-logo{width:auto;height:62px;display:block}
.foot-brand p{color:var(--paper-faint);font-size:14px}
.foot-cols{display:flex;gap:64px;flex-wrap:wrap}
.foot-cols h4{font-family:"JetBrains Mono",monospace;font-size:11px;letter-spacing:.13em;text-transform:uppercase;color:var(--paper-faint);font-weight:500;margin-bottom:14px}
.foot-cols ul{list-style:none;margin:0;padding:0}
.foot-cols a{display:block;text-decoration:none;color:var(--paper-dim);font-size:14.5px;padding:3px 0}
.foot-cols a:hover{color:var(--amber)}
.foot-legal{border-top:1px solid var(--line);padding-top:22px;padding-bottom:34px}
.foot-legal p{font-size:12.5px;color:var(--paper-faint)}
.foot-legal .tm{margin-top:8px;max-width:90ch}

/* ------------------------------------------------------------- responsive */
@media (max-width:900px){
  .hero-grid,.form-grid{grid-template-columns:1fr;gap:40px}
  .hero{padding:60px 0 56px}
  .grp-head{flex-direction:column;gap:6px}
  .grp-kicker{padding-top:0}
  .step-row{flex-direction:column;gap:14px;padding:26px 22px}
  .band{padding:60px 0}
  .cards{grid-template-columns:1fr}
}
@media (max-width:560px){
  .srvnix-form .row2{grid-template-columns:1fr}
  .foot-cols{gap:36px}
  .shell{padding-left:16px;padding-right:16px}
  .prose{padding-left:16px;padding-right:16px}
  .svc-grid{grid-template-columns:1fr}
}

/* Full-width sections: no extra margins on the live site. */
.wp-block-group.alignfull{margin-left:0;margin-right:0;max-width:none;width:100%}