/* A luminous payment observatory, with independently assembled interface layers. */
.artwork-site .insights-section{background:radial-gradient(ellipse at 85% 45%,#3e59ff8c,transparent 44%),radial-gradient(ellipse at 20% 100%,#2338ff88,transparent 55%),linear-gradient(130deg,#04048e,#0808db 48%,#03035a);min-height:250svh}
.artwork-site .insights-sticky{grid-template-columns:.78fr 1.22fr;gap:50px;isolation:isolate;padding:135px 0 170px}
.insights-atmosphere{position:absolute;inset:0 -7vw;z-index:-1;pointer-events:none;overflow:clip}
.insights-grid{position:absolute;width:130%;height:85%;left:5%;top:47%;background-image:linear-gradient(#94adff1c 1px,transparent 1px),linear-gradient(90deg,#94adff1c 1px,transparent 1px);background-size:70px 70px;transform:perspective(650px) rotateX(58deg) rotateZ(-18deg);mask-image:radial-gradient(ellipse,#000 5%,transparent 68%);will-change:transform}
.insights-ghostword{position:absolute;left:25%;top:11%;font-size:clamp(130px,19vw,320px);line-height:.9;font-weight:900;letter-spacing:-.07em;color:#ffffff05;-webkit-text-stroke:1px #bccaff16;white-space:nowrap;will-change:transform}
.insights-orbits{position:absolute;left:20%;top:5%;width:88%;height:93%;fill:none;stroke:#b5c6ff22;stroke-width:.8;will-change:transform}.insights-orbits ellipse:nth-child(2){stroke-dasharray:2 12;stroke:#d4dfff3b}.insights-orbits path{stroke:#aac9ff77;stroke-width:1.6;stroke-dasharray:500 1400;stroke-dashoffset:var(--orbit-dash,0)}
.insights-light{position:absolute;width:7px;height:7px;background:#c9e6ff;border-radius:50%;box-shadow:0 0 15px 4px #8fb9ff99,0 0 70px 25px #527aff66}.light-one{left:52%;top:23%}.light-two{right:8%;bottom:25%;width:4px;height:4px}
.insights-section .eyebrow{display:inline-flex;align-items:center;gap:12px;font-size:9px;letter-spacing:.2em;color:#d3dfff}.insights-section .eyebrow:before{content:'';width:6px;height:6px;background:#c7dcff;box-shadow:0 0 15px #bad2ff;border-radius:50%}.insights-section .eyebrow>span{margin:0}
.artwork-site .insights-section .scene-copy h2{font-size:clamp(58px,5.5vw,88px);line-height:1.01;letter-spacing:-.06em;margin:24px 0}.insights-section .scene-copy h2 .insight-title-accent{display:inline-block;position:relative;color:#b9cfff;text-shadow:0 0 35px #b4d2ff25}.insight-title-accent:after{content:'';position:absolute;bottom:-9px;left:0;right:-12px;height:13px;border-top:2px solid #b3d3ff90;border-radius:50%;transform:rotate(-3deg)}
.artwork-site .insights-section .section-description{font-size:16px;line-height:1.6;max-width:315px;color:#d5ddff;margin:29px 0 26px}
.insights-section .feature-tabs{max-width:305px;gap:8px;margin-top:28px}.insights-section .feature-tabs button{position:relative;border:1px solid #d2e0ff20;border-radius:10px;background:#b2caff06;padding:12px 14px;backdrop-filter:blur(10px);color:#b6c6ff;font-size:11px;gap:11px;transition:background .25s,border-color .25s,color .25s,transform .25s}.insights-section .feature-tabs button.active,.insights-section .feature-tabs button:hover{background:linear-gradient(110deg,#e0ecff25,#e0ecff0a);border-color:#dce8ff60;color:#fff;transform:translateX(4px)}.insights-section .feature-tabs button:before{content:'01';font-size:7px;letter-spacing:.1em;color:#a2b9ff;order:3;margin-left:auto}.insights-section .feature-tabs button:nth-child(2):before{content:'02'}.insights-section .feature-tabs button:nth-child(3):before{content:'03'}.insights-section .feature-tabs button.active:after{display:none}
.artwork-site .dashboard-stage{height:min(49svh,490px);perspective:1400px;transform-style:preserve-3d;isolation:isolate;transform-origin:55% 50%;margin-top:35px}
.artwork-site .dashboard-window{position:relative;z-index:2;border-radius:15px;border-color:#eaf2ff;box-shadow:3px 6px 0 #ccd9ff,7px 13px 0 #8fa6eb,0 45px 90px #00004b77;overflow:hidden}
.desk-layer{position:absolute;inset:5px 0 -10px;border:1px solid #c8dfff45;border-radius:18px;background:linear-gradient(130deg,#d9e8ff17,#7d9cff04);z-index:0;will-change:transform;pointer-events:none}.desk-layer-two{border-color:#cfdeff29;background:#adc7ff06;z-index:-1}
.insight-satellite{position:absolute;z-index:5;pointer-events:none;will-change:transform,opacity}
.insight-pulse{top:-101px;right:6%;width:210px;padding:18px 19px 13px;border:1px solid #c5dbff54;border-radius:17px;background:linear-gradient(140deg,#263cadfa,#10116ded);box-shadow:0 20px 60px #00004e50,inset 0 1px #e3efff33;backdrop-filter:blur(22px);color:#f4f8ff;transform-origin:bottom left}
.satellite-heading{display:flex;align-items:center;gap:6px;font-size:7px;letter-spacing:.12em;color:#c7d8ff}.satellite-heading>span:last-child{margin-left:auto;font-size:16px}.pulse-dot{width:5px;height:5px;border-radius:50%;background:#9cf2d2;box-shadow:0 0 10px #9cf2d270}.insight-pulse>strong{display:flex;align-items:flex-end;justify-content:space-between;gap:12px;font-size:29px;line-height:1;letter-spacing:-.055em;font-weight:900;margin:12px 0 10px}.insight-pulse strong>span{font-size:5px;font-weight:400;letter-spacing:.07em;line-height:1.6;max-width:52px;color:#c7d8ff}.insight-pulse>svg{width:100%;height:46px;overflow:visible;stroke-width:2}.pulse-area{fill:url(#pulse-fill);stroke:none}.pulse-line{fill:none;stroke:#bddcff;stroke-dasharray:300;stroke-dashoffset:var(--pulse-dash,0);stroke-linecap:round}
.insight-payment{left:-47px;bottom:52px;width:275px;display:flex;align-items:center;gap:11px;padding:17px;background:linear-gradient(140deg,#fff,#e8f1ff);border:1px solid white;border-radius:14px;box-shadow:0 22px 45px #00004b40,3px 5px #a6baf1;color:#18233e}.payment-check{width:32px;height:32px;border-radius:50%;background:#cef5e3;display:grid;place-items:center;color:#148e60;font-size:16px}.insight-payment>span:nth-child(2){display:grid;gap:5px}.insight-payment small{font-size:5.5px;letter-spacing:.12em;color:#6f7f9f}.insight-payment strong{font-size:11px;letter-spacing:-.02em;font-weight:500}.insight-payment>span:nth-child(2)>span{font-size:6px;color:#8793aa}.insight-payment>div{margin-left:auto;text-align:right}.insight-payment>div strong{display:block;font-size:19px;letter-spacing:-.04em;font-weight:900}.insight-payment>div span{display:inline-block;font-size:6px;color:#19845e;margin-top:5px;background:#ddf7ea;padding:3px 6px;border-radius:10px}
.insight-history{left:8%;bottom:-123px;width:260px;padding:16px 18px;display:flex;align-items:center;gap:12px;color:#e0eaff;background:#d5e6ff0e;border:1px solid #e1ecff36;border-radius:13px;backdrop-filter:blur(18px);box-shadow:0 15px 40px #00005020}.history-disc{display:grid;place-items:center;width:34px;height:34px;background:#b9d4ff18;border-radius:10px;border:1px solid #dce9ff30}.history-disc svg{width:18px;height:18px}.insight-history>span:nth-child(2){display:grid;gap:5px}.insight-history small{font-size:5px;letter-spacing:.16em;color:#adbfeb}.insight-history strong{font-size:10px;font-weight:500;letter-spacing:-.01em}.history-mini-dots{display:flex;gap:3px;margin-left:auto}.history-mini-dots i{width:3px;height:3px;border-radius:50%;background:#c9dcff}
.artwork-site .floating-search{left:10%;right:auto;bottom:-28px;width:280px;padding:16px;z-index:7;background:#f6fafff7;box-shadow:3px 5px #a6bdf2,0 18px 45px #00004950;border-radius:12px}.artwork-site .floating-balance{right:-22px;bottom:-98px;width:225px;padding:16px;z-index:6;background:#f2f7ff;box-shadow:3px 5px #a6bdf2,0 18px 45px #00004950;border-radius:14px}.artwork-site .dashboard-caption{bottom:-158px;right:0;font-size:7px;transform:none;text-align:right;color:#acbff4}
/* Compact glass chapter navigation without the former difference/yellow tint. */
.chapter-rail{right:23px;gap:6px;padding:12px 7px;background:linear-gradient(140deg,#dbeaff13,#dbeaff03);border:1px solid #d5e6ff25;border-radius:30px;backdrop-filter:blur(14px);mix-blend-mode:normal;box-shadow:0 8px 35px #00003518;color:#c3d2f5;z-index:30}
.chapter-rail a{width:21px;height:32px;justify-content:center;gap:0;border-radius:20px;transition:background .25s}.chapter-rail a>span{position:absolute;opacity:0!important;pointer-events:none}.chapter-rail a i{width:4px;height:4px;background:#c8dbff50;border:0;box-shadow:none;transition:width .25s,height .25s,background .25s}.chapter-rail a.active{background:#d7e8ff1a}.chapter-rail a.active i{width:5px;height:15px;border-radius:8px;background:#edf5ff;box-shadow:0 0 12px #b9d5ff80}.chapter-rail b{right:36px;top:50%;transform:translateY(-50%) translateX(6px);border:1px solid #d3e3ff2b;background:#0d174a91;color:#edf4ff;backdrop-filter:blur(14px);border-radius:20px;padding:8px 12px;font-size:7px;letter-spacing:.1em;text-transform:uppercase;white-space:nowrap;pointer-events:none;transition:opacity .25s,transform .25s}.chapter-rail a:hover b,.chapter-rail a:focus-visible b,.chapter-rail a.active b{opacity:1;transform:translateY(-50%) translateX(0)}.chapter-rail .rail-line{display:none}
.chapter-rail.on-light{background:#fff5;border-color:#1426591c;box-shadow:0 8px 30px #1d2e7010}.chapter-rail.on-light a i{background:#14246655}.chapter-rail.on-light a.active{background:#2639c412}.chapter-rail.on-light a.active i{background:#2023c6;box-shadow:0 0 12px #283ee830}.chapter-rail.on-light b{background:#fff9;color:#202663;border-color:#20348220}
/* Transparent draggable page scrollbar. No white browser gutter. */
html{background:#070910}.js-enabled{scrollbar-width:none}.js-enabled::-webkit-scrollbar{width:0;height:0}
.page-scrollbar{display:none;position:fixed;right:1px;top:88px;bottom:20px;width:16px;z-index:76;touch-action:none;cursor:pointer;outline:none;color:#b8cfff;opacity:.42;transition:opacity .25s}
.js-enabled .page-scrollbar{display:block}.page-scrollbar:hover,.page-scrollbar:focus-visible,.page-scrollbar.is-dragging{opacity:1}.page-scrollbar:focus-visible{outline:1px solid #a8c8ff99;outline-offset:1px;border-radius:15px}.page-scroll-thumb{position:absolute;top:0;right:3px;width:4px;min-height:44px;border-radius:8px;background:linear-gradient(#e3f1ffcc,#91abffa6);box-shadow:0 0 10px #98b9ff25;will-change:transform;transition:width .15s}.page-scrollbar:hover .page-scroll-thumb,.page-scrollbar.is-dragging .page-scroll-thumb{width:6px}.page-scrollbar.on-light .page-scroll-thumb{background:linear-gradient(#778cecbb,#2633c899)}
@media(min-width:1800px){.artwork-site .insights-section .scene-copy h2{font-size:98px}.artwork-site .insights-sticky{gap:65px}.artwork-site .dashboard-stage{height:540px}.insight-pulse{width:235px;right:10%;top:-112px}.insight-payment{width:300px;bottom:65px}.insight-pulse>strong{font-size:34px}}
@media(max-width:1100px) and (min-width:681px){.artwork-site .insights-sticky{grid-template-columns:.8fr 1.2fr;gap:25px}.artwork-site .insights-section .scene-copy h2{font-size:53px}.artwork-site .insights-section .section-description{font-size:13px;max-width:265px}.insights-section .feature-tabs button{font-size:9px;padding:10px}.insight-pulse{width:175px;top:-95px;right:3%;padding:15px}.insight-pulse>strong{font-size:25px}.insight-payment{width:225px;padding:12px;left:-22px;bottom:90px}.insight-payment>div strong{font-size:16px}.insight-payment strong{font-size:9px}.insight-payment small{font-size:5px}.payment-check{width:25px;height:25px}.artwork-site .floating-search{left:-10px;width:235px}.artwork-site .floating-balance{right:-10px;width:190px}.insight-history{left:-10px;width:220px}.artwork-site .dashboard-caption{bottom:-159px;font-size:6px}.chapter-rail{right:19px}}
@media(max-width:680px){
 .artwork-site .insights-section{min-height:240svh}.artwork-site .insights-sticky{padding:87px 0 145px;min-height:775px;display:block}.insights-atmosphere{inset:0 -24px}.insights-ghostword{top:36%;left:-20%;font-size:135px}.insights-orbits{left:-35%;top:16%;width:175%;height:90%}.insights-grid{left:-50%;width:230%;top:55%;height:70%;background-size:44px 44px}.insights-section .eyebrow{font-size:8px;gap:8px}.artwork-site .insights-section .scene-copy h2{font-size:43px;margin:14px 0}.insight-title-accent:after{bottom:-6px;height:9px;border-width:1px}.artwork-site .insights-section .section-description{font-size:10px;line-height:1.55;max-width:285px;margin:21px 0 14px}.insights-section .feature-tabs{display:flex;gap:5px;max-width:100%;margin-top:15px}.insights-section .feature-tabs button{flex:1;min-width:0;justify-content:center;font-size:7px;gap:4px;padding:9px 5px;border-radius:8px;white-space:nowrap}.insights-section .feature-tabs button:before{display:none}.insights-section .feature-tabs button.active,.insights-section .feature-tabs button:hover{transform:none}.insights-section .feature-tabs button svg{width:12px;height:12px}
 .artwork-site .dashboard-stage{width:91%;height:280px;margin:69px auto 0;perspective:none}.artwork-site .dashboard-window{border-radius:10px;box-shadow:2px 4px #c1d2ff,4px 7px #8fa6eb,0 22px 45px #00004860}.desk-layer{border-radius:12px}.insight-pulse{top:-54px;right:-5px;width:135px;border-radius:11px;padding:10px 12px 8px}.satellite-heading{font-size:4.5px;gap:4px}.satellite-heading>span:last-child{font-size:10px}.pulse-dot{width:3px;height:3px}.insight-pulse>strong{font-size:21px;margin:6px 0;gap:7px}.insight-pulse strong>span{font-size:4px;max-width:38px}.insight-pulse>svg{height:24px}.insight-payment{width:185px;padding:10px;gap:7px;left:-22px;bottom:57px;border-radius:10px}.payment-check{width:23px;height:23px;font-size:12px}.insight-payment>span:nth-child(2){gap:3px}.insight-payment small{font-size:4px}.insight-payment strong{font-size:8px}.insight-payment>span:nth-child(2)>span{font-size:4.5px}.insight-payment>div strong{font-size:14px}.insight-payment>div span{font-size:5px;padding:2px 5px}.insight-history{display:none}.artwork-site .floating-search{left:-15px;right:auto;bottom:-12px;width:190px;padding:10px;border-radius:10px}.artwork-site .floating-balance{right:-17px;bottom:-66px;width:164px;padding:10px;border-radius:11px}.artwork-site .dashboard-caption{bottom:-90px;font-size:5px;left:0;right:0;text-align:center}.chapter-rail{display:none}.page-scrollbar{right:0;top:74px;bottom:15px;width:12px;opacity:.37}.page-scroll-thumb{right:2px;width:3px}
}
@media(max-width:370px){.artwork-site .insights-section .scene-copy h2{font-size:38px}.insights-section .feature-tabs button{font-size:6px;padding-inline:3px}.artwork-site .dashboard-stage{width:93%;margin-top:65px}.insight-payment{width:169px;left:-14px;padding:8px}.insight-payment>div strong{font-size:12px}.insight-pulse{width:125px}.artwork-site .floating-balance{right:-10px;width:150px}.artwork-site .floating-search{width:172px;left:-10px}}
.motion-paused .insights-section{min-height:0}.motion-paused .insight-satellite,.motion-paused .desk-layer{will-change:auto}
@media(prefers-reduced-motion:reduce){.artwork-site .insights-section{min-height:0}.insight-satellite,.desk-layer,.insights-orbits,.insights-ghostword,.insights-grid,.page-scroll-thumb{will-change:auto}}