:root{--ink:#101b33;--soft:#56627a;--muted:#8d98ab;--blue:#3877e9;--line:#e7edf5;--paper:#f6f8fb;--white:#fff;--green:#26a879;--orange:#e79b42;--shadow:0 24px 70px rgba(31,56,95,.11);--font:Inter,ui-sans-serif,system-ui,-apple-system,"Segoe UI",sans-serif;--display:Inter,ui-sans-serif,system-ui,-apple-system,"Segoe UI",sans-serif}
*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:100px}body{margin:0;color:var(--ink);background:var(--paper);font-family:var(--font);font-size:15px;overflow-x:hidden}a{color:inherit;text-decoration:none}button,input{font:inherit}.ambient{position:absolute;pointer-events:none;filter:blur(2px);z-index:-1}.ambient-a{width:650px;height:650px;right:-90px;top:-220px;background:radial-gradient(circle,rgba(112,190,255,.2),transparent 68%)}.ambient-b{width:550px;height:550px;left:-240px;top:1250px;background:radial-gradient(circle,rgba(125,173,244,.13),transparent 68%)}
.topbar{height:82px;max-width:1440px;margin:auto;padding:0 7.2%;display:flex;align-items:center;justify-content:space-between;position:sticky;top:0;z-index:20;background:rgba(246,248,251,.78);backdrop-filter:blur(20px);border-bottom:1px solid rgba(225,232,242,.5)}.brand{display:flex;align-items:center;gap:11px;font:800 18px var(--display);letter-spacing:-.8px;white-space:nowrap}.brand-light{font-weight:500;color:#6d7890}.brand b{color:#4a89ed;font-size:13px;letter-spacing:1px;margin-left:3px}.brand-mark{width:25px;height:25px;display:inline-flex;align-items:center;justify-content:center;gap:2px;border-radius:50%;background:linear-gradient(145deg,#b4e9ff,#6e9ef1);box-shadow:inset 0 1px 3px #fff,0 5px 12px #3877e938;transform:rotate(-25deg)}.brand-mark i{width:3px;height:10px;border-radius:10px;background:#fff;box-shadow:0 0 5px #fff}.brand-mark i:nth-child(2){height:15px}.brand-mark i:nth-child(3){height:7px}.float-nav{display:flex;align-items:center;gap:4px;padding:6px;border:1px solid #ffffffed;border-radius:999px;background:linear-gradient(150deg,#ffffffe6,#ebf3fdbf);box-shadow:0 8px 24px #2d436f17,inset 0 1px 3px #fff}.float-nav a{padding:11px 17px;font-size:12px;font-weight:600;color:#758198;border-radius:999px;transition:.25s}.float-nav a:hover,.float-nav a.active{color:#fff;background:linear-gradient(145deg,#8ad8ff,#4989ed 68%,#3870da);box-shadow:0 5px 14px #4586e943,inset 0 1px 2px #ffffffad}.top-actions{display:flex;align-items:center;gap:18px}.language{display:flex;align-items:center;gap:7px}.language>span{height:13px;width:1px;background:#ccd5e3}.lang-btn{border:0;background:none;color:#8a95a8;padding:5px 2px;font-size:11px;font-weight:700;cursor:pointer}.lang-btn.selected{color:#2e6fd5}
.button{display:inline-flex;align-items:center;justify-content:center;gap:13px;border:0;border-radius:999px;padding:15px 21px;font-size:13px;font-weight:700;cursor:pointer;transition:transform .22s,box-shadow .22s,filter .22s;position:relative;overflow:hidden}.button:hover{transform:translateY(-2px);filter:brightness(1.03)}.button:active{transform:translateY(1px) scale(.99)}.button-small{padding:11px 17px;font-size:12px}.button-primary{color:#fff;background:linear-gradient(135deg,#a2e5ff,#5aa1f2 30%,#3976e4 78%,#2c62cb);box-shadow:0 8px 22px #3778e23d,inset 0 1px 1px #ffffffd4,inset 0 -3px 6px #1b5fc650}.button-primary:before{content:"";position:absolute;top:2px;left:14%;width:47%;height:40%;border-radius:50%;background:linear-gradient(180deg,#ffffff87,#ffffff00);filter:blur(2px);pointer-events:none}.button-glass{color:#395274;background:linear-gradient(145deg,#ffffffed,#e9f2fdc9);border:1px solid #fff;box-shadow:0 5px 13px #31476d12,inset 0 1px 2px #fff,inset 0 -2px 3px #c8d6ea66}.arrow{font-size:17px;line-height:12px}.full{width:100%}
.page-section{max-width:1440px;margin:auto;padding:73px 10% 95px;min-height:680px;position:relative}.hero{display:grid;grid-template-columns:1fr 1fr;align-items:center;gap:40px}.hero-copy{max-width:550px;padding-bottom:32px}.eyebrow,.section-overline,.strip-kicker{font-size:10px;letter-spacing:1.65px;font-weight:700;color:#8390a7}.eyebrow{display:flex;align-items:center;gap:9px;margin-bottom:25px;color:#6380aa}.pulse,.live-dot,.pending-dot{width:7px;height:7px;border-radius:50%;background:#42bc8b;box-shadow:0 0 0 4px #42bc8b20}.hero h1,.section-heading h2{font:600 clamp(54px,6.1vw,82px)/1.05 var(--display);letter-spacing:-5px;margin:0 0 22px;color:#13213c}.hero h1 em,.section-heading h2 em{color:#558fe6;font-style:normal}.hero-lede{max-width:465px;color:#77849a;font-size:16px;line-height:1.8;margin:0}.hero-actions{display:flex;align-items:center;gap:27px;margin-top:32px}.text-link{font-size:13px;font-weight:700;color:#536783;display:flex;gap:10px;align-items:center}.text-link span:last-child{font-size:18px;color:#5b94eb}.hero-footnote{display:flex;gap:9px;align-items:center;margin-top:36px;color:#97a1b2;font-size:10px}.tiny-shield{color:#6d9fe7}
.hero-art{height:485px;position:relative;display:flex;align-items:center;justify-content:center}.glass-orb{width:292px;height:292px;border-radius:46% 54% 56% 44%/48% 42% 58% 52%;background:radial-gradient(circle at 32% 26%,#efffff 0 3%,#b7edff 11%,#75bbf8 27%,#6792e6 54%,#6686d1 72%,#dcecff);box-shadow:inset -25px -23px 55px #2950ae6b,inset 15px 16px 40px #fff9,0 35px 70px #4875bc40;position:relative;animation:float 7s ease-in-out infinite}.glass-orb:after{content:"";position:absolute;width:210px;height:80px;left:20px;top:12px;border-radius:50%;transform:rotate(-31deg);background:linear-gradient(180deg,#ffffff9c,#ffffff00);filter:blur(7px)}.orb-core{position:absolute;width:133px;height:133px;left:80px;top:83px;border-radius:50%;background:radial-gradient(circle at 35% 30%,#fff,#c7f4ff 20%,#6fb7f4 57%,#3c6ebc);box-shadow:inset -8px -10px 20px #1d4cae6b,inset 6px 7px 14px #fff9,0 10px 35px #1d4d9b50}.orb-shine{position:absolute;z-index:2;top:49px;left:55px;width:69px;height:26px;border-radius:50%;background:#fff9;filter:blur(9px);transform:rotate(-40deg)}.orbit{position:absolute;border:1px solid #99bce65e;border-radius:50%;transform:rotate(-28deg)}.orbit-one{width:420px;height:180px}.orbit-two{width:475px;height:245px;transform:rotate(52deg);border-color:#a9c9f25e}.floating-card{position:absolute;z-index:3;background:linear-gradient(145deg,#ffffffee,#f1f7ffda);border:1px solid #fff;border-radius:18px;box-shadow:0 18px 42px #284b7c20,inset 0 1px 2px #fff;backdrop-filter:blur(12px)}.card-top{right:0;top:78px;width:202px;padding:17px 19px}.mini-label{display:flex;align-items:center;gap:7px;color:#71829b;font-size:8px;font-weight:700;letter-spacing:.8px}.status-dot{width:6px;height:6px;border-radius:50%}.status-dot.green{background:#35b482}.card-top strong{display:block;font:700 34px var(--display);letter-spacing:-1.3px;margin:13px 0 1px;color:#1a2d49}.card-top strong span{font-size:13px;color:#8695a8;margin-left:3px}.card-top small,.floating-card small{font-size:10px;color:#8c9aaf}.card-bottom{left:-9px;bottom:84px;padding:13px 15px;display:flex;align-items:center;gap:11px}.market-icon{width:31px;height:31px;border-radius:10px;display:grid;place-items:center;color:#4d89df;background:#e7f3ff;font-size:19px}.card-bottom strong,.card-bottom small{display:block}.card-bottom strong{font-size:11px;margin-bottom:4px}.sparkline{color:#4db18b;font-size:22px;margin-left:14px}.hero-index{position:absolute;right:8px;bottom:19px;color:#b1bac8;font-size:10px;letter-spacing:1px}.hero-index span{color:#d5dce6;margin:0 8px}.scroll-cue{position:absolute;bottom:30px;left:10%;display:flex;align-items:center;gap:10px;color:#a1abbb;font-size:8px;letter-spacing:1.5px}.scroll-cue span{height:30px;width:1px;background:#aac5e8}@keyframes float{0%,100%{transform:translateY(0) rotate(-4deg)}50%{transform:translateY(-12px) rotate(1deg)}}
.intro-strip{background:#eef3fa;border-block:1px solid #e6edf6;padding:30px max(10%,calc((100% - 1150px)/2));display:grid;grid-template-columns:2fr repeat(3,1fr);gap:25px;align-items:center}.strip-kicker{font-size:9px;color:#8291a9}.intro-strip p{font-size:13px;line-height:1.6;color:#687991;margin:8px 0 0;max-width:330px}.strip-stat{display:flex;align-items:center;gap:12px;border-left:1px solid #dce5f1;padding-left:21px}.strip-stat strong{font:700 21px var(--display);color:#5e91dc}.strip-stat span{color:#74829a;font-size:10px;line-height:1.45}
.screen-section{max-width:1260px;margin:auto;padding:110px 7% 120px}.section-heading{display:flex;align-items:flex-end;justify-content:space-between;margin-bottom:40px}.section-heading h2{font-size:55px;letter-spacing:-3.5px;margin:12px 0 0}.section-heading>p{max-width:330px;margin:0 0 5px;color:#78869b;line-height:1.7;font-size:13px}.section-overline{color:#8c9ab0;font-size:9px;letter-spacing:1.5px}
.login-layout{display:grid;grid-template-columns:1fr 1fr;max-width:970px;margin:auto;border-radius:25px;overflow:hidden;box-shadow:var(--shadow);min-height:470px}.login-side{background:radial-gradient(circle at 80% 25%,#91cbfb99,transparent 39%),linear-gradient(140deg,#19365d,#2b5d9c 58%,#5592db);padding:45px;color:#fff;display:flex;flex-direction:column;justify-content:space-between;position:relative;overflow:hidden}.login-side:after{content:"";position:absolute;width:340px;height:340px;border:1px solid #ffffff28;border-radius:50%;right:-90px;bottom:5px;box-shadow:0 0 0 35px #ffffff0a,0 0 0 70px #ffffff08}.login-quote{position:relative;z-index:1;font:500 33px/1.3 var(--display);letter-spacing:-1.6px;max-width:330px}.login-side-bottom{display:flex;gap:11px;align-items:center;position:relative;z-index:1;color:#d8e9ff;font-size:11px}.brand-mark.small{width:22px;height:22px}.login-card{background:#fff;padding:47px 52px;display:flex;flex-direction:column}.login-card-head{display:flex;justify-content:space-between;align-items:center;margin-bottom:25px}.login-card h3,.payment-card h3{font:700 25px var(--display);letter-spacing:-1px;margin:7px 0 0}.lock-mark,.secure-mark{width:38px;height:38px;border-radius:13px;display:grid;place-items:center;background:#edf5ff;color:#5b93df;font-size:20px}.login-card label,.field-label{font-size:11px;color:#5f6d83;font-weight:700;margin:0 0 8px}.login-card input,.code-entry input{height:45px;border:1px solid #e5ebf3;border-radius:10px;padding:0 13px;outline:0;margin-bottom:20px;color:#223652;background:#fcfdff;font-size:12px}.login-card input:focus,.code-entry:focus-within{border-color:#8db7ef;box-shadow:0 0 0 3px #4b89e515}.label-line{display:flex;justify-content:space-between}.quiet-link{font-size:10px;color:#5285d1;font-weight:600}.login-card .button{margin-top:3px}.login-foot{text-align:center;color:#8792a5;font-size:10px;margin:20px 0 0}.login-foot a{color:#4b82d0;font-weight:700}.demo-note{text-align:center;margin-top:auto;padding-top:18px;color:#a1abba;font-size:9px;letter-spacing:.2px}
.dashboard-section{max-width:1440px;padding-left:6.5%;padding-right:6.5%;background:linear-gradient(180deg,#f6f8fb,#f0f5fb)}.dashboard-section .section-heading{max-width:1120px;margin:0 auto 38px}.dashboard-shell{max-width:1190px;margin:auto;padding:25px 28px 30px;border:1px solid #fff;border-radius:25px;background:#ffffffe0;box-shadow:0 25px 80px #2d527e16;backdrop-filter:blur(16px)}.dash-topline{display:flex;align-items:center;padding-bottom:19px;border-bottom:1px solid #edf1f6}.dash-brand{display:flex;align-items:center;gap:9px;font:700 12px var(--display);color:#30425f}.dash-date{display:flex;align-items:center;gap:8px;margin-left:auto;color:#8290a4;font-size:10px}.live-dot{width:6px;height:6px;box-shadow:none}.date-pill{margin-left:10px;padding:6px 9px;border-radius:6px;background:#f5f7fa;color:#8e9aab;font-size:8px;letter-spacing:.5px}.avatar{width:29px;height:29px;border-radius:50%;display:grid;place-items:center;margin-left:16px;background:linear-gradient(140deg,#d6edff,#8db8ef);color:#386da9;font-size:9px;font-weight:700}.dash-welcome{display:flex;align-items:center;justify-content:space-between;padding:25px 0 20px}.dash-welcome h3{font:700 23px var(--display);letter-spacing:-.7px;margin:7px 0 5px}.wave{color:#6da5ec;margin-left:7px}.dash-welcome p{font-size:11px;color:#8591a3;margin:0}.refresh{font-size:10px;padding:10px 13px}.refresh span:first-child{font-size:15px}.metric-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:13px}.metric-card{position:relative;overflow:hidden;border:1px solid #edf1f6;border-radius:14px;padding:17px 18px;background:linear-gradient(135deg,#fff,#fbfdff)}.metric-label{display:block;font-size:10px;color:#8090a5;font-weight:600}.metric-card>strong{display:block;font:700 29px var(--display);letter-spacing:-1px;margin:9px 0 4px;color:#213551}.metric-time{font-size:24px!important}.metric-time small{font-size:12px;color:#7e8ba0}.metric-caption{font-size:9px;color:#9ba5b3}.metric-up{color:#2da879;font-weight:700}.metric-icon{position:absolute;right:17px;top:18px;width:31px;height:31px;border-radius:10px;display:grid;place-items:center;font-size:16px}.blue-icon{background:#ebf4ff;color:#5795e4}.green-icon{background:#e9f8f2;color:#37a77c}.violet-icon{background:#f0efff;color:#8276cf}.dash-content-grid{display:grid;grid-template-columns:1.65fr 1fr;gap:15px;margin-top:15px}.opportunities-panel,.activity-panel{border:1px solid #edf1f6;border-radius:15px;background:#fff;padding:19px 19px 15px}.panel-heading{display:flex;align-items:center;justify-content:space-between;margin-bottom:10px}.panel-heading h4{font:700 14px var(--display);letter-spacing:-.35px;margin:5px 0 0}.panel-heading .quiet-link{font-size:9px}.opportunity-row{display:grid;grid-template-columns:84px 1fr 82px 82px 22px;gap:12px;align-items:center;padding:14px 0;border-top:1px solid #f0f3f7}.opportunity-grade{display:inline-flex;align-items:center;gap:6px;font-size:9px;font-weight:700}.opportunity-grade>span{height:6px;width:6px;border-radius:50%;background:currentColor}.grade-green{color:#259e73}.grade-orange{color:#d99542}.grade-gray{color:#9aa4b3}.opportunity-main strong,.opportunity-main small,.probability small,.probability strong,.edge small,.edge strong{display:block}.opportunity-main strong{font-size:10px;color:#344761}.opportunity-main small,.probability small,.edge small{font-size:8px;color:#9aa5b4;margin-top:4px}.probability strong,.edge strong{font-size:11px;color:#30435f;margin-top:5px}.probability strong span{font-size:8px;margin-left:1px}.edge strong{color:#249b71}.row-arrow{border:0;background:none;color:#96a5ba;font-size:15px}.panel-disclaimer{padding-top:10px;color:#a0aab8;font-size:8px}.dots{border:0;background:none;color:#7d8ba1;font-size:17px}.activity-item{display:grid;grid-template-columns:29px 1fr auto;align-items:center;gap:9px;padding:12px 0;border-top:1px solid #f0f3f7}.activity-icon{height:28px;width:28px;border-radius:9px;display:grid;place-items:center;font-size:14px}.icon-blue{color:#568dd7;background:#ebf4ff}.icon-green{color:#2da47a;background:#e9f8f1}.icon-orange{color:#d99743;background:#fff6e9}.activity-item strong,.activity-item small{display:block}.activity-item strong{font-size:9px;color:#43546d}.activity-item small{font-size:8px;color:#98a3b2;margin-top:4px}.activity-time{align-self:start;padding-top:2px;color:#a6afbc;font-size:8px}.plan-mini{border-radius:11px;margin-top:10px;padding:12px;background:linear-gradient(120deg,#edf5ff,#f7f9ff);display:flex;align-items:center;justify-content:space-between}.plan-mini small,.plan-mini strong{display:block}.plan-mini small{font-size:7px;letter-spacing:.8px;color:#8997ad}.plan-mini strong{font:700 14px var(--display);margin-top:4px;color:#325c99}.plan-mini strong span{color:#e5aa45}.plan-mini a{font-size:8px;font-weight:700;color:#5284cb}
.payments-section{padding-top:110px}.payment-layout{display:grid;grid-template-columns:.8fr 1.2fr;gap:25px;max-width:1000px;margin:auto;align-items:start}.plan-column{display:grid;gap:13px}.plan-card{padding:27px;border:1px solid #fff;border-radius:20px;background:linear-gradient(150deg,#1c3355,#264b78 62%,#3974b6);color:#fff;box-shadow:0 20px 45px #294f8030;position:relative;overflow:hidden}.plan-card:after{content:"";position:absolute;width:240px;height:240px;border-radius:50%;border:1px solid #ffffff14;right:-100px;top:70px;box-shadow:0 0 0 25px #ffffff08,0 0 0 50px #ffffff05}.plan-card-top{display:flex;align-items:center;justify-content:space-between}.plan-tag{font-size:8px;letter-spacing:1.1px;color:#afc9e9}.plan-spark{color:#a9dfff;font-size:18px}.plan-card h3{font:700 35px var(--display);letter-spacing:1px;margin:18px 0 2px}.plan-card>p{font-size:10px;color:#c2d6ef;margin:0;line-height:1.6;max-width:225px}.plan-price{display:flex;align-items:baseline;gap:6px;margin:22px 0 17px}.plan-price strong{font:700 35px var(--display);letter-spacing:-1px}.plan-price>span{font-size:10px;color:#bdd1eb}.plan-rule{height:1px;background:#ffffff25}.plan-card ul{list-style:none;padding:9px 0 0;margin:0}.plan-card li{display:flex;align-items:center;gap:9px;margin:11px 0;color:#dceafa;font-size:10px}.plan-card li span:first-child{width:16px;height:16px;display:grid;place-items:center;border-radius:50%;background:#ffffff1b;color:#a8dcff;font-size:9px}.plan-note{margin-top:20px;padding-top:14px;border-top:1px solid #ffffff24;color:#b8cde7;font-size:9px}.payment-trust{display:flex;gap:11px;align-items:center;padding:13px 14px;border:1px solid #e7edf5;background:#fff;border-radius:13px;color:#7392b7}.payment-trust>span{font-size:18px}.payment-trust p{margin:0;color:#8794a7;font-size:9px;line-height:1.5}.payment-card{padding:28px;border-radius:20px;background:#fff;border:1px solid #fff;box-shadow:0 18px 50px #284a7710}.payment-card-heading{display:flex;align-items:center;justify-content:space-between;margin-bottom:21px}.payment-card h3{font-size:22px}.payment-card .field-label{display:block;margin:17px 0 9px}.payment-methods{display:grid;grid-template-columns:1fr 1fr;gap:9px}.method-option{position:relative;display:flex;align-items:center;gap:9px;padding:12px 10px;border:1px solid #e8edf4;border-radius:11px;cursor:pointer;transition:.2s}.method-option.selected-method{border-color:#88b3ec;background:#f5f9ff;box-shadow:0 0 0 2px #4d8ee410}.method-option input{position:absolute;opacity:0}.method-radio{height:12px;width:12px;border:1px solid #bac7d8;border-radius:50%;position:relative;flex:none}.selected-method .method-radio{border-color:#4c87d6}.selected-method .method-radio:after{content:"";position:absolute;inset:3px;border-radius:50%;background:#4c87d6}.cash-app-mark,.apple-mark{height:24px;width:24px;border-radius:7px;display:grid;place-items:center;font-size:13px;font-weight:700;flex:none}.cash-app-mark{background:#ddf8e5;color:#1c9a50}.apple-mark{background:#171a20;color:#fff;font-size:9px}.method-details{min-width:0}.method-details strong,.method-details small{display:block;white-space:nowrap}.method-details strong{font-size:9px;color:#334761}.method-details small{font-size:7px;color:#98a4b4;margin-top:4px}.method-chevron{margin-left:auto;color:#a3afbd;font-size:17px}.instructions-box{margin-top:13px;padding:12px;border-radius:10px;background:#f3f7fc;display:flex;align-items:flex-start;gap:9px}.instruction-icon{flex:none;height:17px;width:17px;border-radius:50%;display:grid;place-items:center;background:#e0edfc;color:#4f85ca;font:700 10px var(--display)}.instructions-box strong{font-size:9px;color:#51647e}.instructions-box p{font-size:8px;color:#8592a5;line-height:1.55;margin:4px 0 0}.code-entry{display:flex;align-items:center;height:43px;border:1px solid #e6ebf3;border-radius:9px;padding:0 11px;background:#fcfdff}.code-entry>span{color:#75a5e4;font-size:14px}.code-entry input{height:100%;border:0!important;box-shadow:none!important;flex:1;margin:0;padding:0 9px;background:transparent;font:700 12px var(--display);letter-spacing:2px;text-transform:uppercase}.code-entry small{font-size:8px;color:#a0abba}.upload-box{position:relative;display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:100px;border:1px dashed #b9cce5;border-radius:11px;background:#f9fbfe;cursor:pointer;transition:.2s}.upload-box:hover{border-color:#6f9fdf;background:#f4f8ff}.upload-box input{position:absolute;inset:0;width:100%;height:100%;opacity:0;cursor:pointer}.upload-icon{width:25px;height:25px;border-radius:8px;background:#eaf3ff;color:#5b90d9;display:grid;place-items:center;font-size:16px;margin-bottom:7px}.upload-box strong{font-size:9px;color:#5c6e86}.upload-box small{font-size:8px;color:#a0aabb;margin-top:5px}.submit-request{margin-top:17px}.pending-preview{display:flex;justify-content:center;align-items:center;gap:7px;color:#8d99aa;font-size:8px;margin:13px 0 0}.pending-dot{width:6px;height:6px;background:#e6a33f;box-shadow:0 0 0 3px #e6a33f22}.payment-card .demo-note{margin-top:14px;padding-top:11px;border-top:1px solid #f0f3f7}
.footer{min-height:89px;padding:20px 7%;display:flex;align-items:center;justify-content:space-between;gap:20px;border-top:1px solid #e7edf4;background:#f4f7fb}.footer .brand{font-size:14px}.footer>span{font-size:9px;color:#9ba6b5}.footer>span:last-child{white-space:nowrap}
@media(max-width:1050px){.topbar{padding:0 4%}.hero{padding-left:7%;padding-right:7%}.float-nav a{padding:10px 12px;font-size:11px}.top-actions{gap:10px}.hero-art{transform:scale(.9)}.screen-section{padding-left:5%;padding-right:5%}.dashboard-section{padding-left:4%;padding-right:4%}}
@media(max-width:800px){.topbar{height:70px}.float-nav{position:fixed;top:auto;bottom:16px;left:50%;transform:translateX(-50%);z-index:30;box-shadow:0 12px 35px #223b6024}.float-nav a{padding:10px 14px}.top-actions .button{display:none}.hero{grid-template-columns:1fr;gap:0;padding-top:65px;min-height:unset}.hero-copy{position:relative;z-index:2}.hero h1{font-size:70px}.hero-art{height:405px;margin-top:-10px;transform:scale(.9)}.scroll-cue{display:none}.intro-strip{grid-template-columns:1fr 1fr;padding:25px 7%}.intro-strip>div:first-child{grid-column:1/-1}.strip-stat:nth-child(2){border-left:0;padding-left:0}.screen-section{padding-top:75px;padding-bottom:85px}.section-heading{align-items:flex-start;gap:20px;flex-direction:column}.section-heading h2{font-size:49px}.section-heading>p{max-width:470px}.login-layout{grid-template-columns:.8fr 1.2fr}.login-side{padding:30px}.login-quote{font-size:26px}.login-card{padding:35px 30px}.dash-content-grid{grid-template-columns:1fr}.activity-panel{display:none}.dashboard-shell{padding:20px}.payment-layout{grid-template-columns:.8fr 1.2fr;gap:15px}.plan-card,.payment-card{padding:21px}}
@media(max-width:580px){.topbar{padding:0 5%}.brand{font-size:16px}.language{gap:5px}.hero{padding:50px 7% 70px}.hero h1{font-size:59px;letter-spacing:-3.5px}.hero-lede{font-size:14px}.hero-art{height:345px;transform:scale(.77);margin:-3px -30px -8px}.floating-card.card-top{right:-10px}.floating-card.card-bottom{left:-28px}.hero-actions{gap:18px;flex-wrap:wrap}.hero-footnote{font-size:9px;line-height:1.5;max-width:310px}.intro-strip{gap:17px}.strip-stat{padding-left:12px;gap:8px}.strip-stat strong{font-size:17px}.strip-stat span{font-size:9px}.section-heading h2{font-size:43px;letter-spacing:-2.8px}.login-layout{grid-template-columns:1fr}.login-side{min-height:185px;padding:25px}.login-quote{font-size:24px;max-width:250px}.login-card{padding:28px 23px}.dashboard-section{padding-left:3%;padding-right:3%}.dashboard-shell{padding:16px 13px 20px;border-radius:18px}.dash-date{font-size:0}.date-pill{font-size:7px;margin-left:2px}.dash-welcome h3{font-size:19px}.refresh{font-size:0;padding:9px}.refresh span:first-child{font-size:16px}.metric-grid{gap:6px}.metric-card{padding:12px 9px;border-radius:11px}.metric-label{font-size:8px;min-height:21px}.metric-card>strong{font-size:23px}.metric-time{font-size:17px!important}.metric-icon{width:22px;height:22px;right:8px;top:8px;font-size:12px}.metric-caption{font-size:7px}.opportunities-panel{padding:15px 11px}.opportunity-row{grid-template-columns:67px minmax(80px,1fr) 50px 57px 14px;gap:5px}.opportunity-grade{font-size:7px;gap:4px}.opportunity-main strong{font-size:8px}.opportunity-main small{font-size:7px}.probability small,.edge small{font-size:7px}.probability strong,.edge strong{font-size:9px}.row-arrow{font-size:12px}.payments-section{padding-left:6%;padding-right:6%}.payment-layout{grid-template-columns:1fr}.plan-card{padding:23px}.payment-card{padding:22px 18px}.footer{padding:25px 6%;align-items:flex-start;flex-direction:column;gap:12px;padding-bottom:82px}.float-nav{width:max-content;max-width:94vw}.float-nav a{padding:10px 11px;font-size:10px}}

/* Dark liquid-glass visual skin: presentation only. */
:root{--ink:#eaf2ff;--soft:#b8c7dc;--muted:#90a4c0;--line:#233955;--paper:#071322;--white:#101f33;--shadow:0 24px 70px #0007;--liquid:#4c9df0}
body{color:#eaf2ff;background:radial-gradient(ellipse at 78% 7%,#143867 0,transparent 32%),radial-gradient(ellipse at 5% 43%,#102c4c 0,transparent 37%),linear-gradient(145deg,#071322,#0a1728 54%,#081426)}
.ambient-a{background:radial-gradient(circle,#3198ec38,transparent 68%)}.ambient-b{background:radial-gradient(circle,#3974c429,transparent 68%)}
.topbar{background:#071322c9;border-bottom-color:#9ccaff15}.brand,.dash-brand{color:#e5efff}.brand-light{color:#94a8c6}.brand b{color:#85c9ff}.brand-mark{background:linear-gradient(145deg,#b8ecff9c,#548fe4a8);box-shadow:inset 0 1px 5px #fff9,0 5px 17px #328be74d}
.float-nav{border-color:#ffffff26;background:linear-gradient(145deg,#173251a6,#0c1d34c9);box-shadow:0 13px 30px #0005,inset 0 1px 2px #ffffff2b}
.float-nav a{color:#a8bbd4}.section-overline,.eyebrow,.strip-kicker{color:#8ca7c9}.hero h1,.section-heading h2{color:#eff6ff}.hero h1 em,.section-heading h2 em{color:#83c8ff}.hero-lede,.section-heading>p{color:#a5b6cf}.hero-footnote,.scroll-cue{color:#8ea2bd}
.glass-orb{box-shadow:inset -25px -23px 55px #1c4c8f99,inset 15px 16px 40px #ffffff31,0 35px 70px #0007}.floating-card{background:linear-gradient(145deg,#1b3658dd,#11243bdc);border-color:#b4d9ff31;box-shadow:0 18px 42px #0005,inset 0 1px 2px #ffffff35}.card-top strong,.card-bottom strong{color:#edf6ff}.card-top strong span,.floating-card small{color:#9eb4d1}.mini-label{color:#b0c4df}.market-icon{background:#193a5d;color:#8ecbff}
.intro-strip{background:#0c1b2e;border-color:#1c3551}.intro-strip p,.strip-stat span{color:#a8bad1}.strip-stat{border-left-color:#253e5a}.strip-stat strong{color:#86bdff}
.screen-section{color:#e8f1ff}.login-layout{box-shadow:0 25px 80px #0006}.login-side{background:radial-gradient(circle at 80% 25%,#5ba8e66b,transparent 39%),linear-gradient(140deg,#112a48,#183c68 58%,#25598a)}.login-side-bottom{color:#c1dcf7}.login-card,.payment-card,.dashboard-shell,.opportunities-panel,.activity-panel,.metric-card,.payment-trust{background:linear-gradient(145deg,#102139f2,#0c1a2df5);border-color:#9dc7f21c;color:#e8f2ff}.login-card h3,.payment-card h3,.panel-heading h4,.opportunity-main strong,.activity-item strong,.metric-card>strong{color:#e9f3ff}
.login-card label,.field-label{color:#bdcce0}.login-card input,.code-entry{background:#09172a;border-color:#29405d;color:#e8f2ff}.login-card input::placeholder,.code-entry input::placeholder{color:#7186a2}.login-card input:focus,.code-entry:focus-within{border-color:#75b7fa;box-shadow:0 0 0 3px #4b9be52a}.quiet-link{color:#86c1ff}.login-foot,.login-foot a{color:#9fb2cc}.lock-mark,.secure-mark{background:#183657;color:#91cbff}
.dashboard-section{background:linear-gradient(180deg,#091628,#0b1a2c)}.dashboard-shell{box-shadow:0 25px 80px #0006}.dash-topline{border-bottom-color:#213752}.dash-date,.dash-welcome p{color:#95aac5}.date-pill{background:#162b45;color:#a4b8d1}.avatar{background:linear-gradient(140deg,#24496f,#3979b8);color:#d8edff}.metric-card{background:linear-gradient(140deg,#132640,#0d1b2e)}.metric-label,.metric-caption{color:#98abc4}.blue-icon{background:#173553;color:#8bc6ff}.green-icon{background:#123b37;color:#6de0b4}.violet-icon{background:#272a4b;color:#b6a9ff}.opportunity-row,.activity-item{border-top-color:#1e334d}.opportunity-main small,.probability small,.edge small,.activity-item small{color:#91a5bf}.probability strong{color:#dbe9fb}.edge strong{color:#65d4a7}.grade-green{color:#62d6a5}.grade-orange{color:#ffbf70}.grade-gray{color:#aab8ca}.panel-disclaimer{color:#879bb5}.icon-blue{background:#173553;color:#8bc6ff}.icon-green{background:#123b37;color:#6de0b4}.icon-orange{background:#3a2e21;color:#ffc577}.plan-mini{background:linear-gradient(120deg,#153254,#13233b)}.plan-mini small{color:#9bb0cc}.plan-mini strong{color:#acd3ff}.plan-mini a{color:#91c5ff}
.plan-card{background:linear-gradient(145deg,#10223b,#17385c 62%,#1e4c78);border-color:#afd9ff27;box-shadow:0 20px 45px #0006}.plan-card>p,.plan-card li{color:#c4d6ec}.plan-note{color:#bfd3eb}.payment-trust{background:#10213a}.payment-trust p{color:#a5b8d0}.method-option{background:#0c1a2d;border-color:#29405d}.method-option.selected-method{background:#112d4b;border-color:#62a8ed;box-shadow:0 0 0 2px #4d8ee423}.method-details strong{color:#e1edfc}.method-details small,.instructions-box p{color:#9cafc8}.instructions-box{background:#122944}.instructions-box strong{color:#d2e3f7}.instruction-icon{background:#1d3d60;color:#9bd3ff}.method-radio{border-color:#6e84a1}.cash-app-mark{background:#163a2b;color:#74e39b}.apple-mark{background:#e8eff8;color:#152133}
.upload-box{background:#0b1b30;border-color:#3c5e83}.upload-box:hover{background:#102744;border-color:#84c8ff}.upload-box strong{color:#d5e6fa}.upload-box small,.code-entry small{color:#93a8c3}.upload-icon{background:#183858;color:#9bd0ff}.pending-preview{color:#a2b4cc}.payment-card .demo-note{border-top-color:#203650;color:#90a5c0}.footer{background:#071322;border-top-color:#1e344d}.footer>span{color:#90a4be}

/* Liquid-drop controls: shared shape, translucent blue body and soft refraction. */
.button,button:not(.lang-btn),.float-nav a,.text-link,.quiet-link,.plan-mini a{
  position:relative;isolation:isolate;overflow:hidden;
  border:1px solid #c4e7ff55;border-radius:48% 52% 55% 45% / 56% 46% 54% 44%;
  color:#eaf6ff;text-shadow:0 1px 5px #173b68a3;
  background:linear-gradient(145deg,#b5eaff63 0%,#5caff06e 24%,#337fdc83 62%,#2565b9a8 100%);
  box-shadow:inset 0 2px 3px #ffffff9c,inset 0 -6px 10px #0b4f9970,0 8px 17px #0005,0 0 0 1px #7ac4ff16;
  backdrop-filter:blur(13px) saturate(145%);
  transition:transform .32s cubic-bezier(.2,.85,.25,1.35),box-shadow .32s,background .32s,border-radius .45s;
}
.button:before,button:not(.lang-btn):before,.float-nav a:before,.text-link:before,.quiet-link:before,.plan-mini a:before{
  content:"";position:absolute;z-index:-1;left:13%;top:4%;width:48%;height:40%;border-radius:50%;
  background:linear-gradient(180deg,#ffffffbd,#e9f8ff4a 55%,transparent);filter:blur(2px);opacity:.8;pointer-events:none;
}
.button:after,button:not(.lang-btn):after,.float-nav a:after,.text-link:after,.quiet-link:after,.plan-mini a:after{
  content:"";position:absolute;z-index:-1;right:9%;bottom:9%;width:29%;height:18%;border-radius:50%;
  background:#83ccff42;filter:blur(5px);opacity:.65;pointer-events:none;
}
.button:hover,button:not(.lang-btn):hover,.float-nav a:hover,.float-nav a.active,.text-link:hover,.quiet-link:hover,.plan-mini a:hover{
  transform:translateY(-2px) scale(1.025);border-color:#c6eeff9c;border-radius:53% 47% 47% 53% / 47% 57% 43% 53%;
  color:#fff;background:linear-gradient(145deg,#c0efff7d,#65b8f795 34%,#3586e9a8 68%,#3175c9b8);
  box-shadow:inset 0 2px 4px #fff,inset 0 -7px 12px #0757a46e,0 12px 26px #1688ed42,0 0 22px #4ab1ff27;
}
.button:active,button:not(.lang-btn):active,.float-nav a:active,.text-link:active,.quiet-link:active,.plan-mini a:active{
  transform:translateY(1px) scale(.955);border-radius:43% 57% 58% 42% / 58% 43% 57% 42%;
  box-shadow:inset 0 4px 10px #064d936b,inset 0 1px 2px #ffffffb8,0 2px 7px #0006;
}
.button:focus-visible,button:focus-visible,.float-nav a:focus-visible,.text-link:focus-visible,.quiet-link:focus-visible,.plan-mini a:focus-visible,.method-option:focus-within,.upload-box:focus-within{outline:2px solid #9bdcff;outline-offset:3px}
.float-nav a{display:inline-flex;align-items:center;justify-content:center}.text-link,.quiet-link,.plan-mini a{padding:9px 14px;text-shadow:none}.lang-btn{color:#a9c0dc}.lang-btn.selected{color:#d4efff;text-shadow:0 0 12px #50a7ff}
.method-option{border-radius:35% 65% 56% 44% / 54% 43% 57% 46%;transition:transform .3s,box-shadow .3s,border-radius .4s}.method-option:hover{transform:translateY(-2px);border-radius:47% 53% 48% 52% / 48% 55% 45% 52%;box-shadow:0 8px 18px #1676c52d,inset 0 1px 3px #fff5}
.upload-box{border-radius:26% 74% 58% 42% / 53% 44% 56% 47%;transition:transform .3s,border-radius .4s,box-shadow .3s}.upload-box:hover{transform:translateY(-2px);border-radius:42% 58% 48% 52% / 46% 54% 46% 54%;box-shadow:0 8px 24px #2d91ed28,inset 0 1px 3px #fff4}
.row-arrow,.dots{width:30px;height:30px;padding:0;display:inline-grid;place-items:center;border-radius:44% 56% 57% 43% / 55% 46% 54% 45%;color:#d9edff}
.button-small{padding:11px 17px}.button-glass{color:#eaf6ff}.button-primary{color:#fff}.button-primary:before{left:13%;top:4%}
.owner-panel button,.owner-panel .button,.owner-panel a.button,[data-panel="owner"] button,[data-panel="owner"] .button,.register-button,.login-button,.plan-select,.plan-card button,.plan-card .button,.confirm-button,.dashboard-action,.owner-action{border-radius:48% 52% 55% 45% / 56% 46% 54% 44%;background:linear-gradient(145deg,#b5eaff63,#5caff06e 24%,#337fdc83 62%,#2565b9a8);border:1px solid #c4e7ff55;color:#eaf6ff;box-shadow:inset 0 2px 3px #ffffff9c,inset 0 -6px 10px #0b4f9970,0 8px 17px #0005;backdrop-filter:blur(13px)}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{scroll-behavior:auto!important;animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}

/* Rounder, inflated drops and soft liquid motion. */
.button,button:not(.lang-btn),.float-nav a,.text-link,.quiet-link,.plan-mini a{
  border-radius:58% 42% 48% 52% / 62% 48% 52% 38%;
  background:radial-gradient(ellipse at 27% 7%,#e3f8ffb5 0,#a2dcff80 13%,#5aa9ed82 38%,#327acb9c 74%,#245a9bba 100%);
  box-shadow:inset 0 3px 5px #ffffffb5,inset 2px 0 7px #d1f1ff38,inset 0 -9px 13px #0a46836e,0 11px 23px #0006,0 2px 3px #b6e7ff43;
  transform:translateZ(0);
}
.button:before,button:not(.lang-btn):before,.float-nav a:before,.text-link:before,.quiet-link:before,.plan-mini a:before{
  left:12%;top:3%;width:43%;height:38%;opacity:.9;
  background:radial-gradient(ellipse at 35% 35%,#ffffffd9 0,#e6f8ff8f 35%,#c6ecff21 70%,transparent 100%);
  filter:blur(1px);transition:transform .75s cubic-bezier(.2,.8,.2,1),opacity .5s;
}
.button:after,button:not(.lang-btn):after,.float-nav a:after,.text-link:after,.quiet-link:after,.plan-mini a:after{
  right:10%;bottom:12%;width:25%;height:15%;background:#8dd5ff5e;filter:blur(7px);
}
.button:hover,button:not(.lang-btn):hover,.float-nav a:hover,.float-nav a.active,.text-link:hover,.quiet-link:hover,.plan-mini a:hover{
  border-radius:48% 52% 57% 43% / 49% 60% 40% 51%;
  background:radial-gradient(ellipse at 28% 6%,#f1fcffc9 0,#b9eaff98 15%,#6db9f4a3 42%,#3986d8ad 75%,#2868acbd 100%);
  box-shadow:inset 0 4px 7px #fff,inset 2px 0 9px #e0f7ff55,inset 0 -11px 15px #07457e80,0 16px 28px #0007,0 0 25px #4baeff50;
  animation:liquidHover 1.9s ease-in-out infinite;
}
.button:hover:before,button:not(.lang-btn):hover:before,.float-nav a:hover:before,.text-link:hover:before,.quiet-link:hover:before,.plan-mini a:hover:before{
  transform:translateX(24%) scale(1.08);opacity:1;
}
.button:active,button:not(.lang-btn):active,.float-nav a:active,.text-link:active,.quiet-link:active,.plan-mini a:active{
  border-radius:51% 49% 45% 55% / 43% 55% 45% 57%;
  animation:liquidPress .28s ease-out 1;
}
.float-nav a.active[href="#dashboard"]{
  animation:homeRipple 3s ease-in-out infinite;
  box-shadow:inset 0 3px 5px #ffffffc9,inset 0 -9px 13px #0a46836e,0 12px 25px #0006,0 0 0 0 #7bc7ff45;
}
.float-nav a.active[href="#dashboard"]:after{
  content:"";position:absolute;inset:-5px;border:1px solid #9bdcff69;border-radius:inherit;
  background:transparent;box-shadow:0 0 13px #68bbff35;opacity:0;pointer-events:none;
  animation:homeRing 3s ease-out infinite;
}
.lang-btn{
  position:relative;isolation:isolate;overflow:hidden;padding:7px 10px;
  border:1px solid #c4e7ff45;border-radius:58% 42% 48% 52% / 62% 48% 52% 38%;
  color:#bad3ee;background:radial-gradient(ellipse at 27% 7%,#e3f8ff68,#5aa9ed3b 42%,#245a9b69 100%);
  box-shadow:inset 0 2px 4px #ffffff70,inset 0 -5px 8px #0a46835e,0 5px 12px #0004;
  transition:transform .32s,border-radius .4s,box-shadow .32s,background .32s;
}
.lang-btn:hover,.lang-btn.selected{
  border-color:#c6eeff85;color:#effaff;
  background:radial-gradient(ellipse at 28% 6%,#f1fcff9c,#6db9f46e 45%,#2868ac94 100%);
  box-shadow:inset 0 3px 5px #fff,inset 0 -6px 9px #07457e66,0 7px 15px #0005;
}
.lang-btn:hover{transform:translateY(-2px) scale(1.06);animation:liquidHover 1.9s ease-in-out infinite}
.method-option{border-radius:48% 52% 53% 47% / 58% 48% 52% 42%}
.method-option:hover{border-radius:53% 47% 47% 53% / 48% 58% 42% 52%;animation:liquidHover 1.9s ease-in-out infinite}
.upload-box{border-radius:42% 58% 52% 48% / 54% 46% 54% 46%}
.upload-box:hover{border-radius:50% 50% 46% 54% / 47% 58% 42% 53%;animation:liquidHover 1.9s ease-in-out infinite}
@keyframes liquidHover{0%,100%{transform:translateY(-2px) scale(1.025)}50%{transform:translateY(-4px) scale(1.045)}}
@keyframes liquidPress{0%{transform:scale(1)}45%{transform:scale(.93,.88)}100%{transform:scale(.97,1.02)}}
@keyframes homeRipple{
  0%,100%{transform:translateY(0) scale(1);box-shadow:inset 0 3px 5px #ffffffc9,inset 0 -9px 13px #0a46836e,0 12px 25px #0006,0 0 0 0 #7bc7ff42}
  50%{transform:translateY(-2px) scale(1.035);box-shadow:inset 0 4px 7px #fff,inset 0 -10px 14px #0a46836e,0 16px 29px #0007,0 0 0 7px #7bc7ff16}
}
@keyframes homeRing{
  0%{transform:scale(.9);opacity:.55}
  75%,100%{transform:scale(1.24);opacity:0}
}
@media(prefers-reduced-motion:reduce){
  .float-nav a.active[href="#dashboard"],.float-nav a.active[href="#dashboard"]:after,
  .button:hover,button:not(.lang-btn):hover,.float-nav a:hover,.text-link:hover,.quiet-link:hover,.plan-mini a:hover,.method-option:hover,.upload-box:hover,.lang-btn:hover{animation:none!important}
}

/* Fuller capsule proportions with a rippling liquid surface. */
.button,button:not(.lang-btn),.float-nav a{
  min-height:50px;padding-top:15px;padding-bottom:15px;border-radius:999px;
  box-shadow:inset 0 4px 7px #ffffffc9,inset 2px 0 9px #e0f7ff48,inset 0 -10px 15px #07457e7a,0 13px 24px #0007,0 2px 4px #b6e7ff4a;
}
.button-small{min-height:44px;padding:11px 19px}
.float-nav a{min-height:44px;padding:11px 17px}
.text-link,.quiet-link,.plan-mini a{
  min-height:39px;padding:9px 16px;border-radius:999px;
}
.lang-btn{min-height:34px;padding:7px 12px;border-radius:999px}
.row-arrow,.dots{min-width:34px;min-height:34px;width:34px;height:34px;padding:0;border-radius:50%}
.method-option{min-height:52px;padding:13px 12px;border-radius:999px}
.upload-box{min-height:112px;border-radius:30px}
.button:hover,button:not(.lang-btn):hover,.float-nav a:hover,.text-link:hover,.quiet-link:hover,.plan-mini a:hover{
  border-radius:999px;
  box-shadow:inset 0 5px 9px #fff,inset 2px 0 11px #e0f7ff65,inset 0 -12px 17px #07457e8a,0 18px 31px #0008,0 0 25px #4baeff50;
}
.button:active,button:not(.lang-btn):active,.float-nav a:active,.text-link:active,.quiet-link:active,.plan-mini a:active{
  border-radius:999px;transform:translateY(2px) scale(.965,.94);
}
.float-nav a.active[href="#dashboard"]{border-radius:999px}
.float-nav a.active[href="#dashboard"]:after{border-radius:999px}
.method-option:hover{border-radius:999px}
.upload-box:hover{border-radius:34px}
.button:hover:before,button:not(.lang-btn):hover:before,.float-nav a:hover:before,.text-link:hover:before,.quiet-link:hover:before,.plan-mini a:hover:before{
  animation:liquidShimmer 1.8s ease-in-out infinite;
}
.button:hover:after,button:not(.lang-btn):hover:after,.text-link:hover:after,.quiet-link:hover:after,.plan-mini a:hover:after{
  animation:surfaceWave 1.8s ease-in-out infinite;
}
@keyframes liquidHover{
  0%,100%{transform:translateY(-2px) scale(1.025);border-radius:999px}
  35%{transform:translateY(-4px) scale(1.045,1.055);border-radius:48% 52% 51% 49% / 52% 48% 52% 48%}
  68%{transform:translateY(-2px) scale(1.035,.99);border-radius:52% 48% 47% 53% / 47% 53% 47% 53%}
}
@keyframes homeRipple{
  0%,100%{transform:translateY(0) scale(1);border-radius:999px;box-shadow:inset 0 4px 7px #ffffffc9,inset 0 -10px 15px #0a46836e,0 13px 25px #0007,0 0 0 0 #7bc7ff35,0 0 0 0 #74bdff24}
  38%{transform:translateY(-2px) scale(1.035,1.055);border-radius:48% 52% 51% 49% / 52% 48% 52% 48%;box-shadow:inset 0 5px 9px #fff,inset 0 -11px 16px #0a46836e,0 17px 30px #0007,0 0 0 7px #7bc7ff18,0 0 0 15px #74bdff0b}
  70%{transform:translateY(0) scale(1.015,.99);border-radius:52% 48% 47% 53% / 47% 53% 47% 53%;box-shadow:inset 0 4px 7px #ffffffd9,inset 0 -10px 15px #0a46836e,0 13px 25px #0007,0 0 0 3px #7bc7ff12,0 0 0 11px #74bdff08}
}
@keyframes liquidShimmer{
  0%,100%{transform:translateX(0) scale(1);opacity:.83}
  50%{transform:translateX(42%) scale(1.13,.9);opacity:1}
}
@keyframes surfaceWave{
  0%,100%{transform:translate(0,0) scale(1);opacity:.38}
  50%{transform:translate(-20%,-24%) scale(1.55,.72);opacity:.8}
}
@media(prefers-reduced-motion:reduce){
  .button:hover:before,.button:hover:after,button:hover:before,button:hover:after,
  .float-nav a:hover:before,.text-link:hover:before,.text-link:hover:after,
  .quiet-link:hover:before,.quiet-link:hover:after,.plan-mini a:hover:before,.plan-mini a:hover:after{animation:none!important}
}

/* Shared liquid-drop treatment for present and future action controls. */
:is(button,input[type="button"],input[type="submit"],[role="button"],.button,.float-nav a,.text-link,.quiet-link,.plan-mini a,.login-foot a,.register-button,.login-button,.plan-select,.confirm-button,.dashboard-action,.owner-action,.owner-panel a,[data-panel="owner"] a){
  color:#eff8ff;text-decoration:none;
  border:1px solid #bde6ff70;border-radius:999px;
  background:radial-gradient(ellipse at 27% 6%,#e7f9ffbd 0,#acdfff7c 13%,#5caaf079 39%,#3279c98e 76%,#22558fa8 100%);
  box-shadow:inset 0 4px 7px #ffffffc9,inset 2px 0 9px #e0f7ff48,inset 0 -10px 15px #07457e7a,0 13px 24px #0007,0 2px 4px #b6e7ff4a;
  backdrop-filter:blur(13px) saturate(150%);
  transition:transform .34s cubic-bezier(.2,.85,.25,1.35),box-shadow .34s,border-radius .45s,background .35s;
}
:is(button,input[type="button"],input[type="submit"],[role="button"],.button,.float-nav a,.text-link,.quiet-link,.plan-mini a,.login-foot a,.register-button,.login-button,.plan-select,.confirm-button,.dashboard-action,.owner-action,.owner-panel a,[data-panel="owner"] a):hover{
  color:#fff;border-color:#c8edffb5;
  background:radial-gradient(ellipse at 26% 5%,#f4fcffd9 0,#bbeaffab 15%,#69b8f59c 42%,#3985d6a8 78%,#2866a5b8 100%);
  box-shadow:inset 0 5px 9px #fff,inset 2px 0 11px #e0f7ff65,inset 0 -12px 17px #07457e8a,0 18px 31px #0008,0 0 25px #4baeff50;
  animation:liquidHover 1.9s ease-in-out infinite;
}
:is(button,input[type="button"],input[type="submit"],[role="button"],.button,.float-nav a,.text-link,.quiet-link,.plan-mini a,.login-foot a,.register-button,.login-button,.plan-select,.confirm-button,.dashboard-action,.owner-action,.owner-panel a,[data-panel="owner"] a):active{
  transform:translateY(2px) scale(.965,.94);border-radius:999px;
  box-shadow:inset 0 6px 12px #064d9380,inset 0 1px 3px #ffffffcb,0 3px 7px #0008;
  animation:liquidPress .28s ease-out 1;
}
:is(button,input[type="button"],input[type="submit"],[role="button"],.button,.float-nav a,.text-link,.quiet-link,.plan-mini a,.login-foot a,.register-button,.login-button,.plan-select,.confirm-button,.dashboard-action,.owner-action,.owner-panel a,[data-panel="owner"] a):focus-visible{
  outline:2px solid #a4deff;outline-offset:3px
}
.login-foot a{display:inline-flex;align-items:center;min-height:34px;padding:5px 12px;margin-left:3px}
:is(.register-button,.login-button,.plan-select,.confirm-button,.dashboard-action,.owner-action,.owner-panel button,.owner-panel .button,.owner-panel a,[data-panel="owner"] button,[data-panel="owner"] .button,[data-panel="owner"] a){
  min-height:48px;padding:13px 20px;border-radius:999px
}
@media(prefers-reduced-motion:reduce){
  :is(button,input[type="button"],input[type="submit"],[role="button"],.button,.float-nav a,.text-link,.quiet-link,.plan-mini a,.login-foot a,.register-button,.login-button,.plan-select,.confirm-button,.dashboard-action,.owner-action,.owner-panel a,[data-panel="owner"] a):hover{animation:none!important}
}

/* Final color pass: keep the dark page visible through every blue liquid control. */
html body .button,
html body button:not(.lang-btn),
html body input[type="button"],
html body input[type="submit"],
html body [role="button"],
html body .float-nav a,
html body .text-link,
html body .quiet-link,
html body .plan-mini a,
html body .login-foot a,
html body .owner-panel a,
html body [data-panel="owner"] a,
html body .register-button,
html body .login-button,
html body .plan-select,
html body .confirm-button,
html body .dashboard-action,
html body .owner-action{
  color:#e8f5ff;
  border-color:rgba(146,207,255,.4);
  background:radial-gradient(ellipse at 28% 7%,rgba(202,239,255,.58) 0,rgba(105,177,235,.34) 20%,rgba(54,126,196,.38) 56%,rgba(29,79,135,.5) 100%);
  box-shadow:inset 0 3px 6px rgba(238,250,255,.64),inset 0 -9px 14px rgba(7,53,100,.52),0 11px 22px rgba(0,0,0,.35),0 0 0 1px rgba(110,183,241,.08);
}
html body .button:hover,
html body button:not(.lang-btn):hover,
html body input[type="button"]:hover,
html body input[type="submit"]:hover,
html body [role="button"]:hover,
html body .float-nav a:hover,
html body .text-link:hover,
html body .quiet-link:hover,
html body .plan-mini a:hover,
html body .login-foot a:hover,
html body .owner-panel a:hover,
html body [data-panel="owner"] a:hover,
html body .register-button:hover,
html body .login-button:hover,
html body .plan-select:hover,
html body .confirm-button:hover,
html body .dashboard-action:hover,
html body .owner-action:hover{
  color:#f4fbff;
  border-color:rgba(185,228,255,.68);
  background:radial-gradient(ellipse at 27% 5%,rgba(220,246,255,.72) 0,rgba(126,195,245,.46) 22%,rgba(60,139,210,.48) 58%,rgba(35,93,153,.58) 100%);
  box-shadow:inset 0 4px 8px rgba(255,255,255,.78),inset 0 -11px 16px rgba(5,48,91,.62),0 16px 27px rgba(0,0,0,.43),0 0 23px rgba(69,161,236,.25);
}
html body .float-nav a.active,
html body .float-nav a.active[href="#dashboard"]{
  color:#f0f9ff;
  border-color:rgba(180,226,255,.6);
  background:radial-gradient(ellipse at 27% 5%,rgba(216,245,255,.69) 0,rgba(111,185,241,.43) 22%,rgba(52,128,200,.44) 58%,rgba(29,79,135,.57) 100%);
  box-shadow:inset 0 4px 8px rgba(255,255,255,.75),inset 0 -10px 15px rgba(5,48,91,.58),0 13px 25px rgba(0,0,0,.4),0 0 0 0 rgba(102,190,250,.23);
}
html body .lang-btn,
html body .lang-btn.selected{
  color:#e7f5ff;border-color:rgba(146,207,255,.36);
  background:radial-gradient(ellipse at 28% 7%,rgba(203,240,255,.48),rgba(74,149,218,.3) 48%,rgba(28,78,134,.45));
  box-shadow:inset 0 3px 5px rgba(255,255,255,.5),inset 0 -7px 10px rgba(7,53,100,.48),0 6px 13px rgba(0,0,0,.32);
}
html body .method-option{
  color:#e8f5ff;border-color:rgba(146,207,255,.3);
  background:linear-gradient(145deg,rgba(88,153,211,.24),rgba(25,72,122,.28));
  box-shadow:inset 0 2px 5px rgba(228,246,255,.25),inset 0 -7px 12px rgba(4,43,83,.42),0 7px 16px rgba(0,0,0,.24);
}
html body .method-option.selected-method,
html body .method-option:hover{
  border-color:rgba(166,220,255,.6);
  background:radial-gradient(ellipse at 28% 7%,rgba(204,240,255,.48),rgba(82,157,220,.31) 45%,rgba(30,82,139,.4));
}
html body .upload-box,
html body .upload-box:hover{
  color:#e8f5ff;border-color:rgba(146,207,255,.38);
  background:radial-gradient(ellipse at 28% 7%,rgba(153,208,249,.22),rgba(48,111,171,.16) 48%,rgba(13,42,76,.28));
}

/* Kalshi Pro AI light identity: white, lavender and blue-purple. */
:root{--ink:#20213c;--soft:#5d607b;--muted:#8587a2;--blue:#7769cf;--line:#e8e5f4;--paper:#faf9ff;--white:#fff;--shadow:0 22px 60px rgba(82,70,141,.11);--liquid:#8575db}
html{scroll-padding-top:90px;scroll-padding-bottom:118px}
body{color:#24243f;background:radial-gradient(ellipse at 82% 4%,#e4dcff 0,transparent 32%),radial-gradient(ellipse at 8% 32%,#f2edff 0,transparent 35%),linear-gradient(140deg,#fff 0%,#faf9ff 48%,#f2efff 100%)}
main{padding-bottom:calc(118px + env(safe-area-inset-bottom))}
.ambient-a{background:radial-gradient(circle,#b7a8f55c,transparent 68%)}.ambient-b{background:radial-gradient(circle,#c7bcf43d,transparent 68%)}
.topbar{background:#fffffff0;border-bottom-color:#e6e2f45c;box-shadow:0 6px 28px #52468d0a}
.brand{color:#101b33}.brand-light{color:#6d7890}.brand b{color:#4a89ed}
.hero h1,.section-heading h2{color:#25243f}.hero h1 em,.section-heading h2 em{color:#7667ce}
.eyebrow,.section-overline,.strip-kicker{color:#8178ac}.hero-lede,.section-heading>p{color:#686983}.hero-footnote,.scroll-cue{color:#9694ad}
.glass-orb{background:radial-gradient(circle at 32% 24%,#fff 0 4%,#e4dcff 13%,#b9a9f2 33%,#8876dc 59%,#7569c9 77%,#eeebff);box-shadow:inset -25px -23px 55px #51469b55,inset 15px 16px 40px #fff9,0 35px 70px #7668c52e}
.orb-core{background:radial-gradient(circle at 35% 30%,#fff,#e4deff 20%,#a99ce9 57%,#7769ce);box-shadow:inset -8px -10px 20px #51469b55,inset 6px 7px 14px #fff9,0 10px 35px #6656b837}
.orbit{border-color:#a59be35e}.orbit-two{border-color:#b5a8ed66}
.floating-card{background:linear-gradient(145deg,#ffffffed,#f5f2ffeb);border-color:#fff;box-shadow:0 18px 42px #574d8a19,inset 0 1px 2px #fff}.card-top strong,.card-bottom strong{color:#302d50}.card-top strong span,.floating-card small,.mini-label{color:#777691}.market-icon{background:#eeeaff;color:#7667cc}.hero-index{color:#9894b1}
.intro-strip{background:linear-gradient(110deg,#f4f1ff,#fff 52%,#f3efff);border-color:#e7e2f5}.intro-strip p,.strip-stat span{color:#6d6c87}.strip-stat{border-left-color:#ded9ef}.strip-stat strong{color:#7667ce}
.section-section,.screen-section{color:#272642}.login-layout{box-shadow:0 25px 70px #52468d1c}.login-side{background:radial-gradient(circle at 80% 25%,#ffffff91,transparent 39%),linear-gradient(140deg,#6156ae,#7668cf 57%,#9a88e6)}.login-side:after{border-color:#ffffff38;box-shadow:0 0 0 35px #ffffff0a,0 0 0 70px #ffffff08}.login-side-bottom{color:#f1edff}
.login-card,.payment-card,.dashboard-shell,.opportunities-panel,.activity-panel,.metric-card,.payment-trust{background:#ffffffed;border-color:#e9e5f3;color:#292844}
.login-card h3,.payment-card h3,.panel-heading h4,.opportunity-main strong,.activity-item strong,.metric-card>strong{color:#292844}
.login-card label,.field-label{color:#5d5c78}.login-card input,.code-entry{background:#fbfaff;border-color:#e5e1f0;color:#302e4e}.login-card input::placeholder,.code-entry input::placeholder{color:#9997ae}.login-card input:focus,.code-entry:focus-within{border-color:#998ce0;box-shadow:0 0 0 3px #8271d41c}
.quiet-link{color:#7162c8}.login-foot,.login-foot a{color:#73718b}.lock-mark,.secure-mark{background:#f0edff;color:#7365c9}
.dashboard-section{background:linear-gradient(180deg,#faf9ff,#f4f1ff)}.dashboard-shell{box-shadow:0 25px 75px #5c51901a}.dash-topline{border-bottom-color:#eeeaf6}.dash-date,.dash-welcome p{color:#777690}.date-pill{background:#f4f2fa;color:#828099}.avatar{background:linear-gradient(140deg,#eeeaff,#c8bdf5);color:#5e52a4}
.metric-card{background:linear-gradient(140deg,#fff,#faf9ff)}.metric-label,.metric-caption{color:#777690}.blue-icon{background:#f0edff;color:#7768cf}.green-icon{background:#e9f8f1;color:#37a77c}.violet-icon{background:#eeeaff;color:#7869cf}
.opportunity-row,.activity-item{border-top-color:#efedf5}.opportunity-main small,.probability small,.edge small,.activity-item small{color:#8887a0}.probability strong{color:#393853}.edge strong{color:#229a70}.grade-green{color:#259e73}.grade-orange{color:#d99542}.grade-gray{color:#9493a6}.panel-disclaimer{color:#8f8da5}
.icon-blue{background:#efedff;color:#7768cf}.icon-green{background:#e9f8f1;color:#2da47a}.icon-orange{background:#fff5e8;color:#d99743}.plan-mini{background:linear-gradient(120deg,#f2efff,#faf9ff)}.plan-mini small{color:#85839d}.plan-mini strong{color:#665ab3}.plan-mini a{color:#7162c8}
.plan-card{background:linear-gradient(145deg,#6257ad,#7669cf 61%,#9280df);border-color:#fff;box-shadow:0 20px 45px #6457b332}.plan-card>p,.plan-card li,.plan-note{color:#f0edff}.payment-trust{background:#fff}.payment-trust p{color:#74738e}
.method-option{background:#fbfaff;border-color:#e6e2f1}.method-option.selected-method{background:#f1eeff;border-color:#a59ae4;box-shadow:0 0 0 2px #7567cd13}.method-details strong{color:#363551}.method-details small,.instructions-box p{color:#85839d}.instructions-box{background:#f5f3fc}.instructions-box strong{color:#555471}.instruction-icon{background:#ebe8fa;color:#7567cc}.method-radio{border-color:#aaa6c1}.cash-app-mark{background:#ddf8e5;color:#1c9a50}.apple-mark{background:#171a20;color:#fff}
.upload-box{background:#fbfaff;border-color:#bbb2e3}.upload-box:hover{background:#f5f2ff;border-color:#8272d2}.upload-box strong{color:#575575}.upload-box small,.code-entry small{color:#9290a8}.upload-icon{background:#efecff;color:#7668cc}.pending-preview{color:#797891}.pending-dot{background:#e6a33f}.payment-card .demo-note{border-top-color:#f0edf6;color:#8f8da5}
.footer{background:#fbfaff;border-top-color:#e8e4f2}.footer>span{color:#8987a0}
.register-card,.register-panel,.market-card,.markets-panel,.market-detail,.opportunity-card,.opportunities-panel,.plans-panel,.owner-panel,[data-theme-surface]{
  color:#292844;background:linear-gradient(145deg,rgba(255,255,255,.97),rgba(247,244,255,.94));
  border:1px solid #e8e3f4;box-shadow:0 18px 48px rgba(82,70,141,.1),inset 0 1px 2px #fff
}
.register-card h1,.register-card h2,.register-card h3,.market-card h1,.market-card h2,.market-card h3,.opportunity-card h1,.opportunity-card h2,.opportunity-card h3,.owner-panel h1,.owner-panel h2,.owner-panel h3{color:#292844}
.register-card p,.market-card p,.market-detail p,.opportunity-card p,.owner-panel p{color:#6e6c88}

/* Bottom dock with one physically sliding liquid indicator. */
.float-nav{
  position:fixed;top:auto;left:50%;bottom:20px;z-index:100;
  width:min(560px,calc(100vw - 32px));height:68px;padding:8px;gap:0;
  display:flex;align-items:stretch;justify-content:stretch;overflow:visible;
  transform:translateX(-50%);border:1px solid #fff;background:rgba(255,255,255,.76);
  border-radius:999px;box-shadow:0 14px 38px rgba(71,59,125,.18),inset 0 2px 5px #fff;
  backdrop-filter:blur(22px) saturate(155%)
}
.float-nav:before{
  content:"";position:absolute;z-index:0;top:7px;bottom:7px;left:8px;
  width:calc((100% - 16px)/4);border-radius:52% 48% 45% 55% / 56% 48% 52% 44%;
  background:radial-gradient(ellipse at 28% 7%,rgba(255,255,255,.96),rgba(222,216,255,.88) 23%,rgba(166,151,232,.77) 62%,rgba(117,101,205,.82));
  border:1px solid rgba(255,255,255,.86);
  box-shadow:inset 0 4px 8px #fff,inset 0 -8px 14px rgba(86,69,167,.25),0 9px 19px rgba(94,77,168,.2);
  transform:translateX(calc(var(--active-index,0)*100%));
  transition:transform .76s cubic-bezier(.18,.92,.24,1.16),border-radius .65s,filter .5s;
  pointer-events:none
}
.float-nav[data-active="0"]{--active-index:0}.float-nav[data-active="1"]{--active-index:1}.float-nav[data-active="2"]{--active-index:2}.float-nav[data-active="3"]{--active-index:3}
.float-nav[data-active="0"]:before{transform:translateX(0)}
.float-nav[data-active="1"]:before{transform:translateX(100%)}
.float-nav[data-active="2"]:before{transform:translateX(200%)}
.float-nav[data-active="3"]:before{transform:translateX(300%)}
.float-nav.is-moving:before{animation:navDropTravel .78s ease-out}
.float-nav a{
  position:relative;z-index:1;flex:1;min-width:0;min-height:0;padding:0 8px;
  display:flex;align-items:center;justify-content:center;white-space:nowrap;
  border:0;border-radius:999px;background:transparent;box-shadow:none;
  color:#77738e;text-shadow:none;font-size:12px;font-weight:700;
  transition:color .35s,transform .35s
}
.float-nav a:before,.float-nav a:after{display:none}
.float-nav a:hover{color:#55499c;transform:translateY(-2px);background:transparent;box-shadow:none;animation:none}
.float-nav a.active,.float-nav a.active[href="#dashboard"]{color:#4e438f;background:transparent;border:0;box-shadow:none;animation:none}
html body .float-nav a.active,html body .float-nav a.active[href="#dashboard"]{color:#4e438f;background:transparent;border:0;box-shadow:none;animation:none}
.float-nav a.active:after,.float-nav a.active[href="#dashboard"]:after{display:none}
.float-nav a:active{transform:scale(.96);box-shadow:none}
@keyframes navDropTravel{
  0%{border-radius:52% 48% 45% 55% / 56% 48% 52% 44%;filter:brightness(1)}
  34%{border-radius:44% 56% 60% 40% / 48% 62% 38% 52%;filter:brightness(1.08)}
  68%{border-radius:56% 44% 42% 58% / 60% 43% 57% 40%;filter:brightness(1.04)}
  100%{border-radius:52% 48% 45% 55% / 56% 48% 52% 44%;filter:brightness(1)}
}
html body .button,html body button:not(.lang-btn),html body input[type="button"],html body input[type="submit"],html body [role="button"],html body .text-link,html body .quiet-link,html body .plan-mini a,html body .login-foot a,html body .owner-panel a,html body [data-panel="owner"] a{
  color:#f9f7ff;border-color:rgba(179,166,237,.62);
  background:radial-gradient(ellipse at 27% 5%,rgba(255,255,255,.98) 0,rgba(239,234,255,.88) 18%,rgba(190,178,241,.78) 47%,rgba(128,111,207,.84) 100%);
  box-shadow:inset 0 4px 8px rgba(255,255,255,.96),inset 0 -10px 16px rgba(74,57,151,.27),0 11px 24px rgba(85,68,160,.21),0 2px 4px #fff
}
html body .button:hover,html body button:not(.lang-btn):hover,html body input[type="button"]:hover,html body input[type="submit"]:hover,html body [role="button"]:hover,html body .text-link:hover,html body .quiet-link:hover,html body .plan-mini a:hover,html body .login-foot a:hover,html body .owner-panel a:hover,html body [data-panel="owner"] a:hover{
  color:#fff;background:radial-gradient(ellipse at 27% 5%,#fff 0,rgba(246,243,255,.96) 15%,rgba(204,194,246,.89) 44%,rgba(135,117,214,.93) 100%);
  box-shadow:inset 0 5px 10px #fff,inset 0 -12px 17px rgba(69,52,148,.32),0 16px 30px rgba(98,75,185,.31),0 0 25px rgba(151,131,232,.3)
}
html body .button:active,html body button:not(.lang-btn):active,html body input[type="button"]:active,html body input[type="submit"]:active,html body [role="button"]:active{transform:translateY(2px) scale(.96,.94)}
html body .lang-btn,html body .lang-btn.selected{color:#6559aa;border-color:#d4cef0;background:radial-gradient(ellipse at 28% 6%,#fff,#efebff 48%,#d9d0fa);box-shadow:inset 0 3px 5px #fff,0 5px 12px #6d5cb31c}
html body .method-option{color:#494664;border-color:#ddd8f0;background:linear-gradient(145deg,#fff,#f5f2ff);box-shadow:inset 0 2px 5px #fff,0 6px 16px #5b4ba710}
html body .method-option.selected-method,html body .method-option:hover{border-color:#a99ce3;background:radial-gradient(ellipse at 28% 7%,#fff,#eeeaff 55%,#e4ddff);box-shadow:inset 0 3px 6px #fff,0 9px 20px #7564cd20}
html body .upload-box,html body .upload-box:hover{color:#494664;border-color:#bcb2e5;background:radial-gradient(ellipse at 28% 7%,#fff,#f2efff 55%,#e7e0ff);box-shadow:inset 0 3px 7px #fff,0 8px 18px #6957b217}
.login-foot a{display:inline-flex;align-items:center;min-height:34px;padding:5px 12px}

/* Space at each section end keeps the fixed dock clear of actions and copy. */
.hero,.screen-section{scroll-margin-bottom:110px;padding-bottom:clamp(165px,18vh,205px)}
.intro-strip{padding-bottom:94px}
.footer{min-height:160px;padding-bottom:calc(112px + env(safe-area-inset-bottom))}
@media(max-width:800px){
  .float-nav{bottom:calc(12px + env(safe-area-inset-bottom));width:calc(100vw - 24px);height:64px;padding:7px}
  .float-nav:before{top:6px;bottom:6px;left:7px;width:calc((100% - 14px)/4)}
  .float-nav a{font-size:10px;padding:0 4px}
  .hero,.screen-section{padding-bottom:clamp(150px,19vh,190px)}
  .intro-strip{padding-bottom:88px}
  .footer{padding-bottom:calc(110px + env(safe-area-inset-bottom))}
}
@media(max-width:420px){
  .float-nav{height:60px;width:calc(100vw - 18px);bottom:calc(9px + env(safe-area-inset-bottom))}
  .float-nav:before{top:5px;bottom:5px;left:6px;width:calc((100% - 12px)/4)}
  .float-nav a{font-size:9px;padding:0 2px}
}
@media(prefers-reduced-motion:reduce){.float-nav:before,.float-nav.is-moving:before{transition:none!important;animation:none!important}}

/* Keep each control as a plump capsule; animate the color inside, never its silhouette. */
.button,button,.float-nav,.float-nav a,.float-nav:before,.method-option,.upload-box,
.text-link,.quiet-link,.plan-mini a,.login-foot a,.register-button,.login-button,
.plan-select,.confirm-button,.dashboard-action,.owner-action,.owner-panel button,
.owner-panel a,[data-panel="owner"] button,[data-panel="owner"] a{
  border-radius:999px!important
}
.button,button:not(.lang-btn),.float-nav a,.text-link,.quiet-link,.plan-mini a,
.login-foot a,.register-button,.login-button,.plan-select,.confirm-button,
.dashboard-action,.owner-action,.owner-panel button,.owner-panel a,
[data-panel="owner"] button,[data-panel="owner"] a{
  min-height:48px
}
.float-nav:before{
  background-color:#9381df;
  background-image:
    radial-gradient(ellipse at 24% 24%,rgba(255,255,255,.98) 0,rgba(255,255,255,.48) 13%,transparent 31%),
    radial-gradient(ellipse at 75% 72%,rgba(135,116,217,.84) 0,transparent 39%),
    radial-gradient(ellipse at 58% 28%,rgba(203,190,255,.94) 0,transparent 45%),
    linear-gradient(115deg,rgba(238,233,255,.95),rgba(157,140,231,.91),rgba(117,101,202,.93));
  background-size:190% 190%;
  background-position:0% 50%;
  animation:navFillSmoke 7s ease-in-out infinite;
  transition:transform .76s cubic-bezier(.18,.92,.24,1.16),box-shadow .4s;
  box-shadow:inset 0 4px 8px #fff,inset 0 -8px 14px rgba(86,69,167,.25),0 9px 19px rgba(94,77,168,.2)
}
.float-nav.is-moving:before{animation:navFillSmoke .9s ease-in-out 1}
.float-nav a,.float-nav a.active,.float-nav a.active[href="#dashboard"]{
  border-radius:999px!important;background:transparent!important;box-shadow:none!important;
  transform:none;animation:none!important
}
.float-nav a:hover{border-radius:999px!important;transform:translateY(-1px);animation:none!important}
.float-nav a:active{transform:scale(.97,.95)}
.button,button:not(.lang-btn),.text-link,.quiet-link,.plan-mini a,
.login-foot a,.register-button,.login-button,.plan-select,.confirm-button,
.dashboard-action,.owner-action,.owner-panel button,.owner-panel a,
[data-panel="owner"] button,[data-panel="owner"] a{
  background-size:190% 190%;
  background-position:0% 50%;
  animation:none;
  transition:transform .3s cubic-bezier(.2,.85,.25,1.2),box-shadow .35s,background-position .8s,border-color .35s
}
.button:hover,button:not(.lang-btn):hover,.text-link:hover,.quiet-link:hover,
.plan-mini a:hover,.login-foot a:hover,.register-button:hover,.login-button:hover,
.plan-select:hover,.confirm-button:hover,.dashboard-action:hover,.owner-action:hover,
.owner-panel button:hover,.owner-panel a:hover,[data-panel="owner"] button:hover,[data-panel="owner"] a:hover{
  border-radius:999px!important;
  animation:liquidFloat 1.7s ease-in-out infinite,fillSmoke 4.2s ease-in-out infinite;
  background-size:190% 190%
}
.button:active,button:not(.lang-btn):active,.text-link:active,.quiet-link:active,
.plan-mini a:active,.login-foot a:active,.register-button:active,.login-button:active,
.plan-select:active,.confirm-button:active,.dashboard-action:active,.owner-action:active,
.owner-panel button:active,.owner-panel a:active,[data-panel="owner"] button:active,[data-panel="owner"] a:active{
  border-radius:999px!important;transform:translateY(1px) scale(.975,.95)
}
.method-option,.upload-box{background-size:190% 190%;background-position:0% 50%}
.method-option.selected-method{animation:fillSmoke 6s ease-in-out infinite}
.button.selected,button.selected,button[aria-pressed="true"],[role="button"][aria-pressed="true"],
.plan-select.selected,.register-button.selected,.login-button.selected,.confirm-button.selected,
.dashboard-action.selected,.owner-action.selected,.owner-panel button.selected,
.owner-panel button[aria-pressed="true"],[data-panel="owner"] button.selected{
  border-radius:999px!important;animation:fillSmoke 6s ease-in-out infinite
}
.method-option:hover,.upload-box:hover{border-radius:999px!important;animation:liquidFloat 1.7s ease-in-out infinite,fillSmoke 4.2s ease-in-out infinite}
.upload-box{min-height:112px}
html body .float-nav a.active,html body .float-nav a.active[href="#dashboard"]{
  border-radius:999px!important;background:transparent!important;box-shadow:none!important;animation:none!important
}
@keyframes fillSmoke{
  0%,100%{background-position:0% 48%;filter:saturate(1)}
  50%{background-position:100% 58%;filter:saturate(1.12)}
}
@keyframes navFillSmoke{
  0%,100%{background-position:0% 48%;filter:saturate(1)}
  50%{background-position:100% 58%;filter:saturate(1.16)}
}
@keyframes liquidFloat{
  0%,100%{transform:translateY(-1px) scale(1.015)}
  50%{transform:translateY(-2px) scale(1.025)}
}
@keyframes liquidHover{0%,100%{transform:translateY(-1px) scale(1.015)}50%{transform:translateY(-2px) scale(1.025)}}
@keyframes liquidPress{
  0%{transform:scale(1)}
  45%{transform:translateY(1px) scale(.975,.95)}
  100%{transform:translateY(0) scale(1)}
}
@keyframes homeRipple{
  0%,100%{transform:translateY(0);box-shadow:0 0 0 0 rgba(139,119,216,.14)}
  50%{transform:translateY(-1px);box-shadow:0 0 0 5px rgba(139,119,216,.08)}
}
@keyframes navDropTravel{
  0%,100%{filter:brightness(1) saturate(1)}
  45%{filter:brightness(1.12) saturate(1.2)}
}
@media(prefers-reduced-motion:reduce){
  .float-nav:before,.float-nav.is-moving:before,.method-option.selected-method,
  .button:hover,button:hover,.text-link:hover,.quiet-link:hover,.plan-mini a:hover,
  .method-option:hover,.upload-box:hover{animation:none!important}
}

/* Final refinement from the visual reference: brighter canvas, separated dock,
   and visible flowing color while every control keeps a true capsule outline. */
html body{
  color:#282642!important;
  background-color:#fbfaff!important;
  background-image:radial-gradient(ellipse at 78% 2%,rgba(208,197,255,.55),transparent 33%),radial-gradient(ellipse at 7% 36%,rgba(224,238,255,.55),transparent 36%),linear-gradient(135deg,#fff 0%,#fbfaff 48%,#f0edff 100%)!important
}
html body .topbar{background:rgba(255,255,255,.84)!important;border-bottom-color:#e9e5f4!important;box-shadow:0 6px 25px rgba(96,79,161,.08)!important}
html body .intro-strip{background:linear-gradient(110deg,#f3efff,#fff 50%,#eff4ff)!important;border-color:#e8e3f3!important}
html body .dashboard-section{background:linear-gradient(180deg,#fbfaff,#f2efff)!important}
html body .dashboard-shell,html body .login-card,html body .payment-card,html body .opportunities-panel,html body .activity-panel,html body .metric-card,html body .payment-trust{background:rgba(255,255,255,.94)!important;border-color:#e8e3f3!important;color:#292844!important;box-shadow:0 18px 48px rgba(82,70,141,.1),inset 0 1px 2px #fff!important}
html body .footer{background:#fbfaff!important;border-top-color:#e8e4f2!important}
html body .float-nav{
  width:min(590px,calc(100vw - 32px))!important;height:72px!important;padding:9px!important;gap:9px!important;
  border:1px solid rgba(255,255,255,.98)!important;border-radius:999px!important;
  background:rgba(255,255,255,.82)!important;
  box-shadow:0 16px 40px rgba(84,70,144,.2),inset 0 2px 5px #fff!important;
  backdrop-filter:blur(24px) saturate(165%)!important
}
html body .float-nav:before{
  top:8px!important;bottom:8px!important;left:9px!important;
  width:calc((100% - 45px)/4)!important;border:1px solid rgba(255,255,255,.92)!important;border-radius:999px!important;
  background-color:#9280df!important;
  background-image:
    radial-gradient(ellipse at 18% 34%,rgba(255,255,255,.97) 0,rgba(255,255,255,.46) 14%,transparent 34%),
    radial-gradient(ellipse at 82% 71%,rgba(127,105,215,.94) 0,transparent 42%),
    radial-gradient(ellipse at 48% 55%,rgba(207,197,255,.95) 0,transparent 46%),
    linear-gradient(120deg,rgba(238,234,255,.98),rgba(169,153,238,.95),rgba(113,96,202,.97))!important;
  background-size:220% 220%,210% 210%,235% 235%,250% 220%!important;
  background-position:0% 48%,100% 60%,20% 55%,0% 50%!important;
  box-shadow:inset 0 4px 8px #fff,inset 0 -9px 15px rgba(79,62,158,.3),0 10px 21px rgba(88,72,166,.25)!important;
  animation:navSmokeDrift 5.5s ease-in-out infinite!important;
  transition:transform .76s cubic-bezier(.18,.92,.24,1.16),box-shadow .4s!important
}
html body .float-nav[data-active="0"]:before{transform:translateX(0)!important}
html body .float-nav[data-active="1"]:before{transform:translateX(calc(100% + 9px))!important}
html body .float-nav[data-active="2"]:before{transform:translateX(calc(200% + 18px))!important}
html body .float-nav[data-active="3"]:before{transform:translateX(calc(300% + 27px))!important}
html body .float-nav:after{
  content:"";position:absolute;z-index:1;top:8px;bottom:8px;left:9px;
  width:calc((100% - 45px)/4);border-radius:999px;overflow:hidden;pointer-events:none;
  background-image:
    radial-gradient(ellipse at 22% 56%,rgba(255,255,255,.82) 0,transparent 38%),
    radial-gradient(ellipse at 78% 32%,rgba(188,174,255,.9) 0,transparent 43%),
    radial-gradient(ellipse at 50% 84%,rgba(135,116,219,.76) 0,transparent 48%);
  background-size:210% 220%,230% 230%,220% 210%;
  background-position:0% 50%,100% 50%,30% 100%;
  filter:blur(7px);opacity:.82;mix-blend-mode:screen;
  transform:translateX(0);transition:transform .76s cubic-bezier(.18,.92,.24,1.16);
  animation:navCloud 4.4s ease-in-out infinite
}
html body .float-nav[data-active="1"]:after{transform:translateX(calc(100% + 9px))}
html body .float-nav[data-active="2"]:after{transform:translateX(calc(200% + 18px))}
html body .float-nav[data-active="3"]:after{transform:translateX(calc(300% + 27px))}
html body .float-nav.is-moving:before{animation:navSmokeSurge 1.15s ease-in-out 1!important}
html body .float-nav.is-moving:after{animation:navCloudSurge 1.15s ease-in-out 1}
html body .float-nav a,html body .float-nav a.active,html body .float-nav a.active[href="#dashboard"]{
  flex:1!important;min-width:0!important;min-height:0!important;padding:0 7px!important;
  border:0!important;border-radius:999px!important;background:transparent!important;box-shadow:none!important;
  color:#686381!important;text-shadow:none!important;transform:none;
  position:relative!important;z-index:2!important
}
html body .float-nav a:before,html body .float-nav a:after{display:none!important;content:none!important}
html body .float-nav a:hover{color:#4d438b!important;background:transparent!important;box-shadow:none!important;transform:translateY(-1px)!important;animation:none!important}
html body .float-nav a.active,html body .float-nav a.active[href="#dashboard"]{color:#493f89!important}
html body .button,html body button:not(.lang-btn),html body .text-link,html body .quiet-link,html body .plan-mini a,
html body .login-foot a,html body .register-button,html body .login-button,html body .plan-select,html body .confirm-button,
html body .dashboard-action,html body .owner-action,html body .owner-panel button,html body .owner-panel a,
html body [data-panel="owner"] button,html body [data-panel="owner"] a{
  border-radius:999px!important
}
html body .button:hover,html body button:not(.lang-btn):hover,html body .text-link:hover,html body .quiet-link:hover,
html body .plan-mini a:hover,html body .login-foot a:hover,html body .plan-select:hover,html body .confirm-button:hover,
html body .dashboard-action:hover,html body .owner-action:hover,html body .owner-panel button:hover,html body .owner-panel a:hover{
  border-radius:999px!important;animation:liquidFloat 1.7s ease-in-out infinite,fillSmoke 4.2s ease-in-out infinite
}
html body .float-nav a:active,html body .button:active,html body button:not(.lang-btn):active{border-radius:999px!important}
@keyframes navSmokeDrift{
  0%,100%{background-position:0% 48%,100% 60%,20% 55%,0% 50%;filter:saturate(1)}
  33%{background-position:72% 22%,18% 72%,90% 38%,58% 70%;filter:saturate(1.18) brightness(1.02)}
  68%{background-position:28% 86%,84% 25%,38% 80%,100% 28%;filter:saturate(1.12) brightness(1.04)}
}
@keyframes navSmokeSurge{
  0%{background-position:0% 48%,100% 60%,20% 55%,0% 50%;filter:saturate(1)}
  38%{background-position:100% 18%,0% 80%,92% 32%,62% 72%;filter:saturate(1.3) brightness(1.1)}
  72%{background-position:12% 88%,86% 22%,15% 78%,100% 20%;filter:saturate(1.22) brightness(1.06)}
  100%{background-position:0% 48%,100% 60%,20% 55%,0% 50%;filter:saturate(1)}
}
@keyframes navCloud{
  0%,100%{background-position:0% 50%,100% 50%,30% 100%;opacity:.68}
  35%{background-position:100% 35%,0% 70%,90% 20%;opacity:.94}
  70%{background-position:34% 90%,76% 12%,12% 70%;opacity:.78}
}
@keyframes navCloudSurge{
  0%{background-position:0% 50%,100% 50%,30% 100%;opacity:.6}
  42%{background-position:100% 10%,0% 88%,90% 15%;opacity:1}
  100%{background-position:10% 80%,100% 20%,15% 90%;opacity:.72}
}
@media(max-width:800px){
  html body .float-nav{width:calc(100vw - 24px)!important;height:66px!important;padding:8px!important;gap:6px!important;bottom:calc(12px + env(safe-area-inset-bottom))!important}
  html body .float-nav:before{top:7px!important;bottom:7px!important;left:8px!important;width:calc((100% - 38px)/4)!important}
  html body .float-nav:after{top:7px;bottom:7px;left:8px;width:calc((100% - 38px)/4)}
  html body .float-nav[data-active="1"]:before{transform:translateX(calc(100% + 6px))!important}
  html body .float-nav[data-active="2"]:before{transform:translateX(calc(200% + 12px))!important}
  html body .float-nav[data-active="3"]:before{transform:translateX(calc(300% + 18px))!important}
  html body .float-nav[data-active="1"]:after{transform:translateX(calc(100% + 6px))}
  html body .float-nav[data-active="2"]:after{transform:translateX(calc(200% + 12px))}
  html body .float-nav[data-active="3"]:after{transform:translateX(calc(300% + 18px))}
  html body .float-nav a{font-size:10px!important;padding:0 3px!important}
  html body main{padding-bottom:calc(128px + env(safe-area-inset-bottom))!important}
}
@media(max-width:420px){
  html body .float-nav{width:calc(100vw - 18px)!important;height:62px!important;gap:4px!important;bottom:calc(9px + env(safe-area-inset-bottom))!important}
  html body .float-nav:before{left:7px!important;width:calc((100% - 32px)/4)!important}
  html body .float-nav:after{left:7px;width:calc((100% - 32px)/4)}
  html body .float-nav[data-active="1"]:before{transform:translateX(calc(100% + 4px))!important}
  html body .float-nav[data-active="2"]:before{transform:translateX(calc(200% + 8px))!important}
  html body .float-nav[data-active="3"]:before{transform:translateX(calc(300% + 12px))!important}
  html body .float-nav[data-active="1"]:after{transform:translateX(calc(100% + 4px))}
  html body .float-nav[data-active="2"]:after{transform:translateX(calc(200% + 8px))}
  html body .float-nav[data-active="3"]:after{transform:translateX(calc(300% + 12px))}
}
@media(prefers-reduced-motion:reduce){html body .float-nav:before,html body .float-nav.is-moving:before{animation:none!important}}

/* Palette refinement only: brighter white/lavender canvas and clearer blue-purple identity. */
html body{
  color:#292542!important;
  background-color:#fff!important;
  background-image:radial-gradient(ellipse at 82% 0%,rgba(207,197,255,.48),transparent 34%),radial-gradient(ellipse at 7% 30%,rgba(221,237,255,.46),transparent 37%),linear-gradient(135deg,#fff 0%,#fdfcff 44%,#f2efff 100%)!important
}
html body .topbar{background:rgba(255,255,255,.9)!important;border-bottom-color:rgba(125,105,207,.12)!important;box-shadow:0 6px 25px rgba(88,70,150,.07)!important}
html body .intro-strip{background:linear-gradient(105deg,#f2efff 0%,#fff 48%,#eff5ff 100%)!important;border-color:#e8e4f5!important}
html body .dashboard-section{background:linear-gradient(180deg,#fff 0%,#f7f5ff 100%)!important}
html body .dashboard-shell,html body .login-card,html body .payment-card,html body .opportunities-panel,html body .activity-panel,html body .metric-card,html body .payment-trust{
  background:rgba(255,255,255,.96)!important;border-color:#e7e2f4!important;color:#292542!important;
  box-shadow:0 18px 48px rgba(83,67,151,.09),inset 0 1px 2px #fff!important
}
html body .footer{background:#fff!important;border-top-color:#e7e2f4!important}
html body .login-side{background:radial-gradient(circle at 78% 22%,rgba(255,255,255,.25),transparent 39%),linear-gradient(140deg,#6255b5 0%,#7868d1 58%,#9180e2 100%)!important}
html body .plan-card{background:linear-gradient(145deg,#6255b5 0%,#7868d1 58%,#9280e0 100%)!important}
html body .hero h1 em,html body .section-heading h2 em,html body .strip-stat strong{color:#7564c8!important}
html body .eyebrow,html body .section-overline,html body .strip-kicker{color:#766cae!important}
html body .quiet-link,html body .plan-mini a,html body .login-foot a{color:#6759b4!important}
html body .login-card h3,html body .payment-card h3,html body .panel-heading h4,html body .opportunity-main strong,html body .activity-item strong,html body .metric-card>strong{color:#2a2745!important}
html body .login-card label,html body .field-label,html body .hero-lede,html body .section-heading>p{color:#696681!important}
html body .float-nav{
  background:rgba(255,255,255,.88)!important;
  border-color:rgba(255,255,255,.98)!important;
  box-shadow:0 16px 40px rgba(77,62,144,.16),inset 0 2px 5px #fff!important
}
html body .float-nav:before{
  background-color:#8170d1!important;
  background-image:
    radial-gradient(ellipse at 18% 32%,rgba(255,255,255,1) 0,rgba(255,255,255,.7) 12%,transparent 35%),
    radial-gradient(ellipse at 84% 72%,rgba(112,91,204,.98) 0,transparent 44%),
    radial-gradient(ellipse at 48% 54%,rgba(195,184,255,.98) 0,transparent 48%),
    linear-gradient(120deg,#eeeaff,#b5a6f3 48%,#7463ca 100%)!important;
  box-shadow:inset 0 4px 8px #fff,inset 0 -9px 15px rgba(70,53,150,.31),0 10px 21px rgba(84,66,161,.28)!important
}
html body .float-nav:after{
  background-image:
    radial-gradient(ellipse at 18% 50%,rgba(255,255,255,.98) 0,transparent 42%),
    radial-gradient(ellipse at 82% 33%,rgba(203,192,255,.98) 0,transparent 43%),
    radial-gradient(ellipse at 50% 86%,rgba(113,92,207,.94) 0,transparent 50%)!important;
  opacity:.98!important;filter:blur(6px)!important
}
html body .float-nav a,html body .float-nav a.active,html body .float-nav a.active[href="#dashboard"]{color:#5a4d9f!important}
html body .float-nav a:hover{color:#40347e!important}
html body .button,html body button:not(.lang-btn),html body .text-link,html body .quiet-link,html body .plan-mini a,
html body .login-foot a,html body .register-button,html body .login-button,html body .plan-select,html body .confirm-button,
html body .dashboard-action,html body .owner-action,html body .owner-panel button,html body .owner-panel a,
html body [data-panel="owner"] button,html body [data-panel="owner"] a{
  color:#584b9e!important;border-color:rgba(130,111,209,.42)!important;
  background:radial-gradient(ellipse at 25% 7%,rgba(255,255,255,.98) 0,rgba(240,236,255,.95) 18%,rgba(202,192,246,.88) 52%,rgba(132,114,209,.88) 100%)!important;
  box-shadow:inset 0 4px 8px rgba(255,255,255,.98),inset 0 -10px 16px rgba(74,58,151,.23),0 11px 24px rgba(85,68,160,.18),0 2px 4px #fff!important
}
html body .button:hover,html body button:not(.lang-btn):hover,html body .text-link:hover,html body .quiet-link:hover,
html body .plan-mini a:hover,html body .login-foot a:hover,html body .plan-select:hover,html body .confirm-button:hover,
html body .dashboard-action:hover,html body .owner-action:hover,html body .owner-panel button:hover,html body .owner-panel a:hover{
  color:#493b91!important;border-color:rgba(111,91,199,.62)!important;
  background:radial-gradient(ellipse at 25% 7%,#fff 0,rgba(245,242,255,.98) 16%,rgba(211,202,250,.94) 48%,rgba(139,120,216,.94) 100%)!important;
  box-shadow:inset 0 5px 10px #fff,inset 0 -12px 17px rgba(69,52,148,.27),0 16px 30px rgba(98,75,185,.24),0 0 25px rgba(151,131,232,.26)!important
}
html body .lang-btn,html body .lang-btn.selected{color:#6759b2!important;border-color:#d8d1f2!important;background:radial-gradient(ellipse at 28% 6%,#fff,#f0edff 48%,#dfd8fb)!important}
html body .method-option{color:#494664!important;border-color:#ded9f0!important;background:linear-gradient(145deg,#fff,#f5f2ff)!important}
html body .method-option.selected-method{border-color:#a79be1!important;background:radial-gradient(ellipse at 28% 7%,#fff,#eeeaff 55%,#e0d9ff)!important}
html body .upload-box{color:#494664!important;border-color:#bcb2e5!important;background:radial-gradient(ellipse at 28% 7%,#fff,#f2efff 55%,#e7e0ff)!important}
@keyframes navSmokeDrift{
  0%,100%{background-position:0% 48%,100% 60%,20% 55%,0% 50%;filter:saturate(1.08)}
  33%{background-position:72% 22%,18% 72%,90% 38%,58% 70%;filter:saturate(1.34) brightness(1.05)}
  68%{background-position:28% 86%,84% 25%,38% 80%,100% 28%;filter:saturate(1.25) brightness(1.07)}
}
@keyframes navCloud{
  0%,100%{background-position:0% 50%,100% 50%,30% 100%;opacity:.85}
  35%{background-position:100% 35%,0% 70%,90% 20%;opacity:1}
  70%{background-position:34% 90%,76% 12%,12% 70%;opacity:.92}
}

/* Airy background shading: soft lavender and blue halos around a white canvas. */
html body{
  background-color:#fbfaff!important;
  background-image:
    radial-gradient(ellipse 42% 30% at 84% 6%,rgba(174,153,239,.32) 0%,rgba(201,188,249,.18) 42%,transparent 82%),
    radial-gradient(ellipse 40% 32% at 12% 29%,rgba(172,211,250,.28) 0%,rgba(213,232,255,.17) 44%,transparent 83%),
    radial-gradient(ellipse 50% 26% at 77% 57%,rgba(199,184,246,.22) 0%,rgba(225,217,253,.12) 48%,transparent 84%),
    radial-gradient(ellipse 45% 27% at 23% 88%,rgba(187,215,251,.2) 0%,rgba(229,238,255,.12) 48%,transparent 85%),
    linear-gradient(132deg,#fff 0%,#fdfcff 43%,#f7f5ff 72%,#f1edff 100%)!important;
  background-attachment:fixed!important
}
html body:before{
  content:"";position:fixed;inset:-10%;z-index:0;pointer-events:none;
  background:
    radial-gradient(ellipse at 78% 18%,rgba(129,101,203,.09),transparent 32%),
    radial-gradient(ellipse at 13% 57%,rgba(102,164,220,.08),transparent 36%),
    radial-gradient(ellipse at 62% 84%,rgba(158,139,222,.07),transparent 34%);
  filter:blur(34px);opacity:.9
}
html body main{position:relative;z-index:1}
html body .topbar{position:sticky;z-index:120}
html body .intro-strip{background:linear-gradient(105deg,rgba(241,237,255,.93),rgba(255,255,255,.96) 45%,rgba(235,243,255,.92))!important}

/* Mobile layout corrections: contain oversized artwork and preserve the full dock. */
@media(max-width:800px){
  html,html body{width:100%;max-width:100%;}
  html body .ambient{width:min(100%,650px);max-width:100%;}
  html body .ambient-a{left:auto;right:0;}
  html body .ambient-b{width:min(100%,550px);left:0;right:auto;}
  html body main,html body .page-section,html body .screen-section,
  html body .dashboard-section,html body .payments-section,
  html body .hero,html body .hero-copy,html body .hero-art,
  html body .intro-strip,html body .login-layout,html body .payment-layout,
  html body .dashboard-shell,html body .dash-content-grid,
  html body .opportunities-panel,html body .activity-panel{
    min-width:0;max-width:100%;
  }
  html body .hero{grid-template-columns:minmax(0,1fr);}
  html body .hero-art{
    width:100%;height:345px;margin:0;transform:scale(.82);
    overflow:visible;justify-self:stretch;
  }
  html body .glass-orb{width:min(292px,74vw);height:min(292px,74vw);flex:none;}
  html body .orb-core{width:45%;height:45%;left:27.5%;top:28.5%;}
  html body .orbit-one,html body .orbit-two{
    width:min(75vw,300px);max-width:100%;height:130px;
  }
  html body .orbit-two{height:160px;}
  html body .floating-card.card-top{right:0;max-width:calc(100% - 8px);}
  html body .floating-card.card-bottom{left:0;max-width:calc(100% - 8px);}
  html body .hero-actions{max-width:100%;gap:12px;}
  html body .hero-actions>*{min-width:0;max-width:100%;}
  html body .section-heading,html body .section-heading>div{min-width:0;max-width:100%;}
  html body .section-heading h2,html body .hero h1{max-width:100%;overflow-wrap:normal;}
  html body .intro-strip{grid-template-columns:minmax(0,1fr) minmax(0,1fr);}
  html body .payment-layout{grid-template-columns:minmax(0,1fr);}
  html body .login-layout{grid-template-columns:minmax(0,1fr);}
  html body .float-nav{
    left:50%!important;right:auto!important;
    width:calc(100% - 24px)!important;max-width:590px!important;
    bottom:calc(16px + env(safe-area-inset-bottom,0px))!important;
    transform:translateX(-50%)!important;
  }
  html body main{padding-bottom:calc(110px + env(safe-area-inset-bottom,0px))!important;}
  html body .footer{padding-bottom:calc(110px + env(safe-area-inset-bottom,0px))!important;}
}
@media(max-width:580px){
  html body .hero{padding:42px 7% 18px;}
  html body .hero-copy{width:100%;}
  html body .hero h1{font-size:clamp(42px,12vw,59px);letter-spacing:clamp(-3.5px,-.7vw,-2px);}
  html body .hero-art{height:330px;}
  html body .hero-actions{flex-wrap:wrap;}
  html body .hero-actions .button{padding:12px 15px;font-size:clamp(10px,2.8vw,13px);}
  html body .float-nav{gap:4px!important;padding:7px!important;}
  html body .float-nav:before,html body .float-nav:after{left:7px!important;width:calc((100% - 32px)/4)!important;}
  html body .float-nav[data-active="1"]:before,html body .float-nav[data-active="1"]:after{transform:translateX(calc(100% + 4px))!important;}
  html body .float-nav[data-active="2"]:before,html body .float-nav[data-active="2"]:after{transform:translateX(calc(200% + 8px))!important;}
  html body .float-nav[data-active="3"]:before,html body .float-nav[data-active="3"]:after{transform:translateX(calc(300% + 12px))!important;}
  html body .float-nav a{font-size:clamp(8px,2.25vw,10px)!important;letter-spacing:-.15px;padding:0 2px!important;}
  html body .opportunity-row{grid-template-columns:minmax(46px,.8fr) minmax(0,1.5fr) minmax(38px,.55fr) minmax(42px,.65fr) 12px;gap:4px;}
}
@media(max-width:360px){
  html body .float-nav{width:calc(100% - 16px)!important;}
  html body .float-nav a{font-size:8px!important;letter-spacing:-.25px;}
  html body .hero-actions{gap:8px;}
}

/* Blue Cloud identity: one shared blue-to-ice backdrop for every viewport. */
:root{
  --ink:#17345b;--soft:#3e5778;--muted:#7589a5;--blue:#2877ed;
  --line:rgba(47,111,202,.18);--paper:#eaf5ff;--white:#fff;--liquid:#347ff0;
}
html body{
  position:relative;color:#18385f!important;background-color:#347df0!important;
  background-image:linear-gradient(180deg,#286dec 0%,#347df0 38%,#eaf5ff 76%,#d9eaff 100%)!important;
  background-size:100% 100%!important;background-repeat:no-repeat!important;background-attachment:scroll!important;
}
html body:before{
  content:"";position:fixed;inset:-2%;z-index:0;pointer-events:none;
  background-image:url("blue-cloud-smoke.svg"),linear-gradient(180deg,#286dec 0%,#347df0 38%,#eaf5ff 76%,#d9eaff 100%);
  background-position:center center,center;background-size:cover,100% 100%;background-repeat:no-repeat;
  opacity:1;mix-blend-mode:normal;filter:none;will-change:transform;
  animation:blueCloudDrift 44s ease-in-out infinite alternate;
}
html body main{position:relative;z-index:1}
html body .ambient{display:none!important}
html body .topbar{
  background:rgba(245,250,255,.76)!important;border-bottom-color:rgba(55,119,202,.14)!important;
  box-shadow:0 8px 30px rgba(35,92,171,.09)!important;
}
html body .brand{color:#12345e!important}
html body .brand-light{color:#4d6c91!important}
html body .brand b{color:#1675e8!important}
html body .intro-strip,html body .dashboard-section,html body .footer{
  color:#17385f!important;border-color:rgba(43,105,187,.16)!important;
  background:linear-gradient(110deg,rgba(219,239,255,.72),rgba(248,252,255,.72) 52%,rgba(222,239,255,.78))!important;
}
html body .hero h1,html body .section-heading h2{color:#17345b!important}
html body .hero h1 em,html body .section-heading h2 em{color:#176fe0!important}
html body .hero-lede,html body .section-heading>p,html body .intro-strip p,
html body .strip-stat span,html body .hero-footnote,html body .scroll-cue{color:#365578!important}
html body .eyebrow,html body .section-overline,html body .strip-kicker{color:#2f68aa!important}
html body .strip-stat{border-left-color:rgba(38,103,186,.18)!important}
html body .strip-stat strong{color:#176fe0!important}
html body .hero .eyebrow,html body .hero .hero-lede,html body .hero .hero-footnote,
html body .hero .scroll-cue{color:#f3f9ff!important;text-shadow:0 1px 3px rgba(18,66,137,.44)}
html body .hero h1{color:#fff!important;text-shadow:0 2px 10px rgba(13,57,125,.3)}
html body .hero h1 em{color:#d7efff!important}
html body .hero .pulse{background:#e9f8ff!important;box-shadow:0 0 0 4px rgba(226,246,255,.24)!important}
html body .glass-orb{
  background-image:url("blue-cloud-smoke.svg"),radial-gradient(circle at 32% 24%,#fff 0 4%,#d8edff 13%,#8fc3fb 34%,#3f83ee 62%,#2870e5 80%,#eaf6ff 100%)!important;
  background-size:cover,100% 100%!important;background-position:center 58%,center!important;
  box-shadow:inset -25px -23px 55px rgba(16,75,164,.34),inset 15px 16px 40px rgba(255,255,255,.74),0 35px 70px rgba(35,103,189,.24)!important;
}
html body .orb-core{
  background:radial-gradient(circle at 35% 30%,#fff,#d8efff 23%,#78b9f5 60%,#3180e6)!important;
  box-shadow:inset -8px -10px 20px rgba(22,82,165,.33),inset 6px 7px 14px rgba(255,255,255,.72),0 10px 35px rgba(29,91,177,.3)!important;
}
html body .orbit{border-color:rgba(54,128,214,.27)!important}
html body .floating-card{
  color:#18385f!important;background:linear-gradient(145deg,rgba(248,252,255,.84),rgba(221,239,255,.72))!important;
  border-color:rgba(255,255,255,.88)!important;box-shadow:0 18px 42px rgba(29,77,143,.16),inset 0 1px 2px #fff!important;
}
html body .card-top strong,html body .card-bottom strong{color:#17345b!important}
html body .card-top strong span,html body .floating-card small,html body .mini-label{color:#526f91!important}
html body .login-side{background:radial-gradient(circle at 80% 25%,rgba(255,255,255,.42),transparent 39%),linear-gradient(140deg,#1769d7,#3888ed 58%,#91c8f7)!important}
html body .plan-card{background:linear-gradient(145deg,#176bdc,#3184ed 58%,#8dc7f6)!important;border-color:rgba(255,255,255,.85)!important;box-shadow:0 20px 45px rgba(24,87,164,.22)!important}
html body .plan-card>p,html body .plan-card li,html body .plan-note{color:#f5fbff!important}
html body .dashboard-shell,html body .login-card,html body .payment-card,
html body .opportunities-panel,html body .activity-panel,html body .metric-card,
html body .payment-trust,html body .register-card,html body .register-panel,
html body .market-card,html body .markets-panel,html body .market-detail,
html body .opportunity-card,html body .plans-panel,html body .owner-panel,
html body [data-theme-surface]{
  color:#17385f!important;background:linear-gradient(145deg,rgba(250,253,255,.88),rgba(228,242,255,.8))!important;
  border-color:rgba(255,255,255,.92)!important;box-shadow:0 18px 48px rgba(31,91,165,.13),inset 0 1px 2px #fff!important;
}
html body .login-card h3,html body .payment-card h3,html body .panel-heading h4,
html body .opportunity-main strong,html body .activity-item strong,
html body .metric-card>strong,html body .register-card h1,html body .register-card h2,
html body .register-card h3,html body .market-card h1,html body .market-card h2,
html body .market-card h3,html body .owner-panel h1,html body .owner-panel h2,
html body .owner-panel h3{color:#17345b!important}
html body .login-card label,html body .field-label,html body .login-foot,
html body .login-foot a,html body .payment-trust p,html body .register-card p,
html body .market-card p,html body .market-detail p,html body .opportunity-card p,
html body .owner-panel p{color:#405d80!important}
html body .login-card input,html body .code-entry,html body .code-entry input{
  color:#17385f!important;background:rgba(246,251,255,.92)!important;border-color:rgba(58,119,191,.24)!important;
}
html body .login-card input::placeholder,html body .code-entry input::placeholder{color:#7489a5!important}
html body .dash-topline,html body .opportunity-row,html body .activity-item{border-color:rgba(47,104,177,.14)!important}
html body .dash-date,html body .dash-welcome p,html body .metric-label,
html body .metric-caption,html body .opportunity-main small,html body .probability small,
html body .edge small,html body .activity-item small,html body .panel-disclaimer,
html body .activity-time{color:#526f91!important}
html body .date-pill,html body .plan-mini{background:rgba(48,119,197,.08)!important}
html body .plan-mini small{color:#567391!important}
html body .plan-mini strong{color:#1e65bd!important}
html body .avatar{color:#245f9b!important;background:linear-gradient(140deg,#f0f9ff,#b9ddfa)!important}
html body .market-icon,html body .violet-icon,html body .lock-mark,html body .secure-mark,
html body .instruction-icon,html body .upload-icon,html body .icon-blue{
  color:#176bc9!important;background:linear-gradient(145deg,#f5fbff,#cfe8ff)!important;
}
html body .hero-index,html body .hero-index span{color:#eff8ff!important}
html body .method-option,html body .upload-box{
  color:#17385f!important;border-color:rgba(66,132,204,.28)!important;
  background-image:url("blue-cloud-smoke.svg"),linear-gradient(145deg,rgba(247,252,255,.92),rgba(222,240,255,.78))!important;
  background-size:cover,190% 190%!important;background-position:center 62%,0% 50%!important;
  animation-name:blueButtonCloud!important;animation-duration:34s!important;animation-timing-function:ease-in-out!important;animation-iteration-count:infinite!important;
}
html body .method-option.selected-method{border-color:#4f9aeb!important;background-image:url("blue-cloud-smoke.svg"),linear-gradient(145deg,rgba(221,241,255,.96),rgba(151,204,250,.84))!important}
html body .instructions-box{background:rgba(66,136,204,.08)!important}
html body .instructions-box p,html body .method-details small,html body .upload-box small{color:#587493!important}
html body .float-nav{
  background:rgba(240,249,255,.72)!important;border-color:rgba(255,255,255,.9)!important;
  box-shadow:0 16px 38px rgba(28,89,163,.18),inset 0 2px 5px rgba(255,255,255,.9)!important;
}
html body .float-nav:before{
  background-color:#3b85ed!important;
  background-image:url("blue-cloud-smoke.svg"),radial-gradient(ellipse at 22% 18%,#fff 0,rgba(230,246,255,.88) 23%,transparent 45%),linear-gradient(120deg,#55a6f7,#2877e8 56%,#c4e8ff)!important;
  background-size:cover,190% 190%,190% 190%!important;background-position:center 65%,20% 30%,0% 50%!important;
  animation:blueNavSmoke 14s ease-in-out infinite!important;
}
html body .float-nav.is-moving:before{animation:blueNavSmoke 1s ease-out 1!important}
html body .float-nav:after{
  background-image:radial-gradient(ellipse at 22% 56%,rgba(255,255,255,.88) 0,transparent 38%),radial-gradient(ellipse at 78% 32%,rgba(200,235,255,.86) 0,transparent 43%),radial-gradient(ellipse at 50% 84%,rgba(64,148,238,.45) 0,transparent 48%)!important;
}
html body .float-nav a,html body .float-nav a.active,html body .float-nav a.active[href="#dashboard"]{
  color:#174b85!important;text-shadow:0 1px 2px rgba(255,255,255,.92)!important;
}
html body .float-nav a:hover{color:#0d3670!important}
html body .button,html body button:not(.lang-btn),html body input[type="button"],
html body input[type="submit"],html body [role="button"],html body .text-link,
html body .quiet-link,html body .plan-mini a,html body .login-foot a,
html body .register-button,html body .login-button,html body .plan-select,
html body .confirm-button,html body .dashboard-action,html body .owner-action,
html body .owner-panel button,html body .owner-panel a,
html body [data-panel="owner"] button,html body [data-panel="owner"] a{
  color:#fff!important;border-color:rgba(255,255,255,.66)!important;
  background-color:#2f7ce8!important;
  background-image:url("blue-cloud-smoke.svg"),linear-gradient(135deg,#58a7f6 0%,#2878e8 48%,#bfE5ff 100%)!important;
  background-size:cover,190% 190%!important;background-position:center 62%,0% 50%!important;
  background-repeat:no-repeat!important;text-shadow:0 1px 3px rgba(7,35,82,.88),0 0 6px rgba(9,46,105,.42)!important;
  -webkit-text-stroke:.22px rgba(7,35,82,.86);paint-order:stroke fill;
  animation-name:blueButtonCloud!important;animation-duration:34s!important;
  animation-timing-function:ease-in-out!important;animation-iteration-count:infinite!important;
}
html body .button:hover,html body button:not(.lang-btn):hover,html body .text-link:hover,
html body .quiet-link:hover,html body .plan-mini a:hover,html body .login-foot a:hover,
html body .register-button:hover,html body .login-button:hover,html body .plan-select:hover,
html body .confirm-button:hover,html body .dashboard-action:hover,html body .owner-action:hover,
html body .owner-panel button:hover,html body .owner-panel a:hover,
html body [data-panel="owner"] button:hover,html body [data-panel="owner"] a:hover,
html body .method-option:hover,html body .upload-box:hover{
  animation-name:liquidFloat,blueButtonCloud!important;animation-duration:1.7s,34s!important;
  animation-timing-function:ease-in-out,ease-in-out!important;animation-iteration-count:infinite,infinite!important;
}
html body .button:active,html body button:not(.lang-btn):active,html body .text-link:active,
html body .quiet-link:active,html body .plan-mini a:active,html body .login-foot a:active,
html body .register-button:active,html body .login-button:active,html body .plan-select:active,
html body .confirm-button:active,html body .dashboard-action:active,html body .owner-action:active,
html body .owner-panel button:active,html body .owner-panel a:active,
html body [data-panel="owner"] button:active,html body [data-panel="owner"] a:active{
  animation-name:liquidPress,blueButtonCloud!important;animation-duration:.28s,34s!important;
  animation-timing-function:ease-out,ease-in-out!important;animation-iteration-count:1,infinite!important;
}
html body .lang-btn,html body .lang-btn.selected{
  color:#164b86!important;border-color:rgba(255,255,255,.9)!important;
  background-color:rgba(221,240,255,.82)!important;
  background-image:url("blue-cloud-smoke.svg"),linear-gradient(145deg,#fff,#d8edff 65%,#a9d4fa)!important;
  background-size:cover,190% 190%!important;text-shadow:0 1px 2px rgba(255,255,255,.8)!important;
  animation:blueButtonCloud 34s ease-in-out infinite!important;
}
html body .lang-btn:hover{animation:liquidHover 1.9s ease-in-out infinite,blueButtonCloud 34s ease-in-out infinite!important}
html body .text-link,html body .quiet-link,html body .plan-mini a,html body .login-foot a{color:#174b85!important}
html body .button:hover,html body button:not(.lang-btn):hover,html body [role="button"]:hover{
  box-shadow:inset 0 4px 8px rgba(255,255,255,.86),inset 0 -10px 16px rgba(12,76,160,.2),0 14px 28px rgba(26,93,176,.28)!important;
}
@keyframes blueCloudDrift{
  from{transform:translate3d(-.7%,.25%,0) scale(1.02)}
  to{transform:translate3d(.7%,-.25%,0) scale(1.02)}
}
@keyframes blueButtonCloud{
  0%,100%{background-position:18% 42%,0% 48%}
  25%{background-position:62% 68%,35% 82%}
  50%{background-position:88% 38%,100% 52%}
  75%{background-position:28% 78%,58% 18%}
}
@keyframes blueNavSmoke{
  0%,100%{background-position:center 52%,12% 28%,0% 48%}
  25%{background-position:32% 70%,70% 18%,40% 80%}
  50%{background-position:center 78%,86% 72%,100% 46%}
  75%{background-position:68% 36%,22% 82%,58% 22%}
}
@media(max-width:800px){
  html body:before{inset:0;background-size:cover,100% 100%;animation-duration:52s;}
}
@media(prefers-reduced-motion:reduce){
  html body *,html body *:before,html body *:after{
    animation:none!important;transition-duration:.01ms!important;scroll-behavior:auto!important;will-change:auto!important;
  }
}

/* Live Kalshi market rows and selected-market detail panel. */
html body .market-row{width:100%;font:inherit;text-align:left;text-decoration:none;background:transparent;border-left:0;border-right:0;border-bottom:0;color:inherit;cursor:pointer;min-width:0}
html body .status-dot.blue{background:#4a8de0}
html body .market-row:hover,html body .market-row.is-selected{background:linear-gradient(90deg,rgba(128,111,218,.075),transparent)}
html body .market-row:focus-visible{outline:2px solid #8879dc;outline-offset:2px;border-radius:9px}
html body .market-row .opportunity-main{min-width:0}
html body .market-row .opportunity-main strong,html body .market-row .opportunity-main small{overflow-wrap:anywhere}
html body .market-row-prices{grid-column:2/5;color:#8c8aa4;font-size:8px;margin-top:-7px}
html body .grade-red{color:#cf5969!important}
html body .market-detail-panel{min-width:0}
html body .market-detail-state{font-size:11px;line-height:1.6;color:#85839e;padding:14px 0}
html body .market-detail-grid{display:grid;grid-template-columns:1fr 1fr;gap:0 15px;margin-top:8px}
html body .detail-pair{min-width:0;display:flex;flex-direction:column;gap:4px;padding:9px 0;border-top:1px solid rgba(83,90,130,.12)}
html body .detail-pair>span{font-size:8px;color:#8887a0}
html body .detail-pair>strong{font-size:10px;color:#393853;overflow-wrap:anywhere;line-height:1.45}
html body .detail-orderbook{grid-column:1/-1}
html body .detail-classification-note,html body .detail-warning{font-size:9px;line-height:1.55;color:#777690;margin:10px 0}
html body .detail-warning{color:#b35c43}
html body .market-detail-updated{display:block;color:#9290a8;font-size:8px;margin-top:10px}
html body .activity-panel.market-detail-panel{display:block}
html body [data-market-state][hidden],html body [data-market-detail][hidden],html body [data-market-detail-state][hidden]{display:none!important}
html body [data-refresh-markets].is-loading{opacity:.6;pointer-events:none}
@media(max-width:800px){html body .activity-panel.market-detail-panel{display:block!important}}
@media(max-width:580px){
  html body .market-detail-grid{grid-template-columns:1fr 1fr;gap:0 10px}
  html body .market-row-prices{font-size:7px}
  html body .market-grade{font-size:7px;line-height:1.2}
  html body .detail-pair>strong{font-size:9px}
}

#markets{scroll-margin:100px 0 125px}.opportunities-section{scroll-margin-top:82px}.opportunity-results-panel{max-width:1120px;margin:0 auto}.analyzed-opportunity-row{width:100%;font:inherit;text-align:left;text-decoration:none;background:transparent;border-left:0;border-right:0;border-bottom:0;color:inherit;cursor:pointer;min-width:0}.analyzed-opportunity-row:hover{background:linear-gradient(90deg,rgba(128,111,218,.075),transparent)}

/* Layout only: keep the fixed dock off copy. Do not restyle buttons, smoke, or colors. */
html{scroll-padding-bottom:130px}
html body .float-nav{overflow:visible!important}
html body .payments-section{
  padding-bottom:calc(140px + env(safe-area-inset-bottom,0px))!important;
  box-sizing:border-box;
}
html body .payment-form-status{margin:13px 0 0;padding:11px 13px;border:1px solid transparent;border-radius:13px;font-size:11px;line-height:1.55}
html body .payment-form-status.is-error{color:#9b3345;background:#fff0f2;border-color:#f1c6ce}
html body .payment-form-status.is-ready{color:#245b87;background:#edf7ff;border-color:#c8e2f6}
@media(max-width:800px){html body .payments-section{padding-bottom:calc(200px + env(safe-area-inset-bottom,0px))!important}}

/* Stage 1 Firebase access state. Keep the existing visual language intact. */
html body [hidden]{display:none!important}
html body .auth-mode-toggle.button{margin:10px 0 0;cursor:pointer}
html body .login-card{padding-bottom:28px}
html body .client-code-display{margin:10px 0;font:600 20px/1.2 inherit;letter-spacing:.18em}
html body .auth-status,html body .access-notice{margin:13px 0 0;padding:11px 13px;border:1px solid rgba(67,124,193,.2);border-radius:13px;color:#245b87;background:rgba(237,247,255,.9);font-size:11px;line-height:1.55}
html body .auth-status.is-error{color:#9b3345;background:#fff0f2;border-color:#f1c6ce}
html body .access-notice{max-width:1120px;margin:0 auto 22px}
html body .login-card [type="submit"]:disabled{opacity:.65;cursor:wait}
html body .float-nav[data-nav-count="2"]:before,html body .float-nav[data-nav-count="2"]:after{width:calc((100% - 27px)/2)!important}
html body .float-nav[data-nav-count="3"]:before,html body .float-nav[data-nav-count="3"]:after{width:calc((100% - 45px)/3)!important}
html body .float-nav[data-nav-count="2"][data-nav-index="0"]:before,html body .float-nav[data-nav-count="2"][data-nav-index="0"]:after,
html body .float-nav[data-nav-count="3"][data-nav-index="0"]:before,html body .float-nav[data-nav-count="3"][data-nav-index="0"]:after{transform:translateX(0)!important}
html body .float-nav[data-nav-count="2"][data-nav-index="1"]:before,html body .float-nav[data-nav-count="2"][data-nav-index="1"]:after,
html body .float-nav[data-nav-count="3"][data-nav-index="1"]:before,html body .float-nav[data-nav-count="3"][data-nav-index="1"]:after{transform:translateX(calc(100% + 9px))!important}
html body .float-nav[data-nav-count="3"][data-nav-index="2"]:before,html body .float-nav[data-nav-count="3"][data-nav-index="2"]:after{transform:translateX(calc(200% + 18px))!important}
html body .float-nav[data-nav-count="4"]:before,html body .float-nav[data-nav-count="4"]:after{width:calc((100% - 45px)/4)!important}
html body .float-nav[data-nav-count="5"]:before,html body .float-nav[data-nav-count="5"]:after{width:calc((100% - 45px)/5)!important}
html body .float-nav[data-nav-count="4"][data-nav-index="0"]:before,html body .float-nav[data-nav-count="4"][data-nav-index="0"]:after,
html body .float-nav[data-nav-count="5"][data-nav-index="0"]:before,html body .float-nav[data-nav-count="5"][data-nav-index="0"]:after{transform:translateX(0)!important}
html body .float-nav[data-nav-count="4"][data-nav-index="1"]:before,html body .float-nav[data-nav-count="4"][data-nav-index="1"]:after,
html body .float-nav[data-nav-count="5"][data-nav-index="1"]:before,html body .float-nav[data-nav-count="5"][data-nav-index="1"]:after{transform:translateX(calc(100% + 9px))!important}
html body .float-nav[data-nav-count="4"][data-nav-index="2"]:before,html body .float-nav[data-nav-count="4"][data-nav-index="2"]:after,
html body .float-nav[data-nav-count="5"][data-nav-index="2"]:before,html body .float-nav[data-nav-count="5"][data-nav-index="2"]:after{transform:translateX(calc(200% + 18px))!important}
html body .float-nav[data-nav-count="4"][data-nav-index="3"]:before,html body .float-nav[data-nav-count="4"][data-nav-index="3"]:after,
html body .float-nav[data-nav-count="5"][data-nav-index="3"]:before,html body .float-nav[data-nav-count="5"][data-nav-index="3"]:after{transform:translateX(calc(300% + 27px))!important}
html body .float-nav[data-nav-count="5"][data-nav-index="4"]:before,html body .float-nav[data-nav-count="5"][data-nav-index="4"]:after{transform:translateX(calc(400% + 36px))!important}
html body .owner-section{scroll-margin-top:82px}
html body .owner-panel{max-width:1120px;margin:0 auto;padding:22px;border-radius:28px}
html body .owner-search-row{display:flex;gap:10px;align-items:center;margin:0 0 18px}
html body .owner-search-row input{flex:1;min-width:0}
html body .owner-grid{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.1fr);gap:18px}
html body .owner-user-row,html body .owner-proof-row{width:100%;text-align:left;margin:0 0 8px}
html body .owner-proof-row{display:flex;justify-content:space-between;gap:12px;align-items:center;padding:12px 0;border-bottom:1px solid rgba(67,124,193,.12)}
html body .owner-proof-row small,html body .owner-user-row small{display:block;opacity:.75}
html body .owner-actions{display:flex;flex-wrap:wrap;gap:8px;margin:14px 0}
html body .owner-audit{margin:12px 0 0;padding:0;list-style:none;font-size:11px;line-height:1.5}
html body .owner-audit li{margin:0 0 6px}
html body [data-session-status]{margin-top:12px}
html body .float-nav[data-access="loading"]{opacity:.72}
@media(max-width:800px){
  html body .top-actions [data-auth-header-action]{display:inline-flex!important;padding:9px 12px!important;font-size:10px!important;white-space:nowrap}
  html body .float-nav[data-nav-count="2"]{width:min(94vw,380px)!important}
  html body .float-nav[data-nav-count="3"]{width:min(94vw,500px)!important}
  html body .float-nav[data-nav-count="4"]{width:min(96vw,620px)!important}
  html body .float-nav[data-nav-count="5"]{width:min(98vw,720px)!important}
  html body .owner-grid{grid-template-columns:1fr}
  html body .owner-proof-row{flex-direction:column;align-items:flex-start}
}

html body{
  --dock-clear:calc(140px + env(safe-area-inset-bottom,0px));
}
html body .hero.page-section{
  min-height:calc(100svh - 82px - 210px);
  padding-bottom:24px;
  box-sizing:border-box;
}
html body .intro-strip{
  padding-bottom:var(--dock-clear)!important;
}
html body .screen-section{
  min-height:calc(100svh - 82px);
  padding-bottom:var(--dock-clear)!important;
  box-sizing:border-box;
}
html body .footer{
  padding-bottom:var(--dock-clear)!important;
}

/* Guest Inicio/Planes: bubble fills the active tab and keeps the blue cloud drifting. */
html body .float-nav{overflow:visible!important}
html body .float-nav[data-access="guest"]:before,
html body .float-nav[data-access="guest"]:after,
html body .float-nav[data-nav-count="2"]:before,
html body .float-nav[data-nav-count="2"]:after{
  width:calc((100% - 27px)/2)!important;
}
html body .float-nav[data-access="guest"][data-active="1"]:before,
html body .float-nav[data-access="guest"][data-active="1"]:after,
html body .float-nav[data-nav-count="2"][data-active="1"]:before,
html body .float-nav[data-nav-count="2"][data-active="1"]:after,
html body .float-nav[data-nav-count="2"][data-nav-index="1"]:before,
html body .float-nav[data-nav-count="2"][data-nav-index="1"]:after,
html body:has(#payments:target) .float-nav[data-access="guest"]:before,
html body:has(#payments:target) .float-nav[data-access="guest"]:after,
html body:has(#payments:target) .float-nav[data-nav-count="2"]:before,
html body:has(#payments:target) .float-nav[data-nav-count="2"]:after{
  transform:translateX(calc(100% + 9px))!important;
}
html body:has(#home:target) .float-nav[data-access="guest"]:before,
html body:has(#home:target) .float-nav[data-access="guest"]:after,
html body:has(#home:target) .float-nav[data-nav-count="2"]:before,
html body:has(#home:target) .float-nav[data-nav-count="2"]:after{
  transform:translateX(0)!important;
}
/* ChatGPT-style talking orb: morphing white/sky blobs, capsule stays still. */
html body .float-nav:before,
html body .float-nav:after{
  opacity:0!important;
  background:none!important;
  background-image:none!important;
  box-shadow:none!important;
  animation:none!important;
  border:0!important;
}
html body .float-nav.is-moving:before,
html body .float-nav.is-moving:after{animation:none!important}
html body .float-nav a:hover{
  color:#123A86!important;background:transparent!important;box-shadow:none!important;animation:none!important;transform:none!important;
}
html body .float-nav a.active,html body .float-nav a.active[href="#dashboard"]{
  color:#123A86!important;background:transparent!important;box-shadow:none!important;animation:none!important;
}

html body .nav-orb{
  position:absolute;z-index:0;top:8px;bottom:8px;
  left:var(--nav-orb-left, 8px);
  width:var(--nav-orb-width, 24%);
  border-radius:999px;overflow:hidden;pointer-events:none;
  background:#7EB6FF;
  box-shadow:inset 0 2px 8px #fff,0 8px 18px rgba(126,182,255,.35);
  transform:none;
  translate:0;
  transition:left .35s cubic-bezier(.18,.92,.24,1.16),width .35s cubic-bezier(.18,.92,.24,1.16);
  isolation:isolate;
}
html body .float-nav[data-nav-count] .nav-orb,
html body .float-nav[data-access] .nav-orb,
html body .float-nav[data-nav-index] .nav-orb,
html body .float-nav[data-active] .nav-orb,
html body:has(#home:target) .float-nav[data-access="guest"] .nav-orb,
html body:has(#home:target) .float-nav[data-nav-count="2"] .nav-orb,
html body:has(#payments:target) .float-nav[data-access="guest"] .nav-orb,
html body:has(#payments:target) .float-nav[data-nav-count="2"] .nav-orb{
  left:var(--nav-orb-left, 8px)!important;
  width:var(--nav-orb-width, 24%)!important;
  transform:none!important;
  translate:0!important;
  transition:left .35s cubic-bezier(.18,.92,.24,1.16),width .35s cubic-bezier(.18,.92,.24,1.16)!important;
}

html body .button,html body .text-link,html body .quiet-link,html body .plan-mini a,
html body .register-button,html body .login-button,html body .plan-select,
html body .confirm-button,html body .dashboard-action,html body .owner-action,
html body .button-glass,html body .lang-btn{
  position:relative!important;
  overflow:hidden!important;
  isolation:isolate;
  touch-action:manipulation;
  -webkit-tap-highlight-color:transparent;
  color:#123A86!important;
  -webkit-text-stroke:0!important;
  text-shadow:0 1px 0 #fff,0 0 10px rgba(255,255,255,.85)!important;
  background:#4A8DFF!important;
  background-image:none!important;
  box-shadow:inset 0 2px 6px #fff,0 10px 22px rgba(74,141,255,.32)!important;
  animation:none!important;
  filter:none!important;
  transform:none!important;
}
html body .button:hover,html body .text-link:hover,html body .quiet-link:hover,
html body .plan-mini a:hover,html body .register-button:hover,html body .login-button:hover,
html body .plan-select:hover,html body .confirm-button:hover,html body .dashboard-action:hover,
html body .owner-action:hover,html body .button-glass:hover,html body .lang-btn:hover{
  color:#123A86!important;
  background:#4A8DFF!important;
  background-image:none!important;
  box-shadow:inset 0 3px 8px #fff,0 12px 26px rgba(74,141,255,.4),0 0 18px rgba(255,255,255,.55)!important;
  animation:none!important;
  filter:none!important;
  transform:none!important;
}
html body .button:before,html body .button:after,
html body .text-link:before,html body .text-link:after,
html body .quiet-link:before,html body .quiet-link:after,
html body .plan-mini a:before,html body .plan-mini a:after,
html body .button-glass:before,html body .button-glass:after,
html body .lang-btn:before,html body .lang-btn:after{content:none!important;display:none!important;animation:none!important}

html body .orb-smoke{
  position:absolute;inset:0;z-index:0;overflow:hidden;pointer-events:none;border-radius:inherit;
  background:#7EB6FF;
}
html body .orb-label{
  position:relative;z-index:2;display:inline-flex;align-items:center;justify-content:center;gap:inherit;
  width:100%;pointer-events:none;color:inherit;text-shadow:inherit;
}
html body .orb-smoke,html body .nav-orb{background:#4A8DFF!important}
html body .orb-flow{
  position:absolute;inset:-45%;
  filter:none;
}
html body .orb-flow i{
  position:absolute;display:block;border-radius:46% 54% 48% 52%/52% 46% 54% 48%;
  pointer-events:none;mix-blend-mode:normal;filter:blur(12px);
  animation:none!important;will-change:transform,border-radius;
}
html body .orb-flow i:nth-child(1){
  width:92%;height:125%;left:-18%;top:-28%;
  background:radial-gradient(circle at 42% 40%,#fff 0 52%,#F4F8FF 64%,rgba(255,255,255,0) 78%);
}
html body .orb-flow i:nth-child(2){
  width:88%;height:118%;right:-22%;top:6%;
  background:radial-gradient(circle at 58% 48%,#fff 0 48%,#F4F8FF 62%,rgba(255,255,255,0) 76%);
}
html body .orb-flow i:nth-child(3){
  width:80%;height:110%;left:10%;bottom:-24%;
  background:radial-gradient(circle at 50% 50%,#C5D9FF 0 46%,#D7E6FF 62%,rgba(197,217,255,0) 76%);
}
html body .orb-flow i:nth-child(4){
  width:70%;height:95%;left:-8%;top:18%;
  background:radial-gradient(circle at 50% 50%,#4A8DFF 0 42%,#6AA6FF 60%,rgba(74,141,255,0) 74%);
}
html body .orb-flow i:nth-child(5){
  width:55%;height:70%;left:28%;top:-6%;
  background:radial-gradient(circle at 50% 50%,#fff 0 40%,#F4F8FF 58%,rgba(255,255,255,0) 72%);
}

@keyframes smokeA{
  0%,100%{transform:translate3d(-16%,-12%,0) scale(1.08);border-radius:42% 58% 46% 54%/50% 44% 56% 50%}
  20%{transform:translate3d(18%,8%,0) scale(1.16);border-radius:58% 42% 54% 46%/44% 56% 44% 56%}
  40%{transform:translate3d(6%,22%,0) scale(.96);border-radius:46% 54% 40% 60%/56% 42% 58% 44%}
  60%{transform:translate3d(-20%,10%,0) scale(1.14);border-radius:54% 46% 58% 42%/42% 58% 42% 58%}
  80%{transform:translate3d(12%,-18%,0) scale(1.05);border-radius:40% 60% 48% 52%/58% 40% 60% 42%}
}
@keyframes smokeB{
  0%,100%{transform:translate3d(14%,-10%,0) scale(1.1);border-radius:50% 50% 42% 58%/46% 54% 46% 54%}
  25%{transform:translate3d(-18%,14%,0) scale(.94);border-radius:38% 62% 56% 44%/60% 40% 60% 40%}
  50%{transform:translate3d(8%,20%,0) scale(1.18);border-radius:62% 38% 44% 56%/40% 60% 40% 60%}
  75%{transform:translate3d(-12%,-16%,0) scale(1.04);border-radius:44% 56% 52% 48%/54% 46% 54% 46%}
}
@keyframes smokeC{
  0%,100%{transform:translate3d(-10%,16%,0) scale(1.06);border-radius:48% 52% 60% 40%/52% 44% 56% 48%}
  33%{transform:translate3d(20%,-14%,0) scale(1.15);border-radius:60% 40% 36% 64%/40% 60% 40% 60%}
  66%{transform:translate3d(-16%,6%,0) scale(.95);border-radius:40% 60% 54% 46%/58% 38% 62% 42%}
}
@keyframes smokeD{
  0%,100%{transform:translate3d(10%,8%,0) scale(1.08);border-radius:54% 46% 50% 50%/44% 56% 44% 56%}
  50%{transform:translate3d(-18%,-14%,0) scale(1.16);border-radius:36% 64% 48% 52%/58% 42% 58% 42%}
}
@keyframes smokeE{
  0%,100%{transform:translate3d(0,-8%,0) scale(1.04)}
  30%{transform:translate3d(16%,12%,0) scale(1.2)}
  65%{transform:translate3d(-14%,10%,0) scale(.9)}
}
@media(max-width:800px){
  html body .nav-orb{top:7px;bottom:7px;left:var(--nav-orb-left, 8px)!important}
}
@media(max-width:420px){
  html body .nav-orb{top:5px;bottom:5px;left:var(--nav-orb-left, 6px)!important}
}

/* No black: sky photo colors only. */
html,html body{
  background-color:#5B9BFF!important;
  background-image:linear-gradient(180deg,#4A8DFF 0%,#5B9BFF 38%,#C5D9FF 68%,#F4F8FF 100%)!important;
}
html body:before{
  background:#5B9BFF!important;
  background-image:linear-gradient(180deg,#4A8DFF 0%,#5B9BFF 38%,#C5D9FF 68%,#F4F8FF 100%)!important;
  filter:none!important;opacity:1!important;mix-blend-mode:normal!important;
}
html body .topbar,html body .intro-strip,html body .dashboard-section,html body .footer{
  background:#EAF3FF!important;background-image:none!important;
}
html body .float-nav{
  background:#F7FBFF!important;border-color:#fff!important;
  box-shadow:0 14px 32px rgba(91,155,255,.22),inset 0 2px 5px #fff!important;
}
html body .glass-orb{
  background:radial-gradient(circle at 32% 24%,#fff 0 8%,#E8F1FF 22%,#7EB6FF 58%,#5B9BFF 100%)!important;
  background-image:none!important;
}
html body .floating-card{
  background:#F7FBFF!important;color:#123A86!important;
}
.workspace-grid{display:grid;grid-template-columns:1.2fr .8fr;gap:16px;margin:18px 0 22px}
.workspace-card,.notice-card{padding:16px 18px;border:1px solid #e8e3f3;border-radius:18px;background:rgba(255,255,255,.94)}
.notice-row{display:grid;gap:10px;margin:12px 0}
.notice-card.warn{border-color:#f0c48a}
.search-form,.filter-row,.market-actions,.quota-list{display:grid;gap:10px}
.search-form{grid-template-columns:1fr 180px auto auto}
.filter-row{grid-template-columns:repeat(auto-fit,minmax(140px,1fr));margin-top:10px}
.search-form input,.search-form select,.filter-row input{width:100%;border:1px solid #d9e2f0;border-radius:12px;padding:10px 12px;background:#fff}
.help-btn{width:28px;height:28px;border-radius:50%;border:1px solid #d7e3f4;background:#fff;color:#3a6fb8;font-weight:700;cursor:pointer}
.help-copy{font-size:12px;color:#6d7890;line-height:1.5;margin:8px 0 0}
.quota-row,.market-actions{display:flex;justify-content:space-between;gap:8px;align-items:center}
.quota-row{font-size:12px;padding:6px 0;border-bottom:1px solid #edf1f6}
.plan-column-multi{display:grid;gap:16px}
.market-actions{flex-wrap:wrap;margin:12px 0}
html body .workspace-card,html body .notice-card{background:rgba(255,255,255,.94)!important;color:#292844!important}
@media(max-width:900px){
  .workspace-grid,.search-form,.filter-row{grid-template-columns:1fr}
  .float-nav a{padding:10px 10px}
}

/* Glass result cards: never inherit the liquid-drop button silhouette. */
.result-list{display:grid;gap:10px;margin-top:12px}
.search-status{margin:8px 0 0;color:#123A86;font-weight:700}
html body .result-card,
html body a.result-card,
html body button.result-card,
html body article.result-card,
html body .owner-panel button.result-card,
html body [data-panel="owner"] button.result-card,
html body .result-card:hover,
html body .result-card:active,
html body button.result-card:hover,
html body [data-panel="owner"] button.result-card:hover{
  position:relative;isolation:auto;overflow:hidden;display:grid;
  grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:8px 14px;
  width:100%;margin:0;padding:14px 16px!important;min-height:0!important;min-width:0!important;
  border:1px solid rgba(255,255,255,.92)!important;border-radius:20px!important;
  color:#173A78!important;text-align:left;text-decoration:none;font:inherit;cursor:pointer;
  text-shadow:none!important;-webkit-text-stroke:0!important;
  background:#fff!important;background-color:rgba(255,255,255,.94)!important;background-image:none!important;
  box-shadow:0 10px 28px rgba(37,92,168,.12),inset 0 1px 0 #fff!important;
  backdrop-filter:blur(16px) saturate(140%);
  animation:none!important;filter:none!important;transform:none!important;
}
html body .result-card:before,
html body .result-card:after,
html body button.result-card:before,
html body button.result-card:after,
html body a.result-card:before,
html body a.result-card:after,
html body [data-panel="owner"] button.result-card:before,
html body [data-panel="owner"] button.result-card:after{content:none!important;display:none!important;animation:none!important}
html body .result-card:hover,
html body a.result-card:hover,
html body button.result-card:hover,
html body [data-panel="owner"] button.result-card:hover{
  transform:translateY(-2px)!important;
  border-color:rgba(74,141,255,.38)!important;
  box-shadow:0 16px 32px rgba(37,92,168,.16),inset 0 1px 0 #fff!important;
  background:linear-gradient(180deg,#fff,rgba(236,245,255,.94))!important;
  background-image:none!important;animation:none!important
}
html body .result-card.is-selected{
  border-color:rgba(74,141,255,.5)!important;
  box-shadow:0 16px 32px rgba(37,92,168,.18),inset 0 0 0 1px rgba(74,141,255,.22)!important
}
.result-copy{min-width:0;display:grid;gap:3px}
.result-copy strong,.result-card .opportunity-main strong{color:#123A86;font-size:14px;line-height:1.3;font-weight:700}
.result-copy small,.result-card .opportunity-main small{color:#6d7f9c;font-size:11px;line-height:1.35}
.result-metric,.result-card .probability,.result-card .edge{display:grid;justify-items:end;gap:2px;min-width:64px}
.result-metric small,.result-card .probability small,.result-card .edge small{color:#7a8aa3;font-size:10px;letter-spacing:.04em;text-transform:uppercase}
.result-metric strong,.result-card .probability strong{color:#1c4fa0;font-size:16px;font-weight:700}
.result-card .edge strong{color:#1c8a62;font-size:13px}
.result-card-compact{padding:11px 14px!important}
html body .result-card:has(> .dashboard-action),
html body .result-card.owner-proof-row{grid-template-columns:minmax(0,1.3fr) auto auto auto}
html body .workspace-card .result-card:has(> .dashboard-action){grid-template-columns:minmax(0,1fr) auto auto}
html body .workspace-card .result-card:has(> .dashboard-action) .result-copy{grid-column:1/-1}
html body .result-card.market-row,
html body .result-card.analyzed-opportunity-row{
  grid-template-columns:78px minmax(0,1.5fr) minmax(70px,.5fr) minmax(70px,.5fr) 22px
}
html body .result-card .market-row-prices{grid-column:1/-1;color:#6d7f9c;font-size:11px}
html body .result-card .opportunity-grade{display:grid;gap:2px;font-size:10px;letter-spacing:.04em;text-transform:uppercase;color:#5d7190}
html body .result-card .row-arrow{
  width:22px!important;height:22px!important;min-width:22px!important;min-height:22px!important;padding:0!important;
  border-radius:50%!important;background:rgba(74,141,255,.12)!important;background-image:none!important;
  color:#1c4fa0!important;box-shadow:none!important;animation:none!important;text-shadow:none!important
}

html body .search-form input,
html body .search-form select,
html body .filter-row input,
html body .owner-search-row input,
html body .owner-panel input:not([type="button"]):not([type="submit"]){
  min-height:42px!important;border:1px solid #d5e4f6!important;border-radius:14px!important;
  background:#fff!important;background-image:none!important;color:#173A78!important;
  box-shadow:inset 0 1px 2px #fff,0 6px 14px rgba(47,104,177,.08)!important;
  animation:none!important;text-shadow:none!important;-webkit-text-stroke:0!important
}

html body button.help-btn,
html body .help-btn{
  width:28px!important;height:28px!important;min-width:28px!important;min-height:28px!important;padding:0!important;
  border-radius:50%!important;border:1px solid #cfe0f5!important;
  background:#fff!important;background-image:none!important;color:#2f6dbe!important;
  box-shadow:0 6px 14px rgba(47,104,177,.12)!important;animation:none!important;
  text-shadow:none!important;-webkit-text-stroke:0!important;font-weight:700
}
html body button.help-btn:before,html body button.help-btn:after,html body .help-btn:before,html body .help-btn:after{content:none!important;display:none!important}

html body .search-form .dashboard-action,
html body .market-actions .dashboard-action,
html body .panel-heading .dashboard-action,
html body .owner-action,
html body .owner-actions .owner-action,
html body .button-small.dashboard-action,
html body .button-small.owner-action{
  min-height:42px!important;height:42px!important;width:auto!important;padding:0 18px!important;
  border-radius:999px!important;font-size:13px!important;font-weight:700!important;
  justify-self:start
}
html body .market-actions{display:flex;flex-wrap:wrap;gap:8px;justify-content:flex-start}
html body .owner-actions{display:flex;flex-wrap:wrap;gap:8px}
html body .owner-user-card{
  padding:16px 18px;border:1px solid rgba(255,255,255,.92);border-radius:20px;
  background:rgba(255,255,255,.94);box-shadow:0 10px 28px rgba(37,92,168,.12)
}
@media(max-width:900px){
  html body .result-card,
  html body .result-card:has(> .dashboard-action),
  html body .result-card.owner-proof-row,
  html body .result-card.market-row,
  html body .result-card.analyzed-opportunity-row{grid-template-columns:1fr auto}
  html body .result-card .probability,html body .result-card .edge,html body .result-metric{justify-items:end}
  html body .result-card .opportunity-grade{grid-column:1/-1}
  html body .search-form .dashboard-action,html body .market-actions .dashboard-action{width:100%!important;justify-self:stretch}
}

html body .dash-welcome{display:flex;align-items:flex-start;justify-content:space-between;gap:16px;flex-wrap:wrap}
.dash-welcome-actions{display:flex;flex-wrap:wrap;gap:8px;align-items:center;margin-left:auto}
html body .guide-sheet .dashboard-action{min-height:42px!important;height:42px!important;width:auto!important}
.guide-hint{margin:10px 0 0;color:#5d7190;font-size:12px;line-height:1.55}
.filter-field{display:grid;gap:5px;font-size:11px;color:#5d7190}
.filter-field span{font-weight:700;letter-spacing:.04em;text-transform:uppercase}
.howto-strip{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;margin:4px 0 18px}
.howto-card,.market-detail-state{
  padding:14px 14px 16px;border:1px solid rgba(255,255,255,.92);border-radius:20px;
  background:rgba(255,255,255,.94);box-shadow:0 10px 24px rgba(37,92,168,.1)
}
.howto-card strong{display:block;margin:8px 0 4px;color:#123A86;font-size:13px}
.howto-card p,.market-detail-state p{margin:0;color:#5d7190;font-size:12px;line-height:1.5}
.howto-art{display:flex;align-items:center;justify-content:center;gap:8px;min-height:72px;padding:10px;border-radius:16px;background:linear-gradient(180deg,#eef5ff,#d7e8ff)}
.mock-card{display:grid;gap:6px;width:78px;padding:8px;border-radius:12px;background:#fff;box-shadow:0 6px 14px rgba(37,92,168,.12)}
.mock-card b,.mock-card i{display:block;height:7px;border-radius:99px;background:#c9dbf3}
.mock-card i{width:58%;height:5px;background:#e3edf8}
.mock-card.is-on{outline:2px solid #4A8DFF;outline-offset:1px}
.howto-art-read{flex-direction:column;gap:2px}
.mock-pct{color:#123A86;font:800 28px/1 Inter,sans-serif}
.howto-art-read small{color:#5d7190;font-size:10px;letter-spacing:.08em}
.mock-pill{width:28px;height:12px;border-radius:99px;background:#fff;box-shadow:0 4px 10px rgba(37,92,168,.12)}
.mock-pill.is-on{background:#4A8DFF}
.mock-dot{width:14px;height:14px;border-radius:50%;box-shadow:0 4px 10px rgba(37,92,168,.16)}
.mock-dot.green{background:#2fbe86}.mock-dot.orange{background:#e0a04a}.mock-dot.red{background:#e06b6b}
.mock-bar{flex:1;height:12px;border-radius:99px;background:#fff}
.mock-logo{width:22px;height:22px;border-radius:50%;background:#4A8DFF;box-shadow:0 0 0 4px #fff}
.howto-art-nav{flex-wrap:wrap}
.howto-art-nav span{padding:6px 10px;border-radius:999px;background:#fff;color:#5d7190;font-size:10px;font-weight:700}
.howto-art-nav .is-on{background:#4A8DFF;color:#fff}
.market-detail-state{display:grid;justify-items:start;gap:12px;color:#5d7190}
.action-pair{display:grid;gap:5px;justify-items:center}
.action-pair small{color:#5d7190;font-size:11px;text-align:center;line-height:1.35}
html body .action-pair .dashboard-action{justify-self:stretch}
body.guide-open{overflow:hidden}
.guide-backdrop{
  position:fixed;inset:0;z-index:200;display:grid;place-items:center;padding:18px;
  background:rgba(18,58,134,.28);backdrop-filter:blur(10px)
}
.guide-backdrop[hidden]{display:none}
.guide-sheet{
  width:min(560px,100%);max-height:calc(100vh - 36px);overflow:auto;padding:22px 22px 18px;
  border:1px solid rgba(255,255,255,.95);border-radius:28px;background:rgba(255,255,255,.96);
  box-shadow:0 24px 60px rgba(18,58,134,.22);color:#173A78
}
.guide-kicker{margin:0;color:#4A8DFF;font-size:11px;letter-spacing:.12em;font-weight:800}
.guide-progress{margin:6px 0 14px;color:#7a8aa3;font-size:12px}
.guide-sheet h3{margin:12px 0 8px;color:#123A86;font-size:24px;letter-spacing:-.03em}
.guide-sheet p{margin:0;color:#4b5f7c;font-size:15px;line-height:1.55}
.guide-art{margin-bottom:6px}
.guide-actions{display:flex;flex-wrap:wrap;gap:8px;justify-content:flex-end;margin-top:18px}
@media(max-width:900px){
  .howto-strip{grid-template-columns:1fr 1fr}
  .dash-welcome-actions{width:100%}
  html body .dash-welcome-actions .button{width:auto}
}
@media(max-width:580px){.howto-strip{grid-template-columns:1fr}}

html body .float-nav{
  overflow:hidden!important;
  width:min(96vw,720px)!important;
}
html body .float-nav[data-nav-count="5"],
html body .float-nav[data-nav-count="6"]{
  width:min(98vw,920px)!important;
}
html body .float-nav a{
  position:relative!important;
  z-index:2!important;
  flex:1 1 0!important;
  min-width:0!important;
  overflow:hidden!important;
  text-overflow:ellipsis!important;
  white-space:nowrap!important;
  pointer-events:auto!important;
  transform:none!important;
  background:transparent!important;
  box-shadow:none!important;
}
html body .float-nav a[hidden]{
  display:none!important;
  flex:0!important;
  width:0!important;
  min-width:0!important;
  padding:0!important;
  overflow:hidden!important;
  pointer-events:none!important;
}
html body .float-nav .nav-orb,
html body .float-nav[data-nav-index] .nav-orb,
html body .float-nav[data-active] .nav-orb,
html body .float-nav[data-nav-index="0"] .nav-orb,
html body .float-nav[data-nav-index="1"] .nav-orb,
html body .float-nav[data-nav-index="2"] .nav-orb,
html body .float-nav[data-nav-index="3"] .nav-orb,
html body .float-nav[data-nav-index="4"] .nav-orb,
html body .float-nav[data-nav-index="5"] .nav-orb,
html body .float-nav[data-active="0"] .nav-orb,
html body .float-nav[data-active="1"] .nav-orb,
html body .float-nav[data-active="2"] .nav-orb,
html body .float-nav[data-active="3"] .nav-orb,
html body .float-nav[data-active="4"] .nav-orb,
html body .float-nav[data-active="5"] .nav-orb{
  left:var(--nav-orb-left, 8px)!important;
  width:var(--nav-orb-width, 24%)!important;
  top:8px!important;
  bottom:8px!important;
  transform:none!important;
  pointer-events:none!important;
  transition:left .35s cubic-bezier(.18,.92,.24,1.16),width .35s cubic-bezier(.18,.92,.24,1.16)!important;
}
html body .float-nav[data-nav-count="2"] .nav-orb,
html body .float-nav[data-access="guest"] .nav-orb{
  width:var(--nav-orb-width, calc((100% - 16px)/2))!important;
}
html body .float-nav[data-nav-count="3"] .nav-orb{
  width:var(--nav-orb-width, calc((100% - 24px)/3))!important;
}
html body .float-nav[data-nav-count="4"] .nav-orb{
  width:var(--nav-orb-width, calc((100% - 32px)/4))!important;
}
html body .float-nav[data-nav-count="5"] .nav-orb{
  width:var(--nav-orb-width, calc((100% - 40px)/5))!important;
}
html body .float-nav[data-nav-count="6"] .nav-orb{
  width:var(--nav-orb-width, calc((100% - 48px)/6))!important;
}

html body .result-card .kalshi-bet-row,
html body .action-pair .kalshi-bet-row{
  grid-column:1/-1;
  display:flex;
  justify-content:flex-end;
  width:100%;
  margin-top:2px;
}
html body .kalshi-bet-btn,
html body button.kalshi-bet-btn{
  min-height:40px!important;height:40px!important;width:auto!important;
  padding:0 16px!important;border-radius:999px!important;
  font-size:12px!important;font-weight:800!important;letter-spacing:.01em;
  color:#123A86!important;text-shadow:none!important;
}
html body .action-pair .kalshi-bet-btn{width:100%!important;justify-self:stretch}
html body .kalshi-open-notice{
  position:fixed;left:50%;bottom:calc(88px + env(safe-area-inset-bottom));
  transform:translateX(-50%);z-index:80;width:min(92vw,440px);
  padding:12px 16px;border-radius:16px;text-align:center;
  border:1px solid rgba(255,255,255,.95);background:rgba(255,255,255,.96);
  color:#173A78;font-size:14px;font-weight:700;line-height:1.4;
  box-shadow:0 16px 36px rgba(18,58,134,.2)
}
html body .kalshi-open-notice[hidden]{display:none}
html body .kalshi-open-notice.is-error{color:#8b2b2b;border-color:#f3c4c4}
@media(max-width:900px){
  html body .result-card .kalshi-bet-row{justify-content:stretch}
  html body .result-card .kalshi-bet-btn{width:100%!important}
}

html body .result-card .card-actions-row{
  grid-column:1/-1;
  display:flex;
  flex-wrap:wrap;
  gap:8px;
  width:100%;
  margin-top:2px;
  align-items:stretch;
}
html body .result-card .card-actions-row .kalshi-bet-row{
  grid-column:auto;
  display:flex;
  flex:1 1 140px;
  justify-content:stretch;
  width:auto;
  margin:0;
}
html body .stats-open-btn,
html body button.stats-open-btn{
  min-height:40px!important;height:40px!important;flex:1 1 140px;width:auto!important;
  padding:0 16px!important;border-radius:999px!important;
  font-size:12px!important;font-weight:800!important;letter-spacing:.01em;
  color:#123A86!important;text-shadow:none!important
}
html body .card-actions-row .kalshi-bet-btn{flex:1 1 140px;width:100%!important}

html body .dash-content-grid{grid-template-columns:minmax(0,1fr)!important}
html body .market-detail-layer{
  display:none;
  position:fixed;
  top:0;
  right:0;
  bottom:0;
  left:0;
  width:100%;
  height:100%;
  min-height:100vh;
  min-height:100dvh;
  z-index:400;
  padding:0;
  pointer-events:none;
  overscroll-behavior:none;
  background:#EAF3FF
}
html body .market-detail-layer.is-open{
  display:block;
  pointer-events:auto;
  background:#EAF3FF!important;
  background-image:none!important
}
html body .market-detail-backdrop,
html body button.market-detail-backdrop,
html body button.market-detail-backdrop:not(.lang-btn){
  display:block!important;
  position:absolute!important;
  inset:0!important;
  width:100%!important;
  height:100%!important;
  border:0!important;
  padding:0!important;
  margin:0!important;
  cursor:pointer;
  touch-action:none;
  border-radius:0!important;
  background:#EAF3FF!important;
  background-image:none!important;
  box-shadow:none!important;
  filter:none!important;
  animation:none!important;
  transform:none!important;
  opacity:1!important;
  backdrop-filter:none!important;
  -webkit-backdrop-filter:none!important
}
html body .market-detail-backdrop:before,
html body .market-detail-backdrop:after,
html body button.market-detail-backdrop:before,
html body button.market-detail-backdrop:after,
html body button.market-detail-backdrop:not(.lang-btn):before,
html body button.market-detail-backdrop:not(.lang-btn):after{
  content:none!important;
  display:none!important;
  background:none!important
}
html body .market-detail-layer .activity-panel.market-detail-panel,
html body .market-detail-layer.is-open .activity-panel.market-detail-panel{
  display:flex!important;
  flex-direction:column;
  position:absolute;
  left:50%;
  top:50%;
  right:auto;
  bottom:auto;
  width:min(520px, calc(100vw - 48px));
  max-height:min(86vh, 760px);
  overflow:auto;
  overscroll-behavior:contain;
  -webkit-overflow-scrolling:touch;
  touch-action:pan-y;
  z-index:141;
  padding:18px 20px 20px;
  border:1px solid rgba(255,255,255,.95)!important;
  border-radius:28px!important;
  background:rgba(255,255,255,.97)!important;
  box-shadow:0 18px 48px rgba(18,58,134,.16),inset 0 1px 0 #fff!important;
  transform:translate(-50%,-50%);
  animation:sheet-in-desktop .28s cubic-bezier(.22,.9,.28,1)
}
html body .sheet-handle{
  display:none;
  width:42px;height:4px;margin:0 auto 12px;border-radius:99px;background:#c5d4ea
}
html body .market-detail-panel .panel-heading{
  display:grid;
  grid-template-columns:minmax(0,1fr) auto auto;
  align-items:center;
  gap:8px
}
html body .market-detail-panel .panel-heading > div{min-width:0}
html body .market-detail-panel .panel-heading h4{overflow-wrap:anywhere}
html body .sheet-close{
  display:inline-flex!important;
  align-self:start;
  min-height:36px!important;
  height:36px!important;
  padding:0 14px!important
}
html.market-sheet-open,html.market-sheet-open body{
  overflow:hidden!important;
  overscroll-behavior:none;
  background:#EAF3FF!important;
  background-image:none!important
}
html.market-sheet-open body:before,
html.market-sheet-open body:after{
  content:none!important;
  display:none!important;
  background:none!important;
  background-image:none!important;
  opacity:0!important;
  animation:none!important;
  visibility:hidden!important
}
html.market-sheet-open .glass-orb,
html.market-sheet-open .hero-art,
html.market-sheet-open .orbit,
html.market-sheet-open .ambient,
html.market-sheet-open .floating-card{
  display:none!important;
  animation:none!important;
  visibility:hidden!important
}
body.market-sheet-open{
  position:fixed!important;
  left:0;right:0;width:100%;
  overscroll-behavior:none
}
@keyframes sheet-in-desktop{
  from{opacity:0;transform:translate(-50%,calc(-50% + 10px)) scale(.985)}
  to{opacity:1;transform:translate(-50%,-50%) scale(1)}
}
@keyframes sheet-in-mobile{
  from{opacity:0;transform:translateY(22px)}
  to{opacity:1;transform:translateY(var(--sheet-drag, 0px))}
}
@media(max-width:800px){
  html body .market-detail-layer.is-open .activity-panel.market-detail-panel{
    left:12px;
    right:12px;
    top:auto;
    bottom:calc(18px + env(safe-area-inset-bottom, 0px));
    width:auto;
    max-height:min(72vh, calc(100dvh - 36px - env(safe-area-inset-bottom, 0px)));
    padding:10px 16px 16px;
    border-radius:24px!important;
    background:rgba(255,255,255,.97)!important;
    box-shadow:0 12px 32px rgba(18,58,134,.14),inset 0 1px 0 #fff!important;
    transform:translateY(var(--sheet-drag, 0px));
    animation:sheet-in-mobile .26s cubic-bezier(.22,.9,.28,1)
  }
  html body .sheet-handle{display:block}
}

html body .button,html body .button-glass,html body .button-primary,html body .lang-btn,html body .dashboard-action,html body .owner-action{
  font-family:Inter,ui-sans-serif,system-ui,-apple-system,"Segoe UI",sans-serif!important;
  font-weight:700!important;
  letter-spacing:.01em;
  line-height:1.2;
  text-shadow:none!important
}
html body .button-primary,html body .button-primary .orb-label{
  color:#fff!important
}
html body .button-glass,html body .lang-btn,html body .button-glass .orb-label,html body .lang-btn .orb-label{
  color:#123A86!important
}
html body .button:hover,html body .button-glass:hover,html body .lang-btn:hover{
  filter:none;
  transform:translateY(-1px)
}
html body .button:disabled,html body .dashboard-action:disabled,html body .owner-action:disabled{
  opacity:.45!important;
  cursor:not-allowed;
  transform:none!important;
  filter:none!important
}
html body .credit-chip{
  display:inline-flex;align-items:center;margin-left:6px;padding:3px 8px;
  border-radius:999px;font-size:10px!important;font-weight:800!important;
  letter-spacing:.02em;line-height:1.2;white-space:nowrap
}
html body .credit-chip.is-paid{background:#fff1dd;color:#9a4b12}
html body .button-primary .credit-chip.is-paid{background:rgba(255,255,255,.22);color:#fff}
html body .credit-chip.is-free{background:#e8f6ee;color:#1c7a4a}
html body .search-form .dashboard-action,html body .panel-heading .dashboard-action{
  height:auto!important;min-height:42px!important;padding:8px 16px!important;
  gap:6px;flex-wrap:wrap
}
html body .action-pair{justify-items:stretch}
html body .action-pair .credit-chip{margin:4px 0 0;justify-self:center}

.credit-confirm[hidden]{display:none!important}
.credit-confirm{
  position:fixed;inset:0;z-index:210;display:grid;place-items:center;padding:18px
}
.credit-confirm-backdrop{
  position:absolute;inset:0;border:0;padding:0;margin:0;cursor:pointer;
  background:rgba(18,58,134,.28);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px)
}
.credit-confirm-sheet{
  position:relative;z-index:1;width:min(420px,100%);padding:22px 22px 18px;
  border:1px solid rgba(255,255,255,.95);border-radius:28px;background:rgba(255,255,255,.96);
  box-shadow:0 24px 60px rgba(18,58,134,.22);color:#173A78
}
.credit-confirm-kicker{
  margin:0 0 8px;color:#4A8DFF;font-size:11px;letter-spacing:.12em;font-weight:800;text-transform:uppercase
}
.credit-confirm-sheet p#credit-confirm-title,.credit-confirm-sheet [data-credit-confirm-copy]{
  margin:0;color:#173A78;font-size:18px;font-weight:700;line-height:1.4
}
.credit-confirm-actions{display:flex;flex-wrap:wrap;gap:8px;justify-content:flex-end;margin-top:18px}
body.credit-confirm-open,body.guide-open,body.market-sheet-open{overflow:hidden}

@media(max-width:800px){
  html{scroll-behavior:auto;overflow-anchor:none}
  html,body{overscroll-behavior-y:none}
  .page-section{min-height:0}
  html body .hero-art{transform:none}
  html body .guide-sheet,html body .credit-confirm-sheet{
    max-height:calc(100dvh - 36px)
  }
}

html body .button,
html body a.button,
html body button.button,
html body .dashboard-action,
html body .owner-action,
html body .kalshi-bet-btn,
html body .paper-bet-btn,
html body .stats-open-btn,
html body .lang-btn,
html body .register-button,
html body .login-button,
html body .plan-select,
html body .confirm-button,
html body .sheet-close{
  font-family:Inter,ui-sans-serif,system-ui,-apple-system,"Segoe UI",sans-serif!important;
  font-weight:800!important;
  letter-spacing:.02em!important;
  line-height:1.15!important;
  -webkit-text-stroke:0!important
}
html body .button.button-glass,
html body a.button.button-glass,
html body button.button-glass,
html body .button.button-glass.dashboard-action,
html body .button.button-glass.owner-action,
html body .button.button-glass.kalshi-bet-btn,
html body .button.button-glass.paper-bet-btn,
html body .button.button-glass.stats-open-btn,
html body .button.button-glass.sheet-close,
html body .lang-btn{
  background:#fff!important;
  background-image:none!important;
  color:#0A2460!important;
  -webkit-text-fill-color:#0A2460!important;
  border:1px solid #c5d8f3!important;
  text-shadow:0 0 6px #fff,0 0 12px #fff,0 1px 0 #fff,1px 0 0 #fff,-1px 0 0 #fff!important
}
html body .button.button-primary,
html body a.button.button-primary,
html body button.button-primary,
html body .button.button-primary.dashboard-action,
html body .button.button-primary.owner-action{
  background:#4A8DFF!important;
  background-image:none!important;
  color:#fff!important;
  -webkit-text-fill-color:#fff!important;
  border:1px solid #2f6fe0!important;
  text-shadow:0 1px 2px rgba(8,32,80,.55),0 0 8px rgba(8,32,80,.28)!important
}
html body .button .orb-label,
html body .button .action-label,
html body .dashboard-action .orb-label,
html body .dashboard-action .action-label,
html body .owner-action .orb-label,
html body .owner-action .action-label,
html body .lang-btn .orb-label{
  position:relative;z-index:3;font-weight:800!important;letter-spacing:.02em;
  color:inherit!important;-webkit-text-fill-color:inherit!important;text-shadow:inherit!important
}
html body .button.button-glass .orb-label,
html body .button.button-glass .action-label,
html body .lang-btn .orb-label{
  color:#0A2460!important;-webkit-text-fill-color:#0A2460!important;
  text-shadow:0 0 6px #fff,0 0 12px #fff,0 1px 0 #fff!important
}
html body .button.button-primary .orb-label,
html body .button.button-primary .action-label{
  color:#fff!important;-webkit-text-fill-color:#fff!important;
  text-shadow:0 1px 2px rgba(8,32,80,.55)!important
}
html body .kalshi-bet-btn,
html body button.kalshi-bet-btn,
html body .paper-bet-btn,
html body button.paper-bet-btn,
html body .stats-open-btn,
html body button.stats-open-btn,
html body .text-link,
html body .quiet-link,
html body .plan-mini a{
  color:#0A2460!important;-webkit-text-fill-color:#0A2460!important;
  font-size:13px!important;font-weight:800!important
}
html body .text-link,
html body .quiet-link,
html body .plan-mini a{
  background:rgba(255,255,255,.94)!important;
  background-image:none!important;
  border:1px solid #c5d8f3!important;
  text-shadow:0 0 6px #fff,0 0 12px #fff,0 1px 0 #fff!important
}
html body .text-link .orb-label,
html body .quiet-link .orb-label,
html body .plan-mini a .orb-label{
  color:#0A2460!important;-webkit-text-fill-color:#0A2460!important;
  font-weight:800!important;text-shadow:0 0 6px #fff,0 0 12px #fff!important
}
html body .credit-chip{
  -webkit-text-fill-color:currentColor!important;text-shadow:none!important;font-weight:800!important
}
html body .button-primary .credit-chip.is-paid{
  background:#fff!important;color:#0A2460!important;-webkit-text-fill-color:#0A2460!important
}

html body input:not([type="button"]):not([type="submit"]):not([type="checkbox"]):not([type="radio"]):not([type="file"]),
html body select,
html body textarea{
  font-size:16px!important;
  line-height:1.35;
}
html body .quant-conclusion{
  grid-column:1/-1;
  display:grid;
  gap:6px;
  padding:14px 16px;
  margin:0 0 8px;
  border-radius:18px;
  border:1px solid #d7e4f6;
  background:#f7fbff
}
html body .quant-conclusion span{
  font-size:10px;letter-spacing:.12em;font-weight:800;text-transform:uppercase;color:#5d7190
}
html body .quant-conclusion strong{
  font-size:22px;letter-spacing:-.03em;color:#123A86;line-height:1.15
}
html body .quant-conclusion p{margin:0;color:#4b5f7c;font-size:13px;line-height:1.45}
html body .quant-conclusion.is-yes{background:#e9f8f0;border-color:#b7e4c7}
html body .quant-conclusion.is-yes strong{color:#157a4b}
html body .quant-conclusion.is-no{background:#fdeeee;border-color:#f3c4c4}
html body .quant-conclusion.is-no strong{color:#a32626}
html body .quant-conclusion.is-hold{background:#fff6e8;border-color:#f0d2a0}
html body .quant-conclusion.is-hold strong{color:#9a4b12}
html body .quant-conclusion.is-empty{background:#eef2f7;border-color:#d5deea}
html body .quant-advice,
html body .paper-book{
  grid-column:1/-1;
  display:grid;
  gap:8px;
  padding:14px 16px;
  margin:0 0 8px;
  border-radius:18px;
  border:1px solid #d7e4f6;
  background:#f7fbff
}
html body .quant-advice{grid-template-columns:1fr 1fr;align-items:start}
html body .quant-advice p{grid-column:1/-1;margin:0;color:#4b5f7c;font-size:12px;line-height:1.45}
html body .paper-book-head{display:flex;justify-content:space-between;gap:12px;align-items:center}
html body .paper-book-head span,html body .paper-row small{font-size:10px;letter-spacing:.12em;font-weight:800;text-transform:uppercase;color:#5d7190}
html body .paper-book-head strong,html body .paper-row strong{color:#123A86;font-size:16px}
html body .paper-row{display:flex;justify-content:space-between;gap:12px;align-items:center}
html body .paper-book p{margin:0;color:#4b5f7c;font-size:12px;line-height:1.45}
html body .paper-bet-btn,
html body button.paper-bet-btn{
  min-height:40px!important;height:40px!important;width:auto!important;
  padding:0 16px!important;border-radius:999px!important;
  font-size:12px!important;font-weight:800!important;
  color:#123A86!important
}
html body .action-pair .paper-bet-btn{width:100%!important;justify-self:stretch}
@media(max-width:800px){
  html,body{min-height:100dvh}
  html body .float-nav{
    bottom:calc(12px + env(safe-area-inset-bottom, 0px))!important
  }
  html body .sheet-close,
  html body .dashboard-action,
  html body .kalshi-bet-btn,
  html body .paper-bet-btn,
  html body .stats-open-btn{
    min-height:44px!important
  }
  html body .market-detail-layer.is-open .activity-panel.market-detail-panel{
    max-height:min(78dvh, calc(var(--vvh, 100dvh) - 28px - env(safe-area-inset-bottom, 0px)))
  }
  html body .credit-confirm-sheet,
  html body .guide-sheet{
    max-height:calc(var(--vvh, 100dvh) - 36px)
  }
}

.workspace-grid{align-items:start}
html body [data-block="activity"] .panel-heading{
  display:flex;align-items:center;gap:8px
}
html body button.activity-toggle,
html body button.activity-toggle:not(.lang-btn){
  flex:1;display:flex!important;align-items:center;justify-content:space-between;gap:10px;
  min-height:44px;width:auto;margin:0;padding:8px 12px!important;
  border:1px solid #d7e6f6!important;border-radius:14px!important;
  background:#fff!important;background-image:none!important;
  box-shadow:none!important;filter:none!important;animation:none!important;transform:none!important;
  color:#173A78!important;text-shadow:none!important;-webkit-text-stroke:0!important;
  text-align:left;cursor:pointer
}
html body button.activity-toggle:before,
html body button.activity-toggle:after{content:none!important;display:none!important;background:none!important}
html body button.activity-toggle .section-overline{display:block;margin-bottom:2px}
html body button.activity-toggle h4{margin:0;font-size:15px;color:#173A78!important}
html body .activity-toggle-meta{
  display:inline-flex;align-items:center;gap:8px;flex:none;
  font-size:12px;font-weight:800;color:#3a6fb8
}
html body .activity-chevron{
  width:8px;height:8px;margin-top:-3px;
  border-right:2px solid #3a6fb8;border-bottom:2px solid #3a6fb8;
  transform:rotate(45deg);transition:transform .2s
}
html body [data-block="activity"].is-open .activity-chevron{transform:rotate(-135deg);margin-top:3px}
html body [data-block="activity"] .activity-fold[hidden]{display:none!important}
html body [data-block="activity"] [data-history-list]{
  max-height:min(220px,42vh);overflow:auto;overscroll-behavior:contain
}