:root{--primary-500: #3b82f6;--primary-600: #2563eb;--accent-500: #8b5cf6;--accent-600: #7c3aed;--brand-500: var(--accent-500);--brand-600: var(--accent-600);--text-strong: #111827;--text-muted: #6b7280;--border-default: #e5e7eb;--bg-soft: #f8f8fa}.bg-gradient-primary{background:linear-gradient(90deg,var(--primary-500) 0%,var(--accent-500) 100%)}.gradient-indigo{background:linear-gradient(135deg,#818cf8,#4338ca)}.gradient-teal{background:linear-gradient(135deg,#14b8a6,#0f766e)}.gradient-lime{background:linear-gradient(135deg,#84cc16,#4d7c0f)}.shadow-base{box-shadow:0 8px 24px #11182714}.shadow-hover:hover{box-shadow:0 12px 28px #1118271f}.shadow-colored-rose{box-shadow:0 8px 24px #f43f5e59}.shadow-colored-slate{box-shadow:0 8px 24px #33415559}.shadow-colored-emerald{box-shadow:0 8px 24px #05966959}.shadow-colored-red{box-shadow:0 8px 24px #ef444459}.shadow-colored-cyan{box-shadow:0 8px 24px #06b6d459}.shadow-colored-violet{box-shadow:0 8px 24px #7c3aed59}.shadow-colored-amber{box-shadow:0 8px 24px #d9770659}.shadow-colored-indigo{box-shadow:0 8px 24px #4338ca59}.shadow-colored-bluepurple{box-shadow:0 8px 24px #8b5cf659}.shadow-colored-teal{box-shadow:0 8px 24px #14b8a659}.shadow-colored-lime{box-shadow:0 8px 24px #84cc1659}.border{border:1px solid var(--border-default)}.border-2{border-width:2px}.border-dashed{border-style:dashed}.border-rose{border-color:#f43f5e}.border-slate{border-color:#334155}.border-emerald{border-color:#059669}.border-red{border-color:#ef4444}.border-cyan{border-color:#06b6d4}.border-violet{border-color:#7c3aed}.border-amber{border-color:#d97706}.border-indigo{border-color:#4338ca}.border-bluepurple{border-color:#8b5cf6}.border-teal{border-color:#0f766e}.border-lime{border-color:#4d7c0f}.btn{display:inline-flex;align-items:center;justify-content:center;padding:10px 16px;border-radius:8px;font-weight:600;transition:all .2s ease;text-decoration:none}.btn-primary{color:#fff;border:1px solid transparent;background:linear-gradient(90deg,var(--primary-600),var(--accent-600)) padding-box,linear-gradient(145deg,#ffffff8c,#11182738) border-box;border-radius:10px;box-shadow:inset 0 1px #ffffffa6,inset 0 -2px #11182738,0 4px 12px #4040ff26;font-weight:600;padding:6px 12px;min-height:32px;font-size:14px;position:relative;overflow:visible;transform-style:preserve-3d;will-change:transform,box-shadow,filter;transition:transform .2s ease,box-shadow .2s ease,filter .2s ease,opacity .2s ease}.btn-primary:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;border-radius:inherit;background:linear-gradient(165deg,#ffffff85,#ffffff2e 38%,#fff0 62%);opacity:0;pointer-events:none;transition:opacity .2s ease}.btn-primary:after{content:"";position:absolute;left:10%;right:10%;bottom:-8px;height:14px;border-radius:50%;background:radial-gradient(ellipse at center,#11182738,#11182700 68%);opacity:0;pointer-events:none;transition:opacity .2s ease}.btn-primary:hover{filter:brightness(1.08);transform:perspective(600px) translateY(-3px) rotateX(2.2deg) rotateY(-1.6deg) scale(1.01);box-shadow:inset 0 1px #ffffffb3,inset 0 -2px #1118273d,0 14px 26px #11182738,0 8px 14px #11182729}.btn-primary:hover:before{opacity:.55}.btn-primary:hover:after{opacity:1}.btn-primary:active{filter:brightness(.98);transform:perspective(600px) translateY(0) rotateX(0) rotateY(0) scale(.98);box-shadow:inset 0 1px #ffffff9e,inset 0 -1px #11182733,0 8px 14px #1118272e,0 5px 10px #1118271f}.btn-primary .btn-icon-svg{width:14px;height:14px;color:#fff;opacity:.95}.btn-primary .btn-text{letter-spacing:.2px}.btn-outline{color:var(--primary-600);background:transparent;border:2px solid var(--primary-600)}.btn-outline:hover{background:#2563eb14}.btn-ghost{color:var(--primary-600);background:transparent}.btn-ghost:hover{background:#2563eb14}.btn-capsule{border-radius:9999px;padding:8px 14px;font-size:16px;background:#fff;border:1px solid #E5E7EB;box-shadow:0 1px #11182714,0 6px 14px #11182714;gap:10px;transition:background .18s ease,border-color .18s ease,box-shadow .18s ease,transform .18s ease}.btn-capsule:hover{background:#fff;border-color:#d1d5db;box-shadow:0 2px #11182714,0 12px 22px #1118271f;transform:translateY(-1px)}.btn-capsule:active{transform:translateY(0);box-shadow:0 1px #11182714,0 8px 16px #1118271a}.btn-capsule:focus-visible{outline:none;box-shadow:0 0 0 3px #3b82f62e,0 6px 14px #11182714}.tag{display:inline-block;font-weight:600;font-size:12px;border-radius:9999px}.tag-light{color:#fff;background:#ffffff47;padding:4px 10px;border:1px solid rgba(255,255,255,.65)}.tag-dark{color:var(--text-strong);background:#0000000f;padding:4px 10px;border:1px solid rgba(0,0,0,.12)}.card{background:#fff;border-radius:12px;border:1px solid var(--border-default)}.card-hover{transition:transform .2s ease,box-shadow .2s ease}.card-hover:hover{transform:translateY(-4px);box-shadow:0 12px 30px #1118271f}.card-result{border:2px solid var(--primary-600);box-shadow:0 8px 24px #2563eb3d}.card-tint-rose{background-color:#fde7ea}.card-tint-peach{background-color:#ffe8d8}.card-tint-sand{background-color:#f5ede1}.card-tint-mint{background-color:#e7f8ef}.card-tint-sky{background-color:#e6f3fe}.card-tint-lavender{background-color:#eeeafd}.card-vivid-rose{background:linear-gradient(120deg,#ff3b5c,#ff7aa0 52%,#ffb3c1);--text-strong: #ffffff;--text-default: #ffffff;--text-muted: rgba(255,255,255,.9)}.card-vivid-orange{background:linear-gradient(125deg,#ff6a00,#ff9a3d 54%,#ffd081);--text-strong: #ffffff;--text-default: #ffffff;--text-muted: rgba(255,255,255,.9)}.card-vivid-teal{background:linear-gradient(135deg,#0fb8b8,#44dfd1 55%,#8ef3ef);--text-strong: #ffffff;--text-default: #ffffff;--text-muted: rgba(255,255,255,.9)}.card-vivid-sky{background:linear-gradient(130deg,#00a6ff,#4cc9ff 55%,#a1e9ff);--text-strong: #ffffff;--text-default: #ffffff;--text-muted: rgba(255,255,255,.9)}.card-vivid-purple{background:linear-gradient(150deg,#6a3df1,#9a75ff 56%,#c4adff);--text-strong: #ffffff;--text-default: #ffffff;--text-muted: rgba(255,255,255,.9)}.card-vivid-lime{background:linear-gradient(145deg,#28b147,#6eda74 56%,#a8ef9f);--text-strong: #ffffff;--text-default: #ffffff;--text-muted: rgba(255,255,255,.9)}.card-vivid-gold{background:linear-gradient(110deg,#f9b233,#ffd866 52%,#ffe69c);--text-strong: #1f2937;--text-default: #1f2937;--text-muted: rgba(31,41,55,.85)}.card-vivid-green{background:linear-gradient(140deg,#00b15e,#4dd88a 54%,#86efac);--text-strong: #ffffff;--text-default: #ffffff;--text-muted: rgba(255,255,255,.9)}.card-vivid-cyan{background:linear-gradient(135deg,#01c4ff,#5ee0ff 55%,#bdf4ff);--text-strong: #1f2937;--text-default: #1f2937;--text-muted: rgba(31,41,55,.85)}.card-vivid-blue{background:linear-gradient(145deg,#2b6fff,#6ea7ff 55%,#a9c8ff);--text-strong: #ffffff;--text-default: #ffffff;--text-muted: rgba(255,255,255,.9)}.card-vivid-pink{background:linear-gradient(155deg,#ff4da6,#ff86c9 52%,#ffc1e6);--text-strong: #ffffff;--text-default: #ffffff;--text-muted: rgba(255,255,255,.9)}.card-engagement-pink{background:linear-gradient(135deg,#ff6b9d,#ff4a7a);--text-strong: #ffffff;--text-default: #ffffff;--text-muted: rgba(255,255,255,.9)}.card-retention-teal{background:linear-gradient(135deg,#4fd1c5,#2dd4bf);--text-strong: #ffffff;--text-default: #ffffff;--text-muted: rgba(255,255,255,.9)}.card-text-dark{--text-strong: #111827;--text-default: #1f2937;--text-muted: rgba(31,41,55,.78)}.card-text-light{--text-strong: #ffffff;--text-default: #ffffff;--text-muted: rgba(255,255,255,.88)}.container{max-width:1200px;margin:0 auto;padding:0 20px}.section{margin:24px 0}.heading-1{font-size:34px;font-weight:800;color:var(--text-strong);letter-spacing:.02em}.heading-2{font-size:22px;font-weight:700;color:var(--text-strong)}.body{font-size:16px;color:var(--text-muted)}.gradient-text{background:linear-gradient(90deg,var(--primary-500),var(--accent-500));-webkit-background-clip:text;background-clip:text;color:transparent}.tech-heading{font-family:Segoe UI,Inter,Montserrat,system-ui,-apple-system,Microsoft YaHei;font-weight:800}.subtitle{font-size:15px;color:#9aa3b2}.page-soft{background:radial-gradient(900px 900px at 20% -10%,#7c3aed12,#fff0 60%),radial-gradient(900px 900px at 80% -10%,#3b82f60f,#fff0 60%),#fff}.gap-sm{gap:12px}.gap-md{gap:20px}.gap-lg{gap:28px}.pad-card{padding:20px}.grid{display:grid}.grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.grid-cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}.grid-cols-4{grid-template-columns:repeat(4,minmax(0,1fr))}.grid-12{grid-template-columns:repeat(12,minmax(0,1fr))}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes scaleIn{0%{transform:scale(.96);opacity:0}to{transform:scale(1);opacity:1}}@keyframes slideUp{0%{transform:translateY(8px);opacity:0}to{transform:translateY(0);opacity:1}}.animate-fade-in{animation:fadeIn .3s ease-out both}.animate-scale-in{animation:scaleIn .32s ease-out both}.animate-slide-up{animation:slideUp .28s ease-out both}@keyframes floaty{0%{transform:translateY(0)}50%{transform:translateY(-8px)}to{transform:translateY(0)}}.animate-float-slow{animation:floaty 5.5s ease-in-out infinite}@media (prefers-reduced-motion: reduce){.animate-float-slow{animation:none}}@keyframes floaty-a{0%{transform:translate(0)}50%{transform:translate(-8px,-10px)}to{transform:translate(0)}}@keyframes floaty-b{0%{transform:translate(0)}50%{transform:translate(10px,-6px)}to{transform:translate(0)}}@keyframes floaty-c{0%{transform:translate(0)}50%{transform:translate(-6px,8px)}to{transform:translate(0)}}@keyframes floaty-d{0%{transform:translate(0)}50%{transform:translate(7px,9px)}to{transform:translate(0)}}@keyframes floaty-e{0%{transform:translate(0)}50%{transform:translate(-9px,3px)}to{transform:translate(0)}}@keyframes floaty-f{0%{transform:translate(0)}50%{transform:translate(5px,-11px)}to{transform:translate(0)}}.float-random-1{animation:floaty-a 6.2s ease-in-out infinite}.float-random-2{animation:floaty-b 5.7s ease-in-out infinite}.float-random-3{animation:floaty-c 6.6s ease-in-out infinite}.float-random-4{animation:floaty-d 5.4s ease-in-out infinite}.float-random-5{animation:floaty-e 6s ease-in-out infinite}.float-random-6{animation:floaty-f 5.8s ease-in-out infinite}@media (prefers-reduced-motion: reduce){.float-random-1,.float-random-2,.float-random-3,.float-random-4,.float-random-5,.float-random-6{animation:none}}.icon-xs{font-size:12px}.icon-sm{font-size:16px}.icon-md{font-size:20px}.icon-lg{font-size:28px}.icon-xl{font-size:36px}.icon-2xl{font-size:44px}.icon-3xl{font-size:56px}.icon-4xl{font-size:72px}.icon-verify{width:92px;height:92px;display:inline-block;will-change:transform;animation:iconPop 1.2s cubic-bezier(.22,1,.36,1) both}@keyframes iconPop{0%{transform:scale(.92) rotate(-2deg)}40%{transform:scale(1.06) rotate(2deg)}to{transform:scale(1) rotate(0)}}.ring-verify{stroke:#4caf50;stroke-width:3;fill:none;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:100;stroke-dashoffset:100;animation:ringDraw .48s cubic-bezier(.65,0,.35,1) forwards}@keyframes ringDraw{to{stroke-dashoffset:0}}.check-verify{stroke:#4caf50;stroke-width:3;fill:none;stroke-linecap:round;stroke-linejoin:round}.check-short{stroke-dasharray:100;stroke-dashoffset:100;animation:checkShort .28s cubic-bezier(.65,0,.35,1) .48s forwards}@keyframes checkShort{to{stroke-dashoffset:0}}.check-long{stroke-dasharray:100;stroke-dashoffset:100;animation:checkLong .44s cubic-bezier(.65,0,.35,1) .76s forwards}@keyframes checkLong{to{stroke-dashoffset:0}}.icon-error{width:92px;height:92px;display:inline-block;will-change:transform;animation:iconPop 1.2s cubic-bezier(.22,1,.36,1) both}.ring-error{stroke:#ef4444;stroke-width:3;fill:none;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:100;stroke-dashoffset:100;animation:ringDraw .48s cubic-bezier(.65,0,.35,1) forwards}.cross-line{stroke:#ef4444;stroke-width:3;fill:none;stroke-linecap:round;stroke-linejoin:round}.cross-short{stroke-dasharray:100;stroke-dashoffset:100;animation:crossShort .28s cubic-bezier(.65,0,.35,1) .48s forwards}@keyframes crossShort{to{stroke-dashoffset:0}}.cross-long{stroke-dasharray:100;stroke-dashoffset:100;animation:crossLong .44s cubic-bezier(.65,0,.35,1) .76s forwards}@keyframes crossLong{to{stroke-dashoffset:0}}@supports not (animation-name: fadeIn){.icon-verify,.icon-error{animation:none}.ring-verify,.check-short,.check-long,.ring-error,.cross-short,.cross-long{animation:none;stroke-dashoffset:0}}@media (prefers-reduced-motion: reduce){.icon-verify,.icon-error{animation:none}.ring-verify,.check-short,.check-long,.ring-error,.cross-short,.cross-long{animation:none;stroke-dashoffset:0}}.ratio-square{aspect-ratio:1 / 1}.ratio-video{aspect-ratio:16 / 9}.ratio-poster{aspect-ratio:3 / 4}.ratio-wide{aspect-ratio:21 / 9}.upload-area{background:#fff;border:2px dashed var(--brand-600);border-radius:12px;padding:28px;transition:border-color .2s ease,background .2s ease,transform .2s ease,box-shadow .2s ease;position:relative}.upload-area:hover{border-color:var(--brand-600);background:#7c3aed0f;box-shadow:0 8px 24px #7c3aed26;transform:translateY(-2px)}.upload-area.dragging{border-color:var(--brand-600);box-shadow:0 12px 32px #7c3aed38;background:#7c3aed14}.upload-icon{transition:transform .18s ease,filter .18s ease}.upload-area:hover .upload-icon{transform:scale(1.06);filter:saturate(1.15)}.upload-area.dragging .upload-icon{transform:scale(1.12);filter:saturate(1.25)}.badge{display:inline-flex;align-items:center;gap:6px;font-size:12px;font-weight:600;border:1px solid var(--border-default);color:var(--text-strong);background:#fff;padding:4px 8px;border-radius:9999px}.badge-icon{width:14px;height:14px;color:var(--brand-600)}.badge-row{display:inline-flex;gap:8px;align-items:center}.result-box{background:#fff;border:1px solid var(--border-default);border-radius:12px}.result-box-header{padding:12px 16px;border-bottom:1px solid var(--border-default);font-weight:600}.result-box-content{padding:16px}.status-success{color:#065f46;background:#d1fae5;border:1px solid #10b981}.status-warning{color:#92400e;background:#fef3c7;border:1px solid #f59e0b}.status-error{color:#991b1b;background:#fee2e2;border:1px solid #ef4444}.status-processing{color:#1e3a8a;background:#dbeafe;border:1px solid #3b82f6}.app-header{padding:20px 40px;background:linear-gradient(90deg,var(--primary-500),var(--accent-500));color:#fff}.app-footer{padding:20px 40px;border-top:1px solid var(--border-default);color:var(--text-muted);background:#fff}.theme-rose{--btn-start: #FF3E3E;--btn-end: #E60023;--accent-color: #E5C65B}.theme-emerald{--btn-start: #16a34a;--btn-end: #0e7a39;--accent-color: #FAD74E}.theme-cyan{--btn-start: #40E0D0;--btn-end: #00CED1;--accent-color: #FFA24D}.theme-bluepurple{--btn-start: #6A5ACD;--btn-end: #483D8B;--accent-color: #FF8BC2}.hidden{display:none}.examples{margin-top:28px}.examples-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}.example-card{border:1px solid var(--border-default);border-radius:12px;background:#fff;overflow:hidden}.example-header{display:flex;justify-content:space-between;align-items:center;padding:10px 12px;border-bottom:1px solid var(--border-default);font-weight:600}.example-body{display:grid;grid-template-columns:1fr 1fr;gap:6px;padding:10px}.example-img-wrap{background:#f1f5f9;border-radius:10px;aspect-ratio:1/1;display:flex;align-items:center;justify-content:center;overflow:hidden}.placeholder-empty{background:#fff;border:2px dashed var(--border-default)}.placeholder-inner{width:100%;height:100%;display:flex;align-items:center;justify-content:center;flex-direction:column;color:var(--text-muted)}.placeholder-text{font-size:12px;margin-top:6px}.steps{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px;margin-top:24px}.step{border:1px dashed var(--border-default);border-radius:10px;padding:12px;text-align:center}.step-title{font-weight:700;font-size:14px;color:var(--text-strong)}.step-desc{font-size:12px;color:var(--text-muted)}@media (max-width: 640px){.heading-1{font-size:28px}.heading-2{font-size:20px}.upload-area{padding:18px}.examples-grid,.steps{grid-template-columns:1fr}}.form-row{margin:12px auto 16px 0;max-width:860px}.form-label{font-size:14px;font-weight:700;color:var(--text-strong);margin-bottom:6px}.text-input{width:100%;padding:10px 12px;border-radius:12px;border:1px solid var(--border-default);background:#ffffffeb;color:#111827;font-size:14px;box-sizing:border-box;display:block;max-width:100%;min-width:0}.text-input::placeholder{color:#94a3b8}.text-input:hover{border-color:#11182729}.text-input:focus{outline:none;border-color:var(--border-default);box-shadow:none}.form-hint{font-size:12px;color:#64748b;margin-top:6px}.home-container{font-family:"system-ui, -apple-system, Segoe UI, Roboto, Helvetica, Arial, sans-serif";background-color:#f8f8fa;min-height:100vh;padding-bottom:0;--home-topbar-h: 56px;padding-top:var(--home-topbar-h)}.header{display:flex;align-items:center;justify-content:space-between;padding:10px 32px;background:transparent;color:#111827;border-bottom:none}.topbar{position:fixed;top:0;left:0;right:0;z-index:1000;backdrop-filter:saturate(180%) blur(12px);-webkit-backdrop-filter:saturate(180%) blur(12px);background:#ffffffa6;border-bottom:1px solid rgba(17,24,39,.08)}.topbar:after{content:"";position:absolute;left:0;right:0;bottom:-1px;height:56px;pointer-events:none;background:linear-gradient(180deg,#7c3aed14,#3b82f60f 40%,#fff0)}.header-logo{width:32px;height:32px;margin-right:10px}.brand{font-size:18px;font-weight:800}.brand-gradient{background:linear-gradient(90deg,#3b82f6,#8b5cf6);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent}.header-left{display:flex;align-items:center;gap:8px}.nav-items{display:flex;align-items:center;gap:26px}.nav-link{color:#4b5563;font-weight:600;text-decoration:none;font-size:13px;display:inline-flex;align-items:center;gap:6px;padding:6px 10px;letter-spacing:.3px}.nav-link:hover{text-decoration:underline}.nav-dropdown{color:#374151}.header-actions{display:flex;gap:10px;align-items:center}.caret-icon{width:14px;height:14px;color:#9aa0aa;transition:transform .16s ease}.caret-icon.open{transform:rotate(180deg)}.logo-mark{width:24px;height:24px;border-radius:8px;display:inline-flex;align-items:center;justify-content:center;background:transparent;box-shadow:none}.logo-icon{width:14px;height:14px;color:#fff}.nav-chip{padding:6px 10px;border-radius:12px;border:1px solid rgba(17,24,39,.08);background:#fff9;color:#1f2937;font-size:12px;text-decoration:none;display:inline-flex;align-items:center;gap:6px}.nav-chip:hover{background:#fffc}.nav-icon{width:16px;height:16px;color:#6b7280}.nav-dropdown-wrapper{position:relative}.dropdown-menu{position:absolute;left:0;top:42px;width:320px;padding:12px;border-radius:14px;border:1px solid rgba(17,24,39,.08);background:#ffffffbf;backdrop-filter:saturate(1.2) blur(12px);-webkit-backdrop-filter:saturate(1.2) blur(12px);box-shadow:0 12px 28px #11182724,0 4px 8px #1118270f;transform-origin:top left;transform:translateY(-6px) scale(.98);opacity:0;pointer-events:none;transition:opacity .16s ease,transform .16s ease;z-index:60}.dropdown-menu.open{opacity:1;transform:translateY(0) scale(1);pointer-events:auto}.dropdown-item{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:12px;border-radius:12px;text-decoration:none;color:#111827;background:transparent;transition:background .16s ease,box-shadow .16s ease}.dropdown-item:hover{background:#1118270d}.dropdown-icon{width:40px;height:40px;border-radius:12px;display:inline-flex;align-items:center;justify-content:center;box-shadow:0 6px 14px #3b82f633;border:1px solid rgba(17,24,39,.08)}.dropdown-icon-svg{width:18px;height:18px;color:#fff}.badge-blue{background:linear-gradient(135deg,#e0e7ff,#bfdbfe)}.badge-purple{background:linear-gradient(135deg,#ede9fe,#d8b4fe)}.dropdown-text{flex:1}.dropdown-title{font-size:14px;font-weight:700;color:#111827}.dropdown-desc{font-size:12px;color:#6b7280}.dropdown-arrow{width:16px;height:16px;color:#9aa0aa}.dropdown-menu.wide{width:600px;padding:16px}.dropdown-section{margin-bottom:12px}.dropdown-section:last-child{margin-bottom:0}.dropdown-section-title{font-size:12px;font-weight:700;color:#6b7280;margin:2px 2px 8px}.dropdown-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}.dropdown-chip{display:inline-flex;align-items:center;gap:8px;padding:8px 10px;border-radius:12px;border:1px solid rgba(17,24,39,.08);background:#ffffffb3;color:#111827;text-decoration:none;transition:background .16s ease,transform .16s ease,box-shadow .16s ease}.dropdown-chip:hover{background:#ffffffe6;transform:translateY(-1px);box-shadow:0 6px 14px #11182714}.chip-icon{width:22px;height:22px;border-radius:8px;display:inline-flex;align-items:center;justify-content:center;background:linear-gradient(135deg,#3b82f6,#8b5cf6)}.chip-icon-svg{width:14px;height:14px;color:#fff}.chip-text{font-size:12px;font-weight:600;color:#1f2937}.user-avatar{width:24px;height:24px;border-radius:999px;background:linear-gradient(135deg,#7c3aed,#3b82f6);color:#fff;font-weight:700;font-size:12px;display:inline-flex;align-items:center;justify-content:center;box-shadow:0 2px 8px #7c3aed40}.sign-in-btn{padding:8px 14px;border-radius:12px;border:1px solid rgba(17,24,39,.12);background:#ffffffe6;color:#111827;font-weight:600;font-size:13px;line-height:1;cursor:pointer;box-shadow:0 1px #1118270f,0 8px 16px #1118270a}.sign-in-btn:hover{background:#fff;border-color:#1118272e}.header-title-underline{position:relative;padding-bottom:10px}.header-title-underline:after{content:"";display:block;width:120px;height:4px;margin:10px 0 0;border-radius:2px;background:linear-gradient(90deg,#3b82f6,#8b5cf6)}.header-subtitle{font-size:14px;color:#ffffffe6;margin-left:10px}.main-content{max-width:1200px;margin:32px auto 0;padding:0 20px}.hero-top{position:relative;background:linear-gradient(to top right,#6fa8ff,#fff,#c084fc);color:#111827;margin-top:calc(-1 * var(--home-topbar-h));padding:calc(140px + var(--home-topbar-h)) 0 40px;overflow:hidden}.hero-grid-overlay{position:absolute;top:0;right:0;bottom:0;left:0;background-image:repeating-linear-gradient(0deg,rgba(0,0,0,.06) 0px,rgba(0,0,0,.06) 1px,transparent 1px,transparent 36px),repeating-linear-gradient(90deg,rgba(0,0,0,.06) 0px,rgba(0,0,0,.06) 1px,transparent 1px,transparent 36px);opacity:.25;pointer-events:none}.hero-watermark{position:absolute;left:0;right:0;top:32px;text-align:center;font-size:96px;font-weight:900;letter-spacing:4px;background-image:linear-gradient(90deg,#3b82f6,#8b5cf6);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;color:transparent;opacity:.35;pointer-events:none}.hero-content{text-align:center;position:relative;z-index:2}.hero-badge{display:inline-block;padding:8px 14px;border-radius:9999px;background:#1118270f;border:1px solid rgba(17,24,39,.12);font-size:20px;font-weight:800;margin-bottom:10px}.text-gradient-blueviolet{background-image:linear-gradient(90deg,#3b82f6,#8b5cf6);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;color:transparent}.hero-title{font-size:40px;font-weight:800;margin-bottom:10px}.hero-desc{font-size:16px;color:#374151;margin-bottom:16px}.hero-actions{display:flex;justify-content:center;gap:12px}.btn-lg{padding:12px 18px;font-size:16px}.hero-gallery{position:relative;overflow:hidden;margin-top:22px;--sequence-count: 6;--card-width: 210px;--card-height: var(--card-width);--marquee-gap: 22px;--marquee-duration: 24s;--fade: 32px;-webkit-mask-image:linear-gradient(to right,transparent 0,black var(--fade),black calc(100% - var(--fade)),transparent 100%);mask-image:linear-gradient(to right,transparent 0,black var(--fade),black calc(100% - var(--fade)),transparent 100%)}.hero-gallery-track{display:inline-flex;gap:var(--marquee-gap);will-change:transform;width:max-content;animation:gallery-marquee var(--marquee-duration) linear infinite}.hero-gallery:hover .hero-gallery-track{animation-play-state:paused}.gallery-card{width:var(--card-width);height:var(--card-height);aspect-ratio:1 / 1;border-radius:10px;overflow:hidden;position:relative;flex:0 0 var(--card-width)}.gallery-card{box-sizing:border-box}.gallery-media{width:100%;height:100%;object-fit:cover;display:block;background:linear-gradient(135deg,#e5e7eb,#fff)}.media-tag{position:absolute;top:8px;left:8px;font-size:12px;font-weight:700;background:#111827;color:#fff;padding:2px 6px;border-radius:6px}@keyframes gallery-marquee{0%{transform:translateZ(0)}to{transform:translate3d(calc(-1 * ((var(--card-width) * var(--sequence-count)) + (var(--marquee-gap) * (var(--sequence-count) - 1)))),0,0)}}@media (max-width: 640px){.hero-gallery{--fade: 24px;--marquee-duration: 22s;--card-width: 165px;--card-height: var(--card-width);--marquee-gap: 16px}}@media (prefers-reduced-motion: reduce){.hero-gallery-track{animation:none;transform:none}}.hero-shapes{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none}.shape-triangle{position:absolute;left:20%;top:80px;width:0;height:0;border-left:28px solid transparent;border-right:28px solid transparent;border-bottom:28px solid #ff7e6b;transform:rotate(-20deg);opacity:.9}.shape-circle{position:absolute;border-radius:50%;background:#b5ff3b;opacity:.9}.circle-lg{width:52px;height:52px;right:22%;top:96px}.circle-sm{width:26px;height:26px;right:18%;top:142px;background:#8b5cf6}.shape-star{position:absolute;left:40%;top:120px;font-size:18px;color:#111827;opacity:.7}.kpi-stats{display:none}.trust-band{background:transparent;border-top:none;border-bottom:none;position:absolute;left:0;right:0;bottom:0}.hero-top{padding:140px 0 100px}.trust-inner{padding:18px 0 24px}.trust-title{font-size:16px;font-weight:800;color:#1f2937;text-align:center;margin-bottom:12px}.trust-logos{display:flex;flex-wrap:wrap;justify-content:center;gap:26px}.trust-logo-item{display:inline-flex;align-items:center;gap:8px}.trust-logo-icon{width:22px;height:22px;filter:drop-shadow(0 1px 1px rgba(0,0,0,.06))}.trust-logo-name{font-size:20px;font-weight:700;color:#7b7f88;opacity:.95}@media (max-width: 640px){.trust-logo-name{font-size:16px}}.brand-amazon .trust-logo-icon{color:#f90}.brand-instagram .trust-logo-icon{color:#c32aa3}.brand-tiktok .trust-logo-icon{color:#000}.brand-etsy .trust-logo-icon{color:#d5641c}.brand-walmart .trust-logo-icon{color:#0071ce}.brand-shopify .trust-logo-icon{color:#95bf47}.brand-ebay .trust-logo-icon{color:#e53238}.logos-band{background:#fff;border-top:1px solid var(--border-default);border-bottom:1px solid var(--border-default)}.logos-inner{padding:16px 0}.logos-title{font-size:14px;color:var(--text-muted);margin-bottom:8px;text-align:center}.logos-list{display:flex;flex-wrap:wrap;justify-content:center;gap:12px}.logo-item{width:72px;height:36px;border-radius:10px;background:linear-gradient(135deg,#e5e7eb,#fff);display:flex;align-items:center;justify-content:center;color:#4b5563;font-weight:600}.section-title{font-size:22px;font-weight:700;text-align:center;margin:26px 0 12px}.chip-group{display:flex;flex-wrap:wrap;gap:10px;justify-content:center}.chip{padding:8px 12px;border-radius:9999px;border:1px solid var(--border-default);font-weight:600;cursor:pointer;-webkit-user-select:none;user-select:none}.chip-ghost{background:#2563eb0f;color:var(--primary-600);border-color:#2563eb33}.cta-button{display:inline-flex;align-items:center;justify-content:center;padding:10px 16px;border-radius:12px;background:linear-gradient(135deg,#3b82f6,#8b5cf6);color:#fff;font-weight:800;font-size:15px;text-decoration:none;border:1px solid rgba(17,24,39,.06);box-shadow:0 10px 20px #3b82f640,0 2px 6px #1118271f;transition:transform .16s ease,box-shadow .16s ease,filter .16s ease;min-width:200px;white-space:nowrap}.cta-button:hover{transform:translateY(-1px);filter:brightness(1.05);box-shadow:0 14px 28px #3b82f64d,0 6px 12px #11182724}.cta-button:active{transform:translateY(0);filter:brightness(.98);box-shadow:0 8px 16px #3b82f640,0 2px 6px #1118271f}.testimonial-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}.testimonial-card{padding:18px}.testimonial-header{display:grid;grid-template-columns:48px 1fr;gap:10px;align-items:center;margin-bottom:10px;padding:10px 12px;border-radius:12px;box-shadow:0 6px 12px #11182714}.testimonial-avatar{width:44px;height:44px;border-radius:999px;overflow:hidden;border:1px solid rgba(255,255,255,.6);background:linear-gradient(135deg,#e5e7eb,#fff);display:flex;align-items:center;justify-content:center}.avatar-initial{font-weight:800;color:#000}.testimonial-name{font-size:16px;font-weight:700;color:var(--text-strong)}.testimonial-title{font-size:14px;color:var(--text-muted)}.testimonial-body{font-size:15px;color:#111827;line-height:1.6;background:#fff;padding:12px 14px;border-radius:12px;box-shadow:0 4px 10px #1118271a;margin-top:10px}@media (max-width: 900px){.testimonial-grid{grid-template-columns:repeat(2,1fr)}}@media (max-width: 560px){.testimonial-grid{grid-template-columns:1fr}}.why-choose{margin-top:28px}.main-content .why-choose{width:100dvw;margin-left:calc(50% - 50dvw);margin-right:calc(50% - 50dvw);padding:0;box-sizing:border-box}@supports not (width: 100dvw){.main-content .why-choose{width:100%;margin-left:0;margin-right:0}html,body{margin:0;overflow-x:hidden}}.why-choose.container{max-width:none;padding:0}.why-choose .why-header{max-width:1200px;margin:0 auto 8px;padding:0 20px}.why-header{text-align:center;margin-bottom:8px}.why-cta-wrap{margin-top:10px}.why-stage{position:relative;border-radius:0;background:linear-gradient(135deg,#1e3a8a,#5b21b6 52%,#b83280);padding:28px 12px;min-height:640px;overflow:hidden;box-shadow:none}.why-doodle{position:absolute;left:0;top:0;width:100%;height:100%;pointer-events:none;display:none}.pivot-center{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);z-index:3}.why-cards{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none}.orbit{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);z-index:2;will-change:transform}.orbit .rotator{position:relative;transform-origin:center;animation:none;will-change:transform}.orbit .pos{position:relative;width:0;height:0;will-change:transform}.orbit.outer .pos{animation:ellipse-outer var(--orbit-duration, 24s) linear infinite}.orbit.inner .pos{animation:ellipse-inner var(--orbit-duration, 24s) linear infinite}.orbit .upright{position:relative;width:0;height:0}.orbit .stat-card{position:absolute;left:0;top:0;transform:translate(-50%,-50%);animation:none}@keyframes orbit-spin{0%{transform:rotate(var(--orbit-start-angle, 0deg))}to{transform:rotate(calc(var(--orbit-start-angle, 0deg) + 360deg))}}@keyframes orbit-unspin{0%{transform:rotate(calc(-1 * var(--orbit-start-angle, 0deg)))}to{transform:rotate(calc(-360deg - var(--orbit-start-angle, 0deg)))}}@keyframes ellipse-outer{0%{transform:translate(420px)}8.33%{transform:translate(363.72px,130px)}16.67%{transform:translate(210px,224.36px)}25%{transform:translateY(260px)}33.33%{transform:translate(-210px,224.36px)}41.67%{transform:translate(-363.72px,130px)}50%{transform:translate(-420px)}58.33%{transform:translate(-363.72px,-130px)}66.67%{transform:translate(-210px,-224.36px)}75%{transform:translateY(-260px)}83.33%{transform:translate(210px,-224.36px)}91.67%{transform:translate(363.72px,-130px)}to{transform:translate(420px)}}@keyframes ellipse-inner{0%{transform:translate(360px)}8.33%{transform:translate(311.76px,110px)}16.67%{transform:translate(180px,190.52px)}25%{transform:translateY(220px)}33.33%{transform:translate(-180px,190.52px)}41.67%{transform:translate(-311.76px,110px)}50%{transform:translate(-360px)}58.33%{transform:translate(-311.76px,-110px)}66.67%{transform:translate(-180px,-190.52px)}75%{transform:translateY(-220px)}83.33%{transform:translate(180px,-190.52px)}91.67%{transform:translate(311.76px,-110px)}to{transform:translate(360px)}}.orbit.outer .pos,.orbit.inner .pos{animation-delay:var(--orbit-delay, 0s)}.orbit.outer{z-index:3}.orbit.inner{z-index:2}.why-cta-center{position:static;transform:none;z-index:3}.stat-card{position:absolute;width:220px;min-height:78px;padding:12px 14px;display:grid;grid-template-columns:22px 1fr;grid-template-rows:auto auto;gap:6px 10px;align-items:center;border-radius:12px}.stat-icon{grid-row:1 / span 2;color:var(--text-strong);mix-blend-mode:luminosity;opacity:.85}.stat-badge{justify-self:start;background:#fff;color:#111827;padding:4px 10px;border-radius:999px;font-weight:700;font-size:16px;box-shadow:0 4px 10px #11182726}.stat-label{font-size:13px;color:var(--text-default)}.pos-top-left{top:16px;left:7%}.pos-top-right{top:160px;right:18%}.pos-mid-left{top:200px;left:8%}.pos-mid-right{top:120px;right:4%}.pos-bottom-left{bottom:14px;left:12px;width:calc(50% - 16px)}.pos-bottom-right{bottom:14px;right:12px;width:calc(50% - 16px)}.why-stage .why-static{position:absolute;width:0;height:0;z-index:4}.why-stage .decor-left{position:absolute;left:4%;bottom:80px;display:flex;gap:8px;opacity:.28;color:#ffb56a;filter:blur(.6px);pointer-events:none;z-index:1}.why-stage .decor-right{position:absolute;right:5%;top:60px;display:flex;gap:8px;opacity:.3;color:#b79dff;filter:blur(.6px);pointer-events:none;z-index:1}.decor-scatter{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;z-index:1}.decor-scatter .scatter-item{position:absolute;transform-origin:center;filter:blur(.8px);mix-blend-mode:soft-light}@media (max-width: 980px){.stat-card{position:relative;width:auto}.pivot-center{position:static;transform:none}.why-cta-center{position:static;transform:none;display:flex;justify-content:center;padding:12px 0}.why-cards{position:static;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;padding:12px;pointer-events:auto}.pos-top-left,.pos-top-right,.pos-mid-left,.pos-mid-right,.pos-bottom-left,.pos-bottom-right{position:relative;top:auto;right:auto;bottom:auto;left:auto}.why-stage{min-height:initial}.why-doodle{display:none}}@media (prefers-reduced-motion: reduce){.orbit,.orbit .stat-card{animation:none;transform:none}}@media (max-width: 560px){.why-cards{grid-template-columns:1fr}}.cta-band{background:linear-gradient(90deg,#3b82f6,#8b5cf6);color:#fff;padding:26px 20px;margin-top:26px}.cta-inner{display:flex;align-items:center;justify-content:space-between;max-width:960px;margin:0 auto}.cta-title{font-size:20px;font-weight:700}.why-choose .why-header .section-title,.why-choose .why-header .section-lead{color:#111827;text-shadow:none}.why-doodle path{stroke:#ffffff8c}.why-doodle circle{fill:#ffffff8c}.main-title{font-size:28px;font-weight:700;text-align:center;margin-bottom:10px;color:#333}.title-underline{position:relative;padding-bottom:12px}.title-underline:after{content:"";display:block;width:140px;height:6px;margin:12px auto 0;border-radius:3px;background:linear-gradient(90deg,#3b82f6,#8b5cf6)}.main-description{font-size:16px;color:#666;text-align:center;margin-bottom:40px}.feature-grid{display:grid;grid-template-columns:1fr;justify-items:start;gap:28px;--feature-w: 360px;--feature-h: 230px;--preview-w: 480px;--desc-w: 320px}.feature-card{border-radius:12px;overflow:visible;border:1px solid transparent;background:linear-gradient(#fff,#fff) padding-box,linear-gradient(145deg,#ffffffa6,#11182729) border-box;box-shadow:inset 0 1px #ffffffa6,inset 0 -2px #1118271a,0 10px 16px -8px #1118271f,0 28px 48px -22px #11182729;transition:transform .22s ease,box-shadow .22s ease,filter .22s ease;transform-style:preserve-3d;will-change:transform,box-shadow,filter;display:flex;flex-direction:column;justify-content:space-between;width:var(--feature-w);height:var(--feature-h);box-sizing:border-box}.feature-card:after{content:"";position:absolute;left:50%;bottom:-14px;transform:translate(-50%) scale(.96);width:calc(var(--feature-w) * .88);height:28px;background:radial-gradient(ellipse at center,#1118273d,#11182729 42%,#11182700 75%);filter:blur(10px);opacity:0;transition:opacity .2s ease,transform .22s ease;pointer-events:none;z-index:-1}.feature-card:hover{transform:perspective(900px) translateY(-10px) rotateX(.8deg) rotateY(-.5deg) scale(1.02);filter:brightness(1.02);box-shadow:inset 0 1px #ffffffb3,inset 0 -2px #1118271f,0 26px 46px -14px #11182738,0 54px 88px -26px #11182742}.feature-card.card-clickable{cursor:pointer}.feature-card:hover:after{opacity:1;transform:translate(-50%) scale(1.12)}.feature-card:active{transform:perspective(900px) translateY(-2px) rotateX(0) rotateY(0) scale(.995);box-shadow:inset 0 1px #ffffffa3,inset 0 -1px #1118271a,0 10px 22px #11182729,0 6px 12px #1118271a}.feature-card:hover .card-top{filter:saturate(1.08) brightness(1.04)}.feature-card:hover .btn{transform:translateY(-1px)}.feature-card .btn-primary{width:fit-content}.feature-card .pad-card{display:flex;justify-content:center}.feature-card{position:relative}.hover-card-stack{position:absolute;left:0;top:50%;transform:translate(-238px,-50%) rotateY(12deg) scale(.96);display:flex;flex-direction:column;gap:10px;width:240px;pointer-events:none;opacity:0;transition:opacity .22s ease,transform .26s cubic-bezier(.22,1,.36,1),filter .24s ease;filter:drop-shadow(0 12px 24px rgba(17,24,39,.14));z-index:3;--mini-accent: #b99666;--mini-tint: rgba(0,0,0,0)}.feature-row.reverse .hover-card-stack{left:auto;right:0;transform:translate(238px,-50%) rotateY(-12deg) scale(.96)}.feature-card:hover .hover-card-stack{opacity:1;transform:translate(-230px,-50%) rotateY(0) scale(1);pointer-events:auto;filter:drop-shadow(0 20px 42px rgba(17,24,39,.18))}.feature-row.reverse .feature-card:hover .hover-card-stack{transform:translate(230px,-50%) rotateY(0) scale(1)}.mini-card{position:relative;background:var(--mini-base, #F2E3C4);background-image:linear-gradient(0deg,var(--mini-tint),var(--mini-tint)),radial-gradient(#0000000a 1px,#0000 1px),linear-gradient(180deg,#ffffff24,#fff0);background-size:auto,8px 8px,auto;background-blend-mode:multiply,multiply,normal;border:1px solid #d1b58f;border-radius:10px;padding:12px 16px 12px 44px;box-shadow:inset 0 1px #fff6,0 10px 18px #441c171f;min-height:44px}.mini-card:before{content:"";position:absolute;top:-18px;left:24px;width:2px;height:18px;background:linear-gradient(var(--mini-accent),color-mix(in oklab,var(--mini-accent) 78%,#3b2c25));border-radius:2px;box-shadow:0 1px #ffffff59;pointer-events:none}.mini-card:after{content:"";position:absolute;top:6px;left:18px;width:12px;height:12px;border-radius:50%;border:2px solid var(--mini-accent);background:radial-gradient(circle at 50% 50%,#0000 45%,color-mix(in oklab,var(--mini-accent) 75%,#ffffff) 46%,color-mix(in oklab,var(--mini-accent) 75%,#ffffff) 65%,#0000 66%);box-shadow:inset 0 1px #fff9,0 1px #00000014;pointer-events:none}.mini-card-text{font-size:12px;line-height:1.35;color:#4b3a2a;white-space:normal;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;text-overflow:ellipsis;word-break:break-word;-webkit-hyphens:auto;hyphens:auto}.mini-0{transform:rotate(-1.5deg)}.mini-1{transform:rotate(.2deg)}.mini-2{transform:rotate(1.3deg)}.mini-0:before{content:none}@media (max-width: 1024px){.hover-card-stack{display:none}}.card-top{height:128px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:8px;position:relative;overflow:hidden}.card-top:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;border-radius:inherit;background:linear-gradient(160deg,#ffffff59 12%,#fff0 60%);pointer-events:none}.card-icon{font-size:48px;color:#fff;opacity:.8}.card-title-top{color:#fff;font-size:18px;font-weight:700}.card-status{position:absolute;top:10px;right:10px;background-color:#fff3;color:#fff;padding:4px 8px;border-radius:5px;font-size:12px}.corner-decor{position:absolute;top:-44px;right:-40px;width:70px;height:70px;border-radius:50%;background:radial-gradient(circle at 30% 30%,#ffffffc7,#ffffff38 42%,#fff0 72%);pointer-events:none}.card-content{background-color:#fff;padding:12px 20px 18px;flex-grow:1;display:flex;flex-direction:column;box-shadow:inset 0 22px 26px -22px #1118271f,inset 0 -18px 24px -22px #11182714;position:relative}.card-content .btn-primary{align-self:center;margin-top:auto}.card-content:before{content:"";position:absolute;top:0;left:0;right:0;height:48px;pointer-events:none;background:linear-gradient(to bottom,#1118271a,#1118270d 55%,#11182700)}.card-content-center{align-items:center}.card-content-bottom{justify-content:flex-end}.card-title{font-size:18px;font-weight:600;margin-bottom:5px;color:#333}.card-subtitle{font-size:14px;color:#666;margin-bottom:15px;flex-grow:1}.card-action{display:flex;align-items:center;font-size:14px;color:#3b82f6;cursor:pointer}.card-action:hover{text-decoration:underline}.gradient-purple{background:linear-gradient(135deg,#a78bfa,#8b5cf6)}.gradient-pink{background:linear-gradient(135deg,#f472b6,#ec4899)}.gradient-red{background:linear-gradient(135deg,#f87171,#ef4444)}.gradient-orange{background:linear-gradient(135deg,#fb923c,#f97316)}.gradient-green{background:linear-gradient(135deg,#4ade80,#22c55e)}.gradient-blue{background:linear-gradient(135deg,#38bdf8,#0ea5e9)}.gradient-gray{background:linear-gradient(135deg,#9ca3af,#6b7280)}.gradient-rose{background:linear-gradient(135deg,#fb7185,#f43f5e)}.gradient-indigo{background:linear-gradient(135deg,#6366f1,#4338ca)}.gradient-cyan{background:linear-gradient(135deg,#22d3ee,#06b6d4)}.gradient-amber{background:linear-gradient(135deg,#f59e0b,#d97706)}.gradient-emerald{background:linear-gradient(135deg,#10b981,#059669)}.gradient-violet{background:linear-gradient(135deg,#a78bfa,#7c3aed)}.gradient-slate{background:linear-gradient(135deg,#64748b,#334155)}.gradient-bluepurple{background:linear-gradient(135deg,#3b82f6,#8b5cf6)}.title-gradient{background:linear-gradient(90deg,#3b82f6,#8b5cf6);-webkit-background-clip:text;background-clip:text;color:transparent}@media (max-width: 420px){.feature-card{width:100%}}.feature-row{display:grid;grid-template-columns:var(--feature-w) var(--preview-w) var(--desc-w);grid-template-rows:auto;grid-template-areas:"card preview desc";gap:18px;align-items:stretch}@media (max-width: 1120px){.feature-grid{--preview-w: 440px;--desc-w: 300px}.feature-row{grid-template-columns:var(--feature-w) var(--preview-w) var(--desc-w);grid-template-areas:"card preview desc";gap:14px}}@media (max-width: 1060px){.feature-grid{--preview-w: 420px;--desc-w: 280px}.feature-row{grid-template-columns:var(--feature-w) var(--preview-w) var(--desc-w);grid-template-areas:"card preview desc";gap:12px}}.feature-row .feature-card{grid-area:card}.feature-row .preview-wrapper{grid-area:preview}.feature-row .desc-panel{grid-area:desc}.feature-row.reverse{grid-template-areas:"desc preview card";grid-template-columns:var(--desc-w) var(--preview-w) var(--feature-w)}.preview-slider{position:relative;width:100%;height:var(--feature-h);border-radius:12px;overflow:hidden;box-shadow:0 4px 15px #00000014;background-image:linear-gradient(45deg,#f0f0f0 25%,transparent 25%),linear-gradient(-45deg,#f0f0f0 25%,transparent 25%),linear-gradient(45deg,transparent 75%,#f0f0f0 75%),linear-gradient(-45deg,transparent 75%,#f0f0f0 75%);background-size:20px 20px;background-position:0 0,0 10px,10px -10px,-10px 0px;touch-action:none;-webkit-user-select:none;user-select:none;cursor:ew-resize}.preview-wrapper{position:relative;height:var(--feature-h)}.desc-panel{height:var(--feature-h);display:flex;align-items:stretch}.desc-panel .desc-box{width:100%;height:100%;display:flex;flex-direction:column;overflow:hidden}.slider-overlay{position:absolute;top:12px;right:12px;width:clamp(260px,44%,420px);pointer-events:none}.desc-box{-webkit-backdrop-filter:saturate(1.1) blur(2px);backdrop-filter:saturate(1.1) blur(2px);background:#ffffffdb;border:1px solid rgba(17,24,39,.08);box-shadow:0 4px 15px #00000014;border-radius:12px;padding:14px 16px;color:#1f2937;box-sizing:border-box}.desc-title{font-size:15px;font-weight:700;margin-bottom:6px}.desc-text{font-size:13px;line-height:1.6;color:#4b5563;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}.desc-list{margin-top:8px;padding-left:18px;color:#374151;font-size:13px;line-height:1.6;max-height:96px;overflow:hidden}.desc-list li{list-style:disc;margin:4px 0}.slider-layer{position:absolute;top:0;right:0;bottom:0;left:0}.slider-top{left:0;right:auto;overflow:hidden}.slider-media{width:100%;height:100%;object-fit:cover;display:block}.slider-handle{position:absolute;top:0;bottom:0;width:0;transform:translate(-50%);pointer-events:none}.slider-line{position:absolute;top:0;bottom:0;width:2px;background:#00000080;left:0}.slider-knob{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:26px;height:26px;border-radius:999px;background:#111827;color:#fff;font-size:12px;font-weight:700;display:inline-flex;align-items:center;justify-content:center;box-shadow:0 6px 16px #1118272e}.default-before{background-image:linear-gradient(45deg,#f0f0f0 25%,transparent 25%),linear-gradient(-45deg,#f0f0f0 25%,transparent 25%),linear-gradient(45deg,transparent 75%,#f0f0f0 75%),linear-gradient(-45deg,transparent 75%,#f0f0f0 75%);background-size:20px 20px;background-position:0 0,0 10px,10px -10px,-10px 0px}.default-after{background:transparent}.hover-card-stack.tint-rose{--mini-accent: #f43f5e;--mini-tint: rgba(244, 63, 94, .08);--mini-base: #FEE2E2}.hover-card-stack.tint-emerald{--mini-accent: #059669;--mini-tint: rgba(5, 150, 105, .08);--mini-base: #E8DCC5}.hover-card-stack.tint-cyan{--mini-accent: #06b6d4;--mini-tint: rgba(6, 182, 212, .08);--mini-base: #E6E6FA}.hover-card-stack.tint-bluepurple{--mini-accent: #8b5cf6;--mini-tint: rgba(139, 92, 246, .08);--mini-base: #C0C0C0}.hover-card-stack.tint-default{--mini-accent: #b99666;--mini-tint: rgba(0,0,0,0);--mini-base: #F2E3C4}html,body{margin:0;padding:0;overflow-x:hidden}.site-footer{background:#0f172a;color:#cbd5e1;padding:48px 0 60px;margin:0}.site-footer-inner{max-width:1200px;margin:0 auto;padding:0 24px;min-height:clamp(260px,28vh,360px)}.site-footer-grid{display:grid;grid-template-columns:1.8fr 1fr 1fr 1fr;column-gap:clamp(32px,6vw,96px);row-gap:16px;align-items:start}.sf-brand-row{display:flex;align-items:center;gap:8px;margin-bottom:10px}.sf-logo-mark{width:18px;height:18px;border-radius:9999px;background:linear-gradient(135deg,#7c3aed,#3b82f6);box-shadow:0 0 0 2px #3b82f640;display:inline-block}.sf-brand-name{font-weight:700;color:#e2e8f0;font-size:18px}.sf-desc{font-size:13px;color:#94a3b8;line-height:1.6;max-width:460px}.sf-title{font-size:14px;font-weight:700;color:#cbd5e1;margin-bottom:10px}.sf-links{list-style:none;padding:0;margin:0}.sf-link{font-size:13px;color:#94a3b8;text-decoration:none;display:inline-block;padding:4px 0}.sf-link:hover{color:#e2e8f0;text-decoration:underline}.sf-divider{height:1px;background:#ffffff14;margin:22px 0}.site-footer-bottom{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:16px;text-align:center;margin-top:0;min-height:clamp(120px,12vh,160px)}.sf-copyright{font-size:14px;color:#cbd5e1}.sf-legal{display:flex;gap:24px;justify-content:center;align-items:center}.sf-legal .sf-link{font-size:13px;color:#cbd5e1}.sf-legal .sf-link:hover{color:#e2e8f0}.sf-legal .sf-link+.sf-link{position:relative}.sf-legal .sf-link+.sf-link:before{content:"";position:absolute;left:-12px;top:50%;transform:translateY(-50%);width:1px;height:16px;background:#ffffff29}@media (max-width: 640px){.site-footer{padding:28px 0 36px}.site-footer-inner{min-height:auto}.site-footer-grid{grid-template-columns:1fr 1fr}.site-footer-bottom{gap:12px;margin-top:8px;min-height:auto}.sf-legal{gap:16px}.sf-copyright,.sf-legal .sf-link{font-size:12px}.sf-brand-name{font-size:16px}.sf-title,.sf-link,.sf-desc{font-size:12px}}.user-menu{position:absolute;right:0;top:calc(100% + 8px);width:100%;box-sizing:border-box;background:#fff;border:1px solid rgba(17,24,39,.12);border-radius:12px;box-shadow:0 8px 24px #1118271f;padding:6px;z-index:1200;transform-origin:top right;transform:translateY(-6px) scale(.98);opacity:0;pointer-events:none;transition:opacity .18s ease,transform .18s ease}.user-menu.open{opacity:1;transform:translateY(0) scale(1);pointer-events:auto}.trial-page{max-width:1440px;margin:40px auto;padding:0 16px}.trial-header{text-align:center;margin-bottom:24px;transform:translate(-42px)}.trial-title{font-size:28px;font-weight:800;letter-spacing:.3px;margin-bottom:6px}.trial-desc{font-size:15px;color:#666}@media (max-width: 560px){.trial-header{transform:none}}.trial-topbar{position:fixed;top:0;left:0;right:0;z-index:1000;width:100%;margin:0;padding:0 calc(16px * var(--trial-scale));box-sizing:border-box;min-height:var(--topbar-h);background:#ffffffa6;-webkit-backdrop-filter:saturate(180%) blur(12px);backdrop-filter:saturate(180%) blur(12px);border-bottom:1px solid rgba(17,24,39,.08)}.trial-topbar:after{content:"";position:absolute;left:0;right:0;bottom:-1px;height:56px;pointer-events:none;background:linear-gradient(180deg,#3b82f61a,#7c3aed1a 40%,#fff0)}.trial-topbar.scrolled{background:#ffffffd9;-webkit-backdrop-filter:saturate(180%) blur(14px);backdrop-filter:saturate(180%) blur(14px);border-bottom-color:#1118271a}.trial-topbar.scrolled:after{background:linear-gradient(180deg,#3b82f624,#7c3aed1f 40%,#fff0);height:64px}.trial-topbar .brand{font-size:calc(18px * var(--trial-scale))}.trial-topbar .header-left{gap:calc(8px * var(--trial-scale))}.trial-topbar .sign-in-btn{padding:calc(8px * var(--trial-scale)) calc(14px * var(--trial-scale));border-radius:calc(12px * var(--trial-scale));font-size:calc(13px * var(--trial-scale));margin-right:calc(12px * var(--trial-scale))}.trial-topbar .logo-slot{width:calc(32px * var(--trial-scale));height:calc(32px * var(--trial-scale));border-radius:8px;background:transparent;border:none;box-shadow:none}.trial-topbar .brand-clickable{text-decoration:none;color:inherit;cursor:pointer}.trial-topbar .brand-clickable:focus-visible{outline:none}.trial-topbar .brand-clickable:hover{opacity:.95}.trial-topbar .topbar-slogan{flex:1;text-align:center;font-size:calc(14px * var(--trial-scale));color:#334155;font-weight:600;letter-spacing:.2px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;pointer-events:none}.trial-layout{display:grid;grid-template-columns:240px 1fr;gap:32px;align-items:start;max-width:1280px;margin:12px auto 32px;padding:0 8px}.trial-sidebar{position:fixed;top:calc(var(--topbar-h) + 8px);left:calc(50% - (min(1280px,100vw)/2) - 125px);width:240px;z-index:900;background:#ffffffa6;-webkit-backdrop-filter:saturate(180%) blur(12px);backdrop-filter:saturate(180%) blur(12px);border:1px solid rgba(17,24,39,.1);border-radius:16px;box-shadow:0 8px 24px #1118270f;padding:8px;max-height:calc(100vh - var(--topbar-h) - 16px);overflow:auto;overscroll-behavior:contain}.trial-sidebar.scrolled{background:#ffffffd9;-webkit-backdrop-filter:saturate(180%) blur(14px);backdrop-filter:saturate(180%) blur(14px);border-color:#1118271f}.sidebar-item,.sidebar-link{display:flex;align-items:center;gap:8px;padding:8px 10px;border-radius:12px;color:#111827;text-decoration:none;font-size:15px;white-space:nowrap}.sidebar-item:hover,.sidebar-link:hover{background:#f3f4f6}.sidebar-home{font-weight:700;background:#eef2ff}.sidebar-icon{width:15px;height:15px;color:#374151}.sidebar-divider{height:1px;background:#11182714;margin:6px 10px}.sidebar-group{padding:4px 4px 6px}.sidebar-group-title{display:flex;align-items:center;justify-content:space-between;width:100%;background:transparent;border:none;cursor:pointer;font-size:14px;color:#6b7280;font-weight:700;margin:4px 6px;padding:10px 12px;text-align:left;border-radius:14px;transition:background-color .16s ease,color .16s ease,box-shadow .18s ease}.sidebar-group-title:hover{background:#eef2ff;color:#374151;box-shadow:0 1px #1118270a inset,0 6px 14px #3b82f629}.sidebar-group-title:hover .sidebar-chevron{color:#64748b}.sidebar-group-title:active{background:#e0e7ff;box-shadow:0 1px #1118270f inset,0 4px 10px #3b82f62e}.sidebar-group-title:focus-visible{outline:none;box-shadow:0 0 0 2px #3b82f640;border-radius:8px}.group-title-text{flex:1;min-width:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.sidebar-chevron{width:16px;height:16px;color:#94a3b8;transition:transform .18s ease}.sidebar-group.expanded .sidebar-chevron{transform:rotate(180deg)}.sidebar-group.collapsed .sidebar-list{display:none}.sidebar-list{list-style:none;margin:0;padding:0}.sidebar-list li{margin:3px 0}.trial-content{min-width:0;grid-column:2;margin-left:0;padding-left:96px}.trial-content .trial-header{margin-left:0}.trial-section{margin:24px 0;scroll-margin-top:calc(var(--topbar-h) + 12px)}.trial-group-title{font-size:18px;font-weight:800;color:#111827;margin-bottom:12px;text-align:left}.trial-card-wrap{scroll-margin-top:calc(var(--topbar-h) + 12px)}.trial-section .trial-group-title{margin-left:calc(100% - (var(--feature-w) * 4 + 28px * 3))}@media (max-width: 1100px){.trial-section .trial-group-title{margin-left:calc(100% - (var(--feature-w) * 3 + 28px * 2))}}@media (max-width: 820px){.trial-section .trial-group-title{margin-left:calc(100% - (var(--feature-w) * 2 + 28px * 1))}}@media (max-width: 560px){.trial-section .trial-group-title{margin-left:0}}.trial-grid{display:grid;grid-template-columns:repeat(4,var(--feature-w));gap:28px;justify-items:stretch;justify-content:end;--feature-w: calc(260px * var(--trial-scale));--feature-h: calc(210px * var(--trial-scale))}.trial-grid .feature-card{border-radius:calc(14px * var(--trial-scale));border-bottom-left-radius:calc(18px * var(--trial-scale));border-bottom-right-radius:calc(18px * var(--trial-scale))}.trial-grid .card-top{border-top-left-radius:calc(14px * var(--trial-scale));border-top-right-radius:calc(14px * var(--trial-scale))}.trial-grid .card-content{border-bottom-left-radius:calc(18px * var(--trial-scale));border-bottom-right-radius:calc(18px * var(--trial-scale));overflow:hidden}.trial-grid .card-top{height:calc(128px * var(--trial-scale))}.trial-grid .card-title-top{font-size:calc(18px * var(--trial-scale))}.trial-grid .card-subtitle{font-size:calc(14px * var(--trial-scale))}.trial-grid .btn-primary{font-size:calc(14px * var(--trial-scale));min-height:calc(32px * var(--trial-scale));padding:calc(6px * var(--trial-scale)) calc(12px * var(--trial-scale))}.trial-grid .btn-primary .btn-icon-svg{width:calc(14px * var(--trial-scale));height:calc(14px * var(--trial-scale))}.trial-grid .card-top{position:relative}.trial-grid .card-badge-beta{position:absolute;top:10px;right:10px;display:inline-flex;align-items:center;gap:6px;padding:6px 10px;border-radius:999px;background:#f59e0b;color:#fff;font-weight:700;font-size:12px;box-shadow:0 6px 14px #f59e0b47;z-index:2;line-height:1;contain:layout paint;transform:translate(0)}.card-badge-beta .beta-icon-wrap{background:transparent!important;box-shadow:none!important}.card-badge-beta .beta-icon-wrap:before,.card-badge-beta .beta-icon-wrap:after{content:none!important}.trial-grid .feature-card:hover .card-badge-beta{transform:translate(-7px,-7px)}.trial-grid .card-badge-beta .beta-icon{width:12px;height:12px;color:#fff;display:block;background:transparent!important;border-radius:0!important;stroke:currentColor}.trial-grid .card-badge-beta .beta-text{letter-spacing:.2px;line-height:1}.trial-grid .card-badge-beta .beta-icon-wrap{all:unset;width:16px;height:16px;border-radius:999px;display:inline-grid;place-items:center;background:transparent!important;box-shadow:none!important;flex:0 0 auto;aspect-ratio:1 / 1;line-height:0;contain:layout paint size;isolation:isolate}.trial-grid .card-badge-beta .beta-icon-wrap:before,.trial-grid .card-badge-beta .beta-icon-wrap:after{content:none!important}.trial-grid .card-badge-beta .beta-icon{fill:none!important;filter:none!important}.trial-grid .card-content .btn-primary{display:none!important}.trial-grid .feature-card.card-clickable{cursor:pointer}.trial-grid .feature-card.card-clickable:focus-visible{outline:none}.trial-grid .feature-card{transform-origin:center;backface-visibility:hidden;position:relative;transition:transform .22s ease,box-shadow .22s ease,opacity .2s ease}.trial-grid .feature-card:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;border-radius:inherit;border:none;box-shadow:none;opacity:0;pointer-events:none;transition:opacity .2s ease,box-shadow .22s ease}.trial-grid .feature-card:hover{transform:translateY(-9px)!important;box-shadow:0 36px 72px -18px #1118273d,0 24px 40px -12px #1118272e;z-index:10}.trial-grid .feature-card:hover:before{opacity:1;box-shadow:0 18px 40px #3b82f638,0 28px 52px #3b82f629}.trial-grid .feature-card.card-clickable:focus-visible{transform:translateY(-4px)!important}.trial-grid .feature-card.card-clickable:focus-visible:before{opacity:1;box-shadow:0 12px 30px #3b82f633,0 20px 36px #3b82f624}.trial-grid .feature-card:hover:after{opacity:1;transform:translate(-50%) scale(1.16)}.trial-grid .feature-card:hover .card-content{padding:calc(14px * var(--trial-scale))}.trial-grid .feature-card:hover .card-top{padding:calc(7px * var(--trial-scale))}.trial-grid .hover-card-stack{width:calc(240px * var(--trial-scale));transform:translate(calc(-238px * var(--trial-scale)),-50%) rotateY(12deg) scale(calc(.96 * var(--trial-scale)))}.trial-grid .feature-card:hover .hover-card-stack{transform:translate(calc(-230px * var(--trial-scale)),-50%) rotateY(0) scale(var(--trial-scale))}@media (max-width: 1100px){.trial-grid{grid-template-columns:repeat(3,var(--feature-w));justify-content:end}}@media (max-width: 820px){.trial-grid{grid-template-columns:repeat(2,var(--feature-w));justify-content:end}}@media (max-width: 560px){.trial-grid{grid-template-columns:1fr;--feature-w: 100%;justify-content:stretch}.trial-page{padding:0 12px}.trial-topbar .topbar-slogan{display:none}.trial-layout{grid-template-columns:1fr;padding:0 12px}.trial-sidebar{position:relative;top:0;left:0;width:auto;z-index:auto}.trial-content{grid-column:1;margin-left:0;padding-left:0}.trial-content .trial-header{margin-left:0}}.trial-root{--trial-scale: 1;--topbar-h: 56px;--feature-w: calc(260px * var(--trial-scale));font-family:"system-ui, -apple-system, Segoe UI, Roboto, Helvetica, Arial, sans-serif";padding-top:var(--topbar-h);background:linear-gradient(180deg,#3b82f66b,#6366f15c 12%,#7c3aed52 20%,#fff 25%,#fff)}.trial-topbar:after{height:var(--topbar-h)}.trial-sidebar .sidebar-link span,.trial-sidebar .sidebar-item span{flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis}.auth-page{min-height:100vh;background:linear-gradient(180deg,#eff3ff,#fff 45%);padding:24px 16px 48px}.auth-header{max-width:760px;margin:0 auto}.back-link{display:inline-flex;align-items:center;gap:8px;color:#374151;font-size:14px;text-decoration:none}.back-link:hover{color:#111827}.back-icon{width:16px;height:16px}.auth-brand{max-width:760px;margin:16px auto 8px;display:flex;align-items:center;gap:10px;justify-content:center;position:relative}.brand-mark{width:40px;height:40px;border-radius:12px;background:linear-gradient(180deg,#eef2ff,#e9d5ff);display:flex;align-items:center;justify-content:center;box-shadow:0 8px 24px #4f46e51f}.brand-eye{width:22px;height:22px;color:#5b21b6}.brand-name{font-size:24px;font-weight:800;background:linear-gradient(90deg,#2563eb,#8b5cf6);-webkit-background-clip:text;background-clip:text;color:transparent}.auth-brand .back-link{position:absolute;left:0;top:-28px}.auth-welcome{text-align:center;font-size:22px;font-weight:800;margin-top:8px;color:#111827}.auth-sub{text-align:center;color:#6b7280;font-size:14px;margin-top:6px}.auth-card{max-width:640px;margin:18px auto 0;background:#fff;border:1px solid rgba(17,24,39,.08);border-radius:16px;box-shadow:0 20px 40px #11182714;padding:24px;overflow:hidden}.auth-card-wide{max-width:760px}.auth-card-title{font-size:16px;font-weight:700;text-align:center;margin-bottom:12px}.auth-form{display:flex;flex-direction:column;gap:10px}.auth-label{font-size:12px;color:#374151;margin-top:6px}.field{position:relative}.field-icon{position:absolute;left:12px;top:50%;transform:translateY(-50%);width:18px;height:18px;color:#6b7280}.auth-input{width:100%;height:40px;border:1px solid #d1d5db;border-radius:8px;padding:8px 12px 8px 36px;font-size:14px;background:#eef2ff;box-sizing:border-box}.auth-input:focus{outline:none;border-color:#818cf8;box-shadow:0 0 0 3px #6366f140;background:#e5e7ff}.field-action{position:absolute;right:10px;top:50%;transform:translateY(-50%);border:none;background:transparent;color:#6b7280;cursor:pointer}.field .auth-input{padding-right:36px}.field-action:hover{color:#111827}.auth-btn-primary{width:100%;height:40px;border:none;border-radius:8px;background:linear-gradient(90deg,#2563eb,#8b5cf6);color:#fff;font-weight:700;cursor:pointer;box-shadow:0 12px 24px #6366f152}.auth-btn-primary:hover{filter:brightness(1.05)}.auth-divider{display:flex;align-items:center;gap:12px;color:#9ca3af;font-size:12px;margin:12px 0}.auth-divider:before,.auth-divider:after{content:"";height:1px;background:#e5e7eb;flex:1}.auth-btn-oauth{width:100%;height:40px;border:1px solid #e5e7eb;border-radius:8px;background:#fff;cursor:pointer;font-weight:600;color:#374151;display:inline-flex;align-items:center;gap:8px;justify-content:center}.auth-btn-oauth:hover{background:#f9fafb}.google-icon{display:inline-flex;align-items:center;justify-content:center}.auth-links-row{display:flex;justify-content:center;margin-top:6px}.auth-link{color:#2563eb;text-decoration:none;font-size:12px}.auth-link:hover{text-decoration:underline}.auth-bottom{text-align:center;font-size:13px;color:#374151;margin-top:10px}.auth-content{padding-top:clamp(60px,16vh,220px)}.auth-content-tight{padding-top:clamp(36px,10vh,160px)}