/* Shared dark surface, controls and motion language across all three pages. */
:root{--bg:#0a070d;--surface:#140e19;--muted:#b7aac4;--line:#9981af26;--accent:#a76be7;--ease-out:cubic-bezier(.2,.75,.25,1);color-scheme:dark}
body{background:var(--bg)}.site-header{background:#0d0911df;border-bottom-color:#b594d51b;backdrop-filter:blur(18px)}.site-header.scrolled{background:#0d0911ed;box-shadow:0 12px 32px #00000033}.main-nav a{transition:color .25s}.main-nav a::after{background:linear-gradient(90deg,#a568e6,#b98bdf);box-shadow:0 1px 12px #8e42de35}.site-footer{background:#0b080e;border-color:var(--line)}
.button,.text-link,.file-picker,.mode-tabs button,.theme-tab,.tool-tabs button,.showcase-pause,.orbit-arrow,.languages button{transition:background .25s,border-color .25s,color .25s,box-shadow .3s,transform .3s var(--ease-out)}
.button{position:relative;isolation:isolate;overflow:hidden;border-radius:12px;border:1px solid #8d74a660;background:linear-gradient(135deg,#23182d,#18101f);box-shadow:inset 0 1px 0 #eadbf913,0 8px 20px #00000022;color:#f0e6fb;gap:10px}
.button::after{content:"";position:absolute;inset:-150% auto -150% -60%;width:30%;transform:rotate(24deg);background:linear-gradient(90deg,transparent,#ecdffa28,transparent);transition:left .7s;pointer-events:none}
.button:not(:disabled):hover,.button:not(:disabled):focus-visible{background:#2b193c;border-color:#b684eb;color:#ffffff;transform:translateY(-3px);box-shadow:inset 0 1px 0 #f2e9fb29,0 12px 25px #00000055,0 0 24px #8846d018}.button:not(:disabled):hover::after{left:145%}.button:not(:disabled):active{transform:translateY(0) scale(.98);box-shadow:inset 0 2px 8px #00000044}
.hero .hero-download{background:linear-gradient(115deg,#2c1346,#261b31);border:1px solid #9c62da80;color:#eadcf9;box-shadow:inset 0 1px 0 #e0cbf725,0 8px 30px #7223c51b}.button:disabled{opacity:.55;cursor:not-allowed;background:#18111f;box-shadow:none;transform:none}.button:disabled::after{display:none}
.text-link:hover{color:#e8d9f9;transform:translateX(3px)}.text-link:active{transform:translateX(1px)}.file-picker:hover,.file-picker:focus-within{border-color:#af7ae7;box-shadow:0 0 20px #7945b01c}.file-picker:active{transform:scale(.98)}
.showcase-pause,.orbit-arrow{background:#191120;border-color:#6e548770;color:#c3a9dd;box-shadow:inset 0 1px 0 #e9d8f90a}.showcase-pause:hover,.orbit-arrow:hover{background:#2a1a39;color:#ecdefa;transform:translateY(-2px);box-shadow:0 6px 20px #00000055}.showcase-pause:active,.orbit-arrow:active{transform:scale(.94)}
.theme-tab:hover,.tool-tabs button:hover,.mode-tabs button:hover{border-color:#a176ce80;background:#21172b;color:#e9dbf9}.theme-tab:active,.tool-tabs button:active,.mode-tabs button:active{transform:scale(.97)}.languages button{border-radius:7px;min-width:40px;min-height:40px}.languages button:hover{background:#20162a;color:#eadcf9}
a:focus-visible,button:focus-visible,input:focus-visible{outline:2px solid #bc8eed;outline-offset:5px}.icon{stroke-width:1.65}.button>.icon{color:#bf93ee;transition:transform .35s var(--ease-out)}.button:hover>.icon{transform:translateY(-2px)}.chapter-mark{background:#201629;border-color:#996ec540;color:#ba91e6;box-shadow:inset 0 1px 0 #e6d3f812,0 8px 25px #00000033}.theme-tab .icon,.orbit-card-bar .icon,.tool-tabs .icon{color:#ad7be3;stroke-width:1.7}
.feature-poster{background:radial-gradient(ellipse at 25% 35%,#23182e88,transparent 65%),#0d0911}.feature-poster-heading,.feature-interface-stage,.feature-poster .feature-list{position:relative;z-index:1}.feature-interface-stage::before{border-color:#63458050}.feature-poster .feature-list li{gap:17px;border-color:#ac91c626}.feature-emblem{flex:0 0 42px;position:relative;width:42px;height:44px;border:1px solid #a07dc236;border-radius:11px;background:#20162a;display:grid;place-items:center;color:#bb8eeb;box-shadow:inset 0 1px 0 #e5d3f810}.feature-emblem .icon{width:23px;height:23px}.feature-emblem small{position:absolute;font-size:9px;line-height:1;right:-5px;bottom:-6px;background:#130d18;color:#ab98bd;padding:3px;border-radius:4px;font-variant-numeric:tabular-nums}.feature-list li:hover .feature-emblem{color:#e8d8f9;border-color:#a976e07a;transform:translateY(-2px)}.feature-emblem{transition:transform .3s,color .3s,border-color .3s}
.tools{background:#0d0911}.ambient-field{inset:0;width:100%;height:100%;z-index:0;opacity:.48;pointer-events:none}.tools-showcase,.tools>.section-heading{position:relative;z-index:1}.orbit-card{border-color:#77638b6b;background:#140e1a}.orbit-card-bar{background:#1d1425}.tool-tabs button[aria-pressed=true]{background:#271c33;color:#d7bbf4}.audio-demo{background:linear-gradient(125deg,#17101e,#110c15);border-color:#8f75a82e;box-shadow:0 15px 45px #00000033,inset 0 1px 0 #e9d9f90a}.wave-preview{border-bottom:1px solid #9575b529}
.about-intro,.download-intro,.about-principles,.about-privacy,.about-closing,.about-support,.download-faq{background-color:#0d0911}.about-values article,.support-code,.platform{border-color:#9578b12b}.support-code{background:#160f1c}.support-code:hover{border-color:#9a70c765;box-shadow:0 15px 40px #00000044}.support-code{transition:border-color .3s,box-shadow .3s}.qr-crop{filter:none!important}
/* Three real themes remain inside the computer; exposed rear cards are pointer selectable. */
.hero-monitor-stage .laptop-screen{perspective:850px;isolation:isolate;background:radial-gradient(ellipse at center,#24192f,#0e0a12)}
.hero-monitor-stage .screen-slide{inset:9% auto auto 14%;width:72%;height:82%;padding:2%;border:1px solid #a287bd59;border-radius:7px;background:#18111f;transform:translateX(var(--card-x)) translateZ(var(--card-depth)) rotateY(var(--card-turn)) scale(var(--card-scale));transform-style:preserve-3d;opacity:.58;pointer-events:auto;cursor:pointer;backface-visibility:hidden;box-shadow:0 18px 28px #000000aa;transition:transform .9s var(--ease-out),opacity .7s,border-color .5s;will-change:auto}
.hero-monitor-stage .screen-slide.is-active{opacity:1;border-color:#b98de687;cursor:default;box-shadow:0 20px 35px #000000bb,0 0 24px #7f43bd16}.hero-monitor-stage .screen-slide .product-shot{pointer-events:none}.hero-showcase .theme-tab{background:#17101e;border-color:#9a80b42e}.hero-showcase .theme-tab[aria-selected=true]{background:#271c33;border-color:#9668c68c;box-shadow:inset 0 1px 0 #e3d1f712,0 8px 18px #00000033}
/* Latest mini reference: rounded project card, slanted laptop and a small circular label. */
.mini-project{background:#050406;padding:135px 0 110px;min-height:100svh}.mini-project-shell{position:relative;max-width:1160px}.mini-project-badge{position:absolute;left:9%;top:-57px;z-index:3;width:124px;height:124px;border-radius:50%;display:grid;place-items:center;transform:rotate(-20deg);font-size:29px;font-weight:650;letter-spacing:.04em;color:#e7d7f9;background:linear-gradient(140deg,#341853,#33194c);border:1px solid #b085e064;box-shadow:0 18px 40px #00000066,inset 0 1px 0 #e2cff731}.mini-project-card{border:2px solid #424950;border-radius:32px;overflow:hidden;background:#070508;box-shadow:0 30px 75px #00000099,inset 0 1px 0 #a291b326}.mini-project-visual{position:relative;isolation:isolate}.mini-project-scene{position:relative}.mini-project-art{width:100%;height:auto;display:block;filter:brightness(.78)}.mini-project-brand{position:absolute;top:27px;left:32px;font-size:19px;letter-spacing:-.03em;color:#e8dcf3}.mini-project-brand span{font-size:11px;margin-left:9px;color:#a58ebd;letter-spacing:.12em}.mini-project-player{position:absolute;left:57%;top:40%;width:24%;aspect-ratio:580/178;overflow:hidden;border-radius:4px;box-shadow:0 12px 24px #00000077}.mini-project-player img{position:absolute;left:-3.103448%;top:-7.865169%;width:105.517242%;max-width:none;height:auto;clip-path:none;border-radius:0;mix-blend-mode:normal}.mini-project-copy{position:absolute;left:4.5%;right:5%;bottom:12%;max-width:780px;text-shadow:0 2px 20px #000000}.mini-project .mini-project-copy h2{max-width:none;font-size:clamp(29px,3.4vw,48px);line-height:1.4;letter-spacing:-.035em;color:#f4ebfc;background:none;-webkit-text-fill-color:initial;margin:0 0 14px}.mini-project-copy p{font-size:16px;color:#cbbed8;margin:0}.mini-project .mini-project-footer{display:flex;justify-content:space-between;gap:30px;padding:22px 4.5%;margin:0;border-top:1px solid #886ba527;background:#120c17}.mini-project .mini-project-footer li{border:0;font-size:14px;padding:10px 0;color:#b9a9c9;gap:15px}.mini-project .mini-project-footer li::before{background:#975ed4;width:18px}.mini-project .chapter-mark{display:none}
@media(max-width:950px){.mini-project{min-height:0;padding-block:120px 85px}.mini-project-badge{width:95px;height:95px;top:-43px;font-size:24px}.mini-project-brand{top:20px;left:24px}.mini-project-copy p{font-size:14px}.mini-project .mini-project-footer{gap:20px}.mini-project .mini-project-footer li{font-size:12px}}
@media(max-width:600px){.feature-emblem{flex-basis:38px;width:38px;height:40px}.feature-poster .feature-list h3{font-size:18px}.mini-project{padding:110px 0 65px}.mini-project-shell{width:calc(100% - 32px)}.mini-project-card{border-radius:20px}.mini-project-badge{width:78px;height:78px;top:-40px;font-size:21px;left:10%}.mini-project-brand{font-size:12px;top:15px;left:15px}.mini-project-brand span{font-size:8px;margin-left:5px}.mini-project-copy{position:relative;left:auto;right:auto;bottom:auto;padding:5px 22px 25px;background:#070508}.mini-project .mini-project-copy h2{font-size:29px;max-width:300px;margin-bottom:16px}.mini-project-copy p{font-size:13px;line-height:1.8}.mini-project-player{border-radius:2px;width:29%;left:54%;top:40%}.mini-project .mini-project-footer{display:block;padding:17px 22px}.mini-project .mini-project-footer li{font-size:12px;line-height:1.6;padding:8px 0}.hero-monitor-stage .screen-slide{border-radius:4px}.languages button{min-width:35px;min-height:40px}.button{border-radius:10px}}
@media(prefers-reduced-motion:reduce){.button,.text-link,.file-picker,.theme-tab,.tool-tabs button,.mode-tabs button,.showcase-pause,.orbit-arrow,.feature-emblem,.support-code,.button>.icon,.hero-monitor-stage .screen-slide{transition:none}.button::after{display:none}.button:not(:disabled):hover,.text-link:hover,.file-picker:active,.feature-list li:hover .feature-emblem,.button:hover>.icon{transform:none}}
.mini-project-badge{left:18%}
@media(max-width:600px){.mini-project-brand{left:auto;right:16px}}
.audio-demo.motion-paused .play-orbit::before{animation-play-state:paused}
/* Editorial layout pass: consistent type, spacing and a full-size theme stage. */
.container{max-width:1480px}.chapter{padding-block:clamp(95px,12svh,145px)}.section-heading h2,.feature-poster-heading h2{font-size:clamp(35px,3.7vw,60px);line-height:1.35;letter-spacing:-.04em}.section-heading p,.section-description{line-height:1.85}.waveforms .split-heading{align-items:center;gap:65px}.waveforms .split-heading h2{max-width:740px}.waveforms .split-heading p{max-width:370px}.wave-styles{gap:32px}.wave-style p{max-width:34ch}.feature-interface-stage{max-width:1100px;margin:38px auto 115px;aspect-ratio:1.55}.feature-poster .feature-list{column-gap:50px}.tools .section-heading{max-width:1080px;margin-bottom:28px}.tools .section-heading p{margin-top:24px}.privacy-layout{gap:90px}.privacy-list li{font-size:clamp(17px,1.55vw,23px)}.closing h2{max-width:820px;line-height:1.4}.about-intro .page-heading,.download-intro .page-heading{padding-top:145px;padding-bottom:75px}.about-intro .page-heading p,.download-intro .page-heading p{max-width:780px;line-height:1.9}.about-values{gap:22px}.about-values article{padding:30px}.about-support{padding-block:100px}.site-footer .footer-inner{gap:32px}
.hero{padding-top:125px;padding-bottom:90px}.hero-main{grid-template-columns:.85fr 1.15fr;gap:65px;min-height:710px}.hero-showcase{min-width:0}.hero h1{font-size:clamp(58px,6.2vw,98px);line-height:1.18}.hero-detail{max-width:440px}.hero-showcase .laptop-description{margin:18px 12px 22px;min-height:90px}.hero-showcase .theme-info h2{font-size:25px}.hero-showcase .theme-info p{max-width:44ch;font-size:15px}
.theme-card-stage{position:relative;height:clamp(390px,34vw,555px);width:100%;perspective:1300px;isolation:isolate;overflow:visible;transform-style:preserve-3d}
.theme-card-stage .screen-slide{position:absolute;inset:8% auto auto 8%;width:84%;height:84%;padding:14px;border:1px solid #a788c64a;border-radius:16px;background:#150f1b;transform:translateX(var(--card-x)) translateZ(var(--card-depth)) rotateY(var(--card-turn)) scale(var(--card-scale));opacity:.4;pointer-events:auto;cursor:pointer;backface-visibility:hidden;box-shadow:0 40px 65px #00000099;transition:transform .9s var(--ease-out),opacity .65s,border-color .5s}.theme-card-stage .screen-slide.is-active{opacity:1;border-color:#ae80df8a;cursor:default;box-shadow:0 40px 70px #000000bb,0 0 50px #7f41c019,inset 0 1px 0 #eddffa12}.theme-card-stage .screen-slide .product-shot{width:100%;height:100%;object-fit:contain;pointer-events:none}.theme-card-stage::after{content:"";position:absolute;left:8%;right:8%;bottom:-5px;height:30px;background:#060407;filter:blur(20px);border-radius:50%;z-index:-1;pointer-events:none}
@media(max-width:1199px){.hero-main{gap:40px;grid-template-columns:.8fr 1.2fr}.hero h1{font-size:60px}.theme-card-stage{height:410px}.theme-card-stage .screen-slide{padding:10px;border-radius:12px}.feature-poster .feature-list{column-gap:30px}}
@media(max-width:950px){.hero-main{grid-template-columns:1fr;gap:45px}.hero-showcase{max-width:660px}.theme-card-stage{height:480px;width:88%;margin:auto}.hero h1{font-size:70px}.waveforms .split-heading{gap:30px}.feature-interface-stage{aspect-ratio:1.45;margin-bottom:70px}.privacy-layout{gap:40px}.about-intro .page-heading,.download-intro .page-heading{padding-top:130px;padding-bottom:55px}}
@media(max-width:600px){.chapter{padding-block:75px}.hero{padding-top:110px;padding-bottom:75px}.hero-main{gap:35px}.hero h1{font-size:53px}.hero-copy{max-width:100%}.theme-card-stage{height:295px;width:87%}.theme-card-stage .screen-slide{padding:7px;border-radius:10px;inset:7% auto auto 5%;width:90%;height:86%}.hero-showcase .laptop-description{margin:12px 0 20px;min-height:95px}.hero-showcase .theme-info h2{font-size:22px}.hero-showcase .theme-info p{font-size:14px;line-height:1.8}.section-heading h2,.feature-poster-heading h2{font-size:33px}.wave-styles{gap:32px 22px}.feature-interface-stage{margin:28px -12px 28px;aspect-ratio:1.2}.feature-poster .feature-list{column-gap:0}.privacy-layout{gap:30px}.about-values article{padding:26px 0}.about-support{padding-block:70px}.mini-project{padding-top:110px;padding-bottom:65px}.about-intro .page-heading,.download-intro .page-heading{padding-top:120px;padding-bottom:45px}.site-footer .footer-inner{gap:24px}}
@media(prefers-reduced-motion:reduce){.theme-card-stage .screen-slide{transition:none}}
.hero>.sound-field{inset:auto 0 0;height:66%;opacity:.82;mask-image:linear-gradient(transparent,black 25%,black 85%,transparent)}
.ambient-field{opacity:.65}
.about-feedback{display:flex;align-items:center;flex-wrap:wrap;gap:8px;margin:38px 0 0;font-size:16px;color:#aea3be}
.about-feedback .icon{width:21px;height:21px;color:#b68fe8;margin-right:4px}
.about-feedback a{color:#d1b3f7;text-underline-offset:5px;text-decoration:underline;text-decoration-color:#a97ce65c;overflow-wrap:anywhere}
.about-feedback a:hover{color:#efe0ff;text-decoration-color:currentColor}
.hero-spectrum-text{background-image:linear-gradient(110deg,#eadbff,#b58af4 45%,#9462e8)}

/* Privacy: quiet typography with four clearly identified local-first promises. */
.privacy-copy h2>span{display:block;white-space:nowrap}
.privacy .privacy-layout{grid-template-columns:1fr 1.12fr;gap:clamp(40px,6vw,100px);max-width:1320px}
.privacy-copy h2{max-width:7em;font-size:clamp(42px,4.6vw,70px);line-height:1.3;letter-spacing:-.045em;margin-bottom:25px;text-wrap:balance}
.privacy-copy .section-description{max-width:27em;font-size:18px;color:#c6b9d3;line-height:1.9}
.privacy .privacy-list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:0 32px;padding:0;border:0}
.privacy .privacy-list li{display:flex;flex-direction:column;justify-content:flex-start;align-items:flex-start;gap:20px;padding:30px 0;min-height:175px;border:0;border-top:1px solid #ae91cc36;font-size:19px;line-height:1.6}
.privacy .privacy-list li::after{display:none}
.privacy-emblem{width:44px;height:44px;display:grid;place-items:center;border:1px solid #b086dd40;border-radius:12px;background:#1f1629b3;color:#b586e7;box-shadow:inset 0 1px 0 #e8d9f90e}
.privacy-emblem .icon{width:23px;height:23px}
.privacy-point{max-width:14em;color:#eae2f2;text-wrap:pretty}
@media(max-width:950px){.privacy .privacy-layout{grid-template-columns:1fr;gap:40px}.privacy-copy h2{max-width:none;font-size:46px}.privacy-copy .section-description{max-width:38em}.privacy .privacy-list li{min-height:150px}}
@media(max-width:600px){.privacy-copy h2{font-size:37px;max-width:8em}.privacy-copy .section-description{font-size:16px}.privacy .privacy-list{gap:0 22px}.privacy .privacy-list li{font-size:16px;padding:24px 0;gap:16px;min-height:165px}.privacy-emblem{width:40px;height:40px;border-radius:10px}}

/* Download: the complete desktop page fits the viewport without hiding content. */
body[data-page="download"]{min-height:100svh;display:flex;flex-direction:column}
body[data-page="download"] main{flex:1;display:flex;flex-direction:column;justify-content:center;padding-top:var(--header);background:#0d0911}
body[data-page="download"] .container{max-width:1180px}
body[data-page="download"] .download-intro{min-height:0;padding:0 0 24px}
body[data-page="download"] .download-intro .page-heading{padding:clamp(22px,4svh,44px) 0 28px}
body[data-page="download"] .page-heading h1{font-size:clamp(38px,4vw,60px);line-height:1.3;margin-bottom:14px}
body[data-page="download"] .page-heading p{font-size:17px;line-height:1.7}
body[data-page="download"] .platforms{margin-top:0}
body[data-page="download"] .platform{padding:18px 32px}
body[data-page="download"] .platform h2{font-size:30px}
body[data-page="download"] .platform>.icon{width:32px;height:32px}
body[data-page="download"] .platform .button{min-height:46px;margin:22px auto 15px;padding:10px 20px}
body[data-page="download"] .platform p{font-size:14px;line-height:1.7}
body[data-page="download"] .download-faq{padding:25px 0 30px}
body[data-page="download"] .download-faq .section-heading{margin-bottom:20px}
body[data-page="download"] .download-faq h2{font-size:23px;line-height:1.4}
body[data-page="download"] .faq-layout{display:block}
body[data-page="download"] .faq-layout>div{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:32px}
body[data-page="download"] .faq-item{padding:0;border:0}
body[data-page="download"] .faq-item h3{font-size:16px;line-height:1.6;margin-bottom:9px;color:#e4d8ef}
body[data-page="download"] .faq-item p{font-size:14px;line-height:1.75;color:#ad9ebb}
body[data-page="download"] .site-footer{padding:16px 0}
body[data-page="download"] .footer-inner{gap:20px}
@media(max-width:950px){body[data-page="download"] .footer-inner nav{gap:15px}body[data-page="download"] .faq-layout>div{gap:22px}body[data-page="download"] .platform{padding-inline:22px}}
@media(max-width:600px){
 body[data-page="download"] main{justify-content:flex-start}
 body[data-page="download"] .download-intro{padding-bottom:18px}
 body[data-page="download"] .download-intro .page-heading{padding:24px 0 22px}
 body[data-page="download"] .page-heading h1{font-size:30px;margin-bottom:10px}
 body[data-page="download"] .page-heading p{font-size:14px}
 body[data-page="download"] .platforms{grid-template-columns:repeat(2,minmax(0,1fr))}
 body[data-page="download"] .platform{padding:10px 13px}
 body[data-page="download"] .platform+.platform{border-top:0;border-left:1px solid var(--line)}
 body[data-page="download"] .platform>.icon{width:24px;height:24px;margin:0 6px 0 0}
 body[data-page="download"] .platform h2{font-size:20px}
 body[data-page="download"] .platform .button{margin:16px auto 12px;padding:8px 5px;font-size:12px;min-height:44px}
 body[data-page="download"] .platform p{font-size:12px;line-height:1.65}
 body[data-page="download"] .download-faq{padding:16px 0}
 body[data-page="download"] .download-faq .section-heading{margin-bottom:16px}
 body[data-page="download"] .download-faq h2{font-size:20px}
 body[data-page="download"] .faq-layout>div{grid-template-columns:1fr;gap:12px}
 body[data-page="download"] .faq-item h3{font-size:14px;margin-bottom:4px}
 body[data-page="download"] .faq-item p{font-size:12px;line-height:1.65}
 body[data-page="download"] .site-footer{padding:14px 0}
 body[data-page="download"] .footer-inner{display:grid;grid-template-columns:1fr auto;gap:8px 15px}
 body[data-page="download"] .footer-inner .brand{font-size:18px}
 body[data-page="download"] .footer-inner nav{grid-column:1/-1;grid-row:2;display:flex;gap:8px 16px;font-size:12px}
 body[data-page="download"] .footer-inner nav a{padding-block:4px}
 body[data-page="download"] .footer-inner .languages{grid-column:2;grid-row:1}
}
@media(max-width:600px) and (max-height:760px){
 body[data-page="download"] .download-intro .page-heading{padding:16px 0}
 body[data-page="download"] .download-intro{padding-bottom:10px}
 body[data-page="download"] .download-faq .section-heading{margin-bottom:12px}
 body[data-page="download"] .site-footer{padding:11px 0}
}