/* Solana preview — a quiet, editorial instrument panel */
:root{
  --bg:#101712;--bg-soft:#141d18;--panel:#1a241e;--panel2:#202c25;--panel3:#27362d;
  --ink:#e8eee4;--muted:#a5b3a5;--faint:#7d8c7e;
  --bronze:#bdc984;--bronze-hi:#d9e2a1;--bronze-deep:#859764;
  --line:rgba(190,207,141,.2);--line-soft:rgba(190,207,141,.1);
  --good:#b9d092;--bad:#d28b78;--radius:17px;--radius-sm:10px;
  --shadow-lg:0 38px 90px -30px rgba(0,0,0,.62);
  --serif:Georgia,"Times New Roman",serif;
  --sans:ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;
  --mono:ui-monospace,"SF Mono",Menlo,monospace;
}
html{background:var(--bg);scroll-padding-top:88px}
body{background:var(--bg);color:var(--ink);letter-spacing:.005em}
::selection{background:rgba(190,207,141,.3);color:var(--ink)}
a,button,input{font:inherit}
a:focus-visible,button:focus-visible,input:focus-visible,summary:focus-visible{outline:2px solid var(--bronze-hi);outline-offset:4px}
.noise{opacity:.025}
.siteHeader{height:78px;padding:0 5vw;background:rgba(16,23,18,.9);border-color:var(--line-soft)}
.brand{font-size:11px;letter-spacing:.2em}
.seal{color:var(--bronze-hi);border-color:rgba(190,207,141,.55);background:radial-gradient(circle at 32% 28%,rgba(217,226,161,.18),transparent 66%);box-shadow:inset 0 0 22px rgba(190,207,141,.12)}
.siteHeader nav{gap:30px}
.siteHeader nav a{font-size:12px;color:var(--muted)}
.siteHeader nav a:after{background:var(--bronze-hi)}
.walletArea{display:flex;flex-direction:column;align-items:flex-end;gap:3px}
.walletStatus{font:9px/1.2 var(--mono);color:var(--faint);max-width:175px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.ghost{border-color:var(--line);background:rgba(190,207,141,.045);font-size:12px;padding:9px 15px}
.ghost:hover{border-color:rgba(217,226,161,.55);background:rgba(190,207,141,.1)}
.hero{min-height:750px;padding:100px 9vw 44px;display:grid;grid-template-columns:minmax(0,1.1fr) minmax(330px,.9fr);grid-template-rows:1fr auto;column-gap:5vw;align-items:center;overflow:hidden}
.hero:before{background:radial-gradient(700px 460px at 75% 38%,rgba(154,180,111,.1),transparent 68%),radial-gradient(800px 540px at 4% 90%,rgba(184,140,88,.065),transparent 64%)}
.hero:after{content:"H";font-size:520px;right:-88px;top:8%;color:transparent;-webkit-text-stroke:1px rgba(190,207,141,.055)}
.heroCopy{max-width:740px}
.hero .eyebrow,.section .eyebrow{font-size:9px;letter-spacing:.24em;color:var(--bronze-hi);margin-bottom:24px}
.eyebrow:before{width:27px;background:linear-gradient(90deg,var(--bronze-hi),transparent)}
.eyebrowDivider{color:var(--faint);font-weight:400}
.hero h1{font-size:clamp(66px,8vw,118px);line-height:.91;letter-spacing:-.065em;max-width:850px}
.hero h1 em,.final h2 em{font-style:italic;color:var(--bronze-hi);background:none}
.lede{max-width:545px;margin:30px 0 0;color:#b2beb1;font-size:16px;line-height:1.75}
.heroActions{margin-top:34px;gap:10px}
.primary,.secondary{min-height:49px;padding:0 20px;border-radius:8px;font-size:12px;letter-spacing:.015em}
.primary{background:var(--bronze-hi);color:#1b2418;box-shadow:none}
.primary:hover{transform:translateY(-2px);box-shadow:0 12px 32px -16px rgba(217,226,161,.55)}
.secondary{color:var(--ink);background:rgba(190,207,141,.035);border-color:var(--line)}
.secondary:hover{border-color:rgba(217,226,161,.48);background:rgba(190,207,141,.08);transform:translateY(-2px)}
.heroActions .primary span{margin-left:15px;font-size:16px}
.heroFootnote{display:flex;align-items:center;gap:10px;margin-top:24px;color:var(--faint);font:10px var(--mono);letter-spacing:.025em}
.footnoteMark,.previewNoteMark{width:7px;height:7px;border-radius:50%;background:#d19a67;flex:0 0 auto}
.orbitArt{position:relative;justify-self:center;width:min(100%,490px);aspect-ratio:1;display:grid;place-items:center;margin:0 0 0 1vw}
.orbit{position:absolute;left:50%;top:50%;border:1px solid rgba(190,207,141,.16);border-radius:50%;transform:translate(-50%,-50%)}
.orbitOuter{width:91%;height:91%;border-style:dashed;border-color:rgba(190,207,141,.19);animation:slowTurn 85s linear infinite}
.orbitMiddle{width:69%;height:69%;border-color:rgba(190,207,141,.24);transform:translate(-50%,-50%) rotate(-24deg) scaleY(.72)}
.orbitInner{width:47%;height:47%;border-color:rgba(190,207,141,.18);transform:translate(-50%,-50%) rotate(38deg) scaleY(.72)}
.orbitCore{width:31%;aspect-ratio:1;border-radius:50%;border:1px solid rgba(217,226,161,.44);background:radial-gradient(circle at 42% 34%,#344437,#1d2a21 69%);display:grid;place-items:center;box-shadow:0 0 80px rgba(139,170,99,.12),inset 0 0 36px rgba(190,207,141,.06);z-index:1}
.coreMonogram{font:italic 83px/.8 var(--serif);color:var(--bronze-hi);opacity:.9}
.orbitNode{position:absolute;width:43px;height:43px;border-radius:50%;display:grid;place-items:center;z-index:2;font:12px var(--mono);font-weight:700;box-shadow:0 8px 24px rgba(0,0,0,.28)}
.nodeSol{top:13%;right:22%;background:#d9e2a1;color:#182219}
.nodeXmr{bottom:17%;left:13%;background:#c37a4c;color:#1c1712}
.orbitLabel{position:absolute;font:8px var(--mono);letter-spacing:.12em;color:#a9b7a5}
.orbitLabel i{font-style:normal;color:var(--bronze-hi);margin-left:5px}
.labelSol{top:12%;left:12%}.labelXmr{right:4%;bottom:14%}
.artIndex{position:absolute;bottom:2%;right:10%;font:8px var(--mono);letter-spacing:.18em;color:var(--faint)}
.heroRule{grid-column:1/-1;height:1px;background:linear-gradient(90deg,var(--line),transparent);margin:24px 0 0}
.proofbar{grid-column:1/-1;display:grid;grid-template-columns:repeat(4,1fr);max-width:none;width:100%;margin:0;border:0;border-radius:0;background:none;overflow:visible}
.proofbar>div{position:relative;padding:24px 20px 8px 0;display:grid;grid-template-columns:30px 1fr;column-gap:8px}
.proofbar>div+div{border:0}
.proofbar>div:before{content:"";position:absolute;left:0;right:24px;top:0;height:1px;background:var(--line-soft)}
.proofbar .proofIndex{grid-row:span 2;color:var(--bronze);font:italic 12px var(--serif)}
.proofbar b{font-size:12px;letter-spacing:.01em;color:var(--ink);font-weight:600}
.proofbar small{font-size:10px;color:var(--faint);margin-top:4px}
.swapWrap{padding:118px 9vw;grid-template-columns:minmax(280px,.76fr) minmax(420px,560px);justify-content:space-between;gap:7vw;background:linear-gradient(120deg,#141d18,#111914 64%,#18231b);border-color:var(--line-soft)}
.swapIntro{align-self:center;max-width:430px}
.swapIntro h2,.sectionHeader h2,.privacyCopy h2,.securityIntro h2{font:400 clamp(43px,5.6vw,72px)/.99 var(--serif);letter-spacing:-.055em;margin:0}
.swapIntro h2 em{font-weight:400;color:var(--bronze-hi)}
.swapIntro>p,.sectionHeader>p,.privacyCopy>p,.securityIntro>p{font-size:14px;line-height:1.8;color:var(--muted);max-width:410px;margin:25px 0 0}
.previewNote{display:flex;gap:12px;align-items:flex-start;border-left:1px solid var(--line);padding:4px 0 4px 14px;margin-top:34px;color:var(--faint);font-size:11px;line-height:1.65}
.previewNoteMark{margin-top:5px;width:6px;height:6px;background:var(--bronze)}
.swapCard{padding:29px;background:#18221c;border-color:rgba(190,207,141,.18);border-radius:15px;box-shadow:0 32px 90px -38px rgba(0,0,0,.8)}
.swapCard:before{border-radius:16px;background:linear-gradient(140deg,rgba(217,226,161,.27),transparent 31%,transparent 70%,rgba(190,207,141,.14))}
.cardTop{margin-bottom:22px;align-items:center}
.cardTop small{color:var(--bronze);font:9px var(--mono);letter-spacing:.14em}
.cardTop h2{font:27px var(--serif);margin:4px 0 0;letter-spacing:-.03em}
.badge{font:9px var(--mono);letter-spacing:.025em;border-color:var(--line);background:rgba(190,207,141,.06);color:#c4d097;padding:7px 10px}
.statusNotice{margin:0 0 20px;padding:12px 14px;color:#d0d8c7;background:rgba(186,133,79,.09);border-color:rgba(186,133,79,.32);font-size:11px;line-height:1.6}
.amountHeading{display:flex;justify-content:space-between;align-items:center}
.amountHeading label{margin:10px 0 8px;color:var(--faint);font:9px var(--mono);letter-spacing:.13em}
.amountHeading>span{color:#718071;font:8px var(--mono);letter-spacing:.08em}
.amountBox{min-height:82px;background:#202d25;border:1px solid rgba(190,207,141,.12);border-radius:9px;padding:8px 15px}
.amountBox:focus-within{border-color:rgba(217,226,161,.5);background:#243229;box-shadow:0 0 0 3px rgba(190,207,141,.08)}
.amountBox input,.amountBox output{font:32px var(--serif);letter-spacing:-.03em;color:var(--ink);width:56%}
.amountBox input:focus-visible{outline:0}
.asset{gap:10px}
.asset .coin{width:33px;height:33px;box-shadow:none}
.asset .solanaGlyph{background:#d9e2a1;color:#1a241b;font:700 14px var(--mono)}
.asset .coin.xmr{background:#bb744b;color:#fff4e8;font:700 13px var(--mono)}
.asset b{font-size:12px;letter-spacing:.02em}.asset small{font:9px var(--mono);color:#8a9989;margin-top:4px;white-space:nowrap}
.amountPresets{display:flex;align-items:center;gap:7px;margin-top:9px}
.amountPresets>span{margin-right:auto;color:#748274;font:8px var(--mono);letter-spacing:.12em}
.amountPresets button{border:1px solid var(--line-soft);background:rgba(190,207,141,.025);color:#b7c2b2;border-radius:5px;padding:5px 9px;font:9px var(--mono);cursor:pointer;transition:background .2s,border-color .2s,color .2s}
.amountPresets button:hover{border-color:var(--line);background:rgba(190,207,141,.08);color:var(--ink)}
.direction{width:34px;height:34px;margin:10px auto 8px;color:var(--bronze-hi);font:12px var(--mono);border-radius:8px;background:#202d25}
.direction:hover{border-color:rgba(217,226,161,.5);transform:translateY(2px);box-shadow:none}
.quoteUnavailable{display:flex;gap:12px;align-items:flex-start;padding:15px 0 12px;border-bottom:1px solid var(--line-soft);margin-top:13px}
.quoteMark{font:18px var(--mono);color:var(--bronze);line-height:1}
.quoteUnavailable b{font-size:11px;font-weight:600;color:#cbd4c5}
.quoteUnavailable p{margin:4px 0 0;color:var(--faint);font-size:10px;line-height:1.55}
.swapCard #notice{background:rgba(190,207,141,.035);border-color:var(--line-soft);color:#9daa9b;font-size:10px;margin:12px 0;padding:10px 12px}
.full{min-height:49px;margin-top:2px;border-radius:8px;font-size:12px}
.full:disabled{opacity:1;background:#303c32;color:#879184;box-shadow:none;cursor:not-allowed}
.micro{font:9px var(--mono);color:#778475;margin-top:11px}
.section{padding:116px 9vw;border-color:var(--line-soft)}
.sectionKicker{display:flex;align-items:center;gap:20px}
.sectionKicker>span{font:italic 14px var(--serif);color:var(--bronze)}
.sectionKicker .eyebrow{margin:0}
.sectionHeader{display:grid;grid-template-columns:1fr .7fr;align-items:end;gap:7vw;margin-top:38px}
.sectionHeader>p{margin:0 0 4px}
.flow{grid-template-columns:repeat(3,1fr);gap:0;margin-top:66px}
.flow>article{min-height:188px;border-top:1px solid var(--line);padding:21px 26px 0 0}
.flow>article+article{padding-left:25px;border-left:1px solid var(--line-soft)}
.flow article>span{color:var(--bronze);font:8px var(--mono);letter-spacing:.12em}
.flow article>b{font:22px var(--serif);margin:26px 0 8px;letter-spacing:-.02em}
.flow article>p{max-width:290px;margin:0;color:var(--muted);font-size:12px;line-height:1.75}
.flow article:hover{border-top-color:var(--bronze)}
.privacySection{display:grid;grid-template-columns:.85fr 1fr;gap:9vw;align-items:center;background:#141d18}
.privacyCopy h2,.securityIntro h2{font-size:clamp(45px,5.4vw,70px)}
.privacyCopy>p{max-width:460px}
.textLink{display:inline-flex;gap:20px;align-items:center;margin-top:27px;color:var(--bronze-hi);font-size:11px;text-decoration:none;border-bottom:1px solid rgba(190,207,141,.32);padding-bottom:7px;transition:gap .2s,color .2s}
.textLink:hover{gap:26px;color:var(--ink)}
.privacyLedger{border-top:1px solid var(--line)}
.privacyLedger>div{display:flex;justify-content:space-between;align-items:center;gap:16px;padding:18px 2px;border-bottom:1px solid var(--line-soft)}
.privacyLedger span{font-size:11px;color:var(--muted)}
.privacyLedger b{font:8px var(--mono);letter-spacing:.08em;color:var(--bronze-hi);text-align:right}
.securitySection{background:var(--bg)}
.securityIntro{display:grid;grid-template-columns:1fr .7fr;align-items:end;gap:7vw;margin-top:38px}
.securityIntro>p{margin:0 0 4px}
.statusLines{margin-top:58px;border-top:1px solid var(--line);border-bottom:1px solid var(--line-soft)}
.statusLines>div{min-height:61px;display:grid;grid-template-columns:42px 1fr 1.1fr 130px;align-items:center;gap:15px;border-bottom:1px solid var(--line-soft)}
.statusLines>div:last-child{border-bottom:0}
.statusNumber{color:var(--bronze);font:italic 13px var(--serif)}
.statusLines b{font:18px var(--serif);font-weight:400}
.statusLines>div>span:nth-child(3){font-size:11px;color:var(--muted)}
.statusLines i{font:9px var(--mono);font-style:normal;color:#d5a578;text-align:right}
.securitySection>.textLink{margin-top:24px}
.legacyStrip{margin:0 9vw;padding:22px 0;border-block:1px solid var(--line-soft);display:flex;justify-content:space-between;align-items:center;gap:24px}
.legacyStrip .eyebrow{margin:0 0 5px;font-size:8px}
.legacyStrip p{margin:0;color:var(--muted);font-size:11px}
.legacyStrip>a{font-size:10px;color:var(--bronze-hi);text-decoration:none;white-space:nowrap}
.legacyStrip>a span{margin-left:10px}
.legacyStrip>a:hover{color:var(--ink)}
.final{padding:120px 5vw 125px}
.final:before{background:radial-gradient(640px 350px at 50% 55%,rgba(154,180,111,.085),transparent 69%)}
.final .sigil.big{color:var(--bronze-hi);border-color:rgba(190,207,141,.4);background:radial-gradient(circle at 32% 28%,rgba(217,226,161,.12),transparent 62%);box-shadow:inset 0 0 24px rgba(190,207,141,.08)}
.final .eyebrow{position:relative;justify-content:center;margin:30px 0 14px;font-size:9px}
.final h2{font-size:clamp(48px,7vw,86px);line-height:.98;margin:0 auto 20px}
.final>p{position:relative;max-width:390px;margin:0 auto 26px;color:var(--muted);font-size:12px;line-height:1.7}
.final .secondary{position:relative}
footer{min-height:92px;padding:25px 5vw;grid-template-columns:.8fr 1.2fr 1.5fr;border-color:var(--line-soft);font-size:9px}
.footerBrand{font-size:10px;font-weight:700;letter-spacing:.16em;color:var(--muted);text-decoration:none}
.footerBrand span{display:inline-grid;place-items:center;margin-left:8px;width:18px;height:18px;border:1px solid var(--line);border-radius:50%;color:var(--bronze-hi);font:italic 12px var(--serif)}
footer p{max-width:390px;color:var(--faint)}
.footerLinks{display:flex;justify-content:flex-end;gap:18px;flex-wrap:wrap}
footer a{color:var(--muted);text-decoration:none;transition:color .2s}
footer a:hover{color:var(--bronze-hi)}
@keyframes slowTurn{to{transform:translate(-50%,-50%) rotate(360deg)}}
@media(max-width:1000px){
  .hero{padding-left:6vw;padding-right:6vw;grid-template-columns:1fr .8fr;column-gap:2vw}
  .hero h1{font-size:clamp(60px,8.5vw,100px)}
  .swapWrap{padding:90px 6vw;grid-template-columns:minmax(240px,.8fr) minmax(400px,1fr);gap:5vw}
  .section{padding-left:6vw;padding-right:6vw}
  .legacyStrip{margin-inline:6vw}
}
@media(max-width:850px){
  .siteHeader{padding-inline:5vw}
  .siteHeader nav{display:none}
  .hero{min-height:0;padding-top:88px;grid-template-columns:1fr;grid-template-rows:auto auto auto;row-gap:12px}
  .heroCopy{max-width:680px}
  .hero h1{font-size:clamp(66px,12vw,100px)}
  .orbitArt{width:min(80vw,390px);margin:4px auto -6px}
  .heroRule{margin-top:12px}
  .proofbar{grid-template-columns:1fr 1fr}
  .proofbar>div:nth-child(odd){padding-right:18px}
  .proofbar>div:nth-child(even){padding-left:10px}
  .swapWrap{grid-template-columns:1fr;gap:40px;padding-block:82px}
  .swapIntro{max-width:600px}
  .swapIntro>p{max-width:530px}
  .swapWrap aside{order:initial}
  .swapCard{width:100%;max-width:600px}
  .sectionHeader,.securityIntro{grid-template-columns:1fr;gap:20px}
  .sectionHeader>p,.securityIntro>p{max-width:520px}
  .privacySection{grid-template-columns:1fr;gap:48px}
  .flow{gap:0}
  footer{grid-template-columns:1fr 1fr;gap:14px}
  footer p{grid-column:2;grid-row:1}
  .footerLinks{grid-column:1/-1;justify-content:flex-start}
}
@media(max-width:520px){
  .siteHeader{height:68px;padding-inline:18px}
  .brand{font-size:9px;gap:8px;letter-spacing:.15em}
  .seal{width:31px;height:31px}
  .walletArea{gap:2px}
  .ghost{padding:8px 10px;font-size:10px;min-height:36px}
  .walletStatus{font-size:8px;max-width:142px}
  .hero{padding:74px 22px 30px}
  .hero .eyebrow{font-size:8px;letter-spacing:.18em;gap:9px}
  .hero h1{font-size:clamp(55px,14vw,74px)}
  .lede{font-size:14px;margin-top:22px}
  .heroActions{flex-direction:column;align-items:stretch;margin-top:25px}
  .heroActions a{width:100%}
  .heroFootnote{font-size:8px;line-height:1.5}
  .orbitArt{width:min(84vw,330px)}
  .orbitNode{width:36px;height:36px}
  .proofbar>div{grid-template-columns:24px 1fr;padding-top:17px}
  .proofbar b{font-size:11px}
  .proofbar small{font-size:9px}
  .swapWrap{padding:68px 18px}
  .swapIntro h2{font-size:47px}
  .swapCard{padding:19px}
  .cardTop{flex-direction:row;align-items:center;gap:8px}
  .cardTop h2{font-size:24px}
  .badge{font-size:8px;padding:6px 8px}
  .amountBox{min-height:75px;padding:8px 11px;gap:7px}
  .amountBox input,.amountBox output{font-size:25px;width:53%}
  .asset{gap:7px}
  .asset .coin{width:29px;height:29px}
  .asset b{font-size:11px}
  .asset small{font-size:8px}
  .amountPresets{gap:5px}
  .amountPresets button{padding:5px 7px}
  .amountPresets>span{font-size:7px}
  .section{padding:76px 22px}
  .sectionHeader,.securityIntro{margin-top:26px}
  .sectionHeader h2,.privacyCopy h2,.securityIntro h2{font-size:48px}
  .flow{grid-template-columns:1fr;margin-top:44px}
  .flow>article,.flow>article+article{min-height:0;padding:18px 0 20px;border-left:0;border-top:1px solid var(--line-soft)}
  .flow article>b{margin:12px 0 6px;font-size:21px}
  .flow article>p{max-width:440px}
  .privacySection{gap:34px}
  .privacyLedger>div{padding:14px 0}
  .privacyLedger span{font-size:10px}
  .privacyLedger b{font-size:7px}
  .statusLines{margin-top:38px}
  .statusLines>div{grid-template-columns:25px 1fr 1fr;gap:8px;min-height:58px}
  .statusLines b{font-size:15px}
  .statusLines>div>span:nth-child(3){font-size:9px}
  .statusLines i{grid-column:2/-1;text-align:left;font-size:8px;margin-top:-11px;padding-bottom:7px}
  .legacyStrip{margin-inline:22px;align-items:flex-start;flex-direction:column;gap:13px;padding:19px 0}
  .legacyStrip>a{font-size:10px}
  .final{padding:85px 22px}
  .final h2{font-size:clamp(43px,11vw,62px)}
  footer{padding:24px 22px;grid-template-columns:1fr;gap:13px}
  footer p{grid-column:auto;grid-row:auto}
  .footerLinks{grid-column:auto;gap:14px}
}
@media(prefers-reduced-motion:reduce){
  .orbitOuter{animation:none}
}