@import "https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=Manrope:wght@400;500;600;700;800&display=swap";:root{color:#262322;--accent:#6d28d9;--muted:#686360;--line:#ded9d2;--display:"Manrope",sans-serif;font-synthesis:none;color-scheme:light;background:#f6f3ee;font-family:DM Sans,sans-serif}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:2rem}body{margin:0}a{color:inherit;text-decoration:none}a:focus-visible{outline:3px solid var(--accent);outline-offset:6px}img{display:block}h1,h2,h3,p{margin:0}h1,h2,h3{font-family:var(--display);font-weight:600}h1{letter-spacing:-.065em;font-size:clamp(3.5rem,6.4vw,6.4rem);line-height:1.05}h1 em{color:var(--accent);font-style:normal}h2{letter-spacing:-.045em;font-size:clamp(2rem,3vw,3rem);line-height:1.16}h3{letter-spacing:-.03em;font-size:1.35rem}p{line-height:1.7}.wrap{width:min(1180px,100% - 96px);margin-inline:auto}.site-header{border-bottom:1px solid var(--line);justify-content:space-between;align-items:center;height:110px;display:flex}.brand{font-family:var(--display);letter-spacing:-.07em;align-items:center;font-size:1.65rem;font-weight:800;display:flex}.brand img{margin-right:10px}.wordmark-dot{color:var(--accent)}nav{gap:36px;font-size:.875rem;display:flex}nav a:hover,.text-link:hover{color:var(--accent)}.hero{grid-template-columns:1.15fr 1fr;align-items:center;gap:70px;padding-block:85px 90px;display:grid}.eyebrow{letter-spacing:.13em;text-transform:uppercase;font-size:.7rem;font-weight:700}.status-dot,.tag-dot{background:var(--accent);border-radius:50%;width:7px;height:7px;margin-right:8px;display:inline-block}.hero h1{margin-block:24px}.lede{color:var(--muted);max-width:460px;font-size:1.1rem}.actions{align-items:center;gap:26px;margin-block:32px;display:flex}.button{background:var(--accent);color:#fff;border-radius:6px;justify-content:space-between;align-items:center;gap:36px;padding:16px 22px;font-size:.85rem;font-weight:600;transition:background .2s;display:inline-flex}.button:hover{background:#5420a6}.text-link{font-size:.85rem;font-weight:500}.availability{color:var(--muted);font-size:.72rem}.package-art{background:#e9e2f0;border:1px solid #d9cfe4;border-radius:12px;flex-direction:column;justify-content:center;align-items:center;min-height:480px;display:flex;position:relative;overflow:hidden}.art-label{letter-spacing:.12em;color:#756382;justify-content:space-between;font-size:.56rem;display:flex;position:absolute;inset:24px 24px auto}.capsule{border-radius:90px;flex-direction:column;width:145px;height:280px;margin-top:-30px;display:flex;overflow:hidden;transform:rotate(32deg);box-shadow:18px 24px 35px #57347629}.capsule-top{background:linear-gradient(105deg,#fbf9ff,#d5c4ed);border-bottom:1px solid #72569442;place-items:center;height:50%;display:grid}.capsule-top span{font-family:var(--display);letter-spacing:-.12em;color:#745896;font-size:3rem;transform:rotate(-32deg)}.capsule-bottom{background:linear-gradient(110deg,#9870cf,#6d28d9);place-items:center;height:50%;display:grid}.capsule-bottom span{letter-spacing:.15em;color:#e6d7fa;white-space:nowrap;font-size:.5rem;transform:rotate(-90deg)}.package-tag{background:#fffcf7;border-radius:7px;align-items:center;gap:14px;width:calc(100% - 60px);padding:18px;display:flex;position:absolute;bottom:72px;box-shadow:0 6px 18px #37233e0d}.package-tag .tag-dot{background:#6d28d9;border:8px solid #ede9fe;width:28px;height:28px;margin:0}.package-tag div{flex:1}.package-tag strong,.package-tag div span{font-size:.76rem;display:block}.package-tag div span{color:var(--muted);margin-top:4px;font-size:.65rem}.art-footnote{color:#756382;font-size:.65rem;position:absolute;bottom:25px}.intro{border-top:1px solid var(--line);grid-template-columns:.65fr 1fr 1fr;gap:35px;padding-block:48px 65px;display:grid}.intro>p:last-child{color:var(--muted);font-size:.9rem}.section-heading{margin-bottom:40px}.section-heading h2{margin-top:14px}.steps-section{padding-block:44px 80px}.steps{grid-template-columns:repeat(3,1fr);gap:40px;display:grid}.step-number{color:var(--accent);margin-bottom:27px;font-size:.8rem;display:block}.steps h3{margin-bottom:14px}.steps p{color:var(--muted);max-width:300px;font-size:.9rem}.developer-banner{background:#e9e2f0;border-radius:10px;justify-content:space-between;align-items:center;gap:40px;margin-bottom:80px;padding:46px;display:flex}.developer-banner h2{margin-block:15px}.developer-banner p:last-child{max-width:480px;color:var(--muted);font-size:.9rem}.developer-banner .button{flex-shrink:0}.site-footer{border-top:1px solid var(--line);color:var(--muted);justify-content:space-between;gap:20px;padding-block:25px 36px;font-size:.7rem;display:flex}.developer-page{padding-block:70px 100px}.developer-page h1{margin-block:24px;font-size:clamp(3rem,5.5vw,5rem)}.developer-page>.lede{max-width:630px;margin-bottom:50px}.docs-grid{grid-template-columns:1fr 1fr;gap:55px;margin-block:45px;display:grid}.docs-grid h2{margin-bottom:20px;font-size:1.8rem}.docs-grid h3{margin-block:30px 10px}.docs-grid p{color:var(--muted);font-size:.95rem}.docs-grid pre{border:1px solid var(--line);background:#eee8e2;border-radius:8px;margin-top:24px;padding:24px;font-size:.8rem;line-height:1.7;overflow-x:auto}code{font-family:ui-monospace,SFMono-Regular,monospace;font-size:.88em}.runtime-notes{border-top:1px solid var(--line);padding-top:35px}.skip-link{z-index:10;background:#fff;padding:12px;position:absolute;top:-100px;left:20px}.skip-link:focus{top:12px}@media (width<=900px){.wrap{width:calc(100% - 48px)}.hero{gap:32px;padding-block:60px}.package-art{min-height:420px}.intro{grid-template-columns:1fr 1fr}.intro>.eyebrow{grid-column:1/-1}.actions{gap:18px}.developer-banner{flex-direction:column;align-items:flex-start;padding:32px}}@media (width<=620px){.wrap{width:calc(100% - 36px)}.site-header{height:85px}nav{gap:18px;font-size:.75rem}.brand{font-size:1.4rem}.brand img{width:28px;height:28px}.hero{grid-template-columns:1fr;padding-block:45px}.hero h1{font-size:3.6rem}.package-art{min-height:400px}.intro,.steps,.docs-grid{grid-template-columns:1fr;gap:26px}.intro{padding-block:35px}.steps{gap:36px}.step-number{margin-bottom:12px}.steps p{max-width:none}.steps-section{padding-block:20px 50px}.developer-banner{margin-bottom:40px;padding:26px}.site-footer{flex-direction:column;gap:8px}.developer-page{padding-block:45px 65px}.docs-grid{margin-block:30px}.docs-grid pre{padding:18px}.runtime-notes{padding-top:26px}}@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}.button{transition:none}}