/* V3: grounded studio, dimensional commerce diagram and illustrative nearby offers. */
.hero-art{object-position:center;opacity:.85}.hero-shade{background:linear-gradient(270deg,#060c18c9 0%,#060c1855 35%,transparent 70%),linear-gradient(0deg,#060c18 0%,transparent 45%)}
.hero-connections{left:4%;bottom:135px;width:44%;max-width:610px;padding:0;border:0;border-radius:0;background:none;backdrop-filter:none}
.commerce-hub{width:100%;aspect-ratio:540/420;position:relative;isolation:isolate;perspective:900px}
.hub-lines{position:absolute;inset:0;width:100%;height:100%;overflow:visible;z-index:-1}.hub-route{fill:none;stroke:#40577d;stroke-width:1.25}.hub-stream{fill:none;stroke:#96b8ff;stroke-width:2;stroke-linecap:round;stroke-dasharray:7 180;animation:hubFlow 6s linear infinite;filter:drop-shadow(0 0 4px #81a6ff)}
.hub-core{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%) rotateX(12deg) rotateY(-15deg);display:flex;flex-direction:column;align-items:center;justify-content:center;width:22%;aspect-ratio:1;border-radius:24%;background:linear-gradient(140deg,#92bbff 0%,#427ef4 30%,#2159df 65%,#1c3d91);border:1px solid #accbff;box-shadow:7px 10px 0 #153c95,8px 12px 0 1px #5479bd,15px 24px 40px #02081799,inset 2px 2px 4px #d1e2ff66;z-index:2}
.hub-core strong{font:900 clamp(27px,3.3vw,48px)/1 Arial;letter-spacing:-3px;color:#fff}.hub-core>span{font-size:12px;color:#d9e7ff;margin-top:10px}.hub-node{position:absolute;top:var(--y);transform:translateY(-50%);width:20%;height:52px;display:flex;gap:9px;align-items:center;justify-content:center;border-radius:12px;background:linear-gradient(135deg,#23354e,#112137);border:1px solid #4b658e8c;box-shadow:0 5px 0 #081429,0 6px 0 1px #344b6b,0 15px 25px #0003;color:#dbe8fd;font-size:13px;transition:transform .25s,border-color .25s}.hub-node img{filter:invert(85%) sepia(14%) saturate(566%) hue-rotate(183deg) brightness(101%);width:24px;height:24px}.hub-node:hover{transform:translateY(calc(-50% - 4px));border-color:#9bbcff}.hub-input{right:0;direction:ltr}.hub-output{left:0}.hub-output img{opacity:.8}.hero-copy{position:relative;z-index:2}
@keyframes hubFlow{to{stroke-dashoffset:-374}}
.nearby-section{background:#eef1f6;padding:110px 5% 90px}.nearby-heading{text-align:center;max-width:800px;margin:0 auto 44px}.nearby-heading .kicker{justify-content:center;color:#5e7294}.nearby-heading .kicker span{display:block}.nearby-heading h2{font-size:clamp(40px,4.5vw,66px);line-height:1.6;margin-bottom:14px}.nearby-heading h2 span{color:#275dff}.nearby-heading .nearby-subtitle{font-size:18px;font-weight:500;color:#1d3153;margin-bottom:15px}.nearby-heading>p:last-child{max-width:670px;margin:0 auto;font-size:16px;line-height:2.15}
.nearby-experience{background:#0a1525;border:1px solid #21314a;border-radius:26px;overflow:hidden;box-shadow:0 35px 80px #233d6426}.map-toolbar{display:flex;justify-content:space-between;align-items:center;gap:25px;padding:24px 30px;color:white;border-bottom:1px solid #314360}.map-toolbar-title{display:flex;gap:13px;align-items:center}.map-toolbar-title>img{filter:invert(85%) sepia(14%) saturate(800%) hue-rotate(185deg)}.map-toolbar-title b{display:block;font-size:16px;font-weight:500}.map-toolbar-title span{display:block;font-size:12px;color:#92a5c4;margin-top:5px}.level-control{border:0;padding:0;margin:0;display:flex;align-items:center;gap:16px}.level-control legend{float:right;font-size:13px;color:#a0b0c9;margin-left:16px;line-height:44px}.level-control>div{display:flex;gap:4px;background:#17263b;border:1px solid #2d4260;padding:4px;border-radius:50px}.level-control button{border:0;background:transparent;color:#b9c8df;min-height:38px;padding:8px 18px;border-radius:30px;font-size:13px;transition:background .2s,color .2s}.level-control button[aria-pressed=true]{background:#f0f5ff;color:#16356c;box-shadow:0 3px 15px #0002}.level-control button:hover{background:#284367;color:white}.level-control button[aria-pressed=true]:hover{background:#fff;color:#173367}
.map-canvas{position:relative;width:100%;aspect-ratio:1000/680;background:#122136;overflow:hidden;isolation:isolate}.city-map{position:absolute;inset:0;width:100%;height:100%;z-index:-1}.map-person{position:absolute;left:50%;top:50%;transform:translateX(-50%);padding-top:25px;pointer-events:none}.map-person>span{display:block;color:#193a72;background:#fff;border:1px solid #cedbf1;padding:5px 9px;border-radius:5px;font-size:12px;white-space:nowrap;box-shadow:0 3px 12px #1f345d1a}.merchant-pin{position:absolute;left:var(--x);top:var(--y);transform:translate(-50%,-50%);z-index:3;display:flex;align-items:center;gap:7px;background:#fff;border:1px solid #c6d3e9;border-radius:10px;padding:7px 9px;box-shadow:0 7px 20px #233e652e;white-space:nowrap;min-height:42px;transition:border-color .2s,box-shadow .2s}.merchant-pin:after{content:'';position:absolute;left:50%;bottom:-5px;width:8px;height:8px;transform:translateX(-50%) rotate(45deg);background:inherit;border-bottom:1px solid #c6d3e9;border-right:1px solid #c6d3e9}.merchant-pin>b{font-size:15px;color:#275dff;font-weight:700}.merchant-pin>span{font-size:12px;color:#223652}.merchant-pin.selected{background:#275dff;border-color:#275dff;z-index:5;box-shadow:0 0 0 4px #275dff26,0 10px 22px #143d8c33}.merchant-pin.selected>b,.merchant-pin.selected>span{color:#fff}.merchant-pin:hover{box-shadow:0 0 0 3px #275dff40,0 10px 25px #2138593f}.offer-cluster{position:absolute;left:var(--x);top:var(--y);transform:translate(-50%,-50%);width:98px;height:82px;border:1px solid #536c9766;border-radius:20px;background:#15263cdd;box-shadow:0 0 0 7px #8ba8df06,0 0 0 14px #8ba8df04;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:3px;color:#b6c9e7;pointer-events:none}.offer-cluster img{filter:invert(.8);opacity:.7}.offer-cluster>b{font-size:16px;font-weight:500}.offer-cluster>span{font-size:12px;color:#8fa5c6}.map-range{position:absolute;top:22px;right:24px;border:1px solid #2d4568;background:#0c192ddd;border-radius:12px;padding:12px 17px;color:#d3e3fc;display:flex;gap:18px;align-items:center;font-size:13px}.map-range>b{font-size:12px;color:#8fa9d1;font-weight:400}.map-legend{position:absolute;bottom:20px;left:50%;transform:translateX(-50%);display:flex;gap:20px;color:#c2d3ec;background:#0b192ed9;border:1px solid #344d6e;border-radius:30px;padding:10px 19px;white-space:nowrap;font-size:12px}.map-legend>span{display:flex;gap:8px;align-items:center}.map-legend i{width:9px;height:9px;border-radius:50%;background:#87adff}.map-legend img{filter:invert(.75)}
.map-lower{display:grid;grid-template-columns:1.2fr 1fr;gap:35px;padding:28px 30px;border-top:1px solid #273c58;background:#101e31}.nearby-offer{background:#f8faff;border:1px solid #fff;border-radius:16px;padding:22px;color:#162b49}.nearby-offer-main{display:flex;gap:17px;align-items:start}.nearby-percent{background:#e6edff;border:1px solid #d8e3ff;border-radius:12px;padding:11px 14px;color:#275dff;font-size:28px;font-weight:700;line-height:1.5}.nearby-offer-main>div>b{display:block;font-size:17px;margin-bottom:5px}.nearby-offer-main>div>span{display:block;font-size:14px;color:#5d7392}.nearby-offer-main small{display:block;font-size:12px;line-height:1.9;color:#788aa4;margin-top:8px}.nearby-offer-actions{display:flex;justify-content:space-between;align-items:center;gap:15px;border-top:1px solid #dbe3ef;margin-top:18px;padding-top:17px}.nearby-expiry{font-size:12px;color:#71829b}.nearby-expiry>b{display:block;font-size:24px;color:#243e67;font-variant-numeric:tabular-nums;margin-top:3px;font-weight:500}.nearby-offer-actions button{border:0;background:#275dff;color:white;border-radius:40px;min-height:45px;padding:12px 20px;font-size:13px}.nearby-offer-actions button:hover{background:#164be4}.nearby-offer-actions button:disabled{opacity:1;background:#dce6f7;color:#416083;cursor:default}.nearby-purchase-note{display:block;font-size:12px;color:#7c8ba1;margin-top:14px;line-height:1.9}.radius-story{display:flex;gap:16px;align-self:center}.radius-story>img{filter:invert(.7);flex:none;margin-top:6px}.radius-story h3{font-size:21px;color:#e0eafa;font-weight:500;margin:0 0 14px}.radius-story p{font-size:14px;color:#9dafc9;line-height:2.1;margin:0 0 13px}.radius-story small{color:#7e93b2;font-size:12px}.nearby-status{color:#a3bde5;font-size:13px;line-height:1.8;min-height:0;padding:0 30px 15px;background:#101e31}.nearby-status:empty{display:none}.nearby-journey{display:flex;justify-content:center;flex-wrap:wrap;gap:25px;color:#546986;font-size:14px;margin-top:34px}.nearby-journey i{font-style:normal;color:#8ca4c8}
@media(max-width:1100px){.hero-connections{bottom:140px;width:43%;left:4%}.hub-node{gap:6px;font-size:12px;height:48px}.hub-node img{width:20px;height:20px}.hub-core>span{font-size:12px;margin-top:8px}.map-lower{gap:22px;padding:23px}.map-toolbar{padding:21px 23px}.level-control legend{display:none}.nearby-offer{padding:19px}.nearby-offer-actions{gap:12px}.nearby-offer-actions button{padding:11px 15px;font-size:12px}.radius-story{gap:12px}.radius-story h3{font-size:19px}.radius-story p{font-size:14px}}
@media(max-width:767px){.cinematic-hero{min-height:0}.hero-inner{min-height:0;padding:116px 24px 95px}.hero-art{top:0;left:0;width:100%;height:100%;object-position:24% center;opacity:.4}.hero-shade{background:linear-gradient(180deg,#060c18dd 25%,#060c1870 80%,#060c18)}.hero-connections{position:relative;left:auto;bottom:auto;width:100%;max-width:520px;margin:55px auto 0;padding:0;background:none;border:0;backdrop-filter:none}.commerce-hub{aspect-ratio:540/420}.hub-lines{height:100%}.hub-node{width:21%;height:49px;gap:3px;flex-direction:column;border-radius:10px;font-size:12px;box-shadow:0 4px 0 #081429,0 5px 0 1px #344b6b,0 10px 20px #0003}.hub-node img{width:19px;height:19px}.hub-core{width:23%;border-radius:20%;box-shadow:5px 7px 0 #153c95,6px 8px 0 1px #5479bd,8px 16px 24px #02081799}.hub-core strong{font-size:30px}.hub-core>span{font-size:12px;margin-top:5px}.hero-foot span{font-size:12px}.nearby-section{padding:78px 20px 65px}.nearby-heading{text-align:right;margin-bottom:30px}.nearby-heading .kicker{justify-content:start}.nearby-heading h2{font-size:40px}.nearby-heading .nearby-subtitle{font-size:16px}.nearby-heading>p:last-child{font-size:15px;line-height:2.1}.nearby-experience{border-radius:20px}.map-toolbar{flex-direction:column;align-items:stretch;padding:20px;gap:20px}.map-toolbar-title{gap:12px}.map-toolbar-title b{font-size:15px}.map-toolbar-title span{font-size:12px}.level-control{justify-content:center}.level-control>div{width:100%;justify-content:space-between}.level-control button{flex:1;padding:9px 14px;font-size:13px;min-height:40px}.map-canvas{aspect-ratio:1}.merchant-pin,.offer-cluster{top:calc(16% + var(--y) * .68)}.map-person{padding-top:17px}.map-person>span{font-size:12px;padding:4px 6px}.merchant-pin{padding:6px;min-height:35px;min-width:35px;border-radius:8px}.merchant-pin>b{font-size:12px}.merchant-pin>span{display:none}.merchant-pin.selected>span{display:block;position:absolute;bottom:calc(100% + 7px);left:50%;transform:translateX(-50%);font-size:12px;background:#1d50dc;padding:5px 7px;border-radius:5px;white-space:nowrap}.offer-cluster{width:64px;height:68px;border-radius:15px;gap:2px;box-shadow:0 0 0 5px #8ba8df06}.offer-cluster>b{font-size:13px}.offer-cluster>span{font-size:12px}.offer-cluster img{width:12px;height:12px}.map-range{top:14px;right:14px;left:14px;font-size:12px;gap:10px;justify-content:space-between;padding:10px 12px;border-radius:9px}.map-range>b{font-size:12px}.map-legend{width:calc(100% - 26px);gap:12px;justify-content:center;bottom:12px;padding:9px;font-size:12px;border-radius:9px}.map-legend>span{gap:5px}.map-lower{grid-template-columns:1fr;padding:15px;gap:23px}.nearby-offer{padding:17px;border-radius:13px}.nearby-offer-main{gap:12px}.nearby-percent{padding:9px 11px;font-size:23px}.nearby-offer-main>div>b{font-size:16px}.nearby-offer-main>div>span{font-size:13px}.nearby-offer-main small{font-size:12px}.nearby-offer-actions{gap:10px}.nearby-expiry{font-size:12px}.nearby-expiry>b{font-size:23px}.nearby-offer-actions button{font-size:12px;padding:10px 12px;min-height:43px}.nearby-purchase-note{font-size:12px}.radius-story{padding:0 3px 8px;gap:12px}.radius-story h3{font-size:18px}.radius-story p{font-size:14px}.radius-story small{font-size:12px}.nearby-status{padding:0 19px 18px;font-size:12px}.nearby-journey{font-size:12px;gap:10px 14px;line-height:1.9;margin-top:27px}}
@media(prefers-reduced-motion:reduce){.hub-stream{animation:none!important}.hub-node,.merchant-pin,.level-control button{transition:none!important}}