.ar-page{--ar-bg:#111b2d;--ar-panel:#1d2a41;--ar-muted:#a5b2c8;--ar-line:#ffffff21;background:var(--ar-bg);color:#f5f8ff;min-height:100dvh}html[data-theme=light] .ar-page{--ar-bg:#eef2f8;--ar-panel:#fff;--ar-muted:#5d6e86;--ar-line:#20345726;color:#16233a}.ar-wrap{width:min(1190px,100% - 40px);margin:auto}.ar-page header{border-bottom:1px solid var(--ar-line)}.ar-page nav{justify-content:space-between;align-items:center;gap:20px;min-height:85px;display:flex}.ar-brand{letter-spacing:-1px;font-size:24px;font-weight:800}.ar-brand small{letter-spacing:1px;color:var(--ar-muted);font-size:10px;display:block}.ar-navlinks{align-items:center;gap:27px;font-size:14px;display:flex}.ar-navlinks .active{color:var(--cyan)}.ar-button{border:1px solid var(--ar-line);border-radius:30px;padding:11px 20px;font-size:14px;display:inline-block}.ar-button.primary{color:#102136;background:linear-gradient(100deg,#2dceef,#2ea2f0);border:0;font-weight:750}.ar-intro{grid-template-columns:1.2fr 1fr;align-items:end;gap:65px;padding:70px 0 35px;display:grid}.ar-eyebrow{letter-spacing:2px;color:var(--cyan);font-size:12px}.ar-page h1{letter-spacing:-3px;margin:17px 0;font-size:clamp(40px,5.5vw,72px);line-height:1.02}.ar-intro p{color:var(--ar-muted);max-width:440px;font-size:17px}.ar-toolbar{border-bottom:1px solid var(--ar-line);align-items:center;gap:18px;padding:22px 0;display:flex}.ar-search{border:1px solid var(--ar-line);background:var(--ar-panel);border-radius:30px;flex:1;align-items:center;gap:12px;max-width:480px;padding:12px 18px;display:flex}.ar-search span{color:var(--cyan)}.ar-search input{width:100%;color:inherit;background:0 0;border:0;outline:none}.ar-count{color:var(--ar-muted);margin-left:auto;font-size:13px}.ar-note{color:var(--ar-muted);margin:24px 0;font-size:13px}.ar-grid{grid-template-columns:repeat(3,1fr);gap:22px;display:grid}.ar-card{border:1px solid var(--ar-line);background:var(--ar-panel);border-radius:20px;transition:transform .25s,border-color .25s;display:block;overflow:hidden}.ar-card:hover{border-color:var(--cyan);transform:translateY(-5px)}.ar-portrait{background:linear-gradient(145deg,#293d5a,#142138);place-items:center;height:270px;display:grid;position:relative}.ar-portrait.second{background:linear-gradient(145deg,#2b354f,#1b1e39)}.ar-portrait>span{color:#6c8da6;letter-spacing:-7px;font-size:85px;font-weight:300}.ar-portrait img{object-fit:cover;width:100%;height:100%}.ar-portrait small{color:var(--ar-muted);font-size:11px;position:absolute;bottom:17px;left:20px}.ar-copy{padding:24px}.ar-copy h2{letter-spacing:-.7px;margin:0 0 9px;font-size:24px}.ar-copy p{color:var(--ar-muted);margin:0;font-size:13px}.ar-copy b{color:var(--cyan);margin-top:24px;font-size:14px;font-weight:600;display:block}.ar-explore{background:#2dceef05;border:1px dashed #2dceef4f;border-radius:20px;flex-direction:column;justify-content:space-between;padding:28px;display:flex}.ar-explore h2{letter-spacing:-1px;font-size:32px;font-weight:550;line-height:1.1}.ar-explore p{color:var(--ar-muted);font-size:15px}.ar-empty{color:var(--ar-muted);padding:35px 0}.ar-free{background:var(--ar-panel);border-radius:24px;grid-template-columns:1fr 1fr;align-items:center;gap:45px;margin:65px 0;padding:36px;display:grid}.ar-free h2{letter-spacing:-1px;margin:13px 0;font-size:34px;line-height:1.15}.ar-free p{color:var(--ar-muted)}.ar-free ul{padding:0;list-style:none}.ar-free li{border-bottom:1px solid var(--ar-line);padding:12px 0}.ar-free li:before{content:"↗";color:var(--cyan);margin-right:14px}.ar-free .ar-button{margin-top:15px}.ar-page footer{color:var(--ar-muted);justify-content:space-between;padding:25px 0 40px;font-size:12px;display:flex}@media (max-width:800px){.ar-intro{grid-template-columns:1fr;gap:5px;padding-top:40px}.ar-grid{grid-template-columns:1fr 1fr}.ar-explore{grid-column:1/-1}.ar-free{grid-template-columns:1fr;gap:15px}.ar-navlinks{gap:12px}.ar-navlinks .optional{display:none}}@media (max-width:500px){.ar-wrap{width:calc(100% - 28px)}.ar-grid{grid-template-columns:1fr}.ar-toolbar{flex-wrap:wrap}.ar-search{flex-basis:100%}.ar-count{margin-left:0}.ar-free{padding:24px}.ar-navlinks{font-size:12px}.ar-navlinks .ar-button{padding:10px 12px;font-size:12px}.ar-page h1{letter-spacing:-2px}.ar-page footer{flex-wrap:wrap;gap:20px}}