:root{--bg-primary:#e5eef4;--bg-secondary:#fffffff2;--bg-card:#ffffffeb;--text-primary:#1e3a4f;--text-secondary:#4a6a7a;--text-muted:#7a9aaa;--accent:#3a7090;--accent-light:#5090b0;--accent-dark:#285070;--rain-blue:#6aa5c0;--rain-light:#95c5d8;--border:#3a70901a;--border-hover:#3a709040;--font-display:"Outfit", sans-serif;--font-body:"Inter", sans-serif;--ease-out:cubic-bezier(.16, 1, .3, 1);--ease-smooth:cubic-bezier(.4, 0, .2, 1)}*,:before,:after{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth}body{font-family:var(--font-body);color:var(--text-primary);-webkit-font-smoothing:antialiased;background:linear-gradient(168deg,#dce9f2 0%,#e5eef4 45%,#ecf3f7 100%);line-height:1.6;overflow-x:hidden}.rain-container{pointer-events:none;z-index:0;width:100%;height:100%;position:fixed;top:0;left:0;overflow:hidden}.rain{background:linear-gradient(to bottom, transparent, var(--rain-light));opacity:.5;width:1px;height:40px;animation:linear infinite rain-fall;position:absolute}@keyframes rain-fall{0%{opacity:0;transform:translateY(-45px)}8%{opacity:.5}92%{opacity:.5}to{opacity:0;transform:translateY(100vh)}}.nav{z-index:100;-webkit-backdrop-filter:blur(20px);border-bottom:1px solid var(--border);background:#ffffffeb;position:fixed;top:0;left:0;right:0}.nav-inner{justify-content:space-between;align-items:center;max-width:1200px;margin:0 auto;padding:20px 48px;display:flex}.logo{font-family:var(--font-display);color:var(--accent-dark);font-size:1.25rem;font-weight:700}.nav-links{gap:44px;display:flex}.nav-link{color:var(--text-secondary);transition:color .3s var(--ease-out);font-size:.8rem;font-weight:500;position:relative}.nav-link:after{content:"";background:var(--accent);width:0;height:1px;transition:width .3s var(--ease-out);position:absolute;bottom:-4px;left:0}.nav-link:hover,.nav-link.active{color:var(--accent-dark)}.nav-link:hover:after,.nav-link.active:after{width:100%}.hero{z-index:2;justify-content:space-between;align-items:center;gap:100px;max-width:1300px;min-height:100vh;margin:0 auto;padding:0 48px;display:flex;position:relative}.hero-content{flex:1;max-width:460px;padding-top:80px}.hero-badge{color:var(--accent);letter-spacing:.16em;text-transform:uppercase;border-bottom:1px solid var(--border-hover);opacity:0;animation:hero-fade-up .8s var(--ease-out) .2s forwards;align-items:center;gap:10px;margin-bottom:28px;padding:8px 0;font-size:.625rem;font-weight:600;display:inline-flex;transform:translateY(20px)}.badge-dot{background:var(--accent);width:4px;height:4px}.hero-title{font-family:var(--font-display);letter-spacing:-.03em;color:var(--text-primary);margin-bottom:24px;font-size:clamp(2.5rem,5vw,3.75rem);font-weight:800;line-height:1.06}.title-line{opacity:0;display:block;transform:translateY(30px)}.title-line:first-child{animation:hero-title-up .8s var(--ease-out) .35s forwards}.title-line:nth-child(2){animation:hero-title-up .8s var(--ease-out) .5s forwards}.title-line:last-child{color:var(--accent-dark)}.hero-subtitle{color:var(--text-secondary);opacity:0;max-width:380px;animation:hero-fade-up .8s var(--ease-out) .65s forwards;margin-bottom:40px;font-size:.9375rem;line-height:1.85;transform:translateY(20px)}.hero-cta{background:var(--accent);color:#fff;letter-spacing:.02em;cursor:pointer;transition:all .35s var(--ease-out);opacity:0;animation:hero-fade-up .8s var(--ease-out) .8s forwards;align-items:center;gap:12px;padding:14px 28px;font-size:.8125rem;font-weight:600;display:inline-flex;transform:translateY(20px)}.hero-cta:hover{background:var(--accent-dark);transform:translate(4px)}.cta-arrow{width:16px;height:16px;transition:transform .3s var(--ease-out)}.hero-cta:hover .cta-arrow{transform:translate(3px)}@keyframes hero-fade-up{to{opacity:1;transform:translateY(0)}}@keyframes hero-title-up{to{opacity:1;transform:translateY(0)}}.hero-visual{opacity:0;max-width:440px;animation:hero-fade-up 1s var(--ease-out) .4s forwards;flex:1;padding-top:80px;transform:translateY(30px)}.visual-wrapper{position:relative}.visual-card{background:var(--bg-card);-webkit-backdrop-filter:blur(16px);border:1px solid var(--border);width:100%;padding:24px 28px;position:relative}.visual-card.original{border-bottom:none}.visual-card.translated{border-color:var(--border-hover);background:#3a70900a}.visual-card:before{content:"";background:var(--rain-blue);opacity:.4;width:5px;height:5px;position:absolute;top:16px;right:16px}.visual-card.translated:before{background:var(--accent)}.card-label{letter-spacing:.2em;text-transform:uppercase;color:var(--text-muted);margin-bottom:10px;font-size:.5rem;font-weight:600}.visual-card.translated .card-label{color:var(--accent)}.card-text{color:var(--text-primary);font-size:1.0625rem;font-weight:500;line-height:1.5}.visual-arrow{width:60px;height:24px;color:var(--accent);opacity:.3;margin:4px 0 4px 8px}section{z-index:2;max-width:1100px;margin:0 auto;padding:100px 48px;position:relative}.section-header{margin-bottom:64px}.section-tag{letter-spacing:.2em;text-transform:uppercase;color:var(--accent);border-bottom:1px solid var(--border);margin-bottom:12px;padding-bottom:12px;font-size:.5625rem;font-weight:600;display:block}.section-title{font-family:var(--font-display);letter-spacing:-.02em;color:var(--text-primary);font-size:clamp(1.5rem,2.5vw,2rem);font-weight:700}.features{padding-top:80px}.feature-grid{border:1px solid var(--border);grid-template-rows:auto auto;grid-template-columns:repeat(12,1fr);gap:0;display:grid}.feature-card{background:var(--bg-card);transition:background .4s var(--ease-out);flex-direction:column;padding:48px 40px;display:flex;position:relative}.feature-card:after{content:"";background:var(--border);height:1px;transition:background .3s var(--ease-out);position:absolute;bottom:0;left:40px;right:40px}.feature-card:hover{background:#fffffffa}.feature-card:hover:after{background:var(--accent)}.feature-card:first-child{grid-area:1/1/auto/7}.feature-card:nth-child(2){grid-area:1/7/auto/13}.feature-card:nth-child(3){grid-area:2/1/auto/7}.feature-card:nth-child(4){grid-area:2/7/auto/13}.feature-card:nth-child(3):before,.feature-card:nth-child(4):before{display:none}.feature-number{font-family:var(--font-display);letter-spacing:.15em;color:var(--text-muted);margin-bottom:20px;font-size:.5625rem;font-weight:600}.feature-icon{width:36px;height:36px;color:var(--accent);transition:transform .4s var(--ease-out);margin-bottom:24px}.feature-card:hover .feature-icon{transform:translateY(-4px)}.feature-icon svg{width:100%;height:100%}.feature-card h3{font-family:var(--font-display);color:var(--text-primary);letter-spacing:-.01em;margin-bottom:12px;font-size:1.125rem;font-weight:600}.feature-card p{color:var(--text-secondary);flex-grow:1;font-size:.8125rem;line-height:1.75}.feature-accent{border-top:1px solid var(--border);margin-top:24px;padding-top:20px}.feature-accent-line{background:var(--accent);opacity:0;width:24px;height:2px;transition:width .4s var(--ease-out), opacity .3s var(--ease-out)}.feature-card:hover .feature-accent-line{opacity:1;width:48px}.languages{text-align:left;border-top:1px solid var(--border);padding:80px 48px}.languages-content{max-width:800px}.language-tags{flex-wrap:wrap;gap:8px;margin:32px 0 16px;display:flex}.lang-tag{border:1px solid var(--border);color:var(--text-secondary);transition:all .3s var(--ease-out);background:0 0;padding:10px 20px;font-size:.75rem;font-weight:500}.lang-tag:hover{border-color:var(--accent);color:var(--accent);background:#3a70900a}.languages-note{color:var(--text-muted);font-size:.6875rem}.footer{z-index:2;-webkit-backdrop-filter:blur(16px);border-top:1px solid var(--border);background:#fffc;padding:48px;position:relative}.footer-inner{justify-content:space-between;align-items:flex-start;max-width:1100px;margin:0 auto;display:flex}.footer-brand{flex-direction:column;gap:4px;display:flex}.footer-logo{font-family:var(--font-display);color:var(--accent-dark);font-size:1rem;font-weight:700}.footer-tagline{color:var(--text-muted);font-size:.75rem}.footer-links{gap:32px;display:flex}.footer-links a{color:var(--text-secondary);transition:color .3s var(--ease-out);font-size:.75rem}.footer-links a:hover{color:var(--accent)}.footer-bottom{border-top:1px solid var(--border);text-align:center;max-width:1100px;margin:32px auto 0;padding-top:20px}.footer-bottom p{color:var(--text-muted);font-size:.6875rem}.scroll-reveal{opacity:0;transition:opacity .7s var(--ease-out), transform .7s var(--ease-out);transform:translateY(24px)}.scroll-reveal.revealed{opacity:1;transform:translateY(0)}.scroll-reveal-delay-1{transition-delay:.1s}.scroll-reveal-delay-2{transition-delay:.2s}.scroll-reveal-delay-3{transition-delay:.3s}@media (width<=1024px){.hero{flex-direction:column;gap:60px;padding:0 32px}.hero-content{max-width:100%;padding-top:120px}.hero-visual{max-width:100%}.feature-grid{grid-template-rows:auto;grid-template-columns:1fr}.feature-card:first-child,.feature-card:nth-child(2),.feature-card:nth-child(3),.feature-card:nth-child(4){grid-area:auto/1}}@media (width<=768px){.nav-inner{padding:16px 24px}.nav-links{gap:24px}section{padding:64px 24px}.footer{padding:40px 24px}.footer-inner{flex-direction:column;gap:24px}.feature-card{padding:36px 28px}}.about-page{z-index:2;max-width:900px;margin:0 auto;padding:160px 48px 100px;position:relative}.about-header{margin-bottom:72px}.about-eyebrow{opacity:0;animation:hero-fade-up .8s var(--ease-out) .2s forwards;align-items:center;gap:16px;margin-bottom:20px;display:flex;transform:translateY(20px)}.eyebrow-line{background:var(--accent);width:32px;height:1px}.eyebrow-text{letter-spacing:.2em;text-transform:uppercase;color:var(--accent);font-size:.5625rem;font-weight:600}.about-title{font-family:var(--font-display);letter-spacing:-.03em;color:var(--text-primary);margin-bottom:24px;font-size:clamp(2.5rem,5vw,3.5rem);font-weight:800;line-height:1.1}.about-title span{opacity:0;animation:hero-title-up .8s var(--ease-out) .35s forwards;display:block;transform:translateY(30px)}.about-lead{color:var(--text-secondary);opacity:0;max-width:400px;animation:hero-fade-up .8s var(--ease-out) .5s forwards;font-size:.9375rem;line-height:1.8;transform:translateY(20px)}.about-grid{background:var(--border);grid-template-columns:repeat(2,1fr);gap:1px;display:grid}.about-card{background:var(--bg-card);transition:background .3s var(--ease-out);flex-direction:column;padding:48px 40px;display:flex}.about-card:hover{background:#fffffffa}.about-card-header{border-bottom:1px solid var(--border);align-items:baseline;gap:16px;margin-bottom:24px;padding-bottom:20px;display:flex}.about-card-number{font-family:var(--font-display);letter-spacing:.15em;color:var(--text-muted);font-size:.5625rem;font-weight:600}.about-card-header h2{font-family:var(--font-display);color:var(--accent-dark);letter-spacing:-.01em;font-size:1.0625rem;font-weight:600}.about-card-content p{color:var(--text-secondary);margin-bottom:12px;font-size:.875rem;line-height:1.8}.about-card-content p:last-child{margin-bottom:0}.tech-stack{flex-direction:column;gap:0;margin-top:20px;display:flex}.tech-item{color:var(--text-secondary);border-bottom:1px solid var(--border);align-items:center;gap:12px;padding:12px 0;font-size:.8125rem;display:flex}.tech-item:last-child{border-bottom:none}.tech-dot{background:var(--accent);flex-shrink:0;width:4px;height:4px}.vision-statement{border-top:1px solid var(--border);margin-top:32px;padding-top:28px}.vision-text{font-family:var(--font-display);color:var(--accent-dark);letter-spacing:-.02em;font-size:1.5rem;font-weight:700}.contact-page{z-index:2;max-width:800px;margin:0 auto;padding:160px 48px 100px;position:relative}.contact-header{margin-bottom:72px}.contact-eyebrow{opacity:0;animation:hero-fade-up .8s var(--ease-out) .2s forwards;align-items:center;gap:16px;margin-bottom:20px;display:flex;transform:translateY(20px)}.contact-title{font-family:var(--font-display);letter-spacing:-.03em;color:var(--text-primary);margin-bottom:24px;font-size:clamp(2.5rem,5vw,3.5rem);font-weight:800;line-height:1.1}.contact-title span{opacity:0;animation:hero-title-up .8s var(--ease-out) .35s forwards;display:block;transform:translateY(30px)}.contact-lead{color:var(--text-secondary);opacity:0;max-width:360px;animation:hero-fade-up .8s var(--ease-out) .5s forwards;font-size:.9375rem;line-height:1.8;transform:translateY(20px)}.contact-grid{background:var(--border);grid-template-columns:repeat(3,1fr);gap:1px;display:grid}.contact-card{background:var(--bg-card);transition:background .3s var(--ease-out);flex-direction:column;padding:40px 32px;display:flex}.contact-card:hover{background:#fffffffa}.contact-card-icon{width:36px;height:36px;color:var(--accent);margin-bottom:24px}.contact-card-icon svg{width:100%;height:100%}.contact-card-content{flex:1}.contact-card-number{font-family:var(--font-display);letter-spacing:.15em;color:var(--text-muted);margin-bottom:12px;font-size:.5625rem;font-weight:600;display:block}.contact-card-content h2{font-family:var(--font-display);color:var(--accent-dark);letter-spacing:-.01em;margin-bottom:14px;font-size:1rem;font-weight:600}.contact-card-content p{color:var(--text-secondary);margin-bottom:12px;font-size:.8125rem;line-height:1.75}.contact-email{color:var(--accent);transition:color .3s var(--ease-out);font-size:.8125rem;font-weight:500}.contact-email:hover{color:var(--accent-dark)}.contact-footer-note{text-align:center;margin-top:64px}.note-line{background:var(--border);width:48px;height:1px;margin:0 auto 24px;display:block}.contact-footer-note p{color:var(--text-muted);font-size:.8125rem}@media (width<=768px){.about-page,.contact-page{padding:130px 24px 80px}.about-grid,.contact-grid{grid-template-columns:1fr}.about-card,.contact-card{padding:36px 28px}.vision-text{font-size:1.25rem}}