@font-face{font-family:AurixSystem;src:local("Arial");font-display:swap}
:root{color-scheme:dark;--bg:#100e14;--surface:#19151f;--line:#302736;--text:#f6f2fa;--muted:#aaa0b7;--purple:#c89aff;--accent:#a66ae9;--max:1120px;font-family:Inter,AurixSystem,Arial,sans-serif;font-synthesis:none}
*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:105px}body{margin:0;background:var(--bg);color:var(--text);line-height:1.6}button,input{font:inherit}a{color:inherit;text-decoration:none}button{color:inherit}img{display:block;max-width:100%}button,a{-webkit-tap-highlight-color:transparent}button{cursor:pointer}a:focus-visible,button:focus-visible{outline:2px solid var(--purple);outline-offset:5px}::selection{color:#fff;background:#75459c}.skip-link{position:fixed;left:16px;top:12px;z-index:100;background:var(--text);color:var(--bg);padding:8px 14px;transform:translateY(-150%)}.skip-link:focus{transform:translateY(0)}.container{width:min(var(--max),calc(100% - 80px));margin-inline:auto}
.site-header{height:88px;border-bottom:1px solid var(--line);background:#100e14f5;position:sticky;top:0;z-index:30}.header-inner{height:100%;display:flex;align-items:center;justify-content:space-between;gap:24px}.brand{display:flex;align-items:center;gap:18px}.brand img{width:124px;height:auto}.brand-label{border-left:1px solid #4b3c57;padding-left:18px;font-size:18px;font-weight:500;letter-spacing:-.3px}.main-nav{display:flex;align-items:center;gap:32px;font-size:14px}.main-nav [aria-current=page]{color:var(--purple)}.nav-aurix{display:flex;align-items:center;gap:13px}.nav-aurix span{font-size:19px}.main-nav a:hover,.footer-links a:hover{color:var(--purple)}
.home-intro{padding-top:72px;padding-bottom:36px}.eyebrow{margin:0 0 15px;color:var(--purple);font-size:11px;font-weight:600;letter-spacing:2px;text-transform:uppercase}.home-intro h1{font-size:clamp(46px,6vw,76px);line-height:1.07;letter-spacing:-3.5px;margin:0;font-weight:650}.home-intro>p:last-child{font-size:17px;color:var(--muted);margin:19px 0 0}.featured-post{margin-top:10px;margin-bottom:84px}.feature-visual{position:relative;display:block;height:424px;overflow:hidden;border:1px solid #513464;border-radius:18px;background:#271437}.feature-visual:after{content:"";position:absolute;inset:0;pointer-events:none;background:linear-gradient(110deg,transparent 55%,#bf7fff12)}.feature-lines{position:absolute;inset:0;opacity:.22;background:repeating-linear-gradient(0deg,transparent 0 63px,#d4b0fc1a 64px 65px),repeating-linear-gradient(90deg,transparent 0 63px,#d4b0fc1a 64px 65px)}.feature-copy{position:relative;z-index:2;padding:51px 0 0 50px;width:56%}.scrolls-wordmark{display:flex;align-items:center;gap:17px;font-size:clamp(54px,7vw,83px);letter-spacing:-4px;font-weight:650;line-height:1.15}.scrolls-wordmark svg{width:51px;height:64px;flex:0 0 51px;stroke:#dfc2ff;stroke-width:1.4;fill:none}.feature-copy p{margin:22px 0 0;color:#e0ceee;font-size:22px;line-height:1.45;letter-spacing:-.5px}.feature-bottom{position:absolute;left:51px;bottom:32px;display:flex;gap:28px;color:#d6bce8;font-size:11px;letter-spacing:1px;text-transform:uppercase}.feature-bottom span+span:before{content:"/";margin-right:28px;color:#89679f}.preview-device{position:absolute;width:289px;height:478px;top:30px;right:83px;border:7px solid #160f1e;outline:1px solid #7b5594;border-radius:29px;background:#110e16;overflow:hidden;transform:rotate(7deg);box-shadow:-20px 25px 60px #08050b70;transition:transform .3s}.preview-device img{height:100%;width:100%;object-fit:cover;object-position:49.7% 50%}.feature-visual:hover .preview-device{transform:rotate(4deg) translateY(-5px)}.visual-arrow{position:absolute;top:22px;right:24px;font-size:25px;color:#e1c9f3}.post-meta{display:flex;align-items:center;gap:14px;font-size:12px;color:var(--muted);margin:28px 0 12px}.post-category{font-weight:600;color:var(--purple)}.meta-dot{width:3px;height:3px;border-radius:50%;background:#6c5d79}.post-heading{font-size:clamp(27px,4vw,38px);line-height:1.2;letter-spacing:-1.1px;font-weight:600;margin:0 0 15px}.post-heading a:hover{color:var(--purple)}.post-summary{max-width:740px;font-size:16px;color:var(--muted);line-height:1.7;margin:0 0 20px}.read-story{display:inline-flex;align-items:center;gap:12px;font-size:14px;font-weight:600;color:#ddbcff}.read-story span{transition:transform .2s}.read-story:hover span{transform:translateX(5px)}
.site-footer{border-top:1px solid var(--line);padding:28px 0 34px}.footer-inner{display:flex;align-items:center;justify-content:space-between;gap:22px;color:var(--muted);font-size:12px}.footer-brand{display:flex;align-items:center;gap:16px}.footer-brand img{width:77px;height:auto}.footer-links{display:flex;gap:24px}.footer-copy{margin:0}
.article-shell{max-width:920px;margin:0 auto}.article-top{padding-top:38px;display:flex;align-items:center;justify-content:space-between;gap:24px}.back-link{font-size:12px;color:var(--muted);display:flex;align-items:center;gap:10px}.back-link:hover{color:var(--purple)}.article-share{display:flex;align-items:center;gap:10px}.copy-link{display:flex;align-items:center;gap:8px;border:0;padding:5px 0;background:none;color:var(--muted);font-size:12px}.copy-link:hover{color:var(--purple)}.copy-link svg{width:15px;height:15px;fill:none;stroke:currentColor;stroke-width:1.6}.share-status{color:var(--purple);font-size:11px}.article-header{padding-top:52px;padding-bottom:34px}.article-header .post-meta{margin:0 0 20px}.article-header h1{font-size:clamp(43px,6.3vw,66px);letter-spacing:-2.9px;line-height:1.08;font-weight:650;max-width:790px;margin:0}.article-dek{font-size:21px;line-height:1.55;color:#bdb0c9;max-width:770px;margin:24px 0 26px}.article-author{display:flex;align-items:center;gap:11px;font-size:12px;color:var(--muted)}.author-icon{width:32px;height:32px;border:1px solid #544061;border-radius:50%;padding:4px;object-fit:contain;background:#211529}.article-author strong{color:#e6dbea;font-weight:600}.article-body{font-size:17px;line-height:1.85;padding-bottom:48px}.article-body>p,.article-body>section>p,.article-body>section>h2,.article-body>section>.upload-rules{max-width:730px;margin-left:auto;margin-right:auto}.article-body p{color:#c6bbcf;margin-top:0;margin-bottom:22px}.article-body .article-lead{font-size:22px;line-height:1.65;color:#eee5f6;margin-top:6px;margin-bottom:22px;letter-spacing:-.25px}.article-body strong{color:#f3eafa;font-weight:600}.article-body h2{font-size:30px;letter-spacing:-.85px;line-height:1.3;color:var(--text);font-weight:600;margin-top:54px;margin-bottom:19px}.article-figure{margin:37px 0 47px}.screenshot-link{display:block;position:relative;border:1px solid #3a2c46;border-radius:12px;overflow:hidden;background:#121016;line-height:0}.screenshot-link>img{width:100%;height:auto;transition:filter .2s}.screenshot-link:hover>img{filter:brightness(1.1)}.image-expand{position:absolute;right:13px;bottom:13px;display:flex;align-items:center;gap:8px;line-height:1;padding:10px 12px;border-radius:6px;background:#19121fe8;border:1px solid #6a4f7b;color:#f3e6ff;font-size:11px;backdrop-filter:blur(6px)}.image-expand svg{width:13px;height:13px;stroke:currentColor;fill:none;stroke-width:1.5}.article-figure figcaption{font-size:12px;line-height:1.6;text-align:center;margin-top:13px;color:var(--muted)}.upload-rules{display:grid;grid-template-columns:1fr 1fr;gap:0;padding:0;margin-top:27px;margin-bottom:26px;list-style:none;border-top:1px solid var(--line);border-bottom:1px solid var(--line)}.upload-rules li{padding:22px 20px 23px 0}.upload-rules li+li{border-left:1px solid var(--line);padding-left:27px}.upload-rules strong{display:block;font-size:20px;letter-spacing:-.4px}.upload-rules span{display:block;color:var(--muted);font-size:13px;margin-top:3px}.article-cta{max-width:920px!important;text-align:center;padding:40px 25px 42px;margin-top:56px;border-top:1px solid #593966;border-bottom:1px solid #593966;background:#201428}.article-body .article-cta h2{font-size:29px;max-width:620px;margin-top:15px;margin-bottom:16px}.article-cta p{max-width:540px!important;font-size:15px!important}.cta-symbol{display:flex;align-items:center;justify-content:center;color:var(--purple)}.cta-symbol svg{width:35px;height:35px;stroke:currentColor;stroke-width:1.4;fill:none}.cta-actions{display:flex;justify-content:center;align-items:center;gap:13px;margin-top:25px}.button{display:inline-flex;align-items:center;justify-content:center;gap:24px;border-radius:7px;padding:12px 20px;font-size:13px;font-weight:600;line-height:1.5;border:1px solid transparent;transition:background .15s}.button-primary{background:#bd8cf1;color:#23112e}.button-primary:hover{background:#d6b0ff}.button-secondary{border-color:#654672;background:#ffffff04;color:#e5cefa}.button-secondary:hover{background:#4a2d5a}.article-bottom{display:flex;align-items:center;justify-content:space-between;gap:20px;border-top:1px solid var(--line);padding:27px 0 42px;font-size:12px;color:var(--muted)}.article-bottom a{color:var(--purple)}
.screenshot-viewer{border:1px solid #6d4b82;border-radius:12px;padding:0;background:#16111e;color:var(--text);width:min(1280px,calc(100vw - 32px));max-width:none;max-height:calc(100vh - 40px);overflow:auto}.screenshot-viewer::backdrop{background:#08050be8;backdrop-filter:blur(5px)}.screenshot-viewer figure{margin:0;padding:28px 16px 19px}.screenshot-viewer img{width:100%;max-height:calc(100vh - 150px);object-fit:contain}.screenshot-viewer figcaption{font-size:12px;text-align:center;color:#cbbbd6;margin-top:12px;padding-inline:20px}.viewer-close{position:sticky;display:block;float:right;top:8px;right:8px;margin:8px 8px -38px 0;z-index:2;width:32px;height:32px;border:1px solid #6c507e;border-radius:50%;background:#23182df5;font-size:22px;line-height:1}.viewer-close:hover{background:#503162}.not-found{min-height:60vh;padding:90px 0}.not-found h1{font-size:48px;letter-spacing:-2px}.not-found p{color:var(--muted)}
@media(min-width:1300px){.home-intro{padding-top:82px}.feature-visual{height:440px}.preview-device{height:495px;width:299px;right:100px;top:32px}}
@media(max-width:900px){.container{width:calc(100% - 48px)}.feature-visual{height:380px}.feature-copy{padding:42px 0 0 32px}.scrolls-wordmark{font-size:65px;gap:13px}.scrolls-wordmark svg{width:39px;height:51px;flex-basis:39px}.feature-copy p{font-size:20px}.preview-device{right:38px;width:242px;height:400px;top:48px}.feature-bottom{left:33px;bottom:25px;gap:18px;font-size:10px}.feature-bottom span+span:before{margin-right:18px}.article-shell{max-width:820px}.article-header{padding-top:40px}.article-header h1{font-size:56px}.article-body>p,.article-body>section>p,.article-body>section>h2,.article-body>section>.upload-rules{max-width:680px}}
@media(max-width:650px){.container{width:calc(100% - 36px)}.site-header{height:74px}.brand{gap:12px}.brand img{width:99px}.brand-label{padding-left:12px;font-size:16px}.main-nav{gap:20px;font-size:12px}.main-nav>a:first-child{display:none}.nav-aurix{gap:7px}.home-intro{padding-top:45px;padding-bottom:27px}.home-intro h1{font-size:56px;letter-spacing:-2.5px}.home-intro>p:last-child{font-size:15px;line-height:1.7;max-width:300px;margin-top:16px}.eyebrow{font-size:10px}.feature-visual{height:410px;border-radius:13px}.feature-copy{padding:29px 24px;width:100%}.scrolls-wordmark{font-size:53px;letter-spacing:-2.8px;gap:12px}.scrolls-wordmark svg{width:32px;height:44px;flex-basis:32px}.feature-copy p{font-size:15px;margin-top:11px;max-width:150px}.preview-device{width:189px;height:313px;top:153px;right:29px;border-width:5px;border-radius:23px;transform:rotate(8deg)}.feature-visual:hover .preview-device{transform:rotate(6deg)}.feature-bottom{left:25px;bottom:30px;gap:0;display:block;max-width:80px;font-size:10px;line-height:1.9}.feature-bottom span{display:block}.feature-bottom span+span:before{display:none}.visual-arrow{right:19px;top:20px;font-size:21px}.post-meta{font-size:11px;gap:10px;margin-top:23px}.post-heading{font-size:29px;letter-spacing:-.9px;margin-bottom:13px}.post-summary{font-size:15px}.featured-post{margin-bottom:55px}.footer-inner{align-items:flex-start;flex-direction:column;gap:19px}.footer-links{gap:22px}.footer-brand img{width:70px}.site-footer{padding:25px 0 28px}.article-top{padding-top:25px;gap:12px;align-items:flex-start}.back-link{font-size:11px}.article-share{flex-direction:column;align-items:flex-end;gap:0}.copy-link{font-size:11px;padding:0}.share-status{font-size:10px;max-width:120px;text-align:right}.article-header{padding-top:34px;padding-bottom:25px}.article-header .post-meta{margin-bottom:16px;flex-wrap:wrap}.article-header h1{font-size:44px;letter-spacing:-1.9px;line-height:1.1}.article-dek{font-size:18px;margin-top:20px;margin-bottom:22px}.article-body{font-size:16px;line-height:1.8}.article-body .article-lead{font-size:19px;line-height:1.7;margin-top:3px}.article-body h2{font-size:26px;letter-spacing:-.65px;margin-top:39px}.article-figure{margin:29px 0 35px}.image-expand{right:8px;bottom:8px;padding:8px;font-size:9px;border-radius:4px;gap:5px}.image-expand svg{width:10px;height:10px}.article-figure figcaption{font-size:11px;text-align:left;margin-top:10px}.screenshot-link{border-radius:8px}.upload-rules{grid-template-columns:1fr;margin-top:22px}.upload-rules li{padding:17px 0}.upload-rules li+li{border-left:0;border-top:1px solid var(--line);padding-left:0}.upload-rules strong{font-size:19px}.upload-rules span{font-size:12px}.article-cta{margin-top:38px;padding:28px 18px 31px}.article-body .article-cta h2{font-size:25px}.article-cta p{font-size:14px!important}.cta-actions{flex-direction:column;gap:11px;margin-top:22px}.cta-actions .button{width:100%;max-width:270px}.article-bottom{font-size:11px;padding-bottom:30px}.screenshot-viewer figure{padding:40px 8px 15px}.screenshot-viewer figcaption{font-size:11px;padding:0 5px}.screenshot-viewer img{max-height:calc(100vh - 170px)}}
@media(max-width:360px){.home-intro h1{font-size:50px}.feature-visual{height:380px}.preview-device{right:14px;width:174px;height:288px;top:155px}.feature-bottom{left:20px;font-size:9px}.feature-copy{padding-left:20px}.scrolls-wordmark{font-size:48px}.main-nav{font-size:11px}.brand img{width:88px}.article-header h1{font-size:39px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{transition:none!important}}