.apps-page{background:radial-gradient(circle at top left,color-mix(in srgb,var(--text) 7%,transparent) 0,transparent 34rem),radial-gradient(circle at top right,color-mix(in srgb,#8b5cf6 12%,transparent) 0,transparent 26rem),var(--bg)}.apps-page .apps-main{width:min(1280px,calc(100% - 2rem));margin:0 auto;padding:clamp(2rem,4vw,3rem) 0 clamp(4.5rem,8vw,7rem);display:grid;gap:clamp(4rem,8vw,7rem)}.apps-hero,.apps-section,.apps-cta{scroll-margin-top:6rem}.apps-hero{position:relative;display:grid;grid-template-columns:minmax(0,1.05fr) minmax(22rem,.95fr);gap:clamp(1.5rem,4vw,3.5rem);align-items:center}.apps-hero__copy{display:grid;gap:1.35rem}.apps-hero__eyebrow,.apps-section__eyebrow{margin:0;font-size:.78rem;font-weight:700;letter-spacing:.18em;text-transform:uppercase;color:var(--text-muted)}.apps-hero__headline{display:grid;gap:1rem}.apps-hero__kicker{display:inline-flex;align-items:center;justify-content:center;width:fit-content;min-height:2.25rem;padding:.5rem .9rem;border:1px solid color-mix(in srgb,var(--text) 10%,transparent);border-radius:999px;background:color-mix(in srgb,var(--bg-elevated) 85%,transparent);box-shadow:0 16px 36px #0f172a14;font-size:.78rem;font-weight:700;letter-spacing:.06em;text-transform:uppercase}.apps-hero h1{margin:0;font-size:clamp(2.35rem,5vw,4.9rem);line-height:.98;letter-spacing:-.055em;text-wrap:balance}.apps-hero__headline p,.apps-section__head p,.apps-benefit p,.apps-flow__item p,.apps-usecase p,.apps-faq__item p,.apps-cta__copy p{margin:0;color:var(--text-muted);line-height:1.8;font-size:clamp(1rem,1.2vw,1.08rem)}.apps-hero__actions,.apps-cta__actions{display:flex;flex-wrap:wrap;gap:.9rem}.apps-button{display:inline-flex;align-items:center;justify-content:center;min-height:3.25rem;padding:.85rem 1.2rem;border-radius:999px;border:1px solid transparent;font-weight:700;transition:transform .25s ease,background-color .25s ease,border-color .25s ease,color .25s ease,box-shadow .25s ease}.apps-button:hover{transform:translateY(-2px)}.apps-button--primary{background:var(--text);color:var(--bg);box-shadow:0 16px 30px color-mix(in srgb,var(--text) 18%,transparent)}.apps-button--primary:hover{background:color-mix(in srgb,var(--text) 88%,#5b21b6 12%)}.apps-button--ghost{border-color:color-mix(in srgb,var(--text) 12%,transparent);background:color-mix(in srgb,var(--bg-elevated) 82%,transparent);color:var(--text)}.apps-button--ghost:hover{border-color:color-mix(in srgb,var(--text) 24%,transparent);background:color-mix(in srgb,var(--bg-elevated) 65%,var(--text) 3%)}.apps-hero__feature-list{display:flex;flex-wrap:wrap;gap:.8rem}.apps-hero__feature-list span{display:inline-flex;align-items:center;gap:.5rem;min-height:2.3rem;padding:.45rem .85rem;border-radius:999px;background:color-mix(in srgb,var(--bg-elevated) 90%,transparent);border:1px solid color-mix(in srgb,var(--text) 10%,transparent);color:var(--text);font-size:.84rem}.apps-hero__feature-list span:before{content:"";width:.45rem;height:.45rem;border-radius:999px;background:#22c55e;box-shadow:0 0 0 .25rem color-mix(in srgb,#22c55e 18%,transparent)}.apps-hero__stats{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:1rem}.apps-stat{position:relative;overflow:hidden;padding:1.3rem 1.3rem 1.25rem;border:1px solid color-mix(in srgb,var(--text) 10%,transparent);border-radius:1.4rem;background:linear-gradient(180deg,color-mix(in srgb,var(--bg-elevated) 92%,transparent),color-mix(in srgb,var(--bg-elevated) 78%,var(--text) 2%));box-shadow:0 20px 50px #0f172a14}.apps-stat:after{content:"";position:absolute;inset:auto -3rem -3rem auto;width:8rem;height:8rem;border-radius:999px;background:color-mix(in srgb,#8b5cf6 14%,transparent);filter:blur(14px)}.apps-stat strong{display:block;font-size:clamp(1.2rem,1.7vw,1.5rem);line-height:1.05}.apps-stat span{display:block;margin-top:.55rem;font-size:.92rem;line-height:1.6;color:var(--text-muted)}.apps-hero__visual{min-width:0}.apps-showcase{position:relative;padding:clamp(.9rem,2vw,1.25rem);border-radius:2rem;background:linear-gradient(145deg,color-mix(in srgb,var(--bg-elevated) 82%,#8b5cf6 18%),color-mix(in srgb,var(--bg-elevated) 90%,#0ea5e9 10%));border:1px solid color-mix(in srgb,var(--text) 12%,transparent);box-shadow:0 36px 80px #0f172a2e;animation:appsFloat 9s ease-in-out infinite}.apps-showcase__image{width:100%;aspect-ratio:16 / 10;object-fit:cover;border-radius:1.4rem;box-shadow:0 24px 56px #0003}.apps-showcase__badge{position:absolute;display:grid;gap:.2rem;max-width:16rem;padding:.95rem 1rem;border-radius:1.2rem;border:1px solid color-mix(in srgb,#ffffff 22%,transparent);background:color-mix(in srgb,var(--bg) 78%,transparent);box-shadow:0 22px 38px #0f172a24;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px)}.apps-showcase__badge strong{font-size:.92rem}.apps-showcase__badge span{color:var(--text-muted);font-size:.82rem;line-height:1.5}.apps-showcase__badge--top{top:-1rem;left:-1rem}.apps-showcase__badge--bottom{right:-1rem;bottom:1.5rem}.apps-jumpnav{display:flex;flex-wrap:wrap;gap:.85rem}.apps-jumpnav a{display:inline-flex;align-items:center;justify-content:center;min-height:2.8rem;padding:.55rem .95rem;border-radius:999px;border:1px solid color-mix(in srgb,var(--text) 10%,transparent);background:color-mix(in srgb,var(--bg-elevated) 88%,transparent);color:var(--text);font-size:.9rem;transition:transform .25s ease,border-color .25s ease,background-color .25s ease}.apps-jumpnav a:hover{transform:translateY(-2px);border-color:color-mix(in srgb,var(--text) 24%,transparent)}.apps-section{display:grid;gap:1.8rem}.apps-section__head{display:grid;gap:.55rem;max-width:52rem}.apps-section__head--left{max-width:48rem}.apps-section__head h2,.apps-cta__copy h2{margin:0;font-size:clamp(1.9rem,3vw,3rem);line-height:1.05;letter-spacing:-.04em;text-wrap:balance}.apps-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:1.6rem}.apps-card{position:relative;display:grid;overflow:hidden;border:1px solid color-mix(in srgb,var(--text) 10%,transparent);border-radius:1.8rem;background:linear-gradient(180deg,color-mix(in srgb,var(--bg-elevated) 96%,transparent),color-mix(in srgb,var(--bg-elevated) 80%,var(--text) 2%));box-shadow:0 28px 60px #0f172a14;transition:transform .3s ease,border-color .3s ease,box-shadow .3s ease}.apps-card:hover{transform:translateY(-6px);border-color:color-mix(in srgb,#8b5cf6 34%,var(--text) 10%);box-shadow:0 36px 74px #0f172a24}.apps-card__media{position:relative;aspect-ratio:16 / 9;overflow:hidden}.apps-card__media:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(180deg,transparent 0%,rgba(0,0,0,.12) 100%)}.apps-card__media img{width:100%;height:100%;object-fit:cover;transition:transform .45s ease}.apps-card:hover .apps-card__media img{transform:scale(1.04)}.apps-card__body{display:grid;gap:1.2rem;padding:1.4rem 1.35rem 1.45rem}.apps-card__top{display:grid;grid-template-columns:auto 1fr;gap:.95rem;align-items:start}.apps-card__icon{display:inline-flex;align-items:center;justify-content:center;width:3.2rem;height:3.2rem;border-radius:1rem;background:color-mix(in srgb,var(--bg) 78%,#8b5cf6 22%);border:1px solid color-mix(in srgb,var(--text) 10%,transparent);box-shadow:inset 0 1px #ffffff2e}.apps-card__icon img{width:1.55rem;height:1.55rem}.apps-card__copy h3,.apps-faq__item h3{margin:0;font-size:1.2rem;line-height:1.15;letter-spacing:-.02em}.apps-card__copy p{margin:.38rem 0 0;color:var(--text-muted);line-height:1.72}.apps-card__list{display:grid;gap:.7rem;list-style:none}.apps-card__list li{position:relative;padding-left:1.25rem;color:var(--text);line-height:1.65}.apps-card__list li:before{content:"";position:absolute;top:.7rem;left:0;width:.45rem;height:.45rem;border-radius:999px;background:linear-gradient(135deg,#22c55e,#0ea5e9)}.apps-card__meta{display:flex;flex-wrap:wrap;gap:.55rem}.apps-card__pill{display:inline-flex;align-items:center;min-height:2rem;padding:.34rem .7rem;border-radius:999px;border:1px solid color-mix(in srgb,var(--text) 8%,transparent);background:color-mix(in srgb,var(--bg-elevated) 72%,#dbeafe 28%);color:var(--text-muted);font-size:.74rem;font-weight:700;letter-spacing:.02em}[data-theme=dark] .apps-card__pill{background:color-mix(in srgb,var(--bg-elevated) 85%,#2563eb 15%)}.apps-card__actions{display:flex;flex-wrap:wrap;gap:.85rem;align-items:center}.apps-card__link{display:inline-flex;align-items:center;justify-content:center;min-height:2.85rem;padding:.65rem 1rem;border-radius:999px;background:var(--text);color:var(--bg);font-weight:700;transition:transform .25s ease,background-color .25s ease}.apps-card__link:hover{transform:translateY(-1px);background:color-mix(in srgb,var(--text) 88%,#7c3aed 12%)}.apps-card__sub{color:var(--text-muted);font-size:.9rem;line-height:1.65;flex:1 1 14rem}.apps-section--split{align-items:start}.apps-benefits{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:clamp(1.2rem,3vw,2rem);align-items:stretch}.apps-benefits__visual{overflow:hidden;border-radius:2rem;border:1px solid color-mix(in srgb,var(--text) 10%,transparent);box-shadow:0 30px 64px #0f172a1f}.apps-benefits__visual img{width:100%;height:100%;min-height:100%;object-fit:cover}.apps-benefits__grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:1rem}.apps-benefit,.apps-flow__item,.apps-usecase,.apps-faq__item,.apps-cta{border:1px solid color-mix(in srgb,var(--text) 10%,transparent);background:color-mix(in srgb,var(--bg-elevated) 94%,transparent);box-shadow:0 24px 52px #0f172a14}.apps-benefit,.apps-usecase,.apps-faq__item{padding:1.35rem 1.25rem;border-radius:1.5rem}.apps-benefit strong,.apps-usecase strong{display:block;margin-bottom:.55rem;font-size:1.02rem}.apps-flow{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:1rem}.apps-flow__item{position:relative;padding:1.5rem 1.3rem;border-radius:1.7rem;overflow:hidden}.apps-flow__item:after{content:"";position:absolute;inset:auto -3rem -4rem auto;width:8rem;height:8rem;border-radius:999px;background:color-mix(in srgb,#0ea5e9 12%,transparent);filter:blur(12px)}.apps-flow__step{display:inline-flex;align-items:center;justify-content:center;min-width:3rem;min-height:2rem;padding:0 .7rem;margin-bottom:1rem;border-radius:999px;background:color-mix(in srgb,var(--text) 7%,transparent);color:var(--text-muted);font-size:.76rem;font-weight:700;letter-spacing:.1em}.apps-flow__item strong{display:block;margin-bottom:.7rem;font-size:1.08rem;line-height:1.25}.apps-flow__item a,.apps-faq__item a{text-decoration:underline;text-decoration-thickness:.08em;text-underline-offset:.16em}.apps-usecases,.apps-faq{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:1rem}.apps-faq{grid-template-columns:repeat(2,minmax(0,1fr))}.apps-cta{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:1.5rem;align-items:center;padding:clamp(1.5rem,3vw,2.2rem);border-radius:2rem;background:radial-gradient(circle at top right,color-mix(in srgb,#8b5cf6 22%,transparent) 0,transparent 14rem),radial-gradient(circle at bottom left,color-mix(in srgb,#0ea5e9 18%,transparent) 0,transparent 16rem),color-mix(in srgb,var(--bg-elevated) 92%,transparent)}.apps-cta__copy{display:grid;gap:.7rem;max-width:44rem}@keyframes appsFloat{0%,to{transform:translateY(0)}50%{transform:translateY(-8px)}}@media(prefers-reduced-motion:reduce){.apps-showcase,.apps-card,.apps-button,.apps-jumpnav a,.apps-card__media img,.apps-card__link{animation:none;transition:none}}@media(max-width:1100px){.apps-hero,.apps-benefits,.apps-cta{grid-template-columns:1fr}.apps-showcase__badge--top{top:1rem;left:1rem}.apps-showcase__badge--bottom{right:1rem;bottom:1rem}.apps-cta__actions{justify-content:flex-start}}@media(max-width:960px){.apps-page .apps-main{width:calc(100% - 1rem);gap:3.5rem}.apps-hero__stats,.apps-grid,.apps-benefits__grid,.apps-flow,.apps-usecases,.apps-faq{grid-template-columns:1fr}}@media(max-width:720px){.apps-page .apps-main{width:calc(100% - 1rem);padding-top:1.25rem}.apps-hero h1{font-size:clamp(2rem,11vw,3rem)}.apps-showcase__badge{position:static;max-width:none;margin-top:.9rem}.apps-card__body,.apps-benefit,.apps-usecase,.apps-faq__item,.apps-flow__item,.apps-cta{padding-left:1rem;padding-right:1rem}.apps-card__actions,.apps-hero__actions,.apps-cta__actions{align-items:stretch}.apps-button,.apps-card__link{width:100%}}
