/* Public Voktar landing page: brand-consistent, purposeful and intentionally not the Studio dashboard. */
.front-page{background:#fbfaf7;color:var(--ink)}
.front-page .public-topbar{height:82px;padding-inline:max(30px,calc((100vw - 1290px)/2));background:#fff}
.front-page .public-topbar .logo{width:213px;max-width:37vw}
.front-page .public-topbar nav button{font-size:13px}
.front-page .public-topbar nav button.openapp{display:flex;gap:9px;align-items:center;justify-content:center;padding:11px 18px}
.front-container{width:min(1290px,calc(100% - 90px));margin:0 auto}
.front-hero{display:grid;grid-template-columns:minmax(0,.96fr) minmax(0,1.04fr);gap:clamp(30px,6vw,90px);align-items:center;padding:76px 0 103px;min-height:700px}
.front-hero-copy{padding:0 0 10px}
.front-eyebrow{display:flex;gap:12px;align-items:center;color:#995d17;font-size:11px;font-weight:800;letter-spacing:.15em}
.front-signal{width:8px;height:8px;display:inline-block;border-radius:50%;background:#d9a02c;box-shadow:0 0 0 5px #f7edda}
.front-hero h1{font-size:clamp(47px,4.45vw,72px);line-height:1.075;letter-spacing:-.065em;margin:31px 0 22px;font-weight:830;max-width:670px}
.front-hero h1 em{font-style:normal;color:#a85d16}
.front-hero-copy>p{font-size:16px;line-height:1.85;color:#69788a;max-width:495px;margin-bottom:31px}
.front-hero-actions{display:flex;align-items:center;gap:14px;flex-wrap:wrap}
.front-cta,.front-secondary{display:inline-flex;align-items:center;justify-content:center;gap:11px;min-height:51px;border-radius:9px;padding:12px 19px;font-size:13px;font-weight:800;white-space:nowrap}
.front-cta{background:#a85d16;border:1px solid #a85d16;color:#fff;box-shadow:0 7px 18px #a85d1615}
.front-cta:hover{background:#8e4d11;border-color:#8e4d11}
.front-secondary{border:1px solid #d5dbe2;background:#fff;color:#283449}
.front-secondary:hover{border-color:#d2a14e;color:#93540f}
.front-hero-aside{display:flex;align-items:center;gap:14px;margin-top:49px;color:#8f9aaa;font-size:10px;font-weight:750;letter-spacing:.09em}
.front-rule{width:32px;height:1px;background:#c59a54;flex:none}
.front-visual{position:relative;min-height:545px;border:1px solid #e1d8cb;border-radius:19px;background:#181e26;padding:15px 15px 18px;box-shadow:0 28px 45px #17243b1b;overflow:visible}
.front-visual-top{display:flex;align-items:center;justify-content:space-between;padding:6px 5px 17px;color:#e0e3e7;font-size:9px;font-weight:780;letter-spacing:.14em}
.front-visual-top>span:first-child{display:flex;align-items:center;gap:8px}
.front-live-dot{height:6px;width:6px;border-radius:50%;background:#d4a13f}
.front-tiny{color:#88929f}
.front-stage-photo{height:457px;position:relative;overflow:hidden;border-radius:10px;background:#0f1621}
/* Keep the supplied Reader's lyrics and player visible above the promotional caption. */
.front-stage-photo>img{height:100%;width:100%;object-fit:contain;object-position:center top;display:block}
.front-stage-caption{position:absolute;left:28px;bottom:34px;display:grid;gap:7px;color:#fff}
.front-stage-caption span{font-size:10px;letter-spacing:.15em;color:#efbc63;font-weight:850}
.front-stage-caption strong{font-size:23px;letter-spacing:-.03em}
.front-float-song{position:absolute;display:flex;align-items:center;gap:12px;bottom:-29px;left:-38px;width:min(366px,86%);background:#fff;border:1px solid #e0e4e9;padding:12px;border-radius:13px;box-shadow:0 14px 35px #101b2c20}
.front-float-song>img{height:61px;width:61px;object-fit:cover;border-radius:7px;flex:none}
.front-float-song>div{min-width:0;display:flex;flex-direction:column;gap:4px;flex:1}
.front-float-song>div>span{font-size:9px;letter-spacing:.08em;color:#9d621c;font-weight:790}
.front-float-song>div>strong{font-size:13px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.front-float-song>div>small{font-size:10px;color:#8691a1;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.front-song-play{background:#f6e3c1;color:#986014;border-radius:50%;height:34px;width:34px;display:grid;place-items:center;flex:none}
.front-visual-index{position:absolute;right:5px;bottom:-34px;font-size:10px;color:#7f8998;letter-spacing:.1em}
.front-pathways{padding:85px 0 95px;background:#fff;border-top:1px solid #ece8e1;border-bottom:1px solid #ece8e1}
.front-section-intro{display:flex;align-items:end;justify-content:space-between;gap:50px;margin-bottom:31px}
.front-section-intro h2{font-size:clamp(28px,2.65vw,40px);letter-spacing:-.052em;line-height:1.18;margin:11px 0 0;max-width:700px}
.front-section-intro>p{font-size:13px;color:#778396;line-height:1.75;max-width:350px;margin:0 0 3px}
.front-path-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));border:1px solid #e7e9ed;border-radius:13px;overflow:hidden}
.front-path{position:relative;min-height:255px;padding:27px 25px 24px;border-right:1px solid #e9ebef;display:flex;flex-direction:column;align-items:flex-start;transition:background .2s}
.front-path:last-child{border-right:0}.front-path:hover{background:#fcf9f3}
.front-path-icon{width:43px;height:43px;background:#fbf2e1;color:#a6681d;border-radius:9px;display:grid;place-items:center;margin-bottom:27px}
.front-path-num{color:#b58241;font-size:10px;font-weight:830;letter-spacing:.1em}
.front-path h3{font-size:19px;letter-spacing:-.036em;margin:10px 0 9px}
.front-path p{font-size:12px;line-height:1.6;color:#7c8998;margin-bottom:20px}
.front-path a,.front-inline-link{display:flex;align-items:center;gap:9px;border:0;background:transparent;color:#a25b12;font-weight:790;font-size:12px;padding:0;margin-top:auto}
.front-path a:hover,.front-inline-link:hover{text-decoration:underline}
.front-feature{display:grid;grid-template-columns:1.08fr .92fr;gap:clamp(50px,7vw,128px);align-items:center;padding:116px 0}
.front-feature-media{position:relative;padding-bottom:28px}
.front-feature-main{height:420px;border-radius:15px;overflow:hidden;position:relative;background:#172033}
.front-feature-main img{width:100%;height:100%;object-fit:cover}
.front-corner-label{position:absolute;top:17px;left:17px;background:#142236d9;color:#fff;padding:8px 11px;font-size:9px;font-weight:850;letter-spacing:.08em;border-radius:6px}
.front-reader-chip{position:absolute;display:flex;align-items:center;gap:20px;left:30px;right:30px;bottom:0;padding:17px 21px;background:#fff;border-radius:11px;border:1px solid #e3e6eb;box-shadow:0 15px 29px #1c273b15}
.front-reader-chip .front-chord{color:#ae6d1d;font-size:16px;font-weight:820}
.front-reader-chip small{font-size:10px;color:#7a8796;margin-left:auto;white-space:nowrap}
.front-feature-copy h2{font-size:clamp(31px,3.1vw,46px);line-height:1.15;letter-spacing:-.06em;margin:17px 0 20px}
.front-feature-copy>p{font-size:14px;line-height:1.85;color:#738092}
.front-feature-list{margin:26px 0 30px;display:grid;gap:15px}
.front-feature-list>div{display:flex;align-items:center;gap:12px;font-size:12px;font-weight:650;color:#526174}
.front-feature-list .i{color:#ad6c20}
.front-community-section{padding:90px 0 100px;background:#f6f3ed;border-top:1px solid #eae4d9;border-bottom:1px solid #eae4d9}
.front-release-grid{display:grid;grid-template-columns:1fr 1fr .88fr;gap:23px;align-items:stretch}
.front-release{cursor:pointer;min-width:0}
.front-release-cover{position:relative;aspect-ratio:1.18;border-radius:12px;overflow:hidden;background:#ddd0bc}
.front-release-cover img{width:100%;height:100%;object-fit:cover;display:block;transition:transform .25s}
.front-release:hover img{transform:scale(1.03)}
.front-release-cover span{position:absolute;bottom:13px;left:13px;color:#fff;background:#0d1629dd;padding:7px 9px;border-radius:5px;font-size:9px;font-weight:830;letter-spacing:.06em}
.front-release-title{margin-top:15px;font-size:16px;font-weight:810;letter-spacing:-.025em}
.front-release-by{margin:5px 0 12px;color:#7d8898;font-size:11px}
.front-release-end{border-top:1px solid #e4e0d8;padding-top:13px;display:flex;align-items:center;justify-content:space-between;color:#9e5d16;font-size:12px;font-weight:790}
.front-release-message{padding:31px;border:1px solid #e3d8c7;border-radius:13px;background:#fffcf6;display:flex;flex-direction:column;align-items:flex-start}
.front-release-message-icon{color:#9f691b;margin-bottom:36px}
.front-release-message h3{font-size:25px;letter-spacing:-.046em;line-height:1.2;margin:12px 0 12px}
.front-release-message p{font-size:12px;color:#7d8898;line-height:1.8;margin-bottom:25px}
.front-final{padding:95px 0;display:flex;justify-content:space-between;align-items:center;gap:30px}
.front-final h2{font-size:clamp(32px,3vw,45px);line-height:1.2;letter-spacing:-.05em;margin:10px 0}
.front-final p{font-size:13px;color:#7e8897;max-width:610px;margin:0}
.front-footer{border-top:1px solid #e7e8eb;background:#fff;color:#7f8b9a}
.front-footer>.front-container:first-child{min-height:109px;display:flex;align-items:center;gap:26px;border-bottom:1px solid #edf0f3}
.front-footer img{width:164px;object-fit:contain}
.front-footer>.front-container:first-child>span{font-size:12px;color:#909bae}
.front-footer>.front-container:first-child>div{margin-left:auto;display:flex;align-items:center;gap:18px}
.front-footer a{border:0;background:transparent;font-size:11px;font-weight:760;color:#506075}
.front-footer a:hover{color:#a85d16}
.front-footer-foot{padding:16px 0 23px;font-size:10px}
@media(max-width:1120px){.front-container{width:calc(100% - 54px)}.front-hero{gap:35px}.front-hero h1{font-size:clamp(43px,4.4vw,64px)}.front-feature{gap:55px}.front-path{padding:24px 18px}.front-release-grid{grid-template-columns:1fr 1fr}.front-release-message{grid-column:span 2;min-height:190px}.front-release-message-icon{margin-bottom:10px}}
@media(max-width:830px){.front-hero{grid-template-columns:1fr;gap:54px;min-height:0;padding:55px 0 90px}.front-hero h1{font-size:clamp(46px,8vw,68px);max-width:680px}.front-hero-copy>p{max-width:610px}.front-visual{max-width:700px;width:100%;margin:auto}.front-section-intro{align-items:start;flex-direction:column;gap:12px}.front-section-intro>p{max-width:570px}.front-path-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.front-path:nth-child(2){border-right:0}.front-path:nth-child(-n+2){border-bottom:1px solid #e9ebef}.front-feature{grid-template-columns:1fr;gap:55px;padding:83px 0}.front-feature-copy{max-width:690px}.front-community-section{padding:72px 0}}
@media(max-width:700px){.front-page .public-topbar{height:70px;padding:0 19px}.front-page .public-topbar .logo{width:168px;max-width:46vw}.front-page .public-topbar nav button:first-child{display:inline-flex}.front-page .public-topbar nav button{padding:10px 8px;font-size:11px}.front-page .public-topbar nav button.openapp{padding:9px 10px}.front-page .public-topbar nav button.openapp .i{display:none}.front-container{width:calc(100% - 34px)}.front-hero h1{font-size:clamp(42px,10.7vw,60px)}.front-hero-copy>p{font-size:14px}.front-visual{min-height:425px;padding:11px}.front-stage-photo{height:345px}.front-stage-caption{bottom:24px;left:18px}.front-stage-caption strong{font-size:19px}.front-float-song{left:8px;bottom:-32px;width:calc(100% - 16px)}.front-pathways{padding:65px 0}.front-path{min-height:253px}.front-feature-main{height:310px}.front-reader-chip{left:12px;right:12px;padding:12px;gap:12px}.front-reader-chip .front-chord{font-size:12px}.front-reader-chip small{font-size:9px}.front-release-grid{gap:16px}.front-release-message{padding:20px}.front-final{flex-direction:column;align-items:flex-start;padding:65px 0}.front-footer>.front-container:first-child{flex-wrap:wrap;gap:10px;padding:23px 0}.front-footer>.front-container:first-child>div{width:100%;margin-left:0}.front-footer img{width:155px}}
@media(max-width:450px){.front-page .public-topbar .logo{width:131px;max-width:40vw}.front-page .public-topbar nav{gap:0}.front-page .public-topbar nav button{font-size:10px;padding:8px 5px}.front-page .public-topbar nav button.openapp{padding:7px 8px}.front-hero{padding:44px 0 83px}.front-hero h1{font-size:44px;margin:23px 0 17px}.front-hero-copy>p{font-size:13px}.front-hero-actions{gap:9px}.front-cta,.front-secondary{padding:11px 12px;font-size:11px;min-height:45px}.front-hero-aside{font-size:9px;letter-spacing:0;margin-top:32px}.front-visual{min-height:377px}.front-stage-photo{height:308px}.front-path-grid{grid-template-columns:1fr}.front-path{min-height:205px;border-right:0!important;border-bottom:1px solid #e9ebef!important}.front-path:last-child{border-bottom:0!important}.front-path-icon{margin-bottom:17px}.front-release-grid{grid-template-columns:1fr}.front-release-message{grid-column:auto}.front-release-cover{aspect-ratio:1.4}.front-reader-chip{flex-wrap:wrap}.front-reader-chip small{flex-basis:100%;margin:0}.front-feature{padding:67px 0}.front-feature-main{height:250px}.front-feature-copy h2{font-size:32px}.front-footer>.front-container:first-child>span{font-size:10px}}
.front-mv-feature{display:grid;grid-template-columns:1.05fr .95fr;gap:clamp(46px,7vw,115px);align-items:center;padding:0 0 105px}
.front-mv-visual{height:420px;position:relative;border-radius:16px;overflow:hidden;cursor:pointer;background:#171d27;border:1px solid #22252c}
.front-mv-faux-video{height:100%;width:100%;position:relative}.front-mv-faux-video>img{width:100%;height:100%;object-fit:cover;filter:brightness(.53)}
.front-mv-faux-video:after{content:"";position:absolute;inset:0;background:linear-gradient(0deg,#07101dbf,transparent)}
.front-mv-lyrics{position:absolute;z-index:1;left:30px;right:30px;top:50%;transform:translateY(-30%);display:flex;flex-direction:column;align-items:center;text-align:center;gap:12px;color:white}
.front-mv-lyrics>span{font-size:10px;font-weight:850;color:#d9a02c;letter-spacing:.12em}
.front-mv-lyrics>strong{font-size:clamp(24px,3vw,41px);letter-spacing:-.045em}
.front-mv-lyrics>small{font-size:17px;color:#d3d6e1}
.front-mv-timeline{height:3px;background:#ffffff52;width:min(260px,85%);border-radius:10px;margin-top:18px;overflow:hidden}.front-mv-timeline i{display:block;height:100%;width:42%;background:#d9a02c}
.front-mv-ratio{position:absolute;top:18px;left:18px;padding:8px 10px;background:#0a111edb;color:#edc17d;font-size:10px;border-radius:6px;letter-spacing:.08em}
.front-mv-copy h2{font-size:clamp(31px,3.2vw,46px);line-height:1.17;letter-spacing:-.055em;margin:17px 0 17px}.front-mv-copy>p{font-size:14px;color:#738092;line-height:1.85}
.front-mv-copy .btn{margin-top:9px}
@media(max-width:1200px){.create-destinations{gap:13px}.dest-body{padding:19px}.dest-media{height:175px}.dest-body p{min-height:119px}}
@media(max-width:1000px){.create-destinations{grid-template-columns:1fr 1fr}.dest-card:last-child{grid-column:span 2;display:grid;grid-template-columns: minmax(190px,.75fr) 1.25fr}.dest-card:last-child .dest-media{height:100%}.dest-card:last-child .dest-body p{min-height:0}.workflow-layout{grid-template-columns:minmax(0,1fr) 300px}.front-mv-feature{gap:42px}}
@media(max-width:790px){.create-destinations{grid-template-columns:1fr}.dest-card:last-child{grid-column:auto;display:flex}.dest-card:last-child .dest-media{height:175px}.dest-body p{min-height:0}.workflow-layout{grid-template-columns:1fr}.workflow-aside{display:grid;grid-template-columns:230px 1fr;gap:20px}.workflow-art-screen{height:240px}.workflow-art-overlay{left:17px;bottom:17px}.workflow-art-overlay strong{font-size:25px}.workflow-aside-copy{padding:10px 0}.front-mv-feature{grid-template-columns:1fr;padding-bottom:75px}.front-mv-visual{height:350px}}
@media(max-width:560px){.workflow-content{padding:21px;min-height:500px}.workflow-steps{gap:6px}.workflow-step{flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:10px 5px;gap:8px}.workflow-step strong{font-size:10px}.workflow-step>span{width:28px;height:28px}.source-choice,.target-picker{grid-template-columns:1fr}.workflow-aside{grid-template-columns:1fr}.workflow-art-screen{height:210px}.workflow-art-overlay strong{font-size:28px}.workflow-footer .btn{white-space:normal}.create-library-strip{flex-wrap:wrap}.create-library-strip>.btn{width:100%}.route-map-branches{grid-template-columns:1fr}.front-mv-visual{height:285px}.front-mv-lyrics>small{font-size:13px}}

/* Production links replace the offline concept's buttons. */
.front-page{--ink:var(--one-ink);--gold:var(--one-gold);--orange:var(--one-orange);font-family:var(--one-font)}
.front-page a{color:inherit;text-decoration:none}.front-page .front-cta{color:#fff}.front-page .front-inline-link,.front-page .front-path a{color:#a25b12}
.front-page h1,.front-page h2,.front-page h3{color:var(--one-ink)}.front-page .caps{font-size:10px;font-weight:850;letter-spacing:.13em;text-transform:uppercase;color:var(--one-orange)}
.front-page .front-stage-caption strong{color:#fff}.front-page .i{width:18px;height:18px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round;flex:none}.front-page .i-sm{width:15px;height:15px}.front-page .i-lg{width:23px;height:23px}
.front-page .front-mv-copy .btn{display:inline-flex;align-items:center;gap:9px;background:var(--one-orange);color:#fff;padding:11px 16px;border:1px solid var(--one-orange);border-radius:9px;font-size:12px;font-weight:735;text-decoration:none}
.front-page .front-inline-link{display:inline-flex}.front-page p{margin-top:0}.front-page img{max-width:100%}.front-page :is(a,button):focus-visible{outline:2px solid var(--one-gold);outline-offset:4px}
body.one-public-home .public-page{padding:0;background:var(--one-paper)}body.one-public-home .public-wrap{max-width:1290px}
body.one-public-home .public-nav{height:82px;background:#fff;border-bottom:1px solid var(--one-line)}body.one-public-home .public-nav-inner{height:100%;padding:0;width:min(1290px,calc(100% - 90px));max-width:1290px}
body.one-public-home .public-brand img{width:213px;height:auto;max-width:100%}
.front-footer a{text-decoration:none;color:#506075;font-size:11px;font-weight:760}.front-footer a:hover{color:var(--one-orange)}
@media(max-width:700px){body.one-public-home .public-nav{height:70px}body.one-public-home .public-nav-inner{width:calc(100% - 34px)}body.one-public-home .public-brand img{width:168px}.front-hero-aside{min-width:0}.front-hero-aside span:last-child{line-height:1.6}}
@media(max-width:450px){body.one-public-home .public-brand img{width:131px}.front-hero h1{font-size:clamp(38px,11.2vw,44px)}.front-eyebrow{font-size:10px}.front-rule{width:20px}}
@media(prefers-reduced-motion:reduce){.front-page *{transition:none!important;scroll-behavior:auto!important}}