/* Attila / Network expressed through interaction. Additive design system. */
:root{--network-ink:#10100e;--network-paper:#f3ede1;--network-copper:#d09b72;--network-muted:#bdb8ac;--network-line:rgba(227,211,183,.22);--network-ease:cubic-bezier(.2,.75,.25,1)}
body{background:var(--network-ink);color:var(--network-paper)}
::selection{background:#d09b72;color:#10100e}
:focus-visible{outline:2px solid #f2c598;outline-offset:5px}
.site-header{border-bottom:1px solid var(--network-line);background:rgba(16,16,14,.96)}
.btn{min-height:44px;transition:transform .22s var(--network-ease),background .22s ease,box-shadow .22s ease}
.btn-primary{background:var(--network-paper);color:var(--network-ink);box-shadow:none;border:1px solid var(--network-paper)}
.btn-primary:hover{background:#e3c29d;color:#10100e;box-shadow:0 8px 28px #0003}
.btn-outline{border-color:#a9a394;color:var(--network-paper)}
.network-home .hero{background:#10100e;min-height:0;padding:72px 0 68px;overflow:hidden}
.network-home .hero-inner{display:grid;grid-template-columns:1.12fr .88fr;gap:48px;align-items:center}
.network-home .hero-copy{max-width:720px;position:relative;z-index:2}
.network-home .hero-copy .eyebrow{background:none;border:0;padding:0;font:500 11px/1.6 ui-monospace,monospace;letter-spacing:.15em;text-transform:uppercase;color:#d1bea5}
.network-home .hero-copy h1{font-size:clamp(42px,4.8vw,76px);font-weight:600;line-height:1.03;letter-spacing:-.06em;max-width:800px;margin:24px 0;color:#f3ede1}
.network-home .hero-copy h1 em{font-style:normal;color:var(--network-copper)}
.network-home .hero-copy{animation:network-enter .65s var(--network-ease) both}
@keyframes network-enter{from{transform:translateY(12px)}to{transform:translateY(0)}}
[data-motion-paused=true]::after,[data-motion-paused=true] *::after,[data-motion-paused=true] .sim-packet{animation-play-state:paused!important}
.network-home .network-manifesto{font-size:clamp(20px,2vw,29px);line-height:1.25;letter-spacing:-.025em;color:#f3ede1;margin-bottom:18px}
.network-home .hero .lead{font-size:18px;line-height:1.6;color:#bdb8ac;max-width:540px;margin-bottom:22px}
.network-home .hero-cta{gap:12px;align-items:center;margin:22px 0}
.network-home .hero-cta .btn{border-radius:5px;font-size:14px;padding:15px 20px}
.network-home .hero-exp-link{display:block;color:#d2aa83;font-size:12px;letter-spacing:.025em;width:100%;margin-top:8px}
.network-home .hero-trust{display:flex;flex-wrap:wrap;gap:7px 20px;margin:26px 0 0;font-size:12px;color:#c2bdaf;line-height:1.6}
.network-home .hero-trust li{display:block}
.network-home .hero-bg{opacity:.3;pointer-events:none}
.network-home .hero-card.network-lab-hero{border:1px solid #c6af852f;border-radius:4px;background:#1b1a16;transform:none;box-shadow:none;position:relative;overflow:visible;min-width:0}
.network-lab-hero figure{margin:0;position:relative}
.network-lab-hero .network-lab-photo{display:block;width:100%;height:430px;object-fit:cover;object-position:50% 48%;filter:saturate(.68)}
.network-lab-hero figcaption{padding:16px 20px;display:flex;justify-content:space-between;gap:16px;background:#1c1b17;font:11px/1.6 ui-monospace,monospace;color:#d4c8b3}
.network-lab-hero figcaption strong{font-weight:500;color:#f3ede1}
.network-photo-tag{position:absolute;left:-20px;top:25px;background:#e7dcc5;color:#25231e;padding:10px 16px;font:11px/1.5 ui-monospace,monospace;letter-spacing:.1em;z-index:2}
.network-photo-tag::before{content:'';display:inline-block;width:6px;height:6px;background:#3a715c;border-radius:50%;margin-right:8px}
.network-topology{display:flex;gap:0;align-items:center;justify-content:space-between;padding:17px 20px;border-top:1px solid var(--network-line);font:10px ui-monospace,monospace;color:#cec1aa}
.network-topology i{height:1px;background:#ac845f;flex:1;margin:0 9px;position:relative;overflow:hidden}
.network-topology i::after{content:'';position:absolute;width:14px;height:1px;background:#fff0d2;animation:network-signal 2.6s linear infinite}
@keyframes network-signal{from{transform:translateX(-16px)}to{transform:translateX(180px)}}
.network-proof{border-block:1px solid var(--network-line);background:#191916}
.network-proof .container{display:grid;grid-template-columns:repeat(4,1fr);padding-block:26px;gap:24px}
.network-proof a{text-decoration:none;color:inherit;border-right:1px solid var(--network-line);padding-left:18px;display:flex;gap:12px;flex-direction:column}
.network-proof a:last-child{border:0}.network-proof strong{font-size:32px;line-height:1;letter-spacing:-.04em;font-weight:500}
.network-proof span{font:11px/1.5 ui-monospace,monospace;color:#bcb6a8}.network-proof a:hover strong{color:var(--network-copper)}
.network-home .section{padding-block:90px}.network-home .section-head h2{font-size:clamp(30px,3.2vw,49px);letter-spacing:-.045em;line-height:1.12}
.network-home .section-head .ch-no{font:10px ui-monospace,monospace;color:#c3936d;letter-spacing:.14em}
.network-home .course-grid{gap:1px;background:var(--network-line);border:1px solid var(--network-line)}
.network-home .course-card,.network-home .feature-card{background:#181815;border:0;border-radius:0;box-shadow:none;padding:30px;min-width:0}
.network-home .course-card{position:relative;transition:background .3s ease,transform .3s ease}.network-home .course-card:hover{background:#24221c;transform:translateY(-5px)}
.network-home .course-card h3{font-size:33px;color:#f3ede1;letter-spacing:-.04em}.network-home .course-cta{color:#e1b993}
.network-home .level{background:transparent;border-radius:0;border:0;padding:0;font:10px ui-monospace,monospace;letter-spacing:.14em;color:#d3a278}
.network-facts{border:1px solid var(--network-line);background:#171815;color:#f3ede1;padding:30px;margin:38px auto;max-width:1160px;border-radius:4px}
.network-facts header{display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--network-line);padding-bottom:18px;gap:20px}
.network-facts h2{font-size:22px;margin:0;letter-spacing:-.035em}.network-command{font:11px/1.6 ui-monospace,monospace;color:#c9a17c}
.network-facts dl{display:grid;grid-template-columns:repeat(4,1fr);gap:25px;margin:26px 0}.network-facts dt{font:10px/1.5 ui-monospace,monospace;text-transform:uppercase;letter-spacing:.1em;color:#bcb6a8;margin-bottom:9px}
.network-facts dd{margin:0;font-size:17px;font-weight:600;line-height:1.4}.network-facts dd small{display:block;font-size:12px;font-weight:400;color:#bab4a7;margin-top:6px}
.network-facts p{font-size:15px;line-height:1.7;color:#ccc6b9}.network-facts .network-disclosure{font-size:12px;border-top:1px solid var(--network-line);padding-top:17px;color:#b8b3a7}
.network-facts .network-answer{display:grid;grid-template-columns:1fr 1fr;gap:25px}.network-answer h3{font-size:16px;color:#eee6d6}.network-answer p{margin-top:8px}
.network-schedule{font:12px/1.6 ui-monospace,monospace;color:#c9ab89;padding-block:10px}
.network-shell{max-width:1160px;margin:auto;padding:70px 24px 100px}.network-shell h1{font-size:clamp(40px,5.5vw,76px);line-height:1.02;letter-spacing:-.055em;font-weight:600;margin:20px 0 26px;max-width:950px}
.network-shell h2{font-size:clamp(27px,3vw,40px);line-height:1.15;letter-spacing:-.035em;margin:45px 0 22px}.network-shell p{max-width:760px;font-size:18px;color:#beb8ac;line-height:1.65}
.network-shell a{color:#e4bb90}.network-shell .btn-primary{color:#111}.network-shell figure{margin:28px 0}.network-shell img{max-width:100%;height:auto;border-radius:3px}.network-shell figcaption{color:#b6b0a3;font:12px/1.7 ui-monospace,monospace;margin-top:10px}
.network-shell .network-columns{display:grid;grid-template-columns:1fr 1fr;gap:30px;align-items:start}.network-shell .network-columns p{font-size:16px}
.network-table{width:100%;border-collapse:collapse;font-size:14px;margin:24px 0}.network-table th,.network-table td{text-align:left;padding:12px;border-bottom:1px solid var(--network-line);color:#e3dccf}.network-table th{font:11px ui-monospace,monospace;color:#bca98f}.network-table-wrap{overflow:auto}
.network-filter{display:block;width:min(100%,440px);background:#1c1d18;border:1px solid #8c816a;color:#f3ede1;font:inherit;padding:14px;margin:24px 0}
.network-lab-sim{border:1px solid var(--network-line);padding:25px;background:#171815;border-radius:3px}.network-lab-sim svg{display:block;width:100%;height:auto;max-height:300px}.network-lab-sim path{transition:stroke .3s ease}.network-lab-sim button{margin:10px 10px 10px 0;padding:12px 18px;background:#e9dec8;color:#171813;border:0;border-radius:3px;cursor:pointer;font:inherit;min-height:44px}
.network-lab-sim .alternate{opacity:.25}.network-lab-sim[data-failed=true] .primary{stroke:#d37b63;stroke-dasharray:5 8}.network-lab-sim[data-failed=true] .alternate{opacity:1;stroke:#e6bd82}.network-lab-sim .sim-packet{stroke-dasharray:8 300;animation:network-route 4s linear infinite}.network-lab-sim[data-failed=true] .primary.sim-packet{animation:none;opacity:.3}
@keyframes network-route{to{stroke-dashoffset:-616}}
.network-utility-nav{display:flex;flex-wrap:wrap;gap:12px 24px;margin:28px 0;padding:20px 0;border-block:1px solid var(--network-line);font-size:14px}
.network-search-button{background:none;color:#cab89d;border:1px solid #8a7b63;border-radius:4px;min-height:44px;padding:8px 16px;font:12px ui-monospace,monospace;cursor:pointer}
.network-search{color:#f3ede1;background:#181915;border:1px solid #aa916d;border-radius:6px;width:min(640px,calc(100vw - 32px));padding:25px;max-height:80vh}.network-search::backdrop{background:#080907cc}.network-search input{background:#10110e;color:#f3ede1;width:100%;padding:14px;border:1px solid #7a715f;font:inherit;margin:18px 0}.network-search ul{padding:0;list-style:none;max-height:45vh;overflow:auto}.network-search a{display:block;padding:13px;color:#e3c29d}.network-search button{min-height:44px;float:right;color:#e3c29d;background:none;border:0;cursor:pointer}
.network-shell .network-kicker{font:11px/1.6 ui-monospace,monospace;letter-spacing:.12em;text-transform:uppercase;color:#c7a17d}
.network-reading-progress{position:fixed;top:0;left:0;height:2px;background:#d3a77a;width:100%;transform:scaleX(0);transform-origin:left;z-index:110;pointer-events:none}
@media(max-width:760px){.site-header .header-inner{gap:8px}.site-header .brand{gap:6px;flex-shrink:0}.site-header .brand-img{width:34px;height:34px}.site-header .brand-text b{font-size:16px}.site-header .brand-text i{font-size:7px;letter-spacing:.2em}.site-header .header-actions{margin-left:auto;flex-shrink:0}.site-header .header-actions .btn-primary{font-size:11px;padding:10px 12px}.site-header .nav-toggle{flex-shrink:0;width:44px;height:44px}.site-header .nav-toggle span{width:22px}}
.mobile-bar{padding-bottom:max(8px,env(safe-area-inset-bottom));gap:6px}.mobile-bar a{min-height:44px}
@media(max-width:900px){.network-home .hero-inner{gap:26px;grid-template-columns:1fr 1fr}.network-home .hero-copy h1{font-size:44px}.network-lab-hero .network-lab-photo{height:390px}.network-home .hero-trust{font-size:11px}.network-facts dl{grid-template-columns:1fr 1fr}}
@media(max-width:760px){.network-home .hero{padding:35px 0 35px}.network-home .hero-inner{grid-template-columns:1fr;gap:35px}.network-home .hero-copy h1{font-size:clamp(39px,10vw,61px);line-height:1.03;letter-spacing:-.055em;margin:20px 0}.network-home .hero .lead{font-size:16px}.network-home .hero-copy .eyebrow{font-size:9px;letter-spacing:.1em}.network-home .network-manifesto{font-size:23px}.network-home .hero-cta .btn{font-size:12px;padding:13px 14px}.network-home .hero-trust{gap:7px 14px;font-size:11px}.network-lab-hero .network-lab-photo{height:300px}.network-photo-tag{left:-8px;top:16px;font-size:9px}.network-home .hero-card.network-lab-hero{max-width:none;width:100%;display:block}.network-home .hero-rack-stage{height:200px;margin:0;position:relative;background:#11120f}.network-proof .container{grid-template-columns:1fr 1fr;gap:24px;padding-block:28px}.network-proof a{padding-left:5px}.network-proof a:nth-child(2){border:0}.network-proof strong{font-size:28px}.network-proof span{font-size:10px}.network-home .section{padding-block:55px}.network-home .course-card{padding:25px}.network-facts{margin:28px 16px;padding:22px 18px}.network-facts header{display:block}.network-facts header span{display:block;margin-top:10px}.network-facts dl{gap:24px 16px}.network-facts dd{font-size:15px}.network-facts .network-answer{grid-template-columns:1fr;gap:10px}.network-shell{padding:40px 20px 110px}.network-shell .network-columns{grid-template-columns:1fr}.network-shell h1{font-size:43px}.network-shell p{font-size:16px}.network-shell .network-table{font-size:12px}.network-table td{padding:10px 7px}.network-search-button{width:100%}body{padding-bottom:76px}}
@media(prefers-reduced-motion:reduce){.network-topology i::after,.network-lab-sim .sim-packet{animation:none}.network-home .course-card,.network-lab-sim path,.btn{transition:none}.network-home .course-card:hover{transform:none}.network-reading-progress{display:none}}
@media(prefers-reduced-motion:reduce){.network-home .hero-copy,.network-home .hero-card{animation:none}}