.nw-system-page{--primary-blue:#0f4da8;--primary-blue-light:#2a62c4;--primary-blue-dark:#0c3d86;--accent-blue:#7c94bd;--text-primary:#101c2e;--text-secondary:#46505e;--text-muted:#67707e;--background-primary:#ffffff;--background-secondary:#f7f5f0;--background-tertiary:#f0ece4;--border-light:#e7e2d8;--nawis-dark:#070b14;--nawis-blue:#0f4da8;--nawis-cyan:#2a62c4;--nawis-blue-on-dark:#6aa9ec;--node-bg:rgba(15,23,42,0.6);--text-bright:#f7f5f0;--text-dim:#c5ccd6}.nw-system-page .page-hero{background:linear-gradient(135deg,var(--nawis-dark) 0,#101c2e 100%);padding:120px 0 80px;text-align:center;color:white;position:relative;overflow:hidden}.nw-system-page .page-hero:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:radial-gradient(circle at 50% 50%,rgba(15,77,168,.1) 0,transparent 70%)}.nw-system-page .page-hero-content{max-width:1200px;margin:0 auto;padding:0 40px;position:relative;z-index:2}.nw-system-page .page-hero h1{font-size:3.5rem;font-weight:550;margin-bottom:24px;line-height:1.2;letter-spacing:-.02em;color:white}.nw-system-page .page-hero .highlight{color:var(--nawis-blue-on-dark)}.nw-system-page .page-hero p{font-size:1.3rem;color:rgba(255,255,255,.9);max-width:800px;margin:0 auto;line-height:1.7}.nw-system-page .nw-hub,.nw-system-page .nw-modal{--nw-ink:#0a1628;--nw-cyan:#6aa9ec;--nw-gradient:linear-gradient(135deg,#11529f,#0a3a7e);--nw-r-sm:2px;--nw-r-md:3px;--nw-r-lg:4px;--nw-r-full:2px;--nw-font-display:var(--font-inter),system-ui,-apple-system,"Segoe UI",sans-serif;--nw-ease:cubic-bezier(0.22,1,0.36,1);--nw-dur:0.65s;font-family:var(--nw-font-display);line-height:1.65;-webkit-font-smoothing:antialiased}.nw-system-page .nw-hub .nw-container{width:100%;max-width:1200px;margin:0 auto;padding:0 clamp(20px,4vw,32px);position:relative;z-index:2}.nw-system-page .nw-hub .nw-section-head{margin:0 auto clamp(56px,7vw,96px);display:flex;flex-direction:column;align-items:center;gap:18px;max-width:820px;text-align:center}.nw-system-page .nw-hub .nw-title{font-family:var(--nw-font-display);font-size:clamp(2.2rem,4.6vw,3.6rem);font-weight:550;letter-spacing:-.015em;line-height:1.12;color:#ffffff;margin:0;text-wrap:balance}.nw-system-page .nw-hub .nw-lead{font-size:clamp(1rem,1.4vw,1.125rem);line-height:1.75;color:rgba(226,232,240,.78);max-width:680px;margin:0}.nw-system-page .nw-hub .nw-lead strong{color:#fff;font-weight:600}.nw-system-page .nw-hub{background:radial-gradient(ellipse at top,#112142 0,var(--nw-ink) 40%,#060d1a 100%);padding:clamp(80px,10vw,128px) 0;color:#fff;width:100vw;margin-left:calc(50% - 50vw);margin-right:calc(50% - 50vw);position:relative;overflow:hidden}.nw-system-page .nw-hub:before{content:"";position:absolute;inset:0;background-image:radial-gradient(circle at 50% 50%,rgba(90,145,214,.06),transparent 60%);pointer-events:none}.nw-system-page .nw-hub__stage{position:relative;margin-top:24px}.nw-system-page .nw-hub__lines{position:absolute;inset:0;width:100%;height:100%;z-index:1;pointer-events:none;display:none}@media (min-width:1200px){.nw-system-page .nw-hub__lines{display:block}}.nw-system-page .nw-hub__lines .energy-path{fill:none;stroke:transparent;stroke-width:0;stroke-dasharray:none;stroke-linecap:round;opacity:0;animation:none}.nw-system-page .nw-hub__lines .energy-path:nth-child(2){animation-delay:.6s}.nw-system-page .nw-hub__lines .energy-path:nth-child(3){animation-delay:1.2s}.nw-system-page .nw-hub__lines .energy-path:nth-child(4){animation-delay:1.8s}.nw-system-page .nw-hub__lines .energy-path:nth-child(5){animation-delay:2.4s}.nw-system-page .nw-hub__lines .energy-path:nth-child(6){animation-delay:3s}.nw-system-page .nw-hub__lines .energy-path:nth-child(7){animation-delay:3.6s}.nw-system-page .nw-hub__lines .energy-path:nth-child(8){animation-delay:4.2s}.nw-system-page .nw-hub__lines .energy-track{fill:none;stroke:rgba(255,255,255,.05);stroke-width:1}.nw-system-page .nw-hub__lines .energy-particle{fill:#a9d0f8;filter:drop-shadow(0 0 6px rgba(169,208,248,.9))}.nw-system-page .nw-hub__lines .energy-particle--alt{fill:#6aa9ec;filter:drop-shadow(0 0 7px rgba(106,169,236,.95))}@keyframes nw-flow{0%{stroke-dashoffset:170}to{stroke-dashoffset:0}}.nw-system-page .nw-hub__layout{position:relative;z-index:2;display:grid;grid-template-columns:minmax(0,1fr);gap:28px}@media (min-width:700px) and (max-width:1199.98px){.nw-system-page .nw-hub__layout{grid-template-columns:repeat(2,minmax(0,1fr));grid-template-areas:"core core" "left right";gap:36px 20px}.nw-system-page .nw-hub__core{grid-area:core;width:min(100%,320px)}.nw-system-page .nw-hub__col--left{grid-area:left}.nw-system-page .nw-hub__col--right{grid-area:right}}@media (min-width:1200px){.nw-system-page .nw-hub__layout{grid-template-columns:minmax(0,1fr) clamp(280px,25vw,340px) minmax(0,1fr);gap:clamp(28px,3vw,48px);align-items:center}}.nw-system-page .nw-hub__col{display:grid;grid-auto-rows:1fr;gap:14px;min-width:0}.nw-system-page .nw-hub__core{position:relative;aspect-ratio:1/1;width:100%;max-width:340px;container-type:inline-size;margin:0 auto;display:flex;align-items:center;justify-content:center;border-radius:50%;background:radial-gradient(circle at 50% 40%,#1a2f52 0,#0f1e38 45%,#060d1a 100%);box-shadow:0 0 0 1px rgba(90,145,214,.18),0 0 60px rgba(90,145,214,.25),0 0 120px rgba(106,169,236,.12),inset 0 0 80px rgba(90,145,214,.1)}.nw-system-page .nw-hub__core:before{content:"";position:absolute;inset:-4px;border-radius:50%;background:conic-gradient(from 0deg,transparent 0,rgba(106,169,236,.45) 15%,transparent 30%,transparent 50%,rgba(90,145,214,.45) 65%,transparent 80%);animation:nw-spin 8s linear infinite;mask:radial-gradient(circle,transparent 46%,#000 48%,#000 50%,transparent 52%);-webkit-mask:radial-gradient(circle,transparent 46%,#000 48%,#000 50%,transparent 52%);pointer-events:none}.nw-system-page .nw-hub__core:after{content:"";position:absolute;inset:14%;border-radius:50%;border:1px dashed rgba(255,255,255,.08);animation:nw-spin 40s linear infinite reverse;pointer-events:none}@keyframes nw-spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.nw-system-page .nw-hub__core-pulse{position:absolute;inset:0;border-radius:50%;pointer-events:none}.nw-system-page .nw-hub__core-pulse:after,.nw-system-page .nw-hub__core-pulse:before{content:"";position:absolute;inset:24%;border-radius:50%;border:1px solid rgba(106,169,236,.3);animation:nw-pulse-ring 3.2s var(--nw-ease) infinite}.nw-system-page .nw-hub__core-pulse:after{animation-delay:1.6s}@keyframes nw-pulse-ring{0%{transform:scale(.6);opacity:0}40%{opacity:.6}to{transform:scale(1.6);opacity:0}}.nw-system-page .nw-hub__core-inner{position:relative;z-index:3;text-align:center;padding:0 13%;width:100%}.nw-system-page .nw-hub__core-tag{display:inline-flex;align-items:center;gap:8px;font-size:clamp(.6rem,3.2cqi,.68rem);font-weight:600;letter-spacing:clamp(.2em,1.1cqi,.32em);text-transform:uppercase;color:var(--nw-cyan);margin-bottom:clamp(10px,4cqi,14px);padding:6px 14px;border:1px solid rgba(106,169,236,.35);border-radius:var(--nw-r-full);background:rgba(106,169,236,.08)}.nw-system-page .nw-hub__core-tag:before{content:"";width:6px;height:6px;border-radius:50%;background:var(--nw-cyan);box-shadow:0 0 10px var(--nw-cyan);animation:nw-dot-pulse 1.8s ease-in-out infinite}@keyframes nw-dot-pulse{0%,to{opacity:1}50%{opacity:.35}}.nw-system-page .nw-hub__core-title{font-family:var(--nw-font-display);font-size:1.1rem;font-size:clamp(.95rem,7.4cqi,1.5rem);overflow-wrap:break-word;hyphens:auto;font-weight:550;letter-spacing:.04em;text-transform:uppercase;line-height:1.18;color:#fff;text-shadow:0 2px 20px rgba(90,145,214,.35)}.nw-system-page .nw-hub__core-line{width:44px;height:2px;background:var(--nw-gradient);margin:16px auto 0;border-radius:2px}.nw-system-page .nw-hub__node{display:flex;align-items:center;gap:14px;padding:16px 20px;background:rgba(255,255,255,.035);border:1px solid rgba(255,255,255,.08);border-radius:var(--nw-r-md);backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);cursor:pointer;transition:background-color var(--nw-dur) var(--nw-ease),border-color var(--nw-dur) var(--nw-ease),transform var(--nw-dur) var(--nw-ease),box-shadow var(--nw-dur) var(--nw-ease);text-align:left;color:#fff;font-family:inherit;width:100%;min-width:0;height:100%;white-space:normal;line-height:1.3}.nw-system-page .nw-hub__node:focus-visible,.nw-system-page .nw-hub__node:hover{background:rgba(90,145,214,.12);border-color:rgba(90,145,214,.45);transform:translateX(6px);outline:none;box-shadow:0 14px 32px -10px rgba(90,145,214,.5)}@media (min-width:1200px){.nw-system-page .nw-hub__col--right .nw-hub__node:hover{transform:translateX(-4px)}}.nw-system-page .nw-hub__node-ic{width:40px;height:40px;flex-shrink:0;border-radius:var(--nw-r-sm);background:rgba(255,255,255,.06);border:1px solid rgba(255,255,255,.1);display:grid;place-items:center;color:var(--nw-cyan)}.nw-system-page .nw-hub__node-text{font-size:.97rem;font-weight:600;color:#e2e8f0;flex:1;min-width:0;overflow-wrap:break-word;hyphens:auto}.nw-system-page .nw-hub__node-arrow{width:20px;height:20px;color:rgba(255,255,255,.35);transition:all .5s var(--nw-ease)}.nw-system-page .nw-hub__node:hover .nw-hub__node-arrow{color:var(--nw-cyan);transform:translateX(3px)}.nw-system-page .nw-modal{position:fixed;inset:0;display:none;align-items:center;justify-content:center;padding:20px;background:rgba(5,10,20,.7);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);z-index:10000;opacity:0;transition:opacity .5s var(--nw-ease)}.nw-system-page .nw-modal.is-active{display:flex;opacity:1}.nw-system-page .nw-modal__box{background:#0f1e38;border:1px solid rgba(255,255,255,.08);max-width:560px;width:100%;border-radius:var(--nw-r-lg);overflow:hidden;position:relative;transform:translateY(20px) scale(.98);transition:transform .55s var(--nw-ease);box-shadow:0 60px 120px -40px rgba(0,0,0,.8)}.nw-system-page .nw-modal.is-active .nw-modal__box{transform:none}.nw-system-page .nw-modal__accent{height:3px;background:var(--nw-gradient)}.nw-system-page .nw-modal__close{position:absolute;top:18px;right:18px;width:40px;height:40px;display:grid;place-items:center;background:rgba(255,255,255,.06);border:1px solid rgba(255,255,255,.12);border-radius:50%;color:#cbd5e1;cursor:pointer;padding:0;transition:background-color var(--nw-dur) var(--nw-ease),border-color var(--nw-dur) var(--nw-ease),color var(--nw-dur) var(--nw-ease),transform var(--nw-dur) var(--nw-ease);z-index:4}.nw-system-page .nw-modal__close svg{width:16px;height:16px;stroke-width:2.2}.nw-system-page .nw-modal__close:hover{background:rgba(255,255,255,.14);border-color:rgba(255,255,255,.3);color:#ffffff;transform:rotate(90deg)}.nw-system-page .nw-modal__close:focus-visible{outline:2px solid var(--nw-cyan);outline-offset:2px}.nw-system-page .nw-modal__body{padding:44px 36px 36px;color:#fff}.nw-system-page .nw-modal__title{font-family:var(--nw-font-display);font-size:1.6rem;font-weight:600;display:flex;align-items:center;gap:14px;margin-bottom:16px}.nw-system-page .nw-modal__emoji{width:48px;height:48px;display:grid;place-items:center;background:rgba(90,145,214,.15);border:1px solid rgba(90,145,214,.3);border-radius:var(--nw-r-md);color:var(--nw-cyan)}.nw-system-page .nw-modal__desc{color:rgba(255,255,255,.78);font-size:1rem;line-height:1.75;margin-bottom:22px}.nw-system-page .nw-modal__features{display:grid;gap:10px}.nw-system-page .nw-modal__feature{display:flex;align-items:center;gap:12px;padding:13px 16px;background:rgba(255,255,255,.035);border:1px solid rgba(255,255,255,.06);border-radius:var(--nw-r-sm);color:#e2e8f0;font-size:.95rem}.nw-system-page .nw-modal__check{width:22px;height:22px;flex-shrink:0;border-radius:50%;background:var(--nw-gradient);display:grid;place-items:center;color:#fff}.nw-system-page .nw-hub{width:100%;margin-left:0;margin-right:0}@media (max-width:768px){.nw-system-page .nw-hub__core{padding:36px 24px}.nw-system-page .nw-hub__core:after{width:200px;height:200px}.nw-system-page .nw-modal__body{padding:36px 24px 24px}.nw-system-page .nw-modal__title{font-size:1.35rem}}@media (max-width:480px){.nw-system-page .nw-hub__node{padding:14px 16px;gap:12px}.nw-system-page .nw-hub__node-ic{width:36px;height:36px}}.nw-system-page .detailed-components{background:var(--background-secondary);padding:100px 0}.nw-system-page .detailed-components-container{max-width:1400px;margin:0 auto;padding:0 40px}.nw-system-page .detailed-components-header{text-align:center;margin-bottom:80px}.nw-system-page .detailed-components-header h2{font-size:2.8rem;font-weight:600;color:var(--text-primary);margin-bottom:20px}.nw-system-page .detailed-components-header p{font-size:1.2rem;color:var(--text-secondary);max-width:800px;margin:0 auto;line-height:1.7}.nw-system-page .components-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,280px),1fr));gap:40px;margin-bottom:80px}.nw-system-page .component-card{background:white;border:1px solid var(--border-light);border-radius:4px;padding:40px;transition:all .3s ease;box-shadow:0 4px 20px rgba(0,0,0,.05)}.nw-system-page .component-card:hover{transform:translateY(-8px);box-shadow:0 12px 40px rgba(15,77,168,.15);border-color:var(--primary-blue)}.nw-system-page .component-icon{font-size:3rem;margin-bottom:20px}.nw-system-page .component-card h3{font-size:1.8rem;font-weight:600;color:var(--text-primary);margin-bottom:16px}.nw-system-page .component-card .description{font-size:1.05rem;color:var(--text-secondary);line-height:1.7;margin-bottom:24px}.nw-system-page .component-features{list-style:none;padding:0;margin:0}.nw-system-page .component-features li{font-size:.95rem;color:var(--text-secondary);padding:10px 0 10px 28px;position:relative;line-height:1.6}.nw-system-page .component-features li:before{content:"✓";position:absolute;left:0;color:var(--primary-blue);font-weight:600;font-size:1.1rem}.nw-system-page .stats-section{background:linear-gradient(135deg,var(--background-secondary) 0,var(--background-tertiary) 100%);padding:80px 40px;border-radius:30px;margin:80px 0}.nw-system-page .stats-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:40px;max-width:1200px;margin:0 auto}.nw-system-page .stat-item{text-align:center}.nw-system-page .stat-number{font-size:3.5rem;font-weight:550;background:linear-gradient(135deg,var(--primary-blue),var(--primary-blue-light));-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;margin-bottom:12px}.nw-system-page .stat-label{font-size:1.1rem;font-weight:600;color:var(--text-primary);margin-bottom:8px}.nw-system-page .stat-description{font-size:.95rem;color:var(--text-muted)}.nw-system-page .cta-section{background:linear-gradient(135deg,var(--nawis-dark) 0,#101c2e 100%);padding:100px 40px;text-align:center;border-radius:30px;margin:80px 0;color:white}.nw-system-page .cta-section h2{font-size:2.8rem;font-weight:600;margin-bottom:24px;color:white}.nw-system-page .cta-section p{font-size:1.2rem;color:rgba(255,255,255,.9);max-width:700px;margin:0 auto 40px;line-height:1.7}.nw-system-page .cta-buttons{display:flex;gap:20px;justify-content:center;flex-wrap:wrap}.nw-system-page .cta-button{padding:18px 40px;font-size:1.1rem;font-weight:600;border-radius:50px;transition:all .3s ease;display:inline-flex;align-items:center;gap:12px}.nw-system-page .cta-button,.nw-system-page .cta-button:active,.nw-system-page .cta-button:focus,.nw-system-page .cta-button:hover,.nw-system-page .cta-button:visited{text-decoration:none!important}.nw-system-page .cta-primary,.nw-system-page .cta-primary:link,.nw-system-page .cta-primary:visited{background:linear-gradient(135deg,var(--primary-blue),var(--primary-blue-light));color:#fff!important;box-shadow:0 8px 25px rgba(15,77,168,.3)}.nw-system-page .cta-primary:active,.nw-system-page .cta-primary:focus,.nw-system-page .cta-primary:hover{transform:translateY(-4px);box-shadow:0 12px 35px rgba(15,77,168,.4);color:#fff!important}.nw-system-page .cta-secondary,.nw-system-page .cta-secondary:link,.nw-system-page .cta-secondary:visited{background:rgba(255,255,255,.1);color:#fff!important;border:2px solid rgba(255,255,255,.3);backdrop-filter:blur(10px)}.nw-system-page .cta-secondary:active,.nw-system-page .cta-secondary:focus,.nw-system-page .cta-secondary:hover{background:rgba(255,255,255,.2);border-color:rgba(255,255,255,.5);color:#fff!important}@media (max-width:1024px){.nw-system-page .components-grid{grid-template-columns:repeat(auto-fit,minmax(min(100%,260px),1fr));gap:30px}.nw-system-page .page-hero h1{font-size:2.8rem}}@media (max-width:768px){.nw-system-page .page-hero{padding:100px 0 60px}.nw-system-page .page-hero h1{font-size:2.2rem}.nw-system-page .page-hero p{font-size:1.1rem}.nw-system-page .detailed-components{padding:60px 0}.nw-system-page .detailed-components-container{padding:0 20px}.nw-system-page .detailed-components-header h2{font-size:2.2rem}.nw-system-page .components-grid{grid-template-columns:1fr;gap:30px}.nw-system-page .component-card{padding:30px}.nw-system-page .stats-grid{grid-template-columns:1fr;gap:30px}.nw-system-page .cta-section{padding:60px 30px}.nw-system-page .cta-section h2{font-size:2.2rem}.nw-system-page .cta-buttons{flex-direction:column;align-items:center}.nw-system-page .cta-button{width:100%;max-width:300px;justify-content:center}}@media (max-width:480px){.nw-system-page .detailed-components-header h2,.nw-system-page .page-hero h1{font-size:1.8rem}.nw-system-page .component-card h3{font-size:1.5rem}.nw-system-page .stat-number{font-size:2.8rem}}