:root{color:#0f1f1f;font-synthesis:none;text-rendering:optimizelegibility;--ink:#0f1f1f;--ink-soft:#234844;--paper:#f7f8f5;--card:#fff;--sand:#d4a574;--sand-light:#f1d5a6;--mist:#d6e4ec;--sage:#e8f0ee;--green:#4ade80;--blue:#38bdf8;--muted:#637976;--line:#0f1f1f24;--shadow:0 24px 70px #0f1f1f24;background:#f7f8f5;font-family:DM Sans,Inter,system-ui,-apple-system,sans-serif}*{box-sizing:border-box}html{scroll-behavior:smooth}body{background:radial-gradient(circle at 8% 7%, #f1d5a670, transparent 24rem), radial-gradient(circle at 88% 14%, #d6e4ec94, transparent 29rem), var(--paper);min-width:320px;min-height:100vh;margin:0;overflow-x:clip}::selection{background:var(--sand-light);color:var(--ink)}button,a{font:inherit}a,button,button{color:inherit}svg{fill:none;stroke:currentColor;stroke-width:1.8px;stroke-linecap:round;stroke-linejoin:round;width:1.2em}main{overflow-x:clip}a:focus-visible,button:focus-visible{outline-offset:4px;outline:3px solid #38bdf8b8}.site-header{border-bottom:1px solid var(--line);justify-content:space-between;align-items:center;width:min(1320px,100% - 64px);height:96px;margin:auto;display:flex}.wordmark{color:var(--ink);flex-direction:column;align-items:flex-start;line-height:1;text-decoration:none;display:inline-flex}.wordmark-name{letter-spacing:-.065em;font-size:1.75rem;font-weight:500}.wordmark-name>span{color:#0000;background:linear-gradient(135deg,#c99361 20%,#819da7 90%);-webkit-background-clip:text;background-clip:text}.wordmark small{letter-spacing:.22em;text-transform:uppercase;margin:5px 0 0 2px;font-size:.52rem;font-weight:700}nav{align-items:center;gap:32px;font-size:.83rem;font-weight:600;display:flex}nav a{text-decoration:none}nav a:hover{text-decoration:underline;-webkit-text-decoration-color:var(--sand);text-decoration-color:var(--sand);text-underline-offset:6px;text-decoration-thickness:2px}.card-count{border:1px solid var(--line);letter-spacing:.04em;text-transform:uppercase;background:#ffffff8a;border-radius:99px;padding:9px 14px;font-family:DM Mono,monospace;font-size:.64rem;font-weight:500}.hero{grid-template-columns:minmax(450px,.98fr) minmax(0,.78fr);align-items:center;gap:clamp(64px,7vw,112px);width:min(1320px,100% - 64px);min-height:780px;margin:auto;padding:50px 0 86px;display:grid;overflow:hidden}.hero-copy{z-index:2;position:relative}.card-showcase{isolation:isolate;background:linear-gradient(145deg,#ffffffd4,#e8f0eea1),radial-gradient(circle at 15% 5%,#f1d5a694,#0000 45%);border:1px solid #0f1f1f1a;border-radius:34px;justify-self:center;width:min(100%,560px);padding:38px 46px 30px;position:relative;box-shadow:0 28px 80px #0f1f1f1a,inset 0 1px #ffffffe6}.card-showcase:before{content:"Featured draw";color:var(--muted);letter-spacing:.13em;text-transform:uppercase;font-family:DM Mono,monospace;font-size:.55rem;font-weight:500;position:absolute;top:17px;left:22px}.eyebrow{color:var(--ink-soft);letter-spacing:.13em;text-transform:uppercase;align-items:center;gap:10px;margin:0 0 24px;font-family:DM Mono,monospace;font-size:.67rem;font-weight:500;display:flex}.eyebrow>span{aspect-ratio:1;background:linear-gradient(135deg, var(--sand-light), #8aa2aa);border-radius:50%;width:9px;box-shadow:0 0 0 5px #d4a57424}h1,h2{letter-spacing:-.058em;text-wrap:balance;margin:0;line-height:1.01}h1{max-width:590px;font-size:clamp(3.65rem,5.2vw,5.35rem);font-weight:600}h1 em{color:#0000;background:linear-gradient(100deg,#b97f4d 12%,#7a969f 88%);-webkit-background-clip:text;background-clip:text;font-style:normal;font-weight:500;display:block}.intro{max-width:580px;color:var(--muted);margin:32px 0 0;font-size:clamp(1rem,1.35vw,1.17rem);line-height:1.68}.hero-actions{align-items:center;gap:28px;margin-top:34px;display:flex}.primary-button{background:var(--ink);color:#fff;cursor:pointer;border:0;border-radius:999px;align-items:center;gap:11px;min-height:54px;padding:0 23px;font-weight:700;transition:translate .16s,background-color .16s,box-shadow .16s;display:inline-flex;box-shadow:0 10px 24px #0f1f1f33}.primary-button:hover{background:var(--ink-soft);translate:0 -2px;box-shadow:0 14px 28px #0f1f1f38}.primary-button:active{translate:0}.primary-button:disabled{cursor:wait;opacity:.78}.primary-button svg{width:20px}.text-link,.api-json-link{border-bottom:1px solid;align-items:center;gap:8px;padding-bottom:3px;font-size:.9rem;font-weight:700;text-decoration:none;display:inline-flex}.text-link svg,.api-json-link svg{transition:translate .15s}.text-link:hover svg,.api-json-link:hover svg{translate:4px}.card-stage{isolation:isolate;perspective:1200px;justify-self:center;width:min(100%,410px);position:relative}.card-stage:before{content:"";z-index:-3;aspect-ratio:1;background:linear-gradient(135deg,#f1d5a6f5,#e8f0eef0 48%,#d6e4ecfa);border-radius:48% 52% 44% 56%;width:135%;position:absolute;inset:45% auto auto 50%;translate:-50% -50%;box-shadow:0 32px 80px #2348441a}.featured-card{z-index:2;aspect-ratio:2/3;width:100%;box-shadow:var(--shadow), 0 1px 0 #ffffffe6 inset;transform-origin:bottom;transform-style:preserve-3d;will-change:transform, opacity, filter;background:#d9dfdc;border:1px solid #fffc;border-radius:22px;margin:0;position:relative;overflow:hidden}.featured-card:after{content:"";pointer-events:none;background:linear-gradient(115deg,#0000 25%,#ffffff47 44%,#0000 58%);animation:.9s ease-out .22s card-shine;position:absolute;inset:0;translate:-120%}.featured-card img{object-fit:cover;width:100%;height:100%;display:block}.brand-shape{z-index:1;border:1px solid #0f1f1f1c;width:72%;height:86%;position:absolute;top:7%;overflow:hidden;box-shadow:0 18px 38px #0f1f1f1a}.brand-shape:before{content:"";opacity:.34;background-image:radial-gradient(#0f1f1f47 1.2px,#0000 1.4px);background-size:16px 16px;position:absolute;inset:0;-webkit-mask-image:linear-gradient(145deg,#000,#0000 72%);mask-image:linear-gradient(145deg,#000,#0000 72%)}.brand-shape:after{content:"";aspect-ratio:1;border:1px solid #0f1f1f2e;border-radius:50%;width:135px;position:absolute}.brand-shape span{background:#0f1f1fb8;border-radius:999px;width:38px;height:9px;position:absolute;box-shadow:0 16px #0f1f1f2e}.brand-shape-mist{background:linear-gradient(155deg, #edf4f5 0%, var(--mist) 42%, #9dbbc4 100%);border-radius:58% 24% 38% 62%/34% 44% 56% 66%;left:-20%;transform:translate(-4%)rotate(-5deg)}.brand-shape-mist:after{bottom:15%;left:10px}.brand-shape-mist span{top:14%;left:20px;rotate:-15deg}.brand-shape-sand{background:linear-gradient(145deg, #f8e7c9 0%, var(--sand-light) 44%, var(--sand) 100%);border-radius:24% 58% 62% 38%/48% 34% 66% 52%;right:-20%;transform:translate(4%)rotate(5deg)}.brand-shape-sand:before{-webkit-mask-image:linear-gradient(215deg,#000,#0000 72%);mask-image:linear-gradient(215deg,#000,#0000 72%)}.brand-shape-sand:after{top:12%;right:8px}.brand-shape-sand span{bottom:13%;right:18px;rotate:14deg}.orbit{z-index:-2;pointer-events:none;border:1px solid #2348442e;border-radius:50%;position:absolute}.orbit:before{content:"";aspect-ratio:1;background:var(--sand);border-radius:50%;width:11px;position:absolute}.orbit-one{width:650px;height:320px;top:18%;left:50%;translate:-50%;rotate:-24deg}.orbit-one:before{top:20%;right:6%}.orbit-two{width:530px;height:530px;top:2%;left:50%;translate:-50%}.orbit-two:before{background:#88a4ae;top:22%;left:8%}.draw-controls{flex-wrap:wrap;justify-content:center;align-items:center;gap:15px;margin-top:28px;display:flex}.draw-controls .primary-button{justify-content:center;min-width:190px}.card-stage.is-shuffling .brand-shape-mist{animation:.72s ease-in-out brand-shape-mist-pulse}.card-stage.is-shuffling .brand-shape-sand{animation:.72s ease-in-out brand-shape-sand-pulse}.card-stage.is-shuffling .orbit-one{animation:.76s ease-in-out orbit-one-pulse}.card-stage.is-shuffling .orbit-two{animation:.76s ease-in-out orbit-two-pulse}.marquee{background:linear-gradient(90deg, var(--sand-light), #e8d9c8 42%, var(--mist));color:var(--ink);border-block:1px solid #0f1f1f1f;overflow:hidden}.marquee div{letter-spacing:.15em;text-transform:uppercase;align-items:center;gap:27px;width:max-content;padding:14px 0;font-family:DM Mono,monospace;font-size:.68rem;font-weight:500;animation:24s linear infinite marquee;display:flex}.marquee i{color:var(--ink-soft);font-size:.92rem;font-style:normal}.collection-section{width:min(1320px,100% - 64px);margin:0 auto;padding:138px 0}.section-heading{justify-content:space-between;align-items:flex-end;gap:40px;margin-bottom:56px;display:flex}.section-heading h2,.api-section h2{font-size:clamp(3rem,5vw,5rem);font-weight:600}.section-heading>p{max-width:340px;color:var(--muted);margin:0 0 6px;line-height:1.65}.card-grid{grid-template-columns:repeat(6,1fr);gap:30px 18px;display:grid}.collection-card{text-align:left;cursor:pointer;background:0 0;border:0;min-width:0;padding:0}.collection-image{aspect-ratio:2/3;background:var(--sage);border:1px solid #0f1f1f17;border-radius:14px;transition:transform .22s,box-shadow .22s;display:block;position:relative;overflow:hidden;box-shadow:0 10px 28px #0f1f1f17}.collection-image:after{content:"";border-radius:inherit;border:2px solid #0000;transition:border-color .18s;position:absolute;inset:0}.collection-image img{object-fit:cover;width:100%;height:100%;transition:scale .3s;display:block}.collection-image i{color:#fff;letter-spacing:.08em;text-transform:uppercase;opacity:0;background:#0f1f1fe0;border-radius:999px;padding:7px 10px;font-family:DM Mono,monospace;font-size:.53rem;font-style:normal;transition:opacity .18s,translate .18s;position:absolute;bottom:10px;right:10px;translate:0 5px}.collection-card:hover .collection-image{transform:translateY(-6px);box-shadow:0 18px 34px #0f1f1f26}.collection-card:hover img{scale:1.022}.collection-card:hover .collection-image:after{border-color:#d4a574e6}.collection-card:hover .collection-image i,.collection-card:focus-visible .collection-image i{opacity:1;translate:0}.collection-meta{justify-content:space-between;gap:10px;padding:12px 2px 0;display:flex}.collection-meta strong{letter-spacing:-.025em;text-overflow:ellipsis;font-size:.82rem;font-weight:600;overflow:hidden}.collection-meta small{color:var(--muted);font-family:DM Mono,monospace;font-size:.59rem}.card-modal-backdrop{z-index:1000;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);background:#0f1f1fb3;place-items:center;padding:20px;display:grid;position:fixed;inset:0}.card-modal{background:radial-gradient(circle at 16% 20%, #f1d5a69e, transparent 28%), radial-gradient(circle at 90% 80%, #d6e4eccc, transparent 32%), var(--paper);border:1px solid #ffffffb3;border-radius:32px;grid-template-columns:minmax(0,1fr) minmax(320px,.48fr);align-items:center;gap:54px;width:min(100%,1120px);max-height:calc(100vh - 40px);padding:48px 58px;display:grid;position:relative;overflow:hidden;box-shadow:0 40px 100px #0000004d}.modal-close{z-index:4;aspect-ratio:1;width:44px;color:var(--ink);cursor:pointer;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffffc2;border:1px solid #0f1f1f1f;border-radius:50%;place-items:center;font-size:1.55rem;line-height:1;display:grid;position:absolute;top:18px;right:18px}.modal-card-stage{grid-template-columns:52px minmax(0,380px) 52px;justify-content:center;align-items:center;gap:20px;min-width:0;display:grid}.modal-card-window{aspect-ratio:2/3;perspective:1200px;width:min(34vw,380px,66.67vh - 100.005px);position:relative}.modal-card{background:var(--sage);cursor:grab;touch-action:pan-y;-webkit-user-select:none;user-select:none;will-change:transform, opacity;border:1px solid #ffffffe6;border-radius:22px;margin:0;position:absolute;inset:0;overflow:hidden;box-shadow:0 30px 65px #0f1f1f3d}.modal-card:active{cursor:grabbing}.modal-card img{object-fit:cover;pointer-events:none;width:100%;height:100%;display:block}.modal-step{aspect-ratio:1;background:var(--ink);color:#fff;cursor:pointer;border:0;border-radius:50%;place-items:center;width:52px;transition:scale .15s,background-color .15s;display:grid;box-shadow:0 12px 25px #0f1f1f33}.modal-step:hover{background:var(--ink-soft);scale:1.07}.modal-step-previous svg{rotate:180deg}.modal-card-info{min-width:0}.modal-card-name>span{color:var(--muted);letter-spacing:.11em;text-transform:uppercase;font-family:DM Mono,monospace;font-size:.65rem}.modal-card-name h3{letter-spacing:-.065em;white-space:nowrap;margin:12px 0 0;font-size:clamp(2.8rem,4vw,4.4rem);font-weight:600;line-height:.96}.modal-card-info>p{color:var(--muted);letter-spacing:.08em;text-transform:uppercase;margin:28px 0 0;font-family:DM Mono,monospace;font-size:.61rem}.api-section{width:min(1380px,100% - 40px);color:var(--ink);background:linear-gradient(130deg,#e3ece9 0%,#f4e2c8 60%,#dce8ed 100%);border:1px solid #0f1f1f17;border-radius:30px;grid-template-columns:.9fr 1fr;align-items:center;gap:9%;margin:0 auto 80px;padding:104px max(32px,50% - 600px);display:grid}.api-copy>p:not(.eyebrow){color:#526b68;max-width:560px;margin:26px 0;line-height:1.7}.api-json-link{color:var(--ink)}.endpoint-card{background:var(--ink);color:#f5f5f5;border:1px solid #ffffff29;border-radius:18px;overflow:hidden;box-shadow:0 24px 50px #0f1f1f38}.endpoint-topline{color:#ffffff85;border-bottom:1px solid #ffffff1f;align-items:center;gap:12px;padding:16px 19px;font-family:DM Mono,monospace;font-size:.62rem;display:flex}.method{background:var(--green);color:var(--ink);border-radius:4px;padding:4px 7px;font-weight:700}.live-status{color:#82eba3;margin-left:auto}.live-status:before{content:"";aspect-ratio:1;background:currentColor;border-radius:50%;width:6px;margin-right:6px;display:inline-block}.endpoint-card code{text-align:center;padding:clamp(30px,5vw,54px) 24px;font-family:DM Mono,monospace;font-size:clamp(1.55rem,3vw,3rem);display:block}.endpoint-card code span{color:#ffffff57}.endpoint-actions{border-top:1px solid #ffffff1f;justify-content:space-between;align-items:center;padding:15px 19px;display:flex}.endpoint-actions a,.endpoint-actions button{color:#ffffffc4;align-items:center;gap:7px;font-size:.72rem;font-weight:600;display:inline-flex}.endpoint-actions a{text-decoration:none}.endpoint-actions button{cursor:pointer;background:0 0;border:0}footer{background:var(--ink);color:#fff;justify-content:space-between;align-items:center;gap:24px;min-height:130px;padding:0 max(32px,50vw - 660px);font-size:.74rem;display:flex}footer .wordmark{color:#fff}footer p{color:#ffffff94}footer>a:last-child{color:#ffffffc2;text-underline-offset:4px}@keyframes card-shine{to{translate:130%}}@keyframes marquee{to{translate:-50%}}@keyframes brand-shape-mist-pulse{50%{transform:translate(-8%)rotate(-8deg)scale(1.015)}}@keyframes brand-shape-sand-pulse{50%{transform:translate(8%)rotate(8deg)scale(1.015)}}@keyframes orbit-one-pulse{50%{opacity:.5;translate:-50% -7px;rotate:-19deg}}@keyframes orbit-two-pulse{50%{opacity:.58;scale:1.035}}@media (max-width:1100px){.hero{grid-template-columns:minmax(400px,1fr) minmax(0,.74fr);gap:50px}.card-showcase{padding-inline:36px}h1{font-size:clamp(3.4rem,6vw,4.7rem)}.card-grid{grid-template-columns:repeat(4,1fr)}.api-section{padding-inline:54px}}@media (max-width:780px){.site-header{width:calc(100% - 36px);height:78px}nav a{display:none}nav{gap:10px}.wordmark-name{font-size:1.5rem}.hero{grid-template-columns:1fr;gap:76px;width:calc(100% - 36px);min-height:auto;padding:46px 0 100px;overflow:visible}.card-showcase{width:min(100%,540px);padding:38px 40px 28px}h1{font-size:clamp(3.35rem,14vw,5.2rem)}.intro{font-size:1rem}.hero-actions{flex-wrap:wrap}.card-stage{width:min(76vw,410px)}.orbit-one{width:102vw}.orbit-two{width:92vw;height:92vw}.brand-shape-mist{left:-14%;transform:translate(-3%)rotate(-4deg)}.brand-shape-sand{right:-14%;transform:translate(3%)rotate(4deg)}.collection-section{width:calc(100% - 36px);padding:104px 0}.section-heading{flex-direction:column;align-items:flex-start}.card-grid{grid-template-columns:repeat(3,1fr);gap:24px 12px}.card-modal-backdrop{padding:12px}.card-modal{border-radius:25px;grid-template-rows:minmax(0,1fr) auto;grid-template-columns:1fr;gap:16px;width:100%;height:calc(100vh - 24px);max-height:none;padding:54px 12px 22px}.modal-card-stage{grid-template-columns:42px minmax(0,1fr) 42px;gap:8px}.modal-card-window{width:min(62vw,320px,66.67vh - 153.341px)}.modal-step{width:42px}.modal-card-info{text-align:center}.modal-card-name h3{font-size:clamp(2.6rem,11vw,4rem)}.modal-card-info>p{margin-top:14px}.api-section{border-radius:22px;grid-template-columns:1fr;gap:54px;width:calc(100% - 24px);margin-bottom:24px;padding:82px 24px}footer{text-align:center;flex-direction:column;padding-block:32px}footer .wordmark{align-items:center}}@media (max-width:480px){.card-count{padding:7px 9px}.hero{gap:66px;padding-top:30px}.card-showcase{border-radius:25px;padding:36px 20px 24px}h1{font-size:clamp(3.05rem,14.5vw,4.3rem)}.hero-actions{flex-direction:column;align-items:flex-start;gap:22px}.card-stage{width:min(76vw,350px)}.draw-controls{gap:11px;margin-top:24px}.draw-controls .primary-button{width:min(100%,240px)}.card-grid{grid-template-columns:repeat(2,1fr)}.collection-meta strong{font-size:.76rem}.modal-close{width:40px;top:12px;right:12px}.modal-card-window{width:min(64vw,285px,66.67vh - 146.674px)}.modal-card-stage{grid-template-columns:40px minmax(0,1fr) 40px;gap:6px}.modal-step{width:40px}.endpoint-actions{flex-direction:column;align-items:flex-start;gap:14px}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}