.hero{padding:var(--space-9) 0 var(--space-8)}.hero-layout{gap:var(--space-7);grid-template-columns:1fr 1fr;align-items:start;display:grid}.hero-title{font-family:var(--font-display);color:var(--color-navy);gap:.3em;margin:0;font-size:clamp(3.5rem,6vw,5rem);font-weight:700;line-height:1.1;display:flex}.demo-word{cursor:pointer;border-radius:var(--radius-sm);padding:0 .08em;transition:background .15s}.demo-word:hover,.demo-word.demo-hl{background:#e0702026}.hero-roman{margin:var(--space-2) 0 0;gap:.4em;display:flex}.hero-roman-word{color:var(--color-saffron);letter-spacing:.04em;cursor:pointer;border-radius:var(--radius-sm);padding:0 .08em;font-size:1.5rem;font-style:italic;font-weight:600;transition:background .15s}.hero-roman-word.demo-hl{background:#e070201f}.hero-translation{color:var(--color-text-secondary);margin:var(--space-1) 0 0;gap:.5em;font-size:1.3rem;font-style:italic;display:flex}.hero-trans-word{cursor:pointer;border-radius:var(--radius-sm);padding:0 .08em;transition:background .15s}.hero-trans-word.demo-hl{background:#e070201a}.hero-desc{color:var(--color-text-secondary);margin:var(--space-5) 0 var(--space-5);font-size:1.05rem;line-height:1.75}.hero-cta{gap:var(--space-3);flex-wrap:wrap;display:flex}.btn-primary{background:var(--color-saffron);color:#fff;padding:var(--space-3) var(--space-5);border-radius:var(--radius-md);font-family:var(--font-ui);border:none;font-size:.95rem;font-weight:600;text-decoration:none;transition:background .15s,transform .1s}.btn-primary:hover{background:var(--color-saffron-hover);transform:translateY(-1px)}.btn-secondary{color:var(--color-navy);border:1.5px solid var(--color-navy);padding:var(--space-3) var(--space-5);border-radius:var(--radius-md);font-family:var(--font-ui);background:0 0;font-size:.95rem;font-weight:600;text-decoration:none;transition:border-color .15s,color .15s,transform .1s}.btn-secondary:hover{border-color:var(--color-saffron);color:var(--color-saffron);transform:translateY(-1px)}.demo-panel{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-xl);height:420px;box-shadow:var(--shadow-lg);flex-direction:column;display:flex;overflow:hidden}.demo-tip{padding:var(--space-4);color:var(--color-text);flex-shrink:0;font-size:.85rem}.demo-tip-row{align-items:baseline;gap:8px;padding:4px 0;display:flex}.demo-tip-lbl{text-transform:uppercase;letter-spacing:.08em;flex-shrink:0;min-width:60px;font-size:.55rem;font-weight:700}.lbl-dev{color:var(--color-saffron)}.lbl-read{color:#2563eb}.lbl-iast{color:var(--color-teal)}.lbl-lit{color:#b45309}.lbl-etym{color:#7c3aed}.demo-tip-txt{flex:1;font-size:.85rem}.demo-tip-italic{font-style:italic}.demo-tip-div{background:var(--color-border-subtle);height:1px;margin:2px 0}.demo-tip-prov{color:var(--color-text-muted);align-items:center;gap:4px;padding:2px 0 2px 68px;font-size:.55rem;display:flex}.demo-src-badge{letter-spacing:.03em;border-radius:3px;padding:1px 5px;font-size:.5rem;font-weight:600}.src-dict{color:var(--color-teal);background:#0f766e1a}.demo-tree{border-top:1px solid var(--color-border-subtle);flex-direction:column;flex:1;min-height:0;display:flex;overflow:hidden}.demo-tree-content{padding:var(--space-3) var(--space-4) var(--space-4);scrollbar-width:thin;scrollbar-color:#0000001a transparent;flex:1;overflow-y:auto}.demo-tree-content::-webkit-scrollbar{width:5px}.demo-tree-content::-webkit-scrollbar-track{background:0 0}.demo-tree-content::-webkit-scrollbar-thumb{background:#0000001a;border-radius:4px}.demo-tree-content::-webkit-scrollbar-thumb:hover{background:#0003}.dtree-branch{padding-left:16px;position:relative}.dtree-branch:first-child{padding-left:0}.dtree-children{border-left:1.5px solid var(--color-border);margin-left:4px}.dtree-node{flex-wrap:wrap;align-items:baseline;gap:6px;padding:3px 0;display:flex}.dtree-dot{border-radius:50%;flex-shrink:0;align-self:center;width:6px;height:6px}.dtree-lang{color:var(--color-text);font-size:.7rem;font-weight:600}.dtree-word{font-family:var(--font-indic);color:var(--color-navy);font-size:.8rem;font-weight:700}.dtree-roman{color:var(--color-text-muted);font-size:.65rem;font-style:italic}.dtree-note{color:var(--color-text-muted);font-size:.6rem}.tree-inactive .dtree-lang,.tree-inactive .dtree-word{opacity:.4}.tree-active .dtree-lang{color:var(--color-navy)}.features{padding:var(--space-8) 0}.features-grid{gap:var(--space-5);grid-template-columns:repeat(3,1fr);display:grid}.feature-card{padding:var(--space-5);border-radius:var(--radius-lg);border:1px solid var(--color-border-subtle);transition:border-color .2s,box-shadow .2s}.feature-card:hover{border-color:var(--color-saffron);box-shadow:var(--shadow-md)}.feature-glyph{font-family:var(--font-indic);color:var(--color-saffron);margin-bottom:var(--space-3);font-size:2rem;line-height:1}.feature-title{color:var(--color-text);margin:0 0 var(--space-2);font-size:1rem;font-weight:600}.feature-desc{color:var(--color-text-secondary);margin:0;font-size:.9rem;line-height:1.65}.data-sources{padding:var(--space-8) 0;background:var(--color-surface-alt)}.data-grid{gap:var(--space-4);grid-template-columns:repeat(3,1fr);display:grid}.data-card{gap:var(--space-1);padding:var(--space-4);background:var(--color-surface);border-radius:var(--radius-md);border:1px solid var(--color-border-subtle);flex-direction:column;text-decoration:none;transition:border-color .15s,box-shadow .15s;display:flex}.data-card:hover{border-color:var(--color-saffron);box-shadow:var(--shadow-sm)}.data-name{color:var(--color-text);font-size:.95rem;font-weight:600}.data-detail{color:var(--color-text-muted);font-size:.8rem}.how-it-works{padding:var(--space-8) 0}.pipeline-steps{gap:var(--space-4);flex-direction:column;display:flex}.pipeline-step{align-items:flex-start;gap:var(--space-4);padding:var(--space-4);border-radius:var(--radius-lg);border:1px solid var(--color-border-subtle);transition:border-color .2s,box-shadow .2s;display:flex}.pipeline-step:hover{border-color:var(--color-saffron);box-shadow:var(--shadow-sm)}.step-num{background:var(--color-saffron-subtle);width:2rem;height:2rem;color:var(--color-saffron);font-family:var(--font-ui);border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;font-size:.85rem;font-weight:700;display:flex}.step-content{flex:1}.step-title{color:var(--color-text);margin:0 0 var(--space-1);font-size:.95rem;font-weight:600}.step-desc{color:var(--color-text-secondary);margin:0;font-size:.875rem;line-height:1.6}.etymology-showcase{background:var(--color-navy);padding:0;position:relative}.showcase-intro{background:var(--color-bg);text-align:center;padding:var(--space-6) 0 var(--space-4)}.showcase-intro-desc{color:var(--color-text-secondary);margin:0;font-size:.9rem}.showcase-frame{width:100%;height:80vh;min-height:500px;position:relative}.showcase-iframe{border:none;width:100%;height:100%;display:block}.showcase-overlay{z-index:2;cursor:pointer;position:absolute;inset:0}.showcase-overlay:after{content:"Click to interact with the 3D visualization";-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);color:#ffffffd9;font-family:var(--font-ui);border-radius:var(--radius-full);pointer-events:none;opacity:0;white-space:nowrap;background:#000000a6;border:1px solid #ffffff26;padding:8px 20px;font-size:.8rem;font-weight:500;animation:.6s 1.5s forwards hintFadeIn;position:absolute;top:70px;left:50%;transform:translate(-50%)}.showcase-overlay:hover:after{opacity:1;animation:none}@keyframes hintFadeIn{to{opacity:.85}}.showcase-footer{z-index:3;text-align:center;padding:0 var(--space-5) var(--space-3);pointer-events:none;position:absolute;bottom:0;left:0;right:0}.showcase-cta{justify-content:center;gap:var(--space-3);pointer-events:auto;display:flex}.showcase-cta a{font-family:var(--font-ui);color:#fff;border-radius:var(--radius-full);-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#e07020d9;border:1px solid #e0702080;padding:8px 18px;font-size:.8rem;font-weight:500;text-decoration:none;transition:background .15s,transform .15s;display:inline-block}.showcase-cta a:hover{background:var(--color-saffron);transform:translateY(-1px)}@media (width<=900px){.hero-layout{gap:var(--space-5);grid-template-columns:1fr}.demo-panel{height:380px}}@media (width<=768px){.hero{padding:var(--space-7) 0 var(--space-6)}.hero-title{font-size:2.5rem}.features-grid,.data-grid{grid-template-columns:1fr}}