:root{--primary-red: #ff3366;--text-dark: #f8fafc;--text-light: #ffffff;--bg-dark: #09090b;--bg-slate: #0f172a;--accent-glow: linear-gradient(135deg, #ff3366 0%, #a855f7 50%, #3b82f6 100%);--font-heading: "Noto Sans", "Noto Sans SC", "Noto Sans TC", "Noto Sans JP", "Noto Sans KR", "Noto Sans Thai", sans-serif;--font-body: "Noto Sans", "Noto Sans SC", "Noto Sans TC", "Noto Sans JP", "Noto Sans KR", "Noto Sans Thai", sans-serif}*{margin:0;padding:0;box-sizing:border-box}html{scroll-behavior:smooth;scroll-snap-type:y proximity}body{font-family:var(--font-body);background-color:var(--bg-dark);color:var(--text-light);line-height:1.5;overflow-x:hidden}h1,.logo-text{font-family:var(--font-heading)}.navbar{background:#09090b99;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);padding:1.2rem 0;position:fixed;top:0;width:100%;z-index:100;border-bottom:1px solid rgba(255,255,255,.05);box-shadow:0 4px 20px #ffffff1a}.nav-content{max-width:1200px;margin:0 auto;display:flex;justify-content:space-between;align-items:center;padding:0 2rem}.logo{display:flex;align-items:center}.logo-image{height:28px;width:auto}.nav-links{list-style:none;display:flex;gap:3rem}.nav-links a{text-decoration:none;color:#ffffffb3;font-weight:500;font-size:1.1rem;position:relative;transition:color .3s}.nav-links a:hover{color:#fff}.nav-links a.active{color:#fff;font-weight:700}.nav-links a.active:after{content:"";position:absolute;bottom:-1.45rem;left:-10px;right:-10px;height:4px;background:var(--accent-glow);border-radius:4px 4px 0 0;box-shadow:0 -2px 10px #a855f780}.nav-actions{display:flex;align-items:center;gap:1.5rem}.btn-primary{white-space:nowrap;background:transparent;color:#fff;text-decoration:none;padding:.45rem 1.2rem;border-radius:50px;font-weight:700;font-size:.85rem;transition:all .3s ease;border:none;cursor:pointer;position:relative;z-index:1}.btn-primary:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;border-radius:inherit;z-index:-1;padding:2px;background:linear-gradient(90deg,#ffffff1a,#fff,#ffffff1a,#fff);background-size:300% 100%;animation:btnGradientRun 2s linear infinite;-webkit-mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);-webkit-mask-composite:xor;mask-composite:exclude;pointer-events:none}@keyframes btnGradientRun{0%{background-position:0% 50%}to{background-position:100% 50%}}.btn-primary:hover{transform:translateY(-2px);text-shadow:0 0 8px rgba(255,255,255,.8)}.btn-large{padding:1rem 2.5rem;font-size:1.1rem;display:inline-block;box-shadow:0 4px 10px #ef44444d}.lang-selector{background:#ffffff1a;border:1px solid rgba(255,255,255,.2);border-radius:25px;height:32px;padding:0 10px;display:flex;align-items:center;justify-content:center;gap:6px;cursor:pointer;box-shadow:0 2px 10px #0003}.lang-dropdown-container{position:relative}.lang-dropdown{position:absolute;top:100%;right:0;margin-top:.5rem;background:#0f172af2!important;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border:1px solid rgba(255,255,255,.15);border-radius:12px;box-shadow:0 10px 30px #0009;min-width:160px;display:none;flex-direction:column;padding:.5rem 0;z-index:200}.lang-dropdown.show{display:flex}.lang-option{padding:.7rem 1.2rem;display:flex;align-items:center;gap:10px;cursor:pointer;color:var(--text-dark);font-size:.95rem;transition:background .2s;font-weight:500}.lang-option img{width:20px;border-radius:2px}.lang-option:hover{background:#ffffff14}.lang-option:active{background:#ffffff29}.hero{position:relative;min-height:100vh;padding-top:80px;display:flex;align-items:center;scroll-snap-align:start}.hero:after{content:"";position:absolute;bottom:0;left:0;right:0;height:100px;background:linear-gradient(to bottom,transparent 0%,#000000 100%);z-index:1;pointer-events:none}.hero-bg{position:absolute;top:-20%;left:0;width:100%;height:140%;z-index:-1;overflow:hidden}.hero-bg:before{content:"";position:absolute;top:-10%;left:-10%;width:120%;height:120%;background-image:url(/wat_arun_bg.png);background-position:center;background-repeat:no-repeat;background-size:cover}.hero-bg:after{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background:linear-gradient(to right,rgba(0,0,0,.3) 0%,transparent 100%),#00000059}.hero-bg-video{position:absolute;top:0;left:0;width:100%;height:100%;object-fit:cover;display:none}.mobile-only{display:none}.hero-mascot-container{position:absolute;bottom:8%;right:2%;z-index:10;animation:mascotSoar 6s ease-in-out infinite alternate;pointer-events:none;display:flex;flex-direction:column;align-items:center}.hero-mascot-img{width:175px;height:auto;filter:drop-shadow(0 15px 25px rgba(0,0,0,.5))}.mascot-bubble{background:#fffffff2;color:#0f172a;padding:10px 16px;border-radius:16px;font-size:.9rem;font-weight:600;margin-bottom:36px;position:relative;box-shadow:0 8px 20px #0003;max-width:180px;text-align:center;opacity:0;transform:translateY(10px);animation:popBubble .5s cubic-bezier(.175,.885,.32,1.275) 0s forwards;pointer-events:auto}.mascot-bubble:after{content:"";position:absolute;bottom:-8px;left:50%;transform:translate(-50%);border-width:8px 8px 0;border-style:solid;border-color:rgba(255,255,255,.95) transparent transparent transparent}@keyframes popBubble{0%{opacity:0;transform:translateY(10px) scale(.9)}to{opacity:1;transform:translateY(0) scale(1)}}@keyframes mascotSoar{0%{transform:translateY(0) rotate(-3deg)}to{transform:translateY(-40px) rotate(3deg)}}.hero-ticker{position:absolute;bottom:0;left:0;width:100%;background:#0006;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);border-top:1px solid rgba(255,255,255,.1);color:#fff;padding:12px 0;overflow:hidden;z-index:10;display:flex;white-space:nowrap}.ticker-content{display:flex;gap:3rem;align-items:center;animation:tickerRun 25s linear infinite;font-weight:400;font-size:.85rem;letter-spacing:.5px;color:#ffffffe6}.ticker-item{display:flex;flex-direction:row;flex-wrap:nowrap;align-items:center;gap:1.5rem;flex-shrink:0}.ticker-flags{display:flex;flex-direction:row;flex-wrap:nowrap;gap:.5rem;align-items:center;flex-shrink:0}.ticker-flags img{height:16px;width:auto;border-radius:2px;box-shadow:0 1px 3px #0000004d}.ticker-content span{display:inline-block}.ticker-separator{color:#f36!important}@keyframes tickerRun{0%{transform:translate(0)}to{transform:translate(-50%)}}.reveal-element{opacity:0;transform:translateY(40px);transition:all .8s cubic-bezier(.5,0,0,1)}.reveal-element.visible{opacity:1;transform:translateY(0)}.delay-100{transition-delay:.1s}.delay-200{transition-delay:.2s}.delay-300{transition-delay:.3s}.delay-400{transition-delay:.4s}.delay-500{transition-delay:.5s}.hero-container{position:relative;z-index:1;max-width:1200px;margin:0 auto;width:100%;display:flex;justify-content:space-between;align-items:center;padding:0 2rem;gap:2rem}.hero-left{flex:1;max-width:550px}.hero-title{font-family:var(--font-heading);font-size:2.85rem;line-height:1.4;margin-bottom:1.5rem;font-weight:800;overflow-wrap:break-word;word-wrap:break-word;word-break:break-word}.hero-subtitle{font-size:1.2rem;margin-bottom:1.5rem;color:#fff;max-width:90%}.mobile-mascot-container{display:none}@keyframes floatMascotMobile{0%{transform:translateY(0)}to{transform:translateY(-15px)}}.store-badges{display:flex;gap:1rem;margin-top:1rem}.store-badge img{height:48px;width:auto;transition:transform .2s}.store-badge img:hover{transform:scale(1.05)}.hero-features{font-weight:700;font-size:1.25rem;margin-bottom:2.5rem}.hero-right{flex:1;display:flex;justify-content:flex-end}.chat-ui{display:flex;flex-direction:column;gap:1.5rem;width:100%;max-width:550px;position:relative;padding-right:1.5rem}.chat-bubble{display:flex;align-items:center;background:#0f172ad9;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border:1px solid #ffffff;border-radius:40px;color:#fff;box-shadow:0 10px 25px #00000080;position:relative;max-width:100%}.user-bubble{align-self:flex-end;padding:.4rem .4rem .4rem 1.8rem}.local-bubble{align-self:flex-start;padding:.4rem 1.8rem .4rem .4rem}.bubble-content{display:flex;flex-direction:column;gap:.1rem}.thai-text{font-weight:800;font-size:1.1rem;color:#fff}.eng-text{font-size:.85rem;color:#94a3b8;font-weight:500}.avatar-wrapper{display:flex;align-items:center;justify-content:center;flex-shrink:0}.user-bubble .avatar-wrapper{margin-left:12px}.local-bubble .avatar-wrapper{margin-right:12px}.avatar{width:60px;height:60px;border-radius:50%;object-fit:cover;box-shadow:0 4px 10px #0000001a}.chat-options-box{background:#00000080;border-radius:40px;padding:1rem;display:flex;align-items:center;position:relative;margin:1.5rem 0 0 auto;box-shadow:0 15px 35px #0003;width:90%;z-index:1}.chat-options-box:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;border-radius:inherit;z-index:-1;padding:2px;background:linear-gradient(90deg,#00c6ff00,#00c6ff,#0072ff,#00c6ff,#00c6ff00);background-size:200% 100%;animation:borderGradientRun 2s linear infinite;-webkit-mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);-webkit-mask-composite:xor;mask-composite:exclude;pointer-events:none}@keyframes borderGradientRun{0%{background-position:0% 50%}to{background-position:100% 50%}}@keyframes borderSpin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.chat-options-box.insight-mode{background:transparent!important;box-shadow:none!important;padding:0!important}.chat-options-box.insight-mode:before{display:none}.options-container{display:flex;flex-direction:column;gap:1rem;width:100%}.option-btn{background:#00000080;color:#fff;border:none;padding:.9rem 1.5rem;border-radius:30px;font-size:1.05rem;text-align:center;cursor:pointer;box-shadow:0 2px 5px #0000000d;transition:transform .1s,background-color .2s,color .2s;font-weight:500;font-family:var(--font-body);position:relative;z-index:1}.option-btn:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;border-radius:inherit;z-index:-1;padding:1px;background:linear-gradient(90deg,#ffffff1a,#fffc,#ffffff1a,#fffc);background-size:300% 100%;animation:btnGradientRun 3s linear infinite;-webkit-mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);-webkit-mask-composite:xor;mask-composite:exclude;pointer-events:none}.option-btn:nth-child(1):before{animation-delay:0s;animation-duration:2.8s}.option-btn:nth-child(2):before{animation-delay:-1.2s;animation-duration:3.2s}.option-btn:nth-child(3):before{animation-delay:-2.5s;animation-duration:2.5s}.option-btn:hover{transform:scale(1.02);background:linear-gradient(90deg,#00c6ff,#0072ff);color:#fff}.option-btn:hover:before{display:none}.option-btn.active{background:linear-gradient(90deg,#00c6ff,#0072ff);color:#fff}.option-btn.active:before{display:none}.box-avatar-wrapper{display:flex;align-items:flex-start;justify-content:center;margin-left:1rem;flex-shrink:0;align-self:flex-start}.ai-badge{animation:pulseSparkle 2s infinite ease-in-out}@keyframes pulseSparkle{0%,to{transform:scale(1) rotate(0);opacity:.8}50%{transform:scale(1.1) rotate(10deg);opacity:1}}.box-avatar{width:55px;height:55px;border-radius:50%;object-fit:cover}@keyframes popIn{0%{opacity:0;transform:translateY(20px) scale(.95)}to{opacity:1;transform:translateY(0) scale(1)}}.pop-in{opacity:0;animation:popIn .5s cubic-bezier(.175,.885,.32,1.275) forwards}.typing-bubble{background:#000000b3!important}.typing-indicator{display:flex;align-items:center;gap:4px;height:20px}.typing-indicator span{width:8px;height:8px;background-color:#3b82f6;border-radius:50%;animation:typingBounce 1.4s infinite ease-in-out both}.typing-indicator span:nth-child(1){animation-delay:-.32s}.typing-indicator span:nth-child(2){animation-delay:-.16s}@keyframes typingBounce{0%,80%,to{transform:scale(0);opacity:.4}40%{transform:scale(1);opacity:1}}.features-3col-wrapper{position:relative;width:100%;background-color:#000;overflow:hidden}.features-3col-wrapper:before{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background-image:none;background-size:cover;background-position:center;background-attachment:fixed;background-repeat:no-repeat;opacity:0;transition:opacity 2s ease-in-out;z-index:1}.features-3col-wrapper.bg-revealed:before{opacity:.16}.features-3col-wrapper:after{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:linear-gradient(to bottom,#000000 0%,transparent 15%,transparent 85%,#000000 100%);z-index:1;pointer-events:none}.features-3col-wrapper>*{position:relative;z-index:2}.features-3col-section{background-color:transparent;padding:4rem 8% 0;min-height:auto;display:flex;flex-direction:column;align-items:center;justify-content:flex-start;scroll-snap-align:start}.features-header{text-align:center;margin-bottom:2rem;max-width:800px}.features-header h2{font-family:var(--font-heading);font-size:2.5rem;font-weight:700;margin-bottom:1rem;color:var(--text-light)}.more-features-header{text-align:left;margin:0 0 1rem}.features-header p{font-size:1.2rem;line-height:1.6;color:#f8fafc;opacity:.9}.features-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:80px;width:100%;max-width:1400px}.feature-column{display:flex;flex-direction:column}.feature-column h3{font-size:1.2rem;font-weight:700;margin:1.5rem 0 .5rem;color:var(--text-light)}.feature-column p{font-size:1rem;line-height:1.5;color:#f8fafc;opacity:.9}.mockup-card{background:#ffffff0d;border:1px solid rgba(255,255,255,.1);border-radius:24px;height:260px;box-shadow:0 20px 40px #0003;display:flex;align-items:center;justify-content:center;overflow:hidden;position:relative;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.mockup-card .diet-tag{font-size:.8rem;padding:.3rem .6rem;margin:2px}.hero-title{font-size:3rem;font-weight:800;margin-bottom:1rem;color:#fff;text-shadow:2px 2px 4px rgba(0,0,0,.3);line-height:1.4;padding-bottom:.1em}.typewriter:after{content:"|";animation:blink 1s step-end infinite;font-weight:300}@keyframes blink{0%,to{opacity:1}50%{opacity:0}}.gradient-text{background:linear-gradient(90deg,#f36,#ffb347,#f36,#ffb347);background-size:300% auto;color:transparent;-webkit-background-clip:text;background-clip:text;animation:gradientTextRun 3s linear infinite;display:inline-block;text-shadow:none}@keyframes gradientTextRun{0%{background-position:0% center}to{background-position:100% center}}.floating-tags-container{display:flex;flex-wrap:wrap;gap:.8rem;justify-content:center;max-width:550px;padding:2rem;position:relative;z-index:1}.blob-tags-bg{position:absolute;width:350px;height:350px;background:linear-gradient(135deg,#1e3a8a,#3b82f6,#06b6d4);background-size:200% 200%;border-radius:50%;z-index:-1;top:50%;left:50%;transform:translate(-50%,-50%);filter:blur(70px);opacity:.5;animation:blobBgFloat 10s infinite ease-in-out alternate,btnGradientRun 4s linear infinite}@keyframes blobBgFloat{0%{transform:translate(-50%,-50%) scale(1)}to{transform:translate(-45%,-55%) scale(1.05)}}.diet-tag{background-color:transparent;color:#fff;padding:.6rem 1.3rem;margin:6px;border-radius:30px;font-size:1.55rem;font-weight:500;display:inline-block;cursor:pointer;transition:all .2s ease;border:1px solid #ffffff;position:relative;z-index:1}.diet-tag:hover{transform:scale(1.05);background-color:#fff;color:#1e293b;box-shadow:0 6px 20px #0000001f}.diet-tag.selected{background-color:#f36;color:#fff;border:2px solid transparent;box-shadow:0 4px 15px #f366;background-clip:padding-box}.diet-tag.selected:before{content:"";position:absolute;top:-2px;left:-2px;right:-2px;bottom:-2px;border-radius:inherit;z-index:-1;padding:2px;background:linear-gradient(90deg,#ffffff1a,#ffffffe6,#ffffff1a,#ffffffe6);background-size:300% 100%;animation:btnGradientRun 3s linear infinite;-webkit-mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);-webkit-mask-composite:xor;mask-composite:exclude;pointer-events:none}@keyframes floatTag{0%{transform:translateY(0)}50%{transform:translateY(-8px)}to{transform:translateY(0)}}.floating-tags-container .diet-tag:nth-child(3n){animation-delay:0s}.floating-tags-container .diet-tag:nth-child(3n+1){animation-delay:-2s}.floating-tags-container .diet-tag:nth-child(3n+2){animation-delay:-4s}.faux-cursor{position:absolute;z-index:100;pointer-events:none;transition:top .5s ease-in-out,left .5s ease-in-out;filter:drop-shadow(0 4px 6px rgba(0,0,0,.3))}.faux-cursor.clicking{animation:clickPulse .3s ease-out}@keyframes clickPulse{0%{transform:scale(1)}50%{transform:scale(.8)}to{transform:scale(1)}}.floating-tools-container{position:relative;width:240px;height:240px;display:flex;align-items:center;justify-content:center;perspective:1000px}@keyframes floatTool{0%{transform:translate(-50%,-50%) translateY(0)}50%{transform:translate(-50%,-50%) translateY(-8px)}to{transform:translate(-50%,-50%) translateY(0)}}.tool-item{position:absolute;display:flex;flex-direction:column;align-items:center;gap:8px;animation:floatTool 6s ease-in-out infinite;transform:translate(-50%,-50%)}.pos-center{top:120px;left:120px}.pos-top{top:45px;left:120px;animation-delay:-1.5s}.pos-right{top:120px;left:195px;animation-delay:-3s}.pos-bottom{top:195px;left:120px;animation-delay:-4.5s}.pos-left{top:120px;left:45px;animation-delay:-6s}.tool-circle{position:relative;width:64px;height:64px;border-radius:50%;background:#ffffff0d;border:1px solid rgba(255,255,255,.2);box-shadow:0 10px 25px #0003,inset 0 0 10px #ffffff0d;display:flex;align-items:center;justify-content:center;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);transition:transform .3s ease,box-shadow .3s ease}.running-circle-border{position:absolute;top:0;right:0;bottom:0;left:0;border-radius:50%;padding:1.5px;-webkit-mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);-webkit-mask-composite:xor;mask-composite:exclude;overflow:hidden;pointer-events:none;z-index:0}.running-circle-border:before{content:"";position:absolute;top:-50%;left:-50%;width:200%;height:200%;background:conic-gradient(from 0deg,transparent,rgba(255,255,255,.8),transparent 30%);animation:borderSpin 4s linear infinite}.tool-item:nth-child(1) .running-circle-border:before{animation-duration:3s;animation-direction:reverse}.tool-item:nth-child(2) .running-circle-border:before{animation-duration:4.5s;animation-delay:-1s}.tool-item:nth-child(3) .running-circle-border:before{animation-duration:3.5s;animation-delay:-2s}.tool-item:nth-child(4) .running-circle-border:before{animation-duration:5s;animation-direction:reverse;animation-delay:-.5s}.tool-item:nth-child(5) .running-circle-border:before{animation-duration:4s;animation-delay:-3s}.tool-item:hover .tool-circle{transform:translateY(-5px) scale(1.05);box-shadow:0 15px 35px #ff33664d,inset 0 0 15px #ffffff1a;border-color:#ff336680}.tool-label{font-size:.8rem;font-weight:500;color:#fffc;text-align:center;text-shadow:0 2px 4px rgba(0,0,0,.5);max-width:80px;line-height:1.2}.floating-tools-container .tool-item:nth-child(1){animation-delay:0s}.floating-tools-container .tool-item:nth-child(2){animation-delay:-1.5s}.floating-tools-container .tool-item:nth-child(3){animation-delay:-3s}.floating-tools-container .tool-item:nth-child(4){animation-delay:-4.5s}.floating-tools-container .tool-item:nth-child(5){animation-delay:-2s}.tag-fade-out{opacity:0;transform:translate(-40px);pointer-events:none;transition:all .5s ease}.tag-merging{transition:top .25s cubic-bezier(.34,1.56,.64,1),left .25s cubic-bezier(.34,1.56,.64,1),transform .25s ease,opacity .15s ease .1s;opacity:0;transform:scale(.5);z-index:10}.suggested-questions-container{transition:opacity .8s ease}.recommendation-option{background:#000000b3;color:#fff;border:2px solid #ffffff;padding:14px 20px;border-radius:30px;margin-bottom:15px;font-size:1.05rem;font-weight:500;text-align:center;box-shadow:0 4px 15px #0003;transition:transform .2s,background .2s;cursor:pointer;animation:floatTag 6s ease-in-out infinite}.recommendation-option:nth-child(1){animation-delay:0s}.recommendation-option:nth-child(2){animation-delay:-2s}.recommendation-option:nth-child(3){animation-delay:-4s}.recommendation-option:last-child{margin-bottom:0}.recommendation-option:hover{transform:scale(1.02);background:#000000e6}.video-sequence-section{width:100%;background:#000;padding:120px 20px 40px;margin-top:0;margin-bottom:0;scroll-snap-align:start}.video-sequence-container{display:flex;width:100%;max-width:100%;margin:0;gap:36px;overflow-x:auto;overflow-y:hidden;scroll-behavior:smooth;padding:20px 5%;-ms-overflow-style:none;scrollbar-width:none;cursor:grab}.video-sequence-container:active{cursor:grabbing}.video-sequence-container::-webkit-scrollbar{display:none}.sequence-card{flex:0 0 320px;height:480px;position:relative;border-radius:16px;overflow:hidden;box-shadow:0 10px 30px #00000080;border:.5px solid rgba(255,255,255,.15);transition:transform .4s ease}.sequence-card:hover{transform:translateY(-8px)}.sequence-card video{width:100%;height:100%;max-height:80vh;object-fit:cover;display:block;transition:transform .4s ease}.sequence-card:hover video,.sequence-card.active video{transform:scale(1.05)}.video-overlay{position:absolute;top:0;left:0;width:100%;height:100%;background:#00000080;transition:opacity .3s ease;pointer-events:none}.sequence-card.active .video-overlay{opacity:0}.play-btn-overlay{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:60px;height:60px;background:#0009;border-radius:50%;display:flex;align-items:center;justify-content:center;z-index:4;transition:opacity .3s ease,transform .3s ease;pointer-events:none;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.play-btn-overlay svg{width:24px;height:24px;fill:#fff;margin-left:4px}.sequence-card.active .play-btn-overlay{opacity:0;transform:translate(-50%,-50%) scale(.8)}.card-running-border{position:absolute;top:0;right:0;bottom:0;left:0;border-radius:16px;padding:1.5px;-webkit-mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);-webkit-mask-composite:xor;mask-composite:exclude;overflow:hidden;pointer-events:none;z-index:5;opacity:0;transition:opacity .3s ease}.card-running-border:before{content:"";position:absolute;top:-50%;left:-50%;width:200%;height:200%;background:conic-gradient(from 0deg,transparent,rgba(255,255,255,.9),transparent 25%);animation:borderSpin 4s linear infinite}.sequence-card.active .card-running-border,.sequence-card:hover .card-running-border{opacity:1}.red-yellow-running-border{position:absolute;top:0;right:0;bottom:0;left:0;border-radius:24px;padding:3px;-webkit-mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);-webkit-mask-composite:xor;mask-composite:exclude;overflow:hidden;pointer-events:none;z-index:5}.red-yellow-running-border:before{content:"";position:absolute;top:-50%;left:-50%;width:200%;height:200%;background:conic-gradient(from 0deg,transparent,#ff3366,#ffb347,transparent 35%);animation:borderSpin 3s linear infinite}.sequence-card img{width:100%;height:100%;max-height:80vh;object-fit:cover;display:block;transition:transform .4s ease}.sequence-card:hover img,.sequence-card.active img{transform:scale(1.05);filter:brightness(1.15)}.sequence-text-content{position:absolute;bottom:0;left:0;width:100%;height:60%;padding:24px;background:linear-gradient(to top,rgba(0,0,0,.95) 0%,rgba(0,0,0,.5) 60%,transparent 100%);color:#fff;z-index:2;display:flex;flex-direction:column;justify-content:flex-end}.sequence-text-content h3{font-size:1.2rem;font-weight:700;margin:0 0 8px;line-height:1.2}.sequence-text-content p{font-size:1rem;font-weight:400;margin:0;line-height:1.5;color:#ffffffe6}.coming-soon-badge{position:absolute;top:16px;right:16px;background:#000000a6;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);border:1px solid rgba(255,255,255,.2);box-shadow:0 4px 12px #0000004d;color:#fff;padding:6px 12px;border-radius:20px;font-size:.75rem;font-weight:700;text-transform:uppercase;letter-spacing:.5px;z-index:2}.hot-feature-badge{position:absolute;top:16px;right:16px;background:linear-gradient(135deg,#f36,#ffb347);border:1px solid rgba(255,255,255,.3);box-shadow:0 4px 12px #f366;color:#fff;padding:6px 12px;border-radius:20px;font-size:.75rem;font-weight:700;text-transform:uppercase;letter-spacing:.5px;z-index:2}.kits-section{position:relative;padding:6rem 5%;display:flex;flex-direction:column;align-items:center;overflow:hidden;background-color:#000}.kits-section:after{content:"";position:absolute;top:0;left:0;width:100%;height:200px;background:linear-gradient(to bottom,#000000 0%,transparent 100%);z-index:0;pointer-events:none}.kits-header{position:relative;z-index:1;text-align:center;margin-bottom:3rem}.kits-header h2{font-size:3rem;font-weight:700;margin-bottom:1rem}.kits-header p{font-size:1.25rem;color:#9ca3af}.kits-horizontal-marquee-container{position:relative;width:100vw;margin:0 left;left:50%;transform:translate(-50%);overflow:hidden;padding:20px 0 40px;-webkit-mask-image:linear-gradient(to right,transparent 0%,black 5%,black 95%,transparent 100%);mask-image:linear-gradient(to right,transparent 0%,black 5%,black 95%,transparent 100%)}.kits-horizontal-marquee-track{display:flex;flex-direction:row;gap:24px;width:max-content;animation:scrollHorizontal 35s linear infinite}.kits-horizontal-marquee-track:hover{animation-play-state:paused}@keyframes scrollHorizontal{0%{transform:translate(0)}to{transform:translate(calc(-50% - 12px))}}.kit-suno-card{position:relative;width:300px;aspect-ratio:3/4;border-radius:16px;overflow:hidden;background:transparent;cursor:pointer;transition:transform .3s ease,box-shadow .3s ease;box-shadow:0 6px 20px #0006}.kit-suno-card:hover{transform:translateY(-5px);box-shadow:0 15px 30px #0009}.kit-suno-image{position:absolute;top:0;left:0;width:100%;height:100%;object-fit:cover;z-index:0;transition:transform .5s ease}.coming-soon-tag{position:absolute;top:16px;right:16px;background:#0009;color:#fff;padding:6px 12px;border-radius:20px;font-size:.75rem;font-weight:700;z-index:2;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border:1px solid rgba(255,255,255,.2);text-transform:uppercase;letter-spacing:.5px}.kit-suno-card:hover .kit-suno-image{transform:scale(1.05)}.kit-suno-content{position:absolute;bottom:0;left:0;width:100%;z-index:1;display:flex;flex-direction:column;gap:6px;text-align:left;padding:60px 20px 20px;background:linear-gradient(to top,rgba(0,0,0,.95) 0%,rgba(0,0,0,.6) 60%,transparent 100%);box-sizing:border-box}.kit-suno-content h3{font-size:1.25rem;color:#fff;margin:0;font-weight:700;text-shadow:0 2px 4px rgba(0,0,0,.5)}.kit-suno-content p{font-size:.95rem;color:#ffffffd9;margin:0;line-height:1.4;overflow:hidden;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical}.faq-section{background-color:#000;padding:3rem 8%;display:flex;justify-content:center}.faq-container{width:100%;max-width:800px}.faq-title{text-align:center;font-size:2rem;font-weight:600;margin-bottom:.5rem;color:#fff;line-height:1.5;letter-spacing:-.03em}.faq-subtitle{text-align:center;font-size:.95rem;color:#fff;margin-bottom:3rem}.faq-list{display:flex;flex-direction:column}.faq-item{border-bottom:1px solid rgba(255,255,255,.1)}.faq-question{width:100%;background:transparent;border:none;color:#fff;font-family:inherit;font-size:1rem;font-weight:400;line-height:1.4;text-align:left;padding:1.5rem 0;cursor:pointer;display:flex;justify-content:space-between;align-items:center;gap:8px;transition:color .3s ease}.faq-question:focus{outline:none}.faq-question:hover{color:#e0e0e0}.faq-icon{font-size:2rem;font-weight:300;transition:transform .3s ease;color:#fff;line-height:.5}.faq-answer{max-height:0;overflow:hidden;transition:max-height .3s ease,padding .3s ease,opacity .3s ease;opacity:0}.faq-answer p{color:#a1a1aa;line-height:1.6;margin:0;font-size:1rem;padding-bottom:0}.faq-item.active .faq-answer{max-height:500px;padding-bottom:1.5rem;opacity:1}@media (max-width: 1024px){.feature-column{text-align:center}.hero-bg-video{display:block}.hero-container{flex-direction:column;justify-content:center;text-align:center;gap:3rem;padding-top:2rem;padding-bottom:3rem;padding-left:8%;padding-right:8%}.hero-left{max-width:100%}.hero-title{font-size:3rem;line-height:1.4;padding-bottom:.1em}.chat-options-container{justify-content:center}.faq-section{background-color:#ffffff0a;padding:6rem 8%}.reveal-element{transform:none!important;opacity:1!important;transition:none!important}.faq-title{font-size:1.5rem;line-height:1.1}.diet-tag{padding-top:.2rem;padding-bottom:.2rem}.kits-section{padding:6rem 5%;min-height:60vh;justify-content:center}.store-badges{margin-top:1.5rem!important;justify-content:center;flex-wrap:wrap}.kits-section>video{opacity:1!important}.kits-section:after{display:block;height:100%;background:#000000b3}.hero-left{max-width:100%;text-align:center}.hero-title{font-size:2rem;line-height:1.4;padding-bottom:.1em}.hero-subtitle{font-size:1.05rem;margin:0 auto 2.5rem;text-align:center}.logo-image{height:22px}.hero{min-height:auto;padding-top:140px;padding-bottom:60px}.hero-bg{top:0;height:100%}.hero-bg:before{display:none}.hero-bg:after{background:#000000b3}.hero:after{display:none}.mobile-mascot-container{display:flex;justify-content:center;margin-bottom:24px;animation:floatMascotMobile 3.5s ease-in-out infinite alternate}.mobile-mascot-img{width:132px;height:auto;filter:drop-shadow(0 10px 15px rgba(0,0,0,.4))}.hero-right{display:none}}@media (max-width: 1024px){.features-3col-section{padding:7rem 20% 0}.features-grid{grid-template-columns:1fr;gap:40px}.features-header{display:block;text-align:center;margin-bottom:.5rem;padding:0 16px}.features-header h2{display:flex;flex-direction:column;align-items:center;gap:8px;font-size:1.8rem;line-height:1.3}.features-header p{font-size:.95rem!important}}@media (max-width: 767px){.features-3col-section{padding:3rem 8% 0!important}.video-sequence-section{padding-top:60px;margin-top:0;margin-bottom:20px;padding-bottom:20px}.mobile-only{display:block}.sequence-nav-mobile{display:flex;gap:12px;justify-content:flex-end;padding:12px 20px 0}}.kits-header{text-align:center;margin-bottom:2rem}.kits-header h2{font-size:1.625rem;font-weight:600;margin-bottom:1rem;color:#fff}.kits-highlight-wrapper{display:block;margin-top:.25rem}.kits-highlight,.kits-highlight-red,.kits-highlight-yellow{font-size:2.8rem;font-weight:800;display:inline-block;color:transparent;-webkit-background-clip:text;background-clip:text;margin:0 .15rem}.kits-highlight{background-image:linear-gradient(to right,#00c6ff,#0072ff,#00c6ff);background-size:200% auto;animation:shineBlue 3s linear infinite}.kits-highlight-red{background-image:linear-gradient(to right,#ff416c,#ff4b2b,#ff416c);background-size:200% auto;animation:shineBlue 3s linear infinite}.kits-highlight-yellow{background-image:linear-gradient(to right,#ffe259,#ffa751,#ffe259);background-size:200% auto;animation:shineBlue 3s linear infinite}.kits-header p{color:#a0a0a0;font-size:1.1rem}@keyframes shineBlue{to{background-position:200% center}}.kits-marquee-wrapper{width:100%;overflow:hidden;padding:40px 0;white-space:nowrap;position:relative;-webkit-mask-image:linear-gradient(to right,transparent,black 10%,black 90%,transparent);mask-image:linear-gradient(to right,transparent,black 10%,black 90%,transparent)}.kits-marquee-track{display:inline-flex;gap:30px;padding-left:30px;animation:marqueeScroll 40s linear infinite}.kits-marquee-track:hover{animation-play-state:paused}@keyframes marqueeScroll{0%{transform:translate(0)}to{transform:translate(-50%)}}.kit-tennis-card{width:304px;height:fit-content;border-radius:24px;background-color:#ffffff08;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);background-image:radial-gradient(circle at 80% 20%,rgba(0,150,255,.15) 0%,transparent 50%),radial-gradient(circle at 20% 80%,rgba(0,50,255,.1) 0%,transparent 50%);border:1px solid rgba(255,255,255,.3);display:flex;flex-direction:column;overflow:hidden;flex-shrink:0;cursor:pointer;transition:transform .3s ease,box-shadow .3s ease;white-space:normal}.kit-tennis-card:hover{box-shadow:0 10px 30px #0096ff26}.kit-tennis-card:hover{transform:translateY(-10px)}.kit-tennis-content{padding:24px;display:flex;flex-direction:column}.kit-tennis-icon{margin-bottom:20px;display:inline-flex;align-items:center;justify-content:center;width:52px;height:52px;background:linear-gradient(135deg,#3c465599,#14192399);border-radius:50%;border:1px solid rgba(255,255,255,.15);box-shadow:inset 0 2px 3px #ffffff4d,0 4px 10px #0006;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.kit-tennis-icon svg{width:24px;height:24px;stroke:#fff;stroke-width:1.5}.kit-tennis-card h3{font-size:1.5rem;font-weight:600;color:#fff;margin:0 0 12px;line-height:1.2;letter-spacing:-.3px}.kit-tennis-card p{font-size:.85rem;color:#ffffffe6;margin:0;line-height:1.4}.kit-tennis-img-wrapper{position:relative;height:200px;width:100%}.kit-tennis-img{width:100%;height:100%;object-fit:cover}.kit-modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:#000c;z-index:1000;display:flex;align-items:center;justify-content:center;opacity:0;pointer-events:none;transition:opacity .3s ease;padding:20px}.kit-modal-overlay.active{opacity:1;pointer-events:auto}.kit-modal-content{background:#fff;border-radius:24px;max-width:500px;width:100%;overflow:hidden;position:relative;transform:translateY(20px);transition:transform .3s ease}.kit-modal-overlay.active .kit-modal-content{transform:translateY(0)}.kit-modal-close{position:absolute;top:16px;right:16px;background:#00000080;color:#fff;border:none;width:36px;height:36px;border-radius:50%;font-size:24px;cursor:pointer;display:flex;align-items:center;justify-content:center;z-index:10}.kit-modal-body .modal-img{width:100%;height:250px;object-fit:cover}.modal-text-content{padding:32px}.modal-text-content h2{color:#111;font-size:2rem;margin:0 0 16px;font-weight:800}.modal-text-content p{color:#444;font-size:1.1rem;line-height:1.6;margin:0}@media (max-width: 768px){.kit-tennis-card{width:300px;height:fit-content}.kit-tennis-card h3{font-size:1.8rem}}.site-footer{background-color:#000;color:#fff;padding:3rem 5%;display:flex;justify-content:center;align-items:center;border-top:1px solid rgba(255,255,255,.05)}.footer-content{display:flex;flex-direction:column;align-items:center;gap:1rem}.footer-logo{height:28px;opacity:1}.footer-content p{color:#fff;font-size:.95rem;margin:0}@media (max-width: 768px){.kits-header h2{font-size:1.2rem}.kits-highlight,.kits-highlight-red,.kits-highlight-yellow{font-size:1.8rem}.site-footer{padding:1.5rem 5%}.footer-logo{display:none}}@media (max-width: 768px){.more-features-header{margin-top:2rem!important;margin-bottom:16px!important;text-align:center!important}}@media (min-width: 820px) and (max-width: 1024px){.features-3col-section{padding:7rem 24% 0!important}.hero-container{padding-left:20%!important;padding-right:20%!important}}@media (min-width: 768px) and (max-width: 1024px){.more-features-header{text-align:left!important}.more-features-header h2{align-items:flex-start!important}}@media (max-width: 400px){.navbar .btn-primary{display:none}}