*{margin:0;padding:0;box-sizing:border-box}:root{--primary:#000;--primary-hover:#1a1a1a;--accent:#6366f1;--text-primary:#000;--text-primary-light:#343434;--text-secondary:#666;--text-tertiary:#999;--bg-primary:#fff;--bg-secondary:#fafafa;--bg-tertiary:#f5f5f5;--border:#e5e5e5;--border-light:#f0f0f0;--success:#10b981;--error:#ef4444}body{font-family:-apple-system,BlinkMacSystemFont,SF Pro Display,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif;color:var(--text-primary);line-height:1.6;background:var(--bg-primary);overflow-x:hidden;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.main{width:100%}.container{max-width:1200px;margin:0 auto;padding:0 20px}.hero{min-height:100vh;display:flex;flex-direction:column;justify-content:center;align-items:center;text-align:center;background:var(--bg-primary);position:relative;padding:80px 20px;overflow:hidden}.hero:after{content:"";position:absolute;top:-100px;left:-100px;right:-100px;bottom:-100px;background:radial-gradient(circle at 0 0,rgba(99,102,241,.2),transparent 30%),radial-gradient(circle at 100% 0,rgba(34,197,94,.15),transparent 30%),radial-gradient(circle at 100% 100%,rgba(234,179,8,.15),transparent 30%),radial-gradient(circle at 0 100%,rgba(236,72,153,.15),transparent 30%);pointer-events:none;filter:blur(4px)}.hero-content{max-width:560px;margin:0 auto;position:relative;z-index:1}.app-icon{margin-bottom:32px;opacity:0;animation:fadeInUp .8s ease-out forwards;position:relative}@keyframes fadeInUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.icon-placeholder{display:inline-block;position:relative;z-index:1}.icon-placeholder:before{content:"";position:absolute;top:50%;left:50%;width:115%;height:115%;background:conic-gradient(from 0deg,rgba(99,102,241,.5),rgba(168,85,247,.5),rgba(236,72,153,.5),rgba(234,179,8,.5),rgba(34,197,94,.5),rgba(99,102,241,.5));transform:translate(-50%,-50%);border-radius:50%;filter:blur(25px);animation:magicGlow 4s ease-in-out infinite,magicRotate 8s linear infinite;opacity:.4;z-index:-1}@keyframes magicGlow{0%,to{transform:translate(-50%,-50%) scale(1);opacity:.4}50%{transform:translate(-50%,-50%) scale(1.08);opacity:.6}}@keyframes magicRotate{0%{filter:blur(25px) hue-rotate(0deg)}to{filter:blur(25px) hue-rotate(1turn)}}.hero-title{font-size:4rem;font-weight:600;margin-bottom:24px;color:var(--text-primary-light);letter-spacing:-.02em;line-height:1.1;opacity:0;animation:fadeInUp .8s ease-out .1s forwards}.hero-title .text-black{color:var(--text-primary)}.hero-subtitle{font-size:1.5rem;font-weight:500;color:var(--text-primary);margin-bottom:16px;letter-spacing:-.01em;opacity:0;animation:fadeInUp .8s ease-out .2s forwards}.hero-description{margin-bottom:16px}.hero-description,.hero-description-example{font-size:1.125rem;color:var(--text-secondary);line-height:1.7;opacity:0;animation:fadeInUp .8s ease-out .3s forwards}.hero-description-example{margin-bottom:48px}kbd{display:inline-block;padding:3px 8px;background:var(--bg-tertiary);border:1px solid var(--border);border-radius:6px;font-family:SF Mono,Monaco,Menlo,monospace;font-size:.875em;font-weight:500;color:var(--text-primary);box-shadow:0 1px 2px rgba(0,0,0,.05)}.video-carousel{width:100%;max-width:1100px;margin:48px auto;opacity:0;animation:fadeInUp .8s ease-out .4s forwards}.video-container{position:relative;width:100%;aspect-ratio:16/11.25;min-height:562px;border-radius:12px;overflow:hidden;background:var(--bg-tertiary);border:1px solid var(--border);box-shadow:0 1px 3px rgba(0,0,0,.05),0 20px 40px rgba(0,0,0,.03)}.carousel-video{position:absolute;top:0;left:0;width:100%;height:100%;object-fit:cover;opacity:0;visibility:hidden;pointer-events:none}.carousel-video.active{opacity:1;visibility:visible;pointer-events:auto}.carousel-dots{display:flex;justify-content:center;gap:24px;margin-bottom:24px}.carousel-dot{background:none;border:none;cursor:pointer;padding:8px 16px;border-radius:8px;transition:all .2s;color:var(--text-tertiary);font-size:.875rem;font-weight:500}.carousel-dot:hover{background:var(--bg-tertiary);color:var(--text-secondary)}.carousel-dot.active{background:var(--bg-tertiary);color:var(--text-primary);border:1px solid var(--border)}.dot-label{display:block}.scroll-indicator{position:absolute;bottom:40px;left:50%;transform:translateX(-50%);opacity:.4;z-index:1}.scroll-arrow{font-size:1.5rem;color:var(--text-tertiary);animation:gentleBounce 2s ease-in-out infinite}@keyframes gentleBounce{0%,to{transform:translateY(0);opacity:.4}50%{transform:translateY(8px);opacity:.8}}.app-store-button svg{width:240px}.app-store-button svg:hover{transform:scale(1.05);transition:transform .15s ease-in-out}.pricing-section{padding:120px 20px;background:var(--bg-primary);text-align:left}.section-title{font-size:2.75rem;font-weight:600;text-align:center;margin-bottom:16px;color:var(--text-primary);letter-spacing:-.02em}.section-subtitle{font-size:1.125rem;text-align:center;color:var(--text-secondary);margin-bottom:64px;font-weight:400}.pricing-container{max-width:900px;margin:0 auto;display:grid;grid-template-columns:2fr 1fr;grid-gap:0;gap:0;background:var(--bg-secondary);border-radius:32px;padding:8px}.pricing-card{background:var(--bg-primary);border:1px solid var(--border);border-radius:24px;padding:40px 32px;display:flex;flex-direction:column;position:relative}.pricing-card.secondary{border:0 solid var(--border);background:none}.pricing-card.main-pricing{border-color:var(--border);background:linear-gradient(to bottom,var(--bg-primary) 0,var(--bg-secondary) 100%);box-shadow:0 8px 24px rgba(0,0,0,.08)}.pricing-badge{position:absolute;top:-12px;left:32px;background:var(--primary);color:#fff;padding:4px 16px;border-radius:16px;font-size:.75rem;font-weight:600;text-transform:uppercase;letter-spacing:.05em}.pricing-header{text-align:left;margin-bottom:24px;padding-bottom:24px}.pricing-label{font-size:.875rem;color:var(--text-tertiary);font-weight:500;text-transform:uppercase;letter-spacing:.05em;margin-bottom:12px}.pricing-name{font-size:1.5rem;font-weight:600;margin-bottom:16px;color:var(--text-primary);line-height:1.3}.pricing-card.secondary .pricing-name{font-size:1.25rem}.pricing-price{display:flex;align-items:baseline;justify-content:left;gap:8px;margin-bottom:8px}.price{font-size:3rem;font-weight:600;color:var(--text-primary);letter-spacing:-.02em;line-height:1}.pricing-card.secondary .price{font-size:2rem}.period{font-size:1rem}.period,.pricing-trial{color:var(--text-secondary);font-weight:400}.pricing-trial{font-size:.875rem}.pricing-body{flex:1 1}.pricing-description{font-size:1.25rem;line-height:1.6;color:var(--text-secondary);text-align:left}.pricing-card.secondary .pricing-description{font-size:.875rem}.pricing-features{list-style:none;margin:0;padding:0}.pricing-features li{padding:10px 0;display:flex;align-items:flex-start;gap:12px;font-size:.9375rem;color:var(--text-secondary);line-height:1.6}.feature-check{color:var(--success);font-weight:600;font-size:1.125rem;flex-shrink:0}.pricing-cta{text-align:center;margin-top:48px}.pricing-cta-button{display:inline-block;transition:transform .15s ease-in-out}.pricing-cta-button:hover{transform:scale(1.05)}.pricing-cta-button svg{width:240px;height:auto}.about-section{padding:120px 20px;background:var(--bg-secondary)}.about-content{max-width:560px;margin:0 auto}.about-title{font-size:2.25rem;font-weight:600;text-align:center;margin-bottom:48px;letter-spacing:-.02em}.about-text,.about-title{color:var(--text-primary)}.about-text{font-size:1.0625rem;line-height:1.8}.about-text p{margin-bottom:24px}.about-text p:last-of-type{margin-bottom:0}.about-text a{color:var(--text-primary);text-decoration:underline;-webkit-text-decoration-color:var(--border);text-decoration-color:var(--border);text-underline-offset:3px;transition:-webkit-text-decoration-color .2s;transition:text-decoration-color .2s;transition:text-decoration-color .2s,-webkit-text-decoration-color .2s}.about-text a:hover{-webkit-text-decoration-color:var(--text-primary);text-decoration-color:var(--text-primary)}.about-greeting,.about-signature{font-size:1.125rem;font-style:italic;color:var(--text-secondary);text-align:left}.about-greeting{margin-bottom:0!important}.footer{padding:48px 20px;background:var(--bg-secondary);color:var(--text-secondary);text-align:center}.footer .container{display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:20px}.footer p{font-size:.9375rem}.footer-links{display:flex;gap:32px}.footer-links a{color:var(--text-secondary);text-decoration:none;font-size:.9375rem;transition:color .2s}.footer-links a:hover{color:var(--text-primary)}@media (max-width:768px){.hero{padding:60px 20px 40px}.hero-title{font-size:2.5rem}.hero-subtitle{font-size:1.25rem}.hero-description{font-size:1rem}.section-title{font-size:2rem}.section-subtitle{font-size:1rem}.about-section,.pricing-section{padding:80px 20px}.pricing-container{grid-template-columns:1fr;gap:20px}.pricing-card{padding:32px 24px}.pricing-name{font-size:1.25rem}.price{font-size:2.5rem}.video-carousel{max-width:100%;margin:32px auto}.video-container{aspect-ratio:16/10;min-height:350px}.carousel-dots{gap:16px}.carousel-dot{padding:6px 12px;font-size:.8125rem}.about-title{font-size:1.75rem}.about-greeting,.about-text{font-size:1rem}.footer .container{flex-direction:column;text-align:center}.footer-links{gap:24px}.app-store-button svg{width:200px}}@media (max-width:480px){.hero{padding:40px 16px 48px;min-height:auto}.app-icon{margin-bottom:24px}.icon-placeholder img{width:80px!important;height:80px!important}.hero-title{font-size:2rem;margin-bottom:16px}.hero-subtitle{font-size:1.125rem;margin-bottom:12px}.hero-description{font-size:.9375rem;margin-bottom:12px}.hero-description-example{font-size:.9375rem;margin-bottom:24px}kbd{padding:2px 6px;font-size:.8125em}.video-carousel{margin:24px auto}.video-container{aspect-ratio:16/9;min-height:unset;max-height:300px;border-radius:8px}.carousel-dots{gap:8px;margin-bottom:16px;flex-wrap:wrap}.carousel-dot{padding:6px 10px;font-size:.75rem}.app-store-button svg{width:180px}.scroll-indicator{bottom:20px}.scroll-arrow{font-size:1.25rem}.container{padding:0 16px}.section-title{font-size:1.75rem}.section-subtitle{font-size:.9375rem;margin-bottom:48px}.about-section,.pricing-section{padding:60px 16px}.pricing-card{padding:28px 20px}.pricing-badge{left:20px;font-size:.6875rem;padding:3px 12px}.pricing-name{font-size:1.125rem}.price{font-size:2.25rem}.pricing-description{font-size:.9375rem}.about-title{font-size:1.5rem;margin-bottom:32px}.about-text{font-size:.9375rem}.about-greeting,.about-signature{font-size:1rem}.footer{padding:32px 16px}.footer p,.footer-links a{font-size:.875rem}}.privacy-page{min-height:100vh;display:flex;flex-direction:column;background:var(--bg-primary)}.privacy-page .container{flex:1 1;padding-top:80px;padding-bottom:80px}.privacy-content{max-width:800px;margin:0 auto}.privacy-content h1{font-size:2.5rem;font-weight:600;color:var(--text-primary);margin-bottom:8px;letter-spacing:-.02em;line-height:1.2}.effective-date{font-size:.9375rem;color:var(--text-secondary);margin-bottom:48px}.privacy-content section{margin-bottom:40px}.privacy-content h2{font-size:1.5rem;font-weight:600;color:var(--text-primary);margin-bottom:16px;letter-spacing:-.01em}.privacy-content p{font-size:1rem;line-height:1.7;color:var(--text-secondary);margin-bottom:12px}.privacy-content ul{margin:16px 0;padding-left:24px;list-style:disc}.privacy-content li{font-size:1rem;line-height:1.7;color:var(--text-secondary);margin-bottom:8px}.privacy-content a{color:var(--text-primary);text-decoration:underline;-webkit-text-decoration-color:var(--border);text-decoration-color:var(--border);text-underline-offset:3px;transition:-webkit-text-decoration-color .2s;transition:text-decoration-color .2s;transition:text-decoration-color .2s,-webkit-text-decoration-color .2s}.privacy-content a:hover{-webkit-text-decoration-color:var(--text-primary);text-decoration-color:var(--text-primary)}.back-link{margin-top:64px;padding-top:32px;border-top:1px solid var(--border-light)}.back-link a{display:inline-flex;align-items:center;font-size:.9375rem;color:var(--text-secondary);text-decoration:none;transition:color .2s}.back-link a:hover{color:var(--text-primary)}@media (max-width:768px){.privacy-page .container{padding-top:60px;padding-bottom:60px}.privacy-content h1{font-size:2rem}.privacy-content h2{font-size:1.25rem}.privacy-content section{margin-bottom:32px}}@media (max-width:480px){.privacy-page .container{padding-top:40px;padding-bottom:40px}.privacy-content h1{font-size:1.75rem}.privacy-content h2{font-size:1.125rem}.effective-date{font-size:.875rem;margin-bottom:32px}.privacy-content li,.privacy-content p{font-size:.9375rem}.back-link{margin-top:48px;padding-top:24px}}