@import url('https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700&family=Orbitron:wght@500;600;700;800&display=swap');
:root{--font-display:'Orbitron',sans-serif;--font-body:'Inter',system-ui,-apple-system,BlinkMacSystemFont,'Segoe UI',sans-serif;--font-main:var(--font-display);--ink:#e8ecff;--muted:#9ba4c3;--bg:#070816;--panel:#101126;--line:rgba(194,205,255,.16);--lime:#c8ff4d;--violet:#9d7bff;--cyan:#59e8ff;--pink:#ff74bd}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--bg);color:var(--ink);font-family:var(--font-body);overflow-x:hidden}body:before{content:"";position:fixed;inset:0;pointer-events:none;opacity:.3;background:linear-gradient(90deg,transparent 49.9%,rgba(154,163,235,.05) 50%,transparent 50.1%);background-size:80px 80px;z-index:-1}a{color:inherit;text-decoration:none}.site-header{height:80px;padding:0 clamp(22px,5vw,82px);display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line);position:relative;z-index:10;background:rgba(7,8,22,.8);backdrop-filter:blur(18px)}.brand{font:500 22px/1 var(--font-main);letter-spacing:-2px}.brand b{color:var(--lime);font-weight:500}.brand i{color:var(--violet);font-style:normal}.site-nav{display:flex;gap:25px}.site-nav a{font:500 11px var(--font-main);color:var(--muted);letter-spacing:.05em;transition:.25s}.site-nav a:hover,.site-nav a.active{color:var(--lime)}.menu-toggle{display:none;background:none;color:var(--ink);border:0;font-size:22px}.hero{min-height:680px;padding:clamp(90px,13vw,160px) clamp(22px,12vw,190px);position:relative;overflow:hidden}.grid-bg{background:radial-gradient(circle at 67% 32%,rgba(135,90,255,.18),transparent 24%),linear-gradient(120deg,rgba(89,232,255,.04),transparent 40%)}.eyebrow{margin:0 0 20px;font:500 11px var(--font-main);letter-spacing:.14em;color:var(--lime)}h1,h2,h3,p{margin-top:0}h1,h2,h3,.brand,.eyebrow,.site-nav a,.button,.tag,.card-number,.card-link,.hero-status{font-family:var(--font-display)}h1{font-size:clamp(48px,7.2vw,104px);line-height:.98;letter-spacing:-.075em;position:relative;z-index:1}h1 em{color:var(--violet);font-style:normal}h1 em:after{content:"";display:inline-block;width:.6em;height:.12em;background:var(--lime);margin-left:.12em;vertical-align:middle}.hero-copy{max-width:490px;color:var(--muted);font-size:16px;line-height:1.75;margin:29px 0;position:relative;z-index:1}.hero-actions{display:flex;gap:12px;position:relative;z-index:1}.button{display:inline-flex;gap:18px;align-items:center;padding:14px 18px;font:500 11px var(--font-main);letter-spacing:.04em;transition:.25s}.primary{background:var(--lime);color:#101400}.primary:hover{box-shadow:0 0 28px rgba(200,255,77,.45);transform:translateY(-2px)}.ghost{border:1px solid var(--line);color:var(--ink)}.ghost:hover{border-color:var(--violet)}.hero-status{position:absolute;bottom:42px;font:10px var(--font-main);color:var(--muted);letter-spacing:.1em}.hero-status small{font-size:10px;color:#657092}.pulse{width:7px;height:7px;background:var(--lime);border-radius:50%;display:inline-block;margin-right:8px;box-shadow:0 0 10px var(--lime)}.orb{position:absolute;border-radius:50%;filter:blur(2px);opacity:.8}.orb-a{width:340px;height:340px;right:10%;top:16%;background:radial-gradient(circle at 35% 30%,#e3d9ff,#7546ff 43%,transparent 70%);box-shadow:0 0 150px #5e3dff}.orb-b{width:150px;height:150px;right:29%;top:20%;background:radial-gradient(circle,#baff5b,transparent 68%);animation:float 6s ease-in-out infinite}@keyframes float{50%{transform:translate(30px,45px)}}.section{padding:clamp(68px,10vw,130px) clamp(22px,8vw,130px);max-width:1600px;margin:auto}.section-heading{display:flex;justify-content:space-between;align-items:end;gap:40px;margin-bottom:42px}.section-heading h2,.contact h2{font-size:clamp(35px,4.5vw,66px);line-height:1;letter-spacing:-.065em;margin:0}.section-heading>p{width:310px;color:var(--muted);font-size:14px;line-height:1.7;margin:0}.project-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:12px}.project-card{min-height:390px;padding:25px;position:relative;overflow:hidden;border:1px solid var(--line);background:var(--panel);display:flex;flex-direction:column;transition:.35s}.project-card:hover{transform:translateY(-8px);border-color:currentColor}.project-card:after{content:"";position:absolute;width:190px;height:190px;border-radius:50%;right:-65px;bottom:-65px;opacity:.28;filter:blur(8px);transition:.35s}.project-card:hover:after{transform:scale(1.35)}.ai-card{color:var(--cyan)}.ai-card:after{background:var(--cyan)}.cyber-card{color:var(--lime)}.cyber-card:after{background:var(--lime)}.music-card{color:var(--pink)}.music-card:after{background:var(--pink)}.web-card{color:var(--violet)}.web-card:after{background:var(--violet)}.card-number{font:10px var(--font-main);color:var(--muted)}.symbol{font-size:50px;margin:auto 0 20px}.project-card h3{font-size:28px;line-height:1;letter-spacing:-.06em;margin:0 0 14px;color:var(--ink)}.project-card p{font-size:13px;line-height:1.65;color:var(--muted);margin:0}.card-link{margin-top:22px;font:11px var(--font-main);letter-spacing:.06em}.card-link b{font-size:18px;margin-left:7px}.manifesto{border-top:1px solid var(--line);border-bottom:1px solid var(--line)}blockquote{font-size:clamp(30px,4.8vw,72px);line-height:1.12;letter-spacing:-.06em;max-width:1100px;margin:0}blockquote span{color:var(--lime)}.manifesto-meta{display:flex;justify-content:space-between;color:var(--muted);font:10px var(--font-main);letter-spacing:.1em;margin-top:52px}.contact{display:flex;align-items:end;justify-content:space-between;background:linear-gradient(115deg,rgba(157,123,255,.12),transparent 55%)}.contact-link{font-size:clamp(19px,2.5vw,36px);letter-spacing:-.04em;border-bottom:1px solid var(--lime);padding-bottom:8px;color:var(--lime)}.contact-link span{font-size:.7em}footer{border-top:1px solid var(--line);padding:28px clamp(22px,5vw,82px);display:flex;align-items:center;justify-content:space-between;gap:20px;color:var(--muted);font:10px var(--font-main)}footer .brand{font-size:18px}footer a:last-child{color:var(--ink)}.page-hero{padding:90px clamp(22px,10vw,155px) 72px;border-bottom:1px solid var(--line);position:relative;overflow:hidden}.page-hero h1{font-size:clamp(48px,7vw,90px)}.page-hero p:not(.eyebrow){max-width:590px;color:var(--muted);line-height:1.8}.content-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}.info-card{padding:28px;border:1px solid var(--line);background:rgba(16,17,38,.7)}.info-card h3{font-size:17px;margin-bottom:13px}.info-card p,.info-card li{font-size:14px;color:var(--muted);line-height:1.7}.info-card ul{padding-left:18px;margin:0}.tag{font:10px var(--font-main);color:var(--lime);letter-spacing:.1em}.music-form{max-width:760px;margin:auto;padding:clamp(25px,5vw,50px);border:1px solid var(--line);background:var(--panel)}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:20px}label{display:block;font:11px var(--font-main);letter-spacing:.08em;color:var(--muted);margin-bottom:8px}input,select,textarea{width:100%;padding:14px;background:#080919;border:1px solid var(--line);color:var(--ink);font:14px var(--font-main);border-radius:0}textarea{resize:vertical;min-height:130px}.form-result{margin-top:24px;padding:18px;border-left:2px solid var(--lime);background:rgba(200,255,77,.06);color:var(--muted);display:none}.form-result.show{display:block}.timeline{border-left:1px solid var(--line);padding-left:30px;display:grid;gap:32px}.timeline h3{margin-bottom:6px}.timeline p{color:var(--muted);font-size:14px;margin:0}.youtube-placeholder{text-align:center;padding:90px 20px;border:1px dashed var(--line);color:var(--muted)}@media(max-width:850px){.site-nav{display:none;position:absolute;top:79px;left:0;right:0;padding:20px;background:#0b0c1e;border-bottom:1px solid var(--line);flex-direction:column}.site-nav.open{display:flex}.menu-toggle{display:block}.orb-a{right:-85px;opacity:.55}.project-grid{grid-template-columns:repeat(2,1fr)}.section-heading,.contact{align-items:start;flex-direction:column}.section-heading>p{width:auto}.content-grid{grid-template-columns:1fr}.page-hero{padding-top:65px}}@media(max-width:520px){.hero{min-height:610px}.hero-actions{flex-direction:column;align-items:start}.project-grid,.form-grid{grid-template-columns:1fr}.project-card{min-height:290px}.manifesto-meta,footer{align-items:start;flex-direction:column}.contact-link{font-size:21px}}
/* ============================================================
   STANNET PROGRAMMING ACADEMY - COMPONENTES Y TARJETAS
   ============================================================ */
.pa-body {
  background-color: #0b0f19;
  color: #e2e8f0;
  font-family: var(--font-body);
  margin: 0;
  padding: 2rem;
}

.pa-header {
  max-width: 1200px;
  margin: 0 auto 2.5rem;
}

.pa-back-link {
  color: #38bdf8;
  text-decoration: none;
  font-size: 0.95rem;
}

.pa-main-title {
  font-size: 2.25rem;
  margin-top: 0.5rem;
  color: #f8fafc;
}

.pa-container {
  max-width: 1200px;
  margin: 0 auto;
  display: flex;
  flex-direction: column;
  gap: 3rem;
}

.pa-section-title {
  font-size: 1.5rem;
  margin-bottom: 1.25rem;
  color: #38bdf8;
  border-bottom: 1px solid rgba(56, 189, 248, 0.2);
  padding-bottom: 0.5rem;
}

/* Rejilla de Tarjetas */
.pa-tracks-grid, .pa-languages-grid, .pa-builds-grid {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(280px, 1fr));
  gap: 1.5rem;
}

