@import"https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700&family=Playfair+Display:ital,wght@0,400;0,600;1,400&display=swap";:root{--color-primary: #818cf8;--color-primary-hover: #6366f1;--color-bg: #ffffff;--color-bg-alt: #f8fafc;--color-text-dark: #1e293b;--color-text-muted: #64748b;--color-text-light: #9ca3af;--color-border: #e2e8f0;--color-border-light: #f1f5f9;--color-status-delivered: #27c152;--color-status-delivered-bg: rgba(39, 193, 82, .1);--color-status-bounced: #ff8b60;--color-status-bounced-bg: rgba(255, 139, 96, .1);--color-status-clicked: #52cc7a;--color-status-clicked-bg: rgba(82, 204, 122, .1);--color-status-unsubscribed: #ffae42;--color-status-unsubscribed-bg: rgba(255, 174, 66, .1);--color-success: #22c55e;--color-error: #ef4444;--color-warning: #f97316;--color-info: #3b82f6;--font-heading: "Playfair Display", serif;--font-body: "Inter", sans-serif;--font-mono: ui-monospace, "Courier New", monospace;--font-size-xs: .75rem;--font-size-sm: .875rem;--font-size-base: 1rem;--font-size-lg: 1.125rem;--font-size-xl: 1.25rem;--font-size-2xl: 1.5rem;--font-size-3xl: 1.875rem;--font-size-4xl: 2.25rem;--font-size-5xl: 3rem;--font-size-6xl: 3.75rem;--font-weight-light: 300;--font-weight-normal: 400;--font-weight-medium: 500;--font-weight-semibold: 600;--font-weight-bold: 700;--line-height-tight: 1.2;--line-height-normal: 1.5;--line-height-relaxed: 1.625;--letter-spacing-tight: -.025em;--letter-spacing-normal: 0;--letter-spacing-wide: .05em;--letter-spacing-wider: .1em;--spacing-unit: 1rem;--spacing-0: 0;--spacing-1: .25rem;--spacing-2: .5rem;--spacing-3: .75rem;--spacing-4: 1rem;--spacing-5: 1.25rem;--spacing-6: 1.5rem;--spacing-8: 2rem;--spacing-10: 2.5rem;--spacing-12: 3rem;--spacing-16: 4rem;--spacing-20: 5rem;--spacing-24: 6rem;--spacing-32: 8rem;--container-max-width: 1200px;--container-padding: 1rem;--breakpoint-sm: 640px;--breakpoint-md: 768px;--breakpoint-lg: 1024px;--breakpoint-xl: 1280px;--border-width-thin: 1px;--border-width-medium: 2px;--border-width-thick: 4px;--radius-sm: .5rem;--radius-md: .75rem;--radius-lg: 1rem;--radius-xl: 1.5rem;--radius-2xl: 2rem;--radius-full: 9999px;--shadow-sm: 0 1px 2px 0 rgba(0, 0, 0, .05);--shadow-md: 0 1px 3px 0 rgba(0, 0, 0, .1), 0 1px 2px 0 rgba(0, 0, 0, .06);--shadow-lg: 0 4px 6px -1px rgba(0, 0, 0, .1), 0 2px 4px -1px rgba(0, 0, 0, .06);--shadow-xl: 0 10px 15px -3px rgba(0, 0, 0, .1), 0 4px 6px -2px rgba(0, 0, 0, .05);--shadow-2xl: 0 20px 25px -5px rgba(0, 0, 0, .1), 0 10px 10px -5px rgba(0, 0, 0, .04);--transition-fast: .15s ease;--transition-base: .2s ease;--transition-slow: .3s ease;--z-index-dropdown: 10;--z-index-sticky: 20;--z-index-fixed: 30;--z-index-modal-backdrop: 40;--z-index-modal: 50;--z-index-popover: 60;--z-index-tooltip: 70}*,*:before,*:after{margin:0;padding:0;box-sizing:border-box}html{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}body{font-family:var(--font-body);color:var(--color-text-dark);background-color:var(--color-bg);line-height:var(--line-height-normal);font-size:var(--font-size-base)}h1,h2,h3,h4,h5,h6{font-family:var(--font-heading);font-weight:var(--font-weight-normal);line-height:var(--line-height-tight)}a{text-decoration:none;color:inherit}button{font-family:var(--font-body);border:none;background:none;cursor:pointer}ul,ol{list-style:none}code,pre{font-family:var(--font-mono)}.container{max-width:var(--container-max-width);margin-left:auto;margin-right:auto;padding-left:var(--container-padding);padding-right:var(--container-padding)}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border-width:0}.button{display:inline-flex;align-items:center;justify-content:center;white-space:nowrap;font-family:var(--font-body);font-weight:var(--font-weight-medium);border-radius:var(--radius-md);transition:all var(--transition-base);cursor:pointer;border:var(--border-width-thin) solid transparent;outline:none;text-transform:uppercase;letter-spacing:var(--letter-spacing-wide)}.button:focus-visible{outline:2px solid var(--color-primary);outline-offset:2px}.button:disabled{opacity:.5;cursor:not-allowed;pointer-events:none}.button--primary{background-color:var(--color-primary);color:#fff;box-shadow:var(--shadow-sm)}.button--primary:hover:not(:disabled){background-color:var(--color-primary-hover)}.button--secondary{background-color:#fff;color:var(--color-text-dark);border-color:var(--color-border);box-shadow:var(--shadow-sm)}.button--secondary:hover:not(:disabled){background-color:#f9f9f9}.button--ghost{background-color:transparent;color:var(--color-text-muted)}.button--ghost:hover:not(:disabled){color:var(--color-text-dark);background-color:#00000008}.button--default{height:40px;padding:0 var(--spacing-4);font-size:var(--font-size-sm)}.button--sm{height:32px;padding:0 var(--spacing-3);font-size:var(--font-size-xs);font-weight:var(--font-weight-bold);letter-spacing:var(--letter-spacing-wide)}.button--lg{height:44px;padding:0 var(--spacing-8);font-size:var(--font-size-base);border-radius:var(--radius-lg);font-weight:var(--font-weight-bold);letter-spacing:var(--letter-spacing-wider)}.navbar{position:fixed;top:0;left:0;right:0;z-index:var(--z-index-fixed);background-color:#fffc;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border-bottom:var(--border-width-thin) solid rgba(0,0,0,.05);height:64px;display:flex;align-items:center}.navbar__container{width:100%;display:flex;align-items:center;justify-content:space-between}.navbar__logo{display:flex;align-items:center;gap:var(--spacing-2);font-family:var(--font-heading);font-weight:var(--font-weight-semibold);font-size:var(--font-size-lg);color:var(--color-text-dark);cursor:pointer;transition:opacity var(--transition-base)}.navbar__logo:hover{opacity:.8}.navbar__logo-icon{height:1.25rem;width:1.25rem;transform:rotate(90deg)}.navbar__logo-text{font-size:var(--font-size-sm);font-weight:var(--font-weight-bold);text-transform:uppercase;letter-spacing:var(--letter-spacing-tight)}.navbar__links{display:none;align-items:center;gap:var(--spacing-8)}.navbar__link{font-size:var(--font-size-xs);font-weight:var(--font-weight-semibold);text-transform:uppercase;letter-spacing:var(--letter-spacing-wide);color:var(--color-text-muted);transition:color var(--transition-base)}.navbar__link:hover{color:var(--color-text-dark)}.navbar__link:focus-visible{outline:2px solid var(--color-primary);outline-offset:2px;border-radius:var(--radius-sm)}.navbar__actions{display:flex;align-items:center;gap:var(--spacing-4)}.navbar__login-btn{display:none;text-transform:uppercase;font-size:var(--font-size-xs);font-weight:var(--font-weight-bold);letter-spacing:var(--letter-spacing-wide)}.navbar__signup-btn{text-transform:uppercase;font-size:var(--font-size-xs);font-weight:var(--font-weight-bold);letter-spacing:var(--letter-spacing-wide);height:32px;padding:0 var(--spacing-5)}@media(min-width:768px){.navbar__links{display:flex}.navbar__login-btn{display:inline-flex}}.footer{border-top:var(--border-width-thin) solid var(--color-border);background-color:#fff;padding-top:var(--spacing-16);padding-bottom:var(--spacing-12)}.footer__grid{display:grid;grid-template-columns:repeat(2,1fr);gap:var(--spacing-8);margin-bottom:var(--spacing-16)}@media(min-width:768px){.footer__grid{grid-template-columns:repeat(6,1fr)}}.footer__column{display:flex;flex-direction:column}.footer__heading{font-size:var(--font-size-xs);font-weight:var(--font-weight-bold);color:var(--color-text-light);text-transform:uppercase;letter-spacing:var(--letter-spacing-wider);margin-bottom:var(--spacing-4)}.footer__list{display:flex;flex-direction:column;gap:var(--spacing-3)}.footer__link{font-size:var(--font-size-sm);color:#4b5563;transition:color var(--transition-base)}.footer__link:hover{color:var(--color-primary)}.footer__link:focus-visible{outline:2px solid var(--color-primary);outline-offset:2px;border-radius:var(--radius-sm)}.footer__bottom{display:flex;flex-direction:column;gap:var(--spacing-8);padding-top:var(--spacing-8);align-items:flex-start}@media(min-width:768px){.footer__bottom{flex-direction:row;align-items:flex-end;justify-content:space-between}}.footer__brand{display:flex;flex-direction:column;gap:var(--spacing-4)}.footer__logo{display:flex;align-items:center;gap:var(--spacing-2);font-family:var(--font-heading);font-weight:var(--font-weight-semibold);font-size:var(--font-size-lg)}.footer__logo-icon{height:1.25rem;width:1.25rem;transform:rotate(90deg)}.footer__logo-text{font-size:var(--font-size-sm);font-weight:var(--font-weight-bold);text-transform:uppercase;letter-spacing:var(--letter-spacing-tight)}.footer__tagline{font-size:var(--font-size-xs);color:var(--color-text-light);max-width:300px;line-height:var(--line-height-relaxed)}.footer__copyright{font-size:.625rem;color:#d1d5db}.footer__stats{font-family:sans-serif;font-size:3rem;font-weight:100;color:#f3f4f6;letter-spacing:var(--letter-spacing-tight);text-align:right}@media(min-width:768px){.footer__stats{font-size:4.5rem}}.hero{padding-top:var(--spacing-32);padding-bottom:var(--spacing-24);background-color:var(--color-bg);text-align:center}@media(min-width:768px){.hero{padding-top:12rem;padding-bottom:var(--spacing-32)}}.hero__container{max-width:800px}.hero__icon-wrapper{margin-bottom:var(--spacing-8);display:flex;justify-content:center}.hero__icon{font-size:6rem;filter:drop-shadow(0 4px 6px rgba(0,0,0,.1))}.hero__title{font-size:var(--font-size-4xl);margin-bottom:var(--spacing-6);color:var(--color-text-dark);letter-spacing:var(--letter-spacing-tight)}@media(min-width:768px){.hero__title{font-size:var(--font-size-6xl)}}.hero__subtitle{font-size:var(--font-size-lg);color:var(--color-text-muted);margin-bottom:var(--spacing-10);max-width:42rem;margin-left:auto;margin-right:auto;line-height:var(--line-height-relaxed)}@media(min-width:768px){.hero__subtitle{font-size:var(--font-size-xl)}}.hero__subtitle br{display:none}@media(min-width:768px){.hero__subtitle br{display:block}}.hero__actions{display:flex;align-items:center;justify-content:center;gap:var(--spacing-4)}.hero__btn{border-radius:var(--radius-full);text-transform:uppercase;letter-spacing:var(--letter-spacing-wider);font-weight:var(--font-weight-bold);font-size:var(--font-size-xs)}.hero__btn--primary{box-shadow:0 10px 15px -3px #5a67ff33}.card{border-radius:var(--radius-lg);border:var(--border-width-thin) solid var(--color-border);background-color:#fff;box-shadow:var(--shadow-sm);overflow:hidden}.card__header{padding:var(--spacing-6);display:flex;flex-direction:column;gap:var(--spacing-2)}.card__title{font-family:var(--font-heading);font-size:var(--font-size-2xl);font-weight:var(--font-weight-semibold);line-height:var(--line-height-tight);color:var(--color-text-dark)}.card__content{padding:var(--spacing-6)}.card__content--no-top-padding{padding-top:0}.features{padding:var(--spacing-20) 0;background-color:#fff}@media(min-width:768px){.features{padding:var(--spacing-32) 0}}.features__grid{display:grid;grid-template-columns:1fr;gap:var(--spacing-8)}@media(min-width:768px){.features__grid{grid-template-columns:repeat(2,1fr)}}.feature-card{border-color:var(--color-border-light);box-shadow:var(--shadow-sm);transition:all var(--transition-slow);cursor:pointer;height:100%}.feature-card:hover{border-color:#e5e7eb;transform:translateY(-2px);box-shadow:var(--shadow-lg)}.feature-card__content{height:100%;display:flex;flex-direction:column;justify-content:space-between;padding:var(--spacing-12)}.feature-card__label{font-size:var(--font-size-xs);font-weight:var(--font-weight-bold);color:var(--color-text-light);text-transform:uppercase;letter-spacing:var(--letter-spacing-wider);margin-bottom:var(--spacing-4);font-family:var(--font-heading)}.feature-card__heading{font-size:var(--font-size-3xl);margin-bottom:var(--spacing-2);color:var(--color-text-dark);font-family:var(--font-heading)}.feature-card__subheading{font-size:var(--font-size-3xl);margin-bottom:var(--spacing-6);font-style:italic;font-weight:var(--font-weight-light);color:var(--color-text-light);font-family:var(--font-heading)}.feature-card__desc{color:var(--color-text-muted);line-height:var(--line-height-relaxed);margin-bottom:var(--spacing-8);max-width:400px}.feature-card__link{display:flex;align-items:center;gap:var(--spacing-2);color:var(--color-primary);font-weight:var(--font-weight-bold);font-size:var(--font-size-xs);text-transform:uppercase;letter-spacing:var(--letter-spacing-wider);transition:gap var(--transition-base)}.feature-card:hover .feature-card__link{gap:var(--spacing-4)}.feature-card__icon{height:1rem;width:1rem}.api-section{padding:var(--spacing-20) 0;background-color:var(--color-bg);text-align:center}.api-section__container{max-width:1000px;margin:0 auto}.api-section__header{margin-bottom:var(--spacing-12)}.api-section__label{font-size:var(--font-size-xs);font-weight:var(--font-weight-bold);color:var(--color-text-light);text-transform:uppercase;letter-spacing:var(--letter-spacing-widest);margin-bottom:var(--spacing-4);font-family:var(--font-heading)}.api-section__title{font-size:var(--font-size-4xl);font-family:var(--font-heading);margin-bottom:var(--spacing-4);color:var(--color-text-dark)}@media(min-width:768px){.api-section__title{font-size:var(--font-size-5xl)}}.api-section__description{color:var(--color-text-muted);max-width:42rem;margin:0 auto;line-height:var(--line-height-relaxed)}.api-section__link-wrapper{margin-top:var(--spacing-6)}.api-section__link{color:var(--color-primary);font-weight:var(--font-weight-bold);font-size:var(--font-size-xs);text-transform:uppercase;letter-spacing:var(--letter-spacing-widest);transition:text-decoration var(--transition-base)}.api-section__link:hover{text-decoration:underline}.api-section__code-block{background-color:#fff;border-radius:var(--radius-xl);box-shadow:var(--shadow-md);border:var(--border-width-thin) solid #e5e7eb;overflow:hidden;text-align:left}.api-section__tabs{display:flex;align-items:center;overflow-x:auto;border-bottom:var(--border-width-thin) solid var(--color-border-light);padding:var(--spacing-2);gap:var(--spacing-2);background-color:#f9fafb}.api-section__tab{padding:var(--spacing-2) var(--spacing-4);font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);border-radius:var(--radius-md);transition:all var(--transition-base);white-space:nowrap;display:flex;align-items:center;gap:var(--spacing-2);cursor:pointer;border:none;background:transparent}.api-section__tab--active{background-color:#fff;color:var(--color-primary);box-shadow:var(--shadow-sm);box-shadow:0 0 0 1px #0000000d}.api-section__tab--inactive{color:#6b7280}.api-section__tab--inactive:hover{color:var(--color-text-dark);background-color:var(--color-border-light)}.api-section__tab-extra{font-size:var(--font-size-xs);color:var(--color-text-light);margin-left:auto;padding:0 var(--spacing-4);display:none}@media(min-width:640px){.api-section__tab-extra{display:block}}.api-section__code-content{padding:0;background-color:#fff}.api-section__code-pre{padding:var(--spacing-8);font-size:var(--font-size-sm);overflow-x:auto;text-align:left;font-family:var(--font-mono);line-height:var(--line-height-relaxed)}.project-lifecycle{padding:var(--spacing-16) 0;transition:background-color var(--transition-base)}.project-lifecycle__header{margin-bottom:var(--spacing-12);text-align:center;max-width:800px;margin-left:auto;margin-right:auto}.project-lifecycle__label{display:inline-block;padding:var(--spacing-2) var(--spacing-4);background-color:var(--color-bg-alt);color:var(--color-primary);border-radius:var(--radius-full);font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);margin-bottom:var(--spacing-4)}.project-lifecycle__title{font-size:var(--font-size-4xl);color:var(--color-text-dark);margin-bottom:var(--spacing-6);line-height:var(--line-height-tight)}.project-lifecycle__description{font-size:var(--font-size-lg);color:var(--color-text-muted)}.project-lifecycle__grid{display:grid;grid-template-columns:repeat(1,1fr);gap:var(--spacing-6);position:relative;padding:var(--spacing-8) 0}@media(min-width:768px){.project-lifecycle__grid{grid-template-columns:repeat(4,1fr)}}@media(min-width:768px){.project-lifecycle__grid:before{content:"";position:absolute;top:50%;left:0;right:0;height:2px;background:var(--color-border-light);z-index:0;transform:translateY(-50%);margin:0 var(--spacing-12)}}.project-lifecycle__card{background:var(--color-bg);border:1px solid var(--color-border);border-radius:var(--radius-xl);padding:var(--spacing-6);position:relative;z-index:1;transition:all var(--transition-base);display:flex;flex-direction:column;height:100%;box-shadow:var(--shadow-sm)}.project-lifecycle__card:hover{transform:translateY(-4px);box-shadow:var(--shadow-lg);border-color:var(--color-primary)}.project-lifecycle__card-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--spacing-4)}.project-lifecycle__step-number{width:32px;height:32px;display:flex;align-items:center;justify-content:center;border-radius:var(--radius-full);background-color:var(--color-bg-alt);color:var(--color-text-muted);font-weight:var(--font-weight-bold);font-size:var(--font-size-sm);transition:all var(--transition-base)}.project-lifecycle__card:hover .project-lifecycle__step-number{background-color:var(--color-primary);color:#fff}.project-lifecycle__status-badge{padding:var(--spacing-1) var(--spacing-3);border-radius:var(--radius-full);font-size:var(--font-size-xs);font-weight:var(--font-weight-semibold);text-transform:uppercase;letter-spacing:var(--letter-spacing-wide)}.status-completed{background-color:var(--color-status-delivered-bg);color:var(--color-status-delivered)}.status-active{background-color:var(--color-status-clicked-bg);color:var(--color-status-clicked)}.status-pending{background-color:var(--color-bg-alt);color:var(--color-text-muted);border:1px solid var(--color-border)}.status-watching{background-color:transparent;color:var(--color-text-light);border:1px dashed var(--color-border)}.project-lifecycle__card-title{font-size:var(--font-size-lg);font-weight:var(--font-weight-bold);color:var(--color-text-dark);margin-bottom:var(--spacing-2)}.project-lifecycle__card-desc{font-size:var(--font-size-sm);color:var(--color-text-muted);line-height:var(--line-height-relaxed)}.card-completed{border-top:4px solid var(--color-status-delivered)}.card-active{border-top:4px solid var(--color-status-clicked);box-shadow:0 4px 20px #52cc7a26}.card-pending{border-top:4px solid var(--color-border);opacity:.9}.card-watching{border-top:4px solid var(--color-border-light);opacity:.7;background-color:var(--color-bg-alt)}.cta-section{padding:var(--spacing-24) 0;background-color:var(--color-bg-alt);border-top:var(--border-width-thin) solid var(--color-border-light);text-align:center}.cta-section__container{max-width:800px;margin:0 auto;padding:0 var(--spacing-6)}.cta-section__icon{font-size:3.75rem;margin-bottom:var(--spacing-6)}.cta-section__title{font-size:var(--font-size-3xl);font-family:var(--font-heading);margin-bottom:var(--spacing-4);color:var(--color-text-dark)}@media(min-width:768px){.cta-section__title{font-size:var(--font-size-4xl)}}.cta-section__description{color:var(--color-text-muted);font-size:var(--font-size-sm);line-height:var(--line-height-relaxed);margin-bottom:var(--spacing-8);max-width:36rem;margin-left:auto;margin-right:auto}@media(min-width:768px){.cta-section__description{font-size:var(--font-size-base)}}.cta-section__button{border-radius:var(--radius-full);padding:0 var(--spacing-8);font-size:var(--font-size-xs);font-weight:var(--font-weight-bold);font-family:var(--font-heading);text-transform:uppercase;letter-spacing:var(--letter-spacing-widest);background-color:var(--color-primary);box-shadow:var(--shadow-lg)}.cta-section__button:hover{background-color:var(--color-primary-hover)}.docs{min-height:100vh;background-color:var(--color-background)}.docs__hero{padding-top:var(--spacing-32);padding-bottom:var(--spacing-16);border-bottom:var(--border-width) solid var(--color-border-light)}.docs__container{max-width:1200px;margin:0 auto;padding:0 var(--spacing-6)}.docs__hero-content{max-width:48rem}.docs__hero-header{display:flex;align-items:center;gap:var(--spacing-3);margin-bottom:var(--spacing-6)}.docs__hero-icon{width:var(--spacing-8);height:var(--spacing-8);color:var(--color-primary)}.docs__hero-title{font-size:var(--font-size-5xl);font-family:var(--font-heading);font-weight:var(--font-weight-bold);color:var(--color-text-dark)}.docs__hero-text{font-size:var(--font-size-xl);color:var(--color-text-muted);line-height:var(--line-height-relaxed)}.docs__section{padding:var(--spacing-16) 0;border-bottom:var(--border-width) solid var(--color-border-light)}.docs__section-content{max-width:56rem}.docs__section-header{display:flex;align-items:center;gap:var(--spacing-3);margin-bottom:var(--spacing-8)}.docs__section-title{font-size:var(--font-size-3xl);font-family:var(--font-heading);font-weight:var(--font-weight-bold);color:var(--color-text-dark);margin-bottom:var(--spacing-6)}.docs__section-icon{width:var(--spacing-8);height:var(--spacing-8);color:var(--color-primary)}.docs__section-desc{color:var(--color-text-muted);margin-bottom:var(--spacing-6)}.docs__install-grid{display:flex;flex-direction:column;gap:var(--spacing-6)}.docs__card{background-color:var(--color-background-alt);padding:var(--spacing-6);border-radius:var(--radius-lg);border:var(--border-width) solid var(--color-border-light)}.docs__card-title{font-size:var(--font-size-lg);font-family:var(--font-heading);font-weight:var(--font-weight-semibold);color:var(--color-text-dark);margin-bottom:var(--spacing-3)}.docs__card-subtitle{color:var(--color-text-muted);font-size:var(--font-size-sm);margin-bottom:var(--spacing-4)}.docs__code-block{background-color:var(--color-text-dark);color:#fff;padding:var(--spacing-4);border-radius:var(--radius-md);overflow-x:auto;font-size:var(--font-size-sm)}.docs__command{margin-bottom:var(--spacing-12)}.docs__command-header{display:flex;align-items:center;gap:var(--spacing-3);margin-bottom:var(--spacing-4)}.docs__command-icon{width:var(--spacing-6);height:var(--spacing-6);color:var(--color-primary)}.docs__command-title{font-size:var(--font-size-2xl);font-family:var(--font-heading);font-weight:var(--font-weight-semibold);color:var(--color-text-dark)}.docs__command-desc{color:var(--color-text-muted);margin-bottom:var(--spacing-4)}.docs__inline-code{background-color:var(--color-background-alt);padding:.25rem .5rem;border-radius:var(--radius-sm);font-size:var(--font-size-sm);font-family:monospace}.docs__usage-box{background-color:var(--color-background-alt);padding:var(--spacing-6);border-radius:var(--radius-lg);border:var(--border-width) solid var(--color-border-light);margin-bottom:var(--spacing-4)}.docs__sub-title{font-weight:var(--font-weight-semibold);color:var(--color-text-dark);margin-bottom:var(--spacing-3)}.docs__sub-title--mt{margin-top:var(--spacing-4)}.docs__list{display:flex;flex-direction:column;gap:var(--spacing-2);font-size:var(--font-size-sm);color:var(--color-text-muted)}.docs__grid{display:grid;gap:var(--spacing-6)}@media(min-width:768px){.docs__grid{grid-template-columns:repeat(2,1fr)}}.docs__warning{color:#dc2626;font-size:var(--font-size-xs);margin-top:var(--spacing-2)}.docs__list-mono{font-family:monospace;font-size:var(--font-size-xs);color:var(--color-text-muted);display:flex;flex-direction:column;gap:var(--spacing-1)}.docs__steps{display:flex;flex-direction:column;gap:var(--spacing-2);font-size:var(--font-size-sm);color:var(--color-text-muted);list-style-type:decimal;list-style-position:inside}.docs__cta{padding:var(--spacing-16) 0;background-color:var(--color-background-alt);text-align:center;border-top:var(--border-width) solid var(--color-border-light)}.docs__cta-actions{display:flex;gap:var(--spacing-4);justify-content:center;margin-top:var(--spacing-8)}.guide{min-height:100vh;background-color:var(--color-background)}.guide__hero{padding-top:var(--spacing-32);padding-bottom:var(--spacing-16);border-bottom:var(--border-width) solid var(--color-border-light)}.guide__container{max-width:1200px;margin:0 auto;padding:0 var(--spacing-6)}.guide__hero-content{max-width:48rem}.guide__hero-header{display:flex;align-items:center;gap:var(--spacing-3);margin-bottom:var(--spacing-6)}.guide__hero-icon{width:var(--spacing-8);height:var(--spacing-8);color:var(--color-primary)}.guide__hero-title{font-size:var(--font-size-5xl);font-family:var(--font-heading);font-weight:var(--font-weight-bold);color:var(--color-text-dark)}.guide__hero-text{font-size:var(--font-size-xl);color:var(--color-text-muted);line-height:var(--line-height-relaxed)}.guide__section{padding:var(--spacing-16) 0;border-bottom:var(--border-width) solid var(--color-border-light)}.guide__section-content{max-width:56rem}.guide__section-header{display:flex;align-items:center;gap:var(--spacing-3);margin-bottom:var(--spacing-8)}.guide__section-title{font-size:var(--font-size-3xl);font-family:var(--font-heading);font-weight:var(--font-weight-bold);color:var(--color-text-dark)}.guide__section-icon{width:var(--spacing-8);height:var(--spacing-8);color:var(--color-primary)}.guide__steps{display:flex;flex-direction:column;gap:var(--spacing-12)}.guide__step{display:flex;gap:var(--spacing-6)}.guide__step-number{flex-shrink:0;width:var(--spacing-12);height:var(--spacing-12);background-color:var(--color-primary);color:#fff;border-radius:var(--radius-full);display:flex;align-items:center;justify-content:center;font-weight:var(--font-weight-bold);font-size:var(--font-size-xl)}.guide__step-content{flex:1}.guide__step-title{font-size:var(--font-size-xl);font-family:var(--font-heading);font-weight:var(--font-weight-bold);color:var(--color-text-dark);margin-bottom:var(--spacing-3)}.guide__step-desc{color:var(--color-text-muted);margin-bottom:var(--spacing-4);line-height:var(--line-height-relaxed)}.guide__code-block{background-color:var(--color-text-dark);color:#fff;padding:var(--spacing-4);border-radius:var(--radius-md);overflow-x:auto;font-size:var(--font-size-sm);margin-bottom:var(--spacing-4)}.guide__file-preview{background-color:var(--color-background-alt);padding:var(--spacing-6);border-radius:var(--radius-lg);border:var(--border-width) solid var(--color-border-light);font-family:monospace;font-size:var(--font-size-sm);white-space:pre;overflow-x:auto}.guide__grid{display:grid;gap:var(--spacing-6)}@media(min-width:768px){.guide__grid{grid-template-columns:repeat(2,1fr)}}.guide__card{background-color:var(--color-background-alt);padding:var(--spacing-6);border-radius:var(--radius-lg);border:var(--border-width) solid var(--color-border-light)}.guide__card-header{display:flex;align-items:center;gap:var(--spacing-3);margin-bottom:var(--spacing-4)}.guide__card-icon{width:var(--spacing-6);height:var(--spacing-6);color:var(--color-primary)}.guide__card-title{font-size:var(--font-size-xl);font-family:var(--font-heading);font-weight:var(--font-weight-semibold);color:var(--color-text-dark)}.guide__card-desc{color:var(--color-text-muted);font-size:var(--font-size-sm);margin-bottom:var(--spacing-4);line-height:var(--line-height-normal)}.guide__list{display:flex;flex-direction:column;gap:var(--spacing-2);font-size:var(--font-size-sm);color:var(--color-text-muted)}.guide__list-item{display:flex;align-items:center;gap:var(--spacing-2)}.guide__check-icon{width:var(--spacing-4);height:var(--spacing-4);color:var(--color-primary)}.guide__practice-list{display:flex;flex-direction:column;gap:var(--spacing-6)}.guide__practice-item{background-color:var(--color-background-alt);padding:var(--spacing-6);border-radius:var(--radius-lg);border-left:4px solid var(--color-primary)}.guide__practice-title{font-size:var(--font-size-lg);font-family:var(--font-heading);font-weight:var(--font-weight-semibold);color:var(--color-text-dark);margin-bottom:var(--spacing-2)}.guide__practice-desc{color:var(--color-text-muted);font-size:var(--font-size-sm)}.guide__details{background-color:var(--color-background-alt);border-radius:var(--radius-lg);border:var(--border-width) solid var(--color-border-light);overflow:hidden;margin-bottom:var(--spacing-4)}.guide__summary{padding:var(--spacing-4) var(--spacing-6);cursor:pointer;font-weight:var(--font-weight-semibold);color:var(--color-text-dark);display:flex;justify-content:space-between;align-items:center;list-style:none}.guide__summary:hover{background-color:#00000005}.guide__summary::-webkit-details-marker{display:none}.guide__details-content{padding:0 var(--spacing-6) var(--spacing-6);color:var(--color-text-muted);font-size:var(--font-size-sm);line-height:var(--line-height-relaxed);border-top:var(--border-width) solid var(--color-border-light);margin-top:-1px}.guide__cta{padding:var(--spacing-16) 0;background-color:var(--color-background-alt);text-align:center;border-top:var(--border-width) solid var(--color-border-light)}.guide__cta-title{font-size:var(--font-size-3xl);font-family:var(--font-heading);font-weight:var(--font-weight-bold);color:var(--color-text-dark);margin-bottom:var(--spacing-4)}.guide__cta-desc{color:var(--color-text-muted);margin-bottom:var(--spacing-8);max-width:36rem;margin-left:auto;margin-right:auto}.guide__cta-actions{display:flex;gap:var(--spacing-4);justify-content:center}