@import"https://fonts.googleapis.com/css2?family=Hanken+Grotesk:wght@300;400;500;600;700&family=Tinos:ital,wght@0,400;0,700;1,400&display=swap";:root{--font-family-primary: "Hanken Grotesk", system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;--font-family-secondary: "Hanken Grotesk", system-ui, -apple-system, "Segoe UI", Roboto, sans-serif;--font-family-display: "Tinos", Georgia, "Times New Roman", serif;--font-size-xs: 12px;--font-size-sm: 14px;--font-size-base: clamp(1rem, .188vw + .956rem, 1.125rem);--font-size-lg: clamp(1.25rem, .375vw + 1.162rem, 1.5rem);--font-size-xl: clamp(1.5rem, .751vw + 1.324rem, 2rem);--font-size-display: clamp(2rem, 1.127vw + 1.736rem, 2.75rem);--line-height-xs: 16px;--line-height-sm: 20px;--line-height-base: 1.6;--line-height-lg: 1.4;--line-height-xl: 1.3;--font-weight-normal: 400;--font-weight-medium: 500;--font-weight-semibold: 600;--font-weight-bold: 700}:root{--color-primary: #2535EF;--color-primary-light: #E9EBFD;--color-primary-dark: #1E2ABF;--color-primary-darker: #10123D;--color-navy-900: #10123D;--color-navy-700: #404164;--color-navy-600: #585977;--color-navy-300: #9FA0B1;--color-navy-200: #B7B8C5;--color-navy-100: #CFD0D8;--color-lime-500: #00FF00;--color-lime-600: #00CC00;--color-lime-700: #009900;--color-lime-800: #006600;--color-lime-100: #CCFFCC;--color-lime-50: #E6FFE6;--color-blue-500: #2535EF;--color-blue-400: #515DF2;--color-blue-600: #1E2ABF;--color-blue-50: #E9EBFD;--color-lavender-400: #A39CF9;--color-lavender-300: #BEC2FA;--color-lavender-100: #DCDAFD;--color-bg-primary: #FFFFFF;--color-bg-secondary: #F9FAFB;--color-bg-tertiary: #F2F4F0;--color-bg-gray: #DCE0D8;--color-bg-dark: #10123D;--color-text-primary: #383C33;--color-text-secondary: #878787;--color-text-tertiary: #585977;--color-text-light: #9FA0B1;--color-text-white: #FFFFFF;--color-success: #348836;--color-success-light: #E6FFE6;--color-success-text: #006600;--color-accent: #A39CF9;--color-accent-secondary: #009900;--color-border: #DCE0D8;--color-border-light: #F2F4F0;--color-border-highlight: #00CC00;--shadow-default: 0 1px 2px rgba(25, 25, 25, .15), 0 6px 8px -2px rgba(0, 0, 0, .07);--shadow-overlay: 0 3px 6px rgba(0, 0, 0, .08), 0 6px 24px rgba(0, 0, 0, .06);--shadow-hover: 0 32px 64px -12px rgba(0, 0, 0, .31);--shadow-card: 0 1px 2px rgba(25, 25, 25, .15), 0 6px 8px -2px rgba(0, 0, 0, .07)}:root{--spacing-xs: 4px;--spacing-sm: 8px;--spacing-md: 16px;--spacing-lg: 24px;--spacing-xl: 32px;--spacing-xxl: 48px;--spacing-xxxl: 60px}:root{--border-radius-sm: 6px;--border-radius-md: 12px;--border-radius-lg: 20px;--border-radius-xl: 24px;--border-radius-pill: 200px;--border-radius-full: 9999px}.typography-display{font-family:var(--font-family-display);font-weight:var(--font-weight-bold);font-size:var(--font-size-display);line-height:var(--line-height-xl);color:var(--color-text-primary)}.typography-heading-1{font-family:var(--font-family-primary);font-weight:var(--font-weight-medium);font-size:var(--font-size-xl);line-height:var(--line-height-xl);color:var(--color-text-primary)}.typography-heading-2{font-family:var(--font-family-primary);font-weight:var(--font-weight-medium);font-size:var(--font-size-lg);line-height:var(--line-height-lg);color:var(--color-text-primary)}.typography-heading-3{font-family:var(--font-family-primary);font-weight:var(--font-weight-medium);font-size:var(--font-size-base);line-height:var(--line-height-base);color:var(--color-text-primary)}.typography-heading-4{font-family:var(--font-family-primary);font-weight:var(--font-weight-medium);font-size:var(--font-size-sm);line-height:var(--line-height-sm);color:var(--color-text-tertiary)}.typography-body-1{font-family:var(--font-family-primary);font-weight:var(--font-weight-normal);font-size:var(--font-size-base);line-height:var(--line-height-base);color:var(--color-text-primary)}.typography-body-1-bold{font-family:var(--font-family-primary);font-weight:var(--font-weight-medium);font-size:var(--font-size-base);line-height:var(--line-height-base);color:var(--color-text-primary)}.typography-body-2{font-family:var(--font-family-primary);font-weight:var(--font-weight-normal);font-size:var(--font-size-sm);line-height:var(--line-height-sm);color:var(--color-text-primary)}.typography-body-2-bold{font-family:var(--font-family-primary);font-weight:var(--font-weight-medium);font-size:var(--font-size-sm);line-height:var(--line-height-sm);color:var(--color-text-primary)}.typography-body-3{font-family:var(--font-family-primary);font-weight:var(--font-weight-normal);font-size:var(--font-size-xs);line-height:var(--line-height-xs);color:var(--color-text-secondary)}.typography-body-3-bold{font-family:var(--font-family-primary);font-weight:var(--font-weight-medium);font-size:var(--font-size-xs);line-height:var(--line-height-xs);color:var(--color-primary)}.layout-container{width:100%;max-width:1366px;margin:0 auto;padding:0 var(--spacing-xxxl)}.layout-section{padding:var(--spacing-xxxl) 0}.layout-card{background:var(--color-bg-primary);border-radius:var(--border-radius-lg);box-shadow:var(--shadow-card);padding:var(--spacing-md);transition:box-shadow .3s ease,transform .3s ease}.layout-card:hover{box-shadow:var(--shadow-hover);transform:translateY(-2px)}.layout-card-header{padding:var(--spacing-md) var(--spacing-lg) var(--spacing-xs);border-bottom:1px solid var(--color-border)}.layout-card-content{padding:var(--spacing-sm) var(--spacing-lg) 0}.btn-primary{display:flex;align-items:center;justify-content:center;padding:10px 24px;background:var(--color-lime-600);color:var(--color-navy-900);border:none;border-radius:var(--border-radius-pill);font-family:var(--font-family-primary);font-weight:var(--font-weight-semibold);font-size:var(--font-size-sm);line-height:var(--line-height-sm);cursor:pointer;transition:all .2s ease;text-decoration:none}.btn-primary:hover{background:var(--color-lime-700);color:var(--color-text-white);box-shadow:0 0 20px #00cc004d}.btn-secondary{display:flex;align-items:center;justify-content:center;padding:10px 24px;background:transparent;color:var(--color-navy-900);border:1.5px solid var(--color-navy-900);border-radius:var(--border-radius-pill);font-family:var(--font-family-primary);font-weight:var(--font-weight-semibold);font-size:var(--font-size-sm);line-height:var(--line-height-sm);cursor:pointer;transition:all .2s ease;text-decoration:none}.btn-secondary:hover{background:var(--color-navy-900);color:var(--color-text-white)}.btn-large{padding:12px 16px;font-size:var(--font-size-base);line-height:var(--line-height-base)}.chip{display:inline-flex;align-items:center;padding:4px 12px;background:var(--color-lime-50);color:var(--color-lime-800);border-radius:var(--border-radius-pill);font-family:var(--font-family-primary);font-weight:var(--font-weight-medium);font-size:var(--font-size-xs);line-height:var(--line-height-xs)}.form-input{width:100%;padding:var(--spacing-sm) var(--spacing-md);border:1px solid var(--color-border);border-radius:var(--border-radius-sm);font-family:var(--font-family-primary);font-size:var(--font-size-sm);line-height:var(--line-height-sm);color:var(--color-text-primary);background:var(--color-bg-primary)}.form-input:focus{outline:none;border-color:var(--color-primary)}.form-label{display:block;margin-bottom:var(--spacing-xs);font-family:var(--font-family-primary);font-weight:var(--font-weight-normal);font-size:var(--font-size-xs);line-height:var(--line-height-xs);color:var(--color-text-secondary)}.tabs-container{border-bottom:1px solid var(--color-border)}.tab-item{display:inline-flex;align-items:center;padding:var(--spacing-sm) var(--spacing-lg);border-bottom:2px solid transparent;font-family:var(--font-family-primary);font-weight:var(--font-weight-normal);font-size:var(--font-size-base);line-height:var(--line-height-base);color:var(--color-text-primary);cursor:pointer;text-decoration:none;transition:all .25s ease-in-out}.tab-item.active{border-bottom-color:var(--color-primary-dark);color:var(--color-primary-darker);font-weight:var(--font-weight-medium)}.tab-item:hover{color:var(--color-primary)}.avatar{width:48px;height:48px;border-radius:var(--border-radius-full);border:2px solid var(--color-border-light);overflow:hidden}.avatar-sm{width:32px;height:32px}.avatar-lg{width:60px;height:60px}.link{color:var(--color-blue-500);font-weight:var(--font-weight-medium);text-decoration:none;transition:color .15s ease-in-out}.link:hover{color:var(--color-blue-600)}.flex{display:flex}.flex-column{flex-direction:column}.flex-row{flex-direction:row}.items-center{align-items:center}.items-start{align-items:flex-start}.items-end{align-items:flex-end}.justify-center{justify-content:center}.justify-between{justify-content:space-between}.justify-start{justify-content:flex-start}.justify-end{justify-content:flex-end}.gap-xs{gap:var(--spacing-xs)}.gap-sm{gap:var(--spacing-sm)}.gap-md{gap:var(--spacing-md)}.gap-lg{gap:var(--spacing-lg)}.gap-xl{gap:var(--spacing-xl)}.p-xs{padding:var(--spacing-xs)}.p-sm{padding:var(--spacing-sm)}.p-md{padding:var(--spacing-md)}.p-lg{padding:var(--spacing-lg)}.p-xl{padding:var(--spacing-xl)}.m-xs{margin:var(--spacing-xs)}.m-sm{margin:var(--spacing-sm)}.m-md{margin:var(--spacing-md)}.m-lg{margin:var(--spacing-lg)}.m-xl{margin:var(--spacing-xl)}.text-center{text-align:center}.text-left{text-align:left}.text-right{text-align:right}.bg-primary{background-color:var(--color-bg-primary)}.bg-secondary{background-color:var(--color-bg-secondary)}.bg-tertiary{background-color:var(--color-bg-tertiary)}.text-primary{color:var(--color-text-primary)}.text-secondary{color:var(--color-text-secondary)}.text-accent{color:var(--color-accent)}.text-white{color:var(--color-text-white)}.border{border:1px solid var(--color-border)}.border-top{border-top:1px solid var(--color-border)}.border-bottom{border-bottom:1px solid var(--color-border)}.rounded-sm{border-radius:var(--border-radius-sm)}.rounded-md{border-radius:var(--border-radius-md)}.rounded-lg{border-radius:var(--border-radius-lg)}.rounded-xl{border-radius:var(--border-radius-xl)}.rounded-full{border-radius:var(--border-radius-full)}.rounded-pill{border-radius:var(--border-radius-pill)}.shadow{box-shadow:var(--shadow-default)}.shadow-overlay{box-shadow:var(--shadow-overlay)}body,html,*{font-family:var(--font-family-primary)!important}h1,h2,h3,h4,h5,h6{font-family:var(--font-family-primary)!important;font-weight:var(--font-weight-medium)!important}p,span,div,a,button,input,textarea,select{font-family:var(--font-family-primary)!important}.section-title{font-family:var(--font-family-primary)!important;font-weight:var(--font-weight-medium)!important;font-size:var(--font-size-lg)!important;line-height:var(--line-height-lg)!important;color:var(--color-text-primary)!important}.section-description{font-family:var(--font-family-primary)!important;font-weight:var(--font-weight-normal)!important;font-size:var(--font-size-sm)!important;line-height:var(--line-height-sm)!important;color:var(--color-text-light)!important}.btn{font-family:var(--font-family-primary)!important;font-weight:var(--font-weight-medium)!important}.grid{display:grid}.grid-cols-1{grid-template-columns:repeat(1,1fr)}.grid-cols-2{grid-template-columns:repeat(2,1fr)}.grid-cols-3{grid-template-columns:repeat(3,1fr)}.grid-cols-4{grid-template-columns:repeat(4,1fr)}@media(min-width:768px){.md\:grid-cols-2{grid-template-columns:repeat(2,1fr)}.md\:grid-cols-3{grid-template-columns:repeat(3,1fr)}.md\:grid-cols-4{grid-template-columns:repeat(4,1fr)}}@media(min-width:1024px){.lg\:grid-cols-3{grid-template-columns:repeat(3,1fr)}.lg\:grid-cols-4{grid-template-columns:repeat(4,1fr)}.lg\:grid-cols-5{grid-template-columns:repeat(5,1fr)}}.feature-list{display:flex;flex-direction:column;gap:var(--spacing-sm)}.feature-item{display:flex;align-items:center;gap:var(--spacing-xs)}.feature-icon{width:20px;height:20px;color:var(--color-success)}.pricing-card{background:var(--color-bg-primary);border-radius:var(--border-radius-lg);box-shadow:var(--shadow-default);padding:var(--spacing-xl);display:flex;flex-direction:column;gap:var(--spacing-lg)}.pricing-header{display:flex;flex-direction:column;gap:var(--spacing-sm)}.pricing-title{font-family:var(--font-family-primary);font-weight:var(--font-weight-medium);font-size:var(--font-size-sm);line-height:var(--line-height-sm);color:var(--color-text-primary)}.pricing-amount{font-family:var(--font-family-primary);font-weight:var(--font-weight-medium);font-size:var(--font-size-xl);line-height:var(--line-height-xl);color:var(--color-text-primary)}.pricing-unit{font-family:var(--font-family-primary);font-weight:var(--font-weight-normal);font-size:var(--font-size-xs);line-height:var(--line-height-xs);color:var(--color-text-secondary)}
/*# sourceMappingURL=/cdn/shop/t/33/assets/design-system.css.map */