:root{color-scheme:dark;--bg:#050914;--bg-2:#080f1d;--panel:#0b1423;--panel-2:#101c2d;--panel-soft:#0c1726;--text:#f1f5f9;--muted:#94a3b8;--subtle:#64748b;--line:#26374d;--line-soft:#19283a;--cyan:#00d9ff;--blue:#3978ff;--violet:#8b5cf6;--green:#66e2b4;--amber:#f6bd60;--red:#ff707a;--shadow:0 28px 80px #0005;--radius:22px;--font:'Manrope',system-ui,sans-serif;--mono:'DM Mono',ui-monospace,monospace}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:92px}body{margin:0;background:var(--bg);color:var(--text);font-family:var(--font);font-size:14px;line-height:1.65;overflow-x:hidden}body:before{content:"";position:fixed;inset:0;z-index:-2;pointer-events:none;background:radial-gradient(ellipse at 50% -15%,#11284a40,transparent 45%),linear-gradient(180deg,#050914 0%,#070c17 55%,#050914 100%)}a{color:inherit;text-decoration:none}button,input,select{font:inherit}button{color:inherit}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible,[tabindex]:focus-visible{outline:2px solid var(--cyan);outline-offset:4px}img{display:block;max-width:100%}::selection{background:#00d9ff45;color:#fff}.container{width:min(1440px,calc(100% - 2 * clamp(16px,3vw,40px)));margin-inline:auto}.ambient{position:absolute;z-index:-1;pointer-events:none;border-radius:50%;filter:blur(90px);opacity:.13}.ambient-a{width:360px;height:360px;background:#145bff;top:220px;right:-200px}.ambient-b{width:300px;height:300px;background:#00c9e8;top:1450px;left:-180px}.skip-link{position:fixed;left:12px;top:-60px;z-index:1000;background:var(--cyan);color:#03101a;padding:10px 14px;border-radius:8px;font-weight:800}.skip-link:focus{top:12px}.site-header{height:82px;position:sticky;top:0;z-index:100;background:#050914d9;backdrop-filter:blur(18px);border-bottom:1px solid #ffffff0c}.nav-wrap{height:100%;display:flex;align-items:center;gap:28px}.brand{display:flex;align-items:center;gap:11px;min-width:245px}.brand img{width:44px;height:44px;object-fit:contain;border-radius:10px;background:#fff}.brand span{display:flex;flex-direction:column;line-height:1.25}.brand strong{font-size:13px;letter-spacing:-.3px}.brand small{font:8px var(--mono);color:var(--muted);letter-spacing:1px;margin-top:5px}.nav-links{display:flex;align-items:center;justify-content:center;gap:22px;flex:1}.nav-link{color:var(--muted);font-size:11px;font-weight:700;transition:color .2s;white-space:nowrap}.nav-link:hover,.nav-link.active{color:var(--text)}.nav-link.active:after{content:"";display:block;height:2px;width:15px;background:var(--cyan);margin:5px auto -7px;border-radius:2px}.nav-actions{display:flex;align-items:center;gap:12px}.icon-button{width:38px;height:38px;display:grid;place-items:center;background:var(--panel);border:1px solid var(--line);border-radius:11px;cursor:pointer;transition:transform .2s,border-color .2s}.icon-button:hover{border-color:#53749a;transform:translateY(-1px)}.theme-icon{font-size:18px}.menu-toggle{display:none;align-content:center;gap:5px}.menu-toggle span{width:16px;height:2px;background:var(--text);border-radius:2px}.button{display:inline-flex;align-items:center;justify-content:center;gap:12px;min-height:46px;padding:0 19px;border:1px solid transparent;border-radius:10px;font-size:11px;font-weight:800;letter-spacing:.1px;transition:transform .2s,box-shadow .2s,border-color .2s,background .2s;cursor:pointer}.button:hover{transform:translateY(-2px)}.button-primary{background:linear-gradient(120deg,#00d9ff,#3978ff);color:#03101a;box-shadow:0 8px 24px #00aaff20}.button-primary:hover{box-shadow:0 12px 32px #00aaff30}.button-outline{background:#0b1423b5;border-color:#34465e;color:var(--text)}.button-outline:hover{border-color:#6b8bb0}.button-small{min-height:38px;padding-inline:13px;font-size:10px}.section-shell{position:relative}.hero{padding:clamp(42px,5vw,72px) 0 20px;min-height:0;border-bottom:1px solid var(--line-soft)}.hero-grid{display:grid;grid-template-columns:minmax(0,.92fr) minmax(0,1.08fr);gap:clamp(24px,3vw,44px);align-items:center;min-height:0}.hero-copy{min-width:0;padding:12px 0 22px}.eyebrow,.section-kicker,.mini-label{font:10px var(--mono);letter-spacing:1.3px;color:var(--muted);margin:0}.eyebrow{display:flex;align-items:center;gap:9px}.status-dot,.live-dot{width:7px;height:7px;border-radius:50%;display:inline-block;background:var(--green);box-shadow:0 0 12px #66e2b455}.hero h1{font-size:clamp(52px,6vw,82px);letter-spacing:-5.5px;line-height:.99;margin:28px 0 19px;font-weight:800}.hero h1 span{color:var(--cyan)}.hero-role{font-size:15px;font-weight:800;letter-spacing:-.2px;margin:0 0 22px}.hero-role b{color:var(--cyan);font-weight:500}.hero-tagline{font-size:22px;line-height:1.4;letter-spacing:-.8px;font-weight:700;margin:0 0 15px}.hero-description{max-width:480px;color:var(--muted);font-size:13px;line-height:1.9;margin:0}.hero-actions{display:flex;gap:10px;flex-wrap:wrap;margin-top:27px}.hero-meta{display:flex;align-items:center;gap:15px;margin-top:28px;color:var(--muted);font:9px var(--mono);letter-spacing:.25px}.hero-meta>span:first-child{display:flex;align-items:center;gap:8px}.meta-dot{display:inline-block;width:5px;height:5px;background:var(--green);border-radius:50%}.meta-separator{width:25px;height:1px;background:var(--line)}.hero-visual{min-width:0;width:100%;position:relative;border:1px solid #233a56;background:linear-gradient(145deg,#0c1728e8,#070d18f5);border-radius:22px;box-shadow:var(--shadow),inset 1px 1px #ffffff08;overflow:hidden;perspective:1100px}.visual-topline,.lab-topbar{height:45px;padding:0 17px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line-soft);font:9px var(--mono);letter-spacing:.8px;color:var(--muted)}.visual-topline>span:first-child{display:flex;align-items:center;gap:8px}.mono{font-family:var(--mono);font-size:8px;letter-spacing:.8px;color:var(--subtle)}.network-stage{position:relative;height:clamp(390px,34vw,490px);isolation:isolate;overflow:hidden;background-color:#07111f;background-image:linear-gradient(#6aa7ff08 1px,transparent 1px),linear-gradient(90deg,#6aa7ff08 1px,transparent 1px);background-size:28px 28px}.stage-grid{position:absolute;inset:0;background-image:linear-gradient(#6aa7ff0a 1px,transparent 1px),linear-gradient(90deg,#6aa7ff0a 1px,transparent 1px);background-size:30px 30px;transform:perspective(650px) rotateX(56deg) scale(1.6);transform-origin:center 75%;mask-image:linear-gradient(to bottom,transparent,#000 25%,#000 80%,transparent)}.stage-glow{position:absolute;left:32%;top:19%;width:42%;height:48%;border-radius:50%;background:#1261d32b;filter:blur(55px)}.hero-connections{position:absolute;inset:0;width:100%;height:100%;z-index:0;overflow:hidden}.network-line{fill:none;stroke:#385778;stroke-width:1.5;stroke-dasharray:5 7}.network-line.faint{stroke:#2a4561;stroke-opacity:.5}.network-flow{fill:none;stroke:url(#lineGlow);stroke-width:2.3;stroke-dasharray:4 12;stroke-linecap:round;animation:dash-flow 3s linear infinite;filter:drop-shadow(0 0 4px #00d9ff75)}.packet{fill:var(--cyan);filter:drop-shadow(0 0 5px #00d9ff)}.packet-two{fill:#a78bfa}.network-stage.paused .network-flow,.network-stage.paused .packet animateMotion{animation-play-state:paused}.device{position:absolute;z-index:2;display:flex;flex-direction:column;align-items:center;gap:7px;min-width:110px;border:0;background:transparent;cursor:pointer;padding:0;transition:transform .25s,filter .25s}.device:hover,.device:focus-visible{transform:translateY(-5px);filter:brightness(1.22)}.device-client{left:4%;top:55%}.device-switch{left:24%;top:38%}.device-router{left:43%;top:48%}.device-isp{left:62%;top:28%}.device-server{right:2%;top:18%}.device-icon{height:58px;width:74px;display:flex;align-items:center;justify-content:center;position:relative;border:1px solid #3b5c7d;background:linear-gradient(145deg,#1c3450,#0b1728);border-radius:13px;box-shadow:7px 9px 16px #0008,inset 1px 1px #ffffff16,inset -1px -1px #0005;color:#a5dcff}.icon-pc{height:45px;width:55px;border-radius:5px;margin-top:5px}.icon-pc i{width:39px;height:26px;border:2px solid #80b5dc;border-radius:3px;position:absolute;top:6px}.icon-pc b{width:22px;height:3px;background:#80b5dc;position:absolute;bottom:7px;border-radius:2px}.icon-switch{height:34px;width:78px;flex-direction:row;gap:4px;border-radius:7px}.icon-switch i{width:8px;height:6px;border:1px solid #8acfff;border-radius:2px}.icon-switch b{position:absolute;width:6px;height:6px;background:var(--green);border-radius:50%;right:7px;top:7px;box-shadow:0 0 7px #66e2b4}.icon-router{height:48px;width:67px;display:grid;grid-template-columns:repeat(2,7px);grid-template-rows:repeat(2,7px);gap:7px}.icon-router i{border:1px solid #89d7ff;border-radius:50%;position:relative}.icon-router i:after{content:"";position:absolute;width:4px;height:1px;background:#89d7ff;left:1px;top:2px;transform:rotate(-40deg)}.icon-globe{font-size:35px;border-radius:50%;width:56px;height:56px;color:var(--cyan);text-shadow:0 0 14px #00d9ff80}.icon-server{width:51px;height:70px;flex-direction:column;gap:4px;border-radius:6px}.icon-server i{width:29px;height:13px;border:1px solid #79a8d2;border-radius:3px;position:relative}.icon-server i:after{content:"";position:absolute;width:3px;height:3px;border-radius:50%;background:var(--green);right:4px;top:4px}.device-label{font:9px var(--mono);letter-spacing:.6px;color:#e4f0ff;text-align:center;white-space:nowrap;text-shadow:0 2px 6px #000}.device-label small{display:block;font:7px var(--mono);color:#829cb9;margin-top:3px;letter-spacing:.2px}.scene-chip{position:absolute;z-index:3;display:flex;flex-direction:column;gap:2px;padding:8px 11px;background:#0a1525d9;border:1px solid #263d57;border-radius:8px;box-shadow:0 8px 22px #0003}.scene-chip span{font:7px var(--mono);letter-spacing:1px;color:var(--muted)}.scene-chip strong{font:14px var(--mono);color:var(--cyan)}.scene-chip strong small{font-size:9px;color:var(--muted)}.chip-latency{top:8%;left:8%}.chip-protocol{bottom:10%;right:5%}.scene-note{position:absolute;z-index:3;bottom:9%;left:7%;display:flex;gap:9px;align-items:center;padding:10px 12px;background:#0b1726e8;border:1px solid #24384f;border-radius:10px}.note-check{display:grid;place-items:center;width:23px;height:23px;background:#123e37;color:var(--green);border-radius:7px}.scene-note strong,.scene-note small{display:block}.scene-note strong{font-size:9px}.scene-note small{font-size:8px;color:var(--muted);margin-top:2px}.visual-controls{height:45px;display:flex;align-items:center;gap:10px;padding:0 16px;border-top:1px solid var(--line-soft);background:#080f1b}.tiny-control{background:transparent;border:1px solid var(--line);border-radius:7px;color:var(--muted);padding:6px 9px;font:8px var(--mono);cursor:pointer;transition:border-color .2s,color .2s}.tiny-control:hover{border-color:#5d7c9d;color:var(--text)}.tiny-control span{color:var(--cyan);margin-right:4px}.visual-hint{margin-left:auto;font:8px var(--mono);letter-spacing:.6px;color:var(--subtle)}.hero-footer{display:flex;align-items:center;gap:18px;margin-top:33px;color:var(--subtle);font:8px var(--mono);letter-spacing:1px}.footer-rule{height:1px;max-width:100px;flex:1;background:var(--line)}.hero-footer a{margin-left:auto;color:var(--muted);font-size:8px}.section{padding:115px 0;border-bottom:1px solid var(--line-soft)}.about-grid{display:grid;grid-template-columns:.88fr 1.12fr;gap:110px;align-items:center}.section-kicker{display:flex;gap:11px;align-items:center}.section-kicker span{color:var(--cyan)}h2{font-size:clamp(38px,4.5vw,58px);letter-spacing:-3px;line-height:1.09;margin:25px 0 22px;font-weight:800}h2 em{font-style:normal;color:var(--cyan)}.lead{font-size:17px;line-height:1.7;font-weight:600;letter-spacing:-.3px;margin:0 0 19px}.body-copy{font-size:13px;color:var(--muted);line-height:1.95;margin:0 0 16px}.text-link{display:inline-flex;align-items:center;gap:12px;color:var(--cyan);font-size:11px;font-weight:800;margin-top:10px}.text-link span,.text-link:hover{color:#8beaff}.profile-stack{max-width:560px;width:100%;margin-left:auto}.profile-card{border:1px solid var(--line);background:linear-gradient(135deg,#101c2d,#0a111e);border-radius:20px;padding:15px;box-shadow:var(--shadow)}.profile-image-wrap{height:300px;position:relative;overflow:hidden;border-radius:13px;background:#121c2a}.profile-image-wrap:after{content:"";position:absolute;inset:0;background:linear-gradient(0deg,#07101bd9,transparent 45%),linear-gradient(90deg,#05091415,#00d9ff10)}.profile-image-wrap img{width:100%;height:100%;object-fit:cover;object-position:center 31%;filter:saturate(.88)}.image-index{position:absolute;z-index:2;right:14px;top:14px;font:8px var(--mono);letter-spacing:1px;padding:7px 9px;border:1px solid #ffffff36;background:#07101b9c;border-radius:5px}.profile-card-copy{display:flex;align-items:flex-end;justify-content:space-between;padding:19px 8px 9px}.mini-label{font-size:8px;letter-spacing:1.1px}.profile-card-copy h3{font-size:21px;line-height:1.35;letter-spacing:-.7px;margin:9px 0 0}.profile-mark{font-size:25px;font-weight:800;letter-spacing:-2px;color:#d5eaff}.profile-mark span{font-size:11px;color:var(--cyan);margin-left:7px}.focus-strip{display:grid;grid-template-columns:repeat(3,1fr);gap:9px;margin-top:12px}.focus-strip>div{display:flex;align-items:center;gap:10px;padding:14px 12px;border:1px solid var(--line-soft);border-radius:12px;background:#0a1220}.focus-symbol{color:var(--cyan);font-size:19px}.focus-strip b,.focus-strip small{display:block}.focus-strip b{font-size:10px}.focus-strip small{font-size:8px;color:var(--muted);margin-top:2px}.section-heading-row{display:flex;align-items:flex-end;justify-content:space-between;gap:40px;margin-bottom:42px}.section-heading-row h2{margin-bottom:12px}.section-subtitle{max-width:440px;font-size:12px;line-height:1.9;color:var(--muted);margin:0}.project-total{display:flex;align-items:center;gap:14px;padding:14px 16px;border:1px solid var(--line);border-radius:12px;min-width:160px}.project-total strong{font-size:33px;letter-spacing:-2px;color:var(--cyan)}.project-total span{font:8px var(--mono);letter-spacing:.8px;line-height:1.65;color:var(--muted)}.project-toolbar{display:flex;align-items:center;justify-content:space-between;gap:20px;margin-bottom:24px}.project-search{display:flex;align-items:center;gap:9px;width:min(290px,100%);height:39px;padding:0 12px;border:1px solid var(--line);border-radius:9px;background:var(--panel)}.project-search>span{font-size:22px;color:var(--cyan)}.project-search input{width:100%;background:transparent;border:0;outline:0;color:var(--text);font-size:10px}.project-search input::placeholder{color:var(--subtle)}.filter-row{display:flex;gap:5px;flex-wrap:wrap}.filter-button{background:transparent;border:1px solid transparent;border-radius:7px;color:var(--muted);padding:8px 11px;font-size:9px;font-weight:700;cursor:pointer}.filter-button:hover{color:var(--text);border-color:var(--line)}.filter-button.active{color:var(--text);background:#13233a;border-color:#314c6a}.project-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px}.project-card{position:relative;display:flex;flex-direction:column;min-width:0;overflow:hidden;border:1px solid var(--line);background:linear-gradient(150deg,#0d1727,#080f1b);border-radius:17px;transition:transform .25s,border-color .25s,box-shadow .25s}.project-card:hover{transform:translateY(-4px);border-color:#3a5c7c;box-shadow:0 20px 45px #0003}.project-card[hidden]{display:none}.project-art{position:relative;height:220px;overflow:hidden;border-bottom:1px solid var(--line);isolation:isolate}.project-art:before{content:"";position:absolute;inset:0;background-image:linear-gradient(#ffffff05 1px,transparent 1px),linear-gradient(90deg,#ffffff05 1px,transparent 1px);background-size:24px 24px;mask-image:linear-gradient(180deg,#000,transparent)}.art-top,.art-bottom{position:absolute;left:17px;right:17px;z-index:2;display:flex;align-items:center;gap:9px;font:7px var(--mono);letter-spacing:.8px;color:#91a9c6}.art-top{top:14px;justify-content:space-between}.art-bottom{bottom:13px;color:#8097b3}.art-line{height:1px;flex:1;background:#38526d}.art-phishing{background:radial-gradient(ellipse at 68% 55%,#17436c 0,transparent 45%),linear-gradient(130deg,#0a1829,#0b1020)}.email-window{position:absolute;left:13%;top:60px;width:74%;height:116px;border:1px solid #345472;background:#0b192a;border-radius:9px;padding:15px;display:flex;align-items:center;gap:12px;box-shadow:0 20px 40px #0004;transform:perspective(700px) rotateY(-5deg)}.mail-icon{width:38px;height:38px;display:grid;place-items:center;border-radius:9px;background:#122e49;border:1px solid #3d6789;color:#a7dcff;font-size:21px}.email-lines{display:flex;flex-direction:column;gap:6px;flex:1;min-width:0}.email-lines b{font-size:10px}.email-lines span{font:7px var(--mono);color:var(--muted)}.email-lines i{height:4px;background:#2b435e;border-radius:4px;width:90%}.email-lines i:last-child{width:61%}.risk-stamp{border:1px solid #a97a4b;color:#ffd49b;font:7px var(--mono);padding:5px 6px;border-radius:4px}.art-network{background:radial-gradient(ellipse at center,#10345a,#080f1b 75%)}.mini-network{position:absolute;inset:45px 20px 28px}.mini-network svg{width:100%;height:100%;overflow:visible}.mini-network path{fill:none;stroke:#3a779e;stroke-width:1.5;stroke-dasharray:5 4}.mini-network circle{fill:#0d1e32;stroke:#00d9ff;stroke-width:2;filter:drop-shadow(0 0 5px #00d9ff65)}.network-tag,.network-metric{position:absolute;font:7px var(--mono);color:#9bdfff;border:1px solid #2a5573;background:#0b1c2d;padding:5px 7px;border-radius:5px}.network-tag{left:4%;top:8%}.network-metric{right:3%;bottom:7%;color:#b6a4ff;border-color:#4b3975}.art-ids{background:radial-gradient(ellipse at 70% 40%,#1e3c55,transparent 60%),#080e19}.terminal-window{position:absolute;left:14%;top:54px;width:72%;height:120px;border:1px solid #304860;background:#07101c;border-radius:9px;padding:10px 13px;box-shadow:0 20px 35px #0005}.terminal-title{display:flex;gap:4px;align-items:center;padding-bottom:8px;border-bottom:1px solid #1e2c3e;margin-bottom:8px}.terminal-title i{width:5px;height:5px;background:#456078;border-radius:50%}.terminal-title span{margin-left:auto;font:7px var(--mono);color:var(--muted)}.terminal-window p{font:8px var(--mono);margin:6px 0;color:#b7c7d8}.terminal-window p b{color:#607995;font-weight:400;margin-right:10px}.terminal-window em{font-style:normal;color:var(--green)}.terminal-bars{display:flex;align-items:flex-end;gap:5px;height:22px;margin-top:6px}.terminal-bars i{flex:1;background:linear-gradient(0deg,#1b5a7d,#00d9ff);height:40%;border-radius:2px 2px 0 0;opacity:.7}.terminal-bars i:nth-child(2n){height:75%}.terminal-bars i:nth-child(3n){height:100%}.art-code{background:radial-gradient(ellipse at 78% 25%,#193e60,transparent 50%),#09121f}.code-window{position:absolute;top:52px;left:12%;width:76%;padding:12px 15px;border:1px solid #2c4863;background:#0a1625ed;border-radius:8px;box-shadow:0 18px 35px #0005}.code-line{display:flex;gap:15px;font:9px var(--mono);margin:5px 0}.code-line>b{color:#536c8a;font-weight:400}.code-line code{color:#c6e7ff}.code-line i{font-style:normal;color:#8fcaff}.code-line em{font-style:normal;color:#f4c17b}.code-tags{display:flex;gap:5px;flex-wrap:wrap;margin-top:14px}.code-tags span{font:6px var(--mono);padding:4px 5px;border:1px solid #2b5270;color:#9bdfff;border-radius:4px}.art-nexcart{background:radial-gradient(ellipse at 80% 35%,#243f65,transparent 45%),#0a1120}.commerce-ui{position:absolute;inset:48px 13% 29px;background:#0d1b2b;border:1px solid #304861;border-radius:8px;overflow:hidden;box-shadow:0 20px 35px #0005}.commerce-nav{display:flex;align-items:center;justify-content:space-between;padding:9px 11px;border-bottom:1px solid #24374d;font:6px var(--mono);color:#9ab0c8}.commerce-nav b{font:800 10px var(--font);color:#e7f3ff}.commerce-nav b span{color:var(--cyan)}.commerce-product{display:flex;gap:15px;padding:14px;align-items:center}.product-shape{width:80px;height:75px;border:1px solid #304a64;border-radius:8px;display:grid;place-items:center;background:linear-gradient(145deg,#1a3451,#0a1524);font-size:22px;font-weight:800;color:#83d8ff}.commerce-product>div:last-child{display:flex;flex-direction:column;gap:5px;flex:1}.commerce-product small{font:6px var(--mono);color:#8099b5}.commerce-product b{font-size:9px}.product-skeleton{width:90%;height:4px;background:#29415a;border-radius:4px}.product-skeleton.short{width:50%}.product-button{font:6px var(--mono);padding:5px 6px;background:#163954;color:#a8e7ff;border-radius:3px;width:max-content;margin-top:4px}.art-wholesale{background:radial-gradient(ellipse at 70% 40%,#174a47,transparent 48%),#08151b}.stock-dashboard{position:absolute;left:12%;right:12%;top:55px;bottom:32px;border:1px solid #2b5555;background:#0b1c23;border-radius:9px;padding:13px;display:grid;grid-template-columns:.8fr 1.2fr;gap:12px}.stock-number{display:flex;flex-direction:column;justify-content:center;gap:5px;border-right:1px solid #294349}.stock-number small{font:7px var(--mono);color:#79bdb1}.stock-number strong{font-size:21px;letter-spacing:-1px;color:#d9fff5}.stock-number span{font:7px var(--mono);color:#6d9e98}.stock-rows{display:flex;flex-direction:column;justify-content:center;gap:8px}.stock-rows span{display:flex;align-items:center;gap:6px;font-size:7px;color:#b6d3d0}.stock-rows i{width:5px;height:5px;background:var(--green);border-radius:50%}.stock-rows b{margin-left:auto;font:6px var(--mono);color:#76b3ab}.art-glass{background:radial-gradient(ellipse at 50% 55%,#173d4e,transparent 58%),#07131d}.glasses-visual{position:absolute;top:51px;left:15%;width:70%;height:128px;display:flex;align-items:center;justify-content:center;flex-direction:column;gap:5px}.glasses-visual svg{width:90%;height:100px;fill:#0b1b2b;stroke:#87dfff;stroke-width:2.4;filter:drop-shadow(0 0 8px #00d9ff20)}.sensor-label{font:6px var(--mono);color:#a5d9e7;letter-spacing:.8px}.art-results{background:radial-gradient(ellipse at 78% 25%,#193d64,transparent 52%),#0a1320}.result-ui{position:absolute;top:52px;left:14%;width:72%;height:128px;background:#0d1b2c;border:1px solid #304861;border-radius:8px;padding:11px 13px;box-shadow:0 20px 35px #0005}.result-brand{display:flex;align-items:center;gap:8px;font:7px var(--mono);color:#a8bed6}.result-brand b{font:800 13px var(--font);color:var(--cyan)}.result-search{display:flex;align-items:center;gap:8px;margin-top:11px;padding:6px 7px;background:#07111e;border:1px solid #263e57;border-radius:5px}.result-search span{font-size:7px;color:#8096b1}.result-search b{font:7px var(--mono);color:#c5d7e9}.result-search i{font:6px var(--mono);font-style:normal;color:#04121a;background:var(--cyan);padding:4px 6px;border-radius:3px;margin-left:auto}.result-table{display:grid;grid-template-columns:1fr auto;gap:5px 10px;margin-top:9px;font-size:7px;color:#a9bdd3}.result-table span{font:6px var(--mono);color:#7188a4}.result-table b{font-weight:500}.art-tharu{background:linear-gradient(145deg,#0c1d25,#0b1520)}.culture-card{position:absolute;inset:45px 12% 28px;overflow:hidden;border:1px solid #35534f;border-radius:8px;background:linear-gradient(145deg,#122e35,#14233a)}.culture-sun{position:absolute;width:72px;height:72px;right:22%;top:10px;border-radius:50%;background:#e6c08040;border:1px solid #d9c08b6b}.culture-hills{position:absolute;inset:auto 0 0;height:72px;overflow:hidden}.culture-hills i{position:absolute;bottom:-50px;width:120%;height:110px;left:-10%;border-radius:50% 50% 0 0;background:#1c655d}.culture-hills i:nth-child(2){left:15%;bottom:-58px;background:#24554e}.culture-hills i:nth-child(3){left:-30%;bottom:-69px;background:#132e35}.culture-type{position:absolute;z-index:1;left:15px;top:18px}.culture-type small{font:6px var(--mono);letter-spacing:.8px;color:#b9d4c7}.culture-type strong{display:block;font-size:17px;line-height:1.15;letter-spacing:-.6px;margin-top:9px}.project-content{padding:21px 22px 22px;display:flex;flex-direction:column;flex:1}.project-meta{display:flex;align-items:center;justify-content:space-between;gap:8px;flex-wrap:wrap}.category-label{font:8px var(--mono);letter-spacing:.8px;color:var(--cyan)}.status-label{font:8px var(--mono);color:var(--muted);border:1px solid var(--line);padding:4px 6px;border-radius:5px}.project-content h3{font-size:18px;line-height:1.4;letter-spacing:-.5px;margin:15px 0 9px}.project-content>p{font-size:11px;line-height:1.85;color:var(--muted);margin:0 0 15px}.tag-row,.skill-tags{display:flex;gap:6px;flex-wrap:wrap}.tag-row span,.skill-tags span{font:8px var(--mono);color:#b2c1d4;border:1px solid #293b50;background:#0a1422;border-radius:5px;padding:5px 7px}.project-actions{display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap;border-top:1px solid var(--line-soft);margin-top:20px;padding-top:13px}.project-actions .text-link{font-size:10px;margin-top:0}.detail-button{display:inline-flex;align-items:center;gap:8px;background:transparent;border:0;color:var(--muted);font-size:9px;font-weight:700;cursor:pointer;padding:5px 0}.detail-button span{color:var(--cyan)}.detail-button:hover{color:var(--text)}.no-results{color:var(--muted);padding:25px;border:1px dashed var(--line);border-radius:12px}.source-note{font-size:10px;line-height:1.8;color:var(--subtle);margin:24px 0 0}.lab-section{background:linear-gradient(180deg,#060b15,#08101d 55%,#060b15)}.lab-state{display:flex;align-items:center;gap:9px;font:8px var(--mono);letter-spacing:.8px;color:var(--green);border:1px solid #2b4a48;border-radius:8px;padding:11px 13px;white-space:nowrap}.lab-console{border:1px solid #293c54;background:#091321;border-radius:16px;overflow:hidden;box-shadow:var(--shadow)}.lab-topbar{height:43px;background:#0c1726}.window-dots{display:flex;gap:5px}.window-dots i{width:6px;height:6px;border-radius:50%;background:#425770}.window-dots i:first-child{background:#b66b6d}.window-dots i:nth-child(2){background:#d5a85f}.window-dots i:nth-child(3){background:#63ba9a}.lab-toolbar{display:flex;align-items:center;justify-content:space-between;padding:15px 18px;border-bottom:1px solid var(--line-soft);gap:20px}.scenario-select-wrap{display:flex;align-items:center;gap:10px}.scenario-select-wrap label,.field-label{font:8px var(--mono);letter-spacing:.8px;color:var(--muted)}select{color:var(--text);background:#101d2d;border:1px solid #30455d;border-radius:7px;padding:9px 30px 9px 10px;font-size:10px;max-width:100%}.lab-controls{display:flex;gap:7px}.lab-button{padding:8px 11px;border:1px solid #30455d;background:#0e1a2a;color:var(--muted);border-radius:7px;font:9px var(--mono);cursor:pointer}.lab-button:hover:not(:disabled){border-color:#5b799a;color:var(--text)}.lab-button.primary{background:#00d9ff;color:#04111b;border-color:#00d9ff;font-weight:800}.lab-button:disabled{opacity:.4;cursor:not-allowed}.lab-main{display:grid;grid-template-columns:minmax(0,1fr) 270px;min-height:450px}.topology-canvas{position:relative;min-width:0;border-right:1px solid var(--line-soft);overflow:hidden;background:#08111e}.topology-canvas svg{width:100%;height:auto;min-height:380px;display:block;color:#8ba1ba;transform-origin:center center;transition:transform .2s}.topology-edges path{fill:none;stroke:#38516b;stroke-width:2;stroke-linecap:round;transition:stroke .25s,opacity .25s}.topology-edges path.active{stroke:#00d9ff;stroke-dasharray:5 7;animation:dash-flow 1.5s linear infinite;filter:drop-shadow(0 0 3px #00d9ff65)}.topology-edges path.blocked{stroke:#ff707a;stroke-dasharray:4 5}.topology-edges path.failed{stroke:#ff707a;opacity:.5;stroke-dasharray:2 6}.topology-nodes{color:#8ba1ba}.topo-node{cursor:pointer;outline:none}.topo-node rect:first-child{fill:#0d1d30;stroke:#35516e;stroke-width:1.2;transition:fill .2s,stroke .2s}.topo-node .node-screen{fill:#132f48;stroke:#6b9bc0}.topo-node path,.topo-node circle,.topo-node ellipse{fill:none;stroke:#8ab7db;stroke-width:1.5}.topo-node text{fill:#d9e8f7;text-anchor:middle;font:700 9px var(--mono);letter-spacing:.4px}.topo-node text.node-ip{fill:#7f9ab6;font:7px var(--mono);font-weight:400}.topo-node:hover rect:first-child,.topo-node.selected rect:first-child{fill:#102e44;stroke:#00d9ff;stroke-width:2}.topo-node.selected{filter:drop-shadow(0 0 7px #00d9ff20)}.packet-dot{fill:#00d9ff;stroke:#d9fbff;stroke-width:1;filter:drop-shadow(0 0 5px #00d9ff)}.packet-dot.blocked{fill:#ff707a;stroke:#ffd5d7}.topology-legend{display:flex;gap:14px;flex-wrap:wrap;padding:0 16px 12px;color:var(--muted);font:8px var(--mono)}.topology-legend span{display:flex;align-items:center;gap:6px}.legend-line{width:16px;height:2px;background:var(--cyan)}.legend-packet{width:6px;height:6px;border-radius:50%;background:var(--cyan)}.legend-blocked{width:16px;height:2px;background:var(--red)}.topology-tools{display:flex;gap:6px;padding:0 16px 14px}.device-inspector{padding:20px 17px;background:#0b1625}.inspector-header{display:flex;align-items:flex-start;justify-content:space-between;gap:8px}.inspector-header h3{font-size:16px;letter-spacing:-.4px;margin:6px 0 0}.inspector-status{font:7px var(--mono);color:var(--green);white-space:nowrap;margin-top:5px}.inspector-status.blocked{color:var(--red)}.inspector-description{font-size:10px;line-height:1.8;color:var(--muted);margin:12px 0 19px}.inspector-properties{display:grid;gap:0}.inspector-properties>div{display:flex;flex-direction:column;gap:3px;padding:10px 0;border-top:1px solid var(--line-soft)}.inspector-properties span{font:8px var(--mono);color:var(--subtle)}.inspector-properties b{font-size:10px;font-weight:600;overflow-wrap:anywhere}.inspector-rule{margin-top:18px;padding:12px;background:#101f30;border:1px solid #293d53;border-radius:8px}.inspector-rule>span{font:7px var(--mono);letter-spacing:.7px;color:var(--cyan)}.inspector-rule p{font-size:9px;line-height:1.8;color:var(--muted);margin:6px 0 0}.lab-bottom{display:grid;grid-template-columns:1fr auto;border-top:1px solid var(--line-soft);background:#0b1523}.event-feed{padding:15px 17px;min-width:0}.feed-title{display:flex;align-items:center;justify-content:space-between;font:8px var(--mono);letter-spacing:.8px;color:#b5c4d7;margin-bottom:10px}.feed-title button{background:transparent;border:0;color:var(--subtle);font:8px var(--mono);cursor:pointer}.feed-title button:hover{color:var(--cyan)}#event-list{display:grid;gap:8px;max-height:104px;overflow:auto}#event-list p{display:flex;align-items:center;gap:8px;font-size:9px;color:var(--muted);margin:0}#event-list time{font:8px var(--mono);color:var(--subtle)}.event-dot{width:5px;height:5px;border-radius:50%;background:var(--cyan);flex-shrink:0}.event-dot.warn{background:var(--amber)}.event-dot.error{background:var(--red)}.metric-strip{display:flex;align-items:stretch;border-left:1px solid var(--line-soft)}.metric-strip>div{display:flex;flex-direction:column;justify-content:center;gap:5px;min-width:90px;padding:13px;border-right:1px solid var(--line-soft)}.metric-strip span{font:7px var(--mono);letter-spacing:.7px;color:var(--subtle)}.metric-strip strong{font:15px var(--mono);color:var(--text)}.metric-strip strong span{font-size:9px;margin-left:3px;color:var(--muted)}.lab-disclaimer{display:flex;align-items:center;gap:8px;color:var(--subtle);font-size:10px;margin:15px 0 0}.lab-disclaimer span{color:var(--cyan)}.security-grid{display:grid;grid-template-columns:1fr 1fr;gap:18px}.panel{border:1px solid var(--line);background:linear-gradient(145deg,#0c1726,#080f1b);border-radius:16px;padding:24px}.panel-heading{display:flex;align-items:flex-start;justify-content:space-between;gap:12px}.panel-heading h3{font-size:18px;letter-spacing:-.5px;margin:7px 0 0}.panel-mark{width:32px;height:32px;display:grid;place-items:center;color:var(--cyan);background:#0d2638;border:1px solid #25445c;border-radius:8px}.panel-copy{font-size:11px;line-height:1.8;color:var(--muted);margin:15px 0 20px}.field-label{display:block;margin-bottom:7px}.field-control{width:100%;margin-bottom:14px}.sample-email{border:1px solid var(--line-soft);border-radius:9px;background:#091321;padding:14px;margin-bottom:14px}.sample-email>div{display:grid;grid-template-columns:68px 1fr;gap:10px;padding:8px 0;border-bottom:1px solid var(--line-soft)}.sample-email>div:last-child{border-bottom:0}.sample-email span{font:8px var(--mono);color:var(--subtle)}.sample-email b{font-size:10px;font-weight:600;overflow-wrap:anywhere}.full-width{width:100%}.analysis-result{margin-top:14px;padding:12px;border:1px solid var(--line);border-radius:9px;background:#091321;min-height:79px}.result-state{font:8px var(--mono);letter-spacing:.7px}.result-state.neutral{color:var(--muted)}.result-state.safe{color:var(--green)}.result-state.warn{color:var(--amber)}.result-state.danger{color:var(--red)}.analysis-result p{font-size:10px;line-height:1.8;color:var(--muted);margin:7px 0 0}.timeline-count{font:8px var(--mono);color:var(--muted);border:1px solid var(--line);padding:5px 7px;border-radius:5px}.timeline-list{display:grid;margin-top:22px}.timeline-list article{display:grid;grid-template-columns:34px 1fr;gap:12px;padding-bottom:21px;position:relative}.timeline-list article:not(:last-child):before{content:"";position:absolute;left:16px;top:33px;bottom:0;width:1px;background:#293a4e}.timeline-icon{width:33px;height:33px;display:grid;place-items:center;border-radius:9px;background:#102337;border:1px solid #294760;color:var(--cyan);font:9px var(--mono)}.timeline-icon.warn{color:var(--amber);background:#302617;border-color:#54422a}.timeline-icon.safe{color:var(--green);background:#10271f;border-color:#264a3d}.timeline-list b{font-size:11px}.timeline-list p{font-size:10px;line-height:1.7;color:var(--muted);margin:4px 0 5px}.timeline-list small{font:7px var(--mono);letter-spacing:.6px;color:var(--subtle)}.defensive-note{padding:13px;background:#0e1d2c;border:1px solid #273d52;border-radius:9px}.defensive-note span{font:8px var(--mono);letter-spacing:.7px;color:var(--cyan)}.defensive-note p{font-size:10px;line-height:1.8;color:var(--muted);margin:6px 0 0}.narrow{max-width:330px}.skills-matrix{display:grid;grid-template-columns:repeat(4,1fr);gap:12px}.skill-domain{position:relative;padding:22px 18px;border:1px solid var(--line);border-radius:14px;background:linear-gradient(155deg,#0d1727,#080f1b);min-height:300px;display:flex;flex-direction:column}.domain-index{font:7px var(--mono);letter-spacing:.8px;color:var(--subtle)}.domain-icon{width:43px;height:43px;display:grid;place-items:center;background:#10263a;border:1px solid #2a465f;border-radius:12px;color:var(--cyan);font-size:21px;margin:23px 0 15px}.skill-domain h3{font-size:15px;letter-spacing:-.4px;margin:0 0 8px}.skill-domain p{font-size:10px;line-height:1.8;color:var(--muted);margin:0 0 15px}.skill-tags{margin-bottom:17px}.skill-tags span{font-size:7px;padding:5px 6px}.skill-domain .text-link{margin-top:auto;font-size:9px}.education-grid{display:grid;grid-template-columns:.85fr 1.15fr;gap:100px;align-items:start}.education-timeline{border-left:1px solid #30465f;margin-left:6px;padding-left:27px;display:grid;gap:24px}.education-item{position:relative}.timeline-pin{position:absolute;left:-33px;top:5px;width:11px;height:11px;border-radius:50%;background:var(--cyan);border:3px solid var(--bg);box-shadow:0 0 0 1px #00d9ff65}.education-date{font:8px var(--mono);letter-spacing:1px;color:var(--cyan);margin-bottom:10px}.education-card{position:relative;padding:22px;border:1px solid var(--line);background:linear-gradient(145deg,#0d1727,#080f1b);border-radius:13px}.education-mark{position:absolute;right:17px;top:17px;font:7px var(--mono);letter-spacing:.8px;color:var(--subtle)}.experience-points{margin:12px 0 16px;padding-left:17px;color:var(--muted);font-size:11px;line-height:1.85}.experience-points li{padding-left:3px;margin:3px 0}.experience-points li::marker{color:var(--cyan)}
.education-card h3{font-size:17px;line-height:1.5;letter-spacing:-.4px;max-width:85%;margin:0 0 7px}.education-place{font-size:10px;color:var(--cyan);font-weight:700;margin:0 0 10px}.education-card p:not(.education-place){font-size:10px;line-height:1.8;color:var(--muted);margin:0 0 13px}.status-pill{display:inline-block;font:8px var(--mono);padding:5px 7px;border:1px solid #31594d;background:#10251f;color:var(--green);border-radius:5px}.contact-section{padding-top:85px;padding-bottom:85px;border-bottom:0}.contact-card{position:relative;display:flex;align-items:center;justify-content:space-between;gap:50px;min-height:360px;padding:55px 60px;border:1px solid #2a4561;border-radius:22px;background:radial-gradient(ellipse at 80% 45%,#0e355230,transparent 40%),linear-gradient(130deg,#0d1929,#080f1b);overflow:hidden;box-shadow:var(--shadow)}.contact-content{position:relative;z-index:1;max-width:650px}.contact-content h2{font-size:clamp(38px,4.5vw,56px);margin:22px 0 15px}.contact-content>p:not(.section-kicker):not(.contact-email){max-width:500px;font-size:12px;line-height:1.9;color:var(--muted)}.contact-actions{display:flex;gap:9px;flex-wrap:wrap;margin-top:24px}.contact-actions .button{font-size:10px;padding-inline:14px}.contact-email{font-size:10px;color:var(--subtle);margin-top:22px}.contact-email a{color:#9fdfff}.contact-email a:hover{text-decoration:underline}.contact-monogram{position:relative;z-index:1;width:180px;flex-shrink:0;text-align:center}.contact-monogram img{width:170px;height:170px;object-fit:contain;border-radius:18px;background:#fff}.contact-monogram span{display:block;font:7px var(--mono);letter-spacing:1.2px;color:var(--muted);margin-top:12px}.contact-orbit{position:absolute;right:5%;top:8%;width:430px;height:430px;border:1px solid #4a73911c;border-radius:50%;box-shadow:0 0 0 40px #4a739108,0 0 0 90px #4a739105}.site-footer{border-top:1px solid var(--line-soft);padding:23px 0}.footer-inner{display:flex;align-items:center;justify-content:space-between;gap:20px}.footer-brand{display:flex;align-items:center;gap:8px;font-size:10px;font-weight:800}.footer-brand img{width:29px;height:29px;object-fit:contain;border-radius:6px;background:#fff}.footer-inner>p{font-size:9px;color:var(--subtle);margin:0}.footer-inner>p span{margin-left:10px}.footer-links{display:flex;gap:8px}.footer-links a{display:grid;place-items:center;min-width:30px;height:29px;border:1px solid var(--line);border-radius:7px;color:var(--muted);font:8px var(--mono)}.footer-links a:hover{color:var(--cyan);border-color:#3b657e}.project-dialog{width:min(600px,calc(100% - 30px));max-height:85vh;padding:28px;border:1px solid #39526c;border-radius:17px;background:#0a1422;color:var(--text);box-shadow:0 25px 100px #000b}.project-dialog::backdrop{background:#02050bc9;backdrop-filter:blur(5px)}.dialog-top{display:flex;align-items:center;justify-content:space-between}.dialog-close{font-size:22px}.project-dialog h2{font-size:29px;letter-spacing:-1px;margin:18px 0}.project-dialog #dialog-body{color:var(--muted);font-size:12px;line-height:1.9}.project-dialog #dialog-body h3{font-size:12px;color:var(--text);margin:20px 0 8px}.project-dialog #dialog-body ul{padding-left:18px}.project-dialog #dialog-body li{margin:7px 0}.dialog-disclaimer{font-size:9px;line-height:1.7;color:var(--subtle);border-top:1px solid var(--line-soft);padding-top:13px;margin:22px 0 0}.device-popover{position:fixed;z-index:200;right:20px;bottom:20px;width:min(300px,calc(100vw - 40px));padding:20px;background:#0c1726;border:1px solid #39526c;border-radius:14px;box-shadow:0 25px 80px #0009}.device-popover[hidden]{display:none}.popover-close{position:absolute;right:10px;top:8px;border:0;background:transparent;color:var(--muted);font-size:20px;cursor:pointer}.device-popover h3{font-size:17px;margin:7px 0}.device-popover #popover-body{font-size:10px;line-height:1.8;color:var(--muted)}.device-popover #popover-body b{color:var(--text)}.toast{position:fixed;z-index:300;bottom:22px;left:50%;transform:translate(-50%,20px);opacity:0;pointer-events:none;background:#102238;border:1px solid #365574;color:var(--text);border-radius:9px;padding:11px 15px;font-size:10px;box-shadow:0 15px 35px #0007;transition:opacity .2s,transform .2s}.toast.show{opacity:1;transform:translate(-50%,0)}.reveal{opacity:0;transform:translateY(16px);transition:opacity .65s ease,transform .65s ease}.reveal.visible{opacity:1;transform:translateY(0)}@keyframes dash-flow{to{stroke-dashoffset:-32}}body.light-theme{color-scheme:light;--bg:#f3f6fb;--bg-2:#eaf0f8;--panel:#fff;--panel-2:#f3f7fc;--panel-soft:#f5f8fc;--text:#142237;--muted:#50637a;--subtle:#738399;--line:#cdd8e5;--line-soft:#e0e7ef;--shadow:0 24px 60px #213b5b18}body.light-theme:before{background:radial-gradient(ellipse at 50% -15%,#d4e7ff,transparent 45%),linear-gradient(180deg,#f6f8fc,#edf3fa)}body.light-theme .site-header{background:#f6f8fbe8;border-bottom-color:#d9e3ee}body.light-theme .brand img,body.light-theme .footer-brand img,body.light-theme .contact-monogram img{background:#fff}body.light-theme .hero-visual,body.light-theme .project-card,body.light-theme .profile-card,body.light-theme .panel,body.light-theme .skill-domain,body.light-theme .education-card,body.light-theme .contact-card{background:linear-gradient(145deg,#fff,#f2f6fb)}body.light-theme .hero-visual{border-color:#cbd9e8}body.light-theme .network-stage{filter:saturate(.8)}body.light-theme .device-label{color:#1d3857;text-shadow:none}body.light-theme .device-label small{color:#526d89}body.light-theme .device-icon{background:linear-gradient(145deg,#f7fbff,#d9e6f3);border-color:#9eb7ce;color:#22608b;box-shadow:5px 7px 12px #1534511b,inset 1px 1px #fff}body.light-theme .visual-topline,body.light-theme .visual-controls,body.light-theme .lab-topbar,body.light-theme .lab-toolbar,body.light-theme .lab-bottom,body.light-theme .device-inspector{background:#f5f8fc}body.light-theme .scene-chip,body.light-theme .scene-note{background:#f4f8fc;color:#142237;border-color:#cad9e8}body.light-theme .scene-note small{color:#657a91}body.light-theme .project-art,body.light-theme .topology-canvas{filter:saturate(.9)}body.light-theme .project-search,body.light-theme .sample-email,body.light-theme .analysis-result{background:#f7faff}body.light-theme .tag-row span,body.light-theme .skill-tags span{background:#f3f7fb;color:#3f5872;border-color:#d4dfeb}body.light-theme .lab-console{background:#f7faff;border-color:#cad7e6}body.light-theme .topo-node rect:first-child{fill:#edf5fd;stroke:#96b0c8}body.light-theme .topo-node text{fill:#17324f}body.light-theme .topo-node text.node-ip{fill:#617991}body.light-theme .topo-node .node-screen{fill:#d8eaf8;stroke:#6d9ec6}body.light-theme .topo-node path,body.light-theme .topo-node circle,body.light-theme .topo-node ellipse{stroke:#3d7299}body.light-theme .inspector-rule,body.light-theme .defensive-note{background:#f0f6fc}body.light-theme .email-window,body.light-theme .terminal-window,body.light-theme .code-window,body.light-theme .commerce-ui,body.light-theme .result-ui{background:#f3f8fd}body.light-theme .email-lines b,body.light-theme .terminal-window p,body.light-theme .code-line code,body.light-theme .commerce-product b{color:#1b344e}body.light-theme .culture-type strong{color:#fff}body.light-theme .education-card,body.light-theme .project-dialog,body.light-theme .device-popover{background:#f8fbff;color:var(--text)}body.light-theme .project-dialog #dialog-body,body.light-theme .device-popover #popover-body{color:var(--muted)}body.light-theme .sample-email b{color:#1b344e}body.light-theme .contact-card{background:radial-gradient(ellipse at 80% 45%,#c8e7ff80,transparent 40%),linear-gradient(130deg,#fff,#edf4fb)}body.light-theme .button-outline{background:#fff;border-color:#c4d3e4;color:#20364f}body.light-theme .filter-button.active{background:#dcecff;border-color:#a8c5e4;color:#183b5b}body.light-theme .topology-canvas{background:#f6faff}body.light-theme .topology-edges path{stroke:#9db2c9}body.light-theme .topology-edges path.active{stroke:#008caf}body.light-theme .inspector-properties>div{border-color:#dce5ef}body.light-theme .scene-chip strong{color:#007b9c}body.light-theme .contact-email a{color:#126a9c}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important;scroll-behavior:auto!important}.reveal{opacity:1;transform:none}}
@media(max-width:1100px){.brand{min-width:205px}.nav-wrap{gap:17px}.nav-links{gap:13px}.nav-link{font-size:10px}.hero-grid{grid-template-columns:minmax(0,.88fr) minmax(0,1.12fr);gap:clamp(18px,2.4vw,28px)}.hero h1{font-size:clamp(46px,5vw,66px);letter-spacing:-3.5px}.device{min-width:95px}.device-label{font-size:8px}.about-grid{gap:65px}.skills-matrix{grid-template-columns:repeat(2,1fr)}.skill-domain{min-height:260px}.lab-main{grid-template-columns:minmax(0,1fr) 245px}.metric-strip>div{min-width:76px;padding:10px}}
@media(max-width:850px){.site-header{height:72px}.brand{min-width:0;margin-right:auto}.menu-toggle{display:grid}.nav-links{position:absolute;left:24px;right:24px;top:65px;display:none;flex-direction:column;align-items:stretch;gap:0;padding:9px;border:1px solid var(--line);border-radius:12px;background:#0a1422;box-shadow:0 18px 40px #0007}.nav-links.open{display:flex}.nav-link{padding:12px;border-radius:7px;font-size:12px}.nav-link.active:after{display:none}.nav-link.active{background:#11233a}.nav-actions{gap:7px}.hero{padding-top:45px}.hero-grid{grid-template-columns:minmax(0,1fr);gap:28px}.hero-copy{padding-bottom:0}.hero h1{font-size:68px}.hero-visual{max-width:900px;width:100%;margin-inline:auto}.network-stage{height:clamp(360px,52vw,440px)}.about-grid,.education-grid{grid-template-columns:1fr;gap:48px}.profile-stack{margin:0;max-width:650px}.section{padding:85px 0}.section-heading-row{align-items:flex-start}.project-toolbar{align-items:flex-start;flex-direction:column}.project-search{width:100%;max-width:420px}.filter-row{width:100%}.lab-main{grid-template-columns:1fr}.topology-canvas{border-right:0;border-bottom:1px solid var(--line-soft)}.device-inspector{display:grid;grid-template-columns:1fr 1fr;gap:0 18px}.inspector-header,.inspector-description{grid-column:1/-1}.inspector-properties{grid-column:1}.inspector-rule{grid-column:2;align-self:start}.lab-bottom{grid-template-columns:1fr}.metric-strip{border-left:0;border-top:1px solid var(--line-soft)}.metric-strip>div{flex:1}.contact-card{padding:42px;gap:20px}.contact-monogram{width:130px}.contact-monogram img{width:125px;height:125px}}
@media(max-width:600px){.container{width:calc(100% - 32px)}.site-header{height:66px}.brand img{width:37px;height:37px}.brand strong{font-size:11px}.brand small{font-size:7px}.nav-actions .button{display:none}.hero{padding-top:38px}.hero h1{font-size:57px;letter-spacing:-4px}.hero-role{font-size:12px}.hero-tagline{font-size:20px}.hero-description{font-size:12px}.hero-actions .button{flex:1;padding-inline:11px;font-size:10px}.hero-meta{font-size:8px;gap:9px}.hero-footer{font-size:7px;gap:9px;flex-wrap:wrap}.hero-footer a{width:100%;margin:4px 0 0}.network-stage{height:clamp(300px,78vw,360px)}.visual-topline{padding-inline:10px;font-size:7px}.network-stage .device{transform:scale(.82);transform-origin:center}.device-client{left:1%;top:53%}.device-switch{left:19%;top:36%}.device-router{left:39%;top:45%}.device-isp{left:60%;top:26%}.device-server{right:1%;top:17%}.device-label{font-size:clamp(6px,1.6vw,8px);letter-spacing:.1px;white-space:normal;max-width:92px;line-height:1.35}.device-label small{font-size:clamp(5px,1.3vw,7px);overflow-wrap:anywhere}.icon-server{height:57px;width:43px}.icon-server i{width:25px;height:10px}.icon-pc{width:48px;height:40px}.icon-pc i{width:34px;height:23px}.icon-switch{width:66px}.scene-chip{padding:6px 8px}.scene-chip strong{font-size:11px}.chip-latency{top:5%;left:3%}.chip-protocol{right:2%;bottom:8%}.scene-note{left:3%;bottom:8%;padding:7px}.scene-note small{font-size:6px}.visual-controls{padding:0 8px;gap:5px}.tiny-control{padding:5px 6px;font-size:7px}.visual-hint{font-size:6px}.section{padding:70px 0}.section-heading-row{display:block;margin-bottom:29px}.section-heading-row h2{font-size:42px}.project-total{margin-top:20px;width:max-content}.project-grid{grid-template-columns:1fr;gap:14px}.project-art{height:205px}.project-content{padding:18px}.project-content h3{font-size:17px}.project-toolbar{gap:12px}.filter-row{gap:3px}.filter-button{padding:7px 8px;font-size:8px}.about-grid{gap:35px}.profile-image-wrap{height:260px}.focus-strip{gap:5px}.focus-strip>div{flex-direction:column;align-items:flex-start;gap:5px;padding:10px 8px}.focus-strip b{font-size:9px}.focus-strip small{font-size:7px}.skills-matrix{grid-template-columns:1fr}.skill-domain{min-height:0}.skill-domain .text-link{margin-top:10px}.security-grid{grid-template-columns:1fr}.panel{padding:18px}.lab-toolbar{align-items:stretch;flex-direction:column}.scenario-select-wrap{align-items:flex-start;flex-direction:column}.scenario-select-wrap select{width:100%}.lab-controls{display:grid;grid-template-columns:repeat(3,1fr)}.lab-button{font-size:8px;padding:8px 5px}.topology-canvas svg{min-height:250px}.topology-legend{font-size:7px;gap:8px;padding-inline:9px}.topology-tools{padding-inline:9px}.device-inspector{display:block;padding:17px}.lab-bottom{display:block}.metric-strip>div{min-width:0;padding:10px 8px}.metric-strip strong{font-size:12px}.metric-strip span{font-size:6px}.event-feed{padding:12px}.education-timeline{padding-left:21px;margin-left:5px}.timeline-pin{left:-27px}.education-card{padding:17px}.education-card h3{font-size:15px}.contact-card{padding:28px 22px;display:block}.contact-content h2{font-size:39px}.contact-actions{display:grid;grid-template-columns:1fr}.contact-actions .button{width:100%}.contact-monogram{display:none}.contact-email{overflow-wrap:anywhere}.footer-inner{flex-wrap:wrap}.footer-inner>p{order:3;width:100%}.footer-inner>p span{margin-left:0;display:block}.footer-links{margin-left:auto}.project-dialog{padding:22px}.project-dialog h2{font-size:24px}}
@media(max-width:390px){.hero h1{font-size:clamp(39px,12vw,49px);letter-spacing:-3px}.hero-actions{display:grid;grid-template-columns:1fr}.hero-actions .button{width:100%}.network-stage{height:300px}.device{min-width:0;max-width:76px;gap:5px}.device-label{font-size:6px;max-width:72px}.device-label small{font-size:5px}.device-client{left:0;top:53%}.device-switch{left:18%;top:36%}.device-router{left:38%;top:45%}.device-isp{left:59%;top:26%}.device-server{right:0;top:17%}.scene-chip{display:none}.scene-note{bottom:5%}.project-meta{align-items:flex-start;flex-direction:column}.art-top,.art-bottom{left:11px;right:11px;font-size:6px}}

/* Cinematic hook + optional narration controls (progressive enhancement). */
.hero-hook{max-width:760px;font-size:clamp(2.35rem,5vw,4.65rem);line-height:1.08;letter-spacing:-.065em;margin:18px 0 20px;font-weight:800}
.hero-hook span{color:var(--cyan);text-shadow:0 0 34px #00d9ff20}
.hero-role{max-width:700px}
.button-quiet{display:inline-flex;align-items:center;gap:8px;padding:12px 3px;color:var(--muted);font-weight:700}
.button-quiet:hover{color:var(--cyan)}
.narration-panel{margin-top:22px;padding:14px 16px;border:1px solid var(--line);border-radius:14px;background:linear-gradient(135deg,#0b1725d9,#0a1220b8);max-width:720px}
.narration-panel p{margin:0 0 12px;color:var(--muted);font-size:12px;line-height:1.7}
.narration-controls{display:flex;flex-wrap:wrap;align-items:center;gap:8px}
.narration-note{font-size:10px;color:var(--subtle)}
.speed-control{display:flex;align-items:center;gap:8px;color:var(--muted);font:10px var(--mono);letter-spacing:.08em}
.speed-control select{border:1px solid var(--line);background:var(--panel);color:var(--text);padding:8px;border-radius:8px}
@media(max-width:700px){.hero-hook{font-size:clamp(2.05rem,9vw,3.2rem)}.narration-panel{padding:12px}.hero-actions{gap:10px}.button-quiet{padding:10px 0}}
@media(prefers-reduced-motion:reduce){.hero-hook span{text-shadow:none}.narration-panel{scroll-behavior:auto}}
.caption-speaking{color:var(--text)!important;border-left:2px solid var(--cyan);padding-left:10px}

/* Focused hero/network-lab layout corrections */
@media (min-width: 851px) and (max-width: 1023px) {
  .hero-grid { grid-template-columns: minmax(0, 1fr); gap: 26px; }
  .hero-copy { padding-bottom: 0; }
  .hero-visual { width: 100%; max-width: 900px; margin-inline: auto; }
  .network-stage { height: 420px; }
}
@media (max-width: 600px) {
  .hero-actions { align-items: stretch; }
  .hero-actions .button { min-height: 42px; }
  .hero-visual { border-radius: 16px; }
  .network-stage { background-size: 22px 22px; }
}
@media (max-width: 340px) {
  .visual-topline { letter-spacing: .2px; }
  .device-icon { transform: scale(.82); margin-bottom: -5px; }
  .device-label { max-width: 62px; font-size: 5.5px; }
  .scene-note { max-width: 72%; }
}