html,body{color-scheme:light;overflow-x:clip;background:#fff!important}main{background:#fff}:root{--container:1200px;--gutter:clamp(20px, 4vw, 56px)}.wrap{max-width:var(--container);padding:0 var(--gutter);margin:0 auto}.hero{background:#0b0b0c url(/assets/hero-criptonario.webp) 50%/cover no-repeat;align-items:center;min-height:100svh;padding:clamp(96px,9vw,128px) 0 clamp(56px,7vw,90px);display:flex;position:relative;overflow:hidden}.hero__inner{z-index:1;width:100%;max-width:var(--container);padding:0 var(--gutter);margin:0 auto;position:relative}.hero__content{flex-direction:column;align-items:flex-start;gap:24px;max-width:760px;display:flex}.hero__tag{color:#fff;background:#ffffff1a;border:1px solid #fff3;border-radius:999px;align-items:center;gap:9px;padding:6px 14px;font-size:13px;font-weight:600;display:inline-flex}.hero__tag .dot{background:var(--orange);border-radius:50%;width:6px;height:6px}.hero__title{letter-spacing:-.03em;color:#fff;text-wrap:balance;margin:0;font-size:clamp(38px,5vw,62px);font-weight:700;line-height:1.04}.hero__sub{color:#fff;text-wrap:pretty;max-width:600px;margin:0;font-size:16px;font-weight:400;line-height:1.5}.hero__ctas{flex-wrap:wrap;gap:14px;display:flex}.hero .hero__ctas .btn--orange{background:var(--orange);color:#fff}.hero .hero__ctas .btn--orange:hover{background:var(--orange-dark);color:#fff}.cn-strip{background:var(--orange);padding:clamp(28px,3.4vw,40px) 0}.cn-strip__inner{grid-template-columns:1fr 1fr;align-items:center;gap:clamp(20px,3vw,48px);display:grid}@media (width<=800px){.cn-strip__inner{grid-template-columns:1fr;gap:12px}}.cn-strip h2{letter-spacing:-.02em;color:#fff;text-wrap:balance;margin:0;font-size:clamp(20px,2.2vw,26px);font-weight:700;line-height:1.2}.cn-strip p{color:#fff;margin:0;font-size:15px;line-height:1.5}.cn{background:var(--gray-01);padding:clamp(48px,6vw,80px) 0 clamp(64px,8vw,110px)}.cn__grid{grid-template-columns:280px minmax(0,1fr);align-items:start;gap:clamp(28px,4vw,64px);display:grid}@media (width<=960px){.cn__grid{grid-template-columns:1fr;gap:28px}}.cn-nav{border-radius:var(--r-m);background:#fff;padding:22px;position:sticky;top:96px}@media (width<=960px){.cn-nav{position:static}}.cn-nav__title{font-family:var(--font-sans);color:var(--gray-03);margin:0 0 14px;font-size:13px;font-weight:600}.cn-nav__letters{grid-template-columns:repeat(5,1fr);gap:6px;margin:0 0 18px;padding:0;list-style:none;display:grid}.cn-nav__letters a,.cn-nav__letters span{aspect-ratio:1;color:var(--ink-2);border-radius:8px;justify-content:center;align-items:center;font-size:14px;font-weight:600;line-height:1;transition:background .14s,color .14s;display:flex}.cn-nav__letters a:hover{background:var(--gray-01);color:var(--gray-03)}.cn-nav__letters a.is-active{background:var(--orange);color:#fff}.cn-nav__letters .is-empty{color:#d9d9d9}@media (width<=960px){.cn-nav__letters{flex-wrap:wrap;display:flex}.cn-nav__letters li{display:contents}.cn-nav__letters a,.cn-nav__letters span{aspect-ratio:auto;width:40px;height:40px}}.cn-nav__count{font-family:var(--font-sans);color:var(--ink-2);border-top:1px solid #efefef;margin:0;padding-top:16px;font-size:13px;line-height:1.4}.cn-doc{min-width:0}.cn-doc__updated{font-family:var(--font-sans);color:var(--ink-2);margin:0 0 clamp(24px,3vw,36px);font-size:13px}.cn-doc section{padding-bottom:clamp(28px,3.4vw,40px);scroll-margin-top:104px}.cn-doc h2{letter-spacing:-.02em;color:var(--orange);align-items:center;gap:16px;margin:0 0 20px;font-size:clamp(26px,3vw,34px);font-weight:700;line-height:1;display:flex}.cn-doc h2:after{content:"";background:#e6e6e6;flex:1;height:1px}.cn-doc dl{gap:12px;margin:0;display:grid}.cn-def{background:#fff;border-radius:10px;padding:16px 18px}.cn-def dt{color:var(--gray-03);margin:0 0 6px;font-size:16px;font-weight:700;line-height:1.3}.cn-def dd{margin:0}.cn-def dd p{color:var(--ink-2);text-wrap:pretty;margin:0 0 10px;font-size:15px;line-height:1.7}.cn-def dd p:last-child{margin-bottom:0}.section{padding:clamp(64px,8vw,120px) 0}.section .wrap{max-width:var(--container);padding:0 var(--gutter);margin:0 auto}.glossary .eyebrow{font-family:var(--font-mono);text-transform:none;letter-spacing:.08em;color:var(--orange);align-items:center;gap:8px;margin:0 0 8px;font-size:12px;display:flex}.glossary .eyebrow:before{content:"";background:var(--orange);border-radius:50%;width:8px;height:8px}.glossary h2{font-family:var(--font-sans);letter-spacing:-.02em;color:var(--gray-03);margin:0 0 36px;font-size:clamp(28px,3.4vw,40px);font-weight:700}.expo{gap:10px;width:100%;height:clamp(320px,40vw,440px);display:flex}.expo__panel{cursor:pointer;background:#14110d 50%/cover no-repeat;border-radius:16px;flex:1 1 0;justify-content:center;align-items:flex-end;min-width:0;transition:flex-grow .5s cubic-bezier(.2,.7,.2,1);display:flex;position:relative;overflow:hidden}a.expo__panel{color:inherit;text-decoration:none}.expo__panel:focus-visible{outline:2px solid var(--orange);outline-offset:2px}.expo__panel:hover,.expo__panel.is-open{flex-grow:5}.expo:hover .expo__panel.is-open:not(:hover){flex-grow:1}.expo__panel:after{content:"";background:linear-gradient(#0000 45%,#0000009e);position:absolute;inset:0}.expo__vlabel{writing-mode:vertical-rl;font-family:var(--font-sans);color:#fff;white-space:nowrap;letter-spacing:-.01em;z-index:1;font-size:clamp(20px,1.8vw,26px);font-weight:700;transition:opacity .3s;position:absolute;bottom:30px;left:50%;transform:translate(-50%)rotate(180deg)}.expo__text{z-index:1;opacity:0;pointer-events:none;padding:clamp(24px,2.4vw,36px);transition:opacity .4s,transform .4s;position:absolute;bottom:0;left:0;right:0;transform:translateY(10px)}.expo__title{font-family:var(--font-sans);letter-spacing:-.02em;color:#fff;margin:0 0 8px;font-size:clamp(22px,2.2vw,30px);font-weight:700;line-height:1.12}.expo__desc{font-family:var(--font-sans);color:#fff;max-width:48ch;margin:0;font-size:15px;line-height:1.5}.expo__panel:hover .expo__vlabel,.expo__panel.is-open .expo__vlabel{opacity:0}.expo__panel:hover .expo__text,.expo__panel.is-open .expo__text{opacity:1;transform:none}.expo:hover .expo__panel.is-open:not(:hover) .expo__vlabel{opacity:1}.expo:hover .expo__panel.is-open:not(:hover) .expo__text{opacity:0;transform:translateY(10px)}@media (width<=760px){.expo{flex-direction:column;height:auto}.expo__panel{height:200px;transition:height .5s cubic-bezier(.2,.7,.2,1)}.expo__vlabel{display:none}.expo__text{opacity:1;position:absolute;transform:none}}
