/* /orgia_frontend/static/src/css/orgia_variables.scss */
 

/* /orgia_frontend/static/src/css/landing.scss */
 @font-face{font-family: 'Figtree'; src: url("/orgia_frontend/static/src/css/../fonts/Figtree-Regular.woff2") format("woff2"), url("/orgia_frontend/static/src/css/../fonts/Figtree-Regular.woff") format("woff"); font-weight: 400; font-style: normal; font-display: swap;}@font-face{font-family: 'Figtree'; src: url("/orgia_frontend/static/src/css/../fonts/Figtree-Bold.woff2") format("woff2"), url("/orgia_frontend/static/src/css/../fonts/Figtree-Bold.woff") format("woff"); font-weight: 700; font-style: normal; font-display: swap;}@font-face{font-family: 'Space Grotesk'; src: url("/orgia_frontend/static/src/css/../fonts/SpaceGrotesk-Bold.woff2") format("woff2"), url("/orgia_frontend/static/src/css/../fonts/SpaceGrotesk-Bold.woff") format("woff"); font-weight: 700; font-style: normal; font-display: swap;}:root{--z-content-low: 10; --z-content: 20; --z-content-high: 30; --z-nav-low: 100; --z-nav: 200; --z-nav-sticky: 300; --z-overlay: 400; --z-spotlight: 1000; --z-critical: 2000; --spacing-1: 0.25rem; --spacing-2: 0.5rem; --spacing-3: 0.75rem; --spacing-4: 1rem; --spacing-6: 1.5rem; --spacing-8: 2rem; --spacing-12: 3rem; --spacing-16: 4rem; --background: hsl(48 100% 98%); --foreground: hsl(240 10% 10%); --surface: hsl(0 0% 100%); --surface-foreground: hsl(240 10% 10%); --sidebar: hsl(220 13% 95%); --sidebar-foreground: hsl(240 10% 10%); --card: hsl(0 0% 100%); --card-foreground: hsl(240 10% 10%); --popup: hsl(0 0% 100%); --popup-foreground: hsl(240 10% 10%); --primary: hsl(325.2 96.2% 20.4%); --primary-foreground: hsl(0 0% 100%); --secondary: hsl(200 98% 52%); --secondary-foreground: hsl(0 0% 100%); --accent: hsl(45 100% 50%); --accent-foreground: hsl(240 10% 10%); --muted: hsl(220 13% 91%); --muted-foreground: hsl(240 5% 45%); --success: hsl(142 71% 45%); --success-foreground: hsl(0 0% 100%); --error: hsl(0 84% 60%); --error-foreground: hsl(0 0% 100%); --warning: hsl(38 92% 50%); --warning-foreground: hsl(240 10% 10%); --info: hsl(200 98% 52%); --info-foreground: hsl(0 0% 100%); --info-hover: hsl(200 90% 45%); --info-active: hsl(200 90% 40%); --border: hsl(240 10% 10%); --font-family-base: 'Figtree', -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol"; --font-family-heading: 'Space Grotesk', sans-serif; --font-family-monospace: 'SFMono-Regular', Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace; --font-family-cursive: cursive; --shadow: 4px 4px 0px 0px var(--border); --shadow-md: 6px 6px 0px 0px var(--border); --shadow-lg: 8px 8px 0px 0px var(--border); --shadow-focus: 0 0 0 2px var(--background), 0 0 0 4px var(--primary); --radius-sm: 4px; --radius: 8px; --radius-md: 12px; --radius-lg: 16px; --radius-full: 9999px; --animation-duration-fast: 150ms; --animation-duration-normal: 300ms; --animation-duration-slow: 500ms; --chart-color-1: hsl(340 95% 60%); --chart-color-2: hsl(200 98% 52%); --chart-color-3: hsl(45 100% 50%); --chart-color-4: hsl(142 71% 45%); --chart-color-5: hsl(260 80% 65%);}.dark{--background: hsl(240 10% 10%); --foreground: hsl(0 0% 98%); --surface: hsl(240 10% 12%); --surface-foreground: hsl(0 0% 98%); --sidebar: hsl(240 10% 15%); --sidebar-foreground: hsl(0 0% 98%); --card: hsl(240 10% 12%); --card-foreground: hsl(0 0% 98%); --popup: hsl(240 10% 12%); --popup-foreground: hsl(0 0% 98%); --primary: hsl(325.2 96.2% 20.4%); --primary-foreground: hsl(0 0% 100%); --secondary: hsl(200 98% 60%); --secondary-foreground: hsl(0 0% 100%); --accent: hsl(45 100% 55%); --accent-foreground: hsl(240 10% 10%); --muted: hsl(240 5% 20%); --muted-foreground: hsl(240 5% 60%); --success: hsl(142 61% 55%); --success-foreground: hsl(0 0% 100%); --error: hsl(0 84% 65%); --error-foreground: hsl(0 0% 100%); --warning: hsl(38 92% 55%); --warning-foreground: hsl(240 10% 10%); --info: hsl(200 98% 60%); --info-foreground: hsl(0 0% 100%); --info-hover: hsl(200 90% 55%); --info-active: hsl(200 90% 50%); --border: hsl(0 0% 98%); --shadow-focus: 0 0 0 2px var(--background), 0 0 0 4px var(--primary);}*{margin: 0; padding: 0; box-sizing: border-box;}body{font-family: var(--font-family-base); background-color: var(--background); color: var(--foreground); line-height: 1.5;}.container{width: 100%; overflow-x: hidden;}.header{position: sticky; top: 0; z-index: var(--z-nav); background-color: var(--background); border-bottom: 2px solid var(--border); padding: var(--spacing-4) 0;}.header-content{max-width: 1200px; margin: 0 auto; padding: 0 var(--spacing-8); display: flex; align-items: center; justify-content: space-between;}.logo{display: flex; align-items: center; gap: var(--spacing-2); text-decoration: none; color: var(--foreground);}.logo img{max-width: 50px;}.logo-text{font-family: var(--font-family-heading); font-size: 1.5rem; font-weight: 700;}@media (max-width: 768px){.logo-text{display: none;}}.nav{display: flex; gap: var(--spacing-6);}.nav-link{text-decoration: none; color: var(--muted-foreground); font-weight: 500; transition: color var(--animation-duration-fast);}.nav-link:hover{color: var(--foreground);}.header-actions{display: flex; gap: var(--spacing-3);}.button{display: inline-flex; align-items: center; justify-content: center; gap: var(--spacing-2); border-radius: var(--radius); font-weight: 500; border: 2px solid var(--border); cursor: pointer; transition: all var(--animation-duration-fast); text-decoration: none; font-family: inherit; font-size: 0.875rem; padding: var(--spacing-2) var(--spacing-4);}.button:focus{outline: none; box-shadow: var(--shadow-focus);}.button:disabled{opacity: 0.5; cursor: not-allowed;}.button-primary{background-color: var(--primary); color: var(--primary-foreground); border-color: var(--border);}.button-primary:hover{background-color: color-mix(in srgb, var(--primary), black 10%);}.button-outline{background-color: transparent; color: var(--foreground); border-color: var(--border);}.button-outline:hover{background-color: var(--muted);}.button-ghost{background-color: transparent; color: var(--foreground); border-color: transparent;}.button-ghost:hover{background-color: var(--muted); border-color: var(--border);}.button-lg{padding: var(--spacing-3) var(--spacing-6); font-size: 2rem;}.main-content{width: 100%;}.section{padding: var(--spacing-16) var(--spacing-8); max-width: 1200px; margin: 0 auto;}.section-header{text-align: center; margin-bottom: var(--spacing-12);}.section-title{font-family: var(--font-family-heading); font-size: 2.5rem; font-weight: 700; line-height: 1.2; margin-bottom: var(--spacing-4);}.section-subtitle{font-size: 1.125rem; color: var(--muted-foreground); max-width: 600px; margin: 0 auto;}.hero{display: grid; grid-template-columns: 1fr 1fr; gap: var(--spacing-12); align-items: center; padding: var(--spacing-16) var(--spacing-8); max-width: 1200px; margin: 0 auto;}.hero-content{display: flex; flex-direction: column; gap: var(--spacing-6);}.hero-headline{font-family: var(--font-family-heading); font-size: 4.5rem; font-weight: 700; line-height: 1.1; letter-spacing: -0.02em;}.hero-subtext{font-size: 1.25rem; line-height: 1.6; color: var(--muted-foreground); max-width: 500px;}.hero-actions{display: flex; gap: var(--spacing-4); margin-top: var(--spacing-4);}.cta-button{font-weight: 700; box-shadow: var(--shadow); border-width: 2px; border-color: var(--border);}.cta-button:hover{transform: translateY(-2px); box-shadow: var(--shadow-md);}.cta-button a{color: inherit; text-decoration: none;}.hero-image-container{position: relative; align-self: center; justify-self: center;}.hero-image{width: 100%; max-width: 400px; height: auto; object-fit: cover; border-radius: var(--radius-lg); border: 3px solid var(--border); position: relative; z-index: var(--z-content);}.hero-image-border{position: absolute; top: var(--spacing-4); left: var(--spacing-4); width: 100%; max-width: 400px; height: 100%; background-color: var(--accent); border-radius: var(--radius-lg); z-index: 1; border: 3px solid var(--border);}.features-grid{display: grid; grid-template-columns: repeat(auto-fit, minmax(300px, 1fr)); gap: var(--spacing-8);}.feature-card{background-color: var(--surface); padding: var(--spacing-8); border-radius: var(--radius-lg); border: 2px solid var(--border); box-shadow: var(--shadow); transition: transform 0.2s ease, box-shadow 0.2s ease;}.feature-card:hover{transform: translateY(-4px); box-shadow: var(--shadow-md);}.feature-icon{width: 64px; height: 64px; border-radius: var(--radius-md); display: flex; align-items: center; justify-content: center; color: var(--primary-foreground); margin-bottom: var(--spacing-6); border: 2px solid var(--border);}.feature-title{font-family: var(--font-family-heading); font-size: 1.5rem; margin-bottom: var(--spacing-2);}.feature-description{color: var(--muted-foreground); line-height: 1.6;}@media (max-width: 768px){.features-grid{grid-template-columns: 1fr; gap: var(--spacing-4);}.feature-card{padding: var(--spacing-4);}.feature-icon{width: 48px; height: 48px; margin-bottom: var(--spacing-3);}.feature-icon svg{width: 24px; height: 24px;}.feature-title{font-size: 1.125rem; margin-bottom: var(--spacing-1);}.feature-description{font-size: 0.875rem;}}.how-it-works-grid{display: grid; grid-template-columns: 1fr; gap: var(--spacing-6); position: relative; max-width: 800px; margin: 0 auto;}.how-it-works-card{background-color: var(--surface); padding: var(--spacing-6); border-radius: var(--radius-lg); border: 2px solid var(--border); box-shadow: var(--shadow); display: grid; grid-template-columns: 1fr 5fr; gap: var(--spacing-6); align-items: center;}.how-it-works-number{font-family: var(--font-family-heading); font-size: 5rem; font-weight: 700; color: var(--primary); line-height: 1;}.how-it-works-content{display: flex; flex-direction: column;}.how-it-works-title{font-family: var(--font-family-heading); font-size: 1.5rem; margin-bottom: var(--spacing-1);}.how-it-works-description{color: var(--muted-foreground); line-height: 1.6;}@media (max-width: 768px){.how-it-works-grid{gap: var(--spacing-4);}.how-it-works-card{padding: var(--spacing-4); grid-template-columns: auto 1fr; gap: var(--spacing-3);}.how-it-works-number{font-size: 3rem;}.how-it-works-title{font-size: 1.125rem; margin-bottom: var(--spacing-1);}.how-it-works-description{font-size: 0.875rem;}}.carousel{max-width: 900px; margin: 0 auto; position: relative;}.carousel-content{overflow: hidden; border-radius: var(--radius-lg);}.carousel-item{display: none; padding: 0 var(--spacing-4);}.carousel-item.active{display: block;}.carousel-prev, .carousel-next{position: absolute; top: 50%; transform: translateY(-50%); background-color: var(--surface); border: 2px solid var(--border); border-radius: var(--radius-full); width: 48px; height: 48px; display: flex; align-items: center; justify-content: center; cursor: pointer; font-size: 1.5rem; color: var(--foreground); box-shadow: var(--shadow); transition: all var(--animation-duration-fast);}.carousel-prev{left: -24px;}.carousel-next{right: -24px;}.carousel-prev:hover, .carousel-next:hover{transform: translateY(-50%) translateY(-2px); box-shadow: var(--shadow-md);}.testimonial-card{background-color: var(--surface); padding: var(--spacing-8); border-radius: var(--radius-lg); border: 2px solid var(--border); box-shadow: var(--shadow); height: 100%; display: flex; flex-direction: column; justify-content: space-between;}.testimonial-quote{font-size: 1rem; line-height: 1.6; color: var(--muted-foreground); margin-bottom: var(--spacing-6); flex-grow: 1;}.testimonial-author{display: flex; align-items: center; gap: var(--spacing-3);}.avatar{width: 40px; height: 40px; border-radius: var(--radius-full); overflow: hidden; border: 2px solid var(--border); position: relative;}.avatar img{width: 100%; height: 100%; object-fit: cover;}.avatar-fallback{position: absolute; inset: 0; display: flex; align-items: center; justify-content: center; background-color: var(--muted); color: var(--muted-foreground); font-size: 0.75rem; font-weight: 500;}.author-name{font-weight: 700; font-family: var(--font-family-base);}.final-cta-section{padding: var(--spacing-16) var(--spacing-8); color: var(--secondary-foreground);}.final-cta-content{max-width: 800px; margin: 0 auto; text-align: center; background-color: var(--surface); color: var(--foreground); padding: var(--spacing-12); border-radius: var(--radius-lg); border: 3px solid var(--border); box-shadow: var(--shadow-lg); position: relative; overflow: hidden;}.final-cta-title{font-family: var(--font-family-heading); font-size: 3rem; font-weight: 700; line-height: 1.2; margin-bottom: var(--spacing-4);}.final-cta-subtitle{font-size: 1.125rem; max-width: 600px; margin: 0 auto var(--spacing-8); opacity: 0.8;}.final-cta-button{background-color: var(--primary); color: var(--primary-foreground); border-color: var(--border); font-weight: 700; box-shadow: var(--shadow); border-width: 2px;}.final-cta-button:hover{background-color: color-mix(in srgb, var(--primary), black 10%); transform: translateY(-2px); box-shadow: var(--shadow-md);}.cta-icon{position: absolute; color: var(--primary); opacity: 0.1; z-index: 0;}.cta-icon-top-left{top: -10px; left: -15px; transform: rotate(-15deg);}.cta-icon-bottom-right{bottom: -20px; right: -10px; transform: rotate(20deg);}.cta-icon-top-right{top: 20px; right: 20px; transform: rotate(15deg); color: var(--accent);}.contact-hero{align-items: flex-start;}.contact-form-container{background-color: var(--surface); padding: var(--spacing-8); border-radius: var(--radius-lg); border: 2px solid var(--border); box-shadow: var(--shadow); max-width: 500px; width: 100%;}.contact-form{display: flex; flex-direction: column; gap: var(--spacing-6);}.form-group{display: flex; flex-direction: column; gap: var(--spacing-2);}.form-label{font-family: var(--font-family-heading); font-size: 0.875rem; font-weight: 700; color: var(--foreground); text-transform: uppercase; letter-spacing: 0.025em;}.form-input{padding: var(--spacing-3) var(--spacing-4); border: 2px solid var(--border); border-radius: var(--radius); background-color: var(--background); color: var(--foreground); font-family: var(--font-family-base); font-size: 1rem; line-height: 1.5; transition: all var(--animation-duration-fast); outline: none;}.form-input::placeholder{color: var(--muted-foreground); opacity: 0.7;}.form-input:focus{border-color: var(--primary); box-shadow: var(--shadow-focus); transform: translateY(-1px);}.form-input:hover{border-color: var(--muted-foreground);}.form-input[required]:invalid:focus{box-shadow: 0 0 0 2px var(--background), 0 0 0 4px var(--primary);}textarea.form-input{resize: vertical; min-height: 120px;}select.form-input{cursor: pointer; appearance: none; background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 24 24' fill='none' stroke='%23374151' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M6 9l6 6 6-6'/%3E%3C/svg%3E"); background-repeat: no-repeat; background-position: right var(--spacing-3) center; background-size: 16px 16px; padding-right: var(--spacing-8);}select.form-input:focus{background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 24 24' fill='none' stroke='%23D946EF' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M6 9l6 6 6-6'/%3E%3C/svg%3E");}.form-actions{margin-top: var(--spacing-2);}.form-actions .button{width: 100%; font-weight: 700; text-transform: uppercase; letter-spacing: 0.025em; box-shadow: var(--shadow);}.form-actions .button:hover{transform: translateY(-2px); box-shadow: var(--shadow-md);}.legal-content{max-width: 800px; margin: 0 auto;}.legal-meta{text-align: center; margin-bottom: var(--spacing-12);}.legal-meta p{color: var(--muted-foreground); font-size: 0.9rem;}.legal-section{margin-bottom: var(--spacing-12);}.legal-section .section-title{color: var(--primary); margin-bottom: var(--spacing-6); font-size: 1.5rem;}.legal-text{font-size: 1.1rem; line-height: 1.7; color: var(--foreground);}.legal-text p{margin-bottom: var(--spacing-4);}.legal-text ul{margin-left: var(--spacing-6); margin-top: var(--spacing-4); list-style-type: disc;}.legal-text li{margin-bottom: var(--spacing-2);}.legal-text a{color: var(--primary); text-decoration: underline;}.legal-text a:hover{color: var(--primary); opacity: 0.8;}.footer{border-top: 2px solid var(--border); padding: var(--spacing-12) var(--spacing-8);}.footer-content{max-width: 1200px; margin: 0 auto; display: grid; grid-template-columns: 1fr 2fr;}.footer-info{display: flex; flex-direction: column; align-items: center; margin: auto;}.footer-text{color: var(--muted-foreground); line-height: 1.6;}.footer-links{display: grid; grid-template-columns: repeat(3, 1fr); gap: var(--spacing-8);}.footer-link-column{display: flex; flex-direction: column; gap: var(--spacing-3); align-items: center; margin: auto;}.footer-link-title{font-family: var(--font-family-heading); font-weight: 700;}.footer-link-title a{text-decoration: none;}.footer-link{color: var(--muted-foreground); text-decoration: none; transition: color var(--animation-duration-fast);}.footer-link:hover{color: var(--foreground);}

/* /orgia_frontend/static/src/css/responsive.scss */
 @media (max-width: 992px){body{font-size: 1.5rem;}.button{font-size: unset !important;}.hero{grid-template-columns: 1fr; text-align: center; gap: var(--spacing-16);}.hero-content{align-items: center;}.contact-form-container{margin: auto;}.hero-headline{font-size: 3.5rem;}.hero-subtext{font-size: 1.125rem;}.hero-image-container{order: -1;}}@media (max-width: 768px){.section{padding: var(--spacing-12) var(--spacing-4);}.header-content{padding: 0 var(--spacing-4);}.contact-form-container{margin: auto;}.nav{display: none;}.hero{padding: var(--spacing-12) var(--spacing-4);}.hero-headline{font-size: 2.75rem;}.hero-actions{flex-direction: column; width: 100%; max-width: 300px;}.final-cta-section{padding: var(--spacing-12) var(--spacing-4);}.final-cta-content{padding: var(--spacing-8);}.final-cta-title{font-size: 2.25rem;}.footer-content{grid-template-columns: 1fr; gap: var(--spacing-8);}.footer-links{grid-template-columns: 1fr; gap: var(--spacing-6);}.carousel-prev, .carousel-next{display: none;}}@media (max-width: 480px){.header-actions{gap: var(--spacing-2);}.header-actions .button{padding: var(--spacing-2) var(--spacing-3); font-size: 0.75rem;}}