:root {--card: #2b1a47;--dg-purple: #a100a1;--dg-purple-hi: #c026d3;--dg-purple-2: #d8a0ff;--dg-teal: #36d399;--dg-teal-dim: rgba(54, 211, 153, .12);--dg-gold: #facc15;--dg-gold-dim: rgba(250, 204, 21, .10);--dg-text: #e6d7f8;--dg-muted: #b8a4d2;--dg-bg: #1a0d2b;--dg-panel: #0e1627;--dg-card: #2b1a47;--dg-glass: rgba(161, 0, 161, 0.10);--dg-glass2: rgba(161, 0, 161, 0.05);--dg-line: rgba(214, 188, 250, 0.14);--dg-radius: 12px;--dg-radius-lg: 18px;--dg-shadow: 0 20px 60px rgba(0, 0, 0, .5);--dg-glow-purple: 0 0 40px rgba(161, 0, 161, .35);--dg-glow-teal: 0 0 40px rgba(54, 211, 153, .25);--dg-glow-gold: 0 0 32px rgba(250, 204, 21, .22);--dg-grid: repeating-linear-gradient(0deg, rgba(255, 255, 255, .04) 0 1px, transparent 1px 48px), repeating-linear-gradient(90deg, rgba(255, 255, 255, .04) 0 1px, transparent 1px 48px);--dg-font: 'Inter', ui-sans-serif, system-ui, sans-serif;}* {box-sizing: border-box;margin: 0;padding: 0;}.dg-page {background: var(--dg-bg);color: var(--dg-text);font-family: var(--dg-font);-webkit-font-smoothing: antialiased;}.dg-page *, .dg-page *::before, .dg-page *::after {box-sizing: border-box;}.dg-page h2, .dg-page h3, .dg-page h4 {margin: 0;}.dg-page p {margin: 0;}.dg-page a {text-decoration: none;}.dg-container {width: min(1120px, calc(100vw - 40px));margin: 0 auto;}.dg-section {padding: clamp(64px, 8vw, 96px) 0;border-top: 1px solid var(--dg-line);}.dg-section-header {text-align: center;margin-bottom: clamp(40px, 6vw, 60px);display: flex;flex-direction: column;align-items: center;gap: 14px;}.dg-section-header h2 {font-size: clamp(1.7rem, 3.5vw, 2.4rem);font-weight: 900;letter-spacing: -.025em;line-height: 1.15;color: var(--dg-text);}.dg-section-header p {font-size: 1.05rem;color: var(--dg-muted);max-width: 580px;line-height: 1.7;}.dg-chip {display: inline-flex;align-items: center;gap: 6px;padding: 5px 14px;border-radius: 99px;font-size: 11.5px;font-weight: 800;letter-spacing: .06em;text-transform: uppercase;}.dg-chip--purple {background: var(--dg-glass);border: 1px solid rgba(161, 0, 161, .35);color: var(--dg-purple-2);}.dg-chip--teal {background: var(--dg-teal-dim);border: 1px solid rgba(54, 211, 153, .28);color: var(--dg-teal);}.dg-chip--gold {background: var(--dg-gold-dim);border: 1px solid rgba(250, 204, 21, .28);color: var(--dg-gold);}.dg-btn {display: inline-flex;align-items: center;justify-content: center;gap: 9px;padding: 12px 24px;border-radius: var(--dg-radius);font-size: 14px;font-weight: 800;letter-spacing: .01em;white-space: nowrap;border: 1px solid transparent;cursor: pointer;transition: transform .14s ease, filter .14s ease, box-shadow .14s ease;text-decoration: none;}.dg-btn:hover {transform: translateY(-2px);}.dg-btn--primary {background: linear-gradient(135deg, var(--dg-purple-hi), var(--dg-purple));color: #fff;border-color: rgba(192, 38, 211, .5);box-shadow: 0 6px 22px rgba(161, 0, 161, .35);}.dg-btn--primary:hover {filter: brightness(1.1);box-shadow: 0 12px 36px rgba(161, 0, 161, .5);}.dg-btn--teal {background: linear-gradient(135deg, #47eaad, var(--dg-teal));color: #0a2e20;border-color: rgba(54, 211, 153, .5);box-shadow: 0 6px 22px rgba(54, 211, 153, .25);}.dg-btn--teal:hover {filter: brightness(1.08);box-shadow: 0 12px 36px rgba(54, 211, 153, .38);}.dg-btn--ghost {background: var(--dg-glass2);color: var(--dg-purple-2);border-color: var(--dg-line);}.dg-btn--ghost:hover {background: var(--dg-glass);border-color: rgba(161, 0, 161, .35);}.dg-btn--lg {padding: 15px 32px;font-size: 15.5px;}.dg-hero {position: relative;overflow: hidden;min-height: 100dvh;display: grid;grid-template-columns: 1fr 1fr;align-items: center;gap: 40px;padding: clamp(5px, 5vw, 60px) clamp(20px, 5vw, 80px) clamp(64px, 8vw, 96px);}.dg-hero-backdrop {position: absolute;inset: 0;pointer-events: none;z-index: 0;}.dg-hero-grid {position: absolute;inset: 0;background: var(--dg-grid);opacity: .45;}.dg-orb {position: absolute;border-radius: 50%;filter: blur(1px);animation: dg-orb-drift 10s ease-in-out infinite alternate;}.dg-orb--1 {width: 480px;height: 480px;top: -180px;right: -60px;background: radial-gradient(circle at 35% 30%, rgba(161, 0, 161, .25), transparent 70%);animation-duration: 14s;}.dg-orb--2 {width: 320px;height: 320px;bottom: -80px;left: 8%;background: radial-gradient(circle at 40% 40%, rgba(54, 211, 153, .18), transparent 65%);animation-duration: 11s;animation-delay: -3s;}.dg-orb--3 {width: 200px;height: 200px;top: 30%;left: 42%;background: radial-gradient(circle at 40% 40%, rgba(250, 204, 21, .12), transparent 65%);animation-duration: 9s;animation-delay: -6s;}@keyframes dg-orb-drift {0% {transform: translate(0, 0) scale(1);}100% {transform: translate(24px, -20px) scale(1.06);}}.dg-hero-visual {position: relative;z-index: 1;display: flex;flex-direction: column;align-items: center;justify-content: center;gap: 14px;animation: dg-float 7s ease-in-out infinite;}@keyframes dg-float {0%, 100% {transform: translateY(0);}50% {transform: translateY(-14px);}}.dg-hero-visual-frame {width: min(420px, 90%);aspect-ratio: 1;overflow: hidden;background: radial-gradient(circle at 38% 30%, rgba(161, 0, 161, .18), rgba(26, 13, 43, .6) 70%);display: flex;align-items: center;justify-content: center;filter: drop-shadow(0 0 40px rgba(161, 0, 161, .45)) drop-shadow(0 0 80px rgba(161, 0, 161, .2));}.dg-hero-gif {width: 100%;display: block;}.dg-hero-visual-badge {font-size: 12px;font-weight: 700;letter-spacing: .02em;color: var(--dg-purple-2);background: var(--dg-glass2);border: 1px solid var(--dg-line);border-radius: 99px;padding: 5px 14px;}.dg-hero-inner {position: relative;z-index: 1;display: flex;flex-direction: column;gap: 22px;max-width: 580px;}.dg-hero-eyebrow {display: flex;}.dg-hero-title {font-size: clamp(2.2rem, 4.5vw, 3.4rem);font-weight: 900;letter-spacing: -.03em;line-height: 1.1;color: var(--dg-text);margin: 0;}.dg-title-accent {display: block;background: linear-gradient(90deg, var(--dg-purple-2) 0%, var(--dg-teal) 55%, var(--dg-gold) 100%);-webkit-background-clip: text;-webkit-text-fill-color: transparent;background-clip: text;}.dg-hero-lead {font-size: clamp(.98rem, 1.8vw, 1.12rem);color: var(--dg-muted);line-height: 1.75;}.dg-hero-lead strong {color: var(--dg-text);font-weight: 700;}.dg-hero-cta {display: flex;gap: 10px;flex-wrap: wrap;}.dg-hero-stats {display: flex;align-items: center;gap: 16px;flex-wrap: wrap;padding-top: 8px;}.dg-stat {text-align: center;}.dg-stat strong {display: block;font-size: 1.5rem;font-weight: 900;color: var(--dg-purple-2);line-height: 1;}.dg-stat span {font-size: 11px;color: var(--dg-muted);font-weight: 600;text-transform: uppercase;letter-spacing: .06em;}.dg-stat-divider {width: 1px;height: 32px;background: var(--dg-line);flex-shrink: 0;}.dg-sizes-section {background: linear-gradient(180deg, var(--dg-bg) 0%, #12082060 100%);}.dg-size-grid {display: grid;grid-template-columns: repeat(6, minmax(0, 1fr));gap: 12px;}.dg-size-card {position: relative;overflow: hidden;display: flex;flex-direction: column;gap: 6px;padding: 22px 16px 18px;background: var(--dg-card);border: 1px solid var(--dg-line);border-radius: var(--dg-radius);text-decoration: none;color: var(--dg-text);transition: border-color .14s ease, transform .14s ease, box-shadow .14s ease;}.dg-size-card::before {content: "";position: absolute;inset: 0;background: linear-gradient(135deg, var(--dg-glass), transparent 65%);opacity: 0;transition: opacity .14s ease;}.dg-size-card:hover {border-color: rgba(161, 0, 161, .5);transform: translateY(-4px);box-shadow: var(--dg-glow-purple);text-decoration: none;color: var(--dg-text);}.dg-size-card:hover::before {opacity: 1;}.dg-size-card--featured {border-color: var(--dg-purple);background: linear-gradient(160deg, #3a1060 0%, var(--dg-card) 70%);box-shadow: inset 0 0 40px rgba(161, 0, 161, .12);}.dg-size-card--featured:hover {box-shadow: var(--dg-glow-purple), inset 0 0 40px rgba(161, 0, 161, .18);}.dg-size-card--custom {border-style: dashed;border-color: rgba(214, 188, 250, .22);background: var(--dg-glass2);}.dg-size-card--custom:hover {border-color: var(--dg-teal);box-shadow: var(--dg-glow-teal);}.dg-size-popular {position: absolute;top: 10px;right: 10px;font-size: 10px;font-weight: 900;text-transform: uppercase;letter-spacing: .06em;color: var(--dg-gold);background: var(--dg-gold-dim);border: 1px solid rgba(250, 204, 21, .25);border-radius: 99px;padding: 2px 8px;}.dg-size-num {font-size: 2.4rem;font-weight: 900;color: var(--dg-purple-2);letter-spacing: -.02em;line-height: 1;}.dg-size-num--custom {color: var(--dg-teal);}.dg-size-label {font-size: 13px;font-weight: 700;color: var(--dg-text);}.dg-size-sub {font-size: 11.5px;color: var(--dg-muted);line-height: 1.45;}.dg-size-tag {font-size: 10.5px;font-weight: 700;color: var(--dg-purple-2);font-family: ui-monospace, monospace;margin-top: 4px;}.dg-calc-section {background: linear-gradient(135deg, rgba(161, 0, 161, .06) 0%, transparent 55%);}.dg-calc-grid {display: grid;grid-template-columns: 1fr 1fr;gap: 48px;align-items: start;}.dg-calc-left {display: flex;flex-direction: column;gap: 18px;}.dg-calc-left h2 {font-size: clamp(1.5rem, 2.8vw, 2rem);font-weight: 900;letter-spacing: -.025em;color: var(--dg-text);}.dg-calc-left p {font-size: 14px;color: var(--dg-muted);line-height: 1.75;}.dg-calc-left p strong {color: var(--dg-purple-2);}.dg-equation {font-family: 'Georgia', 'Times New Roman', serif;font-size: clamp(1.0rem, 2vw, 1.25rem);font-weight: 700;text-align: center;color: var(--dg-text);background: linear-gradient(135deg, rgba(161, 0, 161, .14), rgba(54, 211, 153, .08));border: 1px solid rgba(161, 0, 161, .3);border-radius: var(--dg-radius);padding: 20px 24px;letter-spacing: .03em;box-shadow: inset 0 0 30px rgba(161, 0, 161, .07);}.dg-equation sup {font-size: .65em;}.dg-curve-cards {display: flex;flex-direction: column;gap: 14px;}.dg-curve-card {display: flex;flex-direction: column;gap: 8px;padding: 18px 20px;background: var(--dg-card);border: 1px solid var(--dg-line);border-radius: var(--dg-radius);transition: border-color .14s;}.dg-curve-card:hover {border-color: rgba(161, 0, 161, .3);}.dg-curve-card--featured {border-color: var(--dg-purple);background: linear-gradient(135deg, rgba(161, 0, 161, .1), var(--dg-card) 70%);}.dg-curve-visual {width: 100%;max-width: 220px;}.dg-curve-visual svg {width: 100%;height: auto;display: block;}.dg-curve-card strong {font-size: 14px;font-weight: 800;color: var(--dg-text);}.dg-curve-card span {font-size: 12.5px;color: var(--dg-muted);line-height: 1.5;}.dg-features-grid {display: grid;grid-template-columns: repeat(4, minmax(0, 1fr));grid-auto-rows: auto;gap: 14px;}.dg-feature {display: flex;flex-direction: column;gap: 14px;padding: 22px;background: var(--dg-card);border: 1px solid var(--dg-line);border-radius: var(--dg-radius);transition: border-color .14s, transform .14s, box-shadow .14s;}.dg-feature:hover {border-color: rgba(161, 0, 161, .35);transform: translateY(-3px);box-shadow: 0 12px 36px rgba(0, 0, 0, .3);}.dg-feature--wide {grid-column: span 2;flex-direction: row;align-items: flex-start;}.dg-feature-icon {width: 48px;height: 48px;border-radius: 10px;display: flex;align-items: center;justify-content: center;flex-shrink: 0;}.dg-feature-icon--purple {background: var(--dg-glass);border: 1px solid rgba(161, 0, 161, .28);color: var(--dg-purple-2);}.dg-feature-icon--teal {background: var(--dg-teal-dim);border: 1px solid rgba(54, 211, 153, .22);color: var(--dg-teal);}.dg-feature-icon--gold {background: var(--dg-gold-dim);border: 1px solid rgba(250, 204, 21, .22);color: var(--dg-gold);}.dg-feature-body h3 {font-size: 15px;font-weight: 800;color: var(--dg-text);margin-bottom: 8px;}.dg-feature-body p {font-size: 13.5px;color: var(--dg-muted);line-height: 1.65;}.dg-steps-section {background: linear-gradient(180deg, transparent, rgba(161, 0, 161, .04) 50%, transparent);}.dg-steps {display: grid;grid-template-columns: repeat(3, minmax(0, 1fr));gap: 14px;}.dg-step {position: relative;padding: 26px 22px 22px;background: var(--dg-card);border: 1px solid var(--dg-line);border-radius: var(--dg-radius);overflow: hidden;transition: border-color .14s, transform .14s;}.dg-step:hover {border-color: rgba(54, 211, 153, .35);transform: translateY(-3px);}.dg-step::before {content: "";position: absolute;top: 0;left: 0;right: 0;height: 3px;background: linear-gradient(90deg, var(--dg-purple), var(--dg-teal));opacity: .7;}.dg-step-num {position: absolute;top: 10px;right: 16px;font-size: 3.2rem;font-weight: 900;color: rgba(161, 0, 161, .1);line-height: 1;letter-spacing: -.03em;pointer-events: none;}.dg-step-body h3 {font-size: 15px;font-weight: 800;color: var(--dg-teal);margin-bottom: 10px;}.dg-step-body p {font-size: 13px;color: var(--dg-muted);line-height: 1.65;}.dg-steps-cta {text-align: center;margin-top: 40px;}.dg-usecases-grid {display: grid;grid-template-columns: repeat(3, minmax(0, 1fr));gap: 14px;}.dg-usecase {padding: 22px 20px;background: var(--dg-card);border: 1px solid var(--dg-line);border-radius: var(--dg-radius);display: flex;flex-direction: column;gap: 10px;transition: border-color .14s, transform .14s;}.dg-usecase:hover {border-color: rgba(161, 0, 161, .38);transform: translateY(-3px);}.dg-usecase-icon {width: 44px;height: 44px;border-radius: 10px;display: flex;align-items: center;justify-content: center;flex-shrink: 0;}.dg-usecase-icon--purple {background: var(--dg-glass);border: 1px solid rgba(161, 0, 161, .22);color: var(--dg-purple-2);}.dg-usecase-icon--teal {background: var(--dg-teal-dim);border: 1px solid rgba(54, 211, 153, .22);color: var(--dg-teal);}.dg-usecase-icon--gold {background: var(--dg-gold-dim);border: 1px solid rgba(250, 204, 21, .22);color: var(--dg-gold);}.dg-usecase h4 {font-size: 14px;font-weight: 800;color: var(--dg-text);}.dg-usecase p {font-size: 13px;color: var(--dg-muted);line-height: 1.65;}.dg-variants-grid {display: grid;grid-template-columns: repeat(3, minmax(0, 1fr));gap: 14px;}.dg-variant {display: flex;gap: 16px;align-items: flex-start;padding: 20px;background: var(--dg-card);border: 1px solid var(--dg-line);border-radius: var(--dg-radius);text-decoration: none;color: var(--dg-text);transition: border-color .14s, transform .14s, box-shadow .14s;}.dg-variant:hover {text-decoration: none;color: var(--dg-text);transform: translateY(-3px);box-shadow: 0 12px 36px rgba(0, 0, 0, .28);}.dg-variant-visual {width: 60px;height: 60px;border-radius: 10px;flex-shrink: 0;display: flex;align-items: center;justify-content: center;padding: 8px;}.dg-variant-visual--purple {background: var(--dg-glass);border: 1px solid rgba(161, 0, 161, .2);}.dg-variant-visual--teal {background: var(--dg-teal-dim);border: 1px solid rgba(54, 211, 153, .18);}.dg-variant-visual--gold {background: var(--dg-gold-dim);border: 1px solid rgba(250, 204, 21, .18);}.dg-variant:nth-child(odd):hover {border-color: rgba(161, 0, 161, .45);}.dg-variant:nth-child(even):hover {border-color: rgba(54, 211, 153, .38);}.dg-variant-body h3 {font-size: 14.5px;font-weight: 800;color: var(--dg-text);margin-bottom: 6px;}.dg-variant-body p {font-size: 12.5px;color: var(--dg-muted);line-height: 1.6;margin-bottom: 8px;}.dg-variant-link {font-size: 12px;font-weight: 700;color: var(--dg-teal);}.dg-faq-grid {display: grid;grid-template-columns: repeat(2, minmax(0, 1fr));gap: 10px;}.dg-faq-item {background: var(--dg-card);border: 1px solid var(--dg-line);border-radius: var(--dg-radius);overflow: hidden;transition: border-color .14s;}.dg-faq-item:hover {border-color: rgba(161, 0, 161, .3);}.dg-faq-item[open] {border-color: rgba(161, 0, 161, .4);}.dg-faq-item summary {padding: 16px 18px;cursor: pointer;font-size: 14px;font-weight: 700;color: var(--dg-text);list-style: none;display: flex;justify-content: space-between;align-items: center;gap: 12px;user-select: none;transition: background .14s;}.dg-faq-item summary::-webkit-details-marker {display: none;}.dg-faq-item summary:hover {background: var(--dg-glass2);}.dg-faq-item summary::after {content: "+";font-size: 20px;color: var(--dg-purple-2);flex-shrink: 0;font-weight: 400;line-height: 1;}.dg-faq-item[open] summary::after {content: "−";color: var(--dg-teal);}.dg-faq-body {padding: 0 18px 16px;font-size: 13.5px;color: var(--dg-muted);line-height: 1.75;}.dg-faq-body a {color: var(--dg-teal);font-weight: 600;}.dg-faq-body strong {color: var(--dg-text);}.dg-final-cta {position: relative;overflow: hidden;padding: clamp(64px, 9vw, 100px) 20px;text-align: center;border-top: 1px solid var(--dg-line);}.dg-final-cta-orb {position: absolute;width: 420px;height: 420px;border-radius: 50%;pointer-events: none;}.dg-final-cta-orb--left {top: -120px;left: -80px;background: radial-gradient(circle, rgba(161, 0, 161, .22), transparent 70%);}.dg-final-cta-orb--right {bottom: -120px;right: -80px;background: radial-gradient(circle, rgba(54, 211, 153, .14), transparent 70%);}.dg-final-cta-inner {position: relative;z-index: 1;display: flex;flex-direction: column;align-items: center;gap: 16px;}.dg-final-cta h2 {font-size: clamp(1.7rem, 4vw, 2.6rem);font-weight: 900;letter-spacing: -.025em;line-height: 1.15;background: linear-gradient(90deg, var(--dg-purple-2) 0%, var(--dg-teal) 60%);-webkit-background-clip: text;-webkit-text-fill-color: transparent;background-clip: text;}.dg-final-cta p {font-size: 1.05rem;color: var(--dg-muted);max-width: 520px;line-height: 1.7;}.dg-final-cta-actions {display: flex;gap: 12px;flex-wrap: wrap;justify-content: center;margin-top: 8px;}@media (max-width: 1060px) {.dg-hero {grid-template-columns: 1fr;min-height: auto;padding-top: clamp(5px, 8vw, 80px);}.dg-hero-visual {order: -1;}.dg-hero-visual-frame {width: min(300px, 80%);}.dg-hero-inner {max-width: 100%;align-items: center;text-align: center;}.dg-hero-cta, .dg-hero-stats {justify-content: center;}.dg-size-grid {grid-template-columns: repeat(3, minmax(0, 1fr));}.dg-features-grid {grid-template-columns: repeat(2, minmax(0, 1fr));}.dg-feature--wide {grid-column: span 2;}.dg-calc-grid {grid-template-columns: 1fr;gap: 32px;}.dg-usecases-grid {grid-template-columns: repeat(2, minmax(0, 1fr));}.dg-variants-grid {grid-template-columns: repeat(2, minmax(0, 1fr));}}@media (max-width: 720px) {.dg-container {width: calc(100vw - 28px);}.dg-hero {padding: 10px 16px 48px;}.dg-section {padding: 48px 0;}.dg-size-grid {grid-template-columns: repeat(2, minmax(0, 1fr));}.dg-features-grid {display: flex;flex-direction: column;}.dg-feature--wide {flex-direction: column;}.dg-steps {grid-template-columns: 1fr;}.dg-usecases-grid {grid-template-columns: 1fr;}.dg-variants-grid {grid-template-columns: 1fr;}.dg-faq-grid {grid-template-columns: 1fr;}.dg-hero-cta {flex-direction: column;align-items: stretch;}.dg-btn {justify-content: center;}.dg-final-cta-actions {flex-direction: column;align-items: stretch;}}@media (max-width: 420px) {.dg-size-grid {grid-template-columns: 1fr;}.dg-hero-stats {gap: 10px;}.dg-stat strong {font-size: 1.2rem;}}