@charset "UTF-8";
:root{color-scheme:dark;--bg:#121212;--panel:#191919;--text:#f5f5f5;--muted:#a1a1a1;--accent:#e82127;--line:rgba(238,238,240,.13);--font:"Microsoft YaHei UI","PingFang SC","Microsoft YaHei",sans-serif}
*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:100px}body{margin:0;background:var(--bg);color:var(--text);font-family:var(--font);-webkit-font-smoothing:antialiased}body:has(dialog[open]){overflow:hidden}::selection{color:#121212;background:var(--accent)}a{color:inherit;text-decoration:none}button,input{font:inherit}button,a{-webkit-tap-highlight-color:transparent}button{cursor:pointer}button:disabled{cursor:default}[hidden]{display:none!important}button{color:inherit}button:focus-visible,a:focus-visible,summary:focus-visible{outline:2px solid var(--accent);outline-offset:6px}svg.icon{width:24px;height:24px;fill:none;stroke:currentColor;stroke-width:1.6;stroke-linecap:round;stroke-linejoin:round;flex-shrink:0}.icon.apple{fill:currentColor;stroke:none}.icon-library{position:absolute;width:0;height:0;overflow:hidden}.container{width:min(1240px,calc(100% - 112px));margin-inline:auto}.mono{font-family:Consolas,"Courier New",monospace;font-size:10px;font-weight:400;letter-spacing:1.1px}.skip-link{position:fixed;top:-80px;left:15px;padding:12px 18px;z-index:100;background:var(--accent);color:#111}.skip-link:focus{top:10px}.site-header{height:92px;background:rgba(16,17,20,.9);backdrop-filter:blur(18px);position:relative;z-index:10;border-bottom:1px solid var(--line)}.header-inner{height:100%;display:flex;align-items:center;justify-content:space-between}.brand{display:inline-flex;align-items:center;gap:12px;flex-shrink:0}.brand-name{font-weight:700;font-size:21px;letter-spacing:2px}.brand-mark{position:relative;width:37px;height:37px;background:var(--accent);border-radius:10px;color:#141414;font:900 italic 29px/39px Arial;text-align:center;transform:rotate(-4deg)}.brand-mark>span{position:absolute;font:700 24px/1 Arial;right:1px;top:-6px;background:var(--accent);border-radius:6px}.header-inner nav{display:flex;gap:38px}.nav-link{font-size:13px;color:#b6b6b6;transition:color .2s}.nav-link:hover{color:var(--accent)}.header-download{border:1px solid #5d5d5d;border-radius:6px;padding:11px 17px;font-size:12px;display:flex;gap:20px;align-items:center;transition:background .2s}.header-download .icon{width:17px;height:17px}.header-download:hover{background:var(--accent);border-color:var(--accent);color:#111}
.hero{display:grid;grid-template-columns:1fr 1.04fr;min-height:690px;position:relative}.hero-copy{position:relative;z-index:2;padding-top:90px}.eyebrow{display:flex;align-items:center;gap:10px;color:#c3c3c3;font-size:11px;letter-spacing:2px}.status-dot{width:6px;height:6px;border-radius:50%;display:inline-block;background:var(--accent);flex-shrink:0;box-shadow:0 0 12px #f44b5135}.eyebrow-line{width:42px;height:1px;background:#4a4a4a;margin-left:5px}h1{font-size:clamp(44px,4.65vw,68px);line-height:1.3;letter-spacing:-2px;font-weight:800;margin:26px 0}.highlight{color:var(--accent);position:relative;display:inline-block}.highlight-line{position:absolute;bottom:-9px;left:0;right:0;height:14px;border-top:2px solid var(--accent);border-radius:60% 30%;transform:rotate(-2deg);opacity:.7}.period{color:var(--accent);margin-left:-9px}.hero-description{font-size:15px;line-height:2;color:#a3a3a3;letter-spacing:.6px;margin:30px 0 31px}.hero-actions{display:flex;align-items:center;gap:30px}.button{border:0;border-radius:5px;min-height:51px;display:inline-flex;align-items:center;justify-content:center;gap:25px;font-size:13px;font-weight:600;padding:0 23px;transition:transform .2s,background .2s,color .2s}.button:hover{transform:translateY(-2px)}.button-primary{background:var(--accent);color:#1a1a1a}.button-primary:hover{background:#f33339}.button .icon{width:20px;height:20px}.text-link{font-size:12px;color:#cfcfcf;display:flex;align-items:center;gap:14px}.text-link span{font-size:20px}.text-link:hover{color:var(--accent)}.hero-platforms{display:flex;align-items:center;gap:13px;color:#929292;margin-top:24px}.hero-platforms .icon{width:17px;height:17px}.hero-platforms>span:last-child{font-size:10px;letter-spacing:.3px}.tiny-divider{height:13px;width:1px;background:#4e4e4e;margin:0 3px}.hero-bottom{position:absolute;bottom:27px;left:0;right:0;display:flex;justify-content:space-between;align-items:center;max-width:445px;color:#717171}.hero-bottom .mono{font-size:9px;letter-spacing:1.4px}.scroll-hint{font-size:10px;display:flex;gap:15px;align-items:center}.scroll-hint>span{font-size:20px}.visual-stage{position:relative;min-width:0;isolation:isolate;--stage-accent:var(--accent)}.visual-coordinate{position:absolute;top:45px;right:0;z-index:3;color:#818181;font-size:8px;letter-spacing:1.8px}.stage-orbit{position:absolute;width:550px;height:550px;border:1px solid #f5757912;border-radius:50%;top:60px;left:20px;transform:rotate(-15deg)}.stage-orbit:after{content:"";inset:34px;position:absolute;border:1px dashed #f5757910;border-radius:50%}.car-photo{position:absolute;top:95px;left:-160px;right:-64px;height:530px;z-index:-1;background:url("assets/hero-car.webp") center/cover no-repeat;mask-image:linear-gradient(to right,transparent,black 13%,black 90%,transparent),linear-gradient(to bottom,transparent,black 15%,black 82%,transparent);mask-composite:intersect}.stage-word{position:absolute;top:55px;left:4px;color:#e5e5e506;font:900 136px/1 Arial;letter-spacing:-9px;z-index:-2;transform:rotate(-7deg)}.creative-note{position:absolute;top:153px;left:15px;display:flex;gap:12px;align-items:center;transform:rotate(-8deg)}.note-spark{color:var(--accent);font-size:43px;line-height:1}.creative-note div{font-size:12px;color:#bcbcbc;line-height:1.8;letter-spacing:1px}.creative-note strong{font-size:16px;font-weight:600;color:#e3e3e3}.phone-shell{position:absolute;width:233px;height:480px;top:94px;right:10px;border:1px solid #949494;border-radius:36px;padding:7px;background:linear-gradient(130deg,#383838,#0d0d0d 25%,#181818 80%,#545454);box-shadow:16px 28px 65px #0009,-2px -1px 1px #afafaf4a;transform:rotate(8deg);z-index:2}.phone-side{position:absolute;right:-3px;top:115px;height:47px;width:3px;background:#777777;border-radius:3px}.phone-screen{background:#f2f2f2;color:#212121;width:100%;height:100%;border-radius:29px;overflow:hidden;padding:0 13px;position:relative}.phone-status{height:32px;display:flex;align-items:center;justify-content:space-between;font:700 8px Arial;padding:0 7px}.island{width:62px;height:17px;border-radius:20px;background:#101010;position:absolute;left:50%;top:7px;transform:translateX(-50%)}.phone-heading{margin-top:13px;display:flex;align-items:center;justify-content:space-between;font-size:13px;font-weight:700;letter-spacing:1px}.phone-heading .icon{width:18px;height:18px}.phone-label{font:8px Consolas,monospace;letter-spacing:1px;color:#7a7a7a;margin-top:20px}.phone-title{font-size:17px;letter-spacing:-.6px;font-weight:700;margin:7px 0 13px;display:flex;justify-content:space-between}.phone-title>span{font:20px Arial}.phone-art{height:142px;background:#dcb3b4;position:relative;border-radius:5px;overflow:hidden}.art-orb{position:absolute;border-radius:50%;width:130px;height:130px;background:radial-gradient(circle at 25% 20%,#dcdcdc,#cf565a 35%,#632f31 75%,#1f1f1f);box-shadow:0 10px 25px #50505070}.orb-one{top:12px;right:-8px}.orb-two{width:75px;height:75px;left:40px;top:67px;background:radial-gradient(circle at 25% 20%,#f8f8f8,#e6e6e6 30%,#a7a7a7 70%,#515151);z-index:1}.art-contours{position:absolute;width:200px;height:100px;border:1px solid #66666633;border-radius:50%;left:-80px;top:-55px;box-shadow:0 0 0 12px #57575711,0 0 0 24px #57575711,0 0 0 36px #57575711,0 0 0 48px #57575711}.art-caption{position:absolute;left:12px;top:20px;font-size:10px;font-weight:700;writing-mode:vertical-rl;letter-spacing:2px}.art-number{position:absolute;bottom:8px;right:8px;font-size:6px;letter-spacing:1px;color:#373737;z-index:2}.phone-tabs{display:flex;justify-content:space-between;font-size:8px;margin:16px 0 13px;color:#8b8b8b}.phone-tabs .active{color:#222;font-weight:700;position:relative}.phone-tabs .active:after{content:"";position:absolute;height:2px;width:15px;left:8px;bottom:-5px;background:#8e4b4d}.phone-tiles{display:grid;grid-template-columns:1fr 1fr;gap:9px}.tile-art,.tile-sound{height:80px;border-radius:4px;overflow:hidden;padding:11px 9px;position:relative}.tile-art{background:#cdcdcd;display:flex;justify-content:space-between}.tile-art span:first-child{font:900 15px/.92 Arial;letter-spacing:-1px;z-index:1}.tile-art span:last-child{font-size:23px;align-self:end}.tile-art:after{content:"";position:absolute;width:80px;height:80px;border:14px solid #7d7d7d;border-radius:50%;right:-40px;top:-10px}.tile-sound{background:#272727;color:#deb9ba;display:flex;flex-direction:column;justify-content:space-between}.tile-sound .icon{width:43px;height:27px;align-self:center}.tile-sound span{font:8px/1.1 Arial;letter-spacing:.5px}.phone-tiles strong{display:block;font-size:7px;margin:7px 0 4px}.phone-tiles small{display:block;font-size:6px;color:#919191}.phone-nav{position:absolute;left:0;right:0;bottom:0;height:45px;background:#f8f8f8;display:flex;align-items:center;justify-content:space-around;font-size:10px;border-top:1px solid #d9d9d9;color:#929292}.phone-nav-car{width:30px;height:30px;border-radius:50%;background:#222222;display:flex;align-items:center;justify-content:center;color:#f1a1a4}.phone-nav-car .icon{width:18px;height:18px}.phone-nav:after{content:"";position:absolute;bottom:3px;width:65px;height:3px;border-radius:3px;background:#323232}.floating-badge{position:absolute;bottom:69px;left:75px;z-index:3;display:flex;align-items:center;gap:12px;padding:13px 15px;border:1px solid #dbb7b835;background:#222222e8;backdrop-filter:blur(18px);border-radius:9px;box-shadow:0 15px 30px #0004;transform:rotate(-5deg)}.badge-icon{background:var(--accent);color:#242424;padding:8px;border-radius:8px;display:flex}.badge-icon .icon{width:22px;height:22px}.floating-badge strong{font-size:12px;display:block;font-weight:500}.floating-badge div>span{font-size:9px;display:block;color:#9e9e9e;margin-top:5px;letter-spacing:1px}.badge-star{font-size:25px;color:var(--accent);margin-left:12px}.design-label{position:absolute;bottom:26px;right:0;font-size:8px;color:#727272;letter-spacing:.3px}
.feature-rail{border-top:1px solid var(--line);border-bottom:1px solid var(--line);background:#141414}.rail-inner{display:flex;align-items:center;justify-content:space-between;gap:25px;min-height:96px}.rail-inner>span:not(.rail-heading){display:flex;gap:12px;align-items:center;font-size:13px;letter-spacing:1px;color:#c1c1c1}.rail-inner .icon{color:#a0a0a0;width:22px;height:22px}.rail-heading{font-size:12px;font-weight:600;letter-spacing:2px;border-right:1px solid #454545;padding-right:55px}.rail-heading>span{display:block;font:7px Consolas,monospace;color:#707070;letter-spacing:1px;margin-top:8px}.section{padding-top:100px;padding-bottom:100px}.section-heading{display:flex;justify-content:space-between;align-items:end;margin-bottom:38px}.section-kicker{font-size:9px;color:#9b9b9b;letter-spacing:1.8px;display:block;margin-bottom:16px}h2{font-weight:600;letter-spacing:-.9px;font-size:35px;line-height:1.5;margin:0}.section-heading p{color:var(--muted);font-size:12px;line-height:1.9;letter-spacing:.5px;margin:0}.feature-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:19px}.feature-card{border:1px solid var(--line);border-radius:10px;min-width:0;overflow:hidden;position:relative;transition:transform .3s,border-color .3s;background:#191919}.feature-card:hover{transform:translateY(-6px);border-color:#dd838660}.card-top{display:flex;justify-content:space-between;align-items:center;padding:24px 24px 0}.card-chip{font-size:10px;border:1px solid #c7c7c72a;border-radius:20px;padding:6px 10px;color:#bbbbbb}.round-arrow{display:flex;align-items:center;justify-content:center;border:1px solid #b8b8b828;width:30px;height:30px;border-radius:50%;transition:background .2s,color .2s}.round-arrow .icon{width:16px;height:16px}.feature-card:hover .round-arrow{background:var(--accent);color:#1d1d1d}.wrap-art,.sound-art,.guide-art{height:235px;position:relative}.wrap-art{overflow:hidden}.wrap-art-word{position:absolute;top:21px;left:25px;font:900 50px/.88 Arial;letter-spacing:-3px;color:#2c2c2c}.mini-car{position:absolute;left:10px;right:-6px;top:58px;transform:rotate(-8deg)}.mini-car svg{width:100%;height:auto;filter:drop-shadow(0 12px 10px #0004)}.art-swatches{display:flex;gap:6px;position:absolute;bottom:20px;left:25px}.art-swatches i{width:9px;height:9px;border-radius:50%;background:#e38e91}.art-swatches i:nth-child(2){background:#e4c9ac}.art-swatches i:nth-child(3){background:#98b6b8}.art-swatches i:nth-child(4){background:#5f5f5f}.card-copy{padding:0 24px 27px}.card-copy h3{font-size:22px;font-weight:500;letter-spacing:.3px;line-height:1.55;margin:0 0 12px}.card-copy p{font-size:10px;color:#8c8c8c;line-height:1.8;margin:0}.feature-sound{background:#1a1a1a}.feature-sound .card-copy p{color:#919191}.record-disc{position:absolute;width:167px;height:167px;top:26px;left:calc(50% - 83px);border-radius:50%;background:repeating-radial-gradient(circle at center,#262626 0px,#262626 1px,#313131 2px,#222222 3px,#222222 5px);box-shadow:0 10px 25px #0005;transform:rotate(-18deg)}.record-disc:after{content:"";position:absolute;inset:0;border-radius:50%;background:conic-gradient(from 20deg,transparent,#edb4b61a,transparent 30%,#edb4b612,transparent 70%)}.disc-center{position:absolute;width:55px;height:55px;left:56px;top:56px;background:#d0a677;border-radius:50%;color:#392b1c;display:flex;align-items:center;justify-content:center}.disc-center .icon{width:27px;height:27px}.sound-bars{position:absolute;bottom:38px;left:40px;right:40px;display:flex;height:40px;align-items:center;justify-content:space-between;gap:3px}.sound-bars i{width:3px;min-width:2px;background:#dc888baa;border-radius:3px;height:var(--bar-height)}.sound-caption{position:absolute;bottom:10px;left:0;right:0;text-align:center;color:#767676;font-size:7px;letter-spacing:1.7px}.feature-guide{background:#1c1c1c}.guide-art{perspective:500px}.guide-paper{position:absolute;width:135px;height:162px;border-radius:3px;top:30px;left:calc(50% - 67px)}.back-paper{background:#5d5d5d;transform:rotate(-12deg) translate(-14px,2px);box-shadow:0 15px 30px #0003}.front-paper{background:#b5b5b5;color:#282828;transform:rotate(8deg) translate(10px,-3px);padding:15px;display:flex;flex-direction:column;justify-content:space-between;box-shadow:0 15px 20px #0005}.front-paper>.mono{font-size:7px;letter-spacing:.8px;line-height:1.5}.front-paper>.icon{width:55px;height:40px;align-self:end;stroke-width:1}.guide-paper-bottom{font-size:11px;line-height:1.4;font-weight:600;position:relative}.guide-paper-bottom>span{position:absolute;bottom:0;right:0;font-size:25px;font-weight:400}.guide-sticker{position:absolute;right:30px;bottom:32px;transform:rotate(-12deg);border:1px solid #e3c8c95e;border-radius:50%;width:53px;height:53px;background:#363636;color:#d1d1d1;font-size:10px;line-height:1.4;display:flex;align-items:center;justify-content:center;text-align:center}
.studio-section{border-top:1px solid var(--line);border-bottom:1px solid var(--line);padding:87px 0;background:#141414}.studio-grid{display:grid;grid-template-columns:.9fr 1.6fr;gap:65px;align-items:center}.studio-copy h2{font-size:39px;line-height:1.5}.studio-copy h2>span{color:var(--accent)}.studio-copy>p{font-size:12px;line-height:2;color:#949494;margin:22px 0 28px}.studio-tabs{display:flex;flex-direction:column;gap:7px;max-width:260px}.studio-tabs>button{display:flex;align-items:center;gap:13px;border:1px solid transparent;background:transparent;color:#8d8d8d;text-align:left;padding:13px 16px;border-radius:6px;font-size:12px;transition:all .2s}.studio-tabs>button .icon{width:17px;height:17px}.studio-tabs>button>span{margin-left:auto;font-size:18px}.studio-tabs>button[aria-selected=true]{background:#232323;border-color:#454545;color:#efa1a4}.studio-tabs>button:hover{background:#202020}.studio-window{border:1px solid #484848;border-radius:10px;overflow:hidden;box-shadow:0 28px 60px #0003;min-width:0;transform:rotate(-1deg)}.window-bar{display:flex;align-items:center;justify-content:space-between;gap:10px;height:44px;border-bottom:1px solid #3c3c3c;background:#262626;padding:0 17px;font-size:8px;color:#a0a0a0}.window-dots{display:flex;gap:5px}.window-dots i{width:6px;height:6px;border-radius:50%;background:#575757}.window-dots i:first-child{background:#d1a9aa}.window-demo{font-size:7px;opacity:.7}.editor-body{display:grid;grid-template-columns:41px 1fr 155px;background:#1c1c1c;min-height:327px;--paint:#e82127;--paint-dark:#5e3233;--paint-soft:#a7a7a7}.editor-toolbar{display:flex;flex-direction:column;align-items:center;padding-top:21px;gap:16px;color:#828282;font-size:17px;border-right:1px solid #3e3e3e2f}.editor-toolbar .selected{color:#f49fa2;background:#343434;width:25px;height:25px;border-radius:4px;display:flex;align-items:center;justify-content:center}.editor-canvas{position:relative;display:flex;align-items:center;justify-content:center;overflow:hidden;background-image:radial-gradient(#a5a5a525 .6px,transparent .6px);background-size:12px 12px}.canvas-note{font-size:5px;letter-spacing:1.1px;position:absolute;top:16px;left:13px;color:#6c6c6c}.canvas-poster{width:172px;height:235px;background:var(--paint);position:relative;overflow:hidden;color:#242424;padding:13px 15px;box-shadow:0 12px 30px #0003;transition:background .3s}.poster-no{font:6px Consolas,monospace;letter-spacing:1px;position:relative;z-index:1}.poster-main{display:block;font:900 45px/.91 Arial;letter-spacing:-3px;margin-top:18px;position:relative;z-index:1}.poster-main em{font-style:normal;color:var(--paint-dark)}.poster-orb{position:absolute;bottom:10px;right:-40px;width:180px;height:180px;border-radius:50%;background:radial-gradient(circle at 30% 20%,#f1f1f1,var(--paint-soft) 25%,var(--paint-dark) 65%,#222222);opacity:.8}.poster-foot{position:absolute;bottom:13px;left:14px;font-size:6px;letter-spacing:1px;z-index:1}.canvas-scale{position:absolute;left:13px;bottom:12px;font-size:5px;color:#717171}.editor-side{border-left:1px solid #3a3a3a66;padding:23px 13px;display:flex;flex-direction:column}.side-heading{font-size:8px;color:#bcbcbc}.palette-choices{display:flex;gap:8px;margin-top:13px}.palette-choice{width:22px;height:22px;border-radius:50%;border:2px solid transparent;background:#e82127;padding:0;position:relative}.palette-choice[data-color=graphite]{background:#92979e}.palette-choice[data-color=silver]{background:#c9cdd3}.palette-choice.is-selected:after{content:"";position:absolute;inset:-5px;border:1px solid #ababab;border-radius:50%}.second-heading{margin-top:34px}.layer-list{display:flex;flex-direction:column;gap:8px;margin-top:12px}.layer-list>span{display:flex;align-items:center;gap:6px;font-size:6px;color:#a6a6a6;background:#272727;padding:9px 5px;border-radius:3px}.layer-list b{font:6px Consolas,monospace;color:#6a6a6a}.layer-list .icon{width:9px;height:9px;margin-left:auto;color:#e59a9c}.editor-cta{display:flex;align-items:center;justify-content:center;gap:8px;background:#d6b2b3;color:#282828;border-radius:3px;margin-top:auto;min-height:30px;font-size:7px;font-weight:600}.editor-cta .icon{width:12px;height:12px}.window-footer{display:flex;align-items:center;gap:7px;background:#232323;border-top:1px solid #3e3e3e66;height:33px;padding:0 15px;font-size:7px;color:#8f8f8f}.window-footer .status-dot{width:4px;height:4px}.footer-star{margin-left:auto;font-size:17px;color:#d2a6a7}.editor-body[data-preview=sound] .canvas-poster{border-radius:50%;height:190px;width:190px;background:repeating-radial-gradient(circle,#292929 0,#292929 2px,#373737 3px,#161616 4px);color:var(--paint);padding:35px 28px}.editor-body[data-preview=sound] .poster-main{font-size:26px;letter-spacing:-1px;margin-top:16px}.editor-body[data-preview=sound] .poster-main em{color:var(--paint)}.editor-body[data-preview=sound] .poster-orb{display:none}.editor-body[data-preview=sound] .poster-foot{bottom:34px;left:29px}.editor-body[data-preview=guide] .canvas-poster{transform:rotate(-7deg);background:var(--paint-soft);box-shadow:-12px 8px #575757,0 12px 30px #0005}.editor-body[data-preview=guide] .poster-main{font-size:37px}.editor-body[data-preview=guide] .poster-orb{width:110px;height:110px;bottom:2px;right:-40px}.editor-body[data-color=graphite]{--paint:#92979e;--paint-dark:#35383e;--paint-soft:#d2d5da}.editor-body[data-color=silver]{--paint:#c9cdd3;--paint-dark:#60666f;--paint-soft:#eceef1}
.download-section{padding-top:100px;padding-bottom:75px}.download-intro{text-align:center;margin-bottom:42px}.download-intro .section-kicker{margin-bottom:18px}.download-intro h2{font-size:43px;line-height:1.35}.download-intro h2>span{color:var(--accent)}.download-intro>p{font-size:12px;color:var(--muted);margin-top:19px}.download-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:19px}.download-card{min-width:0;background:#191919;border:1px solid #9999992a;border-radius:10px;padding:26px 26px 21px;position:relative;overflow:hidden}.download-card-heading{display:flex;align-items:center;justify-content:space-between}.platform-icon{width:40px;height:40px;border:1px solid #b3b3b326;border-radius:10px;color:#d3a7a8;display:flex;align-items:center;justify-content:center;background:#232323}.platform-icon .icon{width:24px;height:24px}.wechat-icon{background:var(--accent);color:#272727}.download-tag{font:8px Consolas,var(--font);letter-spacing:1px;color:#848484;border:1px solid #484848;padding:5px 7px;border-radius:3px}.download-card h3{font-size:24px;font-weight:500;margin:25px 0 12px;letter-spacing:.3px}.download-card>p{font-size:11px;color:#8e8e8e;margin:0;line-height:1.8}.download-art,.mini-code-area{height:164px;margin:18px 0;position:relative}.mini-code-area{width:150px;height:150px;margin:25px auto 25px;background:#ddb9ba0c;display:flex;align-items:center;justify-content:center;flex-direction:column;gap:12px}.mini-code-area>.icon{width:39px;height:39px;color:#707070}.mini-code-area>span:not(.code-corner){font-size:9px;color:#828282}.code-corner{position:absolute;width:16px;height:16px;border:solid #9797974d}.top-left{left:0;top:0;border-width:1px 0 0 1px}.top-right{right:0;top:0;border-width:1px 1px 0 0}.bottom-left{bottom:0;left:0;border-width:0 0 1px 1px}.bottom-right{bottom:0;right:0;border-width:0 1px 1px 0}.mini-code-area img{height:150px;width:150px;object-fit:contain;background:#fff;padding:7px;border-radius:5px}.button-card{display:flex;width:100%;min-height:45px;border:1px solid #606060;background:transparent;color:#deb9ba;border-radius:4px;gap:18px;font-size:11px;padding:0 10px}.mini-card .button-card{background:#e82127;color:#232323;border-color:#e82127}.button-card:hover{background:#2b2b2b}.mini-card .button-card:hover{background:#f33339}.button-card .icon{width:16px;height:16px}.download-state{display:block;text-align:center;font-size:8px;color:#717171;margin-top:13px;line-height:1.7}.android-art{display:flex;align-items:center;justify-content:center;overflow:hidden}.android-art>.icon{width:73px;height:73px;color:#d1a4a6;z-index:1;stroke-width:1.3;filter:drop-shadow(0 10px 12px #0005);transform:rotate(-12deg)}.download-orbit{position:absolute;width:130px;height:130px;border-radius:50%;border:1px solid #7777773b;transform:rotate(-25deg) scaleY(.65);box-shadow:0 0 0 24px #80808010,0 0 0 48px #80808006}.art-plus{position:absolute;color:#656565;font-size:23px}.art-plus.one{left:30px;top:32px}.art-plus.two{right:30px;bottom:37px;font-size:12px}.os-word{position:absolute;bottom:2px;left:0;right:0;text-align:center;font-size:7px;color:#626262;letter-spacing:1.2px}.ios-art{display:flex;align-items:center;justify-content:center;overflow:hidden}.ios-art>.icon{width:67px;height:67px;color:#c6c6c6;filter:drop-shadow(0 7px 10px #0006);transform:rotate(10deg)}.ios-orbit{position:absolute;width:140px;height:140px;border-radius:50%;border:1px solid #6565653b}.orbit-a{transform:rotate(-25deg) scaleX(.5)}.orbit-b{transform:rotate(40deg) scaleX(.5)}.availability-note{text-align:center;font-size:9px;color:#7a7a7a;line-height:1.9;margin-top:23px;max-width:750px;margin-inline:auto}.faq-section{display:grid;grid-template-columns:1fr 1.7fr;gap:90px;padding:45px 0 90px}.faq-section h2{font-size:26px}.faq-section>div>p{font-size:11px;color:var(--muted);margin-top:18px;line-height:1.8}.faq-list{border-top:1px solid var(--line)}.faq-list details{border-bottom:1px solid var(--line)}.faq-list summary{display:flex;align-items:center;justify-content:space-between;gap:25px;list-style:none;padding:23px 0;font-size:12px;color:#c6c6c6;cursor:pointer}.faq-list summary::-webkit-details-marker{display:none}.faq-list summary .icon{width:17px;height:17px;color:#898989;transition:transform .2s}.faq-list details[open] summary .icon{transform:rotate(45deg)}.faq-list details>p{font-size:11px;line-height:2;color:#8f8f8f;margin:0 30px 22px 0}.closing{border-top:1px solid #7f7f7f2e;border-bottom:1px solid #7f7f7f2e;display:flex;align-items:center;gap:30px;padding-top:29px;padding-bottom:29px;margin-bottom:60px}.closing-star{font-size:54px;color:#e78b8e;line-height:1}.closing>p{font-size:25px;letter-spacing:1px;margin:0;font-weight:400}.closing>p>span{color:#c3c3c3}.closing>a{margin-left:auto;background:var(--accent);color:#272727;border-radius:50%;width:45px;height:45px;display:flex;align-items:center;justify-content:center;transition:transform .2s}.closing>a:hover{transform:rotate(12deg)}.closing>a .icon{width:23px;height:23px}.footer-top{display:flex;align-items:center;gap:35px;padding-bottom:30px}.footer-top .brand-name{font-size:17px}.footer-top .brand-mark{width:30px;height:30px;font-size:23px;line-height:32px;border-radius:8px}.footer-top .brand-mark>span{font-size:19px}.footer-tagline{font-size:10px;letter-spacing:3px;color:#767676}.footer-top>div{margin-left:auto;display:flex;gap:26px}.footer-link{background:transparent;border:0;font-size:10px;color:#9a9a9a;padding:4px 0}.footer-link:hover{color:var(--accent)}.footer-bottom{border-top:1px solid var(--line);min-height:71px;display:flex;align-items:center;justify-content:space-between;gap:20px;font-size:8px;color:#696969;line-height:1.8}.footer-bottom .mono{font-size:7px;color:#616161;letter-spacing:1.2px}.footer-separator{padding:0 9px;color:#414141}#filing-link:hover{color:#c3c3c3}
dialog{border:1px solid #666666;border-radius:15px;background:#1b1b1b;color:#e2e2e2;width:min(460px,calc(100% - 36px));padding:38px 35px 30px;text-align:center;box-shadow:0 30px 100px #0009}dialog::backdrop{background:#060606b8;backdrop-filter:blur(9px)}.dialog-close{position:absolute;top:13px;right:13px;border:0;background:transparent;color:#969696;display:flex;padding:5px}.dialog-close .icon{width:18px;height:18px}.dialog-symbol{display:flex;align-items:center;justify-content:center;margin:0 auto 22px;background:#2e2e2e;color:var(--accent);border:1px solid #585858;width:55px;height:55px;border-radius:14px}.dialog-symbol .icon{width:29px;height:29px}dialog .section-kicker{font-size:8px;margin-bottom:13px}dialog h2{font-size:25px}dialog p{font-size:12px;line-height:2;color:#a1a1a1;margin:18px 0 24px;white-space:pre-line}#dialog-media img{width:200px;height:200px;object-fit:contain;background:white;padding:9px;border-radius:8px;margin-bottom:25px}.dialog-link{width:100%;font-size:12px;min-height:44px;margin-bottom:12px}.dialog-dismiss{width:100%;font-size:12px;background:#2b2b2b;color:#cccccc;border:1px solid #4c4c4c;min-height:43px}.dialog-dismiss:hover{background:#393939}
@media(min-width:1600px){.container{width:min(1330px,calc(100% - 140px))}.hero{min-height:730px}.hero-copy{padding-top:110px}h1{font-size:74px}.phone-shell{top:115px;right:38px;width:249px;height:511px}.phone-art{height:158px}.phone-tiles .tile-art,.phone-tiles .tile-sound{height:91px}.car-photo{height:580px;right:-70px;top:100px}.hero-description{font-size:16px}.phone-tiles strong{font-size:8px}.phone-tiles small{font-size:7px}.floating-badge{bottom:65px;left:88px}}
@media(max-width:1150px){.container{width:calc(100% - 72px)}.hero{min-height:650px;grid-template-columns:1fr 1fr}.hero-copy{padding-top:82px}h1{font-size:clamp(37px,4.8vw,54px);letter-spacing:-2px}.hero-actions{gap:19px}.button{font-size:12px;padding:0 17px;gap:14px}.text-link{font-size:10px;gap:8px}.hero-description{font-size:13px}.phone-shell{width:207px;height:431px;top:104px;right:-2px;border-radius:32px}.phone-screen{border-radius:25px;padding:0 11px}.phone-status{height:29px}.phone-heading{margin-top:8px;font-size:12px}.phone-label{margin-top:16px;font-size:7px}.phone-title{font-size:15px;margin-top:6px}.phone-art{height:122px}.phone-tabs{font-size:7px;margin:14px 0 10px}.tile-art,.tile-sound{height:68px;padding:9px 7px}.tile-art span:first-child{font-size:12px}.phone-tiles strong{font-size:6px}.phone-tiles small{font-size:5px}.phone-nav{height:39px}.phone-nav-car{width:27px;height:27px}.car-photo{height:460px;top:130px;left:-145px;right:-35px}.stage-orbit{width:430px;height:430px;left:-10px;top:83px}.stage-word{font-size:105px;top:80px}.creative-note{top:167px;left:-14px}.creative-note strong{font-size:13px}.creative-note div{font-size:10px}.note-spark{font-size:32px}.floating-badge{bottom:67px;left:21px;gap:9px;padding:10px 12px}.floating-badge strong{font-size:10px}.floating-badge div>span{font-size:8px}.badge-icon{padding:7px}.badge-icon .icon{width:18px;height:18px}.hero-bottom .mono{font-size:7px}.hero-bottom{max-width:360px}.rail-heading{padding-right:25px}.rail-inner>span:not(.rail-heading){font-size:11px;gap:8px}.rail-inner .icon{width:19px;height:19px}.studio-grid{gap:35px;grid-template-columns:.85fr 1.6fr}.studio-copy h2{font-size:32px}.editor-body{grid-template-columns:32px 1fr 127px;min-height:305px}.editor-side{padding:20px 10px}.canvas-poster{width:146px;height:213px;padding:12px}.poster-main{font-size:40px}.editor-body[data-preview=sound] .canvas-poster{width:165px;height:165px;padding:25px}.editor-body[data-preview=sound] .poster-foot{bottom:27px;left:24px}.card-top{padding:20px 20px 0}.card-copy{padding:0 20px 25px}.card-copy h3{font-size:19px}.card-copy p{font-size:9px}.download-card{padding:22px 20px 20px}.download-card h3{font-size:22px}.feature-card .wrap-art,.sound-art,.guide-art{height:215px}.record-disc{width:150px;height:150px;left:calc(50% - 75px)}.disc-center{left:49px;top:49px;width:52px;height:52px}.faq-section{gap:40px}.footer-bottom .mono{font-size:6px}.footer-tagline{font-size:8px}}
@media(max-width:850px){.container{width:calc(100% - 48px)}.site-header{height:76px}.header-inner nav{gap:20px}.brand-name{font-size:18px}.brand-mark{width:32px;height:32px;font-size:25px;line-height:34px}.brand-mark>span{font-size:20px}.nav-link{font-size:11px}.header-download{font-size:10px;padding:9px 11px;gap:10px}.hero{min-height:605px}.hero-copy{padding-top:75px}h1{font-size:41px;letter-spacing:-2.7px}.hero-description{font-size:12px}.hero-actions{align-items:start;flex-direction:column;gap:20px}.hero-actions .button{min-height:46px}.hero-platforms{gap:9px;margin-top:22px}.hero-platforms>span:last-child{font-size:8px}.hero-platforms .icon{width:14px;height:14px}.phone-shell{width:185px;height:394px;top:93px;right:-2px;padding:6px}.phone-screen{padding:0 9px}.phone-art{height:107px}.phone-heading{font-size:11px}.phone-label{margin-top:13px}.phone-title{font-size:13px}.phone-tiles{gap:7px}.tile-art,.tile-sound{height:63px}.phone-tabs{font-size:6px}.phone-tiles strong{font-size:5.5px}.phone-tiles small{font-size:4.7px}.phone-nav{font-size:8px;height:36px}.phone-nav-car{height:25px;width:25px}.car-photo{left:-180px;right:-25px;top:178px;height:380px}.creative-note{top:120px;left:-8px}.creative-note div{font-size:9px}.creative-note strong{font-size:11px}.note-spark{font-size:27px}.stage-word{font-size:80px;top:55px}.visual-coordinate{font-size:6px;top:40px}.stage-orbit{width:330px;height:330px;left:-18px;top:100px}.floating-badge{bottom:65px;left:0;padding:9px 11px}.floating-badge strong{font-size:9px}.floating-badge div>span{font-size:6px}.badge-star{margin-left:0;font-size:20px}.design-label{font-size:6px;bottom:28px}.hero-bottom{max-width:290px}.hero-bottom .mono{font-size:6px;letter-spacing:.5px}.scroll-hint{font-size:8px;gap:8px}.rail-inner{gap:16px;min-height:85px}.rail-heading{font-size:10px;padding-right:20px}.rail-heading>span{font-size:6px}.rail-inner>span:not(.rail-heading){font-size:9px;gap:7px;white-space:nowrap}.rail-inner>span:last-child{display:none}.rail-inner .icon{width:17px;height:17px}.section{padding-top:75px;padding-bottom:75px}h2{font-size:28px}.section-heading p{font-size:10px}.feature-grid{gap:12px}.card-top{padding:16px 14px 0}.card-chip{font-size:8px;padding:5px 7px}.round-arrow{width:25px;height:25px}.card-copy{padding:0 14px 23px}.card-copy h3{font-size:17px}.card-copy p{font-size:9px}.feature-card .wrap-art,.sound-art,.guide-art{height:180px}.wrap-art-word{font-size:37px;left:15px}.mini-car{top:55px;left:0}.art-swatches{bottom:12px;left:16px}.record-disc{width:125px;height:125px;left:calc(50% - 62px);top:21px}.disc-center{width:43px;height:43px;top:41px;left:41px}.sound-bars{left:20px;right:20px;bottom:30px;height:28px}.sound-caption{font-size:5px;letter-spacing:1px}.guide-paper{width:102px;height:131px;left:calc(50% - 51px);top:22px}.front-paper{padding:12px}.front-paper>.mono{font-size:5px}.guide-paper-bottom{font-size:9px}.front-paper>.icon{width:40px;height:30px}.guide-sticker{right:10px;bottom:23px;width:43px;height:43px;font-size:8px}.studio-section{padding:65px 0}.studio-grid{gap:24px;grid-template-columns:.7fr 1.3fr}.studio-copy h2{font-size:26px}.studio-copy>p{font-size:10px}.studio-tabs>button{font-size:10px;padding:10px;gap:9px}.studio-tabs>button .icon{width:15px;height:15px}.editor-body{grid-template-columns:29px 1fr;min-height:290px}.editor-side{display:none}.window-bar{padding:0 10px;font-size:7px}.window-demo{font-size:6px}.window-dots{gap:4px}.window-dots i{width:5px;height:5px}.canvas-poster{width:154px;height:214px}.poster-main{font-size:42px}.window-footer{font-size:6px;padding:0 10px}.download-grid{gap:12px}.download-card{padding:20px 15px}.download-card h3{font-size:20px}.download-card>p{font-size:9px}.download-tag{font-size:7px;padding:4px 5px}.download-card .button{font-size:10px;gap:8px}.download-card .button .icon{width:14px;height:14px}.mini-code-area{width:132px;height:132px;margin:30px auto}.mini-code-area img{width:132px;height:132px}.download-art{height:150px;margin:21px 0}.availability-note{font-size:8px}.faq-section h2{font-size:22px}.faq-section{grid-template-columns:.85fr 1.5fr;gap:25px;padding-bottom:65px}.faq-list summary{font-size:10px;padding:20px 0}.faq-list details>p{font-size:10px}.closing>p{font-size:21px}.closing{margin-bottom:45px}.footer-top{gap:20px}.footer-tagline{display:none}.footer-top>div{gap:18px}.footer-link{font-size:9px}.footer-bottom{font-size:7px;flex-wrap:wrap;padding:18px 0;min-height:65px;gap:8px}.footer-bottom>.mono{display:none}}
@media(max-width:600px){html{scroll-padding-top:30px}.container{width:calc(100% - 40px)}.site-header{height:73px}.header-inner nav{display:none}.header-download{min-height:34px;font-size:10px}.brand{gap:10px}.brand-name{font-size:18px;letter-spacing:1px}.hero{grid-template-columns:1fr;min-height:auto}.hero-copy{padding-top:45px;text-align:center}.eyebrow{justify-content:center;font-size:9px;letter-spacing:1.7px}.eyebrow-line{width:25px}h1{font-size:clamp(40px,10.2vw,59px);line-height:1.3;margin:22px -8px;letter-spacing:-2px}.period{margin-left:-6px}.highlight-line{bottom:-10px;height:12px}.hero-description{font-size:12px;line-height:1.95;margin:26px 0 23px}.hero-actions{flex-direction:row;justify-content:center;gap:22px;align-items:center}.hero-actions .button{min-height:45px;font-size:11px;padding:0 15px;gap:12px}.text-link{font-size:10px;gap:6px}.text-link>span{font-size:16px}.hero-platforms{justify-content:center;margin-top:21px;gap:12px}.hero-platforms>span:last-child{font-size:8px}.hero-platforms .icon{width:15px;height:15px}.hero-bottom{display:none}.visual-stage{height:480px;margin:0 -10px}.visual-coordinate{top:29px;left:5px;right:auto;font-size:6px;letter-spacing:1.1px}.phone-shell{top:50px;right:24px;width:189px;height:398px;transform:rotate(8deg)}.phone-title{font-size:13px}.phone-art{height:110px}.phone-tiles strong{font-size:6px}.phone-tiles small{font-size:5px}.car-photo{top:103px;left:-55px;right:-20px;height:340px;background-position:56% center}.stage-orbit{top:43px;left:16px;width:330px;height:330px}.creative-note{top:83px;left:18px}.creative-note div{font-size:9px}.creative-note strong{font-size:13px}.note-spark{font-size:32px}.stage-word{top:25px;left:8px;font-size:81px;letter-spacing:-5px}.floating-badge{bottom:35px;left:12px;gap:10px;padding:10px 12px}.floating-badge strong{font-size:10px}.floating-badge div>span{font-size:7px}.badge-star{margin-left:5px}.design-label{bottom:4px;font-size:6px;right:11px}.rail-inner{display:grid;grid-template-columns:1fr 1fr;gap:20px 25px;padding-top:27px;padding-bottom:27px}.rail-heading{display:none}.rail-inner>span:last-child{display:flex}.rail-inner>span:not(.rail-heading){font-size:11px;gap:12px;justify-content:center}.rail-inner .icon{width:19px;height:19px}.section{padding-top:57px;padding-bottom:57px}.section-heading{display:block;margin-bottom:25px}.section-kicker{font-size:8px;letter-spacing:1.4px;margin-bottom:12px}h2{font-size:26px;letter-spacing:-.8px}.section-heading>p{font-size:10px;line-height:1.9;margin-top:14px}.section-heading>p br{display:none}.feature-grid{grid-template-columns:1fr;gap:15px}.feature-card{min-height:280px;display:grid;grid-template-columns:1fr 1fr;grid-template-rows:61px 1fr;border-radius:9px}.card-top{grid-column:1/-1;padding:20px 20px 0;position:relative;z-index:2}.card-chip{font-size:9px}.round-arrow{width:29px;height:29px}.feature-card .wrap-art,.sound-art,.guide-art{grid-column:2;grid-row:2;height:200px}.card-copy{grid-column:1;grid-row:2;align-self:end;padding:0 0 27px 20px;position:relative;z-index:1}.card-copy h3{font-size:20px;white-space:nowrap;line-height:1.5}.card-copy p{font-size:9px;max-width:140px;line-height:1.9}.wrap-art-word{font-size:35px;left:5px;top:7px;color:#343434}.mini-car{top:63px;left:-44px;right:-19px;transform:rotate(-18deg)}.art-swatches{left:47px;bottom:18px}.sound-art .record-disc{width:137px;height:137px;left:calc(50% - 68px);top:9px}.disc-center{width:47px;height:47px;left:45px;top:45px}.sound-bars{left:3px;right:18px;bottom:42px;height:31px}.sound-caption{font-size:5px;letter-spacing:.5px;bottom:19px}.guide-paper{width:101px;height:138px;left:calc(50% - 48px);top:4px}.guide-sticker{right:8px;bottom:28px;width:42px;height:42px}.guide-paper-bottom{font-size:9px}.studio-section{padding:56px 0}.studio-grid{grid-template-columns:1fr;gap:27px}.studio-copy h2{font-size:31px;line-height:1.5}.studio-copy>p{font-size:11px;margin:16px 0 22px}.studio-tabs{flex-direction:row;max-width:none;gap:5px}.studio-tabs>button{justify-content:center;flex:1;padding:11px 6px;gap:7px;font-size:10px}.studio-tabs>button>span{display:none}.studio-tabs>button .icon{height:14px;width:14px}.studio-window{transform:none}.editor-body{grid-template-columns:30px 1fr 112px;min-height:288px}.editor-side{display:flex;padding:20px 8px}.side-heading{font-size:7px}.palette-choice{width:19px;height:19px}.palette-choices{gap:7px}.palette-choice.is-selected:after{inset:-4px}.second-heading{margin-top:29px}.layer-list>span{font-size:5.5px;gap:4px;padding:8px 4px}.layer-list b{font-size:5px}.layer-list .icon{width:7px;height:7px}.editor-cta{font-size:6px;gap:5px}.editor-cta .icon{width:10px;height:10px}.canvas-note{font-size:4px;letter-spacing:.3px;left:8px}.canvas-scale{left:8px;font-size:4px}.canvas-poster{width:129px;height:197px;padding:12px 10px}.poster-no{font-size:5px;letter-spacing:.4px}.poster-main{font-size:35px;margin-top:18px;letter-spacing:-2px}.poster-orb{height:150px;width:150px;bottom:0;right:-43px}.poster-foot{font-size:5px;left:10px}.editor-body[data-preview=sound] .canvas-poster{width:130px;height:130px;padding:20px 17px}.editor-body[data-preview=sound] .poster-main{font-size:21px;margin-top:9px}.editor-body[data-preview=sound] .poster-foot{left:18px;bottom:19px;font-size:4px}.editor-body[data-preview=guide] .poster-main{font-size:31px}.window-footer{font-size:6px;padding:0 10px;gap:6px}.download-intro{margin-bottom:29px;text-align:left}.download-intro h2{font-size:35px}.download-intro>p{font-size:11px}.download-grid{grid-template-columns:1fr;gap:15px}.download-card{display:grid;grid-template-columns:1fr 1fr;padding:22px;column-gap:10px;align-items:start}.download-card-heading{grid-column:1;grid-row:1;justify-content:start;gap:12px}.platform-icon{width:35px;height:35px}.platform-icon .icon{width:21px;height:21px}.download-tag{font-size:6px;letter-spacing:.5px}.download-card h3{grid-column:1;grid-row:2;font-size:23px;margin:20px 0 9px}.download-card>p{grid-column:1;grid-row:3;font-size:9px;line-height:1.8}.download-art,.mini-code-area{grid-column:2;grid-row:1/5;align-self:center;justify-self:center;margin:0;width:130px;height:130px}.mini-code-area>span:not(.code-corner){font-size:8px}.mini-code-area>.icon{width:31px;height:31px}.mini-code-area img{width:130px;height:130px}.download-card .button-card{grid-column:1/-1;grid-row:5;margin-top:21px;min-height:43px;font-size:11px;gap:20px}.download-state{grid-column:1/-1;grid-row:6;font-size:8px;margin-top:11px}.download-art .os-word{font-size:5px;letter-spacing:.5px}.android-art>.icon{width:60px;height:60px}.download-orbit{width:100px;height:100px}.art-plus.one{left:4px;top:13px}.art-plus.two{right:2px;bottom:28px}.ios-art>.icon{width:58px;height:58px}.ios-orbit{width:115px;height:115px}.availability-note{text-align:left;font-size:8px;line-height:1.9;margin-top:18px}.faq-section{grid-template-columns:1fr;gap:24px;padding-top:10px;padding-bottom:50px}.faq-section h2{font-size:25px}.faq-section>div>p{font-size:10px;margin-top:10px}.faq-list summary{font-size:11px;padding:21px 0}.faq-list details>p{font-size:10px}.closing{gap:14px;padding-block:24px;margin-bottom:36px}.closing-star{font-size:35px}.closing>p{font-size:17px;letter-spacing:0}.closing>a{height:34px;width:34px}.closing>a .icon{height:18px;width:18px}.footer-top{flex-wrap:wrap;gap:20px;padding-bottom:24px}.footer-top .brand-name{font-size:17px}.footer-top>div{width:100%;margin:0;gap:24px}.footer-link{font-size:10px}.footer-bottom{font-size:7px;line-height:2;padding-block:18px}.footer-separator{padding:0 4px}.footer-bottom>span:first-child{width:100%}dialog{padding:34px 25px 25px}dialog h2{font-size:23px}dialog p{font-size:11px}}
@media(max-width:360px){.container{width:calc(100% - 30px)}h1{font-size:37px}.hero-actions{gap:12px}.hero-actions .button{font-size:10px;padding-inline:13px}.text-link{font-size:9px}.phone-shell{right:9px;width:178px;height:384px}.phone-art{height:103px}.phone-title{font-size:12px}.visual-stage{height:461px}.creative-note{left:9px}.floating-badge{left:4px;bottom:23px}.editor-body{grid-template-columns:26px 1fr 98px}.canvas-poster{width:117px;height:190px}.poster-main{font-size:33px}.editor-side{padding-inline:7px}.layer-list>span{font-size:5px;gap:3px}.palette-choice{width:17px;height:17px}.palette-choices{gap:7px}.download-card{padding:19px}.download-card h3{font-size:21px}.download-art,.mini-code-area{width:117px;height:117px}.closing>p{font-size:15px}.closing-star{font-size:30px}}
/* Performance red is an accent; the surrounding surfaces stay obsidian/silver. */
:root{--accent-text:#ff6268}
.brand-mark,.button-primary,.badge-icon,.wechat-icon,.mini-card .button-card,.closing>a{color:#fff}
.header-download:hover,.feature-card:hover .round-arrow{color:#fff}
.highlight,.period,.note-spark,.badge-star,.studio-copy h2>span,.download-intro h2>span,.closing-star{color:var(--accent-text)}
.nav-link:hover,.text-link:hover,.footer-link:hover{color:var(--accent-text)}
.highlight-line{border-color:var(--accent-text)}
.studio-tabs>button[aria-selected=true]{color:#ff858a;background:#2a1c20;border-color:#713137}
.editor-toolbar .selected,.layer-list .icon{color:#ff858a}
.editor-cta{background:#e82127;color:#fff}
.disc-center{background:#e82127;color:#fff}
.phone-art{background:#eadcdf}.phone-art .art-orb.orb-one{background:radial-gradient(circle at 25% 20%,#ffe5e6,#dc494f 35%,#682a30 75%,#25191c)}
.phone-art .art-orb.orb-two{background:radial-gradient(circle at 25% 20%,#fff,#e9eaec 30%,#a7abb1 70%,#4e545d)}
.tile-art{background:#dddfe3}.tile-art:after{border-color:#a1a6ae}.tile-sound{color:#e1e3e7}
.editor-body{--paint:#f25c61;--paint-dark:#681d24;--paint-soft:#f3b3b6}
.editor-body[data-color=graphite]{--paint:#92979e;--paint-dark:#35383e;--paint-soft:#d2d5da}
.editor-body[data-color=silver]{--paint:#c9cdd3;--paint-dark:#60666f;--paint-soft:#eceef1}
.car-photo{background-image:url("assets/hero-car-red.webp")}
.stage-orbit{transform:none;max-width:calc(100% - 32px);aspect-ratio:1;height:auto}
.visual-stage{clip-path:inset(-80px -16px -30px -180px)}
@media(max-width:600px){.visual-stage{clip-path:inset(0 -10px 0)}.car-photo{right:0}}
/* Give the car the entire hero visual, without a phone overlay. */
.car-photo{top:70px}
@media(min-width:851px){.car-photo{right:-36px}}
@media(max-width:600px){.visual-stage{height:400px}.car-photo{top:45px;height:330px}.floating-badge{bottom:28px}.creative-note{top:65px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{transition:none!important;animation:none!important}}

/* Account and resource desk */
.header-actions{display:flex;align-items:center;gap:10px}.header-account{display:flex;align-items:center;gap:8px;border:1px solid var(--line);background:transparent;border-radius:6px;padding:8px 11px;color:var(--text);font-size:11px;transition:border-color .2s,background .2s}.header-account:hover{border-color:var(--accent);background:#e8212712}.account-avatar{display:grid;place-items:center;width:22px;height:22px;border-radius:50%;background:var(--accent);color:#fff;font:700 11px Arial}.resource-section{padding:90px 0 80px}.resource-heading{display:flex;justify-content:space-between;align-items:end;gap:30px;margin-bottom:32px}.resource-heading h2{font-size:40px;line-height:1.35;margin:14px 0 12px}.resource-heading p{font-size:12px;color:var(--muted);margin:0}.resource-account{display:flex;align-items:center;gap:9px;white-space:nowrap;font-size:11px}.resource-account span{border:1px solid var(--line);padding:9px 11px;border-radius:5px}.resource-account b{color:var(--accent-text);font-size:16px}.text-button{border:0;background:transparent;color:var(--accent-text);font-size:11px;padding:7px 3px}.text-button:hover{text-decoration:underline}.resource-toolbar{display:flex;justify-content:space-between;align-items:center;gap:20px;padding:13px 0;border-top:1px solid var(--line);border-bottom:1px solid var(--line)}.resource-search{position:relative;display:block;max-width:340px;flex:1}.resource-search input{width:100%;height:40px;border:1px solid var(--line);background:var(--surface);color:var(--text);border-radius:5px;padding:0 38px 0 13px;font-size:11px}.resource-search .icon{position:absolute;right:12px;top:11px;width:17px;height:17px;color:var(--muted)}.resource-filters{display:flex;gap:6px;flex-wrap:wrap}.resource-filters button{border:1px solid var(--line);background:transparent;color:var(--muted);padding:9px 13px;border-radius:4px;font-size:10px}.resource-filters button[aria-pressed=true]{background:var(--accent);border-color:var(--accent);color:#fff}.resource-status{min-height:41px;padding:19px 0 10px;color:var(--muted);font-size:10px}.resource-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}.resource-card{border:1px solid var(--line);background:var(--surface);border-radius:8px;overflow:hidden;display:grid;grid-template-columns:112px 1fr;grid-template-rows:1fr auto;min-height:164px}.resource-media{grid-row:1/3;display:grid;place-items:center;background:linear-gradient(135deg,#f5dfe1,#e9ebf2);min-height:164px}.resource-media img{width:100%;height:100%;object-fit:cover}.resource-media-icon{font-size:45px;color:#e82127}.resource-copy{padding:18px 16px 5px;min-width:0}.resource-meta{font-size:8px;color:var(--accent-text);display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.resource-copy h3{font-size:16px;margin:10px 0 7px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.resource-copy p{font-size:10px;color:var(--muted);line-height:1.7;margin:0;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.resource-copy small{display:block;color:var(--muted);font-size:9px;margin-top:8px}.resource-actions{grid-column:2;display:flex;align-items:center;gap:12px;padding:9px 16px 15px;flex-wrap:wrap}.resource-action{min-height:34px;padding:0 11px;font-size:10px;border:1px solid var(--accent);background:var(--accent);color:#fff;border-radius:4px}.resource-action:hover{background:#c9161e}.resource-unlocked{font-size:9px;color:var(--accent-text)}.resource-audio{width:100%;height:32px}.resource-note{color:var(--muted);font-size:9px;line-height:1.8;margin:19px 0 0}.account-dialog{max-width:430px}.account-dialog form{text-align:left}.account-dialog form>label{display:block;color:var(--muted);font-size:10px;margin:13px 0}.account-dialog input[type=tel],.account-dialog input[type=password]{display:block;width:100%;height:42px;border:1px solid var(--line);background:var(--surface);color:var(--text);border-radius:4px;padding:0 11px;margin-top:7px;font-size:12px}.terms-check{display:flex!important;align-items:center;gap:8px}.terms-check input{accent-color:var(--accent)}.form-status{min-height:22px!important;margin:9px 0!important;text-align:left;font-size:10px!important}.form-status[data-tone=error]{color:#d91d26!important}.account-dialog form .button{width:100%;min-height:43px;border:0;border-radius:4px}.account-switch{border:0;background:transparent;color:var(--accent-text);font-size:10px;margin-top:16px}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
@media(max-width:900px){.resource-grid{grid-template-columns:repeat(2,1fr)}.resource-heading{align-items:start;flex-direction:column;gap:17px}.resource-account{width:100%}}
@media(max-width:600px){.header-actions{gap:6px}.header-account{padding:6px 8px;font-size:9px}.header-download{padding:8px 9px}.header-download .icon{display:none}.resource-section{padding:65px 0 58px}.resource-heading h2{font-size:29px}.resource-toolbar{align-items:stretch;flex-direction:column}.resource-search{max-width:none}.resource-filters{justify-content:space-between}.resource-filters button{flex:1;padding-inline:5px}.resource-grid{grid-template-columns:1fr}.resource-card{grid-template-columns:100px 1fr}.resource-copy{padding:15px 13px 4px}.resource-actions{padding:8px 13px 13px}.resource-account{gap:5px;flex-wrap:wrap}.resource-account span{padding:7px 8px;font-size:9px}.resource-account b{font-size:14px}.account-dialog{padding:33px 22px 24px}}