:root{--dp-bg:#07101d;--dp-surface:#0e1a2b;--dp-surface-2:#13233a;--dp-text:#f7fbff;--dp-muted:#9fb1c8;--dp-border:rgba(255,255,255,.12);--dp-primary:#6d4aff;--dp-primary-2:#9d8cff;--dp-success:#29d17d;--dp-warning:#ffbf47;--dp-danger:#ff5d73;--dp-radius-sm:10px;--dp-radius:18px;--dp-radius-lg:28px;--dp-shadow:0 20px 60px rgba(0,0,0,.35);--dp-max:1180px;--dp-font:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;--dp-speed:180ms;--dp-gap-1:4px;--dp-gap-2:8px;--dp-gap-3:16px;--dp-gap-4:24px;--dp-gap-5:32px;--dp-gap-6:48px;--dp-gap-7:64px}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;font-family:var(--dp-font);background:radial-gradient(circle at 20% 0%,color-mix(in srgb,var(--dp-primary) 22%,transparent),transparent 35%),var(--dp-bg);color:var(--dp-text);line-height:1.55}.skip-link{position:absolute;left:-9999px}.skip-link:focus{left:12px;top:12px;z-index:99;background:#fff;color:#000;padding:8px}.dds-topbar{position:sticky;top:0;z-index:50;display:flex;align-items:center;justify-content:space-between;padding:14px max(20px,calc((100vw - var(--dp-max))/2));background:rgba(7,16,29,.86);backdrop-filter:blur(18px);border-bottom:1px solid var(--dp-border)}.dds-brand{display:flex;align-items:center;gap:12px;color:inherit;text-decoration:none}.dds-brand-mark{display:grid;place-items:center;width:42px;height:42px;border-radius:14px;background:linear-gradient(135deg,var(--dp-primary),var(--dp-primary-2));font-weight:900}.dds-brand span:last-child{display:flex;flex-direction:column;line-height:1.1}.dds-brand small{color:var(--dp-muted)}.dds-nav{display:flex;gap:22px}.dds-nav a{color:var(--dp-muted);text-decoration:none}.dds-nav a:hover{color:var(--dp-text)}.dds-nav-toggle{display:none}.dds-shell{max-width:var(--dp-max);margin:auto;padding:36px 20px 96px}.dds-hero{display:grid;grid-template-columns:1.5fr .8fr;gap:32px;align-items:center;min-height:70vh}.dds-hero h1{font-size:clamp(2.7rem,7vw,6rem);line-height:.98;margin:.2em 0}.dds-hero p{font-size:1.12rem;color:var(--dp-muted);max-width:760px}.dds-eyebrow{display:inline-block;font-size:.74rem;letter-spacing:.16em;font-weight:800;color:var(--dp-primary-2)}.dds-actions,.dds-stack{display:flex;gap:12px;flex-wrap:wrap}.dds-btn{border:0;border-radius:999px;padding:12px 18px;font-weight:800;cursor:pointer;text-decoration:none;display:inline-flex;justify-content:center;transition:transform var(--dp-speed),opacity var(--dp-speed),background var(--dp-speed)}.dds-btn:hover{transform:translateY(-2px)}.dds-btn--primary{background:linear-gradient(135deg,var(--dp-primary),var(--dp-primary-2));color:#fff}.dds-btn--secondary{background:#fff;color:#101828}.dds-btn--ghost{background:transparent;color:var(--dp-text);border:1px solid var(--dp-border)}.dds-section{padding:80px 0 0}.dds-section-heading{max-width:780px;margin-bottom:28px}.dds-section-heading h2{font-size:clamp(2rem,5vw,4rem);line-height:1.05;margin:.2em 0}.dds-section-heading p{color:var(--dp-muted)}.dds-grid{display:grid;gap:18px}.dds-grid--3{grid-template-columns:repeat(3,1fr)}.dds-grid--4{grid-template-columns:repeat(4,1fr)}.dds-card{background:linear-gradient(180deg,rgba(255,255,255,.055),rgba(255,255,255,.025));border:1px solid var(--dp-border);border-radius:var(--dp-radius);padding:22px;box-shadow:var(--dp-shadow)}.dds-card--glass{backdrop-filter:blur(16px)}.dds-card h3{margin-top:0}.dds-badge{display:inline-flex;padding:5px 9px;border-radius:999px;font-size:.75rem;font-weight:800}.dds-badge--success{background:rgba(41,209,125,.14);color:#7ff0b4}.dds-checklist{padding-left:1.1rem;color:var(--dp-muted)}.swatches{display:grid;gap:8px}.swatches span{display:flex;align-items:center;gap:10px}.swatches span:before{content:"";width:24px;height:24px;border-radius:8px;background:var(--sw)}.type-display{font-size:2rem;font-weight:900;margin:4px 0}.type-hero{font-size:1.5rem;font-weight:800;margin:4px 0}.type-section{font-size:1.2rem;font-weight:700;margin:4px 0}.type-body,.type-caption{margin:4px 0;color:var(--dp-muted)}.type-caption{font-size:.8rem}.space-demo{display:flex;align-items:end;gap:8px;height:100px}.space-demo span{display:grid;place-items:center;width:34px;background:color-mix(in srgb,var(--dp-primary) 45%,transparent);border-radius:8px 8px 0 0}.space-demo span:nth-child(1){height:12px}.space-demo span:nth-child(2){height:20px}.space-demo span:nth-child(3){height:36px}.space-demo span:nth-child(4){height:52px}.space-demo span:nth-child(5){height:68px}.space-demo span:nth-child(6){height:96px}.motion-orb{width:42px;height:42px;border-radius:50%;margin-top:16px;background:var(--dp-primary)}.motion-orb.run{animation:motionDemo .8s ease}.dds-mission{padding:16px;border-radius:14px;background:rgba(255,255,255,.04)}.dds-progress{height:10px;border-radius:999px;background:rgba(255,255,255,.08);overflow:hidden}.dds-progress span{display:block;height:100%;background:linear-gradient(90deg,var(--dp-primary),var(--dp-primary-2));border-radius:inherit}.dds-journey{list-style:none;padding:0;margin:0;display:grid;gap:14px;counter-reset:j}.dds-journey li{display:flex;gap:12px;align-items:center;color:var(--dp-muted)}.dds-journey li:before{counter-increment:j;content:counter(j);display:grid;place-items:center;width:30px;height:30px;border:1px solid var(--dp-border);border-radius:50%}.dds-journey .is-complete:before{content:"✓";background:var(--dp-success);color:#06120d}.dds-journey .is-active{color:#fff}.dds-journey .is-active:before{border-color:var(--dp-primary-2);box-shadow:0 0 0 5px color-mix(in srgb,var(--dp-primary) 20%,transparent)}.dds-ring{--value:60;display:grid;place-items:center;width:96px;height:96px;margin:18px 0;border-radius:50%;background:conic-gradient(var(--dp-primary) calc(var(--value)*1%),rgba(255,255,255,.08) 0);position:relative}.dds-ring:after{content:"";position:absolute;inset:9px;border-radius:50%;background:var(--dp-surface)}.dds-ring span{z-index:1;font-weight:900}.dds-milestones{display:flex;gap:8px}.dds-milestones i{flex:1;height:7px;border-radius:999px;background:rgba(255,255,255,.08)}.dds-milestones .done{background:var(--dp-success)}.dds-milestones .active{background:var(--dp-primary)}.dds-stat strong{display:block;font-size:2.2rem}.dds-stat span,.dds-stat small{display:block;color:var(--dp-muted)}.dds-passport{display:flex;align-items:center;gap:12px}.dds-passport-icon{display:grid;place-items:center;width:44px;height:44px;border-radius:14px;background:color-mix(in srgb,var(--dp-primary) 25%,transparent)}.dds-passport div{flex:1;display:flex;flex-direction:column}.dds-passport span:not(.dds-passport-icon):not(.dds-badge){font-size:.8rem;color:var(--dp-muted)}.dds-table{width:100%;border-collapse:collapse}.dds-table th,.dds-table td{text-align:left;padding:10px;border-bottom:1px solid var(--dp-border)}.dds-table th{font-size:.78rem;color:var(--dp-muted)}.dds-feed p{margin:0;padding:10px 0;border-bottom:1px solid var(--dp-border)}.dds-feed time{display:inline-block;min-width:38px;color:var(--dp-primary-2)}.dds-feed strong{display:block}.dds-kpi{display:flex;gap:14px;align-items:center}.dds-kpi>span{font-size:2rem}.dds-kpi div{display:flex;flex-direction:column}.dds-kpi strong{font-size:2rem}.dds-kpi small,.dds-kpi em{color:var(--dp-muted);font-style:normal}.dds-tabs [role=tablist]{display:flex;gap:8px;flex-wrap:wrap}.dds-tabs [role=tab]{border:1px solid var(--dp-border);background:transparent;color:var(--dp-muted);border-radius:999px;padding:10px 14px;cursor:pointer}.dds-tabs [aria-selected=true]{background:var(--dp-primary);color:#fff;border-color:transparent}.dds-tabpanels{margin-top:18px}.pattern-map{padding:30px;border-radius:var(--dp-radius);background:linear-gradient(135deg,color-mix(in srgb,var(--dp-primary) 25%,transparent),rgba(255,255,255,.03));font-size:clamp(1rem,3vw,1.5rem);font-weight:800}.dds-theme-switcher{display:flex;gap:8px;flex-wrap:wrap;margin-bottom:16px}.dds-theme-switcher button{border:1px solid var(--dp-border);background:transparent;color:var(--dp-text);padding:10px 14px;border-radius:999px}.dds-theme-switcher .is-active{background:var(--dp-primary)}.dds-theme-preview{min-height:300px;border:1px solid var(--dp-border);border-radius:var(--dp-radius-lg);padding:36px;display:grid;grid-template-columns:1fr .7fr;align-items:center;background:radial-gradient(circle at 80% 30%,color-mix(in srgb,var(--dp-primary) 35%,transparent),transparent 38%),var(--dp-surface)}.dds-theme-preview h3{font-size:clamp(2rem,5vw,4rem);margin:.2em 0}.theme-signal{display:flex;align-items:end;gap:12px;height:180px}.theme-signal span{flex:1;border-radius:999px;background:linear-gradient(to top,var(--dp-primary),var(--dp-primary-2));animation:pulseBars 2.4s ease-in-out infinite}.theme-signal span:nth-child(1){height:50%}.theme-signal span:nth-child(2){height:80%;animation-delay:.2s}.theme-signal span:nth-child(3){height:65%;animation-delay:.4s}.dds-template-card{text-decoration:none;color:inherit;display:flex;flex-direction:column}.dds-template-card>span{color:var(--dp-primary-2);font-size:.75rem;font-weight:800}.dds-template-card strong{font-size:1.3rem;margin:8px 0}.dds-template-card small{color:var(--dp-muted)}.dds-footer{max-width:var(--dp-max);margin:0 auto;padding:36px 20px 54px;border-top:1px solid var(--dp-border);display:flex;justify-content:space-between;color:var(--dp-muted)}
.theme-dream{--dp-primary:#6d4aff;--dp-primary-2:#b4a8ff}.theme-economy{--dp-primary:#149b61;--dp-primary-2:#62e6a4}.theme-capital{--dp-primary:#1f6feb;--dp-primary-2:#74b5ff}.theme-dahu{--dp-primary:#ef7f1a;--dp-primary-2:#ffc06b}
@keyframes motionDemo{0%{transform:translateX(0) scale(1)}50%{transform:translateX(120px) scale(1.2)}100%{transform:translateX(0) scale(1)}}@keyframes pulseBars{50%{filter:brightness(1.5);transform:scaleY(.9)}}
@media (max-width:900px){.dds-grid--4,.dds-grid--3{grid-template-columns:1fr 1fr}.dds-hero,.dds-theme-preview{grid-template-columns:1fr}.dds-nav{display:none;position:absolute;top:68px;left:0;right:0;flex-direction:column;padding:18px 20px;background:var(--dp-bg);border-bottom:1px solid var(--dp-border)}.dds-nav.is-open{display:flex}.dds-nav-toggle{display:block;border:1px solid var(--dp-border);background:transparent;color:#fff;padding:8px 12px;border-radius:999px}}@media (max-width:620px){.dds-grid--4,.dds-grid--3{grid-template-columns:1fr}.dds-shell{padding-top:8px}.dds-hero{min-height:auto;padding-top:64px}.dds-footer{flex-direction:column;gap:8px}}
@media (prefers-reduced-motion:reduce){*{animation:none!important;scroll-behavior:auto!important;transition:none!important}}