.landing-page{--lp-bg: #f4f7fc;--lp-surface: rgba(255, 255, 255, .78);--lp-surface-solid: #ffffff;--lp-border: rgba(148, 163, 184, .35);--lp-text: #0f172a;--lp-muted: #64748b;--lp-accent: #2563eb;--lp-accent-deep: #1d4ed8;--lp-accent-soft: rgba(37, 99, 235, .12);--lp-shadow: 0 24px 64px -32px rgba(15, 23, 42, .28);--lp-radius: 1.25rem;--lp-radius-lg: 1.75rem;position:relative;color:var(--lp-text);background-color:var(--lp-bg);background-image:radial-gradient(ellipse 100% 80% at 50% -30%,rgba(37,99,235,.18),transparent 55%),radial-gradient(ellipse 60% 50% at 100% 0%,rgba(14,165,233,.12),transparent 50%),linear-gradient(180deg,#f8fafc 0%,var(--lp-bg) 45%,#eef2ff 100%)}html.dark .landing-page{--lp-bg: #070d1a;--lp-surface: rgba(15, 23, 42, .82);--lp-surface-solid: #0f172a;--lp-border: rgba(71, 85, 105, .65);--lp-text: #f1f5f9;--lp-muted: #94a3b8;--lp-accent: #60a5fa;--lp-accent-deep: #3b82f6;--lp-accent-soft: rgba(96, 165, 250, .15);--lp-shadow: 0 28px 70px -36px rgba(0, 0, 0, .65);background-image:radial-gradient(ellipse 100% 70% at 50% -20%,rgba(37,99,235,.22),transparent 55%),radial-gradient(ellipse 50% 40% at 100% 10%,rgba(6,182,212,.1),transparent 50%),linear-gradient(180deg,#0b1120 0%,var(--lp-bg) 50%,#0f172a 100%)}.landing-grid{pointer-events:none;position:fixed;top:0;right:0;bottom:0;left:0;z-index:0;opacity:.45;background-image:linear-gradient(rgba(148,163,184,.12) 1px,transparent 1px),linear-gradient(90deg,rgba(148,163,184,.12) 1px,transparent 1px);background-size:48px 48px;-webkit-mask-image:radial-gradient(ellipse 85% 65% at 50% 0%,#000 20%,transparent 75%);mask-image:radial-gradient(ellipse 85% 65% at 50% 0%,#000 20%,transparent 75%)}html.dark .landing-grid{opacity:.2;background-image:linear-gradient(rgba(71,85,105,.35) 1px,transparent 1px),linear-gradient(90deg,rgba(71,85,105,.35) 1px,transparent 1px)}.landing-page>header,.landing-page>main,.landing-page>footer{position:relative;z-index:1}.landing-header{position:sticky;top:0;z-index:50;overflow:visible;transition:background .3s ease,border-color .3s ease,box-shadow .3s ease}.landing-header.is-scrolled{border-bottom:1px solid var(--lp-border);background:var(--lp-surface);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);box-shadow:0 12px 40px -28px #0f172a33}.landing-header:not(.is-scrolled){background:transparent}.landing-header__inner{display:flex;height:4.25rem;max-width:80rem;margin:0 auto;align-items:center;justify-content:space-between;gap:1rem;padding:0 1.25rem}@media (min-width: 640px){.landing-header__inner{padding:0 2rem}}.landing-nav{display:none;align-items:center;gap:.35rem;padding:.25rem;border-radius:9999px;border:1px solid var(--lp-border);background:var(--lp-surface);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px)}@media (min-width: 768px){.landing-nav{display:flex}}.landing-nav button{border:none;border-radius:9999px;padding:.45rem .85rem;font-size:.8125rem;font-weight:700;color:var(--lp-muted);background:transparent;cursor:pointer;transition:color .2s ease,background .2s ease}.landing-nav button:hover{color:var(--lp-accent-deep);background:var(--lp-accent-soft)}.landing-section{padding:4.5rem 0}@media (min-width: 640px){.landing-section{padding:5.5rem 0}}.landing-container{max-width:80rem;margin:0 auto;padding:0 1.25rem}@media (min-width: 640px){.landing-container{padding:0 2rem}}.landing-kicker{display:inline-flex;align-items:center;gap:.5rem;font-size:.6875rem;font-weight:800;letter-spacing:.14em;text-transform:uppercase;color:var(--lp-accent-deep)}.landing-kicker:before{content:"";width:1.5rem;height:2px;border-radius:2px;background:linear-gradient(90deg,var(--lp-accent),transparent)}.landing-title{margin-top:.75rem;font-size:clamp(1.875rem,4vw,2.75rem);font-weight:800;line-height:1.08;letter-spacing:-.03em;color:var(--lp-text)}.landing-lead{margin-top:1rem;max-width:42rem;font-size:1.0625rem;font-weight:500;line-height:1.65;color:var(--lp-muted)}.landing-chip{display:inline-flex;align-items:center;gap:.5rem;border-radius:9999px;border:1px solid rgba(16,185,129,.25);background:#10b98114;padding:.4rem .85rem;font-size:.6875rem;font-weight:800;letter-spacing:.08em;text-transform:uppercase;color:#047857}html.dark .landing-chip{color:#6ee7b7;border-color:#34d39959;background:#10b9811f}.landing-chip__dot{width:.4rem;height:.4rem;border-radius:9999px;background:#10b981;box-shadow:0 0 0 4px #10b98140}.landing-segment{display:inline-flex;flex-wrap:wrap;justify-content:center;gap:.35rem;padding:.35rem;border-radius:9999px;border:1px solid var(--lp-border);background:var(--lp-surface);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}@media (min-width: 1024px){.landing-segment{justify-content:flex-start}}.landing-segment button{border:none;border-radius:9999px;padding:.5rem 1rem;font-size:.75rem;font-weight:800;letter-spacing:.02em;color:var(--lp-muted);background:transparent;cursor:pointer;transition:all .2s ease}.landing-segment button.is-active,.landing-segment button[data-active=true]{color:#fff;background:linear-gradient(135deg,var(--lp-accent),var(--lp-accent-deep));box-shadow:0 10px 24px -12px #2563eba6}.landing-btn{display:inline-flex;align-items:center;justify-content:center;gap:.5rem;border-radius:9999px;padding:.85rem 1.75rem;font-size:.875rem;font-weight:800;transition:transform .15s ease,box-shadow .2s ease,background .2s ease}.landing-btn:hover{transform:translateY(-2px)}.landing-btn--primary{border:none;color:#fff;background:linear-gradient(135deg,#2563eb,#1d4ed8 55%,#1e40af);box-shadow:0 16px 36px -14px #2563eba6}.landing-btn--primary:hover{box-shadow:0 20px 44px -16px #2563ebbf}.landing-btn--ghost{border:1px solid var(--lp-border);color:var(--lp-accent-deep);background:var(--lp-surface-solid)}.landing-btn--ghost:hover{border-color:#2563eb59;background:var(--lp-accent-soft)}.landing-trust{display:flex;flex-wrap:wrap;justify-content:center;gap:1rem;margin-top:2rem}@media (min-width: 1024px){.landing-trust{justify-content:flex-start}}.landing-trust__item{min-width:7rem;border-radius:var(--lp-radius);border:1px solid var(--lp-border);background:var(--lp-surface);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);padding:.75rem 1rem}.landing-trust__item strong{display:block;font-size:1.35rem;font-weight:800;line-height:1.1;color:var(--lp-text)}.landing-trust__item span{display:block;margin-top:.2rem;font-size:.6875rem;font-weight:600;line-height:1.35;color:var(--lp-muted)}.landing-badge-row{display:flex;flex-wrap:wrap;justify-content:center;gap:.4rem;margin-top:1.75rem}@media (min-width: 1024px){.landing-badge-row{justify-content:flex-start}}.landing-badge{border-radius:.5rem;padding:.35rem .65rem;font-size:.625rem;font-weight:800;letter-spacing:.1em;text-transform:uppercase;color:#fff}.landing-text-gradient{background:linear-gradient(100deg,#2563eb,#06b6d4,#8b5cf6);background-size:200% auto;-webkit-background-clip:text;background-clip:text;color:transparent;animation:landing-shimmer 7s linear infinite}@keyframes landing-shimmer{0%{background-position:0% 50%}to{background-position:200% 50%}}@keyframes landing-float{0%,to{transform:translateY(0)}50%{transform:translateY(-12px)}}@keyframes landing-marquee{0%{transform:translate(0)}to{transform:translate(-50%)}}.landing-float{animation:landing-float 6.5s ease-in-out infinite}.landing-float-delay{animation:landing-float 8s ease-in-out infinite;animation-delay:1s}.landing-marquee{animation:landing-marquee 24s linear infinite}.landing-hero{padding-top:2rem;padding-bottom:3.5rem}.landing-hero__grid{display:grid;align-items:center;gap:3rem;margin-top:2.5rem}@media (min-width: 1024px){.landing-hero__grid{grid-template-columns:1fr 1.05fr;gap:3.5rem}}.landing-browser{position:relative;overflow:hidden;border-radius:var(--lp-radius-lg);border:1px solid var(--lp-border);background:var(--lp-surface-solid);box-shadow:var(--lp-shadow)}.landing-browser__bar{display:flex;align-items:center;justify-content:space-between;gap:.75rem;border-bottom:1px solid var(--lp-border);padding:.75rem 1rem;background:linear-gradient(180deg,#f8fafcf2,#f1f5f9e6)}html.dark .landing-browser__bar{background:linear-gradient(180deg,#1e293bf2,#0f172ae6)}.landing-browser__dots{display:flex;gap:.35rem}.landing-browser__dots span{width:.55rem;height:.55rem;border-radius:9999px;background:#cbd5e1}.landing-browser__dots span:nth-child(1){background:#fb7185}.landing-browser__dots span:nth-child(2){background:#fbbf24}.landing-browser__dots span:nth-child(3){background:#34d399}.landing-browser__body{padding:1rem}.landing-glow{position:absolute;top:-1px;right:-1px;bottom:-1px;left:-1px;border-radius:inherit;background:conic-gradient(from 200deg,#2563eb,#06b6d4,#8b5cf6,#2563eb);opacity:.35;filter:blur(8px);z-index:-1}.landing-steps{border-block:1px solid var(--lp-border);background:var(--lp-surface);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px)}.landing-steps__grid{display:grid;gap:1rem}@media (min-width: 768px){.landing-steps__grid{grid-template-columns:repeat(3,1fr)}}.landing-step{position:relative;border-radius:var(--lp-radius);border:1px solid var(--lp-border);background:var(--lp-surface-solid);padding:1.35rem 1.25rem 1.25rem;transition:transform .2s ease,border-color .2s ease,box-shadow .2s ease}.landing-step:hover{transform:translateY(-3px);border-color:#2563eb59;box-shadow:0 20px 48px -28px #2563eb59}.landing-step__num{font-size:.6875rem;font-weight:800;letter-spacing:.12em;color:var(--lp-accent)}.landing-step__title{margin-top:.5rem;font-size:1.0625rem;font-weight:800;color:var(--lp-text)}.landing-step__desc{margin-top:.35rem;font-size:.875rem;font-weight:500;line-height:1.55;color:var(--lp-muted)}.landing-panel{border-radius:var(--lp-radius-lg);border:1px solid var(--lp-border);background:var(--lp-surface-solid);box-shadow:var(--lp-shadow)}.landing-panel--soft{background:var(--lp-surface);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px)}.landing-metric{border-radius:var(--lp-radius-lg);padding:1.5rem;color:#fff;box-shadow:0 20px 48px -24px #0f172a73}.landing-metric--blue{background:linear-gradient(145deg,#2563eb,#1e3a8a)}.landing-metric--green{background:linear-gradient(145deg,#059669,#047857)}.landing-metric--orange{background:linear-gradient(145deg,#ea580c,#c2410c)}.landing-ticker{overflow:hidden;background:linear-gradient(90deg,#1e3a8a,#2563eb,#1d4ed8);padding:.75rem 0;color:#fff}.landing-bento{display:grid;gap:1rem;grid-template-columns:repeat(6,minmax(0,1fr));grid-auto-rows:minmax(120px,auto)}@media (min-width: 1024px){.landing-bento{grid-auto-rows:minmax(140px,1fr);min-height:420px}}.landing-bento__cell{position:relative;overflow:hidden;border-radius:var(--lp-radius);border:1px solid var(--lp-border);background:var(--lp-surface-solid);box-shadow:0 16px 48px -28px #2563eb47;transition:transform .25s ease,box-shadow .25s ease}.landing-bento__cell:hover{transform:translateY(-4px);box-shadow:0 24px 56px -26px #2563eb61}.landing-bento__cell--hero{grid-column:span 6;min-height:200px}@media (min-width: 768px){.landing-bento__cell--hero{grid-column:span 4;grid-row:span 2}.landing-bento__cell--shot{grid-column:span 2}}.landing-bento__cell img{width:100%;height:100%;-o-object-fit:cover;object-fit:cover;-o-object-position:top center;object-position:top center}.landing-bento__label{position:absolute;left:.75rem;bottom:.75rem;border-radius:9999px;background:#0f172abf;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);padding:.35rem .75rem;font-size:.6875rem;font-weight:800;letter-spacing:.04em;text-transform:uppercase;color:#fff}.landing-feature-card{display:flex;flex-direction:column;overflow:hidden;border-radius:var(--lp-radius);border:1px solid var(--lp-border);background:var(--lp-surface-solid);box-shadow:0 12px 40px -28px #0f172a33;transition:transform .2s ease,box-shadow .2s ease,border-color .2s ease}.landing-feature-card:hover{transform:translateY(-3px);border-color:#2563eb4d;box-shadow:0 22px 50px -26px #2563eb52}@media (min-width: 1024px){.landing-feature-card--featured{grid-column:span 2}}.landing-feature-card__media{aspect-ratio:16 / 9;overflow:hidden;border-bottom:1px solid var(--lp-border);background:linear-gradient(135deg,#eff6ff,#f8fafc)}html.dark .landing-feature-card__media{background:linear-gradient(135deg,#1e293b,#0f172a)}.landing-feature-card__media img{width:100%;height:100%;-o-object-fit:cover;object-fit:cover;-o-object-position:top center;object-position:top center;transition:transform .4s ease}.landing-feature-card:hover .landing-feature-card__media img{transform:scale(1.03)}.landing-faq item,.landing-faq .landing-faq__item{overflow:hidden;border-radius:var(--lp-radius);border:1px solid var(--lp-border);background:var(--lp-surface-solid);box-shadow:0 8px 28px -22px #0f172a40}.landing-cta{position:relative;overflow:hidden;border-radius:2rem;background:linear-gradient(135deg,#1e3a8a,#2563eb 45%,#0891b2);padding:3.5rem 2rem;color:#fff;box-shadow:0 32px 80px -36px #2563eb8c}.landing-cta:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:radial-gradient(circle at 80% 20%,rgba(255,255,255,.2),transparent 45%);pointer-events:none}.landing-footer{background:#020617;color:#94a3b8;padding:3rem 0}.landing-footer a{color:#cbd5e1;font-size:.75rem;font-weight:700;letter-spacing:.08em;text-transform:uppercase;transition:color .15s ease}.landing-footer a:hover{color:#fff}.landing-float-card{position:absolute;z-index:20;display:none;border-radius:1rem;padding:.85rem 1rem;color:#fff;box-shadow:0 16px 40px -20px #0f172a73}@media (min-width: 640px){.landing-float-card{display:block}}.landing-float-card--mint{left:-.5rem;top:1.5rem;background:linear-gradient(135deg,#059669,#047857)}.landing-float-card--sun{right:-.25rem;bottom:5rem;background:linear-gradient(135deg,#ea580c,#c2410c)}.landing-float-card p:first-child{font-size:.625rem;font-weight:700;text-transform:uppercase;opacity:.9}.landing-float-card p:last-child{font-size:.875rem;font-weight:800}
