@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=Space+Grotesk:wght@400;500;600;700&display=swap');

:root{color-scheme:dark;--bg:#080a0e;--panel:#101218;--ink:#f5f5f2;--muted:#a3a5ae;--line:rgba(255,255,255,.13);--blue:#4c84ff;--cyan:#20c5d9;--purple:#9d4cf1;--sans:'DM Sans',-apple-system,BlinkMacSystemFont,'Segoe UI','PingFang SC','Microsoft YaHei',sans-serif;--display:'Space Grotesk',var(--sans)}
*{box-sizing:border-box}
html{scroll-behavior:smooth;scroll-padding-top:85px}
body{margin:0;background:var(--bg);color:var(--ink);font-family:var(--sans);-webkit-font-smoothing:antialiased}
body.menu-open{overflow:hidden}
a{color:inherit;text-decoration:none}
button{font:inherit}
button,a{-webkit-tap-highlight-color:transparent}
button:focus-visible,a:focus-visible{outline:2px solid #79b8ff;outline-offset:4px}
img{display:block;max-width:100%}
.icon-sprite{position:absolute;width:0;height:0;overflow:hidden}
.icon{display:block;width:20px;height:20px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round;flex:none}
.shell{width:min(100% - 112px,1376px);margin-inline:auto}
.skip-link{position:fixed;top:8px;left:8px;z-index:100;background:white;color:#080a0e;padding:12px;transform:translateY(-160%)}
.skip-link:focus{transform:none}
.site-header{position:absolute;z-index:20;top:0;left:0;right:0;border-bottom:1px solid rgba(255,255,255,.16)}
.header-inner{height:84px;display:flex;align-items:center;justify-content:space-between;gap:28px}
.brand{display:inline-flex;align-items:center;gap:10px;font-family:var(--display);font-weight:700;letter-spacing:.12em;font-size:18px;white-space:nowrap}
.brand img{width:38px;height:38px;border-radius:10px}
.desktop-nav{display:flex;gap:40px;align-items:center;color:#dcdee4;font-size:13px;font-weight:600}
.desktop-nav a,.footer-links a{transition:color .2s}
.desktop-nav a:hover,.footer-links a:hover{color:#80adff}
.header-actions{display:flex;align-items:center;gap:22px}
.language-button,.menu-button{background:none;border:0;color:#fff;cursor:pointer}
.language-button{display:flex;align-items:center;gap:7px;font-size:12px;font-weight:700;padding:8px 0}
.language-globe{font-size:22px;line-height:1;font-weight:400}
.header-cta{height:42px;padding:0 18px;border:1px solid rgba(255,255,255,.45);border-radius:3px;display:flex;align-items:center;gap:24px;font-size:12px;font-weight:700;transition:background .2s,color .2s}
.header-cta:hover{background:#fff;color:#080a0e}.header-cta .icon{width:15px;height:15px}
.menu-button,.mobile-nav{display:none}
.hero{min-height:780px;height:min(900px,100svh);position:relative;overflow:hidden;background:#080a0e}
.hero-image,.hero-shade,.closing-image,.closing-overlay{position:absolute;inset:0}
.hero-image{background-image:url('/assets/live-stage.jpg');background-size:cover;background-position:65% center;opacity:.88;transform:scale(1.01)}
.hero-shade{background:linear-gradient(90deg,#080a0e 1%,rgba(8,10,14,.95) 20%,rgba(8,10,14,.67) 47%,rgba(8,10,14,.1) 78%),linear-gradient(0deg,#080a0e 0%,transparent 27%),linear-gradient(180deg,rgba(5,7,12,.55),transparent 30%)}
.hero-content{position:relative;z-index:2;height:100%;display:flex;flex-direction:column;align-items:flex-start;justify-content:center;padding-top:83px}
.eyebrow,.small-label,.section-kicker{font-family:var(--display);font-weight:700;letter-spacing:.14em;text-transform:uppercase}
.eyebrow{display:flex;align-items:center;gap:10px;color:#d9dce7;font-size:11px;margin-bottom:32px}
.eyebrow-dot{width:7px;height:7px;border-radius:50%;background:#63baff;box-shadow:0 0 18px #568dff}
h1,h2,h3,p{margin:0}
.hero h1{font-size:clamp(64px,7.2vw,112px);line-height:1.12;letter-spacing:-.075em;font-weight:700;max-width:800px}
.hero-copy{max-width:420px;color:#c1c4cc;font-size:15px;line-height:1.95;margin-top:26px}
.hero-actions{display:flex;align-items:center;gap:34px;margin-top:34px}
.button{min-height:54px;padding:0 22px;display:inline-flex;align-items:center;justify-content:center;gap:48px;font-size:13px;font-weight:700;border-radius:3px;transition:transform .2s,background .2s}
.button:hover{transform:translateY(-3px)}.button-light{background:#f6f7fa;color:#080a0e}.button-light:hover{background:#dceaff}.button .icon{width:17px;height:17px}
.text-link{display:inline-flex;gap:14px;align-items:center;font-size:13px;font-weight:600;border-bottom:1px solid rgba(255,255,255,.45);padding:13px 0}.text-link span:last-child{font-size:17px}
.hero-bottom{position:absolute;bottom:35px;left:0;right:0;display:flex;align-items:center;gap:18px;color:#a5aab8;font-family:var(--display);font-size:9px;letter-spacing:.15em;font-weight:700}.hero-line{height:1px;width:80px;background:rgba(255,255,255,.3)}
.hero-side{position:absolute;right:28px;top:47%;writing-mode:vertical-rl;font:700 9px var(--display);letter-spacing:.23em;color:rgba(255,255,255,.65)}
.hero-caption{position:absolute;right:7%;bottom:8%;z-index:2;display:flex;align-items:center;gap:13px;font-size:11px;font-weight:600;letter-spacing:.12em;color:#e4e6f1}.caption-mark{font-size:27px;color:#8eb1ff}
.marquee{border-block:1px solid #272a31;background:#101116;overflow:hidden}.marquee-inner{height:62px;display:flex;align-items:center;justify-content:space-around;gap:36px;white-space:nowrap;min-width:1200px;font:700 10px var(--display);letter-spacing:.2em;color:#c9cbd3}.marquee b{font-size:19px;color:#799bff;font-weight:400}
.section{padding-block:120px}.section-kicker{display:flex;align-items:center;gap:18px;font-size:10px;line-height:1.4;color:#9396a0}.section-kicker>span:first-child{color:#f2f3f5}.section-kicker-line{height:1px;width:48px;background:#4c4e57}
.intro-grid{display:grid;grid-template-columns:1fr 1.02fr;gap:8%;align-items:center;margin-top:48px}.intro-copy{padding-block:45px}.small-label{font-size:10px;color:#809fff;letter-spacing:.17em;margin-bottom:22px}.intro h2,.journey h2,.features h2,.closing h2{font-size:clamp(40px,4vw,62px);line-height:1.24;letter-spacing:-.055em;font-weight:700;white-space:pre-line}.section-copy{color:var(--muted);font-size:14px;line-height:2;max-width:420px}.intro .section-copy{margin-top:26px}.intro-rule{width:100%;max-width:455px;height:1px;background:var(--line);margin-top:45px}.intro-note{display:flex;align-items:center;gap:18px;margin-top:24px;color:#c9cbd3;font-size:12px;line-height:1.8}.note-star{color:#83a3ff;font-size:26px}
.phone-stage{height:660px;position:relative;display:flex;align-items:center;justify-content:center;background:radial-gradient(ellipse at 50% 53%,#202548 0%,#11131c 45%,#0d0f14 72%);overflow:hidden;border:1px solid #20222a}.phone-stage:before{content:"";position:absolute;inset:0;background-image:linear-gradient(#fff 1px,transparent 1px),linear-gradient(90deg,#fff 1px,transparent 1px);background-size:54px 54px;opacity:.025}.phone-orbit{position:absolute;border:1px solid rgba(126,150,255,.14);border-radius:50%;width:520px;height:520px}.orbit-two{width:650px;height:650px}.phone-label{position:absolute;top:32px;display:flex;gap:12px;align-items:center;font:700 9px var(--display);letter-spacing:.13em;color:#b1b4c2}.phone-label b{color:#6d75a4;font-weight:500}.phone-label-left{left:30px}.phone-label-right{right:30px}.phone-label-right b{font-size:18px;color:#82a7ff}.preview-disclaimer{position:absolute;bottom:20px;color:#9396a5;font-size:10px;letter-spacing:.05em}
.phone{width:282px;height:570px;padding:7px;border-radius:39px;border:1px solid #494b55;background:linear-gradient(135deg,#484a55,#14151a 25%,#292b34 80%,#535562);box-shadow:0 30px 80px rgba(0,0,0,.5);position:relative;z-index:1}.phone:before{content:"";position:absolute;z-index:4;top:14px;left:50%;transform:translateX(-50%);height:17px;width:74px;background:#030303;border-radius:20px}.phone-screen{height:100%;border-radius:32px;background:#050505;overflow:hidden;display:flex;flex-direction:column;color:#f8f8f8}.phone-status{height:32px;padding:10px 21px 0;display:flex;justify-content:space-between;font-size:9px;font-weight:700;letter-spacing:.02em}.phone-header{display:flex;align-items:center;justify-content:space-between;padding:9px 14px 15px}.phone-header>div{display:flex;align-items:center;gap:8px}.phone-header img{width:28px;height:28px;border-radius:8px}.phone-header strong{font:700 13px var(--display);letter-spacing:.1em}.phone-theme{width:27px;height:27px;border:1px solid #282828;border-radius:50%;display:grid;place-items:center}.phone-theme .icon{width:13px;height:13px}.phone-view{flex:1;padding:0 12px;min-height:0}.phone-view[hidden]{display:none}.phone-search{height:36px;border:1px solid #292929;border-radius:12px;background:#101010;display:flex;align-items:center;gap:8px;padding:0 10px;color:#888;font-size:8px}.phone-search .icon{width:13px;height:13px}.phone-list-heading{display:flex;justify-content:space-between;margin:18px 1px 10px;font-size:10px}.phone-list-heading span{color:#777;font-size:9px}.phone-event{height:100px;background:#101010;border:1px solid #272727;border-radius:13px;margin-bottom:8px;display:flex;align-items:center;gap:9px;padding:8px}.event-poster{width:61px;height:82px;border-radius:9px;flex:none;background-image:linear-gradient(0deg,rgba(10,12,24,.55),transparent),url('/assets/live-stage.jpg');background-size:auto 100%;background-position:58% center}.poster-two{background-position:83% center;filter:hue-rotate(42deg)}.event-info{display:flex;flex-direction:column;gap:4px;min-width:0;flex:1}.event-info strong{font-size:9px;line-height:1.2}.event-info span,.event-info small{font-size:7px;color:#a4a4a4;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.event-info b{font-size:9px;margin-top:2px}.phone-event>.icon{width:13px;height:13px;color:#777}.phone-demo{font:500 6px var(--display);letter-spacing:.1em;text-align:center;color:#737373;margin-top:12px}
.phone-tabs{height:53px;border-top:1px solid #222;display:flex;justify-content:space-around;align-items:center}.phone-tab{background:none;border:0;color:#777;display:flex;flex-direction:column;align-items:center;gap:3px;font-size:7px;font-weight:700;padding:4px 8px;cursor:pointer}.phone-tab .icon{width:17px;height:17px}.phone-tab.is-active{color:#f8f8f8}.phone-tab-muted{cursor:default}.phone-homebar{width:80px;height:3px;border-radius:9px;background:#f7f7f7;align-self:center;margin-bottom:6px}
.ticket-view-title{display:flex;flex-direction:column;gap:6px;margin:8px 0 16px}.ticket-view-title strong{font-size:16px}.ticket-view-title span{font-size:8px;color:#969696}.phone-ticket{border:1px solid #292929;background:#111;border-radius:14px;padding:10px}.phone-ticket-top{display:flex;gap:8px}.ticket-poster{height:62px;width:46px;flex:none;border-radius:7px;background:url('/assets/live-stage.jpg') center/cover}.phone-ticket-top>div:nth-child(2){flex:1;display:flex;flex-direction:column;gap:6px}.phone-ticket-top strong{font-size:9px}.phone-ticket-top span{font-size:7px;color:#a4a4a4}.phone-ticket-top b{font-size:8px;color:#6fce9b}.ticket-divider{border-top:1px dashed #414141;margin:12px 0}.ticket-details{display:flex;justify-content:space-between}.ticket-details div{display:flex;flex-direction:column;gap:5px}.ticket-details small{font-size:7px;color:#888}.ticket-details strong{font-size:8px}.demo-code{width:85px;height:85px;margin:18px auto 0;background:repeating-conic-gradient(#151515 0 25%,#eee 0 50%) 0 0/14px 14px;border:7px solid #eee;position:relative}.demo-code:after{content:'DEMO';position:absolute;inset:30px -4px auto;background:#eee;color:#111;text-align:center;font:700 9px var(--display)}.phone-ticket>p{text-align:center;font:500 6px var(--display);letter-spacing:.1em;color:#888;margin:7px 0 2px}
.journey{background:#f0f0ed;color:#101116}.journey .section-kicker{color:#777b84}.journey .section-kicker>span:first-child{color:#23252a}.journey .section-kicker-line{background:#c2c2c0}.journey .small-label{color:#526fdb}.journey-heading{display:flex;align-items:end;justify-content:space-between;gap:30px;margin:63px 0 50px}.journey-heading .section-copy{max-width:250px;color:#73767c}.steps{display:grid;grid-template-columns:repeat(3,1fr);border-top:1px solid #c8c9c7}.step{padding:28px 30px 0 0}.step+.step{border-left:1px solid #c8c9c7;padding-left:30px}.step-top{display:flex;align-items:center;justify-content:space-between;font:700 11px var(--display);color:#777b83}.step-top .icon{width:21px;height:21px;color:#222}.step-art{height:190px;position:relative;display:flex;align-items:center;justify-content:center;margin:24px 0 30px;overflow:hidden;background:#e3e5e6}.art-discover{background:radial-gradient(circle at 50% 30%,#dce2fa,#e4e6e8 65%);flex-direction:column;gap:8px}.mini-search,.mini-result,.mini-option,.mini-ticket{background:#fff;border:1px solid #dbdee1;box-shadow:0 7px 18px #a5adbd30;border-radius:9px}.mini-search{width:72%;height:40px;display:flex;align-items:center;gap:8px;padding:0 12px;color:#8a8d95;font-size:9px}.mini-search .icon{width:14px;height:14px}.mini-result{width:72%;height:72px;display:flex;align-items:center;gap:10px;padding:8px}.mini-poster{height:100%;aspect-ratio:3/4;border-radius:5px;background:url('/assets/live-stage.jpg') center/cover}.mini-result>div:last-child{flex:1;display:grid;gap:6px}.mini-result i{height:5px;width:70%;border-radius:5px;background:#e7e8ea}.mini-result i:first-child{width:83%;background:#aeb1b9}.mini-result i:last-child{width:45%}.art-select{background:radial-gradient(circle at 50% 30%,#e2e2f7,#e4e6e8 70%);flex-direction:column;gap:9px}.mini-option{width:72%;height:58px;display:flex;align-items:center;justify-content:space-between;padding:0 12px}.mini-option>div{display:grid;gap:5px}.mini-option small{font-size:8px;color:#999}.mini-option strong{font:700 8px var(--display);letter-spacing:.03em}.mini-option>span{border-radius:50%;background:#16191f;color:#fff;width:18px;height:18px;display:grid;place-items:center;font-size:9px}.art-ticket{background:radial-gradient(circle at 50% 30%,#dceaf0,#e4e6e8 70%)}.mini-ticket{width:75%;height:90px;display:flex;align-items:center;gap:10px;padding:12px}.mini-ticket-icon{width:46px;height:55px;border-radius:7px;background:#101322;color:#91a8ff;display:grid;place-items:center}.mini-ticket>div:nth-child(2){display:grid;gap:8px;flex:1}.mini-ticket small{font:700 7px var(--display);color:#999;letter-spacing:.08em}.mini-ticket strong{font-size:10px}.mini-ticket>span{color:#18895f}.mini-ticket>span .icon{width:15px}.step h3{font-size:20px;letter-spacing:-.03em}.step p{color:#74777d;font-size:13px;line-height:1.9;margin-top:12px;max-width:320px}
.features-layout{display:grid;grid-template-columns:1fr 1fr;gap:12%;margin-top:75px}.features-title{position:relative}.asterisk{font-size:160px;line-height:1;margin-top:50px;width:max-content;background:linear-gradient(140deg,#20c5d9,#407bf4 55%,#a94df5);-webkit-background-clip:text;background-clip:text;color:transparent;font-family:var(--display);font-weight:400}.feature-list{border-top:1px solid var(--line)}.feature-list article{display:grid;grid-template-columns:35px 1fr 20px;gap:15px;padding:27px 0;border-bottom:1px solid var(--line)}.feature-list article>span{font:600 10px var(--display);color:#727681;padding-top:5px}.feature-list h3{font-size:18px;letter-spacing:-.02em}.feature-list p{font-size:13px;line-height:1.9;color:var(--muted);margin-top:10px;max-width:390px}.feature-list .icon{width:17px;height:17px;color:#818693}
.closing{position:relative;min-height:540px;overflow:hidden;background:#10121b}.closing-image{background:url('/assets/live-stage.jpg') center 61%/cover;filter:saturate(.8);opacity:.62}.closing-overlay{background:linear-gradient(90deg,#0b0d14 3%,rgba(11,13,20,.85) 43%,rgba(11,13,20,.25)),linear-gradient(0deg,rgba(8,10,14,.5),transparent)}.closing-inner{position:relative;padding-block:68px 78px}.closing .small-label{margin-top:85px}.closing h2{max-width:700px}.closing-inner>p:not(.small-label){color:#c5c8d2;font-size:14px;margin-top:22px}.closing .button{margin-top:30px}.closing-stamp{position:absolute;right:0;bottom:75px;width:120px;height:120px;border:1px solid rgba(255,255,255,.55);border-radius:50%;display:flex;flex-direction:column;justify-content:center;align-items:center;gap:4px;text-align:center;font:700 8px var(--display);letter-spacing:.12em;transform:rotate(14deg)}.closing-stamp b{font-size:30px;color:#9ab8ff;font-weight:400}
.site-footer{background:#07080a;padding:50px 0 22px}.footer-main{display:flex;align-items:center;gap:30px;padding-bottom:55px}.footer-main>p{font-size:12px;color:#888c96}.footer-links{display:flex;gap:30px;margin-left:auto;font-size:11px;font-weight:600;color:#c9cbd0}.footer-bottom{border-top:1px solid #24262a;padding-top:20px;display:flex;justify-content:space-between;gap:20px;color:#777b84;font:600 9px var(--display);letter-spacing:.1em}
@media(max-width:1000px){.shell{width:min(100% - 64px,1376px)}.desktop-nav{gap:22px}.hero h1{font-size:clamp(56px,8vw,82px)}.intro-grid{gap:5%}.phone-stage{height:620px}.phone-label-left{left:18px}.phone-label-right{right:18px}.features-layout{gap:7%}.step{padding-right:20px}.step+.step{padding-left:20px}.footer-links{gap:17px}}
@media(max-width:720px){html{scroll-padding-top:64px}.shell{width:calc(100% - 40px)}.header-inner{height:68px}.brand{font-size:16px}.brand img{width:34px;height:34px}.desktop-nav,.header-cta{display:none}.header-actions{gap:19px}.menu-button{display:flex;width:28px;height:32px;flex-direction:column;justify-content:center;gap:6px;padding:2px}.menu-button span{width:24px;height:1px;background:#fff;transition:transform .2s}.menu-button[aria-expanded=true] span:first-child{transform:translateY(3.5px) rotate(45deg)}.menu-button[aria-expanded=true] span:last-child{transform:translateY(-3.5px) rotate(-45deg)}.mobile-nav:not([hidden]){display:flex;position:absolute;top:68px;left:0;right:0;flex-direction:column;background:#101218;padding:14px 20px 25px;border-bottom:1px solid #333}.mobile-nav a{padding:15px 0;font-size:14px;border-bottom:1px solid #292b31}.hero{height:760px;min-height:680px;max-height:900px}.hero-image{background-position:63% center}.hero-shade{background:linear-gradient(90deg,rgba(8,10,14,.88),rgba(8,10,14,.45) 75%),linear-gradient(0deg,#080a0e 0%,transparent 35%),linear-gradient(180deg,rgba(5,7,12,.55),transparent 30%)}.hero-content{padding-top:100px;justify-content:center}.hero h1{font-size:clamp(49px,10vw,72px);line-height:1.18}.hero-copy{max-width:320px;font-size:14px}.hero-actions{gap:22px}.hero-side{right:10px;font-size:8px}.hero-caption{right:20px;bottom:85px}.hero-bottom{bottom:25px}.marquee-inner{height:52px;justify-content:flex-start;padding-left:20px;font-size:9px;min-width:1050px}.section{padding-block:82px}.section-kicker{gap:10px;font-size:9px}.section-kicker-line{width:27px}.intro-grid{grid-template-columns:1fr;gap:36px;margin-top:45px}.intro-copy{padding:0}.intro h2,.journey h2,.features h2,.closing h2{font-size:clamp(36px,8vw,52px)}.intro .section-copy{margin-top:20px}.intro-rule{margin-top:30px}.phone-stage{height:630px}.phone-label{top:22px}.journey-heading{display:block;margin:49px 0 35px}.journey-heading .section-copy{margin-top:17px}.steps{grid-template-columns:1fr}.step,.step+.step{border-left:0;border-bottom:1px solid #c8c9c7;padding:24px 0 30px}.step-art{height:180px;margin:20px 0 24px}.step h3{font-size:19px}.features-layout{grid-template-columns:1fr;gap:38px;margin-top:55px}.asterisk{position:absolute;right:0;bottom:-18px;font-size:95px;margin:0}.feature-list article{padding:23px 0}.closing{min-height:520px}.closing-inner{padding-block:55px 65px}.closing .small-label{margin-top:90px}.closing-overlay{background:linear-gradient(90deg,rgba(11,13,20,.92),rgba(11,13,20,.58)),linear-gradient(0deg,rgba(8,10,14,.5),transparent)}.closing-stamp{width:86px;height:86px;right:0;bottom:50px;font-size:6px}.closing-stamp b{font-size:21px}.footer-main{display:block;padding-bottom:35px}.footer-main>p{margin-top:15px}.footer-links{margin:30px 0 0;flex-wrap:wrap;gap:20px}.footer-bottom{font-size:8px;line-height:1.6}.footer-bottom span:last-child{text-align:right}}
@media(max-width:370px){.hero h1{font-size:43px}.hero-actions{gap:13px}.button{gap:24px;padding-inline:17px}.phone-stage{margin-inline:-20px;border-inline:0}.phone-label{font-size:8px}.phone-label-left{left:10px}.phone-label-right{right:10px}}
@media(max-width:720px){.hero-actions{gap:18px}.hero-actions .button{gap:20px;white-space:nowrap}.hero-actions .text-link{white-space:nowrap;font-size:12px}.hero-caption{bottom:66px}.hero-copy{color:#e0e1e7;text-shadow:0 1px 8px #080a0e}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*::before,*::after{transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}