/* Tarjeta individual */
.pa-card, .pa-lang-card, .pa-build-card {
  background: rgba(15, 23, 42, 0.75);
  border: 1px solid rgba(56, 189, 248, 0.25);
  border-radius: 12px;
  padding: 1.5rem;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  backdrop-filter: blur(8px);
  transition: transform 0.2s ease, border-color 0.2s ease;
}

.pa-card:hover, .pa-lang-card:hover, .pa-build-card:hover {
  transform: translateY(-4px);
  border-color: #38bdf8;
}

.pa-badge {
  display: inline-block;
  padding: 0.25rem 0.6rem;
  font-size: 0.75rem;
  font-weight: 600;
  text-transform: uppercase;
  border-radius: 9999px;
  background: rgba(56, 189, 248, 0.15);
  color: #38bdf8;
  margin-bottom: 0.75rem;
}

.pa-card-title {
  font-size: 1.25rem;
  margin: 0 0 0.5rem;
  color: #fff;
}

.pa-card-desc {
  font-size: 0.9rem;
  color: #94a3b8;
  line-height: 1.5;
  margin-bottom: 1.5rem;
}

.pa-card-footer {
  display: flex;
  align-items: center;
  justify-content: space-between;
}

.pa-meta-lessons {
  font-size: 0.85rem;
  color: #64748b;
}

