.sargam-logo{display:block;flex:0 0 auto;line-height:0}.sargam-logo img{display:block;width:100%;height:100%;object-fit:cover;clip-path:circle(44% at 50% 50%);transform:scale(1.1)}.sargam-logo--nav{width:54px;height:54px}.sargam-logo--footer{width:52px;height:52px}.sargam-logo--editor{width:46px;height:46px}.site-footer{border-top:1px solid var(--border);background:var(--bg);padding:28px 0 24px}.site-footer-inner{max-width:1120px;margin:0 auto;padding:0 32px;display:flex;align-items:center;gap:32px;flex-wrap:wrap}.site-footer-brand{display:flex;align-items:center;gap:7px;flex-shrink:0}.site-footer-links{display:flex;gap:20px;flex:1}.site-footer-links a{font-family:var(--font-body);font-size:.82rem;color:var(--fg-muted);text-decoration:none;transition:color .12s}.site-footer-links a:hover{color:var(--fg)}.site-footer-right{display:flex;flex-direction:column;align-items:flex-end;gap:3px;margin-left:auto}.site-footer-copy,.site-footer-credit{font-family:var(--font-body);font-size:.72rem;color:var(--fg-faint);line-height:1.4}.site-footer-credit a{color:var(--accent-text);text-decoration:none;transition:opacity .12s}.site-footer-credit a:hover{text-decoration:underline}@media(max-width:680px){.site-footer-inner{flex-direction:column;align-items:flex-start;gap:16px}.site-footer-right{align-items:flex-start;margin-left:0}}.mini-editor{position:relative;width:min(100%,720px);isolation:isolate;overflow:hidden;display:flex;flex-direction:column;border:1px solid color-mix(in srgb,var(--accent) 20%,var(--border));border-radius:10px;background:#fffaf3;box-shadow:0 24px 60px #20180f2e,0 7px 18px #20180f1a;-webkit-user-select:none;user-select:none}.mini-editor:before{content:"";position:absolute;inset:0;z-index:-1;border-radius:inherit;background:linear-gradient(115deg,transparent 0%,color-mix(in srgb,var(--accent) 18%,transparent) 38%,transparent 72%);opacity:.7;transform:translate(-62%);animation:mini-editor-sheen 7s ease-in-out infinite}.mini-header{display:grid;grid-template-columns:auto minmax(0,1fr) auto auto auto;align-items:center;gap:12px;min-height:54px;padding:11px 16px;border-bottom:1px solid var(--border);background:linear-gradient(180deg,color-mix(in srgb,var(--bg-raised) 92%,#fff) 0%,var(--bg-raised) 100%)}.mini-window-dots{display:inline-flex;align-items:center;gap:5px}.mini-window-dots span{width:7px;height:7px;border-radius:50%;background:color-mix(in srgb,var(--fg-faint) 42%,transparent)}.mini-window-dots span:first-child{background:var(--accent)}.mini-title-block{min-width:0;display:flex;flex-direction:column;gap:1px}.mini-title{overflow:hidden;color:var(--fg);font-family:var(--font-body);font-size:.78rem;font-weight:760;line-height:1.2;text-overflow:ellipsis;white-space:nowrap}.mini-subtitle{color:var(--fg-faint);font-family:var(--font-body);font-size:.58rem;font-weight:560;letter-spacing:.02em;text-transform:uppercase}.mini-scale-chip,.mini-taal-tag{color:var(--accent-text);background:var(--accent-dim);border:1px solid color-mix(in srgb,var(--accent) 18%,transparent);border-radius:var(--radius-sm);padding:5px 8px;font-family:var(--font-body);font-size:.58rem;font-weight:760;letter-spacing:.08em;text-transform:uppercase;white-space:nowrap}.mini-scale-chip{background:#ffffffad;color:var(--fg-muted);letter-spacing:.02em;text-transform:none}.mini-del{min-width:32px;height:30px;display:inline-flex;align-items:center;justify-content:center;border:1px solid var(--border);border-radius:var(--radius-sm);background:var(--bg);color:var(--fg-muted);font-size:.82rem;transition:background .12s,border-color .12s,color .12s}.mini-del:hover{border-color:var(--border-strong);background:var(--bg-sunken);color:var(--fg)}.mini-sheet{padding:15px 20px 17px;background:linear-gradient(180deg,#fffdf9,color-mix(in srgb,var(--bg) 88%,#fff))}.mini-sheet-label,.mini-piano-head{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:10px;font-family:var(--font-body)}.mini-sheet-label span,.mini-piano-head span{color:var(--fg-faint);font-size:.6rem;font-weight:780;letter-spacing:.12em;text-transform:uppercase}.mini-sheet-label strong,.mini-piano-head strong{color:var(--fg-muted);font-size:.62rem;font-weight:650}.mini-notation-stack{display:grid;gap:7px}.mini-notation-line{position:relative;padding-left:19px}.mini-line-number{position:absolute;top:11px;left:0;color:var(--fg-faint);font-family:var(--font-body);font-size:.58rem;font-weight:700;line-height:1}.mini-notation{min-height:48px;display:grid;overflow:hidden;border:1px solid var(--border);border-radius:var(--radius-sm) var(--radius-sm) 0 0;background:#fff;box-shadow:inset 0 -1px color-mix(in srgb,var(--border) 58%,transparent)}.mini-beat{position:relative;display:flex;align-items:center;justify-content:center;min-width:0;padding:6px 1px;border-right:1px solid var(--border);transition:background .08s}.mini-beat:last-child{border-right:none}.mini-beat--vibhag-end{border-right:2px solid var(--border-strong)}.mini-beat--cursor{background:linear-gradient(180deg,color-mix(in srgb,var(--accent-dim) 72%,#fff),#fff)}.mini-beat--cursor:after{content:"";position:absolute;bottom:0;left:20%;right:20%;height:2px;border-radius:3px 3px 0 0;background:var(--accent)}.mini-swar{display:block;color:var(--fg);font-size:1.12rem;line-height:1;text-align:center}.mini-marker-row{display:grid;min-height:15px;border:1px solid var(--border);border-top:0;border-radius:0 0 var(--radius-sm) var(--radius-sm);background:var(--bg-sunken)}.mini-marker-row span{display:flex;align-items:center;justify-content:center;min-width:0;border-right:1px solid color-mix(in srgb,var(--border) 72%,transparent);color:transparent;font-family:var(--font-body);font-size:.56rem;font-weight:820}.mini-marker-row span:last-child{border-right:none}.mini-marker-row .mini-marker-cell--active{color:var(--accent)}.mini-marker-row .mini-marker-cell--active:not(:first-child){color:var(--fg-muted)}.mini-lyrics-row{display:grid;min-height:34px;overflow:hidden;border:1px solid var(--border);border-top:0;background:#ffffffb8}.mini-lyric-cell{width:100%;min-width:0;height:34px;padding:0 3px;border:0;border-right:1px solid color-mix(in srgb,var(--border) 82%,transparent);outline:none;background:transparent;color:var(--fg-muted);font-family:var(--font-body);font-size:.78rem;font-weight:600;line-height:34px;text-align:center;text-overflow:ellipsis}.mini-lyric-cell:focus{background:color-mix(in srgb,var(--accent-dim) 48%,#fff);color:var(--fg)}.mini-lyric-cell:last-child{border-right:none}.mini-lyric-cell--vibhag-end{border-right:2px solid var(--border-strong)}.mini-piano{padding:15px 20px 17px;border-top:1px solid var(--border);border-bottom:1px solid var(--border);background:linear-gradient(180deg,color-mix(in srgb,var(--piano-bg) 86%,#fff) 0%,var(--piano-bg) 100%)}.mini-keybed{--mini-bk-w: 32px;--mini-bk-half: calc(var(--mini-bk-w) / 2);position:relative;width:min(100%,520px);margin:0 auto;padding:7px 9px 9px;border:1px solid color-mix(in srgb,var(--border-strong) 50%,transparent);border-radius:14px;background:linear-gradient(180deg,#ffffffb3,#4d3a261f);box-shadow:inset 0 1px #ffffffb8,inset 0 -8px 16px #34281a14,0 12px 28px #281f141f}.mini-white-row{display:flex;gap:3px}.mini-wk{flex:1;height:72px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:5px;padding:29px 3px 8px;border:1px solid rgba(64,50,35,.15);border-bottom:4px solid rgba(64,50,35,.18);border-radius:5px 5px 10px 10px;background:linear-gradient(180deg,#fffefa,#faf6ee 58%,#e8decf);box-shadow:inset 0 1px #fffffff2,inset 0 -8px 12px #4535241a,0 2px #ffffff5c;cursor:pointer;transition:background .08s,transform .08s,border-color .08s}.mini-wk:hover{border-color:color-mix(in srgb,var(--accent) 24%,var(--border));background:var(--key-white-hover)}.mini-wk.mini-key--sa{border-color:color-mix(in srgb,var(--accent) 32%,var(--border));background:linear-gradient(180deg,#fffaf4,color-mix(in srgb,var(--accent-dim) 74%,#fff))}.mini-wk:active{background:var(--key-white-active);transform:translateY(1px)}.mini-wk-char{color:color-mix(in srgb,var(--fg) 72%,var(--fg-muted));font-size:.82rem;line-height:1;pointer-events:none}.mini-wk-label,.mini-bk-label{display:block;overflow:hidden;width:100%;color:var(--fg-faint);font-family:var(--font-body);font-size:.46rem;font-weight:680;line-height:1;text-align:center;text-overflow:ellipsis;white-space:nowrap;pointer-events:none}.mini-bk{position:absolute;top:9px;z-index:2;width:var(--mini-bk-w);height:45px;display:flex;flex-direction:column;align-items:center;justify-content:flex-end;gap:4px;padding:0 4px 7px;border:1px solid rgba(255,255,255,.1);border-bottom:4px solid rgba(0,0,0,.64);border-radius:5px 5px 8px 8px;background:linear-gradient(180deg,#47382a,#1e1711 62%,#0f0c09);box-shadow:0 12px 16px #17110c52,inset 0 1px #ffffff24,inset 0 -8px 9px #00000057;cursor:pointer;transition:background .08s,transform .08s}.mini-bk:hover{background:var(--key-black-hover)}.mini-bk.mini-key--sa{border-color:color-mix(in srgb,var(--accent) 44%,rgba(255,255,255,.16));background:linear-gradient(180deg,color-mix(in srgb,var(--accent) 34%,#3a2c20),#221812 68%,#110c09);box-shadow:0 12px 18px #17110c57,inset 0 1px #ffffff2e,inset 0 -8px 9px #0000004d}.mini-bk:active{background:var(--key-black-active);transform:translateY(1px)}.mini-bk-char{color:#fff;font-size:.66rem;line-height:1;text-shadow:0 1px 2px rgba(0,0,0,.42);pointer-events:none}.mini-bk-label{color:#ffffff94;font-size:.4rem}.mini-footer{min-height:52px;display:flex;align-items:center;justify-content:space-between;gap:12px;padding:11px 14px;background:linear-gradient(180deg,color-mix(in srgb,var(--bg-raised) 86%,#fff) 0%,var(--bg-raised) 100%)}.mini-chip-row{min-width:0;display:flex;align-items:center;gap:6px;flex-wrap:wrap}.mini-chip-row span{border:1px solid var(--border);border-radius:999px;padding:4px 8px;background:var(--bg);color:var(--fg-muted);font-family:var(--font-body);font-size:.58rem;font-weight:700;letter-spacing:.05em;text-transform:uppercase}.mini-open-btn{flex-shrink:0;display:inline-flex;align-items:center;min-height:31px;padding:0 12px;border:1px solid var(--accent);border-radius:var(--radius-sm);color:var(--accent-text);font-family:var(--font-body);font-size:.72rem;font-weight:760;text-decoration:none;transition:background .12s,color .12s,box-shadow .12s;white-space:nowrap}.mini-open-btn:hover{background:var(--accent);color:#fff;box-shadow:0 8px 18px #c2582038}@keyframes mini-editor-sheen{0%,42%{transform:translate(-62%);opacity:0}54%{opacity:.7}78%,to{transform:translate(62%);opacity:0}}@media(prefers-reduced-motion:reduce){.mini-editor:before{animation:none}}@media(max-width:560px){.mini-header{grid-template-columns:auto minmax(0,1fr) auto auto}.mini-taal-tag{display:none}.mini-notation{min-height:36px}.mini-swar{font-size:.84rem}.mini-keybed{--mini-bk-w: 28px;padding:4px}.mini-wk{height:58px;padding-top:22px}.mini-bk{top:5px;height:35px}.mini-footer{align-items:stretch;flex-direction:column}.mini-open-btn{justify-content:center;width:100%}}.user-menu-wrap{position:relative}.user-menu-trigger{display:flex;align-items:center;gap:9px;padding:5px 10px 5px 5px;border-radius:var(--radius-md, 8px);transition:background .13s ease;cursor:pointer}.user-menu-trigger:hover{background:var(--bg-sunken)}.user-menu-name{font-size:.84rem;font-weight:500;color:var(--fg);white-space:nowrap}.user-menu-chevron{width:14px;height:14px;color:var(--fg-muted);flex-shrink:0;transition:transform .16s ease}.user-menu-chevron--open{transform:rotate(180deg)}.user-menu-dropdown{position:absolute;top:calc(100% + 8px);right:0;min-width:220px;background:var(--bg-raised);border:1px solid var(--border);border-radius:var(--radius-lg, 12px);box-shadow:var(--shadow-lg);padding:6px;z-index:200}.user-menu-header{padding:10px 12px 8px}.user-menu-user-name{font-size:.84rem;font-weight:600;color:var(--fg);line-height:1.3}.user-menu-email{font-size:.76rem;color:var(--fg-faint);margin-top:2px}.user-menu-divider{height:1px;background:var(--border);margin:4px 0}.user-menu-item{display:flex;align-items:center;gap:9px;width:100%;padding:8px 12px;border-radius:6px;font-size:.83rem;font-weight:400;color:var(--fg);text-align:left;transition:background .12s ease;cursor:pointer}.user-menu-item svg{width:14px;height:14px;flex-shrink:0;color:var(--fg-muted)}.user-menu-item:hover{background:var(--bg-sunken)}.user-menu-item--danger{color:#c0392b}.user-menu-item--danger svg{color:#c0392b}.user-menu-item--danger:hover{background:#c0392b12}.profile-avatar{width:42px;height:42px;border-radius:50%;background:var(--accent);color:#fff;font-size:.82rem;font-weight:700;display:flex;align-items:center;justify-content:center;flex-shrink:0;letter-spacing:.03em;-webkit-user-select:none;user-select:none}.user-menu-wrap--compact .user-menu-trigger{gap:0;padding:3px;border-radius:50%}.user-menu-wrap--compact .profile-avatar{width:30px;height:30px;font-size:.68rem}.user-menu-wrap--compact .user-menu-chevron{display:none}@media(max-width:768px){.user-menu-name{display:none}}.landing{min-height:100vh;background:var(--bg);color:var(--fg);overflow-x:hidden;overflow-y:auto}.land-section-inner{max-width:1180px;margin:0 auto;padding:0 32px}.land-btn-primary{display:inline-flex;align-items:center;justify-content:center;gap:6px;padding:10px 22px;background:var(--accent);color:var(--fg-inverse);font-family:var(--font-body);font-size:.85rem;font-weight:600;border-radius:var(--radius-md);text-decoration:none;border:none;cursor:pointer;transition:background .14s ease,box-shadow .14s ease,transform .08s ease;letter-spacing:.01em;white-space:nowrap}.land-btn-primary:hover{background:var(--accent-hover);box-shadow:0 4px 14px #c258204d;transform:translateY(-1px)}.land-btn-primary:active{transform:translateY(0)}.land-btn-primary.land-btn-lg{padding:13px 28px;font-size:.92rem}.land-btn-outline{display:inline-flex;align-items:center;justify-content:center;padding:10px 22px;background:transparent;color:var(--fg);font-family:var(--font-body);font-size:.85rem;font-weight:500;border-radius:var(--radius-md);text-decoration:none;border:1px solid var(--border);cursor:pointer;transition:background .12s ease,border-color .12s ease;white-space:nowrap}.land-btn-outline:hover{background:var(--bg-sunken);border-color:var(--fg-muted)}.land-btn-outline.land-btn-lg{padding:13px 28px;font-size:.92rem}.land-btn-ghost{display:inline-flex;align-items:center;padding:8px 16px;background:transparent;color:var(--fg-muted);font-family:var(--font-body);font-size:.82rem;font-weight:500;border:none;border-radius:var(--radius-md);cursor:pointer;transition:color .12s ease,background .12s ease}.land-btn-ghost:hover:not(:disabled){color:var(--fg);background:var(--bg-sunken)}.land-btn-ghost:disabled{opacity:.45;cursor:default}.land-section-label{font-family:var(--font-body);font-size:.68rem;font-weight:700;text-transform:uppercase;letter-spacing:.12em;color:var(--accent);margin-bottom:10px}.land-section-heading{font-family:var(--font-body);font-size:clamp(1.8rem,3vw,2.6rem);font-weight:800;color:var(--fg);line-height:1.14;letter-spacing:-.03em;margin-bottom:36px}.land-nav{position:sticky;top:0;z-index:100;backdrop-filter:blur(18px);-webkit-backdrop-filter:blur(18px);border-bottom:1px solid transparent}.land-nav-inner{max-width:1120px;margin:0 auto;padding:0 32px;height:60px;display:flex;align-items:center;gap:32px}.land-logo{display:flex;align-items:center;gap:8px;text-decoration:none;flex-shrink:0}.land-nav-links{display:flex;align-items:center;gap:4px;flex:1}.land-nav-link{font-family:var(--font-body);font-size:.85rem;font-weight:500;color:var(--fg-muted);text-decoration:none;padding:6px 12px;border-radius:var(--radius-md);transition:color .12s ease,background .12s ease}.land-nav-link:hover{color:var(--fg);background:var(--bg-sunken)}.land-nav-actions{display:flex;align-items:center;gap:8px;flex-shrink:0}.land-hero-wrap{position:relative;background:radial-gradient(circle at 74% 24%,rgba(194,88,32,.14) 0%,transparent 29%),linear-gradient(160deg,#f5f3ee,#f0ebe1 54%,#ede6da);overflow:hidden}.hero-particles{position:absolute;inset:0;pointer-events:none;z-index:0;overflow:hidden}.hero-particle{position:absolute;top:0;--op: .055;color:var(--accent);opacity:0;animation-name:particleFall;animation-timing-function:linear;animation-iteration-count:infinite;will-change:transform,opacity;-webkit-user-select:none;user-select:none;line-height:1}.hero-particle--extra{visibility:hidden;--op: .09}.land-hero-wrap.hero-hovered .hero-particle{--op: .12}.land-hero-wrap.hero-hovered .hero-particle--extra{visibility:visible}@keyframes particleFall{0%{transform:translateY(-80px) rotate(-5deg);opacity:0}12%{opacity:var(--op)}50%{transform:translateY(50vh) rotate(3deg) translate(8px)}88%{opacity:var(--op)}to{transform:translateY(110vh) rotate(5deg) translate(-4px);opacity:0}}.land-hero{position:relative;z-index:1;max-width:1280px;margin:0 auto;padding:72px 32px 86px;display:grid;grid-template-columns:minmax(360px,.72fr) minmax(640px,1.28fr);align-items:center;gap:48px}.hero-eyebrow{font-family:var(--font-body);font-size:.7rem;font-weight:700;text-transform:uppercase;letter-spacing:.12em;color:var(--accent);margin-bottom:16px}.hero-heading{font-family:var(--font-body);font-size:clamp(2.85rem,5.7vw,5.15rem);font-weight:800;line-height:1.02;letter-spacing:-.03em;color:var(--fg);margin-bottom:24px}.hero-heading-accent{position:relative;display:inline-block;color:var(--accent);font-style:italic;letter-spacing:-.035em;text-shadow:0 10px 28px rgba(194,88,32,.14)}.hero-heading-accent:after{content:"";position:absolute;left:.03em;right:-.03em;bottom:.04em;height:.14em;z-index:-1;border-radius:999px;background:linear-gradient(90deg,#c258203d,#c258200f);transform:rotate(-1.2deg)}.hero-sub{font-family:var(--font-body);font-size:1.04rem;line-height:1.72;color:var(--fg-muted);max-width:460px;margin-bottom:0}.hero-sub em{font-style:italic;color:var(--accent-text)}.hero-actions{display:flex;align-items:center;gap:12px;flex-wrap:wrap;margin-top:32px}.hero-preview{position:relative;display:flex;justify-content:center;align-items:center}.hero-preview:before{content:"";position:absolute;inset:11% 3% 8% 2%;border-radius:16px;background:color-mix(in srgb,var(--accent) 10%,#fff);filter:blur(28px);opacity:.8;pointer-events:none}.hero-preview-shell{position:relative;width:min(100%,740px);padding:14px;border:1px solid rgba(255,255,255,.72);border-radius:14px;background:#ffffff6b;box-shadow:inset 0 1px #ffffff94,0 20px 56px #281d121f}.hero-preview-kicker{min-height:34px;display:flex;align-items:center;justify-content:space-between;gap:12px;padding:0 3px 11px;font-family:var(--font-body)}.hero-preview-kicker span{color:var(--accent);font-size:.66rem;font-weight:800;letter-spacing:.12em;text-transform:uppercase}.hero-preview-kicker strong{color:var(--fg-muted);font-size:.72rem;font-weight:650}.audience-section{position:relative;z-index:1;padding:76px 0 72px;margin:0 0 34px;background:transparent;border-top:1px solid color-mix(in srgb,var(--border) 70%,transparent)}.audience-head{max-width:760px;margin-bottom:34px}.audience-head .land-section-heading{margin-bottom:18px}.audience-head p:not(.land-section-label){max-width:680px;color:var(--fg-muted);font-family:var(--font-body);font-size:.98rem;line-height:1.72}.audience-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px}.audience-card{min-height:230px;padding:22px;display:flex;flex-direction:column;background:linear-gradient(180deg,#ffffffb8,#fffaf28f),var(--bg-raised);border:1px solid rgba(224,218,208,.78);border-radius:14px;box-shadow:inset 0 1px #ffffffb8,0 14px 34px #281f160f}.audience-icon{width:42px;height:42px;margin-bottom:36px;display:inline-flex;align-items:center;justify-content:center;color:var(--accent);background:var(--accent-dim);border:1px solid color-mix(in srgb,var(--accent) 18%,transparent);border-radius:var(--radius-sm)}.audience-card h3{color:var(--fg);font-family:var(--font-body);font-size:1rem;font-weight:800;line-height:1.24;letter-spacing:-.01em;margin-bottom:10px}.audience-card p{color:var(--fg-muted);font-family:var(--font-body);font-size:.86rem;line-height:1.62}.land-features{position:relative;padding:86px 0 84px;background:radial-gradient(circle at 18% 4%,rgba(194,88,32,.1) 0%,transparent 28%),linear-gradient(180deg,#F5F3EE 0%,#FFFFFF 18%,var(--bg-raised) 100%);border-bottom:1px solid var(--border)}.land-features:before{content:"";position:absolute;top:-1px;left:0;right:0;height:120px;pointer-events:none;background:linear-gradient(180deg,#f5f3eee6,#f5f3ee00)}.feature-story-head{position:relative;z-index:1;max-width:860px;margin:0 auto 24px;text-align:center}.feature-story-head .land-section-label{margin-bottom:14px}.feature-story-head h2{margin:0;color:var(--fg);font-family:Georgia,Times New Roman,serif;font-size:clamp(2.35rem,4.5vw,4.45rem);font-weight:700;line-height:1.02;letter-spacing:-.04em}.feature-story-head-main{display:inline-block}.feature-story-sub{max-width:610px;margin:18px auto 0;color:var(--fg-muted);font-family:var(--font-body);font-size:.98rem;line-height:1.72}.feature-scroll{position:relative;height:520vh;margin:0 0 78px}.showcase-stage{position:sticky;top:60px;min-height:calc(100vh - 60px);display:grid;grid-template-columns:minmax(0,1.08fr) minmax(340px,.92fr);align-items:center;gap:56px;padding:40px 0}.showcase-media-slot{position:relative;height:min(64vh,540px);min-height:500px;overflow:hidden;border-radius:16px;perspective:1200px}.showcase-media{position:absolute;inset:0;height:100%;min-height:0;overflow:hidden;border:1px solid var(--border);border-radius:16px;background:radial-gradient(circle at 22% 18%,rgba(194,88,32,.18) 0%,transparent 28%),linear-gradient(150deg,#fffdf9,#efe7da);box-shadow:inset 0 1px #ffffffc7,0 26px 62px #281f161f;transform:translateZ(0);transform-origin:left center;pointer-events:none;will-change:transform,opacity}.showcase-media--capture{background:radial-gradient(circle at 74% 30%,rgba(194,88,32,.2) 0%,transparent 30%),linear-gradient(150deg,#fbf8f1,#e8dfd1)}.showcase-media--share{background:radial-gradient(circle at 50% 16%,rgba(194,88,32,.18) 0%,transparent 28%),linear-gradient(150deg,#fffaf2,#eee4d4)}.showcase-browser-bar{position:absolute;top:18px;left:18px;right:18px;height:40px;display:flex;align-items:center;gap:5px;padding:0 10px;border:1px solid rgba(255,255,255,.65);border-radius:10px;background:#ffffff8f;box-shadow:inset 0 1px #ffffffbf}.showcase-browser-bar span{width:6px;height:6px;border-radius:50%;background:color-mix(in srgb,var(--accent) 35%,var(--fg-faint))}.showcase-gif-tag{position:absolute;top:74px;right:24px;z-index:2;padding:5px 8px;border:1px solid color-mix(in srgb,var(--accent) 20%,transparent);border-radius:999px;background:#ffffffa3;color:var(--accent-text);font-family:var(--font-body);font-size:.58rem;font-weight:780;letter-spacing:.08em;text-transform:uppercase}.showcase-motion{position:absolute;inset:92px 34px 34px;display:grid;grid-template-columns:1.1fr .85fr;grid-template-rows:1fr 1fr;gap:16px}.showcase-motion span{position:relative;overflow:hidden;border:1px solid rgba(255,255,255,.7);border-radius:14px;background:#ffffff8a;box-shadow:inset 0 1px #ffffffc7,0 12px 24px #2d221614}.showcase-motion span:after{content:"";position:absolute;inset:16px;border-radius:999px;background:color-mix(in srgb,var(--accent) 30%,transparent);transform:translate(-48%);animation:showcase-sweep 3.2s ease-in-out infinite}.showcase-motion span:nth-child(1){grid-row:span 2}.showcase-motion span:nth-child(1):before{content:"";position:absolute;width:48%;aspect-ratio:1;right:-8%;top:18%;border-radius:50%;background:color-mix(in srgb,var(--accent) 22%,transparent)}.showcase-motion span:nth-child(2):after{animation-delay:.25s}.showcase-motion span:nth-child(3):after{animation-delay:.5s}.showcase-motion span:nth-child(4):after{animation-delay:.75s}.showcase-copy-slot{position:relative;height:min(64vh,540px);min-height:500px;display:flex;align-items:center;overflow:hidden}.showcase-copy{position:absolute;inset:0;max-width:none;padding:26px 22px 118px 0;display:flex;flex-direction:column;justify-content:center;pointer-events:none;will-change:transform,opacity}.showcase-copy-top{display:flex;align-items:center;gap:13px;margin-bottom:22px}.showcase-step{color:color-mix(in srgb,var(--accent) 70%,var(--fg-muted));font-family:var(--font-body);font-size:.74rem;font-weight:820;letter-spacing:.16em}.showcase-icon{width:40px;height:40px;display:inline-flex;align-items:center;justify-content:center;border:1px solid color-mix(in srgb,var(--accent) 18%,transparent);border-radius:var(--radius-sm);background:var(--accent-dim);color:var(--accent)}.showcase-copy h3{max-width:430px;color:var(--fg);font-family:Georgia,Times New Roman,serif;font-size:clamp(1.9rem,3vw,3rem);font-weight:700;line-height:1.04;letter-spacing:-.04em;margin-bottom:18px}.showcase-copy p{max-width:430px;color:var(--fg-muted);font-family:var(--font-body);font-size:1rem;line-height:1.72;margin-bottom:24px}.showcase-copy ul{max-width:430px;display:grid;gap:9px;padding:0;margin:0;list-style:none}.showcase-copy li{position:relative;padding-left:17px;color:var(--fg-muted);font-family:var(--font-body);font-size:.86rem;line-height:1.5}.showcase-copy li:before{content:"";position:absolute;top:.57em;left:0;width:6px;height:6px;border-radius:50%;background:var(--accent)}.showcase-progress{position:absolute;left:0;bottom:28px;display:flex;align-items:center;gap:10px;margin-top:28px;padding-top:14px}.showcase-progress:before{content:"";position:absolute;top:0;left:0;right:0;height:2px;border-radius:999px;background:color-mix(in srgb,var(--border) 72%,transparent)}.showcase-progress-fill{position:absolute;top:0;left:0;right:0;height:2px;border-radius:999px;background:var(--accent);transform-origin:left center}.showcase-progress span{display:inline-flex;align-items:center;justify-content:center;min-width:34px;height:26px;border:1px solid var(--border);border-radius:999px;color:var(--fg-faint);background:#ffffff6b;font-family:var(--font-body);font-size:.65rem;font-weight:760;letter-spacing:.08em;transition:background .16s ease,border-color .16s ease,color .16s ease}.feature-library-head{display:block;margin-bottom:24px}.feature-library-head .land-section-label,.feature-library-head .land-section-heading{margin-bottom:0}.feature-library-head .land-section-heading{font-size:clamp(1.45rem,2.2vw,2.05rem)}.features-grid{display:grid;grid-template-columns:repeat(12,minmax(0,1fr));align-items:stretch;gap:18px 14px;padding-top:18px}.feature-card{--key-offset: 0px;--key-lift: -6px;--tile-sheen: rgba(255,255,255,.42);grid-column:span 3;position:relative;min-height:208px;padding:18px;overflow:hidden;background:linear-gradient(145deg,#ffffffb8,#fffaf26b);border:1px solid rgba(224,218,208,.74);border-radius:14px;box-shadow:inset 0 1px #ffffffad,0 10px 26px #281f160f;transform:translateY(var(--key-offset));transform-origin:center bottom;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);transition:border-color .18s ease,box-shadow .22s ease,transform .18s cubic-bezier(.2,.8,.2,1)}.feature-card:before{content:"";position:absolute;top:-36%;right:-24%;width:78%;aspect-ratio:1;border-radius:50%;background:radial-gradient(circle,var(--tile-sheen) 0%,rgba(255,255,255,0) 66%);opacity:.8;pointer-events:none;transition:opacity .18s ease,transform .18s ease}.feature-card:after{content:"";position:absolute;left:18px;right:18px;bottom:12px;height:2px;border-radius:999px;background:linear-gradient(90deg,color-mix(in srgb,var(--accent) 22%,transparent),transparent);opacity:.24;transition:opacity .18s ease,transform .18s ease}.feature-card:hover{border-color:color-mix(in srgb,var(--accent) 22%,rgba(224,218,208,.8));box-shadow:inset 0 1px #ffffffc2,0 16px 34px #1c1a1617;transform:translateY(calc(var(--key-offset) + var(--key-lift)))}.feature-card:hover:before{opacity:1;transform:translate(-8px,8px)}.feature-card:hover:after{opacity:.48}.feature-card:active{transform:translateY(calc(var(--key-offset) - 2px))}.feature-card--offset-1,.feature-card--offset-2,.feature-card--offset-3{--key-offset: 0px}.feature-card--accent{--tile-sheen: rgba(225, 139, 80, .24);background:linear-gradient(145deg,color-mix(in srgb,var(--accent-dim) 68%,#fff),#fffaf38a);border-color:color-mix(in srgb,var(--accent) 16%,rgba(224,218,208,.82))}.feature-card--black{--key-lift: -7px;--tile-sheen: rgba(255,255,255,.1);min-height:208px;background:linear-gradient(145deg,#3f3023f0,#1f1812e6);border-color:#ffffff1f;box-shadow:inset 0 1px #ffffff1f,0 12px 28px #1c140e24}.feature-card--black:hover{border-color:color-mix(in srgb,var(--accent) 24%,rgba(255,255,255,.13));box-shadow:inset 0 1px #ffffff29,0 18px 38px #1c140e38}.feature-card--black:after{background:linear-gradient(90deg,rgba(255,255,255,.18),transparent)}.feature-card--black .feature-title{color:#fffaf2}.feature-card--black .feature-desc{color:#fffaf2b8}.feature-card--black .feature-icon{color:#fffaf2;border-color:#ffffff24;background:#ffffff14}.feature-icon{margin-bottom:14px;display:flex;align-items:center;justify-content:center;width:38px;height:38px;border:1px solid color-mix(in srgb,var(--accent) 18%,transparent);background:linear-gradient(180deg,color-mix(in srgb,var(--accent-dim) 78%,#fff) 0%,var(--accent-dim) 100%);border-radius:var(--radius-sm);color:var(--accent)}.feature-card-head{display:flex;align-items:center;gap:8px;margin-bottom:10px;flex-wrap:wrap}.feature-title{font-family:var(--font-body);font-size:.96rem;font-weight:760;color:var(--fg);letter-spacing:-.01em}.feature-badge{font-family:var(--font-body);font-size:.58rem;font-weight:600;text-transform:uppercase;letter-spacing:.06em;color:var(--accent-text);background:var(--accent-dim);padding:2px 6px;border-radius:99px;white-space:nowrap}.feature-desc{font-family:var(--font-body);font-size:.79rem;line-height:1.58;color:var(--fg-muted);padding-bottom:10px}@keyframes showcase-sweep{0%,to{transform:translate(-48%);opacity:.42}50%{transform:translate(48%);opacity:.88}}.land-how{padding:80px 0}.steps-row{display:grid;grid-template-columns:repeat(3,1fr);gap:0;position:relative}.step{position:relative;padding:32px 28px;background:var(--bg-raised);border:1px solid var(--border);border-radius:var(--radius-lg);margin:0 12px}.step:first-child{margin-left:0}.step:last-child{margin-right:0}.step-num{font-family:var(--font-body);font-size:2.5rem;font-weight:800;color:var(--accent);opacity:.18;line-height:1;margin-bottom:16px;letter-spacing:-.04em}.step-title{font-family:var(--font-body);font-size:1.05rem;font-weight:700;color:var(--fg);margin-bottom:10px;letter-spacing:-.01em}.step-desc{font-family:var(--font-body);font-size:.88rem;line-height:1.65;color:var(--fg-muted)}.step-arrow{position:absolute;right:-22px;top:50%;transform:translateY(-50%);font-size:1.2rem;color:var(--fg-faint);z-index:1;pointer-events:none}.land-cta{padding:80px 0;background:var(--bg-raised);border-top:1px solid var(--border)}.land-cta-inner{display:flex;flex-direction:column;align-items:center;text-align:center;gap:0;max-width:620px;margin:0 auto}.land-cta-heading{font-family:var(--font-body);font-size:clamp(1.6rem,3.5vw,2.4rem);font-weight:800;color:var(--fg);letter-spacing:-.025em;line-height:1.15;margin-bottom:16px}.land-cta-sub{font-family:var(--font-body);font-size:.95rem;color:var(--fg-muted);line-height:1.65;margin-bottom:32px;max-width:480px}.land-cta-actions{display:flex;gap:12px;flex-wrap:wrap;justify-content:center}.cta-eyebrow{font-family:var(--font-body);font-size:.7rem;font-weight:700;text-transform:uppercase;letter-spacing:.12em;color:var(--accent);margin-bottom:12px;display:block}.cta-heading{font-family:var(--font-body);font-size:clamp(2rem,4vw,3rem);font-weight:800;color:var(--fg);line-height:1.1;letter-spacing:-.03em;margin-bottom:16px}.cta-sub{font-family:var(--font-body);font-size:1rem;color:var(--fg-muted);line-height:1.6;max-width:480px;margin-bottom:32px}.land-footer{border-top:1px solid var(--border);background:var(--bg);padding:32px 0}.land-footer-inner{max-width:1120px;margin:0 auto;padding:0 32px;display:flex;align-items:center;gap:32px;flex-wrap:wrap}.land-footer-brand{display:flex;align-items:center;gap:7px;flex-shrink:0}.land-footer-links{display:flex;gap:20px;flex:1}.land-footer-links a{font-family:var(--font-body);font-size:.82rem;color:var(--fg-muted);text-decoration:none;transition:color .12s}.land-footer-links a:hover{color:var(--fg)}.land-footer-copy{font-family:var(--font-body);font-size:.76rem;color:var(--fg-faint);opacity:.7;margin-left:auto}@media(max-width:900px){.land-hero{grid-template-columns:1fr;padding:56px 24px 64px;gap:40px}.hero-sub,.hero-proof-row{max-width:640px}.hero-preview{justify-content:flex-start}.hero-preview-shell{width:min(100%,740px)}.preview-paper{max-width:100%}.paper-note{font-size:1.25rem}.audience-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.feature-story-head{margin-bottom:12px}.feature-story-head h2{gap:10px}.feature-scroll{height:480vh;margin-bottom:46px}.showcase-stage{grid-template-columns:1fr;align-content:center;gap:24px;padding:28px 0}.showcase-media-slot{height:36vh;min-height:300px}.showcase-copy-slot{min-height:360px}.showcase-copy{max-width:none;padding:0 18px 72px 0}.features-grid{grid-template-columns:repeat(12,minmax(0,1fr));gap:14px}.feature-card{grid-column:span 6}.steps-row{grid-template-columns:1fr;gap:12px}.step{margin:0}.step-arrow{inset:auto auto -18px 50%;transform:translate(-50%) rotate(90deg)}.land-nav-links{display:none}.land-section-inner,.land-nav-inner,.land-footer-inner{padding:0 20px}.land-footer-copy{margin-left:0;width:100%}}@media(max-width:600px){.hero-heading{font-size:2.5rem}.hero-actions{flex-direction:column;align-items:flex-start}.hero-preview-shell{padding:10px}.hero-preview-kicker{align-items:flex-start;flex-direction:column;gap:2px}.land-btn-primary.land-btn-lg,.land-btn-outline.land-btn-lg{width:100%;justify-content:center}.audience-section{padding:52px 0}.audience-grid{grid-template-columns:1fr}.audience-card{min-height:auto}.audience-icon{margin-bottom:24px}.feature-story-head h2{text-align:left;font-size:2.45rem}.feature-story-head{text-align:left}.feature-story-sub{margin-left:0}.showcase-media-slot{height:34vh;min-height:210px}.showcase-stage{padding:18px 0}.showcase-motion{inset:74px 16px 18px;gap:8px}.showcase-copy{padding:0 8px 70px 0}.feature-card{--key-offset: 0px;grid-column:span 12;min-height:178px}.land-features,.land-how,.land-cta{padding:52px 0}.land-section-heading{margin-bottom:28px}}:root,[data-theme=warm]{--bg: #F5F3EE;--bg-raised: #FFFFFF;--bg-sunken: #EDEAE2;--bg-glass: rgba(255, 255, 255, .92);--border: #E0DAD0;--border-strong:#9E8060;--fg: #1C1A16;--fg-muted: #6C665A;--fg-faint: #A09A90;--fg-inverse: #FFFFFF;--accent: #C25820;--accent-hover: #D46830;--accent-dim: rgba(194, 88, 32, .08);--accent-text: #A04818;--gold: #B88828;--gold-hover: #C89838;--gold-dim: rgba(184, 136, 40, .1);--piano-surface: #2C2018;--piano-divider: #1C1208;--piano-bg: linear-gradient(180deg, #E8E2D8 0%, #D8D0C4 100%);--key-white: #FEFCF8;--key-white-grad: linear-gradient(180deg, #FEFDF9 0%, #F8F2E8 60%, #EEE8DA 100%);--key-white-hover: linear-gradient(180deg, #F4EDE0 0%, #EAE2D0 60%, #DED8C4 100%);--key-white-active: linear-gradient(180deg, #E8DFC8 0%, #DDD4B8 60%, #D0C8A8 100%);--key-black-grad: linear-gradient(180deg, #383028 0%, #1A1410 85%, #242018 100%);--key-black-hover: linear-gradient(180deg, #484038 0%, #2A2420 85%, #343028 100%);--key-black-active: linear-gradient(180deg, #585048 0%, #3A3430 85%, #444040 100%);--key-sa-white: linear-gradient(180deg, #FFF8E0 0%, #F4E4B0 60%, #EAD898 100%);--key-sa-accent: var(--gold);--key-pressed-white: linear-gradient(180deg, #EAE0B0 0%, #D8CC90 60%, #CAC078 100%);--key-pressed-black: linear-gradient(180deg, #504848 0%, #303030 85%, #404040 100%);--key-text-white: #302818;--key-text-black: #C8C0B0;--key-label-muted: #7A7060;--shadow-sm: 0 1px 3px rgba(0,0,0,.07), 0 1px 2px rgba(0,0,0,.04);--shadow-md: 0 3px 10px rgba(0,0,0,.09), 0 1px 3px rgba(0,0,0,.05);--shadow-lg: 0 6px 22px rgba(0,0,0,.11), 0 2px 6px rgba(0,0,0,.06);--shadow-piano: inset 0 2px 8px rgba(0,0,0,.14), 0 2px 0 rgba(255,255,255,.06);--shadow-key: 0 1px 3px rgba(0,0,0,.06);--shadow-bk: -1px 0 0 #060402, 1px 0 0 #060402, 0 4px 8px rgba(0,0,0,.4);--radius-sm: 4px;--radius-md: 8px;--radius-lg: 12px;--radius-pill: 100px;--notation-cursor-line: var(--accent);--notation-hover-bg: rgba(194, 88, 32, .05);--notation-active-bg: rgba(194, 88, 32, .09)}[data-theme=white]{--bg: #FFFFFF;--bg-raised: #FAFAFA;--bg-sunken: #F2F2F2;--bg-glass: rgba(255,255,255,.95);--border: #E4E4E4;--border-strong:#A0A0A0;--fg: #111111;--fg-muted: #666666;--fg-faint: #AAAAAA;--fg-inverse: #FFFFFF;--accent: #C25820;--accent-hover: #D46830;--accent-dim: rgba(194, 88, 32, .08);--accent-text: #A04818;--gold: #B88828;--gold-hover: #C89838;--gold-dim: rgba(184, 136, 40, .1);--piano-surface: #2C2018;--piano-divider: #1C1208;--piano-bg: linear-gradient(180deg, #E0E0E0 0%, #CECECE 100%);--key-white: #FFFFFF;--key-white-grad: linear-gradient(180deg, #FFFFFF 0%, #F8F8F8 60%, #EFEFEF 100%);--key-white-hover: linear-gradient(180deg, #F4F4F4 0%, #EBEBEB 60%, #E2E2E2 100%);--key-white-active: linear-gradient(180deg, #E8E8E8 0%, #DEDEDE 60%, #D4D4D4 100%);--key-black-grad: linear-gradient(180deg, #2A2A2A 0%, #141414 85%, #202020 100%);--key-black-hover: linear-gradient(180deg, #3A3A3A 0%, #242424 85%, #303030 100%);--key-black-active: linear-gradient(180deg, #484848 0%, #323232 85%, #3E3E3E 100%);--key-sa-white: linear-gradient(180deg, #FFF8E0 0%, #F4E4B0 60%, #EAD898 100%);--key-sa-accent: var(--gold);--key-pressed-white: linear-gradient(180deg, #E8E0B0 0%, #D8CC90 60%, #CCBF78 100%);--key-pressed-black: linear-gradient(180deg, #484848 0%, #303030 85%, #3E3E3E 100%);--key-text-white: #222222;--key-text-black: #CCCCCC;--key-label-muted: #888888;--shadow-sm: 0 1px 3px rgba(0,0,0,.08), 0 1px 2px rgba(0,0,0,.05);--shadow-md: 0 3px 10px rgba(0,0,0,.1), 0 1px 3px rgba(0,0,0,.06);--shadow-lg: 0 6px 22px rgba(0,0,0,.12), 0 2px 6px rgba(0,0,0,.07);--shadow-piano: inset 0 2px 8px rgba(0,0,0,.16), 0 2px 0 rgba(255,255,255,.08);--shadow-key: 0 1px 3px rgba(0,0,0,.08);--shadow-bk: -1px 0 0 #050505, 1px 0 0 #050505, 0 4px 8px rgba(0,0,0,.45);--radius-sm: 4px;--radius-md: 8px;--radius-lg: 12px;--radius-pill: 100px;--notation-cursor-line: var(--accent);--notation-hover-bg: rgba(194, 88, 32, .05);--notation-active-bg: rgba(194, 88, 32, .09)}:root{--font-body: "Inter", "Noto Sans", system-ui, sans-serif;--font-deva: "Noto Sans Devanagari", "Inter", sans-serif}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html,body{height:100%;overflow:hidden}body{font-family:var(--font-body);background:var(--bg);color:var(--fg);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}#root{height:100%;display:flex;flex-direction:column}.route-loading{min-height:100%;display:grid;place-items:center;background:var(--bg)}.route-loading span{width:28px;height:28px;border:2px solid var(--border);border-top-color:var(--accent);border-radius:50%;animation:route-loading-spin .75s linear infinite}@keyframes route-loading-spin{to{transform:rotate(360deg)}}::-webkit-scrollbar{width:5px;height:5px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:var(--border);border-radius:4px}::-webkit-scrollbar-thumb:hover{background:var(--fg-faint)}::selection{background:var(--accent-dim);color:var(--fg)}button{font-family:inherit;cursor:pointer;border:none;background:none;outline:none}button:focus-visible{outline:2px solid var(--accent);outline-offset:2px}