/* Midnight / glacier: neutral market signals, luminous brand accents. */
:root{color-scheme:dark;--bg:#070d18;--panel:#101d2e;--line:#24364b;--text:#edf5ff;--muted:#a4b6cb;--accent:#67dcf4;--green:#55dfa1;--red:#ff8296;--blue:#749bff;--surface-raised:#15263b;--accent-border:#315b70}
body{background:radial-gradient(ellipse 75% 560px at 80% 0,#17395b55,transparent 75%),var(--bg);color:var(--text)}
::selection{background:#67dcf4;color:#07131f}
.site-header{background:#091321e8;border-bottom-color:#20334a}
.brand>span:last-child{color:var(--accent)}
.brand-mark{filter:drop-shadow(0 0 9px #67dcf450)}
.header-inner nav>a:hover,.header-inner nav>a.active{color:var(--text)}
.header-inner nav>a.active{box-shadow:0 2px 0 var(--accent)}
.header-action{border-color:var(--accent-border);background:#102338;color:var(--text)}
.header-action:hover{background:#163249;border-color:var(--accent)}
.primary{background:linear-gradient(110deg,#67dcf4,#91e9f7);color:#071724;box-shadow:0 4px 24px #4bcce51c}
.primary:hover{background:linear-gradient(110deg,#91e9f7,#b7f3fc);box-shadow:0 6px 30px #4bcce534}
.hero h1>span{color:var(--accent);background:linear-gradient(100deg,#a4f0fa,#67dcf4 55%,#8aaaff);background-clip:text;-webkit-background-clip:text;-webkit-text-fill-color:transparent}
.eyebrow>span,.small-dot{box-shadow:0 0 12px #67dcf460}
.hero-note,.floating-label{color:var(--muted)}
.orb{background:radial-gradient(ellipse,#30a9d13b,transparent 68%)}
.orbit{border-color:#2d596e}.orbit-two{border-color:#233d60}
.bitcoin-disc{color:#ddfaff;border-color:#8de6f4;background:linear-gradient(135deg,#89e0ef,#31849d 60%,#19435c);box-shadow:10px 15px 0 #15374d,20px 30px 60px #0008,0 0 75px #49cbe525,inset 0 0 0 4px #c9f6ff55}
.eth-disc{border-color:#8aaaff;background:linear-gradient(140deg,#789ee3,#263e73);color:#e1ebff;box-shadow:7px 8px 0 #17294b,0 0 35px #608bff20}
.floating-card{background:#102338f2;border-color:#31536a;box-shadow:0 16px 45px #0005}
.floating-card>.positive{background:#163d34}
.coin-card,.directory-card{background:linear-gradient(135deg,#15283b,#0e1929 75%);border-color:var(--line);box-shadow:inset 0 1px 0 #c1eaff08,0 8px 28px #00000018}
.coin-card:hover,.directory-card:hover{border-color:#438297;background:linear-gradient(135deg,#19354a,#101e31 75%);box-shadow:0 12px 35px #0004,0 0 24px #67dcf40a}
.card-top>span:last-child{color:var(--muted)}
.coin-icon{background:color-mix(in srgb,var(--coin) 14%,#0d1b2b)}
.source-bar,.demo-banner{background:#0e2032;border-color:#2a4961;color:var(--muted)}
.source-bar button,.secondary-button,.remove-purchase,.saved-coin button,.form-pair button,.market-pagination button{background:#152f43;border-color:var(--accent-border);color:var(--accent)}
.source-bar button:hover,.secondary-button:hover,.remove-purchase:hover,.saved-coin button:hover,.form-pair button:hover,.market-pagination button:hover{background:#1c3d52;border-color:#5598ad}
.demo-banner strong{color:var(--text)}.demo-tag{background:#153b4c}
.table-wrap{background:#0b1625;border-color:var(--line)}
th{background:#132237;border-color:var(--line)}
td,.mover-row,.saved-coin,dl>div{border-bottom-color:#203247}
tbody tr:hover{background:#142a3f}
.table-more{color:var(--accent);background:#0f1f31;border-color:var(--line)}
.table-more:hover{background:#173047}
.movers,.chart-panel,.about-coin{background:linear-gradient(145deg,#101f31,#0d1828);border-color:var(--line)}
.fine-print{color:var(--muted)}
.tools-teaser{background:radial-gradient(ellipse at 100% 0,#26769e30,transparent 68%),linear-gradient(120deg,#12283b,#101c30);border-color:#31516b;box-shadow:inset 0 1px 0 #a2eaff10}
.tool-preview{border-color:#31516b}
.search-box,select{background:#0d1b2c;border-color:#30465f}
.about-coin input,.about-coin select{background:#091524;border-color:#30465f}
input::placeholder{color:#91a5bd}
input:focus-visible,select:focus-visible,textarea:focus-visible{border-color:var(--accent)}
.purchase-row{background:#0b1929;border-color:#2a4058}
.watch-button{color:#a4b6cb}.watch-button:hover{border-color:#3e7188}.watch-button.is-saved{color:#ffd27d}
.chart-controls button.selected{color:var(--accent);border-color:#34627a;background:#15374b}
.price-chart{background:repeating-linear-gradient(to bottom,transparent 0,transparent calc(25% - 1px),#a4d9ff0d calc(25% - 1px),#a4d9ff0d 25%)}
.compare-chart-wrap{background:#091524}
.tools-nav a:hover{background:#173047}
.seo-answer{background:#102438;color:#d2e4f5}
.seo-faq details{border-color:var(--line)}
summary:hover{color:#c4f5ff}
.skip-link{background:var(--accent);color:#071724}
footer{background:#080f1c;border-top-color:var(--line)}
.footer-top{border-color:var(--line)}
.soon{border-color:#315b70}
@media(max-width:760px){.header-inner nav{background:#0c1a2b;border-color:var(--line)}.menu-toggle{background:#102035;border-color:#30465f}.tool-preview{border-color:#31516b}}

/* About page: a readable story beside a compact project overview. */
.about-layout{display:grid;grid-template-columns:minmax(0,1.7fr) minmax(300px,1fr);column-gap:64px;align-items:start}
.about-intro{grid-column:1;grid-row:1;min-width:0}
.about-copy{grid-column:1;grid-row:2;min-width:0}
.about-intro h1{font-size:var(--type-h1)}
.about-intro .lead{margin-bottom:0}
.about-copy>h2{margin-top:32px}
.about-copy p{max-width:68ch}
.about-copy p a{color:var(--accent);text-decoration:underline;text-underline-offset:3px}
.about-sidebar{grid-column:2;grid-row:1/3;display:flex;flex-direction:column;gap:22px;padding-top:8px;min-width:0;align-self:stretch}
.about-overview,.about-founder{padding:30px;border:1px solid #31516b;border-radius:16px;background:radial-gradient(ellipse at 100% 0,#26769e30,transparent 70%),linear-gradient(145deg,#13283c,#0d1828);box-shadow:inset 0 1px 0 #a2eaff0d,0 18px 50px #0002}
.about-sidebar h2{font-size:2rem;margin:20px 0 14px;line-height:1.1}
.about-sidebar p{font-size:1rem;line-height:1.65;margin-bottom:20px}
.about-sidebar .eyebrow{font-size:.75rem;letter-spacing:.08em}
.about-radar{position:relative;width:144px;height:144px;border:1px solid #67dcf43d;border-radius:50%;margin:28px auto;background:repeating-radial-gradient(circle,transparent 0 22px,#67dcf41c 23px 24px,transparent 25px 46px),conic-gradient(from 0deg,transparent 65%,#67dcf425);box-shadow:0 0 45px #67dcf410;display:grid;place-items:center}
.about-radar:before,.about-radar:after{content:'';position:absolute;background:#67dcf422}
.about-radar:before{width:100%;height:1px}.about-radar:after{height:100%;width:1px}
.about-radar b{font-size:48px;font-weight:400;color:var(--accent);text-shadow:0 0 22px #67dcf470;z-index:1}
.about-radar span,.about-radar i{position:absolute;width:7px;height:7px;border-radius:50%;background:var(--accent);box-shadow:0 0 12px #67dcf480;left:32px;top:33px}
.about-radar i{left:111px;top:91px;width:5px;height:5px;background:var(--blue)}
.about-stats{margin:24px 0}
.about-stats>div{display:flex;align-items:center;flex-direction:row-reverse;justify-content:flex-end;gap:20px;padding:17px 0;border-color:#2a4258}
.about-stats dt{font-size:.9375rem;line-height:1.4;flex:1}
.about-stats dd{font-family:Genos,Arial,sans-serif;font-size:3.25rem;font-weight:600;line-height:1;color:var(--accent);min-width:60px}
.about-access{display:flex;align-items:flex-start;gap:13px;margin:24px 0}
.about-access>span{display:grid;place-items:center;width:32px;height:32px;background:#17374a;color:var(--accent);border-radius:8px;flex-shrink:0}
.about-access strong{font-weight:600}.about-access p{font-size:.875rem;margin:3px 0 0}
.about-overview>.button{width:100%}
.about-founder{background:linear-gradient(145deg,#101e30,#0b1625);border-color:var(--line);position:sticky;top:24px}
.about-founder h2{font-size:1.75rem;margin-top:16px}
.about-founder p strong{color:var(--text);font-weight:600}
.about-founder .text-link{color:var(--accent)}
@media(max-width:1000px){.about-layout{column-gap:30px;grid-template-columns:minmax(0,1.4fr) minmax(280px,1fr)}.about-overview,.about-founder{padding:24px}}
@media(max-width:760px){.about-layout{grid-template-columns:minmax(0,1fr);gap:28px}.about-intro{grid-row:1}.about-sidebar{grid-column:1;grid-row:2;padding-top:0}.about-copy{grid-column:1;grid-row:3}.about-copy>h2:first-child{margin-top:0}.about-overview,.about-founder{padding:26px}.about-founder{position:static}.about-radar{margin:24px auto}.about-sidebar h2{font-size:2rem}}

/* Tools keep useful context beside the form without widening input lines. */
.tool-layout{display:grid;grid-template-columns:minmax(0,1.8fr) minmax(300px,1fr);gap:28px;align-items:start}
.tool-layout-wide{grid-template-columns:minmax(0,1fr)}
.tool-layout .tool-workspace{max-width:none;width:100%;min-width:0}
.tool-layout .tool-workspace>.about-coin{margin-top:0}
.tool-sidebar{display:grid;gap:20px;min-width:0}
.tool-example,.tool-reading{padding:26px;border:1px solid #31516b;border-radius:12px;background:radial-gradient(ellipse at 100% 0,#26769e24,transparent 70%),linear-gradient(145deg,#13283c,#0d1828)}
.tool-sidebar h2{font-size:1.875rem;line-height:1.15;margin:16px 0}
.tool-sidebar p{font-size:1rem;line-height:1.7;color:var(--muted);margin-bottom:0}
.tool-sidebar .eyebrow{font-size:.75rem;letter-spacing:.08em}
.example-result{display:flex;flex-direction:column;gap:8px;margin:24px 0;padding:20px 0;border-block:1px solid #2a455b}
.example-result strong{font-family:Genos,Arial,sans-serif;font-size:clamp(2.5rem,2.2rem + 1vw,3.5rem);line-height:1.1;font-weight:600;color:var(--accent);font-variant-numeric:tabular-nums;overflow-wrap:anywhere}
.example-result>span{font-size:.875rem;line-height:1.5;color:var(--muted)}
.tool-reading{background:#0d1a2b;border-color:var(--line)}
.tool-reading h2{font-size:1.625rem;margin-top:0}
.tool-next{padding:26px}.tool-next h3{font-size:1.75rem;margin:16px 0 10px}.tool-next p{margin-bottom:22px}
.tool-layout .form-pair{flex-wrap:wrap}.tool-layout .form-pair>label{flex-basis:150px}
@media(max-width:1000px){.tool-layout{grid-template-columns:minmax(0,1.5fr) minmax(270px,1fr);gap:20px}.tool-layout-wide{grid-template-columns:minmax(0,1fr)}.tool-example,.tool-reading,.tool-next{padding:22px}.tool-layout .purchase-row{grid-template-columns:1fr 1fr}.tool-layout .purchase-row>label:last-of-type{grid-column:1/-1}}
@media(max-width:760px){.tool-layout{grid-template-columns:minmax(0,1fr);gap:24px}.tool-sidebar{gap:18px}.tool-layout .purchase-row{grid-template-columns:1fr}.tool-layout .purchase-row>label:last-of-type{grid-column:auto}}

/* A spacious footer with four balanced content columns. */
.guide-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:22px;margin:32px 0}
.guide-grid>.directory-card:last-child:nth-child(odd){grid-column:1/-1}
.guide-grid .directory-card h2{font-size:clamp(1.75rem,1.4rem + .7vw,2.125rem);line-height:1.15;margin:18px 0 14px}
.guide-grid .directory-card h3{margin-top:0}
.guide-page>h1{max-width:24ch}
.guide-answer{max-width:80ch}
.guide-copy .guide-sources{font-size:.8125rem;line-height:1.7;margin-top:20px;color:var(--muted)}
.guide-copy .table-wrap{margin-block:24px}.guide-copy table{white-space:normal}
.guide-copy caption{text-align:left;padding:14px 18px;font-size:.9375rem;color:var(--muted)}
.guide-copy th,.guide-copy td{font-size:.9375rem;line-height:1.6;vertical-align:top;padding:14px 16px}
.guide-copy th:first-child,.guide-copy td:first-child{width:32%;text-align:left}
.guide-copy td:nth-child(2){width:auto}
.guide-steps{padding-left:24px;color:var(--muted);font-size:1rem;line-height:1.8}
.guide-steps li{padding:4px 0 8px 8px}.guide-steps li::marker{color:var(--accent);font-weight:600}
.guide-tools,.learning-links{margin:40px 0;padding:26px;border:1px solid var(--line);border-radius:12px;background:linear-gradient(135deg,#12283b,#0d192a)}
.learning-links h2,.guide-tools h2{font-size:clamp(1.625rem,1.4rem + .6vw,2rem);margin:12px 0 18px;line-height:1.2}
.guide-tools p{color:var(--muted);font-size:1rem;line-height:1.7}
.guide-link-row{display:flex;flex-wrap:wrap;gap:12px 24px}
.guide-link-row a{color:var(--accent);font-size:.9375rem;line-height:1.6;text-decoration:underline;text-underline-offset:4px;padding-block:4px}
.related-guides{margin-top:48px}.guide-page .content-credit a{color:var(--accent)}
@media(max-width:760px){.guide-grid{grid-template-columns:minmax(0,1fr)}.guide-tools,.learning-links{padding:22px}.guide-copy th,.guide-copy td{padding:12px 10px;font-size:.875rem}.guide-link-row{flex-direction:column;gap:10px}}

/* A spacious footer with four balanced content columns. */
.site-footer{background:radial-gradient(ellipse at 10% 0,#17445b26,transparent 65%),#080f1c;margin-top:36px}



.footer-grid{display:grid;grid-template-columns:1.6fr 1.1fr 1.25fr 1.25fr;gap:28px;padding:42px 0}
.footer-identity .brand{font-size:1.5rem}.footer-identity>p{font-size:.9375rem;line-height:1.7;color:var(--muted);max-width:28ch;margin:18px 0}
.footer-source-note{display:flex;align-items:center;gap:8px;font-size:.8125rem;color:var(--muted)}
.footer-nav{display:flex;flex-direction:column;align-items:start;gap:12px;min-width:0}
.footer-nav h3{font-size:1.5rem;margin:0 0 6px;line-height:1.2}
.footer-nav a{font-size:.9375rem;line-height:1.5;color:var(--muted);text-underline-offset:4px}
.footer-nav a:hover,.footer-nav a:focus-visible{color:var(--accent);text-decoration:underline}
.footer-nav>p{font-size:.8125rem;line-height:1.6;color:var(--muted);margin:4px 0 0}




.site-footer .footer-bottom{border-top:1px solid var(--line);font-size:.8125rem;padding:22px 0;align-items:center;line-height:1.7}
.site-footer .footer-bottom>span:last-child{display:inline}
.additional-editorial{margin-block:40px 56px}
.additional-editorial-inner{max-width:76ch;border-left:2px solid var(--accent);padding:8px 0 8px 26px}
.additional-editorial h2{margin:16px 0;font-size:var(--type-h2)}
.additional-editorial p{font-size:1rem;line-height:1.75;color:var(--muted)}
.additional-editorial a{color:var(--accent);text-decoration:underline;text-underline-offset:4px}
.affiliate-disclosure{border:1px solid #365c70;background:#102438;border-radius:8px;padding:14px 18px;font-size:.875rem!important;color:#d2e4f5!important}
.legal-layout{display:grid;grid-template-columns:minmax(0,2fr) minmax(250px,1fr);gap:60px;align-items:start;margin-top:35px}
.legal-copy{min-width:0}.legal-copy>section{scroll-margin-top:24px;margin-bottom:36px}.legal-copy h2{font-size:clamp(1.75rem,1.4rem + 1vw,2.25rem);margin-bottom:18px}
.legal-copy p{font-size:1rem;line-height:1.8;color:var(--muted)}
.legal-copy a{color:var(--accent);text-decoration:underline;text-underline-offset:4px}
.legal-toc{position:sticky;top:24px;display:flex;flex-direction:column;gap:15px;padding:26px;background:#102033;border:1px solid var(--line);border-radius:12px}
.legal-toc a{font-size:.9375rem;line-height:1.5;color:var(--muted)}.legal-toc a:hover{color:var(--accent)}
.legal-toc .eyebrow{margin-bottom:8px;font-size:.75rem}
.legal-crosslink{padding-top:22px;border-top:1px solid var(--line)}
@media(max-width:1000px){.footer-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:32px}.footer-identity{grid-column:1/-1}.legal-layout{gap:30px}}
@media(max-width:760px){.footer-grid{grid-template-columns:1fr 1fr;gap:32px 22px;padding:32px 0}.footer-identity{grid-column:1/-1}.legal-layout{grid-template-columns:minmax(0,1fr);gap:26px}.legal-toc{position:static;grid-row:1}.legal-page .lead{font-size:1rem}.site-footer .footer-bottom{align-items:start;flex-direction:column;gap:10px}}

/* Header details and a one-time background wave after focus cards enter. */
.table-wrap{overflow-y:hidden}
.header-inner .brand-mark{transition:transform .35s ease,filter .35s ease}
.header-inner .brand:hover .brand-mark{transform:rotate(90deg);filter:drop-shadow(0 0 12px #67dcf490)}
.header-inner nav>a{position:relative;transition:color .2s ease}
.header-inner nav>a:after{content:'';position:absolute;bottom:0;left:0;right:0;height:2px;background:var(--accent);transform:scaleX(0);transform-origin:left;transition:transform .25s ease;box-shadow:0 0 10px #67dcf445}
.header-inner nav>a.active{box-shadow:none}
.header-inner nav>a:hover:after,.header-inner nav>a.active:after,.header-inner nav>a:focus-visible:after{transform:scaleX(1)}
.coin-cards>.coin-card{position:relative;isolation:isolate;overflow:hidden}
.coin-cards>.coin-card>*{position:relative;z-index:1}
.coin-cards>.coin-card:before{content:'';position:absolute;inset:0;z-index:0;pointer-events:none;background:color-mix(in srgb,var(--accent) 24%,transparent);clip-path:circle(0% at 0% 0%)}
.coin-cards>.coin-card.focus-sweep:before{animation:focus-card-wave 1.65s cubic-bezier(.4,0,.2,1) var(--sweep-delay,0ms) 1 both}
@keyframes focus-card-wave{0%{clip-path:circle(0% at 0% 0%)}44%{clip-path:circle(150% at 0% 0%)}58%{clip-path:circle(150% at 100% 100%)}100%{clip-path:circle(0% at 100% 100%)}}
@media(prefers-reduced-motion:reduce){.header-inner .brand-mark,.header-inner nav>a:after{transition:none}.header-inner .brand:hover .brand-mark{transform:none}.coin-cards>.coin-card.focus-sweep:before{animation:none}}

/* Primary actions use a crisp illuminated surface and a distinct arrow slot. */
.button.primary{position:relative;isolation:isolate;min-height:50px;padding:13px 20px;border:1px solid #b5f4ff80;border-radius:10px;background:linear-gradient(135deg,#a3f1fc 0%,#67dcf4 52%,#49c5e7 100%);color:#061d2a;font-weight:700;letter-spacing:.01em;line-height:1.35;box-shadow:inset 0 1px 0 #e4fcffb3,inset 0 -2px 0 #1688ad38,0 4px 14px #0003,0 0 24px #40c8e51a;transition:transform .2s ease,box-shadow .2s ease,background .2s ease}
.button.primary>span{display:grid;place-items:center;flex-shrink:0;width:29px;height:29px;margin:-4px -6px -4px 0;border:1px solid #0b496326;border-radius:7px;background:#07374d12;color:#073047;font-size:18px;font-weight:600;line-height:1;transition:transform .2s ease,background .2s ease}
.button.primary:hover{background:linear-gradient(135deg,#c2f7ff,#83e8f8 52%,#60d4ee);box-shadow:inset 0 1px 0 #fff9,inset 0 -2px 0 #1688ad26,0 8px 22px #0004,0 0 30px #40c8e536;transform:translateY(-2px)}
.button.primary:hover>span{transform:translate(2px,-2px);background:#07374d1c}
.button.primary:active{transform:translateY(0);box-shadow:inset 0 2px 5px #07374d26,0 2px 8px #0003}
.button.primary:focus-visible{outline:2px solid #d9faff;outline-offset:5px}
.button.primary:disabled{opacity:.55;cursor:wait;transform:none;box-shadow:none}
.hero-actions>.button.primary{min-height:56px;padding:15px 20px 15px 24px;gap:28px;border-radius:12px;font-size:1.0625rem}
.about-coin form .button.primary{border:1px solid #b5f4ff80}
@media(prefers-reduced-motion:reduce){.button.primary,.button.primary>span{transition:none}.button.primary:hover,.button.primary:hover>span{transform:none}}

/* The hero's three crystalline cubes share the FAQ geometry. */
@property --button-edge-angle{syntax:'<angle>';initial-value:0deg;inherits:false}
.button.primary::before{content:'';position:absolute;inset:-2px;padding:2px;border-radius:inherit;pointer-events:none;background:conic-gradient(from var(--button-edge-angle),transparent 0deg,transparent 235deg,#67dcf430 270deg,#c8f9ff 312deg,#fff 327deg,transparent 345deg);-webkit-mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);-webkit-mask-composite:xor;mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);mask-composite:exclude;animation:button-edge-orbit 3.2s linear infinite}
.button.primary::after{content:'';position:absolute;inset:-4px;padding:4px;border-radius:inherit;pointer-events:none;background:conic-gradient(from var(--button-edge-angle),transparent 0deg,transparent 270deg,#67dcf4a6 305deg,#c8f9ffcc 327deg,transparent 345deg);-webkit-mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);-webkit-mask-composite:xor;mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);mask-composite:exclude;filter:blur(3px);opacity:.75;animation:button-edge-orbit 3.2s linear infinite}
@keyframes button-edge-orbit{to{--button-edge-angle:360deg}}
.button.primary:disabled::before,.button.primary:disabled::after{animation:none;opacity:0}
@media(prefers-reduced-motion:reduce){.button.primary::before,.button.primary::after{animation:none}}

/* The hero's three crystalline cubes share the FAQ geometry. */
.hero{position:relative;isolation:isolate}
.hero:before{content:'';position:absolute;inset:-50px 0;z-index:-1;pointer-events:none;background:radial-gradient(ellipse 38% 65% at 70% 48%,#45cfe326 0%,#45cfe312 35%,transparent 72%),radial-gradient(ellipse 28% 58% at 76% 62%,#4779ff1f 0%,#4779ff0a 40%,transparent 78%)}
.hero-visual.hero-cube-visual{height:520px;width:100%;max-width:none;margin:0;transform:none;overflow:visible;align-self:center;background:transparent}
.hero-cube-stage{position:absolute;width:520px;height:500px;left:50%;top:50%;transform:translate(-50%,-50%);isolation:isolate}
.hero-cube-grid{position:absolute;left:50px;right:10px;bottom:12px;height:220px;background-image:linear-gradient(#67dcf412 1px,transparent 1px),linear-gradient(90deg,#67dcf412 1px,transparent 1px);background-size:32px 32px;transform:perspective(400px) rotateX(62deg) rotateZ(-20deg);mask-image:radial-gradient(ellipse,#000,transparent 68%);z-index:-1}
.hero-ring{position:absolute;left:38px;top:60px;width:440px;height:370px;border:1px solid #67dcf42e;border-radius:50%;transform:rotate(-32deg) scaleY(.65);z-index:-1}
.hero-ring-one{box-shadow:0 0 25px #67dcf408,inset 0 0 25px #67dcf408}
.hero-ring-two{transform:rotate(48deg) scaleY(.68);border-color:#749bff35;left:55px;top:46px;width:400px;height:400px}
.hero-ring-three{transform:rotate(-32deg) scaleY(.65);inset:39px 15px auto;width:490px;height:420px;border-style:dashed;border-color:#67dcf416}
.hero-ring i{position:absolute;top:48px;left:45px;width:7px;height:7px;background:#b4f4ff;border-radius:50%;box-shadow:0 0 16px #67dcf4}
.hero-ring-two i{top:auto;left:auto;right:45px;bottom:48px;background:#8faeff;box-shadow:0 0 16px #749bff}
.hero-cube-anchor{position:absolute;perspective:1000px;width:var(--cube-size);height:var(--cube-size)}
.hero-cube-primary{--cube-size:164px;--cube-half:82px;left:208px;top:151px;z-index:3}
.hero-cube-satellite{--cube-size:86px;--cube-half:43px;left:83px;top:84px;z-index:2}
.hero-cube-small{--cube-size:76px;--cube-half:38px;left:377px;top:310px;z-index:4}
.hero-cube-float{width:100%;height:100%;transform-style:preserve-3d;animation:hero-cube-drift 8s ease-in-out infinite}
.hero-crystal{animation-duration:36s;animation-delay:-6s}
.hero-crystal .faq-cube-face{background:linear-gradient(135deg,#24586df5,#10283dfa);border-color:#8fe9f6bd;box-shadow:inset 0 0 30px #67dcf41a,inset 0 0 0 5px #07172455}
.hero-crystal .faq-cube-top{background:linear-gradient(135deg,#438799,#1b455d)}
.hero-crystal .faq-cube-face:before{content:'';position:absolute;inset:10px;border:1px solid #a9f2ff1c}
.hero-crystal .faq-cube-face:after{content:'';position:absolute;inset:0;background:linear-gradient(115deg,transparent 20%,#d4faff0d 40%,transparent 60%);pointer-events:none}
.hero-crystal .faq-cube-face svg{width:85%;height:85%;stroke:#a6f1ff;filter:drop-shadow(0 0 8px #67dcf475)}
.hero-face-points{fill:#bcf6ff;stroke:none}
.hero-cube-satellite .hero-crystal{animation-duration:44s;animation-direction:reverse;animation-delay:-17s}
.hero-cube-satellite .hero-cube-float{animation-duration:10s;animation-delay:-3s}
.hero-cube-satellite .faq-cube-face{background:linear-gradient(135deg,#23446e,#12223e);border-color:#8aabffb3}
.hero-cube-satellite .faq-cube-face svg{stroke:#a8c2ff;filter:drop-shadow(0 0 7px #749bff75)}
.hero-cube-small .hero-crystal{animation-duration:30s;animation-delay:-21s}
.hero-cube-small .hero-cube-float{animation-duration:7s;animation-delay:-4s}
.hero-cube-small .faq-cube-face{background:linear-gradient(135deg,#1f5362,#102b3c)}
.hero-art-label{position:absolute;top:31px;left:54px;font-size:11px;font-weight:600;letter-spacing:.2em;color:#9fdce9;line-height:1.5}
.hero-art-label>span{display:inline-block;width:5px;height:5px;background:var(--accent);border-radius:50%;margin-right:7px;box-shadow:0 0 12px #67dcf4}
.hero-art-label small{display:block;margin-left:16px;margin-top:5px;font-size:9px;letter-spacing:.18em;color:var(--muted);font-weight:400}
.hero-star{position:absolute;color:#a4f0fa;font-weight:200;font-size:24px;line-height:1;text-shadow:0 0 16px #67dcf450}
.hero-star-one{top:92px;right:62px}.hero-star-two{left:83px;top:308px;font-size:17px;color:#8faeff}.hero-star-three{right:87px;top:238px;font-size:34px}
.hero-art-caption{position:absolute;left:61px;bottom:38px;display:flex;align-items:center;gap:13px;padding:15px 20px;border:1px solid #67dcf435;border-radius:10px;background:linear-gradient(120deg,#173346e8,#102033ed);box-shadow:0 12px 40px #0003;z-index:5;font-size:15px;color:#e0f7ff;line-height:1.4}
.hero-caption-mark{font-size:34px;line-height:1;color:var(--accent);text-shadow:0 0 16px #67dcf450}
.hero-art-caption small{display:block;font-size:9px;color:#a4b6cb;letter-spacing:.16em;margin-top:5px}.hero-art-caption small span{padding-inline:4px;color:var(--accent)}
.hero-art-coordinate{position:absolute;bottom:42px;right:34px;writing-mode:vertical-rl;font-size:9px;letter-spacing:.2em;color:#a4b6cb}
@keyframes hero-cube-drift{0%,100%{transform:translateY(0)}50%{transform:translateY(-13px)}}
@media(min-width:761px) and (max-width:1100px){.hero-cube-stage{transform:translate(-50%,-50%) scale(.8)}.hero-visual.hero-cube-visual{height:450px}}
@media(min-width:761px) and (max-width:900px){.hero-cube-stage{transform:translate(-50%,-50%) scale(.65)}}
@media(max-width:760px){.hero:before{inset:0;background:radial-gradient(ellipse 80% 38% at 50% 76%,#45cfe326 0%,#45cfe310 35%,transparent 60%),radial-gradient(ellipse 70% 30% at 50% 80%,#4779ff1c,transparent 65%)}.hero-visual.hero-cube-visual{height:390px;margin:10px 0 0}.hero-cube-stage{transform:translate(-50%,-50%) scale(.73)}}
@media(max-width:420px){.hero-visual.hero-cube-visual{height:340px}.hero-cube-stage{transform:translate(-50%,-50%) scale(.61)}}
@media(prefers-reduced-motion:reduce){.hero-cube-float,.hero-crystal{animation:none}.hero-cube-satellite .hero-crystal{transform:rotateX(-18deg) rotateY(-28deg)}.hero-cube-small .hero-crystal{transform:rotateX(22deg) rotateY(30deg)}}

/* Short forms use two balanced rows; long forms retain the stacked sidebar. */
/* A shared decorative cube next to each FAQ, sized to its actual container. */
.seo-faq{max-width:none;container:faq / inline-size}
.faq-layout{display:grid;grid-template-columns:minmax(0,1fr) 280px;align-items:center;gap:40px}
.faq-copy{min-width:0}
.faq-cube-scene{--cube-size:136px;--cube-half:68px;position:relative;width:280px;height:300px;display:grid;place-items:center;perspective:850px;isolation:isolate}
.faq-cube-scene:before{content:'';position:absolute;inset:10%;background:radial-gradient(ellipse,#33b8df20,transparent 68%);z-index:-1}
.faq-cube{width:var(--cube-size);height:var(--cube-size);position:relative;transform-style:preserve-3d;transform:rotateX(-22deg) rotateY(35deg);animation:faq-cube-turn 28s linear infinite}
.faq-cube-face{position:absolute;inset:0;display:grid;place-items:center;background:linear-gradient(135deg,#193e51f5,#0c1d30fa);border:1px solid #71e5f4aa;box-shadow:inset 0 0 22px #67dcf414;backface-visibility:hidden}
.faq-cube-face svg{width:78%;height:78%;fill:none;stroke:#8ce8f6;stroke-width:4;filter:drop-shadow(0 0 5px #67dcf45c)}
.faq-cube-face svg path:last-child{stroke:#d1f8ff;stroke-width:3}
.faq-cube-front{transform:translateZ(var(--cube-half))}
.faq-cube-back{transform:rotateY(180deg) translateZ(var(--cube-half))}
.faq-cube-right{transform:rotateY(90deg) translateZ(var(--cube-half))}
.faq-cube-left{transform:rotateY(-90deg) translateZ(var(--cube-half))}
.faq-cube-top{transform:rotateX(90deg) translateZ(var(--cube-half));background:linear-gradient(135deg,#285b70,#133448)}
.faq-cube-bottom{transform:rotateX(-90deg) translateZ(var(--cube-half))}
.faq-cube-orbit{position:absolute;width:245px;height:245px;border:1px solid #67dcf41c;border-radius:50%;transform:rotateX(65deg) rotateZ(-20deg);top:55px}
.faq-cube-shadow{position:absolute;width:140px;height:24px;bottom:15px;border-radius:50%;background:radial-gradient(ellipse,#67dcf42b,transparent 70%);filter:blur(5px);z-index:-1}
@keyframes faq-cube-turn{from{transform:rotateX(-22deg) rotateY(35deg)}to{transform:rotateX(338deg) rotateY(395deg)}}
@container faq (max-width:760px){.faq-layout{grid-template-columns:minmax(0,1fr) 180px;gap:20px}.faq-cube-scene{--cube-size:100px;--cube-half:50px;width:180px;height:230px}.faq-cube-orbit{width:170px;height:170px;top:40px}.faq-cube-shadow{width:110px;bottom:4px}}
@container faq (max-width:520px){.faq-layout{grid-template-columns:minmax(0,1fr);gap:12px}.faq-cube-scene{justify-self:center;height:210px}.faq-cube-orbit{top:30px}}
@media(max-width:600px){.faq-layout{grid-template-columns:minmax(0,1fr);gap:12px}.faq-cube-scene{--cube-size:100px;--cube-half:50px;justify-self:center;width:180px;height:210px}.faq-cube-orbit{width:170px;height:170px;top:30px}}
@media(prefers-reduced-motion:reduce){.faq-cube{animation:none}}
@media print{.faq-cube-scene{display:none}.faq-layout{display:block}}
.coin-guide-layout{display:grid;grid-template-columns:minmax(0,1.8fr) minmax(300px,1fr);gap:40px;align-items:start;margin-top:40px}
.coin-guide-copy{min-width:0}
.coin-guide-copy>.editorial{max-width:none}
.coin-guide-copy>.editorial:last-child{margin-top:36px}
.coin-guide-sidebar{position:sticky;top:24px;min-width:0}
.coin-guide-panel{background:radial-gradient(ellipse at 100% 0,#26769e30,transparent 70%),linear-gradient(145deg,#13283c,#0d1828);border-color:#31516b}
.coin-guide-panel h2{font-size:2rem;line-height:1.15;margin:18px 0 22px}
.coin-guide-panel>.coin-name{margin-bottom:22px}
.coin-guide-panel>p{line-height:1.7}
.coin-guide-panel dl{margin:22px 0}
.coin-guide-links{flex-direction:column;align-items:stretch;gap:16px}
.coin-guide-links>.text-link{padding:8px 0}
.coin-guide-save{display:flex;align-items:center;gap:10px;margin-top:24px;padding-top:20px;border-top:1px solid var(--line);font-size:.9375rem;line-height:1.5}
.coin-guide-save small{font-size:.8125rem;color:var(--muted)}
.coin-guide-save .watch-button{min-width:44px;min-height:44px;flex-shrink:0}
@media(max-width:1000px){.coin-guide-layout{grid-template-columns:minmax(0,1.5fr) minmax(270px,1fr);gap:24px}.coin-guide-panel{padding:22px}}
@media(max-width:760px),(max-height:740px){.coin-guide-sidebar{position:static}}
@media(max-width:760px){.coin-guide-layout{grid-template-columns:minmax(0,1fr);gap:28px;margin-top:30px}.coin-guide-panel{padding:24px}}
@media(min-width:761px){
 .tool-layout{align-items:stretch}
 .tool-layout .tool-workspace{display:flex;flex-direction:column}
 .tool-layout .tool-workspace>.about-coin{flex:1;margin-bottom:0}
 .tool-layout-stacked>.tool-sidebar{align-content:stretch}
 .tool-layout-tiles>.tool-sidebar{display:contents}
 .tool-layout-tiles>.tool-workspace{grid-column:1;grid-row:1}
 .tool-layout-tiles .tool-example{grid-column:2;grid-row:1}
 .tool-layout-tiles .tool-reading{grid-column:1;grid-row:2}
 .tool-layout-tiles .tool-next{grid-column:2;grid-row:2}
 .tool-layout-tiles .tool-reading,.tool-layout-tiles .tool-next{margin:0}
 .tool-layout-tiles .tool-reading{display:flex;flex-direction:column;justify-content:center}
}