/* CATCH²² / AURORA DESIGN SYSTEM v0.5
 * Enterprise-grade Solana-inspired atmospheric lighting.
 * Purple = programmability | mint = protocol infrastructure | yellow = discovery signals.
 * All colors are decorative, not assurances of token safety or compatibility.
 */
:root{
  --bg:#060609;--bg2:#0c0a12;--surface:#12121a;--surface2:#181722;
  --line:#343043;--line2:#282536;--ink:#f9f7ff;--dim:#b8b2c5;--muted:#8b869b;
  --mint:#8bf2ba;--mint2:#56dfac;--purple:#b593ff;--purple-hot:#985cff;
  --gold:#f7d879;--yellow:#f7d879;--red:#ffa4af;
}
html{color-scheme:dark}
body{background:#060609;color:#f9f7ff}
.header{background:#09080be8;border-color:#5646633d}
.utility-bar{background:#070609;border-color:#59436342;color:#9790a8}
.utility-icon{color:#b692ff}
.utility-pulse{background:var(--mint);box-shadow:0 0 14px #8bf2ba66}
.brandmark{border-color:#c498ff8a;background:linear-gradient(145deg,#30203d 0%,#172923 50%,#271736 100%);box-shadow:0 0 25px #9a56ff1c,inset 0 1px #ffffff24}
.brandmark:after{content:'';position:absolute;inset:-1px;border-radius:inherit;pointer-events:none;border-bottom:1px solid #f7d87975}
.brandword sup{color:var(--gold)}
.navlink.active{background:linear-gradient(115deg,#242031,#15251f);border-bottom-color:var(--gold);color:#faf6ff}
.navlink:hover{color:#f7e7ff;background:#251e32}
.wallet-button{background:#14101c;border-color:#544767}
.wallet-button:hover{border-color:#ab86f1;background:#21182d}
.header-wallet-icon{color:var(--gold)}
.btn{border-color:#564a66;background:#17131f;color:#f7f2ff}
.btn:hover{background:#261d33;border-color:#9870d0;color:#fff}
.btn-primary,.filter.active{background:#93f0bb;border-color:#93f0bb;color:#09180f;box-shadow:0 10px 36px #4df5a320}
.btn-primary:hover{background:#b8ffda;border-color:#b8ffda;color:#082218}
.btn:focus-visible,.navlink:focus-visible,.shortcut:focus-visible,.ext-card:focus-visible{outline:2px solid var(--gold);outline-offset:3px}
.gradient-text{background:linear-gradient(95deg,#91efba 0%,#b5a1fd 54%,#f3dd8a 99%);background-clip:text;-webkit-background-clip:text;color:transparent}
.pro-hero{
 background:radial-gradient(ellipse 900px 570px at 96% 4%,#27103f5c 0%,transparent 72%),
            linear-gradient(108deg,#050608 0%,#08070e 58%,#10051a 100%);
 position:relative;isolation:isolate;overflow:hidden;
 border-bottom:1px solid #6c417a30;
}
/* The low, unfocused wash of color is intentional; the UI stays crisp above it. */
.pro-hero:after{
 content:'';position:absolute;z-index:0;inset:21% -14% -20%;pointer-events:none;
 background:radial-gradient(ellipse 36% 24% at 16% 96%,#9d34fcaa 0%,#7433c45c 43%,transparent 78%),
            radial-gradient(ellipse 39% 31% at 51% 89%,#18a46b99 0%,#05895455 38%,transparent 78%),
            radial-gradient(ellipse 38% 25% at 83% 92%,#9335ddc9 0%,#6522ae5f 47%,transparent 80%),
            radial-gradient(ellipse 22% 20% at 63% 80%,#f4ce5655 0%,transparent 84%);
 filter:blur(63px);opacity:.78;
}
.pro-hero:before{background:linear-gradient(#f0cbff09 1px,transparent 1px),linear-gradient(90deg,#f0cbff09 1px,transparent 1px);background-size:60px 60px;mask-image:linear-gradient(90deg,transparent 26%,#0009 100%)}
.pro-hero-layout{position:relative;z-index:1}
.pro-hero h1{color:#fff}
.pro-hero .lead{color:#c5bfce}
.overline-row{color:#a7f4cc}
.overline-bar{background:linear-gradient(90deg,#ad87f8,#92efb7,#f4d884)}
.mini-index{color:var(--gold);border-left-color:#9a7797}
.primary-actions .btn:not(.btn-primary){border-color:#8465aa;background:#1e142cdd}
.primary-actions .btn:not(.btn-primary):hover{border-color:#cbb3fe;background:#30203e}
.hero-quick-search{background:#101018ee;border-color:#6d5883;box-shadow:0 25px 90px #04030688,0 0 50px #7834ba18;backdrop-filter:blur(16px)}
.search-topline>span:first-child{color:#e0c2ff}
.search-topline>span:last-child{color:#f5d98a}
.hero-quick-search .input{background:#080810;border-color:#64546c}
.hero-quick-search .input:focus{border-color:#a68afa;box-shadow:0 0 0 3px #a68afa21}
.quick-links>a{color:#b9f9d0}
.quick-links>a:hover{color:#ffe49b}
.workspace-preview{border:1px solid #846e9b;background:linear-gradient(145deg,#191320 0%,#10101c 62%,#0e1317 100%);box-shadow:0 31px 100px #000a,0 0 100px #7536a82b;backdrop-filter:blur(17px)}
.workspace-preview:before{background:radial-gradient(ellipse 74% 57% at 95% 0%,#7b39be48,transparent 75%),radial-gradient(ellipse 63% 30% at 16% 100%,#1c856d23,transparent 85%)}
.workspace-topbar{background:#21182aca;border-bottom-color:#594666}
.workspace-glyph{color:var(--gold)}
.panel-control-dots i{border-color:#9c73bd}
.panel-control-dots i:first-child{background:#9e6bf98e}
.panel-control-dots i:nth-child(2){background:#f2d482aa;border-color:#f2d482}
.panel-control-dots i:last-child{background:#8af4c0a8;border-color:#8af4c0}
.workspace-title-area .tiny-label{color:#b7a3d2}
.workspace-tag{background:#332548;border:1px solid #8369af;color:#e2cbff}
.scheme-root{border-color:#7970a3;background:linear-gradient(102deg,#23332e,#2b1b3f)}
.root-glyph{background:linear-gradient(145deg,#abf2bc,#e1e89e);color:#1d1d18}
.scheme-indicator.economy{background:#302b21;border-color:#9f7f47;color:#ffe29c}
.scheme-indicator.logic{background:#30223f;border-color:#9167bd;color:#d6b2ff}
.scheme-indicator.control{background:#28233d;border-color:#665c90;color:#bcb3ff}
.scheme-indicator.meta{background:#1b3a33;border-color:#4f9980;color:#a9fad2}
.scheme-type{color:#aae9cc}
.scheme-module:hover{background:#241a31;border-color:#705583}
.schematic-branch:before{border-left-color:#765e86}
.workspace-end{background:#191322;border-top-color:#5c4b6a}
.workspace-end strong{color:#fbf9ff}
.workspace-end>div:nth-child(2) strong{color:#e2bfff}
.workspace-explore{color:#ffe19c}
.workspace-explore:hover{color:#fff0c5}
.workspace-rail{height:3px;background:linear-gradient(90deg,#a65df5 0%,#a65df5 26%,#f3d87a 46%,#6bf1ba 71%,#a65df5 100%)}
.pro-shortcuts{background:linear-gradient(100deg,#100b19,#10131b 56%,#11101a);border-color:#624d734d}
.shortcut{border-right-color:#493952}
.shortcut:hover{background:#271b31}
.shortcut-num{color:var(--gold)}
.shortcut-arrow{color:#c9a5ff}
.pro-capabilities{background:radial-gradient(ellipse 800px 420px at 83% 12%,#3d205a4d,transparent 76%),radial-gradient(ellipse 600px 380px at 9% 87%,#18523f40,transparent 80%),#08070b}
.pro-capabilities .eyebrow,.page-top .eyebrow{color:var(--gold)}
.capability-large{background:radial-gradient(ellipse 82% 80% at 70% 36%,#69409863,transparent 67%),linear-gradient(141deg,#191127,#0e1214 82%);border-color:#74648b}
.capability-large:hover{border-color:#b19cff}
.capability-hero-number{color:#a8f2c4;text-shadow:0 0 55px #934ce751}
.capability-hero-number span{color:#f4d688}
.capability-small{background:radial-gradient(ellipse 80% 95% at 105% 0%,#5338754a,transparent),linear-gradient(130deg,#1c1726,#11121a);border-color:#56465d}
.capability-small:nth-child(2){background:radial-gradient(ellipse 80% 95% at 104% 0%,#315f4949,transparent),linear-gradient(130deg,#161d21,#101116)}
.capability-small:hover{border-color:#c09de3}
.small-module-mark{color:var(--gold)}
.small-module-mark.purple{color:#bf9dff}
.capability-action{color:#ffdf8c}
.pro-workflow{background:radial-gradient(ellipse 750px 400px at 12% 0%,#39225759,transparent 90%),#08080b;border-top-color:#51415f}
.pro-workflow-grid .card{background:linear-gradient(145deg,#1b1423,#13131b);border-color:#534560}
.pro-workflow-grid .card:hover{border-color:#a887d9}
.pro-workflow-grid .card:nth-child(2) .card-icon{color:#fbdc8c;background:#302739}
.pro-network-bar{border-color:#63517570}
.page-top{background:radial-gradient(ellipse 880px 520px at 101% 96%,#7c37b464,transparent 69%),radial-gradient(ellipse 560px 400px at 52% 126%,#12895a46,transparent 75%),linear-gradient(112deg,#09070d,#130b19 87%);border-bottom-color:#7258885e;position:relative;overflow:hidden}
.page-top:after{content:'';position:absolute;left:6%;right:-6%;bottom:-90px;height:150px;z-index:0;background:linear-gradient(90deg,#a24ce950,#29af8460,#9339eb80);filter:blur(50px);pointer-events:none}
.page-top>.container{position:relative;z-index:1}
.page-top h1{color:#faf8ff}
.page-top p{color:#c1bace}
.section-title{color:#faf8ff}
.eyebrow{color:#e1b9fc}
.card,.panel,.ext-card{border-color:#4c405c;background:linear-gradient(145deg,#1d1927,#101017 92%)}
.card:hover,.ext-card:hover{border-color:#9d7bce}
.ext-card:nth-child(3n+2){border-top-color:#9e82ce}
.ext-card:nth-child(3n+3){border-top-color:#d0b069}
.atlas-intro{background:radial-gradient(circle at 89% 12%,#a254e860,transparent 43%),radial-gradient(circle at 69% 100%,#11906155,transparent 53%),linear-gradient(120deg,#1d132b,#0f1119);border-color:#8167a2}
.atlas-counter span{color:var(--gold)}
.filter{background:#1c1625;border-color:#55425f;color:#ddd0ed}
.filter:hover{border-color:#a683d3}
.filter.active{background:#91edb3;border-color:#91edb3;color:#091b0d}
.input,.select,.textarea{background:#0e0b14;border-color:#61516d;color:#fbf8ff}
.input:focus,.select:focus,.textarea:focus{border-color:#b896ff;box-shadow:0 0 0 3px #bd91ff24}
.badge.gold{background:#514024;color:#ffde8c}
.badge.purple{background:#3b2850;color:#e2c5ff}
.badge.green{background:#1b4637;color:#adf6cc}
.footer{background:radial-gradient(ellipse 680px 360px at 14% 0%,#44246658,transparent 77%),#080709;border-top-color:#5a496e80}
.footer-head{color:#f8f3ff}
.footer-col a:hover{color:var(--gold)}
.footer-bottom{border-color:#55446470}
.network-tag.active{background:#8cf2b8;border-color:#8cf2b8;color:#07170f}
.network-tag:not(.active):not(.subtle){border-color:#8066a7;color:#debcff}
.notice{border-color:#947543;background:#352719;color:#ffe4a8}
@media(max-width:950px){.pro-hero:after{inset:31% -45% -9%;filter:blur(48px);opacity:.7}.workspace-preview{backdrop-filter:blur(8px)}}
@media(max-width:650px){
 .pro-hero:after{inset:38% -76% -8%;filter:blur(46px);opacity:.66}
 .page-top:after{filter:blur(35px)}
 .workspace-preview{border-color:#796790}
 .shortcut{border-bottom-color:#514260!important}
 .hero-quick-search{backdrop-filter:none}
}
@media(prefers-reduced-motion:reduce){.btn,.navlink,.card,.shortcut{transition:none!important}}

/* v0.6 / signature six-piece brand mark: source artwork provided by Catch²² */
.brand{gap:11px;text-transform:none;letter-spacing:-1.1px}
.brandword{text-transform:none;font-weight:820;letter-spacing:-1.15px}
.brandword sup{font-size:11px;top:-.45em;color:#f6da6f;margin-left:1px}
.brandmark.brandmark-six{width:49px;height:43px;padding:2px;border:none;border-radius:9px;background:transparent;box-shadow:none;overflow:visible;flex-shrink:0}
.brandmark.brandmark-six:after{display:none}
.brandmark-six img{width:100%;height:100%;object-fit:contain;filter:drop-shadow(0 0 7px #7e54e84b)}
.brandmark-six img:hover{filter:drop-shadow(0 0 13px #b38aff7a)}
.boot-symbol{object-fit:contain;filter:drop-shadow(0 0 20px #7744af99)}
.brand-hero-art{position:relative;align-self:stretch;isolation:isolate;display:flex;flex-direction:column;justify-content:space-between;min-width:0;min-height:580px;border:1px solid #66537a65;border-radius:18px;background:linear-gradient(160deg,#0a0910c7 0%,#0b0813e8 54%,#08080ce8 100%);box-shadow:0 34px 100px #0008,0 0 85px #8744ca1a;overflow:hidden}
.brand-hero-art:before{content:'';position:absolute;inset:0;pointer-events:none;background:linear-gradient(#dcc0ff08 1px,transparent 1px),linear-gradient(90deg,#dcc0ff08 1px,transparent 1px);background-size:49px 49px;mask-image:linear-gradient(to bottom,transparent 3%,#000 100%);z-index:-1}
.brand-stage-top{display:flex;align-items:center;justify-content:space-between;gap:18px;padding:22px 24px;color:#ded5ef;font-size:9px;font-weight:800;letter-spacing:1.45px;position:relative;z-index:2}
.brand-stage-top>span:first-child{display:flex;gap:8px;align-items:center}
.brand-stage-dot{width:6px;height:6px;border-radius:50%;background:#a0edbb;box-shadow:0 0 12px #70efb0;display:inline-block;flex-shrink:0}
.stage-index{color:#f7dc78;font-family:ui-monospace,SFMono-Regular,monospace;white-space:nowrap}
.brand-stage-light{position:absolute;z-index:-1;inset:9% -7% 13%;background:radial-gradient(ellipse at 29% 43%,#0fbc9965,transparent 43%),radial-gradient(ellipse at 75% 55%,#9238f36e,transparent 52%),radial-gradient(ellipse at 57% 79%,#ad47e844,transparent 41%);filter:blur(74px)}
.hero-six-mark{display:block;position:relative;z-index:1;width:91%;max-width:calc(100% - 30px);height:auto;align-self:center;object-fit:contain;margin:12px auto 14px;filter:drop-shadow(0 0 10px #753cba30);transition:transform .5s ease;user-select:none}
@media(hover:hover){.brand-hero-art:hover .hero-six-mark{transform:scale(1.022)}}
.brand-stage-bottom{position:relative;z-index:2;display:flex;justify-content:space-between;align-items:flex-end;gap:10px;padding:9px 25px 24px}
.stage-statement{display:flex;flex-direction:column;gap:6px}
.stage-caption{font-family:ui-monospace,SFMono-Regular,monospace;color:#aef8ce;font-size:9px;letter-spacing:1.4px;font-weight:800}
.stage-statement strong{color:#faf9ff;font-size:23px;line-height:1.15;font-weight:770;letter-spacing:-.8px}
.stage-link{color:#f5dc86;text-align:right;font:750 9px/1.5 ui-monospace,SFMono-Regular,monospace;letter-spacing:.55px;max-width:163px}
.stage-link:hover{color:#fff1b9}
.brand-stage-rail{position:relative;z-index:2;display:flex;align-items:center;justify-content:space-between;gap:10px;background:#120e1ae0;border-top:1px solid #725b865c;padding:12px 24px;color:#9e94af;font:650 8px/1.4 ui-monospace,monospace;letter-spacing:1.15px}
.rail-accent{color:#f3d673;font-size:12px}
@media(max-width:1150px){.brand-hero-art{min-height:520px}.stage-statement strong{font-size:19px}.stage-link{font-size:8px}.brand-stage-top{padding:19px}}
@media(max-width:950px){.brand-hero-art{width:100%;max-width:750px;min-height:475px}.hero-six-mark{width:90%;max-width:660px;margin:10px auto}.brand-stage-bottom{padding:6px 25px 23px}}
@media(max-width:650px){.brandmark.brandmark-six{width:43px;height:37px}.brand-hero-art{min-height:0;border-radius:14px}.brand-stage-top{padding:16px;font-size:7px;letter-spacing:.75px}.hero-six-mark{width:91%;margin:10px auto 12px;max-width:calc(100% - 22px)}.brand-stage-bottom{padding:0 16px 18px}.stage-statement strong{font-size:18px}.stage-caption{font-size:8px}.stage-link{font-size:8px;max-width:140px}.brand-stage-rail{padding:12px 16px;font-size:7px;letter-spacing:.4px}}
@media(prefers-reduced-motion:reduce){.hero-six-mark{transition:none}}

/* v0.8 – Catch + official six-panel brand symbol, replacing textual superscript. */
.brand .brandword{display:inline-flex;align-items:baseline;white-space:nowrap;line-height:1;letter-spacing:-1.3px}
.brandword-symbol{display:inline-block;width:41px;height:26px;object-fit:contain;flex:none;margin-left:2px;align-self:flex-start;transform:translateY(-7px);filter:drop-shadow(0 0 7px #a75afe55)}
.brand .brandword:hover .brandword-symbol{filter:drop-shadow(0 0 12px #b38aff99)}
.brand-inline{display:inline-flex;align-items:baseline;vertical-align:baseline;white-space:nowrap;line-height:inherit;font-weight:inherit;gap:0.08em}
.brand-inline img{width:1.65em;height:1.1em;display:inline-block;object-fit:contain;vertical-align:middle;align-self:center;transform:translateY(-.10em);filter:drop-shadow(0 0 3px #bd85fb3b)}
.utility-bar .brand-inline img,.eyebrow .brand-inline img,.brand-stage-top .brand-inline img{width:1.8em;height:1.25em;transform:translateY(-.04em)}
.footer .brandword-symbol{width:41px;height:26px}
@media(max-width:650px){.brand .brandword{font-size:30px}.brandword-symbol{width:38px;height:24px;transform:translateY(-8px)}}


/* v0.9 — one platform, two clearly separated experiences */
.experience-bar{position:relative;z-index:4;background:linear-gradient(105deg,#0e1020f5,#120e1af5);border-bottom:1px solid #53426980}
.experience-inner{min-height:60px;display:flex;align-items:center;justify-content:space-between;gap:16px}
.experience-hint{display:flex;gap:10px;align-items:center;color:#c3b9d3;font-size:12px;line-height:1.5;min-width:0}
.experience-orb{color:#a1eabd;font-size:22px}
.experience-control{display:flex;flex-shrink:0;padding:4px;border:1px solid #72618390;border-radius:12px;background:#080812}
.experience-option{font:700 12px/1.2 inherit;font-weight:800;letter-spacing:.1px;border:0;border-radius:8px;min-width:86px;padding:10px 15px;color:#b9a9c8;background:transparent;cursor:pointer;transition:background .2s,color .2s}
.experience-option.selected{background:linear-gradient(135deg,#8af0bb,#a2e7d2);color:#101220;box-shadow:0 3px 15px #5aeabb2c}
.experience-option:not(.selected):hover{background:#242035;color:#fff}
.experience-option:focus-visible{outline:2px solid #ffe166;outline-offset:3px}
main[data-experience="simple"] .technical-only{display:none!important}
main[data-experience="simple"] .atlas-counter{opacity:.65}
.plain-kicker{display:block;color:#a6ecba;letter-spacing:.065em;text-transform:uppercase;font:700 11px/1.4 ui-monospace,monospace;margin-bottom:8px}
.friendly-feature{background:linear-gradient(155deg,#191628,#100f1a);border-color:#514163}
.friendly-feature h3{font-size:21px;line-height:1.2;margin:10px 0}
.friendly-feature p{color:#c7bdce;line-height:1.6}
.technical-details{border-top:1px solid #56456b80;margin-top:16px;padding-top:14px;color:#ada4b7;font-size:12px}
.technical-details summary{cursor:pointer;color:#a0eac2;font-weight:700}
.technical-details p{font-size:12px;margin:8px 0}
.more-capabilities{grid-column:1 / -1;border:1px solid #6d587c70;padding:17px;border-radius:13px;background:#161222c7}
.more-capabilities>summary{font-weight:800;cursor:pointer;color:#b2f0d0;padding:6px}
.more-capabilities>.ext-grid,.more-capabilities>.checklist{margin-top:20px}
.friendly-check{display:flex;align-items:flex-start;gap:14px;padding:17px!important;min-height:76px}
.friendly-check strong{display:block;font-size:15px;margin-bottom:4px}
.friendly-check .muted{line-height:1.55;font-size:12px}
.plain-design-summary{padding:20px;border:1px solid #5379667a;border-radius:12px;background:linear-gradient(125deg,#142a2478,#1712258a)}
.plain-summary-header{color:#b7f6d1;letter-spacing:.07em;text-transform:uppercase;font-weight:850;font-size:12px;margin-bottom:10px}
.plain-design-summary p{word-break:break-word;color:#dfd7ea}
.plain-report h3{margin:10px 0 1px}
.plain-summary{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}
.plain-summary>div{border:1px solid #6657788f;background:#191426a9;border-radius:14px;padding:18px;min-width:0}
.plain-summary strong{display:block;color:#f6f2ff;font-size:clamp(19px,2.1vw,28px);line-height:1.25;overflow-wrap:anywhere}
.plain-summary small{display:block;margin-top:7px;color:#b0a5bc}
.risk-list{border:1px solid #564a6b;border-radius:14px;overflow:hidden}
.risk-item{display:flex;justify-content:space-between;align-items:start;gap:18px;padding:17px;border-bottom:1px solid #564a6b80}
.risk-item:last-child{border:0}
.risk-item strong{display:block;color:#fff;font-size:14px}
.risk-item p{color:#bcb0cb;font-size:13px;margin:6px 0 0;line-height:1.55}
.risk-value{font-size:12px;font-weight:700;color:#c8f5d7;background:#18423066;border:1px solid #4d8c757a;border-radius:8px;padding:7px 9px;max-width:200px;text-align:right}
.plain-feature-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}
.plain-feature{padding:17px;border:1px solid #6353747c;background:#1b15257c;border-radius:11px}
.plain-feature strong{color:#efeaff}
.plain-feature p{color:#c1b6ca;font-size:13px;line-height:1.55;margin:8px 0 0}
.simple-wallet-group{border-top:1px solid #514264;padding:17px 0}
.simple-wallet-group h3{display:flex;align-items:center;gap:12px;flex-wrap:wrap;margin:0 0 12px}
.simple-wallet-row{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:12px 5px;border-bottom:1px solid #52436a70}
.simple-wallet-row strong,.simple-wallet-row small{display:block}
.simple-wallet-row small{margin-top:4px;color:#a29aac}
.simple-wallet-row a{font-size:13px;white-space:nowrap}
@media(max-width:650px){.experience-inner{min-height:60px;gap:8px}.experience-hint{font-size:10px}.experience-orb{display:none}.experience-option{min-width:67px;padding:9px 10px;font-size:11px}.plain-feature-grid,.plain-summary{grid-template-columns:1fr}.risk-item{flex-direction:column;gap:9px}.risk-value{max-width:none;text-align:left}.friendly-feature h3{font-size:18px}}
@media(prefers-reduced-motion:reduce){.experience-option{transition:none}}

/* v1.1 token transparency + risk disclosures */
.c22-footer-disclaimer{color:#a5a0b5;font-size:12px;line-height:1.65;margin:22px 0 16px;padding:13px 16px;border:1px solid #ffffff16;border-radius:10px;background:#ffffff04}
.c22-footer-disclaimer a,.c22-disclosure a{color:#d9c1ff;text-decoration:underline;text-underline-offset:3px}
.c22-disclosure{color:#c0b9cf;background:#14131b;border:1px solid #4c4266;border-left:3px solid #c7a2f7;border-radius:10px;padding:14px 17px;font-size:13px;line-height:1.6;margin:18px 0}
.c22-disclosure strong{color:#eee8f9}
.c22-fee-box{background:linear-gradient(135deg,#15141e,#13151c);border:1px solid #65568a;border-radius:16px;padding:22px;display:flex;flex-direction:column;gap:14px}
.c22-fee-box h3{font-size:20px;margin:7px 0 0;color:#fff}
.c22-fee-metrics{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}
.c22-fee-metrics>div{background:#221c30;border:1px solid #504166;border-radius:10px;padding:14px;min-width:0}
.c22-fee-metrics span{display:block;color:#bdb1cf;font-size:11px;margin-bottom:8px}
.c22-fee-metrics strong{display:block;color:#f9f4ff;font-size:17px;overflow-wrap:anywhere}
.c22-fee-rows{display:grid;gap:0;border:1px solid #504166;border-radius:12px;overflow:hidden}
.c22-fee-rows>div{display:flex;gap:15px;justify-content:space-between;border-bottom:1px solid #ffffff19;padding:11px 13px;align-items:center}
.c22-fee-rows>div:last-child{border-bottom:0}
.c22-fee-rows span{font-size:12px;color:#bdb1cf}
.c22-fee-rows strong{font-size:12px;text-align:right;color:#f0eaf8;overflow-wrap:anywhere;max-width:65%}
.c22-feature-effect{border-left:2px solid #e6cf58;padding-left:10px;margin-top:14px!important;color:#d3ccde!important}
@media(max-width:700px){.c22-fee-metrics{grid-template-columns:1fr}.c22-fee-rows>div{flex-direction:column;align-items:flex-start;gap:5px}.c22-fee-rows strong{text-align:left;max-width:100%}}

/* v1.4 shared, mode-independent homepage positioning */
.pro-hero .hero-subheadline{font-size:clamp(1.18rem,2vw,1.7rem);color:#f3e3b6;font-weight:650;letter-spacing:-.025em;margin:1.25rem 0 .5rem}.pro-hero h1{font-size:clamp(2.7rem,5.5vw,5.6rem);line-height:1.08;letter-spacing:-.055em}@media(max-width:600px){.pro-hero h1{font-size:clamp(2.25rem,9vw,3.6rem)}.pro-hero .hero-subheadline{font-size:1.2rem}}

/* v1.6: Large-logo refinement. Keep the original glossy source image intact,
   but render without CSS filters or compositor transforms (cross-browser),
   and slightly smaller than v1.5 so the existing gold rim reads finer. */
.brand-hero-art .hero-six-mark{
  width:86%;max-width:calc(100% - 42px);height:auto;
  margin:14px auto 20px;filter:none!important;transform:none!important;
  animation:none!important;transition:none!important;
  image-rendering:auto;backface-visibility:visible;will-change:auto;
}
@media(hover:hover){.brand-hero-art:hover .hero-six-mark{transform:none!important}}
@media(max-width:950px){.brand-hero-art .hero-six-mark{width:86%;max-width:calc(100% - 40px)}}
@media(max-width:650px){.brand-hero-art .hero-six-mark{width:85%;max-width:calc(100% - 30px);margin:12px auto 16px}}