@import "https://fonts.googleapis.com/css2?family=DM+Mono:wght@400;500&family=Outfit:wght@400;500;600;700&family=Playfair+Display:ital,wght@0,500;0,600;1,500;1,600&display=swap";:root{--ink:#18213c;--muted:#66708a;--paper:#f9f8f4;--purple:#7051eb;--line:#dedde4;--cream:#f1ecdf}*{box-sizing:border-box}body{background:var(--paper);color:var(--ink);margin:0;font-family:Outfit,Arial,sans-serif}button{font:inherit;color:inherit;cursor:pointer}.nav{z-index:5;background:#fcfbf7;border-bottom:1px solid #e8e6e0;justify-content:space-between;align-items:center;height:78px;padding:0 clamp(24px,6vw,96px);display:flex;position:sticky;top:0}.brand{letter-spacing:.08em;background:0 0;border:0;font-size:15px;font-weight:500}.brand b{font-weight:700}.brand-mark{color:var(--purple);vertical-align:-2px;font-size:23px}.nav nav{gap:30px;display:flex}.nav nav button,.search{color:#66708a;background:0 0;border:0;font-size:14px}.nav .active{color:var(--ink);font-weight:600}.search{border:1px solid var(--line);border-radius:20px;padding:9px 13px}.search-overlay{z-index:20;background:#18213cb3;justify-content:center;align-items:flex-start;padding-top:12vh;display:flex;position:fixed;inset:0}.search-panel{background:#fff;border-radius:18px;width:min(560px,90vw);overflow:hidden;box-shadow:0 30px 70px #0000004d}.search-input-row{border-bottom:1px solid var(--line);align-items:center;gap:12px;padding:18px 20px;display:flex}.search-input-row span{color:var(--purple)}.search-input-row input{border:0;outline:none;flex:1;font:16px Outfit}.search-results{max-height:50vh;padding:8px;overflow-y:auto}.search-hint{color:var(--muted);margin:0;padding:20px;font-size:13px}.search-result{text-align:left;background:0 0;border:0;border-radius:10px;width:100%;padding:12px;display:block}.search-result:hover{background:#f1ecdf}.search-result-kind{color:var(--purple);margin-bottom:2px;font:10px DM Mono;display:block}.search-result b{font-size:15px;display:block}.search-result small{color:var(--muted)}.hero{background:radial-gradient(circle at 73% 45%,#ded2ff 0,#ded2ff80 15%,#0000 34%),#f9f8f4;min-height:665px;padding:94px clamp(24px,13vw,205px);position:relative;overflow:hidden}.eyebrow{letter-spacing:.14em;color:var(--purple);margin:0 0 20px;font:500 11px DM Mono,monospace}.hero h1,.map-page h1,.tool-intro h1{letter-spacing:-.06em;margin:0 0 23px;font-size:clamp(48px,6vw,88px);font-weight:600;line-height:.98}.hero h1 em,.map-page h1 em,.tool-intro h1 em,.explain em{letter-spacing:-.055em;font-family:Playfair Display,serif;font-weight:500}.hero-copy{color:var(--muted);max-width:390px;margin:0 0 31px;font-size:19px;line-height:1.5}.primary{background:var(--ink);color:#fff;border:0;border-radius:28px;padding:15px 22px;font-weight:600}.primary span{color:#bcaeff;margin-left:20px}.quiet{color:var(--ink);background:0 0;border:0;margin-left:13px;padding:14px;font-weight:500}.hero-orbit{color:#55477b;background:#fdfcff;border-radius:50%;place-items:center;font:12px DM Mono;display:grid;position:absolute;box-shadow:0 20px 60px #8b76bd3d}.orbit-a{border:1px solid #bdaefa;width:180px;height:180px;top:22%;right:24%}.orbit-b{background:var(--purple);color:#fff;width:112px;height:112px;top:52%;right:11%}.orbit-c{background:#f5c8a9;width:95px;height:95px;top:67%;right:38%}.door-grid{background:var(--line);border-block:1px solid var(--line);grid-template-columns:repeat(3,1fr);gap:1px;display:grid}.door{text-align:left;background:#fcfbf7;border:0;padding:51px clamp(25px,5vw,80px);transition:all .25s}.door:hover{background:#eee9ff}.door>span{color:var(--purple);font-size:28px}.door h2{margin:24px 0 9px;font-size:27px}.door p{max-width:250px;color:var(--muted);min-height:72px;line-height:1.5}.door b{color:var(--purple);font:500 12px DM Mono}.dns-experience{background:var(--cream);grid-template-columns:.9fr 1.1fr;align-items:center;gap:55px;padding:110px max(8vw,30px);display:grid}.section-copy h2{letter-spacing:-.05em;margin:0 0 20px;font-size:clamp(36px,4vw,57px);line-height:1.02}.section-copy>p:not(.eyebrow){color:var(--muted);max-width:440px;margin-bottom:25px;line-height:1.6}.dns-stage{background:#f8f5ed;border:1px solid #d9d0c1;border-radius:30px;height:400px;padding:35px;position:relative}.address{background:#fff;border:1px solid #e4ded2;border-radius:14px;justify-content:space-between;padding:12px 17px;font:13px DM Mono;display:flex;box-shadow:0 5px 18px #2d25420c}.address i{color:var(--purple)}.dns-route{justify-content:space-between;margin-top:115px;display:flex;position:relative}.dns-route:before{content:"";border-top:2px dashed #c5bdad;width:100%;position:absolute;top:22px}.route-node{z-index:1;opacity:.28;flex-direction:column;gap:5px;width:24%;transition:all .4s;display:flex;position:relative}.route-node.seen{opacity:1}.node-dot{width:45px;height:45px;color:var(--purple);background:#e7defe;border:1px solid #af9aef;border-radius:50%;place-items:center;font-size:18px;display:grid}.route-node b{margin-top:7px;font-size:12px}.route-node small{color:var(--muted);font:10px DM Mono}.signal{background:#ff714f;border-radius:50%;width:7px;height:7px;transition:left .8s;position:absolute;top:192px;left:13%;box-shadow:0 0 0 6px #ff714f38}.stage-1 .signal{left:37%}.stage-2 .signal{left:62%}.stage-3 .signal{background:#4bc7a1;left:87%}.map-page,.tool-page{min-height:calc(100vh - 78px);padding:90px max(8vw,30px)}.map-page>p:not(.eyebrow){max-width:450px;color:var(--muted);font-size:18px;line-height:1.5}.concept-map{grid-template-columns:repeat(5,1fr);gap:16px;margin-top:55px;display:grid}.concept-card{border:1px solid var(--line);text-align:left;border-top:5px solid var(--c);background:#fff;border-radius:20px;min-height:275px;padding:21px;transition:all .2s;position:relative}.concept-card:hover{transform:translateY(-5px);box-shadow:0 14px 30px #23274b13}.concept-card>span{color:var(--c);font:10px DM Mono}.concept-card h2{margin:45px 0 2px;font-size:28px}.concept-card small{color:var(--muted)}.concept-card p{color:var(--muted);font-size:13px;line-height:1.45}.concept-card b{color:var(--c);font:11px DM Mono;position:absolute;bottom:20px}.explain{text-align:center;padding:100px 20px}.explain h2{letter-spacing:-.05em;font-size:clamp(31px,4vw,54px);line-height:1.1}.tool-page{background:radial-gradient(circle at 78% 20%,#eeeaff,#0000 25%)}.tool-intro{max-width:600px}.tool-intro h1{font-size:clamp(46px,5vw,72px)}.tool-intro>p:not(.eyebrow){color:var(--muted);font-size:18px;line-height:1.5}.lab-grid,.xray-grid{grid-template-columns:1fr 1.15fr;gap:18px;margin-top:50px;display:grid}.panel{border:1px solid var(--line);background:#fff;border-radius:22px;overflow:hidden}.code-panel{padding:20px}.panel-label{color:#8e87a0;border-bottom:1px solid var(--line);gap:22px;padding-bottom:15px;font:11px DM Mono;display:flex}.panel-label span:first-child{color:var(--purple)}pre{white-space:pre-wrap;color:#49426d;font:14px/1.7 DM Mono}label{margin-top:15px;font-size:13px;font-weight:500;display:block}label input:not([type=checkbox]){border:1px solid var(--line);border-radius:8px;width:100%;margin-top:6px;padding:9px;font:13px Outfit;display:block}.toggle{align-items:center;gap:8px;display:flex}.panel-label span{cursor:pointer;padding:2px 0;transition:all .15s}.panel-label span.is-tab-active{color:var(--purple);font-weight:600}.code-editor{border:1px solid var(--line);color:#49426d;resize:vertical;background:#faf9f5;border-radius:12px;outline:none;width:100%;height:300px;margin-top:14px;padding:16px;font:13px/1.7 DM Mono,monospace}.code-editor:focus{border-color:var(--purple)}.lab-reset{margin-left:0;padding:14px 0}.live-frame{background:#fffcf6;border:0;width:calc(100% - 60px);height:340px;margin:30px;display:block;box-shadow:0 8px 30px #31284613}.preview-panel{padding-bottom:15px}.browser-bar{background:#f0eef7;align-items:center;gap:6px;height:42px;padding:0 15px;display:flex}.browser-bar i{background:#d2cbdf;border-radius:50%;width:8px;height:8px}.browser-bar span{color:#897f99;margin-left:8px;font:10px DM Mono}.live-page{background:#fffcf6;min-height:300px;margin:30px;padding:55px 42px;transition:all .2s;box-shadow:0 8px 30px #31284613}.live-page>p{color:var(--accent);letter-spacing:.1em;font:10px DM Mono}.live-page h2{letter-spacing:-.05em;margin:13px 0;font-size:36px}.live-line{background:#ded8e7;border-radius:8px;width:64%;height:7px;margin-bottom:25px}.live-page button,.fake-hero button{color:#fff;border:0;border-radius:8px;padding:11px 15px;font-weight:600}.hint{color:var(--muted);margin:0 30px;font-size:12px}.site-scan{background:#11182d;border-radius:23px;place-items:center;min-height:430px;padding:30px;display:grid}.scan-page{background:#faf9f5;width:85%;height:340px;padding:20px;transition:all .3s}.fake-nav{border-bottom:1px solid #dedde4;padding-bottom:13px;font-size:12px;font-weight:700}.fake-nav span{float:right;color:#7051eb}.fake-hero{padding:42px 22px 25px}.fake-hero small{color:#7051eb;font:10px DM Mono}.fake-hero h2{letter-spacing:-.05em;margin:9px 0 17px;font-size:31px}.fake-hero button{background:#7051eb}.scan-card{background:#eee9ff;border-radius:8px;padding:13px;font-size:12px}.scan-card b{float:right}.layer-0{outline:3px solid #58d3b1}.layer-1{box-shadow:0 0 0 5px #f9c85b}.layer-2 .fake-hero button{animation:1s infinite pulse}.layer-3 .scan-card{background:#ffccb9}.layer-list{flex-direction:column;gap:8px;display:flex}.layer-list button{border:1px solid var(--line);text-align:left;background:#fff;border-radius:14px;padding:18px;transition:all .2s}.layer-list button.chosen{border-color:var(--purple);background:#f0edff}.layer-list strong{font-size:19px;display:block}.layer-list strong span{color:var(--purple);margin-right:12px;font:10px DM Mono}.layer-list small{color:var(--muted);margin-top:6px;margin-left:29px;display:block}.layer-list button:disabled{opacity:.4;cursor:not-allowed}.xray-url-form{flex-wrap:wrap;align-items:center;gap:12px;margin-top:36px;display:flex}.xray-url-form input{border:1px solid var(--line);background:#fff;border-radius:12px;flex:1;min-width:220px;padding:13px 16px;font:14px Outfit}.xray-url-form input:focus{border-color:var(--purple);outline:none}.xray-note{max-width:680px;color:var(--muted);background:#f1ecdf;border-radius:12px;margin:16px 0 0;padding:14px 18px;font-size:13px;line-height:1.6}.scan-frame-wrap{background:#faf9f5;border-radius:10px;width:100%;height:100%;min-height:370px;position:relative;overflow:hidden}.scan-frame{border:0;width:100%;height:100%;min-height:370px}.scan-loading{color:#66708a;background:#faf9f5;place-items:center;font:12px DM Mono;display:grid;position:absolute;inset:0}@keyframes pulse{50%{transform:scale(1.06)}}footer{color:#fff;letter-spacing:.1em;background:#121a30;padding:28px max(8vw,30px);font:13px DM Mono}footer span{float:right;color:#a9a8ba;font-size:11px}@media (width<=800px){.nav{padding:0 20px}.nav nav,.search span{display:none}.hero{min-height:590px;padding:75px 27px}.orbit-a{top:47%;right:5%}.orbit-b{top:72%;right:29%}.orbit-c{display:none}.door-grid,.dns-experience,.lab-grid,.xray-grid{grid-template-columns:1fr}.door p{min-height:0}.dns-experience{padding:70px 27px}.dns-stage{height:350px;padding:22px}.dns-route{margin-top:95px}.route-node b{font-size:10px}.route-node small{font-size:8px}.concept-map{grid-template-columns:repeat(2,1fr)}.concept-card{min-height:225px}.map-page,.tool-page{padding:65px 25px}.live-page{margin:18px;padding:40px 25px}.site-scan{min-height:370px}.scan-page{width:94%}}:root{--ink:#18213c;--muted:#5d6880;--paper:#fbfaf7;--purple:#6247d9;--purple-deep:#44309b;--line:#dedde5;--cream:#f3efe5;--surface:#fff;--shadow-soft:0 18px 48px #1f244317}html{background:var(--paper);scroll-behavior:smooth}body{text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;min-width:320px;min-height:100dvh}button,input,textarea{font:inherit}button{-webkit-tap-highlight-color:transparent}button:focus-visible,input:focus-visible,textarea:focus-visible,a:focus-visible{outline-offset:3px;outline:3px solid #6247d96b}::selection{color:var(--ink);background:#dcd3ff}.nav{-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);background:#fcfbf7e0;border-bottom-color:#dedde5e6;gap:20px;height:auto;min-height:78px;box-shadow:0 8px 24px #1b203909}.brand{letter-spacing:.075em;white-space:nowrap;transition:color .16s,transform .16s}.brand:hover{color:var(--purple-deep)}.brand img{filter:drop-shadow(0 4px 8px #6247d929)}.nav nav{align-items:center;gap:3px}.nav nav button{color:var(--muted);border-radius:10px;padding:10px 11px;transition:color .16s,background .16s;position:relative}.nav nav button:after{background:var(--purple);content:"";opacity:0;border-radius:99px;height:2px;transition:opacity .16s,transform .16s;position:absolute;bottom:5px;left:11px;right:11px;transform:scaleX(.45)}.nav nav button:hover{color:var(--ink);background:#6247d90f}.nav nav button.active{color:var(--ink)}.nav nav button.active:after{opacity:1;transform:scaleX(1)}.search{min-height:38px;color:var(--ink);background:#ffffffb8;border-color:#dedde5fa;align-items:center;gap:7px;transition:border-color .16s,box-shadow .16s,transform .16s;display:inline-flex;box-shadow:0 3px 10px #1f244306}.search:hover{border-color:#6247d973;transform:translateY(-1px);box-shadow:0 8px 18px #30285e14}.search-overlay{-webkit-backdrop-filter:blur(7px);backdrop-filter:blur(7px);background:#141b31ad;padding:min(12vh,120px) 20px 32px;animation:.18s ease-out both atlas-overlay-in}.search-panel{border:1px solid #fff9;border-radius:20px;width:min(600px,100%);animation:.2s cubic-bezier(.2,.9,.2,1) both atlas-panel-in;box-shadow:0 28px 80px #070b1a52}.search-input-row{gap:14px;padding:18px 20px}.search-input-row input{min-width:0;color:var(--ink)}.search-input-row .quiet{border-radius:9px;flex:none;margin-left:0;padding:8px 10px}.search-result{padding:13px 14px;transition:background .15s,transform .15s}.search-result:hover,.search-result:focus-visible{background:#f2efff}.search-result:hover{transform:translate(2px)}.hero{isolation:isolate;background:radial-gradient(circle at 74% 44%,#d7cbffe0 0,#ded2ff70 16%,#0000 36%),linear-gradient(135deg,#fbfaf7 0%,#f8f7f3 60%,#f5f1ff 100%);min-height:clamp(590px,73svh,720px)}.hero:before{aspect-ratio:1;content:"";pointer-events:none;border:1px solid #6247d917;border-radius:50%;width:min(48vw,660px);position:absolute;top:-24%;right:-8%;box-shadow:0 0 0 58px #6247d906,0 0 0 118px #6247d905}.hero:after{z-index:-1;content:"";pointer-events:none;background-image:radial-gradient(#262d4e26 .7px,#0000 .7px);background-position:right 9% bottom 14%;background-size:17px 17px;position:absolute;inset:0;-webkit-mask-image:linear-gradient(270deg,#0000006b,#0000 57%);mask-image:linear-gradient(270deg,#0000006b,#0000 57%)}.hero>:not(.hero-orbit){z-index:1;position:relative}.hero h1{text-wrap:balance;max-width:790px}.hero-copy{max-width:420px;color:var(--muted)}.primary{min-height:50px;transition:background .16s,box-shadow .16s,transform .16s;box-shadow:0 10px 22px #18213c2b}.primary:hover{background:#263255;transform:translateY(-2px);box-shadow:0 14px 28px #18213c3d}.quiet{border-radius:10px;transition:background .16s,color .16s}.quiet:hover{color:var(--purple-deep);background:#6247d914}.hero-orbit{border:1px solid #ffffffb8;transition:transform .26s,box-shadow .26s}.hero:hover .orbit-a{transform:translate(-4px,-6px)}.hero:hover .orbit-b{transform:translate(5px,-4px);box-shadow:0 24px 52px #5039a947}.door{transition:background .19s,box-shadow .19s,transform .19s;position:relative;overflow:hidden}.door:after{color:#6247d947;content:"↗";opacity:0;font-size:20px;transition:opacity .19s,transform .19s;position:absolute;top:20px;right:22px;transform:translate(-4px,4px)}.door:hover{background:#f2efff;transform:translateY(-2px);box-shadow:inset 0 3px #6247d980}.door:hover:after{opacity:1;transform:translate(0)}.home-project{background:radial-gradient(circle at 85% 30%,#7f67eb75,#0000 25%),linear-gradient(120deg,#171e35,#202947);position:relative;overflow:hidden}.home-project:after{content:"";pointer-events:none;border:1px solid #ffffff1c;border-radius:50%;width:310px;height:310px;position:absolute;top:-115px;right:8%;box-shadow:0 0 0 46px #ffffff09,0 0 0 92px #ffffff05}.home-project>*{z-index:1;position:relative}@keyframes atlas-overlay-in{0%{opacity:0}to{opacity:1}}@keyframes atlas-panel-in{0%{opacity:0;transform:translateY(-10px)scale(.985)}to{opacity:1;transform:translateY(0)scale(1)}}@media (width<=860px){.nav{flex-wrap:wrap;gap:10px 16px;padding:12px 20px 9px}.nav nav{scrollbar-width:none;order:3;width:calc(100% + 40px);margin:0 -20px -1px;padding:0 20px 4px;display:flex;overflow-x:auto}.nav nav::-webkit-scrollbar{display:none}.nav nav button{flex:none}.search{margin-left:auto}.hero{padding-top:78px}.hero:before{width:470px;top:42%;right:-18%}.home-project:after{right:-120px}}@media (width<=520px){.nav{padding-inline:16px}.nav nav{width:calc(100% + 32px);margin-inline:-16px;padding-inline:16px}.brand{font-size:13px}.brand img{width:26px;height:26px}.search{padding-inline:11px}.hero{min-height:610px}.hero h1{font-size:clamp(43px,14vw,59px)}.hero-copy{font-size:17px}.hero .quiet{margin-top:8px;margin-left:0}.search-input-row{padding:15px}.search-input-row .quiet{font-size:13px}}@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,:before,:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}.home-project{color:#fff;background:#171e35;padding:72px max(8vw,30px)}.home-project .eyebrow{color:#bbaeff}.home-project h2{letter-spacing:-.055em;margin:0 0 16px;font-size:clamp(32px,4vw,52px)}.home-project .quiet{color:#fff;margin-left:0;padding-left:0}.map-difficulty{flex-wrap:wrap;gap:8px;margin:32px 0 9px;display:flex}.map-difficulty button{border:1px solid var(--line);background:#fff;border-radius:99px;padding:8px 13px;font-size:12px}.map-difficulty button.selected{border-color:var(--purple);color:#443088;background:#f0edff}.map-result{color:var(--muted);margin:0;font:11px DM Mono}.map-empty{border:1px dashed var(--line);color:var(--muted);border-radius:18px;margin-top:35px;padding:30px}.map-empty b{color:var(--ink)}.map-empty .quiet{margin-left:0;padding-left:0}.map-page{isolation:isolate;background:radial-gradient(circle at 89% 11%,#e7f2ec 0,#0000 23%),radial-gradient(circle at 8% 56%,#ece7ff 0,#0000 29%);position:relative}.map-page:before{content:"";z-index:-1;aspect-ratio:1;opacity:.7;border:1px dashed #b8d6c8;border-radius:50%;width:min(34vw,440px);position:absolute;top:82px;right:8vw}.map-difficulty{z-index:1;background:#ffffffab;border:1px solid #d5ddd9;border-radius:999px;width:max-content;max-width:100%;padding:8px;position:relative;box-shadow:0 12px 28px #173d3010}.map-difficulty button{background:0 0;border-color:#0000}.map-difficulty button:hover{background:#edf5f0}.map-difficulty button.selected{box-shadow:0 5px 12px #7051eb18}.map-result{letter-spacing:.04em;padding-left:10px}.concept-map{z-index:1;gap:18px;position:relative}.concept-card{border-color:#d7dedb;border-top-width:4px;overflow:hidden;box-shadow:0 9px 20px #263c3710}.concept-card:after{content:"";border:1px solid var(--c);opacity:.18;border-radius:50%;width:105px;height:105px;transition:transform .25s;position:absolute;bottom:-54px;right:-35px}.concept-card:hover:after{transform:scale(1.22)}.concept-card:hover{box-shadow:0 22px 38px #1f2c271c}.concept-card h2,.concept-card p{z-index:1;position:relative}.concept-card b{background:color-mix(in srgb,var(--c) 10%,white);border-radius:6px;padding:7px 9px}.map-empty{background:#ffffffa5;box-shadow:0 14px 35px #18213c0a}@media (width<=800px){.map-page:before{width:290px;top:140px;right:-105px}.map-difficulty{border-radius:16px;width:100%}.map-difficulty button{flex:1;min-width:115px}.concept-map{gap:13px}.concept-card{border-radius:16px}.concept-card h2{font-size:23px}}@media (prefers-reduced-motion:reduce){.concept-card,.concept-card:after{transition:none}}.brand{align-items:center;gap:7px;display:flex}.brand img{object-fit:contain;width:29px;height:29px}.atlas-footer{isolation:isolate;background:var(--ink);color:var(--paper);letter-spacing:normal;border-top:1px solid #292f4a;padding:clamp(52px,7vw,104px) clamp(24px,6vw,96px) 22px;font-family:Outfit,Arial,sans-serif;font-size:16px;line-height:1.5;position:relative;overflow:hidden}.atlas-footer:before{content:"";z-index:-1;aspect-ratio:1;border:1px solid #9f8cf341;border-radius:50%;width:min(42vw,560px);position:absolute;top:-52%;right:-13%;box-shadow:0 0 0 52px #9f8cf31f,0 0 0 104px #9f8cf312}.atlas-footer:after{content:"";z-index:-1;aspect-ratio:1;filter:blur(8px);opacity:.22;background:#7051eb;border-radius:50%;width:clamp(120px,15vw,220px);position:absolute;bottom:-72%;left:44%}.atlas-footer__inner,.atlas-footer__bottom{width:min(100%,1240px);margin-inline:auto}.atlas-footer__inner{grid-template-columns:minmax(0,1.15fr) minmax(420px,.85fr);align-items:start;gap:clamp(48px,9vw,144px);display:grid}.atlas-footer__intro{max-width:530px}.atlas-footer__eyebrow{color:#c7bafe;letter-spacing:.14em;margin:0 0 19px;font:500 11px/1.2 DM Mono,monospace}.atlas-footer h2,.atlas-footer h3,.atlas-footer p{margin-top:0}.atlas-footer h2{color:#fff;letter-spacing:-.055em;max-width:500px;margin-bottom:18px;font-size:clamp(34px,4.1vw,60px);font-weight:600;line-height:.98}.atlas-footer__description{color:#c9cfdf;max-width:360px;margin-bottom:28px;font-size:16px}.atlas-footer__studio-link{color:#fff;border:1px solid #8674dc;border-radius:999px;align-items:center;gap:16px;min-height:48px;padding:12px 14px 12px 17px;font-size:14px;font-weight:600;text-decoration:none;transition:background .2s,border-color .2s,transform .2s;display:inline-flex}.atlas-footer__studio-link>span{float:none;color:inherit;font-size:inherit}.atlas-footer__studio-link:hover{color:#fff;background:#7051eb;border-color:#c1b5ff;transform:translateY(-2px)}.atlas-footer__studio-icon{aspect-ratio:1;color:#433197;background:#eeeaff;border-radius:50%;place-items:center;width:24px;font-size:16px;line-height:1;display:grid}.atlas-footer__link-groups{grid-template-columns:repeat(2,minmax(0,1fr));gap:clamp(24px,4vw,64px);padding-top:5px;display:grid}.atlas-footer__link-group h3{color:#c7bafe;letter-spacing:.12em;text-transform:uppercase;margin-bottom:16px;font:500 11px/1.2 DM Mono,monospace}.atlas-footer__link-group nav{flex-direction:column;align-items:flex-start;gap:12px;display:flex}.atlas-footer a:not(.atlas-footer__studio-link){color:#edf0f8;text-underline-offset:5px;overflow-wrap:anywhere;font-size:14px;text-decoration-color:#9b91bd;text-decoration-thickness:1px;transition:color .2s,text-decoration-color .2s}.atlas-footer a:not(.atlas-footer__studio-link):hover{color:#cbbfff;text-decoration-color:currentColor}.atlas-footer a:focus-visible{outline-offset:5px;outline:2px solid #fff}.atlas-footer__bottom{color:#aeb6ca;letter-spacing:.04em;border-top:1px solid #ffffff24;justify-content:space-between;gap:20px;margin-top:clamp(48px,7vw,92px);padding-top:18px;font:11px/1.5 DM Mono,monospace;display:flex}.atlas-footer small{font:inherit}@media (width<=900px){.atlas-footer__inner{grid-template-columns:1fr;gap:48px}.atlas-footer__intro{max-width:620px}}@media (width<=560px){.atlas-footer{padding-inline:24px}.atlas-footer__link-groups{grid-template-columns:1fr;gap:32px}.atlas-footer__bottom{flex-direction:column;gap:7px}}.lab-toolbar{color:var(--muted);justify-content:space-between;align-items:center;gap:18px;margin:28px 0 -24px;font-size:13px;display:flex}.lab-toolbar label{margin:0}.lab-toolbar select{border:1px solid var(--line);font:inherit;color:var(--ink);background:#fff;border-radius:9px;margin-left:7px;padding:8px}.lab-toolbar>span{color:#209d7d;font:11px DM Mono}.device-preview{justify-content:center;transition:all .2s;display:flex}.device-preview .live-frame{width:calc(100% - 60px);margin:30px;transition:all .25s}.device-preview.mobile .live-frame{border:8px solid #27304b;border-radius:24px;width:300px;max-width:calc(100% - 60px);height:510px}.preview-controls{justify-content:space-between;align-items:center;gap:12px;display:flex}.preview-controls .hint{margin:0 30px}.preview-controls div{gap:4px;margin-right:20px;display:flex}.preview-controls button{border:1px solid var(--line);background:#fff;border-radius:8px;padding:7px 9px;font-size:11px}.preview-controls button.selected{border-color:var(--purple);color:#4b35b4;background:#f0edff}@media (width<=800px){.lab-toolbar{margin:22px 0 -22px;display:block}.lab-toolbar>span{margin-top:12px;display:block}.preview-controls{display:block}.preview-controls .hint{margin:0 20px 12px}.preview-controls div{margin:0 20px}.device-preview .live-frame{width:calc(100% - 36px);margin:22px 18px}}.panel-label span small{opacity:.65;margin-left:4px;font:9px DM Mono}.code-console{color:#dddae8;background:#11182d;min-height:390px;padding:30px}.code-console pre{white-space:pre-wrap;color:#e7e3ef;min-height:240px;margin:0 0 24px;font:13px/1.6 DM Mono}.code-console .primary{color:#18213c;background:#fff}.code-console small{color:#aaa4be;margin-top:13px;font:11px DM Mono;display:block}.lab-toolbar+.lab-toolbar{flex-wrap:wrap;justify-content:flex-start;gap:12px;margin:34px 0 0}.lab-toolbar+.lab-toolbar .quiet{margin:0;padding:9px 12px;font-size:12px}.lab-toolbar+.lab-toolbar small{flex-basis:100%}.code-panel .panel-label{flex-wrap:wrap;gap:8px;display:flex}.code-panel .panel-label button{color:inherit;font:inherit;cursor:pointer;background:0 0;border:1px solid #0000;border-radius:7px;padding:6px 8px}.code-panel .panel-label button.is-tab-active{color:#fff;background:#7051eb}.code-panel .panel-label button:focus-visible{outline-offset:3px;outline:2px solid #7051eb}.panel-label button small{opacity:.75;margin-left:4px;font:9px DM Mono}.tool-page:has(.lab-grid){background:radial-gradient(circle at 86% 8%,#e8e0ff 0,transparent 27%),radial-gradient(circle at 7% 70%,#dff4ec 0,transparent 24%),var(--paper)}.tool-page .lab-toolbar{-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#ffffffa8;border:1px solid #dcd9e9;border-radius:15px;margin:18px 0 0;padding:15px 18px;box-shadow:0 12px 28px #22284608}.tool-page .lab-toolbar+.lab-toolbar{margin:10px 0 0;padding:12px 18px}.tool-page .lab-toolbar+.lab-toolbar+.lab-toolbar{border-style:dashed}.lab-grid{align-items:stretch;gap:20px}.lab-grid .panel{border-color:#d8d7e2;box-shadow:0 20px 44px #1f29400d}.code-panel{background:#121b31;padding:0;border-color:#18233d!important;box-shadow:0 24px 54px #14203b24!important}.code-panel .panel-label{color:#bdc9df;background:#18243d;border-color:#31405c;gap:7px;margin:0;padding:14px 14px 12px}.code-panel .panel-label button{color:#bdc9df}.code-panel .panel-label button:hover{color:#fff;background:#263451}.code-panel .panel-label button.is-tab-active{color:#fff;background:#8a6cf0;box-shadow:0 7px 15px #050a193d}.code-panel .code-editor{color:#eef1f8;caret-color:#bdaeff;height:410px;box-shadow:none;background:#121b31;border:0;border-radius:0;margin:0;padding:22px 20px}.code-panel .code-editor:focus{outline-offset:-2px;outline:2px solid #a28cff}.code-panel .lab-reset{color:#c5d0e3;text-align:left;border-top:1px solid #2b3855;width:100%;margin:0;padding:15px 20px}.code-panel .lab-reset:hover{color:#fff;background:#18243d}.preview-panel{background:linear-gradient(145deg,#fff,#f4f2fb);flex-direction:column;min-height:535px;display:flex}.preview-panel .browser-bar{background:linear-gradient(90deg,#ece9f7,#f8f7fc);border-bottom:1px solid #ddd9e8;height:48px;padding:0 19px}.preview-panel .browser-bar i:first-child{background:#ef7f78}.preview-panel .browser-bar i:nth-child(2){background:#edc66d}.preview-panel .browser-bar i:nth-child(3){background:#70c99d}.preview-panel .browser-bar span{text-align:center;background:#fff;border:1px solid #ddd8ea;border-radius:7px;min-width:130px;padding:5px 10px}.preview-panel .device-preview{flex:1;align-items:center;padding:8px 0}.preview-panel .live-frame{border:1px solid #e8e4ee;border-radius:8px;box-shadow:0 16px 35px #27304b14}.preview-controls{border-top:1px solid #e4e1eb;padding-top:12px}.preview-controls button{transition:all .18s}.preview-controls button:hover{color:#4b35b4;border-color:#9d8ae9}.preview-controls button.selected{box-shadow:0 5px 13px #7051eb1b}.code-console{border-radius:13px;margin:24px 28px;box-shadow:0 15px 30px #11182d26}@media (width<=800px){.tool-page .lab-toolbar{padding:14px 15px}.lab-grid{gap:14px}.code-panel .code-editor{height:340px;padding:18px}.preview-panel{min-height:460px}.code-console{min-height:330px;margin:18px}.preview-panel .browser-bar span{flex:1;min-width:0}}@media (prefers-reduced-motion:reduce){.device-preview,.device-preview .live-frame,.preview-controls button{transition:none}}.scan-results{grid-template-columns:repeat(3,1fr);gap:10px;max-width:850px;margin-top:22px;display:grid}.scan-results article{border:1px solid var(--line);background:#fff;border-radius:14px;padding:15px}.scan-results span{color:var(--purple);font:10px DM Mono;display:block}.scan-results b{overflow-wrap:anywhere;margin:8px 0 5px;display:block}.scan-results small{color:var(--muted);font-size:11px;line-height:1.35}@media (width<=800px){.scan-results{grid-template-columns:1fr}}.xray{background:radial-gradient(circle at 85% 16%,#dff3eb 0,transparent 24%),radial-gradient(circle at 7% 74%,#ece5ff 0,transparent 27%),var(--paper)}.xray-url-form{-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#ffffffbf;border:1px solid #d8e0dc;border-radius:17px;max-width:960px;padding:10px;box-shadow:0 16px 35px #1d433513}.xray-url-form input{background:0 0;border-color:#0000;padding:12px 10px}.xray-url-form input:focus{border-color:#0000;box-shadow:inset 0 0 0 2px #8c76e6}.xray-url-form .primary{box-shadow:0 10px 22px #18213c24}.xray-url-form .quiet{margin-left:0}.scan-results{gap:13px}.scan-results article{background:linear-gradient(145deg,#fff,#f4faf7);border-color:#d9e2de;padding:18px;position:relative;overflow:hidden;box-shadow:0 10px 22px #193d3110}.scan-results article:before{content:"";background:linear-gradient(#6bc59e,#7051eb);width:4px;height:100%;position:absolute;top:0;left:0}.xray-grid{align-items:stretch;gap:22px}.site-scan{background:linear-gradient(145deg,#101d2b,#153a35);border:1px solid #1d3f38;position:relative;overflow:hidden;box-shadow:0 26px 50px #132a2529}.site-scan:before{content:"ATLAS SCAN";z-index:2;color:#a7dfc8;letter-spacing:.16em;font:10px DM Mono;position:absolute;top:14px;left:18px}.site-scan:after{content:"";pointer-events:none;background:linear-gradient(110deg,#0000 33%,#87e2c20d 48%,#0000 63%);position:absolute;inset:0}.scan-page{border:1px solid #cfe2d9;border-radius:10px;margin-top:18px;box-shadow:0 18px 40px #07131a66}.scan-frame-wrap{border:1px solid #b7ddcf;margin-top:18px;box-shadow:0 18px 40px #07131a66}.scan-loading{color:#255447;background:#eff8f3}.layer-list{justify-content:center}.layer-list button{background:#ffffffc9;border-color:#d9e3de;padding:19px 20px;position:relative;overflow:hidden;box-shadow:0 8px 18px #183c3110}.layer-list button:after{content:"→";color:#7f74a0;transition:transform .18s;position:absolute;top:50%;right:18px;transform:translateY(-50%)}.layer-list button:hover:not(:disabled):after{transform:translate(4px,-50%)}.layer-list button.chosen{box-shadow:0 13px 26px #7051eb1a}.layer-list button:disabled{background:#f0f2f1}.xray-note{border:1px solid #e4d5a9;box-shadow:0 9px 20px #7a65330c}@media (width<=800px){.xray-url-form{border-radius:14px;padding:9px}.xray-url-form input{width:100%;min-width:0}.xray-url-form .primary{width:100%}.site-scan{min-height:395px}.layer-list button{padding:17px}.scan-page,.scan-frame-wrap{margin-top:20px}}@media (prefers-reduced-motion:reduce){.layer-list button:after{transition:none}}.concept-experience{background:var(--cream);grid-template-columns:.9fr 1.1fr;align-items:center;gap:54px;min-height:calc(100vh - 130px);padding:90px max(8vw,30px);display:grid}.concept-stage{background:#f9f7f0;border:1px solid #d9d0c1;border-radius:28px;height:370px;padding:45px;position:relative;overflow:hidden}.request-card,.response-card{z-index:1;background:#fff;border:1px solid #ded8ec;border-radius:16px;width:185px;padding:18px;position:absolute;box-shadow:0 10px 25px #3e315113}.request-card{top:72px;left:40px}.response-card{bottom:88px;right:40px}.concept-stage small{letter-spacing:.07em;color:var(--purple);margin-bottom:10px;font:10px DM Mono;display:block}.concept-stage b{font:600 16px DM Mono}.travel-dot{background:#ff8c6a;border-radius:50%;width:13px;height:13px;position:absolute;top:143px;left:42%;box-shadow:0 0 0 8px #ff8c6a30}.is-active .travel-dot{animation:1.8s ease-in-out infinite request}.stage-hint{text-align:center;width:100%;color:var(--muted);font-size:13px;position:absolute;bottom:20px;left:0}.dom-tree{color:#58a68d;margin:45px 0 0 55px;font:15px DM Mono}.dom-tree>div{border-left:2px solid #58d3b1;padding:12px 18px}.dom-tree .branch{margin-left:32px}.dom-tree span{align-items:center;gap:12px;margin-top:18px;display:flex}.dom-tree b{opacity:.25;background:#e6faf4;border:1px solid #a8e3d2;border-radius:9px;padding:12px;font:12px DM Mono;transition:all .4s}.is-active .dom-tree b{opacity:1}.box-model{text-align:center;background:#fff0bc;border:25px solid #f5d776;place-items:center;width:245px;height:245px;margin:12px auto;display:grid}.box-model .margin{background:#ffe1d7;border:20px solid #ffb395;place-items:center;width:165px;height:165px;font:12px DM Mono;display:grid}.box-model .border{background:#dfeaff;border:13px solid #7fa9ff;place-items:center;width:105px;height:105px;font-style:normal;display:grid}.box-model .padding{background:#cbf3e7;place-items:center;width:60px;height:60px;font:9px DM Mono;display:grid}.box-model strong{display:none}.is-active .box-model{animation:.7s both boxpop}.concept-bottom{text-align:center;grid-column:1/-1}@keyframes request{50%{background:#58d3b1;transform:translate(150px,130px);box-shadow:0 0 0 8px #58d3b130}}@keyframes boxpop{50%{transform:scale(1.08)}}@media (width<=800px){.concept-experience{grid-template-columns:1fr;padding:65px 25px}.concept-stage{height:330px}.request-card{left:20px}.response-card{right:20px}}.journey{border-block:1px solid var(--line);background:#fff;padding:72px max(8vw,30px)}.journey-head{justify-content:space-between;align-items:flex-end;gap:30px;display:flex}.journey h2{letter-spacing:-.05em;margin:0 0 9px;font-size:42px}.journey-head>div>p:not(.eyebrow){color:var(--muted);max-width:430px;margin:0;line-height:1.5}.journey-count{text-align:right}.journey-count b{letter-spacing:-.06em;font-size:46px}.journey-count b small{color:var(--muted);font-size:20px}.journey-count span{color:var(--muted);font-size:12px;display:block}.journey-track{grid-template-columns:repeat(5,1fr);gap:9px;margin-top:42px;display:grid}.journey-track button{text-align:left;background:0 0;border:0;border-top:2px solid #d9d7df;gap:11px;padding:16px 5px;transition:all .2s;display:flex}.journey-track button:hover,.journey-track button.next{border-color:var(--purple)}.journey-track i{color:#777181;background:#eceaf0;border-radius:50%;place-items:center;min-width:25px;height:25px;font:10px DM Mono;display:grid}.journey-track .next i{background:var(--purple);color:#fff}.journey-track .done{border-color:#58b99d}.journey-track .done i{color:#24836c;background:#dcf4ec}.journey-track span{flex-direction:column;gap:4px;display:flex}.journey-track b{font-size:14px}.journey-track small{color:var(--muted);font-size:11px}.journey-compact{background:#edeaff;border-radius:15px;align-items:center;gap:16px;margin:30px max(8vw,30px);padding:17px 20px;display:flex}.journey-compact>span{color:var(--purple);font:10px DM Mono}.journey-compact>b{font-size:14px}.journey-compact>div{background:#d9d2ef;border-radius:9px;flex:1;height:5px;overflow:hidden}.journey-compact>div i{background:var(--purple);border-radius:9px;height:100%;transition:all .3s;display:block}.journey-compact button{color:var(--purple);background:0 0;border:0;font-size:13px;font-weight:600}@media (width<=800px){.journey{padding:55px 25px}.journey-head{flex-direction:column;align-items:flex-start}.journey-count{text-align:left}.journey-track{grid-template-columns:1fr}.journey-track button{padding:12px 4px}.journey-compact{flex-wrap:wrap;align-items:flex-start;margin:22px 25px}.journey-compact>div{min-width:100%}}.projects-page{background:radial-gradient(circle at 75% 14%,#e7ddff,transparent 25%),var(--paper);min-height:calc(100vh - 78px);padding:82px max(8vw,30px)}.projects-intro{max-width:590px}.projects-intro h1{letter-spacing:-.065em;margin:0 0 18px;font-size:clamp(50px,6vw,80px);line-height:.96}.projects-intro h1 em{font-family:Playfair Display,serif;font-weight:500}.projects-intro>p:not(.eyebrow){color:var(--muted);font-size:18px;line-height:1.5}.project-create{border:1px solid var(--line);background:#fff;border-radius:18px;max-width:720px;margin:42px 0;padding:23px}.project-create label{margin-bottom:9px;font-size:13px;font-weight:600;display:block}.project-create div{gap:10px;display:flex}.project-create input{border:1px solid #d8d4e1;border-radius:10px;flex:1;min-width:0;padding:13px 15px;font:15px Outfit}.empty-project{text-align:center;background:#fcfbf7;border:1px dashed #bcb5cc;border-radius:20px;max-width:720px;padding:48px}.empty-project span{color:var(--purple);font-size:28px}.empty-project h2{letter-spacing:-.05em;margin:12px 0;font-size:31px}.empty-project p{color:var(--muted);max-width:360px;margin:auto;line-height:1.5}.project-list{grid-template-columns:repeat(2,minmax(0,1fr));gap:15px;max-width:960px;display:grid}.project-card{border:1px solid var(--line);background:#fff;border-radius:20px;padding:25px}.project-card-head{color:var(--purple);justify-content:space-between;font:10px DM Mono;display:flex}.project-card-head small{color:var(--muted)}.project-card h2{letter-spacing:-.045em;margin:28px 0 17px;font-size:28px;line-height:1.1}.project-progress{background:#e8e5ed;border-radius:6px;height:6px;margin-bottom:20px;overflow:hidden}.project-progress i{background:var(--purple);border-radius:6px;height:100%;display:block}.milestones{gap:8px;display:grid}.milestones button{text-align:left;color:var(--muted);background:0 0;border:0;padding:5px 0;font-size:13px}.milestones i{border:1px solid #c8c4d0;border-radius:50%;place-items:center;width:18px;height:18px;margin-right:8px;font:11px Outfit;display:inline-grid}.milestones .checked{color:var(--ink)}.milestones .checked i{color:#27866f;background:#dff5ed;border-color:#47b89b}.project-lab{color:var(--purple);margin:18px 0 0;padding-left:0}@media (width<=700px){.projects-page{padding:62px 25px}.project-create div{flex-direction:column}.project-list{grid-template-columns:1fr}.empty-project{padding:35px 22px}}.library-page,.article-page{min-height:calc(100vh - 78px);padding:90px max(8vw,30px)}.library-hero h1,.article-hero h1{letter-spacing:-.065em;margin:0 0 22px;font-size:clamp(48px,6vw,84px);line-height:.96}.library-hero h1 em,.article-action em{font-family:Playfair Display,serif;font-weight:500}.library-hero>p:not(.eyebrow){color:var(--muted);max-width:580px;font-size:18px;line-height:1.55}.library-search{border:1px solid var(--line);background:#fff;border-radius:16px;align-items:center;gap:10px;margin-top:32px;padding:0 17px;display:flex;box-shadow:0 10px 32px #3128460b}.library-search span{color:var(--purple);font-size:21px}.library-search input{height:58px;color:var(--ink);background:0 0;border:0;outline:0;flex:1;font:16px Outfit}.library-categories{flex-wrap:wrap;gap:9px;margin:55px 0 20px;display:flex}.library-categories button{border:1px solid var(--line);background:#fff;border-radius:22px;padding:10px 13px;font-size:13px}.library-categories button.selected{border-color:var(--category,var(--purple));color:#443088;background:#f0edff}.library-categories i{color:var(--category,var(--purple));margin-right:5px;font-style:normal}.library-categories b{opacity:.7;margin-left:5px;font:10px DM Mono}.library-summary{border-top:1px solid var(--line);color:var(--muted);justify-content:space-between;gap:20px;padding:18px 0;font-size:13px;display:flex}.library-summary span{color:var(--ink);font:11px DM Mono}.knowledge-grid{grid-template-columns:repeat(3,1fr);gap:14px;display:grid}.knowledge-card{text-align:left;border:1px solid var(--line);border-top:4px solid var(--category);background:#fff;border-radius:18px;min-height:222px;padding:20px;transition:all .2s;position:relative}.knowledge-card:hover{transform:translateY(-4px);box-shadow:0 16px 32px #31284612}.knowledge-card>div{color:var(--category);justify-content:space-between;gap:8px;font:10px DM Mono;display:flex}.knowledge-card>div small{color:var(--muted)}.knowledge-card h2{letter-spacing:-.045em;margin:33px 0 7px;font-size:25px}.knowledge-card p{color:var(--muted);margin:0;font-size:13px;line-height:1.45}.knowledge-card>b{color:var(--category);font:11px DM Mono;position:absolute;bottom:18px}.library-empty{text-align:center;color:var(--muted);padding:80px}.library-empty span{color:var(--purple);font-size:30px}.article-back{color:var(--muted);background:0 0;border:0;padding:0;font:12px DM Mono}.article-hero{justify-content:space-between;align-items:center;gap:40px;margin-top:50px;display:flex}.article-hero>div:first-child{max-width:670px}.article-hero>div:first-child>p:not(.eyebrow){color:var(--muted);max-width:570px;font-size:20px;line-height:1.5}.article-orbit{border:1px solid var(--category);background:color-mix(in srgb,var(--category) 10%,white);border-radius:50%;flex:0 0 220px;place-items:center;width:220px;height:220px;display:grid;position:relative}.article-orbit span{color:var(--category);font-size:48px}.article-orbit i{border:1px solid var(--category);opacity:.55;border-radius:50%;width:170px;height:62px;position:absolute;transform:rotate(-30deg)}.article-orbit i:last-child{width:132px;height:48px;transform:rotate(42deg)}.article-flow{grid-template-columns:repeat(3,1fr);gap:14px;margin-top:75px;display:grid}.article-flow article{border:1px solid var(--line);background:#fff;border-radius:18px;min-height:235px;padding:27px}.article-flow span{color:var(--category);font:11px DM Mono}.article-flow h2{letter-spacing:-.04em;font-size:23px}.article-flow p{color:var(--muted);font-size:15px;line-height:1.55}.article-action{color:#fff;background:#172039;border-radius:22px;justify-content:space-between;align-items:center;gap:30px;margin-top:55px;padding:35px 38px;display:flex}.article-action .eyebrow{color:#bcaeff}.article-action h2{letter-spacing:-.05em;margin:0;font-size:clamp(27px,3vw,43px);line-height:1.05}.article-action .primary{color:var(--ink);white-space:nowrap;background:#fff}@media (width<=800px){.library-page,.article-page{padding:65px 25px}.knowledge-grid,.article-flow{grid-template-columns:1fr}.article-hero{margin-top:40px;display:block}.article-orbit{margin:35px auto 0}.article-flow{margin-top:45px}.article-flow article{min-height:0}.article-action{padding:30px;display:block}.article-action .primary{margin-top:22px}.library-summary{display:block}.library-summary small{margin-top:8px;display:block}.knowledge-card{min-height:205px}}.difficulty-filter{background:#f3f8f5;border:1px solid #d3e0da;border-radius:14px;flex-wrap:wrap;gap:6px;width:max-content;max-width:100%;margin:0 0 27px;padding:7px;display:flex}.difficulty-filter button{color:#536e63;background:0 0;border:1px solid #0000;border-radius:10px;min-height:38px;padding:7px 11px;font-size:12px;font-weight:600;transition:background .16s,border-color .16s,color .16s,box-shadow .16s}.difficulty-filter button:hover{color:#235b4b;background:#fff;border-color:#b5d0c5}.difficulty-filter button.selected{color:#fff;background:#195e50;border-color:#196d5c;box-shadow:0 3px 8px #143d351a}.difficulty-filter button:focus-visible{outline-offset:2px;outline:3px solid #147c69}.suggestion-box{color:#fff;background:linear-gradient(128deg,#123a32 0,#174c40 58%,#1f6253 100%);border:1px solid #285d52;border-radius:20px;grid-template-columns:minmax(0,1fr) minmax(320px,.95fr);gap:34px;margin-top:58px;padding:34px 36px;display:grid;position:relative;overflow:hidden;box-shadow:0 18px 34px #153d3522}.suggestion-box:after{content:"";pointer-events:none;border:1px solid #c7f0dc30;border-radius:50%;width:250px;height:250px;position:absolute;bottom:-120px;right:-80px}.suggestion-box .eyebrow{color:#b9ead2;margin-bottom:13px}.suggestion-box h2{z-index:1;letter-spacing:-.052em;margin:0 0 8px;font-size:29px;line-height:1.08;position:relative}.suggestion-box p:not(.eyebrow){z-index:1;color:#d0e3d9;max-width:440px;margin:0;line-height:1.6;position:relative}.suggestion-box>div:last-child{z-index:1;flex-wrap:wrap;align-content:center;gap:10px;display:flex;position:relative}.suggestion-box input{color:#173c32;background:#fff;border:1px solid #9ac8b4;border-radius:10px;flex:1;min-width:210px;height:50px;padding:0 13px;font:14px Outfit;box-shadow:inset 0 2px #ffffff26}.suggestion-box input::placeholder{color:#6b8177;opacity:1}.suggestion-box input:focus-visible{outline-offset:3px;border-color:#fff;outline:3px solid #b9ead2}.suggestion-box .primary{min-height:50px;color:var(--ink);white-space:nowrap;background:#fff;border:1px solid #fff;box-shadow:0 7px 16px #09241e2b}.suggestion-box .primary:hover{background:#d9f1e4;border-color:#d9f1e4}.suggestion-box .primary:focus-visible{outline-offset:3px;outline:3px solid #fff}.suggestion-box small{z-index:1;color:#d3e5db;width:100%;min-height:16px;font-size:11px;line-height:1.45;position:relative}@media (width<=800px){.suggestion-box{grid-template-columns:1fr;gap:24px;padding:29px}.suggestion-box>div:last-child{grid-template-columns:minmax(0,1fr) auto;align-items:start;display:grid}.suggestion-box input{width:100%;min-width:0}.suggestion-box small{grid-column:1/-1}}@media (width<=560px){.difficulty-filter{gap:5px;width:100%;padding:6px}.difficulty-filter button{flex:42%;padding-inline:8px}.suggestion-box{border-radius:16px;margin-top:42px;padding:26px 20px}.suggestion-box h2{font-size:27px}.suggestion-box>div:last-child{grid-template-columns:1fr}.suggestion-box .primary{width:100%}}@media (prefers-reduced-motion:reduce){.difficulty-filter button,.suggestion-box .primary{transition:none}}.library-page,.article-page{background:radial-gradient(at 100% 0,#dcebe855,#0000 40%);max-width:1500px;margin:auto;padding-top:48px}.atlas-library-banner{letter-spacing:.12em;color:#405b58;border-bottom:1px solid #cbd4d2;justify-content:space-between;gap:20px;margin-bottom:44px;padding-bottom:24px;font:11px DM Mono,monospace;display:flex}.library-hero h1{letter-spacing:-.055em;font-size:clamp(46px,6vw,82px)}.library-hero>p:not(.eyebrow){max-width:650px}.library-search{border:1px solid #adbfb9;border-radius:12px;max-width:760px;box-shadow:0 12px 36px #163c3210}.library-search:focus-within{outline-offset:3px;outline:3px solid #157c6d55}.library-search input{min-width:0;height:64px;font-size:18px}.library-shortcuts{color:#516762;flex-wrap:wrap;align-items:center;gap:8px;margin-top:18px;font-size:12px;display:flex}.library-shortcuts button{color:#234f45;cursor:pointer;background:#e9eeeb;border:0;border-radius:6px;padding:8px 12px}.library-categories{grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;margin-top:42px;display:grid}.library-categories button{text-align:left;background:#ffffffa8;border-radius:10px;align-items:center;min-height:58px;padding:14px;font-size:13px;display:flex}.library-categories b{margin-left:auto}.library-categories button.selected{color:#fff;background:#173e36;border-color:#173e36}.library-categories button.selected i{color:#b8e3cc}.difficulty-filter button{min-height:40px}.library-summary button{color:#176559;cursor:pointer;background:0 0;border:0;text-decoration:underline}.knowledge-grid{gap:16px}.knowledge-card{border-top:1px solid var(--line);border-radius:12px;flex-direction:column;min-height:250px;padding:24px;display:flex;overflow:hidden}.knowledge-card:before{content:"";background:var(--category);border-radius:4px;width:32px;height:4px;position:absolute;top:0}.knowledge-card h2{margin:28px 0 12px;font-size:27px}.knowledge-card p{margin-bottom:24px;font-size:14px;line-height:1.6}.knowledge-card>b{border-top:1px solid #eef0ee;width:100%;margin-top:auto;padding-top:16px;position:static}.knowledge-card:hover{border-color:var(--category);transform:translateY(-3px)}.article-label{border-left:1px solid var(--line);min-width:150px;color:var(--category);padding:26px}.article-label>span{font-size:44px}.article-label p{letter-spacing:.1em;font:10px DM Mono,monospace}.article-label strong{font-size:20px}.article-hero{margin-bottom:40px}.concept-diagram{color:#eaf6ef;background:#14382f;border-radius:16px;padding:28px}.concept-diagram .eyebrow{color:#aed8c4}.concept-diagram ol{grid-template-columns:repeat(3,minmax(0,1fr));gap:28px;padding:0;list-style:none;display:grid}.concept-diagram li{background:#ffffff08;border:1px solid #608777;border-radius:10px;padding:20px;position:relative}.concept-diagram li:not(:last-child):after{content:"→";color:#b5e8d1;position:absolute;top:45%;right:-23px}.concept-diagram li>span{color:#91c9b0;font:12px DM Mono,monospace}.concept-diagram li p{margin-bottom:0;font-size:18px;line-height:1.45}.concept-diagram small{color:#bdd2c8}.article-flow{margin-top:24px}.article-flow article{border-radius:12px}.article-flow p{white-space:pre-wrap;overflow-wrap:anywhere}.concept-warning{background:#f5ebd7;border-left:3px solid #a47b32;border-radius:0 10px 10px 0;margin-top:24px;padding:22px 26px}.concept-warning p{margin-bottom:0;line-height:1.6}.article-action{background:#14382f;border-radius:12px}.library-page button:focus-visible,.article-page button:focus-visible{outline-offset:4px;outline:3px solid #198d79}@media (width<=1000px){.knowledge-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.article-flow{grid-template-columns:1fr}.article-flow article{min-height:0}}@media (width<=600px){.library-page,.article-page{padding:30px 18px}.atlas-library-banner{flex-direction:column;gap:10px;margin-bottom:30px;font-size:10px}.library-categories{grid-template-columns:repeat(2,minmax(0,1fr))}.library-categories button{padding:10px;font-size:11px}.knowledge-grid{grid-template-columns:1fr}.knowledge-card{min-height:220px}.article-label{display:none}.concept-diagram{padding:20px}.concept-diagram ol{grid-template-columns:1fr;gap:26px}.concept-diagram li:not(:last-child):after{content:"↓";top:auto;bottom:-25px;right:50%}.library-empty{padding:36px 12px}.library-search input{font-size:16px}.article-hero h1{overflow-wrap:anywhere}}.encyclopedia-reading{grid-template-columns:210px minmax(0,760px);align-items:start;gap:48px;margin:36px 0 52px;display:grid}.encyclopedia-reading>aside{border-top:2px solid #176559;padding-top:18px;position:sticky;top:100px}.encyclopedia-reading nav{gap:14px;margin:20px 0;display:grid}.encyclopedia-reading a{color:#176559;text-underline-offset:4px}.encyclopedia-reading aside a{font-size:14px;line-height:1.5;text-decoration:none}.encyclopedia-reading aside small{color:#64756e;font-size:11px}.encyclopedia-reading article p,.encyclopedia-summary>p:not(.eyebrow){color:#35443e;max-width:72ch;font-size:18px;line-height:1.85}.encyclopedia-reading article h2{letter-spacing:-.035em;margin:36px 0 12px;font-size:27px}.encyclopedia-reading section{scroll-margin-top:110px}.encyclopedia-reading .article-introduction{color:#23372e;margin-top:0;font-size:21px}.encyclopedia-summary{max-width:820px;margin:30px 0 45px}.encyclopedia-summary h2{font-size:28px}.encyclopedia-summary .eyebrow{color:#65776b;font-size:10px}.encyclopedia-reading li{margin:12px 0}@media (width<=800px){.encyclopedia-reading{grid-template-columns:1fr;gap:24px}.encyclopedia-reading>aside{position:static}.encyclopedia-reading nav{flex-wrap:wrap;gap:12px;display:flex}.encyclopedia-reading article p,.encyclopedia-summary>p:not(.eyebrow){font-size:17px}.encyclopedia-reading .article-introduction{font-size:19px}}.reading-tools{color:#40584c;flex-wrap:wrap;align-items:center;gap:14px;margin:24px 0;font-size:13px;display:flex}.reading-tools label{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.reading-tools select,.reading-tools button{font:inherit;color:#254c3c;background:#fff;border:1px solid #aabdb1;border-radius:8px;min-height:44px;padding:9px 12px}.reading-tools button[aria-pressed=true]{color:#fff;background:#173e36}.reading-tools span{font-size:12px}.related-concepts{margin:42px 0}.related-concepts>div{grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:12px;display:grid}.related-concepts a{color:#224936;background:#fff;border:1px solid #bdcdc3;border-radius:10px;flex-direction:column;gap:12px;padding:20px;text-decoration:none;display:flex}.related-concepts a:hover{background:#e9f2ec}.related-concepts a:focus-visible{outline-offset:3px;outline:3px solid #198d79}.related-concepts span{font-size:14px;line-height:1.6}.related-concepts small{font-size:11px}.library-more{text-align:center;margin:32px 0}.library-more p{color:#52665a;font-size:13px}.knowledge-card>small{color:#52665a;margin-bottom:10px;font-size:11px}.library-page{--library-forest:#143d35;--library-accent:#147c69;--library-mist:#edf5f1;--library-border:#c7d7d0;--library-muted:#526860;background:radial-gradient(54% 31% at 100% 2%,#cae6da8c,#0000 72%),linear-gradient(#fbfdfb 0,#f8faf8 100%);padding-bottom:88px}.atlas-library-banner{color:#48635a;border-color:#c5d5ce;align-items:flex-start;margin-bottom:clamp(30px,5vw,56px);padding:0 0 18px;line-height:1.5}.atlas-library-banner>span:last-child{text-align:right;color:#667a72}.library-hero{max-width:840px}.library-hero .eyebrow{color:#176559;margin-bottom:16px}.library-hero h1{color:#173830;max-width:760px;margin-bottom:24px;line-height:.93}.library-hero h1 em{color:#147260}.library-hero>p:not(.eyebrow){color:#50645d;max-width:640px}.library-search{background:#fff;border:1px solid #aec5ba;border-radius:16px;max-width:780px;margin-top:30px;padding:0 19px;transition:border-color .18s,box-shadow .18s,transform .18s;position:relative;box-shadow:0 14px 34px #153d3212}.library-search:hover{border-color:#6c9c8e;box-shadow:0 16px 38px #153d3218}.library-search:focus-within{border-color:#147c69;box-shadow:0 0 0 4px #147c691c,0 16px 38px #153d3218}.library-search span{color:#147c69;font-size:24px;line-height:1}.library-search input{color:#183d34;height:66px;font-size:17px}.library-search input::placeholder{color:#789087;opacity:1}.library-shortcuts{color:#5a7067;gap:8px;margin-top:16px}.library-shortcuts>span{letter-spacing:.08em;text-transform:uppercase;margin-right:3px;font:10px DM Mono,monospace}.library-shortcuts button{color:#24594c;background:#f1f7f3;border:1px solid #d5e2dc;border-radius:999px;min-height:34px;padding:6px 10px;font-size:12px;font-weight:600;transition:background .16s,border-color .16s,transform .16s}.library-shortcuts button:hover{background:#e4f1eb;border-color:#8eb8a8;transform:translateY(-1px)}.library-categories{grid-template-columns:repeat(auto-fit,minmax(172px,1fr));gap:10px;margin:46px 0 20px}.library-categories button{color:#294d43;background:linear-gradient(145deg,#fff,#f8fbf9);border:1px solid #cbd9d3;border-radius:13px;min-height:68px;padding:13px 14px;font-size:13px;font-weight:600;line-height:1.2;transition:border-color .16s,background .16s,box-shadow .16s,transform .16s;box-shadow:inset 0 1px #fff}.library-categories button:hover{border-color:var(--category,#78a496);transform:translateY(-1px);box-shadow:0 8px 18px #153d320c}.library-categories i{background:color-mix(in srgb,var(--category,#176559) 13%,white);width:25px;height:25px;color:var(--category,#176559);border-radius:8px;place-items:center;margin-right:8px;font-size:14px;display:inline-grid}.library-categories b{color:#527267;opacity:1;background:#fff;border:1px solid #d2dfd9;border-radius:999px;place-items:center;min-width:27px;min-height:25px;margin-left:auto;padding:2px 6px;font:10px DM Mono,monospace;display:inline-grid}.library-categories button.selected,.library-categories button[aria-pressed=true]{color:#fff;background:linear-gradient(135deg,#173f36,#1d5b4e);border-color:#173f36;box-shadow:0 10px 21px #143d3522}.library-categories button.selected i,.library-categories button[aria-pressed=true] i{color:#c9f0dc;background:#ffffff1c}.library-categories button.selected b,.library-categories button[aria-pressed=true] b{color:#fff;background:#ffffff18;border-color:#ffffff2b}.reading-tools{color:#3f5f54;background:#f6faf8;border:1px solid #d1ded8;border-radius:14px;gap:10px;margin:22px 0;padding:13px}.reading-tools label{gap:7px;font-size:12px;font-weight:600}.reading-tools select,.reading-tools button{color:#234e42;background:#fff;border-color:#b9ccc3;border-radius:9px;min-height:42px;transition:border-color .16s,background .16s,box-shadow .16s}.reading-tools select:hover,.reading-tools button:hover{background:#fafffc;border-color:#6da18f}.reading-tools button[aria-pressed=true]{color:#fff;background:#173f36;border-color:#173f36}.library-summary{color:#5d7169;border-block:1px solid #d5e1dc;align-items:center;margin-top:4px;padding:17px 2px}.library-summary span{color:#205646;background:#e5f2eb;border-radius:999px;padding:7px 10px;font:11px DM Mono,monospace}.library-summary button{color:#216452;text-underline-offset:4px;min-height:36px;padding:7px 4px;font-size:12px;font-weight:600}.library-summary button:hover{color:#0e4c3d}.knowledge-grid{grid-template-columns:repeat(auto-fill,minmax(238px,1fr));gap:15px;margin-top:22px}.knowledge-card{border:1px solid #cfdcd6;color:#1d3d35;background:linear-gradient(150deg,#fff,#fbfdfc);border-top:1px solid #cfdcd6;border-radius:15px;min-height:274px;padding:20px 20px 18px;transition:border-color .18s,box-shadow .18s,transform .18s;overflow:hidden;box-shadow:0 3px 10px #153d3207}.knowledge-card:before{width:48px;height:4px;top:0;left:20px}.knowledge-card>div{color:var(--category);letter-spacing:.045em;align-items:center;font-size:10px}.knowledge-card>div small{color:#697d74;letter-spacing:0;font-size:10px}.knowledge-card h2{color:#183a32;letter-spacing:-.048em;margin:23px 0 10px;font-size:25px;line-height:1.04}.knowledge-card>small{color:#48665b;background:#edf4f0;border-radius:999px;align-items:center;width:max-content;max-width:100%;min-height:23px;margin:0 0 11px;padding:3px 7px;font:10px/1.3 DM Mono,monospace;display:inline-flex}.knowledge-card p{color:#586f66;-webkit-line-clamp:3;-webkit-box-orient:vertical;min-height:3.9em;margin:0;font-size:13px;line-height:1.52;display:-webkit-box;overflow:hidden}.knowledge-card>b{min-height:39px;color:var(--category);border-color:#e0e9e4;align-items:center;padding-top:13px;font:11px DM Mono,monospace;display:flex}.knowledge-card:hover{border-color:var(--category);transform:translateY(-3px);box-shadow:0 13px 28px #153d3214}.knowledge-card:focus-visible{border-color:var(--category);box-shadow:0 0 0 4px #147c6930,0 13px 28px #153d3214}.library-more{margin:38px 0 8px}.library-more .primary{background:#173f36;min-height:48px;box-shadow:0 8px 18px #153d3517}.library-more .primary:hover{background:#0e5142}.library-more p{color:#60766c;margin-top:12px}.library-empty{color:#546b61;background:#f5faf7;border:1px dashed #a7c0b5;border-radius:18px;max-width:640px;margin:30px auto 0;padding:54px 30px}.library-empty span{color:#176559;background:#e1f1e9;border-radius:50%;place-items:center;width:48px;height:48px;display:inline-grid}.library-empty h2{color:#1d473b;letter-spacing:-.045em;margin-bottom:8px;font-size:29px}.library-page :is(button,input,select):focus-visible{outline-offset:3px;outline:3px solid #147c69}@media (width<=1100px){.knowledge-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}@media (width<=800px){.library-page{padding-top:42px;padding-bottom:60px}.atlas-library-banner{margin-bottom:34px}.library-categories{grid-template-columns:repeat(2,minmax(0,1fr));margin-top:36px}.knowledge-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.reading-tools{align-items:stretch}.reading-tools label{flex:210px;justify-content:space-between}.reading-tools select{flex:1;min-width:0}.reading-tools button{flex:180px}}@media (width<=560px){.library-page{padding-inline:18px}.atlas-library-banner{gap:7px;padding-bottom:15px;font-size:9px}.atlas-library-banner>span:last-child{text-align:left}.library-hero h1{font-size:clamp(42px,13vw,58px)}.library-search{border-radius:13px;margin-top:25px;padding:0 15px}.library-search input{height:58px;font-size:16px}.library-search span{font-size:21px}.library-shortcuts{gap:6px}.library-shortcuts>span{width:100%;margin-bottom:1px}.library-shortcuts button{min-height:36px}.library-categories{gap:8px;margin-top:30px}.library-categories button{min-height:60px;padding:10px;font-size:12px}.library-categories i{width:22px;height:22px;margin-right:5px;font-size:12px}.library-categories b{min-width:23px;min-height:22px;padding-inline:4px}.difficulty-filter{margin-bottom:20px}.reading-tools{grid-template-columns:1fr;padding:10px;display:grid}.reading-tools label{grid-template-columns:80px minmax(0,1fr);align-items:center;display:grid}.reading-tools button{width:100%}.library-summary{flex-direction:column;align-items:flex-start;gap:6px}.knowledge-grid{grid-template-columns:1fr;gap:12px;margin-top:18px}.knowledge-card{min-height:244px;padding:18px}.knowledge-card h2{margin-top:20px;font-size:24px}.knowledge-card:before{left:18px}.library-empty{padding:40px 20px}}@media (prefers-reduced-motion:reduce){.library-page *,.library-page :before,.library-page :after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}.knowledge-card:hover,.library-shortcuts button:hover,.library-categories button:hover{transform:none}}.library-empty .primary{margin-top:12px}.guide-disclosure{border:1px dashed var(--category);background:#fff;border-radius:18px;margin-top:35px;padding:27px 30px}.guide-disclosure b{font-size:18px}.guide-disclosure p{max-width:720px;color:var(--muted);line-height:1.55}.guide-disclosure .quiet{color:var(--category);margin-left:0;padding-left:0}