.orbs i:nth-child(1){background:#ff6a00}.orbs i:nth-child(2){background:#7c3aed}
[data-motion="subtle"] .hero-copy>*,[data-motion="lively"] .hero-copy>*{animation:rise .8s cubic-bezier(.2,.7,.2,1) backwards}[data-motion] .hero-copy>*:nth-child(2){animation-delay:.08s}[data-motion] .hero-copy>*:nth-child(3){animation-delay:.16s}[data-motion] .hero-copy>*:nth-child(4){animation-delay:.24s}
[data-motion="lively"] .hero h1 span{background-size:220% 100%;animation:hue 6s ease-in-out infinite alternate}@keyframes hue{to{background-position:100% 0}}
body{background:radial-gradient(60% 45% at 15% 0%,#ff6a0026,transparent 70%),radial-gradient(50% 40% at 90% 10%,#7c3aed2e,transparent 70%),#0d0e12;background-attachment:fixed}
.hero{display:grid;grid-template-columns:1.1fr .9fr;gap:50px;align-items:center;padding:56px 0 40px}.hero small{display:block;color:var(--accent);font-size:10.5px;font-weight:700;letter-spacing:.2em;margin-bottom:16px}.hero h1{font-size:clamp(34px,5vw,56px);font-weight:700;letter-spacing:-.04em;line-height:1.18;margin:0}.hero h1 span{background:linear-gradient(90deg,#ff6a00,#ffb000 45%,#f472b6);-webkit-background-clip:text;background-clip:text;color:transparent}.hero p{color:var(--muted);font-size:15.5px;line-height:1.85;margin:20px 0 28px;max-width:520px}.hero-actions{display:flex;gap:12px;flex-wrap:wrap}.button.big{min-height:52px;padding:12px 30px;font-size:14px;border-radius:14px}
.mock{position:relative;display:grid;place-items:center;min-height:380px}.mock-card{position:relative;z-index:2;width:min(300px,100%);padding:26px;border-radius:26px;background:linear-gradient(160deg,#ffffff18,#ffffff08);border:1px solid #ffffff22;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);box-shadow:0 30px 80px #0008;text-align:center;animation:floaty 6s ease-in-out infinite}.mock-avatar{width:74px;height:74px;border-radius:28%;margin:0 auto 12px;background:linear-gradient(135deg,#ff6a00,#f472b6);box-shadow:0 0 0 3px #0d0e12,0 0 0 5px #ff6a00}.mock-card b{display:block;font-size:18px}.mock-card>span{display:block;color:var(--muted);font-size:12px;margin-bottom:16px}.mock-link{display:flex;align-items:center;gap:10px;padding:10px 12px;margin-top:9px;border-radius:14px;background:#ffffff12;border:1px solid #ffffff1c;text-align:left;font-size:13px}.mock-link i{width:28px;height:28px;border-radius:9px;background:#ff0033aa;flex:none}.mock-link.two i{background:#5865f2cc}.mock-link.three i{background:#ffb000cc}.mock-link em{font-style:normal}
.mock-orb{position:absolute;border-radius:50%;filter:blur(50px);opacity:.55}.mock-orb.a{width:220px;height:220px;background:#ff6a00;left:4%;top:6%}.mock-orb.b{width:200px;height:200px;background:#7c3aed;right:2%;bottom:4%}
@keyframes floaty{0%,100%{transform:translateY(0) rotate(-1deg)}50%{transform:translateY(-10px) rotate(1deg)}}
.features{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;padding:20px 0 30px}.features article{padding:24px;border-radius:20px;background:#ffffff09;border:1px solid #ffffff14}.features article span{font-size:26px}.features h3{margin:12px 0 6px;font-size:16px}.features p{margin:0;color:var(--muted);font-size:13px;line-height:1.75}
.gallery{padding:30px 0}.gallery h2{font-size:17px;font-weight:600;margin:0 0 18px}.grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:16px}.card{display:grid;grid-template-columns:52px minmax(0,1fr);gap:13px;align-items:center;padding:16px;background:#ffffff09;border:1px solid #ffffff14;border-radius:18px;transition:transform .2s,background .2s}.card:hover{background:#ffffff14;transform:translateY(-3px)}.card img{width:52px;height:52px;border-radius:30%;object-fit:cover;background:#101116}.card strong{display:block;font-size:14px;font-weight:600;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.card span{display:block;color:var(--muted);font-size:12px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.home-foot{text-align:center;color:#757785;font-size:11px;letter-spacing:.14em;padding:30px 20px 40px;display:block;border:0}
@media(max-width:820px){.hero{grid-template-columns:1fr;padding-top:34px}.mock{min-height:340px;order:-1}.features{grid-template-columns:1fr}}
@media(prefers-reduced-motion:reduce){.mock-card{animation:none}}