/* Shared page system, derived from the Audio Recorder+ visual language.
   Product differences live in content; navigation, type and layout stay shared. */
.site-unified .site-header{position:sticky;top:0;border-bottom:1px solid var(--line)}
.site-unified .header-inner{gap:26px;min-height:76px;padding-block:10px}
.site-unified .site-header .brand>span{display:inline}
.site-unified .site-header .brand img{filter:none}
.site-unified .main-nav{flex:initial;gap:28px;flex-wrap:nowrap;justify-content:flex-end}
.site-unified .main-nav>.nav-tutorials[aria-current]{color:var(--text)}
.site-unified .header-cta{display:inline-flex;align-items:center;gap:14px;border-radius:999px;padding:9px 18px}
.product-picker{position:static}
.product-picker>summary{display:flex;align-items:center;gap:8px;cursor:pointer;list-style:none;padding:10px 0;color:var(--text-soft)}
.product-picker>summary::-webkit-details-marker{display:none}
.product-picker>summary svg{transition:transform .18s ease}
.product-picker[open]>summary{color:var(--text)}
.product-picker[open]>summary svg{transform:rotate(180deg)}
.product-popup{position:absolute;top:calc(100% + 12px);left:50%;transform:translateX(-50%);display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;width:min(620px,calc(100vw - 48px));padding:12px;background:var(--surface);border:1px solid var(--line-strong);border-radius:18px;box-shadow:0 24px 70px #0008;white-space:normal}
.site-unified .main-nav .nav-product{display:flex;align-items:flex-start;gap:14px;padding:22px 16px;border:1px solid transparent;border-radius:10px;transition:background .18s,border-color .18s;text-decoration:none}
.site-unified .main-nav .nav-product:hover,.site-unified .main-nav .nav-product:focus-visible{background:var(--surface-2);border-color:var(--line-strong)}
.nav-product>img{width:44px;height:44px;flex-shrink:0;border-radius:10px}
.nav-product>span:not(.nav-product-arrow){min-width:0}
.nav-product strong{display:block;color:var(--text);font-size:1rem;font-weight:650;line-height:1.4;margin:0 0 8px}
.nav-product small{display:block;color:var(--text-muted);font-size:.8125rem;line-height:1.65}
.nav-product-arrow{font-size:1.1rem;color:var(--text-muted);margin-inline-start:auto}
.mobile-products{display:none}
.site-unified .language-popup{inset-inline-start:auto;inset-inline-end:0}
.site-unified .hero{padding:64px 0 72px}
.site-unified .hero-inner{width:min(var(--max),calc(100% - 48px))}
.site-unified .hero-copy{max-width:960px;margin-bottom:44px}
.site-unified .hero h1{font-size:clamp(2.25rem,5vw,4.5rem);line-height:1.15}
.product-name{display:block;font-size:1.15rem;color:var(--text-soft);letter-spacing:0;line-height:1.5;margin-bottom:16px}
.site-unified .hero-visual{margin:0 auto;max-width:1180px}
.site-unified .hero-visual img{width:100%;height:auto}
.site-unified .hero-visual figcaption{margin-top:14px}
.reading-back{display:inline-flex;align-items:center;gap:10px;color:var(--text-muted);font-size:.875rem;margin-bottom:26px}
.reading-back:hover{color:var(--text)}
[dir="rtl"] .reading-back>span[aria-hidden]{transform:rotate(180deg)}
.site-section{padding-block:66px}
.site-section .section-head{max-width:850px;margin:0 auto 38px;text-align:center}
.site-section .section-head .eyebrow{justify-content:center}
.site-section .section-head h2{margin:14px 0 18px}
.site-section .section-head p:not(.eyebrow){color:var(--text-soft)}
.product-entry-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:26px}
.product-entry{display:flex;flex-direction:column;padding:30px;border:1px solid var(--line);border-radius:10px;background:var(--surface);cursor:pointer;transition:border-color .2s,box-shadow .2s,transform .2s}
.product-entry:hover{border-color:color-mix(in srgb,var(--red) 55%,var(--line-strong));box-shadow:0 12px 36px #0003;transform:translateY(-3px)}
.product-entry .platform-badges li{cursor:inherit}
.product-entry-heading{display:flex;align-items:center;gap:18px;margin-bottom:20px}
.product-entry-heading img{width:64px;height:64px;flex-shrink:0;border-radius:12px}
.product-entry h2{font-size:1.8rem;line-height:1.3;letter-spacing:-.025em}
.product-entry p{color:var(--text-soft);margin:0 0 22px}
.product-entry .app-window{margin:24px 0;border:1px solid var(--line-strong);border-radius:8px}
.product-entry .app-window img{width:100%;height:auto}
.product-entry .entry-actions{display:flex;flex-wrap:wrap;gap:12px;margin-top:auto}
.compatibility{display:flex;align-items:center;flex-wrap:wrap;gap:10px 16px;color:var(--text-soft);font-size:.9375rem}
.platform-badges{display:flex;gap:10px;flex-wrap:wrap;list-style:none}
.platform-badges li{display:inline-flex;gap:8px;align-items:center;min-height:34px;border:1px solid var(--line-strong);border-radius:6px;padding:4px 10px;color:var(--text);cursor:default}
.platform-badges svg{width:17px;height:17px;flex-shrink:0}
.hero-copy .compatibility{justify-content:center;margin-top:24px}
.site-unified .button{border-radius:7px;gap:10px;text-align:center;padding:12px 20px}
.site-unified .button svg{flex-shrink:0}
.site-unified .button small{display:block;font-size:.75rem;opacity:.85;font-weight:400}
.site-unified :is(a,button,summary):focus-visible{outline:3px solid var(--cyan);outline-offset:4px}
.site-unified .section-head h2{font-size:var(--type-section);line-height:1.25}
.music-feature{display:grid;grid-template-columns:minmax(0,.8fr) minmax(0,1.2fr);align-items:center;gap:48px;margin:58px 0}
.music-feature:nth-child(even){grid-template-columns:minmax(0,1.2fr) minmax(0,.8fr)}
.music-feature:nth-child(even) .feature-copy{order:2}
.music-feature h3{font-size:clamp(1.6rem,3vw,2.3rem);line-height:1.25;margin:16px 0}
.music-feature p{color:var(--text-soft);line-height:1.75}
.music-feature figure{margin:0}
.music-feature figcaption{margin-top:12px;color:var(--text-muted)}
.workflow-list{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px;counter-reset:workflow;list-style:none;padding:0}
.workflow-list li{counter-increment:workflow;padding:26px;background:var(--surface);border:1px solid var(--line);border-radius:9px;color:var(--text-soft);line-height:1.75}
.workflow-list li::before{content:counter(workflow,decimal-leading-zero);display:block;margin-bottom:18px;font-size:1.5rem;font-weight:650;color:var(--red)}
.site-unified .faq{padding-block:66px}
.site-unified .faq-layout{display:grid;grid-template-columns:minmax(0,.65fr) minmax(0,1.35fr);gap:56px}
.site-unified .faq-intro h2{font-size:var(--type-section)}
.download-panel{padding:38px;border:1px solid var(--line-strong);border-radius:10px;background:var(--surface)}
.download-panel h2{font-size:var(--type-section);margin-bottom:22px;line-height:1.25}
.download-panel .hero-actions{justify-content:flex-start}
.download-panel .download-note{margin-top:22px;color:var(--text-muted);max-width:75ch}
.guide-product-group{margin-top:44px}
.guide-product-group h2{margin:0 0 18px;font-size:var(--type-section)}
.guide-product-group>p{max-width:75ch;color:var(--text-soft);margin-bottom:24px}
.guide-card h3{font-size:1.4375rem;line-height:1.45;margin-bottom:18px}
.site-unified .guide-main{padding-top:52px}
.site-unified .guide-heading{max-width:900px}
.site-unified .privacy-hero{padding-top:64px}
.site-unified .site-footer{margin-top:36px}
.site-unified .footer-main{gap:30px}
.site-unified .footer-links{display:flex;flex-wrap:wrap;gap:14px 22px}
.site-unified .footer-bottom{gap:20px;flex-wrap:wrap}
@media(min-width:901px){.site-unified .main-nav{display:flex;position:static;flex-direction:row;align-items:center;margin-inline-start:auto;padding:0;border:0;background:transparent;white-space:nowrap;overflow:visible;max-height:none}.site-unified .main-nav>.nav-tutorials{padding:10px 0;border:0}.site-unified .nav-toggle{display:none}}
@media(max-width:1000px){.music-feature,.music-feature:nth-child(even){grid-template-columns:1fr;gap:26px}.music-feature:nth-child(even) .feature-copy{order:0}.product-entry-grid{grid-template-columns:1fr}.site-unified .faq-layout{grid-template-columns:1fr;gap:28px}}
@media(max-width:900px){.site-unified .header-inner{flex-wrap:nowrap}.site-unified .header-cta{display:none}.site-unified .nav-toggle{display:block;margin-inline-start:0;cursor:pointer}.site-unified .language-picker{margin-inline-start:auto}.site-unified .main-nav{display:none;top:100%;padding:22px max(24px,calc((100vw - var(--max))/2)) 26px;gap:10px;background:var(--bg);border-block-end:1px solid var(--line-strong);max-height:calc(100dvh - var(--site-header-height));overflow:auto;box-shadow:0 24px 36px #0004}.site-unified .main-nav.is-open{display:flex;align-items:stretch}.product-picker{display:none}.mobile-products{display:grid;gap:6px}.mobile-nav-label{font-size:.75rem;color:var(--text-muted);padding:0 16px 8px}.site-unified .mobile-products .nav-product{padding:18px 16px;background:var(--surface);border-color:var(--line);border-radius:10px}.site-unified .nav-tutorials{padding:16px;border:0}.site-unified .nav-toggle[aria-expanded="true"] span:nth-child(1){transform:translateY(7px) rotate(45deg)}.site-unified .nav-toggle[aria-expanded="true"] span:nth-child(2){opacity:0}.site-unified .nav-toggle[aria-expanded="true"] span:nth-child(3){transform:translateY(-7px) rotate(-45deg)}}
@media(max-width:760px){.site-unified .hero{padding:42px 0 48px}.site-unified .header-inner{min-height:68px;gap:10px}.site-unified .hero-inner{width:calc(100% - 32px)}.site-unified .hero h1{font-size:2.25rem}.site-section{padding-block:44px}.product-entry{padding:22px}.product-entry-heading{gap:14px}.product-entry h2{font-size:1.5rem}.product-entry-heading img{width:48px;height:48px}.workflow-list{grid-template-columns:1fr}.site-unified .faq{padding-block:44px}.download-panel{padding:26px}.site-unified .guide-main{padding-top:36px}.site-unified .language-popup{inset-inline:12px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.site-unified *{transition:none!important}}