:root{--basalt:#14171B;--slate:#1D2227;--slate-hi:#272D34;--slate-top:#343C45;--chalk:#F1F3F5;--ash:#AEB7C1;--white:#FFFFFF;--geode-gold:#E9B95C;--geode-rose:#D8587F;--geode-violet:#7B4A9E;--slab:"Roboto Slab",Rockwell,"Courier New",serif;--text:Roboto,system-ui,-apple-system,"Segoe UI",sans-serif;}*{box-sizing:border-box;margin:0;padding:0}html{-webkit-text-size-adjust:100%}body{background:var(--basalt);color:var(--chalk);font-family:var(--text);font-weight:400;font-size:clamp(0.94rem,0.9rem + 0.2vw,1rem);line-height:1.45;-webkit-font-smoothing:antialiased;overflow-x:hidden;}a{color:inherit}button{font:inherit;color:inherit;border:0;background:none;-webkit-tap-highlight-color:transparent;cursor:pointer}.field{position:fixed;inset:0;overflow:hidden;pointer-events:none;display:none}.field svg{position:absolute;width:780px;height:780px;left:-180px;bottom:-260px}.field svg + svg{left:auto;right:-240px;bottom:auto;top:-300px;width:860px;height:860px}.screen{position:relative;min-height:100dvh;display:flex;flex-direction:column;}.bar{display:flex;align-items:center;gap:12px;padding:calc(10px + env(safe-area-inset-top)) calc(16px + env(safe-area-inset-right)) 6px calc(16px + env(safe-area-inset-left));}.bar img{width:52px;height:52px;display:block;flex:none}.wordmark{font-family:var(--slab);font-weight:800;font-size:clamp(1.1rem,1rem + 0.5vw,1.35rem);letter-spacing:0.01em}.copy{padding:8px calc(16px + env(safe-area-inset-right)) 0 calc(16px + env(safe-area-inset-left))}h1{font-family:var(--slab);font-weight:800;font-size:clamp(1.72rem,1.1rem + 2.9vw,3.1rem);line-height:1.08;letter-spacing:-0.012em;text-wrap:balance;}.lede{margin-top:10px;color:var(--ash);max-width:34em;text-wrap:pretty}.device{flex:1;display:flex;flex-direction:column;min-height:0}.stage{flex:1;display:flex;flex-direction:column;justify-content:center;padding:16px calc(16px + env(safe-area-inset-right)) 10px calc(16px + env(safe-area-inset-left));perspective:900px;}.slab-wrap{position:relative;height:clamp(11.2rem,29dvh,16rem)}.cast{position:absolute;left:14px;right:14px;top:18px;bottom:-12px;border-radius:28px;background:#07090B;opacity:0.55;filter:blur(14px);will-change:transform;}.slab{position:absolute;inset:0;border-radius:28px;overflow:hidden;background:var(--slate-hi);box-shadow:0 1px 0 rgba(255,255,255,0.07) inset,0 1px 2px rgba(0,0,0,0.5),0 6px 14px rgba(0,0,0,0.28);touch-action:none;user-select:none;-webkit-user-select:none;overscroll-behavior:contain;cursor:grab;will-change:transform;outline:none;}.slab:active{cursor:grabbing}.slab:focus-visible{box-shadow:0 0 0 3px var(--chalk),0 6px 14px rgba(0,0,0,0.28)}.crystal{position:absolute;right:-34px;top:50%;width:190px;height:190px;margin-top:-95px;will-change:transform;}.crystal svg{width:100%;height:100%;display:block}.sheen{position:absolute;inset:0;opacity:0;background:linear-gradient(115deg,rgba(255,255,255,0.16),rgba(255,255,255,0) 55%);}.face{position:absolute;inset:0;padding:18px 18px 16px 20px;display:flex;flex-direction:column;will-change:transform,opacity;}.tag{display:inline-flex;align-items:center;gap:7px;align-self:flex-start;height:26px;padding:0 11px 0 9px;border-radius:8px;background:var(--slate-top);color:var(--chalk);font-weight:500;font-size:clamp(0.72rem,0.7rem + 0.1vw,0.78rem);letter-spacing:0.02em;}.tag i{width:8px;height:8px;border-radius:50%;background:var(--geode-gold);display:block}.plat{margin-top:auto;font-family:var(--slab);font-weight:800;font-size:clamp(1.9rem,1.6rem + 1.4vw,2.3rem);line-height:1;}.kind{margin-top:6px;font-weight:500;max-width:62%}.adds{margin-top:12px;padding-top:11px;max-width:62%;border-top:1px solid var(--slate-top);color:var(--ash);font-size:clamp(0.8rem,0.78rem + 0.1vw,0.86rem);line-height:1.35;}.grip{position:absolute;left:50%;top:8px;width:32px;height:4px;margin-left:-16px;border-radius:2px;background:var(--slate-top)}.pick{margin-top:14px}.pick-label{color:var(--ash);font-size:clamp(0.78rem,0.76rem + 0.1vw,0.84rem);margin-bottom:7px}.seg{display:flex;border-radius:22px;background:var(--slate);box-shadow:0 0 0 1px var(--slate-top) inset}.seg button{flex:1 1 0;min-width:0;height:44px;font-weight:500;font-size:clamp(0.74rem,0.66rem + 0.36vw,0.84rem);color:var(--ash);border-radius:22px;will-change:transform;}.seg button[aria-checked="true"]{background:var(--slate-top);color:var(--white);box-shadow:0 1px 3px rgba(0,0,0,0.45)}.seg button:focus-visible{outline:2px solid var(--chalk);outline-offset:-2px}.action{background:var(--slate);border-radius:28px 28px 0 0;box-shadow:0 -1px 0 rgba(255,255,255,0.05) inset,0 -6px 18px rgba(0,0,0,0.3);padding:14px calc(16px + env(safe-area-inset-right)) calc(14px + env(safe-area-inset-bottom)) calc(16px + env(safe-area-inset-left));}.cta{display:flex;align-items:center;justify-content:center;gap:12px;height:58px;border-radius:29px;background:var(--white);color:var(--basalt);font-weight:500;font-size:clamp(1.02rem,0.98rem + 0.2vw,1.1rem);letter-spacing:0.01em;text-decoration:none;box-shadow:0 1px 2px rgba(0,0,0,0.5),0 4px 10px rgba(0,0,0,0.3);-webkit-tap-highlight-color:transparent;will-change:transform;}.cta .dot{width:34px;height:34px;border-radius:50%;flex:none;background:linear-gradient(160deg,var(--geode-gold),var(--geode-rose) 55%,var(--geode-violet));display:grid;place-items:center;}.cta .dot svg{width:18px;height:18px;display:block}.cta:focus-visible{outline:3px solid var(--geode-gold);outline-offset:3px}.after{margin-top:10px;text-align:center;color:var(--ash);font-size:clamp(0.78rem,0.76rem + 0.1vw,0.84rem);line-height:1.35}.doubt{padding:34px calc(16px + env(safe-area-inset-right)) 36px calc(16px + env(safe-area-inset-left));background:var(--slate);border-top:1px solid var(--slate-top);}.doubt-in{max-width:40rem;margin:0 auto}.doubt h2{font-family:var(--slab);font-weight:800;font-size:clamp(1.25rem,1.1rem + 0.7vw,1.6rem);line-height:1.15}.doubt p{margin-top:10px;color:var(--ash)}footer{position:relative;padding:18px calc(16px + env(safe-area-inset-right)) calc(22px + env(safe-area-inset-bottom)) calc(16px + env(safe-area-inset-left));color:var(--ash);font-size:clamp(0.76rem,0.74rem + 0.1vw,0.82rem);text-align:center;background:var(--basalt);}@media (hover: hover){.seg button:hover{color:var(--white)}.cta:hover{background:#E6E9EC}}@media (max-height: 700px){.bar img{width:44px;height:44px}.adds{display:none}.slab-wrap{height:9.6rem}}@media (min-width: 900px){.field{display:block}.screen{display:grid;grid-template-columns:minmax(0,1fr) 420px;grid-template-rows:auto 1fr;column-gap:clamp(2.5rem,6vw,6rem);max-width:1120px;margin:0 auto;padding:36px 40px;align-items:start;}.bar{grid-column:1;grid-row:1;padding:0;gap:18px}.bar img{width:128px;height:128px}.wordmark{font-size:clamp(1.5rem,1.2rem + 0.8vw,1.9rem)}.copy{grid-column:1;grid-row:2;padding:0;align-self:center;padding-bottom:8vh}.lede{margin-top:18px;font-size:clamp(1.05rem,1rem + 0.3vw,1.2rem)}.device{grid-column:2;grid-row:1 / span 2;align-self:center;height:min(calc(100dvh - 72px),640px);background:var(--slate);border-radius:32px;overflow:hidden;box-shadow:0 1px 0 rgba(255,255,255,0.06) inset,0 2px 4px rgba(0,0,0,0.5),0 18px 44px rgba(0,0,0,0.42);}.stage{padding:26px 22px 14px}.slab-wrap{height:15rem}.action{background:var(--slate-hi);padding:18px 22px 20px}.seg{background:var(--basalt)}}.swap{transition:opacity 160ms}@media (prefers-reduced-motion: reduce){.cta,.slab,.seg button{will-change:auto}}html,body{max-width:100%;overflow-x:clip}