@import url('https://fonts.googleapis.com/css2?family=Noto+Serif+SC:wght@400;600;700&family=Inter:wght@400;500;600&display=swap');
:root{--ink:#0b0b0b;--paper:#f0eee8;--orange:#f05a2a;--muted:#8b8881}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--ink);color:var(--paper);font-family:Inter,"PingFang SC",sans-serif;overflow-x:hidden}button{font:inherit}button,a{-webkit-tap-highlight-color:transparent}a{color:inherit;text-decoration:none}.grain{position:fixed;inset:0;z-index:30;pointer-events:none;opacity:.035;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 160 160' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.9' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E")}.site-header{position:absolute;z-index:10;top:0;left:0;right:0;height:82px;display:flex;align-items:center;padding:0 clamp(22px,5vw,76px);border-bottom:1px solid rgba(255,255,255,.13)}.brand{display:flex;align-items:center;gap:10px;font-family:"Noto Serif SC",serif;font-size:21px;font-weight:700}.brand span,.download-mark>span{width:11px;height:11px;background:var(--orange);border-radius:50% 50% 2px 50%;transform:rotate(45deg)}.site-header nav{margin-left:auto;display:flex;align-items:center;gap:38px;font-size:12px;color:#ccc}.site-header nav button,.footer-links button{padding:0;border:0;background:none;color:inherit;cursor:pointer}.site-header nav a,.site-header nav button{transition:color .25s}.site-header nav a:hover,.site-header nav button:hover{color:var(--orange)}.header-download{margin-left:35px;padding:12px 18px;border:1px solid rgba(255,255,255,.4);font-size:12px;transition:.25s}.header-download:hover{background:white;color:#111}.hero{position:relative;min-height:820px;height:100vh;display:grid;grid-template-columns:1fr 1fr;align-items:center;padding:110px clamp(22px,8vw,130px) 50px;overflow:hidden}.hero-backdrop{position:absolute;inset:0;background:radial-gradient(circle at 78% 55%,rgba(240,90,42,.14),transparent 30%),linear-gradient(90deg,rgba(0,0,0,.97),rgba(0,0,0,.77) 52%,rgba(0,0,0,.3)),url('https://images.unsplash.com/photo-1489599849927-2ee91cede3ba?auto=format&fit=crop&w=2200&q=85') center/cover;transform:scale(1.04)}.hero-copy{position:relative;z-index:2;max-width:620px}.eyebrow{margin:0 0 18px;color:var(--orange);font-size:10px;font-weight:600;letter-spacing:2.4px}h1,h2,h3{font-family:"Noto Serif SC",serif;letter-spacing:0;margin:0}h1{font-size:clamp(58px,7vw,104px);font-weight:600;line-height:1.08}.intro{max-width:430px;color:#aaa69f;font-family:"Noto Serif SC",serif;font-size:16px;line-height:1.9;margin:28px 0}.download-buttons{display:flex;gap:12px;flex-wrap:wrap}.download-buttons>button{height:56px;min-width:166px;display:flex;align-items:center;justify-content:flex-start;gap:12px;padding:8px 18px;border:1px solid #484848;background:rgba(10,10,10,.7);color:white;text-align:left;cursor:pointer;transition:transform .25s,border-color .25s,background .25s}.download-buttons>button:hover{transform:translateY(-3px);border-color:var(--orange);background:#151515}.download-buttons small{display:block;color:#999;font-size:8px;line-height:1.2}.store-icon{width:25px;text-align:center;color:var(--orange);font-size:20px}.version{margin:14px 0;color:#625f5a;font-size:10px}.phone-stage{position:relative;z-index:2;height:620px}.phone{position:absolute;width:270px;height:550px;padding:9px;background:#171717;border:1px solid #535353;border-radius:42px;box-shadow:0 30px 80px rgba(0,0,0,.7)}.phone::before{content:"";position:absolute;z-index:3;width:78px;height:20px;border-radius:0 0 14px 14px;left:50%;top:8px;transform:translateX(-50%);background:#111}.phone-screen{height:100%;border-radius:34px;overflow:hidden}.phone-front{left:35%;top:10px;transform:rotate(3deg)}.phone-back{left:5%;top:80px;transform:rotate(-8deg);opacity:.68}.featured-screen{position:relative;padding:32px 23px;background:linear-gradient(0deg,#0d0d0d 4%,transparent 60%),url('https://images.unsplash.com/photo-1440404653325-ab127d49abc1?auto=format&fit=crop&w=700&q=85') center/cover;display:flex;flex-direction:column;justify-content:flex-end}.status{position:absolute;top:18px;left:20px;right:20px;display:flex;justify-content:space-between;font-size:8px}.featured-screen p{margin:0 0 8px;color:var(--orange);font-size:10px}.featured-screen h3{font-size:30px}.featured-screen small{margin:9px 0 20px;color:#aaa;font-size:9px}.featured-screen button{width:46px;height:46px;border-radius:50%;border:0;background:var(--orange);color:white;cursor:pointer}.library-screen{padding:56px 20px;background:#e7e3da;color:#111}.library-screen>small{color:#777}.library-screen h3{font-size:24px;margin:8px 0 25px}.mini-posters{display:grid;grid-template-columns:1fr 1fr;gap:8px}.mini-posters i{height:150px;background-size:cover;background-position:center}.mini-posters i:nth-child(1){background-image:url('https://images.unsplash.com/photo-1485846234645-a62644f84728?auto=format&fit=crop&w=400&q=80')}.mini-posters i:nth-child(2){background-image:url('https://images.unsplash.com/photo-1594763781886-8c0f1dc9cc1d?auto=format&fit=crop&w=400&q=80')}.mini-posters i:nth-child(3){background-image:url('https://images.unsplash.com/photo-1500530855697-b586d89ba3ee?auto=format&fit=crop&w=400&q=80')}.mini-posters i:nth-child(4){background-image:url('https://images.unsplash.com/photo-1536440136628-849c177e76a1?auto=format&fit=crop&w=400&q=80')}.scroll-hint{position:absolute;bottom:35px;left:28px;writing-mode:vertical-rl;font-size:9px;letter-spacing:3px;color:#777}.scroll-hint::after{content:"";display:block;height:40px;width:1px;background:#777;margin:12px auto 0;animation:pulse 1.8s infinite}@keyframes pulse{0%,100%{transform:scaleY(.2);transform-origin:top}50%{transform:scaleY(1)}}.intro-band{display:grid;grid-template-columns:1fr 1fr;gap:10%;align-items:center;padding:100px clamp(24px,9vw,145px);background:#e8e5dd;color:#111}.intro-band p{margin:0;font-family:"Noto Serif SC",serif;font-size:clamp(32px,4vw,56px);line-height:1.4}.intro-band p b{font-weight:600;color:var(--orange)}.intro-band>span{max-width:440px;color:#68645e;font-family:"Noto Serif SC",serif;line-height:2}.section{max-width:1400px;margin:auto;padding:120px clamp(22px,5vw,76px)}.section-head{display:grid;grid-template-columns:.65fr 1.35fr;margin-bottom:65px}.section-head h2,.download h2{font-size:clamp(40px,5vw,70px);font-weight:600}.feature-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:22px}.feature{position:relative}.feature>span{position:absolute;z-index:2;top:15px;left:15px;padding:5px 7px;background:rgba(0,0,0,.65);font-size:10px}.feature-image{aspect-ratio:4/5;background-position:center;background-size:cover;filter:saturate(.7);transition:filter .35s,transform .35s}.feature:hover .feature-image{filter:saturate(1);transform:translateY(-5px)}.discover{background-image:url('https://images.unsplash.com/photo-1536440136628-849c177e76a1?auto=format&fit=crop&w=900&q=85')}.collect{background-image:url('https://images.unsplash.com/photo-1485846234645-a62644f84728?auto=format&fit=crop&w=900&q=85')}.record{background-image:url('https://images.unsplash.com/photo-1594763781886-8c0f1dc9cc1d?auto=format&fit=crop&w=900&q=85')}.feature h3{font-size:24px;margin:22px 0 10px}.feature p{color:#777;font-family:"Noto Serif SC",serif;line-height:1.8;font-size:13px}.quote-section{min-height:650px;display:grid;grid-template-columns:1.1fr .9fr;background:#171717}.quote-image{background:linear-gradient(90deg,transparent 80%,#171717),url('https://w0.peakpx.com/wallpaper/569/206/HD-wallpaper-movie-theatre-film-projector.jpg') center/cover}.quote-copy{padding:90px clamp(35px,7vw,100px);align-self:center}.quote-copy>span{color:var(--orange);font-family:serif;font-size:80px}.quote-copy blockquote{margin:-30px 0 28px;font-family:"Noto Serif SC",serif;font-size:clamp(28px,3.3vw,48px);line-height:1.6}.quote-copy p{color:#6c6862;font-size:11px}.download{text-align:center;padding-top:145px;padding-bottom:145px}.download-mark{display:flex;justify-content:center;align-items:center;gap:12px;margin-bottom:45px;font-family:"Noto Serif SC",serif;font-size:25px}.centered{justify-content:center;margin-top:42px}footer{border-top:1px solid #252525;padding:45px clamp(22px,5vw,76px);display:grid;grid-template-columns:1fr auto 1fr;align-items:center;color:#777;font-size:10px}footer>div:first-child p{margin:8px 0 0}.footer-links{display:flex;gap:28px}.footer-links a:hover,.footer-links button:hover{color:white}footer>p{text-align:right}.toast{position:fixed;z-index:60;left:50%;bottom:28px;transform:translate(-50%,20px);padding:12px 18px;background:#f2efe8;color:#111;font-size:12px;opacity:0;pointer-events:none;transition:.3s}.toast.show{opacity:1;transform:translate(-50%,0)}.legal-modal{position:fixed;z-index:50;inset:0;padding:30px;background:rgba(0,0,0,.88);display:grid;place-items:center;opacity:0;pointer-events:none;transition:opacity .3s}.legal-modal.open{opacity:1;pointer-events:auto}.legal-panel{position:relative;width:min(760px,100%);max-height:85vh;overflow:auto;background:#eeece5;color:#171717;padding:clamp(30px,6vw,70px)}.legal-panel h2{font-size:38px;margin-bottom:30px}.legal-content{color:#5e5b55;font-family:"Noto Serif SC",serif;font-size:13px;line-height:1.9}.legal-content h3{margin:28px 0 5px;color:#111;font-size:16px}.legal-content p{margin:0}.legal-close{position:absolute;top:20px;right:24px;border:0;background:none;font-size:34px;font-weight:200;cursor:pointer}.reveal{opacity:0;transform:translateY(24px);transition:opacity .8s ease,transform .8s cubic-bezier(.2,.7,.2,1)}.reveal.visible{opacity:1;transform:none}
@media(max-width:760px){.site-header{height:70px}.site-header nav,.header-download{display:none}.hero{height:auto;min-height:900px;display:block;padding:125px 24px 0}.hero-copy{position:relative;z-index:3}.hero-backdrop{background-position:center}.phone-stage{height:470px;margin-top:35px}.phone{width:190px;height:390px;border-radius:30px;padding:6px}.phone-screen{border-radius:25px}.phone-front{left:38%;}.phone-back{left:7%;top:50px}.featured-screen{padding:28px 16px}.featured-screen h3{font-size:21px}.library-screen{padding:42px 14px}.library-screen h3{font-size:18px}.mini-posters i{height:102px}.scroll-hint{display:none}.intro-band{grid-template-columns:1fr;gap:25px;padding:75px 24px}.section{padding-top:85px;padding-bottom:85px}.section-head{grid-template-columns:1fr;gap:8px}.feature-grid{grid-template-columns:1fr}.feature-image{aspect-ratio:4/3}.quote-section{grid-template-columns:1fr;min-height:auto}.quote-image{min-height:390px;background-image:linear-gradient(0deg,#171717,transparent 30%),url('https://w0.peakpx.com/wallpaper/569/206/HD-wallpaper-movie-theatre-film-projector.jpg')}.quote-copy{padding:50px 24px 75px}.download-buttons>button{min-width:156px;flex:1}footer{grid-template-columns:1fr;gap:32px}.footer-links{flex-wrap:wrap}footer>p{text-align:left}.legal-modal{padding:12px}.legal-panel{padding:55px 25px 35px}}
@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;animation:none!important;transition:none!important}.reveal{opacity:1;transform:none}}

/* Motion and cinematic detail */
.phone-front{animation:phoneFloat 6s ease-in-out infinite}.phone-back{animation:phoneFloatBack 7s ease-in-out infinite}.phone-stage{transition:transform .45s cubic-bezier(.2,.7,.2,1)}
.orbit-note{position:absolute;z-index:4;padding:12px 15px;border:1px solid rgba(255,255,255,.18);background:rgba(10,10,10,.68);backdrop-filter:blur(10px);color:#888;font-size:8px;line-height:1.7;letter-spacing:1px;animation:noteFloat 5s ease-in-out infinite}.orbit-note b{color:white;font-size:16px}.note-one{left:0;top:35px}.note-two{right:-8px;bottom:85px;animation-delay:-2.3s}
@keyframes phoneFloat{0%,100%{transform:rotate(3deg) translateY(0)}50%{transform:rotate(2deg) translateY(-12px)}}
@keyframes phoneFloatBack{0%,100%{transform:rotate(-8deg) translateY(0)}50%{transform:rotate(-6deg) translateY(10px)}}
@keyframes noteFloat{0%,100%{transform:translateY(0)}50%{transform:translateY(-9px)}}
.film-marquee{overflow:hidden;border-top:1px solid #262626;border-bottom:1px solid #262626;background:#101010}.marquee-track{width:max-content;display:flex;align-items:center;gap:34px;padding:18px 0;animation:marquee 24s linear infinite}.marquee-track span{font-family:"Noto Serif SC",serif;color:#777;font-size:13px;letter-spacing:3px}.marquee-track i{width:7px;height:7px;background:var(--orange);transform:rotate(45deg)}
@keyframes marquee{to{transform:translateX(-50%)}}
.feature-image{background-size:110%;transition:filter .5s,transform .5s,background-size .8s cubic-bezier(.2,.7,.2,1)}.feature:hover .feature-image{background-size:118%}
.quote-section{overflow:hidden}.quote-image{position:relative;background-image:linear-gradient(90deg,transparent 78%,#171717),linear-gradient(0deg,rgba(0,0,0,.56),transparent 55%),url('https://images.unsplash.com/photo-1485846234645-a62644f84728?auto=format&fit=crop&w=1500&q=88');clip-path:inset(0 100% 0 0);transition:opacity .8s ease,transform .8s cubic-bezier(.2,.7,.2,1),clip-path 1.15s cubic-bezier(.2,.7,.2,1)}.quote-image.visible{clip-path:inset(0 0 0 0);animation:slowLens 14s ease-in-out infinite alternate}.quote-image .frame-number{position:absolute;left:45px;top:42px;padding-left:13px;border-left:2px solid var(--orange);font-size:9px;line-height:1.5;letter-spacing:2px;color:#aaa}.quote-image .frame-number b{font-size:20px;color:white}.quote-image>p{position:absolute;left:45px;bottom:36px;margin:0;color:#ddd;font-size:9px;letter-spacing:3px}
@keyframes slowLens{from{background-size:auto 100%}to{background-size:auto 108%}}
@media(max-width:760px){.orbit-note{display:none}.quote-image{background-image:linear-gradient(0deg,#171717,transparent 30%),url('https://images.unsplash.com/photo-1485846234645-a62644f84728?auto=format&fit=crop&w=1000&q=85')}}
@media(prefers-reduced-motion:reduce){.quote-image{clip-path:none}}

.quote-image{clip-path:none}.quote-image::after{content:"";position:absolute;z-index:3;inset:0;background:#171717;transform:scaleX(1);transform-origin:right;transition:transform 1.15s cubic-bezier(.2,.7,.2,1)}.quote-image.visible::after{transform:scaleX(0)}
@media(prefers-reduced-motion:reduce){.quote-image::after{display:none}}

.marquee-track{gap:0;animation:none;will-change:transform}.marquee-group{display:flex;flex:none;align-items:center;gap:34px;padding-right:34px}.marquee-group span{white-space:nowrap}.marquee-group i{flex:none}
@media(prefers-reduced-motion:reduce){.marquee-track{transform:none!important}}

/* Bugday brand and real App screens */
.brand img{width:34px;height:34px;border-radius:8px;object-fit:cover}.primary-download{height:56px;min-width:190px;display:flex;align-items:center;gap:12px;padding:8px 18px;border:1px solid var(--orange);background:var(--orange);color:white;text-align:left;transition:transform .25s,background .25s}.primary-download:hover{transform:translateY(-3px);background:#ff7041}.primary-download small{display:block;color:rgba(255,255,255,.7);font-size:8px}.secondary-action{display:flex;align-items:center;gap:22px;padding:0 16px;border-bottom:1px solid #555;font-size:12px}.download-buttons>a{flex:none}.app-shot{display:block;width:100%;height:100%;object-fit:cover;object-position:top}.library-screen,.featured-screen{padding:0;background:#111}.download-mark img{width:52px;height:52px;border-radius:12px;object-fit:cover}.download-mark>span{display:none}.footer-links a{transition:color .25s}.footer-links a:hover{color:white}
@media(max-width:760px){.download-buttons{align-items:stretch}.primary-download{min-width:185px}.secondary-action{justify-content:center}.download-mark img{width:44px;height:44px}footer .footer-links{line-height:1.8}}