.ds{color:#f0f0f0;background:#050507;min-height:100vh;font-family:Outfit,sans-serif;overflow-x:hidden}.ds-hero{height:100vh;text-align:center;box-sizing:border-box;flex-direction:column;justify-content:center;align-items:center;height:100dvh;padding:40px 20px;display:flex;position:relative;overflow:hidden}.ds-hero:before{content:"";pointer-events:none;background:radial-gradient(80% 50% at 50% 0,#1e90ff14 0%,#0000 60%),radial-gradient(60% 40% at 50% 100%,#d4af370f 0%,#0000 50%);position:absolute;top:0;bottom:0;left:0;right:0}.ds-hero-ring{background:linear-gradient(160deg,#bf953f,#fcf6ba,#b38728,#fbf5b7,#aa771c);border-radius:50%;flex-shrink:0;width:clamp(120px,18vh,180px);height:clamp(120px,18vh,180px);margin-bottom:clamp(20px,4vh,40px);padding:3px;animation:4s ease-in-out infinite alternate ds-ring-glow;position:relative}@keyframes ds-ring-glow{0%{box-shadow:0 0 40px #d4af3726,0 0 80px #d4af370d}to{box-shadow:0 0 60px #d4af3740,0 0 120px #d4af3714}}.ds-hero-ring-inner{background:#050507;border-radius:50%;justify-content:center;align-items:center;width:100%;height:100%;display:flex;overflow:hidden}.ds-hero-ring-inner img{object-fit:contain;width:85%;height:85%}.ds-hero h1{letter-spacing:6px;text-transform:uppercase;background:linear-gradient(135deg,#0057b8 0%,#1e90ff 50%,#4dc9f6 100%);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text;margin-bottom:12px;font-size:clamp(2rem,4.5vw,4rem);font-weight:800}.ds-hero-sub{letter-spacing:.3em;text-transform:uppercase;color:#ffffff59;font-size:1rem;font-weight:400}.ds-hero-line{background:linear-gradient(#bf953f80,#0000);width:1px;height:clamp(40px,6vh,70px);margin-top:clamp(24px,4vh,48px)}.ds-container{max-width:1200px;margin:0 auto;padding:0 40px}.ds-container--wide{max-width:1400px;margin:0 auto;padding:0 40px}.ds-sect{padding:120px 0;position:relative}.ds-sect--alt{background:#08080c}.ds-sect-header{margin-bottom:64px}.ds-sect-label{letter-spacing:.35em;text-transform:uppercase;color:#c8a84e;margin-bottom:16px;font-size:.75rem;font-weight:600}.ds-sect-title{letter-spacing:-.5px;color:#fff;font-size:clamp(1.8rem,3vw,2.8rem);font-weight:700;line-height:1.15}.ds-sect-desc{color:#fff6;max-width:500px;margin-top:12px;font-size:1.05rem;line-height:1.6}.ds-divider{background:linear-gradient(90deg,#0000 0%,#1e90ff4d 30%,#d4af374d 70%,#0000 100%);height:1px}.ds-palette{border-radius:20px;grid-template-columns:repeat(5,1fr);gap:2px;display:grid;overflow:hidden}.ds-swatch{aspect-ratio:1;flex-direction:column;justify-content:flex-end;padding:16px;transition:transform .3s;display:flex;position:relative}.ds-swatch:hover{z-index:2;transform:scale(1.04)}.ds-swatch-name{margin-bottom:4px;font-size:.8rem;font-weight:600}.ds-swatch-hex{opacity:.7;font-family:Outfit,monospace;font-size:.7rem}.ds-swatch--light .ds-swatch-name,.ds-swatch--light .ds-swatch-hex{color:#0a0a0a}.ds-grad-list{flex-direction:column;gap:32px;display:flex}.ds-grad-strip{border-radius:16px;overflow:hidden}.ds-grad-bar{height:120px;position:relative}.ds-grad-bar-label{color:#fff;text-shadow:0 2px 12px #00000080;font-size:1.4rem;font-weight:700;position:absolute;bottom:16px;left:24px}.ds-grad-meta{background:#0e0e12;justify-content:space-between;align-items:center;padding:20px 24px;display:flex}.ds-grad-var{color:#c8a84e;font-size:.85rem;font-weight:500}.ds-grad-css{color:#ffffff4d;text-align:right;max-width:60%;font-family:Outfit,monospace;font-size:.75rem}.ds-type-showcase{flex-direction:column;gap:0;display:flex}.ds-type-item{border-bottom:1px solid #ffffff0d;grid-template-columns:200px 1fr;align-items:baseline;gap:40px;padding:48px 0;display:grid}.ds-type-item:last-child{border-bottom:none}.ds-type-meta{flex-direction:column;gap:6px;display:flex}.ds-type-weight{letter-spacing:.2em;text-transform:uppercase;color:#ffffff40;font-size:.7rem}.ds-type-size{color:#c8a84e;font-family:Outfit,monospace;font-size:.8rem}.ds-type-display{letter-spacing:-2px;font-size:clamp(3rem,6vw,5rem);font-weight:800;line-height:1}.ds-type-heading{font-size:2.4rem;font-weight:700;line-height:1.15}.ds-type-subheading{font-size:1.5rem;font-weight:600}.ds-type-body{color:#ffffffb3;max-width:520px;font-size:1.05rem;line-height:1.7}.ds-type-caption{letter-spacing:.2em;text-transform:uppercase;color:#ffffff73;font-size:.8rem}.ds-btn-grid{flex-direction:column;gap:48px;display:flex}.ds-btn-row{flex-wrap:wrap;align-items:center;gap:20px;display:flex}.ds-btn-row-label{letter-spacing:.25em;text-transform:uppercase;color:#ffffff40;width:100%;margin-bottom:-8px;font-size:.7rem}.ds-btn-blue{text-transform:uppercase;letter-spacing:.5px;cursor:pointer;color:#fff;background:linear-gradient(135deg,#0057b8 0%,#1e90ff 50%,#4dc9f6 100%);border:none;border-radius:10px;justify-content:center;align-items:center;padding:16px 44px;font-size:.95rem;font-weight:700;transition:all .3s;display:inline-flex;position:relative;overflow:hidden;box-shadow:0 8px 32px #1e90ff40}.ds-btn-blue:hover{transform:translateY(-2px);box-shadow:0 12px 40px #1e90ff59}.ds-btn-gold{text-transform:uppercase;letter-spacing:.5px;cursor:pointer;color:#0a0a0a;background:linear-gradient(160deg,#bf953f,#fcf6ba,#b38728,#fbf5b7,#aa771c);border:none;border-radius:10px;justify-content:center;align-items:center;padding:16px 44px;font-size:.95rem;font-weight:700;transition:all .3s;display:inline-flex;box-shadow:0 8px 32px #bf953f33}.ds-btn-gold:hover{transform:translateY(-2px);box-shadow:0 12px 40px #bf953f4d}.ds-btn-blend{text-transform:uppercase;letter-spacing:.5px;cursor:pointer;background:var(--primary-gradient);color:#fff;border:none;border-radius:10px;justify-content:center;align-items:center;padding:16px 44px;font-size:.95rem;font-weight:700;transition:all .3s;display:inline-flex;box-shadow:0 8px 32px #1e90ff26,0 8px 32px #d4af371a}.ds-btn-blend:hover{transform:translateY(-2px);box-shadow:0 16px 48px #1e90ff33,0 16px 48px #d4af3726}.ds-btn-glass{text-transform:uppercase;letter-spacing:.5px;cursor:pointer;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);color:#fffc;background:#ffffff0a;border:1px solid #ffffff1a;border-radius:10px;justify-content:center;align-items:center;padding:16px 44px;font-size:.95rem;font-weight:600;transition:all .3s;display:inline-flex}.ds-btn-glass:hover{background:#ffffff14;border-color:#fff3;transform:translateY(-2px)}.ds-btn-outline-gold{text-transform:uppercase;letter-spacing:.5px;cursor:pointer;color:#c8a84e;background:0 0;border:1px solid #bf953f66;border-radius:10px;justify-content:center;align-items:center;padding:15px 44px;font-size:.95rem;font-weight:600;transition:all .3s;display:inline-flex}.ds-btn-outline-gold:hover{background:#bf953f14;border-color:#bf953fb3;transform:translateY(-2px)}.ds-cards-grid{grid-template-columns:repeat(3,1fr);gap:24px;display:grid}.ds-card-glass{-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);background:#ffffff08;border:1px solid #ffffff0f;border-radius:20px;padding:40px 32px;transition:all .4s}.ds-card-glass:hover{background:#ffffff0d;border-color:#ffffff1f;transform:translateY(-4px);box-shadow:0 24px 64px #0006}.ds-card-glass-icon{border-radius:12px;justify-content:center;align-items:center;width:48px;height:48px;margin-bottom:20px;font-size:1.3rem;display:flex}.ds-card-glass h4{margin-bottom:10px;font-size:1.1rem;font-weight:700}.ds-card-glass p{color:#fff6;font-size:.9rem;line-height:1.6}.ds-card-surface{background:#0e0e14;border:1px solid #ffffff0f;border-radius:20px;padding:40px 32px;transition:all .4s}.ds-card-surface:hover{border-color:#1e90ff26;transform:translateY(-4px);box-shadow:0 24px 64px #0006,0 0 0 1px #1e90ff14}.ds-card-surface h4{margin-bottom:10px;font-size:1.1rem;font-weight:700}.ds-card-surface p{color:#fff6;font-size:.9rem;line-height:1.6}.ds-card-gold{background:linear-gradient(160deg,#bf953f0f 0%,#0a0a0afa 40%);border:1px solid #bf953f26;border-radius:20px;padding:40px 32px;transition:all .4s}.ds-card-gold:hover{border-color:#bf953f4d;transform:translateY(-4px);box-shadow:0 24px 64px #0006,0 0 80px #bf953f0a}.ds-card-gold h4{color:#c8a84e;margin-bottom:10px;font-size:1.1rem;font-weight:700}.ds-card-gold p{color:#fff6;font-size:.9rem;line-height:1.6}.ds-tokens-grid{grid-template-columns:repeat(auto-fill,minmax(120px,1fr));gap:16px;display:grid}.ds-token-card{text-align:center;background:#0c0c10;border:1px solid #ffffff0d;border-radius:14px;padding:24px 16px;transition:border-color .3s}.ds-token-card:hover{border-color:#ffffff1f}.ds-token-viz{justify-content:center;align-items:center;height:64px;margin-bottom:14px;display:flex}.ds-token-space{opacity:.6;background:linear-gradient(135deg,#1e90ff,#4dc9f6);border-radius:4px}.ds-token-radius{border:2px solid #bf953f80;width:56px;height:56px}.ds-token-label{font-size:.95rem;font-weight:600}.ds-token-sub{color:#ffffff40;margin-top:4px;font-size:.7rem}.ds-shadows-grid{grid-template-columns:repeat(4,1fr);gap:32px;display:grid}.ds-shadow-item{flex-direction:column;align-items:center;gap:20px;display:flex}.ds-shadow-box{aspect-ratio:1.2;background:#0e0e14;border-radius:16px;width:100%;transition:transform .3s}.ds-shadow-box:hover{transform:scale(1.03)}.ds-shadow-label{color:#ffffffb3;font-size:.85rem;font-weight:600}.ds-shadow-value{color:#fff3;text-align:center;font-family:Outfit,monospace;font-size:.7rem}@media (max-width:900px){.ds-palette{grid-template-columns:repeat(3,1fr)}.ds-type-item{grid-template-columns:1fr;gap:12px;padding:32px 0}.ds-cards-grid{grid-template-columns:1fr}.ds-shadows-grid{grid-template-columns:repeat(2,1fr)}.ds-sect{padding:80px 0}}@media (max-width:600px){.ds-container,.ds-container--wide{padding:0 20px}.ds-palette{grid-template-columns:repeat(2,1fr)}.ds-hero h1{letter-spacing:3px}.ds-hero-ring{width:140px;height:140px;margin-bottom:32px}.ds-btn-row{flex-direction:column;align-items:stretch}.ds-grad-bar{height:80px}}