*{margin:0;padding:0;box-sizing:border-box}html{scroll-behavior:smooth}body{font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,system-ui,sans-serif;line-height:1.6;color:#000;background:#fff}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.container{max-width:1200px;margin:0 auto;padding:0 24px}.header{position:sticky;top:0;z-index:100;background:#fffffff2;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-bottom:1px solid #F4F4F5}.header-content{display:flex;align-items:center;justify-content:space-between;height:64px}.logo{font-size:24px;font-weight:600;color:#000;background:none;border:none;cursor:pointer;transition:opacity .2s ease}.logo:hover{opacity:.7}.nav{display:flex;align-items:center;gap:32px}.nav a{color:#000;text-decoration:none;font-weight:500;transition:opacity .2s ease;position:relative}.nav a:hover{opacity:.7}.x-link{display:flex;align-items:center;justify-content:center;width:32px;height:32px;border-radius:6px;border:1px solid #A1A1AA;transition:all .2s ease}.x-link:hover{background:#f4f4f5;transform:scale(1.02)}.mobile-menu-btn{display:none;flex-direction:column;gap:4px;background:none;border:none;cursor:pointer;padding:8px}.mobile-menu-btn span{width:20px;height:2px;background:#000;transition:all .3s ease}.mobile-menu{display:none;position:absolute;top:100%;left:0;right:0;background:#fff;border-bottom:1px solid #F4F4F5;padding:16px 24px;flex-direction:column;gap:16px}.mobile-menu.active{display:flex}.mobile-menu a{color:#000;text-decoration:none;font-weight:500;padding:8px 0}.hero{min-height:100vh;display:flex;align-items:center;justify-content:center;text-align:center;opacity:0;animation:fadeIn .8s ease-out .2s forwards}.hero-content{max-width:800px}.hero-title{font-size:clamp(36px,8vw,72px);font-weight:600;line-height:1.1;margin-bottom:24px;letter-spacing:-.02em}.ai-wrapper{position:relative;display:inline-block}.handwritten-overlay{position:absolute;top:-20px;left:50%;transform:translate(-50%) rotate(-8deg);font-family:Patrick Hand,cursive;font-size:.6em;color:#111;background:linear-gradient(120deg,#ffff004d,#ffff004d);padding:2px 8px;border-radius:3px;z-index:1}.hero-subtitle{font-size:20px;color:#000;margin-bottom:32px;max-width:640px;margin-left:auto;margin-right:auto;line-height:1.5}.hero-ctas{display:flex;gap:16px;justify-content:center;margin-bottom:16px;flex-wrap:wrap}.footnote{font-size:14px;color:#a1a1aa;font-style:italic}.btn{display:inline-flex;align-items:center;justify-content:center;padding:12px 24px;border-radius:8px;font-weight:500;text-decoration:none;transition:all .2s ease;border:1px solid transparent;cursor:pointer;font-size:16px}.btn-primary{background:#000;color:#fff}.btn-primary:hover{transform:scale(1.02);box-shadow:0 4px 12px #00000026}.btn-outline{background:transparent;color:#000;border:1px solid #000000}.btn-outline:hover{background:#f4f4f5;transform:scale(1.02)}.trust-row{padding:48px 0;border-bottom:1px solid #F4F4F5}.trust-logos{display:flex;justify-content:center;align-items:center;gap:48px;flex-wrap:wrap;opacity:.35}.trust-logos span{font-size:18px;font-weight:500;color:#000}.features{padding:96px 0}.section-title{font-size:48px;font-weight:600;text-align:center;margin-bottom:64px;letter-spacing:-.02em}.features-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(320px,1fr));gap:32px;max-width:1000px;margin:0 auto}.feature-card{background:#f4f4f5;padding:32px;border-radius:12px;text-align:center;opacity:0;animation:fadeInStagger .6s ease-out forwards}.feature-card:nth-child(1){animation-delay:.1s}.feature-card:nth-child(2){animation-delay:.2s}.feature-card:nth-child(3){animation-delay:.3s}.feature-card h3{font-size:24px;font-weight:600;margin-bottom:12px}.feature-card p{color:#000;line-height:1.5}.handwritten-underline{position:relative;font-family:Patrick Hand,cursive;font-weight:400}.handwritten-underline:after{content:"";position:absolute;bottom:-2px;left:0;width:100%;height:2px;background:#ff06;transform:rotate(-1deg)}.chat-section{padding:96px 0;background:#f4f4f5}.section-subtitle{text-align:center;color:#a1a1aa;margin-bottom:48px;font-size:16px}.chat-widget{max-width:600px;margin:0 auto 32px;background:#fff;border-radius:16px;overflow:hidden;border:1px solid #A1A1AA}.chat-messages{min-height:300px;max-height:400px;overflow-y:auto;padding:24px;display:flex;flex-direction:column;gap:16px}.message{max-width:80%;padding:12px 16px;border-radius:12px;line-height:1.4;animation:messageSlideIn .3s ease-out}.message.user{align-self:flex-end;background:#000;color:#fff}.message.bot{align-self:flex-start;background:#f4f4f5;color:#000}.message.bot .special-tag{font-size:12px;color:#a1a1aa;margin-bottom:8px;display:block}.message.bot strong{font-weight:600}.typing-indicator{align-self:flex-start;background:#f4f4f5;padding:12px 16px;border-radius:12px;max-width:80px}.typing-dots{display:flex;gap:4px}.typing-dots span{width:6px;height:6px;background:#a1a1aa;border-radius:50%;animation:typingBounce 1.4s ease-in-out infinite both}.typing-dots span:nth-child(1){animation-delay:-.32s}.typing-dots span:nth-child(2){animation-delay:-.16s}.chat-input-container{display:flex;padding:16px;border-top:1px solid #F4F4F5;gap:12px}.chat-input{flex:1;padding:12px 16px;border:1px solid #A1A1AA;border-radius:8px;font-size:16px;outline:none;transition:border-color .2s ease}.chat-input:focus{border-color:#000}.chat-send{padding:12px 24px;background:#000;color:#fff;border:none;border-radius:8px;font-weight:500;cursor:pointer;transition:all .2s ease}.chat-send:hover{transform:scale(1.02);box-shadow:0 2px 8px #00000026}.server-stress{display:flex;align-items:center;justify-content:center;gap:12px;max-width:300px;margin:0 auto;font-size:14px;color:#a1a1aa}.stress-bar{flex:1;height:4px;background:#f4f4f5;border-radius:2px;overflow:hidden}.stress-fill{width:99%;height:100%;background:#ef4444;border-radius:2px}.download-section{padding:96px 0}.download-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:32px;max-width:800px;margin:0 auto 24px}.download-card{background:#f4f4f5;padding:32px;border-radius:12px;text-align:center}.download-card h3{font-size:24px;font-weight:600;margin-bottom:8px}.download-card p{margin-bottom:24px;color:#000}.download-disclaimer{text-align:center;font-size:14px;color:#a1a1aa;font-style:italic}.pricing{padding:96px 0;background:#f4f4f5}.pricing-toggle{display:flex;align-items:center;justify-content:center;gap:16px;margin-bottom:48px;font-weight:500}.toggle{width:48px;height:24px;background:#a1a1aa;border:none;border-radius:12px;cursor:pointer;position:relative;transition:all .3s ease}.toggle-slider{position:absolute;top:2px;left:2px;width:20px;height:20px;background:#fff;border-radius:50%;transition:transform .3s ease}.pricing-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:32px;max-width:900px;margin:0 auto}.pricing-card{background:#fff;padding:32px;border-radius:12px;text-align:center;border:1px solid #A1A1AA;transition:all .2s ease}.pricing-card.featured{border-color:#000;position:relative}.pricing-card:hover{transform:translateY(-4px);box-shadow:0 8px 24px #0000001a}.pricing-card h3{font-size:24px;font-weight:600;margin-bottom:8px}.price{font-size:48px;font-weight:600;margin-bottom:16px}.pricing-description{margin-bottom:24px;color:#000}.faq{padding:96px 0}.faq-list{max-width:800px;margin:0 auto}.faq-item{border-bottom:1px solid #F4F4F5}.faq-question{width:100%;padding:24px 0;display:flex;justify-content:space-between;align-items:center;background:none;border:none;font-size:18px;font-weight:500;text-align:left;cursor:pointer;transition:color .2s ease}.faq-question:hover{color:#a1a1aa}.faq-icon{transition:transform .3s ease}.faq-item.active .faq-icon{transform:rotate(180deg)}.faq-answer{max-height:0;overflow:hidden;transition:max-height .3s ease}.faq-item.active .faq-answer{max-height:200px}.faq-answer p{padding-bottom:24px;color:#000}.contact{padding:96px 0;background:#f4f4f5}.contact-form{max-width:600px;margin:0 auto}.form-group{margin-bottom:24px}.form-group label{display:block;margin-bottom:8px;font-weight:500}.form-group input,.form-group textarea{width:100%;padding:12px 16px;border:1px solid #A1A1AA;border-radius:8px;font-size:16px;font-family:inherit;outline:none;transition:border-color .2s ease}.form-group input:focus,.form-group textarea:focus{border-color:#000}.form-group textarea{resize:vertical;min-height:100px}.footer{padding:48px 0;border-top:1px solid #F4F4F5}.footer-content{display:flex;justify-content:space-between;align-items:center;font-size:14px;color:#a1a1aa}.footer-content a{color:#a1a1aa;text-decoration:none;transition:color .2s ease}.footer-content a:hover{color:#000}.modal{display:none;position:fixed;top:0;left:0;width:100%;height:100%;background:#00000080;z-index:1000;align-items:center;justify-content:center}.modal.active{display:flex}.modal-content{background:#fff;padding:32px;border-radius:12px;max-width:400px;width:90%;text-align:center;position:relative;animation:modalSlideIn .3s ease-out}.modal-close{position:absolute;top:16px;right:16px;background:none;border:none;font-size:24px;cursor:pointer;width:32px;height:32px;display:flex;align-items:center;justify-content:center;border-radius:50%;transition:background .2s ease}.modal-close:hover{background:#f4f4f5}.modal-content h3{font-size:24px;font-weight:600;margin-bottom:16px}.toast{position:fixed;bottom:24px;right:24px;background:#000;color:#fff;padding:16px 24px;border-radius:8px;opacity:0;transform:translateY(20px);transition:all .3s ease;z-index:1000;max-width:400px}.toast.show{opacity:1;transform:translateY(0)}@keyframes fadeIn{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeInStagger{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes messageSlideIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}@keyframes modalSlideIn{0%{opacity:0;transform:scale(.9)}to{opacity:1;transform:scale(1)}}@keyframes typingBounce{0%,80%,to{transform:scale(0)}40%{transform:scale(1)}}@media (max-width: 768px){.container{padding:0 16px}.nav{display:none}.mobile-menu-btn{display:flex}.hero-title{font-size:36px}.hero-subtitle{font-size:18px}.hero-ctas{flex-direction:column;align-items:center}.btn{width:100%;max-width:300px}.section-title{font-size:36px}.features-grid{grid-template-columns:1fr}.trust-logos{gap:24px}.trust-logos span{font-size:16px}.pricing-grid,.download-grid{grid-template-columns:1fr}.footer-content{flex-direction:column;gap:8px;text-align:center}.handwritten-overlay{font-size:.5em;top:-15px}.chat-input-container{padding:12px}.message{max-width:90%}}@media (max-width: 480px){.hero-title{font-size:32px}.section-title{font-size:28px}.features,.pricing,.download-section,.faq,.contact,.chat-section{padding:64px 0}.feature-card,.pricing-card,.download-card{padding:24px}}.btn:focus,.chat-input:focus,.chat-send:focus,.logo:focus,.nav a:focus,.faq-question:focus{outline:2px solid #000000;outline-offset:2px}
