*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;color:#0a0a0a;background:#fff;font:400 16px/1.6 system-ui,-apple-system,Segoe UI,Roboto,Helvetica,Arial,Apple Color Emoji,Segoe UI Emoji}h1,h2,h3{margin:0 0 .6rem;line-height:1.1;letter-spacing:-.01em}.hero-title{font-size:clamp(40px,6vw,76px);font-weight:400}.hero-title em{font-style:italic;font-weight:300}.section-title{font-size:clamp(28px,4.5vw,48px);font-weight:400}.small{font-size:12px}.muted{color:rgba(0,0,0,.58)}.text-center{text-align:center}a{color:inherit;text-decoration:none}a:hover{text-decoration:underline}.link,.link-invert{text-decoration:underline;text-underline-offset:3px}.link-invert{color:rgba(255,255,255,.9)}.btn{display:inline-flex;align-items:center;gap:10px;padding:12px 18px;font-size:14px;border:1px solid #0a0a0a;transition:transform .15s ease}.btn:focus-visible{outline:2px solid #000;outline-offset:2px}.btn:hover{transform:translateX(2px);text-decoration:none}.btn-dark{background:#0a0a0a;color:#fff}.btn-light{background:#fff;color:#0a0a0a;border-color:rgba(255,255,255,.5)}.container{max-width:1200px;margin:0 auto;padding:0 20px}.narrow{max-width:900px}.section{padding:80px 0}.section-alt{background:#fafafa}.site-header{position:-webkit-sticky;position:sticky;top:0;z-index:40;background:rgba(255,255,255,.9);-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);border-bottom:1px solid rgba(0,0,0,.06)}.nav{justify-content:space-between;padding:18px 20px}.brand,.nav{display:flex;align-items:center}.brand{font-weight:600;letter-spacing:-.01em;gap:10px}.brand-text{display:inline-block}.logo-icon{width:48px;height:48px;border-radius:10px;object-fit:cover}.nav-links{display:none;gap:28px;font-size:14px}.nav-links a{opacity:.7}.nav-links a:hover{opacity:1;text-decoration:none}.hero{min-height:calc(100vh - 62px)}.hero,.hero-grid{display:grid;align-items:center}.hero-grid{grid-gap:40px;gap:40px}.hero-copy{max-width:560px}.hero-sub{margin:18px 0 28px;font-size:clamp(16px,2.5vw,18px)}.hero-actions{display:flex;flex-wrap:wrap;gap:14px 18px;align-items:center}.icon-arrow{display:inline-block;transform:translateY(-1px)}.device-wrap{position:relative;width:min(64vw,320px);margin:0 auto}.device{aspect-ratio:1290/2796;background:#0a0a0a;border-radius:36px;padding:8px;place-items:center}.device,.device-screen{width:100%;display:grid}.device-screen{height:100%;background:#fff;border-radius:28px;place-items:center;border:1px solid rgba(0,0,0,.08);overflow:hidden}.placeholder{color:rgba(0,0,0,.45);font-size:13px}.device-screen img{width:100%;height:100%;object-fit:cover;display:block}.metric{position:absolute;background:#fff;border:1px solid rgba(0,0,0,.1);padding:14px 16px;box-shadow:0 4px 14px rgba(0,0,0,.04)}.metric-label{font-size:10px;letter-spacing:.12em;text-transform:uppercase;color:rgba(0,0,0,.45);margin-bottom:4px}.metric-value{font-weight:600;font-size:20px;letter-spacing:-.01em}.m1{top:-6%;left:clamp(-140px,-22%,-80px);animation:float 6s ease-in-out infinite}.m2{top:32%;right:clamp(-140px,-22%,-80px);animation:float 6s ease-in-out 1.6s infinite}.m3{bottom:-6%;left:clamp(-120px,-18%,-72px);animation:float 6s ease-in-out .8s infinite}@media (max-width:767px){.device-wrap{margin-top:36px}.m1{top:8%}.m2{top:38%}.m3{bottom:8%}}.steps{display:grid;grid-gap:28px;gap:28px;grid-template-columns:repeat(1,minmax(0,1fr))}.step{display:grid;grid-gap:8px;gap:8px}.step-kicker{font-size:12px;letter-spacing:.14em;text-transform:uppercase;color:rgba(0,0,0,.45)}.step-title{font-size:20px;font-weight:600}.examples-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));grid-gap:1px;gap:1px;background:rgba(0,0,0,.08)}.example{background:#fff;padding:24px}.example .kicker{font-size:11px;letter-spacing:.12em;text-transform:uppercase;color:rgba(0,0,0,.45);margin-bottom:6px}.example .label{font-weight:600;margin-bottom:4px}.example .sub{font-size:13px}.features{display:grid;grid-template-columns:repeat(1,minmax(0,1fr));grid-gap:24px;gap:24px}.feature{border-top:1px solid rgba(0,0,0,.1);padding-top:16px}.feature h3{font-size:18px;font-weight:600;margin-bottom:6px}.section-header{display:flex;justify-content:space-between;align-items:end;gap:16px;margin-bottom:14px}.showcase{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));grid-gap:12px;gap:12px}.shot{aspect-ratio:4/3;background:#fff;border:1px solid rgba(0,0,0,.1);display:flex;align-items:end;padding:16px;position:relative;overflow:hidden}.shot-content{z-index:2;color:#fff;text-shadow:0 1px 2px rgba(0,0,0,.6)}.shot-label{font-weight:650;font-size:15px;margin-bottom:4px;line-height:1.2;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.shot-meta{display:flex;align-items:center;gap:6px;font-size:12px;color:rgba(255,255,255,.9)}.shot-meta .muted{color:rgba(255,255,255,.75)}.rarity{padding:2px 6px;border-radius:4px;font-size:10px;font-weight:600;text-transform:uppercase;letter-spacing:.02em}.slide .rarity{border:1px solid rgba(255,255,255,.22);text-shadow:none}.rarity-common{background:#F3E8E2;color:#6B7280}.rarity-uncommon{background:#A7F3D0;color:#047857}.rarity-rare{background:#BFDBFE;color:#1D4ED8}.rarity-epic{background:#FECACA;color:#B91C1C}.rarity-mythic{background:#DDD6FE;color:#5B21B6}.rarity-legendary{background:#FDE68A;color:#92400E}.carousel{overflow:hidden}.track{display:flex;gap:12px;will-change:transform}.slide{flex:0 0 auto;width:min(45vw,280px);position:relative;border:1px solid rgba(0,0,0,.1);border-radius:8px;overflow:hidden;aspect-ratio:4/3;background:#f4f4f5}.slide img{width:100%;height:100%;object-fit:cover;display:block;opacity:0;transition:opacity .25s ease}.slide.is-loaded img{opacity:1}.img-placeholder{position:absolute;inset:0;background:linear-gradient(90deg,rgba(0,0,0,.06) 25%,rgba(0,0,0,.12) 37%,rgba(0,0,0,.06) 63%);background-size:400% 100%;animation:placeholder-shimmer 1.25s ease-in-out infinite}.slide.is-loaded .img-placeholder{opacity:0;transition:opacity .25s ease}@keyframes placeholder-shimmer{0%{background-position:100% 0}to{background-position:0 0}}@media (prefers-reduced-motion:reduce){.img-placeholder{animation:none}}.marquee{overflow:hidden}.marquee-track{width:max-content;animation:marquee-scroll 40s linear infinite;animation-play-state:paused}.marquee-copy,.marquee-track{display:flex;gap:12px}.marquee.is-ready .marquee-track{animation-play-state:running}.marquee:hover.is-ready .marquee-track{animation-play-state:paused}@keyframes marquee-scroll{0%{transform:translateX(0)}to{transform:translateX(-50%)}}.cta{background:#0a0a0a;color:#fff;text-align:center}.cta-title{font-size:clamp(28px,4.5vw,48px);font-weight:400;margin-bottom:12px}.cta-sub{margin:0 auto 24px;max-width:720px}.cta-actions{display:flex;gap:14px 18px;justify-content:center;align-items:center;flex-wrap:wrap}.site-footer{border-top:1px solid rgba(0,0,0,.1);padding:20px 0}.footer-grid{display:flex;justify-content:space-between;align-items:center;gap:16px}.footer-links{display:flex;gap:20px}.skip-link{position:absolute;left:-9999px;top:auto;width:1px;height:1px;overflow:hidden}.skip-link:focus{left:12px;top:12px;width:auto;height:auto;padding:8px 12px;background:#000;color:#fff}.reveal{opacity:0;transform:translateY(8px);transition:opacity .4s ease,transform .4s ease}.reveal-visible{opacity:1;transform:translateY(0)}@media (prefers-reduced-motion:reduce){.m1,.m2,.m3,.reveal{animation:none!important;transition:none!important}}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-8px)}}@media (min-width:768px){.nav-links{display:flex}.hero-grid{grid-template-columns:1fr 1fr;gap:60px}.steps{grid-template-columns:repeat(3,minmax(0,1fr))}.examples-grid,.showcase{grid-template-columns:repeat(4,minmax(0,1fr))}}.img-scrim{position:absolute;left:0;right:0;bottom:0;height:45%;background:linear-gradient(0deg,rgba(0,0,0,.66),rgba(0,0,0,.25) 60%,rgba(0,0,0,0));pointer-events:none;z-index:1}.img-placeholder{z-index:1}