:root{--cream:#fcf6e8;--green:#163e31;--maroon:#691e2c;--gold:#a58038;--line:#ddd3bc;--muted:#656b5e}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:20px}body{margin:0;background:var(--cream);color:var(--green);font-family:Georgia,serif;font-size:17px;line-height:1.6}button,a,select,input{touch-action:manipulation}a{color:inherit}button,select{font:inherit}button,a{ -webkit-tap-highlight-color:transparent}button{cursor:pointer}a:focus-visible,button:focus-visible,select:focus-visible,input:focus-visible{outline:3px solid #af8538;outline-offset:4px}.preview-bar{padding:7px 5%;background:var(--green);color:#fcf6e8;font:11px/1.5 Arial,sans-serif;letter-spacing:2px}.preview-bar span{float:right;letter-spacing:.5px;font-size:12px}header{max-width:1400px;margin:auto;display:flex;align-items:center;gap:35px;padding:22px 5%;border-bottom:1px solid var(--line)}.brand{display:flex;align-items:center;text-decoration:none;gap:12px;white-space:nowrap}.brand img{width:62px;height:62px;object-fit:contain}.brand span{font:bold 28px Arial,sans-serif;color:var(--maroon)}.brand small{display:block;color:var(--gold);font:11px Georgia,serif;letter-spacing:5px;margin-top:10px}nav{display:flex;gap:25px;margin-left:auto;font-size:14px;font-weight:bold}nav a{text-decoration:none;padding:10px 0}.active{color:var(--maroon);border-bottom:2px solid var(--maroon)}.login{background:var(--maroon);color:white;text-decoration:none;padding:11px 18px;font-size:12px;text-transform:uppercase;white-space:nowrap}main{max-width:1180px;margin:auto;padding:0 36px}.intro{text-align:center;padding:53px 0 34px}.eyebrow{font:bold 12px Arial,sans-serif;letter-spacing:2px;color:var(--gold)}h1,h2,h3,p{margin:0}h1{font:500 54px/1.1 Arial,sans-serif;letter-spacing:-1.9px;margin:16px 0}em{font-family:Georgia,serif;color:var(--maroon);font-weight:normal}.intro p{font-size:17px;color:var(--muted);line-height:1.7}.feature{border:1px solid var(--line);background:#fffcf4;display:grid;grid-template-columns:1fr 260px;align-items:center;gap:35px;padding:32px 42px;box-shadow:0 9px 28px #533f2310}.feature h2{font:500 43px Arial,sans-serif;margin:10px 0}.feature-copy>p{max-width:570px;color:var(--muted)}.actions,.action-notes{display:grid;grid-template-columns:1fr 1fr;gap:12px;max-width:530px}.actions{margin-top:24px}.button{font:bold 14px Arial,sans-serif;text-align:center;text-decoration:none;padding:17px 10px}.primary{background:var(--maroon);color:white;border:1px solid var(--maroon)}.secondary{border:1px solid var(--green);color:var(--green)}.button:hover,.mic:hover{filter:brightness(1.15)}.action-notes{font:11px Arial,sans-serif;color:var(--muted);margin-top:9px;text-align:center}.feature-note{font-style:italic;font-size:15px;margin-top:25px;color:var(--gold)}figure{margin:0;text-align:center}figure img{width:206px;height:206px;object-fit:cover;border-radius:25px;box-shadow:0 12px 28px #153c3120}figcaption{font:11px/1.5 Arial,sans-serif;color:var(--muted);margin-top:10px}.practice{display:grid;grid-template-columns:.8fr 1fr;gap:75px;padding:68px 0;align-items:center}.practice-intro h2{font:500 40px/1.2 Arial,sans-serif;letter-spacing:-1px;margin:17px 0}.practice-intro>p{color:var(--muted)}ol{padding:0;list-style:none;margin:25px 0}li{border-bottom:1px solid var(--line);padding:10px 0;font-size:16px}li span{font:12px Arial,sans-serif;color:var(--gold);margin-right:15px}.tip{border-left:3px solid var(--gold);padding:4px 0 4px 18px;margin:30px 0 20px}.tip p{font-size:15px;line-height:1.55;color:var(--muted);margin-top:6px}.fine{font:12px/1.6 Arial,sans-serif!important;color:var(--muted)}.tuner{border:1px solid #cec8b6;background:#fffdf7;border-radius:16px;box-shadow:0 18px 45px #183e3110;overflow:hidden;text-align:center}.tuner-heading{padding:18px 22px;display:flex;justify-content:space-between;align-items:center;background:var(--green);color:var(--cream);font-size:18px}.tuner-heading small{font:9px Arial,sans-serif;letter-spacing:1px;display:block;text-align:left;color:#d4bd81}.mode{font:10px Arial,sans-serif;letter-spacing:1px;border:1px solid #6e8c71;border-radius:20px;padding:6px 8px}.settings{display:grid;grid-template-columns:1fr 1fr;gap:18px;padding:21px 24px;border-bottom:1px solid #eee7d8;text-align:left}.settings label{font:12px Arial,sans-serif;color:var(--muted)}select{display:block;width:100%;margin-top:9px;padding:8px;background:#fffdf7;border:1px solid var(--line);border-radius:4px;color:var(--green);font:14px Arial,sans-serif}.settings label>span{float:right;font-size:11px}input{width:100%;accent-color:var(--maroon);margin-top:20px}.note-label{font:10px Arial,sans-serif;letter-spacing:1.5px;color:var(--muted);margin-top:24px}.swara{font:500 84px/1.15 Arial,sans-serif;letter-spacing:-3px}.frequency{font:14px Arial,sans-serif;color:var(--muted)}.frequency>span:first-child{font-size:21px;color:var(--green);font-variant-numeric:tabular-nums}.divider{margin:0 10px;color:#c4bda9}.meter{height:59px;margin:30px 34px 0;position:relative;border-top:2px solid #c9bfaa}.meter-ticks{position:absolute;height:21px;inset:0 0 auto;background:repeating-linear-gradient(90deg,#cfc7b7 0,#cfc7b7 1px,transparent 1px,transparent 5%)}.centre{position:absolute;left:45%;width:10%;height:28px;background:#b7d4bb60;border-bottom:3px solid #498663;top:-8px}.needle{position:absolute;left:58%;height:36px;width:3px;background:var(--maroon);top:-11px;transition:left .2s}.needle:before{content:"";position:absolute;border:5px solid transparent;border-top-color:var(--maroon);top:-2px;left:-3.5px}.meter-labels{position:absolute;top:28px;width:100%;display:flex;justify-content:space-between;font:11px Arial,sans-serif;color:var(--muted)}.pitch-result{font:bold 15px Arial,sans-serif;color:var(--maroon);margin-top:1px}.directions{display:flex;justify-content:space-between;margin:13px 34px 20px;color:var(--muted);font:9px Arial,sans-serif;letter-spacing:1px}.swaras{display:flex;gap:5px;justify-content:center;padding:0 23px}.swaras button{background:none;border:1px solid var(--line);border-radius:6px;width:100%;height:38px;color:var(--green);font:14px Arial,sans-serif}.swaras .selected{background:var(--green);color:white;border-color:var(--green)}.mic{display:block;background:var(--maroon);border:0;color:white;font:bold 14px Arial,sans-serif;padding:14px;width:calc(100% - 48px);margin:22px 24px 10px}.status{font:12px/1.5 Arial,sans-serif;color:var(--muted);padding:0 22px;min-height:18px}.demo{font:11px Arial,sans-serif;text-decoration:underline;border:0;background:none;color:var(--muted);padding:8px 15px 17px}.benefits{border-top:1px solid var(--line);padding:37px 0 45px}.benefits h2{font:500 30px/1.3 Georgia,serif;margin:12px 0 28px}.benefit-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:28px}.benefit-grid article{border-top:2px solid #c4ac74;padding-top:13px}.benefit-grid span{font:10px Arial,sans-serif;letter-spacing:1px;color:var(--gold)}h3{font-size:19px;line-height:1.3;margin:12px 0 8px}.benefit-grid p{font-size:15px;color:var(--muted);line-height:1.6}.benefits>.fine{margin-top:25px}footer{border-top:1px solid var(--line);display:flex;justify-content:space-between;align-items:center;padding:25px 5%;font-size:12px;color:var(--muted)}footer>span:first-child{font:bold 20px Arial,sans-serif;color:var(--maroon)}footer small{font:9px Arial,sans-serif;letter-spacing:3px;display:block;color:var(--gold);margin-top:5px}footer p{font-style:italic}@media(max-width:1050px){header{gap:18px}.brand span{font-size:21px}.brand img{width:50px;height:50px}nav{gap:16px}.login{display:none}.practice{gap:35px}.feature{padding:28px;grid-template-columns:1fr 200px}figure img{width:175px;height:175px}}@media(max-width:700px){.preview-bar{font-size:10px;letter-spacing:1px}.preview-bar span{font-size:10px;max-width:62%;text-align:right}header{flex-wrap:wrap;padding:15px 20px;gap:10px}.brand span{font-size:24px}nav{order:2;width:100%;justify-content:space-between;gap:8px;margin:0;font-size:12px}.brand img{width:47px;height:47px}main{padding:0 20px}.intro{padding:35px 0 28px}h1{font-size:37px;letter-spacing:-1.1px}.intro p{font-size:15px}.eyebrow{font-size:10px;letter-spacing:1.5px}.feature{grid-template-columns:1fr;padding:23px;gap:20px}.feature h2{font-size:34px}.feature-copy>p{font-size:16px}.button{font-size:12px;padding:14px 8px;line-height:1.4}.actions{gap:8px}.action-notes{font-size:9px;line-height:1.5;gap:8px}.feature-note{margin-top:19px}figure{display:flex;align-items:center;justify-content:center;gap:15px;border-top:1px solid var(--line);padding-top:18px}figure img{width:77px;height:77px;border-radius:12px}figcaption{max-width:130px;margin:0;text-align:left}.practice{grid-template-columns:1fr;padding:38px 0;gap:24px}.practice-intro h2{font-size:34px}.practice-intro ol,.tip,.practice-intro>.fine{display:none}.practice-intro>p{font-size:16px}.tuner-heading{padding:16px}.settings{padding:18px 16px;gap:12px}.settings label{font-size:11px}select{font-size:12px}.swaras{padding:0 15px}.swaras button{font-size:12px}.frequency{font-size:12px}.benefit-grid{grid-template-columns:1fr 1fr;gap:22px}.benefits h2{font-size:26px}h3{font-size:18px}footer{flex-wrap:wrap;gap:20px}footer>span:last-child{width:100%;font-size:11px}}
.reference-section{padding:55px 0}.reference-section h2{font:500 36px Arial,sans-serif;margin:12px 0}.reference-section>p{color:var(--muted);margin-bottom:24px}.reference-section iframe{display:block;width:100%;height:780px;border:0;border-radius:16px;background:#091b20}.reference-section>a{display:inline-block;margin-top:12px;font-size:14px}@media(max-width:700px){.reference-section iframe{height:880px}.reference-section h2{font-size:30px}}

.alankar-feature{margin-top:26px}.alankar-art{border:1px solid #d5c7a9;border-radius:20px;background:#eef1e5;color:#244f3c;font:29px/2.3 Georgia,serif;padding:25px 16px;letter-spacing:5px}@media(max-width:700px){.alankar-art{font-size:18px;padding:8px 12px;letter-spacing:2px}}

.app-card-heading{display:flex;align-items:center;gap:24px;margin-bottom:20px}.resource-app-icon{display:block;width:104px;height:104px;flex:0 0 104px;object-fit:contain;border-radius:24px;box-shadow:0 7px 24px #163e3118}.app-card-heading h2{margin:8px 0 0}.explore-button{border:1px solid #a58038!important;background:#f1ead7!important;color:#163e31!important}.reference-section .actions{margin:22px 0}.reference-section+.reference-section{border-top:1px solid var(--line)}@media(max-width:700px){.app-card-heading{gap:16px}.resource-app-icon{width:80px;height:80px;flex-basis:80px;border-radius:18px}.app-card-heading h2{font-size:27px}.app-card-heading .eyebrow{font-size:10px;letter-spacing:1.3px}}
