@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=DM+Serif+Display:ital@0;1&family=IBM+Plex+Mono:wght@400;500&display=swap');
:root{--bg:#0d1b33;--panel:#152743;--cream:#eef2f8;--mint:#c9daf7;--muted:#b5c2d8;--line:#2c466c;--serif:'DM Serif Display',Georgia,serif;--sans:'DM Sans',Arial,sans-serif;--mono:'IBM Plex Mono',monospace}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:25px}body{margin:0;background:var(--bg);color:var(--cream);font:15px/1.75 var(--sans)}a{color:inherit;text-decoration:none}button{font:inherit;cursor:pointer}a:focus-visible,button:focus-visible{outline:3px solid #e9bd79;outline-offset:5px}header{max-width:1440px;padding:27px 6%;margin:auto;display:flex;align-items:center;justify-content:space-between;gap:30px;border-bottom:1px solid var(--line)}.brand{display:flex;align-items:center;gap:12px;font-size:11px;letter-spacing:2px;font-weight:600;line-height:1.3}.brand-icon{width:42px;height:42px;display:flex;align-items:center;justify-content:center;font:36px/1 var(--serif);border:1px solid #8098be;border-radius:12px;color:var(--mint);letter-spacing:-2px}.brand-icon span{font-family:var(--mono);font-size:26px}.brand-sub{display:block;font:7px var(--mono);letter-spacing:1px;color:var(--muted);margin-top:6px}nav{display:flex;gap:33px;font-size:12px;color:var(--muted)}nav a:hover{color:var(--mint)}.nav-cta{border:1px solid #6e88ad;border-radius:8px;padding:8px 19px;font-size:12px}.nav-cta span{margin-left:25px}.hero{max-width:1440px;margin:auto;padding:83px 6% 78px;display:grid;grid-template-columns:1.08fr 1fr;gap:6%;align-items:center}.eyebrow{font:10px/1.7 var(--mono);letter-spacing:1.5px;text-transform:uppercase}.dot{display:inline-block;width:6px;height:6px;background:var(--mint);border-radius:50%;margin:0 7px 1px 0}h1{font:400 clamp(54px,5.5vw,80px)/1.07 var(--serif);letter-spacing:-2.5px;margin:25px 0}h1 em,h2 em{font-weight:400;color:var(--mint)}.hero-intro{margin:27px 0 9px;font-size:19px;letter-spacing:-.3px}.hero-intro strong{font-weight:500}.wave{color:var(--mint);display:inline-block;transform:rotate(-10deg);margin-left:8px}.hero-description{color:var(--muted);font-size:14px;max-width:400px;line-height:1.9}.actions{display:flex;gap:26px;align-items:center;margin-top:29px}.button{display:inline-flex;align-items:center;justify-content:space-between;gap:30px;padding:13px 21px;background:var(--mint);border:1px solid var(--mint);border-radius:7px;color:#12243f;font-size:12px;font-weight:600;transition:transform .2s,background .2s}.button:hover{transform:translateY(-3px);background:#dce8fb}.text-link{font-size:12px;border-bottom:1px solid #7e98ba;padding-bottom:5px;display:inline-block}.text-link:hover{color:var(--mint)}.network-panel{border:1px solid #34557c;border-radius:16px;background:#12233f;box-shadow:0 35px 65px #070f1e33;overflow:hidden;transform:rotate(1.5deg)}.panel-top{padding:17px 19px;display:flex;justify-content:space-between;border-bottom:1px solid #2c4a70;font:8px var(--mono);letter-spacing:1px;color:#b8c9e2}.panel-top i{width:5px;height:5px;display:inline-block;background:var(--mint);border-radius:50%;margin-right:6px}.network-map{position:relative;padding:10px 6px 17px}.network-map svg{width:100%;display:block}.boundary,.inner-boundary{fill:none;stroke:#5b80b0;stroke-dasharray:4 7;stroke-width:.9}.inner-boundary{stroke:#2c4d74;stroke-dasharray:none}.connections path{fill:none;stroke:#6b8ab2;stroke-width:1}.packet{fill:#d6e4fb}.node rect{fill:#1a3156;stroke:#7e9cc6;stroke-width:1}.node path{fill:none;stroke:#c6d6ee;stroke-width:1.3}.core rect{fill:#c9daf7;stroke:#e4eefc}.core path{fill:none;stroke:#1a3358;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}.map-label{font:7px var(--mono);letter-spacing:.9px;fill:#b8c7de;text-anchor:middle}.map-tag{position:absolute;right:10px;bottom:10px;background:#d6e0f0;color:#1a3156;border-radius:4px;padding:6px 12px;font:italic 14px var(--serif);transform:rotate(-8deg)}.mode-tabs{display:flex;padding:0 15px;gap:5px}.mode-tabs button{flex:1;background:transparent;border:1px solid #3a5682;border-radius:4px;color:#b8c7de;font:8px var(--mono);padding:10px 4px}.mode-tabs button.active{background:#c9daf7;color:#142848;border-color:#c9daf7}.mode-description{font-size:11px;line-height:1.65;color:#c6d3e8;margin:15px 20px 8px;min-height:37px}.illustration-label{display:block;font:6px var(--mono);letter-spacing:1px;margin:0 20px 17px;color:#8aa2c2}.network-map[data-mode=privacy] .boundary{stroke:#d4c3eb;stroke-width:3;stroke-dasharray:none}.network-map[data-mode=privacy] .core rect{fill:#d4c3eb}.network-map[data-mode=privacy] .packet{fill:#d4c3eb}.network-map[data-mode=trust] .connections path{stroke:#e9c78c;stroke-width:2}.network-map[data-mode=trust] .core rect{fill:#e9c78c}.network-map[data-mode=trust] .node rect{stroke:#e9c78c}.focus-strip{max-width:1268px;margin:0 auto;padding:23px 0;display:flex;gap:48px;align-items:center;border-top:1px solid var(--line);border-bottom:1px solid var(--line)}.focus-strip>span{font:8px var(--mono);letter-spacing:1px;color:var(--muted)}.focus-strip p{display:flex;align-items:center;justify-content:space-between;flex:1;font-size:13px;margin:0}.focus-strip b{color:var(--mint);font-size:19px;font-weight:400}.section{padding:90px 6%;max-width:1440px;margin:auto}.section-heading{display:flex;align-items:end;justify-content:space-between;gap:30px;margin-bottom:30px}h2{font:400 clamp(36px,4vw,54px)/1.15 var(--serif);letter-spacing:-1.5px;margin:15px 0}.section-heading>p{font-size:13px;color:var(--muted);line-height:1.8;max-width:400px}.filter-row{display:flex;gap:8px;margin:27px 0 32px}.filter-row button{border:1px solid #3d5a84;color:var(--muted);background:transparent;padding:8px 17px;border-radius:30px;font-size:11px}.filter-row button.active{background:var(--cream);color:var(--bg);border-color:var(--cream)}.filter-row button span{margin-left:11px;font:8px var(--mono);opacity:.7}.project-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:44px 30px}.project-card[hidden]{display:none}.project-art{height:265px;position:relative;display:block;border-radius:10px;overflow:hidden;background:#c5d4ea;color:#1c3a5c;padding:22px}.art-meta{font:9px var(--mono);letter-spacing:1.2px}.art-glyph{position:absolute;inset:15px 0 20px;display:grid;place-items:center;font:128px Georgia,serif;transition:transform .4s}.art-glyph:before,.art-glyph:after{content:'';position:absolute;width:160px;height:160px;border:1px solid currentColor;opacity:.2;border-radius:24px;transform:rotate(25deg)}.art-glyph:after{transform:rotate(55deg);width:200px;height:200px}.project-art:hover .art-glyph{transform:rotate(-7deg) scale(1.06)}.art-bottom{position:absolute;bottom:22px;font:italic 20px var(--serif)}.circle-arrow{position:absolute;right:22px;bottom:18px;width:35px;height:35px;border-radius:50%;border:1px solid #3d5a8466;display:grid;place-items:center}.art-iomt-trust{background:#d6cde3;color:#5a4e70}.art-iomt-trust .art-glyph:before,.art-iomt-trust .art-glyph:after{border-radius:50%}.art-android-malware{background:#b9cdd4;color:#37556c}.art-risk-assessments{background:#e6d5b6;color:#75603a}.art-compliance-monitoring{background:#cbd2c1;color:#4a5b3d}.art-compliance-monitoring .art-glyph{font-size:90px}.card-copy{padding:20px 1px 0}.card-copy .eyebrow{font-size:8px;color:#aabede;margin:0}.card-copy h3{font-size:22px;line-height:1.35;letter-spacing:-.6px;font-weight:500;margin:9px 0 12px}.card-copy>p:not(.eyebrow){font-size:13px;color:var(--muted);margin:0 0 17px}.about{background:var(--cream);color:#1a2e4a;max-width:none;display:grid;grid-template-columns:1fr 1fr;gap:9%;padding-left:max(6%,calc((100vw - 1268px)/2));padding-right:max(6%,calc((100vw - 1268px)/2))}.about em{color:#3e6496}.about-copy p{font-size:14px;color:#4a5e7a}.about-copy .large-copy{font-size:22px;line-height:1.6;color:#1c3a5c;margin:7px 0 22px}.about .text-link:hover{color:#3e6496}.name-card{display:flex;gap:20px;align-items:center;margin-top:33px;font-size:13px;line-height:1.5}.initials{display:inline-block;position:relative;font:32px var(--serif);background:#dce6f4;border:1px solid #b8c8e0;padding:15px 13px;border-radius:15px;transform:rotate(-5deg)}.initials span{font:19px var(--sans);position:absolute;right:-7px;top:-7px;color:#3e6496}.name-card small{font:7px var(--mono);letter-spacing:1px;display:block;margin-top:9px;color:#5c6e8a}.credentials{display:flex;border-top:1px solid #c4cee2;margin-top:32px;padding-top:22px;gap:30px;font-size:11px;line-height:1.7}.credentials small{display:block;font:9px var(--mono);margin-top:8px;color:#5c6e8a}.contact{max-width:1440px;padding:80px 6%;margin:auto;display:flex;justify-content:space-between;gap:25px;align-items:center}.contact h2{font-size:48px;position:relative}.contact p:not(.eyebrow){color:var(--muted);font-size:13px}.asterisk{font:47px var(--sans);color:#d9c6a5;display:inline-block;vertical-align:top;margin-left:20px}.contact .button{white-space:nowrap}footer{border-top:1px solid var(--line);max-width:1440px;margin:auto;padding:30px 6%;display:flex;align-items:center;gap:26px;flex-wrap:wrap}footer>p{font:italic 15px var(--serif);color:var(--muted)}footer>div{margin-left:auto;display:flex;gap:25px;font-size:11px}footer small{display:flex;justify-content:space-between;width:100%;font:8px var(--mono);color:var(--muted);margin-top:15px}.page-head h1{font-size:clamp(48px,5vw,74px);max-width:1000px}.page-head>p:not(.eyebrow){color:var(--muted)}.timeline{padding-top:0}.timeline-row{display:grid;grid-template-columns:30% 1fr;gap:40px;padding:30px 0;border-top:1px solid var(--line)}.timeline-row h3{font-size:21px;font-weight:500;line-height:1.5;margin:5px 0}.timeline-row p:not(.eyebrow){font-size:14px;color:var(--muted)}.kind-tag{font:9px var(--mono);border:1px solid #5c7496;border-radius:15px;padding:5px 10px;color:var(--muted)}.resources{display:flex;flex-wrap:wrap;gap:10px;margin-top:16px}.resource{font-size:12px;border:1px solid #6e86aa;padding:7px 14px;border-radius:5px}.resource:hover{background:var(--panel)}.project-detail>.eyebrow{margin-top:55px}.project-detail h1{max-width:980px;font-size:clamp(48px,5.5vw,76px)}.project-summary{font-size:20px;color:var(--muted);max-width:850px}.detail-body{display:grid;grid-template-columns:1fr 1.7fr;gap:70px;border-top:1px solid var(--line);margin-top:45px;padding-top:35px}.detail-body>div>p{font-size:15px;color:#c6d1e2;margin-top:0;margin-bottom:22px}.detail-body h2{font-size:37px}.resources-title{font:10px var(--mono);text-transform:uppercase;letter-spacing:1px;margin-top:35px}.paper{display:block;border:1px solid var(--line);padding:20px;border-radius:8px}.paper h3{font-weight:500;font-size:20px}.next-project{display:block;border:1px solid var(--line);background:var(--panel);border-radius:10px;padding:30px;margin-top:70px}.next-project h2{font-size:30px}.skip{position:absolute;top:-80px;background:var(--mint);color:var(--bg);padding:10px;z-index:10}.skip:focus{top:0}.sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0,0,0,0)}@media(min-width:1500px){.hero{padding-top:100px;padding-bottom:100px}}@media(max-width:1100px){.hero{gap:4%}.focus-strip{margin:0 6%;gap:25px}.focus-strip p{font-size:11px}.mode-tabs button{font-size:7px}.contact h2{font-size:39px}}@media(max-width:800px){.hero{grid-template-columns:1fr;padding-top:50px;gap:45px}.hero h1{font-size:70px}.hero-description{max-width:500px}.network-panel{max-width:540px;width:100%;justify-self:center}.mode-tabs button{font-size:9px}.focus-strip{display:block}.focus-strip p{margin-top:12px;gap:12px;font-size:10px}.section{padding-top:65px;padding-bottom:65px}.section-heading>p{max-width:250px}.about{gap:35px}.contact{display:block}.contact>.button{margin-top:15px}.contact h2{font-size:46px}nav{gap:20px}.nav-cta{display:none}.detail-body{gap:30px}.project-art{height:230px}}@media(max-width:560px){header{padding:22px 6%;gap:15px}.brand{font-size:9px;letter-spacing:1px}.brand-sub{font-size:6px;letter-spacing:.4px}.brand-icon{width:35px;height:35px;font-size:29px}nav{gap:16px;font-size:11px}nav a:last-child{display:none}.hero h1{font-size:59px;letter-spacing:-1.7px}.hero .eyebrow{font-size:8px;letter-spacing:1px}.actions{gap:20px}.hero{padding-bottom:40px}.network-panel{transform:none}.panel-top{font-size:7px}.mode-tabs{padding:0 10px}.mode-tabs button{font-size:7px}.focus-strip p{display:block;font-size:11px;line-height:2.4}.focus-strip b{font-size:12px;margin:0 8px}.section-heading{display:block}.section-heading>p{max-width:none}.project-grid{grid-template-columns:1fr;gap:37px}.project-art{height:250px}.filter-row{gap:6px}.filter-row button{padding:7px 12px;font-size:10px}.filter-row button span{margin-left:7px}.about{grid-template-columns:1fr;gap:30px}.about-copy .large-copy{font-size:21px}.contact h2{font-size:36px}.asterisk{font-size:30px;margin-left:8px}.contact{padding-top:60px;padding-bottom:60px}footer{gap:16px}footer>p{font-size:13px}footer>div{margin-left:0;width:100%}footer small{display:block;line-height:2}footer small span{display:block}.timeline-row{grid-template-columns:1fr;gap:17px}.timeline-row .eyebrow{margin-top:0}.timeline-row h3{font-size:20px}.page-head h1,.project-detail h1{font-size:48px;letter-spacing:-1.5px}.detail-body{grid-template-columns:1fr;gap:10px}.project-summary{font-size:18px}.next-project{padding:22px}.next-project h2{font-size:27px}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{transition:none!important;animation:none!important}}
.hero{position:relative;overflow:hidden}
.hero-copy,.network-panel{position:relative;z-index:1}
.pixel-field{position:absolute;inset:0;width:100%;height:100%;z-index:0;pointer-events:none}