:root{--bg:#1a1526;--bg2:#241c38;--chrome:#3b2f5c;--panel:#2a2140;--line:#40356a;--violet:#8b7bd6;--violet2:#a996ee;--gold:#e5b769;--text:#ece9f6;--muted:#b3aacd;--radius:14px;--max:1160px}*{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth}body{font:16px/1.65 -apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica,Arial,sans-serif;color:var(--text);background:var(--bg);background-image:radial-gradient(1200px 600px at 78% -8%,rgba(139,123,214,.22),transparent 60%),radial-gradient(900px 500px at -6% 10%,rgba(59,47,92,.5),transparent 55%);background-attachment:fixed;-webkit-font-smoothing:antialiased}a{color:var(--violet2);text-decoration:none}a:hover{color:var(--gold)}.wrap{max-width:var(--max);margin:0 auto;padding:0 22px}.loom{height:4px;border:0;background:repeating-linear-gradient(90deg,var(--violet) 0 10px,transparent 10px 18px);opacity:.55}header{position:-webkit-sticky;position:sticky;top:0;z-index:9;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:rgba(26,21,38,.72);border-bottom:1px solid var(--line)}nav{gap:22px;height:62px}.brand,nav{display:flex;align-items:center}.brand{gap:10px;font-weight:700;letter-spacing:.2px;color:var(--text)}.brand .mark{width:26px;height:26px;border-radius:8px;background:linear-gradient(135deg,var(--violet),var(--chrome));box-shadow:0 0 0 1px var(--line),0 4px 14px rgba(139,123,214,.4)}nav .sp{flex:1 1}nav a.navlink{color:var(--muted);font-size:15px}nav a.navlink:hover{color:var(--text)}.btn{display:inline-block;padding:11px 20px;border-radius:11px;font-weight:600;background:linear-gradient(135deg,var(--violet),var(--violet2));color:#170f28;box-shadow:0 6px 20px rgba(139,123,214,.35)}.btn:hover{color:#170f28;transform:translateY(-1px)}.btn.ghost{background:transparent;color:var(--text);border:1px solid var(--line);box-shadow:none}.hero{padding:76px 0 30px;text-align:center}.eyebrow{color:var(--gold);font-weight:600;letter-spacing:.14em;text-transform:uppercase;font-size:13px}h1{font-size:clamp(34px,6vw,58px);line-height:1.08;margin:14px 0 16px;letter-spacing:-.02em}h1 .grad{background:linear-gradient(120deg,var(--violet2),var(--gold));-webkit-background-clip:text;background-clip:text;color:transparent}.lede{max-width:640px;margin:0 auto 26px;color:var(--muted);font-size:19px}.cta{display:flex;gap:14px;justify-content:center;flex-wrap:wrap}.shot{margin:44px auto 0;max-width:960px;border-radius:var(--radius);overflow:hidden;border:1px solid var(--line);box-shadow:0 24px 60px rgba(0,0,0,.45)}.ph{display:flex;align-items:center;justify-content:center;text-align:center;aspect-ratio:16/10;color:var(--muted);font-size:14px;padding:20px;background:linear-gradient(135deg,var(--panel),var(--bg2))}.ph.sm{aspect-ratio:16/11}section{padding:56px 0}h2{font-size:clamp(26px,4vw,36px);letter-spacing:-.01em;margin-bottom:10px}.sub{color:var(--muted);max-width:620px;margin-bottom:30px}.grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));grid-gap:18px;gap:18px}.card{background:linear-gradient(180deg,var(--panel),rgba(42,33,64,.5));border:1px solid var(--line);border-radius:var(--radius);padding:22px}.card h3{font-size:18px;margin:12px 0 6px}.card p{color:var(--muted);font-size:15px}.ic{width:38px;height:38px;border-radius:10px;display:flex;align-items:center;justify-content:center;font-size:20px;background:rgba(139,123,214,.16);border:1px solid var(--line)}.prose{max-width:760px;margin:0 auto}.prose h1{font-size:clamp(30px,5vw,44px);text-align:left}.prose h2{font-size:24px;margin:34px 0 8px}.prose li,.prose p{color:var(--muted)}.prose ul{margin:10px 0 10px 22px}.prose .updated{color:var(--gold);font-size:14px;margin-bottom:26px}.panel{background:var(--panel);border:1px solid var(--line);border-radius:var(--radius);padding:26px;margin-top:22px}footer{border-top:1px solid var(--line);padding:34px 0;margin-top:40px;color:var(--muted);font-size:14px}footer nav{height:auto;flex-wrap:wrap;gap:18px}footer a{color:var(--muted)}footer a:hover{color:var(--text)}.center{text-align:center}.brand img.logo{width:28px;height:28px;display:block;border-radius:7px;box-shadow:0 0 0 1px var(--line),0 4px 14px rgba(139,123,214,.35)}.frow{display:grid;grid-template-columns:1.02fr .98fr;grid-gap:38px;gap:38px;align-items:center;margin:0 0 52px}.frow:last-child{margin-bottom:0}.frow .badge{color:var(--gold);font-weight:600;letter-spacing:.12em;text-transform:uppercase;font-size:12px;margin-bottom:8px}.frow .ftext h3{font-size:clamp(22px,3vw,29px);margin-bottom:10px;letter-spacing:-.01em}.frow .ftext p{color:var(--muted);font-size:17px}.frow .shot{margin:0}.shot img{display:block;width:100%;height:auto}.frow.rev .shot{order:-1}@media(max-width:760px){.frow{grid-template-columns:1fr;gap:18px}.frow.rev .shot{order:0}}.feature{margin:0 auto 78px;max-width:1040px}.feature:last-child{margin-bottom:0}.feature .cap{max-width:660px;margin:0 auto 26px;text-align:center}.feature .cap .badge{color:var(--gold);font-weight:600;letter-spacing:.12em;text-transform:uppercase;font-size:12px;display:block;margin-bottom:8px}.feature .cap h3{font-size:clamp(24px,3.6vw,34px);margin-bottom:10px;letter-spacing:-.01em}.feature .cap p{color:var(--muted);font-size:18px}.feature .shot{margin:0}.heroA{padding:66px 0 48px;overflow:hidden;background:radial-gradient(900px 520px at 94% 16%,rgba(139,123,214,.2),transparent 60%)}.heroA .grid{display:grid;grid-template-columns:1.02fr 1.14fr;grid-gap:34px;gap:34px;align-items:center}.heroA h1{font-size:clamp(38px,5.2vw,62px);line-height:1.05;letter-spacing:-.02em;margin:14px 0 16px}.heroA .lede{margin-bottom:24px}.heroA .framewrap{perspective:1700px}.heroA .frame{transform:rotateY(-15deg) rotateX(3deg);transform-origin:left center;border-radius:14px;overflow:hidden;border:1px solid var(--line);box-shadow:-14px 46px 92px rgba(0,0,0,.55);margin-right:-150px}.heroA .frame img{display:block;width:100%}@media(max-width:820px){.heroA .grid{grid-template-columns:1fr}.heroA .frame{transform:none;margin-right:0}}.feature .more,.ftext .more{display:inline-block;margin-top:14px;color:var(--gold);font-weight:600;text-decoration:none}.feature .more:hover,.ftext .more:hover{color:var(--violet2)}.devbox{background:linear-gradient(180deg,var(--panel),rgba(42,33,64,.5));border:1px solid var(--line);border-radius:var(--radius);box-shadow:0 22px 55px rgba(0,0,0,.4);padding:26px;min-height:290px;display:flex;align-items:center;justify-content:center;width:100%}.frow.rev .devbox,.frow.rev .shot{order:-1}@media(max-width:760px){.frow.rev .devbox,.frow.rev .shot{order:0}}.chip{font-size:12px;color:var(--muted);background:rgba(139,123,214,.14);border:1px solid var(--line);border-radius:20px;padding:4px 10px}.chip.gold{color:var(--gold)}.dcap{width:100%}.dcap .line{display:flex;align-items:center;gap:10px;font-size:15px}.dcap .k{font-size:12px;color:var(--muted);border:1px solid var(--line);border-radius:7px;padding:2px 8px;flex:none}.dcap .mono{font-family:ui-monospace,Menlo,monospace;color:var(--text)}.dcap .cur{display:inline-block;width:2px;height:17px;background:var(--gold);vertical-align:-3px;animation:blink 1s steps(1) infinite}@keyframes blink{50%{opacity:0}}.dcap .chips{display:flex;gap:7px;flex-wrap:wrap;margin-top:14px}.dstack{position:relative;width:100%;height:210px}.dstack .c{position:absolute;left:50%;width:72%;border-radius:12px;border:1px solid var(--line);background:linear-gradient(180deg,var(--panel),rgba(42,33,64,.7));padding:11px 14px;box-shadow:0 14px 34px rgba(0,0,0,.45)}.dstack .c h5{font-size:13px;margin-bottom:4px}.dstack .c span{font-size:12px;color:var(--muted)}.dstack .c1{top:0;transform:translateX(-60%) rotate(-4deg)}.dstack .c2{top:62px;transform:translateX(-40%) rotate(3deg)}.dstack .c3{top:128px;transform:translateX(-52%) rotate(-1deg);background:linear-gradient(135deg,var(--violet),var(--chrome))}.dstack .c3 h5,.dstack .c3 span{color:#f4f1fb}.dbuck{width:100%;display:flex;flex-direction:column;gap:9px}.dbuck .r{display:flex;justify-content:space-between;align-items:center;padding:11px 14px;border:1px solid var(--line);border-radius:10px;background:rgba(139,123,214,.06)}.dbuck .r b{font-weight:600;font-size:14px}.dbuck .r .n{font-size:12px;color:var(--violet2);background:rgba(139,123,214,.16);border-radius:20px;padding:2px 9px}.dbuck .r.warn b{color:var(--gold)}.dbuck .r.warn .n{color:var(--gold);background:rgba(229,183,105,.14)}.dboard{display:grid;grid-template-columns:repeat(3,1fr);grid-gap:10px;gap:10px;width:100%}.dboard .col{background:rgba(139,123,214,.06);border:1px solid var(--line);border-radius:10px;padding:9px}.dboard .col h5{font-size:11px;text-transform:uppercase;letter-spacing:.07em;color:var(--muted);margin-bottom:8px}.dboard .t{background:linear-gradient(180deg,var(--panel),rgba(42,33,64,.7));border:1px solid var(--line);border-radius:7px;padding:8px;font-size:11px;margin-bottom:6px}.dboard .t.accent{border-left:3px solid var(--violet)}.dcal{width:100%}.dcal .head{font-size:12px;color:var(--muted);margin-bottom:10px}.dcal .g7{display:grid;grid-template-columns:repeat(7,1fr);grid-gap:6px;gap:6px}.dcal .d{aspect-ratio:1;border-radius:7px;border:1px solid var(--line);display:flex;align-items:center;justify-content:center;font-size:11px;color:var(--muted);background:rgba(139,123,214,.05)}.dcal .d.on{background:linear-gradient(135deg,var(--violet),var(--chrome));color:#fff;border-color:transparent}.dcal .d.due{color:var(--gold);border-color:var(--gold)}.dnote{width:100%;background:linear-gradient(180deg,var(--panel),rgba(42,33,64,.6));border:1px solid var(--line);border-radius:12px;padding:16px 18px;box-shadow:0 14px 34px rgba(0,0,0,.4)}.dnote h5{font-size:15px;margin-bottom:8px}.dnote p{font-size:13px;color:var(--muted);margin:2px 0;font-family:ui-monospace,Menlo,monospace}.dnote .tags{display:flex;gap:6px;margin-top:12px}.fgrid{display:grid;grid-template-columns:repeat(auto-fit,minmax(320px,1fr));grid-gap:20px;gap:20px}.fcard{display:flex;flex-direction:column;background:linear-gradient(180deg,var(--panel),rgba(42,33,64,.4));border:1px solid var(--line);border-radius:var(--radius);padding:20px;text-decoration:none;color:inherit;transition:border-color .15s,transform .15s}.fcard:hover{border-color:var(--violet);transform:translateY(-3px)}.fcard .devbox{min-height:180px;box-shadow:none;margin-bottom:16px;background:rgba(26,21,38,.45)}.fcard h3{font-size:19px;margin-bottom:6px}.fcard p{color:var(--muted);font-size:15px}.fcard .more{color:var(--gold);font-weight:600;font-size:14px;margin-top:12px}.ptlist{max-width:640px;margin:22px auto 0;flex-direction:column;text-align:left}.ptlist,.ptlist .pt{display:flex;gap:12px}.ptlist .pt{align-items:flex-start;color:var(--muted)}.ptlist .pt:before{content:"";width:8px;height:8px;border-radius:50%;background:var(--violet);margin-top:8px;flex:none}.backlink{display:inline-block;margin-top:18px;color:var(--muted);text-decoration:none}.backlink:hover{color:var(--text)}.foot-legal{margin-top:18px;text-align:center}.foot-legal a{color:var(--gold);font-weight:600}