@font-face{font-family:Calistoga;src:url('assets/calistoga-regular.ttf') format('truetype');font-display:swap;font-weight:400}
@font-face{font-family:Figtree;src:url('assets/figtree-regular.ttf') format('truetype');font-display:swap;font-weight:400}
@font-face{font-family:Figtree;src:url('assets/figtree-bold.ttf') format('truetype');font-display:swap;font-weight:700}
:root{--bg:#100c08;--surface:#18110a;--gold:#edc16c;--cream:#faf0da;--muted:#c9bcaa;--line:#59472f;--display:Calistoga,Georgia,serif;--body:Figtree,sans-serif;color-scheme:dark;--ease:cubic-bezier(.16,1,.3,1)}
*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:90px;scrollbar-color:var(--gold) var(--bg)}body{margin:0;background:var(--bg);color:var(--cream);font:400 17px/1.65 var(--body);min-width:320px}::selection{background:var(--gold);color:var(--bg)}a{color:inherit;text-decoration:none}button{font:inherit}img{display:block;max-width:100%;object-fit:cover}a,button,summary{-webkit-tap-highlight-color:transparent}a:focus-visible,button:focus-visible,summary:focus-visible{outline:2px solid var(--gold);outline-offset:6px}a,button{touch-action:manipulation}h1,h2,h3,p{margin:0}h1,h2{font-family:var(--display);font-weight:400;letter-spacing:-.025em;line-height:1.08;text-wrap:balance}h2{font-size:clamp(40px,4.9vw,68px)}h3{font-size:22px;line-height:1.3}p{color:var(--muted)}.wrap{width:min(1240px,calc(100% - 112px));margin-inline:auto}.skip{position:absolute;z-index:5;top:-100px;left:20px;background:var(--gold);color:var(--bg);padding:12px}.skip:focus{top:12px}
/* Layer scale: media 0, media copy 1, header 3, skip link 5. */
.header{height:88px;padding:0 4%;display:flex;align-items:center;justify-content:space-between;gap:28px;position:absolute;inset:0 0 auto;z-index:3;border-bottom:1px solid #edc16c26;background:linear-gradient(#100c08b3,#100c0833)}.brand{display:flex;align-items:center;gap:12px;flex-shrink:0}.brand img,.token-name img,.launch-coin{border-radius:50%;clip-path:circle(48.5%);aspect-ratio:1;object-fit:cover}.brand span{font-family:var(--display);font-size:25px;letter-spacing:.035em;color:var(--gold)}.header nav{display:flex;gap:28px;font-size:14px}.header nav a{padding:12px 0}.header nav a:hover,.text-link:hover{color:var(--gold)}.header-action{font-size:14px;border:1px solid #edc16c80;border-radius:100px;padding:11px 19px;white-space:nowrap;background:#100c0866}.header-action:hover{background:var(--gold);color:var(--bg)}
.hero{min-height:740px;height:min(940px,100svh);position:relative;display:flex;align-items:center;isolation:isolate;background:#0b0907;overflow:hidden}.hero-image{position:absolute;inset:0;width:100%;height:100%;object-position:60% center;z-index:-2}.hero-shade{position:absolute;inset:0;z-index:-1;background:linear-gradient(90deg,#100c0880 0%,transparent 62%),linear-gradient(0deg,var(--bg),transparent 22%)}.hero-copy{padding-top:76px}.hero h1{font-size:clamp(56px,6.6vw,94px);max-width:720px;color:var(--gold)}.hero-copy>p{font-size:18px;line-height:1.7;margin-top:28px;max-width:500px;color:var(--cream)}.button{display:inline-flex;align-items:center;justify-content:space-between;gap:40px;border-radius:100px;padding:16px 25px;background:var(--gold);color:var(--bg);font-size:16px;font-weight:700;margin-top:32px;transition:transform .25s var(--ease),background .25s}.button span{font-size:22px;line-height:1}.button:hover{background:#f9d692;transform:translateY(-3px)}.button:active{transform:translateY(0)}

/* The opening scene and header above retain the established identity. */
:root{--muted-strong:#dfd1bc;--frame:#edc16c40}
button,a,summary{touch-action:manipulation}
button{color:inherit}
[hidden]{display:none!important}
.pair-intro{display:flex;align-items:center;justify-content:center;gap:46px;padding:38px 0 48px;border-bottom:1px solid var(--line)}
.token-name{display:flex;align-items:center;gap:18px}
.token-name strong{font:400 29px var(--display);color:var(--gold)}
.token-name span{display:block;font-size:14px;margin-top:3px;color:var(--muted)}
.pair-connection{display:flex;align-items:center;gap:18px}
.pair-connection span{height:1px;background:var(--line);width:45px}
.pair-connection p{font-size:14px;white-space:nowrap}
.story{display:grid;grid-template-columns:1.22fr 1fr;align-items:center;gap:8%;padding-block:130px 150px}
.story-picture{position:relative;aspect-ratio:1.02;isolation:isolate}
.story-picture::before{content:"";position:absolute;inset:20px -20px -20px 20px;border:1px solid var(--frame);z-index:-1}
.story-picture img{width:100%;height:100%;object-position:center;box-shadow:0 24px 64px #08060366}
.story-copy{padding-block:20px}
.story-copy h2{color:var(--gold);font-size:clamp(44px,5.2vw,74px);margin-bottom:30px}
.story-copy p{max-width:430px;margin-bottom:22px}
.story-copy p:first-of-type{font-size:22px;line-height:1.5;color:var(--cream)}
.text-link{font-size:15px;border-bottom:1px solid var(--line);padding-bottom:6px;display:inline-block;transition:color .2s,border-color .2s}
.text-link:hover{border-color:var(--gold);color:var(--gold)}
.story-copy .text-link{margin-top:14px}
.text-link span{margin-left:15px}
.mechanism{padding:100px 0 80px;background:radial-gradient(ellipse at 25% 58%,#edc16c0b,transparent 55%),var(--surface);border-block:1px solid #edc16c18;overflow:hidden}
.mechanism-heading{max-width:780px;margin:auto;text-align:center}
.mechanism-heading h2{color:var(--gold);font-size:clamp(44px,5.6vw,80px)}
.mechanism-heading p{margin:26px auto 0;max-width:580px;font-size:18px}
.pairing-experience{display:grid;grid-template-columns:1.65fr 1fr;gap:5%;align-items:center;margin-top:54px}
.pairing-art{position:relative;aspect-ratio:800/540;perspective:1100px;isolation:isolate}
.pairing-paths{position:absolute;inset:0;width:100%;height:100%;overflow:visible}
.pair-orbit{stroke:var(--gold);stroke-width:1;stroke-opacity:.19}
.flow-track{stroke:url(#flow-gold);stroke-width:2}
.flow-pulse{stroke:var(--gold);stroke-width:3;stroke-linecap:round;stroke-dasharray:28 360;stroke-dashoffset:388;opacity:0}
.reward-tracks{stroke:var(--gold);stroke-opacity:.2;stroke-width:1}
.reward-pulses{stroke:var(--gold);stroke-width:2;stroke-dasharray:16 320;stroke-dashoffset:336;opacity:0}
.recipient-rings{fill:var(--surface);stroke:var(--gold);stroke-width:1;opacity:.35;transition:opacity .45s}
.coin-position{position:absolute;text-align:center;perspective:900px}
.doge-position{left:7%;top:19%;width:33%}
.cate-position{left:61%;top:30%;width:24%}
.coin-disc{position:relative;aspect-ratio:1;isolation:isolate;border-radius:50%;transform-style:preserve-3d;background:var(--gold);box-shadow:2px 3px 0 #a98030,4px 6px 0 #836121,7px 9px 0 #5c4119,10px 14px 0 #3a2912,20px 35px 35px #08060385;transform:rotateY(-15deg) rotateX(10deg) rotateZ(-9deg);transition:transform .7s var(--ease),filter .7s,opacity .7s}
.coin-disc::before{content:"";position:absolute;inset:-6px;border-radius:inherit;background:conic-gradient(from 25deg,#8b601d,#f8dc8b 12%,#b8832c 27%,#6c4918 45%,#e8be60 62%,#fae6ac 75%,#a57b2c);z-index:-1}
.coin-disc::after{content:"";position:absolute;inset:0;border-radius:inherit;background:linear-gradient(130deg,#fff5cc38,transparent 35%,#130c0010 65%,#fff5cc28);pointer-events:none}
.coin-disc img{width:100%;height:100%;border-radius:50%;clip-path:circle(48.5%);object-fit:cover}
.cate-disc{transform:rotateY(14deg) rotateX(8deg) rotateZ(11deg)}
.coin-position>span{position:absolute;bottom:calc(100% + 24px);left:0;width:100%;display:block;font:400 clamp(20px,2.1vw,29px)/1.2 var(--display);color:var(--gold)}
.coin-position small{display:block;font:400 13px/1.6 var(--body);color:var(--muted);margin-top:6px}
.community-label{position:absolute;left:45%;right:0;bottom:1%;text-align:center;font-size:14px;color:var(--muted)}
.flow-story{min-width:0}
.flow-tabs{display:flex;flex-direction:column}
.flow-tab{width:100%;display:grid;grid-template-columns:40px 1fr 22px;align-items:center;gap:10px;border:0;border-top:1px solid var(--line);background:transparent;padding:23px 0;text-align:left;font:700 20px/1.3 var(--body);cursor:pointer;color:var(--muted);transition:color .2s}
.flow-tab:last-child{border-bottom:1px solid var(--line)}
.flow-tab:hover{color:var(--cream)}
.flow-tab[aria-selected=true]{color:var(--cream)}
.flow-number{font:400 26px/1 var(--display);color:var(--muted)}
.flow-tab[aria-selected=true] .flow-number{color:var(--gold)}
.step-arrow{width:20px;height:20px;color:var(--gold);opacity:0;transform:translateX(-6px);transition:opacity .2s,transform .25s}
.flow-tab[aria-selected=true] .step-arrow{opacity:1;transform:none}
.flow-panels{margin-top:24px;min-height:94px}
.flow-panel p{font-size:17px;line-height:1.6;color:var(--muted-strong)}
.flow-panel h3{font-size:20px;margin:24px 0 8px;color:var(--gold)}
.flow-ready .flow-panel h3,.pairing-experience:not(.flow-ready) .flow-tabs{display:none}
.flow-panel:focus-visible{outline:2px solid var(--gold);outline-offset:6px}
.flow-play{display:inline-flex;align-items:center;gap:13px;border:1px solid #edc16c70;border-radius:100px;background:transparent;min-height:46px;padding:10px 19px;color:var(--gold);font-size:14px;cursor:pointer;transition:background .2s}
.flow-play:hover{background:#edc16c0f}
.play-symbol{width:0;height:0;border-top:5px solid transparent;border-bottom:5px solid transparent;border-left:8px solid currentColor}
.flow-play[aria-pressed=true] .play-symbol{width:8px;height:10px;border-block:0;border-inline:3px solid currentColor}
.flow-context{font-size:12px;margin-top:14px}
.mechanism-note{font-size:14px;text-align:center;margin:32px auto 0;max-width:660px}
[data-flow-step="0"] .cate-disc{filter:saturate(.65);opacity:.7}
[data-flow-step="1"] .doge-disc{transform:rotateY(-7deg) rotateX(7deg) rotateZ(-4deg)}
[data-flow-step="1"] .cate-disc,[data-flow-step="2"] .cate-disc{transform:rotateY(0deg) rotateX(5deg) rotateZ(0deg)}
[data-flow-step="1"] .flow-track{stroke:var(--gold);stroke-width:3}
[data-flow-step="2"] .recipient-rings{opacity:1;fill:#edc16c40}
[data-flow-step="2"] .reward-tracks{stroke-opacity:.9;stroke-width:2}
[data-flow-step="2"] .community-label{color:var(--gold)}
@media(prefers-reduced-motion:no-preference){
  .flow-ready[data-flow-step="1"] .flow-pulse{opacity:1;animation:travel 1.15s var(--ease) both}
  .flow-ready[data-flow-step="2"] .reward-pulses{opacity:1;animation:distribute 1.15s var(--ease) both}
  .flow-ready[data-flow-step="2"] .recipient-rings{animation:recipients .9s ease-out}
  @keyframes travel{0%{stroke-dashoffset:388;opacity:0}15%{opacity:1}85%{opacity:1}100%{stroke-dashoffset:0;opacity:0}}
  @keyframes distribute{0%{stroke-dashoffset:336;opacity:0}20%{opacity:1}80%{opacity:1}100%{stroke-dashoffset:0;opacity:0}}
  @keyframes recipients{0%,50%{opacity:.35}100%{opacity:1}}
}
.road{height:740px;position:relative;display:grid;place-items:center;text-align:center;isolation:isolate;overflow:hidden}
.road>img{position:absolute;inset:0;width:100%;height:100%;object-position:center 45%;z-index:-2}
.road-shade{position:absolute;inset:0;background:linear-gradient(0deg,var(--bg),#100c0870 40%,#100c0840 65%,var(--surface));z-index:-1}
.road-copy{padding:160px 24px 0}
.road h2{font-size:clamp(48px,6.4vw,92px);text-shadow:0 4px 24px #100c08}
.road p{color:var(--cream);margin-top:24px;font-size:18px}
.launch{padding-block:100px 130px;display:grid;grid-template-columns:1fr 1fr;gap:10%;align-items:start}
.launch-intro{padding-top:12px}
.launch-emblem{width:190px;margin:0 0 54px 12px;perspective:900px}
.launch-emblem .coin-disc{transform:rotateY(-15deg) rotateZ(-8deg)}
.launch-emblem .launch-coin{width:100%;height:100%;margin:0}
.launch h2{color:var(--gold);font-size:clamp(42px,4.2vw,58px)}
.launch-intro>p{margin-top:24px;font-size:17px;max-width:400px}
.launch-details{padding-top:12px;min-width:0}
.launch-details>h3{font:400 34px var(--display);margin-bottom:28px}
.launch-row{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:23px 0;border-top:1px solid var(--line)}
.launch-row strong{font-size:18px}
.launch-row p{font-size:14px;margin-top:4px}
.launch-row>span{font-size:14px;color:var(--gold);text-align:right}
.launch-row:last-of-type{margin-bottom:30px}
.launch-row.contract-row{display:block;border-top:2px solid var(--gold);padding-top:24px;padding-bottom:30px}
.contract-row .detail-body{padding-bottom:0}
.contract-row #dogecoin-address{font-size:16px;line-height:1.65;margin:19px 0 22px;padding:18px 20px;background:#edc16c0a;border:1px solid #edc16c30;border-radius:12px;letter-spacing:.02em}
details{border-top:1px solid var(--line)}
details:last-child{border-bottom:1px solid var(--line)}
summary{cursor:pointer;position:relative;min-height:62px;padding:20px 35px 20px 0;font-size:16px;list-style:none}
summary::-webkit-details-marker{display:none}
summary::after{content:"+";font-size:25px;font-weight:400;color:var(--gold);position:absolute;right:4px;top:13px;transition:transform .25s}
details[open] summary::after{transform:rotate(45deg)}
.detail-body{padding:0 0 24px;font-size:15px}
.detail-body a{text-decoration:underline;text-underline-offset:4px}
.detail-body code{display:block;font-size:14px;overflow-wrap:anywhere;color:var(--cream);margin:16px 0}
.contract-actions{display:flex;align-items:center;flex-wrap:wrap;gap:22px;font-size:14px}
.contract-actions button{background:var(--gold);color:var(--bg);font-size:14px;font-weight:700;border:0;border-radius:100px;min-height:46px;padding:12px 19px;cursor:pointer;transition:background .2s,transform .2s}
.contract-actions button:hover{background:#f9d692}
.contract-actions button:active{transform:scale(.98)}
[role=status]:not(:empty){margin-top:12px;font-size:14px;color:var(--gold)}
.footer{padding:35px 0 45px;border-top:1px solid var(--line);display:grid;grid-template-columns:auto 1fr auto;align-items:start;gap:40px}
.footer .brand span{font-size:19px}
.footer p{font-size:12px;max-width:620px;line-height:1.65}
.footer .text-link{font-size:13px;white-space:nowrap}
.footer .brand img{width:36px;height:36px}
@media(prefers-reduced-motion:no-preference){
 .hero-copy{animation:arrive .9s var(--ease) both}
 @keyframes arrive{from{opacity:.35;transform:translateY(18px)}to{opacity:1;transform:none}}
 .story-picture img{transition:transform .7s var(--ease)}
 .story-picture:hover img{transform:translate(-3px,-3px)}
}
@media(min-width:1500px){.hero-image{object-position:center 43%}}
@media(max-width:1100px){
 .wrap{width:calc(100% - 64px)}
 .header{gap:20px;height:80px}.header nav{gap:18px}.header-action{padding:9px 12px;font-size:13px}.brand span{font-size:22px}
 .hero{min-height:680px}.hero h1{font-size:70px}.hero-image{object-position:58% center}.hero-copy>p{max-width:430px}
 .pair-intro{gap:25px}.pair-connection span{width:22px}
 .story{gap:7%;padding-block:100px 120px}.story-copy p:first-of-type{font-size:20px}
 .pairing-experience{grid-template-columns:1.35fr 1fr;gap:4%}
 .flow-tab{font-size:17px;grid-template-columns:30px 1fr 18px}
 .flow-panel p{font-size:16px}
 .flow-panels{min-height:108px}
 .coin-position>span{font-size:24px;bottom:calc(100% + 22px)}
 .launch{gap:7%}.footer{gap:25px}
}
@media(max-width:767px){
 html{scroll-padding-top:24px}.wrap{width:calc(100% - 40px)}
 .header{height:76px;padding:0 20px;gap:12px}.header nav{display:none}.brand{gap:8px}.brand span{font-size:20px}.brand img{width:38px;height:38px}.header-action{font-size:12px;padding:9px 12px}
 .hero{min-height:760px;height:100svh;max-height:980px;align-items:flex-end}
 .hero-image{height:72%;top:55px;object-position:80% center;object-fit:cover}
 .hero-shade{background:linear-gradient(0deg,var(--bg) 12%,#100c08ed 27%,#100c0870 48%,transparent 67%)}
 .hero-copy{padding:0 0 46px}.hero h1{font-size:clamp(48px,10vw,72px);max-width:520px}
 .hero-copy>p{font-size:16px;line-height:1.6;margin-top:20px;max-width:365px}.hero-copy>p br{display:none}
 .button{margin-top:24px;padding:14px 23px}
 .pair-intro{padding:12px 0 38px;display:grid;grid-template-columns:1fr 1fr;gap:20px}
 .token-name{gap:10px}.token-name img{width:49px;height:49px}.token-name strong{font-size:23px}.token-name span{font-size:12px}
 .pair-connection{grid-column:1/-1;grid-row:2;justify-content:center;gap:16px}.pair-connection span{width:45px}.pair-connection p{font-size:13px}
 .story{grid-template-columns:1fr;gap:45px;padding-block:65px 75px}
 .story-picture{aspect-ratio:1.12;width:calc(100% - 12px)}.story-picture::before{inset:12px -12px -12px 12px}
 .story-copy{padding:0}.story-copy h2{font-size:48px;margin-bottom:22px}.story-copy p{font-size:16px}.story-copy p:first-of-type{font-size:20px}
 .mechanism{padding:68px 0 55px}.mechanism-heading{text-align:left}.mechanism-heading h2{font-size:clamp(42px,10.5vw,58px)}
 .mechanism-heading p{font-size:16px;margin-top:22px}
 .pairing-experience{grid-template-columns:1fr;gap:26px;margin-top:25px}
 .pairing-art{width:calc(100% + 12px);margin-left:-6px;aspect-ratio:800/540}
 .doge-position{top:19%;left:6%;width:32%}.cate-position{top:30%;left:62%;width:25%}
 .coin-position>span{font-size:21px;bottom:calc(100% + 16px)}.coin-position small{font-size:12px;margin-top:3px;white-space:nowrap}
 .community-label{bottom:2%;font-size:12px}
 .coin-disc{box-shadow:2px 3px 0 #a98030,4px 5px 0 #836121,6px 7px 0 #5c4119,8px 10px 0 #3a2912,12px 21px 24px #08060385}
 .coin-disc::before{inset:-4px}
 .flow-tab{font-size:19px;padding:20px 0;grid-template-columns:35px 1fr 22px}
 .flow-panels{min-height:82px;margin-top:24px}.flow-panel p{font-size:17px}
 .flow-context{font-size:12px}.mechanism-note{text-align:left;margin-top:28px;font-size:13px;border-top:1px solid var(--line);padding-top:24px}
 .road{height:560px}.road h2{font-size:52px}.road>img{object-position:57% center}.road-copy{padding-top:100px}
 .road p{font-size:16px;max-width:270px;margin-inline:auto}
 .launch{grid-template-columns:1fr;padding-block:60px 65px;gap:42px}.launch-intro{padding:0}
 .launch-emblem{width:130px;margin:0 0 34px 10px}
 .launch h2{font-size:47px}.launch-intro>p{font-size:16px}
 .launch-details{padding-top:0}.launch-details>h3{font-size:30px}
 .launch-row{gap:15px}.launch-row>span{font-size:13px}
 .contract-row #dogecoin-address{padding:15px;font-size:15px;letter-spacing:0}
 .contract-actions{gap:18px;font-size:14px}.contract-actions button{padding:12px 17px}
 .footer{grid-template-columns:1fr auto;gap:25px;padding-block:28px}.footer p{grid-row:2;grid-column:1/-1}.footer .text-link{align-self:center}
}
@media(max-width:370px){
 .header-action{font-size:11px;padding:8px}.brand span{font-size:18px}.hero{min-height:725px}.hero h1{font-size:46px}
 .token-name strong{font-size:20px}.token-name img{width:43px;height:43px}.launch-row strong{font-size:16px}
 .coin-position>span{font-size:20px}.coin-position small{font-size:11px}.flow-tab{font-size:17px}
 .flow-panels{min-height:110px}.contract-actions{gap:13px}.contract-actions button{font-size:13px}
}
@media(prefers-reduced-motion:reduce){
 html{scroll-behavior:auto}
 *,*::before,*::after{animation:none!important;transition:none!important}
 .coin-disc,.cate-disc,.launch-emblem .coin-disc{transform:none!important}
}