*{box-sizing:border-box;margin:0;font-family:Montserrat Alternates,sans-serif;padding:0}:root{--color-page-bg-light: #ffffff;--color-section-bg: #fdf2dc;--color-card-bg: #fcedd3;--color-dark-bg: #1a1a1a;--color-dark-card: #2c2c2c;--color-dark-cardboard: #3c3b3b;--color-text-dark: #1a1a1a;--color-text-muted: #333333;--color-text-placeholder: #555555;--color-accent-yellow-main: #ffe066;--color-accent-yellow-hover: #ffda4a;--color-accent-yellow-active: #ffc800;--color-border-dark: #a0a0a0;--color-divider-dark: #cccccc;--color-success-green: #8aff8a;--color-error-red: #ff8a8a}body{font-family:Inter,sans-serif;background-color:var(--color-page-bg-light);color:var(--color-text-dark);line-height:1.6;scroll-behavior:smooth;min-height:100vh}html{scroll-padding-top:80px}.container{max-width:1200px;margin:0 auto;padding:0 20px}.navbar{background-color:var(--color-dark-cardboard);padding:1rem 2rem;display:flex;justify-content:space-between;align-items:center;box-shadow:4 4px 20px 6px #00000014;position:sticky;top:0;z-index:1000;width:100%}.navbar-brand{font-size:1.75rem;font-weight:800;color:var(--color-accent-yellow-active);letter-spacing:-.5px}.navbar-links{display:flex;gap:2rem;align-items:center}.navbar-link{color:#fff;text-decoration:none;font-size:1.1rem;font-weight:300;position:relative;transition:color .3s ease}.navbar-link:hover{color:var(--color-accent-yellow-main)}.navbar-link:after{content:"";position:absolute;width:0;height:2px;bottom:-5px;left:50%;transform:translate(-50%);background-color:var(--color-accent-yellow-main);transition:width .3s ease}.navbar-link:hover:after{width:100%}.navbar-button{background-color:var(--color-accent-yellow-main);color:var(--color-text-dark);padding:.6rem 1.8rem;border-radius:9999px;font-weight:700;text-decoration:none;transition:background-color .3s ease,transform .3s ease,box-shadow .3s ease;box-shadow:0 4px 10px #0003}.navbar-button:hover{background-color:var(--color-accent-yellow-hover);transform:translateY(-3px);box-shadow:0 6px 15px #0000004d}.navbar{transition:transform .3s ease;will-change:transform}.navbar-hide{transform:translateY(-100%)}.navbar-show{transform:translateY(0)}.hero-section{background-color:var(--color-page-bg-light);padding:6rem 2rem;text-align:center;border-bottom:1px solid var(--color-divider-dark);position:relative}.hero-title{font-size:4rem;font-weight:900;color:var(--color-text-dark);margin-bottom:.5rem;line-height:1.5;letter-spacing:-1.2px;animation:fadeInUp .8s ease-out forwards;overflow:hidden;white-space:nowrap}.animated-text-container{display:inline-block;overflow:hidden;white-space:nowrap;animation:typing 2.5s steps(30,end) forwards,blink-caret .75s step-end infinite;animation-delay:.5s}@keyframes blink-caret{0%,to{border-color:transparent}50%{border-color:var(--color-accent-yellow-main)}}.hero-subtitle{font-size:1.6rem;color:var(--color-text-muted);max-width:55rem;margin:0 auto 3rem;animation:fadeIn .8s ease-out forwards;line-height:1.5}.hero-button{display:inline-block;background-color:var(--color-accent-yellow-main);color:var(--color-text-dark);padding:1.25rem 2.8rem;border-radius:9999px;font-size:1.35rem;font-weight:700;text-decoration:none;transition:background-color .3s ease,transform .3s ease,box-shadow .3s ease;box-shadow:0 6px 15px #00000040}.hero-button:hover{background-color:var(--color-accent-yellow-hover);transform:translateY(-4px);box-shadow:0 8px 20px #00000059}.image-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:1.5rem;margin-top:4rem}.image-grid-item{position:relative;width:100%;padding-top:100%;overflow:hidden;border-radius:1.75rem;box-shadow:0 8px 20px #000000a6;transition:transform .3s ease-in-out,box-shadow .3s ease-in-out}.image-grid-item:hover{transform:scale(1.05);box-shadow:0 12px 30px #000000bf}.image-grid-item img{position:absolute;top:0;left:0;width:100%;height:100%;object-fit:contain}.section-common{padding:3rem 0}.section-title{font-size:3.5rem;font-weight:800;color:var(--color-text-dark);text-align:center;margin-bottom:2rem;position:relative}.section-title:after{content:"";width:500px;height:5px;background-color:var(--color-accent-yellow-main);position:absolute;bottom:-15px;left:50%;transform:translate(-50%);border-radius:2px}.feature-block{display:flex;flex-direction:column;align-items:center;gap:3rem;margin-bottom:4rem}.feature-block.reverse{flex-direction:column}@media (min-width: 768px){.feature-block{flex-direction:row}.feature-block.reverse{flex-direction:row-reverse}.feature-block-content{padding:0 1.5rem}}.feature-block-content{flex:1}.feature-block-image{position:relative;height:597px;width:400px;overflow:hidden;border-radius:2rem;box-shadow:0 40px 50px #0009;transition:transform .3s ease-in-out,box-shadow .3s ease-in-out}.feature-block-image:hover{transform:scale(1.05);box-shadow:0 50px 60px #000c}.feature-block-image img{position:absolute;top:0;left:0;width:100%;height:100%;object-fit:contain}.feature-block-title{font-size:2.8rem;font-weight:700;color:var(--color-dark-bg);margin-bottom:1.5rem;text-align:center;letter-spacing:-.5px}@media (min-width: 768px){.feature-block-title{text-align:left}}.feature-block-text{font-size:1.2rem;font-weight:500;color:var(--color-text-muted);margin-bottom:1.5rem}.feature-block-list{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:1rem;color:var(--color-text-dark);font-size:1.15rem}.feature-block-list li{display:flex;align-items:flex-start;font-style:italic;gap:.75rem;font-weight:400;background-color:var(--color-card-bg);padding:.75rem 1rem;border-radius:.5rem;border-left:4px solid var(--color-accent-yellow-main);transition:transform .2s ease}.feature-block-list li:hover{transform:translate(5px)}.feature-block-list li span{color:var(--color-accent-yellow-main);font-size:1.4rem;flex-shrink:0}.ai-note{font-size:.95rem;color:var(--color-text-placeholder);font-style:italic;margin-top:2.5rem;text-align:right}.icon-feature-grid{display:grid;grid-template-columns:repeat(1,1fr);gap:2rem}@media (min-width: 768px){.icon-feature-grid{grid-template-columns:repeat(3,1fr)}}.icon-feature-item{background-color:var(--color-dark-cardboard);padding:2.2rem;border-radius:1rem;box-shadow:20px 20px 20px #00000080;text-align:center;transition:transform .3s ease,box-shadow .3s ease}.icon-feature-item:hover{transform:translateY(-5px);box-shadow:0 0 25px #000000b3}.icon-feature-item-icon{font-size:3.5rem;color:var(--color-accent-yellow-main);margin-bottom:1.25rem;display:inline-block}.icon-feature-item h3{font-size:1.8rem;font-weight:700;color:var(--color-accent-yellow-hover);margin-bottom:.8rem}.icon-feature-item p{font-size:1.15rem;color:#fff}.video-section{padding:4rem 0;text-align:center;background-color:var(--color-dark-bg);color:var(--color-text-primary)}.video-section .section-title{color:var(--color-accent-yellow-main)}.video-player-container{position:relative;width:100%;max-width:68rem;margin:0 auto;padding-top:56.25%;overflow:hidden;border-radius:1rem;box-shadow:0 10px 30px #0006;background-color:var( --color-dark-card )}.video-player-container iframe{position:absolute;top:0;left:0;width:100%;height:100%;border:0;border-radius:1rem}.cta-section{padding:4rem 0;text-align:center;background-color:var(--color-page-bg-light)}.cta-title{font-size:3.5rem;font-weight:800;color:var(--color-text-dark);margin-bottom:2rem}.cta-text{font-size:1.35rem;color:#bbd687;text-shadow:0 0 10px rgba(0,0,0,.7);margin-bottom:3rem;max-width:52rem;margin-left:auto;margin-top:2rem;margin-right:auto}.cta-button-main{display:inline-block;background-color:var(--color-accent-yellow-main);color:var(--color-text-dark);padding:1rem 2rem;border-radius:9999px;font-size:1rem;font-weight:700;text-decoration:none;transition:background-color .3s ease,transform .3s ease,box-shadow .3s ease;box-shadow:0 8px 20px #0000004d;animation:shine-pulse 2s infinite}.cta-button-main:hover{background-color:var(--color-accent-yellow-hover);transform:translateY(-5px);box-shadow:0 10px 25px #0006}.github-link-container{margin-top:3rem}.github-link-text{font-size:1.25rem;color:var(--color-text-dark);margin-bottom:1.5rem}.github-button{display:inline-block;border:3px solid var(--color-accent-yellow-main);color:var(--color-dark-bg);padding:1rem 2rem;border-radius:9999px;font-size:1rem;font-weight:600;text-decoration:none;transition:background-color .3s ease,transform .3s ease,box-shadow .3s ease}.github-button:hover{background-color:var(--color-accent-yellow-main);color:var(--color-text-dark);transform:translateY(-4px);box-shadow:0 8px 20px #00000040}.api-key-note{font-size:.95rem;color:var(--color-text-placeholder);margin-top:3rem;max-width:48rem;margin-left:auto;margin-right:auto}.footer{background-color:var(--color-dark-cardboard);padding:1.5rem;text-align:center;color:var(--color-page-bg-light);font-size:.9rem;border-top:1px solid var(--color-divider-dark)}@keyframes fadeInUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes shine-pulse{0%,to{box-shadow:0 0 5px #ffe06680}50%{box-shadow:0 0 20px #ffe066cc}}@keyframes typing{0%{width:0}to{width:100%}}@keyframes blink-caret{0%,to{border-right-color:transparent}50%{border-right-color:var(--color-accent-yellow-main)}}@media (max-width: 1024px){.hero-title{font-size:3.5rem}.hero-subtitle{font-size:1.25rem}.navbar{padding:1rem 1.5rem}.navbar-brand{font-size:1.6rem}.navbar-links{gap:1.5rem}.navbar-button{padding:.5rem 1.5rem}.section-common{padding:3rem 0}.section-title{font-size:2.8rem}.feature-block-title{font-size:2.2rem}.feature-block-text,.feature-block-list li{font-size:1.1rem}.icon-feature-item h3{font-size:1.6rem}.icon-feature-item p{font-size:1.05rem}.video-section{padding:3rem 0}.cta-title{font-size:2.8rem}.cta-text{font-size:1.15rem}.cta-button-main{font-size:1.4rem;padding:1rem 2.2rem}.github-button{font-size:1.1rem;padding:.9rem 1.8rem}.api-key-note{margin-top:2rem}}@media (max-width: 768px){.navbar{flex-direction:column;gap:1rem}.navbar-links{flex-wrap:wrap;justify-content:center;gap:1rem}.hero-section{padding:3rem 1rem}.hero-title{font-size:2.8rem;letter-spacing:-1px}.hero-subtitle{font-size:1.1rem;max-width:90%}.hero-button{font-size:1.2rem;padding:.8rem 1.8rem}.image-grid{grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:1rem}.image-grid-item{border-width:1px;box-shadow:0 4px 10px #00000026}.section-common{padding:2.5rem 0}.section-title{font-size:2.2rem;margin-bottom:2rem}.feature-block{flex-direction:column!important;gap:1.5rem;margin-bottom:2.5rem}.feature-block-content{padding:0}.feature-block-title{font-size:1.8rem;text-align:center!important}.feature-block-text,.feature-block-list li{font-size:1rem}.icon-feature-grid{grid-template-columns:repeat(1,1fr)}.icon-feature-item{padding:1.8rem}.icon-feature-item-icon{font-size:3rem}.icon-feature-item h3{font-size:1.4rem}.icon-feature-item p{font-size:1rem}.video-section{padding:2.5rem 0}.video-player-container{border-width:2px;box-shadow:0 6px 15px #00000040}.cta-title{font-size:2.2rem}.cta-text{font-size:1.1rem}.cta-button-main{font-size:1.2rem;padding:.9rem 2rem}.github-button{font-size:1rem;padding:.75rem 1.5rem}.api-key-note{margin-top:2rem}}@media (max-width: 480px){.hero-title{font-size:2.2rem;letter-spacing:-.5px}.hero-subtitle{font-size:.9rem}.navbar{padding:.8rem 1rem}.navbar-brand{font-size:1.4rem}.navbar-links{gap:.8rem}.navbar-button{padding:.4rem 1.2rem;font-size:.9rem}.image-grid{gap:.5rem}.image-grid-item{border-width:1px}.feature-block-content{padding:0 1rem}.feature-block-title{font-size:1.6rem}.feature-block-text,.feature-block-list li{font-size:.95rem}.icon-feature-item{padding:1.2rem}.icon-feature-item-icon{font-size:2rem}.icon-feature-item h3{font-size:1.2rem}.icon-feature-item p{font-size:.9rem}.cta-button-main{font-size:1rem;padding:.75rem 1.5rem}.github-button{font-size:.9rem;padding:.6rem 1.2rem}}