.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-navy);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:#e8e0d4;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:#f0a080}.lbl-read{color:#60a5fa}.lbl-iast{color:#4ade80}.lbl-lit{color:#fbbf24}.lbl-etym{color:#c084fc}.demo-tip-txt{flex:1;font-size:.85rem}.demo-tip-italic{font-style:italic}.demo-tip-div{background:#ffffff0f;height:1px;margin:2px 0}.demo-tip-prov{color:#ffffff59;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:#22c55e;background:#22c55e26}.demo-tree{border-top:1px solid #ffffff14;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:#ffffff26 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:#ffffff26;border-radius:4px}.demo-tree-content::-webkit-scrollbar-thumb:hover{background:#ffffff40}.dtree-branch{padding-left:16px;position:relative}.dtree-branch:first-child{padding-left:0}.dtree-children{border-left:1.5px solid #ffffff1a;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:#fffc;font-size:.7rem;font-weight:600}.dtree-word{font-family:var(--font-indic);color:#fff;font-size:.8rem;font-weight:700}.dtree-roman{color:#fff6;font-size:.65rem;font-style:italic}.dtree-note{color:#ffffff4d;font-size:.6rem}.tree-inactive .dtree-lang,.tree-inactive .dtree-word{opacity:.4}.tree-active .dtree-lang{color:#fff}.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}@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}}