.design-guide{color:#251941;max-width:1180px;margin:auto;padding:28px 32px}.design-guide header,.design-guide nav,.guide-actions{flex-wrap:wrap;align-items:center;gap:24px;display:flex}.design-guide header{justify-content:space-between}.design-guide a{color:#6538bf;text-underline-offset:4px}.guide-brand{letter-spacing:-1px;font-size:32px;font-weight:800;text-decoration:none}.guide-brand span{color:#d285f4}.guide-hero{grid-template-columns:1.1fr 1fr;align-items:center;gap:64px;padding:76px 0;display:grid}.guide-eyebrow{letter-spacing:2px;color:#714e9b;font-size:12px;font-weight:700}.design-guide h1{letter-spacing:-2px;margin:18px 0;font-size:clamp(40px,5vw,64px);line-height:1.04}.guide-intro{font-size:20px;line-height:1.6}.guide-actions{margin:28px 0}.design-guide .guide-primary{color:#fff;background:#6538bf;border-radius:12px;padding:16px 22px;font-weight:700;text-decoration:none}.guide-note{color:#65566f;font-size:13px;line-height:1.7}.guide-art{border-radius:24px;flex-direction:column;justify-content:space-between;min-height:440px;padding:34px;display:flex;position:relative;overflow:hidden;box-shadow:0 22px 45px #321b5520}.guide-art>span,.guide-art small{letter-spacing:1px;font-size:11px}.guide-art strong{max-width:300px;font-family:Georgia,serif;font-size:46px;line-height:1.06;position:relative}.guide-orbit{border:32px solid #ffffff80;border-radius:50%;width:220px;height:220px;position:absolute;top:65px;right:-45px}.guide-section{border-top:1px solid #ddd2ea;padding:44px 0}.design-guide h2{font-size:30px;line-height:1.2}.design-guide p,.guide-tips{line-height:1.8}.guide-steps{grid-template-columns:repeat(3,1fr);gap:36px;padding-left:24px;display:grid}.guide-steps li::marker{color:#6538bf;font-weight:700}.guide-prompt{background:#f0eafa;border-radius:20px;grid-template-columns:1fr 1fr;gap:40px;margin:24px 0;padding:36px;display:grid}.guide-prompt blockquote{background:#fff;border-radius:12px;margin:0;padding:24px;font-size:18px;line-height:1.7}.guide-tips li{margin:16px 0}.design-guide footer{padding:36px 0}.design-guide footer nav{margin:24px 0}.design-guide a:focus-visible{outline-offset:5px;outline:3px solid #a378ed}@media (max-width:700px){.design-guide{padding:22px}.guide-hero{grid-template-columns:1fr;gap:28px;padding:40px 0}.guide-art{min-height:360px}.guide-steps,.guide-prompt{grid-template-columns:1fr}.guide-prompt{padding:22px}.design-guide header nav{gap:16px;font-size:14px}.guide-steps{gap:12px}}html[data-theme=dark] .design-guide{color:#f3eafd}html[data-theme=dark] .design-guide a{color:#c6a6ff}html[data-theme=dark] .guide-eyebrow,html[data-theme=dark] .guide-note{color:#c8bad8}html[data-theme=dark] .guide-art{color:#251941}html[data-theme=dark] .guide-prompt{background:#30223e}html[data-theme=dark] .guide-prompt blockquote{background:#201827}html[data-theme=dark] .guide-section{border-color:#59456b}html[data-theme=dark] .design-guide .guide-primary{color:#fff}