.hero{background:0 0;flex-direction:column;padding-top:0;display:flex;position:relative}.hero__content{text-align:center;max-width:var(--container-max);flex-direction:column;justify-content:flex-start;align-items:center;margin:0 auto;padding-top:clamp(4.75rem,11vh,8rem);padding-bottom:clamp(4.5rem,8vh,6.5rem);display:flex}.hero__title{letter-spacing:-.04em;max-width:1000px;margin-top:0;margin-bottom:var(--space-3xl);color:var(--color-text);opacity:1;justify-content:center;align-items:center;font-size:clamp(2.3rem,4.2vw,3.6rem);font-weight:500;line-height:1.08;display:flex}.hero__flag{vertical-align:middle;border-radius:4px;width:auto;height:.8em;margin-left:12px;display:inline-block;box-shadow:0 2px 8px #0000001a}.hero__product-switcher{background:var(--color-bg-subtle);border:1px solid var(--color-border);margin-bottom:var(--space-md);opacity:0;animation:heroFadeUp .8s var(--ease-out) .2s forwards;border-radius:999px;align-items:center;padding:4px;display:inline-flex;position:relative}.hero__switcher-btn{color:var(--color-text-muted);transition:all var(--duration-fast) var(--ease-out);-webkit-user-select:none;user-select:none;cursor:pointer;background:0 0;border:1px solid #0000;border-radius:999px;padding:.45rem 1.2rem;font-size:.85rem;font-weight:500}.hero__switcher-btn:hover{color:var(--color-text)}.hero__switcher-btn--active{color:var(--color-text);background:var(--color-bg);border-color:var(--color-border);box-shadow:var(--shadow-sm)}.hero__dynamic-tagline{color:var(--color-text-secondary);max-width:600px;margin:0 auto var(--space-xl);animation:heroTaglineFade .35s var(--ease-out) forwards;font-size:clamp(.95rem,1.25vw,1.1rem);font-weight:400;line-height:1.5}@keyframes heroTaglineFade{0%{opacity:0;transform:translateY(4px)}to{opacity:1;transform:translateY(0)}}.hero__cta-group{align-items:center;gap:var(--space-md);opacity:0;animation:heroFadeUp .8s var(--ease-out) .3s forwards;margin-bottom:0;display:flex}.hero__btn-primary{color:var(--color-text-inverse);background:var(--color-text);transition:opacity var(--duration-fast) var(--ease-out), transform var(--duration-fast) var(--ease-out);border-radius:999px;align-items:center;gap:8px;padding:.5rem 1rem;font-size:.85rem;font-weight:500;text-decoration:none;display:inline-flex}.hero__btn-primary:hover{opacity:.88;transform:translateY(-1px)}.hero__btn-secondary{color:var(--color-text);background:var(--color-bg-subtle);border:1px solid var(--color-border);transition:background-color var(--duration-fast) var(--ease-out), transform var(--duration-fast) var(--ease-out);border-radius:999px;align-items:center;padding:.5rem 1rem;font-size:.85rem;font-weight:500;text-decoration:none;display:inline-flex}.hero__btn-secondary:hover{background:var(--color-surface-hover)}.hero__media-wrapper{width:100%;max-width:1200px;margin:var(--space-4xl) auto 0;opacity:0;animation:heroFadeUp .8s var(--ease-out) .45s forwards}.hero__tech-row{width:100%;padding-block:var(--space-3xl);position:relative;overflow:hidden}.hero__tech-track{justify-content:center;align-items:center;gap:var(--space-xl);max-width:1200px;margin:0 auto;display:flex;position:relative}.hero__tech-indicator{background:var(--color-bg-subtle);border:1px solid var(--color-border);pointer-events:none;z-index:0;border-radius:999px;height:64px;transition:all .3s cubic-bezier(.16,1,.3,1);position:absolute;top:50%;transform:translateY(-50%)}.tech-icon{background:var(--color-bg);border:1px solid var(--color-border);width:48px;height:48px;color:var(--color-text);z-index:1;transition:transform var(--duration-fast) var(--ease-out), border-color var(--duration-fast) var(--ease-out);border-radius:50%;justify-content:center;align-items:center;font-size:20px;display:flex;position:relative}.tech-icon--hovered{background:0 0;border-color:#0000;transform:translateY(-2px)}@media (max-width:1024px){.hero{padding-top:var(--space-2xl)}.hero__title{max-width:800px}}@media (max-width:768px){.hero__content{padding-top:var(--space-2xl);padding-bottom:var(--space-xl)}.hero__title{max-width:100%;margin-bottom:var(--space-xl);flex-direction:column;gap:12px}.hero__flag{margin-left:0}.hero__product-switcher{gap:2px;width:100%;max-width:390px}.hero__switcher-btn{text-align:center;white-space:nowrap;flex:1;padding:.4rem .45rem;font-size:.76rem}.hero__dynamic-tagline{padding-inline:var(--space-sm);margin-bottom:var(--space-lg);font-size:.95rem}.hero__cta-group{gap:var(--space-sm);flex-direction:column;width:100%;max-width:280px}.hero__btn-primary,.hero__btn-secondary{justify-content:center;width:100%}.hero__tech-track{padding-inline:var(--page-margin);scroll-snap-type:x mandatory;-webkit-overflow-scrolling:touch;justify-content:flex-start;overflow-x:auto}.hero__tech-track::-webkit-scrollbar{display:none}.tech-icon{scroll-snap-align:center;flex-shrink:0}}
.snake-container{width:100%;margin-top:var(--space-4xl);padding-block:var(--space-3xl);position:relative;overflow:hidden;-webkit-mask-image:linear-gradient(90deg,#0000,#000 15% 85%,#0000);mask-image:linear-gradient(90deg,#0000,#000 15% 85%,#0000)}.snake-track{align-items:center;gap:var(--space-2xl);width:max-content;animation:50s linear infinite snakeScroll;display:flex}.snake-item{background:var(--color-bg);border:1px solid var(--color-border);width:80px;height:80px;color:var(--color-text);animation:4s ease-in-out infinite snakeWave;animation-delay:calc(var(--index) * -.4s);border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;display:flex;box-shadow:0 4px 12px #00000008}@keyframes snakeScroll{0%{transform:translate(0)}to{transform:translateX(calc(-50% - (var(--space-2xl) / 2)))}}@keyframes snakeWave{0%,to{transform:translateY(0)}25%{transform:translateY(-25px)}75%{transform:translateY(25px)}}
.video-placeholder{border:1px solid var(--color-border);background:#000;border-radius:clamp(1rem,3vw,2rem);justify-content:center;align-items:center;width:100%;height:100%;min-height:500px;display:flex;position:relative;overflow:hidden;box-shadow:0 24px 48px #00000026}.mock-panel{background:#fff;border-radius:12px;flex-direction:column;animation:8s ease-in-out infinite alternate floatPanel;display:flex;position:absolute;overflow:hidden;box-shadow:0 12px 24px #0003}.mock-panel--main{z-index:3;width:50%;max-width:600px;height:60%}.mock-panel--right{z-index:2;width:25%;max-width:280px;height:40%;animation-delay:-2s;top:15%;right:10%}.mock-panel--left{z-index:2;width:22%;max-width:260px;height:45%;animation-delay:-4s;bottom:10%;left:12%}.mock-panel__header{background:#f1f3f5;border-bottom:1px solid #e9ecef;align-items:center;gap:8px;height:32px;padding:0 12px;display:flex}.mock-panel__dots{gap:6px;display:flex}.mock-panel__dots span{background:#dee2e6;border-radius:50%;width:8px;height:8px}.mock-panel__title{font-family:var(--font-mono);color:#868e96;text-transform:uppercase;letter-spacing:.05em;margin-left:auto;font-size:10px}.mock-panel__body{flex-direction:column;flex:1;gap:12px;padding:20px;display:flex}.mock-line{background:#f1f3f5;border-radius:4px;height:8px}.mock-line--lg{width:80%;height:16px;margin-bottom:8px}.mock-line--md{width:60%}.mock-line--sm{width:40%}.mock-line--code{font-family:var(--font-mono);background:#e9ecef;height:6px;margin-bottom:2px}.mock-box{background:#f8f9fa;border:1px solid #e9ecef;border-radius:8px;flex:1;margin-top:8px}.mock-circle{background:#f1f3f5;border-radius:50%;width:48px;height:48px;margin-bottom:8px}@keyframes floatPanel{0%{transform:translateY(0)}to{transform:translateY(12px)}}@media (max-width:768px){.video-placeholder{min-height:320px}.mock-panel--right,.mock-panel--left{display:none}.mock-panel--main{width:85%;height:70%}}[data-theme=dark] .video-placeholder{background:#090a0d}[data-theme=dark] .mock-panel{background:#15171c;border:1px solid #23262e;box-shadow:0 12px 28px #00000073}[data-theme=dark] .mock-panel__header{background:#0f1014;border-bottom:1px solid #23262e}[data-theme=dark] .mock-panel__dots span{background:#2c303a}[data-theme=dark] .mock-panel__title{color:#717784}[data-theme=dark] .mock-line{background:#23262e}[data-theme=dark] .mock-line--code{background:#282c35}[data-theme=dark] .mock-box{background:#0f1014;border:1px solid #23262e}[data-theme=dark] .mock-circle{background:#23262e}
.video-showcase{width:100%;height:100%;position:relative}.video-showcase__video,.video-showcase__image{object-fit:contain;z-index:2;width:100%;height:100%;display:block;position:relative}
.product-showcase{background:var(--color-bg);padding:var(--space-4xl) 0;position:relative}.product-showcase--alt{background:var(--color-bg-elevated)}.product-showcase__grid{gap:var(--space-6xl);grid-template-columns:1fr 1fr;align-items:center;display:grid}.product-showcase__content{text-align:left;max-width:500px}.product-showcase__title{margin-bottom:var(--space-lg);color:var(--color-text);letter-spacing:-.02em;font-size:clamp(28px,4vw,48px);font-weight:400;line-height:1.1}.product-showcase__description{color:var(--color-text-secondary);margin-bottom:var(--space-xl);font-size:20px;line-height:1.6}.product-showcase__cta{margin-top:var(--space-md)}.product-showcase__cta-link{align-items:center;gap:var(--space-xs);font-size:var(--text-base);color:var(--color-text-inverse);background:var(--color-text);border-radius:var(--radius-full);transition:opacity var(--duration-fast) var(--ease-out);padding:.75rem 1.5rem;font-weight:500;text-decoration:none;display:inline-flex}.product-showcase__cta-link:hover{opacity:.9}.product-showcase__visual{border:1px solid var(--color-border);border-radius:20px;width:100%;max-width:600px;margin-left:auto;position:relative;overflow:hidden;box-shadow:0 24px 48px #0000001f}.product-showcase--custom .product-showcase__visual{border-radius:var(--radius-xl);background:var(--color-bg);max-width:480px;box-shadow:0 4px 6px -1px #00000008,0 12px 24px -4px #0000000f,0 24px 48px -12px #0000000f}@media (max-width:1024px){.product-showcase--custom .product-showcase__grid{gap:var(--space-2xl);grid-template-columns:1fr}.product-showcase--custom .product-showcase__visual{margin-inline:auto}.product-showcase--custom .product-showcase__content{max-width:600px}}@media (max-width:768px){.product-showcase__grid{gap:var(--space-4xl);grid-template-columns:1fr}.product-showcase__content{max-width:100%}.product-showcase__title{font-size:32px}.product-showcase__visual{margin:0 auto}}
.download-section{background:var(--color-bg)}.download-section__content{text-align:center;flex-direction:column;align-items:center;display:flex}.download-section__visual{width:100%;max-width:1200px;margin:0 auto var(--space-3xl);aspect-ratio:16/7;border-radius:var(--radius-xl);background:var(--color-bg-subtle);border:1px solid var(--color-border);overflow:hidden}.download-section__title{margin-bottom:var(--space-md);color:var(--color-text);font-family:Outfit,sans-serif;font-weight:500}.download-section__desc{font-size:var(--text-base);color:var(--color-text-secondary);line-height:var(--leading-relaxed);max-width:500px;margin:0 auto var(--space-xl)}.download-section__actions{justify-content:center;align-items:center;gap:var(--space-sm);display:flex}.download-section__btn-primary{align-items:center;gap:var(--space-2xs);color:var(--color-text-inverse);background:var(--color-text);border-radius:var(--radius-full);transition:opacity var(--duration-fast) var(--ease-out);padding:.65rem 1.25rem;font-size:.95rem;font-weight:500;text-decoration:none;display:inline-flex}.download-section__btn-primary:hover{opacity:.9}.download-section__btn-arrow{width:16px;height:16px;transition:transform var(--duration-fast) var(--ease-out)}.download-section__btn-primary:hover .download-section__btn-arrow{transform:translate(2px)}.download-section__btn-secondary{color:var(--color-text);background:var(--color-bg-subtle);border:1px solid var(--color-border);border-radius:var(--radius-full);transition:background-color var(--duration-fast) var(--ease-out);align-items:center;padding:.65rem 1.25rem;font-size:.95rem;font-weight:500;text-decoration:none;display:inline-flex}.download-section__btn-secondary:hover{background:var(--color-border)}@media (max-width:768px){.download-section__actions{flex-direction:column;width:100%}.download-section__btn-primary,.download-section__btn-secondary{justify-content:center;width:100%}}
.home-hero-stage{background:var(--color-bg);width:100%;position:relative;overflow:hidden}.home-hero-stage .hero-visual{-webkit-mask-image:linear-gradient(#000 0% 80%,#0000 100%);mask-image:linear-gradient(#000 0% 80%,#0000 100%)}.home-intro{background:var(--color-bg);padding-block:var(--space-6xl) var(--space-4xl)}.home-intro__statement{text-align:center;max-width:1000px;color:var(--color-text);line-height:var(--leading-tight);margin:0 auto}@media (max-width:768px){.home-intro{padding-block:var(--space-4xl) var(--space-3xl)}.home-intro__statement{text-align:left}}.home-dashboard-section{width:100%;padding-block:var(--space-xl) var(--space-2xl);background:var(--color-bg);position:relative}.home-dashboard-section .container{max-width:1200px;padding-inline:var(--page-margin);margin-inline:auto}@media (max-width:768px){.home-dashboard-section{padding-block:var(--space-lg) var(--space-xl)}}
