@font-face{font-family:system-fallback;src:local('Arial')}*{box-sizing:border-box}html{background:#101b18;color:#f2f1e8;color-scheme:dark}body{margin:0;font-family:Arial,Helvetica,sans-serif;-webkit-font-smoothing:antialiased;background:radial-gradient(ellipse at 14% 48%,#23342655,transparent 55%)}a{color:inherit;text-decoration:none}a:focus-visible{outline:3px solid #f5cc86;outline-offset:7px}.page{max-width:1280px;min-height:100svh;margin:auto;padding:38px 64px 28px;display:flex;flex-direction:column}header{display:flex;align-items:center;justify-content:space-between;gap:20px}.brand{display:flex;align-items:center;gap:13px;font-size:23px;font-weight:700;letter-spacing:-.7px}.brand-dot{color:#c7ef89}.header-note{font-size:10px;letter-spacing:2px;color:#acb9ae}main{display:grid;grid-template-columns:1.15fr 1fr;align-items:center;gap:86px;flex:1;padding:85px 0 80px}.eyebrow{font-size:10px;letter-spacing:2px;font-weight:600;color:#c7ef89;display:flex;align-items:center;gap:11px;margin:0 0 30px}.eyebrow span{width:24px;height:1px;background:currentColor}h1{font-size:clamp(50px,5.6vw,77px);font-weight:500;letter-spacing:-4px;line-height:1.05;margin:0 0 28px}h1 em{font-family:Georgia,'Times New Roman',serif;font-weight:400;color:#c7ef89;letter-spacing:-3px}.description{font-size:16px;line-height:1.9;color:#b3c0b5;margin:0;max-width:440px}.signal-art{margin-top:40px;max-width:450px}.signal-art svg{display:block;width:100%;height:auto;overflow:visible}.trace-base{stroke:#3b5946;stroke-width:1.5}.trace-live{stroke:url(#trace);stroke-width:2;stroke-dasharray:100 360;animation:flow 6s linear infinite}.chip-pins{stroke:#778c7c;stroke-width:4}.analog{stroke:#73cdb5;stroke-width:1.5}.signal-labels{display:flex;justify-content:space-between;color:#899d8d;font-size:8px;letter-spacing:1.4px;margin-top:4px}.nav-caption{font-size:10px;letter-spacing:2px;color:#acb9ae;display:flex;justify-content:space-between;margin:0 2px 20px}.nav-caption span{font-size:20px;color:#c7ef89}.channel{display:flex;align-items:center;min-height:104px;padding:22px 25px;gap:20px;border:1px solid #3b4c41;border-radius:15px;margin-bottom:13px;background:#1a2821;transition:transform .2s,background .2s,border-color .2s}.channel:hover{transform:translateY(-3px);border-color:#a5c189;background:#24372b}.channel.youtube{background:#c7ef89;color:#15241c;border-color:#c7ef89}.youtube:hover{background:#d5f4aa}.platform-icon{width:31px;height:31px;flex-shrink:0}.platform-icon svg{width:100%;height:100%;display:block}.channel-copy{display:flex;flex-direction:column;gap:7px}.channel-copy strong{font-size:21px;font-weight:500;letter-spacing:-.3px}.channel-copy>span{font-size:12px;color:#b3c0b5}.youtube .channel-copy>span{color:#3b532e}.arrow{margin-left:auto;font-size:26px;font-weight:400}.handle{font-size:8px;letter-spacing:1px;line-height:1.8;color:#8eaa96;text-align:center;margin:25px 0 0}.handle span{color:#d3decd;letter-spacing:.4px;font-size:10px}footer{border-top:1px solid #344338;padding-top:21px;display:flex;justify-content:space-between;align-items:center;gap:20px;color:#96aa9c;font-size:11px}footer>span:last-child{font-size:8px;letter-spacing:1.8px;display:flex;align-items:center;gap:12px}.footer-mark{font-family:Georgia,serif;font-size:20px;color:#c7ef89}@keyframes flow{to{stroke-dashoffset:-460}}@media(min-width:1600px){main{padding-top:110px;padding-bottom:110px}}@media(max-width:900px){.page{padding:28px 34px 24px}main{gap:36px}h1{font-size:56px}.channel{padding:20px;gap:16px}.channel-copy>span{font-size:11px}.header-note{font-size:8px}}@media(max-width:680px){.page{max-width:510px;padding:25px 25px 22px}header{margin-bottom:43px}.brand{font-size:21px;gap:11px}.brand img{width:35px;height:35px}.header-note{display:none}main{display:block;padding:0;flex:1}.eyebrow{font-size:9px;letter-spacing:1.7px;margin-bottom:21px}h1{font-size:58px;letter-spacing:-3px;line-height:1.04;margin-bottom:18px}h1 em{letter-spacing:-2px}.description{font-size:14px;line-height:1.7;max-width:355px}.desktop-break{display:none}.signal-art{display:none}.channels{margin:32px 0 28px}.nav-caption{margin-bottom:12px;font-size:9px}.channel{min-height:82px;padding:17px 19px;margin-bottom:11px;border-radius:12px}.channel-copy strong{font-size:19px}.channel-copy>span{font-size:11px}.platform-icon{width:27px;height:27px}.arrow{font-size:23px}.handle{margin-top:19px;font-size:7px}footer{padding-top:17px;font-size:10px}footer>span:last-child{font-size:7px;letter-spacing:1px;gap:7px}}@media(max-width:360px){.page{padding:20px}h1{font-size:51px}.channel{gap:13px}footer{gap:8px}}@media(prefers-reduced-motion:reduce){.trace-live{animation:none;stroke-dasharray:none}.channel{transition:none}.channel:hover{transform:none}}
/* Integrate identity: blue, white and a quieter ink background. */
html{background:#101021;color:#f5f5fc}body{background:radial-gradient(ellipse at 14% 48%,#2524b82b,transparent 55%)}.brand img{border-radius:10px}.brand-dot,h1 em,.eyebrow,.footer-mark,.nav-caption span{color:#a9adff}.description,.channel-copy>span{color:#bcbcd0}.channel{background:#1b1c33;border-color:#393951}.channel:hover{background:#262743;border-color:#868af1}.channel.youtube{background:#292acb;color:white;border-color:#5b5bea}.youtube:hover{background:#3738df}.youtube .channel-copy>span{color:#d9daff}.youtube .platform-icon path{fill:#292acb}.youtube .platform-icon{color:white}footer{border-color:#343449;color:#b0b0c5}.top-nav{display:flex;gap:26px;font-size:13px;color:#c7c7df}.top-nav a:hover{color:white}.learn-links{display:grid;gap:12px;margin-top:30px}.learn-links a{padding:16px 18px;border:1px solid #3a3a59;border-radius:10px;display:grid;gap:7px}.learn-links a:hover{background:#252545}.learn-links span{font-size:9px;letter-spacing:1.6px;color:#aaafff}.learn-links strong{font-size:15px;font-weight:500}@media(max-width:680px){header{flex-wrap:wrap;margin-bottom:32px}.top-nav{font-size:12px;gap:20px}.learn-links{margin-top:25px}}

.trace-base{stroke:#484a78}.chip-pins{stroke:#8084b8}.analog{stroke:#9499f5}.signal-labels{color:#969ac2}.handle{color:#969ac2}.handle span{color:#dedff4}

.skip{position:absolute;top:-80px;left:20px;padding:12px 16px;background:#f2f1e8;color:#101021;z-index:10;border-radius:6px}.skip:focus{top:12px}