/* VENSUKO Launcher v12: photographic product editorial, real app UI */
.l12-page{background:#0e171d;color:#f1efe9;overflow:hidden}
.l12-page .display{letter-spacing:-.024em;overflow-wrap:anywhere}
.l12-page .wrap{min-width:0}
.l12-page [id]{scroll-margin-top:100px}
.l12-page a:focus-visible{outline:3px solid #e0bd8d;outline-offset:5px}
.l12-rule,.l12-bottomline{display:flex;justify-content:space-between;align-items:center;gap:24px;border-top:1px solid currentColor;padding:18px 0;color:#a8b6bc;font-size:.66rem;letter-spacing:.16em;font-weight:800}
.l12-hero{background:#0b141b;position:relative;isolation:isolate;padding:clamp(115px,12vw,180px) 0 clamp(65px,7vw,100px)}
.l12-hero:before{content:"";position:absolute;inset:0 0 0 34%;background:linear-gradient(90deg,#0b141b 0%,#0b141b9c 25%,#0b141b49 75%),url(/assets/photography/creative-tech.webp) center/cover no-repeat;opacity:.33;z-index:-1;filter:saturate(.55)}
.l12-hero .l12-rule{border-color:#ffffff62;color:#b4c0c5}
.l12-hero-grid{display:grid;grid-template-columns:minmax(0,1.25fr) minmax(0,.75fr);gap:clamp(25px,5vw,100px);align-items:center;padding:clamp(95px,9vw,150px) 0 clamp(85px,8vw,140px)}
.l12-hero .eyebrow,.l12-platforms .eyebrow{color:#e4c8a5;margin-bottom:27px;font-size:.69rem}
.l12-hero h1.display{font-size:clamp(6rem,11vw,14rem);line-height:.83;max-width:1020px}
.l12-hero-intro{max-width:640px;font-size:clamp(1.1rem,1.4vw,1.4rem);line-height:1.75;color:#d0dbde;margin:clamp(40px,5vw,80px) 0 0}
.l12-actions{display:flex;align-items:center;flex-wrap:wrap;gap:20px 34px;margin-top:45px}
.l12-primary{display:inline-flex;align-items:center;justify-content:space-between;gap:32px;padding:21px 24px;min-height:64px;background:#e7e1d5;color:#142027!important;text-decoration:none!important;font-size:.72rem;letter-spacing:.07em;font-weight:850}
.l12-primary:hover{background:#fff}
.l12-secondary{display:inline-flex;align-items:center;justify-content:space-between;gap:30px;border-bottom:1px solid currentColor;color:inherit!important;padding:14px 0;text-decoration:none!important;font-size:.72rem;letter-spacing:.055em;font-weight:850}
.l12-secondary:hover{color:#e9c9a5!important}
.l12-primary>span,.l12-secondary>span{font-size:1.2rem}
.l12-hero-art{aspect-ratio:1;max-height:630px;width:100%;background:#202d33;display:flex;align-items:center;justify-content:center;position:relative;overflow:hidden}
.l12-art-lines{position:absolute;inset:-35%;border:1px solid #ffffff13;border-radius:50%;transform:scale(.78)}
.l12-art-lines:before,.l12-art-lines:after{content:"";position:absolute;inset:15%;border:1px solid #ffffff17;border-radius:50%}
.l12-art-lines:after{inset:30%}
.l12-hero-art>span{position:relative;z-index:1;font-family:Impact,"Arial Narrow",sans-serif;font-weight:900;font-size:clamp(18rem,28vw,33rem);line-height:1;letter-spacing:-.095em;color:#e9e5df}
.l12-hero-art small{position:absolute;z-index:2;left:26px;bottom:26px;color:#ccd5d4;font-size:.64rem;letter-spacing:.14em;font-weight:850}
.l12-bottomline{border-color:#ffffff70;color:#c3ced0}
.l12-showcase{background:#e9e6e0;color:#142128;padding:clamp(95px,10vw,170px) 0}
.l12-showcase .l12-rule,.l12-platforms .l12-rule{border-color:#9ea8a6;color:#485a61}
.l12-showcase-head{display:grid;grid-template-columns:minmax(0,1.2fr) minmax(0,.8fr);gap:clamp(35px,8vw,140px);align-items:end;padding:clamp(65px,8vw,125px) 0 clamp(65px,7vw,110px)}
.l12-showcase-head .eyebrow{color:#6f5a42;margin-bottom:32px}
.l12-showcase-head h2.display{font-size:clamp(5.3rem,9.2vw,11.5rem);line-height:.85}
.l12-showcase-head>p{font-size:clamp(1.05rem,1.45vw,1.25rem);line-height:1.8;color:#4e5e65;max-width:520px}
.l12-screen{margin:0;padding:0}
.l12-frame-top{background:#17242c;color:#dce3e5;display:flex;justify-content:space-between;align-items:center;gap:15px;padding:19px 25px;font-size:.64rem;font-weight:850;letter-spacing:.12em}
.l12-frame-top>div{display:flex;gap:6px}
.l12-frame-top i{display:block;height:8px;width:8px;border-radius:50%;border:1px solid #74858d}
.l12-screen>img{display:block;width:100%;height:auto;aspect-ratio:1906/525;object-fit:contain;background:#050d13}
.l12-screen figcaption{display:flex;justify-content:space-between;gap:25px;border-bottom:1px solid #9aa7aa;padding:20px 0;color:#4f5e64;font-size:.71rem;line-height:1.65}
.l12-screen figcaption>span:first-child{flex-shrink:0;font-weight:850;letter-spacing:.1em}
.l12-screen figcaption>span:last-child{max-width:680px}
.l12-features{background:#17242c;color:#f4f0e9;padding:clamp(100px,11vw,185px) 0}
.l12-features .l12-rule{border-color:#ffffff5c;color:#c4d0d1}
.l12-feature-head{display:grid;grid-template-columns:minmax(0,1.3fr) minmax(0,.7fr);gap:clamp(30px,7vw,110px);align-items:end;padding:clamp(70px,8vw,135px) 0}
.l12-feature-head h2.display{font-size:clamp(5.5rem,9.3vw,11rem);line-height:.85}
.l12-feature-head>p{font-size:clamp(1.08rem,1.4vw,1.25rem);line-height:1.8;max-width:390px;color:#c6d0d1}
.l12-feature-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));border-top:1px solid #ffffff75;border-bottom:1px solid #ffffff75}
.l12-feature-grid>article{padding:clamp(30px,3vw,55px);border-right:1px solid #ffffff4b;min-width:0}
.l12-feature-grid>article:first-child{padding-left:0}.l12-feature-grid>article:last-child{padding-right:0;border:0}
.l12-feature-grid>article>span{color:#d7be9f;font-size:.66rem;letter-spacing:.16em;font-weight:850}
.l12-feature-grid h3{font-size:clamp(1.9rem,3vw,3.7rem);letter-spacing:-.05em;line-height:1.1;margin:clamp(75px,8vw,135px) 0 22px}
.l12-feature-grid p{font-size:.99rem;line-height:1.75;color:#c2ced2;max-width:380px}
.l12-platforms{background:#e5e1d9;color:#142027;padding:clamp(95px,10vw,170px) 0}
.l12-platform-grid{display:grid;grid-template-columns:minmax(0,1.1fr) minmax(0,.9fr);gap:clamp(55px,9vw,155px);padding-top:clamp(80px,8vw,135px)}
.l12-platforms .eyebrow{color:#66543f}
.l12-platforms h2.display{font-size:clamp(5.5rem,9vw,11rem);line-height:.85}
.l12-platform-details>p{font-size:clamp(1.06rem,1.43vw,1.26rem);line-height:1.75;color:#4f5b61;max-width:600px;margin-bottom:40px}
.l12-platform-list{border-top:1px solid #9ba6a5;margin-bottom:40px}
.l12-platform-list>div{display:flex;justify-content:space-between;gap:20px;padding:22px 0;border-bottom:1px solid #9ba6a5;font-size:.73rem}
.l12-platform-list strong{font-size:.76rem;letter-spacing:.12em}
.l12-platform-list span{color:#4e5d64;text-align:right}
.l12-platforms .l12-primary{background:#18252d;color:#fff!important;margin:0 25px 15px 0}
.l12-platforms .l12-primary:hover{background:#30434d}
.l12-platforms .l12-secondary{color:#142027!important}
.l12-outro{background:#101a20;color:#f2efe8;padding:clamp(105px,11vw,180px) 0}
.l12-outro .eyebrow{color:#dbbd99;margin-bottom:60px}
.l12-outro h2.display{font-size:clamp(5.5rem,10vw,12.5rem);line-height:.85;margin-bottom:65px}
.l12-outro>.wrap>div{display:flex;justify-content:space-between;align-items:flex-end;gap:40px}
.l12-outro>.wrap>div>p{max-width:510px;color:#ccd6d8;font-size:clamp(1.08rem,1.5vw,1.3rem);line-height:1.75}
@media(max-width:1000px){.l12-hero h1.display{font-size:clamp(5.7rem,10vw,9rem)}.l12-hero-art>span{font-size:clamp(12rem,30vw,24rem)}.l12-showcase-head h2.display,.l12-platforms h2.display,.l12-feature-head h2.display{font-size:clamp(4.5rem,8.5vw,8rem)}}
@media(max-width:700px){.l12-hero{padding:85px 0 70px}.l12-hero:before{inset:0 0 0 10%}.l12-rule,.l12-bottomline{font-size:.54rem}.l12-hero-grid{grid-template-columns:1fr;padding:90px 0 65px;gap:60px}.l12-hero h1.display{font-size:clamp(4.7rem,12vw,7.5rem)}.l12-hero-art{aspect-ratio:1.6;max-height:none}.l12-hero-art>span{font-size:clamp(12rem,50vw,22rem)}.l12-bottomline{flex-wrap:wrap}.l12-showcase,.l12-features,.l12-platforms,.l12-outro{padding:85px 0}.l12-showcase-head,.l12-feature-head,.l12-platform-grid{grid-template-columns:1fr;gap:35px;padding:65px 0}.l12-showcase-head h2.display,.l12-feature-head h2.display,.l12-platforms h2.display{font-size:clamp(4.5rem,12vw,7.5rem)}.l12-frame-top{font-size:.5rem;padding:14px;gap:10px}.l12-frame-top>span:last-child{display:none}.l12-screen{margin-left:-10px;margin-right:-10px}.l12-screen figcaption{display:block;padding:18px 10px;font-size:.72rem}.l12-screen figcaption>span{display:block}.l12-screen figcaption>span+span{margin-top:9px}.l12-feature-grid{grid-template-columns:1fr}.l12-feature-grid>article,.l12-feature-grid>article:first-child,.l12-feature-grid>article:last-child{padding:35px 0;border:0;border-bottom:1px solid #ffffff40}.l12-feature-grid>article:last-child{border:0}.l12-feature-grid h3{margin:45px 0 20px}.l12-platform-grid{padding-top:65px}.l12-outro h2.display{font-size:clamp(4.7rem,12vw,7.4rem)}.l12-outro>.wrap>div{display:block}.l12-outro>.wrap>div>p{margin-bottom:35px}}
@media(max-width:370px){.l12-hero h1.display,.l12-showcase-head h2.display,.l12-feature-head h2.display,.l12-platforms h2.display,.l12-outro h2.display{font-size:clamp(3.65rem,11.7vw,4.8rem)}.l12-primary{width:100%}.l12-platform-list>div{font-size:.65rem}}
@media(prefers-reduced-motion:reduce){.l12-page *{scroll-behavior:auto!important;transition:none!important}}

/* Product-first hero, no unrelated background photography */
.l12-hero:before{display:none}
.l12-screen-open{display:block;line-height:0;cursor:zoom-in}
.l12-screen-open img{display:block;width:100%;height:auto;aspect-ratio:1906 / 525;object-fit:contain;background:#050d13}
.l12-screen-open:focus-visible{outline:3px solid #b17637;outline-offset:5px}

/* On phones reveal a readable close-up of the real library UI; the full image opens on tap. */
@media(max-width:700px){
 .l12-screen-open img{height:240px;aspect-ratio:auto;object-fit:cover;object-position:22% center}
}
@media(max-width:370px){.l12-screen-open img{height:220px}}