:root{--ink: #16181d;--muted: #6b7280;--line: #e5e7eb;--soft: #f7f8fb;--indigo: #4f46e5;--violet: #8b5cf6;--grad: linear-gradient(135deg, #4f46e5 0%, #8b5cf6 55%, #c084fc 100%)}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif;color:var(--ink);background:#fff;line-height:1.6;-webkit-font-smoothing:antialiased}a{color:inherit;text-decoration:none}.container{max-width:1080px;margin:0 auto;padding:0 24px}.grad-text{background:var(--grad);-webkit-background-clip:text;background-clip:text;color:transparent}.nav{position:sticky;top:0;z-index:10;background:linear-gradient(to bottom,#08090e61,#08090e00);border-bottom:1px solid transparent;transition:background .3s ease,border-color .3s ease,backdrop-filter .3s ease}.nav.is-solid{background:#ffffffdb;backdrop-filter:blur(12px);border-bottom-color:var(--line)}.nav-inner{display:flex;align-items:center;justify-content:space-between;height:60px}.logo{font-weight:700;font-size:18px;letter-spacing:.2px}.nav .logo{color:#fff;text-shadow:0 1px 10px rgba(0,0,0,.35)}.nav.is-solid .logo{color:var(--ink);text-shadow:none}.logo-mark{background:var(--grad);-webkit-background-clip:text;background-clip:text;color:transparent}.nav-links{display:flex;align-items:center;gap:26px;font-size:14px;color:#ffffffd1}.nav-links a{text-shadow:0 1px 10px rgba(0,0,0,.35)}.nav-links a:hover{color:#fff}.nav.is-solid .nav-links{color:var(--muted)}.nav.is-solid .nav-links a{text-shadow:none}.nav.is-solid .nav-links a:hover{color:var(--ink)}.nav-cta{color:#fff!important;background:var(--grad);padding:8px 16px;border-radius:999px;font-weight:600}.hero{position:relative;z-index:0;margin-top:-60px;padding:144px 0 72px;overflow:hidden}.hero-bg{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;z-index:0}.hero-scrim{position:absolute;inset:0;z-index:1;background:linear-gradient(to right,#08090ead,#08090e5c 45%,#08090e1f),linear-gradient(to bottom,#08090e0d,#08090e38)}.hero>.container{position:relative;z-index:2}.hero h1{color:#fff;text-shadow:0 2px 22px rgba(0,0,0,.4)}.hero .hero-sub{color:#ffffffeb;text-shadow:0 1px 14px rgba(0,0,0,.4)}.hero .chips{color:#ffffffd9;text-shadow:0 1px 12px rgba(0,0,0,.45)}.hero .hero-badge{color:#fff;background:#ffffff24;border-color:#ffffff47}.hero .btn-ghost{color:#fff;border-color:#ffffff73}.hero .btn-ghost:hover{background:#ffffff1f}.hero-grid{display:grid;grid-template-columns:1.15fr .85fr;gap:48px;align-items:center}.hero-badge{display:inline-block;font-size:13px;font-weight:600;color:var(--indigo);background:#eef2ff;border:1px solid #e0e7ff;padding:4px 12px;border-radius:999px;margin-bottom:18px}h1{font-size:52px;line-height:1.12;margin:0 0 18px;letter-spacing:-1px}.hero-sub{font-size:18px;color:var(--muted);max-width:480px;margin:0 0 28px}.hero-actions{display:flex;gap:14px;flex-wrap:wrap;margin-bottom:26px}.btn-primary{display:inline-block;background:var(--grad);color:#fff;font-weight:600;font-size:15px;padding:13px 24px;border-radius:12px;box-shadow:0 8px 24px #6352e952;transition:transform .15s ease,box-shadow .15s ease}.btn-primary:hover{transform:translateY(-1px);box-shadow:0 12px 28px #6352e966}.btn-ghost{display:inline-block;font-weight:600;font-size:15px;padding:13px 24px;border-radius:12px;border:1px solid var(--line);color:var(--ink)}.btn-ghost:hover{background:var(--soft)}.chips{list-style:none;display:flex;flex-wrap:wrap;gap:8px 18px;padding:0;margin:0;font-size:13px;color:var(--muted)}.hero-phone{position:relative;display:flex;justify-content:center}.phone{position:relative;width:270px;aspect-ratio:9 / 19.2;border-radius:38px;border:10px solid #16181d;background:#000;overflow:hidden;box-shadow:0 30px 60px #16181d47;z-index:1}.phone video,.phone img{width:100%;height:100%;object-fit:cover;display:block}.phone-notch{position:absolute;top:10px;left:50%;transform:translate(-50%);width:86px;height:24px;background:#16181d;border-radius:999px;z-index:2}.phone-glow{position:absolute;inset:-8% -18%;background:radial-gradient(closest-side,rgba(139,92,246,.22),transparent 72%);z-index:0}h2{font-size:34px;text-align:center;margin:0 0 8px;letter-spacing:-.5px}.section-sub{text-align:center;color:var(--muted);margin:0 0 40px;font-size:16px}.inspired{padding:88px 0 96px;background:#0b0c12;background-image:radial-gradient(60% 50% at 50% -8%,rgba(124,58,237,.18),transparent 70%)}.inspired>.container{max-width:none;padding-left:4px;padding-right:4px}.inspired-head{text-align:center;margin-bottom:48px}.inspired-title{margin:0;font-size:36px;font-weight:800;letter-spacing:-.8px;background:linear-gradient(to right,#c084fc,#818cf8,#38bdf8);-webkit-background-clip:text;background-clip:text;color:transparent}.inspired-sub{margin:18px auto 0;font-size:17px;color:#9aa3b2;max-width:720px;line-height:1.65}.masonry{columns:2;column-gap:4px}@media(min-width:600px){.masonry{columns:3}}@media(min-width:900px){.masonry{columns:4}}@media(min-width:1200px){.masonry{columns:5}}@media(min-width:1921px){.masonry{columns:6}}@media(min-width:3840px){.masonry{columns:7}}.masonry-item{margin-bottom:4px;break-inside:avoid}.vcard{position:relative;overflow:hidden;border-radius:4px;background:#111827;cursor:pointer;box-shadow:0 8px 18px -6px #00000080;transition:transform .3s ease,box-shadow .3s ease}.vcard:hover,.vcard.is-hover{transform:translateY(-2px);box-shadow:0 24px 48px -16px #000000b3}.vcard video{display:block;width:100%;height:auto;object-fit:cover;transition:transform .4s ease}.vcard:hover video,.vcard.is-hover video{transform:scale(1.05)}.vcard-type{position:absolute;top:8px;right:8px;z-index:2;padding:3px 9px;font-size:12px;font-weight:600;color:#fff;background:#0000008c;backdrop-filter:blur(4px);border-radius:7px;pointer-events:none}.vcard-brand{position:absolute;top:8px;left:8px;z-index:2;padding:3px 9px;font-size:12px;font-weight:600;color:#fff;background:#0000008c;backdrop-filter:blur(4px);border-radius:7px;opacity:0;transform:translateY(-4px);transition:all .3s ease;pointer-events:none}.vcard:hover .vcard-brand,.vcard.is-hover .vcard-brand{opacity:1;transform:none}.vcard img{display:block;width:100%;height:auto;object-fit:cover;transition:transform .4s ease}.vcard:hover img,.vcard.is-hover img{transform:scale(1.05)}.vcard[style*=aspect-ratio] video,.vcard[style*=aspect-ratio] img{height:100%}.masonry-status{text-align:center;color:#9aa3b2;font-size:15px;padding:36px 0}.masonry-status[hidden]{display:none}.lb-image{max-width:90vw;max-height:78vh;object-fit:contain;border-radius:8px}.lb-video[hidden],.lb-image[hidden]{display:none}.lightbox{position:fixed;inset:0;z-index:50;background:#000000eb;display:flex;align-items:center;justify-content:center}.lightbox[hidden]{display:none}.lb-stage{display:flex;flex-direction:column;align-items:center;max-width:90vw}.lb-video{max-width:90vw;max-height:78vh;object-fit:contain;border-radius:8px}.lb-close,.lb-prev,.lb-next,.lb-dl{position:absolute;display:grid;place-items:center;padding:8px;border:none;border-radius:50%;background:#00000080;color:#fff;cursor:pointer;transition:background-color .2s ease}.lb-close:hover,.lb-prev:hover,.lb-next:hover{background:#000000b3}.lb-dl:hover{background:var(--grad)}.lb-close{top:20px;right:20px}.lb-dl{top:20px;right:68px}.lb-prev{left:16px;top:50%;transform:translateY(-50%)}.lb-next{right:16px;top:50%;transform:translateY(-50%)}.lb-close svg,.lb-prev svg,.lb-next svg,.lb-dl svg{width:24px;height:24px}.lb-dots{display:flex;justify-content:center;gap:8px;margin-top:16px}.lb-dot{height:8px;width:8px;border:none;padding:0;border-radius:999px;background:#475569;cursor:pointer;transition:all .2s ease}.lb-dot:hover{background:#64748b}.lb-dot.active{width:24px;background:#2563eb}.features{padding:72px 0 80px;background:var(--soft)}.feature-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:24px}.theme-violet{--c1: #8b5cf6;--c2: #9333ea;--i1: #a78bfa;--i2: #a855f7}.theme-blue{--c1: #3b82f6;--c2: #0891b2;--i1: #60a5fa;--i2: #06b6d4}.theme-amber{--c1: #f59e0b;--c2: #ea580c;--i1: #fbbf24;--i2: #f97316}.theme-rose{--c1: #f43f5e;--c2: #db2777;--i1: #fb7185;--i2: #ec4899}.theme-emerald{--c1: #10b981;--c2: #0d9488;--i1: #34d399;--i2: #14b8a6}.theme-indigo{--c1: #6366f1;--c2: #2563eb;--i1: #818cf8;--i2: #3b82f6}.card{position:relative;overflow:hidden;background:#fff;border:1px solid var(--line);border-radius:24px;padding:32px;box-shadow:0 20px 25px -5px #0000001a,0 8px 10px -6px #0000001a;transition:all .5s ease}.card:hover,.card.is-hover{transform:translateY(-8px);border-color:transparent;box-shadow:0 25px 50px -12px #00000040}.card-tint{position:absolute;inset:0;background:linear-gradient(to bottom right,var(--c1),var(--c2));opacity:0;transition:opacity .5s ease;pointer-events:none}.card:hover .card-tint,.card.is-hover .card-tint{opacity:.05}.card-glow{position:absolute;top:0;right:0;width:128px;height:128px;border-radius:50%;background:linear-gradient(to bottom right,var(--c1),var(--c2));opacity:0;filter:blur(40px);transition:all .5s ease;pointer-events:none}.card:hover .card-glow,.card.is-hover .card-glow{opacity:.1}.card-icon-wrap{position:relative;display:inline-flex;margin-bottom:20px}.card-icon{position:relative;z-index:1;display:grid;place-items:center;padding:16px;border-radius:16px;background:linear-gradient(to bottom right,var(--i1),var(--i2));color:#fff;box-shadow:0 10px 15px -3px #0000001a,0 4px 6px -4px #0000001a;transition:transform .5s ease}.card:hover .card-icon,.card.is-hover .card-icon{transform:scale(1.1)}.card-icon :global(svg){width:26px;height:26px}.icon-glow{position:absolute;inset:0;border-radius:16px;background:linear-gradient(to bottom right,var(--i1),var(--i2));opacity:0;filter:blur(24px);transition:opacity .5s ease;pointer-events:none}.card:hover .icon-glow,.card.is-hover .icon-glow{opacity:.4}.card h3{position:relative;margin:0 0 12px;font-size:20px;font-weight:700;letter-spacing:-.2px;transition:all .5s ease}.card:hover h3,.card.is-hover h3{background:linear-gradient(to right,var(--c1),var(--c2));-webkit-background-clip:text;background-clip:text;color:transparent}.card p{position:relative;margin:0;color:var(--muted);font-size:14.5px;line-height:1.7}.card-bar{position:absolute;bottom:0;left:0;right:0;height:4px;background:linear-gradient(to right,var(--c1),var(--c2));transform:scaleX(0);transform-origin:left;transition:transform .5s ease}.card:hover .card-bar,.card.is-hover .card-bar{transform:scaleX(1)}.how{padding:72px 0}.steps{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}.step{text-align:center;padding:12px 16px}.step-n{width:44px;height:44px;margin:0 auto 14px;display:grid;place-items:center;border-radius:50%;background:var(--grad);color:#fff;font-weight:700;font-size:18px}.step h3{margin:0 0 6px;font-size:17px}.step p{margin:0;color:var(--muted);font-size:14.5px}.pricing{padding:24px 0 84px}.pricing-box{background:linear-gradient(135deg,#eef2ff,#f5f3ff);border:1px solid #e0e7ff;border-radius:24px;text-align:center;padding:56px 24px}.pricing-box .btn-primary{margin-top:8px}.footer{border-top:1px solid var(--line);padding:36px 0}.footer-inner{display:flex;align-items:center;justify-content:space-between;gap:16px;flex-wrap:wrap}.footer-links{display:flex;gap:22px;font-size:14px;color:var(--muted)}.footer-links a:hover{color:var(--ink)}.copyright{font-size:13px;color:var(--muted)}@media(max-width:1024px)and (min-width:861px){.feature-grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:860px){.hero{padding:96px 0 56px}.hero-grid{grid-template-columns:1fr;gap:40px}h1{font-size:38px}.feature-grid,.steps{grid-template-columns:1fr}.nav-links a:not(.nav-cta){display:none}}