:root{color-scheme:dark;--ink:#101044;--lime:#d3ff6b;--lavender:#c8a5ff;--muted:#c4c1df;--white:#fbfaff}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--ink);color:var(--white);font-family:Arial,"Noto Sans Devanagari",sans-serif;-webkit-font-smoothing:antialiased;background-image:radial-gradient(ellipse at 80% 8%,#29218a80,transparent 40%)}a{color:inherit}a:focus-visible{outline:3px solid #fff;outline-offset:6px}.skip{position:absolute;left:16px;top:-100px;z-index:10;background:var(--ink);padding:12px}.skip:focus{top:12px}.page{max-width:1440px;margin:auto;padding:0 64px}.header{display:flex;align-items:center;justify-content:space-between;padding:32px 0}.brand{display:flex;align-items:center;gap:12px;flex-shrink:0}.brand img{border-radius:12px;object-fit:cover}.brand span{font-size:27px;font-weight:750;letter-spacing:-1px}.header-note{font-size:13px;letter-spacing:.3px;color:var(--muted)}.hero{display:grid;grid-template-columns:1fr 1.1fr;align-items:center;gap:30px;padding:65px 0 80px}.eyebrow{font-size:11px;letter-spacing:2.5px;font-weight:700;color:#d4c0ff;line-height:1.8;margin:0 0 20px}h1{font-size:clamp(42px,4.9vw,72px);line-height:1.06;letter-spacing:-3px;margin:0;font-weight:800}.lime{color:var(--lime)}.intro{font-size:20px;line-height:1.55;color:#e2dff3;max-width:430px;margin:24px 0 28px}.hero-action{max-width:330px}.cta{display:flex;justify-content:center;gap:20px;align-items:center;min-height:60px;padding:16px 30px;background:var(--lime);color:#101044;border-radius:999px;font-size:19px;font-weight:750;text-decoration:none;box-shadow:0 5px 30px #b2ff4c18;transition:background .18s,transform .18s}.cta:hover{background:#e1ff9e;transform:translateY(-2px)}.cta:active{transform:translateY(0)}.cta-arrow{display:block;width:20px;height:20px;flex:0 0 20px;color:inherit}.platform{text-align:center;font-size:12px;color:var(--muted);margin:12px 0 0}.no-camera{display:flex;align-items:center;gap:9px;font-size:12px;color:var(--muted);margin-top:26px}.hero-art{margin:0;position:relative;min-width:0;padding-bottom:40px}.community{width:100%;height:auto;display:block;aspect-ratio:1.35;object-fit:cover;border-radius:70px 30px 70px 30px;transform:rotate(-2deg);border:1px solid #a67cff60;box-shadow:0 25px 90px #08051a55}.vibe-label{display:flex;align-items:center;justify-content:center;gap:16px;position:relative;width:max-content;max-width:90%;margin:-25px auto 0;transform:rotate(-5deg);background:#c79aff;color:#18114b;padding:14px 24px;border-radius:16px;font-size:23px;font-weight:750;box-shadow:0 10px 25px #08051a50}.wave{display:flex;gap:3px;align-items:center;height:25px}.wave i{width:3px;border-radius:3px;background:#4a2484;height:12px}.wave i:nth-child(3n){height:25px}.wave i:nth-child(2n){height:19px}figcaption{text-align:center;font-size:10px;letter-spacing:.3px;color:#bcb6d5;margin-top:18px}.note{position:absolute;font-size:74px;color:#c49eff;z-index:1;transform:rotate(-20deg);text-shadow:0 0 30px #9d50ff70}.note-one{left:-25px;top:-46px}.spark{position:absolute;font-size:48px;color:var(--lime);right:-10px;bottom:70px;z-index:1}.vibes{padding:50px 0 35px;border-top:1px solid #d0b9ff24}.section-heading{text-align:center}.section-heading .eyebrow{margin-bottom:14px}h2{font-size:clamp(32px,3.3vw,48px);line-height:1.13;letter-spacing:-1.8px;margin:0}.lavender{color:var(--lavender)}.section-intro{color:var(--muted);font-size:16px;line-height:1.6;margin:18px auto 32px}.scene-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}.scene-card{min-width:0;position:relative;overflow:hidden;border-radius:24px;background:#24205c;border:1px solid #bd96ff30}.scene-photo{height:190px;position:relative;overflow:hidden;background:#332377}.scene-photo img{position:absolute;width:100%;height:300%;object-fit:cover;top:0;left:0}.scene-sing .scene-photo img{top:-100%}.scene-talk .scene-photo img{top:-200%}.scene-copy{padding:24px 24px 28px}.scene-number{color:#ac91e0;font-size:11px;letter-spacing:1px}h3{font-size:22px;margin:9px 0 10px;letter-spacing:-.6px;line-height:1.2}.scene-copy p{font-size:14px;line-height:1.6;color:#d0cae4;margin:0;max-width:260px}.scene-icon{position:absolute;right:18px;top:164px;font-size:34px;background:#c9a0ff;width:48px;height:48px;border-radius:14px;color:#24114c;text-align:center;line-height:48px;transform:rotate(10deg)}.scene-sing .scene-icon{background:#d3ff6b}.scene-talk .scene-icon{background:#ffa7b1}.scene-disclaimer{text-align:right;color:#bcb6d5;font-size:10px;margin-top:14px}.closing{position:relative;isolation:isolate;text-align:center;padding:58px 24px 52px;margin:12px 0 35px;border-radius:32px;background:radial-gradient(ellipse at 50% 110%,#5837b9aa,transparent 80%),#211565;border:1px solid #ad79f535;overflow:hidden}.closing .eyebrow{margin-bottom:16px}.closing h2{font-size:clamp(36px,4vw,56px)}.closing>p:not(.eyebrow):not(.platform){color:#e0daf6;margin:16px 0 24px;font-size:17px}.closing .cta{max-width:330px;margin:auto}.closing-note{position:absolute;left:8%;top:55px;font-size:100px;transform:rotate(-20deg);color:#b17afc44;z-index:-1}footer{display:flex;align-items:center;justify-content:space-between;padding:0 0 36px;gap:20px}footer .brand span{font-size:19px;letter-spacing:-.5px}footer .brand img{border-radius:8px}footer nav{display:flex;gap:22px;align-items:center;font-size:12px;color:#c4b8e4}footer nav a{text-decoration:none;padding:12px 0}footer nav a:hover{text-decoration:underline}.sticky-download{display:none}
@media(min-width:1400px){.hero{gap:55px}.hero-art{margin-left:5px}}
@media(max-width:1000px){.page{padding:0 32px}.hero{gap:25px;padding-top:40px}h1{font-size:49px;letter-spacing:-2px}.intro{font-size:18px}.scene-photo{height:155px}.scene-copy{padding:22px 18px}.scene-icon{top:130px}.scene-grid{gap:12px}h3{font-size:19px}.vibe-label{font-size:20px;padding:12px 20px}.hero-art .note{font-size:54px}}
@media(max-width:700px){.page{padding:0 22px;max-width:520px}.header{padding:22px 0 24px}.brand{gap:10px}.brand img{width:37px;height:37px;border-radius:10px}.brand span{font-size:25px}.header-note{display:none}.hero{display:flex;flex-direction:column;padding:12px 0 34px;gap:28px}.hero-copy{width:100%;text-align:center}.eyebrow{font-size:9px;letter-spacing:1.6px;margin-bottom:15px}h1{font-size:clamp(34px,9.5vw,49px);letter-spacing:-1.7px;line-height:1.1}.intro{font-size:16px;line-height:1.5;margin:18px auto 22px;max-width:330px}.hero-action{max-width:340px;margin:auto}.cta{min-height:55px;font-size:18px;padding:14px 24px}.platform{font-size:11px;margin-top:10px}.no-camera{font-size:11px;justify-content:center;margin:17px 0 0}.hero-art{width:100%;padding-bottom:0;margin:6px 0 0}.community{aspect-ratio:1.13;transform:rotate(-1.5deg);border-radius:42px 20px 42px 20px}.note-one{top:-22px;left:-7px}.hero-art .note{font-size:48px}.spark{font-size:32px;right:-7px;bottom:70px}.vibe-label{font-size:21px;padding:11px 22px;margin-top:-24px}.wave{height:22px}figcaption{font-size:9px;margin-top:15px}.vibes{padding:34px 0 20px}.section-heading{text-align:center}h2{font-size:32px;letter-spacing:-1px;line-height:1.13}.section-heading h2 span{display:block}.section-intro{font-size:14px;margin:16px auto 25px;max-width:300px}.scene-grid{grid-template-columns:1fr;gap:18px}.scene-card{border-radius:21px}.scene-photo{height:auto;aspect-ratio:2.25}.scene-copy{padding:18px 20px 22px}.scene-number{font-size:10px}h3{font-size:23px;margin:7px 0 8px}.scene-copy p{max-width:300px;font-size:14px}.scene-icon{top:auto;bottom:88px;width:42px;height:42px;line-height:42px;font-size:29px;right:18px}.scene-disclaimer{font-size:9px}.closing{margin:10px -2px 26px;padding:36px 20px 32px;border-radius:25px}.closing h2{font-size:36px}.closing .eyebrow{font-size:8px;letter-spacing:1.5px}.closing>p:not(.eyebrow):not(.platform){font-size:14px}.closing-note{left:-2%;top:55px;font-size:80px}footer{padding-bottom:calc(110px + env(safe-area-inset-bottom));gap:12px}footer .brand{gap:7px}footer .brand span{font-size:17px}footer .brand img{width:27px;height:27px}footer nav{gap:12px;font-size:11px}.sticky-download{display:block;position:fixed;bottom:0;left:0;right:0;padding:12px 22px calc(12px + env(safe-area-inset-bottom));background:#111044ef;backdrop-filter:blur(16px);border-top:1px solid #cab0ff26;z-index:5}.sticky-download .cta{max-width:440px;margin:auto;min-height:52px}.cta:hover{transform:none}html[lang="hi"] h1{font-size:clamp(34px,8.2vw,45px);line-height:1.35;letter-spacing:-1px}html[lang="hi"] h2{line-height:1.4}html[lang="hi"] .eyebrow{letter-spacing:.5px}html[lang="id"] h1{font-size:clamp(31px,8.4vw,43px)}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.cta{transition:none}}
/* Keep the complete six-person composition visible at every breakpoint. */
.community{aspect-ratio:1.5;object-fit:contain}
/* Scene-led strips match the campaign concept; labels stay readable over photos. */
.scene-photo{height:auto;aspect-ratio:1.7}
.scene-copy{position:absolute;inset:auto 0 0;padding:44px 20px 18px;background:linear-gradient(transparent,#110d3bea)}
.scene-copy .scene-number,.scene-copy p{display:none}
.scene-copy h3{margin:0;padding-right:26px;font-size:21px}
.scene-icon{top:13px;right:13px;bottom:auto;width:34px;height:34px;line-height:34px;font-size:24px;background:#d1aaffdd}
@media(max-width:700px){.scene-photo{aspect-ratio:2.1}.scene-copy{padding:38px 18px 15px}.scene-copy h3{font-size:23px}.community{aspect-ratio:1.5}}
.debug-preview{border:1px dashed #bc9cff66;border-radius:20px;padding:25px;margin:0 0 32px;background:#09092a}.debug-preview .eyebrow{font-size:10px;margin-bottom:9px}.debug-preview h2{font-size:24px;letter-spacing:0}.debug-help{color:var(--muted);font-size:13px;line-height:1.6}.debug-preview h3{font-size:14px;letter-spacing:0;margin:22px 0 9px}.debug-preview pre{margin:0;padding:14px;border-radius:10px;background:#ffffff09;border:1px solid #ffffff12;color:#e1ffd0;font:12px/1.8 ui-monospace,SFMono-Regular,Consolas,monospace;white-space:pre-wrap;overflow-wrap:anywhere;word-break:break-word;user-select:text}.debug-preview pre[data-debug-incoming]{color:#d8ccff}@media(max-width:700px){.debug-preview{padding:18px}.debug-preview pre{font-size:11px}}
.debug-preview[hidden]{display:none!important}.debug-trigger{display:flex;align-items:center;justify-content:center;background:none;border:0;padding:0;color:inherit;cursor:pointer;border-radius:8px}.debug-trigger:focus-visible{outline:3px solid var(--lime);outline-offset:5px}.debug-trigger img{display:block}.debug-preview{margin-bottom:110px}
/* Decorative symbols use vector paths instead of platform-dependent emoji glyphs. */
.decor-icon{display:block;width:1em;height:1em;flex:none}.scene-icon{display:grid;place-items:center}.scene-icon .decor-icon{width:22px;height:22px}.vibe-label>span:first-child{display:flex;align-items:center}