@custom-variant dark (&:is(.dark *));:root{color-scheme:light;--font-size: 16px;--color-forest: #2F4E46;--color-clay: #C56A4D;--color-sand: #E9DCC6;--color-mist: #F8F3EE;--color-charcoal: #1A1D1F;--color-sage: #9AFABC;--color-terracotta: #C56A4D;--color-sky: #6FABDC;--color-mustard: #E9B44C;--color-stone: #C56A4D;--background: #F8F3EE;--foreground: #1A1D1F;--card: #ffffff;--card-foreground: #1A1D1F;--popover: #ffffff;--popover-foreground: #1A1D1F;--primary: #2F4E46;--primary-foreground: #F8F3EE;--secondary: #C56A4D;--secondary-foreground: #F8F3EE;--muted: #E9DCC6;--muted-foreground: #2F4E46;--accent: #C56A4D;--accent-foreground: #F8F3EE;--destructive: #C56A4D;--destructive-foreground: #F8F3EE;--border: #E9DCC6;--input: transparent;--input-background: #ffffff;--switch-background: #E9DCC6;--font-weight-medium: 500;--font-weight-normal: 400;--ring: #2F4E46;--chart-1: #6FABDC;--chart-2: #E9B44C;--chart-3: #9AFABC;--chart-4: #C56A4D;--chart-5: #C56A4D;--radius: .625rem;--sidebar: #ffffff;--sidebar-foreground: #1A1D1F;--sidebar-primary: #2F4E46;--sidebar-primary-foreground: #F8F3EE;--sidebar-accent: #F8F3EE;--sidebar-accent-foreground: #1A1D1F;--sidebar-border: #E9DCC6;--sidebar-ring: #2F4E46;--forest: var(--color-forest);--clay: var(--color-clay);--sand: var(--color-sand);--mist: var(--color-mist);--charcoal: var(--color-charcoal);--sage: var(--color-sage);--terracotta: var(--color-terracotta);--sky: var(--color-sky);--mustard: var(--color-mustard);--stone: var(--color-stone);--bg: var(--background);--surface: var(--card);--surface-soft: #fbf7f2;--text: var(--foreground);--line: var(--border);--accent-soft: color-mix(in srgb, var(--muted) 48%, var(--card));--shadow: 0 18px 50px color-mix(in srgb, var(--primary) 12%, transparent)}.dark{--background: oklch(.145 0 0);--foreground: oklch(.985 0 0);--card: oklch(.145 0 0);--card-foreground: oklch(.985 0 0);--popover: oklch(.145 0 0);--popover-foreground: oklch(.985 0 0);--primary: oklch(.985 0 0);--primary-foreground: oklch(.205 0 0);--secondary: oklch(.269 0 0);--secondary-foreground: oklch(.985 0 0);--muted: oklch(.269 0 0);--muted-foreground: oklch(.708 0 0);--accent: oklch(.269 0 0);--accent-foreground: oklch(.985 0 0);--destructive: oklch(.396 .141 25.723);--destructive-foreground: oklch(.637 .237 25.331);--border: oklch(.269 0 0);--input: oklch(.269 0 0);--ring: oklch(.439 0 0);--font-weight-medium: 500;--font-weight-normal: 400;--chart-1: oklch(.488 .243 264.376);--chart-2: oklch(.696 .17 162.48);--chart-3: oklch(.769 .188 70.08);--chart-4: #C56A4D;--chart-5: #C56A4D;--sidebar: oklch(.205 0 0);--sidebar-foreground: oklch(.985 0 0);--sidebar-primary: oklch(.488 .243 264.376);--sidebar-primary-foreground: oklch(.985 0 0);--sidebar-accent: oklch(.269 0 0);--sidebar-accent-foreground: oklch(.985 0 0);--sidebar-border: oklch(.269 0 0);--sidebar-ring: oklch(.439 0 0)}@theme inline{ --color-background: var(--background); --color-foreground: var(--foreground); --color-card: var(--card); --color-card-foreground: var(--card-foreground); --color-popover: var(--popover); --color-popover-foreground: var(--popover-foreground); --color-primary: var(--primary); --color-primary-foreground: var(--primary-foreground); --color-secondary: var(--secondary); --color-secondary-foreground: var(--secondary-foreground); --color-muted: var(--muted); --color-muted-foreground: var(--muted-foreground); --color-accent: var(--accent); --color-accent-foreground: var(--accent-foreground); --color-destructive: var(--destructive); --color-destructive-foreground: var(--destructive-foreground); --color-border: var(--border); --color-input: var(--input); --color-input-background: var(--input-background); --color-switch-background: var(--switch-background); --color-ring: var(--ring); --color-chart-1: var(--chart-1); --color-chart-2: var(--chart-2); --color-chart-3: var(--chart-3); --color-chart-4: var(--chart-4); --color-chart-5: var(--chart-5); --radius-sm: calc(var(--radius) - 4px); --radius-md: calc(var(--radius) - 2px); --radius-lg: var(--radius); --radius-xl: calc(var(--radius) + 4px); --color-sidebar: var(--sidebar); --color-sidebar-foreground: var(--sidebar-foreground); --color-sidebar-primary: var(--sidebar-primary); --color-sidebar-primary-foreground: var(--sidebar-primary-foreground); --color-sidebar-accent: var(--sidebar-accent); --color-sidebar-accent-foreground: var(--sidebar-accent-foreground); --color-sidebar-border: var(--sidebar-border); --color-sidebar-ring: var(--sidebar-ring); }*{box-sizing:border-box}html{font-size:var(--font-size)}h1,h2,h3,h4,label,button{font-weight:var(--font-weight-medium);line-height:1.5}body{margin:0;font-family:Manrope,sans-serif;font-weight:var(--font-weight-normal);color:var(--foreground);background:radial-gradient(circle at 35% 30%,color-mix(in srgb,var(--muted) 66%,transparent) 0,transparent 48%),radial-gradient(circle at 90% 28%,color-mix(in srgb,var(--chart-3) 20%,transparent) 0,transparent 38%),radial-gradient(circle at 16% 72%,color-mix(in srgb,var(--secondary) 14%,transparent) 0,transparent 34%),var(--background);overflow-x:hidden}a{color:inherit;text-decoration:none}.page{min-height:100vh;display:flex;flex-direction:column;background:transparent}.topbar{display:flex;align-items:center;justify-content:space-between;padding:.75rem 6vw;border-bottom:none;background:transparent;-webkit-backdrop-filter:none;backdrop-filter:none}.brand{display:inline-flex;align-items:center;font-family:Manrope,sans-serif;color:var(--primary)}.brand-logo-wrap{display:block;width:clamp(340px,34vw,560px);line-height:0}.brand-logo{display:block;width:100%;height:auto}.cta-button{padding:.6rem 1.4rem;border-radius:999px;background:var(--primary);color:var(--primary-foreground);font-size:.95rem;font-weight:500;transition:transform .2s ease,box-shadow .2s ease}.top-actions{display:inline-flex;align-items:center;gap:.8rem}.lang-toggle{border:1px solid var(--border);background:var(--card);color:var(--primary);padding:.45rem .9rem;border-radius:999px;font-size:.85rem;font-weight:600;cursor:pointer;transition:background .2s ease,border-color .2s ease}.lang-toggle:hover{background:var(--accent-soft);border-color:var(--ring)}.cta-button:hover{transform:translateY(-1px);box-shadow:0 12px 24px color-mix(in srgb,var(--primary) 20%,transparent)}main{flex:1}.hero{padding:1.75rem 6vw 3.5rem;display:grid;gap:2.5rem;justify-items:center;text-align:center}.badge{display:inline-flex;align-items:center;padding:.35rem .9rem;border-radius:999px;border:none;font-size:1.45rem;font-weight:700;background:color-mix(in srgb,var(--muted) 68%,transparent);color:var(--primary)}.hero h1{font-family:Manrope,sans-serif;font-size:clamp(2.1rem,4vw,3.3rem);margin:0;letter-spacing:0}.hero p{max-width:620px;margin:0;font-size:1.1rem;color:color-mix(in srgb,var(--foreground) 88%,var(--background));line-height:1.6;text-wrap:balance}.mockup{width:min(900px,100%);background:var(--card);border-radius:22px;box-shadow:var(--shadow);border:1px solid var(--border);overflow:hidden;position:relative;animation:floatIn .8s ease-out}.mockup-header{display:flex;align-items:center;gap:.5rem;padding:.9rem 1.2rem;border-bottom:1px solid var(--border);background:var(--background)}.dot{width:10px;height:10px;border-radius:999px;background:var(--chart-5)}.mockup-body{display:grid;grid-template-columns:190px 1fr;min-height:420px}.mockup-sidebar{border-right:1px solid var(--border);padding:1.4rem 1.2rem;display:grid;gap:.8rem;background:var(--card)}.mockup-sidebar .pill{height:18px;border-radius:999px;background:var(--muted)}.mockup-sidebar .pill.wide{height:28px;background:var(--primary)}.mockup-sidebar .pill.light{background:var(--background)}.mockup-content{padding:1.6rem 1.8rem 1.8rem;display:grid;gap:1.1rem}.mockup-heading{display:grid;gap:.6rem}.mockup-title{width:220px;height:18px;border-radius:8px;background:var(--primary)}.mockup-subtitle{width:280px;height:10px;border-radius:999px;background:var(--chart-5)}.mockup-row{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:1rem}.mockup-card{background:var(--card);border:1px solid var(--border);border-radius:16px;padding:1rem;display:grid;gap:.75rem}.mockup-card .avatar{width:34px;height:34px;border-radius:12px;background:var(--muted)}.mockup-card .line{height:10px;border-radius:999px;background:var(--chart-5)}.mockup-card .line.short{width:60%}.mockup-card .badge{width:44px;height:24px;border-radius:8px;background:var(--primary)}.mockup-rail{display:grid;grid-template-columns:1fr 220px;gap:1rem}.mockup-rail .pill{height:12px;border-radius:999px;background:var(--chart-5)}.mockup-rail .pill.dark{background:var(--primary)}.mockup-card-large{border-radius:16px;border:1px solid var(--border);background:var(--card);padding:1rem 1.2rem;display:grid;gap:.8rem}.mockup-card-large .line{height:12px;border-radius:999px;background:var(--chart-5)}.mockup-card-large .line.dark{background:var(--primary)}.mockup-card-large .line.long{width:70%}.mockup-card-large .line.short{width:35%}.mockup-card-large .progress{height:6px;border-radius:999px;background:var(--background);overflow:hidden}.mockup-card-large .progress span{display:block;height:100%;width:65%;background:var(--primary)}.mockup-card-large .progress.light span{width:45%}.mockup-pill{width:90px;height:20px;border-radius:999px;border:1px solid color-mix(in srgb,var(--secondary) 45%,transparent);background:color-mix(in srgb,var(--secondary) 14%,transparent);justify-self:end}.mockup-sidepanel{border-radius:16px;border:1px solid var(--border);background:var(--card);padding:1rem;display:grid;gap:.9rem}.mockup-sidepanel .item{display:grid;grid-template-columns:18px 1fr;gap:.6rem;align-items:center}.mockup-sidepanel .dot{width:14px;height:14px;border-radius:50%;background:var(--chart-4)}.mockup-sidepanel .line{height:10px;border-radius:999px;background:var(--chart-5)}.mockup-sidepanel .line.dark{background:var(--primary)}.features{padding:0 6vw 4rem;display:grid;gap:3.5rem;justify-items:center}.features-heading{width:min(1080px,100%)}.features-grid{width:min(1080px,100%);display:grid;gap:2.5rem}.features-card{width:min(1080px,100%);background:var(--card);box-shadow:var(--shadow);border-radius:28px;padding:2.5rem;border:1px solid var(--border)}.features h2{font-family:Manrope,sans-serif;font-size:1.95rem;margin:0;text-align:center}.features-card h3{margin:0;font-size:1.25rem;color:var(--card-foreground)}.feature-list{margin:0;padding:0;list-style:none;display:grid;gap:.85rem;color:color-mix(in srgb,var(--foreground) 72%,var(--background));font-size:1.1rem;margin-top:1.2rem}.feature-list li{display:flex;gap:.75rem;align-items:flex-start}.feature-list li svg{flex:0 0 auto;margin-top:.1rem}.signup{padding:3.5rem 6vw 5rem;display:grid;justify-items:center;text-align:center}.signup h2{font-size:clamp(1.8rem,3vw,2.4rem);margin-bottom:.5rem}.signup p{margin-top:0;color:color-mix(in srgb,var(--foreground) 86%,var(--background))}.form-card{margin-top:2rem;width:min(420px,100%);background:var(--card);border-radius:20px;border:1px solid var(--border);box-shadow:var(--shadow);padding:1.8rem;text-align:left}label{display:block;font-size:.85rem;font-weight:500;margin-bottom:.4rem;color:var(--primary)}input{width:100%;padding:.8rem .9rem;border-radius:10px;border:1px solid var(--border);background:var(--input-background);font-size:.95rem;margin-bottom:1rem;font-family:Manrope,sans-serif}input:focus{outline:none;border-color:var(--ring);box-shadow:0 0 0 3px color-mix(in srgb,var(--ring) 13%,transparent)}.submit-button{width:100%;padding:.9rem 1rem;border-radius:12px;border:none;background:var(--primary);color:var(--primary-foreground);font-size:.95rem;font-weight:600;display:inline-flex;align-items:center;justify-content:center;gap:.5rem;cursor:pointer;transition:transform .2s ease,box-shadow .2s ease}.submit-button:hover{transform:translateY(-1px);box-shadow:0 14px 24px color-mix(in srgb,var(--primary) 20%,transparent)}.message{margin-top:1rem;font-size:.9rem;opacity:0;transition:opacity .3s ease}.message.success{color:var(--primary);opacity:1}.message.error{color:var(--destructive);opacity:1}footer{display:flex;justify-content:space-between;padding:1.5rem 6vw 2.5rem;color:color-mix(in srgb,var(--foreground) 78%,var(--background));font-size:.85rem;border-top:1px solid var(--border);background:var(--sidebar-accent)}footer a{color:var(--primary)}@keyframes floatIn{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@media (max-width: 900px){.mockup-body{grid-template-columns:1fr}.mockup-sidebar{grid-template-columns:repeat(3,1fr);border-right:none;border-bottom:1px solid var(--border)}}@media (max-width: 700px){.topbar{padding:1rem 4vw}.brand-logo-wrap{width:clamp(240px,66vw,360px)}.cta-button{padding:.45rem .9rem;font-size:.85rem}.top-actions{gap:.5rem}.lang-toggle{padding:.4rem .7rem;font-size:.75rem}.hero{padding:3rem 6vw 2.5rem}.mockup-row{grid-template-columns:1fr}footer{flex-direction:column;gap:.6rem;align-items:center}}