*{margin:0;padding:0;box-sizing:border-box}html{scroll-behavior:smooth}body{font-family:Helvetica Neue,Helvetica,Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;line-height:1.6;color:#000;background-color:#fff;overflow-x:hidden}.hero-text{font-size:clamp(4rem,12vw,8rem);font-weight:300;letter-spacing:-.02em;line-height:.9;color:#fff;text-shadow:2px 2px 4px rgba(0,0,0,.8)}.subtitle-text{font-size:1.2rem;font-weight:400;color:#fff;margin-top:1rem;text-shadow:1px 1px 3px rgba(0,0,0,.8)}.chat-hint-text{font-size:1rem;font-weight:300;color:#fff;margin-top:.5rem;text-shadow:1px 1px 3px rgba(0,0,0,.8);font-style:italic;opacity:.9}.stats-text{font-size:2.5rem;font-weight:300;color:#fff;text-shadow:1px 1px 3px rgba(0,0,0,.8)}.container{width:100%;max-width:100vw;margin:0 auto;padding:0 5%}.app{width:100%;min-height:100vh}@media (min-width: 1200px){.container{padding:0 8%}}.split-container{display:flex;min-height:100vh;width:100%}.left-panel{width:60%;display:flex;flex-direction:column;justify-content:center;align-items:flex-start;padding:0 2rem 0 0;position:relative;z-index:2}.right-panel{width:40%;position:relative;min-height:100vh}.navigation{position:fixed;top:0;left:0;right:0;z-index:1000;background:#fffffff2;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-bottom:1px solid #F8F8F8;padding:1rem 5%}.nav-content{display:flex;justify-content:space-between;align-items:center;max-width:100%}.nav-buttons{display:flex;align-items:center;gap:1rem}.logo{font-size:1.5rem;font-weight:300;color:#000;text-decoration:none;display:flex;align-items:center}.cta-button{background:#2d2d2d;border:1px solid #2D2D2D;color:#fff;padding:.75rem 1.5rem;font-size:.9rem;font-weight:400;cursor:pointer;transition:all .3s ease;text-decoration:none;display:inline-block}.cta-button:hover{background:#000;border-color:#000;color:#fff}.social-button{background:transparent;border:1px solid #2D2D2D;color:#2d2d2d;padding:.75rem 1.5rem;font-size:.9rem;font-weight:400;cursor:pointer;transition:all .3s ease;text-decoration:none;display:inline-block}.social-button:hover{background:#2d2d2d;color:#fff}.hero-section{height:100vh;display:flex;align-items:center;position:relative;padding-top:80px;box-sizing:border-box;overflow:hidden}.hero-section:before{content:"";position:absolute;inset:0;background-image:inherit;background-size:cover;background-position:center 60%;background-repeat:no-repeat;transform:translateZ(0);will-change:transform;z-index:1}.hero-content{display:flex;width:100%;height:calc(100vh - 80px);position:relative;z-index:2;transform:translateZ(0);will-change:transform;transition:transform .1s ease-out}.hero-stats{margin-top:3rem;display:flex;flex-direction:column;gap:1rem}.stat-item{display:flex;align-items:center;gap:1rem}.stat-number{font-size:2.5rem;font-weight:300;color:#fff;text-shadow:1px 1px 3px rgba(0,0,0,.8)}.stat-label{font-size:1rem;color:#fff;font-weight:400;text-shadow:1px 1px 3px rgba(0,0,0,.8)}.scroll-indicator{position:absolute;bottom:1rem;left:50%;transform:translate(-50%);color:#fff;font-size:1.2rem;font-weight:500;animation:bounce 2s infinite;cursor:pointer;transition:all .3s ease;z-index:3;text-shadow:2px 2px 4px rgba(0,0,0,.9);padding:.5rem 1rem;border:2px solid rgba(255,255,255,.3);border-radius:25px;background:#0003;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.scroll-indicator:hover{color:#f0f0f0;border-color:#fff9;background:#0006;transform:translate(-50%) translateY(-2px)}@keyframes bounce{0%,20%,50%,80%,to{transform:translate(-50%) translateY(0)}40%{transform:translate(-50%) translateY(-8px)}60%{transform:translate(-50%) translateY(-4px)}}.chat-section{min-height:100vh;display:flex;flex-direction:column;align-items:center;justify-content:center;background:#fff;padding:2rem 5%}.chat-header{text-align:center;margin-bottom:2rem;max-width:600px}.chat-title{font-size:2.5rem;font-weight:300;color:#000;margin-bottom:1rem;letter-spacing:-.01em}.chat-subtitle{font-size:1.1rem;font-weight:400;color:#888;line-height:1.6;margin:0}.chat-placeholder{width:100%;max-width:1200px;height:700px;border:2px solid #E0E0E0;border-radius:12px;display:flex;align-items:center;justify-content:center;background:#fff;box-shadow:0 8px 32px #0000001a;overflow:hidden;padding:1rem}.chat-iframe{width:100%;height:100%;border:none;border-radius:8px;background:#fff;box-shadow:inset 0 1px 3px #0000001a;transition:all .3s ease}.chat-iframe:hover{box-shadow:inset 0 1px 3px #00000026}.chat-placeholder-text{font-size:1.5rem;color:#888;font-weight:300;text-align:center}@media (max-width: 768px){.split-container{flex-direction:column}.left-panel{width:100%;padding:2rem 1rem;text-align:center;align-items:center}.right-panel{width:100%;height:50vh;order:-1}.hero-text{font-size:clamp(3rem,15vw,6rem)}.stats-text{font-size:2rem}.hero-stats{align-items:center}.stat-item{justify-content:center}.navigation{padding:1rem 5%}.nav-content{flex-direction:column;gap:1.5rem;align-items:center}.nav-buttons{flex-wrap:wrap;justify-content:center;gap:.5rem;width:100%}.social-button{padding:.6rem 1rem;font-size:.85rem;flex:1;min-width:80px;text-align:center}.cta-button{padding:.6rem 1rem;font-size:.85rem;flex:1;min-width:120px;text-align:center}}@media (max-width: 480px){.container{padding:0 3%}.hero-text{font-size:clamp(2.5rem,18vw,4rem)}.subtitle-text{font-size:1rem}.chat-hint-text{font-size:.85rem;margin-top:.3rem}.stats-text{font-size:1.8rem}.stat-number{font-size:2rem}.navigation{padding:.75rem 3%}.nav-content{gap:1rem}.nav-buttons{gap:.4rem}.social-button{padding:.5rem .8rem;font-size:.8rem;min-width:70px}.cta-button{padding:.5rem .8rem;font-size:.8rem;min-width:100px}.chat-section{padding:1rem 3%}.chat-header{margin-bottom:1.5rem;max-width:100%}.chat-title{font-size:2rem}.chat-subtitle{font-size:1rem}.chat-placeholder{width:95%;height:600px;padding:.5rem}.chat-iframe{border-radius:6px}}.cta-button:focus,.cta-button:focus-visible{outline:2px solid #2D2D2D;outline-offset:2px}button:focus,button:focus-visible{outline:2px solid #2D2D2D;outline-offset:2px}*{transition:all .3s ease}@media (prefers-contrast: high){.hero-text,.stats-text,.stat-number{color:#000}.subtitle-text,.stat-label{color:#333}}
