:root{--ink:#100806;--cream:#f2dfbd;--gold:#d7a63a;--gold2:#8f5a13;--red:#7d1712;--line:rgba(222,174,72,.34)}
*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-snap-type:y mandatory;background:var(--ink)}body{margin:0;background:var(--ink);color:var(--cream);font-family:Manrope,system-ui,sans-serif;overflow-x:hidden}body:before{content:"";position:fixed;inset:0;pointer-events:none;z-index:100;background:linear-gradient(90deg,rgba(0,0,0,.22),transparent 13%,transparent 87%,rgba(0,0,0,.22))}.noise{position:fixed;inset:0;z-index:99;pointer-events:none;opacity:.055;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 180 180' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.9' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='.7'/%3E%3C/svg%3E")}.cursor-glow{position:fixed;inset:0;z-index:98;pointer-events:none;background:radial-gradient(360px at var(--x,-300px) var(--y,-300px),rgba(233,172,50,.09),transparent 72%)}
.topbar{height:88px;position:fixed;z-index:50;top:0;left:0;right:0;padding:0 4vw;display:grid;grid-template-columns:1fr auto 1fr;align-items:center;border-bottom:1px solid var(--line);background:linear-gradient(#130a07e8,#130a0790);backdrop-filter:blur(16px)}.brand{font:700 20px Cinzel;color:var(--cream);text-decoration:none;letter-spacing:.12em}.brand span{color:var(--gold)}nav{display:flex;gap:42px}nav a,.socials a,footer a{color:#d9c6a4;text-decoration:none;text-transform:uppercase;font:600 12px Manrope;letter-spacing:.18em;transition:.25s}nav a:hover,.socials a:hover,footer a:hover{color:var(--gold)}.socials{justify-self:end;display:flex;gap:12px}.socials a{display:grid;place-items:center;width:38px;height:38px;border:1px solid var(--line);border-radius:50%}.panel{position:relative;width:100%;height:max(100vh,720px);min-height:720px;scroll-snap-align:start;overflow:hidden;padding:clamp(110px,9vh,150px) 6vw 5vh;background:radial-gradient(circle at 55% 45%,#321509 0,#170b07 45%,#0d0705 78%)}.panel:after{content:"";position:absolute;inset:22px;border:1px solid rgba(219,167,67,.15);pointer-events:none}.eyebrow{font:700 11px Manrope;letter-spacing:.42em;color:var(--gold);text-transform:uppercase}.hero{display:grid;grid-template-columns:46% 54%;align-items:center}.hero-copy{position:relative;z-index:4;max-width:800px}.hero h1,.panel h2{font-family:Cinzel,serif;text-transform:uppercase;letter-spacing:-.055em;line-height:.85;margin:.1em 0;color:#f6e6c8;text-shadow:0 7px 35px #000;font-size:clamp(74px,7.3vw,140px)}em{font-style:normal;color:transparent;-webkit-text-stroke:1px #dfa941;text-shadow:0 0 40px rgba(220,161,48,.2)}.dek{font:500 clamp(16px,1.15vw,22px) Manrope;color:#c6af8e;max-width:480px;margin:28px 0 36px}.actions{display:flex;align-items:center;gap:34px}.ca-button{cursor:pointer;min-width:230px;padding:15px 20px;background:linear-gradient(135deg,#e0b34f,#8e5312);border:1px solid #ffdd82;box-shadow:0 8px 30px #0008,inset 0 1px #fff8;color:#180a04;clip-path:polygon(7% 0,93% 0,100% 24%,100% 76%,93% 100%,7% 100%,0 76%,0 24%);transition:.3s}.ca-button span{display:block;font:800 18px Cinzel;letter-spacing:.08em}.ca-button small{font:700 8px Manrope;letter-spacing:.25em}.ca-button:hover{transform:translateY(-4px);filter:brightness(1.15)}.ca-button.copied{filter:hue-rotate(65deg) brightness(1.1)}.scroll-cta{font:700 11px Manrope;letter-spacing:.18em;text-transform:uppercase;color:#d3bd98;text-decoration:none}.scroll-cta b{margin-left:12px;color:var(--gold)}.coin-stage{position:relative;z-index:3;height:min(82vh,890px);display:grid;place-items:center;transform-style:preserve-3d;transform:perspective(1200px) rotateX(var(--rx,0)) rotateY(var(--ry,0));transition:transform .18s ease-out}.halo{position:absolute;width:min(45vw,780px);aspect-ratio:1;border:1px solid #c69435;border-radius:50%;box-shadow:inset 0 0 75px #d88f1930,0 0 100px #000}.halo:before,.halo:after{content:"✦  ·  CAPYCAESAR  ·  IMPERATOR  ·  SERENITAS  ·  MMXXVI  ·  ✦";position:absolute;inset:3%;border:1px dashed #a97325;border-radius:50%;display:flex;align-items:flex-start;justify-content:center;padding-top:3%;font:600 11px Cinzel;letter-spacing:.32em;color:#bf8a30}.halo span{position:absolute;inset:15%;border:1px solid #754a18;border-radius:50%;background:radial-gradient(circle,#87311a33,transparent 65%)}.character{position:relative;z-index:2;max-width:100%;max-height:100%;object-fit:contain;filter:drop-shadow(0 22px 30px #000b)}.hero-character{height:94%;animation:float 5s ease-in-out infinite;transform-origin:50% 80%}.stamp{position:absolute;right:6%;bottom:10%;width:110px;aspect-ratio:1;border:1px solid var(--gold);border-radius:50%;display:grid;place-content:center;text-align:center;transform:rotate(9deg);font:700 9px Manrope;letter-spacing:.18em;color:var(--gold);background:#180b06cc}.stamp strong{font:800 16px Cinzel}.vertical-word{position:absolute;right:2.2vw;top:45%;writing-mode:vertical-rl;font:600 9px Manrope;letter-spacing:.42em;color:#8c6e46}.orb{position:absolute;border-radius:50%;filter:blur(2px);background:#c65a16}.orb-one{width:300px;height:300px;right:25%;top:25%;opacity:.13}.orb-two{width:120px;height:120px;left:9%;bottom:5%;opacity:.08}
.lore{display:grid;grid-template-columns:46% 54%;align-items:center;background:radial-gradient(circle at 20% 60%,#5b2015 0,#1b0c08 42%,#0d0705 80%)}.lore-art{position:relative;height:82vh;display:grid;place-items:center}.sun-disc{position:absolute;width:42vw;max-width:720px;aspect-ratio:1;border-radius:50%;background:radial-gradient(circle,#b66d1f66 0,#4d1c1133 57%,transparent 58%);border:1px solid #b27928;box-shadow:0 0 90px #a34a1438}.thinker{height:95%;animation:breathe 6s ease-in-out infinite}.lore-copy{padding:0 8vw 0 5vw}.panel h2{font-size:clamp(64px,6.4vw,118px)}.lore-copy>p:not(.eyebrow){font-size:clamp(14px,1.05vw,20px);line-height:1.8;color:#c8b391;max-width:690px}.lore blockquote{border-left:2px solid var(--gold);padding:8px 0 8px 28px;margin:32px 0 8px;font:600 clamp(18px,1.35vw,27px) Cinzel;line-height:1.45;color:#ead3aa}.signature{margin-left:30px;font-size:11px;letter-spacing:.18em;color:#997d58}.arch{position:absolute;top:8%;height:84%;width:15%;border:1px solid #6b3d1d;border-bottom:0;border-radius:200px 200px 0 0;opacity:.3}.arch-left{left:-4%}.arch-right{right:-4%}
.roadmap{background:radial-gradient(circle at 73% 65%,#602319 0,#1b0c08 38%,#0d0705 78%);display:flex;flex-direction:column}.roadmap-head{text-align:center;z-index:3}.roadmap-head h2{font-size:clamp(58px,5vw,96px);margin:.08em}.roadmap-head>p:last-child{color:#ad9877;margin:0}.timeline{position:relative;z-index:5;margin-top:7vh;display:grid;grid-template-columns:repeat(4,1fr);gap:0;padding:0 5vw}.timeline:before{content:"";position:absolute;left:7%;right:7%;top:38px;height:1px;background:linear-gradient(90deg,transparent,var(--gold),transparent)}.milestone{position:relative;padding:0 3vw;text-align:center}.milestone>span{display:grid;place-items:center;margin:auto;width:76px;height:76px;border:1px solid #86541b;border-radius:50%;background:#160b07;font:700 25px Cinzel;color:#9d7134;transition:.4s}.milestone:hover>span,.milestone.active>span{color:#180b06;background:var(--gold);box-shadow:0 0 40px #d8972d55;transform:scale(1.08) rotate(-8deg)}.milestone p{margin-top:22px;font:700 9px Manrope;letter-spacing:.3em;color:#a87934}.milestone h3{font:600 clamp(17px,1.25vw,25px) Cinzel;margin:9px 0}.milestone small{display:block;color:#9e8c71;line-height:1.6;font-size:12px}.triumphant{position:absolute;right:-3%;bottom:-23%;height:72%;opacity:.34;transform:rotate(-8deg);animation:sway 4s ease-in-out infinite}
.chart{display:grid;grid-template-columns:34% 66%;align-items:center;gap:4vw;padding-left:7vw;padding-right:7vw}.chart-copy{z-index:3}.chart-copy h2{font-size:clamp(48px,4.3vw,84px)}.chart-copy>p:not(.eyebrow){max-width:480px;line-height:1.7;color:#b8a281;margin-bottom:30px}.chart-copy code{color:#e7bd64}.chart-frame{z-index:3;height:min(67vh,710px);border:1px solid #9b6825;background:#080504;box-shadow:0 30px 90px #000}.frame-top{height:52px;display:flex;align-items:center;gap:15px;padding:0 20px;border-bottom:1px solid #463017;font:700 9px Manrope;letter-spacing:.17em;color:#9e7e4d}.frame-top i{width:7px;height:7px;border-radius:50%;background:#61b269;box-shadow:0 0 12px #61b269}.frame-top small{margin-left:auto}.chart-placeholder{height:calc(100% - 52px);display:grid;place-content:center;text-align:center;background:linear-gradient(#120c09cc,#080504e8),repeating-linear-gradient(0deg,transparent 0 69px,#8a5b1729 70px),repeating-linear-gradient(90deg,transparent 0 89px,#8a5b1729 90px)}.oracle-mark{font-size:60px;color:var(--gold);animation:pulse 2.3s infinite}.chart-placeholder h3{font:700 25px Cinzel;letter-spacing:.08em;margin:14px}.chart-placeholder p{color:#87775e}.chart-live,.chart-live iframe{width:100%;height:calc(100% - 0px);border:0}footer{position:absolute;z-index:5;left:7vw;right:7vw;bottom:30px;display:flex;justify-content:space-between;border-top:1px solid var(--line);padding-top:15px;font:600 9px Manrope;letter-spacing:.18em;color:#836b4d}footer div{display:flex;gap:24px}.toast{position:fixed;z-index:200;left:50%;bottom:35px;transform:translate(-50%,120px);opacity:0;padding:14px 24px;background:var(--cream);color:#160905;font:800 10px Manrope;letter-spacing:.18em;transition:.35s}.toast.show{transform:translate(-50%,0);opacity:1}.reveal{opacity:0;transform:translateY(35px);transition:opacity .8s,transform .8s}.reveal.visible{opacity:1;transform:translateY(0)}
@keyframes float{50%{transform:translateY(-16px) rotate(1deg)}}@keyframes breathe{50%{transform:scale(1.015) translateY(-8px)}}@keyframes sway{50%{transform:rotate(-4deg) translateY(-15px)}}@keyframes pulse{50%{opacity:.45;transform:scale(.9)}}
@media(max-width:900px){html{scroll-snap-type:none}.topbar{height:70px;grid-template-columns:1fr auto}.topbar nav{display:none}.panel{height:auto;min-height:100svh;padding:100px 7vw 80px}.hero,.lore,.chart{grid-template-columns:1fr}.hero-copy{padding-top:5vh}.hero h1{font-size:clamp(58px,17vw,90px)}.coin-stage{height:55vh;min-height:430px}.halo{width:90vw}.lore-art{height:53vh;order:2}.lore-copy{padding:0}.panel h2{font-size:clamp(51px,14vw,80px)}.timeline{grid-template-columns:1fr 1fr;gap:40px 0;margin-bottom:220px}.timeline:before{display:none}.roadmap-head{text-align:left}.triumphant{height:45%;bottom:-10%;right:-22%}.chart{padding-left:7vw;padding-right:7vw}.chart-frame{height:60vh}.chart-copy{margin-bottom:30px}footer{position:relative;left:auto;right:auto;bottom:auto;grid-column:1;margin-top:60px;gap:15px;flex-wrap:wrap}.vertical-word{display:none}}
@media(max-width:560px){.socials a{width:32px;height:32px;font-size:9px}.brand{font-size:15px}.actions{align-items:flex-start;flex-direction:column}.timeline{grid-template-columns:1fr}.milestone{padding:0 10vw}.triumphant{opacity:.2}.chart-frame{height:55vh}.panel:after{inset:10px}.lore-copy>p:not(.eyebrow){font-size:14px}}
@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;animation:none!important;transition:none!important}.reveal{opacity:1;transform:none}}