@charset "UTF-8";
:root{--blue:#2e7cf6;--blue-dark:#1c5ac8;--ink:#172a3c;--muted:#667685;--paper:#f7f8f4;--line:#dce4e9;--soft:#eaf1ff;--radius:24px;--header:82px;font-family:Inter,"PingFang SC","Microsoft YaHei",system-ui,sans-serif;color:var(--ink);background:var(--paper);font-synthesis:none}
*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:100px}body{margin:0}button,input,textarea,select{font:inherit}button,a{-webkit-tap-highlight-color:transparent}button{cursor:pointer}a{color:inherit;text-decoration:none}button{color:inherit}img{max-width:100%;object-fit:cover;display:block}button:focus-visible,a:focus-visible,input:focus-visible,textarea:focus-visible,select:focus-visible,[tabindex]:focus-visible{outline:3px solid #eeac39;outline-offset:4px}button:disabled{cursor:default;opacity:.4}[hidden]{display:none!important}.container{width:min(1200px,calc(100% - 96px));margin:auto}.skip{position:fixed;top:-70px;left:16px;z-index:500;background:white;padding:16px}.skip:focus{top:10px}.site-header{height:var(--header);position:sticky;top:0;z-index:40;background:#f7f8f4ed;border-bottom:1px solid #e3e8e5;backdrop-filter:blur(18px)}.nav{height:100%;display:flex;align-items:center;gap:30px}.brand{display:inline-flex;align-items:center;gap:10px;flex-shrink:0}.brand>span{font-weight:800;font-size:23px;letter-spacing:2px;line-height:1.15}.brand small{display:block;font-size:9px;letter-spacing:4px;font-weight:600;margin-top:4px}.nav nav{display:flex;gap:34px;margin-left:auto;align-items:center;font-size:14px}.nav nav a{color:#576673;transition:color .2s}.nav nav a:hover{color:var(--blue)}.button{display:inline-flex;align-items:center;justify-content:center;gap:22px;min-height:54px;padding:15px 24px;border:1px solid transparent;border-radius:12px;font-size:15px;font-weight:600;transition:transform .2s,background .2s;white-space:nowrap}.button:hover{transform:translateY(-2px)}.button.primary{background:var(--blue);color:white;box-shadow:0 7px 18px #2e7cf61c}.button.primary:hover{background:var(--blue-dark)}.button.small{min-height:42px;padding:10px 19px;font-size:13px}.button.white{background:white;color:var(--blue-dark)}.text-link{display:inline-flex;gap:10px;align-items:center;background:none;border:0;padding:0;color:var(--blue);font-weight:600;font-size:14px;line-height:1.7}.text-link:hover{text-decoration:underline;text-underline-offset:5px}.menu-toggle{display:none}.eyebrow{font-size:12px;letter-spacing:2px;font-weight:600;display:flex;align-items:center;gap:10px}.live-dot{height:6px;width:6px;border-radius:50%;background:var(--blue)}.hero{display:grid;grid-template-columns:.85fr 1.15fr;gap:70px;align-items:center;position:relative;min-height:790px;padding-block:65px 92px}.hero h1{font-size:clamp(50px,5.3vw,74px);font-weight:800;letter-spacing:-3px;line-height:1.22;margin:26px 0}.word-circle{color:var(--blue);position:relative;white-space:nowrap}.word-circle:after{content:"";position:absolute;inset:-5px -13px -4px;border:2px solid #93b8ef;border-radius:50%;transform:rotate(-7deg);z-index:-1}.hero-intro{color:var(--muted);line-height:1.85;font-size:16px;margin:27px 0 32px}.hero-actions{display:flex;align-items:center;gap:24px}.hero-foot{display:flex;gap:13px;align-items:center;color:#7b8791;font-size:12px;margin-top:34px}.hero-foot i{width:3px;height:3px;border-radius:50%;background:#a3aeb6}.hero-note{position:absolute;bottom:28px;right:85px;display:flex;align-items:center;gap:18px;font-size:13px;color:#738897;transform:rotate(-3deg)}.scribble-arrow{font-size:38px;font-weight:300}.explorer-shell{border:1px solid #fff;background:#fff;border-radius:28px;box-shadow:0 22px 60px #25485213,0 4px 14px #1c2a3b09;overflow:hidden;position:relative;min-width:0}.demo-toolbar{display:flex;justify-content:space-between;align-items:center;padding:18px 22px 10px}.demo-brand{display:flex;align-items:center;gap:9px;font-size:14px;font-weight:600}.icon-button{border:0;background:none;min-height:36px;min-width:36px;display:inline-flex;align-items:center;justify-content:center;gap:6px;font-size:23px;border-radius:9px}.icon-button:hover{background:var(--soft)}#saved-count{font-size:13px}.demo-scope{display:flex;align-items:center;gap:4px;padding:4px 22px 12px}.demo-scope button{border:0;border-radius:7px;background:none;font-size:11px;color:#7e8d97;padding:6px 11px}.demo-scope button.active{background:var(--soft);color:var(--blue);font-weight:600}#scope-name{margin-left:auto;font-size:11px;color:#74878b}.map-viewport{height:318px;position:relative;overflow:hidden;background:#f0f1e7;touch-action:pan-y;cursor:grab;isolation:isolate}.map-viewport.dragging{cursor:grabbing;touch-action:none}.map-world{position:absolute;inset:0;transform-origin:0 0;pointer-events:none;will-change:transform}.map-world svg{width:100%;height:100%;display:block}.map-pins{position:absolute;inset:0;pointer-events:none}.map-pin{position:absolute;transform:translate(-50%,-100%);pointer-events:auto;white-space:nowrap;border:1px solid #ffffff;background:white;box-shadow:0 4px 12px #22364b19;border-radius:11px;padding:8px 11px;font-size:11px;font-weight:600;display:flex;gap:6px;align-items:center;transition:background .18s,color .18s;z-index:3}.map-pin:after{content:"";position:absolute;bottom:-5px;left:calc(50% - 5px);width:10px;height:10px;transform:rotate(45deg);background:inherit;border-radius:2px}.map-pin.in-focus{background:var(--blue);color:white;border-color:var(--blue);z-index:5}.pin-icon{color:var(--blue);font-size:16px;line-height:1}.in-focus .pin-icon{color:white}.focus-ring{pointer-events:none;position:absolute;width:104px;height:104px;border:1px solid #2e7cf655;border-radius:50%;top:50%;left:50%;transform:translate(-50%,-50%);background:#2e7cf608;box-shadow:0 0 0 9px #ffffff65;z-index:2}.focus-ring span{position:absolute;inset:8px;border:1px dashed #2e7cf650;border-radius:50%}.map-tip{pointer-events:none;position:absolute;top:12px;left:50%;transform:translateX(-50%);white-space:nowrap;background:#ffffffd9;border-radius:30px;padding:7px 13px;font-size:10px;color:#648081;z-index:7}.map-tools{position:absolute;bottom:22px;right:12px;display:grid;border:1px solid #e3e8df;border-radius:10px;background:white;z-index:8;box-shadow:0 4px 14px #243b4a10}.map-tools button{border:0;background:transparent;width:33px;height:33px;font-size:19px}.map-tools button+button{border-top:1px solid #ecf0e9}.map-tools button:hover{background:var(--soft)}.map-disclaimer{position:absolute;bottom:6px;left:10px;font-size:9px;color:#66858b;z-index:7;pointer-events:none}.demo-channels{display:flex;gap:6px;overflow:auto;scrollbar-width:none;padding:14px 18px 8px}.demo-channels button{flex-shrink:0;font-size:10px;border:1px solid #e5e9ed;background:white;border-radius:30px;padding:6px 11px;color:#6d7b89}.demo-channels button.active{background:var(--blue);color:white;border-color:var(--blue)}.demo-card{padding:12px 20px 18px;min-height:123px}.preview-card{display:flex;align-items:center;gap:15px}.preview-card img{width:84px;height:85px;border-radius:12px;flex-shrink:0}.preview-copy{min-width:0;flex:1}.preview-state{font-size:9px;color:#7f949e;letter-spacing:1px;display:block;margin-bottom:5px}.preview-copy h3{font-size:16px;margin:0 0 7px}.preview-copy p{font-size:11px;line-height:1.65;color:#6b7985;margin:0}.preview-actions{display:flex;justify-content:space-between;gap:8px;align-items:center;margin-top:7px}.preview-open{border:0;background:none;color:var(--blue);padding:0;font-size:10px}.preview-save{border:0;background:var(--soft);border-radius:50%;width:27px;height:27px;color:var(--blue);font-size:18px;flex-shrink:0}.demo-caption{font-size:9px;color:#a2afb7;display:flex;gap:10px;justify-content:space-between;padding:9px 20px;border-top:1px solid #eff2f3}.empty-card{min-height:92px;display:flex;flex-direction:column;justify-content:center;gap:9px;color:var(--muted);font-size:12px}.empty-card strong{color:var(--ink)}.section{padding-block:100px}.section-top{display:flex;justify-content:space-between;align-items:center;margin-bottom:48px}.chapter{font-size:11px;letter-spacing:2px;font-weight:500;color:#7c8e9a}.section-aside{font-size:12px;color:#94a1a7}h2{font-size:clamp(30px,3.3vw,46px);line-height:1.36;letter-spacing:-1px;font-weight:750;margin:0 0 22px}.blue{color:var(--blue)}.section-copy{font-size:15px;color:var(--muted);line-height:1.95;margin:0 0 30px}.why-section{background:#fff}.why-grid{display:grid;grid-template-columns:1fr 1fr;gap:100px;align-items:center}.reason-list{margin-top:42px}.reason{display:flex;gap:16px;align-items:center;width:100%;text-align:left;background:none;border:0;border-top:1px solid #e5ebed;padding:23px 0;transition:color .2s}.reason:last-child{border-bottom:1px solid #e5ebed}.reason-number{font-size:11px;color:#a5b0b7;font-family:monospace}.reason strong{font-size:14px;display:block;font-weight:600}.reason small{display:block;font-size:11px;color:#8896a1;margin-top:8px}.reason>span:last-child{margin-left:auto;font-size:18px}.reason.active{color:var(--blue)}.reason-visual{position:relative;height:520px;margin-bottom:10px}.reason-visual>img{width:100%;height:100%;border-radius:20px}.photo-label{position:absolute;top:16px;left:16px;background:#ffffffdf;border-radius:5px;padding:5px 9px;font-size:9px;color:#687b88}.reason-float{position:absolute;bottom:27px;left:-30px;right:50px;background:#fffffff2;padding:24px 28px;border:1px solid #fff;box-shadow:0 10px 25px #09273b14;border-radius:16px}.mini-label{font-size:10px;letter-spacing:1px;color:var(--blue)}.reason-float h3{font-size:24px;line-height:1.4;margin:12px 0}.reason-float p{font-size:11px;line-height:1.7;color:#738290;margin:0 0 16px}.reason-float .text-link{font-size:11px}.scope-heading{display:flex;justify-content:space-between;align-items:center;margin-bottom:30px}.scope-heading .section-copy{padding-right:100px}.scope-steps{display:grid;grid-template-columns:repeat(3,1fr);gap:22px}.scope-steps>button{position:relative;border:1px solid #e2e7e2;background:#fff;border-radius:18px;text-align:left;padding:26px;transition:transform .2s,box-shadow .2s}.scope-steps>button:hover{transform:translateY(-5px);box-shadow:0 10px 35px #234c6810}.scope-steps>button>strong{display:block;font-size:19px;margin:11px 0}.scope-steps>button>span:last-of-type{font-size:12px;color:#83909a}.scope-steps b{position:absolute;bottom:22px;right:26px;color:var(--blue);font-size:23px;font-weight:400}.scope-level{font-size:10px;letter-spacing:1px;color:#8196a5}.scope-art{height:120px;width:100%;position:relative;display:block;margin:0 0 27px;overflow:hidden;background:#edf2e9;border-radius:10px}.scope-art:before{content:"";position:absolute;left:48%;top:50%;width:65px;height:65px;border:1px solid #669cea;box-shadow:0 0 0 6px #e5edfb;border-radius:50%;transform:translate(-50%,-50%);z-index:2}.scope-art:after{content:"";position:absolute;width:180%;height:26px;left:-25%;top:55%;transform:rotate(-13deg);background:#c3dce7}.scope-art i{position:absolute;width:13px;height:13px;background:var(--blue);border:3px solid white;border-radius:50%;box-shadow:0 2px 4px #23517e26;z-index:3}.scope-art i:nth-child(1){left:18%;top:28%}.scope-art i:nth-child(2){left:47%;top:41%}.scope-art i:nth-child(3){left:73%;top:26%}.scope-art i:nth-child(4){left:65%;top:78%}.city-art{background:repeating-linear-gradient(30deg,transparent 0 28px,white 29px 35px),#edf2e9}.street-art{background:repeating-linear-gradient(0deg,transparent 0 34px,white 35px 47px),repeating-linear-gradient(90deg,transparent 0 44px,white 45px 54px),#edf2e9}.moments-section{background:white}.moments-heading{margin-bottom:32px}.moment-tabs{display:flex;gap:10px;flex-wrap:wrap;margin-bottom:30px}.moment-tabs button{border:1px solid #e3e9ed;border-radius:9px;background:white;padding:11px 20px;font-size:13px;color:#637787}.moment-tabs button.active{color:var(--blue);background:var(--soft);border-color:#c9dcff}.moment-panel{display:grid;grid-template-columns:1.1fr .9fr;border-radius:20px;overflow:hidden;background:#f3f6f5;min-height:385px}.moment-image{position:relative;min-height:385px}.moment-image img{width:100%;height:100%;position:absolute;inset:0}.moment-story{padding:50px;display:flex;flex-direction:column;justify-content:center}.moment-story h3{font-size:30px;line-height:1.45;font-weight:700;margin:20px 0 15px;letter-spacing:-.5px}.moment-story p{font-size:13px;line-height:1.9;color:#6f808d;margin:0 0 22px}.plain-tags{display:flex;gap:14px;font-size:10px;color:#83979e;flex-wrap:wrap;margin-bottom:25px}.plain-tags span:before{content:"# ";color:#a3b5bb}.channel-layout{display:grid;grid-template-columns:.9fr 1.1fr;gap:90px;align-items:center}.channel-picker{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}.interest{min-height:155px;position:relative;border:1px solid #e0e6e7;background:white;border-radius:16px;padding:20px 14px;text-align:left;transition:background .2s,border-color .2s}.interest.active{border-color:#87b3fc;background:#edf4ff}.interest.active:after{content:"✓";position:absolute;top:11px;right:11px;width:18px;height:18px;color:white;background:var(--blue);border-radius:50%;text-align:center;font-size:11px;line-height:18px}.interest-art{font-size:29px;color:var(--blue);display:block;height:40px}.interest strong{font-size:15px;display:block;margin:9px 0 7px}.interest small{font-size:10px;color:#83949e}.interest-result{grid-column:1/-1;display:flex;justify-content:space-between;align-items:center;font-size:11px;color:#74838f;gap:15px;padding-top:8px}.interest-result .text-link{font-size:11px}.journey-section{background:white}.journey-layout{display:grid;grid-template-columns:1fr 310px .65fr;gap:65px;align-items:center;margin-top:36px}.journey-flow{display:grid;gap:10px}.journey-step{display:flex;align-items:start;gap:18px;border:0;background:none;border-radius:12px;text-align:left;padding:23px 17px;transition:background .2s}.journey-step.active{background:#f1f5fc}.journey-step>span{font-size:12px;color:#8fa4b1;font-family:monospace;padding-top:4px}.journey-step.active>span{color:var(--blue)}.journey-step strong{font-size:16px;font-weight:600}.journey-step p{font-size:11px;line-height:1.8;margin:9px 0 0;color:#85949e}.mini-phone{border:6px solid #1a2c40;border-radius:33px;background:white;position:relative;width:290px;box-shadow:16px 22px 55px #173d5519;transform:rotate(4deg);justify-self:center;padding:8px 4px 4px}.phone-camera{position:absolute;width:65px;height:15px;border-radius:0 0 9px 9px;background:#1a2c40;top:-1px;left:50%;transform:translateX(-50%);z-index:2}.phone-screen{overflow:hidden;border-radius:22px}.phone-top{font-size:13px;font-weight:600;padding:22px 15px 14px;display:flex;justify-content:space-between}.phone-top span{font-size:9px;color:#8b98a6;font-weight:400}.phone-screen>img{width:100%;height:157px}.phone-content{padding:17px 15px;min-height:204px}.phone-content h3{font-size:18px;margin:11px 0 8px}.phone-content>p{font-size:10px;line-height:1.9;color:#8293a1;margin:0 0 16px}#journey-preview{font-size:11px}.budget-options{display:flex;gap:5px;flex-wrap:wrap}.budget-options button{padding:6px 8px;border:1px solid #e6eaf0;border-radius:20px;font-size:9px;background:white}.budget-options button.active{background:var(--soft);border-color:#aac8fb;color:var(--blue)}.budget-note{font-size:9px;color:#8b9ba8;margin-top:11px;line-height:1.7}.saved-sample{display:flex;gap:10px;padding:12px;background:#eff5ff;border-radius:10px;color:var(--blue);align-items:center}.saved-sample strong{font-size:11px;display:block}.saved-sample small{font-size:9px;display:block;margin-top:4px;color:#8194a4}.ask-samples{display:flex;flex-wrap:wrap;gap:5px}.ask-samples button{border:1px solid #d8e5fa;background:#f2f7ff;border-radius:6px;font-size:9px;padding:8px;color:#617f9f}.phone-tabs{display:flex;justify-content:space-around;border-top:1px solid #edf1f5;padding:13px 0 8px;text-align:center;color:#9cadb6;font-size:16px}.phone-tabs span:first-child{color:var(--blue)}.phone-tabs small{display:block;font-size:8px;margin-top:4px}.journey-caption{color:#78939d;transform:rotate(-4deg)}.hand-arrow{font-size:45px;display:block;padding-left:20px}.journey-caption p{font-size:17px;line-height:1.8}.journey-caption small{font-size:10px;line-height:1.9;display:block;color:#97a6ac}.creator-layout{display:grid;grid-template-columns:1fr 1fr;gap:115px;align-items:center}.creator-collage{position:relative;height:470px}.collage-photo.big{height:390px;width:66%;object-fit:cover;border-radius:16px;transform:rotate(-4deg)}.collage-photo.small{position:absolute;width:57%;height:190px;bottom:0;right:-7px;border:7px solid white;border-radius:14px;transform:rotate(7deg)}.creator-note{position:absolute;top:55px;right:-15px;background:#fff;padding:23px 25px;box-shadow:0 6px 25px #23536b0d;border:1px solid #e2e8e5;transform:rotate(5deg);max-width:245px}.creator-note>span{font-size:10px;color:#809499}.creator-note strong{display:block;font-size:20px;line-height:1.6;margin:12px 0 20px}.creator-note small{font-size:9px;color:#a0b0b4}.creator-line{display:flex;align-items:center;gap:15px;margin:32px 0}.creator-mark{height:43px;width:43px;display:flex;align-items:center;justify-content:center;border-radius:50%;background:#e2eeff;color:var(--blue);font-size:25px}.creator-line strong{font-size:13px}.creator-line p{font-size:11px;color:#8d9da6;margin:7px 0 0}.start-section{background:var(--blue);color:white;overflow:hidden}.start-inner{padding-block:85px;display:grid;grid-template-columns:1fr 1fr;align-items:center;gap:70px;position:relative}.start-section .chapter{color:#c2d9fd}.start-section h2{font-size:49px;margin:23px 0}.start-section p{font-size:14px;line-height:1.9;color:#d1e1fc}.start-actions{display:flex;align-items:center;gap:28px;margin:30px 0 20px}.start-partner{font-size:13px}.start-partner:hover{text-decoration:underline}.start-section .availability{font-size:10px;color:#b4d2ff;margin:0}.start-orbit{position:relative;width:400px;height:340px;display:flex;align-items:center;justify-content:center;justify-self:center;transform:rotate(-12deg)}.start-orbit>img{border:1px solid #80aeff;border-radius:30px;box-shadow:0 10px 40px #1a52b648;transform:rotate(12deg)}.orbit-ring{position:absolute;inset:0;border:1px solid #81b0ff55;border-radius:50%}.orbit-ring.inner{inset:55px 40px}.orbit-label{position:absolute;border-radius:13px;background:#ffffff15;border:1px solid #ffffff38;padding:10px 18px;font-size:13px;transform:rotate(12deg)}.orbit-label.a{top:15px;left:130px}.orbit-label.b{bottom:40px;left:0}.orbit-label.c{right:0;bottom:130px}.mini-qr{position:absolute;right:20px;bottom:20px;width:130px;height:130px;background:white;padding:8px}.site-footer{background:#f7f8f4;padding-block:40px 24px}.footer-main{display:flex;align-items:center;gap:25px}.footer-main p{font-size:12px;color:#8e9aa2}.footer-main nav{margin-left:auto;display:flex;gap:24px;font-size:11px;color:#70808a}.footer-bottom{display:flex;justify-content:space-between;padding-top:23px;margin-top:30px;border-top:1px solid #dde4e3;font-size:10px;color:#9ba6ac}.toast{position:fixed;bottom:28px;left:50%;max-width:calc(100% - 32px);transform:translate(-50%,20px);opacity:0;pointer-events:none;z-index:200;background:#19334bef;color:white;font-size:12px;border-radius:10px;padding:13px 22px;transition:opacity .2s,transform .2s;text-align:center}.toast.show{opacity:1;transform:translate(-50%,0)}dialog{border:1px solid #e8edf1;padding:0;max-width:min(560px,calc(100vw - 32px));width:560px;max-height:85dvh;border-radius:20px;box-shadow:0 20px 90px #102c4150;color:var(--ink);background:white}dialog::backdrop{background:#112c4266;backdrop-filter:blur(5px)}.dialog-head{position:sticky;top:0;background:white;z-index:2;display:flex;align-items:center;justify-content:space-between;padding:12px 22px;border-bottom:1px solid #edf1f4;font-size:12px}.dialog-head h2{font-size:20px;margin:0}.story-cover{width:100%;height:235px;object-fit:cover}.story-content{padding:27px}.story-content h2{font-size:27px;margin:9px 0 13px}.story-content p{font-size:13px;line-height:1.9;color:#72828f}.story-meta{display:flex;gap:12px;color:#94a1ab;font-size:10px;flex-wrap:wrap;margin:15px 0 24px}.story-content .button{width:100%;min-height:46px;font-size:13px}.story-demo-note{background:#f5f7f9;border-radius:8px;padding:12px;font-size:10px!important;margin-top:18px}.dialog-note{padding:0 22px;font-size:11px;color:#8a9ba7}#saved-list{padding:0 22px 22px}.saved-row{display:flex;align-items:center;gap:13px;padding:15px 0;border-bottom:1px solid #edf1f4}.saved-row img{width:64px;height:58px;border-radius:9px}.saved-row .text-link{font-size:12px;flex:1;text-align:left;display:block}.saved-row small{font-size:10px;color:#93a2ad;display:block;margin-top:6px}.saved-remove{border:0;background:none;font-size:11px;color:#8a9ba7;padding:9px}.saved-empty{padding:35px 0;color:#7c8d98;font-size:13px;line-height:1.8}.subpage{padding-block:70px 90px;min-height:75vh}.subpage .eyebrow{color:var(--blue);margin-bottom:20px}.subpage h1{font-size:clamp(36px,4vw,58px);margin:0 0 25px;line-height:1.35;letter-spacing:-1px}.subpage-intro{max-width:650px;line-height:1.9;color:var(--muted);font-size:15px}.role-tabs{display:flex;gap:10px;flex-wrap:wrap;margin:35px 0}.role-tabs button{border:1px solid #dbe3eb;background:white;border-radius:9px;padding:12px 24px;font-size:14px}.role-tabs button.active{background:var(--blue);border-color:var(--blue);color:white}.partner-layout{display:grid;grid-template-columns:1fr .9fr;gap:70px;margin-top:35px}.partner-brief{background:white;border:1px solid #e2e8e7;border-radius:20px;padding:32px}.partner-brief h2{font-size:25px}.partner-brief>p,.role-panel>p{color:var(--muted);font-size:13px;line-height:1.9}.role-panel h2{font-size:30px;margin-top:8px}.role-panel ul{padding-left:20px;color:var(--muted);font-size:14px;line-height:2.5}.partner-brief label{font-size:12px;display:block;font-weight:500;margin-top:20px}.partner-brief input,.partner-brief textarea{width:100%;border:1px solid #dce5e8;border-radius:9px;background:#fafcfb;padding:11px 13px;font-size:13px;line-height:1.7;margin-top:8px;resize:vertical}.partner-brief .button{margin-top:24px;width:100%}.brief-result{white-space:pre-wrap;overflow-wrap:anywhere;font-family:inherit;background:#f2f6fd;border-radius:9px;padding:18px;line-height:1.9;font-size:12px}.brief-actions{display:flex;gap:20px;margin:20px 0}.form-note{font-size:10px!important;color:#8e9eaa!important}.article{max-width:780px;line-height:1.9}.article h2{font-size:26px;margin-top:42px}.article p,.article li{font-size:14px;color:var(--muted)}.article a{color:var(--blue);text-decoration:underline;text-underline-offset:3px}.credit-item{padding:26px 0;border-bottom:1px solid #dfe6e6}.credit-item img{width:160px;height:110px;border-radius:8px;float:right;margin-left:20px}.credit-item h2{margin-top:0;font-size:22px}.credit-item p{margin:8px 0}.credit-item:after{content:"";display:block;clear:both}
@media(min-width:1450px){.hero{min-height:820px}.map-viewport{height:350px}}
@media(max-width:1100px){.container{width:calc(100% - 64px)}.hero{gap:35px;min-height:730px}.hero h1{font-size:59px}.nav nav{gap:22px}.why-grid{gap:60px}.channel-layout{gap:45px}.journey-layout{gap:30px;grid-template-columns:1fr 280px .5fr}.journey-caption p{font-size:14px}.mini-phone{width:275px}.creator-layout{gap:60px}.reason-visual{height:475px}.start-orbit{width:350px}.moment-story{padding:38px}.footer-main{flex-wrap:wrap}.footer-main nav{gap:20px}}
@media(max-width:850px){:root{--header:72px}.container{width:calc(100% - 48px)}.nav{gap:18px}.nav nav{gap:18px;font-size:12px}.button.small{font-size:12px;padding:9px 13px}.hero{gap:27px;padding-block:52px 76px;min-height:auto}.hero h1{font-size:48px}.hero-intro{font-size:13px}.hero-actions{gap:16px;flex-wrap:wrap}.hero-actions .button{font-size:13px;padding:13px 18px;min-height:46px}.hero-actions .text-link{font-size:12px}.hero-foot{gap:9px;font-size:10px}.map-viewport{height:280px}.demo-toolbar{padding:15px 16px 7px}.demo-scope{padding:5px 15px 10px}.demo-channels{padding-inline:12px;gap:5px}.demo-channels button{padding:6px 8px;font-size:9px}.demo-card{padding:10px 15px 15px}.preview-card{gap:10px}.preview-card img{width:64px;height:79px}.preview-copy h3{font-size:14px}.preview-copy p{font-size:10px}.demo-caption{padding:8px 12px;font-size:8px}.section{padding-block:75px}.why-grid{gap:45px}.reason-visual{height:460px}.reason-float{left:-18px;right:20px;padding:22px}.reason-float h3{font-size:22px}.reason strong{font-size:12px}.reason small{font-size:10px}.section-copy{font-size:13px}.scope-heading .section-copy{padding-right:10px}.scope-steps>button{padding:19px}.scope-steps>button>strong{font-size:16px}.moment-story{padding:28px}.moment-story h3{font-size:26px}.moment-tabs button{padding:10px 14px;font-size:12px}.channel-layout{gap:30px}.channel-picker{gap:10px}.interest{padding:18px 10px;min-height:140px}.interest small{font-size:9px}.interest-result{flex-wrap:wrap}.journey-layout{grid-template-columns:1fr 280px;gap:35px}.journey-caption{display:none}.creator-layout{gap:45px}.creator-collage{height:400px}.collage-photo.big{height:345px}.collage-photo.small{height:150px}.creator-note{max-width:210px;padding:20px;right:-8px}.creator-note strong{font-size:17px}.creator-copy .button{font-size:13px}.start-inner{gap:20px}.start-section h2{font-size:40px}.start-orbit{width:300px;height:300px}.footer-main p{margin-left:auto}.footer-main nav{width:100%;justify-content:flex-end}.partner-layout{gap:35px}}
@media(max-width:680px){.container{width:calc(100% - 40px)}.nav-cta{margin-left:auto}.menu-toggle{display:flex;flex-direction:column;justify-content:center;gap:6px;order:3;width:36px;height:36px;border:0;background:none;padding:8px}.menu-toggle span{height:2px;width:20px;background:var(--ink)}.nav nav{display:none;position:absolute;top:71px;left:0;right:0;padding:20px;background:#fffffff5;flex-direction:column;align-items:stretch;gap:0;border-bottom:1px solid #e0e7e8;box-shadow:0 12px 20px #10233810}.nav nav.open{display:flex}.nav nav a{padding:14px 20px;font-size:15px}.brand>span{font-size:21px}.brand img{width:34px;height:34px}.brand small{font-size:8px}.hero{grid-template-columns:1fr;padding-block:38px 70px;gap:38px}.hero h1{font-size:57px;letter-spacing:-2px;line-height:1.16;margin:20px 0}.hero h1 br:last-of-type{display:none}.hero-intro{font-size:14px;margin:24px 0}.hero-intro br{display:none}.hero-intro{max-width:350px;line-height:1.9}.hero-foot{margin-top:23px;font-size:11px}.hero-actions .button{font-size:14px;min-height:48px}.hero-actions .text-link{font-size:13px}.hero-note{bottom:10px;right:27px;font-size:11px}.map-viewport{height:300px}.demo-toolbar{padding:17px 18px 10px}.demo-scope{padding:5px 18px 12px}.demo-channels{padding:13px 13px 7px}.demo-channels button{padding:6px 10px;font-size:10px}.demo-card{padding:12px 17px 17px}.preview-card{gap:13px}.preview-card img{width:75px;height:83px}.preview-copy h3{font-size:15px}.preview-copy p{font-size:11px}.demo-caption{font-size:8px;padding:10px 17px}.section{padding-block:62px}.section-top{margin-bottom:28px}.section-aside{display:none}h2{font-size:33px;letter-spacing:-.8px}.section-copy{font-size:13px}.why-grid{grid-template-columns:1fr;gap:32px}.reason-list{margin-top:25px}.reason{padding:19px 0}.reason strong{font-size:13px}.reason small{font-size:11px}.reason-visual{height:430px;margin-left:15px;margin-bottom:0}.reason-float{left:-15px;right:25px;bottom:20px}.scope-heading{display:block}.scope-heading .section-copy{padding:0}.scope-steps{grid-template-columns:1fr;gap:13px}.scope-steps>button{display:grid;grid-template-columns:105px 1fr;gap:7px 20px;padding:20px;align-items:center}.scope-art{grid-row:1/4;height:96px;margin:0}.scope-level{align-self:end;font-size:10px}.scope-steps>button>strong{margin:0;font-size:17px}.scope-steps>button>span:last-of-type{font-size:10px;align-self:start}.scope-steps b{bottom:20px;right:20px}.moment-tabs{gap:7px;margin-bottom:22px}.moment-tabs button{font-size:11px;padding:10px 12px;flex:1;min-width:90px}.moment-panel{grid-template-columns:1fr}.moment-image{min-height:230px}.moment-story{padding:29px}.moment-story h3{font-size:28px;margin:18px 0}.moment-story p{font-size:12px}.channel-layout{grid-template-columns:1fr;gap:30px}.channel-picker{gap:10px}.interest{min-height:136px;padding:17px 13px}.interest small{font-size:9px}.interest-result{font-size:11px}.journey-layout{grid-template-columns:1fr;gap:35px;margin-top:16px}.journey-flow{gap:3px}.journey-step{padding:18px 14px}.journey-step strong{font-size:15px}.journey-step p{font-size:11px}.mini-phone{width:280px;transform:rotate(2deg)}.creator-layout{grid-template-columns:1fr;gap:48px}.creator-collage{height:395px;max-width:480px;width:100%;margin:auto}.collage-photo.big{height:330px;width:65%}.collage-photo.small{height:155px;width:56%;right:0}.creator-note{max-width:215px;top:50px;right:0}.creator-copy .button{min-height:49px}.start-inner{grid-template-columns:1fr;padding-block:56px;gap:30px}.start-section h2{font-size:39px}.start-section p{font-size:13px}.start-actions{gap:20px}.start-partner{font-size:12px}.start-orbit{width:290px;height:245px;margin-top:15px}.start-orbit>img{width:85px;height:85px;border-radius:24px}.orbit-ring.inner{inset:45px 38px}.orbit-label{font-size:11px;padding:9px 14px}.orbit-label.a{left:95px;top:8px}.orbit-label.b{left:0;bottom:25px}.orbit-label.c{right:-10px;bottom:95px}.footer-main{gap:15px}.footer-main p{font-size:10px}.footer-main nav{justify-content:flex-start;gap:22px;margin-top:10px}.footer-bottom{font-size:9px;margin-top:20px}.site-footer{padding-block:28px 20px}.dialog-head{padding:10px 17px}.story-cover{height:210px}.story-content{padding:22px}.story-content h2{font-size:24px}.subpage{padding-block:45px 65px}.subpage-intro{font-size:13px}.partner-layout{grid-template-columns:1fr;gap:25px}.partner-brief{padding:24px}.role-tabs{gap:7px;margin-block:25px}.role-tabs button{padding:11px 14px;font-size:12px}.role-panel ul{font-size:13px;line-height:2.3}.credit-item img{float:none;margin:0 0 18px;width:100%;height:160px}.article h2{font-size:24px}}
@media(max-width:370px){.container{width:calc(100% - 32px)}.hero h1{font-size:49px}.nav{gap:12px}.nav-cta{padding:9px 11px!important;font-size:11px!important}.channel-picker{gap:8px}.interest{padding:15px 9px}.interest small{font-size:8px}.scope-steps>button{grid-template-columns:85px 1fr;gap:8px 15px}.creator-note{max-width:185px}.creator-note strong{font-size:16px}.footer-main nav{gap:16px}.start-actions{gap:14px}.map-viewport{height:270px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{transition:none!important;animation:none!important}.button:hover,.scope-steps>button:hover{transform:none}}

/* 产品效果演示 v2：地图上的聚合/热榜/简卡与框内上滑阅读态。 */
.hero{grid-template-columns:.8fr 1.2fr;align-items:start;gap:48px;padding-top:40px;padding-bottom:58px;min-height:0}.hero-copy{padding-top:34px}.hero h1{font-size:clamp(49px,4.7vw,66px)}.hero-intro{font-size:14px;margin:23px 0 28px}.hero-intro strong{color:#38526d;font-weight:500}.hero-foot{font-size:10px;gap:11px;margin-top:25px}.hero-scene-note{font-size:9px;line-height:1.7;color:#a0aab2;margin-top:14px;max-width:330px}.hero-note{display:none}.hero-demo{min-width:0}.product-demo-label{display:flex;justify-content:space-between;align-items:center;gap:10px;font-size:10px;color:#6e8293;margin-bottom:11px}.product-demo-label>span:last-child{font-size:9px;color:var(--blue)}.hero-demo .explorer-shell{border:1px solid #dae4ec;border-radius:25px;background:#fff;box-shadow:0 16px 52px #254a7217}.hero-demo .demo-toolbar{padding:13px 18px 5px;min-height:45px}.hero-demo .demo-scope{padding:0 18px 5px}.hero-demo .demo-scope button{padding:5px 9px}.hero-demo .demo-channels{padding:7px 14px 9px;background:white;gap:6px}.hero-demo .demo-channels button{font-size:9px;padding:5px 11px}.hero-demo .map-viewport{height:420px}.hero-demo .focus-ring{top:38%}.hero-demo .map-tools{top:18px;right:11px;bottom:auto}.hero-demo .map-tip{top:10px;font-size:9px;z-index:8;background:#ffffffd9;padding:5px 10px}.hero-demo .map-disclaimer{display:none}.hero-demo .demo-card{position:absolute;bottom:12px;left:12px;right:12px;z-index:12;padding:0;min-height:0;background:none;touch-action:none}.product-card,.weekly-card,.product-empty{background:#fffffff5;border:1px solid white;border-radius:14px;box-shadow:0 5px 28px #2445611c;overflow:hidden;backdrop-filter:blur(10px)}.product-card-meta{display:flex;justify-content:space-between;align-items:center;padding:8px 13px 5px;font-size:9px;color:#7890a5;min-height:26px}.card-cycle{display:inline-flex;align-items:center;gap:7px}.card-cycle button{border:0;background:none;padding:0 5px;min-width:19px;font-size:15px;color:#6180a0;line-height:15px}.product-preview{display:flex;align-items:center;gap:11px;padding:5px 13px 7px}.product-preview>img{width:62px;height:69px;object-fit:cover;border-radius:9px;flex-shrink:0}.product-preview>div{flex:1;min-width:0}.product-preview h3{font-size:15px;margin:0 0 4px;line-height:1.4}.product-preview .place-description{font-size:9px;color:#8a99a6;margin:0 0 5px;line-height:1.5}.product-preview .worth-line{font-size:11px;line-height:1.65;color:#3c5369;margin:0;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.product-preview .preview-save{width:27px;height:27px;align-self:start;margin-top:4px}.nearby-teaser{display:flex;gap:9px;align-items:center;margin:0 13px 7px;padding:7px 9px;background:#fff2f4;border:1px solid #f4e3e7;border-radius:7px;min-width:0}.nearby-teaser>span{font-size:8px;color:#b57891;flex-shrink:0}.nearby-teaser strong{font-size:9px;font-weight:600;color:#8f5976;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.preview-expand{display:flex;align-items:center;gap:8px;justify-content:center;width:100%;border:0;border-top:1px solid #e8edf4;background:#f5f8fd;padding:8px 13px;color:var(--blue);font-size:10px;line-height:1.2}.preview-expand b{font-size:15px;font-weight:400;margin-left:5px}.map-pin.is-cluster{border:0;background:none;box-shadow:none;width:90px;height:70px;padding:0;transform:translate(-50%,-50%);z-index:4}.map-pin.is-cluster:after{display:none}.cluster-symbol{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:49px;height:49px;border-radius:50%;border:2px solid white;background:#eef5ff;box-shadow:0 3px 12px #31558232;display:flex;align-items:center;justify-content:center;color:var(--blue)}.cluster-number{font-size:22px;line-height:1;font-weight:700}.cluster-topic{position:absolute;width:22px;height:22px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:12px;font-style:normal;border:2px solid white;box-shadow:0 1px 5px #30577a14}.cluster-topic.a{top:-8px;left:-5px;background:#e3f0df;color:#729468}.cluster-topic.b{bottom:-3px;right:-6px;background:#f9dfe7;color:#af708e}.cluster-name{position:absolute;top:62px;left:50%;transform:translateX(-50%);font-size:9px;padding:3px 7px;border-radius:5px;color:#668097;background:#ffffffcf;white-space:nowrap}.is-cluster.in-focus .cluster-symbol{background:var(--blue);color:white;box-shadow:0 3px 16px #2e7cf647}.is-cluster.in-focus .cluster-name{color:var(--blue);background:#fff}.weekly-head{display:flex;align-items:center;padding:10px 13px 5px;gap:10px}.weekly-head strong{font-size:14px;display:flex;gap:6px;align-items:center}.weekly-head strong span{color:#df925d;font-size:20px;line-height:1}.weekly-head small{font-size:8px;color:#8a9bad;margin-left:auto}.weekly-head>button{border:0;background:none;color:#8498ab;font-size:22px;padding:0 0 0 6px;line-height:1}.weekly-row{display:flex;align-items:center;gap:11px;width:100%;text-align:left;border:0;background:none;padding:7px 13px}.weekly-row:hover{background:#edf5ff}.weekly-rank{font-size:15px;font-weight:650;color:#d89758;width:14px}.weekly-row>div{flex:1;min-width:0}.weekly-row strong{display:block;font-size:10px;font-weight:600;line-height:1.5}.weekly-row>div>span{display:block;font-size:8px;color:#8598a5;line-height:1.6;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.weekly-row-arrow{color:#9cadb7;font-size:17px}.weekly-more{border:0;border-top:1px solid #edf0f5;background:none;width:100%;font-size:9px;color:var(--blue);padding:8px}.product-empty{padding:22px 15px;font-size:10px;line-height:1.9;color:#7f94a8}.product-empty strong{display:block;font-size:12px;color:#566f84;margin-bottom:6px}.demo-bottom-nav{display:flex;justify-content:space-around;background:white;border-top:1px solid #edf1f5;padding:7px 8px 5px;min-height:41px}.demo-bottom-nav>button{border:0;background:none;display:flex;flex-direction:column;align-items:center;gap:3px;font-size:8px;color:#a1adb9;padding:0 16px;line-height:1.3}.demo-bottom-nav>button>span{font-size:17px;line-height:1}.demo-bottom-nav .active{color:var(--blue)}.hero-demo .demo-caption{font-size:8px;padding:6px 14px}.demo-walkthrough{display:grid;grid-template-columns:repeat(4,1fr);gap:7px;margin-top:13px}.demo-walkthrough button{padding:9px 4px;background:#fff;border:1px solid #dde6f0;border-radius:7px;font-size:9px;color:#6c8297;line-height:1.5}.demo-walkthrough button.active{color:var(--blue);background:var(--soft);border-color:#b8d2fe}.demo-explanation{font-size:10px;line-height:1.8;color:#8395a3;margin:10px 3px 0;min-height:36px}.reading-backdrop{position:absolute;inset:0;background:#21394e24;z-index:20}.demo-reading{position:absolute;inset:12% 0 0;z-index:21;background:#fff;display:flex;flex-direction:column;border-radius:20px 20px 0 0;overflow:hidden;box-shadow:0 -8px 25px #183d5519}.reading-bar{display:flex;align-items:center;flex-shrink:0;padding:9px 13px;gap:10px;border-bottom:1px solid #e9eef4;touch-action:none;background:#fff;min-height:50px}.reading-bar .icon-button{font-size:22px;background:#f2f6fa;color:#7090a6;min-width:26px;min-height:26px;line-height:1}.reading-bar>div{flex:1;min-width:0}.reading-bar strong{font-size:13px;display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.reading-bar small{font-size:8px;color:#8b9bab;display:block;margin-top:3px}.reading-bar>span{color:#93a6b5;font-size:8px}.reading-scroll{flex:1;min-height:0;overflow-y:auto;overscroll-behavior:contain;scrollbar-width:thin;scrollbar-color:#cbdbea #fff;overflow-anchor:none}.reading-entry{padding:13px 13px 0}.reading-entry+.reading-entry{border-top:7px solid #f3f6f8;padding-top:17px}.reading-entry-head{display:flex;align-items:center;gap:8px;font-size:9px;margin-bottom:10px}.reading-entry-head>span{color:var(--blue);background:#edf4ff;padding:3px 6px;border-radius:4px;font-size:8px}.reading-entry-head strong{font-size:12px}.reading-entry-head small{margin-left:auto;color:#92a3b0;font-size:8px}.reading-cover{position:relative;width:100%;border:0;background:none;border-radius:12px;padding:0;overflow:hidden;display:block}.reading-cover img{width:100%;height:200px;object-fit:cover}.reading-cover>span{position:absolute;bottom:8px;left:8px;right:8px;background:#fffffff1;color:#8d6f82;font-size:9px;padding:7px;border-radius:6px}.reading-content{padding:15px 0 0}.reading-content h3{font-size:17px;line-height:1.6;margin:0 0 9px}.reading-content .reading-lead{font-size:12px;color:#4a6681;line-height:1.9}.reading-content>p{font-size:10px;color:#788d9e;line-height:1.95;margin:11px 0}.reading-tags{display:flex;flex-wrap:wrap;gap:7px;font-size:8px;color:var(--blue);margin:12px 0}.reading-tags>span{background:#f0f6ff;padding:4px 6px;border-radius:5px}.reading-tags>span:last-child{background:none;color:#98a7b3;padding-left:0;flex-basis:100%}.reading-nearby{display:flex;align-items:center;gap:10px;border:1px solid #f0dbe5;border-radius:10px;background:#fff6f8;padding:11px;margin:15px 0}.reading-nearby img{width:58px;height:55px;border-radius:8px}.reading-nearby>div{min-width:0}.reading-nearby span{font-size:8px;color:#97a2ab;display:block;margin-bottom:5px}.reading-nearby strong{font-size:11px;color:#ae708c;display:block;line-height:1.5}.reading-nearby small{font-size:8px;color:#b3a1ab;display:block;margin-top:4px}.reading-media-row{display:flex;gap:8px;overflow-x:auto;scrollbar-width:thin;scrollbar-color:#d4e2ec transparent;margin-top:12px;padding-bottom:3px}.reading-media-tile{width:125px;height:92px;flex-shrink:0;padding:0;position:relative;border:0;border-radius:9px;overflow:hidden;background:#edf2f7}.reading-media-tile img{width:100%;height:100%;object-fit:cover}.reading-media-tile .tile-play{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:28px;height:28px;display:flex;align-items:center;justify-content:center;border-radius:50%;background:#19314575;color:white;font-size:18px}.reading-media-tile small{position:absolute;bottom:4px;right:5px;padding:2px 4px;border-radius:4px;background:#213b5577;color:white;font-size:8px}.reading-media-row.joined .reading-media-tile{width:0;min-width:0;flex:1;max-width:calc(50% - 4px);height:auto;aspect-ratio:4/3}.reading-author{display:flex;align-items:center;gap:9px;padding:19px 0}.author-avatar{width:27px;height:27px;display:flex;align-items:center;justify-content:center;border-radius:50%;background:#e8f0ff;color:#799ace;font-size:20px}.reading-author strong{font-size:9px;color:#536f89;display:block;font-weight:500}.reading-author small{font-size:8px;color:#a0adb8;display:block;margin-top:4px}.reading-actions{display:flex;gap:8px;border-top:1px solid #edf1f5;padding:11px 0 15px}.reading-actions button{font-size:9px;min-height:30px;flex:1;border:1px solid #e2eaf3;background:#fff;border-radius:20px;padding:6px;color:#6d879e}.reading-actions button:last-child{background:#1d344c;color:white;border-color:#1d344c}.reading-actions .reading-want[aria-pressed="true"]{background:#edf4ff;color:var(--blue);border-color:#d2e2ff}.reading-bottom{flex-shrink:0;text-align:center;border-top:1px solid #e9eef4;padding:10px;background:#fff}.reading-bottom>button{border:0;background:none;font-size:10px;color:var(--blue);padding:0 10px}.reading-bottom small{font-size:7px;color:#a5b3bd;display:block;margin-top:5px}#media-dialog{max-width:min(720px,calc(100vw - 32px));width:720px}.full-image{width:100%;height:auto;max-height:63dvh;object-fit:contain;background:#f1f5f7}.full-video{width:100%;max-height:65dvh;display:block;background:#102033}.image-controls{display:flex;align-items:center;justify-content:space-between;padding:12px 18px;font-size:11px;color:#8aa0b1}.image-controls button{border:0;background:#f1f6ff;border-radius:6px;padding:10px 14px;color:var(--blue);font-size:12px}.media-note{font-size:10px;color:#8ca0af;line-height:1.8;padding:0 19px 10px}.demo-question{padding:20px}.demo-question h3{font-size:20px}.demo-question p{font-size:12px;line-height:1.9;color:#7f94a6}.demo-question textarea{width:100%;padding:12px;border:1px solid #dce6f0;border-radius:8px;font-size:13px}
@media(max-width:1000px){.hero{gap:28px}.hero h1{font-size:54px}.hero-intro{font-size:13px}.hero-demo .map-viewport{height:425px}.product-preview>img{width:56px;height:66px}.product-preview .worth-line{font-size:10px}.nearby-teaser strong{font-size:8px}.demo-walkthrough{grid-template-columns:repeat(2,1fr)}.hero-foot{flex-wrap:wrap;row-gap:10px}.reading-cover img{height:165px}}
@media(max-width:680px){.hero{grid-template-columns:1fr;gap:28px;padding-top:28px;padding-bottom:42px}.hero-copy{padding-top:0}.hero h1{font-size:55px;margin:17px 0}.hero-intro{font-size:14px;line-height:1.8;margin:20px 0 24px}.hero-intro br{display:block}.hero-scene-note{font-size:9px;margin-top:12px;max-width:100%}.hero-foot{font-size:10px}.product-demo-label{font-size:9px}.product-demo-label>span:last-child{font-size:8px}.hero-demo .map-viewport{height:410px}.hero-demo .demo-toolbar{padding:12px 14px 5px}.hero-demo .demo-scope{padding:0 14px 5px}.hero-demo .demo-channels{gap:5px;padding:7px 10px 9px}.hero-demo .demo-channels button{font-size:9px;padding:5px 9px}.hero-demo .demo-card{left:10px;right:10px;bottom:10px}.product-preview{gap:9px;padding-inline:10px}.product-card-meta{padding-inline:10px}.product-preview>img{width:53px;height:67px}.product-preview h3{font-size:14px}.product-preview .place-description{font-size:8px}.product-preview .worth-line{font-size:10px}.product-preview .preview-save{width:22px;height:22px;font-size:15px}.nearby-teaser{margin-inline:10px;padding:6px 8px;gap:6px}.nearby-teaser strong{font-size:8px}.nearby-teaser>span{font-size:7px}.preview-expand{font-size:9px}.hero-demo .map-tip{font-size:8px;padding:5px 8px}.hero-demo .map-tools{top:18px;right:7px}.map-tools button{width:27px;height:29px;font-size:17px}.cluster-name{font-size:8px;padding:3px 5px}.cluster-symbol{width:44px;height:44px}.cluster-number{font-size:20px}.cluster-topic{width:20px;height:20px;font-size:11px}.demo-walkthrough{grid-template-columns:repeat(2,1fr);gap:7px}.demo-walkthrough button{font-size:10px;padding:10px 5px}.demo-explanation{font-size:10px;margin-top:10px}.weekly-row{padding:6px 11px}.weekly-head{padding-inline:11px}.weekly-head strong{font-size:13px}.weekly-row strong{font-size:10px}.weekly-row>div>span{font-size:8px}.demo-reading{inset:10% 0 0}.reading-bar{padding:9px 11px;gap:7px}.reading-bar strong{font-size:12px}.reading-bar>span{font-size:7px}.reading-entry{padding-inline:11px}.reading-cover img{height:155px}.reading-cover>span{font-size:8px}.reading-content h3{font-size:15px}.reading-content .reading-lead{font-size:11px}.reading-content>p{font-size:10px}.reading-media-tile{width:105px;height:79px}.reading-nearby strong{font-size:10px}.reading-nearby{gap:9px}.reading-nearby img{width:49px;height:50px}.reading-entry-head small{font-size:7px}}
@media(max-width:370px){.hero h1{font-size:49px}.hero-demo .map-viewport{height:410px}.product-preview .worth-line{font-size:9px}.product-preview>img{width:47px;height:61px}.product-preview{gap:7px}.product-preview h3{font-size:13px}.nearby-teaser strong{font-size:8px}.reading-cover img{height:143px}.reading-entry-head strong{font-size:11px}.reading-actions button{font-size:8px;padding:6px 3px}}

.hero-demo>.demo-walkthrough{margin:0 0 11px}.effect-states{grid-template-columns:repeat(4,1fr);gap:16px}.effect-states>button{padding:17px 17px 24px}.effect-states>button>strong{font-size:14px;line-height:1.6;min-height:46px;margin:12px 0 8px}.effect-states>button>span:last-of-type{font-size:10px;line-height:1.8;display:block;min-height:38px}.effect-states>button>b{bottom:14px;right:17px;font-size:18px}.state-preview{height:205px;width:100%;margin-bottom:24px;border:1px solid #e2eaf2;border-radius:10px;overflow:hidden;position:relative;background:white}.state-map{background:repeating-linear-gradient(0deg,transparent 0 25px,white 26px 33px),repeating-linear-gradient(90deg,transparent 0 27px,white 28px 34px),#e8eee2}.state-map-road{position:absolute;left:-10%;right:-10%;height:22px;top:67%;background:#c6deed;transform:rotate(-12deg)}.state-focus{position:absolute;width:90px;height:90px;border-radius:50%;border:1px solid #83a7e1;left:50%;top:44%;transform:translate(-50%,-50%);box-shadow:0 0 0 5px #ffffff88}.state-cluster{position:absolute;top:44%;left:50%;transform:translate(-50%,-50%);height:48px;width:48px;background:var(--blue);border:2px solid white;border-radius:50%;box-shadow:0 3px 9px #4774b444;color:white;display:flex;align-items:center;justify-content:center;font-size:22px;font-weight:600}.state-cluster i,.state-cluster b{position:absolute;border:2px solid white;border-radius:50%;height:21px;width:21px;display:flex;align-items:center;justify-content:center;font-style:normal;font-size:10px}.state-cluster i{left:-6px;top:-5px;background:#dcead8;color:#6e9471}.state-cluster b{right:-6px;bottom:-4px;background:#f4d9e4;color:#ae7890}.state-map>small{position:absolute;top:64%;left:50%;transform:translateX(-50%);white-space:nowrap;font-size:8px;color:#6688b2;background:#ffffffd9;padding:4px 6px;border-radius:5px}.state-mini-pin{position:absolute;right:8px;top:25px;background:white;border-radius:6px;padding:5px 8px;font-size:8px;color:#7a91a6}.state-card{padding:17px 12px;background:#fff}.state-card-top{display:flex;align-items:center;gap:9px}.state-card-top img{width:43px;height:47px;border-radius:7px}.state-card-top strong{font-size:11px;display:block}.state-card-top small{font-size:7px;color:#8a9ead;display:block;margin-top:6px}.state-card>p{font-size:11px;font-weight:600;margin:16px 0 11px;color:#506c84}.state-pink{font-size:9px;color:#a06a87;background:#fff0f4;border-radius:6px;padding:10px 7px}.state-up{display:block;font-size:8px;text-align:center;margin:12px -12px 0;color:var(--blue);padding-top:11px;border-top:1px solid #eaf0f6}.state-weekly{padding:14px 13px}.state-weekly>strong{font-size:12px;display:block}.state-weekly>small{font-size:7px;color:#95a8b7;display:block;margin:5px 0 12px}.state-weekly>div{display:flex;gap:10px;align-items:center;padding:5px 0;font-size:9px}.state-weekly i{color:#d69254;font-size:14px;font-style:normal;min-width:9px}.state-weekly>div small{display:block;font-size:7px;color:#91a6b6;margin-top:3px}.state-reading>div{display:flex;justify-content:space-between;font-size:8px;color:#86a0b3;padding:10px 11px;background:#f7faff}.state-reading>img{height:96px;width:100%;object-fit:cover}.state-reading>strong{font-size:11px;display:block;line-height:1.6;padding:10px 11px 5px}.state-reading>small{font-size:7px;color:#95a9b8;padding:0 11px;display:block}.state-example-note{font-size:10px;color:#97a6af;line-height:1.9;margin:22px 0 0}
@media(max-width:1000px){.effect-states{grid-template-columns:repeat(2,1fr)}.effect-states>button>strong{min-height:0}.effect-states>button>span:last-of-type{min-height:0}.state-preview{max-width:100%;height:205px}.state-map>small{font-size:10px}.state-card-top strong{font-size:13px}.state-card-top small{font-size:9px}.state-card>p{font-size:12px}.state-pink{font-size:10px}.state-weekly>div{font-size:11px}.state-weekly>div small{font-size:8px}.state-reading>strong{font-size:13px}}
@media(max-width:680px){.effect-states{grid-template-columns:repeat(2,1fr);gap:10px}.effect-states>button{display:block;padding:11px 11px 22px;min-width:0}.effect-states .state-preview{height:170px;margin-bottom:17px}.effect-states>button>strong{font-size:12px;margin:10px 0 7px;min-height:38px}.effect-states>button>span:last-of-type{font-size:9px;line-height:1.8;min-height:32px}.effect-states .scope-level{font-size:8px}.effect-states .state-card{padding:11px 8px}.effect-states .state-card-top img{height:36px;width:32px}.effect-states .state-card-top{gap:6px}.effect-states .state-card-top strong{font-size:9px}.effect-states .state-card-top small{font-size:6px}.effect-states .state-card>p{font-size:9px;margin:12px 0 10px}.effect-states .state-pink{font-size:8px;padding:9px 5px;line-height:1.5}.effect-states .state-up{margin:9px -8px 0;padding-top:7px;font-size:7px}.effect-states .state-weekly{padding:11px 9px}.effect-states .state-weekly>strong{font-size:10px}.effect-states .state-weekly>small{font-size:6px;margin-bottom:8px}.effect-states .state-weekly>div{font-size:8px;gap:7px;line-height:1.4}.effect-states .state-weekly>div small{font-size:6px}.effect-states .state-reading>div{font-size:7px;padding:9px}.effect-states .state-reading>img{height:76px}.effect-states .state-reading>strong{font-size:9px;padding:9px 8px 4px}.effect-states .state-reading>small{font-size:6px;padding:0 8px}.state-map>small{font-size:7px}.state-mini-pin{font-size:7px}.state-focus{width:76px;height:76px}.state-cluster{height:43px;width:43px;font-size:19px}.state-example-note{font-size:9px}}

/* First-screen film: real GIF plus a separately operable product demo. */
.demo-mode-switch{display:flex;gap:8px;margin-bottom:12px;background:#edf2f7;border:1px solid #e3eaf1;padding:4px;border-radius:12px}.demo-mode-switch button{flex:1;border:0;border-radius:9px;background:none;font-size:12px;padding:11px 12px;color:#7a8fa2;cursor:pointer}.demo-mode-switch button.active{background:white;color:var(--blue);box-shadow:0 2px 7px #29486b0d;font-weight:600}.demo-film{background:white;border:1px solid #dce5ee;border-radius:23px;box-shadow:0 16px 52px #254a7217;overflow:hidden;max-width:590px;margin-inline:auto}.demo-film>img{display:block;width:100%;height:auto;aspect-ratio:650/760;object-fit:contain}.film-controls{display:flex;justify-content:space-between;align-items:center;gap:12px;padding:12px 17px;border-top:1px solid #edf2f7;font-size:11px;color:#758da3}.film-controls button{background:#eef4ff;border:0;border-radius:7px;color:var(--blue);font-size:10px;padding:8px 12px;cursor:pointer;white-space:nowrap}.film-note{font-size:9px;color:#9aaab7;line-height:1.8;margin:0;padding:0 17px 13px}.film-note a{color:#6e90b2;white-space:nowrap}.hero-demo [hidden]{display:none!important}.hero-demo:has(.demo-film:not([hidden])) .product-demo-label>span:last-child{color:var(--blue)}
@media(max-width:680px){.demo-mode-switch button{font-size:11px}.demo-film{border-radius:18px;max-width:100%}.film-controls{font-size:10px;padding:10px 12px;gap:7px}.film-note{padding:0 12px 11px;font-size:8px}.hero .hero-scene-note{max-width:100%}}

@media(min-width:681px){.hero{padding-top:24px}.hero-copy{padding-top:20px}.hero-demo:has(.demo-film:not([hidden])){max-width:460px;justify-self:center}.demo-film{width:min(100%,380px)}.film-controls{padding:8px 13px;font-size:10px}.film-note{padding:0 13px 10px;font-size:8px}}
@media(min-width:681px) and (min-height:800px){.demo-film{width:min(100%,460px)}}

/* The live map supports two-dimensional drags, including drags starting on a bubble. */
#demo-map{touch-action:none;user-select:none;-webkit-user-select:none}
#demo-map.dragging,#demo-map.dragging .map-pin{cursor:grabbing}