/* Clear hierarchy: expressive primary actions, quiet navigation and controls. */
/* Header micro-interactions: no layout shifts, no continuous animation. */
#header .nav-links a{position:relative;transition:color .22s ease,text-shadow .22s ease}
#header .nav-links a::after{content:"";position:absolute;left:0;right:0;bottom:-7px;height:1px;background:linear-gradient(90deg,#25dce9,#f442a2);transform:scaleX(0);transform-origin:center;opacity:0;transition:transform .25s ease,opacity .25s ease;pointer-events:none}
#header .nav-actions button,.topbar .top-actions button,.topbar #home-link,.catalog-tabs button{transition:box-shadow .24s ease,border-color .24s ease,filter .24s ease}
#header .nav-links a:focus-visible{color:#efffff;text-shadow:0 0 13px #4fe4f977}
#header .nav-links a:focus-visible::after{transform:scaleX(1);opacity:.9}
#header .nav-actions button:focus-visible,.topbar .top-actions button:focus-visible,.topbar #home-link:focus-visible{box-shadow:0 0 0 1px #73def655,0 0 18px #12d9ed22,5px 0 22px #f43e951c}
@media(hover:hover) and (pointer:fine){
  #header .nav-links a:hover{color:#efffff;text-shadow:0 0 13px #4fe4f977}
  #header .nav-links a:hover::after{transform:scaleX(1);opacity:.9}
  #header .nav-actions button:hover,.topbar .top-actions button:hover,.topbar #home-link:hover{border-color:#95deef66!important;box-shadow:0 0 0 1px #73def62c,0 0 18px #12d9ed22,5px 0 22px #f43e951c;filter:brightness(1.07)}
  .catalog-tabs button:hover{border-color:#83dbed55;box-shadow:0 0 16px #16d9ec12}
}
@media(prefers-reduced-motion:reduce){#header .nav-links a,#header .nav-links a::after,#header .nav-actions button,.topbar .top-actions button,.topbar #home-link,.catalog-tabs button{transition:none!important}}
body .eyebrow,body .member-content .eyebrow{
  display:block;width:fit-content;padding:0;border:0;border-radius:0;background:none;
  color:#c7cbd9;font-size:11px;font-weight:750;letter-spacing:.18em;text-transform:uppercase;
  box-shadow:none;margin-bottom:16px;
}
body .eyebrow::before,body .eyebrow::after{display:none}
body button.quiet,body .button.dark,body .quiet.button,
body .benefit-controls button,body .catalog-tabs button,
body .admin-section-select button{
  background:linear-gradient(145deg,#20222d,#13151e);color:#e5e7f0;
  border:1px solid #ffffff1a;border-radius:10px;box-shadow:inset 0 1px #ffffff06;
}
body .button.primary,body button[data-modal=request],
body form button[type=submit],body .policy-done,body .claim-order{
  background:linear-gradient(110deg,#18d9ef,#87e5ef 42%,#f43f99);color:#071018;
  border:1px solid #ffffff22;box-shadow:0 6px 20px #07182538;font-weight:800;
}
body .catalog-tabs button.selected,body .admin-section-select button.selected{
  color:#f5f6fb;background:#262a38;border-color:#a4bdce66;box-shadow:inset 0 -2px #6bdced;
}
body .quiet:hover,body .button.dark:hover,body .benefit-controls button:hover{border-color:#abbac346;background:#242735}
body button:focus-visible,body a:focus-visible,body summary:focus-visible{outline:2px solid #78e6f2;outline-offset:4px}
body button:disabled{cursor:not-allowed}
.mobile-hero-logo{display:none}
@media(max-width:600px){.hero-heading{display:grid;grid-template-columns:minmax(0,1fr) 92px;gap:10px;align-items:center}.hero-heading h1{font-size:clamp(30px,8.4vw,46px);line-height:1.08;margin-bottom:0}.mobile-hero-logo{display:block;width:100%;height:auto;filter:drop-shadow(0 0 18px #ec319a24)}.hero-heading{margin-bottom:22px}}
@media(max-width:360px){.hero-heading{grid-template-columns:minmax(0,1fr) 76px;gap:6px}.hero-heading h1{font-size:30px}}
/* One clipped gradient avoids pale corner seams on the compact login button. */
body .nav-actions .button.primary{appearance:none;-webkit-appearance:none;position:relative;isolation:isolate;overflow:hidden;border:0!important;border-radius:11px;background:linear-gradient(110deg,#22d5ed 0%,#69d6ec 42%,#eb58a7 100%);background-clip:border-box;box-shadow:none;color:#09121b;line-height:1.2;min-height:38px}
body .nav-actions .button.primary::before,body .nav-actions .button.primary::after{content:none!important}
body .nav-actions .button.primary:hover{transform:none;box-shadow:0 4px 16px #29cfe524;filter:brightness(1.06)}

/* Compact, stationary advantage directory. Details open only on request. */
body .eyebrow,body .member-content .eyebrow{color:#83edff;font-size:13px;font-weight:850;letter-spacing:.12em;text-shadow:0 0 20px #20c9ed22}
.section-head h2,.advantages-head h2,.growth-copy h2{color:#fff;text-shadow:0 2px 24px #56cbe912}
.nav-links{gap:16px!important}
.nav-links{--nav-gap:32px;gap:var(--nav-gap)!important}
.nav-links a{position:relative}
.nav-links a+a::before{content:"-";position:absolute;left:calc(var(--nav-gap) / -2);top:50%;transform:translate(-50%,-50%);margin:0!important;color:#74788b;font-weight:400;line-height:1;pointer-events:none}
.premium-benefits{padding-top:0;padding-bottom:60px}
.membership.container{padding-bottom:20px}
.benefits-brand{display:block;width:min(570px,94%);height:auto;margin:0 auto 20px;object-fit:contain}
.premium-benefits .advantages-head{text-align:center;display:block;margin-bottom:24px}
.premium-benefits .advantages-head .eyebrow{margin:0 auto 12px}
.premium-benefits .advantages-head .section-title{margin:14px auto;text-align:center}
.local-trimmer [data-trim-go],.local-trimmer [data-trim-cancel]{margin-top:18px}
.local-trimmer video,.local-trimmer [data-trim-range]{margin-top:14px}
.service-picker:not(.has-preview){grid-template-columns:1fr}
.account-trigger .account-name{display:block;max-width:160px;overflow:hidden;text-overflow:ellipsis;text-align:left;font-size:13px;line-height:1.3}
.account-name small{display:block;font-size:10px;color:#a6b4c6;font-weight:500;margin-top:2px}
.account-trigger img{width:32px;height:32px;flex:none;object-fit:cover;border-radius:50%}
.membership-tenure{display:flex;align-items:center;flex-wrap:wrap;gap:9px;margin:0 0 22px}
.tenure-badge{display:inline-flex;align-items:center;gap:7px;padding:8px 12px;border:1px solid #7cd8ee45;border-radius:10px;background:linear-gradient(120deg,#1b2d3b,#222035);color:#a8eeff;font-size:13px;font-weight:750}
.membership-tenure.elite .tenure-badge{border-color:#e5c67770;color:#fbe4a2;background:linear-gradient(120deg,#34291e,#292137)}
.membership-tenure>small{color:#a9b2c5;font-size:12px}
.tenure-help{position:relative}
.tenure-help summary{display:grid;place-items:center;list-style:none;width:25px;height:25px;border:1px solid #ffffff35;border-radius:50%;font-size:13px;cursor:help;color:#c1d6e6}
.tenure-help summary::-webkit-details-marker{display:none}
.tenure-help summary:focus-visible{outline:2px solid #70e5ff;outline-offset:3px}
.tenure-help .tenure-tooltip{display:none;position:absolute;z-index:25;top:34px;left:-135px;width:min(280px,75vw);padding:15px;border:1px solid #7ac4d84d;border-radius:12px;background:#171c29;box-shadow:0 12px 30px #0008;color:#d7dfed;font-size:12px;line-height:1.6}
.tenure-help[open] .tenure-tooltip,.tenure-help:focus-within .tenure-tooltip{display:block}
.tenure-tooltip p{margin:7px 0 0}
@media(hover:hover){.tenure-help:hover .tenure-tooltip{display:block}}
@media(max-width:600px){.account-trigger .account-name{max-width:90px;font-size:11px}.account-trigger img{width:28px;height:28px}}
.premium-benefits .advantages-head p{max-width:620px;margin:12px auto 0;color:#b2b7c9}
.premium-benefits .advantages-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;align-items:start}
.premium-benefits .advantage-card{min-height:0!important;padding:0!important;border:1px solid #ffffff1a;border-radius:12px;background:linear-gradient(125deg,#181d29,#10121b);box-shadow:none;animation:none!important}
.premium-benefits .advantage-card summary{display:flex;align-items:center;gap:12px;position:relative;min-height:68px;padding:15px 34px 15px 16px;list-style:none;font-size:14px;font-weight:750;color:#f3f5ff;cursor:pointer}
.premium-benefits summary::-webkit-details-marker{display:none}
.benefit-emoji{flex:none;font-size:23px;line-height:1}
.benefit-arrow{position:absolute;right:14px;top:50%;transform:translateY(-50%);color:#8b9ab3;font-size:19px;font-weight:400}
.premium-benefits details[open] .benefit-arrow{transform:translateY(-50%) rotate(45deg);color:#82e9fb}
.premium-benefits .advantage-card details>p{padding:0 16px 16px;margin:0;font-size:13px;line-height:1.65;color:#b4bdcf}
.premium-benefits .advantage-card:hover{border-color:#7adaed50}
@media(max-width:900px){.premium-benefits .advantages-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.nav-links{--nav-gap:20px}.nav-links a+a::before{margin-right:8px}}
@media(max-width:480px){.premium-benefits .advantage-card summary{font-size:12px;gap:7px;padding:12px 23px 12px 10px;min-height:66px}.benefit-emoji{font-size:20px}.benefit-arrow{right:8px}.nav-links{font-size:11px!important;--nav-gap:14px}.nav-links a+a::before{margin-right:5px}}
.growth-tree-card{display:flex;align-items:center;gap:24px;margin:24px 0;padding:16px 24px;border:1px solid #80c5b126;border-radius:20px;background:radial-gradient(ellipse at 15% 70%,#143c363b,transparent 60%),#11151d}.tree-art{width:210px;flex:none}.tree-art svg{display:block;width:100%;height:auto}.tree-copy h3{font-size:21px;margin-bottom:8px}.tree-copy p{margin-bottom:8px;color:#baccc9}.tree-copy b{color:#a9efcb;font-size:25px}.tree-copy small{display:block;color:#90aaa6;font-size:12px}.tree-milestones{font-size:12px;color:#bacbc9;margin:15px 0;display:flex;gap:14px;flex-wrap:wrap}.growth-tree-card.legendary{border-color:#e0be6955}.growth-tree-card .eyebrow{color:#76bea9;font-size:10px}.new-tree-leaf{animation:tree-leaf-arrive 1.2s ease-out both}
@keyframes tree-leaf-arrive{from{opacity:0;transform:translateY(-16px)}to{opacity:1;transform:none}}
@media(prefers-reduced-motion:reduce){.new-tree-leaf{animation:none}}
@media(max-width:600px){.growth-tree-card{gap:12px;padding:16px;align-items:flex-start}.tree-art{width:100px}.tree-copy h3{font-size:17px}.tree-copy b{font-size:21px}.tree-milestones{gap:8px}}
.accounting-totals{grid-template-columns:repeat(4,minmax(0,1fr))!important}
.report-pager{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-top:18px}
.report-reconciliation{padding:14px;border:1px solid #80b99233;border-radius:12px;background:#80b99208;font-size:13px}
.report-reconciliation.warning{border-color:#f4ba6355;color:#ffcd86}

@media(max-width:900px){.accounting-totals{grid-template-columns:repeat(2,minmax(0,1fr))!important}}
@media(max-width:480px){.report-pager{flex-wrap:wrap}}