:root{color-scheme:light;--ink:#172033;--muted:#667085;--paper:#f7f8fa;--white:#fff;--line:#e4e7ec;--blue:#435cf5;--blue-dark:#3045d6;--lime:#d7ff65;--orange:#ff875c;--navy:#111827;--mono:"DM Mono",monospace;--sans:"DM Sans",Arial,sans-serif;--display:"Space Grotesk","DM Sans",sans-serif}
*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:90px}body{margin:0;background:var(--paper);color:var(--ink);font:15px/1.55 var(--sans);-webkit-font-smoothing:antialiased}a{color:inherit;text-decoration:none}button,input{font:inherit}::selection{background:var(--lime);color:var(--navy)}
.announcement{height:31px;background:var(--navy);color:#cbd2df;display:flex;align-items:center;justify-content:center;gap:10px;font:9px var(--mono);letter-spacing:.12em}.announcement-mark{color:var(--lime);font-size:13px}.announcement-divider{color:#596477}
.site-header{height:76px;padding:0 max(24px,calc((100vw - 1190px)/2));display:flex;align-items:center;justify-content:space-between;background:#f7f8faeF;border-bottom:1px solid var(--line);position:sticky;top:0;z-index:30;backdrop-filter:blur(14px)}.wordmark{display:flex;align-items:center;gap:10px;font:700 16px var(--display);letter-spacing:-.06em}.wordmark-icon{width:35px;height:35px;display:grid;place-items:center;background:var(--blue);color:#fff;border-radius:10px;font:700 21px var(--display);transform:rotate(-5deg)}.wordmark-icon span{color:var(--lime)}.wordmark-light{font-weight:400;color:#8590a3;margin-left:3px}.main-nav{display:flex;align-items:center;gap:32px;color:#566176;font-size:12px;font-weight:600}.main-nav>a:not(.nav-github):hover{color:var(--blue)}.nav-github{padding:10px 15px;border:1px solid #d6dbe5;border-radius:5px;color:var(--ink)}.nav-github span{color:var(--blue);margin-left:8px}.menu-button{display:none;background:transparent;border:1px solid var(--line);border-radius:5px;padding:8px 11px}
main{max-width:1190px;margin:auto;padding:0 28px}.hero{min-height:620px;position:relative;display:grid;grid-template-columns:1fr 1fr;align-items:center;gap:30px;padding:68px 0 95px;border-bottom:1px solid var(--line)}.hero-copy{position:relative;z-index:2}.eyebrow,.section-index{font:9px var(--mono);letter-spacing:.14em;color:#6b7890}.eyebrow{display:flex;align-items:center;gap:10px}.eyebrow-pulse{width:7px;height:7px;border-radius:50%;background:#4fce9b;box-shadow:0 0 0 5px #4fce9b20;animation:pulse 2s infinite}.hero h1{font:700 clamp(62px,7vw,92px)/.98 var(--display);letter-spacing:-.09em;margin:27px 0 22px}.headline-accent{color:var(--blue);position:relative;white-space:nowrap}.headline-accent:after{content:"";position:absolute;left:0;right:3px;bottom:-5px;height:7px;background:var(--lime);z-index:-1;transform:rotate(-2deg)}.hero-description{max-width:450px;color:#667085;font-size:15px;line-height:1.85}.hero-buttons{display:flex;align-items:center;gap:24px;margin-top:29px}.button{min-height:48px;padding:0 19px;display:inline-flex;align-items:center;justify-content:center;gap:27px;border-radius:5px;font-size:12px;font-weight:700;transition:transform .2s,background .2s,box-shadow .2s}.button:hover{transform:translateY(-3px)}.button-primary{background:var(--blue);color:#fff;box-shadow:0 8px 18px #435cf526}.button-primary:hover{background:var(--blue-dark);box-shadow:0 12px 25px #435cf538}.button-primary span{color:var(--lime);font-size:16px}.text-link{font-size:11px;font-weight:700;color:#536078}.text-link span{color:var(--blue);margin-left:8px}.hero-proof{display:flex;align-items:center;gap:13px;margin-top:54px;color:#8992a2;font-size:9px;line-height:1.5}.hero-proof b{color:#344054;font-weight:700}.proof-avatars{display:flex;padding-left:3px}.proof-avatars i{width:29px;height:29px;margin-left:-4px;border:2px solid var(--paper);border-radius:50%;display:grid;place-items:center;background:#e8ecff;color:#4055d7;font:8px var(--mono);font-style:normal}.proof-avatars i:nth-child(2){background:#e9f8d1;color:#4d6723}.proof-avatars i:nth-child(3){background:#ffe8de;color:#a64d2c}
.hero-stage{height:450px;position:relative;display:grid;place-items:center;isolation:isolate}.stage-grid{position:absolute;inset:4% 0;background-image:linear-gradient(#dce2ed 1px,transparent 1px),linear-gradient(90deg,#dce2ed 1px,transparent 1px);background-size:34px 34px;mask-image:radial-gradient(ellipse,#000 10%,transparent 73%);opacity:.65}.stage-ring{position:absolute;width:390px;height:390px;border:1px solid #b9c4e5;border-radius:50%;animation:spin 35s linear infinite}.ring-one:before,.ring-two:before{content:"";position:absolute;width:11px;height:11px;border-radius:50%;background:var(--orange);top:45px;left:50px;box-shadow:0 0 0 7px #ff875c20}.ring-two{width:300px;height:300px;border-style:dashed;border-color:#c9d0e2;animation-direction:reverse}.ring-two:before{top:auto;left:auto;right:8px;bottom:68px;width:8px;height:8px;background:var(--blue);box-shadow:0 0 0 6px #435cf51c}.workflow-card{position:absolute;border:1px solid #e1e5ed;border-radius:9px;background:#fff;box-shadow:0 22px 55px #17203316}.workflow-core{z-index:3;width:265px;height:280px;padding:19px;display:flex;flex-direction:column;transform:rotate(3deg);animation:core-hover 7s ease-in-out infinite}.core-top{display:flex;align-items:center;gap:8px;color:#69758b;font:8px var(--mono);letter-spacing:.08em}.core-version{margin-left:auto;color:#a1a9b7}.core-dot{width:7px;height:7px;border-radius:50%;background:#49c68d;box-shadow:0 0 0 4px #49c68d20}.core-glyph{margin:29px 0 12px;width:42px;height:42px;display:grid;place-items:center;border-radius:11px;background:#edf0ff;color:var(--blue);font-size:25px}.workflow-core strong{font:700 31px/.99 var(--display);letter-spacing:-.07em}.workflow-core strong em{font-style:normal;color:var(--blue)}.core-tags{display:flex;justify-content:space-between;margin-top:auto;padding-top:13px;border-top:1px solid #edf0f4;color:#7d8799;font:7px var(--mono);letter-spacing:.06em}.workflow-source{width:165px;height:174px;left:1%;top:78px;padding:15px;transform:rotate(-9deg);animation:side-hover 8s ease-in-out infinite}.workflow-output{width:167px;height:160px;right:0;bottom:64px;padding:15px;transform:rotate(7deg);animation:side-hover 7s ease-in-out -2s infinite}.workflow-index{font:8px var(--mono);letter-spacing:.08em;color:#8791a3}.source-lines{display:grid;gap:5px;margin:18px 0 12px}.source-lines i{height:4px;width:90%;background:#dfe4ef;border-radius:5px}.source-lines i:nth-child(2){width:65%}.source-lines i:nth-child(3){width:78%}.workflow-source>b,.workflow-output>b{font:700 17px/1.05 var(--display);letter-spacing:-.05em}.source-corner{position:absolute;right:14px;bottom:12px;color:var(--blue)}.output-check{width:32px;height:32px;margin:17px 0 10px;border-radius:50%;display:grid;place-items:center;background:#e9f8d8;color:#5c8b24;font-weight:800}.output-caption{display:block;margin-top:13px;color:#8b95a6;font:7px var(--mono);letter-spacing:.05em}.stage-label{position:absolute;color:#8892a4;font:8px var(--mono);letter-spacing:.12em}.label-top{top:14px;left:14%}.label-bottom{bottom:12px;right:9%}.stage-sticker{position:absolute;right:3%;top:32px;width:68px;height:68px;border-radius:50%;background:var(--lime);display:grid;place-content:center;text-align:center;color:#28351a;font:700 10px/1.1 var(--display);transform:rotate(12deg);box-shadow:0 8px 20px #a8c94b40;animation:sticker-hover 5s ease-in-out infinite}.stage-sticker span{font-size:13px}.hero-foot{position:absolute;bottom:20px;left:0;right:0;display:flex;gap:25px;color:#8b94a3;font:8px var(--mono);letter-spacing:.1em}.hero-foot-right{margin-left:auto}
.signal-bar{min-height:86px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line);gap:20px}.signal-bar>span{color:#8992a2;font:8px var(--mono);letter-spacing:.13em}.signal-bar>div{display:flex;align-items:center;gap:19px;color:#465269;font:600 12px var(--display)}.signal-bar i{color:var(--blue);font-style:normal;font-size:9px}
.featured-section,.library-section{padding:104px 0 96px}.section-heading,.library-heading{display:flex;justify-content:space-between;align-items:end;gap:30px;margin-bottom:38px}.section-heading h2,.library-heading h2,.principles-heading h2,.closing-section h2{font:700 clamp(43px,5vw,65px)/1.02 var(--display);letter-spacing:-.08em;margin:15px 0 0}.section-heading h2 span,.library-heading h2 span,.principles-heading h2 span{color:var(--blue)}.section-heading>p{max-width:360px;margin:0 0 4px;color:#69758a;font-size:13px;line-height:1.85}
.feature-product{display:grid;grid-template-columns:1.05fr .95fr;background:#fff;border:1px solid var(--line);border-radius:9px;overflow:hidden}.feature-art{min-height:440px;position:relative;display:flex;align-items:center;justify-content:center;padding:50px 35px;background:#eaf0ff;border-right:1px solid #e0e6f5;overflow:hidden}.feature-art:before{content:"";position:absolute;width:430px;height:430px;border:1px solid #c6d1f0;border-radius:50%;box-shadow:0 0 0 38px #dce5fa80,0 0 0 76px #dce5fa55}.art-topline{position:absolute;top:21px;left:23px;right:23px;display:flex;justify-content:space-between;color:#7382a5;font:8px var(--mono);letter-spacing:.1em}.browser-window{position:relative;z-index:1;width:min(100%,440px);height:285px;background:#fff;border:1px solid #dce2ed;border-radius:7px;box-shadow:0 25px 60px #273d751f;overflow:hidden;transform:rotate(-2deg);animation:browser-hover 8s ease-in-out infinite}.browser-bar{height:29px;display:flex;align-items:center;gap:5px;padding:0 10px;border-bottom:1px solid #edf0f5}.browser-bar>span{width:6px;height:6px;border-radius:50%;background:#d3d9e5}.browser-bar>div{margin:auto;color:#9aa3b2;font:7px var(--mono)}.browser-bar>b{color:#9aa3b2;font-size:8px}.browser-content{height:224px;display:grid;grid-template-columns:42px 1fr}.browser-content aside{padding:14px 9px;border-right:1px solid #edf0f5}.browser-content aside b,.browser-content aside i{display:block;height:5px;margin-bottom:11px;border-radius:4px;background:#dfe5f1}.browser-content aside b{background:#9caef5}.browser-content aside i:nth-child(3){width:65%}.mock-page{padding:12px 16px}.mock-nav{display:flex;justify-content:space-between;align-items:center;color:#65728a;font-size:7px}.mock-nav b{font:700 11px var(--display);color:#202b42}.mock-hero{display:grid;grid-template-columns:1fr .85fr;gap:10px;margin-top:21px}.mock-hero small{display:block;color:#9aa3b2;font:6px var(--mono);letter-spacing:.08em}.mock-hero strong{display:block;margin:8px 0;font:700 24px/.96 var(--display);letter-spacing:-.08em;color:#24314a}.mock-hero strong em{color:var(--blue);font-style:normal}.mock-hero>div>i{display:block;width:85%;height:3px;margin:5px 0;background:#e7eaf0}.mock-hero>div>i:nth-of-type(2){width:60%}.mock-hero button{margin-top:8px;padding:6px 9px;border:0;border-radius:2px;background:var(--blue);color:#fff;font:6px var(--sans)}.mock-image{min-height:130px;padding:9px;background:#dbe4ff;display:flex;flex-direction:column;justify-content:space-between;color:#5269bd}.mock-image span{font:7px var(--mono)}.mock-image b{font:700 14px/.95 var(--display);letter-spacing:-.05em}.mock-cards{display:grid;grid-template-columns:repeat(3,1fr);gap:7px;margin-top:14px}.mock-cards i{height:29px;background:#f0f2f7;border:1px solid #e7eaf0}.browser-footer{height:31px;display:flex;align-items:center;justify-content:center;gap:12px;border-top:1px solid #edf0f5;color:#78859b;font:7px var(--mono)}.browser-footer b{color:var(--blue)}.art-note{position:absolute;bottom:20px;left:24px;right:24px;display:flex;justify-content:space-between;color:#7c8bae;font:8px var(--mono);letter-spacing:.1em}.art-note span{color:var(--blue);font-size:13px}
.feature-details{padding:clamp(30px,4vw,55px);display:flex;flex-direction:column;justify-content:center}.product-labels{display:flex;gap:8px;align-items:center;color:#8b95a6;font:8px var(--mono);letter-spacing:.1em}.label-featured{padding:5px 8px;background:#edf0ff;color:var(--blue);border-radius:3px}.feature-details h3{margin:21px 0 13px;font:700 clamp(31px,3.5vw,43px)/1.04 var(--display);letter-spacing:-.075em}.feature-details>p{margin:0;color:#69758a;font-size:12px;line-height:1.85}.feature-list{display:grid;gap:9px;margin:20px 0 25px;padding:0;list-style:none;color:#536078;font-size:11px}.feature-list li:before{content:"↗";margin-right:9px;color:var(--blue);font-weight:700}.edition-box{border-top:1px solid #edf0f4}.edition-row{display:grid;grid-template-columns:32px 1fr auto;align-items:center;gap:10px;padding:14px 0;border-bottom:1px solid #edf0f4}.edition-badge{width:29px;height:29px;display:grid;place-items:center;border-radius:6px;font:700 12px var(--display)}.free-badge{background:#eaf6dc;color:#547b25}.pro-badge{background:#f0ebff;color:#6c54bd}.edition-row b{display:block;font-size:11px}.edition-row small{display:block;margin-top:3px;color:#929aaa;font-size:9px}.edition-row>a{color:var(--blue);font-size:10px;font-weight:700}.premium-row>a{color:#8b79bd}
.library-section{padding-top:0}.library-heading{margin-bottom:28px}.all-repos{font-size:10px;font-weight:700;color:var(--blue);padding-bottom:6px}.library-toolbar{display:flex;align-items:center;justify-content:space-between;gap:18px;margin-bottom:17px}.search-wrap{width:min(370px,100%);height:43px;display:flex;align-items:center;gap:10px;padding:0 13px;background:#fff;border:1px solid var(--line);border-radius:5px;color:#8b95a6}.search-wrap>span{font-size:19px}.search-wrap input{width:100%;border:0;outline:0;background:transparent;color:var(--ink);font-size:11px}.search-wrap input::placeholder{color:#a0a8b5}.filter-group{display:flex;gap:4px}.filter-button{padding:8px 12px;border:1px solid transparent;border-radius:4px;background:transparent;color:#758096;font-size:10px;cursor:pointer}.filter-button.is-active{background:#eaf0ff;border-color:#dce4ff;color:var(--blue);font-weight:700}.product-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}.repo-card{min-height:178px;padding:19px;background:#fff;border:1px solid var(--line);border-radius:7px;display:flex;flex-direction:column;transition:transform .22s,border-color .22s,box-shadow .22s}.repo-card:hover{transform:translateY(-4px);border-color:#aebcf9;box-shadow:0 14px 30px #263b7510}.repo-meta,.repo-bottom{display:flex;align-items:center;justify-content:space-between;gap:8px}.repo-type,.repo-stars{color:#8a94a5;font:8px var(--mono);letter-spacing:.07em}.repo-icon{width:28px;height:28px;margin:14px 0 7px;display:grid;place-items:center;border-radius:6px;background:#edf0ff;color:var(--blue);font-size:13px}.repo-card h3{margin:0 0 6px;font:700 14px var(--display);letter-spacing:-.025em;overflow-wrap:anywhere}.repo-card p{margin:0 0 15px;color:#778196;font-size:10px;line-height:1.65;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}.repo-bottom{margin-top:auto}.repo-bottom span{color:#9aa3b2;font:8px var(--mono)}.repo-bottom a{color:var(--blue);font-size:10px;font-weight:700}.loading-card{height:178px;border:1px solid var(--line);border-radius:7px;background:linear-gradient(100deg,#f0f2f6 20%,#e6eaf2 40%,#f0f2f6 60%);background-size:200% 100%;animation:loading 1.5s infinite}.empty-state{grid-column:1/-1;padding:32px;text-align:center;border:1px dashed #cbd2df;border-radius:6px;color:#7d8799;font-size:12px}.library-foot{display:flex;justify-content:space-between;gap:12px;margin-top:14px;color:#929aaa;font:8px var(--mono);letter-spacing:.1em}
.premium-section{margin:0 -28px;padding:88px max(28px,calc((100vw - 1134px)/2));display:grid;grid-template-columns:.9fr 1fr;gap:9%;align-items:center;background:var(--navy);color:#fff;overflow:hidden}.premium-visual{height:340px;position:relative;display:grid;place-items:center}.premium-halo{position:absolute;width:280px;height:280px;border:1px solid #56627a;border-radius:50%;box-shadow:0 0 0 35px #ffffff08,0 0 0 70px #ffffff05;animation:halo 6s ease-in-out infinite}.premium-ticket{position:relative;width:260px;height:235px;padding:20px;background:#1e293b;border:1px solid #46536a;border-radius:8px;box-shadow:0 25px 60px #0005;display:flex;flex-direction:column;justify-content:space-between;transform:rotate(-5deg);animation:ticket-hover 7s ease-in-out infinite}.premium-ticket>span{color:#a9b4c8;font:8px var(--mono);letter-spacing:.1em}.premium-ticket>b{font:700 33px/.98 var(--display);letter-spacing:-.07em}.premium-ticket em{color:var(--lime);font-style:normal}.ticket-bottom{display:flex;justify-content:space-between;align-items:center;color:#a9b4c8;font:8px var(--mono);letter-spacing:.08em}.ticket-bottom span:last-child{color:var(--lime);font-size:17px}.premium-float{position:absolute;right:13%;top:35px;width:54px;height:54px;border-radius:50%;background:var(--lime);color:#26351a;display:grid;place-content:center;text-align:center;font:700 20px var(--display);transform:rotate(12deg);box-shadow:0 8px 25px #d7ff6530}.premium-float span{font-size:10px}.premium-copy .section-index{color:#a7b2c6}.premium-copy h2{margin:16px 0 17px;font:700 clamp(43px,5vw,63px)/1.02 var(--display);letter-spacing:-.08em}.premium-copy h2 span{color:var(--lime)}.premium-copy>p{max-width:470px;color:#b3bdcd;font-size:13px;line-height:1.85}.premium-benefits{display:grid;gap:12px;margin:25px 0;color:#e4e9f1;font-size:11px}.premium-benefits div{display:flex;align-items:center;gap:13px}.premium-benefits b{color:var(--lime);font:9px var(--mono)}.premium-notice{display:flex;align-items:flex-start;gap:11px;max-width:430px;padding:14px;border:1px solid #354158;border-radius:5px;background:#ffffff08}.notice-dot{width:7px;height:7px;margin-top:5px;border-radius:50%;background:var(--lime);box-shadow:0 0 0 5px #d7ff6518}.premium-notice b{display:block;font-size:10px}.premium-notice small{display:block;margin-top:4px;color:#9da9bc;font-size:9px;line-height:1.5}
.principles-section{padding:98px 0;display:grid;grid-template-columns:.8fr 1.2fr;gap:7%}.principles-heading h2{margin-top:17px}.principles-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;align-self:end}.principles-grid article{padding-top:17px;border-top:1px solid #cfd5df}.principles-grid article>span{color:var(--blue);font:9px var(--mono)}.principles-grid h3{margin:24px 0 8px;font:700 14px var(--display)}.principles-grid p{margin:0;color:#778196;font-size:10px;line-height:1.75}
.closing-section{padding:68px 0 82px;border-top:1px solid var(--line);display:flex;align-items:end;justify-content:space-between;gap:25px}.closing-section h2{margin-top:16px}.closing-section h2 span{color:var(--blue)}.site-footer{min-height:78px;padding:18px max(24px,calc((100vw - 1190px)/2));display:flex;align-items:center;justify-content:space-between;gap:16px;background:#fff;border-top:1px solid var(--line);color:#8992a2;font:8px var(--mono);letter-spacing:.09em}.site-footer .wordmark{color:var(--ink);font:700 14px var(--display)}.site-footer .wordmark-icon{width:29px;height:29px;font-size:16px}
@keyframes spin{to{transform:rotate(360deg)}}@keyframes core-hover{0%,100%{translate:0 0}50%{translate:0 -9px}}@keyframes side-hover{0%,100%{translate:0 0}50%{translate:0 8px}}@keyframes sticker-hover{0%,100%{translate:0 0;rotate:0deg}50%{translate:0 -7px;rotate:5deg}}@keyframes pulse{50%{box-shadow:0 0 0 8px #4fce9b08}}@keyframes browser-hover{0%,100%{translate:0 0}50%{translate:0 -6px}}@keyframes ticket-hover{0%,100%{translate:0 0}50%{translate:0 -8px}}@keyframes halo{50%{scale:1.06;opacity:.65}}@keyframes loading{to{background-position:-200% 0}}
@media(max-width:900px){.hero{grid-template-columns:1fr 1fr;gap:10px}.hero h1{font-size:clamp(58px,8vw,75px)}.hero-stage{scale:.88}.workflow-source{left:-3%}.workflow-output{right:-3%}.feature-art{padding:35px 20px}.feature-details{padding:30px}.premium-section{gap:4%;padding-inline:35px}.principles-section{grid-template-columns:1fr;gap:35px}}
@media(max-width:650px){.announcement{font-size:7px;gap:7px}.site-header{height:66px;padding:0 20px}.menu-button{display:block}.main-nav{display:none;position:absolute;top:65px;left:0;right:0;padding:19px 22px;background:#f7f8fa;border-bottom:1px solid var(--line);flex-direction:column;align-items:stretch;gap:17px}.main-nav.is-open{display:flex}.nav-github{text-align:center}main{padding:0 20px}.hero{display:flex;flex-direction:column;align-items:stretch;padding:55px 0 78px;gap:0}.hero h1{font-size:clamp(58px,13vw,76px)}.hero-description{font-size:13px}.hero-buttons{gap:17px;flex-wrap:wrap}.hero-proof{margin-top:32px}.hero-stage{height:340px;scale:.82;margin:-2px -25px 0}.stage-ring{width:330px;height:330px}.ring-two{width:250px;height:250px}.workflow-core{width:230px;height:250px}.workflow-source{left:1%;top:55px;scale:.83}.workflow-output{right:0;bottom:45px;scale:.83}.stage-sticker{right:6%;top:15px;scale:.85}.label-top{left:12%}.label-bottom{right:10%}.hero-foot{bottom:16px;gap:12px;font-size:7px}.hero-foot-right{display:none}.signal-bar{padding:18px 0;align-items:flex-start;flex-direction:column;gap:12px}.signal-bar>div{gap:10px;flex-wrap:wrap;font-size:10px}.featured-section{padding:70px 0}.section-heading,.library-heading{display:block;margin-bottom:25px}.section-heading h2,.library-heading h2,.principles-heading h2,.closing-section h2{font-size:clamp(43px,11vw,56px)}.section-heading>p{margin-top:15px;font-size:12px}.feature-product{grid-template-columns:1fr}.feature-art{min-height:330px;padding:25px 16px;border-right:0;border-bottom:1px solid #e0e6f5}.browser-window{height:260px}.browser-content{height:199px}.mock-page{padding:10px}.mock-hero{margin-top:17px}.mock-hero strong{font-size:21px}.mock-image{min-height:115px}.feature-details{padding:27px 21px}.feature-details h3{font-size:35px}.edition-row{grid-template-columns:31px 1fr;gap:9px}.edition-row>a{grid-column:2}.library-section{padding:0 0 70px}.all-repos{display:inline-block;margin-top:15px}.library-toolbar{align-items:stretch;flex-direction:column}.search-wrap{width:100%}.filter-group{flex-wrap:wrap}.product-grid{grid-template-columns:1fr}.library-foot{font-size:7px;flex-wrap:wrap}.premium-section{margin:0 -20px;padding:60px 22px;grid-template-columns:1fr;gap:20px}.premium-visual{height:275px}.premium-ticket{width:235px;height:210px}.premium-ticket>b{font-size:29px}.premium-float{right:13%;top:15px}.premium-copy h2{font-size:49px}.principles-section{padding:70px 0;gap:25px}.principles-grid{grid-template-columns:1fr;gap:17px}.principles-grid article{padding-top:13px}.principles-grid h3{margin:10px 0 5px}.closing-section{padding:60px 0;align-items:flex-start;flex-direction:column}.site-footer{padding:20px;flex-wrap:wrap}.site-footer>span:nth-child(2){order:3;width:100%}}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{scroll-behavior:auto!important;animation:none!important;transition:none!important}}

/* Readability pass: raise small text sizes and strengthen contrast. */
:root{--muted:#525f73}
body{font-size:16px;line-height:1.65}
.announcement{font-size:10px;letter-spacing:.09em}
.main-nav{font-size:14px}
.eyebrow,.section-index{font-size:11px;letter-spacing:.1em}
.hero-description{font-size:16px;line-height:1.8;color:#596579}
.text-link{font-size:13px}
.hero-proof{font-size:11px;color:#68758a;line-height:1.55}
.hero-proof b{color:#26334a}
.hero-foot{font-size:10px;color:#667085}
.stage-label{font-size:10px;color:#68758a}
.core-top{font-size:10px}
.core-tags{font-size:9px}
.workflow-index{font-size:10px;color:#65728a}
.output-caption{font-size:9px;color:#68758a}
.stage-sticker{font-size:11px}
.signal-bar>span{font-size:10px;color:#667085}
.signal-bar>div{font-size:14px}
.section-heading>p{font-size:15px;color:#596579;line-height:1.8}
.art-topline,.art-note{font-size:10px;color:#596d9a}
.browser-bar>div{font-size:9px}
.mock-nav{font-size:9px}
.mock-hero small{font-size:8px}
.mock-image span{font-size:9px}
.browser-footer{font-size:9px}
.product-labels{font-size:10px}
.feature-details>p{font-size:14px;color:#596579;line-height:1.8}
.feature-list{font-size:13px;line-height:1.6;color:#46536a}
.edition-row b{font-size:13px}
.edition-row small{font-size:11px;color:#68758a;line-height:1.5}
.edition-row>a{font-size:12px}
.all-repos{font-size:12px}
.search-wrap input{font-size:13px}
.filter-button{font-size:12px;padding:9px 13px}
.repo-type,.repo-stars,.repo-bottom span{font-size:10px;color:#667085}
.repo-card h3{font-size:16px}
.repo-card p{font-size:12px;line-height:1.7;color:#596579}
.repo-bottom a{font-size:12px}
.library-foot{font-size:10px;color:#667085}
.premium-ticket>span,.ticket-bottom{font-size:10px}
.premium-copy>p{font-size:15px;line-height:1.8;color:#c5cedb}
.premium-benefits{font-size:13px}
.premium-benefits b{font-size:10px}
.premium-notice b{font-size:12px}
.premium-notice small{font-size:11px;line-height:1.6;color:#c0c9d7}
.principles-grid article>span{font-size:10px}
.principles-grid h3{font-size:16px}
.principles-grid p{font-size:12px;line-height:1.75;color:#596579}
.site-footer{font-size:10px}
@media(max-width:650px){
 .announcement{font-size:8px}
 .hero-description{font-size:15px}
 .hero-proof{font-size:11px}
 .hero-foot{font-size:9px}
 .signal-bar>span{font-size:9px}
 .signal-bar>div{font-size:12px}
 .section-heading>p{font-size:14px}
 .art-topline,.art-note{font-size:9px}
 .feature-details>p{font-size:14px}
 .feature-list{font-size:13px}
 .edition-row b{font-size:13px}
 .edition-row small{font-size:11px}
 .edition-row>a{font-size:12px}
 .repo-card h3{font-size:16px}
 .repo-card p{font-size:13px}
 .repo-type,.repo-stars,.repo-bottom span{font-size:10px}
 .repo-bottom a{font-size:12px}
 .library-foot{font-size:9px}
 .premium-copy>p{font-size:14px}
 .premium-benefits{font-size:13px}
 .premium-notice b{font-size:12px}
 .premium-notice small{font-size:11px}
 .principles-grid p{font-size:13px}
 .site-footer{font-size:9px}
}


/* AISKILL visual system: neutral surfaces, one blue accent, restrained motion. */
:root{
  --ink:#171b24;--muted:#596273;--paper:#f8f9fb;--white:#fff;--line:#e3e6eb;
  --blue:#315ee8;--blue-dark:#244bc4;--lime:#315ee8;--orange:#315ee8;--navy:#171b24;
}
::selection{background:#315ee8;color:#fff}
a:focus-visible,button:focus-visible,input:focus-visible{outline:3px solid #315ee8;outline-offset:3px}
.site-header{background:rgba(248,249,251,.96)}
.wordmark-icon{background:#171b24;color:#fff;transform:none}
.wordmark-icon span{color:#8eafff}
.announcement{background:#171b24;color:#e2e6ed}
.announcement-mark,.announcement-divider{color:#8eafff}
.eyebrow-pulse{background:#315ee8;box-shadow:0 0 0 4px #315ee81c;animation:none}
.headline-accent:after{background:#dce6ff;height:5px}
.button{min-height:50px;border-radius:7px;transition:background .18s ease,transform .18s ease,box-shadow .18s ease}
.button-primary{background:#315ee8;box-shadow:none}
.button-primary:hover{background:#244bc4;box-shadow:0 7px 18px #315ee825;transform:translateY(-2px)}
.button-primary span{color:#fff}
.text-link:hover,.all-repos:hover,.edition-row>a:hover,.repo-bottom a:hover{color:#244bc4;text-decoration:underline;text-underline-offset:3px}
.stage-ring,.workflow-core,.workflow-source,.workflow-output,.stage-sticker,.browser-window,.premium-halo,.premium-ticket{animation:none}
.ring-one:before,.ring-two:before{background:#315ee8;box-shadow:0 0 0 6px #315ee81a}
.stage-ring{border-color:#d7dce5}
.ring-two{border-color:#dfe3ea}
.stage-sticker{background:#315ee8;color:#fff;box-shadow:none}
.workflow-core strong em,.core-glyph,.source-corner,.art-note span,.browser-footer b{color:#315ee8}
.workflow-core .core-glyph{background:#eef2ff}
.feature-art{background:#f0f3f8;border-right-color:#e3e6eb}
.feature-art:before{border-color:#d6dce7;box-shadow:0 0 0 38px #e8ecf380,0 0 0 76px #eef1f655}
.browser-window{transform:none;box-shadow:0 18px 42px #17203312}
.mock-hero strong em{color:#315ee8}
.mock-image{background:#e9edf5;color:#596b91}
.mock-hero button{background:#315ee8}
.label-featured{background:#eaf0ff;color:#244bc4}
.edition-box{border-top-color:#e3e6eb}
.edition-row{border-bottom-color:#e3e6eb}
.free-badge{background:#f0f2f5;color:#3f4857}
.pro-badge{background:#171b24;color:#fff}
.premium-row{background:#fafbfc}
.premium-row>a{color:#244bc4}
.filter-button.is-active{background:#eaf0ff;border-color:#cdd9ff;color:#244bc4}
.repo-icon{background:#eef2ff;color:#315ee8}
.repo-card:hover{transform:translateY(-2px);border-color:#aebfeF;box-shadow:0 8px 20px #1720330d}
.premium-section{background:#171b24}
.premium-halo{border-color:#596273;box-shadow:0 0 0 35px #ffffff06,0 0 0 70px #ffffff03}
.premium-ticket{transform:none;box-shadow:0 18px 45px #0003}
.premium-ticket em,.ticket-bottom span:last-child,.premium-benefits b,.premium-copy h2 span,.notice-dot{color:#8eafff}
.premium-float{background:#315ee8;color:#fff;box-shadow:none}
.notice-dot{background:#8eafff;box-shadow:0 0 0 5px #8eafff18}
.section-heading h2 span,.library-heading h2 span,.principles-heading h2 span,.closing-section h2 span{color:#315ee8}
.principles-grid article>span{color:#315ee8}
.loading-card{animation:none;background:#f0f2f5}
.hero-copy{animation:enter-up .55s ease-out both}
.feature-product{animation:enter-up .55s ease-out both}
@keyframes enter-up{from{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}
@media(hover:none){.button:hover,.repo-card:hover{transform:none;box-shadow:none}}
@media(max-width:650px){
 .site-header{padding-inline:18px}
 .main-nav{background:#f8f9fb}
 .hero-buttons{align-items:stretch}
 .hero-buttons .button{width:100%;justify-content:space-between}
 .text-link{padding:8px 0}
 .feature-details{padding:28px 20px}
 .edition-row{padding:16px 0}
 .edition-row>a{justify-self:start;padding:4px 0}
 .filter-button{min-height:40px}
 .premium-section{padding-inline:20px}
 .closing-section .button{width:100%;justify-content:space-between}
 .site-footer{line-height:1.7}
}
@media(prefers-reduced-motion:reduce){
 .hero-copy,.feature-product{animation:none}
}


/* Responsive QA pass — desktop, tablet, mobile and narrow phones. */
html{width:100%;overflow-x:clip}
body{width:100%;min-width:320px;overflow-x:clip}
img,svg,video,canvas{max-width:100%;height:auto}
main{width:100%;max-width:1246px}
.hero,.feature-product,.premium-section,.principles-section{min-width:0}
.hero-copy,.hero-stage,.feature-art,.feature-details,.premium-copy,.premium-visual{min-width:0}
.feature-details,.premium-copy{overflow-wrap:anywhere}
.browser-window{max-width:100%}
.product-grid{grid-template-columns:repeat(3,minmax(0,1fr))}
.repo-card{min-width:0}
.repo-card h3,.repo-card p{overflow-wrap:anywhere}
.edition-row>div{min-width:0}
.edition-row small{overflow-wrap:anywhere}
.filter-group{min-width:0}

/* Compact desktop and landscape tablets */
@media (max-width:1024px){
  main{padding-inline:26px}
  .site-header{padding-inline:26px}
  .hero{min-height:570px;grid-template-columns:minmax(0,1fr) minmax(0,.95fr);gap:12px}
  .hero h1{font-size:clamp(54px,6.7vw,72px)}
  .hero-stage{height:410px;transform:scale(.88);transform-origin:center}
  .workflow-source{left:-2%}
  .workflow-output{right:-2%}
  .stage-sticker{right:0}
  .main-nav{gap:22px}
  .feature-product{grid-template-columns:minmax(0,1fr) minmax(0,1fr)}
  .feature-art{padding-inline:22px}
  .feature-details{padding:32px}
  .premium-section{padding-inline:42px;gap:5%}
}

/* Tablet portrait */
@media (max-width:820px){
  .site-header{height:70px;padding-inline:24px}
  .main-nav{gap:18px;font-size:13px}
  .hero{min-height:0;grid-template-columns:minmax(0,1fr) minmax(0,.9fr);padding:62px 0 78px}
  .hero h1{font-size:clamp(49px,7vw,64px)}
  .hero-description{font-size:15px}
  .hero-buttons{align-items:flex-start;flex-direction:column;gap:13px}
  .hero-proof{margin-top:30px}
  .hero-stage{height:350px;transform:scale(.78);transform-origin:center}
  .hero-foot{gap:14px;font-size:9px}
  .signal-bar{min-height:78px}
  .featured-section,.library-section{padding-top:78px;padding-bottom:76px}
  .section-heading,.library-heading{align-items:flex-start}
  .section-heading{flex-direction:column;gap:14px}
  .section-heading>p{max-width:620px}
  .feature-product{grid-template-columns:1fr}
  .feature-art{min-height:390px;border-right:0;border-bottom:1px solid var(--line)}
  .feature-details{padding:36px}
  .product-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
  .premium-section{grid-template-columns:minmax(0,.85fr) minmax(0,1fr);padding:68px 30px;gap:28px}
  .premium-visual{height:300px}
  .premium-ticket{width:min(240px,90%);height:215px}
  .premium-float{right:3%}
  .principles-section{grid-template-columns:1fr;gap:28px;padding:76px 0}
}

/* Small tablets and large phones */
@media (max-width:700px){
  .site-header{height:66px;padding-inline:20px}
  .menu-button{display:block;min-width:44px;min-height:44px}
  .main-nav{display:none;position:absolute;top:65px;left:0;right:0;padding:20px;background:var(--paper);border-bottom:1px solid var(--line);flex-direction:column;align-items:stretch;gap:0;box-shadow:0 12px 24px #171b2410}
  .main-nav.is-open{display:flex}
  .main-nav>a{padding:12px 4px}
  .main-nav .nav-github{margin-top:8px;text-align:center}
  main{padding-inline:20px}
  .hero{display:flex;flex-direction:column;align-items:stretch;padding:48px 0 70px;gap:8px}
  .hero-copy{width:100%}
  .hero h1{font-size:clamp(48px,10vw,66px);letter-spacing:-.075em}
  .hero-description{max-width:620px;font-size:15px;line-height:1.75}
  .hero-buttons{flex-direction:column;align-items:stretch;gap:12px}
  .hero-buttons .button{width:100%;min-height:50px}
  .text-link{padding:7px 0}
  .hero-proof{margin-top:24px}
  .hero-stage{width:100%;height:330px;margin:0;transform:scale(.82);transform-origin:center}
  .workflow-source{left:0}
  .workflow-output{right:0}
  .hero-foot{left:0;right:0;bottom:15px;justify-content:space-between;gap:8px;font-size:8px}
  .hero-foot-right{display:none}
  .signal-bar{align-items:flex-start;flex-direction:column;padding:18px 0;gap:12px}
  .signal-bar>div{flex-wrap:wrap;gap:10px}
  .featured-section,.library-section{padding:66px 0}
  .section-heading,.library-heading{display:block;margin-bottom:24px}
  .section-heading h2,.library-heading h2,.principles-heading h2,.closing-section h2{font-size:clamp(40px,9vw,54px)}
  .section-heading>p{margin-top:14px;font-size:14px}
  .feature-product{grid-template-columns:minmax(0,1fr)}
  .feature-art{min-height:320px;padding:28px 16px}
  .browser-window{width:100%;height:255px}
  .browser-content{height:194px}
  .mock-page{padding:10px}
  .mock-hero{gap:8px;margin-top:16px}
  .mock-hero strong{font-size:clamp(18px,5vw,22px)}
  .mock-image{min-height:112px}
  .feature-details{padding:27px 21px}
  .feature-details h3{font-size:clamp(31px,7vw,38px)}
  .edition-row{grid-template-columns:32px minmax(0,1fr);gap:10px;padding:15px 0}
  .edition-row>a{grid-column:2;justify-self:start;padding:4px 0}
  .library-heading .all-repos{display:inline-block;margin-top:14px}
  .library-toolbar{align-items:stretch;flex-direction:column}
  .search-wrap{width:100%;min-height:46px}
  .filter-group{display:flex;flex-wrap:wrap;gap:6px}
  .filter-button{min-height:40px;padding:8px 12px}
  .product-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}
  .repo-card{padding:16px;min-height:190px}
  .repo-card h3{font-size:15px}
  .repo-card p{font-size:12px}
  .premium-section{margin-inline:-20px;padding:54px 22px;grid-template-columns:1fr;gap:18px}
  .premium-visual{height:265px}
  .premium-ticket{width:235px;height:210px}
  .premium-float{right:12%;top:12px}
  .premium-copy h2{font-size:clamp(42px,9vw,52px)}
  .principles-section{padding:66px 0}
  .principles-grid{grid-template-columns:1fr;gap:16px}
  .principles-grid article{padding-top:14px}
  .principles-grid h3{margin:10px 0 5px}
  .closing-section{padding:54px 0;align-items:stretch;flex-direction:column}
  .closing-section .button{width:100%;justify-content:space-between}
  .site-footer{padding:20px;flex-wrap:wrap;line-height:1.7}
  .site-footer>span:nth-child(2){order:3;width:100%}
}

/* Standard phones */
@media (max-width:480px){
  .announcement{height:auto;min-height:30px;padding:6px 10px;text-align:center;font-size:7px;letter-spacing:.06em}
  .site-header{padding-inline:16px}
  main{padding-inline:16px}
  .hero{padding-top:42px}
  .eyebrow,.section-index{font-size:10px}
  .hero h1{font-size:clamp(43px,11.5vw,55px);margin:22px 0 17px}
  .hero-description{font-size:14px}
  .hero-stage{height:290px;transform:scale(.72);width:calc(100% + 20px);margin-inline:-10px}
  .stage-ring{width:340px;height:340px}
  .ring-two{width:270px;height:270px}
  .workflow-core{width:235px;height:250px}
  .workflow-source{width:145px;height:158px;left:0;top:45px}
  .workflow-output{width:145px;height:150px;right:0;bottom:38px}
  .stage-sticker{width:58px;height:58px;right:4%;top:8px;font-size:9px}
  .stage-label{font-size:8px}
  .hero-foot{font-size:7px;letter-spacing:.04em}
  .signal-bar>div{font-size:11px}
  .featured-section,.library-section{padding:56px 0}
  .section-heading h2,.library-heading h2,.principles-heading h2,.closing-section h2{font-size:clamp(37px,10vw,47px)}
  .feature-art{min-height:285px;padding:26px 12px}
  .art-topline{left:14px;right:14px;font-size:8px}
  .browser-window{height:226px}
  .browser-bar{height:26px}
  .browser-content{height:172px;grid-template-columns:30px minmax(0,1fr)}
  .browser-content aside{padding:12px 7px}
  .mock-nav{font-size:7px}
  .mock-nav span{font-size:6px}
  .mock-hero{grid-template-columns:1fr .78fr;gap:6px;margin-top:13px}
  .mock-hero strong{font-size:18px}
  .mock-hero small{font-size:6px}
  .mock-image{min-height:100px;padding:7px}
  .mock-image b{font-size:11px}
  .mock-cards{gap:4px;margin-top:10px}
  .mock-cards i{height:23px}
  .browser-footer{height:28px;gap:7px;font-size:7px}
  .art-note{left:14px;right:14px;bottom:13px;font-size:7px}
  .feature-details{padding:24px 17px}
  .feature-details h3{font-size:32px}
  .feature-details>p{font-size:13px}
  .feature-list{font-size:12px;gap:8px}
  .edition-row small{font-size:10px;line-height:1.5}
  .product-grid{grid-template-columns:1fr}
  .repo-card{min-height:0;padding:17px}
  .repo-card p{font-size:13px}
  .library-foot{font-size:8px}
  .premium-section{margin-inline:-16px;padding:48px 18px}
  .premium-visual{height:235px}
  .premium-ticket{width:215px;height:190px;padding:17px}
  .premium-ticket>b{font-size:27px}
  .premium-float{width:46px;height:46px;right:8%;font-size:17px}
  .premium-copy>p{font-size:14px}
  .premium-notice{padding:12px}
  .site-footer{padding:18px 16px;font-size:8px}
}

/* Narrow phones: keep controls and decorative artwork inside the viewport. */
@media (max-width:360px){
  main{padding-inline:14px}
  .site-header{padding-inline:14px}
  .hero h1{font-size:42px}
  .hero-stage{transform:scale(.64);height:260px;width:calc(100% + 30px);margin-inline:-15px}
  .hero-foot{gap:5px;font-size:6px}
  .filter-button{padding-inline:9px;font-size:11px}
  .feature-details{padding-inline:15px}
  .edition-row{grid-template-columns:28px minmax(0,1fr);gap:8px}
  .premium-section{margin-inline:-14px;padding-inline:15px}
  .premium-ticket{width:200px;height:180px}
  .site-footer{gap:10px}
}


/* Marketplace completion pass */
.library-heading{align-items:end}
.library-description{max-width:560px;margin:14px 0 0;color:#667085;font-size:14px;line-height:1.75}
.library-toolbar{display:flex;align-items:center;justify-content:space-between;gap:24px;margin:0 0 22px}
.search-wrap{flex:1;max-width:440px;min-width:220px}
.filter-group{display:flex;align-items:center;justify-content:flex-end;gap:7px;flex-wrap:wrap}
.filter-button{min-height:40px;padding:9px 14px;border:1px solid transparent;border-radius:6px;background:transparent;color:#596579;cursor:pointer;transition:background .18s,border-color .18s,color .18s}
.filter-button:hover{background:#eef2f9}
.filter-button[aria-pressed="true"]{background:#eaf0ff;border-color:#cdd9ff;color:#244bc4}
.product-grid{grid-template-columns:repeat(3,minmax(0,1fr));align-items:stretch;gap:16px}
.repo-card{display:flex;flex-direction:column;min-height:230px;padding:20px;border:1px solid #e3e6eb;border-radius:8px;background:#fff;transition:transform .18s,border-color .18s,box-shadow .18s}
.repo-card.is-featured{border-color:#b9caff;box-shadow:inset 0 3px 0 #315ee8}
.repo-meta{min-height:18px}
.repo-type{font-size:9px;color:#64718a}
.repo-stars{font-size:10px;color:#667085}
.repo-icon{width:34px;height:34px;margin:17px 0 11px}
.repo-card h3{font-size:17px;line-height:1.25;letter-spacing:-.035em}
.repo-card p{margin:0 0 22px;color:#596579;font-size:13px;line-height:1.65;-webkit-line-clamp:4}
.repo-bottom{margin-top:auto;padding-top:14px;border-top:1px solid #edf0f4;align-items:center}
.repo-bottom span{font-size:9px;letter-spacing:.06em}
.repo-bottom a{font-size:12px;white-space:nowrap}
.coming-soon{padding:4px 7px;border-radius:4px;background:#f1f3f6;color:#5f6878;font:9px var(--mono);letter-spacing:.04em}
.premium-catalog-card{background:#171b24;border-color:#171b24;color:#fff}
.premium-catalog-card .repo-type{color:#aab5c8}
.premium-catalog-card .repo-icon{background:#273b70;color:#a9c0ff}
.premium-catalog-card h3{color:#fff}
.premium-catalog-card p{color:#c2cada}
.premium-catalog-card .repo-bottom{border-color:#394253}
.premium-catalog-card .repo-bottom span{color:#aab5c8}
.premium-catalog-card .repo-bottom a{color:#a9c0ff}
.empty-state{display:flex;flex-direction:column;gap:7px;min-height:150px;align-items:center;justify-content:center;color:#667085}
.empty-state b{color:#283247;font:600 16px var(--display)}
.empty-state span{font-size:13px}
.library-foot{font-size:10px}
@media(max-width:900px){
 .product-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
 .library-description{max-width:620px}
}
@media(max-width:700px){
 .library-heading{display:flex;flex-direction:column;align-items:flex-start;gap:14px}
 .library-description{font-size:13px}
 .library-toolbar{gap:12px}
 .search-wrap{max-width:none;min-width:0}
 .filter-group{justify-content:flex-start}
 .product-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}
 .repo-card{min-height:220px;padding:16px}
 .repo-card h3{font-size:15px}
 .repo-card p{font-size:12px}
}
@media(max-width:480px){
 .product-grid{grid-template-columns:1fr}
 .repo-card{min-height:0;padding:18px}
 .repo-card p{font-size:13px;-webkit-line-clamp:unset}
 .library-foot{flex-direction:column;gap:6px}
}
@media(prefers-reduced-motion:reduce){
 .repo-card,.filter-button{transition:none}
}