.hero{padding:150px 0 40px;text-align:center;position:relative;overflow:hidden}.hero .wrap{position:relative;z-index:2}.hero h1{font-family:var(--sans);font-size:var(--page-hero-title);font-weight:var(--page-hero-title-weight);line-height:1.12;letter-spacing:var(--page-hero-title-ls);max-width:700px;margin:0 auto 24px}.hero h1 em{font-family:var(--serif);font-style:italic;font-weight:400;color:var(--accent)}.hero-sub{font-size:var(--page-hero-sub);color:var(--text-secondary);max-width:440px;margin:0 auto 48px;line-height:var(--page-hero-sub-lh)}.hero-icons{position:relative;width:100%;max-width:720px;height:280px;margin:0 auto 56px}.hero-app-icon{position:absolute;transition:transform .4s var(--ease),filter .4s var(--ease);filter:drop-shadow(0 2px 4px rgba(0,0,0,.04)) drop-shadow(0 8px 16px rgba(0,0,0,.06))}.hero-app-icon:hover{transform:translateY(-8px) scale(1.05)!important;filter:drop-shadow(0 4px 8px rgba(0,0,0,.06)) drop-shadow(0 16px 32px rgba(0,0,0,.1))}.hero-app-icon img{width:100%;height:100%;object-fit:contain}.hai-1{width:100px;height:100px;top:20px;left:50%;margin-left:-50px;z-index:6}.hai-2{width:80px;height:80px;top:0;left:50%;margin-left:-180px;z-index:4}.hai-3{width:72px;height:72px;top:50px;left:50%;margin-left:110px;z-index:5}.hai-4{width:88px;height:88px;top:100px;left:50%;margin-left:-280px;z-index:3}.hai-5{width:76px;height:76px;top:120px;left:50%;margin-left:220px;z-index:3}.hai-6{width:64px;height:64px;top:160px;left:50%;margin-left:-120px;z-index:5}.hai-7{width:68px;height:68px;top:140px;left:50%;margin-left:40px;z-index:4}.hai-8{width:56px;height:56px;top:190px;left:50%;margin-left:200px;z-index:2}.hai-9{width:60px;height:60px;top:190px;left:50%;margin-left:-220px;z-index:3}.hai-10{width:56px;height:56px;top:10px;left:50%;margin-left:-320px;z-index:2}.hai-11{width:52px;height:52px;top:30px;left:50%;margin-left:280px;z-index:4}@keyframes bubble1{0%{transform:translate(0) rotate(-3deg)}25%{transform:translate(8px,-12px) rotate(-1deg)}50%{transform:translate(-4px,-6px) rotate(-4deg)}75%{transform:translate(6px,4px) rotate(-2deg)}to{transform:translate(0) rotate(-3deg)}}@keyframes bubble2{0%{transform:translate(0) rotate(4deg)}20%{transform:translate(-6px,-10px) rotate(2deg)}45%{transform:translate(5px,-14px) rotate(6deg)}70%{transform:translate(-8px,-4px) rotate(3deg)}to{transform:translate(0) rotate(4deg)}}@keyframes bubble3{0%{transform:translate(0) rotate(-2deg)}30%{transform:translate(10px,-8px) rotate(1deg)}60%{transform:translate(-6px,-16px) rotate(-4deg)}to{transform:translate(0) rotate(-2deg)}}@keyframes bubble4{0%{transform:translate(0) rotate(6deg)}25%{transform:translate(-10px,-6px) rotate(3deg)}50%{transform:translate(4px,-14px) rotate(8deg)}75%{transform:translate(-6px,-8px) rotate(5deg)}to{transform:translate(0) rotate(6deg)}}@keyframes bubble5{0%{transform:translate(0) rotate(-5deg)}35%{transform:translate(7px,-12px) rotate(-2deg)}65%{transform:translate(-5px,-4px) rotate(-7deg)}to{transform:translate(0) rotate(-5deg)}}@keyframes bubble6{0%{transform:translate(0) rotate(3deg)}20%{transform:translate(-8px,-10px) rotate(5deg)}50%{transform:translate(6px,-16px) rotate(1deg)}80%{transform:translate(-3px,-6px) rotate(4deg)}to{transform:translate(0) rotate(3deg)}}@keyframes bubble7{0%{transform:translate(0) rotate(-4deg)}30%{transform:translate(12px,-6px) rotate(-1deg)}55%{transform:translate(-4px,-14px) rotate(-6deg)}80%{transform:translate(8px,-8px) rotate(-3deg)}to{transform:translate(0) rotate(-4deg)}}@keyframes bubble8{0%{transform:translate(0) rotate(7deg)}25%{transform:translate(-6px,-12px) rotate(4deg)}50%{transform:translate(8px,-8px) rotate(9deg)}75%{transform:translate(-4px,-14px) rotate(6deg)}to{transform:translate(0) rotate(7deg)}}@keyframes bubble9{0%{transform:translate(0) rotate(-2deg)}20%{transform:translate(10px,-8px) rotate(1deg)}45%{transform:translate(-6px,-14px) rotate(-4deg)}70%{transform:translate(4px,-4px) rotate(0)}to{transform:translate(0) rotate(-2deg)}}@keyframes bubble10{0%{transform:translate(0) rotate(4deg)}30%{transform:translate(-8px,-10px) rotate(1deg)}55%{transform:translate(6px,-16px) rotate(6deg)}80%{transform:translate(-3px,-6px) rotate(3deg)}to{transform:translate(0) rotate(4deg)}}@keyframes bubble11{0%{transform:translate(0) rotate(-5deg)}25%{transform:translate(7px,-11px) rotate(-2deg)}50%{transform:translate(-5px,-7px) rotate(-6deg)}75%{transform:translate(9px,-13px) rotate(-3deg)}to{transform:translate(0) rotate(-5deg)}}.hai-1{animation:bubble1 7s ease-in-out 1 both}.hai-2{animation:bubble2 8s ease-in-out 1 both}.hai-3{animation:bubble3 6s ease-in-out 1 both}.hai-4{animation:bubble4 9s ease-in-out 1 both}.hai-5{animation:bubble5 7.5s ease-in-out 1 both}.hai-6{animation:bubble6 6.5s ease-in-out 1 both}.hai-7{animation:bubble7 8.5s ease-in-out 1 both}.hai-8{animation:bubble8 7s ease-in-out 1 both}.hai-9{animation:bubble9 9s ease-in-out 1 both}.hai-10{animation:bubble10 8s ease-in-out 1 both}.hai-11{animation:bubble11 7.5s ease-in-out 1 both}.stats-strip{padding:28px 0;position:relative;border-top:1px solid var(--border);border-bottom:1px solid var(--border)}.stats-strip-row{display:flex;align-items:center;justify-content:center;gap:48px}.stats-strip-item{text-align:center}.stats-strip-num{font-family:var(--sans);font-size:32px;font-weight:700;letter-spacing:-1px;color:var(--text);line-height:1}.stats-strip-accent{color:var(--accent);font-weight:500}.stats-strip-label{font-size:11px;color:var(--text-muted);margin-top:6px;font-weight:600;letter-spacing:1.5px;text-transform:uppercase}.stats-strip-divider{width:1px;height:36px;background:var(--border-strong);flex-shrink:0}.app-spotlight{padding:40px 0;position:relative}.spotlight-card{border-radius:var(--radius-lg);padding:64px;position:relative;overflow:hidden;box-shadow:0 2px 12px #0000000a,0 0 0 1px #00000008}.spotlight-card:before{content:"";position:absolute;inset:0;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='200' height='200'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.75' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='200' height='200' filter='url(%23n)' opacity='0.035'/%3E%3C/svg%3E");pointer-events:none;z-index:1;border-radius:inherit}.spotlight-card.tint-green{background:#c8e6c0;background-image:radial-gradient(ellipse 70% 60% at 20% 15%,rgba(255,255,255,.35),transparent 70%)}.spotlight-card.tint-blue{background:#bdd7f0;background-image:radial-gradient(ellipse 70% 60% at 20% 15%,rgba(255,255,255,.35),transparent 70%)}.spotlight-card.tint-indigo{background:#c7c4e8;background-image:radial-gradient(ellipse 70% 60% at 20% 15%,rgba(255,255,255,.35),transparent 70%)}.spotlight-card.tint-teal{background:#b8e0da;background-image:radial-gradient(ellipse 70% 60% at 20% 15%,rgba(255,255,255,.35),transparent 70%)}.spotlight-card.tint-green .spotlight-label{color:#2e7d32}.spotlight-card.tint-blue .spotlight-label{color:#1565c0}.spotlight-card.tint-indigo .spotlight-label{color:#5b5bd6}.spotlight-card.tint-teal .spotlight-label{color:#00796b}.spotlight-card.tint-green .spotlight-tagline{color:#33691e}.spotlight-card.tint-blue .spotlight-tagline{color:#1a3a5c}.spotlight-card.tint-indigo .spotlight-tagline{color:#312e81}.spotlight-card.tint-teal .spotlight-tagline{color:#004d40}.spotlight-inner{display:grid;grid-template-columns:1fr 1.2fr;gap:60px;align-items:center}.spotlight-inner.reverse>*:first-child{order:2}.spotlight-inner.wide-visual{grid-template-columns:1fr 1.4fr}.spotlight-inner.extra-wide-visual{grid-template-columns:1fr 1.8fr}.spotlight-label{font-size:12px;font-weight:700;text-transform:uppercase;letter-spacing:2px;margin-bottom:16px}.spotlight-text{max-width:420px;position:relative;z-index:2;min-width:0}.spotlight-icon{width:96px;height:96px;margin-bottom:24px}.spotlight-icon img{width:100%;height:100%;object-fit:contain}.spotlight-text h2{font-family:var(--sans);font-size:34px;font-weight:700;letter-spacing:-.5px;margin-bottom:12px;line-height:1.15;color:var(--text)}.spotlight-tagline{font-size:16px;margin-bottom:28px;line-height:1.7}.spotlight-pill{display:inline-flex;align-items:center;gap:6px;padding:12px 28px;border-radius:var(--radius-full);font-size:14px;font-weight:600;color:var(--text);background:#fff9;transition:all .3s var(--ease);border:none;cursor:pointer}.spotlight-pill:hover{background:#ffffffd9;transform:translateY(-2px);box-shadow:0 4px 16px #00000014}.spotlight-visual{position:relative;display:flex;justify-content:center;align-items:center}.spotlight-card{opacity:0;transform:translateY(40px);transition:opacity .8s var(--ease),transform .8s var(--ease)}.spotlight-card:has(.reveal.visible){opacity:1;transform:translateY(0)}.spotlight-text{opacity:0;transform:translate(-20px);transition:opacity .6s var(--ease) .2s,transform .6s var(--ease) .2s}.spotlight-inner.reverse .spotlight-text{transform:translate(20px)}.spotlight-visual{opacity:0;transform:translate(20px) scale(.97);transition:opacity .6s var(--ease) .35s,transform .6s var(--ease) .35s}.spotlight-inner.reverse .spotlight-visual{transform:translate(-20px) scale(.97)}.reveal.visible .spotlight-text,.reveal.visible .spotlight-visual{opacity:1;transform:translate(0) scale(1)}.all-apps{padding:120px 0;background:var(--white);position:relative}.all-apps:before{content:"";position:absolute;top:0;left:50%;transform:translate(-50%);width:600px;height:300px;background:radial-gradient(ellipse at center,rgba(67,56,202,.03) 0%,transparent 70%);pointer-events:none}.all-apps-header{text-align:center;margin-bottom:64px}.all-apps-header h2{font-family:var(--sans);font-size:36px;font-weight:600;letter-spacing:-.5px;margin-bottom:12px}.all-apps-header p{font-size:17px;color:var(--text-secondary)}.apps-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:16px}.ag-card.ag-overflow{display:none}.apps-grid.ag-expanded .ag-card.ag-overflow{display:flex}.ag-see-more-wrap{text-align:center;margin-top:32px}.ag-see-more{font-family:var(--sans);font-size:14px;font-weight:600;color:var(--accent);background:none;border:none;cursor:pointer;display:inline-flex;align-items:center;gap:6px;padding:8px 4px;transition:opacity .2s}.ag-see-more:hover{opacity:.7}.ag-see-more svg{transition:transform .25s var(--ease)}.ag-see-more.ag-expanded svg{transform:rotate(180deg)}.ag-card{display:flex;flex-direction:column;align-items:center;text-align:center;padding:28px 16px;border-radius:var(--radius-lg);border:1px solid transparent;transition:all .4s var(--ease);cursor:pointer;position:relative;opacity:0;transform:translateY(20px)}.ag-card:before{content:"";position:absolute;inset:0;border-radius:var(--radius-lg);opacity:0;transition:opacity .4s var(--ease);pointer-events:none;background:radial-gradient(circle at 50% 30%,var(--card-glow, rgba(67,56,202,.06)) 0%,transparent 70%)}.ag-card:hover:before{opacity:1}.ag-card:hover{background:var(--surface);border-color:var(--border);transform:translateY(-6px) scale(1.02);box-shadow:0 12px 32px #00000014,0 2px 8px #0000000a}.ag-card:hover .ag-icon{transform:scale(1.1)}.ag-card.visible{opacity:1;transform:translateY(0)}.ag-icon{width:88px;height:88px;margin-bottom:12px;transition:transform .4s var(--ease)}.ag-icon img{width:100%;height:100%;object-fit:cover}.ag-icon.placeholder{background:linear-gradient(135deg,var(--bg-warm) 0%,var(--bg-cool) 100%);display:flex;align-items:center;justify-content:center}.ag-icon.placeholder:after{content:"";width:24px;height:24px;border-radius:6px;background:#0000000d}.ag-name{font-size:16px;font-weight:600;margin-bottom:4px}.ag-sub{font-size:13px;color:var(--text-muted);line-height:1.4}.reviews{padding:80px 0 64px;overflow:hidden;background-color:var(--bg-warm);background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='200' height='200'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.75' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='200' height='200' filter='url(%23n)' opacity='0.04'/%3E%3C/svg%3E")}.reviews-header{text-align:center;margin-bottom:48px}.reviews-header h2{font-family:var(--sans);font-size:36px;font-weight:600;letter-spacing:-.5px;margin-bottom:12px}.reviews-header p{font-size:16px;color:var(--text-secondary)}.reviews-marquee{display:flex;flex-direction:column;gap:20px}.reviews-track{display:flex;flex-wrap:nowrap;gap:20px;width:max-content;animation:reviews-scroll-left 120s linear infinite}@keyframes reviews-scroll-left{0%{transform:translate(0)}to{transform:translate(-50%)}}.review-card{flex-shrink:0;width:360px;padding:28px;background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-lg);display:flex;flex-direction:column;gap:16px;transition:box-shadow .3s var(--ease),transform .3s var(--ease)}.review-card:hover{box-shadow:0 4px 24px #0000000f;transform:translateY(-2px)}.review-stars{color:#f5a623;font-size:14px;letter-spacing:2px}.review-body{font-size:14px;line-height:1.65;color:var(--text);flex:1}.review-meta{display:flex;align-items:center;gap:12px;padding-top:12px;border-top:1px solid var(--border)}.review-app-icon{width:36px;height:36px;border-radius:8px;box-shadow:0 1px 4px #00000014}.review-author{font-size:13px;font-weight:600;color:var(--text)}.review-app{font-size:12px;color:var(--text-muted)}.reviews-marquee:hover .reviews-track{animation-play-state:paused}@media(max-width:1024px){.hero h1{font-size:44px}.spotlight-inner,.spotlight-inner.wide-visual,.spotlight-inner.extra-wide-visual{grid-template-columns:1fr;gap:40px}.spotlight-inner.reverse>*:first-child{order:unset}.spotlight-card{padding:48px}.spotlight-text{max-width:100%}.spotlight-visual{justify-content:center}.sbar-mockup{zoom:.65}.dmap-mockup{zoom:.45}.apps-grid{grid-template-columns:repeat(3,1fr)}.all-apps{padding:80px 0}}@media(max-width:768px){.hero{padding:120px 0 16px}.hero h1{font-size:38px;max-width:480px}.hero-sub{font-size:16px;margin-bottom:32px}.hero-icons{height:220px;max-width:360px}.hai-1{width:72px;height:72px;margin-left:-36px;top:0}.hai-2{width:56px;height:56px;margin-left:-140px;top:10px}.hai-3{width:56px;height:56px;margin-left:80px;top:10px}.hai-10{width:44px;height:44px;margin-left:-170px;top:60px}.hai-11{width:44px;height:44px;margin-left:140px;top:60px}.hai-4{width:52px;height:52px;margin-left:-100px;top:80px}.hai-5{width:52px;height:52px;margin-left:60px;top:80px}.hai-6{width:48px;height:48px;margin-left:-50px;top:130px}.hai-7{width:48px;height:48px;margin-left:20px;top:140px}.hai-8{width:44px;height:44px;margin-left:-140px;top:150px}.hai-9{width:44px;height:44px;margin-left:110px;top:145px}.stats-strip{padding:24px 0}.stats-strip-row{gap:24px 32px;flex-wrap:wrap}.stats-strip-num{font-size:24px}.stats-strip-divider{display:none}.spotlight-card{padding:36px;border-radius:var(--radius-lg)}.spotlight-visual{display:block;min-width:0}.spotlight-inner,.spotlight-inner.wide-visual,.spotlight-inner.extra-wide-visual{grid-template-columns:1fr;gap:32px}.spotlight-inner.reverse>*:first-child{order:unset}.spotlight-text h2{font-size:28px}.spotlight-text{max-width:100%}.spotlight-pill{margin-bottom:8px}.spotlight-icon{width:72px;height:72px}.dmap-mockup{zoom:.35}.sbar-sub,.sbar-sub2{display:none}.sbar-mockup{width:280px;height:auto;transform:none;margin-top:0}.sbar-main{position:relative;top:auto;left:auto}.ag-card{padding:20px 12px}.ag-icon{width:52px;height:52px}.reviews{padding:64px 0 48px}.reviews-header h2{font-size:28px}.review-card{width:300px;padding:24px}}@media(max-width:480px){.hero{padding:100px 0 12px}.hero h1{font-size:32px;letter-spacing:-1px;max-width:320px}.hero-sub{font-size:15px;max-width:300px;margin-bottom:24px}.hero-icons{height:200px;max-width:320px;margin-bottom:24px}.hai-1{width:64px;height:64px;margin-left:-32px;top:0}.hai-2{width:48px;height:48px;margin-left:-120px;top:8px}.hai-3{width:48px;height:48px;margin-left:68px;top:8px}.hai-10{width:38px;height:38px;margin-left:-148px;top:52px}.hai-11{width:38px;height:38px;margin-left:120px;top:52px}.hai-4{width:46px;height:46px;margin-left:-85px;top:68px}.hai-5{width:46px;height:46px;margin-left:52px;top:68px}.hai-6{width:42px;height:42px;margin-left:-42px;top:118px}.hai-7{width:42px;height:42px;margin-left:16px;top:124px}.hai-8{width:38px;height:38px;margin-left:-120px;top:130px}.hai-9{width:38px;height:38px;margin-left:95px;top:126px}.stats-strip{padding:20px 0}.stats-strip-row{display:grid;grid-template-columns:1fr 1fr;gap:20px 16px}.stats-strip-divider{display:none}.stats-strip-num{font-size:24px}.stats-strip-label{font-size:10px;letter-spacing:1px}.app-spotlight{padding:20px 0}.spotlight-card{padding:28px 24px;border-radius:var(--radius-lg)}.spotlight-inner{gap:28px}.spotlight-text h2{font-size:24px}.spotlight-tagline{font-size:14px}.spotlight-icon{width:60px;height:60px}.spotlight-pill{padding:10px 22px;font-size:13px}.dmap-mockup{zoom:.35}.apps-grid{grid-template-columns:repeat(2,1fr);gap:8px}.all-apps{padding:64px 0}.all-apps-header{margin-bottom:40px}.all-apps-header h2{font-size:28px}.ag-card{padding:16px 8px}.ag-icon{width:48px;height:48px;border-radius:var(--radius-md)}.ag-name{font-size:13px}.reviews{padding:48px 0 40px}.reviews-header{margin-bottom:32px}.reviews-header h2{font-size:24px}.reviews-marquee{gap:14px}.review-card{width:280px;padding:20px}.review-body{font-size:13px}}.cc2-mockup{width:420px;border-radius:12px;overflow:hidden;box-shadow:0 8px 40px #00000024,0 2px 6px #0000000f;font-family:var(--sans);font-size:13px;position:relative;z-index:1;background:#f5faf4}.cc2-header{display:flex;justify-content:space-between;align-items:center;padding:14px 18px;background:#488848}.cc2-header-search{font-size:18px;font-weight:500;font-style:italic;color:#d8ecd4}.cc2-header-gear{font-size:20px;color:#d8ecd4}.cc2-list{padding:0}.cc2-item{display:flex;align-items:center;padding:12px 18px;border-top:1px solid rgba(60,110,50,.1);gap:10px}.cc2-key{font-size:14px;font-weight:600;color:#488848;flex-shrink:0;min-width:28px}.cc2-text{flex:1;font-size:13px;font-weight:500;color:#3a4a36;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.cc2-pin{width:10px;height:10px;border-radius:50%;background:#58a048;flex-shrink:0;margin-left:auto}.cc2-footer{display:flex;justify-content:center;align-items:center;gap:14px;padding:10px 18px;font-size:13px;color:#7a8a76;font-weight:500;border-top:1px solid rgba(60,110,50,.1)}.cc2-footer-arrow{color:#7a8a76;font-size:12px;line-height:1;opacity:.5}.ddp-mockup{border-radius:10px;overflow:hidden;box-shadow:0 8px 40px #00000024,0 2px 6px #0000000f;font-family:var(--sans);font-size:12px;width:560px;background:#fff;position:relative;z-index:1}.ddp-titlebar{display:flex;align-items:center;padding:10px 14px;background:linear-gradient(180deg,#f8f8f8,#e8e8e8);border-bottom:1px solid rgba(0,0,0,.1);position:relative}.ddp-traffic{display:flex;gap:6px}.ddp-traffic span{width:10px;height:10px;border-radius:50%}.ddp-traffic .t-red{background:#ff5f57}.ddp-traffic .t-yellow{background:#febc2e}.ddp-traffic .t-green{background:#28c840}.ddp-titlebar-text{position:absolute;left:50%;transform:translate(-50%);font-size:12px;font-weight:500;color:#333;display:flex;align-items:center;gap:4px}.ddp-titlebar-text .ddp-disk-icon{width:14px;height:14px;background:#a0c4e8;border-radius:3px}.ddp-title-arrow{font-size:10px;color:#666;margin-left:2px}.ddp-body{display:flex}.ddp-sidebar{width:195px;background:#f5f5f7;border-right:1px solid rgba(0,0,0,.08);padding:6px 0;flex-shrink:0}.ddp-cat{padding:5px 10px;cursor:default;display:flex;align-items:center;gap:6px}.ddp-cat-icon{width:18px;height:16px;flex-shrink:0;color:#888;display:flex;align-items:center;justify-content:center}.ddp-cat-icon svg{width:14px;height:14px}.ddp-cat .ddp-cat-info{display:flex;flex-direction:column;flex:1;min-width:0}.ddp-cat.selected{background:#2684fc;color:#fff;border-radius:6px;margin:0 6px;padding:5px 8px}.ddp-cat.selected .ddp-cat-icon{color:#fff}.ddp-cat.selected .ddp-cat-size{color:#ffffffb3}.ddp-cat-name{font-size:11px;font-weight:600}.ddp-cat-size{font-size:9px;color:#999}.ddp-toggle{width:28px;height:16px;border-radius:8px;background:#ddd;position:relative;flex-shrink:0}.ddp-toggle.on{background:#34c759}.ddp-toggle:after{content:"";position:absolute;width:12px;height:12px;border-radius:50%;background:#fff;top:2px;left:2px}.ddp-toggle.on:after{left:14px}.ddp-main{flex:1;display:flex;flex-direction:column;min-width:0}.ddp-info-banner{display:flex;gap:8px;padding:8px 10px;margin:8px 10px;background:#f0f5fa;border:1px solid rgba(0,0,0,.06);border-radius:6px;font-size:10px;color:#555;line-height:1.5;align-items:flex-start;text-align:left}.ddp-info-icon{width:14px;height:14px;border-radius:50%;background:#2684fc;color:#fff;font-size:9px;font-weight:700;display:flex;align-items:center;justify-content:center;flex-shrink:0;margin-top:1px;font-style:italic;font-family:Georgia,serif}.ddp-header-row{display:flex;align-items:center;padding:6px 12px;font-size:10px;color:#888;font-weight:400;border-bottom:1px solid rgba(0,0,0,.06);background:#fafafa}.ddp-header-name{flex:1;text-align:left}.ddp-header-size{display:flex;align-items:center;gap:3px;margin-right:28px}.ddp-sort-arrow{font-size:7px}.ddp-files{flex:1}.ddp-file{display:flex;align-items:center;padding:6px 12px;border-bottom:1px solid rgba(0,0,0,.03);gap:8px}.ddp-ficon{width:18px;height:18px;border-radius:3px;flex-shrink:0;display:flex;align-items:center;justify-content:center}.ddp-ficon-folder{background:#5ab0f5}.ddp-ficon-app{border-radius:4px}.ddp-ficon-package{background:#c9a366}.ddp-fname{flex:1;font-size:11px;color:#222;text-align:left}.ddp-fsize{font-size:10px;color:#888;white-space:nowrap;min-width:60px;text-align:right}.ddp-check{width:14px;height:14px;border:1.5px solid #ccc;border-radius:3px;flex-shrink:0;display:flex;align-items:center;justify-content:center}.ddp-check.on{background:#2684fc;border-color:#2684fc}.ddp-check.on:after{content:"";width:5px;height:8px;border:solid #fff;border-width:0 1.5px 1.5px 0;transform:rotate(45deg);margin-top:-2px}.ddp-footer{display:flex;align-items:center;gap:14px;padding:8px 12px;border-top:1px solid rgba(0,0,0,.08);font-size:10px;color:#666;background:#fafafa}.ddp-footer-stat{display:flex;align-items:center;gap:4px}.ddp-footer-search{font-size:12px}.ddp-footer-check-icon{width:14px;height:14px;border-radius:3px;background:#34c759;color:#fff;font-size:8px;display:flex;align-items:center;justify-content:center;font-weight:700}.ddp-footer-spacer{flex:1}.ddp-remove-btn{background:#2684fc;color:#fff;padding:5px 14px;border-radius:5px;font-size:10px;font-weight:600}.sbar-mockup{position:relative;width:540px;height:400px;z-index:1;zoom:.78;margin-top:-40px}.sbar-mockup .sb-menu{position:absolute;border-radius:10px;text-align:left;background:#eeecf2eb;backdrop-filter:blur(40px) saturate(180%);-webkit-backdrop-filter:blur(40px) saturate(180%);border:1px solid rgba(255,255,255,.55);box-shadow:0 20px 56px #3b82f61a,0 8px 24px #0000001a,0 2px 8px #0000000d,inset 0 1px #ffffff80;font-family:-apple-system,BlinkMacSystemFont,SF Pro Text,system-ui,sans-serif;overflow:hidden}.sbar-mockup .sb-menu-main{left:10px;top:8px;width:270px;z-index:3;padding:6px 0}.sbar-mockup .sb-menu-sub{left:258px;top:185px;width:225px;z-index:4;padding:4px 0}.sbar-mockup .sb-menu-sub2{left:472px;top:170px;width:210px;z-index:5;padding:4px 0}.sbar-mockup .sb-menu-gear{position:absolute;top:10px;right:12px;width:15px;height:15px;color:#00000047}.sbar-mockup .sb-group-header{display:flex;align-items:center;gap:6px;padding:8px 14px 4px;font-size:12px;font-weight:600;color:#0000006b}.sbar-mockup .sb-group-header:first-child{padding-top:4px}.sbar-mockup .sb-group-icon{display:flex;align-items:center;justify-content:center;width:14px;height:14px;flex-shrink:0}.sbar-mockup .sb-group-chevron{font-size:8px;margin-left:-2px;opacity:.5}.sbar-mockup .sb-menu-sep{height:1px;background:#0000000f;margin:4px 10px}.sbar-mockup .sb-item{display:flex;align-items:center;gap:8px;padding:4px 10px 4px 28px;font-size:13px;color:#000000d9;cursor:default;border-radius:4px;margin:1px 5px;position:relative}.sbar-mockup .sb-item-highlight{background:#007aff;color:#fff}.sbar-mockup .sb-item-highlight .sb-item-chevron{color:#ffffffb3}.sbar-mockup .sb-item-highlight .sb-item-icon-folder svg{color:#ffffffe6}.sbar-mockup .sb-item-highlight .sb-item-icon-doc svg{color:#ffffffe6}.sbar-mockup .sb-item-highlight .sb-item-icon-globe svg{color:#ffffffe6;stroke:#ffffffe6}.sbar-mockup .sb-item-highlight .sb-item-icon-snippet svg{color:#ffffffe6;stroke:#ffffffe6}.sbar-mockup .sb-item-icon-folder,.sbar-mockup .sb-item-icon-doc,.sbar-mockup .sb-item-icon-globe,.sbar-mockup .sb-item-icon-snippet{display:flex;align-items:center;flex-shrink:0}.sbar-mockup .sb-item-icon-folder svg{color:#3eaafc}.sbar-mockup .sb-item-icon-doc svg{color:#00000052}.sbar-mockup .sb-item-icon-globe svg{color:#3b82f6}.sbar-mockup .sb-item-icon-snippet svg{color:#f59e0b}.sbar-mockup .sb-item-icon-app{width:16px;height:16px;border-radius:3px;flex-shrink:0;display:inline-block}.sbar-mockup .sb-snippet-preview{color:#00000080}.sbar-mockup .sb-item-highlight .sb-snippet-preview{color:#ffffffbf}.sbar-mockup .sb-item-swatch{width:14px;height:14px;border-radius:3px;flex-shrink:0;border:1px solid rgba(0,0,0,.08)}.sbar-mockup .sb-item-name{flex:1;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.sbar-mockup .sb-item-chevron{font-size:10px;color:#00000038;margin-left:auto;flex-shrink:0}.dmap-mockup{border-radius:10px;overflow:hidden;box-shadow:0 8px 40px #00000024,0 2px 6px #0000000f;font-family:var(--sans);width:960px;background:#e8e8e8;position:relative;z-index:1;zoom:.55}.dmap-mockup .dm-win-titlebar{display:flex;align-items:center;padding:12px 16px;gap:10px;background:linear-gradient(180deg,#f6f6f6,#e8e8e8);border-bottom:1px solid #d0d0d0}.dmap-mockup .dm-win-dots{display:flex;gap:7px}.dmap-mockup .dm-win-dot{width:12px;height:12px;border-radius:50%}.dmap-mockup .dm-win-dot.r{background:#ff5f57}.dmap-mockup .dm-win-dot.y{background:#febc2e}.dmap-mockup .dm-win-dot.g{background:#28c840}.dmap-mockup .dm-win-title{font-size:13px;color:#333;font-weight:500;flex:1;text-align:center}.dmap-mockup .dm-win-toolbar{display:flex;align-items:center;padding:6px 14px;background:#ececec;border-bottom:1px solid #d0d0d0;font-size:10px;color:#555}.dmap-mockup .dm-toolbar-actions{justify-content:space-between;gap:0;padding:4px 12px 2px;border-bottom:1px solid #d0d0d0}.dmap-mockup .dm-toolbar-left,.dmap-mockup .dm-toolbar-center,.dmap-mockup .dm-toolbar-right{display:flex;align-items:flex-end;gap:2px}.dmap-mockup .dm-toolbar-center{margin:0 auto}.dmap-mockup .dm-toolbar-btn{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:4px 8px 3px;border-radius:4px;color:#555;cursor:default;gap:1px;min-width:36px}.dmap-mockup .dm-toolbar-btn svg{opacity:.55;flex-shrink:0}.dmap-mockup .dm-toolbar-btn-label{padding:4px 8px 3px}.dmap-mockup .dm-toolbar-btn-label span{font-size:9px;font-weight:500;white-space:nowrap;color:#555}.dmap-mockup .dm-toolbar-btn .dm-chevron-wrap{display:flex;align-items:center;gap:2px}.dmap-mockup .dm-chevron{opacity:.4!important}.dmap-mockup .dm-toolbar-breadcrumb{padding:5px 14px;gap:0;font-size:11px}.dmap-mockup .dm-win-breadcrumb{display:flex;align-items:center;gap:0}.dmap-mockup .dm-bc-item{display:inline-flex;align-items:center;gap:4px;color:#555;font-weight:500}.dmap-mockup .dm-bc-item svg{color:#2196f3;opacity:.85}.dmap-mockup .dm-bc-sep{margin:0 6px;color:#aaa;font-size:9px}.dmap-mockup .dm-bc-active{color:#333;font-weight:600}.dmap-mockup .dm-treemap-body{display:flex;flex-direction:column;gap:2px;padding:2px;background:#c8c8c8;min-height:420px;font-family:var(--sans)}.dmap-mockup .dm-tm-row{display:flex;gap:2px;min-height:0}.dmap-mockup .dm-tm-col{display:flex;flex-direction:column;gap:2px;min-width:0}.dmap-mockup .dm-tm-section{display:flex;flex-direction:column;gap:2px;padding:3px;overflow:hidden;min-width:0;min-height:0;position:relative}.dmap-mockup .dm-tm-title{font-size:11px;font-weight:700;color:#000000b3;padding:1px 3px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.dmap-mockup .dm-tm-label{font-size:9px;font-weight:600;color:#0009;padding:1px 2px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;line-height:1.2}.dmap-mockup .dm-tm-info{font-size:8px;color:#00000073;padding:0 2px;line-height:1.3}.dmap-mockup .dm-tm-file{display:flex;align-items:flex-start;padding:3px 4px;overflow:hidden;min-width:0;min-height:0}.dmap-mockup .dm-tm-fname{font-size:8px;font-weight:500;color:#0000008c;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;line-height:1.3}.dmap-mockup .dm-tm-thumbs{display:grid;grid-template-columns:repeat(4,1fr);gap:2px;padding:2px;flex:1;min-height:0;align-content:start}.dmap-mockup .dm-tm-thumbs span{aspect-ratio:1;border:1px solid rgba(0,0,0,.1);border-radius:1px;background:#ffffff4d}.dmap-mockup .dm-tm-thumbs.sm{grid-template-columns:repeat(3,1fr);gap:2px}.dmap-mockup .dm-sz-10g{background:#e61f1f}.dmap-mockup .dm-sz-1g{background:#f2731a}.dmap-mockup .dm-sz-100m{background:#fabf26}.dmap-mockup .dm-sz-25m{background:#66c759}.dmap-mockup .dm-sz-5m{background:#4099d9}.dmap-mockup .dm-sz-sm{background:#4d66bf}.dmap-mockup .dm-sz-10g-l{background:#f04040}.dmap-mockup .dm-sz-1g-l{background:#f58d45}.dmap-mockup .dm-sz-100m-l{background:#fcd04a}.dmap-mockup .dm-sz-25m-l{background:#82d474}.dmap-mockup .dm-sz-5m-l{background:#5eb3e8}.dmap-mockup .dm-sz-sm-l{background:#6b80d4}.dmap-mockup .dm-win-footer{display:flex;justify-content:space-between;align-items:center;padding:8px 14px;background:#ececec;border-top:1px solid #d0d0d0}.dmap-mockup .dm-win-footer-back{font-size:12px;color:#555;font-weight:500;padding:4px 16px;border-radius:4px;background:linear-gradient(180deg,#fafafa,#e8e8e8);border:1px solid #c0c0c0}.dmap-mockup .dm-win-footer-finish{font-size:12px;color:#fff;font-weight:600;padding:4px 20px;border-radius:4px;background:linear-gradient(180deg,#4aa3f0,#2196f3);border:1px solid #1a7fd4}