body{margin:0;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}:root{--paper: #fffbf5;--ink: #242523;--muted: #777870;--orange: rgb(251, 140, 0);--amber: #ffbf5b;--orange-ink: #9c5100;--teal: #31a7a8;--line: #eadfce;--ease: cubic-bezier(.2,.7,.2,1);--font: -apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:100px}body{background:var(--paper);color:var(--ink);font-family:var(--font)}button,input,a{-webkit-tap-highlight-color:transparent}button,input{font:inherit}button,a{touch-action:manipulation}button{cursor:pointer}button:disabled{cursor:default}a{color:inherit}a:focus-visible,button:focus-visible,input:focus-visible{outline:3px solid var(--orange);outline-offset:5px}::selection{background:#fb8c0040}img{max-width:100%}.page-width{width:min(1240px,calc(100% - 112px));margin-inline:auto}.eyebrow{font-family:var(--font);font-size:12px;font-weight:650;letter-spacing:1.6px;line-height:1.6}.section-number{color:var(--orange);margin-right:14px}.orange-text{color:var(--orange)}.muted-text{color:#8a8b83}.button{display:inline-flex;align-items:center;justify-content:center;gap:22px;min-height:48px;padding:0 23px;border-radius:6px;text-decoration:none;font-size:14px;font-weight:600;border:1px solid transparent;transition:transform .25s var(--ease),background .25s,box-shadow .25s;white-space:nowrap}.button:hover{transform:translateY(-3px);box-shadow:0 8px 20px #00000012}.button svg{transition:transform .25s}.button:hover svg{transform:translate(2px,-2px)}.button-orange{background:var(--orange);color:#241d14}.button-orange:hover{background:#ee8000}.button-dark{background:var(--ink);color:#fff}.button-light{background:var(--paper);color:var(--ink)}.icon-button{display:grid;place-items:center;border:0;background:transparent;color:inherit;width:32px;height:32px}.live-dot{display:inline-block;width:6px;height:6px;border-radius:50%;background:#a7c6a5;box-shadow:0 0 0 3px #a7c6a511}.site-nav{position:sticky;top:0;z-index:100;background-color:#0d2a3a;background-image:none;backdrop-filter:none;-webkit-backdrop-filter:none;box-shadow:0 1px #1ba0be26;border-bottom:1px solid rgba(27,160,190,.12);transition:background-color .3s ease,backdrop-filter .3s ease,box-shadow .3s ease}.site-nav.is-scrolled{background-color:#0d2a3ab8;backdrop-filter:blur(18px);-webkit-backdrop-filter:blur(18px);box-shadow:0 4px 24px #0006}.nav-inner{height:85px;width:min(1352px,calc(100% - 80px));margin:auto;display:flex;align-items:center;justify-content:space-between}.brand{display:inline-flex;gap:11px;align-items:center;text-decoration:none;font-size:15px;letter-spacing:-.6px;line-height:1.05;font-weight:700}.brand-bottom{display:block}.brand-symbol{width:40px;height:40px;border:1px solid currentColor;border-radius:10px;display:grid;place-items:center}.brand-dot{color:var(--orange)}.desktop-nav{display:flex;gap:29px;align-items:center}.nav-trigger{display:flex;align-items:center;gap:7px;padding:14px 0;border:0;background:none;text-decoration:none;font-size:14px;font-weight:500;color:#62635c}.nav-trigger:hover,.nav-trigger.active{color:var(--orange)}.nav-trigger.active svg{transform:rotate(180deg)}.nav-group{position:relative}.nav-dropdown{position:absolute;left:-20px;top:46px;width:275px;padding:9px;background:var(--paper);box-shadow:0 15px 35px #24252318;border:1px solid var(--line);border-radius:10px;animation:menu-in .2s var(--ease)}.nav-dropdown a{padding:13px 12px;display:flex;align-items:center;justify-content:space-between;text-decoration:none;font-size:14px;border-radius:5px}.nav-dropdown a:hover{background:#eeede6;color:#bc4a26}.nav-cta{min-height:39px;padding-inline:17px;font-size:14px}.mobile-toggle,.mobile-nav{display:none}.skip-link{position:absolute;left:15px;top:-80px;padding:12px;background:var(--ink);color:#fff;z-index:102}.skip-link:focus{top:12px}.hero{display:grid;grid-template-columns:1fr 1.05fr;column-gap:56px;padding-top:78px;position:relative}.hero-eyebrow{display:flex;gap:10px;align-items:center;margin-bottom:26px;font-size:12px;letter-spacing:1.6px}.orange-dash{width:19px;height:2px;background:var(--orange)}.hero h1{font-size:clamp(68px,7.1vw,108px);font-weight:550;line-height:.98;letter-spacing:-7px;margin:0 0 31px}.hero-emphasis{display:inline-block;position:relative;font-family:Georgia,Times New Roman,serif;font-weight:400;font-style:italic;letter-spacing:-6px}.hero-emphasis svg{position:absolute;bottom:-12px;left:-2%;width:105%;height:17px;overflow:visible}.hero-emphasis path{fill:none;stroke:var(--orange);stroke-width:2.5;stroke-linecap:round;stroke-dasharray:360;animation:underline-draw 1.4s .5s both var(--ease)}.hero-description{color:#717269;font-size:17px;line-height:1.7;margin:0 0 27px}.hero-actions{display:flex;align-items:center;gap:24px}.watch-link{font-size:14px;text-decoration:none;display:flex;align-items:center;gap:9px;white-space:nowrap}.watch-link>span{display:grid;place-items:center;width:29px;height:29px;border:1px solid #cccfc3;border-radius:50%;transition:background .2s}.watch-link:hover>span{background:#e6e6dd}.hero-note{display:flex;align-items:center;gap:10px;font-size:14px;color:#86877f;margin-top:27px}.hero-note strong{color:#55574f;font-weight:500}.note-avatar{width:28px;height:28px;border-radius:50%;overflow:hidden;filter:grayscale(1)}.note-avatar img{width:100%;height:100%;object-fit:cover}.hero-copy{animation:hero-in .8s var(--ease) both}.hero-visual{padding-top:45px;min-width:0;animation:hero-in 1s .15s var(--ease) both}.visual-topline{display:flex;justify-content:space-between;margin-bottom:13px;font-family:monospace;font-size:12px;color:#8b8e82;letter-spacing:1px}.visual-topline span:last-child{color:#b46042}.visual-bottomline{display:flex;align-items:center;justify-content:flex-end;gap:17px;margin-top:13px;padding-right:20px}.handwritten{font-family:Georgia,serif;font-style:italic;font-size:14px;color:#85867a}.curved-arrow{font-size:34px;transform:rotate(25deg);color:#8f9384}.hero-bottom{grid-column:1/-1;display:flex;justify-content:space-between;align-items:center;padding:33px 0 26px;margin-top:44px;border-top:1px solid var(--line);color:#8b8d83;font-size:12px;letter-spacing:1.1px}.hero-bottom>span:first-child{display:flex;align-items:center;gap:8px}.hero-bottom a{display:flex;align-items:center;gap:16px;text-decoration:none;font-size:12px;letter-spacing:0;color:#62665b}.hero-bottom .live-dot{background:#758b5c}.system-playground{background:#242924;color:#d7ddcf;border-radius:12px;box-shadow:0 24px 50px -20px #22302150,0 2px 2px #fff inset;border:1px solid #465044;overflow:hidden;transform:perspective(1200px) rotateY(-3deg) rotateX(2deg);transition:transform .65s var(--ease)}.system-playground:hover,.system-playground:focus-within{transform:perspective(1200px) rotateY(0) rotateX(0)}.playground-bar{padding:14px 19px;display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid #ffffff0e;background:#ffffff03}.playground-bar>span{display:flex;align-items:center;gap:9px;font-family:monospace;font-size:12px;letter-spacing:1.4px}.playground-bar .icon-button{width:22px;height:22px;color:#9eab93;border:1px solid #63745860;border-radius:4px}.system-canvas{height:285px;position:relative;background-image:radial-gradient(#cbd4bd20 .8px,transparent .8px);background-size:16px 16px}.system-caption{position:absolute;top:22px;left:22px;font-family:monospace;font-size:10px;letter-spacing:1.7px;color:#819079}.system-wires{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;stroke:#56644c;stroke-width:1.1}.flow-path{stroke:#c0e59a;stroke-dasharray:4 45;animation:request-flow var(--flow-speed) linear infinite;filter:drop-shadow(0 0 3px #afd77d)}.system-node{position:absolute;display:flex;align-items:center;justify-content:center;flex-direction:column;gap:9px;width:69px;height:72px;border-radius:9px;background:#2d342b;border:1px solid #53604b;color:#a4b895;transition:background .3s,transform .3s,border .3s}.system-node:hover{transform:translate(-50%,-50%) scale(1.07)}.system-node span{font-family:monospace;font-size:10px;white-space:nowrap}.system-node i,.server-unit i{width:4px;height:4px;border-radius:50%;background:#b7ce9d;position:absolute;right:7px;top:7px}.system-node.selected,.server-unit.selected,.cache-node.selected{border-color:#d2e7b3;background:#414a33;color:#dceec4;box-shadow:0 0 30px #a8cf7310}.node-client{left:14%;top:50%;transform:translate(-50%,-50%)}.node-balancer{left:36%;top:50%;transform:translate(-50%,-50%);width:82px}.node-database{left:86%;top:50%;transform:translate(-50%,-50%)}.server-stack{position:absolute;left:66%;top:23%;width:75px;display:flex;flex-direction:column;gap:20px;transform:translate(-50%)}.server-unit{position:relative;height:39px;display:flex;align-items:center;justify-content:center;gap:7px;background:#252c24;border:1px dashed #59614f;border-radius:5px;color:#6e7a63;font-family:monospace;font-size:10px;transition:all .4s}.server-unit i{background:#616553;top:5px;right:5px;width:3px;height:3px}.server-unit.online{background:#343d2e;border:1px solid #7b9062;color:#c1d4a7;box-shadow:0 0 15px #bed79609}.server-unit.online i{background:#bad993;box-shadow:0 0 5px #bad993}.cache-node{position:absolute;top:74%;left:35%;display:flex;align-items:center;gap:5px;border:1px solid #5a644b;background:#303529;border-radius:5px;padding:6px 9px;font-size:10px;color:#b6bf91}.canvas-note,.canvas-coordinate{position:absolute;bottom:16px;font-family:monospace;font-size:10px;color:#8a9780}.canvas-note{left:20px}.canvas-coordinate{right:20px;letter-spacing:1px}.system-controls{margin:0 19px;padding:15px 0;border-top:1px solid #ffffff12}.traffic-label{display:flex;justify-content:space-between;align-items:center;font-size:14px;margin-bottom:12px}.traffic-label>span{font-family:monospace;color:#e9e6d9;font-size:14px}.traffic-label small{font-size:14px;color:#9ba790}.system-controls input{-moz-appearance:none;appearance:none;-webkit-appearance:none;width:100%;height:3px;display:block;margin:14px 0 16px;border-radius:4px;background:linear-gradient(to right,#bed392 var(--range-progress),#4b5542 var(--range-progress));cursor:ew-resize}.system-controls input::-webkit-slider-thumb{-webkit-appearance:none;width:13px;height:13px;border-radius:50%;background:#d3e3b8;border:3px solid #596548;box-shadow:0 0 0 3px #b6cf8c13}.system-controls input::-moz-range-thumb{width:8px;height:8px;border-radius:50%;background:#d3e3b8;border:3px solid #596548}.system-status{display:flex;justify-content:space-between;color:#96a68b;font-family:monospace;font-size:12px}.system-status .live-dot{width:4px;height:4px;margin-right:4px;background:#bad58b}.node-insight{display:flex;gap:15px;align-items:center;justify-content:space-between;background:#1b201c88;padding:15px 19px;min-height:78px;border-top:1px solid #ffffff0c}.node-insight strong{font-size:14px;font-weight:500;color:#d6dec9}.node-insight p{font-size:16px;line-height:1.6;color:#94a089;margin:4px 0 0;max-width:350px}.node-insight a{display:grid;place-items:center;flex-shrink:0;border:1px solid #536049;border-radius:50%;height:30px;width:30px;color:#becfad}.is-paused .flow-path{animation-play-state:paused}.discipline-strip{overflow:hidden;border-block:1px solid var(--line);background:#eeeee7;padding:20px 0}.discipline-strip>div{display:flex;width:max-content;animation:marquee 48s linear infinite}.discipline-strip:hover>div{animation-play-state:paused}.discipline-strip span{display:flex;align-items:center;gap:40px;padding-right:40px;font-size:12px;letter-spacing:2px;color:#6e7264;font-weight:550}.discipline-strip svg{color:#a2aa8d}.courses-section{padding-block:100px 110px}.section-heading{display:flex;justify-content:space-between;align-items:flex-end;margin-bottom:36px;gap:30px}.section-heading h2,.about-copy h2{font-size:clamp(36px,4.1vw,58px);line-height:1.07;font-weight:500;letter-spacing:-2.7px;margin:21px 0 0}.section-heading>p{font-size:16px;color:#7f8178;line-height:1.8;margin:0 0 4px}.course-toolbar{display:flex;justify-content:space-between;align-items:center;margin:0 0 23px;border-bottom:1px solid var(--line);padding-bottom:17px;gap:20px}.filter-tabs{display:flex;gap:5px;flex-wrap:wrap}.filter-tabs button{padding:9px 16px;border:1px solid transparent;background:none;color:#76796e;border-radius:5px;font-size:14px;transition:background .2s,color .2s}.filter-tabs button.active{background:var(--ink);color:#fff}.filter-tabs button:hover:not(.active){background:#e9e9e1}.path-count{display:flex;gap:15px;align-items:center;font-family:monospace;font-size:12px;color:#8a8d80;white-space:nowrap}.course-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}.course-card{position:relative;border:1px solid #dedfd5;border-radius:10px;padding:23px 24px 0;display:flex;flex-direction:column;text-decoration:none;overflow:hidden;transition:transform .4s var(--ease),box-shadow .4s,border-color .4s;background:#f4f4ee}.course-card:hover{transform:translateY(-6px);box-shadow:0 18px 30px -15px #2a35292e;border-color:#c0c3b1}.course-card-top{display:flex;justify-content:space-between;align-items:center;gap:10px}.course-card-top .eyebrow{font-size:12px;letter-spacing:1.4px;color:#8a8c7c}.card-arrow{display:grid;place-items:center;width:28px;height:28px;border-radius:50%;border:1px solid #d6d9cb;color:#5e6554;transition:background .3s,transform .3s}.course-card:hover .card-arrow{background:var(--ink);color:#fff;transform:rotate(45deg)}.course-card-copy{margin-top:auto}.course-card h3{font-size:22px;font-weight:500;line-height:1.17;letter-spacing:-.7px;white-space:pre-line;margin:0 0 10px}.course-card p{font-size:16px;line-height:1.7;color:#7e8273;margin:0 0 23px;max-width:250px}.course-card-bottom{display:flex;justify-content:space-between;align-items:center;border-top:1px solid #dcded2;padding:15px 0;font-size:14px;color:#858b76}.course-card-bottom>span:last-child{display:flex;align-items:center;gap:10px;color:#535c45}.featured-card{min-height:355px}.course-art{height:150px;position:relative;margin:7px 0 18px}.card-architecture{background:#edf0e5}.architecture-art{display:flex;align-items:center;justify-content:center}.art-node{width:47px;height:47px;background:#f9fbf3;border:1px solid #c6cbb8;box-shadow:0 5px 12px #394b3010;display:grid;place-items:center;border-radius:10px;color:#76845e;transition:transform .5s}.architecture-art>i{height:1px;width:25px;background:#b8c49c}.architecture-art>div{display:flex;flex-direction:column;gap:12px}.art-node-main{background:#dce4cc;color:#5f7545}.course-card:hover .art-node-main{transform:rotate(-8deg) scale(1.08)}.art-pill{position:absolute;bottom:-2px;left:12px;border:1px solid #d0d7bd;border-radius:20px;font-family:monospace;font-size:10px;padding:5px 10px;transform:rotate(-5deg);color:#78865e;background:#f3f5ed}.card-code{background:#f0eee8}.code-art{background:#e8e5dc;border:1px solid #ddd9cc;border-radius:8px;margin-top:18px;padding:15px 10px;height:139px;font-family:monospace;font-size:10px;display:flex;flex-direction:column;gap:9px;transform:rotate(-2deg);transition:transform .4s}.course-card:hover .code-art{transform:rotate(0)}.code-line{white-space:nowrap;color:#727469}.code-line i{font-style:normal;color:#aaa999;margin-right:12px}.code-line b{font-weight:400;color:#ac7150}.code-success{font-size:10px;display:flex;align-items:center;gap:5px;color:#6d8059;margin-left:22px;margin-top:3px}.card-layers{background:#efeee8}.layers-art{display:grid;place-items:center}.layers-art>span{position:absolute;width:101px;height:74px;background:#e3e1d4;border:1px solid #c6c3ae;border-radius:9px;transform:rotate(-28deg) skew(25deg);box-shadow:8px 8px 18px #4c4e3420;transition:translate .4s}.layers-art>span:nth-child(1){top:51px;background:#d3d5c0}.layers-art>span:nth-child(2){top:30px;background:#e2e3d4}.layers-art>span:nth-child(3){top:9px;background:#f4f3e9}.course-card:hover .layers-art>span:nth-child(3){translate:0 -7px}.course-card:hover .layers-art>span:nth-child(1){translate:0 7px}.layers-art small{position:absolute;bottom:0;font-family:monospace;font-size:10px;letter-spacing:1.4px;color:#8f927e}.compact-card{min-height:259px;background:#f7f7f1}.course-icon{margin:18px 0 22px;color:#7c8868}.compact-card h3{font-size:19px}.compact-card .course-card-top .eyebrow{font-size:12px}.compact-card:last-child:nth-child(3n+1){grid-column:1/-1;display:grid;grid-template-columns:1fr 1fr;column-gap:20px;min-height:190px}.compact-card:last-child:nth-child(3n+1) .course-card-top{grid-column:1/-1}.compact-card:last-child:nth-child(3n+1) .course-icon{grid-column:2;grid-row:2;justify-self:end;align-self:center;margin:0 30px}.compact-card:last-child:nth-child(3n+1) .course-icon svg{width:55px;height:55px}.compact-card:last-child:nth-child(3n+1) .course-card-copy{grid-column:1;grid-row:2}.compact-card:last-child:nth-child(3n+1) .course-card-bottom{grid-column:1/-1}.lab-section{background:#242824;color:#f1f2e9;padding:85px 0 25px;position:relative;overflow:hidden}.lab-section .eyebrow{color:#a0aa93}.lab-section .section-number{color:#bec99e}.lab-section .section-heading h2 span{color:#909e83}.lab-section .section-heading>p{color:#a0aa94}.lab-stage{display:grid;grid-template-columns:1fr 1fr;gap:90px;align-items:center;margin:35px 0 50px}.lab-orbit{height:380px;position:relative;display:grid;place-items:center;background-image:radial-gradient(#a7be8517 1px,transparent 1px);background-size:17px 17px;-webkit-mask-image:radial-gradient(ellipse,black 45%,transparent 75%);mask-image:radial-gradient(ellipse,black 45%,transparent 75%)}.orbit{position:absolute;left:50%;top:50%;border:1px solid #a4b38a26;border-radius:50%;transform:translate(-50%,-50%)}.orbit-one{width:190px;height:190px}.orbit-two{width:285px;height:285px;border-style:dashed;animation:orbit-turn 65s linear infinite}.orbit-three{width:375px;height:375px}.orbit-center{position:relative;display:grid;place-items:center;width:104px;height:104px;border:1px solid #798568;border-radius:24px;background:#3c4533;color:#c4d5aa;box-shadow:0 0 90px #b8d28814;transform:rotate(-8deg)}.orbit-satellite{position:absolute;border:1px solid #5a664e;background:#2d342b;color:#b5c59e;border-radius:12px;width:48px;height:48px;display:grid;place-items:center;animation:gentle-float 6s ease-in-out infinite}.satellite-one{left:18%;top:22%}.satellite-two{right:12%;top:43%;animation-delay:-2s}.satellite-three{left:35%;bottom:13%;animation-delay:-4s}.orbit-label{position:absolute;bottom:8%;font-family:monospace;letter-spacing:1px;font-size:10px;color:#a3b28f;display:flex;gap:7px;align-items:center}.lab-list>a{display:flex;align-items:center;gap:20px;padding:20px 3px;border-bottom:1px solid #ffffff15;text-decoration:none;transition:padding .3s,background .3s;color:#b9c5aa}.lab-list>a:hover{padding-left:13px;background:#ffffff03}.lab-index{font-family:monospace;font-size:14px;color:#7d8a70}.lab-list h3{font-size:16px;letter-spacing:-.4px;margin:0 0 5px;color:#e3e8d9;font-weight:500}.lab-list p{font-size:16px;margin:0;color:#8f9d82}.lab-list>a>svg:last-child{margin-left:auto;color:#8b9d77;transition:transform .3s}.lab-list>a:hover>svg:last-child{transform:translate(3px,-3px)}.lab-bottom{display:flex;justify-content:space-between;border-top:1px solid #ffffff16;padding-top:23px;font-family:monospace;font-size:12px;color:#96a387;letter-spacing:.6px}.lab-bottom>span:first-child{display:flex;gap:8px;align-items:center}.about-section{display:grid;grid-template-columns:1fr 1fr;gap:100px;padding-block:110px;align-items:center}.about-portrait{position:relative;padding:15px 35px 40px 10px}.portrait-frame{height:440px;border-radius:8px;overflow:hidden;position:relative;transform:rotate(-3deg);background:#d7d6c8}.portrait-frame:after{content:"";position:absolute;top:50%;right:0;bottom:0;left:0;background:linear-gradient(transparent,#172016b3)}.portrait-frame img{width:100%;height:100%;object-fit:cover;filter:grayscale(1);transition:filter 1s,transform 1s}.portrait-label{position:absolute;bottom:25px;left:25px;right:25px;font-size:12px;letter-spacing:1.5px;color:#eaece2;z-index:1}.portrait-sticker{position:absolute;bottom:20px;right:0;padding:21px 24px;transform:rotate(4deg);background:#e8eacb;box-shadow:0 10px 20px #0000000e;border:1px solid #dbdec0;font-family:Georgia,serif;font-size:23px;font-style:italic}.portrait-sticker span{display:block;font-size:14px;margin-top:9px;font-family:var(--font);font-style:normal;color:#777c5d}.about-copy h2{margin-bottom:25px}.about-copy>p{font-size:16px;color:#7d8174;line-height:1.8;max-width:405px}.text-link{display:inline-flex;align-items:center;gap:18px;text-decoration:none;font-size:14px;padding-block:10px;border-bottom:1px solid #c4c9b7;margin-top:4px}.text-link:hover{color:#bf542e}.about-stats{display:grid;grid-template-columns:repeat(3,1fr);border-top:1px solid var(--line);margin-top:29px;padding-top:24px;gap:18px}.about-stats strong{font-size:28px;font-weight:500;letter-spacing:-1.3px}.about-stats span{display:block;margin-top:5px;font-size:14px;color:#858976}.closing-section{text-align:center;padding:40px 0 95px;border-top:1px solid var(--line)}.closing-section>.eyebrow{color:#8c8f80;font-size:12px}.closing-section h2{font-size:clamp(32px,4vw,55px);letter-spacing:-2.5px;line-height:1.2;font-weight:500;margin:27px 0}.closing-section h2 span{font-family:Georgia,serif;font-style:italic;font-weight:400;color:#b66445}.closing-note{display:block;font-family:Georgia,serif;font-style:italic;font-size:14px;color:#999c8b;margin-top:17px}.site-footer{background:#222522;color:#e6e9dd;padding:65px 0 20px}.footer-top{display:flex;justify-content:space-between;align-items:center;gap:30px;border-bottom:1px solid #ffffff17;padding-bottom:45px;margin-bottom:45px}.footer-top .eyebrow{font-size:12px;color:#9ba78d}.footer-top h2{font-size:36px;font-weight:400;letter-spacing:-1.5px;line-height:1.15;margin:18px 0 0}.footer-top h2 span{color:#8e9b81}.footer-top .button{font-size:14px}.footer-grid{display:grid;grid-template-columns:1.15fr 1fr 1fr 1fr;gap:35px}.footer-grid p{font-size:16px;line-height:1.8;color:#8a9680;margin:18px 0}.footer-grid .brand-symbol{color:#bcc7ae}.social-links{display:flex;gap:16px}.social-links a{color:#99a68d;transition:color .2s}.social-links a:hover{color:#fff}.footer-grid>div>.eyebrow{display:block;font-size:12px;color:#87917d;margin:0 0 20px;letter-spacing:1.5px}.footer-grid>div>a:not(.brand){display:flex;align-items:center;gap:5px;text-decoration:none;font-size:14px;color:#bdc7b2;margin-bottom:16px}.footer-grid>div>a:hover{color:#fff}.footer-code{font-size:14px;background:#1c201c;padding:18px;border:1px solid #ffffff0b;border-radius:6px;color:#717e65}.footer-code>span{font-size:14px}.footer-code code{display:block;font-family:monospace;font-size:14px;line-height:1.8;color:#adbba0;margin-top:9px}.footer-code b{color:#d7b69a;font-weight:400}.footer-bottom{display:flex;align-items:center;justify-content:space-between;gap:20px;margin-top:50px;padding-top:20px;border-top:1px solid #ffffff12;font-size:12px;color:#839076}.footer-bottom button{border:0;background:none;color:#aab79e;display:flex;align-items:center;gap:10px;font-size:12px;padding:5px}.learning-hero{position:relative;background:#252a24;color:#f1f3e9;padding:48px 0 58px;overflow:hidden}.learning-hero:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;background:radial-gradient(ellipse at 90% 50%,#98ac6420,transparent 55%)}.learning-hero>.page-width{position:relative;z-index:1}.back-link{display:inline-flex;align-items:center;gap:9px;font-size:14px;text-decoration:none;color:#a3b393;margin-bottom:35px}.learning-hero .eyebrow{display:block;color:#a5b991;font-size:12px}.learning-hero h1{font-size:clamp(34px,4vw,56px);line-height:1.1;letter-spacing:-2px;font-weight:500;max-width:850px;margin:18px 0}.learning-hero p{font-size:16px;line-height:1.8;color:#b4bfa9;max-width:740px}.course-meta{display:flex;gap:20px;align-items:center;color:#a7b497;font-size:14px;margin-top:25px}.course-meta span{display:flex;align-items:center;gap:6px}.lesson-library{padding-block:42px 65px}.lesson-toolbar{display:flex;align-items:center;justify-content:space-between;gap:20px;margin-bottom:28px}.lesson-toolbar h2{font-size:20px;font-weight:500;letter-spacing:-.5px}.lesson-search{display:flex;align-items:center;gap:9px;border:1px solid #d9ddd0;padding:10px 13px;border-radius:6px;width:300px;color:#8a947c;background:#fff7}.lesson-search input{min-width:0;width:100%;border:0;outline:none;background:none;font-size:14px;color:var(--ink)}.lesson-search:focus-within{outline:2px solid var(--orange);outline-offset:2px}.lesson-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:23px}.lesson-card{display:flex;flex-direction:column;border:1px solid #dfe2d6;border-radius:9px;background:#ffffff70;overflow:hidden;transition:transform .3s,box-shadow .3s}.lesson-card:hover{transform:translateY(-4px);box-shadow:0 12px 24px #2933230c}.lesson-thumbnail{aspect-ratio:16/9;position:relative;overflow:hidden;display:grid;place-items:center;background:#303a2d;color:#becdab;text-decoration:none}.lesson-thumbnail>img{width:100%;height:100%;object-fit:cover;transition:transform .5s}.lesson-card:hover .lesson-thumbnail>img{transform:scale(1.04)}.lesson-number{position:absolute;left:12px;top:12px;font-family:monospace;font-size:12px;padding:6px 8px;border:1px solid #ffffff25;background:#182015cf;border-radius:4px;color:#e2eacf}.lesson-play{position:absolute;display:grid;place-items:center;height:44px;width:44px;right:14px;bottom:14px;border-radius:50%;background:#f7f8edeb;color:#3a492c;transition:transform .3s}.lesson-card:hover .lesson-play{transform:scale(1.12)}.lesson-copy{padding:21px;display:flex;flex-direction:column;flex:1}.lesson-copy h3{font-size:16px;line-height:1.45;font-weight:550;letter-spacing:-.3px;margin:0 0 10px}.lesson-copy h3 a{text-decoration:none}.lesson-copy h3 a:hover{color:#a24c30}.lesson-copy p{font-size:16px;line-height:1.7;color:#7e8874;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden;margin:0 0 16px}.lesson-actions{display:flex;align-items:center;gap:10px;margin-top:auto;padding-top:15px;border-top:1px solid #e0e4d7}.lesson-actions>a:first-child{display:flex;align-items:center;gap:9px;font-size:14px;text-decoration:none}.lesson-actions>a:last-child{margin-left:auto;display:flex;color:#a85b40}.lesson-refresher{font-size:14px;color:#6f805d;display:flex;align-items:center;gap:4px;margin-bottom:14px}.empty-state{grid-column:1/-1;padding:70px 20px;text-align:center;color:#7e8874;border:1px dashed #cfd6c5;border-radius:10px}.course-end-note{text-align:center;margin-top:45px;padding:25px;border:1px solid #dce1d2;border-radius:8px;font-size:16px;color:#76816a}.course-end-note a{color:#a95133;margin-left:5px}.route-enter{animation:hero-in .45s var(--ease) both}.site-progress{position:fixed;top:0;left:0;height:2px;background:var(--orange);z-index:200;transform-origin:left;width:100%;pointer-events:none}@keyframes hero-in{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes menu-in{0%{opacity:0;transform:translateY(-5px)}to{opacity:1;transform:translateY(0)}}@keyframes underline-draw{0%{stroke-dashoffset:360}to{stroke-dashoffset:0}}@keyframes request-flow{to{stroke-dashoffset:-98}}@keyframes marquee{to{transform:translate(-50%)}}@keyframes gentle-float{50%{transform:translateY(-9px)}}@keyframes orbit-turn{to{transform:translate(-50%,-50%) rotate(360deg)}}[data-reveal].reveal-ready{opacity:0;translate:0 22px;transition:opacity .75s var(--ease) var(--reveal-delay,0ms),translate .75s var(--ease) var(--reveal-delay,0ms)}[data-reveal].is-visible{opacity:1;translate:0 0}@media (min-width:1500px){.hero{padding-top:95px}.hero h1{font-size:112px}.hero-description{font-size:17px}.hero-visual{padding-top:45px}.system-canvas{height:315px}.hero-bottom{margin-top:65px}.hero-actions{gap:29px}}@media (max-width:1100px){.page-width{width:calc(100% - 72px)}.hero{gap:30px;padding-top:55px}.hero h1{font-size:85px;letter-spacing:-5px}.hero-actions{gap:15px;flex-wrap:wrap}.hero .button{font-size:14px;padding-inline:17px;gap:12px}.hero-note{font-size:14px}.visual-topline{font-size:12px}.hero-visual{padding-top:45px}.system-canvas{height:260px}.system-node{width:58px;height:65px}.node-balancer{width:70px}.server-stack{width:62px;gap:17px}.server-unit{font-size:10px;height:35px}.server-unit svg{width:14px}.about-section{gap:60px}.portrait-frame{height:400px}.course-card{padding:19px 18px 0}.course-card h3{font-size:20px}.lab-stage{gap:45px}.desktop-nav{gap:22px}.course-card-bottom{font-size:14px}.footer-grid{gap:25px}}@media (max-width:800px){.page-width{width:calc(100% - 44px)}.nav-inner{height:72px;width:calc(100% - 40px)}.desktop-nav{gap:17px}.brand{font-size:14px}.brand-symbol{width:34px;height:34px}.nav-trigger{font-size:14px}.nav-cta{font-size:14px;min-height:36px;padding-inline:12px;gap:10px}.hero{grid-template-columns:1fr;max-width:640px;gap:0;padding-top:48px}.hero-copy{position:relative}.hero h1{font-size:96px;letter-spacing:-6px}.hero-description{font-size:17px}.hero h1 br:nth-of-type(2){display:block}.hero-visual{padding-top:40px}.hero-note{font-size:14px}.system-canvas{height:310px}.system-node{width:72px;height:75px}.node-balancer{width:85px}.server-stack{width:80px;gap:24px}.server-unit{height:41px;font-size:10px}.system-node span{font-size:10px}.server-unit svg{width:18px}.visual-topline{font-size:12px}.hero-bottom{margin-top:22px;padding:25px 0}.hero-bottom>span:last-child{display:none}.courses-section{padding-block:68px}.section-heading h2,.about-copy h2{font-size:42px;letter-spacing:-2px}.section-heading{align-items:flex-start;gap:18px}.section-heading>p{font-size:16px;padding-top:40px}.course-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}.course-card{padding:20px 20px 0}.featured-card{min-height:335px}.compact-card:last-child:nth-child(3n+1){grid-column:auto;display:flex;min-height:259px}.compact-card:last-child:nth-child(3n+1) .course-icon{align-self:start;margin:18px 0 22px}.compact-card:last-child:nth-child(3n+1) .course-icon svg{width:25px;height:25px}.course-toolbar{align-items:flex-start}.filter-tabs{gap:2px}.filter-tabs button{font-size:14px;padding:8px 11px}.path-count{font-size:12px;padding-top:8px;gap:5px}.lab-stage{grid-template-columns:.85fr 1fr;gap:25px}.lab-orbit{height:300px}.orbit-one{width:140px;height:140px}.orbit-two{width:210px;height:210px}.orbit-three{width:290px;height:290px}.orbit-center{width:80px;height:80px;border-radius:18px}.orbit-satellite{width:38px;height:38px}.satellite-one{left:9%;top:25%}.satellite-two{right:1%}.lab-list>a{gap:12px;padding-block:17px}.lab-list h3,.lab-list p{font-size:16px}.lab-index{font-size:14px}.about-section{gap:35px;padding-block:80px}.about-portrait{padding-right:15px}.portrait-frame{height:345px}.portrait-sticker{padding:17px;font-size:19px}.portrait-sticker span{font-size:14px}.about-copy>p{font-size:16px}.about-stats{gap:10px}.about-stats strong{font-size:24px}.about-stats span{font-size:14px}.footer-grid{grid-template-columns:1fr 1fr;row-gap:35px}.footer-top h2{font-size:31px}.lesson-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (max-width:600px){html{scroll-padding-top:85px}.hero h1{font-size:clamp(67px,16vw,93px);letter-spacing:-4.5px}.hero-emphasis{letter-spacing:-4px}.hero-eyebrow{font-size:12px;letter-spacing:1.3px;margin-bottom:26px}.hero h1 br:nth-of-type(1){display:block}.hero-description{font-size:17px}.hero-actions{gap:16px}.hero .button{font-size:14px;min-height:46px;padding-inline:14px;gap:10px}.watch-link{font-size:14px;gap:6px}.watch-link>span{width:25px;height:25px}.hero-note{font-size:14px}.hero-note strong{display:block;margin-top:3px}.hero-visual{padding-top:34px}.visual-topline{font-size:12px;letter-spacing:.5px}.system-playground{transform:none;border-radius:9px}.playground-bar{padding:10px 13px}.playground-bar>span{font-size:12px}.system-canvas{height:252px}.system-caption{font-size:10px;left:13px;top:18px;letter-spacing:1.1px}.system-node{width:50px;height:62px;border-radius:7px;gap:8px}.system-node>svg{width:19px;height:19px}.system-node>span{font-size:10px}.node-balancer{width:65px}.node-client{left:13%}.node-balancer{left:36%}.server-stack{width:53px;gap:19px;left:66%;top:24%}.server-unit{height:31px;font-size:10px;gap:3px}.server-unit>svg{width:12px}.node-database{left:88%}.cache-node{font-size:10px;left:31%;padding:5px 7px;top:74%}.canvas-note,.canvas-coordinate{font-size:10px;bottom:12px}.canvas-note{left:13px}.canvas-coordinate{right:13px}.system-controls{margin:0 13px;padding:14px 0}.traffic-label{font-size:14px}.traffic-label>span{font-size:14px}.node-insight{padding:12px 13px;min-height:80px}.node-insight p{font-size:16px}.node-insight strong{font-size:14px}.system-status{font-size:12px}.handwritten{font-size:14px}.visual-bottomline{margin-top:8px}.hero-bottom{font-size:12px;gap:10px;letter-spacing:.6px;padding-block:19px}.hero-bottom a{font-size:12px;gap:6px}.hero-bottom .live-dot{width:4px;height:4px}.discipline-strip{padding-block:16px}.discipline-strip span{font-size:12px;gap:25px;padding-right:25px}.discipline-strip svg{width:13px}.section-heading{display:block}.section-heading .eyebrow{font-size:12px}.section-heading h2{font-size:37px;letter-spacing:-1.9px;margin-top:17px}.section-heading>p{font-size:16px;padding-top:17px}.courses-section{padding-block:58px}.course-toolbar{display:block;padding-bottom:14px}.filter-tabs{gap:5px}.filter-tabs button{font-size:14px;padding:8px 10px}.path-count{padding-top:16px;justify-content:space-between}.course-grid{grid-template-columns:1fr;gap:15px}.course-card{padding:21px 23px 0}.featured-card{min-height:330px}.course-card h3{font-size:25px}.course-card p{font-size:16px;max-width:none}.course-card-top .eyebrow,.compact-card .course-card-top .eyebrow{font-size:12px}.course-card-bottom{font-size:14px;padding-block:17px}.compact-card{min-height:235px}.compact-card h3{font-size:23px}.compact-card:last-child:nth-child(3n+1){min-height:235px}.course-art{height:150px;margin-block:10px 21px}.code-art{height:139px;padding:17px;font-size:10px}.art-node{width:57px;height:49px}.architecture-art>i{width:35px}.art-pill{font-size:10px;left:27px}.layers-art>span{width:125px;height:83px}.lab-section{padding-top:58px}.lab-stage{grid-template-columns:1fr;gap:0;margin-top:0}.lab-orbit{height:300px;max-width:350px;width:100%;margin:auto}.orbit-one{width:150px;height:150px}.orbit-two{width:230px;height:230px}.orbit-three{width:310px;height:310px}.satellite-one{left:20%}.satellite-two{right:13%}.lab-list>a{padding-block:20px;gap:17px}.lab-list h3,.lab-list p{font-size:16px}.lab-bottom{gap:20px;font-size:12px;letter-spacing:.2px}.lab-bottom>span:last-child{white-space:nowrap}.about-section{grid-template-columns:1fr;gap:40px;padding-block:65px}.about-portrait{max-width:360px;width:100%;margin:auto;padding:8px 23px 35px 8px}.portrait-frame{height:370px}.portrait-sticker{font-size:22px;padding:20px}.portrait-sticker span{font-size:14px}.about-copy h2{font-size:44px}.about-copy>p{font-size:16px;max-width:none}.about-copy .eyebrow{font-size:12px}.about-stats{margin-top:30px;padding-top:22px}.about-stats strong{font-size:32px}.about-stats span{font-size:14px}.closing-section{padding:36px 0 65px}.closing-section>.eyebrow{font-size:12px;letter-spacing:1px}.closing-section h2{font-size:40px;letter-spacing:-2px}.closing-section h2 span{display:block}.closing-section .button{font-size:14px}.site-footer{padding-top:40px}.footer-top{display:block;padding-bottom:32px;margin-bottom:34px}.footer-top h2{font-size:31px;margin-bottom:23px}.footer-grid{gap:27px 20px}.footer-grid>div:first-child{grid-column:1/-1}.footer-grid>div:first-child{display:grid;grid-template-columns:1fr 1fr}.footer-grid>div:first-child>p{margin:0;font-size:16px}.social-links{grid-column:1/-1;margin-top:20px;gap:20px}.footer-code{grid-column:1/-1}.footer-code code{font-size:14px}.footer-bottom{font-size:12px;flex-wrap:wrap;row-gap:14px;margin-top:30px}.footer-bottom>span:nth-child(2){order:3;width:100%}.footer-top .button{min-height:42px;font-size:14px}.lesson-grid{grid-template-columns:1fr}.lesson-toolbar{align-items:stretch;flex-direction:column;gap:8px}.lesson-search{width:100%}.learning-hero{padding-block:30px 38px}.learning-hero h1{font-size:36px;letter-spacing:-1.5px}.learning-hero p{font-size:16px}.learning-hero .back-link{margin-bottom:26px}.lesson-copy h3,.lesson-copy p{font-size:16px}.lesson-actions>a:first-child{font-size:14px}}@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}[data-reveal].reveal-ready{opacity:1;translate:none}.system-playground,.system-playground:hover{transform:none}.discipline-strip>div{animation:none}.flow-path{stroke-dasharray:4 16}.route-enter{animation:none}}.route-loading{min-height:65vh;display:flex;align-items:center;justify-content:center;gap:12px;font-size:14px;color:#747f69}.route-loading .live-dot{background:var(--orange)}@media (min-width:801px){.eyebrow,.hero-eyebrow{font-size:12px}.hero-note{font-size:14px}.hero-bottom,.hero-bottom a{font-size:12px}.playground-bar>span{font-size:12px}.visual-topline{font-size:12px}.system-caption,.system-node span,.server-unit,.cache-node,.canvas-note,.canvas-coordinate{font-size:10px}.traffic-label{font-size:14px}.system-status{font-size:12px}.node-insight strong{font-size:14px}.node-insight p{font-size:16px}.node-insight{min-height:89px}.course-card-top .eyebrow,.compact-card .course-card-top .eyebrow{font-size:12px;letter-spacing:1px}.course-card p{font-size:16px}.course-card-bottom,.filter-tabs button{font-size:14px}.section-heading>p{font-size:16px}.path-count{font-size:12px}.lab-list p{font-size:16px}.lab-index{font-size:14px}.lab-bottom{font-size:12px}.about-stats span{font-size:14px}.footer-grid p,.footer-grid>div>a:not(.brand){font-size:16px}.footer-grid>div>.eyebrow{font-size:12px}.footer-bottom,.footer-top .eyebrow{font-size:12px}}.course-card p,.course-card-bottom,.course-card-top .eyebrow,.path-count,.about-stats span{color:#68705e}.filter-tabs button:not(.active){color:#656d5e}@media (max-width:600px){.hero-visual .system-caption,.hero-visual .canvas-note,.hero-visual .canvas-coordinate{font-size:10px}.hero-visual .system-status{font-size:12px}.hero-visual .node-insight p{font-size:16px}.hero-visual .node-insight strong,.hero-visual .traffic-label{font-size:14px}.hero-visual .traffic-label>span{font-size:14px}.hero-visual .server-unit{font-size:10px}.hero-visual .system-node>span{font-size:10px}}.hero-personal{align-items:start;column-gap:80px}.hero-introduction{margin:0 0 12px;font-size:17px;font-weight:550;line-height:1.6;letter-spacing:-.2px}.hero-introduction span{color:#737b68;font-weight:400}.hero-personal .hero-description{max-width:430px;font-size:17px}.hero-stats{max-width:430px;margin-top:30px;padding-top:20px}.hero-stats strong{font-size:27px}.hero-portrait{min-width:0;padding-top:10px;animation:hero-in 1s .15s var(--ease) both}.portrait-eyebrow{display:flex;align-items:center;gap:10px;margin:0 0 25px 14px;color:#777e6c;font-size:12px}.hero-portrait .about-portrait{padding:8px 27px 37px 12px}.hero-portrait .portrait-frame{height:445px}.hero-portrait .portrait-sticker{bottom:16px;font-size:24px}.hero-philosophy{margin:14px 20px 0;font-size:16px;line-height:1.8;color:#737b68}.lab-demo{min-width:0}.lab-demo .visual-topline{color:#a1ad93;font-size:12px}.lab-demo .visual-topline span:last-child{color:#c9bd98}.lab-demo .handwritten,.lab-demo .curved-arrow{color:#a1ad93}.lab-demo .system-playground{transform:none}.lab-stage:has(.lab-demo){grid-template-columns:1.15fr 1fr;gap:65px}.closing-section{margin-top:60px}@media (max-width: 1100px){.hero-personal{column-gap:40px}.hero-portrait .portrait-frame{height:425px}.hero-portrait .portrait-sticker{font-size:20px;padding:20px}.lab-stage:has(.lab-demo){gap:35px}}@media (max-width: 800px){.hero-personal{grid-template-columns:1fr}.hero-personal .hero-description,.hero-stats{max-width:510px}.hero-portrait{width:100%;max-width:500px;margin:40px auto 0;padding:0}.hero-portrait .about-portrait{width:100%;max-width:none}.hero-portrait .portrait-frame{height:430px}.hero-personal .hero-bottom{margin-top:32px}.lab-stage:has(.lab-demo){grid-template-columns:1fr;gap:24px}.lab-demo{width:100%;max-width:560px;margin-inline:auto}}@media (max-width: 600px){.hero-introduction{font-size:17px;max-width:310px}.hero-introduction span{display:block}.hero-personal .hero-description{font-size:17px}.hero-stats{gap:12px}.hero-stats strong{font-size:26px}.hero-stats span{font-size:14px}.portrait-eyebrow{font-size:12px;margin-bottom:20px}.hero-portrait .portrait-frame{height:355px}.hero-portrait .portrait-sticker{font-size:19px;padding:17px}.hero-portrait .portrait-sticker span{font-size:14px}.hero-philosophy{font-size:16px;margin-inline:12px}.hero-philosophy br{display:none}.lab-demo .visual-topline{font-size:12px}.lab-demo .system-caption{font-size:10px}.lab-demo .node-insight p,.lab-demo .traffic-label{font-size:16px}.lab-demo .node-insight strong{font-size:14px}.lab-demo .system-status{font-size:12px}.closing-section{margin-top:30px}}@media (max-width: 1000px){.desktop-nav,.nav-cta{display:none}.mobile-toggle{display:grid}.mobile-nav{display:block;max-height:calc(100dvh - 72px);overflow-y:auto;border-top:1px solid var(--line);padding:18px 24px 28px;background:var(--paper)}.mobile-nav>div{padding-block:10px;border-bottom:1px solid var(--line);margin-bottom:8px}.mobile-nav .eyebrow{font-size:12px;color:#8c937c}.mobile-nav a{display:flex;align-items:center;justify-content:space-between;text-decoration:none;font-size:14px;padding:10px 0}}.site-nav .brand-original{font-family:Roboto,sans-serif;font-size:20px;font-weight:700;line-height:1.6;letter-spacing:-.3px;color:#fff;flex-shrink:0;white-space:nowrap}.hero-actions,.hero-bottom,.lab-bottom,.course-card-bottom,.course-meta{flex-wrap:wrap;gap:14px}.course-card p{max-width:none}.course-card-bottom{row-gap:8px}.hero-philosophy{max-width:460px}.hero-philosophy br{display:none}.node-insight{min-height:100px}.traffic-label,.system-status{flex-wrap:wrap;gap:8px}.footer-grid{grid-template-columns:1.15fr 1fr 1fr 1fr}@media (max-width: 1000px){.mobile-nav{max-height:calc(100dvh - 85px)}.footer-grid{grid-template-columns:1fr 1fr}}@media (max-width: 800px){.mobile-nav{max-height:calc(100dvh - 72px)}}@media (max-width: 600px){.hero-eyebrow{letter-spacing:.7px;font-size:11px}.portrait-eyebrow{letter-spacing:1px}.course-card-top .eyebrow{font-size:11px;letter-spacing:.7px}.visual-topline,.lab-demo .visual-topline{font-size:10px;flex-wrap:wrap;gap:8px}.system-node>span,.hero-visual .system-node>span{font-size:8px}.server-unit,.hero-visual .server-unit,.cache-node,.canvas-note,.canvas-coordinate{font-size:8px}.hero-bottom>span:last-child{display:none}.footer-grid>div:first-child{display:block}.footer-grid>div:first-child>p{margin-top:16px}}.site-nav{color:#fff}.site-nav .brand-symbol{background:transparent;border-color:#4dd0e880;color:#4dd0e8}.site-nav .brand-dot{color:#4dd0e8}.site-nav .nav-trigger{color:#ffffffe6;border-radius:5px;padding-inline:9px;transition:color .2s,background-color .2s}.site-nav .nav-trigger svg{transition:transform .25s}.site-nav .nav-trigger:hover,.site-nav .nav-trigger.active{color:#4dd0e8;background:#1ba0be1f}.site-nav :focus-visible{outline-color:#4dd0e8}.site-nav .nav-cta{background:transparent;border-color:#4dd0e880;color:#4dd0e8;transition:color .2s,background-color .2s,border-color .2s}.site-nav .nav-cta:hover{background:#4dd0e814;border-color:#4dd0e8}.nav-dropdown{background:#fff;color:#212121;border-color:#0000000f;box-shadow:0 8px 40px #0000002e}.nav-dropdown a{transition:background-color .15s}.nav-dropdown a>svg,.mobile-nav a>svg{color:#1ba0be}.nav-dropdown a:hover,.mobile-nav a:hover{background:#e8f7fb;color:#0d7a96}.mobile-nav{background:#fff;color:#212121;border-color:#0000001f}.mobile-nav .eyebrow{color:#767676}.mobile-nav>div{border-color:#0000001f}.nav-dropdown :focus-visible,.mobile-nav :focus-visible{outline-color:#0d7a96}.site-progress{background:#168182}.home-page{background:radial-gradient(ellipse 65% 650px at 90% 160px,#ffbf5b25,transparent 80%),var(--paper)}.section-number{color:var(--orange-ink)}.hero-introduction span{color:#a85800}.hero-stats strong{color:#ad5900}.hero-stats>div:nth-child(2) strong{color:#168182}.hero-portrait .portrait-frame{border:1px solid #e9bc76;box-shadow:13px 13px #ffbf5b55}.portrait-sticker{background:var(--amber);border-color:#efad41;color:#34240b}.portrait-sticker span{color:#644111}.discipline-strip{background:#fff0d6;border-color:#f0d2a2}.discipline-strip span{color:#805019}.discipline-strip svg{color:#168182}.filter-tabs button.active{background:var(--orange);color:#241d14}.filter-tabs button:hover:not(.active){background:#ffecd0}.course-card{border-color:#e9dcc7}.course-card:hover{border-color:#edb05a;box-shadow:0 18px 30px -15px #a9630030}.card-architecture{background:#fff0d5}.card-code{background:#e6f4f2;border-color:#c7e2de}.card-layers{background:#ffeadb}.compact-card{background:#fffaf1}.course-icon,.card-arrow{color:#a85800}.card-arrow,.course-card-bottom{border-color:#e3d3ba}.course-card:hover .card-arrow{background:var(--orange);border-color:var(--orange);color:#241d14}.art-node{background:#fffcf3;border-color:#e5c790;color:#a9670c}.art-node-main{background:#ffd087;color:#7f4700}.architecture-art>i{background:#d6a357}.art-pill{background:#fff5de;border-color:#ebc88c;color:#8d590f}.code-art{background:#d8ece8;border-color:#b8d7d2}.code-line,.code-success{color:#346963}.code-line b{color:#a75619}.layers-art>span:nth-child(1){background:#efaa65;border-color:#d38d4b}.layers-art>span:nth-child(2){background:#ffd3a9;border-color:#e6ae79}.layers-art>span:nth-child(3){background:#fff3df;border-color:#ebc493}.lab-section,.site-footer{background:#28231e}.lab-section .section-number,.lab-list>a>svg:last-child{color:var(--amber)}.lab-section .section-heading h2 span,.footer-top h2 span{color:#ffc16a}.lab-list>a{color:var(--amber)}.lab-list>a:hover{background:#fb8c000a}.learning-hero{background:#2c251d}.learning-hero:after{background:radial-gradient(ellipse at 90% 50%,#fb8c0030,transparent 55%)}.learning-hero .eyebrow,.back-link{color:#ffc46c}.lesson-thumbnail{background:#3e3020;color:#ffd28f}.lesson-search:focus-within{outline-color:var(--orange)}.text-link:hover,.closing-section h2 span,.course-end-note a{color:var(--orange-ink)}.footer-top .button-light{background:var(--orange);color:#241d14}.site-footer .brand-symbol,.social-links a:hover{color:var(--amber)}.footer-code{background:#201c18}.footer-code b{color:#ffc16a}.system-playground{background:#213430;border-color:#45675f}.system-wires{stroke:#4a776b}.flow-path{stroke:var(--amber);filter:drop-shadow(0 0 3px #ffbf5b66)}.system-node,.server-unit.online{background:#2c4840;border-color:#669a86;color:#c4e8d8}.system-node.selected,.server-unit.selected,.cache-node.selected{background:#584124;border-color:var(--amber);color:#ffe0ad;box-shadow:0 0 30px #fb8c0014}.system-controls input{background:linear-gradient(to right,var(--amber) var(--range-progress),#4b665c var(--range-progress))}.system-controls input::-webkit-slider-thumb{background:#ffe0ad;border-color:#ad742c}.system-controls input::-moz-range-thumb{background:#ffe0ad;border-color:#ad742c}.node-insight a{color:var(--amber);border-color:#9a7540}.portrait-interaction{--wash-angle: 90deg;--pointer-x: 50%;--pointer-y: 50%;--tilt-x: 0deg;--tilt-y: 0deg;--portrait-wash: linear-gradient(var(--wash-angle), #ffc400b8 0%, #ffdb801a 44%, #78b9ff1a 56%, #1682ffad 100%);position:relative;isolation:isolate;perspective:1000px;border-radius:12px;outline-offset:10px}.portrait-interaction[data-entry=right]{--wash-angle: 270deg}.portrait-interaction[data-entry=top]{--wash-angle: 180deg}.portrait-interaction[data-entry=bottom]{--wash-angle: 0deg}.portrait-interaction:before{content:"";position:absolute;top:8px;right:-8px;bottom:-8px;left:-8px;z-index:-1;border-radius:20px;background:var(--portrait-wash);filter:blur(27px);opacity:0;transform:rotate(-3deg) scale(.96);transition:opacity .75s var(--ease),transform .85s var(--ease);pointer-events:none}.hero-portrait .portrait-interaction .portrait-frame{isolation:isolate;transform:rotate(-3deg);transition:transform .65s var(--ease),box-shadow .75s var(--ease),border-color .75s}.hero-portrait .portrait-interaction img{display:block;filter:grayscale(1);transform:scale(1);transition:filter .85s var(--ease),transform 1s var(--ease)}.portrait-color-wash,.portrait-sheen{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;opacity:0;transition:opacity .85s var(--ease)}.portrait-color-wash{background:var(--portrait-wash);mix-blend-mode:soft-light}.portrait-sheen{background:radial-gradient(circle at var(--pointer-x) var(--pointer-y),#fff4d84d,transparent 55%);mix-blend-mode:screen}.portrait-interaction .portrait-frame:after{pointer-events:none}.portrait-interaction.is-active:before{opacity:.7;transform:rotate(-1deg) scale(1.04)}.hero-portrait .portrait-interaction.is-active .portrait-frame{transform:rotate(-1deg) rotateX(var(--tilt-x)) rotateY(var(--tilt-y));box-shadow:0 22px 45px -22px #163e6740;border-color:#f8d28d}.hero-portrait .portrait-interaction.is-active img{filter:grayscale(0) saturate(1.08);transform:scale(1.045)}.portrait-interaction.is-active .portrait-color-wash{opacity:1}.portrait-interaction.is-active .portrait-sheen{opacity:.55}@media (prefers-reduced-motion: reduce){.hero-portrait .portrait-interaction .portrait-frame,.hero-portrait .portrait-interaction.is-active .portrait-frame{transform:rotate(-3deg)}.hero-portrait .portrait-interaction.is-active img{transform:none}.portrait-interaction:before,.portrait-interaction.is-active:before{transform:none}.portrait-sheen{display:none}}.hero-portrait .portrait-nameplate{min-width:min(260px,100%);max-width:calc(100% - 12px);padding:22px 26px;z-index:2;pointer-events:none;transition:transform .6s var(--ease),box-shadow .6s var(--ease)}.portrait-nameplate .portrait-nameplate-titles{display:grid;overflow:hidden;margin:0}.hero-portrait .portrait-nameplate .portrait-nameplate-titles>span{grid-area:1 / 1;margin:0;font-family:Georgia,Times New Roman,serif;font-size:clamp(24px,2.3vw,30px);font-style:italic;line-height:1.35;color:#34240b;transition:transform .55s var(--ease),opacity .4s var(--ease)}.portrait-nameplate-default{transform:translateY(0);opacity:1}.portrait-nameplate-reveal{transform:translateY(110%);opacity:0}.hero-portrait .portrait-nameplate .portrait-nameplate-caption{margin-top:9px;font-size:14px;line-height:1.5}.portrait-nameplate.is-active{transform:rotate(1deg) translateY(-4px);box-shadow:0 15px 32px #75441026}.portrait-nameplate.is-active .portrait-nameplate-default{transform:translateY(-110%);opacity:0}.portrait-nameplate.is-active .portrait-nameplate-reveal{transform:translateY(0);opacity:1}@media (max-width: 600px){.hero-portrait .portrait-nameplate{padding:18px 21px}}@media (prefers-reduced-motion: reduce){.portrait-nameplate.is-active{transform:rotate(4deg)}}.hero-headline{position:relative}.headline-flip-line{display:inline-flex;align-items:baseline;gap:.17em;max-width:100%;font-size:.85em;white-space:nowrap}.headline-word-slot{display:inline-grid;position:relative;perspective:700px;vertical-align:baseline;flex:0 0 auto;transition:width .45s var(--ease)}.headline-word{grid-area:1 / 1;justify-self:start;width:max-content;padding-right:.06em;opacity:0;transform:translateY(.35em) rotateX(-90deg);transform-origin:center 65%;backface-visibility:hidden;transition:transform .45s var(--ease),opacity .25s ease}.headline-word.is-current{opacity:1;transform:translateY(0) rotateX(0);transition-delay:.04s}.headline-word.is-leaving{opacity:0;transform:translateY(-.35em) rotateX(90deg)}.headline-suffix{flex:0 0 auto}@media (max-width: 600px){.headline-flip-line{font-size:.78em;letter-spacing:-.055em}}@media (prefers-reduced-motion: reduce){.headline-word-slot,.headline-word{transition:none}.headline-word{transform:none}}.course-card,.course-card.reveal-ready{--card-x: 50%;--card-y: 35%;--card-rotate-x: 0deg;--card-rotate-y: 0deg;isolation:isolate;transform:perspective(900px) translateY(0) rotateX(0) rotateY(0);transition:opacity .75s var(--ease) var(--reveal-delay, 0ms),translate .75s var(--ease) var(--reveal-delay, 0ms),transform .4s var(--ease),box-shadow .5s var(--ease),border-color .4s}.course-card:hover{transform:none}.course-card:before,.course-card:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;opacity:0}.course-card:before{z-index:-1;background:radial-gradient(circle at var(--card-x) var(--card-y),#ffca7766,transparent 65%);transition:opacity .45s var(--ease)}.card-code:before{background:radial-gradient(circle at var(--card-x) var(--card-y),#6bd6ce50,transparent 65%)}.course-card:after{z-index:2;background:linear-gradient(110deg,transparent 25%,#ffffff50 48%,transparent 70%);transform:translate(-130%)}.course-card:is(.is-hovered,:focus-visible){z-index:2;transform:perspective(900px) translateY(-10px) rotateX(var(--card-rotate-x)) rotateY(var(--card-rotate-y)) scale(1.015);border-color:#e9a545;box-shadow:0 25px 45px -20px #a55e0040,0 5px 15px #713b000a}.course-card:is(.is-hovered,:focus-visible):before{opacity:1}.course-card:is(.is-hovered,:focus-visible):after{animation:course-card-sheen .95s var(--ease) both}.course-card .card-arrow{flex-shrink:0;transition:transform .5s var(--ease),background-color .3s,box-shadow .4s}.course-card:is(.is-hovered,:focus-visible) .card-arrow{background:var(--orange);border-color:var(--orange);color:#241d14;transform:rotate(45deg) scale(1.12);box-shadow:0 0 0 5px #fb8c001a}.course-card-copy,.course-card-bottom>span:last-child,.course-card-bottom svg,.course-icon svg,.art-pill{transition:transform .5s var(--ease),color .3s}.course-card:is(.is-hovered,:focus-visible) .course-card-copy{transform:translateY(-3px)}.course-card:is(.is-hovered,:focus-visible) .course-card-bottom>span:last-child{color:var(--orange-ink)}.course-card:is(.is-hovered,:focus-visible) .course-card-bottom svg{transform:translate(5px)}.course-card:is(.is-hovered,:focus-visible) .course-icon svg{transform:translateY(-4px) rotate(-10deg) scale(1.15)}@keyframes course-card-sheen{0%{opacity:0;transform:translate(-130%)}20%{opacity:.8}to{opacity:0;transform:translate(130%)}}@media (prefers-reduced-motion: reduce){.course-card,.course-card:hover,.course-card:is(.is-hovered,:focus-visible),.course-card:is(:hover,.is-hovered,:focus-visible) :is(.card-arrow,.course-card-copy,.course-icon svg,.art-node-main,.art-pill,.code-art,.code-line,.course-card-bottom svg){transform:none}.course-card .layers-art>span{translate:none!important}.course-card:after,.course-card .art-node,.course-card .architecture-art>i:after,.course-card .code-success svg{animation:none!important}}.course-card.flip-course-card,.course-card.flip-course-card.reveal-ready,.course-card.flip-course-card:hover{--card-surface: #f4f4ee;--card-flip-angle: 180deg;padding:0;border:0;background:transparent;overflow:visible;isolation:auto;transform:none;box-shadow:none;perspective:1500px}.course-card.flip-course-card.card-architecture{--card-surface: #fff0d5}.course-card.flip-course-card.card-code{--card-surface: #e6f4f2}.course-card.flip-course-card.card-layers{--card-surface: #ffeadb}.flip-course-card:before,.flip-course-card:after{content:none}.course-card-tilt{display:flex;flex:1;min-width:0;transform-style:preserve-3d;transition:transform .24s var(--ease);pointer-events:none}.flip-course-card.is-flipped .course-card-tilt{transform:translateY(-8px) rotateX(var(--card-rotate-x)) rotateY(var(--card-rotate-y))}.course-card-flipper{display:grid;flex:1;min-width:0;transform-style:preserve-3d;transform:rotateY(0);transition:transform .58s cubic-bezier(.22,.72,.2,1)}.flip-course-card.is-flipped .course-card-flipper{transform:rotateY(var(--card-flip-angle))}.course-card-face{position:relative;grid-area:1 / 1;display:flex;flex-direction:column;min-width:0;padding:23px 24px 0;border:1px solid #e9dcc7;border-radius:10px;background:var(--card-surface);overflow:hidden;backface-visibility:hidden;-webkit-backface-visibility:hidden;transition:box-shadow .25s,border-color .25s}.course-card-front{transform:rotateY(0) translateZ(1px)}.course-card-back{transform:rotateY(180deg) translateZ(1px);background:radial-gradient(ellipse at var(--card-x) var(--card-y),#ffffffa6,transparent 75%),var(--card-surface);border-color:#e9a545}.is-flipped .course-card-back{box-shadow:0 24px 44px -18px #a55e0045,0 4px 14px #713b0010}.course-card-back:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;opacity:0;background:linear-gradient(110deg,transparent 25%,#ffffff65 48%,transparent 70%)}.is-flipped .course-card-back:after{animation:course-card-sheen .65s .2s var(--ease) both}.flip-course-card .card-hover-hint{display:inline}.flip-course-card .card-touch-hint{display:none}.flip-course-card:focus-visible{outline:3px solid var(--orange);outline-offset:7px}@media (max-width: 1100px){.course-card-face{padding:19px 18px 0}}@media (max-width: 800px){.course-card-face{padding:20px 20px 0}}@media (max-width: 600px){.course-card-face{padding:21px 23px 0}}@media (hover: none),(pointer: coarse),(prefers-reduced-motion: reduce){.flip-course-card .card-hover-hint{display:none}.flip-course-card .card-touch-hint{display:inline}}@media (prefers-reduced-motion: reduce){.flip-course-card .course-card-tilt,.flip-course-card.is-flipped .course-card-tilt,.flip-course-card .course-card-flipper,.flip-course-card.is-flipped .course-card-flipper,.flip-course-card .course-card-front{transform:none;transition:none}.flip-course-card .course-card-back{display:none}.flip-course-card .course-card-back:after{animation:none}}.course-cover{--cover-accent: #9c5100;--cover-tile: #ffbe58;--cover-paper: #fff4df;position:relative;display:flex;flex-direction:column;min-height:310px;margin:18px 0 23px;padding:19px;border:1px solid #ddc5a0;border-radius:9px;background:radial-gradient(ellipse at 85% 20%,#ffffffc9,transparent 65%),var(--cover-paper);color:var(--cover-accent);overflow:hidden}.cover-code,.cover-graph{--cover-accent: #165f60;--cover-tile: #84cfbf;--cover-paper: #e1f2e9;border-color:#b4d5c9}.cover-layers,.cover-instagram{--cover-accent: #984930;--cover-tile: #f5ac87;--cover-paper: #ffebdf;border-color:#e7bfab}.cover-fundamentals,.cover-facebook{--cover-accent: #38615b;--cover-tile: #a9c8ab;--cover-paper: #eef2df;border-color:#cbd4b8}.cover-threads{--cover-accent: #6c5340;--cover-tile: #d9bb8c;--cover-paper: #f6ead9}.course-cover-index{position:relative;z-index:1;display:flex;align-items:center;justify-content:space-between;gap:10px;font:9px ui-monospace,monospace;letter-spacing:.8px}.course-cover-index>span:last-child{font-size:15px}.course-cover-art{position:relative;display:grid;place-items:center;height:145px;margin:5px 0}.cover-orbit{position:absolute;width:190px;height:94px;border:1px solid currentColor;opacity:.17;border-radius:50%;transform:rotate(-25deg)}.cover-orbit-two{transform:rotate(35deg);width:150px;height:126px;border-style:dashed}.cover-icon-tile,.cover-icon-shadow{position:absolute;display:grid;place-items:center;width:91px;height:91px;border-radius:22px}.cover-icon-shadow{transform:translate(12px,9px) rotate(14deg);border:1px solid currentColor;opacity:.22}.cover-icon-tile{background:var(--cover-tile);transform:rotate(-10deg);border:1px solid #ffffffb3;box-shadow:0 13px 25px -12px #70411255,inset 0 1px #ffffff91}.cover-code .cover-icon-tile,.cover-instagram .cover-icon-tile,.cover-handbook .cover-icon-tile{transform:rotate(9deg)}.cover-spark{position:absolute;top:22px;right:14%;font-size:28px;transform:rotate(12deg)}.course-cover-headline{position:relative;margin-top:auto;font-size:clamp(23px,2.25vw,31px);line-height:1.08;font-weight:600;letter-spacing:-1.1px}.course-cover-headline>span{display:block}.course-cover-headline>span:last-child{opacity:.65}.course-cover-topics{display:flex;flex-wrap:wrap;gap:6px;margin-top:17px}.course-cover-topics>span{padding:5px 6px;border-radius:4px;border:1px solid #8a714630;background:#ffffff5c;font:8px ui-monospace,monospace;letter-spacing:.4px}.flip-course-card .course-card-back{background:radial-gradient(ellipse at 90% 0,#fff1d9,transparent 60%),#fffdf8}.flip-course-card.card-code .course-card-back,.flip-course-card.card-graph .course-card-back{background:radial-gradient(ellipse at 90% 0,#d7eee8,transparent 60%),#fffdf8}.flip-course-card .course-card-back .course-card-top .eyebrow{color:#9c5100}.flip-course-card .course-card-back .course-card-copy h3{font-size:21px}.flip-course-card .course-card-back .course-card-copy p{font-size:16px;line-height:1.6}@media (max-width: 1100px){.course-cover{padding:15px}.course-cover-index{font-size:8px;letter-spacing:.4px}}@media (max-width: 600px){.course-cover-headline{font-size:30px}}.course-demo{display:flex;flex-direction:column;min-width:0;min-height:278px;margin:18px 0 23px;padding:11px;border:1px solid #e1cfae;border-radius:9px;background:#fffbf1b3;overflow:hidden}.demo-topbar{display:flex;justify-content:space-between;align-items:center;gap:7px;min-height:22px;padding-bottom:10px;border-bottom:1px solid #e1cfae80;font:600 10px/1.4 var(--font);letter-spacing:.7px;color:#80591e}.demo-topbar>span:last-child{display:inline-flex;align-items:center;gap:5px;white-space:nowrap;font-size:8px;letter-spacing:.5px;color:#807665}.demo-topbar i{width:4px;height:4px;border-radius:50%;background:#b9b09e}.demo-topbar .demo-running{color:#9c5100}.demo-topbar .demo-running i{background:var(--orange);box-shadow:0 0 0 3px #fb8c0017}.demo-diagram{display:block;width:100%;height:155px;margin:9px 0 6px;overflow:visible}.demo-connections{stroke:#dac6a5;stroke-width:1.3px;stroke-linejoin:round}.demo-node rect{fill:#fffcf6;stroke:#dfcbaa;transition:fill .25s,stroke .25s}.demo-node svg{color:#937243;transition:color .25s}.demo-node text{fill:#776b59;font:600 12px var(--font);letter-spacing:.35px}.demo-node.is-lit rect{fill:#ffd28e;stroke:#e79a26}.demo-node.is-lit svg{color:#955000}.demo-node.is-lit text{fill:#874d03}.demo-packet{stroke:#fb8c00;stroke-width:4px;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:8 100;animation:demo-packet-travel var(--packet-duration) linear both}.demo-packet.is-response{stroke:#168182}.demo-telemetry{display:flex;justify-content:space-between;flex-wrap:wrap;gap:6px;margin-top:auto;padding:8px 0;font:10px/1.5 monospace;color:#827258}.demo-telemetry>span:first-child{font-size:8px;letter-spacing:.6px;align-self:center}.demo-status{display:flex;align-items:center;gap:7px;min-height:42px;margin-top:5px;padding:8px;border-radius:5px;background:#efdfc34d;color:#80643b;font-size:11px;line-height:1.45;transition:background-color .25s,color .25s}.demo-status>span:first-child{flex:0 0 13px;display:grid;place-items:center}.demo-status-dot{display:block;width:5px;height:5px;border-radius:50%;background:var(--orange)}.demo-status.is-success{background:#cae9de99;color:#276f5a}.execution-demo{border-color:#b9d8d2;background:#f4fcf9b3}.execution-demo .demo-topbar{color:#376d66;border-color:#bfd8d0}.demo-array{display:grid;grid-template-columns:repeat(7,minmax(0,1fr));gap:4px;margin-top:10px}.demo-array>span{display:grid;place-items:center;height:27px;border:1px solid #bfd5cd;border-radius:4px;background:#eef8f4;color:#496e60;font:600 11px monospace;transition:background-color .2s,border-color .2s,opacity .2s}.demo-array>span.is-discarded{opacity:.3}.demo-array>span.is-probing{background:#ffcf86;border-color:#e8a840;color:#7c4700}.demo-array>span.is-found{background:#b6e4cc;border-color:#52a481;color:#216347;opacity:1}.demo-variables{display:flex;justify-content:space-between;gap:5px;padding:9px 0 7px;color:#658377;font:10px/1.4 monospace}.demo-source{padding:5px 0;background:#dfede66b;border-radius:5px;overflow:hidden}.demo-source>div{display:flex;align-items:baseline;min-height:17px;padding:0 4px;border-left:2px solid transparent;transition:background-color .2s,border-color .2s}.demo-source>div>span{flex:0 0 15px;color:#8ca79b;font:9px/1.65 monospace}.demo-source code{font:10px/1.65 monospace;white-space:pre;color:#507965}.demo-source>div.is-executing{background:#ffd89d88;border-left-color:#fb8c00}.demo-source>div.is-executing>span,.demo-source>div.is-executing code{color:#80500b}.execution-demo .demo-status{margin-top:auto}.design-demo{background:#fff9f1b3;border-color:#e8c7a6}.design-object-flow{display:flex;justify-content:center;align-items:center;padding:12px 20px 9px}.design-object{flex:0 0 74px;display:flex;flex-direction:column;justify-content:center;align-items:center;gap:4px;min-height:70px;border:1px solid #e6cab0;border-radius:7px;background:#fffaf4;color:#987451;transition:background-color .2s,border-color .2s}.design-object>span{font-size:11px}.design-object small{font-size:9px;font-style:italic;color:#a2876e}.design-object.is-lit{background:#ffddb1;border-color:#eda94e;color:#9c5100}.design-connector{flex:1;position:relative;height:1px;background:#ddbe9d}.design-connector.is-flowing:after{content:"";position:absolute;top:-2px;width:5px;height:5px;border-radius:50%;background:#fb8c00;animation:design-call .7s linear both}.design-strategies{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:7px;margin:1px 0 9px}.design-strategy{display:flex;flex-wrap:wrap;justify-content:center;align-items:center;gap:5px;padding:7px 4px;border:1px dashed #dcbf9f;border-radius:6px;color:#977759;transition:background-color .2s,border-color .2s}.design-strategy>span{font-size:10px}.design-strategy code{width:100%;text-align:center;font-size:10px}.design-strategy.is-selected{background:#dbeee5;border-color:#73aa91;border-style:solid;color:#367b5f}.design-receipt{display:flex;align-items:center;gap:7px;color:#977a60;min-height:27px;margin-top:auto}.design-receipt code{font:10px/1.5 monospace}.design-receipt.is-complete{color:#367b5f}@keyframes demo-packet-travel{0%{stroke-dashoffset:8}to{stroke-dashoffset:-100}}@keyframes design-call{0%{left:0}to{left:calc(100% - 5px)}}@media (max-width: 1100px) and (min-width: 801px){.course-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.course-demo{padding-inline:8px}.demo-source code{font-size:9px}.demo-source>div>span{flex-basis:11px}.demo-topbar{letter-spacing:.25px}.demo-topbar>span:last-child{letter-spacing:0;font-size:7px}.design-object-flow{padding-inline:8px}.design-object{flex-basis:65px}}@media (max-width: 370px){.course-demo{padding-inline:8px}.demo-source code{font-size:9px}.demo-source>div>span{flex-basis:11px}.demo-topbar{letter-spacing:.25px}.design-object-flow{padding-inline:8px}.design-object{flex-basis:65px}}@media (prefers-reduced-motion: reduce){.demo-packet,.design-connector.is-flowing:after{animation:none}}.course-demo.tiled-preview{min-height:310px;margin:20px 0 25px;padding:0;border:0;border-radius:0;background:transparent;overflow:visible}.tiled-preview .demo-topbar{border:0;padding:0}.preview-scene{height:232px;min-width:0;margin:12px 0}.preview-scene>div{height:100%}.preview-panel{--panel-tilt: 0deg;position:relative;min-width:0;padding:10px;border:1px solid #e6d6bb;border-radius:8px;background:#fffdf8;box-shadow:0 3px 9px #71532c08;color:#806340;transform:rotate(var(--panel-tilt));transition:transform .23s var(--ease),background-color .2s,border-color .2s,box-shadow .2s}.panel-label{display:block;margin-bottom:7px;color:#947b5a;font:600 8px/1.4 var(--font);letter-spacing:.65px}.preview-panel strong{font-size:13px;line-height:1.35;font-weight:600}.mini-detail{display:block;font-size:10px;line-height:1.5;color:#877b68}.preview-panel.panel-active{border-color:#e7a745;background:#fff0d0;box-shadow:0 5px 12px #b67d0020;transform:translateY(-2px) rotate(0)}.tiled-preview .demo-status{margin-top:auto;background:#ffffff60;border:1px solid #deccb650}.tiled-preview .demo-status.is-success{background:#d9eee0;border-color:#b6d7c2}.mini-pipeline{display:flex;align-items:center;justify-content:space-between;gap:5px;min-width:0}.mini-pipeline>span{display:inline-flex;align-items:center;gap:5px;font:9px/1.4 monospace;color:#92816c}.mini-pipeline i{width:4px;height:4px;border-radius:50%;background:#d1c4b0}.mini-pipeline .is-current{color:#a85d00}.mini-pipeline .is-current i{background:#fb8c00}.mini-pipeline .is-done{color:#258065}.architecture-mosaic{display:grid;grid-template-columns:1fr 1fr;grid-template-rows:minmax(0,1fr) 74px;gap:8px}.architecture-map{grid-column:1/-1;--panel-tilt: -1.3deg;background:#fff7e7;padding:7px}.architecture-map .panel-label{margin-bottom:0}.architecture-map .demo-diagram{height:calc(100% - 13px);margin:0}.architecture-route{background:#fff0cf}.architecture-db{--panel-tilt: 2deg;background:#e7f2ea;border-color:#c8ddcd}.architecture-route>svg,.architecture-db>svg{float:left;margin:0 8px 12px 0}.architecture-route strong,.architecture-db strong{display:block;font-size:12px}.code-mosaic{display:grid;grid-template-columns:minmax(0,1fr) 47px;grid-template-rows:58px minmax(0,1fr);gap:8px}.code-memory{grid-column:1/-1;background:#e9f7ee;border-color:#c5dfcc;padding:7px 9px}.code-memory .panel-label{margin-bottom:4px}.code-memory .demo-array{margin:0}.code-memory .demo-array>span{height:24px}.code-editor{--panel-tilt: -1.3deg;background:#243b32;border-color:#294c3b;padding:8px 5px}.code-editor .panel-label{color:#97baaa;letter-spacing:.3px;margin-bottom:5px}.code-editor .demo-source{background:transparent;padding:0}.code-editor .demo-source code{color:#bddcc8;font-size:9px}.code-editor .demo-source>div{min-height:17px;padding-inline:2px}.code-editor .demo-source>div>span{flex-basis:10px;font-size:8px}.code-editor .demo-source>div.is-executing{background:#e5ac4340}.code-editor .demo-source>div.is-executing code,.code-editor .demo-source>div.is-executing>span{color:#ffe0a2}.code-watch{--panel-tilt: 2.5deg;padding:8px 5px;background:#ffedca;display:flex;flex-direction:column;gap:7px}.code-watch .panel-label{font-size:7px;letter-spacing:0;margin:0}.code-watch>span:not(.panel-label){display:flex;justify-content:space-between;align-items:center;gap:3px;font:9px monospace}.code-watch b{font-size:13px;color:#af650a}.code-watch .watch-found b{color:#228057}.design-mosaic{display:grid;grid-template-rows:108px 70px 38px;gap:8px}.design-contract{--panel-tilt: -1.5deg;background:#fff3e3}.design-contract .panel-label{margin:0}.design-contract .design-object-flow{padding:3px 6px 0}.design-contract .design-object{min-height:66px;flex-basis:72px}.design-mosaic .design-strategies{margin:0;gap:8px}.design-mosaic .design-strategy{border-style:solid;background:#fff9ef;box-shadow:0 3px 10px #81500008}.design-mosaic .design-strategy:first-child{transform:rotate(-2deg)}.design-mosaic .design-strategy:last-child{transform:rotate(2deg)}.design-mosaic .design-strategy.is-selected{background:#ceeadd;border-color:#75b09a;transform:translateY(-2px)}.design-mosaic .design-receipt{margin:0;padding:6px 9px;border-radius:6px;background:#f3e1c7}.design-mosaic .design-receipt.is-complete{background:#cce8d9}.design-connector.is-flowing:after{animation-duration:.35s}.card-fundamentals{background:#fff6e8}.card-graph{background:#ecf3ed}.card-threads{background:#f0eee7}.card-handbook{background:#fff0e3}.card-amazon{background:#fff2d7}.card-instagram{background:#faeee6}.card-facebook{background:#eaf2f0}.cache-mosaic{display:grid;grid-template-columns:1.1fr .9fr;grid-template-rows:90px 100px 26px;gap:8px}.cache-request{--panel-tilt: -2deg;display:flex;flex-direction:column;align-items:flex-start;gap:6px}.cache-request .panel-label{margin:0}.cache-request strong{font:10px monospace}.cache-memory{--panel-tilt: 2deg;grid-column:2;grid-row:1/3;display:flex;flex-direction:column;gap:7px;background:#fff0c4}.cache-memory>svg{color:#cf8a09;margin-top:10px}.cache-memory>strong{font-size:24px;color:#ac6c00}.cache-cells{display:grid;grid-template-columns:repeat(3,1fr);gap:4px;margin-top:auto}.cache-cells i{height:14px;border-radius:3px;background:#eadbaa;transition:background-color .2s}.cache-cells i.filled{background:#efa831}.cache-store{background:#e9f2e7;display:grid;grid-template-columns:27px 1fr;align-items:center;gap:4px}.cache-store .panel-label,.cache-store .mini-detail{grid-column:1/-1}.cache-store .panel-label{margin:0}.cache-result{grid-column:1/-1}.cache-result>span{font-size:8px}.graph-mosaic{display:grid;grid-template-columns:minmax(0,1fr) 62px;grid-template-rows:minmax(0,1fr) 42px;gap:8px}.graph-map{padding:8px 5px;background:#f6fcf5;--panel-tilt: -1deg}.graph-map .panel-label{font-size:7px;margin-left:3px}.mini-graph{display:block;width:100%;height:calc(100% - 17px);overflow:visible}.mini-graph line{stroke:#bed6bc;stroke-width:1.5}.mini-graph circle{fill:#f3f9ee;stroke:#a3bd97;transition:fill .18s}.mini-graph text{font:600 12px monospace;fill:#627e52}.mini-graph .graph-visited circle{fill:#c8e3ba;stroke:#709e59}.mini-graph .graph-current circle{fill:#ffc967;stroke:#df9a2d}.graph-queue{--panel-tilt: 3deg;background:#ffedc7;padding:9px 7px}.queue-direction{display:block;font:8px monospace;color:#9a7b4a;margin-bottom:8px}.graph-queue>div{display:flex;flex-direction:column;gap:5px}.graph-queue b{display:grid;place-items:center;height:23px;border-radius:4px;background:#ffe0a5;color:#9c650b;font-size:12px;animation:small-tile-in .2s var(--ease) both}.graph-order{grid-column:1/-1;display:flex;align-items:center;gap:10px;background:#dcebd6;padding:7px 9px}.graph-order .panel-label{margin:0}.graph-order>div{display:flex;gap:8px;font:11px monospace;color:#568047}.thread-mosaic{display:grid;grid-template-columns:minmax(0,1fr) 85px;grid-template-rows:minmax(0,1fr) 67px;gap:8px}.thread-lanes{--panel-tilt: -1.5deg;background:#283a33;border-color:#304a3b;padding:10px 9px}.thread-lanes .panel-label{color:#90b29d;font-size:7px}.thread-lane{min-height:56px;margin-top:7px}.thread-lane>div:first-child{display:flex;justify-content:space-between;align-items:center;color:#c4dacc;font:9px monospace}.thread-lane b{display:grid;place-items:center;width:19px;height:19px;background:#506b57;border-radius:4px;font-size:10px}.lane-track{display:flex;gap:4px;margin-top:7px}.lane-track i{flex:1;height:8px;border-radius:2px;background:#4a5b4f;transition:background-color .18s}.lane-A .executed{background:#ffc258}.lane-B .executed{background:#68c3b3}.thread-wait{display:block;color:#ccac76;font:8px monospace;margin-top:5px}.thread-mutex{--panel-tilt: 2deg;background:#ffedc9;display:flex;flex-direction:column;align-items:center;gap:16px;text-align:center;padding:10px 6px}.thread-mutex strong{font-size:11px}.thread-counter{grid-column:1/-1;display:grid;grid-template-columns:1fr 1fr;align-items:center;gap:3px 8px;background:#f9f4e8}.thread-counter>.panel-label{grid-column:1/-1;margin:0}.thread-counter code{font-size:11px;white-space:nowrap}.thread-counter b{font-size:24px;color:#be770d}.thread-counter .mini-detail{font-size:9px}.handbook-mosaic{display:grid;grid-template-columns:1.05fr .95fr;gap:10px;padding:4px}.handbook-page{--panel-tilt: -4deg;background:#fff9ec;border-left:4px solid #edb14a;box-shadow:4px 4px #ebd5b7;padding:12px 10px}.handbook-page .panel-label{font-size:7px}.handbook-page>svg{color:#b28645;margin:10px 0}.handbook-page-content{animation:small-tile-in .2s var(--ease) both}.handbook-page-content strong{font-size:13px}.handbook-page-content p{font-size:11px;line-height:1.65;margin:9px 0;color:#9c815e}.page-rules{display:grid;gap:5px;margin-top:12px}.page-rules i{height:2px;background:#ecdfc8}.page-rules i:last-child{width:65%}.page-number{position:absolute;bottom:12px;font:8px monospace;color:#ab9778}.handbook-checklist{display:grid;grid-template-rows:repeat(4,1fr);gap:7px}.handbook-checklist .preview-panel{display:flex;align-items:center;gap:6px;padding:8px 6px}.handbook-checklist span{font:9px monospace;color:#ae9674}.handbook-checklist b{font-size:9px;color:#806a4c;font-weight:500}.handbook-checklist .chapter-read{background:#e4efdf;border-color:#bdcfac}.handbook-checklist .chapter-read span{color:#538348}.shop-mosaic{display:grid;grid-template-columns:1.12fr .88fr;grid-template-rows:94px 94px 28px;gap:8px}.shop-product{--panel-tilt: -2deg;grid-row:1/3;background:#fff7df;display:flex;flex-direction:column;align-items:flex-start;gap:5px}.shop-product .panel-label{font-size:7px;margin:0}.product-orbit{display:grid;place-items:center;align-self:center;width:88px;height:88px;border-radius:50%;margin:auto 0;background:radial-gradient(circle,#ffeec4,#f8d380);color:#775323}.product-orbit svg{transform:rotate(-15deg);transition:transform .3s}.course-card.is-hovered .product-orbit svg{transform:rotate(-5deg) translateY(-3px)}.shop-product strong{font-size:11px}.mini-add{display:inline-flex;align-items:center;gap:4px;background:#ffd583;border-radius:4px;padding:4px 6px;font-size:8px;margin-top:3px}.mini-add.added{background:#d4e9c6;color:#4c7734}.shop-cart{--panel-tilt: 2deg;background:#ffefc5;padding:8px}.shop-cart>strong{display:inline-block;margin-left:7px;font-size:13px;vertical-align:top}.cart-mini-item{display:flex;align-items:center;gap:5px;margin-top:8px;font-size:9px;opacity:.3;transform:translateY(3px);transition:opacity .2s,transform .2s}.cart-mini-item.item-added{opacity:1;transform:none}.shop-order{background:#eef3e4;padding:8px}.shop-order>strong{display:inline-block;margin-left:5px;vertical-align:top;font-size:12px}.shop-order .mini-detail{font-size:9px;margin-top:5px}.shop-mosaic>.mini-pipeline{grid-column:1/-1;padding:4px 7px;background:#fff6;border-radius:4px}.photo-mosaic{display:grid;grid-template-columns:1.25fr .75fr;gap:12px;padding:3px}.photo-phone{--panel-tilt: -3deg;padding:9px;border:2px solid #e6c1a0;background:#fffaf5;border-radius:14px}.mini-profile{display:flex;align-items:center;gap:4px;margin-bottom:10px}.mini-profile>span{display:grid;place-items:center;height:18px;width:18px;flex-shrink:0;border-radius:50%;background:#f5c27c;font-size:9px}.mini-profile>b{font-size:8px;font-weight:500}.mini-profile>svg{margin-left:auto;flex-shrink:0}.mini-landscape{position:relative;height:110px;overflow:hidden;border-radius:5px;background:linear-gradient(#f8bc7a,#ffe9b4);filter:saturate(.55);transition:filter .3s}.post-published .mini-landscape{filter:saturate(1.2)}.landscape-sun{position:absolute;width:28px;height:28px;border-radius:50%;background:#fff4bf;left:55%;top:15px}.landscape-hill{position:absolute;bottom:-35px;width:110%;height:100px;border-radius:50% 50% 0 0;transform:rotate(-25deg)}.hill-one{left:-30px;background:#d48c5a}.hill-two{right:-50px;bottom:-43px;background:#618c78;transform:rotate(25deg)}.photo-upload-label{position:absolute;top:0;right:0;bottom:0;left:0;display:grid;place-items:center;background:#fffaf077;font:8px monospace;color:#785027}.photo-actions{display:flex;align-items:center;gap:8px;margin:10px 0 6px}.photo-actions .heart-liked{color:#da5c32;fill:#da5c32;animation:small-heart-pop .25s var(--ease) both}.photo-phone>.mini-detail{font-size:8px}.photo-side{display:grid;grid-template-rows:1fr 1fr 34px;gap:8px}.photo-side .preview-panel{padding:9px;background:#fff2dd}.photo-side .preview-panel:first-child{--panel-tilt: 2deg}.photo-side strong{display:inline-block;font-size:13px;margin-left:4px;vertical-align:top}.photo-side .mini-detail{font-size:9px;margin-top:5px}.upload-meter{height:4px;border-radius:3px;background:#ecd8b7;margin-top:10px;overflow:hidden}.upload-meter i{display:block;height:100%;background:#e99c33;transition:width .22s}.photo-side .photo-live{display:flex;gap:5px;align-items:center;background:#e2f0e6;padding:7px}.photo-live>span{font-size:7px;letter-spacing:.2px}.social-mosaic{display:grid;grid-template-rows:66px 27px 99px 22px;gap:6px}.social-composer{--panel-tilt: -1deg;padding:8px 9px;background:#f4fcf7;border-color:#cde1d5}.social-composer .panel-label{margin-bottom:4px}.social-composer>div{display:flex;align-items:center;gap:7px}.social-avatar{display:grid;place-items:center;width:21px;height:21px;flex:0 0 21px;border-radius:50%;background:#f3c781;font-size:10px;color:#846030}.social-composer strong{font-size:10px}.social-composer>div>svg{margin-left:auto}.social-composer .mini-detail{font-size:8px;margin-left:28px}.social-fanout{display:flex;align-items:center;justify-content:center;gap:8px;border:none;background:transparent;box-shadow:none;padding:2px}.social-fanout>span{font:8px monospace;letter-spacing:1px}.fanout-branches{display:flex;gap:4px}.fanout-branches i{width:17px;height:3px;border-radius:2px;background:#c1d6c9}.fanout-branches.delivered i{background:#e6a849}.social-recipients{display:grid;grid-template-columns:1fr 1fr;gap:10px}.recipient-feed{padding:7px 9px;background:#f6fcf7;border-color:#c8decf}.recipient-feed:first-child{--panel-tilt: -2deg}.recipient-feed:last-child{--panel-tilt: 2deg}.recipient-feed>.social-avatar{float:left;margin-right:5px}.avatar-0{background:#c0dcd0;color:#41785e}.avatar-1{background:#f0d6b7;color:#927341}.recipient-feed>.mini-detail{font-size:9px;line-height:21px}.feed-post{display:flex;flex-direction:column;gap:4px;clear:both;padding:7px 5px 3px;opacity:.4;transition:opacity .2s,transform .2s;transform:translateY(3px)}.feed-updated .feed-post{opacity:1;transform:none}.feed-post>i{height:3px;border-radius:2px;width:100%;background:#b3d0ba}.feed-post>i:nth-child(2){width:72%}.feed-post>span{display:flex;gap:4px;align-items:center;font-size:8px;color:#689471}.social-notification{display:flex;justify-content:center;align-items:center;gap:6px;border-radius:4px;font-size:9px;color:#7f9a88;transition:background-color .2s}.social-notification.notification-on{background:#d6e9c8;color:#5f8544}@keyframes small-tile-in{0%{opacity:.4;transform:translateY(5px)}to{opacity:1;transform:none}}@keyframes small-heart-pop{50%{transform:scale(1.3)}}@media (max-width: 370px){.code-mosaic{grid-template-columns:1fr;grid-template-rows:53px minmax(0,1fr) 29px;gap:6px}.code-memory{padding-block:5px}.code-editor{padding:4px}.code-editor .panel-label{margin:0;font-size:7px}.code-editor .demo-source>div{min-height:14px}.code-editor .demo-source code{line-height:1.4}.code-watch{flex-direction:row;align-items:center;justify-content:space-between;gap:5px;padding:4px 6px}.code-watch>span:not(.panel-label){gap:3px;font-size:8px}.code-watch b{font-size:10px}.photo-mosaic{gap:7px}.photo-phone{padding:7px}.mini-profile>b{font-size:7px}.mini-profile>svg{display:none}.shop-product,.shop-cart,.shop-order{padding:7px}.shop-cart>strong{margin-left:3px;font-size:11px}.handbook-checklist b{font-size:8px}.thread-mosaic{grid-template-columns:minmax(0,1fr) 72px}}@media (prefers-reduced-motion: reduce){.preview-panel,.design-mosaic .design-strategy:first-child,.design-mosaic .design-strategy:last-child,.preview-panel.panel-active,.course-card.is-hovered .product-orbit svg{transform:none}.graph-queue b,.handbook-page-content,.photo-actions .heart-liked{animation:none}}.course-intro{max-width:355px}.course-intro p{margin:0 0 12px;color:#626559;font-size:17px;line-height:1.8}.course-start-link{display:inline-flex;align-items:center;gap:7px;padding-block:7px;color:var(--orange-ink);font-size:14px;font-weight:600;text-decoration:underline;text-decoration-color:#d5b181;text-underline-offset:5px}.course-start-link:hover{color:#75400a;text-decoration-color:currentColor}.browse-toolbar{position:relative;z-index:5;gap:14px;padding:12px 0;background:var(--paper)}.browse-toolbar .filter-tabs{gap:7px}.browse-toolbar .filter-tabs button{display:inline-flex;align-items:center;justify-content:center;gap:9px;min-height:44px;padding:9px 12px}.browse-toolbar .filter-count{display:inline-grid;place-items:center;min-width:22px;height:22px;padding:0 5px;border-radius:6px;background:#eadfce;color:#625342;font:11px ui-monospace,monospace}.browse-toolbar .active .filter-count{background:#ffffff30;color:inherit}.browse-toolbar .path-count{padding:0;font-size:12px}@media (min-width: 1001px) and (min-height: 650px){.browse-toolbar{position:sticky;top:95px;padding:12px;border:1px solid var(--line);border-radius:12px;box-shadow:0 7px 20px -15px #76460f55}.browse-toolbar .filter-tabs{gap:4px}.browse-toolbar .filter-tabs button{padding-inline:10px}}@media (max-width: 1100px){.browse-toolbar{flex-wrap:wrap}.browse-toolbar .path-count{margin-left:auto}}@media (max-width: 600px){.course-intro{max-width:none}.course-intro p{font-size:16px}.course-start-link{min-height:44px;padding-block:10px}.browse-toolbar .filter-tabs{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.browse-toolbar .filter-tabs button{justify-content:space-between;padding:10px;border-color:var(--line);font-size:13px;text-align:left;gap:6px}.browse-toolbar .filter-tabs button.active{border-color:var(--orange)}.browse-toolbar .filter-count{flex-shrink:0;min-width:20px;padding-inline:3px}.browse-toolbar .path-count{padding-top:14px}}@font-face{font-family:Roboto;font-style:normal;font-display:swap;font-weight:700;src:url(/assets/roboto-latin-700-normal-BZpUvMxY.woff2) format("woff2"),url(/assets/roboto-latin-700-normal-YuyVweIx.woff) format("woff")}