/* Botones */
.pa-btn {
  display: inline-block;
  padding: 0.5rem 1rem;
  border-radius: 6px;
  text-decoration: none;
  font-weight: 500;
  font-size: 0.875rem;
  transition: background 0.2s ease;
}

.pa-btn-primary {
  background: #0284c7;
  color: #ffffff;
}

.pa-btn-primary:hover {
  background: #0369a1;
}

.pa-btn-secondary {
  background: rgba(56, 189, 248, 0.1);
  color: #38bdf8;
  border: 1px solid rgba(56, 189, 248, 0.3);
}

.pa-btn-secondary:hover {
  background: rgba(56, 189, 248, 0.2);
}

/* StanNet typography system: Orbitron for identity/display, Inter for long-form readability */
.pa-main-title,.pa-section-title,.pa-card-title,.pa-badge,.pa-btn,.pa-back-link{font-family:var(--font-display)}
.pa-card-desc,.pa-theory,.pa-output,.pa-code-editor,.pa-card li,.pa-card p{font-family:var(--font-body)}
input,select,textarea{font-family:var(--font-body)}
code,pre,.pa-code-editor{font-family:'Cascadia Code','SFMono-Regular',Consolas,'Liberation Mono',monospace}

/* StanNet Professional UI — restrained portfolio layer */
:root{--surface:#0d1020;--surface-2:#12162a;--accent:var(--cyan)}
.site-header{position:sticky;top:0}
.site-nav{align-items:center}
.site-nav .nav-cta{color:#071019;background:var(--cyan);padding:10px 14px;border:1px solid var(--cyan)}
.site-nav .nav-cta:hover{color:#071019;box-shadow:0 0 20px rgba(89,232,255,.22)}
.hero{min-height:720px}
.hero-copy{font-size:17px;max-width:620px}
.project-grid{gap:16px}
.project-card{border-radius:8px;background:linear-gradient(180deg,rgba(16,17,38,.92),rgba(10,12,27,.92));min-height:350px}
.project-card:hover{transform:translateY(-4px)}
.project-card:after{opacity:.12}
.section-heading h2 em{font-style:normal;color:var(--violet)}
.section-heading>p{width:min(420px,100%);font-size:15px}
.pa-body{font-family:var(--font-body)}
.pa-main-title,.pa-section-title,.pa-card-title,.pa-badge,.pa-btn,.pa-back-link{font-family:var(--font-display)}
.pa-card h3{letter-spacing:-.025em}
.pa-card p,.pa-card li,.pa-card-desc{font-family:var(--font-body);line-height:1.7}
@media(max-width:1100px){.site-nav{gap:16px}.site-nav a{font-size:10px}}

/* ============================================================
   STANNET PROFESSIONAL SYSTEM v2
   Editorial, restrained, product-led. Overrides legacy neon UI.
   ============================================================ */
:root{
  --ink:#f4f7fb;--muted:#9aa6b5;--bg:#0b0f14;--panel:#11171f;--surface:#11171f;--surface-2:#161e28;
  --line:rgba(226,232,240,.13);--cyan:#69b7d6;--violet:#9b8fc4;--lime:#8eb7a2;--pink:#b99aa8;--accent:#69b7d6;
  --font-display:'Inter',system-ui,-apple-system,BlinkMacSystemFont,'Segoe UI',sans-serif;
  --font-brand:'Orbitron',sans-serif;--font-main:var(--font-display)
}
body{background:var(--bg);color:var(--ink)}
body:before{opacity:.12;background:linear-gradient(90deg,transparent 49.9%,rgba(255,255,255,.025) 50%,transparent 50.1%);background-size:96px 96px}
.brand{font-family:var(--font-brand);letter-spacing:0}.brand b{color:var(--cyan)}.brand i{color:var(--muted)}
.site-header{height:76px;background:rgba(11,15,20,.92);border-color:var(--line);backdrop-filter:blur(14px)}
.site-nav a{font-family:var(--font-display);font-weight:600;letter-spacing:.015em;text-transform:none;color:var(--muted)}
.site-nav a:hover,.site-nav a.active{color:var(--ink)}
.site-nav .nav-cta{background:var(--ink);border-color:var(--ink);color:var(--bg);border-radius:6px}.site-nav .nav-cta:hover{color:var(--bg);box-shadow:none;opacity:.9}
.grid-bg{background:radial-gradient(circle at 76% 24%,rgba(105,183,214,.09),transparent 27%),linear-gradient(120deg,rgba(255,255,255,.018),transparent 45%)}
.eyebrow,.tag{font-family:var(--font-display);font-weight:700;letter-spacing:.1em;color:var(--cyan)}
h1,h2,h3,.button,.card-link,.hero-status{font-family:var(--font-display)}
h1{letter-spacing:-.065em;font-weight:700}h1 em{color:var(--cyan)}h1 em:after{display:none}
.hero-copy{color:#aab4c0;line-height:1.72}
.primary{background:var(--ink);color:var(--bg);border-radius:6px}.primary:hover{box-shadow:none;transform:translateY(-1px);opacity:.92}
.ghost{border-color:var(--line);border-radius:6px}.ghost:hover{border-color:rgba(244,247,251,.45)}
.hero-status{font-family:var(--font-display);letter-spacing:.07em}.pulse{background:#7fb497;box-shadow:none}
.orb{filter:none;opacity:.45}.orb-a{background:radial-gradient(circle at 35% 30%,rgba(255,255,255,.22),rgba(105,183,214,.16) 42%,transparent 70%);box-shadow:none}.orb-b{background:radial-gradient(circle,rgba(155,143,196,.18),transparent 68%);animation:none}
.section-heading h2,.contact h2{letter-spacing:-.055em}.section-heading h2 em{color:var(--cyan)}
.project-card{background:var(--panel);border-color:var(--line);border-radius:10px;color:var(--muted);box-shadow:none}
.project-card:hover{border-color:rgba(244,247,251,.28);transform:translateY(-3px)}.project-card:after{display:none}
.ai-card,.cyber-card,.music-card,.web-card{color:var(--muted)}.symbol{color:var(--cyan);font-size:38px}
.project-card h3{letter-spacing:-.04em;font-weight:650}.card-link{color:var(--ink)}
blockquote{letter-spacing:-.045em}blockquote span{color:var(--cyan)}
.contact{background:linear-gradient(115deg,rgba(105,183,214,.06),transparent 58%)}.contact-link{color:var(--ink);border-color:var(--cyan)}
.info-card,.music-form{background:var(--panel);border-color:var(--line)}.form-result{border-color:var(--cyan);background:rgba(105,183,214,.06)}
input,select,textarea{background:#0d131a;border-color:var(--line);font-family:var(--font-body)}
.pa-body{background:#0b0f14;color:var(--ink)}
.pa-main-title,.pa-section-title,.pa-card-title,.pa-badge,.pa-btn,.pa-back-link{font-family:var(--font-display)}
.pa-main-title{letter-spacing:-.04em}.pa-section-title,.pa-back-link{color:var(--cyan)}
.pa-card,.pa-lang-card,.pa-build-card{background:var(--panel);border-color:var(--line);backdrop-filter:none;border-radius:10px}
.pa-card:hover,.pa-lang-card:hover,.pa-build-card:hover{border-color:rgba(244,247,251,.28);transform:translateY(-2px)}
.pa-badge{background:rgba(105,183,214,.09);color:var(--cyan);border-radius:5px}
.pa-btn-primary{background:var(--ink);color:var(--bg)}.pa-btn-primary:hover{background:#dfe6ed}.pa-btn-secondary{background:transparent;color:var(--ink);border-color:var(--line)}

/* Portfolio engineering layer */
.case-studies{border-top:1px solid var(--line);border-bottom:1px solid var(--line)}
.case-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}
.case-study{padding:30px;background:var(--panel);border:1px solid var(--line);border-radius:10px;display:flex;flex-direction:column;min-height:520px}
.case-meta{display:flex;justify-content:space-between;gap:16px;color:var(--muted);font:600 10px var(--font-display);letter-spacing:.08em}
.case-study h3{font-size:clamp(25px,2.2vw,36px);letter-spacing:-.045em;margin:42px 0 14px}
.case-study>p{color:var(--muted);line-height:1.7;min-height:72px}
.case-study dl{margin:20px 0 28px;display:grid;gap:16px}.case-study dl div{border-top:1px solid var(--line);padding-top:13px}
.case-study dt{font:700 10px var(--font-display);letter-spacing:.08em;text-transform:uppercase;color:var(--cyan);margin-bottom:6px}
.case-study dd{margin:0;color:#b4bdc8;font-size:13px;line-height:1.6}.case-actions{margin-top:auto;display:flex;gap:10px;flex-wrap:wrap}
.profile-proof{border-bottom:1px solid var(--line)}
.professional-academy{padding:0}.professional-academy .site-header{margin-bottom:0}.academy-hero{padding:72px clamp(22px,8vw,110px);max-width:1400px;margin:0 auto}
.academy-hero .pa-main-title{font-size:clamp(42px,6vw,82px);line-height:1;max-width:900px}.academy-hero .pa-main-title em{font-style:normal;color:var(--cyan)}
.academy-hero .pa-card-desc{max-width:720px;font-size:16px}.academy-actions{display:flex;gap:10px;flex-wrap:wrap;margin-top:24px}
@media(max-width:950px){.case-grid{grid-template-columns:1fr}.case-study{min-height:auto}.case-study>p{min-height:0}}

/* StanNet Sentinel cyan identity */
:root{--ink:#f5f9fc;--muted:#9eb3c2;--bg:#06131f;--panel:#0a1d2c;--surface:#0a1d2c;--surface-2:#0d2638;--line:rgba(53,215,232,.18);--cyan:#35d7e8;--violet:#35d7e8;--lime:#35d7e8;--pink:#35d7e8;--accent:#35d7e8}
body{background:var(--bg);color:var(--ink)}.site-header{background:rgba(6,19,31,.92);border-color:var(--line)}.brand b,.brand i,.eyebrow,.tag,h1 em,.section-heading h2 em,blockquote span,.pa-section-title,.pa-back-link,.academy-hero .pa-main-title em{color:var(--cyan)}.grid-bg{background:radial-gradient(circle at 76% 24%,rgba(53,215,232,.13),transparent 28%),linear-gradient(120deg,rgba(19,122,163,.08),transparent 48%)}.primary,.site-nav .nav-cta,.pa-btn-primary{background:var(--cyan);border-color:var(--cyan);color:#041117}.pulse{background:var(--cyan)}.project-card,.info-card,.music-form,.pa-card,.pa-lang-card,.pa-build-card,.case-study{background:linear-gradient(180deg,rgba(10,29,44,.96),rgba(6,20,32,.96));border-color:var(--line)}.symbol,.contact-link,.case-study dt{color:var(--cyan)}.contact{background:linear-gradient(115deg,rgba(53,215,232,.09),transparent 58%)}.contact-link{border-color:var(--cyan)}input,select,textarea{background:#071824;border-color:var(--line)}.form-result{border-color:var(--cyan);background:rgba(53,215,232,.07)}.pa-body{background:var(--bg)}.pa-badge{background:rgba(53,215,232,.10);color:var(--cyan)}.pa-btn-secondary{color:var(--cyan);border-color:rgba(53,215,232,.28)}.pa-card:hover,.pa-lang-card:hover,.pa-build-card:hover,.project-card:hover{border-color:rgba(53,215,232,.55)}


/* StanNet home navigation + horizontal hero */
.home-nav{overflow:visible}
.nav-group{position:relative;display:flex;align-items:center}
.nav-trigger{border:0;background:transparent;color:var(--muted);font:600 11px var(--font-display);letter-spacing:.015em;padding:12px 0;cursor:pointer}
.nav-trigger span{color:var(--cyan);margin-left:4px}
.nav-group:hover .nav-trigger,.nav-group:focus-within .nav-trigger{color:var(--ink)}
.nav-dropdown{position:absolute;top:calc(100% + 13px);left:-18px;min-width:235px;padding:10px;background:rgba(6,19,31,.98);border:1px solid var(--line);border-radius:10px;display:none;box-shadow:0 18px 45px rgba(0,0,0,.3)}
.nav-dropdown::before{content:"";position:absolute;left:0;right:0;top:-14px;height:14px}
.nav-group:hover .nav-dropdown,.nav-group:focus-within .nav-dropdown{display:grid}
.site-nav .nav-dropdown a{padding:11px 12px;border-radius:6px;color:var(--muted);white-space:nowrap}
.site-nav .nav-dropdown a:hover{background:rgba(53,215,232,.08);color:var(--cyan)}
.home-hero{min-height:620px;padding-top:clamp(100px,11vw,145px);padding-bottom:110px}
.home-hero-title{max-width:1320px;display:flex;align-items:baseline;gap:.18em;flex-wrap:wrap;font-family:var(--font-body);font-size:clamp(52px,6.2vw,94px);font-weight:700;line-height:1.02;letter-spacing:-.065em;margin-bottom:28px}
.home-hero-title span,.home-hero-title em{white-space:nowrap}
.home-hero-title em{font-family:var(--font-body);font-weight:700}
.home-hero .hero-copy{max-width:720px;font-size:18px}
@media(max-width:1100px){.home-nav{gap:14px}.nav-trigger{font-size:10px}}
@media(max-width:850px){.home-nav{overflow:auto}.nav-group{display:block}.nav-trigger{width:100%;text-align:left;padding:8px 0}.nav-dropdown{position:static;min-width:0;margin:4px 0 8px;padding:4px 0 4px 12px;border:0;border-left:1px solid var(--line);border-radius:0;box-shadow:none;background:transparent}.nav-group:hover .nav-dropdown{display:none}.nav-group:focus-within .nav-dropdown{display:grid}.home-hero{padding-top:80px}.home-hero-title{display:block;font-size:clamp(46px,12vw,72px)}.home-hero-title span,.home-hero-title em{white-space:normal}.home-hero-title span{margin-right:.08em}}

/* ============================================================
   STANNET EDITORIAL HOME / 2026
   Elegance first: serif editorial scale + restrained tech detail.
   Scoped to .editorial-home so product applications stay intact.
   ============================================================ */
:root{--font-editorial:'DM Serif Display',Georgia,serif}
.editorial-home{background:#06131f;color:#f5f9fc}
.editorial-home h1,.editorial-home h2,.editorial-home blockquote{font-family:var(--font-editorial);font-weight:400;letter-spacing:-.035em}
.editorial-home h1 em,.editorial-home h2 em,.editorial-home blockquote em{font-family:var(--font-editorial);font-weight:400;font-style:italic;color:var(--cyan)}
.editorial-kicker{font:600 10px var(--font-brand);letter-spacing:.18em;color:var(--cyan);text-transform:uppercase}
.editorial-hero{min-height:calc(100vh - 76px);display:grid;grid-template-columns:minmax(0,1.12fr) minmax(360px,.88fr);border-bottom:1px solid var(--line)}
.editorial-hero-copy{padding:clamp(70px,9vw,140px) clamp(24px,7vw,110px);display:flex;flex-direction:column;justify-content:center}
.editorial-hero h1{font-size:clamp(64px,8.4vw,144px);line-height:.84;margin:28px 0 42px;max-width:1050px}
.editorial-hero-copy>p:not(.eyebrow){max-width:610px;color:#a9bbc7;font:400 clamp(16px,1.25vw,20px)/1.75 var(--font-body)}
.editorial-actions,.feature-links{display:flex;gap:30px;flex-wrap:wrap;margin-top:34px}
.editorial-actions a,.feature-links a{font:600 11px var(--font-brand);letter-spacing:.07em;color:var(--ink);text-decoration:none;border-bottom:1px solid rgba(53,215,232,.4);padding:0 0 8px}
.editorial-actions a:hover,.feature-links a:hover{color:var(--cyan);border-color:var(--cyan)}
.editorial-hero-art{position:relative;overflow:hidden;border-left:1px solid var(--line);background:radial-gradient(circle at 52% 42%,rgba(53,215,232,.16),transparent 32%),linear-gradient(145deg,#0a1d2c,#04101a);display:flex;align-items:center;justify-content:center}
.editorial-hero-art:before{content:"";position:absolute;inset:8%;border:1px solid rgba(53,215,232,.12);border-radius:50%}
.editorial-hero-art img{width:min(58%,460px);filter:drop-shadow(0 30px 80px rgba(0,0,0,.55));position:relative;z-index:1}
.editorial-hero-art>span{position:absolute;bottom:48px;left:42px;font:600 clamp(28px,3vw,54px) var(--font-brand);letter-spacing:.1em;color:rgba(245,249,252,.12)}
.editorial-hero-art>small{position:absolute;right:32px;top:32px;font:500 9px var(--font-brand);letter-spacing:.18em;color:var(--cyan);writing-mode:vertical-rl}
.editorial-intro{padding:clamp(80px,11vw,170px) clamp(24px,7vw,110px);display:grid;grid-template-columns:.35fr 1fr;gap:7vw;border-bottom:1px solid var(--line)}
.editorial-intro>div{max-width:950px}.editorial-intro h2{font-size:clamp(54px,7vw,112px);line-height:.92;margin:0 0 36px}.editorial-intro>div>p{max-width:650px;color:#9fb2bf;font:400 17px/1.75 var(--font-body)}
.editorial-feature{min-height:760px;display:grid;grid-template-columns:.78fr 1.22fr;border-bottom:1px solid var(--line)}
.editorial-feature.reverse{grid-template-columns:1.22fr .78fr}.editorial-feature.reverse .feature-copy{order:2}.editorial-feature.reverse .feature-visual{order:1;border-left:0;border-right:1px solid var(--line)}
.feature-copy{padding:clamp(70px,9vw,135px) clamp(24px,7vw,100px);display:flex;flex-direction:column;justify-content:center}
.feature-copy h2{font-size:clamp(58px,6.6vw,108px);line-height:.88;margin:25px 0 36px}.feature-copy>p:not(.editorial-kicker){max-width:570px;color:#a5b6c2;font:400 16px/1.8 var(--font-body)}
.feature-visual{position:relative;overflow:hidden;border-left:1px solid var(--line);display:flex;align-items:center;justify-content:center;text-decoration:none;color:inherit;min-height:650px}
.feature-visual>strong{position:absolute;bottom:40px;left:40px;font:600 clamp(26px,4vw,68px) var(--font-brand);letter-spacing:.08em;color:rgba(245,249,252,.13)}
.visual-index{position:absolute;top:34px;right:36px;font:500 9px var(--font-brand);letter-spacing:.18em;color:var(--cyan)}
.sentinel-visual{background:radial-gradient(circle at 50% 45%,rgba(53,215,232,.18),transparent 35%),#071824}.shield-portrait{width:min(46vw,430px);aspect-ratio:1;border:1px solid rgba(53,215,232,.18);border-radius:50%;display:grid;place-items:center}.shield-portrait img{width:68%;filter:drop-shadow(0 28px 55px rgba(0,0,0,.6))}
.code-visual{background:linear-gradient(135deg,#071824,#0a2232)}.code-lines{width:min(70%,620px);display:grid;gap:24px;padding:48px;border-left:1px solid var(--cyan)}.code-lines i{font:400 clamp(16px,2vw,30px)/1.3 'Cascadia Code',monospace;color:#b8cbd5;font-style:normal}.code-lines i:nth-child(2),.code-lines i:nth-child(4){color:var(--cyan);padding-left:10%}
.ai-visual{background:radial-gradient(circle at center,rgba(53,215,232,.12),transparent 45%),#061620}.ai-orbit{width:min(45vw,430px);aspect-ratio:1;border:1px solid rgba(53,215,232,.25);border-radius:50%;position:relative;display:grid;place-items:center}.ai-orbit:before,.ai-orbit:after{content:"";position:absolute;border:1px solid rgba(53,215,232,.16);border-radius:50%;inset:14%}.ai-orbit:after{inset:29%}.ai-orbit b{font:600 clamp(54px,8vw,120px) var(--font-editorial);color:var(--ink)}.ai-orbit i{position:absolute;width:8px;height:8px;background:var(--cyan);border-radius:50%;top:13%;left:50%;box-shadow:0 0 24px var(--cyan)}.ai-orbit i:nth-child(2){top:70%;left:12%}.ai-orbit i:nth-child(3){top:62%;left:85%}
.editorial-academies{border-bottom:1px solid var(--line)}.editorial-academies>.editorial-intro{border-bottom:0}
.academy-list{padding:0 clamp(24px,7vw,110px) clamp(90px,10vw,150px)}
.academy-list a{display:grid;grid-template-columns:70px 1fr minmax(160px,.35fr) 30px;gap:20px;align-items:center;padding:28px 0;border-top:1px solid var(--line);text-decoration:none;color:var(--ink);transition:padding .25s ease}
.academy-list a:last-child{border-bottom:1px solid var(--line)}.academy-list a:hover{padding-left:14px}.academy-list span,.academy-list em,.academy-list b{font:500 10px var(--font-brand);letter-spacing:.1em;color:var(--cyan);font-style:normal}.academy-list strong{font:400 clamp(25px,3vw,46px) var(--font-editorial)}.academy-list em{color:#8fa5b3}
.editorial-statement{padding:clamp(90px,13vw,190px) clamp(24px,7vw,110px);background:#04101a}.editorial-statement>p{font:600 10px var(--font-brand);letter-spacing:.18em;color:var(--cyan)}.editorial-statement blockquote{font-size:clamp(52px,7vw,112px);line-height:.95;max-width:1300px;margin:55px 0 100px}.editorial-statement>div{display:flex;justify-content:space-between;gap:30px;border-top:1px solid var(--line);padding-top:18px;font:500 9px var(--font-brand);letter-spacing:.15em;color:#8fa5b3}
.editorial-contact{padding:clamp(90px,12vw,170px) clamp(24px,7vw,110px)}.editorial-contact h2{font-size:clamp(54px,7vw,110px);line-height:.9;margin:32px 0 50px}
@media(max-width:900px){.editorial-hero{grid-template-columns:1fr}.editorial-hero-art{min-height:500px;border-left:0;border-top:1px solid var(--line)}.editorial-intro,.editorial-feature,.editorial-feature.reverse{grid-template-columns:1fr}.editorial-feature.reverse .feature-copy,.editorial-feature.reverse .feature-visual{order:initial}.feature-visual,.editorial-feature.reverse .feature-visual{border-left:0;border-right:0;border-top:1px solid var(--line);min-height:520px}.editorial-intro{gap:38px}.academy-list a{grid-template-columns:45px 1fr 24px}.academy-list em{display:none}}
@media(max-width:560px){.editorial-hero h1{font-size:clamp(54px,16vw,78px)}.editorial-hero-copy{padding-top:75px}.editorial-hero-art{min-height:390px}.editorial-hero-art img{width:65%}.feature-copy h2,.editorial-intro h2,.editorial-contact h2{font-size:clamp(48px,14vw,70px)}.feature-visual{min-height:390px}.code-lines{width:82%;padding:30px}.academy-list a{padding:22px 0}.editorial-statement>div{flex-direction:column}}

/* Editorial serif refinement — inspired by the reference's high-fashion typography */
.editorial-home{--font-editorial:'Cormorant Garamond',Georgia,'Times New Roman',serif}
.editorial-home h1,.editorial-home h2,.editorial-home blockquote,.academy-list strong{font-family:var(--font-editorial);font-weight:400;letter-spacing:-.035em}
.editorial-home h1 em,.editorial-home h2 em,.editorial-home blockquote em{font-family:var(--font-editorial);font-weight:400}

/* StanNet semantic wordmark: Stan = identity, Net = technology, Space = environment */
.brand .brand-stan{color:#f8fbff!important;font:inherit}
.brand .brand-net{color:#b48cff!important;font:inherit;text-shadow:0 0 16px rgba(180,140,255,.22)}
.brand>i{color:#35d7e8!important}

/* Hero title — balanced technological composition */
.editorial-hero .tech-hero-title{font-family:var(--font-brand)!important;font-style:normal!important;font-weight:500!important;letter-spacing:-.045em!important;line-height:.88!important;display:flex;flex-direction:column;align-items:flex-start;width:min(100%,980px);margin:34px 0 44px}
.tech-hero-title .hero-line{display:block;font-family:var(--font-brand)!important;font-style:normal!important;white-space:nowrap}
.tech-hero-title .hero-line-build{font-size:clamp(46px,5.8vw,96px);color:#f8fbff}
.tech-hero-title .hero-line-systems{font-size:clamp(60px,7.2vw,120px);color:#f8fbff;margin-left:clamp(24px,5vw,88px)}
.tech-hero-title .hero-line-digital{font-size:clamp(42px,5vw,84px);color:#b48cff;margin-left:clamp(5px,1vw,18px);margin-top:10px}
.tech-hero-title .hero-line-secure{font-size:clamp(52px,6.4vw,106px);color:#35d7e8;margin-left:clamp(70px,9vw,155px);margin-top:5px}
@media(max-width:900px){.tech-hero-title .hero-line-systems{margin-left:7vw}.tech-hero-title .hero-line-secure{margin-left:12vw}}
@media(max-width:560px){.editorial-hero .tech-hero-title{letter-spacing:-.04em!important}.tech-hero-title .hero-line-build{font-size:clamp(39px,12vw,58px)}.tech-hero-title .hero-line-systems{font-size:clamp(47px,14vw,68px);margin-left:4vw}.tech-hero-title .hero-line-digital{font-size:clamp(36px,10.5vw,52px)}.tech-hero-title .hero-line-secure{font-size:clamp(43px,12.5vw,62px);margin-left:9vw}}

/* Editorial + technology title language */
.editorial-home h2 .tech-accent{display:inline-block;font-family:var(--font-brand)!important;font-style:normal!important;font-weight:500!important;letter-spacing:-.045em!important;color:#b48cff!important;font-size:.58em;line-height:1.05;margin-top:.18em}
.editorial-feature:nth-of-type(3) h2 .tech-accent,.editorial-contact h2 .tech-accent{color:#35d7e8!important}
.editorial-intro h2 .tech-accent{max-width:100%}
@media(max-width:560px){.editorial-home h2 .tech-accent{font-size:.54em;letter-spacing:-.035em!important}}

.nav-group.open .nav-dropdown{display:grid}
@media(max-width:850px){
  .nav-group.open .nav-dropdown{display:grid!important}
  .nav-trigger{display:flex;align-items:center;justify-content:space-between}
}

/* Global StanNet header logo sizing */
.site-header .brand-lockup{display:inline-flex;align-items:center;gap:10px;flex:0 0 auto;min-width:max-content;white-space:nowrap}
.site-header .brand-lockup .brand-mark{
  display:block;
  width:44px!important;
  height:44px!important;
  max-width:none!important;
  max-height:44px!important;
  min-width:0!important;
  object-fit:contain!important;
  flex:0 0 auto;
}
.site-header .brand-lockup>span{display:inline-flex;align-items:baseline;flex:0 0 auto;min-width:max-content}
.site-header .brand-lockup>span>b,.site-header .brand-lockup>i{flex:0 0 auto;min-width:max-content}
@media(max-width:520px){.site-header .brand-lockup .brand-mark{width:44px!important;height:44px!important}}