:root{--accent:55,131,219;--accent-light:96,165,250;--accent-rgb:55,131,219;--accent-light-rgb:96,165,250;--surface-950:15,15,17;--surface-900:22,22,26;--surface-800:30,30,36;--surface-700:45,45,54;--surface-600:60,60,72;--surface-500:110,110,125;--surface-100:240,240,245;--font-display:'Outfit',sans-serif;--font-body:'Plus Jakarta Sans',sans-serif;--glow-orange:rgba(55,131,219,0.15);--glow-amber:rgba(96,165,250,0.08);}*{box-sizing:border-box;margin:0;padding:0;}html{scroll-behavior:smooth;color-scheme:dark;max-width:100%;overflow-x:hidden;}body{background-color:rgb(var(--surface-950));color:rgb(var(--surface-100));font-family:var(--font-body);line-height:1.6;max-width:100%;overflow-x:hidden;position:relative;}body::before{content:"";position:absolute;inset:0;pointer-events:none;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 256 256' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='noise'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.9' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23noise)' opacity='0.015'/%3E%3C/svg%3E");z-index:1;}.glow-bg{position:absolute;width:55vw;height:55vw;background:radial-gradient(circle,var(--glow-orange) 0%,rgba(var(--accent),0) 70%);top:-15vw;right:-15vw;pointer-events:none;z-index:0;filter:blur(100px);}.glow-bg-left{position:absolute;width:45vw;height:45vw;background:radial-gradient(circle,var(--glow-amber) 0%,rgba(var(--accent-light),0) 70%);top:70vw;left:-15vw;pointer-events:none;z-index:0;filter:blur(100px);}.glow-bg-center{position:absolute;width:50vw;height:50vw;background:radial-gradient(circle,var(--glow-orange) 0%,rgba(var(--accent),0) 70%);top:180vw;right:15vw;pointer-events:none;z-index:0;filter:blur(120px);}.container{width:100%;max-width:1200px;margin:0 auto;padding:0 2rem;position:relative;z-index:2;}h1,h2,h3,h4{font-family:var(--font-display);font-weight:700;letter-spacing:0.03em;text-transform:uppercase;}.text-gradient{background:linear-gradient(135deg,rgb(var(--accent)) 0%,rgb(var(--accent-light)) 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;}.btn{display:inline-flex;align-items:center;justify-content:center;gap:0.75rem;padding:0.9rem 1.8rem;border-radius:0.75rem;font-weight:600;font-family:var(--font-display);text-decoration:none;transition:all 0.3s cubic-bezier(0.16,1,0.3,1);cursor:pointer;font-size:0.95rem;border:none;text-transform:uppercase;letter-spacing:0.05em;}.btn-primary{background:linear-gradient(135deg,rgb(var(--accent)) 0%,rgb(var(--accent-light)) 100%);color:#ffffff;box-shadow:0 4px 20px rgba(var(--accent),0.35);}.btn-primary:hover{transform:translateY(-2px);box-shadow:0 6px 25px rgba(var(--accent),0.5);filter:brightness(1.1);}.btn-secondary{background-color:rgb(var(--surface-900));color:rgb(var(--surface-100));border:1px solid rgb(var(--surface-700));}.btn-secondary:hover{background-color:rgb(var(--surface-800));border-color:rgb(var(--accent));transform:translateY(-2px);color:#ffffff;}header{position:fixed;top:0;left:0;right:0;z-index:100;background-color:rgba(var(--surface-950),0.75);backdrop-filter:blur(16px);border-bottom:1px solid rgba(var(--surface-700),0.25);transition:all 0.4s cubic-bezier(0.16,1,0.3,1);}header.scrolled{background-color:rgba(var(--surface-950),0.92);padding:0.3rem 0;border-bottom-color:rgba(var(--accent),0.2);box-shadow:0 10px 30px rgba(0,0,0,0.5);}.header-container{display:flex;justify-content:space-between;align-items:center;height:5.5rem;}.logo{display:flex;align-items:center;gap:0.6rem;font-family:var(--font-display);font-weight:800;font-size:1.8rem;text-decoration:none;color:#ffffff;letter-spacing:0.05em;text-transform:uppercase;}.logo-img{height:2.5rem;width:auto;object-fit:contain;transition:transform 0.3s cubic-bezier(0.175,0.885,0.32,1.275);}.logo:hover .logo-img{transform:scale(1.15) rotate(-5deg);}.logo-icon-container{width:2.6rem;height:2.6rem;background:linear-gradient(135deg,rgb(var(--accent)) 0%,rgb(var(--accent-light)) 100%);border-radius:0.6rem;display:flex;align-items:center;justify-content:center;box-shadow:0 4px 12px rgba(var(--accent),0.3);}.logo-icon-container span{color:#ffffff;font-size:1.6rem;}.logo span.logo-text-highlight{color:rgb(var(--accent-light));}.nav-links{display:flex;align-items:center;gap:2.2rem;list-style:none;}.nav-links a{text-decoration:none;color:rgb(var(--surface-500));font-weight:600;font-size:0.85rem;text-transform:uppercase;letter-spacing:0.08em;font-family:var(--font-display);transition:all 0.25s ease;position:relative;padding:0.4rem 0;}.nav-links a:hover,.nav-links a.active{color:#ffffff;}.nav-links a::after{content:"";position:absolute;bottom:0;left:0;width:0;height:2px;background:linear-gradient(90deg,rgb(var(--accent)) 0%,rgb(var(--accent-light)) 100%);transition:width 0.25s ease;}.nav-links a:hover::after,.nav-links a.active::after{width:100%;}.header-right{display:flex;align-items:center;gap:1.5rem;}.lang-switch{display:flex;background-color:rgb(var(--surface-900));border:1px solid rgb(var(--surface-700));padding:0.2rem;border-radius:2rem;cursor:pointer;position:relative;overflow:hidden;}.lang-btn{background:transparent;border:none;padding:0.4rem 0.8rem;color:rgb(var(--surface-500));font-weight:700;font-size:0.75rem;border-radius:2rem;font-family:var(--font-display);cursor:pointer;transition:all 0.2s ease;z-index:2;}.lang-btn.active{color:#ffffff;background-color:rgb(var(--accent));}.hero{padding:12rem 0 6rem 0;min-height:100vh;display:flex;align-items:center;position:relative;overflow:hidden;}.hero-grid{display:grid;grid-template-columns:1.25fr 1fr;gap:4rem;align-items:center;}.section-badge{display:inline-flex;align-items:center;gap:0.5rem;padding:0.4rem 1.2rem;background-color:rgba(var(--accent),0.08);border:1px solid rgba(var(--accent),0.25);color:rgb(var(--accent-light));border-radius:2rem;font-size:0.75rem;font-weight:700;font-family:var(--font-display);letter-spacing:0.12em;text-transform:uppercase;margin-bottom:1.5rem;}.section-badge span{font-size:0.95rem;}.hero-content h1{font-size:4.2rem;line-height:1.05;margin-bottom:1.5rem;letter-spacing:0.01em;}.hero-content p{font-size:1.2rem;color:rgb(var(--surface-500));margin-bottom:2.5rem;max-width:34rem;line-height:1.7;}.hero-cta{display:flex;gap:1.2rem;flex-wrap:wrap;margin-bottom:3.5rem;}.hero-stats{display:flex;gap:3.5rem;border-top:1px solid rgba(var(--surface-700),0.35);padding-top:2rem;}.stat-item{display:flex;flex-direction:column;}.stat-num{font-family:var(--font-display);font-size:2.5rem;font-weight:800;color:#ffffff;line-height:1;background:linear-gradient(135deg,#ffffff 0%,rgb(var(--surface-500)) 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;}.stat-label{font-size:0.75rem;color:rgb(var(--surface-500));text-transform:uppercase;letter-spacing:0.1em;font-weight:700;margin-top:0.25rem;}.hero-mockup{position:relative;display:flex;justify-content:center;align-items:center;}.iphone-mockup{position:relative;width:300px;height:600px;background:#09090b;border-radius:3rem;padding:0.8rem;box-shadow:0 25px 50px -12px rgba(0,0,0,0.7),0 0 0 4px #27272a,0 0 0 6px #18181b,0 0 25px 2px rgba(var(--accent),0.25);transition:all 0.6s cubic-bezier(0.16,1,0.3,1);overflow:visible;}.iphone-mockup::before{content:"";position:absolute;top:10%;left:-4px;height:80%;width:2px;background:linear-gradient(to bottom,transparent,rgba(255,255,255,0.15),transparent);pointer-events:none;}.iphone-mockup:hover{transform:translateY(-12px) rotate(-1.5deg) scale(1.02);box-shadow:0 40px 80px -20px rgba(0,0,0,0.8),0 0 0 4px rgb(var(--accent-light)),0 0 0 6px #09090b,0 0 40px 10px rgba(var(--accent),0.4);}.iphone-bezel{position:relative;width:100%;height:100%;background:#000000;border-radius:2.2rem;overflow:hidden;border:1px solid #18181b;}.iphone-screen{position:relative;width:100%;height:100%;border-radius:2.1rem;overflow:hidden;}.iphone-dynamic-island{position:absolute;top:0.8rem;left:50%;transform:translateX(-50%);width:85px;height:23px;background:#000000;border-radius:20px;z-index:10;box-shadow:inset 0 1px 1px rgba(255,255,255,0.1);}.iphone-screen-img{width:100%;height:100%;object-fit:cover;display:block;}.features{padding:8rem 0;background-color:rgba(var(--surface-900),0.3);position:relative;border-top:1px solid rgba(var(--surface-700),0.2);border-bottom:1px solid rgba(var(--surface-700),0.2);}.section-header{text-align:center;margin-bottom:5rem;}.section-header h2{font-size:3rem;margin-bottom:1rem;}.section-header p{color:rgb(var(--surface-500));max-width:38rem;margin:0 auto;font-size:1.1rem;}.feature-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:2rem;}.feature-card{background-color:rgb(var(--surface-900));border:1px solid rgb(var(--surface-800));border-radius:1.8rem;padding:2.5rem;transition:all 0.4s cubic-bezier(0.16,1,0.3,1);position:relative;overflow:hidden;}.feature-card:hover{border-color:rgba(var(--accent),0.35);transform:translateY(-6px);box-shadow:0 20px 40px rgba(0,0,0,0.4),0 0 20px rgba(var(--accent),0.05);}.feature-icon{width:3.5rem;height:3.5rem;background-color:rgba(var(--accent),0.08);border:1px solid rgba(var(--accent),0.15);border-radius:1rem;display:flex;align-items:center;justify-content:center;color:rgb(var(--accent-light));margin-bottom:2rem;}.feature-icon span{font-size:1.8rem;}.feature-card h3{font-size:1.4rem;color:#ffffff;margin-bottom:1rem;}.feature-card p{color:rgb(var(--surface-500));font-size:0.95rem;line-height:1.6;}.interactive-section{padding:8rem 0;border-bottom:1px solid rgba(var(--surface-700),0.2);position:relative;}.interactive-grid{display:grid;grid-template-columns:1fr 1.25fr;gap:5rem;align-items:center;}.interactive-grid.reverse{grid-template-columns:1.25fr 1fr;}.interactive-content h2{font-size:2.8rem;margin-bottom:1.5rem;line-height:1.1;}.interactive-content p{color:rgb(var(--surface-500));font-size:1.1rem;margin-bottom:2rem;line-height:1.7;}.bullets{list-style:none;}.bullets li{display:flex;align-items:flex-start;gap:1rem;margin-bottom:1.2rem;font-size:1.05rem;color:rgb(var(--surface-100));}.bullets li span{color:rgb(var(--accent-light));font-weight:bold;margin-top:0.15rem;}.widget-box{background-color:rgb(var(--surface-900));border:1px solid rgb(var(--surface-800));border-radius:2rem;padding:2.2rem;box-shadow:0 30px 60px rgba(0,0,0,0.5),inset 0 1px 0 rgba(255,255,255,0.05);position:relative;overflow:hidden;}.widget-box::before{content:"";position:absolute;top:0;left:0;width:100%;height:4px;background:linear-gradient(90deg,rgb(var(--accent)) 0%,rgb(var(--accent-light)) 100%);}.wizard-container{display:flex;flex-direction:column;gap:1.5rem;}.wizard-steps{display:flex;justify-content:space-between;border-bottom:1px solid rgb(var(--surface-800));padding-bottom:1rem;}.wizard-step-indicator{display:flex;flex-direction:column;align-items:center;gap:0.25rem;flex:1;text-align:center;}.wizard-dot{width:1.6rem;height:1.6rem;border-radius:50%;background-color:rgb(var(--surface-800));border:2px solid rgb(var(--surface-700));color:rgb(var(--surface-500));display:flex;align-items:center;justify-content:center;font-size:0.75rem;font-weight:800;transition:all 0.3s ease;}.wizard-step-label{font-size:0.6rem;color:rgb(var(--surface-500));font-weight:700;text-transform:uppercase;letter-spacing:0.05em;}.wizard-step-indicator.active .wizard-dot{background-color:rgba(var(--accent),0.1);border-color:rgb(var(--accent));color:rgb(var(--accent-light));box-shadow:0 0 10px rgba(var(--accent),0.3);}.wizard-step-indicator.active .wizard-step-label{color:#ffffff;}.wizard-step-indicator.completed .wizard-dot{background-color:rgb(var(--accent));border-color:rgb(var(--accent));color:#ffffff;}.wizard-step-indicator.completed .wizard-step-label{color:rgb(var(--accent-light));}.wizard-content{min-height:180px;display:flex;flex-direction:column;justify-content:center;}.wizard-pane{display:none;animation:fadeIn 0.4s cubic-bezier(0.16,1,0.3,1) forwards;}.wizard-pane.active{display:flex;flex-direction:column;gap:1.2rem;}.wizard-options-grid{display:grid;grid-template-cols:1fr 1fr;gap:1rem;}.wizard-option-btn{background-color:rgb(var(--surface-800));border:1px solid rgb(var(--surface-700));padding:1rem;border-radius:1rem;cursor:pointer;color:rgb(var(--surface-100));font-weight:600;display:flex;flex-direction:column;align-items:center;gap:0.5rem;transition:all 0.2s ease;font-family:var(--font-display);}.wizard-option-btn span.material-symbols-outlined{font-size:1.8rem;color:rgb(var(--surface-500));transition:color 0.2s ease;}.wizard-option-btn:hover{background-color:rgba(var(--accent),0.05);border-color:rgb(var(--accent));}.wizard-option-btn:hover span.material-symbols-outlined{color:rgb(var(--accent-light));}.wizard-symptom-list{display:flex;flex-direction:column;gap:0.8rem;}.wizard-symptom-item{background-color:rgb(var(--surface-800));border:1px solid rgb(var(--surface-700));padding:0.8rem 1.2rem;border-radius:0.8rem;cursor:pointer;display:flex;justify-content:space-between;align-items:center;font-size:0.9rem;font-weight:600;transition:all 0.2s ease;}.wizard-symptom-item:hover{border-color:rgb(var(--accent));background-color:rgba(var(--accent),0.03);}.wizard-symptom-item span.icon-arrow{color:rgb(var(--surface-500));transition:transform 0.2s ease;}.wizard-symptom-item:hover span.icon-arrow{transform:translateX(4px);color:rgb(var(--accent-light));}.scanning-box{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:1.5rem;padding:1.5rem 0;}.radar-sweep{position:relative;width:4.5rem;height:4.5rem;border-radius:50%;background:radial-gradient(circle,rgba(var(--accent),0.1) 0%,transparent 70%);border:2px dashed rgba(var(--accent),0.3);display:flex;align-items:center;justify-content:center;}.radar-sweep::after{content:"";position:absolute;inset:-4px;border-radius:50%;border:2px solid transparent;border-top-color:rgb(var(--accent));animation:spin 1.2s linear infinite;}.radar-sweep span{font-size:2.2rem;color:rgb(var(--accent-light));animation:heartbeat 1.5s infinite;}.scan-progress-bar-container{width:100%;height:4px;background-color:rgb(var(--surface-800));border-radius:2px;overflow:hidden;}.scan-progress-bar-fill{height:100%;width:0;background:linear-gradient(90deg,rgb(var(--accent)) 0%,rgb(var(--accent-light)) 100%);border-radius:2px;transition:width 0.1s linear;}.wizard-results-card{background-color:rgb(var(--surface-800));border:1px solid rgb(var(--surface-700));border-radius:1.2rem;padding:1.2rem;display:flex;flex-direction:column;gap:0.8rem;}.wizard-results-header{display:flex;justify-content:space-between;align-items:center;}.wizard-results-title{font-family:var(--font-display);font-size:1.2rem;color:#ffffff;}.wizard-badge-similarity{background-color:rgba(16,185,129,0.08);border:1px solid rgba(16,185,129,0.25);color:#10b981;padding:0.2rem 0.6rem;border-radius:2rem;font-size:0.75rem;font-weight:700;}.wizard-results-description{font-size:0.85rem;color:rgb(var(--surface-500));line-height:1.5;}.wizard-accepted-solution{background-color:rgba(var(--accent),0.03);border:1px dashed rgba(var(--accent),0.2);border-radius:0.8rem;padding:0.8rem 1rem;}.wizard-solution-header{display:flex;align-items:center;gap:0.5rem;color:rgb(var(--accent-light));font-weight:700;font-size:0.8rem;margin-bottom:0.3rem;text-transform:uppercase;letter-spacing:0.05em;}.wizard-solution-text{font-size:0.85rem;color:rgb(var(--surface-100));}.wizard-actions{display:flex;justify-content:space-between;align-items:center;margin-top:0.5rem;}.wizard-upvote-btn{background-color:rgb(var(--surface-700));border:1px solid rgb(var(--surface-600));color:rgb(var(--surface-100));padding:0.4rem 0.8rem;border-radius:0.5rem;cursor:pointer;display:flex;align-items:center;gap:0.4rem;font-size:0.75rem;font-weight:700;transition:all 0.2s ease;}.wizard-upvote-btn:hover{background-color:rgb(var(--accent));border-color:rgb(var(--accent));}.wizard-upvote-btn.upvoted{background-color:rgb(var(--accent));border-color:rgb(var(--accent));}.wizard-nav-btns{display:flex;justify-content:space-between;margin-top:auto;}.map-widget-wrapper{display:grid;grid-template-rows:240px 1fr;gap:1rem;}.map-container-hud{background:radial-gradient(circle at center,rgb(var(--surface-800)) 0%,rgb(var(--surface-950)) 100%);border-radius:1.5rem;border:1px solid rgb(var(--surface-800));position:relative;overflow:hidden;height:240px;}.route-svg{position:absolute;inset:0;width:100%;height:100%;}.map-glow-points{position:absolute;width:100%;height:100%;}.map-hud-overlay{position:absolute;top:1rem;left:1rem;background-color:rgba(var(--surface-900),0.85);backdrop-filter:blur(8px);border:1px solid rgb(var(--surface-700));border-radius:0.8rem;padding:0.6rem 1rem;z-index:10;}.map-hud-title{font-family:var(--font-display);font-size:0.85rem;color:#ffffff;}.map-hud-subtitle{font-size:0.7rem;color:rgb(var(--accent-light));font-weight:700;text-transform:uppercase;}.map-moving-indicator{position:absolute;width:0.8rem;height:0.8rem;background-color:rgb(var(--accent));border:2px solid #ffffff;border-radius:50%;box-shadow:0 0 10px rgb(var(--accent-light));offset-path:path("M 40 180 C 120 100,220 220,320 80");animation:moveOnPath 6s linear infinite;}.map-tappa-pin{position:absolute;width:0.6rem;height:0.6rem;background-color:#ffffff;border:2px solid rgb(var(--accent-light));border-radius:50%;}.map-tappa-pin.start{top:175px;left:35px;}.map-tappa-pin.mid{top:155px;left:215px;}.map-tappa-pin.end{top:75px;left:315px;}.map-feed-panel{display:flex;flex-direction:column;gap:0.8rem;}.map-feed-tabs{display:flex;background-color:rgb(var(--surface-950));border-radius:0.8rem;padding:0.2rem;border:1px solid rgb(var(--surface-800));}.map-feed-tab-btn{flex:1;background:transparent;border:none;padding:0.5rem;color:rgb(var(--surface-500));font-size:0.75rem;font-weight:700;font-family:var(--font-display);border-radius:0.6rem;cursor:pointer;transition:all 0.2s ease;text-transform:uppercase;}.map-feed-tab-btn.active{background-color:rgb(var(--surface-800));color:#ffffff;border-bottom:2px solid rgb(var(--accent));}.map-feed-content{height:120px;overflow-y:auto;display:flex;flex-direction:column;gap:0.6rem;padding-right:0.3rem;}.map-feed-content::-webkit-scrollbar,.chat-messages::-webkit-scrollbar,.garage-log-table-container::-webkit-scrollbar{width:4px;}.map-feed-content::-webkit-scrollbar-thumb,.chat-messages::-webkit-scrollbar-thumb,.garage-log-table-container::-webkit-scrollbar-thumb{background-color:rgb(var(--surface-700));border-radius:2px;}.feed-item{background-color:rgb(var(--surface-800));border:1px solid rgb(var(--surface-700));padding:0.6rem 0.8rem;border-radius:0.8rem;font-size:0.8rem;display:flex;flex-direction:column;gap:0.2rem;animation:slideIn 0.3s cubic-bezier(0.16,1,0.3,1) forwards;}.feed-item.announcement{border-left:3px solid rgb(var(--accent));}.feed-item-header{display:flex;justify-content:space-between;font-weight:700;color:rgb(var(--surface-100));}.feed-item-author{color:rgb(var(--accent-light));}.feed-item-time{font-size:0.65rem;color:rgb(var(--surface-500));}.feed-item-body{color:rgb(var(--surface-500));line-height:1.4;}.forum-widget-wrapper{display:flex;flex-direction:column;gap:1.2rem;}.forum-filters{display:flex;gap:0.5rem;overflow-x:auto;padding-bottom:0.3rem;}.forum-filter-pill{background-color:rgb(var(--surface-800));border:1px solid rgb(var(--surface-700));color:rgb(var(--surface-500));padding:0.4rem 1rem;border-radius:2rem;font-size:0.75rem;font-weight:700;font-family:var(--font-display);cursor:pointer;white-space:nowrap;transition:all 0.2s ease;text-transform:uppercase;}.forum-filter-pill.active{background-color:rgb(var(--accent));border-color:rgb(var(--accent));color:#ffffff;}.forum-posts{display:flex;flex-direction:column;gap:0.8rem;}.forum-post-card{background-color:rgb(var(--surface-800));border:1px solid rgb(var(--surface-700));border-radius:1.2rem;padding:1.2rem;display:flex;flex-direction:column;gap:0.6rem;animation:fadeIn 0.4s ease forwards;}.forum-post-header{display:flex;justify-content:space-between;align-items:center;}.forum-post-user{display:flex;align-items:center;gap:0.6rem;}.forum-avatar{width:1.8rem;height:1.8rem;background:linear-gradient(135deg,rgb(var(--accent)) 0%,rgb(var(--accent-light)) 100%);border-radius:50%;display:flex;align-items:center;justify-content:center;font-weight:800;font-size:0.75rem;color:#ffffff;}.forum-post-username{font-size:0.8rem;font-weight:700;}.forum-post-tag{background-color:rgba(var(--accent),0.08);border:1px solid rgba(var(--accent),0.2);color:rgb(var(--accent-light));font-size:0.65rem;font-weight:700;padding:0.2rem 0.6rem;border-radius:2rem;text-transform:uppercase;}.forum-post-title{font-family:var(--font-display);font-size:1.1rem;color:#ffffff;}.forum-post-body{font-size:0.85rem;color:rgb(var(--surface-500));line-height:1.5;}.forum-post-actions{display:flex;gap:1.5rem;border-top:1px solid rgba(var(--surface-700),0.3);padding-top:0.8rem;margin-top:0.4rem;}.forum-action-btn{background:transparent;border:none;color:rgb(var(--surface-500));font-size:0.75rem;font-weight:600;cursor:pointer;display:flex;align-items:center;gap:0.4rem;transition:color 0.2s ease;}.forum-action-btn:hover,.forum-action-btn.active{color:rgb(var(--accent-light));}.forum-action-btn.active span.material-symbols-outlined{font-variation-settings:'FILL' 1;}.forum-nested-replies{margin-top:0.5rem;padding-left:1.5rem;border-left:2px solid rgb(var(--surface-700));display:flex;flex-direction:column;gap:0.6rem;}.forum-reply-card{background-color:rgba(var(--surface-950),0.3);border:1px solid rgba(var(--surface-700),0.5);padding:0.6rem 0.8rem;border-radius:0.8rem;font-size:0.8rem;}.forum-reply-header{display:flex;justify-content:space-between;margin-bottom:0.2rem;font-weight:700;}.forum-reply-author{color:#ffffff;}.forum-reply-mention{color:rgb(var(--accent-light));font-weight:700;}.chat-widget-wrapper{display:grid;grid-template-rows:auto 200px auto;gap:0.8rem;max-width:420px;margin:0 auto;}.chat-header{display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid rgb(var(--surface-800));padding-bottom:0.8rem;}.chat-user-profile{display:flex;align-items:center;gap:0.8rem;}.chat-avatar-container{position:relative;}.chat-avatar{width:2.2rem;height:2.2rem;background-color:rgb(var(--surface-800));border:1px solid rgb(var(--surface-700));border-radius:50%;display:flex;align-items:center;justify-content:center;color:rgb(var(--accent-light));font-weight:800;}.chat-status-dot{position:absolute;bottom:0;right:0;width:0.6rem;height:0.6rem;background-color:#10b981;border:2px solid rgb(var(--surface-900));border-radius:50%;}.chat-user-details h4{font-size:0.9rem;color:#ffffff;}.chat-user-details p{font-size:0.65rem;color:#10b981;font-weight:700;text-transform:uppercase;}.chat-badge-signalr{background-color:rgba(var(--accent),0.08);border:1px solid rgba(var(--accent),0.25);color:rgb(var(--accent-light));font-size:0.6rem;font-weight:800;padding:0.2rem 0.6rem;border-radius:2rem;font-family:var(--font-display);}.chat-messages{height:200px;overflow-y:auto;display:flex;flex-direction:column;gap:0.8rem;padding-right:0.5rem;}.chat-bubble{max-width:80%;padding:0.6rem 0.8rem;border-radius:0.8rem;font-size:0.8rem;line-height:1.4;position:relative;animation:slideIn 0.3s cubic-bezier(0.16,1,0.3,1) forwards;}.chat-bubble.incoming{background-color:rgb(var(--surface-800));color:rgb(var(--surface-100));align-self:flex-start;border-bottom-left-radius:0.2rem;}.chat-bubble.outgoing{background-color:rgb(var(--accent));color:#ffffff;align-self:flex-end;border-bottom-right-radius:0.2rem;}.chat-meta{display:flex;align-items:center;justify-content:flex-end;gap:0.25rem;font-size:0.6rem;color:rgba(255,255,255,0.6);margin-top:0.2rem;}.chat-bubble.incoming .chat-meta{color:rgb(var(--surface-500));}.chat-bubble-reaction{position:absolute;bottom:-0.6rem;right:0.5rem;background-color:rgb(var(--surface-700));border:1px solid rgb(var(--surface-600));padding:0.1rem 0.3rem;border-radius:1rem;font-size:0.65rem;box-shadow:0 4px 8px rgba(0,0,0,0.3);}.chat-typing-indicator{display:flex;align-items:center;gap:0.25rem;padding:0.5rem 0.8rem;background-color:rgb(var(--surface-800));border-radius:0.8rem;border-bottom-left-radius:0.2rem;align-self:flex-start;animation:fadeIn 0.2s ease forwards;}.typing-dot{width:0.35rem;height:0.35rem;background-color:rgb(var(--surface-500));border-radius:50%;animation:typingBounce 1.4s infinite ease-in-out both;}.typing-dot:nth-child(2){animation-delay:0.2s;}.typing-dot:nth-child(3){animation-delay:0.4s;}.chat-input-area{display:flex;flex-direction:column;gap:0.6rem;border-top:1px solid rgb(var(--surface-800));padding-top:0.8rem;}.chat-quick-replies-title{font-size:0.65rem;font-weight:700;color:rgb(var(--surface-500));text-transform:uppercase;letter-spacing:0.05em;}.chat-quick-replies{display:flex;gap:0.4rem;overflow-x:auto;padding-bottom:0.2rem;}.chat-quick-btn{background-color:rgb(var(--surface-950));border:1px solid rgb(var(--surface-800));color:rgb(var(--surface-100));font-size:0.7rem;padding:0.4rem 0.8rem;border-radius:1.5rem;cursor:pointer;white-space:nowrap;transition:all 0.2s ease;}.chat-quick-btn:hover{border-color:rgb(var(--accent));background-color:rgba(var(--accent),0.05);}.garage-showcase-wrapper{display:flex;flex-direction:column;gap:1.8rem;}.garage-toggle-bar{display:flex;justify-content:space-between;align-items:center;background-color:rgb(var(--surface-950));padding:0.4rem;border-radius:1rem;border:1px solid rgb(var(--surface-800));}.garage-toggle-title{padding-left:0.8rem;display:flex;align-items:center;gap:0.5rem;}.garage-toggle-title h4{font-size:1rem;color:#ffffff;}.garage-isbike-badge{font-size:0.65rem;font-weight:800;padding:0.1rem 0.5rem;border-radius:0.25rem;background-color:rgba(var(--accent),0.1);color:rgb(var(--accent-light));border:1px solid rgba(var(--accent),0.2);text-transform:uppercase;font-family:var(--font-display);}.garage-switcher{display:flex;background-color:rgb(var(--surface-900));padding:0.2rem;border-radius:0.8rem;}.garage-switch-btn{border:none;background:transparent;padding:0.5rem 1.2rem;font-size:0.8rem;font-weight:700;font-family:var(--font-display);border-radius:0.6rem;color:rgb(var(--surface-500));cursor:pointer;display:flex;align-items:center;gap:0.4rem;transition:all 0.2s ease;text-transform:uppercase;}.garage-switch-btn.active{background-color:rgb(var(--accent));color:#ffffff;}.garage-card-inner{display:grid;grid-template-columns:1.1fr 1fr;gap:2rem;transition:opacity 0.3s ease;}.garage-gallery-container{display:flex;flex-direction:column;gap:0.8rem;position:relative;}.garage-carousel{position:relative;border-radius:1.2rem;overflow:hidden;border:1px solid rgb(var(--surface-800));height:220px;}.garage-slide{position:absolute;inset:0;opacity:0;transition:opacity 0.5s ease;display:flex;justify-content:center;align-items:center;background-color:rgb(var(--surface-950));}.garage-slide.active{opacity:1;z-index:2;}.garage-slide-img{width:100%;height:100%;object-fit:cover;}.garage-slide-caption{position:absolute;bottom:0;left:0;right:0;background:linear-gradient(0deg,rgba(0,0,0,0.8) 0%,transparent 100%);padding:1.5rem 1rem 0.6rem 1rem;color:#ffffff;font-size:0.8rem;font-weight:600;z-index:5;}.carousel-nav-btn{position:absolute;top:50%;transform:translateY(-50%);width:2rem;height:2rem;border-radius:50%;background-color:rgba(var(--surface-950),0.7);backdrop-filter:blur(4px);border:1px solid rgb(var(--surface-700));color:#ffffff;display:flex;align-items:center;justify-content:center;cursor:pointer;z-index:10;transition:all 0.2s ease;}.carousel-nav-btn:hover{background-color:rgb(var(--accent));border-color:rgb(var(--accent));}.carousel-nav-btn.prev{left:0.5rem;}.carousel-nav-btn.next{right:0.5rem;}.carousel-indicators{display:flex;justify-content:center;gap:0.4rem;}.carousel-dot{width:0.5rem;height:0.5rem;border-radius:50%;background-color:rgb(var(--surface-700));cursor:pointer;transition:all 0.2s ease;}.carousel-dot.active{background-color:rgb(var(--accent-light));width:1.2rem;border-radius:0.3rem;}.garage-tabs-header{display:flex;background-color:rgb(var(--surface-950));border-radius:0.8rem;padding:0.25rem;border:1px solid rgb(var(--surface-800));margin-bottom:1rem;}.garage-tab-btn{flex:1;background:transparent;border:none;padding:0.5rem;color:rgb(var(--surface-500));font-size:0.75rem;font-weight:700;font-family:var(--font-display);border-radius:0.6rem;cursor:pointer;transition:all 0.2s ease;text-transform:uppercase;letter-spacing:0.05em;display:flex;align-items:center;justify-content:center;gap:0.3rem;}.garage-tab-btn.active{background-color:rgb(var(--surface-800));color:#ffffff;}.garage-tab-content{min-height:180px;}.garage-tab-pane{display:none;animation:fadeIn 0.4s ease forwards;}.garage-tab-pane.active{display:flex;flex-direction:column;gap:1rem;}.garage-vehicle-title h3{font-size:1.6rem;letter-spacing:0.01em;color:#ffffff;}.garage-vehicle-title p{color:rgb(var(--surface-500));font-size:0.85rem;margin-top:-0.2rem;}.garage-spec-gauges{display:grid;grid-template-cols:repeat(3,1fr);gap:0.8rem;}.garage-gauge-tile{background-color:rgb(var(--surface-800));border:1px solid rgb(var(--surface-700));padding:0.8rem;border-radius:0.8rem;text-align:center;}.garage-gauge-val{font-family:var(--font-display);font-size:1.5rem;font-weight:800;color:rgb(var(--accent-light));line-height:1.1;}.garage-gauge-unit{font-size:0.6rem;color:rgb(var(--surface-500));text-transform:uppercase;font-weight:700;margin-top:0.2rem;}.garage-mods-list{display:flex;flex-direction:column;gap:0.6rem;}.garage-mod-item{background-color:rgba(var(--accent),0.03);border:1px solid rgb(var(--surface-800));padding:0.6rem 1rem;border-radius:0.8rem;display:flex;justify-content:space-between;align-items:center;}.garage-mod-name{font-size:0.8rem;font-weight:600;}.garage-mod-visibility{font-size:0.6rem;font-weight:800;padding:0.2rem 0.5rem;border-radius:0.25rem;text-transform:uppercase;font-family:var(--font-display);cursor:pointer;transition:all 0.2s ease;}.garage-mod-visibility.public{background-color:rgba(16,185,129,0.08);border:1px solid rgba(16,185,129,0.2);color:#10b981;}.garage-mod-visibility.private{background-color:rgb(var(--surface-700));border:1px solid rgb(var(--surface-600));color:rgb(var(--surface-500));}.garage-log-table-container{max-height:170px;overflow-y:auto;border:1px solid rgb(var(--surface-800));border-radius:0.8rem;}.garage-log-table{width:100%;border-collapse:collapse;font-size:0.75rem;text-align:left;}.garage-log-table th{background-color:rgb(var(--surface-950));color:rgb(var(--surface-500));font-weight:700;padding:0.5rem 0.8rem;text-transform:uppercase;font-family:var(--font-display);}.garage-log-table td{padding:0.5rem 0.8rem;border-top:1px solid rgb(var(--surface-800));color:rgb(var(--surface-100));}.garage-log-cost{font-family:var(--font-display);font-weight:700;color:rgb(var(--accent-light));}.garage-log-status{background-color:rgba(16,185,129,0.08);color:#10b981;padding:0.1rem 0.4rem;border-radius:0.2rem;font-weight:700;}.uploader-box{background-color:rgb(var(--surface-950));border:1.5px dashed rgb(var(--surface-700));border-radius:1rem;padding:1.2rem;text-align:center;cursor:pointer;transition:all 0.3s ease;display:flex;flex-direction:column;align-items:center;gap:0.4rem;margin-top:0.5rem;position:relative;}.uploader-box:hover{border-color:rgb(var(--accent-light));background-color:rgba(var(--accent),0.02);}.uploader-box span.uploader-icon{font-size:2rem;color:rgb(var(--surface-500));transition:color 0.3s ease;}.uploader-box:hover span.uploader-icon{color:rgb(var(--accent-light));}.uploader-title{font-size:0.8rem;font-weight:700;color:#ffffff;text-transform:uppercase;font-family:var(--font-display);}.uploader-desc{font-size:0.65rem;color:rgb(var(--surface-500));}.upload-progress-container{width:100%;display:none;flex-direction:column;gap:0.3rem;margin-top:0.5rem;}.upload-progress-header{display:flex;justify-content:space-between;font-size:0.65rem;font-weight:700;}.upload-progress-bar{width:100%;height:4px;background-color:rgb(var(--surface-800));border-radius:2px;overflow:hidden;}.upload-progress-fill{height:100%;width:0;background-color:rgb(var(--accent-light));transition:width 0.1s ease;}@keyframes fadeIn{from{opacity:0;transform:translateY(8px);}to{opacity:1;transform:translateY(0);}}@keyframes slideIn{from{opacity:0;transform:translateX(-15px);}to{opacity:1;transform:translateX(0);}}@keyframes spin{from{transform:rotate(0deg);}to{transform:rotate(360deg);}}@keyframes heartbeat{0%{transform:scale(1);}50%{transform:scale(1.1);}100%{transform:scale(1);}}@keyframes typingBounce{0%,80%,100%{transform:scale(0);}40%{transform:scale(1);}}@keyframes moveOnPath{to{offset-distance:100%;}}.cta-banner{padding:8rem 0;background:linear-gradient(135deg,rgba(var(--accent),0.12) 0%,rgba(var(--accent-light),0.03) 100%);border-top:1px solid rgba(var(--accent),0.25);border-bottom:1px solid rgba(var(--accent),0.25);position:relative;overflow:hidden;}.cta-banner::before{content:"";position:absolute;width:35vw;height:35vw;background:radial-gradient(circle,var(--glow-orange) 0%,rgba(var(--accent),0) 70%);bottom:-15vw;left:10vw;filter:blur(70px);pointer-events:none;}.cta-container{text-align:center;max-width:50rem;margin:0 auto;}.cta-container h2{font-size:3.5rem;margin-bottom:1.5rem;}.cta-container p{color:rgb(var(--surface-500));font-size:1.25rem;margin-bottom:3rem;line-height:1.7;}.download-badges{display:flex;justify-content:center;gap:1.5rem;flex-wrap:wrap;}.badge-link img{height:3.5rem;transition:transform 0.3s cubic-bezier(0.16,1,0.3,1);}.badge-link:hover img{transform:scale(1.06) translateY(-2px);}footer{background-color:rgb(var(--surface-950));border-top:1px solid rgba(var(--surface-700),0.2);padding:5rem 0 2rem 0;color:rgb(var(--surface-500));font-size:0.9rem;}.footer-grid{display:grid;grid-template-cols:1.6fr repeat(3,1fr);gap:4rem;margin-bottom:4rem;}.footer-col h4{color:#ffffff;font-size:1.1rem;margin-bottom:1.5rem;}.footer-col ul{list-style:none;}.footer-col ul li{margin-bottom:0.8rem;}.footer-col ul li a{color:rgb(var(--surface-500));text-decoration:none;transition:color 0.2s ease;}.footer-col ul li a:hover{color:#ffffff;}.footer-about p{margin-top:1rem;line-height:1.6;}.footer-bottom{display:flex;justify-content:space-between;align-items:center;border-top:1px solid rgba(var(--surface-700),0.2);padding-top:2.2rem;}.social-links{display:flex;gap:1rem;}.social-icon{width:2.4rem;height:2.4rem;background-color:rgb(var(--surface-900));border:1px solid rgb(var(--surface-800));border-radius:50%;display:flex;align-items:center;justify-content:center;color:rgb(var(--surface-500));transition:all 0.25s cubic-bezier(0.16,1,0.3,1);text-decoration:none;}.social-icon:hover{background:linear-gradient(135deg,rgb(var(--accent)) 0%,rgb(var(--accent-light)) 100%);color:#ffffff;border-color:transparent;transform:translateY(-2px);box-shadow:0 4px 10px rgba(var(--accent),0.3);}@media (max-width:1024px){.hero-content h1{font-size:3rem;}.hero-grid{gap:2rem;grid-template-columns:1.2fr 1fr;}.iphone-mockup{width:250px;height:500px;padding:0.6rem;border-radius:2.2rem;}.iphone-bezel{border-radius:1.7rem;}.iphone-screen{border-radius:1.6rem;}.iphone-dynamic-island{width:70px;height:18px;top:0.6rem;}.feature-grid{grid-template-columns:repeat(2,1fr);}}@media (max-width:768px){.header-container{height:4.8rem;}.nav-links{display:none;}.hero{padding-top:8rem;}.hero-grid{grid-template-columns:1.2fr 1fr;gap:1.5rem;text-align:left;}.hero-content h1{font-size:2.2rem;}.hero-content p{font-size:0.95rem;margin:0 0 1.5rem 0;}.hero-cta{justify-content:flex-start;margin-bottom:2rem;}.hero-stats{justify-content:flex-start;gap:1.5rem;padding-top:1.5rem;}.stat-num{font-size:1.8rem;}.iphone-mockup{width:200px;height:400px;padding:0.5rem;border-radius:1.8rem;box-shadow:0 15px 30px -8px rgba(0,0,0,0.7),0 0 0 3px #27272a,0 0 0 4px #18181b,0 0 15px 1px rgba(var(--accent),0.2);}.iphone-bezel{border-radius:1.4rem;}.iphone-screen{border-radius:1.3rem;}.iphone-dynamic-island{width:55px;height:14px;top:0.4rem;}.feature-grid{grid-template-columns:1fr;}.interactive-grid,.interactive-grid.reverse{grid-template-columns:1fr;gap:3rem;}.interactive-grid.reverse .interactive-content{order:-1;}.garage-card-inner{grid-template-columns:1fr;gap:1.5rem;}.footer-grid{grid-template-columns:1fr;gap:2.5rem;}.footer-bottom{flex-direction:column;gap:1.5rem;text-align:center;}}@media (max-width:576px){.hero-grid{grid-template-columns:1fr;text-align:center;gap:3rem;}.hero-content p{margin:0 auto 2rem auto;}.hero-cta{justify-content:center;}.hero-stats{justify-content:center;}.iphone-mockup{margin:0 auto;width:250px;height:500px;}}.preloader{position:fixed;top:0;left:0;width:100vw;height:100vh;background-color:#09090b;z-index:9999;display:flex;justify-content:center;align-items:center;transition:opacity 0.4s cubic-bezier(0.16,1,0.3,1),visibility 0.4s cubic-bezier(0.16,1,0.3,1);opacity:1;visibility:visible;overflow:hidden;}.preloader.fade-out{opacity:0;visibility:hidden;pointer-events:none;}.preloader-content{display:flex;flex-direction:column;align-items:center;gap:2rem;animation:preloaderEntrance 1s cubic-bezier(0.16,1,0.3,1) forwards;}.preloader-spinner-wrapper{position:relative;width:120px;height:120px;display:flex;justify-content:center;align-items:center;}.preloader-spinner{position:absolute;width:100%;height:100%;border:3px solid rgba(255,255,255,0.03);border-top:3px solid rgb(var(--accent));border-bottom:3px solid rgb(var(--accent-light));border-radius:50%;animation:spin 1.5s linear infinite;box-shadow:0 0 25px rgba(var(--accent),0.25);}.preloader-spinner-inner{position:absolute;width:80%;height:80%;border:2px solid rgba(255,255,255,0.02);border-left:2px solid rgb(var(--accent-light));border-right:2px solid rgb(var(--accent));border-radius:50%;animation:spinReverse 2s linear infinite;}.preloader-logo{width:48px;height:48px;position:relative;z-index:10;animation:pulseBrand 2s cubic-bezier(0.4,0,0.6,1) infinite;filter:drop-shadow(0 0 15px rgba(var(--accent),0.5));}.preloader-text-glow{font-family:var(--font-display);font-weight:800;font-size:1.8rem;letter-spacing:0.1em;text-transform:uppercase;color:#ffffff;opacity:0.9;animation:preloaderTextGlow 2s ease-in-out infinite;}.preloader-status{width:140px;height:3px;background-color:rgba(255,255,255,0.05);border-radius:4px;position:relative;overflow:hidden;}.preloader-bar{position:absolute;top:0;left:0;height:100%;width:0%;background:linear-gradient(90deg,rgb(var(--accent)) 0%,rgb(var(--accent-light)) 100%);border-radius:4px;animation:loadBar 0.8s cubic-bezier(0.16,1,0.3,1) forwards;}@keyframes spin{0%{transform:rotate(0deg);}100%{transform:rotate(360deg);}}@keyframes spinReverse{0%{transform:rotate(360deg);}100%{transform:rotate(0deg);}}@keyframes pulseBrand{0%,100%{transform:scale(1);filter:drop-shadow(0 0 12px rgba(var(--accent),0.4));}50%{transform:scale(1.1);filter:drop-shadow(0 0 22px rgba(var(--accent),0.7));}}@keyframes preloaderTextGlow{0%,100%{text-shadow:0 0 5px rgba(255,255,255,0.1);}50%{text-shadow:0 0 20px rgba(var(--accent),0.4);}}@keyframes loadBar{0%{width:0%;}30%{width:45%;}60%{width:85%;}100%{width:100%;}}@keyframes preloaderEntrance{0%{opacity:0;transform:translateY(20px) scale(0.95);}100%{opacity:1;transform:translateY(0) scale(1);}}.diagnostics-mockup-wrapper{justify-self:center;margin-bottom:2rem;}.diagnostics-iphone{cursor:pointer;}.iphone-screen-view{position:absolute;inset:0;width:100%;height:100%;opacity:0;visibility:hidden;transition:opacity 0.4s cubic-bezier(0.16,1,0.3,1),visibility 0.4s cubic-bezier(0.16,1,0.3,1);background-color:#09090b;}.iphone-screen-view.active{opacity:1;visibility:visible;z-index:5;}.iphone-screen-view img{width:100%;height:100%;object-fit:cover;}.hotspot-pulse{position:absolute;width:38px;height:38px;background-color:rgba(var(--accent),0.35);border:2px solid rgb(var(--accent-light));border-radius:50%;pointer-events:none;z-index:15;box-shadow:0 0 10px rgba(var(--accent),0.5);}.search-hotspot{top:22.8%;left:50%;transform:translate(-50%,-50%);animation:pulseHotspotBlue 1.6s infinite ease-in-out;}.reset-hotspot{top:22.8%;right:17%;transform:translate(50%,-50%);background-color:rgba(239,68,68,0.35);border-color:#ef4444;box-shadow:0 0 10px rgba(239,68,68,0.5);animation:pulseHotspotRed 1.6s infinite ease-in-out;}@keyframes pulseHotspotBlue{0%{transform:translate(-50%,-50%) scale(0.85);box-shadow:0 0 0 0 rgba(var(--accent),0.7);}70%{transform:translate(-50%,-50%) scale(1.15);box-shadow:0 0 0 12px rgba(var(--accent),0);}100%{transform:translate(-50%,-50%) scale(0.85);box-shadow:0 0 0 0 rgba(var(--accent),0);}}@keyframes pulseHotspotRed{0%{transform:translate(50%,-50%) scale(0.85);box-shadow:0 0 0 0 rgba(239,68,68,0.7);}70%{transform:translate(50%,-50%) scale(1.15);box-shadow:0 0 0 12px rgba(239,68,68,0);}100%{transform:translate(50%,-50%) scale(0.85);box-shadow:0 0 0 0 rgba(239,68,68,0);}}.iphone-hotspot-hint{position:absolute;bottom:-3rem;left:50%;transform:translateX(-50%);display:flex;align-items:center;gap:0.5rem;font-size:0.75rem;font-weight:500;color:rgb(var(--surface-400));background-color:rgba(var(--surface-950),0.9);border:1px solid rgba(var(--surface-800),0.8);padding:0.5rem 1.2rem;border-radius:2rem;white-space:nowrap;pointer-events:none;box-shadow:0 8px 24px rgba(0,0,0,0.6);z-index:20;transition:all 0.3s cubic-bezier(0.16,1,0.3,1);}.iphone-mockup:hover .iphone-hotspot-hint{color:#ffffff;border-color:rgba(var(--accent),0.4);box-shadow:0 8px 30px rgba(var(--accent),0.25);transform:translateX(-50%) translateY(-3px);}@media (max-width:768px){.diagnostics-mockup-wrapper{margin-bottom:4rem;}.iphone-hotspot-hint{bottom:-3rem;}}.events-mockup-wrapper{justify-self:center;margin-bottom:2rem;}.events-iphone{cursor:default;}.events-iphone .iphone-screen-view{background-color:#0c0d0e;}.events-iphone .hotspot-pulse{pointer-events:auto;cursor:pointer;}.route-hotspot{top:35.5%;left:51.5%;transform:translate(-50%,-50%);animation:pulseHotspotBlue 1.6s infinite ease-in-out;}.rally-hotspot{top:48%;left:17%;transform:translate(-50%,-50%);animation:pulseHotspotBlue 1.6s infinite ease-in-out;}.back-hotspot{top:18.5%;left:12.2%;width:32px;height:32px;transform:translate(-50%,-50%);background-color:rgba(255,255,255,0.15);border-color:rgba(255,255,255,0.6);box-shadow:0 0 10px rgba(255,255,255,0.25);animation:pulseHotspotWhite 1.6s infinite ease-in-out;}@keyframes pulseHotspotWhite{0%{transform:translate(-50%,-50%) scale(0.85);box-shadow:0 0 0 0 rgba(255,255,255,0.5);}70%{transform:translate(-50%,-50%) scale(1.15);box-shadow:0 0 0 10px rgba(255,255,255,0);}100%{transform:translate(-50%,-50%) scale(0.85);box-shadow:0 0 0 0 rgba(255,255,255,0);}}@media (max-width:768px){.events-mockup-wrapper{margin-bottom:4rem;}}.forum-mockup-wrapper{justify-self:center;margin-bottom:2rem;}.forum-iphone{cursor:pointer;}.forum-iphone .iphone-screen-view{background-color:#0b0c0d;}.forum-card-hotspot{top:59.5%;left:50%;transform:translate(-50%,-50%);animation:pulseHotspotBlue 1.6s infinite ease-in-out;}.forum-back-hotspot{top:18.5%;left:12.2%;width:32px;height:32px;transform:translate(-50%,-50%);background-color:rgba(255,255,255,0.15);border-color:rgba(255,255,255,0.6);box-shadow:0 0 10px rgba(255,255,255,0.25);animation:pulseHotspotWhite 1.6s infinite ease-in-out;}@media (max-width:768px){.forum-mockup-wrapper{margin-bottom:4rem;}}.chat-mockup-wrapper{justify-self:center;margin-bottom:2rem;}.chat-iphone{cursor:default;}.chat-iphone .iphone-screen-view{background-color:#0b0c0d;}@media (max-width:768px){.chat-mockup-wrapper{margin-bottom:4rem;}}.desktop-mockup-wrapper{width:100%;max-width:1100px;margin:0 auto 3rem auto;padding:0 1rem;}.desktop-mockup{background-color:rgb(var(--surface-900));border:1px solid rgba(255,255,255,0.1);border-radius:12px;box-shadow:0 25px 50px -12px rgba(0,0,0,0.5),0 0 40px rgba(13,110,253,0.1);overflow:hidden;transition:transform 0.4s ease,box-shadow 0.4s ease;}.desktop-mockup:hover{transform:translateY(-4px);box-shadow:0 30px 60px -10px rgba(0,0,0,0.6),0 0 50px rgba(13,110,253,0.18);}.desktop-header{display:flex;align-items:center;height:44px;padding:0 16px;background-color:rgba(var(--surface-950),0.7);border-bottom:1px solid rgba(255,255,255,0.08);}.desktop-dots{display:flex;gap:8px;margin-right:24px;}.desktop-dot{width:12px;height:12px;border-radius:50%;display:inline-block;}.dot-red{background-color:#ff5f56;}.dot-yellow{background-color:#ffbd2e;}.dot-green{background-color:#27c93f;}.desktop-address-bar{flex:1;max-width:600px;margin:0 auto;height:26px;line-height:26px;background-color:rgba(var(--surface-900),0.5);border:1px solid rgba(255,255,255,0.05);border-radius:6px;text-align:center;font-size:0.75rem;color:rgb(var(--surface-400));font-family:monospace;letter-spacing:0.5px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}.desktop-screen{width:100%;line-height:0;background-color:#0b0c0d;}.desktop-screen-img{width:100%;height:auto;display:block;}@media (max-width:768px){.desktop-mockup-wrapper{margin-bottom:2rem;}.desktop-header{height:36px;padding:0 12px;}.desktop-address-bar{font-size:0.65rem;}}.cookie-banner{position:fixed;bottom:24px;left:50%;transform:translateX(-50%) translateY(150px);width:calc(100% - 48px);max-width:850px;background-color:rgba(var(--surface-900),0.85);backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border:1px solid rgba(255,255,255,0.08);border-radius:1.5rem;box-shadow:0 20px 50px rgba(0,0,0,0.5),0 0 30px rgba(13,110,253,0.15);z-index:10000;opacity:0;transition:transform 0.6s cubic-bezier(0.16,1,0.3,1),opacity 0.6s ease;pointer-events:none;}.cookie-banner.show{transform:translateX(-50%) translateY(0);opacity:1;pointer-events:auto;}.cookie-content{display:flex;justify-content:space-between;align-items:center;gap:2rem;padding:1.25rem 2rem;}.cookie-text{display:flex;align-items:center;gap:1.2rem;}.cookie-icon{font-size:2.2rem;color:#ffbd2e;animation:rotateCookie 12s infinite linear;}.cookie-text p{font-size:0.88rem;color:rgb(var(--surface-300));line-height:1.5;margin:0;}.cookie-text p a{color:rgb(var(--accent-light));text-decoration:underline;font-weight:600;}.cookie-actions{display:flex;gap:0.8rem;flex-shrink:0;}@keyframes rotateCookie{0%{transform:rotate(0deg);}100%{transform:rotate(360deg);}}body.no-scroll{overflow:hidden !important;}.nav-toggle{display:none;background:transparent;border:none;cursor:pointer;flex-direction:column;justify-content:space-between;width:26px;height:18px;padding:0;z-index:1001;}.hamburger-line{width:100%;height:2px;background-color:#ffffff;border-radius:2px;transition:all 0.3s cubic-bezier(0.16,1,0.3,1);}.nav-toggle.active .hamburger-line:nth-child(1){transform:translateY(8px) rotate(45deg);}.nav-toggle.active .hamburger-line:nth-child(2){opacity:0;}.nav-toggle.active .hamburger-line:nth-child(3){transform:translateY(-8px) rotate(-45deg);}@media (max-width:768px){.header-container{height:4.8rem !important;padding:0 1.5rem !important;flex-direction:row !important;justify-content:space-between !important;align-items:center !important;gap:0 !important;}.nav-toggle{display:flex !important;}.nav-links{display:flex !important;flex-direction:column !important;position:fixed !important;top:0 !important;right:0 !important;bottom:0 !important;width:280px !important;height:100vh !important;background-color:rgba(10,10,12,0.96) !important;backdrop-filter:blur(30px) !important;-webkit-backdrop-filter:blur(30px) !important;padding:7rem 2.5rem 2.5rem 2.5rem !important;gap:1.8rem !important;transform:translateX(100%) !important;transition:transform 0.4s cubic-bezier(0.16,1,0.3,1) !important;border-left:1px solid rgba(255,255,255,0.08) !important;z-index:1000 !important;overflow-y:auto !important;white-space:normal !important;justify-content:flex-start !important;box-shadow:-10px 0 40px rgba(0,0,0,0.5) !important;}.nav-links.open{transform:translateX(0) !important;}.nav-links a{font-size:1.1rem !important;width:100% !important;text-align:left !important;display:block !important;padding:0.5rem 0 !important;border-bottom:1px solid rgba(255,255,255,0.03) !important;}.nav-links a::after{display:none !important;}.cookie-banner{bottom:16px;width:calc(100% - 32px);}.cookie-content{flex-direction:column;gap:1.2rem;padding:1.5rem;text-align:center;}.cookie-text{flex-direction:column;gap:0.8rem;}.cookie-actions{width:100%;justify-content:center;}.cookie-actions button{flex:1;}}.social-cta{margin-top:3rem;padding-top:2rem;border-top:1px solid rgba(255,255,255,0.08);width:100%;}.social-cta-title{font-family:var(--font-display);font-size:1.5rem;color:#ffffff;margin-bottom:1.5rem;}.social-cta-buttons{display:flex;justify-content:center;gap:1.5rem;flex-wrap:wrap;}.social-cta-btn{display:inline-flex;align-items:center;gap:0.8rem;padding:0.8rem 1.8rem;border-radius:1rem;font-weight:700;font-size:0.95rem;text-decoration:none;color:#ffffff;transition:all 0.3s cubic-bezier(0.16,1,0.3,1);border:1px solid rgba(255,255,255,0.1);}.social-cta-btn.instagram{background:linear-gradient(45deg,#f09433 0%,#e6683c 25%,#dc2743 50%,#cc2366 75%,#bc1888 100%);box-shadow:0 4px 15px rgba(220,39,67,0.3);}.social-cta-btn.tiktok{background-color:#000000;box-shadow:0 4px 15px rgba(0,0,0,0.4);border-color:rgba(255,255,255,0.2);}.social-cta-btn:hover{transform:translateY(-3px);filter:brightness(1.15);box-shadow:0 8px 20px rgba(0,0,0,0.3);}.social-svg{width:1.25rem;height:1.25rem;display:block;}.social-icon svg{transition:fill 0.2s ease,transform 0.2s ease;color:rgb(var(--surface-500));}.social-icon:hover svg{color:rgb(var(--accent-light));transform:scale(1.15);}h1,h2,h3,h4,h5,h6{overflow-wrap:break-word !important;word-wrap:break-word !important;word-break:break-word !important;}@media (max-width:992px){.hero-content h1{font-size:3rem !important;}.section-header h2,.interactive-content h2,.cta-container h2{font-size:2.4rem !important;}}@media (max-width:768px){.hero-content h1{font-size:2.2rem !important;}.section-header h2,.interactive-content h2,.cta-container h2{font-size:1.8rem !important;}}@media (max-width:480px){.hero-content h1{font-size:1.8rem !important;}.section-header h2,.interactive-content h2,.cta-container h2{font-size:1.45rem !important;}.cta-container p{font-size:0.95rem !important;line-height:1.6 !important;}.social-cta-title{font-size:1.25rem !important;}}@media (max-width:768px){.logo{font-size:1.35rem !important;gap:0.45rem !important;}.logo-img{height:1.85rem !important;}}@media (max-width:768px){.hero{padding:7rem 0 3.5rem 0 !important;min-height:auto !important;}.features,.interactive-section,.cta-banner{padding:3.5rem 0 !important;}.section-header{margin-bottom:2.5rem !important;}.feature-grid,.interactive-grid{gap:2.2rem !important;}.forum-widget-wrapper,.map-widget-wrapper{gap:1rem !important;}}