@property --border-angle{syntax:"<angle>";initial-value:0deg;inherits:false}.hero-dot-grid{background-image:radial-gradient(circle,var(--hp-dot-grid-dot,rgba(0,0,0,.06)) 1px,transparent 1px);background-size:24px 24px}.hero-cta-primary{box-shadow:0 0 20px oklch(.52 .17 145/.15)}.hero-cta-primary:hover{box-shadow:0 0 30px oklch(.52 .17 145/.25)}@media (prefers-reduced-motion:reduce){.hero-cta-primary{box-shadow:none}}html.lenis,html.lenis body{height:auto}.lenis.lenis-smooth{scroll-behavior:auto!important}.lenis.lenis-smooth [data-lenis-prevent]{overscroll-behavior:contain}.lenis.lenis-stopped{overflow:hidden}[data-theme=homepage]{--hp-bg:oklch(0.98 0 0);--hp-bg-subtle:oklch(0.96 0.003 280);--hp-bg-radial:oklch(0.94 0.01 145);--hp-surface:oklch(1 0 0);--hp-surface-hover:oklch(0.97 0 0);--hp-surface-active:oklch(0.94 0 0);--hp-card-bg:#ffffff;--hp-card-border:#d4d1ca;--hp-card-border-hover:#16a34a;--hp-card-shadow:0 1px 3px rgba(0,0,0,0.06),0 4px 16px rgba(0,0,0,0.04);--hp-card-shadow-hover:0 4px 20px rgba(22,163,74,0.12),0 8px 32px rgba(0,0,0,0.06);--hp-border:oklch(0.82 0 0);--hp-border-subtle:oklch(0.90 0 0);--hp-border-accent:oklch(0.60 0.08 145);--hp-text:oklch(0.15 0 0);--hp-text-secondary:oklch(0.40 0 0);--hp-text-tertiary:oklch(0.55 0 0);--hp-text-ghost:oklch(0.72 0 0);--hp-green:oklch(0.52 0.17 145);--hp-green-vivid:oklch(0.56 0.20 148);--hp-green-dim:oklch(0.42 0.10 145);--hp-green-surface:oklch(0.95 0.04 145);--hp-blue:oklch(0.52 0.15 250);--hp-purple:oklch(0.48 0.17 300);--hp-amber:oklch(0.65 0.15 75);--hp-rose:oklch(0.55 0.18 15);--hp-cta:oklch(0.52 0.17 145);--hp-cta-hover:oklch(0.48 0.17 145);--hp-cta-subtle:oklch(0.95 0.04 145/0.5);--hp-cta-glow:oklch(0.52 0.17 145/0.10);--hp-input-bg:oklch(0.96 0 0);--hp-btn-text-on-accent:oklch(1 0 0);--hp-accent-green-surface:oklch(0.95 0.04 145);--hp-accent-green-border:oklch(0.78 0.06 145);--hp-accent-blue-surface:oklch(0.95 0.04 250);--hp-accent-blue-border:oklch(0.78 0.06 250);--hp-accent-purple-surface:oklch(0.95 0.04 300);--hp-accent-purple-border:oklch(0.78 0.06 300);--hp-comparison-bad-bg:oklch(0.97 0.01 15);--hp-comparison-bad-title:oklch(0.45 0.12 15);--hp-comparison-bad-text:oklch(0.40 0.04 15);--hp-comparison-good-bg:oklch(0.97 0.01 145);--hp-comparison-good-text:oklch(0.32 0.06 145);--hp-shadow-lg:0 8px 30px oklch(0 0 0/0.08),0 2px 8px oklch(0 0 0/0.05);--hp-shadow-panel:0 8px 30px oklch(0 0 0/0.08),0 2px 8px oklch(0 0 0/0.05);--hp-dot-grid-dot:rgba(0,0,0,0.06);--hp-dot-grid-glow:oklch(0.52 0.17 145/0.04);--hp-card-glow-glow:oklch(0 0 0/0.6);--hp-chat-bubble-left-bg:oklch(0.95 0 0);--hp-chat-bubble-left-border:oklch(0.88 0 0);--hp-chat-bubble-right-bg:oklch(0.94 0.04 145);--hp-chat-header-bg:oklch(0.95 0.02 300);--hp-chat-input-bg:oklch(0.97 0 0);--hp-chat-input-field-bg:oklch(1 0 0);--hp-milestone-done-bg:oklch(0.96 0.02 145);--hp-mockup-panel-bg:oklch(0.96 0 0);--hp-agreement-header-bg:oklch(0.94 0.02 250);--hp-agreement-header-border:oklch(0.82 0.05 250);--hp-card-content-bg:oklch(0.97 0.003 280);--hp-card-stats-bg:oklch(0.95 0 0);--hp-popularity-hot-bg:oklch(0.96 0.02 75);--hp-popularity-hot-border:oklch(0.85 0.05 75);--hp-popularity-popular-bg:oklch(0.96 0.02 145);--hp-popularity-popular-border:oklch(0.85 0.05 145);--hp-overlay-dark:oklch(0.95 0 0/0.9);--hp-overlay-badge:oklch(0.97 0 0/0.8);--hp-modal-bg:oklch(0.96 0 0);--hp-modal-surface:oklch(1 0 0);--hp-modal-surface-elevated:oklch(0.98 0 0);--hp-modal-border:oklch(0.85 0 0);--hp-modal-border-subtle:oklch(0.90 0 0);--hp-modal-text:oklch(0.15 0 0);--hp-modal-text-secondary:oklch(0.40 0 0);--hp-modal-text-tertiary:oklch(0.55 0 0);--hp-modal-text-ghost:oklch(0.72 0 0);--hp-modal-backdrop:oklch(0 0 0/0.4);--hp-modal-close-bg:oklch(0 0 0/0.05);--hp-modal-close-hover-bg:oklch(0 0 0/0.10);--hp-modal-dot-grid:rgba(0,0,0,0.04);--hp-modal-shadow:0 25px 80px oklch(0 0 0/0.15),0 8px 32px oklch(0 0 0/0.10);--hp-modal-step-badge-text:oklch(1 0 0);color-scheme:light}.dark [data-theme=homepage]{--hp-bg:oklch(0.07 0 0);--hp-bg-subtle:oklch(0.09 0.003 280);--hp-bg-radial:oklch(0.12 0.01 145);--hp-surface:oklch(0.14 0 0);--hp-surface-hover:oklch(0.18 0 0);--hp-surface-active:oklch(0.22 0 0);--hp-card-bg:oklch(0.16 0 0);--hp-card-border:oklch(0.30 0 0);--hp-card-border-hover:oklch(0.52 0.12 145);--hp-card-shadow:0 2px 12px oklch(0 0 0/0.3),0 1px 4px oklch(0 0 0/0.2);--hp-card-shadow-hover:0 8px 30px oklch(0 0 0/0.4),0 2px 8px oklch(0 0 0/0.25);--hp-border:oklch(0.22 0 0);--hp-border-subtle:oklch(0.16 0 0);--hp-border-accent:oklch(0.35 0.08 145);--hp-text:oklch(0.93 0 0);--hp-text-secondary:oklch(0.60 0 0);--hp-text-tertiary:oklch(0.42 0 0);--hp-text-ghost:oklch(0.30 0 0);--hp-green:oklch(0.72 0.17 145);--hp-green-vivid:oklch(0.78 0.20 148);--hp-green-dim:oklch(0.40 0.10 145);--hp-green-surface:oklch(0.18 0.04 145);--hp-blue:oklch(0.65 0.15 250);--hp-purple:oklch(0.55 0.17 300);--hp-amber:oklch(0.78 0.15 75);--hp-rose:oklch(0.65 0.18 15);--hp-cta:oklch(0.72 0.17 145);--hp-cta-hover:oklch(0.78 0.17 145);--hp-cta-subtle:oklch(0.72 0.17 145/0.12);--hp-cta-glow:oklch(0.72 0.17 145/0.15);--hp-input-bg:oklch(0.10 0 0);--hp-btn-text-on-accent:oklch(0.07 0 0);--hp-accent-green-surface:oklch(0.18 0.04 145);--hp-accent-green-border:oklch(0.28 0.06 145);--hp-accent-blue-surface:oklch(0.18 0.04 250);--hp-accent-blue-border:oklch(0.28 0.06 250);--hp-accent-purple-surface:oklch(0.18 0.04 300);--hp-accent-purple-border:oklch(0.28 0.06 300);--hp-comparison-bad-bg:oklch(0.12 0.02 15);--hp-comparison-bad-title:oklch(0.75 0.12 15);--hp-comparison-bad-text:oklch(0.55 0.04 15);--hp-comparison-good-bg:oklch(0.12 0.02 145);--hp-comparison-good-text:oklch(0.70 0.06 145);--hp-shadow-lg:0 8px 30px oklch(0 0 0/0.4),0 2px 8px oklch(0 0 0/0.3);--hp-shadow-panel:0 8px 30px oklch(0 0 0/0.4),0 2px 8px oklch(0 0 0/0.3);--hp-dot-grid-dot:rgba(255,255,255,0.04);--hp-dot-grid-glow:oklch(0.72 0.17 145/0.05);--hp-card-glow-glow:oklch(0 0 0/0.6);--hp-chat-bubble-left-bg:oklch(0.16 0 0);--hp-chat-bubble-left-border:oklch(0.22 0 0);--hp-chat-bubble-right-bg:oklch(0.22 0.06 145);--hp-chat-header-bg:oklch(0.14 0.03 300);--hp-chat-input-bg:oklch(0.10 0 0);--hp-chat-input-field-bg:oklch(0.16 0 0);--hp-milestone-done-bg:oklch(0.13 0.02 145);--hp-mockup-panel-bg:oklch(0.09 0 0);--hp-agreement-header-bg:oklch(0.14 0.03 250);--hp-agreement-header-border:oklch(0.22 0.05 250);--hp-card-content-bg:oklch(0.12 0.003 280);--hp-card-stats-bg:oklch(0.10 0 0);--hp-popularity-hot-bg:oklch(0.15 0.03 75);--hp-popularity-hot-border:oklch(0.25 0.05 75);--hp-popularity-popular-bg:oklch(0.15 0.03 145);--hp-popularity-popular-border:oklch(0.25 0.05 145);--hp-overlay-dark:oklch(0.10 0 0/0.9);--hp-overlay-badge:oklch(0.07 0 0/0.7);--hp-modal-bg:oklch(0.07 0 0);--hp-modal-surface:oklch(0.14 0 0);--hp-modal-surface-elevated:oklch(0.18 0 0);--hp-modal-border:rgba(255,255,255,0.08);--hp-modal-border-subtle:rgba(255,255,255,0.05);--hp-modal-text:oklch(0.93 0 0);--hp-modal-text-secondary:rgba(255,255,255,0.6);--hp-modal-text-tertiary:rgba(255,255,255,0.4);--hp-modal-text-ghost:rgba(255,255,255,0.2);--hp-modal-backdrop:oklch(0 0 0/0.80);--hp-modal-close-bg:rgba(255,255,255,0.06);--hp-modal-close-hover-bg:rgba(255,255,255,0.12);--hp-modal-dot-grid:rgba(255,255,255,0.03);--hp-modal-shadow:0 25px 80px rgba(0,0,0,0.7),0 8px 32px rgba(0,0,0,0.5);--hp-modal-step-badge-text:oklch(0.07 0 0);color-scheme:dark}[data-theme=homepage]{background:var(--hp-bg);color:var(--hp-text)}.hp-card{background:var(--hp-card-bg);border:1px solid var(--hp-card-border);border-radius:16px;box-shadow:var(--hp-card-shadow);transition:border-color .2s ease,box-shadow .2s ease}.hp-card:hover{border-color:var(--hp-card-border-hover);box-shadow:var(--hp-card-shadow-hover)}.hp-section-divider{height:1px;background:linear-gradient(90deg,transparent 0,var(--hp-border-subtle) 15%,var(--hp-border-subtle) 85%,transparent 100%)}.hp-feature-label{display:inline-flex;align-items:center;gap:8px;font-size:14px;font-weight:500;letter-spacing:.01em}.hp-feature-label:before{content:"";display:inline-block;width:8px;height:8px;border-radius:50%;background:currentColor}.hp-badge{display:inline-flex;align-items:center;gap:6px;padding:4px 12px;border-radius:9999px;font-size:13px;font-weight:500;background:var(--hp-surface)}.hp-badge,.hp-feature-grid{border:1px solid var(--hp-border-subtle)}.hp-feature-grid{display:grid;border-radius:16px;overflow:hidden}.hp-feature-grid>*{border:.5px solid var(--hp-border-subtle);padding:clamp(2rem,5vw,4rem)}.hp-hero-panel,.hp-product-panel{border-radius:16px;overflow:hidden;border:1px solid var(--hp-border);box-shadow:var(--hp-shadow-panel)}.hp-two-col{display:grid;grid-template-columns:1fr 1fr;gap:4rem;align-items:center}@media (max-width:768px){.hp-two-col{grid-template-columns:1fr;gap:2rem}}.hp-two-col--reverse>:first-child{order:2}.hp-two-col--reverse>:last-child{order:1}@media (max-width:768px){.hp-two-col--reverse>:first-child{order:1}.hp-two-col--reverse>:last-child{order:2}}.hp-stats-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:2rem}@media (max-width:768px){.hp-stats-grid{grid-template-columns:repeat(2,1fr)}}.hp-gradient-line{height:1px;background:var(--hp-border-subtle)}.hp-cards-perspective{perspective:600px;perspective-origin:50% -30%}.hp-cards-row{display:grid;grid-template-columns:repeat(4,1fr);gap:1.5rem;transform-style:preserve-3d;transform:rotateX(14deg);padding-bottom:2rem}@media (max-width:1024px){.hp-cards-row{grid-template-columns:repeat(2,1fr);transform:rotateX(10deg)}}@media (max-width:640px){.hp-cards-row{grid-template-columns:1fr;gap:1rem;transform:rotateX(6deg)}}.hp-3d-card{position:relative;transform-style:preserve-3d;transition:transform .6s cubic-bezier(.23,1,.32,1),box-shadow .6s cubic-bezier(.23,1,.32,1);border-radius:16px;box-shadow:0 30px 60px -12px oklch(0 0 0/.5),0 18px 36px -18px oklch(0 0 0/.4),0 0 0 1px oklch(.18 0 0);animation:hp-card-enter .8s cubic-bezier(.23,1,.32,1) both}.hp-3d-card:nth-child(2){animation-delay:80ms}.hp-3d-card:nth-child(3){animation-delay:.16s}.hp-3d-card:nth-child(4){animation-delay:.24s}.hp-3d-card:after{content:"";position:absolute;top:0;left:0;right:0;height:1px;background:linear-gradient(90deg,transparent 10%,oklch(1 0 0/.1) 50%,transparent 90%);border-radius:16px 16px 0 0;pointer-events:none;z-index:1}.hp-3d-card:hover{transform:translateY(-16px) rotateX(-4deg) scale(1.04);box-shadow:0 50px 100px -20px oklch(0 0 0/.6),0 30px 60px -24px oklch(0 0 0/.45),0 0 0 1px oklch(.28 0 0);z-index:10}@keyframes hp-card-enter{0%{opacity:0;transform:translateY(40px) scale(.95)}to{opacity:1;transform:translateY(0) scale(1)}}@keyframes hp-fade-up{0%{opacity:0;transform:translateY(24px)}to{opacity:1;transform:translateY(0)}}@keyframes hp-typing-dot{0%,60%,to{opacity:.3;transform:translateY(0)}30%{opacity:1;transform:translateY(-4px)}}.hp-animate-fade-up{animation:hp-fade-up .7s cubic-bezier(.23,1,.32,1) forwards;opacity:0}.hp-delay-100{animation-delay:.1s}.hp-delay-200{animation-delay:.2s}.hp-delay-300{animation-delay:.3s}.hp-delay-400{animation-delay:.4s}.hp-delay-500{animation-delay:.5s}.hp-delay-600{animation-delay:.6s}@media (prefers-reduced-motion:reduce){.hp-3d-card,.hp-animate-fade-up{animation:none;opacity:1}.hp-cards-row{transform:none}.hp-3d-card:hover{transform:translateY(-6px)}}@media (max-width:768px){.hp-feature-grid>*{padding:clamp(1.5rem,4vw,2.5rem)}}