:root{--bg-primary: #000000;--bg-secondary: #050505;--text-primary: #ffffff;--text-secondary: #c2c2c2;--text-tertiary: #666666;--border-color: rgba(255, 255, 255, .15);--cta-border-color: var(--border-color);--glow-color-1: rgba(70, 130, 220, .4);--glow-color-2: rgba(70, 130, 220, .2);--glow-color-3: rgba(100, 180, 230, .2);--header-scrolled-bg: rgba(0, 0, 0, .5);--cta-bg: rgba(255, 255, 255, .05);--cta-text: var(--text-primary);--cta-hover-bg: var(--text-primary);--cta-hover-text: var(--bg-primary);--card-bg: rgba(255, 255, 255, .03);--card-hover-border: rgba(70, 130, 220, .6);--card-hover-glow: rgba(70, 130, 220, .4);--h1-shadow: 0 10px 60px rgba(0,0,0,.5);--h2-shadow: 0 8px 45px rgba(0,0,0,.4);--h3-shadow: 0 6px 25px rgba(0,0,0,.35);--body-text-shadow: 0 2px 10px rgba(0,0,0,.7);--cta-shadow: 0 5px 15px rgba(0, 0, 0, .3);--cta-hover-shadow: 0 10px 30px rgba(0, 0, 0, .4);--card-hover-shadow: 0 0 50px var(--card-hover-glow);--hero-glow-bg: radial-gradient( ellipse at center, rgba(70, 130, 220, .5) 0%, rgba(70, 130, 220, .3) 30%, transparent 70% );--footer-glow-shadow: 0 -8px 25px -10px rgba(255, 107, 107, .25);--font-primary: "Satoshi", sans-serif}body.light-theme{--bg-primary: #F7F9FC;--bg-secondary: #FFFFFF;--text-primary: #111827;--text-secondary: #374151;--text-tertiary: #9CA3AF;--border-color: rgba(0, 0, 0, .1);--card-bg: #FFFFFF;--card-hover-border: rgba(59, 130, 246, .5);--card-hover-glow: rgba(59, 130, 246, .25);--glow-color-1: rgba(59, 130, 246, .3);--glow-color-2: rgba(0, 95, 107, .25);--glow-color-3: rgba(0, 128, 128, .2);--header-scrolled-bg: rgba(247, 249, 252, .8);--cta-bg: rgba(255, 255, 255, .6);--cta-text: var(--text-primary);--cta-border-color: rgba(0, 0, 0, .1);--cta-hover-bg: var(--text-primary);--cta-hover-text: var(--bg-primary);--h1-shadow: 0 10px 60px rgba(96, 125, 159, .3);--h2-shadow: 0 8px 45px rgba(96, 125, 159, .25);--h3-shadow: 0 6px 25px rgba(96, 125, 159, .2);--body-text-shadow: 0 2px 10px rgba(96, 125, 159, .25);--cta-shadow: 0 5px 15px rgba(96, 125, 159, .15);--cta-hover-shadow: 0 10px 30px rgba(96, 125, 159, .2);--hero-glow-bg: radial-gradient( ellipse at center, rgba(59, 130, 246, .2) 0%, rgba(59, 130, 246, .05) 45%, transparent 70% );--footer-glow-shadow: 0 -8px 25px -10px rgba(255, 127, 80, .2)}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth}body{background-color:var(--bg-primary);color:var(--text-primary);font-family:var(--font-primary);line-height:1.5;overflow-x:hidden;transition:background-color .4s ease,color .4s ease}#root{display:flex;flex-direction:column;min-height:100vh;position:relative;z-index:1}.glow-container{position:fixed;top:0;left:0;width:100%;height:100%;overflow:hidden;z-index:-1;pointer-events:none}.glow{position:absolute;border-radius:50%;filter:blur(120px);will-change:transform;transition:background-color .4s ease}.glow1{width:800px;height:800px;background-color:var(--glow-color-1);top:-20%;left:-20%}.glow2{width:600px;height:600px;background-color:var(--glow-color-2);bottom:-20%;right:-20%}.glow3{width:700px;height:700px;background-color:var(--glow-color-3);bottom:30%;right:40%}main{flex-grow:1}.container{width:100%;max-width:1200px;margin:0 auto;padding:0 40px}h1{font-size:clamp(4.5rem,9vw,7.5rem);font-weight:500;line-height:1.05;letter-spacing:-.04em;color:var(--text-primary);text-align:center;text-shadow:var(--h1-shadow);transition:text-shadow .4s ease}h1 .highlight{color:var(--text-primary)}h2.section-title{font-size:clamp(2.5rem,5vw,4rem);font-weight:500;line-height:1.1;letter-spacing:-.03em;text-align:center;margin-bottom:5rem;text-shadow:var(--h2-shadow);transition:text-shadow .4s ease}h3{font-size:1.5rem;font-weight:500;margin-bottom:1rem;text-shadow:var(--h3-shadow);transition:color .4s ease,text-shadow .4s ease}p{color:var(--text-secondary);font-size:1.05rem;max-width:60ch;text-shadow:var(--body-text-shadow);transition:text-shadow .4s ease,color .4s ease}a{color:var(--text-primary);text-decoration:none;transition:color .4s ease}a:hover{color:var(--text-secondary)}.main-header{position:fixed;top:0;left:0;width:100%;z-index:100;padding:20px 0;border-bottom:1px solid transparent;transition:background-color .4s ease,backdrop-filter .4s ease,border-color .4s ease,padding .4s ease}.main-header.scrolled{background-color:var(--header-scrolled-bg);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);border-bottom:1px solid var(--border-color);padding:15px 0}.main-header nav{display:flex;justify-content:space-between;align-items:center}.logo{font-size:1.5rem;font-weight:600;display:flex;align-items:center}.logo span{text-shadow:var(--body-text-shadow);transition:text-shadow .4s ease}.ms-header-banner{display:flex;align-items:center;gap:.5rem;color:var(--text-secondary);font-size:1rem}body.light-theme .ms-header-banner{color:var(--text-secondary)}.ms-logo-svg{width:14px;height:14px}.ms-header-banner span{text-shadow:var(--body-text-shadow);transition:text-shadow .4s ease,color .4s ease}.ms-header-banner .ms-logo-text{font-weight:500;color:var(--text-primary)}.header-actions{display:flex;align-items:center;gap:.75rem}.lang-switcher{background:none;border:1px solid transparent;color:var(--text-secondary);cursor:pointer;padding:.5rem .8rem;border-radius:12px;display:flex;align-items:center;justify-content:center;transition:color .4s ease,background-color .4s ease,border-color .4s ease;font-family:var(--font-primary);font-weight:500;font-size:1rem;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px)}.theme-switcher,.download-button{background:none;border:1px solid transparent;color:var(--text-secondary);cursor:pointer;padding:.5rem;border-radius:12px;display:flex;align-items:center;justify-content:center;transition:color .4s ease,background-color .4s ease,border-color .4s ease;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px)}.lang-switcher:hover,.theme-switcher:hover,.download-button:hover{color:var(--text-primary);background-color:var(--cta-bg);border-color:var(--cta-border-color)}.theme-switcher svg,.download-button svg{width:20px;height:20px}.icon-moon{display:none}.icon-sun,body.light-theme .icon-moon{display:block}body.light-theme .icon-sun{display:none}.cta-button{font-weight:500;font-size:1rem;padding:.6rem 1.2rem;border-radius:12px;transition:all .3s ease;border:1px solid var(--cta-border-color);background:var(--cta-bg);color:var(--cta-text);cursor:pointer;text-shadow:var(--body-text-shadow);backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);box-shadow:var(--cta-shadow)}.cta-button.large{font-size:1.1rem;padding:.8rem 2rem;border-radius:100px}.cta-button:hover{background:var(--cta-hover-bg);color:var(--cta-hover-text);border-color:var(--cta-hover-bg);box-shadow:var(--cta-hover-shadow)}.hero-section{position:relative;min-height:100vh;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:10rem 40px 5rem;text-align:center;overflow:hidden}.hero-glow{position:absolute;top:-50%;right:-50%;width:200vw;height:200vh;background:var(--hero-glow-bg);z-index:0;pointer-events:none;transition:background .4s ease;animation:slow-rotate 150s linear infinite;transform-origin:center center}.hero-content{display:flex;flex-direction:column;align-items:center;gap:2rem;position:relative;z-index:1}.hero-subtext,.section-subtitle{font-size:1.15rem;color:var(--text-secondary);line-height:1.6}.section-subtitle{text-align:center;max-width:80ch;margin:-4rem auto 3rem}.content-section{padding:7rem 0;position:relative;z-index:2}.content-section.dark-bg{background-color:var(--bg-secondary);border-top:1px solid var(--border-color);border-bottom:1px solid var(--border-color)}.three-col-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:3rem}.grid-item{background:var(--card-bg);padding:2.5rem;border-radius:16px;border:1px solid var(--border-color);transition:border-color .3s ease,box-shadow .3s ease;text-align:left}.grid-item:hover{border-color:var(--card-hover-border);box-shadow:var(--card-hover-shadow)}.feature-icon{width:48px;height:48px;margin-bottom:1.5rem;border-radius:12px;background:var(--cta-bg);border:1px solid var(--border-color);display:flex;align-items:center;justify-content:center;color:var(--text-secondary)}.grid-item h3{color:var(--text-primary)}.grid-item p{max-width:none}.quote-section{text-align:center}.quote-section .container{display:flex;flex-direction:column;align-items:center;gap:2.5rem}.quote-section blockquote{position:relative;font-size:clamp(1.5rem,3vw,2.25rem);font-weight:500;line-height:1.4;max-width:800px;margin:0;text-shadow:var(--h2-shadow);transition:text-shadow .4s ease}.quote-section blockquote:before{content:"“";position:absolute;top:-.4em;left:-.5em;font-size:10em;font-family:serif;color:#ffffff0a;line-height:1;z-index:-1;transition:color .4s ease}body.light-theme .quote-section blockquote:before{color:#00000008}.quote-section cite{display:block;margin-top:1.5rem;font-style:normal;font-size:1rem;color:var(--text-secondary);text-shadow:var(--body-text-shadow);transition:text-shadow .4s ease,color .4s ease}.mission-statement{font-size:1.15rem;line-height:1.6;color:var(--text-secondary);max-width:700px;margin-top:1rem}.main-footer{position:relative;padding:1rem 0;box-shadow:var(--footer-glow-shadow);transition:box-shadow .4s ease}.footer-content{display:flex;flex-direction:row;justify-content:center;align-items:center;position:relative;z-index:1}.copyright{color:var(--text-tertiary);font-size:.9rem;text-shadow:var(--body-text-shadow);transition:text-shadow .4s ease,color .4s ease}.hero-section-final{padding:8rem 40px}.hero-section-final h1{font-size:clamp(3rem,7vw,5.5rem)}.ai-demo-section .container{display:flex;flex-direction:column;align-items:center}.ai-demo-interactive{width:100%;max-width:700px;display:flex;flex-direction:column;align-items:center;gap:1.5rem}.ai-input{width:100%;min-height:120px;padding:1rem;border-radius:12px;border:1px solid var(--border-color);background-color:var(--bg-secondary);color:var(--text-primary);font-family:var(--font-primary);font-size:1rem;resize:vertical;transition:all .4s ease}.ai-input:focus{outline:none;border-color:#4682dccc;box-shadow:0 0 0 3px #4682dc33}.ai-input:disabled{opacity:.5;cursor:not-allowed;background-color:#0000001a}body.light-theme .ai-input:focus{box-shadow:0 0 0 3px #3b82f633;border-color:#3b82f6b3}#ai-generate-btn:disabled{opacity:.5;cursor:not-allowed;background:var(--cta-bg);color:var(--cta-text);transform:none;box-shadow:var(--cta-shadow)}#ai-generate-btn:disabled:hover{background:var(--cta-bg);color:var(--cta-text)}.ai-result{width:100%;margin-top:1rem;padding:2rem;border-radius:16px;border:1px solid var(--border-color);background-color:var(--bg-secondary);opacity:0;transform:translateY(20px);transition:opacity .5s ease,transform .5s ease;display:none}.ai-result.visible{opacity:1;transform:translateY(0);display:block}.ai-result h4{font-size:1.1rem;font-weight:600;color:var(--text-primary);margin-top:1.5rem;margin-bottom:.75rem;padding-bottom:.75rem;border-bottom:1px solid var(--border-color);letter-spacing:.02em}.ai-result h4:first-child{margin-top:0}.ai-result p{font-size:1rem;color:var(--text-secondary);max-width:none}.ai-result ul{list-style:none;padding-left:0;display:flex;flex-wrap:wrap;gap:.75rem}.ai-result li{background-color:#ffffff0d;padding:.35rem .85rem;border-radius:100px;font-size:.9rem;border:1px solid var(--border-color);font-weight:500}body.light-theme .ai-result li{background-color:#00000008}.loader{width:48px;height:48px;border:3px solid var(--text-secondary);border-bottom-color:transparent;border-radius:50%;display:inline-block;box-sizing:border-box;animation:rotation 1s linear infinite;margin:20px auto;display:block}@keyframes rotation{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes slow-rotate{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@media (max-width: 900px){.nav-links{display:none}.main-header nav{justify-content:space-between}.ms-header-banner{display:none}.three-col-grid{grid-template-columns:1fr;gap:2rem}.grid-item{text-align:center;align-items:center;display:flex;flex-direction:column}}@media (max-width: 768px){.header-actions .cta-button,.header-actions .download-button{display:none}.container{padding:0 20px}h1{font-size:2.8rem}.hero-section-final h1{font-size:2.5rem}h2.section-title{font-size:2.2rem}.hero-subtext,.section-subtitle,.mission-statement{font-size:1.05rem;line-height:1.55}.hero-section{padding-top:8rem}.content-section{padding:4rem 0}.quote-section blockquote{font-size:1.25rem}.quote-section blockquote:before{display:none}}