/*! @license Flyfolio © 2026. 保留一切權利 All Rights Reserved. 未經授權禁止重製或製作衍生／競品。Unauthorized copying or derivative works prohibited. */
/* 介紹頁＋登入視窗
   - html.lp-on（用瀏覽器開）：未登入時 auth-screen 變成可捲動的介紹頁，登入框收進「登入／免費開始使用」的彈窗
   - 沒有 lp-on（已安裝成 App）：跟以前一樣，只有置中的登入框
   - html.has-sess：這台裝置有登入紀錄，先藏起來等 app.js 確認（沒登入成功時 showAuthScreen 會拿掉） */

/* ---- 兩種模式共用 ---- */
.lp{display:none}
.auth-x,.auth-login-bg{display:none}
.auth-login{display:contents}
html.has-sess .auth-screen{display:none!important}

/* ---- 介紹頁模式 ---- */
html.lp-on .auth-screen{display:block;padding:0;background:var(--bg);overflow-x:hidden;overflow-y:auto;-webkit-overflow-scrolling:touch;overscroll-behavior:contain}
html.lp-on .auth-screen.hidden{display:none}
html.lp-on .auth-screen::before{display:none}
html.lp-on .lp{display:block}
html.lp-on .auth-login{display:none;position:fixed;inset:0;z-index:20;align-items:center;justify-content:center;padding:20px;overflow-y:auto}
html.lp-on .auth-screen.login-open .auth-login{display:flex}
html.lp-on .auth-login-bg{display:block;position:fixed;inset:0;background:rgba(12,20,25,.62);-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px)}
html.lp-on .auth-login .auth-box{margin:auto;background:#f7f1e7;animation:lpPop .32s cubic-bezier(.2,.8,.2,1)}
html.lp-on .auth-x{display:flex;align-items:center;justify-content:center;position:absolute;top:12px;right:12px;width:34px;height:34px;border:0;border-radius:50%;background:rgba(28,43,51,.07);color:var(--ink);font-size:15px;cursor:pointer}
html.lp-on .auth-x:hover{background:rgba(28,43,51,.14)}
@keyframes lpPop{from{opacity:0;transform:translateY(14px) scale(.97)}to{opacity:1;transform:none}}

.lp{--gold:#f3d58a;--mint:#7fe0cc;color:var(--ink);font-family:var(--body);line-height:1.6;font-size:16px}
.lp *{box-sizing:border-box}
.lp a{color:inherit;text-decoration:none}
.lp button{font-family:inherit}
.lp .nb{display:inline-block;max-width:100%}
.lp-wrap{max-width:1120px;margin:0 auto;padding:0 32px}
.lp-kick{font-family:var(--mono);font-size:12px;letter-spacing:2.5px;color:var(--brass-dk);font-weight:700}
.lp-btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;font-weight:700;font-size:16px;border-radius:12px;padding:13px 24px;white-space:nowrap;cursor:pointer;border:0;transition:transform .15s,box-shadow .15s,background .15s}
.lp-btn:active{transform:scale(.97)}
.lp-btn-p{background:var(--brass);color:#fff;box-shadow:0 10px 24px -12px rgba(176,125,43,.9)}
.lp-btn-p:hover{background:#c08a33;box-shadow:0 14px 28px -12px rgba(176,125,43,1)}
.lp-btn-o{background:transparent;border:1.5px solid rgba(255,255,255,.35);color:#fff}
.lp-btn-o:hover{background:rgba(255,255,255,.08);border-color:rgba(255,255,255,.6)}

/* 導覽列：在介紹頁的捲動容器裡黏在頂端，往下捲變實色 */
.lp-nav{position:sticky;top:0;z-index:10;color:#fff;padding-top:env(safe-area-inset-top);background:rgba(22,36,43,0);transition:background .25s,box-shadow .25s}
.lp-nav.solid{background:rgba(22,36,43,.94);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);box-shadow:0 8px 24px -16px rgba(0,0,0,.6)}
.lp-nav .lp-wrap{display:flex;align-items:center;height:62px;gap:20px}
.lp-logo{display:flex;align-items:center;gap:9px;font-family:var(--disp);font-weight:700;font-size:20px}
.lp-logo img{width:30px;height:30px;border-radius:8px}
.lp-links{display:flex;gap:22px;margin-left:auto;font-size:14.5px;color:rgba(255,255,255,.75)}
.lp-links a:hover{color:#fff}
.lp-login{font-size:14.5px;font-weight:700;color:#fff;background:transparent;border:1px solid rgba(255,255,255,.3);border-radius:10px;padding:6px 14px;cursor:pointer}
.lp-login:hover{background:rgba(255,255,255,.08)}

/* ---- 開頭 ---- */
.lp-hero{position:relative;margin-top:calc(-62px - env(safe-area-inset-top));padding-top:calc(62px + env(safe-area-inset-top));background:radial-gradient(90% 80% at 75% 10%,#26444f 0%,var(--panel) 62%);color:#fff;overflow:hidden}
.lp-hero .lp-wrap{display:grid;grid-template-columns:1.05fr .95fr;gap:24px;align-items:center;min-height:560px;padding-top:28px}
.lp-hero .lp-kick{color:var(--gold)}
.lp-h1{font-size:48px;line-height:1.3;margin:14px 0 16px;font-weight:900;letter-spacing:.5px}
.lp-h1 em{font-style:normal;background:linear-gradient(90deg,#fff 0%,var(--gold) 100%);-webkit-background-clip:text;background-clip:text;color:transparent}
.lp-lead{font-size:18px;color:rgba(255,255,255,.78);margin:0 0 28px}
.lp-cta{display:flex;gap:12px;flex-wrap:wrap}
.lp-trust{margin-top:18px;font-size:13.5px;color:rgba(255,255,255,.6);display:flex;gap:16px;flex-wrap:wrap}
.lp-trust span::before{content:"✓ ";color:var(--gold)}
.lp-stage{position:relative;height:540px;align-self:end}
.lp-arc{position:absolute;left:-40px;top:20px;width:110%;height:320px;opacity:.55;pointer-events:none}
.lp-arc path#lp-arc-p{stroke:var(--gold);stroke-width:1.4;stroke-dasharray:6 7;vector-effect:non-scaling-stroke}
.lp-arc-plane path{fill:var(--gold)}
.lp-laptop{position:absolute;right:-190px;bottom:44px;width:620px;border-radius:14px 14px 0 0;background:#0e171c;padding:12px 12px 0;box-shadow:0 30px 60px -20px rgba(0,0,0,.7)}
.lp-laptop img{display:block;width:100%;height:auto;border-radius:6px 6px 0 0}
.lp-laptop::after{content:"";position:absolute;left:-30px;right:-30px;bottom:-14px;height:14px;background:linear-gradient(#c9c3b3,#8f897a);border-radius:0 0 12px 12px}
.lp-phone{position:absolute;left:20px;bottom:-40px;z-index:2;width:250px;border-radius:40px;background:#0b1317;padding:34px 9px 9px;box-shadow:0 30px 60px -18px rgba(0,0,0,.75),inset 0 0 0 1.5px #33454d}
.lp-phone::before{content:"";position:absolute;top:9px;left:50%;transform:translateX(-50%);width:76px;height:20px;border-radius:12px;background:#0b1317;box-shadow:inset 0 0 0 1px #1e2b31}
.lp-screens{position:relative;aspect-ratio:585/996;border-radius:4px 4px 30px 30px;overflow:hidden;background:#e6e2d3}
.lp-screens img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:top;opacity:0;transform:scale(1.02);transition:opacity .7s ease,transform 1.2s ease}
.lp-screens img.on{opacity:1;transform:none}
.lp-dots{position:absolute;left:-28px;top:42%;display:flex;flex-direction:column;gap:8px}
.lp-dots button{width:8px;height:8px;padding:0;border-radius:4px;border:0;background:rgba(255,255,255,.3);cursor:pointer;transition:height .3s,background .3s}
.lp-dots button.on{height:22px;background:var(--gold)}
.lp-float{position:absolute;z-index:3;font-size:13px;font-weight:700;color:#fff;white-space:nowrap;background:rgba(31,52,61,.78);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border:1px solid rgba(243,213,138,.35);border-radius:999px;padding:7px 13px;box-shadow:0 12px 26px -12px rgba(0,0,0,.7);pointer-events:none}
.lp-f1{left:190px;top:120px}.lp-f2{left:-30px;top:250px}.lp-f3{left:210px;top:350px}

/* ---- 區塊 ---- */
.lp-sec{padding:88px 0;background:var(--bg)}
.lp-alt{background:var(--card)}
.lp-feat{display:grid;grid-template-columns:1fr 1fr;gap:64px;align-items:center}
.lp-rev .lp-txt{order:2}
.lp-sec h2{font-size:34px;line-height:1.35;margin:10px 0 14px;font-weight:900}
.lp-txt p{font-size:16.5px;color:var(--ink-soft);margin:0 0 18px}
.lp-ul{list-style:none;padding:0;margin:0;display:grid;gap:10px}
.lp-ul li{position:relative;padding-left:34px;font-size:15.5px}
.lp-ul li::before{content:"✓";position:absolute;left:0;top:1px;width:24px;height:24px;border-radius:7px;background:var(--jade-soft);color:var(--jade);display:flex;align-items:center;justify-content:center;font-weight:700;font-size:13px}
.lp-uni{display:inline-block;font-size:12.5px;font-weight:700;color:#fff;background:var(--jade);border-radius:999px;padding:3px 11px;vertical-align:5px;letter-spacing:.3px}
.lp-vis{display:flex;justify-content:center;position:relative}
.lp-vis::before{content:"";position:absolute;inset:6% 4%;border-radius:40px;background:radial-gradient(circle at 30% 30%,#f3e6c8,#e9dcbc 60%,transparent 72%);z-index:0}
.lp-vis>*{position:relative;z-index:1}

/* 捲到才淡入（landing.js 加 .lp-anim；不支援或使用者關閉動畫時直接顯示） */
.lp.lp-anim [data-rv]{opacity:0;transform:translateY(26px);transition:opacity .7s ease,transform .8s cubic-bezier(.2,.7,.2,1)}
.lp.lp-anim [data-rv].rv-in{opacity:1;transform:none}
.lp.lp-anim .lp-grid6 [data-rv]:nth-child(3n+2),.lp.lp-anim .lp-grid3 [data-rv]:nth-child(2){transition-delay:.08s}
.lp.lp-anim .lp-grid6 [data-rv]:nth-child(3n),.lp.lp-anim .lp-grid3 [data-rv]:nth-child(3){transition-delay:.16s}
.lp.lp-anim .lp-feat .lp-vis[data-rv]{transition-delay:.12s}
/* 開頭進場 */
.lp.lp-anim .lp-hero-txt>*{animation:lpUp .8s cubic-bezier(.2,.7,.2,1) both}
.lp.lp-anim .lp-hero-txt>:nth-child(2){animation-delay:.08s}.lp.lp-anim .lp-hero-txt>:nth-child(3){animation-delay:.16s}
.lp.lp-anim .lp-hero-txt>:nth-child(4){animation-delay:.24s}.lp.lp-anim .lp-hero-txt>:nth-child(5){animation-delay:.32s}
.lp.lp-anim .lp-laptop{animation:lpIn 1s .25s cubic-bezier(.2,.7,.2,1) both}
.lp.lp-anim .lp-phone{animation:lpRise 1s .1s cubic-bezier(.2,.7,.2,1) both}
.lp.lp-anim .lp-float{animation:lpPopF .6s cubic-bezier(.2,.8,.3,1.3) both,lpBob 5s ease-in-out infinite}
.lp.lp-anim .lp-f1{animation-delay:1s,1.6s}.lp.lp-anim .lp-f2{animation-delay:1.5s,2.1s}.lp.lp-anim .lp-f3{animation-delay:2s,2.6s}
@keyframes lpUp{from{opacity:0;transform:translateY(22px)}to{opacity:1;transform:none}}
@keyframes lpIn{from{opacity:0;transform:translateX(40px)}to{opacity:1;transform:none}}
@keyframes lpRise{from{opacity:0;transform:translateY(60px)}to{opacity:1;transform:none}}
@keyframes lpPopF{from{opacity:0;transform:scale(.6)}to{opacity:1;transform:none}}
@keyframes lpBob{0%,100%{translate:0 0}50%{translate:0 -8px}}

/* ---- 權益：互動小卡 ---- */
.pw{width:100%;max-width:420px;background:#fff;border:1px solid var(--line);border-radius:20px;padding:18px 18px 16px;box-shadow:0 22px 44px -26px rgba(28,43,51,.45)}
.pw-head{display:flex;justify-content:space-between;align-items:baseline;margin-bottom:10px;font-size:15px}
.pw-head span{font-size:12px;color:var(--muted)}
.pw-row{display:flex;align-items:center;gap:12px;padding:11px 4px;border-top:1px solid #efe9da}
.pw-row:first-of-type{border-top:0}
.pw-ic{flex:none;width:40px;height:40px;border-radius:12px;background:#f4efe3;display:flex;align-items:center;justify-content:center;font-size:20px}
.pw-m{flex:1;min-width:0}.pw-m b{font-size:15px}.pw-m small{display:block;font-size:12px;color:var(--muted)}
.pw-bar{height:7px;border-radius:4px;background:#efe9da;margin:5px 0 4px;overflow:hidden}
.pw-bar i{display:block;height:100%;width:0;border-radius:4px;background:var(--jade);transition:width .6s cubic-bezier(.2,.7,.2,1),background .3s}
.pw-n{flex:none;text-align:center;min-width:52px}
.pw-n b{display:block;font-family:var(--disp);font-size:30px;line-height:1;color:var(--jade);transition:color .3s}
.pw-n small{font-size:11px;color:var(--muted)}
.pw-row.low .pw-bar i{background:#d79a2b}.pw-row.low .pw-n b{color:#b07d2b}
.pw-row.out .pw-bar i{background:var(--rust)}.pw-row.out .pw-n b{color:var(--rust)}
.pw-row.bump .pw-n b{animation:pwBump .45s ease}
@keyframes pwBump{30%{transform:scale(1.35)}100%{transform:none}}
.pw-log{min-height:30px;margin:6px 0 10px;display:flex;flex-direction:column;gap:6px}
.pw-log div{font-size:12.5px;background:var(--jade-soft);color:var(--jade);border-radius:10px;padding:6px 10px;animation:lpUp .35s ease both}
.pw-log div.warn{background:#fbeee2;color:var(--rust)}
.pw-btn{width:100%;border:1.5px dashed var(--brass);background:#fbf6ea;color:var(--brass-dk);font-weight:700;font-size:15px;border-radius:12px;padding:11px;cursor:pointer;transition:background .15s}
.pw-btn:hover{background:#f6edd8}

/* ---- AI 智慧辨識：來源切換＋辨識動畫 ---- */
.aid{width:100%;max-width:420px;display:flex;flex-direction:column;gap:12px}
.aid-src{display:flex;gap:8px;flex-wrap:wrap;justify-content:center}
.aid-src button{font-size:13px;font-weight:700;color:var(--ink-soft);background:#fff;border:1px solid var(--line);border-radius:999px;padding:6px 13px;cursor:pointer;transition:all .2s}
.aid-src button.on{background:var(--ink);color:#fff;border-color:var(--ink)}
.aid-doc{position:relative;background:#fff;border:1px solid var(--line);border-radius:16px;padding:16px 18px;font-size:13.5px;box-shadow:0 14px 30px -18px rgba(28,43,51,.4);overflow:hidden;min-height:118px}
.aid-doc .mh{display:flex;justify-content:space-between;color:var(--muted);font-size:12px;margin-bottom:6px}
.aid-doc b{font-size:15px}.aid-doc .ln{height:8px;border-radius:4px;background:#ece6d6;margin-top:9px}.aid-doc .ln.s{width:62%}
.aid-doc .hl{background:linear-gradient(transparent 55%,rgba(243,213,138,.75) 55%);transition:background .3s}
.aid-doc::after{content:"";position:absolute;left:0;right:0;top:-40%;height:40%;background:linear-gradient(transparent,rgba(127,224,204,.35),transparent);opacity:0}
.aid.scan .aid-doc::after{opacity:1;animation:aidScan 1.1s ease-in-out}
@keyframes aidScan{from{top:-40%}to{top:100%}}
.aid-mid{display:flex;justify-content:center}
.aid-chip{font-size:13px;font-weight:700;color:var(--brass-dk);background:#f6eedc;border-radius:999px;padding:6px 14px;transition:all .3s}
.aid.scan .aid-chip{background:linear-gradient(90deg,#f6eedc,#fff7e3,#f6eedc);background-size:200% 100%;animation:aidShine 1s linear infinite}
.aid.done .aid-chip{background:var(--jade-soft);color:var(--jade)}
@keyframes aidShine{from{background-position:200% 0}to{background-position:-200% 0}}
.aid-out{background:var(--panel);color:#fff;border-radius:16px;padding:16px 18px;min-height:112px;box-shadow:0 18px 34px -16px rgba(0,0,0,.55)}
.aid-out .t{font-size:15px;font-weight:700}
.aid-out .r{display:flex;align-items:center;justify-content:space-between;font-family:var(--disp);font-size:28px;font-weight:700;margin-top:2px}
.aid-out .r span{flex:1;border-top:1.5px dashed rgba(255,255,255,.3);margin:0 12px}
.aid-out .kv{display:flex;flex-wrap:wrap;gap:6px 16px;font-family:var(--mono);font-size:12.5px;color:rgba(255,255,255,.75);margin-top:6px}
.aid-out .kv b{color:var(--gold);font-weight:700}
.aid-out .ty{opacity:0;transform:translateY(6px);transition:opacity .35s,transform .35s}
.aid-out .ty.on{opacity:1;transform:none}

/* ---- 出發提醒：鎖定畫面 ---- */
.lk{width:300px;height:540px;border-radius:44px;padding:9px;background:#0b1317;box-shadow:0 30px 60px -18px rgba(0,0,0,.6)}
.lk-scr{height:100%;border-radius:36px;background:linear-gradient(160deg,#3d5a66,#1d3038 55%,#2b2335);padding:54px 12px 0;color:#fff;overflow:hidden}
.lk-tm{text-align:center;font-family:var(--disp);font-size:62px;font-weight:600;line-height:1}
.lk-dt{text-align:center;font-size:14px;opacity:.8;margin:4px 0 26px}
.lk-n{position:relative;display:flex;gap:10px;background:rgba(245,245,245,.18);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-radius:18px;padding:10px 12px;margin-bottom:9px;font-size:12.5px;line-height:1.45;opacity:0;transform:translateY(-16px) scale(.96);transition:opacity .45s,transform .55s cubic-bezier(.2,.8,.3,1.2)}
.lk-n.in{opacity:1;transform:none}
.lk-n img{width:30px;height:30px;border-radius:8px;flex:none}
.lk-n>div{flex:1;min-width:0}
.lk-n b{display:block;font-size:13px;padding-right:46px}
.lk-n small{position:absolute;top:10px;right:12px;opacity:.6;font-size:11px;white-space:nowrap}

/* ---- 統計：地圖＋數字 ---- */
.sc{width:100%;max-width:440px;background:var(--panel);color:#fff;border-radius:22px;padding:16px;box-shadow:0 24px 46px -22px rgba(0,0,0,.6)}
.sc-map{border-radius:14px;overflow:hidden;background:#1a2c33;aspect-ratio:450/200}
.sc-map svg{display:block;width:100%;height:100%}
.sc-map .c{fill:#2c434c;stroke:#16242B;stroke-width:.4;transition:fill .5s}
.sc-map .c.on{fill:#d6a64e}.sc-map .c.home{fill:#3f9b8a}
.sc-map .arc{fill:none;stroke:var(--gold);stroke-width:1.1;stroke-linecap:round}
.sc-grid{display:grid;grid-template-columns:auto 1fr 1fr;grid-template-rows:auto auto;gap:10px;margin-top:12px;align-items:center}
.sc-ring{grid-row:span 2;position:relative;width:118px;height:118px}
.sc-ring svg{width:100%;height:100%;transform:rotate(-90deg)}
.sc-ring circle{fill:none;stroke:#2c434c;stroke-width:9}
.sc-ring .sc-ring-v{stroke:var(--gold);stroke-linecap:round;stroke-dasharray:314.16;stroke-dashoffset:314.16;transition:stroke-dashoffset 1.6s cubic-bezier(.2,.7,.2,1)}
.sc-ring>div{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center}
.sc-ring b{font-family:var(--disp);font-size:28px;line-height:1}.sc-ring small{font-size:11px;opacity:.7;margin-top:3px}
.sc-kv{background:rgba(255,255,255,.05);border:1px solid rgba(255,255,255,.1);border-radius:12px;padding:8px 12px}
.sc-kv small{display:block;font-size:11px;opacity:.65}.sc-kv b{font-family:var(--disp);font-size:19px}
.sc-kv:last-child{grid-column:2 / span 2}

/* ---- 更多功能、資料安全 ---- */
.lp-center{text-align:center}
.lp-h2c{text-align:center;font-size:32px!important;margin:8px 0 34px!important}
.lp-grid6{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}
.lp-mc{background:var(--bg);border:1px solid var(--line);border-radius:18px;padding:20px 20px 18px;transition:transform .2s,box-shadow .2s}
.lp-mc:hover{transform:translateY(-4px);box-shadow:0 18px 30px -20px rgba(28,43,51,.45)}
.lp-mc .e,.lp-sc .e{font-size:26px}
.lp-mc b,.lp-sc b{display:block;font-size:17px;margin:6px 0 4px}
.lp-mc span{font-size:14px;color:var(--muted)}
.lp-dark{background:var(--panel);color:#fff}
.lp-dark .lp-kick{color:var(--gold)}
.lp-grid3{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}
.lp-sc{border:1px solid rgba(255,255,255,.14);border-radius:18px;padding:22px;background:rgba(255,255,255,.04)}
.lp-sc span{font-size:14px;color:rgba(255,255,255,.7)}

/* ---- 常見問題 ---- */
.lp-faq{max-width:760px;margin:0 auto;display:grid;gap:12px}
.lp-faq details{background:var(--card);border:1px solid var(--line);border-radius:14px;padding:16px 20px}
.lp-faq summary{font-weight:700;font-size:16.5px;cursor:pointer;list-style:none;display:flex;justify-content:space-between;gap:12px}
.lp-faq summary::-webkit-details-marker{display:none}
.lp-faq summary::after{content:"＋";color:var(--brass);transition:transform .25s}
.lp-faq details[open] summary::after{transform:rotate(45deg)}
.lp-faq details p{margin:10px 0 0;color:var(--ink-soft);font-size:15px}
.lp-faq details[open] p{animation:lpUp .3s ease}

/* ---- 底部 ---- */
.lp-final{padding:88px 0;background:radial-gradient(80% 120% at 50% 0%,#26444f,var(--panel) 70%);color:#fff;text-align:center}
.lp-slogan{display:inline-block;margin:0 0 18px;padding:0 0 16px;font-size:20px;letter-spacing:2px;color:rgba(255,255,255,.88);border-bottom:1px solid rgba(243,213,138,.35);line-height:1.6}
.lp-slogan b{font-family:var(--disp);color:var(--gold);letter-spacing:.5px}
.lp-final h2{font-size:38px;margin:10px 0 12px;font-weight:900;line-height:1.35}
.lp-final-sub{color:rgba(255,255,255,.75);margin:0 0 28px;font-size:17px}
.lp-cta-c{justify-content:center}
.lp-foot{background:#0f1a1f;color:rgba(255,255,255,.55);font-size:13px;padding:26px 0 calc(26px + env(safe-area-inset-bottom))}
.lp-foot .lp-wrap{display:flex;justify-content:space-between;gap:12px;flex-wrap:wrap}
.lp-foot a:hover{color:#fff}

/* ---- 手機 ---- */
@media(max-width:760px){
  .lp-wrap{padding:0 18px}
  .lp-links{display:none}.lp-login{margin-left:auto}
  .lp-hero .lp-wrap{grid-template-columns:1fr;min-height:0;padding-top:30px;text-align:center}
  .lp-h1{font-size:31px}
  .lp-lead{font-size:16px;margin:0 auto 24px}.lp-lead br{display:none}
  .lp-cta{flex-direction:column}.lp-cta .lp-btn{width:100%;padding:15px}
  .lp-trust{justify-content:center;gap:10px;font-size:12.5px}
  .lp-stage{height:320px;margin-top:30px}
  .lp-laptop,.lp-arc{display:none}
  .lp-phone{left:50%;margin-left:-120px;width:240px;bottom:-110px}
  .lp-dots{left:50%;top:-24px;transform:translateX(-50%);flex-direction:row}
  .lp-dots button.on{height:8px;width:22px}
  .lp-f1{left:auto;right:-6px;top:46px}.lp-f2{left:-6px;top:150px}.lp-f3{left:auto;right:-2px;top:250px}
  .lp-float{font-size:12px;padding:6px 11px}
  .lp-sec{padding:58px 0}
  .lp-feat{grid-template-columns:1fr;gap:30px}
  .lp-rev .lp-txt{order:0}
  .lp-feat>*{min-width:0}
  .lp-sec h2{font-size:26px}
  .lp-h2c{font-size:25px!important;margin-bottom:24px!important}
  .lp-grid6{grid-template-columns:1fr 1fr;gap:10px}
  .lp-mc{padding:14px}.lp-mc b{font-size:15.5px}.lp-mc span{font-size:13px}
  .lp-grid3{grid-template-columns:1fr}
  .lk{width:min(310px,100%);height:520px}
  .lp-final{padding:60px 0}
  .lp-final h2{font-size:27px}
  .lp-slogan{font-size:16.5px;letter-spacing:1px}
  .lp-final .lp-btn{width:100%}
}
@media(max-width:360px){
  .lp-h1{font-size:27px}.lp-sec h2{font-size:24px}.lp-final h2{font-size:24px}
  .lp-float{display:none}
  .sc-grid{grid-template-columns:1fr 1fr}.sc-ring{grid-row:auto;grid-column:span 2;margin:0 auto}.sc-kv:last-child{grid-column:span 2}
}
@media(prefers-reduced-motion:reduce){
  .lp *,.lp *::before,.lp *::after{animation:none!important;transition:none!important}
}