@import "https://fonts.googleapis.com/css2?family=Cormorant+Garamond:ital,wght@0,300;0,400;0,500;0,600;0,700;1,400&family=Inter:wght@300;400;500;600&display=swap";:root{--color-cream:#faf7f2;--color-pearl:#f5f0eb;--color-champagne:#f2e8d9;--color-champagne-light:#f7f0e4;--color-warm-gray:#efebe6;--color-lavender-hint:#ede8f0;--color-rose-gold:#b76e79;--color-rose-gold-light:#d4a0a7;--color-silver:silver;--color-silver-light:#d8d8d8;--color-text-primary:#2d2a26;--color-text-secondary:#6b6560;--color-text-tertiary:#9b9590;--color-text-white:#fff;--color-accent-warm:#d4956a;--color-accent-health:#7abeaa;--color-accent-sport:#e8a87c;--color-accent-heart:#e07a7a;--color-accent-o2:#6fa8dc;--color-accent-fun:#c89bda;--glass-bg:#ffffff73;--glass-bg-strong:#ffffffa6;--glass-border:#fff9;--glass-blur:20px;--font-display:"Cormorant Garamond", "Georgia", serif;--font-body:"Inter", "Helvetica Neue", "Arial", sans-serif;--text-hero:clamp(2.5rem, 8vw, 4.5rem);--text-section-title:clamp(1.8rem, 5vw, 3rem);--text-subtitle:clamp(1.1rem, 3vw, 1.5rem);--text-body:clamp(.9rem, 2.5vw, 1.05rem);--text-caption:clamp(.75rem, 2vw, .85rem);--text-badge:clamp(.7rem, 1.8vw, .8rem);--weight-light:300;--weight-regular:400;--weight-medium:500;--weight-semibold:600;--weight-bold:700;--leading-tight:1.2;--leading-normal:1.6;--leading-relaxed:1.8;--tracking-tight:-.02em;--tracking-normal:0;--tracking-wide:.05em;--tracking-wider:.12em;--space-xs:.25rem;--space-sm:.5rem;--space-md:1rem;--space-lg:1.5rem;--space-xl:2rem;--space-2xl:3rem;--space-3xl:4rem;--space-4xl:6rem;--radius-sm:8px;--radius-md:12px;--radius-lg:20px;--radius-xl:28px;--radius-full:9999px;--shadow-soft:0 8px 32px #0000000f;--shadow-medium:0 12px 40px #00000014;--shadow-glow-rose:0 0 40px #b76e7933;--shadow-glow-silver:0 0 40px #c0c0c040;--transition-fast:.2s ease;--transition-normal:.4s ease;--transition-slow:.6s ease;--transition-material:.6s cubic-bezier(.4, 0, .2, 1);--z-background:1;--z-ring-canvas:10;--z-content:20;--z-nav-dots:50;--z-toggle:60;--z-chat:70;--z-overlay:100}*,:before,:after{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth;-webkit-text-size-adjust:100%;-moz-text-size-adjust:100%;text-size-adjust:100%}body{font-family:var(--font-body);font-size:var(--text-body);font-weight:var(--weight-regular);line-height:var(--leading-normal);color:var(--color-text-primary);background-color:var(--color-cream);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;overflow:hidden auto}h1,h2,h3,h4,h5,h6{font-family:var(--font-display);font-weight:var(--weight-semibold);line-height:var(--leading-tight);letter-spacing:var(--tracking-tight);color:var(--color-text-primary)}h1{font-size:var(--text-hero)}h2{font-size:var(--text-section-title)}h3{font-size:var(--text-subtitle)}p{line-height:var(--leading-normal);color:var(--color-text-secondary);overflow-wrap:break-word;word-wrap:break-word;-webkit-hyphens:auto;hyphens:auto}a{color:var(--color-rose-gold);transition:color var(--transition-fast);text-decoration:none}a:hover{color:var(--color-accent-warm)}img{max-width:100%;height:auto;display:block}button{font-family:var(--font-body);cursor:pointer;font-size:inherit;background:0 0;border:none}::-webkit-scrollbar{width:4px}::-webkit-scrollbar-track{background:0 0}::-webkit-scrollbar-thumb{background:var(--color-silver-light);border-radius:var(--radius-full)}::-webkit-scrollbar-thumb:hover{background:var(--color-silver)}@media (prefers-reduced-motion:reduce){*,:before,:after{transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}html{scroll-behavior:auto}}::selection{background-color:var(--color-rose-gold-light);color:var(--color-text-primary)}.sr-only{clip:rect(0, 0, 0, 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.ring-canvas-wrapper{width:100%;height:100vh;z-index:var(--z-ring-canvas);pointer-events:none;justify-content:center;align-items:center;display:flex;position:sticky;top:0;left:0}.ring-canvas-wrapper canvas{pointer-events:none;display:block;width:100%!important;height:100%!important}.material-toggle{bottom:calc(var(--space-3xl) + 10px);z-index:var(--z-toggle);pointer-events:auto;align-items:center;gap:var(--space-xs);background:var(--glass-bg-strong);-webkit-backdrop-filter:blur(var(--glass-blur));border:1px solid var(--glass-border);border-radius:var(--radius-full);box-shadow:var(--shadow-soft);opacity:0;transition:opacity var(--transition-slow);padding:4px;display:flex;position:fixed;left:50%;transform:translate(-50%)}.material-toggle.visible{opacity:1}.material-toggle__option{align-items:center;gap:var(--space-xs);border-radius:var(--radius-full);font-size:var(--text-caption);font-weight:var(--weight-medium);letter-spacing:var(--tracking-wide);color:var(--color-text-secondary);transition:all var(--transition-material);cursor:pointer;white-space:nowrap;padding:8px 16px;display:flex}.material-toggle__dot{width:12px;height:12px;transition:transform var(--transition-fast);border:1.5px solid #0000001a;border-radius:50%}.material-toggle__dot--silver{background:linear-gradient(135deg,#e8e8e8,#a8a8a8)}.material-toggle__dot--rose-gold{background:linear-gradient(135deg,#e8b4b8,#b76e79)}.material-toggle__option.active{color:var(--color-text-primary);background:#fffc;box-shadow:0 2px 8px #00000014}.material-toggle__option.active .material-toggle__dot{transform:scale(1.15)}.material-toggle__option:hover:not(.active){background:#fff6}.ring-glow{width:280px;height:280px;z-index:calc(var(--z-ring-canvas) - 1);pointer-events:none;opacity:.4;filter:blur(60px);transition:background var(--transition-material), opacity var(--transition-slow);border-radius:50%;position:fixed;top:50%;left:50%;transform:translate(-50%,-50%)}.ring-glow--silver{background:radial-gradient(circle,#c0c0c04d,#0000 70%)}.ring-glow--rose-gold{background:radial-gradient(circle,#b76e7940,#0000 70%)}.feature-card{background:var(--glass-bg);-webkit-backdrop-filter:blur(var(--glass-blur));border:1px solid var(--glass-border);border-radius:var(--radius-lg);box-shadow:var(--shadow-soft);padding:var(--space-lg);overflow-wrap:break-word;word-wrap:break-word;-webkit-hyphens:auto;hyphens:auto;opacity:0;min-height:auto;transition:opacity var(--transition-slow), transform var(--transition-slow), box-shadow var(--transition-normal);transform:translateY(30px)}.feature-card.visible{opacity:1;transform:translateY(0)}.feature-card:hover{box-shadow:var(--shadow-medium);transform:translateY(-2px)}.feature-card__icon{width:48px;height:48px;margin-bottom:var(--space-md);border-radius:var(--radius-md);background:#fff9;justify-content:center;align-items:center;font-size:1.5rem;display:flex}.feature-card__title{font-family:var(--font-display);font-size:var(--text-subtitle);font-weight:var(--weight-semibold);color:var(--color-text-primary);margin-bottom:var(--space-sm);line-height:var(--leading-tight)}.feature-card__desc{font-size:var(--text-body);color:var(--color-text-secondary);line-height:var(--leading-relaxed)}.cards-grid{gap:var(--space-md);grid-template-columns:1fr;width:100%;max-width:400px;margin:0 auto;display:grid}@media (width>=600px){.cards-grid{grid-template-columns:1fr 1fr;max-width:700px}}.data-card{text-align:center;padding:var(--space-md)}.data-card__value{font-family:var(--font-display);font-size:clamp(2rem,6vw,3rem);font-weight:var(--weight-bold);margin-bottom:var(--space-xs);line-height:1}.data-card__label{font-size:var(--text-caption);color:var(--color-text-tertiary);text-transform:uppercase;letter-spacing:var(--tracking-wider)}.family-card{align-items:center;gap:var(--space-md);padding:var(--space-md);display:flex}.family-card__avatar{background:linear-gradient(135deg, var(--color-rose-gold-light), var(--color-champagne));border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:44px;height:44px;font-size:1.2rem;display:flex}.family-card__info{flex:1;min-width:0}.family-card__name{font-weight:var(--weight-medium);font-size:var(--text-body);color:var(--color-text-primary);margin-bottom:2px}.family-card__status{font-size:var(--text-caption);color:var(--color-accent-health)}.waveform-container{width:100%;height:60px;margin-top:var(--space-sm);border-radius:var(--radius-sm);position:relative;overflow:hidden}.waveform-container svg{width:100%;height:100%}.hero{text-align:center;min-height:100vh;padding:var(--space-xl);background:linear-gradient(180deg, var(--color-cream) 0%, var(--color-pearl) 100%);z-index:var(--z-content);flex-direction:column;justify-content:center;align-items:center;display:flex;position:relative}.hero__logo{font-family:var(--font-display);font-size:clamp(1.2rem,4vw,1.8rem);font-weight:var(--weight-light);letter-spacing:var(--tracking-wider);color:var(--color-text-primary);margin-bottom:var(--space-3xl);text-transform:uppercase}.hero__tagline{font-family:var(--font-display);font-size:var(--text-hero);font-weight:var(--weight-light);color:var(--color-text-primary);font-style:italic;line-height:var(--leading-tight);margin-bottom:var(--space-lg);max-width:600px}.hero__subtitle{font-size:var(--text-body);color:var(--color-text-secondary);max-width:320px;margin-bottom:var(--space-2xl)}.hero__scroll-hint{align-items:center;gap:var(--space-sm);color:var(--color-text-tertiary);font-size:var(--text-caption);letter-spacing:var(--tracking-wide);flex-direction:column;animation:2s ease-in-out infinite floatDown;display:flex}.hero__scroll-hint .arrow{border-right:1.5px solid var(--color-text-tertiary);border-bottom:1.5px solid var(--color-text-tertiary);width:20px;height:20px;transform:rotate(45deg)}@keyframes floatDown{0%,to{opacity:.6;transform:translateY(0)}50%{opacity:1;transform:translateY(8px)}}.timeline-section{min-height:100vh;padding:var(--space-3xl) var(--space-xl) var(--space-2xl);z-index:var(--z-content);flex-direction:column;justify-content:center;align-items:center;display:flex;position:relative;overflow:visible}.timeline-section__badge{align-items:center;gap:var(--space-xs);border-radius:var(--radius-full);background:var(--glass-bg);-webkit-backdrop-filter:blur(12px);border:1px solid var(--glass-border);font-family:var(--font-body);font-size:var(--text-badge);font-weight:var(--weight-medium);letter-spacing:var(--tracking-wider);color:var(--color-text-secondary);text-transform:uppercase;margin-bottom:var(--space-lg);padding:6px 16px;display:inline-flex}.timeline-section__badge .dot{background:var(--color-rose-gold);border-radius:50%;width:6px;height:6px}.timeline-section__title{font-size:var(--text-section-title);text-align:center;margin-bottom:var(--space-sm);max-width:360px}.timeline-section__subtitle{font-size:var(--text-body);text-align:center;color:var(--color-text-secondary);max-width:340px;margin-bottom:var(--space-2xl);line-height:var(--leading-relaxed)}.timeline-section__content{align-items:center;gap:var(--space-md);flex-direction:column;width:100%;max-width:420px;display:flex}.section-morning{background:linear-gradient(180deg, #fdf0e8 0%,  #faf3ed 40%, var(--color-cream) 100%)}.section-connect{background:linear-gradient(180deg, var(--color-pearl) 0%, #fff 50%, var(--color-pearl) 100%)}.section-control{background:linear-gradient(180deg, var(--color-warm-gray) 0%, #f4f0eb 50%, var(--color-warm-gray) 100%)}.section-sport{background:linear-gradient(180deg, var(--color-champagne-light) 0%, var(--color-champagne) 50%, var(--color-champagne-light) 100%)}.section-fun{background:linear-gradient(#f5ede2 0%,#f0e6d8 50%,#f5ede2 100%)}.section-comfort{background:linear-gradient(180deg, var(--color-pearl) 0%, var(--color-lavender-hint) 50%, var(--color-cream) 100%)}.nav-dots{z-index:var(--z-nav-dots);flex-direction:column;gap:12px;padding:8px;display:flex;position:fixed;top:50%;right:12px;transform:translateY(-50%)}.nav-dots__dot{background:var(--color-silver-light);cursor:pointer;width:8px;height:8px;transition:all var(--transition-normal);border:none;border-radius:50%;padding:0}.nav-dots__dot.active{background:var(--color-rose-gold);transform:scale(1.4);box-shadow:0 0 8px #b76e794d}.nav-dots__dot:hover:not(.active){background:var(--color-silver);transform:scale(1.2)}.chat-fab{bottom:var(--space-xl);right:var(--space-lg);z-index:var(--z-chat);background:linear-gradient(135deg, var(--color-rose-gold), var(--color-accent-warm));color:#fff;cursor:pointer;width:52px;height:52px;transition:transform var(--transition-fast), box-shadow var(--transition-fast);border-radius:50%;justify-content:center;align-items:center;font-size:1.4rem;display:flex;position:fixed;box-shadow:0 4px 20px #b76e7959}.chat-fab:hover{transform:scale(1.08);box-shadow:0 6px 28px #b76e7973}.chat-fab:active{transform:scale(.95)}.site-footer{z-index:var(--z-content);text-align:center;padding:var(--space-3xl) var(--space-xl);background:var(--color-cream);border-top:1px solid #0000000a;position:relative}.site-footer__brand{font-family:var(--font-display);font-size:clamp(1rem,3vw,1.3rem);font-weight:var(--weight-light);letter-spacing:var(--tracking-wider);color:var(--color-text-secondary);text-transform:uppercase;margin-bottom:var(--space-md)}.site-footer__links{justify-content:center;gap:var(--space-lg);margin-bottom:var(--space-md);flex-wrap:wrap;display:flex}.site-footer__links a{font-size:var(--text-caption);color:var(--color-text-tertiary);letter-spacing:var(--tracking-wide);transition:color var(--transition-fast)}.site-footer__links a:hover{color:var(--color-rose-gold)}.site-footer__copy{font-size:var(--text-caption);color:var(--color-text-tertiary)}.inline-icon{vertical-align:middle;justify-content:center;align-items:center;width:1em;height:1em;display:inline-flex}.sport-metrics{gap:var(--space-sm);grid-template-columns:1fr 1fr;width:100%;display:grid}.gesture-demo{justify-content:center;align-items:center;gap:var(--space-xl);padding:var(--space-lg);width:100%;display:flex}.gesture-demo__hand{font-size:2.5rem;animation:3s ease-in-out infinite gestureSwipe}@keyframes gestureSwipe{0%,to{transform:translate(0)rotate(0)}25%{transform:translate(10px)rotate(5deg)}50%{transform:translate(-5px)rotate(-3deg)}75%{transform:translate(8px)rotate(3deg)}}.gesture-demo__target{opacity:.7;transition:opacity var(--transition-fast);font-size:2rem}.comfort-specs{gap:var(--space-md);flex-direction:column;width:100%;display:flex}.comfort-spec{align-items:center;gap:var(--space-md);padding:var(--space-md) var(--space-lg);display:flex}.comfort-spec__icon{flex-shrink:0;font-size:1.8rem}.comfort-spec__text{flex:1}.comfort-spec__label{font-weight:var(--weight-medium);color:var(--color-text-primary);margin-bottom:2px}.comfort-spec__detail{font-size:var(--text-caption);color:var(--color-text-tertiary)}.anim-fade-up{opacity:0;transition:opacity .7s cubic-bezier(.16,1,.3,1),transform .7s cubic-bezier(.16,1,.3,1);transform:translateY(40px)}.anim-fade-up.visible{opacity:1;transform:translateY(0)}.anim-slide-left{opacity:0;transition:opacity .7s cubic-bezier(.16,1,.3,1),transform .7s cubic-bezier(.16,1,.3,1);transform:translate(-40px)}.anim-slide-left.visible{opacity:1;transform:translate(0)}.anim-slide-right{opacity:0;transition:opacity .7s cubic-bezier(.16,1,.3,1),transform .7s cubic-bezier(.16,1,.3,1);transform:translate(40px)}.anim-slide-right.visible{opacity:1;transform:translate(0)}.anim-scale-in{opacity:0;transition:opacity .6s ease-out,transform .6s cubic-bezier(.16,1,.3,1);transform:scale(.9)}.anim-scale-in.visible{opacity:1;transform:scale(1)}.anim-delay-1{transition-delay:.1s}.anim-delay-2{transition-delay:.2s}.anim-delay-3{transition-delay:.3s}.anim-delay-4{transition-delay:.4s}.anim-delay-5{transition-delay:.5s}@keyframes breathe{0%,to{opacity:.3;transform:translate(-50%,-50%)scale(1)}50%{opacity:.5;transform:translate(-50%,-50%)scale(1.05)}}.anim-breathe{animation:4s ease-in-out infinite breathe}@keyframes pulse{0%,to{transform:scale(1)}50%{transform:scale(1.08)}}.anim-pulse{animation:1.5s ease-in-out infinite pulse}@keyframes ripple{0%{opacity:.8;transform:scale(.8)}to{opacity:0;transform:scale(2)}}.anim-ripple{animation:2s ease-out infinite ripple}@keyframes revealLine{0%{clip-path:inset(0 100% 0 0);opacity:0}to{clip-path:inset(0);opacity:1}}.anim-reveal{opacity:0;clip-path:inset(0 100% 0 0);transition:none}.anim-reveal.visible{animation:.8s cubic-bezier(.16,1,.3,1) forwards revealLine}@keyframes lineExpand{0%{transform:scaleX(0)}to{transform:scaleX(1)}}.anim-line{transform-origin:0;transform:scaleX(0)}.anim-line.visible{animation:.6s cubic-bezier(.16,1,.3,1) forwards lineExpand}@keyframes drawWave{0%{stroke-dashoffset:1000px}to{stroke-dashoffset:0}}.anim-wave path{stroke-dasharray:1000;stroke-dashoffset:1000px}.anim-wave.visible path{animation:2s cubic-bezier(.4,0,.2,1) forwards drawWave}@keyframes fillBattery{0%{width:0%}to{width:var(--battery-level,85%)}}.anim-battery-fill{width:0%}.anim-battery-fill.visible{animation:1.5s cubic-bezier(.16,1,.3,1) forwards fillBattery}@keyframes bounce{0%,to{transform:translateY(0)}40%{transform:translateY(-15px)}60%{transform:translateY(-8px)}}.anim-bounce{animation:2s ease-in-out infinite bounce}@keyframes float{0%,to{transform:translateY(0)rotate(0)}33%{transform:translateY(-10px)rotate(3deg)}66%{transform:translateY(5px)rotate(-2deg)}}.anim-float{animation:5s ease-in-out infinite float}