:root{--article-ink:#17171d;--article-muted:#6f6d78;--article-line:#dedce6;--article-paper:#fbfafc;--article-violet:#6637f2;--av-blue:#00aaff;--av-red:#ff4053;--av-green:#97cf26;--av-violet:#a445f7}.article-page,.materials-page{background:var(--article-paper);color:var(--article-ink)}.article-header{background:rgba(251,250,252,.9);backdrop-filter:blur(18px);border-bottom:1px solid rgba(32,28,42,.08)}.article-header nav a[aria-current=page]{color:var(--article-violet)}.reading-progress{position:absolute;left:0;bottom:-1px;width:100%;height:2px;background:linear-gradient(90deg,var(--av-blue),var(--av-red),var(--av-violet),var(--av-green));transform:scaleX(0);transform-origin:left;z-index:3}.material-dots{display:grid;grid-template-columns:repeat(2,1fr);gap:7px;width:50px;height:50px}.material-dots i{display:block;border-radius:50%}.material-dots i:nth-child(1){background:var(--av-blue);transform:scale(.92)}.material-dots i:nth-child(2){background:var(--av-red);transform:scale(.68)}.material-dots i:nth-child(3){background:var(--av-violet);transform:scale(.54)}.material-dots i:nth-child(4){background:var(--av-green)}
.materials-hero{position:relative;overflow:hidden;padding:clamp(90px,10vw,150px) 0 clamp(72px,8vw,120px);background:radial-gradient(circle at 74% 24%,rgba(102,55,242,.11),transparent 30%),linear-gradient(180deg,#f7f5fc 0%,var(--article-paper) 100%)}.materials-hero:after{content:"";position:absolute;inset:auto -4vw -12vw auto;width:38vw;height:38vw;border:1px solid rgba(102,55,242,.13);border-radius:50%;box-shadow:0 0 0 5vw rgba(102,55,242,.025),0 0 0 10vw rgba(102,55,242,.018)}.materials-hero-grid{display:grid;grid-template-columns:minmax(0,1.15fr) minmax(360px,.85fr);align-items:center;gap:8vw}.materials-hero h1{max-width:880px;margin:20px 0 26px;font-size:clamp(56px,7.3vw,112px);line-height:.9;letter-spacing:-.065em}.materials-hero h1 span{display:block;color:#8e8a98}.materials-hero-grid>div:first-child>p:last-child{max-width:690px;margin:0;color:#56535f;font-size:clamp(17px,1.45vw,22px);line-height:1.55}.knowledge-visual{position:relative;min-height:410px;border:1px solid var(--article-line);border-radius:40px;background:rgba(255,255,255,.74);box-shadow:0 30px 80px rgba(60,42,101,.1);transform:rotate(2deg)}.knowledge-visual .material-dots{position:absolute;left:50%;top:50%;width:150px;height:150px;gap:14px;transform:translate(-50%,-50%) rotate(-2deg);animation:dots-float 7s ease-in-out infinite}.knowledge-visual .visual-label{position:absolute;padding:10px 15px;border:1px solid var(--article-line);border-radius:999px;background:#fff;font-size:12px;text-transform:uppercase;letter-spacing:.12em}.knowledge-visual .visual-label:nth-of-type(1){left:10%;top:18%}.knowledge-visual .visual-label:nth-of-type(2){right:7%;top:24%}.knowledge-visual .visual-label:nth-of-type(3){right:16%;bottom:14%}.knowledge-visual>i{position:absolute;border:1px solid rgba(102,55,242,.2);border-radius:50%}.knowledge-visual>i:nth-last-child(3){width:255px;height:255px;left:50%;top:50%;transform:translate(-50%,-50%)}.knowledge-visual>i:nth-last-child(2){width:330px;height:330px;left:50%;top:50%;transform:translate(-50%,-50%)}.knowledge-visual>i:last-child{width:8px;height:8px;left:14%;bottom:19%;background:var(--av-red);border:0}@keyframes dots-float{0%,100%{transform:translate(-50%,-50%) rotate(-2deg)}50%{transform:translate(-50%,-55%) rotate(5deg)}}
.materials-browser{padding-top:clamp(72px,8vw,120px);padding-bottom:clamp(80px,9vw,140px)}.browser-head{display:flex;align-items:end;justify-content:space-between;gap:40px;margin-bottom:28px}.browser-head h2{margin:12px 0 0;font-size:clamp(38px,4.5vw,68px);letter-spacing:-.045em}.material-search{display:flex;align-items:center;width:min(100%,440px);height:62px;padding:0 20px;border:1px solid #cfccd8;border-radius:18px;background:#fff;box-shadow:0 10px 35px rgba(30,23,45,.05);transition:border-color .2s,box-shadow .2s}.material-search:focus-within{border-color:var(--article-violet);box-shadow:0 0 0 4px rgba(102,55,242,.1)}.material-search svg{width:22px;fill:none;stroke:currentColor;stroke-width:1.7}.material-search input{width:100%;height:100%;padding-left:13px;border:0;outline:0;background:transparent;font:inherit;color:inherit}.category-filters{display:flex;gap:8px;flex-wrap:wrap;padding:20px 0;border-top:1px solid var(--article-line);border-bottom:1px solid var(--article-line)}.category-filters button{padding:10px 15px;border:1px solid transparent;border-radius:999px;background:#eeecf2;color:#686571;font:inherit;font-size:13px;cursor:pointer;transition:.2s}.category-filters button:hover,.category-filters button.is-active{background:var(--article-ink);color:#fff;transform:translateY(-1px)}.results-status{margin:22px 0;color:var(--article-muted);font-size:13px}.materials-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}.material-card{position:relative;min-height:380px;border:1px solid var(--article-line);border-radius:25px;background:#fff;overflow:hidden;transition:transform .3s,border-color .3s,box-shadow .3s}.material-card:before{content:"";position:absolute;inset:0 0 auto;height:4px;background:var(--card-accent,var(--article-violet));transform:scaleX(.18);transform-origin:left;transition:transform .35s}.material-card:hover{transform:translateY(-7px);border-color:#c4c0ce;box-shadow:0 24px 60px rgba(34,24,55,.1)}.material-card:hover:before{transform:scaleX(1)}.material-card>a{display:flex;flex-direction:column;height:100%;padding:28px;color:inherit;text-decoration:none}.article-accent-blue{--card-accent:var(--av-blue)}.article-accent-red{--card-accent:var(--av-red)}.article-accent-green{--card-accent:var(--av-green)}.article-accent-violet{--card-accent:var(--av-violet)}.card-top,.card-bottom{display:flex;justify-content:space-between;align-items:center;gap:15px}.card-top{font-size:11px;letter-spacing:.12em;text-transform:uppercase;color:var(--article-muted)}.card-top span:first-child{display:grid;place-items:center;width:40px;height:40px;border-radius:50%;background:color-mix(in srgb,var(--card-accent) 13%,white);color:#17171d;font-weight:700}.material-card h2{margin:42px 0 18px;font-size:clamp(24px,2vw,32px);line-height:1.08;letter-spacing:-.035em}.material-card p{margin:0 0 30px;color:#66636e;line-height:1.55}.card-bottom{margin-top:auto;padding-top:20px;border-top:1px solid var(--article-line);font-size:13px}.card-bottom strong{color:var(--article-violet)}.empty-state{padding:70px 25px;text-align:center;border:1px dashed #c8c4d0;border-radius:24px}.empty-state strong{font-size:28px}.empty-state p{color:var(--article-muted)}.empty-state a{color:var(--article-violet);font-weight:700}.library-cta{display:flex;align-items:end;justify-content:space-between;gap:50px;margin-bottom:100px;padding:50px;border-radius:32px;background:#1c1b22;color:#fff;overflow:hidden}.library-cta>div{position:relative;max-width:800px}.library-cta .material-dots{position:absolute;right:-110px;top:-20px;transform:rotate(14deg)}.library-cta h2{max-width:850px;margin:14px 0 0;font-size:clamp(36px,4.2vw,66px);line-height:1;letter-spacing:-.045em}.library-cta .button{flex:0 0 auto;background:#fff;color:#17171d}.library-cta .eyebrow{color:#bdb8c8}
.article-hero{position:relative;overflow:hidden;padding:78px 0 86px;border-bottom:1px solid var(--article-line);background:radial-gradient(circle at 82% 30%,color-mix(in srgb,var(--card-accent) 14%,transparent),transparent 26%),#f5f3f8}.article-orbit{position:absolute;right:8vw;top:40px;width:320px;height:320px;border:1px solid color-mix(in srgb,var(--card-accent) 30%,transparent);border-radius:50%}.article-orbit:before,.article-orbit:after{content:"";position:absolute;border:1px solid color-mix(in srgb,var(--card-accent) 17%,transparent);border-radius:50%;inset:38px}.article-orbit:after{inset:82px}.article-orbit .material-dots{position:absolute;right:38px;bottom:50px;width:86px;height:86px;transform:rotate(9deg)}.article-hero .container{position:relative;z-index:1}.breadcrumbs{display:flex;gap:10px;margin-bottom:50px;color:#817d89;font-size:13px}.breadcrumbs a{color:inherit;text-decoration:none}.article-hero h1{max-width:1050px;margin:18px 0 26px;font-size:clamp(48px,6vw,86px);line-height:.98;letter-spacing:-.055em}.article-deck{max-width:790px;margin:0;color:#57545f;font-size:clamp(18px,1.6vw,23px);line-height:1.5}.article-byline{display:flex;gap:28px;margin-top:40px;padding-top:20px;border-top:1px solid rgba(36,32,44,.12);font-size:13px}.article-byline span:first-child{font-weight:700}.article-byline span:last-child{color:var(--article-muted)}.article-layout{display:grid;grid-template-columns:minmax(0,820px) 280px;justify-content:center;gap:80px;padding-top:72px;padding-bottom:120px}.prose{min-width:0;font-size:18px;line-height:1.72;color:#33313a}.prose>*{max-width:100%}.prose>p,.prose>ul,.prose>ol{margin:0 0 24px}.prose h2{margin:72px 0 20px;color:var(--article-ink);font-size:clamp(31px,3vw,45px);line-height:1.06;letter-spacing:-.035em;scroll-margin-top:110px}.prose h3{margin:38px 0 13px;color:var(--article-ink);font-size:25px;line-height:1.2}.prose ul,.prose ol{padding-left:1.35em}.prose li{margin:9px 0}.prose a{color:var(--article-violet);text-underline-offset:3px}.prose .lead{font-size:24px;line-height:1.55;color:#222027}.prose .warning,.prose .note,.prose .formula{margin:34px 0;padding:24px 26px;border-left:4px solid var(--card-accent,var(--article-violet));border-radius:0 16px 16px 0;background:#f1eff6;color:#36333d}.prose .formula{font-weight:700;background:#1e1c24;color:#fff}.article-toc{margin:0 0 62px;padding:30px;border:1px solid var(--article-line);border-radius:22px;background:#fff}.article-toc>strong{display:block;margin-bottom:17px;font-size:13px;text-transform:uppercase;letter-spacing:.12em}.article-toc ol{columns:2;column-gap:38px;margin:0;padding-left:20px}.article-toc li{break-inside:avoid;margin:0 0 10px;padding-left:4px;color:#8a8591;font-size:14px;line-height:1.4}.article-toc a{color:#4d4a53;text-decoration:none}.article-toc a:hover{color:var(--article-violet)}.prose figure{margin:38px 0}.prose figure img{display:block;width:100%;max-height:620px;object-fit:contain;border:1px solid var(--article-line);border-radius:18px;background:#fff}.prose figcaption{margin-top:10px;color:var(--article-muted);font-size:13px;line-height:1.45}.visual-card{margin:35px 0;padding:12px;border:1px solid var(--article-line);border-radius:22px;background:#fff;overflow:hidden}.visual-card svg{display:block;width:100%;height:auto}.table-scroll{width:100%;margin:35px 0;overflow-x:auto;border:1px solid #d8d5df;border-radius:18px;background:#fff;box-shadow:0 12px 30px rgba(35,28,48,.04)}.table-scroll:focus{outline:3px solid rgba(102,55,242,.18);outline-offset:2px}.prose table{width:100%;min-width:650px;border-collapse:collapse;table-layout:auto;font-size:15px;line-height:1.45}.prose th,.prose td{padding:16px 18px;text-align:left;vertical-align:top;border-bottom:1px solid #e3e0e8;white-space:normal;overflow-wrap:anywhere}.prose th{background:#f0eef4;color:#24212a;font-size:12px;text-transform:uppercase;letter-spacing:.07em}.prose tr:last-child td{border-bottom:0}.article-rail{position:relative}.rail-cta{position:sticky;top:112px;padding:26px;border-radius:24px;background:#201e27;color:#fff;overflow:hidden;box-shadow:0 24px 60px rgba(28,22,40,.16)}.rail-kicker{display:block;margin-bottom:32px;color:#bcb7c7;font-size:10px;text-transform:uppercase;letter-spacing:.13em}.rail-cta>strong{display:block;font-size:29px;line-height:1.02;letter-spacing:-.035em}.rail-cta p{margin:15px 0 24px;color:#c9c5d0;font-size:14px;line-height:1.5}.rail-cta>a{display:flex;justify-content:space-between;padding:14px 16px;border-radius:12px;background:#fff;color:#1b1920;text-decoration:none;font-size:13px;font-weight:700}.rail-cta small{display:block;margin-top:13px;color:#aaa5b2}.rail-cta .material-dots{position:absolute;right:-12px;top:-14px;width:64px;height:64px;opacity:.85;transform:rotate(12deg)}.rail-back{display:block;margin-top:18px;padding:16px;color:#5b5763;text-align:center;text-decoration:none;font-size:13px}.article-end{margin-top:80px;padding:42px;border-radius:26px;background:linear-gradient(135deg,#201e27,#302a43);color:#fff}.prose .article-end h2{margin:12px 0 15px;color:#fff}.article-end>span{font-size:11px;text-transform:uppercase;letter-spacing:.13em;color:#bbb5c8}.article-end p{max-width:600px;color:#d4d0da}.article-end .button{display:inline-flex;margin-top:8px;color:#1d1b22;background:#fff;text-decoration:none}
.has-reveal .material-card,.has-reveal .prose>*,.has-reveal .library-cta{opacity:0;transform:translateY(20px);transition:opacity .55s ease,transform .55s ease}.has-reveal .is-visible{opacity:1;transform:none}.material-card[hidden]{display:none}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
@media(max-width:1050px){.materials-hero-grid{grid-template-columns:1fr}.knowledge-visual{min-height:300px}.materials-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.article-layout{grid-template-columns:minmax(0,760px);gap:0}.article-rail{position:fixed;z-index:20;left:50%;bottom:14px;width:min(92vw,520px);transform:translateX(-50%)}.rail-cta{position:static;display:grid;grid-template-columns:1fr auto;align-items:center;gap:4px 18px;padding:15px 17px;border:1px solid rgba(255,255,255,.14);border-radius:18px}.rail-kicker,.rail-cta p,.rail-cta small,.rail-cta .material-dots,.rail-back{display:none}.rail-cta>strong{font-size:17px}.rail-cta>a{grid-column:2;grid-row:1;padding:11px 14px}.article-page .footer{padding-bottom:90px}}
@media(max-width:760px){.article-header .nav nav{display:none}.article-header .nav>.button{display:none}.materials-hero{padding:70px 0}.materials-hero-grid{gap:45px}.materials-hero h1{font-size:clamp(48px,15vw,72px)}.knowledge-visual{min-height:255px;border-radius:26px}.knowledge-visual .material-dots{width:105px;height:105px}.knowledge-visual>i:nth-last-child(2){width:230px;height:230px}.knowledge-visual>i:nth-last-child(3){width:180px;height:180px}.browser-head{align-items:stretch;flex-direction:column}.material-search{width:100%}.materials-grid{grid-template-columns:1fr}.material-card{min-height:330px}.library-cta{align-items:flex-start;flex-direction:column;padding:30px}.library-cta .button{width:100%;justify-content:center}.article-hero{padding:52px 0 58px}.article-hero h1{font-size:clamp(42px,12vw,62px)}.article-orbit{right:-160px;top:40px}.breadcrumbs{margin-bottom:36px}.article-byline{align-items:flex-start;flex-direction:column;gap:7px}.article-layout{padding-top:44px;padding-bottom:90px}.prose{font-size:17px;line-height:1.65}.prose .lead{font-size:21px}.article-toc{padding:22px}.article-toc ol{columns:1}.prose h2{margin-top:58px}.visual-card{margin-left:-8px;margin-right:-8px;overflow-x:auto}.visual-card svg{min-width:650px}.article-end{padding:28px}.article-rail{bottom:9px}.rail-cta>strong{font-size:15px}.rail-cta>a{font-size:12px}.prose table{min-width:600px}}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{scroll-behavior:auto!important;animation:none!important;transition:none!important}.has-reveal .material-card,.has-reveal .prose>*,.has-reveal .library-cta{opacity:1;transform:none}}
.prose .example{margin:34px 0;padding:24px 26px;border-left:4px solid var(--card-accent,var(--article-violet));border-radius:0 16px 16px 0;background:#f1eff6;color:#36333d}.prose .visual-title,.prose .diagram-title{margin:0 0 8px;font-size:28px;font-weight:700;line-height:1.2;color:#17171d}.prose .visual-subtitle,.prose .diagram-subtitle,.prose .diagram-foot{margin:0 0 18px;color:#6f6d78;font-size:15px;line-height:1.45}.prose .diagram-foot{margin:18px 0 0}.prose .grid2,.prose .grid3,.prose .grid4,.prose .diagram-grid,.prose .flow-grid{display:grid;gap:16px;margin:20px 0}.prose .grid2{grid-template-columns:repeat(2,minmax(0,1fr))}.prose .grid3,.prose .diagram-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.prose .grid4,.prose .diagram-grid.cols4,.prose .flow-grid{grid-template-columns:repeat(4,minmax(0,1fr))}.prose .card,.prose .diagram-card,.prose .flow-step{min-width:0;padding:19px;border:1px solid #ddd9e4;border-radius:16px;background:#fff}.prose .card h3,.prose .diagram-card h3,.prose .flow-step h3{margin:0 0 11px;font-size:19px;line-height:1.22}.prose .card p,.prose .diagram-card p,.prose .flow-step p{margin:0 0 8px;color:#66626e;font-size:15px;line-height:1.45}.prose .mock{margin:28px 0;padding:20px;border:1px solid #ddd9e4;border-radius:18px;background:#f6f4f8}.prose .mock-row{display:grid;grid-template-columns:1fr auto;gap:16px;align-items:center;padding:14px 0;border-bottom:1px solid #dfdce5}.prose .mock-row:last-child{border-bottom:0}.prose .mock-value{white-space:nowrap;font-weight:700}.prose .slider{height:8px;margin:9px 0 2px;overflow:hidden;border-radius:99px;background:#d9d6df}.prose .slider span{display:block;width:42%;height:100%;border-radius:99px;background:#201e27}.prose .review-form-mock{max-width:600px;margin:28px auto;padding:28px;border:1px solid #ddd9e4;border-radius:18px;background:#fff}.prose .review-stars{margin:8px 0 18px;font-size:30px;letter-spacing:3px}.prose .review-box{min-height:110px;padding:18px;border:1px solid #ddd9e4;border-radius:12px;background:#f7f5f8;color:#6f6d78}.prose .review-photo{display:flex;gap:16px;align-items:center;margin-top:20px}.prose .review-photo-box{display:flex;align-items:center;justify-content:center;flex:0 0 auto;width:84px;height:64px;border:1px solid #ddd9e4;border-radius:10px;background:#f3f1f5;font-size:28px;color:#777}.prose .review-btn{display:inline-block;margin-top:22px;padding:10px 18px;border-radius:10px;background:var(--av-blue);color:#fff;font-weight:700;text-decoration:none}@media(max-width:760px){.prose .grid2,.prose .grid3,.prose .grid4,.prose .diagram-grid,.prose .diagram-grid.cols4,.prose .flow-grid{grid-template-columns:1fr}.prose .mock-row{grid-template-columns:1fr}.prose .mock-value{white-space:normal}}