:root{font-family:system-ui,Avenir,Helvetica,Arial,sans-serif;line-height:1.5;font-weight:400;color-scheme:light dark;color:#ffffffde;background-color:#242424;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}a{font-weight:500;color:#646cff;text-decoration:inherit}a:hover{color:#535bf2}body{margin:0;min-width:320px;min-height:100vh}h1{font-size:3.2em;line-height:1.1}button{border-radius:8px;border:1px solid transparent;padding:.6em 1.2em;font-size:1em;font-weight:500;font-family:inherit;background-color:#1a1a1a;cursor:pointer;transition:border-color .25s}button:hover{border-color:#646cff}button:focus,button:focus-visible{outline:4px auto -webkit-focus-ring-color}@media(prefers-color-scheme:light){:root{color:#213547;background-color:#fff}a:hover{color:#747bff}button{background-color:#f9f9f9}}:root{--primary: #6366f1;--text-dark: #111827;--text-gray: #6b7280}*{margin:0;padding:0;box-sizing:border-box}body{font-family:JetBrains Mono,monospace;background:#fff;color:var(--text-dark);overflow-x:hidden}.landing-wrapper{display:flex;min-height:100vh;min-height:100dvh;position:relative;overflow-x:hidden}.panel{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:80px 60px;position:relative;min-width:0;transition:width .35s cubic-bezier(.22,.9,.3,1),filter .4s ease,opacity .35s ease}.left-panel{background:linear-gradient(135deg,#fff,#fafafa)}.right-panel{background:linear-gradient(135deg,#f9fafb,#fff)}.divider{position:fixed;top:-20%;width:3px;height:140%;background:linear-gradient(to bottom,transparent 0%,rgba(99,102,241,.2) 10%,var(--primary) 50%,rgba(99,102,241,.2) 90%,transparent 100%);z-index:1000;pointer-events:none;transition:all .5s cubic-bezier(.4,0,.2,1);box-shadow:0 0 40px #6366f166;transform-origin:center top;transform:translate(-50%) rotate(10deg);will-change:transform}.divider-dot{position:absolute;top:50%;left:50%;width:16px;height:16px;background:var(--primary);border-radius:50%;transform:translate(-50%,-50%);box-shadow:0 0 30px #6366f1cc;animation:dividerPulse 2.5s ease-in-out infinite}@keyframes dividerPulse{0%,to{transform:translate(-50%,-50%) scale(1);opacity:1}50%{transform:translate(-50%,-50%) scale(1.6);opacity:.6}}.logo{width:100px;height:100px;margin-bottom:50px;color:var(--primary);filter:drop-shadow(0 0 25px rgba(99,102,241,.3));animation:logoFloat 4s ease-in-out infinite;z-index:10}@keyframes logoFloat{0%,to{transform:translateY(0) rotate(0)}50%{transform:translateY(-12px) rotate(3deg)}}.logo svg{width:100%;height:100%}.logo-top-left{position:absolute;top:40px;left:40px;width:60px;height:60px;margin-bottom:0}.brand-centered{display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;max-width:600px}.brand{text-align:center;opacity:0;animation:fadeUp 1s ease .5s forwards;z-index:10}@keyframes fadeUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}.brand h1{font-size:clamp(56px,8vw,80px);font-weight:800;letter-spacing:-3px;line-height:1;margin-bottom:16px}.brand-nomix{display:block;background:linear-gradient(135deg,#111827,#6366f1);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.brand-apps{display:block;color:var(--text-gray);font-weight:600;font-size:clamp(40px,6vw,56px)}.tagline{font-size:16px;color:var(--text-gray);line-height:1.6;max-width:380px;margin-top:24px}.platform-features{max-width:480px;opacity:0;animation:fadeUp 1s ease .7s forwards;z-index:10;align-self:flex-start}.section-label{font-size:12px;text-transform:uppercase;letter-spacing:.15em;color:var(--text-gray);font-weight:600;margin-bottom:32px;text-align:left}.etymology-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px}.etym-card{background:#fff;border:1px solid #f3f4f6;border-radius:12px;padding:16px;transition:all .3s ease;cursor:default}.etym-card:hover{box-shadow:0 4px 15px #0000000d}.etym-card .etym-word{font-size:20px;font-weight:700;color:var(--primary);margin-bottom:4px;display:block}.etym-card .etym-meaning{font-size:12px;color:var(--text-gray);line-height:1.4;font-weight:500}.etym-card.result{grid-column:1 / span 2;background:var(--primary);color:#fff;border-color:var(--primary);padding:24px;position:relative;overflow:hidden;box-shadow:0 10px 30px #6366f166}.etym-card.result .etym-word{color:#fff;font-size:24px}.etym-card.result .etym-meaning{color:#ffffffd9;font-size:14px}.self-hosted-stack{display:flex;flex-direction:column;gap:8px}.stack-layer{background:#fff;border:1px solid #e5e7eb;border-radius:12px;padding:16px 20px;display:flex;align-items:center;gap:16px;position:relative;transition:all .3s cubic-bezier(.25,.46,.45,.94);cursor:default}.self-hosted-stack:hover .stack-layer{box-shadow:0 4px 15px #0000000d}.self-hosted-stack:hover .layer-control{transform:translateY(-8px)}.self-hosted-stack:hover .layer-privacy{transform:translateY(0);border-color:var(--primary)}.self-hosted-stack:hover .layer-modular{transform:translateY(8px)}.layer-number{font-size:24px;font-weight:800;color:var(--primary);opacity:.6}.layer-title{font-size:16px;font-weight:700;color:var(--text-dark)}.layer-subtitle{font-size:12px;color:var(--text-gray);margin-left:auto;font-weight:500}.footer{position:fixed;bottom:24px;left:50%;transform:translate(-50%);font-size:12px;color:var(--text-gray);z-index:2000;opacity:0;animation:fadeIn 1s ease 1.2s forwards}@keyframes fadeIn{to{opacity:1}}@media(max-width:968px){.landing-wrapper{flex-direction:column}.panel{width:100%!important;min-height:auto;padding:64px 28px 52px}.left-panel{padding-top:88px;padding-bottom:64px;align-items:center;border-bottom:1px solid rgba(99,102,241,.15)}.right-panel{padding-bottom:calc(64px + env(safe-area-inset-bottom,0px))}.divider{display:none}.brand h1{font-size:clamp(38px,11vw,60px);letter-spacing:-2px}.brand-apps{font-size:clamp(28px,8vw,44px)}.brand-centered{max-width:100%}.logo-top-left{top:24px;left:24px;width:48px;height:48px}.platform-features{align-self:stretch;max-width:100%}.self-hosted-stack:hover .stack-layer{transform:none;box-shadow:none}.self-hosted-stack:hover .layer-control,.self-hosted-stack:hover .layer-modular{transform:none}.self-hosted-stack:hover .layer-privacy{border-color:#e5e7eb}.footer{position:relative;bottom:auto;left:auto;transform:none;text-align:center;margin:32px auto 24px;padding-bottom:env(safe-area-inset-bottom,0px)}}@media(max-width:480px){.panel{padding:52px 20px 44px}.left-panel{padding-top:76px}.brand h1{font-size:clamp(32px,10vw,48px);letter-spacing:-1.5px}.brand-apps{font-size:clamp(22px,7.5vw,34px)}.tagline{font-size:14px;max-width:100%}.etymology-grid{grid-template-columns:1fr}.etym-card.result{grid-column:1}.stack-layer{padding:12px 16px;gap:12px}.layer-number{font-size:20px}.layer-title{font-size:14px}.layer-subtitle{font-size:11px}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important}}