.app-section{position:relative;overflow:hidden;background:#07101a;color:#fff}
.app-section:before{content:"";position:absolute;inset:0;background:radial-gradient(circle at 20% 46%,rgba(255,151,0,.18),transparent 35%),linear-gradient(rgba(255,255,255,.025) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.025) 1px,transparent 1px);background-size:auto,48px 48px,48px 48px;pointer-events:none}
.app-intro{position:relative;display:grid;grid-template-columns:1fr 1fr;gap:80px;align-items:end;margin-bottom:68px}
.app-intro h2{font-size:clamp(42px,5.3vw,70px);line-height:1.02;letter-spacing:-.055em;margin:0}
.app-intro h2 span{color:#ff9800}.app-index{color:#ffb43b}.app-lead{color:#aab5bf;max-width:510px;margin:0;font-size:17px}
.app-showcase{position:relative;display:grid;grid-template-columns:.9fr 1.1fr;gap:9vw;align-items:center}
.phone-stage{min-height:720px;display:grid;place-items:center;position:relative}
.phone-glow{position:absolute;width:430px;height:430px;border-radius:50%;background:#ff9700;filter:blur(110px);opacity:.18}
.phone-frame{position:relative;width:min(330px,80vw);aspect-ratio:9/19.7;padding:9px;border-radius:48px;background:#151b22;box-shadow:0 45px 90px rgba(0,0,0,.55),inset 0 0 0 1px rgba(255,255,255,.16);overflow:hidden;z-index:1}
.phone-frame:before{content:"";position:absolute;z-index:3;top:17px;left:50%;transform:translateX(-50%);width:78px;height:22px;border-radius:20px;background:#11171d}
.phone-frame video{width:100%;height:100%;display:block;object-fit:cover;border-radius:40px;background:#f2f4f5}
.app-demo{padding:0;background:#f4f5f6;color:#171c22;font-family:Manrope,Arial,sans-serif;display:flex;flex-direction:column}
.app-demo:before{display:none}.demo-statusbar{height:28px;flex:0 0 28px;padding:9px 20px 0;display:flex;justify-content:space-between;color:#737b82;font-size:8px;font-weight:700;background:#f4f5f6}
.demo-toolbar{height:58px;flex:0 0 58px;display:flex;align-items:center;justify-content:center;gap:9px;padding:7px 12px;background:rgba(255,255,255,.96);border-bottom:1px solid #e6e8ea;position:relative;z-index:4}
.demo-toolbar img{width:37px;height:37px;margin-right:auto}.demo-toolbar button{width:34px;height:34px;border:0;border-radius:10px;background:transparent;color:#38414a;font-size:18px;cursor:pointer;transition:.2s}.demo-toolbar button:hover,.demo-toolbar button:focus-visible{background:#fff0dc;color:#e58500;outline:2px solid #ffac34;outline-offset:-2px}
.demo-toolbar button.spinning{animation:demo-spin .65s ease}@keyframes demo-spin{to{transform:rotate(360deg)}}
.demo-content{position:relative;flex:1;min-height:0;overflow-y:auto;overscroll-behavior:contain;scrollbar-width:thin;scrollbar-color:#ffae35 transparent;background:#f2f4f5}.demo-content::-webkit-scrollbar{width:5px}.demo-content::-webkit-scrollbar-thumb{background:#ffae35;border-radius:10px}
.demo-screen{display:none;padding:14px 14px 36px;min-height:100%}.demo-screen.active{display:block}.demo-online{display:flex;align-items:center;gap:8px;border:1px solid #b9e2ca;background:#e5f6ec;color:#2a955a;border-radius:13px;padding:12px;font-size:9px}.demo-online i{width:13px;height:13px;border-radius:50%;background:#38b66d;box-shadow:inset 0 0 0 4px #fff}.demo-online b{margin-left:auto;color:#273039;font-size:9px}
.demo-sun-card{margin-top:13px;border-radius:21px;padding:20px 14px;text-align:center;color:#fff;background:linear-gradient(145deg,#ffb000,#ff8700);box-shadow:0 12px 26px rgba(246,142,0,.22)}.demo-sun{display:block;font-size:38px;line-height:1}.demo-sun-card strong{display:block;font-size:49px;line-height:1;margin-top:8px}.demo-sun-card>b{display:block;font-size:15px;font-weight:500}.demo-sun-card p{font-size:11px;font-weight:800;margin:12px 0 2px}.demo-sun-card small{font-size:8px;color:#ffe1bd}
.demo-two-cards{display:grid;grid-template-columns:1fr 1fr;gap:9px;margin-top:10px}.demo-two-cards article,.demo-source,.demo-energy,.demo-statistics{background:#fff;border-radius:18px;padding:15px;box-shadow:0 5px 14px rgba(21,31,40,.06)}.demo-two-cards article{text-align:center;display:flex;flex-direction:column;min-height:117px}.demo-two-cards article>span,.demo-source>span{font-size:25px;color:#f5a000}.demo-two-cards small,.demo-source small{font-size:8px;color:#7f878e}.demo-two-cards strong{font-size:22px;margin-top:5px}.demo-two-cards b,.demo-source b{font-size:8px;color:#7d858c}.demo-source{width:48%;margin:10px auto 0;text-align:center;display:flex;flex-direction:column}.demo-source strong{font-size:19px}
.demo-energy,.demo-statistics{margin-top:10px}.demo-energy h4,.demo-statistics h4{margin:0 0 11px;text-align:center;font-size:11px}.demo-energy p,.demo-statistics p{display:flex;align-items:center;gap:7px;font-size:8px;margin:8px 0}.demo-energy p b,.demo-statistics p b{margin-left:auto}.demo-energy p i{width:5px;height:22px;border-radius:4px}.demo-energy .orange{background:#ff9d00}.demo-energy .blue{background:#2d9fea}.demo-statistics p{border-top:1px solid #edf0f2;padding-top:8px}.demo-detail-button{width:100%;margin-top:12px;border:0;border-radius:13px;background:#111b26;color:#fff;padding:13px;font:700 9px Manrope;cursor:pointer}.demo-detail-button:hover{background:#e78900}
.demo-back{border:0;background:none;padding:5px 0;color:#313942;font:700 10px Manrope;cursor:pointer}.demo-screen>h3{font-size:20px;line-height:1.15;margin:17px 0 7px}.demo-muted{font-size:9px;color:#828a91}.demo-device-card{width:100%;border:1px solid #f1d6bb;border-radius:15px;background:#fff0e4;padding:15px;margin-top:10px;display:grid;grid-template-columns:35px 1fr auto;align-items:center;gap:10px;text-align:left;cursor:pointer}.demo-device-card>span:first-child{display:grid;place-items:center;width:33px;height:33px;border-radius:50%;background:#ffe1c3;color:#c76b00}.demo-device-card span:nth-child(2){display:flex;flex-direction:column}.demo-device-card b{font-size:11px}.demo-device-card small{font-size:8px;color:#6f777d}.demo-device-card i{font-style:normal;color:#27975b}.demo-note{min-height:33px;font-size:9px;color:#bc4a4a;background:#fff0f0;border-radius:9px;padding:9px;margin-top:12px;opacity:0}.demo-note.show{opacity:1}
.demo-mini-label{font-size:8px;letter-spacing:.18em;color:#ef8c00;font-weight:800;margin-top:18px}.demo-comparison-score{margin:18px 0;padding:20px;text-align:center;background:linear-gradient(145deg,#121d29,#243444);color:#fff;border-radius:18px}.demo-comparison-score strong{display:block;font-size:48px;color:#ffac2f;line-height:1}.demo-comparison-score span{font-size:9px}.demo-bars{background:#fff;padding:15px;border-radius:16px}.demo-bars p{display:grid;grid-template-columns:62px 1fr 35px;align-items:center;gap:7px;font-size:8px}.demo-bars i{height:6px;background:#e5e9ec;border-radius:5px;overflow:hidden}.demo-bars i:after{content:"";display:block;height:100%;width:var(--bar);background:#ff9b0b}.demo-bars b{text-align:right}.demo-comparison-copy{font-size:10px;line-height:1.6;color:#6b747c}
.demo-language-panel{position:absolute;z-index:8;inset:0;background:rgba(244,246,247,.96);backdrop-filter:blur(8px);padding:90px 18px;text-align:center}.demo-language-panel p{font-size:13px;font-weight:800}.demo-language-panel>div{display:grid;grid-template-columns:1fr 1fr;gap:9px}.demo-language-panel button{border:1px solid #d8dde1;background:#fff;border-radius:12px;padding:16px;font-weight:800;cursor:pointer}.demo-language-panel button.active{border-color:#ff9d00;background:#fff0dc;color:#d97700}
.live-pill{position:absolute;z-index:3;right:5%;top:19%;display:flex;align-items:center;gap:9px;background:rgba(255,255,255,.94);color:#111820;padding:10px 14px;font-size:9px;font-weight:800;letter-spacing:.16em;box-shadow:0 12px 30px rgba(0,0,0,.25)}
.live-pill i{width:7px;height:7px;border-radius:50%;background:#2fb56b;box-shadow:0 0 0 5px rgba(47,181,107,.16);animation:app-pulse 1.8s infinite}
.app-story{display:flex;flex-direction:column}.app-point{display:grid;grid-template-columns:52px 1fr;gap:24px;padding:30px 0;border-top:1px solid rgba(255,255,255,.12)}
.app-point-number{color:#ffab26;font-size:10px;font-weight:800;letter-spacing:.15em}.app-point h3{font-size:21px;margin-bottom:8px}.app-point p{color:#9eabb6;font-size:14px;margin:0;max-width:470px}
.precision-card{margin-top:20px;padding:34px;background:linear-gradient(145deg,#fff 0%,#edf1f3 100%);color:#101923;box-shadow:0 28px 60px rgba(0,0,0,.25)}
.precision-kicker{display:block;font-size:9px;letter-spacing:.2em;font-weight:800;color:#71808e}.precision-card strong{display:block;font-size:clamp(34px,4.5vw,58px);line-height:1;margin:17px 0 14px;letter-spacing:-.05em}.precision-card strong em{font-style:normal;color:#f39100}.precision-card p{max-width:480px;color:#66737f;font-size:13px;margin:0}
.precision-track{height:5px;background:#dce2e6;margin-top:25px;overflow:hidden}.precision-track i{display:block;width:99.9%;height:100%;background:linear-gradient(90deg,#ff9800,#ffc65c)}
.app-languages{display:flex;align-items:center;gap:10px;margin-top:26px;color:#98a6b2;font-size:11px}.app-languages span{margin-right:8px}.app-languages b{display:grid;place-items:center;width:38px;height:38px;border:1px solid rgba(255,255,255,.18);color:#fff;font-size:10px;letter-spacing:.08em}
@keyframes app-pulse{50%{box-shadow:0 0 0 9px rgba(47,181,107,0)}}
@media(max-width:850px){.app-intro,.app-showcase{grid-template-columns:1fr;gap:36px}.app-intro{margin-bottom:24px}.phone-stage{min-height:650px}.app-story{max-width:620px;margin:auto;width:100%}.live-pill{right:10%}}
@media(max-width:560px){.app-section{padding-top:76px}.app-intro{gap:24px}.app-lead{font-size:15px}.phone-stage{min-height:600px}.phone-frame{width:280px;border-radius:42px}.phone-frame video{border-radius:34px}.live-pill{right:0;top:13%}.app-point{grid-template-columns:36px 1fr;gap:14px;padding:25px 0}.precision-card{padding:27px 23px}.app-languages{flex-wrap:wrap}}