:root{--ds-background-brand: #0c66e4;--ds-background-brand-bold: #05c;--ds-background-selected: #e9f2ff;--ds-background-selected-hovered: #cce0ff;--ds-background-neutral: #f7f8f9;--ds-background-neutral-subtle: #fff;--ds-background-neutral-subtle-hovered: #f1f2f4;--ds-background-neutral-sunken: #f7f8f9;--ds-text: #172b4d;--ds-text-subtle: #44546f;--ds-text-brand: #0c66e4;--ds-text-selected: #0c66e4;--ds-text-danger: #c9372c;--ds-border: #dcdfe4;--ds-border-bold: #8993a4;--ds-border-subtle: #f1f2f4;--ds-border-focused: #0c66e4;--ds-link: #0c66e4;--ds-link-pressed: #05c;--ds-surface: #fff;--ds-surface-raised: #fff;--ds-surface-sunken: #f7f8f9;--ds-surface-hovered: #f1f2f4;--ds-surface-pressed: #dcdfe4;--ds-surface-overlay: #fff;--ds-shadow-card: 0 1px 1px rgb(9 30 66 / 25%), 0 0 1px rgb(9 30 66 / 31%);--ds-shadow-overlay: 0 8px 12px rgb(9 30 66 / 15%), 0 0 1px rgb(9 30 66 / 31%);--ds-accent-blue: #0c66e4;--ds-accent-green: #22a06b;--ds-accent-yellow: #cf9f02;--ds-accent-red: #c9372c;--ds-accent-purple: #8270db;--ds-accent-teal: #2898bd;--ds-accent-orange: #e56910;--ds-font-headline-large: 500 2rem/1.2 "Inter", -apple-system, blinkmacsystemfont, "Segoe UI", roboto, sans-serif;--ds-font-headline-medium: 500 1.25rem/1.2 "Inter", -apple-system, blinkmacsystemfont, "Segoe UI", roboto, sans-serif;--ds-font-headline-small: 600 1rem/1.2 "Inter", -apple-system, blinkmacsystemfont, "Segoe UI", roboto, sans-serif;--ds-font-body: 400 1rem/1.5 "Inter", -apple-system, blinkmacsystemfont, "Segoe UI", roboto, sans-serif;--ds-font-body-small: 400 .875rem/1.5 "Inter", -apple-system, blinkmacsystemfont, "Segoe UI", roboto, sans-serif;--ds-font-code: 400 .875rem/1.5 "Monaco", "Menlo", "Ubuntu Mono", monospace;--ds-space-100: .25rem;--ds-space-200: .5rem;--ds-space-300: .75rem;--ds-space-400: 1rem;--ds-space-500: 1.5rem;--ds-space-600: 2rem;--ds-space-800: 3rem;--ds-space-1000: 4rem;--ds-border-radius: .375rem;--ds-border-radius-100: .25rem;--ds-border-radius-200: .5rem;--ds-border-radius-300: .75rem}.dark-theme{--ds-background-brand: #1d7afc;--ds-background-brand-bold: #0c66e4;--ds-background-selected: #1c2b41;--ds-background-selected-hovered: #1d3a5c;--ds-background-neutral: #1d2125;--ds-background-neutral-subtle: #22272b;--ds-background-neutral-subtle-hovered: #282e33;--ds-background-neutral-sunken: #161a1d;--ds-text: #c7d1db;--ds-text-subtle: #9fadbc;--ds-text-brand: #1d7afc;--ds-text-selected: #1d7afc;--ds-text-danger: #fd9891;--ds-border: #a6c5e229;--ds-border-bold: #9fadbc;--ds-border-subtle: #bcd6f01a;--ds-border-focused: #1d7afc;--ds-link: #1d7afc;--ds-link-pressed: #0c66e4;--ds-surface: #22272b;--ds-surface-raised: #282e33;--ds-surface-sunken: #1d2125;--ds-surface-hovered: #282e33;--ds-surface-pressed: #38414a;--ds-surface-overlay: #282e33;--ds-shadow-card: 0 0 0 1px #000, 0 1px 1px rgb(0 0 0 / 25%);--ds-shadow-overlay: 0 4px 8px rgb(0 0 0 / 30%), 0 0 0 1px #000;--ds-accent-blue: #1d7afc;--ds-accent-green: #4bce97;--ds-accent-yellow: #e2b203;--ds-accent-red: #f87168;--ds-accent-purple: #9f8fef;--ds-accent-teal: #6cc3e0;--ds-accent-orange: #fea362}*{margin:0;padding:0;box-sizing:border-box}body{font:var(--ds-font-body);background:var(--ds-background-neutral-subtle);color:var(--ds-text);line-height:1.5;transition:background-color .3s ease,color .3s ease}.app{min-height:100vh;display:flex;flex-direction:column}.container{max-width:1200px;margin:0 auto;padding:0 var(--ds-space-600)}.site-header{background:var(--ds-surface-raised);border-bottom:1px solid var(--ds-border);padding:var(--ds-space-300) var(--ds-space-600);position:sticky;top:0;z-index:100;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);transition:all .3s ease}.header-content{display:flex;justify-content:space-between;align-items:center}.logo-container{display:flex;align-items:center;gap:var(--ds-space-300)}.logo-wrapper{display:flex;align-items:center;justify-content:center;width:32px;height:32px;border-radius:var(--ds-border-radius);padding:var(--ds-space-100);transition:all .3s ease}.logo{width:20px;height:20px}.site-title{font:var(--ds-font-headline-small);color:var(--ds-text);font-weight:600}.navigation{display:flex;gap:var(--ds-space-500);align-items:center}.nav-link{font:var(--ds-font-body);color:var(--ds-text-subtle);text-decoration:none;padding:var(--ds-space-200) var(--ds-space-300);border-radius:var(--ds-border-radius);transition:all .2s ease}.nav-link:hover{color:var(--ds-text);background:var(--ds-background-neutral-subtle-hovered)}.main-content{flex:1}.hero{background:linear-gradient(135deg,var(--ds-background-brand) 0%,var(--ds-background-brand-bold) 100%);color:#fff;padding:var(--ds-space-1000) 0;text-align:center;position:relative;overflow:hidden}.hero:before{content:"";position:absolute;inset:0;background:radial-gradient(circle at 30% 50%,rgb(255 255 255 / 10%) 0%,transparent 50%)}.hero-content{max-width:800px;margin:0 auto;position:relative;z-index:1}.hero-title{font:var(--ds-font-headline-large);font-size:3rem;line-height:1.1;margin-bottom:var(--ds-space-500);font-weight:600}.hero-subtitle{font:var(--ds-font-body);font-size:1.25rem;opacity:.9;margin-bottom:var(--ds-space-800);line-height:1.6}.hero-buttons{display:flex;gap:var(--ds-space-400);justify-content:center;flex-wrap:wrap}.btn{display:inline-flex;align-items:center;justify-content:center;padding:var(--ds-space-300) var(--ds-space-600);font:var(--ds-font-body);font-weight:500;text-decoration:none;border-radius:var(--ds-border-radius);border:2px solid transparent;transition:all .2s ease;cursor:pointer;min-height:2.5rem}.btn-primary{background:var(--ds-surface);color:var(--ds-text-brand);border-color:var(--ds-surface)}.btn-primary:hover{background:var(--ds-background-neutral-subtle-hovered);transform:translateY(-1px);box-shadow:var(--ds-shadow-overlay)}.btn-secondary{background:#ffffff1a;color:var(--ds-surface);border-color:#ffffff4d;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.btn-secondary:hover{background:#fff3;transform:translateY(-1px);box-shadow:var(--ds-shadow-overlay)}.btn-outline{background:transparent;color:var(--ds-surface);border-color:var(--ds-surface)}.btn-outline:hover{background:var(--ds-surface);color:var(--ds-text-brand);transform:translateY(-1px);box-shadow:var(--ds-shadow-overlay)}section{padding:var(--ds-space-1000) 0;transition:background-color .3s ease}.section-header{text-align:center;margin-bottom:var(--ds-space-800)}.section-title{font:var(--ds-font-headline-large);color:var(--ds-text);margin-bottom:var(--ds-space-400)}.section-subtitle{font:var(--ds-font-body);color:var(--ds-text-subtle);max-width:600px;margin:0 auto}.features{background:var(--ds-background-neutral)}.features-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(350px,1fr));gap:var(--ds-space-600)}.feature-card{background:var(--ds-surface);padding:var(--ds-space-600);border-radius:12px;border:1px solid var(--ds-border);transition:all .3s ease;text-align:center;position:relative;overflow:hidden}.feature-card:before{content:"";position:absolute;top:0;left:0;right:0;height:3px;background:linear-gradient(90deg,var(--ds-accent-blue),var(--ds-accent-purple))}.feature-card:hover{transform:translateY(-4px);box-shadow:var(--ds-shadow-overlay);border-color:var(--ds-border-focused)}.feature-icon{font-size:2.5rem;margin-bottom:var(--ds-space-400)}.feature-card h3{font:var(--ds-font-headline-small);color:var(--ds-text);margin-bottom:var(--ds-space-300)}.feature-card p{font:var(--ds-font-body);color:var(--ds-text-subtle);line-height:1.6}.workflow-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:var(--ds-space-400)}.workflow-card{background:var(--ds-surface);padding:var(--ds-space-500);border-radius:8px;border:1px solid var(--ds-border);transition:all .3s ease;position:relative}.workflow-card:before{content:"";position:absolute;left:0;top:0;bottom:0;width:4px;background:var(--ds-accent-green);border-radius:var(--ds-border-radius-100) 0 0 var(--ds-border-radius-100)}.workflow-card:nth-child(2):before{background:var(--ds-accent-blue)}.workflow-card:nth-child(3):before{background:var(--ds-accent-purple)}.workflow-card:nth-child(4):before{background:var(--ds-accent-yellow)}.workflow-card:nth-child(5):before{background:var(--ds-accent-orange)}.workflow-card:nth-child(6):before{background:var(--ds-accent-teal)}.workflow-card:hover{border-color:var(--ds-border-focused);background:var(--ds-background-selected);transform:translateY(-2px)}.workflow-card h4{font:var(--ds-font-headline-small);color:var(--ds-text);margin-bottom:var(--ds-space-200)}.workflow-card p{font:var(--ds-font-body-small);color:var(--ds-text-subtle);margin:0}.getting-started{background:var(--ds-background-neutral)}.steps{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:var(--ds-space-600);max-width:1000px;margin:0 auto}.step{display:flex;gap:var(--ds-space-400);align-items:flex-start}.step-number{display:flex;align-items:center;justify-content:center;width:2.5rem;height:2.5rem;background:linear-gradient(135deg,var(--ds-accent-blue),var(--ds-accent-purple));color:#fff;border-radius:50%;font:var(--ds-font-body);font-weight:600;flex-shrink:0;transition:transform .3s ease}.step:hover .step-number{transform:scale(1.1)}.step-content h3{font:var(--ds-font-headline-small);color:var(--ds-text);margin-bottom:var(--ds-space-200)}.step-content p{font:var(--ds-font-body);color:var(--ds-text-subtle);line-height:1.6;margin:0}.cta{background:linear-gradient(135deg,var(--ds-background-brand) 0%,var(--ds-background-brand-bold) 100%);color:#fff;text-align:center;position:relative;overflow:hidden}.cta:before{content:"";position:absolute;inset:0;background:radial-gradient(circle at 70% 30%,rgb(255 255 255 / 10%) 0%,transparent 50%)}.cta-content{max-width:600px;margin:0 auto;position:relative;z-index:1}.cta h2{font:var(--ds-font-headline-large);margin-bottom:var(--ds-space-400)}.cta p{font:var(--ds-font-body);opacity:.9;margin-bottom:var(--ds-space-800)}.cta-buttons{display:flex;gap:var(--ds-space-400);justify-content:center;flex-wrap:wrap}.site-footer{background:var(--ds-background-neutral);border-top:1px solid var(--ds-border);padding:var(--ds-space-800) 0 var(--ds-space-600);transition:all .3s ease}.footer-content{display:flex;flex-direction:column;gap:var(--ds-space-800)}.footer-main{display:grid;grid-template-columns:1fr 2fr;gap:var(--ds-space-800)}.footer-brand{display:flex;flex-direction:column;gap:var(--ds-space-400)}.footer-description{font:var(--ds-font-body);color:var(--ds-text-subtle);line-height:1.6}.footer-links-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:var(--ds-space-600)}.footer-section h4{font:var(--ds-font-headline-small);color:var(--ds-text);margin-bottom:var(--ds-space-400)}.footer-links{list-style:none;padding:0;margin:0}.footer-links li{margin-bottom:var(--ds-space-300)}.footer-links a{font:var(--ds-font-body);color:var(--ds-text-subtle);text-decoration:none;transition:color .2s ease}.footer-links a:hover{color:var(--ds-text-brand)}.footer-bottom{display:flex;justify-content:space-between;align-items:center;padding-top:var(--ds-space-600);border-top:1px solid var(--ds-border);flex-wrap:wrap;gap:var(--ds-space-400)}.footer-info p,.footer-credits p{font:var(--ds-font-body-small);color:var(--ds-text-subtle);margin:0}.footer-link{color:var(--ds-text-brand);text-decoration:none}.footer-link:hover{text-decoration:underline}@media(max-width:768px){.container{padding:0 var(--ds-space-400)}.header-content{flex-direction:column;gap:var(--ds-space-400)}.navigation{gap:var(--ds-space-400);flex-wrap:wrap;justify-content:center}.hero-title{font-size:2rem}.hero-subtitle{font-size:1.125rem}.hero-buttons,.cta-buttons{flex-direction:column;align-items:center}.btn{width:100%;max-width:300px}.features-grid,.workflow-grid,.steps{grid-template-columns:1fr}.step{flex-direction:column;text-align:center}.footer-main,.footer-links-grid{grid-template-columns:1fr;gap:var(--ds-space-600)}.footer-bottom{flex-direction:column;text-align:center}section{padding:var(--ds-space-800) 0}}@media(max-width:480px){.hero-title{font-size:1.75rem}.section-title{font-size:1.5rem}.feature-card,.workflow-card{padding:var(--ds-space-500)}}.hello-world[data-v-9daedb51]{padding:4rem 0;background:var(--ds-background-neutral, #f7f8f9)}.section-header[data-v-9daedb51]{text-align:center;margin-bottom:3rem}.section-title[data-v-9daedb51]{font:var(--ds-font-headline-large, 500 2rem/1.2 "Inter", sans-serif);color:var(--ds-text, #172b4d);margin-bottom:.75rem}.section-subtitle[data-v-9daedb51]{font:var(--ds-font-body, 400 1rem/1.5 "Inter", sans-serif);color:var(--ds-text-subtle, #44546f);max-width:600px;margin:0 auto}.interactive-card[data-v-9daedb51]{background:var(--ds-surface, #fff);border:1px solid var(--ds-border, #dcdfe4);border-radius:12px;padding:2rem;margin:2rem auto;max-width:800px;box-shadow:var(--ds-shadow-card, 0 1px 1px rgb(9 30 66 / 25%))}.card-content[data-v-9daedb51]{text-align:center}.card-content p[data-v-9daedb51]{font:var(--ds-font-body, 400 1rem/1.5 "Inter", sans-serif);color:var(--ds-text, #172b4d);margin-bottom:2rem}.interactive-section[data-v-9daedb51]{display:flex;gap:1rem;justify-content:center;flex-wrap:wrap;margin:2rem 0}.details-content[data-v-9daedb51]{margin-top:2rem;padding-top:2rem;border-top:1px solid var(--ds-border, #dcdfe4)}.details-grid[data-v-9daedb51]{display:grid;grid-template-columns:1fr 1fr;gap:2rem;text-align:left}.detail-section h4[data-v-9daedb51]{font:var(--ds-font-headline-small, 600 1rem/1.2 "Inter", sans-serif);color:var(--ds-text, #172b4d);margin-bottom:1rem}.detail-list[data-v-9daedb51]{list-style:none;padding:0;margin:0}.detail-list li[data-v-9daedb51]{padding:.5rem 0;border-bottom:1px solid var(--ds-border-subtle, #f1f2f4);font:var(--ds-font-body, 400 .875rem/1.5 "Inter", sans-serif);color:var(--ds-text-subtle, #44546f)}.detail-list li[data-v-9daedb51]:last-child{border-bottom:none}.detail-list strong[data-v-9daedb51]{color:var(--ds-text, #172b4d);font-weight:500}.resources-section[data-v-9daedb51]{margin:3rem 0;text-align:center}.resources-section h3[data-v-9daedb51]{font:var(--ds-font-headline-medium, 500 1.25rem/1.2 "Inter", sans-serif);color:var(--ds-text, #172b4d);margin-bottom:1.5rem}.resource-grid[data-v-9daedb51]{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:1rem;max-width:600px;margin:0 auto}.resource-card[data-v-9daedb51]{display:flex;align-items:center;gap:.75rem;padding:1rem;background:var(--ds-surface, #fff);border:1px solid var(--ds-border, #dcdfe4);border-radius:8px;text-decoration:none;transition:all .2s ease;text-align:left}.resource-card[data-v-9daedb51]:hover{background:var(--ds-background-neutral-subtle-hovered, #f1f2f4);border-color:var(--ds-border-bold, #8993a4);transform:translateY(-1px)}.resource-icon[data-v-9daedb51]{font-size:1.5rem;flex-shrink:0}.resource-content[data-v-9daedb51]{display:flex;flex-direction:column}.resource-content strong[data-v-9daedb51]{font:var(--ds-font-body, 500 .875rem/1.2 "Inter", sans-serif);color:var(--ds-text, #172b4d);margin-bottom:.25rem}.resource-content span[data-v-9daedb51]{font:var(--ds-font-body-small, 400 .75rem/1.2 "Inter", sans-serif);color:var(--ds-text-subtle, #44546f)}.docs-promo[data-v-9daedb51]{text-align:center;margin-top:2rem;padding-top:2rem;border-top:1px solid var(--ds-border-subtle, #f1f2f4)}.docs-promo p[data-v-9daedb51]{font:var(--ds-font-body, 400 .875rem/1.5 "Inter", sans-serif);color:var(--ds-text-subtle, #44546f);margin:0}.promo-link[data-v-9daedb51]{color:var(--ds-link, #0c66e4);text-decoration:none;font-weight:500}.promo-link[data-v-9daedb51]:hover{text-decoration:underline}@media(max-width:768px){.details-grid[data-v-9daedb51]{grid-template-columns:1fr;gap:1.5rem}.interactive-section[data-v-9daedb51]{flex-direction:column;align-items:center}.resource-grid[data-v-9daedb51]{grid-template-columns:1fr}.interactive-card[data-v-9daedb51]{padding:1.5rem;margin:1.5rem auto}}.theme-toggle[data-v-15919264]{display:flex;align-items:center;gap:.5rem;padding:.5rem 1rem;background:var(--ds-surface-sunken, #f7f8f9);border:1px solid var(--ds-border, #dcdfe4);border-radius:var(--ds-border-radius-200, .5rem);color:var(--ds-text, #172b4d);cursor:pointer;transition:all .2s ease;font:var(--ds-font-body, 400 1rem/1.5 "Inter", sans-serif)}.theme-toggle[data-v-15919264]:hover{background:var(--ds-background-neutral-subtle-hovered, #f1f2f4);border-color:var(--ds-border-bold, #8993a4)}.theme-icon[data-v-15919264]{font-size:1.125rem}.theme-text[data-v-15919264]{font-weight:500}.dark-theme{background:var(--ds-background-neutral, #1d2125);border-color:var(--ds-border, #a6c5e229);color:var(--ds-text, #c7d1db)}.dark-theme{background:var(--ds-background-neutral-subtle-hovered, #22272b);border-color:var(--ds-border-bold, #9fadbc)}