/* Expressive surfaces and progressive motion shared by storefront and portals. */
:root { --violet: #7257d9; --cyan: #13b6bf; --ease-out: cubic-bezier(.22,1,.36,1); }
.enterprise-store { background: radial-gradient(ellipse at 3% 18%,#dff4f640,transparent 35%),radial-gradient(ellipse at 95% 48%,#ece6ff50,transparent 35%),#f7f9fc; }
.enterprise-store .utility-bar { background: linear-gradient(105deg,#102a43,#164c64 55%,#24627a); }
.enterprise-store>header::after { content:''; position:absolute; inset:auto 0 0; height:2px; background:linear-gradient(90deg,#087f8c,#35c6cc,#8b6de2,#087f8c); opacity:.7; }
.gradient-text { color:#077887; background:linear-gradient(105deg,#067f8b 5%,#4269bb 55%,#7550c6); -webkit-background-clip:text; background-clip:text; -webkit-text-fill-color:transparent; }
.market-hero { position:relative; isolation:isolate; border-radius:24px; background:linear-gradient(120deg,#102a43,#174c67 45%,#284074 78%,#403169); background-size:200% 200%; animation:gradient-drift 18s ease-in-out infinite; box-shadow:0 18px 60px #183c6520; min-height:480px; }
.market-hero::before { content:''; position:absolute; width:400px; height:400px; border-radius:50%; background:radial-gradient(circle,#36c6d226,transparent 70%); left:-140px; top:-170px; z-index:-1; animation:orb-drift 12s ease-in-out infinite; pointer-events:none; }
.hero-copy { position:relative; z-index:1; padding:54px 48px; }
.hero-copy h1 { font-size:clamp(38px,4.5vw,58px); letter-spacing:-.055em; }
.hero-copy h1 span { background:linear-gradient(90deg,#95f1d9,#a3e6fc,#c8b9ff); -webkit-background-clip:text; background-clip:text; -webkit-text-fill-color:transparent; }
.hero-copy>.eyebrow { width:fit-content; padding:8px 12px; border:1px solid #8bc7d933; border-radius:100px; background:#ffffff0b; font-size:10px; letter-spacing:.13em; }
.hero-copy>.eyebrow::before { display:none; }
.hero-art { background:radial-gradient(circle at 72% 30%,#d1c5ff,transparent 50%),radial-gradient(circle at 20% 68%,#a7e9e2,transparent 55%),linear-gradient(135deg,#e6f6f5,#edf0ff); overflow:hidden; }
.hero-art::before { content:''; position:absolute; inset:0; background-image:radial-gradient(#37708d26 1px,transparent 1px); background-size:23px 23px; -webkit-mask-image:linear-gradient(120deg,transparent,#000,transparent); mask-image:linear-gradient(120deg,transparent,#000,transparent); pointer-events:none; }
.commerce-illustration { position:relative; z-index:1; animation:float-soft 7s ease-in-out infinite; filter:drop-shadow(0 14px 15px #31507815); }
.hero-floating-tag { position:absolute; top:28px; right:26px; display:flex; align-items:center; gap:9px; padding:12px 16px; z-index:2; border-radius:12px; color:#34557a; font-size:12px; font-weight:600; background:#ffffffcf; border:1px solid #fff; backdrop-filter:blur(12px); box-shadow:0 8px 24px #38547712; animation:float-soft 6s ease-in-out infinite reverse; }
.hero-floating-tag i { color:var(--violet); font-size:21px; }
.hero-art .hero-caption { background:#ffffffea; backdrop-filter:blur(14px); border:1px solid #fff; box-shadow:0 12px 40px #243e6514; animation:float-soft 8s ease-in-out infinite; }
.hero-market-stats { display:flex; gap:20px; margin-top:24px; flex-wrap:wrap; }
.hero-market-stats>div { display:flex; flex-direction:column; gap:2px; min-width:85px; }
.hero-market-stats strong { color:#fff; font-size:22px; letter-spacing:-.03em; font-variant-numeric:tabular-nums; }
.hero-market-stats span { color:#aecbdc; font-size:11px; white-space:nowrap; }
.hero-community-chips { display:flex; align-items:center; gap:8px; flex-wrap:wrap; margin-top:20px; }
.hero-chip-label { font-size:11px; font-weight:700; color:#8ce0dc; display:inline-flex; align-items:center; gap:5px; text-transform:uppercase; letter-spacing:.08em; }
.hero-chip { display:inline-flex; align-items:center; gap:6px; padding:6px 13px; border-radius:100px; font-size:11px; font-weight:600; color:#e0eff9; background:#ffffff12; border:1px solid #ffffff24; backdrop-filter:blur(8px); transition:all .25s var(--ease-out); text-decoration:none; }
.hero-chip:hover { background:#ffffff26; color:#fff; border-color:#8ce0dc; transform:translateY(-2px); }
.hero-chip i { font-size:14px; }
.hero-partner-btn { background:rgba(255,255,255,0.08)!important; border-color:rgba(255,255,255,0.22)!important; color:#fff!important; }
.hero-partner-btn:hover { background:rgba(255,255,255,0.18)!important; border-color:#8ce0dc!important; }
.hero-floating-community-badge { position:absolute; bottom:110px; left:26px; display:flex; align-items:center; gap:10px; padding:10px 14px; z-index:2; border-radius:12px; background:#ffffffea; border:1px solid #fff; backdrop-filter:blur(12px); box-shadow:0 8px 24px #38547715; animation:float-soft 7s ease-in-out infinite; }
.community-avatars { display:flex; }
.avatar-dot { width:22px; height:22px; border-radius:50%; border:2px solid #fff; display:flex; align-items:center; justify-content:center; font-size:9px; font-weight:800; color:#fff; margin-left:-6px; }
.avatar-dot:first-child { margin-left:0; }
.community-text { display:flex; flex-direction:column; line-height:1.2; }
.community-text strong { font-size:12px; color:#102a43; font-weight:700; }
.community-text span { font-size:10px; color:#627d98; }
.hero-note { margin-top:20px; }
.button-primary { background:linear-gradient(110deg,#07818d,#159aaa 55%,#398aae); border-color:transparent; box-shadow:0 5px 16px #087f8c23; transition:transform .3s var(--ease-out),box-shadow .3s,filter .3s; }
.button-primary:hover { background:linear-gradient(110deg,#056c78,#158eab,#486ccc); transform:translateY(-3px); box-shadow:0 10px 25px #078b9a33; }
.button-secondary { transition:transform .3s var(--ease-out),box-shadow .3s,background .3s; }
.button-secondary:hover { transform:translateY(-3px); box-shadow:0 7px 18px #25445f13; }
.button-primary i,.section-link i { transition:transform .3s var(--ease-out); }
.button-primary:hover i,.section-link:hover i { transform:translate(3px,-2px); }
.trust-strip { background:linear-gradient(115deg,#fff,#f1fafa 45%,#f4f1ff); box-shadow:0 7px 26px #183c6505; border-color:#dfe9f4; }
.trust-item>i { background:linear-gradient(135deg,#d8f3ed,#e4edff); border:1px solid #fff; border-radius:12px; min-width:44px; height:44px; display:flex; align-items:center; justify-content:center; font-size:24px; }
.store-section { padding-top:62px; padding-bottom:46px; }
.store-section+.store-section { padding-top:24px; }
.section-head { margin-bottom:30px; }
.section-head h2 { font-size:31px; letter-spacing:-.04em; }
.category-tile { position:relative; overflow:hidden; background:linear-gradient(145deg,#fff,#f5fafc); transition:transform .35s var(--ease-out),box-shadow .35s,border-color .35s; }
.category-tile:hover { transform:translateY(-7px); box-shadow:0 14px 28px #234f6912; }
.category-tile .category-icon { background:linear-gradient(135deg,#d6f2eb,#e2ebfb); border:1px solid #fff; transition:transform .4s var(--ease-out); }
.category-tile:nth-child(3n+2) .category-icon { background:linear-gradient(135deg,#e6dcff,#e7f0ff); color:#7057b5; }
.category-tile:nth-child(3n) .category-icon { background:linear-gradient(135deg,#ffebd5,#f9e9f6); color:#a06342; }
.category-tile:hover .category-icon { transform:scale(1.1) rotate(-5deg); }
.enterprise-product { transition:transform .35s var(--ease-out),box-shadow .35s,border-color .35s; }
.enterprise-product::before { content:''; position:absolute; left:0; right:0; top:0; height:3px; z-index:3; background:linear-gradient(90deg,#078a8b,#54b9d3,#8b6ddc); opacity:0; transition:opacity .3s; }
.enterprise-product:hover { transform:translateY(-7px); box-shadow:0 18px 35px #28406516; border-color:#b1cedb; }
.enterprise-product:hover::before { opacity:1; }
.product-photo { background:radial-gradient(circle at 75% 20%,#f4f3fc,transparent 60%),linear-gradient(145deg,#f3f8f9,#eaf1f4); }
.product-bottom button { background:linear-gradient(135deg,#e0f4f0,#e5effb); transition:transform .3s,background .3s; }
.product-bottom button:hover { transform:rotate(90deg); background:#d6edeb; }
.product-badge { background:linear-gradient(100deg,#07848d,#388aac); }
.vendor-tile { background:linear-gradient(135deg,#fff,#f7fbff); transition:transform .3s var(--ease-out),box-shadow .3s; }
.vendor-tile:hover { transform:translateY(-5px); box-shadow:0 12px 25px #24466310; }
.vendor-avatar { background:linear-gradient(135deg,#d7efe9,#dce8fb); }
.service-panel { background:radial-gradient(ellipse at 100% 0,#d6eff155,transparent 60%),linear-gradient(135deg,#fff,#f5f9fd); transition:transform .35s var(--ease-out),box-shadow .35s; }
.service-panel:nth-child(2n) { background:radial-gradient(ellipse at 100% 0,#ded9ff55,transparent 60%),linear-gradient(135deg,#fff,#f8f6fe); }
.service-panel:hover { transform:translateY(-5px); box-shadow:0 16px 30px #24446b0f; }
.service-panel>i { width:54px; height:54px; display:flex; align-items:center; justify-content:center; background:linear-gradient(135deg,#d1f1e7,#deeaff); border-radius:14px; }
.collection-grid,.journal-grid,.testimonial-grid { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:22px; }
.collection-card { isolation:isolate; position:relative; min-height:330px; overflow:hidden; display:flex; flex-direction:column; justify-content:flex-end; padding:28px; border-radius:20px; border:1px solid #fff; box-shadow:0 8px 24px #20385308; color:#253e59; transition:transform .45s var(--ease-out),box-shadow .45s; }
.collection-card:hover { transform:translateY(-8px); box-shadow:0 20px 38px #244b6818; }
.collection-tone-0 { background:linear-gradient(135deg,#cce9e0,#e8f1dc); }
.collection-tone-1 { background:linear-gradient(135deg,#d9deff,#dce9f7); }
.collection-tone-2 { background:linear-gradient(135deg,#f5ded0,#eae0fc); }
.collection-card::before { content:''; width:240px; height:240px; position:absolute; top:-80px; right:-70px; border:35px solid #ffffff38; border-radius:50%; z-index:-1; transition:transform .7s var(--ease-out); }
.collection-card:hover::before { transform:scale(1.2) translate(-12px,15px); }
.collection-card>img { position:absolute; inset:0; width:100%; height:100%; object-fit:cover; z-index:-2; transition:transform .8s var(--ease-out); }
.collection-card:has(>img) { color:#fff; }
.collection-card:has(>img)::after { content:''; position:absolute; inset:0; background:linear-gradient(0deg,#102a43e6,transparent 90%); z-index:-1; }
.collection-card:hover>img { transform:scale(1.06); }
.collection-overline { position:absolute; top:26px; left:28px; padding:6px 10px; border:1px solid #ffffff7a; background:#ffffff3a; backdrop-filter:blur(8px); border-radius:6px; font-size:10px; font-weight:600; letter-spacing:.08em; text-transform:uppercase; max-width:calc(100% - 56px); }
.collection-art { position:absolute; right:20px; top:58px; width:130px; height:130px; display:flex; align-items:center; justify-content:center; color:#ffffffcc; font-size:85px; transform:rotate(-12deg); filter:drop-shadow(0 8px 5px #3d547215); transition:transform .5s var(--ease-out); }
.collection-card:hover .collection-art { transform:rotate(-3deg) translateY(-8px); }
.collection-copy { position:relative; z-index:1; }
.collection-copy h3 { font-size:24px; font-weight:700; line-height:1.2; max-width:260px; }
.collection-copy p { font-size:12px; line-height:1.7; margin:11px 0 16px; max-width:250px; opacity:.8; }
.collection-copy>span { display:flex; align-items:center; gap:8px; font-size:12px; font-weight:600; }
.live-dot { display:inline-block; width:6px; height:6px; background:#09a89b; border-radius:50%; box-shadow:0 0 0 5px #13b6bf13; animation:status-pulse 3s ease-in-out infinite; }
.bundle-banner { display:flex; align-items:center; gap:25px; padding:32px 36px; border:1px solid #dedcf2; border-radius:20px; background:radial-gradient(ellipse at 92% 60%,#ccd5ff9c,transparent 55%),linear-gradient(110deg,#f0eaff,#ecf7fc); margin:14px 0 32px; }
.bundle-banner h2 { font-size:25px; font-weight:700; margin:8px 0; }
.bundle-banner p { font-size:13px; color:#65708f; max-width:640px; }
.bundle-banner>.button-secondary { margin-left:auto; flex-shrink:0; }
.bundle-banner-icon { font-size:37px; color:#7460bb; display:flex; align-items:center; justify-content:center; width:74px; height:74px; flex-shrink:0; background:#ffffff82; border:1px solid #fff; border-radius:18px; }
.journey-grid { display:grid; grid-template-columns:repeat(4,minmax(0,1fr)); gap:18px; }
.journey-card { position:relative; padding:30px 24px; background:linear-gradient(150deg,#fff,#f8fbff); border:1px solid #e0e8f2; border-radius:16px; box-shadow:0 5px 20px #23456d05; }
.step-number { position:absolute; top:20px; right:24px; font-size:36px; font-weight:800; line-height:1; letter-spacing:-.06em; color:#e7edf7; }
.journey-icon { width:50px; height:50px; margin-bottom:25px; font-size:24px; color:#077f8b; background:linear-gradient(135deg,#d5f0e9,#dde8fc); border-radius:14px; display:flex; align-items:center; justify-content:center; }
.journey-card h3 { font-size:17px; font-weight:700; margin-bottom:10px; }
.journey-card p { color:var(--muted); font-size:12px; line-height:1.8; min-height:85px; margin-bottom:18px; }
.journey-card .section-link { font-size:11px; }
.seller-showcase { position:relative; display:grid; grid-template-columns:1fr 1fr; isolation:isolate; overflow:hidden; border-radius:24px; background:radial-gradient(ellipse at 95% 0,#a86bea35,transparent 55%),linear-gradient(120deg,#102a43,#183f68 55%,#403469); color:#fff; margin:30px 0 24px; }
.seller-showcase::before { content:''; width:500px; height:500px; position:absolute; bottom:-300px; left:-130px; border:60px solid #70c7d50b; border-radius:50%; z-index:-1; }
.seller-copy { padding:54px 46px; }
.seller-copy .eyebrow { color:#88d9d4; }
.seller-copy h2 { font-size:42px; font-weight:700; letter-spacing:-.045em; margin:22px 0 17px; }
.seller-copy h2 span { color:#bcaafa; }
.seller-copy>p { color:#b7c9df; font-size:14px; line-height:1.9; max-width:430px; }
.seller-copy .button-secondary { background:#ffffff08; border-color:#8ea7c755; color:white; }
.seller-features { display:flex; flex-wrap:wrap; gap:18px; font-size:10px; color:#b9cce3; margin-top:26px; }
.seller-features span { display:flex; gap:6px; align-items:center; }
.seller-features i { color:#a4e6df; font-size:15px; }
.seller-visual { position:relative; display:flex; align-items:center; justify-content:center; padding:45px; perspective:1000px; }
.store-preview { padding:23px; background:linear-gradient(145deg,#fff,#eff5fe); color:#294361; border:1px solid #ffffffb3; box-shadow:0 30px 60px #081b3c33; border-radius:18px; width:100%; max-width:420px; transform:rotateY(-9deg) rotateZ(3deg); transition:transform .7s var(--ease-out); }
.seller-showcase:hover .store-preview { transform:rotateY(0) rotateZ(0); }
.preview-toolbar { display:flex; align-items:center; gap:9px; margin-bottom:22px; }
.preview-logo { width:32px; height:32px; display:flex; align-items:center; justify-content:center; border-radius:8px; background:linear-gradient(135deg,#098a91,#516cb7); color:white; }
.preview-toolbar strong { font-size:11px; flex:1; }
.preview-label { font-size:8px; color:#8c98ac; }
.preview-metrics { display:grid; grid-template-columns:repeat(3,1fr); gap:10px; }
.preview-metrics>div { padding:14px 10px; background:#fff; border:1px solid #e6edf5; border-radius:9px; display:flex; flex-direction:column; gap:5px; font-size:10px; color:#6f84a0; }
.preview-metrics i { color:#6e5dc5; font-size:18px; }
.preview-chart { height:110px; display:flex; align-items:flex-end; gap:12px; padding:16px 10px 0; margin-top:20px; border-bottom:1px solid #d8e4f1; background:repeating-linear-gradient(to top,transparent 0px,transparent 27px,#dce7f185 28px); }
.preview-chart span { flex:1; height:var(--bar-height); background:linear-gradient(0deg,#0d949d,#81ded2); border-radius:5px 5px 0 0; transform-origin:bottom; }
.preview-chart span:nth-child(3n) { background:linear-gradient(0deg,#6f53c0,#c0aeff); }
.is-visible .preview-chart span { animation:bar-rise .8s var(--ease-out) both; animation-delay:var(--bar-delay); }
.preview-footnote { font-size:10px; color:#8996ad; margin-top:15px; }
.seller-floating-note { position:absolute; bottom:30px; left:28px; padding:14px 18px; background:#ffffffec; border:1px solid #fff; color:#345474; border-radius:12px; box-shadow:0 10px 24px #0b234322; display:flex; gap:12px; align-items:center; animation:float-soft 7s ease-in-out infinite; }
.seller-floating-note>i { font-size:27px; color:#088e96; }
.seller-floating-note strong { font-size:11px; display:block; }
.seller-floating-note span { font-size:10px; color:#8192a8; }
.testimonial-card { background:linear-gradient(145deg,#fff,#f6f8ff); border:1px solid #e2e9f4; border-radius:17px; padding:28px; }
.testimonial-card>.ti { color:#8d79ce; font-size:34px; display:block; margin-bottom:20px; }
.testimonial-card blockquote { font-size:14px; color:#465d79; line-height:1.9; margin-bottom:25px; }
.testimonial-card figcaption { display:flex; align-items:center; gap:12px; }
.testimonial-card strong { font-size:12px; display:block; }
.testimonial-card p { font-size:11px; color:var(--muted); }
.testimonial-avatar { width:40px; height:40px; border-radius:50%; background:linear-gradient(135deg,#c8ece5,#e4dcfd); color:#436c86; display:flex; align-items:center; justify-content:center; font-weight:700; }
.journal-card { overflow:hidden; background:#fff; border:1px solid var(--line); border-radius:17px; transition:transform .4s var(--ease-out),box-shadow .4s; }
.journal-card:hover { transform:translateY(-7px); box-shadow:0 18px 30px #28466914; }
.journal-image { height:185px; position:relative; isolation:isolate; overflow:hidden; display:flex; align-items:center; justify-content:center; }
.journal-image img { width:100%; height:100%; object-fit:cover; transition:transform .6s var(--ease-out); }
.journal-card:hover img { transform:scale(1.06); }
.journal-tone-0 { background:linear-gradient(135deg,#c9ede5,#e2edf5); }
.journal-tone-1 { background:linear-gradient(135deg,#dcd8fb,#e4eff8); }
.journal-tone-2 { background:linear-gradient(135deg,#f5e4d3,#eae2fa); }
.journal-image>.ti { font-size:67px; color:#fff; filter:drop-shadow(0 7px 3px #6c7e9320); transition:transform .5s var(--ease-out); }
.journal-card:hover .journal-image>.ti { transform:rotate(-8deg) scale(1.1); }
.journal-art-orbit { position:absolute; width:190px; height:190px; border:27px solid #ffffff29; border-radius:50%; top:-80px; right:-25px; z-index:-1; }
.journal-copy { padding:25px; }
.journal-copy>span { font-size:10px; text-transform:uppercase; letter-spacing:.09em; color:#7d6cb4; font-weight:600; }
.journal-copy h3 { font-size:18px; font-weight:700; margin:12px 0; line-height:1.45; }
.journal-copy p { font-size:12px; color:var(--muted); line-height:1.8; margin-bottom:18px; }
.journal-copy>strong { display:flex; align-items:center; gap:8px; font-size:11px; color:#087f8c; }
.faq-section { display:grid; grid-template-columns:.85fr 1.15fr; gap:65px; align-items:start; }
.faq-intro h2 { font-size:34px; line-height:1.3; font-weight:700; margin:17px 0; }
.faq-intro p { font-size:13px; color:var(--muted); line-height:1.8; max-width:360px; margin-bottom:25px; }
.faq-list { display:flex; flex-direction:column; gap:12px; }
.faq-item { background:linear-gradient(130deg,#fff,#f9fbff); border:1px solid #e0e7f1; border-radius:12px; overflow:hidden; }
.faq-item summary { display:flex; align-items:center; justify-content:space-between; gap:20px; padding:21px 24px; font-size:13px; font-weight:600; cursor:pointer; list-style:none; }
.faq-item summary::-webkit-details-marker { display:none; }
.faq-item summary:focus-visible { outline:3px solid #35a9b8; outline-offset:-3px; border-radius:12px; }
.faq-item summary i { color:#6e5db8; font-size:18px; transition:transform .3s var(--ease-out); }
.faq-item[open] { border-color:#c3d4eb; background:linear-gradient(135deg,#fff,#f5f4fc); }
.faq-item[open] summary i { transform:rotate(45deg); }
.faq-answer { padding:0 24px 22px; font-size:12px; line-height:1.9; color:var(--muted); }
.faq-item[open] .faq-answer { animation:answer-enter .35s var(--ease-out); }
.newsletter-panel { position:relative; background:radial-gradient(circle at 8% 10%,#c0e5df88,transparent 40%),radial-gradient(circle at 97% 80%,#d0c5fc77,transparent 45%),linear-gradient(125deg,#e5f3ee,#edf1ff); border:1px solid #dbe6f1; border-radius:20px; box-shadow:0 12px 35px #31486508; }
.enterprise-store footer { background:radial-gradient(ellipse at 100% 0,#4b377933,transparent 55%),linear-gradient(120deg,#102a43,#123d53 70%,#2b355e)!important; }
.enterprise-workspace { background:radial-gradient(ellipse at 95% 0,#e3dcfb80,transparent 35%),radial-gradient(ellipse at 25% 80%,#d7f0ef80,transparent 40%),#f4f7fa; }
.enterprise-workspace header { background:linear-gradient(100deg,#fff,#f4f7ff); }
.enterprise-workspace aside>div:first-child { background:linear-gradient(135deg,#e6f4f1,#ececfb); }
.enterprise-workspace aside nav a[class*="bg-primary"],.enterprise-workspace aside nav a.sidebar-active { background:linear-gradient(110deg,#dcf0ea,#e4ecfd)!important; }
.enterprise-workspace main .shadow-card { transition:transform .3s var(--ease-out),box-shadow .3s; }
.enterprise-workspace main>.space-y-6>.grid>div { position:relative; overflow:hidden; background:linear-gradient(135deg,#fff,#f9fbff); }
.enterprise-workspace main>.space-y-6>.grid>div::after { content:''; position:absolute; width:90px; height:90px; right:-35px; bottom:-35px; border-radius:50%; background:linear-gradient(135deg,#39bcbd0c,#8b6dd911); pointer-events:none; }
.enterprise-workspace main>.space-y-6>.grid>div:hover { transform:translateY(-4px); box-shadow:0 14px 24px #29496a12; }
.enterprise-store .from-primary.to-accent,.enterprise-workspace .from-primary.to-accent { background-image:linear-gradient(125deg,#102a43,#087f8c,#5863b8)!important; }
.motion-ready [data-reveal] { opacity:0; transform:translateY(22px); transition:opacity .65s var(--ease-out),transform .65s var(--ease-out); transition-delay:var(--reveal-delay,0ms); }
.motion-ready [data-reveal].is-visible { opacity:1; transform:translateY(0); }
@keyframes gradient-drift { 0%,100% { background-position:0% 45%; } 50% { background-position:100% 55%; } }
@keyframes float-soft { 0%,100% { transform:translateY(0); } 50% { transform:translateY(-9px); } }
@keyframes orb-drift { 0%,100% { transform:translate(0,0); } 50% { transform:translate(50px,25px); } }
@keyframes status-pulse { 0%,100% { box-shadow:0 0 0 4px #13b6bf12; } 50% { box-shadow:0 0 0 7px #13b6bf06; } }
@keyframes bar-rise { from { transform:scaleY(.15); opacity:.4; } to { transform:scaleY(1); opacity:1; } }
@keyframes answer-enter { from { opacity:0; transform:translateY(-6px); } to { opacity:1; transform:translateY(0); } }
@media(max-width:1100px) { .hero-copy{padding:42px 32px}.collection-card{padding:24px}.collection-copy h3{font-size:21px}.journey-grid{grid-template-columns:repeat(2,1fr)}.seller-copy{padding:40px 32px}.seller-visual{padding:30px}.seller-copy h2{font-size:36px}.preview-label{display:none}.faq-section{gap:35px}.bundle-banner{flex-wrap:wrap}.bundle-banner>.button-secondary{margin-left:0} }
@media(max-width:767px) { .hero-floating-community-badge{display:none} .hero-community-chips{gap:6px} .hero-chip{font-size:10px;padding:5px 10px} .market-hero{border-radius:20px;min-height:0}.hero-copy{padding:34px 25px}.hero-copy h1{font-size:39px}.hero-copy .button-primary,.hero-copy .button-secondary{font-size:12px;padding:11px 16px}.hero-art{min-height:300px}.hero-floating-tag{top:18px;right:18px;padding:9px 12px;font-size:10px}.hero-art .hero-caption{left:16px;right:16px;bottom:17px;padding:15px}.hero-market-stats{gap:24px}.hero-market-stats strong{font-size:21px}.trust-item{gap:9px}.trust-item>i{min-width:32px;height:32px;font-size:19px;border-radius:9px}.store-section{padding-top:42px;padding-bottom:32px}.section-head h2{font-size:25px}.section-head .section-link{font-size:11px}.collection-grid,.journal-grid,.testimonial-grid{grid-template-columns:1fr}.collection-card{min-height:280px}.collection-art{top:45px;right:35px}.collection-copy h3{font-size:25px}.collection-copy p{max-width:280px}.journey-grid{gap:12px}.journey-card{padding:23px 17px}.journey-card h3{font-size:15px}.journey-card p{font-size:11px;min-height:105px}.journey-card .section-link{font-size:10px;white-space:normal}.step-number{right:17px;font-size:29px}.journey-icon{width:43px;height:43px;font-size:21px}.seller-showcase{grid-template-columns:1fr;border-radius:20px}.seller-copy{padding:34px 26px}.seller-copy h2{font-size:36px}.seller-visual{padding:15px 32px 60px}.store-preview{transform:rotateY(-4deg) rotateZ(2deg)}.seller-floating-note{bottom:24px;left:22px}.seller-features{gap:14px}.faq-section{grid-template-columns:1fr;gap:28px}.faq-intro h2{font-size:30px}.faq-item summary{padding:20px;font-size:12px}.faq-answer{padding:0 20px 20px}.bundle-banner{padding:25px;gap:18px}.bundle-banner h2{font-size:23px}.bundle-banner-icon{width:52px;height:52px;font-size:27px}.journal-image{height:180px}.newsletter-panel{margin-bottom:40px}.motion-ready [data-reveal]{transform:translateY(15px)} }
@media(prefers-reduced-motion:reduce) { .market-hero,.commerce-illustration,.hero-floating-tag,.hero-caption,.seller-floating-note,.live-dot,.preview-chart span{animation:none!important}.motion-ready [data-reveal]{opacity:1!important;transform:none!important;transition:none!important} }
@media print { [data-reveal]{opacity:1!important;transform:none!important}.gradient-text,.hero-copy h1 span{-webkit-text-fill-color:currentColor} }

.motion-ready [data-reveal]:focus-within { opacity:1; transform:none; }
html[data-motion-paused] .market-hero,html[data-motion-paused] .commerce-illustration,html[data-motion-paused] .hero-floating-tag,html[data-motion-paused] .hero-caption,html[data-motion-paused] .seller-floating-note,html[data-motion-paused] .live-dot { animation-play-state:paused; }