@font-face{font-family:'Geist';src:url('assets/fonts/geist-latin.woff2') format('woff2');font-weight:100 900;font-style:normal;font-display:swap;unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}
@font-face{font-family:'Geist';src:url('assets/fonts/geist-latin-ext.woff2') format('woff2');font-weight:100 900;font-style:normal;font-display:swap;unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}
@font-face{font-family:'Geist Mono';src:url('assets/fonts/geist-mono-latin.woff2') format('woff2');font-weight:100 900;font-style:normal;font-display:swap;unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}
@font-face{font-family:'Geist Mono';src:url('assets/fonts/geist-mono-latin-ext.woff2') format('woff2');font-weight:100 900;font-style:normal;font-display:swap;unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}
:root{--canvas:#0a0a0a;--surface:#141414;--surface2:#1c1c1c;--paper:#fff;--gold:#c9a961;--muted:#a3a3a3;--line:#262626;color-scheme:dark}
*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:100px}body{margin:0;background:var(--canvas);color:var(--paper);font:18px/1.6 Geist,sans-serif;-webkit-font-smoothing:antialiased;font-synthesis:none;font-kerning:normal;font-stretch:normal;letter-spacing:0}a{color:inherit;text-decoration:none;text-underline-offset:6px}button{font:inherit;cursor:pointer}img{display:block;max-width:100%;height:auto}h1,h2,h3,p{margin:0}h1,h2,h3{font-family:Geist,sans-serif;font-weight:900;letter-spacing:-.03em;line-height:1.02;text-wrap:balance}p{text-wrap:pretty}h2{font-size:clamp(36px,4vw,56px)}svg{width:22px;height:22px;fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round}::selection{background:var(--gold);color:var(--canvas)}:focus-visible{outline:2px solid var(--gold);outline-offset:6px}::-webkit-scrollbar{width:8px}::-webkit-scrollbar-thumb{background:var(--gold)}::-webkit-scrollbar-track{background:var(--canvas)}.skip{position:fixed;top:10px;left:10px;z-index:10;padding:12px;background:var(--gold);color:var(--canvas);transform:translateY(-200%)}.skip:focus{transform:none}
.header{display:flex;align-items:center;justify-content:space-between;gap:30px;height:88px;padding:0 5%;border-bottom:1px solid var(--line)}.brand{display:flex;align-items:center;gap:11px;font:900 24px Geist,sans-serif;letter-spacing:-.025em}.brand img{width:34px;height:34px;border-radius:7px}.header nav{display:flex;gap:35px;font-size:15px}.header nav a:hover{color:var(--gold)}.header-actions{display:flex;align-items:center;gap:22px}.language{border:0;background:transparent;color:var(--muted);min-width:44px;min-height:44px;font-size:14px}.nav-contact{border:1px solid var(--gold);border-radius:5px;padding:10px 18px;font-size:14px;color:var(--gold)}.nav-contact:hover{background:var(--gold);color:var(--canvas)}
.hero{padding-top:72px;overflow:clip;text-align:center}.hero h1{font-size:clamp(46px,5.8vw,80px);line-height:1.1;letter-spacing:-.03em;max-width:1000px;margin:auto}.hero h1 span{display:block}.second-line{color:var(--gold)}.hero-bottom{display:flex;flex-direction:column;align-items:center}.hero-copy{max-width:680px;padding:24px 24px 0}.hero-copy .lead{font-size:18px;line-height:1.7;color:var(--muted);max-width:560px;margin:auto}.hero-copy>p:not(.lead):not(.release-note){display:none}.button{display:inline-flex;align-items:center;justify-content:center;gap:20px;min-height:52px;padding:14px 23px;border-radius:5px;font-size:16px;font-weight:700;transition:background .2s,color .2s}.button svg{transition:transform .2s}.button:hover svg{transform:translateX(4px)}.primary{background:var(--gold);color:var(--canvas);margin-top:25px}.primary:hover{background:var(--paper)}.release-note{font-size:13px;color:var(--muted);margin-top:12px}.text-link{display:none}
.record-wall{position:relative;width:100%;min-height:800px;margin-top:55px;padding:0 4%;isolation:isolate}.covers{display:flex;gap:24px;justify-content:center;align-items:center;padding-top:130px;width:1550px;position:relative;left:50%;margin-left:-775px}.sleeve{display:block;aspect-ratio:1;background-size:cover;background-position:center;background-repeat:no-repeat}.covers .sleeve{width:210px;flex:0 0 210px;transform:rotate(-5deg);box-shadow:0 20px 35px #0008}.covers .sleeve:nth-child(2n){transform:translateY(-20px) rotate(5deg)}.covers .sleeve:nth-child(3){margin-right:85px}.covers .sleeve:nth-child(4){margin-left:85px}.hero-phone{position:absolute;left:50%;top:0;transform:translateX(-50%) rotate(-5deg);width:330px;height:auto;z-index:2;filter:drop-shadow(12px 24px 32px #000a)}.collection-ticket{position:absolute;bottom:43px;left:50%;transform:translateX(-50%);font-size:14px;color:var(--paper);white-space:nowrap}.image-note{position:absolute;bottom:12px;left:0;right:0;font-size:13px;color:var(--muted)}.feature-strip{padding:23px 5%;display:flex;justify-content:center;gap:80px;border-top:1px solid var(--line);border-bottom:1px solid var(--line);font-size:14px;color:var(--muted)}.feature-strip span:before{content:'';display:inline-block;vertical-align:middle;width:5px;height:5px;border-radius:50%;background:var(--gold);margin-right:14px}
.section{padding:100px 7%;max-width:1540px;margin:auto}.section-heading{display:flex;align-items:center;justify-content:space-between;gap:40px;margin-bottom:55px}.section-heading p{max-width:34ch;color:var(--muted);font-size:16px;line-height:1.75}.experience{background:var(--canvas);overflow:clip}.demo{display:grid;grid-template-columns:1fr 1fr;gap:7%;min-height:600px;align-items:center}.demo>*{min-width:0}.demo-content{padding:0}.tabs{display:flex;gap:26px;border-bottom:1px solid var(--line);margin-bottom:34px}.tabs button{border:0;background:transparent;color:var(--muted);padding:14px 0;min-height:48px;font-size:16px;position:relative}.tabs button[aria-selected=true]{color:var(--gold)}.tabs button[aria-selected=true]:after{content:'';position:absolute;bottom:-1px;left:0;right:0;height:2px;background:var(--gold)}.tabs button:hover{color:var(--paper)}#demo-panel h3{font-size:32px;line-height:1.2;letter-spacing:-.02em;max-width:520px;margin-bottom:24px}#demo-panel>p{max-width:52ch;color:var(--muted);font-size:17px;line-height:1.75}.demo-detail{padding-top:22px;margin-top:24px;border-top:1px solid var(--line);font-size:15px!important}.demo-footer{display:flex;justify-content:space-between;gap:20px;font-size:12px;margin-top:40px;color:var(--muted)}.demo-footer span:first-child{color:var(--gold);font-weight:700}.demo-screen{display:flex;flex-direction:column;align-items:center;gap:20px;position:relative;padding:24px 0}.demo-screen:before{content:'';position:absolute;inset:9% 5%;border:1px solid var(--line);border-radius:50%;z-index:-1;transform:rotate(-12deg)}.device-mockup{position:relative;width:380px;max-width:100%;aspect-ratio:671/1463;filter:drop-shadow(10px 24px 35px #0008)}.device-frame{width:100%;height:100%;object-fit:contain}.device-viewport{position:absolute;left:4.45%;right:4.45%;top:8.6%;bottom:1.9%;overflow:hidden;border-radius:0 0 12% 12%;background:var(--canvas)}.device-viewport #demo-image{position:absolute;width:126.23%;max-width:none;height:auto;left:-13.115%;top:-7.3%;border-radius:0;box-shadow:none}.device-mockup[data-screen=catalog] #demo-image{width:128.18%;left:-13.08%;top:-7.35%}.device-mockup[data-screen=storage] .device-viewport{inset:0;background:transparent;border-radius:0}.device-mockup[data-screen=storage] #demo-image{width:100%;height:100%;left:0;top:0;object-fit:contain}.demo-screen p{font-size:13px;color:var(--muted)}.demo-screen.changed .device-mockup{animation:screen-in .5s cubic-bezier(.16,1,.3,1)}@keyframes screen-in{from{transform:translateY(25px);opacity:.4}to{transform:none;opacity:1}}
.value{display:grid;grid-template-columns:1fr 1.1fr;gap:12%;border-top:1px solid var(--line);align-items:center}.value-art{position:relative;min-height:450px;padding:22px}.value-art .sleeve{width:70%;transform:rotate(-9deg)}.value-art .sleeve+.sleeve{position:absolute;right:0;top:140px;width:66%;transform:rotate(7deg);box-shadow:10px 20px 40px #000a}.value-copy>p{color:var(--muted);margin-top:24px;max-width:520px}dl{margin:28px 0 0}dl>div{padding:22px 0;border-top:1px solid var(--line)}dt{font-size:18px;font-weight:700}dd{margin:10px 0 0;font-size:16px;color:var(--muted)}
.questions{display:grid;grid-template-columns:.9fr 1.1fr;gap:13%;border-top:1px solid var(--line)}details{border-bottom:1px solid var(--line);padding:20px 0}details:first-child{padding-top:0}summary{list-style:none;display:flex;align-items:center;justify-content:space-between;gap:20px;cursor:pointer;min-height:44px;font-size:16px;font-weight:600}summary::-webkit-details-marker{display:none}summary svg{flex-shrink:0;color:var(--gold);transition:transform .2s}details[open] summary svg{transform:rotate(45deg)}details p{margin-top:16px;color:var(--muted);font-size:16px;max-width:65ch}
.contact{border-top:1px solid var(--line);text-align:center;padding-block:110px 100px}.contact h2{font-size:clamp(40px,5vw,68px);color:var(--gold)}.contact>div>p{max-width:500px;margin:25px auto 0;color:var(--muted)}.contact-action{margin-top:34px}.dark{background:var(--gold);color:var(--canvas)}.dark:hover{background:var(--paper)}.contact .contact-action p{max-width:470px;font-size:13px;margin-top:16px}.contact .contact-action p:last-child{font-size:13px}footer{padding:32px 5%;border-top:1px solid var(--line);display:flex;align-items:center;gap:32px;font-size:13px;color:var(--muted)}.footer-brand{font:900 32px Geist,sans-serif;color:var(--gold)}footer>div{margin-left:auto;display:flex;gap:22px}footer a:hover{color:var(--paper)}

@media(max-width:1000px){.hero h1{font-size:60px}.record-wall{min-height:740px}.covers{width:1310px;margin-left:-655px;gap:18px}.covers .sleeve{width:175px;flex-basis:175px}.hero-phone{width:300px}.section{padding:78px 6%}.demo{gap:6%;min-height:560px}.device-mockup{width:340px}.value{gap:8%}.value-art{min-height:390px}.questions{gap:8%}.feature-strip{gap:35px}}
@media(max-width:760px){.header{height:74px;padding-inline:5%;gap:15px}.header nav{display:none}.brand{font-size:21px}.brand img{width:30px;height:30px}.header-actions{gap:8px}.nav-contact{font-size:12px;padding:9px 13px}.hero{padding-top:44px}.hero h1{font-size:clamp(32px,7.5vw,52px);padding-inline:16px}.hero-copy{padding:20px 23px 0}.hero-copy .lead{font-size:16px;max-width:360px}.primary{margin-top:22px}.record-wall{margin-top:35px;min-height:650px}.covers{width:1070px;margin-left:-535px;gap:16px;padding-top:110px}.covers .sleeve{width:145px;flex-basis:145px}.covers .sleeve:nth-child(3){margin-right:60px}.covers .sleeve:nth-child(4){margin-left:60px}.hero-phone{width:260px}.collection-ticket{bottom:36px;font-size:13px}.image-note{font-size:12px}.feature-strip{gap:8px 20px;justify-content:center;flex-wrap:wrap;padding:18px;font-size:12px}.feature-strip span:before{margin-right:7px}.section{padding:65px 6%}.section-heading{display:block;margin-bottom:34px}.section-heading p{margin-top:22px;max-width:400px;font-size:16px}h2{font-size:36px}.demo{grid-template-columns:1fr;gap:34px;min-height:0}.demo-screen{padding:20px 0}.device-mockup{width:340px}.demo-screen:before{inset:5% 15%}.tabs{gap:30px;margin-bottom:28px}#demo-panel h3{font-size:28px}#demo-panel>p{font-size:16px}.demo-detail{font-size:14px!important}.demo-footer{margin-top:26px}.value{grid-template-columns:1fr;gap:38px}.value-art{order:2;min-height:360px;width:100%;max-width:380px;margin:auto;padding:16px}.value-art .sleeve{width:67%}.value-art .sleeve+.sleeve{top:110px;width:64%}.value-copy{order:1}.questions{grid-template-columns:1fr;gap:34px}summary{font-size:16px}.contact{padding-block:75px}.contact h2{font-size:38px}footer{flex-wrap:wrap;gap:16px 24px}footer>span{flex-basis:calc(100% - 115px)}footer>div{margin:0;flex-wrap:wrap;font-size:12px;gap:20px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{animation:none!important;transition:none!important}}

.email-help{max-width:560px;margin:0 auto 32px;padding:28px;border:1px solid var(--gold);text-align:left}
.email-help[hidden]{display:none}.email-help h3{font-size:24px;line-height:1.3;letter-spacing:-.012em}
.contact .email-help p{margin:14px 0;font-size:15px;line-height:1.6}
.email-help input{display:block;width:100%;margin:22px 0;padding:12px;background:var(--canvas);border:1px solid var(--line);color:var(--paper);font:600 18px Geist,sans-serif;min-width:0}
.email-actions{display:flex;align-items:center;gap:16px;flex-wrap:wrap}.email-actions button{padding:12px 16px;min-height:44px;border:1px solid var(--gold);background:transparent;color:var(--gold);font:600 14px Geist,sans-serif;cursor:pointer}.email-actions button:hover{background:var(--gold);color:var(--canvas)}