:root{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;--color-primary:#4a2c2a;--color-primary-hover:#623a35;--color-accent:#d9902f;--color-accent-soft:#f3c46b;--color-background:#faf4e8;--color-surface:#fffdf8;--color-surface-elevated:#f6ead7;--color-text-primary:#1e1714;--color-text-secondary:#6e6259;--color-border:#e6d8c3;--color-error:#c94a3a;--color-player-progress:#d9902f;--color-player-progress-background:#e6d8c3;--color-bookmark:#d9902f;--color-folder-icon:#d9902f;--color-active-control:#4a2c2a;--color-inactive-control:#6e6259;--shadow-elevated:0 24px 60px #4a2c2a29;--focus-ring:0 0 0 .1rem var(--color-background), 0 0 0 .25rem #d9902f8c}[data-theme=dark]{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--color-primary:#e0a13a;--color-primary-hover:#f0bc5e;--color-accent:#ffb84d;--color-accent-soft:#f0bc5e;--color-background:#15110f;--color-surface:#211816;--color-surface-elevated:#2b201c;--color-text-primary:#f8efe2;--color-text-secondary:#c8b8a3;--color-border:#3a2b25;--color-error:#ff6f5e;--color-player-progress:#ffb84d;--color-player-progress-background:#3a2b25;--color-bookmark:#ffb84d;--color-folder-icon:#ffb84d;--color-active-control:#e0a13a;--color-inactive-control:#c8b8a3;--shadow-elevated:0 24px 60px #00000052;--focus-ring:0 0 0 .1rem var(--color-background), 0 0 0 .25rem #ffb84d99}@media (prefers-color-scheme:dark){:root:not([data-theme=light]){--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--color-primary:#e0a13a;--color-primary-hover:#f0bc5e;--color-accent:#ffb84d;--color-accent-soft:#f0bc5e;--color-background:#15110f;--color-surface:#211816;--color-surface-elevated:#2b201c;--color-text-primary:#f8efe2;--color-text-secondary:#c8b8a3;--color-border:#3a2b25;--color-error:#ff6f5e;--color-player-progress:#ffb84d;--color-player-progress-background:#3a2b25;--color-bookmark:#ffb84d;--color-folder-icon:#ffb84d;--color-active-control:#e0a13a;--color-inactive-control:#c8b8a3;--shadow-elevated:0 24px 60px #00000052;--focus-ring:0 0 0 .1rem var(--color-background), 0 0 0 .25rem #ffb84d99}}*{box-sizing:border-box}html{background:var(--color-background);scroll-behavior:smooth;scroll-padding-top:5.5rem}body{background:linear-gradient(135deg, color-mix(in srgb, var(--color-surface-elevated) 35%, transparent), transparent 34rem), var(--color-background);color:var(--color-text-primary);margin:0;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}a{color:inherit}a:focus-visible,button:focus-visible,select:focus-visible{box-shadow:var(--focus-ring);outline:none}.site-shell{min-height:100vh}.site-header{-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);background:color-mix(in srgb, var(--color-background) 86%, transparent);border-bottom:1px solid var(--color-border);z-index:10;justify-content:space-between;align-items:center;gap:1rem;min-height:4.5rem;padding:.85rem clamp(1rem,4vw,2rem);display:flex;position:sticky;top:0}.brand-link{align-items:center;gap:.7rem;font-weight:800;text-decoration:none;display:inline-flex}.brand-link img{width:2.25rem;height:2.25rem}.header-controls{flex-wrap:wrap;justify-content:flex-end;align-items:center;gap:.7rem;display:flex}.site-header nav{flex-wrap:wrap;justify-content:flex-end;align-items:center;gap:.35rem;display:flex}.site-header nav a{color:var(--color-text-secondary);border-radius:8px;padding:.55rem .7rem;font-size:.95rem;font-weight:700;text-decoration:none}.site-header nav a:hover{background:var(--color-surface);color:var(--color-text-primary)}.language-picker{color:var(--color-text-secondary);align-items:center;gap:.55rem;font-size:.9rem;font-weight:700;display:inline-flex}.language-picker select{background:var(--color-surface);border:1px solid var(--color-border);color:var(--color-text-primary);border-radius:8px;min-height:2.35rem;padding:.35rem .55rem}.hero-section,.content-section,.privacy-section,.contact-section,.site-footer{max-width:1180px;margin:0 auto;padding-left:clamp(1rem,4vw,2rem);padding-right:clamp(1rem,4vw,2rem)}.hero-section{grid-template-columns:minmax(0,1.05fr) minmax(19rem,.95fr);align-items:center;gap:clamp(2rem,5vw,4rem);min-height:min(46rem,100vh - 4.5rem);padding-top:clamp(3rem,7vh,5rem);padding-bottom:clamp(4rem,8vh,6rem);display:grid}.hero-copy{max-width:46rem}.eyebrow{color:var(--color-accent);letter-spacing:0;text-transform:uppercase;margin:0 0 .9rem;font-size:.86rem;font-weight:800}h1,h2,h3,p{overflow-wrap:anywhere}h1{color:var(--color-text-primary);letter-spacing:0;overflow-wrap:normal;white-space:nowrap;word-break:keep-all;margin:0;font-size:clamp(3.6rem,5.75vw,5.75rem);font-weight:850;line-height:.9}.hero-subtitle{color:var(--color-text-secondary);max-width:42rem;margin:1.35rem 0 0;font-size:clamp(1.1rem,2.4vw,1.35rem);line-height:1.65}.hero-note{color:var(--color-text-secondary);margin:1rem 0 0;font-size:.98rem;line-height:1.55}.hero-actions{flex-wrap:wrap;gap:.8rem;margin-top:2rem;display:flex}.primary-action,.secondary-action{border-radius:8px;justify-content:center;align-items:center;min-height:2.85rem;padding:.8rem 1.05rem;font-weight:800;text-decoration:none;display:inline-flex}.primary-action{background:var(--color-primary);color:var(--color-surface)}.primary-action:hover{background:var(--color-primary-hover)}.secondary-action{background:color-mix(in srgb, var(--color-surface) 62%, transparent);border:1px solid var(--color-border);color:var(--color-text-primary)}.secondary-action:hover{border-color:var(--color-accent)}.player-preview{background:radial-gradient(circle at 20% 0, color-mix(in srgb, var(--color-accent-soft) 24%, transparent), transparent 18rem), linear-gradient(160deg, color-mix(in srgb, var(--color-surface-elevated) 72%, transparent), var(--color-surface));border:1px solid var(--color-border);box-shadow:var(--shadow-elevated);border-radius:8px;gap:1.35rem;padding:clamp(1rem,3vw,1.5rem);display:grid}.preview-header{grid-template-columns:5.25rem minmax(0,1fr);align-items:center;gap:1rem;display:grid}.preview-header img{border-radius:22%;width:5.25rem;display:block}.preview-header div{gap:.25rem;display:grid}.preview-header span,.preview-header small,.time-row,.preview-stats dt{color:var(--color-text-secondary);font-size:.84rem}.preview-header strong{color:var(--color-text-primary);font-size:1.35rem;line-height:1.2}.preview-progress{gap:.65rem;display:grid}.track{background:var(--color-player-progress-background);border-radius:999px;height:.65rem;overflow:hidden}.track span{background:var(--color-player-progress);width:58%;height:100%;display:block}.time-row{justify-content:space-between;display:flex}.preview-controls{justify-content:center;align-items:center;gap:1rem;display:flex}.control-button{background:var(--color-surface);border:1px solid var(--color-border);border-radius:50%;width:2.55rem;height:2.55rem;display:block;position:relative}.control-button.play{background:var(--color-active-control);width:3.6rem;height:3.6rem}.control-button.play:after{border-bottom:.55rem solid #0000;border-left:.8rem solid var(--color-surface);content:"";border-top:.55rem solid #0000;position:absolute;top:50%;left:50%;transform:translate(-38%,-50%)}.control-button.rewind:before,.control-button.forward:before{border-bottom:.42rem solid #0000;border-right:.62rem solid var(--color-inactive-control);content:"";border-top:.42rem solid #0000;position:absolute;top:50%;left:50%;transform:translate(-55%,-50%)}.control-button.forward:before{border-left:.62rem solid var(--color-inactive-control);border-right:0;transform:translate(-42%,-50%)}.preview-stats{grid-template-columns:repeat(3,minmax(0,1fr));gap:.75rem;margin:0;display:grid}.preview-stats div{background:color-mix(in srgb, var(--color-surface) 82%, transparent);border:1px solid var(--color-border);border-radius:8px;gap:.3rem;padding:.85rem;display:grid}.preview-stats dd{color:var(--color-text-primary);margin:0;font-size:1.1rem;font-weight:850}.preview-stats dt{margin:0}.content-section,.privacy-section,.contact-section{padding-top:4.5rem;padding-bottom:4.5rem}.section-heading{text-align:center;max-width:47rem;margin:0 auto 1.8rem}.section-heading.compact{text-align:left;margin:0}.section-heading h2,.contact-section h2{color:var(--color-text-primary);margin:0;font-size:clamp(2rem,4vw,3.35rem);line-height:1.05}.section-heading p:not(.eyebrow),.contact-section p{color:var(--color-text-secondary);margin:.9rem 0 0;line-height:1.65}.feature-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:1rem;display:grid}.feature-grid article,.privacy-list li,.store-links a{background:var(--color-surface);border:1px solid var(--color-border);border-radius:8px}.feature-grid article{gap:.7rem;padding:1.2rem;display:grid}.feature-grid article span{color:var(--color-accent);font-weight:850}.feature-grid h3{color:var(--color-text-primary);margin:0;font-size:1.15rem}.feature-grid p{color:var(--color-text-secondary);margin:0;line-height:1.55}.privacy-section{background:color-mix(in srgb, var(--color-surface) 70%, transparent);border-bottom:1px solid var(--color-border);border-top:1px solid var(--color-border);grid-template-columns:minmax(0,1fr) minmax(18rem,.8fr);align-items:center;gap:2rem;max-width:none;display:grid}.privacy-section>*{width:100%;max-width:560px;margin-left:auto;margin-right:auto}.privacy-list{gap:.8rem;margin-top:0;margin-bottom:0;padding:0;list-style:none;display:grid}.privacy-list li{color:var(--color-text-primary);padding:1rem;font-weight:800}.store-links{grid-template-columns:repeat(3,minmax(0,1fr));gap:1rem;display:grid}.store-links a{color:var(--color-text-primary);gap:.35rem;min-height:5.6rem;padding:1rem;text-decoration:none;display:grid}.store-links a:hover{border-color:var(--color-accent);box-shadow:var(--shadow-elevated)}.store-links span{color:var(--color-accent);text-transform:uppercase;font-size:.8rem;font-weight:850}.store-links strong{font-size:1.25rem}.contact-section{justify-content:space-between;align-items:center;gap:2rem;display:flex}.contact-section>div{max-width:44rem}.site-footer{border-top:1px solid var(--color-border);color:var(--color-text-secondary);justify-content:space-between;align-items:center;gap:1rem;padding-top:1.5rem;padding-bottom:1.5rem;display:flex}.site-footer p{margin:0}@media (width<=900px){.hero-section,.feature-grid,.privacy-section,.store-links{grid-template-columns:1fr}.hero-section{min-height:auto;padding-top:3rem}}@media (width<=640px){.site-header{flex-direction:column;align-items:flex-start}.site-header nav,.header-controls{justify-content:flex-start}.preview-header,.preview-stats{grid-template-columns:1fr}.contact-section,.site-footer{flex-direction:column;align-items:flex-start}}@media (width<=480px){h1{font-size:clamp(2.9rem,17vw,3.6rem)}}