html{scroll-behavior:smooth}@media screen and (prefers-reduced-motion:reduce){html{scroll-behavior:auto}}.homepage{background:var(--dcc-bg);color:var(--dcc-text);font-family:system-ui,-apple-system,BlinkMacSystemFont,sans-serif;line-height:1.5}.homepage-header{z-index:50;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border-bottom:1px solid var(--dcc-border);background:#000c;position:sticky;top:0}.homepage-header-container{justify-content:space-between;align-items:center;margin:0 auto;padding:16px 24px;display:flex}.homepage-logo{align-items:center;gap:12px;display:flex}.homepage-logo-icon{border-radius:var(--dcc-radius-sm);background:var(--dcc-primary-solid);justify-content:center;align-items:center;width:40px;height:40px;display:flex}.homepage-logo-text{color:var(--dcc-title);font-size:20px;font-weight:700}.homepage-nav{gap:32px;display:none}@media (min-width:768px){.homepage-nav{display:flex}}.homepage-nav-link{transition:color var(--dcc-transition-fast);color:var(--dcc-text-soft);font-weight:500;text-decoration:none}.homepage-nav-link:hover{color:var(--dcc-title)}.homepage-cta-group{align-items:center;gap:12px;display:flex}.homepage-btn{border-radius:var(--dcc-radius-sm);cursor:pointer;transition:background var(--dcc-transition-fast),border-color var(--dcc-transition-fast),color var(--dcc-transition-fast),transform var(--dcc-transition-fast);text-align:center;border:1px solid #0000;font-weight:600;text-decoration:none;display:inline-block}.cta-signin-primary .btn-signin{background:var(--dcc-primary-bg);color:var(--dcc-text);border-color:var(--dcc-primary-border);padding:10px 24px}.cta-signin-primary .btn-signin:hover{background:var(--dcc-primary-bg-hover)}.cta-signin-primary .btn-signup,.cta-signin-primary .btn-create{color:var(--dcc-text);border-color:var(--dcc-border-strong);background:#334155bf;padding:8px 16px}.cta-signin-primary .btn-signup:hover,.cta-signin-primary .btn-create:hover{border-color:var(--dcc-border-strong);color:var(--dcc-title);background:#475569bf}.cta-all-equal .btn-signin,.cta-all-equal .btn-signup,.cta-all-equal .btn-create{background:var(--dcc-primary-bg);color:var(--dcc-text);border-color:var(--dcc-primary-border);padding:10px 20px}.cta-all-equal .btn-signin:hover,.cta-all-equal .btn-signup:hover,.cta-all-equal .btn-create:hover{background:var(--dcc-primary-bg-hover)}.cta-create-primary .btn-create{background:var(--dcc-primary-bg);color:var(--dcc-text);border-color:var(--dcc-primary-border);padding:10px 24px}.cta-create-primary .btn-create:hover{background:var(--dcc-primary-bg-hover)}.cta-create-primary .btn-signin{color:var(--dcc-text);border-color:var(--dcc-border-strong);background:#334155bf;padding:8px 16px}.cta-create-primary .btn-signin:hover{background:#475569bf}.cta-create-primary .btn-signup{color:var(--dcc-text-soft);background:0 0;border:none;padding:8px 16px}.cta-create-primary .btn-signup:hover{color:var(--dcc-title)}.homepage-hero{background:var(--dcc-bg);padding:80px 24px}.homepage-hero-container{align-items:center;gap:48px;max-width:1500px;margin:0 auto;display:grid}@media (min-width:1024px){.homepage-hero-container{grid-template-columns:1fr 1fr}}.homepage-hero-title{color:var(--dcc-title);margin-bottom:24px;font-size:48px;font-weight:700;line-height:1.1}@media (min-width:1024px){.homepage-hero-title{font-size:60px}}.homepage-hero-subtitle{color:var(--dcc-text-muted);margin-bottom:32px;font-size:20px}.homepage-hero-ctas{flex-direction:column;gap:16px;display:flex}@media (min-width:640px){.homepage-hero-ctas{flex-direction:row}}.homepage-hero-btn-primary{background:var(--dcc-primary-bg);color:var(--dcc-text);border:1px solid var(--dcc-primary-border);border-radius:var(--dcc-radius-sm);cursor:pointer;transition:background var(--dcc-transition-fast),border-color var(--dcc-transition-fast),transform var(--dcc-transition-fast);padding:16px 32px;font-size:18px;font-weight:600}.homepage-hero-btn-primary:hover{background:var(--dcc-primary-bg-hover)}.homepage-hero-btn-secondary{border:1px solid var(--dcc-border-strong);border-radius:var(--dcc-radius-sm);cursor:pointer;transition:background var(--dcc-transition-fast),border-color var(--dcc-transition-fast),color var(--dcc-transition-fast);color:var(--dcc-text);background:#334155bf;padding:16px 32px;font-size:18px;font-weight:600}.homepage-hero-btn-secondary:hover{color:var(--dcc-title);background:#475569bf}.homepage-screenshot{border-radius:var(--dcc-radius-lg);box-shadow:var(--dcc-shadow-strong);border:1px solid var(--dcc-border);background:var(--dcc-surface);overflow:hidden}.homepage-screenshot-content{aspect-ratio:2;color:var(--dcc-text-muted);justify-content:center;align-items:center;display:flex}.homepage-section{background:var(--dcc-bg);padding:96px 24px}.homepage-section-container{max-width:1400px;margin:0 auto}.homepage-section-header{text-align:center;margin-bottom:64px}.homepage-section-title{color:var(--dcc-title);margin-bottom:16px;font-size:36px;font-weight:700}@media (min-width:1024px){.homepage-section-title{font-size:48px}}.homepage-section-subtitle{color:var(--dcc-text-muted);font-size:20px}.homepage-features-grid{flex-wrap:wrap;justify-content:center;gap:32px;display:flex}.homepage-feature-card{flex:0 100%}@media (min-width:768px){.homepage-feature-card{flex:0 calc(50% - 16px)}}@media (min-width:1400px){.homepage-feature-card{flex:0 calc(33.333% - 22px)}}.homepage-feature-card{border-radius:var(--dcc-radius-lg);border:1px solid var(--dcc-border);background:var(--dcc-surface);transition:border-color var(--dcc-transition-med),background var(--dcc-transition-med),transform var(--dcc-transition-med),box-shadow var(--dcc-transition-med);padding:32px}.homepage-feature-card:hover{border-color:var(--dcc-border-strong);transform:translateY(-2px)}.homepage-feature-header{align-items:start;gap:24px;margin-bottom:24px;display:flex}.homepage-feature-icon{border-radius:var(--dcc-radius-md);background:var(--dcc-surface-strong);width:65px;height:65px;color:var(--dcc-title);border:1px solid var(--dcc-border);flex-shrink:0;justify-content:center;align-items:center;padding:12px;display:flex}.homepage-feature-title{color:var(--dcc-title);margin-bottom:12px;font-size:24px;font-weight:700}.homepage-feature-description{color:var(--dcc-text-muted);margin-bottom:24px}.homepage-feature-screenshot{border-radius:var(--dcc-radius-md);border:1px solid var(--dcc-border);background:var(--dcc-surface-soft);margin-top:24px;overflow:hidden}.homepage-feature-screenshot-placeholder{aspect-ratio:16/9;justify-content:center;align-items:center;display:flex}.homepage-feature-screenshot-content{text-align:center;color:var(--dcc-text-muted);padding:24px}.homepage-pricing-grid{gap:32px;max-width:1200px;margin:0 auto;display:grid}@media (768px<=width<=1199px){.homepage-pricing-grid{grid-template-columns:repeat(2,1fr)}}@media (min-width:1400px){.homepage-pricing-grid{grid-template-columns:repeat(3,1fr)}}.homepage-pricing-card{border-radius:var(--dcc-radius-lg);border:1px solid var(--dcc-border);background:var(--dcc-surface);transition:border-color var(--dcc-transition-med),background var(--dcc-transition-med),transform var(--dcc-transition-med),box-shadow var(--dcc-transition-med);padding:32px;position:relative}.homepage-pricing-card.popular{background:var(--dcc-surface);border-width:1px;border-color:var(--dcc-primary-border);box-shadow:var(--dcc-shadow-soft);transform:translateY(-4px)}.homepage-pricing-badge{background:var(--dcc-primary-bg);color:var(--dcc-text);border-radius:var(--dcc-radius-pill);border:1px solid var(--dcc-primary-border);padding:4px 16px;font-size:14px;font-weight:600;position:absolute;top:-14px;left:50%;transform:translate(-50%)}.homepage-pricing-name{color:var(--dcc-title);margin-bottom:8px;font-size:24px;font-weight:700}.homepage-pricing-description{color:var(--dcc-text-muted);margin-bottom:16px;font-size:14px}.homepage-pricing-price{color:var(--dcc-title);margin-bottom:8px;font-size:36px;font-weight:700}.homepage-pricing-period{color:var(--dcc-text-muted);margin-left:8px;font-size:14px}.homepage-pricing-drafts{border-radius:var(--dcc-radius-pill);border:1px solid var(--dcc-primary-border);background:var(--dcc-primary-bg);color:var(--dcc-text);margin-bottom:24px;padding:4px 12px;font-size:14px;font-weight:500;display:inline-block}.homepage-pricing-btn{border-radius:var(--dcc-radius-sm);cursor:pointer;width:100%;transition:background var(--dcc-transition-fast),border-color var(--dcc-transition-fast),color var(--dcc-transition-fast);border:1px solid;margin-bottom:32px;padding:12px;font-weight:600}.homepage-pricing-btn.primary{background:var(--dcc-primary-bg);color:var(--dcc-text);border-color:var(--dcc-primary-border)}.homepage-pricing-btn.primary:hover{background:var(--dcc-primary-bg-hover)}.homepage-pricing-btn.secondary{color:var(--dcc-text);border-color:var(--dcc-border-strong);background:#334155bf}.homepage-pricing-btn.secondary:hover{color:var(--dcc-title);background:#475569bf}.homepage-pricing-features{margin:0;padding:0;list-style:none}.homepage-pricing-feature{color:var(--dcc-text-soft);align-items:start;gap:12px;margin-bottom:16px;display:flex}.homepage-pricing-feature-icon{color:var(--dcc-text);flex-shrink:0;margin-top:2px}.homepage-pricing-footer{text-align:center;color:var(--dcc-text-muted);margin-top:48px}.homepage-faq-container{max-width:896px;margin:0 auto}.homepage-faq-list{margin-bottom:48px}.homepage-faq-item{border-radius:var(--dcc-radius-md);border:1px solid var(--dcc-border);background:var(--dcc-surface);transition:border-color var(--dcc-transition-fast),background var(--dcc-transition-fast);margin-bottom:16px;overflow:hidden}.homepage-faq-question{text-align:left;cursor:pointer;width:100%;transition:background var(--dcc-transition-fast);background:0 0;border:none;justify-content:space-between;align-items:center;padding:20px 24px;display:flex}.homepage-faq-question:hover{background:var(--dcc-surface-soft)}.homepage-faq-question-text{color:var(--dcc-title);padding-right:32px;font-size:18px;font-weight:600}.homepage-faq-icon{transition:transform var(--dcc-transition-med);color:var(--dcc-text-muted);flex-shrink:0}.homepage-faq-icon.open{transform:rotate(180deg)}.homepage-faq-answer{color:var(--dcc-text-soft);padding:0 24px 20px;line-height:1.6}.homepage-faq-cta{text-align:center;border-radius:var(--dcc-radius-lg);border:1px solid var(--dcc-border);background:var(--dcc-surface);padding:32px}.homepage-faq-cta-title{color:var(--dcc-title);margin-bottom:12px;font-size:24px;font-weight:700}.homepage-faq-cta-text{color:var(--dcc-text-muted);margin-bottom:24px}.homepage-faq-cta-btn{background:var(--dcc-primary-bg);color:var(--dcc-text);border:1px solid var(--dcc-primary-border);border-radius:var(--dcc-radius-sm);cursor:pointer;transition:background var(--dcc-transition-fast),border-color var(--dcc-transition-fast);padding:12px 24px;font-weight:600}.homepage-faq-cta-btn:hover{background:var(--dcc-primary-bg-hover)}.homepage-footer{border-top:1px solid var(--dcc-border);background:var(--dcc-bg);padding:48px 24px}.homepage-footer-container{max-width:1280px;margin:0 auto}.homepage-footer-grid{gap:32px;margin-bottom:32px;display:grid}@media (min-width:768px){.homepage-footer-grid{grid-template-columns:2fr 1fr 1fr}}.homepage-footer-brand{align-items:center;gap:12px;margin-bottom:16px;display:flex}.homepage-footer-brand-icon{border-radius:var(--dcc-radius-sm);background:var(--dcc-primary-solid);flex-shrink:0;justify-content:center;align-items:center;width:40px;height:40px;display:flex}.homepage-footer-brand-text{color:var(--dcc-title);font-size:20px;font-weight:700}.homepage-footer-description{max-width:384px;color:var(--dcc-text-muted)}.homepage-footer-title{color:var(--dcc-title);margin-bottom:16px;font-weight:600}.homepage-footer-links{margin:0;padding:0;list-style:none}.homepage-footer-link{margin-bottom:12px}.homepage-footer-link a{transition:color var(--dcc-transition-fast);color:var(--dcc-text-muted);text-decoration:none}.homepage-footer-link a:hover{color:var(--dcc-title)}.homepage-footer-bottom{border-top:1px solid var(--dcc-border);text-align:center;color:var(--dcc-text-muted);padding-top:32px}