.hero__title .hero__title-accent,.gradient-text{background:linear-gradient(135deg,#14B8A6 0%,#67E8F9 60%,#a78bfa 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;text-fill-color:transparent}.header{backdrop-filter:blur(20px) saturate(180%);-webkit-backdrop-filter:blur(20px) saturate(180%);background:rgba(11,15,25,0.75) !important;border-bottom:1px solid rgba(20,184,166,0.1);transition:background 0.3s,box-shadow 0.3s}.header.scrolled{background:rgba(11,15,25,0.95) !important;box-shadow:0 4px 32px rgba(0,0,0,0.4)}.section+.section,.section-alt+.section,.section+.section-alt{border-top:1px solid rgba(255,255,255,0.04)}.feature-card{transition:transform 0.25s ease,box-shadow 0.25s ease,border-color 0.25s ease}.feature-card:hover{transform:translateY(-4px);box-shadow:0 12px 40px rgba(20,184,166,0.12),0 0 0 1px rgba(20,184,166,0.2);border-color:rgba(20,184,166,0.3)}.section-title{position:relative;display:inline-block}.section-title::after{content:"";position:absolute;bottom:-8px;left:0;width:48px;height:3px;background:linear-gradient(90deg,#14B8A6,transparent);border-radius:2px}.stats-section{padding:3.5rem 0;background:#111827;border-top:1px solid rgba(255,255,255,0.04);border-bottom:1px solid rgba(255,255,255,0.04)}.stats-grid{display:flex;align-items:stretch;justify-content:center;gap:0;flex-wrap:wrap}.stat-card{flex:1 1 160px;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:1.5rem 1rem;border-right:1px solid rgba(255,255,255,0.06);text-align:center}.stat-card:last-child{border-right:none}.stat-card__value{font-size:clamp(2rem,4vw,2.75rem);font-weight:800;color:#14B8A6;letter-spacing:-0.04em;line-height:1;font-variant-numeric:tabular-nums}.stat-card__label{font-size:0.8125rem;color:#9CA3AF;margin-top:0.375rem;text-transform:uppercase;letter-spacing:0.08em;font-weight:500}@media (max-width:640px){.stats-grid{gap:0}.stat-card{flex:1 1 48%;border-right:none;border-bottom:1px solid rgba(255,255,255,0.06)}.stat-card:nth-child(odd){border-right:1px solid rgba(255,255,255,0.06)}}.how-it-works{padding:5rem 0}.hiw-steps{display:grid;grid-template-columns:repeat(3,1fr);gap:2rem;margin-top:3rem;position:relative}.hiw-steps::before{content:"";position:absolute;top:2.5rem;left:calc(16.67%+1.5rem);right:calc(16.67%+1.5rem);height:2px;background:linear-gradient(90deg,#14B8A6 0%,#14B8A6 50%,rgba(20,184,166,0.2) 100%);pointer-events:none}.hiw-step{display:flex;flex-direction:column;align-items:center;text-align:center;padding:2rem 1.5rem;background:#111827;border:1px solid rgba(255,255,255,0.06);border-radius:1rem;position:relative;transition:transform 0.25s ease,box-shadow 0.25s ease}.hiw-step:hover{transform:translateY(-4px);box-shadow:0 12px 40px rgba(20,184,166,0.1)}.hiw-step__number{width:3rem;height:3rem;border-radius:50%;background:linear-gradient(135deg,#14B8A6,#0D9488);color:#fff;display:flex;align-items:center;justify-content:center;font-weight:800;font-size:1.125rem;margin-bottom:1.25rem;flex-shrink:0;box-shadow:0 0 0 4px rgba(20,184,166,0.15)}.hiw-step__icon{width:2.5rem;height:2.5rem;margin-bottom:1rem;color:#14B8A6}.hiw-step__title{font-size:1.0625rem;font-weight:700;color:#F9FAFB;margin-bottom:0.5rem}.hiw-step__desc{font-size:0.9rem;color:#9CA3AF;line-height:1.6}@media (max-width:768px){.hiw-steps{grid-template-columns:1fr}.hiw-steps::before{display:none}}.integrations-banner{overflow:hidden;position:relative;margin-top:2.5rem;padding:0.5rem 0}.integrations-banner::before,.integrations-banner::after{content:"";position:absolute;top:0;bottom:0;width:100px;z-index:2;pointer-events:none}.integrations-banner::before{left:0;background:linear-gradient(to right,#0B0F19,transparent)}.integrations-banner::after{right:0;background:linear-gradient(to left,#0B0F19,transparent)}[data-theme="light"] .integrations-banner::before{background:linear-gradient(to right,#ffffff,transparent)}[data-theme="light"] .integrations-banner::after{background:linear-gradient(to left,#ffffff,transparent)}.integrations-track{display:flex;gap:1rem;width:max-content;animation:integrations-scroll 40s linear infinite}.integrations-track:hover{animation-play-state:paused}@keyframes integrations-scroll{0%{transform:translateX(0)}100%{transform:translateX(-50%)}}.integration-logo-badge{display:flex;align-items:center;gap:0.625rem;padding:0.75rem 1.25rem;background:rgba(17,24,39,0.8);border:1px solid rgba(255,255,255,0.08);border-radius:0.75rem;color:#9CA3AF;font-size:0.875rem;font-weight:600;white-space:nowrap;transition:border-color 0.3s,color 0.3s,background 0.3s,box-shadow 0.3s,transform 0.3s;flex-shrink:0;cursor:default}[data-theme="light"] .integration-logo-badge{background:rgba(249,250,251,0.9);border-color:rgba(0,0,0,0.08);color:#6B7280}.integration-logo-badge:hover{transform:translateY(-2px);box-shadow:0 4px 20px rgba(0,0,0,0.3)}.integration-logo-badge[data-brand="stripe"]:hover{border-color:#635BFF;color:#635BFF}.integration-logo-badge[data-brand="fitbit"]:hover{border-color:#00B0B9;color:#00B0B9}.integration-logo-badge[data-brand="garmin"]:hover{border-color:#007CC3;color:#007CC3}.integration-logo-badge[data-brand="applehealth"]:hover{border-color:#FF2D55;color:#FF2D55}.integration-logo-badge[data-brand="googlefit"]:hover{border-color:#4285F4;color:#4285F4}.integration-logo-badge[data-brand="mailchimp"]:hover{border-color:#FFE01B;color:#FFE01B}.integration-logo-badge[data-brand="whatsapp"]:hover{border-color:#25D366;color:#25D366}.integration-logo-badge[data-brand="zapier"]:hover{border-color:#FF4A00;color:#FF4A00}.integration-logo-badge[data-brand="telegram"]:hover{border-color:#0088CC;color:#0088CC}.integration-logo-badge[data-brand="openfoodfacts"]:hover{border-color:#009933;color:#009933}.integration-logo-badge[data-brand="oura"]:hover{border-color:#A855F7;color:#A855F7}.integration-logo-badge[data-brand="polar"]:hover{border-color:#D0021B;color:#D0021B}.integration-logo-badge[data-brand="samsunghealth"]:hover{border-color:#1428A0;color:#1428A0}.integration-logo-badge[data-brand="withings"]:hover{border-color:#00B4AC;color:#00B4AC}.integration-logo-badge[data-brand="renpho"]:hover{border-color:#2196F3;color:#2196F3}.integration-logo-badge[data-brand="whoop"]:hover{border-color:#44BBA4;color:#44BBA4}.integration-logo-badge[data-brand="suunto"]:hover{border-color:#9CA3AF;color:#E5E7EB}.integration-logo-badge[data-brand="strava"]:hover{border-color:#FC4C02;color:#FC4C02}.integration-logo-badge[data-brand="myfitnesspal"]:hover{border-color:#0069CF;color:#0069CF}.integration-logo-badge svg{flex-shrink:0;transition:transform 0.3s}.integration-logo-badge:hover svg{transform:scale(1.15)}.cta-banner{padding:5rem 0;text-align:center;background:linear-gradient(135deg,#0e1929 0%,#0B0F19 100%);position:relative;overflow:hidden}.cta-banner::before{content:"";position:absolute;inset:0;background:radial-gradient(ellipse 70% 70% at 50% 50%,rgba(20,184,166,0.07) 0%,transparent 70%);pointer-events:none}.cta-banner .container{position:relative;z-index:1}.cta-banner__title{font-size:clamp(1.75rem,4vw,2.75rem);font-weight:800;color:#F9FAFB;letter-spacing:-0.03em;margin-bottom:0.75rem}.cta-banner__subtitle{font-size:1.0625rem;color:#9CA3AF;max-width:520px;margin:0 auto 2rem;line-height:1.6}.cta-banner__actions{display:flex;gap:1rem;align-items:center;justify-content:center;flex-wrap:wrap}.hero__mockup-wrap{position:relative;perspective:1000px}.hero__mockup-frame{transform:rotateY(-8deg) rotateX(4deg);transform-style:preserve-3d;transition:transform 0.4s ease;filter:drop-shadow(0 40px 80px rgba(20,184,166,0.18)) drop-shadow(0 8px 24px rgba(0,0,0,0.6))}.hero__mockup-frame:hover{transform:rotateY(-4deg) rotateX(2deg)}.integrations-grid{display:flex;flex-wrap:wrap;gap:0.75rem;justify-content:center;margin-top:2.5rem}.integration-badge{transition:transform 0.2s,box-shadow 0.2s,border-color 0.2s}.integration-badge:hover{transform:translateY(-2px);box-shadow:0 4px 16px rgba(20,184,166,0.15);border-color:rgba(20,184,166,0.4) !important}.feature-card__svg-illustration{width:100%;height:120px;margin-top:1rem;border-radius:0.5rem;overflow:hidden}.role-panel-mockup{display:flex;justify-content:flex-end;align-items:flex-start;padding:1rem 0 0}.section,.section-alt{padding-top:5rem;padding-bottom:5rem}@media (max-width:768px){.section,.section-alt{padding-top:3.5rem;padding-bottom:3.5rem}}.space-world{position:relative;width:100%;height:520px;border-radius:16px;overflow:hidden;background:radial-gradient(ellipse at 50% 50%,rgba(20,184,166,0.05) 0%,rgba(11,15,25,0.95) 60%,#0B0F19 100%);border:1px solid rgba(20,184,166,0.1);perspective:1200px;-webkit-perspective:1200px}.space-world .space-canvas{position:absolute;top:0;left:0;width:100%;height:100%;pointer-events:none;z-index:0}.space-badge{position:absolute;display:-webkit-flex;display:flex;-webkit-align-items:center;align-items:center;gap:8px;padding:10px 16px;background:rgba(17,24,39,0.85);border:1px solid rgba(255,255,255,0.1);border-radius:12px;color:#F9FAFB;font-size:0.8rem;font-weight:600;letter-spacing:0.02em;white-space:nowrap;cursor:default;will-change:transform,opacity,box-shadow;-webkit-transform-style:preserve-3d;transform-style:preserve-3d;-webkit-backface-visibility:hidden;backface-visibility:hidden;transition:background 0.3s ease,border-color 0.3s ease;z-index:1}.space-badge svg{flex-shrink:0;transition:transform 0.3s ease}.space-badge span{opacity:0.85;transition:opacity 0.3s ease}.space-badge:hover{background:rgba(17,24,39,0.95);border-color:rgba(255,255,255,0.2)}.space-badge:hover span{opacity:1}.space-badge:hover svg{transform:scale(1.15)}.space-badge[data-brand="stripe"]:hover{border-color:#635BFF}.space-badge[data-brand="fitbit"]:hover{border-color:#00B0B9}.space-badge[data-brand="garmin"]:hover{border-color:#007CC3}.space-badge[data-brand="applehealth"]:hover{border-color:#FF2D55}.space-badge[data-brand="googlefit"]:hover{border-color:#4285F4}.space-badge[data-brand="strava"]:hover{border-color:#FC4C02}.space-badge[data-brand="withings"]:hover{border-color:#00B4AC}.space-badge[data-brand="oura"]:hover{border-color:#A855F7}.space-badge[data-brand="whoop"]:hover{border-color:#44BBA4}.space-badge[data-brand="polar"]:hover{border-color:#D0021B}.space-badge[data-brand="samsunghealth"]:hover{border-color:#1428A0}.space-badge[data-brand="suunto"]:hover{border-color:#9CA3AF}.space-badge[data-brand="whatsapp"]:hover{border-color:#25D366}.space-badge[data-brand="telegram"]:hover{border-color:#0088CC}.space-badge[data-brand="zapier"]:hover{border-color:#FF4A00}.space-badge[data-brand="mailchimp"]:hover{border-color:#FFE01B}.space-badge[data-brand="renpho"]:hover{border-color:#2196F3}.space-badge[data-brand="openfoodfacts"]:hover{border-color:#009933}.space-badge[data-brand="myfitnesspal"]:hover{border-color:#0069CF}[data-theme="light"] .space-world{background:radial-gradient(ellipse at 50% 50%,rgba(20,184,166,0.06) 0%,rgba(248,250,252,0.95) 60%,#F8FAFC 100%);border-color:rgba(0,0,0,0.08)}[data-theme="light"] .space-badge{background:rgba(255,255,255,0.9);border-color:rgba(0,0,0,0.1);color:#111827}[data-theme="light"] .space-badge:hover{background:rgba(255,255,255,1)}@media (max-width:768px){.space-world{height:400px}.space-badge{padding:7px 12px;font-size:0.7rem;gap:5px}.space-badge svg{width:16px;height:16px}}@media (max-width:480px){.space-world{height:350px}.space-badge{padding:6px 10px;font-size:0.65rem}.space-badge svg{width:14px;height:14px}}