:root{color-scheme:dark;--ink:#f4f2ff;--dim:#b5bbd2;--edge:#343655;--paper:#101531;--mint:#78f9df;font:16px/1.6 "Inter",system-ui,-apple-system,sans-serif;background:#0a0d20;color:var(--ink)}
*{box-sizing:border-box}body{margin:0;background:radial-gradient(ellipse at 78% 12%,#24204782,transparent 45%)}a{color:inherit;text-decoration:none}button{font:inherit}header{border-bottom:1px solid #30314d;background:#0a0d21}.nav,main,footer{max-width:1240px;margin:auto;padding:0 40px}.nav{display:flex;align-items:center;justify-content:space-between;gap:22px;min-height:80px}.nav nav,footer>div:last-child,.actions,.demo-tabs{display:flex;align-items:center;gap:24px}.nav nav a{font-size:.91rem;color:#ced0e2}.nav nav a:hover,footer a:hover,.crumb a:hover,.nav nav a[aria-current]{color:var(--mint)}.brand img{display:block;width:158px;height:auto}.login,.button,.secondary{display:inline-flex;align-items:center;justify-content:center;gap:14px;padding:10px 17px;border:1px solid #46445d;border-radius:9px;font-size:.91rem;font-weight:650;cursor:pointer}.login,.secondary{background:#191d38}.login span{color:var(--mint)}.button{background:linear-gradient(105deg,#7640ea,#633de2 65%,#5746db);border-color:#a390df;color:#fff}.button:hover,.secondary:hover,.login:hover{filter:brightness(1.18)}.hero{display:grid;grid-template-columns:1.04fr 1fr;align-items:center;gap:5%;padding:clamp(64px,7.5vw,108px) 0 70px}.kicker{font:650 .72rem/1.4 ui-monospace,monospace;letter-spacing:.13em;color:#b9b0fb}.kicker i,figcaption i{display:inline-block;width:7px;height:7px;margin-right:6px;border-radius:50%;background:var(--mint)}h1,h2,h3,p,figure{margin:0}h1,h2,h3{line-height:1.13;letter-spacing:-.045em}.hero h1{font-size:clamp(2.8rem,5.7vw,5.15rem);margin:18px 0 23px;font-weight:740}.hero h1 em{font-style:normal;background:linear-gradient(105deg,#db9aff 4%,#a6a7ff 54%,#70eaff);background-clip:text;color:transparent}.hero p,.pageintro p,.lead,.guide-strip p{color:var(--dim);font-size:1.09rem;line-height:1.7}.hero p{max-width:470px}.actions{gap:12px;flex-wrap:wrap;margin-top:28px}.hero-art{position:relative;background:#17172e;isolation:isolate;border:1px solid #716487;border-radius:24px;box-shadow:0 20px 68px -35px #7f5ddd;overflow:hidden}.hero-art img{width:100%;height:auto;display:block}.hero-art figcaption{position:absolute;right:16px;bottom:14px;background:#11152bcf;border:1px solid #ffffff4d;padding:4px 12px;border-radius:20px;font-size:.7rem;backdrop-filter:blur(8px)}.section{border-top:1px solid var(--edge);padding:45px 0}.section-head h2,.guide-strip h2,.demo-work h2{font-size:clamp(1.6rem,3vw,2.5rem);margin:8px 0 17px}.feature-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:16px}.feature{display:block;overflow:hidden;background:#141830;border:1px solid #353a59;border-radius:16px;padding:8px 8px 18px;transition:transform .2s}.feature:hover,.lesson:hover{transform:translateY(-3px);border-color:#8d75c9}.feature img{display:block;width:100%;height:135px;object-fit:cover;border-radius:10px}.feature div{display:flex;align-items:center;justify-content:space-between;padding:16px 7px 7px}.feature h3{font-size:1.14rem}.feature span,.lesson span{color:var(--mint)}.feature p{font-size:.86rem;color:var(--dim);margin:0 7px;line-height:1.55}.guide-strip{display:flex;justify-content:space-between;align-items:center;gap:22px;background:linear-gradient(110deg,#25213e,#161b38);border:1px solid var(--edge);padding:30px;border-radius:18px;margin:24px 0 64px}.guide-strip h2{font-size:1.65rem}.guide-strip p{font-size:.95rem}.guide-strip a{white-space:nowrap}footer{border-top:1px solid var(--edge);display:flex;align-items:center;justify-content:space-between;gap:24px;padding-top:28px;padding-bottom:32px;color:var(--dim);font-size:.86rem}footer strong{color:#fff}.crumb{display:flex;gap:12px;color:var(--dim);font-size:.8rem;margin:26px 0}.crumb span{opacity:.5}.pageintro{padding:36px 0 25px}.pageintro h1,.read h1{font-size:clamp(2.4rem,5vw,4.2rem);margin:10px 0 18px}.demo-tabs{gap:8px;flex-wrap:wrap;margin-bottom:16px}.demo-tab{padding:8px 12px;border-radius:8px;border:1px solid var(--edge);color:var(--dim);font-size:.85rem}.demo-tab[aria-current]{background:#47316f;color:white;border-color:#a592e1}.demo-work{display:grid;grid-template-columns:.85fr 1.1fr;gap:28px;padding:24px;border:1px solid var(--edge);background:#131830;border-radius:20px}.demo-work h3,.read h2{margin:18px 0 8px}.demo-work blockquote{border-left:2px solid #9482d9;margin:10px 0 20px;padding-left:14px;color:#d7dbea}.result{min-height:260px;display:grid;place-items:center;background:radial-gradient(ellipse,#343057,#14182c);border:1px dashed #545773;border-radius:12px;overflow:hidden}.result video,.result img{width:100%;max-height:400px;object-fit:contain}.preview-hint,.muted{font-size:.85rem;color:var(--dim)}.muted{margin-top:10px}.input-image{width:96px;height:66px;object-fit:cover;border-radius:8px;margin-right:8px}.read{max-width:780px;margin:42px auto 70px}.read p{color:var(--dim);margin-bottom:20px}.read details,.lesson{border:1px solid var(--edge);background:var(--paper);border-radius:12px;padding:18px;margin:10px 0}.read summary{cursor:pointer;font-weight:600}.read details p{margin:12px 0 0}.lessons{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin:0 0 60px}.lesson h2{font-size:1.3rem;display:inline}.lesson span{float:right}.lesson p{color:var(--dim);margin:10px 0 0}.article-media{display:block;width:100%;max-height:360px;object-fit:cover;border-radius:16px;margin:24px 0}.appicon{width:78px;border-radius:18px}.skip{position:absolute;left:-9999px}.skip:focus{left:8px;top:8px;background:#17152f;padding:8px;z-index:9}:focus-visible{outline:3px solid var(--mint);outline-offset:3px}[hidden]{display:none!important}@media(max-width:850px){.feature-grid{grid-template-columns:repeat(2,1fr)}.nav,main,footer{padding-left:22px;padding-right:22px}}@media(max-width:650px){.nav{flex-wrap:wrap;gap:8px;min-height:70px;padding-top:12px;padding-bottom:8px}.brand img{width:132px}.nav nav{order:3;width:100%;gap:20px}.login{padding:6px 12px}.hero{grid-template-columns:1fr;gap:28px;padding:36px 0}.hero h1{font-size:clamp(2.9rem,11.8vw,4rem)}.hero-art{max-height:265px}.hero-art img{width:100%;height:100%;max-height:265px;object-fit:cover;object-position:center 35%}.guide-strip,footer{align-items:flex-start;flex-direction:column}.feature-grid{gap:10px}.feature img{height:95px}.feature h3{font-size:1rem}.feature div{padding:10px 2px 7px}.feature p{font-size:.8rem;margin:0 2px}.feature span{display:none}.demo-work,.lessons{grid-template-columns:1fr}.demo-work{padding:16px;gap:18px}.result{min-height:175px}.pageintro{padding-top:12px}.guide-strip{padding:20px}.section{padding-top:26px}.nav nav a{font-size:.83rem}.result img,.result video{max-height:280px}}@media(prefers-reduced-motion:reduce){*{transition:none!important;scroll-behavior:auto!important}}
footer>div:last-child{flex-wrap:wrap;gap:12px 20px}