:root{
  --bg:#07070d;--bg2:#0b0b14;--surface:#10111c;--surface2:#151725;--surface3:#1a1c2c;
  --text:#f7f7fb;--muted:#9799ab;--muted2:#6e7185;--line:rgba(255,255,255,.085);
  --orange:#ff8a1f;--pink:#ff2d8f;--purple:#7a4dff;--cyan:#3ad4ff;--green:#52e5a1;
  --gradient:linear-gradient(120deg,#ff9b1d 0%,#ff3f75 42%,#bd36e8 72%,#704cff 100%);
  --gradient-cool:linear-gradient(120deg,#43ddff,#7a4dff 58%,#ff2d8f);
  --container:1240px;--radius:22px;--shadow:0 30px 90px rgba(0,0,0,.38);
}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--bg);color:var(--text);font-family:Inter,"Segoe UI",Arial,sans-serif;line-height:1.55;-webkit-font-smoothing:antialiased}a{color:inherit;text-decoration:none}button,input,select,textarea{font:inherit}.container{width:min(calc(100% - 40px),var(--container));margin-inline:auto}
body:before{content:"";position:fixed;inset:0;pointer-events:none;z-index:9999;opacity:.022;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 180 180' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.9' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='.55'/%3E%3C/svg%3E")}

/* BRAND + NAV */
.site-header{position:sticky;top:0;z-index:1000;background:rgba(7,7,13,.78);backdrop-filter:blur(22px);border-bottom:1px solid var(--line)}.nav-wrapper{height:78px;display:flex;align-items:center;justify-content:space-between;gap:25px}.brand{display:flex;align-items:center;gap:11px;flex-shrink:0}.brand-symbol{position:relative;width:38px;height:38px;display:block}.brand-symbol:before,.brand-symbol:after{content:"";position:absolute;width:9px;height:9px;border-radius:50%;background:var(--gradient)}.brand-symbol:before{left:0;top:14px}.brand-symbol:after{right:2px;top:3px;background:linear-gradient(135deg,var(--pink),var(--purple))}.brand-symbol i,.brand-symbol b{position:absolute;display:block;width:24px;height:10px;border-radius:10px 10px 3px 10px;background:var(--gradient);transform-origin:center}.brand-symbol i{left:7px;top:8px;transform:rotate(62deg)}.brand-symbol b{left:9px;top:20px;transform:rotate(-57deg);background:linear-gradient(120deg,var(--pink),var(--purple))}.brand-symbol em{position:absolute;right:6px;bottom:0;width:8px;height:8px;border-radius:50%;background:var(--purple)}.brand-word{display:flex;align-items:baseline;gap:8px}.brand-word strong{font-size:22px;letter-spacing:-1px}.brand-word small{font-size:8px;letter-spacing:2.2px;color:#a7a9b6;font-weight:800}.main-nav{display:flex;gap:28px;align-items:center}.main-nav a{font-size:13px;color:#c2c3ce;transition:.2s}.main-nav a:hover{color:white}.nav-actions{display:flex;align-items:center;gap:10px}
.btn{border:0;cursor:pointer;display:inline-flex;align-items:center;justify-content:center;gap:10px;padding:12px 17px;border-radius:12px;font-weight:750;font-size:13px;transition:transform .2s,border-color .2s,background .2s;white-space:nowrap}.btn:hover{transform:translateY(-2px)}.btn-primary{color:#fff;background:var(--gradient);box-shadow:0 12px 32px rgba(255,60,126,.18)}.btn-ghost{border:1px solid var(--line);background:transparent;color:#d7d8e1}.btn-soft{border:1px solid var(--line);background:rgba(255,255,255,.045);color:#fff}.btn-white{background:#fff;color:#0c0c13}.btn-large{padding:15px 20px;font-size:14px}.btn-xl{padding:17px 23px;font-size:15px;border-radius:14px}.full-width{width:100%}.btn-arrow{opacity:.85}.text-link{font-size:13px;font-weight:800}.text-link b{margin-left:5px}.center-link{display:block;text-align:center;margin-top:18px;color:#c3c4cd}

/* SHARED */
.section{padding:105px 0}.section-kicker{color:#a994ff;font-size:10px;font-weight:900;letter-spacing:2.4px;margin-bottom:15px}.section-title-row{display:flex;align-items:flex-end;justify-content:space-between;gap:50px;margin-bottom:45px}.section-title-row h2{font-size:clamp(38px,4.4vw,62px);line-height:1.02;letter-spacing:-3px;margin:0}.section-title-row>p,.section-side p{color:var(--muted);max-width:430px;margin:0}.section-side{max-width:430px}.section-side .text-link{display:inline-block;margin-top:16px}.pill-label{display:inline-flex;align-items:center;gap:9px;padding:8px 11px;border:1px solid rgba(255,255,255,.09);border-radius:999px;background:rgba(255,255,255,.035);font-size:9px;font-weight:850;letter-spacing:1.7px;color:#d8d9e4}.pill-label i{width:6px;height:6px;border-radius:50%;background:var(--gradient);box-shadow:0 0 14px rgba(255,65,130,.8)}.back-link{display:inline-flex;color:#a9aaba;font-size:12px;margin-bottom:30px}.positive{color:var(--green)!important}.span-2{grid-column:1/-1}.form-alert,.form-error{padding:11px 13px;border:1px solid rgba(255,77,113,.24);background:rgba(255,77,113,.08);border-radius:10px;color:#ff9aae;font-size:12px}.help-text{font-size:10px;color:var(--muted2);line-height:1.45}.help-text ul{padding-left:18px;margin:5px 0}.empty-state{grid-column:1/-1;padding:70px 30px;border:1px dashed var(--line);border-radius:22px;text-align:center;color:var(--muted);background:rgba(255,255,255,.025)}.empty-state>div{font-size:35px;margin-bottom:10px}.empty-state strong{display:block;color:#fff;font-size:19px}.empty-state p{margin:8px auto 18px;max-width:460px}.center-cta{text-align:center;margin-top:32px}

/* HOME HERO */
.home-hero{position:relative;min-height:760px;display:flex;align-items:center;overflow:hidden;padding:90px 0 110px;background:radial-gradient(circle at 70% 40%,rgba(113,76,255,.09),transparent 34%)}.hero-grid-bg{position:absolute;inset:0;opacity:.18;background-image:linear-gradient(rgba(255,255,255,.035) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.035) 1px,transparent 1px);background-size:70px 70px;mask-image:linear-gradient(to bottom,transparent 0,#000 20%,#000 70%,transparent)}.hero-blob{position:absolute;border-radius:50%;filter:blur(120px);opacity:.16}.blob-a{width:480px;height:480px;background:var(--pink);right:6%;top:15%}.blob-b{width:360px;height:360px;background:var(--purple);right:33%;bottom:-12%}.home-hero-grid{position:relative;z-index:2;display:grid;grid-template-columns:1.06fr .94fr;gap:75px;align-items:center}.home-hero-copy h1{font-size:clamp(58px,6.4vw,92px);line-height:.96;letter-spacing:-5px;margin:25px 0 25px}.home-hero-copy h1 span{background:var(--gradient);-webkit-background-clip:text;color:transparent}.home-hero-copy>p{font-size:18px;color:#b2b3c0;max-width:680px;line-height:1.7}.hero-actions{display:flex;gap:12px;flex-wrap:wrap;margin-top:32px}.play-mini{width:24px;height:24px;border-radius:50%;background:rgba(255,255,255,.08);display:grid;place-items:center;font-size:8px}.hero-proof{display:grid;grid-template-columns:repeat(3,1fr);gap:18px;margin-top:58px;padding-top:24px;border-top:1px solid var(--line)}.hero-proof>div{display:flex;gap:10px}.hero-proof b{font-size:10px;color:#8f74ff;padding-top:2px}.hero-proof span{display:flex;flex-direction:column}.hero-proof strong{font-size:12px}.hero-proof small{font-size:10px;color:var(--muted);margin-top:2px}.hero-stage{position:relative;min-height:520px}.stage-screen{position:absolute;inset:35px 10px 25px 40px;border-radius:28px;border:1px solid rgba(255,255,255,.11);background:linear-gradient(160deg,#171927,#0d0e17);box-shadow:var(--shadow);overflow:hidden;transform:perspective(900px) rotateY(-4deg) rotateX(1deg)}.stage-topline{height:54px;border-bottom:1px solid var(--line);display:flex;align-items:center;gap:10px;padding:0 20px;font-size:9px;letter-spacing:1.5px;color:#aaaebe}.stage-topline i{width:5px;height:5px;border-radius:50%;background:#4ae5a0}.stage-topline small{margin-left:auto}.stage-visual{position:relative;height:calc(100% - 54px);overflow:hidden;background:radial-gradient(circle at 50% 45%,rgba(255,45,143,.27),transparent 24%),radial-gradient(circle at 47% 50%,rgba(122,77,255,.23),transparent 44%),linear-gradient(150deg,#16121f,#080911)}.stage-rings span{position:absolute;left:50%;top:48%;transform:translate(-50%,-50%);border-radius:50%;border:1px solid rgba(255,255,255,.13)}.stage-rings span:nth-child(1){width:160px;height:160px;border-color:rgba(255,65,130,.45)}.stage-rings span:nth-child(2){width:260px;height:260px;border-color:rgba(122,77,255,.28)}.stage-rings span:nth-child(3){width:390px;height:390px;border-color:rgba(255,255,255,.08)}.stage-play{position:absolute;left:50%;top:48%;transform:translate(-50%,-50%);width:76px;height:76px;border-radius:50%;border:1px solid rgba(255,255,255,.16);background:rgba(255,255,255,.09);backdrop-filter:blur(12px);color:#fff;font-size:19px;padding-left:5px}.stage-caption{position:absolute;left:25px;bottom:25px;display:flex;flex-direction:column}.stage-caption small{font-size:8px;letter-spacing:1.8px;color:#c288ff}.stage-caption strong{font-size:20px;margin-top:3px}.hero-float{position:absolute;z-index:3;border:1px solid var(--line);background:rgba(16,17,28,.88);backdrop-filter:blur(14px);box-shadow:0 18px 50px rgba(0,0,0,.35);border-radius:14px;padding:11px 14px;display:flex;align-items:center;gap:10px}.hero-float small{display:block;color:var(--muted2);font-size:7px;letter-spacing:1.2px}.hero-float strong{display:block;font-size:10px}.hf-one{left:-12px;top:100px}.hf-two{right:-28px;top:190px}.hf-three{left:10px;bottom:48px}.float-icon{width:27px;height:27px;border-radius:9px;background:rgba(255,117,48,.12);color:#ff8a3d;display:grid;place-items:center}.float-icon.purple{color:#bc76ff;background:rgba(188,118,255,.1)}.float-icon.green{color:var(--green);background:rgba(82,229,161,.1)}
.trust-strip{border-top:1px solid var(--line);border-bottom:1px solid var(--line);background:#090a11}.trust-strip-inner{height:70px;display:flex;align-items:center;justify-content:center;gap:23px;color:#87899a;font-size:9px;letter-spacing:1.8px}.trust-strip-inner b{color:#d4d5dd;font-weight:700}.trust-strip-inner i{font-style:normal;color:#4f5161}

/* HOME CARDS */
.experience-section{background:linear-gradient(to bottom,#090910,#07070d)}.persona-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}.persona-card{position:relative;min-height:300px;padding:27px;border-radius:22px;border:1px solid var(--line);background:linear-gradient(155deg,#131521,#0d0e16);display:flex;flex-direction:column;transition:.25s;overflow:hidden}.persona-card:after{content:"";position:absolute;width:180px;height:180px;border-radius:50%;right:-80px;top:-80px;background:rgba(122,77,255,.1);filter:blur(20px)}.persona-card:hover{transform:translateY(-5px);border-color:rgba(166,112,255,.35)}.persona-main{background:linear-gradient(150deg,rgba(255,45,143,.12),#11121c 50%)}.persona-icon{width:42px;height:42px;border-radius:13px;background:rgba(255,255,255,.055);display:grid;place-items:center;color:#fc6e96}.persona-index{position:absolute;right:24px;top:28px;color:#595b6a;font-size:10px}.persona-card h3{font-size:23px;letter-spacing:-.8px;margin:auto 0 10px}.persona-card p{color:var(--muted);font-size:13px;margin:0 0 22px}.persona-card>span{font-size:12px;font-weight:800}.persona-card>span b{margin-left:6px}
.activities-home{background:#08080f}.activity-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.activity-card{border:1px solid var(--line);border-radius:21px;overflow:hidden;background:#11121b;transition:.25s}.activity-card:hover{transform:translateY(-5px);border-color:rgba(182,93,255,.32)}.activity-image{position:relative;height:235px;background:#11131d;overflow:hidden}.activity-image img{width:100%;height:100%;object-fit:cover;transition:.4s}.activity-card:hover .activity-image img{transform:scale(1.035)}.image-shade{position:absolute;inset:0;background:linear-gradient(to top,rgba(8,8,14,.68),transparent 55%)}.activity-placeholder{height:100%;display:grid;place-items:center;background:radial-gradient(circle at 50% 55%,rgba(255,45,143,.18),transparent 26%),linear-gradient(145deg,#171927,#0d0f18);position:relative}.activity-placeholder>span{position:absolute;font-size:10px;letter-spacing:4px;color:#77798b}.placeholder-orbit{width:95px;height:95px;border:1px solid rgba(255,255,255,.09);border-radius:50%;position:relative}.placeholder-orbit:before{content:"";position:absolute;inset:19px;border-radius:50%;border:1px solid rgba(122,77,255,.35)}.placeholder-orbit i,.placeholder-orbit b{position:absolute;width:11px;height:11px;border-radius:50%;background:var(--gradient)}.placeholder-orbit i{left:-5px;top:38px}.placeholder-orbit b{right:8px;top:-4px}.activity-category,.activity-price{position:absolute;z-index:2;top:14px;padding:7px 10px;border-radius:9px;backdrop-filter:blur(12px);font-size:8px;font-weight:800;letter-spacing:.8px}.activity-category{left:14px;background:rgba(7,8,14,.62);border:1px solid rgba(255,255,255,.08)}.activity-price{right:14px;background:#fff;color:#101117}.activity-price b{font-size:10px}.activity-content{padding:20px 20px 17px}.activity-meta-top{display:flex;gap:12px;color:#717486;font-size:8px;font-weight:800;letter-spacing:1.1px}.activity-content h3{font-size:22px;letter-spacing:-.7px;margin:10px 0 7px}.activity-tagline{color:#bfa6ff;font-size:11px;margin:-2px 0 8px}.activity-content p{color:var(--muted);font-size:12px;line-height:1.65;min-height:60px;margin:0}.activity-bottom{border-top:1px solid var(--line);margin-top:17px;padding-top:14px;display:flex;justify-content:space-between;align-items:center;font-size:11px;font-weight:750}.activity-bottom b{width:28px;height:28px;border-radius:50%;background:rgba(255,255,255,.05);display:grid;place-items:center}
.showreel-section{padding:110px 0;background:#0b0b13}.showreel-grid{display:grid;grid-template-columns:.75fr 1.25fr;gap:70px;align-items:center}.showreel-copy h2{font-size:clamp(40px,4.4vw,63px);line-height:1.02;letter-spacing:-3px;margin:0 0 22px}.showreel-copy h2 span{color:#9193a5}.showreel-copy p{color:var(--muted);max-width:520px}.showreel-mosaic{display:grid;grid-template-columns:1.25fr .75fr;grid-template-rows:210px 210px;gap:12px}.mosaic-card{position:relative;border:1px solid var(--line);border-radius:20px;overflow:hidden;padding:20px;display:flex;flex-direction:column;justify-content:flex-end;background:radial-gradient(circle at 55% 35%,rgba(255,45,143,.25),transparent 28%),linear-gradient(145deg,#202131,#0e1018)}.mosaic-card:before{content:"";position:absolute;inset:0;background:repeating-linear-gradient(100deg,transparent 0 40px,rgba(255,255,255,.025) 41px 42px)}.mc-large{grid-row:1/3}.mc-a{background:radial-gradient(circle at 50% 30%,rgba(58,212,255,.18),transparent 30%),linear-gradient(145deg,#151c26,#0b0d14)}.mc-b{background:radial-gradient(circle at 60% 40%,rgba(255,155,29,.22),transparent 30%),linear-gradient(145deg,#211a19,#0c0d13)}.mosaic-card span,.mosaic-card b,.mosaic-card em{position:relative;z-index:1}.mosaic-card span{font-size:8px;letter-spacing:1.5px;color:#bbbcc8}.mosaic-card b{font-size:27px;letter-spacing:-1px}.mosaic-card em{position:absolute;right:18px;top:18px;font-size:9px;color:#7e8190;font-style:normal}.mc-large b{font-size:44px}
.pro-section{background:#08080e}.pro-layout{display:grid;grid-template-columns:1fr 1fr;gap:90px;align-items:center}.pro-copy h2{font-size:clamp(43px,5vw,68px);letter-spacing:-3.5px;line-height:1; margin:0 0 24px}.pro-copy>p{color:var(--muted);max-width:590px}.feature-list{list-style:none;padding:0;margin:30px 0}.feature-list li{display:flex;gap:13px;padding:13px 0;border-bottom:1px solid var(--line)}.feature-list i{font-style:normal;color:var(--green);margin-top:3px}.feature-list span{display:flex;flex-direction:column}.feature-list b{font-size:13px}.feature-list small{font-size:11px;color:var(--muted);margin-top:2px}.pro-dashboard-mock{padding:24px;border:1px solid var(--line);border-radius:25px;background:linear-gradient(155deg,#151723,#0b0c13);box-shadow:var(--shadow)}.mock-header{display:flex;justify-content:space-between;color:#717486;font-size:8px;letter-spacing:1.4px;padding-bottom:17px}.mock-event{position:relative;padding:18px;border-radius:15px;background:rgba(255,255,255,.035);border:1px solid rgba(255,255,255,.055);margin:10px 0;display:flex;flex-direction:column}.mock-event.featured{background:linear-gradient(120deg,rgba(255,45,143,.11),rgba(122,77,255,.06))}.mock-event small{color:#818496;font-size:8px}.mock-event strong{font-size:19px;margin:5px 0 3px}.mock-event span{font-size:10px;color:var(--muted)}.mock-event>b{position:absolute;right:15px;top:15px;font-size:7px;letter-spacing:1px;color:#ff77a7;padding:6px 8px;border-radius:99px;background:rgba(255,45,143,.1)}.mock-event>b.open{color:#65e8ac;background:rgba(82,229,161,.1)}.mock-event>b.soon{color:#ffbd60;background:rgba(255,155,29,.1)}.mock-stat-row{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-top:14px}.mock-stat-row div{background:#090a10;border-radius:13px;padding:15px}.mock-stat-row span{font-size:9px;color:var(--muted)}.mock-stat-row strong{display:block;font-size:24px;margin-top:4px}
.how-section{background:#0b0b13}.steps-line{display:grid;grid-template-columns:repeat(4,1fr);gap:0;margin-top:60px;border-top:1px solid var(--line)}.steps-line article{position:relative;padding:35px 28px 10px 0;border-right:1px solid var(--line);min-height:245px}.steps-line article+article{padding-left:28px}.steps-line article:last-child{border-right:0}.steps-line article>span{font-size:8px;color:#7c7f91}.step-icon{width:43px;height:43px;border-radius:13px;border:1px solid var(--line);background:#12141e;display:grid;place-items:center;margin:30px 0;color:#b186ff}.steps-line h3{font-size:19px;margin:0 0 8px}.steps-line p{font-size:12px;color:var(--muted);margin:0}.final-cta{position:relative;overflow:hidden;padding:120px 0;background:linear-gradient(125deg,#d42f7f,#744cf9)}.final-glow{position:absolute;width:520px;height:520px;border-radius:50%;background:#ff9d24;filter:blur(160px);opacity:.18;right:-100px;top:-230px}.final-cta-inner{position:relative;display:flex;align-items:flex-end;justify-content:space-between;gap:50px}.final-cta-inner>div>span{font-size:9px;letter-spacing:1.7px;font-weight:800}.final-cta h2{font-size:clamp(45px,5vw,70px);letter-spacing:-3px;line-height:1;margin:15px 0 0}

/* CATALOG */
.catalog-hero{position:relative;padding:120px 0 95px;overflow:hidden;background:linear-gradient(to bottom,#090910,#08080e)}.catalog-orbit{position:absolute;border-radius:50%;border:1px solid rgba(255,255,255,.05)}.co-a{width:500px;height:500px;right:-100px;top:-180px}.co-b{width:330px;height:330px;right:60px;top:-90px;border-color:rgba(126,78,255,.14)}.catalog-hero-inner{position:relative}.catalog-hero h1{font-size:clamp(58px,6vw,86px);line-height:.98;letter-spacing:-4.5px;margin:25px 0 20px}.catalog-hero h1 span{background:var(--gradient);-webkit-background-clip:text;color:transparent}.catalog-hero p{max-width:650px;color:var(--muted);font-size:17px}.catalog-filter-wrap{position:relative;z-index:5;margin-top:-33px}.filter-panel{display:grid;grid-template-columns:1.5fr .72fr .72fr auto auto;gap:0;border:1px solid var(--line);border-radius:17px;background:rgba(17,18,29,.95);box-shadow:0 22px 60px rgba(0,0,0,.35);overflow:hidden;backdrop-filter:blur(20px)}.filter-search{display:flex;align-items:center;padding:0 17px;border-right:1px solid var(--line)}.filter-search span{color:#737687;font-size:18px}.filter-search input,.filter-select select{width:100%;background:transparent;color:#f0f0f5;border:0;outline:0;padding:17px 12px}.filter-search input::placeholder{color:#6f7284}.filter-select{padding:8px 13px;border-right:1px solid var(--line)}.filter-select small{display:block;font-size:7px;letter-spacing:1.1px;color:#6f7282;margin-left:4px}.filter-select select{padding:3px 0 0;font-size:12px}.filter-select option{background:#11131c;color:#fff}.filter-panel>.btn{border-radius:0;padding-inline:24px}.filter-reset{width:44px;display:grid;place-items:center;font-size:20px;color:#7e8090}.catalog-results{padding-top:70px}.catalog-result-head{display:flex;justify-content:space-between;align-items:flex-end;margin-bottom:20px}.catalog-result-head>div{display:flex;flex-direction:column}.catalog-result-head span{font-size:8px;letter-spacing:1.4px;color:#737586}.catalog-result-head strong{font-size:21px}.catalog-result-head>small{color:var(--muted2);font-size:10px}

/* DETAIL */
.detail-hero{position:relative;padding:85px 0 100px;overflow:hidden;background:#090910}.detail-hero-bg{position:absolute;width:650px;height:650px;border-radius:50%;background:radial-gradient(circle,rgba(255,45,143,.13),rgba(122,77,255,.05) 40%,transparent 67%);right:-100px;top:-120px}.detail-hero-grid{position:relative;display:grid;grid-template-columns:1fr .92fr;gap:70px;align-items:center}.detail-badges{display:flex;gap:8px}.detail-badges span{font-size:8px;letter-spacing:1.1px;padding:6px 9px;border-radius:8px;background:rgba(255,255,255,.04);border:1px solid var(--line);color:#bbbcca}.detail-copy h1{font-size:clamp(60px,6vw,88px);line-height:.96;letter-spacing:-4.8px;margin:20px 0 12px}.detail-tagline{font-size:19px;color:#d3b0ff;margin-bottom:16px}.detail-copy>p{font-size:16px;line-height:1.75;color:#adafbd;max-width:640px}.detail-facts{display:flex;gap:10px;margin-top:30px}.detail-facts>div{min-width:130px;padding:12px;border:1px solid var(--line);border-radius:13px;background:rgba(255,255,255,.025);display:grid;grid-template-columns:auto 1fr;grid-template-rows:auto auto;column-gap:8px}.detail-facts span{grid-row:1/3;font-size:18px;color:#a986ff;align-self:center}.detail-facts b{font-size:11px}.detail-facts small{font-size:8px;color:var(--muted2)}.detail-visual{position:relative;aspect-ratio:1.13;border-radius:27px;border:1px solid var(--line);overflow:hidden;box-shadow:var(--shadow);background:#141620}.detail-visual img{width:100%;height:100%;object-fit:cover}.detail-placeholder{width:100%;height:100%;display:grid;place-items:center;background:radial-gradient(circle at 50% 50%,rgba(255,45,143,.2),transparent 24%),radial-gradient(circle at 53% 52%,rgba(122,77,255,.18),transparent 52%),#10111a}.detail-placeholder>span{position:absolute;bottom:25px;left:25px;font-size:10px;letter-spacing:2px}.big-orbit{width:190px;height:190px;border:1px solid rgba(255,255,255,.11);border-radius:50%;position:relative}.big-orbit:before,.big-orbit:after{content:"";position:absolute;border-radius:50%;border:1px solid rgba(255,255,255,.07)}.big-orbit:before{inset:28px}.big-orbit:after{inset:60px;border-color:rgba(255,45,143,.35)}.big-orbit i,.big-orbit b,.big-orbit em{position:absolute;width:14px;height:14px;border-radius:50%;background:var(--gradient)}.big-orbit i{left:-7px;top:84px}.big-orbit b{right:20px;top:2px}.big-orbit em{right:18px;bottom:18px;background:var(--purple)}.visual-play{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);width:64px;height:64px;border-radius:50%;display:grid;place-items:center;background:rgba(12,12,19,.55);backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.18);font-size:15px;padding-left:3px}.visual-caption{position:absolute;left:22px;bottom:18px;display:flex;flex-direction:column}.visual-caption small{font-size:7px;letter-spacing:1.3px;color:#9c9eaf}.visual-caption strong{font-size:12px}.detail-sticky-zone{padding:95px 0;background:#0a0a11}.detail-content-grid{display:grid;grid-template-columns:1fr 360px;gap:70px;align-items:start}.detail-story section+section{margin-top:90px}.detail-story h2{font-size:44px;line-height:1.05;letter-spacing:-2px;margin:0 0 25px}.rich-copy{color:#b0b2bf;font-size:14px;line-height:1.8}.highlight-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px}.highlight-grid>div{padding:18px;border:1px solid var(--line);border-radius:14px;background:#11121b;display:flex;gap:10px;font-size:12px}.highlight-grid i{font-style:normal;color:#ff6f99}.included-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px}.included-grid>div{padding:14px;border-bottom:1px solid var(--line);display:flex;gap:10px;font-size:12px}.included-grid span{color:var(--green)}.detail-price-card{position:sticky;top:105px;padding:26px;border:1px solid var(--line);border-radius:22px;background:linear-gradient(155deg,#151725,#0e1018);box-shadow:0 25px 70px rgba(0,0,0,.28)}.price-card-top span{font-size:8px;letter-spacing:1.3px;color:#8e90a0}.price-card-top strong{display:block;font-size:54px;letter-spacing:-3px;margin:4px 0}.price-card-top small{color:var(--muted);font-size:10px}.price-divider{height:1px;background:var(--line);margin:22px 0}.price-list>div{display:flex;justify-content:space-between;padding:9px 0;font-size:11px}.price-list span{color:var(--muted)}.detail-price-card .btn{margin-top:22px}.price-note{font-size:9px;color:#7e8191;text-align:center}.price-note i{font-style:normal;color:var(--green)}.related-section{background:#08080e}.mini-related-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:13px}.mini-related-grid a{padding:22px;border:1px solid var(--line);border-radius:17px;background:#11121b}.mini-related-grid span{font-size:8px;color:#9f83ff;letter-spacing:1px}.mini-related-grid h3{margin:12px 0 6px}.mini-related-grid p{font-size:11px;color:var(--muted);min-height:48px}.mini-related-grid b{font-size:11px}

/* FORMS / QUOTES */
.quote-hero{padding:85px 0 65px;background:linear-gradient(to bottom,#090910,#08080e)}.quote-hero h1{font-size:clamp(52px,5vw,74px);letter-spacing:-4px;line-height:.98;margin:20px 0 14px}.quote-hero h1 span{background:var(--gradient);-webkit-background-clip:text;color:transparent}.quote-hero p{color:var(--muted);max-width:620px}.quote-body{padding:35px 0 110px;background:#08080e}.quote-layout-modern{display:grid;grid-template-columns:1fr 330px;gap:28px;align-items:start}.quote-form-modern{display:flex;flex-direction:column;gap:15px}.quote-step,.signup-section{border:1px solid var(--line);border-radius:20px;background:#11121b;padding:24px}.quote-step-head,.signup-section-head{display:flex;gap:15px;margin-bottom:25px}.quote-step-head>span,.signup-section-head>span{width:34px;height:34px;border-radius:11px;background:rgba(122,77,255,.1);color:#ae91ff;display:grid;place-items:center;font-size:9px;font-weight:800;flex:none}.quote-step-head h2,.signup-section-head h2{font-size:19px;margin:0}.quote-step-head p,.signup-section-head p{font-size:10px;color:var(--muted);margin:3px 0 0}.form-grid,.form-grid-2{display:grid;grid-template-columns:1fr 1fr;gap:15px}.form-group{display:flex;flex-direction:column;gap:7px}.form-group label{font-size:9px;color:#b9bbc7;font-weight:750;letter-spacing:.45px}.form-control,.form-group input,.form-group select,.form-group textarea{width:100%;border:1px solid var(--line);background:#0a0b12;color:#f2f2f7;border-radius:11px;padding:13px 13px;outline:0;font-size:12px;transition:.2s}.form-control:focus,.form-group input:focus,.form-group select:focus,.form-group textarea:focus{border-color:rgba(165,103,255,.55);box-shadow:0 0 0 3px rgba(122,77,255,.07)}select.form-control option,.form-group select option{background:#11121a}.notes-group{margin-top:15px}.option-grid-modern{display:grid;grid-template-columns:1fr 1fr;gap:10px}.option-card-modern{position:relative;display:flex;align-items:center;gap:13px;padding:15px;border:1px solid var(--line);border-radius:14px;background:#0c0d14;cursor:pointer}.option-card-modern>input{position:absolute;opacity:0}.option-check-ui{width:27px;height:27px;border-radius:8px;border:1px solid #323443;display:grid;place-items:center;color:transparent;flex:none}.option-card-modern:has(input:checked){border-color:rgba(255,63,117,.42);background:rgba(255,45,143,.045)}.option-card-modern:has(input:checked) .option-check-ui{background:var(--gradient);color:white;border-color:transparent}.option-card-modern div{display:flex;flex-direction:column}.option-card-modern strong{font-size:11px}.option-card-modern small{font-size:9px;color:var(--muted)}.quote-submit{margin-top:4px}.quote-secure-note{text-align:center;color:#676a7b;font-size:9px}.quote-summary-modern{position:sticky;top:104px;padding:20px;border:1px solid var(--line);border-radius:20px;background:linear-gradient(155deg,#141622,#0d0e16)}.quote-summary-visual{height:135px;border-radius:14px;overflow:hidden;position:relative;background:radial-gradient(circle at 50% 50%,rgba(255,45,143,.16),transparent 26%),#0b0c13;display:grid;place-items:center}.quote-summary-visual img{width:100%;height:100%;object-fit:cover}.quote-summary-visual>span{position:absolute;left:12px;bottom:10px;font-size:7px;letter-spacing:1.2px}.summary-orbit{width:70px;height:70px;border-radius:50%;border:1px solid rgba(255,255,255,.1);position:relative}.summary-orbit:before{content:"";position:absolute;inset:17px;border-radius:50%;border:1px solid rgba(255,63,117,.35)}.summary-orbit i,.summary-orbit b{position:absolute;width:8px;height:8px;border-radius:50%;background:var(--gradient)}.summary-orbit i{left:-4px;top:30px}.summary-orbit b{right:6px;top:0}.quote-summary-modern h3{font-size:20px;margin:17px 0 5px}.quote-summary-modern>p{color:var(--muted);font-size:10px}.summary-base-price{display:flex;justify-content:space-between;align-items:center;margin:20px 0;padding:14px 0;border-top:1px solid var(--line);border-bottom:1px solid var(--line);font-size:11px}.summary-base-price strong{font-size:23px}.summary-rules>div{display:flex;justify-content:space-between;padding:7px 0;font-size:10px}.summary-rules span{color:var(--muted)}.summary-info{display:flex;gap:9px;margin-top:18px;padding:11px;border-radius:11px;background:rgba(122,77,255,.07)}.summary-info i{font-style:normal;width:20px;height:20px;border-radius:50%;border:1px solid rgba(164,120,255,.3);display:grid;place-items:center;color:#b29aff;font-size:9px;flex:none}.summary-info p{margin:0;color:#86889a;font-size:8px;line-height:1.5}
.result-hero{position:relative;padding:105px 0 70px;text-align:center;overflow:hidden;background:#090910}.result-glow{position:absolute;width:480px;height:480px;border-radius:50%;background:var(--pink);filter:blur(160px);opacity:.12;left:50%;top:-300px;transform:translateX(-50%)}.result-shell{position:relative}.result-success{width:62px;height:62px;border-radius:50%;display:grid;place-items:center;background:rgba(82,229,161,.08);border:1px solid rgba(82,229,161,.22);color:var(--green);font-size:24px;margin:0 auto 18px}.result-hero h1{font-size:clamp(44px,5vw,68px);letter-spacing:-3px;line-height:1.05;margin:20px 0 15px}.result-hero h1 span{font-size:1.35em;background:var(--gradient);-webkit-background-clip:text;color:transparent}.result-hero p{color:var(--muted)}.result-content{padding:40px 0 100px;background:#08080e}.result-grid-modern{display:grid;grid-template-columns:1fr 360px;gap:22px}.breakdown-card-modern,.result-next-card{border:1px solid var(--line);border-radius:20px;background:#11121b;padding:24px}.breakdown-head{display:flex;justify-content:space-between;gap:20px;padding-bottom:20px;border-bottom:1px solid var(--line)}.breakdown-head span{font-size:8px;color:#8d90a0;letter-spacing:1.3px}.breakdown-head h2{font-size:22px;margin:4px 0 0}.breakdown-head>b{font-size:9px;color:#747687}.breakdown-lines>div{display:flex;justify-content:space-between;padding:13px 0;border-bottom:1px solid rgba(255,255,255,.055);font-size:12px}.breakdown-lines span{color:#9a9cab}.breakdown-total-modern{display:flex;justify-content:space-between;align-items:center;padding:22px 0 10px}.breakdown-total-modern span{font-size:13px}.breakdown-total-modern strong{font-size:31px}.breakdown-card-modern>small{color:#65687a;font-size:9px}.result-next-card h3{font-size:23px;margin:10px 0}.result-next-card>p{font-size:11px;color:var(--muted);line-height:1.7}.timeline-mini{display:flex;justify-content:space-between;position:relative;margin:28px 0}.timeline-mini:before{content:"";position:absolute;left:10%;right:10%;top:12px;height:1px;background:#2d2f3e}.timeline-mini>div{position:relative;z-index:1;text-align:center}.timeline-mini i{width:25px;height:25px;border-radius:50%;background:#1a1c29;border:1px solid #333545;display:grid;place-items:center;font-size:8px;font-style:normal;margin:auto}.timeline-mini .done i{background:rgba(82,229,161,.1);color:var(--green);border-color:rgba(82,229,161,.2)}.timeline-mini span{display:block;font-size:7px;color:#747687;margin-top:5px}.confirmation-status{display:inline-flex;align-items:center;gap:8px;padding:10px 13px;border:1px solid var(--line);background:#11121b;border-radius:10px;font-size:10px;margin:8px 0 18px}.confirmation-status i{width:6px;height:6px;border-radius:50%;background:#ffb551}.confirmation-modern .result-shell>small{display:block;color:#686b7b;margin-bottom:20px}

/* AUTH */
.auth-page-modern{position:relative;min-height:760px;padding:90px 0;display:flex;align-items:center;overflow:hidden;background:#08080f}.auth-glow{position:absolute;width:600px;height:600px;border-radius:50%;background:linear-gradient(120deg,var(--pink),var(--purple));filter:blur(190px);opacity:.1;left:-220px;top:40px}.auth-layout-modern{position:relative;display:grid;grid-template-columns:1fr 430px;gap:100px;align-items:center}.auth-copy-modern h1{font-size:clamp(56px,5.6vw,80px);line-height:.98;letter-spacing:-4px;margin:24px 0}.auth-copy-modern h1 span{color:#989aab}.auth-copy-modern>p{max-width:580px;color:var(--muted);font-size:15px;line-height:1.75}.auth-feature-list{margin-top:38px;display:grid;gap:12px}.auth-feature-list>div{display:flex;gap:12px;align-items:center}.auth-feature-list i{font-style:normal;width:38px;height:38px;border-radius:12px;border:1px solid var(--line);background:#11131d;display:grid;place-items:center;color:#c18cff}.auth-feature-list span{display:flex;flex-direction:column}.auth-feature-list b{font-size:11px}.auth-feature-list small{font-size:9px;color:var(--muted)}.auth-card-modern{padding:28px;border:1px solid var(--line);border-radius:24px;background:linear-gradient(155deg,#151724,#0d0f17);box-shadow:var(--shadow)}.auth-card-top>span{font-size:8px;color:#9d82ff;letter-spacing:1.2px}.auth-card-top h2{font-size:28px;letter-spacing:-1.2px;margin:7px 0 5px}.auth-card-top p{font-size:10px;color:var(--muted);margin-bottom:23px}.auth-field{margin-bottom:14px}.auth-switch{text-align:center;color:#777a8b;font-size:10px;margin:18px 0 0}.auth-switch a{color:#fff;font-weight:750}.signup-hero-modern{padding:100px 0 70px;background:radial-gradient(circle at 75% 20%,rgba(122,77,255,.1),transparent 28%),#090910}.signup-hero-modern h1{font-size:clamp(50px,5.3vw,75px);letter-spacing:-4px;line-height:1;margin:22px 0 18px}.signup-hero-modern h1 span{background:var(--gradient);-webkit-background-clip:text;color:transparent}.signup-hero-modern p{max-width:730px;color:var(--muted)}.signup-body-modern{padding:40px 0 110px;background:#08080e}.signup-layout-modern{display:grid;grid-template-columns:280px 1fr;gap:28px;align-items:start}.signup-progress{position:sticky;top:110px;border:1px solid var(--line);border-radius:18px;background:#10111a;padding:20px}.signup-progress>span{font-size:8px;letter-spacing:1.3px;color:#76798b}.progress-step{display:flex;gap:11px;align-items:center;padding:16px 0;border-bottom:1px solid var(--line)}.progress-step i{font-style:normal;width:31px;height:31px;border-radius:10px;background:#191b27;display:grid;place-items:center;font-size:8px;color:#777a8b}.progress-step.active i{background:rgba(122,77,255,.12);color:#b69cff}.progress-step div{display:flex;flex-direction:column}.progress-step b{font-size:11px}.progress-step small{font-size:8px;color:var(--muted)}.signup-note{margin-top:18px;padding:13px;border-radius:11px;background:rgba(255,255,255,.025)}.signup-note b{font-size:10px}.signup-note p{font-size:8px;color:var(--muted);line-height:1.5;margin:5px 0 0}.signup-form-modern{display:flex;flex-direction:column;gap:15px}.check-grid-modern{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}.check-card-modern{position:relative;border:1px solid var(--line);background:#0c0d14;border-radius:13px;padding:14px;display:flex;align-items:center;gap:10px;cursor:pointer}.check-card-modern input{position:absolute;opacity:0}.check-ui{width:25px;height:25px;border:1px solid #333544;border-radius:8px;display:grid;place-items:center;color:transparent;flex:none}.check-card-modern:has(input:checked){border-color:rgba(255,63,117,.4);background:rgba(255,45,143,.04)}.check-card-modern:has(input:checked) .check-ui{background:var(--gradient);color:#fff;border-color:transparent}.check-card-modern div{display:flex;flex-direction:column}.check-card-modern b{font-size:10px}.check-card-modern small{font-size:8px;color:var(--muted)}

/* ANIMATOR APP */
.animator-app-modern{padding:35px 0 90px;background:#08080e;min-height:900px}.app-shell-modern{display:grid;grid-template-columns:225px 1fr;gap:22px;align-items:start}.app-sidebar-modern{position:sticky;top:100px;min-height:calc(100vh - 135px);padding:18px 13px;border:1px solid var(--line);border-radius:20px;background:#0e0f18;display:flex;flex-direction:column}.app-logo{display:flex;align-items:center;gap:8px;padding:8px}.app-logo .brand-symbol{transform:scale(.8);transform-origin:left center}.app-logo>div{display:flex;flex-direction:column}.app-logo strong{font-size:16px}.app-logo small{font-size:6px;letter-spacing:1.4px;color:#7f8191}.app-sidebar-modern nav{display:grid;gap:4px;margin-top:28px}.app-sidebar-modern nav a{display:flex;align-items:center;gap:10px;padding:11px;border-radius:10px;color:#8f92a2;font-size:10px;font-weight:700}.app-sidebar-modern nav a i{font-style:normal;width:23px;color:#757888}.app-sidebar-modern nav a:hover,.app-sidebar-modern nav a.active{background:rgba(255,255,255,.045);color:#fff}.app-sidebar-modern nav a.active i{color:#b58dff}.sidebar-account{margin-top:auto;padding:10px;border-top:1px solid var(--line);display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:9px}.mini-avatar{width:30px;height:30px;border-radius:9px;background:var(--gradient);display:grid;place-items:center;font-size:10px;font-weight:850}.sidebar-account>div:nth-child(2){display:flex;flex-direction:column}.sidebar-account b{font-size:9px}.sidebar-account small{font-size:7px;color:#777a8a}.sidebar-account>a{color:#858797;font-size:12px}.app-main-modern{min-width:0;padding:6px 6px}.dashboard-welcome,.app-page-head{display:flex;justify-content:space-between;align-items:center;gap:30px;padding:15px 0 30px}.dashboard-welcome>div:first-child>span,.app-page-head>div>span{font-size:8px;letter-spacing:1.5px;color:#8f74ff;font-weight:850}.dashboard-welcome h1,.app-page-head h1{font-size:38px;letter-spacing:-2px;margin:4px 0}.dashboard-welcome p,.app-page-head p{margin:0;color:var(--muted);font-size:10px}.availability-modern{display:flex;align-items:center;gap:8px;padding:9px 11px;border:1px solid var(--line);border-radius:999px;color:#858797;font-size:9px}.availability-modern i{width:6px;height:6px;border-radius:50%;background:#777}.availability-modern.online{color:#8ee9ba;border-color:rgba(82,229,161,.18);background:rgba(82,229,161,.045)}.availability-modern.online i{background:var(--green);box-shadow:0 0 12px rgba(82,229,161,.5)}.app-messages{display:grid;gap:8px;margin-bottom:15px}.app-messages>div{padding:10px 13px;border-radius:10px;border:1px solid rgba(82,229,161,.17);background:rgba(82,229,161,.05);font-size:9px;color:#9ce7bd}.verification-modern{display:grid;grid-template-columns:auto 1fr auto;gap:12px;align-items:center;padding:15px;border:1px solid rgba(255,181,81,.17);background:rgba(255,181,81,.045);border-radius:15px;margin-bottom:16px}.verify-icon{width:34px;height:34px;border-radius:10px;background:rgba(255,181,81,.1);color:#ffc067;display:grid;place-items:center;font-weight:900}.verification-modern b{font-size:11px}.verification-modern p{font-size:8px;color:#9d957f;margin:3px 0 0}.dashboard-stats{display:grid;grid-template-columns:.8fr 1.5fr .85fr 1fr;gap:10px;margin-bottom:35px}.dashboard-stats article{min-height:128px;padding:16px;border:1px solid var(--line);border-radius:15px;background:#10111a;display:flex;flex-direction:column}.dashboard-stats article>span,.stat-progress-head>span{font-size:7px;letter-spacing:1.1px;color:#717485}.dashboard-stats article>strong{font-size:28px;letter-spacing:-1px;margin:auto 0 0}.dashboard-stats article>small{font-size:7px;color:#747788;margin-top:4px}.stat-level{background:linear-gradient(145deg,rgba(255,45,143,.1),#11121b)!important}.stat-level>div{display:flex;align-items:baseline;gap:7px;margin:auto 0 0}.stat-level strong{font-size:38px}.stat-level b{font-size:10px;color:#d7b3ff}.stat-progress-head{display:flex;justify-content:space-between}.stat-progress-head strong{font-size:12px}.xp-track{height:7px;border-radius:999px;background:#242635;overflow:hidden;margin:auto 0 9px}.xp-track i{display:block;height:100%;background:var(--gradient);border-radius:99px}.stat-progress small b{color:#c6a6ff}.dashboard-section{margin-top:26px}.dashboard-section-head{display:flex;align-items:flex-end;justify-content:space-between;margin-bottom:13px}.dashboard-section-head>div>span{font-size:7px;letter-spacing:1.2px;color:#747788}.dashboard-section-head h2{font-size:21px;letter-spacing:-.7px;margin:2px 0}.count-bubble{width:29px;height:29px;border-radius:50%;background:#181a27;display:grid;place-items:center;font-size:9px}.mission-grid-modern{display:grid;grid-template-columns:repeat(3,1fr);gap:11px}.mission-card-modern{position:relative;padding:17px;border:1px solid var(--line);border-radius:17px;background:linear-gradient(150deg,#131522,#0e0f17);transition:.2s;overflow:hidden}.mission-card-modern:before{content:"";position:absolute;width:140px;height:140px;border-radius:50%;right:-70px;top:-75px;background:rgba(255,45,143,.09);filter:blur(15px)}.mission-card-modern:hover{transform:translateY(-4px);border-color:rgba(184,99,255,.3)}.mission-top{display:flex;justify-content:space-between;position:relative}.mission-category{font-size:7px;text-transform:uppercase;letter-spacing:1px;color:#a888ff}.mission-top>strong{font-size:18px}.mission-card-modern h3{font-size:17px;margin:15px 0 4px}.mission-location{font-size:9px;color:#858899}.mission-date-row{display:grid;grid-template-columns:repeat(3,1fr);gap:5px;margin:17px 0}.mission-date-row>div{padding:8px;border-radius:9px;background:#0a0b12}.mission-date-row small{display:block;font-size:6px;letter-spacing:.7px;color:#616475}.mission-date-row b{font-size:9px}.mission-rewards{border-top:1px solid var(--line);padding-top:11px;display:flex;gap:6px;align-items:center}.mission-rewards span{font-size:7px;padding:5px 7px;border-radius:99px;background:rgba(255,255,255,.035);color:#8d90a0}.mission-rewards b{margin-left:auto;font-size:9px}.app-empty{padding:40px}.dashboard-columns{display:grid;grid-template-columns:1.2fr .8fr;gap:11px;margin-top:30px}.dashboard-panel{padding:17px;border:1px solid var(--line);border-radius:17px;background:#10111a}.dashboard-section-head.compact{margin-bottom:8px}.upcoming-modern{display:grid}.upcoming-item{display:grid;grid-template-columns:auto 1fr auto auto;align-items:center;gap:10px;padding:11px 0;border-bottom:1px solid var(--line)}.upcoming-item:last-child{border-bottom:0}.date-tile-modern{width:42px;height:42px;border-radius:10px;background:#181a27;display:flex;flex-direction:column;align-items:center;justify-content:center}.date-tile-modern strong{font-size:15px;line-height:1}.date-tile-modern span{font-size:6px;color:#8f74ff}.upcoming-text{display:flex;flex-direction:column}.upcoming-text b{font-size:10px}.upcoming-text span{font-size:7px;color:#777a8b}.upcoming-amount{font-size:12px}.row-arrow{color:#777a8b}.mini-empty{padding:25px;color:#747788;text-align:center;font-size:9px}.performance-grid{display:grid;grid-template-columns:1fr 1fr;gap:8px}.performance-grid>div{padding:12px;background:#0a0b12;border-radius:10px}.performance-grid span{font-size:7px;color:#717485}.performance-grid strong{display:block;font-size:21px}.xp-feed-modern{margin-top:10px}.xp-feed-modern>div{display:flex;justify-content:space-between;border-bottom:1px solid var(--line);padding:8px 2px}.xp-feed-modern span{font-size:8px;color:#a78cff}.xp-feed-modern p{font-size:8px;color:#858899;margin:0}.history-table{border:1px solid var(--line);border-radius:15px;overflow:hidden}.history-item{display:grid;grid-template-columns:auto 1fr auto auto;align-items:center;gap:13px;padding:12px 14px;border-bottom:1px solid var(--line);background:#10111a}.history-item:last-child{border-bottom:0}.history-item>i{font-style:normal;width:24px;height:24px;border-radius:50%;background:rgba(82,229,161,.08);display:grid;place-items:center;color:var(--green);font-size:8px}.history-item>div{display:flex;flex-direction:column}.history-item b{font-size:9px}.history-item div span{font-size:7px;color:#777a8a}.history-item>span{font-size:8px;color:#a78cff}.history-item>strong{font-size:11px}
.profile-layout-modern{display:grid;grid-template-columns:280px 1fr;gap:13px}.profile-card-modern,.profile-form-modern{border:1px solid var(--line);border-radius:18px;background:#10111a;padding:20px}.profile-card-modern{text-align:center}.profile-avatar-modern{width:70px;height:70px;margin:0 auto 12px;border-radius:20px;background:var(--gradient);display:grid;place-items:center;font-size:25px;font-weight:900}.profile-card-modern h3{margin:0;font-size:18px}.profile-card-modern>p{font-size:8px;color:#777a8b}.verify-pill-modern{display:inline-block;margin:10px 0;padding:6px 9px;border-radius:99px;background:rgba(255,181,81,.08);color:#ffbd66;font-size:7px}.verify-pill-modern.verified{background:rgba(82,229,161,.08);color:#7ce5ab}.profile-stat-row{display:grid;grid-template-columns:1fr 1fr;gap:7px;margin:14px 0}.profile-stat-row>div{background:#0b0c13;border-radius:10px;padding:10px}.profile-stat-row strong{display:block;font-size:15px}.profile-stat-row span{font-size:7px;color:#76798a}.certifications-modern{text-align:left;border-top:1px solid var(--line);padding-top:14px;display:grid;gap:6px}.certifications-modern>span{font-size:7px;letter-spacing:1px;color:#737687}.certifications-modern b{font-size:8px;color:#c5c7d1}.certifications-modern small{font-size:8px;color:#777a8b}.profile-form-head span{font-size:7px;letter-spacing:1px;color:#777a8b}.profile-form-head h2{font-size:22px;margin:3px 0 20px}.profile-toggle-card{position:relative;border:1px solid var(--line);border-radius:11px;padding:11px;display:flex;align-items:center;gap:10px;background:#0b0c13}.profile-toggle-card input{position:absolute;opacity:0}.toggle-ui{width:31px;height:18px;border-radius:99px;background:#252735;position:relative;flex:none}.toggle-ui:after{content:"";position:absolute;width:12px;height:12px;border-radius:50%;left:3px;top:3px;background:#777a8b;transition:.2s}.profile-toggle-card:has(input:checked) .toggle-ui{background:linear-gradient(90deg,var(--pink),var(--purple))}.profile-toggle-card:has(input:checked) .toggle-ui:after{left:16px;background:white}.profile-toggle-card>div{display:flex;flex-direction:column}.profile-toggle-card b{font-size:9px}.profile-toggle-card small{font-size:7px;color:#747788}

/* MISSION DETAIL */
.mission-detail-modern{padding:70px 0 100px;background:#08080e;min-height:850px}.mission-detail-title{display:flex;justify-content:space-between;align-items:flex-end;gap:40px;padding-bottom:30px;border-bottom:1px solid var(--line)}.mission-detail-title>div:first-child>span{font-size:8px;color:#9f83ff;letter-spacing:1.2px}.mission-detail-title h1{font-size:48px;letter-spacing:-2.8px;margin:6px 0}.mission-detail-title p{color:var(--muted);font-size:11px;margin:0}.mission-detail-price{text-align:right}.mission-detail-price small{font-size:7px;color:#777a8b;letter-spacing:1px}.mission-detail-price strong{display:block;font-size:42px;letter-spacing:-2px}.mission-detail-price span{font-size:8px;color:#7d8091}.mission-detail-layout{display:grid;grid-template-columns:1fr 340px;gap:18px;margin-top:25px;align-items:start}.mission-detail-main-modern{display:grid;gap:13px}.mission-info-panel{padding:21px;border:1px solid var(--line);border-radius:17px;background:#10111a}.panel-title{display:flex;gap:10px;align-items:center;margin-bottom:18px}.panel-title span{width:29px;height:29px;border-radius:9px;background:rgba(122,77,255,.08);color:#a98dff;display:grid;place-items:center;font-size:8px}.panel-title h2{font-size:18px;margin:0}.mission-info-grid{display:grid;grid-template-columns:1fr 1fr;gap:8px}.mission-info-grid>div{padding:12px;border-radius:10px;background:#0b0c13}.mission-info-grid span{display:block;font-size:6px;letter-spacing:.8px;color:#696c7d}.mission-info-grid strong{font-size:10px}.mission-notes{font-size:11px;color:#a3a5b3;line-height:1.7}.reward-row{display:grid;grid-template-columns:1fr 1fr;gap:8px}.reward-row>div{display:flex;align-items:center;gap:10px;padding:13px;border-radius:11px;background:#0b0c13}.reward-row i{font-style:normal;width:29px;height:29px;border-radius:9px;background:rgba(255,45,143,.08);color:#ff73a4;display:grid;place-items:center;font-size:8px}.reward-row span{display:flex;flex-direction:column}.reward-row b{font-size:13px}.reward-row small{font-size:7px;color:#737687}.mission-action-card-modern{position:sticky;top:105px;padding:22px;border:1px solid var(--line);border-radius:18px;background:linear-gradient(155deg,#151724,#0d0f17)}.action-status{display:flex;align-items:center;gap:7px;color:#8de3b4;font-size:8px}.action-status i{width:6px;height:6px;border-radius:50%;background:var(--green)}.mission-action-card-modern h3{font-size:23px;line-height:1.15;letter-spacing:-.9px;margin:17px 0 10px}.mission-action-card-modern>p{font-size:9px;line-height:1.65;color:#858899;margin-bottom:18px}.accepted-modern,.locked-action{padding:11px;border-radius:10px;text-align:center;margin:10px 0;font-size:9px}.accepted-modern{color:#8ae5b3;background:rgba(82,229,161,.07)}.locked-action{color:#ffc474;background:rgba(255,181,81,.07)}

/* FOOTER */
.footer{padding:65px 0 0;border-top:1px solid var(--line);background:#08080d}.footer-main{display:grid;grid-template-columns:1.6fr repeat(3,.7fr);gap:45px;padding-bottom:45px}.brand-footer{display:inline-flex}.footer-brand-col>p{max-width:310px;color:#777a8a;font-size:10px;line-height:1.65;margin-top:15px}.footer-col{display:flex;flex-direction:column;gap:9px}.footer-col>span{font-size:8px;letter-spacing:1.2px;color:#636677;margin-bottom:6px}.footer-col a{font-size:10px;color:#afb1bd}.footer-bottom{height:55px;border-top:1px solid var(--line);display:flex;justify-content:space-between;align-items:center;color:#5f6273;font-size:8px}

@media(max-width:1050px){.main-nav{display:none}.home-hero-grid,.showreel-grid,.pro-layout,.detail-hero-grid{grid-template-columns:1fr}.hero-stage{max-width:690px;width:100%;margin:auto}.home-hero{padding-top:70px}.detail-content-grid{grid-template-columns:1fr}.detail-price-card{position:static}.quote-layout-modern,.result-grid-modern,.auth-layout-modern{grid-template-columns:1fr}.quote-summary-modern{position:static}.auth-copy-modern{max-width:700px}.signup-layout-modern{grid-template-columns:1fr}.signup-progress{position:static;display:none}.app-shell-modern{grid-template-columns:75px 1fr}.app-sidebar-modern nav a span,.app-logo>div,.sidebar-account>div:nth-child(2){display:none}.app-sidebar-modern{align-items:center}.app-sidebar-modern nav a i{width:auto}.app-logo .brand-symbol{transform:scale(.9)}.sidebar-account{grid-template-columns:1fr}.sidebar-account>a{display:none}.dashboard-stats{grid-template-columns:1fr 1fr}.mission-grid-modern{grid-template-columns:1fr 1fr}.profile-layout-modern{grid-template-columns:1fr}.mission-detail-layout{grid-template-columns:1fr}.mission-action-card-modern{position:static}}
@media(max-width:760px){.container{width:min(calc(100% - 26px),var(--container))}.site-header{position:relative}.nav-wrapper{height:68px}.nav-actions .nav-space-btn{display:none}.brand-word small{display:none}.nav-actions .btn-primary{font-size:0;padding:11px 13px}.nav-actions .btn-primary:before{content:"Animations";font-size:11px}.home-hero-copy h1,.catalog-hero h1,.detail-copy h1{letter-spacing:-3px}.hero-proof{grid-template-columns:1fr}.hero-stage{min-height:420px}.stage-screen{inset:20px 0}.hf-two{right:0}.hf-one{left:0}.hf-three{display:none}.trust-strip-inner{justify-content:flex-start;overflow:hidden;white-space:nowrap}.section{padding:75px 0}.section-title-row{align-items:flex-start;flex-direction:column;gap:14px}.persona-grid,.activity-grid,.mini-related-grid{grid-template-columns:1fr}.showreel-mosaic{grid-template-columns:1fr;grid-template-rows:240px 160px 160px}.mc-large{grid-row:auto}.pro-layout{gap:45px}.steps-line{grid-template-columns:1fr 1fr}.steps-line article:nth-child(2){border-right:0}.steps-line article{padding:25px 20px!important;border-bottom:1px solid var(--line)}.final-cta-inner{align-items:flex-start;flex-direction:column}.filter-panel{grid-template-columns:1fr}.filter-search,.filter-select{border-right:0;border-bottom:1px solid var(--line)}.filter-panel>.btn{border-radius:0}.filter-reset{position:absolute;right:6px;top:6px}.catalog-result-head{align-items:flex-start;flex-direction:column;gap:5px}.detail-facts{flex-wrap:wrap}.detail-facts>div{flex:1}.highlight-grid,.included-grid{grid-template-columns:1fr}.form-grid,.form-grid-2,.option-grid-modern,.check-grid-modern{grid-template-columns:1fr}.span-2{grid-column:auto}.result-grid-modern{grid-template-columns:1fr}.auth-page-modern{padding:60px 0}.auth-layout-modern{gap:45px}.auth-copy-modern h1{font-size:50px}.app-shell-modern{grid-template-columns:1fr}.app-sidebar-modern{position:static;min-height:auto;display:flex;flex-direction:row;align-items:center;overflow:auto}.app-logo,.sidebar-account{display:none}.app-sidebar-modern nav{display:flex;margin:0;width:100%;gap:4px}.app-sidebar-modern nav a{white-space:nowrap}.app-sidebar-modern nav a span{display:inline}.dashboard-welcome,.app-page-head{align-items:flex-start;flex-direction:column}.dashboard-stats{grid-template-columns:1fr 1fr}.mission-grid-modern,.dashboard-columns{grid-template-columns:1fr}.verification-modern{grid-template-columns:auto 1fr}.verification-modern .btn{grid-column:1/-1}.profile-layout-modern{grid-template-columns:1fr}.mission-detail-title{align-items:flex-start;flex-direction:column}.mission-detail-price{text-align:left}.footer-main{grid-template-columns:1fr 1fr}.footer-brand-col{grid-column:1/-1}}
@media(max-width:480px){.home-hero-copy h1{font-size:50px}.hero-actions{display:grid}.hero-actions .btn{width:100%}.hero-stage{min-height:350px}.stage-screen{inset:10px}.hero-float{display:none}.persona-card{min-height:250px}.showreel-copy h2,.pro-copy h2{font-size:40px}.steps-line{grid-template-columns:1fr}.steps-line article{border-right:0}.final-cta{padding:80px 0}.final-cta h2{font-size:45px}.dashboard-stats{grid-template-columns:1fr}.mission-date-row{grid-template-columns:1fr 1fr}.mission-date-row>div:last-child{grid-column:1/-1}.footer-main{grid-template-columns:1fr}.footer-brand-col{grid-column:auto}.footer-bottom{align-items:flex-start;flex-direction:column;justify-content:center;gap:3px}}

/* =========================================================
   HOP V5 — CLIENT / BUSINESS PORTAL
   ========================================================= */
.portal-body{background:#07080d;color:#f7f7fb}.client-shell{min-height:100vh;display:grid;grid-template-columns:245px 1fr}.client-sidebar{position:sticky;top:0;height:100vh;padding:22px 16px;border-right:1px solid var(--line);background:linear-gradient(180deg,#0d0e15,#090a10);display:flex;flex-direction:column}.client-logo{display:flex;align-items:center;gap:10px;padding:4px 7px 22px}.client-logo .brand-symbol{transform:scale(.86)}.client-logo>div{display:flex;flex-direction:column}.client-logo strong{font-size:17px;letter-spacing:-.6px}.client-logo small{font-size:6px;letter-spacing:1.7px;color:#ff6d9e;font-weight:800}.client-sidebar nav{display:grid;gap:4px}.client-sidebar nav a{display:flex;align-items:center;gap:11px;padding:11px 12px;border-radius:10px;color:#8e91a0;font-size:9px;font-weight:700;transition:.2s}.client-sidebar nav a i{font-style:normal;width:18px;text-align:center;color:#686b79}.client-sidebar nav a:hover,.client-sidebar nav a.active{background:#151722;color:#fff}.client-sidebar nav a.active i{color:#ff6da1}.client-sidebar-bottom{margin-top:auto;display:grid;gap:12px}.client-discover{padding:11px;border:1px solid rgba(255,75,151,.22);border-radius:10px;text-align:center;font-size:8px;font-weight:800;color:#ff78aa;background:rgba(255,54,142,.05)}.client-user-card{display:grid;grid-template-columns:34px 1fr 20px;align-items:center;gap:8px;padding-top:13px;border-top:1px solid var(--line)}.client-user-card>span{width:34px;height:34px;border-radius:10px;background:var(--gradient);display:grid;place-items:center;font-size:11px;font-weight:900}.client-user-card>div{display:flex;flex-direction:column;min-width:0}.client-user-card strong{font-size:8px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.client-user-card small{font-size:6px;color:#6e7180;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.client-user-card>a{color:#6f7281}.client-main{padding:38px 38px 70px;min-width:0}.portal-messages{display:grid;gap:8px;margin-bottom:15px}.portal-message{padding:10px 13px;border:1px solid var(--line);border-radius:9px;background:#11131b;font-size:8px}.portal-message.success{color:#8de6b6;border-color:rgba(82,229,161,.18)}.client-page-head{display:flex;align-items:flex-end;justify-content:space-between;gap:30px;margin-bottom:28px}.client-page-head>div>span{font-size:7px;letter-spacing:1.4px;color:#8a7eff;font-weight:800}.client-page-head h1{font-size:38px;letter-spacing:-2px;margin:5px 0 4px}.client-page-head h1 em{font-style:normal;font-size:28px}.client-page-head p{margin:0;color:#7c7f8e;font-size:9px}.client-kpi-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:10px;margin-bottom:16px}.client-kpi-grid article{padding:17px;border:1px solid var(--line);border-radius:14px;background:linear-gradient(155deg,#12141d,#0d0f16)}.client-kpi-grid i{display:block;font-style:normal;font-size:6px;letter-spacing:1px;color:#666978;margin-bottom:14px}.client-kpi-grid strong{display:block;font-size:25px;letter-spacing:-1.1px}.client-kpi-grid span{font-size:7px;color:#787b8a}.client-dashboard-grid{display:grid;grid-template-columns:minmax(0,1.55fr) minmax(270px,.65fr);gap:13px}.client-panel{border:1px solid var(--line);border-radius:15px;background:#10121a}.client-panel-head{display:flex;justify-content:space-between;align-items:center;padding:17px 18px;border-bottom:1px solid var(--line)}.client-panel-head>div>span{font-size:6px;letter-spacing:1px;color:#696c7b}.client-panel-head h2{font-size:16px;margin:2px 0 0}.client-panel-head>a{font-size:7px;color:#a493ff}.client-event-list{display:grid}.client-event-row{display:grid;grid-template-columns:42px 1fr auto 70px;align-items:center;gap:12px;padding:13px 17px;border-bottom:1px solid var(--line)}.client-event-row:last-child{border-bottom:0}.event-date-badge{width:42px;height:47px;border-radius:9px;background:#171925;display:flex;flex-direction:column;align-items:center;justify-content:center}.event-date-badge strong{font-size:16px;line-height:1}.event-date-badge span{font-size:6px;color:#ff76a7}.event-row-main>span{font-size:6px;color:#777a89}.event-row-main h3{font-size:11px;margin:2px 0}.event-row-main p{font-size:7px;color:#777a89;margin:0}.event-status{padding:5px 7px;border-radius:99px;font-size:6px;font-weight:800;white-space:nowrap;background:#20222d;color:#a5a8b5}.status-confirmed,.status-assigned,.status-completed{background:rgba(82,229,161,.08);color:#79dfaa}.status-searching,.status-draft{background:rgba(255,181,81,.08);color:#ffc06b}.status-cancelled{background:rgba(255,82,114,.08);color:#ff7891}.event-row-price{text-align:right;font-size:10px}.client-side-stack{display:grid;gap:13px;align-content:start}.loyalty-mini-card{padding:20px;border-radius:15px;background:linear-gradient(140deg,#7b42ff 0%,#b631c6 45%,#ec4775 100%);box-shadow:0 20px 55px rgba(89,42,184,.18)}.loyalty-mini-card>span{font-size:6px;letter-spacing:1.1px;color:rgba(255,255,255,.7)}.loyalty-mini-card h3{font-size:22px;margin:7px 0 0}.loyalty-mini-card p{font-size:8px;margin:0 0 18px;color:rgba(255,255,255,.72)}.loyalty-progress{height:5px;border-radius:99px;background:rgba(255,255,255,.16);overflow:hidden}.loyalty-progress i{display:block;height:100%;border-radius:inherit;background:white}.loyalty-mini-card small{display:block;margin-top:6px;font-size:6px;color:rgba(255,255,255,.72)}.loyalty-mini-card a{display:inline-block;margin-top:17px;font-size:7px;font-weight:800}.quotes-mini .client-panel-head{padding-bottom:12px}.quote-mini-row{display:flex;justify-content:space-between;align-items:center;gap:10px;padding:12px 15px;border-bottom:1px solid var(--line)}.quote-mini-row:last-child{border-bottom:0}.quote-mini-row div{display:flex;flex-direction:column}.quote-mini-row strong{font-size:8px}.quote-mini-row span{font-size:6px;color:#6e7180;margin-top:2px}.quote-mini-row b{font-size:10px}.subtle-empty{padding:14px;color:#717483;font-size:8px}.business-quick-actions{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin-top:13px}.business-quick-actions>a{display:grid;grid-template-columns:35px 1fr 16px;align-items:center;gap:10px;padding:14px;border:1px solid var(--line);border-radius:12px;background:#0f1118}.business-quick-actions i{font-style:normal;width:35px;height:35px;border-radius:10px;background:#171a24;display:grid;place-items:center;color:#ff6f9f}.business-quick-actions div{display:flex;flex-direction:column}.business-quick-actions strong{font-size:8px}.business-quick-actions span{font-size:6px;color:#707382}.business-quick-actions b{color:#8c80ff}.client-empty{padding:40px 20px;text-align:center;color:#747786}.client-empty>span{display:block;font-size:28px;color:#8b6cff}.client-empty h3{font-size:14px;color:#fff;margin:7px 0}.client-empty p{font-size:8px}.client-empty .btn{margin-top:10px}.table-panel{overflow:hidden}.portal-table-head,.portal-table-row{display:grid;grid-template-columns:1.5fr 1.1fr .8fr .75fr .55fr;align-items:center;gap:12px}.portal-table-head{padding:10px 16px;border-bottom:1px solid var(--line);font-size:6px;letter-spacing:.8px;color:#626574}.portal-table-row{padding:14px 16px;border-bottom:1px solid var(--line)}.portal-table-row:last-child{border-bottom:0}.portal-table-row>div{display:flex;flex-direction:column}.portal-table-row strong{font-size:8px}.portal-table-row small{font-size:6px;color:#737685;margin-top:2px}.quote-portal-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:11px}.quote-portal-card{padding:18px;border:1px solid var(--line);border-radius:15px;background:linear-gradient(150deg,#12141d,#0c0e14);transition:.2s}.quote-portal-card:hover{transform:translateY(-3px);border-color:rgba(139,107,255,.35)}.quote-card-top{display:flex;justify-content:space-between;align-items:center}.quote-card-top>span{font-size:6px;color:#696c7b}.quote-status{font-size:6px;padding:5px 7px;border-radius:99px;background:#1c1e29;color:#a7a9b5}.quote-estimated{color:#ffc16b;background:rgba(255,181,81,.08)}.quote-accepted{color:#78dfaa;background:rgba(82,229,161,.08)}.quote-portal-card h2{font-size:17px;margin:18px 0 3px}.quote-portal-card>p{font-size:7px;color:#777a89}.quote-card-info{display:grid;grid-template-columns:1fr 1fr;gap:6px;margin:16px 0}.quote-card-info span{padding:9px;border-radius:8px;background:#0b0d13;display:flex;flex-direction:column}.quote-card-info small{font-size:5px;color:#646776}.quote-card-info strong{font-size:8px}.quote-portal-card footer{display:grid;grid-template-columns:1fr auto auto;align-items:end;gap:8px;padding-top:13px;border-top:1px solid var(--line)}.quote-portal-card footer>span{font-size:6px;color:#6b6e7c}.quote-portal-card footer strong{font-size:18px}.quote-portal-card footer i{font-style:normal;color:#9a87ff}.span-all{grid-column:1/-1}.venue-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:11px}.venue-card{overflow:hidden;border:1px solid var(--line);border-radius:15px;background:#10121a}.venue-card-visual{height:110px;padding:14px;background:radial-gradient(circle at 30% 40%,rgba(122,77,255,.24),transparent 40%),linear-gradient(140deg,#171927,#0d0f16);display:flex;justify-content:space-between;align-items:flex-start}.venue-card-visual>span{font-size:22px;color:#ff6ca0}.venue-card-visual i{font-style:normal;font-size:5px;letter-spacing:.8px;padding:5px 6px;border-radius:99px;background:rgba(82,229,161,.08);color:#78dfaa}.venue-card-body{padding:16px}.venue-card-body>span{font-size:5px;color:#6b6e7d}.venue-card-body h2{font-size:16px;margin:3px 0 8px}.venue-card-body p{font-size:8px;line-height:1.6;color:#858897}.venue-card-body small{display:block;font-size:6px;color:#666978;margin:9px 0}.venue-card-body a{font-size:7px;color:#a28fff;font-weight:800}.portal-form-card{max-width:820px;padding:22px;border:1px solid var(--line);border-radius:16px;background:#10121a}.portal-form-grid{display:grid;grid-template-columns:1fr 1fr;gap:13px}.portal-form-grid label{display:flex;flex-direction:column;gap:6px}.portal-form-grid label>span{font-size:7px;color:#8d90a0}.portal-form-grid .span-2{grid-column:1/-1}.portal-form-actions{display:flex;justify-content:flex-end;gap:8px;margin-top:18px;padding-top:17px;border-top:1px solid var(--line)}.loyalty-hero{padding:26px;border-radius:19px;background:linear-gradient(125deg,#6e3cff,#9d39d2 45%,#ee4f79);display:grid;grid-template-columns:1fr auto;gap:22px;position:relative;overflow:hidden}.loyalty-hero:after{content:"✦";position:absolute;right:22%;top:-35px;font-size:120px;color:rgba(255,255,255,.05)}.loyalty-hero>div:first-child>span{font-size:6px;letter-spacing:1px;color:rgba(255,255,255,.7)}.loyalty-hero h2{font-size:30px;margin:5px 0 0}.loyalty-hero p{font-size:8px;color:rgba(255,255,255,.7)}.loyalty-score{text-align:right}.loyalty-score strong{display:block;font-size:38px;letter-spacing:-2px}.loyalty-score span{font-size:6px;color:rgba(255,255,255,.65)}.loyalty-big-progress{grid-column:1/-1}.loyalty-big-progress>div{display:flex;justify-content:space-between;font-size:7px}.loyalty-big-progress i{display:block;height:7px;border-radius:99px;background:rgba(255,255,255,.18);overflow:hidden;margin:6px 0}.loyalty-big-progress em{display:block;height:100%;background:white;border-radius:inherit}.loyalty-big-progress small{font-size:6px;color:rgba(255,255,255,.7)}.benefit-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:10px;margin:13px 0}.benefit-grid article{padding:18px;border:1px solid var(--line);border-radius:13px;background:#10121a}.benefit-grid i{font-style:normal;font-size:6px;color:#8b7cff}.benefit-grid h3{font-size:11px;margin:15px 0 6px}.benefit-grid p{font-size:7px;line-height:1.6;color:#757887}.tier-roadmap{display:grid;grid-template-columns:repeat(3,1fr);gap:1px;border:1px solid var(--line);border-radius:14px;overflow:hidden}.tier{padding:18px;background:#0d0f16;opacity:.48}.tier.active{opacity:1;background:linear-gradient(150deg,#151724,#0d0f16)}.tier span{font-size:6px;color:#8f7dff}.tier strong{display:block;font-size:16px;margin:6px 0}.tier p{font-size:7px;color:#777a89}.client-auth-page{min-height:760px;padding:90px 0;background:radial-gradient(circle at 18% 30%,rgba(125,76,255,.13),transparent 27%),radial-gradient(circle at 85% 70%,rgba(255,54,142,.1),transparent 28%),#08090f}.client-auth-grid{display:grid;grid-template-columns:1fr 460px;gap:90px;align-items:center}.client-auth-copy{max-width:650px}.client-auth-copy h1{font-size:63px;line-height:.98;letter-spacing:-4px;margin:13px 0 22px}.client-auth-copy h1 span{background:var(--gradient);-webkit-background-clip:text;color:transparent}.client-auth-copy>p{max-width:550px;font-size:13px;line-height:1.7;color:#989baa}.client-auth-points{display:flex;gap:9px;flex-wrap:wrap;margin-top:28px}.client-auth-points span{padding:8px 10px;border:1px solid var(--line);border-radius:8px;font-size:7px;color:#aeb0bc;background:rgba(255,255,255,.02)}.client-auth-card{padding:28px;border:1px solid var(--line);border-radius:20px;background:rgba(17,19,28,.92);box-shadow:0 35px 90px rgba(0,0,0,.28)}.auth-mini{font-size:6px;letter-spacing:1.2px;color:#8b7cff}.client-auth-card h2{font-size:28px;letter-spacing:-1.2px;margin:7px 0}.client-auth-card>p{font-size:8px;color:#777a89;margin-bottom:20px}.form-stack{display:grid;gap:11px}.form-stack label,.client-signup-grid label{display:flex;flex-direction:column;gap:5px}.form-stack label>span,.client-signup-grid label>span{font-size:7px;color:#8a8d9c}.full-btn{width:100%;margin-top:15px}.auth-switch{text-align:center;font-size:7px;color:#737685;margin-top:17px}.auth-switch a{color:#a58fff}.client-radio-wrap{margin:17px 0;padding:13px;border:1px solid var(--line);border-radius:11px}.client-radio-wrap>span{display:block;font-size:7px;color:#858897;margin-bottom:8px}.client-radio-wrap ul{display:grid;grid-template-columns:1fr 1fr;gap:7px;list-style:none;padding:0;margin:0}.client-radio-wrap label{display:flex;align-items:center;gap:7px;padding:9px;border-radius:8px;background:#0b0d13;font-size:8px}.client-signup-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px}.signup-card-client{padding:24px}.org-field{grid-column:1/-1}
@media(max-width:1050px){.client-shell{grid-template-columns:74px 1fr}.client-logo>div,.client-sidebar nav a span,.client-user-card>div,.client-user-card>a{display:none}.client-sidebar{align-items:center}.client-sidebar nav a{justify-content:center}.client-sidebar nav a i{width:auto}.client-discover{font-size:0}.client-discover:after{content:"＋";font-size:16px}.client-user-card{grid-template-columns:1fr}.client-dashboard-grid{grid-template-columns:1fr}.client-kpi-grid{grid-template-columns:1fr 1fr}.quote-portal-grid,.venue-grid{grid-template-columns:1fr 1fr}.benefit-grid{grid-template-columns:1fr 1fr}.client-auth-grid{grid-template-columns:1fr;gap:45px}.client-auth-copy{max-width:760px}}
@media(max-width:720px){.client-shell{display:block}.client-sidebar{position:static;height:auto;display:flex;flex-direction:row;overflow:auto;padding:8px 10px}.client-logo,.client-sidebar-bottom{display:none}.client-sidebar nav{display:flex;width:100%;gap:3px}.client-sidebar nav a{white-space:nowrap}.client-sidebar nav a span{display:inline}.client-main{padding:24px 14px 55px}.client-page-head{align-items:flex-start;flex-direction:column}.client-kpi-grid,.business-quick-actions,.quote-portal-grid,.venue-grid,.benefit-grid,.tier-roadmap{grid-template-columns:1fr}.client-event-row{grid-template-columns:42px 1fr auto}.event-row-price{display:none}.portal-table-head{display:none}.portal-table-row{grid-template-columns:1fr 1fr;padding:15px}.portal-form-grid,.client-signup-grid{grid-template-columns:1fr}.portal-form-grid .span-2,.org-field{grid-column:auto}.client-auth-copy h1{font-size:49px}.client-auth-page{padding:60px 0}.loyalty-hero{grid-template-columns:1fr}.loyalty-score{text-align:left}.client-radio-wrap ul{grid-template-columns:1fr}}

/* =========================================================
   HOP V5.1 — READABILITY PASS
   Keeps the same visual identity, but removes micro-text.
   ========================================================= */

/* Business / client portal */
.client-sidebar nav a{font-size:12px;line-height:1.35;padding:12px 13px}
.client-logo small{font-size:8px}
.client-discover{font-size:10px;padding:12px}
.client-user-card strong{font-size:10px}
.client-user-card small{font-size:8px}
.client-page-head>div>span{font-size:9px!important;letter-spacing:1.35px}
.client-page-head p{font-size:11px!important;line-height:1.55}
.client-main{font-size:12px}

.client-kpi-card>span,.client-kpi-grid article>span{font-size:8px!important;letter-spacing:1px}
.client-kpi-card>strong,.client-kpi-grid article>strong{font-size:30px!important}
.client-kpi-card>small,.client-kpi-grid article>small{font-size:9px!important;line-height:1.4}

.client-panel-head>div>span,.client-panel-head>span{font-size:8px!important;letter-spacing:1px}
.client-panel-head h2{font-size:17px!important}
.client-panel-head>a{font-size:9px!important}

.client-event-row{padding-top:16px!important;padding-bottom:16px!important}
.client-event-row .date-box strong,.client-event-row .date-tile strong{font-size:16px!important}
.client-event-row .date-box span,.client-event-row .date-tile span{font-size:7px!important}
.client-event-row>div:nth-child(2)>span,.client-event-copy>span{font-size:8px!important}
.client-event-row>div:nth-child(2)>strong,.client-event-copy>strong{font-size:12px!important}
.client-event-row>div:nth-child(2)>small,.client-event-copy>small{font-size:9px!important;line-height:1.45}
.client-event-row .status-pill,.client-event-row .event-status{font-size:8px!important;padding:6px 8px!important}
.client-event-row .event-row-price{font-size:12px!important}

.loyalty-mini>span,.loyalty-card>span{font-size:8px!important}
.loyalty-mini h3,.loyalty-card h3{font-size:22px!important}
.loyalty-mini p,.loyalty-card p{font-size:9px!important}
.loyalty-mini small,.loyalty-card small{font-size:8px!important}

.quote-mini-row span{font-size:9px!important}
.quote-mini-row small{font-size:8px!important;line-height:1.4}
.quote-mini-row b{font-size:12px!important}
.subtle-empty{font-size:10px}

.business-quick-actions strong{font-size:10px}
.business-quick-actions span{font-size:8px;line-height:1.4}
.business-quick-actions b{font-size:12px}

.client-empty p{font-size:10px}
.portal-table-head{font-size:8px}
.portal-table-row strong{font-size:10px}
.portal-table-row small{font-size:8px;line-height:1.4}

.quote-card-top>span,.quote-status{font-size:8px}
.quote-portal-card>p{font-size:9px;line-height:1.45}
.quote-card-info small{font-size:7px}
.quote-card-info strong{font-size:10px}
.quote-portal-card footer>span{font-size:8px}

.venue-card-visual i{font-size:7px}
.venue-card-body>span{font-size:7px}
.venue-card-body p{font-size:10px;line-height:1.55}
.venue-card-body small{font-size:8px}
.venue-card-body a{font-size:9px}

.portal-form-grid label>span{font-size:9px}
.loyalty-hero>div:first-child>span{font-size:8px}
.loyalty-hero p{font-size:10px}
.loyalty-score span{font-size:8px}
.loyalty-big-progress>div{font-size:9px}
.loyalty-big-progress small{font-size:8px}
.benefit-grid i{font-size:8px}
.benefit-grid h3{font-size:13px}
.benefit-grid p{font-size:9px;line-height:1.55}
.tier span{font-size:8px}
.tier p{font-size:9px;line-height:1.5}

.client-auth-points span{font-size:9px}
.auth-mini{font-size:8px}
.client-auth-card>p{font-size:10px;line-height:1.5}
.form-stack label>span,.client-signup-grid label>span{font-size:9px}
.auth-switch{font-size:9px}
.client-radio-wrap>span{font-size:9px}
.client-radio-wrap label{font-size:10px}

/* Animator portal readability */
.app-logo small{font-size:8px}
.app-sidebar-modern nav a{font-size:12px;padding:12px}
.sidebar-account b{font-size:10px}
.sidebar-account small{font-size:8px}
.dashboard-welcome>div:first-child>span,.app-page-head>div>span{font-size:9px}
.dashboard-welcome p,.app-page-head p{font-size:11px;line-height:1.5}
.availability-modern{font-size:10px}
.app-messages>div{font-size:10px}
.verification-modern b{font-size:12px}
.verification-modern p{font-size:10px}
.dashboard-stats article>span,.stat-progress-head>span{font-size:8px}
.dashboard-stats article>small{font-size:9px}
.stat-level b{font-size:11px}
.dashboard-section-head>div>span{font-size:8px}
.count-bubble{font-size:10px}
.mission-category{font-size:8px}
.mission-location{font-size:10px}
.mission-date-row small{font-size:7px}
.mission-date-row b{font-size:10px}
.mission-rewards span{font-size:8px}
.mission-rewards b{font-size:10px}
.upcoming-text b{font-size:11px}
.upcoming-text span{font-size:9px}
.performance-grid span{font-size:8px}
.xp-feed-modern span,.xp-feed-modern p{font-size:9px}
.mini-empty{font-size:10px}

/* Public website secondary copy: never let useful information collapse into micro-text */
.activity-card small,.activity-card .activity-meta,.activity-card .activity-category{font-size:9px!important}
.footer-col>span,.footer-bottom{font-size:9px}
.footer-col a,.footer-brand-col>p{font-size:11px}

@media(max-width:720px){
  .client-sidebar nav a,.app-sidebar-modern nav a{font-size:11px}
  .client-page-head p,.dashboard-welcome p,.app-page-head p{font-size:11px!important}
}

/* =========================================================
   HOP V6 — CANDIDATURE + STAFF PANEL
   ========================================================= */
.apply-hero{padding:110px 0 70px;background:radial-gradient(circle at 80% 20%,rgba(255,76,157,.14),transparent 28%),radial-gradient(circle at 20% 10%,rgba(122,92,255,.14),transparent 30%)}
.apply-hero-grid{display:grid;grid-template-columns:1.15fr .85fr;gap:70px;align-items:start}.apply-hero h1{font-size:clamp(52px,6vw,86px);line-height:.98;letter-spacing:-4px;max-width:850px}.apply-hero h1 span{background:var(--gradient);-webkit-background-clip:text;color:transparent}.apply-hero p{font-size:18px;line-height:1.75;color:var(--muted);max-width:760px;margin-top:24px}.quality-points{margin-top:42px;display:grid;gap:14px}.quality-points>div{display:flex;gap:16px;align-items:flex-start;padding:16px 0;border-top:1px solid var(--border)}.quality-points b{display:grid;place-items:center;width:34px;height:34px;border-radius:10px;background:rgba(255,255,255,.05);color:#b7aaff;font-size:12px}.quality-points span{display:flex;flex-direction:column;gap:3px}.quality-points strong{font-size:15px}.quality-points small{font-size:13px;color:var(--muted)}.selection-card{padding:30px;border:1px solid rgba(255,255,255,.1);border-radius:26px;background:linear-gradient(160deg,rgba(122,92,255,.14),rgba(255,76,157,.06) 48%,var(--card));position:sticky;top:110px}.selection-badge{font-size:11px;letter-spacing:1.6px;font-weight:900;color:#ff76b6}.selection-card h3{font-size:30px;letter-spacing:-1.4px;margin:18px 0 10px}.selection-card p{font-size:14px;line-height:1.7;margin:0 0 22px}.selection-stat{display:flex;justify-content:space-between;gap:20px;padding:14px 0;border-top:1px solid var(--border);font-size:13px}.selection-stat span{color:var(--muted)}.apply-form-section{padding:30px 0 120px}.premium-form{max-width:980px;margin:0 auto;background:var(--card);border:1px solid var(--border);border-radius:28px;padding:34px}.form-section-title{display:flex;gap:16px;align-items:flex-start;padding:28px 0 22px;margin-top:10px;border-top:1px solid var(--border)}.form-section-title:first-child{border-top:0;padding-top:0}.form-section-title>span{display:grid;place-items:center;width:38px;height:38px;border-radius:12px;background:var(--gradient);font-size:12px;font-weight:900}.form-section-title h2{font-size:23px;letter-spacing:-.7px}.form-section-title p{color:var(--muted);font-size:13px;margin-top:3px}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:18px}.form-grid .full{grid-column:1/-1}.checkbox-group{justify-content:center}.check-row{min-height:52px;display:flex;align-items:center;gap:11px;padding:12px 14px;border:1px solid var(--border);border-radius:12px;background:#0c0e14;cursor:pointer}.check-row span{font-size:13px}.application-submit{margin-top:30px;padding-top:26px;border-top:1px solid var(--border);display:flex;justify-content:space-between;gap:24px;align-items:center}.application-submit strong{font-size:18px}.application-submit p{font-size:13px;color:var(--muted);margin-top:4px}.wide-confirmation{max-width:760px}.candidate-timeline{display:grid;gap:12px;text-align:left;margin:34px 0}.candidate-timeline>div{display:flex;gap:14px;align-items:flex-start;padding:14px;border:1px solid var(--border);border-radius:14px;background:var(--card)}.candidate-timeline b{width:30px;height:30px;border-radius:10px;background:#1c1f2a;display:grid;place-items:center}.candidate-timeline .active b{background:var(--gradient)}.candidate-timeline span{display:flex;flex-direction:column}.candidate-timeline small{color:var(--muted);font-size:12px;margin-top:2px}.approved-chip{display:inline-flex;margin-top:24px;padding:10px 13px;border-radius:10px;background:rgba(96,232,160,.09);color:#70e7a7;border:1px solid rgba(96,232,160,.2);font-size:13px;font-weight:800}

.staff-body,.staff-login-body{background:#07080d;color:#f8f8fb;font-family:Inter,Arial,sans-serif}.staff-shell{min-height:100vh;display:grid;grid-template-columns:240px 1fr}.staff-sidebar{position:sticky;top:0;height:100vh;padding:22px 16px;border-right:1px solid rgba(255,255,255,.08);background:linear-gradient(180deg,#0c0d14,#08090e);display:flex;flex-direction:column}.staff-brand{display:flex;align-items:center;gap:12px;padding:2px 8px 30px}.staff-brand>span:last-child{display:flex;flex-direction:column}.staff-brand strong{font-size:20px}.staff-brand small{font-size:9px;letter-spacing:3px;color:#ff5baa;font-weight:900}.staff-nav-label{padding:0 10px 8px;font-size:10px;letter-spacing:1.5px;color:#656b7b;font-weight:900}.staff-nav{display:grid;gap:5px}.staff-nav a{display:flex;gap:11px;align-items:center;padding:11px 12px;border-radius:10px;color:#a9afbd;font-size:13px;font-weight:700}.staff-nav a.active,.staff-nav a:hover{background:#171925;color:#fff}.staff-nav a.active{box-shadow:inset 2px 0 0 #ff4fa3}.staff-sidebar-bottom{margin-top:auto;padding-top:18px;border-top:1px solid var(--border)}.staff-user{display:flex;gap:10px;align-items:center}.staff-avatar{width:34px;height:34px;border-radius:10px;display:grid;place-items:center;background:var(--gradient);font-weight:900}.staff-avatar.large{width:48px;height:48px;border-radius:14px}.staff-user>div:last-child{display:flex;flex-direction:column}.staff-user strong{font-size:12px}.staff-user small{font-size:10px;color:var(--muted)}.staff-logout{display:block;margin-top:12px;color:#777e90;font-size:11px}.staff-main{min-width:0;padding:34px 38px 80px}.staff-page-head{display:flex;justify-content:space-between;gap:30px;align-items:flex-end;margin-bottom:28px}.staff-kicker{font-size:10px;letter-spacing:1.8px;color:#9f8cff;font-weight:900;margin-bottom:8px}.staff-page-head h1{font-size:38px;letter-spacing:-2px}.staff-page-head p{color:var(--muted);font-size:13px;margin-top:5px}.staff-stats{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;margin-bottom:14px}.staff-stat{padding:20px;border:1px solid var(--border);border-radius:16px;background:#11131b}.staff-stat span{font-size:10px;letter-spacing:1px;text-transform:uppercase;color:#72788a;font-weight:800}.staff-stat strong{display:block;font-size:28px;margin:7px 0 1px}.staff-stat small{font-size:11px;color:var(--muted)}.staff-grid-main{display:grid;grid-template-columns:1.45fr .75fr;gap:14px}.staff-side-stack{display:grid;gap:14px;align-content:start}.staff-panel{border:1px solid var(--border);border-radius:17px;background:#10121a;overflow:hidden}.staff-panel.padded{padding:24px}.staff-panel-head{display:flex;align-items:flex-end;justify-content:space-between;padding:18px 20px;border-bottom:1px solid var(--border)}.staff-panel-head span,.detail-section-title span{font-size:9px;letter-spacing:1.4px;color:#72788a;font-weight:900}.staff-panel-head h2,.detail-section-title h2{font-size:17px;margin-top:4px}.staff-panel-head a{font-size:10px;color:#9b8aff}.staff-list{display:grid}.staff-row{display:grid;grid-template-columns:42px 1fr auto 70px;gap:13px;align-items:center;padding:13px 18px;border-bottom:1px solid var(--border)}.staff-row:last-child{border-bottom:0}.staff-row-icon{width:36px;height:42px;border-radius:10px;background:#181b27;display:grid;place-items:center;font-size:14px;font-weight:900}.staff-row-icon small{font-size:7px;color:#ff5baa;text-transform:uppercase;margin-top:-8px}.staff-row-main{display:flex;flex-direction:column}.staff-row-main>small{font-size:8px;color:#73798a}.staff-row-main strong{font-size:12px;margin:1px 0}.staff-row-main span{font-size:9px;color:var(--muted)}.staff-money{text-align:right;font-size:12px}.status-pill{display:inline-flex;align-items:center;justify-content:center;width:max-content;padding:5px 8px;border-radius:999px;font-size:8px;font-weight:900;background:#20232f;color:#b9bfcd;white-space:nowrap}.status-pill.big{font-size:10px;padding:7px 10px}.status-new,.status-searching,.status-estimated,.status-available{background:rgba(255,181,72,.1);color:#ffbc5c}.status-review,.status-contacted{background:rgba(85,154,255,.1);color:#70a9ff}.status-interview,.status-interviewed{background:rgba(141,101,255,.12);color:#ad95ff}.status-approved,.status-accepted,.status-assigned,.status-confirmed,.status-completed,.status-activated{background:rgba(79,221,145,.1);color:#6be3a4}.status-rejected,.status-declined,.status-cancelled{background:rgba(255,90,104,.1);color:#ff7681}.candidate-mini{display:grid;grid-template-columns:34px 1fr auto;gap:10px;align-items:center;padding:12px 16px;border-bottom:1px solid var(--border)}.candidate-mini:last-child{border-bottom:0}.candidate-mini>div:nth-child(2){display:flex;flex-direction:column}.candidate-mini strong{font-size:11px}.candidate-mini span:not(.status-pill){font-size:9px;color:var(--muted)}.candidate-avatar{width:34px;height:34px;border-radius:10px;background:linear-gradient(140deg,#ff7a37,#ff4fa3,#755dff);display:grid;place-items:center;font-size:10px;font-weight:900}.quote-mini{display:flex;justify-content:space-between;align-items:center;padding:13px 16px;border-bottom:1px solid var(--border)}.quote-mini:last-child{border-bottom:0}.quote-mini>div{display:flex;flex-direction:column}.quote-mini strong{font-size:11px}.quote-mini span{font-size:9px;color:var(--muted)}.staff-empty{padding:28px;text-align:center;color:var(--muted);font-size:12px}.staff-filter-tabs{display:flex;gap:7px;flex-wrap:wrap;margin-bottom:14px}.staff-filter-tabs a{padding:7px 10px;border-radius:9px;border:1px solid var(--border);font-size:10px;color:#8e95a5}.staff-filter-tabs a.active{background:#1a1d29;color:#fff;border-color:#363a4b}.staff-table{display:grid}.staff-table-head,.staff-table-row{display:grid;grid-template-columns:1.35fr 1fr 1fr 1fr .9fr .55fr;gap:16px;align-items:center;padding:12px 18px}.staff-table-head{font-size:8px;letter-spacing:1px;text-transform:uppercase;color:#676d7d;border-bottom:1px solid var(--border);font-weight:900}.staff-table-row{font-size:10px;border-bottom:1px solid var(--border);min-height:58px}.staff-table-row:last-child{border-bottom:0}.staff-table-row:hover{background:rgba(255,255,255,.02)}.staff-table-row>div,.staff-table-row>span{min-width:0}.staff-table-row div:not(.person-cell){display:flex;flex-direction:column}.staff-table-row strong{font-size:11px}.staff-table-row small{display:block;color:var(--muted);font-size:9px;margin-top:2px}.person-cell{display:flex;align-items:center;gap:10px}.person-cell>div:last-child{display:flex;flex-direction:column}.application-detail-grid{display:grid;grid-template-columns:minmax(0,1fr) 330px;gap:14px}.application-main{display:grid;gap:14px}.application-side{min-width:0}.sticky-review{position:sticky;top:24px}.detail-section-title{margin-bottom:20px}.info-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}.info-grid>div{padding:13px;border:1px solid var(--border);border-radius:12px;background:#0c0e14;display:flex;flex-direction:column}.info-grid small,.answer-block small{font-size:9px;color:#747a8b;text-transform:uppercase;letter-spacing:.8px;font-weight:800}.info-grid strong{font-size:12px;margin-top:5px}.answer-block{padding:16px 0;border-top:1px solid var(--border)}.answer-block:first-of-type{border-top:0}.answer-block p{font-size:12px;line-height:1.7;color:#c4c8d2;margin-top:7px}.capability-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:8px}.capability-grid span{padding:11px;border:1px solid var(--border);border-radius:10px;color:#606676;font-size:10px}.capability-grid span.yes{color:#fff;border-color:rgba(88,226,162,.22);background:rgba(88,226,162,.06)}.full-btn{width:100%;margin-top:10px}.btn-danger{background:rgba(255,75,89,.08);border:1px solid rgba(255,75,89,.2);color:#ff7782}.decision-divider{height:1px;background:var(--border);margin:20px 0 10px}.activation-box{margin-top:20px;padding:14px;border-radius:12px;background:rgba(79,221,145,.06);border:1px solid rgba(79,221,145,.15)}.activation-box>span{font-size:9px;letter-spacing:1px;color:#68e0a1;font-weight:900}.activation-box p,.activation-box small{font-size:10px;color:var(--muted);line-height:1.5}.activation-box input{margin:10px 0;font-size:9px}.animator-admin-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}.animator-admin-card{padding:20px}.animator-admin-top{display:flex;justify-content:space-between;align-items:start}.animator-admin-card h3{font-size:17px;margin-top:15px}.animator-admin-card>p{font-size:10px;color:var(--muted)}.animator-admin-stats{display:grid;grid-template-columns:repeat(3,1fr);gap:7px;margin:16px 0}.animator-admin-stats>div{padding:10px;border-radius:9px;background:#0b0d13;display:flex;flex-direction:column}.animator-admin-stats span,.cert-list>span{font-size:8px;color:#707687;text-transform:uppercase}.animator-admin-stats strong{font-size:10px;margin-top:3px}.cert-list{display:flex;gap:5px;flex-wrap:wrap}.cert-list>span{width:100%}.cert-list small{font-size:9px;padding:5px 7px;border-radius:7px;background:#191c27;color:#afb5c2}.staff-messages{margin-bottom:15px}.staff-message{padding:11px 13px;border-radius:10px;background:rgba(79,221,145,.08);border:1px solid rgba(79,221,145,.15);font-size:11px}.back-link{font-size:10px;color:#8f96a6;display:inline-block;margin-bottom:13px}
.staff-login-body{min-height:100vh;display:grid;place-items:center;background:radial-gradient(circle at 50% 10%,rgba(119,83,255,.16),transparent 36%),#07080d}.staff-login-wrap{width:min(440px,calc(100% - 32px))}.staff-login-brand{display:flex;justify-content:center;align-items:center;gap:12px;margin-bottom:20px}.staff-login-brand>div{display:flex;flex-direction:column}.staff-login-brand strong{font-size:22px}.staff-login-brand small{font-size:9px;color:#ff5baa;letter-spacing:3px;font-weight:900}.staff-login-card{padding:30px;border:1px solid var(--border);border-radius:22px;background:#11131b;box-shadow:0 30px 90px rgba(0,0,0,.4)}.staff-private{font-size:9px;letter-spacing:1.4px;color:#ff5baa;font-weight:900}.staff-login-card h1{font-size:32px;letter-spacing:-1.5px;margin:9px 0 4px}.staff-login-card>p{font-size:12px;color:var(--muted);margin-bottom:22px}.staff-login-card .btn{width:100%;margin-top:8px}
@media(max-width:1050px){.staff-shell{grid-template-columns:78px 1fr}.staff-sidebar{padding:18px 10px}.staff-brand>span:last-child,.staff-nav-label,.staff-nav a span,.staff-user>div:last-child,.staff-logout{display:none}.staff-brand{justify-content:center;padding-left:0;padding-right:0}.staff-nav a{justify-content:center;font-size:16px}.staff-user{justify-content:center}.staff-grid-main{grid-template-columns:1fr}.staff-stats{grid-template-columns:1fr 1fr}.application-detail-grid{grid-template-columns:1fr}.sticky-review{position:static}.animator-admin-grid{grid-template-columns:1fr 1fr}.apply-hero-grid{grid-template-columns:1fr}.selection-card{position:static}}
@media(max-width:760px){.staff-main{padding:24px 16px 60px}.staff-page-head{align-items:flex-start;flex-direction:column}.staff-stats{grid-template-columns:1fr}.staff-table{overflow:auto}.staff-table-head,.staff-table-row{min-width:760px}.form-grid,.info-grid,.capability-grid{grid-template-columns:1fr}.application-submit{flex-direction:column;align-items:flex-start}.animator-admin-grid{grid-template-columns:1fr}.premium-form{padding:22px}.apply-hero{padding-top:70px}}

/* =========================================================
   V7 — HOP STAFF / COMMERCIAL WORKFLOW
   ========================================================= */
.staff-body{background:#08090f}.staff-main{font-size:14px}.staff-nav a{font-size:14px}.staff-nav-label{font-size:11px}.staff-user strong{font-size:13px}.staff-user small,.staff-logout{font-size:12px}.staff-kicker{font-size:11px}.staff-page-head h1{font-size:40px}.staff-page-head p{font-size:14px}.staff-panel-head span,.detail-section-title span{font-size:10px}.staff-panel-head h2,.detail-section-title h2{font-size:19px}.staff-panel-head a{font-size:12px}.staff-stat span{font-size:11px}.staff-stat small{font-size:12px}.staff-row-main>small{font-size:10px}.staff-row-main strong{font-size:14px}.staff-row-main span{font-size:12px}.staff-money{font-size:14px}.status-pill{font-size:10px;padding:6px 9px}.status-pill.big{font-size:12px;padding:8px 12px}.staff-filter-tabs a{font-size:12px;padding:8px 12px}.staff-table-head{font-size:10px}.staff-table-row{font-size:12px;min-height:66px}.staff-table-row strong{font-size:13px}.staff-table-row small{font-size:11px}.staff-empty{font-size:13px}.candidate-mini strong,.quote-mini strong{font-size:13px}.candidate-mini span:not(.status-pill),.quote-mini span{font-size:11px}.back-link{font-size:12px}.info-grid small,.answer-block small{font-size:10px}.info-grid strong{font-size:14px}.info-grid span{font-size:12px;color:var(--muted);margin-top:3px}.answer-block p{font-size:13px}.capability-grid span{font-size:12px}.staff-message{font-size:13px}.staff-helper{font-size:13px;line-height:1.65;color:var(--muted)}.field-help{font-size:11px;color:var(--muted);display:block;margin-top:7px}.staff-stats-v7 .staff-stat{display:block;color:inherit;transition:.2s}.staff-stats-v7 .staff-stat:hover{transform:translateY(-2px);border-color:#35394a}.staff-stats-v7 .staff-stat.attention{background:linear-gradient(145deg,rgba(255,129,50,.10),#11131b 60%);border-color:rgba(255,129,50,.18)}
.staff-table-clickable .staff-table-row{color:inherit;text-decoration:none;transition:background .18s}.staff-table-clickable .staff-table-row:hover{background:#151823}.quote-mini-right{display:flex;align-items:flex-end!important;gap:6px}.quote-mini-right .status-pill{font-size:9px}.staff-detail-layout{display:grid;grid-template-columns:minmax(0,1fr) 360px;gap:16px}.staff-detail-main{display:grid;gap:16px;align-content:start}.staff-detail-side{min-width:0}.commercial-price{padding:15px;border-radius:13px;background:linear-gradient(145deg,rgba(123,83,255,.13),rgba(255,59,143,.06));border:1px solid rgba(132,95,255,.17);margin-bottom:18px}.commercial-price small{display:block;font-size:10px;letter-spacing:1px;color:#9f8cff;font-weight:900}.commercial-price strong{display:block;font-size:28px;margin-top:3px}.linked-object{display:flex;align-items:center;justify-content:space-between;gap:22px}.linked-object>div>span,.empty-operation>span{font-size:10px;letter-spacing:1.2px;font-weight:900;color:#8f82ff}.linked-object h2,.empty-operation h2{font-size:20px;margin:5px 0}.linked-object p,.empty-operation p{font-size:13px;color:var(--muted);margin:0}.empty-operation{border-style:dashed}.status-draft{background:rgba(155,160,180,.12);color:#c0c5d3}.status-sent{background:rgba(109,154,255,.12);color:#84afff}.status-expired{background:rgba(155,160,180,.10);color:#8d93a2}

/* Client quote workflow */
.client-quote-detail-grid{display:grid;grid-template-columns:minmax(0,1.35fr) minmax(300px,.65fr);gap:18px}.client-card{border:1px solid rgba(255,255,255,.09);border-radius:20px;background:#11131d;padding:26px}.quote-offer-top{display:flex;align-items:flex-start;justify-content:space-between;gap:20px;padding-bottom:20px;border-bottom:1px solid rgba(255,255,255,.08)}.quote-offer-top small{font-size:11px;letter-spacing:1.2px;color:#9a91ff;font-weight:900}.quote-offer-top h2{font-size:25px;margin:5px 0 0}.quote-offer-top>strong{font-size:32px;white-space:nowrap}.client-message-box{padding:17px 18px;border-radius:14px;background:rgba(122,77,255,.08);border:1px solid rgba(122,77,255,.16);margin:20px 0}.client-message-box span{font-size:10px;letter-spacing:1.1px;color:#a797ff;font-weight:900}.client-message-box p{font-size:14px;line-height:1.65;margin:7px 0 0;color:#d5d7e0}.client-quote-infos{display:grid;grid-template-columns:repeat(4,1fr);gap:10px;margin:20px 0}.client-quote-infos>div{padding:14px;border-radius:13px;background:#0b0d15;border:1px solid rgba(255,255,255,.07);display:flex;flex-direction:column}.client-quote-infos small{font-size:10px;letter-spacing:.8px;color:#747b8d;font-weight:900}.client-quote-infos strong{font-size:14px;margin-top:5px}.client-quote-infos span{font-size:12px;color:var(--muted);margin-top:2px}.quote-decision-zone{margin-top:22px;padding-top:22px;border-top:1px solid rgba(255,255,255,.08)}.quote-decision-zone h3{font-size:19px;margin:0}.quote-decision-zone p{font-size:13px;color:var(--muted);max-width:700px}.quote-decision-actions{display:flex;gap:10px;flex-wrap:wrap;margin-top:16px}.quote-decision-actions form{margin:0}.quote-state-success,.quote-state-muted{margin-top:22px;padding:18px;border-radius:14px}.quote-state-success{background:rgba(79,221,145,.07);border:1px solid rgba(79,221,145,.16)}.quote-state-muted{background:#0c0e16;border:1px solid rgba(255,255,255,.07)}.quote-state-success b,.quote-state-muted b{font-size:15px}.quote-state-success p,.quote-state-muted p{font-size:13px;color:var(--muted);margin:5px 0 12px}.quote-flow-card>span{font-size:10px;letter-spacing:1.2px;color:#777e91;font-weight:900}.client-flow{margin-top:22px;display:grid;gap:0}.client-flow>div{display:grid;grid-template-columns:34px 1fr;gap:12px;position:relative;padding-bottom:20px}.client-flow>div:not(:last-child):before{content:"";position:absolute;left:16px;top:32px;bottom:0;width:1px;background:#252938}.client-flow i{width:34px;height:34px;border-radius:50%;display:grid;place-items:center;font-style:normal;font-size:11px;font-weight:900;background:#1a1d29;color:#73798b;border:1px solid #272b3a}.client-flow .done i{background:rgba(84,220,156,.1);border-color:rgba(84,220,156,.25);color:#60e09d}.client-flow p{margin:0;display:flex;flex-direction:column}.client-flow b{font-size:13px}.client-flow small{font-size:11px;color:var(--muted);margin-top:2px}

@media(max-width:1050px){.staff-detail-layout{grid-template-columns:1fr}.client-quote-detail-grid{grid-template-columns:1fr}.client-quote-infos{grid-template-columns:repeat(2,1fr)}}
@media(max-width:760px){.linked-object{align-items:flex-start;flex-direction:column}.client-quote-infos{grid-template-columns:1fr}.quote-offer-top{flex-direction:column}.quote-decision-actions{flex-direction:column}.quote-decision-actions form,.quote-decision-actions .btn{width:100%}}

/* =========================================================
   V8 — ANIMATOR WORKSPACE / PLANNING
   ========================================================= */
.animator-v8{background:radial-gradient(circle at 82% 8%,rgba(124,83,255,.09),transparent 28%),#08090f;min-height:100vh}.animator-v8 .app-main-modern{font-size:14px}.animator-sidebar-v8 nav a{font-size:13px}.animator-sidebar-v8 .app-logo small{font-size:9px}.animator-sidebar-v8 .sidebar-account b{font-size:12px}.animator-sidebar-v8 .sidebar-account small{font-size:10px}.v8-welcome p,.animator-v8 .app-page-head p{font-size:13px;line-height:1.55}.v8-welcome>div:first-child>span,.animator-v8 .app-page-head>div>span{font-size:10px}.animator-v8 .availability-modern{font-size:12px;text-decoration:none}.animator-kpi-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;margin-bottom:34px}.animator-kpi-card{min-height:142px;padding:18px;border-radius:18px;background:#11131c;border:1px solid rgba(255,255,255,.075);display:flex;flex-direction:column}.animator-kpi-card>span{font-size:10px;letter-spacing:1.05px;color:#74798b;font-weight:850}.animator-kpi-card>strong{font-size:31px;letter-spacing:-1.2px;margin:auto 0 0}.animator-kpi-card>small{font-size:11px;color:#84899a;margin-top:4px}.animator-kpi-card.kpi-primary{background:linear-gradient(150deg,rgba(133,85,255,.14),rgba(255,63,151,.05) 55%,#11131c);border-color:rgba(157,103,255,.18)}.kpi-rating{display:flex;align-items:baseline;gap:5px;margin:auto 0 0}.kpi-rating strong{font-size:38px;letter-spacing:-1.5px}.kpi-rating b{font-size:20px;color:#ffc65a}.section-subcopy{font-size:12px;color:#7e8394;margin:4px 0 0}.animator-v8 .dashboard-section-head>div>span{font-size:9px}.animator-v8 .dashboard-section-head h2{font-size:23px}.animator-v8 .text-link{font-size:12px}.animator-v8 .mission-category{font-size:9px}.animator-v8 .mission-location{font-size:11px}.animator-v8 .mission-date-row small{font-size:8px}.animator-v8 .mission-date-row b{font-size:11px}.animator-v8 .mission-rewards span{font-size:9px}.animator-v8 .mission-rewards b{font-size:11px}.mission-empty-v8{grid-column:1/-1;border:1px dashed rgba(255,255,255,.1);border-radius:17px;background:#0e1018}.mission-empty-v8 b{font-size:14px}.mission-empty-v8 p{font-size:12px;color:#7e8393;margin:5px 0 0}.v8-columns{grid-template-columns:1.25fr .75fr}.animator-v8 .upcoming-item{color:inherit;text-decoration:none;transition:.18s}.animator-v8 .upcoming-item:hover{padding-left:6px;background:rgba(255,255,255,.018)}.animator-v8 .date-tile-modern span{font-size:8px}.animator-v8 .upcoming-text b{font-size:12px}.animator-v8 .upcoming-text span{font-size:10px}.animator-v8 .upcoming-amount{font-size:14px}.v8-performance>div span{font-size:9px}.v8-performance>div strong{font-size:23px}.v8-performance>div small{display:block;font-size:10px;color:#74798a}.v8-xp{margin-top:14px}.animator-v8 .xp-feed-modern p,.animator-v8 .xp-feed-modern span{font-size:10px}.v8-history .history-item,.animator-v8 .history-item{color:inherit;text-decoration:none}.animator-v8 .history-item b{font-size:11px}.animator-v8 .history-item div span{font-size:10px}.animator-v8 .history-item>span{font-size:10px}.animator-v8 .history-item>strong{font-size:13px}.history-arrow{font-size:12px!important;color:#73798b}.upcoming-history{grid-template-columns:auto 1fr auto auto auto!important}.status-soft{padding:6px 9px;border-radius:999px;background:rgba(86,222,159,.08);color:#7de0ad!important;font-size:9px!important}.animator-v8 .mini-empty{font-size:12px}

/* Calendar */
.planning-head-v8{align-items:flex-end}.calendar-legend{display:flex;gap:15px;align-items:center;flex-wrap:wrap;font-size:11px;color:#8a8f9f}.calendar-legend span{display:flex;align-items:center;gap:6px}.legend-dot{width:8px;height:8px;border-radius:50%;display:inline-block}.legend-dot.available{background:#58dfa0}.legend-dot.unavailable{background:#ff6a86}.legend-dot.mission{background:#9a76ff}.planning-layout-v8{display:grid;grid-template-columns:minmax(0,1fr) 330px;gap:14px;align-items:start}.calendar-card-v8,.availability-editor-v8{border:1px solid rgba(255,255,255,.075);border-radius:20px;background:#10121b}.calendar-card-v8{overflow:hidden}.calendar-toolbar-v8{display:grid;grid-template-columns:44px 1fr 44px;align-items:center;gap:10px;padding:18px 20px;border-bottom:1px solid rgba(255,255,255,.07)}.calendar-toolbar-v8>div{text-align:center}.calendar-toolbar-v8 span{font-size:9px;letter-spacing:1.2px;color:#757b8d;font-weight:850}.calendar-toolbar-v8 h2{font-size:22px;margin:2px 0 0}.calendar-nav-btn{width:38px;height:38px;border-radius:11px;border:1px solid rgba(255,255,255,.08);background:#171a25;display:grid;place-items:center;color:#fff;font-size:16px}.calendar-nav-btn:hover{background:#1d2030}.calendar-weekdays-v8,.calendar-grid-v8{display:grid;grid-template-columns:repeat(7,1fr)}.calendar-weekdays-v8{padding:0 10px;border-bottom:1px solid rgba(255,255,255,.06)}.calendar-weekdays-v8 span{font-size:9px;color:#6f7484;font-weight:800;text-align:center;padding:10px 0}.calendar-grid-v8{padding:10px}.calendar-day-v8{min-height:118px;padding:9px;border:1px solid rgba(255,255,255,.055);background:#0d0f17;color:inherit;position:relative;transition:.16s}.calendar-day-v8:hover{z-index:2;border-color:rgba(143,102,255,.34);background:#121520}.calendar-day-v8:nth-child(7n+1){border-radius:10px 0 0 10px}.calendar-day-v8:nth-child(7n){border-radius:0 10px 10px 0}.calendar-day-v8.outside{opacity:.34}.calendar-day-v8.today{box-shadow:inset 0 0 0 1px rgba(154,118,255,.45)}.calendar-day-v8.selected{border-color:#936cff;background:rgba(137,92,255,.07);z-index:3}.calendar-day-number{display:flex;align-items:center;justify-content:space-between}.calendar-day-number>span{font-size:12px;font-weight:800}.calendar-day-number small{font-size:7px;color:#b89cff;letter-spacing:.7px}.calendar-day-events{display:grid;gap:4px;margin-top:8px}.availability-chip,.calendar-mission-chip{padding:5px 6px;border-radius:7px;font-size:8px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.availability-chip{display:flex;flex-direction:column;font-weight:800}.availability-chip small{font-size:7px;opacity:.8}.availability-chip.available{background:rgba(83,223,159,.09);color:#72dfaa}.availability-chip.unavailable{background:rgba(255,95,126,.09);color:#ff7894}.calendar-mission-chip{background:rgba(143,104,255,.12);color:#c4b0ff}.calendar-mission-chip b{font-size:8px}.more-events{font-size:8px;color:#6e7384;padding-left:5px}.availability-editor-v8{padding:20px;position:sticky;top:100px}.availability-editor-head>span,.day-missions-box>span,.availability-form-v8 label>span{font-size:9px;letter-spacing:1px;color:#747a8c;font-weight:850}.availability-editor-head h2{font-size:21px;margin:5px 0 4px;text-transform:capitalize}.availability-editor-head p{font-size:12px;line-height:1.5;color:#868b9c;margin:0 0 18px}.day-missions-box{padding:13px;border-radius:12px;background:rgba(143,104,255,.07);border:1px solid rgba(143,104,255,.13);margin-bottom:16px}.day-missions-box>a{display:flex;flex-direction:column;color:inherit;padding-top:9px}.day-missions-box b{font-size:11px}.day-missions-box small{font-size:10px;color:#8a8f9f;margin-top:2px}.availability-form-v8{display:grid;gap:13px}.availability-form-v8 label{display:grid;gap:6px}.availability-form-v8 .form-control{font-size:12px}.availability-time-grid{display:grid;grid-template-columns:1fr 1fr;gap:8px}.availability-help{font-size:10px;color:#6f7484;line-height:1.45;margin-top:-5px}.availability-delete-form{margin-top:10px}.availability-delete-form button{background:none;border:0;color:#ff788e;font-size:10px;padding:5px 0;cursor:pointer}.availability-editor-empty{text-align:center;padding:35px 8px}.availability-editor-empty>div{font-size:28px;color:#8e70ff}.availability-editor-empty h2{font-size:19px;margin:9px 0 4px}.availability-editor-empty p{font-size:12px;color:#7d8292;line-height:1.5}.availability-tip-v8{margin-top:18px;padding:14px;border-radius:12px;background:#0b0d14;border:1px solid rgba(255,255,255,.06)}.availability-tip-v8 b{font-size:11px}.availability-tip-v8 p{font-size:10px;color:#777c8d;line-height:1.55;margin:5px 0 0}

/* Completed mission review */
.mission-review-v8{margin-top:18px;padding:20px;border:1px solid rgba(255,255,255,.08);border-radius:18px;background:#10121b;display:grid;grid-template-columns:1fr auto;gap:18px;align-items:center}.mission-review-v8>div>span{font-size:9px;letter-spacing:1px;color:#7f6cff;font-weight:850}.mission-review-v8 h2{font-size:20px;margin:4px 0}.review-score-v8{display:flex;align-items:baseline;gap:4px}.review-score-v8 strong{font-size:34px}.review-score-v8 b{font-size:18px;color:#ffc75f}.review-score-v8 small{font-size:10px;color:#7c8191}.review-pending-v8{font-size:12px;color:#818696}.mission-review-v8 blockquote{grid-column:1/-1;margin:0;padding:14px 16px;border-left:2px solid #8e69ff;background:#0b0d14;border-radius:0 10px 10px 0;font-size:12px;color:#c8cad3;line-height:1.6}

@media(max-width:1150px){.animator-kpi-grid{grid-template-columns:1fr 1fr}.planning-layout-v8{grid-template-columns:1fr}.availability-editor-v8{position:static}.calendar-day-v8{min-height:105px}.v8-columns{grid-template-columns:1fr}}
@media(max-width:760px){.animator-kpi-grid{grid-template-columns:1fr 1fr}.planning-head-v8{align-items:flex-start}.calendar-legend{font-size:10px}.calendar-card-v8{overflow-x:auto}.calendar-toolbar-v8,.calendar-weekdays-v8,.calendar-grid-v8{min-width:720px}.calendar-day-v8{min-height:98px}.availability-time-grid{grid-template-columns:1fr}.upcoming-history{grid-template-columns:auto 1fr auto!important}.upcoming-history>.status-soft,.upcoming-history>strong{display:none}.mission-review-v8{grid-template-columns:1fr}}
@media(max-width:480px){.animator-kpi-grid{grid-template-columns:1fr}.animator-kpi-card{min-height:120px}.v8-history .history-item{grid-template-columns:auto 1fr auto}.v8-history .history-item>span,.v8-history .history-item>strong{display:none}}
.animator-v8 .back-link{font-size:12px}.v8-detail-title{margin-top:10px}.animator-v8 .mission-info-grid>div>span,.animator-v8 .panel-title>span{font-size:9px}.animator-v8 .mission-info-grid strong{font-size:13px}.animator-v8 .mission-info-grid small{font-size:10px;color:#777d8e;margin-top:3px}.animator-v8 .mission-notes{font-size:13px;line-height:1.65}.animator-v8 .mission-action-card-modern p{font-size:12px;line-height:1.55}

/* V8.1 — Animator availability UX */
.planning-layout-v81{display:grid;grid-template-columns:minmax(0,1fr) 390px;gap:16px;align-items:start}.availability-editor-v81{padding:20px;position:sticky;top:100px;border:1px solid rgba(255,255,255,.075);border-radius:20px;background:#10121b}.availability-current-v81{margin:14px 0 18px;padding:12px 14px;border-radius:13px;background:#0b0d14;border:1px solid rgba(255,255,255,.06);display:grid;gap:4px}.availability-current-v81>span,.editor-label-v81{font-size:10px;letter-spacing:1px;color:#777d8f;font-weight:850}.availability-current-v81>b{font-size:13px}.availability-current-v81.is-available{border-color:rgba(82,222,159,.18);background:rgba(82,222,159,.045)}.availability-current-v81.is-available>b{color:#78e1ae}.availability-current-v81.is-unavailable{border-color:rgba(255,103,132,.18);background:rgba(255,103,132,.045)}.availability-current-v81.is-unavailable>b{color:#ff8198}.quick-slots-v81{display:grid;gap:9px}.quick-slot-grid-v81{display:grid;grid-template-columns:1fr 1fr;gap:8px}.quick-slot-grid-v81 form{margin:0}.quick-slot-wide{grid-column:1/-1}.quick-slot-card{width:100%;height:100%;min-height:86px;padding:12px;border-radius:14px;border:1px solid rgba(255,255,255,.075);background:#151824;color:#fff;text-align:left;cursor:pointer;display:grid;grid-template-columns:28px 1fr;column-gap:8px;align-content:center;transition:.16s}.quick-slot-card i{grid-row:1/3;font-style:normal;width:28px;height:28px;border-radius:9px;display:grid;place-items:center;background:rgba(147,108,255,.11);color:#bba5ff;font-size:15px}.quick-slot-card b{font-size:13px}.quick-slot-card small{font-size:10px;color:#858b9c;margin-top:2px}.quick-slot-card:hover{transform:translateY(-1px);border-color:rgba(147,108,255,.35);background:#191d2a}.quick-slot-card.full-day{border-color:rgba(82,222,159,.14);background:rgba(82,222,159,.045)}.quick-slot-card.full-day i{background:rgba(82,222,159,.1);color:#77dfae}.quick-slot-card.unavailable{min-height:68px;border-color:rgba(255,103,132,.13);background:rgba(255,103,132,.04)}.quick-slot-card.unavailable i{background:rgba(255,103,132,.09);color:#ff8198}.custom-slot-v81{margin-top:14px;border:1px solid rgba(255,255,255,.07);border-radius:15px;background:#0c0e16;overflow:hidden}.custom-slot-toggle-v81{width:100%;padding:14px;border:0;background:transparent;color:#fff;display:flex;align-items:center;justify-content:space-between;text-align:left;cursor:pointer}.custom-slot-toggle-v81 span{display:grid;gap:2px}.custom-slot-toggle-v81 b{font-size:13px}.custom-slot-toggle-v81 small{font-size:10px;color:#797f90}.custom-slot-toggle-v81>i{font-style:normal;width:28px;height:28px;border-radius:9px;background:#171a24;display:grid;place-items:center;font-size:17px;transition:.18s}.custom-slot-toggle-v81.open>i{transform:rotate(45deg)}.custom-slot-body-v81{display:none;padding:0 14px 14px}.custom-slot-body-v81.open{display:grid;gap:14px}.hour-picker-block-v81{display:grid;gap:8px}.hour-picker-v81{display:grid;grid-template-columns:repeat(6,1fr);gap:5px}.hour-picker-v81 button{padding:8px 2px;border-radius:9px;border:1px solid rgba(255,255,255,.07);background:#151821;color:#9ca1b1;font-size:10px;font-weight:800;cursor:pointer}.hour-picker-v81 button:hover{color:#fff;border-color:rgba(147,108,255,.3)}.hour-picker-v81 button.active{background:linear-gradient(135deg,#8c63ff,#d34fe1);border-color:transparent;color:#fff}.custom-slot-summary-v81{font-size:11px;color:#888e9f;padding:10px 12px;border-radius:10px;background:#141721}.custom-slot-summary-v81 b{color:#fff}.custom-slot-v81 .btn:disabled{opacity:.35;cursor:not-allowed}.v81-delete{text-align:center;margin-top:12px}.v81-delete button{font-size:11px!important}.availability-modern.availability-state-unavailable{background:rgba(255,94,126,.075)!important;border-color:rgba(255,94,126,.18)!important;color:#ff8299!important}.availability-modern.availability-state-unset{background:rgba(255,190,82,.07)!important;border-color:rgba(255,190,82,.16)!important;color:#ffc870!important}.availability-modern.availability-state-paused{opacity:.72}.availability-modern.availability-state-unavailable i{background:#ff6d88!important}.availability-modern.availability-state-unset i{background:#ffc35d!important}
@media(max-width:1150px){.planning-layout-v81{grid-template-columns:1fr}.availability-editor-v81{position:static}}@media(max-width:760px){.quick-slot-grid-v81{grid-template-columns:1fr}.quick-slot-wide{grid-column:auto}.hour-picker-v81{grid-template-columns:repeat(4,1fr)}}


/* V8.2 — Fluid animator planning */
.planning-layout-v82{display:grid;grid-template-columns:minmax(0,1fr) 390px;gap:16px;align-items:start;position:relative}
.availability-editor-v82{padding:20px;position:sticky;top:100px;border:1px solid rgba(255,255,255,.075);border-radius:20px;background:#10121b;transition:border-color .25s ease,box-shadow .25s ease,transform .25s ease}
.planning-layout-v82.is-updating .calendar-card-v8,.planning-layout-v82.is-updating .availability-editor-v82{pointer-events:none}
.planning-layout-v82.is-updating .calendar-card-v8{opacity:.82}
.planning-layout-v82.is-updating .availability-editor-v82{opacity:.88}
.planning-layout-v82.planning-just-updated-v82 .availability-editor-v82{animation:planningEditorPulse .42s ease}
@keyframes planningEditorPulse{0%{transform:translateY(2px);border-color:rgba(147,108,255,.32);box-shadow:0 0 0 0 rgba(147,108,255,.1)}100%{transform:none;border-color:rgba(255,255,255,.075);box-shadow:none}}
.calendar-day-v8{cursor:pointer;will-change:transform,background,border-color}
.calendar-day-v8:active{transform:scale(.985)}
.calendar-day-v8.selecting-v82{border-color:#936cff!important;background:rgba(137,92,255,.1)!important;box-shadow:inset 0 0 0 1px rgba(147,108,255,.28)}
.quick-slot-card{position:relative;overflow:hidden}
.quick-slot-card:active{transform:translateY(0) scale(.985)}
.quick-slot-card::after{content:"";position:absolute;inset:0;background:linear-gradient(120deg,transparent,rgba(255,255,255,.045),transparent);transform:translateX(-120%);transition:transform .35s ease;pointer-events:none}
.quick-slot-card:hover::after{transform:translateX(120%)}
.planning-save-state-v82,.planning-toast-v82{position:fixed;right:24px;bottom:24px;z-index:1000;display:flex;align-items:center;gap:9px;padding:11px 14px;border-radius:12px;background:#171a25;border:1px solid rgba(255,255,255,.1);box-shadow:0 16px 38px rgba(0,0,0,.35);color:#fff;opacity:0;transform:translateY(9px) scale(.98);transition:.18s ease;pointer-events:none}
.planning-save-state-v82.show,.planning-toast-v82.show{opacity:1;transform:none}
.planning-save-state-v82 b,.planning-toast-v82 b{font-size:12px}
.planning-toast-v82{background:#13231d;border-color:rgba(82,222,159,.2);color:#86e8b8}
.planning-toast-v82 span{width:20px;height:20px;border-radius:50%;display:grid;place-items:center;background:rgba(82,222,159,.12);font-weight:900}
.spinner-v82{width:16px;height:16px;border-radius:50%;border:2px solid rgba(255,255,255,.18);border-top-color:#a987ff;animation:spinnerV82 .65s linear infinite}
@keyframes spinnerV82{to{transform:rotate(360deg)}}
.custom-slot-body-v81.open{animation:customSlotOpen .2s ease}
@keyframes customSlotOpen{from{opacity:0;transform:translateY(-4px)}to{opacity:1;transform:none}}
.custom-slot-summary-v81.has-error{border:1px solid rgba(255,103,132,.18);color:#ff8198}
.custom-slot-summary-v81.has-error b{color:#ff8198}
@media(max-width:1150px){.planning-layout-v82{grid-template-columns:1fr}.availability-editor-v82{position:static;scroll-margin-top:90px}}
@media(max-width:760px){.planning-save-state-v82,.planning-toast-v82{right:14px;left:14px;bottom:14px;justify-content:center}.availability-editor-v82{scroll-margin-top:74px}}

/* V8.3 — profil animateur : préférences & compétences */
.profile-v83 .app-page-head{margin-bottom:22px}.profile-layout-v83{display:grid;grid-template-columns:300px minmax(0,1fr);gap:18px;align-items:start}.profile-summary-v83{position:sticky;top:24px;background:#10111a;border:1px solid var(--line);border-radius:22px;padding:24px;text-align:center}.profile-photo-wrap-v83{width:104px;height:104px;margin:0 auto 14px}.profile-photo-v83,.profile-photo-placeholder-v83{width:100%;height:100%;border-radius:28px;object-fit:cover;border:1px solid rgba(255,255,255,.08)}.profile-photo-placeholder-v83{display:grid;place-items:center;background:var(--gradient);font-size:36px;font-weight:900}.profile-summary-v83 h3{font-size:20px;margin:0 0 4px}.profile-summary-v83>p{font-size:13px;color:#8b8e9f;margin:0}.profile-completion-v83{margin:20px 0 16px;text-align:left;padding:15px;background:#0b0c13;border:1px solid var(--line);border-radius:14px}.profile-completion-head{display:flex;justify-content:space-between;gap:12px;font-size:12px;margin-bottom:9px}.profile-completion-head span{color:#9497a7}.profile-completion-track{height:7px;background:#20222e;border-radius:999px;overflow:hidden}.profile-completion-track i{display:block;height:100%;border-radius:999px;background:var(--gradient)}.profile-completion-v83 small{display:block;font-size:11px;line-height:1.45;color:#747788;margin-top:9px}.profile-summary-list-v83{border-top:1px solid var(--line);margin-top:16px;padding-top:10px}.profile-summary-list-v83>div{display:flex;justify-content:space-between;gap:12px;padding:8px 0;font-size:12px}.profile-summary-list-v83 span{color:#7e8191}.profile-summary-list-v83 b{font-size:12px}.profile-form-v83{display:grid;gap:16px}.profile-section-v83{background:#10111a;border:1px solid var(--line);border-radius:22px;padding:24px}.profile-section-title{display:flex;justify-content:space-between;align-items:flex-end;gap:24px;padding-bottom:18px;border-bottom:1px solid var(--line);margin-bottom:20px}.profile-section-title>div{display:flex;align-items:center;gap:11px}.profile-section-title>div>span{width:30px;height:30px;display:grid;place-items:center;border-radius:9px;background:rgba(255,255,255,.055);color:#a9abba;font-size:11px;font-weight:800}.profile-section-title h2{font-size:21px;margin:0}.profile-section-title p{max-width:410px;text-align:right;font-size:12px;line-height:1.5;color:#7f8293;margin:0}.profile-photo-field-v83{display:flex;align-items:center;justify-content:space-between;gap:20px;border:1px dashed #343746;border-radius:15px;padding:15px;margin-bottom:18px}.profile-photo-field-v83>div{display:grid;gap:4px}.profile-photo-field-v83 b{font-size:13px}.profile-photo-field-v83 small{font-size:11px;color:#838696;line-height:1.4}.photo-upload-btn-v83{position:relative;overflow:hidden;display:inline-flex;align-items:center;justify-content:center;min-width:140px;padding:10px 14px;border-radius:10px;background:#20222d;border:1px solid #343746;font-size:12px;font-weight:750;cursor:pointer}.photo-upload-btn-v83 input{position:absolute;inset:0;opacity:0;cursor:pointer}.profile-v83 .form-group label{font-size:12px}.profile-v83 .form-control{font-size:14px}.choice-pills-v83{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:9px}.choice-pills-v83.compact{grid-template-columns:repeat(2,minmax(0,1fr))}.choice-pill-v83{position:relative;display:flex;align-items:center;min-height:48px;padding:11px 12px;border:1px solid #292b38;border-radius:13px;background:#0b0c13;cursor:pointer;transition:.18s ease}.choice-pill-v83:hover{transform:translateY(-1px);border-color:#414454}.choice-pill-v83 input{position:absolute;opacity:0;pointer-events:none}.choice-pill-v83 span{font-size:12px;font-weight:700;color:#b7bac7}.choice-pill-v83:has(input:checked){border-color:rgba(239,75,141,.65);background:linear-gradient(135deg,rgba(239,75,141,.12),rgba(119,82,255,.10));box-shadow:inset 0 0 0 1px rgba(239,75,141,.08)}.choice-pill-v83:has(input:checked) span{color:#fff}.choice-pill-v83:has(input:checked):before{content:"✓";margin-right:7px;color:#ff75ad;font-weight:900}.preference-grid-v83{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}.preference-card-v83{background:#0b0c13;border:1px solid var(--line);border-radius:16px;padding:15px}.preference-card-v83 h3{font-size:13px;margin:0 0 12px}.toggle-grid-v83{display:grid;grid-template-columns:1fr 1fr;gap:10px}.profile-v83 .profile-toggle-card{min-height:62px;padding:13px}.profile-v83 .profile-toggle-card b{font-size:12px}.profile-v83 .profile-toggle-card small{font-size:11px;line-height:1.35}.admin-details-v83{margin-top:14px;border-top:1px solid var(--line);padding-top:14px}.admin-details-v83 summary{font-size:12px;color:#8f92a2;cursor:pointer}.admin-details-v83 .form-group{margin-top:14px;max-width:360px}.profile-savebar-v83{position:sticky;bottom:12px;display:flex;align-items:center;justify-content:space-between;gap:20px;padding:14px 16px;border:1px solid #343746;border-radius:16px;background:rgba(15,16,24,.94);backdrop-filter:blur(14px);z-index:5;box-shadow:0 16px 44px rgba(0,0,0,.35)}.profile-savebar-v83>div{display:grid;gap:2px}.profile-savebar-v83 b{font-size:13px}.profile-savebar-v83 small{font-size:11px;color:#858898}.mini-avatar-photo{object-fit:cover;padding:0}.sidebar-account img.mini-avatar{display:block}
@media(max-width:1100px){.profile-layout-v83{grid-template-columns:1fr}.profile-summary-v83{position:static;display:grid;grid-template-columns:auto 1fr;column-gap:18px;text-align:left}.profile-photo-wrap-v83{grid-row:1/5;margin:0}.profile-summary-v83 .verify-pill-modern{justify-self:start}.profile-completion-v83,.profile-stat-row,.profile-summary-list-v83{grid-column:1/-1}.choice-pills-v83{grid-template-columns:repeat(2,minmax(0,1fr))}.preference-grid-v83{grid-template-columns:1fr}}
@media(max-width:700px){.profile-section-v83{padding:18px}.profile-section-title{align-items:flex-start;flex-direction:column;gap:8px}.profile-section-title p{text-align:left}.profile-photo-field-v83{align-items:flex-start;flex-direction:column}.choice-pills-v83,.choice-pills-v83.compact,.toggle-grid-v83{grid-template-columns:1fr}.profile-savebar-v83{align-items:stretch;flex-direction:column}.profile-savebar-v83 .btn{width:100%}.profile-summary-v83{grid-template-columns:1fr;text-align:center}.profile-photo-wrap-v83{grid-row:auto;margin:0 auto 12px}.profile-summary-v83 .verify-pill-modern{justify-self:center}}

/* V8.4 — profil guidé + langues visuelles */
.profile-certified-badge-v84{margin:12px 0 0;display:flex;align-items:center;justify-content:center;gap:9px;padding:10px 12px;border-radius:13px;border:1px solid rgba(82,229,161,.24);background:linear-gradient(135deg,rgba(82,229,161,.11),rgba(58,212,255,.06));color:#dff9ed}
.profile-certified-badge-v84>span{width:25px;height:25px;border-radius:50%;display:grid;place-items:center;background:rgba(82,229,161,.15);color:#71e9ae;font-size:13px;font-weight:900}
.profile-certified-badge-v84>div{display:grid;text-align:left;line-height:1.2}.profile-certified-badge-v84 b{font-size:12px}.profile-certified-badge-v84 small{font-size:10px;color:#7fc9a6;margin-top:2px}
.profile-completion-v84{padding-bottom:12px}.profile-next-step-v84{width:100%;margin-top:12px;padding:11px 10px 11px 12px;border:1px solid rgba(255,255,255,.075);border-radius:11px;background:#141620;color:#fff;display:flex;align-items:center;justify-content:space-between;gap:10px;text-align:left;cursor:pointer;transition:.18s ease}
.profile-next-step-v84:hover{border-color:rgba(158,116,255,.45);background:#181a27;transform:translateY(-1px)}.profile-next-step-v84>span{display:grid;gap:2px}.profile-next-step-v84 small{font-size:9px;letter-spacing:.8px;text-transform:uppercase;color:#777b8e}.profile-next-step-v84 b{font-size:11px;line-height:1.3}.profile-next-step-v84>i{font-style:normal;width:28px;height:28px;border-radius:9px;display:grid;place-items:center;background:linear-gradient(135deg,rgba(255,73,135,.15),rgba(122,77,255,.18));color:#d9c9ff;font-size:15px;transition:.18s ease}.profile-next-step-v84:hover>i{transform:translateY(2px)}
.profile-complete-message-v84{margin-top:11px;padding:10px;border-radius:10px;background:rgba(82,229,161,.07);border:1px solid rgba(82,229,161,.13);color:#91dbb4;font-size:11px;line-height:1.4}
.language-picker-v84{margin-top:18px;padding:16px;border-radius:16px;background:#0b0c13;border:1px solid var(--line);transition:border-color .3s ease,box-shadow .3s ease,background .3s ease}.language-picker-head-v84{display:flex;align-items:flex-end;justify-content:space-between;gap:16px;margin-bottom:12px}.language-picker-head-v84>div{display:grid;gap:3px}.language-picker-head-v84 b{font-size:13px}.language-picker-head-v84 small{font-size:11px;color:#818495}.language-picker-head-v84>span{font-size:10px;color:#696d80}
.language-grid-v84{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:9px}.language-choice-v84{position:relative;min-height:52px;display:flex;align-items:center;justify-content:center;padding:10px 12px;border:1px solid #292b38;border-radius:13px;background:#11131c;cursor:pointer;transition:.18s ease;overflow:hidden}.language-choice-v84:hover{transform:translateY(-1px);border-color:#424656}.language-choice-v84 input{position:absolute;opacity:0;pointer-events:none}.language-choice-v84 span{font-size:13px;font-weight:750;color:#b9bbc8;white-space:nowrap}.language-choice-v84:has(input:checked){border-color:rgba(109,204,255,.45);background:linear-gradient(135deg,rgba(58,212,255,.10),rgba(122,77,255,.11));box-shadow:inset 0 0 0 1px rgba(58,212,255,.05)}.language-choice-v84:has(input:checked) span{color:#fff}.language-choice-v84:has(input:checked):after{content:"✓";position:absolute;right:8px;top:7px;width:17px;height:17px;border-radius:50%;display:grid;place-items:center;background:rgba(82,229,161,.13);color:#6ee8ad;font-size:9px;font-weight:900}
.profile-guide-target-v84{scroll-margin-top:120px;transition:border-color .35s ease,box-shadow .35s ease,background .35s ease}.profile-guide-focus-v84{border-color:rgba(255,67,139,.72)!important;box-shadow:0 0 0 3px rgba(255,67,139,.10),0 0 34px rgba(123,77,255,.10)!important;animation:profileGuidePulseV84 .85s ease 2}@keyframes profileGuidePulseV84{0%,100%{transform:translateZ(0)}50%{transform:translateY(-2px)}}
@media(max-width:800px){.language-grid-v84{grid-template-columns:repeat(2,minmax(0,1fr))}.language-picker-head-v84{align-items:flex-start;flex-direction:column;gap:5px}}@media(max-width:480px){.language-grid-v84{grid-template-columns:1fr}}


/* ===== V8.5 — profile completion polish + robust language flags ===== */
.profile-name-line-v85{display:flex;align-items:center;justify-content:center;gap:8px;margin-top:2px}
.profile-name-line-v85 h3{margin:0}
.profile-certified-check-v85{position:relative;width:22px;height:22px;border-radius:50%;display:grid;place-items:center;flex:none;background:rgba(82,229,161,.13);border:1px solid rgba(82,229,161,.35);color:#70e8ad;font-size:12px;font-weight:950;cursor:help;box-shadow:0 0 0 3px rgba(82,229,161,.035)}
.profile-certified-check-v85::after{content:attr(data-tooltip);position:absolute;left:50%;bottom:calc(100% + 10px);transform:translate(-50%,4px);width:max-content;max-width:230px;padding:8px 10px;border:1px solid #323541;border-radius:9px;background:#171923;color:#f2f4fb;font-size:11px;font-weight:700;line-height:1.25;box-shadow:0 12px 35px rgba(0,0,0,.38);opacity:0;visibility:hidden;pointer-events:none;transition:.16s ease;z-index:20;white-space:nowrap}
.profile-certified-check-v85::before{content:"";position:absolute;left:50%;bottom:calc(100% + 5px);width:8px;height:8px;background:#171923;border-right:1px solid #323541;border-bottom:1px solid #323541;transform:translateX(-50%) rotate(45deg);opacity:0;visibility:hidden;transition:.16s ease;z-index:21}
.profile-certified-check-v85:hover::after,.profile-certified-check-v85:hover::before,.profile-certified-check-v85:focus-visible::after,.profile-certified-check-v85:focus-visible::before{opacity:1;visibility:visible;transform:translate(-50%,0)}
.profile-certified-check-v85:focus-visible{outline:2px solid rgba(82,229,161,.45);outline-offset:3px}

.language-choice-v84{justify-content:flex-start;gap:10px}
.language-name-v85{font-size:13px;font-weight:750;color:#b9bbc8;white-space:nowrap}
.language-choice-v84:has(input:checked) .language-name-v85{color:#fff}
.language-flag-v85{position:relative;width:28px;height:19px;display:block;flex:none;border-radius:4px;overflow:hidden;border:1px solid rgba(255,255,255,.18);box-shadow:0 1px 4px rgba(0,0,0,.28);background:#ddd}
/* France */
.language-choice-v84:nth-child(1) .language-flag-v85{background:linear-gradient(90deg,#1b43a6 0 33.333%,#fff 33.333% 66.666%,#ef3340 66.666%)}
/* Italy */
.language-choice-v84:nth-child(6) .language-flag-v85{background:linear-gradient(90deg,#009246 0 33.333%,#fff 33.333% 66.666%,#ce2b37 66.666%)}
/* Germany */
.language-choice-v84:nth-child(5) .language-flag-v85{background:linear-gradient(#111 0 33.333%,#dd0000 33.333% 66.666%,#ffce00 66.666%)}
/* Netherlands */
.language-choice-v84:nth-child(4) .language-flag-v85{background:linear-gradient(#ae1c28 0 33.333%,#fff 33.333% 66.666%,#21468b 66.666%)}
/* Spain */
.language-choice-v84:nth-child(3) .language-flag-v85{background:linear-gradient(#aa151b 0 25%,#f1bf00 25% 75%,#aa151b 75%)}
/* United Kingdom — compact CSS Union Jack */
.language-choice-v84:nth-child(2) .language-flag-v85{background:#21468b}
.language-choice-v84:nth-child(2) .language-flag-v85:before,.language-choice-v84:nth-child(2) .language-flag-v85:after{content:"";position:absolute;inset:0}
.language-choice-v84:nth-child(2) .language-flag-v85:before{background:linear-gradient(33deg,transparent 41%,#fff 41% 47%,#cf142b 47% 53%,#fff 53% 59%,transparent 59%),linear-gradient(-33deg,transparent 41%,#fff 41% 47%,#cf142b 47% 53%,#fff 53% 59%,transparent 59%)}
.language-choice-v84:nth-child(2) .language-flag-v85:after{background:linear-gradient(90deg,transparent 38%,#fff 38% 44%,#cf142b 44% 56%,#fff 56% 62%,transparent 62%),linear-gradient(transparent 31%,#fff 31% 39%,#cf142b 39% 61%,#fff 61% 69%,transparent 69%)}

@media(max-width:1100px){.profile-name-line-v85{justify-content:flex-start}}
@media(max-width:700px){.profile-name-line-v85{justify-content:center}.profile-certified-check-v85::after{white-space:normal;width:190px}}

/* ===== V8.6 — photo profile modal + clean language flags ===== */
.profile-photo-trigger-v86{position:relative;display:block;padding:0;border:0;background:transparent;cursor:pointer;border-radius:30px;transition:transform .18s ease,box-shadow .18s ease}
.profile-photo-trigger-v86:hover{transform:translateY(-2px);box-shadow:0 12px 30px rgba(0,0,0,.24)}
.profile-photo-trigger-v86:focus-visible{outline:2px solid rgba(154,116,255,.7);outline-offset:5px}
.profile-photo-edit-v86{position:absolute;right:-3px;bottom:-3px;width:32px;height:32px;border-radius:50%;display:grid;place-items:center;background:#f5f6fb;color:#11131b;border:4px solid #10111a;font-size:13px;font-style:normal;font-weight:900;box-shadow:0 6px 18px rgba(0,0,0,.32);transition:.18s ease}
.profile-photo-trigger-v86:hover .profile-photo-edit-v86{transform:scale(1.06)}

.profile-photo-modal-v86{position:fixed;inset:0;z-index:200;display:grid;place-items:center;padding:24px;opacity:0;visibility:hidden;pointer-events:none;transition:opacity .2s ease,visibility .2s ease}
.profile-photo-modal-v86.is-open{opacity:1;visibility:visible;pointer-events:auto}
.profile-photo-modal-backdrop-v86{position:absolute;inset:0;border:0;background:rgba(3,4,8,.72);backdrop-filter:blur(8px);cursor:default}
.profile-photo-modal-card-v86{position:relative;width:min(430px,100%);padding:26px;border:1px solid #343744;border-radius:24px;background:#11131c;box-shadow:0 28px 90px rgba(0,0,0,.55);transform:translateY(12px) scale(.985);transition:transform .22s ease}
.profile-photo-modal-v86.is-open .profile-photo-modal-card-v86{transform:none}
.profile-photo-modal-close-v86{position:absolute;right:15px;top:15px;width:34px;height:34px;border-radius:10px;border:1px solid #2e3140;background:#191b25;color:#aeb1bf;font-size:20px;line-height:1;cursor:pointer}
.profile-photo-modal-head-v86{text-align:center;padding:4px 26px 0}.profile-photo-modal-head-v86>span{font-size:10px;font-weight:850;letter-spacing:1.4px;color:#8b79ff}.profile-photo-modal-head-v86 h2{font-size:23px;margin:7px 0 7px}.profile-photo-modal-head-v86 p{font-size:12px;line-height:1.55;color:#858999;margin:0}
.profile-photo-modal-preview-v86{width:138px;height:138px;margin:22px auto 20px}.profile-photo-modal-preview-v86 img,.profile-photo-modal-preview-v86 .profile-photo-placeholder-v83{width:100%;height:100%;object-fit:cover;border-radius:38px;border:1px solid rgba(255,255,255,.09)}
.profile-photo-picker-v86{display:flex;align-items:center;justify-content:center;min-height:46px;border:1px dashed #404454;border-radius:13px;background:#0b0d14;color:#d5d7e2;font-size:13px;font-weight:750;cursor:pointer;transition:.18s ease}.profile-photo-picker-v86:hover{border-color:#6e5ddd;background:#10121c}.profile-photo-picker-v86 input{position:absolute;width:1px;height:1px;opacity:0;pointer-events:none}
.profile-photo-save-v86{width:100%;margin-top:10px}.profile-photo-save-v86:disabled{opacity:.45;cursor:not-allowed}.profile-photo-error-v86{margin-top:10px;padding:9px 11px;border-radius:10px;background:rgba(255,91,117,.08);border:1px solid rgba(255,91,117,.2);color:#ff94a7;font-size:11px;line-height:1.4}
body.profile-photo-modal-open-v86{overflow:hidden}

.language-choice-v86{gap:11px;padding:10px 13px;overflow:visible}.language-flag-v86{width:30px;height:20px;display:flex;align-items:center;justify-content:center;flex:none;border-radius:3px;overflow:hidden;background:transparent;box-shadow:0 1px 5px rgba(0,0,0,.22)}.language-flag-v86 img{display:block;width:100%;height:100%;object-fit:cover}.language-choice-v86:has(input:checked) .language-flag-v86{box-shadow:0 0 0 2px rgba(255,255,255,.08),0 3px 9px rgba(0,0,0,.25)}
/* neutralise les anciens drapeaux CSS V8.5 */
.language-choice-v86 .language-flag-v85{display:none}

@media(max-width:700px){.profile-photo-modal-v86{padding:14px}.profile-photo-modal-card-v86{padding:22px 18px}.profile-photo-modal-preview-v86{width:124px;height:124px}.profile-photo-edit-v86{right:0;bottom:0}}

/* Animator workspace — production polish */
.animator-app-modern .nav-icon-v87{width:18px;height:18px;display:inline-block;position:relative;flex:0 0 18px;opacity:.78}
.animator-app-modern .nav-dashboard-v87{border:1.8px solid currentColor;border-radius:5px}
.animator-app-modern .nav-dashboard-v87:before,.animator-app-modern .nav-dashboard-v87:after{content:"";position:absolute;background:currentColor;opacity:.8}
.animator-app-modern .nav-dashboard-v87:before{width:1.5px;top:3px;bottom:3px;left:8px}
.animator-app-modern .nav-dashboard-v87:after{height:1.5px;left:3px;right:3px;top:8px}
.animator-app-modern .nav-missions-v87:before{content:"";position:absolute;inset:2px;border:1.8px solid currentColor;border-radius:4px;transform:rotate(-6deg)}
.animator-app-modern .nav-missions-v87:after{content:"";position:absolute;width:7px;height:1.8px;background:currentColor;left:5px;top:8px;border-radius:2px}
.animator-app-modern .nav-planning-v87{border:1.8px solid currentColor;border-radius:4px}
.animator-app-modern .nav-planning-v87:before{content:"";position:absolute;left:-1.8px;right:-1.8px;top:4px;border-top:1.8px solid currentColor}
.animator-app-modern .nav-planning-v87:after{content:"";position:absolute;width:3px;height:3px;border-radius:50%;background:currentColor;left:4px;top:9px;box-shadow:6px 0 0 currentColor}
.animator-app-modern .nav-profile-v87{border:1.8px solid currentColor;border-radius:50%}
.animator-app-modern .nav-profile-v87:before{content:"";position:absolute;width:5px;height:5px;border:1.5px solid currentColor;border-radius:50%;left:5px;top:3px}
.animator-app-modern .nav-profile-v87:after{content:"";position:absolute;width:9px;height:4px;border:1.5px solid currentColor;border-bottom:0;border-radius:8px 8px 0 0;left:3px;bottom:2px}
.animator-app-modern .logout-icon-v87{width:30px;height:30px;display:grid;place-items:center;border-radius:9px}
.animator-app-modern .logout-icon-v87 i{width:12px;height:12px;border:1.7px solid currentColor;border-left:0;position:relative;border-radius:2px}
.animator-app-modern .logout-icon-v87 i:before{content:"";position:absolute;width:7px;border-top:1.7px solid currentColor;left:-5px;top:4px}
.animator-app-modern .logout-icon-v87 i:after{content:"";position:absolute;width:5px;height:5px;border-top:1.7px solid currentColor;border-right:1.7px solid currentColor;transform:rotate(45deg);left:-1px;top:1px}
.animator-app-modern .location-dot-v87{width:7px;height:7px;border:2px solid currentColor;border-radius:50%;display:inline-block;margin-right:7px;position:relative;top:-1px;opacity:.75}
.animator-app-modern .link-affordance-v87:after,.animator-app-modern .text-link:after{content:"";display:inline-block;width:6px;height:6px;border-top:1.5px solid currentColor;border-right:1.5px solid currentColor;transform:rotate(45deg);margin-left:7px;position:relative;top:-1px}
.animator-app-modern .row-arrow-v87,.animator-app-modern .history-arrow-v87{width:8px;height:8px;border-top:1.5px solid currentColor;border-right:1.5px solid currentColor;transform:rotate(45deg);display:inline-block;opacity:.55}
.animator-app-modern .kpi-rating b:not(.rating-star),.animator-app-modern .review-score-v8 b:not(.rating-star){display:none}
.animator-app-modern .history-item>i{width:8px;height:8px;border-radius:50%;background:currentColor;opacity:.4;font-size:0}
.profile-v83 .profile-photo-edit-v87{position:absolute;right:7px;bottom:7px;width:28px;height:28px;border-radius:50%;background:rgba(10,14,24,.9);border:1px solid rgba(255,255,255,.16);display:grid;place-items:center;box-shadow:0 4px 14px rgba(0,0,0,.25)}
.profile-v83 .profile-photo-edit-v87:before{content:"";width:10px;height:10px;border:1.6px solid #fff;border-radius:2px;transform:rotate(-35deg)}
.profile-v83 .certified-mark-v87{display:inline-block;width:7px;height:12px;border-right:2px solid currentColor;border-bottom:2px solid currentColor;transform:rotate(45deg);position:relative;top:-1px}
.profile-v83 .next-step-icon-v87{width:8px;height:8px;border-right:1.5px solid currentColor;border-bottom:1.5px solid currentColor;transform:rotate(45deg);display:inline-block}
.profile-v83 .modal-close-icon-v87{display:block;width:12px;height:12px;position:relative}
.profile-v83 .modal-close-icon-v87:before,.profile-v83 .modal-close-icon-v87:after{content:"";position:absolute;left:5px;top:0;width:1.5px;height:12px;background:currentColor;border-radius:2px}
.profile-v83 .modal-close-icon-v87:before{transform:rotate(45deg)}
.profile-v83 .modal-close-icon-v87:after{transform:rotate(-45deg)}
.animator-app-modern .app-page-head>div>span,.animator-app-modern .dashboard-section-head>div>span,.profile-v83 .profile-section-title>div>span{letter-spacing:.08em}
.animator-app-modern .verify-icon-v87{position:relative;font-size:0}
.animator-app-modern .verify-icon-v87:before{content:"";display:block;width:8px;height:8px;border:2px solid currentColor;border-radius:50%}
.animator-app-modern .calendar-nav-btn i{display:block;width:8px;height:8px;border-top:1.7px solid currentColor;border-right:1.7px solid currentColor}
.animator-app-modern .calendar-nav-prev-v87 i{transform:rotate(-135deg);margin-left:3px}
.animator-app-modern .calendar-nav-next-v87 i{transform:rotate(45deg);margin-right:3px}
.animator-app-modern .custom-slot-icon-v87{display:block;width:11px;height:11px;position:relative}
.animator-app-modern .custom-slot-icon-v87:before,.animator-app-modern .custom-slot-icon-v87:after{content:"";position:absolute;background:currentColor;border-radius:2px}
.animator-app-modern .custom-slot-icon-v87:before{left:5px;top:0;width:1.5px;height:11px}
.animator-app-modern .custom-slot-icon-v87:after{left:0;top:5px;width:11px;height:1.5px}
.animator-app-modern .slot-icon-v87{width:20px;height:20px;display:inline-block;position:relative;opacity:.78}
.animator-app-modern .slot-all-v87{border:1.8px solid currentColor;border-radius:50%}
.animator-app-modern .slot-all-v87:after{content:"";position:absolute;inset:5px;border-radius:50%;background:currentColor}
.animator-app-modern .slot-morning-v87:before,.animator-app-modern .slot-afternoon-v87:before,.animator-app-modern .slot-evening-v87:before{content:"";position:absolute;left:2px;right:2px;bottom:3px;height:8px;border:1.8px solid currentColor;border-bottom:0;border-radius:12px 12px 0 0}
.animator-app-modern .slot-morning-v87:after{content:"";position:absolute;width:1.5px;height:5px;background:currentColor;left:9px;top:1px;box-shadow:-6px 3px 0 -0.2px currentColor,6px 3px 0 -0.2px currentColor}
.animator-app-modern .slot-afternoon-v87:after{content:"";position:absolute;left:1px;right:1px;bottom:2px;border-bottom:1.5px solid currentColor}
.animator-app-modern .slot-evening-v87:before{left:5px;right:1px;bottom:2px;height:14px;border:1.8px solid currentColor;border-radius:50%;border-top-color:transparent;transform:rotate(25deg)}
.animator-app-modern .slot-evening-v87:after{content:"";position:absolute;width:9px;height:9px;background:var(--surface, #111827);border-radius:50%;left:2px;top:2px}
.animator-app-modern .slot-off-v87{border:1.7px solid currentColor;border-radius:50%}
.animator-app-modern .slot-off-v87:before{content:"";position:absolute;width:14px;height:1.7px;background:currentColor;left:2px;top:8px;transform:rotate(-45deg);border-radius:2px}


/* V8.8 — Animator readability & hierarchy */
.animator-v8 .app-main-modern{font-size:15px}
.animator-v8 .dashboard-welcome p,.animator-v8 .app-page-head p{font-size:14px;line-height:1.6}
.animator-v8 .dashboard-section-head>div>span{font-size:10px;letter-spacing:1.05px}
.animator-v8 .dashboard-section-head h2{font-size:24px}
.animator-v8 .section-subcopy{font-size:13px;line-height:1.55}
.animator-v8 .text-link{font-size:13px}
.animator-kpi-card>span{font-size:11px}.animator-kpi-card>small{font-size:12px;line-height:1.45}
.rating-star{font-family:Arial,sans-serif!important;color:#f5bd4f!important;font-style:normal!important;font-weight:900!important;line-height:1}
.kpi-rating .rating-star{font-size:19px;margin-left:2px}.activity-rating .rating-star{font-size:.58em;vertical-align:.1em}
.rating-inline{display:inline-flex;align-items:center;gap:5px;color:#c8cad4}.rating-inline b{font-family:Arial,sans-serif;color:#f5bd4f;font-size:13px;line-height:1}
.animator-v8 .mission-card-modern{padding:19px}.animator-v8 .mission-category{font-size:10px}.animator-v8 .mission-card-modern h3{font-size:18px;margin-top:16px}.animator-v8 .mission-location{font-size:12px;line-height:1.45}
.animator-v8 .mission-date-row{gap:7px;margin:18px 0}.animator-v8 .mission-date-row>div{padding:10px}.animator-v8 .mission-date-row small{font-size:9px}.animator-v8 .mission-date-row b{font-size:12px;margin-top:2px;display:block}
.animator-v8 .mission-rewards{padding-top:13px}.animator-v8 .mission-rewards span{font-size:10px}.animator-v8 .mission-rewards b{font-size:12px}
.animator-v8 .upcoming-text b{font-size:13px}.animator-v8 .upcoming-text span{font-size:11px;line-height:1.5;margin-top:2px}.animator-v8 .upcoming-amount{font-size:15px}
.animator-v8 .history-item{padding:14px 16px}.animator-v8 .history-item b{font-size:12px}.animator-v8 .history-item div span{font-size:11px;line-height:1.45;margin-top:2px}.animator-v8 .history-item>span{font-size:11px}.animator-v8 .history-item>strong{font-size:14px}
.activity-first-grid{margin-top:4px}.activity-first-grid>div{padding:14px}.activity-first-grid span{font-size:9px}.activity-first-grid strong{font-size:24px}.activity-first-grid small{font-size:11px!important;line-height:1.4;margin-top:3px}
.xp-secondary-v88{margin-top:16px;padding-top:13px;border-top:1px solid rgba(255,255,255,.07)}.xp-secondary-v88>div:first-child{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:8px}.xp-secondary-v88 span{font-size:10px;font-weight:800;color:#818697}.xp-secondary-v88 small{font-size:10px;color:#666b7d}.xp-secondary-v88 .xp-track{height:4px;margin:0;background:#202330;opacity:.72}.xp-secondary-v88 .xp-track i{opacity:.75}
.animator-v8 .mission-detail-title>div:first-child>span{font-size:10px}.animator-v8 .mission-detail-title p{font-size:13px;line-height:1.55}.animator-v8 .mission-detail-price small{font-size:9px}.animator-v8 .mission-detail-price span{font-size:11px;margin-top:3px;display:block}
.animator-v8 .mission-info-panel{padding:23px}.animator-v8 .panel-title{margin-bottom:20px}.animator-v8 .panel-title>span{font-size:10px}.animator-v8 .panel-title h2{font-size:20px}
.animator-v8 .mission-info-grid{gap:10px}.animator-v8 .mission-info-grid>div{padding:15px}.animator-v8 .mission-info-grid>div>span{font-size:10px;margin-bottom:5px}.animator-v8 .mission-info-grid strong{font-size:14px;line-height:1.45}.animator-v8 .mission-info-grid small{font-size:12px;line-height:1.55}
.animator-v8 .mission-place-block strong{display:block;margin-top:1px}.animator-v8 .mission-address{display:block!important;margin-top:8px!important;padding-top:8px;border-top:1px solid rgba(255,255,255,.055);color:#8d92a3!important}
.animator-v8 .mission-notes{font-size:14px;line-height:1.72}
.compensation-main-v88{padding:17px;border-radius:12px;background:#0b0d14}.compensation-main-v88 span{display:block;font-size:10px;letter-spacing:.8px;color:#74798b;margin-bottom:5px}.compensation-main-v88 strong{display:block;font-size:30px;letter-spacing:-1px}.compensation-main-v88 small{font-size:12px;color:#8b90a0;margin-top:3px;display:block}
.xp-detail-secondary-v88{display:flex;justify-content:space-between;gap:15px;align-items:center;padding:12px 3px 0;margin-top:10px;border-top:1px solid rgba(255,255,255,.06)}.xp-detail-secondary-v88 span{font-size:10px;color:#727789;font-weight:750}.xp-detail-secondary-v88 small{font-size:10px;color:#64697a}
.animator-v8 .mission-action-card-modern p{font-size:13px;line-height:1.6}.animator-v8 .mission-action-card-modern h3{font-size:18px;line-height:1.35}
.review-score-v8{gap:6px}.review-score-v8 .rating-star{font-size:19px}.review-score-v8 strong{font-size:35px}.mission-review-v8 blockquote{font-size:13px}
@media(max-width:760px){.xp-secondary-v88>div:first-child{align-items:flex-start;flex-direction:column;gap:3px}.xp-detail-secondary-v88{align-items:flex-start;flex-direction:column;gap:3px}}

/* ========================================================================== */
/* V8.9 — Animator missions                                                   */
/* ========================================================================== */
.animator-missions-v89 .missions-head-v89{margin-bottom:22px}
.mission-tabs-v89{display:flex;gap:8px;padding:6px;background:rgba(255,255,255,.035);border:1px solid rgba(255,255,255,.08);border-radius:16px;margin:0 0 28px;max-width:640px}
.mission-tab-v89{border:0;background:transparent;color:var(--muted);padding:11px 16px;border-radius:11px;font:inherit;font-weight:700;display:flex;align-items:center;gap:9px;cursor:pointer;transition:.18s ease}
.mission-tab-v89 b{min-width:24px;height:24px;padding:0 7px;border-radius:999px;background:rgba(255,255,255,.07);display:inline-flex;align-items:center;justify-content:center;font-size:12px;color:var(--muted)}
.mission-tab-v89:hover{color:#fff;background:rgba(255,255,255,.045)}
.mission-tab-v89.is-active{background:#fff;color:#111528;box-shadow:0 10px 28px rgba(0,0,0,.15)}
.mission-tab-v89.is-active b{background:#111528;color:#fff}
.mission-tab-panel-v89{animation:missionPanelIn .22s ease}
@keyframes missionPanelIn{from{opacity:.35;transform:translateY(4px)}to{opacity:1;transform:none}}
.mission-panel-intro-v89{display:flex;justify-content:space-between;align-items:flex-end;margin:0 0 16px}
.mission-panel-intro-v89 span{font-size:12px;letter-spacing:.12em;color:var(--muted);font-weight:800}
.mission-panel-intro-v89 h2{font-size:24px;margin:4px 0 4px}
.mission-panel-intro-v89 p{margin:0;color:var(--muted);font-size:14px;line-height:1.55}
.mission-list-v89{display:grid;gap:12px}
.mission-opportunity-v89,.mission-upcoming-card-v89{display:grid;grid-template-columns:76px minmax(0,1fr) 145px;gap:18px;align-items:center;padding:18px 20px;background:rgba(255,255,255,.035);border:1px solid rgba(255,255,255,.075);border-radius:18px;text-decoration:none;color:inherit;transition:.18s ease}
.mission-opportunity-v89:hover,.mission-upcoming-card-v89:hover{border-color:rgba(255,255,255,.17);background:rgba(255,255,255,.055);transform:translateY(-1px)}
.mission-date-badge-v89{width:64px;min-height:68px;border-radius:15px;background:linear-gradient(145deg,rgba(255,110,73,.18),rgba(210,76,255,.12));display:flex;flex-direction:column;align-items:center;justify-content:center;border:1px solid rgba(255,153,117,.18)}
.mission-date-badge-v89 strong{font-size:27px;line-height:1;color:#fff}.mission-date-badge-v89 span{text-transform:uppercase;font-size:11px;font-weight:800;letter-spacing:.1em;color:var(--muted)}
.mission-date-badge-v89.is-confirmed{background:rgba(100,211,157,.10);border-color:rgba(100,211,157,.2)}
.mission-opportunity-top-v89{display:flex;align-items:center;gap:12px;flex-wrap:wrap;margin-bottom:7px}.mission-opportunity-main-v89 h3,.mission-upcoming-title-v89 h3{font-size:19px;margin:0 0 10px;color:#fff}
.mission-location-v89{display:inline-flex;align-items:center;gap:7px;font-size:13px;color:var(--muted);font-weight:650}
.mission-meta-v89{display:flex;gap:22px;flex-wrap:wrap}.mission-meta-v89 span{display:flex;flex-direction:column;gap:2px}.mission-meta-v89 small{font-size:11px;text-transform:uppercase;letter-spacing:.07em;color:var(--muted)}.mission-meta-v89 b{font-size:14px;color:#e9eaf1}
.mission-opportunity-pay-v89,.mission-upcoming-pay-v89{text-align:right;display:flex;flex-direction:column;align-items:flex-end;gap:3px}.mission-opportunity-pay-v89 small{font-size:11px;text-transform:uppercase;letter-spacing:.08em;color:var(--muted)}.mission-opportunity-pay-v89 strong,.mission-upcoming-pay-v89 strong{font-size:24px;color:#fff}.mission-opportunity-pay-v89 span,.mission-upcoming-pay-v89 span{font-size:12px;color:#b9b8c9;margin-top:3px}
.mission-upcoming-title-v89{display:flex;align-items:center;gap:10px;flex-wrap:wrap}.mission-upcoming-title-v89 h3{margin:0}.mission-upcoming-details-v89{display:flex;flex-wrap:wrap;gap:8px 20px;margin-top:9px}.mission-upcoming-details-v89 span{font-size:14px;color:var(--muted)}
.history-v89 .history-status-dot-v89{width:9px;height:9px;border-radius:50%;background:#85879a;margin-left:6px}.history-v89 .history-status-dot-v89.is-done{background:#66d5a0}.history-v89 .history-status-dot-v89.is-cancelled{background:#d96b73}

.mission-detail-hero-v89{display:flex;justify-content:space-between;gap:30px;align-items:flex-end;padding:22px 0 24px;border-bottom:1px solid rgba(255,255,255,.08)}
.mission-status-line-v89{display:flex;gap:10px;align-items:center;margin-bottom:9px;color:var(--muted);font-size:12px;font-weight:750;text-transform:uppercase;letter-spacing:.08em}.mission-status-pill-v89{padding:6px 9px;border-radius:999px;background:rgba(255,255,255,.07);color:#fff}.mission-status-pill-v89.status-available{background:rgba(255,138,91,.12);color:#ffb18d}.mission-status-pill-v89.status-accepted{background:rgba(94,211,156,.12);color:#92e5bb}
.mission-detail-heading-v89 h1{font-size:36px;line-height:1.08;margin:0 0 9px}.mission-detail-heading-v89 p{font-size:15px;line-height:1.6;color:var(--muted);max-width:700px;margin:0}
.mission-detail-pay-v89{text-align:right;display:flex;flex-direction:column;align-items:flex-end}.mission-detail-pay-v89 small{font-size:11px;text-transform:uppercase;letter-spacing:.09em;color:var(--muted)}.mission-detail-pay-v89 strong{font-size:34px;color:#fff;line-height:1.1;margin:4px 0}.mission-detail-pay-v89 span{font-size:12px;color:var(--muted)}
.mission-quickfacts-v89{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:1px;background:rgba(255,255,255,.08);border:1px solid rgba(255,255,255,.08);border-radius:16px;overflow:hidden;margin:18px 0 24px}.mission-quickfacts-v89>div{background:#151726;padding:15px 17px;display:flex;flex-direction:column;gap:5px}.mission-quickfacts-v89 span{font-size:11px;text-transform:uppercase;letter-spacing:.08em;color:var(--muted)}.mission-quickfacts-v89 strong{font-size:15px;color:#f7f7fb}
.mission-detail-layout-v89{align-items:start}.mission-section-v89{padding:24px}.mission-section-v89 .panel-title{margin-bottom:20px}
.mission-location-detail-v89{display:grid;grid-template-columns:42px 1fr;gap:14px;align-items:start}.mission-location-mark-v89{width:38px;height:38px;border-radius:12px;background:rgba(255,255,255,.055);display:flex;align-items:center;justify-content:center}.mission-location-label-v89{display:block;font-size:12px;text-transform:uppercase;letter-spacing:.07em;color:var(--muted);margin-bottom:5px}.mission-location-detail-v89 strong{font-size:19px;color:#fff;display:block;margin-bottom:8px}.mission-location-detail-v89 p{font-size:14px;line-height:1.6;color:#c7c8d3;margin:0}
.mission-operational-grid-v89{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.mission-operational-grid-v89>div,.mission-contact-v89>div{padding:15px 16px;border:1px solid rgba(255,255,255,.075);border-radius:13px;background:rgba(255,255,255,.025);display:flex;flex-direction:column;gap:5px}.mission-operational-grid-v89 span,.mission-contact-v89 span,.mission-brief-v89>span{font-size:11px;text-transform:uppercase;letter-spacing:.07em;color:var(--muted)}.mission-operational-grid-v89 strong,.mission-contact-v89 strong{font-size:14px;color:#fff}.mission-contact-v89{display:grid;grid-template-columns:1fr 1fr;gap:12px}.mission-contact-v89 small{font-size:13px;color:var(--muted)}.mission-contact-v89 a{color:#fff;text-decoration:none}.mission-contact-v89 a:hover{text-decoration:underline}
.mission-brief-v89{margin-top:14px;padding:16px;border-radius:13px;background:rgba(255,255,255,.025);border:1px solid rgba(255,255,255,.06)}.mission-brief-v89 p{font-size:14px;line-height:1.65;color:#d2d3dc;margin:7px 0 0;white-space:pre-line}
.mission-action-v89{position:sticky;top:108px}.mission-action-summary-v89{margin:14px 0 17px;padding:14px 15px;border-radius:13px;background:rgba(255,255,255,.04);display:flex;align-items:center;justify-content:space-between}.mission-action-summary-v89 span{font-size:13px;color:var(--muted)}.mission-action-summary-v89 strong{font-size:23px;color:#fff}
.mission-progression-note-v89{margin-top:12px;padding:10px 4px;display:flex;justify-content:space-between;gap:16px;align-items:center;color:var(--muted)}.mission-progression-note-v89 span{font-size:12px;font-weight:700}.mission-progression-note-v89 small{font-size:12px;color:#818395}
.mission-review-v89{margin-top:0}

@media (max-width:900px){.mission-opportunity-v89,.mission-upcoming-card-v89{grid-template-columns:62px 1fr}.mission-opportunity-pay-v89,.mission-upcoming-pay-v89{grid-column:2;text-align:left;align-items:flex-start}.mission-detail-hero-v89{align-items:flex-start;flex-direction:column}.mission-detail-pay-v89{text-align:left;align-items:flex-start}.mission-quickfacts-v89{grid-template-columns:1fr 1fr}.mission-action-v89{position:static}}
@media (max-width:620px){.mission-tabs-v89{width:100%;overflow-x:auto}.mission-tab-v89{white-space:nowrap;flex:1;justify-content:center;padding:10px 12px}.mission-opportunity-v89,.mission-upcoming-card-v89{grid-template-columns:54px 1fr;padding:15px;gap:12px}.mission-date-badge-v89{width:50px;min-height:58px}.mission-date-badge-v89 strong{font-size:22px}.mission-meta-v89{gap:12px}.mission-detail-heading-v89 h1{font-size:30px}.mission-quickfacts-v89{grid-template-columns:1fr}.mission-operational-grid-v89,.mission-contact-v89{grid-template-columns:1fr}.mission-progression-note-v89{align-items:flex-start;flex-direction:column;gap:2px}}

/* ========================================================================== */
/* V9 — Progression, Hopcoin & S-Hop                                          */
/* ========================================================================== */
.nav-progression-v9::before{content:"";position:absolute;left:5px;top:4px;width:12px;height:12px;border-left:2px solid currentColor;border-bottom:2px solid currentColor;transform:skew(-12deg)}
.nav-progression-v9::after{content:"";position:absolute;left:9px;top:2px;width:8px;height:8px;border-top:2px solid currentColor;border-right:2px solid currentColor;transform:rotate(-18deg)}
.nav-shop-v9::before{content:"";position:absolute;left:4px;top:5px;width:13px;height:11px;border:2px solid currentColor;border-radius:3px}
.nav-shop-v9::after{content:"";position:absolute;left:7px;top:2px;width:7px;height:5px;border:2px solid currentColor;border-bottom:0;border-radius:5px 5px 0 0}

.hopcoin-mark-v9,.hopcoin-mini-v9{font-style:normal;display:inline-flex;align-items:center;justify-content:center;border-radius:50%;font-weight:900;line-height:1;background:linear-gradient(145deg,#ffba72,#f27456 55%,#d948b5);color:#161725;box-shadow:inset 0 0 0 1px rgba(255,255,255,.42),0 5px 14px rgba(225,97,76,.2)}
.hopcoin-mark-v9{width:42px;height:42px;font-size:17px}.hopcoin-mini-v9{width:22px;height:22px;font-size:10px;flex:0 0 auto}
.progression-head-v9{align-items:center}.hopcoin-balance-v9{display:flex;align-items:center;gap:12px;text-decoration:none;color:inherit;padding:11px 15px;border:1px solid rgba(255,255,255,.09);background:rgba(255,255,255,.035);border-radius:16px;transition:.18s ease}.hopcoin-balance-v9:hover{background:rgba(255,255,255,.06);border-color:rgba(255,255,255,.17)}.hopcoin-balance-v9 div{display:flex;flex-direction:column}.hopcoin-balance-v9 span{font-size:10px;letter-spacing:.09em;font-weight:800;color:var(--muted)}.hopcoin-balance-v9 strong{font-size:15px;color:#fff}
.progression-summary-v9{display:grid;grid-template-columns:1.15fr 1fr 1fr;gap:14px;margin:0 0 20px}.progression-summary-v9 article{border:1px solid rgba(255,255,255,.08);background:rgba(255,255,255,.035);border-radius:19px;padding:20px}.progression-summary-v9 article>span{font-size:11px;letter-spacing:.09em;color:var(--muted);font-weight:800}.progression-summary-v9 p{font-size:13px;line-height:1.55;color:var(--muted);margin:9px 0 0}.tier-main-v9,.level-main-v9{display:flex;align-items:flex-end;justify-content:space-between;gap:12px;margin-top:7px}.tier-main-v9 strong,.level-main-v9 strong{font-size:27px;color:#fff}.tier-main-v9 b{font-size:29px;color:#ffb17e}.level-main-v9 b{font-size:14px;color:#c5c6d2}.xp-track-v9{margin:13px 0 8px}.level-summary-card-v9 small{font-size:12px;color:var(--muted)}.coin-main-v9{display:flex;gap:10px;align-items:center;margin:8px 0 2px}.coin-main-v9 strong{font-size:31px;color:#fff}
.progression-panel-v9,.shop-section-v9{border:1px solid rgba(255,255,255,.08);background:rgba(255,255,255,.025);border-radius:21px;padding:24px;margin-top:16px}.tier-panel-v9{overflow:hidden}.tier-road-v9{display:grid;grid-template-columns:auto 1fr auto 1fr auto 1fr auto;align-items:center;margin:24px 2px 28px}.tier-stop-v9{display:flex;flex-direction:column;align-items:center;text-align:center;min-width:92px;color:#7f8190}.tier-stop-v9 i{width:17px;height:17px;border-radius:50%;border:2px solid #555869;background:#191b29;margin-bottom:8px;position:relative}.tier-stop-v9 span{font-size:13px;font-weight:800}.tier-stop-v9 b{font-size:12px;margin-top:3px}.tier-stop-v9.is-current{color:#fff}.tier-stop-v9.is-current i{border-color:#ff986e;background:#ff986e;box-shadow:0 0 0 6px rgba(255,152,110,.10)}.tier-stop-v9.is-current i::after{content:"";position:absolute;width:5px;height:5px;border-radius:50%;background:#fff;left:4px;top:4px}.tier-stop-v9.is-done{color:#b8d9c9}.tier-stop-v9.is-done i{border-color:#65d29d;background:#65d29d}.tier-line-v9{height:2px;background:#353746;margin:0 5px 34px}.tier-line-v9.is-done{background:#65d29d}
.next-tier-v9{border-top:1px solid rgba(255,255,255,.07);padding-top:22px}.next-tier-heading-v9{display:flex;align-items:center;justify-content:space-between;gap:18px;margin-bottom:15px}.next-tier-heading-v9 span{font-size:10px;letter-spacing:.1em;font-weight:800;color:var(--muted)}.next-tier-heading-v9 h3{font-size:21px;margin:4px 0 0}.tier-ready-v9{display:inline-flex;align-items:center;gap:8px;padding:8px 11px;border-radius:999px;background:rgba(93,211,154,.10);color:#9ae8c0;font-size:12px;font-weight:800}.tier-ready-v9 i{width:8px;height:8px;border-radius:50%;background:#65d29d}.tier-checklist-v9{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:9px}.tier-check-v9{display:flex;gap:11px;padding:13px 14px;border:1px solid rgba(255,255,255,.07);border-radius:13px;background:rgba(255,255,255,.02)}.tier-check-v9>i{width:19px;height:19px;border:2px solid #555866;border-radius:50%;flex:0 0 auto;margin-top:1px;position:relative}.tier-check-v9 div{display:flex;flex-direction:column;gap:3px}.tier-check-v9 b{font-size:13px;color:#e5e6ed}.tier-check-v9 span{font-size:12px;color:var(--muted)}.tier-check-v9.is-done>i{background:#65d29d;border-color:#65d29d}.tier-check-v9.is-done>i::after{content:"";position:absolute;left:5px;top:2px;width:5px;height:9px;border-right:2px solid #132319;border-bottom:2px solid #132319;transform:rotate(42deg)}.tier-check-v9.is-staff{background:rgba(255,255,255,.035)}.tier-max-v9{padding:16px;border-top:1px solid rgba(255,255,255,.07);color:var(--muted);font-size:14px}
.milestone-grid-v9{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}.milestone-card-v9{border:1px solid rgba(255,255,255,.07);border-radius:16px;padding:17px;background:rgba(255,255,255,.02);min-height:190px;display:flex;flex-direction:column}.milestone-card-v9.is-completed{border-color:rgba(100,211,157,.19);background:linear-gradient(145deg,rgba(100,211,157,.055),rgba(255,255,255,.02))}.milestone-state-v9{display:flex;align-items:center;gap:7px;color:var(--muted);font-size:11px;font-weight:800;text-transform:uppercase;letter-spacing:.06em}.milestone-state-v9 i{width:8px;height:8px;border-radius:50%;background:#626474}.milestone-card-v9.is-completed .milestone-state-v9{color:#8de1b4}.milestone-card-v9.is-completed .milestone-state-v9 i{background:#65d29d}.milestone-card-v9 h3{font-size:17px;margin:12px 0 6px}.milestone-card-v9 p{font-size:13px;line-height:1.5;color:var(--muted);margin:0}.milestone-progress-v9{margin-top:auto;padding-top:15px;font-size:12px;font-weight:800;color:#d2d3db}.milestone-rewards-v9{display:flex;justify-content:space-between;align-items:center;border-top:1px solid rgba(255,255,255,.06);padding-top:10px;margin-top:9px}.milestone-rewards-v9 span{font-size:12px;color:var(--muted)}.milestone-rewards-v9 b{display:flex;align-items:center;gap:6px;font-size:12px;color:#f4c48e}
.progression-columns-v9{display:grid;grid-template-columns:1fr 1fr;gap:16px}.ledger-v9{display:grid;gap:2px}.ledger-row-v9{display:grid;grid-template-columns:30px 1fr auto;align-items:center;gap:10px;padding:11px 2px;border-bottom:1px solid rgba(255,255,255,.055)}.ledger-row-v9:last-child{border-bottom:0}.ledger-row-v9 div{display:flex;flex-direction:column;gap:2px}.ledger-row-v9 b{font-size:13px}.ledger-row-v9 span{font-size:11px;color:var(--muted)}.ledger-row-v9>strong{font-size:13px;color:#86ddb0}.ledger-row-v9>strong.is-negative{color:#e99b9f}.xp-ledger-row-v9>i{width:8px;height:8px;border-radius:50%;background:#7d80ff;margin-left:7px}.xp-ledger-row-v9>strong{color:#c8c9d4}
.progression-shortcut-v9{text-decoration:none;color:inherit}.progression-shortcut-side-v9{display:flex;align-items:center;gap:6px}.progression-shortcut-side-v9 b{font-size:14px;color:#fff}.progression-shortcut-side-v9 span{font-size:11px!important;color:var(--muted)!important}

.shop-hero-v9{display:flex;align-items:flex-end;justify-content:space-between;gap:30px;padding-bottom:25px;border-bottom:1px solid rgba(255,255,255,.08)}.shop-hero-v9>div:first-child>span{font-size:11px;letter-spacing:.11em;font-weight:850;color:#ff9973}.shop-hero-v9 h1{font-size:40px;margin:5px 0 8px}.shop-hero-v9 p{font-size:15px;line-height:1.6;color:var(--muted);max-width:700px;margin:0}.shop-wallet-v9{min-width:190px;padding:17px 19px;border-radius:18px;background:linear-gradient(145deg,rgba(255,151,105,.12),rgba(213,73,191,.09));border:1px solid rgba(255,151,105,.18)}.shop-wallet-v9>span{font-size:10px;letter-spacing:.1em;font-weight:800;color:var(--muted)}.shop-wallet-v9>div{display:flex;align-items:center;gap:10px;margin:7px 0 3px}.shop-wallet-v9 strong{font-size:31px}.shop-wallet-v9 small{font-size:11px;color:var(--muted)}.shop-grid-v9{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}.shop-item-v9{border:1px solid rgba(255,255,255,.08);border-radius:18px;background:rgba(255,255,255,.025);overflow:hidden;display:flex;flex-direction:column;min-height:325px}.shop-item-v9.is-unavailable{opacity:.58}.shop-item-visual-v9{height:120px;position:relative;display:flex;align-items:center;justify-content:center;background:linear-gradient(145deg,#242637,#171927)}.shop-item-visual-v9>span{position:absolute;left:13px;top:12px;font-size:10px;text-transform:uppercase;letter-spacing:.08em;color:#c2c3ce;font-weight:800}.shop-shape-v9{width:58px;height:58px;border-radius:17px;background:linear-gradient(145deg,rgba(255,175,119,.85),rgba(208,76,190,.82));position:relative;box-shadow:0 15px 34px rgba(0,0,0,.25)}.category-equipment .shop-shape-v9{border-radius:50% 50% 12px 12px;background:linear-gradient(145deg,#8f94ff,#5b63d8)}.category-training .shop-shape-v9{clip-path:polygon(50% 0,100% 25%,100% 75%,50% 100%,0 75%,0 25%);border-radius:0;background:linear-gradient(145deg,#65d3a0,#3c9e79)}.shop-item-body-v9{padding:17px 17px 10px}.shop-item-body-v9 h3{font-size:18px;margin:0 0 6px}.shop-item-body-v9 p{font-size:13px;line-height:1.55;color:var(--muted);margin:0}.shop-item-bottom-v9{margin-top:auto;padding:14px 17px 17px;border-top:1px solid rgba(255,255,255,.055);display:flex;align-items:center;justify-content:space-between;gap:10px}.shop-price-v9{display:flex;align-items:center;gap:7px}.shop-price-v9 strong{font-size:19px}.shop-item-bottom-v9 form{margin:0}.shop-item-bottom-v9 .btn{padding:9px 13px;font-size:12px}.shop-item-bottom-v9 button[disabled]{opacity:.55;cursor:not-allowed}.shop-orders-v9{margin-bottom:24px}.shop-order-list-v9{display:grid}.shop-order-row-v9{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:13px 2px;border-bottom:1px solid rgba(255,255,255,.055)}.shop-order-row-v9:last-child{border-bottom:0}.shop-order-row-v9 div{display:flex;flex-direction:column;gap:3px}.shop-order-row-v9 b{font-size:14px}.shop-order-row-v9 span{font-size:12px;color:var(--muted)}.shop-order-row-v9>strong{display:flex;align-items:center;gap:7px;font-size:13px;color:#f1c08a}

@media(max-width:1050px){.progression-summary-v9{grid-template-columns:1fr 1fr}.coin-summary-card-v9{grid-column:1/-1}.milestone-grid-v9,.shop-grid-v9{grid-template-columns:1fr 1fr}}
@media(max-width:760px){.progression-summary-v9,.progression-columns-v9{grid-template-columns:1fr}.coin-summary-card-v9{grid-column:auto}.tier-road-v9{grid-template-columns:1fr;gap:4px;align-items:stretch}.tier-stop-v9{align-items:flex-start;text-align:left;display:grid;grid-template-columns:25px 1fr auto;min-width:0}.tier-stop-v9 i{grid-row:1;margin:0}.tier-stop-v9 span{grid-column:2}.tier-stop-v9 b{grid-column:3;grid-row:1}.tier-line-v9{width:2px;height:20px;margin:0 0 0 8px}.tier-checklist-v9,.milestone-grid-v9,.shop-grid-v9{grid-template-columns:1fr}.next-tier-heading-v9,.shop-hero-v9{align-items:flex-start;flex-direction:column}.shop-wallet-v9{width:100%}.shop-hero-v9 h1{font-size:33px}}
.staff-animator-link-v9{display:block;color:inherit;text-decoration:none;transition:.16s ease}.staff-animator-link-v9:hover{transform:translateY(-2px);border-color:rgba(255,255,255,.16)}.staff-animator-progress-v9 h3{font-size:16px;margin:22px 0 12px}.staff-hc-v9{display:flex;flex-direction:column;align-items:flex-end}.staff-hc-v9 span{font-size:11px;color:var(--muted)}.staff-hc-v9 strong{font-size:22px}.staff-tier-checks-v9{display:grid;gap:8px}.staff-tier-checks-v9>div{display:flex;gap:10px;align-items:center;padding:11px 12px;border:1px solid rgba(255,255,255,.07);border-radius:11px}.staff-tier-checks-v9 i{width:16px;height:16px;border:2px solid #555866;border-radius:50%;position:relative}.staff-tier-checks-v9 span{display:flex;flex-direction:column}.staff-tier-checks-v9 b{font-size:13px}.staff-tier-checks-v9 small{font-size:11px;color:var(--muted)}.staff-tier-checks-v9 .is-done i{background:#65d29d;border-color:#65d29d}.staff-tier-checks-v9 .is-done i::after{content:"";position:absolute;left:4px;top:1px;width:4px;height:8px;border-right:2px solid #132319;border-bottom:2px solid #132319;transform:rotate(42deg)}.staff-promote-v9{margin-top:16px}.staff-checkline{display:flex!important;align-items:center;gap:9px}.staff-checkline input{width:18px;height:18px}.staff-muted{color:var(--muted);font-size:13px}
.profile-v83 .profile-stat-row>a{color:inherit;text-decoration:none;display:flex;flex-direction:column;gap:2px}.profile-v83 .profile-stat-row>a:hover strong{color:#ffac7c}.profile-v83 .profile-stat-row .rating-star{font-size:.86em;color:#f2c36f}

/* V10 — espace animateur release polish */
.animator-v10 .app-main-modern{min-width:0}.animator-sidebar-v10 nav{gap:4px}.animator-sidebar-v10 nav a{position:relative}.nav-count-v10{margin-left:auto;min-width:20px;height:20px;padding:0 6px;border-radius:999px;display:grid;place-items:center;background:#ef4b8d;color:#fff;font-size:10px}.sidebar-secondary-v10{margin-top:16px;padding-top:14px;border-top:1px solid var(--line);display:grid;gap:3px}.sidebar-secondary-v10>span{padding:0 12px 6px;color:#646777;font-size:9px;font-weight:900;letter-spacing:.14em}.sidebar-secondary-v10 a{padding:8px 12px;border-radius:10px;color:#7f8292;font-size:11px;font-weight:700}.sidebar-secondary-v10 a:hover,.sidebar-secondary-v10 a.active{background:rgba(255,255,255,.045);color:#fff}.nav-icon-v10{width:19px;height:19px;position:relative;display:block;flex:0 0 19px}.nav-wallet-v10:before{content:"";position:absolute;left:1px;right:1px;top:4px;bottom:3px;border:1.6px solid currentColor;border-radius:5px}.nav-wallet-v10:after{content:"";position:absolute;width:6px;height:5px;right:0;top:8px;border:1.6px solid currentColor;border-radius:3px;background:#11131d}.nav-bell-v10:before{content:"";position:absolute;left:4px;right:4px;top:3px;height:10px;border:1.6px solid currentColor;border-radius:8px 8px 5px 5px}.nav-bell-v10:after{content:"";position:absolute;width:5px;height:2px;border-radius:999px;background:currentColor;left:7px;bottom:2px}
.dashboard-head-actions-v10{display:flex;align-items:center;gap:10px;flex-wrap:wrap;justify-content:flex-end}.notification-button-v10{width:42px;height:42px;border:1px solid var(--line);border-radius:13px;background:#11121a;display:grid;place-items:center;position:relative}.notification-button-v10 i{width:16px;height:17px;position:relative}.notification-button-v10 i:before{content:"";position:absolute;left:2px;right:2px;top:1px;height:11px;border:1.7px solid #b9bcc9;border-radius:8px 8px 5px 5px}.notification-button-v10 i:after{content:"";position:absolute;width:5px;height:2px;border-radius:999px;background:#b9bcc9;left:5.5px;bottom:1px}.notification-button-v10>b{position:absolute;right:-4px;top:-5px;min-width:18px;height:18px;padding:0 4px;display:grid;place-items:center;border-radius:999px;background:#ef4b8d;color:#fff;font-size:9px;border:2px solid #0d0e15}.personal-status-v10{display:grid;grid-template-columns:repeat(3,1fr);gap:1px;background:var(--line);border:1px solid var(--line);border-radius:17px;overflow:hidden;margin:0 0 18px}.personal-status-v10>div{background:#10111a;padding:15px 17px;display:grid;gap:5px}.personal-status-v10 span{font-size:9px;color:#777a8b;font-weight:850;letter-spacing:.1em}.personal-status-v10 strong{font-size:12px;line-height:1.45}.animator-kpi-grid-v10 .animator-kpi-card small a{color:#a9abba;text-decoration:underline;text-underline-offset:2px}.secondary-links-v10{display:flex;gap:8px;margin-top:12px;padding-top:12px;border-top:1px solid var(--line)}.secondary-links-v10 a{font-size:10px;color:#777a8b;font-weight:700}.secondary-links-v10 a:hover{color:#fff}
.notification-panel-v10{background:#10111a;border:1px solid var(--line);border-radius:20px;overflow:hidden}.notification-row-v10{display:grid;grid-template-columns:36px minmax(0,1fr) 18px;gap:13px;align-items:center;padding:16px 18px;border-bottom:1px solid var(--line);color:inherit}.notification-row-v10:last-child{border-bottom:0}.notification-row-v10:hover{background:rgba(255,255,255,.025)}.notification-row-v10.is-unread{background:linear-gradient(90deg,rgba(239,75,141,.055),transparent)}.notification-type-v10{width:32px;height:32px;border-radius:10px;background:#1b1d27;position:relative}.notification-type-v10:after{content:"";position:absolute;inset:10px;border-radius:50%;background:#777b90}.notification-type-v10.type-mission:after{background:#a987ff}.notification-type-v10.type-payment:after{background:#5ed8a5}.notification-type-v10.type-progression:after{background:#f0b45d}.notification-title-v10{display:flex;align-items:center;justify-content:space-between;gap:15px}.notification-title-v10 strong{font-size:13px}.notification-title-v10 time{font-size:10px;color:#6f7282;white-space:nowrap}.notification-row-v10 p{margin:4px 0 0;color:#8f92a2;font-size:11px;line-height:1.5}
.preparation-panel-v10{border-color:rgba(119,82,255,.2)}.prep-head-v10{display:flex;justify-content:space-between;align-items:flex-start;gap:20px;margin-bottom:14px}.prep-head-v10 b{font-size:13px}.prep-head-v10 p{font-size:11px;color:#818493;line-height:1.5;margin:4px 0 0;max-width:520px}.prep-head-v10>strong{font-size:13px;color:#a987ff;background:rgba(119,82,255,.1);padding:7px 10px;border-radius:10px}.prep-list-v10{display:grid;gap:8px}.prep-item-v10{width:100%;display:flex;align-items:center;gap:11px;text-align:left;padding:12px 13px;border:1px solid #2a2c39;background:#0b0c13;border-radius:12px;color:#c3c5cf;cursor:pointer;transition:.16s ease}.prep-item-v10:hover{border-color:#414454}.prep-item-v10 i{width:19px;height:19px;border:1.6px solid #55596a;border-radius:6px;flex:0 0 19px;position:relative}.prep-item-v10 span{font-size:12px;font-weight:650}.prep-item-v10.is-done{border-color:rgba(94,216,165,.24);background:rgba(94,216,165,.055);color:#d8f7e9}.prep-item-v10.is-done i{background:#5ed8a5;border-color:#5ed8a5}.prep-item-v10.is-done i:after{content:"";position:absolute;width:7px;height:4px;border-left:2px solid #10251d;border-bottom:2px solid #10251d;transform:rotate(-45deg);left:4px;top:5px}.prep-item-v10.is-saving{opacity:.6;pointer-events:none}.prep-item-v10.has-error{border-color:#e26b7c}
.earnings-head-v10{align-items:center}.tier-chip-v10{border:1px solid var(--line);border-radius:12px;background:#11121a;padding:10px 13px;color:#b8bac6;font-size:11px;font-weight:800}.earnings-kpis-v10{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin-bottom:16px}.earnings-kpis-v10 article{background:#10111a;border:1px solid var(--line);border-radius:17px;padding:18px}.earnings-kpis-v10 span{font-size:9px;letter-spacing:.1em;color:#777a8a;font-weight:850}.earnings-kpis-v10 strong{display:block;margin:8px 0 3px;font-size:25px}.earnings-kpis-v10 small{font-size:10px;color:#777a8a}.earnings-info-v10{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:15px 17px;margin-bottom:22px;background:#11121b;border:1px solid rgba(119,82,255,.18);border-radius:15px}.earnings-info-v10 b{font-size:12px}.earnings-info-v10 p{font-size:11px;color:#858898;line-height:1.5;margin:3px 0 0}.invoice-list-v10{display:grid;gap:9px}.invoice-row-v10{display:grid;grid-template-columns:minmax(210px,1fr) 110px 120px minmax(170px,auto);gap:14px;align-items:center;padding:14px 16px;background:#10111a;border:1px solid var(--line);border-radius:14px}.invoice-main-v10{display:grid;gap:3px}.invoice-main-v10 b{font-size:12px}.invoice-main-v10 span{font-size:10px;color:#7c7f8e}.invoice-amount-v10{font-size:14px}.invoice-status-v10{justify-self:start;padding:6px 9px;border-radius:999px;font-size:9px;font-weight:850;background:#1b1d27;color:#9ea1af}.invoice-status-v10.status-submitted{background:rgba(91,148,255,.1);color:#8eb8ff}.invoice-status-v10.status-approved{background:rgba(94,216,165,.1);color:#7ae3b6}.invoice-status-v10.status-paid{background:rgba(94,216,165,.15);color:#99efc9}.invoice-status-v10.status-rejected{background:rgba(226,107,124,.11);color:#f18a99}.invoice-upload-v10{justify-self:end;min-width:180px;position:relative}.invoice-upload-v10 summary{cursor:pointer;color:#b9a4ff;font-size:10px;font-weight:800;text-align:right}.invoice-upload-v10 form{position:absolute;right:28px;margin-top:10px;z-index:20;width:320px;background:#171923;border:1px solid #343747;border-radius:15px;padding:15px;box-shadow:0 20px 50px rgba(0,0,0,.45);display:grid;gap:10px}.invoice-upload-v10 label{display:grid;gap:5px;font-size:10px;color:#9295a4}.invoice-upload-v10 input{width:100%;background:#0d0e15;border:1px solid #303341;border-radius:9px;padding:9px;color:#fff;font-size:11px}.invoice-reference-v10{font-size:10px;color:#7d8090;text-align:right}.invoice-note-v10{font-size:10px;color:#e39aa5;line-height:1.4;margin:0}.help-grid-v10{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.help-grid-v10 section{background:#10111a;border:1px solid var(--line);border-radius:18px;padding:20px}.help-grid-v10 section>span{font-size:9px;color:#7c7f90;font-weight:900;letter-spacing:.1em}.help-grid-v10 h2{font-size:17px;margin:9px 0 8px}.help-grid-v10 p{font-size:11px;color:#878a9a;line-height:1.65;margin:0}.help-contact-v10{margin-top:14px;padding:17px 19px;border:1px solid rgba(119,82,255,.16);border-radius:15px;background:#11121a}.help-contact-v10 b{font-size:12px}.help-contact-v10 p{font-size:11px;color:#858898;margin:4px 0 0}
@media(max-width:1050px){.personal-status-v10{grid-template-columns:1fr}.invoice-row-v10{grid-template-columns:minmax(180px,1fr) 90px 110px}.invoice-upload-v10,.invoice-reference-v10{grid-column:1/-1;justify-self:start;text-align:left}.invoice-upload-v10 form{position:static;width:100%;margin-top:10px}.earnings-kpis-v10{grid-template-columns:1fr 1fr}.help-grid-v10{grid-template-columns:1fr}}
@media(max-width:760px){.dashboard-head-actions-v10{justify-content:flex-start}.notification-button-v10{width:39px;height:39px}.animator-kpi-grid-v10{grid-template-columns:1fr 1fr}.earnings-kpis-v10{grid-template-columns:1fr}.invoice-row-v10{grid-template-columns:1fr 90px}.invoice-status-v10{grid-column:1}.prep-head-v10{flex-direction:column}.notification-row-v10{grid-template-columns:30px minmax(0,1fr)}.notification-row-v10>.row-arrow-v87{display:none}.notification-title-v10{align-items:flex-start;flex-direction:column;gap:3px}.sidebar-secondary-v10{display:none}}

/* V10.1 — lisibilité animateur + rémunération recentrée */
.animator-app-modern .app-page-head>div>span,
.animator-app-modern .dashboard-welcome>div>span,
.animator-app-modern .dashboard-section-head>div>span,
.animator-app-modern .personal-status-v10 span,
.animator-app-modern .animator-kpi-card>span,
.animator-app-modern .performance-grid span,
.animator-app-modern .mission-date-row small,
.animator-app-modern .mission-facts-v89 span,
.animator-app-modern .mission-info-card-v89>span,
.animator-app-modern .mission-brief-v89>span,
.animator-app-modern .earnings-kpis-v10 span,
.animator-app-modern .help-grid-v10 section>span,
.profile-v83 .app-page-head>div>span {font-size:12px!important;line-height:1.35}

.animator-app-modern p,
.animator-app-modern small,
.animator-app-modern .section-subcopy,
.animator-app-modern .mission-location,
.animator-app-modern .upcoming-text span,
.animator-app-modern .history-item span,
.animator-app-modern .notification-row-v10 p,
.animator-app-modern .notification-title-v10 time,
.animator-app-modern .prep-head-v10 p,
.animator-app-modern .earnings-kpis-v10 small,
.animator-app-modern .earnings-info-v10 p,
.animator-app-modern .invoice-main-v10 span,
.animator-app-modern .invoice-reference-v10,
.animator-app-modern .invoice-note-v10,
.animator-app-modern .help-grid-v10 p,
.animator-app-modern .help-contact-v10 p,
.profile-v83 p,
.profile-v83 small {font-size:13px!important;line-height:1.55}

.animator-app-modern .sidebar-secondary-v10>span {font-size:11px!important}
.animator-app-modern .sidebar-secondary-v10 a,
.animator-app-modern .secondary-links-v10 a,
.animator-app-modern .invoice-upload-v10 summary,
.animator-app-modern .invoice-upload-v10 label,
.animator-app-modern .invoice-upload-v10 input,
.animator-app-modern .invoice-status-v10,
.animator-app-modern .nav-count-v10 {font-size:12px!important}
.animator-app-modern .personal-status-v10 strong,
.animator-app-modern .prep-item-v10 span,
.animator-app-modern .earnings-info-v10 b,
.animator-app-modern .invoice-main-v10 b,
.animator-app-modern .help-contact-v10 b {font-size:14px!important}
.animator-app-modern .notification-title-v10 strong,
.animator-app-modern .prep-head-v10 b,
.animator-app-modern .prep-head-v10>strong {font-size:14px!important}
.animator-app-modern .mission-detail-pay-v89 span {font-size:13px!important;color:#8f92a2}
.animator-app-modern .mission-rewards>span {font-size:12px!important;color:#7f8292}
.profile-v83 .profile-stat-row span {font-size:13px!important}
.profile-v83 .profile-stat-row strong {font-size:15px!important}


/* V10.2 — persistent invoice reminder */
.animator-v10 .personal-status-v10>a.status-action-v102{background:#13121a;padding:15px 17px;display:grid;gap:6px;color:inherit;text-decoration:none;position:relative;transition:border-color .18s ease,background .18s ease,transform .18s ease}
.animator-v10 .personal-status-v10>a.status-action-v102:hover{background:#17151e}
.status-action-title{display:flex;align-items:center;justify-content:space-between;gap:10px}
.animator-v10 .personal-status-v10 .status-action-title span{font-size:11px}
.status-action-title b{font-size:11px;padding:4px 7px;border-radius:999px;background:rgba(245,169,73,.12);color:#f2b464;white-space:nowrap}
.animator-v10 .personal-status-v10>a.status-action-v102>strong{font-size:14px}
.animator-v10 .personal-status-v10>a.status-action-v102>small{font-size:12px;line-height:1.45;color:#9c9ead}
.status-action-v102.status-action-attention{box-shadow:inset 3px 0 0 #d99346}
.status-action-v102.status-action-late{box-shadow:inset 3px 0 0 #df6878}
.status-action-v102.status-action-late .status-action-title b{background:rgba(223,104,120,.12);color:#ef8997}
.invoice-reminder-v102{display:grid;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:13px;margin:-4px 0 18px;padding:14px 16px;border:1px solid rgba(217,147,70,.26);border-radius:15px;background:rgba(217,147,70,.065);color:inherit;text-decoration:none;transition:.18s ease}
.invoice-reminder-v102:hover{background:rgba(217,147,70,.095);border-color:rgba(217,147,70,.4)}
.invoice-reminder-mark-v102{width:9px;height:9px;border-radius:999px;background:#d99346;box-shadow:0 0 0 5px rgba(217,147,70,.1)}
.invoice-reminder-v102 b{font-size:14px;line-height:1.35}.invoice-reminder-v102 p{font-size:12px;line-height:1.5;color:#9a9cab;margin:3px 0 0}.invoice-reminder-v102>strong{font-size:12px;color:#d7c0a0;white-space:nowrap}
.invoice-reminder-v102.invoice-reminder-late{border-color:rgba(223,104,120,.28);background:rgba(223,104,120,.07)}
.invoice-reminder-v102.invoice-reminder-late .invoice-reminder-mark-v102{background:#df6878;box-shadow:0 0 0 5px rgba(223,104,120,.1)}
.invoice-reminder-v102.invoice-reminder-late>strong{color:#efa0aa}
@media(max-width:760px){.invoice-reminder-v102{grid-template-columns:auto minmax(0,1fr)}.invoice-reminder-v102>strong{grid-column:2;white-space:normal}.status-action-title{align-items:flex-start;flex-direction:column}}

/* V10.3 — Animator release candidate: readability, responsive, empty/error states */
.animator-app-modern{--anim-body:14px;--anim-small:12px;--anim-label:12px}
.animator-app-modern .app-main-modern{min-width:0}
.animator-app-modern .app-page-head p,
.animator-app-modern .dashboard-welcome p,
.animator-app-modern .section-subcopy,
.animator-app-modern .mission-card-modern,
.animator-app-modern .mission-section-v89 p,
.animator-app-modern .mission-operational-grid-v89 span,
.animator-app-modern .mission-brief-v89 p,
.animator-app-modern .notification-row-v10 p,
.animator-app-modern .earnings-info-v10 p,
.animator-app-modern .help-grid-v10 p,
.animator-app-modern .profile-section-title p,
.animator-app-modern .profile-toggle-card small{font-size:var(--anim-body)!important;line-height:1.55}
.animator-app-modern .animator-kpi-card small,
.animator-app-modern .mission-date-row small,
.animator-app-modern .mission-location,
.animator-app-modern .upcoming-text span,
.animator-app-modern .history-item span,
.animator-app-modern .invoice-main-v10 span,
.animator-app-modern .notification-title-v10 time,
.animator-app-modern .invoice-reference-v10,
.animator-app-modern .profile-summary-list-v83 span,
.animator-app-modern .profile-stat-row span,
.animator-app-modern .language-picker-head-v84 small{font-size:var(--anim-small)!important;line-height:1.45}
.animator-app-modern .animator-kpi-card>span,
.animator-app-modern .dashboard-section-head span,
.animator-app-modern .mission-quickfacts-v89 span,
.animator-app-modern .mission-operational-grid-v89 span,
.animator-app-modern .earnings-kpis-v10 span,
.animator-app-modern .profile-section-title>div>span{font-size:var(--anim-label)!important}
.animator-app-modern .app-empty,
.animator-app-modern .mini-empty{padding:24px;border:1px dashed #303341;border-radius:16px;background:#0e0f16;color:#9b9eac;font-size:14px;line-height:1.55}
.animator-app-modern .app-empty b,
.animator-app-modern .mini-empty b{display:block;color:#e7e8ee;font-size:15px;margin-bottom:4px}
.animator-app-modern .app-messages>div{font-size:14px;line-height:1.45}
.animator-app-modern .form-error,
.animator-app-modern .profile-photo-error-v86{font-size:13px;line-height:1.45}
.animator-app-modern .btn{min-height:40px}
.animator-app-modern input,
.animator-app-modern textarea,
.animator-app-modern select{font-size:14px}

/* Prevent cramped mission details */
.animator-app-modern .mission-location-detail-v89>div:last-child{display:grid;gap:6px}
.animator-app-modern .mission-location-detail-v89 p{margin:3px 0 0;line-height:1.6}
.animator-app-modern .mission-location-label-v89{margin-bottom:1px}
.animator-app-modern .mission-operational-grid-v89>div{gap:5px}
.animator-app-modern .mission-contact-v89>div{gap:5px}

/* Tablet / narrow laptop */
@media(max-width:1180px){
  .animator-app-modern .app-shell-modern{grid-template-columns:220px minmax(0,1fr)}
  .animator-app-modern .animator-kpi-grid-v10{grid-template-columns:repeat(2,minmax(0,1fr))}
  .animator-app-modern .dashboard-columns{grid-template-columns:1fr}
  .animator-app-modern .mission-detail-layout-v89{grid-template-columns:minmax(0,1fr) 300px}
}

/* Mobile/tablet responsive release pass */
@media(max-width:820px){
  .animator-app-modern .container.app-shell-modern{display:block;width:min(100% - 24px,1200px)}
  .animator-app-modern .animator-sidebar-v10{position:relative;top:auto;width:100%;min-height:0;margin:12px 0 16px;padding:12px;border-radius:16px}
  .animator-app-modern .animator-sidebar-v10 .app-logo{margin-bottom:10px}
  .animator-app-modern .animator-sidebar-v10 nav{display:flex;gap:6px;overflow-x:auto;padding-bottom:4px;scrollbar-width:none}
  .animator-app-modern .animator-sidebar-v10 nav::-webkit-scrollbar{display:none}
  .animator-app-modern .animator-sidebar-v10 nav a{flex:0 0 auto;min-height:42px;padding:10px 12px}
  .animator-app-modern .sidebar-secondary-v10{display:flex!important;gap:6px;overflow-x:auto;margin-top:8px;padding-top:9px;border-top:1px solid #232530}
  .animator-app-modern .sidebar-secondary-v10>span{display:none}
  .animator-app-modern .sidebar-secondary-v10 a{flex:0 0 auto;padding:8px 10px;border-radius:10px;background:#11121a}
  .animator-app-modern .sidebar-account{margin-top:10px}
  .animator-app-modern .app-main-modern{padding:0 0 28px}
  .animator-app-modern .dashboard-welcome,
  .animator-app-modern .app-page-head{align-items:flex-start;flex-direction:column;gap:14px}
  .animator-app-modern .personal-status-v10{grid-template-columns:1fr!important}
  .animator-app-modern .mission-grid-modern{grid-template-columns:1fr}
  .animator-app-modern .mission-detail-layout-v89{grid-template-columns:1fr}
  .animator-app-modern .mission-action-v89{position:static}
  .animator-app-modern .mission-quickfacts-v89{grid-template-columns:repeat(2,minmax(0,1fr))}
  .animator-app-modern .mission-operational-grid-v89{grid-template-columns:1fr 1fr}
  .animator-app-modern .profile-layout-v83{grid-template-columns:1fr}
  .animator-app-modern .profile-summary-v83{position:static}
  .animator-app-modern .preference-grid-v83{grid-template-columns:1fr}
  .animator-app-modern .toggle-grid-v83{grid-template-columns:1fr}
  .animator-app-modern .toggle-grid-v83 .span-2{grid-column:auto}
  .animator-app-modern .profile-savebar-v83{flex-direction:column;align-items:stretch}
  .animator-app-modern .profile-savebar-v83 .btn{width:100%}
  .animator-app-modern .language-grid-v84{grid-template-columns:repeat(2,minmax(0,1fr))}
  .animator-app-modern .help-grid-v10{grid-template-columns:1fr}
  .animator-app-modern .invoice-row-v10{grid-template-columns:1fr}
  .animator-app-modern .invoice-amount-v10,.animator-app-modern .invoice-status-v10,.animator-app-modern .invoice-upload-v10,.animator-app-modern .invoice-reference-v10{justify-self:start;grid-column:auto}
}
@media(max-width:560px){
  .animator-app-modern .container.app-shell-modern{width:min(100% - 16px,1200px)}
  .animator-app-modern .animator-kpi-grid-v10{grid-template-columns:1fr}
  .animator-app-modern .mission-quickfacts-v89{grid-template-columns:1fr}
  .animator-app-modern .mission-operational-grid-v89{grid-template-columns:1fr}
  .animator-app-modern .mission-detail-hero-v89{grid-template-columns:1fr}
  .animator-app-modern .mission-detail-pay-v89{text-align:left}
  .animator-app-modern .language-grid-v84{grid-template-columns:1fr}
  .animator-app-modern .form-grid-2{grid-template-columns:1fr}
  .animator-app-modern .form-grid-2 .span-2{grid-column:auto}
  .animator-app-modern input,.animator-app-modern textarea,.animator-app-modern select{font-size:16px!important}
  .animator-app-modern .notification-row-v10{padding:14px 12px}
  .animator-app-modern .earnings-kpis-v10{grid-template-columns:1fr}
  .animator-app-modern .invoice-upload-v10 form{min-width:0;width:100%}
  .profile-photo-modal-card-v86{width:min(100% - 20px,520px);max-height:calc(100vh - 24px);overflow:auto}
}

/* V10.4 — animator microcopy/login polish */
.auth-feature-list i.auth-icon-missions,
.auth-feature-list i.auth-icon-planning,
.auth-feature-list i.auth-icon-activity{
    position:relative;
    display:inline-block;
    width:34px;
    height:34px;
    flex:0 0 34px;
    border:1px solid rgba(255,255,255,.14);
    border-radius:10px;
    background:rgba(255,255,255,.05);
}
.auth-feature-list i.auth-icon-missions::before{
    content:"";
    position:absolute; left:9px; top:10px;
    width:14px; height:11px;
    border:2px solid currentColor; border-radius:3px;
}
.auth-feature-list i.auth-icon-missions::after{
    content:"";
    position:absolute; left:13px; top:7px;
    width:6px; height:3px;
    border:2px solid currentColor; border-bottom:0; border-radius:3px 3px 0 0;
}
.auth-feature-list i.auth-icon-planning::before{
    content:"";
    position:absolute; left:8px; top:9px;
    width:16px; height:15px;
    border:2px solid currentColor; border-radius:4px;
}
.auth-feature-list i.auth-icon-planning::after{
    content:"";
    position:absolute; left:11px; top:14px;
    width:10px; height:2px;
    background:currentColor;
    box-shadow:0 4px 0 currentColor;
}
.auth-feature-list i.auth-icon-activity::before{
    content:"";
    position:absolute; left:9px; bottom:9px;
    width:3px; height:7px; border-radius:2px;
    background:currentColor;
    box-shadow:6px -4px 0 currentColor,12px -9px 0 currentColor;
}

/* V11 — thème global Jour / Nuit */
:root{
  --border:var(--line);
  --theme-x:50vw;--theme-y:40vh;
  --header-bg:rgba(7,7,13,.78);
  --page-glow:rgba(122,77,255,.09);
  --soft-fill:rgba(255,255,255,.045);
  --soft-fill-2:rgba(255,255,255,.025);
  --elevated-shadow:0 24px 70px rgba(0,0,0,.30);
}
html[data-theme="light"]{
  --bg:#f4f6fb;--bg2:#eef1f7;
  --surface:#ffffff;--surface2:#f8f9fc;--surface3:#eef1f7;
  --text:#171925;--muted:#687084;--muted2:#8b92a3;
  --line:rgba(23,25,37,.105);--border:var(--line);
  --header-bg:rgba(244,246,251,.82);
  --page-glow:rgba(122,77,255,.075);
  --soft-fill:rgba(22,26,42,.045);--soft-fill-2:rgba(22,26,42,.026);
  --shadow:0 28px 80px rgba(31,39,70,.11);
  --elevated-shadow:0 20px 55px rgba(31,39,70,.12);
}
html,body{background:var(--bg);color:var(--text)}
body,.site-header,.footer,.portal-body,.staff-body,.staff-login-body,.animator-app-modern,.client-main,.staff-main{
  transition:background-color .42s cubic-bezier(.2,.8,.2,1),color .32s ease,border-color .32s ease,box-shadow .36s ease;
}
html.theme-fade-transition body:after{content:"";position:fixed;inset:0;z-index:99998;pointer-events:none;background:var(--bg);opacity:0;animation:hopThemeFallback .5s ease both}
@keyframes hopThemeFallback{0%{opacity:.18}100%{opacity:0}}
@keyframes hopThemeReveal{from{clip-path:circle(0 at var(--theme-x) var(--theme-y))}to{clip-path:circle(150vmax at var(--theme-x) var(--theme-y))}}
::view-transition-old(root){animation:none;mix-blend-mode:normal}
::view-transition-new(root){mix-blend-mode:normal}
html.theme-transitioning::view-transition-new(root){animation:hopThemeReveal .72s cubic-bezier(.2,.78,.18,1)}

.theme-toggle{position:relative;width:44px;height:36px;flex:0 0 44px;border:1px solid var(--line);border-radius:12px;background:var(--soft-fill);color:var(--text);padding:0;cursor:pointer;display:grid;place-items:center;overflow:hidden;box-shadow:inset 0 1px 0 rgba(255,255,255,.04);transition:transform .22s ease,background .3s ease,border-color .3s ease,box-shadow .3s ease}
.theme-toggle:hover{transform:translateY(-1px);border-color:rgba(151,112,255,.34);box-shadow:0 9px 24px rgba(90,65,180,.10)}
.theme-toggle:active{transform:scale(.96)}
.theme-toggle-orbit{position:relative;width:20px;height:20px;display:block;transition:transform .62s cubic-bezier(.2,.85,.2,1)}
.theme-sun,.theme-moon{position:absolute;inset:3px;border-radius:50%;transition:transform .55s cubic-bezier(.2,.85,.2,1),opacity .32s ease}
.theme-sun{background:#ffae36;box-shadow:0 0 0 3px rgba(255,174,54,.10),0 0 18px rgba(255,174,54,.22);transform:scale(.45);opacity:0}
.theme-sun:before,.theme-sun:after{content:"";position:absolute;left:50%;top:50%;width:20px;height:1.5px;border-radius:2px;background:#ffae36;transform:translate(-50%,-50%)}
.theme-sun:after{transform:translate(-50%,-50%) rotate(90deg)}
.theme-moon{background:#b7b0ff;box-shadow:-4px 2px 0 0 var(--soft-fill);transform:scale(1);opacity:1}
html[data-theme="light"] .theme-toggle-orbit{transform:rotate(180deg)}
html[data-theme="light"] .theme-sun{transform:scale(1) rotate(-180deg);opacity:1}
html[data-theme="light"] .theme-moon{transform:scale(.45) rotate(-180deg);opacity:0}
.portal-theme-row,.staff-theme-row,.animator-theme-row{display:flex;align-items:center;justify-content:space-between;gap:12px;color:var(--muted);font-size:12px;font-weight:750}
.portal-theme-row{padding:0 2px 13px;margin-bottom:11px;border-bottom:1px solid var(--line)}
.staff-theme-row{padding:0 0 14px;margin-bottom:14px;border-bottom:1px solid var(--line)}
.animator-theme-row{margin-top:auto;padding:14px 8px 12px;border-top:1px solid var(--line)}
.animator-theme-row+.sidebar-account{margin-top:0!important}

/* Surfaces publiques */
.site-header{background:var(--header-bg)}
html[data-theme="light"] .main-nav a{color:#565e71}
html[data-theme="light"] .main-nav a:hover{color:var(--text)}
html[data-theme="light"] .brand-word small{color:#737b8e}
html[data-theme="light"] .btn-ghost{color:#3e4659;background:rgba(255,255,255,.55)}
html[data-theme="light"] .btn-soft{color:#30384b;background:rgba(255,255,255,.72)}
html[data-theme="light"] .btn-white{background:#171925;color:#fff}
html[data-theme="light"] .section-kicker{color:#7557e8}
html[data-theme="light"] .pill-label{color:#4a5164;background:rgba(255,255,255,.74);border-color:var(--line)}
html[data-theme="light"] .home-hero{background:radial-gradient(circle at 70% 40%,rgba(113,76,255,.08),transparent 36%),var(--bg)}
html[data-theme="light"] .hero-grid-bg{opacity:.25;background-image:linear-gradient(rgba(28,34,55,.045) 1px,transparent 1px),linear-gradient(90deg,rgba(28,34,55,.045) 1px,transparent 1px)}
html[data-theme="light"] .home-hero-copy>p,html[data-theme="light"] .section-title-row>p,html[data-theme="light"] .section-side p{color:var(--muted)}
html[data-theme="light"] .stage-screen{background:linear-gradient(160deg,#ffffff,#f0f2f8);border-color:var(--line);box-shadow:var(--shadow)}
html[data-theme="light"] .stage-topline{color:#6f7789}
html[data-theme="light"] .stage-visual{background:radial-gradient(circle at 50% 45%,rgba(255,45,143,.16),transparent 24%),radial-gradient(circle at 47% 50%,rgba(122,77,255,.15),transparent 44%),linear-gradient(150deg,#f6f2fa,#edf0f7)}
html[data-theme="light"] .stage-rings span{border-color:rgba(33,37,55,.10)}
html[data-theme="light"] .stage-play{background:rgba(255,255,255,.62);border-color:rgba(35,38,58,.10);color:#352f4b}
html[data-theme="light"] .hero-float{background:rgba(255,255,255,.86);box-shadow:var(--elevated-shadow)}
html[data-theme="light"] .trust-strip{background:#eef1f7}
html[data-theme="light"] .trust-strip-inner{color:#737b8e}
html[data-theme="light"] .trust-strip-inner b{color:#3c4355}
html[data-theme="light"] .experience-section{background:linear-gradient(to bottom,#f6f7fb,#f0f2f8)}
html[data-theme="light"] .footer{background:#e9edf5;border-color:var(--line)}
html[data-theme="light"] .footer p,html[data-theme="light"] .footer a,html[data-theme="light"] .footer-bottom{color:#697184}

/* Cartes, formulaires et résultats — couverture globale */
html[data-theme="light"] :is(.persona-card,.activity-card,.catalog-card,.activity-info-card,.detail-card,.quote-step,.quote-summary-modern,.result-card,.auth-card,.selection-card,.portal-card,.client-card,.dashboard-card,.dashboard-panel,.animator-kpi-card,.mission-card-modern,.mission-detail-card,.calendar-card-v8,.availability-editor-v82,.profile-summary-v83,.profile-section-v83,.progress-card-v9,.shop-card-v9,.earnings-card-v10,.notification-card-v10,.help-card-v10,.staff-panel,.staff-stat,.info-grid>div,.preference-card-v83,.choice-pill-v83,.invoice-upload-card-v10,.prep-card-v10){background:var(--surface);border-color:var(--line);box-shadow:none}
html[data-theme="light"] :is(.quote-body,.catalog-section,.activity-detail-body,.result-hero,.auth-page,.apply-page,.animator-app-modern){background-color:var(--bg)}
html[data-theme="light"] :is(input,textarea,select,.form-control){background:#fff!important;color:var(--text)!important;border-color:rgba(23,25,37,.14)!important;box-shadow:none!important}
html[data-theme="light"] :is(input,textarea)::placeholder{color:#9ca3b2}
html[data-theme="light"] :is(.form-group label,.profile-v83 .form-group label){color:#4d5568}
html[data-theme="light"] :is(.help-text,.section-subcopy,.mini-empty,.empty-state,.app-empty,.profile-section-title p){color:var(--muted)}
html[data-theme="light"] :is(h1,h2,h3,h4,h5,.app-page-head h1,.dashboard-welcome h1,.staff-page-head h1){color:var(--text)}
html[data-theme="light"] main :is(strong,b){color:inherit}
html[data-theme="light"] .btn-primary,html[data-theme="light"] .btn-primary *{color:#fff!important}
html[data-theme="light"] .positive{color:#24a66d!important}
html[data-theme="light"] .empty-state strong{color:var(--text)}

/* Espace client */
html[data-theme="light"] .portal-body{background:var(--bg)}
html[data-theme="light"] .client-sidebar{background:linear-gradient(180deg,#ffffff,#f2f4f9);border-color:var(--line)}
html[data-theme="light"] .client-sidebar nav a{color:#667084}
html[data-theme="light"] .client-sidebar nav a.active,html[data-theme="light"] .client-sidebar nav a:hover{background:#e9edf6;color:#202536}
html[data-theme="light"] .client-user-card{background:#fff;border-color:var(--line)}
html[data-theme="light"] .client-main{background:var(--bg)}
html[data-theme="light"] .client-discover{background:linear-gradient(120deg,rgba(255,105,79,.10),rgba(122,77,255,.10));border-color:rgba(122,77,255,.16);color:#5d49c7}

/* Espace animateur */
html[data-theme="light"] .animator-app-modern{background:var(--bg)}
html[data-theme="light"] .app-sidebar-modern{background:linear-gradient(180deg,#ffffff,#f4f6fa);border-color:var(--line);box-shadow:0 18px 45px rgba(40,47,75,.06)}
html[data-theme="light"] .app-sidebar-modern nav a{color:#687084}
html[data-theme="light"] .app-sidebar-modern nav a.active,html[data-theme="light"] .app-sidebar-modern nav a:hover{background:#e9edf6;color:#202536}
html[data-theme="light"] .sidebar-secondary-v10{border-color:var(--line)}
html[data-theme="light"] .sidebar-account{border-color:var(--line)}
html[data-theme="light"] .availability-modern{background:#fff;border-color:var(--line);color:#40485b}
html[data-theme="light"] .availability-modern.online{background:rgba(57,184,122,.09);border-color:rgba(57,184,122,.18);color:#208257}
html[data-theme="light"] .status-strip-v10>div,html[data-theme="light"] .status-action-v102{background:var(--surface);border-color:var(--line)}
html[data-theme="light"] .invoice-reminder-v102{background:linear-gradient(120deg,#fffaf1,#fff6e5);border-color:rgba(218,149,38,.22);color:#5b421e}
html[data-theme="light"] .mission-card-modern:hover{box-shadow:0 18px 45px rgba(49,57,88,.10)}
html[data-theme="light"] .mission-location,html[data-theme="light"] .upcoming-text span,html[data-theme="light"] .history-item span{color:var(--muted)}
html[data-theme="light"] .performance-grid>div,html[data-theme="light"] .mission-date-row>div{background:var(--surface2);border-color:var(--line)}
html[data-theme="light"] .profile-completion-v83,html[data-theme="light"] .choice-pill-v83,html[data-theme="light"] .preference-card-v83{background:var(--surface2)}
html[data-theme="light"] .profile-savebar-v83{background:rgba(255,255,255,.92);border-color:var(--line);box-shadow:0 18px 44px rgba(42,49,77,.10)}
html[data-theme="light"] .planning-save-state-v82{background:#fff;color:#333b4e;border-color:var(--line);box-shadow:var(--elevated-shadow)}
html[data-theme="light"] .planning-toast-v82{background:#edf9f3;color:#22845a;border-color:rgba(34,132,90,.15)}

/* Staff */
html[data-theme="light"] .staff-body,html[data-theme="light"] .staff-login-body{background:var(--bg);color:var(--text)}
html[data-theme="light"] .staff-sidebar{background:linear-gradient(180deg,#ffffff,#f2f4f9);border-color:var(--line)}
html[data-theme="light"] .staff-nav a{color:#687084}
html[data-theme="light"] .staff-nav a.active,html[data-theme="light"] .staff-nav a:hover{background:#e9edf6;color:#202536}
html[data-theme="light"] .staff-main{background:var(--bg)}
html[data-theme="light"] .staff-stat,html[data-theme="light"] .staff-panel{background:#fff;border-color:var(--line)}
html[data-theme="light"] .staff-row-icon,html[data-theme="light"] .animator-admin-stats>div,html[data-theme="light"] .info-grid>div{background:#f3f5f9}
html[data-theme="light"] .staff-table-row:hover{background:#f7f8fb}
html[data-theme="light"] .staff-filter-tabs a.active{background:#e8ecf5;color:#262c3c;border-color:#d4d9e4}
html[data-theme="light"] .status-pill{background:#edf0f5;color:#596174}
html[data-theme="light"] .capability-grid span.yes{color:#258357}

/* Modal / overlays */
html[data-theme="light"] :is(.modal-card,.photo-modal-card-v86,.dialog-card){background:#fff;color:var(--text);border-color:var(--line);box-shadow:0 30px 90px rgba(39,47,78,.18)}
html[data-theme="light"] :is(.modal-backdrop,.photo-modal-v86){background:rgba(35,39,55,.42)}

@media(max-width:760px){
  .theme-toggle{width:40px;height:34px;flex-basis:40px}
  .nav-actions .theme-toggle{order:-1}
  .animator-theme-row{padding-left:4px;padding-right:4px}
}

/* V11.1 — Light theme polish / production pass */
html[data-theme="light"]{
  --bg:#f7f8fc;
  --bg2:#f0f3f8;
  --surface:#ffffff;
  --surface2:#f7f8fb;
  --surface3:#eef2f7;
  --text:#111522;
  --muted:#667085;
  --muted2:#8a93a6;
  --line:rgba(20,27,45,.10);
  --header-bg:rgba(247,248,252,.88);
  --soft-fill:rgba(17,24,39,.045);
  --soft-fill-2:rgba(17,24,39,.025);
  --shadow:0 24px 70px rgba(28,39,67,.09);
  --elevated-shadow:0 22px 56px rgba(28,39,67,.12);
}
html[data-theme="light"] body:before{opacity:.012}
html[data-theme="light"] body{background:
  radial-gradient(circle at 18% 0%,rgba(122,77,255,.055),transparent 28%),
  radial-gradient(circle at 88% 8%,rgba(255,45,143,.035),transparent 24%),
  var(--bg)}
html[data-theme="light"] .site-header{box-shadow:0 8px 28px rgba(30,40,70,.035)}
html[data-theme="light"] .theme-toggle{background:#fff;border-color:rgba(20,27,45,.11);box-shadow:0 5px 18px rgba(27,36,63,.06)}

/* Public pages: use a coherent light canvas instead of dark section islands */
html[data-theme="light"] :is(.experience-section,.activities-home,.showreel-section,.pro-section,.how-section,.catalog-hero,.detail-hero,.detail-sticky-zone,.related-section,.quote-hero,.result-content,.result-hero,.signup-body-modern,.signup-section,.auth-page-modern,.client-auth-page){
  background:transparent!important;
  color:var(--text);
}
html[data-theme="light"] .activities-home{background:linear-gradient(180deg,#f3f5fa 0%,#f8f9fc 100%)!important}
html[data-theme="light"] .showreel-section{background:#fff!important}
html[data-theme="light"] .pro-section{background:linear-gradient(180deg,#f8f9fc,#f1f4f9)!important}
html[data-theme="light"] .how-section{background:#fff!important}
html[data-theme="light"] .related-section{background:#f1f4f9!important}
html[data-theme="light"] :is(.catalog-hero,.detail-hero,.quote-hero){background:linear-gradient(180deg,#fff 0%,#f5f7fb 100%)!important}
html[data-theme="light"] .detail-sticky-zone{background:#f7f8fc!important}
html[data-theme="light"] .catalog-orbit{border-color:rgba(55,64,84,.07)}

html[data-theme="light"] :is(.persona-card,.activity-card,.mini-related-grid a,.highlight-grid>div,.pro-dashboard-mock,.mock-event,.mock-stat-row div,.filter-panel,.detail-price-card,.detail-facts>div,.client-panel,.client-card,.portal-form-card,.quote-portal-card,.venue-card,.staff-panel,.staff-stat,.progression-panel-v9,.shop-section-v9,.notification-panel-v10,.earnings-info-v10,.earnings-kpis-v10 article,.invoice-row-v10,.help-grid-v10 section,.help-contact-v10){
  background:#fff!important;
  color:var(--text)!important;
  border-color:var(--line)!important;
  box-shadow:0 12px 34px rgba(28,39,67,.055)!important;
}
html[data-theme="light"] .persona-main{background:linear-gradient(145deg,rgba(255,45,143,.055),rgba(122,77,255,.035) 45%,#fff 82%)!important}
html[data-theme="light"] .persona-card:after{opacity:.65}
html[data-theme="light"] .persona-icon{background:#f3f1fb;color:#d84f8e}
html[data-theme="light"] .persona-index{color:#a0a7b5}
html[data-theme="light"] .activity-card:hover{box-shadow:0 18px 44px rgba(36,45,76,.10)!important}
html[data-theme="light"] .activity-content h3,html[data-theme="light"] .activity-bottom,html[data-theme="light"] .activity-bottom a{color:var(--text)}
html[data-theme="light"] .activity-tagline{color:#7657d6}
html[data-theme="light"] .activity-meta-top{color:#858da0}
html[data-theme="light"] .activity-bottom b{background:#f0f2f7;color:#475067}
html[data-theme="light"] .activity-category{background:rgba(255,255,255,.88);color:#343b4f;border-color:rgba(26,34,54,.10)}
html[data-theme="light"] .activity-image{border-bottom:1px solid var(--line)}
html[data-theme="light"] .image-shade{background:linear-gradient(to top,rgba(16,20,31,.16),transparent 58%)}

/* Keep visual/demo artwork intentionally dark while keeping surrounding text readable */
html[data-theme="light"] :is(.activity-placeholder,.detail-placeholder,.mosaic-card,.mc-a,.mc-b,.stage-visual,.shop-item-visual-v9){color:#fff}
html[data-theme="light"] .mosaic-card{border-color:rgba(24,30,48,.08)}
html[data-theme="light"] .mosaic-card span{color:#d9dbe5}
html[data-theme="light"] .mosaic-card em{color:#b6bac7}

html[data-theme="light"] .pro-dashboard-mock{background:linear-gradient(150deg,#ffffff,#f3f5fa)!important}
html[data-theme="light"] .mock-event{background:#f7f8fb!important}
html[data-theme="light"] .mock-event.featured{background:linear-gradient(120deg,rgba(255,45,143,.07),rgba(122,77,255,.05))!important}
html[data-theme="light"] .mock-stat-row div{background:#f5f7fa!important}
html[data-theme="light"] .mock-header,html[data-theme="light"] .mock-event small{color:#7d8598}
html[data-theme="light"] .step-icon{background:#f4f1fb;border-color:rgba(122,77,255,.12)}

/* Catalogue / filters */
html[data-theme="light"] .filter-panel{background:rgba(255,255,255,.94)!important;box-shadow:0 18px 54px rgba(32,42,73,.10)!important}
html[data-theme="light"] .filter-search,html[data-theme="light"] .filter-select{border-color:var(--line)}
html[data-theme="light"] .filter-search input,html[data-theme="light"] .filter-select select{color:var(--text)!important;background:transparent!important}
html[data-theme="light"] .filter-select option{background:#fff;color:var(--text)}
html[data-theme="light"] .filter-reset{color:#70798d}

/* Activity detail */
html[data-theme="light"] .detail-badges span{background:#fff;color:#596276;border-color:var(--line)}
html[data-theme="light"] .detail-copy>p,html[data-theme="light"] .rich-copy{color:var(--muted)}
html[data-theme="light"] .detail-tagline{color:#7657d6}
html[data-theme="light"] .detail-facts>div{box-shadow:none!important;background:#fff!important}
html[data-theme="light"] .detail-price-card{background:#fff!important}
html[data-theme="light"] .price-card-top span,html[data-theme="light"] .price-note{color:#7d8597}
html[data-theme="light"] .highlight-grid>div{box-shadow:none!important}

/* Client portal */
html[data-theme="light"] .portal-body,html[data-theme="light"] .client-main{background:transparent!important}
html[data-theme="light"] .client-sidebar{background:rgba(255,255,255,.94);box-shadow:12px 0 35px rgba(31,41,70,.035)}
html[data-theme="light"] .client-logo,html[data-theme="light"] .client-user-card strong{color:var(--text)}
html[data-theme="light"] .client-user-card{box-shadow:none!important}
html[data-theme="light"] :is(.client-card,.client-panel,.portal-form-card,.venue-card){box-shadow:0 10px 30px rgba(28,39,67,.05)!important}
html[data-theme="light"] .client-quote-infos>div{background:#f6f8fb;border-color:var(--line)}
html[data-theme="light"] .client-message-box{background:rgba(122,77,255,.055);border-color:rgba(122,77,255,.12)}
html[data-theme="light"] .client-message-box p{color:#4c5568}
html[data-theme="light"] .quote-state-muted{background:#f5f7fa;border-color:var(--line)}
html[data-theme="light"] .client-flow>div:not(:last-child):before{background:#dce1ea}
html[data-theme="light"] .client-flow i{background:#f1f3f7;color:#7b8497;border-color:#dce1e9}

/* Animator space — no dark blocks left behind in light mode */
html[data-theme="light"] .animator-app-modern{background:transparent!important}
html[data-theme="light"] .app-sidebar-modern{background:rgba(255,255,255,.96);box-shadow:0 14px 42px rgba(30,41,72,.055)}
html[data-theme="light"] .app-logo strong,html[data-theme="light"] .sidebar-account b{color:var(--text)}
html[data-theme="light"] .app-logo small,html[data-theme="light"] .sidebar-account small{color:#8a93a5}
html[data-theme="light"] .notification-button-v10{background:#fff;border-color:var(--line);box-shadow:0 8px 24px rgba(30,41,72,.06)}
html[data-theme="light"] .notification-button-v10 i:before{border-color:#525c70}
html[data-theme="light"] .notification-button-v10 i:after{background:#525c70}
html[data-theme="light"] .notification-button-v10>b{border-color:#fff}
html[data-theme="light"] .personal-status-v10{background:rgba(20,27,45,.08);border-color:var(--line);box-shadow:0 10px 34px rgba(28,39,67,.04)}
html[data-theme="light"] .personal-status-v10>div,html[data-theme="light"] .personal-status-v10>a.status-action-v102{background:#fff!important;color:var(--text)!important}
html[data-theme="light"] .personal-status-v10 span{color:#778196}
html[data-theme="light"] .personal-status-v10 strong{color:var(--text)}
html[data-theme="light"] .status-action-v102:hover{background:#fbfbfd!important}
html[data-theme="light"] .status-action-v102>small{color:#697286!important}
html[data-theme="light"] .invoice-reminder-v102{background:linear-gradient(120deg,#fff9ef,#fff4df)!important;color:#4f3b20!important;box-shadow:0 8px 28px rgba(199,133,37,.055)}
html[data-theme="light"] .invoice-reminder-v102 p{color:#846c4a}
html[data-theme="light"] .invoice-reminder-v102>strong{color:#8c5c1c}
html[data-theme="light"] .invoice-reminder-v102.invoice-reminder-late{background:linear-gradient(120deg,#fff5f6,#fff0f2)!important;color:#5c2931!important}
html[data-theme="light"] .animator-kpi-card{box-shadow:0 10px 30px rgba(28,39,67,.05)!important}
html[data-theme="light"] .dashboard-panel{box-shadow:0 10px 32px rgba(28,39,67,.045)!important}
html[data-theme="light"] :is(.mission-empty-v8,.mission-brief-v89,.mission-quickfacts-v89,.mission-action-summary-v89,.mission-action-card-modern,.mission-info-panel,.prep-item-v10,.availability-current-v81,.availability-editor-v8,.availability-editor-v81,.availability-editor-v82,.availability-tip-v8,.custom-slot-v81,.custom-slot-summary-v81,.quick-slot-card,.calendar-day-v8,.calendar-nav-btn,.profile-form-modern,.profile-toggle-card,.profile-next-step-v84,.language-picker-v84,.language-choice-v84,.milestone-card-v9,.shop-item-v9,.notification-panel-v10,.earnings-info-v10,.earnings-kpis-v10 article,.invoice-row-v10,.help-grid-v10 section,.help-contact-v10){
  background:#fff!important;color:var(--text)!important;border-color:var(--line)!important;
}
html[data-theme="light"] :is(.mission-empty-v8,.mission-brief-v89,.mission-action-summary-v89,.availability-tip-v8,.profile-next-step-v84,.earnings-info-v10,.help-contact-v10){box-shadow:0 10px 30px rgba(28,39,67,.04)}
html[data-theme="light"] .mission-empty-v8{border-style:dashed!important}
html[data-theme="light"] .mission-empty-v8 p,html[data-theme="light"] .mission-location,html[data-theme="light"] .mission-brief-v89 p,html[data-theme="light"] .mission-action-summary-v89 p{color:var(--muted)!important}
html[data-theme="light"] .mission-tabs-v89{background:#eef2f7!important;border-color:var(--line)!important}
html[data-theme="light"] .mission-tabs-v89 button{color:#657084}
html[data-theme="light"] .mission-tabs-v89 button.is-active{background:#fff;color:var(--text);box-shadow:0 4px 14px rgba(28,39,67,.07)}
html[data-theme="light"] .mission-status-pill-v89{background:#f0f3f7;color:#586276;border-color:var(--line)}
html[data-theme="light"] .mission-location-mark-v89{background:#f2f0fb;color:#7657d6}
html[data-theme="light"] .notification-row-v10:hover{background:#f7f8fb}
html[data-theme="light"] .notification-row-v10.is-unread{background:linear-gradient(90deg,rgba(239,75,141,.06),rgba(255,255,255,0))}
html[data-theme="light"] .notification-type-v10{background:#f1f3f7}
html[data-theme="light"] .notification-row-v10 p{color:#6c7588}
html[data-theme="light"] .tier-chip-v10{background:#fff;color:#566074;border-color:var(--line)}
html[data-theme="light"] .invoice-status-v10{background:#eef1f5;color:#647086}
html[data-theme="light"] .invoice-upload-v10 form{background:#fff;border-color:#dfe3eb;box-shadow:0 18px 48px rgba(28,39,67,.14)}
html[data-theme="light"] .invoice-upload-v10 label{color:#667084}
html[data-theme="light"] .invoice-upload-v10 input{background:#f8f9fb;color:var(--text);border-color:#dfe3eb}
html[data-theme="light"] .invoice-reference-v10{color:#7f8798}
html[data-theme="light"] .help-grid-v10 p,html[data-theme="light"] .help-contact-v10 p,html[data-theme="light"] .earnings-info-v10 p{color:#687185}

/* Planning */
html[data-theme="light"] .calendar-card-v8{box-shadow:0 12px 34px rgba(28,39,67,.05)!important}
html[data-theme="light"] .calendar-day-v8{box-shadow:none!important}
html[data-theme="light"] .calendar-day-v8:hover{background:#f5f7fb!important;border-color:rgba(122,77,255,.20)!important}
html[data-theme="light"] .calendar-day-v8.is-selected{background:linear-gradient(145deg,rgba(122,77,255,.08),rgba(255,45,143,.035))!important;border-color:rgba(122,77,255,.28)!important}
html[data-theme="light"] .calendar-day-v8.is-unavailable{background:#fff5f6!important;border-color:rgba(210,82,103,.16)!important}
html[data-theme="light"] .quick-slot-card.is-active,html[data-theme="light"] .language-choice-v84.is-selected,html[data-theme="light"] .preference-card-v83.is-selected{background:linear-gradient(145deg,rgba(122,77,255,.085),rgba(255,45,143,.04))!important;border-color:rgba(122,77,255,.24)!important}

/* Profile / progression / shop */
html[data-theme="light"] .profile-summary-v83,html[data-theme="light"] .profile-section-v83,html[data-theme="light"] .progress-card-v9,html[data-theme="light"] .shop-card-v9{box-shadow:0 10px 30px rgba(28,39,67,.05)!important}
html[data-theme="light"] .profile-photo-edit-v86,html[data-theme="light"] .profile-photo-edit-v87{background:rgba(255,255,255,.94);color:#4c5568;border-color:rgba(28,36,56,.10)}
html[data-theme="light"] .tier-stop-v9{color:#7b8496}
html[data-theme="light"] .tier-stop-v9.is-current{color:var(--text)}
html[data-theme="light"] .tier-stop-v9 i{background:#fff;border-color:#cbd2dd}
html[data-theme="light"] .tier-line-v9{background:#d9dee7}
html[data-theme="light"] .hopcoin-balance-v9,html[data-theme="light"] .hopcoin-mini-v9{background:linear-gradient(135deg,#fff7e8,#fff1d1)!important;color:#684a18!important;border-color:rgba(219,161,62,.20)!important}
html[data-theme="light"] .shop-item-v9{box-shadow:0 10px 30px rgba(28,39,67,.05)}

/* Staff */
html[data-theme="light"] .staff-body,html[data-theme="light"] .staff-main,html[data-theme="light"] .staff-login-body{background:transparent!important}
html[data-theme="light"] .staff-sidebar{background:rgba(255,255,255,.96);box-shadow:12px 0 35px rgba(31,41,70,.035)}
html[data-theme="light"] .staff-brand strong,html[data-theme="light"] .staff-user strong{color:var(--text)}
html[data-theme="light"] .staff-panel,html[data-theme="light"] .staff-stat{box-shadow:0 10px 30px rgba(28,39,67,.05)!important}
html[data-theme="light"] .staff-row-icon,html[data-theme="light"] .animator-admin-stats>div,html[data-theme="light"] .info-grid>div{background:#f5f7fa!important;border-color:var(--line)!important}
html[data-theme="light"] .staff-message{background:#eef8f3;color:#287759;border-color:rgba(40,119,89,.14)}
html[data-theme="light"] .staff-login-card{background:#fff!important;color:var(--text)!important;border-color:var(--line)!important;box-shadow:0 26px 70px rgba(28,39,67,.12)!important}

/* Footer and final contrast details */
html[data-theme="light"] .footer{background:#edf1f6!important}
html[data-theme="light"] .footer-col>span{color:#40495c}
html[data-theme="light"] .footer a:hover{color:var(--text)}
html[data-theme="light"] .center-link{color:#626c80}
html[data-theme="light"] .back-link{color:#687185}
html[data-theme="light"] :is(.empty-state,.mini-empty,.app-empty){background:#fff!important;color:var(--muted)!important;border-color:rgba(27,35,56,.14)!important}

/* Smoothness: surfaces now transition together instead of flashing independently */
:where(.persona-card,.activity-card,.filter-panel,.detail-price-card,.pro-dashboard-mock,.client-sidebar,.client-card,.client-panel,.app-sidebar-modern,.personal-status-v10>div,.status-action-v102,.animator-kpi-card,.dashboard-panel,.mission-card-modern,.mission-detail-card,.calendar-card-v8,.calendar-day-v8,.profile-summary-v83,.profile-section-v83,.progress-card-v9,.shop-card-v9,.staff-sidebar,.staff-panel,.staff-stat,.notification-panel-v10,.earnings-kpis-v10 article,.invoice-row-v10,.help-grid-v10 section){
  transition:background-color .38s cubic-bezier(.2,.8,.2,1),color .28s ease,border-color .32s ease,box-shadow .34s ease,transform .2s ease;
}

/* =========================================================
   V11.2 — LIGHT THEME POLISH / IMMERSION FIXES
   Targeted pass based on real screenshots from state(9)
   ========================================================= */
html[data-theme="light"]{
  --bg:#f5f7fb;
  --bg2:#eef2f7;
  --surface:#ffffff;
  --surface2:#f7f9fc;
  --surface3:#eef2f7;
  --text:#121727;
  --muted:#667087;
  --muted2:#8992a5;
  --line:rgba(29,38,61,.115);
  --shadow:0 24px 70px rgba(32,43,75,.10);
  --elevated-shadow:0 18px 50px rgba(36,47,78,.12);
}

/* Overall light canvas: softer, deliberate and less washed-out */
html[data-theme="light"] body{
  background:
    radial-gradient(circle at 82% 4%,rgba(122,77,255,.055),transparent 24%),
    radial-gradient(circle at 12% 0%,rgba(255,45,143,.035),transparent 22%),
    var(--bg);
  color:var(--text);
}
html[data-theme="light"] body:before{opacity:.012}
html[data-theme="light"] .animator-app-modern,
html[data-theme="light"] .portal-body,
html[data-theme="light"] .staff-body{background:transparent!important}

/* PUBLIC CATALOGUE — keep the artwork dark, integrate the card into light mode */
html[data-theme="light"] .activities-home,
html[data-theme="light"] .catalog-section{background:transparent!important}
html[data-theme="light"] .activity-card{
  background:#fff!important;
  border-color:rgba(29,38,61,.10)!important;
  box-shadow:0 12px 34px rgba(34,44,72,.065)!important;
}
html[data-theme="light"] .activity-card:hover{
  box-shadow:0 20px 50px rgba(34,44,72,.11)!important;
  border-color:rgba(122,77,255,.20)!important;
}
html[data-theme="light"] .activity-image{
  background:#171927!important;
  border-bottom:1px solid rgba(29,38,61,.08)!important;
}
html[data-theme="light"] .activity-placeholder{
  background:radial-gradient(circle at 50% 55%,rgba(255,45,143,.18),transparent 26%),linear-gradient(145deg,#171927,#0d0f18)!important;
}
html[data-theme="light"] .activity-content{background:#fff}
html[data-theme="light"] .activity-content h3,
html[data-theme="light"] .activity-bottom,
html[data-theme="light"] .activity-bottom a{color:#151a28!important}
html[data-theme="light"] .activity-content p{color:#606a80!important}
html[data-theme="light"] .activity-meta-top{color:#7b8498!important}
html[data-theme="light"] .activity-bottom{border-color:rgba(29,38,61,.10)!important}
html[data-theme="light"] .activity-bottom b{background:#f1f4f8!important;color:#4a5367!important}

/* ANIMATOR SIDEBAR — secondary nav should not disappear visually */
html[data-theme="light"] .app-sidebar-modern{
  background:rgba(255,255,255,.965)!important;
  border-color:rgba(29,38,61,.10)!important;
  box-shadow:0 20px 60px rgba(35,45,75,.07)!important;
}
html[data-theme="light"] .app-sidebar-modern nav a,
html[data-theme="light"] .sidebar-secondary-v10 a{color:#626c82!important}
html[data-theme="light"] .app-sidebar-modern nav a:hover,
html[data-theme="light"] .app-sidebar-modern nav a.active,
html[data-theme="light"] .sidebar-secondary-v10 a:hover,
html[data-theme="light"] .sidebar-secondary-v10 a.active{
  background:#eef2f8!important;
  color:#171c2b!important;
}
html[data-theme="light"] .sidebar-secondary-v10>span{color:#747e93!important}
html[data-theme="light"] .sidebar-secondary-v10{border-color:rgba(29,38,61,.10)!important}
html[data-theme="light"] .animator-theme-row{border-color:rgba(29,38,61,.10)!important;color:#6c7589!important}
html[data-theme="light"] .sidebar-account{border-color:rgba(29,38,61,.10)!important}

/* PROFILE — remove the remaining dark islands */
html[data-theme="light"] .profile-summary-v83,
html[data-theme="light"] .profile-section-v83{
  background:#fff!important;
  border-color:rgba(29,38,61,.105)!important;
  box-shadow:0 14px 40px rgba(35,45,75,.065)!important;
}
html[data-theme="light"] .profile-summary-v83>p,
html[data-theme="light"] .profile-summary-list-v83 span{color:#727c91!important}
html[data-theme="light"] .profile-stat-row{
  gap:10px!important;
}
html[data-theme="light"] .profile-stat-row>a,
html[data-theme="light"] .profile-stat-row>div{
  background:#f7f9fc!important;
  border:1px solid rgba(29,38,61,.09)!important;
  color:#182033!important;
  border-radius:14px!important;
  box-shadow:none!important;
}
html[data-theme="light"] .profile-stat-row>a span,
html[data-theme="light"] .profile-stat-row>div span{color:#768096!important}
html[data-theme="light"] .profile-stat-row .rating-star{color:#f0ad2d!important}
html[data-theme="light"] .profile-summary-list-v83{border-color:rgba(29,38,61,.09)!important}
html[data-theme="light"] .profile-photo-wrap-v83{background:#f4f6fa!important;border-color:rgba(29,38,61,.08)!important}
html[data-theme="light"] .profile-photo-edit-v87{box-shadow:0 5px 16px rgba(31,42,72,.16)!important}
html[data-theme="light"] .preference-card-v83,
html[data-theme="light"] .choice-pill-v83,
html[data-theme="light"] .profile-toggle-card,
html[data-theme="light"] .language-picker-v84,
html[data-theme="light"] .language-choice-v84{
  background:#f8f9fc!important;
  border-color:rgba(29,38,61,.10)!important;
  color:#202638!important;
}
html[data-theme="light"] .choice-pill-v83 span,
html[data-theme="light"] .profile-toggle-card b,
html[data-theme="light"] .preference-card-v83 h3{color:#252b3b!important}
html[data-theme="light"] .profile-toggle-card small{color:#737c90!important}
html[data-theme="light"] .choice-pill-v83:has(input:checked),
html[data-theme="light"] .language-choice-v84.is-selected,
html[data-theme="light"] .preference-card-v83.is-selected{
  background:linear-gradient(145deg,#f5efff,#fff4f9)!important;
  border-color:rgba(171,76,216,.26)!important;
}
html[data-theme="light"] .choice-pill-v83:has(input:checked) span{color:#2b2440!important}
html[data-theme="light"] .profile-savebar-v83{
  background:rgba(255,255,255,.94)!important;
  border-color:rgba(29,38,61,.11)!important;
  box-shadow:0 18px 45px rgba(35,45,75,.10)!important;
}

/* DASHBOARD HISTORY — biggest immersion break from screenshots */
html[data-theme="light"] .history-table,
html[data-theme="light"] .v8-history{
  background:#fff!important;
  border-color:rgba(29,38,61,.105)!important;
  box-shadow:0 12px 34px rgba(35,45,75,.055)!important;
}
html[data-theme="light"] .history-item{
  background:#fff!important;
  border-color:rgba(29,38,61,.085)!important;
  color:#1a2030!important;
}
html[data-theme="light"] .history-item:hover{background:#f8f9fc!important}
html[data-theme="light"] .history-item b{color:#1a2030!important}
html[data-theme="light"] .history-item div span,
html[data-theme="light"] .history-item>span{color:#707a90!important}
html[data-theme="light"] .history-item>strong{color:#242b3c!important}
html[data-theme="light"] .history-item>i{color:#25a66f!important;opacity:1!important}
html[data-theme="light"] .history-arrow-v87:before,
html[data-theme="light"] .history-arrow-v87:after{background:#7a8498!important}

/* PROGRESSION — fix top clipping and dark text/surface leftovers */
html[data-theme="light"] .animator-app-modern .app-main-modern{color:#161c2b}
html[data-theme="light"] .animator-app-modern .app-page-head{
  padding-top:24px!important;
  padding-bottom:34px!important;
  min-height:116px;
}
html[data-theme="light"] .animator-app-modern .app-page-head h1{color:#111827!important}
html[data-theme="light"] .progression-summary-v9 article,
html[data-theme="light"] .progression-panel-v9{
  background:#fff!important;
  border-color:rgba(29,38,61,.105)!important;
  box-shadow:0 12px 34px rgba(35,45,75,.055)!important;
}
html[data-theme="light"] .tier-main-v9 strong,
html[data-theme="light"] .level-main-v9 strong,
html[data-theme="light"] .coin-main-v9 strong{color:#141a28!important}
html[data-theme="light"] .tier-main-v9 b{color:#cf6a42!important}
html[data-theme="light"] .level-main-v9 b{color:#4a5367!important}
html[data-theme="light"] .progression-summary-v9 article>span{color:#626d83!important}
html[data-theme="light"] .progression-summary-v9 p,
html[data-theme="light"] .level-summary-card-v9 small{color:#6d778d!important}
html[data-theme="light"] .xp-track,
html[data-theme="light"] .xp-track-v9{background:#e6eaf1!important}
html[data-theme="light"] .tier-road-v9{color:#5f697e!important}
html[data-theme="light"] .tier-stop-v9 i{background:#fff!important;border-color:#cbd3df!important}
html[data-theme="light"] .tier-stop-v9.is-current i{box-shadow:0 0 0 6px rgba(255,135,78,.10)!important}
html[data-theme="light"] .tier-line-v9{background:#d8dee8!important}
html[data-theme="light"] .tier-check-v9{color:#1c2333!important}
html[data-theme="light"] .tier-check-v9 span{color:#747e92!important}
html[data-theme="light"] .tier-ready-v9{background:#eaf8f1!important;color:#237c59!important;border-color:rgba(35,124,89,.14)!important}
html[data-theme="light"] .ledger-row-v9{border-color:rgba(29,38,61,.08)!important}
html[data-theme="light"] .ledger-row-v9 b{color:#1d2434!important}
html[data-theme="light"] .ledger-row-v9 span{color:#7a8498!important}
html[data-theme="light"] .hopcoin-balance-v9{
  box-shadow:0 10px 28px rgba(187,131,38,.09)!important;
}

/* Dashboard cards and status blocks: all light, no accidental near-black text-on-black */
html[data-theme="light"] .personal-status-v10{
  background:rgba(255,255,255,.72)!important;
  border-color:rgba(29,38,61,.09)!important;
}
html[data-theme="light"] .personal-status-v10>div,
html[data-theme="light"] .personal-status-v10>a.status-action-v102{
  background:#fff!important;
  color:#171d2c!important;
}
html[data-theme="light"] .animator-kpi-card,
html[data-theme="light"] .dashboard-panel{
  background:#fff!important;
  border-color:rgba(29,38,61,.10)!important;
}
html[data-theme="light"] .animator-kpi-card>span{color:#677187!important}
html[data-theme="light"] .animator-kpi-card>small{color:#7c8599!important}
html[data-theme="light"] .animator-kpi-card>strong,
html[data-theme="light"] .kpi-rating strong{color:#151b29!important}

/* Better contrast for generic headings/links in light mode */
html[data-theme="light"] .text-link{color:#171d2c!important}
html[data-theme="light"] .section-subcopy{color:#697389!important}
html[data-theme="light"] .dashboard-section-head>div>span{color:#777f92!important}

/* subtle transitions only: no flashing between hard dark/light islands */
html[data-theme="light"] :where(.history-item,.profile-stat-row>a,.profile-stat-row>div,.progression-summary-v9 article,.progression-panel-v9,.activity-card){
  transition:background-color .3s ease,border-color .3s ease,box-shadow .3s ease,color .25s ease;
}

/* =========================================================
   V11.3 — LIGHT THEME REBUILD
   Geometry-neutral theme overrides: the theme must never move layout.
   ========================================================= */

/* Keep geometry identical between themes to prevent layout jumps. */
.animator-app-modern .app-page-head,
.animator-app-modern .dashboard-welcome{
  min-height:0;
  padding-top:18px;
  padding-bottom:30px;
}
html[data-theme="light"] .animator-app-modern .app-page-head,
html[data-theme="dark"] .animator-app-modern .app-page-head,
html[data-theme="light"] .animator-app-modern .dashboard-welcome,
html[data-theme="dark"] .animator-app-modern .dashboard-welcome{
  min-height:0!important;
  padding-top:18px!important;
  padding-bottom:30px!important;
}

/* LIGHT CANVAS */
html[data-theme="light"]{
  --bg:#f4f6fa;
  --bg2:#edf1f6;
  --surface:#ffffff;
  --surface2:#f7f9fc;
  --surface3:#eef2f7;
  --text:#121827;
  --muted:#626d82;
  --muted2:#8791a4;
  --line:rgba(27,37,59,.12);
  --soft-fill:rgba(27,37,59,.045);
  --shadow:0 18px 55px rgba(37,48,78,.08);
  --elevated-shadow:0 22px 65px rgba(37,48,78,.12);
}
html[data-theme="light"] body{
  background:
    radial-gradient(circle at 84% -5%,rgba(122,77,255,.055),transparent 27%),
    radial-gradient(circle at 5% 3%,rgba(255,45,143,.028),transparent 25%),
    #f4f6fa!important;
}

/* COMMON TEXT CONTRAST */
html[data-theme="light"] :is(.animator-app-modern,.portal-body,.staff-body){color:var(--text)}
html[data-theme="light"] :is(.animator-app-modern,.portal-body,.staff-body) :is(h1,h2,h3,h4,strong,b){color:var(--text)}
html[data-theme="light"] :is(.animator-app-modern,.portal-body,.staff-body) :is(p,small){color:var(--muted)}
html[data-theme="light"] .app-empty{background:#fff!important;color:var(--muted)!important;border:1px dashed rgba(27,37,59,.14)!important}
html[data-theme="light"] .app-empty b{color:#1b2232!important}
html[data-theme="light"] .app-empty p{color:#707b90!important}

/* PROFILE — selected controls must remain legible */
html[data-theme="light"] .language-choice-v84,
html[data-theme="light"] .language-choice-v86,
html[data-theme="light"] .choice-pill-v83,
html[data-theme="light"] .profile-toggle-card,
html[data-theme="light"] .preference-card-v83{
  background:#f8f9fc!important;
  border-color:rgba(27,37,59,.11)!important;
  color:#1d2536!important;
}
html[data-theme="light"] .language-choice-v84 :is(.language-name-v85,span),
html[data-theme="light"] .choice-pill-v83 span,
html[data-theme="light"] .preference-card-v83 :is(h3,span),
html[data-theme="light"] .profile-toggle-card b{color:#232a3c!important}
html[data-theme="light"] .language-choice-v84:has(input:checked),
html[data-theme="light"] .language-choice-v86:has(input:checked),
html[data-theme="light"] .choice-pill-v83:has(input:checked){
  background:linear-gradient(145deg,#f2edff,#fff3f8)!important;
  border-color:rgba(139,84,218,.30)!important;
  box-shadow:inset 0 0 0 1px rgba(139,84,218,.06)!important;
}
html[data-theme="light"] .language-choice-v84:has(input:checked) .language-name-v85,
html[data-theme="light"] .language-choice-v86:has(input:checked) .language-name-v85,
html[data-theme="light"] .choice-pill-v83:has(input:checked) span{color:#2a2340!important}
html[data-theme="light"] .language-choice-v84:has(input:checked)::after,
html[data-theme="light"] .choice-pill-v83:has(input:checked)::after{color:#7251cb!important}
html[data-theme="light"] .language-picker-head-v84 b{color:#202738!important}
html[data-theme="light"] .language-picker-head-v84 small,
html[data-theme="light"] .language-picker-head-v84>span{color:#747e92!important}

/* NOTIFICATIONS */
html[data-theme="light"] .notification-panel-v10{
  background:#fff!important;
  border-color:rgba(27,37,59,.11)!important;
  box-shadow:0 12px 34px rgba(37,48,78,.055)!important;
}
html[data-theme="light"] .notification-row-v10{background:#fff!important;border-color:rgba(27,37,59,.085)!important;color:#1c2333!important}
html[data-theme="light"] .notification-row-v10:hover{background:#f7f9fc!important}
html[data-theme="light"] .notification-row-v10.is-unread{background:linear-gradient(90deg,#fff3f8,#fff 50%)!important}
html[data-theme="light"] .notification-title-v10 strong{color:#1b2232!important}
html[data-theme="light"] .notification-title-v10 time{color:#7e879a!important}
html[data-theme="light"] .notification-row-v10 p{color:#697488!important}
html[data-theme="light"] .notification-type-v10{background:#f0f3f8!important}

/* MISSIONS LIST */
html[data-theme="light"] .mission-tabs-v89{background:#eaf0f6!important;border:1px solid rgba(27,37,59,.09)!important}
html[data-theme="light"] .mission-tab-v89{color:#667186!important}
html[data-theme="light"] .mission-tab-v89.is-active{background:#fff!important;color:#171e2d!important;box-shadow:0 5px 16px rgba(31,43,73,.08)!important}
html[data-theme="light"] :is(.mission-opportunity-v89,.mission-upcoming-card-v89){
  background:#fff!important;
  color:#1b2232!important;
  border-color:rgba(27,37,59,.105)!important;
  box-shadow:0 10px 30px rgba(37,48,78,.045)!important;
}
html[data-theme="light"] :is(.mission-opportunity-v89,.mission-upcoming-card-v89):hover{background:#fbfcfe!important;border-color:rgba(122,77,255,.22)!important;box-shadow:0 16px 38px rgba(37,48,78,.08)!important}
html[data-theme="light"] .mission-date-badge-v89{background:#f2f4f9!important;color:#171e2d!important;border-color:rgba(27,37,59,.09)!important}
html[data-theme="light"] .mission-date-badge-v89.is-confirmed{background:#edf8f3!important;color:#247a58!important}
html[data-theme="light"] :is(.mission-opportunity-top-v89,.mission-meta-v89,.mission-upcoming-details-v89) span{color:#6c768b!important}
html[data-theme="light"] :is(.mission-opportunity-main-v89,.mission-upcoming-main-v89) h3{color:#171e2d!important}
html[data-theme="light"] :is(.mission-opportunity-pay-v89,.mission-upcoming-pay-v89) strong{color:#171e2d!important}
html[data-theme="light"] :is(.mission-opportunity-pay-v89,.mission-upcoming-pay-v89) span{color:#727d91!important}
html[data-theme="light"] .status-soft{background:#edf8f3!important;color:#247a58!important;border-color:rgba(36,122,88,.12)!important}

/* HISTORY */
html[data-theme="light"] :is(.history-table,.history-v89,.v8-history){background:#fff!important;border-color:rgba(27,37,59,.11)!important;box-shadow:0 12px 34px rgba(37,48,78,.05)!important}
html[data-theme="light"] .history-item{background:#fff!important;color:#1b2232!important;border-color:rgba(27,37,59,.08)!important}
html[data-theme="light"] .history-item:hover{background:#f8fafd!important}
html[data-theme="light"] .history-item :is(b,strong){color:#1b2232!important}
html[data-theme="light"] .history-item div span,
html[data-theme="light"] .history-item>span{color:#6d788c!important}
html[data-theme="light"] .rating-inline{color:#596478!important}
html[data-theme="light"] .rating-inline b{color:#efa927!important}

/* MISSION DETAIL */
html[data-theme="light"] .mission-detail-v89{background:transparent!important}
html[data-theme="light"] .mission-detail-hero-v89{color:#171e2d!important}
html[data-theme="light"] .mission-status-line-v89>span:not(.mission-status-pill-v89){color:#6e788d!important}
html[data-theme="light"] .mission-detail-heading-v89 p{color:#677287!important}
html[data-theme="light"] .mission-detail-pay-v89 small,
html[data-theme="light"] .mission-detail-pay-v89 span{color:#778197!important}
html[data-theme="light"] .mission-detail-pay-v89 strong{color:#171e2d!important}
html[data-theme="light"] .mission-quickfacts-v89{
  background:#fff!important;
  border-color:rgba(27,37,59,.11)!important;
  box-shadow:0 8px 24px rgba(37,48,78,.04)!important;
}
html[data-theme="light"] .mission-quickfacts-v89>div{background:#fff!important;border-color:rgba(27,37,59,.085)!important}
html[data-theme="light"] .mission-quickfacts-v89 small{color:#788297!important}
html[data-theme="light"] .mission-quickfacts-v89 b{color:#1b2232!important}
html[data-theme="light"] .mission-info-panel,
html[data-theme="light"] .mission-action-card-modern,
html[data-theme="light"] .mission-review-v89{
  background:#fff!important;
  border-color:rgba(27,37,59,.105)!important;
  color:#1b2232!important;
  box-shadow:0 10px 30px rgba(37,48,78,.045)!important;
}
html[data-theme="light"] .mission-section-head-v89 :is(span,h2),
html[data-theme="light"] .mission-location-detail-v89 :is(strong,b),
html[data-theme="light"] .mission-operational-grid-v89 b,
html[data-theme="light"] .mission-contact-v89 b{color:#1b2232!important}
html[data-theme="light"] .mission-location-label-v89,
html[data-theme="light"] .mission-location-detail-v89 p,
html[data-theme="light"] .mission-operational-grid-v89 span,
html[data-theme="light"] .mission-contact-v89 span{color:#697489!important}
html[data-theme="light"] .mission-brief-v89{background:#f7f9fc!important;border-color:rgba(27,37,59,.095)!important}
html[data-theme="light"] .mission-brief-v89 span{color:#6b758a!important}
html[data-theme="light"] .mission-brief-v89 p{color:#4f5a6f!important}
html[data-theme="light"] .prep-item-v10{background:#fbfcfe!important;border-color:rgba(27,37,59,.10)!important;color:#202738!important}
html[data-theme="light"] .prep-item-v10:hover{background:#f5f7fb!important}
html[data-theme="light"] .mission-review-v89{background:#fff!important}
html[data-theme="light"] .mission-review-v89 :is(span,p){color:#697489!important}

/* PLANNING — full light redesign */
html[data-theme="light"] .calendar-card-v8,
html[data-theme="light"] .availability-editor-v8,
html[data-theme="light"] .availability-editor-v81,
html[data-theme="light"] .availability-editor-v82{
  background:#fff!important;
  border-color:rgba(27,37,59,.11)!important;
  box-shadow:0 12px 36px rgba(37,48,78,.055)!important;
  color:#1a2131!important;
}
html[data-theme="light"] .calendar-toolbar-v8{background:#fff!important;border-color:rgba(27,37,59,.09)!important}
html[data-theme="light"] .calendar-toolbar-v8 span,
html[data-theme="light"] .calendar-weekdays-v8 span{color:#717c91!important}
html[data-theme="light"] .calendar-toolbar-v8 h2{color:#171e2d!important}
html[data-theme="light"] .calendar-nav-btn{background:#f3f5f9!important;color:#3d475b!important;border-color:rgba(27,37,59,.105)!important}
html[data-theme="light"] .calendar-nav-btn:hover{background:#e9edf4!important;color:#202738!important}
html[data-theme="light"] .calendar-weekdays-v8{background:#fafbfd!important;border-color:rgba(27,37,59,.08)!important}
html[data-theme="light"] .calendar-grid-v8{background:#f6f8fb!important}
html[data-theme="light"] .calendar-day-v8{
  background:#fff!important;
  color:#1c2333!important;
  border-color:rgba(27,37,59,.075)!important;
}
html[data-theme="light"] .calendar-day-v8:hover{background:#f4f6fb!important;border-color:rgba(122,77,255,.23)!important}
html[data-theme="light"] .calendar-day-v8.outside{background:#f9fafc!important;opacity:.56!important}
html[data-theme="light"] .calendar-day-v8.today{box-shadow:inset 0 0 0 1.5px rgba(122,77,255,.48)!important}
html[data-theme="light"] .calendar-day-v8.selected,
html[data-theme="light"] .calendar-day-v8.is-selected,
html[data-theme="light"] .calendar-day-v8.selecting-v82{background:#f1edff!important;border-color:rgba(122,77,255,.36)!important;box-shadow:inset 0 0 0 1px rgba(122,77,255,.12)!important}
html[data-theme="light"] .calendar-day-v8.is-unavailable{background:#fff3f5!important;border-color:rgba(216,78,101,.18)!important}
html[data-theme="light"] .calendar-day-number>span{color:#202738!important}
html[data-theme="light"] .calendar-day-number small{color:#795cc9!important}
html[data-theme="light"] .availability-chip.available{background:#eaf8f1!important;color:#217b57!important}
html[data-theme="light"] .availability-chip.unavailable{background:#fff0f3!important;color:#b94f66!important}
html[data-theme="light"] .calendar-mission-chip{background:#eee9ff!important;color:#684bbd!important}
html[data-theme="light"] .more-events{color:#747f93!important}
html[data-theme="light"] .availability-current-v81{background:#f7f9fc!important;border-color:rgba(27,37,59,.10)!important}
html[data-theme="light"] .availability-current-v81>span,
html[data-theme="light"] .editor-label-v81,
html[data-theme="light"] .availability-editor-head>span{color:#747f93!important}
html[data-theme="light"] .availability-current-v81>b,
html[data-theme="light"] .availability-editor-head h2{color:#1b2232!important}
html[data-theme="light"] .availability-editor-head p{color:#687388!important}
html[data-theme="light"] .availability-current-v81.is-available{background:#edf9f3!important;border-color:rgba(36,139,92,.16)!important}
html[data-theme="light"] .availability-current-v81.is-available>b{color:#24835b!important}
html[data-theme="light"] .availability-current-v81.is-unavailable{background:#fff2f4!important;border-color:rgba(190,72,92,.16)!important}
html[data-theme="light"] .availability-current-v81.is-unavailable>b{color:#b34b60!important}
html[data-theme="light"] .quick-slot-card{background:#f8f9fc!important;color:#202738!important;border-color:rgba(27,37,59,.105)!important}
html[data-theme="light"] .quick-slot-card:hover{background:#f1f4f9!important;border-color:rgba(122,77,255,.26)!important}
html[data-theme="light"] .quick-slot-card b{color:#202738!important}
html[data-theme="light"] .quick-slot-card small{color:#707b90!important}
html[data-theme="light"] .quick-slot-card i{background:#eee9ff!important;color:#7254c8!important}
html[data-theme="light"] .quick-slot-card.full-day{background:#eef9f4!important;border-color:rgba(38,144,96,.15)!important}
html[data-theme="light"] .quick-slot-card.full-day i{background:#dff4e9!important;color:#25835c!important}
html[data-theme="light"] .quick-slot-card.unavailable{background:#fff3f5!important;border-color:rgba(190,72,92,.14)!important}
html[data-theme="light"] .quick-slot-card.unavailable i{background:#ffe5ea!important;color:#b44f64!important}
html[data-theme="light"] .custom-slot-v81{background:#f8f9fc!important;border-color:rgba(27,37,59,.10)!important}
html[data-theme="light"] .custom-slot-toggle-v81{color:#202738!important}
html[data-theme="light"] .custom-slot-toggle-v81 b{color:#202738!important}
html[data-theme="light"] .custom-slot-toggle-v81 small{color:#707b90!important}
html[data-theme="light"] .custom-slot-toggle-v81>i{background:#edf0f5!important;color:#566176!important}
html[data-theme="light"] .hour-picker-v81 button{background:#fff!important;color:#5d687c!important;border-color:rgba(27,37,59,.11)!important}
html[data-theme="light"] .hour-picker-v81 button:hover{background:#f1f4f9!important;color:#202738!important;border-color:rgba(122,77,255,.25)!important}
html[data-theme="light"] .hour-picker-v81 button.active{background:linear-gradient(135deg,#805dff,#c54ad9)!important;color:#fff!important;border-color:transparent!important}
html[data-theme="light"] .custom-slot-summary-v81{background:#eef2f7!important;color:#626d82!important}
html[data-theme="light"] .custom-slot-summary-v81 b{color:#202738!important}
html[data-theme="light"] .availability-tip-v8{background:#f5f7fa!important;border-color:rgba(27,37,59,.09)!important}
html[data-theme="light"] .availability-tip-v8 b{color:#202738!important}
html[data-theme="light"] .availability-tip-v8 p{color:#6e788d!important}

/* PUBLIC ACTIVITY DETAIL — light theme must not inherit dark hero/card palette */
html[data-theme="light"] .detail-hero{background:linear-gradient(180deg,#fff,#f4f6fa)!important;color:#161d2c!important}
html[data-theme="light"] .detail-copy h1{color:#121827!important}
html[data-theme="light"] .detail-tagline{color:#6b4fc5!important}
html[data-theme="light"] .detail-copy>p{color:#5f6a80!important}
html[data-theme="light"] .detail-badges span{background:#f1f4f8!important;color:#596478!important;border-color:rgba(27,37,59,.10)!important}
html[data-theme="light"] .detail-facts>div{background:#fff!important;border-color:rgba(27,37,59,.10)!important}
html[data-theme="light"] .detail-facts b{color:#202738!important}
html[data-theme="light"] .detail-facts small{color:#7b8599!important}
html[data-theme="light"] .detail-sticky-zone{background:#f5f7fb!important}
html[data-theme="light"] .detail-story h2{color:#151c2b!important}
html[data-theme="light"] .rich-copy{color:#596478!important}
html[data-theme="light"] .highlight-grid>div,
html[data-theme="light"] .mini-related-grid a{background:#fff!important;color:#202738!important;border-color:rgba(27,37,59,.10)!important}
html[data-theme="light"] .included-grid>div{color:#30394d!important;border-color:rgba(27,37,59,.09)!important}
html[data-theme="light"] .detail-price-card{background:#fff!important;color:#171e2d!important;border-color:rgba(27,37,59,.11)!important;box-shadow:0 18px 55px rgba(37,48,78,.10)!important}
html[data-theme="light"] .price-card-top strong{color:#171e2d!important}
html[data-theme="light"] .price-card-top span,
html[data-theme="light"] .price-card-top small,
html[data-theme="light"] .price-note,
html[data-theme="light"] .price-list span{color:#707b90!important}
html[data-theme="light"] .price-list b{color:#202738!important}
html[data-theme="light"] .related-section{background:#eef2f7!important}

/* Theme animation must not leave the viewport at a different scroll position. */
html.theme-transitioning,html.theme-fade-transition{scroll-behavior:auto!important}

/* ==========================================================
   V12 — CLIENT ACCOUNTS / PRIVATE + HOP BUSINESS
   ========================================================== */
.client-v12-body .client-main{padding-top:42px}
.v12-head{margin-bottom:28px}.v12-head h1{font-size:clamp(34px,3.1vw,54px);letter-spacing:-.045em}.v12-head p{font-size:15px;line-height:1.65;max-width:760px}
.portal-nav-icon{width:18px;height:18px;display:inline-block;position:relative;opacity:.78;flex:0 0 18px}.portal-nav-icon:before,.portal-nav-icon:after{content:"";position:absolute;box-sizing:border-box;border:1.7px solid currentColor}.nav-overview:before{inset:2px;border-radius:5px}.nav-overview:after{width:4px;height:4px;border:0;background:currentColor;border-radius:50%;left:7px;top:7px}.nav-program:before{inset:1px 3px;border-radius:3px}.nav-program:after{left:6px;right:6px;top:6px;height:1px;border:0;background:currentColor;box-shadow:0 4px 0 currentColor,0 8px 0 currentColor}.nav-events:before{inset:2px;border-radius:3px}.nav-events:after{left:4px;right:4px;top:6px;height:1px;border:0;background:currentColor;box-shadow:0 4px 0 currentColor}.nav-quotes:before{inset:2px 4px;border-radius:2px}.nav-quotes:after{left:7px;top:5px;width:4px;height:8px;border-width:0 0 0 1.7px}.nav-docs:before{left:4px;top:2px;width:10px;height:14px;border-radius:2px}.nav-docs:after{left:7px;top:7px;width:6px;height:1px;border:0;background:currentColor;box-shadow:0 4px 0 currentColor}.nav-venues:before{left:4px;top:2px;width:10px;height:14px;border-radius:3px}.nav-venues:after{left:8px;top:6px;width:2px;height:2px;border:0;background:currentColor;box-shadow:0 4px 0 currentColor}.nav-benefits:before{inset:3px;border-radius:50%}.nav-benefits:after{left:8px;top:0;width:2px;height:18px;border:0;background:currentColor;transform:rotate(45deg);opacity:.65}.nav-org:before{inset:3px;border-radius:50%}.nav-org:after{left:7px;top:7px;width:4px;height:4px;border-radius:50%}
.plus-mark{width:10px;height:10px;display:inline-block;position:relative}.plus-mark:before,.plus-mark:after{content:"";position:absolute;background:currentColor}.plus-mark:before{left:4px;top:0;width:2px;height:10px}.plus-mark:after{top:4px;left:0;width:10px;height:2px}
.client-action-strip{display:flex;align-items:center;justify-content:space-between;gap:28px;padding:20px 24px;margin:0 0 24px;border:1px solid rgba(255,174,73,.28);background:linear-gradient(90deg,rgba(255,152,58,.09),rgba(225,75,161,.055));border-radius:18px}.client-action-strip>div>span{display:block;font-size:10px;font-weight:900;letter-spacing:.16em;color:#ff9f50;margin-bottom:5px}.client-action-strip strong{display:block;font-size:17px;margin-bottom:3px}.client-action-strip p{margin:0;color:var(--muted,#8d96aa);font-size:13px}.client-action-strip>a{white-space:nowrap;font-size:13px;font-weight:800;padding:10px 15px;border-radius:10px;background:rgba(255,255,255,.07)}
.private-kpis{grid-template-columns:repeat(3,minmax(0,1fr))}.business-kpis{grid-template-columns:repeat(4,minmax(0,1fr))}
.clean-empty{padding:46px 28px!important}.clean-empty h3{font-size:18px!important;margin-bottom:7px!important}.clean-empty p{font-size:13px!important;max-width:470px;margin:0 auto 18px!important}
.client-contact-card{padding:24px;border-radius:18px;border:1px solid rgba(255,255,255,.08);background:linear-gradient(145deg,rgba(128,93,255,.12),rgba(236,61,149,.055))}.client-contact-card>span{font-size:10px;letter-spacing:.15em;font-weight:900;color:#9d84ff}.client-contact-card h3{font-size:18px;margin:11px 0 8px}.client-contact-card p{font-size:13px;line-height:1.6;color:#8f98ac;margin:0 0 16px}.client-contact-card a{font-size:13px;font-weight:800}
.private-benefit-preview{margin-top:20px;display:grid;grid-template-columns:1.35fr .65fr;gap:20px;align-items:center;padding:28px 30px;border:1px solid rgba(255,255,255,.08);border-radius:20px;background:rgba(255,255,255,.025)}.private-benefit-preview>div:first-child>span{font-size:10px;letter-spacing:.16em;font-weight:900;color:#9379ff}.private-benefit-preview h2{font-size:25px;margin:8px 0}.private-benefit-preview p{font-size:13px;color:#8f98ac;line-height:1.65;margin:0;max-width:600px}.private-progress-box{padding:18px 20px;border-radius:15px;background:rgba(255,255,255,.04);display:grid;gap:7px}.private-progress-box strong{font-size:17px}.private-progress-box span{font-size:12px;color:#929baf}.private-progress-box i,.private-loyalty-progress>i{height:5px;border-radius:99px;background:rgba(255,255,255,.08);overflow:hidden}.private-progress-box em,.private-loyalty-progress em{display:block;height:100%;border-radius:inherit;background:linear-gradient(90deg,#ff8c43,#e13ca1,#744cff)}.private-progress-box a{font-size:12px;font-weight:800;margin-top:3px}
.v12-business-actions a{min-height:86px}.v12-business-actions a>div strong{font-size:14px}.v12-business-actions a>div span{font-size:11px}
.programming-toolbar{display:flex;align-items:center;justify-content:space-between;margin-bottom:18px;padding:16px 19px;border:1px solid rgba(255,255,255,.08);border-radius:15px;background:rgba(255,255,255,.025)}.programming-toolbar strong{display:block;font-size:14px}.programming-toolbar span{font-size:11px;color:#8993a7}.programming-toolbar a{font-size:12px;font-weight:800}.venue-program-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px}.venue-program-card{border:1px solid rgba(255,255,255,.08);border-radius:20px;background:rgba(255,255,255,.025);overflow:hidden}.venue-program-card>header{display:flex;justify-content:space-between;gap:20px;padding:22px 23px;border-bottom:1px solid rgba(255,255,255,.07)}.venue-program-card header span{font-size:9px;letter-spacing:.15em;font-weight:900;color:#8f7bff}.venue-program-card h2{font-size:20px;margin:6px 0 2px}.venue-program-card header p{font-size:11px;color:#8d96a9;margin:0}.venue-program-card header>strong{font-size:30px;line-height:1}.program-line{display:grid;grid-template-columns:62px 1fr auto;gap:14px;align-items:center;padding:15px 22px;border-bottom:1px solid rgba(255,255,255,.06)}.program-date{font-size:10px;font-weight:900;letter-spacing:.08em;color:#947dff}.program-line>div strong{display:block;font-size:13px;margin-bottom:4px}.program-line>div small{font-size:10px;color:#8f98ab}.program-line>b{font-size:12px}.program-empty{padding:30px 22px;color:#7f899d;font-size:12px}.venue-program-card>footer{display:flex;justify-content:space-between;padding:15px 22px}.venue-program-card footer a{font-size:11px;font-weight:800}.unassigned-program{margin-top:20px}.unassigned-program .program-line:last-child{border-bottom:0}
.documents-grid{display:grid;grid-template-columns:1fr 1fr;gap:20px}.document-row{display:grid;grid-template-columns:42px 1fr auto;gap:13px;align-items:center;padding:15px 20px;border-top:1px solid rgba(255,255,255,.07)}a.document-row:hover{background:rgba(255,255,255,.025)}.document-type{display:grid;place-items:center;width:38px;height:38px;border-radius:10px;background:rgba(127,92,255,.12);color:#a18dff;font-size:9px;font-weight:900;letter-spacing:.08em}.document-row strong{display:block;font-size:13px}.document-row span{font-size:10px;color:#8993a8}.document-row>b{font-size:10px;color:#929caf}.document-empty{padding:34px 22px}.document-empty strong{display:block;font-size:14px;margin-bottom:5px}.document-empty span{font-size:11px;color:#8993a8}.invoice-info-card{margin-top:20px;padding:24px 26px;display:flex;justify-content:space-between;align-items:center;gap:20px;border:1px solid rgba(255,255,255,.08);border-radius:18px;background:rgba(255,255,255,.025)}.invoice-info-card>div>span{font-size:9px;letter-spacing:.15em;font-weight:900;color:#927aff}.invoice-info-card h2{font-size:19px;margin:6px 0}.invoice-info-card p{font-size:12px;color:#8f98ab;margin:0}.invoice-state{padding:9px 12px;border-radius:99px;background:rgba(255,255,255,.05);font-size:10px;color:#929caf;white-space:nowrap}
.private-loyalty-hero{display:grid;grid-template-columns:1fr 1.2fr;gap:28px;padding:30px;border-radius:22px;background:linear-gradient(135deg,rgba(125,76,255,.2),rgba(228,57,155,.12));border:1px solid rgba(173,124,255,.2)}.private-loyalty-hero>div:first-child>span{font-size:9px;letter-spacing:.15em;font-weight:900;color:#bdaeff}.private-loyalty-hero h2{font-size:32px;margin:8px 0 3px}.private-loyalty-hero p{font-size:13px;color:#a4adc0;margin:0}.private-loyalty-progress{align-self:center}.private-loyalty-progress>div{display:flex;justify-content:space-between;font-size:11px;margin-bottom:9px}.private-loyalty-progress>i{display:block}.private-benefits{grid-template-columns:repeat(3,minmax(0,1fr));margin-top:20px}
.quote-account-context{display:flex;justify-content:space-between;align-items:center;gap:16px;margin-bottom:18px;padding:16px 18px;border-radius:15px;border:1px solid rgba(119,84,255,.18);background:rgba(117,83,255,.055)}.quote-account-context span{display:block;font-size:9px;letter-spacing:.15em;color:#8c73ff;font-weight:900}.quote-account-context strong{display:block;font-size:14px;margin:4px 0 2px}.quote-account-context small{font-size:10px;color:#8a94a8}.quote-account-context a{font-size:11px;font-weight:800}
.v12-auth-points span:before{content:"";width:7px;height:7px;border-radius:50%;background:linear-gradient(135deg,#ff8a43,#df3fa1,#744dff);display:inline-block;margin-right:9px}.v12-signup-card{max-width:650px}.signup-intro{margin-bottom:18px!important}.account-type-picker{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-bottom:20px}.account-type-card{position:relative;cursor:pointer}.account-type-card>input{position:absolute;opacity:0;pointer-events:none}.account-type-ui{display:block;padding:17px 17px 17px 43px;border-radius:15px;border:1px solid rgba(255,255,255,.10);background:rgba(255,255,255,.025);position:relative;transition:.2s}.account-type-ui>i{position:absolute;left:16px;top:18px;width:15px;height:15px;border:1.5px solid #6f7890;border-radius:50%}.account-type-ui strong{display:block;font-size:14px;margin-bottom:5px}.account-type-ui small{display:block;font-size:10px;line-height:1.5;color:#8b95a9}.account-type-card input:checked+.account-type-ui{border-color:rgba(139,95,255,.65);background:rgba(121,78,255,.09);box-shadow:0 0 0 3px rgba(121,78,255,.06)}.account-type-card input:checked+.account-type-ui>i{border-color:#916fff;box-shadow:inset 0 0 0 4px rgba(145,111,255,1)}

html[data-theme="light"] .client-action-strip{background:linear-gradient(90deg,#fff8ed,#fff7fb);border-color:#f2d7b4}.client-action-strip>a{color:inherit}
html[data-theme="light"] .client-contact-card{background:linear-gradient(145deg,#f4f0ff,#fff5fa);border-color:#e5def2}.client-contact-card p,html[data-theme="light"] .private-benefit-preview p,html[data-theme="light"] .private-progress-box span{color:#6c768a}
html[data-theme="light"] .private-benefit-preview,html[data-theme="light"] .programming-toolbar,html[data-theme="light"] .venue-program-card,html[data-theme="light"] .invoice-info-card{background:#fff;border-color:#dfe4ec;box-shadow:0 10px 34px rgba(37,47,73,.05)}
html[data-theme="light"] .private-progress-box{background:#f5f7fa}html[data-theme="light"] .private-progress-box i,html[data-theme="light"] .private-loyalty-progress>i{background:#e5e9f0}
html[data-theme="light"] .venue-program-card>header,html[data-theme="light"] .program-line,html[data-theme="light"] .document-row{border-color:#e7eaf0}.program-line>div small,html[data-theme="light"] .document-row span,html[data-theme="light"] .document-row>b,html[data-theme="light"] .document-empty span,html[data-theme="light"] .invoice-info-card p{color:#6d778a}
html[data-theme="light"] .document-type{background:#f0ebff;color:#7257d7}.invoice-state{background:#f2f4f7;color:#697386}
html[data-theme="light"] .private-loyalty-hero{background:linear-gradient(135deg,#f4f0ff,#fff2f8);border-color:#e2d8f2}.private-loyalty-hero p{color:#687286}
html[data-theme="light"] .quote-account-context{background:#f7f4ff;border-color:#e2d9f7}.quote-account-context small{color:#6e788b}
html[data-theme="light"] .account-type-ui{background:#fff;border-color:#dce1e9}.account-type-ui small{color:#6e788b}.account-type-card input:checked+.account-type-ui{background:#f7f3ff;border-color:#9a7bec}
@media(max-width:1000px){.business-kpis{grid-template-columns:repeat(2,1fr)}.private-kpis{grid-template-columns:repeat(3,1fr)}.venue-program-grid,.documents-grid{grid-template-columns:1fr}.private-benefit-preview,.private-loyalty-hero{grid-template-columns:1fr}}
@media(max-width:700px){.private-kpis{grid-template-columns:1fr 1fr}.client-action-strip{align-items:flex-start;flex-direction:column}.account-type-picker{grid-template-columns:1fr}.private-benefits{grid-template-columns:1fr}.program-line{grid-template-columns:52px 1fr}.program-line>b{grid-column:2}.invoice-info-card{align-items:flex-start;flex-direction:column}}

/* ============================================================
   V12.1 — Animator mission safety + readability polish
   ============================================================ */

/* Messages belong to the action that produced them. */
.animator-app-modern .app-messages{margin:4px 0 18px;gap:9px}
.animator-app-modern .app-messages>div{
  padding:13px 15px!important;
  border-radius:12px!important;
  font-size:14px!important;
  line-height:1.5!important;
  font-weight:650;
}
.animator-app-modern .app-messages .message-success{
  color:#baf2d5!important;
  background:rgba(64,190,128,.10)!important;
  border-color:rgba(80,215,150,.22)!important;
}
.animator-app-modern .app-messages .message-error{
  color:#ffc2cb!important;
  background:rgba(225,75,99,.10)!important;
  border-color:rgba(235,92,115,.24)!important;
}
html[data-theme="light"] .animator-app-modern .app-messages .message-success{
  color:#176643!important;
  background:#edf8f3!important;
  border-color:rgba(23,102,67,.16)!important;
}
html[data-theme="light"] .animator-app-modern .app-messages .message-error{
  color:#9d2f43!important;
  background:#fff1f3!important;
  border-color:rgba(157,47,67,.16)!important;
}

/* Keep key actions comfortably readable. */
.animator-app-modern .btn{font-size:14px!important;line-height:1.2;min-height:43px}
.animator-app-modern .btn-large{font-size:15px!important;min-height:47px}
.animator-app-modern .btn-xl{font-size:16px!important;min-height:52px}
.animator-app-modern .mission-action-v89 h3{font-size:20px!important}
.animator-app-modern .mission-action-v89>p{font-size:14px!important;line-height:1.6!important}
.animator-app-modern .action-status span{font-size:13px!important}
.animator-app-modern .accepted-modern{font-size:14px!important}
.animator-app-modern .mission-action-summary-v89 span{font-size:13px!important}
.animator-app-modern .mission-action-summary-v89 strong{font-size:27px!important}

/* Safer completion state. */
.mission-complete-disabled-v121{opacity:.48!important;transform:none!important;cursor:not-allowed!important}
.mission-action-help-v121{margin:7px 0 2px!important;font-size:13px!important;line-height:1.5!important;color:#888c9d!important;text-align:center}
html[data-theme="light"] .mission-action-help-v121{color:#687489!important}

/* Refusal stays available but visually secondary to the mission itself. */
.mission-decline-trigger-v121{
  width:100%;
  margin-top:5px;
  padding:11px 8px;
  border:0;
  background:transparent;
  color:#d18b96;
  font:inherit;
  font-size:13px;
  font-weight:750;
  cursor:pointer;
  border-radius:10px;
  transition:background .18s,color .18s;
}
.mission-decline-trigger-v121:hover{background:rgba(222,93,112,.08);color:#f0a2ae}
html[data-theme="light"] .mission-decline-trigger-v121{color:#a34c5d}
html[data-theme="light"] .mission-decline-trigger-v121:hover{background:#fff1f3;color:#8d3548}

/* Decline modal */
body.modal-open-v121{overflow:hidden}
.mission-decline-modal-v121[hidden]{display:none!important}
.mission-decline-modal-v121{position:fixed;inset:0;z-index:10000;display:grid;place-items:center;padding:22px}
.mission-decline-backdrop-v121{position:absolute;inset:0;border:0;background:rgba(3,5,10,.74);backdrop-filter:blur(7px);cursor:default}
.mission-decline-dialog-v121{
  position:relative;
  z-index:1;
  width:min(520px,100%);
  padding:28px;
  border:1px solid rgba(255,255,255,.11);
  border-radius:22px;
  background:#12141e;
  box-shadow:0 32px 100px rgba(0,0,0,.5);
}
.mission-decline-close-v121{position:absolute;right:14px;top:12px;width:36px;height:36px;border:0;border-radius:10px;background:rgba(255,255,255,.055);color:#b9bdc9;font-size:22px;cursor:pointer}
.mission-decline-kicker-v121{display:block;margin-bottom:9px;font-size:11px;font-weight:900;letter-spacing:.14em;color:#d47d8b}
.mission-decline-dialog-v121 h2{margin:0 42px 9px 0;font-size:25px;letter-spacing:-.7px}
.mission-decline-dialog-v121>p{margin:0 0 20px;color:#9da1b0;font-size:14px;line-height:1.65}
.mission-decline-dialog-v121 form{display:grid;gap:9px}
.mission-decline-dialog-v121 label{font-size:13px;font-weight:800;color:#d9dbe3;margin-top:4px}
.mission-decline-dialog-v121 label span{font-weight:600;color:#777c8d}
.mission-decline-dialog-v121 select,.mission-decline-dialog-v121 textarea{width:100%;border:1px solid #303443;border-radius:11px;background:#0b0d14;color:#eceef3;padding:12px 13px;font-size:14px;outline:none}
.mission-decline-dialog-v121 textarea{resize:vertical;min-height:88px}
.mission-decline-actions-v121{display:flex;justify-content:flex-end;gap:9px;margin-top:12px}
.mission-decline-confirm-v121{background:#9e4053!important;color:#fff!important;border:1px solid rgba(255,255,255,.08)!important}
.mission-decline-confirm-v121:hover{background:#b24a5f!important}
html[data-theme="light"] .mission-decline-backdrop-v121{background:rgba(20,27,42,.40)}
html[data-theme="light"] .mission-decline-dialog-v121{background:#fff;border-color:rgba(27,37,59,.12);box-shadow:0 30px 80px rgba(24,34,57,.18)}
html[data-theme="light"] .mission-decline-close-v121{background:#f0f3f7;color:#586276}
html[data-theme="light"] .mission-decline-dialog-v121 h2{color:#182032}
html[data-theme="light"] .mission-decline-dialog-v121>p{color:#697489}
html[data-theme="light"] .mission-decline-dialog-v121 label{color:#30394b}
html[data-theme="light"] .mission-decline-dialog-v121 label span{color:#7c8799}
html[data-theme="light"] .mission-decline-dialog-v121 select,
html[data-theme="light"] .mission-decline-dialog-v121 textarea{background:#f8fafc;color:#20283a;border-color:rgba(27,37,59,.14)}

/* Readable states: especially greens in light mode. */
html[data-theme="light"] :is(.status-soft,.status-accepted,.status-confirmed,.status-completed,.accepted-modern,.availability-chip.available,.availability-current-v81.is-available,.tier-ready-v9,.quote-state-success){
  background:#e9f6ef!important;
  color:#176643!important;
  border-color:rgba(23,102,67,.16)!important;
}
html[data-theme="light"] :is(.positive,.status-soft,.accepted-modern,.availability-chip.available) *{color:inherit!important}

/* Final readability floor for frequently used UI, without inflating the layout. */
.animator-app-modern :is(.mission-category,.mission-location-v89,.mission-meta-v89 small,.mission-upcoming-details-v89,.history-item div span,.mission-status-line-v89,.panel-title>span,.mission-location-label-v89,.mission-operational-grid-v89 span,.mission-contact-v89 span,.prep-head-v10 p,.prep-item-v10 span,.notification-card-v10 p,.invoice-row-v10 span){font-size:12px!important;line-height:1.45}
.animator-app-modern :is(.mission-meta-v89 b,.mission-upcoming-details-v89 b,.history-item b,.mission-operational-grid-v89 strong,.mission-contact-v89 strong,.prep-head-v10 b){font-size:14px!important}
.animator-app-modern .mission-status-pill-v89{font-size:12px!important;padding:7px 10px!important}
.animator-app-modern .app-empty p,.animator-app-modern .mini-empty{font-size:14px!important}

/* Client action buttons should never feel like microcopy either. */
.client-portal-v12 .btn,.client-portal .btn{font-size:14px;min-height:42px}

@media(max-width:600px){
  .mission-decline-dialog-v121{padding:22px 18px}
  .mission-decline-actions-v121{flex-direction:column-reverse}
  .mission-decline-actions-v121 .btn{width:100%}
}
.animator-app-modern .app-messages .message-info{color:#b9ccff!important;background:rgba(88,130,229,.10)!important;border-color:rgba(104,145,240,.20)!important}
html[data-theme="light"] .animator-app-modern .app-messages .message-info{color:#365d9a!important;background:#eef4ff!important;border-color:rgba(54,93,154,.14)!important}


/* V12.2 — Dark-only mode. Light theme is intentionally disabled for now. */
:root{color-scheme:dark}
html[data-theme="dark"]{color-scheme:dark}
.theme-toggle,.portal-theme-row,.staff-theme-row,.animator-theme-row{display:none!important}

/* =========================================================
   HOP CLIENT JOURNEY V12.3 — DARK ONLY
   ========================================================= */
.client-v12-body{font-size:15px}
.client-v12-body .client-main{max-width:1540px;width:100%;margin:0 auto;padding:42px 46px 80px}
.client-v12-body .client-sidebar nav a{font-size:12px;padding:12px 13px}
.client-v12-body .client-sidebar nav a i{width:20px}
.client-v12-body .client-discover{font-size:11px;padding:12px}
.client-v12-body .client-user-card strong{font-size:11px}
.client-v12-body .client-user-card small{font-size:9px}
.client-v12-body .client-page-head>div>span{font-size:10px!important}
.client-v12-body .client-page-head h1{font-size:42px;line-height:1.05}
.client-v12-body .client-page-head p{font-size:14px!important;max-width:720px;color:#979fb1}
.client-v12-body .client-kpi-grid i{font-size:9px}
.client-v12-body .client-kpi-grid span{font-size:11px!important;color:#9299aa}
.client-v12-body .client-panel-head>div>span{font-size:9px}
.client-v12-body .client-panel-head h2{font-size:18px}
.client-v12-body .client-panel-head>a{font-size:11px}
.client-v12-body .quote-mini-row strong{font-size:11px}
.client-v12-body .quote-mini-row span{font-size:9px}
.client-v12-body .quote-mini-row b{font-size:12px}
.client-v12-body .event-row-main>span{font-size:9px}
.client-v12-body .event-row-main h3{font-size:13px}
.client-v12-body .event-row-main p{font-size:10px}
.client-v12-body .event-status{font-size:10px!important;padding:7px 10px!important}
.client-v12-body .client-event-row{color:inherit;transition:.18s ease}
.client-v12-body .client-event-row:hover{background:#141722}
.client-v12-body .subtle-empty{font-size:11px}
.client-v12-body .btn{font-size:13px;min-height:42px;display:inline-flex;align-items:center;justify-content:center}
.client-v12-body .portal-message{font-size:12px;padding:12px 14px}
.client-v12-body .document-row{color:inherit}

.v123-page-head{margin-bottom:20px}
.portal-back{display:block;width:max-content;color:#7f8799;font-size:11px;font-weight:750;margin-bottom:11px}
.portal-back:hover{color:#fff}
.large-status{font-size:11px!important;padding:9px 12px!important}

.client-tabs{display:flex;gap:7px;margin:0 0 16px;padding:5px;width:max-content;max-width:100%;overflow:auto;border:1px solid #20232f;border-radius:13px;background:#0b0d13}
.client-tabs a{display:flex;align-items:center;gap:8px;padding:9px 13px;border-radius:9px;color:#858c9d;font-size:12px;font-weight:750;white-space:nowrap}
.client-tabs a b{display:grid;place-items:center;min-width:22px;height:22px;padding:0 6px;border-radius:999px;background:#171a24;color:#9ba2b3;font-size:10px}
.client-tabs a.active{background:#191c27;color:#fff}
.client-tabs a.active b{background:rgba(145,106,255,.17);color:#b6a1ff}

.client-reservations-list{overflow:hidden}
.reservation-row{display:grid;grid-template-columns:58px minmax(0,1fr) auto 22px;align-items:center;gap:17px;padding:18px 20px;color:inherit;border-bottom:1px solid #1d202b;transition:.18s ease}
.reservation-row:last-child{border-bottom:0}
.reservation-row:hover{background:#141722}
.reservation-date{width:58px;height:61px;border-radius:13px;background:#191c27;display:flex;flex-direction:column;align-items:center;justify-content:center}
.reservation-date strong{font-size:22px;line-height:1}
.reservation-date span{font-size:9px;font-weight:850;letter-spacing:.08em;color:#ff74a8;margin-top:4px}
.reservation-main>span{display:block;font-size:9px;color:#777f92;font-weight:750;letter-spacing:.03em}
.reservation-main h2{font-size:16px;margin:4px 0 5px}
.reservation-main p{margin:0;color:#8d95a7;font-size:11px}
.reservation-state{display:flex;align-items:flex-end;flex-direction:column;gap:9px}
.reservation-state>strong{font-size:14px}
.reservation-row>i{font-style:normal;color:#756f91;font-size:16px}

.event-detail-grid{display:grid;grid-template-columns:minmax(0,1.55fr) minmax(320px,.65fr);gap:15px}
.event-main-card{overflow:hidden}
.event-main-hero{display:flex;align-items:flex-start;justify-content:space-between;gap:25px;padding:25px;border-bottom:1px solid #20232e;background:radial-gradient(circle at 0 0,rgba(130,83,255,.13),transparent 42%)}
.event-main-hero>div>span{font-size:9px;letter-spacing:.14em;color:#a48dff;font-weight:850}
.event-main-hero h2{font-size:26px;letter-spacing:-.7px;margin:7px 0 5px}
.event-main-hero p{font-size:12px;color:#929aab;margin:0;line-height:1.5}
.event-main-hero>strong{font-size:27px;letter-spacing:-1px;white-space:nowrap}
.event-facts{display:grid;grid-template-columns:repeat(4,1fr);border-bottom:1px solid #20232e}
.event-facts>div{padding:20px;border-right:1px solid #20232e;display:flex;flex-direction:column;gap:4px}
.event-facts>div:last-child{border-right:0}
.event-facts small{font-size:8px;letter-spacing:.12em;color:#6f7789;font-weight:850}
.event-facts strong{font-size:13px}
.event-facts span{font-size:10px;color:#8e96a8}
.event-notes{padding:20px 24px;border-bottom:1px solid #20232e}
.event-notes>span,.event-related-link span{font-size:8px;letter-spacing:.12em;color:#737b8e;font-weight:850}
.event-notes p{font-size:12px;line-height:1.65;color:#a1a8b7;margin:8px 0 0}
.event-related-link{display:flex;align-items:center;justify-content:space-between;gap:15px;padding:18px 24px}
.event-related-link>div{display:flex;flex-direction:column;gap:4px}
.event-related-link strong{font-size:12px}
.event-related-link a{font-size:11px;font-weight:800;color:#ae98ff}
.event-detail-side{display:grid;gap:15px;align-content:start}
.event-tracking-card{overflow:hidden}
.event-steps{padding:16px 20px 20px}
.event-steps>div{position:relative;display:grid;grid-template-columns:32px 1fr;gap:12px;padding:8px 0 17px}
.event-steps>div:not(:last-child):after{content:"";position:absolute;left:15px;top:40px;bottom:-2px;width:1px;background:#272b38}
.event-steps i{width:32px;height:32px;border-radius:50%;display:grid;place-items:center;font-style:normal;font-size:10px;font-weight:900;background:#181b25;color:#626a7c;border:1px solid #282c39}
.event-steps p{margin:1px 0 0;display:flex;flex-direction:column;gap:3px}
.event-steps strong{font-size:12px;color:#8b92a3}
.event-steps span{font-size:10px;color:#676f81;line-height:1.4}
.event-steps .done i{background:rgba(86,222,155,.1);border-color:rgba(86,222,155,.22);color:#76e1ad}
.event-steps .done strong{color:#f3f5fa}
.event-steps .done span{color:#969dae}
.client-state-banner{padding:19px 22px;margin-bottom:16px;border:1px solid rgba(255,84,113,.22);border-radius:16px;background:rgba(255,65,99,.06)}
.client-state-banner span{display:block;font-size:9px;letter-spacing:.14em;color:#ff7892;font-weight:900}
.client-state-banner strong{display:block;font-size:16px;margin:5px 0 2px}
.client-state-banner p{font-size:11px;color:#9299aa;margin:0}

.program-line{color:inherit;transition:.18s ease}
a.program-line:hover{background:#151822}

@media(max-width:1000px){
  .client-v12-body .client-main{padding:30px 22px 65px}
  .event-detail-grid{grid-template-columns:1fr}
  .event-facts{grid-template-columns:1fr 1fr}
  .event-facts>div:nth-child(2){border-right:0}
  .event-facts>div:nth-child(-n+2){border-bottom:1px solid #20232e}
}
@media(max-width:700px){
  .client-v12-body .client-main{padding:24px 14px 55px}
  .client-v12-body .client-page-head h1{font-size:34px}
  .reservation-row{grid-template-columns:48px 1fr 18px;padding:15px 13px;gap:12px}
  .reservation-date{width:48px;height:53px}
  .reservation-date strong{font-size:18px}
  .reservation-state{grid-column:2;align-items:flex-start;flex-direction:row;justify-content:space-between;width:100%}
  .reservation-row>i{grid-column:3;grid-row:1/3}
  .event-main-hero{flex-direction:column}
  .event-facts{grid-template-columns:1fr}
  .event-facts>div{border-right:0!important;border-bottom:1px solid #20232e}
  .event-facts>div:last-child{border-bottom:0}
  .event-related-link{align-items:flex-start;flex-direction:column}
}


/* =========================================================
   HOP V12.4 — QUOTE WIZARD REVAMP
   ========================================================= */
.quote-wizard-page{padding:44px 0 90px;background:radial-gradient(circle at 15% 20%,rgba(122,77,255,.14),transparent 24%),radial-gradient(circle at 88% 18%,rgba(255,45,143,.12),transparent 23%),linear-gradient(180deg,#090a11,#07070d)}
.quote-back-link{margin-bottom:18px}.quote-wizard-shell{display:grid;gap:26px}.quote-wizard-head{display:flex;align-items:flex-end;justify-content:space-between;gap:28px;padding:16px 0 6px}.quote-wizard-head h1{margin:14px 0 12px;font-size:clamp(42px,5vw,72px);line-height:.96;letter-spacing:-3px}.quote-wizard-head h1 span{background:var(--gradient);-webkit-background-clip:text;color:transparent}.quote-wizard-head p{max-width:700px;color:#b0b2c2;font-size:15px;line-height:1.7;margin:0}.quote-head-notes{display:grid;gap:10px;min-width:290px}.quote-head-notes>div{padding:16px 18px;border-radius:18px;border:1px solid var(--line);background:rgba(255,255,255,.04);box-shadow:0 18px 42px rgba(0,0,0,.16)}.quote-head-notes strong{display:block;font-size:14px;margin-bottom:5px}.quote-head-notes span{font-size:12px;color:#9699ab;line-height:1.55}.quote-wizard-layout{display:grid;grid-template-columns:minmax(0,1.08fr) 370px;gap:22px;align-items:start}.quote-wizard-form{padding:24px;border-radius:26px;border:1px solid var(--line);background:linear-gradient(180deg,rgba(19,21,32,.98),rgba(11,12,19,.98));box-shadow:var(--shadow)}.quote-account-context--new{margin-bottom:20px}.quote-wizard-progress{display:grid;gap:14px;margin-bottom:18px}.quote-progress-bar{height:8px;border-radius:999px;background:rgba(255,255,255,.06);overflow:hidden}.quote-progress-bar span{display:block;height:100%;width:0;background:var(--gradient);border-radius:inherit;transition:width .35s ease}.quote-progress-steps{display:grid;grid-template-columns:repeat(4,1fr);gap:10px}.quote-progress-step{display:flex;align-items:center;gap:10px;padding:12px;border:1px solid var(--line);border-radius:16px;background:#10131d;color:#a8acbe;cursor:pointer;transition:.2s}.quote-progress-step span{display:grid;place-items:center;width:28px;height:28px;border-radius:50%;background:rgba(255,255,255,.05);font-size:12px;font-weight:800}.quote-progress-step b{font-size:12px;line-height:1.25;text-align:left}.quote-progress-step.active{border-color:rgba(255,255,255,.14);background:rgba(255,255,255,.06);color:#fff}.quote-progress-step.active span{background:var(--gradient)}.quote-progress-step.done{color:#fff}.quote-progress-step.done span{background:linear-gradient(120deg,rgba(82,229,161,.95),rgba(58,212,255,.95))}.wizard-copy{margin-bottom:16px;padding:14px 16px;border-radius:15px;background:linear-gradient(120deg,rgba(255,138,31,.12),rgba(255,45,143,.1));border:1px solid rgba(255,255,255,.08);font-size:13px;font-weight:700;color:#f2f4ff}.quote-step-card{display:none;padding:26px;border:1px solid var(--line);border-radius:22px;background:linear-gradient(180deg,#121420,#0f1119);animation:quoteStepIn .35s ease}.quote-step-card.active{display:block}.quote-step-top span{display:inline-flex;padding:8px 11px;border-radius:999px;background:rgba(255,255,255,.05);font-size:10px;letter-spacing:1.2px;font-weight:800;color:#a6a9bb}.quote-step-top h2{margin:16px 0 8px;font-size:30px;letter-spacing:-1.5px}.quote-step-top p{margin:0 0 18px;color:#9a9dae;font-size:14px;line-height:1.7}.quote-choice-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:13px}.quote-choice-card{padding:18px;border-radius:18px;border:1px solid var(--line);background:#121622;color:#fff;text-align:left;cursor:pointer;transition:.2s}.quote-choice-card:hover{transform:translateY(-2px);border-color:rgba(255,255,255,.16)}.quote-choice-card strong{display:block;font-size:15px;margin-bottom:6px}.quote-choice-card span{display:block;font-size:12px;line-height:1.6;color:#989cb0}.quote-choice-card.active{border-color:rgba(255,255,255,.12);background:linear-gradient(135deg,rgba(255,138,31,.22),rgba(122,77,255,.22));box-shadow:0 16px 40px rgba(0,0,0,.18)}.select-hidden-field{display:none}.quote-inline-grid{display:grid;gap:14px;margin-top:18px}.quote-inline-grid--2{grid-template-columns:repeat(2,minmax(0,1fr))}.quote-inline-grid--3{grid-template-columns:repeat(3,minmax(0,1fr))}.quote-wizard-form .form-group label{display:block;font-size:12px;font-weight:800;margin-bottom:8px;color:#f5f7ff}.quote-wizard-form .form-control{width:100%;padding:15px 16px;border-radius:14px;border:1px solid rgba(255,255,255,.08);background:#0d1018;color:#fff;min-height:52px}.quote-wizard-form textarea.form-control{min-height:140px;resize:vertical}.quote-wizard-form .form-control:focus{outline:none;border-color:rgba(255,255,255,.18);box-shadow:0 0 0 4px rgba(255,255,255,.04)}.quote-wizard-form select.form-control{appearance:none;background-image:linear-gradient(45deg,transparent 50%,#9ea2b5 50%),linear-gradient(135deg,#9ea2b5 50%,transparent 50%);background-position:calc(100% - 18px) calc(50% - 2px),calc(100% - 12px) calc(50% - 2px);background-size:6px 6px,6px 6px;background-repeat:no-repeat;padding-right:44px}.duration-pills{display:flex;gap:8px;flex-wrap:wrap;margin-bottom:10px}.duration-pill{padding:10px 13px;border-radius:12px;border:1px solid var(--line);background:#12141d;color:#c7c9d6;font-size:12px;font-weight:800;cursor:pointer;transition:.2s}.duration-pill.active,.duration-pill:hover{background:rgba(255,255,255,.08);color:#fff;border-color:rgba(255,255,255,.15)}.option-grid-modern--wizard{grid-template-columns:repeat(2,minmax(0,1fr));gap:13px}.option-card-modern--wizard{min-height:118px}.notes-group--wizard{margin-top:18px}.quote-review-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.quote-review-grid article{padding:16px;border-radius:16px;border:1px solid var(--line);background:#10131b}.quote-review-grid span{display:block;font-size:11px;color:#8b8fa1;margin-bottom:6px}.quote-review-grid strong{font-size:14px;line-height:1.5}.quote-final-message{margin-top:18px;padding:18px 20px;border-radius:18px;background:linear-gradient(120deg,rgba(255,138,31,.14),rgba(255,45,143,.12));border:1px solid rgba(255,255,255,.08)}.quote-final-message strong{display:block;font-size:18px;margin-bottom:6px}.quote-final-message p{margin:0;color:#ccd0de;font-size:13px;line-height:1.65}.quote-step-actions{display:flex;justify-content:space-between;gap:12px;margin-top:20px}.quote-step-actions .btn{min-width:170px}.quote-submit-final{margin-left:auto}.hidden{display:none!important}.quote-secure-note--wizard{text-align:center;margin-top:14px;font-size:12px;color:#8d90a2}.venue-manual-fields.is-hidden{display:none}.quote-summary-modern--wizard{position:sticky;top:96px}.quote-summary-live{display:grid;gap:9px;margin:22px 0 18px}.quote-summary-live div{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:12px 14px;border-radius:14px;background:#0f1219;border:1px solid rgba(255,255,255,.06)}.quote-summary-live span{font-size:11px;color:#9195a8}.quote-summary-live strong{font-size:12px;color:#fff;text-align:right}.summary-info--hop i{font-style:normal;font-size:10px;font-weight:900;letter-spacing:1px}.quote-loading-overlay{position:fixed;inset:0;background:rgba(7,7,13,.82);backdrop-filter:blur(10px);display:grid;place-items:center;opacity:0;pointer-events:none;transition:.25s;z-index:1200}.quote-loading-overlay.active{opacity:1;pointer-events:auto}.quote-loading-card{width:min(92vw,420px);padding:30px 26px;border-radius:24px;border:1px solid rgba(255,255,255,.08);background:linear-gradient(180deg,#131522,#0d0f18);box-shadow:0 30px 70px rgba(0,0,0,.28);text-align:center}.quote-loading-mark{display:flex;justify-content:center;gap:10px;margin-bottom:18px}.quote-loading-mark span{width:13px;height:13px;border-radius:50%;background:var(--gradient);animation:quotePulse 1s ease-in-out infinite}.quote-loading-mark span:nth-child(2){animation-delay:.14s}.quote-loading-mark span:nth-child(3){animation-delay:.28s}.quote-loading-card strong{display:block;font-size:24px;letter-spacing:-1px;margin-bottom:8px}.quote-loading-card p{margin:0;color:#a9adbf;font-size:13px}.wizard-inline-error{margin-top:10px}.result-hero--hop .result-shell--hop{padding-top:20px;padding-bottom:10px}.result-success--hop{font-size:44px}.result-meta-inline{display:flex;gap:10px;flex-wrap:wrap;justify-content:center;margin-top:18px}.result-meta-inline span{padding:8px 11px;border-radius:999px;border:1px solid var(--line);background:rgba(255,255,255,.04);font-size:11px;color:#c9ccda}.result-grid-modern--hop{align-items:start}.breakdown-card-modern--hop,.result-next-card--hop{min-height:100%}.timeline-mini--wide{grid-template-columns:repeat(3,1fr)}
@keyframes quoteStepIn{from{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}
@keyframes quotePulse{0%,100%{transform:translateY(0);opacity:.45}50%{transform:translateY(-5px);opacity:1}}
@media(max-width:1080px){.quote-wizard-layout{grid-template-columns:1fr}.quote-summary-modern--wizard{position:static}.quote-head-notes{grid-template-columns:1fr 1fr;min-width:0;width:100%}.quote-wizard-head{flex-direction:column;align-items:flex-start}.quote-progress-steps{grid-template-columns:repeat(2,1fr)}}
@media(max-width:720px){.quote-wizard-page{padding:28px 0 66px}.quote-wizard-form{padding:18px}.quote-step-card{padding:18px}.quote-wizard-head h1{font-size:42px;letter-spacing:-2px}.quote-head-notes{grid-template-columns:1fr}.quote-choice-grid,.option-grid-modern--wizard,.quote-review-grid,.quote-inline-grid--2,.quote-inline-grid--3,.quote-progress-steps{grid-template-columns:1fr}.quote-step-actions{flex-direction:column}.quote-step-actions .btn,.quote-submit-final{width:100%;margin-left:0}.duration-pills{display:grid;grid-template-columns:repeat(2,1fr)}.quote-progress-step{padding:10px}.quote-progress-step b{font-size:11px}.wizard-copy{font-size:12px}}

/* =========================================================
   HOP V12.5 — PRO CONFIGURATOR
   ========================================================= */
.hop-configurator-page{padding:42px 0 96px;background:
radial-gradient(circle at 18% 12%,rgba(122,77,255,.16),transparent 26%),
radial-gradient(circle at 90% 14%,rgba(255,45,143,.14),transparent 23%),
radial-gradient(circle at 82% 88%,rgba(255,138,31,.12),transparent 26%),
linear-gradient(180deg,#0a0b12,#07070d)}
.hop-configurator-shell{display:grid;gap:24px}.hop-configurator-hero{display:flex;align-items:flex-end;justify-content:space-between;gap:28px}.hop-configurator-hero h1{margin:14px 0 12px;font-size:clamp(42px,5vw,78px);line-height:.94;letter-spacing:-3px}.hop-configurator-hero h1 span{background:var(--gradient);-webkit-background-clip:text;background-clip:text;color:transparent}.hop-configurator-hero p{margin:0;max-width:720px;color:#a8adbf;font-size:15px;line-height:1.72}.hop-configurator-hero-notes{display:grid;gap:10px;min-width:320px}.hop-configurator-hero-notes>div{padding:16px 18px;border-radius:18px;background:rgba(255,255,255,.04);border:1px solid var(--line);box-shadow:0 18px 42px rgba(0,0,0,.16)}.hop-configurator-hero-notes strong{display:block;font-size:14px;margin-bottom:4px}.hop-configurator-hero-notes span{display:block;font-size:12px;line-height:1.6;color:#969aae}.hop-configurator-grid{display:grid;grid-template-columns:minmax(0,1.1fr) 380px;gap:22px;align-items:start}.hop-configurator-form{padding:22px;border-radius:28px;background:linear-gradient(180deg,rgba(19,21,32,.98),rgba(10,11,17,.98));border:1px solid var(--line);box-shadow:var(--shadow)}.hop-configurator-stage{padding:18px;border-radius:24px;border:1px solid rgba(255,255,255,.06);background:linear-gradient(180deg,rgba(255,255,255,.028),rgba(255,255,255,.015))}.hop-stage-progress{display:grid;gap:12px;margin-bottom:20px}.hop-stage-progress-top{display:flex;align-items:end;gap:8px}.hop-stage-progress-top span{font-size:28px;font-weight:900;letter-spacing:-1px;color:#fff}.hop-stage-progress-top small{font-size:11px;text-transform:uppercase;letter-spacing:1.5px;color:#8a8fa2;margin-bottom:4px}.hop-stage-progress-top strong{margin-left:auto;font-size:14px;color:#e7e9f0}.hop-stage-progress-bar{height:7px;border-radius:999px;background:rgba(255,255,255,.06);overflow:hidden}.hop-stage-progress-bar span{display:block;height:100%;width:0;border-radius:inherit;background:var(--gradient);transition:width .35s ease}.hop-stage-microcopy{padding:12px 14px;border-radius:14px;background:linear-gradient(120deg,rgba(255,138,31,.14),rgba(122,77,255,.12));border:1px solid rgba(255,255,255,.08);font-size:13px;font-weight:700;color:#f5f6ff}.hop-step-panels{position:relative;min-height:560px}.hop-step-panel{display:none;animation:hopFadeSlide .34s ease}.hop-step-panel.active{display:block}.hop-question-tag{display:inline-flex;padding:8px 12px;border-radius:999px;background:rgba(255,255,255,.06);font-size:10px;font-weight:900;letter-spacing:1.4px;color:#bcc0d3;text-transform:uppercase}.hop-step-panel h2{margin:18px 0 8px;font-size:36px;letter-spacing:-1.8px;line-height:1.02}.hop-step-panel p{margin:0 0 22px;color:#9ca0b3;font-size:14px;line-height:1.72;max-width:720px}.hop-big-choice-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}.hop-big-choice{position:relative;padding:22px;border-radius:22px;border:1px solid rgba(255,255,255,.08);background:linear-gradient(180deg,#111420,#0d1018);text-align:left;color:#fff;cursor:pointer;transition:transform .18s ease,border-color .18s ease,box-shadow .18s ease}.hop-big-choice:hover{transform:translateY(-2px);border-color:rgba(255,255,255,.16);box-shadow:0 16px 34px rgba(0,0,0,.16)}.hop-big-choice.active{border-color:rgba(255,255,255,.16);background:linear-gradient(135deg,rgba(255,138,31,.20),rgba(122,77,255,.20));box-shadow:0 22px 42px rgba(0,0,0,.20)}.hop-choice-index{display:inline-flex;align-items:center;justify-content:center;width:34px;height:34px;border-radius:50%;background:rgba(255,255,255,.06);font-size:11px;font-weight:900;margin-bottom:18px}.hop-big-choice strong{display:block;font-size:18px;margin-bottom:7px;letter-spacing:-.4px}.hop-big-choice small{display:block;font-size:12px;line-height:1.65;color:#a0a5b8}.hop-stat-pills{display:flex;gap:10px;flex-wrap:wrap;margin-bottom:18px}.hop-stat-pill{padding:13px 16px;border-radius:16px;border:1px solid rgba(255,255,255,.08);background:#121520;color:#c4c8d9;font-size:12px;font-weight:900;letter-spacing:.3px;cursor:pointer;transition:.18s}.hop-stat-pill:hover,.hop-stat-pill.active{background:linear-gradient(135deg,rgba(255,138,31,.18),rgba(122,77,255,.18));border-color:rgba(255,255,255,.14);color:#fff}.hop-inline-figure{display:grid;grid-template-columns:72px 1fr 72px;gap:12px;align-items:stretch;max-width:720px}.hop-counter-btn{border:none;border-radius:20px;background:#0e1119;border:1px solid rgba(255,255,255,.08);color:#fff;font-size:34px;font-weight:300;cursor:pointer;transition:.18s}.hop-counter-btn:hover{background:#151925}.hop-counter-display{padding:22px;border-radius:22px;background:linear-gradient(180deg,#10131b,#0c0f16);border:1px solid rgba(255,255,255,.06);display:grid;place-items:center;gap:10px;text-align:center}.hop-counter-display span{font-size:12px;font-weight:800;letter-spacing:1.3px;color:#959bae;text-transform:uppercase}.hop-counter-display input{width:100%;max-width:220px;background:transparent;border:none;color:#fff;font-size:56px;font-weight:900;letter-spacing:-2px;text-align:center;outline:none}.hop-inline-grid{display:grid;gap:14px}.hop-inline-grid--2{grid-template-columns:repeat(2,minmax(0,1fr))}.hop-configurator-form .form-group label{display:block;margin-bottom:8px;font-size:12px;font-weight:800;color:#f5f7ff}.hop-configurator-form .form-control{width:100%;padding:15px 16px;border-radius:16px;border:1px solid rgba(255,255,255,.08);background:#0d1018;color:#fff;min-height:54px}.hop-configurator-form textarea.form-control{min-height:160px;resize:vertical}.hop-configurator-form .form-control:focus{outline:none;border-color:rgba(255,255,255,.16);box-shadow:0 0 0 4px rgba(255,255,255,.035)}.form-group--big .form-control{min-height:58px;font-size:15px}.hop-configurator-form select.form-control{appearance:none;background-image:linear-gradient(45deg,transparent 50%,#9ea2b5 50%),linear-gradient(135deg,#9ea2b5 50%,transparent 50%);background-position:calc(100% - 18px) calc(50% - 2px),calc(100% - 12px) calc(50% - 2px);background-size:6px 6px,6px 6px;background-repeat:no-repeat;padding-right:44px}.hop-venue-choice-header{margin-bottom:12px;font-size:11px;font-weight:900;letter-spacing:1.2px;color:#9094a7;text-transform:uppercase}.hop-venue-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin-bottom:16px}.hop-venue-card{padding:18px;border-radius:18px;border:1px solid rgba(255,255,255,.08);background:#10131b;text-align:left;color:#fff;cursor:pointer;transition:.18s}.hop-venue-card strong{display:block;font-size:15px;margin-bottom:4px}.hop-venue-card small{display:block;font-size:12px;color:#9da1b4}.hop-venue-card:hover,.hop-venue-card.active{background:linear-gradient(135deg,rgba(255,138,31,.18),rgba(122,77,255,.18));border-color:rgba(255,255,255,.14)}.hop-option-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;margin:18px 0 16px}.hop-option-card{position:relative;padding:20px 18px 18px;border-radius:20px;border:1px solid rgba(255,255,255,.08);background:linear-gradient(180deg,#111520,#0d1118);cursor:pointer;display:block;transition:.18s}.hop-option-card input{position:absolute;inset:0;opacity:0;cursor:pointer}.hop-option-check{position:absolute;top:14px;right:14px;width:24px;height:24px;border-radius:50%;display:grid;place-items:center;border:1px solid rgba(255,255,255,.08);background:rgba(255,255,255,.04);font-size:12px;color:transparent;transition:.18s}.hop-option-card strong{display:block;font-size:16px;color:#fff;margin-bottom:6px;letter-spacing:-.3px}.hop-option-card small{display:block;font-size:12px;line-height:1.65;color:#9fa4b7}.hop-option-card:has(input:checked){background:linear-gradient(135deg,rgba(255,138,31,.18),rgba(122,77,255,.18));border-color:rgba(255,255,255,.14)}.hop-option-card:has(input:checked) .hop-option-check{background:var(--gradient);color:#fff}.form-group--compact{max-width:420px}.form-group--big-textarea{max-width:840px}.hop-review-card{margin-top:18px;padding:18px;border-radius:22px;border:1px solid rgba(255,255,255,.08);background:linear-gradient(180deg,#10131c,#0b0e15)}.hop-review-head{display:flex;align-items:end;justify-content:space-between;gap:10px;margin-bottom:14px}.hop-review-head strong{font-size:18px}.hop-review-head span{font-size:12px;color:#9196a9}.hop-review-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.hop-review-grid>div{padding:14px;border-radius:16px;background:rgba(255,255,255,.03);border:1px solid rgba(255,255,255,.05)}.hop-review-grid span{display:block;font-size:11px;color:#888ea1;margin-bottom:6px}.hop-review-grid b{display:block;font-size:13px;line-height:1.6;color:#fff;font-weight:700}.hop-send-note{margin-top:18px;padding:18px 20px;border-radius:18px;background:linear-gradient(120deg,rgba(255,138,31,.14),rgba(255,45,143,.11));border:1px solid rgba(255,255,255,.08)}.hop-send-note strong{display:block;font-size:20px;margin-bottom:6px}.hop-send-note p{margin:0;font-size:13px;line-height:1.7;color:#d5d8e4}.hop-configurator-actions{display:flex;justify-content:space-between;gap:12px;margin-top:18px}.hop-configurator-actions .btn{min-width:178px}.hop-configurator-sidebar{position:sticky;top:96px}.hop-live-card{padding:22px;border-radius:26px;background:linear-gradient(180deg,rgba(18,21,32,.98),rgba(11,12,19,.98));border:1px solid var(--line);box-shadow:var(--shadow);display:grid;gap:18px}.hop-live-top{display:flex;align-items:center;gap:14px}.hop-live-top img,.hop-live-orbit{width:76px;height:76px;border-radius:22px;object-fit:cover;flex-shrink:0}.hop-live-orbit{position:relative;background:linear-gradient(135deg,#ff8a1f,#ff2d8f,#7a4dff);display:grid;place-items:center;overflow:hidden}.hop-live-orbit span{position:absolute;border-radius:50%;border:1px solid rgba(255,255,255,.35)}.hop-live-orbit span:nth-child(1){width:22px;height:22px}.hop-live-orbit span:nth-child(2){width:48px;height:48px}.hop-live-orbit span:nth-child(3){width:72px;height:72px}.hop-live-top span{display:block;font-size:10px;font-weight:900;letter-spacing:1.3px;color:#9397ab;text-transform:uppercase}.hop-live-top h3{margin:6px 0 0;font-size:24px;letter-spacing:-1px}.hop-live-stage{padding:18px;border-radius:20px;background:linear-gradient(180deg,#0f121a,#0b0e15);border:1px solid rgba(255,255,255,.06)}.hop-live-stage-label{font-size:11px;font-weight:900;letter-spacing:1.3px;color:#878c9f;text-transform:uppercase;margin-bottom:12px}.hop-live-stage-body{display:grid;gap:14px}.hop-live-badge{display:inline-flex;align-items:center;justify-content:center;padding:10px 14px;border-radius:999px;background:linear-gradient(120deg,rgba(255,138,31,.18),rgba(122,77,255,.18));border:1px solid rgba(255,255,255,.08);font-size:12px;font-weight:900;color:#fff;max-width:max-content}.hop-live-lines{display:grid;gap:10px}.hop-live-lines div{display:flex;justify-content:space-between;align-items:center;gap:12px}.hop-live-lines span{font-size:12px;color:#8d91a4}.hop-live-lines strong{font-size:12px;color:#fff;text-align:right;line-height:1.45}.hop-live-benefits{display:grid;grid-template-columns:repeat(2,1fr);gap:12px}.hop-live-benefits div{padding:14px;border-radius:16px;background:rgba(255,255,255,.03);border:1px solid rgba(255,255,255,.06)}.hop-live-benefits span{display:block;font-size:11px;color:#9298ab;margin-bottom:6px}.hop-live-benefits strong{font-size:16px;color:#fff}.hop-live-tip{padding:16px;border-radius:18px;background:linear-gradient(120deg,rgba(255,255,255,.04),rgba(255,255,255,.02));border:1px solid rgba(255,255,255,.06)}.hop-live-tip b{display:block;font-size:13px;margin-bottom:6px}.hop-live-tip p{margin:0;font-size:12px;color:#9ca0b2;line-height:1.68}.hop-loading-overlay{z-index:1400}.hop-loading-card{display:grid;place-items:center;text-align:center;gap:10px}.hop-loading-logo{width:72px;height:72px;border-radius:22px;background:linear-gradient(135deg,#ff8a1f,#ff2d8f,#7a4dff);display:grid;place-items:center;box-shadow:0 22px 56px rgba(0,0,0,.26)}.hop-loading-logo span{font-size:34px;font-weight:900;color:#fff;letter-spacing:-2px}.hop-loading-card strong{font-size:26px;letter-spacing:-1px}.hop-loading-card p{max-width:260px}.hop-configurator-form .help-text{display:block;margin-top:7px;font-size:11px;line-height:1.55;color:#8f93a6}.hop-configurator-form .form-error,.hop-configurator-form .wizard-inline-error{margin-top:10px}.hidden{display:none!important}.venue-manual-fields.is-hidden{display:none}.span-2{grid-column:span 2}
@keyframes hopFadeSlide{from{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}
@media (max-width:1100px){.hop-configurator-grid{grid-template-columns:1fr}.hop-configurator-sidebar{position:static}.hop-configurator-hero{flex-direction:column;align-items:flex-start}.hop-configurator-hero-notes{grid-template-columns:1fr 1fr;min-width:0;width:100%}.hop-step-panels{min-height:unset}}
@media (max-width:760px){.hop-configurator-page{padding:28px 0 72px}.hop-configurator-form{padding:16px}.hop-configurator-stage{padding:14px}.hop-configurator-hero h1{font-size:42px;letter-spacing:-2px}.hop-big-choice-grid,.hop-inline-grid--2,.hop-venue-grid,.hop-option-grid,.hop-review-grid,.hop-live-benefits{grid-template-columns:1fr}.hop-inline-figure{grid-template-columns:56px 1fr 56px}.hop-counter-display input{font-size:42px}.hop-step-panel h2{font-size:28px}.hop-configurator-actions{flex-direction:column}.hop-configurator-actions .btn{width:100%}.hop-configurator-hero-notes{grid-template-columns:1fr}.span-2{grid-column:auto}}

/* =========================================================
   HOP V12.6 — QUOTE STUDIO
   ========================================================= */
.quote-studio-page{padding:40px 0 92px;background:radial-gradient(circle at 14% 12%,rgba(122,77,255,.18),transparent 22%),radial-gradient(circle at 85% 12%,rgba(255,45,143,.14),transparent 22%),radial-gradient(circle at 82% 88%,rgba(255,138,31,.12),transparent 22%),linear-gradient(180deg,#0a0b12,#06070d)}
.quote-studio{display:grid;gap:24px}.quote-hidden-fields{display:none}.quote-studio-head{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:24px;align-items:end;padding:0 0 18px;border-bottom:1px solid rgba(255,255,255,.08)}.quote-kicker{display:inline-block;font-size:11px;font-weight:900;letter-spacing:1.5px;text-transform:uppercase;color:#9a8cff;margin-bottom:12px}.quote-studio-intro h1{margin:0 0 10px;font-size:clamp(42px,5vw,76px);line-height:.94;letter-spacing:-3px}.quote-studio-intro p{max-width:720px;margin:0;color:#a7acbd;font-size:15px;line-height:1.72}.quote-studio-account{display:grid;gap:4px;justify-items:end;text-align:right}.quote-studio-account span{font-size:11px;font-weight:800;letter-spacing:1.2px;text-transform:uppercase;color:#8d91a4}.quote-studio-account strong{font-size:20px;color:#fff}.quote-studio-account small{font-size:12px;color:#9ea3b4}.quote-studio-account a{font-size:13px;font-weight:700;color:#fff;text-decoration:none;margin-top:6px}.quote-studio-layout{display:grid;grid-template-columns:minmax(0,1fr) 360px;gap:30px;align-items:start}.quote-studio-main{padding-right:8px}.quote-studio-progressbar{display:grid;gap:16px;padding-bottom:22px;border-bottom:1px solid rgba(255,255,255,.07)}.quote-progress-meta{display:flex;justify-content:space-between;align-items:end;gap:20px}.quote-progress-meta div{display:flex;align-items:end;gap:8px}.quote-progress-meta span{font-size:42px;font-weight:900;letter-spacing:-2px;color:#fff;line-height:.9}.quote-progress-meta small{font-size:12px;font-weight:800;letter-spacing:1.3px;text-transform:uppercase;color:#8b8fa1;margin-bottom:6px}.quote-progress-meta strong{font-size:16px;color:#f3f5fd}.quote-progress-track{height:3px;background:rgba(255,255,255,.08);overflow:hidden;position:relative}.quote-progress-track span{display:block;height:100%;width:0;background:linear-gradient(90deg,#ff8a1f,#ff2d8f,#7a4dff);transition:width .36s ease}.quote-progress-dots{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:12px}.quote-dot{padding:0;background:transparent;border:none;text-align:left;font-size:11px;font-weight:800;letter-spacing:1.1px;text-transform:uppercase;color:#676d82;cursor:pointer;transition:.2s}.quote-dot::before{content:'';display:block;width:100%;height:2px;margin-bottom:10px;background:rgba(255,255,255,.08);transition:.2s}.quote-dot.active,.quote-dot.done{color:#fff}.quote-dot.active::before,.quote-dot.done::before{background:linear-gradient(90deg,#ff8a1f,#7a4dff)}.quote-stage{position:relative;min-height:610px;padding:34px 0 8px}.quote-step{display:none;animation:quoteFlow .4s ease}.quote-step.active{display:block}.quote-question-index{font-size:14px;font-weight:900;color:#7d8397;letter-spacing:1.6px;text-transform:uppercase;margin-bottom:14px}.quote-step-header{margin-bottom:24px}.quote-step-header h2{margin:0 0 10px;font-size:clamp(36px,4vw,58px);line-height:.98;letter-spacing:-2px;max-width:840px}.quote-step-header p{margin:0;color:#a3a8ba;font-size:15px;line-height:1.7;max-width:720px}.quote-choice-wall{display:grid;gap:14px}.quote-choice-wall--event{grid-template-columns:repeat(2,minmax(0,1fr))}.quote-choice-card{position:relative;padding:18px 20px 18px 0;border:none;border-top:1px solid rgba(255,255,255,.08);background:transparent;color:#fff;text-align:left;cursor:pointer;transition:padding-left .18s ease,transform .18s ease}.quote-choice-card:last-child{border-bottom:1px solid rgba(255,255,255,.08)}.quote-choice-card:hover,.quote-choice-card.active{padding-left:18px;transform:translateX(4px)}.quote-choice-card.active::before,.quote-line-choice.active::before{content:'';position:absolute;left:0;top:0;bottom:0;width:3px;background:linear-gradient(180deg,#ff8a1f,#7a4dff)}.quote-choice-number{display:block;font-size:11px;font-weight:900;letter-spacing:1.2px;color:#8f95a7;text-transform:uppercase;margin-bottom:12px}.quote-choice-card strong{display:block;font-size:22px;letter-spacing:-.7px;margin-bottom:8px}.quote-choice-card small{display:block;font-size:13px;line-height:1.7;color:#9ea3b4;max-width:360px}.quote-chip-row{display:flex;gap:12px;flex-wrap:wrap;margin-bottom:24px}.quote-chip{padding:14px 18px;border:1px solid rgba(255,255,255,.10);background:transparent;color:#d4d8e5;font-size:13px;font-weight:800;letter-spacing:.2px;cursor:pointer;transition:.18s}.quote-chip:hover,.quote-chip.active{color:#fff;border-color:rgba(255,255,255,.24);background:linear-gradient(135deg,rgba(255,138,31,.14),rgba(122,77,255,.14))}.quote-counter-line{display:grid;grid-template-columns:72px minmax(240px,420px) 72px;gap:18px;align-items:center}.quote-counter-trigger{height:72px;border:1px solid rgba(255,255,255,.10);background:transparent;color:#fff;font-size:34px;font-weight:300;cursor:pointer;transition:.18s}.quote-counter-trigger:hover{background:rgba(255,255,255,.04)}.quote-counter-core{padding:14px 0;border-top:1px solid rgba(255,255,255,.08);border-bottom:1px solid rgba(255,255,255,.08);display:grid;gap:10px;text-align:center}.quote-counter-core span{font-size:11px;font-weight:900;letter-spacing:1.4px;text-transform:uppercase;color:#9197a9}.quote-counter-core input{width:100%;background:transparent;border:none;color:#fff;font-size:68px;font-weight:900;line-height:1;text-align:center;outline:none;letter-spacing:-3px}.quote-split-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:24px}.quote-field-block{display:grid;gap:10px}.quote-field-block--full{grid-column:1 / -1}.quote-field-block label,.quote-inline-head{font-size:11px;font-weight:900;letter-spacing:1.3px;color:#9196a8;text-transform:uppercase}.quote-stage .form-control{width:100%;min-height:58px;padding:15px 18px;border:none;border-bottom:1px solid rgba(255,255,255,.10);border-top:1px solid rgba(255,255,255,.05);background:rgba(255,255,255,.02);color:#fff;font-size:18px;transition:border-color .18s ease,background .18s ease}.quote-stage .form-control:focus{outline:none;background:rgba(255,255,255,.04);border-bottom-color:rgba(255,255,255,.18)}.quote-stage textarea.form-control{min-height:170px;font-size:15px;line-height:1.68}.quote-line-choice{position:relative;padding:16px 16px 16px 0;border:none;border-top:1px solid rgba(255,255,255,.08);background:transparent;color:#fff;text-align:left;cursor:pointer;transition:padding-left .18s ease}.quote-line-choice:last-child{border-bottom:1px solid rgba(255,255,255,.08)}.quote-line-choice:hover,.quote-line-choice.active{padding-left:18px}.quote-line-choice strong{display:block;font-size:18px;letter-spacing:-.4px;margin-bottom:4px}.quote-line-choice small{display:block;font-size:13px;color:#9da2b4}.venue-manual-fields.is-hidden{display:none}.quote-option-list{display:grid;gap:8px;margin-top:22px}.quote-toggle-row{display:flex;justify-content:space-between;gap:24px;padding:18px 0;border-top:1px solid rgba(255,255,255,.08);cursor:pointer}.quote-toggle-row:last-child{border-bottom:1px solid rgba(255,255,255,.08)}.quote-toggle-row strong{display:block;font-size:17px;letter-spacing:-.3px;color:#fff;margin-bottom:4px}.quote-toggle-row small{display:block;font-size:13px;line-height:1.62;color:#9fa4b6;max-width:520px}.quote-toggle-switch{position:relative;display:inline-flex;align-items:center;justify-content:flex-end;flex-shrink:0;width:58px}.quote-toggle-switch input{position:absolute;inset:0;opacity:0;cursor:pointer}.quote-toggle-switch i{position:relative;display:block;width:54px;height:30px;border-radius:999px;background:rgba(255,255,255,.10);transition:.18s}.quote-toggle-switch i::after{content:'';position:absolute;left:4px;top:4px;width:22px;height:22px;border-radius:50%;background:#fff;transition:.18s}.quote-toggle-row:has(input:checked) .quote-toggle-switch i{background:linear-gradient(90deg,#ff8a1f,#7a4dff)}.quote-toggle-row:has(input:checked) .quote-toggle-switch i::after{left:28px}.quote-field-block--notes{margin-bottom:22px}.quote-final-recap{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;padding-top:24px;border-top:1px solid rgba(255,255,255,.08)}.quote-final-recap div{display:grid;gap:5px}.quote-final-recap span{font-size:11px;font-weight:900;letter-spacing:1.3px;text-transform:uppercase;color:#9095a7}.quote-final-recap strong{font-size:16px;line-height:1.55;color:#fff}.quote-final-recap-full{grid-column:1 / -1}.quote-studio-actions{display:flex;justify-content:space-between;gap:14px;padding-top:22px;border-top:1px solid rgba(255,255,255,.08)}.quote-studio-actions .btn{min-width:190px}.quote-studio-side{position:sticky;top:92px;display:grid;gap:22px;align-self:start;padding-left:26px;border-left:1px solid rgba(255,255,255,.07)}.quote-side-visual{display:flex;align-items:center;gap:16px;padding-bottom:20px;border-bottom:1px solid rgba(255,255,255,.08)}.quote-side-visual img,.quote-side-visual-orbit{width:76px;height:76px;object-fit:cover;flex-shrink:0}.quote-side-visual-orbit{position:relative;display:grid;place-items:center;background:linear-gradient(135deg,#ff8a1f,#ff2d8f,#7a4dff);overflow:hidden}.quote-side-visual-orbit span{position:absolute;border-radius:50%;border:1px solid rgba(255,255,255,.36)}.quote-side-visual-orbit span:nth-child(1){width:22px;height:22px}.quote-side-visual-orbit span:nth-child(2){width:46px;height:46px}.quote-side-visual-orbit span:nth-child(3){width:70px;height:70px}.quote-side-visual small{display:block;font-size:11px;font-weight:900;letter-spacing:1.3px;text-transform:uppercase;color:#9095a7;margin-bottom:6px}.quote-side-visual h3{margin:0;font-size:36px;line-height:.96;letter-spacing:-1.6px}.quote-side-summary{display:grid;gap:14px}.quote-side-row{display:flex;justify-content:space-between;gap:16px;padding-bottom:12px;border-bottom:1px solid rgba(255,255,255,.06)}.quote-side-row span{font-size:12px;color:#979cae}.quote-side-row strong{font-size:14px;color:#fff;text-align:right;line-height:1.5;max-width:58%}.quote-side-price{padding:18px 0;border-top:1px solid rgba(255,255,255,.08);border-bottom:1px solid rgba(255,255,255,.08)}.quote-side-price span{display:block;font-size:11px;font-weight:900;letter-spacing:1.3px;text-transform:uppercase;color:#9095a7;margin-bottom:10px}.quote-side-price strong{display:block;font-size:42px;line-height:.95;letter-spacing:-2px;margin-bottom:8px}.quote-side-price small{display:block;font-size:13px;line-height:1.65;color:#9da2b4}.quote-side-points{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}.quote-side-points span{display:block;font-size:11px;font-weight:900;letter-spacing:1.3px;color:#9095a7;text-transform:uppercase;margin-bottom:6px}.quote-side-points strong{display:block;font-size:20px;color:#fff}.quote-studio-loading{z-index:1500}.quote-studio-loading-card{display:grid;place-items:center;gap:14px;text-align:center}.quote-loading-spinner{width:54px;height:54px;border-radius:50%;border:3px solid rgba(255,255,255,.16);border-top-color:#ff8a1f;animation:quoteSpin .9s linear infinite}.quote-studio-loading-card strong{font-size:28px;letter-spacing:-1px}.quote-studio-loading-card p{max-width:270px;margin:0 auto}.quote-chip-row--time{margin-bottom:14px}.quote-chip--primary-duration{background:linear-gradient(135deg,rgba(255,138,31,.14),rgba(122,77,255,.14));color:#fff;border-color:rgba(255,255,255,.18)}.form-error,.wizard-inline-error{font-size:12px;color:#ff8f9b;margin-top:8px}.help-text{display:block;font-size:12px;color:#959aae;line-height:1.6}.hidden{display:none!important}
@keyframes quoteFlow{from{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}
@keyframes quoteSpin{to{transform:rotate(360deg)}}
@media (max-width:1120px){.quote-studio-layout{grid-template-columns:1fr}.quote-studio-side{position:static;padding-left:0;border-left:none;border-top:1px solid rgba(255,255,255,.07);padding-top:24px}.quote-choice-wall--event{grid-template-columns:1fr}.quote-stage{min-height:unset}.quote-studio-head{grid-template-columns:1fr}.quote-studio-account{justify-items:start;text-align:left}}
@media (max-width:760px){.quote-studio-page{padding:28px 0 72px}.quote-progress-dots{grid-template-columns:repeat(3,minmax(0,1fr))}.quote-progress-meta span{font-size:32px}.quote-step-header h2{font-size:34px}.quote-counter-line{grid-template-columns:56px 1fr 56px;gap:10px}.quote-counter-core input{font-size:42px}.quote-split-grid,.quote-final-recap,.quote-side-points{grid-template-columns:1fr}.quote-studio-actions{flex-direction:column}.quote-studio-actions .btn{width:100%}.quote-side-visual h3{font-size:28px}}

/* =========================================================
   HOP V12.6.1 — QUOTE STUDIO VISUAL HOTFIX
   ========================================================= */
.quote-studio-page{overflow-x:hidden}
.quote-studio-page .container{max-width:1360px}
.quote-studio-layout{grid-template-columns:minmax(0,1fr) 320px;gap:24px}
.quote-studio-main,.quote-studio-side,.quote-stage,.quote-step{min-width:0;max-width:100%}
.quote-studio .quote-choice-card,
.quote-studio .quote-choice-card:hover,
.quote-studio .quote-choice-card.active{
  border-radius:0;
  box-shadow:none;
}
.quote-studio .quote-choice-card{background:transparent;transform:none}
.quote-studio .quote-choice-card:hover{background:rgba(255,255,255,.02)}
.quote-studio .quote-choice-card.active{
  background:linear-gradient(135deg,rgba(255,138,31,.12),rgba(122,77,255,.12));
  transform:none;
}
.quote-choice-wall--event{gap:0 20px;align-items:stretch}
.quote-choice-wall--event .quote-choice-card{min-height:168px;display:flex;flex-direction:column;justify-content:flex-start}
.quote-step-header h2{max-width:780px}
.quote-progress-dots{overflow:hidden}
.quote-progress-dots .quote-dot{min-width:0}
.quote-studio-side{overflow:hidden}
.quote-side-row strong{max-width:62%;word-break:break-word}

@media (max-width:1320px){
  .quote-studio-layout{grid-template-columns:1fr}
  .quote-studio-side{position:static;padding-left:0;border-left:none;border-top:1px solid rgba(255,255,255,.07);padding-top:24px}
}
@media (max-width:1180px){
  .quote-step-header h2{font-size:48px}
}
@media (max-width:900px){
  .quote-choice-wall--event{grid-template-columns:1fr}
  .quote-progress-dots{grid-template-columns:repeat(3,minmax(0,1fr))}
}

/* =========================================================
   HOP V12.6.2 — STICKY LIVE PANEL + MERGED PROGRESS + CALENDAR
   ========================================================= */
.quote-studio-progressbar--merged{gap:18px}
.quote-progress-rail{position:relative;display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:0;padding-top:2px}
.quote-progress-rail-line{position:absolute;left:8.33%;right:8.33%;top:12px;height:2px;background:rgba(255,255,255,.09);overflow:hidden}
.quote-progress-rail-line span{display:block;height:100%;width:0;background:linear-gradient(90deg,#ff8a1f,#ff2d8f,#7a4dff);transition:width .36s cubic-bezier(.2,.8,.2,1)}
.quote-progress-rail .quote-dot{position:relative;z-index:2;display:grid;justify-items:center;gap:9px;text-align:center;color:#6f7588;padding:0 4px;background:transparent;border:0}
.quote-progress-rail .quote-dot::before{display:none!important}
.quote-progress-rail .quote-dot i{display:block;width:20px;height:20px;border-radius:50%;border:2px solid #303542;background:#090b12;box-shadow:0 0 0 5px #090b12;transition:.24s ease}
.quote-progress-rail .quote-dot b{font-size:10px;letter-spacing:1.1px;text-transform:uppercase;font-weight:900;white-space:nowrap}
.quote-progress-rail .quote-dot.active,.quote-progress-rail .quote-dot.done{color:#fff}
.quote-progress-rail .quote-dot.done i{border-color:#a966ff;background:#a966ff}
.quote-progress-rail .quote-dot.active i{border-color:#ff7a35;background:#fff;box-shadow:0 0 0 5px #090b12,0 0 22px rgba(255,72,129,.45)}
.quote-progress-rail .quote-dot.active b{background:linear-gradient(90deg,#ff9a25,#ff3f7a,#9b61ff);-webkit-background-clip:text;background-clip:text;color:transparent}

.quote-moment-layout{display:grid;grid-template-columns:minmax(0,1.15fr) minmax(270px,.85fr);gap:38px;align-items:start}
.quote-calendar{min-width:0}
.quote-calendar-head{display:grid;grid-template-columns:44px 1fr 44px;align-items:center;gap:10px;margin-bottom:20px}
.quote-calendar-head strong{text-align:center;font-size:20px;letter-spacing:-.4px;text-transform:capitalize}
.quote-calendar-nav{height:42px;border:0;border-bottom:1px solid rgba(255,255,255,.12);background:transparent;color:#fff;font-size:18px;cursor:pointer;transition:.18s}
.quote-calendar-nav:hover:not(:disabled){background:rgba(255,255,255,.035)}
.quote-calendar-nav:disabled{opacity:.2;cursor:not-allowed}
.quote-calendar-weekdays,.quote-calendar-grid{display:grid;grid-template-columns:repeat(7,1fr);gap:5px}
.quote-calendar-weekdays{margin-bottom:6px}
.quote-calendar-weekdays span{text-align:center;font-size:9px;font-weight:900;letter-spacing:.8px;text-transform:uppercase;color:#6f7588;padding:5px 0}
.quote-calendar-day,.quote-calendar-empty{aspect-ratio:1;min-width:0}
.quote-calendar-day{border:0;background:transparent;color:#d7dbe7;font-size:13px;font-weight:800;cursor:pointer;position:relative;transition:.16s ease}
.quote-calendar-day:hover:not(:disabled){background:rgba(255,255,255,.05)}
.quote-calendar-day.is-today::after{content:'';position:absolute;left:50%;bottom:7px;transform:translateX(-50%);width:3px;height:3px;border-radius:50%;background:#ff8a1f}
.quote-calendar-day.active{color:#fff;background:linear-gradient(135deg,#ff8a1f,#ff2d8f 48%,#7a4dff)}
.quote-calendar-day.is-past{opacity:.18;cursor:not-allowed}
.quote-calendar-selected{display:flex;justify-content:space-between;align-items:center;gap:18px;margin-top:14px;padding-top:14px;border-top:1px solid rgba(255,255,255,.08);font-size:11px;font-weight:800;letter-spacing:.8px;text-transform:uppercase;color:#858b9e}
.quote-calendar-selected strong{font-size:13px;color:#fff;text-transform:none;letter-spacing:0;text-align:right}
.quote-native-date{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);clip-path:inset(50%);white-space:nowrap}
.quote-time-panel{padding-top:3px}
.quote-time-panel .quote-inline-head{margin-bottom:16px}
.quote-other-time{margin-top:22px;padding-top:18px;border-top:1px solid rgba(255,255,255,.08)}
.quote-other-time>span{display:block;font-size:10px;font-weight:900;letter-spacing:1.1px;text-transform:uppercase;color:#7f8598;margin-bottom:8px}
.quote-other-time .form-control{font-size:16px;min-height:52px}

.quote-studio-side{position:sticky!important;top:96px!important;align-self:start;transition:transform .25s cubic-bezier(.2,.8,.2,1)}
.quote-studio-side::before{content:'';position:absolute;left:-1px;top:0;width:1px;height:74px;background:linear-gradient(180deg,#ff8a1f,#ff2d8f,#7a4dff);box-shadow:0 0 20px rgba(255,62,124,.25)}
.quote-value-pop{animation:quoteValuePop .32s cubic-bezier(.2,.9,.25,1)}
@keyframes quoteValuePop{0%{opacity:.35;transform:translateY(4px)}65%{opacity:1;transform:translateY(-1px)}100%{opacity:1;transform:translateY(0)}}

/* Keep the live configuration visible on normal laptop widths. */
@media (min-width:960px) and (max-width:1320px){
  .quote-studio-layout{grid-template-columns:minmax(0,1fr) 300px!important;gap:22px!important}
  .quote-studio-side{position:sticky!important;top:88px!important;padding-left:20px!important;border-left:1px solid rgba(255,255,255,.07)!important;border-top:0!important;padding-top:0!important}
  .quote-step-header h2{font-size:clamp(36px,4vw,50px)}
  .quote-side-visual h3{font-size:28px}
}
@media (max-width:959px){
  .quote-studio-layout{grid-template-columns:1fr!important}
  .quote-studio-side{position:static!important;padding-left:0!important;border-left:0!important;border-top:1px solid rgba(255,255,255,.07)!important;padding-top:24px!important}
  .quote-moment-layout{grid-template-columns:1fr}
}
@media (max-width:760px){
  .quote-progress-rail{grid-template-columns:repeat(6,64px);overflow-x:auto;padding-bottom:5px;scrollbar-width:none}
  .quote-progress-rail::-webkit-scrollbar{display:none}
  .quote-progress-rail-line{display:none}
  .quote-progress-rail .quote-dot b{white-space:normal;font-size:9px}
  .quote-calendar-weekdays,.quote-calendar-grid{gap:2px}
}

/* =========================================================
   HOP V12.6.3 — STICKY + DURATION STATE + CONTENT TRIM
   ========================================================= */
/* overflow-x:hidden turned the page into the sticky scroll container in some browsers. */
.quote-studio-page{overflow:visible!important;overflow-x:clip!important}
.quote-studio,.quote-studio-layout,.quote-studio-main{overflow:visible!important}
.quote-studio-side{position:-webkit-sticky!important;position:sticky!important;top:94px!important;align-self:start!important;overflow:visible!important;max-height:calc(100vh - 112px)}

/* Dynamic standard-duration button behaves exactly like every other duration button. */
.quote-chip--primary-duration{background:transparent!important;color:#d4d8e5!important;border-color:rgba(255,255,255,.10)!important}
.quote-chip--primary-duration:hover,
.quote-chip--primary-duration.active{color:#fff!important;border-color:rgba(255,255,255,.24)!important;background:linear-gradient(135deg,rgba(255,138,31,.14),rgba(122,77,255,.14))!important}

/* Less copy, more room to breathe. */
.quote-studio-intro p{max-width:480px}
.quote-step-header{margin-bottom:20px}
.quote-step-header p:empty{display:none}
.quote-choice-wall--event .quote-choice-card{min-height:112px;justify-content:center;padding-top:20px;padding-bottom:20px}
.quote-choice-wall--event .quote-choice-card strong{margin-bottom:0}
.quote-toggle-row{padding:20px 0}
.quote-toggle-row strong{margin-bottom:0}
.quote-toggle-row small:empty{display:none}
.quote-line-choice small:empty{display:none}
.quote-side-price small:empty{display:none}
.quote-side-summary{gap:12px}
.quote-side-price{padding-bottom:6px;border-bottom:0}

@media (max-width:959px){
  .quote-studio-side{position:static!important;max-height:none!important}
}

/* =========================================================
   HOP V12.6.4 — QUOTE SUCCESS POLISH
   ========================================================= */
.quote-success-page{padding:34px 0 96px;min-height:calc(100vh - 78px);background:radial-gradient(circle at 50% 0%,rgba(255,45,143,.08),transparent 24%),radial-gradient(circle at 88% 82%,rgba(255,138,31,.07),transparent 22%),linear-gradient(180deg,#090a11,#07070d)}
.quote-success-hero{text-align:center;padding:42px 0 58px;border-bottom:1px solid rgba(255,255,255,.07)}
.quote-success-eyebrow{display:inline-flex;align-items:center;gap:9px;font-size:11px;font-weight:900;letter-spacing:1.5px;text-transform:uppercase;color:#b9bdcc}
.quote-success-eyebrow span{width:7px;height:7px;border-radius:50%;background:var(--gradient);box-shadow:0 0 18px rgba(255,45,143,.65)}
.quote-success-hero h1{margin:18px 0 14px;font-size:clamp(54px,7vw,96px);line-height:.94;letter-spacing:-4px}
.quote-success-hero h1 span{background:var(--gradient);-webkit-background-clip:text;background-clip:text;color:transparent}
.quote-success-hero p{margin:0 auto;max-width:760px;font-size:17px;line-height:1.7;color:#aeb3c3}
.quote-success-hero p strong{color:#fff}
.quote-success-meta{display:flex;justify-content:center;gap:18px;flex-wrap:wrap;margin-top:22px;color:#c8ccda}
.quote-success-meta span{font-size:12px}
.quote-success-layout{display:grid;grid-template-columns:minmax(0,1.5fr) minmax(320px,.65fr);gap:44px;padding-top:48px;align-items:start}
.quote-success-main{padding-right:8px}
.quote-success-section-head{margin-bottom:22px}
.quote-success-section-head>span,.quote-success-next-kicker{display:block;font-size:11px;font-weight:900;letter-spacing:1.5px;text-transform:uppercase;color:#9a8cff;margin-bottom:10px}
.quote-success-section-head h2{margin:0;font-size:34px;line-height:1.08;letter-spacing:-1.5px;max-width:700px}
.quote-success-summary{display:grid;gap:0;border-top:1px solid rgba(255,255,255,.08);border-bottom:1px solid rgba(255,255,255,.08)}
.quote-success-summary>div{display:flex;justify-content:space-between;gap:24px;padding:17px 0;border-bottom:1px solid rgba(255,255,255,.06)}
.quote-success-summary>div:last-child{border-bottom:0}
.quote-success-summary span{font-size:13px;color:#9ca1b2}
.quote-success-summary strong{font-size:14px;color:#fff;text-align:right;font-weight:750}
.quote-success-price{display:flex;justify-content:space-between;align-items:end;gap:20px;padding:26px 0 14px}
.quote-success-price span{font-size:13px;color:#b7bbca}
.quote-success-price strong{font-size:42px;letter-spacing:-1.7px;line-height:1;color:#fff}
.quote-success-note{margin:6px 0 0;font-size:13px;line-height:1.65;color:#858a9e;max-width:700px}
.quote-success-next{padding-left:30px;border-left:1px solid rgba(255,255,255,.07)}
.quote-success-next h3{margin:0 0 20px;font-size:30px;line-height:1.05;letter-spacing:-1.2px}
.quote-success-steps{display:grid;gap:0;margin:8px 0 28px}
.quote-success-steps>div{position:relative;display:grid;grid-template-columns:36px 1fr;gap:14px;padding:12px 0 18px}
.quote-success-steps>div:not(:last-child)::after{content:"";position:absolute;left:17px;top:45px;bottom:-2px;width:1px;background:rgba(255,255,255,.08)}
.quote-success-steps i{width:36px;height:36px;border-radius:50%;display:grid;place-items:center;font-style:normal;font-size:12px;font-weight:900;border:1px solid rgba(255,255,255,.10);background:#11141d;color:#7f8598}
.quote-success-steps .done i{border-color:rgba(82,229,161,.22);background:rgba(82,229,161,.08);color:#62e0a0}
.quote-success-steps strong{display:block;font-size:14px;color:#fff;margin-bottom:4px}
.quote-success-steps span{display:block;font-size:12px;line-height:1.55;color:#8f94a6}
.quote-success-actions{display:grid;gap:12px;margin-top:8px}
.quote-success-actions .btn{width:100%;min-height:52px;font-size:14px}
.quote-success-secondary-link{display:block;margin-top:20px;text-align:center;font-size:13px;font-weight:750;color:#b7bbca}
.quote-success-secondary-link:hover{color:#fff}
@media(max-width:980px){.quote-success-layout{grid-template-columns:1fr}.quote-success-next{padding-left:0;border-left:0;border-top:1px solid rgba(255,255,255,.07);padding-top:30px}.quote-success-hero{padding-top:26px}.quote-success-hero h1{font-size:62px}}
@media(max-width:640px){.quote-success-page{padding-bottom:70px}.quote-success-hero h1{font-size:48px;letter-spacing:-2.5px}.quote-success-hero p{font-size:15px}.quote-success-layout{gap:34px;padding-top:36px}.quote-success-section-head h2{font-size:28px}.quote-success-summary>div{align-items:flex-start;flex-direction:column;gap:5px}.quote-success-summary strong{text-align:left}.quote-success-price{align-items:flex-start;flex-direction:column}.quote-success-price strong{font-size:36px}}

/* =========================================================
   HOP V13 — STUDIO DESIGN SYSTEM / GLOBAL REDESIGN
   Quote Studio becomes the visual reference for the whole product.
   ========================================================= */

/* --- System foundations --- */
:root{
  --studio-bg:#07080d;
  --studio-surface:#0d0f16;
  --studio-surface-soft:#11141d;
  --studio-line:rgba(255,255,255,.085);
  --studio-line-strong:rgba(255,255,255,.15);
  --studio-text:#f7f8fc;
  --studio-muted:#a3a8b8;
  --studio-muted-2:#767c90;
  --studio-accent:linear-gradient(90deg,#ff8a1f 0%,#ff2d8f 48%,#7a4dff 100%);
  --studio-accent-soft:linear-gradient(120deg,rgba(255,138,31,.13),rgba(255,45,143,.10),rgba(122,77,255,.13));
}
body{background:var(--studio-bg);color:var(--studio-text)}
body,button,input,select,textarea{font-size:14px}
body{background-image:radial-gradient(circle at 14% 4%,rgba(122,77,255,.08),transparent 20%),radial-gradient(circle at 88% 8%,rgba(255,45,143,.06),transparent 22%)}
.container{width:min(calc(100% - 48px),1320px)}
.section{padding:112px 0}
.section-kicker,.eyebrow,.staff-kicker,.client-page-head>div>span,.dashboard-section-head>div>span,.app-page-head>div>span{font-size:11px!important;letter-spacing:1.5px!important;font-weight:900!important;color:#9b8dff!important}
.section-title-row h2{font-size:clamp(42px,4vw,64px);letter-spacing:-2.6px;line-height:.98}
.section-title-row>p,.section-side p{font-size:15px;line-height:1.7;color:var(--studio-muted)}
.text-link{font-size:13px!important;font-weight:800}
.btn{min-height:44px;border-radius:8px;padding:12px 18px;font-size:13px;font-weight:800}
.btn-large{min-height:50px;padding:14px 21px;font-size:14px}.btn-xl{min-height:54px;padding:15px 23px;font-size:14px}
.btn-soft,.btn-ghost{background:transparent;border:1px solid var(--studio-line);box-shadow:none}
.btn-primary{background:var(--studio-accent);box-shadow:0 10px 34px rgba(255,56,117,.13)}
.form-control{border-radius:6px!important;font-size:14px!important;min-height:48px}
.form-alert,.form-error{font-size:12px!important;border-radius:6px}
.empty-state,.app-empty,.client-empty,.staff-empty,.mini-empty,.subtle-empty{font-size:13px!important;color:var(--studio-muted)!important}

/* --- Public header / footer --- */
.site-header{background:rgba(7,8,13,.86);border-bottom:1px solid var(--studio-line);backdrop-filter:blur(24px)}
.nav-wrapper{height:76px}.main-nav{gap:32px}.main-nav a{font-size:13px;color:#b9bdca}.main-nav a:hover{color:#fff}
.brand-word strong{font-size:24px}.brand-word small{font-size:8px;color:#898e9f}
.footer{border-top:1px solid var(--studio-line);background:#07080d}.footer-main{padding-top:64px}.footer-col span{font-size:11px!important}.footer-col a,.footer-brand-col p{font-size:13px!important;line-height:1.65}

/* --- Home: editorial, not card-heavy --- */
.home-hero{min-height:720px;padding:105px 0 120px;background:radial-gradient(circle at 72% 36%,rgba(122,77,255,.12),transparent 28%)}
.home-hero-copy h1{font-size:clamp(64px,6.7vw,100px);letter-spacing:-5px;line-height:.92}
.home-hero-copy>p{font-size:17px;max-width:720px;color:#adb2c2}
.hero-proof{border-top:1px solid var(--studio-line);gap:28px}.hero-proof strong{font-size:13px}.hero-proof small{font-size:11px}
.stage-screen{border-radius:12px;border:1px solid var(--studio-line);box-shadow:0 36px 110px rgba(0,0,0,.34)}
.hero-float{border-radius:8px!important;background:rgba(11,13,20,.9)!important;border:1px solid var(--studio-line)!important;box-shadow:none!important}.hero-float strong{font-size:12px!important}.hero-float small{font-size:9px!important}
.trust-strip{border-top:1px solid var(--studio-line);border-bottom:1px solid var(--studio-line);background:transparent}.trust-strip-inner{min-height:66px}.trust-strip-inner span,.trust-strip-inner b{font-size:11px!important;letter-spacing:1.4px}
.persona-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:0;border-top:1px solid var(--studio-line);border-bottom:1px solid var(--studio-line)}
.persona-card,.persona-card.persona-main{border:0!important;border-radius:0!important;background:transparent!important;padding:34px 30px;box-shadow:none!important;position:relative}
.persona-card:not(:last-child){border-right:1px solid var(--studio-line)!important}.persona-card:hover{background:rgba(255,255,255,.02)!important;transform:none!important}.persona-card h3{font-size:25px!important;letter-spacing:-.8px}.persona-card p{font-size:13px!important;line-height:1.7}.persona-card span{font-size:13px!important}
.activity-grid.premium-grid{gap:0;border-top:1px solid var(--studio-line);border-left:1px solid var(--studio-line)}
.premium-card.activity-card{border-radius:0!important;border:0!important;border-right:1px solid var(--studio-line)!important;border-bottom:1px solid var(--studio-line)!important;background:transparent!important;box-shadow:none!important;transform:none!important}
.premium-card.activity-card:hover{background:rgba(255,255,255,.018)!important;transform:none!important}.activity-image{border-radius:0!important}.activity-content{padding:24px 22px 22px!important}.activity-content h3{font-size:25px!important;letter-spacing:-.8px}.activity-content p{font-size:13px!important;line-height:1.7;color:#a3a8b8}.activity-meta-top span{font-size:10px!important}.activity-bottom{border-top:1px solid var(--studio-line);padding-top:17px}.activity-bottom span{font-size:13px!important}
.showreel-section{background:transparent;border-top:1px solid var(--studio-line);border-bottom:1px solid var(--studio-line)}.mosaic-card{border-radius:8px!important;border-color:var(--studio-line)!important}
.pro-section{background:transparent}.pro-layout{gap:90px}.pro-copy h2{font-size:clamp(44px,4.2vw,64px);line-height:.98;letter-spacing:-2.5px}.pro-copy>p{font-size:15px!important;line-height:1.75}.feature-list li{border-top:1px solid var(--studio-line);padding:17px 0}.feature-list li:last-child{border-bottom:1px solid var(--studio-line)}.feature-list i{background:none!important;border:0!important}.feature-list b{font-size:14px!important}.feature-list small{font-size:12px!important}
.pro-dashboard-mock{border-radius:10px!important;border-color:var(--studio-line)!important;background:#0c0e15!important}.mock-event{border-radius:0!important;border:0!important;border-top:1px solid var(--studio-line)!important;background:transparent!important}.mock-event strong{font-size:17px!important}.mock-event span{font-size:11px!important}
.steps-line{border-top:1px solid var(--studio-line);border-bottom:1px solid var(--studio-line)}.steps-line article{padding:30px 25px;border-right:1px solid var(--studio-line)}.steps-line article:last-child{border-right:0}.step-icon{background:transparent!important;border:0!important;border-radius:0!important}.steps-line h3{font-size:20px!important}.steps-line p{font-size:13px!important}
.final-cta{border-top:1px solid var(--studio-line);background:radial-gradient(circle at 80% 40%,rgba(122,77,255,.11),transparent 28%)}.final-cta-inner{padding:82px 0}

/* --- Catalog / activity pages --- */
.catalog-hero{padding:100px 0 70px;border-bottom:1px solid var(--studio-line);background:transparent}.catalog-hero h1{font-size:clamp(58px,6vw,88px);letter-spacing:-4px;line-height:.94}.catalog-hero p{font-size:16px!important;line-height:1.7}
.catalog-filter-wrap{background:transparent;border-bottom:1px solid var(--studio-line)}.filter-panel{border:0!important;border-radius:0!important;background:transparent!important;box-shadow:none!important;padding:18px 0}.filter-search,.filter-select{border-radius:0!important;border:0!important;border-right:1px solid var(--studio-line)!important;background:transparent!important}.filter-search input,.filter-select select{font-size:13px!important}
.catalog-result-head{border-bottom:1px solid var(--studio-line);padding-bottom:18px}.catalog-result-head strong{font-size:16px!important}.catalog-result-head span,.catalog-result-head small{font-size:11px!important}
.detail-hero{padding:82px 0 88px;border-bottom:1px solid var(--studio-line);background:transparent}.detail-copy h1{font-size:clamp(62px,6vw,94px);letter-spacing:-4px;line-height:.92}.detail-copy>p{font-size:16px!important;line-height:1.75;color:#aeb3c3}.detail-tagline{font-size:18px!important}.detail-facts{border-top:1px solid var(--studio-line);border-bottom:1px solid var(--studio-line);gap:0}.detail-facts>div{border-right:1px solid var(--studio-line);border-radius:0!important;background:transparent!important}.detail-facts b{font-size:14px!important}.detail-facts small{font-size:10px!important}.detail-visual{border-radius:8px!important;border-color:var(--studio-line)!important}
.detail-content-grid{gap:70px}.detail-story>section{padding:62px 0;border-bottom:1px solid var(--studio-line)}.detail-story h2{font-size:clamp(38px,4vw,56px);letter-spacing:-2px}.rich-copy,.rich-copy p{font-size:15px!important;line-height:1.8}.highlight-grid,.included-grid{gap:0;border-top:1px solid var(--studio-line)}.highlight-grid>div,.included-grid>div{border:0!important;border-radius:0!important;background:transparent!important;border-bottom:1px solid var(--studio-line)!important;padding:18px 0!important;font-size:14px!important}.detail-price-card{border-radius:0!important;background:transparent!important;border:0!important;border-left:1px solid var(--studio-line)!important;padding-left:28px!important;box-shadow:none!important}.price-card-top strong{font-size:52px!important}.price-card-top small,.price-note{font-size:12px!important}.price-list>div{border-bottom:1px solid var(--studio-line);padding:14px 0}.price-list span,.price-list b{font-size:13px!important}.mini-related-grid{gap:0;border-top:1px solid var(--studio-line)}.mini-related-grid>a{border:0!important;border-radius:0!important;background:transparent!important;border-bottom:1px solid var(--studio-line)!important;padding:24px 0!important}.mini-related-grid h3{font-size:22px!important}.mini-related-grid p,.mini-related-grid span,.mini-related-grid b{font-size:12px!important}

/* --- Customer portal / Hop Business --- */
.portal-body{background:#07080d}.client-shell{grid-template-columns:245px minmax(0,1fr)}
.client-sidebar{background:#080a10!important;border-right:1px solid var(--studio-line)!important;padding:26px 18px!important}.client-logo{padding:0 8px 24px;border-bottom:1px solid var(--studio-line)}.client-logo strong{font-size:22px!important}.client-logo small{font-size:9px!important}
.client-sidebar nav{padding-top:18px}.client-sidebar nav a{border-radius:0!important;border-left:2px solid transparent!important;padding:13px 10px!important;font-size:13px!important;color:#8f95a7!important;background:transparent!important}.client-sidebar nav a:hover{color:#fff!important;background:rgba(255,255,255,.02)!important}.client-sidebar nav a.active{color:#fff!important;border-left-color:#ff4a75!important;background:transparent!important}.portal-nav-icon{opacity:.8}.client-sidebar-bottom{border-top:1px solid var(--studio-line)}.client-discover{border-radius:6px!important;font-size:12px!important}.client-user-card{border-radius:0!important;background:transparent!important;border-top:1px solid var(--studio-line)!important;padding-top:14px!important}.client-user-card strong{font-size:12px!important}.client-user-card small{font-size:10px!important}
.client-main{padding:48px 48px 80px!important;max-width:1500px;width:100%}.client-page-head{padding-bottom:26px!important;margin-bottom:28px!important;border-bottom:1px solid var(--studio-line)!important}.client-page-head h1{font-size:clamp(40px,4vw,58px)!important;letter-spacing:-2.3px!important;line-height:1!important}.client-page-head p{font-size:14px!important;line-height:1.65!important;color:#a1a6b7!important}.client-action-strip{border-radius:0!important;background:var(--studio-accent-soft)!important;border:0!important;border-left:3px solid #ff6a48!important;padding:18px 0 18px 20px!important}.client-action-strip span{font-size:10px!important}.client-action-strip strong{font-size:16px!important}.client-action-strip p{font-size:12px!important}.client-action-strip>a{font-size:13px!important}
.client-kpi-grid{gap:0!important;border-top:1px solid var(--studio-line);border-bottom:1px solid var(--studio-line);margin-bottom:34px!important}.client-kpi-grid article,.client-kpi-card{border:0!important;border-right:1px solid var(--studio-line)!important;border-radius:0!important;background:transparent!important;padding:24px 22px!important}.client-kpi-grid article:last-child{border-right:0!important}.client-kpi-grid article>i,.client-kpi-grid article>span{font-size:10px!important}.client-kpi-grid article>strong{font-size:34px!important}.client-panel,.client-card,.client-contact-card,.private-benefit-preview,.private-progress-box,.loyalty-mini-card,.event-main-card,.event-tracking-card,.quote-flow-card,.quote-offer-card,.invoice-info-card,.venue-card,.portal-form-card,.loyalty-hero,.benefit-grid article,.tier{border-radius:0!important;box-shadow:none!important}
.client-panel,.client-card,.event-main-card,.event-tracking-card,.quote-flow-card,.quote-offer-card,.invoice-info-card,.portal-form-card{background:transparent!important;border:0!important;border-top:1px solid var(--studio-line)!important;padding:24px 0!important}.client-panel-head{border-bottom:1px solid var(--studio-line)!important;padding-bottom:15px!important;margin-bottom:0!important}.client-panel-head h2{font-size:23px!important;letter-spacing:-.7px}.client-panel-head span,.client-panel-head a{font-size:11px!important}.client-event-row,.quote-mini-row,.reservation-row,.document-row,.program-line,.portal-table-row,.venue-program-card{border-radius:0!important;background:transparent!important;border:0!important;border-bottom:1px solid var(--studio-line)!important;padding:17px 0!important}.client-event-row:hover,.quote-mini-row:hover,.reservation-row:hover,.document-row:hover,a.program-line:hover{background:rgba(255,255,255,.018)!important}.event-row-main h3,.reservation-main strong,.quote-mini-row strong{font-size:15px!important}.event-row-main p,.reservation-main span,.quote-mini-row span{font-size:11px!important}.event-status,.quote-status,.status-pill,.reservation-state span{font-size:10px!important;border-radius:999px!important}.client-contact-card{background:transparent!important;border:0!important;border-top:1px solid var(--studio-line)!important;padding:22px 0!important}.client-contact-card h3{font-size:21px!important}.client-contact-card p{font-size:12px!important;line-height:1.7}.private-benefit-preview{background:transparent!important;border:0!important;border-top:1px solid var(--studio-line)!important;padding:34px 0!important}.private-benefit-preview h2{font-size:30px!important}.private-benefit-preview p{font-size:13px!important;line-height:1.7}.private-progress-box{background:transparent!important;border:0!important;padding:0!important}.quote-portal-grid,.venue-grid,.benefit-grid{gap:0!important;border-top:1px solid var(--studio-line)!important}.quote-portal-card,.venue-card,.benefit-grid article{border:0!important;border-bottom:1px solid var(--studio-line)!important;border-radius:0!important;background:transparent!important;padding:22px 0!important}.quote-portal-card h2,.venue-card h2{font-size:20px!important}.quote-portal-card>p,.venue-card p{font-size:12px!important}.portal-table-head{font-size:10px!important}.portal-table-row strong{font-size:12px!important}.portal-table-row small{font-size:10px!important}.portal-form-grid label>span{font-size:11px!important}.loyalty-hero{background:transparent!important;border-top:1px solid var(--studio-line)!important;border-bottom:1px solid var(--studio-line)!important;padding:30px 0!important}.loyalty-hero h2{font-size:38px!important}.loyalty-hero p{font-size:13px!important}.loyalty-score strong{font-size:44px!important}.loyalty-score span{font-size:11px!important}.tier-roadmap{border-radius:0!important;border-color:var(--studio-line)!important}.tier{background:transparent!important}.tier strong{font-size:18px!important}.tier p{font-size:12px!important}

/* Customer auth */
.client-auth-page,.v12-auth-page{background:radial-gradient(circle at 15% 20%,rgba(122,77,255,.11),transparent 26%),#07080d!important}.client-auth-card,.v12-signup-card{border-radius:8px!important;background:rgba(13,15,22,.88)!important;border:1px solid var(--studio-line)!important;box-shadow:none!important}.client-auth-copy h1{font-size:clamp(48px,5vw,72px)!important;letter-spacing:-3px!important}.client-auth-copy>p{font-size:14px!important}.client-auth-card h2{font-size:30px!important}.client-auth-card>p,.auth-switch{font-size:12px!important}.form-stack label>span,.client-signup-grid label>span{font-size:11px!important}.client-radio-wrap{border-radius:6px!important}.client-radio-wrap label{border-radius:5px!important;font-size:12px!important}

/* --- Animator workspace --- */
.animator-app-modern{background:#07080d!important}.app-shell-modern{grid-template-columns:245px minmax(0,1fr)!important;gap:0!important;max-width:none!important;width:100%!important}.app-sidebar-modern{border-radius:0!important;background:#080a10!important;border:0!important;border-right:1px solid var(--studio-line)!important;min-height:calc(100vh - 76px)!important;padding:26px 18px!important;position:sticky!important;top:76px!important}.app-main-modern{padding:48px 48px 80px!important;min-width:0}.app-logo{padding-bottom:24px;border-bottom:1px solid var(--studio-line)}.app-sidebar-modern nav a{border-radius:0!important;background:transparent!important;border-left:2px solid transparent!important;font-size:13px!important;padding:13px 10px!important}.app-sidebar-modern nav a.active{background:transparent!important;border-left-color:#ff4a75!important}.sidebar-secondary-v10{border-top:1px solid var(--studio-line)!important}.sidebar-account{border-radius:0!important;background:transparent!important;border-top:1px solid var(--studio-line)!important}.sidebar-account strong{font-size:12px!important}.sidebar-account small{font-size:10px!important}
.dashboard-welcome,.app-page-head{padding-bottom:26px!important;margin-bottom:28px!important;border-bottom:1px solid var(--studio-line)!important}.dashboard-welcome h1,.app-page-head h1{font-size:clamp(40px,4vw,58px)!important;letter-spacing:-2.3px!important;line-height:1!important}.dashboard-welcome p,.app-page-head p{font-size:14px!important;line-height:1.65!important;color:#a1a6b7!important}.availability-modern,.notification-button-v10{border-radius:7px!important}.verification-modern,.invoice-reminder-v102{border-radius:0!important;border:0!important;border-left:3px solid #8b74ff!important;background:rgba(122,77,255,.06)!important;padding:18px 20px!important}.verification-modern b,.invoice-reminder-v102 b{font-size:14px!important}.verification-modern p,.invoice-reminder-v102 p{font-size:12px!important}.personal-status-v10{display:grid!important;gap:0!important;border-top:1px solid var(--studio-line)!important;border-bottom:1px solid var(--studio-line)!important}.personal-status-v10>div,.personal-status-v10>a{border:0!important;border-radius:0!important;background:transparent!important;border-right:1px solid var(--studio-line)!important;padding:20px!important}.personal-status-v10>div:last-child,.personal-status-v10>a:last-child{border-right:0!important}.personal-status-v10 span{font-size:10px!important}.personal-status-v10 strong{font-size:13px!important;line-height:1.5}.personal-status-v10 small{font-size:11px!important}
.animator-kpi-grid{gap:0!important;border-top:1px solid var(--studio-line)!important;border-bottom:1px solid var(--studio-line)!important}.animator-kpi-card{border:0!important;border-right:1px solid var(--studio-line)!important;border-radius:0!important;background:transparent!important;padding:24px 20px!important}.animator-kpi-card:last-child{border-right:0!important}.animator-kpi-card>span{font-size:10px!important}.animator-kpi-card>strong,.kpi-rating strong{font-size:34px!important}.animator-kpi-card small{font-size:11px!important}.dashboard-section{margin-top:46px!important}.dashboard-section-head{padding-bottom:15px!important;border-bottom:1px solid var(--studio-line)!important}.dashboard-section-head h2{font-size:27px!important;letter-spacing:-1px}.section-subcopy{font-size:12px!important}.mission-grid-modern{gap:0!important;border-top:1px solid var(--studio-line)!important}.mission-card-modern,.dashboard-panel,.history-table,.notification-panel-v10,.earnings-info-v10,.invoice-main-v10,.progression-panel-v9,.shop-section-v9,.help-contact-v10,.mission-info-panel,.mission-action-card-modern,.mission-section-v89,.preparation-panel-v10{border-radius:0!important;box-shadow:none!important}.mission-card-modern{border:0!important;border-bottom:1px solid var(--studio-line)!important;background:transparent!important;padding:22px 0!important}.mission-card-modern:hover{background:rgba(255,255,255,.018)!important;transform:none!important}.mission-card-modern h3{font-size:20px!important}.mission-location{font-size:12px!important}.mission-date-row{border-top:1px solid var(--studio-line)!important;border-bottom:1px solid var(--studio-line)!important}.mission-date-row small{font-size:9px!important}.mission-date-row b{font-size:13px!important}.mission-rewards span,.mission-rewards b{font-size:11px!important}.dashboard-panel{background:transparent!important;border:0!important;border-top:1px solid var(--studio-line)!important;padding:22px 0!important}.upcoming-item,.history-item,.notification-row-v10,.invoice-row-v10,.ledger-row-v9,.xp-ledger-row-v9,.shop-order-row-v9{border-radius:0!important;background:transparent!important;border:0!important;border-bottom:1px solid var(--studio-line)!important;padding:16px 0!important}.upcoming-item:hover,.history-item:hover,.notification-row-v10:hover{background:rgba(255,255,255,.018)!important}.upcoming-text b,.history-item b{font-size:13px!important}.upcoming-text span,.history-item span{font-size:11px!important}.performance-grid>div{border-radius:0!important;background:transparent!important;border-right:1px solid var(--studio-line)!important}.performance-grid span{font-size:10px!important}.performance-grid strong{font-size:26px!important}.performance-grid small{font-size:10px!important}.secondary-links-v10{border-top:1px solid var(--studio-line)!important}.secondary-links-v10 a{font-size:12px!important}

/* Animator pages / mission detail / planning */
.mission-tabs-v89{border-bottom:1px solid var(--studio-line)!important}.mission-tab-v89{border-radius:0!important;font-size:12px!important}.mission-tab-v89.active{background:transparent!important;border-bottom:2px solid #ff4a75!important}.mission-list-v89,.upcoming-list-v89{gap:0!important}.mission-opportunity-v89,.mission-upcoming-card-v89{border-radius:0!important;background:transparent!important;border:0!important;border-bottom:1px solid var(--studio-line)!important;padding:22px 0!important}.mission-opportunity-main-v89 h3,.mission-upcoming-title-v89{font-size:20px!important}.mission-opportunity-main-v89 p,.mission-upcoming-details-v89{font-size:12px!important}.mission-detail-layout-v89{gap:42px!important}.mission-detail-hero-v89,.mission-section-v89,.mission-action-card-modern,.mission-info-panel{background:transparent!important;border:0!important;border-top:1px solid var(--studio-line)!important;border-radius:0!important;padding:24px 0!important}.mission-detail-heading-v89 h1{font-size:clamp(40px,4vw,58px)!important}.mission-meta-v89,.mission-quickfacts-v89{border-top:1px solid var(--studio-line)!important;border-bottom:1px solid var(--studio-line)!important}.mission-quickfacts-v89>div{border-right:1px solid var(--studio-line)!important;border-radius:0!important;background:transparent!important}.mission-quickfacts-v89 span{font-size:10px!important}.mission-quickfacts-v89 strong{font-size:14px!important}.mission-action-v89,.mission-decline-trigger-v121{font-size:13px!important}.prep-item-v10{border-radius:0!important;background:transparent!important;border-bottom:1px solid var(--studio-line)!important}.prep-item-v10 strong{font-size:13px!important}.prep-item-v10 small{font-size:11px!important}
.planning-layout-v82{gap:28px!important}.calendar-card-v8,.availability-editor-v82{border-radius:0!important;background:transparent!important;border:0!important;border-top:1px solid var(--studio-line)!important}.calendar-day-v8{border-radius:0!important;background:transparent!important;border-color:var(--studio-line)!important}.calendar-day-v8:hover{background:rgba(255,255,255,.025)!important}.calendar-day-number{font-size:12px!important}.quick-slot-card,.custom-slot-v81{border-radius:0!important;background:transparent!important;border:0!important;border-bottom:1px solid var(--studio-line)!important}.quick-slot-card b{font-size:13px!important}.quick-slot-card small{font-size:11px!important}
.progression-summary-v9{gap:0!important;border-top:1px solid var(--studio-line)!important;border-bottom:1px solid var(--studio-line)!important}.progression-summary-v9>article{border:0!important;border-radius:0!important;background:transparent!important;border-right:1px solid var(--studio-line)!important}.progression-summary-v9>article:last-child{border-right:0!important}.tier-panel-v9,.next-tier-v9,.milestones-panel-v9,.coin-summary-card-v9,.level-summary-card-v9,.tier-summary-card-v9{border-radius:0!important;background:transparent!important;border:0!important;border-top:1px solid var(--studio-line)!important}.milestone-grid-v9,.shop-grid-v9,.help-grid-v10{gap:0!important;border-top:1px solid var(--studio-line)!important}.milestone-card-v9,.shop-item-v9,.help-grid-v10>*{border-radius:0!important;background:transparent!important;border:0!important;border-bottom:1px solid var(--studio-line)!important;padding:22px 0!important}.shop-item-body-v9 h3{font-size:18px!important}.shop-item-body-v9 p{font-size:12px!important}

/* --- Profile / animator auth / applications --- */
.auth-page-modern,.auth-page,.signup-body-modern,.confirmation-page{background:radial-gradient(circle at 18% 18%,rgba(122,77,255,.11),transparent 24%),#07080d!important}.auth-card-modern,.auth-card,.signup-form-modern,.confirmation-box,.application-form{border-radius:8px!important;background:rgba(13,15,22,.88)!important;border:1px solid var(--studio-line)!important;box-shadow:none!important}.auth-copy-modern h1,.signup-hero-modern h1,.apply-hero h1{font-size:clamp(48px,5vw,74px)!important;letter-spacing:-3px!important}.auth-copy-modern p,.signup-hero-modern p,.apply-hero p{font-size:14px!important;line-height:1.7!important}.auth-field label,.application-form label{font-size:11px!important}.profile-layout-v83{gap:38px!important}.profile-summary-v83,.profile-section-v83,.profile-completion-v83,.profile-completion-v84{border-radius:0!important;background:transparent!important;border:0!important;border-top:1px solid var(--studio-line)!important;box-shadow:none!important}.profile-summary-v83{padding:26px 0!important}.profile-section-v83{padding:28px 0!important}.profile-section-title{font-size:11px!important;letter-spacing:1.4px!important}.profile-name-line-v85 h2{font-size:28px!important}.profile-summary-list-v83>div,.profile-stat-row{border-bottom:1px solid var(--studio-line)!important}.profile-summary-list-v83 span,.profile-stat-row span{font-size:11px!important}.profile-summary-list-v83 b,.profile-stat-row b{font-size:12px!important}.preference-grid-v83,.toggle-grid-v83,.language-grid-v84{gap:0!important;border-top:1px solid var(--studio-line)!important}.preference-card-v83,.profile-toggle-card,.language-choice-v84{border-radius:0!important;background:transparent!important;border:0!important;border-bottom:1px solid var(--studio-line)!important;padding:16px 0!important}.language-name-v85,.preference-card-v83 strong{font-size:13px!important}

/* --- Staff control room --- */
.staff-body{background:#07080d}.staff-shell{grid-template-columns:245px minmax(0,1fr)}.staff-sidebar{background:#080a10!important;border-right:1px solid var(--studio-line)!important;padding:26px 18px!important}.staff-brand{padding-bottom:24px;border-bottom:1px solid var(--studio-line)}.staff-nav-label{font-size:10px!important;color:#7f8496!important}.staff-nav a{border-radius:0!important;background:transparent!important;border-left:2px solid transparent!important;font-size:13px!important;padding:13px 10px!important;color:#8f95a7!important}.staff-nav a.active{background:transparent!important;border-left-color:#ff4a75!important;color:#fff!important}.staff-sidebar-bottom{border-top:1px solid var(--studio-line)!important}.staff-user strong{font-size:12px!important}.staff-user small,.staff-logout{font-size:10px!important}.staff-main{padding:48px 48px 80px!important}.staff-page-head{padding-bottom:26px!important;margin-bottom:28px!important;border-bottom:1px solid var(--studio-line)!important}.staff-page-head h1{font-size:clamp(40px,4vw,58px)!important;letter-spacing:-2.3px!important}.staff-page-head p{font-size:14px!important;color:#a1a6b7!important}.staff-stats,.staff-stats-v7,.animator-admin-stats{gap:0!important;border-top:1px solid var(--studio-line)!important;border-bottom:1px solid var(--studio-line)!important}.staff-stat{border:0!important;border-right:1px solid var(--studio-line)!important;border-radius:0!important;background:transparent!important;padding:22px 20px!important}.staff-stat:last-child{border-right:0!important}.staff-stat span{font-size:10px!important}.staff-stat strong{font-size:32px!important}.staff-panel,.staff-animator-link-v9,.animator-admin-card,.application-main,.application-side,.linked-object,.staff-private,.activation-box{border-radius:0!important;background:transparent!important;border:0!important;border-top:1px solid var(--studio-line)!important;box-shadow:none!important}.staff-panel{padding:22px 0!important}.staff-panel-head{border-bottom:1px solid var(--studio-line)!important;padding-bottom:14px!important}.staff-panel-head h2{font-size:23px!important}.staff-table-head{font-size:10px!important}.staff-table-row,.staff-row,.staff-list>a{border-radius:0!important;background:transparent!important;border:0!important;border-bottom:1px solid var(--studio-line)!important;padding:16px 0!important}.staff-table-row:hover,.staff-row:hover,.staff-list>a:hover{background:rgba(255,255,255,.018)!important}.staff-table-row strong,.staff-row-main strong{font-size:12px!important}.staff-table-row small,.staff-row-main small{font-size:10px!important}.staff-detail-grid,.staff-detail-layout{gap:34px!important}.staff-detail-main>section,.staff-detail-side>section,.detail-section-title{border-radius:0!important}.info-grid,.capability-grid,.staff-tier-checks-v9{gap:0!important;border-top:1px solid var(--studio-line)!important}.info-grid>div,.capability-grid>div,.staff-checkline{border-radius:0!important;background:transparent!important;border:0!important;border-bottom:1px solid var(--studio-line)!important;padding:14px 0!important}.info-grid span,.capability-grid span{font-size:10px!important}.info-grid strong,.capability-grid strong{font-size:13px!important}.staff-form label,.staff-form-grid label{font-size:11px!important}.staff-form .form-control,.staff-form-grid .form-control{font-size:13px!important}.staff-login-body{background:radial-gradient(circle at 20% 20%,rgba(122,77,255,.11),transparent 25%),#07080d!important}.staff-login-card{border-radius:8px!important;background:#0d0f16!important;border:1px solid var(--studio-line)!important;box-shadow:none!important}

/* --- Universal motion polish --- */
.activity-card,.persona-card,.client-event-row,.quote-mini-row,.reservation-row,.mission-card-modern,.upcoming-item,.history-item,.staff-table-row,.staff-row,.quote-portal-card,.venue-card{transition:background .18s ease,color .18s ease,border-color .18s ease,transform .18s ease}
@media (prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;transition:none!important;animation:none!important}}

/* --- Responsive --- */
@media(max-width:1100px){
  .client-shell,.staff-shell{grid-template-columns:82px minmax(0,1fr)}
  .client-sidebar nav a span,.client-logo>div,.client-user-card>div,.client-user-card>a,.staff-nav a span,.staff-brand>span:last-child,.staff-user>div:not(.staff-avatar),.staff-logout,.staff-nav-label{display:none!important}
  .client-sidebar nav a,.staff-nav a{justify-content:center!important;border-left:0!important;border-bottom:2px solid transparent!important}.client-sidebar nav a.active,.staff-nav a.active{border-bottom-color:#ff4a75!important}
  .app-shell-modern{grid-template-columns:82px minmax(0,1fr)!important}.app-sidebar-modern nav a span,.app-logo>span:last-child,.sidebar-account>div,.sidebar-account>a{display:none!important}
  .client-main,.staff-main,.app-main-modern{padding:38px 28px 70px!important}
  .persona-grid{grid-template-columns:1fr}.persona-card:not(:last-child){border-right:0!important;border-bottom:1px solid var(--studio-line)!important}
  .detail-content-grid{grid-template-columns:1fr!important}.detail-price-card{border-left:0!important;border-top:1px solid var(--studio-line)!important;padding:28px 0 0!important;position:static!important}
}
@media(max-width:760px){
  .container{width:min(calc(100% - 28px),1320px)}
  .section{padding:76px 0}
  .main-nav{display:none}
  .nav-actions .btn-ghost{display:none}
  .home-hero{padding:70px 0 84px}.home-hero-grid{grid-template-columns:1fr}.hero-stage{display:none}.home-hero-copy h1{font-size:54px;letter-spacing:-3px}.hero-proof{grid-template-columns:1fr}
  .activity-grid.premium-grid{grid-template-columns:1fr!important}
  .client-shell,.staff-shell,.app-shell-modern{display:block!important}
  .client-sidebar,.staff-sidebar,.app-sidebar-modern{position:static!important;min-height:0!important;height:auto!important;width:100%!important;border-right:0!important;border-bottom:1px solid var(--studio-line)!important;padding:10px 12px!important;overflow-x:auto}
  .client-logo,.client-sidebar-bottom,.staff-brand,.staff-sidebar-bottom,.app-logo,.sidebar-account,.sidebar-secondary-v10{display:none!important}
  .client-sidebar nav,.staff-nav,.app-sidebar-modern nav{display:flex!important;gap:4px!important;width:max-content!important;padding:0!important}.client-sidebar nav a span,.staff-nav a span,.app-sidebar-modern nav a span{display:inline!important}.client-sidebar nav a,.staff-nav a,.app-sidebar-modern nav a{white-space:nowrap!important;border:0!important;font-size:12px!important;padding:10px 12px!important}.client-sidebar nav a.active,.staff-nav a.active,.app-sidebar-modern nav a.active{background:rgba(255,255,255,.05)!important}
  .client-main,.staff-main,.app-main-modern{padding:28px 14px 60px!important}
  .client-kpi-grid,.animator-kpi-grid,.staff-stats,.staff-stats-v7,.progression-summary-v9{grid-template-columns:1fr!important}.client-kpi-grid article,.animator-kpi-card,.staff-stat,.progression-summary-v9>article{border-right:0!important;border-bottom:1px solid var(--studio-line)!important}.client-kpi-grid article:last-child,.animator-kpi-card:last-child,.staff-stat:last-child,.progression-summary-v9>article:last-child{border-bottom:0!important}
  .client-page-head,.dashboard-welcome,.app-page-head,.staff-page-head{align-items:flex-start!important;flex-direction:column!important}.client-page-head h1,.dashboard-welcome h1,.app-page-head h1,.staff-page-head h1{font-size:38px!important}
  .personal-status-v10{grid-template-columns:1fr!important}.personal-status-v10>div,.personal-status-v10>a{border-right:0!important;border-bottom:1px solid var(--studio-line)!important}
  .quote-choice-wall--event{grid-template-columns:1fr!important}
  .quote-progress-dots{grid-template-columns:repeat(3,1fr)!important}
}

/* =========================================================
   HOP V13.0.1 — CLIENT BUSINESS QUICK ACTIONS HOTFIX
   ========================================================= */
.v12-business-actions>a{
  grid-template-columns:minmax(0,1fr) auto!important;
  align-items:center!important;
  gap:18px!important;
  min-width:0!important;
  padding:22px 20px!important;
}
.v12-business-actions>a>div{
  min-width:0!important;
  width:auto!important;
  display:grid!important;
  gap:5px!important;
}
.v12-business-actions>a>div strong{
  display:block!important;
  width:auto!important;
  max-width:none!important;
  white-space:normal!important;
  word-break:normal!important;
  overflow-wrap:normal!important;
  font-size:15px!important;
  line-height:1.3!important;
}
.v12-business-actions>a>div span{
  display:block!important;
  width:auto!important;
  max-width:280px!important;
  white-space:normal!important;
  word-break:normal!important;
  overflow-wrap:normal!important;
  font-size:11px!important;
  line-height:1.55!important;
  color:#858b9e!important;
}
.v12-business-actions>a>b{
  justify-self:end!important;
  align-self:center!important;
  font-size:15px!important;
  color:#9b8dff!important;
}
@media(max-width:900px){
  .v12-business-actions{grid-template-columns:1fr!important}
  .v12-business-actions>a{padding:18px 0!important}
}

/* =========================================================
   HOP V13.1 — CLIENT SPACE REWORK
   ========================================================= */
.client-page-head--studio{margin-bottom:30px!important;padding-bottom:24px;border-bottom:1px solid var(--studio-line)}
.client-page-head--studio h1{font-size:46px!important;letter-spacing:-2.5px!important}
.client-page-head--studio p{font-size:13px!important;line-height:1.65!important;max-width:660px;color:#969caf!important}
.client-back-link{display:inline-flex;margin-bottom:20px;font-size:12px;color:#9298aa;font-weight:700}
.client-back-link:hover{color:#fff}
.client-tabs--line{display:flex;gap:28px;border-bottom:1px solid var(--studio-line);margin-bottom:14px}
.client-tabs--line a{position:relative;padding:0 0 14px;font-size:12px;font-weight:800;color:#747b8f}
.client-tabs--line a span{margin-left:6px;color:#555c70}
.client-tabs--line a.active{color:#fff}
.client-tabs--line a.active:after{content:"";position:absolute;left:0;right:0;bottom:-1px;height:2px;background:var(--gradient)}

.client-quote-list-studio{display:grid}
.client-quote-row-studio{display:grid;grid-template-columns:150px minmax(220px,1.4fr) 145px 110px 130px 24px;gap:22px;align-items:center;padding:22px 0;border-bottom:1px solid var(--studio-line);transition:.18s}
.client-quote-row-studio:hover{background:rgba(255,255,255,.018);padding-left:12px;padding-right:12px}
.quote-row-ref{display:grid;gap:9px;justify-items:start}.quote-row-ref>span{font-size:10px;color:#72798d}.quote-row-main{display:grid;gap:5px}.quote-row-main strong{font-size:18px;letter-spacing:-.45px}.quote-row-main span{font-size:12px;color:#858c9f}.quote-row-meta,.quote-row-price{display:grid;gap:5px}.quote-row-meta span,.quote-row-price span{font-size:9px;letter-spacing:1px;text-transform:uppercase;color:#656d82;font-weight:800}.quote-row-meta strong{font-size:12px}.quote-row-price{justify-items:end}.quote-row-price strong{font-size:20px;letter-spacing:-.5px}.client-quote-row-studio>i{font-style:normal;color:#8d7eff;font-size:16px}.quote-cancelled{background:rgba(255,255,255,.055)!important;color:#8d93a4!important}.client-empty--studio{padding:70px 0!important;border:0!important;border-bottom:1px solid var(--studio-line)!important;background:transparent!important;text-align:left!important}.client-empty--studio strong{font-size:24px!important}.client-empty--studio p{margin:8px 0 18px!important;font-size:13px!important}

.quote-detail-head-studio{align-items:end}.quote-detail-price-studio{display:grid;justify-items:end;gap:5px}.quote-detail-price-studio span{font-size:10px;letter-spacing:1px;text-transform:uppercase;color:#737a8e}.quote-detail-price-studio strong{font-size:36px;letter-spacing:-1.5px}.quote-detail-studio-grid{display:grid;grid-template-columns:minmax(0,1fr) 260px;gap:46px}.quote-detail-studio-main{min-width:0}.quote-staff-note-studio{padding:20px 0;border-bottom:1px solid var(--studio-line)}.quote-staff-note-studio span,.client-section-kicker{display:block;font-size:10px;letter-spacing:1.25px;text-transform:uppercase;color:#8b7dff;font-weight:900}.quote-staff-note-studio p{font-size:14px;line-height:1.72;color:#d8dbe6;margin:8px 0 0}.quote-detail-facts-studio{display:grid;grid-template-columns:repeat(4,1fr);border-bottom:1px solid var(--studio-line)}.quote-detail-facts-studio>div{display:grid;gap:5px;padding:24px 22px 24px 0;border-right:1px solid var(--studio-line)}.quote-detail-facts-studio>div+div{padding-left:22px}.quote-detail-facts-studio>div:last-child{border-right:0}.quote-detail-facts-studio span{font-size:10px;letter-spacing:1px;text-transform:uppercase;color:#697084}.quote-detail-facts-studio strong{font-size:15px}.quote-detail-facts-studio small{font-size:11px;color:#81889b}.quote-detail-status-studio{padding:34px 0;border-bottom:1px solid var(--studio-line)}.quote-detail-status-studio h2{font-size:30px;letter-spacing:-1px;margin:8px 0}.quote-detail-status-studio>p{font-size:13px;line-height:1.7;color:#9399ab;max-width:700px}.quote-detail-actions-studio{display:flex;gap:12px;flex-wrap:wrap;margin-top:22px}.quote-detail-actions-studio form{margin:0}.quote-cancel-inline{margin-top:18px}.quote-detail-studio-side{position:sticky;top:36px;align-self:start;padding-left:26px;border-left:1px solid var(--studio-line)}.quote-detail-studio-side>span{font-size:10px;letter-spacing:1.3px;text-transform:uppercase;color:#747b8e;font-weight:900}.quote-flow-studio{display:grid;margin-top:18px}.quote-flow-studio>div{position:relative;display:grid;grid-template-columns:16px 1fr;gap:12px;align-items:center;padding:0 0 22px}.quote-flow-studio>div:not(:last-child):after{content:"";position:absolute;left:5px;top:12px;bottom:0;width:1px;background:#252936}.quote-flow-studio i{width:11px;height:11px;border:1px solid #3a4050;border-radius:50%;background:#0c0e14;z-index:1}.quote-flow-studio .done i{border-color:#8b70ff;background:linear-gradient(135deg,#ff8a1f,#7a4dff)}.quote-flow-studio strong{font-size:12px;color:#686f82}.quote-flow-studio .done strong{color:#fff}.quote-side-note{display:flex;justify-content:space-between;gap:12px;padding:14px 0;border-top:1px solid var(--studio-line)}.quote-side-note span{font-size:11px;color:#72798c}.quote-side-note strong{font-size:12px}

.venue-list-studio{display:grid}.venue-row-studio{display:grid;grid-template-columns:minmax(260px,1.5fr) 100px 100px minmax(170px,.8fr) 80px;gap:22px;align-items:center;padding:24px 0;border-bottom:1px solid var(--studio-line)}.venue-row-studio.is-inactive{opacity:.48}.venue-row-title>span{font-size:9px;letter-spacing:1.1px;color:#66dca2;font-weight:900}.venue-row-title h2{font-size:22px;letter-spacing:-.7px;margin:5px 0}.venue-row-title p{font-size:12px;color:#858c9e;margin:0}.venue-row-stat,.venue-row-next{display:grid;gap:4px}.venue-row-stat span,.venue-row-next span{font-size:9px;letter-spacing:1px;text-transform:uppercase;color:#687085}.venue-row-stat strong{font-size:22px}.venue-row-next strong{font-size:13px}.venue-row-next small{font-size:10px;color:#7d8497}.venue-row-action{font-size:12px;font-weight:800;color:#a794ff;text-align:right}

.client-editor-studio{display:grid;max-width:940px}.client-editor-section{display:grid;grid-template-columns:220px 1fr;gap:36px;padding:30px 0;border-top:1px solid var(--studio-line)}.client-editor-section-head{display:flex;gap:14px}.client-editor-section-head>span{font-size:10px;color:#8b7dff;font-weight:900}.client-editor-section-head h2{font-size:20px;margin:0 0 5px}.client-editor-section-head p{font-size:11px;line-height:1.6;color:#7d8497;margin:0}.client-editor-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px}.client-editor-grid label,.client-editor-full{display:grid;gap:8px}.client-editor-grid label>span,.client-editor-full>span{font-size:10px;letter-spacing:.8px;text-transform:uppercase;color:#858c9f;font-weight:800}.client-editor-studio .form-control{width:100%;min-height:52px;padding:13px 14px;border:0;border-bottom:1px solid #2a2e3a;background:rgba(255,255,255,.02);color:#fff}.client-editor-studio textarea.form-control{min-height:130px}.client-editor-actions{display:flex;justify-content:flex-end;gap:10px;padding-top:24px;border-top:1px solid var(--studio-line)}

.business-benefits-hero-studio,.private-benefits-studio{display:grid;grid-template-columns:1fr auto;gap:30px;align-items:end;padding:30px 0;border-top:1px solid var(--studio-line);border-bottom:1px solid var(--studio-line)}.business-benefits-hero-studio span,.private-benefits-level>span{font-size:10px;letter-spacing:1.2px;color:#8d7eff;font-weight:900}.business-benefits-hero-studio h2,.private-benefits-level h2{font-size:42px;letter-spacing:-1.7px;margin:6px 0}.business-benefits-hero-studio p,.private-benefits-level p{font-size:13px;color:#8a91a4;margin:0}.business-benefits-score{text-align:right}.business-benefits-score strong{display:block;font-size:48px;letter-spacing:-2px}.business-benefits-score span{font-size:11px;color:#7d8496}.business-benefits-progress-studio,.private-benefits-progress{padding:24px 0}.business-benefits-progress-studio>div,.private-benefits-progress>div{display:flex;justify-content:space-between;font-size:12px}.business-benefits-progress-studio i,.private-benefits-progress i{display:block;height:3px;margin-top:12px;background:#242834}.business-benefits-progress-studio em,.private-benefits-progress em{display:block;height:100%;background:var(--gradient)}.benefit-lines-studio{display:grid;border-top:1px solid var(--studio-line);margin-top:10px}.benefit-lines-studio article{display:grid;grid-template-columns:50px 1fr auto;gap:22px;align-items:center;padding:22px 0;border-bottom:1px solid var(--studio-line)}.benefit-lines-studio article>span{font-size:10px;color:#687085}.benefit-lines-studio h3{font-size:17px;margin:0 0 5px}.benefit-lines-studio p{font-size:12px;color:#858c9f;margin:0;line-height:1.6}.benefit-lines-studio b{font-size:11px;color:#a99aff}.tier-line-studio{display:grid;grid-template-columns:repeat(3,1fr);margin-top:34px;border-top:1px solid var(--studio-line)}.tier-line-studio>div{padding:20px 0;border-right:1px solid var(--studio-line);opacity:.4}.tier-line-studio>div+div{padding-left:20px}.tier-line-studio>div:last-child{border-right:0}.tier-line-studio>div.active{opacity:1}.tier-line-studio span{font-size:11px;color:#8b92a5}.tier-line-studio strong{display:block;font-size:23px;margin-top:5px}

.organization-stats-studio{display:grid;grid-template-columns:repeat(4,1fr);border-top:1px solid var(--studio-line);border-bottom:1px solid var(--studio-line);margin-bottom:36px}.organization-stats-studio div{padding:22px 20px;border-right:1px solid var(--studio-line)}.organization-stats-studio div:first-child{padding-left:0}.organization-stats-studio div:last-child{border-right:0}.organization-stats-studio span{display:block;font-size:10px;letter-spacing:.7px;text-transform:uppercase;color:#747b8e}.organization-stats-studio strong{display:block;font-size:30px;margin-top:7px}.organization-layout-studio{display:grid;grid-template-columns:minmax(0,1fr) 290px;gap:54px}.organization-editor-studio{max-width:none}.organization-side-studio{align-self:start;border-left:1px solid var(--studio-line);padding-left:26px}.organization-side-head span{font-size:10px;letter-spacing:1px;color:#8d7eff;font-weight:900}.organization-side-head h2{font-size:24px;margin:4px 0 18px}.organization-members-studio{display:grid}.organization-members-studio>div{display:grid;grid-template-columns:34px 1fr;gap:10px;align-items:center;padding:12px 0;border-bottom:1px solid var(--studio-line)}.organization-members-studio>div>span{width:34px;height:34px;display:grid;place-items:center;background:var(--gradient);font-size:11px;font-weight:900}.organization-members-studio p{margin:0;display:grid;gap:2px}.organization-members-studio strong{font-size:12px}.organization-members-studio small{font-size:10px;color:#7d8497}.organization-side-note{font-size:11px;line-height:1.6;color:#70778a}.organization-links-studio{display:grid;margin-top:28px;border-top:1px solid var(--studio-line)}.organization-links-studio a{display:flex;justify-content:space-between;gap:12px;padding:15px 0;border-bottom:1px solid var(--studio-line)}.organization-links-studio span{font-size:11px;color:#7c8396}.organization-links-studio strong{font-size:11px;color:#fff}

@media(max-width:1100px){.client-quote-row-studio{grid-template-columns:120px minmax(220px,1fr) 120px 90px 110px 18px;gap:14px}.quote-detail-studio-grid,.organization-layout-studio{grid-template-columns:1fr}.quote-detail-studio-side,.organization-side-studio{position:static;border-left:0;padding-left:0;border-top:1px solid var(--studio-line);padding-top:24px}.venue-row-studio{grid-template-columns:minmax(220px,1fr) 90px 90px minmax(140px,.6fr) 70px}}
@media(max-width:800px){.client-page-head--studio{align-items:flex-start!important}.client-quote-row-studio{grid-template-columns:1fr auto}.quote-row-ref{grid-column:1/-1;display:flex;justify-content:space-between}.quote-row-main{grid-column:1}.quote-row-price{grid-column:2;grid-row:2;align-self:end}.quote-row-meta{display:none}.client-quote-row-studio>i{display:none}.quote-detail-facts-studio{grid-template-columns:1fr 1fr}.quote-detail-facts-studio>div:nth-child(2){border-right:0}.quote-detail-facts-studio>div:nth-child(3){padding-left:0}.venue-row-studio{grid-template-columns:1fr auto}.venue-row-title{grid-column:1}.venue-row-stat{display:none}.venue-row-next{grid-column:1}.venue-row-action{grid-column:2;grid-row:1/3}.client-editor-section{grid-template-columns:1fr}.client-editor-grid{grid-template-columns:1fr}.span-2{grid-column:auto!important}.business-benefits-hero-studio,.private-benefits-studio{grid-template-columns:1fr}.business-benefits-score{text-align:left}.tier-line-studio,.organization-stats-studio{grid-template-columns:1fr 1fr}.benefit-lines-studio article{grid-template-columns:34px 1fr}.benefit-lines-studio b{grid-column:2}}

/* =========================================================
   HOP V13.1.1 — BUSINESS DASHBOARD ACTION LINE
   ========================================================= */
.client-action-line{display:flex;align-items:center;justify-content:space-between;gap:28px;padding:18px 0;margin:0 0 26px;border-top:1px solid rgba(255,255,255,.08);border-bottom:1px solid rgba(255,255,255,.08)}
.client-action-line-copy{min-width:0}.client-action-line-copy>span{display:block;margin-bottom:5px;font-size:10px;font-weight:900;letter-spacing:.16em;color:#ff9c55}.client-action-line-copy strong{display:block;font-size:16px;line-height:1.35;color:#fff}.client-action-line-copy p{margin:4px 0 0;font-size:12px;line-height:1.55;color:#8f95a7}.client-action-line-link{display:inline-flex;align-items:center;gap:10px;flex-shrink:0;padding:10px 0;font-size:13px;font-weight:850;color:#fff}.client-action-line-link b{font-size:15px;color:#9f8dff}.client-action-line-link:hover b{transform:translateX(3px)}.client-action-line-link b{transition:transform .18s ease}
@media(max-width:700px){.client-action-line{align-items:flex-start;flex-direction:column;gap:10px}.client-action-line-link{padding:3px 0}}

/* =========================================================
   HOP V13.2 — ANIMATOR FOCUS
   ========================================================= */
.animator-focus-app .app-shell-modern{align-items:stretch}
.animator-focus-main{padding-top:42px!important;padding-bottom:72px!important}
.animator-focus-head{display:flex;align-items:flex-end;justify-content:space-between;gap:28px;padding:0 0 26px;border-bottom:1px solid rgba(255,255,255,.08);margin-bottom:26px}
.animator-focus-head>div:first-child>span{display:block;font-size:10px;font-weight:900;letter-spacing:1.6px;color:#9a8cff;margin-bottom:8px}
.animator-focus-head h1{margin:0 0 8px;font-size:clamp(42px,4vw,64px);line-height:.96;letter-spacing:-2.6px}
.animator-focus-head p{margin:0;color:#9ba0b2;font-size:14px;line-height:1.6}
.animator-focus-head-actions{display:flex;align-items:center;gap:10px;flex-shrink:0}
.animator-focus-availability{display:inline-flex;align-items:center;justify-content:center;padding:12px 16px;border:1px solid rgba(255,255,255,.10);font-size:12px;font-weight:800;color:#f5f6fb;transition:.18s}
.animator-focus-availability:hover{border-color:rgba(255,255,255,.22);background:rgba(255,255,255,.035)}
.animator-focus-bell{border-radius:0!important;border:1px solid rgba(255,255,255,.10)!important;background:transparent!important}
.animator-focus-alert,.animator-focus-action{display:flex;align-items:center;justify-content:space-between;gap:24px;padding:18px 0;border-top:1px solid rgba(255,255,255,.08);border-bottom:1px solid rgba(255,255,255,.08);margin:0 0 28px;background:transparent!important}
.animator-focus-alert span,.animator-focus-action span{display:block;font-size:9px;font-weight:900;letter-spacing:1.4px;color:#ff9770;margin-bottom:5px}
.animator-focus-alert strong,.animator-focus-action strong{display:block;font-size:16px;color:#fff;margin-bottom:3px}
.animator-focus-alert p,.animator-focus-action p{margin:0;color:#9196a8;font-size:12px}
.animator-focus-alert a,.animator-focus-action>b{font-size:12px;color:#fff;white-space:nowrap}
.animator-focus-primary{padding:6px 0 30px;border-bottom:1px solid rgba(255,255,255,.08)}
.animator-focus-section-head{display:flex;align-items:flex-end;justify-content:space-between;gap:20px;margin-bottom:16px}
.animator-focus-section-head>span,.animator-focus-section-head>div>span{display:block;font-size:9px;font-weight:900;letter-spacing:1.5px;color:#858b9e;margin-bottom:5px}
.animator-focus-section-head h2{margin:0;font-size:26px;letter-spacing:-1px}
.animator-focus-section-head>a{font-size:11px;font-weight:800;color:#a994ff;white-space:nowrap}
.animator-next-mission{display:grid;grid-template-columns:68px minmax(0,1fr) auto;align-items:center;gap:22px;padding:20px 0;border-top:1px solid rgba(255,255,255,.08);transition:.18s}
.animator-next-mission:hover{padding-left:12px}
.animator-next-date{display:grid;place-items:center;width:62px;height:62px;background:#121522;border-left:3px solid #8d64ff}
.animator-next-date strong{font-size:26px;line-height:1}.animator-next-date span{font-size:9px;font-weight:900;letter-spacing:1.2px;color:#9ba0b2}
.animator-next-main h2{margin:0 0 5px;font-size:26px;letter-spacing:-.8px}.animator-next-main p{margin:0;font-size:13px;color:#9aa0b2}
.animator-next-pay{text-align:right}.animator-next-pay strong{display:block;font-size:22px;margin-bottom:5px}.animator-next-pay span{font-size:11px;color:#9a8cff}
.animator-focus-empty{padding:28px 0;border-top:1px solid rgba(255,255,255,.08)}
.animator-focus-empty.compact{padding:22px 0}.animator-focus-empty strong{display:block;font-size:17px;margin-bottom:5px}.animator-focus-empty p{margin:0;color:#8f94a7;font-size:12px}
.animator-focus-action{margin-top:28px;margin-bottom:0;border-left:3px solid #ff8a1f;padding-left:16px}
.animator-focus-section{padding:34px 0 0}
.animator-opportunity-list{border-top:1px solid rgba(255,255,255,.08)}
.animator-opportunity-row{display:grid;grid-template-columns:58px minmax(0,1fr) auto 22px;align-items:center;gap:18px;padding:17px 0;border-bottom:1px solid rgba(255,255,255,.08);transition:.18s}
.animator-opportunity-row:hover{padding-left:10px;background:linear-gradient(90deg,rgba(255,255,255,.02),transparent)}
.animator-opportunity-date{width:54px;height:54px;display:grid;place-items:center;background:#121522;border-left:2px solid #7b55ff}.animator-opportunity-date.confirmed{border-left-color:#52e5a1}.animator-opportunity-date strong{font-size:20px;line-height:1}.animator-opportunity-date span{font-size:8px;font-weight:900;letter-spacing:1px;color:#8f95a7}
.animator-opportunity-copy h3{margin:0 0 4px;font-size:17px;letter-spacing:-.4px}.animator-opportunity-copy p{margin:0;color:#8f95a7;font-size:12px;line-height:1.5}.animator-opportunity-pay{font-size:17px}.animator-opportunity-arrow{font-size:16px;color:#8877ff}.animator-status-inline{font-size:10px;color:#70d9a5;white-space:nowrap}
.animator-focus-footer-links{display:grid;grid-template-columns:repeat(3,1fr);gap:0;margin-top:38px;border-top:1px solid rgba(255,255,255,.08);border-bottom:1px solid rgba(255,255,255,.08)}
.animator-focus-footer-links>a{position:relative;padding:18px 20px;border-right:1px solid rgba(255,255,255,.08);display:grid;gap:4px}.animator-focus-footer-links>a:first-child{padding-left:0}.animator-focus-footer-links>a:last-child{border-right:0}.animator-focus-footer-links span{font-size:8px;font-weight:900;letter-spacing:1.3px;color:#7f8598}.animator-focus-footer-links strong{font-size:13px}.animator-focus-footer-links b{position:absolute;right:16px;top:50%;transform:translateY(-50%);color:#8d76ff}
.animator-focus-head--page{margin-bottom:18px}.animator-focus-tabs{display:flex;gap:28px;border-bottom:1px solid rgba(255,255,255,.08);margin-bottom:0}.animator-focus-tabs button{position:relative;padding:14px 0;background:transparent;border:0;color:#747a8d;font-size:12px;font-weight:800;cursor:pointer}.animator-focus-tabs button b{margin-left:6px;font-size:10px;color:#959bad}.animator-focus-tabs button.is-active{color:#fff}.animator-focus-tabs button.is-active:after{content:"";position:absolute;left:0;right:0;bottom:-1px;height:2px;background:var(--gradient)}
.animator-focus-panel{padding-top:22px}.animator-focus-panel[hidden]{display:none!important}.animator-opportunity-list--full{border-top:0}.animator-history-clean{border-top:1px solid rgba(255,255,255,.08)}
.animator-history-row{display:grid;grid-template-columns:minmax(0,1fr) 120px 80px 20px;gap:18px;align-items:center;padding:16px 0;border-bottom:1px solid rgba(255,255,255,.08);transition:.18s}.animator-history-row:hover{padding-left:10px}.animator-history-row>div{display:grid;gap:3px}.animator-history-row>div strong{font-size:14px}.animator-history-row>div span,.animator-history-row>span{font-size:11px;color:#8f95a7}.animator-history-row>strong{text-align:right;font-size:14px}.animator-history-row>b{color:#8d76ff;text-align:right}
.animator-focus-sidebar .animator-nav-group{margin-top:14px}.animator-focus-sidebar .animator-nav-label{display:block;padding:0 12px 8px;font-size:8px;font-weight:900;letter-spacing:1.4px;color:#62687a}.animator-focus-sidebar .animator-nav-group nav{display:grid;gap:2px}.animator-focus-sidebar .animator-nav-group--activity{margin-top:22px;padding-top:18px;border-top:1px solid rgba(255,255,255,.07)}
.animator-focus-sidebar nav a{min-height:42px}.animator-focus-sidebar .animator-nav-secondary{margin-top:20px}.animator-focus-sidebar .animator-nav-secondary>a{font-size:11px!important;padding:7px 12px!important}.animator-focus-sidebar .sidebar-account{margin-top:auto}

@media(max-width:1050px){
  .animator-focus-head{align-items:flex-start;flex-direction:column}
  .animator-focus-footer-links{grid-template-columns:1fr}
  .animator-focus-footer-links>a,.animator-focus-footer-links>a:first-child{padding:16px 0;border-right:0;border-bottom:1px solid rgba(255,255,255,.08)}
  .animator-focus-footer-links>a:last-child{border-bottom:0}
}
@media(max-width:760px){
  .animator-focus-main{padding-top:24px!important}
  .animator-focus-head h1{font-size:40px}
  .animator-focus-head-actions{width:100%;justify-content:space-between}
  .animator-next-mission{grid-template-columns:58px minmax(0,1fr)}
  .animator-next-pay{grid-column:2;text-align:left;display:flex;align-items:center;gap:12px}
  .animator-opportunity-row{grid-template-columns:50px minmax(0,1fr) auto}
  .animator-opportunity-pay{grid-column:2}.animator-opportunity-arrow{grid-column:3;grid-row:1/3}
  .animator-status-inline{grid-column:2}
  .animator-history-row{grid-template-columns:minmax(0,1fr) auto 20px}.animator-history-row>span{grid-column:1}.animator-history-row>strong{grid-column:2;grid-row:1/3}.animator-history-row>b{grid-column:3;grid-row:1/3}
  .animator-focus-tabs{gap:18px;overflow:auto}
}

/* =========================================================
   HOP V13.3 — STAFF CONTROL CENTER
   ========================================================= */
.staff-control-dashboard{max-width:1480px;margin:0 auto}.staff-control-head{display:flex;justify-content:space-between;gap:32px;align-items:flex-end;padding-bottom:30px;border-bottom:1px solid rgba(255,255,255,.08)}.staff-control-head h1{font-size:clamp(42px,4.6vw,70px);line-height:.96;letter-spacing:-3px;margin:8px 0 10px}.staff-control-head p{margin:0;color:#959bad;font-size:14px;line-height:1.7}.staff-control-head-actions{display:flex;gap:10px;flex-wrap:wrap;justify-content:flex-end}.staff-priority-zone{padding:30px 0;border-bottom:1px solid rgba(255,255,255,.08)}.staff-section-line-head{display:flex;align-items:flex-end;justify-content:space-between;gap:24px;margin-bottom:16px}.staff-section-line-head>div{min-width:0}.staff-section-line-head span{display:block;font-size:10px;font-weight:900;letter-spacing:1.35px;text-transform:uppercase;color:#7f8497;margin-bottom:5px}.staff-section-line-head h2{font-size:24px;letter-spacing:-.8px;margin:0}.staff-section-line-head>a{font-size:11px;font-weight:800;color:#a493ff}.staff-section-line-head>small{font-size:12px;color:#73798b}.staff-section-count{font-size:28px;letter-spacing:-1px}.staff-priority-list{display:grid}.staff-priority-row{position:relative;display:grid;grid-template-columns:62px minmax(0,1fr) auto;gap:20px;align-items:center;padding:19px 0;border-top:1px solid rgba(255,255,255,.07);transition:.18s}.staff-priority-row:last-child{border-bottom:1px solid rgba(255,255,255,.07)}.staff-priority-row:hover{padding-left:12px;padding-right:8px;background:rgba(255,255,255,.018)}.staff-priority-row:before{content:"";position:absolute;left:0;top:0;bottom:0;width:2px;opacity:.8}.staff-priority-row.priority-commercial:before{background:#ff9a37}.staff-priority-row.priority-booking:before{background:#8a6dff}.staff-priority-row.priority-mission:before{background:#ff4c98}.staff-priority-row.priority-recruitment:before{background:#55dca1}.staff-priority-count{font-size:32px;font-weight:900;letter-spacing:-1.5px;color:#fff;padding-left:14px}.staff-priority-copy{display:grid;gap:4px}.staff-priority-copy strong{font-size:15px}.staff-priority-copy span{font-size:12px;color:#8e94a7;line-height:1.55}.staff-priority-cta{font-size:11px;font-weight:800;color:#c8cbd7;white-space:nowrap}.staff-priority-cta b{color:#9f89ff;margin-left:6px}.staff-priority-empty{display:flex;justify-content:space-between;gap:20px;padding:18px 0;border-top:1px solid rgba(255,255,255,.07);border-bottom:1px solid rgba(255,255,255,.07)}.staff-priority-empty strong{font-size:15px}.staff-priority-empty span{font-size:12px;color:#7f8598}.staff-control-layout{display:grid;grid-template-columns:minmax(0,1.45fr) minmax(300px,.62fr);gap:44px;padding-top:34px}.staff-control-maincol,.staff-control-sidecol{display:grid;gap:36px;align-content:start;min-width:0}.staff-control-sidecol{padding-left:34px;border-left:1px solid rgba(255,255,255,.07)}.staff-control-section{min-width:0}.staff-control-section+.staff-control-section{padding-top:6px}.staff-agenda-list,.staff-week-list,.staff-latest-list{display:grid}.staff-agenda-row{display:grid;grid-template-columns:74px minmax(0,1fr) auto 74px;gap:18px;align-items:center;padding:17px 0;border-top:1px solid rgba(255,255,255,.07);transition:.16s}.staff-agenda-row:last-child{border-bottom:1px solid rgba(255,255,255,.07)}.staff-agenda-row:hover,.staff-week-row:hover,.staff-latest-row:hover{background:rgba(255,255,255,.018)}.staff-agenda-row time{font-size:22px;font-weight:900;letter-spacing:-.6px;color:#fff}.staff-agenda-main,.staff-week-main{display:grid;gap:2px;min-width:0}.staff-agenda-main small,.staff-week-main small{font-size:9px;color:#7e8497;text-transform:uppercase;letter-spacing:.7px}.staff-agenda-main strong,.staff-week-main strong{font-size:14px}.staff-agenda-main span,.staff-week-main span{font-size:11px;color:#9096a8;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.staff-agenda-row>b,.staff-week-row>b{font-size:13px;text-align:right}.staff-week-row{display:grid;grid-template-columns:52px minmax(0,1fr) auto 74px;gap:18px;align-items:center;padding:15px 0;border-top:1px solid rgba(255,255,255,.07);transition:.16s}.staff-week-row:last-child{border-bottom:1px solid rgba(255,255,255,.07)}.staff-week-date{display:grid;justify-items:center;padding:7px 5px;border-right:1px solid rgba(255,255,255,.07)}.staff-week-date strong{font-size:20px;line-height:1}.staff-week-date span{font-size:8px;text-transform:uppercase;color:#ff6aab;margin-top:4px;font-weight:900}.staff-line-empty{padding:22px 0;border-top:1px solid rgba(255,255,255,.07);border-bottom:1px solid rgba(255,255,255,.07);font-size:12px;color:#7c8294}.staff-signal-list{display:grid}.staff-signal-row{display:flex;justify-content:space-between;gap:18px;align-items:center;padding:14px 0;border-top:1px solid rgba(255,255,255,.07)}.staff-signal-row:last-child{border-bottom:1px solid rgba(255,255,255,.07)}.staff-signal-row span{font-size:12px;color:#959bad}.staff-signal-row strong{font-size:20px;letter-spacing:-.6px}.staff-signal-row.is-alert strong{color:#ff9d4e}.staff-pulse-grid{display:grid;grid-template-columns:1fr 1fr;gap:0}.staff-pulse-grid>div{padding:16px 16px 16px 0;border-top:1px solid rgba(255,255,255,.07)}.staff-pulse-grid>div:nth-child(odd){border-right:1px solid rgba(255,255,255,.07)}.staff-pulse-grid>div:nth-child(even){padding-left:16px}.staff-pulse-grid>div:nth-last-child(-n+2){border-bottom:1px solid rgba(255,255,255,.07)}.staff-pulse-grid span{display:block;font-size:10px;text-transform:uppercase;letter-spacing:.9px;color:#767c8e;margin-bottom:7px}.staff-pulse-grid strong{font-size:24px;letter-spacing:-1px}.staff-latest-row{display:flex;justify-content:space-between;gap:18px;align-items:center;padding:13px 0;border-top:1px solid rgba(255,255,255,.07);transition:.16s}.staff-latest-row:last-child{border-bottom:1px solid rgba(255,255,255,.07)}.staff-latest-row>div{display:grid;gap:3px}.staff-latest-row>div:last-child{text-align:right;justify-items:end}.staff-latest-row strong{font-size:12px}.staff-latest-row span,.staff-latest-row small{font-size:10px;color:#7f8598}.staff-latest-row b{font-size:13px}.staff-control-section--compact .staff-section-line-head h2{font-size:20px}
@media(max-width:1180px){.staff-control-layout{grid-template-columns:1fr}.staff-control-sidecol{padding-left:0;border-left:0;border-top:1px solid rgba(255,255,255,.07);padding-top:34px}.staff-control-head{align-items:flex-start;flex-direction:column}.staff-control-head-actions{justify-content:flex-start}.staff-control-sidecol{grid-template-columns:repeat(2,minmax(0,1fr))}.staff-control-sidecol .staff-control-section:last-child{grid-column:1/-1}}
@media(max-width:760px){.staff-control-head h1{font-size:42px}.staff-priority-row{grid-template-columns:44px minmax(0,1fr)}.staff-priority-count{font-size:25px;padding-left:8px}.staff-priority-cta{grid-column:2}.staff-agenda-row,.staff-week-row{grid-template-columns:52px minmax(0,1fr)}.staff-agenda-row .status-pill,.staff-agenda-row>b,.staff-week-row .status-pill,.staff-week-row>b{grid-column:2}.staff-agenda-row>b,.staff-week-row>b{text-align:left}.staff-control-sidecol{grid-template-columns:1fr}.staff-control-sidecol .staff-control-section:last-child{grid-column:auto}.staff-pulse-grid{grid-template-columns:1fr}.staff-pulse-grid>div{border-right:0!important;padding-left:0!important;border-bottom:0!important}.staff-pulse-grid>div:last-child{border-bottom:1px solid rgba(255,255,255,.07)!important}}

/* =========================================================
   HOP V13.4 — STAFF DISPATCH BOARD
   ========================================================= */
.dispatch-head{display:flex;align-items:flex-end;justify-content:space-between;gap:28px;margin-bottom:22px}.dispatch-head h1{margin:4px 0 6px;font-size:54px;line-height:.95;letter-spacing:-2.6px}.dispatch-head p{margin:0;color:#8f95a7;font-size:13px}.dispatch-head-stats{display:flex;gap:28px}.dispatch-head-stats>div{display:grid;gap:2px;text-align:right}.dispatch-head-stats strong{font-size:28px;line-height:1;color:#fff}.dispatch-head-stats span{font-size:10px;letter-spacing:1px;text-transform:uppercase;color:#7e8496}.dispatch-datebar{display:flex;align-items:center;gap:14px;padding:13px 0 18px;border-bottom:1px solid rgba(255,255,255,.08);margin-bottom:18px}.dispatch-datebar>div{display:grid;gap:1px}.dispatch-datebar span{font-size:9px;letter-spacing:1.3px;text-transform:uppercase;color:#777d91}.dispatch-datebar strong{font-size:14px}.dispatch-date-arrow{width:34px;height:34px;display:grid;place-items:center;border:1px solid rgba(255,255,255,.08);color:#fff;font-size:14px;transition:.18s}.dispatch-date-arrow:hover{background:rgba(255,255,255,.04)}.dispatch-today-link{margin-left:auto;font-size:11px;font-weight:800;color:#a895ff}.dispatch-board{display:grid;grid-template-columns:300px minmax(540px,1fr) 350px;gap:20px;align-items:start}.dispatch-mission-column,.dispatch-center,.dispatch-decision{min-width:0}.dispatch-section-title{display:flex;align-items:end;justify-content:space-between;gap:16px;margin-bottom:12px}.dispatch-section-title>div>span,.dispatch-candidates-head>span{display:block;font-size:9px;font-weight:900;letter-spacing:1.4px;text-transform:uppercase;color:#7f8598}.dispatch-section-title h2{margin:3px 0 0;font-size:20px;letter-spacing:-.6px}.dispatch-section-title small,.dispatch-candidates-head small{font-size:10px;color:#747a8d}.dispatch-mission-list{display:grid;border-top:1px solid rgba(255,255,255,.07)}.dispatch-mission-item{display:grid;grid-template-columns:44px 1fr 18px;gap:11px;align-items:center;padding:13px 0;border-bottom:1px solid rgba(255,255,255,.07);transition:.18s;position:relative}.dispatch-mission-item:hover{padding-left:8px;background:rgba(255,255,255,.018)}.dispatch-mission-item.active{padding-left:10px;background:linear-gradient(90deg,rgba(122,77,255,.11),transparent)}.dispatch-mission-item.active:before{content:"";position:absolute;left:0;top:0;bottom:0;width:2px;background:linear-gradient(#ff8a1f,#7a4dff)}.dispatch-mission-date{display:grid;justify-items:center}.dispatch-mission-date strong{font-size:22px;line-height:1}.dispatch-mission-date span{font-size:9px;text-transform:uppercase;color:#7d8395}.dispatch-mission-copy{min-width:0}.dispatch-mission-topline{display:flex;gap:7px;margin-bottom:3px}.dispatch-mission-topline span{font-size:9px;color:#8b91a3}.dispatch-mission-copy>strong{display:block;font-size:12px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.dispatch-mission-copy>small{display:block;font-size:9px;color:#707689;margin-top:2px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.dispatch-mission-item>i{font-style:normal;color:#6f7588;font-size:11px}.dispatch-schedule-wrap{overflow:auto;border-top:1px solid rgba(255,255,255,.07);border-bottom:1px solid rgba(255,255,255,.07)}.dispatch-schedule{min-width:760px}.dispatch-schedule-head,.dispatch-schedule-row{display:grid;grid-template-columns:190px repeat(7,minmax(76px,1fr))}.dispatch-schedule-head{border-bottom:1px solid rgba(255,255,255,.07);position:sticky;top:0;background:#090a10;z-index:3}.dispatch-person-head{padding:10px 8px;font-size:9px;font-weight:900;letter-spacing:1.2px;text-transform:uppercase;color:#717789}.dispatch-day-head{display:grid;place-items:center;padding:8px 4px;border-left:1px solid rgba(255,255,255,.05)}.dispatch-day-head span{font-size:9px;text-transform:uppercase;color:#717789}.dispatch-day-head strong{font-size:16px}.dispatch-day-head.focus{background:rgba(122,77,255,.08)}.dispatch-schedule-row{min-height:58px;border-bottom:1px solid rgba(255,255,255,.055)}.dispatch-schedule-row:last-child{border-bottom:0}.dispatch-person{display:flex;align-items:center;gap:9px;padding:8px}.dispatch-person-avatar{width:32px;height:32px;display:grid;place-items:center;border-radius:50%;background:linear-gradient(135deg,#252838,#151722);font-size:11px;font-weight:900;color:#fff;flex-shrink:0;border:1px solid rgba(255,255,255,.06)}.dispatch-person>div:last-child{min-width:0}.dispatch-person strong{display:block;font-size:10px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.dispatch-person small{display:block;font-size:8px;color:#6f7588;margin-top:2px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.dispatch-cell{min-width:0;border-left:1px solid rgba(255,255,255,.05);display:flex;align-items:center;justify-content:center;padding:5px;position:relative}.dispatch-cell.focus{background:rgba(122,77,255,.035)}.dispatch-cell span,.dispatch-cell a{font-size:8px;font-weight:850;letter-spacing:.25px;text-align:center}.dispatch-cell.state-available{background:rgba(82,229,161,.035)}.dispatch-cell.state-available span{color:#74dda9}.dispatch-cell.state-unavailable{background:rgba(255,82,106,.035)}.dispatch-cell.state-unavailable span{color:#df7889}.dispatch-cell.state-unknown span{color:#555c70}.dispatch-cell.state-mission{background:rgba(74,130,255,.055);flex-wrap:wrap;gap:3px}.dispatch-cell.state-mission a{color:#8bb0ff;padding:3px 5px;border-bottom:1px solid rgba(139,176,255,.22)}.dispatch-legend{display:flex;gap:10px;flex-wrap:wrap}.dispatch-legend span{font-size:8px;font-weight:850}.dispatch-legend .available{color:#74dda9}.dispatch-legend .mission{color:#8bb0ff}.dispatch-legend .unavailable{color:#df7889}.dispatch-legend .unknown{color:#777e91}.dispatch-decision{position:sticky;top:26px;padding-left:18px;border-left:1px solid rgba(255,255,255,.08);max-height:calc(100vh - 52px);overflow:auto}.dispatch-selected-head{padding-bottom:15px;border-bottom:1px solid rgba(255,255,255,.08)}.dispatch-selected-head>span{display:block;font-size:9px;font-weight:900;letter-spacing:1.4px;color:#8b78ff}.dispatch-selected-head h2{font-size:26px;line-height:1;letter-spacing:-1.1px;margin:7px 0}.dispatch-selected-head p{font-size:10px;color:#858b9e;margin:0}.dispatch-selected-facts{display:grid;grid-template-columns:1fr 1fr;gap:11px;padding:15px 0;border-bottom:1px solid rgba(255,255,255,.08)}.dispatch-selected-facts div{display:grid;gap:2px}.dispatch-selected-facts span{font-size:8px;color:#707689;text-transform:uppercase;letter-spacing:.8px}.dispatch-selected-facts strong{font-size:11px;line-height:1.35}.dispatch-assigned-card{padding:17px 0;display:grid;gap:6px;border-bottom:1px solid rgba(255,255,255,.08)}.dispatch-assigned-card>span{font-size:8px;color:#6f7588;letter-spacing:1px}.dispatch-assigned-card>strong{font-size:18px}.dispatch-assigned-card>small{font-size:10px;color:#83899b}.dispatch-assigned-card form{margin-top:8px}.dispatch-candidates-head{display:flex;align-items:end;justify-content:space-between;padding:16px 0 9px}.dispatch-candidates{display:grid}.dispatch-candidate{padding:13px 0;border-top:1px solid rgba(255,255,255,.07)}.dispatch-candidate-main{display:grid;grid-template-columns:32px 1fr auto;gap:9px;align-items:center}.dispatch-candidate-main>div:nth-child(2){min-width:0}.dispatch-candidate-main strong{display:block;font-size:11px}.dispatch-candidate-main small{display:block;font-size:8px;color:#73798b;margin-top:2px}.dispatch-candidate-state{font-size:8px;font-weight:900;text-transform:uppercase;letter-spacing:.65px}.dispatch-candidate.state-good .dispatch-candidate-state{color:#72e0a9}.dispatch-candidate.state-check .dispatch-candidate-state{color:#e9b56a}.dispatch-candidate.state-blocked .dispatch-candidate-state{color:#e77588}.dispatch-score{display:flex;align-items:center;gap:8px;margin:9px 0 7px}.dispatch-score:before{content:"";flex:1;height:3px;background:rgba(255,255,255,.06)}.dispatch-score i{position:absolute;height:3px;width:var(--score);max-width:calc(100% - 58px);background:linear-gradient(90deg,#ff8a1f,#7a4dff)}.dispatch-score span{font-size:8px;color:#8d93a5;margin-left:auto}.dispatch-candidate-info{display:flex;gap:7px;flex-wrap:wrap}.dispatch-candidate-info span{font-size:8px;color:#9aa0b2}.dispatch-warnings{display:grid;gap:3px;margin-top:7px}.dispatch-warnings span{font-size:8px;color:#dba76b}.dispatch-candidate.state-blocked .dispatch-warnings span{color:#df798a}.dispatch-candidate form{margin-top:10px}.dispatch-candidate .btn{font-size:10px;padding:9px 11px}.dispatch-candidate .btn[disabled]{opacity:.45;cursor:not-allowed;transform:none}.dispatch-detail-link{display:block;padding:14px 0;margin-top:4px;border-top:1px solid rgba(255,255,255,.07);font-size:10px;font-weight:800;color:#a58fff}.dispatch-empty{padding:26px 4px;color:#6f7588;font-size:10px}.dispatch-empty.large{padding:50px 10px;text-align:center}.staff-nav a[href*="dispatch"]{position:relative}.staff-nav a[href*="dispatch"].active:after{content:"LIVE";margin-left:auto;font-size:6px;color:#8e7eff;letter-spacing:.7px}
@media(max-width:1450px){.dispatch-board{grid-template-columns:270px minmax(500px,1fr) 320px}.dispatch-head h1{font-size:48px}}
@media(max-width:1220px){.dispatch-board{grid-template-columns:280px minmax(0,1fr)}.dispatch-decision{grid-column:1/-1;position:static;max-height:none;padding-left:0;border-left:0;border-top:1px solid rgba(255,255,255,.08);padding-top:18px}.dispatch-candidates{grid-template-columns:repeat(2,minmax(0,1fr));gap:0 20px}}
@media(max-width:900px){.dispatch-head{align-items:flex-start;flex-direction:column}.dispatch-head-stats{width:100%;justify-content:space-between}.dispatch-head-stats>div{text-align:left}.dispatch-board{grid-template-columns:1fr}.dispatch-candidates{grid-template-columns:1fr}.dispatch-progress-dots{overflow:auto}.dispatch-mission-column{order:1}.dispatch-center{order:2}.dispatch-decision{order:3}}
.dispatch-score{position:relative}.dispatch-score i{left:0;bottom:0}


/* =========================================================
   HOP V13.5 — OFFICIAL BRAND ASSETS
   ========================================================= */
.brand-official{display:flex!important;align-items:center!important;flex:0 0 auto!important;line-height:0!important}
.brand-official img{display:block!important;width:auto!important;height:48px!important;max-width:188px!important;object-fit:contain!important}
.site-header .brand-official img{height:46px!important;max-width:185px!important}
.brand-footer.brand-official img{height:58px!important;max-width:225px!important}

.official-space-logo{display:flex!important;align-items:center!important;gap:10px!important;min-width:0!important;text-decoration:none!important}
.official-space-logo>img{display:block!important;width:auto!important;height:42px!important;max-width:150px!important;object-fit:contain!important;flex:0 1 auto!important}
.official-space-logo>small{display:inline-flex!important;align-items:center!important;justify-content:center!important;flex:0 0 auto!important;margin-left:auto!important;padding:5px 7px!important;border:1px solid rgba(255,255,255,.11)!important;border-radius:999px!important;background:rgba(255,255,255,.025)!important;color:#999fb0!important;font-size:7px!important;line-height:1!important;letter-spacing:1.25px!important;font-weight:900!important}

.client-logo.official-space-logo{height:auto!important;padding:0 8px 24px!important}
.client-logo.official-space-logo>img{height:43px!important;max-width:146px!important}
.app-logo.official-space-logo{padding:0 8px 24px!important}
.app-logo.official-space-logo>img{height:42px!important;max-width:142px!important}
.staff-brand.official-space-logo{padding:0 8px 24px!important}
.staff-brand.official-space-logo>img{height:42px!important;max-width:142px!important}

.staff-login-brand-official{display:flex!important;flex-direction:column!important;justify-content:center!important;align-items:center!important;gap:10px!important;margin-bottom:24px!important}
.staff-login-brand-official>img{width:auto!important;height:62px!important;max-width:245px!important;object-fit:contain!important}
.staff-login-brand-official>small{color:#9b83ff!important;font-size:8px!important;line-height:1!important;letter-spacing:2.4px!important;font-weight:900!important}

.brand-official .brand-symbol,.official-space-logo .brand-symbol{display:none!important}

@media(max-width:1050px){
  .client-logo.official-space-logo,.app-logo.official-space-logo,.staff-brand.official-space-logo{justify-content:center!important;padding-left:0!important;padding-right:0!important}
  .client-logo.official-space-logo>img,.app-logo.official-space-logo>img,.staff-brand.official-space-logo>img{content:url("../img/hop-mark.png");width:42px!important;height:42px!important;object-fit:contain!important}
  .official-space-logo>small{display:none!important}
}
@media(max-width:720px){
  .site-header .brand-official img{height:39px!important;max-width:155px!important}
  .brand-footer.brand-official img{height:50px!important;max-width:200px!important}
}


/* =========================================================
   HOP V13.6 — PREMIUM LANDING PAGE
   ========================================================= */
.lp-premium-hero{position:relative;overflow:hidden;padding:138px 0 88px;background:radial-gradient(circle at 18% 18%,rgba(255,124,63,.18),transparent 28%),radial-gradient(circle at 82% 12%,rgba(159,76,255,.22),transparent 30%),#080810}
.lp-premium-hero .container{position:relative;z-index:2}
.lp-grid{position:absolute;inset:0;opacity:.32;background-image:linear-gradient(rgba(255,255,255,.04) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.04) 1px,transparent 1px);background-size:84px 84px;mask-image:linear-gradient(to bottom,rgba(0,0,0,.9),rgba(0,0,0,.45),transparent)}
.lp-orb{position:absolute;border-radius:50%;filter:blur(80px);opacity:.55;pointer-events:none}
.lp-orb-a{width:400px;height:400px;left:-100px;top:70px;background:rgba(255,114,57,.28)}
.lp-orb-b{width:500px;height:500px;right:-130px;top:-70px;background:rgba(135,87,255,.22)}
.lp-hero-layout{display:grid;grid-template-columns:minmax(0,1.06fr) minmax(420px,.94fr);gap:34px;align-items:center}
.lp-kicker{display:inline-flex;align-items:center;gap:10px;padding:8px 14px;border-radius:999px;border:1px solid rgba(255,255,255,.1);background:rgba(255,255,255,.03);font-size:11px;font-weight:800;letter-spacing:1.4px;color:#ded8ff;text-transform:uppercase}
.lp-kicker i{width:8px;height:8px;border-radius:50%;background:linear-gradient(135deg,#ff8a3d,#c64fff);box-shadow:0 0 18px rgba(214,91,255,.55)}
.lp-hero-copy h1{margin:22px 0 16px;font-size:clamp(48px,6.5vw,86px);line-height:.95;letter-spacing:-.05em}
.lp-hero-copy h1 span{display:block;background:linear-gradient(90deg,#ff8b42 0%,#ff4f95 42%,#9057ff 100%);-webkit-background-clip:text;background-clip:text;color:transparent}
.lp-hero-copy p{max-width:650px;font-size:18px;line-height:1.7;color:#b3b8c7}
.lp-cta-row{display:flex;flex-wrap:wrap;gap:14px;margin:28px 0 26px}
.lp-proof-row{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}
.lp-proof-row>div{padding:16px 18px 15px;border-top:1px solid rgba(255,255,255,.12);background:linear-gradient(180deg,rgba(255,255,255,.04),rgba(255,255,255,.015))}
.lp-proof-row strong{display:block;font-size:15px;margin-bottom:4px}
.lp-proof-row span{display:block;font-size:13px;line-height:1.55;color:#8e93a4}
.lp-stage{position:relative;min-height:590px}
.lp-stage-panel{position:relative;padding:18px;border:1px solid rgba(255,255,255,.08);background:linear-gradient(180deg,rgba(15,17,27,.95),rgba(9,10,16,.92));box-shadow:0 28px 90px rgba(0,0,0,.42)}
.lp-stage-top,.lp-stage-bottom{display:flex;align-items:center;justify-content:space-between;gap:14px}
.lp-stage-top{margin-bottom:16px}
.lp-stage-top span,.lp-stage-top small{font-size:11px;font-weight:800;letter-spacing:1.6px;color:#9da3b6;text-transform:uppercase}
.lp-stage-screen{position:relative;min-height:410px;display:flex;align-items:flex-end;overflow:hidden;border:1px solid rgba(255,255,255,.06);background:radial-gradient(circle at center,rgba(244,84,146,.18),transparent 18%),radial-gradient(circle at center,rgba(145,92,255,.1),transparent 32%),linear-gradient(180deg,#0d1020,#0a0c15 68%)}
.lp-radar{position:absolute;inset:0;display:grid;place-items:center}
.lp-radar span{position:absolute;border:1px solid rgba(195,151,255,.24);border-radius:50%}
.lp-radar span:nth-child(1){width:108px;height:108px}.lp-radar span:nth-child(2){width:190px;height:190px}.lp-radar span:nth-child(3){width:290px;height:290px}
.lp-radar b,.lp-radar i{position:absolute;border-radius:50%}
.lp-radar b{width:14px;height:14px;background:linear-gradient(135deg,#ff8441,#ff5a8f);top:32%;left:62%;box-shadow:0 0 18px rgba(255,119,64,.55)}
.lp-radar i{width:12px;height:12px;background:linear-gradient(135deg,#ff5e9d,#8455ff);top:56%;left:28%;box-shadow:0 0 18px rgba(144,85,255,.5)}
.lp-stage-overlay{position:relative;z-index:1;max-width:430px;padding:34px}
.lp-tag{display:inline-flex;padding:8px 12px;margin-bottom:14px;border-radius:999px;border:1px solid rgba(255,255,255,.1);background:rgba(255,255,255,.04);font-size:11px;font-weight:800;letter-spacing:1.2px;text-transform:uppercase;color:#ede8ff}
.lp-stage-overlay h3{font-size:40px;line-height:1;margin:0 0 12px}
.lp-stage-overlay p{margin:0;line-height:1.7;color:#a7adbe}
.lp-stage-bottom{margin-top:16px;gap:12px}
.lp-mini-stat{flex:1;padding:14px 16px;border-top:1px solid rgba(255,255,255,.08);background:rgba(255,255,255,.02)}
.lp-mini-stat span{display:block;margin-bottom:6px;font-size:11px;font-weight:800;letter-spacing:1.4px;color:#848aa0;text-transform:uppercase}
.lp-mini-stat strong{font-size:15px}
.lp-floating-card{position:absolute;max-width:250px;padding:16px 18px;border:1px solid rgba(255,255,255,.09);background:linear-gradient(135deg,rgba(20,23,35,.96),rgba(11,12,18,.86));box-shadow:0 18px 44px rgba(0,0,0,.35);backdrop-filter:blur(14px)}
.lp-floating-card small{display:block;margin-bottom:7px;font-size:10px;font-weight:800;letter-spacing:1.4px;color:#b18fff;text-transform:uppercase}.lp-floating-card strong{display:block;font-size:15px;line-height:1.45}
.lp-floating-one{top:30px;right:-16px}.lp-floating-two{left:-22px;bottom:18px}
.lp-marquee-strip{padding:18px 0;border-top:1px solid rgba(255,255,255,.05);border-bottom:1px solid rgba(255,255,255,.05);background:#0a0b12}
.lp-marquee-inner{display:flex;flex-wrap:wrap;align-items:center;justify-content:center;gap:18px;color:#f2f4fb}
.lp-marquee-inner span{font-size:13px;font-weight:800;letter-spacing:1.2px;text-transform:uppercase;color:#d8dbeb}.lp-marquee-inner i{width:6px;height:6px;border-radius:50%;background:linear-gradient(135deg,#ff8a42,#9558ff)}
.lp-section-head{display:flex;align-items:end;justify-content:space-between;gap:28px;margin-bottom:28px}.lp-section-head h2{margin:8px 0 0;font-size:clamp(34px,4vw,54px);line-height:1.04}.lp-section-head p{max-width:520px;font-size:15px;line-height:1.75;color:#949aae}.lp-section-head.compact{align-items:center}
.lp-value-section,.lp-catalog-section,.lp-audience-section,.lp-how-section{position:relative;background:#080810}
.lp-value-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:1px;background:rgba(255,255,255,.08)}
.lp-value-card{padding:28px;background:#0b0c13;min-height:230px}.lp-value-card.featured{background:linear-gradient(180deg,rgba(255,255,255,.04),rgba(255,255,255,.015)),linear-gradient(135deg,rgba(255,126,63,.07),rgba(147,87,255,.09))}
.lp-value-index{margin-bottom:22px;font-size:11px;font-weight:900;letter-spacing:1.5px;color:#af87ff}.lp-value-card h3{margin:0 0 12px;font-size:28px;line-height:1.08}.lp-value-card p{margin:0;font-size:14px;line-height:1.75;color:#9ca2b4}
.lp-catalog-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:18px}
.lp-catalog-card{display:flex;flex-direction:column;min-height:100%;border:1px solid rgba(255,255,255,.08);background:linear-gradient(180deg,rgba(255,255,255,.03),rgba(255,255,255,.015));overflow:hidden;transition:transform .22s ease,border-color .22s ease,box-shadow .22s ease}
.lp-catalog-card:hover{transform:translateY(-5px);border-color:rgba(255,255,255,.18);box-shadow:0 18px 44px rgba(0,0,0,.28)}
.lp-catalog-visual{position:relative;aspect-ratio:1.18/1;overflow:hidden;background:#0e1020}.lp-catalog-visual img{width:100%;height:100%;object-fit:cover;display:block}
.lp-catalog-placeholder{position:absolute;inset:0;display:grid;place-items:center;background:radial-gradient(circle at center,rgba(240,82,147,.18),transparent 18%),radial-gradient(circle at center,rgba(144,91,255,.12),transparent 28%),linear-gradient(180deg,#11152a,#0a0c14)}
.lp-placeholder-rings{position:absolute;inset:0;display:grid;place-items:center}.lp-placeholder-rings span{position:absolute;border:1px solid rgba(182,134,255,.2);border-radius:50%}.lp-placeholder-rings span:nth-child(1){width:70px;height:70px}.lp-placeholder-rings span:nth-child(2){width:126px;height:126px}.lp-placeholder-rings span:nth-child(3){width:188px;height:188px}.lp-catalog-placeholder em{position:relative;z-index:1;font-style:normal;font-size:18px;letter-spacing:.4em;color:#bda3ff}
.lp-chip,.lp-price{position:absolute;top:14px;padding:8px 11px;border-radius:999px;font-size:11px;font-weight:800;letter-spacing:.3px}.lp-chip{left:14px;background:#f3f4fa;color:#12131a}.lp-price{right:14px;background:rgba(255,255,255,.96);color:#12131a}
.lp-catalog-body{display:flex;flex-direction:column;gap:12px;padding:18px 18px 20px}.lp-meta{display:flex;gap:8px;flex-wrap:wrap;font-size:11px;font-weight:800;letter-spacing:1.2px;text-transform:uppercase;color:#9499aa}.lp-catalog-body h3{font-size:28px;line-height:1.03;margin:0}.lp-catalog-body p{margin:0;font-size:14px;line-height:1.7;color:#9da2b3}.lp-card-link{margin-top:auto;padding-top:12px;border-top:1px solid rgba(255,255,255,.08);font-size:14px;font-weight:800;color:#f3f5fb;display:flex;justify-content:space-between;align-items:center}
.lp-audience-layout{display:grid;grid-template-columns:minmax(0,.95fr) minmax(0,1.05fr);gap:28px;align-items:start}.lp-audience-copy p{max-width:610px;font-size:16px;line-height:1.8;color:#9ea3b5}.lp-audience-list{display:grid;gap:15px;margin-top:24px}.lp-audience-list>div{padding:18px 0;border-top:1px solid rgba(255,255,255,.08)}.lp-audience-list b{display:block;margin-bottom:6px;font-size:19px}.lp-audience-list span{display:block;color:#8f95a8;line-height:1.65}
.lp-audience-board{display:grid;grid-template-columns:1fr 1fr;gap:18px}.lp-board-col{display:grid;gap:18px}.lp-board-col.offset{padding-top:44px}.lp-board-card{padding:22px;border:1px solid rgba(255,255,255,.08);background:linear-gradient(180deg,rgba(255,255,255,.03),rgba(255,255,255,.015));min-height:180px}.lp-board-card.strong{background:linear-gradient(135deg,rgba(255,120,62,.09),rgba(151,84,255,.08))}.lp-board-card.accent{background:linear-gradient(135deg,rgba(130,83,255,.16),rgba(255,83,151,.2))}.lp-board-card small{display:block;margin-bottom:18px;font-size:10px;font-weight:900;letter-spacing:1.5px;color:#cbcff1;text-transform:uppercase}.lp-board-card strong{display:block;font-size:28px;line-height:1.05;margin-bottom:10px}.lp-board-card span{display:block;font-size:14px;line-height:1.7;color:#a4aac0}
.lp-how-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:1px;background:rgba(255,255,255,.08)}
.lp-how-grid article{padding:26px;background:#0b0c13;min-height:220px}.lp-how-grid span{display:inline-flex;margin-bottom:22px;font-size:34px;font-weight:900;line-height:1;background:linear-gradient(135deg,#ff8b42,#9157ff);-webkit-background-clip:text;background-clip:text;color:transparent}.lp-how-grid h3{font-size:24px;line-height:1.08;margin:0 0 10px}.lp-how-grid p{margin:0;font-size:14px;line-height:1.75;color:#9ca3b8}
.lp-final-cta{position:relative;padding:0 0 104px;background:#080810}.lp-final-box{display:flex;align-items:center;justify-content:space-between;gap:28px;padding:34px;border-top:1px solid rgba(255,255,255,.1);border-bottom:1px solid rgba(255,255,255,.1);background:linear-gradient(135deg,rgba(255,129,60,.08),rgba(144,85,255,.1))}.lp-final-box h2{margin:8px 0 10px;font-size:clamp(34px,4.5vw,58px);line-height:1.02}.lp-final-box p{margin:0;color:#a0a6ba;line-height:1.75;max-width:560px}.lp-final-actions{display:flex;flex-wrap:wrap;gap:12px;justify-content:flex-end}

@media (max-width: 1200px){
  .lp-hero-layout,.lp-audience-layout{grid-template-columns:1fr}
  .lp-stage{min-height:auto}
  .lp-floating-one{right:18px}.lp-floating-two{left:18px}
  .lp-catalog-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
  .lp-value-grid,.lp-how-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
}
@media (max-width: 900px){
  .lp-proof-row,.lp-audience-board,.lp-catalog-grid,.lp-value-grid,.lp-how-grid{grid-template-columns:1fr}
  .lp-section-head,.lp-final-box{display:grid}
  .lp-hero-copy h1{font-size:54px}
  .lp-stage-panel{padding:14px}
  .lp-stage-screen{min-height:360px}
  .lp-stage-overlay h3{font-size:34px}
  .lp-final-actions{justify-content:flex-start}
}
@media (max-width: 640px){
  .lp-premium-hero{padding:112px 0 66px}
  .lp-hero-layout{gap:22px}
  .lp-hero-copy h1{font-size:42px}
  .lp-hero-copy p{font-size:16px}
  .lp-cta-row{display:grid}
  .lp-stage-screen{min-height:310px}
  .lp-stage-overlay{padding:24px}
  .lp-floating-card{position:relative;left:auto!important;right:auto!important;top:auto!important;bottom:auto!important;max-width:none;margin-top:12px}
  .lp-stage-panel{box-shadow:0 16px 42px rgba(0,0,0,.32)}
  .lp-marquee-inner{gap:12px}
  .lp-value-card h3,.lp-catalog-body h3,.lp-board-card strong{font-size:24px}
  .lp-how-grid article,.lp-value-card{min-height:auto}
}


/* =========================================================
   HOP V13.7 — PUBLIC SALES LANDING + ANIMATIONS
   ========================================================= */
.reveal-up{opacity:0;transform:translateY(34px);transition:opacity .7s cubic-bezier(.22,1,.36,1),transform .7s cubic-bezier(.22,1,.36,1)}
.reveal-up.is-visible{opacity:1;transform:translateY(0)}
.reveal-delay-1{transition-delay:.08s}.reveal-delay-2{transition-delay:.16s}.reveal-delay-3{transition-delay:.24s}

.lp-premium-hero{min-height:calc(100vh - 76px);display:flex;align-items:center}
.lp-stage-panel,.lp-catalog-card,.lp-value-card,.lp-board-card,.lp-metric-card{will-change:transform}
.lp-stage-panel{animation:heroPanelFloat 7s ease-in-out infinite}
@keyframes heroPanelFloat{0%,100%{transform:translateY(0)}50%{transform:translateY(-8px)}}
.lp-radar span:nth-child(1){animation:radarPulse 3.2s ease-out infinite}.lp-radar span:nth-child(2){animation:radarPulse 3.2s ease-out .5s infinite}.lp-radar span:nth-child(3){animation:radarPulse 3.2s ease-out 1s infinite}
@keyframes radarPulse{0%{opacity:.18;transform:scale(.94)}50%{opacity:.42}100%{opacity:.12;transform:scale(1.03)}}
.lp-radar b{animation:orbMoveA 4.5s ease-in-out infinite}.lp-radar i{animation:orbMoveB 5s ease-in-out infinite}
@keyframes orbMoveA{0%,100%{transform:translate(0,0)}50%{transform:translate(8px,-10px)}}
@keyframes orbMoveB{0%,100%{transform:translate(0,0)}50%{transform:translate(-10px,12px)}}
.lp-floating-one{animation:floatCardA 6s ease-in-out infinite}.lp-floating-two{animation:floatCardB 6.5s ease-in-out infinite}
@keyframes floatCardA{0%,100%{transform:translateY(0)}50%{transform:translateY(-10px)}}
@keyframes floatCardB{0%,100%{transform:translateY(0)}50%{transform:translateY(10px)}}
.lp-hero-copy p{max-width:690px}

.lp-marquee-strip{overflow:hidden}
.lp-marquee-track{display:flex;overflow:hidden;mask-image:linear-gradient(to right,transparent,black 8%,black 92%,transparent)}
.lp-marquee-inner{display:inline-flex;flex-wrap:nowrap;min-width:max-content;animation:marqueeSlide 24s linear infinite}
@keyframes marqueeSlide{from{transform:translateX(0)}to{transform:translateX(-50%)}}

.lp-metrics-section{padding-top:0;background:#080810}
.lp-metrics-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px}
.lp-metric-card{padding:24px 22px;border:1px solid rgba(255,255,255,.08);background:linear-gradient(180deg,rgba(255,255,255,.03),rgba(255,255,255,.01));box-shadow:0 16px 36px rgba(0,0,0,.18)}
.lp-metric-card span{display:block;margin-bottom:14px;font-size:11px;font-weight:900;letter-spacing:1.45px;color:#a390f7;text-transform:uppercase}
.lp-metric-card strong{display:block;font-size:42px;line-height:1;letter-spacing:-.04em;margin-bottom:10px}
.lp-metric-card p{margin:0;font-size:14px;line-height:1.65;color:#9298ad}

.lp-section-head p{max-width:560px}
.lp-value-card,.lp-board-card,.lp-catalog-card,.lp-metric-card,.lp-stage-panel,.lp-final-box{border-radius:0}
.lp-catalog-card:hover .lp-catalog-visual img{transform:scale(1.04)}
.lp-catalog-visual img{transition:transform .5s ease}
.lp-catalog-card:hover .lp-card-link b{transform:translateX(4px)}
.lp-card-link b{transition:transform .18s ease}
.lp-stage-screen:after{content:"";position:absolute;inset:auto -15% -35% -15%;height:180px;background:radial-gradient(circle,rgba(255,123,62,.18),transparent 54%);filter:blur(30px);pointer-events:none}
.lp-final-box{position:relative;overflow:hidden}
.lp-final-box:before{content:"";position:absolute;inset:-1px;background:linear-gradient(120deg,transparent 0%,rgba(255,255,255,.08) 26%,transparent 52%);transform:translateX(-120%);animation:ctaSweep 6s ease-in-out infinite}
@keyframes ctaSweep{0%,100%{transform:translateX(-120%)}40%,60%{transform:translateX(120%)}}

@media (max-width: 1200px){
  .lp-metrics-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
}
@media (max-width: 900px){
  .lp-premium-hero{min-height:auto}
  .lp-metrics-grid{grid-template-columns:1fr}
  .lp-metric-card strong{font-size:34px}
}
@media (prefers-reduced-motion: reduce){
  .reveal-up,.lp-stage-panel,.lp-floating-one,.lp-floating-two,.lp-radar span,.lp-radar b,.lp-radar i,.lp-marquee-inner,.lp-final-box:before{animation:none!important;transition:none!important;opacity:1!important;transform:none!important}
}


/* =========================================================
   HOP V13.7.1 — LANDING CLEANUP
   Remove meta floating cards and marquee, simplify hero motion.
   ========================================================= */
.lp-floating-card,.lp-marquee-strip{display:none!important}
.lp-stage{min-height:auto!important}
.lp-stage-panel{animation:none!important;transform:none!important}
.lp-stage-screen{background:radial-gradient(circle at 52% 42%,rgba(242,82,145,.16),transparent 22%),radial-gradient(circle at 48% 58%,rgba(139,86,255,.10),transparent 34%),linear-gradient(180deg,#0c0f1b,#090b12 70%)!important}
.lp-radar{opacity:.72}
.lp-radar span:nth-child(1),.lp-radar span:nth-child(2),.lp-radar span:nth-child(3){animation:radarSoftPulse 6s ease-in-out infinite!important}
.lp-radar span:nth-child(2){animation-delay:1s!important}.lp-radar span:nth-child(3){animation-delay:2s!important}
@keyframes radarSoftPulse{0%,100%{opacity:.18;transform:scale(.98)}50%{opacity:.34;transform:scale(1.015)}}
.lp-radar b,.lp-radar i{animation:none!important}
.lp-stage-screen:before{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(255,255,255,.018),transparent 32%,rgba(0,0,0,.16));pointer-events:none}
.lp-stage-screen:after{content:"";position:absolute;inset:0;background:radial-gradient(circle at 50% 48%,transparent 0 28%,rgba(0,0,0,.18) 74%,rgba(0,0,0,.42) 100%);filter:none!important;pointer-events:none}
.lp-stage-overlay{z-index:2}
.lp-stage-top,.lp-stage-bottom{position:relative;z-index:2}
@media(max-width:640px){.lp-stage{display:block!important}}


/* =========================================================
   HOP V13.8 — HERO VISUAL FIX + PREMIUM CATALOGUE
   ========================================================= */
/* Landing hero: one continuous visual surface, subtle living motion. */
.lp-stage-panel{
  overflow:hidden!important;
  border:1px solid rgba(255,255,255,.08)!important;
  background:linear-gradient(180deg,#10131f 0%,#0b0d16 100%)!important;
  box-shadow:0 30px 90px rgba(0,0,0,.38)!important;
}
.lp-stage-top{padding:2px 2px 16px!important;margin:0!important}
.lp-stage-screen{
  border:0!important;
  min-height:430px!important;
  isolation:isolate;
  background:radial-gradient(circle at 52% 40%,rgba(243,80,148,.17),transparent 24%),radial-gradient(circle at 48% 58%,rgba(134,83,255,.13),transparent 38%),linear-gradient(180deg,#0e1120 0%,#0a0c15 100%)!important;
}
.lp-stage-screen:before{
  content:""!important;
  position:absolute!important;
  inset:-20%!important;
  z-index:0!important;
  background:conic-gradient(from 180deg at 50% 50%,transparent 0 32%,rgba(255,112,88,.055) 40%,rgba(152,84,255,.07) 48%,transparent 58% 100%)!important;
  animation:lpAmbientSweep 14s linear infinite!important;
  pointer-events:none!important;
}
.lp-stage-screen:after{
  content:""!important;
  position:absolute!important;
  inset:0!important;
  z-index:0!important;
  background:linear-gradient(180deg,transparent 48%,rgba(10,12,21,.28) 70%,#0b0d16 100%)!important;
  filter:none!important;
  pointer-events:none!important;
}
@keyframes lpAmbientSweep{to{transform:rotate(360deg)}}
.lp-radar{z-index:1!important;opacity:.9!important}
.lp-radar span{border-color:rgba(193,147,255,.22)!important}
.lp-radar span:nth-child(1){animation:radarPulse 4.2s ease-out infinite!important}
.lp-radar span:nth-child(2){animation:radarPulse 4.2s ease-out .7s infinite!important}
.lp-radar span:nth-child(3){animation:radarPulse 4.2s ease-out 1.4s infinite!important}
.lp-radar b{animation:orbMoveA 4.5s ease-in-out infinite!important}
.lp-radar i{animation:orbMoveB 5s ease-in-out infinite!important}
.lp-stage-overlay{z-index:2!important}
.lp-stage-bottom{
  position:relative!important;
  z-index:3!important;
  margin:0!important;
  padding-top:0!important;
  background:#0b0d16!important;
}
.lp-mini-stat{
  background:transparent!important;
  border-top:1px solid rgba(255,255,255,.07)!important;
  padding:16px 16px 15px!important;
}
.lp-stage-bottom .lp-mini-stat:first-child{border-right:1px solid rgba(255,255,255,.06)!important}

/* Premium catalogue */
.catalog-v138-hero{position:relative;overflow:hidden;padding:146px 0 68px;background:#080810}
.catalog-v138-hero:after{content:"";position:absolute;left:0;right:0;bottom:0;height:1px;background:linear-gradient(90deg,transparent,rgba(255,255,255,.11),transparent)}
.catalog-v138-glow{position:absolute;border-radius:50%;filter:blur(95px);pointer-events:none}
.catalog-v138-glow-a{width:420px;height:420px;left:-110px;top:40px;background:rgba(255,111,58,.16)}
.catalog-v138-glow-b{width:520px;height:520px;right:-140px;top:-160px;background:rgba(133,79,255,.16)}
.catalog-v138-hero-inner{position:relative;z-index:2}
.catalog-v138-kicker{font-size:10px;font-weight:900;letter-spacing:1.8px;color:#a886ff;text-transform:uppercase}
.catalog-v138-hero h1{max-width:980px;margin:12px 0 18px;font-size:clamp(48px,6.5vw,84px);line-height:.96;letter-spacing:-.055em}
.catalog-v138-hero h1 span{background:linear-gradient(90deg,#ff9148 0%,#ff5298 46%,#8d5bff 100%);-webkit-background-clip:text;background-clip:text;color:transparent}
.catalog-v138-hero p{max-width:760px;margin:0;font-size:17px;line-height:1.75;color:#a5abbd}
.catalog-v138-promises{display:flex;flex-wrap:wrap;gap:20px;margin-top:28px;padding-top:22px;border-top:1px solid rgba(255,255,255,.08)}
.catalog-v138-promises span{display:flex;align-items:center;gap:9px;font-size:12px;font-weight:700;color:#c4c8d5}
.catalog-v138-promises i{width:6px;height:6px;border-radius:50%;background:linear-gradient(135deg,#ff8a42,#9258ff);box-shadow:0 0 14px rgba(166,84,255,.5)}

.catalog-v138-toolbar-wrap{position:relative;z-index:5;background:#080810}
.catalog-v138-toolbar{display:grid;grid-template-columns:minmax(300px,1.35fr) minmax(180px,.72fr) minmax(180px,.72fr) auto auto;align-items:stretch;border-bottom:1px solid rgba(255,255,255,.08)}
.catalog-v138-search,.catalog-v138-select{min-width:0;border-right:1px solid rgba(255,255,255,.07)}
.catalog-v138-search{display:flex;align-items:center;gap:14px;padding:19px 18px 18px 0}
.catalog-v138-search>span{font-size:22px;color:#8c92a5}
.catalog-v138-search label{display:grid;gap:6px;flex:1;min-width:0}
.catalog-v138-toolbar small{font-size:8px;font-weight:900;letter-spacing:1.45px;color:#72788d;text-transform:uppercase}
.catalog-v138-search input,.catalog-v138-select select{width:100%;border:0!important;outline:0!important;background:transparent!important;color:#f8f8fb!important;font:inherit}
.catalog-v138-search input{font-size:15px;padding:0!important}
.catalog-v138-search input::placeholder{color:#555b6e}
.catalog-v138-select{display:grid;align-content:center;gap:7px;padding:14px 18px}
.catalog-v138-select select{font-size:12px;font-weight:750;cursor:pointer;color:#dddfea!important}
.catalog-v138-select option{background:#11131c;color:#fff}
.catalog-v138-submit{display:flex;align-items:center;justify-content:center;gap:18px;min-width:132px;padding:0 20px;border:0;background:linear-gradient(135deg,#ff843d,#f24799 52%,#8457ff);color:#fff;font-size:12px;font-weight:900;cursor:pointer}
.catalog-v138-submit span{font-size:17px;transition:transform .18s}.catalog-v138-submit:hover span{transform:translateX(4px)}
.catalog-v138-clear{display:grid;place-items:center;padding:0 16px;font-size:10px;font-weight:850;color:#8d93a5;border-left:1px solid rgba(255,255,255,.07)}
.catalog-v138-clear:hover{color:#fff}
.catalog-v138-quickfilters{display:flex;gap:7px;overflow-x:auto;padding:13px 0 0;scrollbar-width:none}.catalog-v138-quickfilters::-webkit-scrollbar{display:none}
.catalog-v138-quickfilters a{flex:0 0 auto;padding:9px 12px;border-bottom:1px solid transparent;color:#767d90;font-size:10px;font-weight:800;transition:.18s}
.catalog-v138-quickfilters a:hover{color:#e5e6ed}.catalog-v138-quickfilters a.active{color:#fff;border-bottom-color:#9b68ff}

.catalog-v138-results{padding-top:62px;background:#080810}
.catalog-v138-result-head{display:flex;align-items:flex-end;justify-content:space-between;gap:28px;margin-bottom:24px;padding-bottom:20px;border-bottom:1px solid rgba(255,255,255,.08)}
.catalog-v138-result-head>div:first-child>span{display:block;margin-bottom:7px;font-size:9px;font-weight:900;letter-spacing:1.5px;color:#8070d9;text-transform:uppercase}
.catalog-v138-result-head h2{margin:0;font-size:clamp(30px,3.5vw,48px);line-height:1.02;letter-spacing:-.04em}
.catalog-v138-count{text-align:right}.catalog-v138-count strong{display:block;font-size:28px;line-height:1}.catalog-v138-count span{display:block;margin-top:5px;font-size:10px;color:#747b8f}
.catalog-v138-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}
.catalog-v138-card{display:grid;grid-template-rows:auto 1fr;min-width:0;border-top:1px solid rgba(255,255,255,.08);background:linear-gradient(180deg,rgba(255,255,255,.025),rgba(255,255,255,.008));transition:transform .22s,border-color .22s,background .22s}
.catalog-v138-card:hover{transform:translateY(-5px);border-top-color:rgba(177,125,255,.55);background:linear-gradient(180deg,rgba(255,255,255,.04),rgba(255,255,255,.012))}
.catalog-v138-card-featured{grid-column:span 2;grid-template-columns:minmax(0,1.15fr) minmax(300px,.85fr);grid-template-rows:none;border-top-color:rgba(255,255,255,.14);background:linear-gradient(135deg,rgba(255,117,60,.055),rgba(139,83,255,.065))}
.catalog-v138-media{position:relative;min-height:260px;overflow:hidden;background:#0d0f18}
.catalog-v138-card-featured .catalog-v138-media{min-height:410px}
.catalog-v138-media img{width:100%;height:100%;display:block;object-fit:cover;transition:transform .55s cubic-bezier(.22,1,.36,1)}
.catalog-v138-card:hover .catalog-v138-media img{transform:scale(1.045)}
.catalog-v138-placeholder{position:absolute;inset:0;display:grid;place-items:center;background:radial-gradient(circle at center,rgba(242,80,149,.15),transparent 22%),radial-gradient(circle at 56% 55%,rgba(136,82,255,.13),transparent 38%),linear-gradient(180deg,#111525,#0a0c14)}
.catalog-v138-placeholder>strong{font-size:76px;line-height:1;color:rgba(255,255,255,.92);letter-spacing:-.08em}
.catalog-v138-orbits{position:absolute;inset:0;display:grid;place-items:center}.catalog-v138-orbits>*{position:absolute;border-radius:50%;border:1px solid rgba(185,136,255,.16);font-style:normal}.catalog-v138-orbits i{width:95px;height:95px}.catalog-v138-orbits b{width:170px;height:170px}.catalog-v138-orbits em{width:250px;height:250px}
.catalog-v138-media-shade{position:absolute;inset:0;background:linear-gradient(180deg,rgba(0,0,0,.08),transparent 45%,rgba(0,0,0,.36))}
.catalog-v138-media-top{position:absolute;z-index:2;top:14px;left:14px;right:14px;display:flex;align-items:center;justify-content:space-between;gap:10px}
.catalog-v138-media-top span,.catalog-v138-media-top strong{display:inline-flex;padding:8px 10px;background:rgba(8,9,14,.72);backdrop-filter:blur(10px);font-size:9px;font-weight:900;letter-spacing:.6px;text-transform:uppercase;color:#f4f4f9;border:1px solid rgba(255,255,255,.08)}
.catalog-v138-media-top strong{background:#f5f5fa;color:#101118;border-color:#fff}
.catalog-v138-featured-label{position:absolute;z-index:2;left:16px;bottom:15px;font-size:9px;font-weight:900;letter-spacing:1.7px;color:#fff;text-transform:uppercase}
.catalog-v138-body{display:flex;flex-direction:column;min-width:0;padding:20px 20px 18px}
.catalog-v138-card-featured .catalog-v138-body{justify-content:center;padding:30px}
.catalog-v138-meta{display:flex;flex-wrap:wrap;align-items:center;gap:8px;margin-bottom:15px;color:#7f8598;font-size:9px;font-weight:850;letter-spacing:.7px;text-transform:uppercase}.catalog-v138-meta i{width:3px;height:3px;border-radius:50%;background:#555c70}
.catalog-v138-body h3{margin:0 0 8px;font-size:30px;line-height:1;letter-spacing:-.035em}.catalog-v138-card-featured h3{font-size:46px}
.catalog-v138-tagline{margin-bottom:10px;font-size:12px;font-weight:800;color:#d2d5e1}
.catalog-v138-body p{margin:0;font-size:13px;line-height:1.7;color:#9298aa}
.catalog-v138-card-bottom{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-top:auto;padding-top:18px;border-top:1px solid rgba(255,255,255,.07);font-size:11px;font-weight:850;color:#e9eaf0}.catalog-v138-card-bottom b{font-size:18px;color:#ae83ff;transition:transform .18s}.catalog-v138-card:hover .catalog-v138-card-bottom b{transform:translateX(4px)}
.catalog-v138-empty{grid-column:1/-1;padding:64px 0;text-align:center;border-top:1px solid rgba(255,255,255,.08);border-bottom:1px solid rgba(255,255,255,.08)}.catalog-v138-empty>span{display:block;margin-bottom:12px;font-size:34px;color:#7f6bd6}.catalog-v138-empty h3{font-size:30px;margin:0 0 8px}.catalog-v138-empty p{margin:0 0 20px;color:#8d93a6}
.catalog-v138-bottom-note{display:flex;align-items:flex-end;justify-content:space-between;gap:30px;margin-top:46px;padding:24px 0;border-top:1px solid rgba(255,255,255,.08);border-bottom:1px solid rgba(255,255,255,.08)}.catalog-v138-bottom-note>div{max-width:780px}.catalog-v138-bottom-note span{display:block;margin-bottom:7px;font-size:9px;font-weight:900;letter-spacing:1.5px;color:#8770e7}.catalog-v138-bottom-note strong{display:block;font-size:22px;margin-bottom:5px}.catalog-v138-bottom-note p{margin:0;font-size:12px;line-height:1.65;color:#7f8599}.catalog-v138-bottom-note>a{flex:0 0 auto;font-size:10px;font-weight:850;color:#a88cff}

@media(max-width:1100px){
  .catalog-v138-toolbar{grid-template-columns:1.3fr 1fr 1fr auto}.catalog-v138-clear{display:none}
  .catalog-v138-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
  .catalog-v138-card-featured{grid-column:1/-1}
}
@media(max-width:760px){
  .catalog-v138-hero{padding:116px 0 52px}.catalog-v138-hero h1{font-size:46px}.catalog-v138-hero p{font-size:15px}
  .catalog-v138-promises{display:grid;gap:10px}
  .catalog-v138-toolbar{grid-template-columns:1fr}.catalog-v138-search,.catalog-v138-select{border-right:0;border-bottom:1px solid rgba(255,255,255,.07);padding:14px 0}.catalog-v138-select{padding:14px 0}.catalog-v138-submit{min-height:48px;margin-top:10px}.catalog-v138-clear{display:block;text-align:center;padding:12px}
  .catalog-v138-result-head{display:grid}.catalog-v138-count{text-align:left;display:flex;align-items:baseline;gap:8px}.catalog-v138-count span{margin:0}
  .catalog-v138-grid{grid-template-columns:1fr}.catalog-v138-card-featured{grid-template-columns:1fr;grid-column:auto}.catalog-v138-card-featured .catalog-v138-media{min-height:300px}.catalog-v138-card-featured h3{font-size:34px}.catalog-v138-card-featured .catalog-v138-body{padding:22px 20px}
  .catalog-v138-bottom-note{display:grid;align-items:start}
  .lp-stage-screen{min-height:340px!important}
}
@media(prefers-reduced-motion:reduce){.lp-stage-screen:before,.lp-radar span,.lp-radar b,.lp-radar i{animation:none!important}}


/* =========================================================
   HOP V13.8.1 — HERO SEAM HOTFIX
   Continuous hero canvas: no hard split, no rotating-corner artifact.
   ========================================================= */
.lp-stage-panel{
  overflow:hidden!important;
  background:#0c0f19!important;
}
.lp-stage-screen{
  position:relative!important;
  overflow:hidden!important;
  isolation:isolate!important;
  background:
    radial-gradient(circle at 58% 38%,rgba(255,91,142,.13) 0%,rgba(255,91,142,.055) 20%,transparent 44%),
    radial-gradient(circle at 43% 67%,rgba(125,78,255,.13) 0%,rgba(125,78,255,.045) 24%,transparent 50%),
    #0c0f19!important;
}
.lp-stage-screen:before{
  content:""!important;
  position:absolute!important;
  inset:-55%!important;
  z-index:0!important;
  background:
    radial-gradient(circle at 33% 38%,rgba(255,126,66,.09) 0%,transparent 23%),
    radial-gradient(circle at 67% 60%,rgba(151,82,255,.11) 0%,transparent 27%),
    radial-gradient(circle at 52% 48%,rgba(245,76,145,.06) 0%,transparent 34%)!important;
  animation:lpAmbientDrift 11s ease-in-out infinite alternate!important;
  transform:translate3d(0,0,0)!important;
  pointer-events:none!important;
}
.lp-stage-screen:after{
  content:""!important;
  position:absolute!important;
  inset:0!important;
  z-index:0!important;
  background:radial-gradient(ellipse at center,transparent 28%,rgba(4,5,10,.10) 68%,rgba(4,5,10,.32) 100%)!important;
  filter:none!important;
  pointer-events:none!important;
}
@keyframes lpAmbientDrift{
  0%{transform:translate3d(-2%,-1%,0) scale(1.02)}
  50%{transform:translate3d(2%,1.5%,0) scale(1.05)}
  100%{transform:translate3d(-1%,2%,0) scale(1.03)}
}
.lp-radar{z-index:1!important}
.lp-stage-overlay{position:relative!important;z-index:2!important}
@media(prefers-reduced-motion:reduce){.lp-stage-screen:before{animation:none!important;transform:none!important}}


/* === Hero preview redesign V13.8.2 === */
.lp-preview-stage{padding:18px 18px 16px!important;background:linear-gradient(180deg,rgba(13,15,26,.96),rgba(8,9,15,.96))!important;overflow:hidden;position:relative}
.lp-preview-stage:before{content:"";position:absolute;inset:-15% -10% auto auto;width:320px;height:320px;background:radial-gradient(circle,rgba(167,83,255,.18),transparent 68%);filter:blur(18px);pointer-events:none}
.lp-preview-grid{display:grid;grid-template-columns:minmax(0,1.45fr) minmax(250px,.75fr);gap:16px;align-items:stretch}
.lp-preview-main,.lp-preview-rail{min-width:0}
.lp-preview-video{position:relative;overflow:hidden;background:linear-gradient(180deg,#0b0e1a,#090b12);border:1px solid rgba(255,255,255,.07)}
.lp-preview-video-main{min-height:438px;padding:28px 28px 24px;display:flex;align-items:flex-end;background:
  radial-gradient(circle at 30% 28%,rgba(255,133,72,.18),transparent 28%),
  radial-gradient(circle at 72% 66%,rgba(136,86,255,.16),transparent 32%),
  linear-gradient(180deg,#0d1020 0%,#090b12 100%)}
.lp-preview-video-main:before{content:"";position:absolute;inset:0;background:linear-gradient(135deg,rgba(255,255,255,.02),transparent 42%,rgba(255,255,255,.01) 68%,transparent 100%);pointer-events:none}
.lp-preview-video-main:after{content:"";position:absolute;inset:auto 0 0 0;height:44%;background:linear-gradient(180deg,rgba(6,8,14,0),rgba(6,8,14,.68) 58%,rgba(6,8,14,.9));pointer-events:none}
.lp-preview-orbits{position:absolute;inset:0;display:grid;place-items:center;pointer-events:none;opacity:.92}
.lp-preview-orbits span{position:absolute;border:1px solid rgba(199,155,255,.18);border-radius:50%;animation:radarSoftPulse 5.5s ease-in-out infinite}
.lp-preview-orbits span:nth-child(1){width:108px;height:108px}
.lp-preview-orbits span:nth-child(2){width:208px;height:208px;animation-delay:.7s}
.lp-preview-orbits span:nth-child(3){width:330px;height:330px;animation-delay:1.4s}
.lp-preview-orbits b,.lp-preview-orbits i{position:absolute;border-radius:50%}
.lp-preview-orbits b{width:14px;height:14px;top:31%;left:61%;background:linear-gradient(135deg,#ff8548,#ff5f8f);box-shadow:0 0 18px rgba(255,120,72,.45);animation:orbMoveA 4.8s ease-in-out infinite}
.lp-preview-orbits i{width:13px;height:13px;top:58%;left:26%;background:linear-gradient(135deg,#ff64aa,#7f5bff);box-shadow:0 0 18px rgba(127,91,255,.4);animation:orbMoveB 5.6s ease-in-out infinite}
.lp-preview-screen-glow{position:absolute;inset:auto 12% 9% 12%;height:140px;background:radial-gradient(circle,rgba(202,86,255,.14),transparent 70%);filter:blur(22px);pointer-events:none}
.lp-preview-overlay{position:relative;z-index:2;max-width:460px;padding:0!important}
.lp-preview-overlay h3{font-size:3.15rem!important;line-height:.98!important;margin:0 0 12px!important}
.lp-preview-overlay p{max-width:44ch}
.lp-play-pill{position:absolute;top:24px;right:24px;z-index:3;display:inline-flex;align-items:center;gap:10px;padding:10px 14px;border-radius:999px;border:1px solid rgba(255,255,255,.12);background:rgba(11,13,21,.72);color:#f8f8fc;font-size:.9rem;font-weight:700;backdrop-filter:blur(10px);box-shadow:0 10px 28px rgba(0,0,0,.22)}
.lp-play-icon{display:inline-block;width:0;height:0;border-left:10px solid currentColor;border-top:7px solid transparent;border-bottom:7px solid transparent;margin-left:2px}
.lp-preview-rail{display:grid;gap:12px}
.lp-preview-thumb{display:grid;grid-template-columns:116px 1fr;gap:12px;align-items:center;padding:10px;border:1px solid rgba(255,255,255,.06);background:linear-gradient(180deg,rgba(14,16,25,.9),rgba(9,11,18,.88));transition:border-color .28s ease,transform .28s ease,background .28s ease}
.lp-preview-thumb:hover,.lp-preview-thumb.is-active{border-color:rgba(255,255,255,.14);transform:translateY(-2px);background:linear-gradient(180deg,rgba(17,19,30,.96),rgba(11,13,21,.92))}
.lp-preview-video-thumb{height:84px;display:grid;place-items:center;background:linear-gradient(180deg,#0d1020,#090b12)}
.lp-preview-video-thumb:before{content:"";position:absolute;inset:0;background:linear-gradient(135deg,rgba(255,255,255,.02),transparent 45%,rgba(255,255,255,.01));pointer-events:none}
.lp-thumb-glow{position:absolute;inset:0}
.lp-thumb-glow.thumb-a{background:radial-gradient(circle at 50% 50%,rgba(255,101,157,.22),transparent 42%),radial-gradient(circle at 65% 38%,rgba(255,161,78,.18),transparent 18%)}
.lp-thumb-glow.thumb-b{background:radial-gradient(circle at 50% 50%,rgba(144,94,255,.22),transparent 42%),radial-gradient(circle at 38% 58%,rgba(255,101,157,.14),transparent 18%)}
.lp-thumb-glow.thumb-c{background:radial-gradient(circle at 50% 50%,rgba(255,139,82,.2),transparent 42%),radial-gradient(circle at 58% 42%,rgba(167,83,255,.16),transparent 18%)}
.lp-thumb-play{position:relative;z-index:1;width:42px;height:42px;border-radius:50%;border:1px solid rgba(255,255,255,.14);background:rgba(8,10,16,.62);display:grid;place-items:center;color:#fff;backdrop-filter:blur(8px)}
.lp-thumb-play .lp-play-icon{border-left-width:9px;border-top-width:6px;border-bottom-width:6px}
.lp-preview-thumb-copy strong{display:block;font-size:1rem;line-height:1.2;color:#fff;margin-bottom:4px}
.lp-preview-thumb-copy span{display:block;font-size:.875rem;line-height:1.45;color:#9ca3b6}
.lp-preview-stage .lp-stage-bottom{margin-top:16px;padding-top:16px;border-top:1px solid rgba(255,255,255,.06)}

@media (max-width: 1100px){
  .lp-preview-grid{grid-template-columns:1fr}
  .lp-preview-rail{grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}
  .lp-preview-thumb{grid-template-columns:1fr;padding:10px}
  .lp-preview-video-thumb{height:120px}
}
@media (max-width: 768px){
  .lp-preview-video-main{min-height:360px;padding:22px 20px 20px}
  .lp-play-pill{top:18px;right:18px;padding:9px 12px;font-size:.82rem}
  .lp-preview-overlay h3{font-size:2.35rem!important}
  .lp-preview-rail{grid-template-columns:1fr}
  .lp-preview-thumb{grid-template-columns:104px 1fr}
  .lp-preview-video-thumb{height:82px}
}
@media (max-width: 520px){
  .lp-preview-overlay h3{font-size:2rem!important}
  .lp-preview-orbits span:nth-child(3){width:270px;height:270px}
  .lp-preview-thumb{grid-template-columns:94px 1fr}
}
@media (prefers-reduced-motion: reduce){
  .lp-preview-thumb,.lp-preview-orbits span,.lp-preview-orbits b,.lp-preview-orbits i{animation:none!important;transition:none!important}
}

/* V13.9 Activity detail premium */
.activity-studio-hero{padding:86px 0 48px;border-bottom:1px solid var(--studio-line);background:transparent}.studio-back-link{display:inline-flex;align-items:center;gap:8px;margin-bottom:28px;color:#9097ad;font-size:12px;letter-spacing:.08em;text-transform:uppercase}.activity-studio-headline{display:grid;grid-template-columns:minmax(0,1.12fr) minmax(360px,.88fr);gap:68px;align-items:start}.activity-studio-topline{display:flex;gap:10px;flex-wrap:wrap;margin-bottom:18px}.activity-studio-topline span{font-size:10px;line-height:1;padding:10px 12px;border:1px solid var(--studio-line);letter-spacing:.14em;text-transform:uppercase;color:#b8bfd4}.activity-studio-copy h1{font-size:clamp(56px,6vw,96px);line-height:.92;letter-spacing:-.06em;margin:0 0 14px}.activity-studio-tagline{font-size:18px;color:#d8affb;margin-bottom:18px}.activity-studio-intro{max-width:700px;font-size:17px;line-height:1.8;color:#afb6c9;margin:0 0 34px}.activity-studio-metrics{display:grid;grid-template-columns:repeat(4,1fr);border-top:1px solid var(--studio-line);border-bottom:1px solid var(--studio-line)}.activity-studio-metrics article{padding:18px 16px 18px 0;border-right:1px solid var(--studio-line)}.activity-studio-metrics article:last-child{border-right:0;padding-right:0}.activity-studio-metrics small{display:block;font-size:10px;letter-spacing:.12em;text-transform:uppercase;color:#7f879a;margin-bottom:10px}.activity-studio-metrics strong{display:block;font-size:18px;line-height:1.3}.activity-studio-actions{display:flex;gap:14px;flex-wrap:wrap;margin-top:30px}.activity-studio-reassurance{display:flex;gap:20px;flex-wrap:wrap;margin-top:18px}.activity-studio-reassurance span{position:relative;padding-left:16px;font-size:12px;color:#9ea5b8}.activity-studio-reassurance span:before{content:"";position:absolute;left:0;top:7px;width:6px;height:6px;border-radius:50%;background:linear-gradient(135deg,#ff8d3a,#a54cff)}.activity-studio-stage{position:relative;padding:22px;border:1px solid var(--studio-line);background:linear-gradient(180deg,rgba(255,255,255,.015),rgba(255,255,255,.005))}.activity-stage-topline{display:flex;justify-content:space-between;gap:12px;margin-bottom:18px}.activity-stage-topline span{font-size:11px;letter-spacing:.12em;text-transform:uppercase;color:#9ca4ba}.activity-stage-screen{position:relative;aspect-ratio:1.04;overflow:hidden;border:1px solid rgba(255,255,255,.06);background:radial-gradient(circle at 50% 38%,rgba(255,78,149,.17),transparent 34%),radial-gradient(circle at 58% 54%,rgba(120,76,255,.16),transparent 36%),#0c101b}.activity-stage-screen img{width:100%;height:100%;object-fit:cover;display:block;opacity:.92}.activity-stage-overlay{position:absolute;inset:0;background:linear-gradient(180deg,rgba(3,6,12,.08) 0%,rgba(3,6,12,.18) 40%,rgba(3,6,12,.58) 100%)}.activity-stage-preview-chip{position:absolute;top:18px;right:18px;padding:9px 12px;background:rgba(8,12,21,.72);border:1px solid rgba(255,255,255,.08);font-size:10px;letter-spacing:.12em;text-transform:uppercase;color:#f1f3fb;backdrop-filter:blur(10px)}.activity-stage-callout{position:absolute;left:24px;right:24px;bottom:24px;display:grid;gap:8px}.activity-stage-callout strong{font-size:32px;line-height:1}.activity-stage-callout span{font-size:14px;line-height:1.65;color:#c4c9d8;max-width:460px}.activity-stage-placeholder{width:100%;height:100%;position:relative;background:radial-gradient(circle at 50% 42%,rgba(255,109,162,.15),transparent 27%),radial-gradient(circle at 53% 54%,rgba(130,92,255,.14),transparent 30%),linear-gradient(180deg,#0b101b,#111628)}.activity-stage-orbits{position:absolute;inset:0;display:grid;place-items:center}.activity-stage-orbits:before,.activity-stage-orbits:after,.activity-stage-orbits i,.activity-stage-orbits b,.activity-stage-orbits em{content:"";position:absolute;border-radius:50%;border:1px solid rgba(255,255,255,.07)}.activity-stage-orbits:before{width:150px;height:150px}.activity-stage-orbits:after{width:250px;height:250px}.activity-stage-orbits i{width:360px;height:360px}.activity-stage-orbits b{width:14px;height:14px;border:0;background:linear-gradient(135deg,#ff8f44,#ff5d8f);right:22%;top:29%}.activity-stage-orbits em{width:12px;height:12px;border:0;background:linear-gradient(135deg,#ff54bd,#8558ff);left:25%;top:57%}.activity-stage-glow{position:absolute;inset:auto auto 0 0;width:100%;height:46%;background:linear-gradient(180deg,transparent,rgba(147,82,255,.12));border-top:1px solid rgba(255,255,255,.05)}.activity-stage-thumbs{display:grid;grid-template-columns:repeat(3,1fr);border-top:1px solid var(--studio-line);margin-top:18px}.activity-stage-thumbs article{padding:16px 0 0 0;border-right:1px solid var(--studio-line)}.activity-stage-thumbs article:last-child{border-right:0;padding-left:16px}.activity-stage-thumbs article:not(:last-child){padding-right:16px}.activity-stage-thumbs small{display:block;font-size:10px;letter-spacing:.1em;text-transform:uppercase;color:#8188a0;margin-bottom:8px}.activity-stage-thumbs strong{font-size:16px}.activity-studio-rail{padding:0 0 30px}.activity-rail-grid{display:grid;grid-template-columns:repeat(5,1fr);border-bottom:1px solid var(--studio-line)}.activity-rail-grid>div{padding:18px 0;border-right:1px solid var(--studio-line)}.activity-rail-grid>div:last-child{border-right:0}.activity-rail-grid span{display:block;font-size:10px;letter-spacing:.12em;text-transform:uppercase;color:#7c8498;margin-bottom:8px}.activity-rail-grid strong{font-size:16px}.activity-studio-content{padding:28px 0 80px}.activity-studio-layout{display:grid;grid-template-columns:minmax(0,1fr) 340px;gap:64px}.activity-block{padding:34px 0;border-top:1px solid var(--studio-line)}.activity-block-head{display:grid;grid-template-columns:220px 1fr;gap:24px;align-items:start;margin-bottom:24px}.activity-block-head.compact{grid-template-columns:1fr}.activity-block-head span{font-size:10px;letter-spacing:.14em;text-transform:uppercase;color:#8a91a7}.activity-block-head h2{margin:0;font-size:clamp(32px,3.2vw,50px);line-height:1.02;letter-spacing:-.05em}.activity-story-copy,.activity-story-copy p{font-size:15px;line-height:1.82;color:#aeb5c7}.activity-experience-grid{display:grid;gap:0;border-top:1px solid var(--studio-line)}.activity-experience-grid article{display:grid;grid-template-columns:84px 1fr;gap:24px;padding:22px 0;border-bottom:1px solid var(--studio-line)}.activity-experience-grid i{font-style:normal;font-size:40px;font-weight:800;letter-spacing:-.04em;color:#fff;opacity:.9}.activity-experience-grid strong{display:block;font-size:22px;margin-bottom:8px}.activity-experience-grid p{margin:0;font-size:14px;line-height:1.7;color:#aab1c3}.activity-lines-grid{display:grid;gap:0;border-top:1px solid var(--studio-line)}.activity-lines-grid article{display:grid;grid-template-columns:70px 1fr;gap:18px;align-items:center;padding:18px 0;border-bottom:1px solid var(--studio-line)}.activity-lines-grid span{font-size:12px;color:#8a91a7;letter-spacing:.12em}.activity-lines-grid strong{font-size:17px;font-weight:600}.activity-dual-block{display:grid;grid-template-columns:1fr 1fr;gap:44px}.activity-checklist,.activity-requirements{border-top:1px solid var(--studio-line)}.activity-checklist article{display:grid;grid-template-columns:36px 1fr;gap:12px;align-items:center;padding:16px 0;border-bottom:1px solid var(--studio-line)}.activity-checklist i{width:20px;height:20px;display:grid;place-items:center;border-radius:50%;font-style:normal;background:rgba(255,255,255,.05);color:#fff;font-size:12px}.activity-checklist strong{font-size:15px}.activity-requirements .rich-copy,.activity-requirements .rich-copy p{font-size:14px;line-height:1.8}.activity-studio-side{display:grid;gap:22px;align-self:start}.activity-side-card{padding:24px 0;border-top:1px solid var(--studio-line)}.activity-side-card.sticky-card{position:sticky;top:112px}.side-label{display:block;font-size:10px;letter-spacing:.14em;text-transform:uppercase;color:#8d94aa;margin-bottom:12px}.side-price{display:block;font-size:54px;line-height:.95;letter-spacing:-.05em;margin-bottom:12px}.side-note{font-size:14px;line-height:1.7;color:#a8afc1;margin:0 0 18px}.activity-side-list{border-top:1px solid var(--studio-line);margin-top:12px}.activity-side-list div{display:flex;justify-content:space-between;gap:16px;padding:12px 0;border-bottom:1px solid var(--studio-line)}.activity-side-list span{font-size:12px;color:#8d95ab}.activity-side-list b{font-size:13px}.side-microcopy{margin:14px 0 0;font-size:11px;color:#8d95ab}.activity-side-card h3{font-size:26px;line-height:1.06;margin:0 0 14px}.activity-mini-points{display:grid;gap:14px}.activity-mini-points article{display:grid;grid-template-columns:12px 1fr;gap:10px;align-items:start}.activity-mini-points i{width:7px;height:7px;border-radius:50%;background:linear-gradient(135deg,#ff9242,#a45dff);margin-top:7px}.activity-mini-points span{font-size:14px;line-height:1.7;color:#acb2c3}.activity-related-v139{padding-top:0}.activity-related-lines{display:grid;gap:0;border-top:1px solid var(--studio-line)}.activity-related-lines a{display:grid;grid-template-columns:170px minmax(0,1fr) minmax(0,1.2fr) 120px;gap:22px;align-items:center;padding:24px 0;border-bottom:1px solid var(--studio-line)}.activity-related-lines span{font-size:11px;letter-spacing:.12em;text-transform:uppercase;color:#8c94ab}.activity-related-lines h3{margin:0;font-size:26px}.activity-related-lines p{margin:0;font-size:13px;line-height:1.7;color:#aab0c1}.activity-related-lines b{justify-self:end;font-size:13px}.activity-studio-copy .btn-xl,.activity-side-card .btn-xl{padding-top:16px;padding-bottom:16px}
@media(max-width:1100px){.activity-studio-headline{grid-template-columns:1fr}.activity-studio-layout{grid-template-columns:1fr}.activity-side-card.sticky-card{position:static}.activity-rail-grid{grid-template-columns:repeat(2,1fr)}.activity-rail-grid>div:nth-child(2n){border-right:0}.activity-block-head{grid-template-columns:1fr}.activity-dual-block{grid-template-columns:1fr}.activity-related-lines a{grid-template-columns:1fr}}
@media(max-width:760px){.activity-studio-hero{padding:72px 0 34px}.activity-studio-copy h1{font-size:clamp(44px,13vw,68px)}.activity-studio-intro{font-size:15px}.activity-studio-metrics{grid-template-columns:1fr 1fr}.activity-studio-metrics article:nth-child(2n){border-right:0}.activity-studio-actions{flex-direction:column;align-items:stretch}.activity-studio-actions .btn{width:100%}.activity-stage-screen{aspect-ratio:1}.activity-stage-callout strong{font-size:24px}.activity-stage-thumbs,.activity-rail-grid{grid-template-columns:1fr}.activity-stage-thumbs article,.activity-rail-grid>div,.activity-studio-metrics article{border-right:0;padding-left:0!important;padding-right:0!important}.activity-stage-thumbs article{padding-top:16px!important}.activity-experience-grid article,.activity-lines-grid article{grid-template-columns:1fr}.activity-experience-grid i{font-size:30px}.activity-related-lines a{grid-template-columns:1fr;gap:8px}.activity-related-lines b{justify-self:start}.activity-block-head h2{font-size:34px}.side-price{font-size:44px}}

/* V13.9.1 — Activity sidebar sticky overlap hotfix */
.activity-studio-side{
  position:sticky!important;
  top:112px!important;
  display:grid!important;
  gap:28px!important;
  align-self:start!important;
}
.activity-side-card.sticky-card{
  position:static!important;
  top:auto!important;
}
.activity-side-card + .activity-side-card{
  margin-top:0!important;
}
@media(max-width:1100px){
  .activity-studio-side{
    position:static!important;
    top:auto!important;
  }
}

/* V14 — Immersive catalogue */
.catalog-v14-intro{position:relative;overflow:hidden;padding:132px 0 76px;border-bottom:1px solid rgba(255,255,255,.06);background:linear-gradient(180deg,#090a12 0%,#080810 100%)}
.catalog-v14-ambient{position:absolute;border-radius:50%;filter:blur(120px);opacity:.14;pointer-events:none}.catalog-v14-ambient-a{width:440px;height:440px;top:28px;left:-120px;background:#ff6d62}.catalog-v14-ambient-b{width:500px;height:500px;right:-120px;bottom:-180px;background:#7a54ff}
.catalog-v14-intro-inner{position:relative;z-index:1;max-width:920px}.catalog-v14-kicker{margin-bottom:18px;font-size:11px;letter-spacing:.24em;text-transform:uppercase;color:#9073ff;font-weight:800}.catalog-v14-intro h1{margin:0 0 16px;font-size:clamp(52px,6vw,92px);line-height:.94;letter-spacing:-.065em}.catalog-v14-intro h1 span{background:linear-gradient(90deg,#ff9148 0%,#ff5298 42%,#8d5bff 100%);-webkit-background-clip:text;background-clip:text;color:transparent}.catalog-v14-intro p{max-width:760px;margin:0;font-size:18px;line-height:1.75;color:#aeb5c7}.catalog-v14-intro-actions{display:flex;gap:12px;flex-wrap:wrap;margin-top:30px}

.catalog-v14-panels{position:relative;background:#080810}.catalog-v14-panel-rail{position:sticky;top:118px;z-index:8;display:flex;flex-direction:column;gap:10px;max-width:230px;margin-left:auto;margin-right:28px;padding-top:22px}.catalog-v14-rail-item{display:grid;gap:2px;padding:12px 14px;border:1px solid rgba(255,255,255,.06);background:rgba(9,10,16,.6);backdrop-filter:blur(12px);transition:border-color .2s ease,transform .2s ease,background .2s ease}.catalog-v14-rail-item span{font-size:10px;letter-spacing:.18em;text-transform:uppercase;color:#7f879a}.catalog-v14-rail-item strong{font-size:13px;line-height:1.35;color:#d7dbea}.catalog-v14-rail-item.is-active,.catalog-v14-rail-item:hover{border-color:rgba(169,123,255,.42);transform:translateX(-4px);background:linear-gradient(135deg,rgba(255,132,62,.12),rgba(142,88,255,.12))}

.catalog-v14-panel{position:relative;min-height:100vh;display:flex;align-items:center;padding:46px 0 56px;border-top:1px solid rgba(255,255,255,.05)}.catalog-v14-panel:before{content:"";position:absolute;inset:0;background:radial-gradient(circle at 76% 24%,rgba(255,79,144,.11),transparent 24%),radial-gradient(circle at 62% 70%,rgba(124,88,255,.12),transparent 28%);pointer-events:none}.catalog-v14-panel-inner{position:relative;display:grid;grid-template-columns:minmax(0,1.03fr) minmax(360px,.97fr);gap:66px;align-items:center}.catalog-v14-copy{display:grid;gap:28px}.catalog-v14-panel-topline{display:flex;align-items:center;justify-content:space-between;gap:16px;padding-bottom:16px;border-bottom:1px solid rgba(255,255,255,.06)}.catalog-v14-panel-topline span,.catalog-v14-panel-topline small{font-size:11px;letter-spacing:.2em;text-transform:uppercase;color:#8f97ab;font-weight:800}.catalog-v14-copy-badge{display:inline-flex;max-width:max-content;padding:11px 14px;border:1px solid rgba(255,255,255,.09);background:linear-gradient(135deg,rgba(255,144,66,.16),rgba(139,83,255,.16));font-size:12px;font-weight:800;color:#f1f2f6}.catalog-v14-copy-main h2{margin:18px 0 16px;font-size:clamp(54px,6.4vw,100px);line-height:.92;letter-spacing:-.07em}.catalog-v14-copy-main p{max-width:650px;margin:0;font-size:18px;line-height:1.8;color:#aeb5c7}.catalog-v14-copy-highlights{display:grid;gap:12px}.catalog-v14-copy-highlights article{display:grid;grid-template-columns:12px 1fr;gap:12px;align-items:start}.catalog-v14-copy-highlights i{width:8px;height:8px;border-radius:50%;margin-top:8px;background:linear-gradient(135deg,#ff9448,#9759ff)}.catalog-v14-copy-highlights span{font-size:15px;line-height:1.72;color:#d9dceb}.catalog-v14-copy-meta{display:grid;grid-template-columns:repeat(3,1fr);border-top:1px solid rgba(255,255,255,.06);border-bottom:1px solid rgba(255,255,255,.06)}.catalog-v14-copy-meta>div{padding:18px 16px 18px 0;border-right:1px solid rgba(255,255,255,.06)}.catalog-v14-copy-meta>div:last-child{border-right:0;padding-right:0}.catalog-v14-copy-meta span{display:block;margin-bottom:7px;font-size:10px;letter-spacing:.18em;text-transform:uppercase;color:#7d8499}.catalog-v14-copy-meta strong{display:block;font-size:20px;line-height:1.3}.catalog-v14-copy-actions{display:flex;gap:12px;flex-wrap:wrap}

.catalog-v14-preview-shell{position:relative;display:grid;gap:18px;padding:22px;border:1px solid rgba(255,255,255,.06);background:linear-gradient(180deg,rgba(255,255,255,.022),rgba(255,255,255,.008));box-shadow:0 28px 80px rgba(0,0,0,.34)}.catalog-v14-preview-head{display:flex;align-items:center;justify-content:space-between;gap:14px;padding-bottom:14px;border-bottom:1px solid rgba(255,255,255,.06)}.catalog-v14-preview-head span,.catalog-v14-preview-head small{font-size:11px;letter-spacing:.18em;text-transform:uppercase;color:#97a0b5;font-weight:800}.catalog-v14-preview-stage{position:relative;aspect-ratio:1.02;overflow:hidden;background:radial-gradient(circle at 50% 42%,rgba(255,79,145,.18),transparent 24%),radial-gradient(circle at 54% 54%,rgba(123,78,255,.18),transparent 32%),linear-gradient(180deg,#0b101a,#0c1018)}.catalog-v14-preview-stage img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;opacity:.34}.catalog-v14-preview-overlay{position:absolute;inset:0;background:linear-gradient(180deg,rgba(6,8,14,.18),rgba(6,8,14,.5) 56%,rgba(6,8,14,.82))}.catalog-v14-preview-orbits{position:absolute;inset:0;display:grid;place-items:center;pointer-events:none}.catalog-v14-preview-orbits span{position:absolute;border-radius:50%;border:1px solid rgba(255,255,255,.08);animation:catalogPulse 6s ease-in-out infinite}.catalog-v14-preview-orbits span:nth-child(1){width:160px;height:160px}.catalog-v14-preview-orbits span:nth-child(2){width:270px;height:270px;animation-delay:.6s}.catalog-v14-preview-orbits span:nth-child(3){width:400px;height:400px;animation-delay:1.1s}.catalog-v14-preview-orbits i,.catalog-v14-preview-orbits b{position:absolute;border-radius:50%}.catalog-v14-preview-orbits i{width:14px;height:14px;left:28%;top:58%;background:linear-gradient(135deg,#ff63b3,#8a59ff);box-shadow:0 0 18px rgba(138,89,255,.45);animation:catalogOrbA 5.4s ease-in-out infinite}.catalog-v14-preview-orbits b{width:15px;height:15px;left:67%;top:32%;background:linear-gradient(135deg,#ff8b4c,#ff5d8f);box-shadow:0 0 18px rgba(255,120,80,.42);animation:catalogOrbB 4.8s ease-in-out infinite}
.catalog-v14-preview-video-chip{position:absolute;top:20px;right:20px;z-index:2;padding:10px 12px;border:1px solid rgba(255,255,255,.08);background:rgba(10,12,20,.74);backdrop-filter:blur(10px);font-size:10px;letter-spacing:.16em;text-transform:uppercase;color:#f4f5fb}.catalog-v14-preview-card{position:absolute;left:24px;right:24px;bottom:24px;z-index:2;padding:18px;border:1px solid rgba(255,255,255,.08);background:rgba(10,12,18,.68);backdrop-filter:blur(12px)}.catalog-v14-preview-card-top{display:flex;justify-content:space-between;gap:10px;margin-bottom:12px}.catalog-v14-preview-card-top span,.catalog-v14-preview-card-top strong{font-size:10px;letter-spacing:.16em;text-transform:uppercase;color:#c5cad8}.catalog-v14-preview-card h3{margin:0 0 8px;font-size:38px;line-height:.98;letter-spacing:-.05em}.catalog-v14-preview-card p{margin:0 0 14px;font-size:14px;line-height:1.65;color:#c3c8d8}.catalog-v14-preview-microstats{display:flex;flex-wrap:wrap;gap:8px}.catalog-v14-preview-microstats span{padding:9px 10px;border:1px solid rgba(255,255,255,.08);font-size:10px;letter-spacing:.12em;text-transform:uppercase;color:#eef0f6}
.catalog-v14-preview-footer{display:grid;grid-template-columns:repeat(3,1fr);border-top:1px solid rgba(255,255,255,.06)}.catalog-v14-preview-footer>div{padding-top:16px}.catalog-v14-preview-footer span{display:block;margin-bottom:7px;font-size:10px;letter-spacing:.16em;text-transform:uppercase;color:#8189a0}.catalog-v14-preview-footer strong{display:block;font-size:16px;line-height:1.45;color:#f3f4f8}

.catalog-v14-directory{padding:92px 0 100px;border-top:1px solid rgba(255,255,255,.06);background:#080810}.catalog-v14-directory-head{display:flex;align-items:flex-end;justify-content:space-between;gap:32px;padding-bottom:24px;border-bottom:1px solid rgba(255,255,255,.06)}.catalog-v14-directory-head span{display:block;margin-bottom:9px;font-size:11px;letter-spacing:.18em;text-transform:uppercase;color:#9073ff;font-weight:800}.catalog-v14-directory-head h2{margin:0 0 10px;font-size:clamp(36px,4vw,62px);line-height:.98;letter-spacing:-.05em}.catalog-v14-directory-head p{margin:0;max-width:700px;font-size:16px;line-height:1.75;color:#9ea6ba}.catalog-v14-directory-count{text-align:right}.catalog-v14-directory-count strong{display:block;font-size:42px;line-height:1}.catalog-v14-directory-count small{display:block;margin-top:6px;font-size:11px;letter-spacing:.14em;text-transform:uppercase;color:#7d859b}
.catalog-v14-toolbar{display:grid;grid-template-columns:minmax(250px,1.1fr) 220px 220px auto auto;gap:14px;align-items:end;padding:24px 0 32px}.catalog-v14-search,.catalog-v14-select{display:grid;gap:7px}.catalog-v14-toolbar small{font-size:10px;letter-spacing:.16em;text-transform:uppercase;color:#7d859b;font-weight:800}.catalog-v14-search input,.catalog-v14-select select{width:100%;height:54px;padding:0 16px;border:1px solid rgba(255,255,255,.08);background:rgba(255,255,255,.02);color:#fff;font:inherit}.catalog-v14-select select option{background:#10131d}.catalog-v14-submit,.catalog-v14-clear{height:54px;display:inline-flex;align-items:center;justify-content:center;padding:0 20px;font-size:12px;font-weight:900;letter-spacing:.06em;text-transform:uppercase}.catalog-v14-submit{gap:14px;border:0;background:linear-gradient(135deg,#ff843d,#f24799 52%,#8457ff);color:#fff;cursor:pointer}.catalog-v14-clear{border:1px solid rgba(255,255,255,.08);color:#cfd4e0;background:transparent}.catalog-v14-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px}.catalog-v14-card{min-width:0;border-top:1px solid rgba(255,255,255,.06);background:linear-gradient(180deg,rgba(255,255,255,.02),rgba(255,255,255,.008));transition:transform .2s ease,border-color .2s ease,background .2s ease}.catalog-v14-card:hover{transform:translateY(-5px);border-top-color:rgba(166,118,255,.45);background:linear-gradient(180deg,rgba(255,255,255,.032),rgba(255,255,255,.011))}.catalog-v14-card-link{display:block;height:100%}.catalog-v14-card-media{position:relative;min-height:270px;overflow:hidden;background:#0b1019}.catalog-v14-card-media img{width:100%;height:100%;display:block;object-fit:cover;opacity:.6}.catalog-v14-card-top{position:absolute;top:14px;left:14px;right:14px;display:flex;justify-content:space-between;gap:10px}.catalog-v14-card-top span,.catalog-v14-card-top b{padding:8px 10px;background:rgba(9,10,14,.75);border:1px solid rgba(255,255,255,.08);font-size:10px;letter-spacing:.12em;text-transform:uppercase}.catalog-v14-card-top b{background:#f7f7fb;color:#101118}.catalog-v14-card-placeholder{position:absolute;inset:0;display:grid;place-items:center;background:radial-gradient(circle at 50% 46%,rgba(255,89,150,.16),transparent 20%),radial-gradient(circle at 54% 56%,rgba(120,80,255,.16),transparent 30%),linear-gradient(180deg,#0d111c,#0b0f18)}.catalog-v14-card-placeholder strong{position:relative;z-index:1;font-size:72px;line-height:1;letter-spacing:-.08em;color:rgba(255,255,255,.95)}.catalog-v14-card-rings{position:absolute;inset:0;display:grid;place-items:center}.catalog-v14-card-rings span{position:absolute;border-radius:50%;border:1px solid rgba(255,255,255,.08)}.catalog-v14-card-rings span:nth-child(1){width:90px;height:90px}.catalog-v14-card-rings span:nth-child(2){width:165px;height:165px}.catalog-v14-card-rings span:nth-child(3){width:240px;height:240px}.catalog-v14-card-body{display:flex;flex-direction:column;gap:12px;padding:20px 20px 18px}.catalog-v14-card-meta{display:flex;flex-wrap:wrap;align-items:center;gap:8px;font-size:10px;letter-spacing:.12em;text-transform:uppercase;color:#7e869a;font-weight:800}.catalog-v14-card-meta i{width:4px;height:4px;border-radius:50%;background:#5b6274}.catalog-v14-card-body h3{margin:0;font-size:34px;line-height:.98;letter-spacing:-.05em}.catalog-v14-card-tagline{font-size:12px;font-weight:800;color:#d6d9e4}.catalog-v14-card-body p{margin:0;font-size:14px;line-height:1.72;color:#99a0b2}.catalog-v14-card-bottom{display:flex;justify-content:space-between;align-items:center;gap:16px;margin-top:auto;padding-top:16px;border-top:1px solid rgba(255,255,255,.06)}.catalog-v14-card-bottom small{font-size:11px;letter-spacing:.12em;text-transform:uppercase;color:#cfd3dd;font-weight:800}.catalog-v14-card-bottom strong{font-size:20px;color:#b286ff;transition:transform .2s ease}.catalog-v14-card:hover .catalog-v14-card-bottom strong{transform:translateX(4px)}.catalog-v14-empty{grid-column:1/-1;padding:60px 0;text-align:center;border-top:1px solid rgba(255,255,255,.06);border-bottom:1px solid rgba(255,255,255,.06)}.catalog-v14-empty strong{display:block;font-size:28px;margin-bottom:10px}.catalog-v14-empty p{margin:0 0 18px;font-size:15px;color:#9fa7bb}

@keyframes catalogPulse{0%,100%{transform:scale(1);opacity:.58}50%{transform:scale(1.03);opacity:1}}
@keyframes catalogOrbA{0%,100%{transform:translate(0,0)}50%{transform:translate(-14px,-10px)}}
@keyframes catalogOrbB{0%,100%{transform:translate(0,0)}50%{transform:translate(16px,12px)}}

@media(max-width:1280px){.catalog-v14-panel-rail{display:none}.catalog-v14-panel{min-height:auto;padding:74px 0}.catalog-v14-panel-inner{grid-template-columns:1fr}.catalog-v14-copy-main h2{font-size:clamp(46px,8vw,78px)}}
@media(max-width:980px){.catalog-v14-copy-meta,.catalog-v14-preview-footer,.catalog-v14-grid{grid-template-columns:1fr 1fr}.catalog-v14-toolbar{grid-template-columns:1fr 1fr}.catalog-v14-submit,.catalog-v14-clear{width:100%}.catalog-v14-directory-head{display:grid;align-items:start}.catalog-v14-directory-count{text-align:left}.catalog-v14-preview-card h3{font-size:30px}}
@media(max-width:760px){.catalog-v14-intro{padding:112px 0 56px}.catalog-v14-intro h1{font-size:44px}.catalog-v14-intro p,.catalog-v14-copy-main p{font-size:15px}.catalog-v14-copy-main h2{font-size:40px}.catalog-v14-copy-meta,.catalog-v14-preview-footer,.catalog-v14-grid,.catalog-v14-toolbar{grid-template-columns:1fr}.catalog-v14-panel{padding:58px 0}.catalog-v14-preview-shell{padding:16px}.catalog-v14-preview-card{left:16px;right:16px;bottom:16px;padding:14px}.catalog-v14-preview-video-chip{top:16px;right:16px}.catalog-v14-preview-card h3{font-size:24px}.catalog-v14-card-body h3{font-size:28px}.catalog-v14-card-media{min-height:220px}}
@media(max-width:520px){.catalog-v14-intro-actions,.catalog-v14-copy-actions{display:grid}.catalog-v14-preview-stage{aspect-ratio:.92}.catalog-v14-preview-orbits span:nth-child(3){width:300px;height:300px}.catalog-v14-preview-microstats span{font-size:9px;padding:8px 9px}.catalog-v14-directory-head h2{font-size:34px}}
@media(prefers-reduced-motion:reduce){.catalog-v14-preview-orbits span,.catalog-v14-preview-orbits i,.catalog-v14-preview-orbits b{animation:none!important}.catalog-v14-card,.catalog-v14-rail-item{transition:none!important}}

/* =========================================================
   HOP V14.1 — IMMERSIVE SCROLL STORY
   ========================================================= */
.catalog-v141-story{
  --story-count: 3;
  position:relative;
  height:calc(var(--story-count) * 100vh);
  min-height:100vh;
  background:#080810;
  border-top:1px solid rgba(255,255,255,.05);
}
.catalog-v141-sticky{
  position:sticky;
  top:76px;
  height:calc(100vh - 76px);
  overflow:hidden;
  background:
    radial-gradient(circle at 78% 24%,rgba(255,78,146,.09),transparent 28%),
    radial-gradient(circle at 68% 76%,rgba(119,79,255,.10),transparent 30%),
    #080810;
}
.catalog-v141-stage{position:absolute;inset:0;overflow:hidden}
.catalog-v141-slide.catalog-v14-panel{
  position:absolute!important;
  inset:0!important;
  min-height:0!important;
  height:100%!important;
  display:flex!important;
  align-items:center!important;
  padding:30px 0 36px!important;
  border:0!important;
  opacity:0;
  transform:translate3d(0,100%,0);
  will-change:transform,opacity;
}
.catalog-v141-slide.catalog-v14-panel:first-child{opacity:1;transform:translate3d(0,0,0)}
.catalog-v141-slide.catalog-v14-panel:before{opacity:.8}
.catalog-v141-slide .catalog-v14-panel-inner{width:100%;max-height:100%;gap:54px}
.catalog-v141-slide .catalog-v14-copy{gap:20px}
.catalog-v141-slide .catalog-v14-copy-main h2{font-size:clamp(50px,5.6vw,88px)}
.catalog-v141-slide .catalog-v14-copy-main p{font-size:16px;line-height:1.68}
.catalog-v141-slide .catalog-v14-copy-highlights{gap:9px}
.catalog-v141-slide .catalog-v14-copy-highlights span{font-size:14px;line-height:1.55}
.catalog-v141-slide .catalog-v14-copy-meta>div{padding-top:14px;padding-bottom:14px}
.catalog-v141-slide .catalog-v14-preview-shell{padding:16px;gap:12px}
.catalog-v141-slide .catalog-v14-preview-stage{aspect-ratio:1.22}
.catalog-v141-slide .catalog-v14-preview-card{left:18px;right:18px;bottom:18px;padding:14px}
.catalog-v141-slide .catalog-v14-preview-card h3{font-size:31px}
.catalog-v141-slide .catalog-v14-preview-card p{font-size:12px;line-height:1.5;margin-bottom:10px}
.catalog-v141-slide .catalog-v14-preview-footer>div{padding-top:12px}
.catalog-v141-slide .catalog-v14-preview-footer strong{font-size:13px}

.catalog-v141-story .catalog-v14-panel-rail{
  position:absolute!important;
  z-index:20;
  top:50%;
  right:22px;
  margin:0!important;
  padding:0!important;
  transform:translateY(-50%);
  display:flex!important;
  max-width:215px;
}
.catalog-v141-story .catalog-v14-rail-item{
  appearance:none;
  width:100%;
  text-align:left;
  cursor:pointer;
  color:inherit;
}
.catalog-v141-progress{
  position:absolute;
  z-index:21;
  top:50%;
  right:0;
  width:2px;
  height:180px;
  transform:translateY(-50%);
  background:rgba(255,255,255,.07);
  overflow:hidden;
}
.catalog-v141-progress-fill{
  display:block;
  width:100%;
  height:100%;
  transform:scaleY(0);
  transform-origin:top;
  background:linear-gradient(180deg,#ff8e45,#f65399 48%,#8858ff);
  will-change:transform;
}
.catalog-v141-scroll-hint{
  position:absolute;
  z-index:20;
  left:26px;
  bottom:22px;
  display:flex;
  align-items:center;
  gap:10px;
  font-size:9px;
  font-weight:900;
  letter-spacing:.22em;
  color:#727a8f;
}
.catalog-v141-scroll-hint i{
  position:relative;
  width:38px;
  height:1px;
  overflow:hidden;
  background:rgba(255,255,255,.09);
}
.catalog-v141-scroll-hint i:after{
  content:"";
  position:absolute;
  inset:0;
  width:45%;
  background:linear-gradient(90deg,#ff8846,#9559ff);
  animation:catalogScrollHint 1.8s ease-in-out infinite;
}
@keyframes catalogScrollHint{
  0%{transform:translateX(-120%)}
  70%,100%{transform:translateX(240%)}
}

@media(max-height:800px) and (min-width:1281px){
  .catalog-v141-slide .catalog-v14-copy-highlights{display:none}
  .catalog-v141-slide .catalog-v14-panel-inner{gap:44px}
  .catalog-v141-slide .catalog-v14-copy-main h2{font-size:clamp(44px,5vw,72px)}
  .catalog-v141-slide .catalog-v14-preview-stage{aspect-ratio:1.38}
}

@media(max-width:1280px){
  .catalog-v141-story{height:auto!important;min-height:0}
  .catalog-v141-sticky{position:relative;top:auto;height:auto;overflow:visible;background:#080810}
  .catalog-v141-stage{position:relative;inset:auto;overflow:visible}
  .catalog-v141-slide.catalog-v14-panel{
    position:relative!important;
    inset:auto!important;
    height:auto!important;
    min-height:0!important;
    opacity:1!important;
    transform:none!important;
    pointer-events:auto!important;
    padding:70px 0!important;
    border-top:1px solid rgba(255,255,255,.05)!important;
  }
  .catalog-v141-story .catalog-v14-panel-rail,.catalog-v141-progress,.catalog-v141-scroll-hint{display:none!important}
}

@media(prefers-reduced-motion:reduce){
  .catalog-v141-story{height:auto!important}
  .catalog-v141-sticky{position:relative!important;top:auto!important;height:auto!important;overflow:visible!important}
  .catalog-v141-stage{position:relative!important;overflow:visible!important}
  .catalog-v141-slide.catalog-v14-panel{position:relative!important;inset:auto!important;height:auto!important;opacity:1!important;transform:none!important;pointer-events:auto!important;padding:70px 0!important}
  .catalog-v141-story .catalog-v14-panel-rail,.catalog-v141-progress,.catalog-v141-scroll-hint{display:none!important}
}

/* V14.2 — Releaf-inspired scroll choreography */
.catalog-v142-story{position:relative;background:#080810}.catalog-v142-pin{position:relative;height:100vh;min-height:720px;overflow:hidden;background:radial-gradient(circle at 72% 34%,rgba(255,78,140,.08),transparent 26%),radial-gradient(circle at 63% 72%,rgba(119,79,255,.10),transparent 30%),#080810}.catalog-v142-scenes{position:absolute;inset:0}.catalog-v142-scene{position:absolute;inset:0;display:flex;align-items:center;opacity:0;visibility:hidden}.catalog-v142-scene.is-current{visibility:visible}.catalog-v142-layout{position:relative;z-index:2;display:grid;grid-template-columns:minmax(0,.9fr) minmax(420px,1.1fr);gap:78px;align-items:center}.catalog-v142-copy{position:relative;z-index:2}.catalog-v142-eyebrow{display:flex;align-items:center;gap:11px;margin-bottom:24px;font-size:10px;letter-spacing:.18em;text-transform:uppercase;color:#8b93a8;font-weight:850}.catalog-v142-eyebrow i{width:20px;height:1px;background:rgba(255,255,255,.14)}.catalog-v142-copy h2{margin:0 0 16px;font-size:clamp(58px,6.7vw,108px);line-height:.88;letter-spacing:-.075em}.catalog-v142-tagline{max-width:620px;margin-bottom:16px;font-size:19px;line-height:1.45;color:#e3d8f6}.catalog-v142-copy>p{max-width:650px;margin:0;font-size:17px;line-height:1.78;color:#aab2c5}.catalog-v142-facts{display:grid;grid-template-columns:repeat(3,1fr);margin-top:32px;border-top:1px solid rgba(255,255,255,.07);border-bottom:1px solid rgba(255,255,255,.07)}.catalog-v142-facts>div{padding:16px 16px 16px 0;border-right:1px solid rgba(255,255,255,.07)}.catalog-v142-facts>div:last-child{border-right:0}.catalog-v142-facts span{display:block;margin-bottom:6px;font-size:9px;letter-spacing:.16em;text-transform:uppercase;color:#737b91}.catalog-v142-facts strong{display:block;font-size:18px}.catalog-v142-actions{display:flex;align-items:center;gap:18px;flex-wrap:wrap;margin-top:28px}.catalog-v142-textlink{font-size:12px;font-weight:800;color:#d5d8e3}.catalog-v142-textlink:hover{color:#fff}
.catalog-v142-media{position:relative;z-index:2}.catalog-v142-media-frame{position:relative;aspect-ratio:1.1;overflow:hidden;border:1px solid rgba(255,255,255,.07);background:#0d1018;box-shadow:0 38px 120px rgba(0,0,0,.38)}.catalog-v142-media-frame img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;opacity:.72;transform:scale(1.03)}.catalog-v142-media-placeholder{position:absolute;inset:0;background:radial-gradient(circle at 50% 46%,rgba(255,86,151,.18),transparent 22%),radial-gradient(circle at 53% 55%,rgba(125,82,255,.17),transparent 34%),linear-gradient(180deg,#111521,#0b0e16)}.catalog-v142-media-shade{position:absolute;inset:0;background:linear-gradient(180deg,rgba(7,9,14,.05),rgba(7,9,14,.18) 50%,rgba(7,9,14,.72))}.catalog-v142-media-label{position:absolute;left:22px;bottom:22px;z-index:3;display:grid;gap:5px}.catalog-v142-media-label span{font-size:9px;letter-spacing:.18em;text-transform:uppercase;color:#aab1c2}.catalog-v142-media-label strong{font-size:18px}.catalog-v142-play{position:absolute;right:22px;bottom:22px;z-index:3;width:58px;height:58px;border-radius:50%;display:grid;place-items:center;border:1px solid rgba(255,255,255,.14);background:rgba(8,10,16,.45);backdrop-filter:blur(8px)}.catalog-v142-play i{width:0;height:0;border-left:12px solid #fff;border-top:8px solid transparent;border-bottom:8px solid transparent;margin-left:4px}.catalog-v142-media-bottom{display:flex;justify-content:space-between;gap:20px;padding-top:14px;font-size:11px;color:#7f879a}.catalog-v142-media-bottom strong{color:#c7ccd8}.catalog-v142-orbits{position:absolute;inset:0;display:grid;place-items:center}.catalog-v142-orbits span{position:absolute;border-radius:50%;border:1px solid rgba(255,255,255,.08)}.catalog-v142-orbits span:nth-child(1){width:140px;height:140px}.catalog-v142-orbits span:nth-child(2){width:250px;height:250px}.catalog-v142-orbits span:nth-child(3){width:390px;height:390px}.catalog-v142-orbits i,.catalog-v142-orbits b{position:absolute;border-radius:50%}.catalog-v142-orbits i{width:13px;height:13px;left:30%;top:59%;background:linear-gradient(135deg,#ff66b0,#8f58ff);box-shadow:0 0 18px rgba(143,88,255,.42)}.catalog-v142-orbits b{width:14px;height:14px;left:66%;top:30%;background:linear-gradient(135deg,#ff9348,#ff5e91);box-shadow:0 0 18px rgba(255,111,77,.42)}
.catalog-v142-backdrop{position:absolute;inset:0;overflow:hidden;pointer-events:none}.catalog-v142-backdrop-word{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);white-space:nowrap;font-size:clamp(150px,19vw,340px);line-height:.75;letter-spacing:-.08em;font-weight:900;color:#fff;opacity:.045;text-transform:uppercase}.catalog-v142-progress{position:absolute;z-index:8;left:30px;top:50%;width:1px;height:180px;transform:translateY(-50%);background:rgba(255,255,255,.09);transform-origin:top}.catalog-v142-progress span{display:block;width:100%;height:100%;background:linear-gradient(180deg,#ff8a42,#ff4f9c 52%,#8a5cff);transform:scaleY(0);transform-origin:top}.catalog-v142-counter{position:absolute;z-index:8;left:22px;top:calc(50% - 126px);display:flex;align-items:baseline;gap:5px;transform:rotate(-90deg);transform-origin:left top}.catalog-v142-counter strong{font-size:14px;letter-spacing:.08em}.catalog-v142-counter span{font-size:9px;letter-spacing:.12em;color:#72798b}.catalog-v142-nav{position:absolute;z-index:8;right:26px;top:50%;transform:translateY(-50%);display:grid;gap:8px}.catalog-v142-nav-item{width:180px;padding:11px 12px;border:1px solid transparent;background:transparent;text-align:left;color:#6f7688;cursor:pointer;transition:.18s ease}.catalog-v142-nav-item span{display:block;margin-bottom:2px;font-size:9px;letter-spacing:.16em}.catalog-v142-nav-item strong{font-size:12px;line-height:1.3}.catalog-v142-nav-item.is-active{border-color:rgba(255,255,255,.08);background:rgba(255,255,255,.025);color:#f1f2f6}.catalog-v142-scrollcue{position:absolute;z-index:8;left:50%;bottom:22px;transform:translateX(-50%);display:flex;align-items:center;gap:10px;font-size:8px;letter-spacing:.2em;color:#666e82}.catalog-v142-scrollcue i{position:relative;width:34px;height:1px;background:rgba(255,255,255,.12)}.catalog-v142-scrollcue i:after{content:"";position:absolute;right:0;top:-2px;width:5px;height:5px;border-right:1px solid rgba(255,255,255,.28);border-bottom:1px solid rgba(255,255,255,.28);transform:rotate(-45deg)}
.catalog-v142-fallback .catalog-v142-pin{height:auto;min-height:0;overflow:visible}.catalog-v142-fallback .catalog-v142-scenes{position:relative;inset:auto}.catalog-v142-fallback .catalog-v142-scene{position:relative;inset:auto;min-height:auto;padding:72px 0;opacity:1!important;visibility:visible!important}.catalog-v142-fallback .catalog-v142-progress,.catalog-v142-fallback .catalog-v142-counter,.catalog-v142-fallback .catalog-v142-nav,.catalog-v142-fallback .catalog-v142-scrollcue{display:none}
@media(max-width:1320px){.catalog-v142-nav{display:none}.catalog-v142-layout{grid-template-columns:minmax(0,1fr) minmax(380px,.9fr);gap:50px}.catalog-v142-progress{left:18px}.catalog-v142-counter{left:10px}}
@media(max-width:1050px){.catalog-v142-layout{grid-template-columns:1fr}.catalog-v142-media{max-width:720px}.catalog-v142-pin{height:auto;min-height:0;overflow:visible}.catalog-v142-scenes{position:relative}.catalog-v142-scene{position:relative;min-height:auto;padding:72px 0;opacity:1!important;visibility:visible!important}.catalog-v142-progress,.catalog-v142-counter,.catalog-v142-nav,.catalog-v142-scrollcue{display:none}.catalog-v142-backdrop-word{font-size:34vw;opacity:.03}.catalog-v142-copy h2{font-size:clamp(48px,9vw,76px)}}
@media(max-width:760px){.catalog-v142-scene{padding:56px 0}.catalog-v142-copy>p{font-size:15px}.catalog-v142-tagline{font-size:16px}.catalog-v142-facts{grid-template-columns:1fr}.catalog-v142-facts>div{border-right:0;border-bottom:1px solid rgba(255,255,255,.06)}.catalog-v142-facts>div:last-child{border-bottom:0}.catalog-v142-media-frame{aspect-ratio:.92}.catalog-v142-media-bottom{display:grid}.catalog-v142-actions{align-items:stretch;flex-direction:column}.catalog-v142-actions .btn{width:100%}}

/* V14.3 — Interactive editorial catalogue */
.catalog-v143-directory{position:relative;overflow:hidden;padding:104px 0 110px;background:linear-gradient(180deg,#080810 0%,#090a11 100%);border-top:1px solid rgba(255,255,255,.06)}
.catalog-v143-bgword{position:absolute;top:30px;left:-.03em;font-size:clamp(130px,20vw,330px);line-height:.8;font-weight:900;letter-spacing:-.08em;color:rgba(255,255,255,.015);pointer-events:none;user-select:none;white-space:nowrap}
.catalog-v143-head{position:relative;display:grid;grid-template-columns:minmax(0,1.1fr) minmax(300px,.62fr);gap:70px;align-items:end;padding-bottom:34px;border-bottom:1px solid rgba(255,255,255,.07)}
.catalog-v143-kicker{display:block;margin-bottom:15px;font-size:10px;font-weight:900;letter-spacing:.22em;text-transform:uppercase;color:#9872ff}
.catalog-v143-head h2{margin:0;font-size:clamp(48px,5.4vw,82px);line-height:.93;letter-spacing:-.065em}.catalog-v143-head h2 em{font-style:normal;background:linear-gradient(90deg,#ff9548 0%,#ff579f 47%,#8c5cff 100%);-webkit-background-clip:text;background-clip:text;color:transparent}
.catalog-v143-head-copy{display:grid;gap:24px}.catalog-v143-head-copy p{margin:0;font-size:15px;line-height:1.8;color:#9ea6ba}.catalog-v143-head-copy>strong{display:flex;align-items:baseline;gap:12px;font-size:40px;letter-spacing:-.05em}.catalog-v143-head-copy>strong small{font-size:10px;letter-spacing:.16em;text-transform:uppercase;color:#7f879a}
.catalog-v143-filterbar{display:grid;grid-template-columns:minmax(260px,1fr) 190px 190px auto auto;align-items:end;gap:0;margin:28px 0 38px;border-top:1px solid rgba(255,255,255,.07);border-bottom:1px solid rgba(255,255,255,.07)}
.catalog-v143-filterbar>label{display:grid;gap:7px;min-width:0;padding:14px 18px;border-right:1px solid rgba(255,255,255,.06)}.catalog-v143-filterbar>label:first-child{padding-left:0}.catalog-v143-filterbar small{font-size:9px;font-weight:900;letter-spacing:.16em;text-transform:uppercase;color:#737b90}.catalog-v143-search{grid-template-columns:auto 1fr!important;align-items:center}.catalog-v143-search>span{font-size:22px;color:#71798e}.catalog-v143-search input{grid-column:2;border:0!important;background:transparent!important;padding:0!important;color:#fff!important;font-size:14px;outline:0}.catalog-v143-search input::placeholder{color:#626a7f}.catalog-v143-filterbar select{border:0!important;background:transparent!important;color:#f0f2f8!important;font-size:12px;font-weight:800;outline:0}.catalog-v143-filterbar option{background:#11131c}.catalog-v143-filterbar button,.catalog-v143-reset{align-self:stretch;display:flex;align-items:center;justify-content:center;gap:16px;padding:0 22px;border:0;font-size:10px;font-weight:900;letter-spacing:.1em;text-transform:uppercase}.catalog-v143-filterbar button{background:linear-gradient(135deg,#ff843d,#f44b99 52%,#8258ff);color:#fff;cursor:pointer}.catalog-v143-filterbar button span{font-size:16px;transition:transform .2s ease}.catalog-v143-filterbar button:hover span{transform:translateX(4px)}.catalog-v143-reset{border-left:1px solid rgba(255,255,255,.06);color:#8f97aa}
.catalog-v143-explorer{display:grid;grid-template-columns:minmax(0,1.05fr) minmax(380px,.78fr);gap:56px;align-items:start}.catalog-v143-list{border-top:1px solid rgba(255,255,255,.07)}
.catalog-v143-row{position:relative;display:grid;grid-template-columns:58px minmax(0,1fr) auto 34px;gap:18px;align-items:center;padding:27px 0;border-bottom:1px solid rgba(255,255,255,.07);transition:padding .28s cubic-bezier(.22,1,.36,1),border-color .25s ease,opacity .25s ease}.catalog-v143-row:before{content:"";position:absolute;left:0;top:-1px;bottom:-1px;width:0;background:linear-gradient(180deg,rgba(255,126,64,.11),rgba(140,84,255,.1));transition:width .3s cubic-bezier(.22,1,.36,1);pointer-events:none}.catalog-v143-list:hover .catalog-v143-row:not(:hover){opacity:.46}.catalog-v143-row:hover,.catalog-v143-row.is-active{padding-left:18px;border-color:rgba(177,132,255,.28)}.catalog-v143-row:hover:before,.catalog-v143-row.is-active:before{width:4px}.catalog-v143-index{position:relative;z-index:1;font-size:11px;letter-spacing:.16em;color:#70788d;font-weight:900}.catalog-v143-row-main{position:relative;z-index:1;min-width:0}.catalog-v143-row-label{margin-bottom:7px;font-size:9px;letter-spacing:.18em;text-transform:uppercase;color:#8c75e9;font-weight:900}.catalog-v143-row h3{margin:0;font-size:clamp(28px,3.15vw,46px);line-height:.94;letter-spacing:-.055em;transition:transform .25s ease}.catalog-v143-row:hover h3,.catalog-v143-row.is-active h3{transform:translateX(4px)}.catalog-v143-row p{max-width:540px;margin:9px 0 0;font-size:12px;line-height:1.68;color:#858da2}.catalog-v143-row-facts{position:relative;z-index:1;display:grid;gap:5px;text-align:right;white-space:nowrap}.catalog-v143-row-facts span{font-size:10px;letter-spacing:.08em;text-transform:uppercase;color:#747c90}.catalog-v143-row-facts strong{margin-top:3px;font-size:13px;color:#f1f2f6}.catalog-v143-arrow{position:relative;z-index:1;font-size:22px;color:#8f70f4;transition:transform .25s ease}.catalog-v143-row:hover .catalog-v143-arrow,.catalog-v143-row.is-active .catalog-v143-arrow{transform:translate(4px,-4px)}
.catalog-v143-preview-wrap{min-width:0}.catalog-v143-preview-sticky{position:sticky;top:112px;padding:18px;border:1px solid rgba(255,255,255,.07);background:linear-gradient(180deg,rgba(255,255,255,.022),rgba(255,255,255,.006));box-shadow:0 28px 80px rgba(0,0,0,.3)}.catalog-v143-preview-top,.catalog-v143-preview-bottom{display:flex;align-items:center;justify-content:space-between;gap:14px}.catalog-v143-preview-top{padding-bottom:14px}.catalog-v143-preview-top>span,.catalog-v143-preview-bottom span{font-size:9px;letter-spacing:.18em;text-transform:uppercase;color:#838ba0;font-weight:900}.catalog-v143-preview-status{display:flex!important;align-items:center;gap:7px}.catalog-v143-preview-status i{width:6px;height:6px;border-radius:50%;background:#53e5a3;box-shadow:0 0 12px rgba(83,229,163,.55)}.catalog-v143-preview-stage{position:relative;aspect-ratio:.94;overflow:hidden;background:#0b0f18}.catalog-v143-preview{position:absolute;inset:0;opacity:0;visibility:hidden;transform:scale(.965);transition:opacity .5s cubic-bezier(.22,1,.36,1),transform .7s cubic-bezier(.22,1,.36,1),visibility .5s}.catalog-v143-preview.is-active{opacity:1;visibility:visible;transform:scale(1);z-index:2}.catalog-v143-preview img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;opacity:.52;transform:scale(1.03);transition:transform 4s ease}.catalog-v143-preview.is-active img{transform:scale(1.09)}.catalog-v143-preview-shade{position:absolute;inset:0;background:linear-gradient(180deg,rgba(4,7,12,.18),rgba(4,7,12,.3) 46%,rgba(4,7,12,.86))}.catalog-v143-preview-art{position:absolute;inset:0;display:grid;place-items:center}.catalog-v143-preview-art span{position:absolute;border:1px solid rgba(255,255,255,.075);border-radius:50%;animation:v143Pulse 7s ease-in-out infinite}.catalog-v143-preview-art span:nth-child(1){width:135px;height:135px}.catalog-v143-preview-art span:nth-child(2){width:240px;height:240px;animation-delay:.6s}.catalog-v143-preview-art span:nth-child(3){width:370px;height:370px;animation-delay:1.1s}.catalog-v143-preview-art i,.catalog-v143-preview-art b{position:absolute;border-radius:50%}.catalog-v143-preview-art i{width:14px;height:14px;left:28%;top:57%;background:linear-gradient(135deg,#ff63b3,#875aff);box-shadow:0 0 22px rgba(139,89,255,.45);animation:v143OrbA 5.8s ease-in-out infinite}.catalog-v143-preview-art b{width:15px;height:15px;left:68%;top:30%;background:linear-gradient(135deg,#ff944b,#ff5d8e);box-shadow:0 0 22px rgba(255,120,74,.45);animation:v143OrbB 5.1s ease-in-out infinite}.catalog-v143-preview-watermark{position:absolute;left:-12px;top:20%;font-size:clamp(70px,7vw,112px);line-height:.78;letter-spacing:-.08em;font-weight:950;color:rgba(255,255,255,.035);white-space:nowrap;transform:rotate(-4deg);pointer-events:none}.catalog-v143-preview-chip{position:absolute;top:18px;right:18px;padding:9px 11px;border:1px solid rgba(255,255,255,.08);background:rgba(8,10,17,.65);backdrop-filter:blur(10px);font-size:9px;letter-spacing:.16em;text-transform:uppercase;color:#edf0f7}.catalog-v143-preview-copy{position:absolute;z-index:2;left:24px;right:24px;bottom:24px}.catalog-v143-preview-copy>span{display:block;margin-bottom:9px;font-size:9px;letter-spacing:.18em;text-transform:uppercase;color:#c0c6d4;font-weight:900}.catalog-v143-preview-copy h3{margin:0 0 10px;font-size:clamp(36px,4vw,58px);line-height:.9;letter-spacing:-.06em}.catalog-v143-preview-copy p{max-width:480px;margin:0 0 15px;font-size:13px;line-height:1.65;color:#c1c7d6}.catalog-v143-preview-copy>div{display:flex;flex-wrap:wrap;gap:7px}.catalog-v143-preview-copy>div strong{padding:8px 10px;border:1px solid rgba(255,255,255,.09);background:rgba(8,10,17,.45);font-size:9px;letter-spacing:.1em;text-transform:uppercase}.catalog-v143-preview-bottom{padding-top:14px;border-top:1px solid rgba(255,255,255,.06);margin-top:14px}.catalog-v143-preview-bottom span:last-child{font-size:18px;color:#9975ff}
.catalog-v143-footer-cta{display:flex;align-items:flex-end;justify-content:space-between;gap:40px;margin-top:70px;padding:36px 0;border-top:1px solid rgba(255,255,255,.07);border-bottom:1px solid rgba(255,255,255,.07)}.catalog-v143-footer-cta>div>span{display:block;margin-bottom:9px;font-size:9px;letter-spacing:.18em;text-transform:uppercase;color:#8872de;font-weight:900}.catalog-v143-footer-cta h3{margin:0;font-size:clamp(27px,3.1vw,44px);line-height:1.05;letter-spacing:-.045em}.catalog-v143-footer-cta .btn{flex:0 0 auto}.catalog-v143-empty{padding:68px 0;border-top:1px solid rgba(255,255,255,.07);border-bottom:1px solid rgba(255,255,255,.07);text-align:center}.catalog-v143-empty>span{display:block;margin-bottom:10px;font-size:9px;letter-spacing:.2em;color:#8a73e3}.catalog-v143-empty h3{margin:0 0 8px;font-size:34px}.catalog-v143-empty p{margin:0 0 18px;color:#929aaf}
@keyframes v143Pulse{0%,100%{transform:scale(1);opacity:.55}50%{transform:scale(1.035);opacity:1}}@keyframes v143OrbA{0%,100%{transform:translate(0,0)}50%{transform:translate(-15px,-11px)}}@keyframes v143OrbB{0%,100%{transform:translate(0,0)}50%{transform:translate(15px,12px)}}
@media(max-width:1120px){.catalog-v143-explorer{grid-template-columns:1fr}.catalog-v143-preview-wrap{order:-1}.catalog-v143-preview-sticky{position:relative;top:auto;max-width:720px}.catalog-v143-filterbar{grid-template-columns:1fr 1fr 1fr}.catalog-v143-filterbar button,.catalog-v143-reset{min-height:50px}.catalog-v143-filterbar button{grid-column:1/3}.catalog-v143-reset{grid-column:3}.catalog-v143-row{grid-template-columns:48px minmax(0,1fr) auto 30px}}
@media(max-width:800px){.catalog-v143-directory{padding:76px 0 82px}.catalog-v143-head{grid-template-columns:1fr;gap:28px}.catalog-v143-head h2{font-size:46px}.catalog-v143-filterbar{grid-template-columns:1fr}.catalog-v143-filterbar>label{padding:14px 0;border-right:0;border-bottom:1px solid rgba(255,255,255,.06)}.catalog-v143-filterbar button,.catalog-v143-reset{grid-column:auto;min-height:48px}.catalog-v143-row{grid-template-columns:38px minmax(0,1fr) 26px;gap:12px;padding:23px 0}.catalog-v143-row-facts{grid-column:2;grid-row:2;display:flex;flex-wrap:wrap;gap:9px;text-align:left}.catalog-v143-arrow{grid-column:3;grid-row:1}.catalog-v143-row p{font-size:11px}.catalog-v143-preview-sticky{padding:14px}.catalog-v143-preview-stage{aspect-ratio:1.05}.catalog-v143-footer-cta{display:grid;align-items:start}.catalog-v143-footer-cta .btn{justify-self:start}}
@media(max-width:520px){.catalog-v143-head h2{font-size:39px}.catalog-v143-preview-copy{left:18px;right:18px;bottom:18px}.catalog-v143-preview-copy h3{font-size:34px}.catalog-v143-preview-stage{aspect-ratio:.88}.catalog-v143-row h3{font-size:29px}.catalog-v143-index{font-size:9px}.catalog-v143-row:hover,.catalog-v143-row.is-active{padding-left:10px}}
@media(prefers-reduced-motion:reduce){.catalog-v143-preview,.catalog-v143-preview img,.catalog-v143-row,.catalog-v143-arrow,.catalog-v143-preview-art span,.catalog-v143-preview-art i,.catalog-v143-preview-art b{animation:none!important;transition:none!important}}


/* === V15 unstable usability pass === */
.global-toast-stack{position:fixed;top:84px;right:22px;z-index:9999;display:grid;gap:10px;max-width:min(420px,calc(100vw - 28px))}.global-toast{display:flex;align-items:center;gap:16px;padding:13px 15px;border:1px solid rgba(255,255,255,.13);border-radius:14px;background:rgba(15,15,24,.96);box-shadow:0 18px 50px rgba(0,0,0,.35);backdrop-filter:blur(16px);font-size:14px}.global-toast.success{border-color:rgba(83,220,150,.35)}.global-toast.error{border-color:rgba(255,91,116,.38)}.global-toast.info{border-color:rgba(131,123,255,.38)}.global-toast button{border:0;background:transparent;color:inherit;opacity:.55;font-size:20px;cursor:pointer;margin-left:auto}.quote-guest-note{display:flex;gap:10px;align-items:center;flex-wrap:wrap;margin:0 0 22px;padding:12px 14px;border:1px solid rgba(255,255,255,.1);border-radius:12px;background:rgba(255,255,255,.035);font-size:13px}.quote-guest-note strong{color:#fff}.quote-guest-note span{color:var(--muted,#aaa)}.client-secondary-links{display:flex;gap:12px;flex-wrap:wrap;padding:0 4px}.client-secondary-links a{font-size:12px;color:rgba(255,255,255,.55);text-decoration:none}.client-secondary-links a:hover{color:#fff}.client-feedback-card{margin-top:18px;padding:24px;border:1px solid rgba(255,255,255,.1);border-radius:20px;background:rgba(255,255,255,.035)}.client-feedback-card>span{font-size:11px;letter-spacing:.16em;color:rgba(255,255,255,.48)}.client-feedback-card h2{margin:8px 0 18px;font-size:22px}.feedback-stars{display:flex;flex-direction:row-reverse;justify-content:flex-end;gap:4px;margin-bottom:14px}.feedback-stars input{position:absolute;opacity:0;pointer-events:none}.feedback-stars span{font-size:32px;color:rgba(255,255,255,.18);cursor:pointer;transition:.15s}.feedback-stars label:hover span,.feedback-stars label:hover~label span,.feedback-stars input:checked~span,.feedback-stars label:has(input:checked)~label span{color:#ffd35a}.feedback-form textarea{width:100%;box-sizing:border-box;padding:13px 14px;margin-bottom:12px;border-radius:12px;border:1px solid rgba(255,255,255,.12);background:rgba(0,0,0,.18);color:#fff;resize:vertical}.feedback-saved strong{font-size:22px}.feedback-saved p{color:rgba(255,255,255,.72);line-height:1.6}.client-auth-card form[action]{}@media(max-width:760px){.global-toast-stack{top:72px;right:14px;left:14px;max-width:none}.main-nav{display:none}.global-toast{font-size:13px}.client-feedback-card{padding:18px}.feedback-stars span{font-size:29px}}

/* =========================================================
   HOP V16 — PRESENTATION / CLARITY PASS
   ========================================================= */
/* Landing: more breathing room, stronger sales proof */
.lp-hero-copy{padding-top:8px}
.lp-value-section{padding-top:108px!important;padding-bottom:108px!important}
.lp-value-section .lp-section-head{margin-bottom:42px!important;align-items:start!important}
.lp-value-section .lp-section-head h2{font-size:clamp(42px,5vw,66px)!important;max-width:760px}
.lp-value-lead{font-size:17px!important;line-height:1.8!important;color:#b0b5c5!important;max-width:560px!important}
.lp-value-grid{border-top:1px solid rgba(255,255,255,.12);border-bottom:1px solid rgba(255,255,255,.12)}
.lp-value-card{min-height:260px!important;padding:34px 30px!important}
.lp-value-card h3{font-size:31px!important}.lp-value-card p{font-size:15px!important}

/* Quote: remove prototype-like labels */
.quote-studio-intro h1{margin-top:0!important}.quote-studio-account{align-self:center}
.quote-studio-account span,.quote-studio-account small{font-size:12px!important}

/* Signup readability and selected profile bug */
.account-type-ui strong{font-size:16px!important;color:#f4f5fb!important}
.account-type-card input:checked+.account-type-ui{background:linear-gradient(135deg,rgba(122,77,255,.22),rgba(255,45,143,.10))!important;border-color:#9a7cff!important}
.account-type-card input:checked+.account-type-ui strong{color:#fff!important}
.client-auth-card label>span,.v12-signup-card label>span{font-size:13px!important}
.client-auth-card input,.client-auth-card select,.v12-signup-card input,.v12-signup-card select{font-size:15px!important}

/* Client portal: nothing important should require squinting */
.client-v12-body .client-sidebar nav a{font-size:14px!important}
.client-v12-body .client-secondary-links a{font-size:12px!important}
.client-v12-body .client-user-card strong{font-size:13px!important}.client-v12-body .client-user-card small{font-size:11px!important}
.private-benefit-preview>div:first-child>span{font-size:12px!important}.private-benefit-preview p{font-size:15px!important}
.private-progress-box strong{font-size:19px!important}.private-progress-box span{font-size:14px!important}.private-progress-box a{font-size:14px!important}
.private-loyalty-hero>div:first-child>span{font-size:11px!important}.private-loyalty-hero p{font-size:15px!important}.private-loyalty-progress>div{font-size:13px!important}
.client-panel-head span,.client-panel-head a{font-size:13px!important}.event-row-main p,.reservation-main span,.quote-mini-row span{font-size:13px!important}
.client-kpi-grid article>i,.client-kpi-grid article>span{font-size:12px!important}.portal-message{font-size:14px!important}

/* Animator application: a guided, light 4-step experience */
.apply-v16-page{min-height:100vh;padding:132px 0 100px;background:radial-gradient(circle at 15% 8%,rgba(122,77,255,.16),transparent 25%),radial-gradient(circle at 88% 18%,rgba(255,58,143,.10),transparent 23%),#080810}
.apply-v16-shell{max-width:1120px}.apply-v16-hero{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:40px;align-items:end;margin-bottom:50px}
.apply-v16-overline{display:block;margin-bottom:14px;font-size:12px;font-weight:900;letter-spacing:1.8px;color:#a98aff}
.apply-v16-hero h1{font-size:clamp(46px,6vw,78px);line-height:.98;letter-spacing:-3px;margin:0 0 20px}.apply-v16-hero h1 span{background:linear-gradient(90deg,#ff944d,#ff4f9a,#9974ff);-webkit-background-clip:text;background-clip:text;color:transparent}
.apply-v16-hero p{max-width:720px;margin:0;color:#a5abbd;font-size:17px;line-height:1.75}.apply-v16-promise{min-width:170px;padding:22px 0;border-top:1px solid rgba(255,255,255,.14);border-bottom:1px solid rgba(255,255,255,.14)}.apply-v16-promise strong{display:block;font-size:34px}.apply-v16-promise span{font-size:13px;color:#979daf}
.apply-v16-form{padding:32px 38px 38px;border:1px solid rgba(255,255,255,.09);background:rgba(12,13,20,.78);backdrop-filter:blur(18px)}
.apply-v16-progress{position:relative;display:grid;grid-template-columns:repeat(4,1fr);margin-bottom:54px}.apply-v16-progress-line{position:absolute;left:20px;right:20px;top:17px;height:1px;background:rgba(255,255,255,.12)}.apply-v16-progress-line i{display:block;width:0;height:100%;background:linear-gradient(90deg,#ff8f42,#ff4f9a,#936cff);transition:.3s}
.apply-v16-progress button{position:relative;z-index:1;border:0;background:none;color:#73798d;display:grid;justify-items:center;gap:8px;font:inherit;cursor:pointer}.apply-v16-progress button b{display:grid;place-items:center;width:36px;height:36px;border-radius:50%;background:#10121b;border:1px solid rgba(255,255,255,.12);font-size:12px}.apply-v16-progress button span{font-size:12px;font-weight:800}.apply-v16-progress button.active{color:#fff}.apply-v16-progress button.active b{border-color:#9c72ff;box-shadow:0 0 0 5px rgba(142,93,255,.10);background:#171225}
.apply-v16-step{display:none;animation:applyIn .28s ease}.apply-v16-step.active{display:block}@keyframes applyIn{from{opacity:0;transform:translateY(10px)}to{opacity:1;transform:none}}
.apply-v16-step-head{display:grid;grid-template-columns:62px 1fr;gap:20px;margin-bottom:34px}.apply-v16-step-head>span{font-size:42px;line-height:1;font-weight:900;color:#4f5362}.apply-v16-step-head h2{margin:0 0 8px;font-size:36px;letter-spacing:-1.3px}.apply-v16-step-head p{margin:0;color:#989eaf;font-size:15px}
.apply-v16-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:20px}.apply-v16-grid--story{margin-top:20px}.apply-v16-field{display:grid;gap:8px}.apply-v16-field.full{grid-column:1/-1}.apply-v16-field>span{font-size:13px;font-weight:800;color:#d8dbe5}.apply-v16-field input,.apply-v16-field select,.apply-v16-field textarea{width:100%;border:1px solid rgba(255,255,255,.10)!important;background:#0b0d14!important;color:#fff!important;border-radius:8px!important;padding:14px 15px!important;font-size:15px!important;outline:none}.apply-v16-field textarea{min-height:112px;resize:vertical}.apply-v16-field input:focus,.apply-v16-field select:focus,.apply-v16-field textarea:focus{border-color:#8d68ff!important;box-shadow:0 0 0 3px rgba(141,104,255,.10)!important}
.apply-v16-toggle{position:relative;display:flex;align-items:center;justify-content:space-between;gap:18px;min-height:64px;padding:15px 16px;border:1px solid rgba(255,255,255,.09);background:#0b0d14;cursor:pointer}.apply-v16-toggle input{position:absolute;opacity:0}.apply-v16-toggle strong{font-size:14px}.apply-v16-toggle i{position:relative;width:44px;height:24px;border-radius:99px;background:#262a35;flex:0 0 auto;transition:.2s}.apply-v16-toggle i:after{content:'';position:absolute;width:18px;height:18px;left:3px;top:3px;border-radius:50%;background:#fff;transition:.2s}.apply-v16-toggle:has(input:checked){border-color:rgba(150,102,255,.55);background:rgba(129,75,255,.08)}.apply-v16-toggle:has(input:checked) i{background:linear-gradient(90deg,#ff7753,#8f67ff)}.apply-v16-toggle:has(input:checked) i:after{left:23px}
.apply-v16-actions{display:flex;justify-content:space-between;gap:14px;margin-top:38px;padding-top:24px;border-top:1px solid rgba(255,255,255,.08)}.apply-v16-finish{display:flex;align-items:center;justify-content:space-between;gap:24px;margin-top:34px;padding-top:28px;border-top:1px solid rgba(255,255,255,.10)}.apply-v16-finish strong{display:block;font-size:23px}.apply-v16-finish span{display:block;margin-top:5px;color:#9197aa;font-size:13px}.apply-v16-step[data-apply-step="4"]~.apply-v16-actions{}
@media(max-width:800px){.apply-v16-page{padding:100px 0 70px}.apply-v16-hero{grid-template-columns:1fr}.apply-v16-promise{display:none}.apply-v16-form{padding:24px 18px}.apply-v16-grid{grid-template-columns:1fr}.apply-v16-field.full{grid-column:auto}.apply-v16-step-head{grid-template-columns:1fr}.apply-v16-step-head>span{font-size:24px}.apply-v16-step-head h2{font-size:30px}.apply-v16-progress button span{font-size:10px}.apply-v16-finish{display:grid}.apply-v16-finish .btn{width:100%}}

/* V17 — explicit session state + quote account gate */
.nav-session-state{display:inline-flex;align-items:center;gap:.55rem;min-height:44px;padding:.55rem .85rem;border:1px solid rgba(255,255,255,.12);border-radius:999px;color:rgba(255,255,255,.82);font-size:.9rem;text-decoration:none;white-space:nowrap;background:rgba(255,255,255,.035)}
.nav-session-state:hover{border-color:rgba(255,255,255,.24);color:#fff}
.nav-session-dot{width:8px;height:8px;border-radius:50%;background:#70efb1;box-shadow:0 0 0 4px rgba(112,239,177,.1)}
.nav-session-state.is-offline .nav-session-dot{background:rgba(255,255,255,.38);box-shadow:none}
.nav-session-state strong{font-weight:700;color:#fff}
.nav-session-state small{font-size:.72rem;color:rgba(255,255,255,.5);text-transform:uppercase;letter-spacing:.06em}

.quote-account-gate-backdrop{position:fixed;inset:0;z-index:1100;display:grid;place-items:center;padding:24px;background:rgba(3,3,9,.82);backdrop-filter:blur(14px)}
.quote-account-gate-card{width:min(560px,100%);padding:38px;border:1px solid rgba(255,255,255,.14);border-radius:28px;background:#101019;box-shadow:0 30px 90px rgba(0,0,0,.5);text-align:center}
.quote-account-gate-icon{width:54px;height:54px;margin:0 auto 18px;display:grid;place-items:center;border-radius:50%;background:rgba(112,239,177,.12);border:1px solid rgba(112,239,177,.35);color:#70efb1;font-size:1.35rem;font-weight:800}
.quote-account-gate-kicker{display:block;margin-bottom:9px;font-size:.76rem;font-weight:800;letter-spacing:.13em;color:rgba(255,255,255,.5)}
.quote-account-gate-card h2{margin:0 0 12px;font-size:clamp(1.8rem,4vw,2.55rem);line-height:1.05}
.quote-account-gate-card>p{max-width:470px;margin:0 auto 25px;color:rgba(255,255,255,.68);font-size:1.02rem;line-height:1.6}
.quote-account-gate-actions{display:grid;gap:10px;margin-bottom:18px}
.quote-account-gate-close{appearance:none;border:0;background:none;color:rgba(255,255,255,.7);font:inherit;font-weight:650;cursor:pointer;padding:8px}
.quote-account-gate-close:hover{color:#fff}
.quote-account-gate-card>small{display:block;margin-top:9px;color:rgba(255,255,255,.42);font-size:.82rem;line-height:1.45}
@media(max-width:900px){.nav-session-state small{display:none}.nav-session-state{padding:.55rem .7rem}.quote-account-gate-card{padding:30px 22px;border-radius:22px}}

/* V18 — commercial workflow, client notifications & documents */
.client-notification-stack-v18{display:grid;gap:10px;margin:0 0 20px}.client-notification-v18{display:flex;align-items:center;gap:14px;padding:15px 17px;border:1px solid rgba(124,77,255,.25);background:linear-gradient(135deg,rgba(124,77,255,.12),rgba(124,77,255,.035));border-radius:16px;text-decoration:none;color:inherit}.client-notification-v18>i{width:10px;height:10px;border-radius:50%;background:#8d65ff;box-shadow:0 0 0 5px rgba(124,77,255,.12);flex:0 0 auto}.client-notification-v18>div{display:grid;gap:3px;flex:1}.client-notification-v18 strong{font-size:15px}.client-notification-v18 span{font-size:13px;line-height:1.45;color:var(--text-muted,#8e8e9f)}.client-notification-v18>b{font-size:13px;white-space:nowrap}.quote-pdf-link-v18{display:inline-flex;margin-top:8px;font-size:13px;font-weight:750;color:inherit;text-decoration:none;opacity:.8}.quote-pdf-link-v18:hover{opacity:1}.client-state-banner.confirmed-v18{display:flex;align-items:center;justify-content:space-between;gap:24px;border-color:rgba(51,194,139,.25);background:linear-gradient(135deg,rgba(51,194,139,.13),rgba(51,194,139,.035))}.client-state-banner.confirmed-v18>div{display:grid;gap:5px}.client-state-banner.confirmed-v18 span{color:#62d5a7}.animator-offer-box-v18{display:flex;align-items:center;justify-content:space-between;gap:24px;padding:20px 22px;margin-bottom:22px;border-radius:20px;border:1px solid rgba(124,77,255,.3);background:linear-gradient(135deg,rgba(124,77,255,.16),rgba(124,77,255,.045))}.animator-offer-box-v18>div{display:grid;gap:4px}.animator-offer-box-v18 span{font-size:11px;letter-spacing:.13em;font-weight:800;color:#9f82ff}.animator-offer-box-v18 strong{font-size:19px}.animator-offer-box-v18 p{margin:0;color:var(--text-muted,#9999aa)}.mission-offer-decline-v18{margin-top:10px}.animator-offered-row-v18{border-color:rgba(124,77,255,.24)!important;background:rgba(124,77,255,.055)}
@media(max-width:760px){.client-state-banner.confirmed-v18,.animator-offer-box-v18{align-items:flex-start;flex-direction:column}.client-state-banner.confirmed-v18 .btn,.animator-offer-box-v18 .btn{width:100%;justify-content:center}.client-notification-v18>b{display:none}}

/* ===== V20 - Documents Hop / PDF preview ===== */
.document-actions-v20{display:flex;align-items:center;gap:10px;flex-wrap:wrap}
.document-actions-v20 .quote-pdf-link-v18{appearance:none;border:0;cursor:pointer;font:inherit}
.document-actions-v20 .quote-pdf-link-v18.secondary{opacity:.72}
body.document-viewer-open{overflow:hidden}
.document-viewer-v20{position:fixed;inset:0;z-index:9999;display:none;align-items:center;justify-content:center;padding:22px}
.document-viewer-v20.is-open{display:flex}
.document-viewer-backdrop{position:absolute;inset:0;background:rgba(3,3,8,.82);backdrop-filter:blur(12px)}
.document-viewer-panel{position:relative;width:min(1120px,96vw);height:min(900px,92vh);background:#111119;border:1px solid rgba(255,255,255,.11);border-radius:22px;overflow:hidden;box-shadow:0 30px 100px rgba(0,0,0,.55);display:flex;flex-direction:column}
.document-viewer-panel>header{min-height:72px;padding:14px 18px 14px 22px;display:flex;align-items:center;justify-content:space-between;gap:20px;border-bottom:1px solid rgba(255,255,255,.08);background:#111119}
.document-viewer-panel>header>div:first-child{display:flex;flex-direction:column;gap:3px}
.document-viewer-panel>header span{font-size:10px;font-weight:800;letter-spacing:.12em;color:#8d70ff}
.document-viewer-panel>header strong{font-size:17px;color:#fff}
.document-viewer-actions{display:flex;align-items:center;gap:10px}
.document-viewer-close{width:42px;height:42px;border-radius:50%;border:1px solid rgba(255,255,255,.12);background:rgba(255,255,255,.04);color:#fff;font-size:25px;line-height:1;cursor:pointer}
.document-viewer-close:hover{background:rgba(255,255,255,.1)}
.document-viewer-frame-wrap{flex:1;min-height:0;background:#202027;padding:12px}
.document-viewer-frame-wrap iframe{width:100%;height:100%;border:0;border-radius:10px;background:#fff}

/* Animateur visible une fois la mission confirmée, sans exposer de coordonnées privées. */
.client-animator-card-v20{grid-column:1;grid-row:2;margin:0!important}
.event-detail-side{grid-column:2;grid-row:1 / span 2}
.client-animator-card-v20>span{font-size:10px;font-weight:800;letter-spacing:.1em;color:#8d70ff}
.client-animator-card-main-v20{display:flex;align-items:center;gap:13px;margin-top:14px}
.client-animator-avatar-v20{width:46px;height:46px;border-radius:50%;display:grid;place-items:center;background:linear-gradient(135deg,#ff8c2a,#ec3f89 48%,#7548ff);color:#fff;font-weight:900;font-size:18px}
.client-animator-card-main-v20>div:last-child{display:flex;flex-direction:column;gap:4px}
.client-animator-card-main-v20 strong{font-size:17px;color:#fff}
.client-animator-card-main-v20 small{font-size:11px;color:var(--studio-muted,#aaa)}
.client-animator-card-v20>p{margin:13px 0 0;font-size:12px;line-height:1.6;color:var(--studio-muted,#aaa)}

@media(max-width:800px){
  .document-viewer-v20{padding:0}
  .document-viewer-panel{width:100vw;height:100dvh;max-height:none;border-radius:0;border:0}
  .document-viewer-panel>header{padding:11px 12px 11px 15px;min-height:64px}
  .document-viewer-actions .btn{display:none}
  .document-viewer-frame-wrap{padding:0}
  .document-viewer-frame-wrap iframe{border-radius:0}
  .client-animator-card-v20,.event-detail-side{grid-column:auto;grid-row:auto}
}

/* ===== V22 - Missions animateur : réponse explicite + ordre de mission ===== */
.animator-pending-missions-v22{margin:0 0 24px;padding:24px;border:1px solid rgba(124,77,255,.38);border-radius:24px;background:linear-gradient(145deg,rgba(124,77,255,.17),rgba(124,77,255,.045));box-shadow:0 18px 50px rgba(45,25,90,.14)}
.animator-pending-head-v22{display:flex;align-items:flex-start;justify-content:space-between;gap:20px;margin-bottom:16px}.animator-pending-head-v22>div{display:grid;gap:5px}.animator-pending-head-v22 span{font-size:11px;font-weight:900;letter-spacing:.13em;color:#a98cff}.animator-pending-head-v22 h2{margin:0;font-size:clamp(1.35rem,2.4vw,1.8rem)}.animator-pending-head-v22 p{margin:0;max-width:680px;color:var(--text-muted,#9999aa);line-height:1.5}.animator-pending-head-v22>b{min-width:42px;height:42px;padding:0 10px;border-radius:14px;display:grid;place-items:center;background:#7c4dff;color:#fff;font-size:18px}
.animator-pending-list-v22{display:grid;gap:10px}.animator-pending-card-v22{display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:16px;padding:16px;border:1px solid rgba(255,255,255,.09);border-radius:18px;background:rgba(9,9,16,.45);color:inherit;text-decoration:none;transition:.18s ease}.animator-pending-card-v22:hover{transform:translateY(-2px);border-color:rgba(169,140,255,.45);background:rgba(19,17,31,.7)}
.animator-pending-date-v22{width:58px;height:58px;border-radius:16px;display:grid;place-items:center;align-content:center;background:rgba(124,77,255,.16);border:1px solid rgba(124,77,255,.22)}.animator-pending-date-v22 strong{font-size:22px;line-height:1}.animator-pending-date-v22 span{font-size:9px;font-weight:850;letter-spacing:.1em;color:#a98cff;margin-top:3px}.animator-pending-main-v22{display:grid;gap:9px}.animator-pending-title-v22{display:flex;gap:9px;align-items:baseline;flex-wrap:wrap}.animator-pending-title-v22 strong{font-size:17px}.animator-pending-title-v22 span{font-size:13px;color:var(--text-muted,#9999aa)}.animator-pending-facts-v22{display:flex;gap:7px;flex-wrap:wrap}.animator-pending-facts-v22 span{padding:5px 8px;border-radius:999px;background:rgba(255,255,255,.055);font-size:11px;color:rgba(255,255,255,.72)}.animator-pending-action-v22{display:grid;gap:5px;text-align:right}.animator-pending-action-v22 strong{font-size:19px}.animator-pending-action-v22 span{font-size:12px;color:#ad92ff;font-weight:750}
.mission-decision-kicker-v22{display:block;margin-bottom:8px;font-size:10px;font-weight:900;letter-spacing:.11em;color:#9f82ff}.mission-offer-decline-v22{margin-top:10px}.mission-requirement-v22{border-left:3px solid rgba(124,77,255,.55)}
.staff-decline-list-v22{display:grid;gap:10px}.staff-decline-list-v22>div{padding:13px 14px;border:1px solid rgba(255,255,255,.08);border-radius:13px;background:rgba(255,255,255,.025);display:grid;gap:4px}.staff-decline-list-v22 strong{font-size:14px}.staff-decline-list-v22 span{font-size:13px;color:#c0b4ff}.staff-decline-list-v22 p{margin:2px 0;font-size:13px;line-height:1.45}.staff-decline-list-v22 small{font-size:11px;opacity:.55}
@media(max-width:760px){.animator-pending-missions-v22{padding:18px 14px;border-radius:20px}.animator-pending-card-v22{grid-template-columns:auto 1fr;gap:12px}.animator-pending-action-v22{grid-column:1/-1;display:flex;justify-content:space-between;align-items:center;text-align:left;padding-top:8px;border-top:1px solid rgba(255,255,255,.07)}.animator-pending-head-v22>b{min-width:36px;height:36px;font-size:15px}.animator-pending-title-v22{display:grid;gap:3px}}

/* ===== V23 — Staff dispatch simplifié ===== */
.staff-dispatch-hero-v23{display:flex;align-items:center;justify-content:space-between;gap:24px;margin-bottom:20px;padding:22px 24px;border:1px solid rgba(124,77,255,.3);border-radius:20px;background:linear-gradient(135deg,rgba(124,77,255,.15),rgba(124,77,255,.035))}.staff-dispatch-hero-v23>div{display:grid;gap:5px}.staff-dispatch-hero-v23 span{font-size:10px;font-weight:900;letter-spacing:.14em;color:#aa8fff}.staff-dispatch-hero-v23 h2{margin:0;font-size:22px}.staff-dispatch-hero-v23 p{margin:0;color:var(--text-muted,#9999aa);font-size:13px}.staff-dispatch-hero-v23>b{min-width:50px;height:50px;padding:0 12px;border-radius:15px;display:grid;place-items:center;background:#7c4dff;color:#fff;font-size:20px}.staff-dispatch-hero-v23.waiting{border-color:rgba(255,174,72,.28);background:linear-gradient(135deg,rgba(255,174,72,.12),rgba(255,174,72,.025))}.staff-dispatch-hero-v23.waiting span{color:#ffb65b}.staff-dispatch-hero-v23.accepted{border-color:rgba(55,199,143,.28);background:linear-gradient(135deg,rgba(55,199,143,.12),rgba(55,199,143,.025))}.staff-dispatch-hero-v23.accepted span{color:#65d6aa}
.staff-detail-layout-v23{display:grid;grid-template-columns:minmax(0,1fr) 300px;gap:18px;align-items:start}.staff-detail-main-v23{display:grid;gap:18px}.staff-detail-side-v23{min-width:0}.staff-candidate-panel-v23{overflow:hidden}.staff-candidate-heading-v23{display:flex;align-items:flex-end;justify-content:space-between;gap:24px;margin-bottom:16px}.staff-candidate-heading-v23>div span{display:block;margin-bottom:4px;font-size:10px;font-weight:900;letter-spacing:.13em;color:#9272ff}.staff-candidate-heading-v23 h2{margin:0}.staff-candidate-heading-v23>small{max-width:390px;text-align:right;color:var(--text-muted,#9999aa);line-height:1.45}.staff-candidate-list-v23{display:grid;gap:10px}.staff-candidate-card-v23{position:relative;display:grid;grid-template-columns:52px minmax(0,1fr) 190px;gap:14px;align-items:center;padding:15px;border:1px solid rgba(255,255,255,.085);border-radius:17px;background:rgba(255,255,255,.018)}.staff-candidate-card-v23.recommended{border-color:rgba(124,77,255,.38);background:linear-gradient(135deg,rgba(124,77,255,.09),rgba(124,77,255,.02))}.staff-candidate-card-v23.blocked{opacity:.58}.staff-candidate-avatar-v23{width:48px;height:48px;border-radius:14px;overflow:hidden;display:grid;place-items:center;background:linear-gradient(135deg,#ff8c2a,#ee3f88 48%,#7548ff);color:#fff;font-size:18px;font-weight:900}.staff-candidate-avatar-v23 img{width:100%;height:100%;object-fit:cover}.staff-candidate-copy-v23{min-width:0}.staff-candidate-name-v23{display:flex;align-items:center;gap:9px;flex-wrap:wrap}.staff-candidate-name-v23 strong{font-size:15px}.staff-candidate-name-v23 span{padding:4px 7px;border-radius:999px;background:rgba(124,77,255,.18);color:#b7a1ff;font-size:9px;font-weight:850;letter-spacing:.06em}.staff-candidate-copy-v23>p{margin:3px 0 8px;color:var(--text-muted,#9999aa);font-size:12px}.staff-candidate-chips-v23{display:flex;gap:5px;flex-wrap:wrap}.staff-candidate-chips-v23 span{padding:4px 7px;border-radius:999px;background:rgba(255,255,255,.055);font-size:10px;color:rgba(255,255,255,.75)}.staff-candidate-warnings-v23{display:flex;gap:5px;flex-wrap:wrap;margin-top:7px}.staff-candidate-warnings-v23 span{font-size:10px;color:#ffbc70}.staff-candidate-action-v23{display:grid;grid-template-columns:1fr auto;gap:8px;align-items:center}.staff-candidate-action-v23>div:first-child{display:grid;gap:2px}.staff-candidate-action-v23 small{font-size:9px;color:var(--text-muted,#9999aa)}.staff-candidate-action-v23 strong{font-size:16px}.staff-candidate-action-v23 form{grid-column:1/-1}.staff-candidate-action-v23 .btn{width:100%;justify-content:center}.staff-candidate-score-v23{display:flex;align-items:center;gap:6px}.staff-candidate-score-v23 i{width:34px;height:5px;border-radius:99px;background:linear-gradient(90deg,#7c4dff var(--score),rgba(255,255,255,.08) var(--score))}.staff-candidate-score-v23 span{font-size:10px;color:#a896e7}.staff-mission-head-v23,.staff-mission-row-v23{grid-template-columns:70px 1.3fr 1.2fr 1fr 130px 170px!important}.staff-mission-row-v23.needs-staff{background:linear-gradient(90deg,rgba(124,77,255,.075),transparent 45%)}.staff-needs-anim-v23{color:#b59eff}.staff-mission-cta-v23{font-size:12px;font-weight:800;color:#a990ff;text-align:right}.staff-mission-row-v23:hover .staff-mission-cta-v23{color:#fff}
@media(max-width:1050px){.staff-detail-layout-v23{grid-template-columns:1fr}.staff-detail-side-v23 .sticky-review{position:static}.staff-mission-head-v23,.staff-mission-row-v23{grid-template-columns:60px 1.3fr 1fr 1fr 120px!important}.staff-mission-head-v23 span:last-child,.staff-mission-row-v23 .staff-mission-cta-v23{display:none}}
@media(max-width:760px){.staff-dispatch-hero-v23{align-items:flex-start;flex-direction:column;padding:18px}.staff-candidate-heading-v23{align-items:flex-start;flex-direction:column}.staff-candidate-heading-v23>small{text-align:left}.staff-candidate-card-v23{grid-template-columns:44px 1fr}.staff-candidate-avatar-v23{width:42px;height:42px}.staff-candidate-action-v23{grid-column:1/-1;grid-template-columns:1fr auto;padding-top:10px;border-top:1px solid rgba(255,255,255,.07)}.staff-table-head.staff-mission-head-v23{display:none}.staff-table-row.staff-mission-row-v23{display:grid!important;grid-template-columns:1fr auto!important;gap:8px;padding:14px}.staff-mission-row-v23>strong:first-child{font-size:11px;opacity:.5}.staff-mission-row-v23>div:nth-child(2){grid-column:1/-1}.staff-mission-row-v23>div:nth-child(3){grid-column:1/-1}.staff-mission-row-v23>span:nth-child(4){grid-column:1}.staff-mission-row-v23>span:nth-child(5){grid-column:2;grid-row:1 / span 2}}

/* ===== V24 STAFF DISPATCH CALENDAR ===== */
.dispatch-v24-head{display:flex;justify-content:space-between;gap:24px;align-items:flex-end;margin-bottom:18px}.dispatch-v24-head h1{margin:5px 0 5px;font-size:clamp(30px,4vw,48px);letter-spacing:-.04em}.dispatch-v24-head p{margin:0;max-width:760px;color:#9c9cab;font-size:15px}.dispatch-v24-summary{display:flex;gap:8px}.dispatch-v24-summary>div{min-width:105px;padding:13px 15px;border:1px solid #2b2b37;border-radius:15px;background:#12121a}.dispatch-v24-summary strong{display:block;font-size:24px}.dispatch-v24-summary span{display:block;margin-top:2px;color:#8f8f9e;font-size:11px}.dispatch-v24-summary .is-open strong{color:#ffbf5b}.dispatch-v24-summary .is-offered strong{color:#a78bfa}.dispatch-v24-summary .is-confirmed strong{color:#62d6a7}
.dispatch-v24-toolbar{display:flex;align-items:center;justify-content:space-between;gap:18px;margin-bottom:14px;padding:10px 12px;border:1px solid #292933;background:#111118;border-radius:16px}.dispatch-v24-weeknav{display:flex;align-items:center;gap:9px;flex:0 0 auto}.dispatch-v24-weeknav>a{display:grid;place-items:center;height:38px;min-width:38px;padding:0 11px;border-radius:11px;border:1px solid #30303b;color:#f8f8fb;text-decoration:none}.dispatch-v24-weeknav>div{padding:0 7px}.dispatch-v24-weeknav small{display:block;font-size:8px;color:#777789;letter-spacing:.16em}.dispatch-v24-weeknav strong{font-size:13px}.dispatch-v24-weeknav .dispatch-v24-today{font-size:11px;color:#bcbccb}.dispatch-v24-animfilters{display:flex;gap:6px;overflow:auto;padding-bottom:1px}.dispatch-v24-animfilters a{white-space:nowrap;text-decoration:none;color:#9494a4;border:1px solid #2a2a34;background:#17171f;padding:8px 11px;border-radius:999px;font-size:11px;font-weight:700}.dispatch-v24-animfilters a.active{background:#f5f3ff;color:#17121f;border-color:#f5f3ff}
.dispatch-v24-layout{display:grid;grid-template-columns:minmax(0,1fr) 330px;gap:14px;align-items:start}.dispatch-v24-calendar-card,.dispatch-v24-sidebar{border:1px solid #292933;background:#101017;border-radius:18px;overflow:hidden}.dispatch-v24-calendar-head{display:flex;justify-content:space-between;gap:16px;align-items:center;padding:17px 18px;border-bottom:1px solid #292933}.dispatch-v24-calendar-head span,.dispatch-v24-sidehead span,.dispatch-v24-inspector-title span{font-size:8px;font-weight:900;letter-spacing:.16em;color:#8067ff}.dispatch-v24-calendar-head h2,.dispatch-v24-sidehead h2{margin:3px 0 0;font-size:18px}.dispatch-v24-legend{display:flex;gap:11px;flex-wrap:wrap}.dispatch-v24-legend span{font-size:9px;color:#a1a1b0}.dispatch-v24-legend span:before{content:"";display:inline-block;width:7px;height:7px;margin-right:5px;border-radius:50%}.dispatch-v24-legend .available:before{background:#555566}.dispatch-v24-legend .offered:before{background:#8b6df6}.dispatch-v24-legend .accepted:before{background:#35b985}.dispatch-v24-legend .unavailable:before{background:#e66868}
.dispatch-v24-calendar-scroll{overflow:auto;max-height:68vh}.dispatch-v24-calendar{min-width:910px}.dispatch-v24-row{display:grid;grid-template-columns:190px repeat(7,minmax(102px,1fr));border-bottom:1px solid #23232d}.dispatch-v24-row:last-child{border-bottom:0}.dispatch-v24-row-head{position:sticky;top:0;z-index:5;background:#14141c}.dispatch-v24-personcell{padding:10px;border-right:1px solid #23232d;min-height:84px}.dispatch-v24-row-head .dispatch-v24-personcell{min-height:auto;display:flex;align-items:center;color:#777788;font-size:10px;font-weight:800}.dispatch-v24-dayhead{padding:8px 5px;text-align:center;border-right:1px solid #23232d}.dispatch-v24-dayhead span,.dispatch-v24-dayhead small{display:block;color:#6f6f81;font-size:8px;text-transform:uppercase}.dispatch-v24-dayhead strong{display:block;font-size:19px;margin:1px 0}.dispatch-v24-dayhead.today{background:rgba(124,77,255,.08)}.dispatch-v24-person{display:flex;gap:9px;align-items:center;text-decoration:none;color:#fff;height:100%}.dispatch-v24-avatar{display:grid;place-items:center;width:34px;height:34px;border-radius:11px;background:#242433;color:#fff;font-size:12px;font-weight:900;flex:0 0 auto}.dispatch-v24-person strong,.dispatch-v24-person small{display:block}.dispatch-v24-person strong{font-size:12px}.dispatch-v24-person small{font-size:9px;color:#777789;margin-top:3px;line-height:1.35}
.dispatch-v24-daycell{position:relative;min-height:84px;padding:5px;border-right:1px solid #23232d;transition:.16s ease;background:#0f0f16}.dispatch-v24-daycell.today{background:rgba(124,77,255,.035)}.dispatch-v24-cell-bg{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;pointer-events:none}.dispatch-v24-cell-bg span{font-size:8px;color:#41414e;font-weight:800}.dispatch-v24-daycell.state-unavailable{background:repeating-linear-gradient(-45deg,#15151c,#15151c 5px,#181820 5px,#181820 10px)}.dispatch-v24-daycell.state-unavailable .dispatch-v24-cell-bg span{color:#794d56}.dispatch-v24-daycell.drop-eligible{outline:1px dashed #7558ec;outline-offset:-4px;background:rgba(124,77,255,.06)}.dispatch-v24-daycell.drag-over{outline:2px solid #a68cff;outline-offset:-3px;background:rgba(124,77,255,.18);transform:inset}.dispatch-v24-event{position:relative;z-index:2;display:block;text-decoration:none;padding:7px 7px;margin-bottom:4px;border-radius:9px;border:1px solid #3a3a48;background:#20202a;color:#fff;line-height:1.15}.dispatch-v24-event span,.dispatch-v24-event strong,.dispatch-v24-event small{display:block}.dispatch-v24-event span{font-size:8px;font-weight:900}.dispatch-v24-event strong{font-size:10px;margin:3px 0}.dispatch-v24-event small{font-size:8px;color:#aaaaba}.dispatch-v24-event.status-offered{border-color:#6e57ca;background:#211b38}.dispatch-v24-event.status-offered span{color:#bfaeff}.dispatch-v24-event.status-accepted{border-color:#347c65;background:#142a24}.dispatch-v24-event.status-accepted span{color:#6ce0b2}
.dispatch-v24-sidebar{position:sticky;top:14px;max-height:calc(100vh - 30px);display:flex;flex-direction:column}.dispatch-v24-tabs{display:grid;grid-template-columns:repeat(3,1fr);border-bottom:1px solid #292933}.dispatch-v24-tabs a{padding:12px 6px;text-align:center;text-decoration:none;color:#757586;border-right:1px solid #292933}.dispatch-v24-tabs a:last-child{border-right:0}.dispatch-v24-tabs strong,.dispatch-v24-tabs span{display:block}.dispatch-v24-tabs strong{font-size:18px;color:#d5d5de}.dispatch-v24-tabs span{font-size:8px;margin-top:2px}.dispatch-v24-tabs a.active{background:#1a1823;color:#fff}.dispatch-v24-tabs a.active strong{color:#a98cff}.dispatch-v24-sidehead{display:flex;justify-content:space-between;align-items:center;padding:14px 14px 9px}.dispatch-v24-sidehead small{color:#6f6f7f;font-size:9px}.dispatch-v24-missionlist{padding:0 9px 10px;overflow:auto;max-height:38vh}.dispatch-v24-missioncard{padding:10px;margin:5px 0;border:1px solid #292934;border-radius:13px;background:#15151d;cursor:default;transition:.15s ease}.dispatch-v24-missioncard[draggable="true"]{cursor:grab}.dispatch-v24-missioncard[draggable="true"]:active{cursor:grabbing}.dispatch-v24-missioncard.dragging{opacity:.4;transform:scale(.985)}.dispatch-v24-missioncard.selected{border-color:#7457e6;background:#191723}.dispatch-v24-missioncard.status-offered{border-left:3px solid #8e72f5}.dispatch-v24-missioncard.status-accepted{border-left:3px solid #3ab985}.dispatch-v24-missiontop{display:flex;align-items:flex-start;gap:9px}.dispatch-v24-datebox{width:36px;height:43px;border-radius:9px;background:#22222d;display:grid;place-items:center;align-content:center;flex:0 0 auto}.dispatch-v24-datebox strong,.dispatch-v24-datebox span{display:block;text-align:center}.dispatch-v24-datebox strong{font-size:15px}.dispatch-v24-datebox span{font-size:7px;color:#8d8d9d;text-transform:uppercase}.dispatch-v24-missioncopy{min-width:0;flex:1}.dispatch-v24-missioncopy small,.dispatch-v24-missioncopy strong,.dispatch-v24-missioncopy span{display:block}.dispatch-v24-missioncopy small{font-size:8px;color:#878797}.dispatch-v24-missioncopy strong{font-size:11px;margin:3px 0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.dispatch-v24-missioncopy span{font-size:8px;color:#a0a0af}.dispatch-v24-draghint{color:#706f82;font-weight:900;letter-spacing:-3px}.dispatch-v24-missionactions{display:flex;gap:8px;margin-top:8px;padding-top:7px;border-top:1px solid #252530}.dispatch-v24-missionactions a{font-size:8px;color:#9d8cff;text-decoration:none}.dispatch-v24-empty-side{padding:24px 13px;text-align:center;color:#787889}.dispatch-v24-empty-side strong,.dispatch-v24-empty-side span{display:block}.dispatch-v24-empty-side strong{color:#b7b7c2;font-size:12px}.dispatch-v24-empty-side span{font-size:9px;margin-top:5px}
.dispatch-v24-inspector{padding:13px;border-top:1px solid #292933;background:#121219}.dispatch-v24-inspector-title strong{display:block;margin-top:4px;font-size:15px}.dispatch-v24-inspector-grid{display:grid;grid-template-columns:1fr 1fr;gap:7px;margin-top:11px}.dispatch-v24-inspector-grid div{padding:8px;border:1px solid #282833;border-radius:9px}.dispatch-v24-inspector-grid span,.dispatch-v24-inspector-grid strong{display:block}.dispatch-v24-inspector-grid span{font-size:7px;color:#747486;text-transform:uppercase}.dispatch-v24-inspector-grid strong{font-size:9px;margin-top:3px}.dispatch-v24-tip{font-size:9px;line-height:1.5;color:#9292a1;padding:9px;background:#191823;border-radius:9px}.dispatch-v24-currentanim{padding:10px;margin:10px 0;border-radius:10px;background:#1a1a23}.dispatch-v24-currentanim span,.dispatch-v24-currentanim strong,.dispatch-v24-currentanim small{display:block}.dispatch-v24-currentanim span{font-size:7px;color:#7f7f91;text-transform:uppercase}.dispatch-v24-currentanim strong{font-size:12px;margin:3px 0}.dispatch-v24-currentanim small{font-size:8px;color:#9797a6}.dispatch-v24-hidden-form{display:none}.dispatch-v24-toast{position:fixed;z-index:9999;left:50%;bottom:26px;transform:translate(-50%,18px);opacity:0;pointer-events:none;padding:10px 15px;border-radius:999px;background:#232032;border:1px solid #6956bf;color:#fff;font-size:11px;font-weight:800;transition:.2s ease}.dispatch-v24-toast.show{opacity:1;transform:translate(-50%,0)}.dispatch-v24-toast.bad{background:#341d22;border-color:#8e424e}.dispatch-v24-empty{padding:28px;color:#7e7e8e;text-align:center}
@media(max-width:1180px){.dispatch-v24-layout{grid-template-columns:1fr}.dispatch-v24-sidebar{position:static;max-height:none}.dispatch-v24-missionlist{max-height:320px}.dispatch-v24-head{align-items:flex-start}.dispatch-v24-toolbar{align-items:flex-start;flex-direction:column}.dispatch-v24-animfilters{width:100%}}
@media(max-width:760px){.dispatch-v24-head{display:block}.dispatch-v24-summary{margin-top:13px}.dispatch-v24-summary>div{min-width:0;flex:1}.dispatch-v24-summary span{font-size:8px}.dispatch-v24-calendar-head{display:block}.dispatch-v24-legend{margin-top:9px}.dispatch-v24-weeknav{width:100%;flex-wrap:wrap}.dispatch-v24-sidebar{border-radius:14px}}


/* HOP V26 — lisibilité et polish pré-production */
.client-main small:not(.status-pill), .client-main .loyalty-mini-card small, .client-main .client-user-card small { font-size:12px !important; line-height:1.4; }
.client-main .loyalty-mini-card a, .client-main .quotes-mini a { font-size:13px !important; }
.dispatch-v24-summary span,.dispatch-v24-weeknav small,.dispatch-v24-animfilters a,.dispatch-v24-legend span,.dispatch-v24-person small,.dispatch-v24-event strong,.dispatch-v24-event small,.dispatch-v24-tabs span,.dispatch-v24-sidehead small,.dispatch-v24-missioncopy strong,.dispatch-v24-missioncopy span,.dispatch-v24-missionactions a,.dispatch-v24-empty-side span,.dispatch-v24-inspector-grid strong,.dispatch-v24-tip,.dispatch-v24-currentanim small { font-size:11px !important; }
.dispatch-v24-calendar-head span,.dispatch-v24-sidehead span,.dispatch-v24-inspector-title span,.dispatch-v24-dayhead span,.dispatch-v24-dayhead small,.dispatch-v24-event span,.dispatch-v24-missioncopy small,.dispatch-v24-inspector-grid span,.dispatch-v24-currentanim span { font-size:10px !important; }
.mission-confirmed-help-v26 { margin-top:12px; padding:12px 14px; border:1px solid rgba(255,255,255,.09); border-radius:12px; color:#aeb3c3; font-size:13px; line-height:1.5; background:rgba(255,255,255,.025); }


/* HOP V27 — espace client : lisibilité + navigation */
.client-v12-body .client-sidebar nav{gap:3px!important}
.client-v12-body .client-sidebar nav a{font-size:14px!important;line-height:1.25!important;padding:13px 11px!important}
.client-nav-separator{margin:15px 10px 5px;padding-top:15px;border-top:1px solid rgba(255,255,255,.08)}
.client-nav-separator span{font-size:10px;line-height:1;font-weight:900;letter-spacing:.14em;color:#626879}
.client-v12-body .client-sidebar-bottom{gap:10px!important;padding-top:14px}
.client-v12-body .client-discover{font-size:13px!important;padding:12px!important}
.client-v12-body .client-user-card{grid-template-columns:38px 1fr!important;gap:10px!important;padding:14px 4px 4px!important}
.client-v12-body .client-user-card>span{width:38px!important;height:38px!important;font-size:14px!important}
.client-v12-body .client-user-card strong{font-size:13px!important;line-height:1.25!important}
.client-v12-body .client-user-card small{font-size:11px!important;line-height:1.35!important;margin-top:2px}
.client-logout-button{display:flex;align-items:center;justify-content:center;gap:9px;width:100%;padding:11px 12px;border:1px solid rgba(255,255,255,.09);border-radius:8px;color:#aeb3c2!important;background:rgba(255,255,255,.025);font-size:12px!important;font-weight:750;text-decoration:none;transition:.18s ease}
.client-logout-button:hover{color:#fff!important;border-color:rgba(255,255,255,.18);background:rgba(255,255,255,.05)}
.client-logout-button i{position:relative;width:15px;height:15px;display:block;flex:0 0 15px}
.client-logout-button i:before{content:"";position:absolute;left:1px;top:2px;width:8px;height:10px;border:1.6px solid currentColor;border-right:0;border-radius:3px 0 0 3px}
.client-logout-button i:after{content:"→";position:absolute;right:-1px;top:-3px;font-style:normal;font-size:17px;font-weight:700;line-height:18px}

/* La carte fidélité doit se lire au premier coup d'œil. */
.client-v12-body .loyalty-mini-card{padding:24px!important}
.client-v12-body .loyalty-mini-card>span{font-size:11px!important;line-height:1.2!important;letter-spacing:.12em!important;font-weight:850!important}
.client-v12-body .loyalty-mini-card h3{font-size:28px!important;line-height:1.08!important;margin:9px 0 5px!important}
.client-v12-body .loyalty-mini-card p{font-size:14px!important;line-height:1.45!important;margin:0 0 19px!important;color:rgba(255,255,255,.84)!important}
.client-v12-body .loyalty-mini-card small{font-size:13px!important;line-height:1.45!important;margin-top:9px!important;color:rgba(255,255,255,.82)!important}
.client-v12-body .loyalty-mini-card a{font-size:14px!important;line-height:1.3!important;margin-top:18px!important;font-weight:850!important;color:#fff!important}
.client-v12-body .loyalty-progress{height:7px!important}

/* Plancher de lisibilité sur le contenu utile de l'espace client. */
.client-v12-body .client-page-head p{font-size:14px!important;line-height:1.55!important}
.client-v12-body .client-kpi-grid article>span{font-size:12px!important;line-height:1.35!important}
.client-v12-body .event-row-main>span{font-size:11px!important}
.client-v12-body .event-row-main h3{font-size:15px!important}
.client-v12-body .event-row-main p{font-size:12px!important;line-height:1.4!important}
.client-v12-body .event-status{font-size:11px!important}
.client-v12-body .event-row-price{font-size:13px!important}
.client-v12-body .quote-mini-row strong{font-size:13px!important}
.client-v12-body .quote-mini-row span{font-size:12px!important;line-height:1.4!important}
.client-v12-body .quote-mini-row b{font-size:14px!important}
.client-v12-body .subtle-empty,.client-v12-body .client-empty p{font-size:13px!important;line-height:1.5!important}
.client-v12-body .business-quick-actions strong{font-size:13px!important}
.client-v12-body .business-quick-actions span{font-size:12px!important;line-height:1.4!important}
.client-v12-body .portal-table-row strong{font-size:13px!important}
.client-v12-body .portal-table-row small{font-size:12px!important;line-height:1.4!important}
.client-v12-body .portal-form-grid label>span{font-size:12px!important}
.client-v12-body .venue-card-body>span,.client-v12-body .venue-card-body small{font-size:11px!important}
.client-v12-body .venue-card-body p{font-size:13px!important;line-height:1.55!important}
.client-v12-body .venue-card-body a{font-size:13px!important}

@media(max-width:760px){
  .client-nav-separator{display:none!important}
  .client-logout-button{width:auto;white-space:nowrap;padding:10px 12px}
  .client-v12-body .client-sidebar-bottom{display:flex!important;align-items:center!important;gap:8px!important;padding-top:0!important}
  .client-v12-body .client-user-card{display:none!important}
  .client-v12-body .client-discover{white-space:nowrap!important}
}

/* =========================================================
   V28 — Client / Staff support messaging
   ========================================================= */
.nav-unread-badge,
.support-thread-unread {
  display:inline-flex;align-items:center;justify-content:center;min-width:21px;height:21px;padding:0 6px;border-radius:999px;
  background:#ff4d67;color:#fff;font-size:11px;font-weight:800;line-height:1;box-shadow:0 0 0 3px rgba(255,77,103,.12)
}
.client-nav-message-link .nav-unread-badge,.staff-message-nav .nav-unread-badge{margin-left:auto}
.portal-nav-icon.nav-messages:before{content:"";display:block;width:14px;height:11px;border:1.8px solid currentColor;border-radius:4px;position:absolute;left:3px;top:4px}
.portal-nav-icon.nav-messages:after{content:"";position:absolute;width:5px;height:5px;border-left:1.8px solid currentColor;border-bottom:1.8px solid currentColor;transform:skewY(-28deg);left:6px;top:12px;background:transparent}

.support-page-head{margin-bottom:24px}
.support-layout{display:grid;grid-template-columns:minmax(300px,.78fr) minmax(460px,1.22fr);gap:20px;align-items:start}
.support-inbox-panel,.support-compose-panel,.support-conversation-card{border:1px solid rgba(255,255,255,.08);background:linear-gradient(180deg,rgba(21,21,34,.97),rgba(11,11,20,.98));border-radius:24px;overflow:hidden}
.support-panel-title{display:flex;align-items:flex-end;justify-content:space-between;padding:22px 22px 16px;border-bottom:1px solid rgba(255,255,255,.07)}
.support-panel-title span,.support-compose-intro>span{font-size:11px;font-weight:800;letter-spacing:.13em;color:#9b8cff}
.support-panel-title h2,.support-compose-intro h2{font-size:22px;line-height:1.15;margin:5px 0 0;color:#fff}
.support-panel-title>b{font-size:12px;color:#9994a8;background:rgba(255,255,255,.06);padding:7px 10px;border-radius:999px}
.support-thread-list{display:flex;flex-direction:column}
.support-thread-row{display:grid;grid-template-columns:38px minmax(0,1fr) auto;gap:12px;align-items:center;padding:16px 18px;color:inherit;text-decoration:none;border-bottom:1px solid rgba(255,255,255,.055);transition:.18s ease}
.support-thread-row:hover{background:rgba(124,77,255,.075)}
.support-thread-avatar{width:38px;height:38px;border-radius:12px;display:grid;place-items:center;background:linear-gradient(145deg,#7c4dff,#b268ff);font-weight:900;color:white}
.support-thread-copy{min-width:0}.support-thread-copy>div{display:flex;justify-content:space-between;gap:10px;align-items:baseline}.support-thread-copy strong{font-size:14px;color:#fff;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.support-thread-copy time{font-size:11px;color:#777287;white-space:nowrap}.support-thread-copy>span{display:block;color:#9d97ab;font-size:12px;margin-top:3px}.support-thread-copy p{font-size:12.5px;color:#7f7a8c;margin:5px 0 0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.support-empty{padding:34px 22px;text-align:center}.support-empty strong{font-size:16px}.support-empty p{font-size:13px;color:#858091;margin:6px 0 0}

.support-compose-panel{padding:26px}.support-compose-intro p{font-size:13.5px;line-height:1.55;color:#9690a2;max-width:620px;margin:8px 0 0}.support-compose-form{display:grid;gap:16px;margin-top:24px}.support-compose-form label{display:grid;gap:7px;font-size:12.5px;font-weight:700;color:#dcd8e7}.support-compose-form input,.support-compose-form select,.support-compose-form textarea,.support-reply-box textarea{width:100%;border:1px solid rgba(255,255,255,.11);background:#0d0d16;color:#fff;border-radius:13px;padding:13px 14px;font:inherit;font-size:14px;outline:none;transition:.18s ease;box-sizing:border-box}.support-compose-form input:focus,.support-compose-form select:focus,.support-compose-form textarea:focus,.support-reply-box textarea:focus{border-color:#7c4dff;box-shadow:0 0 0 3px rgba(124,77,255,.12)}.support-compose-form textarea,.support-reply-box textarea{resize:vertical;line-height:1.5}.support-compose-actions{display:flex;align-items:center;justify-content:space-between;gap:18px}.support-compose-actions>span,.support-reply-box>div>span{font-size:12px;color:#817c8d;max-width:390px}

.support-thread-page{max-width:980px;margin:0 auto}.support-thread-header{display:flex;align-items:flex-end;justify-content:space-between;gap:18px;margin:18px 0 20px}.support-thread-header>div>span{font-size:11px;font-weight:800;letter-spacing:.11em;color:#9688ff}.support-thread-header h1{font-size:30px;margin:5px 0 0}.support-status{font-size:12px;border-radius:999px;padding:8px 12px;background:rgba(255,255,255,.07);color:#c9c4d2}.support-status-open{background:rgba(255,179,71,.12);color:#ffc06a}.support-status-waiting_client{background:rgba(124,77,255,.12);color:#af98ff}.support-status-closed{color:#8d8995}
.support-conversation-card{overflow:hidden}.support-conversation{padding:26px;display:flex;flex-direction:column;gap:14px;min-height:300px;max-height:58vh;overflow:auto}.support-message{max-width:78%;padding:13px 15px;border-radius:17px;background:#191824;border:1px solid rgba(255,255,255,.07)}.support-message.from-client{align-self:flex-end;background:linear-gradient(145deg,rgba(124,77,255,.25),rgba(124,77,255,.13));border-color:rgba(124,77,255,.25)}.support-message.from-staff{align-self:flex-start}.support-message-meta{display:flex;align-items:center;justify-content:space-between;gap:18px;margin-bottom:6px}.support-message-meta strong{font-size:11.5px;color:#d9d5e2}.support-message-meta time{font-size:10.5px;color:#777282}.support-message p{font-size:14px;line-height:1.55;color:#f0edf4;margin:0}.support-reply-box{border-top:1px solid rgba(255,255,255,.07);padding:18px;background:rgba(0,0,0,.15)}.support-reply-box>div{display:flex;align-items:center;justify-content:space-between;gap:15px;margin-top:10px}

.support-context-link{margin-top:12px}.client-contact-actions{display:flex;align-items:center;gap:12px;flex-wrap:wrap;margin-top:14px}

/* Staff inbox */
.support-staff-tabs a span{display:inline-flex;align-items:center;justify-content:center;min-width:20px;height:20px;padding:0 6px;margin-left:5px;border-radius:999px;background:rgba(255,255,255,.07);font-size:10px}.support-staff-inbox{overflow:hidden}.support-staff-row{display:grid;grid-template-columns:42px minmax(0,1fr) auto 20px;gap:14px;align-items:center;padding:17px 18px;border-bottom:1px solid rgba(255,255,255,.065);text-decoration:none;color:inherit;transition:.17s ease}.support-staff-row:hover{background:rgba(124,77,255,.06)}.support-staff-main{min-width:0}.support-staff-main>div{display:flex;gap:9px;align-items:baseline}.support-staff-main>div strong{font-size:13px;color:#fff}.support-staff-main>div span{font-size:11px;color:#817b8d}.support-staff-main h3{font-size:14.5px;margin:4px 0 3px}.support-staff-main p{font-size:12px;color:#817b8d;margin:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.support-staff-meta{display:flex;align-items:flex-end;flex-direction:column;gap:7px}.support-staff-meta time{font-size:11px;color:#777180}.status-pill.status-open{background:rgba(255,179,71,.12);color:#ffc06a}.status-pill.status-waiting_client{background:rgba(124,77,255,.13);color:#b39cff}.status-pill.status-closed{background:rgba(255,255,255,.06);color:#8c8793}
.support-staff-thread-layout{display:grid;grid-template-columns:minmax(0,1fr) 300px;gap:18px;align-items:start}.support-conversation-card-staff{padding:0}.support-context-panel{padding:22px;position:sticky;top:18px}.support-context-panel h2{margin:5px 0 17px;font-size:20px}.support-context-panel>strong{display:block;font-size:14px;margin-top:6px}.support-context-panel>p{font-size:12.5px;line-height:1.55;color:#9993a3}.support-context-panel hr{border:0;border-top:1px solid rgba(255,255,255,.075);margin:20px 0}.btn-full{width:100%;justify-content:center;box-sizing:border-box}.support-staff-thread-head{margin-top:16px}

@media (max-width: 980px){.support-layout,.support-staff-thread-layout{grid-template-columns:1fr}.support-context-panel{position:static}.support-inbox-panel{order:2}.support-compose-panel{order:1}}
@media (max-width: 640px){.support-compose-panel{padding:20px}.support-compose-actions,.support-reply-box>div{align-items:stretch;flex-direction:column}.support-compose-actions .btn,.support-reply-box .btn{width:100%;justify-content:center}.support-message{max-width:90%}.support-thread-header{align-items:flex-start;flex-direction:column}.support-staff-row{grid-template-columns:36px minmax(0,1fr) 20px}.support-staff-meta{grid-column:2/3;align-items:flex-start;flex-direction:row}.support-conversation{padding:18px}}

/* V29 — édition staff & historique workflow */
.workflow-editor { overflow: hidden; }
.workflow-editor > summary { list-style: none; cursor: pointer; display: flex; align-items: center; justify-content: space-between; gap: 18px; }
.workflow-editor > summary::-webkit-details-marker { display: none; }
.workflow-editor > summary span:first-child { display: flex; flex-direction: column; gap: 4px; }
.workflow-editor > summary b { font-size: 17px; color: #17151f; }
.workflow-editor > summary small { font-size: 13px; color: #777284; }
.workflow-editor > summary span:last-child { font-weight: 800; font-size: 13px; color: #6e43e8; }
.workflow-editor[open] > summary { padding-bottom: 18px; margin-bottom: 18px; border-bottom: 1px solid rgba(30,24,45,.08); }
.staff-edit-form { display: grid; gap: 18px; }
.staff-form-grid { display: grid; grid-template-columns: repeat(2,minmax(0,1fr)); gap: 14px 16px; }
.staff-form-grid .form-group { margin: 0; }
.staff-form-grid .form-group label, .workflow-control label { display: block; margin-bottom: 6px; font-size: 12px; font-weight: 800; color: #514c5d; }
.staff-form-grid .form-check-row { display: flex; align-items: center; justify-content: space-between; border: 1px solid rgba(30,24,45,.09); border-radius: 14px; padding: 12px 14px; }
.staff-form-grid .form-check-row label { margin: 0; }
.staff-form-grid .form-check-row input { width: 20px; height: 20px; }
.workflow-control { margin-top: 16px; }
.workflow-control textarea { width: 100%; min-height: 78px; margin-bottom: 12px; resize: vertical; }
.workflow-history { display: grid; }
.workflow-history-row { display: grid; grid-template-columns: 14px minmax(0,1fr) auto; gap: 10px; align-items: start; padding: 13px 0; border-bottom: 1px solid rgba(30,24,45,.07); }
.workflow-history-row:last-child { border-bottom: 0; }
.workflow-dot { width: 9px; height: 9px; border-radius: 50%; background: #7950f2; margin-top: 5px; }
.workflow-history-row strong { font-size: 13px; color: #201c29; }
.workflow-history-row p { margin: 3px 0 0; font-size: 12px; color: #716b7c; line-height: 1.45; }
.workflow-history-row > small { font-size: 11px; color: #96909f; white-space: nowrap; }
@media (max-width: 820px) {
  .staff-form-grid { grid-template-columns: 1fr; }
  .workflow-history-row { grid-template-columns: 12px 1fr; }
  .workflow-history-row > small { grid-column: 2; }
}
\n\n/* V30 — Staff workflow clarity */\n.staff-action-stack{display:grid;gap:10px;margin-top:14px}.staff-action-stack .btn{width:100%;min-height:44px;box-sizing:border-box}.staff-action-separator{display:flex;align-items:center;gap:10px;margin:4px 0;color:#73798a;font-size:10px;font-weight:850;letter-spacing:.08em;text-transform:uppercase}.staff-action-separator:before,.staff-action-separator:after{content:"";height:1px;flex:1;background:rgba(255,255,255,.075)}\n.workflow-control-v30{display:grid!important;gap:18px!important;margin-top:18px!important;padding-top:24px!important}.workflow-control-head-v30{display:flex;align-items:flex-start;justify-content:space-between;gap:16px}.workflow-control-head-v30>div>span{display:block;margin-bottom:5px;font-size:10px;font-weight:900;letter-spacing:.13em;color:#9184ff}.workflow-control-head-v30 h2{margin:0;font-size:21px;line-height:1.05;color:#fff}.workflow-current-v30{display:inline-flex;align-items:center;padding:6px 9px;border:1px solid rgba(145,132,255,.22);background:rgba(145,132,255,.08);color:#b5aaff;border-radius:999px;font-size:10px;font-weight:850;white-space:nowrap}.workflow-control-v30 .staff-helper{margin:0!important;font-size:12.5px!important;line-height:1.55;color:#979dad!important}.workflow-reason-v30{display:grid;gap:7px;padding-top:2px}.workflow-reason-v30 label{margin:0!important;color:#e8e9f1!important;font-size:12px!important;font-weight:800!important}.workflow-reason-v30 textarea,.workflow-reason-v30 input{display:block;width:100%!important;box-sizing:border-box!important;min-height:92px!important;margin:0!important;padding:12px 13px!important;border:1px solid rgba(255,255,255,.10)!important;border-radius:10px!important;background:#0c0e15!important;color:#fff!important;font:inherit!important;line-height:1.45!important;resize:vertical}.workflow-reason-v30 textarea:focus,.workflow-reason-v30 input:focus{outline:none!important;border-color:rgba(145,132,255,.52)!important;box-shadow:0 0 0 3px rgba(145,132,255,.08)!important}.workflow-reason-v30 small{font-size:10.5px;color:#6f7586}.workflow-actions-v30{display:grid;border-top:1px solid rgba(255,255,255,.075)}.workflow-action-v30{appearance:none;width:100%;display:flex;align-items:center;justify-content:space-between;gap:15px;padding:15px 2px;border:0;border-bottom:1px solid rgba(255,255,255,.075);background:transparent;color:#fff;text-align:left;cursor:pointer;transition:.17s ease}.workflow-action-v30:hover{padding-left:8px;background:linear-gradient(90deg,rgba(124,77,255,.08),transparent 70%)}.workflow-action-v30 span{display:grid;gap:3px}.workflow-action-v30 b{font-size:13px;color:#fff}.workflow-action-v30 small{font-size:10.5px;line-height:1.4;color:#858b9c}.workflow-action-v30 i{font-style:normal;font-size:17px;color:#9b8cff}.workflow-danger-v30{display:flex;align-items:center;justify-content:space-between;gap:14px;padding-top:16px;border-top:1px solid rgba(255,80,108,.16)}.workflow-danger-v30>span{display:grid;gap:3px}.workflow-danger-v30 b{font-size:12.5px;color:#ff8b9d}.workflow-danger-v30 small{font-size:10px;color:#7f7580}.workflow-danger-v30 .btn{flex:0 0 auto;padding:9px 13px}.workflow-editor>summary b{color:#fff!important}.workflow-editor>summary small{color:#8f95a7!important}.workflow-editor>summary span:last-child{color:#a89aff!important}.workflow-editor[open]>summary{border-bottom-color:rgba(255,255,255,.08)!important}.staff-form-grid .form-group label{color:#d9dce7!important}.workflow-history-row{border-bottom-color:rgba(255,255,255,.07)!important}.workflow-history-row strong{color:#fff!important}.workflow-history-row p{color:#8e94a5!important}.workflow-history-row>small{color:#686f80!important}\n@media(max-width:1180px){.staff-detail-layout{grid-template-columns:minmax(0,1fr) 330px!important}}\n@media(max-width:980px){.staff-detail-layout{grid-template-columns:1fr!important}.staff-detail-side{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px}.staff-detail-side .sticky-review{position:static!important}.workflow-control-v30{margin-top:0!important}}\n@media(max-width:680px){.staff-detail-side{grid-template-columns:1fr}.workflow-control-head-v30{flex-direction:column}.workflow-danger-v30{align-items:flex-start;flex-direction:column}.workflow-danger-v30 .btn{width:100%}}\n
/* V31 — Staff edit modal */
.staff-edit-launcher {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 24px;
}
.staff-edit-launcher > div { min-width: 0; }
.staff-edit-launcher > div > span {
  display: block;
  margin-bottom: 5px;
  font-size: 10px;
  font-weight: 800;
  letter-spacing: .14em;
  color: #9682ff;
}
.staff-edit-launcher h2 { margin: 0 0 5px; }
.staff-edit-launcher p { margin: 0; color: var(--muted, #9292a0); line-height: 1.45; }
.staff-edit-launcher .btn { flex: 0 0 auto; }

body.staff-modal-open { overflow: hidden; }
.staff-edit-modal {
  position: fixed;
  inset: 0;
  z-index: 10000;
  display: none;
  align-items: center;
  justify-content: center;
  padding: 24px;
}
.staff-edit-modal.is-open { display: flex; }
.staff-edit-modal-backdrop {
  position: absolute;
  inset: 0;
  background: rgba(4, 4, 10, .78);
  backdrop-filter: blur(8px);
}
.staff-edit-modal-dialog {
  position: relative;
  z-index: 1;
  width: min(940px, 100%);
  max-height: min(88vh, 920px);
  display: flex;
  flex-direction: column;
  overflow: hidden;
  border: 1px solid rgba(255,255,255,.12);
  border-radius: 24px;
  background: #111119;
  box-shadow: 0 28px 90px rgba(0,0,0,.5);
}
.staff-edit-modal-head {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  gap: 24px;
  padding: 24px 26px 20px;
  border-bottom: 1px solid rgba(255,255,255,.08);
}
.staff-edit-modal-head h2 { margin: 3px 0 5px; font-size: 26px; }
.staff-edit-modal-head p { margin: 0; color: #a3a3b2; line-height: 1.5; }
.staff-edit-modal-close {
  width: 42px;
  height: 42px;
  flex: 0 0 42px;
  border: 1px solid rgba(255,255,255,.12);
  border-radius: 50%;
  background: rgba(255,255,255,.04);
  color: #fff;
  font: 300 28px/1 sans-serif;
  cursor: pointer;
}
.staff-edit-modal-close:hover { background: rgba(255,255,255,.09); }
.staff-edit-modal-form {
  min-height: 0;
  display: flex;
  flex-direction: column;
  flex: 1;
}
.staff-edit-modal-body {
  min-height: 0;
  overflow-y: auto;
  padding: 24px 26px 28px;
}
.staff-modal-form-grid {
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 18px 20px;
}
.staff-edit-modal .form-group { min-width: 0; margin: 0; }
.staff-edit-modal .form-group label {
  display: block;
  margin-bottom: 7px;
  font-size: 12px;
  font-weight: 750;
  color: #dedee7;
}
.staff-edit-modal .form-group input:not([type="checkbox"]),
.staff-edit-modal .form-group select,
.staff-edit-modal .form-group textarea {
  width: 100%;
  min-height: 46px;
  box-sizing: border-box;
}
.staff-edit-modal .form-group textarea { min-height: 105px; resize: vertical; }
.staff-edit-modal .form-check-row {
  align-self: stretch;
  display: flex;
  align-items: center;
  gap: 10px;
  min-height: 48px;
  padding: 12px 14px;
  border: 1px solid rgba(255,255,255,.08);
  border-radius: 14px;
  background: rgba(255,255,255,.025);
}
.staff-edit-modal .form-check-row label { margin: 0; order: 2; }
.staff-edit-modal .form-check-row input { order: 1; width: 18px; height: 18px; }
.staff-field-help { display: block; margin-top: 6px; color: #858596; line-height: 1.4; }
.modal-form-error { margin-bottom: 16px; }
.staff-edit-modal-note {
  margin-top: 22px;
  padding: 15px 17px;
  border: 1px solid rgba(124,77,255,.24);
  border-radius: 15px;
  background: rgba(124,77,255,.07);
}
.staff-edit-modal-note strong { display: block; margin-bottom: 4px; font-size: 13px; color: #ece9ff; }
.staff-edit-modal-note p { margin: 0; color: #aaa6bd; font-size: 12px; line-height: 1.55; }
.staff-edit-modal-footer {
  display: flex;
  justify-content: flex-end;
  gap: 10px;
  padding: 16px 26px;
  border-top: 1px solid rgba(255,255,255,.08);
  background: rgba(8,8,13,.92);
}
.staff-edit-modal-footer .btn { min-width: 150px; }

@media (max-width: 760px) {
  .staff-edit-launcher { align-items: stretch; flex-direction: column; }
  .staff-edit-launcher .btn { width: 100%; }
  .staff-edit-modal { padding: 10px; align-items: flex-end; }
  .staff-edit-modal-dialog { max-height: 94vh; border-radius: 20px 20px 12px 12px; }
  .staff-edit-modal-head { padding: 20px 18px 16px; }
  .staff-edit-modal-head h2 { font-size: 22px; }
  .staff-edit-modal-body { padding: 18px; }
  .staff-modal-form-grid { grid-template-columns: 1fr; }
  .staff-edit-modal-footer { padding: 14px 18px; }
  .staff-edit-modal-footer .btn { min-width: 0; flex: 1; }
}


/* V32 — Staff sidebar layout fix */
.staff-detail-side-v32{
  display:flex!important;
  flex-direction:column!important;
  gap:18px!important;
  align-self:start!important;
  min-width:0!important;
}
.staff-detail-side-v32 > .staff-panel,
.staff-detail-side-v32 > form{
  position:relative!important;
  top:auto!important;
  width:100%!important;
  max-width:100%!important;
  box-sizing:border-box!important;
  margin:0!important;
  flex:0 0 auto!important;
  clear:both!important;
}
.staff-detail-side-v32 .sticky-review{
  position:relative!important;
  top:auto!important;
}
.staff-detail-side-v32 .workflow-control-v30{
  margin-top:0!important;
  z-index:0!important;
}
.staff-detail-side-v32 .workflow-control-head-v30,
.staff-detail-side-v32 .workflow-reason-v30,
.staff-detail-side-v32 .workflow-actions-v30{
  min-width:0!important;
}
.staff-detail-side-v32 .workflow-action-v30 span{
  min-width:0!important;
}
.staff-detail-side-v32 .workflow-action-v30 b,
.staff-detail-side-v32 .workflow-action-v30 small{
  overflow-wrap:anywhere;
}
@media(max-width:980px){
  .staff-detail-side-v32{display:flex!important;grid-template-columns:none!important;}
}

/* V34 — recherche, filtres et historique */
.staff-quote-searchbar{display:grid;grid-template-columns:minmax(260px,1.8fr) repeat(5,minmax(120px,1fr));gap:12px;align-items:end;margin:18px 0 14px;padding:16px;border:1px solid rgba(255,255,255,.08);border-radius:18px;background:rgba(255,255,255,.025)}
.staff-quote-searchbar>div{min-width:0}.staff-quote-searchbar label{display:block;margin:0 0 7px;font-size:11px;font-weight:800;letter-spacing:.08em;text-transform:uppercase;color:rgba(255,255,255,.58)}
.staff-quote-searchbar input,.staff-quote-searchbar select{width:100%;min-height:44px;border:1px solid rgba(255,255,255,.11);border-radius:12px;background:#101018;color:#fff;padding:0 12px;font:inherit;outline:none}
.staff-quote-searchbar input:focus,.staff-quote-searchbar select:focus{border-color:rgba(142,91,255,.7);box-shadow:0 0 0 3px rgba(124,77,255,.12)}
.staff-quote-search-actions{display:flex;gap:8px;grid-column:1/-1;justify-content:flex-end}.staff-filter-tabs--quotes{overflow-x:auto;padding-bottom:4px}
.staff-empty span{display:block;margin-top:5px;color:var(--muted,#8f8f9d)}
.hop-pagination{display:flex;align-items:center;justify-content:center;gap:18px;margin:20px 0 4px;font-size:13px}.hop-pagination a{padding:9px 13px;border:1px solid rgba(255,255,255,.1);border-radius:10px;text-decoration:none}.hop-pagination span{color:rgba(255,255,255,.6)}

.client-quote-tools{display:grid;grid-template-columns:minmax(260px,1fr) 190px auto auto;gap:10px;align-items:center;margin:16px 0 18px}.client-quote-tools input,.client-quote-tools select{min-height:44px;border:1px solid rgba(255,255,255,.1);border-radius:13px;background:rgba(255,255,255,.035);color:inherit;padding:0 13px;font:inherit}.client-quote-reset{font-size:13px;text-decoration:none;opacity:.7}.client-quote-reset:hover{opacity:1}.hop-pagination--client a{color:inherit}.hop-pagination--client span{color:inherit;opacity:.6}

.client-history-panel{margin-top:22px;padding:22px;border:1px solid rgba(255,255,255,.08);border-radius:20px;background:rgba(255,255,255,.025)}
.client-history-timeline{display:grid;gap:0;margin-top:14px}.client-history-item{position:relative;display:grid;grid-template-columns:18px 1fr;gap:12px;padding:0 0 18px}.client-history-item:last-child{padding-bottom:0}.client-history-item:before{content:"";position:absolute;left:5px;top:12px;bottom:-2px;width:1px;background:rgba(255,255,255,.1)}.client-history-item:last-child:before{display:none}.client-history-item>i{width:11px;height:11px;margin-top:4px;border-radius:50%;background:linear-gradient(135deg,#ff7a18,#8b46ff);box-shadow:0 0 0 4px rgba(139,70,255,.1)}
.client-history-item strong{display:block;font-size:14px;line-height:1.35}.client-history-item p{margin:4px 0 5px;font-size:13px;line-height:1.5;opacity:.78}.client-history-item small{font-size:11px;opacity:.48}

@media(max-width:1180px){.staff-quote-searchbar{grid-template-columns:repeat(3,minmax(140px,1fr))}.staff-quote-search-main{grid-column:1/-1}}
@media(max-width:760px){.staff-quote-searchbar{grid-template-columns:1fr 1fr}.staff-quote-search-main,.staff-quote-search-actions{grid-column:1/-1}.client-quote-tools{grid-template-columns:1fr}.client-quote-tools .btn{width:100%}.hop-pagination{justify-content:space-between;gap:8px}.hop-pagination span{font-size:12px}}

/* V35 — Client filter select readability */
.portal-body .client-quote-tools select,
.portal-body .client-quote-tools select:focus {
  background:#11121a !important;
  color:#f4f4f8 !important;
  color-scheme:dark;
}
.portal-body .client-quote-tools select option {
  background:#11121a !important;
  color:#f4f4f8 !important;
}
.portal-body .client-quote-tools select option:checked,
.portal-body .client-quote-tools select option:hover {
  background:#242231 !important;
  color:#fff !important;
}

/* Keep native selects readable across the whole client portal. */
.portal-body select {
  color-scheme:dark;
}
.portal-body select option {
  background:#11121a;
  color:#f4f4f8;
}

/* =========================================================
   V36 — STAFF SIMPLIFICATION
   ========================================================= */
.staff-simplified .staff-main{max-width:1600px}
.staff-nav-v36{gap:4px}.staff-nav-label-v36{margin:18px 12px 6px;opacity:.58;font-size:10px;letter-spacing:.14em}
.staff-nav-v36 .staff-nav-label-v36:first-of-type{margin-top:18px}
.staff-simplified .staff-sidebar .staff-logout{display:flex;align-items:center;justify-content:center;min-height:40px;border:1px solid rgba(255,255,255,.1);border-radius:10px;text-decoration:none}

.staff-simple-dashboard{display:flex;flex-direction:column;gap:22px}
.staff-simple-head{display:flex;justify-content:space-between;align-items:flex-end;gap:20px;padding:6px 0 2px}.staff-simple-head h1{margin:4px 0;font-size:clamp(28px,3vw,42px)}.staff-simple-head p{margin:0;opacity:.62}
.staff-simple-priorities{display:flex;flex-direction:column;gap:10px}.staff-simple-section-head{display:flex;align-items:center;justify-content:space-between;gap:12px}.staff-simple-section-head h2{margin:0;font-size:18px}.staff-simple-section-head>span{display:grid;place-items:center;min-width:28px;height:28px;padding:0 8px;border-radius:999px;background:rgba(124,77,255,.14);font-weight:800}
.staff-simple-actions{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:10px}.staff-simple-action{display:grid;grid-template-columns:44px 1fr 20px;align-items:center;gap:12px;padding:14px 16px;border:1px solid rgba(255,255,255,.08);border-radius:14px;background:rgba(255,255,255,.025);text-decoration:none;color:inherit;transition:.18s ease}.staff-simple-action:hover{transform:translateY(-1px);border-color:rgba(124,77,255,.35);background:rgba(124,77,255,.06)}.staff-simple-action>b{font-size:24px}.staff-simple-action span{display:flex;flex-direction:column;gap:2px}.staff-simple-action span strong{font-size:14px}.staff-simple-action span small{font-size:12px;opacity:.58;line-height:1.35}.staff-simple-action i{font-style:normal;opacity:.55;font-size:18px}
.staff-simple-grid{display:grid;grid-template-columns:1fr 1fr;gap:16px}.staff-simple-card{padding:18px}.staff-simple-event-list{display:flex;flex-direction:column;margin-top:10px}.staff-simple-event{display:grid;grid-template-columns:58px minmax(0,1fr) auto;gap:12px;align-items:center;padding:12px 0;border-top:1px solid rgba(255,255,255,.07);text-decoration:none;color:inherit}.staff-simple-event:first-child{border-top:0}.staff-simple-event time{font-weight:800}.staff-simple-event>span{display:flex;flex-direction:column;min-width:0}.staff-simple-event>span strong{font-size:14px}.staff-simple-event>span small{font-size:12px;opacity:.62;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.staff-simple-event em{font-style:normal}.staff-simple-more{display:inline-block;margin-top:12px;font-size:13px}.staff-simple-empty{padding:18px;border:1px dashed rgba(255,255,255,.1);border-radius:12px;opacity:.62}

.staff-page-head-v36 p{margin-top:4px}.staff-quote-searchbar-v36{display:flex;flex-wrap:wrap;align-items:center;gap:10px;padding:12px 0 6px}.staff-quote-searchbar-v36 .staff-quote-search-main{flex:1;min-width:280px}.staff-quote-searchbar-v36 .staff-quote-search-main label{display:none}.staff-quote-searchbar-v36 input[type=search]{min-height:44px}.staff-search-primary-actions{display:flex;gap:8px}
.staff-advanced-filters{width:100%;border:0!important;background:transparent!important;padding:0!important}.staff-advanced-filters summary{cursor:pointer;width:max-content;font-size:12px;opacity:.68;padding:8px 0;list-style:none}.staff-advanced-filters summary::-webkit-details-marker{display:none}.staff-advanced-filters summary:before{content:'＋';margin-right:7px}.staff-advanced-filters[open] summary:before{content:'−'}.staff-advanced-filters-grid{display:grid;grid-template-columns:1.4fr 1fr 1fr 1.2fr auto;gap:10px;align-items:end;padding:12px 0}.staff-advanced-filters-grid label{display:block;margin-bottom:5px;font-size:11px;opacity:.62}.staff-advanced-filters-grid select,.staff-advanced-filters-grid input{width:100%}
.staff-status-tabs-v36{overflow-x:auto;scrollbar-width:none}.staff-status-tabs-v36::-webkit-scrollbar{display:none}

.staff-fold{overflow:hidden}.staff-fold>summary{display:flex;align-items:center;justify-content:space-between;gap:12px;cursor:pointer;list-style:none}.staff-fold>summary::-webkit-details-marker{display:none}.staff-fold>summary span{font-size:11px;letter-spacing:.09em;text-transform:uppercase;opacity:.55}.staff-fold>summary strong{font-size:14px}.staff-fold>summary:after{content:'＋';margin-left:auto;font-size:18px;opacity:.55}.staff-fold[open]>summary:after{content:'−'}.staff-fold[open]>summary{padding-bottom:16px;margin-bottom:14px;border-bottom:1px solid rgba(255,255,255,.07)}
.staff-history-fold:not([open]){padding-top:15px!important;padding-bottom:15px!important}.staff-advanced-actions:not([open]){padding-top:15px!important;padding-bottom:15px!important}.staff-advanced-actions .workflow-control{margin:0;padding:0;border:0;background:transparent;box-shadow:none}.workflow-control-head-simple{justify-content:flex-start!important;margin-bottom:10px}.staff-edit-launcher-v36{display:flex;align-items:center;justify-content:space-between;gap:16px;padding-top:15px!important;padding-bottom:15px!important}.staff-edit-launcher-v36 h2{margin:0;font-size:15px}.linked-object-v36 p:empty{display:none}
.staff-simplified .staff-detail-main>.staff-panel,.staff-simplified .staff-detail-main>details{margin-bottom:12px}.staff-simplified .staff-detail-side>.staff-panel,.staff-simplified .staff-detail-side>details{margin-bottom:12px}.staff-simplified .answer-block{margin-top:14px}
.staff-simplified .staff-edit-modal-head p{display:none}

@media(max-width:1050px){.staff-simple-grid{grid-template-columns:1fr}.staff-advanced-filters-grid{grid-template-columns:1fr 1fr}.staff-advanced-filters-grid .btn{width:100%}}
@media(max-width:720px){.staff-simple-head{align-items:flex-start;flex-direction:column}.staff-simple-head .btn{width:100%}.staff-simple-actions{grid-template-columns:1fr}.staff-simple-event{grid-template-columns:50px 1fr}.staff-simple-event em{grid-column:2}.staff-advanced-filters-grid{grid-template-columns:1fr}.staff-quote-searchbar-v36{align-items:stretch}.staff-search-primary-actions{width:100%}.staff-search-primary-actions .btn{flex:1}.staff-edit-launcher-v36{align-items:stretch;flex-direction:column}.staff-edit-launcher-v36 .btn{width:100%}}